/* ==========================================================================
   Schriften — selbst gehostet
   Dein Gesundheitsmanager · Design System v3

   STAND: Die vier WOFF2-Dateien liegen in fonts/ (neben dieser Datei) und
   sind verifizierte Web Open Font Format v2 / TrueType-Dateien:
     fonts/prata-400.woff2      11,9 KB   Google Fonts, Latin-Subset
     fonts/satoshi-400.woff2    25,5 KB   Fontshare
     fonts/satoshi-500.woff2    25,6 KB   Fontshare
     fonts/satoshi-700.woff2    25,3 KB   Fontshare
   Zusammen 88 KB — gegen die zwei CDN-Roundtrips von v2 vernachlässigbar.

   WARUM SELBST HOSTEN

   In v2 standen zwei @import-Regeln am Kopf von style.css:
     @import url("https://fonts.googleapis.com/css2?family=Prata...");
     @import url("https://api.fontshare.com/v2/css?f[]=satoshi...");

   Zwei Probleme:

   1. LEISTUNG. Ein @import im Stylesheet erzeugt eine Wasserfallkette: Der
      Browser holt das HTML, entdeckt darin style.css, laedt es, und erst
      dann entdeckt er die Schriftanbieter. Kein preconnect, keine
      Parallelisierung — ein kompletter Roundtrip zusaetzlich, bevor der
      erste Buchstabe in der richtigen Schrift steht.

   2. DATENSCHUTZ. Google Fonts vom Google-CDN uebertraegt die IP-Adresse
      jeder Besucherin an Google. Bei einer deutschen Seite mit vollem
      Cookie-Banner, Impressum und Datenschutzerklaerung ist das ein
      Widerspruch in sich — das LG Muenchen I hat 2022 genau dazu
      entschieden. Der Banner schuetzt, was die Schriftart laengst
      uebertragen hat.

   Selbst hosten loest beides mit derselben Massnahme.

   HERKUNFT DER DATEIEN

   Prata: von https://fonts.gstatic.com bezogen, Latin-Subset (Unicode-Range
   U+0000-00FF und Interpunktion/Sonderzeichen). Deckt deutsche Umlaute ab —
   ä ö ü ß liegen im Latin-1-Supplement-Bereich innerhalb U+0000-00FF.

   Satoshi: von https://cdn.fontshare.com bezogen, keine Subset-Aufteilung,
   je eine Datei pro Schnitt.

   Beide Schriften sind fuer die Web-Einbettung kostenfrei lizenziert
   (Prata: SIL Open Font License; Satoshi: Fontshare-Lizenz, freie
   kommerzielle Nutzung). Lizenztexte liegen nicht im Repository — bei
   Bedarf nachreichen.

   AKTIVIERUNG

   Im <head> aller drei Seiten steht aktuell noch ein Uebergangsblock, der
   die Schriften vom CDN laedt (mit Erklaerung, warum). Diese Datei ist
   bewusst NICHT verlinkt, um vier 404-Anfragen zu vermeiden — das war der
   Zustand, bevor die Dateien hier lagen.

   Jetzt, da die Dateien vorhanden sind, ist der Umstieg ein reiner
   Link-Tausch in index.html, expertise.html und impressum.html:

     ENTFERNEN:
       <link rel="preconnect" href="https://fonts.googleapis.com">
       <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
       <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Prata&display=swap">
       <link rel="stylesheet" href="https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&display=swap">

     EINSETZEN (an derselben Stelle, vor tokens.css):
       <link rel="stylesheet" href="fonts.css">

   font-display: swap ist Absicht — lieber sofort lesbarer Text in der
   Ersatzschrift als ein unsichtbarer Absatz.
   ========================================================================== */

/* --- Display: Prata ------------------------------------------------------
   Eine Didone mit hohem Strichstaerkenkontrast. Nur ein Schnitt (400) —
   deshalb NIE fett auszeichnen, das erzeugt sonst eine synthetische
   Fettung, die die Haarstriche zerstoert. Hierarchie ueber Groesse.        */

@font-face {
  font-family: "Prata";
  src: url("fonts/prata-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                 U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122,
                 U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* --- UI: Satoshi ---------------------------------------------------------
   Drei Schnitte. Mehr wird nicht gebraucht und jeder weitere kostet
   Ladezeit: 400 Fliesstext, 500 Labels und Navigation, 700 Hervorhebung.  */

@font-face {
  font-family: "Satoshi";
  src: url("fonts/satoshi-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: "Satoshi";
  src: url("fonts/satoshi-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}