/* april-scherz.com, Theme "Zeitungsente" (T2, 06.11.2026). Grundlage: design/a-zeitungsente/assets/zeitung.css, Ergänzungen fürs CMS am Ende. */
@font-face{font-family:"Literata";src:url(/assets/as/fonts/literata-var.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url(/assets/as/fonts/figtree-var.woff2) format("woff2");font-weight:300 900;font-style:normal;font-display:swap}

:root{
  --papier:#f8f4ec; --papier-2:#f0e9db; --papier-3:#e6dcc8;
  --druck:#1d1b18; --leise:#59534a; --linie:#d6ccb8; --linie-stark:#1d1b18;
  --rot:#b3261e; --rot-dunkel:#8e1c16; --rot-hell:#f6e1dc;
  --gruen:#2c6a3a; --gruen-hell:#e1eedf; --gelb:#7a5600; --gelb-hell:#f6ebcc;
  --kasten:#fffdf8; --fenster:#1d1b18; --fenster-text:#f8f4ec; --fenster-link:#ffb4a8;
  --serif:"Literata","Iowan Old Style",Georgia,"Times New Roman",serif;
  --sans:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --breite:1160px; --lese:800px;
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
  :root{
    --papier:#191816; --papier-2:#22201d; --papier-3:#2d2a26;
    --druck:#ece6da; --leise:#b8afa1; --linie:#3d3933; --linie-stark:#ece6da;
    --rot:#f08b7f; --rot-dunkel:#ffb0a6; --rot-hell:#3a201c;
    --gruen:#8fd19c; --gruen-hell:#1d2e20; --gelb:#e9c46a; --gelb-hell:#332a14;
    --kasten:#211f1c; --fenster:#ece6da; --fenster-text:#191816; --fenster-link:#8e1c16;
  }
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--papier);color:var(--druck);font:400 1.0625rem/1.65 var(--serif);overflow-wrap:break-word}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--rot-dunkel);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--rot);outline-offset:3px;border-radius:2px}
h1,h2,h3,h4{font-family:var(--serif);line-height:1.18;font-weight:700;margin:0 0 .5em;letter-spacing:-.005em}
h1{font-size:clamp(2rem,6vw,3.1rem);font-weight:800}
h2{font-size:clamp(1.45rem,3.6vw,1.9rem);margin-top:1.8em}
h3{font-size:1.2rem;margin-top:1.4em}
p,ul,ol{margin:0 0 1em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.springen{position:absolute;left:-999px;top:8px;background:var(--druck);color:var(--papier);padding:12px 16px;z-index:5}
.springen:focus{left:8px}
.wrap{max-width:var(--breite);margin:0 auto;padding:0 16px}
@media (min-width:700px){.wrap{padding:0 28px}}

/* Kopf: scrollt mit, nie fest */
.kopf{border-bottom:4px double var(--linie-stark)}
.kopf-zeile{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:500 .82rem/1.4 var(--sans);color:var(--leise);padding:8px 0;border-bottom:1px solid var(--linie)}
.kopf-marke{display:flex;align-items:center;justify-content:center;gap:14px;padding:18px 0 14px;text-decoration:none;color:var(--druck)}
.kopf-marke svg{width:52px;height:52px;flex:none}
.kopf-name{font:800 clamp(1.7rem,6.5vw,2.9rem)/1 var(--serif);letter-spacing:-.01em}
.kopf-name span{color:var(--rot)}
.kopf-motto{display:block;font:500 .78rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--leise);margin-top:6px}
.nav{border-top:1px solid var(--linie)}
.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center}
.nav a{display:flex;align-items:center;min-height:44px;padding:0 12px;font:600 .95rem/1 var(--sans);color:var(--druck);text-decoration:none}
.nav a:hover,.nav a[aria-current]{color:var(--rot);text-decoration:underline;text-underline-offset:6px}

