/* Handy-Fassung und Lesefassung der piform-Seiten (2026-10-16). Skript und Markup-Regeln: handy.js.
   Stil abgenommen an der Stilprobe prototyp-handy/ (geloescht 2026-10-17, Stand 614f60a8; Richard 2026-10-16: Stil passt; Glaskacheln ohne Leuchten; Startbild mit ganzem
   Schriftzug; Menue „gut gelungen“). Einbinden NACH kopfzeile.css: Die Regeln fuer das Vollbild-Menue ueberschreiben
   dort die Leiste. Alles Handy-Spezifische haengt an html.handy; ohne die Klasse ist #lesefassung unsichtbar (die
   Desktop-Seite liest nur ihre Texte daraus). */
@font-face{font-family:'Literata';src:url('../landingpage/fonts/Literata-Latin1.woff2') format('woff2');font-weight:200 900;font-style:normal;font-display:swap}
:root{
  --lf-akzent:#01b6fd;
  --lf-hell:#4fd4ff;
  --lf-text:#eaf3f7;
  --lf-text-2:#b4c9d3;
  --lf-text-3:#7c94a2;
  --lf-sans:'Noto Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --lf-serif:'Literata',Georgia,'Times New Roman',serif;
  --lf-glas-bg:rgba(10,22,30,.55);
  --lf-glas-rand:rgba(255,255,255,.14);
  --lf-glas-blur:blur(30px) saturate(150%);
  /* Glasrand der Kacheln wie am Desktop: hell oben links und unten rechts, dazwischen blau */
  --lf-kante:linear-gradient(140deg,rgba(225,248,255,.95),rgba(1,182,253,.38) 30%,rgba(1,182,253,.12) 62%,rgba(225,248,255,.78));
  --lf-schatten:0 18px 44px rgba(0,0,0,.45);   /* ohne blaues Leuchten (Richard 2026-10-16) */
  --lf-spalte:480px;
  --lf-rand:20px;
  --lf-kopf-h:72px;
}

/* ================================================================ Umschalten */
html:not(.handy) #lesefassung,html:not(.handy) .nur-handy{display:none}
html.handy .nur-desktop,html.handy #ausblendung,html.handy #blende,html.handy #kopf-lade,html.handy #leiste .kopf-lade{display:none !important}
html.handy{scroll-padding-top:calc(var(--lf-kopf-h) + 12px);-webkit-text-size-adjust:100%}
html.handy.menue-offen{overflow:hidden}

/* ================================================================ Kopfzeile am Handy */
/* Grund hinter Burger und Seitenname: Inhalt laeuft nicht hart darunter durch; unten der Lesefortschritt */
#handy-kopf{position:fixed;z-index:18;left:0;right:0;top:0;height:calc(var(--lf-kopf-h) + env(safe-area-inset-top));pointer-events:none}
#handy-kopf::before{content:"";position:absolute;inset:0 0 -28px;
  background:linear-gradient(to bottom,#0c2129 0%,rgba(12,33,41,.97) 62%,rgba(12,33,41,0) 100%)}
#handy-kopf .fortschritt{position:absolute;left:var(--lf-rand);right:var(--lf-rand);bottom:6px;height:2px;border-radius:2px;background:rgba(255,255,255,.1);overflow:hidden;transition:opacity .2s}
#handy-kopf .fortschritt i{position:absolute;inset:0;background:var(--lf-akzent);transform-origin:left;transform:scaleX(0)}
html.menue-offen #handy-kopf .fortschritt{opacity:0}
html.handy #burger{top:calc(12px + env(safe-area-inset-top));left:16px;width:48px;height:48px}
html.handy #seitenname{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:fixed;z-index:19;
  left:78px;top:calc(12px + env(safe-area-inset-top));height:48px;transform:none;margin:0;padding:0 8px;border:0;background:none;
  font:600 15px/1.25 var(--lf-sans);color:var(--lf-text);text-align:left;cursor:pointer;white-space:nowrap;transition:opacity .2s}
