:root{--fm-aus: cubic-bezier(.16, 1, .3, 1);--fm-rot: #f70303}::selection{background:var(--fm-rot);color:#fff}html{caret-color:var(--fm-rot)}:focus-visible{outline:2px solid var(--fm-rot);outline-offset:3px}.button,.focks-teaser__button,.focks-story__button,.focks-hero__cta{transition:transform .18s var(--fm-aus),box-shadow .25s var(--fm-aus),background-color .2s ease,color .2s ease}.button:active,.focks-teaser__button:active,.focks-story__button:active,.focks-hero__cta:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.focks-teaser__button:hover,.focks-story__button:hover,.focks-hero__cta:hover{transform:translateY(-2px);box-shadow:0 14px 28px -14px #f70303bf}.focks-teaser__button:active,.focks-story__button:active,.focks-hero__cta:active{transform:scale(.97)}.focks-teaser__bild img,.focks-story__medium img{transition:transform .9s var(--fm-aus)}.focks-teaser__bild:hover img,.focks-story__medium:hover img{transform:scale(1.04)}}em:has(.fm-w){line-height:inherit}@media(max-width:749px){shopify-chat{transition:opacity .3s ease,transform .4s var(--fm-aus)}body.is-at-top shopify-chat{opacity:0;pointer-events:none;transform:translateY(1.2rem)}}.focks-staffel,.focks-teaser__staffel{transition:transform .2s var(--fm-aus),border-color .2s ease,background-color .2s ease,box-shadow .25s var(--fm-aus)}.focks-staffel:active{transform:scale(.98)}.focks-staffel.is-aktiv .focks-staffel__auswahl{animation:fm-pop .4s var(--fm-aus)}.fm-hops{animation:fm-hops .6s var(--fm-aus)}@keyframes fm-pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes fm-hops{0%{transform:none}30%{transform:translateY(-5px) rotate(-10deg) scale(1.15)}60%{transform:translateY(1px) rotate(6deg)}to{transform:none}}@keyframes fm-wort{0%{transform:translateY(110%) rotate(4deg)}to{transform:none}}@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root){animation:fm-vt-raus .16s ease both}::view-transition-new(root){animation:fm-vt-rein .28s var(--fm-aus) both}@keyframes fm-vt-raus{to{opacity:0}}@keyframes fm-vt-rein{0%{opacity:0;transform:translateY(8px)}}html[data-focks-motion] :is(.focks-hero__titel,.focks-story__ueberschrift,.focks-stimme__zitat,.focks-stimmen__titel,.focks-kontakt__titel,.focks-fragen__titel,.focks-footer__titel,.shopify-policy__title h1,.main-404__title):not(.fm-da){opacity:0}.fm-w{display:inline-block;overflow:hidden;vertical-align:top;padding:.16em .08em .12em;margin:-.16em -.08em -.12em}.fm-wi{display:inline-block;transform:translateY(110%);will-change:transform}.fm-da .fm-wi{animation:fm-wort .8s var(--fm-aus) both;animation-delay:calc(var(--i, 0) * 55ms)}html[data-focks-motion] :is(.focks-story__medium,.focks-teaser__bild)>:is(img,video,picture){clip-path:inset(0 0 100% 0);transform:scale(1.12);transition:clip-path 1.1s var(--fm-aus),transform 1.4s var(--fm-aus)}html[data-focks-motion] :is(.focks-story__medium,.focks-teaser__bild).fm-da>:is(img,video,picture){clip-path:inset(0 0 0 0);transform:none}html[data-focks-motion] .focks-footer__marke:not(.fm-da) img{transform:translateY(70%)}html[data-focks-motion] .focks-footer__marke img{transition:transform 1.5s var(--fm-aus)}html[data-focks-motion] :is(.focks-story__dachzeile,.focks-story__fliesstext,.focks-story__fakten,.focks-story__button,.focks-teaser__karte>*,.focks-stimme__autor,.focks-kontakt__punkt,.focks-fragen__intro,.focks-fragen__punkt,.focks-hero__unter>*,.main-404__subtext,.main-404 .button){opacity:0;transform:translateY(1.8rem);filter:blur(4px);transition:opacity .7s var(--fm-aus),transform .7s var(--fm-aus),filter .7s var(--fm-aus);transition-delay:calc(var(--i, 0) * 70ms)}html[data-focks-motion] :is(.focks-story__dachzeile,.focks-story__fliesstext,.focks-story__fakten,.focks-story__button,.focks-teaser__karte>*,.focks-stimme__autor,.focks-kontakt__punkt,.focks-fragen__intro,.focks-fragen__punkt,.focks-hero__unter>*,.main-404__subtext,.main-404 .button).fm-da{opacity:1;transform:none;filter:none}html[data-focks-motion] :is(.focks-story__button,.focks-teaser__button,.focks-hero__cta,.main-404 .button).fm-fertig{transition:transform .18s var(--fm-aus),box-shadow .25s var(--fm-aus);transition-delay:0s}}@media(prefers-reduced-motion:reduce){.fm-hops,.focks-staffel.is-aktiv .focks-staffel__auswahl{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/focks-motion.css.map */