/* Der dunkle Hintergrund bleibt am Gebäude; sein Inhalt folgt dem sichtbaren Ausschnitt. */
.hero-action>.rail-inner{display:contents;margin:0}
.rail-inner .system-detail{min-width:0;margin:6px 0 0}
.rail-inner .rail-actions{display:block;margin:8px 0 0}
@media(min-width:1280px){
 .hero-action{display:block}
 .hero-action>.rail-inner{position:sticky;top:24px;display:flex;flex-direction:column;gap:20px;max-height:calc(100dvh - 48px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#52616b transparent;margin:0;padding:4px}
 .rail-inner .system-detail{min-height:0;flex-shrink:0}
 .rail-inner .rail-actions{flex-shrink:0}
 .rail-inner .rail-bottom{margin:0;font-size:11px}
 .rail-inner .rail-mark{flex-shrink:0}
 .rail-inner .detail-kicker{margin-bottom:14px}
 .rail-inner .detail-count{font-size:64px}
 .rail-inner .detail-list{margin-top:18px}
 .rail-inner .detail-list li{padding-block:7px}
 .rail-inner .detail-list li:before{top:16px}
 .rail-inner .detail-list li:after{top:13px}
 .rail-inner .rail-title{margin-bottom:18px}
 .rail-inner .system-reset{flex-shrink:0}
}
@media(min-width:761px) and (max-width:1279px){
 .rail-inner .system-detail{grid-column:1;grid-row:2/4}
 .rail-inner .rail-actions{grid-column:2;grid-row:2;align-self:center}
}
/* Eine Karte je Gebäudesystem; Fachbereich als übergeordnete Zuordnung. */
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.service-grid .service{grid-column:auto;background:var(--graphite);padding:28px;min-width:0}
.service-grid .service-top{margin-bottom:24px}
.service-grid .service-icon{display:block;width:38px;height:38px;color:var(--signal)}
.service-grid .service h3{font-size:24px;overflow-wrap:anywhere;hyphens:auto}
.service-grid .service-category{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--pale);margin-bottom:10px}
.service-grid .service:hover{background:#1c2932}
@media(min-width:1700px){.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:761px) and (max-width:1100px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.service-grid{grid-template-columns:1fr}.service-grid .service{padding:26px 0}.service-grid .service h3{font-size:23px}.service-grid .service-top{margin-bottom:18px}}
@media print{.hero-action>.rail-inner{position:static;max-height:none;overflow:visible}}