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

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


:root {
    --main-font: 'Source Sans Pro', sans-serif;

    --primary: #53B54A;
    --primary-static: #53B54A;
    /*--primary:  rgb(83,181,74);*/

    --primary2: #42913b;
    --primary3: #575756;
    --primary4: #4a4a49;

    --logo1: #78bd6e;
    --logo2: #9ac090;

    --text-color: #171717;
    --text-color1: #111111;
    --text-color2: #525252;
    --text-color3: #707070;

    --special-price: #e52427;
    --rating-color: #fedc70;

    --favicon-color1: #78bd6e;
    --favicon-color2: #9ac090;

    --bg-color: #eeeeee;
    --bg-color1: #a3a3a3;
    --bg-color2: #f5f5f5;
    --bg-color3: #fafafa;
    --bg-color4: #f1f1f1;
    --bg-color5: #f8f8f8;
    --bg-color6: #dddddd;
    --bg-color7: #cccccc;
    --bg-color8: #e6e6e6;

    --btn-bg-color: #bcc1c7;
    --btn-bg-hover-color: #d4d4d4;
    --btn-border-color: #c7c7c7;
    --btn-text-color: #000;

    --white: #fff;
    --black: #000;
}

html {
    font-family: var(--main-font) !important;
    width: 100%;
    background-color: #fff;
    scroll-behavior: smooth;
    scrollbar-gutter: stable;
    overflow-x: hidden;
}

body {
    width: 100%;
    font-family: var(--main-font) !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff;
    color: var(--text-color);
}

* {
    /*outline: 4px solid green !important; */
}

/*****----- SECTION: GLOBAL -----*****/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: var(--main-font) !important;
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--text-color);
}

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

h1, h2, h3, h4 {
    font-weight: 700 !important;
}

h3 {
    font-size: 1.35rem;
    margin-top: 2rem;
}

h4 {
    font-size: 1rem;
    margin-top: 2rem;
}

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

.breadcrumb-backtolist::before,
.breadcrumb-item.last.active a {
    color: var(--primary);
}

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

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

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

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

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

.btn-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary3) !important;
    border-color: var(--primary3) !important;
    color: #fff !important;
    font-size: 1.15rem;
    padding: 0.45rem;
    box-shadow: none;
    transition: all 0.3s ease;
}

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

#product-offer .btn-primary,
#pushed-success .btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    padding: 0.5rem;
}

#product-offer .btn-primary:hover,
#pushed-success .btn-primary:hover {
    background-color: var(--primary2) !important;
    border-color: var(--primary2) !important;
}

.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) {
    background-color: #08a100;
    border-color: #08a100;
    box-shadow: none;
}

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

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

.product-detail .product-actions .btn-secondary:not(:disabled):not(.disabled):active,
.product-detail .product-actions .btn-secondary:not(:disabled):not(.disabled):focus,
.product-detail .product-actions .btn-secondary:not(:disabled):not(.disabled):visited {
    color: #fff !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}


.btn-outline-primary {
    border-color: var(--primary3) !important;
    background: var(--primary3) !important;
    color: #fff !important;
    border-radius: 2px;
    font-size: 1.15rem;
    padding: 0.45rem;
}

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

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

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

.fa-sup {
    padding: 0 0.65em;
    top: 5px;
    left: calc(100% - 1rem);
    font-weight: 600;
    background: var(--text-color2);
    color: #fff;
}

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

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

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

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

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

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

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

#content .form-control:not(.quantity) {
    border: none !important;
    border-bottom: 2px solid var(--primary) !important;
    background: var(--bg-color3);
}

.form-control:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem rgba(83, 181, 74, 0.25);
}

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

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

header {
    box-shadow: none;
}

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

#header-top-bar {
    flex-direction: column;
    color: var(--text-color);
}

/***--- HEADER-FOOTER-CUSTOM ---***/
.header-footer-custom {
    background-color: var(--bg-color);
    height: 40px;
}

.header-footer-custom .topbar-first-items {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1rem;
    height: 100%;
    min-height: 31px;
}

.header-footer-custom .topbar-first-item {
    display: flex;
    align-items: center;
    height: 100%;
}

.header-footer-custom .topbar-first-item svg {
    width: 1rem;
    height: 1rem;
    margin-right: 0.25rem;
}

#icons-default-rocket,
#icons-default-clock,
#icons-default-thumb-up,
#icons-default-arrow-360-left,
.header-footer-custom #icons-default-headset {
    /*fill: var(--primary);*/
}

.header-footer-custom .topbar-first-item .item-icon {
    line-height: 12px;
}

.header-footer-custom .topbar-first-item .item-title {
    line-height: 1;
    font-size: 0.85rem;
    font-weight: 500;
}

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

header .dropdown-item {
    color: var(--text-color);
}

.nav.topbar-main.nav-dividers .dropdown-menu.show {
    padding: 1rem 0;
    border: 2px solid var(--bg-color);
    box-shadow: none;
    font-size: 1rem;
}

.nav.topbar-main.nav-dividers .dropdown-menu.show::before {
    position: absolute;
    left: 25%;
    transform: translateX(-50%) rotate(135deg);
    top: -9px;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    border-width: 0 0 2px 2px;
    border-style: solid;
    border-color: var(--bg-color);
    background: #ffffff;
}

@media (min-width: 767px) {
    .nav.topbar-main.nav-dividers .nav-item {
        visibility: hidden;
    }

    .nav.topbar-main.nav-dividers .nav-item:has(a[href*='/Service/Hilfe']) {
        visibility: visible;
    }
}

/***--- LOGO ---***/
header .navbar-brand {
    margin-right: 0.5rem;
    padding-top: 0;
}

/***--- SUCHE ---***/
.full-width-mega .menu-search-position-left .main-search-wrapper {
    margin: 0 auto;
}

#search .form-control {
    background: var(--bg-color2) !important;
    overflow: hidden;
}

#search #search-header {
    border: 1px solid #dcdcdc;
}

#search .btn.btn-secondary,
.search-wrapper.w-100-util .btn.btn-secondary {
    background-color: transparent !important;
    border: none !important;
    color: var(--text-color2);
    position: absolute;
    right: 0;
    padding: 0.75rem 0.5rem;
}

#search .btn.btn-secondary .flaticon-search {
    height: 24px;
    width: 24px;
}

#search input {
    font-family: var(--main-font) !important;
}

/***--- ICONS ---***/

header .nav-right .nav-link {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.85rem;
    margin-left: 0.75rem;
    font-size: 1rem;
    line-height: 2;
    color: var(--text-color);
    border: 1px solid var(--bg-color2);
    border-radius: 2px;
    background-color: var(--bg-color2);
    transition: all 0.2s ease;
}

#shop-nav-compare .nav-link,
#shop-nav-wish .nav-link {
    padding: 7px 10px;
}

#comparelist-badge {
    padding: 0.5em 0.65em;
    top: -2px;
    left: 100%;
    text-decoration: none !important;
}

header .nav-right .nav-link:hover {
    border-color: var(--bg-color2);
    background-color: var(--bg-color2);
}

.flaticon-search::before,
.flaticon-user-account::before,
.fa-list::before,
.flaticon-shopping-bag-2::before {
    display: block;
    font-size: 1.35rem;
    transition: all 0.1s ease;
    margin-right: 3px;
    color: var(--text-color2);
}

.flaticon-shopping-bag-2::before {
    color: #fff !important;
    font-size: 1.25rem;
}

#shop-nav .fa-list::before,
#shop-nav .fa-heart::before {
    font-size: 1.5rem;
    color: var(--primary);
    padding: 1px 3px;
}

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

.full-width-mega .menu-center-space-between.menu-multiple-rows-multiple .nav-scrollbar-inner {
    justify-content: flex-start;
}

.nav-home-button.nav-item.nav-scrollbar-item.d-none .nav-link {
    padding-left: 0;
    padding-right: 0;
}

.home-outline {
    color: transparent;
    -webkit-text-stroke: 1px var(--text-color2);
}

.home-outline:hover {
    -webkit-text-stroke: 1px var(--text-color);
}

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

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

[data-page="18"] #content-wrapper {
    max-width: 100%;
}

#content {
    padding-bottom: 1rem;
}

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

.theme-default .nivoSlider {
    margin-bottom: 0;
}

.theme-default .nivo-controlNav {
    position: absolute;
    padding: 0;
    bottom: 1rem;
    transform: translateX(-50%);
    left: 50%;
    z-index: 10;
    display: flex;
}

.theme-default .nivo-controlNav a {
    background: none;
    display: block;
    height: 3px;
    width: 30px;
    background-color: var(--bg-color2);
}

.theme-default .nivo-controlNav a.active {
    background-color: var(--primary);
}

/***--- KATEGORIEN / TEXT ---***/

.section-inhalt h3 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.container-fluid.opc-Container.section-kategorien {
    padding: 0 0 1rem 0;
    margin-bottom: 2rem;
    background: var(--primary-static);
}

