/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */

/*****----- SECTION: DEFAULT -----*****/

@import url("fonts/fonts.css");
@import url("fonts/flaticon.css");

:root {
    --primary: #f1e7db;
    /*--primary: rgb(241, 231, 219);*/
    --primary-opacity: rgba(241, 231, 219, 0.5);
    --primary-opacity2: rgba(241, 231, 219, 0.25);
    --text-color: #414141;
    --second-color: #414141;
    --info: #414141;
    --gray: #707070;
    --gray-light: #f5f7fa;
    --gray-medium: #ebebeb;
    --gray-dark: #9b9b9b;
    --gray-darker: #525252;
    --white: #fff;
    --black: #000;
}


html {
    width: 100%;
    background-color: #fff;
    scroll-behavior: smooth;
    scrollbar-color: var(--primary) #F4f4f4;
    scrollbar-width: auto;
    overflow-x: hidden;
}

body {
    width: 100%;
    font-family: 'Montserrat', sans-serif !important;
    /*font-family: 'Quicksand', sans-serif;*/
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: var(--text-color);
    background-color: #fff;
}


/*****----- SECTION: GLOBAL -----*****/
[data-page="18"] #content-wrapper:not(.has-fluid) {
    padding-top: 0;
}

#content-wrapper:not(.has-fluid) {
    padding-top: 2rem;
}

[data-page="18"] #content {
    padding-bottom: 1rem;
}


h1, h2, .h1, .h2,
.productlist-filter-headline,
.sidepanel-left .box-normal .box-normal-link,
.nav-item, .nav-link {
    /*font-family: 'Montserrat', sans-serif !important;*/
    font-family: 'Quicksand', sans-serif;
    color: var(--text-color);
    font-weight: 600;
    line-height: 1.25;
}

h3, h4, h5, h6,
.h3, .h4, .h5, .h6 {
    font-family: 'Montserrat', sans-serif !important;
    /*font-family: 'Quicksand', sans-serif;*/
    color: var(--text-color);
    font-weight: 500;
    line-height: 1.25;
}

header .submenu-headline-toplevel {
    font-family: 'Quicksand', sans-serif;
}

.container > h1,
.container > h2 {
    display: inline-block;
    padding: 2px 1rem;
    background-color: var(--primary);
}

.container > h1 {
    margin-bottom: 2rem;
}

.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--text-color) !important;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    /*padding: 0;*/
    /*border: 1px solid var(--text-color)*/
}

.btn-link {
    color: var(--text-color) !important;
    font-weight: 500;
    font-size: 0.85rem;
}

a:hover:not(.section_banner a) {
    color: var(--text-color);
}

.opc-Container {

}

.opc-Container .product-wrapper .square-image .inner img {
    width: 100%;
}

.form-counter .form-control {
    border: 1px solid #41414115;
    border-radius: 0 !important;
}

header a:not(.dropdown-item):not(.btn) {
    color: var(--text-color) !important;
}

.st-mobile-trusted {
    display: none;
}

hr {
    border-color: var(--primary-opacity2);
}

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

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

#header-top-bar {
    display: flex !important;
    padding-top: 0.5rem;
    margin-left: auto;
    /*background-color: transparent;*/
}

#header-top-bar .nav-dividers .nav-item:not(:last-child)::after {
    border: none;
}

#header-top-bar .nav-link {
    padding: 0.5rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 500;
}

#header-top-bar a:not(.dropdown-item):not(.btn):hover,
header a:not(.dropdown-item):not(.btn):hover {
    color: var(--text-color);
    background-color: transparent;
}

#header-top-bar .nav-link::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-width: 0 0 3px;
    border-color: var(--primary);
    border-style: solid;
    transition: width 0.4s;
    width: 0;
}

#header-top-bar .nav-link.active::before,
#header-top-bar .nav-link:hover::before {
    width: 90%;
}

/***--- LOGO ---***/
header .navbar-brand {
    padding: 0;
}

header .navbar-brand img {
    height: 90px;
    /*position: absolute;*/
    /*top: -1.5rem;*/
}

/***--- SEARCH---***/
.col.main-search-wrapper.nav-right.order-lg-2 {
    flex-direction: row;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 10%;
}

.st-trusted {
    margin-right: 1rem;
}

.st-trusted img {
    max-height: 50px;
}

#jtl-nav-wrapper #shop-nav {
    min-width: 45%;
    flex-wrap: wrap;
}

#jtl-nav-wrapper #search {
    /*min-width: 550px;*/
    min-width: 45%;
    margin-right: 4rem;
}

#jtl-nav-wrapper .search-wrapper,
#jtl-nav-wrapper .search-wrapper input {
    border: none;
    background-color: #f5f7fa;
    height: auto;
}

#jtl-nav-wrapper .form-control::placeholder,
#jtl-nav-wrapper .form-control:focus::placeholder {
    color: #b4b4b4;
}

#jtl-nav-wrapper #search-header {
    border: none;
}

#jtl-nav-wrapper .search-wrapper .input-group {
    flex-wrap: nowrap;
}

#jtl-nav-wrapper .search-wrapper .twitter-typeahead {
    width: 100%;
}

#jtl-nav-wrapper .search-wrapper .form-control:focus {
    box-shadow: none;
}

/*#jtl-nav-wrapper #search .search-wrapper .btn.btn-secondary {*/
.search-wrapper .btn.btn-secondary {
    background-color: transparent;
    color: #525252;
    border: none;
}

#jtl-nav-wrapper .search-wrapper .fas.fa-times {
    position: absolute;
    top: 10%;
    right: 12%;
}

/***--- NAVMENU und DROPDOWN ---***/

header {
    box-shadow: none;
    /*border-bottom: 1px solid #b4b4b4;*/
}

header .hide-navbar {
    display: block !important
}

/*[data-page="18"] .container-fluid.container-fluid-xl.menu-center-center.menu-multiple-rows-scroll {*/


.navbar.justify-content-start.align-items-lg-end.navbar-expand-lg.navbar-expand-1 {
    margin: 0 auto;
    max-width: 1250px;
}

[data-page="18"] .navbar.justify-content-start.align-items-lg-end.navbar-expand-lg.navbar-expand-1 {
    max-width: 1250px;
    margin: 0 auto;
    /*max-width: 1250px;*/
}

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

header #mainNavigation {
    margin-right: 0;
    height: auto;
}

header .navbar-nav > .nav-item > .nav-link {
    padding: 0.75rem;
}

header .nav-mobile-body .navbar-nav.nav-scrollbar-inner.mr-auto {
    padding-bottom: 0;
    overflow-x: hidden;
}

header .nav-mobile-body .nav-scrollbar-item .nav-link,
header .nav-mobile-body .dropdown-menu .text-truncate {
    font-size: 0.85rem;
    font-weight: 500;
    text-transform: uppercase;
}

header #mainNavigation .fa-chevron-right,
header #mainNavigation .fa-chevron-left {
    padding: 2px;
    background-color: var(--primary-opacity);
}


header .navbar-nav .dropdown .nav-item {
    margin: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-color);
}

header .nav-right .dropdown-menu {
    border: 3px solid var(--primary);
    border-top: none;
}

.nav-home-button.nav-item.nav-scrollbar-item.d-none.d-lg-block::after {
    position: absolute;
    content: "";
    height: 3px;
    left: 0;
    width: 100%;
    bottom: -2px;
    background-color: var(--primary);
}

/***--- ICONS ---***/
.cart-icon-dropdown .cart-icon-dropdown-price {
    display: none;
}

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

header .nav-right .nav-link {
    padding: 0.75rem 0.4rem;
}

.flaticon-user::before,
.fas.flaticon-task::before,
.fas.flaticon-love-1::before,
.fas.flaticon-bag::before,
.flaticon-zoom::before {
    font-size: 1.5rem;
    padding: 4px;
    border-radius: 50%;
    transition: all 0.1s ease;
}

.flaticon-user {
    display: inline-block;
}

.flaticon-user::before {
    font-size: 1.3rem;
    display: block;
    padding: 4px;
}

.fas.flaticon-love-1::before {
    font-size: 1.6rem;
    padding: 3px;
}

.st-icons,
.st-icons-log {
    display: flex;
    flex-direction: column;
    text-align: center;
    /*padding: 4px;*/
    /*border-radius: 50%;*/
    transition: all 0.1s ease;
}

.st-icons span:first-child {
    height: 26px;
}

.st-icons .fa-sup {
    height: inherit !important;
}

.st-icons-title {
    font-size: 0.6rem;
    line-height: 1;
    color: var(--text-color);
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 3px;
}

.st-icons:hover,
.st-icons-log {
    /*background-color: var(--primary);*/
    /*border-radius: 6px;*/
}

.st-icons:hover .flaticon-task::before,
.st-icons:hover .flaticon-love-1::before,
.st-icons:hover .flaticon-bag::before,
.st-icons:hover .flaticon-user::before,
.st-icons-log .flaticon-user::before {
    background-color: var(--primary);
}

.st-icons-log .st-icons-title {
    font-weight: 700;
    margin-bottom: 3px;
}

.fa-sup {
    left: unset;
    margin-left: -0.4rem;
}

/***--- Highlight Balken  ---***/
.section_balken {
    display: flex;
    /*justify-content: space-around;*/
    justify-content: center;
    background-color: #edaf7e;
    padding: 2px;
}

.section_balken > div {
    display: flex;
    /*width: 100%;*/
    justify-content: center;
    background-color: #fff;
}

.section_balken .opc-Button.link {
    border-color: #edaf7e;
}

.section_balken .accordion.opc-Accordion {
    background-color: #edaf7e;
}

.section_balken .card.opc-Accordion-group {
    border: none;
    border-radius: 0;
}

.section_balken .card-header {
    background-color: #edaf7e;
    padding: 0;
    max-height: 41px;
    overflow: hidden;
}

.section_balken .btn.opc-Accordion-head.btn-link {
    font-family: 'Quicksand', sans-serif !important;
    /*width: 100%;*/
    justify-content: center;
    text-transform: uppercase;
    color: #fff !important;
    margin-left: 0.5rem;
    word-spacing: 2px;
    border-radius: 0;
}

.section_balken .btn.btn-primary {
    font-family: 'Quicksand', sans-serif !important;
    color: #fff !important;
    background-color: #edaf7e !important;
    border: none !important;
    text-decoration: underline;
    font-weight: 500;
    font-size: 0.85rem;
    padding-left: 2px;
    padding-right: 12px;
    max-height: 40px;
    min-width: max-content;
    border-radius: 0;
    position: relative;
}

