/* ==========================================================================
   KCC – Kassa-Seiten (Paket LP-KASSA, 21.10.2026)  –  Datei: /assets/css/kcc-ka.css
   Einheitliches Gold (#EBCB72 / #F9E596 / #B07F2A), Hintergrund/Glitzer/Strahl kommen von kcc-page-bg.
   Ansicht: PC, Tablet hoch (820), Tablet quer (1180), Handy (390). Nichts laeuft ueber den Rand.
   ========================================================================== */
.ka-root,.ka-root *,.ka-root *::before,.ka-root *::after{box-sizing:border-box}
.ka-root{--g1:#F9E596;--g2:#EBCB72;--g3:#B07F2A;--ink:#F3ECDD;--mut:#B6A98E;--bd:rgba(233,197,106,.2);--bg1:rgba(28,23,15,.92);--bg2:rgba(13,11,8,.94);
  position:relative;width:100%;max-width:1320px;margin:0 auto;padding:112px clamp(14px,3vw,40px) 40px;color:var(--ink);font-size:16px;line-height:1.65;overflow-x:clip;-webkit-text-size-adjust:100%}
.ka-root a{color:inherit;text-decoration:none}
.ka-root h1,.ka-root h2,.ka-root h3,.ka-root h4{margin:0;line-height:1.2;color:var(--ink);overflow-wrap:anywhere}
.ka-root p{margin:0 0 .9em}
.ka-root img,.ka-root svg{max-width:100%}
.ka-root :focus-visible{outline:2px solid var(--g2);outline-offset:2px}
.ka-root [hidden]{display:none !important}
.ka-root em{font-style:normal;background:linear-gradient(135deg,var(--g1),var(--g2) 45%,var(--g3));-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---- Kopf ---- */
.ka-top{container-type:inline-size;border:1px solid var(--bd);border-radius:20px;background:linear-gradient(180deg,var(--bg1),var(--bg2));box-shadow:0 14px 36px rgba(0,0,0,.4);margin:0 0 26px;position:relative;z-index:5}
.ka-top-in{display:flex;align-items:center;gap:16px;padding:12px 18px;min-width:0}
.ka-logo{display:inline-flex;align-items:center;gap:9px;min-width:0;flex:0 1 auto;font-weight:800;white-space:nowrap}
.ka-logo-ic{flex:0 0 auto;display:inline-flex;width:38px;height:38px}
.ka-logo-svg,.ka-logo-img{width:38px;height:38px;object-fit:contain;overflow:visible}
.ka-orbit{transform-origin:20px 20px;animation:kaOrb 7s linear infinite}
@keyframes kaOrb{to{transform:rotate(360deg)}}
.ka-rot{display:inline-flex;font-size:1.45rem;letter-spacing:.5px;perspective:400px}
.ka-rot span{display:inline-block;background:linear-gradient(135deg,var(--g1),var(--g2) 45%,var(--g3));-webkit-background-clip:text;background-clip:text;color:transparent;transform-origin:50% 60%;animation:kaRot 6s ease-in-out infinite;animation-delay:calc(var(--i) * .12s)}
@keyframes kaRot{0%,70%,100%{transform:rotateY(0)}85%{transform:rotateY(360deg)}}
.ka-logo-dot{width:6px;height:6px;border-radius:50%;background:var(--g2);box-shadow:0 0 10px rgba(235,203,114,.8);flex:0 0 auto;margin:0 1px}
.ka-logo-club{font-size:1rem;color:var(--mut);font-weight:700;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis}
.ka-burger{display:none;margin-left:auto;width:44px;height:44px;border-radius:12px;border:1px solid var(--bd);background:rgba(0,0,0,.35);color:var(--g2);font-size:1.1rem;cursor:pointer}
.ka-nav{display:flex;align-items:center;gap:4px;margin:0 auto;min-width:0}
.ka-nav a{padding:9px 13px;border-radius:999px;font-size:.88rem;font-weight:700;color:#D9CDB0;transition:color .2s,background .2s;white-space:nowrap}
.ka-nav a:hover{color:var(--g2);background:rgba(235,203,114,.08)}
.ka-nav a.on{color:#1a1206;background:linear-gradient(135deg,var(--g1),var(--g2) 45%,var(--g3))}
.ka-top-r{display:flex;align-items:center;gap:10px;margin-left:auto;flex:0 0 auto}
.ka-nav + .ka-top-r{margin-left:0}
.ka-sub{display:flex;align-items:center;gap:14px;padding:10px 18px 12px;border-top:1px dashed rgba(233,197,106,.18);min-width:0}
.ka-pages{display:flex;gap:8px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 0}
.ka-pages::-webkit-scrollbar{display:none}
.ka-pages a{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 15px;border-radius:999px;border:1px solid rgba(233,197,106,.28);background:rgba(0,0,0,.35);color:#D9CDB0;font-size:.82rem;font-weight:700;white-space:nowrap;transition:all .2s}
.ka-pages a i{color:var(--g2);font-size:.85rem}
.ka-pages a:hover{border-color:var(--g2);color:var(--g2);transform:translateY(-1px)}
.ka-pages a.on{background:linear-gradient(135deg,var(--g1),var(--g2) 45%,var(--g3));border-color:transparent;color:#1a1206}
.ka-pages a.on i{color:#1a1206}
.ka-views{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding-left:14px;border-left:1px dashed rgba(233,197,106,.18)}
.ka-vl{color:var(--mut);font-size:.68rem;font-weight:800;letter-spacing:.9px;text-transform:uppercase;white-space:nowrap}
.ka-v{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 13px;border-radius:999px;border:1px solid rgba(233,197,106,.28);background:rgba(0,0,0,.35);color:#D9CDB0;font-size:.76rem;font-weight:700;white-space:nowrap}
.ka-v i{color:var(--g2);font-size:.78rem}
a.ka-v:hover{border-color:var(--g2);color:var(--g2)}
.ka-v.on{border-color:var(--g2);background:rgba(235,203,114,.12);color:var(--g2)}

/* ---- Knoepfe ---- */
.ka-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border-radius:999px;border:1px solid rgba(233,197,106,.45);font-weight:800;font-size:.9rem;line-height:1.2;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s,filter .2s,background .2s,color .2s;max-width:100%}
.ka-btn-gold{background:linear-gradient(135deg,var(--g1),var(--g2) 45%,var(--g3));color:#1a1206 !important;border-color:transparent}
.ka-btn-gold:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 10px 26px rgba(233,197,106,.3)}
.ka-btn-ghost{background:rgba(0,0,0,.3);color:var(--g2) !important}
.ka-btn-ghost:hover{background:var(--g2);color:#1a1206 !important;transform:translateY(-1px)}
.ka-btn-lg{min-height:52px;padding:0 28px;font-size:1rem}
.ka-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:22px 0 0}
.ka-actions.ka-left{justify-content:flex-start}

/* ---- Hero ---- */
.ka-main{display:block;min-width:0}
.ka-hero{position:relative;text-align:center;padding:clamp(34px,6vw,76px) clamp(14px,3vw,40px) clamp(26px,4vw,50px);border:1px solid var(--bd);border-radius:26px;background:radial-gradient(120% 90% at 50% 0%,rgba(235,203,114,.12),transparent 60%),linear-gradient(180deg,var(--bg1),var(--bg2));margin:0 0 34px;overflow:hidden}
.ka-hero-in{max-width:880px;margin:0 auto}
.ka-eye{display:inline-flex;align-items:center;gap:9px;padding:6px 14px;border-radius:999px;border:1px solid rgba(233,197,106,.3);background:rgba(235,203,114,.07);color:var(--g2);font-size:.74rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin:0 0 16px}
.ka-dot{width:7px;height:7px;border-radius:50%;background:var(--g2);box-shadow:0 0 10px rgba(235,203,114,.9);animation:kaPulse 2.4s ease-in-out infinite}
@keyframes kaPulse{50%{opacity:.4;transform:scale(.8)}}
.ka-display{font-size:clamp(1.85rem,5.2vw,3.7rem);font-weight:900;letter-spacing:-.5px}
.ka-hero-home .ka-display{font-size:clamp(2rem,5.6vw,4rem)}
.ka-lead{color:var(--mut);font-size:clamp(1rem,1.7vw,1.15rem);max-width:760px;margin:14px auto 0}
.ka-lead-hero{margin-top:18px}
.ka-head{text-align:center;margin:0 auto 26px;max-width:820px}
.ka-head .ka-h,.ka-h{font-size:clamp(1.45rem,3.4vw,2.3rem);font-weight:900}
.ka-h2{font-size:clamp(1.3rem,2.6vw,1.8rem);font-weight:800}
.ka-art{margin:24px auto 0;width:min(220px,52%)}
.ka-shield{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 30px rgba(235,203,114,.28))}
.ka-ring{transform-origin:100px 110px;animation:kaOrb 40s linear infinite}
.ka-tick{stroke-dasharray:120;stroke-dashoffset:120;animation:kaTick 1.6s .4s ease forwards}
@keyframes kaTick{to{stroke-dashoffset:0}}
.ka-pill{display:inline-flex;align-items:center;gap:10px;max-width:100%;margin:22px 0 0;padding:9px 18px;border-radius:999px;border:1px solid rgba(233,197,106,.35);background:rgba(235,203,114,.08);color:#E8DCC0;font-size:.85rem;text-align:left}
.ka-pill i{color:var(--g2)}
.ka-pill:hover{border-color:var(--g2)}
.ka-note{margin:18px 0 0;color:var(--mut);font-size:.86rem}

/* ---- Abschnitte ---- */
.ka-sec{margin:0 0 38px;min-width:0}
.ka-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ka-stat{padding:22px 14px;border:1px solid var(--bd);border-radius:18px;background:linear-gradient(180deg,var(--bg1),var(--bg2));text-align:center}
.ka-num{font-size:clamp(1.6rem,3.4vw,2.5rem);font-weight:900;line-height:1.1;background:linear-gradient(135deg,var(--g1),var(--g2) 45%,var(--g3));-webkit-background-clip:text;background-clip:text;color:transparent}
.ka-lbl{margin-top:6px;color:var(--mut);font-size:.85rem;font-weight:700}
.ka-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}
.ka-grid.ka-c1{grid-template-columns:1fr}.ka-grid.ka-c2{grid-template-columns:repeat(2,1fr)}.ka-grid.ka-c4{grid-template-columns:repeat(4,1fr)}
.ka-card{display:flex;flex-direction:column;gap:10px;padding:22px 20px;border:1px solid var(--bd);border-radius:20px;background:linear-gradient(180deg,var(--bg1),var(--bg2));box-shadow:0 10px 28px rgba(0,0,0,.3);min-width:0;transition:transform .25s,border-color .25s,box-shadow .25s}
.ka-card:hover{transform:translateY(-3px);border-color:rgba(233,197,106,.5);box-shadow:0 16px 36px rgba(0,0,0,.4)}
.ka-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ka-ic{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;border:1px solid rgba(233,197,106,.35);background:rgba(235,203,114,.08);color:var(--g2);font-size:1.15rem;flex:0 0 auto}
.ka-no,.ka-bigno{font-weight:900;color:rgba(235,203,114,.55);font-size:1.15rem;letter-spacing:1px}
.ka-card h3{font-size:1.08rem;font-weight:800}
.ka-card p{color:var(--mut);font-size:.93rem;margin:0}
.ka-tags{display:flex;flex-wrap:wrap;gap:7px}
.ka-tag{display:inline-flex;align-items:center;min-height:26px;padding:0 11px;border-radius:999px;border:1px solid rgba(233,197,106,.3);background:rgba(235,203,114,.07);color:var(--g2);font-size:.72rem;font-weight:800;letter-spacing:.3px}
.ka-more{margin-top:auto;display:inline-flex;align-items:center;gap:7px;color:var(--g2) !important;font-weight:800;font-size:.88rem}
.ka-more::after{content:"\2192";transition:transform .2s}
.ka-more:hover::after{transform:translateX(4px)}
.ka-emo{font-size:1.2rem}
.ka-fine{margin:12px 0 0;color:var(--mut);font-size:.82rem;text-align:center}

/* ---- Schritte ---- */
.ka-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);counter-reset:none}
.ka-steps.ka-n2{grid-template-columns:repeat(2,1fr)}.ka-steps.ka-n4{grid-template-columns:repeat(4,1fr)}.ka-steps.ka-n5{grid-template-columns:repeat(5,1fr)}.ka-steps.ka-n6{grid-template-columns:repeat(3,1fr)}
.ka-step{position:relative;padding:20px 16px 18px;border:1px solid var(--bd);border-radius:18px;background:linear-gradient(180deg,var(--bg1),var(--bg2));display:flex;flex-direction:column;gap:8px;min-width:0}
.ka-stepno{position:absolute;top:-13px;left:16px;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--g1),var(--g2) 45%,var(--g3));color:#1a1206;font-weight:900;font-size:.8rem}
.ka-step h3{font-size:1rem;font-weight:800}
.ka-step p{margin:0;color:var(--mut);font-size:.88rem}

/* ---- Anker-Chips ---- */
.ka-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px;justify-content:center}
.ka-chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 15px;border-radius:999px;border:1px solid rgba(233,197,106,.28);background:rgba(0,0,0,.35);color:#D9CDB0;font-size:.82rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s}
.ka-chip b{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(235,203,114,.15);color:var(--g2);font-size:.72rem}
a.ka-chip:hover,button.ka-chip:hover{border-color:var(--g2);color:var(--g2)}
.ka-chip.on{background:linear-gradient(135deg,var(--g1),var(--g2) 45%,var(--g3));border-color:transparent;color:#1a1206}
.ka-chips-badges .ka-chip{cursor:default;font-family:"SFMono-Regular",Consolas,monospace;font-size:.76rem}

/* ---- Tabellen ---- */
.ka-tw{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--bd);border-radius:16px;background:linear-gradient(180deg,var(--bg1),var(--bg2));margin:10px 0 0}
.ka-table{width:100%;border-collapse:collapse;min-width:520px;font-size:.9rem}
.ka-table th,.ka-table td{padding:13px 16px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(233,197,106,.12);overflow-wrap:anywhere}
.ka-table thead th{color:var(--g2);font-size:.72rem;letter-spacing:.9px;text-transform:uppercase;background:rgba(235,203,114,.06)}
.ka-table tbody th{color:var(--ink);font-weight:800;overflow-wrap:normal;word-break:normal;hyphens:manual;min-width:116px}
.ka-table td{color:#D9CDB0}
.ka-table tr:last-child th,.ka-table tr:last-child td{border-bottom:0}
.ka-mono td,.ka-mono tbody th{font-family:"SFMono-Regular",Consolas,monospace;font-size:.82rem}

/* ---- Textbloecke ---- */
.ka-block-in{display:flex;gap:20px;align-items:flex-start;padding:26px clamp(16px,3vw,32px);border:1px solid var(--bd);border-radius:22px;background:linear-gradient(180deg,var(--bg1),var(--bg2));box-shadow:0 10px 28px rgba(0,0,0,.3)}
.ka-bigno{flex:0 0 auto;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1;background:linear-gradient(135deg,var(--g1),var(--g2) 45%,var(--g3));-webkit-background-clip:text;background-clip:text;color:transparent}
.ka-block-body{flex:1 1 auto;min-width:0}
.ka-block-body .ka-lead{margin:8px 0 0;max-width:none}
.ka-rich{margin-top:12px;color:#D9CDB0;font-size:.95rem;overflow-wrap:anywhere}
.ka-rich ul,.ka-rich ol,.ka-list{margin:.4em 0 1em;padding-left:1.3em}
.ka-rich li,.ka-list li{margin:.35em 0}
.ka-rich b,.ka-rich strong{color:var(--ink)}
.ka-rich a{color:var(--g2);text-decoration:underline}
.ka-list{list-style:none;padding-left:0;margin-top:12px}
.ka-list li{position:relative;padding-left:26px;color:#D9CDB0;font-size:.93rem}
.ka-list li::before{content:"";position:absolute;left:0;top:.55em;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,var(--g1),var(--g3));box-shadow:0 0 8px rgba(235,203,114,.5)}
.ka-list-sm li{font-size:.88rem;padding-left:22px;margin:.25em 0}
.ka-list-sm li::before{width:9px;height:9px}
.ka-block .ka-tw{margin-top:16px}

/* ---- FAQ ---- */
.ka-faq-bar{display:flex;flex-direction:column;gap:14px;margin:0 0 24px}
.ka-search{position:relative;max-width:560px;width:100%;margin:0 auto}
.ka-search i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--g2)}
.ka-q{width:100%;height:50px;padding:0 18px 0 44px;border-radius:999px;border:1px solid rgba(233,197,106,.35);background:rgba(0,0,0,.45);color:var(--ink);font-size:1rem;font-family:inherit}
.ka-q::placeholder{color:#8f8570}
.ka-fg{margin:0 0 26px}
.ka-fg .ka-h2{margin:0 0 12px}
.ka-fi{border:1px solid var(--bd);border-radius:16px;background:linear-gradient(180deg,var(--bg1),var(--bg2));margin:0 0 10px;overflow:hidden}
.ka-fi summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;cursor:pointer;list-style:none;font-weight:800;min-height:52px}
.ka-fi summary::-webkit-details-marker{display:none}
.ka-fi summary i{flex:0 0 auto;color:var(--g2);transition:transform .25s}
.ka-fi[open] summary i{transform:rotate(45deg)}
.ka-fi[open]{border-color:rgba(233,197,106,.5)}
.ka-fa{padding:0 18px 14px;margin:0}
.ka-none{text-align:center;color:var(--mut);padding:20px}

/* ---- CTA ---- */
.ka-cta{text-align:center;padding:clamp(28px,5vw,56px) clamp(16px,3vw,40px);border:1px solid rgba(233,197,106,.4);border-radius:26px;background:radial-gradient(120% 120% at 50% 0%,rgba(235,203,114,.16),transparent 65%),linear-gradient(180deg,var(--bg1),var(--bg2))}

/* ---- Baum ---- */
.ka-tree{display:flex;flex-direction:column;align-items:center;gap:14px;padding:26px 16px;border:1px solid var(--bd);border-radius:22px;background:linear-gradient(180deg,var(--bg1),var(--bg2))}
.ka-node{display:flex;flex-direction:column;gap:2px;text-align:center;padding:14px 18px;border:1px solid rgba(233,197,106,.35);border-radius:16px;background:rgba(0,0,0,.4);min-width:0;max-width:100%}
.ka-node b{color:var(--ink)}.ka-node small{color:var(--mut)}.ka-node em{font-size:.78rem;color:var(--g2);background:none;-webkit-text-fill-color:currentColor}
.ka-node.ka-nroot{border-color:var(--g2);background:rgba(235,203,114,.1);padding:0;display:flex;padding:16px 26px;max-width:none;margin:0;position:static;overflow:visible}
.ka-up{display:inline-flex;align-items:center;gap:8px;color:var(--g2);font-size:.84rem;font-weight:700;text-align:center}
.ka-subs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}

