.stp{position:relative;isolation:isolate;display:grid;align-items:end;min-height:min(86svh,820px);padding:clamp(96px,14vh,160px) 0 clamp(28px,6vh,64px);overflow:hidden;color:#F3EFE9;--k-ink:#FFF;--k-text:#EDE8E0;--k-muted:#D6D0C6;--k-btn:#EDE9E3;--k-btn-ink:#1B1F28;--k-line:rgba(255,255,255,.4);--k-focus:#FFE1F2}.stp__bg{position:absolute;inset:0;z-index:-1;background:#1B1F28}.stp__m{display:none;position:absolute;inset:0}:root[data-zeit=morgen] .stp__m[data-t=morgen],:root[data-zeit=mittag] .stp__m[data-t=mittag],:root[data-zeit=nachmittag] .stp__m[data-t=nachmittag],:root[data-zeit=freitag] .stp__m[data-t=freitag],:root[data-zeit=abend] .stp__m[data-t=abend],:root[data-zeit=nacht] .stp__m[data-t=nacht],:root[data-zeit=wochenende] .stp__m[data-t=wochenende]{display:block}.stp__m .loopv,.stp__m picture,.stp__img,.stp__img img,.stp__m .loopv__el{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stp__m .loopv__btn{z-index:3;right:clamp(16px,3vw,32px);bottom:clamp(16px,3vw,32px)}.stp{--stp-rgb:8 10 16;--stp-k:1}.stp__scrim{--stp-gx:linear-gradient(90deg,rgb(var(--stp-rgb) / calc(.78 * var(--stp-k))) 0%,rgb(var(--stp-rgb) / calc(.52 * var(--stp-k))) 55%,rgb(var(--stp-rgb) / calc(.28 * var(--stp-k))) 100%);--stp-gy:linear-gradient(0deg,rgb(var(--stp-rgb) / calc(.62 * var(--stp-k))),rgb(var(--stp-rgb) / calc(0 * var(--stp-k))) 55%)}.stp__scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--stp-gx),var(--stp-gy)}.stp--k-0{--stp-k:0}.stp--k-10{--stp-k:.1}.stp--k-20{--stp-k:.2}.stp--k-30{--stp-k:.3}.stp--k-40{--stp-k:.4}.stp--k-50{--stp-k:.5}.stp--k-60{--stp-k:.6}.stp--k-70{--stp-k:.7}.stp--k-80{--stp-k:.8}.stp--k-90{--stp-k:.9}.stp--k-100{--stp-k:1}.stp--t-night{--stp-rgb:8 10 16}.stp--t-black{--stp-rgb:0 0 0}.stp--t-plum{--stp-rgb:54 18 45}.stp--t-marine{--stp-rgb:24 34 58}.stp--t-warm{--stp-rgb:42 28 18}.stp--v-center{align-items:center}.stp--v-center .stp__scrim{--stp-gy:linear-gradient(0deg,rgb(var(--stp-rgb) / calc(.3 * var(--stp-k))),rgb(var(--stp-rgb) / calc(.5 * var(--stp-k))) 50%,rgb(var(--stp-rgb) / calc(.3 * var(--stp-k))))}.stp--v-top{align-items:start}.stp--v-top .stp__scrim{--stp-gy:linear-gradient(180deg,rgb(var(--stp-rgb) / calc(.62 * var(--stp-k))),rgb(var(--stp-rgb) / calc(0 * var(--stp-k))) 55%)}.stp--h-right .stp__scrim{--stp-gx:linear-gradient(270deg,rgb(var(--stp-rgb) / calc(.78 * var(--stp-k))) 0%,rgb(var(--stp-rgb) / calc(.52 * var(--stp-k))) 55%,rgb(var(--stp-rgb) / calc(.28 * var(--stp-k))) 100%)}.stp--h-center .stp__scrim{--stp-gx:linear-gradient(90deg,rgb(var(--stp-rgb) / calc(.5 * var(--stp-k))),rgb(var(--stp-rgb) / calc(.68 * var(--stp-k))) 50%,rgb(var(--stp-rgb) / calc(.5 * var(--stp-k))))}.stp--h-center .stp__text{justify-self:center;max-width:46rem;text-align:center}.stp--h-right .stp__text{justify-self:end;max-width:46rem;text-align:right}.stp--h-center .stp__line{margin-inline:auto}.stp--h-right .stp__line{margin-left:auto}.stp--h-center .btns{justify-content:center}.stp--h-right .btns{justify-content:flex-end}.stp--h-center .stp__h1{transform-origin:50% 100%}.stp--h-right .stp__h1{transform-origin:100% 100%}.stp__in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:end}.stp--ann .stp__in{align-items:center}.stp:not(.stp--ann) .stp__in{grid-template-columns:minmax(0,1fr)}.stp:not(:has(>.stp__end)) .stp__in,.stp:not(:has(>.stp__end)) .stp__in *{visibility:hidden!important}.stp__eyebrow{color:#F3EFE9}.stp__h1{margin:0 0 .25em;font-size:min(var(--s-7),13vw);font-weight:var(--k-w-h);line-height:.95;letter-spacing:-.03em;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.35);transform-origin:0 100%;font-family:var(--k-font-head)}.stp__line{margin:0 0 var(--sp-m);font-size:var(--s-1);color:#F3EFE9;max-width:36ch;text-shadow:0 1px 12px rgba(0,0,0,.4)}.stp__w{display:inline-block}.stp__glass{--k-ink:var(--k0-ink);--k-text:var(--k0-text);--k-muted:var(--k0-muted);--k-btn:var(--k0-btn);--k-btn-ink:var(--k0-btn-ink);--k-line:var(--k0-line);--k-focus:var(--k0-focus);color:var(--k-text)}.stp .stage__frame[data-ann]::before{display:none}.stp .ann{background:color-mix(in oklab,var(--k-bg) 80%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border-color:rgba(255,255,255,.35);box-shadow:0 20px 50px -20px rgba(0,0,0,.5)}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.stp .ann{background:var(--k-card)}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.stp .ann{background:var(--k-card);backdrop-filter:none;-webkit-backdrop-filter:none}}@media (max-width:900px){.stp__in,.stp.stp--ann .stp__in{grid-template-columns:minmax(0,1fr)}.stp{padding-top:clamp(72px,10vh,120px)}}@media (prefers-reduced-motion:no-preference){.js .stp .stp__w{animation:stp-w .7s cubic-bezier(.2,.8,.2,1) both;animation-play-state:paused}.js .stp[data-inview] .stp__w,.is-editing .stp .stp__w{animation-play-state:running}.stp__w:nth-child(2){animation-delay:.14s}.stp__w:nth-child(3){animation-delay:.28s}.stp__w:nth-child(4){animation-delay:.42s}.stp__line{animation:stp-l .8s .5s ease-out both}.js .stp--ann .stp__h1{animation:stp-c .9s 4.5s cubic-bezier(.4,0,.2,1) both}@keyframes stp-w{from{opacity:0;translate:0 .45em}}@keyframes stp-l{from{opacity:0}}@keyframes stp-c{to{transform:scale(.72)}}}@media print{.stp__bg{display:none}.stp{color:#000;min-height:0}}.stp--t-paper,.stp__scrim.stp--t-paper{--stp-rgb:248 246 242}:root[data-zeit=morgen] .stp--dk-morgen .stp__text,:root[data-zeit=mittag] .stp--dk-mittag .stp__text,:root[data-zeit=nachmittag] .stp--dk-nachmittag .stp__text,:root[data-zeit=freitag] .stp--dk-freitag .stp__text,:root[data-zeit=abend] .stp--dk-abend .stp__text,:root[data-zeit=nacht] .stp--dk-nacht .stp__text,:root[data-zeit=wochenende] .stp--dk-wochenende .stp__text{--k-ink:#1B1A19;--k-text:#2A2927;--k-muted:#3D3B38;--k-btn:#232322;--k-btn-ink:#FFF;--k-line:rgba(0,0,0,.5);--k-focus:#581D47;color:var(--k-text)}:root[data-zeit=morgen] .stp--dk-morgen .stp__text :is(.stp__h1,.stp__eyebrow,.stp__line),:root[data-zeit=mittag] .stp--dk-mittag .stp__text :is(.stp__h1,.stp__eyebrow,.stp__line),:root[data-zeit=nachmittag] .stp--dk-nachmittag .stp__text :is(.stp__h1,.stp__eyebrow,.stp__line),:root[data-zeit=freitag] .stp--dk-freitag .stp__text :is(.stp__h1,.stp__eyebrow,.stp__line),:root[data-zeit=abend] .stp--dk-abend .stp__text :is(.stp__h1,.stp__eyebrow,.stp__line),:root[data-zeit=nacht] .stp--dk-nacht .stp__text :is(.stp__h1,.stp__eyebrow,.stp__line),:root[data-zeit=wochenende] .stp--dk-wochenende .stp__text :is(.stp__h1,.stp__eyebrow,.stp__line){color:var(--k-ink);text-shadow:0 1px 18px rgba(255,255,255,.55)}
