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

:root {
    --primary: rgb(255, 82, 40);
    --main-color: rgb(255, 82, 40);
    --main-color-shadow: rgba(255, 82, 40, 0.5);
    --second-color: rgb(0, 208, 255);
    --neu-gray: #909090;
    --rabatt-color: #ff75b0;
    --grey-text: #737373;
    --grey-dark: #525252;
    --grey-normal: #b4b4b4;
    --grey-light: #e1e1e1;
    --back-color: #ebecf0;
    --white-color: #fff;
}

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

body {
    width: 100%;
    font-family: 'Gilroy', sans-serif;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    background-color: #ebecf0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Gilroy', sans-serif;
}

/***** SECTION GLOBAL *****/

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

#main-wrapper:not(.maintenance-main-wrapper),
#content {
    background-color: #f4f4f4;
}

#main-wrapper:not(.maintenance-main-wrapper) {
    margin-top: 52px;
}

[data-page="18"] #main-wrapper,
[data-page="18"] #content-wrapper {
    background: linear-gradient(0deg, #f4f4f4 80%, #ffffff 100%);
}

[data-page="18"] #content-wrapper {
    padding-top: 0;
}

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

[data-page="18"] #content {
    background-color: #fff;
    display: flex;
    flex-direction: column;
}

[data-page="3"] #main-wrapper,
[data-page="4"] #main-wrapper,
[data-page="5"] #main-wrapper,
[data-page="8"] #main-wrapper,
[data-page="10"] #main-wrapper,
[data-page="11"] #main-wrapper,
[data-page="20"] #main-wrapper,
[data-page="21"] #main-wrapper,
[data-page="27"] #main-wrapper,
[data-page="31"] #main-wrapper,
[data-page="3"] #content,
[data-page="4"] #content,
[data-page="5"] #content,
[data-page="8"] #content,
[data-page="10"] #content,
[data-page="11"] #content,
[data-page="20"] #content,
[data-page="21"] #content,
[data-page="27"] #content,
[data-page="31"] #content {
    background-color: #fff;
}

[data-page="11"] #checkout {
    background-color: #fff;
}

#sidepanel_left,
#result-wrapper .productlist-page-nav.productlist-page-nav-header-m,
#result-wrapper .productlist-page-nav-bottom,
#ed_list,
#ed_gallery {
    display: none !important;
}

.dropdown.filter-type-FilterItemSort.btn-group,
.dropdown.filter-type-FilterItemLimits.btn-group {
    display: none;
}

.container-fluid.opc-Container.st-container-neuheiten-1 {
    order: 0;
    margin-top: -1rem;
}

.container-fluid.st-container-neuheiten {
    order: 1;
}

.container-fluid.opc-Container.st-container-neuheiten-2 {
    order: 2;
}

.container-fluid.opc-Container.st-container-vorteile {
    order: 3;
    padding-top: 2rem;
}

.container-fluid.opc-Container.st-container-produkte {
    order: 4;
}

.container-fluid.opc-Container.st-container-banner {
    order: 5;
}

.container-fluid.opc-Container.st-container-beschreibung {
    order: 6;
    background-color: #fff;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
}

.fh5---banner---container, #logoBar {
    display: none !important;
}

.maintenance-main .nav.nav-dividers {
    margin-bottom: 1rem;
}

.maintenance-main-heading {
    letter-spacing: 5px;
    font-weight: 700;
}

.custom_steuer {
    display: none;
}

a:hover,
.btn-link:hover {
    color: var(--main-color);
}

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

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

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link,
.tab-navigation .nav-link::after {
    border-color: var(--main-color);
}

.custom-select:focus {
    border-color: var(--main-color);
    box-shadow: var(--main-color-shadow);
}

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

.btn-primary:hover {
    opacity: 0.9;
}

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

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

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

.cart-dropdown-buttons .btn-outline-primary {
    border-color: var(--main-color) !important;
    background-color: transparent !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);
}

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

.badge-primary {
    background-color: var(--primary);
    color: #fff;
}

.stepper .step-active .step-content::after {
    background: var(--primary);
}

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

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

.sticky-top.st-sticky {
    top: 52px;
}

/*** MOBILE-MENU ***/

.st-mobile-search,
.st-mobile-rabatt,
.st-topbar-text {
    display: none;
}

.st-desktop-rabatt {
    width: 100%;
    height: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to right, var(--rabatt-color) 20%, var(--main-color) 100%);
    color: #fff;
    line-height: 2;
    font-weight: 600;
    position: relative;
}

.st-desktop-rabatt::before {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    background-color: rgba(255, 255, 255, 0.1);
    position: absolute;
    top: 0;
}

/*** TOP-BAR ***/

#header-top-bar {
    display: flex !important;
    flex-direction: column;
    position: fixed;
    width: 100%;
}

#header-top-bar a:not(.dropdown-item):not(.btn)::before {
    content: "";
    position: absolute;
    border: none;
    bottom: 0;
    height: 0;
    width: 0;
    border-radius: 50%;
    transition: all 0.3s ease;
}

#header-top-bar a:not(.dropdown-item):not(.btn):hover {
    color: #fff;
}

#header-top-bar a:not(.dropdown-item):not(.btn):hover::before {
    width: 100%;
    box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

#header-top-bar .st-topbar-first,
#header-top-bar .st-topbar-second {
    display: flex;
    align-items: center;
    justify-content: center;
}

#header-top-bar .st-topbar-first {
    background-color: #fff;
    color: var(--main-color);
    font-size: 1.15rem;
    word-spacing: 2px;
    font-weight: 700;
    height: 25px;
}

#header-top-bar .st-topbar-second {
    height: 1.75rem;
    position: relative;
    width: 100%;
    gap: 2rem;
    padding: 0;
    font-size: 1.05rem;
    font-weight: 500;
}

#header-top-bar .flex-row-reverse {
    background-color: var(--main-color);
    color: #fff;
    align-items: center;
}

#header-top-bar .st-topbar-second .st-topbar-text {
    display: flex;
    gap: 2rem;
}

#header-top-bar .st-topbar-second .nav-link {
    padding: 0;
}

#header-top-bar .st-topbar-second li:last-child {
    margin-left: 2rem;
}

#header-top-bar .st-topbar-second .nav.topbar-main.nav-dividers {
    position: absolute;
    right: 0;
}

/*#header-top-bar a:not(.dropdown-item):not(.btn):hover,*/
header a:not(.dropdown-item):not(.btn):hover {
    color: var(--main-color);
}

#header-top-bar a:not(.dropdown-item):not(.btn) {
    color: #fff;
}

.nav-dividers .nav-item:not(:last-child)::after {
    border-color: transparent;
}

#header-top-bar .st-topbar-second .nav.topbar-main.nav-dividers .nav-item:first-child {
    font-weight: 700;
}

header #mainNavigation {
    padding-top: 5px;
}

header #mainNavigation .nav-mobile-body .nav-item {
    font-size: 1.15rem;
}

/*** LOGO, NAVMENU, MENU-ICONS ***/

header {
    box-shadow: none;
    border-bottom: 3px solid var(--main-color);
    background-color: #fff !important;
}

header .navbar-nav > .nav-item > .dropdown-menu {
    box-shadow: none;
    border-bottom: 3px solid var(--main-color);
}

#jtl-nav-wrapper .container-fluid.container-fluid-xl {
    padding-left: 0;
    padding-right: 0;
    background-color: #fff;
    height: 65px;
}

#jtl-nav-wrapper .secure-checkout-topbar.ml-auto-util.d-none.d-lg-block {
    display: none !important;
}

header .navbar-brand {
    padding: 0.5rem 0;
    margin-right: 2rem;
}

header .navbar-brand img {
    height: 3rem;
}

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

header .navbar-nav > .nav-item > .nav-link::before {
    border: none;
    bottom: 0.75rem;
    height: 0;
    width: 0;
    transition: all 0.4s ease;
}

header .navbar-nav > .nav-item.selected > .nav-link::before,
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 {
    width: 50%;
    box-shadow: 0 0 20px 10px var(--main-color-shadow);
    border-radius: 50%
}

header .dropdown-menu {
    border-top: 3px solid var(--main-color);
}

header .submenu-headline-toplevel {
    margin-bottom: 0.5rem;
}

.fa, .fas {
    font-style: normal;
}

header #mainNavigation {
    margin-right: 2rem;
}

#search {
    margin-right: 0;
}

#search .form-control.ac_input.tt-hint {
    max-height: 20px;
}

#search-header {
    display: none;
    padding-left: 5px;
    border: 2px solid var(--main-color);
    margin-left: 2rem;
    margin-top: 5px;
    transition: all 0.5s ease;
}

.search-wrapper:hover #search-header {
    display: block;
}

.search-wrapper:hover .fas.fa-search {
    color: var(--main-color);
}

.search-wrapper .btn.btn-secondary {
    background-color: transparent;
    border: none;
    color: #525252;
    padding: 0 0.5rem;
    margin-bottom: -5px;
    box-shadow: none;
}

.search-wrapper .fas.fa-search {
    font-size: 1.25rem;
}

.nav-link.nav-link-custom.dropdown-toggle {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: -2px;
}

.nav-link.nav-link-custom.dropdown-toggle::after {
    margin-left: 5px;
}

.dropdown-item.link-lang,
.dropdown-item.link-lang:hover {
    background-color: transparent;
}

.lang-ger, .lang-eng {
    background-size: contain !important;
    min-height: 26px;
}

.lang-ger {
    background: url("/media/image/opc/xl/Icons/de.png") no-repeat top 0 left 0;
    margin-bottom: 3px;
}

.lang-eng {
    background: url("/media/image/opc/xl/Icons/en.png") no-repeat top 0 left 0;
}

#shop-nav .nav-link {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.language-dropdown .dropdown-menu {
    min-width: 3rem;
}

.language-dropdown .dropdown-menu.dropdown-menu-right.show {
    border: none;
    background-color: transparent;
    box-shadow: none;
}

.language-dropdown .dropdown-item.link-lang.lang-ger.active,
.language-dropdown .dropdown-item.link-lang.lang-en.active {
    background-color: transparent;
    width: 38px;
}

#shop-nav .nav-link-custom img {
    max-width: 25px;;
}

#shop-nav .cart-icon-dropdown .cart,
.nav-mobile-header-toggler .cart-icon-dropdown .cart {
    max-width: 20px;
}

#shop-nav .cart-icon-dropdown-price {
    font-size: 0.75rem;
    color: #000;
}

.cart-icon-dropdown-price {
    margin-left: 5px !important;
}

.cart-icon-dropdown .fas {
    position: relative;
}

.cart-icon-dropdown .fa-sup {
    margin-left: -0.5rem;
    background-color: var(--main-color);
    color: #fff;
}

header #mainNavigation .fa-chevron-right::before,
header #mainNavigation .fa-chevron-left::before {
    padding: 12px 3px;
    background-color: var(--main-color);
    color: #fff;
}

/***** SECTION BANNER ****/

.opc-Container.custom_banner {
    max-width: 100% !important;
    width: 100%;
    margin: 0 auto 2rem 0;
}


/***** SECTION CONTAINER NEUHEITEN 1-2  *****/
.section-title,
.hr-sect {
    color: #707070;
    font-size: 1.75rem;
    font-weight: 600;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.st-container-neuheiten-1 .section-title,
.st-container-neuheiten-1 .hr-sect {
    text-align: left;
}

.st-container-neuheiten-1 .section-title {
    padding-bottom: 1rem;
}

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

/*** NEUHEITEN-1 ***/

.st-container-neuheiten-1 .text-clamp-2 span,
.st-container-neuheiten-1 .price_wrapper {
    margin-top: 0.5rem;
    margin-bottom: 0;
}

.st-container-neuheiten-1 .base_price .value {
    color: #707070;
    font-size: 0.65rem;
    display: none;
}

.st-container-neuheiten-1,
.st-container-neuheiten-2 {
    margin: 0 auto;
    background-color: #f5f5f5;
}

.st-container-neuheiten-1 .product-wrapper::before {
    content: "NEU";
    position: absolute;
    left: 4%;
    top: 2%;
    font-size: 1rem;
    color: #000;
}

.st-container-neuheiten-1 .slick-track {
    gap: 1.5rem;
    padding-top: 8rem;
    padding-bottom: 3rem;
}

.st-container-neuheiten-1 .product-wrapper {
    min-height: 360px;
    background: linear-gradient(to top, #d1d1d1, #f4f4f4);
    transition: all 0.3s ease;
}

.st-container-neuheiten-1 .item-slider.productbox-image::after {
    content: '';
    position: absolute;
    top: 70%;
    left: 50%;
    width: 300px;
    height: 100%;
    opacity: 0.5;
    filter: blur(8px);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.st-container-neuheiten-1 .square-image .inner {
    margin-top: -6rem;
    max-height: 300px !important;
    transition: all 0.7s ease;
}

.st-container-neuheiten-1 .text-clamp-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -5rem;
    height: 40px;
}

.st-container-neuheiten-1 .text-clamp-2 img {
    max-width: 250px;
    max-height: 40px;
}

.st-container-neuheiten-1 .btn-info.btn-sm {
    margin-top: 1rem;
    background-color: #b4b4b4;
    border-color: #b4b4b4;
    padding: 0.2rem 1rem;
}

.st-container-neuheiten-1 .button2 {
    display: none;
}

.carousel:not(.slick-initialized).slick-lazy {
    justify-content: center;
}

.st-container-neuheiten-1 .product-wrapper:hover {
    box-shadow: 0 0 1rem 1px rgba(0, 0, 0, 0.1);
}

.st-container-neuheiten-1 .product-wrapper:hover .square-image .inner {
    transform: scale(1.1) translateY(-10px) rotate(5deg);
}

.st-container-neuheiten-1 .price_label.pricestarting {
    display: none;
}

.st-container-neuheiten-1 .price_wrapper .price-note .value {
    display: none;
}

/* Slider Arrow in Neuheiten-1 */

.carousel .slick-arrow {
    opacity: 1;
    border-radius: 50%;
    /*padding: 10px;*/
    padding: 0 5px;
    right: unset;
    top: unset;
    bottom: 1%;
    background-color: #b4b4b4;
    width: 1rem;
    height: 1rem;
}

.slick-arrow::after {
    font-size: 0.6rem;
    color: #fff;
}

.st-container-neuheiten-1::after {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background-color: lightgray;
    border-radius: 50%;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-100%);
    margin-left: 5px;
}

.carousel-arrows-inside .slick-prev {
    left: 50%;
    transform: translateX(-75%);
    margin-left: -10px;
}

.carousel-arrows-inside .slick-next {
    left: 50%;
    transform: translateX(-75%);
    margin-left: 25px;
}

/*  NEUHEITEN-2  */

.st-container-neuheiten-2 .row.grid {
    justify-content: space-between;
    padding-top: 2rem;
    padding-left: 0.5rem;
    margin-left: 0;
    margin-right: 0;
    gap: 1rem;
}

.st-container-neuheiten-2 .row.grid .col.col-md-2.col-lg-2.col-xl-2.col-2 {
    position: relative;
    display: flex;
    background: linear-gradient(to top, #b4b4b4, #f4f4f4);
    padding: 1rem 1.5rem;
    transition: all 0.4s ease;
}

.st-container-neuheiten-2 .row.grid .col.col-md-2.col-lg-2.col-xl-2.col-2:hover {
    box-shadow: 0 0 1rem 1px rgba(0, 0, 0, 0.1);
}

.st-container-neuheiten-2 .row.grid .col.col-md-2.col-lg-2.col-xl-2.col-2:not(:last-child) .item-banner {
    margin-left: unset !important;
}

.st-container-neuheiten-2 .row.grid .col.col-md-2.col-lg-2.col-xl-2.col-2 img {
    max-height: 80px;
}

.st-container-neuheiten-2 .row.grid .col.col-md-2.col-lg-2.col-xl-2.col-2 .title {
    display: block;
    position: absolute;
    top: 50%;
    right: unset;
    left: 29%;
    transform: translate(-5%, -50%);
    max-width: 20ch;
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1.25;
}

.st-container-neuheiten-2 .row.grid .col.col-md-2.col-lg-2.col-xl-2.col-2:last-child img {
    max-height: 70px;
    margin-top: -5px;
}

.st-container-neuheiten-2 .row.grid .col.col-md-2.col-lg-2.col-xl-2.col-2:last-child .title {
    top: unset;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -60%);
}

.st-container-neuheiten-2 .row.grid .col.col-md-2.col-lg-2.col-xl-2.col-2 .title a {
    text-decoration: none;
}

.st-container-neuheiten-2 .row.grid .abs-img {
    position: absolute;
    width: 80px;
    top: 15%;
    left: 45%;
}

/* NEUHEITEN */

.st-container-neuheiten {
    margin: 5rem auto !important;
    background-color: #f5f5f5;
    display: flex;
    flex-wrap: wrap;
}

.st-container-neuheiten .product-wrapper {
    min-height: 330px;
    text-align: center;
    background: linear-gradient(to top, #d1d1d1, #f4f4f4);
    transition: all 0.3s ease;
    position: relative;
    margin-bottom: 5rem;
    margin-right: 1.5rem;
}

.st-container-neuheiten .product-wrapper:hover {
    box-shadow: 0 0 1rem 1px rgba(0, 0, 0, 0.1);
}

.st-container-neuheiten .product-wrapper.col-3 {
    flex: 0 0 23%;
    max-width: 23%;
}

.st-container-neuheiten .product-wrapper::before {
    content: "NEU";
    position: absolute;
    left: 4%;
    top: 2%;
    font-size: 1rem;
    color: #000;
}

.st-container-neuheiten .slick-track {
    gap: 2rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.st-container-neuheiten .bild {
    margin-top: -6rem;
    transition: all 0.8s ease;
}

.st-container-neuheiten .product-wrapper.col-3 .bild img {
    max-height: 250px !important;
    width: auto !important;
}

.st-container-neuheiten .product-wrapper.col-3:first-child .bild img {
    max-height: 200px !important;
    margin-bottom: 50px;
}

.st-container-neuheiten .product-wrapper:hover .bild {
    transform: scale(1.1) translateY(-10px) rotate(5deg);
}

.st-container-neuheiten .logo img {
    max-height: 40px !important;
    max-width: 250px;
    width: auto !important;
    margin-top: 1rem;
    transition: all 0.7s ease;
}

.st-container-neuheiten .text-clamp-2 {
    padding-top: 1rem;
}

.st-container-neuheiten .text-clamp-2 a {
    display: inline-block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    background-color: #b4b4b4;
    border-color: #b4b4b4;
    color: #fff;
    font-weight: 600;
    padding: 0.2rem 1rem;
    text-decoration: none;
}

.carousel:not(.slick-initialized).slick-lazy {
    justify-content: center;
}

/***** SECTION CONTAINER VORTEILE *****/

.st-container-vorteile {
    min-height: 300px;
    padding: 3rem 3rem 1rem 3rem;
    text-align: center;
}

.st-container-vorteile .section-title {
    margin-bottom: 2rem;
}

.st-container-vorteile .grid {
    padding: 0 3rem 3rem;
    border-bottom: 3px solid var(--main-color);
    justify-content: center;
}

.st-container-vorteile .grid p {
    font-weight: 600;
    font-size: 1.1rem;
    line-height: 1.2;
}

.st-container-vorteile .col-12 {
    padding: 0.25rem;
}

.st-container-vorteile .item1,
.st-container-vorteile .item2,
.st-container-vorteile .item3,
.st-container-vorteile .item4,
.st-container-vorteile .item5 {
    background-color: #fff;
    border-radius: 5px;
    padding: 0.75rem;
    display: block;
    width: 100%;
    margin-bottom: 0.5rem;
    transition: all 0.4s ease;
}

.st-container-vorteile .item-bild {
    width: 100%;
    overflow: hidden;
}

.st-container-vorteile .item1 {
    height: 48%;
}

.st-container-vorteile .item2,
.st-container-vorteile .item4 {
    height: 33%;
}

.st-container-vorteile .item3,
.st-container-vorteile .item5 {
    height: 63%;
    padding-bottom: 0;
}

.st-container-vorteile .item3 {
    padding-top: 2.75rem;
}

.st-container-vorteile .item5 {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.st-container-vorteile .item1 img {
    height: 60px;
    width: auto !important
}

.st-container-vorteile .item2 img {
    height: 50px;
    width: auto !important
}

.st-container-vorteile .item3 img {
    width: auto !important
}

.st-container-vorteile .item4 img {
    height: 30px;
    width: auto !important
}

.st-container-vorteile .item5 img {
    height: 160px;
    width: auto !important
}

.st-container-vorteile .item6 {
    display: flex;
    align-items: flex-end;
    background-color: #c7efff;
    width: 82%;
    height: 98%;
    border-radius: 5px;
    margin-left: 0;
    margin-bottom: 0.5rem;
}

.st-container-vorteile .item6 p {
    max-width: 10ch;
    margin: 0 auto;
    padding-top: 1rem !important;
    padding-bottom: 1rem;
}

.st-container-vorteile .item6 img {
    width: auto !important;
    margin-left: 0.5rem;
}

.st-container-vorteile .col-xl-4 {
    flex: 0 0 30%;
    max-width: 30%;
}

.st-container-vorteile .col-xl-2 {
    flex: 0 0 20%;
    max-width: 20%;
}

.st-container-vorteile .item1,
.st-container-vorteile .item2,
.st-container-vorteile .item3,
.st-container-vorteile .item4,
.st-container-vorteile .item5,
.st-container-vorteile .item6 {
    transition: all 0.6s ease;
}

.st-container-vorteile .item1:hover,
.st-container-vorteile .item2:hover,
.st-container-vorteile .item3:hover,
.st-container-vorteile .item4:hover,
.st-container-vorteile .item5:hover,
.st-container-vorteile .item6:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, .1);
    filter: drop-shadow(0 0 20px rgba(255, 255, 255, 1));
}

.st-container-vorteile .item-bild img {
    transition: all 0.6s ease;
    overflow: hidden;
}

.st-container-vorteile .item1:hover .item-bild img,
.st-container-vorteile .item2:hover .item-bild img,
.st-container-vorteile .item3:hover .item-bild img,
.st-container-vorteile .item4:hover .item-bild img,
.st-container-vorteile .item5:hover .item-bild img,
.st-container-vorteile .item6:hover .item-bild img {
    transform: scale(1.05) !important;
    filter: drop-shadow(0 0 20px rgba(255, 255, 255, 1));
}

/***** SECTION CONTAINER PRODUKTE *****/

.container-fluid.opc-Container.st-container-produkte {
    padding: 1rem 0.5rem;
    max-width: 1050px !important;
}

.productbox.productbox-hover .productbox-inner::before {
    background-color: transparent;
}

.st-container-produkte .section-title {
    text-align: center;
    margin-bottom: 1rem;
}

.st-container-produkte .section-title::after {
    content: '';
    display: block;
    width: 8%;
    margin-left: 46%;
    height: 2px;
    background-color: #707070;
    margin-top: 0.5rem;
}

.st-container-produkte .productbox-inner {
    padding: 0.5rem;
}

.st-container-produkte .productbox-show-variations.productbox-hover:hover .productbox-quick-actions,
.st-container-produkte .productbox-row .productbox-options,
.st-container-produkte .productbox-row .productbox-variations {
    display: none !important;
}

.st-container-produkte .opc-ProductStream-list {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.st-container-produkte .opc-ProductStream-list .col.product-wrapper {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 2.5rem !important;
    padding: 0 1rem;
    transition: all 0.4s ease;
}

.st-container-produkte .opc-ProductStream-list .col.product-wrapper a {
    text-decoration: none;
}

.st-container-produkte .opc-ProductStream-list .col-xl-6 {
    flex: 0 0 47%;
    max-width: 47%;
}

.st-container-produkte .productbox-inner .col-xl-3 {
    flex: 0 0 40%;
    max-width: 40%;
    padding: 0;
}

.st-container-produkte .col.productbox-details.col-xl-4.col-12 {
    flex: 0 0 95%;
    max-width: 95%;
    padding-right: 0;
    padding-left: 0.5rem;
    overflow: hidden;
}

.st-container-produkte .productbox-row,
.st-container-produkte .productbox-row .productbox-inner > .row,
.st-container-produkte .productbox-images,
.st-container-produkte .productbox-images .list-gallery,
.st-container-produkte .productbox-image.square.square-image.first-wrapper {
    min-height: 270px;
}

.st-container-produkte .productbox-images {
    margin-left: -0.5rem;
}

.st-container-produkte .square-image .inner img {
    object-fit: contain;
    height: 75%;
}

.st-container-produkte .productbox-row .productbox-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: auto;
    margin-left: 0.5rem;
    margin-bottom: 0.5rem;
}

.st-container-produkte .productbox-row .productbox-title img {
    max-width: 200px;
    max-height: 40px;
}

.st-container-produkte .productbox-details .st-iconsmerkmale {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.st-container-produkte .productbox-details .st-merkmale {
    display: flex;
    width: 90px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
}

.st-container-produkte .productbox-details .st-merkmale:nth-child(3n) {
    margin-right: 0;
}

.st-container-produkte .st-merkmale .bild-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #707070;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-bottom: 0.5rem;
    overflow: hidden;
}

.st-container-produkte .st-merkmale img {
    max-width: 35px;
    height: auto;
}

.st-container-produkte .productbox-details .st-merkmale .value {
    font-size: 0.75rem;
    color: #000;
    text-align: center;
    line-height: 1;
}

.st-container-produkte .productbox-details .st-merkmale .text {
    font-size: 0.6rem;
    font-weight: 500;
    color: #707070;
    text-align: center;
    line-height: 1;
}

/***** SECTION CONTAINER BANNER *****/

.st-container-banner {
    padding: 0;
    border-bottom: 3px solid var(--main-color);
    text-align: center;
    font-family: 'Gilroy', sans-serif;
}

.st-container-banner .titel {
    position: absolute;
    display: inline-block;
    text-align: center;
    padding: 0 1.5rem;
    left: 15%;
    top: 10%;
    font-size: 2rem;
    font-weight: 900;
    color: var(--main-color);
    background-color: #fff;
}

.st-container-banner .logo {
    padding: 3rem 0;
    max-width: 400px !important;
}

.st-container-banner .logo img {
    width: 100%;
}

.st-container-banner .subtitel {
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    color: #000;
}

.st-container-banner .bild {
    max-width: 500px;
    position: relative;
}

.st-container-banner .bild img {
    height: auto;
    max-width: 500px;
}

.st-container-banner .logo1 a,
.st-container-banner .logo2 a {
    font-family: 'Gilroy', sans-serif;
    text-transform: uppercase;
    font-size: 2.75rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -3px;
    max-width: 4ch;
}

.st-container-banner .logo1 a {
    text-decoration: none;
    color: #ed1b5d;
    position: absolute;
    top: 6%;
    left: 47%;
}

.st-container-banner .logo2 a {
    text-decoration: none;
    color: #ffea5d;
    position: absolute;
    top: 42%;
    left: 56%;
}

.st-container-banner .link a {
    display: inline-block;
    padding: 0 0.5rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: #969696;
    text-decoration: none;
    background-color: #fff;
    margin: 2rem auto;
}

/***** SECTION CONTAINER BESCHREIBUNG *****/

.st-container-beschreibung {
    padding: 3rem 1rem 1rem 1rem;
}

.st-container-beschreibung .accordion .card-header {
    background-color: transparent;
}

.st-container-beschreibung .title,
.st-container-beschreibung .opc-Accordion-head {
    color: #000;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 0;
}

.st-container-beschreibung .text {
    color: #969696;
    font-size: 0.85rem;
    text-align: justify;
}

/***** SECTION KATEGORIE, SUBKATEGORIE *****/

/* NEU VERSION */

.st-newkategorie-liste .title h1 {
    font-size: 2.5rem;
    line-height: 1;
    margin-bottom: 3rem;
    font-weight: 900;
    color: #b4b4b4;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.st-newkategorie-liste .title h1 span {
    color: var(--main-color)
}

.st-newkategorie-liste .item-bild img {
    max-height: 80px !important;
    max-width: 150px;
    margin-top: -8rem;
    transform: rotate(90deg) !important;
}

.st-newkategorie-liste .grid {
    gap: 4rem;
}

.st-newkategorie-liste .grid .col-xl-4 {
    flex: 0 0 28%;
    max-width: 28%;
    transition: all 0.4s ease;
}

.st-newkategorie-liste .grid1 {
    margin-bottom: 3rem !important;
}

.st-newkategorie-liste .item-bild {
    transition: all 0.4s ease;
}

.st-newkategorie-liste .grid .col-xl-4:hover .item-bild {
    transform: scale(1.04) translateY(-10px);
    filter: drop-shadow(0 0 20px rgba(255, 255, 255, 1));
}

.st-newkategorie-liste .grid .item-logo img {
    max-width: 250px !important;
    max-height: 25px !important;
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
    opacity: 0.8;
}

.st-newkategorie-liste .grid1 .col-xl-4:first-child .item-logo img {
    max-width: 70% !important;
}

#result-wrapper .content-cats-small {
    display: none;
}

/* ALT VERSION */

#result-wrapper .content-cats-small .sub-categories {
    background: linear-gradient(to top, #b4b4b4, #f4f4f4);
    transition: all 0.3s ease;
}

#result-wrapper .subcategories-image.d-none.d-md-flex {
    align-items: center;
}

