@media (max-width: 768px) {

    /* ============================================================
     * 1) HEADER  —  Logo kleiner damit Hamburger / 3-Punkte passt
     * ============================================================ */
    .ast-mobile-header-content .site-logo-img img,
    .ast-mobile-header-content .custom-logo-link img,
    .ast-header-break-point .site-branding .custom-logo-link img,
    .ast-header-break-point .ast-site-identity .custom-logo-link img,
    .ast-mobile-header-wrap .custom-logo-link img {
        max-width: 240px !important;
        width: auto !important;
        height: auto !important;
        max-height: 110px !important;
    }
    /* Header-Höhe genug Platz fürs große Logo */
    .ast-mobile-header-wrap .ast-primary-header-bar,
    .ast-mobile-header-wrap .site-primary-header-wrap {
        min-height: 92px !important;
        align-items: center !important;
    }
    /* 3-Punkte-Menü-Trigger vertikal mit Logo zentrieren (leicht nach oben) */
    .ast-header-break-point [data-section="section-header-mobile-trigger"],
    .ast-mobile-header-content .ast-button-wrap {
        align-self: center !important;
        margin-top: -6px !important;
    }
    .ast-mobile-menu-trigger-minimal {
        margin-top: -4px !important;
    }
    .ast-mobile-header-content {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    /* mehr Platz für Trigger + Cart neben dem Logo */
    .ast-mobile-menu-trigger-minimal {
        padding: 0 6px !important;
    }

    /* Sub-Menü-Visibility: Sichtbarkeit wird via inline style:display
       vom JS deterministisch gesetzt (display:block/none !important).
       Die CSS-Regeln hier sind nur Fallback falls JS noch nicht lief. */
    .ast-builder-menu-mobile ul.main-header-menu .menu-item-has-children > .sub-menu {
        display: none;
    }
    .ast-builder-menu-mobile ul.main-header-menu .menu-item-has-children.ast-submenu-expanded > .sub-menu {
        display: block;
    }
    /* Pfeil-Rotation */
    .ast-builder-menu-mobile .menu-item-has-children.ast-submenu-expanded > .menu-link .dropdown-menu-toggle,
    .ast-builder-menu-mobile .menu-item-has-children.ast-submenu-expanded > .menu-link .ast-header-navigation-arrow,
    .ast-builder-menu-mobile .menu-item-has-children.ast-submenu-expanded > .ast-menu-toggle {
        transform: rotateX(180deg);
    }

    /* ============================================================
     * 2) BREAKING NEWS BAR  —  kompakter, mehr Text lesbar
     * ============================================================ */
    body.home #bmi-top-wrap {
        /* 2026-06-10 Redesign: kein Inline-Spacer mehr vor der Bar → kein Negativ-Margin */
        margin-top: 0 !important;
    }
    /* der Inline-Spacer <div style="height:20px"> vor #bmi-top-wrap wegnehmen */
    body.home .entry-content > .wp-block-html:first-child div[style*="height:20px"],
    body.home .entry-content > .wp-block-html:first-child div[style*="height: 20px"] {
        height: 0 !important;
        display: none !important;
    }
    body.home #bmi-breaking-bar {
        height: 76px !important;
        border-radius: 12px !important; /* 2026-06-10: an bmi-design.css angeglichen */
    }
    body.home #bmi-breaking-badge {
        font-size: 11px !important;
        padding: 0 12px !important;
        letter-spacing: 1px !important;
        gap: 6px !important;
    }
    body.home #bmi-breaking-dot {
        width: 9px !important;
        height: 9px !important;
    }
    body.home .bmi-ticker-item {
        font-size: 14px !important;
        padding: 0 22px !important;
    }
    body.home #bmi-ticker-overflow::before {
        width: 24px !important;
    }

    /* ============================================================
     * 2b) BREAKING TICKER  →  FADE-SLIDESHOW (statt Lauftext)
     *     User-Wunsch 2026-05-24: "auf mobile zu wenig lesbar"
     *     JS unten ersetzt den Scroll-Track durch absolut
     *     positionierte Slides; eine ist mit .active sichtbar,
     *     rotiert alle 6s.
     * ============================================================ */
    body.home #bmi-ticker-overflow.bmi-ticker-slideshow {
        position: relative !important;
        overflow: hidden !important;
        height: 100% !important;
    }
    body.home #bmi-ticker-overflow.bmi-ticker-slideshow::before {
        display: none !important;
    }
    body.home #bmi-ticker-overflow.bmi-ticker-slideshow #bmi-ticker-track {
        animation: none !important;
        display: block !important;
        position: relative !important;
        height: 100% !important;
        width: 100% !important;
        white-space: normal !important;
        transform: none !important;
    }
    body.home .bmi-ticker-slide {
        position: absolute !important;
        inset: 0 !important;
        padding: 8px 14px !important;
        display: flex !important;
        align-items: center !important;
        opacity: 0;
        transition: opacity .45s ease;
        pointer-events: none;
    }
    body.home .bmi-ticker-slide.active {
        opacity: 1;
        pointer-events: auto;
    }
    body.home .bmi-ticker-slide a {
        color: #e2e8f0 !important;
        text-decoration: none !important;
        font-family: 'Plus Jakarta Sans', sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.35;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        width: 100%;
    }

    /* ============================================================
     * 3) MARKTSTIMMUNG  —  3 Kacheln vertikal stapeln, leichter Gap
     *    Eltern: erste wp:columns nach dem breaking bar (Header-Reihe)
     *    Inhalt: zweite wp:columns mit #ms-wrap / #bmi-forecast-mini / #bmi-macro-radar
     * ============================================================ */

    /* Header-Zeile Marktstimmung — bekommt per JS .bmi-ms-header
       Tile-Zeile bekommt .bmi-ms-tiles */
    body.home .bmi-ms-header {
        display: block !important;
        margin: 10px 0 0 0 !important;
        padding: 0 !important;
    }
    body.home .bmi-ms-header .wp-block-column {
        flex: 1 1 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    /* leere mittlere Spalte + Next-Events-Spalte (3.) aus */
    body.home .bmi-ms-header > .wp-block-column:nth-child(2),
    body.home .bmi-ms-header > .wp-block-column:nth-child(3) {
        display: none !important;
    }
    /* H2 in Marktstimmung-Header + Blue-Zone: dunkel für weißen Mobile-BG */
    body.home .bmi-ms-header h2,
    body.home .bmi-blue-zone h2 {
        color: #0b1225 !important;
        font-size: 18px !important;
        margin: 0 !important;
    }
    /* Tile-Zeile unter Header — kleiner Abstand zum H2 (User-Wunsch 2026-05-24) */
    body.home .bmi-ms-tiles {
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
        margin: 6px 0 0 0 !important;
        padding: 0 !important;
    }
    body.home .bmi-ms-tiles > .wp-block-column {
        width: 100% !important;
        flex: 1 1 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    /* 3. Tile (Nächste Ereignisse / macro radar) BLEIBT — User will alle 3 Kacheln */
    /* negativen margin-top der Tiles auf Mobile aufheben */
    body.home #ms-wrap,
    body.home #bmi-forecast-mini,
    body.home #bmi-macro-radar {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        min-height: auto !important;
    }

    /* ============================================================
     * 4) AKTUELLE NACHRICHTEN  —  UAGB Post Grid: weiß bleiben, vertikal
     * ============================================================ */
    body.home .wp-block-uagb-post-grid {
        margin: 12px 0 !important;
    }
    body.home .wp-block-uagb-post-grid .uagb-post__inner-wrap,
    body.home .wp-block-uagb-post-grid article {
        background: #ffffff !important;
        border-radius: 10px !important;
        box-shadow: 0 1px 4px rgba(0,0,0,.06) !important;
    }
    body.home .wp-block-uagb-post-grid .uagb-post__text,
    body.home .wp-block-uagb-post-grid .uagb-post__title,
    body.home .wp-block-uagb-post-grid .uagb-post__title a,
    body.home .wp-block-uagb-post-grid .uagb-post__excerpt {
        color: #111 !important;
        background: transparent !important;
    }
    body.home .uagb-post-grid .uagb-post__items {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    /* ============================================================
     * 5) TOOLS-Karten  —  bleiben dunkel (Design-intentional)
     *    Smart-Money-Card / Deep-Intel-Card: kein Layout-Eingriff,
     *    nur Margin reduzieren
     * ============================================================ */
    body.home .smt-card,
    body.home div[style*="background:#111827"],
    body.home div[style*="background: #111827"] {
        margin-bottom: 12px !important;
    }

    /* ============================================================
     * 6) EINGEHENDE ANALYSE / MARKET COMMENTARY  —  weiß bleiben
     * ============================================================ */
    body.home .wp-block-uagb-post-grid + .wp-block-html,
    body.home .wp-block-shortcode {
        background: transparent !important;
    }

    /* ============================================================
     * 7) MARKTÜBERBLICK TradingView  —  Original Ticker
     *    horizontaler Scroll, NICHT abhängig von Card-Wrap
     *    iframe wird ebenfalls auf min-width gezwungen
     * ============================================================ */
    body.home .tradingview-widget-container {
        margin-bottom: 6px !important;
    }
    /* Alle Ticker (nicht Events-Calendar) in blue-zone: weißes Fenster + horizontal scroll */
    body.home .bmi-blue-zone .tradingview-widget-container:not(:has(script[src*="embed-widget-events"])) {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        background: #ffffff !important;
        border-radius: 8px !important;
        padding: 2px !important;
    }
    body.home .bmi-blue-zone .tradingview-widget-container:not(:has(script[src*="embed-widget-events"])) .tradingview-widget-container__widget,
    body.home .bmi-blue-zone .tradingview-widget-container:not(:has(script[src*="embed-widget-events"])) iframe {
        min-width: 720px !important;
        width: 720px !important;
    }
    /* Calendar-Widget (Wirtschaftskalender) behält Auto-Layout */
    body.home .tradingview-widget-container:has(script[src*="embed-widget-events"]) .tradingview-widget-container__widget {
        min-width: 0 !important;
    }
    body.home .bmi-blue-zone .tradingview-widget-container:has(script[src*="embed-widget-events"]) {
        overflow: visible !important;
        background: #ffffff !important;
        border-radius: 8px !important;
        padding: 6px !important;
    }

    /* ============================================================
     * 8) US TOPS & FLOPS  +  SECTOR HEATMAP
     *    Spalten-Wrapper `.bmi-market-data` zu Stack,
     *    Aktien- / Sektor-Namen weiß für blauen BG
     * ============================================================ */
    body.home .wp-block-columns.bmi-market-data {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        margin: 8px 0 !important;
    }
    body.home .wp-block-columns.bmi-market-data > .wp-block-column {
        width: 100% !important;
        flex: 1 1 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    /* leere Mittelspalte raus */
    body.home .wp-block-columns.bmi-market-data > .wp-block-column:nth-child(2):empty,
    body.home .wp-block-columns.bmi-market-data > .wp-block-column:not(:has(*)) {
        display: none !important;
    }
    /* h2-Headings über Tops/Flops + Sector Heatmap: weniger Top-Margin */
    body.home .wp-block-columns.bmi-market-data h2 + *,
    body.home .wp-block-columns.bmi-market-data div[style*="margin-top:40px"],
    body.home .wp-block-columns.bmi-market-data div[style*="margin-top: 40px"] {
        margin-top: 8px !important;
    }
    /* Tops/Flops: Aktien-Namen dunkel (Mobile-BG ist weiß seit 2026-05-24) */
    body.home .bmi-market-movers-widget .mover-symbol {
        color: #0b1225 !important;
        font-weight: 700 !important;
    }
    body.home .bmi-market-movers-widget .mover-bar-track {
        background: rgba(11,18,37,.08) !important;
    }
    /* mover-perf .mover-green / .mover-red: lassen wie sind */

    /* Sector Heatmap Text dunkel (Mobile-BG ist weiß) */
    body.home .sector-grid .tile-name,
    body.home .sector-grid .sector-tile .tile-name,
    body.home .sector-grid .tile-perc,
    body.home .sector-grid .sector-tile.tile-red,
    body.home .sector-grid .sector-tile.tile-green {
        color: #0b1225 !important;
        font-weight: 700 !important;
    }
    /* Sector Heatmap BG kräftiger — Legacy-Formel rgba(…, 0.1 + opa*0.8)
       liefert bei kleinen Bewegungen <1% nur 0.1-0.4 Opacity → ausgebleicht.
       Mobile: Mindestfärbung 0.45, Top 0.95, Gradient bleibt erhalten. */
    body.home .sector-grid .sector-tile.tile-green {
        background-color: rgba(40, 167, 69, calc(0.45 + var(--bg-opacity) * 0.5)) !important;
    }
    body.home .sector-grid .sector-tile.tile-red {
        background-color: rgba(220, 53, 69, calc(0.45 + var(--bg-opacity) * 0.5)) !important;
    }
    /* Tiles auf Mobile etwas größer + Grid 2-spaltig */
    body.home .sector-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
        margin-bottom: 0 !important;
    }
    body.home .sector-grid .sector-tile {
        padding: 12px 8px !important;
        min-height: 70px !important;
    }
    body.home .sector-grid .sector-tile .tile-perc {
        font-size: 16px !important;
    }

    /* ============================================================
     * 9) WIRTSCHAFTSKALENDER  —  Abstand zur Heatmap erzwingen
     *    User: Überschrift überlappte sich mit Versorger-Kachel
     * ============================================================ */
    /* nach der .bmi-market-data-Sektion (Heatmap) Abstand nach unten
       User: "ein bisschen größer aber nicht viel" → 30px */
    body.home .bmi-blue-zone .wp-block-columns.bmi-market-data {
        margin-bottom: 30px !important;
    }
    /* Wirtschaftskalender-Header (h2 + flex-wrapper) Abstand nach oben */
    body.home .bmi-blue-zone div[style*="display:flex"]:has(h2) {
        margin-top: 14px !important;
    }
    body.home .bmi-blue-zone .tradingview-widget-container:has(script[src*="embed-widget-events"]) {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
        background: #ffffff !important;
        border-radius: 8px !important;
        padding: 6px !important;
    }

    /* ============================================================
     * 10) BLEIB INFORMIERT  —  Überschrift komplett weg
     * ============================================================ */
    /* Hide-Klasse wird per JS unten gesetzt */
    body.home .bmi-hide-mobile-heading {
        display: none !important;
    }
    /* Stay-Informed-Section: leicht mehr Abstand oben (User-Wunsch) */
    body.home .wp-block-columns.bmi-stay-informed {
        margin-top: 24px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }
    body.home .wp-block-columns.bmi-stay-informed > .wp-block-column {
        width: 100% !important;
        flex: 1 1 100% !important;
        margin: 0 !important;
    }

    /* ============================================================
     * 11) GENERELLER ABSTAND zwischen Sektionen  —  kompakt
     * ============================================================ */
    body.home .entry-content {
        padding-top: 0 !important;
        padding-bottom: 4px !important;
    }
    body.home .entry-content > .wp-block-html,
    body.home .entry-content > .wp-block-columns,
    body.home .entry-content > .wp-block-group {
        margin-top: 8px !important;
        margin-bottom: 0 !important;
    }
    /* Spacer-Blocks weg auf Mobile (sind nur für Desktop-Layout) */
    body.home .entry-content > .wp-block-spacer {
        height: 0 !important;
        margin: 0 !important;
    }
    /* H2-Header-Wrapper (display:flex mit width:4px Akzent-Bar + h2):
       kleinere Top-Margin und kleinere H2 */
    body.home .entry-content div[style*="display:flex"][style*="align-items:center"] > h2 {
        font-size: 18px !important;
    }
    body.home .entry-content div[style*="margin-top:40px"],
    body.home .entry-content div[style*="margin-top: 40px"] {
        margin-top: 14px !important;
    }
    /* FOUC-Fix: inline `margin-left:-45px` (Desktop-Bleed der H2-Akzent-Bar)
       sofort auf 0 zwingen — ohne dass JS erst nach DOMContentLoaded
       das !important strippen muss. Voraussetzung: das `!important` im
       inline-style wurde aus dem post_content entfernt (siehe 4 Homepages
       21/606/3302/3271), sonst gewinnt inline-!important.
       */
    body.home .entry-content div[style*="margin-left:-45px"],
    body.home .entry-content div[style*="margin-left: -45px"] {
        margin-left: 0 !important;
    }

    /* ============================================================
     * 12) NEWSLETTER + SOCIAL MEDIA  —  weniger Padding mobile
     * ============================================================ */
    body.home .bmi-stay-informed div[style*="padding:32px"] {
        padding: 18px !important;
    }
    body.home .bmi-stay-informed .wp-block-html > div > div[style*="grid-template-columns:repeat(3"] {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 8px !important;
    }

    /* ============================================================
     * 13) ENTRY-CONTENT Width  —  volle Mobile-Breite
     * ============================================================ */
    body.home .ast-container,
    body.home .entry-content {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    /* ============================================================
     * 14) HINTERGRUND  —  Mobile: WEISS (User-Wunsch 2026-05-24:
     *     "blau auf blau bei den Kacheln" → komplett raus auf Mobile)
     *     Desktop bleibt unverändert (greift hier nicht, max-width:768px).
     *     Cards (UAGB + DD) behalten ihren box-shadow als Abgrenzung.
     * ============================================================ */
    body.home {
        background-color: #ffffff !important;
        overflow-x: hidden !important;
    }
    /* Content-Container alle transparent — body's blau scheint durch */
    body.home #page,
    body.home .site,
    body.home #content,
    body.home .site-content,
    body.home .ast-container,
    body.home .ast-page-builder-template,
    body.home .ast-plain-container,
    body.home #primary,
    body.home .site-main,
    body.home .ast-article-single,
    body.home .entry-content,
    body.home .bmi-blue-zone {
        background-color: transparent !important;
    }
    /* HEADER + Gold-Nav + Mobile-Popup + FOOTER kriegen weiß zurück */
    body.home .main-header-bar,
    body.home .ast-primary-header-bar,
    body.home #masthead,
    body.home .ast-mobile-header-wrap,
    body.home .ast-mobile-header-content,
    body.home .ast-mobile-popup-drawer,
    body.home .ast-mobile-popup-inner,
    body.home .ast-mobile-popup-content,
    body.home .site-footer,
    body.home .site-below-footer-wrap,
    body.home .site-footer-section,
    body.home .footer-widget-area {
        background-color: #ffffff !important;
    }
    /* bmi-blue-zone bleibt nur als Marker-Class für andere Selektoren */
    body.home .bmi-blue-zone {
        padding: 0 !important;
        margin: 0 !important;
    }

    /* ============================================================
     * 14b) GOLD-MENÜBANNER  →  #bmi-secondary-nav bleibt transparent
     *      damit das Body-Blau bereits OBERHALB / um den Gold-Pill
     *      durchscheint (User-Wunsch: Blau startet schon über dem
     *      gold Menübanner).
     * ============================================================ */
    body.home #bmi-secondary-nav {
        background-color: transparent !important;
    }
    /* H2-Wrapper innerhalb der blauen Zone NIE mit weißem BG (transparent),
       außer wenn er explizit in einer .bmi-card-wrap card sitzt */
    body.home .bmi-blue-zone > div[style*="display:flex"]:has(h2) {
        background: transparent !important;
        padding: 0 !important;
    }
    /* Letztes Element in der blauen Zone (Newsletter-Stack): kein margin-bottom,
       damit die Zone exakt mit dem Inhalt endet — keine dunkle Lücke vor footer */
    body.home .bmi-blue-zone > *:last-child {
        margin-bottom: 0 !important;
    }
    /* Article-Container kein extra Padding, damit Zone nahtlos an Footer anschließt */
    body.home .ast-article-single,
    body.home .ast-article-single:not(.ast-related-post),
    body.home #primary,
    body.home .site-main,
    body.home .entry-content {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    /* Inline-H2s in Blue-Zone: auf weißem Mobile-BG dunkel lassen */
    body.home .bmi-blue-zone h2[style*="color:#111"],
    body.home .bmi-blue-zone h2[style*="color: #111"],
    body.home .bmi-blue-zone div[style*="display:flex"] > h2 {
        color: #0b1225 !important;
    }
    /* News-Cards (UAGB) innen weiß */
    body.home .bmi-blue-zone .wp-block-uagb-post-grid article,
    body.home .bmi-blue-zone .wp-block-uagb-post-grid .uagb-post__inner-wrap {
        background: #ffffff !important;
        color: #111 !important;
    }

    /* ============================================================
     * 15) MARKTÜBERBLICK  —  weiße Karte um TradingView
     *     (Deep-Dive nutzt jetzt Per-Article-Cards — siehe 15b)
     * ============================================================ */
    body.home .bmi-blue-zone .bmi-card-wrap.bmi-card-marktueberblick {
        background: #ffffff !important;
        border-radius: 12px !important;
        padding: 12px 10px !important;
        margin: 6px 0 0 0 !important;
        box-shadow: 0 1px 6px rgba(0,0,0,.2) !important;
    }
    /* Deep-Dive-Wrap selbst soll transparent bleiben — die Per-li-Cards
       (Section 15b) liefern den weißen Hintergrund analog Aktuelle Nachrichten */
    body.home .bmi-blue-zone .bmi-card-wrap.bmi-card-deep-dive {
        background: transparent !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin: 6px 0 0 0 !important;
    }

    /* ============================================================
     * 15a) Whole-Card Tappable  —  News + Deep-Dive
     *      Cursor + tap-feedback. Click-Handler kommt aus dem JS.
     * ============================================================ */
    body.home .wp-block-uagb-post-grid article,
    body.home .bmi-dd-grid .wp-block-latest-posts__list li {
        cursor: pointer !important;
        -webkit-tap-highlight-color: rgba(0,0,0,.04) !important;
    }
    body.home .wp-block-uagb-post-grid article:active,
    body.home .bmi-dd-grid .wp-block-latest-posts__list li:active {
        transform: scale(0.995);
        transition: transform .08s ease;
    }

    /* ============================================================
     * 15b) EINGEHENDE ANALYSE  —  jede Deep-Dive-Card weiß
     *      (analog Aktuelle Nachrichten / UAGB Post Grid)
     *      Auch ohne JS-Wrap sichtbar — gilt direkt für .bmi-dd-grid li.
     * ============================================================ */
    body.home .bmi-dd-grid {
        background: transparent !important;
    }
    body.home .bmi-dd-grid .wp-block-latest-posts__list {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    body.home .bmi-dd-grid .wp-block-latest-posts__list li {
        background: #ffffff !important;
        border-radius: 10px !important;
        box-shadow: 0 1px 4px rgba(0,0,0,.06) !important;
        padding: 12px !important;
        list-style: none !important;
        overflow: hidden !important;
    }
    /* Featured Image bündig oben (kein weißer Rand um das Foto) */
    body.home .bmi-dd-grid .wp-block-latest-posts__featured-image {
        margin: -12px -12px 10px -12px !important;
    }
    body.home .bmi-dd-grid .wp-block-latest-posts__featured-image img {
        border-radius: 10px 10px 0 0 !important;
    }
    /* Titel/Datum/Excerpt-Farben kommen schon vom inline-style im Post-Content;
       hier zur Sicherheit auf weißem BG noch mal explizit dunkel */
    body.home .bmi-dd-grid .wp-block-latest-posts__post-title {
        color: #111 !important;
    }
    body.home .bmi-dd-grid .wp-block-latest-posts__post-date {
        color: #6b7280 !important;
    }
    body.home .bmi-dd-grid .wp-block-latest-posts__post-excerpt p {
        color: #374151 !important;
    }

    /* ============================================================
     * 15c) FEATURED-IMAGE ASPECT-RATIO  —  Mobile-Only
     *      Legacy-CSS in bmi-legacy-custom-css.php zwingt
     *      .uagb-post__image img auf height:220px + object-fit:cover.
     *      Auf Mobile (volle Breite ~390px) schneidet das oben/unten
     *      weg. Hier zurück auf 16:9 (height:auto + aspect-ratio).
     *      Gilt nur body.home → Archive/Author bleiben unangetastet.
     * ============================================================ */
    body.home .wp-block-uagb-post-grid .uagb-post__image,
    body.home .wp-block-uagb-post-grid .uagb-post__image a,
    body.home .bmi-dd-grid .wp-block-latest-posts__featured-image,
    body.home .bmi-dd-grid .wp-block-latest-posts__featured-image a {
        display: block !important;
        width: 100% !important;
    }
    body.home .wp-block-uagb-post-grid .uagb-post__image img,
    body.home .bmi-dd-grid .wp-block-latest-posts__featured-image img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
        object-fit: cover !important;
        display: block !important;
    }

    /* ============================================================
     * 16) MARKTÜBERBLICK  —  weiße Karte um TradingView
     * ============================================================ */
    body.home .bmi-blue-zone .bmi-card-marktueberblick {
        padding: 12px 8px !important;
    }
    body.home .bmi-blue-zone .bmi-card-marktueberblick .tradingview-widget-container {
        background: #ffffff !important;
    }
}