/* 0.260906.8 · Slogan-Auftakt ohne Layoutsprung. */
.hero-wechsel{position:relative}.hero-slogan{position:absolute;inset:0 auto auto 0;pointer-events:none;font-size:clamp(3rem,10.5vw,8.5rem);line-height:.98;letter-spacing:-.045em;font-weight:290;max-width:14ch}.hero-slogan span,.hero-slogan em{display:block}.hero-slogan em{font-style:normal;font-weight:530;color:var(--glut)}
.hero-slogan{animation:slogan-ein .7s cubic-bezier(.22,1,.36,1) both,slogan-aus .75s cubic-bezier(.4,0,.2,1) 2.2s forwards}.hero-ziel{animation:ziel-ein .9s cubic-bezier(.22,1,.36,1) 2.55s both}
html.js-bewegung .hero-ziel .zeile>span{transform:none!important;transition:none!important}
@keyframes slogan-ein{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes slogan-aus{to{opacity:0;transform:translateY(-14px);visibility:hidden}}@keyframes ziel-ein{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
html.lenis.lenis-smooth{scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){.hero-slogan{display:none;animation:none}.hero-ziel{animation:none}html{scroll-behavior:auto!important}}

/* 0.260906.14 · Folgeüberschrift 12 % kleiner; Slogan behält seinen Platz. */
.hero-wechsel{display:grid}
.hero-slogan{position:relative;inset:auto;grid-area:1 / 1;align-self:start}
.hero-ziel{grid-area:1 / 1;align-self:start;font-size:clamp(2.64rem,9.24vw,7.48rem)}