html.handy #seitenname .kapitel{font-size:12px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--lf-hell)}
html.handy.menue-offen #seitenname{opacity:0;pointer-events:none}

/* ================================================================ Menue am Handy: Vollbild-Glas */
/* Geht kreisfoermig aus dem Burger auf; Kapitel der aktuellen Seite als zweite Zeile unter ihrem Menuepunkt (das Band
   schiebt handy.js dorthin); „Gespraech vereinbaren" unten ueber die ganze Breite. */
html.handy #leiste{inset:0;top:0;left:0;right:0;bottom:0;min-height:0;border:0;border-radius:0;box-shadow:none;
  flex-direction:column;align-items:stretch;gap:0;overflow-y:auto;
  padding:calc(var(--lf-kopf-h) + 28px + env(safe-area-inset-top)) var(--lf-rand) calc(28px + env(safe-area-inset-bottom));
  background:rgba(6,18,24,.86);clip-path:circle(0 at 40px 36px);transition:clip-path .6s cubic-bezier(.5,0,.25,1),visibility 0s linear .6s}
html.handy.menue-offen #leiste{clip-path:circle(150% at 40px 36px);transition:clip-path .6s cubic-bezier(.5,0,.25,1),visibility 0s}
html.handy #leiste > *{transform:translateY(8px);transition:opacity .25s,transform .25s}
html.handy.menue-offen #leiste > *{transform:none;transition:opacity .35s calc(.2s + var(--i,0) * .06s),transform .35s calc(.2s + var(--i,0) * .06s)}
html.handy #leiste .marke{height:28px;margin:0 0 30px}
html.handy #leiste .haupt{flex:none;flex-direction:column;align-items:stretch;gap:0;width:auto}
html.handy #leiste .haupt > a{display:block;padding:13px 16px;margin:0 -16px;border-radius:14px;font-size:21px;font-weight:500;color:var(--lf-text)}
html.handy #leiste .haupt > a[aria-current="page"]{margin:0 -16px;padding:13px 16px}
html.handy #leiste .haupt > a[hidden]{display:none}
html.handy #leiste .knopf{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:54px;font-size:16px}
html.handy #leiste .haupt{margin-bottom:32px}
/* Kapitelzeile (das Band) im Menue */
html.handy #leiste #band{position:static;z-index:auto;transform:none;opacity:1;pointer-events:auto;height:auto;
  display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 18px;transition:none}
html.handy #leiste #band::after{display:none}
html.handy #leiste #band a{width:auto;height:auto;flex:none;margin:0;padding:7px 14px;border-radius:999px;overflow:visible;
  background:none;box-shadow:none;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:none;backdrop-filter:none}
html.handy #leiste #band .fuell{display:none}
html.handy #leiste #band .etikett{position:static;transform:none;opacity:1;font-size:13px;letter-spacing:.06em;font-weight:400;
  color:var(--lf-text-2);white-space:nowrap}
html.handy #leiste #band a[aria-current="true"]{background:var(--lf-hell);border-color:var(--lf-hell)}
html.handy #leiste #band a[aria-current="true"] .etikett{color:#03141b}

/* ================================================================ Lesefassung */
html.handy body{overflow:visible}
#lesefassung{position:relative;display:block;max-width:var(--lf-spalte);margin:0 auto;padding:calc(var(--lf-kopf-h) + 8px + env(safe-area-inset-top)) var(--lf-rand) 96px;
  color:var(--lf-text);font-family:var(--lf-sans);font-size:16px;line-height:1.55;text-align:left}
