:root {
    --primary: #31d9d4;
    --highlight: #31d9d4;
    --gray: #BCBCBC;
    --dark-gray: #403B38;
    --zup-blue: #294e61;
}
a:hover {
    color: var(--highlight) !important;
}
body, #main-wrapper {
    background: #f0f0f0;
}
footer {
    background-color: var(--gray) !important;
    /*box-shadow: 1rem 0rem 0.5625rem 0.22rem rgb(0 0 0 / 15%);*/
}
#footer .productlist-filter-headline {
    border-bottom: 1px solid #787882;
    line-height: 1.75rem;
    margin-bottom: .625rem;
    color: #000;
    font-size: 16px;
}
.f-logos {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 17.25rem;
}
.f-logos a {
    margin-bottom: 5%;
}
.f-payment-logos a {
    width: 30%;
}
.f-versand-logos a {
    width: 49.9%;
}
.f-safeShopping-logos img {
    width: 3rem;
}
.f-social-logos img {
    width: 1.6875rem;
}
.f-social-logos {
    width: 16.375rem;
}
.f-versand-logos.f-logos a:first-child {
    width: 51%;
}
.f-versand-logos.f-logos a:last-child {
    width: 43.5%;
}
.f-safeShopping-logos a {
    margin-right: 5px;
}
#footer-boxes .card a {
    line-height: 1;
}
.f-service-col {
    margin-bottom: 40px;
}
.f-about-section h2 {
    font-size: 30px;
}
.c-seo-content {
    color: #383841;
    font-size: .75rem;
    line-height: 1.5;
}
.c-delivery-times__table tbody, .c-delivery-times__table tbody tr:nth-child(2n), .c-delivery-times__table thead, .c-delivery-times__table thead tr:nth-child(2n) {
    background: 0 0;
}
.c-seo-content tbody, .c-seo-content tfoot, .c-seo-content thead {
    border: 1px solid #f2f2f2;
}
.c-delivery-times__hyphen, .c-delivery-times__label, .c-delivery-times__num-1, .c-delivery-times__num-2, .c-delivery-times__unit {
    display: inline-block;
    font-weight: normal;
}
.c-delivery-times__table td:not([colspan]), .c-delivery-times__table th:not([colspan]) {
    line-height: 1.1;
    width: 33.3333%;
}
.c-delivery-times__table td, .c-delivery-times__table th {
    padding: .0625rem .5rem;
    border: 1px solid #d2d2d2;
}
table.c-delivery-times__table {
    margin-bottom: 10px;
}

header {
    background: var(--zup-blue);
    box-shadow: 0 1rem 0.5625rem -0.75rem rgb(0 0 0 / 15%);
}
div#header-top-bar {
    background: var(--primary);
    color: #fff;
    font-size: 1rem;
}
#header-top-bar a:hover {
    color: var(--highlight);
}
#header-top-bar a {
    color: #fff;
}
header .navbar-nav > .nav-item > .nav-link {
    color: var(--primary);
    text-transform: uppercase;
    padding: .75rem 1.375rem;
}
.navbar-expand-lg .navbar-nav {
    padding-bottom: 0;
}
#mainNavigation {
    height: auto;
    font-weight: bold;
}
header .navbar-nav > .nav-item > .nav-link::before {
    content: none;
}
header .navbar-nav > .nav-item > .nav-link:hover {
    background: var(--primary);
    color: #FFFFFF !important;
}

.search-wrapper .btn {
    background: var(--highlight);
    border-color: var(--highlight);
}
.search-wrapper .btn:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid var(--highlight);
    width: 0;
    height: 0;
}
header .form-control {
    border-radius: 0;
    border-color: var(--highlight);
}
.newsletter-footer .btn, .btn-primary {
    background-color: var(--primary);
    border: 0;
    border-top: 1px;
}
.btn-primary::after, .newsletter-footer .btn::after {
    content: '';
    height: 5px;
    width: 100%;
    background: var(--highlight);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}
