/* Dunkler Header und invertiertes Mega-Menü. Nur body.bs-header-theme. */

html body.bs-header-theme {
    --ht-line: color-mix(in srgb, var(--ht-header-fg) 16%, transparent);
    --ht-line-strong: color-mix(in srgb, var(--ht-header-fg) 28%, transparent);
    --ht-search-bg: color-mix(in srgb, var(--ht-header-bg) 82%, var(--ht-header-fg));
    --ht-muted: color-mix(in srgb, var(--ht-panel-fg) 68%, transparent);
}

/* ---- Leiste: USP, Header, Navigation ---- */
html body.bs-header-theme .bs-usp-bar,
html body.bs-header-theme .bs-usp-bar:not(:has(~ .bs-top-banner)),
html body.bs-header-theme header.page-header,
html body.bs-header-theme.bs-header-v2 header.page-header,
html body.bs-header-theme .page-wrapper > .topmenu,
html body.bs-header-theme .nav-top-container,
html body.bs-header-theme #nav,
html body.bs-header-theme #nav > .wrapper {
    background: var(--ht-header-bg) !important;
    color: var(--ht-header-fg) !important;
    border-color: var(--ht-line) !important;
}

html body.bs-header-theme .page-wrapper > .topmenu {
    margin-top: 0 !important;
    border-top: 1px solid var(--ht-line) !important;
}

html body.bs-header-theme .bs-usp-bar__item,
html body.bs-header-theme .bs-usp-bar__bullet,
html body.bs-header-theme .bs-usp-bar a {
    color: var(--ht-header-fg) !important;
}

html body.bs-header-theme .page-header .pers-image,
html body.bs-header-theme.bs-header-v2 header.page-header .pers-image,
html body.bs-header-theme .page-header .skip-nav > img,
html body.bs-header-theme .bs-usp-bar__icon,
html body.bs-header-theme .bs-mobile-phone-info img,
html body.bs-header-theme .bs-mobile-phone-icon {
    filter: var(--ht-icon-filter, brightness(0) invert(1)) !important;
}

html body.bs-header-theme.bs-header-theme-logo-white .logo-wrapper #logo img {
    filter: brightness(0) invert(1) !important;
}

@media (max-width: 767px) {
    html body.bs-header-theme.bs-header-theme-logo-white .logo-wrapper #logo {
        filter: brightness(0) invert(1) !important;
    }
}

/* ---- Suche ---- */
html body.bs-header-theme .header-suche .search-bar-wrapper,
html body.bs-header-theme form#main_search_form .search-bar-wrapper,
html body.bs-header-theme.bs-header-v2 header.page-header .header-suche #main_search_form .search-bar-wrapper,
html body.bs-header-theme.bs-header-v2 header.page-header form#main_search_form .search-bar-wrapper {
    background: var(--ht-search-bg) !important;
    border-color: var(--ht-line-strong) !important;
}

html body.bs-header-theme .header-suche #search-input,
html body.bs-header-theme .header-suche #search-input1,
html body.bs-header-theme.bs-header-v2 header.page-header .header-suche #search-input1,
html body.bs-header-theme.bs-header-v2 header.page-header form#main_search_form .search-bar-wrapper #search-input1,
html body.bs-header-theme form#main_search_form .search-bar-wrapper #search-input,
html body.bs-header-theme form#main_search_form .search-bar-wrapper #search-input1,
html body.bs-header-theme form#main_search_form .search-bar-wrapper #search-input:focus,
html body.bs-header-theme form#main_search_form .search-bar-wrapper #search-input1:focus,
html body.bs-header-theme form#main_search_form .search-bar-wrapper #search-input:focus-visible,
html body.bs-header-theme form#main_search_form .search-bar-wrapper #search-input1:focus-visible {
    background: transparent !important;
    color: var(--ht-header-fg) !important;
    -webkit-text-fill-color: var(--ht-header-fg) !important;
}

html body.bs-header-theme #search-input::placeholder,
html body.bs-header-theme #search-input1::placeholder {
    color: var(--ht-header-fg) !important;
    opacity: .65 !important;
}

html body.bs-header-theme form#main_search_form .search-bar-wrapper:focus-within {
    border-color: var(--ht-accent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ht-accent) 35%, transparent) !important;
}

html body.bs-header-theme form#main_search_form .search-bar-wrapper #search-input:-webkit-autofill,
html body.bs-header-theme form#main_search_form .search-bar-wrapper #search-input1:-webkit-autofill {
    -webkit-text-fill-color: var(--ht-header-fg) !important;
    -webkit-box-shadow: 0 0 0 1000px var(--ht-search-bg) inset !important;
    box-shadow: 0 0 0 1000px var(--ht-search-bg) inset !important;
    caret-color: var(--ht-header-fg);
}

