:root{
  --stein:#23272B; --granit:#6A7178; --nebel:#8E969C;
  --grund:#EEF0EC; --karte:#FFFFFF; --linie:#D5DAD2;
  --wiese:#41633A; --wiese-hell:#5F8552; --flechte:#A9BC90;
  --himmel:#3A6A90; --warn:#8C5A2B;
  --schatten:0 1px 2px rgba(35,39,43,.05), 0 8px 24px -12px rgba(35,39,43,.14);
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Public Sans","Helvetica Neue",Arial,sans-serif;
  --mass:66ch; --breit:1120px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --stein:#E3E7E1; --granit:#9AA39B; --nebel:#7E877F;
    --grund:#15181A; --karte:#1D2124; --linie:#2E3438;
    --wiese:#8FB37A; --wiese-hell:#A6C793; --flechte:#5C6E4B;
    --himmel:#7FAECC; --warn:#C99A62;
    --schatten:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);
  }
}
:root[data-theme="dark"]{
  --stein:#E3E7E1; --granit:#9AA39B; --nebel:#7E877F;
  --grund:#15181A; --karte:#1D2124; --linie:#2E3438;
  --wiese:#8FB37A; --wiese-hell:#A6C793; --flechte:#5C6E4B;
  --himmel:#7FAECC; --warn:#C99A62;
  --schatten:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);
}
*{box-sizing:border-box}
.sprung{position:absolute;left:-9999px;top:0;z-index:100;background:var(--karte);color:var(--stein);
  padding:10px 16px;border-radius:0 0 3px 0}
.sprung:focus{left:0}
body{margin:0;background:var(--grund);color:var(--stein);
  font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--himmel);text-underline-offset:3px;text-decoration-thickness:1px}
a:focus-visible,button:focus-visible{outline:2px solid var(--himmel);outline-offset:3px;border-radius:2px}
.wrap{max-width:var(--breit);margin-inline:auto;padding-inline:24px}
.mass{max-width:var(--mass)}
h1,h2,h3{font-family:var(--serif);font-weight:400;text-wrap:balance;margin:0}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}

/* ── Kopf ───────────────────────────────────────── */
html{scroll-padding-top:72px}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#1a2733;display:grid;
  min-height:clamp(520px,76vh,700px)}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 44%;
  opacity:1;filter:brightness(1.1) saturate(1.04)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,
  rgba(10,18,26,.16) 0%,rgba(10,18,26,.08) 32%,rgba(10,18,26,.32) 58%,
  rgba(10,18,26,.66) 80%,rgba(10,18,26,.80) 100%)}
.hero-txt{grid-area:1/1;z-index:2;align-self:end;padding:clamp(40px,6vw,66px) 0 clamp(26px,5vw,50px);
  text-shadow:0 1px 3px rgba(10,18,26,.55), 0 2px 22px rgba(10,18,26,.6)}
.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;
  color:var(--flechte);margin:0 0 14px;line-height:1.5;max-width:40ch}
.hero h1{color:#F4F6F2;font-size:clamp(2rem,5.6vw,3.9rem);line-height:1.05;font-weight:300;
  letter-spacing:-.015em;max-width:19ch}
