:root{--indigo: #164AA6;--indigo-dunkel: #163F88;--blau: var(--indigo);--blau-dunkel: var(--indigo-dunkel);--blau-hell: #3566DB;--marine: #17376F;--schiefer: #4A5468;--feldrahmen: #7E8796;--platzhalter: #8C939F;--violett: #8B3BB3;--rot: #BA230B;--aktion: #742E96;--aktion-dunkel: #61287B;--rot-hell: #F24B2A;--achtung: #99200F;--grund: #F3F4F6;--linie: #E1E4EA;--weiss: #FFFFFF;--verlauf: linear-gradient(90deg, var(--blau-hell), var(--violett) 55%, var(--rot-hell));--verlauf-kreis: linear-gradient(135deg, var(--blau-hell), var(--violett) 55%, var(--rot-hell));--kopf: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--tour-dauer: 7s}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--grund);color:var(--marine);font:400 17px/1.5 var(--text)}img{max-width:100%;height:auto}a{color:var(--blau);text-underline-offset:3px}a:hover{color:var(--blau-dunkel)}:focus-visible{outline:3px solid var(--blau);outline-offset:2px;border-radius:4px}h1,h2,h3{font-family:var(--kopf);margin:0;color:var(--indigo)}strong,b{font-weight:600}.huelle{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}@media(min-width:900px){.huelle{padding:0 40px}}.sprungmarke{position:absolute;left:-9999px}.sprungmarke:focus{left:16px;top:8px;z-index:50;padding:12px 16px;background:var(--weiss);border-radius:12px}.kopf{position:sticky;top:0;z-index:30;background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 24px -18px #17376f59}.kopf .huelle{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}.kopf img{display:block;width:104px;height:36px}.kopf nav{display:flex;align-items:center;gap:clamp(12px,2vw,24px)}.kopf .nav-link{display:none;font-size:15px;font-weight:500;color:var(--schiefer);text-decoration:none;white-space:nowrap}.kopf .nav-link:hover{color:var(--blau)}.kopf-knopf{display:none;align-items:center;min-height:44px;padding:0 16px;border-radius:12px;background:var(--aktion);color:var(--weiss);font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:0 1px 2px #17376f26}.kopf-knopf:hover{background:var(--aktion-dunkel);color:var(--weiss)}@media(min-width:900px){.kopf .nav-link{display:inline}.kopf-knopf{display:inline-flex}}.kopf .zurueck{font-size:15px;font-weight:500;color:var(--schiefer);text-decoration:none}.kopf .zurueck:hover{color:var(--blau)}.aufmacher{padding:28px 0 40px;background:linear-gradient(180deg,#fff 0,#fff0 80px),radial-gradient(120% 60% at 100% 0%,#f24b2a1f,#8b3bb312 45%,#8b3bb300 75%),radial-gradient(90% 45% at 0% 0%,#3566db12,#3566db00 70%),linear-gradient(180deg,#eceaf5,#f3f4f6 520px)}@media(min-width:900px){.aufmacher{background:none}.kopfbereich{background-color:var(--grund);background-image:linear-gradient(180deg,#fff 0,#fff0 120px),url(./hintergrund-1600-DIb6ijQx.webp);background-image:linear-gradient(180deg,#fff 0,#fff0 120px),-webkit-image-set(url(./hintergrund-1600-DIb6ijQx.webp) 1x,url(./hintergrund-3200-gNFVkLtt.webp) 2x);background-image:linear-gradient(180deg,#fff 0,#fff0 120px),image-set(url(./hintergrund-1600-DIb6ijQx.webp) 1x,url(./hintergrund-3200-gNFVkLtt.webp) 2x);background-position:center top;background-size:100% auto;background-repeat:no-repeat}}.aufmacher .huelle{display:flex;flex-direction:column;gap:24px}.dachzeile{margin:0 0 10px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--blau)}.zusammen{white-space:nowrap}.aufmacher h1{font-size:30px;line-height:1.15;font-weight:700;letter-spacing:-.015em;color:var(--indigo)}.pilot{display:inline-flex;gap:8px;align-items:center;margin:18px 0 0;padding:7px 14px 7px 10px;border-radius:999px;background:#f5edfa;font-size:14px;font-weight:600;line-height:1.35;color:var(--aktion)}.pilot svg{flex:none;width:18px;height:18px;color:var(--aktion)}.nutzen{margin:24px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:18px}.nutzen li{display:flex;gap:12px;align-items:flex-start}.nutzen li strong{display:block;margin-bottom:2px;font-size:18px;line-height:1.3;font-weight:700;color:var(--marine)}.nutzen li>span{font-size:15px;line-height:1.45;font-weight:400;color:var(--schiefer)}.nutzen svg{flex:none;margin-top:2px;color:var(--aktion)}@media(min-width:900px){.nutzen{gap:22px}.nutzen li strong{font-size:21px}.nutzen li>span{font-size:16px}.nutzen svg{margin-top:3px}.aufmacher{padding:56px 0 40px}.aufmacher .formularkarte{max-width:640px}.aufmacher h1{font-size:50px;line-height:1.08}}@media(min-width:1100px){.aufmacher .huelle{flex-direction:row;align-items:flex-start;gap:48px}.aufmacher .text{flex:1 1 0;min-width:0;padding-top:24px}.aufmacher .formularkarte{flex:0 1 560px;min-width:460px;max-width:none}.aufmacher h1{font-size:clamp(40px,3.9vw,50px)}}.formularkarte{background:var(--weiss);border-radius:16px;padding:28px 20px 24px;box-shadow:inset 0 4px 0 var(--aktion),0 8px 30px #17376f1a}@media(min-width:900px){.formularkarte{padding:32px 28px 28px}}.formularkarte h2{font-size:22px;line-height:1.2;font-weight:600}@media(min-width:900px){.formularkarte h2{font-size:24px}}.formularkarte .einleitung{margin:6px 0 20px;font-size:16px;color:var(--schiefer)}form{display:flex;flex-direction:column;gap:14px}.paar{display:grid;gap:14px}@media(min-width:900px){.paar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.paar.einzeln{grid-template-columns:1fr}}.feld label{display:block;font-weight:600}@media(min-width:900px){.feld label{font-size:16px}}.feld .optional{font-size:14px;font-weight:400;color:var(--schiefer)}.eingabe{display:block;width:100%;height:56px;margin-top:6px;padding:0 16px;font:400 18px var(--text);color:var(--marine);background:var(--weiss);border:1px solid var(--feldrahmen);border-radius:12px;outline:none;transition:border-color .15s,box-shadow .15s}@media(min-width:900px){.eingabe{padding:0 14px;font-size:17px}}.eingabe::-moz-placeholder{font-size:14px;color:var(--platzhalter);opacity:1}.eingabe::placeholder{font-size:14px;color:var(--platzhalter);opacity:1}.eingabe:focus{border-color:var(--blau);box-shadow:0 0 0 2px #164aa647}.eingabe[aria-invalid=true]{border-color:var(--achtung);box-shadow:0 0 0 1px var(--achtung)}.fehlermeldung{display:flex;gap:6px;align-items:flex-start;margin:6px 0 0;font-size:14px;font-weight:400;line-height:1.4;color:var(--achtung)}.fehlermeldung[hidden]{display:none}.fehlermeldung svg{flex:none;width:14px;height:14px;margin-top:2px}.einwilligung{display:flex;flex-direction:column;gap:12px;margin-top:2px;padding-top:14px;border-top:1px solid var(--linie)}.kaestchen{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--schiefer);cursor:pointer}.kaestchen input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--indigo)}.hinweis-klein{margin:0;font-size:14px;line-height:1.5;color:var(--schiefer)}.hauptknopf{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;padding:0 24px;border:0;border-radius:12px;background:var(--aktion);color:var(--weiss);font:600 17px var(--text);letter-spacing:.01em;text-decoration:none;cursor:pointer}.hauptknopf:hover{background:var(--aktion-dunkel);color:var(--weiss)}.hauptknopf[aria-disabled=true]{opacity:.7;cursor:progress}.formfehler{margin:0;padding:12px 14px;border:2px solid var(--achtung);border-radius:16px;background:var(--weiss);font-size:14px;font-weight:400;color:var(--achtung)}.formfehler[hidden]{display:none}.spamfalle{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.bestaetigung{display:flex;flex-direction:column;gap:12px}.bestaetigung[hidden]{display:none}.bestaetigung svg{color:var(--aktion)}.bestaetigung p{margin:0;color:var(--schiefer)}.abschnitt{padding:56px 0}.abschnitt .dachzeile{margin-bottom:8px}.abschnitt.weiss{background:var(--weiss)}.ton-produkt{background:radial-gradient(60% 55% at 100% 0%,rgba(53,102,219,.07),transparent 70%),var(--weiss)}.ton-vertrauen{background:radial-gradient(55% 70% at 0% 0%,rgba(139,59,179,.08),transparent 70%),radial-gradient(45% 60% at 100% 100%,rgba(53,102,219,.07),transparent 70%),var(--grund)}.ton-pilot{background:radial-gradient(55% 65% at 100% 100%,rgba(242,75,42,.05),transparent 70%),radial-gradient(45% 55% at 0% 0%,rgba(139,59,179,.05),transparent 70%),var(--weiss)}.ton-team{background:radial-gradient(55% 60% at 100% 0%,rgba(139,59,179,.07),transparent 70%),radial-gradient(50% 60% at 0% 100%,rgba(53,102,219,.07),transparent 70%),var(--grund)}@media(min-width:900px){.abschnitt{padding:80px 0}}.abschnitt h2{font-size:26px;line-height:1.2;font-weight:700;color:var(--indigo)}@media(min-width:900px){.abschnitt h2{font-size:34px}}.abschnitt h2+.raster,.abschnitt h2+.tour,.abschnitt h2+picture{margin-top:28px}.abschnitt .einleitung{max-width:680px;margin:10px 0 28px;font-size:17px;color:var(--schiefer)}.raster{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}@media(min-width:900px){.raster.drei{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.raster.zwei{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media(min-width:640px){.raster.vier{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media(min-width:1040px){.raster.vier{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}.karte{background:var(--weiss);border:1px solid var(--linie);border-radius:16px;padding:24px}.abschnitt.weiss .karte{background:var(--grund);border-color:transparent}.karte h3,.fakt h3,.schritte h3,.tafel h3,.faehigkeit h3{font-size:18px;line-height:1.3;font-weight:600;color:var(--marine)}@media(min-width:900px){.karte h3,.fakt h3,.schritte h3,.tafel h3,.faehigkeit h3{font-size:20px}}.karte p,.fakt p,.schritte li p,.faehigkeit>p{margin:6px 0 0;font-size:16px;line-height:1.55;color:var(--schiefer)}.tour{display:grid;gap:20px}@media(min-width:900px){.tour{grid-template-columns:300px minmax(0,1fr);gap:12px 40px;align-items:start}}.tour-reiter{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}@media(min-width:900px){.tour-reiter{grid-template-columns:minmax(0,1fr);gap:10px}}.tour-reiter button{--farbe: var(--indigo);position:relative;overflow:hidden;display:flex;gap:12px;align-items:center;min-height:56px;padding:10px 14px;border:1px solid var(--linie);border-radius:12px;background:var(--weiss);font:inherit;color:var(--marine);text-align:left;cursor:pointer}@media(min-width:900px){.tour-reiter button{padding:16px 18px}}.tour-reiter button:hover{border-color:var(--feldrahmen)}.tour-reiter .reiter-blau{--farbe: var(--blau-hell)}.tour-reiter .reiter-rot{--farbe: var(--rot)}.tour-reiter button[aria-selected=true]{border-color:var(--farbe);box-shadow:0 0 0 1px var(--farbe);background:var(--weiss)}.tour-reiter .nr{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:24px;background:var(--grund);font-size:14px;font-weight:600}.tour-reiter [aria-selected=true] .nr{background:var(--farbe);color:var(--weiss)}.tour-reiter .titel{min-width:0;max-width:100%}.tour-reiter .titel strong{display:block;font-size:16px;line-height:1.25}.tour-reiter .titel span{display:none;font-size:14px;color:var(--schiefer)}@media(min-width:900px){.tour-reiter .titel strong{font-size:18px}.tour-reiter .titel span{display:block;margin-top:2px}}.tour-reiter .fortschritt{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--farbe);transform:scaleX(0);transform-origin:left}.tour.laeuft [aria-selected=true] .fortschritt{animation:tour-fortschritt var(--tour-dauer) linear forwards}.tour.angehalten [aria-selected=true] .fortschritt{animation-play-state:paused}@keyframes tour-fortschritt{to{transform:scaleX(1)}}.tour-buehne{min-width:0}.tour-tafel[hidden]{display:none}.tour-tafel{animation:tour-einblenden .45s ease both}@keyframes tour-einblenden{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.faehigkeit{--farbe: var(--indigo);max-width:640px;overflow:hidden;padding:20px 20px 0;border:1px solid var(--linie);border-radius:16px;background:var(--weiss);box-shadow:0 8px 28px #17376f14}@media(min-width:900px){.faehigkeit{padding:24px 24px 0}}.faehigkeit-blau{--farbe: var(--blau-hell)}.faehigkeit-rot{--farbe: var(--rot)}.faehigkeit-kopf{display:flex;gap:10px;align-items:center}.faehigkeit-kopf .nr{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:24px;background:var(--farbe);color:var(--weiss);font-size:14px;font-weight:600}.faehigkeit>p{margin-top:8px}.faehigkeit .beispiel{margin-top:12px;font-size:15px;line-height:1.45;color:var(--marine)}.faehigkeit .beispiel .marke{display:block;margin-bottom:2px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--farbe)}.faehigkeit .fenster{margin:18px -20px 0;padding:14px 14px 0;border-top:1px solid var(--linie);background:var(--grund)}@media(min-width:900px){.faehigkeit .fenster{margin:20px -24px 0;padding:18px 18px 0}}.faehigkeit .fenster img{display:block;width:100%;height:auto;border-radius:10px 10px 0 0;box-shadow:0 4px 16px #17376f1a}@media(min-width:900px){.faehigkeit .fenster img{max-width:500px;margin:0 auto}}.tour-links{display:flex;flex-direction:column;gap:8px;min-width:0}.tour-pause{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 4px;border:0;background:none;font:600 15px var(--text);color:var(--blau);cursor:pointer}.tour-pause[hidden]{display:none}@media(prefers-reduced-motion:reduce){.tour-tafel{animation:none}}.fakt{--farbe: var(--indigo);padding:22px 20px;border:1.5px solid var(--farbe);border-radius:16px;background:var(--weiss)}.fakt-violett{--farbe: var(--violett)}.fakt-marine{--farbe: var(--blau-hell)}.faktsymbol{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:24px;background:var(--verlauf-kreis);color:var(--weiss)}.fakt h3{margin-top:14px}.liste{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.liste li{display:flex;gap:12px;align-items:flex-start;line-height:1.45}.liste svg{flex:none;margin-top:2px;color:var(--blau)}.tafel{--farbe: var(--blau-hell);padding:24px;border-top:4px solid var(--farbe);border-radius:16px;background:var(--weiss);box-shadow:0 6px 24px #17376f0f}@media(min-width:900px){.tafel{padding:32px}}.tafel-violett{--farbe: var(--violett)}.abschnitt.weiss .tafel{background:var(--grund);box-shadow:none}.tafel .liste svg{color:var(--farbe)}.tafel .liste{margin-top:14px}.liste li{font-size:16px}.abschnitt picture{display:block}.gruppenbild{display:block;width:100%;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 30%;object-position:50% 30%;border-radius:16px}@media(min-width:900px){.gruppenbild{aspect-ratio:4 / 1;-o-object-position:50% 28%;object-position:50% 28%}}.abschnitt.weiss .karte.person{background:var(--weiss);border-color:var(--linie)}.person-kopf{display:flex;gap:14px;align-items:center}.person .portraet{flex:none;width:64px;height:64px;padding:3px;border-radius:50%;background:var(--verlauf)}@media(min-width:900px){.person .portraet{width:72px;height:72px}}.person .rolle{margin:2px 0 0;font-size:14px;font-weight:600;line-height:1.4;color:var(--blau-hell)}.person>p{margin-top:14px}.schritte{background:radial-gradient(60% 80% at 100% 0%,rgba(242,75,42,.12),rgba(139,59,179,.07) 45%,transparent 75%),radial-gradient(50% 70% at 0% 100%,rgba(53,102,219,.09),transparent 70%),linear-gradient(180deg,#F6F1F8 0,var(--grund) 100%)}.schritte ul{margin:0;padding:0;list-style:none}.schritte li{padding:24px;border-radius:16px;background:var(--weiss);box-shadow:0 6px 24px #17376f0f}.schritte .symbol{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:14px;border-radius:24px;background:var(--verlauf-kreis);color:var(--weiss)}.schritte .hauptknopf{width:auto;margin-top:32px}@media(max-width:899px){.schritte .hauptknopf{display:none}}.fuss{border-top:1px solid var(--linie);background:var(--weiss);font-size:14px;color:var(--schiefer)}.fuss .huelle{display:flex;flex-wrap:wrap;align-items:center;gap:0 16px;padding-top:12px;padding-bottom:12px}.fuss span{padding:12px 0}.fuss a{display:inline-block;padding:12px 0;color:var(--schiefer)}.fuss a:hover{color:var(--indigo)}.fest-cta{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:#fffffff7;border-top:1px solid var(--linie);box-shadow:0 -6px 20px #17376f1a;transform:translateY(110%);transition:transform .2s ease}.fest-cta.sichtbar{transform:none}@media(prefers-reduced-motion:reduce){.fest-cta{transition:none}}@media(min-width:900px){.fest-cta{display:none}}@media(max-width:899px){body.mit-fest-cta .fuss{padding-bottom:84px}}.rechtstext-seite{padding:32px 0 64px}.rechtstext-seite h1{margin:0 0 24px;font-size:30px;line-height:1.15;font-weight:700}@media(min-width:900px){.rechtstext-seite h1{font-size:40px}}#legal-body{max-width:52rem;padding:24px;border:1px solid var(--linie);border-radius:16px;background:var(--weiss);font-size:16px;line-height:1.65}#legal-body h2{margin:1.6rem 0 .3rem;font-size:17px;font-weight:600;line-height:1.35}#legal-body h2:first-child{margin-top:0}#legal-body p{margin:0 0 .75rem;overflow-wrap:anywhere}.rechtstext-wege{margin-top:24px;font-size:15px}.rechtstext-wege .punkt{margin:0 .5rem;color:var(--schiefer)}.tour-punkte{display:none}@media(max-width:899px){.tour .tour-links{display:none}.tour-buehne{display:flex;gap:12px;margin:0 -16px;padding:4px 16px 12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tour-buehne::-webkit-scrollbar{display:none}.tour .tour-tafel[hidden]{display:block}.tour-tafel{flex:0 0 86%;scroll-snap-align:start;animation:none}.tour-tafel .faehigkeit{height:100%;box-shadow:0 4px 16px #17376f14}.tour-punkte{display:flex;justify-content:center;gap:4px;margin-top:-14px}.tour-punkte button{position:relative;width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer}.tour-punkte button:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--feldrahmen);transition:width .2s,margin .2s,background .2s}.tour-punkte button[aria-current=true]:after{width:24px;margin-left:-12px;border-radius:5px;background:var(--indigo)}}@media(max-width:899px)and (prefers-reduced-motion:reduce){.tour-punkte button:after{transition:none}}.tour-daten{margin:0;font-size:13px;text-align:center;color:var(--schiefer)}@media(min-width:900px){.tour-daten{grid-column:2;text-align:left}}@media(max-width:899px){body{font-size:16px}.dachzeile{font-size:12px}.aufmacher h1{font-size:26px}.abschnitt h2{font-size:22px}.formularkarte h2{font-size:20px}.karte h3,.fakt h3,.schritte h3,.tafel h3,.faehigkeit h3,.person h3{font-size:17px}.abschnitt .einleitung{font-size:16px}.formularkarte .einleitung{font-size:14px}.nutzen li strong{font-size:17px}.nutzen li>span{font-size:14px}.karte p,.fakt p,.schritte li p,.faehigkeit>p,.liste li{font-size:15px}.feld label{font-size:15px}.feld .optional{font-size:13px}.eingabe,.hauptknopf{font-size:16px}.hinweis-klein,.kaestchen,.fehlermeldung,.formfehler,.pilot{font-size:13px}.faehigkeit .beispiel{font-size:14px}.faehigkeit .beispiel .marke{font-size:11px}.person .rolle,.fuss{font-size:13px}}