#lesefassung *{box-sizing:border-box}
#lesefassung br.wand{display:none}
#lesefassung em{font-style:normal;color:var(--lf-hell)}
#lesefassung a{color:inherit}
#lesefassung section{position:relative;padding:64px 0 0;margin:0;height:auto;min-height:0;background:none}
#lesefassung > section.lf-start{padding-top:12px}   /* Auftakt direkt unter Kopfzeile bzw. Hinweis */
#lesefassung > header + section{padding-top:56px}
#lesefassung h1,#lesefassung h2,#lesefassung h3{font-family:var(--lf-serif);font-weight:400;letter-spacing:-.012em;text-wrap:balance;margin:0;color:var(--lf-text)}
#lesefassung h1{font-size:38px;line-height:1.06}
#lesefassung h2{font-size:31px;line-height:1.1}
#lesefassung h3{font-size:24px;line-height:1.1}
#lesefassung p{margin:0}
#lesefassung p + p{margin-top:.9em}
#lesefassung .lf-augenbraue{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:14px;color:var(--lf-hell)}
#lesefassung .lf-augenbraue::before{content:"";width:9px;height:1.15em;flex:none;
  background:linear-gradient(to right,var(--lf-hell) 0 2px,transparent 2px 7px,rgba(79,212,255,.45) 7px 9px)}
#lesefassung .lf-unter{margin-top:14px;font-family:var(--lf-serif);font-size:21px;line-height:1.35;color:var(--lf-text-2);text-wrap:balance}
#lesefassung .lf-bedeutung{margin-top:14px;font-family:var(--lf-serif);font-size:21px;line-height:1.35;color:var(--lf-text-2);text-wrap:balance}
#lesefassung .lf-bedeutung b{font-weight:400;color:var(--lf-hell)}
#lesefassung .lf-satz{margin:40px 0 18px;font-family:var(--lf-serif);font-size:23px;line-height:1.3;text-wrap:balance}
#lesefassung .lf-text{margin-top:18px;font-size:16px;line-height:1.6;color:var(--lf-text-2)}
#lesefassung .lf-text strong{color:var(--lf-text);font-weight:600}
#lesefassung .lf-kopf{margin:30px 0 12px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--lf-text-2)}
#lesefassung .lf-punkte{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:14px}
#lesefassung .lf-kopf + .lf-punkte{margin-top:0}
#lesefassung .lf-punkte li{position:relative;padding-left:22px;font-family:var(--lf-serif);font-size:20px;line-height:1.28;text-wrap:balance}
#lesefassung .lf-punkte li::before{content:"";position:absolute;left:2px;top:.52em;width:7px;height:7px;border-radius:50%;background:var(--lf-hell)}
#lesefassung .lf-bild{display:block;width:100%;height:auto;margin:26px 0 0;border-radius:18px}
#lesefassung .lf-skizze{display:block;width:100%;height:auto;margin:26px 0 0;opacity:.92}

/* Hinweis „Das volle Erlebnis …" (handy.js setzt ihn oben ein) */
#lesefassung .lf-hinweis{display:flex;align-items:center;gap:12px;margin:0 0 4px;padding:12px 6px 12px 14px;border-radius:16px;
  font-size:14px;line-height:1.4;color:var(--lf-text-2);transition:opacity .3s,transform .3s;
  background:var(--lf-glas-bg);-webkit-backdrop-filter:var(--lf-glas-blur);backdrop-filter:var(--lf-glas-blur);
  border:1px solid var(--lf-glas-rand);box-shadow:0 14px 40px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08)}
#lesefassung .lf-hinweis > svg{flex:none;width:26px;height:26px;fill:none;stroke:var(--lf-hell);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#lesefassung .lf-hinweis p{flex:1}
#lesefassung .lf-hinweis button{flex:none;width:40px;height:40px;border:0;border-radius:12px;background:none;color:var(--lf-text-2);cursor:pointer;display:grid;place-items:center;padding:0}
#lesefassung .lf-hinweis button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
#lesefassung .lf-hinweis.weg{opacity:0;transform:translateY(-6px)}

