/*****----- SECTION: ROOT -----*****/
@import url("fonts/fonts.css");
@import url("fonts/flaticon.css");

:root {
    --primary: #2c6c86; /* rgb(44,108,134);*/
    --secondary: #123645; /* rgb(18,54,69);*/
    --primary-opacity: rgba(44, 108, 134, 0.5);
    --primary--2-opacity: rgba(44, 108, 134, 0.25);
    --text-color: #111111;
    --text-color-1: #9b9b9b;
    --text-color-2: #525252;
    --text-color-3: #e2e2e2;
    --text-color-3: #707070;
    --suggested: #e52427;
    --gray-light: #f5f7fa;
    --gray-medium: #ebebeb;
    --white: #fff;
    --black: #000;
}

html {
    font-family: Poppins, Inter, sans-serif;
    width: 100%;
    background-color: #fff;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    width: 100%;
    font-family: Poppins, Inter, sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-color);
    background-color: #fff;
}

* {
    /* Overflow Elements beim Responsiv */
    /* outline: 4px solid green !important;*/
}

/*****----- SECTION: GLOBAL -----*****/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: Poppins, Inter, sans-serif;
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--text-color);

}

h1 :not(span) {
    text-transform: uppercase;
    font-size: 2.2rem;
    margin-bottom: 1.5rem;
}

.breadcrumb-wrapper {
    margin-bottom: 1rem;
}

.modal-content {
    border: 3px solid var(--primary);
}

.modal-header .close {
    background-color: var(--primary);
    border: 3px solid var(--primary);
    color: #fff;
}

.modal-header .close:hover {
    background-color: #fff;
    color: var(--primary);
}

.btn-link,
.btn-link:hover,
.slick-slide a:hover,
.slick-slide a:focus,
a:hover {
    color: var(--primary);
}

.btn-primary {
    background-color: var(--primary);
    border-color: transparent !important;
    color: #fff !important;
    border-radius: 5px;
    padding: 0;
    line-height: 38px;
    font-weight: 500;
    padding: 0 0.5rem;
    box-shadow: none;
}

@media (hover: hover) {
    .btn-primary:hover {
        background-color: var(--secondary);
        border-color: var(--secondary);
    }
}

@media (hover: none) {
    .btn-primary:active {
        background-color: var(--secondary);
        border-color: var(--secondary);
    }
}

.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle,
.show > .btn-primary[data-toggle="collapse"]:not(.navbar-toggler) {
    background-color: var(--secondary);
    border-color: var(--secondary);
    box-shadow: none;
    color: #fff;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled):focus,
.btn-secondary:not(:disabled):not(.disabled):visited {
    color: var(--primary) !important;
    background-color: var(--primary) !important;
}

.btn-secondary:not(:disabled):not(.disabled):active {
    background-color: transparent;
}

.btn-outline-primary {
    border-color: var(--primary);
    background: transparent;
    border-radius: 5px;
    padding: 0.5rem 1rem;
}

.btn-outline-primary:active,
.btn-outline-primary:active:focus,
.btn-outline-primary:focus,
.btn-outline-primary:hover {
    background: transparent;
    border-color: var(--secondary);
}

.badge-primary {
    background-color: var(--primary) !important;
    color: #fff !important;
    font-size: 0.75rem;
}

.badge-circle-1 {
    border: none;
    min-height: unset;
    min-width: unset;
    width: auto;
    height: 100%;
    padding: 0;
    background-color: transparent !important
}

.badge-circle-1.on-list {
    color: var(--primary) !important;
    border: none !important;
}

.custom-control-label::before {
    border: 1px solid var(--primary) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #ffffff;
    border-color: var(--primary);
    background-color: var(--primary);
}

.custom-control-input:active ~ .custom-control-label::before {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.custom-switch .custom-control-label::after {
    background-color: var(--primary);
}

.bootstrap-select.custom-select.show button.dropdown-toggle,
.bootstrap-select.custom-select.show button[data-toggle="collapse"]:not(.navbar-toggler),
.bootstrap-select.custom-select button.dropdown-toggle:focus,
.bootstrap-select.custom-select button[data-toggle="collapse"]:focus:not(.navbar-toggler) {
    border-color: var(--primary);
}

header a:not(.dropdown-item):not(.btn):hover {
    color: var(--primary);
}

.border-primary {
    border-color: var(--primary) !important;
}

.cfg-group .cfg-swatch:checked ~ .custom-control-label .config-item .badge-circle {
    background-color: var(--primary);
    border-color: var(--primary);
}

#cfg-container .custom-control:focus-within > label,
.cfg-group .cfg-swatch:checked ~ .custom-control-label .config-item {
    outline-color: var(--primary);
}

/*** IPHONE/SAFARI INERZIONEN SCROOL AUSBLENDEN ***/
header .navbar-collapse {
    -webkit-overflow-scrolling: auto;
}

/*****----- SECTION HEADER -----*****/

/***--- TOP-BAR ---***/

header {
    background: #fff;
    box-shadow: none;
}

#header-top-bar {
    font-family: Poppins, "Open Sans", Inter, sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    background: var(--primary);
    color: #fff;
    overflow: hidden;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

#header-top-bar .scroll-item b,
#header-top-bar .scroll-item a {
    margin-left: 5px;
    margin-right: 5px;
    font-weight: 500;
}

#header-top-bar .scroll-container {
    display: flex;
    justify-content: center;
    height: 40px;
    width: 100%;
    overflow: hidden;
}

#header-top-bar .scroll-text {
    display: flex;
    flex-direction: column;
    position: absolute;
    animation: scroll 10s linear infinite
}

#header-top-bar .scroll-item {
    font-size: 1rem;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    word-spacing: 2px;
}

@keyframes scroll {
    0%, 30% {
        transform: translateY(0);
    }
    35%, 70% {
        transform: translateY(-40px);
    }
    75%, 100% {
        transform: translateY(0);
    }
}

#header-top-bar a:not(.dropdown-item):not(.btn) {
    color: #ffdd00 !important;
    text-transform: uppercase;
    text-decoration: underline;
}

#header-top-bar .scroll-item:after {
    content: '\2192';
    color: #ffdd00 !important;
    font-size: 1.5rem;
    display: inline-flex;
    align-items: center;
}

header .st-topbar .topbar-link:hover {
    /*color: var(--primary) !important;*/
}

/***--- LOGO ---***/
.full-width-mega .nav-logo-wrapper {
    padding-left: 0;
}

header .navbar-brand {
    margin-right: 0;
}

#logo .nav-icons-item {
    max-height: 55px;
    margin-right: 2rem;
    margin-left: 1rem;
}

header .navbar-brand img {
    height: 60px;
    margin-right: 3rem;
}

/***--- SEARCH DESKTOP UND MOBILE---***/
.full-width-mega .main-search-wrapper {
    padding: 0;
}

#search .input-group {
    flex-direction: row-reverse;
}

#search .input-group-append {
    margin-left: -1px;
    position: absolute;
    left: 0.5rem;
}

#search .btn.btn-secondary {
    background-color: transparent !important;
    border: none !important;
    color: var(--text-color-2) !important;
    box-shadow: none !important;
    outline: none !important;
}

#search .fa-search::before {
    content: "\f002";
    font-size: 1.5rem;
    position: absolute;
    transform: translateY(-50%);
}

#search .form-control {
    height: 50px;
    background: #f5f5f5 !important;
    border-radius: 25px;
    overflow: hidden;
}

#search .form-control:focus,
#search .form-control:active {
    background: #fff !important;
}

#search #search-header {
    padding-left: 4rem;
    height: 50px;
    border-radius: 25px;
    box-shadow: 0 6px 14px -3px rgba(24, 39, 75, 0.12);
    border: 1px solid #dcdcdc;
}

/***--- ICONS ---***/
header .nav-right .nav-link {
    padding: 0.75rem 0.5rem;
}

header .nav-right li:last-child .nav-link {
    display: flex;
    align-items: center;
}

#shop-nav .st-icons {
    display: flex;
    justify-content: center;
    align-items: center;
}

#shop-nav .ekom-icons {
    padding: 0 3rem;
}

#shop-nav .ekom-icons-item {
    max-width: 50px;
}

#shop-nav .flaticon-user-1,
#shop-nav .fa-user-check,
#shop-nav .flaticon-love-1,
#shop-nav .flaticon-square,
#shop-nav .flaticon-bag {
    display: block;
    color: var(--text-color);
    background: transparent;
    font-size: 1.75rem;
    transition: all 0.3s ease;
}

#shop-nav .fa-user-check {
    font-size: 1.5rem;
}

#shop-nav .flaticon-bag {
    display: inline-block;
}

#shop-nav .flaticon-user-1::before,
#shop-nav .fa-user-check::before,
#shop-nav .flaticon-love-1::before,
#shop-nav .flaticon-square::before,
#shop-nav .flaticon-bag::before {
    color: var(--primary);
    display: block;
}

#shop-nav .flaticon-love-1::before {
    padding-top: 2px;
}

.cart-icon-dropdown:not(.not-empty) .cart-icon-dropdown-icon {
    margin-right: 3px;
}

.cart-icon-dropdown.not-empty .cart-icon-dropdown-price {
    margin-left: 0.5rem;
}

.fa-sup {
    color: #fff;
    background: var(--primary);
    font-size: 0.4em;
    font-weight: 400;
    margin-left: -1em;
}

/***--- CART DROPDOWN---***/

.cart-icon-dropdown-price {
    color: var(--primary) !important;
}

.cart-dropdown.lg-min-w-lg {
    min-width: 450px;
}

.dropdown-menu.dropdown-menu-right.show {
    border: 2px solid var(--primary);
    border-top: none;
    z-index: 10000;
}

.dropdown-menu.dropdown-menu-right.show .dropdown-body {
    padding: 1rem;
}

#cart-dropdown-container .table.dropdown-cart-items tbody th,
#cart-dropdown-container .table.dropdown-cart-items tbody td {
    vertical-align: baseline !important;
}

.cart-dropdown .dropdown-cart-items img {
    max-height: 100px;
}

.cart-dropdown .dropdown-cart-items a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.cart-dropdown .cart-dropdown-buttons .col:first-child {
    padding-right: 0.5rem;
}

.cart-dropdown .cart-dropdown-buttons .col:last-child {
    padding-left: 0.5rem;
}

.cart-dropdown .cart-dropdown-buttons .btn-primary {
    background: var(--primary);
}

.cart-dropdown .form-row a {
    font-weight: 600;
    color: var(--text-color) !important;
}

.cart-dropdown .form-row .col.col-auto {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cart-dropdown .vat_info,
.cart-dropdown .product-sku,
.cart-dropdown .delivery-status .status,
.cart-dropdown .delivery-status .status,
.cart-dropdown .delivery-status .icon_status,
.cart-dropdown .delivery-status .estimated-delivery {
    display: none;
}

.cart-dropdown .price {
    display: flex;
    justify-content: space-between;
    margin-top: 0.5rem;
}

.cart-dropdown .price .basket-price {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-end;
}

.cart-dropdown .basket-price .price_wrapper {
    display: flex;
    flex-direction: row-reverse;
    align-items: baseline;
    margin-bottom: 0;
}

.basket-price .suggested-price,
.basket-price .suggested-price span {
    font-size: 0.75rem;
    color: var(--text-color);
}

.basket-price .suggested-price .text-nowrap-util {
    font-size: 0.75rem;
    margin-right: 2px;
    font-weight: 400;
}

.basket-price .price_wrapper .price.h1.suggested {
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.cart-dropdown .delivery-status {
    color: var(--secondary) !important;
    font-weight: 400;
}

.cart-dropdown .percent {
    display: none;
}

.cart-dropdown .percent-val {
    display: block;
}

.cart-dropdown .dropdown-body {
    color: var(--text-color);
    position: relative;
}

.cart-dropdown .dropdown-body::before {
    content: "";
    position: absolute;
    top: 0;
    left: 4%;
    width: 92%;
    height: 1px;
    background: #ccc;
}

.cart-dropdown .dropdown-body .card.card-gray .card-header {
    padding: 0.75rem 0.5rem;
    background: #fff;
    color: var(--text-color-3);
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 0.70rem;
    box-shadow: 0.125rem 0.125rem 0.125rem rgba(0, 0, 0, 0.1);
}

.cart-dropdown .dropdown-cart-items .form-row {
    align-items: center;
}

.cart-dropdown .dropdown-body .list-unstyled {
    /*width: 75%;*/
    /*margin-left: auto;*/
}

.cart-dropdown .dropdown-body .list-unstyled li:not(:first-child) {
    padding-left: 1rem;
}

.cart-dropdown .all_discount {
    color: var(--secondary);
    font-size: 0.85rem;
    margin: 1rem 0;
    font-weight: 600;
    text-align: right;
}

.cart-dropdown .all_discount .percent-total {
    background: var(--secondary);
    color: #fff;
    height: 22px;
    line-height: 22px;
    padding: 0 4px;
    border-radius: 6px;
    font-size: 0.75rem;
    margin-left: 0.85rem;
}

.cart-dropdown .dropdown-body .list-unstyled .cart-dropdown-total-item-price {
    margin-left: 1.5rem;
}

.payment-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1rem;
    border-radius: 5px;
    border: 1px solid #ccc;
    max-width: 450px;
    margin: auto;
    position: relative;
    margin-top: 1.25rem;
}

.payment-title {
    font-size: 0.80rem;
    color: var(--text-color-3);
    position: absolute;
    display: flex;
    align-items: center;
    background: #fff;
    top: -10px;
    padding: 0 1rem;
}

.payment-icons {
    display: flex;
    justify-content: space-around;
    gap: 15px;
}

.payment-icons img {
    height: 30px;
    background: #f1f1f1;
    border-radius: 5px;
}

/***--- NAVMENU ---***/

@media only screen and (min-width: 992px) {
    .container-fluid.container-fluid-xl.menu-center-center.menu-multiple-rows-scroll {
        /*border-bottom: 6px solid var(--primary);*/
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.125);
        max-width: 100%;
        position: relative;
    }

    .container-fluid.container-fluid-xl.menu-center-center.menu-multiple-rows-scroll:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        width: 100%;
        height: 6px;
        background: var(--primary);
    }

    .navbar.row.justify-content-center.align-items-center-util.navbar-expand-lg.navbar-expand-1,
    .navbar.justify-content-start.align-items-lg-end.navbar-expand-lg.navbar-expand-1 {
        max-width: 1600px;
        margin: 0 auto;
    }

    .navbar.row.justify-content-center.align-items-center-util.navbar-expand-lg.navbar-expand-1 {
        margin-bottom: 0.5rem;
    }

    .nav-home-button.nav-item.nav-scrollbar-item {
        display: none;
    }

    header .navbar-collapse {
        height: auto;
    }

    .nav-scrollbar-inner {
        padding-bottom: 0;
    }

    header .nav-mobile-body .nav-item.nav-scrollbar-item {
        padding-bottom: 6px;
    }

    .nav-home-button.nav-item.nav-scrollbar-item.d-none.d-lg-block {
        display: none !important;
    }

    header .navbar-nav > .nav-item > .nav-link {
        font-size: 1rem;
        font-weight: 500;
        text-transform: uppercase;
        padding: 0.75rem 1rem;
        color: var(--text-color) !important;
    }

    header #mainNavigation {
        margin: 0;
    }

    header .nav-scrollbar .navbar-nav {
        overflow-x: hidden;
    }

    header .navbar-nav > .nav-item > .nav-link::before {
        left: 0;
        transform: unset;
        width: 100%;
        bottom: 0;
        opacity: 0;
        border-color: var(--secondary);
        transition: all 0.3s ease;
    }

    header .navbar-nav > .nav-item.active > .nav-link::before,
    header .navbar-nav > .nav-item:hover > .nav-link::before,
    header .navbar-nav > .nav-item.hover > .nav-link::before {
        bottom: -6px;
        opacity: 1;
    }
}

