/* ============================================================
   VESTOR — Schriften lokal einbinden
   ------------------------------------------------------------
   ZWECK
   Ersetzt den Aufruf von fonts.googleapis.com. Zwei Vorteile:
   1. Schneller: kein externer, das Rendern blockierender Aufruf.
   2. Datenschutz: beim Laden über Google-Server wird die IP-Adresse
      jedes Besuchers an Google übertragen. Das LG München hat das
      2022 ohne Einwilligung für unzulässig erklärt; danach gab es
      eine Abmahnwelle gegen deutsche Websites. Lokal gehostet
      entfällt das Thema vollständig.

   SO STELLST DU UM (einmalig, ca. 10 Minuten)
   1. Auf  https://gwfh.mranftl.com  nacheinander diese Familien
      suchen und als "Modern Browsers" (woff2) herunterladen:
         · Manrope            Schnitte 300, 400, 500, 600, 700, 800
         · Cormorant Garamond Schnitt  400 italic
         · IBM Plex Mono      Schnitte 400, 500
   2. Alle .woff2-Dateien in denselben Ordner wie index.html legen
      (also flach in /public, keine Unterordner).
   3. In JEDER HTML-Datei die drei Google-Fonts-Zeilen löschen:
         <link rel="preconnect" href="https://fonts.googleapis.com">
         <link rel="preconnect" href="https://fonts.gstatic.com" ...>
         <link href="https://fonts.googleapis.com/css2?family=..." ...>
      und stattdessen VOR styles.css einfügen:
         <link rel="stylesheet" href="fonts-lokal.css">
   4. Dateinamen unten prüfen — falls der Download anders benannt
      ist, hier anpassen.
   ============================================================ */

/* ---------- Manrope (Display und Fließtext) ---------- */
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("manrope-v20-latin-300.woff2") format("woff2");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("manrope-v20-latin-regular.woff2") format("woff2");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("manrope-v20-latin-500.woff2") format("woff2");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("manrope-v20-latin-600.woff2") format("woff2");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("manrope-v20-latin-700.woff2") format("woff2");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("manrope-v20-latin-800.woff2") format("woff2");
}

/* ---------- Cormorant Garamond (Akzent, nur kursiv) ---------- */
@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("cormorant-garamond-v21-latin-italic.woff2") format("woff2");
}

/* ---------- IBM Plex Mono (technische Beschriftungen) ---------- */
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("ibm-plex-mono-v20-latin-regular.woff2") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("ibm-plex-mono-v20-latin-500.woff2") format("woff2");
}