/* ---- Szene ---- */
.ka-scene{border:1px solid var(--bd);border-radius:22px;background:linear-gradient(180deg,var(--bg1),var(--bg2));padding:16px}
.ka-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 12px}
.ka-tabs::-webkit-scrollbar{display:none}
.ka-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(233,197,106,.28);background:rgba(0,0,0,.35);color:#D9CDB0;font:inherit;font-size:.85rem;font-weight:700;cursor:pointer;white-space:nowrap}
.ka-tab.on{background:linear-gradient(135deg,var(--g1),var(--g2) 45%,var(--g3));color:#1a1206;border-color:transparent}
.ka-pane{display:none;gap:16px;align-items:flex-start;padding:14px 6px 6px}
.ka-pane.on{display:flex}
.ka-pane-ic{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:18px;border:1px solid rgba(233,197,106,.4);background:rgba(235,203,114,.09);color:var(--g2);font-size:1.4rem}
.ka-pane h3{font-size:1.15rem;margin:0 0 6px}.ka-pane p{color:#D9CDB0;margin:0 0 10px}

/* ---- Vergleich ---- */
.ka-two{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.ka-cmp{padding:22px 20px;border-radius:20px;border:1px solid var(--bd);background:linear-gradient(180deg,var(--bg1),var(--bg2));min-width:0}
.ka-cmp h3{font-size:1.05rem;margin:0 0 12px}
.ka-cmp ul{list-style:none;margin:0;padding:0}.ka-cmp li{position:relative;padding:8px 0 8px 28px;color:#D9CDB0;border-top:1px solid rgba(233,197,106,.1);font-size:.92rem}
.ka-cmp li::before{position:absolute;left:0;top:8px;font-weight:900}
.ka-bad{border-color:rgba(255,107,107,.35)}.ka-bad li::before{content:"\2715";color:#ff8f8f}
.ka-good{border-color:rgba(0,255,136,.35)}.ka-good li::before{content:"\2713";color:#00ff88}

/* ---- Exchange-Kasten ---- */
.ka-gatebox{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:22px clamp(16px,3vw,30px);border:1px solid rgba(233,197,106,.4);border-radius:22px;background:linear-gradient(135deg,rgba(235,203,114,.1),rgba(13,11,8,.94))}
.ka-gic{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;border:1px solid rgba(233,197,106,.5);background:rgba(235,203,114,.1);color:var(--g2);font-size:1.5rem}
.ka-gtxt{flex:1 1 260px;min-width:0}.ka-gtxt p{margin:6px 0 0;color:var(--mut)}
.ka-gact{margin:0;justify-content:flex-start}
.ka-st-o{border-color:rgba(0,255,136,.4)}.ka-st-o .ka-gic{color:#00ff88;border-color:rgba(0,255,136,.5)}
.ka-st-u{border-color:rgba(255,196,77,.5)}
.ka-st-a .ka-gic{color:#8fc5ff;border-color:rgba(143,197,255,.5)}

/* ---- Fenster ---- */
.ka-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.72)}
.ka-modal[hidden]{display:none}
.ka-modal-box{position:relative;width:100%;max-width:520px;max-height:calc(100dvh - 32px);overflow:auto;padding:30px 24px 24px;text-align:center;border:1px solid rgba(233,197,106,.45);border-radius:24px;background:linear-gradient(180deg,#1c170f,#0d0b08);box-shadow:0 24px 60px rgba(0,0,0,.6)}
.ka-modal-box .ka-gic{margin:0 auto 12px}.ka-modal-box p{color:var(--mut)}
.ka-x{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(233,197,106,.4);background:rgba(0,0,0,.5);color:var(--g2);cursor:pointer;font-size:1rem;display:inline-flex;align-items:center;justify-content:center}

/* ---- Fuss ---- */
.ka-foot{margin:46px 0 0;padding:28px clamp(16px,3vw,32px) 20px;border:1px solid var(--bd);border-radius:24px;background:linear-gradient(180deg,var(--bg1),var(--bg2))}
.ka-foot-in{display:flex;gap:30px;flex-wrap:wrap;justify-content:space-between}
.ka-foot-brand{flex:1 1 260px;min-width:0;max-width:100%}.ka-foot-brand p{color:var(--mut);font-size:.9rem;margin:12px 0 0;max-width:320px}
.ka-foot-brand .ka-logo{flex-wrap:wrap;white-space:normal;max-width:100%;row-gap:2px}.ka-foot-brand .ka-logo-club{overflow:visible;white-space:normal;text-overflow:clip}
.ka-foot-cols{display:flex;gap:30px;flex-wrap:wrap;flex:2 1 420px}
.ka-foot-cols>div{flex:1 1 150px;min-width:0}
.ka-foot h4{font-size:.74rem;letter-spacing:1px;text-transform:uppercase;color:var(--g2);margin:0 0 10px}
.ka-foot ul{list-style:none;margin:0;padding:0}.ka-foot li{margin:0 0 7px}
.ka-foot li a{color:#D9CDB0;font-size:.9rem;display:inline-flex;align-items:center;gap:6px;min-height:24px}.ka-foot li a:hover{color:var(--g2)}
.ka-disc{margin:22px 0 6px;color:#8f8570;font-size:.78rem;line-height:1.6}
.ka-copy{margin:0;color:#8f8570;font-size:.78rem}

/* ---- Offline / nach oben ---- */
.ka-off{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:60px 20px;border:1px solid var(--bd);border-radius:24px;background:linear-gradient(180deg,var(--bg1),var(--bg2))}
.ka-totop{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:90;width:44px;height:44px;border-radius:50%;border:1px solid rgba(233,197,106,.5);background:rgba(13,11,8,.9);color:var(--g2);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s}
.ka-totop.on{opacity:1;pointer-events:auto}

/* ---- Einblenden (nur mit JS) ---- */
.ka-js .ka-rv{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.ka-js .ka-rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.ka-root *,.ka-root *::before{animation:none !important;transition:none !important}.ka-js .ka-rv{opacity:1;transform:none}}

/* Kopfzeile: Menue nur, wenn genug Platz (neben der Seitenleiste); sonst fuehrt die Chip-Zeile darunter zu allen 10 Seiten */
@container (max-width:1260px){.ka-nav{display:none}.ka-logo-club{font-size:.95rem}}
/* ---- Tablet quer ---- */
@media (max-width:1180px){
  .ka-nav a{padding:8px 10px;font-size:.82rem}
  .ka-steps.ka-n5{grid-template-columns:repeat(3,1fr)}
  .ka-grid.ka-c4{grid-template-columns:repeat(2,1fr)}
}
/* ---- Tablet hoch ---- */
@media (max-width:900px){
  .ka-root{padding-top:96px}
  .ka-burger{display:inline-flex}
  .ka-top-in{flex-wrap:wrap}
  .ka-top-r{margin-left:0;order:3;width:100%;justify-content:flex-end}
  .ka-nav{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;gap:4px;margin:0;padding:8px 0 4px;border-top:1px dashed rgba(233,197,106,.18)}
  .ka-nav.open{display:flex !important}
  .ka-nav a{padding:12px 14px;border-radius:12px}
  .ka-sub{flex-wrap:wrap}
  .ka-views{padding-left:0;border-left:0;flex-wrap:wrap;width:100%}
  .ka-stats{grid-template-columns:repeat(2,1fr)}
  .ka-grid,.ka-grid.ka-c4{grid-template-columns:repeat(2,1fr)}
  .ka-steps,.ka-steps.ka-n4,.ka-steps.ka-n5,.ka-steps.ka-n6{grid-template-columns:repeat(2,1fr)}
  .ka-subs{grid-template-columns:1fr}
  .ka-two{grid-template-columns:1fr}
}
/* ---- Handy ---- */
@media (max-width:640px){
  .ka-root{padding:88px 12px 30px;font-size:15px}
  .ka-top-in{padding:10px 12px;gap:10px}
  .ka-logo-club{display:none}
  .ka-rot{font-size:1.25rem}
  .ka-logo-ic,.ka-logo-svg,.ka-logo-img{width:34px;height:34px}
  .ka-hide-s{display:none !important}
  .ka-top-r .ka-btn{min-height:42px;padding:0 16px;font-size:.85rem}
  .ka-sub{padding:8px 12px 10px}
  .ka-hero{padding:30px 14px 26px;border-radius:20px}
  .ka-grid,.ka-grid.ka-c2,.ka-grid.ka-c3,.ka-grid.ka-c4{grid-template-columns:1fr}
  .ka-steps,.ka-steps.ka-n2,.ka-steps.ka-n4,.ka-steps.ka-n5,.ka-steps.ka-n6{grid-template-columns:1fr}
  .ka-stats{gap:10px}.ka-stat{padding:16px 8px}
  .ka-block-in{flex-direction:column;gap:8px;padding:20px 16px}
  .ka-actions{flex-direction:column;align-items:stretch}
  .ka-actions .ka-btn{width:100%}
  .ka-gact{flex:1 1 100%;width:100%}
  .ka-pane{flex-direction:column}
  .ka-table{min-width:460px}
  .ka-modal-box{padding:26px 16px 18px}
  .ka-foot{padding:22px 16px 16px;border-radius:20px}
  .ka-chips{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
  .ka-chips::-webkit-scrollbar{display:none}
  .ka-chips-badges{flex-wrap:wrap;overflow:visible}
  .ka-faq-toc{justify-content:flex-start}
}
@media (max-width:400px){
  .ka-root{padding-left:10px;padding-right:10px}
  .ka-display{font-size:1.7rem}
  .ka-pill{font-size:.78rem;padding:8px 12px}
}
@media print{.ka-top,.ka-totop,.ka-modal{display:none !important}.ka-root{padding-top:0}}

/* NEU 22.10.2026 (N347): Wisch-Leiste oben (alle 10 Seiten) – runde Gold-Pfeile links/rechts, goldener Scrollbalken, Randverlauf. Steuerung: assets/js/kcc-ka.js
   Pfeile und Balken erscheinen NUR, wenn die Leiste breiter ist als der Platz (Klasse .ka-ov setzt das Skript). */
.ka-pw{flex:1 1 0%;min-width:0;position:relative}
.ka-pr{display:flex;align-items:center;gap:8px;min-width:0}
.ka-pr .ka-pages{flex:1 1 auto;min-width:0}
.ka-pa{display:none;flex:0 0 auto;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:50%;border:1px solid rgba(233,197,106,.5);background:rgba(0,0,0,.55);color:var(--g2);font-size:.82rem;line-height:1;cursor:pointer;transition:background .2s,color .2s,border-color .2s,opacity .2s,transform .2s}
.ka-pw.ka-ov .ka-pa{display:inline-flex}
/* Hinweis: kein Vergroessern beim Darueberfahren/Antippen – das Skript kcc-gold.js (Handy) wuerde die Zeile sonst fuer "zu breit" halten und umbrechen */
.ka-pa:hover:not(:disabled){background:linear-gradient(135deg,var(--g1),var(--g2) 45%,var(--g3));color:#1a1206;border-color:transparent;box-shadow:0 0 10px rgba(235,203,114,.45)}
.ka-pa:disabled{opacity:.3;cursor:default}
.ka-pw.ka-ov .ka-pages{cursor:grab}
.ka-pw.ka-dg .ka-pages{cursor:grabbing}
.ka-pw.ka-dg .ka-pages a{pointer-events:none}
.ka-pw.ka-fl .ka-pages{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26px);mask-image:linear-gradient(90deg,transparent 0,#000 26px)}
.ka-pw.ka-fr .ka-pages{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent 100%)}
.ka-pw.ka-fl.ka-fr .ka-pages{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26px,#000 calc(100% - 26px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 26px,#000 calc(100% - 26px),transparent 100%)}
.ka-sbar{display:none;position:relative;height:8px;margin:9px 2px 0;border-radius:999px;background:rgba(233,197,106,.16);box-shadow:inset 0 0 0 1px rgba(233,197,106,.14);touch-action:none;cursor:pointer}
.ka-sbar::before{content:"";position:absolute;left:0;right:0;top:-9px;bottom:-9px}
.ka-sbar i{position:absolute;top:0;bottom:0;left:0;width:30%;min-width:36px;border-radius:999px;background:linear-gradient(90deg,var(--g1),var(--g2) 45%,var(--g3));box-shadow:0 0 8px rgba(235,203,114,.4);cursor:grab}
.ka-pw.ka-ov .ka-sbar{display:block}
.ka-pw.ka-dg .ka-sbar i{cursor:grabbing;filter:brightness(1.1)}
.ka-root:not(.ka-js) .ka-pages{scrollbar-width:thin;scrollbar-color:var(--g3) transparent}
.ka-root:not(.ka-js) .ka-pages::-webkit-scrollbar{display:block;height:6px}
.ka-root:not(.ka-js) .ka-pages::-webkit-scrollbar-thumb{background:var(--g3);border-radius:999px}
@media (max-width:640px){.ka-pa{width:34px;height:34px}.ka-pr{gap:6px}}
@media print{.ka-pa,.ka-sbar{display:none !important}}

.ka-root [id]{scroll-margin-top:110px}