.film .film-schwebt{animation:film-schwebt 4s ease-in-out infinite both paused}.film .film-mailflug{animation:film-mailflug 1.9s cubic-bezier(.2,.65,.3,1) both paused}.film .film-zurueck{transform-origin:800px 680px;animation:film-zurueck 1.4s ease both paused}.film .film-kamera{transform-origin:800px 320px;animation:film-kamera 4.8s ease-in-out both paused}.film-funkenregen{fill:none;stroke:#f38c36;stroke-width:7;stroke-linecap:round}.film-abschluss{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.4cqw;background:#f5f8fa;font-size:2.7cqw;text-align:center;padding:4%;animation:film-abschluss .55s ease 79.4s both paused}.film-abschluss p{margin:0}.film-abschluss .film-abschluss-name{font-size:6cqw;font-weight:700;letter-spacing:-.05em}.film .film-cta{display:inline-block;padding:1.6cqw 3cqw;margin-top:2cqw;border:0;border-radius:1cqw;background:#ef8831;color:#142c45;font-size:3cqw;font-weight:700;text-decoration:none;box-shadow:0 .8cqw 2cqw #142c451a;cursor:pointer}.film-cta:focus-visible{outline:3px solid #147d85;outline-offset:4px}.film-abschluss .film-adresse{margin-top:1cqw;font-size:2.4cqw}@keyframes film-mailflug{0%{opacity:0;transform:translate(var(--flug-x),var(--flug-y)) rotate(var(--winkel))}20%{opacity:1}75%{transform:translate(12px,-16px) rotate(-6deg)}to{opacity:1;transform:translate(0)}}@keyframes film-zurueck{0%{opacity:1}to{opacity:.2;transform:scale(.85)}}@keyframes film-schwebt{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes film-kamera{0%,18%{transform:scale(1)}55%,to{transform:translateY(65px) scale(1.65)}}@keyframes film-abschluss{0%{opacity:0;visibility:hidden;transform:translateY(15px)}to{opacity:1;visibility:visible;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.film .film-kamera,.film .film-mailflug,.film .film-schwebt,.film .film-zurueck{animation:none}.film .film-abschluss{animation:none;opacity:1;visibility:visible;transform:none}}@container (max-width: 550px){.film-untertitel{inset:auto 3% 3%;height:35%;font-size:clamp(10px,3cqw,14px);line-height:1.3}}.film{min-width:0;color:#142c45;--fg:#142c45;--surface:#fff;--border:#dce4e8;--accent:#147d85;--soft:#edf3f5;--selection:#d6eeee;--success:#147d85;--muted:#526875}.film-buehne{position:relative;aspect-ratio:16/9;container-type:inline-size;overflow:hidden;background:var(--surface) url(/demo-film-datei/hintergrund.webp) center /cover;border:1px solid var(--border);border-radius:16px}.film-bild{width:100%;height:100%;font-family:var(--font-body)}.film-bild text{fill:var(--fg);font-size:32px;letter-spacing:-.015em}.film-bild .film-klein{font-size:29px}.film-bild .film-titel{font-size:52px;font-weight:650;letter-spacing:-.035em}.film-bild .film-fett{font-weight:600}.film-bild .film-betont{font-size:43px;font-weight:700;fill:var(--accent)}.film-bild .film-marke{font-size:62px;font-weight:650;letter-spacing:-.045em}.film-papier{fill:var(--surface);stroke:#8caab9;stroke-width:2}.film-soft{fill:var(--soft);stroke:var(--border);stroke-width:1}.film-person{fill:var(--selection);stroke:var(--accent);stroke-width:1.5}.film-akzent{fill:var(--accent)}.film-linie{fill:none;stroke:var(--border);stroke-width:2}.film-verbindung{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round}.film-arm{fill:none;stroke:var(--accent);stroke-width:12;stroke-linecap:round}.film-haken circle{fill:var(--success)}.film-haken path{fill:none;stroke:var(--surface);stroke-width:3;stroke-linecap:round}.film-strich{fill:none;stroke:var(--fg);stroke-width:4;stroke-linecap:round}.film-bild .film-lizenz{fill:var(--muted);font-size:33px}.film-untertitel{position:absolute;inset:auto 6% 4%;height:12%;text-align:center;font-size:clamp(12px,1.95cqw,34px);line-height:1.4;color:var(--fg)}.film-untertitel p{position:absolute;inset:0;display:grid;place-content:center;margin:0}.film-standbild{display:none}.film-regler{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem}.film-regler .film-abspielen{min-height:3.25rem;padding:.75rem 1.5rem;font-size:1rem}.film-spulen{display:flex;align-items:center;gap:.75rem;width:100%;font-size:var(--text-xs)}.film-spulen input{flex:1;min-width:0}.film-voll{height:100dvh;width:100%;display:grid;place-items:center;background:var(--bg)}.film-voll .film-buehne{width:min(100vw,177.7778dvh);border:0;border-radius:0}.film:fullscreen{display:grid;place-content:center;background:var(--bg);padding:1rem}.film:fullscreen .film-buehne{width:min(96vw,150dvh)}.film-startflaeche{position:absolute;inset:0;z-index:2;background:transparent;border:0}.film-voll .film-fehler{position:absolute;bottom:0;background:var(--surface);padding:.5rem}.film-untertitel p{background:#fffffff0;border-radius:12px;padding:.3em .8em}.film .film-szene{opacity:0;animation:film-szene var(--dauer) linear var(--start) both paused}.film .film-szene-postfaecher{animation-name:film-anfang}.film .film-szene-haekchen{animation-name:film-ende}.film .film-ein{animation:film-ein .7s cubic-bezier(.22,1,.36,1) both paused}.film .film-zeichnen{animation-name:film-zeichnen;stroke-dasharray:1000}.film .film-funke{animation-name:film-funke;transform-box:fill-box;transform-origin:center}.film .film-zoom{animation-name:film-zoom;transform-origin:800px 420px}@keyframes film-szene{0%,to{opacity:0;visibility:hidden}4%,96%{opacity:1;visibility:visible}}@keyframes film-anfang{0%,96%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes film-ende{0%{opacity:0;visibility:hidden}1.4%,to{opacity:1;visibility:visible}}@keyframes film-ein{0%{opacity:0;transform:translate(var(--dx,0),var(--dy,24px))}to{opacity:1;transform:translate(0)}}@keyframes film-zeichnen{0%{opacity:0;stroke-dashoffset:1000}to{opacity:1;stroke-dashoffset:0}}@keyframes film-funke{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@keyframes film-zoom{0%,35%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.film .film-bild .film-szene{animation:none;opacity:0;visibility:hidden}.film .film-bild .film-szene-haekchen{opacity:1;visibility:visible}.film .film-ein{animation:none;opacity:1;transform:none;stroke-dashoffset:0}.film-untertitel{display:none}.film-standbild{display:block;position:absolute;inset:auto 6% 4%;text-align:center;font-size:clamp(10px,1.5cqw,24px);color:var(--muted)}}