/* Abschiedswunsch – Gestaltungssystem
   Layout: weite, ruhige Flächen; Inhalt in Lesespalte (70ch) + Seitenleiste; feine Linienillustrationen 1,5px.
   Farben: Flieder (Trauerfarbe) als Akzent, Salbei für Natur und Bestätigung, Kerze nur als Lichtpunkt. */
:root{
  --grund:#F6F5F8; --flaeche:#FFFFFF; --flaeche-2:#EFEDF3; --tinte:#221F2B; --leise:#5C5869;
  --flieder:#55447A; --flieder-tief:#3A2E57; --flieder-hell:#ECE8F4; --flieder-mitte:#8F7FB3;
  --salbei:#587560; --salbei-hell:#E6EEE7; --kerze:#B08A2E; --kerze-hell:#F6EEDA;
  --linie:#E1DDE8; --auf-dunkel:#F6F4FA; --warn:#9A3B2E; --warn-hell:#F8E9E5;
  --display:"Newsreader", Georgia, "Times New Roman", serif;
  --text:"Atkinson Hyperlegible", "Segoe UI", Arial, sans-serif;
  --t-1:.8rem; --t0:1rem; --t1:1.2rem; --t2:1.5rem; --t3:2rem; --t4:2.7rem; --t5:3.5rem;
  --r:12px; --r-gross:20px; --zoom:1; --kopf-hoehe:72px;
  --schatten:0 1px 2px rgba(34,31,43,.04), 0 12px 32px -18px rgba(58,46,87,.28);
  --schatten-hoch:0 2px 4px rgba(34,31,43,.05), 0 22px 48px -22px rgba(58,46,87,.42);
  color-scheme:light; interpolate-size:allow-keywords;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --grund:#151419; --flaeche:#1E1C24; --flaeche-2:#25222D; --tinte:#EDEAF3; --leise:#ABA6B8;
  --flieder:#BBA9DD; --flieder-tief:#2A2340; --flieder-hell:#2B2638; --flieder-mitte:#7E6EA6;
  --salbei:#9FBBA6; --salbei-hell:#1E2A22; --kerze:#D8B66C; --kerze-hell:#2E2819;
  --linie:#302C39; --auf-dunkel:#F1EEF7; --warn:#E59A8C; --warn-hell:#33201C;
  --schatten:0 1px 2px rgba(0,0,0,.3), 0 14px 34px -18px rgba(0,0,0,.6);
  --schatten-hoch:0 2px 4px rgba(0,0,0,.3), 0 22px 48px -22px rgba(0,0,0,.7); color-scheme:dark }}
:root[data-theme="dark"]{
  --grund:#151419; --flaeche:#1E1C24; --flaeche-2:#25222D; --tinte:#EDEAF3; --leise:#ABA6B8;
  --flieder:#BBA9DD; --flieder-tief:#2A2340; --flieder-hell:#2B2638; --flieder-mitte:#7E6EA6;
  --salbei:#9FBBA6; --salbei-hell:#1E2A22; --kerze:#D8B66C; --kerze-hell:#2E2819;
  --linie:#302C39; --auf-dunkel:#F1EEF7; --warn:#E59A8C; --warn-hell:#33201C;
  --schatten:0 1px 2px rgba(0,0,0,.3), 0 14px 34px -18px rgba(0,0,0,.6);
  --schatten-hoch:0 2px 4px rgba(0,0,0,.3), 0 22px 48px -22px rgba(0,0,0,.7); color-scheme:dark }

/* ---------- Grundlagen ---------- */
/* Grundschrift relativ (118,75 % = 19 px), damit die Schriftgröße des Browsers respektiert wird; --zoom kommt vom Schriftschalter */
html{font-size:calc(118.75% * var(--zoom));scroll-behavior:smooth;scroll-padding-top:calc(var(--kopf-hoehe) + 1rem);-webkit-text-size-adjust:100%;text-size-adjust:100%;hanging-punctuation:first allow-end;accent-color:var(--flieder)}
/* Ruhiger Seitenwechsel ohne Aufblitzen (View Transitions, nur wenn Bewegung erwünscht) */
@media (prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  ::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
*,*::before,*::after{box-sizing:border-box}
p,li,dd,figcaption{text-wrap:pretty}
button,a,label,summary{touch-action:manipulation}
body{background:var(--grund);color:var(--tinte);font-family:var(--text);line-height:1.62;margin:0;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--flieder);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--kerze);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{font-family:var(--display);font-weight:500;line-height:1.16;text-wrap:balance;margin:0;letter-spacing:-.012em;color:var(--tinte)}
/* Fließende Überschriften statt Sprüngen an Bruchpunkten */
h1{font-size:clamp(2.2rem,1.45rem + 3.1vw,var(--t5))} h2{font-size:clamp(1.85rem,1.35rem + 2vw,var(--t4))} h3{font-size:var(--t2)} h4{font-size:var(--t1);font-weight:600}
p{margin:0}
.aw-zahl,.aw-tabelle td,.aw-tabelle th{font-variant-numeric:tabular-nums lining-nums}
.aw-wrap{max-width:1200px;margin-inline:auto;padding-inline:clamp(16px,4vw,44px)}
.aw-eyebrow{display:block;font-size:var(--t-1);letter-spacing:.11em;text-transform:uppercase;font-weight:700;color:var(--salbei)}
.aw-leise{color:var(--leise)}
.aw-klein{font-size:var(--t-1)}
.aw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.aw-ic-svg{width:100%;height:100%;display:block}
.aw-ic-svg .a{stroke:var(--salbei)} .aw-ic-svg .k{stroke:var(--kerze)}
.aw-ueberspringen{position:absolute;left:-999px;top:0;background:var(--flaeche);padding:.6rem 1rem;z-index:99}
.aw-ueberspringen:focus{left:16px;top:16px}
.pruefen{text-decoration:underline dotted var(--kerze);text-underline-offset:.25em;text-decoration-thickness:2px}