/* Startbild aus Ebenen (Alles ueber PAFE): Wortmarke ganz, Boden mit Spiegelung, Geraet kleiner davor */
#lesefassung .lf-held{--grund:64%;--geraet:30%;position:relative;margin:12px calc(var(--lf-rand) * -1) 6px;aspect-ratio:375/300;overflow:hidden;
  background:linear-gradient(165deg,#0f3340 0%,#08202a 45%,#030709 100%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 80%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 80%,transparent 100%)}
/* Breiter als die Spalte (Handy quer, Pruefhilfe am Computer): Startbild auch seitlich weich auslaufen lassen */
@media (min-width:521px){
  #lesefassung .lf-held{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 80%,transparent 100%),linear-gradient(to right,transparent 0,#000 10%,#000 90%,transparent 100%);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 80%,transparent 100%),linear-gradient(to right,transparent 0,#000 10%,#000 90%,transparent 100%);
    mask-composite:intersect}
}
#lesefassung .lf-held .boden{position:absolute;left:0;right:0;top:var(--grund);bottom:0;background:linear-gradient(to bottom,#2c2e2f 0%,#161718 35%,#0a0b0b 100%)}
#lesefassung .lf-held .marke,#lesefassung .lf-held .spiegel{position:absolute;left:7%;width:86%;filter:brightness(.84) blur(1.2px)}
#lesefassung .lf-held .marke{bottom:calc(100% - var(--grund))}
#lesefassung .lf-held .spiegel{top:var(--grund);transform:scaleY(-1);opacity:.16;filter:brightness(.84) blur(3px);
  -webkit-mask-image:linear-gradient(to top,#000 0,transparent 55%);mask-image:linear-gradient(to top,#000 0,transparent 55%)}
#lesefassung .lf-held .geraet{position:absolute;left:50%;top:41%;width:var(--geraet);transform:translateX(-50%);
  -webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 92%);mask-image:linear-gradient(to bottom,#000 55%,transparent 92%)}

/* Kachel: Glasplatte mit Bild, Rand wie am Desktop, nur flach und ohne Leuchten */
#lesefassung .lf-film,#lesefassung .lf-karte{position:relative;display:block;width:100%;border-radius:22px;overflow:hidden;color:var(--lf-text);text-decoration:none;
  border:1.5px solid transparent;background:var(--lf-ueberzug) padding-box,var(--bild) center/cover no-repeat padding-box,var(--lf-kante) border-box,#0a1a22;
  box-shadow:var(--lf-schatten);-webkit-tap-highlight-color:transparent}
#lesefassung .lf-meta,#lesefassung .lf-typ{display:flex;align-items:center;gap:.6em;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--lf-text-2)}
#lesefassung .lf-meta svg,#lesefassung .lf-typ svg{width:1.7em;height:1.7em;fill:none;stroke:var(--lf-hell);stroke-width:1.6}
#lesefassung .lf-film h3,#lesefassung .lf-karte h3{text-shadow:0 4px 20px rgba(0,0,0,.55)}
#lesefassung .lf-film p,#lesefassung .lf-karte p{margin-top:.4em;font-size:14px;line-height:1.45;color:var(--lf-text-2)}

/* Film: Standbild + Abspielknopf; Antippen setzt den Film an seine Stelle (laedt erst dann) */
#lesefassung .lf-film{margin-top:26px;aspect-ratio:16/9;--lf-ueberzug:linear-gradient(to top,rgba(3,12,16,.9) 0%,rgba(3,12,16,.35) 50%,rgba(3,12,16,0) 75%)}
#lesefassung .lf-film .lf-inhalt{position:absolute;left:16px;right:16px;bottom:14px}
#lesefassung .lf-film .lf-meta{margin-bottom:6px}
#lesefassung .lf-film h3{font-size:21px}
#lesefassung .lf-film p{margin-top:2px;font-size:13px}
#lesefassung .lf-abspielen{position:absolute;left:50%;top:42%;width:58px;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);
  display:grid;place-items:center;border:2px solid rgba(255,255,255,.9);background:rgba(255,255,255,.1);box-shadow:0 10px 30px rgba(0,0,0,.35)}