.titel-wrapper {
    position: relative;
    width: 100%;
    min-height: 140px;
    margin-top: 1rem;
    background: linear-gradient(to top, white 0%, white 35%, var(--primary-static) 35%, var(--primary-static) 100%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.titel {
    background: #fff;
    padding: 0 4rem;
    font-size: 3.3rem;
    font-weight: 800 !important;
    color: #000;
    box-shadow: 5px 3px 10px rgba(0, 0, 0, 0.5);
    transform: rotate(-3deg);
    border-radius: 2px;
    margin: 0;
    line-height: 1.5;
}

.section-kategorien .titel-wrapper {
    min-height: 110px;
    background: linear-gradient(to bottom, white 50%, var(--primary-static) 50%);
}

.section-kategorien .titel {
    padding: 0 2rem;
}

.titel-bild img {
    width: 100%;
    min-height: 140px;
}

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

.section-kategorien .row.grid,
.section-kategorien-text .row.grid,
.section-jodabook .row.grid,
.section-sorgenfrei .row.grid {
    max-width: 1400px;
    margin: 0 auto;
}

.section-kategorien .grid .col {
    overflow: hidden;
}

.container-fluid.opc-Container.section-kategorien .col img {
    transform: perspective(1px) scale(110%);
    transition: all 0.2s ease;
}

.container-fluid.opc-Container.section-kategorien .col img:hover {
    transform: none;
}

.col.col-md-8.col-lg-8.col-xl-8.col-8 {
    padding: 1rem;
}

.section-kategorien-text .grid .col-xl-4 {
    padding: 0 2rem;
}

.section-kategorien-text .grid .col-xl-4 .right {
    background: var(--bg-color2);
    padding: 1rem 2rem;
}

.section-kategorien-text .section-inhalt {
    padding: 1rem;
}

.section-kategorien-text li {
    margin-bottom: 1.5rem;
}

.section-kategorien-text ul {
    list-style: none;
    padding-left: 0;
}

.section-kategorien-text ul li {
    position: relative;
    margin-bottom: 1.5rem;
    font-size: 1rem;
}

.section-kategorien-text ul li::before {
    content: "✔";
    color: var(--primary);
    margin-right: 0.5rem;
}

.section-kategorien-text h3.title {
    font-size: 1.5rem;
    margin: 1rem 0;
    font-weight: 700;
}

/***--- STARTSEITE PRODUCT SLIDER ---***/
.opc-product-slider.opc-ProductStream-slider {
    max-width: 1400px;
    margin: 0 auto;
}

.slick-slider-other {
    width: 96%;
    margin: 0 auto;
}

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

.slick-type-product .product-wrapper {
    height: 100% !important;
    position: relative;
    overflow: hidden;
    min-width: 250px;
}

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

.product-wrapper .item-slider-rating {
    display: block;
    min-height: 1.25rem;
    margin-bottom: 0.5rem;
}

.product-wrapper .text-clamp-2 {
    font-weight: 600;
    padding: 0 0.5rem;
    line-height: 1.25;
    min-height: 2.5rem;
}

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

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

.carousel .slick-arrow {
    opacity: 1;
    padding: 0.5rem 0.25rem;
    background: transparent;
}

.carousel .slick-arrow:hover {
    color: var(--primary);
}

.carousel .slick-arrow::after {
    font-size: 1.25rem;
}

/***--- ITEM SLIDER + TEILWEISE ITEM-BOX ---***/

.productbox-price,
.price_label.price_on_application {
    font-family: var(--main-font) !important;
    color: var(--primary);
    font-weight: 600;
    font-size: 1.15rem;
}

.product-wrapper .price_wrapper {
    min-height: 3.75rem;
}

.productbox-price.special-price {
    color: var(--special-price);
}

.product-wrapper .alter-price {
    color: var(--text-color2);
    font-size: 0.75rem;
    font-weight: 400;
}

.product-wrapper .alter-price span {
    text-decoration: line-through;
}

.product-wrapper .price_label.pricestarting {
    display: none;
}

.product-wrapper .ribbon {
    top: 1.5rem;
    left: 0;
    border-radius: 50px;
    padding: 3px 8px;
    font-weight: 600;
    color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
}

.productbox.productbox-hover:hover .productbox-ribbon.ribbon {
    top: 0.5rem;
    left: 0;
}

.ribbon-2 {
    background: var(--special-price);
}

.ribbon-3 {
    background: var(--primary);
}

.ribbon-4,
.ribbon-6 {
    background: var(--primary3);
}

.ribbon::before,
.ribbon::after {
    display: none;
}

.product-wrapper .custom-caption-wrapper {
    position: relative;
    transform: translateY(0);
    transition: transform 0.3s ease;
}

.product-wrapper:hover .custom-caption-wrapper {
    transform: translateY(-2.5rem);
}

.product-wrapper .square-image .inner img {
    max-height: 85%;
    transition: all 0.2s ease;
}

.slick-slider-other .product-wrapper .square-image .inner img {
    width: 100%;
}

.product-wrapper .custom-button {
    position: absolute;
    bottom: -3rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 0.5rem 1rem;
    background: var(--bg-color2);
    font-weight: 600;
    color: var(--text-color) !important;
    text-decoration: none !important;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.product-wrapper:hover .custom-button {
    opacity: 1;
    visibility: visible;
}

.product-wrapper .custom-button:hover {
    opacity: 1;
    background: var(--bg-color7);
}

#jump-to-votes-tab {
    color: var(--primary);
}

#jump-to-votes-tab:hover span:last-child {
    text-decoration: underline;
}

.rating {
    color: var(--rating-color) !important;
    margin-bottom: 0.25rem;
    margin-right: 0.5rem;
}

.custom-varianten {
    margin: 1rem 0;
    color: var(--text-color2);
    font-size: 0.75rem;
    font-weight: 400;
}

.custom-varianten span {
    font-weight: 700;
}

/***--- SECTION JODABOOK ---***/

.section-jodabook {
    padding: 0;
}

.section-jodabook img {
    min-height: 300px;
    object-fit: cover;
}

.section-jodabook h3.title {
    font-size: 1.5rem;
    margin: 2rem 0 0.5rem 0;
    font-weight: 700;
}

.opc-Container.jodabook-bild {
    min-height: 300px;
    position: relative;
    background-image: url('https://it-tradeport.eloquium.dev/media/image/opc/xl/section/joda.webp');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}

@media (max-width: 1200px) {
    .opc-Container.jodabook-bild {
        min-height: 250px;
    }
}

@media (max-width: 992px) {
    .opc-Container.jodabook-bild {
        min-height: 200px;
    }
}

@media (max-width: 640px) {
    .opc-Container.jodabook-bild {
        min-height: 130px;
    }
}

/***--- SECTION SORGENFREI ---***/
.section-sorgenfrei {
    padding: 0;
}

.section-sorgenfrei .wrapper {
    max-width: 100%;
    background: var(--primary-static);
}

.section-sorgenfrei .row.grid {
    margin: 2rem auto;
}

.section-sorgenfrei .row.grid:not(.grid1) img {
    border: 1rem solid var(--primary-static);
}

.section-sorgenfrei .section-inhalt {
    padding: 1rem;
}

/*****----- SECTION: SEITE JODABOOK -----*****/

[data-page="31"] #content-wrapper {
    max-width: 100%;
    margin: 0 auto;
}

[data-page="31"] #content-wrapper .jodabook-container {
    padding: 0;
}

[data-page="31"] #content-wrapper .jodabook-slider,
[data-page="31"] #content-wrapper .jodabook-inhalt {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1rem;
}

[data-page="31"] #content-wrapper .jodabook-header {
    margin: 1rem 0;
}

[data-page="31"] #content-wrapper .jodabook-header img {
    height: 170px;
    object-fit: cover;
}

[data-page="31"] #content-wrapper .jodabook-inhalt .grid {
    margin: 2rem 0;
}

/*****----- SECTION: KATEGORIE PRODUCT LIST  -----*****/

/***--- CUSTOM HEADER  ---***/
.kategorie-header-custom {
    text-align: center;
    padding: 2rem 0;
}

.kategorie-header-custom h2,
.kategorie-header-custom .title {
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: 0.5rem;
}

.kategorie-header-custom h3,
.kategorie-header-custom .subtitle {
    font-size: 1.1rem;
    font-weight: 500 !important;
    font-style: italic;
}

.kategorie-header-custom .italic {
    font-style: italic;
}

.kategorie-header-custom .row {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
}

.kategorie-header-custom img {
    width: 100%;
    max-width: 200px;
    height: auto;
    border-radius: 50%;
    border: 10px solid var(--primary-static);
}

.kategorie-header-custom .text,
.kategorie-header-custom .hours {
    font-size: 1rem;
}

.kategorie-header-custom .phone {
    font-size: 1.5rem;
    color: var(--primary);
    text-decoration: none;
}

.kategorie-header-custom .phone:hover {
    text-decoration: underline;
}