/* Brotkrumen und Kopfzeilen der Artikel */
.krumen{font:500 .88rem/1.4 var(--sans);color:var(--leise);margin:18px 0 10px}
.krumen ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.krumen li{display:flex;align-items:center;min-height:44px}
.krumen li+li::before{content:"/";margin:0 8px;color:var(--linie)}
.krumen a{color:var(--leise);display:inline-flex;min-height:44px;align-items:center}
.rubrik{display:inline-block;font:700 .78rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--rot);border-top:3px solid var(--rot);padding-top:6px;margin-bottom:12px}
.dachzeile{font:600 .9rem/1.4 var(--sans);color:var(--leise);margin:0 0 6px}
.vorspann{font-size:1.18rem;line-height:1.55;color:var(--druck)}
.autor{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;font:500 .9rem/1.4 var(--sans);color:var(--leise);border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);padding:10px 0;margin:18px 0 22px}
.autor a{color:var(--druck);font-weight:700;display:inline-flex;min-height:44px;align-items:center}

/* Seitenaufbau Artikel */
.seite{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;padding-bottom:56px}
@media (min-width:1100px){
  .seite{grid-template-columns:minmax(0,var(--lese)) 280px;justify-content:space-between}
  .artikel{font-size:19px}
}
.artikel>*:first-child{margin-top:0}
.artikel h2{border-top:1px solid var(--linie);padding-top:.7em}
.artikel ul,.artikel ol{padding-left:1.3em}
.artikel li{margin-bottom:.35em}
.initial::first-letter{float:left;font:800 3.6em/.8 var(--serif);color:var(--rot);margin:.08em .1em 0 0}

/* Bilder */
figure{margin:0 0 1.4em}
figure img{width:100%;background:var(--papier-2)}
figcaption{font:400 .85rem/1.45 var(--sans);color:var(--leise);margin-top:8px;padding-bottom:8px;border-bottom:1px solid var(--linie)}
.titelbild{margin:0 0 1.6em}
.titelbild img{aspect-ratio:16/9;object-fit:cover}
.textbild img{aspect-ratio:3/2;object-fit:cover}

/* Kurzantwort */
.kurz{background:var(--kasten);border:1px solid var(--linie);border-left:5px solid var(--rot);padding:16px 18px;margin:0 0 1.6em}
.kurz h2{font:800 .8rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--rot);border:0;padding:0;margin:0 0 8px}
.kurz p{margin:0}

/* Steckbrief als Infokasten */
.steckbrief{border:2px solid var(--linie-stark);background:var(--kasten);margin:0 0 1.6em}
.steckbrief h2{margin:0;padding:10px 16px;font:800 .82rem/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;background:var(--druck);color:var(--papier);border:0}
.steckbrief table{width:100%;border-collapse:collapse;font:400 .98rem/1.45 var(--sans)}
.steckbrief th,.steckbrief td{text-align:left;vertical-align:top;padding:10px 16px;border-top:1px solid var(--linie)}
.steckbrief tr:first-child th,.steckbrief tr:first-child td{border-top:0}
.steckbrief th{width:38%;font-weight:700;color:var(--leise)}
@media (max-width:420px){.steckbrief th,.steckbrief td{display:block;width:auto;padding:4px 14px}.steckbrief th{padding-top:10px;border-top:1px solid var(--linie)}.steckbrief td{border:0;padding-bottom:10px}}

/* Harmlos-Check */
.harmlos{border:1px solid var(--linie);background:var(--kasten);padding:16px 18px 6px;margin:0 0 1.6em}
.harmlos h2{margin:0 0 10px;border:0;padding:0;font-size:1.25rem}
.einstufung{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:700 1rem/1.3 var(--sans);margin:0 0 12px}
.marke{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font:700 .85rem/1.2 var(--sans);border:1.5px solid currentColor}
.marke.gut{color:var(--gruen);background:var(--gruen-hell)}
.marke.vorsicht{color:var(--gelb);background:var(--gelb-hell)}
.marke.nein{color:var(--rot);background:var(--rot-hell)}
.pruefliste{list-style:none;padding:0 !important;margin:0 0 10px;font:400 .98rem/1.5 var(--sans)}
.pruefliste li{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--linie);margin:0}
.pruefliste b{display:block}

/* Schritte */
.schritte{counter-reset:s;list-style:none;padding:0 !important}
.schritte>li{counter-increment:s;position:relative;padding:0 0 0 56px;margin:0 0 1.2em;min-height:40px}
.schritte>li::before{content:counter(s);position:absolute;left:0;top:0;width:40px;height:40px;display:grid;place-items:center;font:800 1.1rem/1 var(--serif);color:var(--papier);background:var(--druck);border-radius:50%}
.schritte b{display:block;font-family:var(--serif)}