header .nav-right .nav-link .far, header .nav-right .nav-link .fas, header .nav-right .nav-link .fal {
    font-size: 22px;
    margin: 0;
}
header .nav-right .nav-link {
    display: flex;
    flex-direction: column;
    text-align: center;
    line-height: 2;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0.9em;
}
header .nav-right .nav-link:after, .menu-title {
    font-size: 12px;
}
.nav-mobile-header.d-lg-none {
    background: var(--primary);
    color: var(--highlight);
}
.nav-mobile-header .navbar-toggler, .nav-mobile-body .product-count.badge, a.nav-offcanvas-title {
    color: black;
}

#shop-nav .nav-link {
    color: white;
}
.menu-title {
    line-height: 3.5;
}
.service-content > a {
    max-width: 49%;
    flex: 0 0 49%;
    text-align: center;
    background: var(--primary);
    font-size: .775rem;
    text-transform: uppercase;
    color: #fff;
    min-height: 4.6875rem;
    margin-bottom: 6px;
    padding: 7% 0px;
}
.service-dropdown-title {
    color: #000;
    font-size: 1.625rem;
}
.navbar-toggler-icon {
    display: block !important;
}
@media (min-width: 500px)
{
	.brandLogoProduct {
        margin-left: 0px;
        margin-right: auto;
	}
}
@media (max-width: 500px)
{
	.brandLogoProduct {
        margin-left: 0px;
        margin-right: auto;
	}
}


.item-slider-price .brandLogoProduct {
    display: none;
}

.productbox-inner .brandLogoProduct {
    display: none;
}

span.fa-sup {
    font-size: 10px;
    left: 45px;
}
.container.basket {
    background: #fff;
    padding: 15px;
}
.xsell-slider {
    margin-top: 30px;
}
.xsell-slider .product-wrapper {
    background: #fff;
    padding: 15px;
}
.xsell-slider .h2 {
    font-size: 36px;
}
.xsell-slider .hr-sect::before, .xsell-slider .hr-sect::after {
    content: none;
}
.basket-customer-service {
    margin-top: 30px;
}
.basket-customer-service h3 {
    font-size: 2.25rem;
}
.basket-customer-service i {
    font-size: 1.875rem;
    text-align: center;
    display: block;
    margin: 1rem auto 1.875rem;
}
.basket-customer-service i span {
    display: none;
}
.basket-customer-service h5 {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.basket-customer-service p {
    text-align: center;
}
.basket-customer-service p a {
    text-decoration: none;
    color: var(--primary);
}
.basket-customer-service p.number {
    margin: 0;
    font-size: 16px;
}
.is-checkout header, .is-checkout .navbar {
    height: auto;
}
.stepper, .stepper .step-active {
    border: 0;
    background: transparent;
}
.stepper .step-active .step-content::after, .stepper .step::after,  .stepper .step::before{
    content: none;
}
.stepper .badge {
    color: #787882;
    border: 2px solid #787882;
    background: transparent;
    padding: 13px;
}
.stepper .badge-count {
    font-size: 13px;
}
.checkout-steps .step-text {
    font-size: 13px;
    text-transform: uppercase;
    color: #787882;
}
.stepper .step-active .badge {
    background: var(--primary);
    color: var(--highlight);
    border-color: var(--primary)
}
.stepper .step-active .step-text {
    color: var(--primary);
}
.stepper .step-active .step-check {
    margin: 0;
    color: var(--highlight);
}
.stepper .step {
    padding: 0;
}
.navbar-toggler .navbar-toggler-icon {
    margin: auto;
}
.is-checkout .search-form-wrapper-fixed, .is-checkout .fixed-search {
    display: block;
}
span.step-sep {
    width: 3%;
    margin: 0 10px;
    height: 1px;
    background: #787882;
}
div#customer, form#complete_order, div#new_customer {
    background: #fff;
}
.shipping-opts, body[data-page="33"] div#content > .container:not(:first-child) {
    margin: 0 0 30px;
    background: #fff;
}
.shipping-opts .col.col-lg-9.col-12, form#complete_order, body[data-page="33"] div#content > .container:not(:first-child), div#new_customer > div.col.col-12{
    padding: 15px;
}
.hr-sect::before, .hr-sect::after {
    content: none;
}
.tab-navigation .nav-link::after {
    border-width: 0 0 2px;
}
.tab-navigation .nav-link {
    font-family: 'RobotoCondensed-Regular';
    font-weight: normal;
    text-transform: uppercase;
    padding: 15px 5px;
}
ul#product-tabs {
    background: #fff;
    justify-content: center;
    border: 0;
    position: sticky !important;
    top: 0;
    z-index: 1020;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 15%);
}
#tabAccordion > .card .card-header {
    font-family: 'RobotoCondensed-Regular';
    font-size: 18px;
    cursor: pointer;
}
#tabAccordion > .card .card-header:hover {
    color: var(--highlight);
}
.delivery-status ul {
    flex-direction: column;
}
.delivery-status .status-2, .signal_image .status-2 {
    font-size: 16px;
}
#product-offer .product-info ul.info-essential li {
    display: flex;
}
#product-offer .product-info ul.info-essential strong {
    flex: 0 0 50%;
    font-weight: normal;
}
div#product-offer {
    background: #fff;
    padding: 15px;
    margin-bottom: 30px;
}
#add-to-cart {
    justify-content: space-between;
    flex-wrap: nowrap;
}
#add-to-cart .input-group-text.unit.form-control {
    display: none;
}
#add-to-cart button.btn.js-cfg-validate.btn-primary.btn-block {
    min-height: 45px;
}
#add-to-cart > .row > div {
    padding: 0 5px;
}
.pro_detail_actions button {
    border-radius: 0 !important;
    opacity: 1;
}
#add-to-cart .btn .btn-basket-check span {
    display: inline-block;
}
.col.cart-qty button {
    background: var(--highlight);
}
#add-to-cart .form-counter {
    border: 0;
}
#add-to-cart #quantity {
    border: 1px solid #707070;
    margin: 0 10px;
}
.col.cart-qty button {
    background: var(--highlight);
}
.col.cart-qty button:hover {
    border: 1px solid var(--primary);
}
div#quantity-grp0 button {
    background: var(--primary);
    color: #fff;
}
.product-wrapper .productbox-title {
    height: 30px;
}