/***--- DROPDOWN MENU ---***/

@media only screen and (min-width: 992px) {
    header .navbar-nav > .nav-item.dropdown-full > .dropdown-menu {
        box-shadow: 0 0 3rem 0 rgba(0, 0, 0, .1);
        padding-bottom: 3rem;
    }

    header .navbar-nav > .nav-item.dropdown-full > .dropdown-menu > .dropdown-body {
        width: 100%;
    }

    .nav-mobile-body .dropdown-menu .container.subcategory-wrapper {
        /*display: flex !important;*/
        /*flex-wrap: nowrap;*/
        /*align-items: flex-start;*/
        overflow: hidden;
    }

    .nav-mobile-body .dropdown-menu .container.subcategory-wrapper .lg-row-lg {
        margin: 0 !important;
    }

    .nav-mobile-body .dropdown-menu .container.subcategory-wrapper .nav-item {
        padding: 0 1rem;
        margin: 1rem 0;
    }

    .nav-mobile-body .dropdown-menu .container.subcategory-wrapper .categories-recursive-dropdown.dropdown-menu .nav-item {
        padding: 0 0.5rem;
        margin: 0.5rem 0;
    }

    .nav-mobile-body .dropdown-menu .container.subcategory-wrapper a {
        font-family: Poppins, Inter, sans-serif;
        color: var(--text-color) !important;
        border: none;
        font-weight: 600;
    }

    .nav-mobile-body .dropdown-menu .container.subcategory-wrapper a:hover {
        text-decoration: underline;
    }

    .nav-mobile-body .dropdown-menu .dropdown-kategorie-image {
        overflow: hidden;
    }

    .nav-mobile-body .dropdown-menu .dropdown-kategorie-image img {
        /*width: 100%;*/
        width: 500px;
        height: 300px;
        object-fit: cover;
    }

    .nav-mobile-body .dropdown-menu .container.subcategory-wrapper .categories-recursive-dropdown.dropdown-menu .text-truncate {
        font-weight: 400;
    }
}

/*****----- SECTION: STARTSEITE -----*****/

#content-wrapper:not(.has-fluid) {
    padding-top: 2rem;
    /*max-width: 1600px;*/
    /*margin: 0 auto;*/
}

.modal-backdrop {
    height: auto;
}

/***--- SLIDER   ---***/
.slider-wrapper.theme-default {
    position: relative;
}

.slider-wrapper.theme-default .nivoSlider {
    box-shadow: none;
    max-height: 450px;
}

.slider-wrapper.theme-default .nivoSlider img {
    max-height: 450px;
    height: 100%;
    object-fit: cover;
}

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

.slider-wrapper.theme-default .nivoSlider::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.slider-wrapper.theme-default .nivo-directionNav a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    color: var(--text-color);
    opacity: 0.7;
    font-size: 1rem;
    text-decoration: none;
    transition: background 0.3s ease;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.slider-wrapper.theme-default a.nivo-prevNav::before {
    content: "\f060";
    text-indent: 0;
}

.slider-wrapper.theme-default a.nivo-nextNav::before {
    content: "\f061";
    text-indent: 0;
}

.slider-wrapper.theme-default .nivo-directionNav a:hover {
    background: rgba(255, 255, 255, 1);
    opacity: 1;
}

.slider-wrapper.theme-default .nivo-caption {
    font-family: Poppins, Inter, sans-serif;
    bottom: 10%;
    left: 5rem;
    height: max-content;
    color: #fff !important;
    background: transparent !important;
    width: auto;
}

/*.slider-wrapper.theme-default .nivo-caption::after {
    content: "JETZT BESTELLEN";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: Poppins, Inter, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0.75rem 1.5rem;
    margin-top: 1rem;
    border: 2px solid white;
    border-radius: 2rem;
    cursor: pointer;
}*/

.slider-wrapper.theme-default .nivo-caption .title {
    font-size: 4em;
    font-weight: 900;
    letter-spacing: 1px;
}

.slider-wrapper.theme-default .nivo-caption .desc {
    font-size: 2rem;
    line-height: 1;
}