/* ---------- Knöpfe ---------- */
.aw-knopf{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:52px;padding:.45rem 1.45rem;border-radius:999px;border:1.5px solid var(--flieder);background:var(--flieder);color:var(--flaeche);font:inherit;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .15s ease, box-shadow .15s ease;line-height:1.2;text-align:center}
.aw-knopf:hover{text-decoration:none}
@media (hover:hover){.aw-knopf:hover{transform:translateY(-1px);box-shadow:var(--schatten)}}
.aw-knopf:active{transform:translateY(1px) scale(.99);box-shadow:none}
.aw-knopf .aw-knopf-pfeil{width:20px;height:20px;flex:none}
.aw-knopf.aw-leer{background:transparent;color:var(--flieder)}
.aw-knopf.aw-klein{min-height:42px;padding:.3rem 1.05rem;font-size:.9rem}
.aw-knoepfe{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.aw-tel{color:inherit;text-decoration:none;white-space:nowrap}
.aw-tel:hover{text-decoration:underline}
.aw-kasten-tel{font-family:var(--display);font-size:var(--t2);color:var(--tinte)}

/* ---------- Kopf ---------- */
.aw-entwurf{background:var(--kerze-hell);color:var(--tinte);font-size:var(--t-1);text-align:center;padding:.4rem 16px}
.aw-notruf{background:var(--flieder-tief);color:var(--auf-dunkel);font-size:var(--t-1)}
.aw-notruf .aw-wrap{display:flex;flex-wrap:wrap;gap:.3rem 1.4rem;justify-content:space-between;align-items:center;padding-block:.5rem}
.aw-notruf a{color:inherit}
.aw-kurz{display:none}
.aw-groesse{display:flex;gap:.3rem;align-items:center}
.aw-groesse button{font-family:var(--text);background:transparent;color:inherit;border:1px solid rgba(255,255,255,.35);border-radius:6px;min-width:2.2rem;min-height:2.2rem;cursor:pointer}
.aw-groesse .g2{font-size:1.1em} .aw-groesse .g3{font-size:1.25em}
.aw-groesse button[aria-pressed="true"]{background:rgba(255,255,255,.16);font-weight:700}
.aw-kopf{background:var(--flaeche);border-bottom:1px solid var(--linie);position:sticky;top:env(safe-area-inset-top,0px);z-index:40}
.aw-kopf .aw-wrap{display:flex;align-items:center;gap:1.2rem;padding-block:.7rem}
.aw-marke{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--tinte);margin-right:auto}
.aw-marke svg{width:36px;height:36px;flex:none}
.aw-marke span{font-family:var(--display);font-size:1.45rem;letter-spacing:-.015em}
.aw-menue{display:flex;gap:.1rem;list-style:none;margin:0;padding:0}
.aw-menue > li{position:relative}
.aw-menue > li > a{display:inline-flex;align-items:center;min-height:44px;padding:0 .7rem;color:var(--tinte);text-decoration:none;border-radius:8px;font-size:.95rem}
.aw-menue > li > a:hover,.aw-menue > li:focus-within > a,.aw-menue > li > a[aria-current]{background:var(--flaeche-2)}
.aw-mega{position:absolute;left:-.5rem;top:100%;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r);box-shadow:var(--schatten-hoch);padding:1.2rem 1.3rem;width:min(560px,90vw);display:none;grid-template-columns:1fr 1fr;gap:.2rem 1.6rem}
.aw-menue > li:hover .aw-mega,.aw-menue > li:focus-within .aw-mega{display:grid}
@media (prefers-reduced-motion:no-preference){
  .aw-mega{opacity:0;translate:0 6px;transition:opacity .18s ease,translate .18s ease,display .18s allow-discrete}
  .aw-menue > li:hover .aw-mega,.aw-menue > li:focus-within .aw-mega{opacity:1;translate:0 0}
  @starting-style{.aw-menue > li:hover .aw-mega,.aw-menue > li:focus-within .aw-mega{opacity:0;translate:0 6px}}
}
.aw-mega a{color:var(--tinte);text-decoration:none;padding:.32rem 0;font-size:.9rem;line-height:1.35}
.aw-mega a:hover{color:var(--flieder)}
.aw-mega .aw-mega-titel{grid-column:1/-1;font-size:var(--t-1);color:var(--leise);text-transform:uppercase;letter-spacing:.09em;margin-bottom:.3rem}
.aw-mega .aw-mega-alle{grid-column:1/-1;margin-top:.5rem;font-weight:700;color:var(--flieder)}
.aw-menue-knopf{display:none;background:none;border:1px solid var(--linie);border-radius:10px;min-height:44px;padding:0 .8rem;font:inherit;color:var(--tinte);cursor:pointer}
.aw-mobil-menue{display:none;background:var(--flaeche);border-bottom:1px solid var(--linie)}
.aw-mobil-menue.offen{display:block}
.aw-mobil-menue ul{list-style:none;margin:0;padding:.5rem 16px 1rem;display:grid}
.aw-mobil-menue a{display:block;padding:.75rem 0;border-bottom:1px solid var(--linie);color:var(--tinte);text-decoration:none}

/* ---------- Seitenaufbau Artikel ---------- */
.aw-brot{font-size:var(--t-1);color:var(--leise);padding-block:1.1rem}
.aw-brot a{color:var(--leise)}
.aw-artikel-kopf{display:grid;gap:1.1rem;padding-bottom:1.8rem;max-width:880px}
.aw-artikel-kopf .aw-unter{font-size:var(--t1);color:var(--leise);max-width:60ch}
.aw-pruef{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;align-items:center;font-size:var(--t-1);color:var(--leise);border-block:1px solid var(--linie);padding-block:.8rem}
.aw-pruef > div{display:flex;gap:.6rem;align-items:center}
.aw-avatar{width:38px;height:38px;border-radius:50%;background:var(--flieder-hell);display:grid;place-items:center;color:var(--flieder);flex:none;padding:7px}
.aw-avatar.s{background:var(--salbei-hell);color:var(--salbei)}
.aw-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(2rem,5vw,4.5rem);align-items:start;padding-bottom:4rem}
.aw-layout.aw-ohne-leiste{grid-template-columns:minmax(0,1fr)}
.aw-text{display:grid;gap:1.25rem;max-width:72ch;min-width:0}
.aw-text > h2{font-size:var(--t3);margin-top:2.2rem;scroll-margin-top:100px}
.aw-text > h3,.aw-text h3{font-size:var(--t1);font-weight:600;margin-top:.5rem}
.aw-text ul,.aw-text ol{margin:0;padding-left:1.3rem;display:grid;gap:.45rem}
.aw-text li::marker{color:var(--flieder)}
.aw-text strong{font-weight:700}
.aw-text blockquote{margin:0;padding:.4rem 0 .4rem 1.2rem;border-left:3px solid var(--kerze);font-family:var(--display);font-size:var(--t1);font-style:italic}
.aw-leiste-rechts{position:sticky;top:96px;display:grid;gap:1.2rem}
.aw-toc{font-size:.88rem}
.aw-toc ol{list-style:none;margin:0;padding:0;display:grid;border-left:2px solid var(--linie)}
.aw-toc a{display:block;padding:.35rem 0 .35rem .9rem;color:var(--leise);text-decoration:none;margin-left:-2px;border-left:2px solid transparent;line-height:1.35}
.aw-toc a:hover,.aw-toc a.aktiv{color:var(--flieder);border-left-color:var(--flieder)}
.aw-seiten-cta{background:var(--flieder-tief);color:var(--auf-dunkel);border-radius:var(--r-gross);padding:1.4rem;display:grid;gap:.8rem}
.aw-seiten-cta .aw-ic-wrap{width:44px;height:44px;color:var(--auf-dunkel)}
.aw-seiten-cta .aw-ic-svg .a,.aw-seiten-cta .aw-ic-svg .k{stroke:var(--kerze)}
.aw-seiten-cta p.t{font-family:var(--display);font-size:var(--t1);line-height:1.25}
.aw-seiten-cta .aw-knopf{background:var(--auf-dunkel);color:var(--flieder-tief);border-color:var(--auf-dunkel)}
.aw-seiten-cta small{opacity:.8}
.aw-kasten{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r);padding:1.2rem;display:grid;gap:.5rem}