html body.bs-header-theme #search-button,
html body.bs-header-theme.bs-header-v2 header.page-header #search-button,
html body.bs-header-theme form#main_search_form #search-button.action.search {
    background: var(--ht-header-fg) !important;
    color: var(--ht-header-bg) !important;
}

html body.bs-header-theme #search-button img,
html body.bs-header-theme.bs-header-v2 header.page-header #search-button img,
html body.bs-header-theme.bs-header-v2 header.page-header form#main_search_form #search-button.action.search img,
html body.bs-header-theme form#main_search_form #search-button.action.search img {
    filter: var(--ht-search-icon-filter, brightness(0)) !important;
    opacity: 1 !important;
}

/* Suchtreffer und Mini-Warenkorb bleiben hell lesbar */
html body.bs-header-theme header.page-header #search-results-wrapper,
html body.bs-header-theme header.page-header #search-results-wrapper a,
html body.bs-header-theme header.page-header .minicart-wrapper .block-minicart,
html body.bs-header-theme header.page-header .minicart-wrapper .block-minicart a,
html body.bs-header-theme header.page-header .minicart-wrapper .block-minicart .subtitle,
html body.bs-header-theme header.page-header .minicart-wrapper .block-minicart .product-item-name {
    color: #173b54 !important;
}

html body.bs-header-theme header.page-header #search-results-wrapper,
html body.bs-header-theme header.page-header .minicart-wrapper .block-minicart {
    background: #fff !important;
}

html body.bs-header-theme header.page-header .block-minicart img,
html body.bs-header-theme header.page-header #search-results-wrapper img {
    filter: none !important;
}

/* ---- Desktop-Navigation ---- */
html body.bs-header-theme #nav.bs-mega .nav-primary > div.level0 > a,
html body.bs-header-theme #nav.bs-mega-v2 .nav-primary > div.level0 > a,
html body.bs-header-theme #nav.bs-mega-v2 .nav-primary > div.bs-mega-v2-neuheiten-tab > a,
html body.bs-header-theme #nav.bs-mega .nav-primary > div.level0:hover > a,
html body.bs-header-theme #nav.bs-mega-v2 .nav-primary > div.level0:hover > a,
html body.bs-header-theme #nav.bs-mega .nav-primary > div.level0:focus-visible > a,
html body.bs-header-theme #nav.bs-mega-v2 .nav-primary > div.level0:focus-visible > a,
html body.bs-header-theme #nav.bs-mega .nav-primary > div.level0.bs-mega-v2-neuheiten-tab:focus-visible > a {
    color: var(--ht-header-fg) !important;
    background: transparent !important;
    border-bottom-color: transparent !important;
}

html body.bs-header-theme #nav.bs-mega .nav-primary > div.level0:hover > a,
html body.bs-header-theme #nav.bs-mega-v2 .nav-primary > div.level0:hover > a,
html body.bs-header-theme #nav.bs-mega .nav-primary > div.level0:focus-visible > a,
html body.bs-header-theme #nav.bs-mega-v2 .nav-primary > div.level0:focus-visible > a {
    border-bottom-color: var(--ht-accent) !important;
}

html body.bs-header-theme #nav.bs-mega-v2 .nav-primary > div.bs-mega-v2-neuheiten-tab > a::before {
    background-color: var(--ht-accent) !important;
}

html body.bs-header-theme #nav.bs-mega-v2 .nav-primary > div.bs-mega-v2-neuheiten-tab:hover > a,
html body.bs-header-theme #nav.bs-mega-v2 .nav-primary > div.bs-mega-v2-neuheiten-tab:focus-visible > a {
    color: var(--ht-accent) !important;
    border-bottom-color: var(--ht-accent) !important;
}

html body.bs-header-theme #nav.bs-mega .nav-primary > div.level0.bs-mega-sale-item > a,
html body.bs-header-theme #nav.bs-mega-v2 .nav-primary > div.level0.bs-mega-sale-item > a {
    color: #ec6608 !important;
}

html body.bs-header-theme #nav.bs-mega .nav-primary > div.level0.bs-mega-sale-item:hover > a,
html body.bs-header-theme #nav.bs-mega-v2 .nav-primary > div.level0.bs-mega-sale-item:hover > a,
html body.bs-header-theme #nav.bs-mega .nav-primary > div.level0.bs-mega-sale-item:focus-visible > a,
html body.bs-header-theme #nav.bs-mega-v2 .nav-primary > div.level0.bs-mega-sale-item:focus-visible > a {
    color: var(--ht-header-fg) !important;
    border-bottom-color: #ec6608 !important;
}

html body.bs-header-theme #nav.bs-mega .nav-primary > div.level0:focus-visible,
html body.bs-header-theme #nav.bs-mega-v2 .nav-primary > div.level0:focus-visible {
    outline-color: var(--ht-accent) !important;
}

