.stage{height:calc(var(--hero-h) * 2);position:relative}.stage+.over{margin-top:calc(var(--hero-h) * -1)}.hero{--z:40px;--t:min(5.2vw, 9.4vh, 100px);--fuer:clamp(1rem, 1.2vw, 1.125rem);top:min(0px, calc(100svh - var(--hero-h)));z-index:0;height:var(--hero-h);background:var(--bg);color:var(--fg);position:sticky;overflow:hidden}.hero-bild{--ende:calc(var(--dock) + 112px);top:0;right:-4%;bottom:var(--ende);pointer-events:none;mix-blend-mode:screen;-webkit-mask-composite:source-in;width:58%;position:absolute;-webkit-mask-image:linear-gradient(90deg,#0000 8%,#000 34%),linear-gradient(#000 88%,#0000 100%);mask-image:linear-gradient(90deg,#0000 8%,#000 34%),linear-gradient(#000 88%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.hero-bild img{object-fit:cover;object-position:50% 30%}.hero-entwurf{background:#000;width:100%;height:100%;display:none;position:absolute;inset:0}.anim .hero-entwurf{animation:0s linear .9s forwards entwurfWeg;display:block}@keyframes entwurfWeg{to{visibility:hidden}}html[data-farbe=weiss] .hero-bild{mix-blend-mode:multiply}html[data-farbe=weiss] .hero-bild img,html[data-farbe=weiss] .hero-entwurf{filter:brightness(1.8)invert()hue-rotate(180deg)}.hero-feld{width:calc(var(--z) * 14);height:calc(var(--z) * 6);pointer-events:none;background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:var(--z) var(--z);-webkit-mask-composite:source-in;background-position:100% 0;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 22%,#000 66%),linear-gradient(#000 58%,#0000 100%);mask-image:linear-gradient(90deg,#0000 22%,#000 66%),linear-gradient(#000 58%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.hero-px{width:100%;height:100%;position:absolute;inset:0}.hero-px-m{display:none}.anim .hero-px{animation:.6s steps(24,end) both feldBau}@keyframes feldBau{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}.hero-spur,.hero-blende{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-blende{z-index:4}.hero-weg{transition:opacity .14s linear}.is-um .hero-weg{opacity:0;pointer-events:none}.hero-top{left:var(--edge);z-index:2;color:var(--fg);position:absolute;top:28px}.hero-farb{right:calc(var(--edge) - 14px);z-index:3;position:absolute;top:26px}.hero-copy{z-index:2;left:var(--edge);right:var(--edge);top:clamp(96px,14vh,150px);bottom:calc(var(--dock) + 18px + clamp(14px, 2.4vh, 26px) + env(safe-area-inset-bottom));flex-direction:column;justify-content:space-between;gap:24px;display:flex;position:absolute}.hero-title{font-size:var(--t);letter-spacing:-.024em;color:var(--fg);font-weight:400;line-height:1.03}.hl{white-space:nowrap;display:block}.hero-fuer{max-width:31em;font-size:var(--fuer);letter-spacing:-.011em;color:var(--fg-2);text-wrap:pretty;margin-top:clamp(16px,2.6vh,28px);line-height:1.38}.hero-beweis{gap:clamp(18px,3vh,30px);display:grid}.hero-jahre{align-items:flex-end;gap:16px;display:flex}.hero-jahre b{font-size:var(--t);letter-spacing:-.03em;font-weight:400;line-height:.8}.hero-jahre span.mono{letter-spacing:.04em;max-width:13em;color:var(--fg-2);font-size:.75rem;line-height:1.32}.refs{box-shadow:inset 0 1px 0 var(--line);flex-wrap:nowrap;justify-content:space-between;gap:clamp(20px,2.6vw,44px);padding-top:clamp(14px,2vh,20px);display:flex}.ref{align-items:center;gap:11px;min-width:0;display:flex}.ref-m{flex:none;place-items:center;min-width:26px;height:34px;display:grid}.ref-nato{width:46px;height:33px}.ref-siegel{width:34px;height:34px}.ref-m svg,.ref-m img{display:block}.ref-t{gap:1px;min-width:0;display:grid}.ref b{letter-spacing:-.012em;white-space:nowrap;font-size:.875rem;font-weight:450;line-height:1.2}.ref .mono{letter-spacing:.04em;color:var(--fg-3);font-size:.6875rem;line-height:1.25}.ref-bsp .ref-m{color:var(--fg-3)}.ref-bsp b{color:var(--fg-2)}@media (min-width:1900px){.hero{--z:50px}}@media (max-width:1180px){.hero{--z:34px}.ref .ref-m,.ref-m{display:none}.refs{gap:16px}.ref:nth-child(-n+2) .ref-m{display:grid}}@media (max-width:900px){.hero{--z:28px;--t:min(10.4vw, 5.8vh);--fuer:1rem}.hero-bild{--ende:auto;top:auto;bottom:calc(var(--dock) + 112px);-webkit-mask-composite:source-over;width:92%;height:min(max(130px,100% - 492px),96vw);right:-8%;-webkit-mask-image:linear-gradient(#0000 0%,#000 22% 84%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 22% 84%,#0000 100%);-webkit-mask-composite:source-over;mask-composite:add}.hero-feld{width:calc(var(--z) * 7);height:calc(var(--z) * 4)}.hero-px-d{display:none}.hero-px-m{display:block}.hero-top{top:20px}.hero-top .logo{width:auto;height:34px}.hero-farb{top:15px;right:calc(var(--edge) - 12px)}.hero-copy{--ueber:min(52px, max(0px, 620px - 100svh));top:78px;bottom:calc(var(--dock) + 14px + 12px + var(--ueber) + env(safe-area-inset-bottom));gap:12px}.hl{white-space:normal}.hero-fuer{margin-top:12px}.hero-beweis{gap:14px}.hero-jahre{flex-direction:column;align-items:flex-start;gap:8px}.hero-jahre b{font-size:min(13.5vw,7.2vh)}.hero-jahre span.mono{max-width:11em}.refs{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 8px;padding-top:12px;display:grid}.ref{gap:7px}.ref:first-child,.ref:nth-child(2){grid-column:span 3}.ref:nth-child(n+3){grid-column:span 2}.ref .ref-m{display:grid}.ref:nth-child(n+3) .ref-m{display:none}.ref b{white-space:normal;font-size:.75rem;line-height:1.16}.ref-m{min-width:0;height:28px}.ref-nato{width:38px;height:27px}.ref-siegel{width:28px;height:28px}}@media (max-width:900px) and (max-height:600px){.hero-top{top:14px}.hero-copy{top:62px}.hero-fuer{margin-top:8px;font-size:.9375rem;line-height:1.28}.hero-jahre{flex-direction:row;align-items:flex-end;gap:10px}.hero-jahre b{font-size:2.5rem}.hero-jahre span.mono{max-width:none}.hero-beweis{gap:10px}.refs{gap:6px 8px;padding-top:8px}.hero-bild{opacity:.55}}@media (prefers-reduced-motion:reduce){.stage{height:var(--hero-h)}.stage+.over{margin-top:0}.hero{position:relative;top:0}.hero-spur,.hero-entwurf,.hero-blende{display:none}}