.hero h1 em{font-style:italic;color:#CBDCB4}
.hero .eyebrow{color:#E4EFD3}
.hero-sub{color:#EAEFE6;max-width:52ch;margin-top:18px;font-size:clamp(1rem,1.6vw,1.17rem)}
.horizont{height:1px;background:linear-gradient(90deg,var(--flechte),transparent);margin:22px 0 0;max-width:280px}

/* ── Galerie ────────────────────────────────────── */
.galerie{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}
@media(max-width:860px){.galerie{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.galerie{grid-template-columns:1fr}}
.gkachel{position:relative;display:block;padding:0;border:0;margin:0;cursor:zoom-in;
  border-radius:3px;overflow:hidden;background:#1a2430;line-height:0;
  box-shadow:var(--schatten);transition:transform .2s ease}
.gkachel img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:opacity .2s ease}
.gkachel:hover{transform:translateY(-2px)}
.gkachel:hover img{opacity:.86}
.gkachel figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 9px;
  font-family:var(--sans);font-size:.76rem;line-height:1.35;color:#E4EADF;text-align:left;
  background:linear-gradient(180deg,transparent,rgba(10,18,26,.78))}
.geinladung{display:flex;flex-direction:column;justify-content:center;gap:10px;
  aspect-ratio:4/3;padding:22px;border:1px dashed var(--flechte);border-radius:3px;
  background:var(--karte);text-align:left}
.geinladung h3{font-size:1.05rem;margin:0}
.geinladung p{font-size:.86rem;color:var(--granit);margin:0;line-height:1.5}
.geinladung a{align-self:flex-start;margin-top:2px}

.leuchtkasten{position:fixed;inset:0;z-index:60;display:none;place-items:center;
  width:100%;height:100%;max-width:none;max-height:none;margin:0;
  background:rgba(8,12,16,.94);padding:20px;border:0}
.leuchtkasten[open]{display:grid}
.leuchtkasten::backdrop{background:rgba(8,12,16,.9)}
.leuchtkasten img{max-width:min(1180px,94vw);max-height:82vh;width:auto;border-radius:3px}
.lk-text{color:#D7DFD5;font-size:.86rem;text-align:center;margin-top:14px;max-width:60ch;
  margin-inline:auto;line-height:1.5}
.lk-zu{position:absolute;top:14px;right:16px;width:40px;height:40px;border-radius:50%;
  border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;
  font-size:20px;line-height:1;cursor:pointer}
.lk-zu:hover{background:rgba(255,255,255,.2)}
.lk-blaettern{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:56px;
  border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#fff;
  font-size:22px;line-height:1;cursor:pointer;border-radius:3px}
.lk-blaettern:hover{background:rgba(255,255,255,.18)}
.lk-vor{right:16px}.lk-zurueck{left:16px}
@media(max-width:620px){.lk-blaettern{display:none}}

/* ── Bausteine ──────────────────────────────────── */
section{padding:clamp(48px,7vw,86px) 0}
section+section{border-top:1px solid var(--linie)}
.kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;
  color:var(--wiese);margin:0 0 12px}
h2{font-size:clamp(1.6rem,3.2vw,2.35rem);line-height:1.15;letter-spacing:-.01em;margin-bottom:.7em}
h3{font-size:1.18rem;line-height:1.3;margin-bottom:.35em}
.lead{font-size:clamp(1.08rem,2vw,1.28rem);line-height:1.6;color:var(--stein)}

.zitat{font-family:var(--serif);font-style:italic;font-size:clamp(1.12rem,2.1vw,1.42rem);
  line-height:1.5;color:var(--stein);border-left:2px solid var(--flechte);
  padding:2px 0 2px 22px;margin:26px 0}
.zitat cite{display:block;font-family:var(--sans);font-style:normal;font-size:.8rem;
  letter-spacing:.04em;color:var(--nebel);margin-top:12px}

/* Chronologie */
.chrono{list-style:none;margin:0;padding:0;display:grid;gap:0}
.chrono li{display:grid;grid-template-columns:112px 1fr;gap:22px;
  padding:18px 0;border-top:1px solid var(--linie)}
.chrono li:last-child{border-bottom:1px solid var(--linie)}
.chrono .wann{font-size:.82rem;font-weight:600;letter-spacing:.03em;color:var(--wiese);
  font-variant-numeric:tabular-nums;padding-top:3px}
.chrono .was{margin:0}
.chrono .quelle{display:block;font-size:.8rem;color:var(--nebel);margin-top:5px}
.chrono li.jetzt .wann{color:var(--warn)}

/* Fragenkarten */
.karten{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));margin-top:26px}
.karte{background:var(--karte);border:1px solid var(--linie);border-radius:3px;
  padding:22px 22px 24px;box-shadow:var(--schatten)}
.karte h3{font-size:1.05rem}
.karte p{font-size:.95rem;color:var(--granit);margin:0}