/* ---- Aufgeklapptes Menü ---- */
html body.bs-header-theme #nav.bs-mega .nav-primary .alles,
html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles,
html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles.bs-mega-v2-fullwidth {
    background: var(--ht-panel-bg) !important;
    color: var(--ht-panel-fg) !important;
    border-top: 1px solid var(--ht-line) !important;
    box-shadow: 0 22px 52px -18px rgba(0, 0, 0, .55), 0 12px 28px -12px rgba(0, 0, 0, .4) !important;
}

html body.bs-header-theme #nav.bs-mega .nav-column:not(:first-child),
html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-inner .nav-column:not(.banner):not(:first-child),
html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-inner .bs-mega-featured,
html body.bs-header-theme #nav.bs-mega .bs-mega-featured,
html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-neuheiten-visual {
    border-left-color: var(--ht-line) !important;
}

html body.bs-header-theme #nav.bs-mega .nav-primary .alles a.navitem,
html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles a.navitem,
html body.bs-header-theme #nav.bs-mega .nav-primary .alles .navitem,
html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles .navitem,
html body.bs-header-theme #nav.bs-mega .navpar .navitem,
html body.bs-header-theme #nav.bs-mega-v2 .navpar .navitem,
html body.bs-header-theme #nav.bs-mega .nav-column .more,
html body.bs-header-theme #nav.bs-mega-v2 .nav-column .more {
    color: var(--ht-panel-fg) !important;
}

html body.bs-header-theme #nav.bs-mega .nav-primary .alles a.navitem:hover,
html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles a.navitem:hover,
html body.bs-header-theme #nav.bs-mega .nav-primary .alles .navpar .navitem:hover,
html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles .navpar .navitem:hover,
html body.bs-header-theme #nav.bs-mega .nav-primary .alles .nav-column .more,
html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles .nav-column .more,
html body.bs-header-theme #nav.bs-mega .nav-primary .alles .nav-column .more:hover,
html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles .nav-column .more:hover,
html body.bs-header-theme #nav.bs-mega .nav-primary .alles a.highlight-cat,
html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles a.highlight-cat,
html body.bs-header-theme #nav.bs-mega .nav-primary .alles a.alles-anzeigen,
html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles a.alles-anzeigen,
html body.bs-header-theme #nav.bs-mega .nav-primary .alles a.alles-anzeigen:hover,
html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles a.alles-anzeigen:hover {
    color: var(--ht-accent) !important;
}

html body.bs-header-theme #nav.bs-mega .nav-column > .level1.navitem.bs-mega-important::before,
html body.bs-header-theme #nav.bs-mega.bs-mega-v2 .nav-column > .level1.navitem.bs-mega-important::before {
    color: var(--ht-accent) !important;
}

html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-neuheit-item,
html body.bs-header-theme #nav.bs-mega-v2 a.bs-mega-v2-neuheit-item,
html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-neuheit-icon,
html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-visual-header-main,
html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-visual-header-desc {
    color: var(--ht-panel-fg) !important;
}

html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-visual-header-sub {
    color: var(--ht-muted) !important;
}

html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-neuheit-item:hover,
html body.bs-header-theme #nav.bs-mega-v2 a.bs-mega-v2-neuheit-item:hover,
html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-neuheit-item:hover .bs-mega-v2-neuheit-icon {
    color: var(--ht-accent) !important;
}

html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-neuheit-item--badfinder {
    color: var(--ht-accent) !important;
    border-top-color: var(--ht-line) !important;
}

html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-neuheit-item--badfinder .bs-mega-v2-neuheit-icon {
    color: var(--ht-accent) !important;
}

html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-neuheit-item--badfinder:hover,
html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-neuheit-item--badfinder:hover .bs-mega-v2-neuheit-icon {
    color: var(--ht-panel-fg) !important;
}

/* Sale-Karte bleibt orange, Hover-Schrift wird dunkel statt blau */
html body.bs-header-theme #nav.bs-mega .nav-column > .level1.navitem.bs-mega-sale,
html body.bs-header-theme #nav.bs-mega .nav-column > .level1.navitem.bs-mega-sale:not(.highlight-cat),
html body.bs-header-theme #nav.bs-mega-v2 .nav-column > .level1.navitem.bs-mega-sale,
html body.bs-header-theme #nav.bs-mega-v2 .nav-column > .level1.navitem.bs-mega-sale:not(.highlight-cat),
html body.bs-header-theme #nav.bs-mega .nav-column > .level1.navitem.bs-mega-sale.nav-sub + .navpar,
html body.bs-header-theme #nav.bs-mega-v2 .nav-column > .level1.navitem.bs-mega-sale.nav-sub + .navpar,
html body.bs-header-theme #nav.bs-mega .nav-column > .level1.navitem.bs-mega-sale.nav-sub + .level1.navpar,
html body.bs-header-theme #nav.bs-mega-v2 .nav-column > .level1.navitem.bs-mega-sale.nav-sub + .level1.navpar {
    background: #ec6608 !important;
    color: #fff !important;
}