#result-wrapper .content-cats-small .subcategories-image {
    width: 100%;
    height: 150px;
    position: relative;
    transition: all 0.4s ease;
}

#result-wrapper .content-cats-small .sub-categories picture {
    height: 100%;
}

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

#result-wrapper .sub-categories .caption a {
    font-family: 'Gilroy', sans-serif;
    font-size: 1.5rem;
    font-weight: 900;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.content-cats-small > div {
    margin-bottom: 2rem;
}

#result-wrapper .sub-categories:hover {
    border-color: transparent;
    box-shadow: 0 0 1rem 1px rgba(0, 0, 0, 0.1);
}

#result-wrapper .sub-categories:hover .caption a,
#result-wrapper .sub-categories:hover .subcategories-image {
    background-color: transparent;
    color: var(--main-color);
}

/***** SECTION KATEGORIE ITEM:  TPL oder/und OPC *****/

#result-wrapper .productlist-header-description-image {
    display: block;
    margin: 0 auto 3rem auto;
    max-width: 250px;
    max-height: 50px;
    width: auto !important;
}

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

#result-wrapper .title .h2 {
    display: none;
}

#result-wrapper .title .productlist-container {
    text-align: center;
    margin: 0 auto;
    max-width: 650px;
    padding-bottom: 2rem;
}

#result-wrapper .title .productlist-logo img {
    max-width: 250px;
    max-height: 50px;
    width: auto !important;
}

#result-wrapper .title .productlist-title {
    display: block;
    margin: 1rem 0;
    color: #b4b4b4;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1;
}

#result-wrapper .title .productlist-title span {
    color: var(--main-color);
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#result-wrapper .title .productlist-subtitle {
    font-weight: 600;
    font-size: 0.85rem;
    line-height: 1.25;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

#result-wrapper .title .grid {
    margin: 1rem 0;
    padding-left: 0;
    padding-right: 0;
    justify-content: center;
}

#result-wrapper .title .grid .col-xl-2 {
    padding-left: 0;
    padding-right: 0;
    max-width: 18%;
}

#result-wrapper .title .grid .col-xl-2 .st-merkmale {
    padding: 0 !important;
}

#result-wrapper .title .grid .col-xl-2 .st-merkmale img {
    max-width: 45px;
}

#result-wrapper .title .grid .col-xl-2 .st-merkmale .bild-wrap {
    border: 2px solid #b4b4b4;
    width: 45px;
    height: 45px;
    overflow: hidden;
}

#result-wrapper .title .grid .col-xl-2 .st-merkmale .bild-wrap img {
    max-width: 30px;
}

#result-wrapper .title .grid .bild {
    margin-bottom: 0.5rem;
}

#result-wrapper .title .grid .col-xl-2 .st-merkmale .value {
    font-size: 0.65rem;
    font-weight: 600;
}

#result-wrapper .title .grid .col-xl-2 .st-merkmale .text {
    font-size: 0.55rem;
    font-weight: 600;
}

#result-wrapper .title .productlist-merkmale {
    margin-top: 2rem;
    margin-bottom: 2rem;
    max-height: 100px;
}

#result-wrapper .title .productlist-merkmale img {
    max-height: 80px;
    width: auto !important;
}

#result-wrapper .title .productlist-bild img {
    /* HOOVA, HOOVA+ */
    width: auto !important;
    max-height: 55px;
    filter: drop-shadow(0 0 20px rgba(255, 255, 255, 1));
}

#result-wrapper .title .productlist-bild1 img {
    /* NOOK */
    width: auto !important;
    max-height: 120px;
    filter: drop-shadow(0 0 20px rgba(255, 255, 255, 1));
}

#result-wrapper .title .productlist-bild2 img {
    /* SURV */
    width: auto !important;
    max-height: 90px;
    rotate: 180deg;
    filter: drop-shadow(0 0 20px rgba(255, 255, 255, 1));
}

#result-wrapper .title .productlist-bild3 img {
    /* CIRAK AKK, CIRAK POD, SURV+ */
    width: auto !important;
    max-height: 75px;
    filter: drop-shadow(0 0 20px rgba(255, 255, 255, 1));
}

/***** SECTION PRODUCT-LIST, ITEM-BOX  *****/

#product-list .square-image .inner picture,
#product-list .productbox-inner .row .col-12,
#product-list .productbox.productbox-hover:hover .productbox-inner::before,
#product-list .productbox.productbox-hover .productbox-inner::before,
#product-list.layout-gallery .productbox-hover.productbox-show-variations.show-variation-collapse:hover {
    background-color: #f4f4f4 !important;
}

#product-list .pagination .dropdown-menu {
    background-color: transparent;
}

#product-list .square-image .inner img {
    height: 100%;
}

.text-clamp-2 {
    text-decoration: none;
    text-align: center;
    height: 2.5rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25;
    margin-top: 5px;
    margin-bottom: 0.5rem;
    color: #525252 !important;
}

.price_wrapper {
    text-align: center;
    color: #000;
    margin: 1rem 0;
    min-height: 1.25rem;
}

.price_wrapper .price,
.price_wrapper .price_on_application {
    font-family: 'Gilroy', sans-serif;
    font-weight: 600;
    color: var(--main-color);
    font-size: 1.1rem;
    transition: all 0.3s ease;
}

#quantity-grp {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    border: none;
}

.basket-form-inline .form-control {
    background-color: transparent;
    padding: 0;
    color: #707070;
}

.basket-form-inline .fas.fa-minus,
.basket-form-inline .fas.fa-plus {
    color: #707070;
}

.basket-form-inline .fas.fa-minus:hover,
.basket-form-inlinet .fas.fa-plus:hover {
    color: var(--main-color);
}

.basket-form-inline {
    align-items: center;
    justify-content: center;
    margin: 0;
    width: auto;
}

.basket-form-inline .col:first-child {
    margin-bottom: 0;
    flex: 0 0 55%;
    max-width: 55%;
    padding: 0 1rem;
}

.basket-form-inline .col:last-child {
    margin-bottom: 0;
    flex: 0 0 40%;
    max-width: 40%;
    padding: 0;
}

.product-wrapper .productbox-inner .st-langcart,
.productbox-inner .vat_info {
    display: none !important;
}

.pagination .dropdown-menu {
    background-color: transparent;
}

#add-to-cart {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 0;
}

.basket-form-inline .input-group-prepend .btn,
.basket-form-inline .input-group-append .btn {
    border-radius: 15px;
}

.basket-form-inline .input-group-text.unit.form-control {
    font-size: 0.65rem;
    padding: 1px;
    margin-right: 1px;
}

.basket-form-inline .form-control {
    height: auto;
}

.form-counter .btn {
    padding: 5px;
}

.form-counter .btn:hover {
    background-color: transparent;
}

.input-group-text.unit.form-control {
    margin-right: 5px;
}

.st-button-out {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.95rem;
    color: #707070;
    background-color: transparent;
    border: 2px solid #707070;
    /*border-radius: 25px;*/
    padding: 5px 1.25rem;
    overflow: hidden;
    transition: all 0.4s ease;
    text-decoration: none;
}

.basket-form-inline .st-button-out:hover {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

#result-wrapper .product-offer .alert.purchase-info.alert-info {
    padding: 0.5rem;
    width: 100%;
    border-radius: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#result-wrapper .product-offer .alert.purchase-info.alert-info p {
    margin-bottom: 0;
    font-size: 0.75rem;
}

#product-list .product-wrapper:hover .basket-form-inline .btn-primary,
#product-list .product-wrapper:hover .basket-form-inline .st-button-out {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
    opacity: 1;
}

#product-list .product-wrapper:hover .price_wrapper .price,
#product-list .product-wrapper:hover .price_wrapper .price_on_application {
    color: var(--main-color);
}

/***** SECTION PRODUCT CARD DESCRIPTION  *****/

/* Titel, Price, Description */

#product-offer .product-headline .h2 {
    font-size: 1.75rem;
    font-weight: 600;
    color: #707070;
    line-height: 1;
}

#product-offer .product-info-inner {
    background-color: #fff;
    position: relative;
    padding: 1rem 1rem 0 1rem;
    min-height: max-content;
}

#product-offer .product-info-inner .price_wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 0;
    color: #707070;
}

#product-offer .product-info-inner .base-price.text-nowrap-util {
    font-weight: 600;
    font-size: 0.85rem;
}

#product-offer .product-info-inner .price_wrapper .price.h1 {
    font-size: 1.5rem;
    margin-bottom: 0;
    font-weight: 500;
    display: flex;
    align-items: flex-end;
}

#product-offer .product-info-inner .text-danger {
    color: #707070 !important;
    margin-right: 0.5rem;
    font-size: 1.2rem;
}

#product-offer .product-info-inner .price.h1 .special-price {
    margin-bottom: 0;
    color: var(--main-color);
    font-size: 1.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
}

#product-offer .product-info-inner .price_wrapper .vat_info {
    font-size: 0.85rem;
    font-weight: 400;
    margin-left: 5px;
    display: flex;
    align-items: flex-end;
}

#product-offer .text-muted.small {
    margin-left: 5px;
    font-size: 0.85rem;
}

#product-offer .text-muted.small::before {
    content: ",";
}

#product-offer .product-info-inner .shipment.popup {
    margin-left: 2px;
    text-decoration: none;
}

#product-offer .product-info-inner .price_label.per_unit {
    font-size: 0.85rem;
    font-weight: 400;
    margin-right: 0.5rem;
}

#result-wrapper .product-info-inner .shortdesc,
#result-wrapper #tab-description .st-desc {
    background-color: #fff;
    color: #000;
    padding: 0 1rem 0 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25;
    margin-top: 1rem;
    min-height: 7rem;
}

#result-wrapper .product-info-inner .st-desc {
    padding-right: 5px;
    margin: 1.5rem 0;
    text-align: justify;
}

#result-wrapper #tab-description .st-desc {
    padding: 1rem;
    text-align: justify;
}

#result-wrapper #tab-description .st-desc p {
    padding: 0 !important;
}


#result-wrapper #tab-description .st-desc,
#result-wrapper #tab-description .st-desc p,
#result-wrapper #tab-description .st-desc p span {
    color: #000;
}

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

/* Custom Merkmale */

#result-wrapper .st-iconsmerkmale {
    display: flex;
    flex-wrap: wrap;
}

#result-wrapper .st-iconsmerkmale .st-merkmale {
    display: flex;
    width: 94px;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0.75rem;
    padding: 0 0.25rem;
}

#result-wrapper .st-merkmale .bild-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #707070;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-bottom: 0.5rem;
}

#result-wrapper .st-merkmale img {
    max-width: 35px;
    height: auto;
}

#result-wrapper .st-merkmale .value {
    font-size: 0.75rem;
    color: #000;
    text-align: center;
    line-height: 1;
}

#result-wrapper .st-merkmale .text {
    font-size: 0.6rem;
    color: #707070;
    text-align: center;
    line-height: 1;
}

/* Lieferung */

#product-offer .product-info .stock-information {

    border-top: none;
    border-bottom: none;
}

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

#result-wrapper .fa-truck::before {
    font-size: 1.1rem;
}

#result-wrapper .delivery-status .status-0,
#result-wrapper .delivery-status .status-2,
#result-wrapper .st-status {
    font-size: 0.85rem;
    font-weight: 500;
    color: #00bf63;
}

#result-wrapper .delivery-status .status-0 {
    color: #b90000;
    font-size: 0.85rem;
    font-weight: 600;
}

#result-wrapper .st-status {
    font-size: 0.75rem;
    font-weight: 700;
}

#result-wrapper .st-versand,
#result-wrapper .estimated-delivery {
    font-size: 0.85rem;
    color: #707070;
    font-weight: 500;
}

#result-wrapper .estimated-delivery-info {
    font-size: 0.65rem;
}

#result-wrapper .estimated-delivery:hover .estimated-delivery-info {
    color: var(--main-color);
}

.stock-information .st-vers {
    width: 20px;
    margin-right: 5px;
}

#result-wrapper .status-icon {
    width: 20px;
    margin-right: 10px;
}

#result-wrapper .st-original {
    color: var(--main-color);
    font-size: 0.85rem;
    font-weight: 500;
}

/* Quantity, Price */

#result-wrapper .btn-primary {
    font-weight: 600;
    font-size: 1rem;
    color: #707070;
    background-color: transparent;
    border: 2px solid #707070;
    /*border-radius: 25px;*/
    padding: 2px 0.5rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.4s ease;
    opacity: 1;
}

#result-wrapper .btn-primary:hover {
    color: #fff;
    border-color: var(--main-color);
    background-color: var(--main-color);
}

#result-wrapper .basket-form-inline .btn-primary::after {
    content: '';
    display: inline-block;
    width: 17px;
    height: 20px;
    margin: 2px 4px 3px 5px;
    background-size: cover;
    background-position: center;
    transition: all 0.6s ease;
}

#result-wrapper .basket-form-inline .btn-primary:hover {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

#result-wrapper :not(.st-container-vodka) .btn-primary img {
    width: 20px;
    height: auto;
    padding-bottom: 5px;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
}

#result-wrapper .product-offer .basket-form-inline .col:first-child {
    flex: 0 0 40%;
    max-width: 40%;
}

#result-wrapper .product-offer .basket-form-inline .col:last-child {
    flex: 0 0 40%;
    max-width: 40%;
}

/* Bulk Price */

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

#image_wrapper #gallery,
#product-offer .product-info .product-offer {
    margin-bottom: 0;
}

#product-offer .product-info .stock-information.stock-information-p {
    padding: 0 0 1rem 0;
}

/*** Img ***/
#result-wrapper #product-offer .square-image .inner img {
    height: 100%;
}

/*** Bundle Oft Kaufen ***/

#result-wrapper .st-oftkauften {
    scrollbar-color: #525252 #f4f4f4;
}

#result-wrapper .st-oftkauften .ws5_ozg_plus {
    color: #525252;
}

