/* Version 21. Nur die Zusatz-Auswahl ausblenden, Daten und Erzeugung erhalten. */
.hero.wrap .extra-systems{display:none}
/* Die verfügbare Fensterhöhe begrenzt das gesamte Bild, nicht einen Ausschnitt.
   Bild und Schilder teilen denselben proportionalen Koordinatenraum. */
@media(min-width:1280px){
 .hero.wrap,.hero.wrap.services-hero{--scene-height:calc(100dvh - 180px);padding-top:18px;grid-template-rows:auto;grid-template-columns:clamp(255px,21vw,400px) minmax(0,1fr) clamp(260px,18vw,330px);column-gap:18px}
 .hero.wrap .hero-copy{grid-column:1;grid-row:1;padding-top:10px;width:100%;max-width:none}
 .hero.wrap .hero-copy h1{font-size:clamp(32px,2.65vw,50px);line-height:1.06}
 .hero.wrap.services-hero .hero-copy h1{font-size:clamp(28px,2.15vw,42px)}
 .hero.wrap .hero-copy .eyebrow{font-size:10px;margin-bottom:20px}
 .hero.wrap .hero-copy .intro{font-size:clamp(14px,.95vw,16px);line-height:1.6;margin-top:20px;max-width:100%}
 .hero.wrap .hero-visual{grid-column:2;grid-row:1;align-self:start;margin:0;min-width:0}
 .hero.wrap .building-scene{width:min(100%,calc(var(--scene-height)*1.5));max-width:none;margin:0 0 0 auto}
 .hero.wrap .building-scene:after{display:none}
 .hero.wrap .hero-action{grid-column:3;grid-row:1;margin:0;min-height:420px;height:min(var(--scene-height),calc((94vw - clamp(255px,21vw,400px) - clamp(260px,18vw,330px) - 36px)/1.5));padding:22px}
 .hero.wrap .hero-action>.rail-inner{position:static;max-height:100%;height:100%;gap:18px;overflow-y:auto}
 .hero.wrap .hero-visual figcaption{margin:6px 0 0;padding:0;max-width:100%;text-align:right;font-size:10px}
 .hero.wrap .building-label .label-text{font-size:11px;padding:5px 6px}
 .hero.wrap .building-hotspot{width:25px;height:25px}
 .hero.wrap .building-hotspot svg{width:17px;height:17px}
}