/* ---------- Antwortbox ---------- */
.aw-antwort{border-left:3px solid var(--salbei);background:var(--salbei-hell);border-radius:0 var(--r) var(--r) 0;padding:1.2rem 1.4rem;display:grid;gap:.55rem}
.aw-antwort > p:first-child{font-size:var(--t1);line-height:1.5}
.aw-antwort > p.aw-stand{font-size:var(--t-1);color:var(--leise);line-height:1.4}

/* ---------- CTA-Bänder ---------- */
.aw-cta{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:1.2rem 1.4rem;align-items:center;background:var(--flieder-hell);border:1px solid transparent;border-radius:var(--r-gross);padding:1.4rem 1.6rem;margin-block:.8rem}
.aw-cta-ic{width:56px;height:56px;border-radius:50%;background:var(--flaeche);color:var(--flieder);padding:11px;box-shadow:var(--schatten)}
.aw-cta-text{display:grid;gap:.3rem;min-width:0}
.aw-cta-titel{font-family:var(--display);font-size:var(--t2);line-height:1.2;color:var(--tinte)}
.aw-cta-text p:last-child{color:var(--leise);font-size:.95rem}
.aw-cta-aktion{display:grid;gap:.4rem;justify-items:center;min-width:0}
.aw-cta-aktion small{color:var(--leise);font-size:var(--t-1)}
.aw-cta-tel{display:flex;gap:.4rem;align-items:center;font-size:.9rem}
.aw-cta-tel svg{width:20px;height:20px}
.aw-cta-gross{grid-template-columns:72px minmax(0,1fr);background:var(--flieder-tief);color:var(--auf-dunkel);padding:clamp(1.6rem,4vw,2.6rem);margin-block:2rem 1rem}
.aw-cta-gross .aw-cta-ic{width:72px;height:72px;padding:14px;background:rgba(255,255,255,.08);color:var(--auf-dunkel);box-shadow:none}
.aw-cta-gross .aw-ic-svg .a,.aw-cta-gross .aw-ic-svg .k{stroke:var(--kerze)}
.aw-cta-gross .aw-cta-titel{color:var(--auf-dunkel);font-size:var(--t3)}
.aw-cta-gross .aw-cta-text p:last-child,.aw-cta-gross small,.aw-cta-gross .aw-eyebrow{color:var(--auf-dunkel);opacity:.85}
.aw-cta-gross .aw-cta-aktion{grid-column:2;justify-items:start}
.aw-cta-gross .aw-knopf{background:var(--auf-dunkel);color:var(--flieder-tief);border-color:var(--auf-dunkel);min-height:58px;font-size:1.05rem;padding-inline:1.8rem}
.aw-cta-akut{background:var(--kerze-hell)}
.aw-cta-akut.aw-cta-gross{background:var(--flieder-tief)}

@media (hover:hover){.aw-kachel:hover,.aw-lage:hover,.aw-art:hover{transform:translateY(-2px)}}
.aw-kachel:active,.aw-lage:active,.aw-art:active{transform:scale(.985)}

/* ---------- Einstieg (Kacheln wie Anfragestrecke) ---------- */
.aw-einstieg{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-gross);padding:clamp(1.2rem,3vw,2rem);display:grid;gap:1.1rem;box-shadow:var(--schatten-hoch);margin-block:.8rem}
.aw-einstieg-kopf{display:grid;gap:.25rem}
.aw-einstieg-frage{font-family:var(--display);font-size:var(--t2);line-height:1.2}
.aw-kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem}
.aw-kachel{display:grid;justify-items:center;text-align:center;gap:.35rem;padding:1.05rem .8rem .95rem;border:1.5px solid var(--linie);border-radius:var(--r);background:var(--grund);color:var(--tinte);text-decoration:none;transition:border-color .15s, transform .15s, box-shadow .15s;min-height:132px;align-content:center}
.aw-kachel:hover,.aw-kachel:focus-visible{border-color:var(--flieder);box-shadow:var(--schatten);text-decoration:none}
.aw-kachel-ic{width:52px;height:52px;color:var(--flieder)}
.aw-kachel strong{font-size:.98rem;line-height:1.25}
.aw-kachel small{color:var(--leise);font-size:var(--t-1);line-height:1.3}
.aw-einstieg-plz{display:grid;gap:.35rem}
.aw-einstieg-plz label{font-size:var(--t-1);color:var(--leise)}
.aw-plz-reihe{display:flex;gap:.6rem;flex-wrap:wrap}
.aw-plz-reihe input{font:inherit;color:var(--tinte);background:var(--grund);border:1.5px solid var(--linie);border-radius:999px;min-height:52px;padding:.3rem 1.1rem;flex:1 1 160px;min-width:0;max-width:260px}
.aw-einstieg-tel{display:flex;gap:.5rem;align-items:center;font-size:.95rem}
.aw-einstieg-tel svg{width:22px;height:22px;color:var(--flieder)}
.aw-vertrauen-mini{list-style:none;margin:0;padding:.8rem 0 0;border-top:1px solid var(--linie);display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;font-size:var(--t-1);color:var(--leise)}
.aw-vertrauen-mini li{display:flex;gap:.4rem;align-items:center}
.aw-vertrauen-mini svg{width:20px;height:20px;color:var(--salbei)}
.aw-einstieg-akut{border-color:var(--kerze);background:linear-gradient(180deg,var(--kerze-hell),var(--flaeche) 45%)}