#result-wrapper .ws5_ozg_container {
    display: flex;
    flex-direction: column;
    font-family: 'Gilroy', sans-serif;
    padding: 1rem;
    margin: 2rem 0;
    border: 2px solid #525252
}

#result-wrapper .ws5_ozg_box_headline {
    margin-bottom: 0.5rem;
}

#result-wrapper .st-oftkauften .ws5_ozg_container .row {
    justify-content: space-around;
    padding-right: 0;
}

#result-wrapper .st-oftkauften .ws5_ozg_box_content {
    height: 200px;
}

#result-wrapper .st-oftkauften .ws5_ozg_box_content p {
    font-size: 0.85rem;
    margin-bottom: 0;
}

#result-wrapper .st-oftkauften a {
    text-decoration: none;
}

#result-wrapper .st-oftkauften .ws5_ozg_artikel img {
    max-height: 130px;
    width: auto;
}

#result-wrapper .st-oftkauften .ws5_ozg_plus_container {
    align-self: flex-start;
    color: var(--main-color);
    margin-top: 4rem;
}

#result-wrapper .st-oftkauften .ws5_ozg_plus {
    color: #525252;
}

#result-wrapper .st-oftkauften .ws5_ozg_artikel {
    max-height: 250px;
}

#result-wrapper .st-oftkauften [id^="ws5_ozg_artikel"] {
    height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

#result-wrapper .st-oftkauften .ws5_ozg_gesamtpreis {
    margin-left: 0.5rem;
    font-weight: 600;
}

#result-wrapper .st-oftkauften .ws5_ozg_checkbox_container.col-lg-5 {
    padding: 0 0.5rem;
    justify-content: center;
    max-height: 250px;
    margin-top: -2.5rem;
    overflow-y: auto;
}

#result-wrapper .st-oftkauften input[type="checkbox"] + label,
#result-wrapper .st-oftkauften input[type="checkbox"] + label strong {
    font-weight: 600;
    font-size: 0.85rem;
}

#result-wrapper .st-oftkauften .ws5_ozg_artikelname {
    background-color: rgba(255, 255, 255, 0.2);
}

#result-wrapper .st-oftkauften .fas.fa-cart-plus {
    display: none;
}

#result-wrapper .ws5_ozg_warenkorb_button.btn-primary {
    font-family: 'Gilroy', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 10px;
    color: #fff;
    background-color: #707070;
    border: 1px solid #707070;
    border-radius: 15px;
    width: 75%;
    transition: all 0.4s ease;
}

#result-wrapper .st-oftkauften .ws5_ozg_warenkorb_button.btn-primary::after {
    content: '';
    display: inline-block;
    width: 17px;
    height: 20px;
    margin-left: 0.5rem;
    background-size: cover;
    background-position: center;
    margin-bottom: 3px;
}

#result-wrapper .ws5_ozg_warenkorb_button.btn-primary:hover {
    background-color: var(--main-color) !important;
    border-color: var(--main-color);
}

#result-wrapper .st-oftkauften input[type="checkbox"] {
    display: none;
    position: absolute;
}

#result-wrapper .st-oftkauften input[type="checkbox"] + label::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: transparent;
    color: #525252;
    cursor: pointer;
    margin-right: 5px;
    margin-left: -0.5rem;
}

#result-wrapper .st-oftkauften input[type="checkbox"]:checked + label::before {
    content: '\2714';
    background: transparent;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    margin-left: -0.5rem;
    color: #525252;
}

/* Andere Beschreibung */

#result-wrapper .tab-navigation .nav-link {
    font-family: 'Gilroy', sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    color: #707070;
}

#result-wrapper #label-availabilityNotification {
    position: relative;
    list-style-type: none;
    text-align: right;
    margin-top: -4rem;
    padding-bottom: 1rem;
    margin-right: 1rem;
}

#result-wrapper #tab-link-availabilityNotification {
    font-family: 'Gilroy', sans-serif;
    font-size: 0.75rem;
    line-height: 1.25;
    font-weight: 600;
    color: #707070;
    background-color: transparent;
    border: 2px solid #707070;
    /*border-radius: 25px;*/
    padding: 3px 5px;
    overflow: hidden;
    display: inline-block;
    transition: all .3s ease;
}

#result-wrapper #tab-link-availabilityNotification:hover {
    border-color: var(--main-color);
    background-color: var(--main-color);
    color: #fff;
}

#result-wrapper .tab-navigation #label-availabilityNotification {
    margin-right: 0.5rem;
    position: static;
    margin-top: -11.5rem;
}

#tab-availabilityNotification {
    position: relative;
    border: 2px solid var(--main-color);
    padding: 0.5rem 1rem;
    background-color: #f4f4f4;
}

#result-wrapper .tab-navigation .nav-tabs {
    border-bottom: 1px solid #b4b4b4;
    justify-content: flex-start;
    margin-bottom: 1rem;
}

#tab-content-product-tabs .table-striped tbody tr {
    background-color: #fff;
}

#tab-content-product-tabs .table-striped {
    border-collapse: separate;
    border-spacing: 0 0.5rem;
}

#tab-description .product-attributes .table-sm td {
    padding: 3px 1rem;
    vertical-align: inherit !important;
    width: 50%;
}

#tab-content-product-tabs .h6,
#tab-content-product-tabs .weight-unit,
#tab-content-product-tabs .attr-weight {
    font-size: 1rem;
    color: #707070;
    line-height: 1.25;
    height: 28px;
}

#tab-description .badge-primary {
    margin-bottom: 0;
    padding: 0;
    color: #707070;
    background-color: transparent;
    font-size: 1rem;
    font-weight: 400;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

#tab-description .badge-primary:hover {
    color: #fff;
    background-color: var(--main-color);
}

#tab-description .desc {
    margin-bottom: 0 !important;
}

#tab-description .product-attributes,
#result-wrapper .tab-content {
    margin-top: 0 !important;
}

#result-wrapper .tab-navigation,
#result-wrapper .tab-content,
#tab-description .product-attributes .table {
    margin-bottom: 0;
}

#result-wrapper .tab-navigation {
    margin-top: 3rem;
}

/* Custom Atributes */

#result-wrapper .st-titel {
    display: flex;
    font-family: 'Gilroy', sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    color: #707070;
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #b4b4b4;
}

#result-wrapper .st-gefahrenhinweis,
#result-wrapper .st-anwendungen,
#result-wrapper .st-faq {
    background-color: #fff;
    color: #000;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 500;
}

#result-wrapper .st-gefahrenhinweis {
    text-align: center;
    padding: 2rem;
    font-weight: 500;
}

#result-wrapper .st-gefahrenhinweis .st-bild {
    max-width: 100px;
    margin-bottom: 1rem;
}

#result-wrapper .st-faq {
    padding-top: 1.5rem;
    padding-bottom: 2rem;
}

#result-wrapper .st-faq .st-frage {
    display: block;
    font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

/* ÄNDERE SLIDERS - Cross-Selling, Ähnliche Artikel. Basket usw  */

#result-wrapper .container-fluid {
    position: relative;
    margin-top: 2rem;
    background-color: transparent !important
}

#result-wrapper #slider-partslist .slick-list,
#result-wrapper #slider-top-products .slick-list,
#result-wrapper #slider-related .slick-list,
#result-wrapper #slider-bestseller-products .slick-list,
#result-wrapper [id^="slider-xsell"] .slick-list {
    padding: 1rem 0;
}

#result-wrapper #slider-partslist .product-wrapper-product,
#result-wrapper #slider-top-products .product-wrapper-product,
#result-wrapper #slider-related .product-wrapper-product,
#result-wrapper #slider-bestseller-products .product-wrapper-product,
#result-wrapper [id^="slider-xsell"] .product-wrapper-product {
    height: 100%;
    padding: 0 0.5rem 1rem 0.5rem;
    transition: all 0.4s ease;
}

#result-wrapper #slider-partslist .product-wrapper-product:hover,
#result-wrapper #slider-top-products .product-wrapper-product:hover,
#result-wrapper #slider-related .product-wrapper-product:hover,
#result-wrapper #slider-bestseller-products .product-wrapper-product:hover,
#result-wrapper [id^="slider-xsell"] .product-wrapper-product:hover {
    box-shadow: 0 0 1rem 1px rgba(0, 0, 0, 0.1);
}

#result-wrapper #slider-partslist .product-wrapper a:nth-of-type(2),
#result-wrapper #slider-top-products .product-wrapper a:nth-of-type(2),
#result-wrapper #slider-related .product-wrapper a:nth-of-type(2),
#result-wrapper #slider-bestseller-products .product-wrapper a:nth-of-type(2),
#result-wrapper [id^="slider-xsell"] .product-wrapper a:nth-of-type(2) {
    text-decoration: none;
}

#result-wrapper #slider-related .price_wrapper,
#result-wrapper #slider-top-products .price_wrapper,
#result-wrapper #slider-bestseller-products .price_wrapper,
#result-wrapper [id^="slider-xsell"] .price_wrapper,
#result-wrapper #slider-related .shipment,
#result-wrapper #slider-bestseller-products .shipment,
#result-wrapper [id^="slider-xsell"] .shipment {
    color: #707070;
    line-height: 1;
}

.basket_wrapper .base_price,
#slider-top-products .base_price,
#slider-bestseller-products .base_price,
#slider-partslist .base_price,
[id^="slider-xsell"] .base_price,
#slider-related .base_price {
    color: #707070;
    font-size: 0.75rem;
    margin-top: 2px;
}

#result-wrapper #slider-related span[itemprop="name"],
#result-wrapper #slider-top-products span[itemprop="name"],
#result-wrapper #slider-bestseller-products span[itemprop="name"],
#result-wrapper [id^="slider-xsell"] span[itemprop="name"] {
    display: block;
    min-height: 2.5rem;
    font-weight: 600;
}

#result-wrapper #slider-partslist span[itemprop="name"] {
    font-weight: 600;
}

#result-wrapper #slider-partslist .btn-info,
#result-wrapper #slider-top-products .btn-info,
#result-wrapper #slider-related .btn-info,
#result-wrapper #slider-bestseller-products .btn-info,
#result-wrapper [id^="slider-xsell"] .btn-info {
    color: #fff;
    background-color: #b4b4b4;
    border-color: #b4b4b4;
    margin-bottom: 0.5rem;
}

#result-wrapper #slider-partslist .productbox-price,
#result-wrapper #slider-top-products .productbox-price,
#result-wrapper #slider-related .productbox-price,
#result-wrapper #slider-bestseller-products .productbox-price,
#result-wrapper [id^="slider-xsell"] .productbox-price {
    font-family: 'Gilroy', sans-serif;
    font-size: 1.1rem;
    color: #000;
}

#result-wrapper #slider-partslist .vat_info,
#result-wrapper #slider-top-products .vat_info,
#result-wrapper #slider-related .vat_info,
#result-wrapper #slider-bestseller-products .vat_info,
#result-wrapper [id^="slider-xsell"] .vat_info {
    display: none;
}

#result-wrapper #slider-partslist .carousel .slick-arrow,
#result-wrapper #slider-top-products .carousel .slick-arrow,
#result-wrapper #slider-related .carousel .slick-arrow,
#result-wrapper #slider-bestseller-products .carousel .slick-arrow,
#result-wrapper [id^="slider-xsell"] .carousel .slick-arrow {
    bottom: -1%;
}

#result-wrapper #slider-partslist .carousel-arrows-inside .slick-prev,
#result-wrapper #slider-top-products .carousel-arrows-inside .slick-prev,
#result-wrapper #slider-related .carousel-arrows-inside .slick-prev,
#result-wrapper #slider-bestseller-products .carousel-arrows-inside .slick-prev,
#result-wrapper [id^="slider-xsell"] .carousel-arrows-inside .slick-prev {
    left: 50%;
    margin-left: -20px;
}

#result-wrapper #slider-partslist .form.form-basket.jtl-validate,
#result-wrapper #slider-top-products .form.form-basket.jtl-validate,
#result-wrapper #slider-related .form.form-basket.jtl-validate,
#result-wrapper #slider-bestseller-products .form.form-basket.jtl-validate,
#result-wrapper [id^="slider-xsell"] .form.form-basket.jtl-validate {
    min-height: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    width: 95%;
}

#result-wrapper #slider-partslist .basket-form-inline,
#result-wrapper #slider-top-products .basket-form-inlinee,
#result-wrapper #slider-related .basket-form-inline,
#result-wrapper #slider-bestseller-products .basket-form-inline,
#result-wrapper [id^="slider-xsell"] .basket-form-inline {
    justify-content: space-between;
    width: 90%;
}

#result-wrapper #slider-partslist .basket-form-inline .col:first-child,
#result-wrapper #slider-top-products .basket-form-inline .col:first-child,
#result-wrapper #slider-related .basket-form-inline .col:first-child,
#result-wrapper #slider-bestseller-products .basket-form-inline .col:first-child,
#result-wrapper [id^="slider-xsell"] .basket-form-inline .col:first-child {
    margin-bottom: 0;
    flex: 0 0 55%;
    max-width: 55%;
    padding: 0 0.5rem;
}

#result-wrapper #slider-partslist .basket-form-inline .col:last-child,
#result-wrapper #slider-top-products .basket-form-inline .col:last-child,
#result-wrapper #slider-related .basket-form-inline .col:last-child,
#result-wrapper #slider-bestseller-products .basket-form-inline .col:last-child,
#result-wrapper [id^="slider-xsell"] .basket-form-inline .col:last-child {
    margin-bottom: 0;
    flex: 0 0 40%;
    max-width: 40%;
    padding: 0;
}

/***** SECTION VODKA SEITE *****/

.st-container-vodka {
    margin-top: -1.5rem !important;
}

.st-container-vodka .logo {
    max-width: 250px !important;
}

.st-container-vodka .title {
    font-family: 'Gilroy', sans-serif;
    color: #00aad4;
    text-transform: uppercase;
    font-size: 3rem;
    text-align: center;
    font-weight: 900;
}

.st-container-vodka .row.grid1 {
    margin-top: 2rem;
    margin-bottom: 8rem;
    text-align: center;
    justify-content: center;
    gap: 3.5rem;
}

.st-container-vodka .row.grid1 .col.col-md-2.col-lg-2.col-xl-2.col-2 {
    display: flex;
    justify-content: center;
    align-items: inherit;
    background-color: #b4b4b4;
    color: #fff;
    max-width: 9rem;
    max-height: 8rem;
    padding: 0.75rem 0.25rem;
}

.st-container-vodka .row.grid1 .col.col-md-2.col-lg-2.col-xl-2.col-2::after {
    content: "";
    position: absolute;
    height: 5px;
    width: 80%;
    background-color: #00aad4;
    bottom: -2rem;
}

.st-container-vodka .row.grid1 .col.col-md-2.col-lg-2.col-xl-2.col-2 span {
    color: #00aad4;
}

.st-container-vodka .row.grid1 .text1 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: italic;
    font-weight: 700;
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
    line-height: 1;
}

.st-container-vodka .row.grid1 .text1 span {
    font-style: normal;
    font-size: 0.85rem;
    margin-left: 0.25rem;
    margin-top: auto;
    color: #fff !important;
}

.st-container-vodka .row.grid1 .col.col-md-2.col-lg-2.col-xl-2.col-2:first-child .text1 span {
    display: flex;
    flex-direction: column;
    font-style: normal;
    font-size: 0.85rem;
    max-width: 3ch;
    margin-left: 0.5rem;
    margin-top: auto;
    color: #00aad4 !important;
}

.st-container-vodka .row.grid1 .text2 {
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 1rem;
    line-height: 1.25;
}

.st-container-vodka .row.grid1 .text .icon {
    width: 35px;
    height: 35px;
    margin-bottom: 0.5rem;
}

.st-container-vodka .row.grid2 {
    margin-right: -2rem;
}

.st-container-vodka .row.grid2 .subtitle1,
.st-container-vodka .row.grid2 .subtitle2 {
    font-family: 'Gilroy', sans-serif;
    text-transform: uppercase;
    font-size: 3rem;
    line-height: 1;
    font-weight: 900;
    margin-top: 5rem;
    letter-spacing: -3px;
    max-width: 5ch;
}

.st-container-vodka .row.grid2 .subtitle1 {
    color: #ed1b5d;
}

.st-container-vodka .row.grid2 .subtitle2 {
    color: #ffea5d;
}

.st-container-vodka .row.grid2 .img-container img {
    max-height: 700px;
    transform-origin: center;
    transition: all 0.4s ease;
}

.st-container-vodka .row.grid2 .img-container:hover img {
    transform: scale(1.03) rotateY(5deg) rotateX(5deg);
}

#result-wrapper .st-container-vodka .btn-primary {
    background-color: #00aad4;
    margin-top: 1rem;
    border-color: #00aad4;
    border-radius: 0;
    color: #fff;
    font-size: 1.5rem;
    padding: 0.2rem 1.3rem;
    transition: all 0.4s ease;
}

#result-wrapper .st-container-vodka .btn-primary:hover {
    box-shadow: 0 0 1rem 1px rgba(0, 0, 0, 0.15);
}

.st-container-vodka .row.grid2 .subtitle1,
.st-container-vodka .opc-Button.prise1 {
    margin-left: 5rem;
}

.st-container-vodka .opc-Button.prise1,
.st-container-vodka .opc-Button.prise2 {
    width: 7rem;
}

/***** SECTION FAQ *****/

.container-fluid.opc-Container.st-faq {
    max-width: 800px;
}

.st-faq h1 {
    text-align: center !important;
    margin-bottom: 2rem;
    font-weight: 600;
}

.st-faq .accordion > .card > .card-header {
    background-color: #fff;
    padding: 5px;
}

.st-faq .accordion > .card {
    background-color: #fff;
    border: none;
    border-bottom: 3px solid #f5f7fa;
}

.st-faq .btn.opc-Accordion-head.btn-link {
    font-weight: 600;
    font-size: 1.15rem;
    border: none;
    width: 100%;
    padding: 5px;
    margin-bottom: 3px;
    text-align: left;
    line-height: 1.25;
}

.st-faq :not(.navbar-toggler)[data-toggle="collapse"]::after {
    content: '\002b' !important;
    font-weight: 900;
    color: var(--main-color);
    font-size: 1.5rem;
    margin-left: 1.5rem;
}

/***** SECTION WERBEARTIKEL *****/
.st-werbeartikel a {
    text-decoration: none;
    font-weight: 600;
    display: none;
}

/**** E-Flyer ***/

.st_flyer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
}

.st_flyer h1 {
    font-family: 'Gilroy', sans-serif;
    font-weight: 600;
    margin-bottom: 2rem;
}

.st_flyer iframe {
    width: 100% !important;
}

/***** SECTION KINDERSICHERUNG *****/

.st-container-kindersicherung {
    text-align: center;
    padding: 0;
    margin-bottom: 2rem !important;
}

.st-container-kindersicherung .title {
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 600;
    color: #707070;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 1rem;
}

.st-container-kindersicherung .subtitle {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25;
    margin-bottom: 5rem;
    color: #707070;
    padding-left: 1rem;
    padding-right: 1rem;
}

.st-container-kindersicherung .grid {
    gap: 1rem;
    justify-content: center;
    margin: 1rem 0 0 0;
}

.st-container-kindersicherung .grid .col-xl-4 {
    flex: 0 0 32%;
    max-width: 32%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: inherit;
    background: linear-gradient(to left top, #b8b8b8, #f8f8f8);
    padding: 0.5rem;
}

.st-container-kindersicherung .item-bild {
    padding: 0;
    min-height: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.st-container-kindersicherung .item-bild img {
    margin: 3rem 0;
    padding: 0 0.5rem;
    max-height: 150px !important;
    width: auto !important;
    filter: drop-shadow(0 0 20px rgba(255, 255, 255, 1));
}

.st-container-kindersicherung .item-bild1 img {
    margin: 1.5rem 0;
}

.st-container-kindersicherung .row.grid .col.col-md-6.col-lg-6.col-xl-6.col-6 {
    margin-top: auto;
}

.st-container-kindersicherung .item-logo img {
    max-width: 90% !important;
    max-height: 45px !important;
    margin-top: 1rem;
    opacity: 0.8;
}

.st-container-kindersicherung .item-logo2 img {
    max-height: 45px !important;
    margin-top: 1rem;
}

.st-container-kindersicherung .grid1 .col-xl-4:first-child .item-logo img {
    max-width: 80% !important;
}

.st-newkategorie-liste .grid1 .col-xl-4:first-child .item-logo img {
    max-width: 65% !important;
}

.st-container-kindersicherung .item-text {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    background-color: #fff;
    color: #525252;
    height: 100%;
    font-size: 1.25rem;
}

/***** SECTION SECURITY CHECK *****/

.st-container-security .st-text1 {
    text-align: justify;
    line-height: 1.25;
}

.st-container-security .prufen {
    border-top: 5px solid var(--main-color);
    padding: 5rem 0;
}

.st-container-security .prufen .btn-primary {
    padding: 0.3rem 3rem;
    font-size: 1.25rem;
    letter-spacing: 1px;
    font-weight: 400;
}

.st-container-security .prufen .btn-primary:hover {
    box-shadow: 0 0 0.5rem 1px rgba(0, 0, 0, 0.15);
}

.st-container-security .row.grid {
    border-top: 2px solid var(--main-color);
    margin: 2rem 0 5rem 0;
    padding: 3rem 2rem;
    text-align: center;
    justify-content: center;
    gap: 4rem;
}

.st-container-security .row.grid .col-xl-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 14%;
    max-width: 14%;
    font-size: 0.85rem;
    font-weight: 500;
    background-color: #f4f4f4;
    padding: 1rem 0.5rem;
}

.st-container-security .st-text2 p {
    margin-bottom: 0;
}

/***** ACCOUNT *****/
#register-customer .btn.btn-link.customer-login-buttons-forgot {
    font-size: 0.85rem;
    padding: 4px;
}