.section_balken .btn.btn-primary::after {
    content: '>';
    position: absolute;
    top: 50%;
    right: 2px;
    transform: translateY(-50%);
}

.section_balken .btn.btn-primary:hover {
    opacity: 1;
}

.section_balken .card-body.opc-area {
    background-color: #fff;
    color: var(--text-color);
    font-size: 0.85rem;
    text-align: center;
    padding: 1rem;
}

/* 2606 */
.section_balken .accordion > .card > .card-header {
    display: flex;
    justify-content: center;
}

.section_balken button.btn.opc-Accordion-head.btn-link[data-toggle="collapse"]::after {
    display: none;
}

.section_balken button.btn.opc-Accordion-head.btn-link[data-toggle="collapse"]::before {
    content: '\f078' !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    margin-left: 0.5rem;
    display: inline-block;
    line-height: 1;
    transition: transform 0.2s;
    will-change: transform;
    border-top: 0;
    font-size: 0.85rem;
    margin-right: 4px;
}

.section_balken .dropdown-toggle[aria-expanded="true"]::before,
.section_balken :not(.navbar-toggler)[data-toggle="collapse"][aria-expanded="true"]::before {
    transform: rotate(180deg);
}

/***--- HAUPTBANNER  ---***/
.section_banner,
.section_banner .banner1,
.section_banner .banner2 {
    max-width: 100% !important;
}

.section_banner .banner1,
.section_banner .banner1 .img-aspect-ratio.img-fluid.w-100 {
    position: relative;
    z-index: 0;
}

.section_banner .banner_text {
    position: absolute !important;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 100;
}

.section_banner .banner_text .title {
    font-family: 'Amithen', sans-serif !important;
    color: #fff;
    font-size: 5rem;
    margin-bottom: 4rem;
}

.section_banner .banner_text .btn-primary {
    font-family: 'Montserrat', sans-serif !important;
    display: inline-block;
    padding: 0.5rem 1rem;
    text-transform: uppercase;
    color: #edaf7e !important;
    background-color: #fff !important;
    font-size: 1.6rem;
    word-spacing: 10px;
    font-weight: 500;
    transition: all 0.3 ease;
}

.section_banner .banner_text .btn-primary:hover {
    border-color: #edaf7e !important;
    color: #fff !important;
    background-color: #edaf7e !important;
}

.section_banner .banner-grid {
    margin: 1rem 0;
    justify-content: space-between;
}

.section_banner .banner-grid .col {
    padding: 0;
    flex: 0 0 49.5%;
    max-width: 49.5%;
}

.section_banner .banner1,
.section_banner .banner2 {
    overflow: hidden;
}

.section_banner .banner1 img,
.section_banner .banner2 img {
    transition: all 1s ease;
    filter: brightness(0.9);
}


.section_banner .banner1:hover img,
.section_banner .banner2:hover img {
    transform: scale(1.05);

}

/*****----- TRUSTEDSHOP - STARTSEITE -----*****/
.section-trusted {
    max-width: 1400px;
    text-align: center;
    margin: 3rem auto;
}

.section-trusted .trusted-grid {
    margin: 2rem 0;
}

.trusted-bild {
    max-width: 100px !important;
    margin-bottom: 1rem;
}

.section-trusted .title,
.section-trusted .subtitle {
    text-transform: uppercase;
    text-align: center;

    line-height: 1.25;
}

.section-trusted .title {
    font-size: 2.25rem;
    font-weight: 600;
    letter-spacing: 3px;
}

.section-trusted .subtitle {
    font-size: 1.15rem;
    margin-bottom: 2rem;
}

.section-trusted .trusted-grid .subtitle {
    margin-bottom: 0.5rem;
}

.section-trusted .trusted-grid .text {
    font-size: 1rem;
    line-height: 1.25;
}

/*****----- TRUSTEDSHOP - KUNDENBEWERUNGEN SEITE -----*****/

.kundenbewertungen {
    text-align: center;
    margin-bottom: 5rem;
}

.kundenbewertungen .title {
    font-size: 2.5rem;
    font-weight: 600;
    margin: 2rem 0;
    line-height: 1;
}

.kundenbewertungen .subtitle {
    font-size: 1.25rem;
    margin: 2rem 0;
    line-height: 1.25;
}

.kundenbewertungen .text {
    font-size: 1rem;
    line-height: 1.25;
}

/*****----- TRUSTEDSHOP - PRODUCT-DESCRIPTION SEITE -----*****/

.st-trustedshop .trusted-stars-service-widget .wrapper {
    margin: 0.5rem 1rem !important;
    justify-content: flex-start !important;
}


/*****----- SECTION KATEGORIE, SUBKATEGORIE -----*****/
#result-wrapper .content-cats-small {
    display: none;
}

#result-wrapper .desc {
    /*order: 1;*/
}

#result-wrapper #tab-description .desc p {
    text-align: left;
    overflow-wrap: break-word;
}

#result-wrapper .title h1,
#result-wrapper .title .h2 {
    font-weight: 700;
}

#result-wrapper .sub-categories a {
    text-decoration: none;
    color: var(--text-color);
    font-weight: 500;
    font-size: 0.85rem;
}

#result-wrapper .caption a {
    text-decoration: none;
    color: var(--text-color);
    font-weight: 600;
    font-size: 1rem;
}

/* STANDARD SCHADOW ÄNDERN START */
.productbox.productbox-hover {
    /*transition: all 1s ease;*/
}

#product-list.layout-gallery .productbox-hover.productbox-show-variations.show-variation-collapse:hover {
    box-shadow: none;
}

#product-list.layout-gallery .productbox.productbox-hover.productbox-column {
    /*height: 100%;*/
    height: unset;
}

#product-list.layout-gallery .productbox-hover.productbox-show-variations:hover {
    /*position: absolute;*/
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

#product-list.layout-gallery .productbox.productbox-hover.productbox-column:hover .productbox-inner.pos-abs {
    box-shadow: none;
    position: static;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#product-list.layout-gallery .productbox.productbox-hover:hover .productbox-inner::before {
    box-shadow: none;
    height: 100%;
    position: static;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
}

#product-list.layout-gallery .productbox.productbox-hover .productbox-inner::before,
#product-list.layout-gallery .productbox.productbox-hover:hover .productbox-inner::before {
    /*content: unset;*/
    /*transition: unset;*/
}

#product-list.layout-gallery .productbox-inner .row {
    background-color: #fff;
}

#product-list.layout-gallery .row.variations.switch-variations {
    /*border: 1px solid var(--primary-opacity);*/
    /*margin-left: 0;*/
    /*margin-right: 0;*/
}

#product-list.layout-gallery .row.variations.switch-variations .col {
    /*padding-left: 0;*/
    /*padding-right: 0;*/
}

#product-list.layout-gallery .productbox.productbox-hover:hover .productbox-ribbon.ribbon {
    left: -0.5rem;
}

/*** FILTER ***/

.btn-outline-secondary,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active {
    border-color: var(--text-color);
    color: var(--text-color);
}

#improve_search {
    display: block !important;
}

.productlist-page-nav.productlist-page-nav-header-m > .col {
    display: flex;
    justify-content: center;
}

/***--- ITEM-BOX und ITEM-LIST ---***/
.row.justify-content-lg-end .col-lg-8.col-xl-9.ml-auto-util {
    /*padding-left: 0.5rem;*/
    /*padding-right: 0.5rem;*/
}

#product-list {
    margin-left: 0;
    margin-right: 0;
}

.product-wrapper-product a {
    text-decoration: none;
}

.text-clamp-2,
.product-list.layout-gallery .productbox-inner .productbox-title a,
.product-list.layout-list .productbox-inner .productbox-title a {
    font-family: 'Quicksand', sans-serif;
    font-size: 1rem;
    line-height: 1;
    font-weight: 500;
    color: var(--text-color);
    text-transform: uppercase;
    text-align: left;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: calc(1rem * 2 + 5px);
    word-wrap: break-word;
    margin: 0.5rem 0;
    text-decoration: none;
}

.product-list.layout-list .productbox-inner .productbox-title a {
    -webkit-line-clamp: 1;
    height: auto;
}

#product-list .form-row.productlist-item-detail.text-nowrap-util {
    font-size: 0.75rem;
}

.text-clamp-2::before {
    display: block;
    content: "";
    height: 1px;
    background-color: var(--primary);
    margin-bottom: 5px;
}

.price_wrapper {
    text-align: left;
    /*line-height: 2;*/
    margin-bottom: 0.5rem;
}

.price_label.pricestarting {
    margin-right: 5px;
    line-height: 1.75;
}

.price.productbox-price {
    font-weight: 700;
    font-size: 1.15rem;
    line-height: 1.25;
    /*height: 40px;*/
}

.first-range-price,
.second-range-price {
    font-size: 1.15rem;
    line-height: 1;
}

.ab {
    font-size: 1rem;
    font-weight: 500;
}

.vat_info {
    font-weight: 400;
    font-size: 0.75rem;
}

/*.product-list.layout-gallery .square-image .inner picture {*/
/*.product-list.layout-gallery .square-image .inner {*/
.product-list.layout-gallery .productbox-image .inner {
    border: 1px solid var(--primary-opacity);
}

#product-list .square-image .inner img {
    height: 100%;
    width: auto;
    object-fit: contain;
}

#product-list .square-image .inner img {
    /*height: auto%;*/
    /*width: 100%;*/
    /*object-fit: cover;*/
}

.st-count_box {
    padding-top: 0.25rem;
    justify-content: space-between;
    display: flex;
    line-height: 1;
    min-height: 1.5rem;
}

.st-count_box div {
    padding-right: 1px;
}

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

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

/*** Variationen ***/

#product-list .productbox-image.square.square-image.first-wrapper,
#product-list .productbox-image.square.square-image.second-wrapper {
    min-height: 350px;
    transition: all 0.3s ease;
}

.productbox-show-variations .productbox-variations .productbox-onhover {
    padding-bottom: 0;
}

/* Collapse */
.productbox-variations [id^="variations-collapse-"] {
    display: none;
}

.productbox-variations [id^="variations-collapse-"] .js-btn-slider-wrapper {
    /*font-size: 0.75rem;*/
    /*font-weight: 600;*/
    /*background-color: #fff;*/
}

/* Swatches */

.swatches-text.active {
    background-color: var(--primary-opacity);
}

