/* Lokaler Navigationsentwurf für index13: Farben aus dem gemeinsamen Footer. */
html :is(#nav, #mobile-menu) {
    --nav-ink: #071b2d;
    --nav-light: #edf3f7;
    --nav-muted: #b8c7d2;
    --nav-amber: #f2a13b;
    --nav-lime: #b4dc72;
    --nav-rule: rgba(255, 255, 255, 0.16);
    --nav-background:
        radial-gradient(ellipse at 76% -10%, rgba(128, 179, 44, 0.13), transparent 45%),
        linear-gradient(145deg, #071b2d 0%, #0b2944 56%, #061827 100%);
}

html #nav.nav,
html #nav.nav.scrolled,
html #nav.nav.mega-open,
html #nav.nav.prices-open {
    background: var(--nav-background);
    box-shadow: 0 1px 0 var(--nav-rule), 0 8px 28px rgba(7, 27, 45, 0.08);
}

/* Die Kontur folgt den transparenten Logoformen, ohne rechteckige Freifläche. */
html #nav .brand-logo {
    filter:
        drop-shadow(0.5px 0 0 rgba(255, 255, 255, 0.86))
        drop-shadow(-0.5px 0 0 rgba(255, 255, 255, 0.86))
        drop-shadow(0 0.5px 0 rgba(255, 255, 255, 0.86))
        drop-shadow(0 -0.5px 0 rgba(255, 255, 255, 0.86));
}

html #nav .brand-claim {
    color: var(--nav-muted);
    border-color: var(--nav-rule);
}

html #nav .nav-links .nav-link {
    color: var(--nav-amber);
}

html #nav .nav-links .nav-link:hover,
html #nav .nav-links .nav-link:focus-visible,
html #nav .nav-links .nav-link[aria-expanded="true"] {
    color: var(--nav-lime);
    background: rgba(180, 220, 114, 0.09);
}

html #nav .nav-cta .btn-primary,
html #mobile-menu .btn-primary {
    color: var(--nav-ink);
    background: #a8d45f;
    border-color: rgba(180, 220, 114, 0.36);
    box-shadow: 0 5px 18px rgba(128, 179, 44, 0.12);
}

html #nav .nav-cta .btn-primary:hover,
html #mobile-menu .btn-primary:hover {
    color: var(--nav-ink);
    background: #b9df7b;
    box-shadow: 0 6px 22px rgba(128, 179, 44, 0.2);
}

html #nav .burger span {
    background: var(--nav-lime);
}

html[data-nav-theme="dark"] #nav :is(a, button):focus-visible, html #mobile-menu :is(a, button, summary):focus-visible {
    outline-color: var(--nav-lime);
}

html[data-nav-theme="dark"] #nav .mega,
html[data-nav-theme="dark"] #nav.nav #prices-panel,
html #mobile-menu.mobile-menu {
    color: var(--nav-light);
    background: var(--nav-background);
    border-color: var(--nav-rule);
}

html[data-nav-theme="dark"] #nav .mega .mega-col,
html[data-nav-theme="dark"] #nav .prices-mega-card {
    background: rgba(255, 255, 255, 0.025);
    border-color: var(--nav-rule);
    box-shadow: none;
}

html[data-nav-theme="dark"] #nav .mega .mega-col:hover,
html[data-nav-theme="dark"] #nav .mega .mega-col:focus-within,
html[data-nav-theme="dark"] #nav .prices-mega-card:hover,
html[data-nav-theme="dark"] #nav .prices-mega-card:focus-visible {
    background: rgba(255, 255, 255, 0.045);
    border-color: rgba(180, 220, 114, 0.34);
    box-shadow: none;
}

html[data-nav-theme="dark"] #nav .mega-modul-title,
html[data-nav-theme="dark"] #nav .prices-mega-kicker {
    color: var(--nav-amber);
}

html[data-nav-theme="dark"] #nav .mega-label,
html[data-nav-theme="dark"] #nav .prices-mega-card strong {
    color: var(--nav-light);
    border-color: rgba(180, 220, 114, 0.55);
}

html[data-nav-theme="dark"] #nav .mega-link strong,
html[data-nav-theme="dark"] #nav .mega-foot p,
html[data-nav-theme="dark"] #nav .mega-foot strong {
    color: var(--nav-light);
}

html[data-nav-theme="dark"] #nav .mega-sublabel,
html[data-nav-theme="dark"] #nav .mega-link span {
    color: var(--nav-muted);
}

html[data-nav-theme="dark"] #nav .mega .mega-group {
    background: rgba(180, 220, 114, 0.05);
    border-color: var(--nav-rule);
}

html[data-nav-theme="dark"] #nav .mega .mega-group .mega-sublabel {
    color: var(--nav-lime);
}

html[data-nav-theme="dark"] #nav .mega-link:hover,
html[data-nav-theme="dark"] #nav .mega-link:focus-visible {
    background: rgba(180, 220, 114, 0.07);
}

html[data-nav-theme="dark"] #nav .mega-link:hover strong,
html[data-nav-theme="dark"] #nav .mega-link:focus-visible strong,
html[data-nav-theme="dark"] #nav .mega-hand-note,
html[data-nav-theme="dark"] #nav .mega-foot .link-arrow {
    color: var(--nav-lime);
}

html[data-nav-theme="dark"] #nav .mega-foot {
    background: rgba(0, 0, 0, 0.12);
    border-color: var(--nav-rule);
}

html[data-nav-theme="dark"] #nav .prices-mega-link {
    color: var(--nav-lime);
    background: rgba(180, 220, 114, 0.08);
    border-color: rgba(180, 220, 114, 0.3);
}

html[data-nav-theme="dark"] #nav .prices-mega-card:hover .prices-mega-link,
html[data-nav-theme="dark"] #nav .prices-mega-card:focus-visible .prices-mega-link {
    color: var(--nav-ink);
    background: var(--nav-lime);
    border-color: var(--nav-lime);
}

html #mobile-menu .mm-direct,
html #mobile-menu .mm-group summary {
    color: var(--nav-amber);
}

html #mobile-menu .mm-direct,
html #mobile-menu .mm-group,
html #mobile-menu .mm-links a {
    border-color: var(--nav-rule);
}

html #mobile-menu .mm-links a {
    color: var(--nav-light);
}

html #mobile-menu .mm-direct:hover,
html #mobile-menu .mm-group summary:hover,
html #mobile-menu .mm-links a:hover {
    color: var(--nav-lime);
    background: rgba(180, 220, 114, 0.07);
}

html #mobile-menu .mm-ico::before,
html #mobile-menu .mm-ico::after {
    background: var(--nav-lime);
}