@view-transition{navigation:auto}#hero-title{view-transition-name:leitzeile}#hero-title>span{view-transition-name:leitpunkt;display:inline-block}.hero-copy>.eyebrow{view-transition-name:ub-dachzeile}.hero-copy>p{view-transition-name:ub-unterzeile}.hero-actions{view-transition-name:ub-knoepfe}.hero-projects{view-transition-name:ub-projekte}.cinematic>.world{view-transition-name:ub-buehne}html[data-umblaettern=ruhig] #hero-title,html[data-umblaettern=ruhig] #hero-title>span,html[data-umblaettern=ruhig] .hero-copy>.eyebrow,html[data-umblaettern=ruhig] .hero-copy>p,html[data-umblaettern=ruhig] .hero-actions,html[data-umblaettern=ruhig] .hero-projects,html[data-umblaettern=ruhig] .cinematic>.world{view-transition-name:none}@media(prefers-reduced-motion:reduce){#hero-title,#hero-title>span,.hero-copy>.eyebrow,.hero-copy>p,.hero-actions,.hero-projects,.cinematic>.world{view-transition-name:none}}::view-transition-old(root){animation:ub-aus .2s cubic-bezier(.4,0,1,1) both}::view-transition-new(root){animation:ub-ein .34s .1s cubic-bezier(0,0,.2,1) both}::view-transition-group(leitzeile){animation-duration:.9s;animation-timing-function:cubic-bezier(.45,0,.2,1)}::view-transition-image-pair(leitzeile){perspective:max(640px,88vw);perspective-origin:40% 50%}::view-transition-old(leitzeile),::view-transition-new(leitzeile){transform-origin:0 50%;backface-visibility:hidden;mix-blend-mode:normal;animation-duration:.9s;animation-fill-mode:both;animation-timing-function:linear}html[lang=en]::view-transition-old(leitzeile){z-index:1;animation-name:ub-weg}html[lang=en]::view-transition-new(leitzeile){animation-name:ub-darunter}html[lang=de]::view-transition-new(leitzeile){animation-name:ub-zurueck}html[lang=de]::view-transition-old(leitzeile){animation-name:ub-zugedeckt}@keyframes ub-weg{0%{transform:rotateY(0);opacity:1;animation-timing-function:cubic-bezier(.42,0,.62,.52)}36%{opacity:1}54%{transform:rotateY(-90deg);opacity:0}to{transform:rotateY(-90deg);opacity:0}}@keyframes ub-darunter{0%,40%{opacity:0;animation-timing-function:cubic-bezier(.25,.1,.25,1)}86%,to{opacity:1}}@keyframes ub-zurueck{0%,8%{transform:rotateY(-90deg);opacity:0;animation-timing-function:cubic-bezier(.2,.55,.35,1)}22%{opacity:1}78%{transform:rotateY(2.5deg);opacity:1;animation-timing-function:cubic-bezier(.4,0,.4,1)}to{transform:rotateY(0);opacity:1}}@keyframes ub-zugedeckt{0%,14%{opacity:1}34%,to{opacity:0}}::view-transition-group(ub-dachzeile),::view-transition-group(ub-unterzeile),::view-transition-group(ub-knoepfe),::view-transition-group(ub-projekte){animation-duration:.6s;animation-delay:.3s;animation-timing-function:cubic-bezier(.3,0,.15,1);animation-fill-mode:both}::view-transition-old(ub-dachzeile),::view-transition-new(ub-dachzeile),::view-transition-old(ub-unterzeile),::view-transition-new(ub-unterzeile),::view-transition-old(ub-knoepfe),::view-transition-new(ub-knoepfe),::view-transition-old(ub-projekte),::view-transition-new(ub-projekte){height:100%;object-fit:none;object-position:0 0;overflow:visible;mix-blend-mode:normal;animation-fill-mode:both}::view-transition-old(ub-dachzeile),::view-transition-old(ub-unterzeile),::view-transition-old(ub-knoepfe),::view-transition-old(ub-projekte){animation:ub-aus .22s cubic-bezier(.4,0,1,1) both}::view-transition-new(ub-dachzeile),::view-transition-new(ub-unterzeile),::view-transition-new(ub-knoepfe),::view-transition-new(ub-projekte){animation:ub-ein .42s .4s cubic-bezier(0,0,.2,1) both}::view-transition-new(ub-dachzeile){animation-delay:.3s}::view-transition-new(ub-knoepfe){animation-delay:.46s}::view-transition-new(ub-projekte){animation-delay:.52s}@keyframes ub-aus{to{opacity:0}}@keyframes ub-ein{0%{opacity:0}}::view-transition-group(ub-buehne){animation-duration:.6s;animation-delay:.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.3,0,.15,1)}::view-transition-old(ub-buehne){animation:none;opacity:0}::view-transition-new(ub-buehne){animation:none;mix-blend-mode:normal}::view-transition-group(leitpunkt){z-index:2;animation-duration:.9s;animation-delay:.06s;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:both}::view-transition-image-pair(leitpunkt){transform-origin:50% 90%;animation:ub-bogen .9s .06s cubic-bezier(.4,0,.3,1) both}::view-transition-old(leitpunkt){animation:none;opacity:0}::view-transition-new(leitpunkt){animation:none;opacity:1;mix-blend-mode:normal}@keyframes ub-bogen{0%{transform:translateY(0)}48%{transform:translateY(calc(-1*clamp(26px,3.2vw,56px)))}90%{transform:translateY(0) scale(1.08,.9)}to{transform:none}}