@font-face{font-family:Doto;src:url(/_astro/doto-variabel.Chp7PDu4.ttf)format("truetype");font-weight:100 900;font-display:block}@font-face{font-family:Geist;src:url(/_astro/geist-variabel.BGnTDqni.woff2)format("woff2");font-weight:100 900;font-display:block}@font-face{font-family:Geist Mono;src:url(/_astro/geist-mono-variabel.pyAoGB9p.woff2)format("woff2");font-weight:100 900;font-display:block}:root{color-scheme:dark;--schrift-pixel:"Doto", "Geist Mono", ui-monospace, monospace;--schrift-text:"Geist", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--schrift-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--bg1:#1c2029;--bg2:#13161c;--bg3:#0b0d11;--raster:#96aad70f;--raster2:#96aad71f;--raster-bild:conic-gradient(from 270deg at 2px 2px, var(--raster2) 90deg, transparent 0), conic-gradient(from 270deg at 2px 2px, var(--raster) 90deg, transparent 0);--raster-takt:48px 48px, 12px 12px;--fenster:#1f242d;--innen:#2a303a;--innen2:#323946;--rand:#ffffff1a;--trenn:#eceff517;--leise:#eceff53d;--tinte:#eceff5;--text2:#eceff5a3;--text3:#eceff575;--akzent:#5c84ff;--akzent-text:#8da8ff;--akzent-weich:#5c84ff29;--knopf:#2b5bff;--pixel:#7c9bff;--gut:#4cc38a;--gut-weich:#4cc38a29;--warn:#f0965c;--warn-weich:#f0965c29;--kritisch:#f06a6a;--kritisch-weich:#f06a6a29;--dotti-koerper:#5c84ff;--dotti-schatten:#3e62d6;--dotti-tief:#2c4aae;--dotti-licht:#9db4ff;--dotti-weiss:#f4f6fa;--dotti-auge:#151821;--r-fenster:26px;--r-karte:18px;--r-klein:12px;--schatten:0 2px 8px #00000059, 0 34px 90px -30px #000000b3;--schatten-nah:0 1px 3px #00000059, 0 10px 24px -14px #0009;--kante:inset 0 1px 0 #ffffff1a;--scroll-breite:10px;--scroll-abstand:3px;--scroll-daumen:#7c9bff61;--scroll-daumen-aktiv:#7c9bffb8}*,:before,:after{box-sizing:border-box}html{background:var(--bg2);-webkit-text-size-adjust:100%}body{font-family:var(--schrift-text);color:var(--tinte);-webkit-font-smoothing:antialiased;background:radial-gradient(1600px 1000px at 50% -10%, var(--bg1), var(--bg2) 55%, var(--bg3)) no-repeat, var(--bg3);text-rendering:optimizelegibility;min-height:100dvh;margin:0;line-height:1.5}body.quiz-sperre,html.quiz-open body{overflow:hidden}img,svg,video{max-width:100%;display:block}img,video{height:auto}.foto-sw{filter:grayscale()contrast(1.06)}.foto-ausblenden{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(#000 62%,#0000 98%),linear-gradient(90deg,#0000 0,#000 14% 86%,#0000 100%);mask-image:linear-gradient(#000 62%,#0000 98%),linear-gradient(90deg,#0000 0,#000 14% 86%,#0000 100%);mask-composite:intersect}a{color:inherit;text-decoration:none}p,h1,h2,h3,h4,figure,blockquote,ul,ol{margin:0}h1,h2,h3,h4{letter-spacing:-.01em;text-wrap:balance;font-weight:600;line-height:1.15}p{text-wrap:pretty}h1,h2,h3,.btn,.logo,nav,.hero-sub{hyphens:manual}:focus-visible{outline:2px solid var(--akzent);outline-offset:3px;border-radius:6px}::selection{background:color-mix(in srgb, var(--knopf) 55%, transparent);color:#fff}.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 40px}.schmal{max-width:760px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.springen{z-index:100;background:var(--knopf);color:#fff;border-radius:999px;padding:10px 16px;position:absolute;top:-60px;left:16px}.springen:focus{top:12px}.raster{isolation:isolate;position:relative}.raster:before{content:"";z-index:-1;pointer-events:none;background-image:var(--raster-bild);background-size:var(--raster-takt);position:absolute;inset:0;-webkit-mask-image:radial-gradient(900px 520px at 50% 45%,#000 20%,#0000 80%);mask-image:radial-gradient(900px 520px at 50% 45%,#000 20%,#0000 80%)}.logo{font-family:var(--schrift-pixel);color:var(--pixel);letter-spacing:.02em;white-space:nowrap;font-size:28px;font-weight:800;line-height:1}.pixel{font-family:var(--schrift-pixel);letter-spacing:0;font-weight:700}.mono{font-family:var(--schrift-mono);letter-spacing:.04em;color:var(--text2);font-size:12px}.leise{color:var(--text2)}.btn{background:var(--knopf);color:#fff;min-height:54px;font:600 16px/1.2 var(--schrift-text);white-space:nowrap;cursor:pointer;box-shadow:var(--kante);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 28px;transition:transform .15s,background-color .2s;display:inline-flex}.btn:hover{background:color-mix(in srgb, var(--knopf) 88%, #fff)}.btn:active{transform:scale(.98)}.btn-leise{border:1px solid var(--rand);min-height:42px;color:var(--tinte);font:500 14px/1.2 var(--schrift-text);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;transition:border-color .2s,background-color .2s;display:inline-flex}.btn-leise:hover{border-color:color-mix(in srgb, var(--akzent) 60%, var(--rand));background:color-mix(in srgb, var(--akzent) 8%, transparent)}.pfeil{color:var(--akzent);white-space:nowrap;font-weight:600}.pfeil:hover{text-underline-offset:4px;text-decoration:underline}.sterne{color:var(--pixel);letter-spacing:2px;font-size:13px}.fenster{background:var(--fenster);border:1px solid var(--rand);border-radius:var(--r-fenster);box-shadow:var(--schatten)}.fenster.hervor{border-color:color-mix(in srgb, var(--akzent) 55%, var(--rand));background:color-mix(in srgb, var(--akzent) 6%, var(--fenster));position:relative}.eck-dotti{pointer-events:none;width:104px;height:auto;position:absolute;top:0;right:32px;transform:translateY(calc(9px - 100%))}@media (width<=700px){.eck-dotti{width:84px;right:20px}}.dotti .lid{opacity:0}@media (prefers-reduced-motion:no-preference){.dotti-lebt{animation:4.6s step-end infinite dotti-hupf}.dotti-lebt .lid{animation:5.3s step-end infinite dotti-blinzeln}}@keyframes dotti-hupf{0%,84%,to{translate:0}86%{translate:0 -3px}88%{translate:0 -6px}90%{translate:0 -3px}92%{translate:0}}@keyframes dotti-blinzeln{0%,60%{opacity:0}61%,63%{opacity:1}64%,to{opacity:0}}.abschnitt{margin-top:112px}.abschnitt-titel{font-size:clamp(26px,3.2vw,36px)}@media (prefers-reduced-motion:no-preference){html.js [data-auf]{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(6px)}html.js [data-auf].ist-da{opacity:1;transform:none}}@media (width<=700px){.wrap{padding:0 20px}.abschnitt{margin-top:72px}.logo{font-size:24px}}