#new_customer {
    font-family: 'Gilroy', sans-serif;
}

#new_customer .opc-Flipcard {
    display: none;
}

#new_customer .h2 {
    display: block;
    text-align: center;
    position: relative;
    font-weight: 600;
    font-size: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 2px;
    color: #707070;
    line-height: 1;
}

#new_customer .h2 a,
#new_customer .h2 span {
    color: var(--main-color);
    font-weight: 800;
    text-decoration: none;
}

#panel-register-form .custom-control-label,
#form-register .custom-control-label,
#newsletter-subscribe .custom-control-label {
    color: var(--main-color);
    font-size: 0.85rem;
}

#panel-register-form .custom-control-label a,
#form-register .custom-control-label a,
#newsletter-subscribe .custom-control-label a {
    font-weight: 600;
    color: var(--main-color);
}

#panel-register-form .custom-control-label .optional,
#form-register .custom-control-label .optional,
#newsletter-subscribe .custom-control-label .optional {
    display: none;
}

#newsletter-subscribe .h3 {
    color: var(--main-color);
}

.account-icon-dropdown .dropdown-footer {
    background-color: #f5f7fa;
    font-weight: 700;
    text-align: center;
    font-size: 1rem;
}

.account-icon-dropdown {
    z-index: 1;
}

.dropdown-menu.dropdown-menu-right.show {
    border: 2px solid var(--main-color);
    border-top: none;
    background-color: #fff;
    z-index: 1041;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: var(--main-color);
}

#account .card {
    border-color: var(--main-color);
}

#result-wrapper .row.checkout-button-row .btn-primary {
    border-radius: 0;
    padding: 0.5rem 0;
    color: #fff;
    background-color: #ff5228;
    border-color: #ff5228;
    transition: all 0.3s ease;
}

#result-wrapper .row.checkout-button-row .btn-primary:hover {
    opacity: 0.9;
}

/***** WARENCORB *****/

#shop-nav .cart-icon-dropdown img {
    max-width: 50px;
}

.container.basket .cart-items-body .cart-items-name {
    text-decoration: none;
    font-weight: 700;
    font-size: 1rem;
    overflow: hidden;
}

.container.basket .cart-items-body .config-items .price_value {
    display: none;
}

.cart-items-body .col.col-md-7.col-xl-4.col-12 {
    font-weight: 500;
}

.container.basket .cart-items-body .list-unstyled {
    font-size: 0.85rem;
}

.container.basket .cart-items-body .list-unstyled .manufacturer {
    display: none;
}

.container.basket .row.cart-items-body.type-3 {
    background: #f5f7fa;
}

.container.basket .cart-summary {
    padding: 1rem;

    border: 1px solid var(--main-color);
}

.container.basket .form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef50;
    color: #707070;
}

.container.basket .row.basket-summary-notice.basket-summary-top {
    margin-top: 0.5rem;
    flex-wrap: nowrap;
}

.container.basket .basket_notice {
    font-size: 0.85rem;
    line-height: 1.25;
    color: var(--main-color);
}

.container.basket .fas.fa-truck {
    color: var(--main-color);
}

.basket_wrapper .product-wrapper-product {
    padding-left: 0;
    padding-right: 0;
    margin: 0 10px;
}

.basket_wrapper .product-wrapper .square-image .inner img {
    height: 100%;
}

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

.basket_wrapper .product-wrapper span[itemprop="name"] {
    display: block;
    min-height: 2.5rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.basket_wrapper .product-wrapper .price_wrapper {
    margin: 0;
    color: var(--main-color);
}

.basket_wrapper .product-wrapper .text-clamp-2 {
    margin-bottom: 0;
}

.basket_wrapper .product-wrapper .vat_info {
    display: none;
}

.basket_wrapper .product-wrapper .form.form-basket.jtl-validate {
    min-height: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 0;
}

.basket_wrapper .product-wrapper .btn-primary {
    font-weight: 600;
    font-size: 1rem;
    color: #707070;
    background-color: transparent;
    border: 2px solid #707070;
    /*border-radius: 25px;*/
    padding: 2px 0.5rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.4s ease;
    opacity: 1;
}

.basket_wrapper .product-wrapper .btn-primary::after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 21px;
    margin: 2px 5px 5px 5px;
    background-size: cover;
    background-position: center;
    transition: all 0.6s ease;
}

.basket_wrapper .product-wrapper .btn-primary:hover {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.basket_wrapper .carousel .slick-arrow {
    bottom: -7%;
}

.basket_wrapper .cart-items-body .cart-items-quantity .form-counter .form-control {
    border: 1px solid #f4f4f4
}

header .btn-outline-primary {
    color: #525252 !important;
}

.basket_wrapper .slick-slider-other .basket-form-inline {
    display: none;
}

.basket #cart-checkout-btn {
    font-size: 1rem;
    margin-bottom: 1rem;
}

.container.basket .row.cart-items-body.type-3 {
    color: var(--main-color);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.container.basket .row.cart-items-body.type-3 hr {
    display: none;
}

/***** OFFICIALE INHALTE *****/

.container.link-content h1 {
    text-align: center;
    margin-bottom: 2rem;
}

.container.link-content h3 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    font-weight: 600;
    font-size: 1.25rem;
}

.container.link-content h4 {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
    font-weight: 600;
    font-size: 1.1rem;
}

/***** SECTION PUSH *****/
#pushed-success {
    border: 1px solid #cee8d1;
}

#pushed-success .product-wrapper-product {
    padding-bottom: 5px;
}

#pushed-success .product-wrapper-product .price_wrapper {
    color: var(--main-color);
}

.pushed-success-image-wrapper .img-fluid {
    max-width: 50%;
}

.pushed-success-buttons .btn-primary img {
    width: 20px;
    fill: #fff;
}

#pushed-success .btn-outline-primary {
    font-weight: 500;
    font-size: 1rem;
    color: #525252;
    background-color: transparent;
    border: 1px solid #525252;
    /*border-radius: 25px;*/
    padding: 3px 0.5rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

#pushed-success .btn-outline-primary:hover {
    border-color: var(--main-color);
    color: var(--main-color);
}

#pushed-success .fa.fa-arrow-circle-left {
    font-size: 1.25rem;
    margin-right: 5px;
}

#pushed-success .btn-primary {
    font-weight: 500;
    font-size: 1rem;
    color: #525252;
    background-color: transparent;
    border-color: #525252;
    /*border-radius: 25px;*/
    padding: 3px 0.5rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.4s ease;
}

#pushed-success .btn-primary::after {
    content: '';
    display: inline-block;
    width: 17px;
    height: 20px;
    margin: 1px 5px 3px 5px;
    background-image: url('/media/image/storage/opc/Icons/cart-weiss.png') !important;
    background-size: cover;
    background-position: center;
    transition: all 0.6s ease;
}

#pushed-success .btn-primary:hover {
    color: #fff;
    border-color: var(--main-color);
    background-color: var(--main-color);
}

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

#pushed-success .vat_info {
    display: none;
}

#pushed-success .basket-form-inline #quantity-grp {
    border: none;
}

[data-page="2"] .modal-title {
    color: var(--main-color);
}

#pushed-success .carousel .slick-arrow {
    bottom: -5%;
}

#pushed-success .carousel-arrows-inside .slick-prev {
    margin-left: -10px;
}

/***** SECTION FOOTER *****/

#footer {
    background-color: #fff;
    padding-top: 0;
    z-index: 10;
    position: relative;
}

#footer a:not(.btn):hover {
    color: var(--main-color);
}

#footer,
#footer .productlist-filter-headline,
#footer p,
#footer a {
    color: #707070;
    font-weight: 500;
}

#footer .productlist-filter-headline {
    font-weight: 700;
}

#footer a:not(.btn) {
    color: #525252;
    font-weight: 500;
}

#footer .container {
    border-top: 2px solid rgb(115, 115, 115);
}

/*** Versand - Zahlung- Support ***/

.st-container-support {
    display: flex;
    padding: 1.5rem 0;
    justify-content: space-between;
}

.st-container-support .col {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.footer_support {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-decoration: none;
}

.st-container-support img {
    max-height: 35px;
    width: auto !important;
    margin-bottom: 0.5rem;
}

/*** Footer Newsletter ***/

#footer .newsletter-footer-heading,
#footer .newsletter-footer p,
#footer .newsletter-footer a:not(.btn) {
    color: #fff;
    text-align: left;
}

#footer .newsletter-footer-heading {
    margin-bottom: 0;
}

#footer .newsletter-footer {
    background-color: var(--main-color);
    padding: 2rem 0 0 0;
    color: #fff;
    justify-content: center;
}

#footer .newsletter-footer .st-container-newsletter {
    display: flex;
    padding: 0 4rem;
}

.st-10newsletter {
    text-align: justify;
    padding: 0 0.5rem 0.5rem;
    line-height: 1.25;
    font-size: 0.75rem;
}

#footer .newsletter-footer .st-container-newsletter .info {
    text-align: justify;
    padding: 0;
    line-height: 1.25;
}

#footer .newsletter-footer .newsletter-title {
    font-size: 1.15rem;
    margin-bottom: 0.5rem;
}

#footer .newsletter-footer .newsletter-text {
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
}

#footer .newsletter-footer .st-newsletter-form {
    padding-top: 0.5rem;
    margin-bottom: 2rem;
}

#footer .newsletter-footer .btn.min-w-sm.btn-secondary {
    padding: 5px 1.2rem 5px 1rem;
}

#footer .newsletter-footer .newsletter-icon {
    transition: all 1s ease;
}

#footer .newsletter-footer .newsletter-icon:hover {
    transform: translate(3px, -3px);
}

#footer .newsletter-footer form input {
    border: none;
    border-radius: 25px 0 0 25px;
}

#footer .newsletter-footer form button {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 0 25px 25px 0;
}

#footer .newsletter-footer .form-control::placeholder {
    color: #000;
}

#footer .newsletter-footer p {
    margin-top: 0.5rem;
    font-size: 0.75rem;
}

#footer .newsletter-footer .min-w-sm {
    min-width: unset;
}

/* Footer Menu */

.st-footer-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 0;
}

.st-footer-logo img {
    object-fit: contain;
    height: 4rem;
    width: auto;
}

#footer.newsletter-active #footer-boxes {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    margin-bottom: 1rem;
    padding: 0 3rem 0 13rem;
}

#footer .productlist-filter-headline {
    font-size: 1.25rem;
    text-transform: uppercase;
}

#footer .nav-link {
    line-height: 1;
}

#footer li {
    margin-bottom: 5px;
}

.footnote-vat {
    display: none;
}

.st-footer-title {
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

/* Footer Text */

.st-footer-title,
.st-footer-subtitle,
.st-footer-copyright {
    text-align: center;
    line-height: 1.25;
}

/* Footer Copyright  */

#footer .st-footer-copyright {
    padding: 1rem 0;
}

#footer #copyright {
    display: none;
}

#footer #copyright .container-fluid {
    padding: 0.5rem 0;
    margin-top: 0;
}

#footer #system-credits {
    padding-right: 0 !important;
}

#footer .text-white {
    color: #525252 !important;
}

#consent-settings-btn {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
    border-color: var(--main-color);
    color: var(--main-color);
}

.smoothscroll-top {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: 1px solid var(--main-color);
    color: var(--main-color);
    line-height: 2rem;
}

.smoothscroll-top.show,
#consent-settings-btn {
    bottom: 10px;
}

.price.h1 {
    color: var(--main-color);
}

#product-offer .product-info .stock-information::before {
    content: "";
    display: block;
    border-top: 1px solid #f0f0f0;
    width: 100%;
    margin-left: unset;
    padding-top: 1rem;
}

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

/*** Älterprüfung ***/

#age_check {
    text-align: center;
}

#age_check .modal-dialog {
    margin-top: 10%;
}

#age_check .modal-title {
    font-weight: 600;
}

#age_check .modal-title {
    width: 100%;
}

#age_check .modal-footer {
    justify-content: center;
    padding-top: 1rem;
    gap: 1rem;
}

/*** Plugin B2B Erweiterung - Kundengruppen und mehr ***/

#panel-register-form .ws5_wahlheader {
    text-align: center;
    margin-bottom: 0;
}

#panel-register-form .ws5_wahlheader legend {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.5rem;
    color: #707070;
    line-height: 1;
}

#panel-register-form .ws5_wahlinfo {
    font-size: 0.85rem;
    padding: 0.5rem;
    background-color: #F5F7FA;
    border-color: #F5F7FA;
}

#panel-register-form .ws5_auswahlbutton {
    margin: 0.5rem 1rem;
    font-size: 1rem;
    width: 120px;
}

#ws5_kundengruppenauswahl {
    display: flex;
    justify-content: center;
    align-items: center;
}

#panel-register-form #ws5_kundengruppenauswahl::after {
    content: "\f245";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-size: 1.5rem;
    margin-left: 0.5rem;
    color: #707070;
}

#panel-register-form .alert-info {
    padding: 0.5rem;
    text-align: center;
    font-size: 0.85rem;
}

#customer .ws5_register_button {
    display: initial;
    border-radius: 0;
    border-color: #ff5228;
    background-color: transparent;
    color: #525252;
    position: relative;
    overflow: hidden;
    padding: 0.625rem 0.9375rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

#ws5_layer .layer_inner {
    font-size: 0.85rem;
}

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

@media only screen and (min-width: 1600px) {
    #opc,
    #maintenance-mode,
    header,
    main,
    .container-fluid,
    .st-container-banner,
    footer,
    #consent-manager,
    #footer .container,
    .container-fluid.container-fluid-xl.d-lg-flex.flex-row-reverse {
        max-width: 100%;
        background-color: transparent;
    }

    .container-fluid,
    #footer .container {
        background-color: #fff;
    }

    [data-page="2"] .container-fluid {
        background-color: transparent;
    }

    #header-top-bar .st-topbar-first,
    #header-top-bar .st-topbar-second,
    .slider-wrapper.theme-default,
    .container.breadcrumb-container,
    .container-fluid.container-fluid-xl,
    .container-fluid.has-slider,
    .opc-Container,
    .st-container-neuheiten,
    .st-container-beschreibung,
    .st-container-support,
    .st-container-newsletter,
    .st-container-kindersicherung,
    .st-container-security,
    .st-footer-logo,
    #footer-boxes,
    .st-footer-text,
    #footer .st-footer-copyright {
        max-width: 1400px;
        background-color: transparent;
        margin: 0 auto;
    }

    .st-container-banner {
        max-width: 100%;
        background-color: #00d0ff;
    }

    #result-wrapper {
        max-width: 1100px;
        background-color: #f4f4f4;
        margin: 0 auto;
    }

    #result-wrapper #product-list {
        max-width: 100%;
        margin: 0 auto;
    }

}

@media only screen and (max-width: 1599px) {
    #opc,
    #maintenance-mode,
    header,
    main,
    .container-fluid,
    .st-container-banner,
    footer,
    #consent-manager,
    #footer .container,
    .container-fluid.container-fluid-xl.d-lg-flex.flex-row-reverse {
        max-width: 100vw;
        background-color: transparent;
    }

    .container-fluid {
        box-shadow: none;
    }

    #header-top-bar .st-topbar-first,
    #header-top-bar .st-topbar-second,
    .container.breadcrumb-container,
    .container-fluid.container-fluid-xl,
    .container-fluid.has-slider,
    .opc-Container,
    .st-container-neuheiten,
    .st-container-beschreibung,
    .st-container-support,
    .st-container-newsletter,
    .st-container-kindersicherung,
    .st-container-security,
    .st-footer-logo,
    #footer-boxes,
    .st-footer-text,
    #footer .st-footer-copyright {
        max-width: 1400px;
        background-color: transparent;
        margin: 0 auto;
    }

    .st-container-banner {
        max-width: 100%;
        background-color: #00d0ff;
    }

    #result-wrapper {
        max-width: 1100px;
        background-color: #f4f4f4;
        margin: 0 auto;
    }

    #result-wrapper #product-list {
        max-width: 100%;
        margin: 0 auto;
    }

}

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

    /* Neuheiten */
    .st-container-neuheiten-1 .product-wrapper {
        min-height: 330px;
    }

    /* Produkte */
    .st-container-produkte .productbox-row .productbox-details {
        display: block !important;
    }

    /* Produkt Details und Description */
    #result-wrapper .tab-navigation #label-availabilityNotification {
        margin-top: -9rem;
    }
}

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

    /* Header */
    #header-top-bar .st-topbar-second .st-topbar-text {
        gap: 1rem;
    }

    /* Vorteiile */
    .st-container-vorteile .grid {
        padding: 0 0 2rem 0;
    }

    .st-container-vorteile .grid p {
        font-size: 0.85rem;
        padding-top: 1rem;
    }

}

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

    /* Header */
    #header-top-bar .st-topbar-second {
        font-size: 1rem;
        font-weight: 600;
    }

    #header-top-bar .st-topbar-second li:last-child {
        margin-left: 1rem;
    }

    /* Neuheiten */
    .st-container-neuheiten-1 .product-wrapper {
        min-height: 280px;
    }

    .st-container-neuheiten-2 .row.grid .col-lg-2 {
        flex: 0 0 18%;
        max-width: 18%;
    }

    .st-container-neuheiten-2 .row.grid .col.col-md-2.col-lg-2.col-xl-2.col-2 .title {
        left: 35%;
    }

    /* Vorteile */
    .st-container-vorteile .item1,
    .st-container-vorteile .item2,
    .st-container-vorteile .item4,
    .st-container-vorteile .item5 {
        padding: 0.5rem 0.25rem;
    }

    .st-container-vorteile .item1 img {
        height: 50px;
    }

    .st-container-vorteile .item2 img {
        height: 40px;
    }

    .st-container-vorteile .item3 img {
        height: 70px;
    }

    .st-container-vorteile .item4 img {
        height: 20px;
    }

    .st-container-vorteile .item5 img {
        height: 140px;
    }

    .st-container-vorteile .item6 {
        margin-bottom: 0.25rem;
    }

    /* Section Produkte */
    .st-container-produkte .productbox-details .st-merkmale {
        width: 80px;
    }

    .st-container-produkte .st-merkmale .bild-wrap {
        width: 40px;
        height: 40px;
    }

    .st-container-produkte .st-merkmale img {
        max-width: 25px;
    }

    .st-container-produkte .productbox-details .st-merkmale .value {
        font-size: 0.65rem;
    }

    .st-container-produkte .productbox-details .st-merkmale .text {
        font-size: 0.5rem;
    }

    /* Product-List */
    #result-wrapper #product-list {
        margin-left: 0;
        margin-right: 0;
        justify-content: space-between
    }

    /* Produkt Details und Description */
    #result-wrapper .product-info-inner .shortdesc {
        padding-right: 1.5rem;
    }

    /* Security Check */
    .st-container-security .row.grid {
        border-top: 2px solid var(--main-color);
        margin-bottom: 2rem;
    }

    .st-container-security .row.grid {
        padding: 2rem 1rem;
        gap: 1rem;
    }

    .st-container-security .row.grid .col-xl-2 {
        flex: 0 0 18%;
        max-width: 18%;
    }

    /* Footer */
    .st-container-support .col {
        padding: 0 0.5rem;
    }

    .st-container-support .col:nth-child(1) {
        max-width: 30%;
        flex: 0 0 30%;
    }

    .st-container-support .col:nth-child(2) {
        max-width: 40%;
        flex: 0 0 40%;
    }

    .st-container-support .col:nth-child(3) {
        max-width: 30%;
        flex: 0 0 30%;
    }

    #footer .newsletter-footer .st-container-newsletter {
        flex-direction: column;
    }

    #footer .newsletter-footer .st-container-newsletter,
    #footer.newsletter-active #footer-boxes {
        padding: 0 1rem;
    }

    .st-footer-text, .st-footer-copyright {
        font-size: 0.85rem;
        line-height: 1.25;
    }
}