html body.bs-header-theme #nav.bs-mega .nav-column > .level1.navitem.bs-mega-sale a,
html body.bs-header-theme #nav.bs-mega-v2 .nav-column > .level1.navitem.bs-mega-sale a,
html body.bs-header-theme #nav.bs-mega .nav-column > .level1.navitem.bs-mega-sale.nav-sub + .navpar .navitem,
html body.bs-header-theme #nav.bs-mega-v2 .nav-column > .level1.navitem.bs-mega-sale.nav-sub + .navpar .navitem {
    color: #fff !important;
}

html body.bs-header-theme #nav.bs-mega .nav-column > .level1.navitem.bs-mega-sale:hover,
html body.bs-header-theme #nav.bs-mega-v2 .nav-column > .level1.navitem.bs-mega-sale:hover,
html body.bs-header-theme #nav.bs-mega .nav-column > .level1.navitem.bs-mega-sale:hover a,
html body.bs-header-theme #nav.bs-mega-v2 .nav-column > a.level1.navitem.bs-mega-sale:hover,
html body.bs-header-theme #nav.bs-mega .nav-column > .level1.navitem.bs-mega-sale.nav-sub + .navpar .navitem:hover,
html body.bs-header-theme #nav.bs-mega-v2 .nav-column > .level1.navitem.bs-mega-sale.nav-sub + .navpar a.navitem:hover {
    background: #ec6608 !important;
    color: #14120e !important;
}

/* Blaue Leisten im Menü werden zum Akzent */
html body.bs-header-theme #nav.bs-mega .bs-mega-featured-link,
html body.bs-header-theme #nav.bs-mega .bs-mega-featured-link:hover,
html body.bs-header-theme #nav.bs-mega .bs-mega-highlight-cta,
html body.bs-header-theme #nav.bs-mega .bs-mega-highlight-card:hover .bs-mega-highlight-cta,
html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-tile--main,
html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-tile--main .bs-mega-v2-tile__cta,
html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-tile--main:hover .bs-mega-v2-tile__cta,
html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-bf-strip__eyebrow,
html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-bf-strip__cta,
html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-bf-strip:hover .bs-mega-v2-bf-strip__cta {
    background: var(--ht-accent) !important;
    color: var(--ht-accent-fg) !important;
}

html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-tile--main {
    background: linear-gradient(135deg, #1c1f22 0%, #2a241c 100%) !important;
    color: var(--ht-panel-fg) !important;
}

html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-tile--extra {
    background: #1c1f22 !important;
}

html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-tile--extra::before {
    background: rgba(8, 10, 11, .72) !important;
}

html body.bs-header-theme #nav.bs-mega .bs-mega-featured-placeholder {
    background: #1c1f22 !important;
}

/* Markenlogos brauchen hellen Grund */
html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-top-brand-item {
    background: #fff !important;
    border-color: rgba(255, 255, 255, .35) !important;
}

html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-top-brand-item:hover {
    border-color: var(--ht-accent) !important;
}

/* Orange Teaser-CTAs auf Fotos bleiben die Shop-Farbe */
html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-inner .bs-mega-featured > .bs-mega-highlights-card .bs-mega-highlight-cta,
html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-inner .bs-mega-featured > .bs-mega-highlights-card:hover .bs-mega-highlight-cta,
html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-inner .bs-mega-featured--extra-cards > .bs-mega-highlight-card--accent .bs-mega-highlight-cta,
html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-inner .bs-mega-featured--extra-cards > .bs-mega-highlight-card--accent:hover .bs-mega-highlight-cta {
    background: #ec6608 !important;
    color: #fff !important;
}

