:root{--buehne:#000000;--feld:#0E0E0E;--linie:#1F1F1F;--weiss:#FFFFFF;--unter:#D1D5DB;--silber:#8B929E;--grau:#6B7280;--grau3:#4B5563}
*{box-sizing:border-box}










.stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;background:var(--buehne);color:var(--unter)}
.chart{position:absolute;left:0;top:0;width:1920px;height:1080px}
.chart text{font-family:'Schibsted Grotesk',system-ui,sans-serif}
.etikett{font-size:28px;font-weight:600}
.wert{font-size:38px;font-weight:800;font-variant-numeric:tabular-nums}
.riesig{font-size:200px;font-weight:800;letter-spacing:-.036em;line-height:1;color:var(--weiss)}
.titel{font-size:88px;font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--weiss)}
.mittel{font-size:64px;font-weight:800;letter-spacing:-.02em;line-height:1.08;color:var(--weiss)}
.unter{font-size:44px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--unter)}
.grau{color:var(--silber)} .weiss{color:var(--weiss)}
.mitte{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 120px}
.kopf{position:absolute;left:120px;top:90px;display:flex;align-items:flex-start;gap:36px}
.kopf .mittel{padding-top:22px}
.kopf2{position:absolute;left:120px;top:100px;display:flex;flex-direction:column;gap:6px}
.fuss{position:absolute;left:120px;right:120px;bottom:70px;font-size:24px;color:var(--grau);line-height:1.35}
.fuss.klein{font-size:22px;bottom:50px}
.g2-kopf{left:96px}
.g2-ach{font-size:16px;fill:#FFFFFF;fill-opacity:.45}
.g2-dd{font-size:15.4px;fill:#FFFFFF;fill-opacity:.55}
.g2-leg{position:absolute;left:96px;top:305px;height:47px;display:flex;gap:49px;align-items:center;white-space:nowrap}
.g2-kz{display:flex;align-items:center;gap:13px;opacity:0}
.g2-sw{display:block}
.g2-kz b{font-size:40.3px;font-weight:800;letter-spacing:-.01em;color:#FFFFFF;font-variant-numeric:tabular-nums}
.g2-kz-aktien b{color:#A5AAB1} .g2-kz-anleihen b{color:#6B7280} .g2-kz-m6040 b{color:#E0482C}
.g2-kz i{font-style:normal;font-size:15.4px;color:#FFFFFF;opacity:.55}
.g2-pflicht{position:absolute;left:96px;right:96px;top:898px;font-size:16.3px;line-height:1.5;letter-spacing:.02em;color:#6B7280}
.g2-pflicht p{margin:0;white-space:nowrap}
.g2-quelle{font-size:15px;letter-spacing:.01em}
.kacheln{position:absolute;left:120px;right:120px;top:700px;display:flex;gap:24px}
.kachel{flex:1;background:var(--feld);border:1.5px solid rgba(255,255,255,.16);border-radius:22px;padding:24px 28px;display:flex;flex-direction:column;gap:6px}
.k-name{font-size:28px;color:var(--silber);font-weight:600} .k-wert{font-size:64px;font-weight:800;color:var(--weiss);letter-spacing:-.02em;line-height:1}
.k-gegen{font-size:30px;color:var(--silber)}
.links-block{position:absolute;left:120px;top:340px;display:flex;flex-direction:column;gap:8px}
.tabelle{position:absolute;left:120px;top:300px;width:1680px;border-collapse:collapse;font-size:34px}
.tabelle th:nth-child(2),.tabelle td:nth-child(2){width:340px} .tabelle th:nth-child(3),.tabelle td:nth-child(3){width:300px}
.tabelle th{text-align:left;font-weight:600;color:var(--silber);font-size:26px;padding:0 0 18px;border-bottom:1.5px solid rgba(255,255,255,.16)}
.tabelle td{padding:20px 0;border-bottom:1px solid var(--linie);color:var(--silber);font-weight:600}
.tabelle td:first-child{color:var(--unter);font-weight:700} .tick{font-size:24px;color:var(--grau);margin-left:12px;font-weight:600}
.tabelle .hell{color:var(--weiss)} .tabelle .zahl{text-align:right}
.zeilen{position:absolute;left:120px;right:120px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;gap:30px}
.zeilen div{font-size:80px;font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--weiss)}
.rahmen{position:relative;border:2px solid rgba(255,255,255,.5);border-radius:26px;padding:70px 90px;display:flex;flex-direction:column;gap:14px;text-align:left}
.rahmen-etikett{position:absolute;left:40px;top:-20px;background:var(--buehne);padding:0 16px;font-size:28px;font-weight:700;color:var(--silber)}
.person{position:absolute;inset:0;display:flex;align-items:center;gap:80px;padding:0 140px}
.kreis{width:380px;height:380px;border-radius:50%;overflow:hidden;flex:none;background:var(--feld)}
.kreis img{width:100%;height:100%;object-fit:cover;display:block} .kreis img.sw{filter:grayscale(1)}
.kreis.klein{width:200px;height:200px;position:absolute;right:140px;bottom:170px}
.kreis-note{position:absolute;right:140px;bottom:96px;width:200px;text-align:center;font-size:22px;color:var(--grau)}
.person-text{display:flex;flex-direction:column;gap:10px}
.lockup{width:700px}

.v3-rest{color:var(--silber);font-weight:500}
.v3-karte,.v3-luecke{position:absolute;top:360px;width:536px;height:264px;border-radius:22px}
.v3-karte{background:var(--feld);border:2px solid rgba(255,255,255,.16);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}
.v3-links{left:120px} .v3-luecke{left:692px} .v3-rechts{left:1264px}
.v3-dicht .v3-links{transform:translateX(286px)} .v3-dicht .v3-rechts{transform:translateX(-286px)}
.v3-name{font-size:72px;font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--weiss)}
.v3-kosten{white-space:nowrap;font-size:44px;font-weight:600;line-height:1.1;color:var(--unter)}
.v3-rahmen{position:absolute;left:0;top:0;width:536px;height:264px;overflow:visible}
.v3-strich{fill:none;stroke:rgba(255,255,255,.55);stroke-width:4;stroke-dasharray:15 10;stroke-dashoffset:7.5}
.v3-voll .v3-strich{fill:var(--feld);stroke-dasharray:none}
.v3-marke{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:20px}
.v3-marke img{width:80px;height:80px;display:block}
.v3-marke span{font-size:72px;font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--weiss)}
.v3-zurueck .v3-karte{opacity:.35}
.v3-wort{position:absolute;left:0;right:0;top:668px;text-align:center;font-size:60px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--unter)}
.v3-wort.v3-hell{color:var(--weiss)}
.g1-w,.g4-w{display:inline-block}
.g3-frage{z-index:3}
.g3-frage .titel{max-width:1500px}

:root{--buehne:#000000;--feld:#0E0E0E;--linie:#1F1F1F;--weiss:#FFFFFF;--unter:#D1D5DB;--silber:#8B929E;--grau:#6B7280;--grau3:#4B5563}
*{box-sizing:border-box}









.stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;background:var(--buehne);color:var(--unter)}
/* Verlaufsgrafik im Livedesign: Vorbild Scherbius_Website js/film.js und css/film.css, Grafik "Backtest seit 2001",
   gemessen bei 1440 x 810 am 28.09., hier x 4/3 fuer die Buehne 1920 x 1080 (Titel 51,84 -> 69 px, Legende 30,24 -> 40,3 px,
   Name 11,52 -> 15,4 px, Achse 12 -> 16 px, Etikett 12,24 -> 16,3 px). Ein Kern fuer f05, f06 und Lupe, Praefix dkb.
   Nutzer 29.09.: Drawdown im selben Bild auf eigener Skala unter der Kurve, Linien im selben Stil, Tiefe grau gefuellt.
   Keine Gitter, keine Nulllinie, keine Baender, keine Kaesten, keine Achsenlinien. */
.dkb-svg{position:absolute;left:0;top:0;width:1920px;height:1080px;overflow:visible}
.dkb-svg text{font-family:'Schibsted Grotesk',system-ui,sans-serif}
.dkb-kopf,.dkb-g{position:absolute;left:96px;top:107px;font-size:69px;font-weight:800;letter-spacing:-.02em;line-height:1.06;color:#FFFFFF;white-space:nowrap}
/* Jahr rechts neben dem Titel (Folie 5): leichter, silbern, mit einer feinen senkrechten Linie abgesetzt */
.dkb-jahr{display:inline-block;position:relative;margin-left:44px;padding-left:44px;font-weight:500;color:#D1D5DB;letter-spacing:0;font-variant-numeric:tabular-nums}
.dkb-jahr::before{content:'';position:absolute;left:0;top:.14em;bottom:.1em;width:2px;background:rgba(255,255,255,.28)}
.dkb-leg{position:absolute;left:96px;top:205px;height:47px;display:flex;gap:49px;align-items:center;white-space:nowrap}
.dkb-kz{display:flex;align-items:center;gap:13px}
.dkb-kz em{display:block;width:35px;border-top:4px solid #FFFFFF;font-style:normal}
.dkb-kz-M em{border-top:2px dashed #6B7280}
.dkb-kz b{font-size:40.3px;font-weight:800;letter-spacing:-.01em;color:#FFFFFF;font-variant-numeric:tabular-nums}
.dkb-kz b i.tz{font-style:normal;font-variant-numeric:normal;letter-spacing:-.04em}   /* Punkt und Komma schmal, nur die Ziffern tabellarisch */
.dkb-kz-M b{color:#8B929B}
.dkb-kz i{font-style:normal;font-size:15.4px;color:#FFFFFF;opacity:.55}
.dkb-pflicht{position:absolute;left:96px;right:96px;top:922px;font-size:16.3px;line-height:1.5;letter-spacing:.02em;color:#6B7280;white-space:nowrap}
.dkb-pflicht p{margin:0}
.dkb-achse{font-size:16px;fill:#FFFFFF;fill-opacity:.45}
.dkb-dd{font-size:15.4px;fill:#FFFFFF;fill-opacity:.55}
.dkb-tief{font-size:22px;font-weight:700}

:root{--buehne:#000000;--feld:#0E0E0E;--linie:#1F1F1F;--weiss:#FFFFFF;--unter:#D1D5DB;--silber:#8B929E;--grau:#6B7280;--grau3:#4B5563}
*{box-sizing:border-box}









.stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;background:var(--buehne);color:var(--unter)}
/* Verlaufsgrafik im Livedesign: Vorbild Scherbius_Website js/film.js und css/film.css, Grafik "Backtest seit 2001",
   gemessen bei 1440 x 810 am 28.09., hier x 4/3 fuer die Buehne 1920 x 1080 (Titel 51,84 -> 69 px, Legende 30,24 -> 40,3 px,
   Name 11,52 -> 15,4 px, Achse 12 -> 16 px, Etikett 12,24 -> 16,3 px). Ein Kern fuer f05, f06 und Lupe, Praefix dkb.
   Nutzer 29.09.: Drawdown im selben Bild auf eigener Skala unter der Kurve, Linien im selben Stil, Tiefe grau gefuellt.
   Keine Gitter, keine Nulllinie, keine Baender, keine Kaesten, keine Achsenlinien. */
.dkb-svg{position:absolute;left:0;top:0;width:1920px;height:1080px;overflow:visible}
.dkb-svg text{font-family:'Schibsted Grotesk',system-ui,sans-serif}
.dkb-kopf,.dkb-g{position:absolute;left:96px;top:107px;font-size:69px;font-weight:800;letter-spacing:-.02em;line-height:1.06;color:#FFFFFF;white-space:nowrap}
/* Jahr rechts neben dem Titel (Folie 5): leichter, silbern, mit einer feinen senkrechten Linie abgesetzt */
.dkb-jahr{display:inline-block;position:relative;margin-left:44px;padding-left:44px;font-weight:500;color:#D1D5DB;letter-spacing:0;font-variant-numeric:tabular-nums}
.dkb-jahr::before{content:'';position:absolute;left:0;top:.14em;bottom:.1em;width:2px;background:rgba(255,255,255,.28)}
.dkb-leg{position:absolute;left:96px;top:205px;height:47px;display:flex;gap:49px;align-items:center;white-space:nowrap}
.dkb-kz{display:flex;align-items:center;gap:13px}
.dkb-kz em{display:block;width:35px;border-top:4px solid #FFFFFF;font-style:normal}
.dkb-kz-M em{border-top:2px dashed #6B7280}
.dkb-kz b{font-size:40.3px;font-weight:800;letter-spacing:-.01em;color:#FFFFFF;font-variant-numeric:tabular-nums}
.dkb-kz b i.tz{font-style:normal;font-variant-numeric:normal;letter-spacing:-.04em}   /* Punkt und Komma schmal, nur die Ziffern tabellarisch */
.dkb-kz-M b{color:#8B929B}
.dkb-kz i{font-style:normal;font-size:15.4px;color:#FFFFFF;opacity:.55}
.dkb-pflicht{position:absolute;left:96px;right:96px;top:922px;font-size:16.3px;line-height:1.5;letter-spacing:.02em;color:#6B7280;white-space:nowrap}
.dkb-pflicht p{margin:0}
.dkb-achse{font-size:16px;fill:#FFFFFF;fill-opacity:.45}
.dkb-dd{font-size:15.4px;fill:#FFFFFF;fill-opacity:.55}
.dkb-tief{font-size:22px;font-weight:700}

:root{--buehne:#000000;--feld:#0E0E0E;--linie:#1F1F1F;--weiss:#FFFFFF;--unter:#D1D5DB;--silber:#8B929E;--grau:#6B7280;--grau3:#4B5563}
*{box-sizing:border-box}









.stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;background:var(--buehne);color:var(--unter)}
/* Verlaufsgrafik im Livedesign: Vorbild Scherbius_Website js/film.js und css/film.css, Grafik "Backtest seit 2001",
   gemessen bei 1440 x 810 am 28.09., hier x 4/3 fuer die Buehne 1920 x 1080 (Titel 51,84 -> 69 px, Legende 30,24 -> 40,3 px,
   Name 11,52 -> 15,4 px, Achse 12 -> 16 px, Etikett 12,24 -> 16,3 px). Ein Kern fuer f05, f06 und Lupe, Praefix dkb.
   Nutzer 29.09.: Drawdown im selben Bild auf eigener Skala unter der Kurve, Linien im selben Stil, Tiefe grau gefuellt.
   Keine Gitter, keine Nulllinie, keine Baender, keine Kaesten, keine Achsenlinien. */
.dkb-svg{position:absolute;left:0;top:0;width:1920px;height:1080px;overflow:visible}
.dkb-svg text{font-family:'Schibsted Grotesk',system-ui,sans-serif}
.dkb-kopf,.dkb-g{position:absolute;left:96px;top:107px;font-size:69px;font-weight:800;letter-spacing:-.02em;line-height:1.06;color:#FFFFFF;white-space:nowrap}
/* Jahr rechts neben dem Titel (Folie 5): leichter, silbern, mit einer feinen senkrechten Linie abgesetzt */
.dkb-jahr{display:inline-block;position:relative;margin-left:44px;padding-left:44px;font-weight:500;color:#D1D5DB;letter-spacing:0;font-variant-numeric:tabular-nums}
.dkb-jahr::before{content:'';position:absolute;left:0;top:.14em;bottom:.1em;width:2px;background:rgba(255,255,255,.28)}
.dkb-leg{position:absolute;left:96px;top:205px;height:47px;display:flex;gap:49px;align-items:center;white-space:nowrap}
.dkb-kz{display:flex;align-items:center;gap:13px}
.dkb-kz em{display:block;width:35px;border-top:4px solid #FFFFFF;font-style:normal}
.dkb-kz-M em{border-top:2px dashed #6B7280}
.dkb-kz b{font-size:40.3px;font-weight:800;letter-spacing:-.01em;color:#FFFFFF;font-variant-numeric:tabular-nums}
.dkb-kz b i.tz{font-style:normal;font-variant-numeric:normal;letter-spacing:-.04em}   /* Punkt und Komma schmal, nur die Ziffern tabellarisch */
.dkb-kz-M b{color:#8B929B}
.dkb-kz i{font-style:normal;font-size:15.4px;color:#FFFFFF;opacity:.55}
.dkb-pflicht{position:absolute;left:96px;right:96px;top:922px;font-size:16.3px;line-height:1.5;letter-spacing:.02em;color:#6B7280;white-space:nowrap}
.dkb-pflicht p{margin:0}
.dkb-achse{font-size:16px;fill:#FFFFFF;fill-opacity:.45}
.dkb-dd{font-size:15.4px;fill:#FFFFFF;fill-opacity:.55}
.dkb-tief{font-size:22px;font-weight:700}

:root{--buehne:#000000;--feld:#0E0E0E;--linie:#1F1F1F;--weiss:#FFFFFF;--unter:#D1D5DB;--silber:#8B929E;--grau:#6B7280;--grau3:#4B5563;--gruen:#10B981;--rot:#E0482C;--rot-ged:rgba(224,72,44,.85)}
*{box-sizing:border-box}







.stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;background:var(--buehne);color:var(--unter)}
.fuss{position:absolute;left:120px;right:120px;bottom:70px;font-size:24px;color:var(--grau);line-height:1.35}
.fuss.klein{font-size:22px;bottom:50px}
.f07-methode{position:absolute;left:120px;right:120px;bottom:90px;font-size:16px;line-height:1.4;color:#6B7280;white-space:nowrap}
.f07-pflicht{position:absolute;left:120px;right:120px;bottom:36px;font-size:16px;line-height:1.4;color:#6B7280}
.f07-pflicht p{margin:0;white-space:nowrap}
/* f07 Kennzahlen */
.f07-kopf{position:absolute;top:110px;height:64px;display:flex;align-items:flex-end;gap:16px;line-height:1;white-space:nowrap}
.f07-k0{left:120px;padding-bottom:3px;font-size:30px;font-weight:700;color:var(--grau)}
.f07-ks{right:500px;font-size:44px;font-weight:800;letter-spacing:-.02em;color:var(--weiss)}
.f07-km{right:120px;font-size:44px;font-weight:800;letter-spacing:-.02em;color:var(--silber)}
.f07-signet{display:block;width:52px;height:52px;margin-bottom:-1px}
.f07-zeile{position:absolute;left:0;width:1920px;height:68px}
.f07-linie{position:absolute;left:120px;right:120px;top:0;height:1.5px;background:rgba(255,255,255,.14);transform-origin:0 50%;z-index:0}
.f07-karte{position:absolute;left:90px;right:90px;top:-3px;bottom:-3px;background:var(--feld);border:1.5px solid rgba(255,255,255,.16);border-radius:22px;z-index:1}
.f07-z{position:absolute;top:0;height:68px;display:flex;align-items:center;white-space:nowrap;line-height:1;z-index:2}
.f07-name{left:120px;font-size:34px;font-weight:600;letter-spacing:-.01em;color:var(--unter)}
.f07-s{right:500px;font-size:50px;font-weight:800;letter-spacing:-.005em;color:var(--weiss)}
.f07-m{right:120px;font-size:46px;font-weight:700;letter-spacing:-.005em;color:var(--silber)}
/* Farbregel: alle acht Zeilen, besser weiss wie die Linien (Nutzer 29.09. 14:00, vorher gruen), schlechter rot gedaempft (Deckkraft .85), nach Richtung der Kennzahl, nie nach Vorzeichen; Farbe kommt zeilenweise */
.f07-s{--von:var(--weiss)}.f07-m{--von:var(--silber)}
.f07-gut{--nach:var(--weiss)}.f07-schlecht{--nach:var(--rot-ged)}
.f07-farbe{color:var(--nach)}
/* Bewegung: nur mit .spielt, Verzoegerung --t in Sekunden ab Satzbeginn */
.stage.spielt .f07-hoch{animation:f07-hoch .7s cubic-bezier(.22,.61,.36,1) var(--t) both}
.stage.spielt .f07-seit{animation:f07-seit .6s cubic-bezier(.22,.61,.36,1) var(--t) both}
.stage.spielt .f07-auf{animation:f07-auf .5s cubic-bezier(.22,.61,.36,1) var(--t) both}
.stage.spielt .f07-zieh{animation:f07-zieh .6s cubic-bezier(.22,.61,.36,1) var(--t) both}
.stage.spielt .f07-farbe{animation:f07-farbe .5s cubic-bezier(.22,.61,.36,1) var(--t) both}
@keyframes f07-farbe{from{color:var(--von)}to{color:var(--nach)}}
@keyframes f07-hoch{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes f07-seit{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:none}}
@keyframes f07-auf{from{opacity:0}to{opacity:1}}
@keyframes f07-zieh{from{transform:scaleX(0)}to{transform:scaleX(1)}}

:root{--buehne:#000000;--feld:#0E0E0E;--linie:#1F1F1F;--weiss:#FFFFFF;--unter:#D1D5DB;--silber:#8B929E;--grau:#6B7280;--grau3:#4B5563}
*{box-sizing:border-box}







.stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;background:var(--buehne);color:var(--unter)}
.chart{position:absolute;left:0;top:0;width:1920px;height:1080px}
.riesig{font-size:200px;font-weight:800;letter-spacing:-.036em;line-height:1;color:var(--weiss)}
.mittel{font-size:64px;font-weight:800;letter-spacing:-.02em;line-height:1.08;color:var(--weiss)}

/* Folie 8, eigene Klassen */
.f08-kopf{position:absolute;left:120px;top:96px;display:flex;align-items:flex-start;gap:40px}
.f08-zahl{display:block;font-variant-numeric:tabular-nums}
.f08-wort{display:block;padding-top:24px;color:var(--unter)}
.f08-ziel{position:absolute;white-space:nowrap}
.f08-oos{position:absolute;left:120px;top:314px;display:flex;gap:.26em;font-size:46px;font-weight:600;letter-spacing:-.01em;line-height:1.2;color:var(--silber);white-space:nowrap}
.f08-oos>span{display:block;overflow:hidden;padding:0 .02em .08em}
.f08-oos>span>i{display:block;font-style:normal}
.f08-oos .f08-hell{color:var(--weiss);font-weight:700;position:relative}
.f08-strich{position:absolute;left:0;right:0;bottom:.02em;height:3px;background:var(--weiss);transform-origin:0 50%;transform:scaleX(0)}
.f08-eig{position:absolute;white-space:nowrap;font-size:46px;font-weight:700;letter-spacing:-.01em;line-height:1;color:var(--weiss)}

:root{--buehne:#000000;--feld:#0E0E0E;--linie:#1F1F1F;--weiss:#FFFFFF;--unter:#D1D5DB;--silber:#8B929E;--grau:#6B7280;--grau3:#4B5563}
*{box-sizing:border-box}







.stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;background:var(--buehne);color:var(--unter)}
/* f09: Modellportfolio wie auf der Landing (css/film.css .bkopf .bquote .btab), auf 1920 x 1080, nie unter 28 px */
.f09-kopf{position:absolute;left:120px;top:70px;font-size:28px;font-weight:700;line-height:1.2;color:var(--silber)}
.f09-quote{position:absolute;left:120px;top:134px;display:flex;gap:72px;align-items:baseline}
.f09-quote div{display:flex;flex-direction:column;gap:10px}
.f09-quote i{font-style:normal;font-size:28px;font-weight:700;line-height:1.2;color:var(--silber)}
.f09-quote b{position:relative;display:block;font-size:92px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--weiss);white-space:nowrap}
/* Geist haelt die Breite des Endwerts, die Zahl zaehlt darueber: Cash bleibt beim Zaehlen stehen */
.f09-geist{visibility:hidden} .f09-zahl{position:absolute;left:0;top:0}
.f09-quote div+div b{color:var(--silber)}
/* Tabelle als Felder (Nutzer 03.10. Kombi B und H): jede Zeile ein dunkles Feld, keine Linien, Nullen gedimmt. Die Tabelle lebt in einem
   Feld von --f09-feld Hoehe (ab top bis ueber die Fusszeilen), die Zeilenhoehe --zh folgt der Zeilenzahl --n (am table gesetzt), gedeckelt
   bei 56 px; Schrift und Abstaende haengen an --zh. 12 Zeilen ergeben 45 px Zeilen und 26 px Schrift, nichts ragt mehr in den Fuss */
.f09-tab{position:absolute;left:120px;top:310px;width:1680px;border-collapse:separate;border-spacing:0 4px;
  --f09-feld:654px;--zh:min(56px,calc(var(--f09-feld) / (var(--n,12) + 1) - 5px));
  font-size:calc(var(--zh)*.57);font-weight:600;letter-spacing:-.005em;line-height:1.2;color:var(--weiss)}
.f09-tab th{height:calc(var(--zh) - 4px);font-size:calc(var(--zh)*.52);font-weight:700;color:var(--grau);text-align:left;padding:0 28px 0 0;white-space:nowrap;vertical-align:middle}
.f09-tab td{height:var(--zh);padding:0 28px 0 0;background:var(--feld);white-space:nowrap;vertical-align:middle}
.f09-tab th.f09-z,.f09-tab td.f09-z{text-align:right;font-variant-numeric:tabular-nums}
.f09-tab th:nth-child(5),.f09-tab td:nth-child(5){padding-left:64px}   /* Nutzer 29.09.: Zielgewicht und Heute klebten aneinander */
.f09-tab th:first-child,.f09-tab td:first-child{padding-left:24px}
.f09-tab th:last-child,.f09-tab td:last-child{padding-right:24px}
.f09-tab td:first-child{border-radius:10px 0 0 10px} .f09-tab td:last-child{border-radius:0 10px 10px 0}
.f09-tab td b{font-weight:800;color:var(--weiss)}
.f09-tab td.f09-nm{color:var(--silber);font-weight:500}
.f09-tab td.f09-is{color:var(--grau);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.f09-tab td.f09-k{color:var(--weiss)} .f09-tab td.f09-v{color:var(--silber)} .f09-tab td.f09-h{color:var(--grau3)}
.f09-tab td.f09-null{color:var(--grau3)}
.f09-ob{margin-left:.35em}
.f09-wert,.f09-ord{display:inline-block}
.f09-fuss{position:absolute;left:120px;right:120px;bottom:90px;font-size:16px;line-height:1.4;color:#6B7280;white-space:nowrap}
.f09-pflicht{position:absolute;left:120px;right:120px;bottom:36px;font-size:16px;line-height:1.4;color:#6B7280}
.f09-pflicht p{margin:0;white-space:nowrap}
/* Bewegung ab Satzbeginn, nur mit Klasse spielt; ohne sie steht der Endzustand */
@keyframes f09-auf{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes f09-rein{from{opacity:0;transform:translateX(44px)}to{opacity:1;transform:none}}
@keyframes f09-blende{from{opacity:0}to{opacity:1}}
.stage.spielt .f09-auf{animation:f09-auf .7s cubic-bezier(.22,.61,.36,1) var(--d,0s) both}
.stage.spielt .f09-blende{animation:f09-blende .8s ease var(--d,0s) both}
.stage.spielt .f09-tab thead th{animation:f09-auf .6s cubic-bezier(.22,.61,.36,1) 1.52s both}
.stage.spielt .f09-tab tbody td{animation:f09-auf .6s cubic-bezier(.22,.61,.36,1) var(--d,0s) both}
.stage.spielt .f09-wert{animation:f09-auf .5s cubic-bezier(.22,.61,.36,1) var(--d2,0s) both}
.stage.spielt .f09-ord{animation:f09-rein .55s cubic-bezier(.22,.61,.36,1) var(--d2,0s) both}

:root{--buehne:#000000;--feld:#0E0E0E;--linie:#1F1F1F;--weiss:#FFFFFF;--unter:#D1D5DB;--silber:#8B929E;--grau:#6B7280;--grau3:#4B5563}
*{box-sizing:border-box}







.stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;background:var(--buehne);color:var(--unter)}
/* f10 Runde 5 (Nutzer 29.09. 20:20): fuenf Schnitte, drei Keine als Antwort auf Folie 3 (Fees = Quant Hedge Fonds, Quant Team = eigenes Team),
   dann der Preis. Gehaltsliste weg. Je Schnitt genau eine Aussage, Schluss mit Signet. Worte aus texte.json G7 bild.zeilen.
   Endzustand ohne Klasse spielt: Schnitt 5 steht, Schnitte 1 bis 4 sind weg. */
.f10-s{position:absolute;left:120px;right:120px;top:0;height:1080px;display:flex;flex-direction:column;justify-content:center;gap:34px}
.f10-s1,.f10-s2,.f10-s3,.f10-s4{opacity:0}
.f10-gross{font-size:150px;font-weight:800;letter-spacing:-.036em;line-height:1;color:var(--weiss);white-space:nowrap}
.f10-zwei{font-size:120px;font-weight:800;letter-spacing:-.032em;line-height:1;color:var(--unter);white-space:nowrap}
.f10-unter{font-size:60px;font-weight:600;letter-spacing:-.015em;line-height:1.1;color:var(--silber);white-space:nowrap}
.f10-marke{display:flex;align-items:center;gap:40px}
.f10-signet{width:150px;height:150px;display:block;flex:none}
@keyframes f10-rein{from{opacity:0;transform:translateX(-90px)}to{opacity:1;transform:none}}
@keyframes f10-raus{from{opacity:1;transform:none}to{opacity:0;transform:translateX(60px)}}
@keyframes f10-auf{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes f10-rollen{from{opacity:0;transform:translateY(26px) rotate(-172deg)}35%{opacity:1}to{opacity:1;transform:none}}
/* Zeiten in s ab Satzbeginn, 0,32 s je Wort, 0,15 s nach Komma, 0,35 s nach Punkt:
   Keine KI 0,00 · kein Quant Team 0,79 · keine Fees 1,90 · Günstiger 2,89 · ein Werkstudent 3,53 · zu fester 4,32 · Satzende 5,28.
   Jeder Schnitt kommt von links, der vorige geht nach rechts. */
.spielt .f10-s1{animation:f10-rein .5s cubic-bezier(.22,.61,.36,1) 0s both,f10-raus .3s cubic-bezier(.65,0,.35,1) .79s forwards}
.spielt .f10-s2{animation:f10-rein .5s cubic-bezier(.22,.61,.36,1) .79s both,f10-raus .3s cubic-bezier(.65,0,.35,1) 1.9s forwards}
.spielt .f10-s3{animation:f10-rein .5s cubic-bezier(.22,.61,.36,1) 1.9s both,f10-raus .3s cubic-bezier(.65,0,.35,1) 2.89s forwards}
.spielt .f10-s4{animation:f10-rein .5s cubic-bezier(.22,.61,.36,1) 2.89s both,f10-raus .3s cubic-bezier(.65,0,.35,1) 4.32s forwards}
.spielt .f10-s4 .f10-zwei{animation:f10-auf .5s cubic-bezier(.22,.61,.36,1) 3.53s both}
.spielt .f10-s5{animation:f10-rein .5s cubic-bezier(.22,.61,.36,1) 4.32s both}
.spielt .f10-signet{animation:f10-rollen .9s cubic-bezier(.22,.61,.36,1) 4.32s both}
.spielt .f10-s5 .f10-unter{animation:f10-auf .5s cubic-bezier(.22,.61,.36,1) 4.64s both}

:root{--buehne:#000000;--feld:#0E0E0E;--linie:#1F1F1F;--weiss:#FFFFFF;--unter:#D1D5DB;--silber:#8B929E;--grau:#6B7280;--grau3:#4B5563}
*{box-sizing:border-box}







.stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;background:var(--buehne);color:var(--unter)}
/* f11 Runde 3 (Nutzer 29.09. 20:20, Entwurf A aus varianten/f11_usp_block.html): Schnittform wie f10, Folie 11 und 12 sind ein Block.
   Schnitt 0 ist das Endbild von Folie 11 und steht bis "White". Dann rollt das Signet heraus (Umkehr von f10-rollen), der Platz bleibt
   als gestrichelter Rahmen (wie die Luecke auf Folie 3), Scherbius geht nach rechts, White Label kommt von links. Auf "lokal" Schnitt 2.
   Weg gegen Runde 2: Kopf Ihre Software Lizenz und Zeile Ihre eigene Quant Engine (beides schon Folie 4). Offen: Die Parameter setzen Sie.
   Worte aus texte.json G8 bild.zeilen. Endzustand ohne Klasse spielt: Schnitt 2 steht. */
.f11-s{position:absolute;left:120px;right:120px;top:0;height:1080px;display:flex;flex-direction:column;justify-content:center;gap:34px}
.f11-s0,.f11-s1{opacity:0}
.f11-gross{font-size:150px;font-weight:800;letter-spacing:-.036em;line-height:1;color:var(--weiss);white-space:nowrap}
.f11-zwei{font-size:120px;font-weight:800;letter-spacing:-.032em;line-height:1;color:var(--unter);white-space:nowrap}
.f11-unter{font-size:60px;font-weight:600;letter-spacing:-.015em;line-height:1.1;color:var(--silber);white-space:nowrap}
.f11-marke{display:flex;align-items:center;gap:40px}
.f11-signet{width:150px;height:150px;display:block;flex:none}
.f11-platz{width:150px;height:150px;flex:none;border-radius:34px;border:5px dashed rgba(255,255,255,.42)}
@keyframes f11-rein{from{opacity:0;transform:translateX(-90px)}to{opacity:1;transform:none}}
@keyframes f11-raus{from{opacity:1;transform:none}to{opacity:0;transform:translateX(60px)}}
@keyframes f11-auf{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes f11-steht{from{opacity:1}to{opacity:1}}
@keyframes f11-rausrollen{from{opacity:1;transform:none}65%{opacity:1}to{opacity:0;transform:translateY(26px) rotate(172deg)}}
/* Zeiten in s ab Satzbeginn, 0,32 s je Wort, 0,15 s nach Komma:
   Dafür 0,00 · Engine 0,96 · White 1,60 · Label 1,92 · unter 2,24 · Namen 2,88 · lokal 3,35 · IT 4,31 · Satzende 4,63, Halt 2,1 s.
   Schnitt 0 steht 0,00 bis 1,60. Signet raus 1,60 bis 2,10, Scherbius und Unterzeile nach rechts 1,60. White Label von links 2,10,
   Platz 2,30, unter Ihrem Namen 2,45. Schnitt 1 geht 3,35 nach rechts, Schnitt 2 kommt 3,35 von links. */
.spielt .f11-s0{animation:f11-steht 1.6s linear 0s both}
.spielt .f11-s0 .f11-signet{animation:f11-rausrollen .5s cubic-bezier(.65,0,.35,1) 1.6s forwards}
.spielt .f11-s0 .f11-gross,.spielt .f11-s0 .f11-unter{animation:f11-raus .3s cubic-bezier(.65,0,.35,1) 1.6s forwards}
.spielt .f11-s1{animation:f11-rein .5s cubic-bezier(.22,.61,.36,1) 2.1s both,f11-raus .3s cubic-bezier(.65,0,.35,1) 3.35s forwards}
.spielt .f11-s1 .f11-platz{animation:f11-auf .5s cubic-bezier(.22,.61,.36,1) 2.3s both}
.spielt .f11-s1 .f11-zwei{animation:f11-auf .5s cubic-bezier(.22,.61,.36,1) 2.45s both}
.spielt .f11-s2{animation:f11-rein .5s cubic-bezier(.22,.61,.36,1) 3.35s both}

:root{--buehne:#000000;--feld:#0E0E0E;--linie:#1F1F1F;--weiss:#FFFFFF;--unter:#D1D5DB;--silber:#8B929E;--grau:#6B7280;--grau3:#4B5563}
*{box-sizing:border-box}







.stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;background:var(--buehne);color:var(--unter)}

/* Folie 13, Absender. Links die Fotostrecke, rechts das Profil. Endzustand ohne Klasse spielt, Sekunden ab Satzbeginn */
.f12-foto{position:absolute;border-radius:22px;overflow:hidden;background:var(--feld)}
.f12-foto::after{content:"";position:absolute;inset:0;border-radius:22px;border:1px solid rgba(255,255,255,.16);pointer-events:none}
.f12-foto img{width:100%;height:100%;object-fit:cover;display:block}
/* Runde 4 (Nutzer 29.09. abends): Dreier Collage, Strecke 800 breit. Dienstanzug 3:4 unbeschnitten links oben, Hubschrauber daneben, Wald in voller Breite darunter */
.f12-fo{left:120px;top:118px;width:285px;height:380px}
.f12-fo img{transform-origin:50% 30%}
.f12-fh{left:421px;top:118px;width:499px;height:380px}
.f12-fh img{height:106%;object-position:55% 100%;transform-origin:50% 60%}
.f12-fa{left:120px;top:514px;width:800px;height:447px}
.f12-fa img{transform-origin:74% 38%}
.f12-bild{position:absolute;left:970px;top:225px;width:200px;height:200px}
.f12-kreis{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:var(--feld)}
.f12-kreis img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:50% 32%}
.f12-ring{position:absolute;left:-12px;top:-12px;width:224px;height:224px;overflow:visible;pointer-events:none}
.f12-ring circle{fill:none;stroke:rgba(255,255,255,.4);stroke-width:2.5;stroke-dasharray:1;stroke-dashoffset:0}
.f12-name{position:absolute;left:970px;top:469px;font-size:104px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--weiss);white-space:nowrap}
.f12-zeile{position:absolute;left:970px;font-size:46px;font-weight:600;letter-spacing:-.01em;line-height:1.2;color:var(--unter);white-space:nowrap}
.f12-rolle{top:597px;font-size:42px;display:flex;align-items:center}
.f12-marke{display:inline-flex;align-items:center;gap:12px;margin-left:14px}
.f12-signet{width:40px;height:40px;display:block}
.f12-sname{display:inline-block;color:var(--weiss);font-weight:800}
.f12-r1,.f12-w1,.f12-w2{display:inline-block}
.f12-strich{position:absolute;left:970px;top:690px;width:830px;height:2px;background:rgba(255,255,255,.16);transform-origin:0 50%}
.f12-vw{top:726px} .f12-fs{top:795px}

@keyframes f12-hoch{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes f12-links{from{opacity:0;transform:translateX(-44px)}to{opacity:1;transform:none}}
@keyframes f12-strecke{from{opacity:0;transform:translateX(-90px)}to{opacity:1;transform:none}}
@keyframes f12-zoom{from{transform:scale(1.1)}to{transform:scale(1)}}
@keyframes f12-zeichne{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes f12-strich{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes f12-rollen{from{opacity:0;transform:translateY(26px) rotate(-172deg)}35%{opacity:1}to{opacity:1;transform:none}}
@keyframes f12-auf{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.spielt .f12-bild{animation:f12-hoch .8s cubic-bezier(.22,.61,.36,1) 0s both}
.spielt .f12-bild img{animation:f12-zoom 4.8s cubic-bezier(.22,.61,.36,1) 0s both}
.spielt .f12-bild circle{animation:f12-zeichne 1.1s cubic-bezier(.45,0,.2,1) .15s both}
.spielt .f12-name{animation:f12-links .6s cubic-bezier(.22,.61,.36,1) .6s both}
.spielt .f12-strich{animation:f12-strich .7s cubic-bezier(.45,0,.2,1) 1.3s both}
.spielt .f12-vw{animation:f12-links .6s cubic-bezier(.22,.61,.36,1) 1.4s both}
.spielt .f12-w1{animation:f12-links .55s cubic-bezier(.22,.61,.36,1) 2.15s both}
.spielt .f12-fa{animation:f12-strecke .8s cubic-bezier(.22,.61,.36,1) 2.15s both}
.spielt .f12-fa img{animation:f12-zoom 2.6s cubic-bezier(.22,.61,.36,1) 2.15s both}
.spielt .f12-w2{animation:f12-links .55s cubic-bezier(.22,.61,.36,1) 2.8s both}
.spielt .f12-fh{animation:f12-strecke .8s cubic-bezier(.22,.61,.36,1) 2.8s both}
.spielt .f12-fh img{animation:f12-zoom 2.2s cubic-bezier(.22,.61,.36,1) 2.8s both}
.spielt .f12-fo{animation:f12-strecke .8s cubic-bezier(.22,.61,.36,1) 2.95s both}
.spielt .f12-fo img{animation:f12-zoom 2.2s cubic-bezier(.22,.61,.36,1) 2.95s both}
.spielt .f12-r1{animation:f12-links .6s cubic-bezier(.22,.61,.36,1) 3.65s both}
.spielt .f12-signet{animation:f12-rollen .9s cubic-bezier(.22,.61,.36,1) 3.9s both}
.spielt .f12-sname{animation:f12-auf .6s cubic-bezier(.22,.61,.36,1) 4.05s both}

:root{--buehne:#000000;--feld:#0E0E0E;--linie:#1F1F1F;--weiss:#FFFFFF;--unter:#D1D5DB;--silber:#8B929E;--grau:#6B7280;--grau3:#4B5563}
*{box-sizing:border-box}





.satz.f13-leer{color:var(--silber);font-weight:500}


.stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;background:var(--buehne);color:var(--unter)}

/* Folie 14, Fridolin. Gleicher Aufbau und gleiche Masse wie Folie 13 (f12): Fotostrecke links, Profil rechts */
.f13-foto{position:absolute;left:120px;width:720px;border-radius:22px;overflow:hidden;background:var(--feld)}
.f13-foto::after{content:"";position:absolute;inset:0;border-radius:22px;border:1px solid rgba(255,255,255,.16);pointer-events:none}
.f13-foto img{width:100%;height:100%;object-fit:cover;display:block}
.f13-fa{top:118px;height:405px}
.f13-fa img{object-position:50% 28%;transform-origin:52% 40%}   /* Schnitt 1216 x 1012 ohne Tasche und Schuhe, Fenster Zeilen 90 bis 781, Kopf und Kuscheltier gross */
.f13-fb{top:545px;height:416px}
.f13-fb img{object-position:50% 51%;transform-origin:50% 50%}
.f13-bild{position:absolute;left:930px;top:225px;width:200px;height:200px}
.f13-kreis{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:var(--feld)}
/* Ausschnitt Kopf und Brust: Bildpunkt (695, 700) des Originals 1200 x 1600 in der Kreismitte, 640 px Durchmesser */
.f13-kreis img{position:absolute;left:-117px;top:-119px;width:375px;height:500px;max-width:none;display:block;transform-origin:217px 219px}
.f13-ring{position:absolute;left:-12px;top:-12px;width:224px;height:224px;overflow:visible;pointer-events:none}
.f13-ring circle{fill:none;stroke:rgba(255,255,255,.4);stroke-width:2.5;stroke-dasharray:1;stroke-dashoffset:0}
.f13-name{position:absolute;left:930px;top:469px;font-size:104px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--weiss);white-space:nowrap}
.f13-zeile{position:absolute;left:930px;font-size:46px;font-weight:600;letter-spacing:-.01em;line-height:1.2;color:var(--unter);white-space:nowrap}
.f13-rolle{top:597px;font-size:42px}
.f13-strich{position:absolute;left:930px;top:690px;width:870px;height:2px;background:rgba(255,255,255,.16);transform-origin:0 50%}
.f13-pointe{top:726px}

/* Bewegung, Sekunden ab Folienbeginn, Sprache der Folie 13 im Zeitraffer */
@keyframes f13-hoch{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes f13-links{from{opacity:0;transform:translateX(-44px)}to{opacity:1;transform:none}}
@keyframes f13-strecke{from{opacity:0;transform:translateX(-90px)}to{opacity:1;transform:none}}
@keyframes f13-zoom{from{transform:scale(1.1)}to{transform:scale(1)}}
@keyframes f13-zeichne{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes f13-strich{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.spielt .f13-bild{animation:f13-hoch .5s cubic-bezier(.22,.61,.36,1) 0s both}
.spielt .f13-kreis img{animation:f13-zoom 1.4s cubic-bezier(.22,.61,.36,1) 0s both}
.spielt .f13-ring circle{animation:f13-zeichne .6s cubic-bezier(.45,0,.2,1) .05s both}
.spielt .f13-fa{animation:f13-strecke .6s cubic-bezier(.22,.61,.36,1) .1s both}
.spielt .f13-fa img{animation:f13-zoom 1.4s cubic-bezier(.22,.61,.36,1) .1s both}
.spielt .f13-name{animation:f13-links .45s cubic-bezier(.22,.61,.36,1) .2s both}
.spielt .f13-fb{animation:f13-strecke .6s cubic-bezier(.22,.61,.36,1) .3s both}
.spielt .f13-fb img{animation:f13-zoom 1.3s cubic-bezier(.22,.61,.36,1) .3s both}
.spielt .f13-rolle{animation:f13-links .45s cubic-bezier(.22,.61,.36,1) .45s both}
.spielt .f13-strich{animation:f13-strich .4s cubic-bezier(.45,0,.2,1) .6s both}
.spielt .f13-pointe{animation:f13-links .45s cubic-bezier(.22,.61,.36,1) .8s both}
:root{--buehne:#000000;--feld:#0E0E0E;--linie:#1F1F1F;--weiss:#FFFFFF;--unter:#D1D5DB;--silber:#8B929E;--grau:#6B7280;--grau3:#4B5563}
*{box-sizing:border-box}










.stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;background:var(--buehne);color:var(--unter)}
.f14-sig{position:absolute;left:314.1px;top:386px;width:308px;height:308px}
.f14-sig::before{content:'';position:absolute;inset:3.8px;border-radius:50%;background:#000}
.f14-sig img{position:relative;display:block;width:100%;height:100%}
.f14-wort{position:absolute;left:468.1px;top:391px;width:1142.2px;height:178.6px;overflow:hidden}
.f14-wort-in{position:absolute;left:0;top:0;width:100%;height:100%}
.f14-wort-bild{position:absolute;left:256.5px;top:0;width:885.7px;height:100%;overflow:hidden}
.f14-wort-bild img{position:absolute;left:-455.1px;top:-113.7px;width:1380px;height:405.9px;display:block;max-width:none}
.f14-zeile{position:absolute;left:727px;font-weight:500;letter-spacing:.03em;line-height:1;white-space:nowrap;color:#BCBCBA;overflow:hidden;padding-bottom:.08em}
.f14-a{top:596.6px;font-size:74.9px} .f14-b{top:599.8px;font-size:54.8px}
.f14-w{display:inline-block}
@keyframes f14-roll{from{transform:translateX(-380px) rotate(-148.8deg)}to{transform:none}}
@keyframes f14-ein{from{opacity:0}to{opacity:1}}
@keyframes f14-raus{from{transform:translateX(-1008.3px)}to{transform:none}}
@keyframes f14-hoch{from{transform:translateY(1.1em)}to{transform:none}}
.spielt .f14-sig{animation:f14-roll 1.1s cubic-bezier(.22,1,.36,1) 0s both,f14-ein .5s ease-out 0s both}
.spielt .f14-wort-in{animation:f14-raus .95s cubic-bezier(.22,1,.36,1) .5s both,f14-ein .25s linear .5s both}
.spielt .f14-w{animation-name:f14-hoch;animation-duration:.7s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}