/* Auflösung mit Stempel */
.aufloesung{position:relative;border:1px dashed var(--leise);padding:22px 18px 18px;margin:1.6em 0;background:var(--kasten)}
.aufloesung h2{border:0;padding:0;margin-top:0}
.stempel{display:inline-block;margin:0 0 14px;padding:8px 18px;font:800 1.5rem/1 var(--serif);letter-spacing:.04em;text-transform:uppercase;color:var(--rot);border:4px double var(--rot);border-radius:6px;transform:rotate(-7deg);opacity:.92}
@media (min-width:700px){.stempel{position:absolute;right:18px;top:-18px;margin:0;background:var(--papier)}}
@media (prefers-reduced-motion:no-preference){
  .stempel{animation:stempeln .5s cubic-bezier(.2,1.6,.4,1) both}
  @keyframes stempeln{from{transform:rotate(-7deg) scale(1.6);opacity:0}to{transform:rotate(-7deg) scale(1);opacity:.92}}
}
.kopiertext{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;margin-top:12px}
.kopiertext blockquote{flex:1 1 260px;margin:0;padding:12px 14px;background:var(--papier-2);border-left:3px solid var(--rot);font-style:normal}
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;font:700 .95rem/1 var(--sans);color:var(--papier);background:var(--druck);border:2px solid var(--druck);border-radius:4px;cursor:pointer;text-decoration:none}
.knopf:hover{background:var(--rot-dunkel);border-color:var(--rot-dunkel);color:#fff}
.knopf.leer{background:transparent;color:var(--druck)}
.knopf.leer:hover{background:var(--druck);color:var(--papier)}
.knopf-meldung{font:600 .9rem/44px var(--sans);color:var(--gruen)}

/* Randnotiz */
.randnotiz{border-left:3px solid var(--rot);padding:4px 0 4px 16px;margin:1.4em 0;font:italic 400 1rem/1.55 var(--serif);color:var(--leise);transform:rotate(-.6deg)}
.randnotiz b{display:block;font:800 .74rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--rot);margin-bottom:4px;font-style:normal}
@media (prefers-reduced-motion:reduce){.randnotiz{transform:none}}

/* Seitenspalte, nicht klebend */
.spalte{font:400 .95rem/1.5 var(--sans)}
.spalte section{border-top:3px solid var(--linie-stark);padding-top:10px;margin-bottom:28px}
.spalte h2{font:800 .8rem/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px}
.spalte ol,.spalte ul{list-style:none;padding:0;margin:0}
.spalte li a{display:flex;align-items:center;min-height:44px;color:var(--druck);text-decoration:none;border-bottom:1px solid var(--linie)}
.spalte li a:hover{color:var(--rot)}

/* Anzeigenplatz, statisch */
.anzeige{margin:28px 0;padding:8px 0 0;border-top:1px solid var(--linie);min-height:140px;background:repeating-linear-gradient(135deg,transparent 0 10px,var(--papier-2) 10px 11px)}
.anzeige::before{content:"Anzeige";display:block;font:600 .72rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--leise)}
.spalte .anzeige{min-height:250px}

