/* Kompetenz-Seiten nach Startseiten-Vorlage */
.kp{background:var(--b00)}
.kp-eb{font:500 12px ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#2a8f8f;margin:0 0 22px}
.kp-eb.c{text-align:center}
.kp-h{margin:0;max-width:62rem;font-weight:400;font-size:clamp(30px,3.4vw,54px);line-height:1.18;letter-spacing:-.025em}
.kp-hd.c{text-align:center}.kp-hd.c .kp-h,.kp-hd.c .kp-lead{margin-left:auto;margin-right:auto}
.kp-lead{margin:24px 0 0;max-width:44rem;color:#6b7070;font-size:18px;line-height:1.6}
.kp-lead.c,.weg .kp-lead{margin:-40px auto 64px;text-align:center}
.kp-grey{color:#9aa09e}
.kp-fine{font-size:13px;color:#8a908e;margin:48px 0 0;max-width:46rem}
.kp-fine.c{text-align:center;margin-left:auto;margin-right:auto}
.kp-n{display:block;font:500 12px ui-monospace,Menlo,monospace;letter-spacing:.12em;color:#9aa09e;margin-bottom:14px}
.kp-trust{border-bottom:1px solid #ecedea}
.kp-trust ul{flex-wrap:wrap}
.kp-ws{padding-top:clamp(90px,10vw,160px);padding-bottom:clamp(40px,5vw,80px)}
.kp-ticks{list-style:none;padding:0;margin:clamp(40px,5vw,72px) 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 48px;max-width:1100px}
.kp-ticks li{padding:18px 0 18px 28px;border-top:1px solid #e6e8e5;font-size:17px;position:relative;color:#3d4240}
.kp-ticks li::before{content:'';position:absolute;left:2px;top:26px;width:8px;height:8px;border-radius:50%;background:#2FA3A3}
.kp-st{margin-top:clamp(48px,6vw,80px)}
.kp-st b{color:var(--b100)}
.kp-sp{margin:8px 0 0;font-size:14px;line-height:1.55;color:#8a908e;max-width:17rem}
.kp-cols{display:grid;gap:0 40px;margin-top:clamp(48px,6vw,80px)}
.kp-cols.c3{grid-template-columns:repeat(3,1fr)}.kp-cols.c4{grid-template-columns:repeat(4,1fr)}.kp-cols.c2{grid-template-columns:repeat(2,1fr)}
.kp-cols>div,.kp-cols>a{border-top:1px solid #e3e5e3;padding:26px 0 40px;color:inherit;text-decoration:none}
.kp-cols b{display:block;font-weight:400;font-size:21px;line-height:1.3;letter-spacing:-.01em}
.kp-cols p{margin:10px 0 0;color:#6b7070;font-size:15px;line-height:1.6}
.kp-cols>a:hover b{color:#2a8f8f}
/* Bauplan-Tabs (wie Leistungen auf der Startseite) */
.kp-bpsec{padding-top:clamp(90px,10vw,150px);padding-bottom:clamp(90px,10vw,150px)}
.kp-tabs{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;max-width:1240px;margin:64px auto 0;align-items:center}
.kp-pills{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.kp-pill{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:12px;padding:12px 20px 12px 14px;border-radius:99px;background:rgba(255,255,255,.75);border:1px solid #dfe6e5;font-size:16px;color:#3d4240;transition:background .3s,color .3s,border-color .3s}
.kp-pill i{width:9px;height:9px;border-radius:50%;border:1px solid #9aa09e;transition:.3s}
.kp-pill.on{background:#111413;color:#fff;border-color:#111413}.kp-pill.on i{background:#2FA3A3;border-color:#2FA3A3}
.kp-cards{display:grid}
.kp-card{grid-area:1/1;background:#fff;border-radius:var(--r,20px);overflow:hidden;box-shadow:0 30px 60px -40px rgba(17,20,19,.35);opacity:0;transform:translateY(14px);transition:opacity .5s,transform .7s cubic-bezier(.2,.7,.2,1);visibility:hidden}
.kp-card.on{opacity:1;transform:none;visibility:visible}
.kp-card img{display:block;width:100%;aspect-ratio:16/8;object-fit:cover}
.kp-card>div{padding:28px 32px 34px}
.kp-card .kp-eb{margin-bottom:12px}.kp-card .kp-n{display:inline;margin:0 10px 0 0;color:#2a8f8f}
.kp-card h3{font-weight:400;font-size:clamp(22px,2vw,28px);letter-spacing:-.015em;margin:0 0 12px}
.kp-card p{margin:0;color:#5d605c;font-size:16px;line-height:1.6}
/* Themen-Slider (wie Mandantenstimmen) */
.kp-tm .tm-head{gap:0}
.kp-tm .tm-head .kp-lead{margin-top:20px;text-align:center}
.kp-tm .tm-head .t-display{margin:0}
.kp-tmt{margin:28px 0 0;color:#6b7070;font-size:18px;line-height:1.65;max-width:40rem}
.kp-tm .tm-big{font-size:clamp(30px,3vw,46px);line-height:1.18}
.kp-tm .tm-card{min-height:480px}
/* Weg-Schritte */
.kp-weg{padding-top:clamp(90px,10vw,150px)!important}
.kp-wegs.n3{grid-template-columns:repeat(3,1fr)}.kp-wegs.n5{grid-template-columns:repeat(5,1fr)}.kp-wegs.n6{grid-template-columns:repeat(6,1fr)}
.weg .kp-eb{margin-bottom:14px}.weg .weg-h{margin-bottom:56px}
/* dunkler Abschnitt */
.kp-dark{background:#0d1110;color:var(--b00);padding-top:clamp(100px,12vw,180px);padding-bottom:clamp(100px,12vw,180px)}
.kp-dark .kp-eb{color:#7fd6d4}
.kp-dark .t-display{margin:0;max-width:56rem;font-size:clamp(34px,4.4vw,64px);line-height:1.15}
.kp-dcols{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:56px;max-width:1100px}
.kp-dcols p{margin:0;color:#b9bfbd;font-size:17px;line-height:1.65}
/* Linien-Bausteine eingebettet */
.kp-emb .ips{padding:clamp(90px,10vw,150px) var(--gx,max(24px,4vw))!important;background:var(--b00)!important}
.kp-emb .ips::before,.kp-emb .ip-ax{display:none}
.kp-emb .ip-w{max-width:1240px;margin:0 auto}
.kp-emb .ip-h2{font-weight:400!important;font-size:clamp(30px,3.4vw,54px)!important;line-height:1.18;letter-spacing:-.025em}
.kp-emb .ip-eb{color:#2a8f8f!important;letter-spacing:.14em!important}
.kp-emb .ip-bv b,.kp-emb .ip-tlcount b{font-weight:400}
.kp-emb .ip-col h3{font-weight:400}
.kp-emb.ip{background:none}
/* bestehende Diagramme */
.kp-kx .kx{background:none}
.kp-kx .kx-sec{padding-top:clamp(90px,10vw,150px)}
.kp-kx .kx-h2{font-weight:400}
/* FAQ */
.kp-faq{display:block!important;padding-top:clamp(90px,10vw,150px);padding-bottom:clamp(60px,8vw,110px)}
.kp-more{padding-top:60px}
@media(max-width:1000px){.kp-tabs{grid-template-columns:1fr;gap:28px}.kp-pills{flex-direction:row;flex-wrap:wrap}.kp-cols.c3,.kp-cols.c4{grid-template-columns:1fr 1fr}.kp-dcols,.kp-ticks{grid-template-columns:1fr}.kp-wegs.n5,.kp-wegs.n6,.kp-wegs.n3{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.kp-cols.c2,.kp-cols.c3,.kp-cols.c4{grid-template-columns:1fr}.kp-tm .tm-card{min-height:300px}.kp-pill{font-size:14px;padding:9px 14px 9px 11px}}
.kp-sys{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.kp-sys li{font-size:18px;letter-spacing:-.01em;color:#3d4240}
.kp-ws .kp-lead+.kp-lead{margin-top:14px}
.kp-quote .ws-h{max-width:56rem}
/* Platzhalter-Bilder */
.kp-ph{position:relative;margin:0;border-radius:var(--r,20px);overflow:hidden;background:#e9ece9}
.kp-ph img{display:block;width:100%;height:100%;object-fit:cover}
.kp-isplit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,100px);align-items:center}
.kp-isplit .kp-ticks{grid-template-columns:1fr}
.kp-ph.tall{aspect-ratio:4/5;max-height:720px}
.kp-isplit.q{grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr)}
.kp-ph.port{aspect-ratio:4/5}
.kp-cols>div>.kp-ph{aspect-ratio:4/3;margin-bottom:24px}
.kp-cols>div:has(.kp-ph){border-top:0;padding-top:0}
.kp-dark{position:relative;overflow:hidden}
.kp-dark>*{position:relative;z-index:1}
.kp-dark>.kp-ph.bg{position:absolute;inset:0;border-radius:0;z-index:0;background:#0d1110}
.kp-dark>.kp-ph.bg img{opacity:.38}
.kp-dark>.kp-ph.bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,17,16,.92),rgba(13,17,16,.35))}
.kp-dark>.kp-ph.bg .slot{z-index:2}
@media(max-width:1000px){.kp-isplit,.kp-isplit.q{grid-template-columns:1fr}.kp-ph.tall{aspect-ratio:16/10}.kp-ph.port{max-width:320px}}
.kp-iso{margin:0;border-radius:var(--r,20px);overflow:hidden;aspect-ratio:1/1;display:grid;place-items:center;padding:clamp(12px,2vw,28px);border:1px solid #e3eaea}
.kp-iso img{width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(16px);transition:opacity 1s,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.kp-iso.in img,.kp-iso img.in{opacity:1;transform:none}
.kp-iso{background:#F6F0D8;border:0;position:relative;padding:clamp(16px,2.4vw,36px) clamp(16px,2.4vw,36px) 64px}
.kp-iso figcaption{position:absolute;left:clamp(18px,2.4vw,36px);bottom:22px;font:500 13px ui-monospace,Menlo,monospace;letter-spacing:.2em;color:#3d4240}
/* Ansprechpartner */
.kp-person{padding-top:clamp(90px,10vw,150px);padding-bottom:clamp(60px,8vw,110px)}
.kp-pin{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,6vw,100px);align-items:center;max-width:1240px;margin:0 auto}
.kp-pcard{position:relative;border-radius:var(--r,20px);overflow:hidden;aspect-ratio:4/5;background-color:#F4F7F7}
.kp-pimg{position:absolute;left:50%;bottom:0;height:92%;width:auto;max-width:none;transform:translateX(-50%);transition:opacity .7s ease}
.kp-pimg.h{opacity:0}
.kp-pcard.hv:hover .kp-pimg.h{opacity:1}.kp-pcard.hv:hover .kp-pimg:not(.h){opacity:0}
.kp-pnum{position:absolute;left:22px;top:20px;font:600 15px var(--font);letter-spacing:.02em}
.kp-pnum i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#2FA3A3;margin-left:1px}
.kp-prole{margin:10px 0 0;font-size:18px;color:#6b7070}
.kp-pbtn{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}
.kp-ghost{background:#EDEEEA;color:#111}
@media(max-width:900px){.kp-pin{grid-template-columns:1fr}.kp-pcard{max-width:420px}}
.kp-dark .kp-dplan{position:absolute;right:max(24px,5vw);bottom:0;height:92%;width:auto;opacity:.55;z-index:0;pointer-events:none}
@media(max-width:900px){.kp-dark .kp-dplan{opacity:.18;right:-40px}}
.kp-ph.cut{background-color:#F4F7F7}
.kp-ph.cut img{object-fit:contain;object-position:50% 100%;height:100%;padding-top:10%}