.kategorie-header-custom .contact-info {
    display: inline-flex;
    flex-direction: column;
    border-radius: 0.5rem;
    padding: 2px 0.5rem;
    background: var(--primary);
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
}

.kategorie-header-custom .col-lg-4:hover .contact-info {
    opacity: 1;
}

.kategorie-header-custom .contact-info a {
    text-decoration: none;
    font-size: 0.85rem;
    color: #fff !important;
    font-weight: 400;
    transition: color 0.3s ease-in-out;
}

.kategorie-header-custom .contact-info a:hover {
    text-decoration: underline;
}

/***--- KATEGORIE TITLE, DESC  ---***/
#content-wrapper {
    max-width: 1400px;
    margin: 0 auto;
}

.header_bild img {
    height: 170px;
    object-fit: cover;
}

.row.justify-content-lg-end #result-wrapper {
    display: flex;
    flex-direction: column;
}

.row.justify-content-lg-end #result-wrapper > .desc {
    order: 9;
}

[data-page="2"] #result-wrapper .title,
[data-page="2"] #result-wrapper .content-cats-small {
    display: none;
}

/***--- ASIDE UND FILTERS NAVIGATION BEREICH ---***/

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

.box-categories .dropdown .collapse,
.box-linkgroup .dropdown .collapse {
    background: transparent;
}

.sidepanel-left {
    display: flex;
    flex-direction: column;
}

#sidebox-categories-124 {
    border: 1px solid var(--bg-color2);
    padding: 0.5rem;
    order: 0;
}

aside [id*="sidebox"] {
    border: 1px solid var(--bg-color2);
    padding: 0 0.5rem;
    order: 10;
}

#sidebox103,
a[data-target="#filter-collapse-Besondere-Artikel"] {
    display: none !important;
}

#sidebox132 {
    order: 0;
    margin-bottom: 0 !important;
}

#sidebox101-254 {
    order: 1;
}

#sidebox101-270,
#sidebox101-280 {
    order: 2;
}

#sidebox101-73 {
    order: 3;
}

#sidebox101-115 {
    order: 4;
}

#sidebox101-264 {
    order: 5;
}

#sidebox101-237 {
    order: 6;
}

#sidebox101-43 {
    order: 11;
}

#sidebox101-144,
#sidebox101-137,
#sidebox101-3,
#sidebox101-215,
#sidebox101-199 {
    order: 12;
}

#sidebox98 {
    order: 99;
}

aside .input-group-sm .input-group-prepend {
    max-height: 35px;
}

aside .input-group-sm .input-group-prepend .input-group-text {
    border: none;
    border-bottom: 2px solid var(--primary) !important;
    background: var(--bg-color3);
}


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

aside a {
    color: var(--text-color);
}

aside .nav-item.dropdown.active .nav-link.dropdown-toggle a,
aside .nav-panel > .nav > .active > .nav-link,
aside .nav-item.dropdown.active .nav-item.dropdown.active .snippets-categories-nav-link-child .nav-item.active a.snippets-categories-nav-link-child {
    color: var(--primary);
}

aside .nav-item.dropdown.active .nav-link.snippets-categories-nav-link-child.dropdown-toggle a {
    color: var(--text-color);
}

aside .btn-link {
    color: var(--text-color);
    font-size: 1rem;
    font-weight: 500;
}

#crd-cllps-124 li {
    list-style-type: none;
}

aside .nav-link:not(.snippets-categories-nav-link-child).dropdown-toggle,
aside .nav-item.nav-scrollbar-item .nav-link,
aside .box .nav-link, aside .box .nav a {
    font-size: 1.1rem;
}

.link-group-item.nav-item.nav-scrollbar-item.dropdown.dropdown-full .nav-link {
    border-bottom: none;
}

aside .filter-title {
    background: var(--bg-color2);
    padding: 0.5rem 0.75rem;
}

aside .filter-title:not(:has(+ .box)) {
    display: none;
}

aside [id*="sidebox"] .text-truncate {
    font-size: 1.1rem;
}

.box-filter-hr {
    display: none;
}

.noUi-horizontal .noUi-connect {
    background: var(--primary);
}

.noUi-horizontal .noUi-handle {
    background: var(--primary);
    box-shadow: 0 0 0 5px rgba(83, 181, 74, 0.5);
}

/***--- FILTERS CONTENT BEREICH ---***/

#ed_list,
#ed_gallery,
.dropdown.filter-type-FilterItemLimits.btn-group {
    display: none;
}

.productlist-page-nav.productlist-page-nav-header-m {
    margin-top: 2rem;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

.productlist-page-nav .productlist-item-info {
    margin-left: unset;
}

.dropdown.filter-type-FilterItemSort.btn-group .btn-outline-secondary {
    min-width: 10rem;
    background: var(--bg-color2);
    border: none;
    border-bottom: 2px solid var(--primary);
}

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

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

/***--- ITEM BOX (GIBT ES OBEN CSS)---***/

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

#product-list .product-wrapper .productbox {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
    /*padding: 0.5rem 1rem;*/
    padding: 0.5rem;
    text-align: center;
}

#product-list .product-wrapper:hover .productbox {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.1);
}

#product-list .product-wrapper .slider_rating {
    margin-bottom: 0.5rem;
}

#product-list .custom-varianten {
    margin-bottom: 0;
    color: var(--text-color);
    font-size: 1rem;
    font-weight: 400;
}

#product-list .productbox-price.special-price {
    color: var(--special-price);
}

#product-list .product-wrapper .custom-button {
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    bottom: -1.5rem;
}

/***--- SECTION ARTIKEL/PRODUCT DESCRIPTION  ---***/

.btn.js-cfg-validate.btn-hidden-default.btn-hidden {
    padding: 0;
    position: absolute;
}

#result-wrapper .product-headline {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#result-wrapper .product-title.h2 {
    font-size: 2.25rem;
    font-weight: 600;
    margin-right: 2rem;
}

#result-wrapper .product-hersteller-img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.25rem 0 0.25rem 1rem;
}

#result-wrapper .product-hersteller-img img {
    max-height: 70px;
    min-height: 50px;
    max-width: 180px;
    object-fit: cover;
}

#result-wrapper #product-offer .price.h1 {
    color: var(--primary);
    display: flex;
    align-items: center;
}

#result-wrapper #product-offer .price.h1 > span {
    display: flex;
    font-weight: 700;
}

#result-wrapper #product-offer .price.h1.special-price {
    color: var(--special-price);
    margin-top: 2.5rem;
}

#result-wrapper #product-offer .ribbon-2 {
    font-size: 1rem;
    top: 0;
    left: 1rem;
    padding: 3px 8px;
    border-radius: 50px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
}

#result-wrapper #product-offer .ribbon-1,
#result-wrapper #product-offer .ribbon-3,
#result-wrapper #product-offer .ribbon-4,
#result-wrapper #product-offer .ribbon-5,
#result-wrapper #product-offer .ribbon-6,
#result-wrapper #product-offer .ribbon-7,
#result-wrapper #product-offer .ribbon-8,
#result-wrapper #product-offer .ribbon-9 {
    display: none;
}

#result-wrapper #product-offer .price.h1 .alter-price {
    color: var(--text-color);
    font-weight: 400;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

#result-wrapper #product-offer .price.h1 .alter-price span {
    margin: 0 0.5rem;
    text-decoration: line-through;
}

#result-wrapper #product-offer .info-essential.list-unstyled,
#result-wrapper #product-offer .price.h1 .alter-price br,
#result-wrapper #product-offer .suggested-price,
#result-wrapper #product-offer .yousave,
#result-wrapper #product-offer .text-danger,
#product-offer .input-group-text.unit.form-control {
    display: none;
}

#result-wrapper #product-offer .price-note .vat_info,
#result-wrapper #product-offer .price-note .vat_info a {
    color: var(--primary);
    font-size: 0.85rem;
}

#result-wrapper #product-offer .delivery-status .list-unstyled {
    display: flex;
    flex-wrap: wrap;
}

#result-wrapper #product-offer .delivery-status .estimated-delivery {
    font-size: 1rem;
    margin-left: 0.5rem;
    color: var(--text-color);
}

#result-wrapper #product-offer .delivery-status .estimated-delivery .estimated-delivery-info {
    color: var(--text-color);
    text-decoration: none;
}

#product-offer .product-info .stock-information,
.form-counter,
.form-counter .form-control {
    border: none;
}

#product-offer .product-info .st-status {
    display: none;
}

.delivery-status .status-1,
.delivery-status .status-2 {
    color: var(--text-color);
}

.delivery-status .status-1 .fa-truck::before {
    color: #f39932;
}

.delivery-status .status-2 .fa-truck::before {
    color: var(--primary);
}

.form-counter .form-control {
    background: var(--bg-color3);
    font-family: var(--main-font) !important;
}

[id^="quantity-grp"] {
    border-bottom: 2px solid var(--primary);
    display: flex;
    flex-wrap: nowrap;
}

[id^="quantity-grp"] .btn {
    padding: 0.5rem;
}

