#bmi-secondary-nav {
        padding: 8px 28px 8px 4px;
        position: relative;
        z-index: 1;
    }
    .bmi-snav-inner {
        max-width: 1260px;
        margin: 0 auto;
        background: #D4AF37;
        border: 1px solid rgba(180,140,20,.3);
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 32px;
        padding: 3px 24px;
    }
    .bmi-snav-link {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: #0b1225;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        font-family: 'Plus Jakarta Sans', sans-serif;
        padding: 11px 0;
        transition: color 0.15s;
        white-space: nowrap;
    }
    .bmi-snav-link:hover { color: #3d2800 !important; }
    .bmi-snav-icon { font-size: 18px; line-height: 1; font-family: initial; }
    @media (max-width: 768px) {
        #bmi-secondary-nav { padding: 6px 10px; }
        .bmi-snav-inner { gap: 16px; padding: 5px 16px; }
        .bmi-snav-link  { font-size: 12px; }
        .bmi-snav-icon  { font-size: 13px; }
    }
    @media (max-width: 540px) {
        #bmi-secondary-nav {
            padding: 5px 8px;
            position: relative;
        }
        /* Visual scroll-affordance: gold→transparent fade on right edge of the bar
           so users see there's more content to swipe to. Pointer-events:none
           so the fade doesn't intercept taps. */
        #bmi-secondary-nav::after {
            content: "";
            position: absolute;
            top: 5px;
            right: 8px;
            bottom: 5px;
            width: 36px;
            border-radius: 0 10px 10px 0;
            background: linear-gradient(to right, rgba(212,175,55,0) 0%, rgba(212,175,55,0.95) 70%, rgba(212,175,55,1) 100%);
            pointer-events: none;
            z-index: 2;
        }
        .bmi-snav-inner {
            justify-content: flex-start;
            overflow-x: auto;
            overflow-y: hidden;
            gap: 14px;
            padding: 5px 14px;
            scrollbar-width: none;
            -ms-overflow-style: none;
            scroll-snap-type: x proximity;
        }
        .bmi-snav-inner::-webkit-scrollbar { display: none; }
        .bmi-snav-link  {
            font-size: 11.5px;
            scroll-snap-align: start;
            flex-shrink: 0;
        }
        .bmi-snav-icon  { font-size: 12px; }
    }

    /* ── GLOBAL: Abstand zwischen S2-Leiste und Content ────────────────
       Astra-Standard: #primary padding:4em 0 (~64px) +
                       .ast-article-single padding:3.34em 2.4em (~53px oben)
       → Beide stacken sich zu 50-80px Weißraum unter der goldenen Leiste.
       Fix gilt für ALLE Seiten-Typen (Pages, Posts, Archive, Custom).
    ──────────────────────────────────────────────────────────────────── */
    body:not(.home) #primary,
    body:not(.home) .ast-separate-container #primary {
        padding-top: 15px !important;
    }
    body:not(.home) .ast-article-single:not(.ast-related-post),
    body:not(.home) .ast-separate-container .ast-article-single,
    body:not(.home) .ast-separate-container .ast-article-post {
        padding-top: 15px !important;
    }
    @media (max-width: 768px) {
        body:not(.home) #primary,
        body:not(.home) .ast-separate-container #primary {
            padding-top: 8px !important;
        }
        body:not(.home) .ast-article-single:not(.ast-related-post),
        body:not(.home) .ast-separate-container .ast-article-single,
        body:not(.home) .ast-separate-container .ast-article-post {
            padding-top: 8px !important;
        }
        /* ── SINGLE POSTS auf Mobile: Header tight, Bild näher am Text ──
           Astra-Defaults verursachen 32px Lücke (entry-header margin-top:2em)
           zwischen Gold-Bar und H1, plus 16-24px zwischen Bild und Body-Text.
        ─────────────────────────────────────────────────────────────── */
        body.single-post .ast-article-single:not(.ast-related-post) {
            padding: 10px 14px !important;
        }
        body.single-post .entry-header {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding-top: 0 !important;
        }
        body.single-post .entry-header > h1.entry-title {
            margin-top: 0 !important;
            margin-bottom: 8px !important;
            line-height: 1.25;
        }
        body.single-post .entry-header .entry-meta,
        body.single-post .entry-header .ast-blog-meta-container {
            margin-top: 4px !important;
            margin-bottom: 10px !important;
        }
        body.single-post .entry-header .post-thumb,
        body.single-post .entry-header .post-thumb-img-content,
        body.single-post .ast-single-post-featured-section {
            margin-top: 8px !important;
            margin-bottom: 8px !important;
        }
        body.single-post .ast-single-post-featured-section + article {
            margin-top: 0 !important;
        }
        body.single-post .entry-content {
            margin-top: 0 !important;
            padding-top: 0 !important;
        }
        body.single-post .entry-content > *:first-child {
            margin-top: 0 !important;
            padding-top: 0 !important;
        }

        /* ── BANNER-LAYOUT (layout-2): H1 sitzt in .ast-single-entry-banner
           NICHT in .entry-header. Astra-Default macht hier ~60-100px
           Padding oben → großer Gap unter dem Gold-Bar zur Überschrift.
           User: H1 soll direkt unterm goldenen Banner stehen. ───────── */
        body.single-post .ast-single-entry-banner,
        body.single-post section.ast-single-entry-banner {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }
        body.single-post .ast-single-entry-banner > .ast-container,
        body.single-post section.ast-single-entry-banner > .ast-container {
            padding-top: 8px !important;
            padding-bottom: 0 !important;
        }
        body.single-post .ast-single-entry-banner .entry-title,
        body.single-post section.ast-single-entry-banner h1.entry-title {
            margin-top: 0 !important;
            margin-bottom: 6px !important;
            padding-top: 0 !important;
            line-height: 1.2 !important;
        }
        body.single-post .ast-single-entry-banner .entry-meta {
            margin-top: 2px !important;
            margin-bottom: 8px !important;
        }
        body.single-post .ast-single-entry-banner .post-thumb-img-content,
        body.single-post .ast-single-entry-banner .post-thumb {
            margin-top: 6px !important;
            margin-bottom: 0 !important;
        }
    }

    /* ── SINGLE POSTS (Desktop + Mobile): Text direkt unter Featured-Image
       Featured-Image sitzt am Ende von .entry-header, danach beginnt
       .entry-content. Astra-Default + Browser-p-margin erzeugen ~16-32px
       sichtbaren Weißraum unter dem Bild. Wir killen Bild-margin-bottom +
       first-child margin/padding-top damit der Text direkt anschließt.
       Banner-Layout (.ast-single-entry-banner enthält das Bild) wird
       ebenfalls abgedeckt. Ohne Media-Query → Desktop UND Mobile.
    ──────────────────────────────────────────────────────────────────── */
    body.single-post .entry-header .post-thumb,
    body.single-post .entry-header .post-thumb-img-content,
    body.single-post .ast-single-post-featured-section,
    body.single-post .ast-single-entry-banner .post-thumb,
    body.single-post .ast-single-entry-banner .post-thumb-img-content {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    body.single-post .entry-header .post-thumb img,
    body.single-post .entry-header .post-thumb-img-content img,
    body.single-post .ast-single-post-featured-section img,
    body.single-post .ast-single-entry-banner .post-thumb img,
    body.single-post .ast-single-entry-banner .post-thumb-img-content img {
        margin-bottom: 0 !important;
        display: block;
        vertical-align: bottom;
    }
    body.single-post .ast-single-post-featured-section + article {
        margin-top: 0 !important;
    }
    body.single-post .entry-content {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    body.single-post .entry-content > *:first-child {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* ── HOME: tight gap zwischen goldener Leiste und Breaking-News ────
       Astra-Default fuer normal-width-container: #primary margin-top: 4em (~64px)
       Vorher (page-builder template) war margin/padding=0. Jetzt explizit auf 0
       fuer die Startseite, sonst gibt es 64-74px Luecke unter dem Gold-Bar.
    ──────────────────────────────────────────────────────────────────── */
    body.home #primary,
    body.home .ast-separate-container #primary {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    body.home .ast-article-single,
    body.home .ast-article-post,
    body.home .entry-content {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }