@media(prefers-reduced-motion:no-preference){
 html:root header nav a:not(.btn){position:relative}
 html:root header nav a:not(.btn):before{content:'';position:absolute;left:0;right:0;bottom:-7px;height:1px;background:var(--at-red);transform:scaleX(0);transform-origin:left;transition:transform .32s cubic-bezier(.2,.75,.25,1)}
 html:root header nav a:not(.btn):hover:before,html:root header nav a:not(.btn):focus-visible:before{transform:scaleX(1)}
 html:root :is(.showcase-controls button,.showcase-open,.car-photo-open,.gallery-thumbs button,.gallery-prev,.gallery-next){transition:background-color .25s,color .25s,border-color .25s,opacity .25s,box-shadow .25s}
 html:root .showcase-open>span{display:inline-block;transition:transform .3s}
 html:root .showcase-open:hover>span{transform:translate(3px,-3px)}
 html:root #vehicle-dialog .gallery-thumbs button:hover{opacity:1;border-color:var(--at-line)}
 html:root #vehicle-dialog .gallery-thumbs button[aria-pressed="true"]{border-color:var(--at-red)}
 html:root #kontakt form :is(input,select,textarea){transition:border-color .25s,box-shadow .25s,background-color .25s}
 html:root #kontakt form :is(input,select,textarea):focus{border-color:var(--at-red);box-shadow:0 0 0 3px color-mix(in srgb,var(--at-red) 12%,transparent)}
 html:root .atelier-section-line:after{content:'';display:block;height:2px;width:48px;background:var(--at-red);margin-top:18px;transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.16,1,.3,1)}
 html:root .atelier-section-line.atelier-line-visible:after{transform:scaleX(1)}
 html:root #vehicle-dialog::backdrop{animation:atelier-backdrop-in .35s ease both}
 @keyframes atelier-backdrop-in{from{background-color:#080b1000;backdrop-filter:blur(0)}to{background-color:#080b10ae;backdrop-filter:blur(8px)}}
}