/* Shared typography and restrained red light, using the supplied local fonts. */
:root{--color-ink:#141413;--color-ink-soft:#292724;--color-muted:#504d47;--color-faint:#6b665e}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
header{border-bottom-color:#e1ddd5;box-shadow:0 3px 20px #29231907}
header nav[aria-label="Hauptnavigation"] a{color:#3f3b36;font-weight:650;font-size:.9rem;letter-spacing:-.015em;padding-inline:10px}
header nav[aria-label="Hauptnavigation"] a:hover,header nav[aria-label="Hauptnavigation"] a:focus-visible{color:var(--color-accent)}
header nav[aria-label="Hauptnavigation"] a[aria-current="page"]{color:#141413;font-weight:700}
header nav[aria-label="Hauptnavigation"] a[aria-current="page"]>span{height:2px;box-shadow:0 0 9px #dc1e2460}
header .icon-pop{color:#47423c}
header :is(a,button).bg-accent{font-weight:650;font-size:.9rem;min-height:46px}
:is(a,button).bg-accent,.oq-btn-primary{font-weight:650;border:1px solid #cf1c23;box-shadow:0 4px 12px #dc1e2420,0 9px 26px -11px #dc1e2466,inset 0 1px 0 #ffffff26}
:is(a,button).bg-accent:hover,.oq-btn-primary:hover{box-shadow:0 5px 14px #dc1e2433,0 13px 32px -10px #dc1e247a,inset 0 1px 0 #ffffff26}
:is(a,button).bg-accent:focus-visible,.oq-btn-primary:focus-visible{outline:3px solid #99151b;outline-offset:4px}
main>section:first-child:has(.hero-in){background:radial-gradient(ellipse at 90% 58%,#dc1e240d,transparent 54%)}
.hero-in h1{font-size:clamp(42px,4.6vw,66px);font-weight:600;line-height:1.04;letter-spacing:-.043em;max-width:550px;text-wrap:balance}
.premium-word{color:#ce1d25;text-shadow:0 5px 28px #dc1e241b}
.premium-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 21px;color:#5c5047;font:650 11px/1.5 Figtree,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.premium-eyebrow:before{content:"";width:22px;height:2px;background:var(--color-accent);box-shadow:0 0 8px #dc1e2440}
.hero-in>p.text-ink-soft{font-size:21px;line-height:1.5;font-weight:600;letter-spacing:-.02em}
.hero-in>p.text-muted{font-size:17px;line-height:1.75;max-width:465px;color:#514d46}
.hero-in .bg-accent{min-height:54px;padding-inline:27px;letter-spacing:-.01em}
.premium-cta-note{margin:14px 0 0;color:#60594f;font-size:12px;font-weight:500;line-height:1.6}
.hero-in-delay{padding:7px}
.hero-in-delay figure{border:5px solid #fff;box-shadow:0 15px 40px #21170d14,0 0 42px #dc1e240b;border-radius:20px}
.hero-in-delay img{border-radius:15px}
.eyebrow{font-weight:700}
main h2.font-serif{font-weight:500}
.oq{--oq-ink:#141413;--oq-muted:#57534c}
.oq-title,.oq-title em{font-weight:550}
.oq-title em{text-shadow:0 5px 28px #dc1e2414}
.oq-card{box-shadow:0 15px 38px #2a21130a,0 0 30px #dc1e2405}
.oq-topline strong,.oq-choice-title,.oq-field label{font-weight:650}
.oq-choice input:checked+.oq-choice-box{box-shadow:0 0 0 1px var(--oq-red),0 0 15px #dc1e2410}
@media(min-width:1024px){header .container-site,body:has(.oq)>div>header .container-site{width:min(1312px,100% - 48px);max-width:1312px;padding-inline:0}}
@media(min-width:1024px) and (max-width:1199px){header nav[aria-label="Hauptnavigation"] a,body:has(.oq)>div>header nav a{padding-inline:8px;font-size:13px}header :is(a,button).bg-accent{padding-inline:14px;font-size:13px}}
@media(max-width:767px){.hero-in h1{font-size:44px;max-width:480px}.premium-eyebrow{font-size:10px;margin-bottom:18px}.hero-in>p.text-ink-soft{font-size:19px}.hero-in>p.text-muted{font-size:16px;line-height:1.7}.hero-in-delay{padding:0}.hero-in-delay figure{border-width:4px}.premium-cta-note{font-size:12px}}
@media(max-width:399px){.hero-in h1{font-size:39px}.hero-in>p.text-ink-soft{font-size:18px}}
@media(prefers-reduced-motion:reduce){.hero-in,.hero-in-delay{animation:none!important}:is(a,button).bg-accent{transition:none!important;transform:none!important}}