.form-control.quantity {
    padding: 0;
    font-size: 1.25rem;
    font-weight: 500;
    max-height: 40px;
}

.js-slider-wrapper .js-btn-slider-wrapper {
    font-weight: 700;
}

.js-slider-wrapper .js-slider-items .js-slider-item {
    pointer-events: auto;
    width: max-content;
}

.swatches-text {
    border-color: var(--bg-color1);
    font-weight: 500 !important;
    border-radius: 2px;
    font-size: 1.25rem;
    overflow: hidden;
    overflow-wrap: break-word;
    word-break: break-word;
    padding: 0.25rem 0.5rem;
}

.swatches-text:hover {
    border-color: var(--primary3);
}

.swatches-text.active {
    border-color: var(--primary3);
    background-color: var(--primary3);
    color: #fff;
}

#product-offer .btn-basket-check-custom {
    display: flex;
    gap: 0.25rem;
    align-items: center;
}

#product-offer #add-to-cart .btn svg {
    top: unset;
    bottom: 50%;
}

#result-wrapper #product-offer .alert-info {
    font-size: 0.85rem;
    color: var(--primary);
    padding: 0.25rem 0.5rem;
    line-height: 1.25;
}

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

#image_wrapper #gallery .slick-arrow:hover {
    background-color: var(--bg-color);
    color: var(--primary);
}

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

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

#gallery_preview .slick-list.draggable {
    padding: 2.5rem 0 2rem 0;
}

#gallery_preview::before {
    content: "Abbildung ähnlich";
    display: inline-block;
    position: absolute;
    left: 0;
}

#gallery_preview .slick-dots {
    display: flex !important;
    position: absolute;
    margin: 0;
}

#gallery_preview .slick-dots li button {
    width: 1rem;
    height: 1rem;
}

#image_wrapper #gallery {
    margin-bottom: 1rem;
}

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

#gallery_wrapper .slick-dots li button {
    width: 1rem;
    height: 1rem;
}

.custom-banner {
    /*display: none;*/
}

/*** Tabs ***/
#product-offer {
    position: relative;
}

#result-wrapper .custom-banner:has(span) {
    display: flex;
    align-items: center;
    justify-content: center;
    /*width: 140%;*/
    /*margin-left: -20%;*/
    margin-bottom: 2rem;
    padding: 1.5rem 0;
    background: var(--primary);
}

#result-wrapper .custom-banner span {
    background: #fff;
    padding: 0 1rem;
    font-size: 2em;
    text-align: center;
    font-weight: 800;
    color: #000;
    box-shadow: 5px 3px 10px rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    text-transform: uppercase;
}

#product-tabs,
#tab-eigenschaften {
    max-width: max-content;
}

.nav-tabs .nav-link.active {
    color: var(--primary);
    border-color: var(--text-color2);
}

.tab-navigation .nav-link::after {
    border-color: var(--text-color2);
    border-width: 0 0 3px;
}

.tab-navigation .h6 {
    font-weight: 600;
    margin-bottom: 0;
}

.tab-navigation .badge-primary {
    background: var(--primary3) !important;
    color: #fff !important;
    overflow: hidden;
    transition: all 0.2s ease;
}

.tab-navigation .badge-primary:hover {
    /*background-color: var(--primary) !important;*/
    opacity: 0.9;
}

.tab-navigation a.badge-primary:focus,
.tab-navigation a.badge-primary.focus {
    outline: 0;
    box-shadow: none;
}

.tab-navigation .nav-item:nth-last-child(2) {
    margin-right: 0;
}

.tab-navigation .badge {
    font-weight: 600;
}

.row.gpsr-compliance .col-md-6 {
    /*flex: 0 0 25%;*/
    /*max-width: 25%;*/
}

#result-wrapper .container-fluid {
    padding: 0;
    max-width: 99%;
}

.slick-slider-other .hr-sect {
    display: inline-block;
    padding: 1rem;
    color: var(--primary);
    border-bottom: 2px solid var(--text-color2);
    border-top: none;
}

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

/* EINGESHAFTEN GRUPPIERUNG */

.product-attributes {
    width: 700px;
    background-color: #fff;
    /*border: 1px solid #f5f5f5;*/
}

.product-attributes table {
    /*min-width: 700px;*/
    /*max-width: 700px;*/
    /*background-color: #fff;*/
}

.product-attributes table tbody {
    /*border: 1px solid #f5f5f5;*/
}

.product-attributes [data-toggle="collapse"]:not(.navbar-toggler) {
    border: none;
    width: 100%;
    font-size: 1.05rem;
    font-weight: 600;
}

.product-attributes .btn.btn-link.p-0.collapsed {
    color: var(--text-color);
}

.product-attributes .btn.btn-link.p-0 {
    color: var(--primary);
}

.product-attributes .table-bordered-outline tr {
    border-width: 0;
}

.product-attributes .table-bordered-outline tr.tr-group {
    border-color: #fff;
    background: linear-gradient(to top, rgba(83, 181, 74, 0.1) calc(100% - 5px), white 5px);
}

.product-attributes .attr-weight,
.product-attributes .attr-contents {
    display: none;
}

.product-attributes .table-striped tbody tr:last-child {
    border-bottom: 4px solid #fff;
}

.product-attributes .tr-model {
    background: transparent !important;
    border-color: transparent !important;
}

.product-attributes .table-striped tbody .tr-ungroup {
    background-color: #fff !important;
    border: 1px solid #f5f5f5;
}

.product-attributes .table-striped tbody .tr-ungroup .col-4.h6 {
    flex: 0 0 40%;
    max-width: 40%;
}

.product-attributes .table-bordered-outline tr {
    background-color: #fff;
}

.product-attributes .table-striped tbody tr:nth-of-type(2n) {
    background-color: var(--bg-color3);
}

.product-attributes .table.table-sm.table-striped.table-bordered-outline.mb-0 {
    border: 1px solid #f5f5f5;
}

/* 26-05-2025 */

.product-attributes .collapse.show .table-bordered-outline tr,
.product-attributes .collapse.show .table-sm.table-striped.table-bordered-outline.mb-0 tr {
    display: flex !important;
}

.product-attributes .collapse.show .table-bordered-outline tbody,
.product-attributes .collapse.show .table-bordered-outline tr > td {
    width: 100% !important;
}

.product-attributes .table.table-sm.table-striped.table-bordered-outline.mb-0 .col-4 {
    flex: 0 0 40%;
    max-width: 40%;
}

.product-attributes .table.table-sm.table-striped.table-bordered-outline.mb-0 .col-8 {
    flex: 0 0 60%;
    max-width: 60%;
}


@media (max-width: 991.98px) {
    .product-attributes {
        width: 90vw;
        max-width: 700px;
    }
}

@media (max-width: 768px) {
    .product-attributes {
        max-width: 340px;
    }

}

/* 26-05-2025 */

/*** PushUp ***/
#pushed-success .pushed-success-image-wrapper img {
    max-height: 160px;
    width: auto;
}

/***--- SECTION WARENCORB DROPDOWN UND WARENCORB SEITE  ---***/

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

.cart-icon-dropdown.nav-item.dropdown .nav-link {
    color: #fff !important;
    background-color: var(--primary);
}

.cart-icon-dropdown.nav-item.dropdown .nav-link:hover {
    background-color: var(--primary2);
    border-color: var(--primary2);
}

.row.cart-dropdown-buttons .col-lg-6 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0.25rem;
}

.row.cart-dropdown-buttons .btn-primary {
    color: var(--primary) !important;
    background: transparent !important;
    border-color: transparent !important;
}

.row.cart-dropdown-buttons .btn-outline-primary,
.row.cart-dropdown-buttons .btn-primary {
    font-size: 1.125rem;
}

.cart-dropdown .dropdown-cart-items {
    color: var(--text-color);
}

.cart-dropdown .dropdown-cart-items .form-row {
    flex-direction: column;
}

.cart-dropdown .table.dropdown-cart-items tr {
    display: flex;
    flex-direction: column;
}

.cart-dropdown .dropdown-cart-items tr:last-child,
.cart-dropdown .dropdown-cart-items tr:last-child .form-row {
    /*flex-direction: row;*/
    /*justify-content: space-between;*/
}

.cart-dropdown .dropdown-cart-items .form-row .col.col-auto:first-child {
    min-height: 70px;
}

.cart-dropdown .dropdown-cart-items tr:last-child .form-row .col.col-auto:first-child {
    /*min-height: inherit;*/
}

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

.cart-dropdown .dropdown-cart-items img,
.basket-items .cart-items-image img {
    height: auto;
    padding: 2px;
    border: 1px solid var(--bg-color7);
}

.cart-dropdown .dropdown-cart-items a {
    font-weight: 700;
    font-size: 1.15rem;
    line-height: 1.25;
}

