:root [data-seite]{--sektion:clamp(6rem, 9.4vw, 11rem);--abstand-titel:clamp(2.75rem, 3.75vw, 4.5rem);--abstand-medium:clamp(4.5rem, 6.9vw, 8.5rem)}@media (max-width:639px){:root [data-seite]{--sektion:4.25rem;--abstand-titel:2rem;--abstand-medium:2.75rem}}:root [data-seite]{--bew-eingang:1.5s;--bew-absatz:1.3s;--bew-staffel:.19s;--bew-medium:1.4s;--bew-hover-ein:.25s;--bew-hover-aus:.2s;--bew-druck:.14s;--nach-titel:.52s;--film:cubic-bezier(.16, 1, .3, 1);--film-malen:cubic-bezier(.65, 0, .25, 1);--film-staffel:.12s;--haarlinie:color-mix(in oklab, var(--color-basis-900) 10%, transparent)}.film-malen{isolation:isolate}.film-haarlinie{position:relative}.film-haarlinie:before{content:"";background:var(--haarlinie);transform-origin:0;pointer-events:none;height:1px;position:absolute;inset:0 0 auto}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){[data-film]:not([data-gesehen]) :is(.film-steigen,.film-malen,.film-setzen),[data-film]:not([data-gesehen]):is(.film-steigen,.film-malen,.film-setzen){opacity:0}[data-film]:not([data-gesehen]) .film-haarlinie:before,[data-film]:not([data-gesehen]).film-haarlinie:before{scale:0 1}:is([data-gesehen] .film-steigen,[data-gesehen].film-steigen,[data-gesehen] .film-malen,[data-gesehen].film-malen,[data-gesehen] .film-setzen,[data-gesehen].film-setzen,[data-gesehen] .film-nachruecken,[data-gesehen].film-nachruecken):not([data-film]:not([data-gesehen]) *){animation-duration:var(--film-dauer,var(--film-dauer-verb,1s));animation-timing-function:var(--film);animation-delay:calc(var(--film-start,0s) + var(--n,0) * var(--film-staffel));animation-fill-mode:backwards}:is([data-gesehen] .film-steigen,[data-gesehen].film-steigen):not([data-film]:not([data-gesehen]) *){animation-name:film-steigen}:is([data-gesehen] .film-setzen,[data-gesehen].film-setzen):not([data-film]:not([data-gesehen]) *){--film-dauer-verb:1.2s;animation-name:film-setzen}:is([data-gesehen] .film-nachruecken,[data-gesehen].film-nachruecken):not([data-film]:not([data-gesehen]) *){--film-dauer-verb:1.7s;animation-name:film-nachruecken}:is([data-gesehen] .film-malen,[data-gesehen].film-malen):not([data-film]:not([data-gesehen]) *){animation-name:film-malen;animation-timing-function:var(--film-malen);--film-dauer-verb:1.5s}:is([data-gesehen] .film-haarlinie,[data-gesehen].film-haarlinie):not([data-film]:not([data-gesehen]) *):before{animation:film-linie 1.1s var(--film-malen) calc(var(--film-start,0s) + var(--n,0) * var(--film-staffel) - .12s) both}.ob-buehne[data-film]:not([data-gesehen]) :is(.iso-platte,.ob-spur,.ob-pille>*){opacity:0}.ob-buehne[data-gesehen] .ob-haus{animation:film-iso-von-links 1.5s var(--film) 0s both}.ob-buehne[data-gesehen] .ob-haus--spa{animation-name:film-iso-von-rechts;animation-delay:.18s}.ob-buehne[data-gesehen] .ob-deck{animation:film-setzen 1.1s var(--film) .7s both}.ob-buehne[data-gesehen] .ob-spur--offen{animation:film-strich-auf .9s var(--film) 1.9s both}.ob-buehne[data-gesehen] .ob-klotz{animation:film-setzen 1s var(--film) 2s both}.ob-buehne[data-gesehen] .ob-pille>*{animation:film-pille .8s var(--film) calc(2.3s + var(--n,0) * .16s) both}.ob:not([data-spur]) .ob-buehne[data-gesehen] :is(.ob-pille,.ob-spur--offen){opacity:1;transition-delay:0s;translate:0}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){:root [data-seite] .film-tiefe{animation:linear both film-tiefe;animation-timeline:view();animation-range:cover}:root [data-seite] .fz-marke-video{animation:linear both ein-marke;animation-timeline:view();animation-range:entry}}}@keyframes film-steigen{0%{opacity:0;translate:0 2.25rem}to{opacity:1;translate:0}}@keyframes film-heben{0%{opacity:0;translate:0 var(--heben,2.25rem)}to{opacity:1;translate:0}}@keyframes film-setzen{0%{opacity:0;translate:0 var(--setzen,-2.5rem)}45%{opacity:1}to{opacity:1;translate:0}}@keyframes film-pille{0%{opacity:0;translate:0 8px;scale:.9}to{opacity:1;translate:0;scale:1}}@keyframes film-linie{0%{scale:0 1}to{scale:1}}@keyframes film-strich-auf{0%{stroke-opacity:0}to{stroke-opacity:1}}@keyframes film-nachruecken{0%{translate:0 var(--weg,5rem)}to{translate:0}}@keyframes film-tiefe{0%{translate:0 calc(var(--tiefe,3%) * -1)}to{translate:0 var(--tiefe,3%)}}@keyframes film-iso-von-links{0%{opacity:0;translate:-4rem 2.31rem}45%{opacity:1}to{opacity:1;translate:0}}@keyframes film-iso-von-rechts{0%{opacity:0;translate:4rem -2.31rem}45%{opacity:1}to{opacity:1;translate:0}}@keyframes film-malen{0%{opacity:0;translate:0 1.5rem;scale:.95}25%{opacity:1}to{opacity:1;translate:0;scale:1}}@keyframes ein-marke{0%{opacity:0;translate:0 45%}to{opacity:1;translate:0}}