#lesefassung .lf-abspielen::before{content:"";margin-left:5px;border-left:16px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}
#lesefassung .lf-film video{position:absolute;inset:0;width:100%;height:100%;background:#000;object-fit:contain}
#lesefassung .lf-film.spielt > :not(video){display:none}
/* Unterzeile eines Films unter der Kachel, wenn es eine gibt */
#lesefassung .lf-film + .lf-filmtext{margin-top:10px;font-size:14px;color:var(--lf-text-3)}

/* Artikel zum Aufklappen: der lange Text aus dem Desktop-Fenster steht direkt darunter */
#lesefassung details.lf-artikel{margin-top:4px}
#lesefassung details.lf-artikel > summary{list-style:none;cursor:pointer}
#lesefassung details.lf-artikel > summary::-webkit-details-marker{display:none}
#lesefassung .lf-artikel .lf-karte{min-height:190px;padding:16px 16px 18px;display:flex;flex-direction:column;justify-content:space-between;
  --lf-ueberzug:linear-gradient(to right,rgba(4,14,20,.94) 30%,rgba(4,14,20,.6) 62%,rgba(4,14,20,.15))}
#lesefassung .lf-artikel .lf-karte h3,#lesefassung .lf-artikel .lf-karte p{max-width:85%}
#lesefassung .lf-oben{display:flex;align-items:center;justify-content:space-between;gap:12px}
#lesefassung .lf-weiter{flex:none;display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#d6e8f0}
#lesefassung .lf-weiter i{width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(255,255,255,.75);display:grid;place-items:center}
#lesefassung .lf-weiter i::before{content:"";width:7px;height:7px;margin-top:-4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
#lesefassung details[open] .lf-weiter i::before{margin-top:4px;transform:rotate(-135deg)}
#lesefassung .lf-weiter .zu{display:none}
#lesefassung details[open] .lf-weiter .auf{display:none}
#lesefassung details[open] .lf-weiter .zu{display:inline}
#lesefassung .lf-artikel .lf-text{margin:14px 4px 0;padding:4px 0 6px 16px;border-left:2px solid rgba(79,212,255,.45)}
#lesefassung .lf-artikel .lf-text h3{display:none}
#lesefassung .lf-schluss,#lesefassung .schluss{font-family:var(--lf-serif);font-size:19px;line-height:1.35;color:var(--lf-text)}
/* Wortkacheln der ersten Wand (Alles ueber PAFE): am Handy nicht gezeigt (Richard 2026-10-16), die Zeile lf-bedeutung erklaert PAFE */
#lesefassung .lf-woerter{display:none}
/* Geraet (Alles ueber PAFE, Einfach startklar) */
#lesefassung .lf-geraet{width:62%;margin:22px auto 0;border-radius:0}

/* Kachel mit Text und Knopf (Loslegen); duenne Linie in der Farbe der Kachel */
#lesefassung .lf-kachel{position:relative;margin-top:16px;padding:20px 18px;border-radius:22px;border:1.5px solid transparent;
  background:linear-gradient(160deg,rgba(14,40,52,.92),rgba(5,16,22,.92)) padding-box,var(--lf-kante) border-box;box-shadow:var(--lf-schatten)}
#lesefassung .lf-kachel::before{content:"";position:absolute;left:22px;right:22px;top:-1px;height:2px;border-radius:2px;background:var(--lf,var(--lf-hell))}
#lesefassung .lf-kachel .lf-typ{color:var(--lf-text-3)}
#lesefassung .lf-kachel h3{margin-top:8px;font-size:25px}
#lesefassung .lf-kachel .lf-kurz{display:none}
#lesefassung .lf-kachel p{margin-top:10px;font-size:15px;line-height:1.55;color:var(--lf-text-2)}
#lesefassung .lf-knopf,#lesefassung .knopf{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:16px;padding:0 24px;border-radius:999px;border:0;
  background:var(--lf-akzent);color:#03141b;font:600 15px/1 var(--lf-sans);text-decoration:none;cursor:pointer;white-space:nowrap}
