/* =========================================================
   KOBALZ CLEAN HEADER TEMPLATE v1.0.7
   Reine Template-CSS-Anpassung, kein Header-Footer-Plugin,
   kein Outputfilter, kein Header-JS.
========================================================= */
:root{
    --kobalz-header-green:#008000;
    --kobalz-header-green-dark:#006b00;
    --kobalz-header-black:#080808;
    --kobalz-header-text:#151515;
    --kobalz-header-border:#e4e4e4;
    --kobalz-header-search:#f1f3f2;
    --kobalz-header-padding:56px;
}

/* Native NOVA-Topbar ausblenden, eigene schwarze Kobalz-Topbar behalten */
body:not(.is-checkout) #header-top-bar.topbar-wrapper,
body:not(.is-checkout) #header-top-bar.topbar-wrapper.full-width-mega{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    overflow:hidden!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
}

body:not(.is-checkout) #kobalz-topbar{
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    background:#090909!important;
    color:#fff!important;
    margin:0!important;
    padding:0 var(--kobalz-header-padding)!important;
    border:0!important;
    overflow:hidden!important;
    font-family:"Oswald",Arial,sans-serif!important;
}
body:not(.is-checkout) #kobalz-topbar .kobalz-topbar-inner{
    width:100%!important;
    height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:30px!important;
}
body:not(.is-checkout) #kobalz-topbar .kobalz-topbar-benefits{
    display:flex!important;
    align-items:center!important;
    gap:38px!important;
    min-width:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
}
body:not(.is-checkout) #kobalz-topbar .kobalz-topbar-benefit{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:600!important;
    line-height:38px!important;
    white-space:nowrap!important;
}
body:not(.is-checkout) #kobalz-topbar .kobalz-topbar-check{
    color:#22b34a!important;
    font-weight:800!important;
    font-size:16px!important;
}
body:not(.is-checkout) #kobalz-topbar .kobalz-topbar-links{
    display:flex!important;
    align-items:center!important;
    gap:13px!important;
    flex:0 0 auto!important;
}
body:not(.is-checkout) #kobalz-topbar .kobalz-topbar-links a{
    color:#fff!important;
    font-size:14px!important;
    font-weight:600!important;
    text-decoration:none!important;
}
body:not(.is-checkout) #kobalz-topbar .kobalz-topbar-divider{
    width:1px!important;
    height:16px!important;
    background:rgba(255,255,255,.42)!important;
}

@media (min-width:992px){
    body:not(.is-checkout) header#jtl-nav-wrapper{
        width:100%!important;
        max-width:none!important;
        background:#fff!important;
        border:0!important;
        box-shadow:none!important;
        margin:0!important;
        padding:0!important;
        overflow:visible!important;
        z-index:1020!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper *,
    body:not(.is-checkout) #kobalz-topbar *{box-sizing:border-box!important;}

    /* Erste Header-Zeile: Logo / Suche / Icons */
    body:not(.is-checkout) header#jtl-nav-wrapper > .container,
    body:not(.is-checkout) header#jtl-nav-wrapper > .container-fluid{
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        padding-left:var(--kobalz-header-padding)!important;
        padding-right:var(--kobalz-header-padding)!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper > .container:not(.menu-center-center):first-of-type,
    body:not(.is-checkout) header#jtl-nav-wrapper > .container-fluid:not(.menu-center-center):first-of-type,
    body:not(.is-checkout) header#jtl-nav-wrapper > .hide-navbar{
        height:108px!important;
        min-height:108px!important;
        max-height:108px!important;
        background:#fff!important;
        border:0!important;
        overflow:visible!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper > .container:not(.menu-center-center):first-of-type > nav.navbar,
    body:not(.is-checkout) header#jtl-nav-wrapper > .container-fluid:not(.menu-center-center):first-of-type > nav.navbar,
    body:not(.is-checkout) header#jtl-nav-wrapper > .hide-navbar > nav.navbar{
        width:100%!important;
        max-width:none!important;
        height:108px!important;
        min-height:108px!important;
        max-height:108px!important;
        display:grid!important;
        grid-template-columns:270px minmax(520px,1fr) 320px!important;
        column-gap:38px!important;
        align-items:center!important;
        justify-content:stretch!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        background:#fff!important;
        overflow:visible!important;
    }

    /* Logo sicher begrenzen */
    body:not(.is-checkout) header#jtl-nav-wrapper .nav-logo-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper .toggler-logo-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper #logo,
    body:not(.is-checkout) header#jtl-nav-wrapper .logo-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper .navbar-brand{
        grid-column:1!important;
        width:270px!important;
        max-width:270px!important;
        height:108px!important;
        min-height:108px!important;
        max-height:108px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        margin:0!important;
        padding:0!important;
        float:none!important;
        position:static!important;
        overflow:hidden!important;
        flex:0 0 270px!important;
    }
    body:not(.is-checkout) header#jtl-nav-wrapper .navbar-brand img,
    body:not(.is-checkout) header#jtl-nav-wrapper #shop-logo,
    body:not(.is-checkout) header#jtl-nav-wrapper #logo img,
    body:not(.is-checkout) header#jtl-nav-wrapper .logo-wrapper img{
        display:block!important;
        width:auto!important;
        height:auto!important;
        max-width:250px!important;
        max-height:64px!important;
        object-fit:contain!important;
        object-position:left center!important;
        margin:0!important;
        padding:0!important;
        transform:none!important;
    }
    body:not(.is-checkout) header#jtl-nav-wrapper #burger-menu{display:none!important;}

    /* Suche mittig und breit */
    body:not(.is-checkout) header#jtl-nav-wrapper .main-search-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper .search-form-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper .search-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper .kobalz-search-suggest-wrap,
    body:not(.is-checkout) header#jtl-nav-wrapper .kbhf-search-wrap,
    body:not(.is-checkout) header#jtl-nav-wrapper #search{
        grid-column:2!important;
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        height:auto!important;
        display:flex!important;
        align-items:center!important;
        justify-content:stretch!important;
        margin:0!important;
        padding:0!important;
        position:relative!important;
        overflow:visible!important;
    }
    body:not(.is-checkout) header#jtl-nav-wrapper .main-search-wrapper form,
    body:not(.is-checkout) header#jtl-nav-wrapper .search-wrapper form,
    body:not(.is-checkout) header#jtl-nav-wrapper form[role="search"],
    body:not(.is-checkout) header#jtl-nav-wrapper form[action*="Suche"],
    body:not(.is-checkout) header#jtl-nav-wrapper form[action*="suche"],
    body:not(.is-checkout) header#jtl-nav-wrapper .input-group,
    body:not(.is-checkout) header#jtl-nav-wrapper .form-icon{
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        height:50px!important;
        min-height:50px!important;
        margin:0!important;
        padding:0!important;
        display:flex!important;
        align-items:stretch!important;
        flex-wrap:nowrap!important;
        overflow:hidden!important;
        border-radius:16px!important;
        background:var(--kobalz-header-search)!important;
        border:1px solid #dfe6e1!important;
        box-shadow:0 10px 26px rgba(17,24,18,.07)!important;
    }
    body:not(.is-checkout) header#jtl-nav-wrapper .twitter-typeahead{
        width:100%!important;
        flex:1 1 auto!important;
        display:flex!important;
        min-width:0!important;
    }
    body:not(.is-checkout) header#jtl-nav-wrapper input[type="search"],
    body:not(.is-checkout) header#jtl-nav-wrapper input[type="text"].search,
    body:not(.is-checkout) header#jtl-nav-wrapper input#search-header,
    body:not(.is-checkout) header#jtl-nav-wrapper #search-header,
    body:not(.is-checkout) header#jtl-nav-wrapper .search-wrapper .form-control,
    body:not(.is-checkout) header#jtl-nav-wrapper .main-search-wrapper .form-control{
        width:100%!important;
        min-width:0!important;
        height:50px!important;
        min-height:50px!important;
        flex:1 1 auto!important;
        border:0!important;
        border-radius:16px 0 0 16px!important;
        background:transparent!important;
        box-shadow:none!important;
        padding:0 22px!important;
        color:#333!important;
        font-family:"Oswald",Arial,sans-serif!important;
        font-size:16px!important;
        font-weight:400!important;
        line-height:50px!important;
    }
    body:not(.is-checkout) header#jtl-nav-wrapper .input-group-append{
        flex:0 0 112px!important;
        width:112px!important;
        min-width:112px!important;
        height:50px!important;
        margin:0!important;
        padding:0!important;
    }
    body:not(.is-checkout) header#jtl-nav-wrapper button[type="submit"],
    body:not(.is-checkout) header#jtl-nav-wrapper .search-wrapper .btn,
    body:not(.is-checkout) header#jtl-nav-wrapper .main-search-wrapper .btn{
        width:112px!important;
        min-width:112px!important;
        height:50px!important;
        min-height:50px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        border:0!important;
        border-radius:0 16px 16px 0!important;
        background:linear-gradient(180deg,var(--kobalz-header-green) 0%,#007000 100%)!important;
        color:#fff!important;
        box-shadow:none!important;
        margin:0!important;
        padding:0!important;
        font-family:"Oswald",Arial,sans-serif!important;
        font-size:16px!important;
        font-weight:700!important;
        text-transform:uppercase!important;
        line-height:1!important;
    }
    body:not(.is-checkout) header#jtl-nav-wrapper button[type="submit"] i,
    body:not(.is-checkout) header#jtl-nav-wrapper button[type="submit"] .fa-search,
    body:not(.is-checkout) header#jtl-nav-wrapper button[type="submit"] span:not(.sr-only){display:none!important;}
    body:not(.is-checkout) header#jtl-nav-wrapper button[type="submit"]::after{content:"SUCHEN"!important;color:#fff!important;}
    body:not(.is-checkout) header#jtl-nav-wrapper button[type="submit"]:hover{background:linear-gradient(180deg,#007500 0%,var(--kobalz-header-green-dark) 100%)!important;}

    /* Icons rechts */
    body:not(.is-checkout) header#jtl-nav-wrapper .nav-icons-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav,
    body:not(.is-checkout) header#jtl-nav-wrapper .nav-icons{
        grid-column:3!important;
        width:320px!important;
        max-width:320px!important;
        min-width:0!important;
        height:108px!important;
        min-height:108px!important;
        max-height:108px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        gap:22px!important;
        margin:0!important;
        padding:0!important;
        background:transparent!important;
        flex-wrap:nowrap!important;
        overflow:visible!important;
    }
    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav .nav-item{
        height:108px!important;
        display:flex!important;
        align-items:center!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        background:transparent!important;
    }
    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav .nav-link{
        min-width:58px!important;
        height:62px!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        gap:6px!important;
        color:#080808!important;
        background:transparent!important;
        border:0!important;
        box-shadow:none!important;
        padding:0!important;
        margin:0!important;
        text-align:center!important;
        text-decoration:none!important;
        font-family:"Oswald",Arial,sans-serif!important;
        font-size:12px!important;
        font-weight:600!important;
        line-height:1.1!important;
        text-transform:uppercase!important;
    }
    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav .nav-link i,
    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav .nav-link .fas,
    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav .nav-link span.fas{
        display:block!important;
        font-size:22px!important;
        line-height:1!important;
        color:#080808!important;
        margin:0!important;
        padding:0!important;
    }
    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav .account-icon-dropdown > .nav-link::after{content:"ANMELDEN"!important;}
    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav #shop-nav-wish > .nav-link::after{content:"MERKLISTE"!important;}
    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav .cart-icon-dropdown > .nav-link::after{content:"WARENKORB"!important;}
    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav .account-icon-dropdown > .nav-link::after,
    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav #shop-nav-wish > .nav-link::after,
    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav .cart-icon-dropdown > .nav-link::after{
        display:block!important;
        font-family:"Oswald",Arial,sans-serif!important;
        font-size:12px!important;
        font-weight:600!important;
        line-height:1.1!important;
        color:#080808!important;
        white-space:nowrap!important;
    }
    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav-compare{display:none!important;}
    body:not(.is-checkout) header#jtl-nav-wrapper .cart-icon-dropdown-price{display:none!important;}

    /* Kategorie-Navigation */
    body:not(.is-checkout) header#jtl-nav-wrapper > .container-fluid.menu-center-center,
    body:not(.is-checkout) header#jtl-nav-wrapper > .container.menu-center-center{
        width:100%!important;
        max-width:none!important;
        height:54px!important;
        min-height:54px!important;
        max-height:54px!important;
        background:#fff!important;
        border-top:1px solid var(--kobalz-header-border)!important;
        border-bottom:1px solid var(--kobalz-header-border)!important;
        margin:0!important;
        padding-left:var(--kobalz-header-padding)!important;
        padding-right:var(--kobalz-header-padding)!important;
        overflow:visible!important;
    }
    body:not(.is-checkout) header#jtl-nav-wrapper > .container-fluid.menu-center-center > nav.navbar,
    body:not(.is-checkout) header#jtl-nav-wrapper > .container.menu-center-center > nav.navbar,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .navbar-nav,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-mobile-body,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-scrollbar-inner{
        height:54px!important;
        min-height:54px!important;
        max-height:54px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        flex-wrap:nowrap!important;
        width:auto!important;
        margin:0!important;
        padding:0!important;
        overflow:visible!important;
        background:#fff!important;
    }
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-item{
        height:54px!important;
        margin:0!important;
        padding:0!important;
        white-space:nowrap!important;
    }
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-link{
        height:54px!important;
        display:flex!important;
        align-items:center!important;
        padding:0 30px!important;
        border-left:1px solid var(--kobalz-header-border)!important;
        border-right:0!important;
        border-bottom:0!important;
        background:#fff!important;
        color:#151515!important;
        font-family:"Oswald",Arial,sans-serif!important;
        font-size:17px!important;
        font-weight:600!important;
        line-height:54px!important;
        text-transform:uppercase!important;
        text-decoration:none!important;
    }
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-link::before,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-link::after{display:none!important;content:none!important;}
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-link:hover,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-item.active > .nav-link{
        background:#f7f7f7!important;
        color:#151515!important;
    }

    body:not(.is-checkout) .search-form-wrapper-fixed,
    body:not(.is-checkout) .fixed-search,
    body:not(.is-checkout) .fixed-search.smoothscroll-top-search,
    body:not(.is-checkout) .d-lg-none.search-form-wrapper-fixed{display:none!important;}
}

