/* ── Schicht 0: Lokale Fonts ──────────────────────────────────────────
   Newsreader (Display) + Inter (Body) — lokal gehostet, kein CDN.
   Kein Google-Fonts-CDN = kein DSGVO-Problem.

   ⚠️ Umbau 2026-08-31 nach Performance-Messung auf dem Handy.
   Vorher standen hier sieben @font-face-Regeln mit sieben Dateinamen — aber es
   sind nur DREI verschiedene Dateien (per MD5 belegt):

     inter-400 = inter-500 = inter-600                (47 KB, dreimal geladen)
     newsreader-400 = newsreader-600                  (56 KB, zweimal geladen)
     newsreader-400-italic = newsreader-600-italic    (63 KB, zweimal geladen)

   Es sind Variable Fonts, die beim Einrichten unter mehreren Namen abgelegt
   wurden. Der Browser lud dadurch 392 KB statt 166 KB — auf JEDER Seite, und
   Schriften blockieren die Textdarstellung. Auf dem Handy war das der größte
   Einzelposten (LCP der Startseite 5,1 s bei langsamem Mobilfunk).

   Jetzt: eine Regel je Schnitt mit Gewichtsbereich (`font-weight: 400 600`),
   den Variable Fonts korrekt interpolieren.
   ─────────────────────────────────────────────────────────────────── */

/* ── Newsreader (Display) ─────────────────────────────────────────── */
@font-face {
  font-family: 'Newsreader';
  src: url('../fonts/newsreader-400.woff2') format('woff2-variations'),
       url('../fonts/newsreader-400.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Newsreader';
  src: url('../fonts/newsreader-400-italic.woff2') format('woff2-variations'),
       url('../fonts/newsreader-400-italic.woff2') format('woff2');
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
}

/* ── Inter (Body) ─────────────────────────────────────────────────── */
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-400.woff2') format('woff2-variations'),
       url('../fonts/inter-400.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}