.swatches-sold-out {
    background-color: transparent !important;
}

.js-slider-items .js-slider-item {
    padding: 4px;
}

.js-slider-items .js-slider-item label {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    padding: 2px;
    word-wrap: anywhere;
    overflow: hidden;
}

.js-slider-items .js-slider-item .swatches-image {
    display: inline-block !important;
    height: auto;
    border: none;
    border-radius: 0;
}

.js-slider-items .js-slider-item .inner {
    height: 95%;
    border: 1px solid #525252;
}


/* layout-gallery */

#product-list .product-wrapper:not(:last-child) {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    height: 100% !important;
    background-color: #fff;
    transition: all 0.5s ease;
}

#product-list .product-wrapper:last-child {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    height: 100% !important;
    background-color: #fff;
    transition: all 0.5s ease;
}

/*.productbox.productbox-hover .productbox-inner::before {*/
#product-list .productbox.productbox-hover .productbox-inner::before {
    position: relative;
}

.product-list.layout-gallery .st-swatches_box {
    display: none;
    /*opacity: 0;*/
}

.product-list.layout-gallery .product-wrapper:hover .st-swatches_box {
    display: block;
    /*opacity: 1;*/
    margin-top: -1.5rem;
}

.product-list.layout-gallery .product-wrapper:hover .st-count_box {
    /*opacity: 0;*/
}

.product-list.layout-gallery .product-wrapper:hover .st-swatches_box:empty + .st-count_box {
    opacity: 1;
}

.product-list.layout-gallery .product-wrapper:hover .st-swatches_box:not(:empty) + .st-count_box {
    opacity: 0;
}

.product-list.layout-gallery .product-wrapper .js-slider-wrapper .js-btn-slider-wrapper,
.product-list.layout-list .product-wrapper .js-slider-wrapper .js-btn-slider-wrapper {
    margin-bottom: 2px;
    font-size: 0.75rem;
    font-weight: 600;
    background-color: #fff;
}

.product-list.layout-gallery .product-wrapper .js-btn-slider-btns button {
    padding: 2px 5px;
}

.product-list.layout-gallery .js-slider-wrapper .js-slider-items .js-slider-item {
    width: calc(100% / 4);
    min-width: calc(100% / 4);
}

.product-list.layout-gallery .product-wrapper .swatches .variation,
.product-list.layout-list .product-wrapper .swatches .variation,
.product-list.layout-gallery .product-wrapper .swatches .variation.not-available,
.product-list.layout-list .product-wrapper .swatches .variation.not-available {
    font-size: 0.6rem;
}

.product-list.layout-gallery .product-wrapper .swatches-text {
    font-weight: 500;
}

.product-list.layout-gallery .product-wrapper .swatches .variation.not-available,
.product-list.layout-list .product-wrapper .swatches .variation.not-available {
    border: dashed 1px #b90000;
    cursor: not-allowed;
    pointer-events: none;
}

.product-list.layout-gallery .product-wrapper dl,
.productbox.productbox-hover.productbox-column .variations .form-group {
    margin-bottom: 0;
}

/* layout-list */
.product-list.layout-list .productbox.productbox-hover:not(:hover) .productbox-onhover {
    opacity: 1;
    /*display: block !important;*/
}

.product-list.layout-list .st-swatches_box {
    display: block !important;
}

.product-list.layout-list .js-slider-wrapper .js-slider-items .js-slider-item {
    width: calc(100% / 3);
    min-width: calc(100% / 3);
    margin-bottom: 5px;
}

.product-list.layout-list .product-wrapper .js-slider-wrapper .js-slider-items {
    flex-wrap: wrap;
}

.product-list.layout-list .product-wrapper .js-btn-slider-btns {
    display: none;
}

.product-list.layout-list .product-wrapper .swatches {
    margin-bottom: 5px;
    margin-right: 5px;
}

.product-list.layout-list .product-wrapper .form-group {
    margin-bottom: 0;
}

.variations .swatches .variation-badge {
    margin-left: unset;
    margin: 0 auto;
}

/* product-description */

#product-offer .js-slider-items .js-slider-item label {
    height: 65px;
    width: 70px;
}

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


/*****----- SECTION: PRODUCTCARD DESCRIPTION-SEITE -----*****/

[data-page="1"] .container {
    /*max-width: 90%;*/
    max-width: calc(100% - 2rem);
}

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

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

/* Sliders Arrow */
#image_wrapper #gallery .slick-arrow {
    display: block !important;
}

.carousel .slick-arrow {
    opacity: 1 !important;
}

.slick-arrow {
    background-color: var(--primary) !important;
    color: var(--text-color);
}

.slick-arrow:hover {
    color: #fff;
}

/* Product Bilder */
#image_wrapper .product-detail-image-preview-bar {
    flex: 0 0 20%;
    max-width: 20%;
}

#image_wrapper .gallery-with-action-main .col-9 {
    flex: 0 0 80%;
    max-width: 80%;
}

#image_wrapper .gallery-with-action-main {
    flex-direction: row-reverse;
}

#gallery_preview .slick-track {
    flex-wrap: wrap;
    width: 100% !important;
}

#gallery_preview .slick-slide,
#gallery_preview .slick-list.draggable {
    width: 100%;
}

#gallery_preview {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.gallery-with-action-main .align-self-end {
    align-self: unset !important;
}

#gallery_preview .slick-slide {
    /*min-width: 175px !important;*/
    /*height: 175px;*/
    min-width: calc(100% - 8px);
    height: auto;
    margin-bottom: 0.5rem;
    /*border: 1px solid var(--primary-opacity);*/
    border: 1px solid var(--primary);
}

#gallery_preview img {
    width: 100%;
    /*height: 100%;*/
    height: auto;
    object-fit: cover;
    /*object-fit: contain;*/
}

#gallery_preview .slick-slide.slick-current.slick-active img {
    /*border: 4px solid var(--primary) !important;*/
}

#gallery_preview .slick-slide.slick-current.slick-active picture {
    border: 4px solid var(--primary) !important;
}

#gallery_wrapper {
    height: 100%;
}

#gallery_wrapper .square-image img {
    width: 100%;
    height: auto;
    /*height: 100%;*/
    object-fit: cover;
    /*object-fit: contain;*/
}

#result-wrapper #image_wrapper #gallery .slick-slide .square {
    align-items: flex-start;
    max-height: 50%;
}

#gallery_wrapper .slick-dots {
    margin-top: -2rem;
}

/* Thumb Bilder > 5 */
#gallery_preview .slick-track {
    flex-direction: column;
    /*transform: translate3d(-75px, -590px, 0px) !important;*/
    transform: translate3d(-75px, 0px, 0px) !important;
}

#gallery_preview .slick-slide {
    margin-left: 5rem;
}

#gallery_preview .carousel-thumbnails .slick-list {
    margin: 0;
}

#gallery_preview .slick-slide.slick-cloned {
    display: none;
}

#gallery_preview .slick-arrow {
    /*display: none !important;*/
}

#gallery_preview .slick-arrow {
    padding: 0 1rem;
}

#gallery_preview .slick-arrow.slick-prev {
    margin-bottom: 0.5rem;
}

#gallery_preview .slick-arrow.slick-prev::after {
    transform: rotate(90deg) !important;
    display: block;
}

#gallery_preview .slick-arrow.slick-next::after {
    transform: rotate(90deg) !important;
    display: block;
}

#gallery_preview .slick-arrow:hover {
    color: #fff;
}

#gallery_wrapper {
    /*position: relative;*/
}

#image_wrapper #gallery {
    /*position: sticky;*/
    /*top: 150px;*/
}

/* popup fullscreen */

#image_wrapper.fullscreen .gallery-with-action-main {
    height: 95vh !important;
}

#image_wrapper.fullscreen #gallery {
    max-height: 100% !important;
}

#image_wrapper.fullscreen #gallery .square-image .inner img {
    max-height: 50% !important;
    object-fit: contain;
}

#image_wrapper.fullscreen #gallery_preview_wrapper {
    padding: 0;
}

#image_wrapper.fullscreen #gallery_preview .slick-slide {
    min-width: 120px !important;
    height: 120px;
    width: 120px;
}

#image_wrapper.fullscreen #gallery_preview img {
    height: 100%;
    width: 100%;
}

#image_wrapper.fullscreen .gallery-with-action-main .align-self-end {
    height: 90%;
}

#image_wrapper.fullscreen #gallery_preview,
#image_wrapper.fullscreen .product-detail-image-topbar .col-9 {
    height: 100%;
}

#image_wrapper.fullscreen .slick-prev {
    left: 10%;
    top: 30%;
}

#image_wrapper.fullscreen .slick-next {
    right: 10%;
    top: 30%;
}


/* 03.05.24 */
/*
#image_wrapper.fullscreen #gallery_preview {
    display: flex;
    flex-direction: row;
    width: 100%;
}

#image_wrapper.fullscreen #gallery {
    overflow: hidden;
    margin-top: 70px;
}

#image_wrapper.fullscreen #gallery .square-image .inner img {
    max-height: 38% !important;
    height: 100%;
}

#image_wrapper.fullscreen #gallery_preview_wrapper {
    max-width: 100%;
}

#image_wrapper.fullscreen .product-detail-image-preview-bar {
    flex: 0 0 100%;
    max-width: 100%;
    position: absolute;

}

#image_wrapper.fullscreen .gallery-with-action-main .col-9 {
    flex: 0 0 100%;
    max-width: 100%;
}

#image_wrapper.fullscreen #gallery_preview .slick-track {
    justify-content: center;
}

#image_wrapper.fullscreen .gallery-with-action-main .align-self-end {
    height: 70px;
}

#image_wrapper.fullscreen .product-detail-image-preview-bar .js-gallery-images,
#image_wrapper.fullscreen .product-detail-image-preview-bar .square-image .inner,
#image_wrapper.fullscreen #gallery_preview .slick-slide {
    min-width: unset !important;
    width: 50px !important;
    height: 50px;
}
*/
/* 03.05.24 */


/* Product Beschreibung */

#result-wrapper .product-detail {
    position: relative;
    overflow: visible;
}

#result-wrapper .product-info-inner {
    /*position: sticky;*/
    /*top: 0;*/
    /*top: 160px;*/
    background-color: #ffffff;
    padding: 10px;
}

#result-wrapper .product-title.h2 {
    font-size: 1.6rem;
    line-height: 1.1;
    font-weight: 800;
    margin-bottom: 1rem;
}

