/* ============================================================
   ZEORI · Schriftleiter (27.09.2026)

   Jede Schriftgroesse der Website liegt auf einer Stufe dieser Leiter.
   Zwei Nachbarn liegen hoechstens 25 % auseinander:

     14  Beschriftung, Knoepfe, Quelle, Navigation
     17  Fliesstext
     21  Lead und kleine Titel
     26  Zwischentitel, Handschrift
     32  grosse Zwischentitel
     40  H2
     50  H1, grosse Aussagen und Zahlen

   Auf dem Handy rueckt oben alles eine Stufe tiefer (H1 40, H2 32).
   Diese Datei wird nach allen anderen Blaettern geladen, ausser den
   App-Nachbauten in zeori-app.css, und setzt nur font-size.
   Erzeugt aus den bestehenden Regeln, gleiche Selektoren.
   ============================================================ */

h4,
.mono,
.eb,
.quelle,
.reg .nm,
.reg .meta,
.kn,
.tl,
.hnav a,
.knmenu,
.ix-n,
.ix-b,
.hero-schild span,
.hero-kopfzeile,
.wb-leiste,
.wb-demo,
.wb-reiter button,
.wb-hinweis,
.wb-liste .e-nr,
.wb-liste .e-me,
.wb-zurueck,
.wb-daten div,
.wb-frei,
.chat-quelle,
.wb-fuss,
.mod-kern .immer,
.mod-liste .mnr,
.abschluss .dauer,
.fuss h4,
.fuss .adr,
.fussab,
.stufe .marke2,
.lauf span,
.zelle .mnr,
.zelle .immer,
.drei .dl,
.akk .anr,
.akk .aeb,
.etik span,
.rollen div,
.felder dt,.felder .fn,
.karte .kfuss,
.fpaare .fn,
.kette .knr,
.rechtstext .anschrift,
.form span,
.formhinweis,
.formdank,
.diagramm figcaption,
.wege .wl,
.grp-kn,
.mob-gruppe > span,
.wd-note,
.wd-acc,
.wd-logo,
.wd-row,
.wd-chev,
.wd-lv,
.wd-lock,
.wd-d-h,
.wd-search,
.wd-hits button,
.wd-nohit,
.wd-recent-t,
.wd-tile b,
.wd-back,
.qwin-t,
.qwin-q,
.qwin-atext,
.qwin-src,
.flowdemo-top,
.fd-txt,
.fd-x,
.flowdemo-note,
.od-node b,
.od-node>span,
.od-flag,
.od-card b,
.od-card span,
.od-card a,
.od-card em,
.orgdemo .od-node b,
.orgdemo .od-node>span,
.orgdemo .od-flag,
.crew-ava,
.crew-t span,
.crew-desc,
.pt-legende,
.pt-kern > p,
.pt-tag,
.pt-st > p,
.pt-stufe h4,
.pt-stufe p,
.pt-md h3,
.pt-md p,
.pt-karte > p,
.pt-md .linkarrow,.pt-st .linkarrow,
.figcap,
.crew--cards .crew-t span,.crew--cards .crew-rolle,
.flowdemo-top,.orgdemo .flowdemo-top,
.diagramm figcaption,.fig .figcap,.fig figcaption,
.wikidemo .wd-note,.wd-note,
.formfehler,
.lb-marke,.lb-tag,
.lb-bedingung,
.lb-trenner span,
.lb-marke,.lb-tag,.pt-tag,.etik span,.crew-t span,.flowdemo-note,
.orgdemo .od-node b,.orgdemo .od-card b,
.platzhalter-marke,
.reg .nm, .lb-marke,.lb-tag,
.telhinweis,
.unterzeile,
.demo-fuss,
.blase b,
.chat-fuss,
.wf-kopf,
.wf-titel,
.wf-anhang,
.wf-anhang b,
.wf-anhang i,
.wf-marke,
.wf-hinweis{font-size:14px}
body,
h3,
.marke .wort,
.wb-firma,
.wb-such input,
.wb-liste .e-ti,
.wb-leer,
.wb-eintrag p,
.wb-eintrag ul,
.wb-fragen button,
.chat-frage,
.chat-antwort,
.wkz b,
.wkz span,
.fuss li a,
.fuss .satz,
.kzn span,
.stufe p,
.folge span.ft,
.paar b,
.paar span,
.zelle p,
.drei p,
.felder .fi,
.fpaare .fi,
.kette b,
.lueckezahl,
.form input,.form textarea,
.punkte li,
.wege p,
.mob-gruppe li a,
.fd-arrow,
.fd-add,
.crew-t b,
.crew--cards .crew-t b,
.pt-st h3,
.pt-plus,
.pt-kern > p,.pt-karte > p,
.pt-st > p,
.pt-md h3,
.crew--cards .crew-m p,
.band .in > div > h3,
.lb p,
.lb-punkte li,
.platzhalter-feld p,
.faelle-text p,
.lauf span,
.telzeile select,
#kanliegen,
.blase{font-size:17px}
.lead,
.stufe h3,
.folge strong,
.akk .ati,
.karte h3,
.rechtstext h2,
.mob-liste > li > a,
.wd-d-head h5,
.wd-clogo span,
.pt-kern h3,.pt-karte h3,
.pt-st h3,
.lb-md h3,
.faelle-text h3{font-size:21px}
.reg .nr,
.ix-t,
.merk,
.wb-eintrag h4,
.zwei h3,
.pt-kern h3,.pt-karte h3,
.lb-st h3,.lb-ende h3,
.eb,
.drei .dl,.wege .wl,.stufe .marke2,.akk .aeb,.fpaare .fn, .lb-trenner span,.abschluss .dauer,
.kzn span,
.tippfeld,
.demo-spruch{font-size:26px}
.zelle--kern h3,
.lb-kern h3{font-size:32px}
h2{font-size:40px}
h1,
.kzn b,
.folge .fz,
.aussage,
.abschluss h2,
.grosszahl,
.pt-nr{font-size:50px}

@media(max-width:900px){
.reg .nr{font-size:21px}
}

@media(max-width:560px){
.btn{font-size:14px}
.marke .wort{font-size:17px}
.pt-nr{font-size:50px}
}

@media(max-width:700px){
.folge .fz{font-size:26px}
}

@media(max-width:820px){
.pt-st > p,.pt-md p,
.pt-stufe p{font-size:14px}
.pt-nr{font-size:50px}
}

@media(min-width:900px){
.faelle-liste button,
.faelle--aktiv .faelle-text p{font-size:21px}
.faelle--aktiv .faelle-text h3{font-size:32px}
}

/* Handy: oben eine Stufe tiefer */
@media(max-width:700px){
.zelle--kern h3,
.lb-kern h3{font-size:26px}
h2{font-size:32px}
h1,
.kzn b,
.aussage,
.abschluss h2,
.grosszahl{font-size:40px}
}

/* Die grosse Zahl im Titel "Bis zu 200 %": 1,25-mal der Titel, also 50 px, auf dem Handy 40 px */
h2 .grosszahl{font-size:1.25em}