/* Karten */
.karten{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:28px 24px;list-style:none;padding:0 !important;margin:0 0 1.6em}
.karten.drei{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}
.karte{display:flex;flex-direction:column;margin:0;border-top:1px solid var(--linie-stark);padding-top:12px}
.karte-bild{position:relative;display:block;margin-bottom:10px}
.karte-bild img{width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--papier-2)}
.karte-bild small{position:absolute;right:6px;bottom:6px;padding:2px 6px;font:500 .7rem/1.3 var(--sans);color:#fff;background:rgba(29,27,24,.78)}
.karte h3{margin:0 0 6px;font-size:1.12rem}
.karte h3 a{color:var(--druck);text-decoration:none}
.karte h3 a::after{content:"";position:absolute;inset:0}
.karte{position:relative}
.karte h3 a:hover{color:var(--rot);text-decoration:underline}
.karte p{margin:0 0 8px;font:400 .95rem/1.5 var(--sans);color:var(--leise)}
.werte{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0 !important;margin:auto 0 0;font:600 .78rem/1.2 var(--sans)}
.werte li{padding:4px 8px;border:1px solid var(--linie);background:var(--kasten);margin:0}

/* Tabellen */
.tabelle-rahmen{overflow-x:auto;margin:0 0 1.6em;border-top:2px solid var(--linie-stark);border-bottom:2px solid var(--linie-stark)}
.tabelle{width:100%;min-width:540px;border-collapse:collapse;font:400 .95rem/1.45 var(--sans)}
.tabelle caption{text-align:left;font:700 .95rem/1.4 var(--sans);padding:10px 0;caption-side:top}
.tabelle th,.tabelle td{text-align:left;vertical-align:top;padding:10px 12px;border-top:1px solid var(--linie)}
.tabelle thead th{border-top:0;font-weight:800;background:var(--papier-2)}

/* FAQ */
.faq details{border-top:1px solid var(--linie)}
.faq details:last-child{border-bottom:1px solid var(--linie)}
.faq summary{cursor:pointer;min-height:44px;padding:12px 0;font:700 1.05rem/1.4 var(--serif);list-style-position:outside}
.faq details p{margin:0 0 14px}

/* Quellen */
sup a{font:700 .72em/1 var(--sans);text-decoration:none;padding:0 1px}
.quellen{font:400 .9rem/1.55 var(--sans);padding-left:1.6em}
.quellen li{margin-bottom:.6em}
.quellen li:target{background:var(--gelb-hell)}

/* Glossar-Fenster unter dem Begriff */
.gl{position:relative;display:inline}
.gl-begriff{color:inherit;text-decoration:underline dotted;text-decoration-thickness:1.5px;text-underline-offset:4px;cursor:help}
.gl-begriff:hover{color:var(--rot)}
.gl-fenster{display:none}
.js .gl-fenster{position:absolute;left:0;top:calc(100% + 8px);z-index:3;width:min(320px,calc(100vw - 32px));padding:14px 16px 6px;background:var(--fenster);color:var(--fenster-text);border-radius:4px;box-shadow:0 8px 24px rgba(0,0,0,.28);font:400 .92rem/1.55 var(--sans);text-align:left}
.js .gl-fenster::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.js .gl-fenster strong{display:block;font:700 1.02rem/1.3 var(--serif);margin-bottom:4px}
.js .gl-fenster a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--fenster-link)}
.js .gl.offen .gl-fenster{display:block}

/* Startseite */
.aufmacher{display:grid;gap:24px;padding:26px 0 8px;border-bottom:1px solid var(--linie)}
@media (min-width:900px){.aufmacher{grid-template-columns:1.25fr 1fr;align-items:center;gap:40px}}
.aufmacher h1{margin-bottom:.3em}
.countdown{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font:600 1rem/1.4 var(--sans);border-top:3px solid var(--rot);border-bottom:1px solid var(--linie);padding:10px 0;margin:16px 0}
.countdown strong{font:800 2rem/1 var(--serif);color:var(--rot)}
.block{padding:30px 0 6px}
.block-kopf{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;border-top:4px double var(--linie-stark);padding-top:10px;margin-bottom:20px}
.block-kopf h2{margin:0;font-size:clamp(1.35rem,3.4vw,1.7rem)}
.block-kopf a{font:700 .92rem/1 var(--sans);display:inline-flex;min-height:44px;align-items:center}
.zeitungsseite{display:grid;gap:28px}
@media (min-width:900px){.zeitungsseite{grid-template-columns:2fr 1fr 1fr;gap:0}.zeitungsseite>article{padding:0 22px;border-left:1px solid var(--linie)}.zeitungsseite>article:first-child{padding-left:0;border-left:0}.zeitungsseite>article:last-child{padding-right:0}}
.zeitungsseite article{position:relative}
.zeitungsseite h3{margin:0 0 6px;font-size:1.2rem}
.zeitungsseite .gross h3{font-size:clamp(1.4rem,3vw,1.85rem)}
.zeitungsseite h3 a{color:var(--druck);text-decoration:none}
.zeitungsseite h3 a:hover{color:var(--rot);text-decoration:underline}
.zeitungsseite p{font-size:.98rem}
.zeitungsseite figure{margin-bottom:12px}
.zeitungsseite figure img{aspect-ratio:3/2;object-fit:cover}
.alphabet{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0 0 14px}
.alphabet a{display:grid;place-items:center;min-width:44px;min-height:44px;font:700 1rem/1 var(--serif);border:1px solid var(--linie);color:var(--druck);text-decoration:none;background:var(--kasten)}
.alphabet a:hover{border-color:var(--rot);color:var(--rot)}
.begriffe{columns:2 180px;column-gap:28px;column-rule:1px solid var(--linie);list-style:none;padding:0;margin:0}
.begriffe a{display:flex;align-items:center;min-height:44px;color:var(--druck);break-inside:avoid}
.werkzeuge{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));list-style:none;padding:0;margin:0}
.werkzeuge li{border:2px solid var(--linie-stark);padding:16px;background:var(--kasten);font:400 .95rem/1.5 var(--sans)}
.werkzeuge h3{margin:0 0 6px}

