/* Leistungsseiten */
.spage main{padding-top:var(--head)}
.sh2{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);min-height:calc(100svh - var(--head) - 40px);border-bottom:1px solid var(--line)}
.sht{padding:clamp(28px,4vw,64px) clamp(24px,3.4vw,64px) clamp(40px,5vw,80px) var(--g);display:flex;flex-direction:column;justify-content:center}
.sht .crumb{margin-bottom:clamp(20px,3vw,44px)}
.sht h1{font-size:clamp(40px,4.3vw,80px);line-height:1.02;letter-spacing:-.038em;color:var(--blue);margin-top:16px}
.sht .lead{margin-top:clamp(16px,2vh,24px);max-width:30em}
.sht .acts{margin-top:clamp(20px,3vh,34px)}
.shi2{position:relative;overflow:hidden;background:var(--mist);min-height:360px}
.shi2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ex2{position:absolute;right:14px;bottom:12px;font-size:12px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6);z-index:2}
.shi2.ill{background:var(--blue);display:grid;place-items:center}
.shi2.ill .mk{position:absolute;right:-12%;bottom:-16%;width:95%;height:auto;opacity:.1}
.ic.big{width:clamp(180px,20vw,300px);height:clamp(180px,20vw,300px);border-radius:clamp(48px,5vw,80px);background:#fff;color:var(--blue);box-shadow:0 30px 80px rgba(10,15,40,.35)}
.ic.big svg{stroke-width:2.6}.ic.big::before{width:60px;height:200px;bottom:-80px;right:20px;opacity:.35}
.soonb{position:absolute;left:clamp(20px,3vw,40px);top:clamp(20px,3vw,40px);font:500 15px var(--rd);padding:8px 16px;border-radius:99px;background:#fff;color:var(--blue)}
.scope{padding-top:clamp(80px,9vw,150px);padding-bottom:clamp(80px,9vw,150px)}
.scg{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:30px clamp(30px,6vw,110px)}.scg .h2{margin-top:18px}
.sl{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(20px,3vw,50px)}
.sl li{display:flex;align-items:center;gap:16px;padding:clamp(14px,1.4vw,22px) 0;border-bottom:1px solid var(--line);font:500 clamp(18px,1.5vw,25px)/1.2 var(--rd);letter-spacing:-.015em}
.sl li::before{content:"";flex:none;width:12px;height:30px;border-radius:99px;background:var(--blue);transform:rotate(21.5deg)}
.sub{margin-top:clamp(28px,3vw,46px);font:500 14px Figtree;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chips li{font:500 16px var(--rd);padding:9px 18px;border-radius:99px;background:var(--mist);color:var(--ink)}
.snote{margin-top:22px;font-size:17px;line-height:1.5;color:var(--mute);max-width:30em;padding-left:16px;border-left:3px solid var(--blue)}
.sextra{margin-top:18px;font:500 17px/1.4 var(--rd);color:var(--blue);max-width:28em}
.rst .rstage .ex2{bottom:auto;top:16px}
/* Andere und wir */
.avw{background:var(--night);color:#fff;padding:clamp(80px,9vw,150px) var(--g)}
.avw .kick{color:var(--on)}.avw .kick::before{background:#fff}.avw .h2{color:#fff;margin-top:18px}
.avt{display:grid;gap:clamp(10px,1vw,16px)}
.avr{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(10px,1vw,16px);align-items:stretch}
.avr h3{font-size:clamp(22px,1.9vw,34px);line-height:1.1;letter-spacing:-.025em;padding:clamp(18px,1.8vw,30px) 0}
.avr .c{border-radius:clamp(18px,1.6vw,26px);padding:clamp(18px,1.8vw,30px)}.avr .c span{display:inline-block;font:500 12px var(--rd);letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:99px}
.avr .c p{margin-top:12px;font-size:clamp(17px,1.25vw,20px);line-height:1.45}
.avr .o{background:rgba(255,255,255,.06)}.avr .o span{background:rgba(255,255,255,.12);color:#C9CCD6}.avr .o p{color:var(--on)}
.avr .v{background:var(--blue)}.avr .v span{background:#fff;color:var(--blue)}.avr .v p{color:#fff}
/* Referenzen und alle Leistungen */
.srefs{padding-top:clamp(80px,9vw,150px);padding-bottom:clamp(40px,4vw,80px)}.srg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,26px)}.srg .rk{width:auto}
.srefs .names{margin-top:clamp(24px,3vw,40px)}
.sall{padding-top:clamp(70px,8vw,130px);padding-bottom:clamp(80px,9vw,150px)}.sag{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,18px)}
.sag .mi{flex-direction:row;align-items:center;gap:16px;padding:clamp(16px,1.4vw,24px)}.sag .mi h3{font-size:clamp(18px,1.35vw,22px)}.sag .mi .arrow{margin-top:4px;font-size:14px}.sag .ic{width:54px;height:54px;border-radius:16px}.sag .ic svg{stroke-width:3.8}
@media(max-width:1100px){.sag{grid-template-columns:1fr 1fr}.avr{grid-template-columns:1fr 1fr}.avr h3{grid-column:1/-1;padding-bottom:0}}
@media(max-width:900px){.sh2{grid-template-columns:minmax(0,1fr);min-height:0}.shi2{min-height:0;height:62vw}.scg,.sl{grid-template-columns:minmax(0,1fr)}.srg{grid-template-columns:minmax(0,1fr)}.ic.big{width:150px;height:150px;border-radius:44px}}
@media(max-width:600px){.sag,.avr{grid-template-columns:minmax(0,1fr)}}
.sgal{padding-bottom:clamp(70px,8vw,130px)}.sgg{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:clamp(10px,1.2vw,20px)}
.gi{margin:0}.gi>div{aspect-ratio:4/3.4;overflow:hidden;border-radius:clamp(18px,1.6vw,28px);background:var(--mist)}.gi:first-child>div{aspect-ratio:auto;height:100%}.gi:first-child{display:flex;flex-direction:column}.gi:first-child>div{flex:1;min-height:0}
.gi img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.gi:hover img{transform:scale(1.04)}
.gi figcaption{margin-top:12px}.gi b{display:block;font:500 clamp(17px,1.3vw,21px)/1.2 var(--rd)}.gi small{display:block;margin-top:3px;font-size:12px;color:var(--mute)}
@media(max-width:900px){.sgg{grid-template-columns:minmax(0,1fr)}.gi:first-child>div{aspect-ratio:4/3;height:auto;flex:none}}
.sgg{grid-template-columns:repeat(3,minmax(0,1fr))}.gi:first-child{display:block}.gi>div,.gi:first-child>div{aspect-ratio:4/3;height:auto;flex:none}
@media(max-width:900px){.sgg{grid-template-columns:minmax(0,1fr)}}