.papier,.szene{position:absolute;inset:0;--tinte:color-mix(in oklch,#142c45 28%,#fff)}.papier-blatt{position:absolute;width:min(24cqw,44cqh);aspect-ratio:4/5;background:#fff repeating-linear-gradient(transparent 0 14%,var(--tinte) 14% 16%) 50% /70% 70% no-repeat;box-shadow:0 3px 10px rgb(20 44 69/.18)}.papier-blatt:first-child{left:5cqw;top:8cqh;transform:rotate(-8deg)}.papier-blatt:nth-child(2){left:12cqw;top:12cqh;transform:rotate(5deg)}.papier-blatt:nth-child(3){left:8cqw;top:18cqh;transform:rotate(-2deg)}.papier-ordner{position:absolute;left:4cqw;bottom:15cqh;padding:.4em .7em;border-radius:6px;background:#142c45;color:#fff;font-size:clamp(1rem,3cqw,2.2rem);font-weight:800;box-shadow:0 4px 12px rgb(20 44 69/.25)}.szene{display:flex;flex-direction:column;justify-content:center;gap:3cqh;width:46cqw;padding:0 3cqw}.szene-strich{display:block;flex:1;height:max(6px,2cqh);border-radius:3px;background:var(--tinte)}.szene-strich-kurz{flex:.5}.szene-mail-zeile{display:flex;align-items:center;gap:2cqw;padding:3cqh 2cqw;border-radius:8px;background:#fff;box-shadow:0 2px 6px rgb(20 44 69/.12)}.szene-pdf{position:relative;padding:.15em .4em;border-radius:4px;background:var(--danger);color:#fff;font-size:clamp(.7rem,1.6cqw,1.1rem);font-weight:800}.szene-pdf:before{content:"";position:absolute;left:30%;top:-45%;width:.55em;height:1.3em;border:2px solid var(--danger);border-radius:1em;transform:rotate(18deg)}.szene-bons{flex-direction:row;align-items:center;gap:4cqw;filter:drop-shadow(0 3px 6px rgb(20 44 69/.2))}.szene-bon{display:flex;flex-direction:column;gap:3cqh;width:16cqw;height:66cqh;padding:5cqh 2cqw 8cqh;background:#fff;transform:rotate(-7deg);--zacke:8px;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% /calc(2 * var(--zacke)) 100%}.szene-bon+.szene-bon{transform:rotate(6deg) translateY(4cqh)}.szene-bon .szene-strich{flex:none}.szene-auszug{position:relative;display:flex;flex-direction:column;gap:2cqh;padding:5cqh 3cqw;background:#fff;box-shadow:0 3px 10px rgb(20 44 69/.18)}.szene-bank-zeile{display:block;height:5cqh;border-bottom:1px solid var(--tinte);background:linear-gradient(var(--tinte) 0 0) 0 /55% 35% no-repeat,linear-gradient(var(--tinte) 0 0) 100% /18% 35% no-repeat}.szene-frage{position:absolute;right:-3cqw;top:47%;display:grid;place-items:center;width:max(34px,9cqmin);aspect-ratio:1;border:3px solid #ef8831;border-radius:50%;background:#fff;color:#142c45;font-size:clamp(1rem,3cqmin,1.8rem);font-weight:800}.szene-regal{flex-direction:row;align-items:flex-end;justify-content:flex-start;padding-bottom:14cqh}.szene-ruecken{display:grid;place-items:center;width:10cqw;height:62cqh;border-radius:4px 4px 0 0;background:#142c45;color:#fff;writing-mode:vertical-rl;transform:rotate(180deg);font-size:clamp(.8rem,2.2cqw,1.5rem);font-weight:800}.szene-ruecken:nth-child(2){height:56cqh;background:#147d85}.szene-ruecken:nth-child(3){height:66cqh;background:color-mix(in oklch,#142c45 75%,#fff)}.szene-lupe{position:absolute;left:22cqw;bottom:22cqh;width:16cqmin;aspect-ratio:1;border-radius:50%;border:max(4px,1.2cqmin) solid #ef8831;background:rgb(255 255 255/.35)}.szene-lupe:after{content:"";position:absolute;left:88%;top:88%;width:9cqmin;height:max(5px,1.6cqmin);border-radius:3px;background:#ef8831;transform:rotate(45deg);transform-origin:left center}.cockpit-karte{display:flex;flex-direction:column;gap:.6rem;width:min(100%,440px);height:100%;margin-left:auto;padding:.9rem 1rem;overflow:hidden;color:#142c45}.cockpit-karte-titel{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-weight:700}.cockpit-karte-felder{margin:0}.cockpit-karte-felder>div{padding:.45rem 0;border-top:var(--line) solid var(--border)}.cockpit-karte-felder dt{font-size:var(--text-xs);color:var(--muted)}.cockpit-karte-felder dd{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;font-size:var(--text-sm);font-weight:600}.cockpit-offen{font-size:var(--text-sm);font-weight:400;font-style:italic;color:var(--muted)}.cockpit-karte [data-da=true] :is(dd,.ergebnis-balken){animation:karte-ein .3s ease-out}@keyframes karte-ein{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.cockpit-karte [data-da=true] :is(dd,.ergebnis-balken){animation:none}}.ergebnis-legende{display:flex;gap:1rem;font-size:var(--text-xs);color:var(--muted)}.ergebnis-legende span:before{content:"";display:inline-block;width:.7em;height:.7em;margin-right:.3em;border-radius:2px;background:var(--farbe)}.ergebnis-balken-1,.ergebnis-punkt-1{--farbe:color-mix(in oklch,#142c45 70%,#fff)}.ergebnis-balken-2,.ergebnis-punkt-2{--farbe:#147d85}.ergebnis-liste ul{display:flex;flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none}.ergebnis-liste li{display:flex;flex-direction:column;gap:.2rem}.ergebnis-name{font-size:var(--text-sm);font-weight:600}.ergebnis-balken{width:var(--breite);min-width:fit-content;padding:.1rem .4rem;border-radius:4px;background:var(--farbe);color:#fff;font-family:var(--font-number);font-size:var(--text-xs);white-space:nowrap}.notiz{position:absolute;left:10cqw;top:50%;width:clamp(200px,38cqw,320px);padding:.8em 1em;translate:0 -50%;rotate:-2deg;border-radius:4px;background:#fff;color:#142c45;line-height:1.35;font-size:clamp(13px,2.1cqw,1rem);box-shadow:0 4px 14px rgb(20 44 69/.25)}.notiz h4{margin-bottom:.4em;font-size:1.05em;font-weight:800}.notiz ul{display:grid;gap:.3em;margin:0;padding:0;list-style:none}.notiz li{display:flex;gap:.5em}.notiz li:before{content:"";flex:none;width:.8em;height:.8em;margin-top:.25em;border:1.5px solid;border-radius:2px}@container (max-width: 520px){.notiz{left:4cqw;width:76cqw;font-size:13px}}.stufe-zwei{width:100%;max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:2.25rem}.stufe-zwei h2{font-size:1.5rem;line-height:1.2;font-weight:800}.branchen-wahl{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:-1.25rem}.branchen-wahl-titel{margin-right:.25rem;font-weight:700}.branchen-knopf{position:relative;padding:.5rem .9rem;border:2px solid #142c45;border-radius:999px;font-weight:600;cursor:pointer}.branchen-knopf input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.branchen-knopf:has(:checked){background:#142c45;color:#fff}.branchen-knopf:has(:focus-visible){outline:3px solid #147d85;outline-offset:3px}.zeitkonto-tag{color:#fff;font-size:1rem}.rechner-skonto{font-weight:600}.stufe-zwei-team{display:flex;flex-direction:column;gap:.3rem;font-size:var(--text-lg);font-weight:700}.stufe-zwei-team small{font-size:var(--text-sm);font-weight:400;color:var(--muted)}.zeitkonto{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem;border-radius:0 0 10px 10px;background:#142c45;color:#fff;font-weight:600}.zeitkonto-zahl{padding:0 .4rem;border-radius:6px;font-family:var(--font-number);font-size:1.4rem;font-weight:700;color:#ef8831}.zeitkonto-blitz{animation:zeitkonto-blitz .7s ease-out}@keyframes zeitkonto-blitz{0%{background:#147d85;color:#fff}to{background:transparent}}.moment h3{margin-bottom:.75rem;font-size:1.3rem;line-height:1.2;font-weight:800}.moment-mit{margin-top:.9rem}.moment-mit h4{margin-bottom:.3rem;font-size:var(--text-sm);font-weight:700;color:#147d85}.moment-mit p{font-size:1.15rem;line-height:1.4;font-weight:700;color:#142c45}.moment-gespart{margin-top:.4rem;font-family:var(--font-number);font-size:2rem;line-height:1.1;font-weight:700;color:#147d85}.stufe-zwei-ueberleitung{font-size:var(--text-lg);line-height:1.35;font-weight:700}.rechner{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border:var(--line) solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.rechner-regler{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.25rem 1rem}.rechner-regler span{grid-column:1/-1;font-weight:600}.rechner-regler input{width:100%;accent-color:#147d85}.rechner-zahl{min-width:6ch;text-align:right;font-family:var(--font-number);font-weight:700}.rechner-feld{display:flex;flex-direction:column;gap:.3rem;font-weight:600}.rechner-feld input{font-family:var(--font-number)}.rechner-ergebnis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin:0}.rechner-ergebnis div{padding:.75rem 1rem;border-radius:10px;background:#142c45;color:#fff}.rechner-ergebnis dt{font-size:var(--text-sm)}.rechner-ergebnis dd{margin:0;font-family:var(--font-number);font-size:1.6rem;font-weight:700;color:#ef8831}.rechner-grundlage{font-size:var(--text-xs);color:var(--muted)}.schluss{display:flex;flex-direction:column;gap:1rem}.schluss-wege{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start}.schluss-demo{display:block;padding:.8rem 1rem;border:2px solid #142c45;border-radius:.6rem;text-align:center;font-weight:700}.rueckruf h3{font-size:1.1rem;font-weight:700}@media (max-width:899px){.schluss-wege{grid-template-columns:1fr}}.demo-anmeldung{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:2.5rem;padding:clamp(1rem,3vw,3.5rem);background:var(--bg)}.demo-anmeldung-inhalt{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:center;gap:clamp(1.5rem,3vw,4rem);width:100%;max-width:1680px;margin:0 auto}.demo-anmeldung-film{min-width:0}.demo-anmeldung-film h1{font-size:clamp(1.7rem,2.8vw,3rem);line-height:1.15}.demo-anmeldung-film .film-abspielen{background:#ef8831;color:#142c45;font-weight:700}.demo-anmeldung-zugang{display:flex;flex-direction:column;gap:1.75rem}.demo-anmeldung-zugang>*{width:100%}.demo-fangfeld{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media (max-width:900px){.demo-anmeldung-inhalt{grid-template-columns:1fr}.demo-anmeldung-zugang{width:100%}}.demo-cta{display:block;width:100%;padding:.9rem 1rem;border:0;border-radius:.6rem;background:#ef8831;color:#142c45;font-size:1.05rem;font-weight:700;cursor:pointer}.demo-cta:focus-visible{outline:3px solid #147d85;outline-offset:3px}.demo-vorteil-titel{margin-top:.5rem;font-size:1.1rem;font-weight:700;color:#142c45}.demo-vorteile{display:grid;gap:.4rem;margin:0;padding:0;list-style:none;font-size:.95rem}.demo-vorteile li:before{content:"✓";display:inline-block;width:1.4rem;color:#147d85;font-weight:700}.landing{justify-content:flex-start;gap:1.5rem;color:#142c45}.landing-kopf{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1680px;margin:0 auto;font-size:var(--text-sm);font-weight:600}.landing-kopf button{color:#147d85;font-weight:600;background:none;border:0;cursor:pointer;padding:.4rem}.landing-start{grid-template-areas:"buehne gruss" "buehne aktion";grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start;row-gap:1.5rem}.landing-gruss{grid-area:gruss;align-self:end;font-size:clamp(1.6rem,2.6vw,2.6rem);line-height:1.15;font-weight:800;letter-spacing:-.01em}.landing-gruss h1{font:inherit;letter-spacing:inherit}.landing-slogan{display:flex;flex-direction:column;gap:.3rem;margin-top:.5em;font-size:1.2em}.landing-slogan small{font-size:1rem;font-weight:500;letter-spacing:0}.landing-buehne{grid-area:buehne;min-width:0;display:flex;flex-direction:column;gap:1rem}.landing-buehne .film-abspielen{background:#ef8831;color:#142c45;font-weight:700}.landing-aktion{grid-area:aktion;align-items:center;gap:1rem}.landing-link,.landing-login-knopf{background:none;border:0;padding:.5rem;cursor:pointer;color:#147d85;font-size:1.05rem;font-weight:600;text-decoration:underline;text-underline-offset:3px}.landing-login-knopf{display:none;color:#142c45;font-size:var(--text-base)}.landing :is(button,a,input):focus-visible{outline:3px solid #147d85;outline-offset:3px}.schieber{position:relative;height:clamp(330px,42vw,560px);border-radius:14px;overflow:hidden;background:#142c45;box-shadow:0 10px 30px rgb(20 44 69/.18);--pos:calc(22px + (100% - 44px) * var(--anteil))}.schieber-ebene{position:absolute;inset:0}.schieber-ohne{container-type:size;background:#e9e3d8}.schieber-mit{padding:12px;background:#142c45;clip-path:inset(0 0 0 var(--pos))}.schieber-bild{display:block;width:100%;height:100%;object-fit:cover;object-position:left top;border-radius:8px;background:var(--surface);color:var(--muted);font-size:var(--text-sm)}.schieber-griff{top:0;bottom:0;left:var(--pos);width:4px;margin-left:-2px;background:#fff}.schieber-etikett,.schieber-griff{position:absolute;pointer-events:none}.schieber-etikett{bottom:10px;padding:2px 8px;border-radius:6px;font-weight:800}.schieber:has(.buehne-play) .schieber-regler{top:82%}.schieber-etikett-ohne{left:10px;background:rgb(255 255 255/.9)}.schieber-etikett-mit{right:10px;background:#ef8831}.schieber-regler{position:absolute;left:0;right:0;top:50%;height:44px;margin:-22px 0 0;width:100%;appearance:none;background:transparent;cursor:ew-resize}.landing .schieber-regler:focus-visible{outline:none}.schieber-regler::-webkit-slider-thumb{appearance:none;width:44px;height:44px;border-radius:50%;background:#ef8831;border:3px solid #fff;box-shadow:0 2px 8px rgb(0 0 0/.25)}.schieber-regler::-moz-range-thumb{width:38px;height:38px;border-radius:50%;background:#ef8831;border:3px solid #fff;box-shadow:0 2px 8px rgb(0 0 0/.25)}.schieber-regler:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #fff,0 0 0 6px #147d85}.schieber-regler:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #fff,0 0 0 6px #147d85}.buehne-play{position:absolute;left:50%;top:45%;width:96px;height:96px;transform:translate(-50%,-50%);display:grid;place-items:center;border:4px solid #fff;border-radius:50%;background:#ef8831;cursor:pointer;box-shadow:0 4px 18px rgb(0 0 0/.3)}.buehne-play-kreis{margin-left:8px;border-left:32px solid #142c45;border-block:19px solid transparent}@media (max-width:899px){.landing-start{grid-template-areas:"gruss" "buehne" "aktion";grid-template-columns:1fr;row-gap:1rem}}.landing-login-knopf{display:block}.landing-login[data-offen=false]{display:none}.landing-marke{display:inline-flex;align-items:center;gap:.4rem}.landing-marke svg{width:18px}