@property --k{syntax:"<number>";inherits:false;initial-value:1}@layer components{.vd-hero,.vd-steps{--screen:min(100svh, max(34rem, 240vw))}@media (min-width:64rem){.vd-hero,.vd-steps{--screen:min(100svh, max(40rem, 62.5vw))}}.vd-blue-0{color:var(--petrol)}.vd-blue-1{color:var(--tuerkis)}.vd-blue-2{color:var(--eisblau)}.vd-hero-stage{block-size:var(--screen);isolation:isolate;--edge:max(var(--margin), (100% - var(--max)) / 2);--M:clamp(10rem, min(84vw, var(--screen) - 31rem), 34rem);--u:calc(var(--M) / 32);--mx:calc((100% - var(--M)) / 2);--my:calc(var(--header-h) + clamp(1rem, 4svh, 2.5rem));--z0:.1;--e:0;--tp:0;--ro:1;min-block-size:34rem;position:sticky;inset-block-start:0;overflow:clip}@media (min-width:64rem){.vd-hero-stage{--M:min(44vw, var(--screen) - 13rem);--z0:.28;--mx:calc(100% - var(--edge) - var(--M));--my:calc(var(--header-h) + (100% - var(--header-h) - var(--M)) / 2 + 1rem)}}.vd-frames{z-index:-1;position:absolute;inset:0}.vd-fr,.vd-ring{--t:calc(var(--my) + (var(--sy) + var(--s) * (1 - var(--k))) * var(--u));--r:calc(100% - var(--mx) - (var(--sx) + var(--s) * var(--k)) * var(--u));--b:calc(100% - var(--my) - (var(--sy) + var(--s)) * var(--u));--l:calc(var(--mx) + var(--sx) * var(--u));clip-path:inset(calc(var(--t) * (1 - var(--e))) calc(var(--r) * (1 - var(--e))) calc(var(--b) * (1 - var(--e))) calc(var(--l) * (1 - var(--e))));position:absolute;inset:0}.vd-fr-fill{left:calc(var(--mx) + var(--sx) * var(--u));top:calc(var(--my) + var(--sy) * var(--u));inline-size:calc(var(--s) * var(--u));block-size:calc(var(--s) * var(--u));position:absolute}.vd-fr-back .vd-fr-fill{background:var(--tuerkis)}.vd-fr-middle .vd-fr-fill{background:var(--eisblau)}.vd-fr-front .vd-fr-fill{background:var(--weiss)}.vd-ring{background:var(--tiefsee);opacity:var(--ro)}.vd-fr-img{object-fit:cover;max-inline-size:none;transform:scale(calc(1 + var(--z0) * (1 - var(--e)))) translate(calc(var(--dx,0px) * (1 - var(--e))), calc(var(--dy,0px) * (1 - var(--e))));transform-origin:var(--ox,50%) var(--oy,50%);will-change:transform;inline-size:var(--iw,100%)!important;block-size:var(--ih,100%)!important;inset:calc(50% - var(--ih,100%) / 2) auto auto calc(50% - var(--iw,100%) / 2)!important}.vd-fr-film{inset:calc(50% - var(--fih,100%) / 2) auto auto calc(50% - var(--fiw,100%) / 2);inline-size:var(--fiw,100%);block-size:var(--fih,100%);object-fit:cover;max-inline-size:none;transform:scale(calc(1 + var(--fz0,0) * (1 - var(--e)))) translate(calc(var(--fdx,0px) * (1 - var(--e))), calc(var(--fdy,0px) * (1 - var(--e))));transform-origin:var(--fox,50%) var(--foy,50%);opacity:0;transition:opacity .9s var(--ease);pointer-events:none;position:absolute}.vd-hero-stage.has-film .vd-fr-film{opacity:1}.vd-hero-play{left:calc(var(--mx) + 6 * var(--u));top:calc(var(--my) + 26 * var(--u));z-index:2;opacity:calc(1 - var(--tp));position:absolute;translate:-50% -50%}.vd-hero-stage.is-away .vd-hero-play{visibility:hidden}.vd-probe{left:var(--mx);top:var(--my);inline-size:var(--M);block-size:var(--M);visibility:hidden;pointer-events:none;position:absolute}.vd-hero-text{opacity:calc(1 - var(--tp));translate:0 calc(var(--tp) * -6svh);padding-block-end:clamp(2rem,7svh,5rem);position:absolute;inset-block-end:0;inset-inline:0}.vd-hero-stage.is-away .vd-hero-text{pointer-events:none}.vd-hero-title>span{display:inline-block}.vd-hero-lead{max-inline-size:30ch;margin-block-start:clamp(1.25rem,.9rem + 1.2vw,2rem)}.vd-hero-actions{flex-wrap:wrap;gap:.75rem;margin-block-start:clamp(1.75rem,1.3rem + 1.4vw,2.5rem);display:flex}@media (min-width:64rem){.vd-hero-title>span{display:block}.vd-hero-text .wrap>*{--room:calc(100vw - var(--M) - 2 * max(var(--margin), (100vw - var(--max)) / 2) - 2 * var(--gutter));max-inline-size:var(--room)}.vd-hero-text .wrap>.vd-hero-lead{max-inline-size:min(34ch, var(--room))}}@media (prefers-reduced-motion:no-preference){.js .vd-hero{block-size:155svh}@media (min-width:64rem){.js .vd-hero{block-size:175svh}}.vd-fr,.vd-ring{animation:vd-step .62s var(--ease-out) both;animation-delay:calc(60ms + var(--step) * 70ms)}.vd-fr-img{animation:vd-photo .9s var(--ease) .52s both}.vd-hero-play{animation:vd-photo .7s var(--ease) 1.25s both}}@keyframes vd-step{0%{--k:0}to{--k:1}}@keyframes vd-photo{0%{opacity:0}}.vd-statement{padding-block:var(--section-lg) calc(var(--section) * .75)}.vd-statement-title{max-inline-size:15ch}@media (prefers-reduced-motion:no-preference){.vd-scrub.is-live .vd-w{color:color-mix(in srgb, var(--tinte) calc(clamp(0, var(--q,0) * (var(--n) + 1) - var(--i), 1) * 100%), color-mix(in srgb, var(--stahl) 75%, var(--weiss)))}}.vd-steps{--edge-x:max(var(--margin), (100vw - var(--max)) / 2);position:relative}.vd-steps-stage{padding-block:var(--section-lg) var(--section)}.vd-steps-track{row-gap:var(--section);padding-inline:var(--edge-x);display:grid}.vd-step-head{align-items:baseline;gap:clamp(.75rem,1.4vw,1.25rem);display:flex}.vd-step-num{font-size:var(--text-title);line-height:var(--leading-title);letter-spacing:var(--tracking-title);font-variant-numeric:lining-nums tabular-nums}.vd-step-body{gap:2rem;margin-block-start:clamp(1.5rem,3vw,2.5rem);display:grid}.vd-step-media{aspect-ratio:3/2;border-radius:var(--radius);background:var(--licht);position:relative;overflow:hidden}.vd-step-clip,.vd-step-drift{position:absolute;inset:0}@media (min-width:48rem){.vd-step-body{align-items:end;gap:var(--gutter) calc(var(--gutter) * 2);grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}@media (min-width:64rem){.vd-steps:not(.is-pinned) :is(.vd-steps-intro,.vd-step){column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.vd-steps:not(.is-pinned) :is(.vd-steps-intro>:first-child,.vd-step-head){grid-column:1/span 5}.vd-steps:not(.is-pinned) :is(.vd-steps-intro>:not(:first-child),.vd-step-body){grid-column:6/span 7;margin-block-start:0}.vd-steps:not(.is-pinned) .vd-step-body{grid-template-columns:minmax(0,1fr)}.vd-steps:not(.is-pinned) .vd-step-head{flex-direction:column;gap:.75rem}}.vd-prog{font-size:var(--text-label);color:var(--stahl);gap:clamp(1.5rem,3vw,3rem);padding-block-start:clamp(1.25rem,3svh,2.25rem);font-weight:500;line-height:1.43;display:none}.vd-prog-step{transition:color .4s var(--ease);align-items:center;gap:.625rem;display:flex}.vd-prog-square{background:var(--nebel);block-size:.625rem;inline-size:.625rem;transition:background-color .4s var(--ease), scale .6s var(--ease-out)}.vd-prog-step[data-reached]{color:var(--tinte)}.vd-prog-step[data-reached] .vd-prog-square{scale:1.2}.vd-prog-step[data-mark="0"][data-reached] .vd-prog-square{background:var(--petrol)}.vd-prog-step[data-mark="1"][data-reached] .vd-prog-square{background:var(--tuerkis)}.vd-prog-step[data-mark="2"][data-reached] .vd-prog-square{background:var(--eisblau)}.vd-steps.is-pinned .vd-steps-stage{block-size:100svh;min-block-size:40rem;padding-block:calc(var(--bar-compact) + 1.5rem) clamp(1.5rem, 4svh, 3rem);flex-direction:column;justify-content:center;display:flex;position:sticky;inset-block-start:0;overflow:clip}.vd-steps.is-pinned .vd-steps-track{will-change:transform;align-items:flex-end;column-gap:clamp(5rem,9vw,10rem);inline-size:max-content;display:flex}.vd-steps.is-pinned .vd-steps-intro{flex:none;align-self:center;inline-size:min(36vw,36rem)}.vd-steps.is-pinned .vd-step{flex:none;inline-size:min(76vw,82rem)}.vd-steps.is-pinned .vd-step-body{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}.vd-steps.is-pinned .vd-step-media{aspect-ratio:auto;block-size:clamp(15rem,100svh - 25rem,44rem)}.vd-steps.is-pinned .vd-step-drift{transform:scale(1.14)}.vd-steps.is-pinned .vd-prog{display:flex}.vd-fach{padding-block:var(--section-lg)}.vd-atlas{row-gap:clamp(2rem,4vw,3rem);display:grid}@media (min-width:64rem){.vd-atlas{column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.vd-atlas-figure{grid-column:1/span 5;position:sticky;inset-block-start:calc(var(--bar-compact) + 2rem)}.vd-atlas-index{grid-column:6/span 7}}.vd-atlas-figure{justify-content:center;padding-block:1.25rem .75rem;display:flex;overflow-x:clip}.vd-fig{block-size:clamp(15rem,58vw,22rem);inline-size:auto;display:block;overflow:visible}@media (min-width:64rem){.vd-fig{block-size:min(66svh,38rem)}}.vd-fig{--w:.62}@media (min-width:64rem){.vd-fig{--w:.32}}.vd-fig :is(path,circle){fill:none;stroke-linecap:round}.vd-fig-near :is(path,circle),.vd-fig-far :is(path,circle){stroke-width:var(--w)}.vd-fig-near :is(path,circle){stroke:var(--petrol)}.vd-fig-far :is(path,circle){stroke:var(--gletscher)}.vd-fig-ground{stroke:var(--gletscher);stroke-width:calc(var(--w) * .6)}.vd-fig .vd-fig-dot{fill:var(--tuerkis);stroke:none;opacity:var(--on,0);transition:opacity .25s var(--ease)}.vd-fig-ring{stroke:var(--tuerkis);stroke-width:calc(var(--w) * .6);opacity:var(--on,0);transform:scale(calc(.55 + .45 * var(--on,0)));transform-box:fill-box;transform-origin:50%;transition:opacity .3s var(--ease), transform .6s var(--ease-out)}.vd-fig-lead{stroke:var(--tuerkis);stroke-width:calc(var(--w) * .6);transform:scaleX(var(--lead,0));transform-box:fill-box;transform-origin:0;transition:transform .5s var(--ease-out)}.vd-atlas:not(:has(.vd-atlas-row:is(:hover,:focus-visible))) .vd-fig-mark[data-j=knie]{--on:1}:is(.vd-atlas:has(.vd-atlas-row[data-j=schulter]:is(:hover,:focus-visible)) .vd-fig-mark[data-j=schulter],.vd-atlas:has(.vd-atlas-row[data-j=ellenbogen]:is(:hover,:focus-visible)) .vd-fig-mark[data-j=ellenbogen],.vd-atlas:has(.vd-atlas-row[data-j=huefte]:is(:hover,:focus-visible)) .vd-fig-mark[data-j=huefte],.vd-atlas:has(.vd-atlas-row[data-j=knie]:is(:hover,:focus-visible)) .vd-fig-mark[data-j=knie],.vd-atlas:has(.vd-atlas-row[data-j=fuss]:is(:hover,:focus-visible)) .vd-fig-mark[data-j=fuss]){--on:1;--lead:1}@media (max-width:63.99rem){.vd-fig-lead{display:none}}.vd-atlas-group{font-size:var(--text-label);color:var(--stahl);padding-block-end:.875rem;font-weight:500;line-height:1.43}.vd-atlas-list{border-block-start:var(--line) solid var(--nebel)}.vd-atlas-row{border-block-end:var(--line) solid var(--nebel);grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;column-gap:clamp(1rem,1.8vw,1.75rem);padding-block:clamp(1.125rem,.85rem + .9vw,1.75rem);text-decoration:none;display:grid;position:relative}.vd-atlas-row:after{content:"";background:var(--tinte);block-size:1px;transform-origin:var(--start) center;transition:transform .5s var(--ease-out);position:absolute;inset-block-end:-1px;inset-inline:0;transform:scaleX(0)}.vd-atlas-row:is(:hover,:focus-visible):after{transform:scaleX(1)}.vd-atlas-row:focus-visible{outline-offset:4px}.vd-atlas-icon{grid-row:1/span 2;align-self:start;margin-block-start:.2rem}.vd-atlas-name{letter-spacing:var(--tracking-title);grid-column:2;font-size:clamp(1.625rem,1.15rem + 1.6vw,2.5rem);line-height:1.08}.vd-atlas-line{font-size:var(--text-small);color:var(--stahl);grid-column:2;margin-block-start:.375rem;line-height:1.5}.vd-atlas-arrow{transition:transform .25s var(--ease), color .25s var(--ease);grid-area:1/3/span 2}.vd-atlas-row:is(:hover,:focus-visible) .vd-atlas-arrow{color:var(--tuerkis);transform:translate(4px)}[dir=rtl] .vd-atlas-row:is(:hover,:focus-visible) .vd-atlas-arrow{transform:translate(-4px)}.vd-atlas-row .joint-swap circle[data-joint]{transition:fill .25s var(--ease), stroke .25s var(--ease)}.vd-atlas-row:is(:hover,:focus-visible) .joint-swap circle[data-joint]{fill:var(--tuerkis);stroke:var(--tuerkis);stroke-dasharray:none}[dir=rtl] .vd-fig{scale:-1 1}@media (prefers-reduced-motion:no-preference){.rv .vd-fig:not(.is-in) :is(.vd-fig-near,.vd-fig-far) :is(path,circle){stroke-dasharray:1;stroke-dashoffset:1px}.rv .vd-fig.is-in :is(.vd-fig-near,.vd-fig-far) :is(path,circle){animation:vd-draw 1.6s var(--ease-in-out) backwards}.rv .vd-fig.is-in .vd-fig-far :is(path,circle){animation-delay:.25s}.vd-fig-ground{transition:opacity .9s var(--ease)}.vd-fig-mark{transition:opacity .5s var(--ease) 1.3s}.rv .vd-fig:not(.is-in) :is(.vd-fig-ground,.vd-fig-mark){opacity:0}}@keyframes vd-draw{0%{stroke-dasharray:1;stroke-dashoffset:1px}to{stroke-dasharray:1;stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.vd-fig-dot,.vd-fig-ring,.vd-fig-lead,.vd-atlas-row:after,.vd-atlas-arrow{transition:none}}.vd-sprech{margin-block-start:var(--section);padding-block-start:clamp(3rem,2rem + 3vw,5rem)}.vd-portrait{aspect-ratio:4/5;border-radius:var(--radius);max-inline-size:30rem;position:relative;overflow:hidden}.vd-portrait-clip{position:absolute;inset:0}.vd-words{display:grid}.vd-words-line{margin:-.1em -.06em -.2em;padding:.1em .06em .2em;display:block;overflow:clip}.vd-words-inner{display:block}.vd-facts{max-inline-size:var(--measure);border-block-start:var(--line) solid var(--gletscher);font-size:var(--text-small);line-height:1.5}.vd-facts>li{border-block-end:var(--line) solid var(--gletscher);padding-block:.875rem}@media (prefers-reduced-motion:no-preference){.js [data-reveal=words] .vd-words-inner{transition:transform 1s var(--ease-out);transition-delay:calc(var(--l) * .11s);transform:translateY(110%)}.js [data-reveal=words].is-in .vd-words-inner{transform:none}html.js:not(.rv) [data-reveal=words] .vd-words-inner{animation:.4s 4s forwards reveal-fallback}}.vd-voice{opacity:0;visibility:hidden;transition:opacity .5s var(--ease), visibility 0s linear .5s}.vd-voice.is-active{opacity:1;visibility:visible;transition:opacity .5s var(--ease)}.vd-voice-quote{max-inline-size:24em;font-size:clamp(1.625rem,1.2rem + 1.8vw,2.875rem);line-height:1.2}.vd-word{display:inline-block}.vd-voice-by{margin-block-start:2rem}.vd-round{border:var(--line) solid color-mix(in srgb, var(--weiss) 55%, transparent);border-radius:var(--radius-pill);block-size:3rem;inline-size:3rem;color:var(--weiss);cursor:pointer;transition:background-color .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);place-items:center;display:inline-grid}.vd-round:hover{background:var(--weiss);border-color:var(--weiss);color:var(--tiefsee)}.vd-voices-light .vd-round{border-color:color-mix(in srgb, var(--tinte) 30%, transparent);color:var(--tinte)}.vd-voices-light .vd-round:hover{background:var(--tinte);border-color:var(--tinte);color:var(--weiss)}.vd-proof{margin-block-start:var(--section);padding-block-start:clamp(3rem,2rem + 3vw,5rem)}@media (prefers-reduced-motion:no-preference){.vd-voices.is-armed .vd-word,.vd-voices.is-armed .vd-voice-by{opacity:0}.vd-voices.is-seen .vd-voice.is-active .vd-word,.vd-voices.is-seen .vd-voice.is-active .vd-voice-by{animation:vd-word .76s var(--ease-out) both;animation-delay:calc(var(--w) * 26ms)}.vd-voices.is-seen .vd-voice.is-active .vd-voice-by{animation-delay:calc(var(--w) * 26ms + .16s)}}@keyframes vd-word{0%{opacity:0;filter:blur(3px);transform:translateY(.35em)}to{opacity:1;filter:none;transform:none}}.vd-film{padding-block-start:var(--section-lg)}.vd-film-frame{margin-block-start:clamp(2.5rem,1.5rem + 3vw,4.5rem)}.vd-rooms{gap:2rem var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:clamp(3rem,2rem + 4vw,6rem);display:grid}@media (min-width:64rem){.vd-rooms{grid-template-columns:repeat(4,minmax(0,1fr))}}.vd-room-media{aspect-ratio:3/2;border-radius:var(--radius);position:relative;overflow:hidden}.vd-room-media img{transition:scale 1.2s var(--ease-out)}.vd-rooms li:hover .vd-room-media img{scale:1.04}@media (prefers-reduced-motion:reduce){.vd-room-media img{transition:none}}.vd-magnetic{transition:transform .5s var(--ease-out);display:inline-block}}