@media (min-width:992px) and (max-width:1299.98px){
    :root{--kobalz-header-padding:32px;}
    body:not(.is-checkout) header#jtl-nav-wrapper > .container:not(.menu-center-center):first-of-type > nav.navbar,
    body:not(.is-checkout) header#jtl-nav-wrapper > .container-fluid:not(.menu-center-center):first-of-type > nav.navbar,
    body:not(.is-checkout) header#jtl-nav-wrapper > .hide-navbar > nav.navbar{
        grid-template-columns:220px minmax(440px,1fr) 280px!important;
        column-gap:24px!important;
    }
    body:not(.is-checkout) header#jtl-nav-wrapper .nav-logo-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper .toggler-logo-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper #logo,
    body:not(.is-checkout) header#jtl-nav-wrapper .logo-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper .navbar-brand{width:220px!important;max-width:220px!important;flex-basis:220px!important;}
    body:not(.is-checkout) header#jtl-nav-wrapper .navbar-brand img,
    body:not(.is-checkout) header#jtl-nav-wrapper #shop-logo,
    body:not(.is-checkout) header#jtl-nav-wrapper #logo img{max-width:205px!important;max-height:54px!important;}
    body:not(.is-checkout) header#jtl-nav-wrapper .nav-icons-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav{width:280px!important;max-width:280px!important;gap:16px!important;}
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-link{padding:0 20px!important;}
}

/* Mobil: bestehenden bestätigten mobilen NOVA-/my-nova-Stand nicht kaputt machen, nur Logo begrenzen */
@media (max-width:991.98px){
    body:not(.is-checkout) #kobalz-topbar{
        height:34px!important;
        min-height:34px!important;
        padding:0 14px!important;
        overflow:hidden!important;
    }
    body:not(.is-checkout) #kobalz-topbar .kobalz-topbar-inner,
    body:not(.is-checkout) #kobalz-topbar .kobalz-topbar-benefits{height:34px!important;min-height:34px!important;}
    body:not(.is-checkout) #kobalz-topbar .kobalz-topbar-benefits{display:flex!important;gap:20px!important;white-space:nowrap!important;overflow:hidden!important;}
    body:not(.is-checkout) #kobalz-topbar .kobalz-topbar-benefit{font-size:12px!important;line-height:34px!important;}
    body:not(.is-checkout) #kobalz-topbar .kobalz-topbar-benefit:nth-child(n+3),
    body:not(.is-checkout) #kobalz-topbar .kobalz-topbar-links{display:none!important;}
    body:not(.is-checkout) header#jtl-nav-wrapper .navbar-brand img,
    body:not(.is-checkout) header#jtl-nav-wrapper #shop-logo,
    body:not(.is-checkout) header#jtl-nav-wrapper #logo img{max-width:155px!important;max-height:44px!important;width:auto!important;height:auto!important;object-fit:contain!important;}
}


