@font-face{font-family:League Spartan;src:url(/fonts/league-spartan-latin-700-normal.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:League Spartan;src:url(/fonts/league-spartan-latin-800-normal.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/dm-sans-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/dm-sans-latin-500-normal.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/dm-sans-latin-600-normal.woff2)format("woff2");font-weight:600;font-display:swap}:root{--nacht:#141216;--nacht-2:#1e1b22;--kalk:#fbf6f0;--tinte:#17141a;--grau:#5d5660;--grau-hell:#b5adb8;--linie-hell:#e6dcd1;--linie-dunkel:#37323d;--pink:#ff5fbf;--koralle:#ff8f7a;--orange:#ffb36b;--gelb:#ffde59;--verlauf:linear-gradient(100deg,var(--pink),var(--koralle) 45%,var(--orange) 70%,var(--gelb));--kopf:"League Spartan",system-ui,sans-serif;--text:"DM Sans",system-ui,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-stopped{overflow:clip}body{background:var(--nacht);color:#fff;font:400 17px/1.55 var(--text);margin:0;overflow-x:clip}img,canvas,svg{max-width:100%;display:block}a{color:inherit}h1,h2,h3{font-family:var(--kopf);letter-spacing:-.02em;margin:0;font-weight:800}h1{font-size:clamp(46px,5.5vw,80px);line-height:.98}h2{text-wrap:balance;max-width:24ch;font-size:clamp(32px,3.6vw,52px);line-height:1.04}h3{letter-spacing:-.01em;font-size:22px;font-weight:700;line-height:1.15}p{margin:0}.verlauf{background:var(--verlauf);color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.04em}.rahmen{width:min(1240px,100%);margin-inline:auto;padding-inline:clamp(20px,4vw,40px)}.dach{font:600 14px/1.2 var(--text);letter-spacing:.02em;margin-bottom:14px;color:#b8326f!important}.dach-hell{color:var(--orange)!important}.dach-dunkel{color:var(--tinte)!important}.sprung{color:var(--tinte);z-index:100;background:#fff;border-radius:8px;padding:10px 16px;position:absolute;top:-60px;left:12px}.sprung:focus{top:12px}:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.knopf{background:var(--gelb);min-height:50px;color:var(--tinte);font:600 16px/1 var(--text);cursor:pointer;white-space:nowrap;border:0;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:0 26px;text-decoration:none;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.knopf:hover{background:var(--koralle)}.knopf-rand{color:#fff;background:0 0;box-shadow:inset 0 0 0 1.5px #fff5}.knopf-rand:hover{background:#ffffff1a}.knopf-klein{min-height:42px;padding:0 20px;font-size:15px}.knopf-dunkel{background:var(--tinte);color:#fff}.knopf-dunkel:hover{background:#3a3440}.knoepfe{flex-wrap:wrap;gap:12px;display:flex}.kopf{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#141216d9;border-bottom:1px solid #ffffff14;align-items:center;gap:28px;height:72px;padding-inline:clamp(20px,4vw,40px);display:flex;position:fixed;inset:0 0 auto}.marke{color:var(--orange);align-items:center;gap:10px;margin-right:auto;display:flex}.marke-tier{width:36px;height:30px}.marke img{width:124px;height:auto}.menue{gap:24px;display:flex}.menue a{color:#ddd6e0;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.menue a:hover{color:var(--orange)}.burger{cursor:pointer;background:0 0;border:0;width:44px;height:44px;padding:12px;display:none}.burger span{background:#fff;height:2px;margin:6px 0;display:block}.mobil{z-index:49;background:var(--nacht);flex-direction:column;padding:24px 20px;display:flex;position:fixed;inset:72px 0 0}.mobil[hidden]{display:none}.mobil a{font:700 30px/1 var(--kopf);border-bottom:1px solid var(--linie-dunkel);padding:15px 0;text-decoration:none}.menue-offen{overflow:hidden}.held{isolation:isolate;background:var(--nacht);padding-top:72px;position:relative;overflow:hidden}.held-licht{pointer-events:none;background:radial-gradient(closest-side,#ff5fbf52,#ff8f7a2e 45%,#0000 72%);width:68vw;height:90%;position:absolute;top:2%;right:-8%}.held-licht:after{content:"";background:radial-gradient(closest-side,#ffde5940,#0000 75%);width:48%;height:58%;position:absolute;bottom:6%;right:8%}.held-innen{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);align-items:center;gap:24px;width:min(1400px,100%);min-height:min(100svh - 200px,700px);margin-inline:auto;padding-inline:clamp(20px,4vw,40px);display:grid;position:relative}.held-text{z-index:3;padding-block:44px;position:relative}.held-satz{color:#e4dee6;max-width:37em;margin:22px 0 28px;font-size:clamp(17px,1.35vw,20px)}.held-buehne{align-self:stretch;min-height:560px;position:relative}#tier3d{z-index:1;width:122%;height:104%;position:absolute;top:-4%;left:-14%}.tier-ersatz{width:92%;color:var(--orange);z-index:1;display:none;position:absolute;inset:6% 0 auto}.kein-3d #tier3d{display:none}.kein-3d .tier-ersatz{display:block}.held-foto{z-index:2;filter:drop-shadow(0 0 1px #ffffff40)drop-shadow(0 0 34px #ff8f7a30);width:min(74%,500px);height:auto;position:absolute;bottom:0;right:-2%}.schild,.schwebe{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1b22cc;border:1px solid #fff2;border-radius:16px;padding:12px 18px;position:absolute}.schild{flex-direction:column;display:flex;bottom:6%;right:0}.schild strong{font:700 19px/1.15 var(--kopf)}.schild span{color:#d8d0da;font-size:14px}.schwebe{flex-direction:column;animation:7s ease-in-out infinite schweben;display:flex}.schwebe strong{font:800 28px/1 var(--kopf);color:var(--gelb)}.schwebe span{color:#d8d0da;margin-top:3px;font-size:13px}.schwebe-a{bottom:6%;left:0}.schwebe-b{animation-delay:-3s;bottom:6%;left:202px}@keyframes schweben{50%{transform:translateY(-10px)}}.logos{z-index:3;background:var(--nacht);border-top:1px solid #ffffff18;padding:20px 0 62px;position:relative}.logos p{text-align:center;color:var(--grau-hell);margin-bottom:16px;font-size:14px}.logos-fenster{overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.logos-spur{align-items:center;gap:72px;width:max-content;animation:42s linear infinite band;display:flex}.logos-spur img{filter:brightness(0)invert();opacity:.78;width:auto;max-width:none}.logos-fenster:hover .logos-spur{animation-play-state:paused}@keyframes band{to{transform:translate(calc(-50% - 36px))}}.flaeche{padding-block:clamp(60px,6.6vw,92px);position:relative}.hell{background:var(--kalk);color:var(--tinte);z-index:2;border-radius:40px;margin-block:-40px}.dunkel{background:var(--nacht);padding-block:calc(clamp(60px,6.6vw,92px) + 40px)}.hell p{color:var(--grau)}.dunkel p{color:#d9d2dc}.warum-kopf{grid-template-columns:1.2fr 1fr;align-items:end;gap:40px;margin-bottom:36px;display:grid}.warum-kopf>p{color:var(--tinte);font-size:19px}.vorteile{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.vorteil{border:1px solid var(--linie-hell);background:#fff;border-radius:20px;padding:24px}.vorteil h3{margin-bottom:10px}.vorteil p{font-size:16px;line-height:1.5}.zahlen{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;display:grid}.zahlen>div{background:var(--nacht);color:#fff;border-radius:20px;align-items:center;gap:18px;padding:22px 24px;display:flex}.zahlen strong{font:800 clamp(38px,3.8vw,54px)/1 var(--kopf);background:var(--verlauf);color:#0000;-webkit-background-clip:text;background-clip:text;flex:none;padding-top:.08em}.zahlen span{color:#d9d2dc;font-size:17px}.rollen{border-top:1px solid var(--linie-dunkel);grid-template-columns:repeat(2,1fr);gap:0 56px;margin-top:30px;display:grid}.rolle{border-bottom:1px solid var(--linie-dunkel);padding:24px 0;text-decoration:none;display:block}.rolle h3{margin-bottom:6px;font-size:clamp(25px,2.4vw,33px);font-weight:800;transition:color .2s}.rolle:hover h3{color:var(--orange)}.schritte{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px;display:grid;position:relative}.fluss{background:linear-gradient(90deg,#e0d3c5 0 30%,var(--pink) 42%,var(--orange) 50%,var(--gelb) 58%,#e0d3c5 70% 100%) 0 0/300% 100%;border-radius:4px;height:4px;animation:5s linear infinite fliessen;position:absolute;top:22px;left:24px;right:calc(33.33% - 40px)}@keyframes fliessen{0%{background-position:100% 0}to{background-position:-50% 0}}.schritt{position:relative}.punkt{background:var(--nacht);width:48px;height:48px;color:var(--gelb);font:800 22px/1 var(--kopf);z-index:1;border-radius:50%;place-items:center;margin-bottom:18px;padding-top:3px;display:grid;position:relative}.schritt h3{margin-bottom:8px;font-size:clamp(26px,2.4vw,34px);font-weight:800}.maerkte-gitter{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:32px;display:grid}.maerkte-gitter h2+p{max-width:32em;margin-top:16px}.chips{flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--linie-dunkel);cursor:default;border-radius:99px;padding:8px 15px;font-size:15px;font-weight:500;transition:color .2s,border-color .2s}.chips li:hover{color:var(--gelb);border-color:var(--gelb)}.karte{aspect-ratio:1.05;min-height:0;position:relative}.karte canvas{width:100%;height:100%;position:absolute;inset:0}.stimmen{grid-template-columns:repeat(6,1fr);gap:16px;margin-top:32px;display:grid}.stimme{border:1px solid var(--linie-hell);background:#fff;border-radius:20px;flex-direction:column;grid-column:span 2;gap:16px;margin:0;padding:26px;display:flex}.stimme blockquote{color:var(--tinte);margin:0;font-size:16.5px;line-height:1.5}.stimme figcaption{color:var(--grau);margin-top:auto;font-size:14.5px}.stimme figcaption strong{color:var(--tinte);font-weight:600;display:block}.stimme-logo{filter:brightness(0);align-self:flex-start;width:auto}.stimme-marke{font:800 20px/1 var(--kopf);color:var(--tinte)!important}.stimme-gross{background:var(--nacht);border-color:var(--nacht);color:#fff;grid-column:span 4}.stimme-gross blockquote{font:700 clamp(21px,2vw,27px)/1.25 var(--kopf);color:#fff;letter-spacing:-.005em}.stimme-gross figcaption{color:#d9d2dc}.stimme-gross figcaption strong{color:#fff}.stimme-gross .stimme-logo{filter:brightness(0)invert()}.stimme-verlauf{background:var(--verlauf);border:0}.stimme-verlauf blockquote{font:700 20px/1.28 var(--kopf)}.stimme-verlauf figcaption{color:#3b2a2f}.team-gitter{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:48px;display:grid}.team-gitter h2+p{margin-top:18px}.team-gitter p+p{margin-top:12px}.personen{grid-template-columns:1fr 1fr;gap:16px;display:grid}.person{background:var(--nacht-2);border:1px solid var(--linie-dunkel);border-radius:20px;padding:12px 12px 20px}.person img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%;height:auto;margin-bottom:14px}.person h3,.person p,.person a{margin-inline:8px}.person p{font-size:15px}.person a{color:var(--orange);margin-top:8px;font-size:15px;font-weight:600;transition:color .2s;display:inline-block}.person a:hover{color:var(--gelb)}.kandidaten{z-index:2;background:var(--verlauf);color:var(--tinte);border-radius:40px;margin-block:-40px;padding-block:clamp(52px,5.4vw,76px);position:relative}.kandidaten-gitter{grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;display:grid}.kandidaten-gitter>div:last-child p{color:var(--tinte);margin-bottom:20px;font-size:18px}.kontakt-gitter{grid-template-columns:1fr 1fr;align-items:start;gap:56px;display:grid}.kontakt-gitter h2+p{max-width:30em;margin-top:16px}.kontakt-wege{flex-direction:column;align-items:flex-start;gap:12px;margin-top:26px;display:flex}.kontakt-link{font:700 22px/1.2 var(--kopf);text-decoration:none;transition:color .2s}.kontakt-link:hover{color:var(--orange)}.formular{background:var(--nacht-2);border:1px solid var(--linie-dunkel);border-radius:24px;grid-template-columns:1fr 1fr;gap:14px;padding:26px;display:grid}.feld-breit{grid-column:1/-1}.feld label{margin-bottom:6px;font-size:14.5px;font-weight:500;display:block}.feld label span{color:var(--grau-hell);font-weight:400}.feld input,.feld select,.feld textarea{background:var(--nacht);color:#fff;border:1px solid var(--linie-dunkel);width:100%;font:400 16px/1.3 var(--text);border-radius:10px;padding:12px 14px;transition:border-color .2s}.feld textarea{resize:vertical}.feld :is(input,select,textarea):hover{border-color:#6a6370}.feld [aria-invalid=true]{border-color:var(--koralle)}.formular .knopf{grid-column:1/-1}.f-meldung{grid-column:1/-1;min-height:1.4em;font-size:14.5px;color:var(--orange)!important}.fuss{border-top:1px solid var(--linie-dunkel);justify-content:space-between;align-items:center;gap:20px;padding:24px clamp(20px,4vw,40px);display:flex}.fuss img{width:120px;height:auto}.fuss nav{gap:20px;font-size:15px;display:flex}.fuss a{color:#d9d2dc;text-decoration:none;transition:color .2s}.fuss a:hover{color:var(--orange)}@media (width<=1120px){.menue{display:none}.burger{display:block}.kopf{gap:12px}.vorteile{grid-template-columns:repeat(2,1fr)}}@media (width<=1180px){.schwebe-b{bottom:calc(6% + 96px);left:0}}@media (width<=900px){.held-innen{grid-template-columns:1fr;gap:0;min-height:0}.held-licht{width:130vw;height:min(120vw,620px);top:auto;bottom:90px;right:-30%}.held-text{padding-block:30px 0}.held-satz{margin:16px 0 20px}.held-buehne{min-height:clamp(400px,92vw,560px)}.held-foto{width:min(66%,380px)}.schwebe{padding:9px 13px}.schwebe strong{font-size:22px}.schwebe span{font-size:12px}.schwebe-a{bottom:21%}.schwebe-b{bottom:4%;left:0}.schild{padding:9px 13px;bottom:4%}.schild strong{font-size:16px}.schild span{font-size:12px}.warum-kopf,.maerkte-gitter,.team-gitter,.kandidaten-gitter,.kontakt-gitter{grid-template-columns:1fr;gap:24px}.stimme,.stimme-gross{grid-column:1/-1}.karte{width:100%;max-width:560px;margin-inline:auto}}@media (width<=640px){.knopf-klein{display:none}.rollen{grid-template-columns:1fr}.schritte{grid-template-columns:1fr;gap:26px}.fluss{background:linear-gradient(180deg,var(--linie-hell) 0 30%,var(--pink) 42%,var(--orange) 50%,var(--gelb) 58%,var(--linie-hell) 70% 100%) 0 0/100% 300%;width:3px;height:auto;animation-name:fliessen-senk;inset:24px auto 60px 23px}.schritt{padding-left:66px}.punkt{margin:0;position:absolute;top:0;left:0}.hell,.kandidaten{border-radius:28px}.vorteile,.zahlen{grid-template-columns:1fr}.zahlen>div{padding:18px}.formular{grid-template-columns:1fr;padding:18px}.knoepfe .knopf{flex:auto}.personen{gap:10px}.person h3{font-size:18px}}@keyframes fliessen-senk{0%{background-position:0 100%}to{background-position:0 -50%}}@media (prefers-reduced-motion:reduce){.logos-spur,.fluss,.schwebe{animation:none}}