/* Streich-Finder: statischer Filterkasten */
.filter{border:2px solid var(--linie-stark);background:var(--kasten);padding:14px 16px 4px;margin:0 0 24px}
.filter fieldset{border:0;margin:0 0 12px;padding:0}
.filter legend{font:800 .8rem/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;padding:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{position:relative}
.chips input{position:absolute;opacity:0;width:1px;height:1px}
.chips span{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1.5px solid var(--linie);border-radius:999px;font:600 .92rem/1 var(--sans);cursor:pointer;background:var(--papier)}
.chips input:checked+span{background:var(--druck);color:var(--papier);border-color:var(--druck)}
.chips input:focus-visible+span{outline:3px solid var(--rot);outline-offset:2px}
.filter-fuss{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid var(--linie);padding:10px 0}
.treffer{font:700 1rem/1.4 var(--sans)}
.karte[hidden]{display:none}

/* Glossarseite */
.definition{font-size:1.15rem;line-height:1.6;border-top:3px solid var(--rot);border-bottom:1px solid var(--linie);padding:14px 0;margin:0 0 1.6em}
.verwandt{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0 !important}
.verwandt a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--linie);background:var(--kasten);font:600 .92rem/1 var(--sans);color:var(--druck);text-decoration:none}
.verwandt a:hover{border-color:var(--rot);color:var(--rot)}

