/* Typografie und Marke (01.10.2026).
   Überschriften in Newsreader statt enger Geist, Marken in Geist statt
   Mono-Versalien, Schritte als Quadrate statt Ziffern (Memo Yannik: Mono und
   Nummerierung wirken wie jede KI-Seite). Mono gibt es auf der Website nicht
   mehr. Zurück zum alten Stand: diese Datei aus index.html nehmen. */

@font-face{font-family:'Newsreader';font-style:normal;font-weight:400 500;font-display:swap;src:url(assets/fonts/newsreader-latin.woff2) format('woff2')}

h1,.sec-h,.st-h{font-family:'Newsreader',Georgia,'Times New Roman',serif;font-optical-sizing:auto;font-weight:400;letter-spacing:-.018em}
h1{font-size:70px;line-height:1}
.sec-h{font-size:clamp(40px,4.1vw,58px);line-height:1.02}
.st-h{font-size:42px;line-height:1.06}

.lbl{font-family:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:12.5px;font-weight:500;letter-spacing:0;text-transform:none}
.topbar{font-size:12.5px;letter-spacing:0}
.st-d{font-family:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:12.5px;font-variant-numeric:tabular-nums}

/* Fortschritt unter dem Ring, Hinweise, Fußzeile, Zähler, Gliederungsziffern
   und Rechenweg in Geist. */
.prog,.ak-hint,.ak-note,.pb-reset,.ft-bottom,.m.sub,.m.z,.t-num,.t-calc{font-family:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;font-variant-numeric:tabular-nums}
.prog-l,.ak-hint{font-size:12px;letter-spacing:0;text-transform:none}
.t-num{font-weight:500}

/* Normzitate, Aktenzeichen und Daten ebenfalls in Geist, wie in der App: zwei
   Stimmen, Newsreader für große Sätze und Geist für alles andere. */
.chip,.ak-cite,.t-n,.pb-rt em,.tl-month,.tl-sl,.tl-ed,.tl-ft,.tl-st,.tl-fe{font-family:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;font-variant-numeric:tabular-nums}

/* Die Hilfsklasse .m (vorher Mono) und das Statuszeichen im Prüfbaum ebenso;
   Mono tragen nur noch die Platzhalter-Markierungen, die beim Befüllen wegfallen. */
.m,.t-st{font-family:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;font-variant-numeric:tabular-nums}

/* Schritte: das Quadrat der Marke statt „01 / 05“; die Zahl steht für Screenreader dabei. */
.schritt{display:flex;align-items:center;gap:10px}
.sq{display:inline-flex;gap:3px}
.sq i{display:block;width:6px;height:6px;border:1px solid var(--gh-h)}
.sq i.an{background:var(--ink);border-color:var(--ink)}
.sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Wortmarke: das Quadrat so hoch wie das t von „tenor“ (0,672 em), auf der
   Grundlinie, 0,3 em vor dem Wort; wie in der App. */
.logo,.mk-w{align-items:baseline;gap:0}
.logo i{width:14.1px;height:14.1px;margin-right:6.3px}
.mk-w i{width:30.9px;height:30.9px;margin-right:13.8px}

/* Rechtsseiten (Impressum, Datenschutz): dieselbe Stimme, kleiner gesetzt. */
.doc h1{font-size:clamp(40px,6vw,58px);line-height:1.02}

@media (max-width:1099px){
  h1{font-size:clamp(38px,10.4vw,58px)}
  .sec-h{font-size:clamp(36px,9.6vw,56px)}
  .st-h{font-size:30px}
}
@media (max-width:359px){.sec-h{font-size:32px}}