/* Gemeinsame Auswahl: kompakte Originalleistungen und dauerhaft sichtbare Auswahl. */
.extra-systems{grid-column:1;grid-row:2;margin:20px 0 30px;min-width:0;border-top:1px solid var(--rule);padding-top:20px}
.extra-systems .eyebrow{margin-bottom:14px}.extra-system-list{display:flex;flex-wrap:wrap;gap:10px}
.extra-system{border:1px solid #a2bbc6;background:transparent;color:inherit;padding:10px 16px;min-height:44px;font-size:15px;line-height:1.4;text-align:left;cursor:pointer;transition:background .18s}
.extra-system:hover{background:#dceaf0}.extra-system.is-active{background:#ffe59a;color:#18232b;border-color:#edc463}
.services-hero .extra-system:hover{background:#293f4b}.services-hero .extra-system.is-active{background:#ffe59a;color:#18232b}
.services-hero .extra-systems{border-color:#425b69}.services-hero .extra-systems .eyebrow{color:#bbd2dd}
.hero-action .detail-intro{font-size:16px;line-height:1.6}.hero-action .detail-list li{font-size:16px;line-height:1.45;padding-block:9px}
.hero-action .detail-title{font-size:clamp(25px,1.7vw,31px);overflow-wrap:anywhere}
.hero-action .rail-inner:focus-visible{outline:2px solid var(--signal);outline-offset:5px}
@media(min-width:1280px){.hero,.services-hero{grid-template-columns:minmax(0,1fr) clamp(280px,21vw,350px)}.hero .hero-action,.services-hero .hero-action{grid-column:2;grid-row:1/3}.hero-action>.rail-inner{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:calc(100dvh - 48px)}}
@media(max-width:1279px){.extra-systems{grid-column:1/-1;grid-row:auto}.hero .hero-action{grid-row:auto}.hero-action>.rail-inner{display:block}.hero-action .detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.hero-action .system-reset{margin-top:24px}}
@media(max-width:760px){.hero-action .detail-list{grid-template-columns:1fr}.extra-system-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.extra-system{font-size:14px;overflow-wrap:anywhere;padding:10px}.hero-action .detail-title{font-size:27px}}
@media(prefers-reduced-motion:reduce){.extra-system{transition:none}}
@media(min-width:1280px){.hero .hero-visual{grid-column:1}.hero:not(.services-hero) .building-scene{margin-top:230px}.hero:not(.services-hero) .hero-copy h1{font-size:clamp(48px,4vw,76px)}.hero-action .detail-list{margin-top:20px}.hero-action .detail-list li{padding-block:8px}.hero-action>.rail-inner{gap:18px}}
@media(min-width:1900px){.hero:not(.services-hero) .building-scene{margin-top:125px}}
@media(max-width:1279px){.hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto}.hero .hero-copy{grid-column:1;grid-row:1}.hero .hero-visual{grid-column:1;grid-row:2}.hero .extra-systems{grid-column:1;grid-row:3}.hero .hero-action{grid-column:1;grid-row:4}}

/* Motiv und interaktive Markierungen gemeinsam proportional verkleinern. */
@media screen and (min-width:1280px){
 .hero:not(.services-hero) .building-scene{width:92%;margin-top:180px;margin-inline:auto}
}
@media screen and (min-width:1900px){
 .hero:not(.services-hero) .building-scene{margin-top:110px}
}
@media(max-width:1279px){.hero .extra-systems{order:3;width:100%}.hero .hero-action{order:4}}