/* ---- Telefon, Tablet: Schublade ---- */
@media (max-width: 1199px) {
    html body.bs-header-theme.overflow #nav,
    html body.bs-header-theme.overflow #nav.bs-mega,
    html body.bs-header-theme.overflow .nav-top-container,
    html body.bs-header-theme #nav.bs-mega .nav-primary .alles,
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles,
    html body.bs-header-theme #nav.bs-mega .nav-primary .alles .navpar.navpar-open .level2.navpar.navpar-open,
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles .navpar.navpar-open .level2.navpar.navpar-open {
        background: var(--ht-header-bg) !important;
        color: var(--ht-header-fg) !important;
    }

    html body.bs-header-theme .bs-menu-header,
    html body.bs-header-theme #nav .top-nav-item.resp-level1,
    html body.bs-header-theme #nav .top-nav-item.resp-level2,
    html body.bs-header-theme #nav .top-nav-item.resp-level3,
    html body.bs-header-theme #nav.bs-mega .nav-primary .top-nav-item {
        background: var(--ht-header-bg) !important;
        color: var(--ht-header-fg) !important;
        border-bottom: 1px solid var(--ht-line) !important;
    }

    html body.bs-header-theme .bs-menu-header__title,
    html body.bs-header-theme .bs-menu-header__close,
    html body.bs-header-theme .bs-menu-header__close svg,
    html body.bs-header-theme .bs-menu-header__back,
    html body.bs-header-theme .bs-menu-header__back svg {
        color: var(--ht-header-fg) !important;
    }

    html body.bs-header-theme #nav.bs-mega .nav-primary > div.level0,
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary > div.level0,
    html body.bs-header-theme #nav .nav-primary div:not(.top-nav-item, .alles-anzeigen, .navcolumns, .nav-column, .navpar) {
        border-bottom-color: var(--ht-line) !important;
    }

    html body.bs-header-theme #nav.bs-mega .nav-primary > div.level0 > a,
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary > div.level0 > a,
    html body.bs-header-theme #nav.bs-mega .nav-primary .alles .navpar.navpar-open .navitem:not(.top-nav-item):not(.alles-anzeigen),
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles .navpar.navpar-open .navitem:not(.top-nav-item):not(.alles-anzeigen),
    html body.bs-header-theme #nav.bs-mega .nav-primary .alles .navpar.navpar-open .level2.navpar.navpar-open > .navitem:not(.top-nav-item),
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles .navpar.navpar-open .level2.navpar.navpar-open > .navitem:not(.top-nav-item),
    html body.bs-header-theme #nav.bs-mega .nav-primary .alles .navpar.navpar-open .level2.navpar.navpar-open > div > .navitem:not(.top-nav-item),
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles .navpar.navpar-open .level2.navpar.navpar-open > div > .navitem:not(.top-nav-item) {
        color: var(--ht-header-fg) !important;
        background: transparent !important;
        border-bottom-color: var(--ht-line) !important;
    }

    html body.bs-header-theme #nav.bs-mega .nav-primary > div.level0 > a:hover,
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary > div.level0 > a:hover,
    html body.bs-header-theme #nav.bs-mega .nav-primary .alles .navitem:hover {
        color: var(--ht-accent) !important;
    }

    html body.bs-header-theme #nav.bs-mega .nav-primary > div.level0 > a.nav-sub::after,
    html body.bs-header-theme #nav.bs-mega .nav-primary .alles .nav-column .navitem.nav-sub::after,
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles .nav-column .navitem.nav-sub::after,
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles .level1.navitem[data-level="1"]:not(.top-nav-item):not(.alles-anzeigen)::after {
        border-right-color: var(--ht-header-fg) !important;
        border-bottom-color: var(--ht-header-fg) !important;
    }

    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles .level1.navitem[data-level="1"].bs-mega-sale::after {
        border-right-color: #fff !important;
        border-bottom-color: #fff !important;
    }

    html body.bs-header-theme .bs-mobile-phone-info {
        background: var(--ht-panel-bg) !important;
        color: var(--ht-panel-fg) !important;
        border-top-color: var(--ht-line) !important;
    }

    html body.bs-header-theme .bs-mobile-phone-info a,
    html body.bs-header-theme .bs-mobile-phone-link,
    html body.bs-header-theme .bs-mobile-phone-hours,
    html body.bs-header-theme .bs-header-v2-menu-link {
        color: var(--ht-panel-fg) !important;
    }

    html body.bs-header-theme .bs-header-v2-menu-link svg {
        color: var(--ht-accent) !important;
    }

    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles.show-cols .nav-column a.alles-anzeigen,
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles.show-cols .nav-column a.alles-anzeigen.bs-mega-v2-neuheit-link {
        color: var(--ht-accent) !important;
        border-bottom-color: var(--ht-line) !important;
        background: transparent !important;
    }
}

/* Spätere Theme-Regeln liegen in customdesign-responsive und gewinnen sonst über die Spaltenköpfe. */
@media (min-width: 1200px) {
    html body.bs-header-theme #nav.bs-mega .nav-column > .level1.navitem:not(.alles-anzeigen):not(.bs-mega-sale),
    html body.bs-header-theme #nav.bs-mega-v2 .nav-column > .level1.navitem:not(.alles-anzeigen):not(.bs-mega-sale),
    html body.bs-header-theme #nav.bs-mega .navpar .navitem:not(.alles-anzeigen):not(.bs-mega-sale),
    html body.bs-header-theme #nav.bs-mega-v2 .navpar .navitem:not(.alles-anzeigen):not(.bs-mega-sale) {
        color: var(--ht-panel-fg) !important;
    }

    html body.bs-header-theme #nav.bs-mega .nav-column > .level1.navitem:not(.alles-anzeigen):not(.bs-mega-sale):hover,
    html body.bs-header-theme #nav.bs-mega-v2 .nav-column > .level1.navitem:not(.alles-anzeigen):not(.bs-mega-sale):hover,
    html body.bs-header-theme #nav.bs-mega .navpar .navitem:not(.bs-mega-sale):hover,
    html body.bs-header-theme #nav.bs-mega-v2 .navpar .navitem:not(.bs-mega-sale):hover {
        color: var(--ht-accent) !important;
    }

    html:not(.overflow) body.bs-header-theme:not(.overflow) .page-wrapper #nav.bs-mega .nav-primary .alles .navcolumns > .nav-column:first-child > .level1.navitem.alles-anzeigen,
    html:not(.overflow) body.bs-header-theme:not(.overflow) #nav.bs-mega-v2 .navcolumns > .nav-column:first-child > .level1.navitem.alles-anzeigen,
    html:not(.overflow) body.bs-header-theme:not(.overflow) #nav.bs-mega-v2 .bs-mega-v2-inner > .nav-column:first-child > .alles-anzeigen,
    html:not(.overflow) body.bs-header-theme:not(.overflow) #nav.bs-mega-v2 .bs-mega-v2-inner > .nav-column:first-child > .level1.navitem.alles-anzeigen {
        color: var(--ht-accent) !important;
    }
}