#result-wrapper #product-offer .price_wrapper {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}

#result-wrapper .ws5_preiswahl {
    width: 100%;
}

#result-wrapper .ws5_preiswahl .btn-outline-primary {
    padding: 1rem;
}

#result-wrapper .ws5_preiswahl .btn-outline-primary:hover {
    background-color: var(--primary-opacity);
}

#result-wrapper #product-offer .price_wrapper .price.h1 {
    font-family: 'Montserrat', sans-serif !important;
    line-height: 1;
    margin-bottom: 0;
    margin-right: 1rem;
    font-size: 1.4rem;
}


#result-wrapper #product-offer .product-category.word-break a,
#result-wrapper #product-offer .product-manufacturer a {
    text-decoration: none;
    display: inline-block;
    padding: 1px 3px;
    border: 1px solid var(--primary);
    /*background-color: var(--primary-opacity) !important;*/
    line-height: 1.1;
    font-weight: 500;
    transition: all 0.3s ease;
}

#result-wrapper #product-offer .product-category.word-break a:hover,
#result-wrapper #product-offer .product-manufacturer a:hover {
    background-color: var(--primary-opacity);
}

#result-wrapper #product-offer .js-btn-slider-wrapper {
    font-weight: 600;
}

#product-offer .product-info .stock-information {
    align-items: baseline;
}

#result-wrapper #product-offer .delivery-status {
    text-align: left;
    font-size: 0.85rem;
}

#product-offer .product-info .question-on-item button {
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

#product-offer .product-info .question-on-item button:hover {
    background-color: var(--primary-opacity);
}

#result-wrapper #product-offer .estimated-delivery:hover .estimated-delivery-info {
    background-color: var(--primary);
    color: var(--text-color);
}

#result-wrapper .tab-navigation p {
    background-color: transparent !important;
}

/*#result-wrapper .alert-info {*/
.alert-info {
    padding: 5px;
    background-color: var(--primary-opacity);
    border-color: var(--primary);
    line-height: 1.25;
    font-size: 0.9rem;
}

.item-list-basket-details .alert-info {
    font-size: 0.75rem;
}

.basket-form-inline .btn-primary {
    padding-top: 6px;
    padding-bottom: 6px;
}

#result-wrapper .product-attributes .weight-unit {
    font-size: 0.85rem;
    font-weight: 600;
}


/* Variationen */
#product-offer .js-slider-wrapper .js-slider-items {
    flex-wrap: wrap;
}

#product-offer .js-btn-slider-btns {
    display: none;
}

#product-offer .js-slider-wrapper .js-slider-items .js-slider-item {
    width: calc(100% / 5);
    min-width: calc(100% / 5);
}

#product-offer .swatches-text {
    font-weight: 500;
}

#product-offer .swatches .variation,
#product-offer .swatches .variation.not-available {
    font-size: 0.75rem;
}

#product-offer .swatches .variation.not-available {
    border: dashed 1px #b90000;
    cursor: not-allowed;
    pointer-events: none;
}

/* Beschreibung Merkmale */
#product-tabs #tab-link-description {
    font-size: 1.25rem;
    font-weight: 700;
}

/*****----- SECTION: ANDERE SLIDERS -----*****/

#slider-top-products .hr-sect.h2 span,
#slider-bestseller-products .hr-sect.h2 span,
[id^="slider-xsell"] .hr-sect.h2 span,
#slider-related .hr-sect.h2 span {
    display: inline-block;
    font-size: 1.75rem;
    line-height: 1.1;
    background-color: var(--primary);
    padding: 2px 1rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

#slider-top-products .hr-sect,
#slider-bestseller-products .hr-sect,
[id^="slider-xsell"] .hr-sect,
#slider-related .hr-sect {
    border: none;
}

#slider-top-products .hr-sect::before,
#slider-top-products .hr-sect::after,
#slider-bestseller-products .hr-sect::before,
#slider-bestseller-products .hr-sect::after,
[id^="slider-xsell"] .hr-sect::before,
[id^="slider-xsell"] .hr-sect::after,
#slider-related .hr-sect::before,
#slider-related .hr-sect::after {
    background-color: var(--primary-opacity) !important;
    flex-grow: 1 !important;
}

#slider-top-products .product-wrapper a,
#slider-bestseller-products .product-wrapper a,
[id^="slider-xsell"] .product-wrapper a,
#slider-related .product-wrapper a {
    text-decoration: none;
}

#slider-top-products .product-wrapper .text-clamp-2,
#slider-bestseller-products .product-wrapper .text-clamp-2,
[id^="slider-xsell"] .product-wrapper .text-clamp-2,
#slider-related .product-wrapper .text-clamp-2 {
    /*font-size: 0.9rem;*/
}

#slider-top-products .slick-list,
#slider-bestseller-products.slick-list,
[id^="slider-xsell"] .slick-list,
#slider-related .slick-list {
    padding-right: 0 !important;
}

.slick-slider-other .carousel-arrows-inside .slick-prev,
#slider-top-products .carousel-arrows-inside .slick-prev,
#slider-bestseller-products .carousel-arrows-inside .slick-prev,
[id^="slider-xsell"] .carousel-arrows-inside .slick-prev,
#slider-related .carousel-arrows-inside .slick-prev {
    transform: translate(-50%, -100%);
}

.slick-slider-other .carousel-arrows-inside .slick-next,
#slider-top-products .carousel-arrows-inside .slick-next,
#slider-bestseller-products .carousel-arrows-inside .slick-next,
[id^="slider-xsell"] .carousel-arrows-inside .slick-next,
#slider-related .carousel-arrows-inside .slick-next {
    transform: translate(50%, -100%);
}

#slider-top-products .product-wrapper.product-wrapper-product,
#slider-bestseller-products .product-wrapper.product-wrapper-product,
[id^="slider-xsell"] .product-wrapper.product-wrapper-product,
#slider-related .product-wrapper.product-wrapper-product {
    /*min-height: 440px;*/
    height: 100% !important;
}

#slider-top-products .square-image .inner picture,
#slider-bestseller-products .square-image .inner picture,
[id^="slider-xsell"] .square-image .inner picture,
#slider-related .square-image .inner picture {
    /*border: 1px solid var(--primary-opacity);*/
}

#slider-top-products .st-count_box,
#slider-bestseller-products .st-count_box,
[id^="slider-xsell"] .st-count_box,
#slider-related .st-count_box {
    display: none;
}

#slider-top-products .text-clamp-2,
#slider-bestseller-products .text-clamp-2,
[id^="slider-xsell"] .text-clamp-2,
#slider-related .text-clamp-2 {
    margin-bottom: 0.5rem;
}

#slider-xsell-group-1 {
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    /*max-width: 1250px;*/
    margin: 0 auto;
    margin-bottom: 3rem;
}

.slick-slider-other {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.slick-slider-other .product-wrapper a {
    text-decoration: none;
}

.slick-slider-other .carousel-arrows-inside .slick-prev {
    transform: translate(0%, -100%);
}

.slick-slider-other .carousel-arrows-inside .slick-next {
    transform: translate(0%, -100%);
}


/*****----- SECTION: PUSHED SUCCESS -----*****/

#pushed-success {
    border: 2px solid var(--primary);
}

#pushed-success .pushed-success-image-wrapper img {
    max-width: 100px;
}

#pushed-success .form-row {
    font-size: 0.85rem;
}

.pushed-success-buttons .fa-arrow-circle-left {
    font-size: 1.25rem;
}

.pushed-success-buttons .btn-primary {
    padding-top: 6px;
    padding-bottom: 6px;
}


/*****----- SECTION: WARENCORB DROPDOWN, WARENCORB/BASKET SEITE -----*****/

.cart-dropdown {
    font-family: 'Montserrat', sans-serif !important;
    min-width: 23rem;
}

.cart-dropdown .dropdown-cart-items img {
    max-width: 50px;
}

.cart-dropdown-total-item {
    margin-top: 0.5rem;
}

.cart-dropdown .table.dropdown-cart-items .form-row {
    /*line-height: 1.25;*/
    font-size: 0.75rem;
}

.cart-dropdown .text-right-util.text-nowrap-util {
    font-weight: 500;
}

.basket_wrapper {
    font-family: 'Montserrat', sans-serif !important;
}

.basket .basket-heading:not(.sticky-top.cart-summary .basket-heading) {
    font-weight: 600;
    font-size: 1.5rem;
    background-color: var(--primary);
    color: var(--text-color);
    padding: 4px 1rem;
    margin-bottom: 2rem;
    text-align: center;
}

.basket_wrapper .cart-items-body .cart-items-name {
    color: var(--text-color);
    font-weight: 600;
    font-size: 0.85rem;
    line-height: 1.2;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: calc(0.85rem * 1.2 * 3);
    overflow: hidden;
    word-wrap: break-word;
    margin-bottom: 0.5rem;
}

.basket_wrapper .cart-items-body .list-unstyled {
    font-size: 0.75rem;
}

.basket_wrapper .shipping-calculator-form .btn.btn-outline-primary.btn-block {
    border: 2px solid var(--primary);
}

.container.basket .sticky-top.cart-summary {
    font-size: 0.85rem;
    border: 3px solid var(--primary);
    padding: 1rem;
}

.container.basket .sticky-top.cart-summary .basket-heading {
    font-weight: 700;
    text-align: center;
}

.container.basket .sticky-top.cart-summary .shipping-costs {
    margin-top: 0.5rem;
}

.container.basket .card-gray .card-body {
    padding: 1rem;
    border: none;
    background-color: #fff;
}

.container.basket .card-gray {
    background: transparent;
}

.container.basket .card-header {
    padding: 0.75rem 1rem;
    background-color: var(--primary-opacity);
    margin-left: 1rem;
    margin-right: 1rem;
}

.container.basket .basket-summary .basket-summary-total {
    border: none;
}

/*****----- SECTION: MEIN-KONTO (NEW, KUNDE, CHECKOUT usw) -----*****/

/* MEIN KONTO */

.account-icon-dropdown .dropdown-menu {
    min-width: 15rem;
}

.account-icon-dropdown .dropdown-item {
    font-weight: 500;
}

.account-icon-dropdown .dropdown-item.account-icon-dropdown-logout {
    font-weight: 700;
}

.account-icon-dropdown .dropdown-footer {
    text-align: center;
    font-weight: 900;
    background-color: var(--primary-opacity);
}

