.film{--film-h:27rem;position:relative}.film-rahmen{background:#f6f7f9;border:1px solid #e7e9ee;border-radius:24px;padding:clamp(.75rem,2.4vw,2.5rem)}.film-fenster{background:#fff;border:1px solid #e7e9ee;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px #101b2d0d,0 18px 40px -22px #101b2d40}.film-leiste{border-bottom:1px solid var(--color-linie-zart);background:#fbfbfa;grid-template-columns:1fr auto 1fr;align-items:center;height:2.5rem;padding-inline:1rem;display:grid}.film-punkte{gap:6px;display:flex}.film-punkte i{background:var(--color-grau);border-radius:999px;width:10px;height:10px}.film-url{background:var(--color-stahl-50);color:var(--color-muted);border-radius:999px;padding:.2rem 1.5rem;font-size:.75rem}.film-app{height:var(--film-h);grid-template-columns:12.5rem 1fr;display:grid}.film-seite{border-right:1px solid var(--color-linie-zart);background:#fbfbfa;flex-direction:column;gap:.25rem;padding:1.25rem .875rem;display:flex}.film-marke{align-items:center;gap:.5rem;margin:0 .5rem 1rem;font-size:.9375rem;font-weight:600;display:flex}.film-nav{color:var(--color-muted);transition:background-color var(--dur-panel) ease, color var(--dur-panel) ease;border-radius:8px;align-items:center;gap:.625rem;padding:.5rem .625rem;font-size:.875rem;font-weight:500;display:flex}.film[data-szene="1"] [data-nav="0"],.film[data-szene="2"] [data-nav="1"],.film[data-szene="3"] [data-nav="1"],.film[data-szene="4"] [data-nav="2"]{background:var(--color-stahl-100);color:var(--color-navy-900)}.film-buehne{position:relative;overflow:hidden}.film-szene{opacity:0;transition:opacity .42s var(--ease-out-strong), transform .6s var(--ease-out-expo);pointer-events:none;padding:1.75rem 2rem;position:absolute;inset:0;transform:translateY(12px)}.film[data-szene="1"] .film-szene[data-n="1"],.film[data-szene="2"] .film-szene[data-n="2"],.film[data-szene="3"] .film-szene[data-n="3"],.film[data-szene="4"] .film-szene[data-n="4"]{opacity:1;transform:none}.film-kopf{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.film-titel{letter-spacing:-.015em;font-size:1.1875rem;font-weight:600;line-height:1.2}.film-unter{color:var(--color-muted);margin-top:.125rem;font-size:.8125rem}.film-zahl,.film-klein{color:var(--color-muted);font-size:.8125rem}.film-grau{color:var(--color-muted)}.film-rechts{text-align:right}.film-name{font-weight:500}.film-tabelle{border:1px solid var(--color-linie-zart);border-radius:12px;overflow:hidden}.film-zeile{border-bottom:1px solid var(--color-linie-zart);grid-template-columns:1.3fr .8fr 1.1fr .5fr;align-items:center;gap:1rem;height:3.25rem;padding-inline:1rem;font-size:.875rem;transition:background-color .6s;display:grid}.film-zeile:last-child{border-bottom:0}.film-zeile-protokoll{grid-template-columns:1fr .95fr 1.6fr .4fr}.film-kurz{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.film-zeile[data-neu]{background:var(--color-stahl-50)}.film[data-lauf=an] .film-szene .film-zeile[data-neu]{opacity:0;transition:opacity .36s var(--ease-out-strong), transform .52s var(--ease-out-expo), background-color .6s ease;transform:translateY(-10px)}.film[data-lauf=an][data-szene="1"] .film-szene[data-n="1"] .film-zeile[data-neu],.film[data-lauf=an][data-szene="3"] .film-szene[data-n="3"] .film-zeile[data-neu]{opacity:1;transition-delay:.7s;transform:none}.film[data-lauf=an] .film-szene .film-zeile:not([data-neu]){transition:transform .52s var(--ease-out-expo);transform:translateY(-3.25rem)}.film[data-lauf=an][data-szene="1"] .film-szene[data-n="1"] .film-zeile:not([data-neu]),.film[data-lauf=an][data-szene="3"] .film-szene[data-n="3"] .film-zeile:not([data-neu]){transition-delay:.6s;transform:none}.film-zeile[data-aus]{color:var(--color-muted)}.film-phase{border:1px solid var(--color-linie);white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;padding:.125rem .625rem;font-size:.8125rem;display:inline-flex}.film-phase[data-phase=Neu]{border-color:var(--color-stahl-500);background:var(--color-stahl-500);color:#fff}.film-phase[data-phase=Qualifiziert]{border-color:var(--color-navy-900);background:var(--color-navy-900);color:#fff}.film-phase[data-phase="Akquise, kein Anruf"],.film-phase[data-phase=Kein\ Interesse]{color:var(--color-muted)}.film-ergebnis{align-items:center;gap:.375rem;display:inline-flex}.film-ergebnis[data-zustand=offen]{color:var(--color-muted)}.film-wechsel{color:var(--color-muted);align-items:center;gap:.5rem;font-size:.8125rem;display:inline-flex}.film-toast{background:var(--color-navy-900);max-width:21rem;color:var(--color-navy-200);border-radius:14px;align-items:flex-start;gap:.75rem;padding:.875rem 1.125rem;font-size:.8125rem;line-height:1.45;display:flex;position:absolute;bottom:1.5rem;right:1.5rem;box-shadow:0 16px 40px -12px #101b2d73}.film-toast svg{color:#fff;flex-shrink:0;margin-top:.125rem}.film-toast strong{color:#fff;font-size:.875rem;font-weight:600;display:block}.film[data-lauf=an] .film-toast{opacity:0;transition:opacity .3s var(--ease-out-strong), transform .52s var(--ease-out-expo);transform:translateY(16px)scale(.96)}.film[data-lauf=an][data-szene="1"] .film-szene[data-n="1"] .film-toast{opacity:1;transition-delay:1.5s;transform:none}.film[data-lauf=an][data-szene="4"] .film-szene[data-n="4"] .film-toast{opacity:1;transition-delay:2.1s;transform:none}.film-szene[data-n="2"]{grid-template-columns:1fr 1.15fr;align-content:start;gap:1.5rem;display:grid}.film-anruf,.film-geklaert{border:1px solid var(--color-linie-zart);border-radius:14px;padding:1.5rem}.film-anruf{background:#f6f7f9;flex-direction:column;gap:1.5rem;display:flex}.film-person{align-items:center;gap:1rem;display:flex}.film-avatar{background:var(--color-navy-900);color:#fff;border-radius:999px;flex-shrink:0;place-items:center;width:3.5rem;height:3.5rem;font-weight:600;display:grid}.film-status{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.film-live{background:var(--color-navy-900);color:#fff;border-radius:999px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-weight:500;display:inline-flex}.film-gespraechsspur{background:var(--color-linie-zart);border-radius:999px;height:4px;overflow:hidden}.film-gespraechsspur span{background:var(--color-stahl-500);transform-origin:0;height:100%;transform:scaleX(var(--p));display:block}.film:not([data-szene="2"]) .film-gespraechsspur span{transform:scaleX(0)}.film-geklaert ul{flex-direction:column;gap:1.375rem;margin-top:1rem;display:flex}.film-geklaert li{align-items:flex-start;gap:.625rem;font-size:1rem;line-height:1.4;display:flex}.film-geklaert li svg{color:var(--color-stahl-500);flex-shrink:0}.film[data-lauf=an] .film-geklaert li:not(:first-child){opacity:0;transition:opacity .3s var(--ease-out-strong), transform .42s var(--ease-out-expo);transform:translateY(8px)}.film[data-lauf=an][data-szene="2"] .film-geklaert li:not(:first-child){opacity:1;transition-delay:calc(.8s + var(--i) * 1.3s);transform:none}.film-termine{border:1px solid var(--color-linie-zart);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.film-termin{border-bottom:1px solid var(--color-linie-zart);grid-template-columns:1.2fr 1.4fr 3rem;align-items:center;gap:1.25rem;padding:1rem 1.25rem;font-size:.9375rem;display:grid}.film-termin:last-child{border-bottom:0}.film-termin[data-ziel]{background:var(--color-stahl-50)}.film-balken{background:var(--color-linie-zart);border-radius:999px;height:8px;overflow:hidden}.film-balken span{border-radius:inherit;background:var(--color-stahl-500);transform-origin:0;height:100%;transform:scaleX(var(--nachher));display:block}.film-belegung{justify-items:end;font-size:.875rem;display:grid;position:relative}.film-belegung>span{grid-area:1/1}.film-vorher{opacity:0}.film[data-lauf=an] .film-termin[data-ziel] .film-balken span{transform:scaleX(var(--vorher));transition:transform .9s var(--ease-out-expo)}.film[data-lauf=an] .film-termin[data-ziel] .film-vorher{opacity:1}.film[data-lauf=an] .film-termin[data-ziel] .film-nachher{opacity:0}.film[data-lauf=an][data-szene="4"] .film-termin[data-ziel] .film-balken span{transform:scaleX(var(--nachher));transition-delay:1.3s}.film[data-lauf=an] .film-termin[data-ziel] .film-vorher,.film[data-lauf=an] .film-termin[data-ziel] .film-nachher{transition:opacity .24s}.film[data-lauf=an][data-szene="4"] .film-termin[data-ziel] .film-vorher{opacity:0;transition-delay:1.5s}.film[data-lauf=an][data-szene="4"] .film-termin[data-ziel] .film-nachher{opacity:1;font-weight:600;transition-delay:1.5s}.film-schritte{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1.5rem;display:grid;position:relative}.film-schritt{width:100%;min-height:48px;color:var(--color-muted);text-align:left;cursor:pointer;grid-template-columns:auto 1fr;align-items:center;gap:.25rem .625rem;padding:.5rem .25rem;font-size:.9375rem;font-weight:500;display:grid}.film-schritt-nr{border:1px solid var(--color-linie);width:1.5rem;height:1.5rem;transition:background-color var(--dur-ui) ease, border-color var(--dur-ui) ease, color var(--dur-ui) ease;border-radius:999px;place-items:center;font-size:.75rem;display:grid}.film-schritt-spur{background:var(--color-linie-zart);grid-column:1/-1;height:2px;margin-top:.5rem;overflow:hidden}.film-schritt-spur span{background:var(--color-navy-900);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.film[data-szene="1"] [data-schritt="1"],.film[data-szene="2"] [data-schritt="2"],.film[data-szene="3"] [data-schritt="3"],.film[data-szene="4"] [data-schritt="4"]{color:var(--color-navy-900)}.film[data-szene="1"] [data-schritt="1"] .film-schritt-nr,.film[data-szene="2"] [data-schritt="2"] .film-schritt-nr,.film[data-szene="3"] [data-schritt="3"] .film-schritt-nr,.film[data-szene="4"] [data-schritt="4"] .film-schritt-nr{border-color:var(--color-navy-900);background:var(--color-navy-900);color:#fff}.film[data-szene="1"] [data-schritt="1"] .film-schritt-spur span,.film[data-szene="2"] [data-schritt="2"] .film-schritt-spur span,.film[data-szene="3"] [data-schritt="3"] .film-schritt-spur span,.film[data-szene="4"] [data-schritt="4"] .film-schritt-spur span{transform:scaleX(var(--p))}.film-schritt:hover{color:var(--color-navy-900)}.film-hinweis{color:var(--color-muted);text-align:center;margin-top:.75rem;font-size:.8125rem}@media (max-width:860px){.film{--film-h:27rem}.film-app{grid-template-columns:1fr}.film-seite{display:none}.film-szene{padding:1.25rem}.film-szene[data-n="2"]{grid-template-columns:1fr;gap:.875rem}.film-anruf{gap:1rem;padding:1.125rem}.film-geklaert{padding:1.125rem}.film-zeile{grid-template-columns:1.3fr 1.1fr .5fr}.film-zeile>:nth-child(2){display:none}.film-zeile-protokoll{grid-template-columns:1fr 1fr}.film-zeile-protokoll>:nth-child(2){display:inline-flex}.film-zeile-protokoll>:nth-child(3),.film-zeile-protokoll>:nth-child(4),.film-wechsel{display:none}.film-termin{grid-template-columns:1fr 3rem}.film-balken{grid-area:2/1/auto/-1}.film-toast{max-width:none;bottom:1rem;left:1rem;right:1rem}.film-schritte{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.film{--film-h:30rem}.film-url{padding-inline:.75rem}}@media (prefers-reduced-motion:reduce){.film-szene,.film-toast,.film-zeile,.film-geklaert li{transform:none!important}}