@layer components{.film-stage{--p:0}.theme-film [id]{scroll-margin-top:80px}}
@layer components{:root{--film-ease-back:cubic-bezier(.34, 1.56, .64, 1);--film-ease-expo:cubic-bezier(.16, 1, .3, 1);--film-ease-vorhang:cubic-bezier(.76, 0, .24, 1)}@supports (transition-timing-function:linear(0, 1)){:root{--film-ease-back:linear(0, .2148, .4006, .5593, .6928, .8031, .8922, .962, 1.0144, 1.0514, 1.075, 1.0871, 1.0896, 1.0845, 1.0738, 1.0594, 1.0432, 1.0272, 1.0134, 1.0037, 1)}}.film-picture{max-width:100%;height:auto;display:block}.sticker{rotate:var(--st-rot,-8deg);border:3px solid var(--color-tinte,#10202b);box-shadow:var(--licht), var(--schatten-comic-sm);font-family:var(--font-poster,"Big Shoulders Display", Impact, sans-serif);text-transform:uppercase;letter-spacing:.01em;text-align:center;justify-content:center;align-items:center;font-weight:900;line-height:.95;display:inline-flex}.sticker--pille{border-radius:999px;padding:.32em .9em .28em}.sticker--kreis{aspect-ratio:1;min-width:var(--st-kreis,7rem);border-radius:50%;padding:.8em}.sticker--kreis .sticker__text{text-wrap:balance;max-width:6.5em}.sticker--sm{--st-kreis:5.5rem;font-size:1.1875rem}.sticker--sm .sticker__text{letter-spacing:.04em}.sticker--md{--st-kreis:7rem;font-size:1.5rem}.sticker--lg{--st-kreis:clamp(9rem, 30vw, 13rem);font-size:clamp(1.75rem,5vw,2.75rem)}.sticker--xl{--st-kreis:clamp(12rem, 52vw, 22rem);font-size:clamp(2.5rem,10vw,6rem)}.sticker--senf{background-color:var(--color-senf,#f5cf45);background-image:var(--verlauf-senf);color:var(--color-tinte,#10202b)}.sticker--nordsee{background-color:var(--color-nordsee,#a9cde2);background-image:var(--verlauf-nordsee);color:var(--color-tinte,#10202b)}.sticker--creme{background-color:var(--color-creme,#f4f1e8);background-image:var(--verlauf-creme);color:var(--color-tinte,#10202b)}.sticker--signal{background-color:var(--color-signal,#e0492b);background-image:var(--verlauf-signal);color:var(--color-tinte,#10202b)}.sticker--kreis.sticker--senf{box-shadow:var(--praegung-senf), var(--licht), var(--schatten-comic-sm)}.sticker--tinte{background-color:var(--color-tinte,#10202b);background-image:var(--verlauf-tinte);color:var(--color-creme,#f4f1e8);box-shadow:inset 0 1px 0 #ffffff2e, var(--schatten-comic-senf)}.polaroid{background-color:var(--color-papier,#fff);background-image:var(--verlauf-papier);box-shadow:inset 0 0 0 1px #10202b12, var(--innenkante-hell), var(--schatten-comic);rotate:var(--pol-rot,0deg);margin:0;padding:10px 10px 0;display:block}.polaroid__bild{aspect-ratio:var(--pol-ratio,auto);background:var(--color-creme,#f4f1e8);position:relative;overflow:hidden}.polaroid__img{object-fit:cover;width:100%;height:100%}.polaroid__unten{min-height:40px;font-family:var(--font-text,"Hanken Grotesk", system-ui, sans-serif);color:var(--color-tinte,#10202b);align-items:center;padding:6px 2px;font-size:.875rem;font-weight:700;line-height:1.2;display:flex}.plate{aspect-ratio:1;border:10px solid var(--color-creme,#f4f1e8);background-color:var(--color-creme,#f4f1e8);background-image:var(--verlauf-creme);height:auto;min-height:0;box-shadow:inset 0 0 0 1px #10202b1a, var(--schatten-comic);border-radius:50%;position:relative}.plate__innen{clip-path:circle(50%);border-radius:50%;position:absolute;inset:0;overflow:hidden}.ki-label{background-color:var(--color-tinte,#10202b);background-image:var(--verlauf-tinte);color:var(--color-creme,#f4f1e8);font-family:var(--font-text,"Hanken Grotesk", system-ui, sans-serif);letter-spacing:.02em;border-radius:999px;align-items:center;padding:.3em .75em;font-size:.75rem;font-weight:700;line-height:1.2;display:inline-flex;box-shadow:inset 0 1px #ffffff2e,0 1px 2px #10202b14,0 3px 8px -3px #10202b24}.marquee{--mq-faktor:.7;rotate:var(--mq-tilt,0deg);font-family:var(--font-poster,"Big Shoulders Display", Impact, sans-serif);text-transform:uppercase;--mq-schatten:0 10px 24px -16px #10202b8c;font-size:clamp(1.75rem,7vw,4.5rem);font-weight:900;line-height:1;position:relative}@media (min-width:1024px){.marquee{--mq-faktor:1}}.marquee[data-schraeg]{width:110%;margin-inline:-5%}.marquee--senf{background-color:var(--color-senf,#f5cf45);--mq-schatten:0 12px 26px -18px #10202b99;box-shadow:inset 0 1px 0 #ffffff9e, inset 0 -1px 0 #78550a4d, var(--mq-schatten);color:var(--color-tinte,#10202b);background-image:linear-gradient(#fbe38a 0%,#f5cf45 58%,#d9a81f 100%)}.marquee--tinte{background-color:var(--color-tinte,#10202b);box-shadow:inset 0 1px 0 #f5cf456b, inset 0 -1px 0 #00000059, var(--mq-schatten);color:var(--color-creme,#f4f1e8);background-image:linear-gradient(#1b3746 0%,#16303f 100%)}.marquee--creme{background-color:var(--color-creme,#f4f1e8);background-image:var(--verlauf-creme);box-shadow:var(--mq-schatten);color:var(--color-tinte,#10202b)}.marquee--signal{background-color:var(--color-signal,#e0492b);background-image:var(--verlauf-signal);box-shadow:var(--mq-schatten);color:var(--color-tinte,#10202b)}.marquee--nordsee{background-color:var(--color-nordsee,#a9cde2);background-image:var(--verlauf-nordsee);box-shadow:var(--mq-schatten);color:var(--color-tinte,#10202b)}.marquee__statisch{flex-wrap:wrap;justify-content:center;gap:.15em .9em;margin:0;padding:.3em 1rem;list-style:none;display:flex}.marquee__band{display:none}.marquee__kopie{flex-shrink:0;display:flex}.marquee__band .marquee__item{white-space:nowrap;align-items:center;display:inline-flex}.marquee__band .marquee__item:after{content:"";background:currentColor;border-radius:50%;width:.26em;height:.26em;margin-inline:.45em;display:inline-block}.film-motion .marquee__statisch{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.film-motion .marquee__band{padding-block:.3em;display:block;overflow:hidden}.film-motion .marquee__spur{width:max-content;animation:film-marquee calc(var(--mq-sek,40) / var(--mq-faktor) * 1s) linear infinite;will-change:transform;display:flex}.film-motion .marquee[data-richtung=rueckwaerts] .marquee__spur{animation-direction:reverse}.film-motion .marquee[data-pause] .marquee__spur{animation-play-state:paused}@media (hover:hover){.film-motion .marquee:hover .marquee__spur{animation-play-state:paused}}@keyframes film-marquee{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.split-reveal__wort{white-space:nowrap;display:inline-block}.split-reveal__maske,.title-card__maske{vertical-align:top;margin-block:-.12em;padding-block:.12em;display:inline-block;overflow:hidden}.split-reveal__teil,.title-card__teil{display:inline-block}.film-motion .split-reveal__teil{transform-origin:0 100%}.title-card{text-transform:uppercase;margin:0;display:block}.title-card--tinte{color:var(--color-tinte,#10202b)}.title-card--creme{color:var(--color-creme,#f4f1e8)}.title-card__meta{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.title-card__nummer{flex-shrink:0}.title-card__kicker{font-family:var(--font-text,"Hanken Grotesk", system-ui, sans-serif);letter-spacing:.14em;font-size:clamp(1rem,3.6vw,1.375rem);font-weight:700}.title-card__titel{font-family:var(--font-poster,"Big Shoulders Display", Impact, sans-serif);letter-spacing:-.01em;font-size:clamp(3.25rem,16vw,11rem);font-weight:900;line-height:.88;display:block}.word-reveal__wort{isolation:isolate;display:inline-block;position:relative}.word-reveal__marker{z-index:-1;background-color:var(--color-senf,#f5cf45);background-image:var(--verlauf-schild);transform-origin:0%;height:.45em;position:absolute;bottom:.04em;left:-.08em;right:-.08em;box-shadow:inset 0 1px #ffffffbf,inset 0 -1px #78550a47,inset 0 0 0 1px #78550a24,0 2px 5px #10202b29,0 8px 18px -10px #10202b57}.film-motion .word-reveal{transform:rotate(calc(var(--wr-tilt,3) * 1deg));transform-origin:0%}.film-motion .word-reveal__inhalt{opacity:var(--wr-o,.45)}.film-motion .word-reveal__marker{transform:scaleX(var(--wr-m,0));will-change:transform}.letterbox{display:none}.film-motion .letterbox{z-index:40;pointer-events:none;display:block;position:fixed;inset:0}.film-motion .letterbox__balken{background-color:var(--color-tinte,#10202b);height:8svh;transition:transform .6s var(--film-ease-vorhang);will-change:transform;position:absolute;left:0;right:0;transform:scaleY(0)}.film-motion .letterbox__balken--oben{transform-origin:50% 0;background-image:linear-gradient(#0a171f 0%,#0e1d27 100%);top:0}.film-motion .letterbox__balken--unten{transform-origin:50% 100%;background-image:linear-gradient(#0e1d27 0%,#0a171f 100%);bottom:0}.film-motion .letterbox[data-an] .letterbox__balken{transform:scaleY(1)}.film-strip__balken{z-index:48;background-color:var(--color-signal,#e0492b);height:4px;transform:scaleX(var(--fs-p,0));transform-origin:0%;will-change:transform;pointer-events:none;background-image:linear-gradient(90deg,#f07a5c 0%,#e85a3a 50%,#e0492b 100%);position:fixed;top:0;left:0;right:0;box-shadow:inset 0 -1px #781e0a4d}.film-strip__pille{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:48;border:3px solid var(--color-tinte,#10202b);background-color:var(--color-creme,#f4f1e8);background-image:var(--verlauf-creme);min-height:44px;box-shadow:var(--licht), var(--schatten-comic-sm);color:var(--color-tinte,#10202b);font-family:var(--font-poster,"Big Shoulders Display", Impact, sans-serif);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s ease, translate .25s var(--film-ease-expo);border-radius:999px;padding:.4rem 1.1rem;font-size:1.1875rem;font-weight:800;position:fixed;translate:-50% 12px}.film-strip__pille[data-sichtbar],.film-strip__pille:focus-visible{opacity:1;pointer-events:auto;translate:-50%}.film-strip__pille:focus-visible{outline:3px solid var(--color-signal,#e0492b);outline-offset:3px;transition:none}.counter-slots{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.counter-slots__slot{border:3px solid var(--color-tinte,#10202b);background-color:var(--cs-bg,var(--color-senf,#f5cf45));background-image:var(--cs-verlauf,var(--verlauf-senf));color:var(--cs-fg,var(--color-tinte,#10202b));box-shadow:var(--licht), var(--schatten-comic);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1.25rem 1.5rem;display:flex;rotate:-6deg}.counter-slots__slot:nth-child(2n){rotate:4deg}.counter-slots__wert{font-family:var(--font-poster,"Big Shoulders Display", Impact, sans-serif);text-transform:uppercase;font-size:clamp(3rem,15vw,5rem);font-weight:900;line-height:.9}.counter-slots__label{font-family:var(--font-text,"Hanken Grotesk", system-ui, sans-serif);text-transform:uppercase;letter-spacing:.08em;font-size:clamp(.875rem,3.4vw,1.125rem);font-weight:700}@media (min-width:1024px){.counter-slots__wert{font-size:clamp(4rem,6.8vw,8rem)}}.film-motion .counter-slots{perspective:1200px;grid-template-columns:1fr;place-items:center}.film-motion .counter-slots__slot{transform:translate3d(0, 0, calc(var(--cs-z,-1) * 464px));opacity:calc(1 - var(--cs-z,-1) * var(--cs-z,-1));will-change:transform, opacity;grid-area:1/1}.film-motion .counter-slots__slot[data-phase=weg]{visibility:hidden}.circle-wipe{position:relative}.circle-wipe__inhalt{height:100%;position:relative}.circle-wipe__rand{display:none}.film-motion .circle-wipe{--r:calc(var(--cw-from,9vmin) + (var(--cw-to,75vmax) - var(--cw-from,9vmin)) * var(--wipe,0))}.film-motion .circle-wipe__rand{background:var(--cw-rand,var(--color-creme,#f4f1e8));clip-path:circle(calc(var(--r) + 10px) at 50% 50%);display:block;position:absolute;inset:0}.film-motion .circle-wipe__inhalt{clip-path:circle(var(--r) at 50% 50%)}.film-motion .circle-wipe[data-phase=ende] .circle-wipe__rand{display:none}.film-motion .circle-wipe[data-phase=ende] .circle-wipe__inhalt{clip-path:none}.diagonal-wipe{--dw-angle:var(--dw-angle-m,-30);--dw-c:var(--dw-c-m,.866);--dw-s:var(--dw-s-m,.5);--dw-w:100vw;--dw-h:100svh;position:relative}@media (min-width:1024px){.diagonal-wipe{--dw-angle:var(--dw-angle-d,-45);--dw-c:var(--dw-c-d,.707);--dw-s:var(--dw-s-d,.707)}}.film-motion .diagonal-wipe{--dw-span:calc(max(var(--dw-w) * var(--dw-c) + var(--dw-h) * var(--dw-s), var(--dw-w) * var(--dw-s) + var(--dw-h) * var(--dw-c)) * 1.02);position:absolute;inset:0;overflow:hidden}.film-motion .diagonal-wipe__fenster{width:var(--dw-span);height:var(--dw-span);transform:translate(-50%, -50%) rotate(calc(var(--reveal,0) * var(--dw-angle) * 1deg));clip-path:inset(0 calc(50% - var(--reveal,0) * 50%));will-change:transform, clip-path;position:absolute;top:50%;left:50%;overflow:hidden}.film-motion .diagonal-wipe__medien{width:var(--dw-w);height:var(--dw-h);transform:translate(-50%, -50%) rotate(calc(var(--reveal,0) * var(--dw-angle) * -1deg));position:absolute;top:50%;left:50%}.film-motion .diagonal-wipe:not([data-phase]) .diagonal-wipe__fenster,.film-motion .diagonal-wipe[data-phase=start] .diagonal-wipe__fenster{visibility:hidden}.film-motion .diagonal-wipe[data-phase=ende] .diagonal-wipe__fenster{clip-path:none}.exit-fly__inhalt{width:100%;height:100%;position:relative}.film-motion .exit-fly{perspective:1200px}.film-motion .exit-fly__inhalt{transform:translate3d(0, 0, calc(var(--exit,0) * var(--ef-depth,680px)));opacity:calc(1 - var(--exit,0) * var(--exit,0));will-change:transform, opacity}.film-motion.film-desktop .exit-fly[data-phase=lauf] .exit-fly__inhalt{filter:blur(calc(var(--exit,0) * var(--exit,0) * 8px))}.film-motion .exit-fly[data-phase=ende] .exit-fly__inhalt{visibility:hidden}}
.film-chrome-module__j2iiYq__header{inset-inline:0;z-index:50;padding-top:env(safe-area-inset-top,0px);pointer-events:none;position:fixed;top:0}.film-chrome-module__j2iiYq__header a,.film-chrome-module__j2iiYq__header button{pointer-events:auto}html.film-motion .film-chrome-module__j2iiYq__header{transition:transform .45s cubic-bezier(.16,1,.3,1)}html.film-motion .film-chrome-module__j2iiYq__header[data-hidden=true]:not(:focus-within){transform:translateY(calc(-100% - 12px))}.film-chrome-module__j2iiYq__navPille{box-shadow:var(--schatten-comic-sm)}.film-chrome-module__j2iiYq__sprung{z-index:80;left:1rem;top:calc(env(safe-area-inset-top,0px) + 12px);border:3px solid var(--color-tinte);background-color:var(--color-senf);background-image:var(--verlauf-senf);min-height:48px;box-shadow:var(--schatten-comic-sm);color:var(--color-tinte);font-family:var(--font-poster);letter-spacing:.025em;text-transform:uppercase;transform:translateY(calc(-100% - 24px - env(safe-area-inset-top,0px)));border-radius:999px;align-items:center;padding:0 1.25rem;font-size:1.25rem;font-weight:800;text-decoration:none;display:inline-flex;position:fixed}.film-chrome-module__j2iiYq__sprung:focus,.film-chrome-module__j2iiYq__sprung:focus-visible{transform:none}.film-chrome-module__j2iiYq__navLink[aria-current=page]{background-color:var(--color-senf);background-image:var(--verlauf-senf)}@media (hover:hover){.film-chrome-module__j2iiYq__navLink:hover{background-color:var(--color-senf);background-image:var(--verlauf-senf)}}.film-chrome-module__j2iiYq__pill{box-shadow:var(--pill-schatten-weich,var(--schatten-comic-sm));border-radius:999px;display:inline-flex}.film-chrome-module__j2iiYq__pillFlaeche{border-radius:inherit;flex:auto;justify-content:center;align-items:center;gap:.5rem;display:inline-flex}html.film-motion .film-chrome-module__j2iiYq__pillFlaeche{transition:transform .16s ease-out}@media (hover:hover){html.film-motion .film-chrome-module__j2iiYq__pill:hover .film-chrome-module__j2iiYq__pillFlaeche{transform:translate(2px,2px)}html:not(.film-motion) .film-chrome-module__j2iiYq__pill:hover .film-chrome-module__j2iiYq__pillFlaeche{text-underline-offset:3px;text-decoration:underline}}html.film-motion .film-chrome-module__j2iiYq__pill:active .film-chrome-module__j2iiYq__pillFlaeche{transform:translate(4px,4px)}.film-chrome-module__j2iiYq__pillHell{--pill-schatten-weich:2px 3px 3px -1px #f4f1e8e6, 5px 8px 16px -6px #00000073}.film-chrome-module__j2iiYq__focusRing:focus-visible{outline:3px solid var(--color-tinte);outline-offset:3px}.film-chrome-module__j2iiYq__focusRingHell:focus-visible{outline:3px solid var(--color-senf);outline-offset:3px}.film-chrome-module__j2iiYq__burger{width:22px;height:15px;display:block;position:relative}.film-chrome-module__j2iiYq__burger>span{background-color:currentColor;border-radius:2px;width:100%;height:3px;position:absolute;left:0}.film-chrome-module__j2iiYq__burger>span:first-child{top:0}.film-chrome-module__j2iiYq__burger>span:nth-child(2){top:6px}.film-chrome-module__j2iiYq__burger>span:nth-child(3){top:12px}.film-chrome-module__j2iiYq__kreuz{width:22px;height:22px;display:block;position:relative}.film-chrome-module__j2iiYq__kreuz>span{background-color:currentColor;border-radius:2px;width:100%;height:3px;position:absolute;top:9.5px;left:0}.film-chrome-module__j2iiYq__kreuz>span:first-child{transform:rotate(45deg)}.film-chrome-module__j2iiYq__kreuz>span:nth-child(2){transform:rotate(-45deg)}.film-chrome-module__j2iiYq__menu{z-index:70;overscroll-behavior:contain;background-color:var(--color-senf);background-image:var(--verlauf-schild);color:var(--color-tinte);padding-top:env(safe-area-inset-top,0px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 32px);position:fixed;inset:0;overflow-y:auto}html.film-motion .film-chrome-module__j2iiYq__menu{clip-path:inset(0 0 100%);transition:clip-path .7s cubic-bezier(.76,0,.24,1)}html.film-motion .film-chrome-module__j2iiYq__menu[data-state=open]{clip-path:inset(0)}.film-chrome-module__j2iiYq__menuLink{font-size:min(14vw,12svh);line-height:.88}.film-chrome-module__j2iiYq__menuLink[aria-current=page]{text-underline-offset:.08em;text-decoration:underline;text-decoration-thickness:.06em}@media (hover:hover){.film-chrome-module__j2iiYq__menuLink:hover{text-underline-offset:.08em;text-decoration:underline;text-decoration-thickness:.06em}}.film-chrome-module__j2iiYq__linie{position:relative}.film-chrome-module__j2iiYq__linie:before{content:"";inset-inline:0;background-color:var(--color-tinte);transform-origin:0;height:3px;position:absolute;top:0}html.film-motion .film-chrome-module__j2iiYq__menu .film-chrome-module__j2iiYq__linie:before{transition:transform .6s cubic-bezier(.22, 1, .36, 1) var(--film-menu-ld,0s)}html.film-motion .film-chrome-module__j2iiYq__menu:not([data-state=open]) .film-chrome-module__j2iiYq__linie:before{transform:scaleX(0)}html.film-motion .film-chrome-module__j2iiYq__menu .film-chrome-module__j2iiYq__eintrag{transition:transform .5s cubic-bezier(.22, 1, .36, 1) var(--film-menu-d,0s), opacity .5s cubic-bezier(.22, 1, .36, 1) var(--film-menu-d,0s)}html.film-motion .film-chrome-module__j2iiYq__menu[data-state=closed] .film-chrome-module__j2iiYq__eintrag{opacity:0;transform:translateY(30px)}html.film-motion .film-chrome-module__j2iiYq__menu[data-state=closing] .film-chrome-module__j2iiYq__eintrag{opacity:0;transition-duration:.3s;transition-delay:var(--film-menu-dc,0s);transform:translateY(-20px)}.film-chrome-module__j2iiYq__nummer{min-width:2.75rem;height:2.75rem;font-family:var(--font-poster), "Arial Narrow", sans-serif;border-style:solid;border-width:3px;border-radius:999px;flex-shrink:0;place-items:center;padding-inline:.35rem;font-size:1.25rem;font-weight:900;line-height:1;display:inline-grid}.film-chrome-module__j2iiYq__szene[aria-current=location]>span:last-child{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}@media (hover:hover){.film-chrome-module__j2iiYq__szene:hover>span:last-child{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}}.film-chrome-module__j2iiYq__schalter{border:3px solid var(--color-tinte);background-color:var(--color-creme);border-radius:999px;flex-shrink:0;width:2.5rem;height:1.5rem;position:relative;box-shadow:inset 0 1px 2px #10202b40}.film-chrome-module__j2iiYq__schalter:after{content:"";background-color:var(--color-tinte);border-radius:50%;width:.875rem;height:.875rem;position:absolute;top:50%;left:2px;translate:0 -50%}.film-chrome-module__j2iiYq__schalterKnopf[aria-pressed=true] .film-chrome-module__j2iiYq__schalter{background-color:var(--color-signal);background-image:var(--verlauf-signal)}.film-chrome-module__j2iiYq__schalterKnopf[aria-pressed=true] .film-chrome-module__j2iiYq__schalter:after{left:auto;right:2px}.film-chrome-module__j2iiYq__footerLink{position:relative}.film-chrome-module__j2iiYq__footerLink:before{content:"";position:absolute;inset:0 min(0px,50% - 22px)}@media (hover:hover){.film-chrome-module__j2iiYq__footerLink:hover{color:var(--color-senf);text-underline-offset:4px;text-decoration:underline}}