#account {
    font-family: 'Montserrat', sans-serif !important;
}

#account .h1,
#account .h2 {
    color: var(--text-color);
    font-weight: 600;
    background-color: var(--primary);
    padding: 0.5rem;
    text-align: center;
    margin-bottom: 2rem;
    font-size: 1.75rem;
    display: inline-block;
}

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

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

#account .card-header a,
#account .card-header .h3 {
    font-weight: 700;
}

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

#account .card.account-orders-item .card-header a {
    color: var(--text-color);
}

#account #lieferadressen-liste .dataTables_empty {
    border: 2px solid var(--primary);
    background-color: #fff;
    box-shadow: none;
}

#account .table-hover tbody tr:hover {
    /*background-color: var(--primary-opacity);*/
}

#account .btn-outline-secondary {
    border-color: var(--primary);
}

#my-wishlists .table-vertical-middle a {
    display: inline-block;
    text-decoration: none;
    padding: 0.375rem 0.5rem;
    font-size: 0.85rem;
    font-weight: 600;
    /*border: 1px solid var(--text-color);*/
    border: 1px solid var(--primary);
    border-radius: 0.125rem;
    margin-bottom: 0.5rem;
}

/*** NEW USER  und REGISTRED USER ***/
#new_customer .h2 {
    font-weight: 600;
    font-size: 1.5rem;
    display: inline-block;
    background-color: var(--primary);
    color: var(--text-color);
    padding: 4px 1rem;
}

#new_customer .checkout-button-row .popup {
    font-size: 0.85rem;
    font-weight: 500;
}

#register-customer .card-gray {
    border: 3px solid var(--primary);
    background-color: #fff;
}

#register-customer .card-gray .card-title.h3 {
    font-weight: 500;
}

#register-customer .register-form-account .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 1rem;
}

#register-customer .register-form-account .col-md-8 {
    flex: 0 0 100%;
    max-width: 100%;
    /*margin-bottom: 1rem;*/
}

#register-customer .register-form-account {
    padding: 1rem 0.5rem 0.5rem 0.5rem;
    border: 2px solid var(--primary);
}

#register-customer .register-form-account hr {
    display: none;
}

#register-customer .register-form-account .register-form-account-unreg .custom-control-label::after {
    position: absolute;
    left: 100%;
    margin-left: 1rem;
    bottom: 50%;
    content: "\f245";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 1.25rem;
    color: var(--primary);
}

/*** CHECKOUT ***/

#checkout {
    max-width: 1250px;
}

#checkout .h2 {
    display: inline-block;
    color: var(--text-color);
    background-color: var(--primary);
    font-weight: 600;
    padding: 4px 1rem;
    text-align: center;
}

#checkout .col.col-lg-9.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

#checkout,
#order-confirm {
    font-family: 'Montserrat', sans-serif !important;
}

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

#order-confirm .card-header a,
#order-confirm .card-header .h3 {
    color: var(--text-color);
    font-weight: 700;
}

#order-confirm .card-body,
#order-confirm .table-responsive {
    border: 1px solid var(--primary);
}

#order-confirm .card-body {
    background-color: #fff;
    margin-top: 0;
}

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

#order-confirm .checkout-confirmation-legal-notice + hr,
#order-confirm .snippets-checkbox-wrapper + hr {
    display: none;
}

#order-confirm .checkout-confirmation-legal-notice {
    position: relative;
    text-align: left;
    padding: 2rem 0 0 1rem;
    margin: 2rem 0;
    color: var(--text-color);
    border-top: 3px solid var(--primary);
}

#order-confirm .checkout-confirmation-legal-notice p {
    margin-bottom: 0;
}

#order-confirm .checkout-confirmation-legal-notice a {
    color: var(--text-color);
    font-weight: 500;
    text-align: center;
}

#order-confirm .form-group.snippets-checkbox-wrapper.exclude-from-label-slide {
    margin-bottom: 0;
}

#order-confirm .custom-control.custom-checkbox.custom-control-inline {
    justify-content: flex-start;
    margin: 0 0 3rem 0;
    padding: 0 0 1rem 2.5rem;
    border-bottom: 3px solid var(--primary);
}

#order-confirm .custom-control.custom-checkbox.custom-control-inline::after {
    position: absolute;
    left: 25px;
    top: 35%;
    content: "\f245";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 1.25rem;
    color: var(--primary);
}

#order-confirm .card-products .card-header .btn {
    background-color: var(--primary);
}

#order-confirm .checkout-items-item a {
    color: var(--text-color);
    font-weight: 500;
    text-align: center;
    text-decoration: none;
}

#order-confirm .price_overall {
    font-weight: 700;
}

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

#order_register_or_login .customer-login-buttons-forgot {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    color: var(--text-color);
    font-weight: 500;
}

#checkout .checkout-button-row .checkout-register-form-buttons-privacy a {
    color: var(--text-color);
    font-size: 0.7rem;
    font-weight: 500;
}

/*****----- SECTION: WUNSHLIST / WISHLIST -----*****/

#wl-items-form .wishlist-item {
    /*height: 100% !important;*/
}

.snippets-wishlist {
    font-family: 'Montserrat', sans-serif !important;
}

.snippets-wishlist .text-clamp-2,
.snippets-wishlist .product-characteristics {
    font-size: 0.85rem;
}

.snippets-wishlist .wishlist-item .productbox-inner .text-clamp-2 {
    height: calc(0.85rem * 2);
    margin-top: 1rem;
}

.snippets-wishlist .square-image .inner {
    border: 1px solid var(--primary-opacity);
}

.snippets-wishlist .text-clamp-2::before {
    display: none;
}

.snippets-wishlist .h2 {
    font-weight: 600;
    font-size: 1.5rem;
    display: inline-block;
    background-color: var(--primary);
    color: var(--text-color);
    padding: 4px 1rem;
    margin-bottom: 2rem;
}

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

.snippets-wishlist .wishlist-item .price.productbox-price {
    /*height: 40px;*/
}

.snippets-wishlist .wishlist-item .vat_info {
    font-size: 0.65rem;
}

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

#sidepanel_left #sidebox107 a {
    font-size: 0.85rem;
    text-decoration: none;
}

.snippets-wishlist .pagination-wrapper {
    border-color: var(--primary-opacity);
}

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

.snippets-wishlist .productbox.productbox-hover .productbox-inner .col-12 {
    background-color: #fff;
    padding-bottom: 1rem;
}


/*****----- SECTION COMPIRELIST / VERGLEICHLIST -----*****/

.comparelist {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.85rem;
}

.comparelist .table,
.comparelist .table thead th,
.comparelist .table-bordered,
.comparelist .table-bordered th,
.comparelist .table-bordered td {
    border-color: var(--primary);
}

[data-page="17"] .h2:not(.newsletter-footer-heading) {
    font-weight: 600;
    font-size: 1.5rem;
    display: inline-block;
    background-color: var(--primary);
    color: var(--text-color);
    padding: 4px 1rem;
    margin-bottom: 2rem;
}

.comparelist-delete-all {
    float: left;
}

.comparelist-item {
    text-align: left;
    /*border-left: 1px solid var(--primary) !important;*/
    /*border-right: none !important;*/
    /*border-top: none !important;*/
}

.comparelist-item .stretched .d-block {
    text-align: center;
}

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

.comparelist-item .stretched a {
    text-decoration: none;
}

.comparelist-item .stretched p {
    font-weight: 400;
}

.comparelist-item .stretched p,
.comparelist .stretched .price_wrapper .productbox-price {
    /*height: 40px;*/
    color: var(--text-color);
}

.comparelist .comparelist-item .vat_info {
    font-size: 0.65rem;
}

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

#sidepanel_left #sidebox108 a {
    font-size: 0.85rem;
    text-decoration: none;
}


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

[data-page="8"] .container .col-lg-8 {
    flex: 0 0 100%;
    max-width: 100%;
}

[data-page="8"] .container h1 {
    display: inline-block;
    color: var(--text-color);
    font-weight: 600;
    background-color: var(--primary);
    padding: 0.5rem;
    text-align: center;
    margin: 2rem 0 2rem 0;
}

#newsletter-subscribe .h3 {
    font-weight: 500;
}

#newsletter-subscribe form {
    margin-top: 1rem;
}

#newsletter-subscribe form .btn {
    text-transform: uppercase;
    font-weight: 500;
}

#newsletter-subscribe .custom-control.custom-checkbox.custom-control-inline {
    position: relative;
    margin: 1rem 0 0 0;
}

#newsletter-subscribe .custom-control.custom-checkbox.custom-control-inline::after {
    position: absolute;
    left: 5px;
    top: 50%;
    content: "\f245";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 1.25rem;
    color: var(--primary);
}

#newsletter-subscribe form .col-md-6 {
    /*flex: 0 0 100%;*/
    /*max-width: 100%;*/
}

#newsletter-subscribe .newsletter-subscribe-consent {
    font-size: 0.75rem;
}

/***--- CONSENT und SCROOL-TOP  ---***/

#consent-settings-btn {
    background-color: #fff;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
    bottom: 5px;
    left: 20px;
}

.consent-btn-outline-primary {
    border-color: var(--text-color);
    color: var(--text-color);
}

.smoothscroll-top {
    background-color: #fff;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
    border: 2px solid var(--text-color);
    color: var(--text-color);
    border-radius: 50%;
    bottom: 5px;
    width: 2.5rem;
    height: 2.5rem;
}

.smoothscroll-top.show {
    bottom: 5px;
}

.smoothscroll-top .fa-2x {
    font-size: 2em;
    line-height: 0.5;
}

.smoothscroll-top:hover .fa-2x {
    animation: iconTop 1s forwards;
}

@keyframes iconTop {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0px);
    }
}

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

#footer {
    padding-top: 0;
    background-color: #fff;
}

#footer .container {
    /*max-width: 1560px;*/
    /*padding: 1rem;*/
    margin: 0 auto;
}

#footer.newsletter-active #footer-boxes {
    margin-top: unset;
}

#footer #footer-boxes {
    margin-top: 0;
    padding: 3rem 3rem 1rem 3rem;
    background-color: var(--second-color);
}

#footer a:not(.btn),
#footer .btn-outline-primary {
    color: #fff;
    text-decoration: none;
}

.maintenance-main #footer a:not(.btn),
.maintenance-main #footer .btn-outline-primary {
    color: inherit;
    text-decoration: underline;
}


/*** FOOTER NEWSLETTER ***/