.theme-default .nivo-controlNav {
    position: absolute;
    left: 50%;
    bottom: 1rem;
    z-index: 10;
    transform: translateX(-50%);
    padding: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.theme-default .nivo-controlNav a {
    padding: 0;
    background: #fff !important;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: 0.5;
}

.theme-default .nivo-controlNav a.active {
    width: 15px;
    height: 15px;
    opacity: 0.8;
}

/***--- HERSTELLER SLIDER  ---***/

.section-hersteller {
    margin: 2rem auto !important;
}

.section-hersteller .slick-list.draggable {
    width: 95%;
    margin: 0 auto;
}

.section-hersteller button {
    outline: none;
}

.section-hersteller .carousel .slick-arrow {
    background: transparent !important;
    opacity: 0.4;
    box-shadow: none;
    border: none;
}

.section-hersteller .carousel-arrows-inside .slick-prev {
    left: unset;
    transform: translate(50%, -50%);
}

.section-hersteller .carousel-arrows-inside .slick-next {
    transform: translate(20%, -50%);
}

.section-hersteller .slick-prev::after,
.section-hersteller .slick-next::after {
    color: var(--text-color) !important;
    font-size: 1.5rem;
}

.section-hersteller .slick-track .product-wrapper {
    border: none;
    border-radius: 0;
    padding: 0rem 2rem;
}

.section-hersteller .slick-track .product-wrapper::after,
.section-hersteller .inner::after {
    display: none;
}

.section-hersteller .slick-track .product-wrapper a {
    max-height: 120px;
    display: block;
    overflow: hidden;
}

.section-hersteller .item-slider.productbox-image.square.square-image {
    max-height: 120px;
}

.section-hersteller .slick-type-product .slick-slide .square-image .inner img {
    width: 100%;
    object-fit: contain;
    border-radius: 0;
    transition: all 0.6s ease;
    filter: grayscale(100%);
    opacity: 0.7;
}

.section-hersteller .slick-type-product .slick-slide .square-image .inner img:hover {
    filter: grayscale(0%);
    opacity: 1;
}

/***--- GRID BANNER  ---***/
.section-gridbilder {
    padding-left: 1rem !important;
}

.section-gridbilder .row {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0.5rem;
}

.section-gridbilder .row .col {
    padding: 0 0.75rem;
}

/*.section-gridbilder .grid-item {*/
.container-fluid.opc-Container .grid-item {
    height: 100%;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 1rem;
}

/*.section-gridbilder .grid-item:hover {*/
.container-fluid.opc-Container .grid-item:hover {
    transform: scale(1.01) translateY(-5px);
}

/*.section-gridbilder .grid-item .opc-area {*/
.container-fluid.opc-Container .grid-item .opc-area {
    height: fit-content !important;
}

/*.section-gridbilder .grid-item a {*/
.container-fluid.opc-Container .grid-item a {
    height: 100%;
    display: block;
}

/*.section-gridbilder img {*/
.container-fluid.opc-Container .grid-item img {
    max-height: 500px !important;
    height: 100%;
    object-fit: cover;
}

/*.section-gridbilder .grid-desc {*/
.container-fluid.opc-Container .grid-desc {
    position: absolute !important;
    bottom: 10%;
    left: 0;
    right: 0;
    width: 100%;
    height: max-content;
    padding: 0 4rem;
    background: transparent;
    transition: all 0.3s ease;
    font-family: Poppins, Inter, sans-serif;
    color: #fff;
    font-weight: 500;
}

/*.section-gridbilder .grid-desc .title-desc {*/
.container-fluid.opc-Container .grid-desc .title-desc {
    font-size: 2.25em;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/*.section-gridbilder .grid-desc .subtitle-desc {*/
.container-fluid.opc-Container .grid-desc .subtitle-desc {
    font-size: 1.25em;
    margin-bottom: 0;
}

/*.section-gridbilder .grid-desc .button-desc {*/
.container-fluid.opc-Container .grid-desc .button-desc {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    text-transform: uppercase;
    padding: 0.25rem 0.5rem 0.25rem 1.25rem;
    border: 2px solid #fff;
    border-radius: 2rem;
    margin-top: 1.5rem;
    background: transparent;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}

/*.section-gridbilder .grid-desc .button-desc:hover {*/
.container-fluid.opc-Container .grid-desc .button-desc:hover {
    background: #fff;
    color: var(--text-color);
}

/*.section-gridbilder .grid-desc .button-desc span {*/
.container-fluid.opc-Container .grid-desc .button-desc span {
    display: inline-block;
    transition: transform 0.4s ease;
}

.container-fluid.opc-Container .grid-desc .button-desc {
    color: #fff;
    text-decoration: none;
    position: relative;
}


/*.section-gridbilder .grid-desc .button-desc i {*/
.container-fluid.opc-Container .grid-desc .button-desc i {
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.4s ease;
    transform: translateX(-5px);
}

/*.section-gridbilder .grid-desc .button-desc:hover span {*/
.container-fluid.opc-Container .grid-desc .button-desc:hover span {
    transform: translateX(-10px);
    color: var(--text-color);
}

/*.section-gridbilder .grid-desc .button-desc:hover i {*/
.container-fluid.opc-Container .grid-desc .button-desc:hover i {
    opacity: 1;
    transform: translateX(-5px);
}

/***--- PRODUCT SLIDER  ---***/
.section-poductslider {
    padding: 2rem 0.5rem !important;
}

.section-poductslider h2 {
    font-size: 1.75rem;
    margin-left: 1rem;
}

.section-poductslider .subtitle {
    font-size: 1rem;
    margin-left: 1rem;
}

.section-poductslider .row.grid-row {
    margin-left: 0;
    margin-right: -0.5rem;
}

.section-poductslider .opc-product-slider.opc-ProductStream-slider {
    width: 105%;
    margin-left: unset;
}

.section-poductslider .opc-product-slider.opc-ProductStream-slider::before {
    display: none;
}

.section-poductslider .opc-product-slider.opc-ProductStream-slider .slick-list.draggable {
    padding-left: 1.5rem !important;
    margin: 0 auto;
    overflow: hidden;
}

.section-poductslider .opc-product-slider.opc-ProductStream-slider .slick-arrow {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.section-poductslider .opc-product-slider.opc-ProductStream-slider .carousel-arrows-inside .slick-prev {
    left: 1%;
}

.section-poductslider .opc-product-slider.opc-ProductStream-slider .carousel-arrows-inside .slick-next {
    right: 2%;
}

.section-poductslider .slick-prev::after,
.section-poductslider .slick-next::after {
    color: var(--text-color) !important;
    opacity: 0.5;
}

.section-poductslider .slick-track .product-wrapper .percent {
    left: 1.25rem;
    top: 1.25rem;
}

.section-poductslider .slick-track .product-wrapper .slider_wishlist {
    right: 1.25rem;
}

.section-poductslider .slick-track .product-wrapper .price_wrapper .price {
    color: var(--text-color);
}

.section-poductslider .slick-track .product-wrapper .price_wrapper .price.productbox-price.suggested {
    color: var(--suggested);
}

/***--- STYLE-2 ---***/
.container-fluid.opc-Container.section-poductslider.style2 {
    background: #f1f1f1;
    max-width: 100%;
    padding: 3rem 0 !important;
}

.container-fluid.opc-Container.section-poductslider.style2 > div {
    max-width: 1800px;
    margin: 0 auto;
}

.container-fluid.opc-Container.section-poductslider.style2 .style2-wrapper {
    max-width: 1600px;
    margin: 0 auto;
}

.container-fluid.opc-Container.section-poductslider.style2 .slick-slider .slick-track {
    gap: 1rem;
}

.container-fluid.opc-Container.section-poductslider.style2 .opc-product-slider.opc-ProductStream-slider .slick-list.draggable {
    width: 94%;
    padding-left: 0.5rem !important;
}

.container-fluid.opc-Container.section-poductslider.style2 .opc-product-slider.opc-ProductStream-slider .slick-arrow {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

.container-fluid.opc-Container.section-poductslider.style2 .slick-prev,
.container-fluid.opc-Container.section-poductslider.style2 .slider_rating,
.container-fluid.opc-Container.section-poductslider.style2 .slider_wishlist,
.container-fluid.opc-Container.section-poductslider.style2 .price_wrapper {
    display: none !important;
}

.container-fluid.opc-Container.section-poductslider.style2 .carousel-arrows-inside .slick-next {
    right: 1.5%;
}

.container-fluid.opc-Container.section-poductslider.style2 .slick-track .product-wrapper {
    background: #f1f1f1 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}

.container-fluid.opc-Container.section-poductslider.style2 .item-slider.productbox-image.square.square-image::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 10%;
    width: 80%;
    height: 4px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.06) 3px, transparent);
    z-index: 0;
}

.container-fluid.opc-Container.section-poductslider.style2 .inner::after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: radial-gradient(transparent 0%, #000 65%) !important;
}

.container-fluid.opc-Container.section-poductslider.style2 .slick-track .product-wrapper::after {
    display: none;
}

.container-fluid.opc-Container.section-poductslider.style2 .text-clamp-2 {
    text-align: center;
    font-size: 0.85rem;
    height: calc(1rem * 2);
}

.container-fluid.opc-Container.section-poductslider.style2 .slick-track .product-wrapper .square-image .inner img {
    width: 100%;
}

/***--- STYLE-3 ---***/

.container-fluid.opc-Container.section-poductslider.style3 {
    overflow: hidden;
    margin-top: 2rem;
    padding-bottom: 2rem !important;
}

.container-fluid.opc-Container.section-poductslider.style3 .opc-product-slider.opc-ProductStream-slider {
    width: 101%;;
}

.container-fluid.opc-Container.section-poductslider.style3 .grid-item img {
    max-height: 550px !important;
    height: 100%;
    object-fit: cover;
}

/***--- STYLE-4 ---***/
.container-fluid.opc-Container.section-poductslider.style4 .row.grid-row {
    margin-left: 0.5rem;
}

.container-fluid.opc-Container.section-poductslider.style4 .section-poductslider h2,
.container-fluid.opc-Container.section-poductslider.style4 .section-poductslider .subtitle {
    margin-left: 0.75rem;
}

.container-fluid.opc-Container.section-poductslider.style4 .col.col-md-5.col-lg-5.col-xl-5.col-12,
.container-fluid.opc-Container.section-poductslider.style4 .col.col-md-7.col-lg-7.col-xl-7.col-12 {
    padding: 0;
    height: 450px;
    margin-bottom: 1rem;
}

.container-fluid.opc-Container.section-poductslider.style4 .grid-item,
.container-fluid.opc-Container.section-poductslider.style4 .grid-item div:first-child {
    height: 100%;
}

.container-fluid.opc-Container.section-poductslider.style4 .row.grid-row .col:first-child {
    background: var(--primary);
}

.container-fluid.opc-Container.section-poductslider.style4 .grid-desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.container-fluid.opc-Container.section-poductslider.style4 .grid-item:hover {
    transform: unset;
}

.container-fluid.opc-Container.section-poductslider.style4 .opc-product-slider.opc-ProductStream-slider,
.container-fluid.opc-Container.section-poductslider.style7 .opc-product-slider.opc-ProductStream-slider,
.container-fluid.opc-Container.section-poductslider.style8 .opc-product-slider.opc-ProductStream-slider {
    width: 101%;;
}

.container-fluid.opc-Container.section-poductslider.style4 .opc-product-slider.opc-ProductStream-slider .slick-list.draggable,
.container-fluid.opc-Container.section-poductslider.style7 .opc-product-slider.opc-ProductStream-slider .slick-list.draggable,
.container-fluid.opc-Container.section-poductslider.style8 .opc-product-slider.opc-ProductStream-slider .slick-list.draggable {
    padding: 1rem 0.5rem !important;
}

.container-fluid.opc-Container.section-poductslider.style4 .opc-product-slider.opc-ProductStream-slider .carousel-arrows-inside .slick-next,
.container-fluid.opc-Container.section-poductslider.style7 .opc-product-slider.opc-ProductStream-slider .carousel-arrows-inside .slick-next,
.container-fluid.opc-Container.section-poductslider.style8 .opc-product-slider.opc-ProductStream-slider .carousel-arrows-inside .slick-next {
    right: 1%;
}

/***--- STYLE-5 UND STYLE-6 ---***/
.container-fluid.opc-Container.section-poductslider.style5 {
    max-width: 1600px;
}

.container-fluid.opc-Container.section-poductslider.style5 > div {
    max-width: 1600px;
    margin: 0 auto;
}

.container-fluid.opc-Container.section-poductslider.style5 .opc-product-slider.opc-ProductStream-slider,
.container-fluid.opc-Container.section-poductslider.style6 .opc-product-slider.opc-ProductStream-slider {
    width: 120%;
    margin-left: -10%;
    overflow: hidden;
}

.container-fluid.opc-Container.section-poductslider.style5 .opc-product-slider.opc-ProductStream-slider .carousel-arrows-inside .slick-next,
.container-fluid.opc-Container.section-poductslider.style6 .opc-product-slider.opc-ProductStream-slider .carousel-arrows-inside .slick-next {
    right: 10%;
}

.container-fluid.opc-Container.section-poductslider.style5 .opc-product-slider.opc-ProductStream-slider .carousel-arrows-inside .slick-prev,
.container-fluid.opc-Container.section-poductslider.style6 .opc-product-slider.opc-ProductStream-slider .carousel-arrows-inside .slick-prev {
    left: 10%;
}

.container-fluid.opc-Container.section-poductslider.style5 .opc-product-slider.opc-ProductStream-slider .slick-arrow,
.container-fluid.opc-Container.section-poductslider.style6 .opc-product-slider.opc-ProductStream-slider .slick-arrow {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.container-fluid.opc-Container.section-poductslider.style5 .slick-prev::after,
.container-fluid.opc-Container.section-poductslider.style6 .slick-prev::after,
.container-fluid.opc-Container.section-poductslider.style5 .slick-next::after,
.container-fluid.opc-Container.section-poductslider.style6 .slick-next::after {
    color: #fff !important;
    opacity: 0.7;
}

/***--- STYLE-7 ---***/
.container-fluid.opc-Container.section-poductslider.style7 .col.col-md-5.col-lg-5.col-xl-5.col-12 {
    padding: 0 0.5rem;
}

/***--- STYLE-8 ---***/
.container-fluid.opc-Container.section-poductslider.style8 .row.grid-row {
    margin-left: 0.5rem;
}

.container-fluid.opc-Container.section-poductslider.style8 .section-poductslider h2,
.container-fluid.opc-Container.section-poductslider.style8 .section-poductslider .subtitle {
    margin-left: 0.75rem;
}

.container-fluid.opc-Container.section-poductslider.style8 .col.col-md-5.col-lg-5.col-xl-5.col-12,
.container-fluid.opc-Container.section-poductslider.style8 .col.col-md-7.col-lg-7.col-xl-7.col-12 {
    padding: 0;
    height: 450px;
    margin-bottom: 1rem;
}

.container-fluid.opc-Container.section-poductslider.style8 .grid-item,
.container-fluid.opc-Container.section-poductslider.style8 .grid-item div:first-child {
    height: 100%;
}

.container-fluid.opc-Container.section-poductslider.style8 .row.grid-row .col:first-child {
    background: var(--primary);
}

.container-fluid.opc-Container.section-poductslider.style8 .grid-desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.container-fluid.opc-Container.section-poductslider.style8 .grid-item:hover {
    transform: unset;
}

/***--- STYLE-9 ---***/
/***--- BEST ---***/
.container-fluid.opc-Container.section-best {
    max-width: 100%;
    background-color: #1d1d1d;
    color: #fff;
    padding: 2rem 0;
    margin-bottom: 3rem;
}

.section-best .info-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 40px;
    padding: 40px;
    background-color: #1d1d1d;
}

.section-best .info-icon {
    margin-right: 0.75rem;
    width: 50px;
    height: 50px;
}

.section-best .info-box {
    display: flex;
    align-items: flex-start;
    text-align: left;
    width: 300px;
}

.section-best .info-icon svg {
    width: 50px;
    height: 50px;
    fill: #e50914;
}

.section-best .info-box h3 {
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    max-width: 10ch;
}

.section-best .info-box p {
    font-size: 0.9rem;
    color: #aaaaaa;
    margin: 5px 0 0;
}

/***--- ANFASSEN ---***/
.container-fluid.opc-Container.section-anfassen {
    margin-bottom: 3rem;
}

.container-fluid.opc-Container.section-anfassen img {
    max-height: 200px;
}

.container-fluid.opc-Container.section-anfassen .col.col-md-6.col-lg-6.col-xl-6.col-12 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-fluid.opc-Container.section-anfassen .grid-desc {
    height: max-content;
    padding: 1rem;
    color: var(--text-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.container-fluid.opc-Container.section-anfassen .grid-desc .title-desc {
    color: var(--text-color);
    font-size: 1.5rem;
    font-weight: 500;
}

.container-fluid.opc-Container.section-anfassen .grid-desc .subtitle-desc {
    font-size: 0.9em;
    font-weight: 400;
    line-height: 1.25;
}

.container-fluid.opc-Container.section-anfassen .grid-desc .button-desc {
    color: var(--text-color);
    width: max-content;
    border: 1px solid var(--text-color);
    text-decoration: none !important;
}

/***--- SEO TEXT  ---***/
.section-text .seo-text {
    margin: 3rem 0 2rem 0;
    padding: 0 1.5rem;
}

.section-text h1 {
    margin-bottom: 2rem;
}

.section-text p {
    margin-bottom: 2rem;
}

/*****----- SECTION: PRODUCT LIST KATEGORIE  -----*****/
/***--- LEFT PANEL ASIDE ---***/

.sidepanel-left {
    padding-right: 1rem;
    padding-left: 0;
}

#sidebox-categories-124 .productlist-filter-headline.d-none.d-md-flex,
#sidebox-categories-124 #crd-cllps-124 .nav-link::after {
    display: none !important;
}

aside .nav-panel > .nav > .active > .nav-link {
    border: none;
}

#sidebox-categories-124 #crd-cllps-124 .nav-link {
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--text-color) !important;
    width: fit-content;
    padding: 0;
    margin-bottom: 0.75rem;
    transition: all 0.3s ease;
}

#sidebox-categories-124 #crd-cllps-124 .nav-item.dropdown.active .nav.flex-column .nav-link {
    font-weight: 400;
    text-transform: inherit;
    font-size: 0.85rem;
    padding: 2px 4px;
}

#sidebox-categories-124 #crd-cllps-124 .nav-link a {
    color: var(--text-color) !important;
}

#sidebox-categories-124 #crd-cllps-124 .nav-link:hover,
#sidebox-categories-124 #crd-cllps-124 .nav-item .nav-link.active {
    background: #f2f2f2;
}

#sidebox-categories-124 #crd-cllps-124 .nav-item.dropdown.active .nav-item.active > .nav-link {
    font-weight: 500 !important;
    background: #f2f2f2;
}

.nav-link.snippets-categories-nav-link-child.dropdown-toggle,
#sidebox-categories-124 .nav.flex-column {
    background: #fff;
}

aside #sidebox125,
aside #sidebox98,
aside #sidebox107 {
    display: none !important;
}

/***--- BANNER-BILD, TITLE, DESCRIPTION  ---***/

.kategorie_bild {
    width: 100%;
    max-height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background: var(--primary);
}

.kategorie_bild img {
    max-height: 250px;
    object-fit: cover;
    width: auto;
    height: 100%;
}

.breadcrumb-item.active a {
    text-decoration: underline;
}

#result-wrapper .title {
    margin-bottom: 0;
}

#result-wrapper .title h1.h2 {
    color: var(--primary);
    font-size: 2.2rem;
    margin-bottom: 2rem;
}

#result-wrapper .desc {
    overflow: hidden;
    position: relative;
}

#result-wrapper .desc a {
    color: var(--primary) !important;
    font-weight: 500;
    text-decoration: underline !important;
}

#result-wrapper .description-wrapper {
    position: relative;
    max-width: 100%;
}

#result-wrapper .description-container {
    position: relative;
    overflow: hidden;
    line-height: 1.5;
    height: 9em;
    transition: all 0.7s ease;
}

#result-wrapper .description-container.expanded {
    height: auto;
}

#result-wrapper .description-container .fade {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2em;
    background: linear-gradient(transparent, #fff);
    opacity: 0.7;
    pointer-events: none;
}

#result-wrapper .read-more {
    display: inline-flex;
    align-items: center;
    justify-content: left;
    flex-direction: row-reverse;
    cursor: pointer;
    color: var(--primary);
    font-weight: 500;
    font-size: 1rem;
    margin: 1rem 0;
    padding: 0.25rem 0.5rem;
    border-radius: 5px;
    border: 1px solid var(--primary);
    transition: all 0.3s ease;
}

#result-wrapper .read-more .arrow {
    margin-right: 0.5rem;
}

#result-wrapper .read-more:hover {
    color: #fff;
    background: var(--primary);
}

/***--- SUBKATEGORIE BILD CAPTION ---***/

#result-wrapper .content-cats-small .col {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0.75rem;
    margin-top: 1rem;
}

#result-wrapper .content-cats-small .sub-categories {
    background: #fff;
    border: 1px solid #c5c5c5;
    border-radius: 10px;
    /*height: 210px;*/
    overflow: hidden;
    /*margin-top: 1.5rem;*/
}

#result-wrapper .content-cats-small .sub-categories img {
    min-height: 210px;
    object-fit: cover;
    transition: all 0.3s ease;
}

#result-wrapper .content-cats-small .sub-categories:hover img {
    transform: scale(1.05);
}

#result-wrapper .sub-categories .caption,
#result-wrapper .content-cats-small .sub-categories .subcategories-image {
    margin-bottom: 0;
}

#result-wrapper .content-cats-small .sub-categories .subcategories-image {
    display: block !important;
    text-align: center;
}

#result-wrapper .sub-categories .caption a {
    position: absolute;
    left: 0.75rem;
    bottom: 0;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1rem;
    font-size: 0.85rem;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    background: var(--primary);
    border-radius: 0 0 0 5px;
    color: #fff;
    font-weight: 500;
    z-index: 1;
}

#result-wrapper ul.d-none.d-md-block,
#result-wrapper .content-cats-small hr,
#result-wrapper .content-cats-small .sub-categories .item_desc.small.text-muted-util.d-none.d-md-block {
    display: none !important;
}

/***--- FILTERS---***/

#ed_list,
#ed_gallery {
    display: none !important;
}

