.intro-cert{display:block;width:min(340px,100%);height:auto;margin:20px 0 0}
.services{background:#e9edf0}
.services-header{display:grid;grid-template-columns:1.15fr 1fr auto;align-items:center;gap:34px;margin-bottom:34px}
.services-heading{min-width:0}
.services-heading .eyebrow{margin-bottom:10px}
.services-heading h2{margin:0;color:var(--navy);font-family:var(--display);font-size:clamp(2.2rem,3.25vw,3.25rem);font-weight:500;line-height:1.08;letter-spacing:-.045em}
.services-subtitle{margin:14px 0 0;color:#52687d;font-size:.92rem;line-height:1.55}
.all-services-toggle{display:inline-flex;align-items:center;gap:13px;padding:12px 0;border:0;background:none;color:var(--navy);font-family:var(--sans);font-size:.67rem;font-weight:700;letter-spacing:.13em;white-space:nowrap;cursor:pointer}
.all-services-toggle b{font-size:1.1rem;font-weight:400;transition:transform .2s}
.all-services-toggle:hover{color:#3e6d96}
.all-services-toggle[aria-expanded="true"] b{transform:rotate(90deg)}
.service-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.service-feature{min-width:0}
.service-feature-photo{width:100%;aspect-ratio:1.38;max-height:185px;background-image:url('images/service-thumbnails-web.jpg');background-repeat:no-repeat;background-size:200% 200%;background-color:#cbd5df}
.service-feature-photo.photo-steel{background-position:0 0}
.service-feature-photo.photo-facade{background-position:100% 0}
.service-feature-photo.photo-railing{background-position:0 100%}
.service-feature-photo.photo-special{background-position:100% 100%}
.service-feature-copy{padding:10px 1px 4px}
.service-feature-copy h3{margin:0;color:#173b65;font-family:var(--sans);font-size:.91rem;font-weight:700;line-height:1.35}
.service-feature-copy p{margin:4px 0 0;color:#637a91;font-size:.8rem;line-height:1.4}
.all-services-panel{margin-top:29px;padding:23px 0 5px;border-top:1px solid #b8c5d0;animation:services-open .28s ease-out}
.all-services-panel[hidden]{display:none}
.all-services-panel .eyebrow{margin-bottom:9px}
.all-services-panel ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px;margin:0;padding:0;list-style:none}
.all-services-panel li{padding:11px 0;border-bottom:1px solid #cbd5df;color:#29435d;font-size:.85rem;line-height:1.4}
.all-services-panel li span{display:block;margin-top:3px;color:#637a91;font-size:.75rem}
@keyframes services-open{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:920px){.services-header{grid-template-columns:1fr 1fr;gap:22px}.services-subtitle{margin:0}.all-services-toggle{grid-column:2;justify-self:end;grid-row:2}.service-feature-grid{gap:13px}.all-services-panel ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.intro-cert{width:min(310px,100%);margin-top:17px}.services-header{grid-template-columns:1fr auto;align-items:end;gap:12px 14px;margin-bottom:24px}.services-heading{grid-column:1/-1}.services-heading h2{font-size:2.45rem}.services-subtitle{grid-column:1;align-self:center;margin:0;font-size:.8rem}.all-services-toggle{grid-column:2;grid-row:2;align-self:center;gap:7px;font-size:.58rem}.service-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 13px}.service-feature-photo{aspect-ratio:1.22;max-height:none}.service-feature-copy{padding-top:8px}.service-feature-copy h3{font-size:.84rem}.service-feature-copy p{font-size:.74rem}.all-services-panel{margin-top:22px;padding-top:18px}.all-services-panel ul{grid-template-columns:1fr}.all-services-panel li{padding:10px 0}}
@media(max-width:400px){.services-header{grid-template-columns:1fr}.services-heading{grid-column:auto}.services-subtitle{grid-column:auto}.all-services-toggle{grid-column:auto;grid-row:auto;justify-self:start;padding:7px 0}.service-feature-grid{gap:18px 12px}}

/* Service imagery updates */
.service-feature-photo.photo-facade{background-image:url('images/service-aluminum-web.jpg');background-size:cover;background-position:center}
.service-feature-photo.photo-railing{background-image:url('images/service-fire-door-web.jpg');background-size:cover;background-position:center}
.service-feature-photo.photo-special{background-image:url('images/service-stairs-web.jpg');background-size:cover;background-position:center}
@media(max-width:620px){.intro-cert{width:min(210px,100%);margin-top:19px}}


/* Ruhiger Bildzoom für die Leistungskacheln */
.service-feature-photo{position:relative;overflow:hidden;isolation:isolate}
.service-feature-photo::before{position:absolute;inset:0;content:"";background-image:inherit;background-position:inherit;background-size:inherit;background-repeat:inherit;transition:transform .55s cubic-bezier(.2,.65,.3,1)}
.service-feature-photo::after{position:absolute;inset:0;content:"";background:rgba(16,46,80,.12);opacity:0;transition:opacity .35s}
.service-feature:hover .service-feature-photo::before{transform:scale(1.07)}
.service-feature:hover .service-feature-photo::after{opacity:1}
@media(prefers-reduced-motion:reduce){.service-feature-photo::before,.service-feature-photo::after{transition:none}}


html:not(.js) .all-services-toggle{display:none}