#footer .newsletter-footer {
    flex-wrap: nowrap;
    flex-direction: column;
    /*background-color: var(--primary);*/
    background-color: transparent;
    padding: 1.5rem 3rem;
}

#footer .newsletter-footer #shop-logo_footer {
    max-height: 80px;
    margin-right: 4rem;
}

#footer .newsletter-footer .row1 {
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
}

#footer .newsletter-footer .row2 {
    text-align: center;
}

#footer .newsletter-footer .row1 .col:first-child {
    flex: 0 0 65%;
    max-width: 65%;
    display: flex;
}

#footer .newsletter-footer .row1 .col:last-child {
    flex: 0 0 35%;
    max-width: 35%;
    display: flex;
    align-items: center;
}

#footer .newsletter-footer .row1 .col:last-child form {
    width: 100%;
}

#footer .newsletter-footer .newsletter-footer-heading {
    flex-direction: column;
    display: flex;
    width: 100%;
    align-items: center;
}

#footer .newsletter-footer .newsletter_title {
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 8px;
    word-spacing: 5px;
    line-height: 1;
}

#footer .newsletter-footer .newsletter_subtitle {
    font-size: 1.35rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 5px;
    word-spacing: 5px;
}

#footer .newsletter-footer .newsletter_text {
    font-size: 0.88rem;
    line-height: 1.25;
    letter-spacing: 1.5px;
}

#footer .newsletter-footer .btn-secondary {
    text-transform: uppercase;
    font-weight: 400;
}

/*** FOOTER-BOXES ***/

.footer-kontakt,
.footer-email {
    color: #fff;
    font-size: 0.9rem;
}

.footer-kontakt span {
    word-spacing: 2px;
}

.footer-kontakt a:not(.footer-email) {
    color: var(--text-color) !important;
}

.footer-kontakt .st-footer-phone {
    display: inline-block;
    background-color: var(--primary);
    padding: 2px 0.5rem;
}

.footer-kontakt .phone-icon {
    border: 1px solid var(--text-color);
    color: var(--text-color);
    border-radius: 50%;
    padding: 1px 4px;
}

.footer-kontakt .fa-phone-volume {
    transform: rotate(-45deg);
}

#footer .productlist-filter-headline {
    color: #fff;
    text-transform: uppercase;
    font-size: 0.9rem;
    font-weight: 600;
}

#footer li {
    padding: 0;
}

#footer .nav-link {
    padding: 0;
    font-size: 0.9rem;
}

#footer .st-footer-icons img {
    width: 60px;
    height: 40px;
    margin-bottom: 0.25rem;
}

#footer-boxes #sidebox127 {
    margin-bottom: 1rem;
}

#footer-boxes #sidebox127 .productlist-filter-headline {
    word-spacing: 5px;
}

#footer-boxes .productlist-filter-headline {
    margin-bottom: 0.75rem;
}

/*** SOCIAL-MEDIA und COPYRIGHT ***/

#footer .footer-social-media {
    background-color: var(--second-color);
    margin-top: 0;
    margin-bottom: 0;
    padding: 1rem;
}

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

#footer .footer-additional-wrapper li {
    margin-bottom: 0;
}

#footer .footer-social-media ul .btn-icon-secondary {
    border-color: #fff;
    color: #fff;
    transition: all 0.3s ease;
}

#footer .footer-social-media ul .btn-icon-secondary:hover {
    animation: iconTop 1s forwards;
}

#footer .footnote-vat {
    color: #fff;
    font-size: 0.70rem;
    margin: 0 -1rem;
    padding: 1rem 1rem 0 1rem;
    background-color: var(--second-color);
    text-align: center;
}

#footer .footnote-vat a {
    color: #fff;
    font-size: 0.70rem;
    text-decoration: underline;
}

#copyright {
    background-color: var(--second-color);
    max-width: 100%;
    color: #fff;
    margin: 0 1rem;
    padding-top: 1rem;
    font-size: 0.75rem;
}

/*****----- SECTION: HÄNDLER SUCHE -----*****/

.haendlersuche {
    /*max-width: 1250px;*/
    /*max-width: calc(100% - 2rem);*/
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

.haendlersuche img {
    width: 100%;
    height: auto;
    margin-bottom: 2rem;
}

.haendlersuche .haendler_item {
    display: flex;
    width: 50%;
    justify-content: left;
    padding: 2rem 0.5rem 0 0.5rem;
    margin-bottom: 2rem;
    border: 1px solid transparent;
    border-bottom: 1px solid var(--primary);
    transition: all 0.3s ease;
}

.haendlersuche .haendler_item:hover {
    /*border: none;*/
    /*border-left: 1px solid var(--primary);*/
    /*border-right: 1px solid var(--primary);*/
}

.haendlersuche .haendler_item div {
    width: 50%;
}

.haendlersuche h2 {
    transition: all 0.3s ease;
}

.haendlersuche .haendler_item:hover h2 {
    background-color: var(--primary);
}

.haendlersuche a {
    font-weight: 500;
    font-size: 0.8rem;
    text-decoration: none;
    transition: all 0.3s ease;
}

.haendlersuche .haendler_item div {
    padding: 0 2px;
}

.haendlersuche .haendler_item:hover a {
    text-decoration: underline;
    background-color: var(--primary-opacity);
}

.haendlersuche .haendler_item h2 {
    font-size: 1.25rem;
    font-weight: 700;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    border-left: 4px solid var(--primary);
}

.haendlersuche .haendler_item p {
    font-size: 0.9rem;
    overflow-wrap: break-word;
}

.haendlersuche h2::before {
    /*position: absolute;*/
    /*margin-right: 5px;*/
    /*content: "";*/
    /*display: block;*/
    /*height: 100%;*/
    /*top: 0;*/
    /*left: 0;*/
    /*width: 3px;*/
    /*background-color: var(--primary);*/
}

/*****----- SECTION: OFFIZIELE INFORMATIONEN/INHALTE -----*****/

[data-page="19"] .container.page-shipping {
    margin-top: 3rem;
}

[data-page="27"] #revocation-instruction p {
    overflow-x: hidden;
}

#tos h1,
#data-privacy h1,
[data-page="31"] .container.link-content h1,
#revocation-instruction h1 {
    display: inline-block;
    font-weight: 600;
    color: var(--text-color);
    background-color: var(--primary);
    padding: 0.5rem;
    text-align: center;
    margin-bottom: 2rem;
}

[data-page="31"] h3 {
    font-weight: 600;
}

/*****----- SECTION: PLUGINS -----*****/

/*** PAYPAL ****/

#product-offer span[id^='zoid-paypal-message-uid'],
#fieldset-payment span[id^='zoid-paypal-message-uid'] {
    /*width: 99%;*/
    /*margin-left: 0.5%;*/
}

/*** RETOURE ****/

#retoure hr {

}

.retoure_form {
    max-width: 1250px;
    margin-top: 2rem;
    margin-bottom: 3rem;
    display: none;
}

.retoure_form .title {
    font-weight: 700;
}

.retoure_form .form-group.checkbox {
    margin-top: 2rem;
}

.retoure_form .alert-info {
    background-color: var(--primary-opacity2);
    border-color: var(--primary);
    display: inline-block;
}

.retoure_form .text-link {
    font-weight: 500;
}

.retoure_form .custom-control-label {
    font-size: 0.85rem;
}

.retoure_form .btn-primary {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    word-spacing: 5px;
}

.retoureformular {
    text-align: center;
    font-weight: 700;
    font-size: 1.5rem;
}

/*** TRUSTED SHOPS ****/

.widget .carousel .control-button.right {
    background-color: #fff !important;
}

#ws5_kundengruppenauswahl {
    display: flex;
}

#ws5_kundengruppenauswahl .btn {
    margin-right: 0.75rem;
}

/*** B2B ****/

.ws5_wahlheader legend {
    margin-bottom: 0.5rem;
}

#ws5_kundengruppenauswahl {
    /*display: flex;*/
}

#groessentabelle .modal-body img {
    width: 100% !important;
}

#groessentabelle .modal-dialog {
    width: 95%;
    /* max-width: 1200px; */
}

#groessentabelle .modal-header {
    border: 0 !important;
}
#complete_order .custom-checkbox {
    margin-bottom: 0.5rem !important;
    border: unset !important;
    padding-bottom: 0 !important;
}
#complete_order hr {
    display: none;
}
#complete_order .custom-control.custom-checkbox.custom-control-inline::after {
    content: unset !important;
}
.bestell-abschluss-checkbox {
    border: 1px solid var(--primary);
    margin-bottom: 1rem;
}
/*****----- SECTION RESPONSIV -----*****/

@media only screen and (min-width: 1600px) {
    .container-fluid-xl {
        max-width: 100%;
    }

    /* Footer */
    #footer .container {
        max-width: calc(100% - 2rem);
        background-color: var(--primary);
    }
}

@media (min-width: 1300px) {
    .container:not(.dropdown-body .container) {
        max-width: 1250px;
    }

    .container.breadcrumb-container {
        max-width: calc(100% - 2rem) !important;
    }

    /*.container:has(.nav.tab-navigation) {*/
    .container.beschreibung {
        width: 100% !important;
        max-width: 1400px !important;
    }


    header .navbar-nav > .nav-item.dropdown-full .dropdown-menu .dropdown-body {
        max-width: 1250px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1599px) {
    .container-fluid-xl {
        max-width: 100%;
    }

    /* Footer */
    #footer .container {
        max-width: calc(100% - 2rem);
        background-color: var(--primary);
    }

    #footer .newsletter-footer .newsletter_title {
        letter-spacing: 2px;
    }

    #footer .newsletter-footer .newsletter_subtitle {
        letter-spacing: 1px;

    }

}

@media only screen and (max-width: 1500px) {
    /* Header */
    #jtl-nav-wrapper #search {
        min-width: unset;
        max-width: 400px;
        margin-right: 1rem;
    }

    .st-trusted img {
        max-height: 40px;
    }

}

