:root{--ease:cubic-bezier(.22,1,.36,1);--lift:cubic-bezier(.2,.7,.2,1);--pen:cubic-bezier(.3,.6,.2,1);--dur-press:.25s;--dur-link:.2s;--dur-card:.5s;--dur-open:.45s;--dur-reveal:.9s;--dur-pen:1.1s;--dur-draw:1.5s;--dur-drift:34s;--dur-breathe:11s;--dur-bob:6s;--reveal-rise:24px }@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.k-btn,.k-card,.k-qa summary,[data-k-haptic]{-webkit-tap-highlight-color:transparent}.k-btn{transition:transform var(--dur-press) var(--ease),box-shadow var(--dur-press) var(--ease),background-color var(--dur-press) var(--ease)}@media(hover:hover){.k-btn:hover{transform:translateY(-1px)}}.k-btn:active{transform:translateY(1px);transition-duration:.08s}.k-link{transition:text-decoration-color var(--dur-link) var(--ease),color var(--dur-link) var(--ease)}.k-card{transition:transform var(--dur-card) var(--ease),box-shadow var(--dur-card) var(--ease)}@media(hover:hover){.k-card:hover{transform:translateY(-3px)}}html.k-motion .k-reveal{opacity:0;translate:0 var(--reveal-rise);transition:opacity var(--dur-reveal) var(--lift) var(--d,0s),translate var(--dur-reveal) var(--lift) var(--d,0s)}html.k-motion .k-reveal--fade{translate:none}html.k-motion .k-reveal.is-in{opacity:1;translate:none}.k-hl{position:relative;display:inline-block;z-index:0}.k-hl svg{position:absolute;display:block;overflow:visible;pointer-events:none;z-index:-1}.k-hl path{fill:none;stroke:var(--mint-line,#5BDB9F);stroke-linecap:round;stroke-linejoin:round}.k-hl .hc{left:-7%;top:-12%;width:114%;height:126%}.k-hl .hc path{stroke-width:3.2;stroke-dasharray:853;animation:k-hc var(--dur-pen) var(--pen) .3s both}.k-hl .sp{right:-.62em;top:-.5em;width:.72em;height:.72em}.k-hl .sp .l{stroke-width:3.2;stroke-dasharray:30;animation:k-spl .5s var(--pen) 1.1s both}.k-hl .sp .st{fill:var(--mint-line,#5BDB9F);stroke:none;transform-box:fill-box;transform-origin:center;animation:k-tw 2.6s ease-in-out 1.5s infinite both}.k-hl .hs{left:-3%;top:auto;bottom:-.16em;width:106%;height:.3em}.k-hl .hs path{stroke-width:5;stroke-dasharray:296;animation:k-hs .8s var(--pen) .3s both}.k-u{background-image:linear-gradient(var(--mint-line,#5BDB9F),var(--mint-line,#5BDB9F));background-repeat:no-repeat;background-position:0 94%;background-size:100% .07em;animation:k-under 1s var(--lift) .3s both}.k-draw [pathLength]{stroke-dasharray:1;stroke-dashoffset:1;animation:k-draw var(--dur-draw) var(--pen) var(--d,.2s) both}html.k-motion .k-u:not(.is-in),html.k-motion :is(.k-hl,.k-draw):not(.is-in) *{animation-play-state:paused}.k-drift{transform-origin:50% 70%;animation:k-drift var(--dur-drift) ease-in-out infinite alternate}:is(.k-breathe,.k-rings)>*{transform-box:fill-box;transform-origin:center;animation:k-breathe var(--dur-breathe) ease-in-out infinite}:is(.k-breathe,.k-rings)>:nth-child(2){animation-delay:-1.2s}:is(.k-breathe,.k-rings)>:nth-child(3){animation-delay:-2.4s}:is(.k-breathe,.k-rings)>:nth-child(4){animation-delay:-3.6s}.k-bob{animation:k-bob var(--dur-bob) ease-in-out infinite alternate}.k-off,.k-off>*{animation-play-state:paused}.k-qa details[open]>:not(summary){animation:k-open var(--dur-open) var(--ease) backwards}.k-pm{position:relative;width:22px;height:22px;flex:none}.k-pm:before,.k-pm:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.6px;margin:-.8px 0 0 -7px;background:currentColor;border-radius:2px;transition:transform .3s var(--ease)}.k-pm:after{transform:rotate(90deg)}.k-qa details[open] .k-pm:after{transform:rotate(0)}@supports (interpolate-size:allow-keywords){.k-qa details{interpolate-size:allow-keywords}.k-qa details::details-content{height:0;overflow:clip;transition:height var(--dur-open) var(--ease),content-visibility var(--dur-open) allow-discrete}.k-qa details[open]::details-content{height:auto}}@keyframes k-hc{0%{stroke-dashoffset:853}to{stroke-dashoffset:0}}@keyframes k-spl{0%{stroke-dashoffset:30}to{stroke-dashoffset:0}}@keyframes k-tw{0%,to{transform:scale(.7);opacity:.6}50%{transform:scale(1.15);opacity:1}}@keyframes k-hs{0%{stroke-dashoffset:296}to{stroke-dashoffset:0}}@keyframes k-under{0%{background-size:0% .07em}to{background-size:100% .07em}}@keyframes k-draw{to{stroke-dashoffset:0}}@keyframes k-drift{0%{transform:scale(1.02)}to{transform:scale(1.1) translateY(-1.5%)}}@keyframes k-breathe{0%,to{transform:scale(.95);opacity:.5}50%{transform:scale(1.04);opacity:1}}@keyframes k-bob{0%{transform:translateY(-6px)}to{transform:translateY(8px)}}@keyframes k-open{0%{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}.k-drift,.k-bob,:is(.k-breathe,.k-rings)>*,.k-hl .sp .st{animation:none!important}.k-draw [pathLength]{stroke-dashoffset:0}.k-qa details::details-content{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/142/assets/klarheit-motion.css.map */