/* Remswelle – Design-System v0.2 (O-1: Unterseiten, Verzeichnis, lokale Schrift) */
/* Schrift Figtree (SIL Open Font License, schriften/Figtree-OFL.txt), lokal eingebunden – kein fremder Server */
@font-face{font-family:"Figtree";font-style:normal;font-weight:300 900;font-display:swap;src:url(../schriften/figtree-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Figtree";font-style:italic;font-weight:300 900;font-display:swap;src:url(../schriften/figtree-latin-wght-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --orange:#E96B00; --orange-dunkel:#C55A00; --orange-knopf:#B85400; --orange-text:#A84D00; --orange-knopf-hover:#9A4600;
  --blau:#0F4C81; --blau-dunkel:#0A3559; --blau-hell:#E6F0F8; --wasser:#3A8DC7;
  --tinte:#1B2430; --grau:#5B6672; --linie:#D9E0E7; --papier:#FFFFFF; --sand:#F6F3EE;
  --schrift:"Figtree","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  --maxw:1120px; --radius:12px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--schrift);color:var(--tinte);background:var(--papier);line-height:1.6;font-size:1.125rem;font-feature-settings:"kern"}
img{max-width:100%;height:auto;display:block}
a{color:var(--blau);text-underline-offset:3px}
h1,h2,h3{line-height:1.15;margin:0 0 .5em;font-weight:800;letter-spacing:-.01em}
h1{font-size:clamp(2rem,5vw,3.4rem)} h2{font-size:clamp(1.5rem,3vw,2.1rem)} h3{font-size:1.2rem}
p{margin:0 0 1em} .lead{font-size:1.2rem;color:var(--grau)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px;top:0;background:var(--orange);color:#fff;padding:.5rem 1rem}.skip:focus{left:8px;z-index:99}
/* Kopf */
.kopf{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--linie);z-index:50}
.kopf .wrap{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:1rem}
.marke img{height:40px;width:auto}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1.4rem;align-items:center}
.nav a{text-decoration:none;color:var(--tinte);font-weight:650;font-size:1.05rem;padding:.4rem 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current]{border-color:var(--orange)}
.knopf{display:inline-block;background:var(--orange-knopf);color:#fff!important;text-decoration:none;font-weight:700;padding:.75rem 1.3rem;border-radius:999px;border:0;cursor:pointer;font-size:1rem;font-family:inherit}
.knopf:hover{background:var(--orange-knopf-hover)} .knopf.zweit{background:transparent;color:var(--blau)!important;border:2px solid var(--blau)}
.knopf.zweit:hover{background:var(--blau-hell)}
.nav-schalter{display:none;background:none;border:1px solid var(--linie);border-radius:8px;padding:.4rem .6rem;font:inherit}
@media(max-width:820px){
  .nav-schalter{display:block} .nav{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;border-bottom:1px solid var(--linie);padding:1rem 20px}
  .nav.offen{display:block} .nav ul{flex-direction:column;align-items:flex-start;gap:.8rem}
}
/* Held */
.held{position:relative;color:#fff;background:var(--blau-dunkel);overflow:hidden}
.held img.hg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.held .wrap{position:relative;padding:5.5rem 20px 4.5rem;max-width:var(--maxw)}
.held h1{max-width:14ch;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.held p{max-width:52ch;font-size:1.2rem;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.held .ort{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:.25rem .9rem;font-size:.9rem;margin-bottom:1rem}
.held .knoepfe{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}
.held .knopf.zweit{color:#fff!important;border-color:#fff}.held .knopf.zweit:hover{background:rgba(255,255,255,.15)}
/* Status */
.status{background:var(--sand);border-bottom:1px solid var(--linie)}
.status .wrap{padding:1.6rem 20px}
.status ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}
.status li{position:relative;padding-left:1.7rem;font-size:.95rem}
.status li::before{content:"";position:absolute;left:0;top:.35rem;width:1rem;height:1rem;border-radius:50%;border:3px solid var(--linie);background:#fff}
.status li.fertig::before{background:var(--blau);border-color:var(--blau)} .status li.aktiv::before{border-color:var(--orange);background:#fff;box-shadow:0 0 0 3px rgba(233,107,0,.25)}
.status li b{display:block} .status li span{color:var(--grau);font-size:.85rem}
.status .datum{margin:.6rem 0 0;font-size:.85rem;color:var(--grau)}
@media(max-width:700px){.status ol{grid-template-columns:1fr 1fr}}
/* Abschnitte */
.abschnitt{padding:4rem 0} .abschnitt.hell{background:var(--blau-hell)} .abschnitt.sand{background:var(--sand)}
.zweispalt{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center}
@media(max-width:820px){.zweispalt{grid-template-columns:1fr;gap:1.5rem}}
figure{margin:0} figure img{border-radius:var(--radius)} figcaption{font-size:.85rem;color:var(--grau);margin-top:.5rem}
.karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem}
.karte{background:#fff;border:1px solid var(--linie);border-radius:var(--radius);padding:1.4rem;text-decoration:none;color:inherit;display:block}
.karte:hover{border-color:var(--blau);box-shadow:0 6px 20px rgba(15,76,129,.08)}
.karte h3{color:var(--blau);margin-bottom:.4rem} .karte p{margin:0;color:var(--grau);font-size:.98rem}
.karte .mehr{color:var(--orange-text);font-weight:700;display:inline-block;margin-top:.6rem}
.uebertitel{color:var(--orange-text);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;margin-bottom:.4rem}
.zahlen{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0}
.zahlen div{background:#fff;border-radius:var(--radius);padding:1rem;border:1px solid var(--linie)}
.zahlen b{display:block;font-size:1.7rem;color:var(--blau)} .zahlen span{font-size:.9rem;color:var(--grau)}
@media(max-width:600px){.zahlen{grid-template-columns:1fr}}
.zitat{border-left:4px solid var(--orange);padding:.4rem 1.2rem;margin:1.5rem 0;font-size:1.25rem;font-style:italic;color:var(--blau-dunkel)}
.zitat cite{display:block;font-style:normal;font-size:.9rem;color:var(--grau);margin-top:.3rem}
.aufruf{background:var(--blau);color:#fff;text-align:center} .aufruf h2{color:#fff} .aufruf p{max-width:60ch;margin:0 auto 1.5rem;color:#D6E6F5}
.aufruf .knopf.zweit{color:#fff!important;border-color:#fff}
.hinweis{font-size:.85rem;color:var(--grau)}
/* Fuß */
.fuss{background:var(--tinte);color:#C9D1DA;padding:3rem 0 2rem;font-size:.95rem}
.fuss .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem} .fuss a{color:#fff} .fuss ul{list-style:none;padding:0;margin:0}
.fuss li{margin:.3rem 0} .fuss img{height:34px;margin-bottom:.8rem} .fuss .klein{grid-column:1/-1;border-top:1px solid #33404D;padding-top:1rem;font-size:.85rem;color:#8C98A6}
@media(max-width:700px){.fuss .wrap{grid-template-columns:1fr}}
.markierung{background:#FFF3E0;border:1px dashed var(--orange);padding:.2rem .4rem;border-radius:4px;font-size:.9em}
/* Vorher/Nachher-Vergleich */
.vergleich{position:relative;overflow:hidden;border-radius:var(--radius);aspect-ratio:var(--ar,3/2);background:var(--blau-dunkel);--pos:62%}
.vergleich img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vergleich .heute{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.vergleich .griff{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:#fff;transform:translateX(-1px);pointer-events:none;box-shadow:0 0 8px rgba(0,0,0,.4)}
.vergleich .griff::after{content:"◀ ▶";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;color:var(--blau-dunkel);font-size:.7rem;font-weight:700;padding:.5rem .55rem;border-radius:999px;white-space:nowrap;letter-spacing:.1em}
.vergleich input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}
.vergleich .etikett{position:absolute;top:.8rem;padding:.25rem .7rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:rgba(0,0,0,.55);color:#fff;pointer-events:none}
.vergleich .etikett.l{left:.8rem} .vergleich .etikett.r{right:.8rem;background:var(--orange-knopf)}
.vergleich .marke-vis{position:absolute;right:.8rem;bottom:.6rem;font-size:.72rem;color:rgba(255,255,255,.85);background:rgba(0,0,0,.45);padding:.15rem .5rem;border-radius:4px;pointer-events:none}
/* Held mit Vergleich: Text links, Bild rechts */
.held.vision{background:var(--blau-dunkel);padding:0}
.held.vision .buehne{display:grid;grid-template-columns:minmax(320px,5fr) 7fr;max-width:1400px;margin:0 auto;align-items:stretch}
.held.vision .text{padding:3.5rem 2.5rem 3rem 20px;display:flex;flex-direction:column;justify-content:center;max-width:560px;justify-self:end;width:100%}
.held.vision h1{font-size:clamp(2.4rem,5.2vw,4.4rem);text-transform:uppercase;letter-spacing:-.02em;line-height:.95;margin-bottom:.6rem;text-shadow:none}
.held.vision .unter{font-size:clamp(1rem,1.6vw,1.25rem);margin-bottom:1.4rem;color:#D6E6F5;text-shadow:none}
.held.vision .vergleich{border-radius:0;aspect-ratio:auto;height:clamp(420px,70vh,720px)}
.held.vision .hinweis-schieber{font-size:.85rem;color:#9FB8D0;margin-top:1rem}
@media(max-width:900px){.held.vision .buehne{grid-template-columns:1fr} .held.vision .text{max-width:none;justify-self:stretch;padding:2rem 20px 1.6rem;order:1} .held.vision .vergleich{height:auto;aspect-ratio:4/3;order:2}}

/* ===== Ergänzungen O-1 (22.09.2026): Unterseiten, Verzeichnis, Bauteile ===== */
.klein-h{font-size:1.1rem;margin-bottom:.8rem} .lead.schmal{max-width:64ch}
.aufruf .knopf.zweit{margin-left:.6rem} @media(max-width:520px){.aufruf .knopf.zweit{margin:.6rem 0 0}}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.vergleich:focus-within{outline:3px solid var(--orange);outline-offset:3px}
/* Seitenrahmen und Brotkrumen */
.seite{padding-top:1.4rem;padding-bottom:3.5rem}
.brotkrumen ol{list-style:none;margin:0 0 1.6rem;padding:0;display:flex;flex-wrap:wrap;gap:.2rem .5rem;font-size:.88rem;color:var(--grau)}
.brotkrumen li+li::before{content:"›";margin-right:.5rem;color:var(--linie)}
.brotkrumen a{color:var(--grau)} .brotkrumen [aria-current]{color:var(--tinte)}
/* Artikel (Textseiten) */
.artikel{max-width:42rem}
.artikel h1{margin-bottom:.7em}
.artikel h1+p{font-size:1.2rem;color:var(--grau)}
.artikel h2{margin-top:2.2rem;scroll-margin-top:84px;font-size:clamp(1.35rem,2.4vw,1.7rem)} .artikel h3{margin-top:1.6rem;scroll-margin-top:84px}
.artikel ul,.artikel ol{padding-left:1.3rem;margin:0 0 1.2em} .artikel li{margin:.3rem 0}
.artikel .zitat p{margin:0}
.artikel a.weiter{font-weight:600;white-space:nowrap}
.artikel .folgt{color:var(--grau)}
.artikel .stand{margin-top:2.5rem;padding-top:1rem;border-top:1px solid var(--linie);font-size:.88rem;color:var(--grau)}
.artikel figure.grafik{margin:1.8rem 0}
.artikel figure.grafik img{width:100%;height:auto;background:#fff;border:1px solid var(--linie);border-radius:var(--radius)}
.artikel p:last-of-type strong:first-child{color:var(--tinte)}
.artikel .knopf{margin:.4rem 0}
.tabelle{overflow-x:auto;margin:1.2rem 0 1.6rem;-webkit-overflow-scrolling:touch}
.tabelle table{border-collapse:collapse;width:100%;font-size:.95rem;min-width:520px}
.tabelle th,.tabelle td{text-align:left;vertical-align:top;padding:.55rem .7rem;border-bottom:1px solid var(--linie)}
.tabelle thead th{background:var(--blau-hell);color:var(--blau-dunkel);font-weight:700;border-bottom:2px solid var(--blau)}
.tabelle tbody th{font-weight:600}
mark.pruefen{background:#FFF3C4;border:1px dashed var(--orange);padding:.05rem .35rem;border-radius:4px;color:var(--tinte)}
.toc{background:var(--sand);border-radius:var(--radius);padding:1rem 1.3rem;margin:1.4rem 0 1.8rem}
.toc-t,.bereich-t{font-weight:700;margin:0 0 .4rem;font-size:.95rem}
.toc ol{margin:0;padding-left:1.2rem;columns:2 16rem;column-gap:2rem} .toc li{margin:.2rem 0;break-inside:avoid}
.bild-vergleich{margin:1.6rem 0 2rem;max-width:none}
.bereich{margin-top:3rem;padding:1.3rem 1.4rem;border:1px solid var(--linie);border-radius:var(--radius);max-width:42rem}
.bereich ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}
.bereich li{margin:0}
/* Wellen-Verzeichnis */
:root{--k-betrieb:#0F4C81;--k-bau:#3A8DC7;--k-geplant:#8FA9C0;--k-ruhend:#C2C9D1}
.karte{width:100%;height:auto;display:block;background:var(--blau-hell);border-radius:var(--radius)}
.karte .hinter path{fill:#E9EEF2;stroke:#fff;stroke-width:1}
.karte .dach path{fill:#fff;stroke:#9DB3C6;stroke-width:1.2}
.karte .staedte circle{fill:#8C98A6} .karte .staedte text{font:600 17px var(--schrift);fill:#8C98A6}
.karte .pkt .treffer{fill:transparent}
.karte .pkt .p{stroke:#fff;stroke-width:2.5;transition:r .15s}
.karte a.pkt:hover .p,.karte a.pkt:focus .p{r:13}
.karte .pkt.betrieb .p{fill:var(--k-betrieb)} .karte .pkt.bau .p{fill:var(--k-bau)}
.karte .pkt.geplant .p{fill:var(--k-geplant)} .karte .pkt.ruhend .p{fill:var(--k-ruhend)}
.karte .pkt.rems .p{fill:var(--orange);stroke-width:3;filter:drop-shadow(0 0 6px rgba(233,107,0,.7))}
.karte a.pkt.rems:hover .p{r:16}
.karte .pkt text{font:700 24px var(--schrift);fill:var(--orange);paint-order:stroke;stroke:#fff;stroke-width:6px;stroke-linejoin:round}
.karte .pkt.aus{display:none}
.karte.klein .ring{fill:none;stroke:var(--orange);stroke-width:4;opacity:.5}
.karte.klein .dach path{stroke-width:2}
.legende{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin:.8rem 0 0;padding:0;list-style:none;font-size:.92rem}
.legende li::before{content:"";display:inline-block;width:.85rem;height:.85rem;border-radius:50%;margin-right:.4rem;vertical-align:-1px;background:var(--f)}
.wliste{list-style:none;padding:0;margin:0 0 1.5rem} .wliste li{padding:.5rem 0;border-bottom:1px solid var(--linie)}
.wliste li.rems{background:#FFF6EE;padding-left:.6rem;border-left:4px solid var(--orange)}
.anz{font-weight:400;color:var(--grau);font-size:.9rem}
.zwei{display:grid;grid-template-columns:3fr 2fr;gap:2.5rem;align-items:start} @media(max-width:820px){.zwei{grid-template-columns:1fr;gap:1.5rem}}
.kasten{background:var(--sand);border-radius:var(--radius);padding:1.4rem}
.kasten h2{font-size:1.25rem}
.zahlen.klein{grid-template-columns:1fr;gap:.5rem;margin:.8rem 0 1.2rem}
.zahlen.klein div{padding:.6rem .9rem;display:flex;gap:.8rem;align-items:baseline}
.zahlen.klein b{font-size:1.35rem;min-width:7.4rem;white-space:nowrap}
.filter{display:flex;flex-wrap:wrap;gap:.8rem 2rem;margin:1rem 0 1.4rem;align-items:flex-start}
.filter fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.3rem 1rem;align-items:center}
.filter legend{font-weight:700;font-size:.9rem;margin-bottom:.3rem;padding:0;float:left;width:100%}
.filter label{display:inline-flex;gap:.35rem;align-items:center;padding:.35rem .7rem;background:#fff;border:1px solid var(--linie);border-radius:999px;cursor:pointer;font-size:.95rem}
.filter input{accent-color:var(--blau);width:1.05rem;height:1.05rem}
.treffer-anz{width:100%;margin:0;font-size:.88rem;color:var(--grau)}
.etikett-pruefung{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.03em;padding:.1rem .55rem;border-radius:999px;background:#FFF3C4;color:#7A5200;border:1px solid #F0D27A;vertical-align:1px}
/* Detailseite */
.welle .lead{display:flex;align-items:center;gap:.6rem}
.status-punkt{width:.95rem;height:.95rem;border-radius:50%;display:inline-block;flex:none;background:var(--k-ruhend)}
.status-punkt.s-betrieb{background:var(--k-betrieb)} .status-punkt.s-planung{background:var(--k-geplant)} .status-punkt.rems{background:var(--orange)}
.steckbrief{display:grid;grid-template-columns:minmax(8rem,auto) 1fr;gap:.45rem 1.2rem;margin:0 0 1.5rem;padding:1.1rem 1.3rem;background:var(--sand);border-radius:var(--radius)}
.steckbrief dt{font-weight:700;color:var(--grau);font-size:.92rem} .steckbrief dd{margin:0}
@media(max-width:520px){.steckbrief{grid-template-columns:1fr;gap:.1rem}.steckbrief dd{margin-bottom:.5rem}}
.welle h2{font-size:1.3rem;margin-top:1.6rem}
.quellen{padding-left:1.2rem} .quellen li{margin:.25rem 0;word-break:break-word}
.welle .stand{font-size:.88rem;color:var(--grau);margin-top:1.6rem}
.lagekarte{max-width:420px} .lagekarte figcaption{margin-top:.5rem}
.rems-kasten{margin-top:1.4rem;max-width:420px}
@media(max-width:600px){.karte .pkt .p{r:15}.karte .pkt.rems .p{r:19}.karte .pkt .treffer{r:30}.karte .staedte text{font-size:26px}.karte .pkt text{font-size:34px}}
.nav a.knopf{padding:.55rem 1.15rem;border-bottom:0;color:#fff} .nav a.knopf[aria-current]{box-shadow:0 0 0 3px rgba(233,107,0,.3)}
/* O-2 G: Fallstudien-Kasten unter der Lagekarte */
.lagekarte + .kasten{margin-top:1.5rem}

/* ===== Wellen-Vorschau (Startseite, 25.09.2026) ===== */
.vorschau{background:var(--blau-dunkel);color:#fff} .vorschau h2{color:#fff} .vorschau .lead{color:#D6E6F5}
.vorschau .uebertitel{color:#FFB070}
.vorschau-karten{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.6rem 0 1rem}
.vtag{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:1.1rem 1.2rem 1rem;min-height:11rem}
.vtag[data-tag="0"]{background:#fff;color:var(--tinte);border-color:#fff}
.vtag h3{font-size:1.05rem;margin:0 0 .5rem;display:flex;justify-content:space-between;align-items:baseline}
.vtag h3 small{font-weight:500;color:inherit;opacity:.7;font-size:.85rem}
.vstufe{font-size:1.35rem;font-weight:800;margin:0 0 .3rem;line-height:1.2}
.vstufe[data-stufe="zu-wenig"]{color:#8C98A6} .vtag[data-tag="0"] .vstufe[data-stufe="zu-wenig"]{color:var(--grau)}
.vstufe[data-stufe="klein"]{color:#F5B27A} .vstufe[data-stufe="laeuft"]{color:var(--orange)} .vstufe[data-stufe="big"]{color:#FF8A2A}
.vtag[data-tag="0"] .vstufe[data-stufe="laeuft"],.vtag[data-tag="0"] .vstufe[data-stufe="big"]{color:var(--orange-knopf)}
.vstufe[data-stufe="aus"]{color:#7FB8E6} .vtag[data-tag="0"] .vstufe[data-stufe="aus"]{color:var(--blau)}
.vabfluss{font-size:.92rem;margin:0 0 .5rem;opacity:.9} .vabfluss small{opacity:.75}
.vwetter{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.92rem;margin:0 0 .7rem}
.vwetter .wsym{flex:none} .vwetter .windwert{display:inline-flex;align-items:center;gap:.25rem;margin-left:auto;white-space:nowrap}
.vbalken{height:6px;border-radius:3px;background:rgba(255,255,255,.15);overflow:hidden} .vtag[data-tag="0"] .vbalken{background:var(--linie)}
.vbalken span{display:block;height:100%;width:0;border-radius:3px;background:var(--orange);transition:width .6s ease}
.vtag[data-stufe="zu-wenig"] .vbalken span{background:#8C98A6} .vtag[data-stufe="klein"] .vbalken span{background:#F5B27A}
.vtag[data-stufe="big"] .vbalken span{background:#C55A00} .vtag[data-stufe="aus"] .vbalken span{background:var(--wasser)}
.vlegende{display:flex;flex-wrap:wrap;gap:.3rem .5rem;margin:0 0 1rem;font-size:.78rem}
.vlegende span{padding:.1rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.35)}
.vlegende [data-stufe="klein"]{border-color:#F5B27A;color:#F5B27A} .vlegende [data-stufe="laeuft"]{border-color:var(--orange);color:#FF9A4A}
.vlegende [data-stufe="big"]{border-color:#FF8A2A;color:#FF8A2A;font-weight:700} .vlegende [data-stufe="aus"]{border-color:#7FB8E6;color:#7FB8E6}
.zaehler{font-size:1.15rem;margin:.4rem 0 1rem;color:#fff} .zaehler b{font-size:1.9rem;color:#FFB070;margin-right:.2rem}
.vorschau .hinweis{color:#9FB8D0;max-width:70ch} .vorschau .hinweis a{color:#fff}
@media(max-width:820px){.vorschau-karten{grid-template-columns:1fr}.vtag{min-height:0}}
/* Vorschau v2: Karten „Zuletzt surfbar“ / „Letzter Big Day“, Saisonzeile */
.vtag.vzuletzt{background:rgba(255,255,255,.05);border-style:dashed;position:relative}
.vtag.vzuletzt h3 small{opacity:1;color:#FFB070;font-weight:600}
.vtag.vzuletzt .vmotiv{margin:0 0 .7rem;opacity:.9} .vtag.vzuletzt .vmotiv img{width:60px;height:auto}
.saison{margin:0 0 1rem;color:#D6E6F5;max-width:70ch} .saison b{color:#FFB070}
.zaehler{margin-bottom:.4rem}
/* Suche (Fable-Nacht 5): Feld im Kopf, großes Feld auf der Wissens-Übersicht, Pagefind-UI */
.nav-suche{display:flex} .suche-kopf{display:flex;align-items:center;border:1px solid var(--linie);border-radius:999px;padding:.15rem .3rem .15rem .8rem;background:#fff}
.suche-kopf input{border:0;background:transparent;font:inherit;font-size:.95rem;width:9rem;outline:none;color:var(--tinte)}
.suche-kopf input::placeholder{color:var(--grau)} .suche-kopf button{border:0;background:transparent;color:var(--blau);padding:.3rem .4rem;cursor:pointer;display:flex}
.suche-kopf:focus-within{border-color:var(--blau);box-shadow:0 0 0 3px rgba(15,76,129,.15)}
.nav a.knopf{padding:.55rem 1.15rem}
@media(max-width:1040px){.suche-kopf input{width:6.5rem}}
@media(max-width:820px){.nav-suche{width:100%} .suche-kopf{width:100%} .suche-kopf input{width:100%}}
.suche-gross{margin:1.2rem 0 2rem;max-width:42rem} .suche-gross label{display:block;font-weight:700;margin-bottom:.5rem}
.suche-gross div{display:flex;gap:.6rem;flex-wrap:wrap} .suche-gross input{flex:1 1 16rem;font:inherit;font-size:1.05rem;padding:.7rem 1rem;border:2px solid var(--linie);border-radius:999px;min-width:0}
.suche-gross input:focus{outline:none;border-color:var(--blau);box-shadow:0 0 0 3px rgba(15,76,129,.15)}
.artikel.suche{max-width:48rem}
#suche{--pagefind-ui-scale:1;--pagefind-ui-primary:var(--blau);--pagefind-ui-text:var(--tinte);--pagefind-ui-background:#fff;--pagefind-ui-border:var(--linie);--pagefind-ui-tag:var(--blau-hell);--pagefind-ui-border-width:2px;--pagefind-ui-border-radius:12px;--pagefind-ui-font:var(--schrift);margin-top:1rem}
#suche .pagefind-ui__search-input{border-radius:999px;font-weight:500}
#suche .pagefind-ui__result-title a{color:var(--blau)} #suche .pagefind-ui__result-excerpt{color:var(--tinte)} #suche mark{background:#FFE3C7;color:inherit}
#suche .pagefind-ui__button{border-radius:999px;font-weight:700;color:var(--blau)}
/* ===== O-4 (25.09.2026): Ausklapp unter Wissen/Knowledge/Projekt, Einstieg für Neue, Einwände-Zeile, Fuß-Sitemap ===== */
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hat-aus{display:flex;align-items:center;gap:.15rem}
.aus-schalter{display:none;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;border:0;border-radius:6px;background:transparent;color:var(--tinte);cursor:pointer;padding:0}
.js .aus-schalter{display:inline-flex}
.aus-schalter:hover,.aus-schalter:focus-visible{background:var(--blau-hell);color:var(--blau)}
.aus-schalter svg{transition:transform .2s ease} .hat-aus.offen .aus-schalter svg{transform:rotate(180deg)}
.aus{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);box-shadow:0 18px 30px -18px rgba(10,53,89,.35)}
.hat-aus.offen > .aus{display:block}
.kopf .aus .wrap{display:block;min-height:0;padding-top:1.4rem;padding-bottom:1.1rem}
.aus-gruppen{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.2rem 2rem}
.aus-schmal .aus-gruppen{grid-template-columns:1fr}
.aus-t{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--grau);margin:0 0 .45rem}
.nav .aus ul{display:block;gap:0}
.nav .aus li{margin:0 0 .35rem}
.nav .aus a{font-size:.98rem;font-weight:550;border:0;padding:.1rem 0;color:var(--tinte);line-height:1.35;display:inline-block}
.nav .aus a:hover,.nav .aus a:focus-visible{color:var(--blau);text-decoration:underline}
.nav .aus a[aria-current="page"]{color:var(--blau);font-weight:700}
.nav .aus a.aus-wichtig{color:var(--orange-knopf);font-weight:700}
.aus-schmal .aus-gruppen ul{columns:2;column-gap:2rem}
.aus-alle{margin:1rem 0 0;padding-top:.8rem;border-top:1px solid var(--linie);font-size:.95rem}
.nav .aus-alle a{font-weight:700;color:var(--blau)}
@media(max-width:820px){
  .hat-aus{flex-wrap:wrap;width:100%}
  .aus-schalter{width:2.2rem;height:2.2rem;margin-left:auto;border:1px solid var(--linie)}
  .aus{position:static;flex-basis:100%;border:0;box-shadow:none;background:transparent}
  .kopf .aus .wrap{padding:.3rem 0 .2rem .9rem;border-left:2px solid var(--blau-hell)}
  .aus-gruppen{grid-template-columns:1fr;gap:.8rem}
  .aus-schmal .aus-gruppen ul{columns:1}
  .aus-alle{margin-top:.6rem;padding-top:.5rem}
  .nav{max-height:calc(100vh - 68px);overflow-y:auto}
}
/* Einstieg für Neue (Startseite) */
.wege{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:1.4rem}
.weg{background:#fff;border:1px solid var(--linie);border-radius:var(--radius);padding:1.3rem 1.4rem 1.1rem;display:flex;flex-direction:column}
.weg h3{font-size:1.15rem;margin:0 0 .7rem;display:flex;gap:.6rem;align-items:center}
.weg h3 .nr{flex:none;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--blau);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem}
.weg ul{list-style:none;margin:0;padding:0}
.weg li{border-top:1px solid var(--linie)} .weg li:first-child{border-top:0}
.weg li a{display:flex;justify-content:space-between;gap:.5rem;padding:.55rem 0;text-decoration:none;color:var(--tinte);font-weight:600}
.weg li a::after{content:"→";color:var(--orange-knopf)} .weg li a:hover{color:var(--blau)}
.weg.beitragen{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange) inset} .weg.beitragen h3 .nr{background:var(--orange-knopf)}
@media(max-width:900px){.wege{grid-template-columns:1fr}}
/* Einwände-Zeile unter der Vorschau */
.einwaende-zeile{background:var(--sand);border-bottom:1px solid var(--linie)}
.einwaende-zeile a{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem 1rem;padding:1.1rem 0;text-decoration:none;color:var(--tinte)}
.einwaende-zeile b{font-size:1.15rem} .einwaende-zeile span{color:var(--grau)} .einwaende-zeile .mehr{margin-left:auto;color:var(--blau);font-weight:700}
.einwaende-zeile a:hover .mehr{text-decoration:underline}
/* Fuß als kleine Sitemap */
.fuss .wrap{grid-template-columns:1.3fr .9fr .9fr 1.7fr}
.fuss-t{margin:0 0 .4rem;font-weight:700;color:#fff} .fuss-t a{text-decoration:none} .fuss-presse{margin-top:1.2rem}
.fuss-wissen ul{columns:2;column-gap:1.5rem} .fuss-wissen li{break-inside:avoid}
@media(max-width:1000px){.fuss .wrap{grid-template-columns:1fr 1fr 1fr}.fuss-wissen{grid-column:1/-1}.fuss-wissen ul{columns:3}}
@media(max-width:700px){.fuss .wrap{grid-template-columns:1fr}.fuss-wissen ul{columns:2}}
/* Wellen-Vorschau Stufe 2: Big-Day-Hinweis, Quelle */
.vbigday{display:none;align-items:center;gap:.7rem;background:#fff;color:var(--tinte);border-left:6px solid #FF8A2A;border-radius:var(--radius);padding:.7rem 1rem;margin:1.2rem 0 0;font-weight:700}
.vorschau-karten[data-bigday="ja"] ~ .vbigday,.vbigday.an{display:flex}
.vbigday img{width:44px;height:auto}
.fuss-wissen li{margin:0;padding:.15rem 0}
.vbigday{margin-bottom:1rem}

/* E-3 (26.09.2026): Band „hätte laufen können“ unter dem Startbild (de/en) */
.verpasst{background:var(--blau-dunkel);color:#fff;padding:1.1rem 0;border-top:1px solid rgba(255,255,255,.08)}
.verpasst .wrap{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}
.verpasst .z{display:flex;gap:1.6rem}
.verpasst .z div{display:flex;align-items:baseline;gap:.5rem}
.verpasst b{font-size:2.6rem;line-height:1;font-weight:800;color:#FF9A3D;font-variant-numeric:tabular-nums}
.verpasst .z span{font-size:1rem;font-weight:700;line-height:1.2}
.verpasst p{margin:0;flex:1;min-width:16rem;font-size:.95rem;color:#C9D6E3;line-height:1.45}
.verpasst p strong{color:#fff}
.verpasst a{color:#fff;font-weight:700;white-space:nowrap}
@media(max-width:700px){.verpasst .wrap{gap:.7rem}.verpasst b{font-size:2.1rem}.verpasst .z{gap:1.2rem}.verpasst p{min-width:0;flex-basis:100%;font-size:.9rem}}

/* Wellen-Verzeichnis: Lehren-Kasten (26.09.2026) */
.kasten.lehren{margin-top:2rem} .kasten.lehren ul{margin:.6rem 0 1rem;padding-left:1.2rem} .kasten.lehren li{margin:.45rem 0}

/* QS-Runde 26.09.2026: „Worum es jetzt geht“ */
.jetzt{background:#fff;border-bottom:1px solid var(--linie);padding:1.6rem 0}
.jetzt .wrap{display:grid;grid-template-columns:1.1fr 1.4fr;gap:2rem;align-items:center}
.jetzt h2{margin:0 0 .4rem;font-size:1.35rem}
.jetzt p{margin:0;color:var(--tinte)}
.jetzt-schritte{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:0;padding:0}
.jetzt-schritte li{counter-increment:s;background:var(--blau-hell);border-radius:var(--radius);padding:.8rem 1rem;position:relative}
.jetzt-schritte li::before{content:counter(s);display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--orange-knopf);color:#fff;font-weight:800;font-size:.9rem;margin-bottom:.35rem}
.jetzt-schritte b{display:block;color:var(--blau-dunkel)} .jetzt-schritte span{display:block;font-size:.88rem;color:var(--grau);line-height:1.35}
@media(max-width:860px){.jetzt .wrap{grid-template-columns:1fr}.jetzt-schritte{grid-template-columns:1fr}}
.karten.drei{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(min-width:1000px){.karten.drei{grid-template-columns:repeat(3,1fr)}}
.bild-vergleich.aufenthalt{max-width:960px;margin:2.2rem auto 0}
.artikel figure.grafik.weit{width:min(1080px,calc(100vw - 40px));max-width:none}
.artikel figure.grafik img[src*="clean-up-einkaufswagen"]{max-width:26rem}
.kasten.im-text{margin:1.8rem 0;border-left:4px solid var(--orange,#E96B00)} .kasten.im-text p{margin:.3rem 0} .kasten-titel{font-size:1.1rem}
.zweispalt.einspaltig{display:block} .zweispalt.einspaltig>div{max-width:760px}
/* Phase 3: Die Rems heute */
.rems-heute{background:var(--sand);border-radius:var(--radius);padding:1.3rem 1.4rem;margin:1.8rem 0;border-left:4px solid #3A8DC7}
.rems-heute[data-stufe=sehr-niedrig],.rems-heute[data-stufe=sehr-hoch]{border-left-color:var(--orange)}
.rems-heute h2{font-size:1.25rem;margin:0 0 .5rem}
.rems-heute .rh-wert{margin:.2rem 0;font-size:1.05rem} .rems-heute .rh-q{font-size:1.6rem;margin-right:.35rem}
.rems-heute .rh-zeit{color:var(--grau,#5B6672)}
.rems-heute .rh-satz{margin:.4rem 0 .9rem}
.rh-band{position:relative;display:flex;height:12px;border-radius:6px;overflow:visible;margin:0 0 .3rem}
.rh-band .z{display:block;height:100%} .rh-band .z:first-child{border-radius:6px 0 0 6px} .rh-band .z:nth-child(5){border-radius:0 6px 6px 0}
.z-sehr-niedrig{background:#E96B00} .z-niedrig{background:#F4B37A} .z-normal{background:#CFE4F3} .z-hoch{background:#6FA9D6} .z-sehr-hoch{background:#0F4C81}
.rh-marke{position:absolute;top:-6px;width:4px;height:24px;margin-left:-2px;background:#1B2430;border-radius:2px;box-shadow:0 0 0 2px #fff}
.rh-skala{display:flex;justify-content:space-between;font-size:.78rem;color:var(--grau,#5B6672);margin-bottom:.6rem}
.rh-hinweis{margin:.4rem 0;font-weight:600} .rh-quelle{font-size:.8rem;color:var(--grau,#5B6672);margin:.6rem 0 0}
.rems-heute-kurz{background:var(--sand);border-radius:var(--radius);padding:.7rem 1rem;margin:1.2rem 0}
.bildpaar{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.2rem 0 1.6rem} .bildpaar figure{margin:0} .bildpaar img{width:100%;height:auto;border-radius:var(--radius)} .bildpaar figcaption{font-size:.85rem;color:var(--grau);margin-top:.35rem}
@media (max-width:640px){.bildpaar{grid-template-columns:1fr}}
.artikel figure.bild-vergleich.weit{width:min(1080px,calc(100vw - 40px));max-width:none}
.wege{grid-template-columns:repeat(4,1fr)}@media(max-width:1100px){.wege{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.wege{grid-template-columns:1fr}}
.rems-teaser{display:block;position:relative;margin:1.4rem 0 1.4rem;border-radius:var(--radius);overflow:hidden;text-decoration:none}
.rems-teaser img{display:block;width:100%;height:auto}
.rems-teaser span{display:block;padding:.75rem 1rem;background:var(--blau,#0F4C81);color:#fff;font-weight:700}
.rems-teaser:hover span{text-decoration:underline}
/* Projektstand kompakt in „Worum es jetzt geht“ (Sept. 2026) */
.stand-kompakt{margin-top:1.1rem;padding-top:.9rem;border-top:1px solid var(--linie)}
.stand-kompakt h3{margin:0 0 .55rem;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--grau)}
.stand-mini{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);position:relative}
.stand-mini::before{content:"";position:absolute;left:10%;right:10%;top:.45rem;height:2px;background:var(--linie)}
.stand-mini li{position:relative;text-align:center;padding-top:1.35rem;font-size:.8rem;line-height:1.25}
.stand-mini li::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:.95rem;height:.95rem;border-radius:50%;border:3px solid var(--linie);background:#fff;box-sizing:border-box}
.stand-mini li.fertig::before{background:var(--blau);border-color:var(--blau)}
.stand-mini li.aktiv::before{border-color:var(--orange);box-shadow:0 0 0 3px rgba(233,107,0,.22)}
.stand-mini b{display:block;font-weight:700;color:var(--tinte)} .stand-mini span{display:block;color:var(--grau);font-size:.74rem}
.stand-kompakt .datum{margin:.6rem 0 0;font-size:.8rem;color:var(--grau)}
.jetzt .wrap{align-items:start}
@media(max-width:480px){.stand-mini li{font-size:.72rem;padding-left:.2rem;padding-right:.2rem}.stand-mini span{font-size:.66rem}}
/* Stufenkarte (27.09.2026, Hochwasser-Regler / Hitze-Regler) */
.artikel figure.stufen{width:min(1080px,calc(100vw - 40px));max-width:none;margin:1.4rem 0 1.8rem}
.stufen-bild img{display:block;width:100%;height:auto;border-radius:var(--radius)}
.stufen-steuer{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin:.8rem 0 .4rem}
.stufen-knoepfe{display:flex;flex-wrap:wrap;gap:.4rem}
.stufen-knoepfe button{font:inherit;font-weight:700;font-size:.9rem;padding:.45rem .9rem;border-radius:999px;border:2px solid var(--blau);background:#fff;color:var(--blau);cursor:pointer}
.stufen-knoepfe button[aria-pressed=true]{background:var(--blau);color:#fff}
.stufen-steuer input[type=range]{flex:1 1 200px;accent-color:var(--blau)}
.stufen-text{font-weight:600;margin:.3rem 0} .stufen-schalter{display:inline-flex;gap:.5rem;align-items:center;font-weight:600;cursor:pointer;margin:.2rem 0}
.stufen-schalter input{width:1.1rem;height:1.1rem;accent-color:var(--orange)} .stufen-schalter-text{color:var(--orange-dunkel,#B85400);margin:.3rem 0}
.stufen figcaption{font-size:.85rem;color:var(--grau);margin-top:.5rem}
/* Winterbach-Karte (27.09.2026) */
.artikel section.wkarte{width:min(1080px,calc(100vw - 40px));max-width:none;margin:1.4rem 0 1.8rem}
.wkarte-suche{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.6rem}
.wkarte-suche label{font-weight:700} .wkarte-suche input{flex:1 1 240px;font:inherit;padding:.55rem .8rem;border:2px solid var(--linie);border-radius:999px}
.wkarte-suche .knopf{padding:.55rem 1.1rem} .wkarte-meldung{color:var(--grau);font-size:.9rem}
.wkarte-map{height:min(78vh,720px);border-radius:var(--radius);background:#dfe6ec}
.wkarte-ebenen{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem;border:0;padding:0;margin:.7rem 0 0}
.wkarte-ebenen legend{font-weight:700;margin-bottom:.3rem} .wkarte-ebenen label{font-size:.92rem;cursor:pointer}
.wkarte-ort{background:rgba(255,255,255,.85);border:0;box-shadow:none;font-weight:700;padding:1px 5px} .wkarte-ort.locality{font-weight:400;font-style:italic}
.wkarte-ort::before{display:none}
.wkarte-map:not(.wk-nah) .wkarte-ort.locality,.wkarte-map:not(.wk-nah) .wkarte-ort.isolated_dwelling{display:none}
/* Startseite: Selbst erkunden (Release 24) */
.werkzeuge{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:1.4rem}
.werkzeug{background:#fff;border:1px solid var(--linie);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column}
.werkzeug img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}
.werkzeug h3{color:var(--blau);margin:.9rem 1rem .3rem;font-size:1.08rem}
.werkzeug p{margin:0 1rem 1rem;color:var(--grau);font-size:.95rem}
.werkzeug:hover{border-color:var(--blau);box-shadow:0 6px 20px rgba(15,76,129,.08)}
.werkzeug:hover h3{text-decoration:underline}
@media(max-width:1000px){.werkzeuge{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.werkzeuge{grid-template-columns:1fr}}
/* Fuß: zweite Sitemap-Spalte „Die Rems“ (Release 24) */
.fuss .wrap{grid-template-columns:repeat(6,1fr)}
.fuss .wrap>div:nth-child(1),.fuss .wrap>div:nth-child(2),.fuss .wrap>div:nth-child(3){grid-column:span 2}
.fuss .wrap>.fuss-wissen{grid-column:span 3}
.fuss .wrap>.klein{grid-column:1/-1}
@media(max-width:1000px){.fuss .wrap>.fuss-wissen{grid-column:1/-1}.fuss-wissen ul{columns:3}}
@media(max-width:700px){.fuss .wrap{grid-template-columns:1fr}.fuss .wrap>div{grid-column:1/-1!important}.fuss-wissen ul{columns:2}}
/* Einfacher Flurnamen-Finder (28.09.2026) */
.artikel section.fnfinder{width:min(1080px,calc(100vw - 40px));max-width:none;margin:1.2rem 0 1.8rem}
.fnfinder-map{height:min(65vh,560px);border-radius:var(--radius);background:#dfe6ec}
.leaflet-tooltip.fn-etikett{background:#E96B00;color:#fff;border:0;font-weight:700;font-size:.95rem;padding:3px 8px;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.leaflet-tooltip.fn-etikett::before{display:none}
/* Klimakalender-Streifen auf der Startseite (28.09.2026) */
.klimastreifen{margin:1.4rem 0 1.2rem;padding:1.1rem 1.2rem 1rem;border-radius:var(--radius);background:rgba(255,255,255,.07);max-width:820px}
.ks-titel{margin:0 0 .6rem;font-weight:700;color:#fff}
.ks-monate{list-style:none;display:grid;grid-template-columns:repeat(12,1fr);gap:.35rem;align-items:end;height:118px;margin:0;padding:0}
.ks-monate li{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}
.ks-balken{display:block;width:100%;max-width:34px;background:#5E86AD;border-radius:4px 4px 0 0}
.ks-wert{font-size:.78rem;color:#D6E6F5;margin-bottom:2px} .ks-mon{font-size:.78rem;color:#D6E6F5;margin-top:4px}
.ks-monate li.ks-aktuell .ks-balken{background:#FFB070} .ks-monate li.ks-aktuell .ks-wert,.ks-monate li.ks-aktuell .ks-mon{color:#FFB070;font-weight:700}
.ks-text p{margin:.7rem 0 0;color:#fff;max-width:70ch} .ks-text b{color:#FFB070} .ks-text a,.ks-fuss a{color:#fff}
.ks-fuss{margin:.8rem 0 0;font-size:.88rem;color:#9FB8D0}
@media(max-width:520px){.ks-monate{gap:.15rem}.ks-wert,.ks-mon{font-size:.68rem}}
/* Höhenprofil zum Selberziehen in der Winterbach-Karte (30.09.2026) */
.wkarte-profil{margin:.7rem 0 .2rem}
.wkp-leiste{display:flex;flex-wrap:wrap;gap:.5rem .8rem;align-items:center}
.wkp-leiste .knopf{padding:.55rem 1.1rem;margin:0} .wkp-leiste .knopf[aria-pressed="true"]{background:var(--blau)}
.wkp-hinweis{color:var(--grau);font-size:.92rem;flex:1 1 260px}
.wkp-bild{margin:.8rem 0 .4rem;padding:.8rem 1rem .4rem;border:1px solid var(--linie);border-radius:var(--radius);background:#fff}
.wkp-titel{font-weight:700;font-size:.98rem;margin-bottom:.3rem}
.wkp-grafik{display:block;width:100%;height:auto;font-family:var(--schrift);touch-action:pan-y}
.wkp-zahlen{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.35rem 1.2rem;margin:.6rem 0;font-size:.95rem}
.wkp-zahlen div{display:flex;justify-content:space-between;gap:.6rem;border-bottom:1px dotted var(--linie);padding:.15rem 0}
.wkp-zahlen dt{color:var(--grau)} .wkp-zahlen dd{margin:0;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.wkp-teil{font-size:.9rem;color:var(--orange-dunkel)} .wkp-quelle{font-size:.82rem;color:var(--grau)}
.wkarte-map.wk-profilmodus,.wkarte-map.wk-profilmodus .leaflet-interactive{cursor:crosshair}
.wkp-steuer button{background:#fff;border:0;font:700 13px/1 var(--schrift);padding:8px 10px;cursor:pointer;color:var(--tinte)}
.wkp-steuer button.an{background:var(--orange-knopf);color:#fff}
.wkp-pkt span{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--orange);color:#fff;font:800 13px/1 var(--schrift);border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.4);cursor:grab}
.wkarte-map path.leaflet-interactive:focus{outline:none}
/* Zisternen-Regler und Regenrechner (Opus O-7, 03.10.2026) */
.zregler,.rrechner{background:var(--blau-hell);border-radius:var(--radius);padding:1.2rem 1.3rem;margin:1.6rem 0}
.zregler h3,.rrechner h3{margin-bottom:.7rem}
.zr-regler{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.4rem}
.zr-regler label{font-weight:700} .zr-regler input[type=range]{flex:1 1 220px;accent-color:var(--blau);min-height:44px}
.zr-monatname{font-weight:800;font-size:1.15rem;min-width:7.5em}
.zr-regen{font-size:.95rem;color:var(--grau);margin:.2rem 0 .8rem}
.zr-karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.zr-karte{background:#fff;border-radius:10px;padding:1rem;display:grid;grid-template-columns:70px 1fr;gap:.4rem 1rem;align-items:start}
.zr-karte h4{grid-column:1/-1;margin:0 0 .3rem;font-size:1rem}
.zr-tank{width:70px;height:110px;border:3px solid var(--blau);border-radius:6px 6px 12px 12px;position:relative;overflow:hidden;background:#fff}
.zr-wasser{position:absolute;left:0;right:0;bottom:0;background:var(--wasser);transition:height .25s}
.zr-karte dl{margin:0;font-size:.95rem} .zr-karte dt{color:var(--grau);font-size:.85rem} .zr-karte dd{margin:0 0 .35rem;font-weight:700}
.zr-karte.zr-null .zr-rueck{color:#A33A00}
.zr-hw{font-weight:650;margin:.9rem 0 .3rem} .zr-ann{font-size:.85rem;color:var(--grau);margin:0}
.rr-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:.55rem 1rem;align-items:center;margin-bottom:.8rem}
.rr-form label{font-weight:650;font-size:.95rem}
.rr-form input,.rr-form select{font:inherit;font-size:1rem;padding:.45rem .6rem;border:2px solid var(--linie);border-radius:8px;background:#fff;min-height:44px;width:100%}
.rr-form input:focus,.rr-form select:focus,.zr-regler input:focus{outline:3px solid var(--orange);outline-offset:2px}
.rr-paar{display:flex;gap:.5rem} .rr-paar input{flex:1 1 auto;min-width:0} .rr-paar select{flex:0 0 5.5em;width:auto}
.rr-erg{background:#fff;border-radius:10px;padding:.9rem 1rem} .rr-erg p{margin:.25rem 0} .rr-haupt{font-size:1.25rem}
.rr-dwd{border-left:5px solid var(--linie);padding-left:.7rem} .rr-s2{border-color:#E8B400} .rr-s3{border-color:var(--orange)} .rr-s4{border-color:#B3261E}
.rr-quelle{font-size:.85rem;color:var(--grau);margin:.6rem 0 0}
@media(max-width:560px){.rr-form{grid-template-columns:1fr}}

/* Barrierefreiheit (O-7, 03.10.2026): Kontrast Übertitel, Etikett „Visualisierung“, Links in der Wellen-Vorschau */
.vorschau .vabfluss a{color:#CFE8FF} .vorschau .vtag[data-tag="0"] .vabfluss a{color:var(--blau)}
.vorschau .vabfluss a:focus-visible,.vorschau a:focus-visible{outline:3px solid #FFB070;outline-offset:2px}
/* Externe Links und Downloads öffnen in neuem Tab (03.10.2026): Pfeil als Hinweis, Screenreader-Text steht im Link */
a[target="_blank"]::after{content:"\2009\2197";content:"\2009\2197" / "";font-size:.85em;text-decoration:none;display:inline-block}
.knopf[target="_blank"]::after,.leaflet-control-attribution a[target="_blank"]::after,a[target="_blank"].ohne-pfeil::after{content:none}
p.schmal{max-width:64ch}
/* Hinweis melden in der Winterbach-Karte (03.10.2026) */
.wkm{margin:.8rem 0;padding:.9rem 1rem;border:1px solid var(--linie);border-radius:var(--radius);background:#fff}
.wkm-titel{font-weight:700;margin:0 0 .3rem} .wkm-hinweis{color:var(--grau);font-size:.95rem;margin:0 0 .4rem}
.wkm-ort{font-variant-numeric:tabular-nums;font-size:.95rem;margin:0 0 .5rem}
.wkm-feld{display:block;margin:0 0 .7rem;font-size:.95rem} .wkm-feld span{display:block;margin-bottom:.25rem}
.wkm-feld textarea{width:100%;font:inherit;padding:.5rem;border:1px solid var(--linie);border-radius:6px;box-sizing:border-box}
.wkm-klein{font-size:.85rem;color:var(--grau)} .wkm-status{font-size:.95rem;color:var(--orange-dunkel);margin:.4rem 0 0}
.wkm-knoepfe .knopf{margin:0 .4rem .3rem 0} .wkm-knoepfe .knopf.zweit{background:#fff;color:var(--tinte);border:1px solid var(--linie)}
.wkm-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.wk-meldemodus{cursor:crosshair} .wkm-pkt span{background:#C62828}
/* Kopfmenü einzeilig halten (03.10.2026, „Flusswellen“ ist länger) */
@media(min-width:821px){.nav > ul > li > a,.nav .hat-aus > a{white-space:nowrap}}
@media(min-width:821px) and (max-width:1320px){.nav > ul{gap:.85rem}.nav > ul > li > a{font-size:.95rem}}
@media(min-width:821px) and (max-width:1060px){.nav > ul{gap:.6rem}.nav > ul > li > a{font-size:.9rem}.suche-kopf input{width:5rem}}
/* O-8 (13.10.2026): Ausklapp-Erklärzeile, Dach-Teaser „Alle Flusswellen“, Anna-Kasten */
.aus-erklaer{margin:0 0 1rem;padding-bottom:.7rem;border-bottom:1px solid var(--linie);font-size:.95rem;color:var(--grau);font-style:italic}
.dach-teaser{display:grid;grid-template-columns:minmax(150px,240px) 1fr;gap:1.4rem;align-items:center;margin:1.6rem 0 2rem;padding:1.2rem 1.4rem;background:var(--blau-hell);border-radius:var(--radius);text-decoration:none;color:var(--tinte)}
.dach-teaser img{width:100%;height:auto;display:block}
.dach-teaser-text{display:flex;flex-direction:column;gap:.5rem}
.dach-teaser-text strong{font-size:1.45rem;line-height:1.2;color:var(--blau)}
.dach-teaser-link{font-weight:700;color:var(--orange-text)}
.dach-teaser:hover .dach-teaser-link,.dach-teaser:focus-visible .dach-teaser-link{text-decoration:underline}
@media(max-width:600px){.dach-teaser{grid-template-columns:110px 1fr;gap:1rem;padding:1rem}.dach-teaser-text strong{font-size:1.15rem}}
.anna-kasten{position:relative;display:grid;grid-template-columns:1fr 150px;gap:0 1rem;align-items:end;margin:2rem 0;padding:1rem 1.2rem 0 1.3rem;background:#FFF4EA;border-left:4px solid var(--orange);border-radius:0 var(--radius) var(--radius) 0;overflow:visible}
.anna-figur{grid-column:2;grid-row:1;width:150px;height:auto;align-self:end;margin-top:-1.6rem}
.anna-inhalt{grid-column:1;grid-row:1;padding-bottom:1rem}
.anna-kopf{margin:0 0 .35rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.anna-kopf a{color:var(--orange-text);text-decoration:none}
.anna-kopf a:hover{text-decoration:underline}
.anna-frage{margin:0 0 .4rem;font-size:1.12rem;font-weight:700;line-height:1.35;color:var(--tinte)}
.anna-antwort{margin:0 0 .5rem}
.anna-mehr{margin:0}
.anna-mehr a{font-weight:700;color:var(--orange-text)}
@media(max-width:600px){.anna-kasten{grid-template-columns:1fr;padding-top:0;margin-top:3.2rem}
  .anna-figur{grid-column:1;grid-row:1;width:96px;margin:-2.6rem 0 .2rem;justify-self:end}
  .anna-inhalt{grid-row:2}}
@media(min-width:1000px){.aus-g5 .aus-gruppen{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.2rem 1.4rem}}
/* O-8 E: Spurensuche-Kasten („Was uns die Landschaft verrät“ u. a.) – blaue Kante, Lupe */
.kasten.im-text.kasten-spur{border-left-color:var(--blau);background:#F1F6FB}
.kasten-spur .kasten-titel strong{display:inline-flex;align-items:center;gap:.5rem;color:var(--blau)}
.kasten-spur .kasten-titel strong::before{content:"";width:1.15rem;height:1.15rem;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F4C81' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 21 21'/%3E%3C/svg%3E") center/contain no-repeat}
.wkp-pkt.wkp-fest span{background:var(--blau);cursor:default}
/* O-8: Startseiten-Abschnitt „Mehr Flow für die Rems“ */
.flow-prinzip{margin:1.4rem 0 1.6rem;background:#fff;border-radius:var(--radius);padding:.8rem;max-width:860px}
.flow-prinzip img{width:100%;height:auto;display:block}
.flow-zahl{display:flex;gap:1rem;align-items:baseline;flex-wrap:wrap;margin:1.6rem 0 1.2rem;max-width:760px}
.flow-zahl b{font-size:2.1rem;line-height:1;color:var(--orange-text);white-space:nowrap}
.flow-zahl span{flex:1 1 280px;color:var(--tinte)}

/* 14.10.: Song-Kasten und Klapp-Kästen auf /anna-psst/ */
.anna-song{display:grid;grid-template-columns:140px 1fr 120px;gap:1.2rem;align-items:center;margin:1.6rem 0 2rem;padding:1rem 1.2rem;background:#FFF4EA;border:1px solid #F1D9C2;border-radius:var(--radius)}
.anna-song-cover{width:140px;height:140px;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.anna-song-text p{margin:0 0 .6rem}
.anna-song-text .anna-kopf{color:var(--orange-text);margin-bottom:.3rem}
.anna-song-knopf{margin:0!important}
.anna-song-qr{margin:0;text-align:center}
.anna-song-qr img{width:110px;height:110px;background:#fff;padding:4px;border-radius:6px}
.anna-song-qr figcaption{font-size:.75rem;color:var(--grau,#5a6675);margin-top:.2rem;line-height:1.3}
@media(max-width:700px){.anna-song{grid-template-columns:96px 1fr}.anna-song-cover{width:96px;height:96px}.anna-song-qr{display:none}}
details.anna-klapp{display:block;padding:0 1.2rem 0 1.3rem;margin:2.6rem 0}
details.anna-klapp>summary{display:grid;grid-template-columns:1fr 130px;gap:0 1rem;align-items:end;cursor:pointer;list-style:none}
details.anna-klapp>summary::-webkit-details-marker{display:none}
details.anna-klapp .anna-inhalt{display:block;padding:1rem 0}
details.anna-klapp .anna-kopf{display:block;color:var(--orange-text)}
details.anna-klapp h2.anna-frage{margin:0 0 .5rem;padding:0;border:0;font-size:1.18rem}
details.anna-klapp .anna-figur{grid-column:2;width:130px;margin-top:-1.8rem}
.anna-zu,.anna-offen{font-weight:700;color:var(--orange-text);text-decoration:underline;text-underline-offset:3px}
.anna-zu::after{content:" ▾"} .anna-offen::after{content:" ▴"}
.anna-offen{display:none} details[open]>summary .anna-offen{display:inline} details[open]>summary .anna-zu{display:none}
details.anna-klapp>summary:hover .anna-frage{color:var(--orange-text)}
details.anna-klapp>summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
details.anna-klapp .anna-antwort{padding:0 0 1.1rem;border-top:1px dashed #F1C9A2;padding-top:.9rem}
details.anna-klapp .anna-antwort p:last-child{margin-bottom:0}
@media(max-width:600px){details.anna-klapp{margin:2.4rem 0;padding:0 .9rem 0 1rem}details.anna-klapp>summary{grid-template-columns:1fr 84px;gap:0 .6rem}
  details.anna-klapp .anna-figur{width:84px;margin-top:-1.4rem}details.anna-klapp .anna-inhalt{padding:.8rem 0}}
/* 14.10.2026: Entdeckungsreisen (Rems und Winterbach) – Ausklapp-Link, Reise-Kasten am Seitenende, Übersicht */
.nav .aus li.aus-reise-alle a{font-size:.88rem;font-weight:700;color:var(--orange-text)}
.reise{margin-top:3rem;padding:1.3rem 1.4rem 1.1rem;border:1px solid var(--linie);border-left:4px solid var(--orange);border-radius:var(--radius);max-width:46rem;background:var(--sand)}
.reise-t{font-weight:800;font-size:1.15rem;margin:0 0 .8rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem}
.reise-t span:first-child{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--orange-text)}
.reise-pos{font-size:.9rem;font-weight:600;color:var(--grau);margin-left:auto}
.reise-nav{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:.9rem}
.reise-nav a{display:block;background:#fff;border:1px solid var(--linie);border-radius:10px;padding:.6rem .8rem;text-decoration:none;color:var(--tinte);font-weight:700;line-height:1.3}
.reise-nav a span{display:block;font-size:.8rem;font-weight:700;color:var(--orange-text);margin-bottom:.15rem}
.reise-nav a:hover{border-color:var(--blau);color:var(--blau)}
.reise-weiter{grid-column:2;text-align:right}
.reise-liste{margin:0 0 .8rem;padding-left:1.4rem;font-size:.95rem;columns:2;column-gap:2rem}
.reise-liste li{margin:0 0 .25rem;break-inside:avoid}
.reise-liste a[aria-current="page"]{font-weight:800;color:var(--tinte);text-decoration:none}
.reise-andere{margin:0;padding-top:.7rem;border-top:1px solid var(--linie);font-size:.92rem;color:var(--grau)}
@media(max-width:640px){.reise-nav{grid-template-columns:1fr}.reise-weiter{grid-column:1}.reise-liste{columns:1}}
.reisen{display:grid;gap:1.6rem;margin:1.2rem 0 2rem}
.reise-block{border:1px solid var(--linie);border-radius:var(--radius);padding:1.3rem 1.4rem;scroll-margin-top:90px}
.reise-block h3{font-size:1.35rem;color:var(--blau);margin-bottom:.3rem}
.reise-block > p{color:var(--grau);margin-bottom:.9rem}
.reise-einstieg{display:block;background:var(--sand);border-left:4px solid var(--orange);border-radius:10px;padding:.9rem 1rem;text-decoration:none;color:var(--tinte);margin-bottom:.9rem}
.reise-einstieg:hover{background:var(--blau-hell)}
.reise-einstieg-k{display:block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--orange-text)}
.reise-einstieg strong{display:block;font-size:1.15rem;margin:.15rem 0 .2rem;color:var(--blau)}
.reise-einstieg span:last-child{font-size:.98rem;color:var(--grau)}
.reise-alle{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem 1.4rem;font-size:.98rem}
/* 14.10.2026: Startseite – Abschnitt „Entdecken“ (Anna, Landschaft lesen, Vergessene Welle) */
.entdecken{background:linear-gradient(180deg,#fff 0%,var(--blau-hell) 100%)}
.entdecken-karten{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:1.6rem}
.entdecken-karte{background:#fff;border:1px solid var(--linie);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;box-shadow:0 4px 16px rgba(15,76,129,.06)}
.entdecken-karte img{width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}
.entdecken-frage{display:block;margin:1rem 1.1rem .4rem;font-weight:700;font-style:italic;color:var(--orange-text);font-size:1.02rem;line-height:1.35}
.entdecken-karte h3{color:var(--blau);margin:0 1.1rem .35rem;font-size:1.3rem}
.entdecken-karte p{margin:0 1.1rem .8rem;color:var(--grau);font-size:.98rem}
.entdecken-karte .mehr{margin:auto 1.1rem 1.1rem;color:var(--orange-text);font-weight:700}
.entdecken-karte:hover{border-color:var(--blau);box-shadow:0 8px 24px rgba(15,76,129,.12)}
.entdecken-karte:hover h3{text-decoration:underline}
@media(max-width:900px){.entdecken-karten{grid-template-columns:1fr}.entdecken-karte{display:grid;grid-template-columns:38% 1fr;grid-template-rows:auto auto auto 1fr}.entdecken-karte img{grid-row:1/5;height:100%;aspect-ratio:auto}}
@media(max-width:560px){.entdecken-karte{display:flex}.entdecken-karte img{aspect-ratio:8/5;height:auto}}
#erkunden .aus-alle{margin-top:1.2rem}
/* 14.10.2026: Handy – keine Querscroll-Leiste durch lange Verweise und breite Tabellen */
@media(max-width:520px){.artikel a.weiter{white-space:normal}.artikel table{display:block;max-width:100%;overflow-x:auto}}
/* 14.10.2026: lange Adressen in Quellenlisten brechen um (Schwammlandschaft auf dem Handy) */
.artikel p,.artikel li{overflow-wrap:anywhere}
/* 14.10.2026: Sportplatz-Finder für Kinder */
.spf{margin:1.6rem 0 2rem;padding:1.1rem;border:1px solid var(--linie);border-radius:var(--radius);background:var(--sand);scroll-margin-top:90px}
.spf-anleitung{font-weight:700;margin:0 0 .7rem}
.spf-karte{position:relative;border-radius:10px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}
.spf-karte img{width:100%;height:auto;display:block}
.spf-oben{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}
.spf-punkt{cursor:grab}.spf-punkt:focus{outline:none;stroke:#E96B00;stroke-width:6}
.spf-ergebnis{font-size:1.25rem;margin:.9rem 0 .3rem;min-height:1.6em}
.spf-hinweis{font-size:.92rem;color:var(--grau);margin:0}
/* Themenkarten (15.10.2026): Schalter, Legende und Knöpfe außerhalb der Karte; Vollbild per CSS (auch iPhone) */
.artikel section.tkarte{width:min(1080px,calc(100vw - 40px));max-width:none;margin:1.4rem 0 1.8rem}
.tk-frage{font-weight:800;font-size:1.2rem;margin:0 0 .5rem;color:var(--blau)}
.tk-schalter{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 .6rem}
.tk-k{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.4rem .9rem;border:2px solid var(--linie);border-radius:999px;background:#fff;color:var(--tinte);font:600 .95rem/1.2 var(--schrift);cursor:pointer}
.tk-k:hover{border-color:var(--blau)}
.tk-schalter .tk-k[aria-pressed="false"]{color:var(--grau)}
.tk-schalter .tk-k[aria-pressed="false"] .tk-marke{opacity:.35}
.tk-schalter .tk-k[aria-pressed="true"]{border-color:var(--blau);background:var(--blau-hell);color:var(--blau-dunkel)}
.tk-schalter .tk-k[aria-pressed="true"]::after{content:"✓";font-weight:800;margin-left:.1rem}
.tk-wahl{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem}
.tk-wahl-t{font-weight:700;font-size:.95rem;margin-right:.1rem}
.tk-marke{display:inline-block;width:22px;height:0;border-top:4px var(--s,solid) var(--f);flex:0 0 auto}
.tk-marke.fl{height:14px;border:2px solid var(--f);background:color-mix(in srgb,var(--f) 45%,transparent);border-radius:3px}
.tk-marke.pt{width:14px;height:14px;border:2px solid #fff;background:var(--f);border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.tk-rahmen{position:relative}
.tk-map{height:min(70vh,640px);min-height:320px;border-radius:var(--radius);background:#dfe6ec}
.tk-hinweis{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center;background:rgba(27,36,48,.55);color:#fff;font-weight:700;font-size:1.05rem;border-radius:var(--radius);opacity:0;pointer-events:none;transition:opacity .25s;z-index:1000}
.tk-hinweis.an{opacity:1}
.tk-leiste{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin:.6rem 0 0}
.tk-leiste .tk-k{font-size:.9rem}
.tk-leiste .tk-melden-k[aria-pressed="true"]{background:#C62828;border-color:#C62828;color:#fff}
.tk-meldung{color:var(--grau);font-size:.92rem;flex:1 1 220px}
.tk-link{width:100%;font:inherit;font-size:.85rem;padding:.3rem .5rem;border:1px solid var(--linie);border-radius:6px;margin-top:.2rem}
.tk-suche{margin-bottom:.6rem}
.tk-jahre{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin:0 0 .6rem}
.tk-jahre label{font-weight:700}.tk-jahre input{flex:1 1 220px;accent-color:var(--orange-knopf)}.tk-jahre output{font-weight:700;min-width:7.5em;font-variant-numeric:tabular-nums}
.tk-legende ul{list-style:none;margin:.3rem 0 0;padding:0;display:grid;gap:.35rem}
.tk-legende li{display:flex;gap:.6rem;align-items:baseline;font-size:.95rem;line-height:1.45}
.tk-legende li .tk-marke{position:relative;top:.15em}
.tk-leg-t{font-weight:700;margin:.9rem 0 0;font-size:.95rem}
.tk-skala{display:flex;flex-wrap:wrap;border-radius:6px;overflow:hidden;font-size:.78rem;font-weight:700}
.tk-skala span{padding:.2rem .45rem;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.6)}
.tk-skala span:first-child,.tk-skala span:nth-child(2){color:var(--tinte);text-shadow:none}
.tk-quelle{font-size:.8rem;color:var(--grau);margin:.7rem 0 0;line-height:1.4}
.tk-kennung{background:#fff;border:0;border-radius:50%;width:22px;height:22px;padding:0;display:flex;align-items:center;justify-content:center;font:800 12px/1 var(--schrift);color:#0D47A1;box-shadow:0 1px 3px rgba(0,0,0,.4)}
.tk-kennung::before{display:none}
.tk-buchstabe span{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#fff;color:#0D47A1;border:3px solid #0D47A1;font:800 13px/1 var(--schrift);box-sizing:border-box}
.tk-map:not(.wk-nah) .wkarte-ort.locality,.tk-map:not(.wk-nah) .wkarte-ort.isolated_dwelling{display:none}
.tk-map.wk-meldemodus{cursor:crosshair}
/* Vollbild */
html.tk-offen,html.tk-offen body{overflow:hidden}
.artikel section.tkarte.tk-voll,.tkarte.tk-voll{position:fixed;inset:0;width:auto;margin:0;z-index:5000;background:#fff;display:flex;flex-direction:column;padding:.6rem .7rem calc(.6rem + env(safe-area-inset-bottom));box-sizing:border-box}
.tkarte.tk-voll .tk-frage{font-size:1rem;margin-bottom:.35rem}
.tkarte.tk-voll .tk-schalter{flex-wrap:nowrap;overflow-x:auto;margin-bottom:.4rem;padding-bottom:.2rem}
.tkarte.tk-voll .tk-k{white-space:nowrap}
.tkarte.tk-voll .tk-rahmen{flex:1 1 auto;min-height:0}
.tkarte.tk-voll .tk-map{height:100%;min-height:0}
.tkarte.tk-voll .tk-legende,.tkarte.tk-voll .tk-quelle,.tkarte.tk-voll .tk-suche,.tkarte.tk-voll .wkm{display:none}
.tkarte.tk-voll .tk-leiste{margin-top:.4rem}
.tkarte.tk-voll .tk-voll-k{background:var(--blau);border-color:var(--blau);color:#fff}
@media(max-width:600px){
  .artikel section.tkarte{width:auto}
  .tk-map{height:62vh;min-height:300px}
  .tk-k{padding:.35rem .75rem;font-size:.9rem}
  .tk-frage{font-size:1.08rem}
}
.tkarte [hidden]{display:none!important}
.tk-suche label{position:absolute;left:-9999px}
.tk-suche{flex-wrap:nowrap}.tk-suche input{min-width:0}
.tk-map .leaflet-tooltip-pane{z-index:590}.tk-map .wkarte-ort{font-size:12px;padding:0 4px;background:rgba(255,255,255,.78)}
/* 15.10.2026: neue, höhere Anna-Figuren – am Handy unten auf höchstens 1,25 × Breite gekürzt (Bilder bleiben ganz) */
@media(max-width:600px){img.anna-figur{aspect-ratio:360/450;height:auto;object-fit:cover;object-position:top}}
/* Höhenprofil-Werkzeug (15.10.2026) */
.artikel section.hprofil{width:min(1080px,calc(100vw - 40px));max-width:none;margin:1.4rem 0 1.8rem}
.hp-anleitung{font-size:.98rem;margin:0 0 .6rem}
.hp-map{height:min(60vh,560px);min-height:300px;border-radius:var(--radius);background:#dfe6ec;cursor:crosshair}
.hp-map .leaflet-interactive{cursor:crosshair}
.hp-map:not(.wk-nah) .wkarte-ort.locality,.hp-map:not(.wk-nah) .wkarte-ort.isolated_dwelling{display:none}
.hp-map .leaflet-tooltip-pane{z-index:590}.hp-map .wkarte-ort{font-size:12px;padding:0 4px;background:rgba(255,255,255,.78)}
@media(max-width:600px){.artikel section.hprofil{width:auto}.hp-map{height:55vh}}
/* 15.10.2026: sehr hohe Posen (z. B. spaziert) am PC in der Höhe begrenzen */
@media(min-width:601px){img.anna-figur{width:auto;height:auto;max-width:150px;max-height:250px;justify-self:end}}
.hprofil [hidden]{display:none!important}
/* Suche (16.10.2026): eigene Oberfläche über Pagefind */
.su-form{display:flex;gap:.5rem;margin:.4rem 0 .8rem}
.su-label{position:absolute;left:-9999px}
.su-form input{flex:1 1 auto;min-width:0;font:inherit;font-size:1.1rem;padding:.7rem 1rem;border:2px solid var(--linie);border-radius:999px}
.su-form input:focus{outline:none;border-color:var(--blau)}
.su-chips,.su-filter{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:0 0 .8rem}
.su-chips-t,.su-filter-t{width:100%;margin:0;font-weight:700;font-size:.95rem}
.su-filter-t{width:auto}
.su-chip{display:inline-flex;align-items:center;min-height:40px;padding:.3rem .9rem;border:2px solid var(--linie);border-radius:999px;background:#fff;color:var(--tinte);font:600 .95rem/1.2 var(--schrift);text-decoration:none;cursor:pointer}
.su-chip:hover{border-color:var(--blau)}
.su-chip[aria-pressed="true"]{border-color:var(--blau);background:var(--blau-hell);color:var(--blau-dunkel)}
.su-status{color:var(--grau);font-size:.98rem;margin:.2rem 0 .8rem}
.su-meinten{background:none;border:0;padding:0;font:inherit;color:var(--blau);text-decoration:underline;cursor:pointer;font-weight:700}
.su-anna{display:flex;gap:.8rem;align-items:flex-start;margin:0 0 .7rem;padding:.7rem .9rem;background:#FFF4EA;border-left:4px solid var(--orange);border-radius:0 var(--radius) var(--radius) 0;color:var(--tinte);text-decoration:none}
.su-anna img{width:52px;height:auto;flex:0 0 auto;aspect-ratio:360/450;object-fit:cover;object-position:top}
.su-anna span{display:block}.su-anna-k{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--orange-text)}
.su-anna strong{display:block;margin:.1rem 0 .2rem}.su-anna-a{font-size:.95rem;color:var(--grau)}
.su-orte{margin:0 0 1rem}.su-orte-t{font-weight:700;font-size:.95rem;margin:0 0 .3rem}
.su-ort{display:inline-block;margin:0 .4rem .4rem 0;padding:.35rem .8rem;border:2px solid var(--blau-hell);background:var(--blau-hell);border-radius:999px;text-decoration:none;color:var(--blau-dunkel);font-size:.95rem}
.su-ort span{color:var(--grau);font-size:.85rem}.su-ort::before{content:"📍 "}
.su-liste{list-style:none;margin:0;padding:0}
.su-liste li{padding:.8rem 0;border-bottom:1px solid var(--linie)}
.su-titel{font-weight:700;font-size:1.08rem}
.su-ber{display:inline-block;font-size:.78rem;font-weight:700;color:var(--grau);border:1px solid var(--linie);border-radius:999px;padding:0 .5rem;margin-left:.3rem;vertical-align:middle}
.su-auszug{margin:.3rem 0 0;font-size:.98rem}.su-auszug mark{background:#FFE0B2;color:inherit;padding:0 .1em;border-radius:2px}
.su-unters{margin:.3rem 0 0;font-size:.9rem}.su-unter{margin-right:.9rem}.su-unter::before{content:"→ "}
.su-mehr-p{margin:1rem 0}