/***--- CUSTOM FILTERS AUS ASIDE ---***/
@media only screen and (min-width: 992px) {
    .box-filter-hr,
    #sidebox98 {
        display: none !important;
    }

    .active-filters .btn-outline-secondary {
        border: none;
        background-color: transparent !important;
        margin: 0;
    }

    .active-filters .snippets-filter-item-all {
        color: #b90000;
        margin-left: 1rem;
    }

    .productlist-page-nav.productlist-page-nav-header-m {
        margin-top: 1rem;
    }

    .productlist-page-nav.productlist-page-nav-header-m > .col {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5rem;
        width: 100%;
    }

    .page-item.active .page-link::after {
        border-color: var(--primary);
    }

    .page-link:hover {
        color: var(--primary);
    }

    .dropdown.filter-type-FilterItemSort.btn-group {
        margin-left: auto;
    }

    .dropdown.filter-type-FilterItemSort.btn-group button::before {
        content: "\f160";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        margin-right: 5px;
    }

    .productlist-page-nav-bottom {
        margin-bottom: 1rem;
    }

    [id^="sidebox"]:not([id*="-categories"]) button,
    .col.displayoptions.col-xl-auto.col-12 .btn {
        height: 40px;
        color: var(--text-color);
        font-weight: 500;
        font-size: 0.9rem;
        padding: 0.5rem 0.75rem;
        margin: 0;
        border-radius: 5px;
        border: 1px solid #ccc;
        background: #f5f5f5;
        position: relative;
    }

    [id^="sidebox"]:not([id*="-categories"]) button:focus,
    .col.displayoptions.col-xl-auto.col-12 .btn:focus {
        border-color: var(--primary);
        color: var(--primary);
    }

    [id^="sidebox"]:not([id*="-categories"]) [id^="cllps-box"] {
        position: absolute;
        max-height: 150px;
        overflow-y: scroll;
        max-width: max-content;
        overflow-x: hidden;
        min-width: 150px;
        background: #fff;
        z-index: 2;
        padding: 0.75rem;
        margin-top: 5px;
        border-radius: 0.5rem;
        width: max-content;
        box-shadow: 0 0.0625rem 0.75rem rgba(0, 0, 0, 0.16);
        transition: all 0.1s ease;
    }

    [id^="sidebox"]:not([id*="-categories"]) [id^="cllps-box"] .filter-item {
        display: block !important;
    }

    [id^="sidebox"]:not([id*="-categories"]) [id^="cllps-box"] .filter-item .word-break {
        margin-right: 0.5rem
    }

    [id^="sidebox"]:not([id*="-categories"]) .active_filters_count {
        font-weight: 700;
        font-size: 0.85em;
    }

}

/***--- SECTION:  PRODUCT LIST - ITEM-BOX, ITEM-LIST ---***/
/*** ITEM BOX - SEHE IN SLIDER ITEM ***/
/*** VARIATIONEN COUNT + SWATCHBOX ***/

.st-count_box {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    line-height: 1;
    min-height: 1rem;
    padding: 0;
    gap: 0.5rem;
}

.st-count_box .merkmale-name {
    font-size: 0.70rem;
    white-space: nowrap;
}

.st-count_box .merkmale-wert {
    font-size: 0.75rem;
    font-weight: 600;
}

.product-wrapper:hover .st-count_box {
    display: none;
}

.product-wrapper .productbox-onhover {
    transition: unset;
}

.product-wrapper .col.productbox-variations.col-12 {
    padding: 0 0.25;
}

.product-wrapper .col.productbox-variations.col-12 .variations > .col {
    padding: 0;
}

.product-wrapper .js-slider-wrapper .js-slider-items .js-slider-item {
    width: calc(100% / 4);
    min-width: calc(100% / 4);
    max-height: 60px;
}

.product-wrapper .js-slider-items .js-slider-item label {
    display: block;
    padding: 0.5rem 0.25rem;
    font-size: 0.9rem;
    border-radius: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: auto;
}

/* radio */
.variations .custom-radio .custom-control-label {
    font-size: 0.6rem;
}

/*****----- SECTION: PRODUCT DESCRIPTION SEITE -----*****/

/*** EINSTELLUNGEN ***/

.inner::after {
    content: "";
    position: absolute;
    top: 6px;
    right: 6px;
    bottom: 6px;
    left: 6px;
    opacity: 0.03;
    pointer-events: none;
    transition: all 0.3s ease;
    border-radius: 5px;
    z-index: 0;
}

.inner:hover::after {
    background: #fff;
}

.productbox-inner:hover .inner::after {
    background: #fff;
}

.productbox-inner .row {
    position: relative;
    transition: all 0.1s ease;
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
    /*padding: 0.5rem 0.25rem;*/
    transition: all 0.2s ease;
}

#product-list .product-wrapper .productbox-inner .row:hover {
    box-shadow: none;
}

.productbox-inner .row .inner::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.03;
    pointer-events: none;
    transition: all 0.3s ease;
    border-radius: 5px;
    z-index: 0;
}

.productbox-inner .row:hover .inner::after {
    background: #fff;
}

.mehr_marke .opc-ProductStream-gallery .square-image .inner img {
    transition: all 0.3s ease;
    border-radius: 5px;
}

.mehr_marke .opc-ProductStream-gallery .productbox-inner .row:hover .square-image .inner img {
    width: 100%;
}

.productbox-inner .row:hover .slider_wishlist {
    background: #f5f5f5;
    border-color: #f5f5f5;
}


#image_wrapper #gallery_preview,
#gallery .slick-prev, #gallery .slick-next {
    display: none !important;
}

/*** FULL SCREEN ***/

#image_wrapper.fullscreen {
    padding: 1rem;
}

#image_wrapper.fullscreen .row.gallery-with-action-main {
    margin: 0;
}

#image_wrapper.fullscreen .row.gallery-with-action-main .inner::after {
    display: none;
}

#image_wrapper.fullscreen .slick-track {
    flex-wrap: nowrap;
}

#image_wrapper.fullscreen .slick-slide {
    flex: 0 0 100%;
    max-width: 100%;
    height: 100%;
    opacity: 0 !important;
    transition: none !important;
}

#image_wrapper.fullscreen .slick-active {
    opacity: 1 !important;
    /*position: absolute !important;*/
    top: 0 !important;
    left: 0 !important;
    transition: none !important;
}

#image_wrapper.fullscreen #gallery .slick-arrow {
    display: none !important;
}

#image_wrapper.fullscreen .slick-slide {
    opacity: 1 !important;
}

#image_wrapper.fullscreen .square-image .inner picture {
    border: none;
}

#image_wrapper.fullscreen #gallery .slick-slide img {
    border-radius: 5px;
    padding: 2px;
    max-height: 600px !important;
}

#image_wrapper.fullscreen .product-detail-image-topbar #image_fullscreen_close {
    right: 1rem;
    top: 1rem;
}

#image_wrapper.fullscreen .product-detail-image-topbar #image_fullscreen_close:hover {
    right: 1rem;
    top: 1rem;
    background-color: var(--primary);
}

/*** PRODUCT INFO ***/

.product-info-inner {
    position: sticky;
    top: 70px;
    align-self: start;
    border-radius: 5px;
    padding: 0 1rem;
}

.custom_rating {
    /*display: flex;*/
    /*justify-content: space-between;*/
    margin-bottom: 1rem;
}

.productbox-inner .custom_rating {
    justify-content: flex-start;
    gap: 0.25rem;
}

.fas.fa-star {
    color: #f1c40f;
}

.custom_rating .product-manufacturer strong {
    display: none !important;
}

.custom_rating .product-manufacturer {
    list-style: none !important;
    margin-top: 0.5rem;
}

#jump-to-votes-tab:hover {
    color: var(--text-color-2);
    text-decoration: underline;
}

.product-detail .product-manufacturer img {
    max-width: 75px;
}

.product-info-inner .product-title.h2 {
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--text-color);
    margin-bottom: 2rem;
}

#product-offer .product-info ul.info-essential,
#product-offer .product-info .shortdesc {
    display: none;
}

#product-offer .product-info .price_wrapper {
    display: flex;
    margin-bottom: 0;
    align-items: center;
    gap: 5px;
}

.percent {
    background: #ff0000;
    color: #fff;
    height: 26px;
    line-height: 26px;
    padding: 0 7px;
    font-size: 14px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 6px;
    box-shadow: 0.125rem 0.125rem 0.125rem rgba(0, 0, 0, 0.1);
}

.percent-val {
    background: #ff0000;
    color: #fff;
    box-shadow: none;
    border-radius: 5px;
    font-size: 0.7rem;
    padding: 0 4px;
    line-height: 20px;
    height: 20px;
    width: max-content;
    display: none;
}

.productbox-images.list-gallery .percent {
    position: absolute;
    z-index: 1;
    top: 1rem;
    left: 1rem;
}

.row.product-list.layout-gallery .productbox-images.list-gallery .percent {
    top: 0.5rem;
    right: 0.5rem;
    left: unset;
}

.product-list .product-wrapper .price_wrapper {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

.productbox-price {
    font-family: Poppins, Inter, sans-serif;
}

.price_wrapper .suggested {
    color: #ff0000;
}

.product-list .product-wrapper .vat_info,
.product-list .product-wrapper .product-sku {
    display: none;
}


#product-offer .product-info .percent {
    display: inline-block;
    font-size: 0.75rem;
    background: #ff0000;
    color: #fff;
    padding: 5px;
    margin-bottom: 0.75rem;
    font-weight: 500;
    border-radius: 5px;
    width: max-content;
    height: 22px;
    line-height: 14px;
}

#product-offer .product-info .price_wrapper .price {
    /*color: #ff0000;*/
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
}

.footnote-reference-2 {
    display: none;
}

#product-offer .product-info .footnote-reference-2 {
    display: block;
    margin-bottom: auto;
    color: #ff0000;
    margin-right: 0.5rem;
}

.suggested-price {
    font-weight: 300;
    color: var(--text-color-1);
}

.product-list .product-wrapper .suggested-price {
    display: flex;
    flex-direction: column;
    /*justify-content: flex-end;*/
    /*align-items: baseline;*/
}

.suggested-price span {
    font-size: 0.875em;
}

.suggested-price .text-nowrap-util span {
    font-size: 1rem;
    text-decoration: line-through;
    font-weight: 500;
}

.product-list .product-wrapper .suggested-price .text-nowrap-util {
    font-size: 1rem;
    margin-right: 0.5rem;
}

#product-offer .product-info .vat_info,
#product-offer .product-info .vat_info a,
#product-offer .product-info .product-sku {
    color: var(--text-color-1) !important;
    font-size: 0.75rem;
}

#product-offer .product-info .vat_info {
    text-decoration: underline !important;
}

#product-offer .product-info .stock-information.stock-information-p,
.row.stock-information.stock-information-p.no-gutters .col {
    padding: 0;
}

#product-offer .product-info .delivery-status .list-unstyled .estimated-delivery {
    font-size: 14px;
    color: var(--secondary);
    padding: 6px 4px;
    font-weight: 400;
}

#product-offer .product-info .delivery-status .list-unstyled .estimated-delivery span {
    font-weight: 600;
}

#product-offer .product-info .delivery-status .list-unstyled {
    background-color: #f5f5f5;
    border-radius: 5px;
    margin: 0 -0.5rem;
    padding: 0.5rem;
}

#product-offer .product-info .delivery-status .list-unstyled li {
    display: flex;
    align-items: center;
}

#product-offer .product-info .delivery-status .st-status {
    margin-left: 5px;
    color: var(--primary);
}


#product-offer .product-info .estimated-delivery .estimated-delivery-info,
#product-offer .product-info .question-on-item {
    display: none;
}

#product-offer .product-info .icon_status {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #007c31;
    color: var(--secondary);
    border-radius: 50%;
    width: 24px;
    height: 24px;
    padding: 3px;
    margin-left: 12px;
    margin-right: 12px;
}

#product-offer .product-info .fa-check {
    color: var(--secondary);
    font-size: 0.85rem;
    padding: 6px;
}

#product-offer .product-info .fa-check-circle {
    color: var(--secondary);
    font-size: 1rem;
    padding: 0.5rem;
}

#product-offer .product-info .stock-information {
    border: none;
}

.vaiation-wrapper.js-slider-wrapper.js-slider-disabled {
    margin-top: 1rem;
}

.js-btn-slider-wrapper {
    font-weight: 600 !important;
}

#product-offer .product-info .js-slider-wrapper .js-btn-slider-wrapper {
    font-size: 0.9rem;
}

#product-offer .product-info .js-slider-wrapper .js-btn-slider-wrapper .text-success {
    color: #111 !important;
    margin-left: 3px;
}

#product-offer .product-info .js-slider-items .js-slider-item {
    padding: 4px;
    width: 25%;
    min-width: 25%;
    overflow: hidden;
    margin-bottom: 0.75rem;
}

.js-slider-items .js-slider-item label {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
    padding: 0.75rem 0;
    border-radius: 10px;
    border-color: var(--text-color-3);
    word-wrap: anywhere;
    overflow: hidden;
    font-size: 0.9rem;
    color: var(--text-color-2);
    font-weight: 500;
}

.js-slider-items .js-slider-item label:hover {
    color: var(--primary);
    border-color: var(--primary);
}

.js-slider-items .js-slider-item label.active {
    color: var(--primary);
    border-color: var(--primary);
    background-color: transparent;
}

.swatches .variation.not-available,
.swatches-sold-out {
    font-weight: 300 !important;
    cursor: not-allowed !important;
    border: 2px solid var(--text-color-3) !important;
    color: var(--text-color-2) !important;
    position: relative;
}

.swatches .variation.not-available:after,
.swatches-sold-out:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(to left top, transparent 49%, var(--text-color-3) 49%, var(--text-color-3) 51%, transparent 51%);
    opacity: 0.8;
}

.variations .swatches .variation-badge {
    margin-left: 0;
    font-size: 0.9rem;
    display: none;
}

#product-offer .product-info .basket-form-inline {
    align-items: center;
    margin: 0;
    margin-bottom: 3rem;
}

#product-offer .product-info .basket-form-inline .col.col-sm-2.col-12 {
    flex: 0 0 15%;
    max-width: 15%;
}

#product-offer .product-info .basket-form-inline .form-counter .form-control {
    padding: 0 5px;
    height: 47px;
}

#product-offer .product-info #add-to-cart #quantity-grp {
    border: none;
    border-bottom: 1px solid #ccc;
    height: 48px;
    border-radius: 0;
}

#product-offer .product-info #add-to-cart .basket-form-inline .col:first-child {
    margin-bottom: 0;
    margin-right: 5px;
}

#product-offer .product-info #add-to-cart .input-group-text.unit.form-control,
#product-offer .product-info .alert.choose-variations.alert-info {
    display: none;
}

#add-to-cart .input-group-prepend .btn.btn-,
#add-to-cart .input-group-append .btn.btn- {
    padding: 0;
    color: #4a545b;
    background: transparent !important;
}

#add-to-cart .btn-primary {
    font-size: 1.1rem;
    line-height: 46px;
}

.fa-shopping-cart::before {
    content: "\f290";
}

#product-offer .product-info #add-to-cart .fa-shopping-cart::before {
    content: "\f290";
}

.btn.wishlist.badge.badge-circle-1.action-tip-animation-b.btn-secondary {
    background-color: transparent !important;
    z-index: 100;
    margin-left: auto;
}

#product-offer .product-info .fa-heart {
    font-size: 1.75rem;
}

#product-offer .product-info .far.fa-heart {
    color: var(--text-color);
}

#product-offer .product-info .fas.fa-heart {
    color: var(--primary);
}