@media only screen and (max-width: 992px) {
    /* Banner */
    .st-banner .bild2 {
        top: 0;
        width: 200px;
    }

    /* Header */
    header .navbar {
        padding: 0.6rem 0;
    }

    #burger-menu {
        height: 2rem;
        margin-top: 1.25rem;
        padding-top: 0;
    }

    .navbar-toggler .navbar-toggler-icon {
        width: 1.75rem;
        height: 3px;
    }

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

    .navbar-toggler .navbar-toggler-icon::after {
        width: 1.8rem;
        margin-top: 5px;
        height: 3px;
    }

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

    .toggler-logo-wrapper {
        padding-left: 0.5rem;
        width: 100%;
    }

    .toggler-logo-wrapper .logo-wrapper {
        transform: translateX(-50%);
        margin-left: 45%;
    }

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

    #shop-nav .nav-item.dropdown.language-dropdown.d-flex {
        display: none !important;
    }

    .d-lg-none.search-form-wrapper-fixed.container-fluid.container-fluid-xl.order-1 {
        flex-wrap: nowrap;
        display: flex;
        padding-top: 0;
    }

    .search-form-wrapper-fixed {
        margin-top: 1rem;
    }

    .search-wrapper .btn.btn-secondary {
        margin-bottom: -0.25rem;
        margin-left: -2.5rem;
    }

    .nav-item.dropdown.language-dropdown.d-flex {
        border: 1px solid #525252;
        height: 2.7rem;
    }

    .language-dropdown .dropdown-item.link-lang.lang-ger.active,
    .language-dropdown .dropdown-item.link-lang.lang-en.active {
        margin-top: -5px;

    }

    .nav-link.nav-link-custom.dropdown-toggle {
        margin-bottom: 0;
    }

    /* Neuheiten-1 */
    .st-container-neuheiten-1 .product-wrapper {
        min-height: 280px;
    }

    .st-container-neuheiten-2 .row.grid .col-lg-2 {
        flex: 0 0 18%;
        max-width: 18%;
    }

    .st-container-neuheiten-2 .row.grid .col.col-md-2.col-lg-2.col-xl-2.col-2 .title {
        left: 35%;
    }

    .st-container-neuheiten-1::after {
        display: none;
    }

    .st-container-neuheiten-1 .slick-list.draggable {
        padding-right: 0;
    }

    /* Neuheiten-2 */
    .st-container-neuheiten-2 .row.grid .col.col-md-2.col-lg-2.col-xl-2.col-2 {
        padding: 0.5rem;
        margin-bottom: 1rem;
    }

    .st-container-neuheiten-2 .row.grid .col.col-md-2.col-lg-2.col-xl-2.col-2 img {
        max-height: 70px;
    }

    .st-container-neuheiten-2 .row.grid .abs-img {
        width: 60px;
        top: 15%;
        left: 40%;
    }

    .st-container-neuheiten-2 .row.grid .col.col-md-2.col-lg-2.col-xl-2.col-2:last-child img {
        max-height: 50px;
        margin: 0;
    }

    .st-container-neuheiten-2 .row.grid .col.col-md-2.col-lg-2.col-xl-2.col-2 .title {
        font-size: 0.75rem;
    }

    /* Vorteile */
    .st-container-vorteile .item1 img,
    .st-container-vorteile .item2 img {
        height: 40px;
    }

    .st-container-vorteile .item3 img {
        height: 60px;
    }

    .st-container-vorteile .item4 img {
        height: 20px;
    }

    .st-container-vorteile .item5 img {
        height: 120px;
    }

    .st-container-vorteile .grid p {
        padding-top: 0.5rem;
    }

    /* Produkte */
    .st-container-produkte .productbox-inner .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .st-container-produkte .col.productbox-details.col-xl-4.col-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* Product Details und Description */
    #result-wrapper .st-oftkauften .ws5_ozg_checkbox_container.col-lg-5 {
        margin-top: 2rem;
        align-items: center;
    }

    #result-wrapper .ws5_ozg_warenkorb_button.btn-primary {
        margin-left: 2rem;
        width: auto;
    }

    /* Vodka  Seite */
    .st-container-vodka .row.grid1 {
        gap: 1.5rem;
        margin-bottom: 5rem;
    }

    .st-container-vodka .row.grid2 .subtitle1,
    .st-container-vodka .opc-Button.prise1 {
        margin-left: 4rem;
    }

    /* Footer */
    .st-footer-logo img {
        height: 3rem;
    }

    #footer .productlist-filter-headline {
        font-size: 1.1rem;
    }

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

/***** ÄNDERUNGEN 02.04.2024 *****/

@media only screen and (max-width: 992px) {
    /* Header und Mobile Menu */
    .st-topbar-second .nav.topbar-main.nav-dividers {
        display: none;
    }

    #header-top-bar .st-topbar-first {
        font-size: 0.85rem;
        font-weight: 700;
        background-color: #ffffff !important;
        height: 25px;
    }

    #header-top-bar .st-topbar-second {
        font-size: 0.85rem;
    }

    header .navbar-collapse {
        z-index: 1;
    }

    header .navbar-nav > .nav-item > .dropdown-menu {
        border-bottom: none
    }

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

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

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

    #search-header-mobile-top {
        border: 2px solid #b4b4b4;
    }

    .st-mobile-search .fas.fa-search {
        color: #b4b4b4;
    }

    #jtl-nav-wrapper .container-fluid.container-fluid-xl {
        justify-content: flex-end;
        height: auto;
    }

    .form-control.ac_input.tt-hint {
        left: -40px !important;
    }

    #shop-nav .nav-item.dropdown.language-dropdown.d-flex {
        display: block !important;
        border: none;
        height: auto;
        margin-top: 0.5rem;
    }

    .language-dropdown .dropdown-menu.dropdown-menu-right.show {
        width: auto;
        margin-right: 8.5rem;
        top: 50px;
    }

    .nav-item.dropdown.language-dropdown.d-flex {
        display: none !important;
    }

    .nav-item.dropdown.language-dropdown.d-flex .nav-link {
        padding: 5px;
    }

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

    span.nav-offcanvas-title {
        display: none;
    }

    .nav-offcanvas-title .icon-mr-2 {
        margin-right: 0;
    }

    .nav-offcanvas-title span {
        color: var(--main-color);
        font-size: 0.85rem;
    }

    .nav-offcanvas-title .fa-chevron-left::before {
        padding: 0 2px !important;
    }

    header #mainNavigation {
        padding-top: 0;
        z-index: 1040;
        height: 100vh !important;
    }

    .modal-backdrop.show {
        opacity: 0;
    }

    .col.nav-mobile-header-toggler {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 3.25rem;
    }

    .col.nav-mobile-header-toggler li {
        list-style: none;
    }

    .col.nav-mobile-header-toggler #mobile-logo {
        max-width: 8rem;
        height: auto;
    }

    .col.nav-mobile-header-toggler .nav-link {
        padding: 0;
    }

    #mainNavigation .st-mobile-search {
        width: 90%;
        margin-left: 5%;
        margin-top: 5rem;
        margin-bottom: 0.5rem;
    }

    .nav-offcanvas-title {
        position: absolute;
        top: 4.25rem;
        left: 2.75rem;
        font-size: 1.1rem;
        font-weight: 500;
    }

    .nav-mobile-header-hr {
        border: none;
    }

    header .dropdown-menu {
        border-top: none;
    }

    .col.col-auto.nav-mobile-header-name.ml-auto-util {
        width: 100%;
    }

    header .navbar-nav > .nav-item > .nav-link .text-truncate.d-block {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }

    header .nav-mobile-header > .row {
        height: 1.5rem
    }

    .nav-mobile-heading {
        width: 90%;
        text-align: center;
        padding-right: 0 !important;
    }

    header .navbar-nav .nav-link {
        justify-content: center;
        font-weight: 700;
    }

    header .navbar-nav .nav-link::after {
        margin-left: -10px;
        color: #b4b4b4;
    }

    header .navbar-nav > .nav-item > .nav-link {
        padding: 1rem 1.5rem;
        margin-left: 0;
        margin-right: 0;
    }

    header #mainNavigation .nav-mobile-body .nav-item {
        font-size: 1.25rem;
        padding-top: 0.65rem;
        padding-bottom: 0.65rem;
    }

    .dropdown-body .text-truncate.d-block {
        text-align: center;
    }

    .nav-item.nav-scrollbar-item.d-lg-none a {
        color: var(--main-color);
    }

    /*** Newsletter Rabat ***/
    #mainNavigation .st-mobile-rabatt {
        width: 100%;
        height: 35px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: linear-gradient(to right, var(--main-color) 20%, var(--rabatt-color) 100%);
        color: #fff;
        line-height: 2;
        font-weight: 600;
        position: fixed;
        bottom: 90px;
        z-index: 1000;
    }

    .st-mobile-rabatt::after {
        content: "";
        width: 100%;
        height: 1px;
        display: block;
        background-color: rgba(255, 255, 255, 0.1);
        position: absolute;
        bottom: 0;
    }

    #mainNavigation .st-topbar-text {
        width: 100%;
        height: 90px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: var(--main-color);
        color: #fff;
        line-height: 1.5;
        font-weight: 600;
        position: fixed;
        bottom: 0;
        z-index: 1000;
    }

    /*** Mobile Slider ***/
    .st-produkt-mobile .tab-navigation {
        margin-bottom: 1rem;
    }

    .st-produkt-mobile .opc-area,
    .st-produkt-mobile .slick-list.draggable,
    .st-produkt-mobile .slick-track {
        min-height: auto;
    }

    .st-produkt-mobile .evo-slider .slick-slide {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
    }

    .st-produkt-mobile .tab-content {
        margin: 0.5rem 0;
    }

    .st-produkt-mobile .tab-navigation .nav-tabs {
        justify-content: center;
        border-bottom: none;
        flex-wrap: wrap;
        width: 100%;
        height: 100%;
        display: flex;
    }

    .st-produkt-mobile .tab-navigation .nav-link {
        font-family: 'Gilroy', sans-serif;
        border: 1px solid #b4b4b4;
        padding: 4px 2px 2px;
    }

    .st-produkt-mobile .tab-navigation .nav-link {
        font-weight: 600;
    }

    .st-produkt-mobile .nav-tabs .nav-link.active,
    .st-produkt-mobile .nav-tabs .nav-item.show .nav-link {
        color: var(--main-color);
        font-weight: 700;
    }

    .st-produkt-mobile .tab-navigation .nav-item {
        margin-right: 1rem;
        margin-left: 1rem;
        margin-bottom: 0.5rem;
    }

    .st-produkt-mobile .opc-Container.slider-wrapper,
    .st-produkt-mobile .opc-Container.slider-wrapper div,
    .st-produkt-mobile .slick-list.draggable {
        height: 350px;
        width: 100%;
        margin: 0;
    }

    .st-produkt-mobile .slick-type-product:not(.slider-no-preview) .slick-list {
        padding-right: 0 !important;
    }

    .st-produkt-mobile .slick-track {
        width: 9000px;
    }

    .st-produkt-mobile .square-image .inner {
        text-align: center;
    }

    .st-produkt-mobile .opc-Container.slider-wrapper .st-slider-title {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        position: absolute;
        bottom: 1rem;
        padding: 0 5px;
        font-weight: 500;
        overflow: hidden;
        line-height: 1;
        margin: 0 5px -10px 5px;
        width: calc(100% - 10px);
    }

    .st-produkt-mobile .carousel .slick-arrow {
        bottom: 0;
    }

    .st-produkt-mobile .tab-navigation .nav-link.active::after,
    .st-produkt-mobile .tab-navigation .nav-link:hover::after {
        display: none;
    }

    /**** Product Details und Description ***/
    /*** Bundles ***/
    #result-wrapper .st-oftkauften {
        scrollbar-color: #ff5228 #f4f4f4;
    }

    #result-wrapper .st-oftkauften .ws5_ozg_plus {
        color: #ff5228;
    }

    #result-wrapper .st-oftkauften [id^="ws5_ozg_artikel"] {
        height: 100%;
    }

    #result-wrapper .st-oftkauften .ws5_ozg_container {
        border: none;
        padding-bottom: 0;
    }

    #result-wrapper .ws5_ozg_container .ws5_ozg_box_headline + .row {
        border: 2px solid var(--main-color);
    }

    #result-wrapper .st-oftkauften .ws5_ozg_box_content {
        max-width: 80%;
        height: 170px;
    }

    #result-wrapper .st-oftkauften .ws5_ozg_checkbox_container.col-lg-5 {
        max-height: 150px;
        padding: 0;
        margin-top: 0.5rem;
        overflow-x: hidden;
    }

    #result-wrapper .st-oftkauften .ws5_ozg_box_headline {
        text-align: center;
        color: var(--main-color);
        font-weight: 700;
        font-size: 1.25rem;
    }

    #result-wrapper .st-oftkauften .ws5_ozg_warenkorb_button.btn-primary {
        background-color: var(--main-color);
        border: 1px solid var(--main-color);
        margin-left: -1rem;
        margin-right: -1rem;
        border-radius: 0;
        width: 100%;
    }

    #result-wrapper .st-oftkauften input[type="checkbox"]:checked,
    #result-wrapper .st-oftkauften input[type="checkbox"]:checked + label::before {
        color: rgb(255, 82, 40);
    }

    /*** Bulk Price ***/
    #result-wrapper .product-info-inner .shortdesc {
        padding-right: 0;
    }

    #result-wrapper .st-original {
        display: block;
    }

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

    #product-offer #add-to-cart {
        margin-top: 0;
        margin-bottom: 0.5rem;
    }

    #result-wrapper .product-offer .basket-form-inline {
        justify-content: center;
    }

    #result-wrapper .product-offer .basket-form-inline .col:last-child {
        flex: 0 0 50%;
        max-width: 50%;
    }

}

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

    /* Neuheiten */
    .st-container-neuheiten-1 .product-wrapper {
        min-height: 260px;
    }

    .st-container-neuheiten-1 .square-image .inner {
        margin-top: -5rem;
        max-height: 200px !important;
    }

    .st-container-neuheiten-1 .text-clamp-2 img {
        max-width: 140px;
        max-height: 25px;
    }

    /* Banner Vodka */
    .st-container-banner .titel {
        left: 5%;
    }

    /* Kategorie List und Kindersicherung */
    .st-container-kindersicherung .subtitle {
        margin-bottom: 2rem;
    }

    .st-container-kindersicherung .grid {
        gap: unset;
    }

    .st-container-kindersicherung .grid .col-xl-4 {
        flex: 0 0 60%;
        max-width: 60%;
        margin-bottom: 1rem;
    }


    /* Vodka  Seite */
    .st-container-vodka .row.grid2 .subtitle1,
    .st-container-vodka .opc-Button.prise1 {
        margin-left: 2rem
    }

    /* Security Check */
    .st-container-security .row.grid .col-xl-2 {
        flex: 0 0 30%;
        max-width: 30%;
    }
}

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

    .language-dropdown .dropdown-menu.dropdown-menu-right.show {
        margin-right: 5.5rem;
    }

    .st-produkt-mobile .tab-navigation .nav-item {
        margin-right: 0.5rem;
        margin-left: 0.5rem;
    }
}

@media only screen and (max-width: 767px) {
    /* Header */
    .toggler-logo-wrapper .logo-wrapper {
        margin-left: 30%;
    }

    /* Slider */
    .theme-default .nivo-main-image {
        max-height: unset;
    }

    /* Banner */
    .st-banner .bild2 {
        width: 150px;
    }

    .st-banner .bild1 {
        width: 350px;
    }

    /* Neuheiten */
    .st-container-neuheiten-1 .product-wrapper {
        min-height: 240px;
    }

    .st-container-neuheiten-1 .slick-track {
        gap: 1rem;
        padding-top: 7rem;
        padding-bottom: 3rem;
    }

    .st-container-neuheiten-2 .row.grid .col.col-md-2.col-lg-2.col-xl-2.col-2:last-child .title {
        transform: translate(-50%, -50%);
    }

    .st-container-neuheiten-2 .row.grid {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .st-container-neuheiten-2 .row.grid .col-lg-2 {
        flex: 0 0 auto;
        max-width: 20%;
        height: 70px;
    }

    .st-container-neuheiten-2 .row.grid .col.col-md-2.col-lg-2.col-xl-2.col-2 img {
        max-height: 55px;
    }

    .st-container-neuheiten-2 .row.grid .col.col-md-2.col-lg-2.col-xl-2.col-2 .title {
        left: 30%;
    }

    .st-container-neuheiten-2 .row.grid .col.col-md-2.col-lg-2.col-xl-2.col-2:last-child img {
        max-height: 40px;
    }

    /* Vorteile */
    .container-fluid.opc-Container.st-container-vorteile {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .st-container-vorteile {
        padding-top: 2rem;
        line-height: 1;
    }

    .st-container-vorteile .item1,
    .st-container-vorteile .item2,
    .st-container-vorteile .item4,
    .st-container-vorteile .item5 {
        padding: 0.25rem;
    }

    .st-container-vorteile .grid p {
        font-size: 0.75rem;
        margin-bottom: 0.25rem;
        line-height: 1;
    }

    .st-container-vorteile .item3 {
        padding-top: 2rem;
    }

    .st-container-vorteile .item3 img {
        height: 50px;
    }

    .st-container-vorteile .item5 img {
        height: 100px;
    }

    /* Produkte */
    .st-container-produkte .opc-ProductStream-list .col.product-wrapper {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 1.5rem !important;
    }

    .st-container-produkte .productbox-row .productbox-title {
        justify-content: center;
    }

    .st-container-produkte .productbox-inner .col-xl-3 {
        flex: 0 0 45%;
        max-width: 45%;
    }

    .st-container-produkte .st-merkmale .bild-wrap {
        width: 35px;
        height: 35px;
    }

    .st-container-produkte .productbox-details .st-merkmale .value {
        font-size: 0.65rem;
    }

    .st-container-produkte .productbox-row .productbox-title img {
        max-width: 150px;
        max-height: 30px;
    }

    .st-container-produkte .productbox-row .productbox-title img {
        max-width: 150px;
        max-height: 30px;
    }

    .st-container-produkte .st-merkmale img {
        max-width: 25px;
    }

    .st-container-produkte .st-merkmale .bild-wrap {
        width: 40px;
        height: 40px;
    }

    .st-container-produkte .productbox-details .st-merkmale .value {
        font-size: 0.75rem;
    }

    .st-container-produkte .productbox-details .st-merkmale .text {
        font-size: 0.55rem;
    }

    .st-container-produkte .opc-ProductStream-list .product-wrapper:hover {
        box-shadow: 0 0 1rem 1px rgba(0, 0, 0, 0.15);
    }

    .st-container-produkte .opc-ProductStream-list .product-wrapper .ribbon::before {
        display: none;
    }

    /* Kategorie Item und Product-List */
    #result-wrapper .title .productlist-logo img {
        max-width: 300px;
        max-height: 60px;
    }

    #result-wrapper .title .productlist-merkmale img {
        max-height: 80px;
    }

    #result-wrapper .title .productlist-bild img {
        /* HOOVA, HOOVA+ */
        max-height: 50px;
    }

    #result-wrapper .title .productlist-bild1 img {
        /* NOOK */
        max-height: 110px;
    }

    #result-wrapper .title .productlist-bild2 img {
        /* SURV */
        max-height: 85px;
    }

    #result-wrapper .title .productlist-bild3 img {
        /* CIRAK AKK, CIRAK POD, SURV + */
        max-height: 70px;
    }

    #result-wrapper #product-list .col.product-wrapper {
        flex: 0 0 49%;
        max-width: 49%;
        padding-bottom: 1rem;
        height: auto !important;
        transition: all 0.4s ease;
    }

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

    #result-wrapper #product-list .product-wrapper:hover {
        box-shadow: 0 0 1rem 1px rgba(0, 0, 0, 0.15);
    }

    #result-wrapper #product-list .product-wrapper .productbox-inner.row {
        margin-left: 0;
        margin-right: 0;
    }

    #result-wrapper #product-list .product-wrapper .ribbon::before {
        display: none;
    }

    /* Product Details und Description */
    #result-wrapper .container-fluid::after {
        display: none;
    }

    /* Vodka  Seite */
    .st-container-vodka .logo {
        max-width: 200px !important;
    }

    .st-container-vodka .col-12 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .st-container-vodka .row.grid1 .col.col-md-2.col-lg-2.col-xl-2.col-2 {
        padding: 0.5rem 0.25rem 0 0.25rem;
    }

    .st-container-vodka .row.grid1 .text1 {
        font-size: 1.5rem;
    }

    .st-container-vodka .row.grid1 .col.col-md-2.col-lg-2.col-xl-2.col-2::after {
        bottom: -1rem;
    }

    .st-container-vodka .title {
        font-size: 2.5rem;
    }

    .st-container-vodka .row.grid2 .subtitle1,
    .st-container-vodka .row.grid2 .subtitle2 {
        font-size: 2rem;
        letter-spacing: -1px;
    }

    #result-wrapper .st-container-vodka .btn-primary {
        font-size: 1rem;
        padding: 0 0.5rem;
    }

    .st-container-vodka .opc-Button.prise1,
    .st-container-vodka .opc-Button.prise2 {
        width: 5rem;
    }

    /* Footer */
    .st-container-support {
        margin-right: -1rem;
        font-size: 0.85rem;
        line-height: 1.25;
    }

    #footer-boxes .text-truncate {
        font-size: 1.15rem;
        font-weight: 600;
    }
}