/* ---------- Grafiken ---------- */
figure{margin:0}
figcaption{font-size:var(--t-1);color:var(--leise);margin-top:.8rem;line-height:1.5}
.aw-spannen,.aw-balken,.aw-stadtvergleich,.aw-fluss,.aw-erste,.aw-wege{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r);padding:clamp(1rem,3vw,1.5rem)}
.aw-spannen,.aw-balken{container-type:inline-size}
.aw-diagramm{display:grid;gap:.1rem}
.aw-d-zeile{display:grid;grid-template-columns:minmax(8rem,13rem) minmax(0,1fr) 9.5rem;gap:1rem;align-items:center;padding-block:.55rem;border-bottom:1px solid var(--linie);font-size:.93rem}
.aw-d-zeile:last-child{border-bottom:0}
.aw-d-spur{position:relative;height:14px;background:var(--flaeche-2);border-radius:7px}
.aw-d-spur i{position:absolute;top:0;bottom:0;border-radius:7px;background:linear-gradient(90deg,var(--flieder-mitte),var(--flieder));transition:width .5s ease, left .5s ease}
.aw-balken .aw-d-spur i{left:0;background:var(--flieder)}
.aw-d-wert{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.aw-d-achse{display:grid;grid-template-columns:minmax(8rem,13rem) minmax(0,1fr) 9.5rem;gap:1rem;font-size:var(--t-1);color:var(--leise);margin-top:.3rem}
.aw-d-achse div{display:flex;justify-content:space-between}
.aw-sv-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.8rem}
.aw-sv-faktor{font-family:var(--display);font-size:var(--t4);color:var(--flieder);line-height:1}
.aw-sv-zeile{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:1rem;align-items:center;margin-bottom:.6rem}
.aw-sv-balken{height:44px;min-width:7.5rem;white-space:nowrap;border-radius:8px;background:var(--flieder);color:var(--flaeche);font-weight:700;display:flex;align-items:center;justify-content:flex-end;padding-inline:.8rem;font-variant-numeric:tabular-nums}
.aw-sv-balken.b{background:var(--salbei)}
.aw-fluss-reihe{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.6rem;align-items:stretch}
.aw-fluss-knoten{display:grid;gap:.3rem;align-content:start;justify-items:center;text-align:center;padding:1rem .8rem;border:1px solid var(--linie);border-radius:var(--r);background:var(--grund);position:relative}
.aw-fluss-knoten.aw-betont{border-color:var(--flieder);background:var(--flieder-hell)}
.aw-fluss-knoten .aw-ic{width:46px;height:46px;color:var(--flieder)}
.aw-fluss-knoten small{color:var(--leise);font-size:var(--t-1);line-height:1.4}
.aw-nr{position:absolute;top:.5rem;left:.7rem;font-family:var(--display);font-size:var(--t2);color:var(--kerze);line-height:1}
.aw-fluss-pfeil{display:grid;place-items:center;font-size:var(--t-1);color:var(--leise);text-align:center;max-width:7.5rem;position:relative;padding-top:1.4rem}
.aw-fluss-pfeil::before{content:"";position:absolute;top:.6rem;left:10%;right:10%;height:2px;background:var(--kerze)}
.aw-fluss-pfeil::after{content:"";position:absolute;top:calc(.6rem - 4px);right:8%;border:5px solid transparent;border-left:8px solid var(--kerze)}
.aw-wege{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;overflow:hidden}
.aw-weg{padding:1.4rem;display:grid;gap:.6rem;align-content:start;border-right:1px solid var(--linie)}
.aw-weg:nth-child(3){border-right:0}
.aw-weg.aw-empf{background:var(--flieder-hell)}
.aw-weg .aw-ic{width:42px;height:42px;color:var(--flieder)}
.aw-weg h3{font-size:var(--t1);font-weight:600}
.aw-weg-marke{font-size:var(--t-1);font-weight:700;color:var(--flieder)}
.aw-weg p{font-size:.93rem}
.aw-weg dl{display:grid;grid-template-columns:auto 1fr;gap:.3rem .8rem;margin:0;font-size:.86rem}
.aw-weg dt{color:var(--leise)} .aw-weg dd{margin:0}
.aw-wege figcaption{grid-column:1/-1;padding:0 1.4rem 1rem;margin:0}
.aw-illu{width:min(260px,70%);aspect-ratio:1;margin:.4rem auto;border-radius:50%;background:radial-gradient(circle at 50% 60%,var(--flieder-hell),transparent 70%);display:grid;place-items:center;color:var(--flieder);position:relative}
.aw-illu::after{content:"";position:absolute;left:8%;right:8%;bottom:16%;height:1px;background:var(--linie)}
.aw-illu svg{width:72%;height:72%}
.aw-illu svg .a{stroke:var(--salbei)} .aw-illu svg .k{stroke:var(--kerze)}