@media only screen and (max-width: 1300px) {
    /* Header */
    #header-top-bar .nav-link {
        font-size: 0.7rem;
        padding: 0.25rem;
    }

    header .navbar-brand {
        margin-right: 0.5rem;
        /*margin-left: 0.5rem;*/
    }

    header .navbar-brand img {
        height: 80px;
        margin-top: -1rem;
    }

    [data-page="18"] .container-fluid.container-fluid-xl.menu-center-center.menu-multiple-rows-scroll {
        width: 100%;
    }

    header .nav-mobile-body .nav-scrollbar-item .nav-link {
        font-size: 0.85rem;
    }

    /* Item-Box*/
    .st-count_box .merkmale-name,
    .st-count_box .merkmale-wert {
        font-size: 0.60rem;
    }

    /* Product Description */
    #image_wrapper #gallery .slick-prev {
        transform: translate(-100%, -50%);
    }

    #image_wrapper #gallery .slick-next {
        transform: translate(100%, -50%)
    }

    /* Footer */
    #footer .newsletter-footer,
    #footer #footer-boxes {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    #footer .newsletter-footer .row1 .col:first-child {
        padding-left: 0;
    }

    #footer .newsletter-footer .row1 .col {
        padding-right: 0;
    }

    #shop-logo_footer {
        margin-right: 1rem;
    }

    #footer .newsletter-footer .newsletter-footer-heading {
        align-items: flex-start;
    }

    #footer .newsletter-footer .newsletter_title {
        font-size: 1.65rem;
        letter-spacing: 0;
    }

    #footer .newsletter-footer .newsletter_subtitle {
        font-size: 1.1rem;
        letter-spacing: 0;
    }

    #footer .newsletter-footer .newsletter_text {
        font-size: 0.70rem;
        letter-spacing: 0;
    }

    #footer .newsletter-footer .row1 .min-w-sm {
        min-width: 7rem;
        padding-left: 5px;
        padding-right: 5px;
    }

    #footer.newsletter-active #footer-boxes {
        justify-content: space-around;
    }

    #footer-boxes .col {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    #footer .st-footer-icons img {
        width: 50px;
        height: 35px;
    }

    #footer .footer-kontakt,
    #footer .nav-link {
        font-size: 0.9rem;
        font-weight: 500;
    }

}

@media only screen and (max-width: 1100px) {

    /* Header */
    header .nav-right .nav-link {
        padding: 0.5rem 0.25rem;
    }

    header .navbar-brand img {
        height: 70px;
    }

    .col.main-search-wrapper.nav-right.order-lg-2 {
        margin-left: 5%;
    }

    /* Item-Box Item-List */
    .text-clamp-2,
    .product-list.layout-gallery .productbox-inner .productbox-title a,
    .product-list.layout-list .productbox-inner .productbox-title a {
        font-size: 0.85rem;
        height: calc(0.85rem * 2 + 5px);
    }

    .first-range-price, .second-range-price {
        font-size: 0.9rem;
    }

    .ab {
        font-size: 0.75rem;
    }

    /* Product description */
    #result-wrapper #product-offer .stock-information.stock-information-p .col {
        width: 100%;
    }

    .swatches-sold-out {
        opacity: 0.5;
    }

    .product-list.layout-gallery .js-slider-wrapper .js-slider-items .js-slider-item {
        width: calc(100% / 3);
        min-width: calc(100% / 3);
    }
}

@media only screen and (max-width: 992px) {
    /* Top Bar */
    #header-top-bar .nav {
        justify-content: flex-end;
    }

    /* Burger Menu */
    #burger-menu {
        height: 2rem;
        margin-top: 1rem;
        padding-top: 0;
    }

    .navbar-toggler .navbar-toggler-icon {
        width: 1.65rem;
        height: 3.2px;
    }

    .navbar-toggler .navbar-toggler-icon::before {
        width: 1.7rem;
        margin-top: -4px;
        height: 3px;
    }

    .navbar-toggler .navbar-toggler-icon::after {
        width: 1.7rem;
        margin-top: 4px;
        height: 3.2px;
    }

    .navbar-toggler .navbar-toggler-icon::before,
    .navbar-toggler .navbar-toggler-icon::after {
        transform-origin: 28%;
    }

    .nav-mobile-header .nav-offcanvas-title {
        font-size: 1rem;
        font-weight: 600;
    }

    #shop-logo-mobile {
        height: 40px;
    }

    /* Nav Menu */
    header .nav-mobile-body .navbar-nav.nav-scrollbar-inner.mr-auto {
        overflow-x: unset;
    }

    header .nav-mobile-header .row {
        margin-right: 0;
        margin-left: 0;
    }

    header .navbar-collapse {
        max-width: 100%;
        height: 100% !important;
    }

    .nav-mobile-body {
        position: relative;
    }

    .navbar-collapse.nav-scrollbar.collapse.show .st-mobile-trusted {
        display: block;
        margin-top: 3rem;
        /*position: absolute;*/
        bottom: 0;
        left: 0;
        width: 100%;
    }

    header .navbar {
        justify-content: space-between !important;
        display: flex;
        flex-wrap: nowrap;
    }

    .nav-mobile-body {
        padding: 0.5rem;
    }

    header .nav-mobile-body .nav-scrollbar-item .nav-link,
    header .navbar-nav .dropdown .nav-item .text-truncate {
        font-size: 1.15rem;
    }

    .nav-scrollbar-item .nav-mobile-heading,
    .nav-scrollbar-item .nav-link .text-truncate {
        font-size: 1.25rem;
    }

    header .navbar .col.col-lg-auto.nav-logo-wrapper.order-lg-1 {
        flex-grow: 0;
        margin-right: 0;
    }

    /* Search */
    #jtl-nav-wrapper .search-wrapper .form-control:focus {
        box-shadow: none;
    }

    .st-trusted {
        margin-bottom: -0.5rem;
    }

    .search-wrapper.w-100-util .st-trusted {
        display: none;
    }

    /* Hauptbanner */
    .section_banner .banner_text .title {
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    .section_banner .banner_text .btn-primary {
        font-size: 1.15rem;
        padding: 0.5rem;
        word-spacing: 5px;
    }

    /* Product List + Item Box */
    #sidebox-categories-124 .productlist-filter-headline,
    #sidebox-categories-124 #crd-hdr-124 {
        font-size: 1.25rem;
        background-color: var(--primary);
        color: var(--text-color);
        font-weight: 600;
        padding: 0 0.5rem;
        line-height: 1.5;
    }

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

    /* Variationen */
    .st-count_box .merkmale-name,
    .st-count_box .merkmale-wert {
        font-size: 0.65rem;
    }

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

    .product-list.layout-list .product-wrapper:not(:last-child) {
        margin-bottom: 4rem;
    }

    #product-list .productbox-image.square.square-image.first-wrapper,
    #product-list .productbox-image.square.square-image.second-wrapper {
        min-height: inherit;
    }

    #product-list .productbox-row .productbox-details {
        display: block;
    }

    #product-list .row.variations.switch-variations,
    #product-list .productbox.productbox-hover:not(:hover) .productbox-onhover .col.col-12 {
        /*display: none;*/
    }

    .row.variations.switch-variations .col {
        /*padding: 0 1rem;*/
    }

    .product-list.layout-gallery .st-count_box {
        opacity: 1 !important;
    }

    .product-list.layout-gallery .js-slider-wrapper .js-slider-items .js-slider-item {
        width: calc(100% / 4);
        min-width: calc(100% / 4);
    }

    .product-list.layout-list .js-slider-wrapper .js-slider-items .js-slider-item {
        /*width: calc(100% / 5);*/
        /*min-width: calc(100% / 5);*/
    }

    /* Product description */
    [data-page="1"] .container {
        max-width: calc(100% - 0.5rem);
    }

    #result-wrapper #product-offer .col.product-gallery.col-lg-6.col-12,
    #result-wrapper #product-offer .col.product-info.col-lg-6.col-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #result-wrapper #product-offer #image_wrapper .product-detail-image-preview-bar {
        display: none !important;
    }

    #result-wrapper #product-offer #image_wrapper .gallery-with-action-main .col-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #result-wrapper #product-offer #image_wrapper {
        margin-bottom: 0;
    }

    #result-wrapper .basket-form-inline .col.col-sm-6.col-12:first-child {
        margin-bottom: 0.5rem;
    }

    /* Footer */
    #footer .newsletter-footer .row1 {
        flex-direction: column;
    }

    #footer .newsletter-footer .row1 .col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #footer .newsletter-footer .row1 .col:first-child,
    #footer .newsletter-footer .row1 .col:last-child {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #footer .newsletter-footer .row1 .col:last-child {
        padding: 1rem 0.5rem 0 0.5rem;
    }

    #footer .newsletter-footer .newsletter-footer-heading {
        align-items: center;
        padding-top: 0.5rem;
    }

    #footer .newsletter-footer .row1 .col {
        padding-left: 0;
    }

    #footer .newsletter-footer .row1 .min-w-sm {
        min-width: 6rem;
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: 0.75rem;
    }

    #footer .newsletter-footer .form-control {
        font-size: 0.75rem;
    }

    /* Offizialle Inhalte */
    .haendlersuche .haendler_item {
        display: flex;
        width: 100%;
        margin-bottom: 1rem;
    }

    .haendlersuche .haendler_item h2 {
        font-size: 1.15rem;
        line-height: 1;
    }

    .haendlersuche .haendler_item p {
        font-size: 0.8rem;
        line-height: 1.25;
    }

    .kundenbewertungen {
        margin-bottom: 2rem;
    }

    .kundenbewertungen .title {
        font-size: 1.5rem;
    }

    .kundenbewertungen .subtitle {
        font-size: 1rem;
    }

    [data-page="31"] .container.link-content ul {
        padding-left: 1rem;
    }

    .retoureformular {
        font-size: 1.25rem;
    }
}