#lesefassung form{display:flex;flex-direction:column;gap:10px;margin-top:16px}
#lesefassung input[type=email]{min-height:48px;padding:0 16px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.25);
  color:var(--lf-text);font:16px var(--lf-sans)}
#lesefassung .lf-fangfeld,#lesefassung .fangfeld{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
#lesefassung .lf-rueck{font-size:13px;color:var(--lf-text-3)}
#lesefassung .nl-fehler{margin-top:10px;font-size:14px;color:#ffc6da}
/* Einwilligungshinweis unter dem Newsletter-Feld (Datenschutzerklärung Abschnitt 5) */
#lesefassung .lf-kachel p.alternativ{margin-top:12px;font-size:13px;line-height:1.5;color:var(--lf-text-3)}
#lesefassung .alternativ a{color:var(--lf-text-2)}

/* Bild mit Ort, Ueberschrift und Satz (Einsatzbeispiele) */
#lesefassung .lf-beispiele{display:grid;gap:22px;margin-top:26px}
#lesefassung .lf-beispiel{margin:0;border-radius:20px;overflow:hidden;border:1px solid var(--lf-glas-rand);background:rgba(8,24,32,.7);box-shadow:var(--lf-schatten)}
#lesefassung .lf-beispiel img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
#lesefassung .lf-beispiel figcaption{padding:14px 16px 18px}
#lesefassung .lf-ort{display:block;margin-bottom:6px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--lf-hell)}
#lesefassung .lf-beispiel h3{font-size:22px}
#lesefassung .lf-beispiel p{margin-top:6px;font-size:15px;line-height:1.5;color:var(--lf-text-2)}

/* Notiz (Technologie): abgesetzter Textblock mit eigener Ueberschrift */
#lesefassung .lf-notiz{margin-top:30px;padding:18px 18px 20px;border-radius:18px;border:1px solid var(--lf-glas-rand);background:rgba(8,24,32,.6)}
#lesefassung .lf-notiz h3{font-size:22px;margin-bottom:10px}
#lesefassung .lf-notiz p{font-size:15px;line-height:1.6;color:var(--lf-text-2)}
/* Funktionsgruppen (Technologie K7): Markup wie am Desktop (.gruppe + .merkmal), damit der Plan es unveraendert nimmt */
#lesefassung .lf-gruppe .gruppe{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--lf-hell)}
#lesefassung .merkmal{margin-top:16px}
#lesefassung .merkmal h4{margin:0;font-family:var(--lf-serif);font-size:20px;font-weight:400;line-height:1.25;color:var(--lf-text)}
#lesefassung .merkmal h4 small{font-family:var(--lf-sans);font-size:13px;color:var(--lf-text-3)}
#lesefassung .merkmal p{margin-top:4px;font-size:15px;line-height:1.55;color:var(--lf-text-2)}
/* Ansichten, technische Daten, Stueckliste (Technologie K2) */
#lesefassung .lf-ansicht{margin:22px 0 0}
#lesefassung .lf-ansicht .lf-skizze{margin:0}
#lesefassung .lf-ansicht figcaption{margin-top:4px;font-size:13px;text-align:center;color:var(--lf-text-3)}
#lesefassung .lf-daten{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px;font-size:15px;color:var(--lf-text-2)}
#lesefassung .lf-stueckliste{margin:26px 0 0;padding:0 0 0 22px;display:grid;gap:8px;font-size:13px;color:var(--lf-text-3)}
#lesefassung .lf-stueckliste b{font-weight:600;letter-spacing:.12em;color:var(--lf-text-2)}
#lesefassung .lf-stueckliste span{letter-spacing:.06em}
#lesefassung .lf-frage{margin-top:22px;font-family:var(--lf-serif);font-size:20px;color:var(--lf-hell)}