.mitarbeiter-image {
    width: 70% !important;
    display: block;
    margin-left: unset !important;
    margin-right: unset !important;
}

.mitarbeiter-trenner h2 {
    padding: 10px 0 10px 15px;
}

.vorteil-icon i {
    font-size: 50px;
    position:relative;
    color: var(--highlight);
    left: calc(50% - 10px); /* 50% - 3/4 of icon height */
}

.vorteil-text h2 {
    margin: 0;
}

.theme-default .nivo-directionNav a {
    opacity: 1;
}

.subcategories-image {
    display: flex !important;
}

.productlist-header-description-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.card-body .productlist-filter-headline {
    padding: 10px;
}

#tsReviewStickerWrapper {
    margin-bottom: 1.5rem;
}

.feature-box {
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #31d9d4;
    margin-bottom: 10px;
}
.feature-box i {
    font-size: 4.5em;
    color: white;
}

.feature-box-versand i {
    font-size: 3.5em !important;
    color: white;
}

.feature-box-text {
    font-size: 1em;
    text-align: center;
}

.trusted-premium {
    position: fixed;
    left: 23px;
    bottom: 180px;
    width: 4.8%;
}


@media screen and (min-width: 1200px) {
    header .form-control {
        min-width: 260px;
    }
}
@media screen and (min-width: 1100px) and (max-width: 1199px) {
    header .form-control {
        min-width: 180px;
    }
}
@media screen and (min-width: 992px) {
    .service-dropdown {
        min-width: 25rem;
    }
    header .form-control {
        /*min-width: 240px;*/
    }
    header .navbar-brand img {
        height: 3.7rem !important;
    }
    .tab-content > .tab-pane {
        display: block !important;
        visibility: visible;
        opacity: 1;
        background: #fff;
        box-shadow: 0 1px 5px 0 rgb(0 0 0 / 15%);
        margin-bottom: 30px;
    }
    .tab-content > .tab-pane > div {
        padding: 15px;
    }
    #tabAccordion {
        display: none;
    }
    .tab-headline {
        background: var(--gray);
        padding: 15px;
    }
    /* .nav-scrollbar .nav, .nav-scrollbar .navbar-nav {
    overflow: hidden;
} */
	/*#search {*/
	/*	width: 300px;*/
	/*}*/
}
@media screen and (max-width: 991px) {
    .sus_its_headerbadge {
        padding-bottom: 20px;
    }

    .container.subcategory-wrapper a {
        color: var(--primary);
    }
    .nav-scrollbar-arrow.disabled {
        display: none;
    }
    .tab-navigation {
        display: none;
    }
    header {
        padding-top: 10px;
    }
    .stepper .step-active .step-text {
        font-size: 0;
    }
    #burger-menu {
        display: block !important;
    }
    #header-top-bar {
        display: none !important;
        font-size: 1rem;
    }
    .toggler-logo-wrapper {
        position: unset;
    }
    .toggler-logo-wrapper .burger-menu-wrapper {
        padding-top: 8px;
    }
    .slick-slider-other .slick-slide:not(.slick-active) {
        opacity: 0;
    }
    .search-form-wrapper-fixed {
        padding-bottom: unset;
    }
    .mobile-full {
        padding: unset;
    }

    .menu-title {
        display: none;
    }
}
@media screen and (max-width: 767px) {

    #shop-nav .nav-link {
        padding-left: 5px;
        padding-right: 5px;
    }
    .faq-category-button {
        margin-bottom: -8%;
    }
}
@media screen and (max-width: 650px) {
    #shop-nav-compare, #shop-nav-wish {
        display: none;
    }

    header .nav-right .nav-link:after, .menu-title {
        font-size: 10px;
    }
    header .nav-right .nav-link .far, header .nav-right .nav-link .fas, header .nav-right .nav-link .fal {
        font-size: 20px;
        margin: 0;
    }
    .menu-title {
        display: none;
    }
    .faq-category-button {
        margin-bottom: -9%;
    }
}
@media screen and (max-width: 575px) {
    .col.cart-btn {
        order: 3;
        flex: 0 0 100%;
    }
    .product-wrapper .row.stockNactions .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .search-form-wrapper-fixed {
        padding-bottom: unset;
    }
    .mobile-full {
        padding: unset;
    }

    .features-container .feature-item {
        opacity:0;
        display:none
    }
    .features-container .feature-item.is-active {
        display:block;
        opacity:1;
        -webkit-transition:opacity 500ms ease-in;
        -moz-transition:opacity 500ms ease-in;
        -o-transition:opacity 500ms ease-in;
        transition:opacity 500ms ease-in;
        -webkit-animation:fadeIn 3s;
        animation:fadeIn 3s;
        -webkit-animation-fill-mode:forwards;
        animation-fill-mode:forwards;
        text-align: center;
        padding-top: 6px;
    }

    .menu-title {
        display: none;
    }

    .faq-category-button {
        margin-bottom: -10%;
    }

    .opc-Accordion .btn {
        text-align: left;
    }

}
@media screen and (max-width: 375px) {
    header .navbar-brand img {
        height: auto;
        width: 100%;
    }
    #add-to-cart #quantity {
        margin: 0 7px;
    }

    .search-form-wrapper-fixed {
        padding-bottom: unset;
    }
    .mobile-full {
        padding: unset;
    }

    .mobile-slider-fixed {

    }

    .brandLogoProduct {
        margin-left: 0px;
        margin-right: auto;
    }

    .brandLogoProduct img {
        padding-bottom: 14px;
    }

    .item-slider-price .brandLogoProduct {
        display: none;
    }

    .productbox-inner .brandLogoProduct {
        display: none;
    }

    .menu-title {
        display: none;
    }

    .faq-category-button {
        margin-bottom: -16%;
    }
}