@font-face{font-family:Barlow Semi Condensed;src:url(/fonts/barlow-semi-condensed-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk;src:url(/fonts/hanken-grotesk-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk;src:url(/fonts/hanken-grotesk-600.woff2)format("woff2");font-weight:600 700;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--farbe-grund:oklch(20% .035 255);--farbe-flaeche:oklch(25% .04 255);--farbe-text:oklch(95% .01 250);--farbe-text-leise:oklch(78% .03 250);--farbe-akzent:oklch(82% .2 128);--farbe-akzent-text:oklch(20% .035 255);--farbe-signal:oklch(82% .2 128);--farbe-linie:oklch(36% .04 255);--farbe-fokus:oklch(85% .17 128);--farbe-warnung:oklch(75% .17 28);--farbe-fehlertext:oklch(78% .15 28);--farbe-radar:oklch(82% .2 128/.22);--farbe-radar-linie:oklch(82% .2 128/.32);--farbe-schein:oklch(82% .2 128/.18);--farbe-ok:oklch(80% .17 150);--farbe-hinweis:oklch(84% .14 85);--farbe-handlung:oklch(75% .17 28);--schrift-display:"Barlow Semi Condensed", Bahnschrift, "Arial Narrow", "Segoe UI", sans-serif;--schrift-text:"Hanken Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif;--schrift-mono:"JetBrains Mono", "Cascadia Mono", Consolas, "SFMono-Regular", monospace;--spur-display:-.01em;--spur-klein:.06em;--stufe--1:clamp(.875rem, .85rem + .1vw, .9375rem);--stufe-0:clamp(1rem, .96rem + .2vw, 1.125rem);--stufe-1:clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--stufe-2:clamp(1.6rem, 1.4rem + 1vw, 2.1rem);--stufe-3:clamp(2.2rem, 1.7rem + 2.4vw, 3.4rem);--stufe-4:clamp(2.8rem, 2rem + 4vw, 4.8rem);--abstand-xs:.5rem;--abstand-s:1rem;--abstand-m:clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem);--abstand-l:clamp(3rem, 2.2rem + 4vw, 6rem);--breite-inhalt:72rem;--breite-text:42rem;--radius:.5rem;--radius-gross:.9rem;--header-hoehe:4.5rem;--motion-dauer-sofort:.1s;--motion-dauer-kurz:.2s;--motion-dauer-basis:.3s;--motion-dauer-lang:.5s;--motion-ease-standard:cubic-bezier(.2, 0, 0, 1);--motion-ease-raus:cubic-bezier(0, 0, .2, 1);--motion-ease-rein:cubic-bezier(.4, 0, 1, 1);--motion-ease-betont:cubic-bezier(.05, .7, .1, 1)}@media (prefers-color-scheme:light){:root{--farbe-grund:oklch(98.5% .004 250);--farbe-flaeche:oklch(95% .008 250);--farbe-text:oklch(27% .04 255);--farbe-text-leise:oklch(45% .035 255);--farbe-akzent:oklch(30% .05 255);--farbe-akzent-text:oklch(98.5% .004 250);--farbe-signal:oklch(77% .2 125);--farbe-linie:oklch(85% .012 250);--farbe-fokus:oklch(45% .16 255);--farbe-warnung:oklch(50% .18 28);--farbe-fehlertext:oklch(45% .18 28);--farbe-radar:oklch(77% .2 125/.3);--farbe-radar-linie:oklch(45% .05 255/.28);--farbe-schein:oklch(77% .2 125/.2);--farbe-ok:oklch(42% .12 150);--farbe-hinweis:oklch(45% .11 75);--farbe-handlung:oklch(45% .18 28)}}@media (prefers-contrast:more){:root{--farbe-linie:var(--farbe-text-leise)}}*,:before,:after{box-sizing:border-box}@view-transition{navigation:auto}::view-transition-old(root){animation:ausblenden var(--motion-dauer-kurz) var(--motion-ease-rein) both}::view-transition-new(root){animation:einblenden-leicht var(--motion-dauer-basis) var(--motion-ease-raus) both}@keyframes ausblenden{to{opacity:0}}@keyframes einblenden-leicht{0%{opacity:0}to{opacity:1}}@keyframes einblenden{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:none}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-hoehe) + var(--abstand-s))}body{background:var(--farbe-grund);color:var(--farbe-text);font-family:var(--schrift-text);font-size:var(--stufe-0);margin:0;line-height:1.6}img,svg,picture{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:var(--schrift-display);letter-spacing:var(--spur-display);text-wrap:balance;margin:0 0 var(--abstand-s);font-weight:600;line-height:1.1}h1{font-size:var(--stufe-4);line-height:1.04}h2{font-size:var(--stufe-3)}h3{font-size:var(--stufe-1);letter-spacing:0;line-height:1.2}p{margin:0 0 var(--abstand-s);text-wrap:pretty}a{color:var(--farbe-akzent);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--farbe-fokus);outline-offset:3px;border-radius:2px}.skip-link{left:var(--abstand-s);z-index:100;padding:var(--abstand-xs) var(--abstand-s);background:var(--farbe-akzent);color:var(--farbe-akzent-text);border-radius:var(--radius);position:absolute;top:-100%}.skip-link:focus{top:var(--abstand-s)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:min(100% - 2 * var(--abstand-s), var(--breite-inhalt));margin-inline:auto}.textbreite{max-width:var(--breite-text)}.sektion{padding-block:var(--abstand-l)}.sektion--flaeche{background:var(--farbe-flaeche)}main{min-height:60vh;display:block;overflow-x:clip}.kopf{z-index:50;background:var(--farbe-grund);border-bottom:1px solid var(--farbe-linie);position:sticky;top:0}.kopf__innen{justify-content:space-between;align-items:center;gap:var(--abstand-s);min-height:var(--header-hoehe);display:flex}.kopf__marke{align-items:center;min-height:44px;display:inline-flex}.kopf__marke img{width:11.5rem;height:auto}.nav__liste{gap:var(--abstand-m);align-items:center;margin:0;padding:0;list-style:none;display:flex}.nav__liste a{color:var(--farbe-text);padding-block:var(--abstand-xs);min-height:24px;text-decoration:none;display:inline-block;position:relative}.nav__liste a:after{content:"";background:var(--farbe-akzent);transform-origin:0;height:3px;transition:transform var(--motion-dauer-kurz) var(--motion-ease-standard);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav__liste a:hover:after,.nav__liste a[aria-current=page]:after{transform:scaleX(1)}.nav-mobil{display:none}@media (width<=48rem){.nav__liste--breit{display:none}.nav-mobil{display:block}.nav-mobil>summary{cursor:pointer;padding:var(--abstand-xs) var(--abstand-s);border:1px solid var(--farbe-linie);border-radius:var(--radius);min-height:44px;font-family:var(--schrift-mono);font-size:var(--stufe--1);letter-spacing:var(--spur-klein);text-transform:uppercase;align-items:center;list-style:none;display:flex}.nav-mobil>summary::-webkit-details-marker{display:none}.nav-mobil[open] .nav__liste{left:0;right:0;top:var(--header-hoehe);background:var(--farbe-grund);border-bottom:1px solid var(--farbe-linie);padding:var(--abstand-s);flex-direction:column;align-items:stretch;gap:0;position:absolute}.nav-mobil[open] .nav__liste a{padding:var(--abstand-s) 0;width:100%}.nav-mobil[open] .nav__liste{animation:menue-ein var(--motion-dauer-kurz) var(--motion-ease-raus) both;transform-origin:100% 0}.nav-mobil>summary:active{transition:transform var(--motion-dauer-sofort) ease-out;transform:scale(.97)}}@keyframes menue-ein{0%{opacity:0;transform:translateY(-.5rem)scale(.98)}to{opacity:1;transform:none}}.knopf{background:var(--farbe-akzent);min-height:44px;color:var(--farbe-akzent-text);border-radius:var(--radius);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 0 0 4px var(--farbe-schein);transition:transform var(--motion-dauer-kurz) var(--motion-ease-standard);border:0;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:inline-flex}.knopf:hover{transform:translateY(-2px)}.knopf:active{transition-duration:var(--motion-dauer-sofort);transform:scale(.97)}.knopf--leise{color:var(--farbe-text);box-shadow:inset 0 0 0 2px var(--farbe-akzent);background:0 0}.kicker{font-family:var(--schrift-mono);font-size:var(--stufe--1);letter-spacing:var(--spur-klein);text-transform:uppercase;color:var(--farbe-text-leise);margin:0 0 var(--abstand-xs)}.hero{padding-block:var(--abstand-l);background:radial-gradient(circle at 82% 35%, var(--farbe-schein), transparent 55%);overflow-x:clip}.hero__innen{gap:var(--abstand-m);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.hero__einleitung{font-size:var(--stufe-1);color:var(--farbe-text-leise);max-width:var(--breite-text);line-height:1.5}.hero__aktionen{gap:var(--abstand-s);margin-top:var(--abstand-m);flex-wrap:wrap;display:flex}.hero__radar{display:none}@media (width>=56rem){.hero__innen{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.hero__radar{display:block}}.radar{aspect-ratio:1;background:linear-gradient(var(--farbe-radar-linie), var(--farbe-radar-linie)) center / 1px 100% no-repeat, linear-gradient(var(--farbe-radar-linie), var(--farbe-radar-linie)) center / 100% 1px no-repeat, repeating-radial-gradient(circle closest-side at 50% 50%, transparent 0, transparent calc(33.33% - 1px), var(--farbe-radar-linie) calc(33.33% - 1px), var(--farbe-radar-linie) 33.33%);width:min(100%,26rem);box-shadow:inset 0 0 0 1px var(--farbe-radar-linie);border-radius:50%;justify-self:center;position:relative}.radar:before{content:"";background:conic-gradient(from 0deg, transparent 0 250deg, var(--farbe-radar) 360deg);animation:radar-strahl 1.8s var(--motion-ease-raus) both;border-radius:50%;position:absolute;inset:0}.radar:after{content:"";background:var(--farbe-signal);width:.9rem;height:.9rem;box-shadow:0 0 0 .5rem var(--farbe-schein);animation:radar-treffer var(--motion-dauer-lang) var(--motion-ease-betont) 1.2s both;border-radius:50%;margin:-.45rem 0 0 -.45rem;position:absolute;top:30%;left:66%}@keyframes radar-strahl{0%{transform:rotate(-360deg)}to{transform:rotate(0)}}@keyframes radar-treffer{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.raster{gap:var(--abstand-m);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));display:grid}.karte{padding:var(--abstand-m);border:1px solid var(--farbe-linie);border-radius:var(--radius-gross);background:var(--farbe-flaeche);min-width:0}.sektion--flaeche .karte{background:var(--farbe-grund)}.karte h3 a{color:var(--farbe-text);text-decoration:none}.karte h3 a:hover{text-decoration:underline}ol.raster{counter-reset:schritt;margin:0;padding:0;list-style:none}ol.raster>.karte:before{counter-increment:schritt;content:counter(schritt, decimal-leading-zero);margin-bottom:var(--abstand-xs);font-family:var(--schrift-mono);font-size:var(--stufe-1);color:var(--farbe-akzent);display:block}.antwort{font-size:var(--stufe-1);border-left:4px solid var(--farbe-signal);padding-left:var(--abstand-s);line-height:1.5}.brotkrumen ol{gap:var(--abstand-xs);margin:var(--abstand-m) 0 0;font-size:var(--stufe--1);font-family:var(--schrift-mono);flex-wrap:wrap;padding:0;list-style:none;display:flex}.brotkrumen li+li:before{content:"/";margin-right:var(--abstand-xs);color:var(--farbe-text-leise)}.faq{border-top:1px solid var(--farbe-linie)}.faq__eintrag{border-bottom:1px solid var(--farbe-linie)}.faq__eintrag>summary{cursor:pointer;padding:var(--abstand-s) 0;justify-content:space-between;align-items:center;gap:var(--abstand-s);min-height:44px;font-weight:600;list-style:none;display:flex}.faq__eintrag>summary::-webkit-details-marker{display:none}.faq__eintrag>summary:after{content:"+";font-family:var(--schrift-mono);font-size:var(--stufe-1);color:var(--farbe-akzent);transition:transform var(--motion-dauer-kurz) var(--motion-ease-standard);flex:none}.faq__eintrag[open]>summary:after{transform:rotate(45deg)}.faq__eintrag>div{padding-bottom:var(--abstand-s)}.formular{gap:var(--abstand-s);max-width:var(--breite-text);display:grid}.feld{gap:.35rem;min-width:0;display:grid}.feld label{font-weight:600}.feld input[type=text],.feld input[type=email],.feld textarea{width:100%;min-height:44px;font:inherit;color:var(--farbe-text);background:var(--farbe-grund);border:1px solid var(--farbe-text-leise);border-radius:var(--radius);padding:.6rem .75rem}.sektion--flaeche .feld input[type=text],.sektion--flaeche .feld input[type=email],.sektion--flaeche .feld textarea{background:var(--farbe-grund)}.feld textarea{resize:vertical}.feld input:focus-visible,.feld textarea:focus-visible,.formular .knopf:focus-visible{outline:3px solid var(--farbe-fokus);outline-offset:2px}.feld input[aria-invalid=true],.feld textarea[aria-invalid=true]{border-color:var(--farbe-warnung);border-width:2px}.feld__hilfe{font-size:var(--stufe--1);color:var(--farbe-text-leise);margin:0}.feld__fehler{font-size:var(--stufe--1);color:var(--farbe-fehlertext);margin:0;font-weight:600}.feld--haken{align-items:start;column-gap:var(--abstand-xs);grid-template-columns:auto 1fr}.feld--haken input{width:1.5rem;height:1.5rem;accent-color:var(--farbe-akzent);margin-top:.15rem}.feld--haken label{font-weight:400}.feld--haken .feld__fehler{grid-column:1/-1}.formular .knopf{justify-self:start}.formular .knopf:disabled{opacity:.6;cursor:wait}.formular__falle{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.formular__status p{margin:0 0 .25rem}.formular__status--fehler{color:var(--farbe-fehlertext);font-weight:600}.ergebnis__kopf{gap:var(--abstand-m);margin-bottom:var(--abstand-m);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));align-items:center;display:grid}.ergebnis__bereiche{margin-bottom:var(--abstand-m)}.ergebnis__sektion{margin-top:var(--abstand-l)}.score{padding:var(--abstand-s) var(--abstand-m);border:1px solid var(--farbe-linie);border-radius:var(--radius-gross);background:var(--farbe-flaeche);text-align:center;gap:.15rem;min-width:0;display:grid}.score__wert{font-family:var(--schrift-mono);font-size:var(--stufe-3);color:var(--farbe-akzent);font-weight:400;line-height:1}.score--gross{justify-items:center}.score--gross .score__wert{font-size:var(--stufe-4)}.score__instrument{width:min(100%,13rem);position:relative}.score__ring{width:100%}.score__ring .ring__spur{stroke:var(--farbe-radar-linie)}.score__ring .ring__wert{stroke:var(--farbe-signal)}.score__zahl{place-content:center;gap:0;display:grid;position:absolute;inset:0}.score__von{font-family:var(--schrift-mono);font-size:var(--stufe--1);color:var(--farbe-text-leise)}.score__titel{overflow-wrap:anywhere;font-weight:600}.punkte{gap:var(--abstand-s);margin:0;padding:0;list-style:none;display:grid}.punkt{padding:var(--abstand-s);border:1px solid var(--farbe-linie);border-radius:var(--radius);background:var(--farbe-flaeche);overflow-wrap:anywhere;min-width:0;animation:einblenden var(--motion-dauer-basis) var(--motion-ease-raus) both;border-left-width:6px}.punkt:nth-child(2){animation-delay:40ms}.punkt:nth-child(3){animation-delay:80ms}.punkt:nth-child(4){animation-delay:.12s}.punkt:nth-child(5){animation-delay:.16s}.punkt:nth-child(n+6){animation-delay:.2s}.punkt p{margin:0}.punkt__kopf{margin-bottom:.35rem!important}.punkt__text{color:var(--farbe-text-leise)}.punkt .punkt__link{font-size:var(--stufe--1);margin-top:.5rem;font-weight:600}.ampel{font-size:var(--stufe--1);border:2px solid;border-radius:999px;padding:.1rem .5rem;font-weight:600;display:inline-block}.punkt--gruen{border-left-color:var(--farbe-ok)}.punkt--gruen .ampel{color:var(--farbe-ok)}.punkt--gelb{border-left-color:var(--farbe-hinweis)}.punkt--gelb .ampel{color:var(--farbe-hinweis)}.punkt--rot{border-left-color:var(--farbe-handlung)}.punkt--rot .ampel{color:var(--farbe-handlung)}.punkt--info{border-left-color:var(--farbe-linie)}.punkt--info .ampel{color:var(--farbe-text-leise)}.fakten{margin:var(--abstand-m) 0 0;gap:var(--abstand-xs) var(--abstand-s);flex-wrap:wrap;padding:0;list-style:none;display:flex}.fakten li{font-family:var(--schrift-mono);font-size:var(--stufe--1);letter-spacing:var(--spur-klein);text-transform:uppercase;color:var(--farbe-text-leise);align-items:center;gap:.5rem;display:inline-flex}.fakten li:before{content:"";background:var(--farbe-signal);border-radius:50%;width:.5rem;height:.5rem}.zweispaltig{gap:var(--abstand-s) var(--abstand-m);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.zweispaltig>p{max-width:38rem}@media (width>=56rem){.zweispaltig{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}}.raster--drei{margin-top:var(--abstand-m);grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}.raster--artikel{margin:var(--abstand-m) 0 0;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));padding:0;list-style:none}.raster--artikel .karte{flex-direction:column;display:flex}.raster--artikel .karte p:last-child{color:var(--farbe-text-leise);margin-bottom:0}.raster--artikel .karte .kicker{margin-bottom:.35rem}.karte:hover{border-color:var(--farbe-text-leise)}.punktliste{margin:var(--abstand-s) 0 0;font-size:var(--stufe--1);gap:.1rem;padding:0;list-style:none;display:grid}.punktliste a{color:var(--farbe-text-leise);border-bottom:1px solid var(--farbe-linie);padding:.3rem 0;text-decoration:none;display:block}.punktliste a:hover{color:var(--farbe-akzent)}.mehr{margin-top:var(--abstand-m);font-weight:600}.sektion--eng{padding-block:var(--abstand-m)}.sektion--eng h2{font-size:var(--stufe-2)}.meta{font-size:var(--stufe--1);color:var(--farbe-text-leise)}.code{margin:var(--abstand-s) 0;padding:var(--abstand-s);background:var(--farbe-flaeche);border:1px solid var(--farbe-linie);border-radius:var(--radius);font-family:var(--schrift-mono);tab-size:2;font-size:.85rem;line-height:1.5;overflow-x:auto}.code code{font:inherit;white-space:pre}ol.schritte{margin:var(--abstand-s) 0 0;counter-reset:schritt;gap:var(--abstand-xs);padding:0;list-style:none;display:grid}ol.schritte li{counter-increment:schritt;gap:var(--abstand-xs);grid-template-columns:2rem minmax(0,1fr);align-items:baseline;display:grid}ol.schritte li:before{content:counter(schritt, decimal-leading-zero);font-family:var(--schrift-mono);color:var(--farbe-akzent)}.bewertung{padding:var(--abstand-m);border:1px solid var(--farbe-linie);border-left:6px solid var(--farbe-signal);border-radius:var(--radius-gross);background:var(--farbe-flaeche)}.bewertung h2{font-size:var(--stufe-2)}.bewertung p:last-child{margin-bottom:0}.faq__eintrag>summary:active{background:var(--farbe-flaeche)}.nap{font-style:normal}.nap dt{font-weight:600}.nap dd{margin:0 0 var(--abstand-s)}.platzhalter{outline:2px dashed var(--farbe-warnung)}.fuss{border-top:1px solid var(--farbe-linie);padding-block:var(--abstand-l) var(--abstand-m);font-size:var(--stufe--1);color:var(--farbe-text-leise)}.fuss__raster{gap:var(--abstand-m);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));display:grid}.fuss ul{margin:0;padding:0;list-style:none}.fuss li{margin-bottom:var(--abstand-xs)}.fuss a{color:var(--farbe-text-leise)}.fuss__unten{justify-content:space-between;gap:var(--abstand-s);margin-top:var(--abstand-m);padding-top:var(--abstand-s);border-top:1px solid var(--farbe-linie);flex-wrap:wrap;display:flex}@supports (animation-timeline:view()){.sektion>.container{animation:linear both einblenden view();animation-range:entry 4% entry 32%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.sektion>.container{animation:none}.knopf:hover,.knopf:active{transform:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:.01ms}}@media print{.kopf,.fuss,.skip-link,.nav-mobil,.hero__radar{display:none}.sektion>.container,.punkt{animation:none}body{color:#000;background:#fff}}