.custom_product_info a {
    color: var(--text-color) !important;
    text-decoration: underline !important;
}

#product-offer .custom_product_info p {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    color: var(--text-color);
}

#product-offer .custom_product_info i {
    color: #4a545b;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    width: 1rem;
    margin-right: 0.5rem;
}

#product-offer .custom_product_info .icon {
    padding: 0 1px;
}

#product-offer .custom_product_info .icon2 {
    margin-right: 2px;
}

#product-offer .custom_product_info .icon > svg {
    width: 22px;
    height: 22px;
    margin-right: 8px;
    color: #4a545b;
}

#product-offer {
    margin-bottom: 1rem;
}

#product-offer .col.product-gallery.col-lg-6.col-12 #image_wrapper,
#product-offer .col.product-gallery.col-lg-6.col-12 #image_wrapper #gallery {
    margin-bottom: 0;
}

col.product-gallery.col-lg-6.col-12 .square.square-image.js-gallery-images {
    /*min-height: 600px;*/
}

#product-offer .col.product-gallery.col-lg-6.col-12 .square.square-image.js-gallery-images .inner::after {
    background: radial-gradient(transparent 0%, #000 65%) !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#product-offer .product-info .product-offer > .row {
    margin: 0;
    margin-bottom: 0.5rem;
}

#product-offer .product-info .product-offer .col {
    padding: 0 0.25rem;
}

#product-offer .product-info .product-offer .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

#add-to-cart .btn svg {
    position: static;
    width: 18px;
    height: 18px;
}

#add-to-cart .form-counter .form-control {
    font-weight: 400;
    font-family: Poppins, Inter, sans-serif;
    color: var(--text-color);
    font-size: 1.15rem;
}

#product-offer .product-gallery .square-image .inner {
    padding: 1rem;
    cursor: zoom-in;
}

/*
#product-offer .product-gallery .slick-slide:nth-child(2) .square::before {
    position: absolute;
    content: "🤩 Tipp";
    right: 0;
    top: 1rem;
    color: #fff;
    background-color: var(--primary);
    padding: 5px 7px;
    display: inline-block;
    max-height: max-content;
    max-width: max-content;
    font-size: 0.85rem;
    font-weight: 600;
}
*/

#product-offer .product-gallery .fullscreen .slick-slide:nth-child(2) .square::before {
    display: none;
}

#product-offer .product-gallery .fullscreen .square-image .inner {
    position: initial;
}

/*** CUSTOM MENU ***/

.custom_menu {
    display: flex;
    justify-content: center;
    gap: 3rem;
    padding: 1.5rem;
    margin: 3rem 0;
    overflow: hidden;
    position: relative;
    width: 150%;
    margin-left: -25%;
}

.custom_menu::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    display: block;
    height: 1px;
    background: #f1f1f1;
}

.custom_menu::after {
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    width: 100%;
    display: block;
    height: 1px;
    background: #f1f1f1;
}

.custom_menu.sticky {
    top: 0;
    left: 0;
    position: fixed;
    z-index: 10000;
    margin: 0;
    background: #fff;
    width: 100%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.custom_menu a {
    position: relative;
    color: var(--text-color);
    text-decoration: none;
    font-size: 1rem;
}

.custom_menu a::after {
    content: '';
    position: absolute;
    bottom: -28px;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: var(--primary);
    transition: all 0.1s;
}

.custom_menu a::before {
    content: '';
    position: absolute;
    bottom: -28px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid var(--primary);
    transition: all 0.2s;
}

.custom_menu a.active::after,
.custom_menu a:hover::after {
    bottom: -24px;
}

.custom_menu a.active::before,
.custom_menu a:hover::before {
    bottom: -20px;
}

h3.custom_menu_subtitle {
    font-size: 30px;
    margin-bottom: 2rem;
    font-weight: 500;
    scroll-margin-top: 100px;

}

/*** CUSTOM SLIDERS ***/

.custom_sliders {
    margin-top: 4rem;
}

.custom_sliders .nav-tabs {
    border: none;
}

.custom_sliders .nav-link {
    display: inline-block;
    justify-content: left;
    padding-left: 1rem;
    padding-right: 2rem;
    font-weight: 500;
    font-size: 30px;
    color: var(--text-color-1) !important;
}

.custom_sliders .nav-link.active {
    color: var(--text-color) !important;
}

.custom_sliders .nav-link::after {
    display: none;
}

.custom_sliders .nav-link::before {
    position: absolute;
    right: 0;
    top: 30%;
    content: "7";
    background-color: var(--text-color-1);
    color: #fff;
    border-radius: 5px;
    display: inline;
    font-size: 0.5em;
    padding: 0.25rem 0.4rem;
    line-height: 1;
}

.custom_sliders .nav-link.active::before {
    background-color: #000;
    color: #fff;
}

/*** CUSTOM SLIDER  ITEM SLIDER , ITEM BOX ***/

.hr-sect::before {
    display: none;
}

.hr-sect {
    display: inline-block;
    justify-content: left;
    padding-left: 1rem;
    font-weight: 500;
    font-size: 2rem;
}

.slick-track {
    overflow: visible;
}

.slick-track .product-wrapper,
#product-list .product-wrapper {
    position: relative;
    padding: 0.5rem;
    border-radius: 1rem;
    transition: all 0.3s ease;
    height: 100% !important;
}

#product-list .product-wrapper:not(:last-child),
#product-list .product-wrapper:last-child {
    margin-bottom: 2rem;
}

.slick-track .product-wrapper:hover .inner::after,
#product-list .product-wrapper:hover .inner::after {
    background: #fff;
}

.slick-track .product-wrapper::after,
#product-list .product-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 10px 50px -10px rgba(44, 54, 92, 0.1);
    opacity: 0;
    transition: all 0.3s ease;
    z-index: -2;
}

.slick-track .product-wrapper:hover::after,
#product-list .product-wrapper:hover::after {
    opacity: 1;
}

.slick-track .product-wrapper:hover,
#product-list .product-wrapper:hover {
    transform: translateY(-5px);
    height: 100% !important;
}

.slick-track .product-wrapper .percent {
    position: absolute;
    left: 0.75rem;
    top: 0.75rem;
    z-index: 10;
}

#product-list .product-wrapper .percent {
    position: absolute;
    left: 0;
    top: 3rem;
    z-index: 10;
}

.slick-track .product-wrapper .square-image .inner img,
#product-list .product-wrapper .square-image .inner img {
    transition: all 0.6s ease;
    border-radius: 5px;
}

.slick-track .product-wrapper:hover .square-image .inner img,
#product-list .product-wrapper:hover .square-image .inner img {
    transition: all 0.6s ease;
}

.list-gallery .second-wrapper {
    transition: all 0.7s ease;
}

.product-wrapper a {
    text-decoration: none !important;
    color: var(--text-color);
}

.section-poductslider.style2 .square-image .inner picture {
    background: #fff;
}

.product-wrapper .itembox_hersteller {
    min-height: 21px;
    margin-top: 0.5rem;
}

.product-wrapper .itembox_hersteller a {
    font-size: 0.8rem;
    font-weight: 300;
}

.product-wrapper .itembox_hersteller:hover a {
    text-decoration: underline !important;
}

.text-clamp-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-wrap: break-word;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 600;
    text-align: left;
    margin: 0.5rem 0;
    height: calc(1rem * 2 * 1.2);
}

.opc-Container.mehr_marke_wrapper .text-clamp-2 {
    height: calc(1rem * 2 * 1.3);
}

a.hersteller_name {
    color: var(--text-color);
    font-weight: 300;
    font-size: 0.8rem;
    text-align: left;
    margin-top: 0.5rem;
    padding: 0 1rem;
    display: none;
    cursor: pointer;
}

a.hersteller_name:hover {
    text-decoration: underline !important;
}

.container-fluid.opc-Container.alternativen .hersteller_name {
    display: block;
}

.container-fluid.opc-Container.alternativen .text-clamp-2 {
    margin-top: 0.5rem;
    height: calc(1rem * 2 * 1.5);
}

.container-fluid.opc-Container.alternativen .slider_wishlist {

}

.slider_rating {
    display: block;
    text-align: left;
    margin: 0.5rem 0;
}

.slick-track .product-wrapper .fas.fa-star {
    color: #f1c40f;
    text-align: left;
}

.slick-track .product-wrapper .price_wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: baseline;
    margin-bottom: 0.5rem;
}

.slick-track .product-wrapper .suggested-price {
    margin-right: 0.5rem;
}

.slick-track .product-wrapper .price_wrapper .price {
    color: var(--suggested);
    font-family: Poppins, Inter, sans-serif;
}

.slick-track .product-wrapper .suggested-price span {
    font-size: 0.7rem;
}

.slick-track .product-wrapper .suggested-price .text-nowrap-util {
    font-size: 1rem;
}

.item-slider-price .vat_info,
.item-slider-price .product-sku,
.item-slider-price .footnote-reference-2 {
    display: none;
}

.carousel .slick-arrow {
    opacity: 0.7;
}

.carousel .slick-arrow:hover {
    opacity: 1;
}

.slick-arrow {
    border-radius: 50%;
    padding: 4px 10px;
    background-color: rgba(0, 0, 0, 0.2) !important;
}

.slick-next::after {
    content: '\f061' !important;
    color: #fff !important;
    font-size: 1.15rem;
}

.slick-prev::after {
    content: '\f060' !important;
    color: #fff !important;
    font-size: 1.15rem;
}

.carousel-arrows-inside .slick-prev,
.carousel-arrows-inside .slick-next {
    transform: translate(0%, -150%);
}

.slider_wishlist {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    bottom: 1.25rem;
    right: 2rem;
    padding: 0.5rem;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    z-index: 100;
}

/*** PRODUCT-INFORMATIONEN ***/

#tab-content-product-tabs,
#product-info {
    /*margin: 0;*/
    /*padding: 0;*/
}

#product-info {
    display: flex;
}

#tab-content-product-tabs .col-md-7,
#product-info .col-md-7,
#tab-content-product-tabs .col-md-5,
#product-info .col-md-5 {
    padding-left: 0;
    padding-right: 0;
}

#product-tabs {
    /*display: none;*/
}

#tab-description {
    /*display: flex;*/
    /*position: relative;*/
}

#tab-description {
    font-size: 1rem;
}

#tab-description .desc {
    /*margin-right: 3rem;*/
    /*width: 100%;*/
}


/* VARIANT2 */
/* Kunden fragen und antworten */
/* Kundenbewertung */

.customer-support {
    margin-bottom: 5rem;
}

.support-wrapper,
.bewertung-wrapper {
    display: flex;
    align-items: start;
    gap: 20px;
    margin-bottom: 4rem;
}

.support-wrapper .support-box,
.bewertung-wrapper .support-box {
    flex: 0 0 32%;
    max-width: 32%;
    padding: 3rem;
    margin-right: 2rem;
    background-color: #f5f5f5;
    border-radius: 1rem;
    text-align: center;
}

.support-wrapper .support-box h4 {
    font-size: 1.15rem;
    margin-bottom: 1.5rem;
    font-weight: 500;
}

.support-wrapper .support-image {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin-bottom: 1rem;
}

.bewertung-wrapper .support-box .fas.fa-star {
    color: var(--primary);
    font-size: 1.5rem;
}

.bewertung-wrapper .support-box h4 {
    margin-top: 1rem;
    font-size: 1.5rem;
    font-weight: 500;
}

.support-wrapper .support-box p {
    font-size: 1rem;
    margin-bottom: 1rem;
    padding: 0 0.5rem;
    line-height: 1.5;
    color: var(--text-color);
}

.support-wrapper .btn-primary,
.bewertung-wrapper .btn-primary {
    line-height: 1;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1rem;
}

.support-wrapper .info-box {
    display: flex;
    width: 100%;
    line-height: 2.5;
    align-items: center;
    justify-content: flex-start;
    background-color: #e0f4fa;
    border-radius: 10px 0 0 10px;
}

.support-wrapper .info-icon {
    background-color: #00a1d9;
    border-radius: 10px 0 0 10px;
    padding: 0 10px;
}

.support-wrapper .fa-info::before {
    content: "\f129";
    color: #fff;
    border: 1px solid #fff;
    padding: 4px 8px;
    border-radius: 50%;
    font-size: 0.75rem;
}

.support-wrapper .info-box p {
    font-size: 1rem;
    color: #00a1d9;
    margin-bottom: 0;
    margin-left: 1rem;
}

.bewertung-wrapper .support-box p {
    font-size: 1rem;
    margin-bottom: 0;
    line-height: 1.5;
}

.bewertung-wrapper .support-box .underline {
    text-decoration: underline;
    font-size: 0.85rem;
}

.bewertung-wrapper .support-box .underline .fas.fa-info {
    color: var(--text-color-2);
    border: 1px solid var(--text-color-2);
    padding: 3px 5px;
    border-radius: 50%;
    font-size: 0.4rem;
    text-decoration: none;
    font-weight: 600;
    margin-right: 3px;
}

.bewertung-wrapper .support-box .last {
    margin: 3rem 0 1rem 0;
}

.bewertung-wrapper .productdetails-tab-votes {
    width: 100%;
    overflow: hidden;
}

/*** MEHR MARKE ***/

.container-fluid.opc-Container.mehr_marke,
.opc-Container.mehr_marke_wrapper {
    max-width: 100%;
    margin-left: 0;
}

.container-fluid.opc-Container.mehr_marke {
    margin-bottom: 4rem;
}

.opc-Container.mehr_marke_wrapper .col-xl-6[data-area-id="col-0"] {
    flex: 0 0 58%;
    max-width: 58%;
    padding: 0 2rem;

}

.opc-Container.mehr_marke_wrapper .col-xl-6[data-area-id="col-1"] {
    flex: 0 0 42%;
    max-width: 42%;
}

.mehr_marke .col.col-12 a.rating i {
    display: none;
}

.mehr_marke_wrapper .productbox-inner .row .col-12 {
    background: #f5f5f5;
    padding: 0 0.25rem;
}

.mehr_marke_wrapper .productbox-inner .row:hover .col-12 {
    background: #fff;
}

.mehr_marke {
    margin-bottom: 3rem;
}

.mehr_marke .custom_menu_subtitle {
    color: transparent;
}

.mehr_marke_wrapper {
    background-color: #f5f5f5;
    margin-left: 1rem;
    padding-left: 2rem !important;
}

.mehr_marke .mehr_first {
    padding: 1rem 0;
}

.mehr_marke .title {
    padding: 1rem 0;
}

.mehr_marke h4 {
    font-size: 30px;
    font-weight: 700;
}