/* Mobil-Schublade: customdesign-responsive setzt Blau/Orange mit hoher Spezifität. */
@media (max-width: 1199px) {
    html body.bs-header-theme #nav.bs-mega .nav-primary .alles .nav-column .navitem:not(.top-nav-item):not(.alles-anzeigen):not(.bs-mega-sale),
    html body.bs-header-theme #nav.bs-mega .nav-primary .alles .nav-column .resp-click:not(.top-nav-item):not(.alles-anzeigen):not(.bs-mega-sale),
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles.show-cols .nav-column .navitem:not(.top-nav-item):not(.alles-anzeigen):not(.bs-mega-sale),
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles.show-cols .nav-column .resp-click:not(.top-nav-item):not(.alles-anzeigen):not(.bs-mega-sale),
    html body.bs-header-theme #nav.bs-mega .nav-primary .alles.show-cols .nav-column > .navitem:not(.top-nav-item):not(.bs-mega-sale),
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles.show-cols .nav-column > .navitem:not(.top-nav-item):not(.bs-mega-sale),
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles.show-cols .nav-column > a.bs-mega-v2-neuheit-item,
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles.show-cols .nav-column > a.bs-mega-v2-neuheit-link:not(.alles-anzeigen),
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles.show-cols .nav-column > .resp-click:not(.top-nav-item):not(.bs-mega-sale),
    html body.bs-header-theme #nav.bs-mega .nav-primary .alles.show-cols .nav-column > .resp-click:not(.top-nav-item):not(.bs-mega-sale),
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles.show-cols .bs-mega-v2-neuheit-item,
    html body.bs-header-theme #nav.bs-mega .nav-primary .alles .nav-column .navpar .navitem:not(.top-nav-item):not(.alles-anzeigen):not(.bs-mega-sale),
    html body.bs-header-theme #nav.bs-mega .nav-primary .alles .nav-column .navpar .resp-click:not(.top-nav-item):not(.alles-anzeigen):not(.bs-mega-sale),
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles .nav-column .navpar .navitem:not(.top-nav-item):not(.alles-anzeigen):not(.bs-mega-sale),
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles .nav-column .navpar .resp-click:not(.top-nav-item):not(.alles-anzeigen):not(.bs-mega-sale),
    html body.bs-header-theme #nav.bs-mega .nav-primary .alles.show-cols .nav-column .more,
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles.show-cols .nav-column .more {
        color: var(--ht-panel-fg) !important;
        -webkit-text-fill-color: var(--ht-panel-fg) !important;
        background: transparent !important;
        border-bottom-color: var(--ht-line) !important;
    }

    html body.bs-header-theme #nav.bs-mega.bs-mega .nav-primary .alles .nav-column .navitem.bs-mega-sale + .navpar.navpar-open .navitem:not(.top-nav-item):not(.alles-anzeigen):not(.highlight-cat),
    html body.bs-header-theme #nav.bs-mega-v2.bs-mega-v2 .nav-primary .alles .nav-column .navitem.bs-mega-sale + .navpar.navpar-open .navitem:not(.top-nav-item):not(.alles-anzeigen):not(.highlight-cat),
    html body.bs-header-theme #nav.bs-mega.bs-mega .nav-primary .alles .nav-column .navitem.bs-mega-sale + .level1.navpar.navpar-open .navitem:not(.top-nav-item):not(.alles-anzeigen):not(.highlight-cat),
    html body.bs-header-theme #nav.bs-mega-v2.bs-mega-v2 .nav-primary .alles .nav-column .navitem.bs-mega-sale + .level1.navpar.navpar-open .navitem:not(.top-nav-item):not(.alles-anzeigen):not(.highlight-cat) {
        color: var(--ht-panel-fg) !important;
        -webkit-text-fill-color: var(--ht-panel-fg) !important;
        background: transparent !important;
        border-bottom-color: var(--ht-line) !important;
    }

    html body.bs-header-theme #nav.bs-mega .nav-primary .alles .nav-column .alles-anzeigen,
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles.show-cols .nav-column .alles-anzeigen,
    html.overflow body.bs-header-theme #nav.bs-mega .nav-primary .alles.show-cols .nav-column .alles-anzeigen,
    html.overflow body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles.show-cols .nav-column .alles-anzeigen,
    html.overflow body.bs-header-theme.overflow #nav.bs-mega .nav-primary .alles.show-cols .nav-column .level1.navitem.alles-anzeigen,
    html.overflow body.bs-header-theme.overflow #nav.bs-mega .nav-primary .alles.show-cols .nav-column .navitem.alles-anzeigen,
    html.overflow body.bs-header-theme.overflow #nav.bs-mega-v2 .nav-primary .alles.show-cols .nav-column .level1.navitem.alles-anzeigen,
    html.overflow body.bs-header-theme.overflow #nav.bs-mega-v2 .nav-primary .alles.show-cols .nav-column .navitem.alles-anzeigen,
    html.overflow body.bs-header-theme.overflow #nav.bs-mega .nav-primary .alles.show-cols .navpar.navpar-open > .alles-anzeigen.navitem,
    html.overflow body.bs-header-theme.overflow #nav.bs-mega-v2 .nav-primary .alles.show-cols .navpar.navpar-open > .alles-anzeigen.navitem {
        color: var(--ht-accent) !important;
        -webkit-text-fill-color: var(--ht-accent) !important;
        background: transparent !important;
        border-bottom-color: var(--ht-line) !important;
    }

    html body.bs-header-theme #nav.bs-mega .nav-primary .alles .nav-column > .navitem.bs-mega-sale,
    html body.bs-header-theme #nav.bs-mega .nav-primary .alles.show-cols .nav-column > .navitem.bs-mega-sale,
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles .nav-column > .navitem.bs-mega-sale,
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles.show-cols .nav-column > .navitem.bs-mega-sale,
    html body.bs-header-theme #nav.bs-mega .nav-primary .alles .nav-column > .navitem.bs-mega-sale a,
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles .nav-column > .navitem.bs-mega-sale a,
    html body.bs-header-theme #nav.bs-mega .nav-primary > div.level0.bs-mega-sale-item > a,
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary > div.level0.bs-mega-sale-item > a {
        color: #ec6608 !important;
        -webkit-text-fill-color: #ec6608 !important;
        background: transparent !important;
    }

    html body.bs-header-theme #nav.bs-mega .nav-primary .alles .navpar.navpar-open .level2.navpar.navpar-open,
    html body.bs-header-theme #nav.bs-mega-v2 .nav-primary .alles .navpar.navpar-open .level2.navpar.navpar-open,
    html body.bs-header-theme #nav.bs-mega.bs-mega .nav-primary .alles .nav-column.nav-column .navitem.bs-mega-sale + .navpar.navpar-open,
    html body.bs-header-theme #nav.bs-mega-v2.bs-mega-v2 .nav-primary .alles .nav-column.nav-column .navitem.bs-mega-sale + .navpar.navpar-open,
    html body.bs-header-theme #nav.bs-mega.bs-mega .nav-primary .alles .nav-column.nav-column .navitem.bs-mega-sale + .level1.navpar.navpar-open,
    html body.bs-header-theme #nav.bs-mega-v2.bs-mega-v2 .nav-primary .alles .nav-column.nav-column .navitem.bs-mega-sale + .level1.navpar.navpar-open {
        background: var(--ht-header-bg) !important;
        background-color: var(--ht-header-bg) !important;
    }
}

