/* COE Ingenieure — Unterseiten (Expertise, Insights) */
.sp-head{padding:calc(var(--nav-h) + clamp(44px,6vw,104px)) 0 clamp(34px,4.5vw,64px);border-bottom:1px solid var(--line)}
.sp-back{display:inline-flex;gap:10px;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--graphit)}
.sp-back:hover{color:var(--signal)}
.sp-kicker{margin-top:clamp(24px,3vw,40px);color:var(--graphit);display:flex;align-items:center;gap:12px}
.sp-kicker::before{content:"";width:34px;height:1px;background:var(--signal)}
.sp-title{margin-top:clamp(16px,2.2vw,28px);font-weight:500;font-size:clamp(2.5rem,7vw,6.4rem);line-height:.88;letter-spacing:-.045em}
.sp-lead{margin-top:clamp(20px,2.4vw,32px);max-width:52ch}
.sp-sec{padding:clamp(46px,6vw,96px) 0;border-bottom:1px solid var(--line-soft)}
.sp-sec:last-of-type{border-bottom:0}
.sp-h{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gut);align-items:baseline;margin-bottom:clamp(26px,3vw,46px)}
.sp-h .n{grid-column:1/span 2;color:var(--graphit);font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.sp-h h2{grid-column:3/span 6;font-weight:500;font-size:clamp(1.5rem,2.8vw,2.5rem);line-height:1.04;letter-spacing:-.03em}
.sp-h p{grid-column:9/span 4;font-size:14.5px;line-height:1.55;color:var(--graphit)}
.sp-do{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line-soft);border:1px solid var(--line-soft)}
.sp-do>div{background:var(--paper);padding:clamp(20px,2.4vw,32px)}
.sp-do h3{font-weight:500;font-size:1.12rem;letter-spacing:-.02em;margin-bottom:9px}
.sp-do p{font-size:14.5px;line-height:1.58;color:var(--graphit);max-width:44ch}
.sp-steps{display:grid;gap:0;border-top:1px solid var(--ink)}
.sp-steps>div{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gut);padding:clamp(20px,2.4vw,32px) 0;border-bottom:1px solid var(--line-soft)}
.sp-steps .s{grid-column:1/span 2;color:var(--signal);font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.18em}
.sp-steps h3{grid-column:3/span 4;font-weight:500;font-size:clamp(1.05rem,1.6vw,1.35rem);letter-spacing:-.02em;line-height:1.14}
.sp-steps p{grid-column:8/span 5;font-size:14.5px;line-height:1.58;color:var(--graphit)}
.sp-faq{border-top:1px solid var(--ink)}
.sp-faq details{border-bottom:1px solid var(--line-soft)}
.sp-faq summary{cursor:pointer;list-style:none;padding:clamp(18px,2.2vw,26px) 0;display:flex;gap:18px;align-items:baseline;font-weight:500;font-size:clamp(1rem,1.5vw,1.25rem);letter-spacing:-.02em;transition:padding-left .35s}
.sp-faq summary::-webkit-details-marker{display:none}
.sp-faq summary::after{content:"+";margin-left:auto;font-family:var(--mono);font-size:15px;color:var(--signal)}
.sp-faq details[open] summary::after{content:"–"}
.sp-faq summary:hover{padding-left:12px}
.sp-faq .a{padding:0 0 clamp(20px,2.4vw,30px);max-width:70ch;font-size:15px;line-height:1.62;color:var(--graphit);display:flex;flex-direction:column;gap:12px}
.sp-next{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-soft);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.sp-next a{background:var(--paper);padding:clamp(22px,2.6vw,34px);display:flex;flex-direction:column;gap:8px;transition:background .3s}
.sp-next a:hover{background:var(--paper-2)}
.sp-next .k{color:var(--graphit);font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.sp-next b{font-weight:500;font-size:clamp(1.25rem,2vw,1.75rem);letter-spacing:-.03em;line-height:1}
.sp-next span.t{font-size:14px;line-height:1.5;color:var(--graphit)}
.sp-cta{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gut);padding:clamp(52px,7vw,110px) 0}
.sp-cta h2{grid-column:1/span 7;font-weight:500;font-size:clamp(1.7rem,3.6vw,3.2rem);line-height:1.02;letter-spacing:-.035em}
.sp-cta .ax{grid-column:9/span 4;display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-content:flex-end}
.sp-art{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gut);padding:clamp(46px,6vw,90px) 0 clamp(56px,8vw,120px)}
.sp-art-meta{grid-column:1/span 3}
.sp-art-meta .in{position:sticky;top:calc(var(--nav-h) + 28px);display:grid;gap:14px;border-top:1px solid var(--ink);padding-top:16px}
.sp-art-meta dt{color:var(--graphit);font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;margin-bottom:5px}
.sp-art-meta dd{font-size:14.5px;line-height:1.45}
.sp-art-body{grid-column:5/span 7;max-width:70ch}
.sp-art-body>p{margin-bottom:18px;font-size:17px;line-height:1.68}
.sp-art-body>p.intro{font-size:clamp(1.1rem,1.7vw,1.4rem);line-height:1.38;letter-spacing:-.02em;margin-bottom:30px}
.sp-art-body h2{margin:clamp(30px,3.6vw,52px) 0 14px;font-weight:500;font-size:clamp(1.2rem,2vw,1.7rem);letter-spacing:-.028em;line-height:1.1}
.sp-art-body ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin:6px 0 22px}
.sp-art-body li{padding-left:22px;position:relative;font-size:15.5px;line-height:1.6;color:var(--ink)}
.sp-art-body li::before{content:"";position:absolute;left:0;top:.66em;width:9px;height:1px;background:var(--signal)}
.sp-art-body blockquote{margin:clamp(28px,3.4vw,46px) 0;padding-left:24px;border-left:1px solid var(--signal);font-family:var(--serif);font-weight:300;font-style:italic;font-size:clamp(1.3rem,2.4vw,1.95rem);line-height:1.18;letter-spacing:-.02em}
.sp-art-foot{margin-top:clamp(34px,4vw,56px);border-top:1px solid var(--line);padding-top:16px;font-size:13px;line-height:1.55;color:var(--rauch)}
@media(max-width:1080px){.sp-cta h2,.sp-cta .ax{grid-column:1/span 12}.sp-cta .ax{flex-flow:row wrap;justify-content:flex-start;margin-top:28px}}
@media(max-width:980px){.sp-h,.sp-steps>div,.sp-cta,.sp-art{grid-template-columns:1fr}.sp-h>*,.sp-steps>div>*,.sp-cta>*,.sp-art>*{grid-column:1/-1!important}.sp-h{gap:10px}.sp-steps>div{gap:8px}.sp-do,.sp-next{grid-template-columns:1fr}.sp-art-meta .in{position:static}.sp-cta .ax{margin-top:24px}}