.hero-section{margin:0 auto;padding:var(--section-space-y-leistung) var(--section-space-x-leistung);max-width:var(--page-max-width)}.hero-media{position:relative;width:100%}.hero-figure{margin:0}.hero-section--immersive .hero-figure{overflow:hidden;border-radius:1.4rem;box-shadow:var(--shadow-soft);aspect-ratio:1362 / 768}.hero-image,.image-placeholder{display:block;width:100%;border-radius:1.4rem;box-shadow:var(--shadow-soft)}.hero-image{height:auto}.hero-section--immersive .hero-image{height:100%;border-radius:0;box-shadow:none;object-fit:cover;object-position:center}.hero-section--immersive .hero-figure.image-placeholder{min-height:unset;border-radius:0;box-shadow:none}.image-placeholder{margin:0;min-height:clamp(14rem,32vw,22rem);display:grid;place-items:center;background:linear-gradient(145deg,var(--accent-soft),var(--surface-warm-strong));border:1px solid var(--border-soft)}.image-placeholder-label{padding:.45rem .9rem;border-radius:999px;background:var(--surface-elevated);border:1px solid var(--border-soft);color:var(--text-muted);font-size:.9rem;font-weight:500}.hero-content{margin-top:1rem;display:flex;flex-direction:column;gap:.85rem}.hero-section h1{margin:0;font-size:clamp(2.05rem,4.4vw,3.35rem);line-height:1.08;letter-spacing:-.02em}.hero-subtitle{margin:0;font-size:clamp(1.12rem,2.1vw,1.45rem);font-weight:600;color:var(--text-muted)}.hero-topics{margin:0;font-size:clamp(1rem,1.9vw,1.2rem);line-height:1.65;max-width:62ch;color:var(--text-muted)}@media(min-width:960px){.hero-section--immersive .hero-content{position:absolute;top:1.25rem;right:1.25rem;z-index:1;margin-top:0;max-width:min(50%,35rem);padding:.5rem 0}}@media(prefers-reduced-motion:no-preference){.hero-section--immersive .hero-media{animation:hero-fade-in .52s ease-out both}}@keyframes hero-fade-in{0%{opacity:0}to{opacity:1}}.hero-section--immersive .hero-content h1{text-shadow:0 1px 2px color-mix(in srgb,var(--surface-warm) 90%,transparent),0 0 24px color-mix(in srgb,var(--surface-warm) 55%,transparent)}.hero-section--immersive .hero-content .hero-subtitle,.hero-section--immersive .hero-content .hero-topics{text-shadow:0 1px 2px color-mix(in srgb,var(--surface-warm) 85%,transparent),0 0 16px color-mix(in srgb,var(--surface-warm) 45%,transparent)}.hero-section--immersive .hero-content .eyebrow{text-shadow:0 1px 2px color-mix(in srgb,var(--surface-warm) 75%,transparent)}