@media (max-width: 767px) {
    html body.bs-header-theme.overflow #nav.bs-mega > .bs-mobile-phone-info,
    html body.bs-header-theme.overflow #nav.bs-mega-v2 > .bs-mobile-phone-info,
    html body.bs-header-theme.overflow .page-wrapper .topmenu.open #nav.bs-mega > .bs-mobile-phone-info,
    html body.bs-header-theme.overflow .page-wrapper .topmenu.open #nav.bs-mega-v2 > .bs-mobile-phone-info {
        background: var(--ht-panel-bg) !important;
        color: var(--ht-panel-fg) !important;
        border-top-color: var(--ht-line) !important;
    }

    html body.bs-header-theme.overflow #nav.bs-mega > .bs-mobile-phone-info a,
    html body.bs-header-theme.overflow #nav.bs-mega-v2 > .bs-mobile-phone-info a,
    html body.bs-header-theme.overflow #nav .bs-mobile-phone-link,
    html body.bs-header-theme.overflow #nav .bs-mobile-phone-hours {
        color: var(--ht-panel-fg) !important;
    }
}

html body.bs-header-theme #nav.bs-mega-v2 .bs-mega-v2-top-brands-label,
html body.bs-header-theme #nav.bs-mega .bs-mega-v2-top-brands-label {
    color: var(--ht-muted) !important;
}

