.hero{--hero-klein:.75rem;--hero-normal:.95rem;--hero-gross:clamp(2.1rem, 4.4vw, 3.5rem);--hero-gesperrt:.26em;--hero-gedaempft:#ffffffb3;--hero-luft:1.2rem;--hero-luft-gross:2.2rem;box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;margin:0 clamp(24px,8vw,120px);padding:clamp(190px,25vh,300px) 0 clamp(56px,8vh,110px);display:flex}.hero--kompakt{min-height:clamp(440px,64vh,760px)}.hero--normal{min-height:clamp(560px,88vh,1040px)}.hero--bildschirm{min-height:100vh}.hero--mitte{text-align:center;align-items:center}.hero--mitte .hero-sub{margin-left:auto;margin-right:auto}.hero--mitte .hero-kicker{margin-right:calc(var(--hero-gesperrt) * -1)}.hero-kicker{font-family:var(--font);font-size:var(--hero-klein);letter-spacing:var(--hero-gesperrt);text-transform:uppercase;color:var(--hero-gedaempft);margin-bottom:var(--hero-luft);opacity:0;font-weight:600;animation:.9s cubic-bezier(.16,1,.3,1) 50ms forwards hero-rise;display:block}.hero-text{font-size:var(--hero-normal);color:#fff;margin:0;font-weight:400}.hero-text span{opacity:0;margin:0;padding-bottom:.08em;animation:1s cubic-bezier(.16,1,.3,1) forwards hero-rise;display:block}.hero-slogan{font-family:var(--font-display);font-size:var(--hero-gross);letter-spacing:-.005em;color:#fff;text-shadow:0 2px 24px #0000004d;font-weight:400;line-height:1.14;animation-name:hero-slogan-ein;animation-duration:.75s;animation-delay:.18s}.hero-sub{margin:var(--hero-luft) 0 0;max-width:34rem;font-family:var(--font);font-size:var(--hero-normal);color:var(--hero-gedaempft);opacity:0;line-height:1.65;animation:1s cubic-bezier(.16,1,.3,1) .3s forwards hero-rise}.hero-actions{margin-top:var(--hero-luft-gross);opacity:0;flex-wrap:wrap;align-items:center;gap:.9rem;animation:1s cubic-bezier(.16,1,.3,1) .42s forwards hero-rise;display:flex}.hero--mitte .hero-actions,.hero--mitte .hero-dots{justify-content:center}.hero-explore{border-radius:var(--radius-pill,50px);background:var(--bg-white);cursor:pointer;border:none;align-items:center;gap:12px;padding:7px 7px 7px 22px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 8px 26px #00000038}.hero-explore:hover{transform:translateY(-3px);box-shadow:0 14px 36px #0000004d}.hero-explore-text{font-family:var(--font);font-size:var(--hero-normal);color:var(--text-dark);white-space:nowrap;font-weight:600}.hero-explore-icon{background:linear-gradient(135deg, var(--btn-1), var(--btn-2));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .25s;display:inline-flex}.hero-explore:hover .hero-explore-icon{transform:translate(3px)}.hero-explore-icon img{filter:brightness(0)invert();width:15px;height:15px}.hero-ghost{font-family:var(--font);font-size:var(--hero-normal);color:#fff;border-radius:var(--radius-pill,50px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff59;padding:11px 22px;font-weight:600;text-decoration:none;transition:background .25s,border-color .25s}.hero-ghost:hover{background:#ffffff1f;border-color:#fff9}.hero-dots{margin-top:var(--hero-luft-gross);align-items:center;gap:9px;padding:0;list-style:none;display:flex}.hero-dot{cursor:pointer;background:#fff6;border-radius:50%;width:8px;height:8px;transition:background .3s,width .3s}.hero-dot:hover{background:#ffffffbf}.hero-dot.active{background:#ffffff4d;border-radius:4px;width:26px;position:relative;overflow:hidden}.hero-dot.active:after{content:"";border-radius:inherit;transform-origin:0;animation:hero-dot-lauf var(--hero-wechsel,7s) linear forwards;background:#fff;position:absolute;inset:0}@keyframes hero-rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-slogan-ein{0%{opacity:0;filter:blur(7px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes hero-dot-lauf{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero--bewegung-aus :is(.hero-kicker,.hero-text span,.hero-sub,.hero-actions){opacity:1;filter:none;animation:none;transform:none}.hero--bewegung-aus .hero-dot.active{background:#fffffff2}.hero--bewegung-aus .hero-dot.active:after{animation:none;display:none}@media (prefers-reduced-motion:reduce){.hero :is(.hero-kicker,.hero-text span,.hero-sub,.hero-actions){opacity:1;filter:none;animation:none;transform:none}.hero-dot.active{background:#fffffff2}.hero-dot.active:after{animation:none;display:none}}@media (max-width:768px){.hero{--hero-luft:1rem;--hero-luft-gross:1.8rem;padding-top:clamp(150px,20vh,200px)}}