/* ══════════════════════════════════════════════════════════════════════════════════════
   Die Schriften von petreechor.com — vom EIGENEN Server (WS-30, 27.08.2026)
   ══════════════════════════════════════════════════════════════════════════════════════

   🔴 WARUM DIESE DATEI EXISTIERT

   Bis zum 27.08.2026 lud diese Seite alle fünf Schriften über
   `https://fonts.googleapis.com/css2?family=…`. Beim Nachladen geht die IP-Adresse des
   Besuchers an einen Dritten — daran hängt die bekannte deutsche Rechtsprechung.

   Und wir schreiben unseren Kunden das Gegenteil vor: Im Baukasten steht als
   Abnahmebedingung JEDER Kundenwebsite wörtlich „Keine Anfragen an fremde Server
   (Schriften, Karten, Skripte alle lokal)". Eine Regel, die für die eigene Seite nicht
   gilt, ist keine Regel.

   ══════════════════════════════════════════════════════════════════════════════════════
   WOHER DIE DATEIEN KOMMEN

   Aus den `@fontsource`-Paketen, denselben, die das Schichtsystem seit Wochen benutzt.
   Alle fünf Familien stehen unter der SIL Open Font License 1.1; die Lizenztexte liegen
   als `LIZENZ-*.txt` daneben — die OFL verlangt, dass sie mitgeliefert werden.

   ⚠️ NUR DER LATEINISCHE SCHNITT. Google lieferte per `unicode-range` zusätzlich
   `latin-ext` (ł, ő, ș …). Für eine deutsch/englische Seite deckt `latin` alles ab,
   Umlaute und ß eingeschlossen. Taucht ein Name mit einem Zeichen aus `latin-ext` auf,
   fällt genau dieses Zeichen auf die Systemschrift zurück — sichtbar, aber lesbar. Dann
   sind die Dateien zu ergänzen, nicht die Seite umzubauen.

   ⚠️ `font-display: swap` steht überall: Der Text ist sofort da, in der Systemschrift,
   und wird ersetzt, sobald die Schrift geladen ist. Der kurze Umbruchsprung ist der Preis
   dafür, dass niemand auf eine leere Seite sieht.

   ══════════════════════════════════════════════════════════════════════════════════════
   WELCHE SCHNITTE — und warum genau diese

   Fünfzehn Schnitte — die, die die vier Google-Adressen der Seite angefordert haben,
   abzüglich JetBrains Mono (siehe unten). Nicht weniger: Ein Schnitt, der fehlt, wird vom
   Browser aus einem anderen gerechnet („faux bold"), und das sieht man.

       Almarai          300 · 400 · 700 · 800     Fließtext
       Space Grotesk    400 · 500 · 600 · 700     Auszeichnung
       Instrument Serif 400 normal · 400 kursiv   Überschriften
       Fragment Mono    400 normal · 400 kursiv   Kicker, Zahlen, Code
       DM Sans          300 · 400 · 500           Wortmarke, und petree.html

   Geladen wird trotzdem nur, was auf der jeweiligen Seite wirklich vorkommt — der Browser
   holt eine Schriftdatei erst, wenn ein Zeichen sie braucht. Eine gemeinsame Datei für
   alle vier Seiten ist deshalb kein Ballast, sondern spart den zweiten Zwischenspeicher.
   ══════════════════════════════════════════════════════════════════════════════════════ */

@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/schriften/almarai-latin-300-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/schriften/almarai-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/schriften/almarai-latin-700-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Almarai';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/schriften/almarai-latin-800-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/schriften/space-grotesk-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/schriften/space-grotesk-latin-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/schriften/space-grotesk-latin-600-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/schriften/space-grotesk-latin-700-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/schriften/instrument-serif-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/schriften/instrument-serif-latin-400-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Fragment Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/schriften/fragment-mono-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Fragment Mono';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/schriften/fragment-mono-latin-400-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/schriften/dm-sans-latin-500-normal.woff2') format('woff2');
}

/* ── Nachtrag 27.08.2026: die Schnitte der Nebenseiten ────────────────────────────────
   `impressum.html`, `datenschutz.html` und `petree.html` haben ihre Schriften ebenfalls
   von Google geladen — die **Datenschutzerklärung** eingeschlossen. Ausgerechnet die
   Seite, auf der jemand nachliest, wohin seine Daten gehen, schickte seine IP-Adresse an
   einen Dritten.

   Impressum und Datenschutz benutzen Almarai und Instrument Serif (oben schon da).
   `petree.html` bringt DM Sans 300/400 mit (oben ergaenzt).

   ⚠️ Die alte Google-Adresse von `petree.html` forderte zusaetzlich **JetBrains Mono**
   300/400 an. Gemessen am 27.08.2026 im ausgelieferten Stand: **kein einziges Element
   rendert sie** — weder im HTML noch in den gebauten CSS/JS-Buendeln kommt der Name
   vor. Sie wird deshalb nicht mitgeliefert. Eine Schrift zu erklaeren, die niemand
   benutzt, ist dieselbe Sorte Irrtum wie die Adresse, aus der sie kam. */

@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/schriften/dm-sans-latin-300-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/schriften/dm-sans-latin-400-normal.woff2') format('woff2');
}