/* Zweite Layout-Änderung: Kampagnen-Header, Logo mittig, ohne USP und Aktionsbalken. */
html body.bs-header-campaign .bs-usp-bar,
html body.bs-header-campaign .bs-top-banner {
    display: none !important;
}

html body.bs-header-campaign .bs-campaign-topline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    background: #080a0b;
    color: #fff;
    padding: 6px 28px;
    font-family: 'Quicksand', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

html body.bs-header-campaign .bs-campaign-topline strong {
    color: #c63543;
    font-weight: 700;
}

html body.cms-cms-black-deals-studio.bs-header-campaign .breadcrumbs,
html body.cms-cms-black-deals-nav.bs-header-campaign .breadcrumbs,
html body.cms-cms-black-deals-menu.bs-header-theme .breadcrumbs,
html body.cms-cms-black-deals-schrift .breadcrumbs,
html body.cms-cms-black-deals-leiste .breadcrumbs,
html body.cms-cms-black-deals-raeume .breadcrumbs,
html body.cms-cms-black-deals-gutschein .breadcrumbs,
html body.cms-cms-black-deals-zahl .breadcrumbs,
html body.cms-cms-black-deals-streifen .breadcrumbs,
html body.cms-cms-black-deals-wanne .breadcrumbs,
html body.cms-cms-black-deals-platz .breadcrumbs,
html body.cms-cms-black-deals-blick .breadcrumbs,
html body.cms-black-weeks .breadcrumbs {
    display: none !important;
}

html body.cms-cms-black-deals-menu .bs-top-banner {
    display: none !important;
}

@media (min-width: 1200px) {
    html body.bs-header-campaign header.page-header {
        position: relative !important;
        display: grid !important;
        grid-template-columns: minmax(200px, 280px) 1fr auto !important;
        grid-template-areas: "search . icons" !important;
        align-items: center !important;
        max-width: 1440px !important;
        margin: 0 auto !important;
        min-height: 64px !important;
        padding: 4px 28px !important;
        column-gap: 14px !important;
        background: #080a0b !important;
    }

    html body.bs-header-campaign header.page-header .header-menu {
        display: none !important;
    }

    html body.bs-header-campaign header.page-header .logo-wrapper {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        grid-area: unset !important;
        z-index: 2;
        width: 150px !important;
        max-width: 150px !important;
        margin: 0 !important;
        display: flex !important;
        justify-content: center !important;
        pointer-events: none;
    }

    html body.bs-header-campaign header.page-header .logo-wrapper #logo,
    html body.bs-header-campaign header.page-header .logo-wrapper #logo img {
        pointer-events: auto;
        max-width: 150px !important;
        width: 150px !important;
        height: auto !important;
    }

    html body.bs-header-campaign header.page-header .header-suche {
        grid-area: search;
        max-width: 280px;
        margin: 0 !important;
    }

    html body.bs-header-campaign header.page-header .icons-wrapper {
        grid-area: icons;
    }
}

@media (max-width: 1199px) {
    html body.bs-header-campaign.bs-header-v2 header.page-header,
    html body.bs-header-campaign header.page-header {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        grid-template-rows: 4px 40px 4px 38px !important;
    }

    html body.bs-header-campaign.bs-header-v2 header.page-header .logo-wrapper,
    html body.bs-header-campaign header.page-header .logo-wrapper {
        top: 4px !important;
        height: 40px !important;
        width: min(140px, calc(100% - 108px)) !important;
        max-width: 140px !important;
    }

    html body.bs-header-campaign.bs-header-v2 header.page-header .logo-wrapper #logo,
    html body.bs-header-campaign header.page-header .logo-wrapper #logo {
        width: 128px !important;
        max-width: 128px !important;
        min-width: 0 !important;
        height: 34px !important;
        min-height: 0 !important;
    }
}

@media (max-width: 600px) {
    html body.bs-header-campaign .bs-campaign-topline {
        padding: 6px 16px;
        font-size: 11px;
    }
}

/* Dritte Layout-Änderung: gleiche Kampagnenzeile, ohne Suche und ohne Menü. */
html body.bs-header-plain .header-suche,
html body.bs-header-plain #mobile-search-toggle,
html body.bs-header-plain .header-menu,
html body.bs-header-plain .topmenu {
    display: none !important;
}

@media (min-width: 1200px) {
    html body.bs-header-plain header.page-header {
        grid-template-columns: 1fr auto !important;
        grid-template-areas: ". icons" !important;
    }
}

@media (max-width: 1199px) {
    html body.bs-header-plain.bs-header-v2 header.page-header,
    html body.bs-header-plain header.page-header {
        grid-template-rows: 4px 40px 4px !important;
        grid-template-areas:
            ". . ."
            "menu logo cart"
            ". . ." !important;
    }
}