@container (max-width:640px){
  .aw-d-zeile,.aw-d-achse{grid-template-columns:minmax(0,1fr) auto}
  .aw-d-zeile .aw-d-spur{grid-column:1/-1;order:3}
  .aw-d-achse > span:first-child,.aw-d-achse > span:last-child{display:none}
  .aw-d-achse div{grid-column:1/-1}
}
/* ---------- Gestaltungsbausteine ---------- */
.aw-zeitstrahl,.aw-schritte{list-style:none;margin:0;padding:0!important;display:grid;gap:0!important;position:relative}
.aw-zeitstrahl::before{content:"";position:absolute;left:11px;top:10px;bottom:10px;width:2px;background:var(--linie)}
.aw-zeitstrahl li{position:relative;padding:0 0 1.1rem 2.4rem}
.aw-zeitstrahl li::before{content:"";position:absolute;left:3px;top:.35rem;width:18px;height:18px;border-radius:50%;background:var(--flaeche);border:2px solid var(--flieder)}
.aw-zeitstrahl li strong{display:block;font-size:var(--t-1);text-transform:uppercase;letter-spacing:.08em;color:var(--flieder)}
.aw-schritte{counter-reset:s}
.aw-schritte li{position:relative;padding:.9rem 0 .9rem 3.4rem;border-bottom:1px solid var(--linie);counter-increment:s}
.aw-schritte li::before{content:counter(s);position:absolute;left:0;top:.75rem;width:2.3rem;height:2.3rem;border-radius:50%;background:var(--flieder-hell);color:var(--flieder);font-family:var(--display);font-size:1.2rem;display:grid;place-items:center}
.aw-schritte li strong{display:block}
.aw-tabelle{overflow-x:auto;border:1px solid var(--linie);border-radius:var(--r);background:var(--flaeche)}
.aw-tabelle table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:520px}
.aw-tabelle th,.aw-tabelle td{text-align:left;padding:.7rem .85rem;border-bottom:1px solid var(--linie);vertical-align:top}
.aw-tabelle thead th{font-size:var(--t-1);text-transform:uppercase;letter-spacing:.06em;color:var(--leise);font-weight:700;background:var(--flaeche-2)}
.aw-tabelle tbody tr:last-child td{border-bottom:0}
.aw-tabelle caption{caption-side:bottom;text-align:left;font-size:var(--t-1);color:var(--leise);padding:.7rem .85rem}
.aw-vergleich{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.aw-vergleich > div{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r);padding:1.2rem;display:grid;gap:.6rem;align-content:start}
.aw-vergleich h3{margin:0!important}
.aw-hinweis,.aw-tipp,.aw-merke{border-radius:var(--r);padding:1rem 1.2rem;display:grid;gap:.4rem}
.aw-hinweis{background:var(--kerze-hell);border-left:3px solid var(--kerze)}
.aw-tipp{background:var(--salbei-hell);border-left:3px solid var(--salbei)}
.aw-merke{background:var(--flieder-hell);border-left:3px solid var(--flieder)}
.aw-passt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.aw-passt > div{border-radius:var(--r);padding:1.2rem;display:grid;gap:.6rem;align-content:start}
.aw-passt .ja{background:var(--salbei-hell)} .aw-passt .nein{background:var(--flaeche-2)}
.aw-passt h3{margin:0!important;font-size:var(--t1)}
.aw-passt ul{list-style:none;padding:0!important}
.aw-passt li{padding-left:1.6rem;position:relative}
.aw-passt .ja li::before{content:"";position:absolute;left:0;top:.45rem;width:.9rem;height:.5rem;border-left:2px solid var(--salbei);border-bottom:2px solid var(--salbei);transform:rotate(-45deg)}
.aw-passt .nein li::before{content:"";position:absolute;left:.1rem;top:.75rem;width:.8rem;height:2px;background:var(--leise)}
.aw-faq{display:grid}
.aw-faq details,.aw-text details{border-bottom:1px solid var(--linie)}
.aw-faq summary,.aw-text summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:1rem;padding-block:1rem;font-family:var(--display);font-size:var(--t1);line-height:1.3}
.aw-faq summary::-webkit-details-marker{display:none}
.aw-faq summary::after{content:"+";color:var(--flieder);font-size:1.5rem;line-height:1;flex:none}
.aw-faq details[open] summary::after{content:"–"}
.aw-faq details > *:not(summary){padding-bottom:1rem;color:var(--leise)}
@media (prefers-reduced-motion:no-preference){
  .aw-faq details::details-content{block-size:0;overflow:hidden;transition:block-size .25s ease,content-visibility .25s allow-discrete}
  .aw-faq details[open]::details-content{block-size:auto}
}
.aw-quellen{font-size:var(--t-1);color:var(--leise);border-top:1px solid var(--linie);padding-top:1.2rem;margin-top:1rem}
.aw-quellen::before{content:"Quellen";display:block;font-family:var(--display);font-size:var(--t1);color:var(--tinte);margin-bottom:.5rem}
.aw-quellen ol{padding-left:1.2rem;display:grid;gap:.3rem}
.aw-quellen a{word-break:break-word}
.aw-weiter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.aw-weiter a{display:grid;gap:.3rem;padding:1.1rem;border:1px solid var(--linie);border-radius:var(--r);background:var(--flaeche);text-decoration:none;color:var(--tinte);transition:border-color .15s}
.aw-weiter a span{font-size:var(--t-1);color:var(--salbei);font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.aw-weiter a:hover{border-color:var(--flieder)}

/* ---------- Werkzeuge ---------- */
.aw-werkzeug{min-width:0}
.aw-wz{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.2rem,3vw,2.4rem);align-items:start;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-gross);padding:clamp(1.1rem,3vw,1.8rem)}
.aw-wz.aw-wz-voll{grid-template-columns:1fr}
.aw-wz form{display:grid;gap:1.1rem;min-width:0}
.aw-wz fieldset{border:0;margin:0;padding:0;min-width:0;display:grid;gap:.45rem}
.aw-wz legend{font-weight:700;padding:0;margin-bottom:.35rem}
.aw-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.aw-chips label{position:relative}
.aw-chips input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.aw-chips span{display:inline-flex;align-items:center;gap:.4rem;min-height:46px;padding:.3rem .95rem;border:1.5px solid var(--linie);border-radius:999px;background:var(--grund);cursor:pointer;font-size:.92rem}
.aw-chips span svg{width:22px;height:22px;color:var(--flieder)}
.aw-chips input:checked + span{border-color:var(--flieder);background:var(--flieder-hell);font-weight:700}
.aw-chips input:focus-visible + span{outline:3px solid var(--kerze);outline-offset:2px}
.aw-feld{display:grid;gap:.3rem}
.aw-feld label{font-weight:700;font-size:.95rem}
.aw-feld input:not([type=range]),.aw-feld select,.aw-feld textarea{font:inherit;color:var(--tinte);background:var(--grund);border:1.5px solid var(--linie);border-radius:10px;min-height:48px;padding:.35rem .8rem;width:100%}
.aw-feld input:not([type=range]):focus-visible,.aw-feld select:focus-visible,.aw-feld textarea:focus-visible,.aw-plz-reihe input:focus-visible{border-color:var(--flieder);outline-offset:1px}
.aw-feld input:user-invalid,.aw-plz-reihe input:user-invalid{border-color:var(--warn)}
.aw-feld input[type=range]{width:100%;accent-color:var(--flieder);min-height:30px}
.aw-feld .aw-wert{font-family:var(--display);font-size:var(--t2);line-height:1.1}
.aw-ergebnis{background:var(--grund);border:1px solid var(--linie);border-radius:var(--r);padding:clamp(1rem,3vw,1.5rem);display:grid;gap:1rem;min-width:0}
.aw-betrag{font-family:var(--display);font-size:var(--t4);line-height:1;font-variant-numeric:tabular-nums}
.aw-stapel{display:flex;height:22px;border-radius:11px;overflow:hidden;background:var(--flaeche-2)}
.aw-stapel i{display:block;height:100%;transition:width .35s ease}
.aw-legende{display:grid;gap:.45rem;font-size:.9rem}
.aw-legende div{display:grid;grid-template-columns:14px 1fr auto;gap:.6rem;align-items:center}
.aw-legende b{width:14px;height:14px;border-radius:4px;display:block}
.c1{background:var(--flieder)} .c2{background:var(--salbei)} .c3{background:var(--kerze)} .c4{background:var(--flieder-mitte)} .c5{background:#A9BFAE} .c6{background:#D2C6A2}
.aw-grafik-svg{width:100%;height:auto;display:block}
.aw-grafik-svg text{fill:var(--leise);font-family:var(--text);font-size:12px}
.aw-fristen{list-style:none;margin:0;padding:0;display:grid;position:relative}
.aw-fristen::before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:var(--linie)}
.aw-frist{display:grid;grid-template-columns:24px 1fr;gap:.9rem;padding-block:.6rem}
.aw-frist .p{width:24px;height:24px;border-radius:50%;background:var(--flaeche);border:2px solid var(--flieder);position:relative;z-index:1;margin-top:.1rem}
.aw-frist.fertig .p{background:var(--salbei);border-color:var(--salbei)}
.aw-frist h4{font-family:var(--text);font-size:var(--t-1);text-transform:uppercase;letter-spacing:.09em;color:var(--flieder);font-weight:700}
.aw-frist label{display:flex;gap:.6rem;align-items:flex-start;padding:.25rem 0;cursor:pointer}
.aw-frist input{width:22px;height:22px;margin-top:.2rem;accent-color:var(--salbei);flex:none}
.aw-frist input:checked + span{color:var(--leise);text-decoration:line-through}
.aw-frist small{display:block;color:var(--leise);font-size:var(--t-1);text-decoration:none}
.aw-fortschritt{height:8px;border-radius:4px;background:var(--flaeche-2);overflow:hidden}
.aw-fortschritt i{display:block;height:100%;background:var(--salbei);transition:width .3s}
.aw-treffer{display:grid;gap:.7rem}
.aw-treffer-karte{display:grid;grid-template-columns:52px 1fr auto;gap:1rem;align-items:center;padding:.9rem 1rem;border:1px solid var(--linie);border-radius:var(--r);background:var(--flaeche)}
.aw-treffer-karte .aw-ic{width:52px;height:52px;color:var(--flieder)}
.aw-treffer-karte .aw-passung{font-family:var(--display);font-size:var(--t2);color:var(--salbei)}
.aw-druckansicht{background:#fff;color:#221F2B;border:1px solid var(--linie);border-radius:var(--r);padding:1.6rem;font-size:.92rem;display:grid;gap:.6rem}
.aw-druckansicht h3{color:#221F2B}
.aw-atlas-steuer{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:.6rem}

.aw-karte{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.aw-laender{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,minmax(58px,auto));gap:.4rem;margin:.6rem 0}
.aw-land{font:inherit;position:relative;display:grid;place-content:center;text-align:center;gap:.1rem;border:1.5px solid var(--linie);border-radius:10px;background:var(--grund);color:var(--tinte);cursor:pointer;padding:.3rem;min-height:58px;transition:border-color .15s, background .15s}
.aw-land strong{font-family:var(--display);font-size:1.2rem;font-weight:500;line-height:1}
.aw-land span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.aw-land:hover{border-color:var(--flieder)}
.aw-land[aria-pressed="true"]{background:var(--flieder);border-color:var(--flieder);color:var(--flaeche)}
.aw-land[aria-pressed="true"] span{color:var(--flaeche);opacity:.85}
.aw-land-detail dl{margin:0;display:grid;gap:.2rem}
.aw-land-detail dt{font-size:var(--t-1);text-transform:uppercase;letter-spacing:.08em;color:var(--salbei);font-weight:700;margin-top:.6rem}
.aw-land-detail dd{margin:0;font-size:.93rem}
/* ---------- Deutschlandkarte ---------- */
.aw-deutschlandkarte{display:grid;grid-template-columns:1fr;gap:1.2rem;align-items:start;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-gross);padding:clamp(1rem,3vw,1.8rem)}
.aw-dk-karte svg{width:100%;height:auto;display:block;max-width:640px;margin-inline:auto}
.aw-dk-land{fill:var(--flaeche-2);stroke:var(--flaeche);stroke-width:1.6;stroke-linejoin:round;transition:fill .2s}
.aw-dk-land.aktiv,.aw-dk-land:hover{fill:var(--flieder-hell)}
.aw-dk-stadt{cursor:pointer}
.aw-dk-punkt{fill:var(--flieder);stroke:var(--flaeche);stroke-width:1.6;transition:r .15s}
.aw-dk-ring{fill:none;stroke:var(--kerze);stroke-width:1.4}
.aw-dk-stadt text{font-family:var(--text);font-size:15px;font-weight:700;fill:var(--tinte);paint-order:stroke;stroke:var(--flaeche);stroke-width:3.5px;stroke-linejoin:round}
.aw-dk-stadt:not(.haupt) text{font-weight:400;fill:var(--leise)}
.aw-dk-stadt:hover .aw-dk-punkt,.aw-dk-stadt:focus .aw-dk-punkt{fill:var(--kerze)}
.aw-dk-stadt:focus{outline:none}.aw-dk-stadt:focus-visible text{text-decoration:underline}
.aw-dk-legende{display:flex;justify-content:center;gap:1.2rem;font-size:var(--t-1);color:var(--leise)}
.aw-dk-legende i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--flieder);margin-right:.4rem;vertical-align:-1px}
.aw-dk-legende i.haupt{box-shadow:0 0 0 2px var(--flaeche),0 0 0 3.5px var(--kerze)}
.aw-dk-liste,.aw-text .aw-dk-liste{display:block;list-style:none;margin:0;padding:0;columns:3 210px;column-gap:1.6rem;font-size:.92rem}
.aw-dk-liste li{display:flex;flex-wrap:wrap;gap:.1rem .9rem;padding:.45rem 0;border-bottom:1px solid var(--linie);break-inside:avoid}
.aw-dk-landname{flex:1 0 100%;font-size:var(--t-1);text-transform:uppercase;letter-spacing:.08em;color:var(--leise);font-weight:700}
.aw-dk-liste a{color:var(--tinte);text-decoration:none}
.aw-dk-liste a.haupt{font-weight:700}
.aw-dk-liste a:hover{color:var(--flieder);text-decoration:underline}
.aw-deutschlandkarte figcaption{grid-column:1 / -1;margin:0}