.mehr_marke p {
    font-size: 1.5rem;
    margin-bottom: 0.25rem;
}

.mehr_marke .col-xl-3 {
    flex: 0 0 33%;
    max-width: 33%;
}

.mehr_marke .row.gallery .product-wrapper {
    height: 100% !important;
    padding: 0;
}

.mehr_marke .opc-ProductStream-gallery .productbox-title a {
    margin: 1rem 0;
    padding: 0 1rem;
}

.mehr_marke .opc-ProductStream-gallery .price_wrapper {
    position: relative;
    color: #ff0000;
    padding: 2rem 0 0 1rem;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-bottom: 0;
}

.mehr_marke .opc-ProductStream-gallery .price_wrapper::before {
    content: "\f005 \f005 \f005 \f005 \f005";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #f1c40f;
    position: absolute;
    top: 0;
}

.mehr_marke .opc-ProductStream-gallery .price_wrapper .price {
    font-size: 1rem;
}

.mehr_marke .opc-ProductStream-gallery .suggested-price .text-nowrap-util {
    font-size: 1rem;
    margin-right: 0.5rem;
}

.mehr_marke .opc-ProductStream-gallery .vat_info,
.mehr_marke .opc-ProductStream-gallery .product-sku {
    display: none;
}

.mehr_marke .ribbon,
.alternativen .ribbon {
    display: none;
}

.mehr_marke .mehr_second {
    position: sticky !important;
    top: 0;
    padding-right: 0;
}

.mehr_marke .mehr_second .img-aspect-ratio.img-fluid.w-100 {
    min-height: 950px;
    width: auto !important;
    object-fit: cover;
}

.mehr_marke .mehr_second {
    position: relative;
}

.mehr_marke .mehr_second::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.mehr_marke .mehr_second p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    font-size: 5rem;
    color: #fff;
    z-index: 2;
}

.mehr_marke .action {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.opc-Container.mehr_marke_wrapper .btn-primary {
    padding: 2px 12px;
    margin-bottom: 3rem;
    z-index: 10;
    background-color: var(--primary);
    line-height: 46px;
    font-size: 18px;
}

.opc-Container.mehr_marke_wrapper .btn-primary:hover {
    background-color: var(--secondary);
    border-color: var(--secondary);
}

/*** ENTDECKEN *** */

.alternativen,
.vergleichen {
    margin-top: 3rem;
    margin-bottom: 4rem;
    margin-top: 2rem;
}

.alternativen .custom_menu_subtitle {
    padding-left: 0.5rem;
}

.entdecken {
    margin-bottom: 3rem;
}

.opc-Container.entdecken,
.opc-Container.entdecken_bild {
    padding: 0;
}

.entdecken div {
    max-width: 100% !important;
}

/*** SCROOL ***/

.smoothscroll-top.show {
    color: #fff;
    background: var(--secondary);
    border-radius: 50%;
}

.scroll-top-inner .fa-2x {
    font-size: 1.5em;
}

.fa-chevron-up::before {
    content: "\f062";
}

@media (min-width: 1300px) {
    .container,
    .opc-Container {
        max-width: 1600px;
        padding-left: 0;
        padding-right: 0;
    }


    #result-wrapper {
        max-width: 1600px;
        margin: 0 auto;
        padding: 0 1rem;
    }

    .container.breadcrumb-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/*** COMPIRE LIST ***/

.comparison-table {
    width: 100%;
    margin-top: 20px;
    font-size: 14px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.comparison-table th, .comparison-table td {
    border: 1px solid #efefef;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}

.comparison-table th {
    background-color: #f8f9fa;
    font-weight: bold;
}

.comparison-table td:first-child {
    font-weight: bold;
}

.comparison-table .product-name {
    margin-top: 5px;
    font-weight: normal;
}

.comparison-table .product-image {
    max-width: 200px;
    margin: 0 auto;
    display: block;
}

.comparison-table .product-link .btn-primary, .product-link .btn-outline-primary {
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
}

.comparison-table .btn-outline-primary {
    background-color: transparent;
    padding: 2px 1rem;
    line-height: 30px;
    font-size: 1rem;
}

.comparison-table .btn-primary {
    padding: 2px 1rem;
    line-height: 30px;
    font-size: 1rem;
}

.comparison-table .rating .fas {
    color: #f8c146;
}

.comparison-table .price {
    font-weight: 600;
}

.comparison-table .highlight {
    background-color: #ffffde;
}

.comparison-table .en {
    background: #f5f5f5;
}

/*** CUSTOM SLIDER ***/

.opc-product-slider.opc-ProductStream-slider {
    width: 140%;
    margin-left: -21%;
    position: relative;
}

.opc-product-slider.opc-ProductStream-slider::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 14.3%;
    height: 100%;
    background: #fff;
    z-index: 1;
    opacity: 1;
}

.opc-product-slider.opc-ProductStream-slider.hide-before::before {
    opacity: 0;
    visibility: hidden;
}

.carousel-arrows-inside .slick-prev {
    position: absolute;
    /*left: 28.5%;*/
    left: 15%;
}

.opc-product-slider.opc-ProductStream-slider .carousel-arrows-inside .slick-next {
    position: absolute;
    right: 13%;
}

.opc-product-slider.opc-ProductStream-slider .slick-list.draggable {
    padding: 2rem 1rem;
}

.custom_sliders .tab-content {
    margin-bottom: 0;
}

.container-fluid.opc-Container.alternativen .opc-product-slider.opc-ProductStream-slider .slick-list.draggable {
    padding: 1rem 1rem 3rem 1rem;
}

.container-fluid.opc-Container.alternativen h3.custom_menu_subtitle {
    margin-bottom: 0;
}

/*** SIZE SELECTION ***/

.size-selection {
    justify-content: center;
    flex-direction: column;
    margin: 1rem 0;
    padding-left: 1rem;
    display: none;
}

.size-label {
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
    margin-right: auto;
}

.size-options {
    display: flex;
    gap: 5px;
}

.size-box {
    border: 1px solid #d6d6d6;
    padding: 5px;
    border-radius: 5px;
    background-color: #fff;
    color: var(--text-color-2);
    cursor: pointer;
    font-size: 1rem;
    font-family: inherit;
    width: 60px;
    text-align: center;
    transition: all 0.2s ease;
    overflow: hidden;
}

.size-box:hover {
    border-color: var(--primary);
    color: var(--primary);
}

.slick-track .product-wrapper:hover .size-selection {
    display: flex;
}

/*****----- SECTION: PUSH FENSTER  -----*****/

#pushed-success .img-fluid {
    max-height: 200px !important;
    width: auto;
}

#pushed-success .btn-outline-primary {
    padding: 0;
    color: var(--primary);
    line-height: 38px;
}

#pushed-success .fa-arrow-circle-left::before {
    font-size: 1rem;
    color: var(--primary);
}

#pushed-success .flaticon-bag {
    font-size: 1rem;
}

#pushed-success .productbox-inner .row:hover {
    box-shadow: none;
    transform: inherit;
}

/*****----- SECTION: WARENCORB UND CHECKOUT -----*****/

.h2.basket-heading {
    margin-bottom: 2rem;
    text-transform: uppercase;
    line-height: 1.5;
    font-weight: 500;
    font-size: 1.5rem;
    word-spacing: 5px;
}

.basket_wrapper .cart-items-body .cart-items-name {
    font-weight: 600;
    text-decoration: none !important;
    color: var(--text-color);
    max-width: 50ch;
}

.basket_wrapper .align-items-baseline {
    align-items: unset !important;
}

.basket_wrapper .cart-items-body .cart-items-image {
    height: auto;
    width: 100%;
}

.basket_wrapper .cart-items-body .variation,
.basket_wrapper .cart-items-body .manufacturer {
    display: none;
}

.basket_wrapper .basket-price {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
}

.basket_wrapper .basket-price .price_wrapper {
    margin-bottom: 0;
    flex-direction: column-reverse;
    display: flex;
}

.basket_wrapper .percent-val {
    display: block;
}

.basket_wrapper .basket-price .price_wrapper {
    margin-bottom: 0
}

.basket_wrapper .basket-price .suggested-price,
.basket_wrapper .basket-price .suggested-price span {
    color: var(--text-color-1);
}

/*.basket_wrapper .basket-items .col.text-center-util.col-4,*/
.basket_wrapper .basket-price .vat_info,
.basket_wrapper .basket-price .product-sku,
.basket_wrapper .delivery-status .status,
.basket_wrapper .delivery-status .icon_status,
.basket_wrapper .delivery-status .estimated-delivery {
    display: none;
}

.basket_wrapper .delivery-status {
    color: var(--secondary) !important;
    font-weight: 400;
}

.cart-items-body .cart-items-quantity {
    /*margin-left: unset;*/
    /*padding: 0;*/
}

.cart-items-body .cart-items-quantity .form-counter {
    border: none;
    justify-content: center;
}

.cart-items-body .cart-items-quantity .btn,
.cart-items-body .cart-items-quantity .form-control.quantity {
    padding: 0;
    border-bottom: 1px solid #ccc;
}

.cart-items-body .cart-items-quantity .form-control {
    height: auto;
    flex: unset;
    width: 30px;
}

.cart-items-body .cart-items-quantity .qty-wrapper.dropdown.max-w-sm {
    /*width: max-content;*/
    /*border-bottom: 1px solid #ccc;*/
    max-width: 100%;
}

.container.basket .payment-container {
    max-width: 100%;
}

.container.basket .payment-icons {
    width: 95%;
}

.container.basket .btn-primary {
    /*background-color: var(--secondary);*/
}

.nav.stepper.checkout-steps {
    background: #fff !important;
}

.checkout-steps .badge-primary,
.stepper .step-active .step-content::after {
    background: var(--secondary);
}

.checkout-steps .step-check {
    color: var(--secondary);
}

.stepper {
    border: none;
}

.stepper .step::before {
    border: none;
}

#checkout .row .col.col-lg-9.col-12 {
    background: #f5f5f5;
    border-radius: 10px;
    padding: 1rem 1.25rem;
}

.checkout-shipping-form .h2 {
    margin-bottom: 2rem;
    text-transform: uppercase;
    line-height: 1.5;
    font-weight: 500;
    font-size: 1.5rem;
    word-spacing: 5px;
}

.checkout-shipping-form .custom-control-inline {
    border-bottom: 1px solid #fff;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.checkout-shipping-form .checkout-shipping-form-options img,
.checkout-shipping-form .row.checkout-payment-options.form-group img {
    max-height: 40px;
    height: 40px;
    max-width: 60px;
    width: 60px !important;
    margin-right: 1rem;
    border-radius: 8px;
    border: 1px solid #111;
    padding: 1px;
}

#za_ppc_sepa_img {
    max-height: 40px;
    height: 40px;
    max-width: 60px;
    width: 60px !important;
    display: block !important;
    margin-bottom: 0.25rem;
}

#za_ppc_sepa_name {
    font-size: 0.75rem;
    display: none !important;
}

.ppc-checkout-payment-method .paypal-mark {
    background: transparent !important;
}

.checkout-shipping-form .checkout-payment-method {
    margin-bottom: 0;
}

#checkout .table,
#checkout .text-muted-util,
#checkout .table-hover tbody tr:hover {
    color: var(--text-color);
}

#checkout .card-header,
#checkout .card-products .card-header .btn {
    background-color: var(--primary);
    border-color: var(--primary);
}

.checkout-confirmation .checkout-confirmation-pre-form-hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#checkout .card-header a,
#checkout .card-header .h3 {
    color: #fff !important;
}

#checkout .card-body,
#checkout .table-responsive,
#checkout .account-head-data .account-head-data-credit {
    border: 1px solid var(--primary);
    background-color: #fff;
    color: var(--text-color);
}

#checkout .checkout-confirmation .checkout-confirmation-items .card-body {
    margin-top: 0;
}

#checkout .checkout-items-item .checkout-items-item-image-wrapper img {
    max-height: 100px;
}

/*****----- SECTION: ACCOUNT-----*****/
/***--- DROPDOWN AN/ABMELDEN  ---***/

.dropdown-menu.dropdown-menu-right.show {
    border: 2px solid var(--primary);
    border-top: none;
    z-index: 10000;
}

.nav-item.dropdown.account-icon-dropdown.show .dropdown-item {
    text-transform: uppercase;
    padding: 0.5rem 1.5rem;
    transition: none;
}

.nav-item.dropdown.account-icon-dropdown.show .dropdown-item:hover {
    background-color: #fff;
    color: var(--primary);
}

.account-icon-dropdown .dropdown-body span {
    font-weight: 600;
}

.account-icon-dropdown .dropdown-footer {
    margin: 1rem 1.5rem;
    padding: 0.5rem 1rem;
    text-align: center;
    background: var(--primary);
    color: #fff;
}

.account-icon-dropdown .dropdown-footer a {
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 300;
}

/***--- MEIN KONTO ---***/

#account .h1,
#account .h2 {
    margin-bottom: 2rem;
    text-transform: uppercase;
    line-height: 1.5;
    font-weight: 500;
    font-size: 1.5rem;
    word-spacing: 5px;
}

#account .table,
#account .table-hover tbody tr:hover {
    color: var(--text-color);
}

#account .card-header {
    background-color: var(--primary);
    border-color: var(--primary);
}

#account .card.order-details .card-header {
    color: #fff;
}

#account .account-orders-item .card-header {
    background-color: transparent;
    border: 2px solid var(--primary);
}

#account .card-header a,
#account .card-header .h3 {
    color: #fff !important;
}

#account .card-header a.mr-2 {
    color: var(--text-color) !important;
}

#account .account-comparelist .card-body {
    align-items: flex-start;
}

#account .card-body,
#account .table-responsive,
#account .account-head-data .account-head-data-credit {
    border: 1px solid var(--primary);
    background-color: #fff;
}

#account .card.order-details .card-body,
#account .order-details-data .order-details-data-item,
#account .text-muted-util {
    color: var(--text-color);
}

#account .table-responsive {
    padding: 0.5rem;
}

#account .table-responsive .table-hover tbody tr:hover {
    background: transparent;
}

#my-wishlists .table-vertical-middle a,
.card.account-comparelist .card-body a,
.card.account-shipping-address .card-body a {
    display: inline-block;
    text-decoration: none;
    padding: 0.5rem 1.5rem;
    border: 1px solid var(--primary);
    background: transparent !important;
    color: var(--primary);
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 400;
}

/*****----- SECTION: COMPIRELIST -----*****/