@media only screen and (max-width: 740px) {
    /* Bundles */
    #result-wrapper .st-oftkauften .ws5_ozg_box_content {
        max-width: 96% !important;
    }
}

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

    /* Neuheiten */
    .st-container-neuheiten-1 .slick-type-product:not(.slider-no-preview) .slick-list {
        padding-right: 0 !important;
    }

    .st-container-neuheiten-2 .row.grid .col-lg-2 {
        max-width: 25%;
    }

    /* Produkte */
    .st-container-produkte .productbox-details .st-merkmale {
        width: 85px;
        margin-top: 0.75rem;
    }

    .st-container-produkte .productbox-details .st-merkmale .value {
        font-size: 0.65rem;
    }

    .st-container-produkte .productbox-details .st-merkmale .text {
        font-size: 0.50rem;
    }

    /* Vorteile */
    .st-container-vorteile .grid p {
        font-size: 0.65rem;
    }

    .st-container-vorteile .item1 {
        height: 45%;
    }

    .st-container-vorteile .item2,
    .st-container-vorteile .item4 {
        height: 37%;
    }

    .st-container-vorteile .item3,
    .st-container-vorteile .item5 {
        height: 53%;
    }

    .st-container-vorteile .item1 img,
    .st-container-vorteile .item2 img {
        height: 25px;
    }

    .st-container-vorteile .item3 {
        padding-top: 1rem;
    }

    .st-container-vorteile .item3 img {
        height: 30px;
    }

    .st-container-vorteile .item4 img {
        height: 10px;
    }

    .st-container-vorteile .item5 img {
        height: 50px;
    }

    .st-container-vorteile .item6 {
        width: 60%;
        height: 95%;
    }

    .st-container-vorteile .grid p {
        padding-top: 0;
    }

    .st-container-vorteile .grid {
        margin-right: -3rem;
        overflow: hidden;
    }

    /* Banner Vodka */
    .st-container-banner .bild {
        min-width: auto;
    }

    .st-container-banner .logo {
        padding: 1rem 0;
        max-width: 230px !important;
    }

    .st-container-banner .titel {
        top: 5%;
        font-size: 1.5rem;
        padding: 0 1rem;
    }

    .st-container-banner .logo1 a,
    .st-container-banner .logo2 a {
        font-size: 2.25rem;
    }

    .st-container-banner .logo1 a {
        top: 3%;
        left: 45%;
    }

    .st-container-banner .logo2 a {
        top: 37%;
    }

    .st-container-banner .link a {
        font-size: 1.25rem;
    }

    /* Kategorie Item  und Product List */
    .product-wrapper .productbox-inner .basket-form-inline .col-12 {
        padding: 0 0.25rem;
    }

    /* Product Details und Description */
    #result-wrapper .product-offer #add-to-cart .basket-form-inline {
        flex-direction: row;
        margin-left: 0;
        width: 100%;
    }

    #result-wrapper .product-offer .basket-form-inline .col {
        padding-left: 0;
        padding-right: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }

    /* Bundles */
    #result-wrapper .st-oftkauften .ws5_ozg_box_content {
        max-width: 95% !important;
    }

    /* Vodka  Seite */
    #result-wrapper .title {
        margin-bottom: 1rem;
    }

    .st-container-vodka .logo {
        max-width: 150px !important;
    }

    .st-container-vodka .row.grid1 {
        gap: 0.25rem;
        margin: 0 -2rem 3rem -2rem;
    }

    .st-container-vodka .row.grid1 .text2 {
        font-size: 0.65rem;
        margin-bottom: 0.5rem;
    }

    .st-container-vodka .row.grid1 .col.col-md-2.col-lg-2.col-xl-2.col-2:first-child .text1 span {
        font-size: 0.75rem;
    }

    .st-container-vodka .row.grid1 .text .icon {
        width: 25px !important;
        height: 25px !important;
    }

    .st-container-vodka .row.grid2 {
        margin-right: -1rem;
    }

    .st-container-vodka .row.grid2 .subtitle1,
    .st-container-vodka .opc-Button.prise1 {
        margin-left: 1rem;
    }

    /* Security Check */
    .st-container-security .row.grid {
        padding: 1rem 0.5rem;
    }

    /* Footer */
    #footer .newsletter-footer .st-container-newsletter,
    #footer.newsletter-active #footer-boxes {
        padding: 0;
    }

    .basket-form-inline > .col:first-child {
        padding-left: unset !important;
        padding-right: 0 !important;
        margin-right: 0.5rem;
    }

    .basket-form-inline > .col:last-child {
        padding-right: unset !important;
    }
}

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

    /* HEADER TopBar  Animation */
    .st-topbar-second .st-topbar-text {
        justify-content: center;
        align-items: center;
        box-shadow: none;
        background-color: #fff;
        overflow: hidden;
        height: 100%;
        font-size: 1rem;
    }

    .st-topbar-second .st-topbar-text span {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        box-shadow: none;
        background-color: var(--main-color);
        position: absolute;
        opacity: 0;
        animation: slideInOut 9s infinite;
    }

    .st-topbar-second .st-topbar-text span:nth-child(1) {
        animation-delay: 0s;
    }

    .st-topbar-second .st-topbar-text span:nth-child(2) {
        animation-delay: 3s;
    }

    .st-topbar-second .st-topbar-text span:nth-child(3) {
        animation-delay: 6s;
    }

    @keyframes slideInOut {
        0%, 100% {
            opacity: 0;
            transform: translateX(100%);
        }
        5%, 25% {
            opacity: 1;
            transform: translateX(0);
        }
        50%, 95% {
            opacity: 0;
            transform: translateX(-100%);
        }
    }

    /* Produkt Mobile Slider */
    .st-produkt-mobile .opc-Container.slider-wrapper,
    .st-produkt-mobile .opc-Container.slider-wrapper div,
    .st-produkt-mobile .opc-Container.slider-wrapper .slick-list.draggable {
        height: 330px;
    }

    /* Bundles */
    #result-wrapper .st-oftkauften .ws5_ozg_box_content {
        max-width: 80% !important;
        padding: 0 2px;
    }

    #result-wrapper .st-oftkauften .ws5_ozg_plus_container {
        padding: 0;
    }

    #result-wrapper .st-oftkauften .ws5_ozg_bildcontainer {
        height: auto;
        max-width: 100px;
    }

    #result-wrapper .st-oftkauften .ws5_ozg_artikel img {
        max-width: 100px;
    }

    #result-wrapper .st-oftkauften .ws5_ozg_checkbox_container.col-lg-5 {
        max-height: 150px;
    }

    #result-wrapper .st-oftkauften .ws5_ozg_box_content p {
        font-size: 0.65rem;
        line-height: 1;
    }

    #result-wrapper .st-oftkauften input[type="checkbox"] + label,
    #result-wrapper .st-oftkauften input[type="checkbox"] + label strong {
        font-weight: 600;
        font-size: 0.70rem;
        line-height: 1.25;
        padding: 0;
    }

    #result-wrapper .st-oftkauften input[type="checkbox"] + label {
        padding-right: 0.5rem;
    }
}

@media only screen and (max-width: 500px) {
    /* Header */
    .d-lg-none.search-form-wrapper-fixed.container-fluid.container-fluid-xl.order-1 {
        padding: 0;
    }

    #header-top-bar .st-topbar-first {
        font-size: 0.85rem;
        padding: 0 0.25rem 4px;
        word-spacing: 0;
        box-shadow: none;
        line-height: 1;
        align-items: end;
        justify-content: center;
    }

    .language-dropdown .dropdown-menu.dropdown-menu-right.show {
        margin-right: 5rem;
    }

    /* Produkt Mobile Slider */
    .st-produkt-mobile .tab-navigation .nav-item {
        margin: 0 4px;
    }

    .st-produkt-mobile .tab-navigation .nav-link {
        font-size: 0.83rem;
    }

    .st-produkt-mobile .opc-Container.slider-wrapper .st-slider-title {
        font-size: 0.75rem;
        font-weight: 600;
        height: 30px;
    }

    .st-produkt-mobile .opc-area {
        min-height: 250px;
    }

    .st-produkt-mobile .opc-Container.slider-wrapper div,
    .st-produkt-mobile .opc-Container.slider-wrapper .slick-list.draggable {
        height: 250px;
    }

    .st-produkt-mobile .opc-Container.slider-wrapper {
        height: 280px;
    }

    #result-wrapper .ws5_ozg_container {
        margin: 1rem 0;
    }

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

    /* Benachrichtigen, wenn verfügbar */
    #result-wrapper #tab-link-availabilityNotification {
        font-size: 0.65rem;
        line-height: 1;
        width: 100px;
    }

    #tab-availabilityNotification {
        margin-left: 0;
    }

    /* Bundles */
    #result-wrapper .st-oftkauften .ws5_ozg_box_content {
        max-width: 95% !important;
    }

    /* Banner */
    .st-banner .bild2 {
        width: 110px;
    }

    .st-banner .bild1 {
        width: 220px;
        padding-top: 2.5rem;
    }

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

    /* Neuheiten */
    .st-container-neuheiten-1 .slick-track {
        padding-top: 5rem;
    }

    .st-container-neuheiten-1 .product-wrapper {
        min-height: 190px;
        height: 190px;
        min-width: 170px;
        margin-right: 0.75rem;
    }

    .st-container-neuheiten-1 .square-image .inner {
        margin-top: -4rem;
        max-height: 150px !important;
    }

    .st-container-neuheiten-1 .text-clamp-2 {
        margin-top: -4rem;
        height: 25px;
    }

    .st-container-neuheiten-2 .row.grid {
        gap: 0.5rem;
    }

    .st-container-neuheiten-2 .row.grid .col-lg-2 {
        max-width: 29%;
    }

    .st-container-neuheiten-2 .row.grid .abs-img {
        width: 50px;
    }

    /* Vorteile */
    .st-container-vorteile .grid {
        margin-right: -1rem;
    }

    .st-container-vorteile .item6 {
        width: 95%;
    }

    /* Beschreibung */
    .container-fluid.opc-Container.st-container-beschreibung {
        padding-top: 2rem;
        padding-bottom: 0;
    }

    /* Kategorie List und Kindersicherung */
    .st-container-kindersicherung .title {
        font-size: 1.25rem;
    }

    .st-container-kindersicherung .subtitle {
        font-size: 0.85rem;
    }

    .st-container-kindersicherung .title h1 {
        font-size: 2rem;
    }

    .st-container-kindersicherung .grid {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .st-container-kindersicherung .grid .col-xl-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* Kategorie Item und Product List */
    #result-wrapper .title .productlist-logo img {
        max-width: 250px;
        max-height: 50px;
    }

    #result-wrapper .title .grid {
        padding-left: 0;
        padding-right: 0;
        margin-left: -0.75rem;
        margin-right: -0.5rem;
        margin-bottom: 0.5rem !important;
    }

    #result-wrapper .title .grid .col-xl-2 .st-merkmale .value {
        font-size: 0.55rem;
    }

    #result-wrapper .title .grid .col-xl-2 .st-merkmale .text {
        font-size: 0.50rem;
    }

    #result-wrapper .title .productlist-merkmale img {
        max-height: 60px;
    }

    #result-wrapper .title .productlist-bild img {
        /* HOOVA, HOOVA+ */
        max-height: 40px;
    }

    #result-wrapper .title .productlist-bild1 img {
        /* NOOK */
        max-height: 100px;
    }

    #result-wrapper .title .productlist-bild2 img {
        /* SURV */
        max-height: 70px;
    }

    #result-wrapper .title .productlist-bild3 img {
        /* CIRAK AKK, CIRAK POD, SURV + */
        max-height: 60px;
    }

    /* Product Details und Description */
    #result-wrapper .ws5_ozg_warenkorb_button.btn-primary {
        margin-left: 0.5rem;
    }

    .basket-form-inline .btn-primary {
        padding: 2px 0.25rem;
    }

    #tab-description .product-attributes .table-sm td {
        padding: 3px 0.5rem;
    }

    #result-wrapper #slider-related .vat_info {
        font-size: 0.65rem;
    }

    #result-wrapper .delivery-status .status-0,
    #result-wrapper .delivery-status .status-2,
    #result-wrapper .st-status,
    #result-wrapper .st-versand,
    #result-wrapper .estimated-delivery {
        font-size: 0.75rem;
    }

    #product-offer .product-info-inner .price_wrapper .price.h1 {
        font-size: 1.25rem;
    }

    #product-offer .product-info-inner .price_wrapper .vat_info,
    #product-offer .text-muted.small {
        font-size: 0.70rem;
        margin-left: 3px;
    }

    .productbox-inner #add-to-cart {
        margin-left: -1rem;
        margin-right: -1rem;
    }

    #result-wrapper #slider-partslist .product-wrapper-product,
    #result-wrapper #slider-top-products .product-wrapper-product,
    #result-wrapper #slider-related .product-wrapper-product,
    #result-wrapper #slider-bestseller-products .product-wrapper-product,
    #result-wrapper [id^="slider-xsell"] .product-wrapper-product {
        height: 310px;
    }

    #result-wrapper .text-clamp-2,
    #result-wrapper #slider-partslist span[itemprop="name"],
    #result-wrapper #slider-top-products span[itemprop="name"],
    #result-wrapper #slider-related span[itemprop="name"] {
        min-height: 2rem;
        font-size: 0.95rem;
        line-height: 1.1;
    }

    #result-wrapper .price_wrapper {
        margin: 0.5rem 0;
    }

    #result-wrapper .dropdown-menu.dropdown-menu-right.show {
        font-size: 1.15rem;
        margin-left: -30px;
    }

    /* Vodka  Seite */
    .st-container-vodka .logo {
        max-width: 100px !important;
    }

    .st-container-vodka .title {
        font-size: 1.75rem;
    }

    .st-container-vodka .col-12 {
        padding: 0 0.5rem;
    }

    .st-container-vodka .img-container {
        margin-left: 1rem !important;
    }

    .st-container-vodka .row.grid1 .text1 {
        font-size: 1rem;
        height: 25px;
    }

    .st-container-vodka .row.grid1 .text1 span {
        margin-top: 0;
    }

    .st-container-vodka .row.grid1 .text2 {
        font-size: 0.5rem;
    }

    .st-container-vodka .row.grid2 .subtitle1,
    .st-container-vodka .opc-Button.prise1 {
        margin-left: 0.75rem;
    }

    .st-container-vodka .row.grid2 .subtitle1,
    .st-container-vodka .row.grid2 .subtitle2 {
        font-size: 1.5rem;
        letter-spacing: 0;
    }

    #result-wrapper .st-container-vodka .btn-primary {
        font-size: 0.85rem;
        padding: 0 0.25rem;
        margin-top: 0.5rem;
    }

    /* Security Check */
    .st-container-security .row.grid .col-xl-2 {
        flex: 0 0 45%;
        max-width: 45%;
    }

    /* Footer */
    .st-container-support img {
        max-height: 45px;
    }

    .st-footer-logo img {
        height: 2rem;
    }

    .st-container-support {
        margin-left: -0.5rem;
        padding-left: 0.5rem;
        font-size: 0.75rem;
    }

    .st-footer-text,
    .st-footer-copyright {
        font-size: 0.85rem;
    }

    .st-footer-copyright {
        margin: 0 2.5rem !important;
    }
}


@media only screen and (max-width: 400px) {
    /* Header */
    #jtl-nav-wrapper .container-fluid.container-fluid-xl {
        height: auto;
    }

    /* Neuheiten */
    .container-fluid.opc-Container.st-container-neuheiten-1,
    .container-fluid.opc-Container.st-container-neuheiten-2 {
        padding: 0 0.5rem;
    }

    /* Produkte */
    .st-container-produkte .productbox-details .st-iconsmerkmale {
        justify-content: space-around;
    }

    /* Vorteile */
    .st-container-vorteile .section-title {
        margin-bottom: 1rem;
    }

    .st-container-vorteile .grid {
        padding-bottom: 1rem;
    }

    .st-container-vorteile .item5 img {
        height: 40px;
    }

    /* Produkte */
    .st-container-produkte .section-title {
        padding: 0;
    }

    /* Vodka Banner */
    .st-container-banner .bild img {
        max-width: 350px;
    }

    /* Product -List */
    #result-wrapper .title .productlist-merkmale {
        padding: 0 0.5rem;
    }

    #result-wrapper #product-list .productbox-inner .square-image .inner {
        margin-left: -0.5rem;
        width: calc(100% + 1rem);
    }

    /* Product Details und Description */
    #result-wrapper .st-gefahrenhinweis,
    #result-wrapper #tab-description .st-desc,
    #result-wrapper .st-anwendungen, #result-wrapper .st-faq {
        padding: 0.5rem;
    }

    #result-wrapper .st-faq .st-frage {
        font-size: 1.25rem;
    }

    #result-wrapper .slick-type-product:not(.slider-no-preview) .slick-list {
        padding-left: 0.5rem !important;
    }

    #result-wrapper .product-offer .alert.purchase-info.alert-info p {
        font-size: 0.75rem;
    }

    /* Product Description */
    #result-wrapper .product-info-inner .shortdesc {
        font-size: 0.85rem;
    }

    /* Plugin */
    #minimized-trustbadge-98e3dadd90eb493088abdc5597a70810 {
        bottom: 1px !important;
        right: 1px !important;
    }

    /* New Account*/
    #new_customer .h2 {
        font-size: 1.5rem;
    }

    #panel-register-form .ws5_wahlheader legend {
        font-size: 1.15rem;
    }

    #panel-register-form .ws5_wahlinfo,
    #panel-register-form .alert-info {
        font-size: 0.65rem;
    }
}

@media only screen and (max-width: 389px) {
    /* Header */
    .language-dropdown .dropdown-menu.dropdown-menu-right.show {
        margin-right: 4rem;
    }

    /* Produkt Mobile Slider */
    .st-produkt-mobile .tab-navigation .nav-item {
        margin: 0 2px;
    }

}

@media only screen and (max-width: 370px) {
    #shop-nav .nav-link {
        padding-left: 4px;
        padding-right: 4px;
    }
}

/******************************************/
/***** eloquium 10.06.24 | RE-DESIGN *****/

/***** GLOBAL ****/

[data-page="18"] #main-wrapper, [data-page="18"] #content-wrapper {
    background: #fff;
}

#mainNavigation .st-mobile-rabatt a {
    color: #fff !important;
}

.st-desktop-rabatt {
    background: linear-gradient(to right, #ff2803 10%, #ff8f00 100%);
}

#mainNavigation .st-mobile-rabatt {
    background: linear-gradient(to right, #ff2803 10%, #ff8f00 100%);
}

.container-fluid.opc-Container.container-passende {
    order: 4;
    background-color: transparent;
    margin: 3rem auto;
}

.container-fluid.opc-Container.st-container-neuheiten-1,
.container-fluid.opc-Container.container-passende {
    max-width: 1500px;
}

.container-fluid.opc-Container.container-einwegb2c {
    order: 4;
}

.st-container-neuheiten-1::after,
.st-container-neuheiten-1 .product-wrapper::before {
    display: none;
}

.alert-info {
    font-size: 0.75rem;
    margin: 1rem 0;
    line-height: 1.1;
}

.slick-slider-other .alert-info {
    margin: 0;
    padding: 0.25rem 0.5rem;
}

/* Item-Box */
.switch-variations .js-slider-wrapper .form-error-msg {
    font-size: 0.65rem;
}

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

#header-top-bar .st-topbar-first a {
    color: var(--main-color) !important;
}

#header-top-bar .st-topbar-first a::before {
    display: none;
}

#header-top-bar .st-topbar-first .fab.fa-whatsapp {
    margin-right: 5px;
}

/***** SECTION HAUPTSLIDER (OPC) ****/

.container-fluid.opc-Container.new-slider-b2b,
.container-fluid.opc-Container.new-slider-b2c {
    padding-left: 0;
    padding-right: 0;
}

.new-slider-b2b,
.new-slider-b2c {
    max-width: 100% !important;
    margin: 0 auto;
}

.theme-default .nivo-main-image {
    margin: 0 auto;
    max-height: 600px;
    min-height: 600px;
    object-fit: cover;
}

.theme-default .nivoSlider {
    box-shadow: none;
    margin-bottom: 0;
}

.theme-default .nivoSlider .nivo-slice {
    display: none;
}

.theme-default .nivo-caption {
    background: #fff !important;
    text-align: center;
}

.theme-default .nivo-controlNav {
    position: absolute;
    padding: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0.5rem;
}

.theme-default .nivo-controlNav a {
    background-image: none;
    background-color: #b4b4b4;
    border-radius: 50%;
    width: 15px;
    height: 15px;
}

.theme-default .nivo-controlNav a.active {
    background-color: #525252;
}

/***** SECTION BUNDLES/ POD SYSTEMS BUNDLES / EINWEG BUNDLES ****/

