/* ============================================================
   schrift.css — eine Schriftwahl für den Schülerbereich

   Die älteren Stilblätter rufen fünf Handschriften auf:
   Caveat Brush, Shantell Sans, Permanent Marker, Caveat und
   Plus Jakarta Sans. Der Schülerbereich lädt aber nur Inter
   und Space Grotesk. Jede dieser fünf fiel deshalb auf die
   Systemschrift „cursive" zurück — auf dem Mac Apple Chancery,
   auf Windows Comic Sans, auf Android wieder etwas anderes.
   Dieselbe Seite sah auf jedem Gerät anders aus, und die
   Überschriften standen in einer Kalligrafie, die niemand
   ausgesucht hatte.

   Hier zeigen alle fünf auf die zwei Schriften, die wirklich
   geladen sind: Space Grotesk für Überschriften, Inter für
   Text. Die Verkaufsseiten (index.html und die Kursseiten)
   laden ihre Handschriften selbst und bleiben unberührt —
   dieses Blatt hängt nur im Schülerbereich.

   Es muss als LETZTES Stilblatt eingebunden werden.
   ============================================================ */

:root{
  --schrift-titel : 'Space Grotesk', system-ui, -apple-system, sans-serif;
  --schrift-kopf  : 'Space Grotesk', system-ui, -apple-system, sans-serif;
  --schrift-marker: 'Space Grotesk', system-ui, -apple-system, sans-serif;
  --schrift-notiz : 'Inter', system-ui, -apple-system, sans-serif;
  --schrift-text  : 'Inter', system-ui, -apple-system, sans-serif;
  --fh            : 'Space Grotesk', system-ui, -apple-system, sans-serif;
}

/* Die großen Überschriften. Caveat Brush stand auf Gewicht 400 —
   Space Grotesk braucht dort 700, sonst wirkt die Zeile dünn. */
html .dw-buehne h2,
html .st .st-kurs h2,
html .dw-kopf h1{
  font-family: var(--schrift-titel) !important;
  font-weight: 700 !important;
  letter-spacing: -.015em;
  line-height: 1.12;
  /* Caveat Brush baut optisch kleiner: dieselbe Pixelzahl wirkte in
     Space Grotesk deutlich groesser und riss die Zeile auseinander. */
  font-size: clamp(23px, 2.7vw, 30px) !important;
  text-wrap: balance;
}

/* Die kleinen Zurufe und Augenbrauen darüber. Caveat baut klein,
   deshalb standen sie auf 20px; Inter wäre auf 20px zu laut. */
html .st .st-titel .tag,
html .st .st-kurs .eyebrow,
html .st .st-kurs .st-eb,
html .st .st-pod-kicker,
html .ln-kick,
html .dw-buehne .dw-kick,
#v-vokabeln .vp-zuruf{
  font-family: var(--schrift-text) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

/* Karten- und Abschnittstitel standen auf „Plus Jakarta Sans" —
   auch die wird hier nicht geladen und fiel auf Inter zurück.
   Sie sind Überschriften, also gehören sie zu Space Grotesk. */
html .st .st-karte h3,
html .st .st-live h3,
html .st .st-titel h2,
html .dw-kachel .dw-nm,
html .st .st-kachel .kt b,
html .ku .ku-kopf h2,
html .ub-card b,
html .vt-kpi b,
html .pagehead h1{
  font-family: var(--schrift-kopf) !important;
  font-weight: 700 !important;
  letter-spacing: -.012em;
}