.competence-body{background:#f1f2f4;color:#303744}
.competence-hero{display:grid;grid-template-columns:52% 48%;min-height:720px;background:#303744;color:#fff}
.competence-hero-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:160px 4vw 90px}
.competence-kicker{text-transform:uppercase;letter-spacing:.17em;color:#aab4df;font-size:10px;font-weight:800}
.competence-hero h1{margin:42px 0 35px;font-size:clamp(65px,7.8vw,118px)}
.competence-hero h1 em{color:#aab4df;font-style:normal}
.competence-hero p{max-width:650px;color:#ffffffbd;font-size:18px;line-height:1.7}
.competence-hero-image{background:linear-gradient(90deg,#303744 0,#30374400 25%),url(sps-steuerung-s5-s7.webp) center/cover no-repeat}
.competence-main{max-width:1600px;margin:auto;padding:110px 4vw 130px}
.competence-kicker.dark{color:#30408b}
.competence-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-bottom:110px}
.competence-intro h2,.competence-services>h2,.competence-proof h2,.competence-faq h2,.competence-contact h2{font-size:clamp(45px,5.5vw,82px);margin:28px 0 0}
.competence-intro p{color:#68707d;font-size:17px;line-height:1.8;margin:5px 0 24px}
.competence-services{padding:100px 0;border-top:1px solid #30374429}
.competence-services>h2{max-width:1000px;margin-bottom:65px}
.competence-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #30374429;border-left:1px solid #30374429}
.competence-grid article{min-height:330px;padding:30px;border-right:1px solid #30374429;border-bottom:1px solid #30374429}
.competence-grid article>span{font-size:10px;color:#737984;font-weight:800}
.competence-grid h3{font-size:21px;margin:95px 0 18px}
.competence-grid p{font-size:14px;line-height:1.7;color:#68707d}
.competence-proof{display:grid;grid-template-columns:1.05fr .95fr;background:#303744;color:#fff;margin-top:20px}
.competence-proof-image{min-height:650px;background:url(maschinenueberholung/maschinenaufbereitung-05-neu.jpg?v=20261001-corrected) 50%/cover no-repeat}
.competence-proof>div:last-child{padding:90px 6vw}
.competence-proof p{font-size:17px;line-height:1.8;color:#ffffffb3;margin:32px 0}
.competence-proof ul{border-top:1px solid #ffffff33}
.competence-proof li{position:relative;border-bottom:1px solid #ffffff33;padding:16px 0 16px 25px;font-size:13px;color:#ffffffd1}
.competence-proof li:before{content:"+";position:absolute;left:0;color:#aab4df;font-weight:800}
.competence-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:120px 0}
.faq-list{border-top:1px solid #30374429}
.faq-list details{border-bottom:1px solid #30374429;padding:25px 0}
.faq-list summary{cursor:pointer;font-size:18px;font-weight:700;list-style:none;padding-right:35px;position:relative}
.faq-list summary:after{content:"+";position:absolute;right:0;color:#30408b}
.faq-list details[open] summary:after{content:"−"}
.faq-list p{color:#68707d;line-height:1.75;max-width:750px;margin:18px 40px 0 0}
.competence-contact{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:end;background:#30408b;color:#fff;padding:75px}
.competence-contact h2{margin-top:28px}
.competence-contact>div:last-child{display:flex;flex-direction:column;border-top:1px solid #ffffff40}
.competence-contact a{padding:20px 0;border-bottom:1px solid #ffffff40;font-weight:700}
.competence-contact a:hover{color:#d7dcf4}
@media(max-width:950px){.competence-hero,.competence-intro,.competence-proof,.competence-faq,.competence-contact{grid-template-columns:1fr}
.competence-hero-image{min-height:520px;grid-row:1}
.competence-hero-copy{padding-top:80px}
.competence-grid{grid-template-columns:repeat(2,1fr)}
.competence-proof-image{min-height:520px}
.competence-contact{align-items:start}
}
@media(max-width:620px){.competence-hero{min-height:0}
.competence-hero-image{min-height:430px}
.competence-hero-copy{padding:65px 5vw 75px}
.competence-main{padding:75px 5vw 90px}
.competence-intro{padding-bottom:75px}
.competence-services{padding:75px 0}
.competence-grid{grid-template-columns:1fr}
.competence-grid article{min-height:280px}
.competence-grid h3{margin-top:70px}
.competence-proof{margin-left:-5vw;margin-right:-5vw}
.competence-proof>div:last-child{padding:65px 5vw}
.competence-faq{padding:80px 0}
.competence-contact{padding:50px 30px}
}