/* =====================================================================
   Schriften — selbst gehostet
   =====================================================================
   Bis zum 12.08.2026 wurden Playfair Display und Inter direkt von
   fonts.googleapis.com geladen. Dabei ging die IP-Adresse jedes Besuchers
   an Google in die USA, bevor er irgendetwas angeklickt hatte. Das LG
   München hat dafür 2022 Schadensersatz zugesprochen, und es ist ein
   verbreitetes Abmahnthema.

   Seitdem liegen die Schriftdateien im Ordner `fonts/` und werden vom
   eigenen Server ausgeliefert. Damit verlässt beim Seitenaufruf kein
   einziges Byte das eigene Netz — die Aussage „kein Tracking durch
   Drittanbieter" in der Datenschutzerklärung stimmt wieder vollständig.

   Nebeneffekt: Die Seite lädt schneller. Zwei DNS-Auflösungen und zwei
   TLS-Verbindungen zu fremden Servern entfallen.

   Bezogen über den Google-Webfonts-Helper (gwfh.mranftl.com),
   Zeichensatz latin, Format woff2.

   Die Pfade sind bewusst absolut (`/fonts/…`) statt relativ. So funktioniert
   dieselbe Datei aus dem Hauptverzeichnis und aus `blog/` — sonst bräuchte
   der Blog eine eigene Fassung mit `../fonts/…`.

   ⚠ Bei einem Wechsel der Schriftschnitte: Dateien in `fonts/` ergänzen
   UND hier eine @font-face-Regel nachtragen. Ein fehlender Schnitt fällt
   nicht sofort auf — der Browser rechnet ihn dann selbst hoch, was
   unsauber aussieht.
   ===================================================================== */

/* ---------------------------------------------------------------------
   Playfair Display — Überschriften (v40)
   --------------------------------------------------------------------- */
@font-face {
  font-display: swap;
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/playfair-display-v40-latin-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/playfair-display-v40-latin-600.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/playfair-display-v40-latin-700.woff2') format('woff2');
}

/* ---------------------------------------------------------------------
   Inter — Fließtext und Bedienelemente (v20)
   --------------------------------------------------------------------- */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/inter-v20-latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/inter-v20-latin-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/inter-v20-latin-600.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/inter-v20-latin-700.woff2') format('woff2');
}