@media only screen and (max-width: 767px) {
    /* Header */
    #header-top-bar .nav-link {
        font-size: 0.6rem;
    }

    #shop-nav .nav-link {
        padding: 0.5rem 2px;
    }

    .st-icons-title {
        font-size: 0.45rem;
    }

    /* Footer */
    #footer .newsletter-footer #shop-logo_footer {
        margin-right: 0.5rem;
    }

    #footer-boxes .col:nth-child(1) {
        order: 1;
        flex: 0 0 55% !important;
        max-width: 55% !important;
    }

    #footer-boxes .col:last-child {
        order: 2;
        flex: 0 0 45% !important;
        max-width: 45% !important;
    }

    #footer-boxes .col:nth-child(2) {
        order: 3;
        margin-top: 2rem;
        flex: 0 0 55% !important;
        max-width: 55% !important;
    }

    #footer-boxes .col:nth-child(3) {
        order: 4;
        margin-top: 2rem;
        flex: 0 0 45% !important;
        max-width: 45% !important;
    }

    #footer-boxes #crd-hdr-122,
    #footer-boxes #crd-hdr-123 {
        display: inline;
    }

    #footer #footer-boxes .box-normal-hr {
        display: inline-block;
        width: 95%;
        text-align: left;
        margin-top: 0.5rem;
    }

    #footer .footer-kontakt {
        font-size: 0.85rem;
    }

    #footer .productlist-filter-headline,
    #footer-boxes .text-truncate,
    #footer-boxes .dropdown-toggle::after,
    #footer-boxes:not(.navbar-toggler)[data-toggle="collapse"]::after {
        font-family: 'Montserrat', sans-serif;
        font-size: 0.9rem;
        font-weight: 700;
        text-transform: uppercase;
    }

    #footer-boxes .dropdown-toggle::after,
    #footer-boxes:not(.navbar-toggler)[data-toggle="collapse"]::after {
        margin-left: 4px;
    }

    /* Item-Box Item-List */
    /* Variationen */
    .product-list.layout-gallery .js-slider-wrapper .js-slider-items .js-slider-item,
    .product-list.layout-list .js-slider-wrapper .js-slider-items .js-slider-item {
        width: calc(100% / 3);
        min-width: calc(100% / 3);
    }

}

@media only screen and (max-width: 640px) {

    /* Header */
    #header-top-bar {
        width: 100%;
    }

    #header-top-bar .nav {
        /*justify-content: space-around;*/
        justify-content: space-between;
    }

    header .navbar {
        align-items: flex-end;
        padding-top: 0.5rem;
    }

    .toggler-logo-wrapper .logo-wrapper {
        height: 50px;
    }

    header .navbar-brand img {
        height: 55px;
        margin-top: 0;
    }

    header #burger-menu {
        margin-right: 0.5rem;
        margin-top: 1.5rem;
    }

    .main-search-wrapper .st-trusted {
        display: none;
    }

    #jtl-nav-wrapper .search-wrapper {
        display: flex;
        flex-wrap: nowrap;
    }

    .search-wrapper.w-100-util .st-trusted {
        display: block;
    }

    .search-wrapper.w-100-util .form-control {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        font-size: 0.75rem;
    }

    #shop-nav .nav-link {
        padding-bottom: 0;
    }

    .flaticon-user::before {
        margin-bottom: 0;
    }

    .st-icons-title {
        /*display: none;*/
    }

    .flaticon-user::before {
        /*font-size: 1.3rem;*/
    }

    .fas.flaticon-task::before,
    .fas.flaticon-love-1::before,
    .fas.flaticon-bag::before,
    .flaticon-zoom::before {
        /*font-size: 1.5rem;*/
    }

    .full-width-mega.sticky-top .main-search-wrapper + .col {
        /*padding-right: 0;*/
    }

    /* Balken */
    .section_balken .card-header {
        /*max-height: 35px;*/
    }

    .section_balken .btn.btn-primary {
        font-size: 0.75rem;
        max-height: 34px;
    }

    .section_balken .btn.opc-Accordion-head.btn-link {
        word-spacing: 1px;
        font-size: 0.75rem;
        max-height: 35px;
    }

    .section_balken .card-body.opc-area {
        font-size: 0.75rem;
    }

    /* Hauptbanner */
    .section_banner .banner_text .title {
        font-size: 2.5rem;
    }

    .section_banner .banner_text .btn-primary {
        font-size: 1rem;
    }

    /* Bewertungen */
    .section-trusted .col {
        padding-left: 5px;
        padding-right: 5px;
    }

    .trusted-bild {
        max-width: 90px !important;
    }

    .section-trusted .title {
        font-size: 1.75rem;
    }

    .section-trusted .subtitle {
        font-size: 0.9rem;
        height: 2.2rem;
    }

    .section-trusted .trusted-grid {
        margin-top: 3rem;
    }

    .section-trusted .trusted-grid .text {
        font-size: 0.80rem;
    }

    /* Footer */
    #footer .newsletter-footer #shop-logo_footer {
        max-height: 60px;
    }

    #footer .newsletter-footer .newsletter_title {
        font-size: 1.25rem;
        letter-spacing: 0;
    }

    #footer .newsletter-footer .newsletter_subtitle {
        font-size: 0.85rem;
        letter-spacing: 0;
        word-spacing: 2px;
    }

    #footer .newsletter-footer .newsletter_text {
        font-size: 0.60rem;
    }

    #shop-logo_footer {
        max-height: 60px;
    }

    #footer .footer-kontakt,
    #footer .nav-link {
        /*font-size: 0.8rem;*/
        font-weight: 500;
    }

    .footer-kontakt span {
        word-spacing: 0;
    }

    #footer .st-footer-icons img {
        width: 45px;
        height: 30px;
    }

    /* Item-Box Item-List */
    /* Variationen */
    #product-list .row.variations.switch-variations {
        display: none;
    }

    /* Product Description - Merkmale */
    .product-attributes .table-striped tr {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    #tab-content-product-tabs .product-attributes tr td {
        width: 100%;
        margin-bottom: 0;
    }

}

@media only screen and (max-width: 500px) {
    /* Header */
    #header-top-bar .nav-link {
        font-size: 0.45rem;
        padding: 2px;;
        font-weight: 600;
    }

    #shop-nav {
        margin-left: -1rem;
    }

    #shop-nav .nav-link {
        /*padding: 0;*/
    }

    .toggler-logo-wrapper .logo-wrapper {
        height: 50px;
    }

    .fa-sup {
        font-size: 0.5em;
        margin-left: -0.75rem;
    }

    .st-trusted img {
        max-height: 35px;
    }

    #jtl-nav-wrapper .search-wrapper {
        height: 35px;
        overflow: hidden;
    }

    /* Balken */
    .section_balken .btn.btn-primary {
        font-size: 0.70rem;
        max-height: 28px;
        padding-left: 2px;
    }

    .section_balken .btn.btn-primary::after {
        right: 4px;
    }

    .section_balken .btn.opc-Accordion-head.btn-link {
        word-spacing: 0;
        font-size: 0.7rem;
        padding-left: 2px;
        padding-right: 2px;
        margin-left: 2px;
        max-height: 29px;
    }

    .section_balken button.btn.opc-Accordion-head.btn-link[data-toggle="collapse"]::after,
    .section_balken button.btn.opc-Accordion-head.btn-link[data-toggle="collapse"]::before {
        margin-left: 2px;
        font-size: 0.7rem;
    }

    .section_balken .card-body.opc-area {
        font-size: 0.65rem;
        padding: 5px;
    }

    /* Hauptbanner */
    .section_banner .banner_text .title {
        font-size: 1.75rem;
        margin-bottom: 0;
    }

    .section_banner .banner_text .btn-primary {
        font-size: 0.75rem;

        padding: 0.25rem;
    }

    /* Filter */
    .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;
    }

    /* Item-Box und Item-List */
    #product-list .product-wrapper {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .price_wrapper {
        line-height: 1.25;
    }

    .first-range-price,
    .second-range-price {
        font-size: 0.85rem;
    }

    .ab {
        font-size: 0.7rem;
    }

    .st-count_box {
        padding-top: 0;
        padding-bottom: 0;
        min-height: 1rem;
    }

    .st-count_box .merkmale-name,
    .st-count_box .merkmale-wert {
        font-size: 0.50rem;
    }

    #product-list .productbox-row .productbox-details {
        display: none;
    }

    .text-clamp-2,
    #product-list .productbox-inner .productbox-title a {
        font-size: 0.85rem;
        height: calc(0.85rem * 2 + 5px);
    }

    .price_label.pricestarting {
        font-size: 0.75rem;
    }

    /* Product Description */
    #result-wrapper .product-detail .estimated-delivery {
        font-size: 0.7rem;
    }

    #product-offer .js-slider-wrapper .js-slider-items .js-slider-item {
        width: calc(100% / 4);
        min-width: calc(100% / 4);
    }

    #result-wrapper #image_wrapper #gallery .slick-slide .square {
        align-items: flex-start;
        max-height: 300px;
    }

    #result-wrapper #gallery_wrapper .slick-dots {
        margin-top: -1rem;
    }

    /* Footer */
    #footer .newsletter-footer {
        padding: 1rem 0.5rem;
    }

    #footer .newsletter-footer .row1 .col:last-child {
        padding-left: 0;
        padding-right: 0;
    }

    #shop-logo_footer {
        margin-right: 0.5rem;
    }

    #footer .newsletter-footer .newsletter_title {
        font-size: 0.9rem;
    }

    #footer .newsletter-footer .newsletter_subtitle {
        font-size: 0.63rem;
        word-spacing: 0;
    }

    #footer .newsletter-footer .newsletter_text {
        font-size: 0.55rem;
    }

    #footer #footer-boxes {
        padding: 2rem 0.5rem 0 0.5rem;
    }

    #footer-boxes .col:nth-child(1),
    #footer-boxes .col:nth-child(2) {
        padding-left: 0;
    }

    #footer-boxes .col:nth-child(3),
    #footer-boxes .col:last-child {
        padding-left: 0;
        padding-right: 0;
    }

    #footer .productlist-filter-headline,
    #footer-boxes .text-truncate {
        font-size: 0.80rem;
    }

    #footer .footer-kontakt,
    #footer .footer-kontakt .footer-email {
        line-height: 1.25;
        font-size: 0.75rem;
    }

    #footer .st-footer-icons img {
        width: 33px;
        height: 23px;
    }

    #footer .footnote-vat,
    #footer .footnote-vat a {
        font-size: 0.65rem;
        line-height: 1.1;
    }

    .footer-kontakt .st-footer-phone {
        padding: 2px;
    }

    #footer .footer-social-media {
        padding: 0;
    }

    /* Andere Sliders */
    #slider-top-products .hr-sect.h2 span,
    #slider-bestseller-products .hr-sect.h2 span,
    [id^="slider-xsell"] .hr-sect.h2 span,
    #slider-related .hr-sect.h2 span {
        font-size: 1.25rem;
    }

    /* Wish-List */
    .snippets-wishlist .wishlist-item {
        margin-bottom: 2rem;
    }

    /* Händler */
    .haendlersuche .haendler_item div {
        width: 40%;
    }

    .haendlersuche .haendler_item div:first-child {
        width: 60%;
    }
}

@media only screen and (max-width: 400px) {
    .section_banner img {
        padding: 0 !important;
    }
}

@media only screen and (max-width: 360px) {

}

#opc #opc-startmenu {
    /*display: none;*/
}