[data-page="17"] .h2:not(.newsletter-footer-heading) {
    text-transform: uppercase;
    border-bottom: 2px solid var(--primary);
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 3rem;
}

[data-page="17"] .hr-no-top {
    display: none;
}

[data-page="17"] .btn.btn-outline-secondary {
    text-transform: uppercase;
    font-weight: 300;
    color: #fff;
    border-color: var(--primary) !important;
    background: var(--primary) !important;
    margin-right: 5px;
}

[data-page="17"] .btn.btn-outline-secondary.btn-sm {
    text-transform: uppercase;
    font-weight: 300;
    background: transparent !important;
    color: var(--text-color);
    border-color: var(--text-color);
}

.comparelist .table,
.comparelist .table thead th,
.comparelist .table-bordered,
.comparelist .table-bordered th,
.comparelist .table-bordered td {
    border-color: #f5f5f5;
}

.comparelist .table thead th:first-child {
    border: 1px solid #f5f5f5;
}

.comparelist-item {
    text-align: center;
}

.comparelist td {
    font-size: 0.85rem;
    font-weight: 400;
}

.comparelist-item .comparelist-item-image {
    height: 120px;
    width: auto;
}

.comparelist-item span:not(.vat_info) a {
    font-size: 1.15rem;
    line-height: 1.25;
    font-weight: 500;
    color: var(--text-color);
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: calc(1.15rem * 1.25 * 2);
    margin-bottom: 1rem;
    text-decoration: none;
}

.comparelist-item span:not(.vat_info) a:hover {
    color: var(--primary);
}

.comparelist .comparelist-item .vat_info {
    display: none;
}

/*****----- SECTION: WISCHLIST -----*****/

[data-page="4"] #account h1,
.snippets-wishlist .h2 {
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 2rem;
    word-spacing: 5px;
}

.snippets-wishlist .btn-outline-primary,
.snippets-wishlist .btn-outline-secondary {
    border-color: var(--primary) !important;
    background: var(--primary) !important;
    color: #fff;
    text-transform: uppercase;
}

.snippets-wishlist .fa.fa-search,
.snippets-wishlist .fa.fa-save,
.snippets-wishlist .fa-shopping-cart {
    margin-right: 5px;
}

.snippets-wishlist .form-control, .form-control:focus {
    border-color: var(--primary);
    height: calc(calc(1.5em + 1.25rem + 2px) - 3px);
}

.snippets-wishlist .wishlist-item .productbox:hover {
    border-color: transparent;
}

.snippets-wishlist .wishlist-item .productbox-hover,
.snippets-wishlist .productbox-inner .row,
.snippets-wishlist .productbox-inner.pos-abs {
    padding: 0;
    box-shadow: none;
}

.snippets-wishlist .wishlist-item .productbox .wishlist-pos-delete {
    border: 1px solid var(--primary-opacity);
    border-radius: 50%;
    padding: 0.25rem 0.6rem;
    margin: 0 -1rem 0 0;
}

.snippets-wishlist .wishlist-item .productbox .text-clamp-2 {
    text-decoration: none;
}

.snippets-wishlist .wishlist-item .productbox .text-clamp-2:hover {
    color: var(--primary);
}

.snippets-wishlist .wishlist-item .price_wrapper {
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
}

.snippets-wishlist .wishlist-item .price_wrapper .suggested-price {
    margin-right: 1rem;
}

.snippets-wishlist .wishlist-item .vat_info {
    display: none;
}

.snippets-wishlist .wishlist-item .square-image .inner img {
    max-width: 320px;
    height: 100%;
}

.snippets-wishlist .wishlist-item .product-characteristics,
.snippets-wishlist .wishlist-item .item-delivery-status {
    font-size: 0.85rem;
}

.snippets-wishlist hr,
.snippets-wishlist .pagination-wrapper {
    border-color: transparent;
}

.snippets-wishlist .flaticon-bag {
    font-size: 1rem;
    line-height: 38px;
    margin-left: 0.25rem;
}

/*****----- SECTION: NEWSLETTER -----*****/

[data-page="8"] h1 {
    margin-top: 3rem;
    margin-bottom: 3rem;
    text-transform: uppercase;
    border-bottom: 2px solid var(--primary);
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 1.25rem;
}

.alert-danger {
    text-align: center;
}

.newsletter-subscribe .newsletter-subscribe-consent {
    font-weight: 300;
}

[data-page="8"] .h3 {
    font-weight: 500;
}

[data-page="8"] p {
    font-weight: 300;
}

[data-page="8"] .form-text.text-muted {
    display: none;
}

/*****----- SECTION: HERSTELLER SEITE -----*****/

.page-manufacturers .square-image {
    max-height: 130px;
    margin-bottom: 0.5rem;
}

.page-manufacturers a {
    display: block;
    margin-bottom: 1.5rem;
    font-size: 1.15rem;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--primary);
    margin-left: 0.5rem;
}

.page-manufacturers .inner::after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/*****----- SECTION: FOOTER -----*****/

#footer {
    color: #fff;
    background: linear-gradient(to bottom, var(--secondary) 0%, var(--primary) 100%);
    font-size: 0.9rem;
    padding: 0;
}

.maintenance-main-wrapper #footer * {
    color: #fff;

}

#footer .container.d-print-none.footer-bg {
    max-width: 100%;
    margin: 0 auto;
    background-size: 664px 330px;
    padding-bottom: 6rem;
}

#footer hr {
    display: none;
}

#footer .productlist-filter-headline,
#footer .newsletter-footer-heading,
#footer a {
    color: #fff !important;
    font-size: 0.875rem;
    transition: all 0.5s ease;
}

#footer .productlist-filter-headline {
    margin-bottom: 1.5rem;
    font-size: 1rem;
}

#footer .productlist-filter-headline.second {
    margin-top: 1rem;
}

#footer .productlist-filter-headline:nth-of-type(2) {
    /*color: transparent;*/
}

#footer a:hover {
    text-decoration: underline;
}

/***--- NEWSLETTER ---***/

#footer .newsletter-footer {
    flex-direction: column;
    margin: 0 auto;
    text-align: center;
    padding: 120px 20px;
    background-size: cover;
    margin-left: -1rem;
    margin-right: -1rem;
    background: linear-gradient(rgba(18, 54, 69, 0.85), rgba(18, 54, 69, 0.45)),
    url(/media/image/opc/xl/bg/footer-bottom.png) no-repeat center center;
    background-size: cover;
}

#footer .newsletter-footer .col-lg-6 {
    flex: 0 0 45%;
    max-width: 45%;
}

#footer .newsletter-footer .h2.newsletter-footer-heading {
    font-size: 36px;
    font-weight: 500;
}

#footer .newsletter-footer .info {
    /*font-size: 18px;*/
}

#footer .newsletter-footer #newsletter_email {
    border-radius: 25px;
    margin-right: 2rem;
}

#footer .newsletter-footer .btn.min-w-sm.btn-secondary {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff !important;
    border-radius: 25px;
    min-width: 10rem;
    transition: all 0.3s ease;
}

#footer .newsletter-footer .btn.min-w-sm.btn-secondary:active,
#footer .newsletter-footer .btn.min-w-sm.btn-secondary:focus {
    background: var(--primary);
    border-color: #fff;
}

#footer .newsletter-footer .check-newsletter-footer {
    float: left;
    margin-left: 1rem;
    margin-top: 1rem;
    font-weight: 300;
}

#sidebox127 p {
    margin-bottom: 0;
}

/***--- KONTAKT---***/

#footer .footer-contact {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 3rem 0;
    position: relative;
}

#footer .footer-contact::after {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
    width: 85%;
}

#footer .footer-contact img {
    max-width: 100px;
    margin-right: 5rem;
}

#footer .footer-contact .contact-wrapper {
    text-align: center;
}

#footer .footer-contact .contact-number {
    position: relative;
    font-size: 2rem;
}

.fas.fa-phone-volume {
    margin-right: 0.5rem;
    transform: rotate(-45deg);
    transition: all 0.3s ease;
}

#footer .footer-contact .contact-number a {
    font-size: 2rem;
    text-decoration: none;
    margin-left: -1.5rem;
    margin-left: -0.5rem;
}

#footer .footer-contact .contact-number:hover a {
    text-decoration: underline;
}

#footer .footer-contact .contact-number:hover .fa-phone-volume {
    transform: rotate(0);
}

#footer .footer-contact .contact-link {
    font-size: 1rem;
    font-weight: 500;
    transition: all 0.3s ease;
}

#footer .footer-contact .contact-link::after {
    content: '\2192';
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    margin-left: 0.25rem;
    transition: all 0.3s ease;
}

#footer .footer-contact .contact-link:hover::after {
    margin-left: 0.75rem;
}

/***--- FOOTER-BOX ---***/

#footer #footer-boxes {
    max-width: 1600px;
    margin: 0 auto;
}

#footer #footer-boxes .col-lg-3 {
    padding: 0 0.5rem;
}

#footer #footer-boxes li {
    margin-bottom: 0.25rem;
}

#footer #footer-boxes #sidebox128 li {
    line-height: 1.25;
}

#footer #footer-boxes .nav-link {
    padding: 0.1rem 0;
}

#footer #footer-boxes .check-before {
    list-style-type: none;
    padding-left: 10px;
}

#footer #footer-boxes .check-before li::before {
    content: "\2713";
    color: rgba(255, 255, 255, 0.5);
    font-size: 1rem;
    margin-right: 0.5rem;
    vertical-align: middle;
}

#footer-boxes .st-footer-icons img {
    display: inline-block;
    max-width: 80px;
    margin: 4px 2px;
    padding: 0 8px;
    background: #fff;
    border-radius: 25px;
    filter: grayscale(100%);
    transition: all 0.2s ease;
}

#footer-boxes .st-footer-icons img:hover {
    filter: grayscale(0%);
    cursor: pointer;
    transform: scale(1.05);
}

/* MODAL FENSTER aus ZAHLUNGS/VERSAND ICONS*/

#footer-boxes .modal-dialog {
    max-width: 920px;
    width: 100%;
}

#footer-boxes .modal-dialog .modal-content {
    padding: 1rem;
}

#footer-boxes .modal-dialog .modal-body {
    padding: 0;
}

#footer-boxes .modal-dialog .modal-content {
    color: var(--text-color);
}

/***--- SOCIAL + COPYRIGHT ---***/

#footer .footer-social-media ul {
    justify-content: center;
}

#footer .footer-social-media .btn-icon-secondary {
    background: transparent !important;
    border: none !important;
}

#footer .footer-social-media .fa-facebook-f::before,
#footer .footer-social-media .fa-youtube::before,
#footer .footer-social-media .fa-tiktok::before,
#footer .footer-social-media .fa-instagram::before {
    color: rgba(255, 255, 255, 0.5);
    font-size: 2rem;
    transition: all 0.3s ease;
}

#footer .footer-social-media .fa-fw {
    width: auto;
}

#footer .footer-social-media .fa-facebook-f:hover::before,
#footer .footer-social-media .fa-youtube:hover::before,
#footer .footer-social-media .fa-tiktok:hover::before,
#footer .footer-social-media .fa-instagram:hover::before {
    color: rgba(255, 255, 255, 1) !important;
}

#footer .footnote-vat,
#footer .footnote-vat .small,
#footer .footnote-vat a {
    text-align: center;
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 0.75rem;
    transition: all 0.3s ease;
}

#footer .footnote-vat a:hover {
    color: rgba(255, 255, 255, 1) !important;
}

#copyright {
    display: none;
}

.icon-mr-2,
#system-credits {
    display: block;
    text-align: center;
    width: 100%;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 0.75rem;
    font-size: 0.75rem;
    padding: 0 !important;
}

#system-credits a {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 0.75rem;
}

/*****----- SEITE: WIR UEBER UNS -----*****/

.inhalt-uns {
    max-width: 1300px;
    margin-left: auto;
}

.inhalt-uns .inhalt-section {
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-content: center;
}

.inhalt-uns .inhalt-section div {
    width: 50%;
}

.inhalt-uns .inhalt-section div p {
    width: 70%;
    margin-top: 1rem;
}

/*****----- SEITEN: VERSAND und ZAHLUNG -----*****/

.inhalt-versand table {
    width: 100%;
    max-width: 100%;
}

.inhalt-versand table td {
    color: #374962;
    border: 1px solid #fff;
    background: #fff;
}

.inhalt-versand table > tbody > tr > td {
    padding: 8px;
    line-height: 1.5;
    vertical-align: top;
    border-top: 1px solid #ddd;
    text-align: center;
}

.inhalt-versand table > tbody > tr > td:first-child {
    padding: 8px 0;
}

.inhalt-versand table tr:nth-child(2n) td {
    background: #f5f5f5;
}

.inhalt-versand .img_versand {
    width: auto;
    max-height: 50px;
}

.inhalt-versand table .img_land {
    width: 25px;
    height: 20px;
}

.inhalt-versand p {
    font-size: .875rem;
    line-height: 1.5rem;
    margin: 1rem 0;
}

.inhalt-zahlung p {
    font-size: 0.875rem;
}

