/* 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%}
/* Begriffe-Leiste unter dem Titelbild als Laufband: fließt langsam nach links, hält beim Darüberfahren an, weich ausgeblendete Ränder */
.kp-trust .lbl{flex:0 0 auto;max-width:300px;line-height:1.3}
.kp-trust .lbl .dot{color:#2FA3A3}
.kp-mq{flex:1 1 auto;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 80px,#000 calc(100% - 80px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 80px,#000 calc(100% - 80px),transparent)}
.kp-mqt{display:flex;width:max-content;animation:kpMq 32s linear infinite}
.kp-mq:hover .kp-mqt{animation-play-state:paused}
.kp-trust .kp-mq ul{flex-wrap:nowrap;gap:0;justify-content:flex-start}
.kp-trust .kp-mq li{display:flex;align-items:center;white-space:nowrap;padding:8px 0;margin-right:16px;font-size:clamp(17px,1.5vw,20px);transition:color .3s}
.kp-trust .kp-mq li::after{content:"";width:6px;height:6px;border-radius:50%;background:#2FA3A3;margin-left:16px;opacity:.7}
.kp-trust .kp-mq li:hover{color:#1F7E7E}
@keyframes kpMq{to{transform:translateX(-50%)}}
@media (min-width:1024px){.kp-trust{gap:48px}.kp-trust .lbl{max-width:280px}}
@media (prefers-reduced-motion:reduce){.kp-mqt{animation:none;width:auto}.kp-mqt ul[aria-hidden]{display:none}.kp-trust .kp-mq ul{flex-wrap:wrap}.kp-mq{-webkit-mask-image:none;mask-image:none}}
/* Vergleiche, Balken, Zeitstrahl unter 1024 px mit demselben Seitenrand wie die übrigen Abschnitte (.px) – vorher 124 px je Seite, auf dem Handy viel zu schmal */
@media (max-width:1023px){.kp-emb .ips{padding-left:max(24px,env(safe-area-inset-left,0px))!important;padding-right:max(24px,env(safe-area-inset-right,0px))!important}}
/* Titelbereich mit Bauplan-Zeichnung statt Video: Raster zeichnet sich, dann die Körper, zuletzt die Beschriftung */
.hx-hero{position:relative;padding-top:clamp(120px,15vh,180px);padding-bottom:clamp(40px,6vw,96px);background-color:#FBFBF8;background-image:linear-gradient(rgba(47,163,163,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(47,163,163,.07) 1px,transparent 1px);background-size:40px 40px;overflow:hidden}
.hx-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(24px,4vw,64px);align-items:center;max-width:1440px;margin:0 auto;min-height:min(68vh,680px)}
.hx-eb{font:500 12px ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#1F7E7E}
.hx-copy h1{font-weight:400;font-size:clamp(38px,4.4vw,70px);line-height:1.05;letter-spacing:-.03em;margin:18px 0 20px;color:#111}
.hx-copy h1 .dot{color:#2FA3A3}
.hx-copy p{font-size:clamp(17px,1.3vw,20px);line-height:1.55;color:#5d605c;margin:0 0 30px;max-width:34em}
.hx-acts{display:flex;gap:12px;flex-wrap:wrap}
.hx-svg{width:100%;height:auto;display:block;overflow:visible}
.hx-run .hx-g{stroke-dasharray:var(--l);stroke-dashoffset:var(--l);animation:hxDraw 1.3s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(var(--i) * 35ms)}
.hx-run .hx-o{stroke-dasharray:var(--l);stroke-dashoffset:var(--l);fill-opacity:0;animation:hxDraw 1.1s cubic-bezier(.4,0,.2,1) forwards,hxFill .7s ease forwards;animation-delay:calc(.6s + var(--i) * 8ms),calc(1.3s + var(--i) * 8ms)}
.hx-run .hx-t{opacity:0;animation:hxFade .8s ease forwards;animation-delay:calc(2.6s + var(--i) * 140ms)}
.hx-run{animation:hxFloat 7s ease-in-out 3.5s infinite alternate}
@keyframes hxDraw{to{stroke-dashoffset:0}}
@keyframes hxFill{to{fill-opacity:1}}
@keyframes hxFade{to{opacity:1}}
@keyframes hxFloat{to{transform:translateY(-8px)}}
@media(max-width:900px){.hx-hero{padding-top:104px}.hx-in{grid-template-columns:1fr;min-height:0;gap:8px}.hx-art{margin:0 -8px}}
/* Bewegungs-Varianten der Zeichnung (?ani=2..5) */
.hx-art{position:relative}
.hx-svg .hx-o,.hx-svg .hx-t,.hx-svg .hx-g{transform-box:fill-box;transform-origin:center}
/* 2 · Scan: eine türkise Linie fährt über das Blatt und legt die Zeichnung frei */
.ani-2{clip-path:inset(0 100% 0 0);animation:aScan 2.6s cubic-bezier(.6,0,.3,1) .2s forwards}
.hx-scan{position:absolute;top:4%;bottom:4%;left:0;width:2px;background:#2FA3A3;box-shadow:0 0 18px 4px rgba(47,163,163,.45);animation:aScanL 2.6s cubic-bezier(.6,0,.3,1) .2s forwards}
@keyframes aScan{to{clip-path:inset(0 0 0 0)}}
@keyframes aScanL{0%{left:0;opacity:1}92%{opacity:1}100%{left:100%;opacity:0}}
/* 3 · Bausteine: Raster liegt da, die Teile fallen nacheinander von oben an ihren Platz */
.ani-3 .hx-o{opacity:0;animation:aDrop .7s cubic-bezier(.3,1.4,.5,1) forwards;animation-delay:calc(.3s + var(--i) * 9ms)}
.ani-3 .hx-t{opacity:0;animation:hxFade .6s ease forwards;animation-delay:calc(2.4s + var(--i) * 120ms)}
@keyframes aDrop{0%{opacity:0;transform:translateY(-60px)}60%{opacity:1}100%{opacity:1;transform:none}}
/* 4 · Kamerafahrt: man schaut von nah auf die Zeichnung, die Kamera zieht langsam auf und gleitet weiter */
.ani-4{transform-origin:62% 55%;animation:aCam 6s cubic-bezier(.25,.1,.2,1) forwards,aDrift 9s ease-in-out 6s infinite alternate;opacity:0}
@keyframes aCam{0%{opacity:0;transform:scale(1.9) translate(-4%,6%)}15%{opacity:1}100%{opacity:1;transform:scale(1) translate(0,0)}}
@keyframes aDrift{from{opacity:1;transform:scale(1) translate(0,0)}to{opacity:1;transform:scale(1.06) translate(-1.5%,1%)}}
/* 5 · Lebendig: Zeichnung steht sofort, danach fließen Punkte über das Raster und der Punkt am Schild pulsiert */
.ani-5{animation:hxFade .8s ease forwards,hxFloat 7s ease-in-out 1s infinite alternate;opacity:0}
.ani-5 .hx-g{stroke-dasharray:3 14;animation:aFlow 3.5s linear infinite;stroke-width:1.2}
.ani-5 .hx-t[r="11"],.ani-5 circle.hx-t:last-of-type{animation:aPulse 2.2s ease-in-out infinite}
@keyframes aFlow{to{stroke-dashoffset:-34}}
@keyframes aPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}
@keyframes aBreath{0%,100%{transform:none}50%{transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.ani-2,.ani-3 .hx-o,.ani-3 .hx-t,.ani-4,.ani-5,.ani-5 *{animation:none!important;opacity:1!important;clip-path:none!important;transform:none!important}.hx-scan{display:none}}
/* Varianten zum Vergleichen (Adresse ?hx=b|c|d): B dunkel, C Bühne (Zeichnung groß, Text darunter mittig), D Karte (hellgrüne Fläche wie das frühere Titelbild) */
.hx-hero.v-b{background-color:#101413;background-image:linear-gradient(rgba(47,163,163,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(47,163,163,.12) 1px,transparent 1px)}
.v-b .hx-copy h1{color:#FBFCF8}.v-b .hx-copy p{color:#aab5b2}.v-b .hx-eb{color:#5fc3c0}
.v-b .btn.dark{background:#FBFCF8;color:#101413}.v-b .btn.soft{background:rgba(251,252,248,.12);color:#FBFCF8}
.v-b .hx-svg [fill="#fff"]{fill:#1a201f}.v-b .hx-svg [stroke="#111"]{stroke:#e8eeec}.v-b .hx-svg text[fill="#111"]{fill:#FBFCF8}.v-b .hx-svg [fill="#111"]:not(text){fill:#e8eeec}
.hx-hero.v-c .hx-in{grid-template-columns:1fr;text-align:center;max-width:980px;min-height:0;gap:0}
.v-c .hx-art{order:-1;width:100%;max-width:980px;margin:-30px auto -30px}.v-c .hx-copy p{margin-left:auto;margin-right:auto}.v-c .hx-acts{justify-content:center}
.v-c .hx-copy h1{font-size:clamp(34px,3.6vw,56px)}
.hx-hero.v-d{background:#FBFBF8;padding-left:var(--gx,24px);padding-right:var(--gx,24px)}
.v-d .hx-in{background-color:#EEF4F2;background-image:linear-gradient(rgba(47,163,163,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(47,163,163,.09) 1px,transparent 1px);background-size:32px 32px;border-radius:24px;padding:clamp(28px,4vw,64px)}
@media(max-width:1023px){.hx-hero.v-d{padding-left:12px;padding-right:12px}}
/* Foto einer Person neben „Kurz erklärt“ mit Namensschild */
.kp-who figcaption{position:absolute;left:16px;bottom:16px;z-index:2;background:rgba(255,255,255,.93);border-radius:12px;padding:10px 14px;line-height:1.3}
.kp-who figcaption b{display:block;font-weight:500;font-size:15px;color:#111}
.kp-who figcaption small{display:block;font-size:12.5px;color:#5d605c}
/* Ablauf-Karten mit Pfeilen (z. B. EÜR → Einkommensteuer) */
.kp-fl{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.kp-flc{position:relative;background:#fff;border:1px solid #e3e5e3;border-radius:20px;padding:26px 24px 28px}
.kp-flc b{display:block;font-weight:400;font-size:21px;line-height:1.25;letter-spacing:-.01em;margin:14px 0 10px}
.kp-flc p{margin:0;color:#5d605c;font-size:15px;line-height:1.55}
.kp-flc:not(:last-child)::after{content:"";position:absolute;top:50%;right:-31px;width:22px;height:22px;transform:translateY(-50%);background:no-repeat center/22px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232FA3A3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}
.kp-flc:last-child{background:#2FA3A3;border-color:#2FA3A3;color:#fff}
.kp-flc:last-child p{color:rgba(255,255,255,.85)}
.kp-flc:last-child .kp-n{color:#fff}
.kp-flnote{display:flex;gap:16px;align-items:flex-start;margin-top:28px;background:#EEF4F2;border-radius:16px;padding:20px 24px}
.kp-flnote b{display:block;font-weight:500;font-size:16px;margin-bottom:4px}
.kp-flnote p{margin:0;color:#5d605c;font-size:15px;line-height:1.55}
.kp-fldot{flex:none;width:10px;height:10px;border-radius:50%;background:#2FA3A3;margin-top:6px}
@media(max-width:1000px){.kp-fl{grid-template-columns:1fr;gap:36px;max-width:560px}.kp-flc:not(:last-child)::after{top:auto;bottom:-30px;right:auto;left:50%;transform:translateX(-50%) rotate(90deg)}}
/* Checkliste als Kacheln */
.kp-cks{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kp-cks li{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #e3e5e3;border-radius:18px;padding:22px 22px 24px;transition:border-color .3s,transform .3s}
.kp-cks li:hover{border-color:#2FA3A3;transform:translateY(-2px)}
.kp-ck{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#EEF4F2;color:#1F7E7E}
.kp-cks b{display:block;font-weight:400;font-size:19px;line-height:1.3;margin:4px 0 6px}
.kp-cks p{margin:0;color:#5d605c;font-size:15px;line-height:1.55}
@media(max-width:1000px){.kp-cks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.kp-cks{grid-template-columns:1fr}}
/* Fallbeispiele (z. B. Steuererklärung): Foto, Person, Rechnung in Zeilen, Ergebnis unten */
.kp-faelle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:clamp(40px,5vw,64px)}
.kp-fc{background:#fff;border:1px solid #e3e5e3;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.kp-fc .kp-ph.fc{aspect-ratio:4/3;border-radius:0;margin:0}
.kp-fct{padding:24px 24px 28px;display:flex;flex-direction:column;flex:1}
.kp-fct .kp-eb{margin:0}
.kp-fct h3{font-weight:400;font-size:22px;line-height:1.25;margin:10px 0 6px;letter-spacing:-.01em}
.kp-fwho{color:#5d605c;font-size:15px;line-height:1.5;margin:0 0 18px}
.kp-frows{list-style:none;margin:0 0 20px;padding:0;border-top:1px solid #e3e5e3}
.kp-frows li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid #eef0ee;font-size:14px;line-height:1.4;color:#5d605c}
.kp-frows b{font-weight:500;color:#111;white-space:nowrap}
.kp-fres{margin-top:auto;background:#EEF4F2;border-radius:14px;padding:16px 18px}
.kp-fres b{display:block;font-weight:400;font-size:clamp(28px,2.6vw,36px);color:#1F7E7E;letter-spacing:-.02em;line-height:1.1}
.kp-fres span{display:block;font-size:13.5px;color:#5d605c;margin-top:4px}
@media(max-width:1000px){.kp-faelle{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}}