.col.cartdropdown-variationen {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.basket-items .col.cartdropdown-variationen {
    padding-left: 0;
}

.cartdropdown-variationen .variation {
    font-size: 0.75rem;
    line-height: 1;
}

.cartdropdown-variationen .variation:not(:last-child) {
    padding-right: 5px;
    border-right: 1px solid var(--text-color);
    max-height: 1rem;
}

.cart-dropdown .cartdropdown-beschreibung span {
    display: block;
    margin: 0.25rem 0;
    font-size: 0.75rem;
}

.cart-dropdown .cartdropdown-anzahl {
    display: flex;
    font-size: 1rem;
    font-weight: 600;
    flex-direction: column;
}

.cart-dropdown .cartdropdown-anzahl span {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.cart-dropdown .cartdropdown-anzahl span span {
    margin-right: 2rem;
}

.cart-dropdown .cartdropdown-anzahl > span:last-of-type {
    border-top: 1px solid var(--primary);
    width: max-content;
    margin-left: auto;
    padding: 0 0.5rem;
}

.cart-dropdown .table-responsive.max-h-sm.lg-max-h {
    height: max-content;
    max-height: 65%;
}

.cart-dropdown .dropdown-body {
    padding-top: 0;
    color: var(--text-color);
}

.cart-dropdown .dropdown-body hr {
    margin: 0.25rem 0;
}

.cart-dropdown .dropdown-body::before {
    content: "";
    display: block;
    height: 1px;
    background: var(--bg-color7);
    width: 100%;
    margin-bottom: 1rem;
}

.cart-dropdown .dropdown-body li {
    margin: 0.25rem 0;
    color: var(--text-color);
    font-size: 0.85rem;
}

.cart-dropdown .cart-dropdown-total-item a {
    font-weight: 600;
}

.cart-dropdown .cart-dropdown-total-item-price {
    font-weight: 600;
}

.cart-dropdown .btn.cart-dropdown-next {
    background: var(--primary3) !important;
}

.col.col-lg-7.col-12 .basket-heading {
    font-size: 2.25rem;
    font-weight: 700;
}

.cart-items-body .shortdescription,
.cart-items-body .characteristic,
.cart-items-body .manufacturer {
    display: none;
}

.cart-items-body .cart-items-name {
    color: var(--text-color);
    font-weight: 700;
    line-height: 1.25;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-bottom: 0.5rem;
}

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

.cart-items-body .list-unstyled .sku {
    margin: 0.25rem 0;
}

.cart-items-body .cart-items-delete {
    margin-top: 0.5rem;
}

.sticky-top.cart-summary {
    background: #f8f8f8;
    padding: 1rem;
}

.sticky-top.cart-summary .basket-heading {
    font-size: 1.75rem;
    font-weight: 700;
}

.sticky-top.cart-summary .card.card-gray {
    margin: 2rem -1rem 0 -1rem;
}

.sticky-top.cart-summary .card.card-gray .row {
    margin: 0.25rem 0;
}

.basket .basket-summary .basket-summary-total {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.sticky-top.cart-summary .card-header [data-toggle="collapse"] {
    border-bottom: 2px solid var(--primary);
}

.sticky-top.cart-summary .card-header [data-toggle="collapse"]::after {
    padding: 1rem;
    background: var(--primary);
    font-size: 1.25rem;
}

.sticky-top.cart-summary .shipping-costs a {
    color: var(--text-color);
    font-weight: 600;
    text-decoration: none;
}

.sticky-top.cart-summary .btn-primary {
    border-color: var(--primary3) !important;
    background-color: var(--primary3) !important;
    color: #fff !important;
    font-size: 1.125rem;
    transition: all 0.3s ease;
}

.sticky-top.cart-summary .btn-primary:hover {
    border-color: var(--primary4) !important;
    background-color: var(--primary4) !important;
}

/***--- SECTION MEIN ACCOUNT,  REGISTRATION, CHEKOUT   ---***/

.account-icon-dropdown .dropdown-item {
    font-size: 1rem;
}

#account .h1,
#account .h2 {
    font-size: 1.75rem;
    font-weight: 700;
}

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

#panel-submit-order {
    margin-bottom: 3rem;
}

#panel-submit-order .checkout-items-item-image-wrapper img {
    max-height: 150px;
}

#checkout .img-fluid {
    max-width: 60px;
}

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

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

#comment {
    background: var(--bg-color2) !important;
}

#passwort_vergessen {
    margin-bottom: 3rem;
}

#passwort_vergessen hr {
    display: none;
}

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

.comparelist .stretched span a {
    text-decoration: none;
    font-size: 1.15rem;
    line-height: 1.25;
}

.comparelist .stretched .price {
    font-size: 1.5rem;
    font-weight: 700;
}

.comparelist .shipment.popup {
    font-size: 1rem;
}

.comparelist .vat_info {
    font-weight: 400;
}

.comparelist .d-flex.justify-content-start.text-decoration-none.p-2 {
    font-weight: 700;
}

/***--- SECTION INHALT SEITEN: UEBER UNS, TEAMS, STANDORT, NEWS  ---***/

.opc-product-slider.opc-ProductStream-slider {
    max-width: 1400px;
    margin: 0 auto;
}

.inhalt {
    color: var(--text-color);
    margin-bottom: 3rem;
}

.inhalt .table.table-bordered.text-center {
    max-width: 500px;
    margin: 0 auto;
    text-align: left !important;
    color: #000;
}

.inhalt .table-bordered th,
.inhalt .table-bordered td {
    border: 1px solid var(--bg-color2);
}

.inhalt .text-success {
    color: var(--primary) !important;
}

[data-page="8"] h1,
.inhalt h1,
.container.link-content h1,
.custom_content h1,
#new_customer h1,
#data-privacy h1,
#tos h1,
#revocation-instruction h1 {
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--bg-color7);
}

.inhalt h2,
.container.link-content h2,
.custom_content h2,
#data-privacy h2,
#tos h2,
#revocation-instruction h2 {
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.inhalt2 h2 {
    font-size: 1.75rem;
    font-weight: 700;
    margin-top: 2rem;
}

[data-page="8"] .h3,
.inhalt h3,
.container.link-content h3,
.custom_content h3,
#data-privacy h3,
#tos h3,
#revocation-instruction h3 {
    font-size: 1.35rem;
    font-weight: 700;
    margin-top: 2rem;
}

.inhalt img {
    border: 1rem solid var(--primary-static);
    margin: 2rem 0;
    max-width: 100%;
}

.inhalt .img2 {
    max-width: 650px;
    width: 100%;
}

.inhalt .img3 {
    margin: 0;
    border: none;
    max-width: 200px;
    margin-bottom: 0.5rem;
}

.inhalt .link {
    color: var(--primary);
    font-weight: 700;
    text-decoration: none;
}

.inhalt .link2 {
    font-weight: 500;
}

.inhalt .link:hover {
    color: var(--primary2);
    text-decoration: underline;
}

.container.link-content a:not(.btn),
.custom_content a,
#data-privacy a,
#tos a {
    color: var(--primary);
    font-weight: 500;
    text-decoration: none;
}

.container.link-content a:not(.btn):hover,
.custom_content a:hover,
#data-privacy a:hover,
#tos a:hover {
    color: var(--primary2);
    text-decoration: underline;
}

.inhalt .btn_action {
    display: flex;
    justify-content: center;
    margin: 0 2rem 0;
}

.inhalt .btn {
    background: var(--primary3);
    border-color: var(--primary3);
    color: #fff;
    font-size: 1.25rem;
    padding: 0.25rem 1rem;
    transition: all 0.2s ease;
}

.inhalt.faq .btn {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
}

.inhalt .btn:hover {
    background: var(--primary4);
    border-color: var(--primary4);
    color: #fff;
    font-size: 1.25rem;
    padding: 0.25rem 1rem;
    transition: all 0.2s ease;
}

.inhalt .btn.btn-primary {
    display: inline-flex;
    color: var(--text-color) !important;
}

/*** TEAM ***/
.inhalt.team .col-md-4 {
    padding: 0 2rem;
}

.inhalt.team img {
    border-radius: 50%;
    transition: all 0.2s ease;
}

.inhalt.team img:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
}

.inhalt.team a:not(.btn) {
    color: var(--primary);
    font-size: 1.75rem;
    font-weight: 700;
    text-decoration: none;
}

.inhalt.team h3 {
    font-size: 1rem;
    font-weight: 700;
}

.inhalt.team p {
    text-align: justify;
}

.inhalt.team .btn {
    margin: 2rem 0;
}

.inhalt.team p {
    transition: color 0.2s ease-in-out;
}

.inhalt.team .col-md-4:hover + .col-md-8 p,
.inhalt.team .col-md-4 img:hover ~ p {
    color: var(--primary);
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}

.inhalt.team .contact-info {
    margin: -1.75rem 1rem 0 1rem;
    margin-bottom: 0.25rem;
    border-radius: 1rem;
    padding: 2px;
    background: var(--primary);
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
}

.inhalt.team .col-md-4:hover .contact-info {
    opacity: 1;
}