.inhalt-versand .btn-print {
    padding: .125rem .625rem;
    line-height: 2rem;
    border-radius: 3px;
    font-size: .875rem;
    background-color: #fff;
    background-image: linear-gradient(to bottom, #fff 0%, #ccc 100%);
    display: inline-block;
    position: relative;
    font-weight: 500;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    border: 1px solid #ccc;
    color: var(--text-color-1);
    transition: all 0.3s ease;
}

.inhalt-versand .btn-print .fa-print::before {
    margin-right: 0.5rem;
}

.inhalt-versand .btn-print:hover {
    color: var(--primary);
    background-color: var(--primary);
    border-color: var(--primary);
}

/*****----- SEITE: Bedienungsanleitungen und Downloads -----*****/

.inhalt-bedienung {

}

.inhalt-bedienung .headline--manual {
    margin-bottom: 1rem;
}

.inhalt-bedienung h2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.inhalt-bedienung .manual--menu-content {
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;
}

.inhalt-bedienung .manual--menu .manual--menu-item {
    position: relative;
    margin-bottom: 0.5rem;
    display: block;
    margin-right: 0.25rem;
    min-width: 15%;
    max-width: 15%;
    background: #fff;
    border: 1px solid var(--primary-opacity);
    border-radius: 5px;
    transition: all .3s ease;
}

.inhalt-bedienung .manual--menu-link {

    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0.5rem;
    max-width: 83%;
    font-size: 1rem;
    font-weight: 500;
    color: var(--primary);
    text-decoration: none;
}

.inhalt-bedienung .manual--menu .manual--menu-item::after {
    content: ">";
    font-size: 1rem;
    line-height: 1.1;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    color: var(--primary-opacity);
    border: 2px solid var(--primary-opacity);
    border-radius: 50%;
    text-align: center;
    background: transparent;
    transition: all 0.2s ease;
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
}

.inhalt-bedienung .manual--menu .manual--menu-item:hover {
    background: var(--primary);
}

.inhalt-bedienung .manual--menu .manual--menu-item:hover .manual--menu-link {
    color: #fff;
}

.inhalt-bedienung .manual--menu .manual--menu-item:hover::after {
    color: #fff;
    border-color: #fff;
}

.inhalt-bedienung .manual {
    width: 33%;
    float: left;
}

.inhalt-bedienung .manual .manual--pdf-icon {
    height: 35px;
    width: 35px;
    margin-right: 0.75rem;
}

.inhalt-bedienung .manual .manual--link {
    text-decoration: none;
    margin-bottom: 0.5rem;
    display: block;
}

.inhalt-bedienung .manual .manual--link .manual--content {
    text-decoration: none;
    color: var(--primary) !important;
}

.inhalt-bedienung [id] {
    scroll-margin-top: 170px;
}

/*****----- SEITE: FAQ -----*****/

.section-faq .inhalt {
    margin-top: 2rem;
}

.container-fluid.opc-Container.section-faq {
    margin-bottom: 2rem;
}

.section-faq .kapitel {
    font-size: 1.15rem;
    font-weight: 600;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.section-faq .card.opc-Accordion-group {
    margin-bottom: 0.5rem;
    border: 1px solid #dadae5;
    border-radius: 5px;
    background-image: linear-gradient(to bottom, #fff 0%, #f8f8fa 100%);
    box-shadow: 0 1px 1px 0 rgba(236, 238, 241, 0.8);
}

.section-faq .opc-Accordion-group .opc-Accordion-head[aria-expanded="true"] {
    color: #fff;
    background-color: var(--primary);
}

.section-faq .card-header {
    background: transparent;
    border-radius: 3px;
    margin-bottom: 0 !important;
    padding: 0;
}

.section-faq .card-header button {
    font-size: 1rem;
    font-weight: 600;
    padding: 0.5rem 1rem;
    text-align: left;
}

.section-faq .card-body {
    border: 1px solid #dadae5;
}

.section-faq .opc-Accordion-head {
    font-size: 1rem;
    font-weight: 500;
    padding-left: 0;
    padding-right: 0;
}

.section-faq .faq-text {
    font-size: 0.9rem;
}

.section-faq :not(.navbar-toggler)[data-toggle="collapse"]::after {
    position: absolute;
    right: 1rem;
}

/*****----- SECTION: RESPONSIV -----*****/

@media only screen and (min-width: 992px) {
    .justify-content-lg-end {
        margin: 0;
    }

    /*** ARTIKEL BILD ***/
    #gallery .slick-track {
        display: flex;
        flex-wrap: wrap !important;
        width: auto !important;
    }

    #gallery .slick-slide {
        flex: 0 0 50%;
        max-width: 50%;
        display: block;
        position: relative;
        opacity: 1 !important;
        left: 0 !important;
        top: 0 !important;
        z-index: auto !important;
        box-sizing: border-box;
        height: 300px;
        margin: 0;
    }

    .fullscreen #gallery .slick-slide {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #image_wrapper #gallery .slick-slide {
        padding: 3px;
        height: auto;
    }


    #product-offer .col.product-gallery.col-lg-6.col-12 {
        flex: 0 0 65%;
        max-width: 65%;
    }

    #product-offer .col.product-info.col-lg-6.col-12 {
        flex: 0 0 35%;
        max-width: 35%;
    }
}

@media only screen and (max-width: 1400px) {
    #footer .newsletter-footer .col-lg-6 {
        flex: 0 0 75%;
        max-width: 75%;
    }
}

@media only screen and (max-width: 991.8px) {
    /*** HEADER ***/
    header .navbar-collapse {
        max-width: 100%;
        margin-top: 8.85rem
    }

    .navbar.justify-content-start.align-items-lg-end.navbar-expand-lg.navbar-expand-1 {
        margin-bottom: 0;
    }

    .navbar.row.justify-content-center.align-items-center-util.navbar-expand-lg.navbar-expand-1 {
        margin: 0 0 0.25rem 0;
        padding-top: 0.5rem !important;
        max-width: 100%;
        flex-wrap: nowrap;
    }

    #jtl-nav-wrapper {
        border-bottom: 3px solid var(--primary);
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.125);
    }

    .search-wrapper.w-100-util {
        padding-bottom: 0.5rem;
        background: #fff;
    }

    .search-wrapper.w-100-util .form-control {
        height: 40px;
    }

    .search-wrapper.w-100-util form input {
        height: 50px;
        border-radius: 25px;
        box-shadow: 0 6px 14px -3px rgba(24, 39, 75, 0.12);
        border: 1px solid #dcdcdc;
    }

    .search-wrapper.w-100-util .input-group-append {
        position: absolute;
        right: 1rem;
        height: 100%;
    }

    .search-wrapper.w-100-util .input-group-append .btn-secondary {
        border: none !important;
        background: transparent !important;
        color: var(--text-color);
    }

    .search-wrapper.w-100-util .input-group .form-clear {
        height: 100%;
        bottom: 0;
        right: 4rem;
    }

    header .navbar-brand img {
        height: 50px;
    }

    #logo .nav-icons-item {
        max-height: 40px;
        margin: 0;
    }

    #shop-nav .ekom-icons {
        padding: 0 0.25rem;
        margin-right: 0.5rem;
    }

    #shop-nav .ekom-icons-item {
        max-width: 30px;
    }

    #shop-nav .nav-link {
        padding: 0.4rem;
    }

    .container-fluid.container-fluid-xl.menu-center-center.menu-multiple-rows-scroll::before {
        display: none;
    }

    /*** BURGER MENU ***/
    header #burger-menu {
        height: 2rem;
        margin-top: 1.25rem;
        padding-top: 0;
        margin-right: 1rem;
    }

    .navbar-toggler .navbar-toggler-icon {
        width: 1.65rem;
        height: 2.2px;
    }

    .navbar-toggler .navbar-toggler-icon::before {
        width: 1.7rem;
        margin-top: -4px;
        height: 2.4px;
    }

    .navbar-toggler .navbar-toggler-icon::after {
        width: 1.7rem;
        margin-top: 4px;
        height: 2px;
    }

    .navbar-toggler .navbar-toggler-icon::before,
    .navbar-toggler .navbar-toggler-icon::after {
        transform-origin: 28%;
    }

    .col.col-lg-auto.nav-logo-wrapper.order-lg-1 {
        padding-left: 0.5rem;
    }

    .navbar.justify-content-start.align-items-lg-end.navbar-expand-lg.navbar-expand-1 {
        padding: 0;
    }

    .full-width-mega .nav-icons-wrapper {
        padding-right: 0;
    }

    /*** FOOTER ***/
    #footer .newsletter-footer .col-lg-6 {
        flex: 0 0 90%;
        max-width: 90%;
    }

    #footer #footer-boxes .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    #footer #footer-boxes .box-normal .box-normal-link {
        margin-bottom: 1rem;
        font-size: 1rem;
    }

    #footer #footer-boxes .check-before {
        padding-left: 0;
    }
}

@media only screen and (max-width: 992px) {
    /*** STARTSEITE***/
    body[data-page="8"] {
        overflow-x: hidden;
    }

    .slider-wrapper.theme-default .nivo-directionNav {
        display: none;
    }

    .slider-wrapper.theme-default .nivo-controlNav {
        bottom: 0;
    }

    .slider-wrapper.theme-default .nivoSlider img {
        min-height: 200px;
    }

    .slider-wrapper.theme-default .nivo-caption {
        left: 0;
    }

    .slider-wrapper.theme-default .nivo-caption .title {
        font-size: 1.75em;
    }

    .slider-wrapper.theme-default .nivo-caption .desc {
        font-size: 1rem;
    }

    .slider-wrapper.theme-default .nivo-caption::after {
        font-size: 0.75rem;
        padding: 2px 5px;
    }

    .section-poductslider {
        padding: 1rem 0.5rem !important;
    }

    .container-fluid.opc-Container.section-poductslider.style3 {
        margin-top: 0;
        padding-bottom: 0;
    }

    .container-fluid.opc-Container .grid-desc .subtitle-desc {
        font-size: 1em;
    }

    .container-fluid.opc-Container .grid-desc .title-desc {
        font-size: 1.75em;
    }

    .section-poductslider .grid-row {
        margin-bottom: unset;
    }

    .opc-product-slider.opc-ProductStream-slider .slick-list.draggable {
        padding: 1rem 0.5rem !important;
    }

    .container-fluid.opc-Container.section-poductslider.style4 .row.grid-row,
    .container-fluid.opc-Container.section-poductslider.style8 .row.grid-row {
        margin-right: 0.5rem;
    }

    .section-poductslider .opc-product-slider.opc-ProductStream-slider {
        width: 100% !important;
        margin-left: unset !important;
    }

    #result-wrapper .content-cats-small .col {
        margin-top: 1.5rem;
    }
}

@media only screen and (max-width: 600px) {
    /*** FILTERS ***/
    .productlist-page-nav .result-option-wrapper {
        margin-right: 0;
    }

    .productlist-page-nav .displayoptions .btn-group + .btn-group + .btn-group {
        margin-left: 0;
    }

    .productlist-page-nav.productlist-page-nav-header-m > .col {
        flex-direction: column;
        gap: 5px;
    }

    #js-filters {
        width: 100%;
    }

    #result-options .row {
        margin: 0;
    }

    .col.filter-collapsible-control.order-1.order-md-0.d-flex.col-md-4.col-12 {
        padding: 0;
    }

    /*** MERKMALE  ***/
    #tab-content-product-tabs .product-attributes tr {
        display: flex;
        flex-direction: column;
    }

    #tab-content-product-tabs .product-attributes tr .col-4,
    #tab-content-product-tabs .product-attributes tr .col-8 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 0;
    }

    #tab-content-product-tabs .attr-custom .h6 {
        margin-bottom: 0;
    }

}

@media only screen and (max-width: 480px) {
    /*** HEADER ***/
    header .navbar-collapse {
        margin-top: 7rem;
    }

    .hide-navbar.container-fluid.container-fluid-xl.menu-search-position-right {
        padding: 0 0.5rem;
    }

    .d-lg-none.search-form-wrapper-fixed.container-fluid.container-fluid-xl.order-1 {
        padding: 0 0.5rem;
    }

    header #burger-menu {
        margin-top: 0.75rem;
    }

    header .navbar-brand {
        padding: 0;
    }

    #logo .nav-icons-item {
        display: none;
    }

    header .navbar-brand img {
        margin-right: 0.5rem;
    }

    /*** FOOTER ***/
    #footer .newsletter-footer {
        padding: 60px 20px;
        line-height: 1.25;
    }

    #footer .newsletter-footer .col-lg-6 {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }

    #footer #footer-boxes .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }

    #footer .newsletter-footer .input-group {

    }

    #footer .newsletter-footer #newsletter_email {
        width: 100%;
        margin-bottom: 0.75rem;
        margin-right: 0;
    }

    #footer .newsletter-footer .h2.newsletter-footer-heading {
        font-size: 28px;
    }

    #footer .newsletter-footer .info {
        font-size: 13px;
    }

    #footer .newsletter-footer .input-group .input-group-append,
    #footer .newsletter-footer .input-group .input-group-append .btn-secondary {
        width: 100%;
    }

    #footer .footer-contact img {
        margin-right: 1rem;
    }

    #footer .footer-contact .contact-number a {
        font-size: 1.5rem;
        line-height: 2;
        margin-left: 1rem;
    }

    #footer .footer-contact .fa-phone-volume::before {
        left: 0.25rem;
        top: 25%;
        font-size: 24px;
    }
}

/* eloquium 13-03-2026 | ST */

#slider-related,
.video,
#maintenance-mode {
    display: none;
}

#opc #opc-startmenu {
    top: 10% !important;
}

.product-list.layout-list .productbox-inner .row .col-xl-4,
.product-list.layout-list .productbox-inner .row .col-xl-3 {
    flex: 0 0 100%;
    max-width: 100%;
}

.product-list.layout-list .productbox-inner .row .col.productbox-details.col-xl-4.col-12,
.kategorie_bild {
    display: none;
}

.productbox-onhover.collapse {
    transition: all 0.6s ease;
}

.base_price .value {
    margin-right: 1rem;
}

.custom_product_info button {
    color: var(--text-color);
    padding: 0;
    text-decoration: underline;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link,
.tab-navigation .nav-link::after {
    border-color: var(--primary);
}

.nav-tabs .nav-link.active,
.tab-navigation .nav-link {
    font-size: 1.25rem;
}

#tabAccordion > .card .card-header {
    margin-bottom: 0;
    font-size: 0.875rem;
    font-size: 1.15rem;
    font-weight: 500;
}

.slider-wrapper .slider-pause-controls {
    display: none !important;
}

.ekom-icons-item {
    filter: grayscale(1) sepia(1) hue-rotate(170deg) saturate(200%) brightness(0.7);
}

.slick-track .product-wrapper .percent {
    left: 0 !important;
    top: 3rem !important;
}

#za_ppc_sepa_img img,
#kPlugin_1_googlepay img {
    object-fit: contain !important;
}

#za_ppc_paylater img {
    object-fit: cover !important;
}

#product-list .product-wrapper {
    height: 100% !important;
}

.filter-option-inner-inner .badge-danger {
    margin-left: 3px !important;
}

/*.productbox-onhover,*/
.variations,
.productbox-variations {
    overflow: visible !important;
}

.variations .variation-badge:not(.badge-right) {
    margin-right: 0.25rem;
}

#header-top-bar .scroll-item::after {
    display: none;
}


/* BFSG */

.btn:not(:disabled):not(.disabled):active:focus,
.btn:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 0.2rem var(--primary--2-opacity), inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.form-control:focus,
.btn:focus,
.btn.focus,
.page-link:focus {
    box-shadow: 0 0 0 0.2rem var(--primary--2-opacity);
}

.btn:focus-visible,
.focus,
:focus-visible,
.productbox.productbox-hover:focus-visible .productbox-inner::before,
.productbox.productbox-hover:focus-within .productbox-inner::before {
    outline: 2px solid var(--primary--2-opacity) !important;
}

.btn-skip-to {
    border-color: var(--primary);
}

input,
button {
    outline-color: transparent !important;
}