:root{color-scheme:light dark;--n1:oklch(0.992 0.002 264);--n2:oklch(0.975 0.003 264);--n3:oklch(0.955 0.004 264);--n4:oklch(0.935 0.004 264);--n5:oklch(0.915 0.005 264);--n6:oklch(0.895 0.005 264);--n7:oklch(0.845 0.006 264);--n8:oklch(0.740 0.008 264);--n9:oklch(0.600 0.010 264);--n10:oklch(0.505 0.010 264);--n11:oklch(0.450 0.010 264);--n12:oklch(0.200 0.010 264);--background:oklch(0.992 0.002 264);--card:oklch(1 0 0);--muted:oklch(0.955 0.004 264);--hover-leise:oklch(0.955 0.004 264);--border:oklch(0.895 0.005 264);--rand-knopf:oklch(0.845 0.006 264);--input:oklch(0.65 0.008 264);--icon:oklch(0.505 0.010 264);--muted-foreground:oklch(0.450 0.010 264);--foreground:oklch(0.200 0.010 264);--kritisch-flaeche:oklch(0.965 0.017 27);--kritisch-rand:oklch(0.87 0.07 27);--kritisch-text:oklch(0.48 0.19 27);--hoch-flaeche:oklch(0.965 0.020 55);--hoch-rand:oklch(0.87 0.08 55);--hoch-text:oklch(0.49 0.13 48);--positiv-flaeche:oklch(0.965 0.030 152);--positiv-rand:oklch(0.87 0.07 152);--positiv-zeichen:oklch(0.58 0.13 152);--info-flaeche:oklch(0.965 0.020 222);--info-rand:oklch(0.87 0.05 222);--info-zeichen:oklch(0.58 0.10 222);--mittel-zeichen:oklch(0.62 0.125 80);--note-b:oklch(0.55 0.11 128);--radar:oklch(0.56 0.095 205);--daten-3:oklch(0.67 0.13 75);--primary:oklch(0.46 0.17 264);--marke-auf:oklch(1 0 0);--marke-hover:oklch(0.41 0.17 264);--marke-text:oklch(0.46 0.17 264);--marke-zeichen:oklch(0.46 0.15 264);--ring:var(--marke-text);
--font-sans:"Segoe UI Variable Text", "Segoe UI", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace;
--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.625rem;--radius-xl:0.875rem}
@media (prefers-color-scheme:dark){:root{--n1:oklch(0.155 0.004 264);--n2:oklch(0.185 0.004 264);--n3:oklch(0.215 0.005 264);--n4:oklch(0.245 0.005 264);--n5:oklch(0.275 0.006 264);--n6:oklch(1 0 0 / 0.09);--n7:oklch(1 0 0 / 0.15);--n8:oklch(0.460 0.008 264);--n9:oklch(0.560 0.010 264);--n10:oklch(0.650 0.010 264);--n11:oklch(0.740 0.008 264);--n12:oklch(0.955 0.004 264);--background:oklch(0.155 0.004 264);--card:oklch(0.185 0.004 264);--muted:oklch(0.215 0.005 264);--hover-leise:oklch(0.215 0.005 264);--border:oklch(1 0 0 / 0.09);--rand-knopf:oklch(1 0 0 / 0.15);--input:oklch(0.52 0.008 264);--icon:oklch(0.650 0.010 264);--muted-foreground:oklch(0.740 0.008 264);--foreground:oklch(0.955 0.004 264);--kritisch-flaeche:oklch(0.26 0.05 27);--kritisch-rand:oklch(0.38 0.08 27);--kritisch-text:oklch(0.72 0.17 25);--hoch-flaeche:oklch(0.26 0.05 55);--hoch-rand:oklch(0.38 0.08 55);--hoch-text:oklch(0.77 0.14 52);--positiv-flaeche:oklch(0.26 0.04 152);--positiv-rand:oklch(0.38 0.07 152);--positiv-zeichen:oklch(0.78 0.12 152);--info-flaeche:oklch(0.26 0.03 222);--info-rand:oklch(0.38 0.05 222);--info-zeichen:oklch(0.78 0.09 222);--mittel-zeichen:oklch(0.83 0.13 88);--note-b:oklch(0.80 0.12 128);--radar:oklch(0.76 0.10 205);--daten-3:oklch(0.82 0.12 78);--primary:oklch(0.72 0.14 264);--marke-auf:oklch(0.155 0.004 264);--marke-hover:oklch(0.77 0.116 264);--marke-text:oklch(0.78 0.11 264);--marke-zeichen:oklch(0.72 0.14 264)}}
@media (prefers-contrast:more){:root{--border:oklch(0.600 0.010 264);--rand-knopf:oklch(0.600 0.010 264);--input:oklch(0.450 0.010 264);--muted-foreground:oklch(0.200 0.010 264)}}
@media (prefers-contrast:more) and (prefers-color-scheme:dark){:root{--border:oklch(0.560 0.010 264);--rand-knopf:oklch(0.560 0.010 264);--input:oklch(0.740 0.008 264);--muted-foreground:oklch(0.955 0.004 264)}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;min-height:100dvh;background:var(--background);color:var(--foreground);font-family:var(--font-sans);
font-size:0.875rem;line-height:1.25rem;letter-spacing:-0.003em;-webkit-font-smoothing:antialiased}
h1,h2,p,ol,ul{margin:0}
.t-anzeige{font-size:2rem;line-height:2.5rem;letter-spacing:-0.022em;font-weight:600}
.t-titel-2{font-size:1.125rem;line-height:1.5rem;letter-spacing:-0.012em;font-weight:600}
.t-titel-3{font-size:0.875rem;line-height:1.25rem;letter-spacing:-0.004em;font-weight:600}
.t-text-gross{font-size:1rem;line-height:1.5rem;letter-spacing:-0.006em}
.t-text{font-size:0.875rem;line-height:1.25rem;letter-spacing:-0.003em}
.t-dicht{font-size:0.8125rem;line-height:1.25rem;letter-spacing:0em}
.t-beschriftung{font-size:0.75rem;line-height:1rem;letter-spacing:0.005em}
.t-mikro{font-size:0.6875rem;line-height:1rem;letter-spacing:0.01em}
.mono,code{font-family:var(--font-mono);font-size:0.8125rem;line-height:1.25rem;letter-spacing:0;font-variant-ligatures:none;overflow-wrap:anywhere}
.leise{color:var(--muted-foreground)}.betont{font-weight:600}
a{color:var(--marke-text);font-weight:600;text-decoration:none;border-radius:var(--radius-sm)}a:hover{text-decoration:underline;text-underline-offset:2px}
:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
:focus:not(:focus-visible){outline:none}
.i{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;color:var(--icon)}
.markenlinie{height:3px;background:var(--marke-zeichen)}
.an{display:grid;grid-template-columns:minmax(0,1fr);min-height:100vh;min-height:100dvh}
.an-rechts{display:flex;flex-direction:column;align-items:center;padding:48px 16px 24px;background:var(--background)}
.an-links{position:relative;display:flex;flex-direction:column;gap:32px;padding:32px 16px;overflow:hidden;background:var(--n2);border-top:1px solid var(--border)}
.an-formular{width:100%;max-width:360px;margin:auto 0}
.ein{padding:48px 16px 24px}
.spalte{width:100%;max-width:360px}
.marke{position:relative;display:flex;align-items:center;gap:8px;font-size:1rem;line-height:1.5rem;font-weight:600;color:var(--foreground)}
.ein .marke{margin:0 0 32px}.ein h1+h2{margin-top:24px}
.rz{width:auto;height:32px;flex:none}.rz .mk-linie,.rz .mk-flaeche{color:var(--foreground)}.rz .mk-akzent{color:var(--radar)}.rz .mk-treffer{color:var(--daten-3)}
.boegen{position:absolute;left:0;bottom:0;width:min(480px,90%);height:auto;pointer-events:none}
.boegen path{fill:none;stroke:var(--n6);stroke-width:1;vector-effect:non-scaling-stroke}
.an-mitte{position:relative;display:grid;gap:32px;margin:auto 0}
.versprechen{max-width:18ch}
.punkte{display:grid;gap:8px;padding:0;list-style:none}.punkte li{display:flex;gap:8px;align-items:flex-start}.punkte .i{margin-top:2px}
.beispiel{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;max-width:440px;padding:4px 0 4px 16px;border-left:2px solid var(--radar)}
.ring{flex:none}.ring .spur-b{stroke:var(--n5)}.ring .bogen{stroke:var(--note-b)}
.ring text{fill:var(--foreground);font-family:var(--font-sans);font-weight:600;text-anchor:middle}
.b-text{display:grid;flex:1;min-width:150px}
.pruefspur{display:grid}
.spur-kopf,.spur{display:inline-flex}
.spur-kopf>span{width:20px;text-align:center;font-size:.5625rem;line-height:1rem;font-weight:600;color:var(--muted-foreground)}
.spur>span{width:20px;height:20px;display:grid;place-items:center}
.z{width:12px;height:12px;flex:none;color:var(--icon)}.z.m{color:var(--mittel-zeichen)}
.kapsel{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:var(--muted);
font-size:0.6875rem;line-height:1rem;font-weight:600;letter-spacing:0.01em}
.vertrauen{position:relative;display:flex;align-items:center;gap:8px;color:var(--muted-foreground)}
.unter{margin:4px 0 24px;color:var(--muted-foreground)}
.hilfe{margin-top:16px;color:var(--muted-foreground)}
.recht a{color:inherit;font-weight:400;text-decoration:underline;text-underline-offset:2px}
.fuss{display:flex;flex-wrap:wrap;gap:8px 16px;width:100%;max-width:360px;margin-top:32px;color:var(--muted-foreground)}
.logo{display:block;width:auto;height:auto;max-width:200px;max-height:40px;object-fit:contain;object-position:left center;margin:0 0 16px}
.ein h1{overflow-wrap:anywhere}
.hinweis{display:flex;align-items:flex-start;gap:12px;padding:12px;margin:0 0 16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--muted)}
.hinweis .i{margin-top:2px}.hw-titel{display:block;font-weight:600}
.hinweis.gefahr{background:var(--kritisch-flaeche);border-color:var(--kritisch-rand)}.hinweis.gefahr .i,.hinweis.gefahr .hw-titel{color:var(--kritisch-text)}
.hinweis.warn{background:var(--hoch-flaeche);border-color:var(--hoch-rand)}.hinweis.warn .i,.hinweis.warn .hw-titel{color:var(--hoch-text)}
.hinweis.info{background:var(--info-flaeche);border-color:var(--info-rand)}.hinweis.info .i{color:var(--info-zeichen)}
.hinweis.positiv{background:var(--positiv-flaeche);border-color:var(--positiv-rand)}.hinweis.positiv .i{color:var(--positiv-zeichen)}
.versteckt{display:none}
.knopf{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:40px;padding:0 12px;border:1px solid transparent;
border-radius:var(--radius-md);background:var(--primary);color:var(--marke-auf);font:inherit;font-weight:600;text-decoration:none;cursor:pointer;
transition:background-color 80ms,transform 80ms cubic-bezier(.2,0,0,1)}
.knopf:hover{background:var(--marke-hover);text-decoration:none}.knopf:active{transform:scale(.97)}
.knopf.sekundaer{background:var(--card);color:var(--foreground);border-color:var(--rand-knopf)}.knopf.sekundaer:hover{background:var(--hover-leise)}
.knopf[disabled]{opacity:.5;cursor:default;transform:none}
.ms{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 16px;border-radius:8px;cursor:pointer;
font:600 15px/1 "Segoe UI Semibold","Segoe UI",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;letter-spacing:0;
background:#fff;color:#5e5e5e;border:1px solid #8c8c8c;transition:background-color .2s,transform .2s cubic-bezier(.32,.72,0,1)}
.ms:hover{background:#f3f3f3}.ms:active{transform:scale(.985);transition-duration:.075s}
.ms:focus-visible{outline:2px solid #0067b8;outline-offset:3px}
@media (prefers-color-scheme:dark){.ms{background:#2f2f2f;color:#fff;border-color:#2f2f2f;box-shadow:inset 0 .5px 0 rgb(255 255 255/.1)}
.ms:hover{background:#3b3b3b}.ms:focus-visible{outline-color:#69afe5}}
.ms[disabled]{opacity:.5;cursor:default;transform:none}
.oder{display:flex;align-items:center;gap:12px;margin:16px 0;font-size:0.75rem;line-height:1rem;font-weight:600;color:var(--muted-foreground)}
.oder::before,.oder::after{content:"";flex:1;height:1px;background:var(--border)}
.feld-label{display:block;margin:0 0 4px;font-size:0.75rem;line-height:1rem;font-weight:600}
.eingabe{display:block;width:100%;height:40px;margin:0 0 16px;padding:0 12px;border:1px solid var(--input);border-radius:var(--radius-md);
background:var(--card);color:var(--foreground);font:inherit}
.eingabe:focus-visible{border-color:var(--marke-text)}
.feld-hilfe{margin:-12px 0 16px;color:var(--muted-foreground)}
.zust{display:flex;gap:8px;align-items:flex-start;margin:0 0 16px}
.zust>input{width:16px;height:16px;flex:none;margin:2px 0 0;accent-color:var(--marke-zeichen)}
.schritte{display:grid;gap:4px;margin:0 0 24px;padding-left:20px}
.mehr{margin-top:16px;color:var(--muted-foreground)}.mehr summary{cursor:pointer;color:var(--marke-text);font-weight:600;border-radius:var(--radius-sm)}
.mehr p{margin-top:8px}
@media (max-width:899px){.knopf{min-height:44px}.eingabe{height:44px;font-size:16px}}
@media (min-width:900px){.an{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.an-links{grid-column:1;grid-row:1;padding:32px 48px;border-top:0;border-right:1px solid var(--border)}
.an-rechts{grid-column:2;grid-row:1;padding:32px 48px}.ein{padding:64px 48px 32px}}
.an:has(#formular.versteckt) .an-links{display:none}
.an:has(#formular.versteckt) .an-rechts{grid-column:1/-1}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media (forced-colors:active){.boegen{display:none}}

.an-formular.breit{max-width:520px}
.sprachen{display:flex;gap:16px;margin:0 0 32px}.sprachen a{font-weight:400;color:var(--muted-foreground)}
.sprachen a[aria-current]{font-weight:600;color:var(--foreground)}
.marke-link{display:inline-flex;color:inherit}
fieldset{min-width:0;margin:0 0 16px;padding:0;border:0}
legend{display:block;width:100%;margin:0 0 16px;padding:0 0 8px;border-bottom:1px solid var(--border)}
.zeile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px}
.zeile.adr{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}.zeile.ort{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
select.eingabe{padding:0 8px}
.feld-hilfe.oben{margin:0 0 12px}
.treffer{margin:-12px 0 16px;padding:4px;list-style:none;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);max-height:280px;overflow:auto}
.treffer button{display:grid;width:100%;padding:8px;border:0;border-radius:var(--radius-sm);background:none;color:var(--foreground);font:inherit;text-align:left;cursor:pointer}
.treffer button:hover{background:var(--hover-leise)}.treffer .klein{color:var(--muted-foreground)}
.dom{display:flex;gap:8px}.dom .eingabe{flex:1}
.knopf.klein{width:auto;min-height:32px;margin:0 0 16px}
.pow{display:flex;align-items:center;gap:12px;padding:12px;margin:0 0 16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--muted)}
.pow .knopf.klein{margin:0}.pow-text{display:grid;flex:1}
.pow-zeichen{display:grid;place-items:center;width:20px;height:20px;flex:none;border:2px solid var(--rand-knopf);border-radius:4px}
.pow[data-zustand="laeuft"] .pow-zeichen{border-color:var(--marke-zeichen);border-top-color:transparent;border-radius:50%;animation:dreh .8s linear infinite}
.pow[data-zustand="fertig"] .pow-zeichen{border-color:var(--positiv-zeichen);background:var(--positiv-zeichen)}
.pow[data-zustand="fertig"] .pow-zeichen::after{content:"";width:5px;height:10px;margin-top:-2px;border:solid var(--background);border-width:0 2px 2px 0;transform:rotate(45deg)}
.pow[data-zustand="fehler"]{border-color:var(--kritisch-rand);background:var(--kritisch-flaeche)}
@keyframes dreh{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.pow[data-zustand="laeuft"] .pow-zeichen{animation:none}}
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
#danke:focus,#best-ok:focus,#fehler:focus{outline:none}
.versteckt{display:none!important}
@media (max-width:519px){.zeile,.zeile.adr,.zeile.ort{grid-template-columns:minmax(0,1fr)}}