/* =========================================================
   Mobile Header Layout Fix v1.0.3
   Nur Smartphone/Tablet-Header: Menü, Logo, Konto und Warenkorb
   wieder sauber in einer oberen Zeile. Desktop bleibt unverändert.
========================================================= */
@media (max-width:991.98px){
    body:not(.is-checkout) header#jtl-nav-wrapper{
        background:#fff!important;
        box-shadow:none!important;
        overflow:visible!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper > .hide-navbar,
    body:not(.is-checkout) header#jtl-nav-wrapper > .container:not(.menu-center-center):first-of-type,
    body:not(.is-checkout) header#jtl-nav-wrapper > .container-fluid:not(.menu-center-center):first-of-type{
        height:92px!important;
        min-height:92px!important;
        max-height:92px!important;
        padding:0 14px!important;
        margin:0!important;
        background:#fff!important;
        border:0!important;
        overflow:visible!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper > .hide-navbar > nav.navbar,
    body:not(.is-checkout) header#jtl-nav-wrapper > .container:not(.menu-center-center):first-of-type > nav.navbar,
    body:not(.is-checkout) header#jtl-nav-wrapper > .container-fluid:not(.menu-center-center):first-of-type > nav.navbar{
        position:relative!important;
        height:92px!important;
        min-height:92px!important;
        max-height:92px!important;
        width:100%!important;
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        flex-wrap:nowrap!important;
        margin:0!important;
        padding:0!important;
        background:#fff!important;
        overflow:visible!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper .nav-logo-wrapper{
        order:1!important;
        position:static!important;
        flex:1 1 auto!important;
        width:auto!important;
        max-width:calc(100% - 108px)!important;
        height:92px!important;
        min-height:92px!important;
        max-height:92px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        margin:0!important;
        padding:0!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper .toggler-logo-wrapper{
        width:100%!important;
        height:92px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        gap:18px!important;
        margin:0!important;
        padding:0!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #burger-menu{
        display:inline-flex!important;
        flex:0 0 32px!important;
        width:32px!important;
        height:44px!important;
        align-items:center!important;
        justify-content:center!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        background:transparent!important;
        color:#303030!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #logo,
    body:not(.is-checkout) header#jtl-nav-wrapper .logo-wrapper{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        height:92px!important;
        min-height:92px!important;
        margin:0!important;
        padding:0!important;
        overflow:visible!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper .navbar-brand{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        height:92px!important;
        margin:0!important;
        padding:0!important;
        overflow:visible!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper .navbar-brand img,
    body:not(.is-checkout) header#jtl-nav-wrapper #shop-logo,
    body:not(.is-checkout) header#jtl-nav-wrapper #logo img{
        display:block!important;
        max-width:155px!important;
        max-height:44px!important;
        width:auto!important;
        height:auto!important;
        object-fit:contain!important;
        object-position:left center!important;
        margin:0!important;
        padding:0!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper .main-search-wrapper{
        display:none!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper .nav-icons-wrapper{
        order:2!important;
        position:static!important;
        flex:0 0 auto!important;
        width:auto!important;
        max-width:none!important;
        height:92px!important;
        min-height:92px!important;
        max-height:92px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        margin:0!important;
        padding:0!important;
        background:transparent!important;
        overflow:visible!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav,
    body:not(.is-checkout) header#jtl-nav-wrapper .nav-icons{
        width:auto!important;
        max-width:none!important;
        height:92px!important;
        min-height:92px!important;
        max-height:92px!important;
        display:flex!important;
        flex-direction:row!important;
        align-items:center!important;
        justify-content:flex-end!important;
        flex-wrap:nowrap!important;
        gap:14px!important;
        margin:0!important;
        padding:0!important;
        background:transparent!important;
        overflow:visible!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav .nav-item{
        position:relative!important;
        width:auto!important;
        height:92px!important;
        min-height:92px!important;
        max-height:92px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        margin:0!important;
        padding:0!important;
        background:transparent!important;
        border:0!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav-wish,
    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav-compare{
        display:none!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav .nav-link{
        width:34px!important;
        min-width:34px!important;
        height:44px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        margin:0!important;
        padding:0!important;
        color:#4b4b4b!important;
        background:transparent!important;
        border:0!important;
        box-shadow:none!important;
        text-decoration:none!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav .nav-link::after{
        display:none!important;
        content:none!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav .nav-link i,
    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav .nav-link .fas,
    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav .nav-link span.fas{
        display:block!important;
        font-size:22px!important;
        line-height:1!important;
        color:#4b4b4b!important;
        margin:0!important;
        padding:0!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper .cart-icon-dropdown-price{
        display:none!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper .fa-sup{
        position:absolute!important;
        top:-8px!important;
        right:-10px!important;
        min-width:19px!important;
        height:19px!important;
        padding:0 5px!important;
        border-radius:999px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        background:#f8bf00!important;
        color:#111!important;
        font-size:11px!important;
        font-weight:700!important;
        line-height:19px!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper .search-form-wrapper-fixed{
        display:block!important;
        width:100%!important;
        max-width:none!important;
        padding:16px 14px!important;
        margin:0!important;
        background:#fff!important;
        border-top:1px solid #e5e5e5!important;
        border-bottom:1px solid #e5e5e5!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper .search-form-wrapper-fixed .search-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper .search-form-wrapper-fixed form,
    body:not(.is-checkout) header#jtl-nav-wrapper .search-form-wrapper-fixed .input-group{
        width:100%!important;
        max-width:none!important;
        height:52px!important;
        min-height:52px!important;
        margin:0!important;
        padding:0!important;
        display:flex!important;
        align-items:stretch!important;
        flex-wrap:nowrap!important;
        border-radius:16px!important;
        overflow:hidden!important;
        background:#fff!important;
        border:1px solid #dfe6e1!important;
        box-shadow:none!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper .search-form-wrapper-fixed input.form-control{
        height:52px!important;
        min-height:52px!important;
        border:0!important;
        box-shadow:none!important;
        background:#fff!important;
        padding:0 16px!important;
        font-size:16px!important;
        line-height:52px!important;
        color:#333!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper .search-form-wrapper-fixed .input-group-append{
        flex:0 0 48px!important;
        width:48px!important;
        height:52px!important;
        margin:0!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper .search-form-wrapper-fixed button[type="submit"],
    body:not(.is-checkout) header#jtl-nav-wrapper .search-form-wrapper-fixed .btn{
        width:48px!important;
        min-width:48px!important;
        height:52px!important;
        border:0!important;
        border-radius:0 15px 15px 0!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        background:#0b7842!important;
        color:#fff!important;
        margin:0!important;
        padding:0!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper .search-form-wrapper-fixed button[type="submit"]::after{
        display:none!important;
        content:none!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper .search-form-wrapper-fixed button[type="submit"] .fas,
    body:not(.is-checkout) header#jtl-nav-wrapper .search-form-wrapper-fixed .btn .fas{
        display:block!important;
        color:#fff!important;
        font-size:18px!important;
        line-height:1!important;
    }
}

/* =========================================================
   Mobile Menu Layer Fix v1.0.4
   Nach Bereinigung der header.tpl muss das NOVA-Offcanvas-Menü
   vollständig vom Header-Plugin stabilisiert werden.
   Ziel: weiße Menüebene über dunklem Overlay, Header-/Cart-Icons
   dürfen nicht über dem geöffneten Menü liegen.
========================================================= */
@media (max-width:991.98px){
    body:not(.is-checkout) header#jtl-nav-wrapper{
        z-index:1200!important;
    }

    body:not(.is-checkout) .modal-backdrop,
    body:not(.is-checkout) .navbar-backdrop,
    body:not(.is-checkout) .nav-backdrop,
    body:not(.is-checkout) .offcanvas-backdrop,
    body:not(.is-checkout) .menu-backdrop,
    body:not(.is-checkout) .mobile-menu-backdrop{
        z-index:20040!important;
        background:#000!important;
        opacity:.72!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation.navbar-collapse,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation{
        position:fixed!important;
        top:0!important;
        left:0!important;
        right:auto!important;
        bottom:auto!important;
        width:86vw!important;
        max-width:360px!important;
        min-width:280px!important;
        height:100vh!important;
        height:calc(var(--vh, 1vh) * 100)!important;
        max-height:100vh!important;
        margin:0!important;
        padding:0!important;
        z-index:20060!important;
        background:#fff!important;
        color:#151515!important;
        border:0!important;
        box-shadow:14px 0 34px rgba(0,0,0,.22)!important;
        overflow:hidden!important;
        display:block!important;
        transform:translateX(-105%)!important;
        transition:transform .24s ease!important;
        opacity:1!important;
        pointer-events:auto!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation.show,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation.collapsing{
        transform:translateX(0)!important;
        visibility:visible!important;
        opacity:1!important;
        pointer-events:auto!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation:not(.show):not(.collapsing){
        visibility:hidden!important;
        pointer-events:none!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-mobile-header{
        display:block!important;
        width:100%!important;
        height:56px!important;
        min-height:56px!important;
        max-height:56px!important;
        padding:0 16px!important;
        margin:0!important;
        background:#fff!important;
        border-bottom:1px solid #e6e6e6!important;
        color:#151515!important;
        position:relative!important;
        z-index:2!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-mobile-header > .row{
        height:56px!important;
        min-height:56px!important;
        align-items:center!important;
        margin:0!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-mobile-body{
        width:100%!important;
        height:calc(100vh - 56px)!important;
        height:calc((var(--vh, 1vh) * 100) - 56px)!important;
        max-height:calc(100vh - 56px)!important;
        margin:0!important;
        padding:0!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
        -webkit-overflow-scrolling:touch!important;
        background:#fff!important;
        color:#151515!important;
        position:relative!important;
        z-index:1!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-scrollbar,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-scrollbar-inner{
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        margin:0!important;
        padding:0!important;
        overflow:visible!important;
        background:#fff!important;
        display:block!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .navbar-nav,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav{
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        display:flex!important;
        flex-direction:column!important;
        flex-wrap:nowrap!important;
        align-items:stretch!important;
        justify-content:flex-start!important;
        margin:0!important;
        padding:0!important;
        background:#fff!important;
        overflow:visible!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-item{
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        margin:0!important;
        padding:0!important;
        background:#fff!important;
        border:0!important;
        position:relative!important;
        white-space:normal!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-link,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-item{
        width:100%!important;
        min-height:52px!important;
        height:auto!important;
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        padding:15px 18px!important;
        margin:0!important;
        background:#fff!important;
        color:#151515!important;
        border:0!important;
        border-bottom:1px solid #eeeeee!important;
        font-family:"Oswald",Arial,sans-serif!important;
        font-size:17px!important;
        font-weight:600!important;
        line-height:1.25!important;
        text-transform:uppercase!important;
        text-decoration:none!important;
        box-shadow:none!important;
        opacity:1!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-link:hover,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-link:focus,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-item:hover,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-item:focus{
        background:#f6f8f6!important;
        color:#008000!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu{
        position:static!important;
        float:none!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        height:auto!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important;
        background:#fff!important;
        color:#151515!important;
        transform:none!important;
        z-index:20070!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu:not(.show){
        display:none!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu.show{
        display:block!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-body,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .submenu-headline,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .submenu-headline-toplevel,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .subcategory-wrapper{
        background:#fff!important;
        color:#151515!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-mobile-header-hr{
        display:none!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav .dropdown-menu{
        z-index:20080!important;
    }
}



/* =========================================================
   Mobile Submenu Toggle Fix v1.0.5
   Kategorien mit Unterkategorien müssen im mobilen Offcanvas
   wieder per Tap aufklappen. Keine Änderung am Desktop-Menü.
========================================================= */
@media (max-width:991.98px){
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-item.dropdown > .nav-link,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown > .nav-link,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-item.dropdown > a,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown > a{
        cursor:pointer!important;
        position:relative!important;
        padding-right:48px!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-item.dropdown > .nav-link::after,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown > .nav-link::after,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-item.dropdown > a::after,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown > a::after{
        display:block!important;
        content:"\f054"!important;
        font-family:"Font Awesome 5 Free"!important;
        font-weight:900!important;
        font-size:13px!important;
        line-height:1!important;
        color:#008000!important;
        position:absolute!important;
        right:19px!important;
        top:50%!important;
        transform:translateY(-50%)!important;
        margin:0!important;
        border:0!important;
        opacity:1!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-item.dropdown.show > .nav-link::after,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown.show > .nav-link::after,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-item.dropdown.open > .nav-link::after,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown.open > .nav-link::after,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-item.dropdown.show > a::after,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown.show > a::after,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-item.dropdown.open > a::after,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown.open > a::after{
        transform:translateY(-50%) rotate(90deg)!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-item.dropdown.show > .dropdown-menu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown.show > .dropdown-menu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-item.dropdown.open > .dropdown-menu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown.open > .dropdown-menu{
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
        pointer-events:auto!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .nav-link,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown-item{
        padding-left:32px!important;
        font-size:15px!important;
        background:#fafafa!important;
        text-transform:none!important;
        font-family:"Open Sans", Arial, sans-serif!important;
        font-weight:600!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown-menu .nav-link,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown-menu .dropdown-item{
        padding-left:46px!important;
        background:#f5f7f5!important;
    }
}


/* =========================================================
   Mobile Menu Safe Layer Fix v1.0.7
   CSS-only Ergänzung: Menü vor Backdrop, ohne fremde Overlays global
   zu entfernen oder mit breit gefassten Selektoren zu verändern.
========================================================= */
@media (max-width:991.98px){
    body:not(.is-checkout) header#jtl-nav-wrapper:has(#mainNavigation.show),
    body:not(.is-checkout) header#jtl-nav-wrapper:has(#mainNavigation.collapsing){
        position:relative!important;
        z-index:24000!important;
        overflow:visible!important;
        isolation:auto!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation.show,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation.collapsing{
        z-index:24050!important;
        background:#fff!important;
        color:#151515!important;
        opacity:1!important;
        filter:none!important;
        pointer-events:auto!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation.show *,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation.collapsing *{
        opacity:1!important;
        filter:none!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper:has(#mainNavigation.show) .nav-icons-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper:has(#mainNavigation.show) .main-search-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper:has(#mainNavigation.show) > .container-fluid.menu-center-center,
    body:not(.is-checkout) header#jtl-nav-wrapper:has(#mainNavigation.show) > .container.menu-center-center{
        pointer-events:none!important;
    }

    body:not(.is-checkout) .modal-backdrop.show,
    body:not(.is-checkout) .navbar-backdrop.show,
    body:not(.is-checkout) .offcanvas-backdrop.show{
        z-index:23000!important;
    }
}

/* =========================================================
   Mobile Submenu Open Safe Fix v1.0.7
   Zusätzliche Klassen aus dem robusten JS-Fallback anzeigen.
========================================================= */
@media (max-width:991.98px){
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-item.kobalz-submenu-open > .dropdown-menu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown.kobalz-submenu-open > .dropdown-menu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-item.kobalz-submenu-open > .categories-recursive-dropdown,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown.kobalz-submenu-open > .categories-recursive-dropdown,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu.kobalz-submenu-show,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .categories-recursive-dropdown.kobalz-submenu-show{
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
        height:auto!important;
        max-height:none!important;
        overflow:visible!important;
        transform:none!important;
        pointer-events:auto!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-item.kobalz-submenu-open > .nav-link::after,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown.kobalz-submenu-open > .nav-link::after,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-item.kobalz-submenu-open > a::after,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown.kobalz-submenu-open > a::after{
        transform:translateY(-50%) rotate(90deg)!important;
    }
}


/* =========================================================
   Mobile Submenu Force Reveal Fix v1.0.9
   Falls NOVA Untermenüs nicht als direkte .dropdown-menu ausgibt,
   werden alle echten Untermenü-Container innerhalb des geöffneten
   Menüpunktes sichtbar gemacht. Nur mobil, nur im Header-Menü.
========================================================= */
@media (max-width:991.98px){
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open .dropdown-menu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open .categories-recursive-dropdown,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open .submenu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open .collapse,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open .dropdown-body,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open .subcategory-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-show{
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
        height:auto!important;
        max-height:none!important;
        overflow:visible!important;
        transform:none!important;
        position:static!important;
        left:auto!important;
        right:auto!important;
        top:auto!important;
        pointer-events:auto!important;
        background:#fff!important;
        color:#151515!important;
        box-shadow:none!important;
        border:0!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open .dropdown-body .nav,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open .subcategory-wrapper .nav,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open .categories-recursive-dropdown .nav{
        display:flex!important;
        flex-direction:column!important;
        visibility:visible!important;
        opacity:1!important;
        height:auto!important;
        max-height:none!important;
        overflow:visible!important;
        background:#fff!important;
    }
}


/* =========================================================
   Mobile Submenu Accordion Fix v1.0.9
   Korrigiert v1.0.8: Es darf nicht der komplette Kategorienbaum
   auf einmal sichtbar werden. Geöffnet wird nur die direkte Ebene.
========================================================= */
@media (max-width:991.98px){
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .categories-recursive-dropdown,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .submenu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .collapse,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-body,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .subcategory-wrapper{
        display:none!important;
        visibility:hidden!important;
        opacity:0!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .dropdown-menu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .categories-recursive-dropdown,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .submenu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .collapse,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .dropdown-body,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .subcategory-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu.kobalz-submenu-show,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .categories-recursive-dropdown.kobalz-submenu-show,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .submenu.kobalz-submenu-show,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .collapse.kobalz-submenu-show,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-body.kobalz-submenu-show,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .subcategory-wrapper.kobalz-submenu-show{
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
        height:auto!important;
        max-height:none!important;
        overflow:visible!important;
        transform:none!important;
        position:static!important;
        pointer-events:auto!important;
        background:#fff!important;
        color:#151515!important;
        box-shadow:none!important;
        border:0!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .dropdown-menu > .dropdown-body,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .dropdown-menu > .subcategory-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .dropdown-menu > .nav,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .categories-recursive-dropdown > .dropdown-body,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .categories-recursive-dropdown > .subcategory-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .categories-recursive-dropdown > .nav{
        display:flex!important;
        flex-direction:column!important;
        visibility:visible!important;
        opacity:1!important;
        height:auto!important;
        max-height:none!important;
        overflow:visible!important;
        background:#fff!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .nav-link::after,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > a::after,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > button::after{
        transform:translateY(-50%) rotate(90deg)!important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .nav-link,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown-item,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .categories-recursive-dropdown .nav-link,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .categories-recursive-dropdown .dropdown-item{
        background:#fff!important;
        color:#333!important;
        font-family:"Open Sans", Arial, sans-serif!important;
        font-size:15px!important;
        font-weight:500!important;
        text-transform:none!important;
        padding:7px 20px 7px 8px!important;
        min-height:auto!important;
        border:0!important;
    }
}


/* =========================================================
   Mobile Submenu Direct-Child Clean Fix v1.0.10
   Beim Öffnen einer Kategorie darf nur die direkte Unterebene
   sichtbar werden. Weitere Unterkategorien bleiben geschlossen
   und schieben die nachfolgenden Hauptkategorien sauber nach unten.
========================================================= */
@media (max-width:991.98px){
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-item,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown{
        position:relative!important;
        float:none!important;
        clear:both!important;
    }

    /* Standard: alle tieferen Untermenüs bleiben geschlossen */
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open .nav-item:not(.kobalz-submenu-open) > .dropdown-menu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open .nav-item:not(.kobalz-submenu-open) > .categories-recursive-dropdown,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open .nav-item:not(.kobalz-submenu-open) > .submenu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open .nav-item:not(.kobalz-submenu-open) > .collapse,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open .nav-item:not(.kobalz-submenu-open) > .dropdown-body,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open .nav-item:not(.kobalz-submenu-open) > .subcategory-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open .dropdown:not(.kobalz-submenu-open) > .dropdown-menu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open .dropdown:not(.kobalz-submenu-open) > .categories-recursive-dropdown,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open .dropdown:not(.kobalz-submenu-open) > .submenu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open .dropdown:not(.kobalz-submenu-open) > .collapse,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open .dropdown:not(.kobalz-submenu-open) > .dropdown-body,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open .dropdown:not(.kobalz-submenu-open) > .subcategory-wrapper{
        display:none!important;
        visibility:hidden!important;
        opacity:0!important;
        height:0!important;
        max-height:0!important;
        overflow:hidden!important;
        pointer-events:none!important;
    }

    /* Sichtbar ist nur das direkte Untermenü des aktuell geöffneten Eintrags */
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .dropdown-menu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .categories-recursive-dropdown,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .submenu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .collapse,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .dropdown-body,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .subcategory-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-show{
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
        height:auto!important;
        max-height:none!important;
        overflow:visible!important;
        pointer-events:auto!important;
        position:static!important;
        transform:none!important;
        background:#fff!important;
        box-shadow:none!important;
        border:0!important;
        width:100%!important;
        margin:0!important;
    }

    /* Die erste Liste im geöffneten Untermenü ordnet sich normal unter der Kategorie ein */
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .dropdown-menu > .nav,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .categories-recursive-dropdown > .nav,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .submenu > .nav,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .collapse > .nav,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .dropdown-body > .nav,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .subcategory-wrapper > .nav{
        display:flex!important;
        flex-direction:column!important;
        width:100%!important;
        margin:0!important;
        padding:0!important;
        background:#fff!important;
    }

    /* Optik der direkten Unterpunkte: eingerückt, aber nicht als eigener Block überlagert */
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .dropdown-menu > .nav > .nav-item > .nav-link,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .categories-recursive-dropdown > .nav > .nav-item > .nav-link,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .dropdown-body > .nav > .nav-item > .nav-link,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .kobalz-submenu-open > .subcategory-wrapper > .nav > .nav-item > .nav-link,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu.kobalz-submenu-show > .nav > .nav-item > .nav-link,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .categories-recursive-dropdown.kobalz-submenu-show > .nav > .nav-item > .nav-link{
        min-height:34px!important;
        padding:7px 42px 7px 28px!important;
        border-bottom:0!important;
        background:#fff!important;
        color:#333!important;
        font-family:"Open Sans", Arial, sans-serif!important;
        font-size:15px!important;
        font-weight:500!important;
        line-height:1.25!important;
        text-transform:none!important;
    }

    /* Hauptkategorien unterhalb des geöffneten Blocks bleiben normale Zeilen und werden nach unten geschoben */
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation > .nav-mobile-body,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-scrollbar-inner,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .navbar-nav{
        overflow:visible!important;
        height:auto!important;
        max-height:none!important;
    }
}

/* =========================================================
   KOBALZ CLEAN HEADER v1.0.12
   Mobile Accordion Menu Rebuild
   Original-NOVA-Menü bleibt als Datenquelle erhalten,
   sichtbar wird mobil nur das eigene Accordion-Menü.
========================================================= */

@media (max-width: 991.98px) {
    html.kobalz-mobile-accordion-ready body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation {
        background: #ffffff !important;
        color: #111827 !important;
        overflow: hidden !important;
        z-index: 1065 !important;
    }

    html.kobalz-mobile-accordion-ready body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-mobile-body {
        background: #ffffff !important;
        height: calc(100vh - 56px) !important;
        max-height: calc(100vh - 56px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 0 !important;
    }

    /* Originale NOVA-Offcanvas-Navigation mobil ausblenden. */
    html.kobalz-mobile-accordion-ready body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-mobile-body > ul.navbar-nav,
    html.kobalz-mobile-accordion-ready body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-mobile-body > .navbar-nav,
    html.kobalz-mobile-accordion-ready body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-mobile-body > ul.nav {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
        height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-menu,
    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-menu * {
        box-sizing: border-box !important;
    }

    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-menu {
        display: block !important;
        width: 100% !important;
        min-height: 100% !important;
        background: #ffffff !important;
        color: #111827 !important;
        font-family: "Oswald", Arial, sans-serif !important;
        padding: 0 0 28px 0 !important;
        margin: 0 !important;
    }

    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-level {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
    }

    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-item {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
        border-bottom: 1px solid #edf0f2 !important;
    }

    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-trigger {
        appearance: none !important;
        -webkit-appearance: none !important;
        width: 100% !important;
        min-height: 52px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 14px !important;
        margin: 0 !important;
        padding: 0 22px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        color: #111827 !important;
        text-align: left !important;
        text-decoration: none !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 18px !important;
        line-height: 1.15 !important;
        font-weight: 800 !important;
        letter-spacing: .2px !important;
        text-transform: uppercase !important;
        cursor: pointer !important;
        box-shadow: none !important;
    }

    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-link {
        cursor: pointer !important;
    }

    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-label {
        min-width: 0 !important;
        flex: 1 1 auto !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-arrow {
        flex: 0 0 auto !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 22px !important;
        height: 22px !important;
        color: #008000 !important;
        font-size: 28px !important;
        line-height: 1 !important;
        font-weight: 600 !important;
        transform: rotate(0deg) !important;
        transition: transform .18s ease !important;
    }

    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-item.is-open > .kobalz-mobile-accordion-trigger {
        color: #008000 !important;
        background: #f5f8f5 !important;
        border-top: 2px solid #f8c400 !important;
    }

    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-item.is-open > .kobalz-mobile-accordion-trigger .kobalz-mobile-accordion-arrow {
        transform: rotate(90deg) !important;
    }

    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-sub[hidden] {
        display: none !important;
    }

    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-sub {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 6px 0 10px 0 !important;
        background: #ffffff !important;
        border-top: 1px solid #edf0f2 !important;
    }

    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-showall,
    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-level-1 .kobalz-mobile-accordion-trigger,
    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-level-2 .kobalz-mobile-accordion-trigger,
    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-level-3 .kobalz-mobile-accordion-trigger {
        min-height: 34px !important;
        padding: 0 22px 0 34px !important;
        font-family: "Open Sans", Arial, sans-serif !important;
        font-size: 15px !important;
        line-height: 1.35 !important;
        font-weight: 500 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        color: #374151 !important;
        background: #ffffff !important;
    }

    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-level-2 .kobalz-mobile-accordion-trigger {
        padding-left: 48px !important;
    }

    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-level-3 .kobalz-mobile-accordion-trigger {
        padding-left: 62px !important;
    }

    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-showall {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        text-decoration: none !important;
        color: #111827 !important;
        font-weight: 700 !important;
    }

    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-level-1 .kobalz-mobile-accordion-item,
    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-level-2 .kobalz-mobile-accordion-item,
    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-level-3 .kobalz-mobile-accordion-item {
        border-bottom: 0 !important;
    }

    /* Keine NOVA-Seitenebenen im eigenen Accordion. */
    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-menu .dropdown-menu,
    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-menu .categories-recursive-dropdown {
        position: static !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        max-width: none !important;
        transform: none !important;
        box-shadow: none !important;
    }
}

/* =========================================================
   KOBALZ CLEAN HEADER v1.0.13
   Mobile Accordion Light Layer Fix
   Das eigene Accordion-Menü bleibt immer über dem dunklen
   NOVA/Bootstrap-Backdrop und wird nicht abgedunkelt.
========================================================= */
@media (max-width: 991.98px) {
    html.kobalz-mobile-menu-open body:not(.is-checkout) header#jtl-nav-wrapper,
    html.kobalz-mobile-menu-open body:not(.is-checkout) header#jtl-nav-wrapper.full-width-mega,
    html.kobalz-mobile-menu-open body:not(.is-checkout) header#jtl-nav-wrapper.sticky-top {
        position: relative !important;
        z-index: 2147483500 !important;
        isolation: isolate !important;
        filter: none !important;
        opacity: 1 !important;
        mix-blend-mode: normal !important;
        overflow: visible !important;
    }

    html.kobalz-mobile-menu-open body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation,
    html.kobalz-mobile-menu-open body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation.show,
    html.kobalz-mobile-menu-open body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation.collapsing {
        position: fixed !important;
        z-index: 2147483600 !important;
        background: #ffffff !important;
        color: #111827 !important;
        opacity: 1 !important;
        filter: none !important;
        mix-blend-mode: normal !important;
        isolation: isolate !important;
        pointer-events: auto !important;
        box-shadow: 14px 0 34px rgba(0,0,0,.22) !important;
    }

    html.kobalz-mobile-menu-open body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation *,
    html.kobalz-mobile-menu-open body:not(.is-checkout) .kobalz-mobile-accordion-menu,
    html.kobalz-mobile-menu-open body:not(.is-checkout) .kobalz-mobile-accordion-menu * {
        opacity: 1 !important;
        filter: none !important;
        mix-blend-mode: normal !important;
        text-shadow: none !important;
    }

    html.kobalz-mobile-menu-open body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-mobile-header,
    html.kobalz-mobile-menu-open body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-mobile-body,
    html.kobalz-mobile-menu-open body:not(.is-checkout) .kobalz-mobile-accordion-menu,
    html.kobalz-mobile-menu-open body:not(.is-checkout) .kobalz-mobile-accordion-level,
    html.kobalz-mobile-menu-open body:not(.is-checkout) .kobalz-mobile-accordion-item,
    html.kobalz-mobile-menu-open body:not(.is-checkout) .kobalz-mobile-accordion-trigger,
    html.kobalz-mobile-menu-open body:not(.is-checkout) .kobalz-mobile-accordion-sub {
        background-color: #ffffff !important;
    }

    html.kobalz-mobile-menu-open body:not(.is-checkout) .modal-backdrop,
    html.kobalz-mobile-menu-open body:not(.is-checkout) .modal-backdrop.show,
    html.kobalz-mobile-menu-open body:not(.is-checkout) .navbar-backdrop,
    html.kobalz-mobile-menu-open body:not(.is-checkout) .navbar-backdrop.show,
    html.kobalz-mobile-menu-open body:not(.is-checkout) .nav-backdrop,
    html.kobalz-mobile-menu-open body:not(.is-checkout) .offcanvas-backdrop,
    html.kobalz-mobile-menu-open body:not(.is-checkout) .offcanvas-backdrop.show,
    html.kobalz-mobile-menu-open body:not(.is-checkout) .menu-backdrop,
    html.kobalz-mobile-menu-open body:not(.is-checkout) .mobile-menu-backdrop,
    html.kobalz-mobile-menu-open body:not(.is-checkout) .dropdown-backdrop {
        z-index: 2147483000 !important;
        background: #000000 !important;
        opacity: .72 !important;
        filter: none !important;
    }

    html.kobalz-mobile-menu-open body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation::before,
    html.kobalz-mobile-menu-open body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation::after,
    html.kobalz-mobile-menu-open body:not(.is-checkout) .kobalz-mobile-accordion-menu::before,
    html.kobalz-mobile-menu-open body:not(.is-checkout) .kobalz-mobile-accordion-menu::after {
        display: none !important;
        content: none !important;
        opacity: 0 !important;
    }
}


/* =========================================================
   KOBALZ CLEAN HEADER v1.0.15
   Desktop Accordion Guard Fix
   Das neu erzeugte mobile Accordion-Menü darf auf Desktop niemals sichtbar sein.
========================================================= */
.kobalz-mobile-accordion-menu {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

@media (max-width: 991.98px) {
    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-menu {
        display: block !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}

@media (min-width: 992px) {
    html.kobalz-mobile-accordion-ready body:not(.is-checkout) .kobalz-mobile-accordion-menu,
    body:not(.is-checkout) .kobalz-mobile-accordion-menu {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        position: absolute !important;
        left: -99999px !important;
        top: -99999px !important;
    }
}

/* =========================================================
   KOBALZ CLEAN HEADER v1.0.16
   Desktop Megamenu Typography Fix
   Vereinheitlicht Ebene-2/3 im Desktop-Menü. Mobil bleibt unverändert.
========================================================= */
@media (min-width: 992px) {
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-full > .dropdown-menu {
        width: 100vw !important;
        max-width: none !important;
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        top: 54px !important;
        margin: 0 !important;
        padding: 28px var(--kobalz-header-padding) 30px var(--kobalz-header-padding) !important;
        border: 0 !important;
        border-top: 1px solid #edf0f2 !important;
        border-bottom: 1px solid #edf0f2 !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        box-shadow: 0 18px 32px rgba(17, 24, 39, .08) !important;
        overflow: visible !important;
        z-index: 3000 !important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown-body,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .subcategory-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .nav,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .navbar-nav {
        width: 100% !important;
        max-width: 1560px !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        display: grid !important;
        grid-template-columns: repeat(4, minmax(210px, 1fr)) !important;
        gap: 22px 42px !important;
        align-items: start !important;
        justify-content: start !important;
        margin: 0 auto !important;
        padding: 0 !important;
        background: #ffffff !important;
        overflow: visible !important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .nav-item,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu li,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        position: relative !important;
        white-space: normal !important;
    }

    /* Ebene 2: alle Spaltenüberschriften einheitlich */
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu > .dropdown-body > .nav > .nav-item > .nav-link,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu > .dropdown-body > .nav > li > a,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu > .nav > .nav-item > .nav-link,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu > .nav > li > a,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .submenu-headline,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .submenu-headline-toplevel {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 0 14px 0 !important;
        padding: 0 0 10px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid #edf0f2 !important;
        background: transparent !important;
        color: #111827 !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 18px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
        letter-spacing: .15px !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        box-shadow: none !important;
    }

    /* Ebene 3: Links unterhalb der Überschrift einheitlich */
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown-menu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .categories-recursive-dropdown,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .subcategory-wrapper .categories-recursive-dropdown {
        position: static !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown-menu .nav,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .categories-recursive-dropdown .nav,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .subcategory-wrapper .nav {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown-menu .nav-link,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .categories-recursive-dropdown .nav-link,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .subcategory-wrapper .nav-link,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown-item {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: #374151 !important;
        font-family: "Open Sans", Arial, sans-serif !important;
        font-size: 15px !important;
        line-height: 1.45 !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        text-decoration: none !important;
        box-shadow: none !important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown-menu .nav-link:hover,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .categories-recursive-dropdown .nav-link:hover,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .subcategory-wrapper .nav-link:hover,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown-item:hover,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown-menu .nav-link:focus,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .categories-recursive-dropdown .nav-link:focus,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .subcategory-wrapper .nav-link:focus,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown-item:focus {
        color: #008000 !important;
        background: transparent !important;
        text-decoration: none !important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .nav-link::before,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .nav-link::after,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown-item::before,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu .dropdown-item::after {
        display: none !important;
        content: none !important;
    }
}


/* =========================================================
   KOBALZ CLEAN HEADER v1.0.17
   Desktop Main Categories Only
   Desktop-Menü zeigt nur die Hauptkategorien. Alle Hover-/Megamenü-
   Unterkategorien werden konsequent ausgeblendet. Mobil bleibt das
   Accordion-Menü aus v1.0.14+ unverändert aktiv.
========================================================= */
@media (min-width: 992px) {
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .navbar-nav > .nav-item,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .navbar-nav > li {
        position: relative !important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .navbar-nav > .nav-item > .nav-link,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .navbar-nav > li > a {
        cursor: pointer !important;
    }

    /* Desktop: keinerlei Dropdown-/Megamenü-Flächen anzeigen */
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .navbar-nav > .nav-item > .dropdown-menu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .navbar-nav > li > .dropdown-menu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-full > .dropdown-menu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-menu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .categories-recursive-dropdown,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .subcategory-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown-body {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    /* Desktop: Bootstrap/NOVA show/open-Klassen dürfen keine Untermenüs sichtbar machen */
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown.show > .dropdown-menu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-item.show > .dropdown-menu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown.open > .dropdown-menu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-item.open > .dropdown-menu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-item:hover > .dropdown-menu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown:hover > .dropdown-menu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .nav-item.hover > .dropdown-menu,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .dropdown.hover > .dropdown-menu {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* Desktop: Pfeile an Hauptkategorien entfernen, weil keine Unterebenen geöffnet werden */
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .navbar-nav > .nav-item > .nav-link::after,
    body:not(.is-checkout) header#jtl-nav-wrapper #mainNavigation .navbar-nav > li > a::after {
        display: none !important;
        content: none !important;
    }
}


/* =========================================================
   KOBALZ CLEAN HEADER v1.0.22
   Checkout Topbar Hide
   Im Bestellvorgang wird die Topbar komplett ausgeblendet.
   Gilt für Desktop und Mobil. Header/Navigation bleiben unberührt.
========================================================= */
body.is-checkout #kobalz-topbar,
body.is-checkout #header-top-bar,
body.is-checkout .topbar-wrapper,
body.is-checkout .kobalz-topbar,
body.kobalz-checkout-active #kobalz-topbar,
body.kobalz-checkout-active #header-top-bar,
body.kobalz-checkout-active .topbar-wrapper,
body.kobalz-checkout-active .kobalz-topbar {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}


/* =========================================================
   KOBALZ CLEAN HEADER v1.0.22
   MOBILE_COMPACT_HEADER_TOPBAR_REMOVE
   Nur mobil: Topbar komplett raus, Headerhöhe reduziert.
   Desktop bleibt unverändert.
========================================================= */
@media (max-width: 991.98px) {

    /* Mobile Topbar komplett ausblenden */
    body:not(.is-checkout) #kobalz-topbar,
    body:not(.is-checkout) #header-top-bar,
    body:not(.is-checkout) .topbar-wrapper,
    body:not(.is-checkout) .top-bar,
    body:not(.is-checkout) .topbar,
    body:not(.is-checkout) .header-top-bar {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
    }

    /* Mobile Header-Zeile kompakter: vorher 92px */
    body:not(.is-checkout) header#jtl-nav-wrapper > .hide-navbar,
    body:not(.is-checkout) header#jtl-nav-wrapper > .container:not(.menu-center-center):first-of-type,
    body:not(.is-checkout) header#jtl-nav-wrapper > .container-fluid:not(.menu-center-center):first-of-type,
    body:not(.is-checkout) header#jtl-nav-wrapper > .hide-navbar > nav.navbar,
    body:not(.is-checkout) header#jtl-nav-wrapper > .container:not(.menu-center-center):first-of-type > nav.navbar,
    body:not(.is-checkout) header#jtl-nav-wrapper > .container-fluid:not(.menu-center-center):first-of-type > nav.navbar,
    body:not(.is-checkout) header#jtl-nav-wrapper .nav-logo-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper .toggler-logo-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper .nav-icons-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav,
    body:not(.is-checkout) header#jtl-nav-wrapper .nav-icons,
    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav .nav-item {
        height: 74px !important;
        min-height: 74px !important;
        max-height: 74px !important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper > .hide-navbar,
    body:not(.is-checkout) header#jtl-nav-wrapper > .container:not(.menu-center-center):first-of-type,
    body:not(.is-checkout) header#jtl-nav-wrapper > .container-fluid:not(.menu-center-center):first-of-type {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    /* Logo minimal kleiner und sauber mittig */
    body:not(.is-checkout) header#jtl-nav-wrapper #logo img,
    body:not(.is-checkout) header#jtl-nav-wrapper .logo-wrapper img,
    body:not(.is-checkout) header#jtl-nav-wrapper .navbar-brand img {
        max-width: 148px !important;
        max-height: 38px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
        object-position: left center !important;
    }

    /* Burger und Icons bleiben klickbar, aber etwas kompakter ausgerichtet */
    body:not(.is-checkout) header#jtl-nav-wrapper #burger-menu {
        height: 40px !important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav .nav-link {
        height: 40px !important;
        width: 32px !important;
        min-width: 32px !important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav .nav-link i,
    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav .nav-link .fas,
    body:not(.is-checkout) header#jtl-nav-wrapper #shop-nav .nav-link span.fas {
        font-size: 21px !important;
    }

    /* Suche direkt unter dem Header etwas dichter setzen */
    body:not(.is-checkout) header#jtl-nav-wrapper .search-form-wrapper-fixed {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper .search-form-wrapper-fixed .search-wrapper,
    body:not(.is-checkout) header#jtl-nav-wrapper .search-form-wrapper-fixed form,
    body:not(.is-checkout) header#jtl-nav-wrapper .search-form-wrapper-fixed .input-group {
        height: 48px !important;
        min-height: 48px !important;
        border-radius: 15px !important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper .search-form-wrapper-fixed input.form-control {
        height: 48px !important;
        min-height: 48px !important;
        line-height: 48px !important;
    }

    body:not(.is-checkout) header#jtl-nav-wrapper .search-form-wrapper-fixed .input-group-append,
    body:not(.is-checkout) header#jtl-nav-wrapper .search-form-wrapper-fixed button[type="submit"],
    body:not(.is-checkout) header#jtl-nav-wrapper .search-form-wrapper-fixed .btn {
        height: 48px !important;
        width: 48px !important;
        min-width: 48px !important;
    }
}


/* =========================================================
   KOBALZ CLEAN HEADER v1.0.22
   MOBILE_COOKIE_FINGERPRINT_HEADER_POSITION
   Nur mobil: EU-Cookie-Fingerprint kleiner und neben das Logo.
   Desktop bleibt unverändert.
========================================================= */
@media (max-width: 991.98px) {

    /*
     * EU-Cookie / Consent-Fingerprint Floating-Icon.
     * Das Icon bleibt vorhanden, wird mobil aber aus der unteren Ecke
     * in den Headerbereich rechts neben das Logo gesetzt.
     */
    body:not(.is-checkout) #eucookielaw-reopen,
    body:not(.is-checkout) #eu-cookie-law-reopen,
    body:not(.is-checkout) #euCookieLawReopen,
    body:not(.is-checkout) #eucookie-reopen,
    body:not(.is-checkout) #eu-cookie-reopen,
    body:not(.is-checkout) #cookie-consent-reopen,
    body:not(.is-checkout) #cookie-settings-trigger,
    body:not(.is-checkout) #cookie-settings-button,
    body:not(.is-checkout) #cookie-fingerprint,
    body:not(.is-checkout) .eucookielaw-reopen,
    body:not(.is-checkout) .eu-cookie-law-reopen,
    body:not(.is-checkout) .euCookieLawReopen,
    body:not(.is-checkout) .eucookie-reopen,
    body:not(.is-checkout) .eu-cookie-reopen,
    body:not(.is-checkout) .cookie-consent-reopen,
    body:not(.is-checkout) .cookie-settings-trigger,
    body:not(.is-checkout) .cookie-settings-button,
    body:not(.is-checkout) .cookie-fingerprint,
    body:not(.is-checkout) .fingerprint,
    body:not(.is-checkout) [id*="fingerprint" i],
    body:not(.is-checkout) [class*="fingerprint" i],
    body:not(.is-checkout) [id*="cookie"][id*="reopen" i],
    body:not(.is-checkout) [class*="cookie"][class*="reopen" i],
    body:not(.is-checkout) [id*="cookie"][id*="setting" i],
    body:not(.is-checkout) [class*="cookie"][class*="setting" i] {
        position: fixed !important;
        left: 226px !important;
        right: auto !important;
        top: 32px !important;
        bottom: auto !important;
        z-index: 2147483200 !important;
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        min-height: 30px !important;
        max-width: 30px !important;
        max-height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 999px !important;
        transform: none !important;
        opacity: .92 !important;
        overflow: visible !important;
    }

    body:not(.is-checkout) #eucookielaw-reopen img,
    body:not(.is-checkout) #eu-cookie-law-reopen img,
    body:not(.is-checkout) #euCookieLawReopen img,
    body:not(.is-checkout) #eucookie-reopen img,
    body:not(.is-checkout) #eu-cookie-reopen img,
    body:not(.is-checkout) #cookie-consent-reopen img,
    body:not(.is-checkout) #cookie-settings-trigger img,
    body:not(.is-checkout) #cookie-settings-button img,
    body:not(.is-checkout) #cookie-fingerprint img,
    body:not(.is-checkout) .eucookielaw-reopen img,
    body:not(.is-checkout) .eu-cookie-law-reopen img,
    body:not(.is-checkout) .euCookieLawReopen img,
    body:not(.is-checkout) .eucookie-reopen img,
    body:not(.is-checkout) .eu-cookie-reopen img,
    body:not(.is-checkout) .cookie-consent-reopen img,
    body:not(.is-checkout) .cookie-settings-trigger img,
    body:not(.is-checkout) .cookie-settings-button img,
    body:not(.is-checkout) .cookie-fingerprint img,
    body:not(.is-checkout) .fingerprint img,
    body:not(.is-checkout) [id*="fingerprint" i] img,
    body:not(.is-checkout) [class*="fingerprint" i] img,
    body:not(.is-checkout) [id*="cookie"][id*="reopen" i] img,
    body:not(.is-checkout) [class*="cookie"][class*="reopen" i] img,
    body:not(.is-checkout) [id*="cookie"][id*="setting" i] img,
    body:not(.is-checkout) [class*="cookie"][class*="setting" i] img,
    body:not(.is-checkout) #eucookielaw-reopen svg,
    body:not(.is-checkout) #eu-cookie-law-reopen svg,
    body:not(.is-checkout) #euCookieLawReopen svg,
    body:not(.is-checkout) #eucookie-reopen svg,
    body:not(.is-checkout) #eu-cookie-reopen svg,
    body:not(.is-checkout) #cookie-consent-reopen svg,
    body:not(.is-checkout) #cookie-settings-trigger svg,
    body:not(.is-checkout) #cookie-settings-button svg,
    body:not(.is-checkout) #cookie-fingerprint svg,
    body:not(.is-checkout) .eucookielaw-reopen svg,
    body:not(.is-checkout) .eu-cookie-law-reopen svg,
    body:not(.is-checkout) .euCookieLawReopen svg,
    body:not(.is-checkout) .eucookie-reopen svg,
    body:not(.is-checkout) .eu-cookie-reopen svg,
    body:not(.is-checkout) .cookie-consent-reopen svg,
    body:not(.is-checkout) .cookie-settings-trigger svg,
    body:not(.is-checkout) .cookie-settings-button svg,
    body:not(.is-checkout) .cookie-fingerprint svg,
    body:not(.is-checkout) .fingerprint svg,
    body:not(.is-checkout) [id*="fingerprint" i] svg,
    body:not(.is-checkout) [class*="fingerprint" i] svg,
    body:not(.is-checkout) [id*="cookie"][id*="reopen" i] svg,
    body:not(.is-checkout) [class*="cookie"][class*="reopen" i] svg,
    body:not(.is-checkout) [id*="cookie"][id*="setting" i] svg,
    body:not(.is-checkout) [class*="cookie"][class*="setting" i] svg {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
        min-height: 30px !important;
        max-width: 30px !important;
        max-height: 30px !important;
        object-fit: contain !important;
    }
}

/* Sehr schmale Smartphones: Fingerprint etwas naeher ans Logo setzen */
@media (max-width: 380px) {
    body:not(.is-checkout) #eucookielaw-reopen,
    body:not(.is-checkout) #eu-cookie-law-reopen,
    body:not(.is-checkout) #euCookieLawReopen,
    body:not(.is-checkout) #eucookie-reopen,
    body:not(.is-checkout) #eu-cookie-reopen,
    body:not(.is-checkout) #cookie-consent-reopen,
    body:not(.is-checkout) #cookie-settings-trigger,
    body:not(.is-checkout) #cookie-settings-button,
    body:not(.is-checkout) #cookie-fingerprint,
    body:not(.is-checkout) .eucookielaw-reopen,
    body:not(.is-checkout) .eu-cookie-law-reopen,
    body:not(.is-checkout) .euCookieLawReopen,
    body:not(.is-checkout) .eucookie-reopen,
    body:not(.is-checkout) .eu-cookie-reopen,
    body:not(.is-checkout) .cookie-consent-reopen,
    body:not(.is-checkout) .cookie-settings-trigger,
    body:not(.is-checkout) .cookie-settings-button,
    body:not(.is-checkout) .cookie-fingerprint,
    body:not(.is-checkout) .fingerprint,
    body:not(.is-checkout) [id*="fingerprint" i],
    body:not(.is-checkout) [class*="fingerprint" i],
    body:not(.is-checkout) [id*="cookie"][id*="reopen" i],
    body:not(.is-checkout) [class*="cookie"][class*="reopen" i],
    body:not(.is-checkout) [id*="cookie"][id*="setting" i],
    body:not(.is-checkout) [class*="cookie"][class*="setting" i] {
        left: 206px !important;
        top: 32px !important;
    }
}


/* =========================================================
   KOBALZ CLEAN HEADER v1.0.22
   MOBILE_REAL_CMP_CONSENT_SVG_POSITION
   Das EU-Cookie-Plugin nutzt direkt ein SVG:
   svg.__cmpConsentManager[aria-label="Open Consent Management"]
   Nur mobil in den Header neben das Logo verschieben.
========================================================= */
@media (max-width: 991.98px) {
    body:not(.is-checkout) svg.__cmpConsentManager,
    body:not(.is-checkout) svg[aria-label="Open Consent Management"],
    body:not(.is-checkout) svg[class*="cmpConsentManager"],
    body:not(.is-checkout) [aria-label="Open Consent Management"].__cmpConsentManager {
        position: fixed !important;
        left: 232px !important;
        right: auto !important;
        top: 50px !important;
        bottom: auto !important;
        z-index: 2147483200 !important;
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        min-height: 26px !important;
        max-width: 26px !important;
        max-height: 26px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        opacity: .92 !important;
        display: block !important;
        visibility: visible !important;
        pointer-events: auto !important;
        overflow: visible !important;
    }
}

@media (max-width: 380px) {
    body:not(.is-checkout) svg.__cmpConsentManager,
    body:not(.is-checkout) svg[aria-label="Open Consent Management"],
    body:not(.is-checkout) svg[class*="cmpConsentManager"],
    body:not(.is-checkout) [aria-label="Open Consent Management"].__cmpConsentManager {
        left: 214px !important;
        top: 50px !important;
    }
}