.inhalt.team .contact-info a {
    display: block;
    width: 100%;
    text-decoration: none;
    font-size: 0.85rem;
    color: #fff !important;
    font-weight: 400;
    transition: color 0.3s ease-in-out;
}

.inhalt.standort img {
    margin: 0 0 2rem;
    max-width: 100%;
}

#newsletter-unsubscribe {
    margin-bottom: 3rem;
}

/*** NEWS ***/
[data-page="7"] h1 {
    display: none;
}

.blog-details h1 {
    font-size: 2rem;
    text-align: center;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--bg-color7);
}

.newsbox-header a {
    text-decoration: none;
}

.newsbox-headline {
    font-size: 1.15rem;
    line-height: 1.25;
}

.newsbox-footer {
    font-weight: 600;
}

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

#footer {
    background-color: #fff;
    padding-top: 0;
    color: var(--text-color);
}

#footer > .container.d-print-none {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
}

#footer.newsletter-active #footer-boxes {
    max-width: 1400px;
    margin: 1rem auto;
    order: 0;
}

#footer a:not(.btn),
#footer .productlist-filter-headline,
#footer .btn-outline-primary {
    color: var(--primary);
    font-family: var(--main-font) !important;
    transition: all 0.2s ease;
}

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

/*** Footer Boxes  ***/
#footer.newsletter-active #footer-boxes {
    justify-content: space-around;
}

#footer .productlist-filter-headline {
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 2rem;
}

#footer .box-content-wrapper .link {
    text-decoration: none;
    font-size: 1.25rem;
    font-weight: 600;
}

#footer.newsletter-active #footer-boxes .nav-link {
    position: relative;
    padding-left: 1rem;
}

#footer.newsletter-active #footer-boxes .nav-link:before {
    content: "■";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: var(--primary);
}

#footer .kontakt svg {
    width: 20px;
    height: 20px;
    margin-right: 0.25rem;
}

#icons-map {
    fill: var(--primary);
}

#footer .kontakt a {
    background: var(--bg-color2);
    padding: 0.5rem 0.75rem;
    color: var(--primary);
    font-size: 1.15rem;
    font-weight: 600;
    transition: all 0.2s ease;
}

#footer .kontakt a:hover {
    background: var(--bg-color);
    opacity: 1;
}

.st-footer-icons .img-fluid {
    max-width: 60px;
    margin-bottom: 2px;
}

.st-footer-icons .img-fluid2 {
    max-width: 140px;
    margin-right: 0.5rem;
}

/*** Newsletter ***/

#footer .newsletter-footer {
    background: var(--primary);
    flex-direction: column;
    text-align: center;
    padding: 2.5rem 0;
    color: #fff;
    order: 1;
}

#footer .newsletter-footer a,
#footer .newsletter-footer .newsletter-footer-heading {
    color: #fff;
}

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

#footer .newsletter-footer #newsletter_email {
    border: none;
    font-size: 1.1rem;
}

#footer .newsletter-footer svg {
    width: 25px;
    height: 25px;
}

#footer .newsletter-footer .btn.min-w-sm.btn-secondary {
    background: var(--bg-color3) !important;
    border: none;
    min-width: 4rem;
}

#footer .newsletter-footer .btn.min-w-sm.btn-secondary:hover {
    background: var(--bg-color2) !important;
}

#footer .newsletter-footer a {
    color: var(--bg-color7);
    text-decoration: none;
}

#footer .newsletter-footer a:hover {
    color: #000;
    text-decoration: underline;
}

#footer .newsletter-footer .custom-checkbox {
    margin-top: 0.5rem;
}

/*** Social Media Buttons ***/
#footer .footer-social-media {
    max-width: 100%;
    order: 2;
    margin: 2rem 0 0.5rem 0;
    justify-content: center;
}

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

#footer .footer-social-media .btn-sm {
    border-radius: 5px;
    border-color: transparent;
    display: flex;
    align-items: center;
    padding: 0.5rem 0.25rem;
    height: 100%;
    transition: all 0.3s ease;
}

#footer .footer-social-media .btn-sm:hover {
    opacity: 0.8;
}

#footer .footer-social-media.fixed .btn-sm:hover {
    opacity: 1;
}

#footer .footer-social-media .fa-fw {
    width: 1.2em;
    height: 0.8em;
    padding-left: 2px;
}

#footer .footer-social-media .btn-youtube {
    background: #ff0000;
}

#footer .footer-social-media .btn-instagram {
    background: #dd2a7b;
}

#footer .footer-social-media .btn-tiktok {
    background: #000;
}

#footer .footer-social-media i::before {
    color: #fff;

}

#footer .footer-social-media .fa-instagram::before {
    font-size: 1.5rem;
}

/*** Social Media Fixed Buttons ***/

#footer .footer-social-media.fixed {
    position: fixed;
    /*right: 2px;*/
    right: 0;
    top: 50%;
    transform: translateY(-100%);
    z-index: 1050;
    min-width: 1.75rem;
    max-width: max-content;
}

#footer .footer-social-media.fixed ul {
    flex-direction: column;
    position: relative;
}

#footer .footer-social-media.fixed li {
    position: relative;
    margin-bottom: 0;
    margin-right: -4.75rem;
    transition: all 0.3s ease;
}

@media (hover: hover) {
    #footer .footer-social-media.fixed li:hover {
        transform: translateX(-4.5rem);
    }
}

#footer .footer-social-media.fixed .btn-sm {
    border-radius: 0;
    border: 1px solid #fff;
}

#footer .footer-social-media.fixed span {
    text-transform: uppercase;
    color: #fff;
    margin-left: 5px;
    font-weight: 400;
}

#footer .footer-social-media.fixed .support {
    display: flex;
    background-color: var(--primary);
    text-decoration: none !important;
}

.footer-social-media.fixed #icons-default-headset {
    fill: #fff !important;
}

#footer .footer-social-media.fixed .support span {
    margin-left: 2px;
}

#footer .footer-social-media.fixed .support .icon {
    margin-right: 0.25rem;
}

/*** Copyright und Scrool ***/
#footer .footnote-vat {
    max-width: 100%;
    order: 3;
    text-align: center;
    color: var(--text-color2);
    line-height: 1.1;
    padding: 0 0.75rem;
}

#footer #system-credits {
    position: absolute;
    right: 0;
}

#copyright {
    background: #fff;
    color: var(--text-color2);
    margin: 0;
}

#copyright > div {
    font-size: 0.85rem;
}

#copyright .container-fluid {
    padding-top: 0;
    margin-bottom: 1rem;
}

#system-credits .text-white {
    color: var(--text-color2) !important;
}

.smoothscroll-top.show {
    background: var(--text-color2);
    color: #fff;
    bottom: 1rem;
    width: 2.5rem;
    height: 2.5rem;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.4);
}

.smoothscroll-top i {
    line-height: 1.1;
}

#consent-settings-btn {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.4);
}


/*****----- SECTION: RESPONSIV FIRST MOBILE -----*****/

@media (min-width: 1400px) {
    .container {
        max-width: 1400px;
    }
}

