/* ================= Kundenbereich – Design 2026 (14.10.2026) =================
   Dunkle Kopfzeile, Türkis-Akzent, eigene Duotone-Icons, Karten mit weichen Schatten. Nur unter .pk aktiv. */
.pk{--pk-a:#2BB3B8;--pk-a2:#48C2C5;--pk-d:#0E7C80;--pk-dd:#0a5b5e;--pk-nacht:#071315;--pk-nacht2:#0d2326;
  --pk-bg:#F2F6F7;--pk-karte:#fff;--pk-linie:#E3EBEC;--pk-ink:#0f1f22;--pk-ink2:#4a5b5e;--pk-ink3:#7d8c8f;
  --pk-r:18px;--pk-schatten:0 1px 2px rgba(15,40,45,.04),0 12px 32px -18px rgba(15,40,45,.22);
  background:var(--pk-bg);color:var(--pk-ink);font-family:Inter,system-ui,sans-serif}
.pk h1,.pk h2,.pk h3,.pk .pk-zahl{font-family:Poppins,Inter,sans-serif;letter-spacing:-.01em}
.pk a{color:var(--pk-d)}
.pk .pi{width:20px;height:20px;flex:none}.pk .pi .d{fill:var(--ic2,var(--pk-a2));fill-opacity:.28;stroke:none}
.pk .btn{background:var(--pk-d);border-radius:11px;font-weight:600;display:inline-flex;align-items:center;gap:7px}
.pk .btn:hover{background:var(--pk-dd)}.pk .btn .pi{width:17px;height:17px}.pk .btn .pi .d{fill:#fff}
.pk .btn.ghost{background:#fff;color:var(--pk-d);border:1px solid var(--pk-linie)}.pk .btn.ghost:hover{border-color:var(--pk-a);background:#f4fbfb}

/* Kopfzeile */
.pk-top{position:sticky;top:0;z-index:40;background:radial-gradient(900px 200px at 85% -60%,rgba(72,194,197,.35),transparent 70%),linear-gradient(180deg,var(--pk-nacht),var(--pk-nacht2));
  box-shadow:0 10px 30px -20px rgba(0,0,0,.6)}
.pk-top-in{max-width:1240px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:22px}
.pk-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.pk-logo img{height:30px}.pk-logo img.inv{filter:brightness(0) invert(1)}
.pk-logo span{color:var(--pk-a2);font-weight:600;font-size:13px;padding-left:12px;border-left:1px solid rgba(255,255,255,.18)}
.pk-nav{display:flex;gap:2px;flex:1;flex-wrap:wrap}
.pk-nav a{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:10px;color:#c9d6d8;font-weight:500;font-size:13.5px;text-decoration:none;position:relative;transition:background .15s,color .15s}
.pk-nav a .pi{width:18px;height:18px;opacity:.85}
.pk-nav a:hover{background:rgba(255,255,255,.07);color:#fff}
.pk-nav a.on{color:#fff;background:rgba(72,194,197,.16)}.pk-nav a.on::after{content:"";position:absolute;left:12px;right:12px;bottom:-12px;height:3px;border-radius:3px 3px 0 0;background:var(--pk-a2)}
.pk-badge{font-style:normal;background:#f43f5e;color:#fff;border-radius:99px;font-size:10.5px;padding:0 6px;font-weight:700}
.pk-rechts{display:flex;align-items:center;gap:14px;margin-left:auto}
.pk-cta{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:99px;background:linear-gradient(135deg,#48C2C5,#2BB3B8);color:#062022 !important;font-weight:700;font-size:13.5px;text-decoration:none;box-shadow:0 6px 20px -6px rgba(72,194,197,.7);transition:transform .15s,box-shadow .15s}
.pk-cta:hover{transform:translateY(-1px);box-shadow:0 10px 26px -6px rgba(72,194,197,.85)}.pk-cta .pi{width:17px;height:17px}.pk-cta .pi .d{fill:#062022}
.pk-menu{position:relative}.pk-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px}.pk-menu summary::-webkit-details-marker{display:none}
.pk-av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#062022;background:linear-gradient(135deg,#9be3e5,#48C2C5);box-shadow:0 0 0 2px rgba(255,255,255,.12)}
.pk-wer{display:flex;flex-direction:column;line-height:1.2}.pk-wer b{color:#fff;font-size:13px}.pk-wer small{color:#8fa5a8;font-size:11.5px}
.pk-menu>div{position:absolute;right:0;top:calc(100% + 12px);background:#fff;border:1px solid var(--pk-linie);border-radius:14px;box-shadow:0 24px 48px -20px rgba(0,0,0,.4);padding:6px;min-width:250px;display:flex;flex-direction:column;z-index:50;animation:pkAuf .16s ease-out}
.pk-menu-kopf{padding:10px 12px;border-bottom:1px solid var(--pk-linie);margin-bottom:4px;display:flex;flex-direction:column}.pk-menu-kopf small{color:var(--pk-ink3)}
.pk-menu>div a,.pk-menu>div button{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;color:var(--pk-ink);text-align:left;background:none;border:0;font:inherit;font-size:13.5px;cursor:pointer;text-decoration:none;width:100%}
.pk-menu>div a:hover,.pk-menu>div button:hover{background:#f1f8f8;color:var(--pk-d)}.pk-menu .pi{width:18px;height:18px;color:var(--pk-d)}
.pk-burger{display:none;background:none;border:0;color:#fff;cursor:pointer;padding:6px}.pk-burger .pi{width:24px;height:24px}
@keyframes pkAuf{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* Inhalt */
.pk-inhalt{max-width:1240px;padding:30px 24px 50px;gap:20px}
.pk .kp-karte{background:var(--pk-karte);border:1px solid var(--pk-linie);border-radius:var(--pk-r);box-shadow:var(--pk-schatten);padding:22px 24px}
.pk .kp-karte h2{font-size:16px;margin:0 0 12px}
.pk .kp-titel{font-size:28px;font-weight:600}
.pk-auf{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.pk-auf.da{opacity:1;transform:none}

/* Seitenkopf */
.pk-kopf{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:4px 0 6px}
.pk-kopf-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:var(--pk-d);background:linear-gradient(145deg,#e5f7f7,#fff);border:1px solid #cdeced;box-shadow:0 8px 20px -12px rgba(14,124,128,.5)}
.pk-kopf-ic .pi{width:28px;height:28px}
.pk-kopf-t{flex:1;min-width:220px}.pk-kopf-t h1{margin:0;font-size:27px;font-weight:600}.pk-kopf-t p{margin:3px 0 0;color:var(--pk-ink2);font-size:14px}
.pk-kopf-akt{display:flex;gap:8px;flex-wrap:wrap}

/* Hero (Dashboard) */
.pk-hero{position:relative;overflow:hidden;border-radius:24px;padding:34px 36px;color:#fff;min-height:200px;
  background:radial-gradient(600px 300px at 90% 10%,rgba(72,194,197,.35),transparent 70%),radial-gradient(500px 300px at 0% 120%,rgba(14,124,128,.55),transparent 70%),linear-gradient(135deg,#081719,#0f2a2d 60%,#0b3a3d);
  box-shadow:0 30px 60px -36px rgba(7,40,44,.9)}
.pk-hero-globus{position:absolute;right:-60px;top:50%;width:440px;transform:translateY(-50%);opacity:.95;pointer-events:none;animation:pkSchweben 9s ease-in-out infinite}
@keyframes pkSchweben{50%{transform:translateY(-53%)}}
.pk-hero-in{position:relative;max-width:620px;display:flex;flex-direction:column;gap:10px}
.pk-hero small.pk-firma{display:inline-flex;align-items:center;gap:8px;color:var(--pk-a2);font-weight:600;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase}
.pk-hero h1{margin:0;font-size:34px;font-weight:600;line-height:1.15}.pk-hero h1 span{background:linear-gradient(90deg,#fff,#9be3e5);-webkit-background-clip:text;background-clip:text;color:transparent}
.pk-hero p{margin:0;color:#b8cacc;font-size:14.5px;line-height:1.5}
.pk-hero-akt{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.pk-hero-akt a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;font-weight:600;font-size:13.5px;text-decoration:none;color:#e9f6f6;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px);transition:background .15s,transform .15s}
.pk-hero-akt a:hover{background:rgba(255,255,255,.16);transform:translateY(-1px)}.pk-hero-akt a .pi{width:18px;height:18px}.pk-hero-akt a .pi .d{fill:#48C2C5;fill-opacity:.5}
.pk-hero-akt a.prim{background:linear-gradient(135deg,#48C2C5,#2BB3B8);color:#062022;border:0}.pk-hero-akt a.prim .pi .d{fill:#062022;fill-opacity:.25}
.pk-status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;font-size:12.5px;font-weight:600;background:rgba(16,185,129,.15);color:#6ee7b7;border:1px solid rgba(110,231,183,.25);align-self:flex-start;text-decoration:none}
.pk-status-pill i{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.7);animation:pkPuls 2s infinite}
.pk-status-pill.stoer{background:rgba(244,63,94,.15);color:#fda4af;border-color:rgba(253,164,175,.3)}.pk-status-pill.stoer i{background:#f43f5e;box-shadow:0 0 0 0 rgba(244,63,94,.7)}
@keyframes pkPuls{70%{box-shadow:0 0 0 9px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}

/* Kennzahlen */
.pk-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.pk-kpi{--k:var(--pk-d);--ks:#e6f6f6;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px;padding:20px 22px;border-radius:var(--pk-r);background:#fff;border:1px solid var(--pk-linie);box-shadow:var(--pk-schatten);text-decoration:none;color:var(--pk-ink);transition:transform .18s,box-shadow .18s}
.pk-kpi:hover{transform:translateY(-3px);box-shadow:0 22px 40px -22px rgba(15,40,45,.35)}
.pk-kpi::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:var(--ks);opacity:.8;transition:transform .3s}
.pk-kpi:hover::after{transform:scale(1.15)}
.pk-kpi-ic{position:relative;z-index:1;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:var(--k);background:var(--ks)}
.pk-kpi-ic .pi{width:24px;height:24px}.pk-kpi-ic .pi .d{fill:var(--k);fill-opacity:.22}
.pk-kpi .pk-zahl{position:relative;z-index:1;font-size:32px;font-weight:600;line-height:1.1;color:var(--k);font-variant-numeric:tabular-nums}
.pk-kpi .pk-l{position:relative;z-index:1;font-weight:600;font-size:14px}.pk-kpi small{position:relative;z-index:1;color:var(--pk-ink3);font-size:12.5px}
.pk-kpi.blau{--k:#2563eb;--ks:#e8efff}.pk-kpi.amber{--k:#c26a04;--ks:#fff2dc}.pk-kpi.rose{--k:#e11d48;--ks:#ffe8ed}.pk-kpi.violett{--k:#7c3aed;--ks:#f0e9ff}.pk-kpi.gruen{--k:#059669;--ks:#e3f8ef}

/* Raster */
.pk-raster{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;align-items:start}
.pk-spalte{display:flex;flex-direction:column;gap:20px;min-width:0}
.pk-kartenkopf{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-4px 0 10px}
.pk-kartenkopf h2{margin:0 !important;display:flex;align-items:center;gap:10px}.pk-kartenkopf h2 .pi{color:var(--pk-d);width:22px;height:22px}
.pk-kartenkopf a{font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.pk-kartenkopf a .pi{width:15px;height:15px}

/* Zeilen */
.pk .kp-zeile{display:flex;align-items:center;gap:14px;padding:13px 10px;margin:0 -10px;border-top:1px solid var(--pk-linie);border-radius:12px;color:var(--pk-ink);text-decoration:none;transition:background .15s}
.pk .kp-zeile:first-of-type{border-top:0}.pk .kp-zeile:hover{background:#f4fafa}.pk .kp-zeile:hover b{color:var(--pk-d)}
.pk-z-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;background:#eef7f7;color:var(--pk-d)}.pk-z-ic .pi{width:20px;height:20px}
.pk .kp-zeile>span{flex:1;min-width:0}.pk .kp-zeile small{color:var(--pk-ink3)}
.pk-dot{width:9px;height:9px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.15);flex:none}.pk-dot.aus{background:#cbd5e1;box-shadow:0 0 0 4px rgba(148,163,184,.15)}
.pk-betrag{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}

/* Status-Badges */
.pk .kp-st{font-style:normal;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:99px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.pk .kp-st::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}

/* Kontaktkarte */
.pk-kontakt{background:linear-gradient(160deg,#0f2a2d,#0b3a3d);color:#dce9ea;border:0 !important;position:relative;overflow:hidden}
.pk-kontakt::before{content:"";position:absolute;inset:auto -40px -60px auto;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(72,194,197,.35),transparent 70%)}
.pk-kontakt h2{color:#fff}.pk-kontakt p{color:#a9bfc1;font-size:13.5px;margin:0 0 12px}
.pk-kontakt a{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;padding:9px 0;font-weight:600;position:relative}
.pk-kontakt a .pi{width:34px;height:34px;padding:7px;border-radius:10px;background:rgba(255,255,255,.08);color:#48C2C5}.pk-kontakt a:hover{color:#9be3e5}

/* Leerer Zustand */
.pk-leer{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:14px 10px 6px;color:var(--pk-ink2)}
.pk-leer svg{width:150px;height:auto;margin-bottom:4px}.pk-leer b{font-family:Poppins,Inter,sans-serif;font-size:15px;color:var(--pk-ink)}.pk-leer span{font-size:13px;color:var(--pk-ink3)}
.pk-leer-akt{margin-top:10px}

/* News */
.pk .kp-news{padding:12px 0;border-top:1px solid var(--pk-linie)}.pk .kp-news:first-of-type{border-top:0}
.pk-news-datum{display:inline-block;font-size:11.5px;font-weight:700;color:var(--pk-d);background:#e6f6f6;padding:2px 9px;border-radius:99px;margin-bottom:4px}

/* Benutzer */
.bn-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:16px}
.bn{display:flex;flex-direction:column;gap:12px}.bn.bn-aus{opacity:.65}
.bn-kopf{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.bn-av{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-weight:700;font-family:Poppins,sans-serif;color:#fff;background:linear-gradient(135deg,#2BB3B8,#0E7C80);flex:none}
.bn-wer{flex:1;min-width:0;display:flex;flex-direction:column}.bn-wer span{color:var(--pk-ink3);font-size:13px;overflow:hidden;text-overflow:ellipsis}
.bn-tags{display:flex;gap:6px;flex-wrap:wrap}
.bn-tag{font-style:normal;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:99px;display:inline-flex;align-items:center;gap:5px}.bn-tag .pi{width:14px;height:14px}
.bn-tag.haupt{background:#e6f6f6;color:var(--pk-d)}.bn-tag.aktiv{background:#dcfce7;color:#166534}.bn-tag.eingeladen{background:#e8efff;color:#1d4ed8}
.bn-tag.gesperrt{background:#ffe4ea;color:#be123c}.bn-tag.mfa{background:#f0e9ff;color:#6d28d9}
.bn-info{font-size:12.5px;color:var(--pk-ink3)}
.bn-rechte{display:flex;flex-wrap:wrap;gap:8px}
.bn-recht{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:99px;background:#f1f4f5;color:#9aa8ab}.bn-recht .pi{width:15px;height:15px}
.bn-recht.an{background:#e6f6f6;color:var(--pk-d)}
.bn-recht-wahl{cursor:pointer;position:relative}.bn-recht-wahl input{position:absolute;opacity:0}
.bn-recht-wahl>span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:99px;border:1.5px solid var(--pk-linie);color:var(--pk-ink3);background:#fff;transition:all .15s}
.bn-recht-wahl>span .pi{width:15px;height:15px;opacity:.35}
.bn-recht-wahl input:checked+span{border-color:var(--pk-a);background:#effafa;color:var(--pk-d)}.bn-recht-wahl input:checked+span .pi{opacity:1}
.bn-recht-wahl input:focus-visible+span{outline:2px solid var(--pk-d);outline-offset:2px}
.bn-rechte-gross{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bn-rechte-gross .bn-recht-wahl>span{display:grid;grid-template-columns:18px 1fr;border-radius:12px;padding:10px 12px;text-align:left;row-gap:2px}
.bn-rechte-gross .bn-recht-wahl>span b{color:var(--pk-ink)}.bn-rechte-gross .bn-recht-wahl>span small{grid-column:2;font-weight:400;color:var(--pk-ink3)}
.bn-akt{display:flex;gap:8px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--pk-linie);margin-top:4px}
.bn-weg{color:#be123c !important}
.bn-dialog{border:0;border-radius:20px;padding:26px;width:min(620px,94vw);box-shadow:0 40px 80px -30px rgba(0,0,0,.5)}.bn-dialog::backdrop{background:rgba(7,19,21,.55);backdrop-filter:blur(3px)}
.bn-dkopf{display:flex;gap:14px;align-items:flex-start}.bn-dkopf h2{margin:2px 0 2px}.bn-lbl{font-size:13px;color:var(--pk-ink2);margin-bottom:8px;font-weight:600}

/* Formulare, Meldungen */
.pk .kp-form input:not([type=checkbox]):not([type=radio]):not([type=file]),.pk .kp-form select,.pk .kp-form textarea{font:inherit;font-size:14px;padding:10px 12px;border:1.5px solid var(--pk-linie);border-radius:10px;background:#fff;transition:border-color .15s,box-shadow .15s}
.pk .kp-form input:focus,.pk .kp-form select:focus,.pk .kp-form textarea:focus{outline:none;border-color:var(--pk-d);box-shadow:0 0 0 3px rgba(14,124,128,.12)}
.pk .kp-ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;border-radius:12px;padding:11px 14px}
.pk .kp-fehler{background:#fff1f3;color:#9f1239;border:1px solid #fecdd6;border-radius:12px;padding:11px 14px}
.pk .kp-stoer{border-radius:14px;padding:12px 16px;border:1px solid #fecdd6}
.pk .kp-alles-ok{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#ecfdf5,#f0fdfa);border:1px solid #a7f3d0;color:#065f46;border-radius:var(--pk-r);padding:18px 22px;font-size:15px}
.pk .kp-tab th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--pk-ink3)}
.pk .kp-tab tbody tr:hover{background:#f6fbfb}
.pk .kp-msg{border-radius:16px;box-shadow:var(--pk-schatten)}.pk .kp-msg-kunde{background:#e9f7f7}
.pk .kp-abo{transition:box-shadow .15s}.pk .kp-abo:hover{box-shadow:0 18px 40px -24px rgba(15,40,45,.35)}
.pk .kp-gruppe{font-family:Poppins,sans-serif;color:var(--pk-ink2);text-transform:uppercase;letter-spacing:.07em;font-size:12.5px !important}
.pk .kp-pkarte{border-radius:var(--pk-r);box-shadow:var(--pk-schatten);transition:transform .18s,box-shadow .18s}.pk .kp-pkarte:hover{transform:translateY(-3px);box-shadow:0 22px 40px -22px rgba(15,40,45,.35)}
.pk .kp-schmal{max-width:440px}

/* Fusszeile */
.pk-fuss{background:var(--pk-nacht);color:#8fa5a8;margin-top:30px}
.pk-fuss-in{max-width:1240px;margin:0 auto;padding:28px 24px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:13px}
.pk-fuss-logo{height:26px;margin-bottom:8px}.pk-fuss p{margin:0;line-height:1.6}
.pk-fuss-k{display:flex;flex-direction:column;gap:8px}.pk-fuss-k a{color:#c9d6d8;text-decoration:none;display:flex;align-items:center;gap:8px}.pk-fuss-k a:hover{color:#48C2C5}
.pk-fuss-k .pi{width:16px;height:16px;color:#48C2C5}

@media(max-width:1100px){.pk-wer{display:none}.pk-nav a span{display:none}.pk-nav a{padding:9px}.pk-nav a.on::after{left:6px;right:6px}}
@media(max-width:900px){.pk-raster{grid-template-columns:1fr}.pk-hero-globus{opacity:.35;right:-140px}.bn-liste{grid-template-columns:1fr}}
@media(max-width:700px){
  .pk-top-in{padding:10px 16px;gap:10px;flex-wrap:wrap}.pk-burger{display:block;order:2;margin-left:auto}.pk-rechts{order:1;margin-left:auto}.pk-cta span{display:none}.pk-cta{padding:9px}
  .pk-nav{order:3;flex-basis:100%;display:none;flex-direction:column}.pk-nav-offen .pk-nav{display:flex}.pk-nav a span{display:inline}.pk-nav a.on::after{display:none}
  .pk-inhalt{padding:18px 16px 36px}.pk-hero{padding:24px 20px}.pk-hero h1{font-size:26px}.bn-rechte-gross{grid-template-columns:1fr}.pk-logo span{display:none}}

/* Zahlungsmethode */
.zm-karte{position:relative;width:min(360px,100%);aspect-ratio:1.586;border-radius:18px;padding:22px 24px;box-sizing:border-box;color:#fff;
  background:radial-gradient(300px 160px at 90% 0%,rgba(255,255,255,.25),transparent 70%),linear-gradient(135deg,#0f2a2d,#0E7C80);box-shadow:0 24px 50px -24px rgba(7,40,44,.8);overflow:hidden}
.zm-karte.zm-visa{background:radial-gradient(300px 160px at 90% 0%,rgba(255,255,255,.25),transparent 70%),linear-gradient(135deg,#1a1f71,#2563eb)}
.zm-karte.zm-mastercard{background:radial-gradient(300px 160px at 90% 0%,rgba(255,255,255,.2),transparent 70%),linear-gradient(135deg,#111827,#b45309)}
.zm-karte.zm-amex{background:radial-gradient(300px 160px at 90% 0%,rgba(255,255,255,.25),transparent 70%),linear-gradient(135deg,#0c4a6e,#0891b2)}
.zm-chip{width:44px;height:32px;border-radius:7px;background:linear-gradient(135deg,#fde68a,#d97706);opacity:.9}
.zm-nr{font-family:Poppins,monospace;font-size:20px;letter-spacing:.12em;margin-top:26px}
.zm-fuss{position:absolute;left:24px;right:24px;bottom:18px;display:flex;justify-content:space-between;font-size:12.5px;opacity:.85;text-transform:uppercase;letter-spacing:.05em}
.zm-marke{position:absolute;right:22px;top:20px;font-weight:800;font-style:italic;font-size:18px;letter-spacing:.04em}
.zm-schritte{margin:0 0 16px;padding-left:20px;color:var(--pk-ink2);line-height:1.8}
.zm-ok{flex-direction:row !important;align-items:flex-start;gap:10px !important;padding:12px 14px;border:1.5px solid var(--pk-linie);border-radius:12px;background:#f8fbfb;color:var(--pk-ink) !important;line-height:1.45}
.zm-ok input{margin-top:3px;width:18px;height:18px;accent-color:var(--pk-d)}

/* Fusszeile schlicht wie vorher (Entscheid Devis 14.10.2026) */
.pk .kp-fuss{text-align:center;color:var(--pk-ink3);font-size:12px;padding:18px;background:none}.pk .kp-fuss a{color:var(--pk-ink3)}

/* Navigation als Pill-Leiste in einer Zeile (14.10.2026) */
.pk-nav{flex:0 1 auto;flex-wrap:nowrap;gap:2px;padding:4px;margin:0 auto;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.pk-nav a{padding:8px 14px;border-radius:10px;white-space:nowrap}
.pk-nav a.on{background:linear-gradient(135deg,rgba(72,194,197,.28),rgba(43,179,184,.14));box-shadow:inset 0 0 0 1px rgba(72,194,197,.35)}
.pk-nav a.on::after{display:none}
.pk-nav a.on .pi{color:#48C2C5;opacity:1}
.pk-rechts{margin-left:0}
@media(max-width:700px){.pk-nav{background:none;border:0;padding:0;margin:0}}

.pk-sub{display:flex;gap:6px;flex-wrap:wrap;padding:5px;border-radius:14px;background:#fff;border:1px solid var(--pk-linie);box-shadow:var(--pk-schatten);align-self:flex-start}
.pk-sub a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;font-weight:600;font-size:13.5px;color:var(--pk-ink2);text-decoration:none;transition:background .15s,color .15s}
.pk-sub a .pi{width:18px;height:18px}
.pk-sub a:hover{background:#f1f8f8;color:var(--pk-d)}
.pk-sub a.on{background:linear-gradient(135deg,#0E7C80,#14a3a8);color:#fff;box-shadow:0 6px 16px -8px rgba(14,124,128,.7)}.pk-sub a.on .pi .d{fill:#fff}

/* Knöpfe lesbar: Link-Farbe der Seite darf Knopftext nicht überschreiben */
.pk a.btn{color:#fff}.pk a.btn.ghost{color:var(--pk-d)}.pk a.btn .pi .d{fill:#fff}.pk a.btn.ghost .pi .d{fill:var(--pk-a2)}

/* Services als farbige Kacheln */
.sv-gruppe{display:flex;align-items:center;gap:10px;margin:18px 0 0;font-size:13px !important;text-transform:uppercase;letter-spacing:.08em;color:var(--pk-ink2)}
.sv-gruppe i{width:12px;height:12px;border-radius:4px;background:var(--sv);box-shadow:0 0 0 4px color-mix(in srgb,var(--sv) 18%,transparent)}
.sv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.sv{--svs:color-mix(in srgb,var(--sv) 10%,#fff);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:20px;background:#fff;border:1px solid var(--pk-linie);box-shadow:var(--pk-schatten);transition:transform .18s,box-shadow .18s}
.sv::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--sv),color-mix(in srgb,var(--sv) 55%,#fff))}
.sv::after{content:"";position:absolute;right:-50px;top:-50px;width:150px;height:150px;border-radius:50%;background:var(--svs);z-index:0}
.sv>*{position:relative;z-index:1}
.sv:hover{transform:translateY(-3px);box-shadow:0 24px 44px -26px color-mix(in srgb,var(--sv) 60%,transparent)}
.sv.sv-aus{opacity:.7}
.sv-kopf{display:flex;gap:12px;align-items:flex-start}
.sv-ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(135deg,var(--sv),color-mix(in srgb,var(--sv) 70%,#000));box-shadow:0 8px 18px -10px var(--sv)}
.sv-ic .pi{width:22px;height:22px}.sv-ic .pi .d{fill:#fff;fill-opacity:.3}
.sv-name{display:flex;flex-direction:column;gap:2px;min-width:0}.sv-name b{font-family:Poppins,Inter,sans-serif;font-size:15.5px;line-height:1.3}
.sv-name small{color:var(--pk-ink3);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sv-preis{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.sv-preis b{font-family:Poppins,Inter,sans-serif;font-size:24px;color:var(--sv);font-variant-numeric:tabular-nums}
.sv-preis span{color:var(--pk-ink3);font-size:12.5px}
.sv-opts{display:flex;flex-wrap:wrap;gap:6px}
.sv-opts span{font-size:12px;padding:4px 10px;border-radius:99px;background:var(--svs);color:color-mix(in srgb,var(--sv) 75%,#000);border:1px solid color-mix(in srgb,var(--sv) 18%,#fff)}
.sv-opts .sv-mehr{background:#f1f4f5;color:var(--pk-ink3);border-color:transparent}
.sv-info{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--pk-ink3);margin-top:auto}.sv-info .pi{width:15px;height:15px}.sv-ende{color:#c26a04}
.sv-akt{display:flex;gap:8px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--pk-linie)}
.sv-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-weight:600;font-size:13px;text-decoration:none;color:var(--pk-ink2) !important;background:#f3f6f7;transition:background .15s,color .15s}
.sv-btn:hover{background:#ffe8ed;color:#be123c !important}
.sv-btn.prim{color:#fff !important;background:var(--sv);box-shadow:0 6px 16px -8px var(--sv)}.sv-btn.prim:hover{background:color-mix(in srgb,var(--sv) 80%,#000);color:#fff !important}
.sv-btn .pi{width:15px;height:15px}.sv-btn.prim .pi .d{fill:#fff}
.sv-wartet{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:#fff8eb;color:#92400e;font-size:12.5px}.sv-wartet .pi{width:18px;height:18px;flex:none}
.sv-wartet a{margin-left:auto;font-weight:600;color:#92400e !important;white-space:nowrap}

/* Kundennummer prominent */
.kn-nr{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:16px 18px;margin:0 0 14px;border-radius:16px;color:#fff;
  background:radial-gradient(260px 120px at 100% 0%,rgba(72,194,197,.45),transparent 70%),linear-gradient(135deg,#0f2a2d,#0E7C80)}
.kn-nr span{grid-column:1;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:#9be3e5;font-weight:700}
.kn-nr b{grid-column:1;font-family:Poppins,Inter,sans-serif;font-size:34px;line-height:1.1;letter-spacing:.02em}
.kn-nr .sv-btn{grid-column:2;grid-row:1 / span 2;background:rgba(255,255,255,.12);color:#fff !important}.kn-nr .sv-btn:hover{background:rgba(255,255,255,.22);color:#fff !important}
.kn-nr small{grid-column:1 / -1;color:#b8cacc;font-size:12px;margin-top:4px}
.pk-kdnr{margin-left:10px;padding:3px 10px;border-radius:99px;background:rgba(72,194,197,.18);border:1px solid rgba(72,194,197,.35);color:#e9f6f6;letter-spacing:.04em}
.pk-menu-nr{margin-top:4px;color:var(--pk-d) !important}

/* Dashboard: Services-Liste, Kontaktkarte (Spezifität gegen .pk .kp-karte), Notfall */
.dv-liste{display:flex;flex-direction:column;gap:8px}
.dv{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;text-decoration:none;color:var(--pk-ink);background:color-mix(in srgb,var(--sv) 5%,#fff);border:1px solid color-mix(in srgb,var(--sv) 14%,#fff);border-left:4px solid var(--sv);transition:transform .15s,box-shadow .15s}
.dv:hover{transform:translateX(3px);box-shadow:0 10px 24px -18px var(--sv)}
.dv-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(135deg,var(--sv),color-mix(in srgb,var(--sv) 70%,#000))}
.dv-ic .pi{width:19px;height:19px}.dv-ic .pi .d{fill:#fff;fill-opacity:.3}
.dv-t{flex:1;min-width:0;display:flex;flex-direction:column}.dv-t b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dv-t small{color:var(--pk-ink3);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dv-p{display:flex;flex-direction:column;align-items:flex-end;flex:none}.dv-p b{color:var(--sv);font-variant-numeric:tabular-nums;white-space:nowrap}.dv-p small{color:var(--pk-ink3);font-size:11.5px}
.dv-mehr{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-weight:600;font-size:13px;text-decoration:none}.dv-mehr .pi{width:15px;height:15px}
.pk .kp-karte.pk-kontakt{background:linear-gradient(160deg,#0f2a2d,#0b3a3d);border:0;color:#dce9ea}
.pk .kp-karte.pk-kontakt h2{color:#fff}
.pk-kontakt a{align-items:center}.pk-kontakt a span{display:flex;flex-direction:column;line-height:1.25}.pk-kontakt a small{font-size:11px;font-weight:600;color:#8fb4b6;text-transform:uppercase;letter-spacing:.06em}
.pk-kontakt a.pk-notfall{margin:4px 0 8px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,rgba(244,63,94,.22),rgba(244,63,94,.08));border:1px solid rgba(253,164,175,.35)}
.pk-kontakt a.pk-notfall .pi{background:#f43f5e;color:#fff}.pk-kontakt a.pk-notfall .pi .d{fill:#fff}
.pk-kontakt a.pk-notfall small{color:#fda4af}.pk-kontakt a.pk-notfall b{font-size:18px;color:#fff}.pk-kontakt a.pk-notfall em{font-style:normal;font-size:12px;color:#fecdd3;font-weight:400}

/* Zeilen: Icon und Betrag nicht strecken; Kartentitel dunkel */
.pk .kp-zeile>.pk-z-ic{flex:none;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#e5f7f7,#d3f0f1)}
.pk .kp-zeile>.pk-betrag{flex:none;text-align:right;font-size:15px}
.pk .kp-zeile>.kp-st{flex:none}
.pk .kp-karte h2,.pk .pk-kartenkopf h2{color:var(--pk-ink)}
.pk .kp-zeile{border-top:1px solid var(--pk-linie);border-radius:0;margin:0;padding:12px 4px}
.pk .kp-zeile:hover{border-radius:12px;background:#f4fafa}

.sv-grid{margin-top:6px}
.sv-tag{font-style:normal;align-self:flex-start;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--sv);margin-bottom:2px}

/* Dashboard-Widgets */
.pk-anpassen{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;font:inherit;font-weight:600;font-size:13.5px;cursor:pointer;color:#e9f6f6;background:transparent;border:1px dashed rgba(255,255,255,.3)}
.pk-anpassen:hover{background:rgba(255,255,255,.08)}.pk-anpassen .pi{width:17px;height:17px}.pk-anpassen .pi .d{fill:#48C2C5}
.pk-wgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.pk-w{min-width:0;position:relative}.pk-w.breit{grid-column:1 / -1}
.pk-w>.kp-karte,.pk-w>.pk-kpis{height:100%}
.pk-w-steuer{display:none}
body.db-edit .pk-w{outline:2px dashed #9fd3d5;outline-offset:6px;border-radius:20px;cursor:grab}
body.db-edit .pk-w.zieht{opacity:.4}
body.db-edit .pk-w-steuer{display:flex;align-items:center;gap:8px;position:absolute;top:-14px;right:12px;z-index:5;padding:4px 6px 4px 10px;border-radius:99px;background:#0f2a2d;color:#fff;font-size:12px;box-shadow:0 8px 20px -10px rgba(0,0,0,.6)}
.pk-w-steuer button{border:0;background:rgba(255,255,255,.12);color:#fff;width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:13px}
.pk-w-steuer button:hover{background:#48C2C5;color:#062022}.pk-w-griff{cursor:grab;opacity:.7}
body.db-edit .pk-w a{pointer-events:none}
.db-leiste{position:sticky;top:76px;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:16px;background:#0f2a2d;color:#e9f6f6;box-shadow:0 20px 40px -24px rgba(0,0,0,.7)}
.db-leiste .pi{width:18px;height:18px;vertical-align:-4px}.db-leiste-akt{display:flex;gap:8px}
.db-leiste .sv-btn:not(.prim){background:rgba(255,255,255,.1);color:#fff !important}
.db-katalog{padding:20px;border-radius:20px;border:2px dashed #9fd3d5;background:#f6fbfb}.db-katalog h2{margin:0 0 12px;font-size:15px}
.db-k-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.db-k{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid var(--pk-linie);background:#fff;font:inherit;cursor:pointer;transition:border-color .15s,transform .15s}
.db-k:hover{border-color:var(--pk-a);transform:translateY(-2px)}.db-k b{color:var(--pk-d)}.db-k small{color:var(--pk-ink3);font-size:12px}
.wk-total{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#ecf8f8,#fff);margin-bottom:12px}
.wk-total small{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--pk-d)}.wk-total b{font-family:Poppins,Inter,sans-serif;font-size:26px}.wk-total span{font-size:12px;color:var(--pk-ink3)}
.wk-z{position:relative;display:flex;justify-content:space-between;gap:10px;padding:8px 2px 12px;font-size:13.5px}
.wk-z i{position:absolute;left:0;bottom:4px;height:5px;border-radius:5px;background:var(--sv)}.wk-z b{color:var(--sv)}
.wk-z::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:5px;border-radius:5px;background:#eef3f4;z-index:-1}
.wn-dat{flex:none;width:46px;height:46px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ecf8f8;color:var(--pk-d);line-height:1.1}
.wn-dat b{font-size:16px}.wn-dat small{font-size:10px !important;color:var(--pk-d) !important}
.wl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.wl{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:14px;background:#f6fbfb;border:1px solid #dcefef}.wl b{font-family:Poppins,Inter,sans-serif;font-size:24px;color:var(--pk-d)}.wl span{font-size:12px;color:var(--pk-ink2);line-height:1.3}
.ws-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.ws-grid a{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;border-radius:14px;text-decoration:none;color:var(--pk-ink);font-weight:600;font-size:13px;background:color-mix(in srgb,var(--sv) 7%,#fff);border:1px solid color-mix(in srgb,var(--sv) 18%,#fff);transition:transform .15s}
.ws-grid a:hover{transform:translateY(-2px)}.ws-grid .pi{width:34px;height:34px;padding:7px;border-radius:10px;background:var(--sv);color:#fff}.ws-grid .pi .d{fill:#fff}
@media(max-width:900px){.pk-wgrid{grid-template-columns:1fr}}

/* Bestellen / Ändern: Zusammenfassung rechts und Abrechnungs-Karten */
.pk .kp-bestellung{grid-template-columns:minmax(0,1fr) 360px;gap:20px}
.pk .kp-best-rechts{top:84px}
.pk .kp-summe{background:#fff;border:1px solid var(--pk-linie);border-radius:20px;padding:22px;box-shadow:0 24px 50px -30px rgba(15,40,45,.45);display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}
.pk .kp-summe::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#0E7C80,#48C2C5)}
.pk .kp-summe h2{margin:0 0 4px;font-size:17px}
.pk .kp-summe .kp-tab td{padding:6px 0;border-bottom:1px dashed var(--pk-linie);font-size:13px}.pk .kp-summe .kp-tab td.r{font-variant-numeric:tabular-nums;font-weight:600}
.pk .kp-total{border-top:0;margin-top:6px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#ecf8f8,#f6fbfb)}
.pk .kp-total b{font-family:Poppins,Inter,sans-serif;font-size:20px;color:var(--pk-d)}
.pk .kp-summe textarea{border:1.5px solid var(--pk-linie);border-radius:12px;padding:10px;font:inherit;font-size:13.5px;resize:vertical;margin-top:4px}
.pk .kp-summe .kp-check{display:flex;flex-direction:row;align-items:flex-start;gap:10px;padding:12px;border-radius:12px;background:#f8fbfb;border:1.5px solid var(--pk-linie);font-size:13.5px;line-height:1.45;cursor:pointer}
.pk .kp-summe .kp-check input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--pk-d)}
.pk .kp-summe .btn{justify-content:center;padding:13px;font-size:15px;border-radius:12px;box-shadow:0 10px 24px -12px rgba(14,124,128,.8)}
.pk .kp-summe .btn:disabled{opacity:.45;box-shadow:none}
.pk .kp-zyklen{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.pk .kp-zyklus{position:relative;cursor:pointer;display:block !important}
.pk .kp-zyklus input{position:absolute;opacity:0;pointer-events:none}
.pk .kp-zyklus>span{display:flex;flex-direction:column;gap:4px;height:100%;box-sizing:border-box;padding:16px 16px 14px;border:1.5px solid var(--pk-linie);border-radius:16px;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}
.pk .kp-zyklus>span>b{font-size:14px;color:var(--pk-ink)}
.pk .kp-zyklus>span>span{font-family:Poppins,Inter,sans-serif;font-size:18px;font-weight:600;color:var(--pk-d)}
.pk .kp-zyklus>span>span em{font-style:normal}
.pk .kp-zyklus small{color:var(--pk-ink3);font-size:12px}
.pk .kp-zyklus:hover>span{border-color:#9fd3d5;transform:translateY(-2px)}
.pk .kp-zyklus input:checked+span{border-color:var(--pk-d);background:linear-gradient(160deg,#effafa,#fff);box-shadow:0 0 0 3px rgba(14,124,128,.14)}
.pk .kp-zyklus input:checked+span::after{content:"✓";position:absolute;top:12px;right:14px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--pk-d);color:#fff;font-size:12px;font-weight:700}
.pk .kp-rabatt{font-style:normal;align-self:flex-start;font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:99px;background:#dcfce7;color:#166534}
.ae-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ae-liste li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:#f6fbfb;border:1px solid #dcefef;font-size:13px}
.ae-liste li span{color:var(--pk-ink2)}.ae-liste li strong{color:var(--pk-d)}
.ae-liste li.ae-plus{border-left:4px solid #10b981}.ae-liste li.ae-leer{background:none;border:1px dashed var(--pk-linie);color:var(--pk-ink3)}
.ae-preis{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#ecf8f8,#f6fbfb)}
.ae-z{display:flex;justify-content:space-between;gap:10px;font-size:13.5px}.ae-z b{font-variant-numeric:tabular-nums}
.ae-neu b{font-family:Poppins,Inter,sans-serif;font-size:19px;color:var(--pk-d)}.ae-diff b{color:#059669}
.ae-bem{display:flex;flex-direction:column;font-size:13px;color:var(--pk-ink2)}
@media(max-width:900px){.pk .kp-bestellung{grid-template-columns:1fr}.pk .kp-best-rechts{position:static}}

/* Dashboard-Widgets: alle Zeilen im gleichen Stil wie «Aktive Services» (farbiger Rand, Icon-Kachel) */
.pk-w{--sv:#0E7C80}
.pk-w[data-w=rechnungen]{--sv:#D97706}.pk-w[data-w=tickets]{--sv:#2563EB}.pk-w[data-w=auftraege]{--sv:#7C3AED}.pk-w[data-w=status]{--sv:#e11d48}
.pk-w .kp-zeile{display:flex;align-items:center;gap:12px;margin:0 0 8px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--sv) 14%,#fff);border-left:4px solid var(--sv);border-radius:14px;background:color-mix(in srgb,var(--sv) 5%,#fff);transition:transform .15s,box-shadow .15s}
.pk-w .kp-zeile:first-of-type{border-top:1px solid color-mix(in srgb,var(--sv) 14%,#fff)}
.pk-w .kp-zeile:last-child{margin-bottom:0}
.pk-w .kp-zeile:hover{transform:translateX(3px);border-radius:14px;background:color-mix(in srgb,var(--sv) 8%,#fff);box-shadow:0 10px 24px -18px var(--sv)}
.pk-w .kp-zeile:hover b{color:inherit}
.pk-w .kp-zeile>.pk-z-ic{width:36px;height:36px;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--sv),color-mix(in srgb,var(--sv) 70%,#000))}
.pk-w .kp-zeile>.pk-z-ic .pi{width:19px;height:19px}.pk-w .kp-zeile>.pk-z-ic .pi .d{fill:#fff;fill-opacity:.3}
.pk-w .kp-zeile>span:not(.pk-z-ic):not(.pk-betrag):not(.wn-dat){display:flex;flex-direction:column;min-width:0}
.pk-w .kp-zeile b{font-size:14px}
.pk-w .kp-zeile>.pk-betrag{color:var(--sv);font-weight:700}
.pk-w .wn-dat{background:color-mix(in srgb,var(--sv) 12%,#fff);color:var(--sv)}

/* Aufträge */
.au-danke{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,#ecfdf5,#f0fdfa);border:1px solid #a7f3d0;color:#065f46}
.au-danke .pi{width:28px;height:28px;flex:none;color:#059669}.au-danke .pi .d{fill:#10b981}
.au-liste{display:flex;flex-direction:column;gap:14px}
.au{position:relative;display:flex;flex-direction:column;gap:14px;padding:20px 22px;border-radius:20px;background:#fff;border:1px solid var(--pk-linie);border-left:5px solid var(--sv);box-shadow:var(--pk-schatten)}
.au.au-aus,.au.au-nein{opacity:.75}
.au-kopf{display:flex;align-items:flex-start;gap:14px}
.au-ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(135deg,var(--sv),color-mix(in srgb,var(--sv) 70%,#000))}
.au-ic .pi{width:22px;height:22px}.au-ic .pi .d{fill:#fff;fill-opacity:.3}
.au-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.au-t small{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--sv)}
.au-t b{font-family:Poppins,Inter,sans-serif;font-size:16px}.au-t span{color:var(--pk-ink3);font-size:12.5px}
.au-st{font-style:normal;flex:none;font-size:12px;font-weight:700;padding:5px 12px;border-radius:99px;display:inline-flex;align-items:center;gap:6px}
.au-st::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.au-st-warn{background:#fff3dc;color:#b45309}.au-st-ok{background:#dcfce7;color:#166534}.au-st-nein{background:#ffe4ea;color:#be123c}.au-st-aus{background:#f1f4f5;color:#64748b}
.au-chips{display:flex;flex-wrap:wrap;gap:6px}
.au-chips span{font-size:12.5px;padding:5px 11px;border-radius:99px;background:color-mix(in srgb,var(--sv) 8%,#fff);border:1px solid color-mix(in srgb,var(--sv) 20%,#fff);color:color-mix(in srgb,var(--sv) 75%,#000)}
.au-text{margin:0;color:var(--pk-ink2)}
.au-preis{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:14px 18px;border-radius:16px;background:linear-gradient(135deg,#f6fbfb,#fff);border:1px solid #e3f0f0}
.au-preis>div{display:flex;flex-direction:column;gap:2px}.au-preis small{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--pk-ink3)}
.au-preis b{font-variant-numeric:tabular-nums;font-size:15px}
.au-neu b{font-family:Poppins,Inter,sans-serif;font-size:21px;color:var(--sv)}.au-diff b{color:#059669}
.au-pfeil{font-size:20px;color:var(--pk-ink3)}.au-mwst{margin-left:auto;font-size:12px;color:var(--pk-ink3)}
.au-bem,.au-antwort{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:#f8fafb;font-size:13.5px;color:var(--pk-ink2)}
.au-bem .pi,.au-antwort .pi{width:18px;height:18px;flex:none;color:var(--pk-ink3);margin-top:2px}
.au-bem span,.au-antwort span{display:flex;flex-direction:column;gap:2px}.au-bem small,.au-antwort small{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--pk-ink3)}
.au-antwort{background:#ecf8f8}
.au-akt{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--pk-linie)}
.au-akt form{margin:0}.au-hinweis{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#b45309}.au-hinweis .pi{width:16px;height:16px}

.sv-wartet{display:block;padding:8px 12px}
.sv-wartet summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer}.sv-wartet summary::-webkit-details-marker{display:none}
.sv-i{font-style:normal;margin-left:auto;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:#fde7c2;color:#92400e}
.sv-wartet[open] .sv-i{background:#92400e;color:#fff}
.sv-wartet p{margin:8px 0 6px;line-height:1.45}.sv-wartet a{margin:0}

/* Dashboard: Widgets rücken zusammen (Masonry über grid-auto-rows, Höhe per JS) */
.pk-wgrid{grid-auto-rows:4px;row-gap:0;column-gap:20px;align-items:start}
.pk-w{margin-bottom:20px}
.pk-w>.kp-karte,.pk-w>.pk-kpis{height:auto}
@media(max-width:900px){.pk-wgrid{grid-auto-rows:auto}.pk-w{grid-row-end:auto !important}}

/* Kontakt-Widget: vier Kontaktwege */
.kt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;position:relative}
.pk-kontakt .kt-grid a{margin:0;padding:12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.pk-kontakt .kt-grid a:hover{background:rgba(255,255,255,.1)}
.pk-kontakt .kt-grid a b{font-size:16px;color:#fff;font-variant-numeric:tabular-nums}
.pk-kontakt .kt-grid a.pk-notfall{margin:0}
.pk-kontakt .kt-grid small{text-transform:none !important;letter-spacing:0 !important;font-size:12px !important}
.pk-kontakt a.kt-ticket{display:inline-flex;align-self:flex-start;margin-top:12px;padding:9px 16px;border-radius:12px;background:linear-gradient(135deg,#48C2C5,#2BB3B8);color:#062022 !important;font-weight:700}
.pk-kontakt a.kt-ticket .pi{width:17px;height:17px;padding:0;background:none;color:#062022}

/* Widget Beratung anfragen */
.ws-sales{background:linear-gradient(160deg,#fff 40%,#f3effe);border-color:#e4dafc}
.ws-sales .pk-kartenkopf h2 .pi{color:#7c3aed}.ws-sales .pi .d{fill:#a78bfa}
.ws-sales-t{margin:0 0 12px;color:var(--pk-ink2);font-size:13.5px}
.ws-sales-f{gap:10px !important}
.ws-rm{display:flex;gap:8px;flex-wrap:wrap}
.ws-rm label{position:relative;cursor:pointer;flex-direction:row !important}
.ws-rm input{position:absolute;opacity:0}
.ws-rm span{display:inline-block;padding:7px 14px;border-radius:99px;border:1.5px solid var(--pk-linie);background:#fff;font-weight:600;font-size:13px;color:var(--pk-ink2)}
.ws-rm input:checked+span{border-color:#7c3aed;background:#f3effe;color:#6d28d9}
.ws-sales .btn{background:#7c3aed;align-self:flex-start}.ws-sales .btn:hover{background:#6d28d9}

/* Neues Ticket: Bereiche mit Icon/Farbe, Notfall-Hinweis */
.tn-bereich>span{gap:6px}
.tn-b-ic{font-style:normal;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;margin-bottom:4px;color:#fff;background:linear-gradient(135deg,var(--sv),color-mix(in srgb,var(--sv) 70%,#000))}
.tn-b-ic .pi{width:19px;height:19px}.tn-b-ic .pi .d{fill:#fff;fill-opacity:.3}
.tn-bereich input:checked+span{border-color:var(--sv);background:color-mix(in srgb,var(--sv) 6%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--sv) 15%,transparent)}
.tn-bereich:hover>span{border-color:color-mix(in srgb,var(--sv) 40%,#fff)}
.tn-notfall .tn-b-ic{display:none}
.tn-bereich.tn-notfall>span{background:linear-gradient(160deg,#fff5f7,#fff);border-color:#fecdd6}
.tn-notfall#tnNotfall{display:flex;gap:14px;align-items:flex-start;margin-top:12px;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,#fff1f3,#fff7f8);border:1.5px solid #fda4af;color:#881337;animation:pkAuf .2s ease-out}
.tn-notfall#tnNotfall[hidden]{display:none}
.tn-notfall#tnNotfall>.pi{width:30px;height:30px;flex:none;color:#e11d48}.tn-notfall#tnNotfall>.pi .d{fill:#fb7185}
.tn-notfall#tnNotfall p{margin:4px 0 10px;line-height:1.5;font-size:13.5px}
.tn-ok{display:flex;gap:8px;align-items:center;font-weight:600;font-size:13.5px;cursor:pointer}.tn-ok input{width:18px;height:18px;accent-color:#e11d48}

/* KI-Helfer im Ticket */
.tk{margin:0 0 16px;border-radius:18px;padding:16px 18px;background:linear-gradient(135deg,#f5f0ff,#effafa);border:1px solid #e4dafc}
.tk-kopf{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.tk-kopf>.pi{width:40px;height:40px;padding:9px;border-radius:12px;flex:none;color:#fff;background:linear-gradient(135deg,#7c3aed,#0E7C80)}.tk-kopf>.pi .d{fill:#fff}
.tk-kopf>div{flex:1;min-width:220px;display:flex;flex-direction:column;gap:2px}.tk-kopf small{color:var(--pk-ink2);font-size:12.5px;line-height:1.4}
.tk-start{border:0;cursor:pointer;font:inherit;font-weight:700;font-size:13.5px;padding:10px 16px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 8px 20px -10px rgba(124,58,237,.8)}
.tk-start:hover{filter:brightness(1.08)}
.tk-chat{margin-top:14px;display:flex;flex-direction:column;gap:10px}
.tk-verlauf{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow:auto;padding:4px}
.tk-m{max-width:85%;padding:10px 14px;border-radius:16px;font-size:13.5px;line-height:1.5}
.tk-m.ki{align-self:flex-start;background:#fff;border:1px solid #e4dafc;border-bottom-left-radius:4px}
.tk-m.kunde{align-self:flex-end;background:#0E7C80;color:#fff;border-bottom-right-radius:4px}
.tk-m.tk-warte{color:var(--pk-ink3);font-style:italic}.tk-m.tk-fehler{background:#fff1f3;border-color:#fecdd6;color:#9f1239}
.tk-eingabe{display:flex;gap:8px;align-items:flex-end}
.tk-eingabe textarea{flex:1;font:inherit;font-size:14px;padding:10px 12px;border:1.5px solid #e4dafc;border-radius:12px;resize:vertical;background:#fff}
.tk-eingabe textarea:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.12)}
.tk-senden{border:0;cursor:pointer;font:inherit;font-weight:700;padding:11px 16px;border-radius:12px;background:#0E7C80;color:#fff}
.tk-vorschlag{padding:14px 16px;border-radius:14px;background:#fff;border:1.5px dashed #a78bfa;display:flex;flex-direction:column;gap:6px}
.tk-vorschlag.tk-ok{border-style:solid;border-color:#10b981}
.tk-v-betreff{font-weight:700}.tk-v-text{white-space:pre-wrap;font-size:13px;color:var(--pk-ink2);max-height:160px;overflow:auto}
.tk-v-akt{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}

/* Beratung: Widget als Teaser, Pop-up mit Produktauswahl */
.pk .kp-karte.ws-sales{background:radial-gradient(320px 200px at 100% 0%,rgba(167,139,250,.35),transparent 70%),linear-gradient(150deg,#2e1065,#5b21b6 60%,#7c3aed);border:0;color:#ede9fe;display:flex;flex-direction:column;gap:16px}
.ws-s-in{display:flex;gap:14px;align-items:flex-start}
.ws-s-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:none;background:rgba(255,255,255,.14);color:#fff}
.ws-s-ic .pi{width:24px;height:24px}.ws-s-ic .pi .d{fill:#c4b5fd;fill-opacity:.6}
.ws-sales small{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#c4b5fd}
.pk .ws-sales h2{color:#fff !important;margin:2px 0 4px;font-size:19px}.ws-sales p{margin:0;color:#ddd6fe;font-size:13.5px;line-height:1.5}
.ws-s-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;font:inherit;font-weight:700;font-size:14.5px;padding:12px 18px;border-radius:12px;color:#2e1065;background:#fff;box-shadow:0 10px 24px -12px rgba(0,0,0,.5);transition:transform .15s}
.ws-s-btn:hover{transform:translateY(-1px)}.ws-s-btn .pi{width:18px;height:18px}.ws-s-btn .pi .d{fill:#a78bfa}
.bd{border:0;padding:0;border-radius:22px;width:min(760px,95vw);max-height:90vh;box-shadow:0 40px 90px -30px rgba(46,16,101,.6)}
.bd::backdrop{background:rgba(20,10,40,.55);backdrop-filter:blur(4px)}
.bd-f{display:flex;flex-direction:column;max-height:90vh}
.bd-kopf{display:flex;gap:14px;align-items:flex-start;padding:20px 22px;color:#fff;background:linear-gradient(135deg,#4c1d95,#7c3aed)}
.bd-kopf h2{margin:0;font-size:20px}.bd-kopf p{margin:4px 0 0;color:#ddd6fe;font-size:13.5px}.bd-kopf>div{flex:1}
.bd-zu{border:0;background:rgba(255,255,255,.15);color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:15px}
.bd-body{padding:18px 22px;overflow:auto;display:flex;flex-direction:column;gap:12px}
.bd-schritt{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;flex-wrap:wrap}
.bd-schritt>b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#7c3aed;color:#fff;font-size:12px}
.bd-such{margin-left:auto;font:inherit;font-weight:400;font-size:13px;padding:7px 11px;border:1.5px solid #e4dafc;border-radius:10px;min-width:200px}
.bd-themen{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow:auto;padding:4px 2px}
.bd-gn{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#7c3aed;margin-bottom:6px}
.bd-chips{display:flex;flex-wrap:wrap;gap:6px}
.bd-chip{position:relative;cursor:pointer}.bd-chip input{position:absolute;opacity:0}
.bd-chip span{display:inline-block;padding:7px 12px;border-radius:99px;border:1.5px solid #e4dafc;background:#fff;font-size:13px;transition:all .12s}
.bd-chip:hover span{border-color:#a78bfa}
.bd-chip input:checked+span{background:#7c3aed;border-color:#7c3aed;color:#fff}
.bd-chip input:checked+span::before{content:"✓ "}
.bd-body textarea{font:inherit;font-size:14px;padding:10px 12px;border:1.5px solid #e4dafc;border-radius:12px;resize:vertical}
.bd-body textarea:focus,.bd-tel input:focus,.bd-such:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.12)}
.bd-tel{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--pk-ink2)}.bd-tel input{font:inherit;padding:9px 12px;border:1.5px solid #e4dafc;border-radius:10px}
.bd .ws-rm input:checked+span{border-color:#7c3aed;background:#f3effe;color:#6d28d9}
.bd-fuss{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;border-top:1px solid #ede9fe;background:#faf8ff}
.bd-fuss .ws-s-btn{background:#7c3aed;color:#fff}.bd-fuss .ws-s-btn .pi .d{fill:#fff}

.tn-feld select{font:inherit;font-weight:400;font-size:14px;padding:10px 12px;border:1.5px solid var(--pk-linie);border-radius:10px;background:#fff}

.bd-kontakt{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:600px){.bd-kontakt{grid-template-columns:1fr}}

/* Sperre (letzte Mahnung) */
.sp-band{background:linear-gradient(90deg,#9f1239,#e11d48);color:#fff;padding:10px 24px;font-size:13.5px;text-align:center}
.sp-band a{color:#fff !important;text-decoration:underline;font-weight:600;margin:0 4px}
.sp-pop{border:0;border-radius:22px;padding:28px;width:min(520px,92vw);text-align:center;box-shadow:0 40px 90px -30px rgba(159,18,57,.6)}
.sp-pop::backdrop{background:rgba(40,8,18,.55);backdrop-filter:blur(3px)}
.sp-ic{font-size:40px}.sp-pop h2{margin:6px 0 8px;font-family:Poppins,Inter,sans-serif}.sp-pop p{color:var(--pk-ink2);line-height:1.55}
.sp-akt{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.sp-zu{border:0;background:none;color:var(--pk-ink3);cursor:pointer;font:inherit;text-decoration:underline}
.sp-hinweis{padding:12px 16px;border-radius:14px;background:#fff1f3;border:1px solid #fecdd6;color:#9f1239}

/* Bestätigungs-Checkbox in Formularen (Kündigen, Bestellen) */
.pk .kp-form label.kp-check{display:flex;flex-direction:row !important;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:14px;
  background:#fff8f8;border:1.5px solid #fecdd6;color:var(--pk-ink);font-size:14px;line-height:1.5;cursor:pointer}
.pk .kp-form label.kp-check input{width:20px;height:20px;margin-top:1px;flex:none;accent-color:#e11d48}
.pk .kp-form label.kp-check:has(input:checked){background:#fff1f3;border-color:#e11d48}
.pk .kp-btn-rot{background:#e11d48 !important;padding:12px 22px;font-size:15px;border-radius:12px;box-shadow:0 10px 24px -12px rgba(225,29,72,.8)}
.pk .kp-btn-rot:hover{background:#be123c !important}
.pk .kp-form textarea{min-height:90px}

/* Rechnungen: zwei Zahlungswege */
.za-wahl{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.za-opt{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:20px;background:#fff;border:1.5px solid var(--pk-linie);box-shadow:var(--pk-schatten);position:relative}
.za-opt.an{border-color:var(--pk-d);box-shadow:0 0 0 3px rgba(14,124,128,.12),var(--pk-schatten)}
.za-opt.an::after{content:"✓ aktiv";position:absolute;top:14px;right:16px;font-size:11.5px;font-weight:700;color:#fff;background:var(--pk-d);padding:3px 10px;border-radius:99px}
.za-opt>div{display:flex;flex-direction:column;gap:4px}
.za-opt small{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--pk-d)}
.za-opt b{font-family:Poppins,Inter,sans-serif;font-size:17px}.za-opt p{margin:0;color:var(--pk-ink2);font-size:13.5px;line-height:1.5}
.za-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(135deg,#0E7C80,#14a3a8)}
.za-ic .pi{width:24px;height:24px}.za-ic .pi .d{fill:#fff;fill-opacity:.3}
.za-karte{background:linear-gradient(150deg,#fff 50%,#f3effe)}
.za-karte .za-ic{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.za-karte small{color:#7c3aed}
.za-karte.an{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.14),var(--pk-schatten)}.za-karte.an::after{background:#7c3aed}
.za-btn{align-self:flex-start;margin-top:8px;display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:12px;font-weight:700;font-size:14px;text-decoration:none;color:#fff !important;background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 10px 24px -12px rgba(124,58,237,.8)}
.za-btn.ghost{background:#fff;color:#6d28d9 !important;border:1.5px solid #ddd0fb;box-shadow:none}
.za-btn .pi{width:17px;height:17px}.za-btn .pi .d{fill:#fff}
.za-tag{font-size:12px;font-weight:600;padding:3px 10px;border-radius:99px;white-space:nowrap}
.za-tag.karte{background:#f0e9ff;color:#6d28d9}.za-tag.qr{background:#e6f6f6;color:var(--pk-dd)}
.za-akt{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.za-akt form{margin:0}
@media(max-width:800px){.za-wahl{grid-template-columns:1fr}}

/* KI-Antworten gegliedert */
.tk-m.ki p{margin:0 0 8px}.tk-m.ki p:last-child{margin-bottom:0}
.tk-m.ki ol,.tk-m.ki ul{margin:6px 0 4px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.tk-m.ki ol{counter-reset:tk}
.tk-m.ki ol li{counter-increment:tk;position:relative;padding:10px 12px 10px 42px;border-radius:12px;background:#f8f5ff;border:1px solid #ede5ff}
.tk-m.ki ol li::before{content:counter(tk);position:absolute;left:12px;top:10px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#7c3aed;color:#fff;font-size:11px;font-weight:700}
.tk-m.ki ul li{position:relative;padding-left:16px}.tk-m.ki ul li::before{content:"";position:absolute;left:2px;top:9px;width:6px;height:6px;border-radius:50%;background:#7c3aed}
.tk-m.ki b{color:#4c1d95}
.tk-chf{white-space:nowrap;font-weight:600;color:#0a5b5e;background:#e6f6f6;padding:0 6px;border-radius:6px}
.tk-m.ki{max-width:92%}

.tf-liste{margin:4px 0 8px;padding-left:20px}.tf-liste li{margin:3px 0}

/* Support: kompakte Ticketliste */
.tl-leiste{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.tl-leiste .seg b{font-size:11px;margin-left:4px}
.tl-such{font:inherit;font-size:14px;padding:9px 14px;border:1.5px solid var(--pk-linie);border-radius:12px;min-width:260px;background:#fff}
.tl-such:focus{outline:none;border-color:var(--pk-d);box-shadow:0 0 0 3px rgba(14,124,128,.12)}
.tl-gruppe{background:#fff;border:1px solid var(--pk-linie);border-radius:18px;box-shadow:var(--pk-schatten);padding:8px 10px 10px;display:flex;flex-direction:column}
.tl-gruppe h2{margin:6px 10px 8px;font-size:13px !important;text-transform:uppercase;letter-spacing:.07em;color:var(--pk-ink2)}
.tl-gruppe h2 small{font-size:11px;padding:1px 8px;border-radius:99px;background:#f1f4f5;color:var(--pk-ink3);margin-left:4px}
.tl-z{display:grid;grid-template-columns:86px minmax(0,1fr) 92px 132px;gap:14px;align-items:center;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--pk-ink);border-left:4px solid var(--sv);margin:2px 0;transition:background .12s}
.tl-z:hover{background:#f4fafa}
.tl-nr{font-variant-numeric:tabular-nums;font-size:12.5px;color:var(--pk-ink3);font-weight:600}
.tl-t{display:flex;align-items:center;gap:10px;min-width:0}
.tl-t b{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tl-t em{font-style:normal;flex:none;font-size:11.5px;padding:2px 9px;border-radius:99px;background:#f1f6f7;color:var(--pk-ink2)}
.tl-d{font-size:12.5px;color:var(--pk-ink3);text-align:right;font-variant-numeric:tabular-nums}
.tl-st{justify-self:end;font-size:12px;font-weight:700;padding:3px 11px;border-radius:99px;color:var(--sv);background:color-mix(in srgb,var(--sv) 12%,#fff)}
.tl-zu .tl-z{opacity:.75}.tl-zu .tl-z:hover{opacity:1}
@media(max-width:700px){.tl-z{grid-template-columns:1fr auto;gap:4px 10px}.tl-nr,.tl-d{display:none}.tl-t{flex-wrap:wrap}}

.za-akt{display:flex;flex-wrap:nowrap;gap:6px;justify-content:flex-end;align-items:center;white-space:nowrap}

/* Formatierleiste */
.fmt-leiste{display:flex;gap:4px;align-items:center;padding:6px;border:1.5px solid var(--pk-linie);border-bottom:0;border-radius:12px 12px 0 0;background:#f8fbfb}
.fmt-leiste button{border:0;background:#fff;border:1px solid var(--pk-linie);border-radius:8px;padding:5px 10px;font:inherit;font-size:13px;cursor:pointer;color:var(--pk-ink2);min-width:32px}
.fmt-leiste button:hover{border-color:var(--pk-d);color:var(--pk-d)}
.fmt-leiste span{width:1px;height:20px;background:var(--pk-linie);margin:0 4px}
textarea.fmt-feld{border-top-left-radius:0 !important;border-top-right-radius:0 !important}

/* Ticket schliessen / übergeben */
.tu-raster{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tu-karte h2{font-size:15px !important}.tu-karte p{margin:0 0 12px}
.tu-gruen{background:#059669 !important}.tu-gruen:hover{background:#047857 !important}
.tu-form{display:flex;gap:8px;flex-wrap:wrap}.tu-form select{flex:1;min-width:200px;font:inherit;padding:9px 12px;border:1.5px solid var(--pk-linie);border-radius:10px;background:#fff}
.tu-log{margin:0}
@media(max-width:800px){.tu-raster{grid-template-columns:1fr}}

/* Schliessen / Übergeben prominent */
.pk .kp-karte.tu-karte{position:relative;overflow:hidden;padding:24px 24px 22px 92px;border:0;color:#fff}
.pk .kp-karte.tu-zu{background:radial-gradient(260px 160px at 100% 0%,rgba(255,255,255,.18),transparent 70%),linear-gradient(135deg,#047857,#10b981)}
.pk .kp-karte.tu-ueb{background:radial-gradient(260px 160px at 100% 0%,rgba(255,255,255,.18),transparent 70%),linear-gradient(135deg,#1e40af,#3b82f6)}
.tu-ic{position:absolute;left:24px;top:24px;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:24px;font-weight:700;background:rgba(255,255,255,.18);color:#fff}
.pk .tu-karte h2{color:#fff !important;font-size:18px !important;margin:0 0 6px}
.pk .tu-karte p,.pk .tu-karte .muted{color:rgba(255,255,255,.88) !important}.pk .tu-karte p b{color:#fff}
.pk .tu-karte a{color:#fff !important;text-decoration:underline;font-weight:600}
.pk .tu-karte .btn{background:#fff !important;color:#065f46 !important;font-weight:700;padding:11px 20px;border-radius:12px;box-shadow:0 10px 24px -12px rgba(0,0,0,.4)}
.pk .tu-ueb .btn{color:#1e40af !important}
.pk .tu-karte .btn:hover{transform:translateY(-1px)}
.tu-form select{border:0 !important}

/* Bestellen: farbige Karten */
.bk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:6px}
.bk{--svs:color-mix(in srgb,var(--sv) 9%,#fff);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:20px;
  background:linear-gradient(170deg,var(--svs),#fff 45%);border:1px solid color-mix(in srgb,var(--sv) 18%,#fff);box-shadow:var(--pk-schatten);text-decoration:none;color:var(--pk-ink);transition:transform .18s,box-shadow .18s}
.bk::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--sv),color-mix(in srgb,var(--sv) 50%,#fff))}
.bk:hover{transform:translateY(-4px);box-shadow:0 26px 46px -26px color-mix(in srgb,var(--sv) 70%,transparent)}
.bk-kopf{display:flex;align-items:center;gap:12px}.bk-kopf b{font-family:Poppins,Inter,sans-serif;font-size:16px;line-height:1.25}
.bk-ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(135deg,var(--sv),color-mix(in srgb,var(--sv) 70%,#000));box-shadow:0 8px 18px -10px var(--sv)}
.bk-ic svg,.bk-ic .ic,.bk-ic .pi{width:22px;height:22px;color:#fff;stroke:#fff}
.bk-text{font-size:13px;color:var(--pk-ink2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.bk-fuss{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:10px;border-top:1px dashed color-mix(in srgb,var(--sv) 25%,#fff)}
.bk-preis{font-family:Poppins,Inter,sans-serif;font-weight:600;font-size:18px;color:var(--sv)}.bk-preis small{font-family:Inter,sans-serif;font-weight:400;font-size:12px;color:var(--pk-ink3)}
.bk-lz{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:99px;background:color-mix(in srgb,var(--sv) 10%,#fff);color:color-mix(in srgb,var(--sv) 75%,#000)}
.bk-los{font-size:13px;font-weight:700;color:var(--sv);opacity:0;transform:translateY(4px);transition:all .18s}.bk:hover .bk-los{opacity:1;transform:none}

/* Hero: Beratung */
.pk-hero-akt a.pk-berat{background:linear-gradient(135deg,#7c3aed,#a855f7);border:0;color:#fff}.pk-hero-akt a.pk-berat .pi .d{fill:#fff}

/* Benutzer */
.bu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:18px}
.bu{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:20px;background:#fff;border:1px solid var(--pk-linie);box-shadow:var(--pk-schatten)}
.bu.bu-aus{opacity:.65}
.bu-band{position:absolute;inset:0 0 auto 0;height:64px;background:linear-gradient(120deg,var(--sv),color-mix(in srgb,var(--sv) 55%,#fff));opacity:.14}
.bu-kopf{position:relative;display:flex;gap:14px;align-items:flex-start}
.bu-av{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;flex:none;font-family:Poppins,sans-serif;font-weight:700;font-size:19px;color:#fff;
  background:linear-gradient(135deg,var(--sv),color-mix(in srgb,var(--sv) 65%,#000));box-shadow:0 10px 22px -12px var(--sv)}
.bu-wer{display:flex;flex-direction:column;gap:2px;min-width:0}.bu-wer>b{font-family:Poppins,Inter,sans-serif;font-size:16px}.bu-wer>b small{font-weight:400;color:var(--pk-ink3)}
.bu-wer>span{color:var(--pk-ink3);font-size:13px;overflow:hidden;text-overflow:ellipsis}.bu-wer .bn-tags{margin-top:6px}
.bu-info{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--pk-ink3)}.bu-info .pi{width:15px;height:15px}
.bu-rechte{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.bu-r{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#f6f8f9;color:var(--pk-ink3);font-size:13px;font-weight:600}
.bu-r i{font-style:normal;width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-size:12px;background:#e5e9eb;color:#fff}
.bu-r.an{background:color-mix(in srgb,var(--sv) 8%,#fff);color:var(--pk-ink)}.bu-r.an i{background:var(--sv)}
.bu-wahl{cursor:pointer;position:relative}.bu-wahl input{position:absolute;opacity:0}
.bu-wahl:has(input:checked){background:color-mix(in srgb,var(--sv) 8%,#fff);color:var(--pk-ink)}
.bu-wahl:has(input:checked) i{background:var(--sv)}.bu-wahl:has(input:checked) i::after{content:"✓"}
.bu-hinweis{margin:0;font-size:12.5px;color:var(--pk-ink3)}
.bu-akt{display:flex;gap:8px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--pk-linie)}
.bu-neu{align-items:center;justify-content:center;text-align:center;cursor:pointer;font:inherit;border:2px dashed #9fd3d5;background:#f6fbfb;min-height:200px;color:var(--pk-ink)}
.bu-neu:hover{border-color:var(--pk-d);background:#eef8f8}.bu-neu b{font-family:Poppins,Inter,sans-serif;font-size:17px}.bu-neu span:last-child{font-size:13px;color:var(--pk-ink3);max-width:260px}
.bu-neu-plus{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:24px;color:#fff;background:linear-gradient(135deg,#14a3a8,#0E7C80);box-shadow:0 10px 22px -10px rgba(14,124,128,.8)}
@media(max-width:600px){.bu-grid{grid-template-columns:1fr}}

/* KI-Ticketsuche */
.tl-leiste{align-items:stretch}
.tl-ki{flex:1;min-width:320px;display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border-radius:16px;background:linear-gradient(135deg,#f5f0ff,#effafa);border:1.5px solid #e4dafc}
.tl-ki:focus-within{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.12)}
.tl-ki-ic{font-size:18px}
.tl-ki .tl-such{flex:1;border:0 !important;background:transparent !important;box-shadow:none !important;min-width:0}
.tl-ki-btn{border:0;cursor:pointer;font:inherit;font-weight:700;font-size:13.5px;padding:10px 16px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);white-space:nowrap}
.tl-antwort{padding:18px 20px;border-radius:18px;background:#fff;border:1.5px solid #e4dafc;box-shadow:0 18px 40px -26px rgba(124,58,237,.5)}
.tl-a-kopf{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#6d28d9;margin-bottom:8px}
.tl-a-kopf button{border:0;background:#f3effe;color:#6d28d9;width:26px;height:26px;border-radius:50%;cursor:pointer}
.tl-a-text p{margin:0 0 8px;line-height:1.55}.tl-a-text ul{margin:4px 0 8px;padding-left:20px}.tl-a-text li{margin:3px 0}
.tl-a-treffer{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;border-top:1px dashed #e4dafc}
.tl-a-treffer a{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:9px 12px;border-radius:12px;background:#f8f5ff;text-decoration:none;color:var(--pk-ink)}
.tl-a-treffer a:hover{background:#f0e9ff}.tl-a-treffer small{color:var(--pk-ink3);margin-left:auto}
.tl-fehler{margin:0;color:#9f1239}
.tl-laden{display:flex;gap:6px}.tl-laden i{width:9px;height:9px;border-radius:50%;background:#a78bfa;animation:tlPunkt 1s infinite ease-in-out}
.tl-laden i:nth-child(2){animation-delay:.15s}.tl-laden i:nth-child(3){animation-delay:.3s}
@keyframes tlPunkt{0%,80%,100%{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}

/* «Anpassen» dezent rechts über den Widgets */
.db-oben{display:flex;justify-content:flex-end;margin:-8px 0 -10px}
.db-anp{display:inline-flex;align-items:center;gap:5px;border:0;background:none;cursor:pointer;font:inherit;font-size:12.5px;color:var(--pk-ink3);padding:4px 8px;border-radius:8px}
.db-anp:hover{color:var(--pk-d);background:#eef6f6}.db-anp .pi{width:14px;height:14px}
body.db-edit .db-oben{display:none}

/* Knöpfe als <button> (Benutzer, Aufträge): gleich wie Links */
button.sv-btn{border:0;font:inherit;font-weight:600;font-size:13px;cursor:pointer}

/* Neuigkeiten */
.nw-top{position:relative;overflow:hidden;display:flex;gap:24px;align-items:flex-start;padding:30px 32px;border-radius:24px;color:#fff;
  background:radial-gradient(420px 220px at 100% 0%,rgba(72,194,197,.35),transparent 70%),linear-gradient(135deg,#0f2a2d,#0E7C80);box-shadow:0 30px 60px -36px rgba(7,40,44,.9)}
.nw-top::after{content:"";position:absolute;right:-60px;bottom:-80px;width:260px;height:260px;border-radius:50%;border:40px solid rgba(255,255,255,.06)}
.nw-datum{flex:none;width:84px;padding:12px 0;border-radius:18px;text-align:center;display:flex;flex-direction:column;background:rgba(255,255,255,.12);backdrop-filter:blur(4px)}
.nw-datum b{font-family:Poppins,Inter,sans-serif;font-size:34px;line-height:1}.nw-datum span{font-size:12px;opacity:.85;margin-top:4px}
.nw-inhalt{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.nw-marke{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#9be3e5}
.nw-marke .pi{width:16px;height:16px}.nw-marke .pi .d{fill:#48C2C5}
.nw-top h2{margin:0;color:#fff;font-size:26px;line-height:1.25}
.nw-top .nw-text{color:#dcecee;font-size:15px;line-height:1.6}
.nw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}
.nw{display:flex;gap:16px;align-items:flex-start;padding:20px;border-radius:20px;background:#fff;border:1px solid var(--pk-linie);border-top:4px solid var(--sv);box-shadow:var(--pk-schatten)}
.nw .nw-datum.klein{width:62px;padding:8px 0;border-radius:14px;color:var(--sv);background:color-mix(in srgb,var(--sv) 10%,#fff)}
.nw .nw-datum.klein b{font-size:24px}.nw .nw-datum.klein span{font-size:11px}
.nw h3{margin:0;font-family:Poppins,Inter,sans-serif;font-size:16px}.nw .nw-text{font-size:13.5px;color:var(--pk-ink2);line-height:1.55}
@media(max-width:600px){.nw-top{flex-direction:column;padding:22px}.nw-datum{flex-direction:row;gap:8px;width:auto;padding:8px 14px;align-items:baseline}.nw-datum b{font-size:22px}}

/* Mail-Abo News / Status */
.ma{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:16px;background:#fff;border:1.5px dashed #b9d9da;margin:0}
.ma.an{border-style:solid;border-color:#a7f3d0;background:linear-gradient(135deg,#ecfdf5,#fff)}
.ma-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:18px;color:#fff;background:linear-gradient(135deg,#14a3a8,#0E7C80);flex:none}
.ma.an .ma-ic{background:linear-gradient(135deg,#10b981,#047857)}
.ma-t{flex:1;display:flex;flex-direction:column;gap:2px}.ma-t small{color:var(--pk-ink3);font-size:12.5px}
.ma-btn{border:0;cursor:pointer;font:inherit;font-weight:700;font-size:13.5px;padding:10px 18px;border-radius:12px;color:#fff;background:var(--pk-d)}
.ma.an .ma-btn{background:#fff;color:var(--pk-ink2);border:1.5px solid var(--pk-linie)}

/* Kontakt-Kacheln: gleiche Proportionen */
.pk-kontakt .kt-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));align-items:stretch;gap:10px}
.pk-kontakt .kt-grid a.kt{display:flex;align-items:center;gap:12px;margin:0;padding:14px;min-height:78px;box-sizing:border-box;border-radius:14px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);text-decoration:none}
.pk-kontakt .kt-grid a.kt:hover{background:rgba(255,255,255,.1)}
.pk-kontakt .kt-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none;background:rgba(72,194,197,.16);color:#48C2C5}
.pk-kontakt .kt-ic .pi{width:21px;height:21px;padding:0;background:none;border-radius:0;color:inherit}.pk-kontakt .kt-ic .pi .d{fill:#48C2C5;fill-opacity:.3}
.pk-kontakt .kt-t{display:flex;flex-direction:column;gap:1px;min-width:0}
.pk-kontakt .kt-t small{font-size:11px !important;font-weight:700;text-transform:uppercase !important;letter-spacing:.06em !important;color:#8fb4b6}
.pk-kontakt .kt-t b{font-size:16px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.pk-kontakt .kt-t em{font-style:normal;font-size:12px;color:#a9bfc1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:15px}
.pk-kontakt a.kt.kt-notfall{background:linear-gradient(135deg,rgba(244,63,94,.22),rgba(244,63,94,.08));border-color:rgba(253,164,175,.35)}
.pk-kontakt a.kt.kt-notfall .kt-ic{background:#f43f5e;color:#fff}.pk-kontakt a.kt.kt-notfall .kt-ic .pi .d{fill:#fff}
.pk-kontakt a.kt.kt-notfall small{color:#fda4af}.pk-kontakt a.kt.kt-notfall em{color:#fecdd3}

/* Bestellen Produkt: Beschreibung kürzen, Optionen ausgerichtet, Abrechnung ohne Doppelrahmen */
.bp-text{position:relative;max-height:5.1em;overflow:hidden;line-height:1.7;color:var(--pk-ink2)}
.bp-text p{margin:0}.bp-text:not(.offen)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2em;background:linear-gradient(transparent,var(--pk-bg))}
.bp-text.offen{max-height:none}
.bp-mehr{align-self:flex-start;border:0;background:none;color:var(--pk-d);font:inherit;font-weight:600;font-size:13px;cursor:pointer;padding:0;margin-top:-8px}
.pk .kp-optzeile{display:grid !important;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:center;padding:12px 0}
.pk .kp-optzeile>span{min-width:0}
.pk .kp-optzeile select,.pk .kp-optzeile input.kp-zahl{width:100%;max-width:none !important;box-sizing:border-box;font:inherit;font-size:13.5px;padding:9px 12px;border:1.5px solid var(--pk-linie);border-radius:10px;background:#fff}
.pk .kp-optzeile input.kp-zahl{text-align:right}
.pk .kp-optzeile input[type=checkbox]{justify-self:end;appearance:none;-webkit-appearance:none;width:46px;height:26px;border-radius:99px;background:#d7e0e2;position:relative;cursor:pointer;transition:background .15s;margin:0}
.pk .kp-optzeile input[type=checkbox]::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .15s}
.pk .kp-optzeile input[type=checkbox]:checked{background:var(--pk-d)}.pk .kp-optzeile input[type=checkbox]:checked::after{left:23px}
.pk .kp-optgruppe{margin-top:10px}
.pk label.kp-zyklus{border:0 !important;background:none !important;padding:0 !important}
.pk .kp-zyklus>span>span{font-size:22px !important;line-height:1.15}
.pk .kp-zyklus .bp-per{font-size:12.5px;color:var(--pk-ink2);font-weight:600;margin-top:-2px}
@media(max-width:700px){.pk .kp-optzeile{grid-template-columns:1fr}}

/* Bestellung: Einmalig als eigener Abschnitt */
.pk .kp-summe .kp-tab td{line-height:1.4}.pk .kp-summe .kp-tab td.r{white-space:nowrap;padding-left:12px;vertical-align:top}
.bs-einr{margin-top:6px;padding:14px;border-radius:16px;background:#fffaf0;border:1px solid #fde7c2}
.bs-kopf{display:flex;flex-direction:column;gap:1px;margin-bottom:6px}.bs-kopf span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#b45309}
.bs-kopf small{font-size:11.5px;color:var(--pk-ink3)}
.bs-einr .kp-tab td{border-bottom-color:#f6dfb5 !important;font-size:12.5px !important}
.pk .bs-einr .kp-total.bs-einr-total{background:#fff;border:1px solid #fde7c2;margin-top:8px;padding:10px 12px}
.pk .bs-einr .bs-einr-total b{color:#b45309;font-size:17px}.pk .bs-einr .bs-einr-total span{font-size:13px}

/* Zugangsdaten in der Service-Kachel */
.zg{border-radius:14px;background:color-mix(in srgb,var(--sv) 6%,#fff);border:1px solid color-mix(in srgb,var(--sv) 18%,#fff)}
.zg summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;font-weight:700;font-size:13.5px}
.zg summary::-webkit-details-marker{display:none}.zg summary span{font-size:12px;font-weight:600;color:var(--sv)}
.zg[open] summary span{display:none}
.zg-zeilen{display:flex;flex-direction:column;gap:6px;padding:0 12px 12px}
.zg-z{display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;background:#fff;font-size:13px}
.zg-z small{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--pk-ink3)}
.zg-z b,.zg-z a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,Consolas,monospace;font-size:13.5px}
.zg-otp{font-size:18px !important;letter-spacing:.12em;color:var(--sv)}
.zg-otp-z{position:relative;overflow:hidden}
.zg-uhr{position:absolute;left:0;right:0;bottom:0;height:3px;background:color-mix(in srgb,var(--sv) 15%,#fff)}.zg-uhr i{display:block;height:100%;width:100%;background:var(--sv)}
.zg-kopie{border:0;background:#f1f5f6;border-radius:8px;padding:4px 9px;font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;color:var(--pk-ink2)}
.zg-kopie:hover{background:var(--sv);color:#fff}

/* Kontakt-Widget (hell, wie die übrigen Karten; eigene Klassen, unabhängig von alten .pk-kontakt-Regeln) */
.pk .kp-karte.kk{display:flex;flex-direction:column;gap:14px}
.pk .kk-kopf h2{margin:0 0 2px}.pk .kk-kopf p{margin:0;color:var(--pk-ink3);font-size:13.5px}
.pk .kk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.pk a.kk-k{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;column-gap:12px;padding:12px 14px;min-height:76px;box-sizing:border-box;
  border-radius:14px;text-decoration:none;color:var(--pk-ink);background:#f6fafa;border:1px solid var(--pk-linie);border-left:4px solid #48C2C5;transition:transform .15s,box-shadow .15s}
.pk a.kk-k:hover{transform:translateY(-2px);box-shadow:0 10px 24px -18px #2BB3B8}
.pk .kk-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#48C2C5,#2B9EA3)}
.pk .kk-ic .pi{width:21px;height:21px;padding:0;background:none;border-radius:0;color:inherit}.pk .kk-ic .pi .d{fill:#fff;fill-opacity:.35}
.pk .kk-t{display:flex;flex-direction:column;gap:1px;min-width:0;text-align:left;line-height:1.3}
.pk .kk-t small{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--pk-ink3)}
.pk .kk-t b{font-size:15.5px;color:var(--pk-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.pk .kk-t em{font-style:normal;font-size:12px;color:var(--pk-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:16px}
.pk a.kk-k.kk-not{background:#fff5f6;border-color:#fecdd3;border-left-color:#f43f5e}
.pk .kk-not .kk-ic{background:linear-gradient(135deg,#fb7185,#e11d48)}.pk .kk-not small{color:#e11d48}.pk .kk-not b{color:#be123c}
.pk a.btn.kk-btn{align-self:flex-start}

.pk .kk-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}

/* Leistungsbeschrieb im Kundenbereich (Entscheid Devis 15.10.2026) */
.pk .sv-lb{display:flex;flex-wrap:wrap;gap:6px}
.pk .sv-lb a{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:10px;font-size:12.5px;font-weight:600;text-decoration:none;
  color:var(--sv);background:color-mix(in srgb,var(--sv) 9%,#fff);border:1px solid color-mix(in srgb,var(--sv) 22%,#fff)}
.pk .sv-lb a:hover{background:var(--sv);color:#fff}.pk .sv-lb .pi{width:15px;height:15px;padding:0;background:none}
.pk .sv-lb em{font-style:normal;font-weight:500;opacity:.8}
.pk .bk-unten{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.pk .bk-lb{font-size:12.5px;font-weight:600;color:var(--pk-ink2);padding:5px 10px;border-radius:9px;background:#f1f5f6;cursor:pointer}
.pk .bk-lb:hover{background:var(--sv);color:#fff}
.pk .kp-titel-akt{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

/* Kundenbereich: Dateien */
.pk .pd{position:relative}
.pk .pd-kopf{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.pk .pd-pfad{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px}.pk .pd-pfad a{text-decoration:none;font-weight:600}.pk .pd-pfad i{font-style:normal;color:var(--pk-ink3)}
.pk .pd-knoepfe{display:flex;gap:8px;flex-wrap:wrap}.pk .pd-knoepfe .pi{width:16px;height:16px;padding:0;background:none}
.pk .pd-liste{display:flex;flex-direction:column;border:1px solid var(--pk-linie);border-radius:14px;overflow:hidden}
.pk .pd-z{display:grid;grid-template-columns:34px minmax(0,1fr) 150px 170px 40px;align-items:center;gap:10px;padding:9px 14px;border-top:1px solid var(--pk-linie);color:var(--pk-ink);text-decoration:none}
.pk .pd-z:first-child{border-top:0}.pk .pd-z:hover{background:#f6fafa}
.pk .pd-z b,.pk .pd-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--pk-ink);text-decoration:none}
.pk .pd-m{font-size:12.5px;color:var(--pk-ink3);white-space:nowrap}
.pk .pd-akt{display:flex;justify-content:flex-end}.pk .pd-akt a,.pk .pd-zip{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:var(--pk-ink2);cursor:pointer}
.pk .pd-akt a:hover,.pk .pd-zip:hover{background:var(--pk-a,#48c2c5);color:#fff}.pk .pd-akt .pi{width:17px;height:17px;padding:0;background:none}
.pk .pd-ord{display:grid;place-items:center;color:#d99a1e}.pk .pd-ord .pi{width:26px;height:26px;padding:0;background:none}.pk .pd-ord .pi .d{fill:#f5b83d;fill-opacity:.55}
.pk .pd-typ{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;font-size:9.5px;font-weight:800;color:#fff;background:#64748b}
.pk .pd-pdf{background:#dc2626}.pk .pd-word{background:#2563eb}.pk .pd-cell{background:#16a34a}.pk .pd-slide{background:#ea580c}.pk .pd-bild{background:#7c3aed}.pk .pd-zip{background:none}
.pk .pd-leer{display:flex;flex-direction:column;align-items:center;gap:4px;padding:40px 16px;color:var(--pk-ink3);text-align:center}.pk .pd-leer .pi{width:34px;height:34px;color:var(--pk-a,#48c2c5)}
.pk .pd-leer b{color:var(--pk-ink)}
.pk .pd-drop{display:none;position:absolute;inset:0;border-radius:var(--pk-r);background:color-mix(in srgb,var(--pk-a,#48c2c5) 14%,rgba(255,255,255,.88));border:2px dashed var(--pk-a,#48c2c5);align-items:center;justify-content:center;z-index:5}
.pk .pd-drop div{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:14px}.pk .pd-drop .pi{width:40px;height:40px}
.pk .pd.pd-zieht .pd-drop{display:flex}
.pk .pd-status{margin-top:10px;padding:10px 14px;border-radius:12px;background:#ecfeff;color:#155e75;font-size:13.5px}.pk .pd-status.fehl{background:#fff1f2;color:#9f1239}
.pk .pd-hinweis{margin:10px 2px 0}
.pk .pd-kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.pk .pd-kachel{display:flex;align-items:center;gap:10px;padding:14px;border-radius:14px;border:1px solid var(--pk-linie);text-decoration:none;color:var(--pk-ink);background:#fbfdfd}
.pk .pd-kachel:hover{border-color:var(--pk-a,#48c2c5);box-shadow:0 8px 20px -14px var(--pk-a,#48c2c5)}
.pk .pd-ord.klein .pi{width:22px;height:22px}
@media(max-width:700px){.pk .pd-z{grid-template-columns:30px minmax(0,1fr) 40px}.pk .pd-z .pd-m{display:none}}

/* Fenster wie im Cockpit (Dateien im Kundenbereich öffnen) */
body{--surface:#fff;--surface2:#f4f7f8;--line:#e2e8ea;--ink:#1f2933;--ink2:#52606d;--ink3:#8a96a3;--teal:#48c2c5;--teal-d:#0e7c80}

.cpf{position:fixed;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;
  box-shadow:0 28px 70px -22px rgba(15,42,45,.45),0 4px 14px rgba(15,42,45,.12);min-width:360px;min-height:240px}
.cpf.aktiv{border-color:color-mix(in srgb,var(--teal,#48c2c5) 55%,var(--line))}
.cpf.max{inset:70px 14px 14px 14px !important;width:auto !important;height:auto !important}
.cpf:fullscreen{inset:0 !important;width:100% !important;height:100% !important;border-radius:0}
.cpf-kopf{display:flex;align-items:center;gap:4px;padding:6px 8px 6px 14px;background:linear-gradient(180deg,var(--surface2),var(--surface));border-bottom:1px solid var(--line);cursor:grab;user-select:none;touch-action:none}
.cpf.aktiv .cpf-kopf{background:linear-gradient(180deg,color-mix(in srgb,var(--teal,#48c2c5) 12%,var(--surface)),var(--surface))}
.cpf.zieht .cpf-kopf{cursor:grabbing}.cpf.zieht iframe{pointer-events:none}
.cpf-titel{flex:1;min-width:0;font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpf-extra{display:flex;align-items:center;gap:4px}
.cpf-link{font-size:12.5px;font-weight:600;padding:4px 9px;border-radius:8px;text-decoration:none;color:var(--teal-d,#0e7c80)}.cpf-link:hover{background:var(--surface2)}
.cpf-btn{border:0;background:none;width:30px;height:28px;border-radius:8px;cursor:pointer;color:var(--ink2);font-size:15px;line-height:1}
.cpf-btn:hover{background:var(--surface2);color:var(--ink)}.cpf-zu:hover{background:#ffe4e6;color:#be123c}
.cpf-inhalt{flex:1;min-height:0;overflow:auto}
.cpf-inhalt.cpf-mail{display:flex;flex-direction:column}
.cpf-inhalt.cpf-doc{overflow:hidden}.cpf-inhalt.cpf-doc iframe{width:100%;height:100%;border:0;display:block}
.cpf-r{position:absolute;z-index:6}.cpf.max .cpf-r{display:none}
.cpf-r-n,.cpf-r-s{left:12px;right:12px;height:7px;cursor:ns-resize}.cpf-r-n{top:0}.cpf-r-s{bottom:0}
.cpf-r-e,.cpf-r-w{top:12px;bottom:12px;width:7px;cursor:ew-resize}.cpf-r-e{right:0}.cpf-r-w{left:0}
.cpf-r-ne,.cpf-r-nw,.cpf-r-se,.cpf-r-sw{width:14px;height:14px}
.cpf-r-ne{top:0;right:0;cursor:nesw-resize}.cpf-r-sw{bottom:0;left:0;cursor:nesw-resize}.cpf-r-nw{top:0;left:0;cursor:nwse-resize}.cpf-r-se{bottom:0;right:0;cursor:nwse-resize}
.cpf-r-se::after{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:2px solid var(--ink3,#8a96a3);border-bottom:2px solid var(--ink3,#8a96a3);border-radius:0 0 3px 0;opacity:.55}

.cpf-inhalt.cpf-bild{display:flex;align-items:center;justify-content:center;background:#1f2933;overflow:auto}
.cpf-inhalt.cpf-bild img{max-width:100%;max-height:100%;object-fit:contain}
.cpf-inhalt.cpf-pdf{background:#525659}

/* Kundenbereich Dateien – wie die Cockpit-Ablage */
.pk .pd-fx{position:relative;background:#fff;border:1px solid var(--pk-linie);border-radius:var(--pk-r);box-shadow:var(--pk-schatten);overflow:hidden}
.pk .pd-leiste{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--pk-linie);background:#f8fbfb;flex-wrap:wrap}
.pk .pd-nav{display:flex;gap:4px}.pk .pd-nb{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;border:0;background:none;font-size:17px;color:var(--pk-ink2);cursor:pointer;text-decoration:none}
.pk .pd-nb:hover{background:#eef4f5}.pk .pd-nb.aus{opacity:.35;cursor:default}
.pk .pd-pfad{flex:1;min-width:200px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 12px;border:1px solid var(--pk-linie);border-radius:10px;background:#fff;font-size:14px}
.pk .pd-pfad a{text-decoration:none;color:var(--pk-ink2)}.pk .pd-pfad a:hover{color:var(--pk-a,#0e7c80)}.pk .pd-pfad i{font-style:normal;color:var(--pk-ink3)}
.pk .pd-body{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:420px}
.pk .pd-seite{border-right:1px solid var(--pk-linie);padding:8px 8px 14px;background:#fcfefe;overflow:auto;max-height:70vh}
.pk .pd-grp{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--pk-ink3);margin:8px 8px 4px}
.pk .pd-baum,.pk .pd-baum ul{list-style:none;margin:0;padding:0}.pk .pd-baum li>ul{display:none}.pk .pd-baum li.offen>ul{display:block}
.pk .pd-tk{display:flex;align-items:center;gap:2px;padding:0 6px 0 calc(4px + var(--t,0) * 14px);border-radius:8px;min-height:32px;font-size:13.5px}
.pk .pd-tk:hover{background:#f1f6f7}.pk .pd-tk.on{background:color-mix(in srgb,var(--pk-a,#48c2c5) 14%,#fff);font-weight:600}
.pk .pd-tk a{display:flex;align-items:center;gap:8px;flex:1;min-width:0;color:var(--pk-ink);text-decoration:none;padding:5px 0}
.pk .pd-tk a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pk .pd-pf{width:16px;height:16px;flex:none;border:0;background:none;color:var(--pk-ink3);font-size:13px;cursor:pointer;padding:0;transition:transform .15s;display:grid;place-items:center}
.pk li.offen>.pd-tk>.pd-pf{transform:rotate(90deg)}
.pk .pd-osvg{width:20px;height:20px;flex:none;fill:#F5B83D;stroke:#D99A1E;stroke-width:.8}
.pk .pd-haupt{min-width:0;overflow:auto}
.pk .pd-z{display:grid;grid-template-columns:minmax(0,1fr) 150px 140px 100px 44px;gap:10px;align-items:center;padding:0 16px;min-height:42px;border-bottom:1px solid #eef3f4;color:var(--pk-ink);text-decoration:none;font-size:13.5px}
.pk .pd-z:hover:not(.pd-kopf){background:#f6fafa}
.pk .pd-kopf{min-height:34px;font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--pk-ink3);background:#fbfdfd;position:sticky;top:0;z-index:1}
.pk .pd-n{display:flex;align-items:center;gap:10px;min-width:0}.pk .pd-n b,.pk .pd-n a{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pk-ink);text-decoration:none}
.pk .pd-n a:hover{color:var(--pk-a,#0e7c80);text-decoration:underline}
.pk .pd-ic{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--ic);color:#fff;font-size:9px;font-weight:800}
.pk .pd-m{font-size:12.5px;color:var(--pk-ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pk .pd-z .r{text-align:right}
.pk .pd-akt{display:flex;justify-content:flex-end}
.pk .pd-ab{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:var(--pk-ink2);cursor:pointer}.pk .pd-ab:hover{background:var(--pk-a,#48c2c5);color:#fff}
.pk .pd-ab .pi{width:16px;height:16px;padding:0;background:none}
.pk .pd-fuss{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:9px 16px;border-top:1px solid var(--pk-linie);background:#f8fbfb;font-size:12.5px;color:var(--pk-ink2)}
.pk .pd-kacheln{padding:16px}
.pk .pd-kachel .pd-osvg{width:30px;height:30px}
@media(max-width:800px){.pk .pd-body{grid-template-columns:1fr}.pk .pd-seite{display:none}.pk .pd-z{grid-template-columns:minmax(0,1fr) 44px}.pk .pd-z>.pd-m{display:none}}

/* Dialog «Neuer Ordner» im Kundenbereich */
.pd-dlg{border:0;border-radius:20px;padding:22px 24px;width:min(460px,94vw);box-shadow:0 40px 80px -30px rgba(0,0,0,.5);font-family:Inter,system-ui,sans-serif}
.pd-dlg::backdrop{background:rgba(7,19,21,.55);backdrop-filter:blur(3px)}
.pd-dlg-kopf{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.pd-dlg-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff7e6;flex:none}.pd-dlg-ic .pd-osvg{width:26px;height:26px;fill:#F5B83D;stroke:#D99A1E;stroke-width:.8}
.pd-dlg-kopf h2{margin:0;font-family:Poppins,Inter,sans-serif;font-size:18px;color:#1f2933}.pd-dlg-kopf p{margin:2px 0 0;font-size:13px;color:#8a96a3}
.pd-dlg-x{margin-left:auto;align-self:flex-start;border:0;background:none;width:32px;height:32px;border-radius:9px;font-size:15px;color:#8a96a3;cursor:pointer}.pd-dlg-x:hover{background:#f1f5f6;color:#1f2933}
.pd-dlg-feld{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#52606d}
.pd-dlg-feld input{font:inherit;font-size:15px;font-weight:500;padding:11px 13px;border:1.5px solid #e2e8ea;border-radius:12px;background:#f8fbfb;color:#1f2933;outline:0}
.pd-dlg-feld input:focus{border-color:#48c2c5;background:#fff;box-shadow:0 0 0 4px rgba(72,194,197,.18)}
.pd-dlg-k{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}

/* Dateien: Aktionen pro Zeile (herunterladen, umbenennen, löschen) */
.pk .pd-z{grid-template-columns:minmax(0,1fr) 150px 140px 100px 108px}
.pk .pd-akt{gap:2px}.pk .pd-ab{border:0;background:none;padding:0;font:inherit}
.pk .pd-ab.rot:hover{background:#dc2626}
.pk .pd-z .pd-ab{opacity:.55}.pk .pd-z:hover .pd-ab{opacity:1}
@media(max-width:800px){.pk .pd-z{grid-template-columns:minmax(0,1fr) 108px}}
.pd-dlg-ic .pi{width:24px;height:24px;padding:0;background:none}.pd-dlg-ic{color:#b7791f}.pd-dlg-ic.rot{background:#fee2e2;color:#dc2626}
.pd-dlg-hinweis{margin:0 22px 4px;font-size:13px;color:var(--pk-ink3)}
.pd-dlg .btn.rot{background:#dc2626;border-color:#dc2626;color:#fff}

/* Kundenbereich-Design: Kopf hell / in Hausfarbe, Anmeldeseite mit Bild */
.pk-kopf-farbe .pk-top{background:linear-gradient(135deg,var(--pk-d),var(--pk-dd))!important}
.pk-kopf-hell .pk-top{background:#fff!important;box-shadow:0 1px 0 rgba(0,0,0,.06),0 10px 30px -24px rgba(0,0,0,.25)}
.pk-kopf-hell .pk-top .pk-nav a{color:#4b5b60}
.pk-kopf-hell .pk-top .pk-nav a:hover{background:color-mix(in srgb,var(--pk-a2) 12%,#fff);color:#0f1d20}
.pk-kopf-hell .pk-top .pk-nav a.on{color:var(--pk-d);background:color-mix(in srgb,var(--pk-a2) 16%,#fff)}
.pk-kopf-hell .pk-top,.pk-kopf-hell .pk-top b,.pk-kopf-hell .pk-top button{color:#0f1d20}
.pk-kopf-hell .pk-top small{color:#6b7b80}
.pk-kopf-hell .pk-logo img.inv{filter:none}
.pk [hidden]{display:none!important}
.pk-login{display:flex;justify-content:center}
.pk-login.mit-bild{display:grid;grid-template-columns:1.1fr 1fr;max-width:1000px;margin:20px auto;background:#fff;border-radius:var(--pk-r);overflow:hidden;box-shadow:0 20px 50px -30px rgba(0,0,0,.35)}
.pk-login.mit-bild .kp-karte{margin:0;box-shadow:none;border-radius:0;align-self:center;max-width:none;width:auto}
.pk-login-bild{background-size:cover;background-position:center;min-height:440px}
@media(max-width:800px){.pk-login.mit-bild{grid-template-columns:1fr}.pk-login-bild{min-height:170px}}

/* Kundenbereich: Projekte */
.ppk{display:block;text-decoration:none;color:inherit;margin:0 0 12px;transition:transform .15s,box-shadow .15s}.ppk:hover{transform:translateY(-2px)}
.ppk-kopf{display:flex;justify-content:space-between;align-items:center}.ppk-kopf small{color:#6b7b80}
.ppk h3{margin:8px 0 10px}
.ppk-st{font-size:12px;font-weight:700;border-radius:99px;padding:3px 10px;background:color-mix(in srgb,var(--pk-a2) 18%,#fff);color:var(--pk-d)}
.ppk-abgeschlossen,.ppk-verrechnet{background:#dcfce7;color:#166534}.ppk-pausiert{background:#fef3c7;color:#92400e}
.ppk-fort{display:flex;align-items:center;gap:12px}.ppk-fort b{font-size:18px;color:var(--pk-d)}
.ppk-balken{flex:1;height:10px;border-radius:99px;background:#e8eef0;overflow:hidden}.ppk-balken i{display:block;height:100%;background:linear-gradient(90deg,var(--pk-d),var(--pk-a2));border-radius:99px}
.ppk-meta{margin:8px 0 0;color:#5b6b70;font-size:14px}
.ppk-nach{margin:10px 0 0;font-weight:700;color:#b45309}
.ppk-zurueck{margin:0 0 6px}.ppk-zurueck a{color:var(--pk-d);text-decoration:none;font-weight:600}
.ppk-ms{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.ppk-ms span{font-size:13px;border-radius:99px;padding:4px 12px;background:#ede9fe;color:#5b21b6}
.ppk-ms span.erl{background:#dcfce7;color:#166534}
.ppk-ph{margin:14px 0 0}.ppk-ph-k{display:flex;justify-content:space-between;border-bottom:1px solid #e3e9ea;padding-bottom:4px}.ppk-ph-k small{color:#6b7b80}
.ppk-ph ul{list-style:none;margin:6px 0 0;padding:0}
.ppk-ph li{display:grid;grid-template-columns:16px 1fr auto;gap:10px;align-items:center;padding:5px 0;font-size:14px}
.ppk-ph li small{color:#6b7b80}
.ppk-pkt{width:10px;height:10px;border-radius:99px;border:2px solid #cbd5e1}
.ppk-t-erledigt .ppk-pkt{background:#16a34a;border-color:#16a34a}.ppk-t-erledigt span:nth-child(2){color:#6b7b80}
.ppk-t-arbeit .ppk-pkt{background:var(--pk-a2);border-color:var(--pk-a2)}.ppk-t-blockiert .ppk-pkt{border-color:#f59e0b}
.ppk-nachtraege{border:1px solid #fde68a;background:#fffbeb}
.ppk-nt{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;padding:12px 0;border-top:1px solid #fde68a}
.ppk-nt p{margin:4px 0;color:#4b5b60;font-size:14px;white-space:pre-wrap}.ppk-nt small{color:#6b7b80}
.ppk-nt-f{display:flex;gap:8px;flex-wrap:wrap}.ppk-nt-f input{border:1px solid #e3e9ea;border-radius:10px;padding:8px 10px;font:inherit;min-width:180px}
.ppk-nt-st{font-weight:700;color:#166534}.ppk-nt-abgelehnt .ppk-nt-st{color:#b91c1c}
.ppk-doc{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #e3e9ea;color:var(--pk-d);text-decoration:none;font-weight:600}

/* Kombi-Angebote (Bundles) */
.kb-titel small{font-weight:400;font-size:13px;color:var(--kp-ink3,#6B7680);margin-left:8px}
.kb{border:1.5px solid color-mix(in srgb,#059669 35%,transparent)}
.kb-empf{position:absolute;top:14px;right:14px;font-size:11px;font-weight:700;background:#059669;color:#fff;border-radius:999px;padding:3px 10px}
.kb-prod{display:flex;flex-direction:column;gap:3px;font-size:13.5px}
.kb-prod span{color:#065F46}
.bk-preis s,.kb-statt s{color:#94A3B8;font-weight:400;font-size:.85em;margin-right:4px}
.kb-spar{display:inline-block;font-size:12px;font-weight:700;color:#047857;background:#D1FAE5;border-radius:999px;padding:2px 10px}
.kb-marke{font-size:12px;font-weight:700;color:#047857;background:#D1FAE5;border-radius:999px;padding:3px 10px;vertical-align:middle;margin-left:8px}
.kb-teil{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #EEF2F4}
.kb-teil:last-child{border-bottom:0}
.kb-teil div{display:flex;flex-direction:column;gap:2px}.kb-teil small{color:#6B7680}
.kb-pct{font-size:12px;font-weight:700;color:#047857;background:#D1FAE5;border-radius:999px;padding:2px 9px;white-space:nowrap}
.kb-spar-box{margin:8px 0;padding:8px 12px;border-radius:10px;background:#ECFDF5;color:#047857;font-weight:600;font-size:13.5px}
.kp-bundle{display:inline-block;font-size:11px;font-weight:700;color:#047857;background:#D1FAE5;border-radius:999px;padding:2px 9px;margin-left:6px;vertical-align:middle}
.kp-bundle.ex{color:#92400E;background:#FEF3C7}
.kb-pkopf{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.kb-pkopf h2{margin:0}
.kb-fest{display:flex;flex-direction:column;gap:4px;margin-top:10px;font-size:13.5px;color:#065F46}
.kb-zeilenpreis{margin-top:10px;text-align:right;font-size:13.5px;font-variant-numeric:tabular-nums}
.kb-zeilenpreis s{color:#94A3B8}
.kb-oben{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:-2px}
.kb-art{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#047857}
.kb .kb-empf{position:static;font-size:11px;font-weight:700;background:#059669;color:#fff;border-radius:999px;padding:3px 10px}
.kb-pz{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.kb-pz em{font-style:normal;font-size:11.5px;font-weight:700;color:#047857;background:#D1FAE5;border-radius:999px;padding:1px 8px;white-space:nowrap}
.kb-fuss{flex-direction:column;align-items:flex-start;gap:6px}
.kb-unten{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#6B7680;margin-top:2px}
.kb-los{font-size:13px;font-weight:700;color:#047857;white-space:nowrap}
.kb:hover .kb-los{text-decoration:underline}
.kb-vorteil{font-family:Poppins,Inter,sans-serif;font-size:20px;font-weight:700;color:#047857;line-height:1.2}
.kb-konf{font-size:12.5px;color:#6B7680}

/* Ticket-Verlauf: Ereignisse (Status, Department, interne Notiz) */
.kp-ereignis{display:flex;align-items:center;justify-content:center;gap:8px;margin:2px auto;font-size:12.5px;color:#6B7680;text-align:center}
.kp-ereignis span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#EEF2F4;font-size:11px;color:#475569}
.kp-ereignis small{color:#94A3B8;margin-left:4px}
/* Kombi-Angebote: Karte (v2) */
.kb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:16px;margin-top:6px}
.kb2{display:flex;flex-direction:column;gap:12px;padding:20px 22px;border-radius:20px;text-decoration:none;color:inherit;background:linear-gradient(180deg,#F0FBF7,#fff 55%);
  border:1.5px solid #A7E3C9;box-shadow:0 14px 30px -22px rgba(4,120,87,.55);transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}
.kb2::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#059669,#34D399)}
.kb2:hover{transform:translateY(-2px);box-shadow:0 20px 36px -22px rgba(4,120,87,.6)}
.kb2-oben{display:flex;justify-content:space-between;align-items:center;gap:8px}
.kb2-empf{font-size:11px;font-weight:700;background:#059669;color:#fff;border-radius:999px;padding:3px 10px;white-space:nowrap}
.kb2-kopf{display:flex;align-items:center;gap:12px}
.kb2-kopf b{font-family:Poppins,Inter,sans-serif;font-size:17px;line-height:1.25;color:#065F46}
.kb2-ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 18px -10px #059669}
.kb2-ic svg,.kb2-ic .kp-picon{width:24px;height:24px;padding:0;background:none;color:#fff;stroke:#fff}
.kb2-prod{display:flex;flex-direction:column;gap:6px;font-size:14px}
.kb2-pz{display:grid;grid-template-columns:18px 1fr auto;gap:6px;align-items:start}
.kb2-pz i{font-style:normal;color:#059669;font-weight:700}
.kb2-pz em{font-style:normal;font-size:12px;font-weight:700;color:#047857;background:#D1FAE5;border-radius:999px;padding:1px 9px;white-space:nowrap}
.kb2-text{font-size:13.5px;color:#475569}
.kb2-vorteil{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:14px;background:#ECFDF5;border:1px solid #A7F3D0}
.kb2-vorteil b{font-family:Poppins,Inter,sans-serif;font-size:19px;color:#047857;line-height:1.2}
.kb2-vorteil small{font-size:12.5px;color:#4B5563}.kb2-vorteil s{color:#94A3B8}
.kb2-los{display:block;text-align:center;padding:11px 14px;border-radius:12px;background:#059669;color:#fff;font-weight:700;font-size:14px}
.kb2:hover .kb2-los{background:#047857}
.kb2-hinweis{text-align:center;font-size:11.5px;color:#6B7680;margin-top:-6px}
.bk-ic .kp-picon{padding:0;background:none;width:22px;height:22px;color:#fff}

/* ===== Mobile wie eine App (30.10.2026): Startkarte luftig, Knöpfe als Raster, Leiste unten, Installieren-Hinweis ===== */
.pk-tabbar,.pk-app{display:none}
@media(max-width:700px){
  .pk-hero{padding:22px 18px 20px;border-radius:22px}
  .pk-hero h1{font-size:24px;line-height:1.2}
  .pk-hero p{font-size:14px;line-height:1.55}
  .pk-hero .pk-kdnr{display:none}
  .pk-hero .pk-status-pill{align-self:stretch;justify-content:center}
  .pk-hero-akt{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
  .pk-hero-akt a{justify-content:center;text-align:center;padding:13px 10px;font-size:14px;border-radius:14px;min-height:48px;box-sizing:border-box}
  .pk-hero-akt a.prim{grid-column:1/-1;font-size:15px;min-height:52px}
  .pk-hero-akt a:only-child,.pk-hero-akt a:last-child:nth-child(2){grid-column:1/-1}
  .pk-hero-globus{display:none}
  /* App-Leiste unten */
  .pk-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:80;justify-content:space-around;align-items:stretch;
    padding:6px 6px calc(6px + var(--sa-unten,env(safe-area-inset-bottom)));background:color-mix(in srgb,var(--pk-nacht,#0F2A2D) 94%,transparent);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -8px 24px -12px rgba(0,0,0,.35)}
  .pk-tabbar a,.pk-tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:12px;background:none;border:0;
    color:rgba(233,246,246,.7);font:inherit;font-size:10.5px;font-weight:600;text-decoration:none;cursor:pointer;min-width:0}
  .pk-tabbar a span,.pk-tabbar button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pk-tabbar .pi{width:22px;height:22px}
  .pk-tabbar a.on{color:#fff;background:rgba(72,194,197,.16)}.pk-tabbar a.on .pi{color:#48C2C5}
  .pk-tabbar [hidden]{display:none}
  .kp.pk{padding-bottom:calc(72px + var(--sa-unten,env(safe-area-inset-bottom)))}
  /* Burger oben nicht mehr nötig – «Mehr» unten öffnet das Menü */
  .pk-burger{display:none!important}
  /* Hinweis «Als App installieren» */
  .pk-app:not([hidden]){display:flex;position:fixed;left:12px;right:12px;bottom:calc(76px + var(--sa-unten,env(safe-area-inset-bottom)));z-index:81;align-items:center;gap:12px;
    padding:12px 12px 12px 14px;border-radius:16px;background:#fff;color:#10202a;box-shadow:0 18px 40px -16px rgba(7,40,44,.55);border:1px solid rgba(15,42,45,.08)}
  .pk-app-ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#48C2C5,#0E7C80);color:#fff}
  .pk-app-ic .pi{width:22px;height:22px}
  .pk-app-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pk-app-t b{font-size:14px}.pk-app-t small{font-size:12px;color:#5b6b70;line-height:1.35}
  .pk-app-ja{flex:none;border:0;border-radius:10px;padding:9px 14px;font:inherit;font-weight:700;font-size:13px;color:#fff;background:var(--pk-d,#0E7C80);cursor:pointer}
  .pk-app-ja[hidden]{display:none}
  .pk-app-weg{flex:none;border:0;background:none;color:#8a979b;font-size:16px;padding:4px;cursor:pointer}
}
/* als installierte App: Platz für die Statusleiste (iPhone) */
@media(display-mode:standalone){.pk-top{padding-top:var(--sa-oben,env(safe-area-inset-top))}}
/* iPhone: Symbole der App-Leiste tiefer, Leiste farblich bis ganz unten (30.10.2026) */
@media(max-width:700px){
  .pk-tabbar{padding-bottom:max(6px,calc(var(--sa-unten,env(safe-area-inset-bottom)) - 20px))}
  .pk-tabbar::after{content:"";position:absolute;left:0;right:0;top:100%;height:200px;background:inherit}
  .kp.pk{padding-bottom:calc(62px + var(--sa-unten,env(safe-area-inset-bottom)))}
  .pk-app:not([hidden]){bottom:calc(66px + var(--sa-unten,env(safe-area-inset-bottom)))}
}

/* ================= Anmeldeseite als kleine Webseite (31.10.2026) – portal/_seite.html ================= */
.pk-mit-seite .pk-inhalt{max-width:none;padding:0;gap:0}
.pk-mit-seite .kp-fuss{border-top:1px solid var(--pk-linie)}
.ps{--ps-f1:var(--pk-nacht);--ps-f2:var(--pk-d);--ps-ink2:var(--pk-ink2);--ps-kachel:#fff;--ps-linie:var(--pk-linie);--ps-rk:min(var(--pk-r),14px)}
.ps-in{max-width:1180px;margin:0 auto;padding:0 28px;box-sizing:border-box}
.ps-eye{margin:0 0 12px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pk-d)}
.ps h1,.ps h2,.ps h3{margin:0;color:inherit;text-wrap:balance}
.ps-lead{font-size:17px;line-height:1.6;color:var(--ps-ink2)}.ps-lead p{margin:0 0 .6em}.ps-lead p:last-child{margin:0}
.ps-akt{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.ps-knopf{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:var(--ps-rk);background:var(--pk-d);color:#fff !important;font-weight:650;font-size:15px;
  text-decoration:none;box-shadow:0 10px 24px -12px var(--pk-d);transition:transform .15s,box-shadow .15s,background .15s}
.ps-knopf:hover{transform:translateY(-1px);background:var(--pk-dd)}
.ps-knopf.zweit{background:transparent;color:inherit !important;box-shadow:inset 0 0 0 1.5px currentColor;opacity:.92}
.ps-knopf.zweit:hover{background:rgba(127,127,127,.1)}
.ps-punkte{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:11px}
.ps-punkte li{position:relative;padding-left:32px;font-size:15.5px;line-height:1.5}.ps-punkte li p{margin:0}
.ps-punkte li::before{content:"";position:absolute;left:0;top:1px;width:21px;height:21px;border-radius:50%;
  background:var(--pk-a2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f1a2b' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--pk-a2) 20%,transparent)}

/* Bühne */
.ps-buehne{position:relative;overflow:hidden;padding:84px 0 96px;color:#fff;--ps-ink2:rgba(255,255,255,.78)}
.ps-buehne .ps-eye{color:var(--pk-a2)}
.ps-bh-dunkel{background:radial-gradient(900px 520px at 88% -10%,color-mix(in srgb,var(--pk-a2) 30%,transparent),transparent 65%),
  radial-gradient(700px 500px at -10% 110%,color-mix(in srgb,var(--pk-d) 40%,transparent),transparent 70%),linear-gradient(160deg,var(--ps-f1),color-mix(in srgb,var(--ps-f1) 70%,#000))}
.ps-bh-verlauf{background:radial-gradient(800px 480px at 90% 0%,color-mix(in srgb,var(--pk-a2) 35%,transparent),transparent 65%),linear-gradient(135deg,var(--ps-f1),var(--ps-f2))}
.ps-bh-farbe{background:radial-gradient(800px 480px at 90% 0%,rgba(255,255,255,.16),transparent 65%),var(--pk-d)}
.ps-bh-hell{color:var(--pk-ink);--ps-ink2:var(--pk-ink2);background:radial-gradient(900px 520px at 90% -10%,color-mix(in srgb,var(--pk-a2) 22%,transparent),transparent 65%),
  linear-gradient(180deg,#fff,var(--pk-bg))}
.ps-bh-hell .ps-eye{color:var(--pk-d)}
.ps-bh-bild{background:linear-gradient(90deg,rgba(0,0,0,calc(var(--ps-dunkel,.4) + .15)),rgba(0,0,0,var(--ps-dunkel,.4))),var(--ps-hgbild) center/cover no-repeat,var(--pk-nacht)}
.ps-muster::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:44px 44px;
  -webkit-mask-image:radial-gradient(ellipse 70% 80% at 70% 30%,#000,transparent 75%);mask-image:radial-gradient(ellipse 70% 80% at 70% 30%,#000,transparent 75%)}
.ps-muster.ps-bh-hell::before{background-image:linear-gradient(rgba(15,40,45,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(15,40,45,.06) 1px,transparent 1px)}
.ps-buehne-raster{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:64px;align-items:center}
.ps-karte-links .ps-login{order:-1}
.ps-karte-mitte .ps-buehne-raster{grid-template-columns:minmax(0,460px);justify-content:center}
.ps-buehne h1{font-size:clamp(34px,4.4vw,56px);line-height:1.04;letter-spacing:-.025em;font-weight:800}
.ps-buehne .ps-lead{margin-top:20px;font-size:18px;max-width:560px}
.ps-buehne-bild{display:block;margin-top:36px;max-width:100%;border-radius:var(--pk-r);box-shadow:0 30px 60px -30px rgba(0,0,0,.55)}
.ps-login .kp-karte{max-width:440px;width:100%;margin:0 0 0 auto;box-sizing:border-box;padding:32px 32px 26px;color:var(--pk-ink);
  box-shadow:0 2px 6px rgba(0,0,0,.06),0 40px 80px -36px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.6)}
.ps-karte-links .ps-login .kp-karte,.ps-karte-mitte .ps-login .kp-karte{margin:0 auto}
.ps-login .kp-karte h1{font-size:24px;margin-bottom:4px}
.ps-login .kp-form{margin-top:16px}.ps-login .kp-form .btn{width:100%;justify-content:center;padding:12px;font-size:15px;align-self:stretch}
.ps-login .kp-karte>.small{margin:16px 0 0;text-align:center}

/* Blöcke */
.ps-block{padding:84px 0}
.ps-hg-weiss{background:#fff;--ps-kachel:var(--pk-bg)}
.ps-hg-grau{background:color-mix(in srgb,var(--pk-bg) 88%,var(--pk-ink) 5%)}
.ps-hg-dunkel,.ps-hg-farbe,.ps-hg-verlauf{color:#fff;--ps-ink2:rgba(255,255,255,.76);--ps-kachel:rgba(255,255,255,.06);--ps-linie:rgba(255,255,255,.12)}
.ps-hg-dunkel{background:radial-gradient(800px 400px at 85% 0%,color-mix(in srgb,var(--pk-a2) 18%,transparent),transparent 65%),var(--pk-nacht)}
.ps-hg-farbe{background:var(--pk-d)}
.ps-hg-verlauf{background:linear-gradient(135deg,var(--pk-d),var(--pk-nacht))}
.ps-hg-dunkel .ps-eye,.ps-hg-farbe .ps-eye,.ps-hg-verlauf .ps-eye{color:var(--pk-a2)}
.ps-hg-farbe .ps-eye{color:#fff;opacity:.8}
.ps-hg-dunkel .ps-knopf:not(.zweit),.ps-hg-farbe .ps-knopf:not(.zweit),.ps-hg-verlauf .ps-knopf:not(.zweit){background:#fff;color:var(--pk-nacht) !important;box-shadow:none}
.ps-kp{max-width:720px;margin-bottom:40px}.ps-kp.mitte{margin-left:auto;margin-right:auto;text-align:center}
.ps-kp h2{font-size:clamp(26px,3vw,40px);line-height:1.12;letter-spacing:-.02em;font-weight:800}
.ps-kp .ps-lead{margin-top:14px}
.ps-kacheln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ps-kacheln.sp-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ps-kacheln.sp-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ps-kachel{background:var(--ps-kachel);border:1px solid var(--ps-linie);border-radius:var(--pk-r);padding:26px 24px;transition:transform .2s,box-shadow .2s}
.ps-kachel:hover{transform:translateY(-3px);box-shadow:0 24px 40px -28px rgba(15,40,45,.45)}
.ps-ic{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:min(var(--pk-r),13px);font-size:22px;margin-bottom:16px;
  background:color-mix(in srgb,var(--pk-a2) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pk-a2) 30%,transparent)}
.ps-kachel h3{font-size:17.5px;line-height:1.3;margin-bottom:8px;font-weight:700}
.ps-kachel div,.ps-schritte li div{font-size:14.5px;line-height:1.6;color:var(--ps-ink2)}.ps-kachel p,.ps-schritte p{margin:0}
.ps-tb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center}
.ps-tb.links .ps-tb-bild{order:-1}.ps-tb.ohne{grid-template-columns:minmax(0,760px)}
.ps-tb .ps-kp{margin-bottom:0}.ps-tb .ps-punkte{margin-top:24px}
.ps-tb-bild img{display:block;width:100%;border-radius:var(--pk-r);box-shadow:0 30px 60px -32px rgba(15,40,45,.5)}
.ps-zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px}
.ps-zahlen div{text-align:center;padding:26px 16px;border-radius:var(--pk-r);background:var(--ps-kachel);border:1px solid var(--ps-linie)}
.ps-zahlen b{display:block;font-family:var(--ps-titel,inherit);font-size:44px;line-height:1;font-weight:800;letter-spacing:-.03em;color:var(--pk-d)}
.ps-hg-dunkel .ps-zahlen b,.ps-hg-farbe .ps-zahlen b,.ps-hg-verlauf .ps-zahlen b{color:var(--pk-a2)}
.ps-zahlen span{display:block;margin-top:10px;font-size:14px;color:var(--ps-ink2)}
.ps-schritte{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;counter-reset:s}
.ps-schritte li{position:relative;padding:26px 24px;border-radius:var(--pk-r);background:var(--ps-kachel);border:1px solid var(--ps-linie)}
.ps-schritte li>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--pk-d);color:#fff;font-weight:800;margin-bottom:16px}
.ps-hg-dunkel .ps-schritte li>span,.ps-hg-farbe .ps-schritte li>span,.ps-hg-verlauf .ps-schritte li>span{background:var(--pk-a2);color:var(--pk-nacht)}
.ps-schritte h3{font-size:17px;margin-bottom:8px;font-weight:700}
.ps-faq{max-width:780px;margin:0 auto;display:grid;gap:10px}
.ps-faq details{background:var(--ps-kachel);border:1px solid var(--ps-linie);border-radius:var(--ps-rk);padding:0 20px}
.ps-faq summary{cursor:pointer;list-style:none;padding:18px 30px 18px 0;font-weight:650;font-size:16px;position:relative}
.ps-faq summary::-webkit-details-marker{display:none}
.ps-faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:22px;font-weight:400;color:var(--pk-d);transition:transform .2s}
.ps-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.ps-faq details>div{padding:0 0 18px;color:var(--ps-ink2);line-height:1.6;font-size:15px}.ps-faq details>div p{margin:0 0 .5em}
.ps-zitat{max-width:820px;margin:0 auto;text-align:center}
.ps-zitat blockquote{margin:0;font-size:clamp(20px,2.4vw,27px);line-height:1.45;font-weight:600;letter-spacing:-.01em}
.ps-zitat blockquote p{margin:0}.ps-zitat blockquote::before{content:"“";display:block;font-size:72px;line-height:.6;color:var(--pk-a2);margin-bottom:10px}
.ps-zitat figcaption{display:inline-flex;align-items:center;gap:12px;margin-top:26px;text-align:left}
.ps-zitat figcaption img{width:50px;height:50px;border-radius:50%;object-fit:cover}
.ps-zitat figcaption b{display:block}.ps-zitat figcaption small{display:block;color:var(--ps-ink2);font-size:13.5px}
.ps-kontakt{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.ps-kontakt>*{display:flex;flex-direction:column;gap:3px;padding:22px 22px;border-radius:var(--pk-r);background:var(--ps-kachel);border:1px solid var(--ps-linie);
  color:inherit !important;text-decoration:none;transition:transform .15s,border-color .15s}
.ps-kontakt a:hover{transform:translateY(-2px);border-color:var(--pk-a2)}
.ps-kontakt .ps-ic{margin-bottom:10px}.ps-kontakt small{color:var(--ps-ink2);font-size:13px}.ps-kontakt b{font-size:17px}
.ps-kontakt .rot .ps-ic{background:#ffe4e8;box-shadow:inset 0 0 0 1px #fecdd6}
.ps-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;padding:44px 48px;border-radius:calc(var(--pk-r) + 4px);color:#fff;--ps-ink2:rgba(255,255,255,.8);
  background:radial-gradient(600px 300px at 100% 0%,color-mix(in srgb,var(--pk-a2) 40%,transparent),transparent 70%),linear-gradient(135deg,var(--pk-d),var(--pk-nacht))}
.ps-cta h2{font-size:clamp(24px,2.6vw,34px);letter-spacing:-.02em;font-weight:800}.ps-cta .ps-lead{margin-top:10px;max-width:620px}
.ps-cta .ps-akt{margin:0}.ps-cta .ps-knopf:not(.zweit){background:#fff;color:var(--pk-nacht) !important;box-shadow:none}
.ps-hg-dunkel .ps-cta,.ps-hg-farbe .ps-cta,.ps-hg-verlauf .ps-cta{background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.ps-b-hinweis{padding:30px 0}
.ps-hw{display:flex;gap:14px;align-items:flex-start;padding:16px 20px;border-radius:var(--ps-rk);background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a5f;font-size:15px;line-height:1.55}
.ps-hw.warn{background:#fffbeb;border-color:#fde68a;color:#78350f}.ps-hw.ok{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}
.ps-hw p{margin:0}
.ps-text{max-width:760px}.ps-text.mitte{margin:0 auto}.ps-text .ps-kp{margin-bottom:0}
.ps-bild{margin:0 auto;max-width:980px}.ps-bild img{display:block;width:100%;border-radius:var(--pk-r);box-shadow:0 30px 60px -34px rgba(15,40,45,.45)}
.ps-bild.voll{max-width:none}.ps-bild figcaption{margin-top:12px;text-align:center;color:var(--ps-ink2);font-size:14px}

@media(max-width:960px){
  .ps-kacheln.sp-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ps-buehne-raster,.ps-tb{gap:40px}
}
@media(max-width:820px){
  .ps-in{padding:0 18px}
  .ps-buehne{padding:38px 0 48px}
  .ps-buehne-raster{grid-template-columns:minmax(0,1fr);gap:0}
  .ps-buehne-text{display:contents}
  .ps-buehne-text>.ps-eye{order:1}.ps-buehne h1{order:2;font-size:clamp(30px,8.4vw,40px)}.ps-buehne .ps-lead{order:3;font-size:16px;margin-top:14px}
  .ps-login{order:4;margin-top:26px}.ps-buehne .ps-punkte{order:5;margin-top:28px}.ps-buehne .ps-akt{order:6}.ps-buehne-bild{order:7}
  .ps-karte-links .ps-login{order:4}
  .ps-login .kp-karte{max-width:none;padding:24px 20px 20px}
  .ps-block{padding:54px 0}.ps-kp{margin-bottom:28px}
  .ps-kacheln,.ps-kacheln.sp-2,.ps-kacheln.sp-4,.ps-tb{grid-template-columns:minmax(0,1fr)}
  .ps-tb.links .ps-tb-bild{order:0}
  .ps-cta{padding:30px 24px}
}
/* Dunkelmodus des Geräts: die Cockpit-Regel macht Knopfschrift dunkel (für Türkis) – im Kundenbereich immer weiss (31.10.2026) */
.kp.pk .btn:not(.ghost),.kp.pk .btn:not(.ghost):hover{color:#fff}