/* Scroll-Reveal nur auf der Startseite (diese Datei wird nur dort eingebunden). */
:root{--fr-ease:cubic-bezier(.2,.72,.2,1)}
[data-reveal]{opacity:0;transform:translate3d(0,42px,0);transition:opacity 2.25s var(--fr-ease),transform 2.25s var(--fr-ease);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
[data-reveal="left"]{transform:translate3d(0,42px,0)}
[data-reveal].is-visible{opacity:1;transform:translate3d(0,0,0);will-change:auto}
[data-reveal-load]{animation:frHeroIn 1.15s var(--fr-ease) both}
@keyframes frHeroIn{from{opacity:0;transform:translate3d(0,28px,0)}to{opacity:1;transform:none}}
.btn,.nav-cta,.nav-email-cta,.filter,.menu-toggle,.details,.header nav a{transition:color .25s ease,background-color .25s ease,border-color .25s ease,transform .3s var(--fr-ease),box-shadow .3s ease}
.btn:hover,.nav-cta:hover,.nav-email-cta:hover{transform:translateY(-2px)}
.product-card{transition:transform .4s var(--fr-ease),box-shadow .4s ease}
.product-card:hover{transform:translateY(-5px)}
.product-image img{transition:transform .65s var(--fr-ease)}
.product-card:hover .product-image img{transform:scale(1.035)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1!important;transform:none!important}}