.container-bundles-b2b,
.container-bundles-b2c {
    margin: 2rem auto !important;
    max-width: 1500px !important;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.bundles-stream .slick-list.draggable {
    padding-left: 1rem;
}

.container-bundles-b2b .button1,
.container-bundles-b2c .button1 {
    display: none !important;
}

.container-bundles-b2b .section-title,
.container-bundles-b2c .section-title {
    text-align: left;
    max-width: 1400px;
    margin: 0 auto 2rem auto;
    padding: 1rem;
}

.container-bundles-b2c .bundles-stream,
.container-bundles-b2b .bundles-stream {
    margin-bottom: 2rem;
    padding-bottom: 3rem;
}


.container-bundles-b2c .bundles-stream .slick-track,
.container-bundles-b2b .bundles-stream .slick-track {
    gap: 1.5rem;
}

.container-bundles-b2c .product-wrapper-product,
.container-bundles-b2b .product-wrapper-product {
    background-color: #f4f4f4;
    padding-left: 0;
    padding-right: 0;
    transition: all 0.3s ease;
    height: 100% !important;
}

.container-bundles-b2c .product-wrapper-product:hover,
.container-bundles-b2b .product-wrapper-product:hover {
    box-shadow: 0 0 1rem 1px rgba(0, 0, 0, 0.1);
}

.container-bundles-b2c .square-image .inner,
.container-bundles-b2b .square-image .inner {
    background-color: #f4f4f4;
}

.container-bundles-b2c .item-slider.productbox-image,
.container-bundles-b2b .item-slider.productbox-image {
    margin-bottom: 1rem;
}

.container-bundles-b2c .text-clamp-2,
.container-bundles-b2b .text-clamp-2 {
    /*font-weight: 500;*/
    -webkit-line-clamp: 2;
    /*height: 2.5rem;*/
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.container-bundles-b2c .text-clamp-2 span,
.container-bundles-b2b .text-clamp-2 span {
    font-weight: 700;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.container-bundles-b2c .product-wrapper-product a,
.container-bundles-b2b .product-wrapper-product a {
    text-decoration: none;
}

.container-bundles-b2c .price_wrapper,
.container-bundles-b2b .price_wrapper {
    margin: 0;
}

.container-bundles-b2b .price,
.container-bundles-b2c .price,
.container-einwegb2c .price {
    text-align: center;
    font-weight: 700;
    color: var(--main-color);
}

.container-bundles-b2c .btn,
.container-bundles-b2b .btn {
    display: inline-block;
    background-color: #b4b4b4;
    border-color: #b4b4b4;;
    color: #fff;
    padding: 0.2rem 1rem;
    margin: 0.5rem 0 0.75rem 0;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 0.125rem;
}

.container-bundles-b2c .vat_info,
.container-bundles-b2b .vat_info {
    display: none;
}

.container-bundles-b2c .carousel .slick-arrow,
.container-bundles-b2b .carousel .slick-arrow {
    bottom: -7%;
}

.container-bundles-b2b .price_wrapper .base_price,
.layout-list .base_price {
    display: none;
}

.container-bundles-b2c .square-image .inner img,
.container-bundles-b2b .square-image .inner img {
    height: 90%;
    width: 90%;
    object-fit: cover;
}

/***** SECTION NEUHEITEN - CUSTOM SLIDER ****/

.st-container-neuheiten-1 .product-wrapper {
    background: linear-gradient(to top, #d1d1d1, #f4f4f4);
    height: 100% !important;
}

.st-container-neuheiten-1 .text-clamp-2 span {
    display: block;
}

.st-container-neuheiten-1 .price_wrapper .price {
    color: #707070;
    display: block;
}

.st-container-neuheiten-1 .footnote-reference {
    display: none;
}

.st-container-neuheiten-1 .vat_info,
.st-container-neuheiten-1 .vat_info a {
    display: none;
}

.st-container-neuheiten-1 .base-price {
    display: none;
}

.st-container-neuheiten-1 .item-slider-price {
    display: flex;
    justify-content: center;
    align-items: baseline;
    padding-bottom: 0.5rem;
}

.st-container-neuheiten-1 .custom_steuer {
    display: block;
}

/***** SECTION PRODUKTE ****/

.container-fluid.opc-Container.st-container-produkte {
    display: none;
}

/***** SECTION PASSENDE E-SHISHA ****/

.container-passende {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.container-passende .col-xl-2 {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
}

.container-passende .bild {
    max-height: 150px;
    width: auto;
}

.container-passende .bild img {
    max-height: 150px;
    height: 100%;
    width: auto !important;
    text-align: center;
}

.container-passende .title {
    text-align: center;
    font-weight: 700;
}

.container-passende .price {
    display: inline-block;
    text-align: center;
    padding: 2px 1rem;
    background-color: #5391cb;
    color: #fff;
    transform: skew(-20deg);
    transition: all 0.3s ease;
}

.container-passende .price span {
    display: inline-block;
    transform: skew(20deg);
    font-weight: 400;
}

.container-passende .price1 {
    background-color: #cb6be6;
    position: absolute;
    left: calc(100% / 8 - 2rem);
    padding: 2px 5px;
}

.container-passende .price2 {
    margin-left: 2rem;
    padding: 2px 5px;
}

.container-passende table {
    width: 100%;
    border-collapse: collapse;
}

.container-passende tr {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.container-passende tr:nth-child(odd) {
    background-color: #f4f4f4;
}

.container-passende tr td:first-child {
    font-weight: 700;
    font-size: 1.1rem;
}

.container-passende th,
.container-passende td {
    width: calc(100% / 8);
    border: none;
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.container-passende td {
    font-size: 0.95rem;
}

.container-passende th {
    background-color: #fff;
}

.container-passende .brand {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0.5rem 0;
    display: inline-block;
}

.container-passende .price:hover {
    box-shadow: 0 0 1rem 1px rgba(0, 0, 0, 0.3);
}

.container-passende .price:hover ~ .bild {
    transform: scale(1.1) translateY(-10px) rotate(5deg);
}

/***** SECTION ARTIKEL DESCRIPTION / DETAILS ****/

#result-wrapper .bulk-prices,
#result-wrapper-modal_modal .bulk-prices {
    display: none !important;
}

#result-wrapper #product-offer + .container {
    padding-left: 0;
    padding-right: 0;
}

#result-wrapper #product-offer .basket-form-inline .btn-primary {
    /*color: #fff !important;*/
    background-color: var(--main-color) !important;
    transition: all 0.3s ease;
}

#result-wrapper #product-offer .basket-form-inline .btn-primary:hover {
    opacity: 0.9;
}

#result-wrapper #product-offer .basket-form-inline .btn-primary:hover {
    background-color: #707070;
    border-color: #707070;
}

#product-offer .product-info .product-offer {
    display: flex;
    flex-direction: column;
}

#product-offer .product-info .product-offer .row {
    order: 2;
    margin-bottom: 0;
}

#product-offer .product-info .product-offer .row.variations.switch-variations {
    order: 0;
}

#product-offer .product-info .product-offer #add-to-cart {
    order: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/***** SECTION ÄNDERE SLIDERS  ****/

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

#result-wrapper #slider-partslist .product-wrapper-product,
#result-wrapper #slider-top-products .product-wrapper-product,
#result-wrapper #slider-related .product-wrapper-product,
#result-wrapper #slider-bestseller-products .product-wrapper-product,
#result-wrapper [id^="slider-xsell"] .product-wrapper-product {
    background-color: #f1f1f1;
    border: 2px solid #f1f1f1;
    padding-left: 1px;
    padding-right: 1px;
    margin: 0 10px;
    height: 100% !important;
}

#result-wrapper #slider-partslist .square-image .inner img,
#result-wrapper #slider-top-products .square-image .inner img,
#result-wrapper #slider-related .square-image .inner img,
#result-wrapper #slider-bestseller-products .square-image .inner img,
#result-wrapper [id^="slider-xsell"] .square-image .inner img {
    object-fit: cover;
    height: 100%;
}

#result-wrapper #slider-partslist .productbox-price,
#result-wrapper #slider-top-products .productbox-price,
#result-wrapper #slider-related .productbox-price,
#result-wrapper #slider-bestseller-products .productbox-price,
#result-wrapper [id^="slider-xsell"] .productbox-price {
    color: var(--main-color);
}

#result-wrapper #slider-partslist .price_wrapper,
#result-wrapper #slider-top-products .price_wrapper,
#result-wrapper #slider-related .price_wrapper,
#result-wrapper #slider-bestseller-products .price_wrapper,
#result-wrapper [id^="slider-xsell"] .price_wrapper {
    margin-top: 0;
}

#result-wrapper #slider-partslist .btn-sm,
#result-wrapper #slider-top-products .btn-sm,
#result-wrapper #slider-related .btn-sm,
#result-wrapper #slider-bestseller-products .btn-sm,
#result-wrapper [id^="slider-xsell"] .btn-sm {
    padding: 2px 1rem;
}

#result-wrapper #slider-partslist .product-wrapper-product:hover .btn-primary,
#result-wrapper #slider-top-products .product-wrapper-product:hover .btn-primary,
#result-wrapper #slider-related .product-wrapper-product:hover .btn-primary,
#result-wrapper #slider-bestseller-products .product-wrapper-product:hover .btn-primary,
#result-wrapper [id^="slider-xsell"] .product-wrapper-product:hover .btn-primary {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
    opacity: 1;
}

#result-wrapper #slider-partslist .price-note,
#result-wrapper #slider-top-products .price-note,
#result-wrapper #slider-related .price-note,
#result-wrapper #slider-bestseller-products .price-note,
#result-wrapper [id^="slider-xsell"] .price-note {
    display: none;
}

/***** VARIATIONEN UND COLLAPSE PRICE ****/

.js-slider-wrapper .form-group {
    margin-bottom: 0;
}

.js-slider-wrapper .js-btn-slider-wrapper {
    display: none;
}

.js-slider-wrapper.js-slider-disabled .js-slider-items {
    justify-content: space-around;
    flex-wrap: nowrap;
    overflow: hidden;
    margin-top: 1rem;
}

.js-slider-wrapper .js-slider-items .js-slider-item {
    min-width: 36%;
    min-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    flex-wrap: wrap;
}

.js-slider-wrapper .js-slider-items .js-slider-item .variation.swatches {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    text-align: center;
}

.js-slider-wrapper .js-slider-items .js-slider-item .swatches-text {
    padding: 4px;
    border: 2px solid #707070;
    border-radius: 0;
    font-size: 0.75rem;
    font-weight: 400;
}

.js-slider-wrapper .js-slider-items .js-slider-item .swatches-text.swatches-sold-out {
    border: 1px dashed #525252;
    position: relative;
    pointer-events: none;
}

.js-slider-wrapper .js-slider-items .js-slider-item .swatches-text.active {
    border: 3px solid var(--main-color);
    background-color: transparent;
}

.js-slider-wrapper .js-slider-items .js-slider-item .vat_info {
    display: none !important;
}

/* Product Description */

#result-wrapper .price_label.pricestarting {
    display: none;
}

#product-offer .product-info .product-offer .js-slider-wrapper.js-slider-disabled .js-slider-items {
    margin-top: 1rem;
    margin-bottom: 2rem;
}

#product-offer .alert-info {
    margin: 0;
    padding: 0.5rem;
}

#product-offer .js-slider-wrapper .js-slider-items .js-slider-item span {
    width: 100%;
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 600 !important;
    color: var(--main-color);
}

#product-offer .js-slider-wrapper .js-slider-items .js-slider-item .swatches-sold-out span {
    color: #525252;
}

#product-offer .js-slider-wrapper .js-slider-items .js-slider-item .swatches-text.active {
    background-color: #fff;
}

/* Product List */

#product-list .item-list-price {
    width: 100%;
    margin: 0;
}

#product-list .item-list-price .price_wrapper {
    margin: 0 0 0.5rem 0;
}

#product-list .product-wrapper {
    height: auto;
}

#product-list .item-list-price .price_wrapper .price-note .value {
    display: none;
}

.price_wrapper .price-note .value {
    height: 1rem;
    display: block;
    font-size: 0.85em;
    color: #525252;
}

#product-list .product-wrapper > :first-child.show-variation-collapse {
    height: 380px;
}

#product-list .productbox.productbox-hover:not(:hover) .productbox-onhover {
    opacity: 1;
    padding-bottom: 0;
}

#product-list .collapse:not(.show) {
    display: block !important;
}

#product-list .choose-variations {
    display: none;
}

#product-list .productbox-inner .row .col.productbox-variations.col-12 {
    order: 1;
    padding: 0;
}

#product-list .row.variations.switch-variations dl {
    margin-bottom: 0;
}

#product-list .js-slider-wrapper .js-slider-items .js-slider-item:first-child {
    margin-left: 0;
}

#product-list .js-slider-wrapper .js-slider-items .js-slider-item {
    width: 47%;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
}

#product-list .js-slider-item .swatches-text {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.70rem;
    line-height: 1.05;
    padding: 1px 2px;
    transition: all 0.3s ease;
}

#product-list .js-slider-wrapper .js-slider-items .js-slider-item span:not(.custom_alter_price2) {
    width: 100%;
    display: inline-block;
    font-size: 1rem;
    line-height: 1;
    font-weight: 600 !important;
    color: #525252;
}

#product-list .js-slider-item .swatches-text:hover {
    border-color: var(--main-color);
}

#product-list .js-slider-wrapper .js-slider-items .js-slider-item:hover span {
    color: var(--main-color);
}

#product-list .js-slider-wrapper .js-slider-items .js-slider-item:hover .not-available span {
    color: #525252;
}


#product-list .switch-variations {
    margin: 0 0 1rem 0;
}

#product-list .switch-variations > .col {
    padding: 0;
}

/***** SECTION KONFIGURATOR  DROPDOWN *****/

#result-wrapper .product-info-inner .shortdesc + #product-configurator {
    min-height: 5rem;
}

/* Button Konfigurator */
.btn.btn-secondary.start-configuration.js-start-configuration,
.btn.btn-outline-secondary.configurepos.btn-block.btn-sm {
    display: none;
}

.price_label.price_as_configured {
    color: var(--main-color);
    font-size: 1rem;
    font-weight: 600;
}

#result-wrapper-modal_modal .shortdesc {
    margin-top: 1rem;
}

#product-offer .price_label.price_as_configured {
    display: none;
}

#product-offer .product-info-inner .price_wrapper .price,
#product-offer .product-info-inner .price_wrapper .price.h1 {
    color: var(--main-color);
    font-size: 1.5rem;
    margin-right: 0.5rem;
}

#tab-content-product-tabs #tab-description p {
    margin-top: 0;
    text-align: justify;
    background-color: #fff;
    color: #000;
}

#slider-related .btn.js-cfg-validate.btn-primary.btn-block {
    opacity: 1;
    cursor: pointer;
}

/***  DROPDOWN ***/

#cfg-container {
    margin-bottom: 0;
    margin-top: 2rem;
}

#cfg-container .form-group .col:last-child,
#cfg-container .cfg-group-list-wrapper .hr-sect.h3,
#cfg-container .cfg-group .cfg-group-info,
#cfg-container .cfg-group .group-description {
    display: none;
}

.cfg-position-details.cfg-layout-list .cfg-group-list-wrapper .cfg-group {
    border: none;
    padding: 0;
}

#cfg-container .cfg-group .config-option-dropdown {
    margin-top: 0;
}

#cfg-container .mb-3,
#cfg-container .js-cfg-group .form-group,
#cfg-container .config-option-dropdown .form-group {
    margin-bottom: 0 !important;
}

#cfg-container .js-cfg-group .form-group {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.product-configuration-sidebar-wrapper {
    z-index: 1;
}

#product-configuration-sidebar {
    margin-top: 2rem;
    padding: 0 0 1rem 0;
    border: none;
}

#cfg-container .cfg-group-list-wrapper .col div:nth-of-type(even) .custom-select {
    background-color: #f4f4f4;
}

#cfg-container .cfg-group-list-wrapper .col div:nth-of-type(2n) .custom-select option {
    background-color: #ffffff !important;
}

#cfg-container .cfg-group-list-wrapper .custom-select:focus {
    box-shadow: none;
    border-color: transparent;
}

#cfg-container .custom-select {
    border: none;
    text-align: center;
}

#cfg-container .form-error-msg {
    font-size: 0.65rem;
}

#cfg-container option:disabled {
    color: #bbb;
    cursor: not-allowed;
}

/* SUMMARY TABLE */

#product-configuration-sidebar .panel-heading {
    display: none;
}

#cfg-container .panel-heading {
    font-size: 1rem;
}

#cfg-container .config-table {
    font-size: 0.75rem;
}

#cfg-container .config-table,
#cfg-container .cfg-summary-item .js-cfg-group {
    display: none;
}

#cfg-container tbody.summary tr:first-of-type td:first-of-type {
    font-weight: 600;
    text-align: center;
    font-size: 0.85rem;
}

#cfg-container tbody.summary tr:first-of-type td.cfg-price {
    display: none;
}

#cfg-container .word-break .price {
    font-size: 1.25rem;
    color: var(--main-color);
}

#cfg-container .text-right.word-break {
    border: none;
}

#cfg-container .panel-footer .basket-form-inline .col {
    flex: 0 0 40%;
    max-width: 40%;
}

#cfg-container .panel-footer .basket-form-inline .col:first-child {
    flex: 0 0 35%;
    max-width: 35%;
    padding: 0 1rem;
}

#cfg-container .config-table .accent-bg {
    background: #fff;
}

#cfg-container .btn.js-cfg-validate.btn-primary.btn-block {
    opacity: 1;
    cursor: pointer;
}

/* RADIO */

#cfg-container .cfg-position-details.cfg-layout-list .cfg-group-list-wrapper .cfg-group,
.row.cfg-group-list-wrapper > .col {
    padding: 0;
}

#cfg-container .col.col-lg-8.col-12,
#cfg-container .col.col-lg-4.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

#cfg-container .col.col-lg-8.col-12 {
    border: 1px solid #f5f5f5;
}

#cfg-container .cfg-group .hr-sect.h3 {
    line-height: 1;
    font-size: 1.15rem;
    padding: 2px 0;
    margin: 0;
}

#cfg-container .cfg-group .cfg-group-info {
    margin-bottom: 0;
}

#cfg-container .custom-control-label .config-item {
    padding: 2px 0;
}

#cfg-container .custom-control-label .cfg-item-description dt {
    font-size: 0.75rem;
}

#cfg-container .cfg-item-description-description {
    display: none;
}

#cfg-container .custom-control-label .cfg-item-detail-button .badge {
    padding: 2px;
}

#cfg-container .cfg-item-description .cfg-item-qty {
    font-size: 0.75rem;
}

/***** SECTION ITEM-LIST-NEU STATT ITEM-BOX  *****/

.layout-list .col-md-12 {
    flex: 0 0 25%;
    max-width: 25%;
}

@media only screen and (max-width: 1300px) {
    .layout-list .col-md-12 {
        flex: 0 0 33.3%;
        max-width: 33.3%;
    }
}

@media only screen and (max-width: 767px) {
    .layout-list .col-md-12 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.layout-list .productbox-show-variations .productbox-inner .row {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
}

.layout-list .productbox-show-variations .productbox-inner .row .productbox-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
    min-height: 2.5rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25;
    margin-top: 5px;
    margin-bottom: 0.5rem;
    overflow: hidden;
}

.layout-list .productbox-show-variations .productbox-inner .row .productbox-title a {
    text-decoration: none;
    display: block;
}

.layout-list .productbox-show-variations form .row.row {
    flex-direction: column-reverse;
}

.layout-list .productbox-options {
    padding: 0;
}

.layout-list .productbox-show-variations form .row .form-counter {
    border: none;
    border-radius: 0;
}

.layout-list .productbox-show-variations form .row .form-counter .form-control {
    background-color: #f4f4f4;
}

.layout-list .productbox-show-variations form .row .btn-primary {
    margin-top: 0;
}

.layout-list .basket-form-inline .col-12 {
    flex: 0 0 55%;
    max-width: 55%;
}

.layout-list .basket-form-inline .col-12:last-child {
    flex: 0 0 45%;
    max-width: 45%;
    padding: 0 0.5rem;
}

.layout-list .col.col-12.st-outline {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    margin-top: 2.25rem;
}

.layout-list .btn-outline-primary {
    font-weight: 600;
    font-size: 1rem;
    color: #707070;
    background-color: transparent;
    border: 2px solid #707070 !important;
    /*border-radius: 25px;*/
    padding: 3px 1rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.4s ease;
    opacity: 1;
}

.layout-list .product-wrapper:hover .btn-outline-primary {
    border-color: var(--main-color) !important;
    background-color: var(--main-color) !important;
    color: #fff;
}

#result-wrapper .layout-list .col.product-wrapper {
    padding: 0.5rem 0.5rem 1rem 0.5rem;
}

/*** RESPONSIV ***/

@media only screen and (max-width: 1400px) {
    .theme-default .nivo-main-image {
        max-height: 600px;
        min-height: unset;
        object-fit: cover;
    }
}

@media only screen and (max-width: 1300px) {
    .container-passende .price1 {
        left: calc(100% / 7 - 3.5rem);
    }
}

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

    /* Bundles */
    .container-bundles-b2b .grid .col-xl-3,
    .container-bundles-b2c .grid .col-xl-3,
    .container-einwegb2c .grid .col-xl-3 {
        flex: 0 0 33.3%;
        max-width: 33.3%;
    }

    /* Produkte */
    .container-fluid.opc-Container.st-container-produkte {
        display: block;
    }

    .container-passende {
        display: none;
    }

    /* Ändere Sliders */
    #result-wrapper #slider-partslist .carousel .slick-arrow,
    #result-wrapper #slider-related .carousel .slick-arrow,
    #result-wrapper #slider-bestseller-products .carousel .slick-arrow,
    #result-wrapper [id^="slider-xsell"] .carousel .slick-arrow {
        /*bottom: -1%;*/
    }
}

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

    .container-bundles-b2b .slick-type-product:not(.slider-no-preview) .slick-list,
    .container-bundles-b2c .slick-type-product:not(.slider-no-preview) .slick-list {
        padding-right: 0 !important;
    }

    .container-bundles-b2b .product-wrapper-product,
    .container-bundles-b2c .product-wrapper-product {
        margin-right: 0;
    }

    .container-bundles-b2c .carousel .slick-arrow,
    .container-bundles-b2b .carousel .slick-arrow {
        bottom: -10%;
    }

    .container-bundles-b2b .slick-prev.slick-arrow,
    .container-bundles-b2c .slick-prev.slick-arrow {
        margin-left: -15px;
    }

    .container-bundles-b2b .carousel-arrows-inside .slick-next,
    .container-bundles-b2c .carousel-arrows-inside .slick-next {
        margin-left: 30px;
    }
}

