/* OKNXT Unterseite Kundenportal (Präfix kp-). Inhalte nach dem Portal-Prototyp, mit Musterfirma. Abstände 150 px wie überall.
   --w und --dreh sind seitenweit Winkel, hier nicht verwenden. */

.kp-seite-wrap{--h-grund:#F2F4F9;--h-linie:#E2E7F1;--h-text:#161B2E;--h-text-2:#667089;--h-text-3:#98A1B5;--kp-navy:#141B3D}
.kp-hell{color:var(--h-text)}
.kp-seite-wrap img{height:auto;max-width:none}
.kp-hell svg,.kp-an-links svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.kp-ava{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--f);color:#fff;font:700 .64rem/1 "Manrope",sans-serif;font-style:normal}
.kp-knopf{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:10px;color:#fff;font:700 .8rem/1 "Manrope",sans-serif;background:linear-gradient(100deg,#00B4F9,#2F6BFF 55%,#9B05FE);transition:transform .3s}
.kp-knopf.drueckt,.kp-k2.drueckt{animation:kp-druck .4s ease}
@keyframes kp-druck{50%{transform:scale(.95)}}
.kp-k2{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;border-radius:9px;border:1px solid var(--h-linie);background:var(--kp-f1,#fff);font:600 .74rem/1 "Manrope",sans-serif;color:var(--h-text);white-space:nowrap;transition:all .3s}
.kp-k2 svg{width:14px;height:14px}
.kp-zeiger{position:absolute;z-index:20;left:0;top:0;width:26px;height:26px;pointer-events:none;opacity:0;transform:translate(var(--zx,60%),var(--zy,60%));transition:transform .95s cubic-bezier(.65,0,.35,1),opacity .4s}
.kp-zeiger.da{opacity:1}
.kp-zeiger svg{width:26px;height:26px;fill:#161B2E;stroke:#fff;stroke-width:1.6;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}
.kp-zeiger i{position:absolute;left:3px;top:2px;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;border:2px solid #2F6BFF;opacity:0}
.kp-zeiger.klick i{animation:kp-ring .6s ease-out}
@keyframes kp-ring{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(1.4)}}
@keyframes kp-glanz{0%{box-shadow:0 0 0 2px #5CCBFF,0 0 40px rgba(92,203,255,.7)}100%{box-shadow:0 0 0 0 transparent}}
.kp-box{border-radius:16px;background:var(--kp-f1,#fff);border:1px solid var(--h-linie);padding:14px}
.kp-box-kopf{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.kp-box-kopf b{font-size:.86rem}.kp-box-kopf em{font-style:normal;font-size:.68rem;font-weight:600;color:var(--h-text-2);padding:3px 8px;border-radius:999px;background:var(--kp-grau,#EEF1F7);white-space:nowrap}
.kp-marke{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;font:800 .64rem/1 "Manrope",sans-serif;font-style:normal;color:#fff}
.kp-toast{position:absolute;left:50%;bottom:16px;z-index:8;display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:999px;background:#161B2E;color:#fff;font-size:.76rem;white-space:nowrap;transform:translate(-50%,16px);opacity:0;transition:opacity .35s,transform .5s cubic-bezier(.22,1,.36,1);box-shadow:0 16px 30px -12px rgba(0,0,0,.6)}
.kp-toast svg{width:13px;height:13px;color:#4ADE9A;stroke-width:2.6}
.kp-toast.da{opacity:1;transform:translate(-50%,0)}

/* ---------- Portal im Fenster (Einstieg) ---------- */
.kp-fenster{border-radius:16px;overflow:hidden;background:var(--kp-f1,#fff);box-shadow:0 50px 100px -40px rgba(0,0,0,.95),0 0 0 1px rgba(143,164,255,.3),0 0 110px -30px rgba(47,107,255,.55)}
.kp-fen-leiste{display:flex;align-items:center;gap:10px;height:30px;padding:0 10px;background:#EEF1F6;border-bottom:1px solid var(--h-linie)}
.kp-ampel{display:flex;gap:5px}.kp-ampel i{width:9px;height:9px;border-radius:50%;background:#D5DAE5}
.kp-url{display:flex;align-items:center;gap:5px;flex:1;max-width:300px;padding:4px 10px;border-radius:7px;background:var(--kp-f1,#fff);font-size:.62rem;color:var(--h-text-2)}
.kp-url svg{width:10px;height:10px;color:#16A36A}
.kp-sichten{display:grid;font-size:11px}
.kp-sicht{grid-area:1/1;display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.6fr);opacity:0;transform:translateX(16px);transition:opacity .5s,transform .7s cubic-bezier(.22,1,.36,1);pointer-events:none}
.kp-sicht.an{opacity:1;transform:none}
.kp-leiste{padding:12px 10px;background:var(--kp-navy);color:#fff;display:flex;flex-direction:column;gap:10px}
.kp-logo{display:flex;align-items:center;gap:8px}
.kp-logo i{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#2F6BFF;color:#fff;font:800 .72rem/1 "Manrope",sans-serif;font-style:normal}
.kp-logo b{font-size:.92em}
.kp-l-box{display:grid;padding:8px;border-radius:9px;background:rgba(255,255,255,.07)}
.kp-l-box b{font-size:.95em}.kp-l-box small{font-size:.82em;color:rgba(255,255,255,.6)}
.kp-leiste ul{list-style:none;margin:0;padding:0;display:grid;gap:1px}
.kp-leiste li{display:flex;align-items:center;gap:7px;padding:7px 6px;border-radius:7px;color:rgba(255,255,255,.72);white-space:nowrap;overflow:hidden}
.kp-leiste li span{overflow:hidden;text-overflow:ellipsis}
.kp-leiste li svg{flex:none;width:13px;height:13px}
.kp-leiste li.an{background:rgba(92,160,255,.18);color:#fff}
.kp-haupt{padding:14px 16px;background:var(--kp-f2,#F7F8FB);display:flex;flex-direction:column;gap:9px;min-width:0}
.kp-gruss{color:var(--h-text-2)}
.kp-titel{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:1.3em}
.kp-titel em{font-style:normal;font-size:.62em;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--kp-blass,#E6EEFF);color:var(--kp-blau-t,#2F6BFF)}
.kp-v-bild{position:relative;border-radius:10px;overflow:hidden}
.kp-v-bild img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:50% 55%}
.kp-schritt{position:absolute;right:8px;top:8px;padding:3px 8px;border-radius:999px;background:var(--kp-f1,#fff);color:var(--kp-blau-t,#2F6BFF);font-weight:700;font-size:.85em}
.kp-drei{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.kp-drei>div{display:grid;gap:2px;align-content:start;padding:8px 9px;border-radius:9px;background:var(--kp-f1,#fff);border:1px solid var(--h-linie)}
.kp-drei small{font:600 .72em/1.2 "JetBrains Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--h-text-3)}
.kp-drei b{font-size:1em;line-height:1.3}
.kp-drei span{font-size:.85em;color:var(--h-text-2)}
.kp-zahlen{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.kp-zahlen>div{display:grid;padding:8px;border-radius:9px;background:var(--kp-f1,#fff);border:1px solid var(--h-linie)}
.kp-zahlen b{font-size:1.35em;font-variant-numeric:tabular-nums}
.kp-zahlen small,.kp-zahlen span{font-size:.8em;color:var(--h-text-2)}
.kp-k-liste{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.kp-k-liste li{display:flex;align-items:center;gap:10px;padding:8px;border-radius:11px;background:var(--kp-f1,#fff);border:1px solid var(--h-linie);transition:border-color .3s,box-shadow .3s}
.kp-k-liste img{flex:none;width:72px;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.kp-k-liste span{display:grid;gap:3px;flex:1;min-width:0}
.kp-k-liste b{font-size:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-k-liste small{font-size:.85em;color:var(--h-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-st{justify-self:start;padding:2px 7px;border-radius:5px;font-style:normal;font-size:.8em;font-weight:600}
.kp-st-blau{background:var(--kp-blass,#E6EEFF);color:var(--kp-blau-t,#2F6BFF)}.kp-st-gelb{background:#FFF4D6;color:#A86A00}.kp-st-grau{background:var(--kp-grau,#EEF1F7);color:var(--h-text-2)}
.kp-oeffnen{flex:none;padding:6px 10px;border-radius:7px;background:#2F6BFF;color:#fff;font-style:normal;font-weight:700;font-size:.85em}
.kp-k-liste li.an{border-color:var(--kp-blau-t,#2F6BFF);box-shadow:0 0 0 3px rgba(47,107,255,.14)}

/* ---------- Einstieg ---------- */
.kp-start{position:relative;padding:clamp(28px,5vh,64px) var(--seitenrand) 0}
.kp-start-innen{max-width:var(--ab-breite);margin:0 auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);align-items:center;min-height:calc(100svh - var(--oben-hoehe,100px) - 40px)}
.kp-start .h1{max-width:14ch;}.kp-zus,.kp-zus *{white-space:nowrap}.kp-start .h1{font-size:clamp(2.3rem,4.2vw,4rem)}
.kp-start .unterzeile{max-width:44ch}
.kp-fakten{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.kp-fakten li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:.84rem;color:var(--text-2);border:1px solid var(--linie-stark);background:color-mix(in srgb,var(--panel) 80%,transparent)}
.kp-fakten li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--verlauf);box-shadow:0 0 8px rgba(47,107,255,.8)}
.kp-start .einstieg-aktionen{display:flex;margin-top:30px}
.kp-buehne{position:relative;display:grid;gap:14px;justify-items:center;perspective:1800px}
.kp-buehne::before{content:"";position:absolute;inset:0 4%;border-radius:50%;background:radial-gradient(closest-side,rgba(47,107,255,.42),rgba(155,5,254,.18) 60%,transparent);filter:blur(34px)}
.kp-buehne .kp-fenster{position:relative;width:100%;transform:rotateY(-8deg) rotateX(3deg) scale(.94);opacity:0;transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity .8s}
.kp-buehne.kp-los .kp-fenster{transform:rotateY(-5deg) rotateX(2deg);opacity:1}
.kp-um{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:rgba(14,17,27,.8);border:1px solid var(--linie-stark);z-index:2}
.kp-um span{position:relative;z-index:1;padding:8px 20px;font-size:.82rem;font-weight:600;color:var(--text-2);text-align:center;cursor:pointer;transition:color .3s}
.kp-um span.an{color:#fff}
.kp-um i{position:absolute;left:4px;top:4px;bottom:4px;width:calc(50% - 4px);border-radius:999px;background:linear-gradient(100deg,#00B4F9,#2F6BFF 55%,#9B05FE);transition:transform .5s cubic-bezier(.34,1.3,.5,1)}
.kp-um.k i{transform:translateX(100%)}

/* ---------- 1 · Anmeldung ---------- */
.kp-an-huelle{max-width:1020px;margin:0 auto}
.kp-an{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:stretch}
.kp-an-links{padding:26px;border-radius:22px;border:1px solid var(--linie-stark);background:color-mix(in srgb,var(--panel) 88%,transparent);display:flex;flex-direction:column;gap:14px}
.kp-an-zeile{margin:0;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#5CCBFF}
.kp-an-titel{font-size:1.3rem}
.kp-an-links ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.kp-an-links li{display:flex;gap:12px;opacity:0;transform:translateX(-10px);transition:opacity .45s,transform .55s cubic-bezier(.22,1,.36,1)}
.kp-an.sichtbar .kp-an-links li{opacity:1;transform:none}
.kp-an-links li i{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:linear-gradient(140deg,var(--cyan),var(--blau) 55%,var(--violett))}
.kp-an-links li i svg{width:16px;height:16px}
.kp-an-links li span{display:grid;gap:2px}.kp-an-links li b{font-size:.92rem}.kp-an-links li small{font-size:.8rem;color:var(--text-2);line-height:1.45}
.kp-an-fuss{margin:auto 0 0;display:flex;flex-wrap:wrap;gap:12px;font-size:.76rem;color:#4ADE9A}
.kp-an-fuss span{display:inline-flex;align-items:center;gap:5px}.kp-an-fuss svg{width:13px;height:13px;stroke-width:2.6}
.kp-an-karte{position:relative;padding:22px;border-radius:22px;background:var(--kp-f1,#fff);display:flex;flex-direction:column;gap:10px;min-height:470px;box-shadow:0 50px 100px -40px rgba(0,0,0,.95),0 0 0 1px rgba(143,164,255,.3),0 0 110px -30px rgba(47,107,255,.55)}
.kp-an-h{font-size:1.25rem;margin-top:6px}
.kp-an-u{font-size:.8rem;color:var(--h-text-2);line-height:1.5}
.kp-rollen{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kp-rolle{display:grid;gap:2px;padding:10px;border-radius:11px;border:1.5px solid var(--h-linie);transition:border-color .25s,background .25s;cursor:pointer}
.kp-rolle b{font-size:.82rem}.kp-rolle small{font-size:.68rem;color:var(--h-text-2)}
.kp-rolle.an{border-color:var(--kp-blau-t,#2F6BFF);background:var(--kp-zart,#F1F5FF)}
.kp-an-schritt{display:none;flex-direction:column;gap:10px}
.kp-an-schritt.an{display:flex;animation:kp-sicht .45s ease}
@keyframes kp-sicht{from{opacity:0;transform:translateY(8px)}}
.kp-an-schritt label{display:grid;gap:4px}.kp-an-schritt label small{font-size:.7rem;font-weight:600;color:var(--h-text-2)}
.kp-feld{min-height:38px;padding:10px 12px;border-radius:9px;border:1px solid var(--h-linie);background:var(--kp-f2,#F7F8FB);font-size:.82rem}
.kp-feld.tippt{border-color:var(--kp-blau-t,#2F6BFF);background:var(--kp-f1,#fff);box-shadow:0 0 0 3px rgba(47,107,255,.14)}
.kp-oder{display:flex;align-items:center;gap:10px;font-size:.68rem;color:var(--h-text-3)}.kp-oder i{flex:1;height:1px;background:var(--h-linie)}
.kp-sso{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kp-a2>small{font-size:.8rem;color:var(--h-text-2);line-height:1.5}
.kp-code{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}
.kp-code i{display:grid;place-items:center;height:48px;border-radius:10px;border:1.5px solid var(--h-linie);background:var(--kp-f2,#F7F8FB);font:700 1.3rem/1 "Manrope",sans-serif;font-style:normal;transition:border-color .2s,background .2s}
.kp-code i.voll{border-color:var(--kp-blau-t,#2F6BFF);background:var(--kp-f1,#fff);animation:kp-ziffer .35s cubic-bezier(.34,1.56,.64,1)}
@keyframes kp-ziffer{0%{transform:scale(.7)}}
.kp-a3{align-items:center;text-align:center;padding:30px 0 10px}
.kp-a3 b{font-size:1.05rem}.kp-a3 small{font-size:.8rem;color:var(--h-text-2)}
.kp-ok-gross{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#16A36A;color:#fff;animation:kp-hupf .6s cubic-bezier(.34,1.56,.64,1)}
.kp-ok-gross svg{width:30px;height:30px;stroke-width:3}
@keyframes kp-hupf{0%{transform:scale(0)}}
.kp-postein{position:absolute;right:-26px;top:120px;z-index:6;display:flex;gap:10px;width:270px;padding:12px;border-radius:14px;background:var(--kp-f1,#fff);box-shadow:0 30px 60px -20px rgba(0,0,0,.55),0 0 0 1px var(--h-linie);opacity:0;transform:translate(30px,-10px) scale(.9);transition:opacity .4s,transform .6s cubic-bezier(.34,1.3,.5,1);pointer-events:none}
.kp-postein.da{opacity:1;transform:none}
.kp-postein>i{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--kp-blass,#E6EEFF);color:var(--kp-blau-t,#2F6BFF)}
.kp-postein>i svg{width:16px;height:16px}
.kp-postein span{display:grid;gap:2px}.kp-postein small{font-size:.66rem;color:var(--h-text-2)}.kp-postein b{font-size:.8rem}
.kp-postein em{font-style:normal;color:var(--kp-blau-t,#2F6BFF);letter-spacing:.06em}

/* ---------- 2 · Vermarktung live ---------- */
.kp-vm-huelle{max-width:1080px;margin:0 auto}
.kp-vm{padding:18px;border-radius:22px;background:var(--h-grund);border:1px solid rgba(255,255,255,.55);box-shadow:0 50px 100px -50px rgba(0,0,0,.95),0 0 120px -40px rgba(92,203,255,.45);display:grid;gap:12px;font-size:12px}
.kp-vm-kopf{display:flex;justify-content:space-between;align-items:center;gap:10px}
.kp-vm-kopf span{display:grid}.kp-vm-kopf small{color:var(--h-text-2)}.kp-vm-kopf b{font-size:1.25em}
.kp-neu-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;background:var(--kp-gruen-bg,#E3F7EF);color:var(--kp-gruen-t,#0E7A5A);font-style:normal;font-weight:600}
.kp-neu-chip i{width:7px;height:7px;border-radius:50%;background:#16A36A;animation:kp-puls 1.6s infinite}
@keyframes kp-puls{0%{box-shadow:0 0 0 0 rgba(22,163,106,.6)}100%{box-shadow:0 0 0 8px rgba(22,163,106,0)}}
.kp-vm-drei>div,.kp-vm-zahlen>div{opacity:var(--o,0);transform:translateY(calc((1 - var(--o,0)) * 10px))}
.kp-vm-zahlen>div{padding:10px 12px}
.kp-vm-zahlen>div.an{background:#2F6BFF;border-color:var(--kp-blau-t,#2F6BFF);color:#fff}.kp-vm-zahlen>div.an span,.kp-vm-zahlen>div.an small{color:rgba(255,255,255,.8)}
.kp-vm-zahlen b{font-size:1.8em;line-height:1.1}.kp-vm-zahlen b em{font-style:normal}
.kp-vm-unten{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:12px}
.kp-vm-box{padding:14px;border-radius:14px;background:var(--kp-f1,#fff);border:1px solid var(--h-linie);display:flex;flex-direction:column;gap:10px}
.kp-vm-box>b{font-size:1.05em}
.kp-portale{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.kp-portale li{display:grid;grid-template-columns:30px minmax(0,1fr) 62px 54px;column-gap:10px;row-gap:6px;align-items:center;padding:8px 10px;border-radius:10px;border:1px solid var(--h-linie)}
.kp-p-name{display:grid}.kp-p-name small{color:var(--kp-gruen-t,#0E8A66);font-size:.85em}
.kp-p-zahl{display:grid;text-align:right}.kp-p-zahl b{font-size:1.2em;font-variant-numeric:tabular-nums}.kp-p-zahl small{font-size:.78em;color:var(--h-text-3)}
.kp-p-balken{grid-column:1/-1;height:5px;border-radius:999px;background:var(--kp-grau,#EEF1F7);overflow:hidden}
.kp-p-balken i{display:block;height:100%;width:calc(var(--b) * var(--pb,0) * 100%);border-radius:inherit;background:linear-gradient(90deg,#00B4F9,#2F6BFF 60%,#9B05FE)}
.kp-wochen{list-style:none;margin:0;padding:22px 0 0;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;align-items:end;height:170px;position:relative}
.kp-wochen::before{content:"Die ersten 4 Wochen entscheiden";position:absolute;left:0;top:0;width:calc(66.6% - 3px);padding:0 0 4px;border-bottom:1.5px dashed rgba(231,69,107,.45);font-size:.8em;font-weight:600;color:#C2405F}
.kp-wochen li{display:grid;justify-items:center;gap:4px;height:100%;align-content:end}
.kp-wochen li b{font-size:1em;opacity:var(--wb,0)}
.kp-wochen li i{width:70%;height:calc(var(--h) * var(--wb,0) * 110px);border-radius:6px 6px 2px 2px;background:linear-gradient(#5C7CFF,#2F6BFF)}
.kp-wochen li:last-child i{background:#B3C3FF}
.kp-wochen li small{font-size:.74em;color:var(--h-text-3);white-space:nowrap}
.kp-fazit{margin:0;padding:10px;border-radius:10px;background:var(--kp-zart,#F1F5FF);font-size:.92em;line-height:1.5;color:var(--kp-text-m,#3A4257);opacity:var(--fz,0);transition:opacity .4s}

/* ---------- 3 · Kaufgebote ---------- */
.kp-kg-huelle{max-width:1080px;margin:0 auto}
.kp-kg-raster{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:16px;align-items:stretch}
.kp-kg{position:relative;padding:18px;border-radius:22px;background:var(--kp-f1,#fff);display:flex;flex-direction:column;gap:12px;min-height:470px;box-shadow:0 50px 100px -40px rgba(0,0,0,.95),0 0 0 1px rgba(143,164,255,.3),0 0 110px -30px rgba(47,107,255,.55)}
.kp-kg-kopf{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.kp-kg-kopf>b{font-size:1.1rem}
.kp-frist{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--kp-blass,#E6EEFF);color:var(--kp-blau-t,#2F6BFF);font-size:.74rem;font-weight:600}
.kp-frist svg{width:13px;height:13px}.kp-frist em{font-style:normal;font-variant-numeric:tabular-nums}
.kp-kg-u{font-size:.76rem;color:var(--h-text-2);line-height:1.5}
.kp-gebote{list-style:none;margin:0;padding:0;position:relative;height:198px}
.kp-gebot{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:13px;border:1px solid var(--h-linie);background:var(--kp-f1,#fff);opacity:0;transform:translateY(calc(var(--r,0) * 66px)) scale(.96);transition:transform .7s cubic-bezier(.34,1.2,.5,1),opacity .4s,border-color .3s,box-shadow .3s}
.kp-gebot.da{opacity:1;transform:translateY(calc(var(--r,0) * 66px))}
.kp-gebot.neu{animation:kp-glanz 1.4s ease}
.kp-gebot.gewaehlt{border-color:var(--kp-blau-t,#2F6BFF);box-shadow:0 0 0 3px rgba(47,107,255,.15)}
.kp-g-rang{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--kp-grau,#EEF1F7);font-weight:700;font-size:.78rem}
.kp-gebot.erst .kp-g-rang{background:#2F6BFF;color:#fff}
.kp-g-text{display:grid;flex:1;min-width:0}.kp-g-text b{font-size:1.05rem;white-space:nowrap}.kp-g-text small{font-size:.74rem;color:var(--h-text-2)}
.kp-g-fin{font-style:normal;font-size:.66rem;font-weight:700;padding:3px 8px;border-radius:999px;white-space:nowrap}
.kp-g-ok{background:var(--kp-gruen-bg,#E3F7EF);color:var(--kp-gruen-t,#0E7A5A)}.kp-g-offen{background:var(--kp-grau,#EEF1F7);color:var(--h-text-2)}
.kp-entscheid{margin-top:auto;display:grid;gap:6px;padding:12px;border-radius:13px;background:var(--kp-zart,#F1F5FF)}
.kp-entscheid>b{font-size:.86rem}.kp-entscheid>small{font-size:.72rem;color:var(--h-text-2)}
.kp-entscheid div{display:flex;flex-wrap:wrap;gap:6px}
.kp-wahl.an{border-color:var(--kp-blau-t,#2F6BFF);background:#2F6BFF;color:#fff}
.kp-kg-rechts{display:grid;gap:14px}
.kp-fort{display:block;height:6px;border-radius:999px;background:var(--kp-grau,#EEF1F7);overflow:hidden;margin-bottom:8px}
.kp-fort i{display:block;height:100%;width:var(--f,33%);border-radius:inherit;background:linear-gradient(90deg,#16A36A,#4ADE9A);transition:width .5s}
.kp-ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.kp-ul li{display:flex;align-items:center;gap:9px;padding:6px 2px;font-size:.78rem;border-bottom:1px solid var(--h-linie)}
.kp-ul li:last-child{border-bottom:0}
.kp-ul li i{flex:none;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--kp-rand,#CBD2E0);color:transparent;transition:all .3s}
.kp-ul li i svg{width:11px;height:11px;stroke-width:3}
.kp-ul li span{flex:1}
.kp-ul li em{font-style:normal;font-size:.68rem;font-weight:600;color:var(--kp-blau-t,#2F6BFF)}
.kp-ul li.ok i{background:#16A36A;border-color:#16A36A;color:#fff;animation:kp-hupf .4s cubic-bezier(.34,1.56,.64,1)}
.kp-ul li.ok em{color:var(--kp-gruen-t,#0E8A66)}
.kp-ln{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.kp-ln li{display:grid;grid-template-columns:44px auto 1fr;align-items:center;gap:8px;padding:6px 2px;border-bottom:1px solid var(--h-linie);font-size:.76rem;opacity:0;transform:translateY(-6px);transition:opacity .4s,transform .5s cubic-bezier(.22,1,.36,1)}
.kp-ln li:last-child{border-bottom:0}
.kp-ln li.da{opacity:1;transform:none}
.kp-ln time{color:var(--kp-blau-t,#2F6BFF);font-weight:600}
.kp-ln em{font-style:normal;font-size:.64rem;padding:2px 6px;border-radius:5px;border:1px solid var(--h-linie);color:var(--h-text-2)}

/* ---------- 4 · Mein Weg ---------- */
.kp-wg-huelle{max-width:1080px;margin:0 auto}
.kp-wg{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:14px;padding:16px;border-radius:22px;background:var(--h-grund);border:1px solid rgba(255,255,255,.55);box-shadow:0 50px 100px -50px rgba(0,0,0,.95),0 0 120px -40px rgba(92,203,255,.45);font-size:12px}
.kp-wg-links{display:flex;flex-direction:column;gap:10px}
.kp-wg-h{font-size:1.2em}
.kp-wg-fin,.kp-wg-ap{display:grid;gap:6px;padding:12px;border-radius:13px;background:var(--kp-f1,#fff);border:1px solid var(--h-linie)}
.kp-wg-fin small{color:var(--h-text-2);line-height:1.5}
.kp-wg-ap{grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:8px}
.kp-wg-ap span{display:grid}.kp-wg-ap small{color:var(--h-text-2)}
.kp-wg-ap>i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--kp-grau,#EEF1F7);color:var(--h-text-2)}
.kp-wg-ap>i svg{width:13px;height:13px}
.kp-wg-detail{display:flex;flex-direction:column;gap:10px;opacity:var(--wd,0);transform:translateX(calc((1 - var(--wd,0)) * 20px))}
.kp-wg-obj{display:flex;align-items:center;gap:10px;padding:8px;border-radius:13px;background:var(--kp-f1,#fff);border:1px solid var(--h-linie)}
.kp-wg-obj img{width:84px;aspect-ratio:16/10;object-fit:cover;border-radius:8px}
.kp-wg-obj span{display:grid;gap:2px}.kp-wg-obj b{font-size:1.1em}.kp-wg-obj small{display:flex;align-items:center;gap:4px;color:var(--h-text-2)}.kp-wg-obj small svg{width:11px;height:11px}
.kp-wg-doks,.kp-wg-weg{padding:12px;border-radius:13px;background:var(--kp-f1,#fff);border:1px solid var(--h-linie)}
.kp-wg-doks .kp-box-kopf{margin-bottom:8px}
.kp-frei{background:var(--kp-gruen-bg,#E3F7EF) !important;color:var(--kp-gruen-t,#0E7A5A) !important}
.kp-wg-doks ul{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:5px}
.kp-wg-doks li{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:7px;background:var(--kp-zart,#F1F5FF);color:var(--kp-blau-t,#2F6BFF);font-weight:600;font-size:.9em}
.kp-wg-doks li svg{width:11px;height:11px}
.kp-wg-doks .kp-k2{width:100%;color:#fff;border-color:transparent;background:#2F6BFF}
.kp-wg-stand{background:var(--kp-blass,#E6EEFF) !important;color:var(--kp-blau-t,#2F6BFF) !important}
.kp-schritte{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:14px;row-gap:2px}
.kp-s{display:flex;gap:8px;padding:5px 0;color:var(--h-text-3);transition:color .3s}
.kp-s>i{flex:none;position:relative;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--kp-rand,#D5DAE5);font-style:normal;transition:all .35s}
.kp-s>i b{font-size:.8em}
.kp-s>i svg{position:absolute;width:12px;height:12px;stroke-width:3;opacity:0}
.kp-s-text{display:grid;gap:3px;min-width:0}
.kp-s-text>b{font-size:.95em;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-s-mehr{display:none;gap:2px}
.kp-s-mehr small{font-size:.86em;line-height:1.4;color:var(--h-text-2)}.kp-s-mehr em{font-style:normal;font-weight:700;color:var(--h-text)}
.kp-s.ok{color:var(--h-text)}
.kp-s.ok>i{background:#16A36A;border-color:#16A36A;color:#fff}.kp-s.ok>i b{opacity:0}.kp-s.ok>i svg{opacity:1}
.kp-s.jetzt{color:var(--h-text);grid-column:1/-1;padding:8px;margin:2px 0;border-radius:10px;background:var(--kp-zart,#F1F5FF)}
.kp-s.jetzt>i{background:#2F6BFF;border-color:var(--kp-blau-t,#2F6BFF);color:#fff;box-shadow:0 0 0 4px rgba(47,107,255,.2)}
.kp-s.jetzt .kp-s-mehr{display:grid}
.kp-s.jetzt .kp-s-text>b::after{content:"Sie sind hier";margin-left:8px;padding:2px 6px;border-radius:4px;background:#2F6BFF;color:#fff;font:700 .7em/1 "JetBrains Mono",monospace;letter-spacing:.06em;vertical-align:1px}
.kp-wg.fertig .kp-wg-weg{animation:kp-glanz 1.4s ease}
.kp-s.jetzt.ok>i{background:#16A36A;border-color:#16A36A;box-shadow:0 0 0 4px rgba(22,163,106,.2)}
.kp-s.jetzt.ok{background:var(--kp-gruen-bg,#E3F7EF)}
.kp-s.jetzt.ok .kp-s-text>b::after{content:"Geschafft";background:#16A36A}

/* ---------- 5 · Suchauftrag und Partner ---------- */
.kp-sa-huelle{max-width:860px;margin:0 auto}
.kp-pa-huelle{max-width:1000px;margin:0 auto}
.kp-sa-raster{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px;align-items:start}
.kp-sa,.kp-pa{position:relative;padding:18px;border-radius:22px;background:var(--kp-f1,#fff);display:flex;flex-direction:column;gap:12px;box-shadow:0 50px 100px -40px rgba(0,0,0,.95),0 0 0 1px rgba(143,164,255,.3),0 0 110px -30px rgba(47,107,255,.55)}
.kp-sa-band{display:flex;gap:10px;padding:12px;border-radius:13px;background:#FFF8E6;border:1px solid #F5DFA5}
.kp-sa-band svg{flex:none;width:22px;height:22px;color:#E3A008;fill:#F7C948}
.kp-sa-band span{display:grid;gap:2px}.kp-sa-band b{font-size:.84rem}.kp-sa-band small{font-size:.72rem;color:#6B5A2E;line-height:1.45}
.kp-sa-art{display:flex;gap:14px;font-size:.78rem}
.kp-rb{display:inline-flex;align-items:center;gap:6px}.kp-rb i{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--kp-rand,#CBD2E0)}
.kp-rb.an i{border:4px solid #2F6BFF}
.kp-sa-felder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.kp-sa-felder label{display:grid;gap:3px}.kp-sa-felder small{font-size:.64rem;font-weight:600;color:var(--h-text-2)}
.kp-sa-felder span{padding:8px 10px;border-radius:8px;border:1px solid var(--h-linie);font-size:.78rem}
.kp-sa-lb{font-size:.7rem;font-weight:700;color:var(--h-text-2)}
.kp-sa-cb{display:flex;flex-wrap:wrap;gap:10px;font-size:.76rem}
.kp-cb{display:inline-flex;align-items:center;gap:6px}
.kp-cb i{display:grid;place-items:center;width:15px;height:15px;border-radius:4px;border:1.5px solid var(--kp-rand,#CBD2E0);color:transparent}
.kp-cb i svg{width:10px;height:10px;stroke-width:3}
.kp-cb.an i{background:#2F6BFF;border-color:var(--kp-blau-t,#2F6BFF);color:#fff}
.kp-treffer{display:grid;gap:8px;padding:12px;border-radius:14px;background:var(--kp-zart,#F1F5FF);border:1.5px solid #2F6BFF;opacity:0;transform:translateY(16px) scale(.97);transition:opacity .45s,transform .7s cubic-bezier(.34,1.3,.5,1)}
.kp-treffer.da{opacity:1;transform:none;animation:kp-glanz 1.6s ease .3s}
.kp-t-band{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;color:var(--kp-blau-t,#2F6BFF)}
.kp-t-band svg{width:14px;height:14px}
.kp-treffer>div{display:flex;gap:10px;align-items:center}
.kp-treffer img{width:92px;aspect-ratio:4/3;object-fit:cover;border-radius:9px}
.kp-treffer span{display:grid;gap:2px}.kp-treffer b{font-size:.88rem}.kp-treffer small{font-size:.72rem;color:var(--h-text-2)}
.kp-treffer em{font-style:normal;font-size:.7rem;color:var(--h-text-2)}.kp-t-uhr{font-weight:700;color:#E7456B;font-variant-numeric:tabular-nums}
.kp-pa-kat{display:flex;flex-wrap:wrap;gap:6px}
.kp-pa-kat span{padding:6px 11px;border-radius:999px;border:1px solid var(--h-linie);font-size:.72rem;font-weight:600;color:var(--h-text-2)}
.kp-pa-kat span.an{background:#2F6BFF;border-color:var(--kp-blau-t,#2F6BFF);color:#fff}
.kp-pa-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kp-pa-liste li{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;border:1px solid var(--h-linie);opacity:0;transform:translateX(14px);transition:opacity .4s,transform .55s cubic-bezier(.22,1,.36,1)}
.kp-pa.sichtbar .kp-pa-liste li{opacity:1;transform:none}
.kp-pa-liste li span{display:grid;gap:2px;flex:1;min-width:0}.kp-pa-liste b{font-size:.84rem}.kp-pa-liste small{font-size:.7rem;color:var(--h-text-2)}
.kp-pa-liste em{justify-self:start;padding:2px 7px;border-radius:5px;background:var(--kp-orange-bg,#FFF1E0);color:var(--kp-orange-t,#B45309);font-style:normal;font-size:.66rem;font-weight:700;transform:scale(0);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.kp-pa.sichtbar .kp-pa-liste em{transform:none}
.kp-anfragen{flex:none;padding:6px 9px;border-radius:7px;background:var(--kp-zart,#F1F5FF);color:var(--kp-blau-t,#2F6BFF);font-style:normal;font-size:.7rem;font-weight:700}
.kp-pa-fuss{font-size:.72rem;color:var(--h-text-2);line-height:1.5}

/* ---------- Schmal ---------- */
@media (max-width:1100px){.kp-zahlen{grid-template-columns:repeat(3,minmax(0,1fr))}.kp-zahlen>div:nth-child(n+4){display:none}.kp-vm-zahlen{grid-template-columns:repeat(5,minmax(0,1fr))}.kp-vm-zahlen>div:nth-child(n+4){display:grid}}
@media (max-width:900px){.kp-start-innen{grid-template-columns:1fr;min-height:0}.kp-an,.kp-kg-raster,.kp-sa-raster,.kp-wg,.kp-vm-unten{grid-template-columns:1fr}.kp-postein{right:10px;top:70px}
  .kp-vm-zahlen{grid-template-columns:repeat(3,minmax(0,1fr))}.kp-vm-zahlen>div:nth-child(n+4){display:none}.kp-wg-links .kp-wg-fin,.kp-wg-links .kp-wg-ap{display:none}.kp-wg-detail{opacity:1;transform:none}}
@media (max-width:640px){.kp-sicht{grid-template-columns:1fr}.kp-leiste{display:none}.kp-drei{grid-template-columns:1fr}.kp-drei>div:nth-child(n+2){display:none}.kp-sichten{font-size:10.5px}
  .kp-vm-drei{grid-template-columns:1fr}.kp-vm-drei>div:nth-child(n+2){display:none}.kp-portale li{grid-template-columns:30px minmax(0,1fr) 54px}.kp-portale .kp-p-zahl:nth-of-type(3){display:none}
  .kp-schritte{grid-template-columns:1fr}.kp-pa-liste{grid-template-columns:1fr}.kp-gebot{gap:8px;padding:10px}.kp-g-fin{font-size:.58rem;padding:3px 6px}.kp-g-text b{font-size:.95rem}.kp-sa-felder{grid-template-columns:1fr 1fr}.kp-toast{white-space:normal;width:88%;text-align:center;justify-content:center}.kp-an-karte{min-height:500px}.kp-postein{width:auto;left:10px}.kp-wg-doks li:nth-child(n+5){display:none}}

/* Kaufgebote: Ablauf der Abgabe füllt die Karte, Bestätigung steht im Entscheidungsfeld statt als schwebender Hinweis */
.kp-abgabe{display:grid;gap:8px}
.kp-abgabe>small{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--h-text-3)}
.kp-abgabe ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.kp-abgabe li{display:grid;grid-template-columns:auto 1fr;column-gap:8px;row-gap:3px;align-content:start;padding:10px;border-radius:12px;border:1px solid var(--h-linie)}
.kp-abgabe li i{grid-row:span 2;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--kp-grau,#EEF1F7);color:var(--h-text-2);font:700 .7rem/1 "Manrope",sans-serif;font-style:normal}
.kp-abgabe li i svg{width:12px;height:12px;stroke-width:3}
.kp-abgabe li b{font-size:.8rem}.kp-abgabe li span{font-size:.7rem;line-height:1.45;color:var(--h-text-2)}
.kp-abgabe li.ok i{background:#16A36A;color:#fff}
.kp-abgabe li.jetzt{border-color:var(--kp-blau-t,#2F6BFF);box-shadow:0 0 0 3px rgba(47,107,255,.12)}.kp-abgabe li.jetzt i{background:#2F6BFF;color:#fff}
.kp-entscheid .kp-toast{position:static;transform:none;display:none;margin-top:4px;padding:8px 12px;border-radius:10px;white-space:normal;background:var(--kp-gruen-bg,#E3F7EF);color:var(--kp-gruen-t,#0E7A5A);box-shadow:none;font-weight:600}
.kp-entscheid .kp-toast svg{color:#16A36A}
.kp-entscheid .kp-toast.da{display:flex;animation:kp-sicht .4s ease}
@media (max-width:640px){.kp-abgabe ol{grid-template-columns:1fr}}

/* ---------- Dunkle Abschnitte im Stil der übrigen Website (Karten wie auf KI-Agenten): Vermarktung live, Mein Weg, Partner ---------- */
.kp-dunkel{--h-grund:var(--panel);--h-linie:rgba(255,255,255,.09);--h-text:#F6F4EE;--h-text-2:#A7AAB6;--h-text-3:#6F7281;--kp-f1:#161A24;--kp-f2:#1C2130;--kp-grau:#1C2130;
  --kp-zart:rgba(255,255,255,.04);--kp-blass:rgba(110,140,255,.14);--kp-gruen-bg:rgba(74,222,154,.12);--kp-gruen-t:#4ADE9A;--kp-text-m:#C9CCD6;--kp-orange-bg:rgba(251,191,90,.12);--kp-orange-t:#FBBF5A;
  --kp-rand:rgba(255,255,255,.18);--kp-blau-t:#8FA4FF;color:var(--h-text)}
.kp-vm.kp-dunkel,.kp-wg.kp-dunkel,.kp-pa.kp-dunkel{background:var(--panel);border:1px solid var(--linie);box-shadow:var(--schatten)}
.kp-dunkel .kp-vm-zahlen>div.an{background:linear-gradient(140deg,#2F6BFF,#7B3BFF);border-color:transparent}
.kp-dunkel .kp-wochen li i{background:linear-gradient(#5CCBFF,#2F6BFF)}
.kp-dunkel .kp-wochen li:last-child i{background:linear-gradient(#9B7BFF,#5C4BD6)}
.kp-dunkel .kp-s.jetzt>i{box-shadow:0 0 0 4px rgba(47,107,255,.25)}
.kp-dunkel .kp-wg-doks .kp-k2{background:#2F6BFF}
.kp-dunkel .kp-pa-kat span.an,.kp-dunkel .kp-oeffnen{color:#fff}
.kp-dunkel .kp-st-gelb{background:rgba(251,191,90,.12);color:#FBBF5A}
.kp-dunkel .kp-neu-chip{background:rgba(74,222,154,.12);color:#4ADE9A}

/* ---------- Handy: Seitenleiste des Portals als Reiterzeile, alle drei Statusfelder und fünf Zahlen kompakt,
   Anfragen pro Portal, Finanzierung und Ansprechpartnerin wieder sichtbar, Höhen fest (18.10.2026) ---------- */
@media (max-width:640px){
  /* Einstieg: Portalfenster */
  .kp-fenster{clip-path:inset(0 round 16px)}
  .kp-sichten{font-size:11px}
  .kp-sicht{grid-template-rows:auto 1fr;align-content:stretch}
  .kp-sichten .kp-st,.kp-sichten .kp-gruss{font-size:.88em}
  .kp-leiste{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px 10px;padding:9px 10px}
  .kp-l-box{justify-self:end;display:flex;align-items:baseline;gap:6px;min-width:0;max-width:100%;padding:4px 8px;white-space:nowrap}
  .kp-l-box small{overflow:hidden;text-overflow:ellipsis}
  .kp-leiste ul{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:3px}
  .kp-leiste li{padding:4px 7px;gap:5px}
  .kp-leiste li svg{width:12px;height:12px}
  .kp-haupt{padding:11px 12px;gap:8px}
  .kp-v-bild img{aspect-ratio:12/5}
  .kp-drei>div:nth-child(n+2),.kp-vm-drei>div:nth-child(n+2){display:grid}
  .kp-drei>div{grid-template-columns:10.5em minmax(0,1fr);column-gap:8px;align-items:baseline;padding:6px 9px}
  .kp-drei small{font-size:.66rem;letter-spacing:.03em}
  .kp-drei span{grid-column:2}
  .kp-zahlen{grid-template-columns:repeat(6,minmax(0,1fr))}
  .kp-zahlen>div:nth-child(n+4){display:grid}
  .kp-zahlen>div{grid-column:span 2;padding:7px 8px}
  .kp-zahlen>div:nth-child(n+4){grid-column:span 3}
  .kp-zahlen small,.kp-zahlen span{font-size:.9em}
  /* Anmeldung: Spalte darf nicht breiter als der Bildschirm werden, Karte hoch genug für alle Schritte */
  .kp-an{grid-template-columns:minmax(0,1fr)}
  .kp-an-karte{padding:18px;min-height:560px}
  .kp-sso .kp-k2{white-space:normal;padding:8px 6px;font-size:.7rem;line-height:1.2;text-align:center}
  /* Vermarktung: drei Felder untereinander, alle fünf Zahlen, Aufrufe und Anfragen je Portal */
  .kp-vm{padding:14px}
  .kp-vm-kopf{flex-wrap:wrap}
  .kp-vm-zahlen{grid-template-columns:repeat(6,minmax(0,1fr))}
  .kp-vm-zahlen>div{grid-column:span 2;padding:8px 9px}
  .kp-vm-zahlen>div:nth-child(n+4){display:grid;grid-column:span 3}
  .kp-vm-zahlen b{font-size:1.6em}
  .kp-portale li{grid-template-columns:30px minmax(0,1fr) 50px 48px;column-gap:8px}
  .kp-portale .kp-p-zahl:nth-of-type(3){display:grid}
  /* Kaufgebote: Bestätigung hält ihren Platz, damit die Karte nicht springt */
  .kp-entscheid .kp-toast{display:flex;visibility:hidden}
  .kp-entscheid .kp-toast.da{visibility:visible}
  /* Mein Weg: Schritte zweispaltig, Finanzierung und Ansprechpartnerin unter dem Weg */
  .kp-wg{grid-template-columns:minmax(0,1fr);padding:12px}
  .kp-wg-links{display:contents}
  .kp-wg-links .kp-wg-fin,.kp-wg-links .kp-wg-ap{display:grid;order:2}
  .kp-wg-fin{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px}
  .kp-wg-fin small{grid-column:1/-1;grid-row:2}
  .kp-wg-fin .kp-knopf{grid-column:2;grid-row:1;padding:8px 10px;font-size:.72rem}
  .kp-wg-doks li:nth-child(n+5){display:inline-flex}
  .kp-schritte{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:10px}
  .kp-s-text>b{white-space:normal;line-height:1.25;padding-top:3px;min-height:calc(2.5em + 3px);hyphens:auto}
  .kp-s.jetzt .kp-s-text>b{min-height:0}
  .kp-s.jetzt .kp-s-mehr{min-height:5.6em;align-content:start}
  /* Partner: Name und Leistung über die volle Breite, Vorteil und Knopf in einer Zeile */
  .kp-pa-liste li{display:grid;grid-template-columns:32px minmax(0,1fr) auto;column-gap:10px;row-gap:3px;align-items:center}
  .kp-pa-liste li>.kp-ava{grid-row:1/4;align-self:start}
  .kp-pa-liste li span{display:contents}
  .kp-pa-liste li b{grid-column:2/4;grid-row:1}
  .kp-pa-liste li small{grid-column:2/4;grid-row:2}
  .kp-pa-liste li em{grid-column:2;grid-row:3;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .kp-anfragen{grid-column:3;grid-row:3;padding:5px 8px}
}