/* zynor Design-System (04.11.2026) – Standard dunkel, hell per Umschalter (data-theme auf <html>) */
:root,:root[data-theme="dark"]{--bg:#0b0d12;--bg2:#0f1219;--card:#141821;--card2:#191e29;--tx:#eceff5;--mu:#9aa3b5;--bd:#252b38;--ac:#8b7fff;--ac2:#35d0ee;--ok:#4cc38a;--wa:#f0a35e;--er:#ff8a65;
  --sh:0 1px 2px rgba(0,0,0,.3),0 12px 32px -16px rgba(0,0,0,.6);--glow:color-mix(in srgb,var(--ac) 35%,transparent);color-scheme:dark}
:root[data-theme="light"]{--bg:#f7f8fb;--bg2:#eef1f7;--card:#ffffff;--card2:#f9fafc;--tx:#12151d;--mu:#5b6475;--bd:#e3e7ee;--ac:#5b4bff;--ac2:#0a9fbd;--ok:#18794e;--wa:#b54708;--er:#c4320a;
  --sh:0 1px 2px rgba(16,24,40,.05),0 12px 32px -18px rgba(16,24,40,.25);--glow:color-mix(in srgb,var(--ac) 22%,transparent);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}
a{color:var(--ac)}a:hover{text-decoration:none}::selection{background:color-mix(in srgb,var(--ac) 35%,transparent)}
:focus-visible{outline:2px solid var(--ac);outline-offset:2px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;z-index:20;background:var(--ac);color:#fff;padding:8px 12px;border-radius:8px}.skip:focus{left:8px}
main{max-width:1160px;width:100%;margin:0 auto;padding:22px 20px 40px;flex:1}main:focus{outline:0}

/* ---- Kopfzeile ---- */
.top{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px max(20px,calc((100% - 1160px)/2 + 20px));
  background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--bd)}