@media (min-width: 992px) {

    /***--- LOGO ---***/
    header .navbar-brand img {
        max-height: 65px;
    }

    /***--- NAVMENU ---***/
    .nav-scrollbar-item .dropdown-body {
        padding-top: 0;
    }

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

    header .nav-multiple-row .navbar-nav > .nav-item > .nav-link {
        /*padding: 0.75rem 1rem;*/
        padding: 0.75rem;
        font-size: 1.375rem;
        font-weight: 600;
        transition: all 0.2s ease;
    }

    header .nav-multiple-row .navbar-nav > .nav-item > .nav-link:hover,
    header .nav-multiple-row .navbar-nav > .nav-item.nav-scrollbar-item.active > .nav-link,
    .nav-item.nav-scrollbar-item.dropdown.dropdown-full.active .nav-link {
        color: var(--primary) !important;
    }

    header .nav-mobile-body .nav-link::before,
    header .nav-mobile-body .nav-link::after {
        display: none;
    }

    header .navbar-nav > .nav-item > .dropdown-menu {
        box-shadow: 0 6px 14px -3px rgba(24, 39, 75, 0.12);
    }

    header .submenu-headline-toplevel {
        border: none;
    }

    header .submenu-headline-toplevel .text-truncate::before {
        position: relative;
    }

    header .submenu-headline-toplevel .text-truncate::before {
        content: ">";
        color: var(--primary);
        position: absolute;
        left: 1rem;
        font-size: 0.85rem;
        transition: all 0.2s ease;
    }

    header .subcategory-wrapper .nav-link,
    header .subcategory-wrapper .categories-recursive-link,
    header .subcategory-wrapper .submenu-headline-toplevel {
        transition: all 0.2s ease;
    }

    header .subcategory-wrapper .nav-link:hover,
    header .subcategory-wrapper .categories-recursive-link:hover,
    header .subcategory-wrapper .submenu-headline-toplevel:hover {
        margin-left: 5px;
        color: var(--primary) !important;
    }

    .categories-recursive-dropdown .nav-link .text-truncate {
        font-size: 1rem;
        /*margin-left: 1rem;*/
        /*margin-right: 1rem;*/
    }

    .breadcrumb-wrapper {
        border: none;
    }

    /****--- DROPDOWN MENU ---***/
    .lg-row-lg {
        margin-left: 0;
        margin-right: 0;
    }

    /****--- SCROOL MENU ---***/
    .navbar.justify-content-start.align-items-lg-end.navbar-expand-lg.navbar-expand-1 {
        min-height: 4rem;
    }

    header#jtl-nav-wrapper:has(#header-top-bar:not(.d-lg-flex)) {
        box-shadow: rgba(0, 0, 0, 0.2) 0 0 20px;
    }

    #mainNavigation {
        flex-wrap: nowrap;
        margin-top: 0.25rem;
    }

    #mainNavigation .navbar-brand {
        margin-right: 1rem;
    }

    #mainNavigation .navbar-brand img {
        height: 30px;
    }

    #mainNavigation .nav-mobile-body {
        display: inline-flex;
        align-items: center;
    }


    #mainNavigation .navbar-nav.nav-scrollbar-inner.mr-auto {
        margin-right: 1rem;
    }

    #mainNavigation #search {
        min-width: 15rem;
    }

    #mainNavigation #search .twitter-typeahead {
        width: 100%;
    }

    #mainNavigation .cart-icon-dropdown-price {
        display: none
    }

    #mainNavigation a.nav-link[aria-label="Warenkorb"] {
        display: flex;
        align-items: center;
        color: #fff !important;
        background-color: var(--primary);
        position: relative;
        padding: 0.55rem 1rem;
    }

    #mainNavigation .fa-sup {
        padding: 0.1em 0.6em;
        top: 10px;
    }

    .custom-scrool {
        display: none;
    }

    .custom-scrool li {
        list-style: none;
    }

    /*** ARTIKEL/PRODUCT DESCRIPTION  ***/
    col.product-gallery.col-lg-6.col-12 {
        flex: 0 0 60%;
        max-width: 60%;
    }

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

    /*** SECTION WARENCORB DROPDOWN UND WARENCORB SEITE ***/
    .cart-dropdown.dropdown-menu.dropdown-menu-right.lg-min-w-lg.show {
        height: 85vh;
        min-width: 23rem;
    }

    .lg-min-w-lg {
        min-width: 23rem;
    }

    .account-icon-dropdown .dropdown-footer {
        /*text-align: center;*/
        font-size: 1rem;
        font-weight: 600;
    }
}

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

@media (max-width: 1900px) {

    #footer .footer-social-media.fixed {
        right: 1rem;
    }
}


@media (max-width: 1400px) {
    .container {
        max-width: 100%;
    }

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

@media (max-width: 1300px) {
    #footer .newsletter-footer .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}


@media (max-width: 991.98px) {
    .container {
        max-width: 100%;
    }

    .titel {
        font-size: 2.75rem;
        padding: 0 2rem;
    }

    /*** TOP-BAR ***/
    .topbar-first-items {
        position: relative;
        height: 50px;
        overflow: hidden;
    }

    .topbar-first-item {
        justify-content: center;
        position: absolute;
        left: 0;
        width: 100%;
        opacity: 0;
        transform: translateY(10px);
        animation: rotateItems 15s infinite linear;
    }

    .topbar-first-item:nth-child(1) {
        animation-delay: 0s;
    }

    .topbar-first-item:nth-child(2) {
        animation-delay: 3s;
    }

    .topbar-first-item:nth-child(3) {
        animation-delay: 6s;
    }

    .topbar-first-item:nth-child(4) {
        animation-delay: 9s;
    }

    .topbar-first-item:nth-child(5) {
        animation-delay: 12s;
    }

    @keyframes rotateItems {
        0% {
            opacity: 0;
            transform: translateY(10px);
        }
        5% {
            opacity: 1;
            transform: translateY(0);
        }
        20% {
            opacity: 1;
            transform: translateY(0);
        }
        25% {
            opacity: 0;
            transform: translateY(-10px);
        }
        100% {
            opacity: 0;
            transform: translateY(-10px);
        }
    }

    /*** HEADER LOGO  ICONS ***/
    .full-width-mega .toggler-logo-wrapper {
        display: flex;
        flex-wrap: nowrap;
    }

    .toggler-logo-wrapper .logo-wrapper {
        float: unset;
        text-align: center;
    }

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

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

    #shop-nav .nav-link {
        font-size: 0.75rem;
        background-color: var(--bg-color2) !important;
    }

    #shop-nav-compare .nav-link {
        padding: 0.35rem 0.6rem;
    }

    header .nav-right .nav-link {
        margin-left: 0.25rem;
    }

    .nav.topbar-main.nav-dividers {
        justify-content: flex-end;
    }

    .nav.topbar-main.nav-dividers .dropdown-menu.show {
        transform: translate3d(-140px, 40px, 0px);
    }

    .nav.topbar-main.nav-dividers .dropdown-menu.show::before {
        left: 75%;
    }

    header .nav-right .nav-link,
    .cart-icon-dropdown.nav-item.dropdown .nav-link {
        background: transparent !important;
        border-color: transparent !important;
    }

    #shop-nav .flaticon-user-account::before,
    #shop-nav .flaticon-shopping-bag-2::before {
        color: var(--primary) !important;
    }

    #shop-nav .flaticon-user-account::before,
    #shop-nav .flaticon-shopping-bag-2::before {
        font-size: 1.8rem;
    }


    .cart-icon-dropdown.nav-item.dropdown .nav-link {
        color: var(--text-color) !important;
    }

    .fa-sup {
        font-size: 0.9em;
        left: unset;
        right: 1rem;
        top: 1.6em;
        padding: 0 0.7em;
    }

    #comparelist-badge {
        left: unset;
        right: -0.9em;
    }


    /*** BURGERMENU ***/
    #burger-menu {
        height: 2rem;
        margin-top: 0.75rem;
        padding-top: 0;
    }

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

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

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

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

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

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

    /*** MOBILEMENU ***/
    #mainNavigation {
        min-width: 100%;
    }

    .navbar.justify-content-start.align-items-lg-end.navbar-expand-lg.navbar-expand-1 .modal-backdrop.show {
        /*opacity: 0;*/
    }

    .nav-mobile-header.d-lg-none {
        border-bottom: 1px solid var(--bg-color);
    }

    .nav-mobile-header.d-lg-none .col.nav-mobile-header-toggler {
        flex-grow: 0;
    }

    .nav-mobile-header.d-lg-none .align-items-center-util {
        align-items: center;
        justify-content: space-between;
    }

    .nav-mobile-header.d-lg-none .ml-auto-util {
        margin-left: unset;
    }

    #mainNavigation .nav-link,
    #mainNavigation .nav-link .text-truncate.d-block,
    header .nav-mobile-body .text-truncate.d-block {
        font-size: 1.5rem;
    }

    #mainNavigation .nav-link {
        border-bottom: 1px solid var(--bg-color);
    }

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

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

    #mainNavigation .container.subcategory-wrapper .nav-link {
        border: none;
    }

    #mainNavigation .container.subcategory-wrapper .nav-item-lg-m,
    #mainNavigation .container.subcategory-wrapper .categories-recursive-dropdown.dropdown-menu.show .nav-link {
        padding: 0.5rem 0.75rem;
        border-bottom: 1px solid var(--bg-color);
    }


    /*** STARTSITE ***/
    .section-kategorien .titel {
        font-size: 2rem;
    }

    .section-kategorien-text .section-inhalt,
    .section-kategorien-text .grid .col-xl-4 .right {
        padding: 0;
    }

    .slick-type-product .product-wrapper {
        min-width: 170px;
    }

    .section-kategorien-text .grid .col-xl-4 {
        padding: 0 1rem;
    }

    .section-kategorien-text .grid .col-xl-4 .right {
        padding: 1rem;
    }

    /*** SLIDER ITEM-SLIDER ITEM-BOX ***/
    .slick-type-product:not(.slider-no-preview) .slick-list {
        padding-right: 0;
    }

    .product-wrapper .alter-price {
        display: block;
        line-height: 1.25;
    }

    /*** KATEGORIE LISTE ***/
    .kategorie_bild img {
        min-height: 120px;
    }

    aside .filter-title {
        display: none;
    }

    /*** PRODUCT DESCRIPTION SEITE ***/
    #result-wrapper .product-title.h2 {
        font-size: 1.25rem;
        margin-right: 0.5rem;
    }

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

    #result-wrapper .custom-banner span {
        /*padding: 0 0 0 2rem;*/
    }

    #result-wrapper .product-hersteller-img img {
        max-height: 50px;
    }

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

    #result-wrapper #product-offer .product-info .stock-information.stock-information-p {
        margin-top: 0;
    }

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

    /*** INHALT ***/
    .inhalt.team p {
        line-height: 1.25;
    }

    /*** FOOTER ***/
    #footer .newsletter-footer {
        max-width: 100%;
        margin: 0 auto;
        padding: 1rem 0;
        line-height: 1.25;
    }

    #footer .newsletter-footer .info,
    #footer .newsletter-footer .custom-checkbox {
        font-size: 0.95rem;
    }

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

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

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

    #footer .footer-social-media.fixed {
        /*display: none;*/
        right: 2px;
        top: 80%;
    }
}

