.intro{padding-block: var(--phi-4) var(--phi-3)}.intro .wrap{max-width: var(--kachel-w)}.intro h1{margin: 0;max-width: 21ch;font-family: var(--f-serif);font-size: clamp(calc((var(--phi-3) + var(--phi-0)) * 1.10),calc(1.9199rem + 8.1986vw),calc(var(--t-h1) * 1.236 * 1.618));font-weight: 300;line-height: 1.236;letter-spacing: -0.00902em;color: #fff}.lede{margin: var(--phi-2) 0 0;max-width: 55ch;font-size: calc(var(--t-lead) * 1.236);font-weight: 600;color: #fff}body:not([data-bg-video]) .lede{color: var(--c-lese-ink-soft)}@media (max-width: 40rem){.intro{padding-block: var(--phi-3) var(--phi-2)}.lede{margin-top: var(--phi-1);font-size: var(--t-lead)}}.hinweis{padding-block: var(--phi-4) var(--phi-5)}.hinweis-num{margin: 0 0 var(--phi-0);font-size: var(--t-fine);font-weight: 400;letter-spacing: var(--sperr-weit);text-transform: uppercase;color: var(--c-accent)}.hinweis h1{margin: 0;max-width: 21ch;font-family: var(--f-serif);font-size: clamp(1.618rem,calc(0.7313rem + 4.4333vw),var(--t-h1));font-weight: 400;line-height: 1.236;letter-spacing: -0.00902em}.hinweis .lede{margin: var(--phi-2) 0 var(--phi-3)}.btn{position: relative;display: inline-flex;align-items: center;min-height: 2.75rem;padding: var(--phi-0) var(--phi-2);background: var(--c-surface);color: var(--c-accent);font-size: var(--t-small);letter-spacing: var(--sperr-eng);text-transform: uppercase;text-decoration: none;border: var(--linie) solid var(--c-line);border-radius: var(--phi-00);transition: transform var(--zeit-mittel) var(--kurve)}.btn::after{content: "";position: absolute;inset: 0;z-index: -1;border-radius: var(--phi-00);box-shadow: 0 var(--phi-00) var(--phi-2) rgba(22,33,31,0.0902);opacity: 0;transition: opacity var(--zeit-mittel) var(--kurve)}@media (hover: hover) and (prefers-reduced-motion: no-preference){.btn:hover{transform: translate3d(0,-0.236rem,0)}.btn:hover::after{opacity: 1}}