@font-face{font-stretch:62% 125%;font-family:archivo;src:url(../media/archivo_latin_standard_normal-s.p.3b1_7etm2gpf5.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:archivo Fallback;src:local(Arial);ascent-override:85.41%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:102.8%}.JfMBpq_className{font-family:archivo,archivo Fallback}.JfMBpq_variable{--font-archivo:"archivo", "archivo Fallback"}
:root{--blau:#1f3f8f;--papier:#fff;--nebel:#edf1f7;--bernstein:#f0a500;--tinte:#12203d;--grau:#4f5d78;--geraet:#0f1830;--rand:32px;--breite:1280px}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--papier);color:var(--tinte);font:400 19px/1.65 var(--font-archivo), system-ui, sans-serif;-webkit-font-smoothing:antialiased;font-stretch:100%}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--bernstein);outline-offset:3px;border-radius:4px}img{max-width:100%;height:auto;display:block}.innen{max-width:var(--breite);padding:0 var(--rand);margin:0 auto}h1,h2,h3,.marke,.satz{letter-spacing:-.005em;color:var(--blau);font-stretch:115%;line-height:1.1}h1,h2{font-weight:800}h2{max-width:18em;font-size:clamp(32px,4vw,54px)}.unter{max-width:36em;color:var(--grau);margin-top:18px;font-size:21px}.sprung{z-index:10;background:var(--blau);color:#fff;border-radius:8px;padding:10px 16px;position:absolute;top:8px;left:-9999px}.sprung:focus{left:8px}.leiste{justify-content:space-between;align-items:center;padding-top:26px;padding-bottom:26px;display:flex}.marke{align-items:center;gap:12px;font-size:26px;font-weight:800;text-decoration:none;display:inline-flex}.marke svg{width:34px;height:30px}.leiste ul{color:var(--grau);gap:32px;padding:0;font-size:16px;font-weight:600;list-style:none;display:flex}.leiste ul a{text-decoration:none}.leiste ul a:hover,.leiste ul a[aria-current=page]{color:var(--blau)}.leiste ul a:hover{text-underline-offset:4px;text-decoration:underline}.knoepfe{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.knopf{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:16px 28px;font-size:18px;font-weight:700;line-height:1.3;text-decoration:none;display:inline-block}.knopf.voll{background:var(--blau);color:#fff}.knopf.bernstein{background:var(--bernstein);color:var(--tinte)}.knopf.rahmen{color:var(--blau);background:0 0;box-shadow:inset 0 0 0 2px}.knopf.rahmen.hell{color:#fff}.knopf:hover{filter:brightness(1.08)}.knopf:disabled{opacity:.75;cursor:progress;filter:none}.demo-hinweis{color:var(--grau);flex-basis:100%;order:3;font-size:16px}.demo-hinweis:empty{display:none}.ausklang .demo-hinweis{color:#d6def0}.tablet{background:var(--geraet);border-radius:36px;padding:14px;box-shadow:0 50px 90px -30px #12203d73}.tablet img{border-radius:24px;width:100%}.handy{background:var(--geraet);border-radius:46px;width:270px;padding:10px;box-shadow:0 40px 80px -24px #12203d80}.handy img{border-radius:37px;width:100%}.held{padding-top:56px;padding-bottom:110px}.held h1{max-width:23em;font-size:clamp(36px,3.9vw,54px)}.held .einleitung{color:var(--grau);max-width:36em;margin-top:24px;font-size:21px}.buehne{perspective:1600px;margin-top:56px;position:relative}.buehne .tablet{transform-origin:50% 100%;width:86%;transform:rotateX(calc(var(--kipp,0) * 16deg)) scale(calc(1 - var(--kipp,0) * .06))}.buehne .handy{width:280px;transform:translateY(calc(var(--kipp,0) * 80px));position:absolute;bottom:-60px;right:0}.stempel{width:150px;transform:rotate(calc(-12deg + var(--kipp,0) * -20deg));position:absolute;top:2%;right:1%}.stempel text{font-weight:800;font-stretch:120%}@media (max-width:1099px){.held h1 br{display:none}}.fuer{background:var(--nebel);padding:28px 0}.fuer .innen{flex-wrap:wrap;align-items:baseline;gap:8px 26px;display:flex}.fuer h2{color:var(--grau);letter-spacing:0;font-size:16px;font-weight:700;font-stretch:100%}.fuer ul{color:var(--blau);flex-wrap:wrap;gap:8px 30px;padding:0;font-size:21px;font-weight:700;font-stretch:112%;list-style:none;display:flex}.fuer li{align-items:center;gap:12px;display:inline-flex}.fuer li:before{content:"";background:var(--bernstein);border-radius:2px;width:3px;height:18px;transform:rotate(14deg)}section{padding:110px 0}.kann{background:var(--nebel);padding-top:90px}.karten{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px;padding:0;list-style:none;display:grid}.karte{background:var(--papier);border-radius:28px;flex-direction:column;display:flex;overflow:hidden}.karte .bild{background:linear-gradient(#dfe6f2,#f4f7fb);justify-content:center;align-items:flex-start;height:270px;padding:26px 26px 0;display:flex;overflow:hidden}.karte .bild>img{border-radius:14px 14px 0 0;width:100%;box-shadow:0 10px 30px #12203d29}.karte .bild .handy{border-radius:36px;width:190px;padding:8px;box-shadow:0 20px 40px -16px #12203d73}.karte .bild .handy img{border-radius:29px}.karte .text{padding:26px 28px 30px}.karte h3{font-size:25px;font-weight:800}.karte p{color:var(--grau);margin-top:8px;font-size:18px}.zusagen{color:var(--blau);flex-wrap:wrap;gap:14px 40px;margin-top:36px;padding:0;font-size:19px;font-weight:700;list-style:none;display:flex}.zusagen li{align-items:center;gap:10px;display:inline-flex}.zusagen svg{flex:none;width:28px;height:23px}.kann .knoepfe{margin-top:40px}.haltung .innen{grid-template-columns:1fr 1.05fr;align-items:start;gap:64px;display:grid}.haltung .satz{margin-top:26px;font-size:clamp(30px,3.4vw,42px);font-weight:800;font-stretch:110%}.haltung p{font-size:20px}.haltung p+p{margin-top:16px}.haltung .schluss{color:var(--blau);font-weight:700}.kurs{background:var(--nebel)}.route{gap:24px;margin-top:48px;padding:0;list-style:none;display:grid}.etappe{background:var(--papier);border-radius:28px;grid-template-columns:72px 1fr;gap:28px;padding:40px 44px;display:grid}.etappe>div{min-width:0}.etappe .zaehler{width:72px;height:52px}.wann{color:var(--grau);font-size:15px;font-weight:700}.wann strong{color:var(--blau)}.etappe h3{margin-top:6px;font-size:38px;font-weight:800}.etappe p{max-width:34em;margin-top:10px}.etappe-link a{color:var(--blau);text-underline-offset:4px;font-weight:700}.liste{grid-template-columns:repeat(4,1fr);gap:36px;margin-top:52px;padding:0;list-style:none;display:grid}.liste svg{width:44px;height:36px}.liste h3{margin-top:12px;font-size:22px;font-weight:800;font-stretch:110%}.liste p{color:var(--grau);margin-top:8px;font-size:17px}.hilfe{background:var(--nebel)}.hilfe .innen{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.hilfe p{font-size:20px}.stuetzen{background:var(--blau);color:#fff}.stuetzen h2{color:#fff}.stuetzen .innen{grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;display:grid}.stuetzen p{color:#d6def0;margin-top:22px;font-size:19px}.stuetzen .knoepfe{flex-direction:column;align-items:flex-start;margin-top:0}.held-unter{padding-bottom:40px}.held-unter h1{max-width:20em;margin-top:10px;font-size:clamp(36px,4.4vw,60px)}.abend{padding-top:70px;padding-bottom:40px;overflow-x:clip}.geschichte{grid-template-columns:1fr 1.25fr;gap:72px;display:grid}.kapitel-liste{padding:0;list-style:none}.kapitel{opacity:.3;flex-direction:column;justify-content:center;min-height:92vh;transition:opacity .4s;display:flex}.kapitel:last-child{min-height:64vh}.kapitel.aktiv{opacity:1}.marke-klein{color:var(--bernstein);font-size:18px;font-weight:800}.kapitel h3{margin-top:8px;font-size:clamp(30px,3.2vw,44px);font-weight:800}.kapitel p{color:var(--grau);max-width:26em;margin-top:16px;font-size:20px}.kapitel ul{margin-top:18px;padding-left:1.1em}.kapitel li+li{margin-top:6px}.klebt{place-items:center;height:84vh;display:grid;position:sticky;top:8vh}.schirm{width:100%;position:relative}.schirm .tablet{aspect-ratio:2000/1390;position:relative}.schirm .ebene{opacity:0;border-radius:24px;transition:opacity .5s,transform .5s;position:absolute;inset:14px;overflow:hidden;transform:translateY(24px)scale(.98)}.schirm .ebene.aktiv{opacity:1;transform:none}.schirm .ebene img{object-fit:cover;object-position:top left;border-radius:0;width:100%;height:100%}.schirm .handy-ebene{opacity:0;transition:opacity .5s,transform .5s;position:absolute;bottom:-70px;right:-40px;transform:translate(60px)}.schirm .handy-ebene.aktiv{opacity:1;transform:none}.schirm .handy-ebene .handy{width:230px}.mehr{background:var(--nebel)}.mehr ul{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px;padding:0;list-style:none;display:grid}.mehr li{background:var(--papier);border-radius:26px;padding:30px}.mehr h3{font-size:23px;font-weight:800}.mehr p{color:var(--grau);margin-top:8px;font-size:17px}.vereine ul{grid-template-columns:repeat(3,1fr);gap:34px 40px;margin-top:44px;padding:0;list-style:none;display:grid}.vereine li{border-left:4px solid var(--bernstein);padding-left:20px}.vereine h3{font-size:22px;font-weight:800}.vereine li p{color:var(--grau);margin-top:6px;font-size:17px}.fragen{background:var(--nebel)}.fragen dl{grid-template-columns:1fr 1fr;gap:30px 56px;margin-top:48px;display:grid}.fragen dt{color:var(--blau);font-size:22px;font-weight:800;font-stretch:110%}.fragen dd{color:var(--grau);margin-top:6px}.ausklang{background:var(--blau);color:#fff;text-align:center}.ausklang h2{color:#fff;margin:0 auto}.ausklang p{color:#d6def0;max-width:34em;margin:20px auto 0;font-size:20px}.ausklang .knoepfe{justify-content:center}.textseite{padding:40px 0 96px}.textseite .innen>*{max-width:760px}.textseite h1{font-size:clamp(36px,5vw,56px);font-weight:800}.textseite h2{margin-top:48px;font-size:26px;font-stretch:110%}.textseite h3{margin-top:28px;font-size:20px;font-stretch:105%}.textseite p,.textseite ul,.textseite address{margin-top:14px}.textseite address{font-style:normal}.textseite ul{padding-left:1.2em}.textseite li+li{margin-top:6px}.textseite .stand{color:var(--grau);margin-top:48px;font-size:15px}.fuss{color:var(--grau);border-top:1px solid var(--nebel);padding:36px 0;font-size:15px}.fuss .innen{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.fuss ul{flex-wrap:wrap;gap:8px 24px;padding:0;list-style:none;display:flex}@media (max-width:1100px) and (min-width:901px){.karten,.mehr ul,.vereine ul{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){:root{--rand:18px}body{font-size:17px}.leiste ul{display:none}section{padding:72px 0}.held{padding-top:32px;padding-bottom:90px}.held .einleitung{font-size:18px}.buehne{margin-top:40px}.buehne .tablet{border-radius:20px;width:100%;padding:7px}.buehne .tablet img{border-radius:14px}.buehne .handy{border-radius:24px;width:130px;padding:5px;bottom:-50px;right:-6px}.buehne .handy img{border-radius:19px}.stempel{width:90px;top:-50px;right:4px}.kann{padding-top:64px}.karten,.mehr ul,.vereine ul{grid-template-columns:1fr}.haltung .innen,.hilfe .innen,.stuetzen .innen{grid-template-columns:1fr;gap:24px}.etappe{grid-template-columns:1fr;gap:12px;padding:28px 22px}.etappe h3{font-size:30px}.liste{grid-template-columns:1fr;gap:28px}.fuer ul{gap:6px 22px;font-size:18px}.geschichte{grid-template-columns:1fr;gap:0}.geschichte .klebt{z-index:1;background:var(--papier);order:-1;height:auto;padding:12px 0 40px;top:0}.schirm .tablet{border-radius:18px;padding:6px}.schirm .ebene{border-radius:13px;inset:6px}.schirm .handy-ebene{bottom:-30px;right:-6px}.schirm .handy-ebene .handy{border-radius:20px;width:100px;padding:4px}.schirm .handy-ebene .handy img{border-radius:16px}.kapitel{min-height:60vh}.kapitel p{font-size:18px}.kapitel:last-child{min-height:40vh}.fragen dl{grid-template-columns:1fr}}@media (prefers-reduced-motion:no-preference){.strich{stroke-dasharray:120;stroke-dashoffset:120px;animation:.35s ease-out forwards zeichnen}.strich:nth-of-type(2){animation-delay:.25s}.strich:nth-of-type(3){animation-delay:.5s}.strich:nth-of-type(4){animation-delay:.75s}.strich:nth-of-type(5){animation-delay:1.05s}@keyframes zeichnen{to{stroke-dashoffset:0}}}@media (prefers-reduced-motion:reduce){.kapitel,.schirm .ebene,.schirm .handy-ebene{transition:none}}.anleitung{padding-bottom:96px}.wegwahl{padding:40px 0 0}.wegwahl h2{font-size:clamp(28px,3vw,38px)}.wege{grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;display:grid}.weg{text-align:left;font:inherit;color:var(--tinte);background:var(--papier);cursor:pointer;border:2px solid #d5dceb;border-radius:26px;flex-direction:column;gap:6px;padding:26px 28px;transition:border-color .2s,box-shadow .2s;display:flex}.weg:hover{border-color:var(--blau)}.weg strong{color:var(--blau);font-size:26px;font-weight:800;font-stretch:115%}.weg-unter{color:var(--grau)}.weg-punkte{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.weg-punkte span{background:var(--nebel);color:var(--blau);border-radius:999px;padding:4px 12px;font-size:15px;font-weight:600}.weg.gewaehlt{border-color:var(--blau);box-shadow:0 0 0 4px #1f3f8f1f}.weg.gewaehlt:after{content:"Gewählt ✓";color:var(--bernstein);align-self:flex-start;margin-top:10px;font-size:15px;font-weight:700}.wegwahl-tipp{color:var(--grau);margin-top:14px;font-size:17px}.fortschritt{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--nebel);background:#fffffff0;align-items:center;gap:16px;margin-top:40px;padding:14px 20px;display:flex;position:sticky;top:0}.fortschritt-striche{flex:none;width:62px;height:48px}.fortschritt-striche path{stroke:#d5dceb;transition:stroke .3s}.fortschritt-striche path.an{stroke:var(--blau)}.fortschritt-striche path.quer.an{stroke:var(--bernstein)}.fortschritt strong{color:var(--blau)}.zuruecksetzen{font:inherit;color:var(--grau);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:15px;font-weight:600;text-decoration:underline}.schritte{gap:22px;margin-top:28px;padding:0;list-style:none;display:grid}.schritt{background:var(--papier);border:1px solid #dfe5f0;border-radius:28px;min-width:0;padding:32px 36px}.schritt.fertig{background:#f7f9fc}.schritt-kopf{grid-template-columns:auto 1fr auto;align-items:center;gap:18px;display:grid}.schritt-nr{background:var(--blau);color:#fff;border-radius:50%;place-items:center;width:46px;height:46px;font-size:20px;font-weight:800;display:grid}.schritt.fertig .schritt-nr{background:var(--bernstein);color:var(--tinte)}.schritt h3{font-size:clamp(24px,2.4vw,30px);font-weight:800}.schritt-dauer{color:var(--grau);font-size:15px;font-weight:600}.abhaken{font:inherit;border:2px solid var(--blau);color:var(--blau);cursor:pointer;background:0 0;border-radius:999px;padding:10px 18px;font-size:16px;font-weight:700}.abhaken[aria-pressed=true]{background:var(--bernstein);border-color:var(--bernstein);color:var(--tinte)}.schritt-inhalt{max-width:46em;margin-top:20px}.schritt-inhalt>*+*{margin-top:14px}.schritt-inhalt code,.danach code,.probleme code{background:var(--nebel);border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.aufzaehlung{padding-left:1.2em}.aufzaehlung li+li{margin-top:8px}.merke{background:#fff6dd;border-radius:16px;padding:14px 18px;font-size:17px}.probleme{border-top:1px solid var(--nebel);margin-top:24px;padding-top:16px}.probleme h4{color:var(--grau);font-size:17px}.probleme details{background:var(--nebel);border-radius:14px;margin-top:8px}.probleme summary{cursor:pointer;color:var(--blau);padding:12px 16px;font-weight:700}.probleme details>div{padding:0 16px 14px}.danach{background:var(--nebel);border-radius:28px;margin-top:36px;padding:32px 36px}.danach h3{font-size:26px;font-weight:800}.danach>*+*{margin-top:14px}.werte{background:var(--nebel);border-radius:22px;padding:24px}.werte-hinweis{color:var(--grau);margin-top:10px;font-size:15px}.werte dl{gap:16px;margin-top:18px;display:grid}.wert dt{color:var(--blau);font-weight:800}.wert-text{color:var(--grau);font-size:16px;display:block}.wert-zeile{align-items:center;gap:10px;margin-top:6px;display:flex}.wert-feld{overflow-wrap:anywhere;background:var(--papier);border-radius:12px;flex:1;min-width:0;padding:10px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px}.werte .merke{margin-top:18px}.kopieren{font:inherit;background:var(--blau);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:999px;padding:10px 16px;font-size:15px;font-weight:700}.kopieren:disabled{opacity:.45;cursor:default}.code-block{position:relative}.code-block pre{background:var(--tinte);color:#e3e9f6;border-radius:18px;padding:20px;font-size:14px;line-height:1.5;overflow-x:auto}.code-block .kopieren{background:var(--bernstein);color:var(--tinte);position:absolute;top:12px;right:12px}.szene{max-width:560px}.fenster{background:var(--papier);border:1px solid #dfe5f0;border-radius:18px;overflow:hidden;box-shadow:0 24px 50px -24px #12203d73}.fenster-leiste{background:var(--nebel);align-items:center;gap:12px;padding:10px 14px;display:flex}.punkte{gap:6px;display:flex}.punkte i{background:#c6cfe0;border-radius:50%;width:10px;height:10px}.adresse{background:var(--papier);color:var(--grau);white-space:nowrap;border-radius:999px;flex:1;padding:4px 14px;font-size:14px;overflow:hidden}.adresse b{color:var(--bernstein);font-weight:800}.fenster-inhalt{min-height:190px;padding:20px 22px 22px;position:relative}.sz-liste{gap:10px;padding:0;list-style:none;display:grid}.sz-zeile{align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.sz-haken{background:var(--blau);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:13px;display:grid}.sz-deploy{background:var(--tinte);color:#fff;border-radius:10px;padding:8px 18px;font-size:15px;font-weight:700;position:absolute;bottom:20px;right:22px}.sz-zeiger{width:26px;height:26px;fill:var(--tinte);stroke:#fff;stroke-width:1.5px;position:absolute;bottom:6px;right:40px}.sz-formular{gap:8px;max-width:280px;display:grid}.sz-formular strong{color:var(--tinte);font-size:18px}.sz-formular span{background:var(--nebel);color:var(--grau);border-radius:8px;padding:6px 10px;font-size:13px}.sz-formular em{background:var(--blau);color:#fff;text-align:center;border-radius:999px;padding:6px 12px;font-size:13px;font-style:normal;font-weight:700}.terminal{background:var(--tinte);color:#e3e9f6;border-radius:16px;padding:18px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.7;overflow:hidden;box-shadow:0 24px 50px -24px #12203d73}.sz-befehl{color:#fff;overflow-wrap:anywhere}.sz-ausgabe{color:#9fb0d4;overflow-wrap:anywhere}.sz-ausgabe.markiert{color:var(--bernstein);font-weight:700}@media (prefers-reduced-motion:no-preference){.szene .z1 .sz-haken{animation:8s infinite sz-haken1}.szene .z2 .sz-haken{animation:8s infinite sz-haken2}.szene .z3 .sz-haken{animation:8s infinite sz-haken3}.szene .sz-deploy{animation:8s infinite sz-deploy}.szene .sz-zeiger{animation:8s infinite sz-zeiger}.adresse .sz-tippen{vertical-align:bottom;white-space:nowrap;animation:8s steps(11,end) infinite sz-adresse;display:inline-block;overflow:hidden}.sz-formular{animation:8s infinite sz-einblenden}.sz-befehl .sz-tippen{vertical-align:bottom;white-space:nowrap;animation:sz-befehl 8s infinite steps(var(--zeichen,20));display:inline-block;overflow:hidden}.terminal .sz-ausgabe{animation:8s infinite sz-einblenden-spaet}@keyframes sz-haken1{0%,10%{opacity:0;transform:scale(.4)}16%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes sz-haken2{0%,26%{opacity:0;transform:scale(.4)}32%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes sz-haken3{0%,42%{opacity:0;transform:scale(.4)}48%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes sz-deploy{0%,68%{background:var(--tinte);transform:none}72%,80%{background:var(--blau);transform:scale(.94)}86%,to{background:var(--blau);transform:none}}@keyframes sz-zeiger{0%,50%{opacity:0;transform:translate(-260px,-120px)}54%{opacity:1}68%{transform:none}72%{transform:scale(.85)}76%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes sz-adresse{0%,12%{max-width:0}45%,to{max-width:11ch}}@keyframes sz-einblenden{0%,50%{opacity:0;transform:translateY(12px)}60%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes sz-befehl{0%,8%{max-width:0}45%,to{max-width:calc(var(--zeichen,20) * 1ch)}}@keyframes sz-einblenden-spaet{0%,55%{opacity:0}62%,94%{opacity:1}to{opacity:0}}}@media (max-width:900px){.wege{grid-template-columns:1fr}.schritt,.danach{border-radius:22px;padding:24px 20px}.schritt-kopf{grid-template-columns:auto 1fr}.abhaken{grid-column:1/-1;justify-self:start}.fortschritt{margin-left:calc(var(--rand) * -1);margin-right:calc(var(--rand) * -1);padding:10px var(--rand)}.wert-zeile{flex-direction:column;align-items:stretch}}