@media (max-width: 767px) {

    /* Without Script Start */
    /*
    #footer-boxes {
        display: flex;
        flex-wrap: wrap;
    }

    #footer-boxes > div:nth-child(2),
    #footer-boxes > div:nth-child(3) {
        order: 0;
    }

    #footer-boxes > div:nth-child(1),
    #footer-boxes > div:nth-child(4) {
        order: 1;
    }

    #footer-boxes > div:nth-child(5),
    #footer-boxes > div:nth-child(6) {
        order: 2;
    }

    #footer-boxes > div:nth-child(7) {
        order: 3;
    }
*/
    /* Without Script End */
    /* With Script Start */
    #footer.newsletter-active #footer-boxes {
        justify-content: flex-start;
    }

    #footer.newsletter-active #footer-boxes,
    #footer.newsletter-active #footer-boxes .col.col-sm-6.col-md-4.col-lg-3.col-12 {
        padding: 0;
    }

    #footer-boxes .box-content-wrapper .productlist-filter-headline {
        display: none;
    }

    #footer-boxes [id^="box"],
    #footer-boxes [id^="sidebox"] {
        font-size: 1rem;
        padding: 0.25rem 1.25rem;
        border-bottom: 1px solid var(--bg-color);
    }

    #footer-boxes #sidebox127 {
        border-bottom: none;
    }

    #footer-boxes [id^="sidebox"] .collapse {
        padding: 0.75rem 0;
    }

    #footer-boxes .dropdown-toggle::after,
    #footer-boxes :not(.navbar-toggler)[data-toggle="collapse"]::after {
        content: '+' !important;
        font-size: 2rem;
    }

    /* With Script End */
    #footer .nav.topbar-main.nav-dividers {
        margin: 1rem 0 !important;
    }

    #footer .nav.topbar-main.nav-dividers .nav-item:first-child,
    #footer .nav.topbar-main.nav-dividers .nav-item:not(:last-child)::after {
        display: none;
    }

    #footer .nav.topbar-main.nav-dividers li {
        margin-bottom: 0;
    }

    #footer .nav.topbar-main.nav-dividers a:not(.btn) {
        color: var(--text-color2);
        padding: 0 0.5rem;
        font-size: 0.85rem;
        font-weight: 500;
    }

    #footer-boxes .box-normal-hr {
        display: none;
    }

    #footer #system-credits {
        position: inherit;
    }

}

@media (max-width: 640px) {
    /* Header */
    .header-footer-custom {
        height: 30px;
    }

    .nav.topbar-main.nav-dividers .nav-link.dropdown-toggle {
        padding: 0.25rem 0.5rem;
    }

    header .navbar-brand {
        padding-top: 0;
        padding-bottom: 0;
    }

    .nav-link.nav-link-custom span,
    .cart-icon-dropdown.nav-item.dropdown span {
        display: none;
    }

    .cart-icon-dropdown .fa-sup {
        display: block !important;
        right: 0.75rem;
    }

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

    #shop-nav-compare .nav-link {
        padding: 0.3rem;
    }

    .fa-list::before {
        padding: 1px 2px;
    }

    #comparelist-badge {
        display: none;
    }

    /* Item Box */
    .productbox-price,
    .price_label.price_on_application {
        font-size: 1rem;
    }

    /*
    #product-list .product-wrapper:not(:last-child),
    #product-list .product-wrapper:last-child {
        min-height: 250px;
    }

    .product-wrapper .price_wrapper {
        min-height: 3rem;
    }

    .price_wrapper {
        margin-bottom: 0.5rem;
    }

    #product-list .product-wrapper .custom-button {
        bottom: -2.5rem;
    }
     */
    /* Footer */
    #consent-settings-btn,
    .smoothscroll-top.show {
        bottom: 5px;
    }

    #copyright .container-fluid {
        margin-bottom: 2rem;
    }
}

@media (max-width: 400px) {

    /* Product List, Item Box, Product Description Seite */
    #product-list {
        overflow: hidden;
    }

    #product-list .product-wrapper:not(:last-child),
    #product-list .product-wrapper:last-child {
        padding: 0 0.5rem;
    }

    #product-list .product-wrapper .productbox {
        padding: 0.5rem 0.25rem;
    }

    #result-wrapper .slick-slider-other .row {
        margin-right: 0 !important;
        margin-left: -0.5rem !important;
    }

    #product-tabs {
        max-width: 100%;
    }

    .nav-scrollbar-item .dropdown-body {
        padding-bottom: 0;
        padding-top: 0;
    }

    .tab-navigation .tab-drop .dropdown-toggle::after {
        border: 2px solid var(--primary);
        color: var(--primary);
        margin-bottom: 0.5rem;
        padding: 2px;
        width: 2rem;
        display: inline-block;
    }

    .tab-navigation .tab-drop .dropdown-menu {
        font-size: 1rem;
    }
}


/* eloquium 30.06.2025 | ST Update 541-> 552 */

/* Header */
#search .btn-secondary {
    box-shadow: none;
}

[data-page="11"] #header-top-bar {
    display: none !important;
}

#header-top-bar {
    color: #000;
}

/* Warencorb Checkout */
.is-checkout header, .is-checkout .navbar {
    height: auto;
}

.is-checkout header {
    margin-bottom: 2rem;
}

.sticky-top.cart-summary .card-header .btn-link {
    color: var(--text-color) !important;
    padding: 0;
}

#panel-edit-coupon .input-group-append .btn-outline-primary {
    padding: 0.4rem 1rem;
}

/* Slider */
#slider-1 .nivo-caption {
    display: none !important;
}

/* Wishlist */
.on-list .fa-list-alt::before {
    color: #fff !important;
}

/* Footer */
#footer .newsletter-footer span.visually-hidden {
    font-size: 0;
}

#footer .footer-social-media.fixed .btn-sm {
    padding: 0.75rem;
}

#footer .footer-social-media.fixed .support .icon {
    margin-right: 0.75rem;
}

.container.d-lg-flex.flex-row-reverse {
    align-items: center;
}


@media (min-width: 992px) {

    .nav-item.nav-scrollbar-item.dropdown.dropdown-full.active .nav-link {
        display: inline-block !important;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    header .subcategory-wrapper .nav-link,
    header .subcategory-wrapper .submenu-headline-toplevel {
        display: inline-block !important;
        padding-left: 1rem;
        padding-right: 1rem;
        border-radius: 3px;
    }

    header .subcategory-wrapper .nav-link:hover,
    header .subcategory-wrapper .submenu-headline-toplevel:hover {
        margin-left: 0;
    }

    .nav-item.nav-scrollbar-item.dropdown.dropdown-full.active .nav-link:hover,
    header .nav-multiple-row .navbar-nav > .nav-item > .nav-link:hover,
    header .subcategory-wrapper .submenu-headline-toplevel:hover {
        /*color: #fff !important;*/
        /*background: #171717;*/
    }

    header .submenu-headline-toplevel:hover .text-truncate::before {
        left: 1.5rem;
    }
}

/* BFSG */

:root {
    /*--primary: #2E7D32;*/
}

/* Button-Funktionen sehe JS Script 18.07.2025 */
.bfsg_button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem;
    margin: 0 0 5px 0 !important;
    font-size: 0.9rem;
    font-weight: 600;
    word-spacing: 3px;
    color: #171717;
    writing-mode: vertical-lr;
    background-color: var(--primary);
    border: 1px solid #fff;
    box-shadow: none;
    transition: background 0.3s;
    cursor: pointer;
}

.product-wrapper .ribbon-1 {
    color: var(--text-color);
}

.productbox-price, .price_label.price_on_application {
    font-weight: 700;
    background-color: #fff;
}

.visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.ribbon-4, .ribbon-6 {
    background: var(--primary);
    color: #fff !important;
}

#footer a:not(.btn),
#footer .productlist-filter-headline,
#footer .btn-outline-primary {
    background-color: #fff;
}

#footer.newsletter-active #footer-boxes .nav-link:before {
    background-color: #fff;
}

#footer .newsletter-footer a {
    color: #fff;
    font-weight: 500;
    text-decoration: underline;
    background: transparent !important;
}

#footer .footer-social-media.fixed span {
    font-weight: 600;
}

#footer .footer-social-media .btn-instagram,
#footer .footer-social-media .btn-instagram span {
    background: #b3155f;
}

#footer .footer-social-media .btn-youtube,
#footer .footer-social-media .btn-youtube span {
    background: #cc0000;
}


#opc #opc-startmenu {
    top: 25% !important;
}