.hero{--hero-grund:var(--body-bg);--hero-raster:color-mix(in srgb, var(--n-900) 3.5%, transparent);--hero-fleck-gruen:color-mix(in srgb, var(--brand-secondary) 14%, transparent);--hero-fleck-amber:color-mix(in srgb, var(--status-warn) 10%, transparent);--hero-ink:var(--n-900);--hero-lead:var(--n-700);--hero-neben:var(--n-500);--hero-pill-kante:var(--n-300);--hero-pill-grund:color-mix(in srgb, var(--n-0) 70%, transparent);--hero-punkt:var(--brand-secondary);--hp-grund:var(--hero-grund);--hero-rand:max(80px, calc((100% - var(--mk-container-breite)) / 2 + var(--mk-container-rand)));--hero-oben:clamp(28px, 4.5svh, 72px);--hero-unten:clamp(24px, 3.5svh, 56px);--hero-schritt:clamp(16px, 2.6svh, 26px);view-timeline-name:--hero-sicht;view-timeline-axis:block;isolation:isolate;z-index:1;padding:var(--hero-oben) 0 var(--hero-unten) var(--hero-rand);color:var(--hero-ink);background-color:var(--hero-grund);background-image:linear-gradient(var(--hero-raster) 1px, transparent 1px), linear-gradient(90deg, var(--hero-raster) 1px, transparent 1px);background-size:96px 96px;grid-template-columns:minmax(0,620px) minmax(0,1fr);align-items:start;gap:64px;display:grid;position:relative;overflow-x:clip}.hero:before,.hero:after{content:"";z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.hero:before{background:radial-gradient(closest-side, var(--hero-fleck-gruen), transparent);width:720px;height:720px;top:-120px;right:-180px}.hero:after{background:radial-gradient(closest-side, var(--hero-fleck-amber), transparent);width:640px;height:640px;bottom:-400px;left:-220px}.hero-links{flex-direction:column;min-width:0;display:flex}.hero-pill{border:1px solid var(--hero-pill-kante);background:var(--hero-pill-grund);color:var(--hero-lead);border-radius:999px;align-self:flex-start;align-items:center;gap:10px;margin:0;padding:6px 14px 6px 12px;font-size:12.5px;line-height:1.3;display:inline-flex}.hero-pill-punkt{background:var(--hero-punkt);border-radius:50%;flex:none;width:7px;height:7px}.hero-h1{margin:var(--hero-schritt) 0 clamp(12px, 1.8vh, 16px);letter-spacing:-.04em;color:var(--hero-ink);text-wrap:balance;margin-bottom:clamp(12px,1.8svh,16px);font-size:clamp(40px,6.2svh,54px);font-weight:800;line-height:1.02}.hero-h1-2{color:var(--hero-neben);font-weight:600}.hero-absatz{max-width:50ch;color:var(--hero-lead);text-wrap:pretty;margin:0;font-size:17px;line-height:1.5}.hero-absatz strong{color:var(--hero-ink);font-weight:600}.hero-absatz-mobil{display:none}.hero-korb{min-width:0;margin-top:clamp(18px,3svh,28px)}.hero-rechts{--hero-rand-rechts:40px;--hp-luft:120px;clip-path:inset(-240px 0 0 -200px);align-self:stretch;min-width:0;min-height:0;position:relative}.hero-rechts .hp{top:calc(-1 * var(--hp-luft));left:calc(-1 * var(--hp-luft));pointer-events:none;box-sizing:content-box;width:min(820px, calc(100% - var(--hero-rand-rechts)), 66vh);width:min(820px, calc(100% - var(--hero-rand-rechts)), 66svh);padding:var(--hp-luft) var(--hero-rand-rechts) var(--hp-luft) var(--hp-luft);-webkit-mask-image:linear-gradient(to bottom, black calc(100% - var(--hp-luft) - 130px), transparent calc(100% - var(--hp-luft) + 40px));-webkit-mask-image:linear-gradient(to bottom, black calc(100% - var(--hp-luft) - 130px), transparent calc(100% - var(--hp-luft) + 40px));mask-image:linear-gradient(to bottom, black calc(100% - var(--hp-luft) - 130px), transparent calc(100% - var(--hp-luft) + 40px));position:absolute}@media (width<=899px){.hero{background-size:64px 64px;grid-template-columns:minmax(0,1fr);gap:0;padding:32px 18px 24px}.hero:before{width:420px;height:420px;right:-160px}.hero:after{display:none}.hero-pill{gap:8px;padding:5px 12px 5px 10px;font-size:12px}.hero-pill-punkt{width:6px;height:6px}.hero-h1{letter-spacing:-.035em;margin:20px 0 12px;font-size:36px;line-height:1.04}.hero-absatz{max-width:none;font-size:15px}.hero-absatz-desktop{display:none}.hero-absatz-mobil{display:block}.hero-korb{margin-top:22px}.hero-rechts{clip-path:none;align-self:auto;margin:28px -18px 0 0;display:block}.hero-rechts .hp{box-sizing:border-box;width:min(100%,820px);padding:0;position:relative;top:auto;left:auto;-webkit-mask-image:none;mask-image:none}.hero-rechts .hp-kompakt{width:620px}}