/* Fuß */
.fuss{border-top:4px double var(--linie-stark);margin-top:40px;padding:26px 0 34px;font:400 .92rem/1.5 var(--sans);color:var(--leise)}
.fuss-raster{display:grid;gap:20px}
@media (min-width:800px){.fuss-raster{grid-template-columns:1.4fr 1fr 1fr}}
.fuss h2{font:800 .8rem/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--druck);margin:0 0 6px}
.fuss ul{list-style:none;padding:0;margin:0}
.fuss a{color:var(--druck);display:inline-flex;min-height:44px;align-items:center}
.fuss .betreiber{border-top:1px solid var(--linie);margin-top:18px;padding-top:12px}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}
@media print{.nav,.anzeige,.spalte,.fuss,.filter,.knopf{display:none}body{background:#fff;color:#000}}

/* ===== Ergänzungen fürs CMS (T2) ===== */
.lesebreite{max-width:var(--lese)}
@media (min-width:1100px){.lesebreite.artikel,.lesebreite .artikel{font-size:19px}}
main.wrap{padding-bottom:48px}
.artikel table:not(.tabelle){width:100%}
.artikel img{max-width:100%}
.artikel blockquote{margin:0 0 1.2em;padding:10px 16px;border-left:3px solid var(--linie-stark);background:var(--papier-2)}
.artikel .kopiertext blockquote{border-left-color:var(--rot)}
.einstufung{gap:10px 18px}
.einstufung-teil{display:inline-flex;align-items:center;gap:8px;font:600 .95rem/1.3 var(--sans)}
.spalte .spalte-link a{display:inline-flex;min-height:44px;align-items:center;font-weight:700;border:0}
.spalte li a[aria-current]{color:var(--rot);font-weight:700}
.spalte .anzeige{margin-top:0}
.anzeige:empty{display:block}
.anzeige ins{min-height:inherit}
.karten.eins{grid-template-columns:minmax(0,420px)}
.karte .dachzeile{margin:0 0 4px;font-size:.8rem}
.karte-text{border-top:3px solid var(--linie-stark)}
.sprung{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.sprung a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--linie);background:var(--kasten);font:600 .92rem/1 var(--sans);color:var(--druck);text-decoration:none}
.sprung a:hover{border-color:var(--rot);color:var(--rot)}
.hinweis-finder{font:500 1rem/1.5 var(--sans);border-left:3px solid var(--rot);padding:4px 0 4px 14px;max-width:var(--lese)}
.aufmacher .knoepfe{display:flex;flex-wrap:wrap;gap:10px}
.countdown-gross .countdown strong{font-size:clamp(2.4rem,9vw,3.6rem)}
.countdown-hinweis{font:400 .92rem/1.5 var(--sans);color:var(--leise)}
.werkzeug-flaeche{border:2px solid var(--linie-stark);background:var(--kasten);padding:16px 18px;margin:0 0 1.6em}
.werkzeug-flaeche h2{border:0;padding:0;margin-top:0}
.download{border:2px solid var(--linie-stark);background:var(--kasten);padding:14px 18px;margin:0 0 1.6em;font-family:var(--sans)}
.download h2{border:0;padding:0;margin:0 0 8px;font-size:1.2rem}
.finder-block{padding-top:10px}
.textliste{list-style:none;padding:0 !important;counter-reset:t}
.textliste>li{margin:0 0 18px}
.textliste .kopiertext{margin-top:0}
.text-aufloesung{font:400 .92rem/1.5 var(--sans);color:var(--leise);margin:6px 0 0}
.auch{font:400 .95rem/1.5 var(--sans);color:var(--leise)}
.verwandt span{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--linie);background:var(--kasten);font:600 .92rem/1 var(--sans)}
.alphabet .leer{display:grid;place-items:center;min-width:44px;min-height:44px;font:700 1rem/1 var(--serif);color:var(--linie);border:1px dashed var(--linie)}
.alphabet.leiste{margin:10px 0 24px}
.buchstabe h2{border-top:4px double var(--linie-stark);padding-top:8px;margin-top:1.4em}
.begriffe-liste{list-style:none;padding:0;margin:0}
.begriffe-liste a{display:block;padding:10px 0;border-bottom:1px solid var(--linie);color:var(--druck);text-decoration:none}
.begriffe-liste a:hover b{color:var(--rot);text-decoration:underline}
.begriffe-liste b{display:block;font:700 1.1rem/1.3 var(--serif)}
.begriffe-liste span{display:block;font:400 .95rem/1.5 var(--sans);color:var(--leise)}
.suchfeld{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.suchfeld input{flex:1 1 220px;min-height:44px;padding:0 12px;font:400 1rem/1 var(--sans);color:var(--druck);background:var(--kasten);border:2px solid var(--linie-stark);border-radius:4px}
.suchliste{list-style:none;padding:0 !important}
.suchliste li{border-bottom:1px solid var(--linie);margin:0}
.suchliste a{display:block;padding:10px 0;min-height:44px}
.suchliste small{display:block;font:400 .88rem/1.4 var(--sans);color:var(--leise)}
.fehlerseite{position:relative;padding-top:20px}
.stempel-fehler{position:static;margin:10px 0 18px}
.fehler-wege{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));list-style:none;padding:0;margin:24px 0 0}
.fehler-wege a{display:block;border-top:3px solid var(--linie-stark);padding:10px 0;color:var(--druck);text-decoration:none;font-family:var(--sans)}
.fehler-wege b{display:block;font:700 1.15rem/1.3 var(--serif)}
.fehler-wege span{color:var(--leise);font-size:.92rem}
.fehler-wege a:hover b{color:var(--rot);text-decoration:underline}
.fuss-knopf{display:inline-flex;align-items:center;min-height:44px;padding:0;background:none;border:0;font:inherit;color:var(--druck);text-decoration:underline;cursor:pointer}
.start-text{margin-top:10px}
sup.q{line-height:0}
/* Glossar-Fenster: auf schmalen Bildschirmen volle Breite (Befund familien-camp T2) */
@media (max-width:600px){.js .gl-fenster{width:calc(100vw - 32px)}}
/* Autorenfoto und Autorenkasten */
.autorfoto{border-radius:50%;object-fit:cover;background:var(--papier-2);border:2px solid var(--linie-stark)}
.autorfoto-gross{width:160px;height:160px;margin:4px 0 18px}
.autorkasten-kopf{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.autorkasten-kopf p{margin:0}
.autorkasten-kopf a{display:inline-flex;min-height:44px;align-items:center;color:var(--druck);border:0}
.autorkasten p{font-size:.92rem}
.pruefliste .marke{align-self:start;justify-content:center;min-width:3.2em}