/* ============================================================
   Schriften, lokal ausgeliefert – keine Verbindung zu Google.

   Erwartete Dateien:
     assets/fonts/newsreader-variable.woff2
     assets/fonts/newsreader-italic-variable.woff2
     assets/fonts/karla-variable.woff2

   Es sind Variable Fonts: eine Datei deckt alle Strichstärken ab.
   Newsreader bringt zusätzlich die Achse "opsz" mit, die die
   Serifen je nach Schriftgröße feiner oder kräftiger zeichnet.
   Deshalb steht im Stylesheet der Seite font-optical-sizing:auto.
   ============================================================ */

@font-face{
  font-family:"Newsreader";
  src:url("fonts/newsreader-variable.woff2") format("woff2-variations"),
      url("fonts/newsreader-variable.woff2") format("woff2");
  font-weight:200 800;
  font-stretch:normal;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Newsreader";
  src:url("fonts/newsreader-italic-variable.woff2") format("woff2-variations"),
      url("fonts/newsreader-italic-variable.woff2") format("woff2");
  font-weight:200 800;
  font-stretch:normal;
  font-style:italic;
  font-display:swap;
}

@font-face{
  font-family:"Karla";
  src:url("fonts/karla-variable.woff2") format("woff2-variations"),
      url("fonts/karla-variable.woff2") format("woff2");
  font-weight:200 800;
  font-stretch:normal;
  font-style:normal;
  font-display:swap;
}

/* ------------------------------------------------------------
   Falls du statt der Variable Fonts einzelne Schnitte
   heruntergeladen hast (z. B. über google-webfonts-helper),
   die obigen drei Blöcke löschen und stattdessen je Schnitt
   einen Block nach diesem Muster anlegen:

   @font-face{
     font-family:"Newsreader";
     src:url("fonts/newsreader-v20-latin-500.woff2") format("woff2");
     font-weight:500;
     font-style:normal;
     font-display:swap;
   }

   Gebraucht werden dann: Newsreader 300/400/500/600 normal,
   Newsreader 300/400 kursiv, Karla 400/500/600 normal.
   ------------------------------------------------------------ */