:root{--pps:150px}body.start{background:var(--schwarz)}.buehne{z-index:0;background:#000;position:fixed;inset:0;overflow:hidden}.buehne video,.buehne img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;position:absolute;inset:0}.buehne .stand{transition:opacity .3s}.buehne .stand.weg{opacity:0}.buehne .flaeche{background:linear-gradient(#0000,#0000001a 50%,#00000059);position:absolute;inset:0}.start .kopf{position:fixed;left:0;right:0}.strecke{z-index:1;color:var(--weiss);height:calc(var(--dauer) * var(--pps) + 100svh);position:relative}.halt{left:0;right:0;top:calc(var(--t) * var(--pps) + 50svh);position:absolute;transform:translateY(-50%)}.halt:not(.erst):before{content:"";z-index:-1;background:linear-gradient(#0000,#000c 22% 78%,#0000);position:absolute;inset:-80px 0}.halt.erst{isolation:isolate;align-items:flex-end;min-height:100svh;padding:96px 0 104px;display:flex;top:0;transform:none}.halt.erst:before{content:"";z-index:-1;background:linear-gradient(#0000,#00000040 28%,#000000d6 54%,#000000e6);position:absolute;inset:0}.halt .in{max-width:680px}.halt h1{letter-spacing:-.045em;font-size:clamp(3.1rem,1rem + 6.6vw,6rem);line-height:.95}.halt .unter{color:#eee;max-width:32em;margin-top:22px;font-size:19px;line-height:1.5}.halt .knoepfe{margin-top:30px}.halt .satz{letter-spacing:-.025em;font-size:clamp(1.5rem,1rem + 1.9vw,2.5rem);font-weight:500;line-height:1.22}.halt p,.halt h2,.halt h3,.halt h1{text-shadow:0 1px 2px #0009,0 0 24px #000000a6}.halt .still{display:none}.kacheln{border-top:1px solid var(--linie-d);gap:0;margin-top:8px;display:grid}.kacheln a{border-bottom:1px solid var(--linie-d);grid-template-columns:1fr 22px;gap:6px 16px;padding:20px 0;text-decoration:none;display:grid}.kacheln h3{letter-spacing:-.02em;font-size:24px}.kacheln p{color:#e4e4e4;grid-column:1}.kacheln .pfeil{color:var(--gelbgruen);grid-area:1/2;align-self:center}.kacheln a:hover h3{color:var(--gelbgruen)}@media (width>=900px){.halt.erst{align-items:center;padding:120px 0 80px}.halt .unter{font-size:21px}.buehne .flaeche{background:linear-gradient(90deg,#000000db,#0009 34%,#0000 56%)}.halt.erst:before{display:none}.buehne video,.buehne img{object-position:50% 42%}.halt:not(.erst):before{background:linear-gradient(90deg,#000000b3,#000000b3 60%,#0000);right:40%;mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}}@media (width>=1200px){.halt:not(.erst) .in{max-width:540px}}@media (prefers-reduced-motion:reduce){.buehne{height:100svh;position:absolute;mask-image:linear-gradient(#000 72%,#0000)}.buehne video{display:none}.strecke{height:auto}.halt,.halt.erst{align-items:center;min-height:0;padding:72px 0;display:flex;position:relative;top:auto;transform:none}.halt.erst{min-height:100svh;padding-bottom:104px}.halt:not(.erst):before{display:none}.halt .still{margin-top:32px;display:block}.halt .still img{aspect-ratio:1;object-fit:cover;width:100%;height:auto}}@media (prefers-reduced-motion:reduce) and (width>=900px){.halt.erst{padding-bottom:80px}.halt:not(.erst) .w{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:56px;display:grid}.halt .still{margin-top:0}}.halt .abschnitt{margin-bottom:20px;font-size:clamp(2rem,1.2rem + 2.4vw,3.2rem)}.warum{z-index:2;background:var(--weiss);color:var(--schwarz);padding:72px 0 64px;position:relative}.warum h2{max-width:14ch;font-size:clamp(2.2rem,1.2rem + 3vw,4rem)}.warum ul{border-top:1px solid var(--schwarz);gap:0;margin:40px 0 0;padding:0;list-style:none;display:grid}.warum li{border-bottom:1px solid var(--linie-h);padding:24px 0 26px 28px;position:relative}.warum li:before{content:"";background:var(--farbe);width:8px;height:22px;position:absolute;top:29px;left:0}.warum h3{letter-spacing:-.02em;font-size:24px}.warum li p{color:var(--leise-h);max-width:32em;margin-top:8px}.vertrauen{color:var(--leise-h);align-items:baseline;gap:14px;margin-top:36px;font-size:15px;display:flex}.vertrauen .mono{color:var(--schwarz)}.abschluss{z-index:2;padding:80px 0;position:relative}.abschluss .satz{letter-spacing:-.03em;max-width:24ch;font-size:clamp(1.6rem,1rem + 2.4vw,3rem);font-weight:560;line-height:1.15}.abschluss .knoepfe{margin-top:32px}@media (width>=900px){.warum{padding:120px 0 96px}.warum .w{grid-template-columns:5fr 7fr;column-gap:64px;display:grid}.warum ul{grid-row:span 2;grid-template-columns:1fr 1fr;column-gap:40px;margin-top:0}.vertrauen{grid-column:1;align-self:end}.abschluss{padding:128px 0}}