.fritz{z-index:6;right:calc(220px + var(--space-8) - 64px);height:92%;aspect-ratio:var(--fritz-ar,.55);pointer-events:none;opacity:calc(1 - var(--fritzOut,0));transform:translateX(calc((1 - var(--fritzIn,1)) * 70% + var(--fritzOut,0) * 35%));position:absolute;bottom:0}.fritz__canvas{filter:drop-shadow(0 24px 28px #1d1e2029);width:100%;height:100%;display:block}.say{z-index:1;background:var(--surface-raised);width:min(340px,27vw);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);font-family:var(--font-sans);opacity:0;transform:translateY(calc((1 - var(--k,0)) * 14px)) scale(calc(.96 + .04 * var(--k,0)));transform-origin:100% 80%;padding:14px 20px 18px;font-size:18px;font-weight:500;line-height:27px;position:absolute;top:1%;right:60%}.say p{text-wrap:pretty;margin:0}.say:after{content:"";background:var(--surface-raised);border-top:1px solid var(--line);border-right:1px solid var(--line);width:16px;height:16px;position:absolute;bottom:30px;right:-9px;transform:rotate(45deg)}.say__who{color:var(--ink-muted);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;font-weight:600;line-height:16px;display:flex}.say__who:before{content:"";background:var(--cyan);width:8px;height:8px}.say__who img{width:18px;height:auto}.say--big{width:min(380px,30vw)}.say--big p{letter-spacing:-.02em;font-size:34px;font-weight:700;line-height:38px}.glovesays{z-index:6;right:calc(220px + var(--space-8) + 24px);pointer-events:none;width:min(330px,26vw);position:absolute;top:9%;bottom:7%}.say--glove{transform-origin:20% 100%;width:100%;top:0;left:auto;right:0}.say--glove:after{bottom:-9px;left:34px;right:auto;transform:rotate(135deg)}.say--end{transform-origin:20% 0;top:auto;bottom:0}.say--end:after{top:-9px;bottom:auto;transform:rotate(-45deg)}.cursor--glove{fill:none;stroke:none;transform-origin:8% 4%;filter:drop-shadow(0 6px 8px #1d1e2047);width:60px;height:auto}.story.is-glove .story__stage{cursor:url(/images/fritz/handschuh-zeiger.png) 3 2,auto}.story{height:1610vh}.inv{z-index:4;pointer-events:none;background:rgb(29 30 32/calc(.5 * var(--invIn,0)))}.inv__card{background:var(--surface-raised);width:470px;color:var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-family:var(--font-sans);opacity:calc(var(--c) * var(--invIn,0));transform:translateY(calc(-50% + (1 - var(--c)) * 18px));padding:18px 22px 20px;position:absolute;top:50%;left:36px}.inv__say{background:var(--surface);border-radius:var(--radius-md);align-items:flex-start;gap:10px;margin:0 0 14px;padding:10px 12px;font-size:15px;font-weight:500;line-height:21px;display:flex}.inv__say img{flex:none;width:22px;height:auto;margin-top:1px}.inv__label{color:var(--ink-muted);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 10px;font-size:11px;font-weight:600;line-height:14px;display:flex}.inv__label:before{content:"";background:var(--cyan);width:7px;height:7px}.inv__row{border-top:1px solid var(--line);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;font-size:15px;line-height:20px;display:grid}.inv__main{min-width:0;font-weight:600}.inv__note{color:var(--ink-muted);font-size:13px}.inv__tick{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--ink) calc(var(--v) * 100%), transparent);border-radius:3px;place-items:center;width:22px;height:22px;display:grid}.inv__tick svg{fill:none;width:16px;height:16px;stroke:var(--surface-raised);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:calc((1 - var(--v)) * 24)}.inv__row--swap .inv__main{gap:2px;display:grid}.inv__row--swap s{color:var(--danger);background:linear-gradient(currentColor, currentColor) 0 55% / calc(var(--v) * 100%) 1.5px no-repeat;font-weight:500;text-decoration:none}.inv__good{color:var(--ink);opacity:var(--v)}.inv__search{border:1px solid var(--line-strong);border-radius:var(--radius-full);align-items:center;gap:10px;height:40px;margin-bottom:10px;padding:0 14px;font-size:15px;display:flex}.inv__search svg{fill:none;width:18px;height:18px;stroke:var(--ink-muted);stroke-width:2px}.inv__typed{clip-path:inset(0 calc((1 - var(--typ,0)) * 100%) 0 0)}.inv__hit{border-radius:var(--radius-md);background:var(--surface);opacity:var(--typ,0);gap:2px;margin-bottom:10px;padding:10px 12px;font-size:13px;line-height:18px;display:grid}.inv__hit small{color:var(--ink-muted);font-size:12px}.inv__hit b{text-decoration:underline;-webkit-text-decoration-color:var(--cyan);text-decoration-color:var(--cyan);text-underline-offset:3px;font-size:16px;font-weight:600;line-height:21px}.inv__letter{border:1px solid var(--danger);border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger);gap:2px;margin-bottom:10px;padding:10px 12px;font-size:13px;display:grid;position:relative}.inv__letter b{font-size:16px}.inv__saved{border:2px solid var(--success);color:var(--success);background:var(--surface-raised);letter-spacing:.06em;text-transform:uppercase;opacity:var(--saved,0);transform:translateY(-50%) rotate(-6deg) scale(calc(1.3 - .3 * var(--saved,0)));border-radius:6px;padding:4px 10px;font-size:13px;font-style:normal;font-weight:700;position:absolute;top:50%;right:12px}.film{background:var(--surface-alt)}.film__frame{background:var(--surface-alt);place-items:center;display:grid;position:relative}.film__video{aspect-ratio:16/9;width:100%;height:auto;max-height:calc(100vh - var(--header-height));max-height:calc(100svh - var(--header-height));-o-object-fit:contain;object-fit:contain;background:var(--surface-alt);display:block}.film__controls{right:max(var(--space-6), env(safe-area-inset-right,0px));bottom:var(--space-6);align-items:center;gap:var(--space-3);display:flex;position:absolute}.film__toggle{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4) 0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface-raised);color:var(--ink);font:600 15px/1 var(--font-sans);box-shadow:var(--shadow-md);cursor:pointer;transition:background-color .12s var(--cf-ease);display:inline-flex}.film__toggle:hover{background:var(--surface)}.film__toggle:focus-visible{box-shadow:var(--shadow-md), var(--focus-ring);outline:none}.film__icon{fill:currentColor;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;display:none}.film__icon--play,.film__icon--pause{stroke:none}.film__toggle[data-state=play] .film__icon--play,.film__toggle[data-state=pause] .film__icon--pause,.film__toggle[data-state=replay] .film__icon--replay,.film__sound[aria-pressed=false] .film__icon--muted,.film__sound[aria-pressed=true] .film__icon--sound{display:block}.film__sound .film__icon{fill:none}.film__bar{background:color-mix(in srgb, var(--ink) 10%, transparent);height:3px;position:absolute;bottom:0;left:0;right:0}.film__bar i{background:var(--cyan);transform-origin:0;height:100%;transform:scaleX(var(--fp,0));display:block}.film__intro{justify-content:space-between;align-items:end;gap:var(--space-6) var(--space-12);padding-block:var(--space-12) var(--space-8);flex-wrap:wrap;display:flex}.film__head{gap:var(--space-4);max-width:720px;display:grid}.film__head>*{margin:0}.film__ctas{gap:var(--space-3);flex-wrap:wrap;display:flex}.film__text{padding-bottom:var(--space-12);color:var(--ink-muted)}.film__text summary{cursor:pointer;width:max-content;max-width:100%;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--cyan);text-decoration-color:var(--cyan);text-underline-offset:4px;border-radius:4px;font-weight:600}.film__text ol{max-width:var(--text-max);margin:var(--space-4) 0 0;padding-left:var(--space-6);gap:var(--space-3);display:grid}.film__text p{color:var(--ink);margin:0}.film__text ul{margin:var(--space-1) 0 0;padding-left:var(--space-4)}.film--failed .film__toggle{display:none}@media (width<=760px),(orientation:portrait) and (width<=1024px){.film__video{aspect-ratio:9/16}.film__controls{bottom:var(--space-4);right:var(--space-4);gap:var(--space-2)}.film__toggle span{display:none}.film__toggle{padding:0 var(--space-3)}.film__intro{padding-block:var(--space-8) var(--space-6)}.film__ctas .q-btn{flex:100%}}@media (prefers-reduced-motion:reduce){.film__toggle{transition:none}}.unseen{gap:var(--space-8) var(--space-12);grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));margin:0;padding:0;list-style:none;display:grid}.unseen__item{gap:var(--space-3);padding-top:var(--space-6);border-top:1px solid var(--ink);align-content:start;display:grid}.unseen__item>*{margin:0}.unseen__item .body{color:var(--ink-muted)}.unseen__num{letter-spacing:.16em;color:var(--cyan-strong);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;line-height:16px}.unseen__foot{margin:var(--space-12) 0 0;padding:var(--space-4) var(--space-6);background:var(--surface-alt);border-radius:var(--radius-md);align-items:center;gap:12px;font-size:15px;line-height:22px;display:flex}.cf-signal{background:var(--cyan);flex:none;width:8px;height:8px}@media (width<=1180px){.fritz{right:calc(var(--space-6) - 24px)}.glovesays{right:calc(var(--space-6) + 24px)}}@media (width<=760px),(orientation:portrait) and (width<=1024px){.story{height:1370vh}.inv__card{width:384px;padding:14px 16px 16px;left:18px}.fritz{height:54%;right:-6%}.say{width:min(250px,58vw);padding:10px 14px 12px;font-size:15px;line-height:21px;top:-4%;right:52%}.say--big{width:min(220px,52vw)}.say--big p{font-size:24px;line-height:27px}.say__who{margin-bottom:4px;font-size:11px}.glovesays{right:var(--space-4);width:min(260px,70vw);top:44%;bottom:10%}.say--glove{top:0}.say--end{top:auto}}@media (prefers-reduced-motion:reduce){.fritz,.say{transform:none}}