.top.adm{background:#0d1017;color:#fff;flex-wrap:wrap;padding:10px 20px}.top.adm .btn{background:#1d2230;color:#fff;border-color:#2d3343}.top.adm .btn.on{background:var(--ac);border-color:var(--ac)}
.logo{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:800;letter-spacing:-.04em;color:var(--tx);text-decoration:none}
.logo i{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,#5b4bff,#00b8d9);box-shadow:0 0 18px var(--glow);transform:rotate(12deg)}
.nav{display:flex;gap:4px;align-items:center}.nav a.lnk{color:var(--mu);text-decoration:none;padding:7px 11px;border-radius:8px;font-size:15px}.nav a.lnk:hover,.nav a.lnk.on{color:var(--tx);background:color-mix(in srgb,var(--tx) 6%,transparent)}
.tl{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lnk{color:var(--mu);cursor:pointer;padding:6px 8px;background:none;border:0;font:inherit;text-decoration:none}.lnk:hover{color:var(--tx)}
.burger{display:none;background:none;border:1px solid var(--bd);color:var(--tx);border-radius:10px;width:40px;height:38px;font-size:18px;cursor:pointer}
@media(max-width:880px){.nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;padding:10px 16px 16px;background:var(--bg);border-bottom:1px solid var(--bd)}
  .nav.open{display:flex}.nav a.lnk{padding:12px}.burger{display:inline-block}.tl .hide-m{display:none}}
.themebtn{display:inline-flex;align-items:center;gap:8px;background:none;border:1px solid var(--bd);color:var(--mu);border-radius:99px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}
.themebtn:hover{color:var(--tx);border-color:color-mix(in srgb,var(--tx) 25%,var(--bd))}.themebtn .ti::before{content:"☀️"}.themebtn .tl2::before{content:"Hell"}
:root[data-theme="light"] .themebtn .ti::before{content:"🌙"}:root[data-theme="light"] .themebtn .tl2::before{content:"Dunkel"}
.themebtn.icon .tl2{display:none}.themebtn.icon{padding:6px 9px}

/* ---- Grundbausteine ---- */
.btn{border:1px solid var(--bd);background:var(--card);color:var(--tx);padding:9px 16px;border-radius:10px;cursor:pointer;font:inherit;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .15s,box-shadow .15s,background .15s;line-height:1.3}
.btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--tx) 22%,var(--bd))}.btn:disabled{opacity:.55;cursor:default;transform:none}
.btn.pri{background:linear-gradient(90deg,#5b4bff,#3f8cff 60%,#00b8d9);border:0;color:#fff;font-weight:600;box-shadow:0 8px 24px -10px #5b4bff}
.btn.pri:hover{box-shadow:0 12px 30px -10px #5b4bff}.btn.lg{padding:13px 22px;font-size:16px;border-radius:12px}.btn.ghost{background:none}
h1,h2,h3{letter-spacing:-.02em;line-height:1.2}h2{font-size:clamp(24px,3.2vw,34px);margin:0 0 8px}.sub{color:var(--mu);margin:0 0 18px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:20px;margin-bottom:12px;box-shadow:var(--sh)}
.grid .card{margin:0;display:flex;flex-direction:column}
.price{font-size:30px;font-weight:800;margin:6px 0}.card ul{padding-left:18px;color:var(--mu)}
label{display:block;font-size:13px;font-weight:500;color:var(--mu);margin:12px 0 5px}
input,textarea,select{width:100%;padding:11px 12px;border:1px solid var(--bd);border-radius:10px;background:var(--bg2);color:var(--tx);font:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}
input:focus,textarea:focus,select:focus{outline:0;border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 22%,transparent)}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:640px){.g2{grid-template-columns:1fr}}
.row{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;align-items:center}
.tag{font-size:12px;padding:2px 10px;border-radius:99px;border:1px solid var(--bd);color:var(--mu);white-space:nowrap}.tag.ok{color:var(--ok);border-color:var(--ok)}.tag.wa{color:var(--wa);border-color:var(--wa)}
.mu{color:var(--mu);font-size:14px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips label{display:flex;gap:7px;align-items:center;margin:0;color:var(--tx);font-size:14px;font-weight:400;border:1px solid var(--bd);border-radius:99px;padding:6px 12px;background:var(--bg2);cursor:pointer}
.chips input{width:auto;margin:0}.chips label:has(input:checked){border-color:var(--ac);background:color-mix(in srgb,var(--ac) 14%,var(--bg2))}
.tabs{display:flex;gap:6px;margin:6px 0 18px;flex-wrap:wrap}.tabs .btn.on{background:var(--ac);color:#fff;border-color:var(--ac)}
.msg{padding:8px 12px;border-radius:12px;margin:6px 0;max-width:85%;background:var(--bg2);white-space:pre-wrap}.msg.me{margin-left:auto;background:color-mix(in srgb,var(--ac) 18%,var(--bg2))}
#toast{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));background:var(--ac);color:#fff;padding:12px 16px;border-radius:12px;z-index:30;cursor:pointer;max-width:calc(100% - 32px);box-shadow:var(--sh)}
#toast.err{background:var(--er)}#toast:empty{display:none}
#inv{background:#fff;color:#111;padding:28px;border-radius:12px;margin-bottom:12px}#inv td,#inv th{border-bottom:1px solid #ddd;padding:8px;text-align:left}#inv table{width:100%;border-collapse:collapse}#inv .mu{color:#555}
@media print{body *{visibility:hidden}#inv,#inv *{visibility:visible}#inv{position:absolute;inset:0}#inv .acts{display:none}}
.tw{overflow-x:auto}table.t{width:100%;border-collapse:collapse}table.t th,table.t td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--bd);vertical-align:top}table.t th{font-size:13px;color:var(--mu);font-weight:600}
.auth{max-width:440px;margin:40px auto}.err{color:var(--er)}.ok-box{border-color:var(--ok)}
details summary{cursor:pointer;color:var(--mu);font-size:13px}.ev{font-size:12px;color:var(--mu);margin:2px 0}
.pre{white-space:pre-wrap}.steps{counter-reset:s}

/* ---- Startseite ---- */
.sec{padding:72px 0 8px}.sec .eyebrow{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ac);margin-bottom:10px}
.sec .lead{color:var(--mu);font-size:18px;max-width:640px;margin:0 0 28px}
.hero{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding:64px 0 30px}
.hero::before{content:"";position:absolute;inset:-40px -20vw auto;height:520px;z-index:-1;background:radial-gradient(600px 300px at 15% 20%,color-mix(in srgb,#5b4bff 22%,transparent),transparent 70%),radial-gradient(500px 280px at 85% 30%,color-mix(in srgb,#00b8d9 16%,transparent),transparent 70%)}
.hero h1{font-size:clamp(36px,5.4vw,60px);margin:14px 0 16px;letter-spacing:-.035em;line-height:1.05}.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--ac),var(--ac2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{font-size:19px;color:var(--mu);margin:0 0 26px;max-width:560px}
.badge{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:99px;border:1px solid var(--bd);background:var(--card);font-size:13px;color:var(--mu)}.badge b{background:linear-gradient(90deg,#5b4bff,#00b8d9);color:#fff;border-radius:99px;padding:1px 8px;font-size:12px}
.trust{display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:26px;color:var(--mu);font-size:14px}.trust span{display:inline-flex;align-items:center;gap:7px}.trust span::before{content:"✓";color:var(--ok);font-weight:700}
.demo{background:var(--card);border:1px solid var(--bd);border-radius:18px;box-shadow:var(--sh),0 30px 80px -40px var(--glow);padding:16px;font-size:14px}
.demo .dh{display:flex;align-items:center;gap:8px;color:var(--mu);font-size:12px;margin-bottom:12px}.demo .dh i{width:9px;height:9px;border-radius:50%;background:var(--bd)}.demo .dh span{margin-left:auto}
.step3{display:flex;flex-direction:column;gap:10px}.st{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:12px;background:var(--bg2);border:1px solid var(--bd)}
.st .si{flex:none;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--ac) 18%,transparent);font-size:16px}
.st b{display:block;font-size:14px}.st .mu{font-size:13px}.st.ok{border-color:color-mix(in srgb,var(--ok) 45%,var(--bd))}.st .pill{display:inline-block;margin-top:6px;font-size:12px;padding:2px 9px;border-radius:99px;background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}
.demo .note{margin:10px 2px 0;font-size:12px;color:var(--mu)}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:36px}}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.fcard{position:relative;padding:22px;border-radius:16px;background:var(--card);border:1px solid var(--bd);box-shadow:var(--sh);transition:transform .2s,border-color .2s}
.fcard:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--ac) 40%,var(--bd))}.fcard .fi{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:color-mix(in srgb,var(--ac) 15%,transparent);margin-bottom:12px}
.fcard h3{margin:0 0 6px;font-size:18px}.fcard p{margin:0;color:var(--mu);font-size:15px}.fcard .ex{margin-top:12px;font-size:13px;color:var(--mu);border-top:1px dashed var(--bd);padding-top:10px}
.tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.tools span{font-size:13px;padding:6px 12px;border-radius:99px;border:1px solid var(--bd);background:var(--card);color:var(--mu)}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:f}@media(max-width:900px){.flow{grid-template-columns:1fr 1fr}}@media(max-width:560px){.flow{grid-template-columns:1fr}}
.flow .fs{position:relative;padding:22px;border-radius:16px;background:var(--card);border:1px solid var(--bd)}.flow .fs::before{counter-increment:f;content:counter(f);display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#5b4bff,#00b8d9);color:#fff;font-weight:700;margin-bottom:12px}
.flow h3{margin:0 0 6px;font-size:17px}.flow p{margin:0;color:var(--mu);font-size:14.5px}
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.why div b{display:block;font-size:17px;margin-bottom:4px}.why div p{margin:0;color:var(--mu);font-size:15px}.why .wi{font-size:22px;margin-bottom:8px}
.pricebox{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:30px;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,#5b4bff 12%,var(--card)),var(--card));border:1px solid var(--bd)}
@media(max-width:800px){.pricebox{grid-template-columns:1fr}}.pricebox ul{margin:0;padding-left:20px;color:var(--mu)}.pricebox li{margin:6px 0}
.faq{max-width:820px}.faq details{border:1px solid var(--bd);border-radius:14px;background:var(--card);margin-bottom:10px;padding:0}
.faq summary{list-style:none;cursor:pointer;padding:16px 18px;font-size:16px;font-weight:600;color:var(--tx);display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--mu);font-size:20px;line-height:1}.faq details[open] summary::after{content:"–"}
.faq details p{margin:0;padding:0 18px 16px;color:var(--mu)}
.ctaband{margin:70px 0 10px;padding:44px 30px;border-radius:22px;text-align:center;background:radial-gradient(500px 200px at 50% 0%,color-mix(in srgb,#5b4bff 25%,transparent),transparent),var(--card);border:1px solid var(--bd)}
.ctaband h2{margin-bottom:10px}.ctaband p{color:var(--mu);margin:0 auto 22px;max-width:560px}

/* ---- Fußzeile ---- */
.foot{border-top:1px solid var(--bd);background:var(--bg2);margin-top:40px}
.fwrap{max-width:1160px;margin:0 auto;padding:44px 20px 26px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px}
@media(max-width:820px){.fwrap{grid-template-columns:1fr 1fr}.fbrand{grid-column:1/-1}}
.fbrand p{color:var(--mu);font-size:14px;max-width:320px;margin:12px 0 16px}.btn.sm{padding:6px 12px;font-size:13px}
.fcol{display:flex;flex-direction:column;gap:9px;font-size:14px}.fcol b{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--tx);margin-bottom:4px}
.fcol a{color:var(--mu);text-decoration:none}.fcol a:hover{color:var(--tx)}
.fbar{max-width:1160px;margin:0 auto;padding:16px 20px 26px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:var(--mu);font-size:13px;border-top:1px solid var(--bd)}
.legal{max-width:860px;margin:10px auto}

/* ---- Admin-Panel (Überarbeitung 03.11.2026) ---- */
.tag.ac{color:var(--ac);border-color:var(--ac)}.tag.er{color:var(--er);border-color:var(--er)}
.cnt{display:inline-block;min-width:20px;padding:0 6px;margin-left:4px;border-radius:99px;background:color-mix(in srgb,var(--mu) 18%,transparent);font-size:12px;font-weight:600;text-align:center}
.cnt.hot{background:#ff5c5c;color:#fff}.btn.on .cnt{background:rgba(255,255,255,.25);color:#fff}
.kpis{margin-bottom:14px}.kpi{font:inherit;color:inherit;text-align:left;cursor:pointer}.kpi .price{font-size:28px}.kpi.on{border-color:var(--ac)}
.warnbox{border-color:var(--wa);background:color-mix(in srgb,var(--wa) 10%,var(--card))}
.obar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:4px 0 14px}.obar input{flex:1;min-width:200px;width:auto}
.seg{display:flex;gap:6px;flex-wrap:wrap}.seg .btn.on{background:var(--ac);color:#fff;border-color:var(--ac)}
.oc{border-left:4px solid var(--bd)}.oc.st-wa{border-left-color:var(--wa)}.oc.st-ac{border-left-color:var(--ac)}.oc.st-ok{border-left-color:var(--ok)}.oc.st-er{border-left-color:var(--er)}
.oc.is-hidden{background:color-mix(in srgb,var(--mu) 7%,var(--card))}
.tags{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.amt{font-size:17px;margin-left:4px}
.next{margin:10px 0 4px;padding:8px 12px;border-radius:10px;font-size:14px;background:var(--bg)}
.next.n-go{background:color-mix(in srgb,var(--ok) 14%,var(--card));font-weight:600}.next.n-wa{background:color-mix(in srgb,var(--wa) 12%,var(--card))}
.next.n-ac{background:color-mix(in srgb,var(--ac) 10%,var(--card))}.next.n-er{background:color-mix(in srgb,var(--er) 10%,var(--card))}
.od{margin:8px 0}.od summary{padding:4px 0}.evs{border-top:1px solid var(--bd);margin-top:8px;padding-top:6px;max-height:220px;overflow:auto}
.sp{flex:1}.btn.ghost{background:none;color:var(--mu)}.sel{width:auto}
/* ---- Anfrage → Angebot (Stufe A, 03.11.2026) ---- */
.cta{text-align:center;margin-top:30px;padding:30px}.cta .btn{margin-top:8px}
.tag.hot{background:#ff5c5c;color:#fff;border-color:#ff5c5c;cursor:pointer;font:inherit;font-size:12px}
.steps2{display:flex;flex-wrap:wrap;gap:4px;list-style:none;padding:0;margin:12px 0 6px;font-size:12px}
.steps2 li{flex:1;min-width:80px;text-align:center;padding:5px 4px;border-radius:8px;background:var(--bg);color:var(--mu);border:1px solid var(--bd)}
.steps2 li.done{background:color-mix(in srgb,var(--ok) 14%,var(--card));color:var(--ok);border-color:transparent}
.steps2 li.cur{background:var(--ac);color:#fff;border-color:var(--ac);font-weight:600}
.offer{border:1px solid var(--ac);border-radius:12px;padding:14px;margin:12px 0;background:color-mix(in srgb,var(--ac) 5%,var(--card))}
.offer ul{color:var(--tx)}.offer.wd{border-color:var(--er);background:color-mix(in srgb,var(--er) 6%,var(--card))}
table.pt{border-collapse:collapse;margin:8px 0;min-width:260px}table.pt td{padding:3px 8px 3px 0}table.pt td:last-child{text-align:right}
label.ck{display:flex;gap:8px;align-items:flex-start;color:var(--tx);font-size:14px;margin:10px 0}label.ck input{width:auto;margin-top:4px}
.thread{max-height:380px;overflow:auto;padding:4px 2px;margin:6px 0}
.msg.ai{background:color-mix(in srgb,var(--ac2) 14%,var(--bg))}.msg.system{background:none;border:1px dashed var(--bd);color:var(--mu);font-size:14px;max-width:100%}
.acts textarea{flex:1;min-width:200px;width:auto}
.btn.danger{background:var(--er);color:#fff;border-color:var(--er)}
h4{margin:14px 0 4px;font-size:15px}
.legal h1{font-size:28px;margin-top:0}.legal h3{margin:22px 0 6px}.legal p{margin:6px 0}.draft{border:1px dashed var(--wa);color:var(--wa);padding:8px 12px;border-radius:10px}
mark{background:color-mix(in srgb,var(--wa) 30%,transparent);color:inherit;padding:0 3px;border-radius:4px}
.ftl a{margin:0 4px}
@media print{.legal,.legal *{visibility:visible}.legal{position:absolute;inset:0;border:0}.legal .btn{display:none}}
/* ---- KI-Assistent (Stufe B, 04.11.2026) ---- */
.aibox{border:1px solid color-mix(in srgb,var(--ac2) 45%,var(--bd));background:color-mix(in srgb,var(--ac2) 7%,var(--card));border-radius:12px;padding:10px 12px;margin:8px 0}
.aibox ul{margin:4px 0 8px;padding-left:20px}.btn.sm{padding:5px 10px;font-size:13px}
.typing{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}
@media (prefers-reduced-motion:reduce){.typing{animation:none}}
/* ---- Zahlungsbuch (04.11.2026) ---- */
.warnbox.kpi.wide{display:block;width:100%;margin:0 0 14px;text-align:left;font:inherit;color:inherit;cursor:pointer}
/* ---- Belegansicht wie PDF (04.11.2026) ---- */
#inv.doc{font-size:14px;line-height:1.5;box-shadow:0 10px 30px -18px rgba(0,0,0,.4)}
#inv .dlogo{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:800;letter-spacing:-.04em}#inv .dlogo i{width:20px;height:20px;border-radius:6px;background:linear-gradient(135deg,#5b4bff,#00b8d9);transform:rotate(12deg)}
#inv .dhead{margin:22px 0 10px;align-items:flex-start}#inv .dsend{font-size:11px;color:#667085;text-decoration:underline;margin-bottom:6px}
#inv table.dinfo{width:auto;font-size:12px}#inv table.dinfo td{border:0;padding:1px 10px 1px 0}#inv table.dinfo td:first-child{color:#667085}
#inv h3{font-size:19px;margin:18px 0 10px}
#inv table.dtab th{background:#f2f3f8;color:#667085;font-size:12px}#inv table.dtab td:last-child,#inv table.dtab th:last-child{text-align:right;white-space:nowrap}
#inv table.dtab ul{margin:4px 0 0;padding-left:18px;color:#555;font-size:13px}#inv tr.sum td{border:0;padding:3px 8px}#inv tr.sum td:first-child,#inv tr.tot td:first-child{text-align:right}
#inv tr.tot td{background:#f2f3f8;font-weight:700;font-size:15px;border:0}
.docs{margin:8px 0;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
/* ---- Kundenkonto: Übersicht + Detailseite + Messenger (04.11.2026) ---- */
.khead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 14px}.khead h2{margin:0}.khead .sub{margin:4px 0 0}
.tag.big{font-size:13px;padding:5px 12px}.center{text-align:center}
.ktodo{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-bottom:8px}
.card.kt{display:flex;align-items:center;gap:12px;margin:0;padding:14px 16px;text-decoration:none;color:inherit;border-left:4px solid var(--ac);transition:transform .15s}
.card.kt:hover{transform:translateY(-2px)}.card.kt.wa{border-left-color:var(--wa)}.kt .ic{font-size:22px}.go{margin-left:auto;font-size:22px;color:var(--mu)}
.ksec{margin:22px 0 8px;font-size:17px}
.klist{padding:0;overflow:hidden}.krow{display:flex;align-items:center;gap:14px;padding:14px 18px;text-decoration:none;color:inherit;border-bottom:1px solid var(--bd)}
.krow:last-child{border-bottom:0}.krow:hover{background:color-mix(in srgb,var(--ac) 5%,var(--card))}
.kt1{display:flex;flex-direction:column;min-width:0;flex:1}.kt1 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kt2{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.bar{display:block;width:120px;height:5px;border-radius:9px;background:var(--bd);overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--ac),var(--ac2))}
.kempty{text-align:center;padding:34px 20px}
.back{display:inline-block;margin:4px 0 2px;padding-left:0}
.kgrid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}
@media(max-width:900px){.kgrid{grid-template-columns:1fr}.kside{order:-1}}
.kside{display:flex;flex-direction:column;gap:12px}.card.side{margin:0;padding:16px}.card.side .offer{margin:8px 0 0;padding:0;border:0;background:none}
.chatcard{display:flex;flex-direction:column;padding:0;overflow:hidden;margin:0}
.chead{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;padding:12px 16px;border-bottom:1px solid var(--bd)}
.chatbox{max-height:none;height:min(62vh,560px);overflow-y:auto;padding:14px 16px;margin:0;display:flex;flex-direction:column;gap:6px;background:color-mix(in srgb,var(--bg) 60%,var(--card))}
.cday{text-align:center;margin:10px 0 4px}.cday span{font-size:12px;color:var(--mu);background:var(--card);border:1px solid var(--bd);padding:2px 10px;border-radius:99px}
.csys{align-self:center;max-width:90%;text-align:center;font-size:12.5px;color:var(--mu);margin:2px 0}.csys span{opacity:.7;margin-left:4px}
.cmsg{max-width:78%;align-self:flex-start;background:var(--card);border:1px solid var(--bd);border-radius:16px 16px 16px 4px;padding:8px 12px 5px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.cmsg.me{align-self:flex-end;background:linear-gradient(135deg,var(--ac),color-mix(in srgb,var(--ac) 70%,var(--ac2)));color:#fff;border:0;border-radius:16px 16px 4px 16px}
.cmsg.me a{color:#fff}.cmsg.ai{border-color:color-mix(in srgb,var(--ac2) 45%,var(--bd));background:color-mix(in srgb,var(--ac2) 8%,var(--card))}
.cwho{font-size:11.5px;font-weight:600;color:var(--ac);margin-bottom:2px}.cmsg.ai .cwho{color:color-mix(in srgb,var(--ac2) 75%,var(--tx))}
.cbody{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.ctime{font-size:10.5px;opacity:.65;text-align:right;margin-top:2px}
.dots{display:inline-flex;gap:3px;margin-left:6px;vertical-align:middle}.dots i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.4;animation:blink 1.2s infinite}
.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes blink{40%{opacity:1}}
@media (prefers-reduced-motion:reduce){.dots i{animation:none}}
.cinput{display:flex;gap:8px;align-items:flex-end;padding:10px 12px;border-top:1px solid var(--bd);background:var(--card)}
.cinput textarea{flex:1;resize:none;min-height:42px;max-height:160px;border-radius:12px;line-height:1.4}.cinput .btn{height:42px;width:46px;padding:0;font-size:17px}
.cinfo{padding:12px 16px;margin:0}
.vsteps{list-style:none;margin:10px 0 0;padding:0}.vsteps li{position:relative;display:flex;align-items:center;gap:10px;padding:5px 0;color:var(--mu);font-size:14px}
.vsteps li span{width:14px;height:14px;border-radius:50%;border:2px solid var(--bd);background:var(--card);flex:none;z-index:1}
.vsteps li:not(:last-child)::after{content:"";position:absolute;left:6px;top:20px;bottom:-6px;width:2px;background:var(--bd)}
.vsteps li.done{color:var(--tx)}.vsteps li.done span{background:var(--ok);border-color:var(--ok)}.vsteps li.done::after{background:var(--ok)}
.vsteps li.cur{color:var(--tx);font-weight:700}.vsteps li.cur span{border-color:var(--ac);box-shadow:0 0 0 4px color-mix(in srgb,var(--ac) 20%,transparent)}
.drow{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--bd);font-size:14px}.drow:last-child{border-bottom:0}
@media(max-width:600px){.cmsg{max-width:90%}.kt2 .bar{display:none}.chatbox{height:60vh}}
/* ---- Ergänzungen Website (04.11.2026) ---- */
html,body{overflow-x:clip}.only-m{display:none}
@media(max-width:880px){.nav .only-m{display:block}.top .btn.pri{padding:8px 12px;font-size:14px}}
.legal h1{margin-top:0}.legal .btn{margin-top:10px}
.auth{box-shadow:var(--sh)}
/* ---- Admin-Bereich: Seitenleiste + Seiten (04.11.2026) ---- */
#aside{display:none}
body.adm .foot{display:none}
body.adm main{max-width:none;margin:0 0 0 236px;padding:22px 28px 40px;width:auto}
body.adm #aside{display:flex;flex-direction:column;position:fixed;left:0;top:59px;bottom:0;width:236px;overflow-y:auto;padding:14px 10px;border-right:1px solid var(--bd);background:var(--bg2);z-index:8}
.top.adm2{padding:10px 18px;gap:14px}.atag{font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--mu);border:1px solid var(--bd);border-radius:6px;padding:1px 6px;margin-left:4px}
.anav{display:flex;flex-direction:column;gap:2px}.anav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:var(--mu);text-decoration:none;font-size:15px}
.anav a:hover{color:var(--tx);background:color-mix(in srgb,var(--tx) 5%,transparent)}.anav a.on{color:var(--tx);background:color-mix(in srgb,var(--ac) 16%,transparent);font-weight:600}
.anav .ai{width:22px;text-align:center}.anav .cnt{margin-left:auto}.aside-foot{margin-top:auto;padding:12px;border-top:1px solid var(--bd);font-size:13px}
.burger.ab{display:none}
@media(max-width:900px){body.adm main{margin-left:0;padding:16px}body.adm #aside{transform:translateX(-100%);transition:transform .2s;box-shadow:var(--sh)}body.adm #aside.open{transform:none}.burger.ab{display:inline-block}}
.gsearch{position:relative;flex:1;max-width:460px}.gsearch input{padding:8px 12px;font-size:14px}
.gres{display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--card);border:1px solid var(--bd);border-radius:12px;box-shadow:var(--sh);padding:6px;z-index:20;max-height:60vh;overflow:auto}
.gres.open{display:block}.gres a{display:block;padding:8px 10px;border-radius:8px;color:var(--tx);text-decoration:none;font-size:14px}.gres a:hover{background:color-mix(in srgb,var(--ac) 12%,transparent)}
.gres .gh{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mu);padding:6px 10px 2px}
@media(max-width:640px){.gsearch{display:none}}
.pill{font-size:12.5px;padding:4px 10px;border-radius:99px;text-decoration:none;border:1px solid var(--bd);white-space:nowrap}.pill.wa{color:var(--wa);border-color:var(--wa);background:color-mix(in srgb,var(--wa) 10%,transparent)}
a.card.kpi{text-decoration:none;color:inherit}a.card.warnbox{text-decoration:none;color:inherit}
.kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kpi .price{font-size:26px}
.dgrid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin:4px 0 16px}@media(max-width:1100px){.dgrid{grid-template-columns:1fr}}.dgrid .card{margin:0}
.chart{margin-top:12px}.bars{display:flex;align-items:flex-end;gap:2px;height:190px;border-bottom:1px solid var(--bd);padding-top:24px}
.bcol{position:relative;flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;outline:0}
.bcol span{position:absolute;bottom:-20px;font-size:11px;color:var(--mu)}.bar2{width:min(70%,30px);background:var(--ac);border-radius:4px 4px 0 0;min-height:1px;transition:opacity .15s}
.bcol:hover .bar2,.bcol:focus .bar2{opacity:.8}.bcol:hover::after,.bcol:focus::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 4px);background:var(--tx);color:var(--bg);font-size:12px;padding:4px 8px;border-radius:6px;white-space:nowrap;z-index:2}
.tview{margin-top:28px}.tview table{max-width:320px}
.tlist,.alist{display:flex;flex-direction:column;margin-top:8px}.trow,.arow{display:flex;gap:10px;align-items:flex-start;padding:9px 6px;border-bottom:1px solid var(--bd);color:inherit;text-decoration:none}
.trow:hover,.arow:hover{background:color-mix(in srgb,var(--ac) 6%,transparent)}.trow:last-child,.arow:last-child{border-bottom:0}
.arow{display:grid;grid-template-columns:130px minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.4fr);font-size:14px}@media(max-width:800px){.arow{grid-template-columns:1fr}}
.ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dot{flex:none;width:9px;height:9px;border-radius:50%;margin-top:7px;background:var(--mu)}.dot.n-wa{background:var(--wa)}.dot.n-go,.dot.n-ok{background:var(--ok)}.dot.n-ac{background:var(--ac)}.dot.n-er{background:var(--er)}
.atab{padding:0}.atab table.t th{padding:11px 12px;background:var(--bg2);position:sticky;top:0}.atab table.t td{padding:11px 12px;vertical-align:middle}
tr.rowlink{cursor:pointer}tr.rowlink:hover td{background:color-mix(in srgb,var(--ac) 6%,transparent)}tr.rowlink.act td:first-child{box-shadow:inset 3px 0 0 var(--wa)}
td.nx{font-size:14px}td.nx .dot{display:inline-block;margin:0 6px 1px 0;vertical-align:middle}
.acts.col{flex-direction:column;align-items:stretch}.acts.col .btn,.acts.col select{width:100%}
.tplsel{width:44px;flex:none;padding:8px 4px;height:42px}
.note{border-top:1px solid var(--bd);padding:8px 0}.note:first-of-type{border-top:0}.lnk.sm{font-size:12px;padding:0 4px}
dl.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:8px 0 0;font-size:14px}dl.kv dt{color:var(--mu)}dl.kv dd{margin:0}
.tplc{padding:16px}.tplc ul{margin:6px 0 0}
.sgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-bottom:16px}.stc{display:flex;gap:12px;align-items:flex-start;margin:0}
.sti{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff}.sti.ok{background:var(--ok)}.sti.wa{background:var(--wa)}
progress{width:100%;height:8px;margin:10px 0 6px;accent-color:var(--ac)}
.logbox{font:12px/1.5 ui-monospace,Consolas,monospace;background:var(--bg2);border:1px solid var(--bd);border-radius:10px;padding:10px;margin-top:8px;max-height:180px;overflow:auto;white-space:pre-wrap;word-break:break-all}.logbox .err{color:var(--er)}
/* ---- Stufe C: Vorbereitung + Auslieferung (04.11.2026) ---- */
.card.prep{margin-top:16px}.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px 22px;margin:6px 0 10px}
.pgrid h4,.prep h4{margin:14px 0 4px;font-size:14px}.pgrid ul,.pgrid ol{margin:0;padding-left:18px;font-size:14px}.pgrid p{margin:0 0 4px;font-size:14px}
textarea.mono{font:13px/1.5 ui-monospace,Consolas,monospace}
.tcase{border:1px solid var(--bd);border-left:4px solid var(--bd);border-radius:10px;padding:10px 12px;margin:8px 0;background:var(--bg2)}
.tcase.ok{border-left-color:var(--ok)}.tcase.bad{border-left-color:var(--er)}.tcase p{margin:4px 0;font-size:14px}
.card.deliver{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 7%,var(--card))}
/* ---- Website-Überarbeitung: Symbole, Seiten, Konto (04.11.2026) ---- */
.ico{width:20px;height:20px;flex:none;vertical-align:-4px}.btn .ico{width:17px;height:17px;vertical-align:-3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.small{font-size:13px}.wide{width:100%}.acts.end{justify-content:flex-end}.acts.between{justify-content:space-between}
.si{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:var(--ac);background:color-mix(in srgb,var(--ac) 14%,transparent)}
.si.big{width:54px;height:54px;border-radius:16px;margin:0 auto 10px}.si.big .ico{width:26px;height:26px}
/* Startseite */
.fcard .fi{color:var(--ac)}.fcard .fi .ico{width:22px;height:22px}.fcard .ex b{color:var(--tx);font-weight:600}
.st .si{width:32px;height:32px;border-radius:9px}.st .si .ico{width:17px;height:17px}.st.ok .si{color:var(--ok);background:color-mix(in srgb,var(--ok) 16%,transparent)}
.demo.anim .st{opacity:0;transform:translateY(8px);animation:stin .5s ease forwards}.demo.anim .st:nth-child(1){animation-delay:.25s}.demo.anim .st:nth-child(2){animation-delay:1.05s}.demo.anim .st:nth-child(3){animation-delay:1.85s}
@keyframes stin{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.demo.anim .st{animation:none;opacity:1;transform:none}}
.why .wcard{padding:20px;border-radius:16px;background:var(--card);border:1px solid var(--bd)}.why .wi{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:var(--ac);background:color-mix(in srgb,var(--ac) 14%,transparent);margin-bottom:12px}
.secbox{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;padding:32px;border-radius:20px;background:var(--card);border:1px solid var(--bd)}
.secbox .lnk{display:inline-flex;align-items:center;gap:6px;padding:0;color:var(--ac)}
.slist{display:grid;grid-template-columns:1fr 1fr;gap:14px}.slist>div{display:flex;gap:12px;align-items:flex-start}.slist b{display:block;font-size:15px}.slist .mu{display:block;font-size:13.5px}
@media(max-width:860px){.secbox{grid-template-columns:1fr;padding:22px}.slist{grid-template-columns:1fr}}
.about{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:start;padding:34px;border-radius:20px;border:1px solid var(--bd);background:linear-gradient(135deg,color-mix(in srgb,#00b8d9 8%,var(--card)),var(--card))}
.about p{color:var(--mu);font-size:16px;max-width:720px}.about p b{color:var(--tx)}
@media(max-width:700px){.about{grid-template-columns:1fr;padding:22px;gap:14px}}
.avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;background:linear-gradient(135deg,#5b4bff,#00b8d9);flex:none;letter-spacing:.02em}
.avatar.lg{width:96px;height:96px;font-size:32px;box-shadow:0 12px 40px -14px var(--glow)}.avatar.lg .ico{width:40px;height:40px}
ul.checks{list-style:none;padding:0;margin:0}ul.checks li{position:relative;padding-left:28px;margin:8px 0;color:var(--tx)}
ul.checks li::before{content:"✓";position:absolute;left:0;top:2px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;color:var(--ok);background:color-mix(in srgb,var(--ok) 18%,transparent)}
.faq{max-width:none}.faqgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;margin-top:18px;align-items:start}@media(max-width:800px){.faqgrid{grid-template-columns:1fr}}
/* Unterseiten */
.pagehead{padding:26px 0 18px;max-width:760px}.pagehead h1{font-size:clamp(30px,4vw,42px);margin:4px 0 10px;letter-spacing:-.03em}.pagehead .lead{color:var(--mu);font-size:17px;margin:0}
.eyebrow{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ac)}
.split{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}@media(max-width:900px){.split{grid-template-columns:1fr}}
.split>.card{margin:0}.ibox{display:flex;gap:12px;align-items:flex-start;padding:4px 0}.ibox+.ibox{margin-top:12px}.ibox b,.ibox .mu,.ibox a{display:block}.ibox a{font-size:14px;word-break:break-all}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ok-box.done{text-align:center;padding:36px 22px;max-width:640px;margin:0 auto}.ok-box.done h2{margin:6px 0}
.okcircle{width:58px;height:58px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;color:var(--ok);background:color-mix(in srgb,var(--ok) 16%,transparent)}.okcircle .ico{width:28px;height:28px}
.empty404{text-align:center;padding:60px 10px}.empty404 .big{font-size:96px;font-weight:800;letter-spacing:-.05em;line-height:1;background:linear-gradient(90deg,var(--ac),var(--ac2));-webkit-background-clip:text;background-clip:text;color:transparent}
/* Rechtstexte */
.legalwrap{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start;max-width:1100px;margin:10px auto}.legalwrap.single{grid-template-columns:1fr;max-width:860px}
.legalwrap .legal{max-width:none;margin:0;padding:30px 34px;font-size:15.5px;line-height:1.7}.legal h3{scroll-margin-top:80px}
.toc{position:sticky;top:78px;margin:0;padding:16px;max-height:calc(100vh - 100px);overflow:auto;display:flex;flex-direction:column;gap:2px;font-size:13.5px}
.toc b{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--mu);margin-bottom:6px}.toc a{color:var(--mu);text-decoration:none;padding:5px 8px;border-radius:7px}.toc a:hover{color:var(--tx);background:color-mix(in srgb,var(--ac) 10%,transparent)}
@media(max-width:900px){.legalwrap{grid-template-columns:1fr}.toc{position:static;max-height:none}.legalwrap .legal{padding:20px}}
@media print{.toc,.top,.foot{display:none!important}.legalwrap{display:block}}
/* Anmeldung */
.authwrap{display:grid;grid-template-columns:minmax(0,440px) minmax(0,400px);justify-content:center;margin:34px auto;border-radius:20px;overflow:hidden;border:1px solid var(--bd);box-shadow:var(--sh);max-width:840px;background:var(--card)}
.authwrap.single{grid-template-columns:minmax(0,460px);border:0;box-shadow:none;overflow:visible;background:none}
.authwrap .auth{margin:0;border:0;border-radius:0;box-shadow:none;padding:32px;max-width:none}.authwrap.single .auth{border:1px solid var(--bd);border-radius:18px;box-shadow:var(--sh)}
.auth h1{font-size:26px;margin:0 0 4px}.sep{margin-top:18px;padding-top:14px;border-top:1px solid var(--bd)}
.authside{padding:32px;background:radial-gradient(400px 220px at 100% 0%,color-mix(in srgb,#00b8d9 18%,transparent),transparent),linear-gradient(160deg,color-mix(in srgb,#5b4bff 20%,var(--card)),var(--card2));border-left:1px solid var(--bd)}
.authside h2{font-size:24px}.ilist{list-style:none;padding:0;margin:14px 0 18px;display:flex;flex-direction:column;gap:12px}.ilist li{display:flex;gap:12px;align-items:center;font-size:15px}
.draftnote{display:flex;gap:8px;align-items:flex-start;font-size:14px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--tx)}.draftnote .ico{color:var(--ok)}
@media(max-width:780px){.authwrap{grid-template-columns:1fr;margin:16px auto}.authside{border-left:0;border-top:1px solid var(--bd);padding:22px}.authwrap .auth{padding:22px}}
.pwf{position:relative}.pwf input{padding-right:46px}.pweye{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--mu);cursor:pointer;padding:6px;border-radius:8px;line-height:0}.pweye:hover,.pweye.on{color:var(--ac)}
.pwmeter{height:5px;border-radius:9px;background:var(--bd);margin-top:8px;overflow:hidden}.pwmeter i{display:block;height:100%;width:0;background:var(--er);transition:width .2s,background .2s}
.pwmeter i[data-s="2"]{background:var(--wa)}.pwmeter i[data-s="3"],.pwmeter i[data-s="4"]{background:var(--ok)}.pwhint{margin:6px 0 0}
/* Anfrage-Assistent */
.wiz{padding:24px}.wiz fieldset{border:0;padding:0;margin:0;min-width:0}
.wsteps{display:flex;list-style:none;padding:0;margin:0 0 18px;gap:8px}.wsteps li{flex:1;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--mu);padding-bottom:10px;border-bottom:3px solid var(--bd)}
.wsteps li span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;border:2px solid var(--bd);flex:none}.wsteps li span .ico{width:14px;height:14px}
.wsteps li.cur{color:var(--tx);font-weight:600;border-bottom-color:var(--ac)}.wsteps li.cur span{border-color:var(--ac);color:var(--ac)}
.wsteps li.done{color:var(--tx);border-bottom-color:var(--ok)}.wsteps li.done span{background:var(--ok);border-color:var(--ok);color:#fff}
@media(max-width:560px){.wsteps li{font-size:0;gap:0;justify-content:center}.wsteps li span{font-size:13px}}
.exs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.chipbtn{display:inline-flex;align-items:center;gap:6px;border:1px dashed color-mix(in srgb,var(--ac) 55%,var(--bd));background:color-mix(in srgb,var(--ac) 7%,transparent);color:var(--tx);border-radius:99px;padding:6px 12px;font:inherit;font-size:13.5px;cursor:pointer}
.chipbtn .ico{width:15px;height:15px;color:var(--ac)}.chipbtn:hover{border-style:solid}
.summary{margin:16px 0 6px;padding:14px 16px;border-radius:12px;background:var(--bg2);border:1px solid var(--bd)}.summary:empty{display:none}.clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:8px 0 0}
.gate{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:14px;border:1px solid color-mix(in srgb,var(--ac) 45%,var(--bd));background:color-mix(in srgb,var(--ac) 7%,var(--card))}.gate p{margin:4px 0 0}
.vsteps2{list-style:none;counter-reset:v;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:12px}.vsteps2 li{counter-increment:v;position:relative;padding-left:36px}.vsteps2 li::before{content:counter(v);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,#5b4bff,#00b8d9)}
.vsteps2 b,.vsteps2 .mu{display:block}.vsteps2 .mu{font-size:13.5px}
/* Kundenkonto */
.khero{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0 16px}.kme{display:flex;align-items:center;gap:14px}.kme h1{font-size:26px;margin:0}.khero .acts{margin:0}
.kstats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.kstat{display:flex;gap:12px;align-items:center;margin:0;padding:14px 16px;text-decoration:none;color:inherit;transition:transform .15s}.kstat:hover{transform:translateY(-2px)}
.kstat b{display:block;font-size:24px;line-height:1.1}.kstat .mu{font-size:13px}@media(max-width:600px){.kstats{gap:8px}.kstat{flex-direction:column;align-items:flex-start;padding:12px;gap:6px}.kstat .si{width:30px;height:30px}}
.ktabs{display:flex;gap:4px;border-bottom:1px solid var(--bd);margin:0 0 18px;overflow-x:auto;scrollbar-width:none}.ktabs::-webkit-scrollbar{display:none}
.ktabs a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;color:var(--mu);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;font-size:15px}
.ktabs a:hover{color:var(--tx)}.ktabs a.on{color:var(--tx);border-bottom-color:var(--ac);font-weight:600}.ktabs .ico{width:18px;height:18px}
.card.kt .si{width:36px;height:36px}.card.kt.ac{border-left-color:var(--ac)}
.kico{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--mu);background:color-mix(in srgb,var(--mu) 12%,transparent)}.kico .ico{width:18px;height:18px}
.kico.st-ac{color:var(--ac);background:color-mix(in srgb,var(--ac) 14%,transparent)}.kico.st-ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent)}.kico.st-wa{color:var(--wa);background:color-mix(in srgb,var(--wa) 14%,transparent)}.kico.st-er{color:var(--er);background:color-mix(in srgb,var(--er) 12%,transparent)}
.pcard .plist{margin-top:12px;border-top:1px solid var(--bd)}.prow{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--bd);flex-wrap:wrap}.prow:last-child{border-bottom:0}
.pamt{font-weight:600;white-space:nowrap}.pbtn{display:flex;gap:6px}.paynow{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--wa) 10%,var(--card));border:1px solid color-mix(in srgb,var(--wa) 45%,var(--bd))}
.paynow span{display:flex;gap:8px;align-items:center}
@media(max-width:600px){.prow .kt1{flex-basis:calc(100% - 60px)}.pbtn{margin-left:48px}}
.chatcard.tk{margin-bottom:12px}.chatbox.short{height:auto;max-height:360px;min-height:80px}.cmsg.admin{align-self:flex-start}
.sgrid2{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:start;margin-bottom:16px}.sgrid2>.card,.sgrid2 .kside .card{margin:0}@media(max-width:900px){.sgrid2{grid-template-columns:1fr}}
h3.ch,b.ch{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:17px}h3.ch .ico,b.ch .ico{color:var(--ac)}b.ch{font-size:inherit}
.seg2{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--bg2);border:1px solid var(--bd)}.seg2 .btn{border:0;background:none}.seg2 .btn.on{background:var(--ac);color:#fff}
.why.three{grid-template-columns:repeat(3,1fr)}@media(max-width:980px){.why.three{grid-template-columns:1fr 1fr}}@media(max-width:620px){.why.three{grid-template-columns:1fr}}
label.ck{display:block;position:relative;padding-left:28px}label.ck input{position:absolute;left:0;top:1px;margin:3px 0 0}
@media(max-width:600px){.krow{flex-wrap:wrap;gap:6px 12px}.kt1 b{white-space:normal}.kt2{flex-direction:row;align-items:center;order:3;width:100%;padding-left:48px}.krow .go{order:2}}
@media(max-width:900px){.split>.kside,.sgrid2 .kside{order:1}}