/* Mobile Ergänzung (SLC-003, DEC-013, DEC-021). Von Hand gepflegt, keine Import-Ausgabe.
   Alle Regeln stehen unter @media (max-width:1000px), wörtlich die Bedingung, mit der die Unterseiten-Entwürfe ihre
   Navigation ausblenden. Keine Textänderung, kein Ausblenden von Inhalt. Lädt nach dem Seiten-CSS. */
@media (max-width:1000px){
 /* Kopf: Menü statt Navigation, wie die Unterseiten-Entwürfe (.site-nav{display:none}, .wrap 16 px). */
 .wrap{padding:0 16px}
 .site-head .wrap{gap:16px}
 .site-nav{display:none}
 .lang-switch{margin-left:auto}
 .lang-switch a{display:inline-block;padding:12px 6px}
 .menu-btn{display:inline-flex}
 .site-menu:not([hidden]){display:flex;flex-direction:column;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 24px 40px -24px rgba(18,7,116,.35);padding:4px 16px 12px}
 .site-menu a{padding:14px 0;border-bottom:1px solid var(--border);color:var(--fg);font-size:17px;font-weight:500}
 .site-menu a:last-child{border-bottom:0}
 .site-menu a.cur{color:#120774;font-weight:700}

 /* Startseite: Der Entwurf hat keinen Mobil-Block. Werte wie im Block der Unterseiten-Entwürfe
    (Blueprint-v1.html @media (max-width:1000px): .sec 88 px, h2 clamp, Raster einspaltig, gap 40 px, .tile 28/24 px).
    :where() hält die Spezifität auf der Höhe jenes Blocks, damit Abschnitts-Regeln des Entwurfs
    (z. B. .nf h2, .xr h2) wie auf den Unterseiten Vorrang behalten (QA SLC-003). */
 :where(main[data-seite="start"]) .sec{padding:88px 0}
 :where(main[data-seite="start"]) h2{font-size:clamp(30px,8vw,40px)}
 :where(main[data-seite="start"]) .strip .inner,
 :where(main[data-seite="start"]) .struct,
 :where(main[data-seite="start"]) .eng .grid,
 :where(main[data-seite="start"]) .xr .grid,
 :where(main[data-seite="start"]) .adv,
 :where(main[data-seite="start"]) .who-head,
 :where(main[data-seite="start"]) .tiles,
 :where(main[data-seite="start"]) .quotes,
 :where(main[data-seite="start"]) .who-lists{grid-template-columns:1fr;gap:40px}
 :where(main[data-seite="start"]) .tiles,
 :where(main[data-seite="start"]) .quotes{gap:20px}
 :where(main[data-seite="start"]) .tile{padding:28px 24px}
 :where(main[data-seite="start"]) .rows>div{grid-template-columns:1fr;gap:4px}
 :where(main[data-seite="start"]) .hero-copy{padding-left:16px;padding-right:16px}
}