/* Haage Media: scroll effects. Everything here is switched off under prefers-reduced-motion. */
.hm-progress{position:fixed;inset:0 auto auto 0;height:3px;width:100%;background:#FF5B2E;transform-origin:0 50%;transform:scaleX(0);z-index:9999;pointer-events:none}
.hm-js .hm-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--hm-d,0s)}
.hm-js .hm-reveal.is-in{opacity:1;transform:none}
.hm-js .hm-intro{opacity:0;transform:translateY(24px);animation:hm-in .9s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:var(--hm-d,0s)}
@keyframes hm-in{to{opacity:1;transform:none}}
.hm-js .s-hero-mark{opacity:0;animation:hm-pop 1s cubic-bezier(.3,1.6,.4,1) .1s forwards;transition:translate .4s ease-out,rotate .4s ease-out}
@keyframes hm-pop{from{opacity:0;transform:scale(.4) rotate(-20deg)}to{opacity:1;transform:none}}
#hm-ticker{position:relative}
#hm-ticker .hm-track{display:flex;width:max-content;animation:hm-marquee 30s linear infinite}
#hm-ticker.is-paused .hm-track{animation-play-state:paused}
@keyframes hm-marquee{to{transform:translateX(-50%)}}
.hm-pause{position:absolute;right:20px;bottom:6px;z-index:3;font:500 11px/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:#A3A6AC;background:#0E0F11;border:1px solid #2C2F35;border-radius:999px;padding:7px 12px;cursor:pointer}
.hm-pause:hover{color:#EDEBE6;border-color:#EDEBE6}
.hm-word{color:#4A4E56;transition:color .35s ease}
.hm-word.is-lit{color:#EDEBE6}
.hm-word.is-accent.is-lit{color:#FF5B2E}
.hm-tilt{transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .8s,translate .8s}
@media (hover:hover){.hm-js .hm-tilt.is-in:hover,.hm-tilt:hover{transform:rotate(-1.2deg) translateY(-6px)}.hm-js .hm-tilt.hm-tilt-r.is-in:hover,.hm-tilt.hm-tilt-r:hover{transform:rotate(1.2deg) translateY(-6px)}}
@media (prefers-reduced-motion: reduce){
 .hm-js .hm-reveal,.hm-js .hm-intro,.hm-js .s-hero-mark{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
 #hm-ticker .hm-track{animation:none}
 .hm-progress,.hm-pause{display:none}
 .hm-tilt:hover,.hm-js .hm-tilt.is-in:hover{transform:none!important}
}
.hm-js .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#hm-ticker [data-interaction-id="ticker-text"],#hm-ticker .hm-track>*{flex:none;white-space:nowrap;max-width:none}
/* review screenshots (?hmshot): no viewport-height hero, everything visible */
.hm-shot [data-interaction-id="hero"]{min-height:0!important}
.hm-shot .hm-reveal,.hm-shot .hm-intro,.hm-shot .s-hero-mark{opacity:1!important;transform:none!important;animation:none!important}
.hm-word.is-accent.is-lit{background:linear-gradient(90deg,#FF5B2E 0%,#FF9A5C 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-interaction-id$="-num"]{font-variant-numeric:tabular-nums}
@media (min-width:1025px){[data-interaction-id="arbeitsweise-media"]{position:sticky;top:120px;align-self:flex-start}}
.hm-top{position:fixed;right:24px;bottom:24px;z-index:900;width:52px;height:52px;border-radius:50%;border:1px solid #2C2F35;background:#16181B;color:#EDEBE6;font:600 20px/1 'Bricolage Grotesque',sans-serif;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s,transform .3s,visibility .3s,background .3s,color .3s}
.hm-top.is-on{opacity:1;visibility:visible;transform:none}
.hm-top:hover{background:#FF5B2E;color:#0E0F11;border-color:#FF5B2E}
@media (prefers-reduced-motion: reduce){.hm-top{transition:none}}