/* ---------- Startseite ---------- */
.aw-hero{background:var(--flaeche);border-bottom:1px solid var(--linie);overflow:hidden}
.aw-hero .aw-wrap{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;padding-block:clamp(2.2rem,5vw,4.2rem)}
.aw-hero h1 em{font-style:italic;color:var(--flieder)}
.aw-hero-text{display:grid;gap:1.1rem;min-width:0}
.aw-hero-text .aw-unter{font-size:var(--t1);color:var(--leise);max-width:40ch}
.aw-hero-bild svg{width:100%;height:auto;max-width:560px;display:block;margin-inline:auto}
.aw-hero-bild .s1{stroke:var(--salbei)} .aw-hero-bild .s2{stroke:var(--flieder)} .aw-hero-bild .s3{stroke:var(--kerze)} .aw-hero-bild .s4{stroke:var(--linie)}
.aw-lagen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.aw-lage{display:grid;grid-template-columns:1fr;gap:.35rem;align-content:start;padding:1rem;border:1.5px solid var(--linie);border-radius:var(--r);text-decoration:none;color:var(--tinte);background:var(--grund);transition:border-color .15s, transform .15s}
.aw-lage:hover{border-color:var(--flieder);text-decoration:none}
.aw-lage .aw-ic{width:38px;height:38px;color:var(--flieder)}
.aw-lage strong{font-family:var(--display);font-size:1.12rem;font-weight:500;line-height:1.2}
.aw-lage span.u{font-size:var(--t-1);color:var(--leise)}
.aw-lage.akut{border-color:var(--kerze);background:var(--kerze-hell)}
.aw-vertrauen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem;padding-block:1.6rem}
.aw-vertrauen div{display:grid;grid-template-columns:34px 1fr;gap:.15rem .8rem;align-items:start}
.aw-vertrauen .aw-ic{width:34px;height:34px;color:var(--salbei);grid-row:span 2}
.aw-vertrauen p{font-size:var(--t-1);color:var(--leise)}
.aw-abschnitt{padding-block:clamp(3rem,7vw,5.5rem);content-visibility:auto;contain-intrinsic-size:auto 900px}
.aw-abschnitt.aw-flaeche{background:var(--flaeche);border-block:1px solid var(--linie)}
.aw-abschnitt-kopf{display:grid;gap:.7rem;max-width:62ch;margin-bottom:2.2rem}
.aw-abschnitt-kopf p{font-size:var(--t1);color:var(--leise)}
.aw-raster-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}
.aw-raster-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.aw-art{display:grid;gap:.55rem;align-content:start;text-decoration:none;color:var(--tinte);background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r);padding:1.3rem;transition:border-color .15s, transform .15s}
.aw-art:hover{border-color:var(--flieder);text-decoration:none}
.aw-art .aw-ic{width:60px;height:60px;color:var(--flieder)}
.aw-art h3{font-size:var(--t1);font-weight:600}
.aw-art p{font-size:.92rem;color:var(--leise)}
.aw-art .mehr{font-size:var(--t-1);color:var(--flieder);font-weight:700}
.aw-reiter{display:flex;flex-wrap:wrap;gap:.3rem;border-bottom:1px solid var(--linie);margin-bottom:1.4rem}
.aw-reiter button{font:inherit;background:none;border:0;border-bottom:3px solid transparent;color:var(--leise);padding:.7rem .9rem;cursor:pointer;min-height:48px;display:flex;gap:.5rem;align-items:center}
.aw-reiter button svg{width:24px;height:24px}
.aw-reiter button[aria-selected="true"]{color:var(--tinte);border-bottom-color:var(--flieder);font-weight:700}
.aw-themen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}
.aw-themen h3{font-size:var(--t1);font-weight:600;margin-bottom:.5rem;display:flex;gap:.5rem;align-items:center}
.aw-themen h3 .aw-ic{width:28px;height:28px;color:var(--flieder)}
.aw-themen ul{list-style:none;margin:0;padding:0;display:grid}
.aw-themen li a{display:block;padding:.45rem 0;border-bottom:1px solid var(--linie);color:var(--tinte);text-decoration:none;font-size:.92rem}
.aw-themen li a:hover{color:var(--flieder)}
.aw-staedte{display:flex;flex-wrap:wrap;gap:.5rem}
.aw-staedte a{padding:.35rem .95rem;border:1px solid var(--linie);border-radius:999px;text-decoration:none;color:var(--tinte);background:var(--flaeche);min-height:44px;display:inline-flex;align-items:center}
.aw-staedte a:hover{border-color:var(--flieder)}

