@font-face{font-family:Figtree;src:url(/fonts/figtree.woff2)format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:Newsreader;src:url(/fonts/newsreader.woff2)format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:Overpass;src:url(/fonts/overpass-var.woff2)format("woff2");font-weight:100 900;font-display:swap}:root,[data-thema=zitadelle]{--text:#0f2233;--text-2:#33475a;--leise:#5f6c79;--linie:#e6e1d7;--linie-2:#eeeae2;--grund:#f7f4ee;--grund-2:#f1ece3;--flaeche:#fff;--akzent:#0e6e74;--akzent-hell:#36b3a8;--akzent-weich:#e3f1ef;--akzent-linie:#9fd0ca;--fehler:#b4322a;--fehler-weich:#f8e7e4;--warn:#a8691f;--spur:#ebe6dc;--primaer:#0f2233;--primaer-text:#fff;--primaer-rand:transparent;--primaer-schatten:none;--kopf:var(--grund);--kopf-text:var(--text);--hinweis:#faf6ec;--hinweis-linie:#ece3cf;--fokus:#0e6e74;--schrift:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--titel:"Newsreader", Georgia, serif;--titel-gewicht:600;--radius:14px;--radius-klein:10px}[data-thema=strasse]{--text:#1f2328;--text-2:#4a535b;--leise:#57616a;--linie:#d3dad6;--linie-2:#e4e9e6;--grund:#f3f5f4;--grund-2:#e9eeeb;--flaeche:#fff;--akzent:#00613a;--akzent-hell:#2f8a5f;--akzent-weich:#e3efe8;--akzent-linie:#9cc8b0;--fehler:#b3261e;--fehler-weich:#fbefee;--warn:#9a6a00;--spur:#dfe4e2;--primaer:#ffc20e;--primaer-text:#1f2328;--primaer-rand:#1f2328;--primaer-schatten:0 3px 0 #1f2328;--kopf:#00613a;--kopf-text:#fff;--hinweis:#fff6d6;--hinweis-linie:#f0d58a;--fokus:#1f2328;--schrift:"Overpass", "Helvetica Neue", Arial, sans-serif;--titel:"Overpass", "Helvetica Neue", Arial, sans-serif;--titel-gewicht:800;--radius:12px;--radius-klein:9px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--grund);color:var(--text);font-family:var(--schrift);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}h1,h2,h3{font-family:var(--titel);font-weight:var(--titel-gewicht);letter-spacing:-.01em;margin:0 0 .4em;line-height:1.15}h1{font-size:clamp(1.7rem,4.5vw,2.4rem)}h2{font-size:1.25rem}h3{font-size:1.05rem;font-family:var(--schrift);font-weight:700}p{margin:0 0 .8em}a{color:var(--akzent);text-underline-offset:2px}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--fokus);outline-offset:2px;border-radius:6px}.nur-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.leise{color:var(--leise)}.zahl{font-variant-numeric:tabular-nums}.rahmen{grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.kopf{background:var(--kopf);color:var(--kopf-text);border-bottom:1px solid var(--linie);z-index:20;position:sticky;top:0}[data-thema=strasse] .kopf{border-bottom:0}.kopf-innen{align-items:center;gap:12px;max-width:1180px;min-height:56px;margin:0 auto;padding:10px 16px;display:flex}.marke{min-height:44px;color:inherit;align-items:center;gap:10px;font-size:15px;font-weight:750;line-height:1.15;text-decoration:none;display:flex}.marke img{width:32px;height:32px}.marke-p{border:2px solid;border-radius:6px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.kopf-rechts{align-items:center;gap:8px;margin-left:auto;display:flex}.pille{white-space:nowrap;background:var(--akzent-weich);min-height:44px;color:var(--akzent);border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}[data-thema=strasse] .kopf .pille{color:#fff;background:#ffffff29}.koerper{grid-template-columns:1fr;width:100%;max-width:1180px;margin:0 auto;display:grid}.seitenleiste{display:none}.inhalt{min-width:0;padding:20px 16px 96px}@media (min-width:900px){.koerper{grid-template-columns:232px 1fr;gap:8px}.seitenleiste{padding:22px 12px;display:block}.inhalt{padding:28px 24px 48px}}.nav{flex-direction:column;gap:2px;display:flex;position:sticky;top:76px}.nav a{border-radius:var(--radius-klein);min-height:44px;color:var(--text-2);align-items:center;gap:12px;padding:0 12px;font-weight:600;text-decoration:none;display:flex}.nav a:hover{background:var(--grund-2);color:var(--text)}.nav a[aria-current=page]{background:var(--flaeche);color:var(--text);box-shadow:0 0 0 1px var(--linie);font-weight:750}.nav a[aria-current=page] svg{color:var(--akzent)}.nav svg{flex:none;width:20px;height:20px}.nav .zaehler{color:var(--fehler);background:var(--fehler-weich);border-radius:99px;margin-left:auto;padding:1px 8px;font-size:12.5px;font-weight:750}.unten-nav{z-index:30;background:var(--flaeche);border-top:1px solid var(--linie);padding:4px 4px max(4px, env(safe-area-inset-bottom));grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.unten-nav a{min-height:52px;color:var(--leise);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11.5px;font-weight:650;text-decoration:none;display:flex}.unten-nav a[aria-current=page]{color:var(--akzent)}.unten-nav svg{width:22px;height:22px}@media (min-width:900px){.unten-nav{display:none}}@media (max-width:599px){.nur-breit{display:none}}@media (min-width:600px){.nur-schmal{display:none}}.fuss{border-top:1px solid var(--linie);color:var(--leise);font-size:13.5px}.fuss-innen{flex-wrap:wrap;gap:6px 18px;max-width:1180px;margin:0 auto;padding:18px 16px 110px;display:flex}@media (min-width:900px){.fuss-innen{padding-bottom:22px}}.fuss a{color:var(--leise)}a.fuss-widerruf,.fuss a.fuss-widerruf{color:var(--text);text-underline-offset:3px;padding:4px 0;font-size:15px;font-weight:700;text-decoration:underline;display:inline-block}.karte{background:var(--flaeche);border-radius:var(--radius);box-shadow:0 0 0 1px var(--linie);padding:18px}[data-thema=strasse] .karte{box-shadow:none;border:1px solid var(--linie)}.karte+.karte{margin-top:14px}.karte-dunkel{background:var(--text);color:#fff}.karte-dunkel .leise{color:#b8c4cf}.raster{gap:14px;display:grid}@media (min-width:900px){.raster-2{grid-template-columns:1fr 320px;align-items:start}.raster-3{grid-template-columns:repeat(3,1fr)}}.knopf{border-radius:var(--radius-klein);border:2px solid var(--primaer-rand);background:var(--primaer);min-height:46px;color:var(--primaer-text);cursor:pointer;box-shadow:var(--primaer-schatten);justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15.5px;font-weight:700;text-decoration:none;display:inline-flex}.knopf:hover{filter:brightness(1.08)}.knopf:active{transform:translateY(1px)}.knopf[disabled],.knopf[aria-disabled=true]{opacity:.55;cursor:not-allowed}.knopf-akzent{background:var(--akzent);color:#fff;box-shadow:none;border-color:#0000}[data-thema=strasse] .knopf-akzent{background:var(--primaer);color:var(--primaer-text);border-color:var(--primaer-rand);box-shadow:var(--primaer-schatten)}.knopf-hell{background:var(--flaeche);color:var(--text);border:1px solid var(--linie);box-shadow:none}[data-thema=strasse] .knopf-hell{border:2px solid var(--text);box-shadow:var(--primaer-schatten)}.knopf-voll{width:100%}.knopf-leise{box-shadow:none;color:var(--text-2);background:0 0;border:0;padding:0 8px}.knopf svg,.pille svg,.option .etikett svg{flex:none;width:18px;height:18px}.option .etikett{align-items:center;gap:4px;display:inline-flex}.knopfreihe{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.balken{background:var(--spur);border-radius:6px;height:8px;overflow:hidden}.balken>i{background:var(--akzent);border-radius:6px;height:100%;display:block}.balken.niedrig>i{background:#c98b3e}.kopfzeile{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.kopfzeile .ueber{color:var(--leise);margin:0 0 2px;font-size:14.5px;font-weight:600}.kopfzeile h1{margin:0}.liste{margin:0;padding:0;list-style:none}.zeile{border-top:1px solid var(--linie-2);min-height:52px;color:inherit;grid-template-columns:26px 1fr 34%;align-items:center;gap:12px;padding:6px 0;text-decoration:none;display:grid}.liste li:first-child .zeile{border-top:0}.zeile .nr{color:var(--leise);font-size:13px;font-weight:650}.zeile .titel{font-weight:650}.zeile .titel small{color:var(--leise);font-size:12.5px;font-weight:500;display:block}.zeile .wert{text-align:right;font-variant-numeric:tabular-nums;grid-template-columns:1fr 44px;align-items:center;gap:8px;font-weight:750;display:grid}a.zeile:hover .titel{color:var(--akzent)}.hinweis{background:var(--hinweis);border:1px solid var(--hinweis-linie);border-radius:var(--radius-klein);padding:12px 14px;font-size:15px}.marker{background:var(--akzent-weich);color:var(--akzent);border-radius:99px;padding:2px 9px;font-size:12px;font-weight:750;display:inline-block}.marker-warn{background:var(--fehler-weich);color:var(--fehler)}.schloss{color:var(--leise);font-size:13px;font-weight:650}.frage{max-width:760px;margin:0 auto}.fortschritt{align-items:center;gap:12px;margin-bottom:22px;font-size:14.5px;font-weight:650;display:flex}.fortschritt .balken{flex:1;height:6px}.fortschritt .ok{color:var(--akzent)}.frage-text{font-family:var(--titel);font-weight:var(--titel-gewicht);margin:0 0 20px;font-size:clamp(1.4rem,4.2vw,2.1rem);line-height:1.18}.optionen{border:0;gap:10px;margin:0;padding:0;display:grid}.option{text-align:left;background:var(--flaeche);border:1.5px solid var(--linie);border-radius:var(--radius-klein);cursor:pointer;align-items:center;gap:14px;width:100%;min-height:54px;padding:10px 14px;font-size:16px;font-weight:550;display:flex}.option:hover:not([disabled]){border-color:var(--akzent-linie)}.option .buchst{background:var(--grund-2);width:30px;height:30px;color:var(--leise);border-radius:8px;flex:none;place-items:center;font-size:14px;font-weight:750;display:grid}[data-thema=strasse] .option .buchst{background:0 0;border:2px solid #9aa3a9;border-radius:50%}.option[disabled]{cursor:default}.option.gedimmt{color:var(--leise)}.option.richtig{border:2px solid var(--akzent);background:var(--akzent-weich);color:var(--text);font-weight:700}.option.richtig .buchst{background:var(--akzent);color:#fff;border-color:var(--akzent)}.option.falsch{border:2px solid var(--fehler);background:var(--fehler-weich);color:var(--text)}.option.falsch .buchst{background:var(--fehler);color:#fff;border-color:var(--fehler)}.option.gewaehlt{border:2px solid var(--text)}.option .etikett{white-space:nowrap;margin-left:auto;font-size:13px;font-weight:750}.option.richtig .etikett{color:var(--akzent)}.option.falsch .etikett{color:var(--fehler)}.erklaerung{background:var(--flaeche);border-radius:var(--radius-klein);box-shadow:0 0 0 1px var(--linie);margin-top:14px;padding:14px 16px;font-size:15px}[data-thema=strasse] .erklaerung{background:var(--hinweis);box-shadow:0 0 0 1px var(--hinweis-linie)}.erklaerung strong{color:var(--akzent)}.erklaerung.falsch strong{color:var(--fehler)}.erklaerung .quelle{color:var(--leise);margin-top:6px;font-size:13px}.frage-fuss{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}@media (max-width:599px){.frage-fuss .knopf{flex:1}}.entwurf{color:var(--warn);font-size:12px;font-weight:700}.ring{flex:none;width:104px;height:104px;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring b{font-family:var(--titel);place-items:center;font-size:28px;font-weight:650;display:grid;position:absolute;inset:0}