@media only screen and (max-width: 500px) {
    /* Header */
    #shop-nav {
        margin-right: 1rem;
    }

    .search-form-wrapper-fixed,
    .search-wrapper {
        box-shadow: none;
    }

    /* Startseite */
    .container-bundles-b2c .text-clamp-2 span,
    .container-bundles-b2b .text-clamp-2 span {
        font-weight: 500;
    }

    .st-container-neuheiten-1 .custom_steuer {
        font-size: 0.75rem;
    }

    /* Konfigurator */
    .js-slider-wrapper .js-slider-items .js-slider-item {
        min-width: 45%;
    }

    #cfg-container .col.col-lg-4.col-12 {
        padding-left: 0;
        padding-right: 0;
    }

    #cfg-container .js-cfg-group .form-group {
        padding-left: 0;
        padding-right: 0;
    }

    #cfg-container .js-cfg-group .row.form-group,
    #cfg-container .cfg-group .config-option-dropdown {
        padding: 0 0.5rem;
    }

    #cfg-container .cfg-group option {
        font-size: 0.70rem;
    }

    #cfg-container .cfg-group .custom-select {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 0.75rem;
    }

    .container-bundles-b2b .section-title,
    .container-bundles-b2c .section-title,
    .st-container-neuheiten-1 .section-title {
        padding-left: 0;
        text-align: center;
    }

    .container-bundles-b2b .product-wrapper,
    .container-bundles-b2c .product-wrapper,
    .st-container-neuheiten-1 .product-wrapper {
        height: 100%;
    }

    .container-bundles-b2c .text-clamp-2,
    .container-bundles-b2b .text-clamp-2 {
        line-height: 1;
        margin-bottom: 0.5rem;
        height: 2rem;
    }

    .price_label.price_as_configured {
        font-size: 0.85rem;
        line-height: 1;
    }

    #cfg-container .panel-footer .basket-form-inline .col {
        flex: 0 0 49%;
        max-width: 49%;
    }

    #cfg-container .panel-footer .basket-form-inline .col:first-child {
        flex: 0 0 47%;
        max-width: 47%;
    }

    #result-wrapper .tab-navigation #label-availabilityNotification {
        margin-top: -4rem;
    }

    /* Product-List Item-List */
    .layout-list .productbox-inner .row .col {
        padding: 0;
    }

    .layout-list .product-wrapper .basket-form-inline .col.col-12 > .btn-outline-primary {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .layout-list .productbox-show-variations .productbox-inner .row .productbox-title {
        min-height: 2rem;
        font-size: 0.95rem;
        line-height: 1.1;
        margin-bottom: 1rem;
    }

    #product-list .js-slider-wrapper .js-slider-items .js-slider-item .swatches-text {
        border-width: 1px;
    }

    .layout-list .btn-outline-primary,
    #product-list .choose-variations {
        font-size: 0.8rem !important;
    }

    .layout-list .btn-outline-primary {
        padding: 5px 1rem;
    }
}

@media only screen and (max-width: 390px) {
    #result-wrapper #slider-partslist .carousel-arrows-inside .slick-prev,
    #result-wrapper #slider-top-products .carousel-arrows-inside .slick-prev,
    #result-wrapper #slider-related .carousel-arrows-inside .slick-prev,
    #result-wrapper #slider-bestseller-products .carousel-arrows-inside .slick-prev,
    #result-wrapper [id^="slider-xsell"] .carousel-arrows-inside .slick-prev {
        margin-left: -10px;
    }

    #result-wrapper #slider-partslist .carousel .slick-arrow,
    #result-wrapper #slider-top-products .carousel .slick-arrow,
    #result-wrapper #slider-related .carousel .slick-arrow,
    #result-wrapper #slider-bestseller-products .carousel .slick-arrow,
    #result-wrapper [id^="slider-xsell"] .carousel .slick-arrow {
        bottom: -2%;
    }
}

/*** eloquium 18.11.2024 | ST Code von Dritte Agentur leeren ***/

#maintenance-mode {
    display: none;
}

#salepixWhatsappChatWidget {
    padding: 0 !important;
    margin-right: 4rem;
    margin-bottom: 3px;
}

.jtl-spinner {
    display: none !important;
}

[data-page="2"] .modal-backdrop.show,
[data-page="2"] .modal {
    display: none !important;
}

[data-page="2"] .modal-open {
    overflow: initial;
}

.custom-toast-wrapper {
    position: relative;
}

.product-list .custom-toast {
    position: absolute;
    margin-top: 0.25rem;
    padding: 0.25rem;
    font-size: 0.7rem;
    font-weight: 500;
    background: var(--main-color);
    color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1;
    display: none;
}

/*** eloquium 21.11.2024 | ST Black Friday */

#header-top-bar .st-topbar-first {
    height: 28px;
}

#header-top-bar .st-topbar-second {
    height: 26px;
}

.cart-dropdown .cart-dropdown-buttons {
    margin-bottom: 1rem;
}

.price_wrapper.special-price,
.price.h1.special-price,
.price.productbox-price.special-price {
    color: #ff0000 !important;
    font-weight: 700 !important;
}

.price_wrapper.special-price .price-note {
    margin-left: 0.5rem;
}

#product-offer .product-info-inner .text-danger {
    font-size: 1.1rem;
}

#product-list .item-list-price .custom_alter_price {
    display: inline-block;
    color: #707070;
    font-weight: 400;
    font-size: 0.9rem;
    text-decoration: line-through;
}

#product-offer .product-info-inner .custom_alter_price {
    display: none;
}

.custom_alter_price2 {
    all: unset;
    font-weight: 400 !important;
    font-size: 0.75rem !important;
    text-decoration: line-through;
    color: #707070 !important;
}

.slick-track .custom_alter_price {
    all: unset;
    font-weight: 400 !important;
    font-size: 0.65rem !important;
    text-decoration: line-through;
    color: #707070 !important;
}

.slick-track .alert-info {
    font-size: 0.65rem;
}

#product-offer .product-info-inner .custom_alter_price2 {
    font-size: 1rem !important;
}

#product-offer .product-info-inner .base-price.text-nowrap-util {
    display: none;
}

#product-list .js-slider-wrapper .js-slider-items .js-slider-item .swatches-text.active span:not(.custom_alter_price2) {
    color: #ff0000;
}

label:has(span.custom_alter_price2) span:not(.custom_alter_price2) {
    color: #ff0000;
}

.productbox-ribbon.ribbon {
    top: 0.5rem;
}

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

    .container.basket .cart-summary .card-header,
    .container.basket .cart-summary .card-body {
        padding: 0.75rem;
    }
}

/*** eloquium 04.12.2024 | ST Tabs Änderungen ***/

#result-wrapper .st-gefahrenhinweis,
#result-wrapper .st-anwendungen {
    margin-top: 1rem;
}

.product-attributes tr.attr-custom {
    display: none;
}

/**********************************************************/
/***** eloquium 09.12.2024 | ST Update 5.2.4-> 5.4.0 *****/
@media (min-width: 768px) {
    .productbox.productbox-hover:hover .productbox-inner::before {
        box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2);
        left: -0.5rem;
        right: -0.5rem;
        top: -0.5rem;
        bottom: -0.5rem;
    }

    .productbox-ribbon.ribbon {
        left: -1rem;
    }

    .productbox.productbox-hover:hover .productbox-ribbon.ribbon {
        left: -2rem;
    }

}

/***** eloquium 17.01.2025 | ST  Sticky Top-bar, Header *****/

@media (max-width: 768px) {
    .productbox-ribbon.ribbon {
        top: -0.5rem;
    }
}

#opc #opc-startmenu {
    top: 10rem !important;
}

#jtl-nav-wrapper .container-fluid.container-fluid-xl {
    /*height: 100%;*/
}

#header-top-bar {
    position: fixed !important;
}

.sticky-top.st-sticky {
    position: sticky !important;
    top: 52px;
}

/***** eloquium 19.02.2025-24.02 | ST Änderungen *****/

/* MENU */
.nav-mobile-body .container.subcategory-wrapper .row .col [data-category-id="225"] span::after {
    content: "Neu";
    width: max-content;
    padding: 2px 0.5rem;
    background: var(--main-color);
    color: #fff;
    right: 0;
    margin-left: 0.5rem;
    font-size: 0.8rem;
}

/*** ITEM BOX SINGLE ***/
#result-wrapper .basket-form-inline .btn-primary::after {
    display: none;
}

.flaticon-shopping-bag::before {
    line-height: 1.5 !important;
    font-size: 1.15rem;
}

.st-langcart {
    margin-right: 5px;
}

.layout-list .productbox-show-variations .productbox-inner .row {
    /*margin-bottom: 1rem;*/
    margin-bottom: 0.25rem;
}

.layout-list .basket-form-inline .col-12 {
    flex: 0 0 60%;
    max-width: 60%;
    padding: 0;
}

.layout-list .basket-form-inline .col-12:last-child:not(.col.col-12.st-outline) {
    flex: 0 0 17%;
    max-width: 17%;
    padding-right: 0;
}

.layout-list .col.col-12.st-outline {
    margin-top: 1.75rem;
}

.item-list-basket-details .btn-outline-primary {
    border-radius: 0;
    padding: 0.25rem 1.5rem;
    font-size: 0.85rem;
}

.layout-list .basket-form-inline .btn-primary::after {
    width: 15px !important;
    height: 18px !important;
    margin: 2px 3px 3px 1px !important;
}

.st-custom-text {
    display: none;
    font-size: 0.75rem;
    margin-right: 5px;
}

.basket-form-inline .input-group-prepend .btn,
.basket-form-inline .input-group-append .btn {
    border-radius: 0;
    padding: 0 0.5rem;
    background: var(--neu-gray);
    height: 30px;
}

.basket-form-inline .fas.fa-minus,
.basket-form-inline .fas.fa-plus {
    color: #fff !important;
    font-size: 0.85rem;
}

.basket-form-inline .form-control.quantity {
    background-color: #fff !important;
    border: 1px solid var(--neu-gray) !important;
    height: 30px;
}

.basket-form-inline .input-group-text.unit.form-control {
    display: none;
}

.basket-form-inline .btn-primary {
    border-radius: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: var(--neu-gray) !important;
    color: #fff !important;
    max-height: 30px !important;
    height: 30px;
    min-width: 35px;
    font-size: 0.85rem !important;
}

.basket-form-inline .btn-primary:hover {
    background: var(--main-color) !important;
}

.basket-form-inline .btn:hover {
    background-color: var(--main-color);
}

.product-list .custom-toast {
    width: max-content;
    transform: translateX(-75%);
    margin-left: 0;
}

/*** ITEM BOX - MULTI / SWATCH ***/

.product-list .form-row.swatches.js-slider-items.no-scrollbar.imgswatches {
    margin-left: 0;
}

.layout-list .basket-form-inline:not(:has(.item-list-price)) {
    flex-wrap: nowrap;
}

.layout-list .basket-form-inline .col-12:last-child {
    padding-left: 5px;
}

.layout-list .basket-form-inline:not(:has(.item-list-price)) .col-12:first-child:not(.col.col-12.st-outline) {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 5px;
}

.layout-list .basket-form-inline:not(:has(.item-list-price)) .col-12:last-child:not(.col.col-12.st-outline) {
    flex: 0 0 50%;
    max-width: 50%;
}

.layout-list .basket-form-inline:not(:has(.item-list-price)) .st-custom-text {
    display: block;
}

.layout-list .basket-form-inline:not(:has(.item-list-price)) .custom-toast {
    transform: translateX(-53%);
}

.layout-list .basket-form-inline:not(:has(.item-list-price)) .input-group-prepend .btn,
.layout-list .basket-form-inline:not(:has(.item-list-price)) .input-group-append .btn,
.layout-list .basket-form-inline:not(:has(.item-list-price)) .btn-primary {
    background: var(--main-color) !important;
}

.basket-details-add-to-cart {
    pointer-events: auto !important;
    z-index: 10 !important;
}

/*** PRODUCT DESCRIPTION ***/

.st-ribbon .ribbon {
    display: none;
}

.st-ribbon .ribbon-custom {
    display: inline-block;
    position: inherit;
    margin-top: 0.5rem;
}

#product-offer .product-info .product-offer .delivery-status .list-unstyled {
    margin-bottom: 1rem;
}

#product-offer .product-info .product-offer .delivery-status .list-unstyled::after {
    content: "HQD® - Das Original";
    display: block;
    color: var(--main-color);
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-top: 2px;
}

#product-offer .product-info-inner .price_wrapper .price-note {
    order: 0;
}

#product-offer .product-info .product-offer .basket-form-inline {
    width: 100%;
    justify-content: center;
    gap: 2rem;
}

#result-wrapper .product-offer .basket-form-inline .col:first-child {
    padding: 0;
}

#product-offer .product-offer .basket-form-inline .btn-primary {
    background: var(--main-color) !important;
    padding: 1px 0 !important;
    max-height: 30px !important;
}

#cfg-container .col.col-lg-4.col-12 {
    padding: 0;
}

#product-configuration-sidebar .basket-form-inline {
    width: 100%;
}

#cfg-container .panel-footer .basket-form-inline .col:first-child {
    padding-left: 0;
}

#product-offer .product-info-inner .price_wrapper .price,
#product-offer .product-info-inner .price_wrapper .price.h1 {
    font-weight: 700;
}

#tab-content-product-tabs #tab-description {
    padding: 1rem;
    background-color: #fff;
}

/*** FOOTER ***/

#footer .newsletter-footer .newsletter-text {
    font-weight: 800;
    font-size: 2rem;
    line-height: 1;
}

/*** CIRAK2 SEO ***/

.st-faq :not(.navbar-toggler)[data-toggle="collapse"]::after {
    display: none;
}

.cirak2-seo {
    color: rgb(3, 3, 3);
    line-height: 1.5;
}

.cirak2-seo h1 {
    color: rgb(3, 3, 3);
    font-size: 2rem;
    line-height: 1;
}

.cirak2-seo h2 {
    color: rgb(3, 3, 3);
}

.cirak2-seo h3 {
    color: rgb(3, 3, 3);
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}

.cirak2-seo h4 {
    color: rgb(3, 3, 3);
    font-size: 1.25rem;
    font-weight: 700;
}

.cirak2-seo ul {
    padding-left: 1.5rem;
}

/*** CIRAK2 FAQ ***/

.container-fluid.opc-Container.st-faq.faq-cirak {
    max-width: 1200px;
    margin-left: 0;
    color: rgb(3, 3, 3);
    padding: 0;
    line-height: 1.5;
}

.st-faq.faq-cirak h2.title {
    font-weight: 700;
    color: rgb(3, 3, 3);
    margin: 1.5rem 0;
}

.st-faq.faq-cirak p {
    margin-bottom: 0;
}

.st-faq.faq-cirak .btn.opc-Accordion-head.btn-link {
    color: rgb(3, 3, 3);
    font-weight: 700;
}

.st-faq.faq-cirak .card.opc-Accordion-group {
    background: transparent;
    border: 1px solid #fff;
}

.st-faq.faq-cirak .accordion > .card > .card-header {
    margin-bottom: 0
}

.st-faq.faq-cirak .accordion > .card {
    margin-bottom: 0.5rem;
}

.st-faq.faq-cirak .opc-Accordion-collapse .card-body {
    padding: 1.25rem 0.75rem;
}


/*** PLUGINS WNM, WEBSTOLLEN, SALES BOOSTER ***/

.sale-countdown {
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 100%;
    max-height: 52px;
}

.admorris-popup-modal-image {
    /*padding-top: 2rem;*/
}

.admorris-popup-form h3 {
    font-size: 3rem;
    font-weight: 900;
}

.admorris-popup-form .col {
    margin-bottom: 0.5rem;
}

.basket_countdown_right {
    left: 0;
    bottom: 30px !important;
    font-size: 0.85rem
}

.am-shipping-countdown {
    margin-bottom: 0;
    padding: 0.5rem;
    border: 2px solid var(--main-color);
}

.am-shipping-countdown:empty {
    display: none;
}

.shipping-cost-progress-bar {
    background: #f1f1f1;
}

.shipping-cost-progress-bar--mini {
    padding: 0.5rem;
}

.shipping-cost-progress-bar {
    padding: 0.75rem;
}

#alert_versand_countdown-basket,
#alert_versand_countdown {
    padding: 0.25rem;
    font-size: 0.75rem;
}

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

.shipping-countdown-seconds {
    display: none !important;
}

@media (max-width: 768px) {
    .st-container-neuheiten-1 .slick-track {
        /*transform: unset !important;*/
    }

    .st-custom-text {
        display: none !important;
    }

    .st-container-kindersicherung .item-bild img {
        width: 290px !important;
    }

    .cart-dropdown.dropdown-menu.dropdown-menu-right.lg-min-w-lg.show .table-responsive.max-h-sm.lg-max-h {
        max-height: 35vh;
    }

    #footer .newsletter-footer .newsletter-text {
        font-size: 1.5rem;
        line-height: 1.25;
    }
}

@media only screen and (max-width: 640px) {
    #result-wrapper .product-offer #add-to-cart .basket-form-inline {
        flex-wrap: nowrap;
    }
}


@media only screen and (max-width: 500px) {
    [data-page="18"] #main-wrapper {
        overflow-x: hidden;
    }

    #result-wrapper .product-offer .basket-form-inline .col:first-child {
        flex: 0 0 45%;
        max-width: 45%;
    }

    #product-offer .product-info .product-offer .basket-form-inline {
        gap: 0;
    }

    .layout-list .basket-form-inline:not(:has(.item-list-price)) .custom-toast {
        transform: translateX(0%);
    }

    .layout-list .basket-form-inline:not(:has(.item-list-price)) > .col:first-child {
        margin-right: 0;
    }
}


/***** eloquium 04.09.2025 | ST *****/
.wrapper-price {
    display: flex;
    margin-right: 0.5rem;
}

.wrapper-price .price1 {
    position: inherit;
    display: inline-block;
    margin-right: 0.25rem;
}

.wrapper-price .price2 {
    display: inline-block;
    margin-left: unset;
}

.wrapper-price .price span {
    width: max-content;
}

.row.grid-slider {
    flex-wrap: nowrap;
    overflow-x: scroll;
    padding: 7rem 0.5rem 2rem 0.5rem;
    scroll-behavior: smooth;
    margin-bottom: 4rem;
}

.row.grid-slider .product-wrapper {
    padding: 0 2rem;
    text-align: center;
}

.row.grid-slider img {
    margin-bottom: 6rem;
    margin-top: -5rem;
    max-height: 30px;
    min-height: 30px;
    min-width: 150px;
    width: auto !important;
    transition: all 0.4s ease;
}

.row.grid-slider .bild img {
    max-height: 300px;
    min-height: unset;
    min-width: unset;
    width: auto !important;
}

.row.grid-slider .product-wrapper:hover .bild img {
    transform: scale(1.1) translateY(-10px) rotate(5deg);
}

.row.grid-slider .btn {
    margin-top: -6rem;
    background-color: #b4b4b4 !important;
    border-color: #b4b4b4 !important;
    padding: 0.2rem 1rem;
    margin-bottom: 1rem;
}

.row.grid-slider .product-wrapper.speciel1::after,
.row.grid-slider .product-wrapper.speciel2::after {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0.65rem;
    color: #000;
    background: #d1d1d1;
    display: block;
    max-width: 15ch;
    text-align: left;
    padding: 3px;
}

.row.grid-slider .product-wrapper.speciel1::after {
    content: "Speziell für SHISHA 20K entwickelt";
}

.row.grid-slider .product-wrapper.speciel2::after {
    content: "Speziell für CIRAK 2 entwickelt";
}

.row.grid-slider .price {
    margin-top: -1rem;
}



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

    .row.grid-slider .product-wrapper {
        padding: 0 1rem;
        text-align: center;
    }

    .row.grid-slider img {
        margin-bottom: 4rem;
        margin-top: -3rem;
        min-width: unset;
        max-height: 25px;
        min-height: 25px;
    }

    .row.grid-slider .bild img {
        max-height: 200px;
    }

    .row.grid-slider .btn {
        margin-top: -4rem;
    }

}

/******************************************************/
/***** eloquium 24.09.2025 | ST Update 540 - 553 *****/

.container.subcategory-wrapper .col:has(a[data-category-id="139"]),
.container.subcategory-wrapper .col:has(a[data-category-id="141"]) {
    display: none !important;
}

.st-container-kindersicherung .grid [data-area-id="col-2"] {
    display: none !important;
}

.st-container-kindersicherung.st-newkategorie-liste .grid [data-area-id="col-2"] {
    display: block !important;
}

#account .account-data-item h2 {
    font-weight: 600;
    font-size: 1.15rem;
}

.cart-items-body .cart-items-image .img-fluid.d-none {
    display: block !important;
    max-height: 80px;
    object-fit: contain;
}

.product-wrapper .shipment.popup {
    display: none;
}

/*** BFSG ***/

.productbox:focus-visible,
.productbox-inner:focus-visible,
.productbox-inner .row:focus-visible {
    outline: none;
}

#header-top-bar .st-topbar-first {
    font-size: 22px;
    text-shadow: 0 0.1px 1px rgba(0, 0, 0, 0.4);
}

#header-top-bar .st-topbar-first a {
    color: var(--main-color) !important;
}

#header-top-bar a:not(.dropdown-item):not(.btn),
#header-top-bar .flex-row-reverse,
#footer .newsletter-footer p,
#footer .newsletter-footer a:not(.btn) {
    text-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.45);
}


.container-bundles-b2c .btn, .container-bundles-b2b .btn,
.row.grid-slider .btn {
    background-color: #707070 !important;
    border-color: #707070 !important;
}

.bundles-stream .item-slider-price span,
.bundles-stream .productbox-price {
    font-size: 26px;
    text-shadow: 0 0.1px 1px rgba(0, 0, 0, 1);
}

.container-passende .price span {
    text-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.6);
}

.st-container-beschreibung .text {
    color: #525252;
}

.opc-hidden-xs.b2c-desktop .nivo-caption {
    display: none !important;
}

result-wrapper #slider-partslist .btn-info,
#result-wrapper #slider-top-products .btn-info,
#result-wrapper #slider-related .btn-info,
#result-wrapper #slider-bestseller-products .btn-info,
#result-wrapper [id^="slider-xsell"] .btn-info {
    background-color: #707070 !important;
    border-color: #707070 !important;
}

#result-wrapper #slider-partslist .productbox-price,
#result-wrapper #slider-top-products .productbox-price,
#result-wrapper #slider-related .productbox-price,
#result-wrapper #slider-bestseller-products .productbox-price,
#result-wrapper [id^="slider-xsell"] .productbox-price {
    font-weight: 700;
    font-size: 22px;
    text-shadow: 0 0.1px 1px rgba(0, 0, 0, 0.4);
}

#product-offer .js-slider-wrapper .js-slider-items .js-slider-item span {
    font-weight: 700 !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

@media (min-width: 992px) {
    header .navbar-nav > .nav-item > .nav-link:focus {
        outline-offset: -4px;
    }
}