@keyframes atelier-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes atelier-photo{from{transform:scale(1.065)}to{transform:scale(1)}}
@media(prefers-reduced-motion:no-preference){
 html{scroll-behavior:smooth}
 html:root body,html:root header,html:root #uber-uns,html:root #kontakt,html:root #werkstatt,html:root .ref-service-hero{transition:background-color .35s ease,color .35s ease,border-color .35s ease}
 html:root .hero-copy>*{animation:atelier-enter .9s cubic-bezier(.2,.7,.2,1) both}
 html:root .hero-copy>*:nth-child(2){animation-delay:.08s}html:root .hero-copy>*:nth-child(3){animation-delay:.16s}html:root .hero-copy>*:nth-child(4){animation-delay:.24s}html:root .hero-copy>*:nth-child(5){animation-delay:.32s}
 html:root .hero-visual>img{animation:atelier-photo 1.8s cubic-bezier(.15,.7,.25,1) both}
 html:root :is(.btn,.ref-button,.car-open,.theme-toggle,.hero-call){transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}
 html:root :is(.btn,.ref-button,.car-open,.atelier-quicknav a) span[aria-hidden]{display:inline-block;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
 html:root :is(.btn,.ref-button,.car-open,.atelier-quicknav a):hover span[aria-hidden]{transform:translateX(5px)}
 html:root .ref-expand{transition:color .25s,border-color .25s,background-color .25s,transform .35s}
 html:root .ref-category summary:hover .ref-expand{transform:rotate(90deg);border-color:var(--at-red);color:var(--at-red)}
 html:root .ref-about-image{overflow:hidden}
 html:root .ref-about-image>img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
 html:root header .nav{transition:min-height .3s ease}
 html:root header.atelier-scrolled{box-shadow:0 4px 22px #00000012}
 html:root header.atelier-scrolled .nav{min-height:76px}
 html:root .car-card.reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1),border-color .3s;transition-delay:var(--reveal-delay,0ms),var(--reveal-delay,0ms),0ms}
 @media(hover:hover) and (pointer:fine){html:root :is(#fahrzeuge,#baumaschinen,#anhaenger) .car-image img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}html:root :is(#fahrzeuge,#baumaschinen,#anhaenger) .car-card:hover .car-image img{transform:scale(1.035)}html:root .ref-about-image:hover>img{transform:scale(1.025)}}
 @media(max-width:700px){html:root header.atelier-scrolled .nav{min-height:74px}html:root .hero-copy>*{animation-duration:.65s}html:root .hero-visual>img{animation:none}}
}
.atelier-scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--at-red,#cb0029);z-index:1000;transform:scaleX(0);transform-origin:left;pointer-events:none}
@media(prefers-reduced-motion:reduce){.atelier-scroll-progress{display:none}}