/* Fragen: fünf Karten, die letzte über zwei Spalten */
#fragen .karten{grid-template-columns:repeat(3,1fr)}
#fragen .karte{display:flex;align-items:center;padding:20px 22px}
#fragen .karte h3{margin:0;line-height:1.35;font-size:1.02rem}
#fragen .karte:nth-child(5){grid-column:span 2}
@media(max-width:900px){
  #fragen .karten{grid-template-columns:repeat(2,1fr)}
  #fragen .karte:nth-child(5){grid-column:span 2}
}
@media(max-width:600px){
  #fragen .karten{grid-template-columns:1fr}
  #fragen .karte:nth-child(5){grid-column:auto}
}

/* Voraussetzungen: nur Überschriften in den Kästen */
#versammlung .karten{grid-template-columns:repeat(3,1fr)}
#versammlung .karte{display:flex;align-items:center;padding:20px 22px}
#versammlung .karte h3{margin:0;line-height:1.35;font-size:1.02rem}
@media(max-width:820px){#versammlung .karten{grid-template-columns:1fr}}

/* Ensemble */
.ensemble{display:grid;gap:0;margin-top:24px}
.ensemble div{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:baseline;
  padding:13px 0;border-bottom:1px solid var(--linie)}
.ensemble b{font-weight:500}
.ensemble span{font-size:.85rem;color:var(--nebel);text-align:right}

/* Zweispalter mit Bild */
.split{display:grid;gap:clamp(24px,4vw,52px);grid-template-columns:1fr;align-items:center}
@media(min-width:820px){.split{grid-template-columns:1.05fr .95fr}}
.split figure{margin:0}
.split img{border-radius:3px;box-shadow:var(--schatten)}
.split figcaption{font-size:.8rem;color:var(--nebel);margin-top:10px}

/* Mitmachen */
.mit{background:var(--karte);border:1px solid var(--linie);border-radius:4px;
  padding:clamp(24px,4vw,40px);box-shadow:var(--schatten)}
.wege{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin:28px 0 0}
.weg{display:flex;flex-direction:column;gap:10px}
.weg .num{font-family:var(--serif);font-size:1.5rem;color:var(--flechte);line-height:1}
.weg h3{font-size:1.02rem;margin:0}
.weg p{font-size:.93rem;color:var(--granit);margin:0;flex:1}
.btn{display:inline-block;font-family:var(--sans);font-size:.92rem;font-weight:600;
  padding:11px 20px;border-radius:3px;text-decoration:none;border:1px solid transparent;cursor:pointer}
.btn-voll{background:var(--wiese);color:#fff}
:root[data-theme="dark"] .btn-voll,
:root:not([data-theme="light"]) .btn-voll{color:#12180F}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .btn-voll{color:#fff}}
.btn-voll:hover{background:var(--wiese-hell)}
.btn-rand{border-color:var(--linie);color:var(--stein);background:transparent}
.btn-rand:hover{border-color:var(--wiese);color:var(--wiese)}
.btn-reihe{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hero .btn-reihe{margin-top:26px}
.hinweis{font-size:.86rem;color:var(--nebel);margin-top:20px}
.kopier{font-family:var(--sans);font-size:.93rem;background:transparent;border:1px dashed var(--linie);
  color:var(--stein);padding:9px 14px;border-radius:3px;cursor:pointer}
.kopier:hover{border-color:var(--wiese);color:var(--wiese)}

/* Antrag */
.antrag{background:var(--karte);border:1px solid var(--linie);border-radius:3px;
  padding:clamp(22px,3.4vw,40px);margin-top:26px;font-size:.97rem}
.antrag .an{font-size:.88rem;color:var(--granit);margin-bottom:22px;line-height:1.5}
.antrag h3{font-family:var(--sans);font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 20px}
details summary{cursor:pointer;font-weight:600;color:var(--wiese);font-size:.95rem;
  padding:10px 0;list-style:none}
details summary::-webkit-details-marker{display:none}
details summary::before{content:"▸ ";display:inline-block;transition:transform .15s}
details[open] summary::before{content:"▾ "}

/* Namen */
.unt-lbl{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;font-weight:600;
  color:var(--nebel);margin:26px 0 0;padding-top:18px;border-top:1px solid var(--linie)}
.unterzeichner{columns:3 170px;column-gap:26px;margin-top:12px;font-size:.9rem;
  line-height:1.75;color:var(--granit)}
.unterzeichner span{display:block;break-inside:avoid}
.namen{columns:3 190px;column-gap:28px;margin-top:22px;font-size:.94rem;line-height:1.85;color:var(--granit)}
.namen span{display:block;break-inside:avoid}

/* Fuß */
footer{background:var(--karte);border-top:1px solid var(--linie);padding:44px 0 56px;font-size:.9rem}
.fuss{display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
footer h3{font-family:var(--sans);font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;
  font-weight:600;color:var(--nebel);margin-bottom:10px}
footer p{color:var(--granit);font-size:.9rem}
.platzhalter{color:var(--warn)}
.fuss .unterzeichner{columns:2 150px;column-gap:22px;margin-top:4px;font-size:.85rem;line-height:1.7}
.fuss .ds p{margin-bottom:.9em}
.fuss .ds h4{font-family:var(--sans);font-size:.9rem;font-weight:700;color:var(--stein);
  margin:22px 0 6px;letter-spacing:0}
.fuss .ds h4:first-of-type{margin-top:14px}
.fuss .ds ul{margin:0 0 .9em;padding-left:18px}
.fuss .ds li{color:var(--granit);margin-bottom:2px}
.fuss .ds .adr{color:var(--stein)}
.fuss .ds b{color:var(--stein);font-weight:600}
@media(min-width:900px){.fuss{grid-template-columns:minmax(230px,1fr) 2fr;align-items:start;gap:44px}}

/* Dialog Bürgermeister */
.dialog{display:grid;gap:0;margin-top:30px}
.paar{display:grid;gap:18px;grid-template-columns:1fr;padding:26px 0;border-top:1px solid var(--linie)}
@media(min-width:860px){.paar{grid-template-columns:1fr 1fr;gap:38px}}
.paar:last-child{border-bottom:1px solid var(--linie)}
.sagt{border-left:2px solid var(--himmel);padding-left:20px}
.sagt p{font-family:var(--serif);font-style:italic;font-size:1.08rem;line-height:1.5;margin:0}
.sagt .wer{font-family:var(--sans);font-style:normal;font-size:.8rem;letter-spacing:.1em;
  text-transform:uppercase;font-weight:800;color:var(--himmel);margin:0 0 10px;display:block}
.wir-sagen .wer{font-family:var(--sans);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;
  font-weight:800;color:var(--wiese);margin:0 0 10px;display:block}
.wir-sagen p{font-size:.98rem;margin:0}
.band{position:relative;overflow:hidden;background:#1a2430}
.band img{width:100%;height:clamp(200px,32vh,340px);object-fit:cover;object-position:50% 58%;opacity:.9}
.band figcaption{position:absolute;left:0;right:0;bottom:0;padding:0 0 20px;color:#DCE4DA;
  font-size:.84rem;background:linear-gradient(transparent,rgba(12,20,28,.75))}
.band figcaption .wrap{padding-top:40px}

/* Ziel & Methode */
.ziel-liste{display:grid;gap:0;margin:22px 0 0}
.ziel-liste div{display:flex;gap:14px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--linie)}
.ziel-liste .haken{color:var(--wiese);font-weight:600;flex:0 0 auto}
.schritte{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));margin-top:24px}
.schritt{border-top:2px solid var(--flechte);padding-top:14px}
.schritt b{display:block;font-family:var(--serif);font-size:1.5rem;color:var(--flechte);line-height:1;margin-bottom:8px}
.schritt h3{font-size:1rem;margin-bottom:.3em}
.schritt p{font-size:.93rem;color:var(--granit);margin:0}
.skala{display:flex;align-items:center;gap:12px;margin:20px 0 4px;font-size:.82rem;color:var(--nebel);flex-wrap:wrap}
.skala .balken{flex:1 1 200px;height:8px;border-radius:4px;
  background:linear-gradient(90deg,var(--wiese) 0%,#C9C86A 50%,#C08268 100%)}

/* Geschichte */
.merk{background:var(--karte);border:1px solid var(--linie);border-left:3px solid var(--wiese);
  border-radius:3px;padding:22px 24px;margin:28px 0;box-shadow:var(--schatten)}
.merk .zahl{font-family:var(--serif);font-size:2.6rem;line-height:1;color:var(--wiese);
  font-variant-numeric:tabular-nums;margin-bottom:8px}
.merk p{margin:0;font-size:1rem}
.quellenhinweis{font-size:.84rem;color:var(--nebel);border-top:1px solid var(--linie);
  padding-top:16px;margin-top:30px}

/* Offene Belege */
.beleg{background:var(--karte);border:1px dashed var(--warn);border-radius:3px;
  padding:18px 20px;margin-top:18px}
.beleg .lbl{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;font-weight:600;
  color:var(--warn);display:block;margin-bottom:8px}
.beleg p{font-size:.93rem;color:var(--granit);margin:0 0 10px}
.beleg p:last-child{margin-bottom:0}

/* Fortschritt + Navigation */

/* Fortschrittsleiste rechts */
.leiste{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:45;
  height:min(70vh,540px);width:24px}
.leiste-schiene{position:absolute;left:11px;top:0;bottom:0;width:2px;border-radius:2px;
  background:color-mix(in srgb,var(--granit) 24%,transparent)}
.leiste-fuell{position:absolute;left:0;top:0;width:2px;height:0;border-radius:2px;
  background:linear-gradient(180deg,var(--wiese),var(--flechte));transition:height .08s linear}
.leiste ol{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.leiste li{position:absolute;left:0;transform:translateY(-50%)}
.leiste a{display:flex;align-items:center;justify-content:center;
  width:24px;height:24px;text-decoration:none;position:relative}
.leiste .punkt{width:7px;height:7px;border-radius:50%;
  background:var(--grund);border:1.5px solid color-mix(in srgb,var(--granit) 55%,transparent);
  transition:background .18s ease,border-color .18s ease,transform .18s ease}
.leiste a:hover .punkt{border-color:var(--wiese);transform:scale(1.3)}
.leiste a.aktiv .punkt{background:var(--wiese);border-color:var(--wiese);transform:scale(1.35)}
.leiste .etikett{position:absolute;right:24px;white-space:nowrap;font-size:.73rem;font-weight:500;
  letter-spacing:.01em;color:var(--nebel);pointer-events:none;transition:color .18s ease}
.leiste a:hover .etikett{color:var(--stein)}
.leiste a.aktiv .etikett{color:var(--wiese);font-weight:700}

/* Unter 1320 px ist neben dem Text kein Platz fuer die Namen: nur Punkte, Name beim Darueberfahren */
@media(max-width:1320px){
  .leiste .etikett{opacity:0;transform:translateX(6px);background:var(--karte);
    border:1px solid var(--linie);border-radius:3px;padding:3px 9px;box-shadow:var(--schatten);
    transition:opacity .16s ease,transform .16s ease}
  .leiste a:hover .etikett,.leiste a:focus-visible .etikett{opacity:1;transform:translateX(0)}
}

/* Leiste über dem dunklen Hero: hell zeichnen */
.leiste.hell .leiste-schiene{background:rgba(255,255,255,.26)}
.leiste.hell .punkt{background:transparent;border-color:rgba(255,255,255,.62)}
.leiste.hell a:hover .punkt{border-color:#fff}
.leiste.hell a.aktiv .punkt{background:#DDEBC5;border-color:#DDEBC5}
@media(min-width:1321px){
  .leiste.hell .etikett{color:rgba(255,255,255,.85);text-shadow:0 1px 6px rgba(10,18,26,.7)}
  .leiste.hell a:hover .etikett{color:#fff}
  .leiste.hell a.aktiv .etikett{color:#DDEBC5}
}
@media(max-width:1080px){.leiste{display:none}}

.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--grund) 92%,transparent);
  backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--linie)}
.nav .wrap{display:flex;align-items:center;gap:18px;height:56px}
.nav .marke{font-family:var(--serif);font-size:1.02rem;color:var(--stein);white-space:nowrap;
  text-decoration:none;font-weight:500}
.nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0;overflow-x:auto;
  scrollbar-width:none;flex:1}
.nav ul::-webkit-scrollbar{display:none}
.nav a.lnk{font-size:.86rem;color:var(--granit);text-decoration:none;white-space:nowrap;
  padding:4px 0;border-bottom:2px solid transparent}
.nav a.lnk:hover{color:var(--stein)}
.nav a.lnk.aktiv{color:var(--wiese);border-bottom-color:var(--wiese);font-weight:600}
.nav .btn{padding:8px 15px;font-size:.84rem;white-space:nowrap}
@media(max-width:760px){.nav .marke{display:none}.nav .wrap{gap:12px}}

/* Hero-Kacheln */
.zaehler{display:inline-flex;align-items:center;gap:clamp(16px,2.4vw,26px);
  margin-top:clamp(22px,3vw,32px);padding:clamp(14px,2vw,20px) clamp(20px,2.6vw,30px) clamp(14px,2vw,20px) clamp(16px,2vw,24px);
  text-decoration:none;border-radius:4px;border:1px solid rgba(169,188,144,.42);
  background:rgba(10,18,26,.42);backdrop-filter:blur(2px);
  transition:border-color .2s ease,background .2s ease}
.zaehler:hover,.zaehler:focus-visible{background:rgba(10,18,26,.56);border-color:var(--flechte)}
.z-zahl{font-family:var(--serif);font-weight:400;line-height:.9;color:#DDEBC5;
  font-size:clamp(3.8rem,9vw,6.4rem);letter-spacing:-.025em;
  font-variant-numeric:tabular-nums;flex:none}
.z-text{color:#DCE4DA;font-size:clamp(.96rem,1.6vw,1.12rem);line-height:1.45;max-width:27ch}
.z-text b{font-weight:600;color:#EEF3EA}
.z-mehr{display:table;margin-top:7px;font-size:.83rem;color:var(--flechte);
  border-bottom:1px solid rgba(169,188,144,.5);padding-bottom:1px}
.zaehler:hover .z-mehr{color:#CBDCB4;border-bottom-color:#CBDCB4}
@media(max-width:560px){
  .zaehler{display:flex;width:100%;gap:14px;padding:14px 16px}
  .z-text{font-size:.9rem}
}
.zkachel{display:block;text-decoration:none;background:rgba(10,18,26,.34);
  border:1px solid rgba(226,236,214,.28);border-radius:3px;padding:14px 15px;
  transition:background .18s,border-color .18s}
.zkachel:hover,.zkachel:focus-visible{background:rgba(255,255,255,.16);border-color:var(--flechte)}
.zkachel .z{font-family:var(--serif);font-size:1.85rem;line-height:1;color:#DDEBC5;
  font-variant-numeric:tabular-nums;display:block}
.zkachel .t{font-size:.78rem;color:#C6D2C4;line-height:1.35;display:block;margin-top:6px}

/* Aufklappbares */
.mehr{margin-top:6px;border-top:1px solid var(--linie)}
.mehr>summary{cursor:pointer;font-size:.9rem;font-weight:600;color:var(--wiese);
  padding:14px 0;list-style:none;display:flex;align-items:center;gap:8px}
.mehr>summary::-webkit-details-marker{display:none}
.mehr>summary::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.mehr[open]>summary::after{transform:rotate(-135deg) translateY(-2px)}
.mehr>summary:hover{color:var(--wiese-hell)}
@media print{.nav,.leiste{display:none}.mehr>summary{display:none}.mehr{border:0}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}