/* ---------- Kacheln für Hub-Übersichten ---------- */
.aw-uebersicht{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}
.aw-uebersicht a{display:grid;gap:.35rem;align-content:start;padding:1.1rem;border:1px solid var(--linie);border-radius:var(--r);background:var(--flaeche);text-decoration:none;color:var(--tinte)}
.aw-uebersicht a:hover{border-color:var(--flieder)}
.aw-uebersicht a strong{font-family:var(--display);font-weight:500;font-size:1.1rem;line-height:1.25}
.aw-uebersicht a span{font-size:.88rem;color:var(--leise)}

/* ---------- Fuß ---------- */
.aw-fuss{background:var(--flieder-tief);color:var(--auf-dunkel);font-size:.9rem;margin-top:3rem;content-visibility:auto;contain-intrinsic-size:auto 520px}
.aw-fuss-marke{display:grid;gap:1rem;align-content:start}
.aw-fuss-name{font-family:var(--display);font-size:1.5rem;display:flex;align-items:center;gap:.55rem}
/* Signet auf dunklem Fuß: helle Markenfarben (wie Logo negativ) */
.aw-fuss-name svg{width:40px;height:40px;flex:none;--flieder:#BBA9DD;--salbei:#9FBBA6;--kerze:#D8B66C}
.aw-gedaempft{opacity:.85}
.aw-fuss a{color:var(--auf-dunkel);text-decoration:none;opacity:.85}
.aw-fuss a:hover{opacity:1;text-decoration:underline}
.aw-fuss .aw-wrap.oben{display:grid;grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:2rem;padding-block:3rem}
.aw-fuss h2{font-family:var(--text);font-size:var(--t-1);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.8rem;opacity:.75;font-weight:700;color:var(--auf-dunkel)}
.aw-fuss ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.aw-fuss .unten{border-top:1px solid rgba(255,255,255,.14);padding-block:1.2rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem;opacity:.75;font-size:var(--t-1)}
.aw-mobil-leiste{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--flaeche);border-top:1px solid var(--linie);display:none;gap:.6rem;padding:.6rem 16px calc(.6rem + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 24px -18px rgba(0,0,0,.4)}
.aw-mobil-leiste .aw-knopf{flex:1;min-height:48px;padding-inline:.6rem}

/* ---------- Responsiv ---------- */
@media (max-width:1060px){
  .aw-menue{display:none} .aw-menue-knopf{display:inline-flex;align-items:center}
  .aw-layout{grid-template-columns:1fr} .aw-leiste-rechts{position:static} .aw-toc{display:none}
  .aw-themen{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aw-fuss .aw-wrap.oben{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .aw-hero .aw-wrap,.aw-wz,.aw-raster-2,.aw-karte{grid-template-columns:1fr}
  .aw-hero-bild{order:-1;max-width:380px;margin-inline:auto}
  .aw-vertrauen{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aw-wege,.aw-raster-3{grid-template-columns:1fr}
  .aw-weg{border-right:0;border-bottom:1px solid var(--linie)}
  .aw-fluss-reihe{grid-template-columns:1fr}
  .aw-fluss-pfeil{max-width:none;padding:1.6rem 0 .2rem}
  .aw-fluss-pfeil::before{left:50%;right:auto;top:0;width:2px;height:1.2rem}
  .aw-fluss-pfeil::after{left:calc(50% - 4px);right:auto;top:1rem;border:5px solid transparent;border-top:8px solid var(--kerze)}
  .aw-cta{grid-template-columns:48px minmax(0,1fr)} .aw-cta-ic{width:48px;height:48px;padding:9px}
  .aw-cta-aktion{grid-column:1/-1;justify-items:stretch} .aw-cta-gross .aw-cta-aktion{grid-column:1/-1}
  .aw-cta-gross{grid-template-columns:56px minmax(0,1fr)} .aw-cta-gross .aw-cta-ic{width:56px;height:56px;padding:10px}
}
@media (max-width:640px){
  html{font-size:calc(112.5% * var(--zoom))}
  .aw-text > h2{font-size:1.6rem}
  .aw-lang{display:none} .aw-kurz{display:inline}
  .aw-lagen,.aw-vertrauen,.aw-themen,.aw-passt,.aw-weiter{grid-template-columns:1fr}
  .aw-hero-bild{display:none}
  .aw-kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aw-kachel{min-height:118px;padding:.85rem .5rem}
  .aw-fuss .aw-wrap.oben{grid-template-columns:1fr}
  .aw-mobil-leiste{display:flex} body{padding-bottom:4.6rem}
  .aw-kopf .aw-wrap > .aw-knopf{display:none}
  .aw-marke span{font-size:1.25rem}
  .aw-notruf .aw-wrap{font-size:.75rem}
  .aw-d-zeile,.aw-d-achse{grid-template-columns:minmax(0,1fr) 8rem}
  .aw-d-zeile .aw-d-spur{grid-column:1/-1;order:3}
  .aw-d-achse > span:first-child,.aw-d-achse > span:last-child{display:none}
  .aw-d-achse div{grid-column:1/-1}
  .aw-notruf .aw-groesse{display:none}
  .aw-treffer-karte{grid-template-columns:44px 1fr}
  .aw-treffer-karte .aw-passung{grid-column:2}
}
@media (forced-colors:active){.aw-knopf{border:2px solid ButtonText}.aw-kachel:focus-visible,.aw-knopf:focus-visible{outline:3px solid Highlight}}
@media print{.aw-kopf,.aw-notruf,.aw-fuss,.aw-mobil-leiste,.aw-leiste-rechts,.aw-cta,.aw-einstieg{display:none!important}}

/* ---------- Bestatterverzeichnis (Ortsliste, Meldeformular) ---------- */
.aw-verzeichnis{margin-block:3rem;display:grid;gap:1.25rem}
.aw-verz-intro{color:var(--leise);max-width:62ch}
.aw-verz-suche{display:grid;gap:.35rem;max-width:30rem}
.aw-verz-suche label{font-weight:700;font-size:.95rem}
.aw-verz-suche input{font:inherit;color:var(--tinte);background:var(--flaeche);border:1.5px solid var(--linie);border-radius:999px;min-height:50px;padding:.35rem 1.1rem}
.aw-verz-suche input:focus-visible{border-color:var(--flieder);outline-offset:1px}
.aw-verz-treffer{font-size:var(--t-1);color:var(--leise);min-height:1.2em}
.aw-verz-abc{display:flex;flex-wrap:wrap;gap:.3rem;padding:.6rem;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r);position:sticky;top:calc(var(--kopf-hoehe) + .5rem);z-index:2}
.aw-verz-abc a{display:inline-grid;place-items:center;min-width:2.2rem;min-height:2.2rem;border-radius:8px;text-decoration:none;font-weight:700;font-variant-numeric:tabular-nums}
.aw-verz-abc a:hover{background:var(--flieder-hell)}
.aw-verz-gruppe{display:grid;gap:.6rem;scroll-margin-top:calc(var(--kopf-hoehe) + 4.5rem)}
.aw-verz-buchstabe{font-size:var(--t2);color:var(--flieder);border-bottom:1px solid var(--linie);padding-bottom:.25rem}
.aw-text .aw-verz-liste,.aw-verz-liste{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr))}
.aw-verz-eintrag{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r);padding:1rem 1.1rem .85rem;display:grid;gap:.45rem;align-content:start;transition:box-shadow .15s ease,border-color .15s ease}
.aw-verz-eintrag:hover{box-shadow:var(--schatten);border-color:var(--flieder-mitte)}
.aw-verz-kopf{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .6rem}
.aw-verz-name{font-size:var(--t1);font-weight:600;line-height:1.25;flex:1 1 100%}
.aw-verz-teil{font-size:var(--t-1);color:var(--salbei);font-weight:700;letter-spacing:.04em}
.aw-verz-partner{font-size:var(--t-1);font-weight:700;color:var(--kerze);background:var(--kerze-hell);border:1px solid var(--kerze);border-radius:999px;padding:.05rem .6rem;letter-spacing:.02em}
.aw-verz-adr,.aw-verz-zeiten{display:flex;gap:.5rem;align-items:flex-start;font-size:.95rem}
.aw-verz-adr svg,.aw-verz-zeiten svg,.aw-verz-tel svg,.aw-verz-web svg{width:1.15rem;height:1.15rem;flex:none;margin-top:.15rem;color:var(--flieder-mitte)}
.aw-verz-zeiten{color:var(--leise)}
.aw-verz-kontakt{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem}
.aw-verz-tel,.aw-verz-web{display:inline-flex;gap:.45rem;align-items:flex-start;min-height:44px;align-items:center;font-weight:700;text-decoration:none;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.aw-verz-tel:hover span,.aw-verz-web:hover span{text-decoration:underline}
.aw-verz-melden{font-size:var(--t-1);color:var(--leise);justify-self:start}
.aw-verz-eintrag[hidden],.aw-verz-gruppe[hidden]{display:none}
.aw-verz-partnerkasten{background:var(--kerze-hell);border:1px solid var(--kerze);border-radius:var(--r-gross);padding:1.25rem;display:grid;gap:.9rem}
.aw-verz-partnerkasten .aw-verz-eintrag{border-color:var(--kerze)}
.aw-verz-hinweis{background:var(--flaeche-2);border-radius:var(--r-gross);padding:1.25rem 1.4rem;display:grid;gap:.7rem;font-size:.95rem}
.aw-verz-hinweis h3{font-size:var(--t1)}
.aw-verz-formular{display:grid;gap:1.1rem;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-gross);padding:clamp(1rem,3vw,1.75rem);margin-block:1.5rem}
.aw-verz-formular fieldset{border:0;padding:0;margin:0;display:grid;gap:.5rem}
.aw-verz-formular legend{font-weight:700;margin-bottom:.4rem}
.aw-verz-option{display:flex;gap:.6rem;align-items:center;min-height:44px;padding:.3rem .8rem;border:1.5px solid var(--linie);border-radius:10px;cursor:pointer}
.aw-verz-option:has(input:checked){border-color:var(--flieder);background:var(--flieder-hell)}
.aw-verz-option input{width:1.2rem;height:1.2rem;accent-color:var(--flieder)}
.aw-verz-falle{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.aw-knopf-leise{background:transparent;color:var(--flieder)}
@media print{.aw-verz-abc,.aw-verz-suche,.aw-verz-melden{display:none}}