/* clickrock Research · Design v2
   Look und Feel wie clickrock.io (CLOCK design system v2): Nachtblau, Cyan/Pink/Violett, Space Grotesk + Inter,
   Ambient-Orbs, Glitch-Logo, Gradient-Ring am Eingabefeld, Kicker mit Leuchtlinie, Pillen-Navigation.
   Geladen NACH base.css (Layout-Regeln der Oberflaeche, auf dunkle Werte umgestellt) und ueberschreibt dort, wo der Look es verlangt.
   Diagrammfarben: --ch-1..6 sind mit validate_palette.js gegen die dunkle Flaeche (#0e1019) geprueft
   (Helligkeitsband, Chroma, CVD-Abstand benachbarter Paare, Kontrast >= 3:1). --ord-1..4: ordinale Magenta-Rampe (Zwiebel). */
:root{
  --bg:#06060b;--bg-2:#0a0a12;--card:#0e1019;--card-2:#12141f;--card-3:#181b29;
  --ink:#f6f7fb;--muted:#98a0b3;--muted-2:#6f7688;
  --line:rgba(255,255,255,.08);--line-strong:rgba(255,255,255,.16);
  --cyan:#25f4ee;--pink:#ff2ec4;--magenta:#ff2ec4;--violet:#8b5cf6;
  --accent:#25f4ee;--ok:#2ee66b;--warn:#ffb02e;--bad:#ff5d73;
  --ink-on-accent:#04252f;--navpill-bg:#9be9f7;--navpill-ink:#053b45;
  --btn:#25f4ee;--btn-ink:#04252f;
  --font-d:"Space Grotesk",system-ui,sans-serif;--font-t:"Inter",system-ui,sans-serif;
  --r:18px;--r-s:12px;--maxw:1180px;
  --glow-c:0 0 24px rgba(37,244,238,.35);--glow-p:0 0 24px rgba(255,46,196,.35);
  --ch-1:#009ec1;--ch-2:#d4679f;--ch-3:#927fe7;--ch-4:#cc6c13;--ch-5:#25984d;--ch-6:#df6768;
  --ord-1:#8a2f6b;--ord-2:#b3408c;--ord-3:#d4679f;--ord-4:#ef94c0;
  --grid:rgba(255,255,255,.07);--axis:rgba(255,255,255,.16);--tick:#8f97ab;
  color-scheme:dark;
}

/* ===== Grund ===== */
html{background:var(--bg)}
body{font-family:var(--font-t);font-weight:400;font-size:16px;line-height:1.6;background:var(--bg);color:var(--ink);overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(600px 420px at 12% -5%,rgba(37,244,238,.10),transparent 60%),
  radial-gradient(700px 520px at 95% 10%,rgba(255,46,196,.09),transparent 60%),
  radial-gradient(800px 600px at 50% 115%,rgba(139,92,246,.08),transparent 60%)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.022) 1px,transparent 1px);background-size:3px 3px}
::selection{background:var(--cyan);color:var(--ink-on-accent)}
h1,h2,h3,h4{font-family:var(--font-d);font-weight:700;letter-spacing:-.01em}
a{color:inherit}
summary{color:var(--cyan);font-weight:600}
.hint{color:var(--muted)}

/* ===== Kopf: Logo mit Glitch, blur ===== */
header{background:rgba(6,6,11,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{height:66px}
.brand{display:flex;align-items:center;gap:10px;font:700 21px var(--font-d);letter-spacing:.06em;color:#fff;text-shadow:2px 0 0 rgba(254,44,85,.68),-2px 0 0 rgba(37,244,238,.68);animation:logoGlitch 2.5s infinite;will-change:filter,transform}
.brand img{height:30px!important;width:30px;filter:drop-shadow(0 0 8px rgba(37,244,238,.6))}
.brand i{font-style:normal;color:#fe2c55}
.nav .right{font:700 12px var(--font-t);letter-spacing:.22em;color:var(--cyan);display:flex;align-items:center;gap:10px}
.nav .right::before{content:"";width:26px;height:2px;background:var(--cyan);box-shadow:var(--glow-c)}
@keyframes logoGlitch{
 0%,80%,100%{filter:blur(0);text-shadow:2.5px 0 0 rgba(254,44,85,.68),-2.5px 0 0 rgba(37,244,238,.68);transform:translateX(0);opacity:1}
 81%{filter:blur(3px);text-shadow:5px 0 0 rgba(254,44,85,.9),-5px 0 0 rgba(37,244,238,.9);transform:translateX(-2px);opacity:.85}
 83%{filter:blur(0);text-shadow:-4px 0 0 rgba(254,44,85,.8),4px 0 0 rgba(37,244,238,.8);transform:translateX(2px);opacity:1}
 85%{filter:blur(4px);text-shadow:none;transform:translateX(0);opacity:.5}
 87%{filter:blur(0);text-shadow:2.5px 0 0 rgba(254,44,85,.68),-2.5px 0 0 rgba(37,244,238,.68);transform:translateX(0);opacity:1}}
@media (prefers-reduced-motion:reduce){.brand{animation:none}.dot.run{animation:none}}

/* ===== Einstieg ===== */
.wrap{padding-top:44px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:700 12px var(--font-t);letter-spacing:.22em;color:var(--cyan)}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--cyan);box-shadow:var(--glow-c)}
h1{font:700 clamp(34px,5.4vw,64px)/1.02 var(--font-d);letter-spacing:-.015em;margin:16px 0 14px;max-width:900px}
h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 30px rgba(37,244,238,.35)}
.lead{color:var(--muted);font-size:18px;max-width:700px}
.suche{display:grid;grid-template-columns:1fr auto;gap:10px 12px;align-items:center;max-width:820px;margin:30px 0 20px}
.suche .url-label{grid-column:1/-1;margin:0;font:700 12px var(--font-t);letter-spacing:.22em;color:var(--pink)}
.suche #domain{border:2px solid transparent;border-radius:99px;padding:14px 26px;font:500 18px var(--font-t);color:var(--ink);
  background:var(--card);border-color:var(--btn);box-shadow:0 0 34px rgba(37,244,238,.10)}
.suche #domain::placeholder{color:var(--muted-2)}
.suche input:focus{outline:none;box-shadow:0 0 0 4px rgba(37,244,238,.16),0 0 34px rgba(37,244,238,.18)}
.suche .hint{grid-column:1/-1}
.btn{border:0;border-radius:99px;padding:14px 28px;font:700 15px var(--font-t);color:var(--btn-ink);background:var(--btn);
  box-shadow:none;transition:transform .18s,filter .18s}
.btn:hover{background:var(--btn);color:var(--btn-ink);transform:translateY(-1px);filter:brightness(1.08);box-shadow:none}
.btn[disabled]{opacity:.4;box-shadow:none}
.btn[disabled]:hover{background:var(--btn);color:var(--btn-ink);transform:none;filter:none}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line-strong);box-shadow:none}
.btn-ghost:hover{background:rgba(37,244,238,.08);color:var(--ink);border-color:var(--cyan);box-shadow:none}
.btn-sm{padding:9px 18px;font-size:13.5px}
button.klein{border:0;border-radius:99px;padding:7px 15px;background:var(--btn);color:var(--btn-ink);font:700 13px var(--font-t);box-shadow:none}
button.klein:hover{filter:brightness(1.08)}
input,select,textarea{color:var(--ink)}
.override select,.override input,.gm .fakten select,.kmp .vorgabe input[type=number],.kmp .vorgabe select,.vid .felder input[type=text],.vid .felder input[type=number],.vid .felder select{background:var(--card-3);color:var(--ink);border:1px solid var(--line-strong);border-radius:10px}
select option{background:#12141f;color:var(--ink)}
/* Sobald Daten da sind, schrumpft der Einstieg zur Kopfzeile */
.wrap:has(#navi:not(.hidden)) .lead{display:none}
.wrap:has(#navi:not(.hidden)) h1{font-size:clamp(26px,3.4vw,38px);margin:12px 0 4px}
.wrap:has(#navi:not(.hidden)) .suche{margin:18px 0 12px}
.wrap:has(#navi:not(.hidden)) .suche .hint{display:none}

/* ===== Meldung ===== */
.meldung{border:1px solid var(--line);border-left:3px solid var(--cyan);background:linear-gradient(180deg,var(--card-2),var(--card));border-radius:var(--r-s);color:var(--ink);font-size:14.5px}
.meldung.warn{border-left-color:var(--warn);background:linear-gradient(180deg,rgba(255,176,46,.08),rgba(255,176,46,.03))}
.meldung.bad{border-left-color:var(--bad);background:linear-gradient(180deg,rgba(255,93,115,.10),rgba(255,93,115,.03))}

/* ===== Navigation: Gruppen als Kicker, Punkte als Pillen ===== */
.navi{border:1px solid var(--line);background:linear-gradient(180deg,var(--card-2),var(--card));border-radius:var(--r);padding:20px 22px 10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px 30px}
.navi.hidden{display:none}
.navi .grp{gap:3px;margin-bottom:10px;min-width:0;align-items:flex-start}
.navi .grp:first-child{grid-column:span 2}
.navi .grp .gt{display:flex;align-items:center;gap:8px;font:700 11px var(--font-t);letter-spacing:.22em;color:var(--cyan);margin-bottom:6px}
.navi .grp .gt::before{content:"";width:18px;height:2px;background:var(--cyan);box-shadow:var(--glow-c)}
.navi .it{padding:5px 12px;border-radius:99px;font-size:13.5px;font-weight:500;color:var(--ink);transition:background .18s,color .18s,box-shadow .18s}
.navi a.it:hover{background:rgba(255,255,255,.06)}
.navi .it i{width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px color-mix(in srgb,var(--c,transparent) 70%,transparent)}
.navi .it.on{background:var(--navpill-bg);color:var(--navpill-ink);font-weight:700;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(37,244,238,.6),0 0 16px rgba(37,244,238,.25)}
.navi .it.on i{box-shadow:none}
.navi .it.aus{color:var(--muted-2)}
.navi .it.aus i{background:rgba(255,255,255,.10)!important;box-shadow:none}
.navi .it.aus small,.navi .it small{font:600 10px var(--font-t);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);border:1px solid var(--line);border-radius:99px;padding:1px 7px}
.navi .it.on small{color:var(--navpill-ink);border-color:rgba(5,59,69,.3)}
.navi .sub{margin:2px 0 4px 8px;padding:0 0 0 10px;border-left:1px solid var(--line);flex-direction:row;flex-wrap:wrap;gap:2px 2px}
.navi .sub .it{font-size:12.5px;padding:3px 10px}

/* ===== Karten (alle Container-Flaechen) ===== */
.lanes,.kopf,.zwei,.eins,.matrix,.viel,.streu,.lauf,.google,.hist,.wider,.stand,.gm,.pot .urteil,.kmp .zwiebel,.kmp .vorgabe,.kmp .kamp,.wbtab,.kwtab,.vid .phasen>div,.vid .brief,.vid .konzept,.vid .vg,.rm .phasen>div,.rm .regel>div,.pot .dim,.pot .leiter .st,.pot .ready .lv{border-color:var(--line)}
.lanes,.kopf,.zwei,.eins,.matrix,.viel,.streu,.lauf,.google,.hist,.wider,.gm,.pot .urteil,.kmp .zwiebel,.kmp .vorgabe,.kmp .kamp{background:linear-gradient(180deg,var(--card-2),var(--card));border-radius:var(--r)}
.stand{background:rgba(255,255,255,.03);border-radius:var(--r)}
.wbtab,.kwtab{border-radius:var(--r-s);background:var(--card)}
.wider{border-left-width:3px}
.vid .brief,.vid .konzept,.vid .vg,.rm .regel>div,.vid .phasen>div,.rm .phasen>div{background:linear-gradient(180deg,var(--card-2),var(--card))}

/* ===== Abschnittstitel wie clickrock.io: cyan, Display, Farbbalken, Haarlinie ===== */
.block{margin-top:52px}
.block>.lbl{display:flex;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:nowrap;padding-left:16px;margin-bottom:18px;font:700 clamp(17px,2vw,23px) var(--font-d);letter-spacing:.05em;text-transform:uppercase;color:var(--cyan)}
.block>.lbl::before{left:0;top:2px;bottom:2px;width:4px;height:auto;border-radius:2px;background:var(--c,var(--pink));box-shadow:0 0 12px color-mix(in srgb,var(--c,var(--pink)) 60%,transparent)}
.block>.lbl span{font:600 11px var(--font-t);letter-spacing:.18em;text-transform:uppercase;color:var(--muted-2);white-space:nowrap}
.block>.lbl::after{content:"";flex:1;height:1px;min-width:20px;background:linear-gradient(90deg,var(--line-strong),transparent)}
.kicker,.lane .kicker,.wider .k,.verlauf .k,.beleg .k,.vorschau .k,.zwei h4,.eins h4,.matrix .t{font-family:var(--font-t);font-weight:700;letter-spacing:.16em;color:var(--pink)}
.zwei h4 span,.eins h4 span{color:var(--muted-2);font-weight:600}
.lane-title{font:700 22px var(--font-d)}
.copy{color:var(--muted)}
.quelle,.quellenlink{color:var(--muted-2)}

/* ===== Kennzahlen-Kacheln: Label rosa oben, Wert cyan ===== */
.stats{gap:10px;border:0;margin-top:20px}
.stat{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:6px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
.stat b{font:700 28px/1.1 var(--font-d);letter-spacing:-.01em;color:var(--cyan)}
.stat b.sm{font-size:18px;color:var(--ink)}
.stat span{margin:0;font:700 10.5px var(--font-t);letter-spacing:.16em;text-transform:uppercase;color:var(--pink)}
.gross,.markt-gross,.matrix .w,.viel .w{font-family:var(--font-d);font-weight:700;color:var(--ink)}
.gross{font-size:36px}
.markt-gross{color:var(--cyan)}
.donut b,.tacho b,.pot .score,.kmp .kamp .kopf .bud b,.kmp .ziel em{font-family:var(--font-d);font-weight:700}
.gross small,.markt-gross small,.matrix .w small,.viel .w small{font-family:var(--font-t);font-weight:500;color:var(--muted)}

/* ===== Pillen, Punkte ===== */
.pill{background:rgba(255,255,255,.04);border:1px solid var(--line-strong);color:var(--ink);font-weight:500}
.pill.ok{border-color:rgba(46,230,107,.5)}.pill.warn{border-color:rgba(255,176,46,.5)}.pill.bad{border-color:rgba(255,93,115,.5)}
.dot.ok{box-shadow:0 0 8px rgba(46,230,107,.6)}.dot.warn{box-shadow:0 0 8px rgba(255,176,46,.5)}.dot.bad{box-shadow:0 0 8px rgba(255,93,115,.5)}
.dot{background:rgba(255,255,255,.25)}

/* ===== Tabellen ===== */
table{color:var(--ink)}
th{color:var(--muted-2)}
.kwtab th,.wbtab th{background:#131624}
.kwtab tr:hover td,.wbtab tr:hover td{background:rgba(37,244,238,.05)}

/* ===== Tabs (Unterseiten) ===== */
.tabs{border-bottom:1px solid var(--line)}
.tabs a{font-weight:600;color:var(--muted)}
.tabs a:hover{color:var(--ink)}
.tabs a.on{color:var(--ink);border-bottom-color:var(--cyan);box-shadow:0 8px 14px -12px var(--cyan)}

/* ===== Fuss ===== */
footer{border-top:1px solid var(--line)}
footer .in{color:var(--muted-2)}

/* ===== Chart-Bausteine (public/charts.js) ===== */
.cr-tip{position:fixed;z-index:1000;pointer-events:none;background:#171b2b;border:1px solid var(--line-strong);border-radius:10px;padding:8px 11px;font:500 12.5px/1.4 var(--font-t);color:var(--ink);box-shadow:0 12px 32px rgba(0,0,0,.55);max-width:300px;opacity:0;transition:opacity .08s}
.cr-tip.an{opacity:1}
.cr-tip b{display:block;font:700 15px var(--font-d);letter-spacing:-.01em;color:#fff}
.cr-tip .r{display:flex;align-items:center;gap:8px;margin-top:2px;color:var(--muted)}
.cr-tip .r i{width:14px;height:0;border-top:2px solid var(--c,var(--cyan));flex:none}
.cr-tip .r em{font-style:normal;margin-left:auto;padding-left:14px;color:var(--ink);font-weight:600}
.cr-chart{position:relative}
.cr-chart svg{display:block;max-width:100%;height:auto;overflow:visible;font-family:var(--font-t)}
.cr-chart .cr-t{fill:var(--tick);font-size:11px}
.cr-chart .cr-tt{fill:var(--ink);font-size:12px;font-weight:600}
.cr-chart .cr-grid{stroke:var(--grid);stroke-width:1}
.cr-chart .cr-axis{stroke:var(--axis);stroke-width:1}
.cr-chart [data-tip]{cursor:default;outline:none}
.cr-chart [data-tip]:hover,.cr-chart [data-tip]:focus-visible{filter:brightness(1.25)}
.cr-chart [data-tip]:focus-visible{stroke:#fff;stroke-width:2}
.cr-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:12px;font-size:12.5px;color:var(--muted)}
.cr-legend span{display:inline-flex;align-items:center;gap:7px}
.cr-legend i{width:10px;height:10px;border-radius:3px;background:var(--c);display:inline-block;flex:none}
.cr-legend i.ln{height:0;width:16px;border-radius:0;background:none;border-top:2px solid var(--c)}
.cr-legend i.ci{border-radius:50%}
.cr-legend b{color:var(--ink);font-weight:600}
.cr-tv{margin-top:10px}
.cr-tv summary{display:inline-block;font:600 11.5px var(--font-t);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);border:1px solid var(--line);border-radius:99px;padding:4px 12px}
.cr-tv summary:hover{color:var(--cyan);border-color:rgba(37,244,238,.4)}
.cr-tv table{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px}
.cr-tv th,.cr-tv td{padding:6px 10px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.cr-tv th:first-child,.cr-tv td:first-child{text-align:left;white-space:normal}
.cr-hb{display:grid;gap:8px;margin-top:12px}
.cr-hb .z{display:grid;grid-template-columns:minmax(90px,150px) 1fr auto;gap:12px;align-items:center;font-size:13px}
.cr-hb .z .l{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-hb .z .b{height:10px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}
.cr-hb .z .b i{display:block;height:100%;border-radius:99px;background:var(--c,var(--cyan))}
.cr-hb .z .n{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.cr-hb .z:hover .b i{filter:brightness(1.2)}

@media (max-width:860px){.suche{grid-template-columns:1fr}.navi{padding:16px 16px 8px}}
.navi .it.aus+.sub{display:none}
.cr-chart svg{width:100%;height:auto}
.cr-donut svg,.cr-ring svg{width:auto}
.cr-cap{font:600 12.5px var(--font-t);color:var(--muted);margin-top:6px;text-align:center}
.cr-cross{opacity:0}.cr-line:hover .cr-cross{opacity:1}
.cr-hb .z{grid-template-columns:minmax(90px,150px) 1fr 72px}
.cr-donut{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.cr-onion{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center}
.cr-onion-l{list-style:none;display:grid;gap:12px;flex:1 1 220px;margin:0;padding:0}
.cr-onion-l li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start}
.cr-onion-l li>i{width:26px;height:26px;border-radius:50%;background:var(--c);display:grid;place-items:center;font:700 12px var(--font-d);font-style:normal;color:#fff}
.cr-onion-l b{display:block;font:700 14px var(--font-d);color:var(--ink)}
.cr-onion-l span{display:block;font-size:13px;color:var(--ink)}
.cr-onion-l small{display:block;font-size:12px;color:var(--muted)}

/* ===== Schritt 1 · Geschäftsmodell ===== */
.gm{background:none;border:0;padding:0;margin:22px 0 6px;border-radius:0}
.gm .kopf{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 22px;padding:0;border:0;background:none;border-radius:0}
.gm .kopf>div{padding:0;border:0}
.gm .kopf .lbl{font:700 clamp(20px,2.6vw,30px) var(--font-d);letter-spacing:.04em;text-transform:uppercase;color:var(--cyan)}
.gm .kopf .lbl span{display:block;font:500 12.5px var(--font-t);letter-spacing:0;text-transform:none;color:var(--muted);margin:5px 0 0}
.gm-hero{display:grid;grid-template-columns:minmax(220px,1fr) 1.7fr minmax(240px,1fr);gap:14px;margin-bottom:8px}
.gm-card{background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;min-width:0}
.gm-card>.k,.gm-band .k,.herl .k{font:700 11px var(--font-t);letter-spacing:.2em;text-transform:uppercase;color:var(--pink);margin-bottom:14px}
.gm-fit{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.gm-fit .cr-ring{align-self:center}
.gm-fit p{font-size:13px;line-height:1.5}
.gm-ampel{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gm-amp{position:relative;border:1px solid var(--line);border-radius:14px;padding:13px 14px 13px 18px;background:rgba(255,255,255,.025);--ac:var(--muted-2)}
.gm-amp.ok{--ac:var(--ok)}.gm-amp.warn{--ac:var(--warn)}.gm-amp.bad{--ac:var(--bad)}
.gm-amp::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:2px;background:var(--ac);box-shadow:0 0 10px var(--ac)}
.gm-amp .st{display:inline-flex;align-items:center;gap:6px;font:700 10.5px var(--font-t);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.gm-amp .st i{width:8px;height:8px;border-radius:50%;background:var(--ac)}
.gm-amp b{display:block;font:700 15px var(--font-d);margin-top:6px}
.gm-amp small{display:block;color:var(--muted);font-size:12.5px;line-height:1.4;margin-top:3px}
.gm-rings{display:flex;flex-wrap:wrap;gap:14px 16px}
.gm-rings .cr-ring .cr-cap{font-size:11.5px}
.gm-card p.hint{margin-top:12px;font-size:12.5px;line-height:1.5}
.gm-h{position:relative;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:34px 0 14px;padding-left:16px;font:700 clamp(17px,2vw,22px) var(--font-d);letter-spacing:.05em;text-transform:uppercase;color:var(--cyan)}
.gm-h::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:4px;border-radius:2px;background:var(--pink);box-shadow:0 0 12px rgba(255,46,196,.6)}
.gm-h span{font:600 11px var(--font-t);letter-spacing:.18em;color:var(--muted-2)}
.gm .modelle{gap:14px;margin:0}
.gm .modell{background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:var(--r);padding:20px 20px 18px 54px;transition:border-color .2s,box-shadow .2s,transform .2s}
.gm .modell:hover{border-color:rgba(255,46,196,.5);transform:translateY(-2px)}
.gm .modell.aktiv{border-color:var(--magenta);background:linear-gradient(180deg,rgba(255,46,196,.10),var(--card));box-shadow:0 0 0 1px var(--magenta),0 0 30px rgba(255,46,196,.20)}
.gm .modell input{left:20px;top:22px;accent-color:var(--magenta)}
.gm .modell b{font:700 16px/1.35 var(--font-d);color:var(--ink)}
.gm .modell small{margin-top:10px;line-height:1.6}
.gm .modell ul{margin-top:12px;padding-left:16px}
.gm .pill{font:600 10.5px var(--font-t);letter-spacing:.1em;padding:3px 9px;margin:0 6px 4px 0;background:none}
.gm .pill.gruen{border-color:rgba(46,230,107,.55);color:var(--ok)}.gm .pill.gelb{border-color:rgba(255,176,46,.55);color:var(--warn)}.gm .pill.rot{border-color:rgba(255,93,115,.55);color:var(--bad)}
.gm-zg .gm-zg-in{display:grid;grid-template-columns:minmax(250px,auto) 1fr;gap:34px;align-items:center}
.gm-zg-r{display:grid;gap:22px;min-width:0}
.gm-band .k{margin-bottom:8px}
.gm-band .tr{position:relative;height:10px;border-radius:99px;background:rgba(255,255,255,.06)}
.gm-band .tr i{position:absolute;top:0;bottom:0;border-radius:99px;background:var(--cyan);box-shadow:0 0 12px rgba(37,244,238,.45)}
.gm-band .tk{display:flex;justify-content:space-between;font-size:11px;color:var(--muted-2);margin-top:6px}
.gm-band .v{font:600 13.5px var(--font-t);color:var(--ink);margin-top:6px}
.gm-band .cr-split{margin-top:2px}
.gm-chips{display:flex;flex-wrap:wrap;gap:6px}
.gm-chips span{font-size:12.5px;padding:4px 12px;border:1px solid var(--line-strong);border-radius:99px;color:var(--ink);background:rgba(255,255,255,.03)}
.gm-sum{margin-top:18px;max-width:920px;font-size:14px;line-height:1.6}
.gm-sum b{color:var(--ink)}
.gm .fakten{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:0}
.gm .fakten>div{background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;font:600 15px/1.45 var(--font-t);color:var(--ink)}
.gm .fakten>div>b{display:block;font:700 11px var(--font-t);letter-spacing:.2em;text-transform:uppercase;color:var(--pink);margin-bottom:9px}
.gm .fakten .hint{font-weight:400;font-size:12.5px}
.gm .herl{margin-top:16px;padding:20px 24px;border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:var(--r);background:linear-gradient(180deg,rgba(37,244,238,.06),rgba(37,244,238,.015));color:var(--ink)}
.gm .herl .k{margin-bottom:8px}
.gm .herl p{font-size:15px;line-height:1.6}
.gm .herl details{margin-top:12px}
.gm .herl p.hint{font-size:13px}
.gm .fuss{margin-top:16px}
@media (max-width:980px){.gm-hero{grid-template-columns:1fr 1fr}.gm-hero .gm-card:nth-child(2){grid-column:1/-1;order:3}.gm-zg .gm-zg-in{grid-template-columns:1fr}}
@media (max-width:620px){.gm-hero{grid-template-columns:1fr}.gm-hero .gm-card:nth-child(2){order:0}.gm-ampel{grid-template-columns:1fr}}

/* ===== Navigation kompakt: Analyse-Gruppe als Zeilen mit Pillen, die uebrigen Gruppen in vier Spalten ===== */
.navi{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 28px;padding:18px 22px 8px}
.navi .grp{flex-direction:row;flex-wrap:wrap;gap:3px 3px;margin-bottom:12px;align-items:center;align-content:flex-start;min-width:0}
.navi .grp:first-child{grid-column:1/-1}
.navi .grp .gt{flex:0 0 100%;margin-bottom:4px}
.navi .sub{flex:0 0 100%;margin:0 0 4px 6px;padding:0 0 0 10px}
.navi .it{white-space:normal}
.navi .it.aus+.sub{display:none}
@media (max-width:980px){.navi{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.navi{grid-template-columns:1fr}}
.gm .modelle{margin-bottom:14px}.gm-zg{margin-top:14px}

/* ===== Schritt 1: Korrekturen (Christian 29.09.: Texte ausklappen, Kacheln unten buendig, vier Ringe) ===== */
.gm-hero{grid-template-columns:minmax(210px,.85fr) 1.5fr minmax(320px,1.15fr)}
.gm-card{display:flex;flex-direction:column}
.gm-card .gm-more{margin-top:auto}
.gm-fit{align-items:stretch}
.gm-fit .cr-ring{align-self:center}
.gm-fit .pill{align-self:center}
.gm-ampel{flex:1;grid-auto-rows:1fr}
.gm-amp{display:flex;flex-direction:column;justify-content:flex-start}
.gm-rings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;justify-items:center;margin-bottom:14px}
.gm-rings .cr-ring .cr-cap{font-size:11px;white-space:nowrap}
.gm-sich .k{margin-bottom:18px}
details.gm-more{margin-top:12px}
details.gm-more>summary{display:inline-block;cursor:pointer;list-style:none;font:600 11.5px var(--font-t);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:4px 12px}
details.gm-more>summary::-webkit-details-marker{display:none}
details.gm-more>summary::after{content:" +";color:var(--cyan)}
details.gm-more[open]>summary::after{content:" −"}
details.gm-more>summary:hover{color:var(--cyan);border-color:rgba(37,244,238,.4)}
details.gm-more>p,details.gm-more>ul{margin-top:10px}
.gm .modell details.gm-more>ul{margin-top:8px}
.gm .modelle{align-items:stretch}
.gm-card.gm-zg details.gm-more{margin-top:18px}
.gm .fakten>div{display:flex;flex-direction:column}
.gm .fakten>div details.gm-more{margin-top:auto;padding-top:10px}
@media (max-width:980px){.gm-hero{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.gm-hero{grid-template-columns:1fr}.gm-rings{gap:4px}}
.gm-sich .gm-rings{margin:auto 0}
.gm-sich .cr-ring{width:auto!important}
.gm-fit .pill{display:inline-flex;align-items:center;gap:7px}
.gm .modell{display:flex;flex-direction:column}
.gm .modell details.gm-more{margin-top:auto;padding-top:12px}
.gm .modell small{display:block}
.gm-rings{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px;max-width:260px;margin-left:auto;margin-right:auto}
.gm-sich .gm-rings{margin:auto}
@media (max-width:620px){.gm-rings{gap:14px 8px}}
.gm-sich .gm-rings{gap:12px 10px}
.gm-sich details.gm-more{padding-top:14px;margin-top:auto}
.gm-sich{padding-bottom:20px}

/* ===== Paket 2: Research (Uebersicht, Performance, Traffic, SEO, Zielgruppe) ===== */
/* Kanaele: Kopf-Charts + Kartenraster */
.mx-top{display:grid;grid-template-columns:minmax(280px,.9fr) 1.4fr;gap:14px;margin-bottom:14px}
.mx-c{background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:var(--r);padding:20px 24px;min-width:0}
.mx-c h4{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.mx-c h4 span{font-weight:600;letter-spacing:.06em;text-transform:none;color:var(--muted-2)}
.mx-c .cr-donut{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:12px}
.mx-c .cr-donut .cr-legend{flex-direction:column;gap:9px;margin:0;font-size:13.5px}
.mx-c .cr-hb{gap:12px;margin-top:16px}
.mx-c .cr-hb .z{grid-template-columns:minmax(80px,120px) 1fr auto}
.matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border:0;background:none;border-radius:0;overflow:visible}
.matrix .gr{grid-column:1/-1;padding:14px 2px 0;background:none;border:0;font:700 11px var(--font-t);letter-spacing:.22em;color:var(--pink)}
.matrix .gr:first-child{padding-top:0}
.matrix a,.matrix a:nth-child(4n),.matrix a:nth-child(2n){border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,var(--card-2),var(--card));padding:16px 18px 14px 20px;overflow:hidden}
.matrix a::before{left:0;top:14px;bottom:14px;width:3px;border-radius:2px;background:var(--c,var(--line-strong));box-shadow:0 0 10px color-mix(in srgb,var(--c,transparent) 70%,transparent)}
.matrix a:hover{border-color:color-mix(in srgb,var(--c,var(--cyan)) 55%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--c,var(--cyan)) 9%,var(--card-2)),var(--card));transform:translateY(-2px)}
.matrix .t{color:var(--ink);font-size:12px;letter-spacing:.14em}
.matrix .w{font-size:30px}
/* Titel mit langem Zusatz duerfen umbrechen */
.block>.lbl{flex-wrap:wrap;row-gap:4px}
.block>.lbl span{white-space:normal;flex:0 1 auto}
/* Kopf: Messmarkt-Balken */
.mk-bars{margin-top:14px}
.mk-bars .cr-hb{margin-top:8px;gap:7px}
.mk-bars .cr-hb .z{grid-template-columns:minmax(80px,120px) 1fr auto;font-size:12.5px}
/* Balken/Split/Alter */
.cr-hb .z .b{height:9px}
.cr-hb .z .l{color:var(--ink)}
.cr-stack .z .b{overflow:hidden;background:rgba(255,255,255,.06)}
.cr-stack .sb{display:flex;gap:2px;height:100%}
.cr-stack .sb em{display:block;height:100%;min-width:2px;font-style:normal}
.cr-stack .sb em:first-child{border-radius:99px 2px 2px 99px}
.cr-stack .sb em:last-child{border-radius:2px 99px 99px 2px}
.cr-stack .sb em:only-child{border-radius:99px}
.cr-stack .z:hover .sb em{filter:brightness(1.2)}
.split-l{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-top:8px;color:var(--muted)}
.split-l span{display:inline-flex;align-items:center;gap:7px}
.split-l i{width:10px;height:10px;border-radius:3px;background:var(--c);display:inline-block}
.split-l b{font:700 15px var(--font-d);color:var(--ink)}
.cr-legend{margin-top:10px}
/* Zwei-Spalten-Karten, Chart-Titel */
.zwei>div,.eins{min-width:0}
.zwei h4,.eins h4{margin-bottom:12px}
.zwei h4 span,.eins h4 span{letter-spacing:.04em;text-transform:none;font-weight:500}
.zg-plat{border-top:0;margin-top:10px;padding:11px 14px 11px 16px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);position:relative}
.zg-plat::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:2px;background:var(--c,var(--line-strong))}
.zg-plat .t b{font-weight:700;font-family:var(--font-d)}
.zg-plat .t b i{border-radius:50%}
/* Heimatmarkt */
.hm{border-top:0}
.hm div .cc{font-family:var(--font-d);font-weight:700}
.kw-kopf{display:flex;align-items:center;gap:16px;margin-top:14px}
.kw-kopf .cr-ring{flex:none}
.kwk .c .balk{border-radius:99px;opacity:.9}
/* Wettbewerber-Kacheln */
.wtop a,.wettb a{border-radius:12px;transition:border-color .18s,transform .18s}
.wtop a:hover,.wettb a:hover{border-color:rgba(37,244,238,.45);transform:translateY(-1px)}
.wtop b,.wettb b{font:700 14px var(--font-d);color:var(--ink)}
.wtop small span.o,.wbtab th.o{border-color:var(--ch-4);color:#e28a3b}
.wtop small span.p,.wbtab th.p{border-color:var(--ch-1);color:#3cc0e0}
.wbtab td .bk.o{background:var(--ch-4)}.wbtab td .bk.p{background:var(--ch-1)}
.relm{display:block;height:4px;border-radius:99px;background:rgba(255,255,255,.07);margin-top:9px;overflow:hidden}
.relm u{display:block;height:100%;border-radius:99px;background:var(--ch-3);text-decoration:none}
/* Balken (Tage) */
.balken.tage{height:76px;gap:3px;border-bottom:1px solid var(--line)}
.balken.tage div{opacity:1;border-radius:2px 2px 0 0}
.balken.tage div:hover{filter:brightness(1.25)}
.legende span{display:inline-flex;align-items:center}
/* Delta */
.delta.up{color:var(--ok)}.delta.down{color:var(--bad)}
/* Traffic: Kopf mit Donut + Kennzahlen */
.tr-hero{display:grid;grid-template-columns:minmax(260px,.85fr) 1.4fr;gap:20px;align-items:stretch;margin-top:20px}
.tr-mix{border:1px solid var(--line);border-radius:var(--r);background:rgba(255,255,255,.02);padding:18px 20px;min-width:0}
.tr-mix .k{font:700 11px var(--font-t);letter-spacing:.2em;text-transform:uppercase;color:var(--pink);margin-bottom:12px}
.tr-mix .cr-donut{display:flex;flex-direction:column;align-items:center}
.tr-mix .cr-legend{justify-content:center}
.tr-hero>.stats{margin-top:0;grid-template-columns:repeat(2,1fr);align-content:stretch;grid-auto-rows:1fr}
/* SEO: Ring + Kennzahlen */
.seo-hero{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;margin-top:20px}
.seo-hero .stats{margin-top:0}
.seo-ring{padding:6px 10px}
/* Landschaft: Hover */
.ls-hit:hover{fill:rgba(255,255,255,.07)}
.google .cr-chart svg,.google .verlauf .cr-chart{max-width:100%}
.donutsvg{max-width:none}
@media (max-width:860px){
  .mx-top,.tr-hero,.seo-hero{grid-template-columns:1fr}
  .matrix{grid-template-columns:1fr 1fr}
  .seo-hero{justify-items:center}
  .seo-hero .stats{justify-self:stretch}
  .zwei>div{padding:20px 18px}
}
@media (max-width:520px){.matrix{grid-template-columns:1fr}.tr-hero>.stats{grid-template-columns:1fr 1fr}}
.zwei.zg3{grid-template-columns:repeat(3,1fr)}
.zwei.zg3>div{padding:24px 22px}
.zwei.zg3 .cr-hb .z{grid-template-columns:minmax(70px,120px) 1fr auto}
.viel .g{white-space:normal;overflow:visible}
.mx-c .cr-donut{gap:18px}
.mx-c .cr-hb{gap:0;margin-top:14px}
.mx-c .cr-hb .z{padding:11px 0;border-bottom:1px solid var(--line)}
.mx-c .cr-hb .z:last-child{border-bottom:0}
.mk-bars .cr-hb{grid-auto-flow:column;grid-template-rows:repeat(5,auto);column-gap:22px}
.mk-bars .cr-hb .z{grid-template-columns:minmax(56px,84px) 1fr auto}
@media (max-width:1000px){.zwei.zg3{grid-template-columns:1fr}.mk-bars .cr-hb{grid-auto-flow:row;grid-template-rows:none}}
.stat b em.delta{font-style:normal}
.delta.up{color:var(--ok)}.delta.down{color:var(--bad)}
.zwei .cr-donut{display:flex;flex-direction:column;align-items:center}
.zwei .cr-donut .cr-legend{justify-content:center}
.zwei .cr-tv{text-align:center}
.zwei .cr-tv table{text-align:left}
.tr-mix .cr-legend,.zwei .cr-donut .cr-legend{display:grid;grid-template-columns:1fr 1fr;gap:7px 16px;justify-content:stretch}
.stat b .pill{font:600 12px var(--font-t);letter-spacing:.02em;text-transform:none;color:var(--ink)}
.verlauf .k.flex span:last-child{color:var(--muted-2)}
.zwei.zg3 .cr-hb .z{grid-template-columns:minmax(80px,140px) 1fr auto}
.zwei.zg3 .cr-hb{gap:9px}
.stats{grid-auto-rows:1fr}

/* ===== Mobil (Paket 2) ===== */
.stats>*{min-width:0}
.stats,.stats.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.stat b .pill{white-space:normal;line-height:1.3}
.legende{flex-wrap:wrap;gap:6px 14px}
.legende span{white-space:nowrap}
@media (max-width:860px){.stats,.stats.four,.tr-hero>.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){
  .navi .it.aus,.navi .sub .it.aus{display:none}
  .navi .grp:not(:has(.it:not(.aus))){display:none}
  .lane-head{flex-wrap:wrap;gap:10px}
  .google .top{padding:20px 16px}
  .tr-mix .cr-legend,.zwei .cr-donut .cr-legend{grid-template-columns:1fr}
  .mx-c{padding:18px}
  .zwei.zg3>div{padding:20px 16px}
  .stat{padding:12px 13px}.stat b{font-size:24px}
}

/* ===== Paket 3: Aktivitaeten je Kanal + Wettbewerb ===== */
.lane{padding:28px 30px 24px}
.lane-head .kicker{margin:0}
.figur{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;margin-top:18px}
.fig-d,.tacho{flex:none;display:flex;justify-content:center}
.fig-d .cr-donut{display:block}
.tacho{width:auto}
.figur .copy{font-size:15px;line-height:1.6;max-width:640px}
.legende{margin-top:14px;font-size:12.5px}
.legende i{border-radius:3px}
.g-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 30px;margin-top:14px;max-width:720px}
.g-mini .quelle{margin-bottom:0;font:700 10.5px var(--font-t);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}
.g-mini .cr-hb{margin-top:8px;gap:7px}
.g-mini .cr-hb .z{grid-template-columns:minmax(70px,110px) 1fr auto}
details.beleg{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}
details.beleg ul{margin-top:12px}
details.hinw{margin-top:14px}
details.hinw>p{max-width:820px}
.verlauf .cr-chart{margin-top:6px}
.verlauf .k{color:var(--pink)}
.verlauf .k.flex span:first-child{color:var(--pink)}
/* Anzeigen-Vorschau */
.vorschau .k{color:var(--pink);font-weight:700;letter-spacing:.16em}
.vorschau .k span{color:var(--muted-2);letter-spacing:0;font-weight:500}
.vorschau .grid{gap:12px}
.vorschau .card{border-radius:14px;background:linear-gradient(180deg,var(--card-2),var(--card));transition:border-color .18s,transform .18s}
.vorschau .card:hover{border-color:rgba(37,244,238,.45);transform:translateY(-2px)}
.vorschau .media{background:var(--card-3)}
.vorschau .media.leer{color:var(--muted);line-height:1.4}
.vorschau .body b{font-weight:600}
/* Google-Karte */
.google{border-radius:var(--r);overflow:hidden}
.google .top{border-left:0;padding:28px 30px}
.google .drei{gap:0;border-top:1px solid var(--line)}
.google .drei>div{border-right:1px solid var(--line)}
.google .drei h4{font:700 12px var(--font-t);letter-spacing:.16em;text-transform:uppercase;color:var(--pink)}
.google .drei .zl{border-bottom:1px solid var(--line)}
.google .drei .zl span{color:var(--muted)}
.google .drei .zl b{font-weight:600;color:var(--ink)}
.wettb a{background:linear-gradient(180deg,var(--card-2),var(--card))}
/* Wettbewerb: Blasen */
.streu{border-radius:var(--r);padding:20px 22px 12px;background:linear-gradient(180deg,var(--card-2),var(--card))}
.streu .cr-bubble{overflow:visible}
.wbtab{border-radius:var(--r-s);margin-top:18px}
@media (max-width:860px){
  .figur{grid-template-columns:1fr;justify-items:center;text-align:left;gap:16px}
  .lane{padding:22px 18px 20px}
  .google .top{padding:22px 18px}
  .google .drei{grid-template-columns:1fr}
  .google .drei>div{border-right:0;border-bottom:1px solid var(--line)}
  .streu{padding:16px 12px 8px}
}
.figur>*{min-width:0}
.figur .g-mini{max-width:100%}
.lane .liste>div{flex-wrap:wrap;gap:2px 12px}
.lane .liste>div>span{min-width:0;overflow-wrap:anywhere}
@media (max-width:620px){
  .g-mini{grid-template-columns:1fr}
  .g-mini .cr-hb .z{grid-template-columns:minmax(64px,92px) 1fr auto}
  .figur .fig-d{margin:0 auto}
}
@media (max-width:620px){
  .vorschau .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .vorschau .body{padding:8px 9px;font-size:11px}
}
.vorschau .media.leer{aspect-ratio:auto;flex:1 1 auto;min-height:112px;font-size:11.5px}
.vorschau.google .media.leer{background:var(--card-3)}

/* ===== Paket 4: Keywords ===== */
.pg-h2{margin:8px 0 0;font:700 clamp(26px,3.6vw,40px)/1.12 var(--font-d);letter-spacing:-.015em;color:var(--ink)}
.kopf-klein{align-items:flex-end}
.kw-hero{display:grid;grid-template-columns:minmax(300px,.85fr) 2fr;gap:18px;margin-top:20px;align-items:stretch}
.kw-don{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:22px 24px}
.kw-don h4,.kw-bub h4{align-self:flex-start;text-align:left}
.kw-don .cr-donut{display:flex;flex-direction:column;align-items:center;gap:14px}
.kw-don .cr-legend{justify-content:center;flex-direction:column;align-items:flex-start;gap:6px}
.kw-hero .stats{margin:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr}
.kw-hero .stat.wide{grid-column:span 3}
.kw-bub{margin-top:18px;padding:22px 24px 18px}
.kw-bub h4,.kw-g h4{margin:0 0 6px;font:700 12px var(--font-t);letter-spacing:.16em;text-transform:uppercase;color:var(--pink);text-align:left}
.kw-bub .cr-bubble{margin-top:10px}
.kwgrp{margin-top:18px}
.kw-g{padding:22px 24px}
.kw-g h4{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:13px}
.kw-g h4 i{width:11px;height:11px;border-radius:50%;background:var(--gc);box-shadow:0 0 12px var(--gc)}
.kw-g .zahl{font:700 clamp(28px,3vw,38px)/1.1 var(--font-d);letter-spacing:-.02em;color:var(--ink);margin:12px 0 2px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.kw-g .zahl small{font:600 11px var(--font-t);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.kw-g .cr-split{margin:12px 0 18px}
.kw-g .cr-hb{gap:7px}
.kw-g .cr-hb .z{grid-template-columns:minmax(100px,160px) 1fr auto}
.kw-tab{margin-top:14px}
.kw-tab .tbl,.kw-erh .tbl{overflow-x:auto;margin-top:12px}
.kw-tab table td:first-child{white-space:nowrap}
.kw-tab table td:nth-child(2){font-weight:500}
.kw-tab .quelle{display:inline-block;margin:1px 4px 1px 0;padding:1px 8px;border:1px solid var(--line);border-radius:99px;font:500 11px var(--font-t);letter-spacing:0;text-transform:none;color:var(--muted)}
.dotg{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c);margin-right:8px}
.kw-kl{display:grid;gap:18px;padding:22px 24px}
.kw-chips h5{margin:0 0 10px;font:700 11px var(--font-t);letter-spacing:.16em;text-transform:uppercase;color:var(--gc)}
.kw-chips h5 b{margin-left:6px;color:var(--muted);font-weight:600}
.kw-chips>div{display:flex;flex-wrap:wrap;gap:6px}
.chip{font-size:12.5px;line-height:1;padding:6px 11px;border-radius:99px;border:1px solid rgba(255,255,255,.14);color:var(--ink);background:rgba(255,255,255,.03)}
.kw-chips[style*="--gc"] .chip{border-color:color-mix(in srgb,var(--gc) 50%,transparent);background:color-mix(in srgb,var(--gc) 10%,transparent)}
@media (max-width:980px){.kw-hero{grid-template-columns:1fr}.kw-hero .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.kw-hero .stat.wide{grid-column:span 2}}
@media (max-width:620px){.kw-hero .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.kw-bub,.kw-g,.kw-kl,.kw-don{padding:18px 16px}.kw-g .cr-hb .z{grid-template-columns:minmax(84px,120px) 1fr auto}}
.kw-hero .stat.wide{grid-column:span 2}
.kw-g h4{justify-content:flex-start;margin-left:0}
@media (max-width:980px){.kw-hero .stat.wide{grid-column:span 2}}

/* ===== Paket 5: Potenzial ===== */
.pkl{display:block;font:700 12px var(--font-t);letter-spacing:.16em;text-transform:uppercase;color:var(--pink);margin:0 0 10px}
.pkl.ok{color:var(--ok)}.pkl.bad{color:var(--bad)}
.pot .urteil{grid-template-columns:minmax(260px,.75fr) 2fr}
.pot .urteil>div{padding:28px 32px}
.pot .urteil>div:first-child{gap:14px;background:radial-gradient(120% 90% at 50% 0%,rgba(255,46,196,.10),transparent 60%)}
.pot .urteil h3{font:700 clamp(20px,2.2vw,27px)/1.25 var(--font-d);letter-spacing:-.01em;margin:0 0 14px}
.pot .urteil .konf{display:flex;align-items:center;gap:12px;margin-top:2px}
.pot .urteil .konf .cr-ring{flex:none}
.pot .urteil .konf .hint{text-align:left}
.pot .badge{font:700 12px var(--font-t);letter-spacing:.18em}
.pot .badge.high{background:rgba(46,230,107,.10)}.pot .badge.medium{background:rgba(255,176,46,.10)}.pot .badge.low,.pot .badge.none{background:rgba(255,93,115,.10)}
/* Treiber: divergierende Balken */
.dvk{display:grid;grid-template-columns:minmax(120px,1.1fr) 1.4fr 42px;gap:14px;font:600 10.5px var(--font-t);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);margin-bottom:8px}
.dvk .neg{grid-column:2;justify-self:start}.dvk .pos{grid-column:2;justify-self:end;margin-top:-1.4em}
.pot .reasons.dv{gap:14px;margin-top:0}
.pot .reasons.dv .reason{grid-template-columns:minmax(120px,1.1fr) 1.4fr 42px;gap:14px}
.pot .reason .rl{font-size:14px;line-height:1.35}
.pot .reason .rv{text-align:right;font:700 13px var(--font-t);color:var(--ink)}
.dvb{position:relative;height:12px;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(255,255,255,.22) calc(50% - .5px),rgba(255,255,255,.22) calc(50% + .5px),transparent calc(50% + .5px))}
.dvb i{position:absolute;top:2px;height:8px}
.dvb i.pos{left:50%;background:var(--ok);border-radius:0 99px 99px 0;box-shadow:0 0 12px rgba(46,230,107,.35)}
.dvb i.neg{right:50%;background:var(--bad);border-radius:99px 0 0 99px;box-shadow:0 0 12px rgba(255,93,115,.35)}
.dvb i.neutral{left:50%;background:#5b6278;border-radius:0 99px 99px 0}
.pot ul.pc{list-style:none;padding:0;margin:0}
.pot ul.pc li{position:relative;padding:8px 0 8px 22px;margin:0;border-bottom:1px solid var(--line);line-height:1.5}
.pot ul.pc li:last-child{border-bottom:0}
.pot ul.pc li::before{content:"";position:absolute;left:2px;top:15px;width:8px;height:8px;border-radius:50%;background:var(--cyan)}
.pot ul.pc.ok li::before{background:var(--ok)}.pot ul.pc.bad li::before{background:var(--bad)}
.stats.six{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:1100px){.stats.six{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:620px){.stats.six{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Funnel-Zwiebel */
.pot-fun{display:grid;grid-template-columns:minmax(300px,1fr) 1.3fr;gap:28px;align-items:center}
.pf-o{display:flex;justify-content:center}
.pot-fun .cr-onion{display:flex;gap:22px;align-items:center;flex-wrap:wrap;justify-content:center}
.pot-fun .cr-onion-l{display:flex;flex-direction:column-reverse;gap:8px;list-style:none;padding:0;margin:0}
.pf-r{display:grid;gap:16px}
.pf-geld{border:1px solid rgba(255,46,196,.55);border-radius:var(--r);padding:20px 24px;background:linear-gradient(180deg,rgba(255,46,196,.14),rgba(255,46,196,.04));box-shadow:0 0 28px rgba(255,46,196,.16)}
.pf-geld span{display:block;font:700 12px var(--font-t);letter-spacing:.16em;text-transform:uppercase;color:var(--pink)}
.pf-geld b{display:block;margin-top:6px;font:700 clamp(34px,4vw,52px)/1 var(--font-d);letter-spacing:-.02em;color:#fff}
.pf-r .stats{margin:0}
@media (max-width:900px){.pot-fun{grid-template-columns:1fr}}
/* Kurven */
.kv .cr-curve{margin-top:4px}
.kv .cr-curve svg{max-width:100%;height:auto}
.kv .pkl{margin-bottom:2px}
/* Duell */
.duell{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px}
.duell-b .cr-hb{margin-top:12px}
.duell-b .cr-hb .z{grid-template-columns:minmax(80px,110px) 1fr auto}
@media (max-width:900px){.duell{grid-template-columns:1fr}}
/* Szenarien + Leiter */
.pot .tbl{overflow-x:auto}
.pot table{width:100%;min-width:640px}
.pot tr.basis td{background:rgba(255,46,196,.08);font-weight:600}
.pot tr.basis td:first-child{box-shadow:inset 3px 0 0 var(--magenta)}
.pot .leiter{gap:8px}
.pot .leiter .st{border-radius:12px;padding:16px 6px;font:600 15px var(--font-d)}
.pot .leiter .st b{margin-bottom:4px;font:700 11px var(--font-t)}
.pot .leiter .st.in{border-color:var(--magenta);background:rgba(255,46,196,.12);box-shadow:none}
.pot .leiter .st.real{background:rgba(255,46,196,.26);box-shadow:0 0 22px rgba(255,46,196,.35);font-weight:700}
@media (max-width:620px){.pot .leiter{flex-wrap:wrap}.pot .leiter .st{flex:1 1 22%}}
/* Readiness */
.pot .ready{gap:8px}
.pot .ready .lv{border-radius:12px;padding:12px 6px;font-size:11.5px;line-height:1.3;background:var(--card-2)}
.pot .ready .lv em{display:block;font:700 15px var(--font-d);font-style:normal;color:var(--muted);margin-bottom:4px}
.pot .ready .lv.done{border-color:rgba(37,244,238,.35)}.pot .ready .lv.done em{color:var(--cyan)}
.pot .ready .lv.on{border-color:var(--cyan);background:rgba(37,244,238,.12);color:#fff;box-shadow:0 0 22px rgba(37,244,238,.25)}
.pot .ready .lv.on em{color:var(--cyan)}
.pot .dim{border-radius:12px;background:var(--card-2)}
.pot .dim i{border-radius:99px}
.pills.ins{margin-top:14px}
.pills.ins .pill{border-radius:99px;align-items:flex-start;line-height:1.4}
.pills.ins .pill i{display:none}
.pills.ins .pill b{font:700 10.5px var(--font-t);letter-spacing:.12em;text-transform:uppercase;margin-right:6px;color:var(--cyan)}
.pills.ins .i-chance b{color:var(--ok)}.pills.ins .i-risiko b{color:var(--bad)}.pills.ins .i-wettbewerb b{color:var(--warn)}.pills.ins .i-social b{color:var(--violet)}
@media (max-width:760px){.pot .urteil>div{padding:22px 18px}.dvk{display:none}.pot .reasons.dv .reason{grid-template-columns:1fr 60px 34px;gap:8px}.pot .reason .rl{grid-column:1/-1}.pot .reasons.dv .reason{grid-template-columns:1fr 34px}.pot .reasons.dv .reason .dvb{grid-column:1}.pot .reasons.dv .reason .rv{grid-column:2}}
.dvk>div{display:flex;justify-content:space-between}
.pot .urteil>div:last-child{display:flex;flex-direction:column;justify-content:center}
.pot .urteil .konf .hint{font-size:12.5px;line-height:1.3;max-width:120px}
.pot-fun{grid-template-columns:minmax(440px,1.15fr) 1fr}
.pf-r .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.duell-b{display:flex;flex-direction:column}
.duell-b>span{order:-1}
.pills.ins .pill{align-items:center}
@media (max-width:1000px){.pot-fun{grid-template-columns:1fr}}
.pills.ins .pill{white-space:normal;max-width:100%}
@media (max-width:760px){.pot .urteil{grid-template-columns:1fr}.pot .urteil>div:first-child{border-right:0;border-bottom:1px solid var(--line)}}
.kopf-klein h2.pg-h2{word-break:normal;overflow-wrap:break-word}
.pot-fun .cr-onion{flex-wrap:nowrap;gap:24px}
@media (max-width:1000px){.pot-fun .cr-onion{flex-wrap:wrap}}
@media (max-width:620px){.pot .ready{flex-wrap:wrap}.pot .ready .lv{flex:1 1 28%}}

/* ===== Paket 6: Kampagnen ===== */
.kmp .ziele{gap:14px}
.kmp .ziel{border-radius:16px;padding:18px;background:linear-gradient(180deg,var(--card-2),var(--card));border-color:var(--line);transition:border-color .18s,transform .18s,box-shadow .18s;min-width:0}
.kmp .ziel:hover{border-color:rgba(255,255,255,.28);transform:translateY(-2px)}
.kmp .ziel.aktiv{border-color:var(--magenta);box-shadow:0 0 26px rgba(255,46,196,.22);background:linear-gradient(180deg,rgba(255,46,196,.16),rgba(255,46,196,.04))}
.kmp .ziel input{left:18px;top:20px}
.kmp .ziel b{font:700 16px/1.25 var(--font-d);color:var(--ink);padding-left:30px;min-height:22px}
.kmp .ziel b .tag{margin-left:0}
.kmp .ziel small{color:var(--muted);line-height:1.45}
.kmp .ziel em{display:block;font:700 17px/1.25 var(--font-d);font-style:normal;color:var(--cyan);margin:12px 0 4px;overflow-wrap:break-word;hyphens:none;letter-spacing:-.01em}
.kmp .ziel.aktiv em{color:#fff}
.kmp .ziel b .tag{display:block;width:max-content;margin:6px 0 0;border-radius:99px;padding:2px 9px}
.kmp .vorgabe{border-radius:16px;padding:20px 22px;gap:18px}
.kmp .vorgabe label{font:700 11px var(--font-t);letter-spacing:.16em;color:var(--pink)}
.kmp .vorgabe select,.kmp .vorgabe input[type=number]{font-family:var(--font-t);letter-spacing:0;text-transform:none}
/* Plan */
.plan-top{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:stretch}
.plan-don{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 26px}
.plan-don h4{align-self:flex-start}
.plan-don .cr-donut{display:flex;flex-direction:column;align-items:center;gap:12px}
.plan-don .cr-legend{flex-direction:column;align-items:flex-start;gap:5px;font-size:12px}
.plan-top .stats.six{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;grid-auto-rows:1fr}
@media (max-width:1000px){.plan-top{grid-template-columns:1fr}}
/* Portfolio */
.port2{display:grid;gap:12px}
.prt{--c:var(--muted);border:1px solid var(--line);border-left:4px solid var(--c);border-radius:16px;padding:16px 20px 12px;background:linear-gradient(180deg,var(--card-2),var(--card))}
.prt.aus{opacity:.72;border-left-color:rgba(255,255,255,.18)}
.prt-h{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}
.prt-h .rk{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:700 14px var(--font-d);background:color-mix(in srgb,var(--c) 26%,transparent);color:#fff;border:1px solid var(--c)}
.prt.aus .prt-h .rk{background:transparent;color:var(--muted);border-color:var(--line-strong)}
.prt-h b{display:block;font:700 17px/1.25 var(--font-d);color:var(--ink)}
.prt-h small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.prt-b{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 24px;margin-top:14px}
.pm span{display:block;font:700 10.5px var(--font-t);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}
.pm b{display:block;font:700 22px/1.2 var(--font-d);color:var(--ink);letter-spacing:-.01em;margin-top:3px}
.prt.aus .pm b{color:var(--muted)}
.pm small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px;line-height:1.4}
.pm .bar{height:10px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;margin-top:9px}
.pm .bar span{display:block;height:100%;width:0;background:var(--c);border-radius:99px;font-size:0;letter-spacing:0}
.prt .gm-more{margin-top:10px}
@media (max-width:900px){.prt-b{grid-template-columns:repeat(2,minmax(0,1fr))}.prt-h{grid-template-columns:auto 1fr}.prt-h .pill{grid-column:1/-1;justify-self:start}}
/* Setup-Karten */
.kmp .kamp{--c:var(--muted);border-radius:18px;border-left:4px solid var(--c);overflow:hidden;margin-top:14px}
.kmp .kamp .kopf{display:flex;flex-wrap:wrap;grid-template-columns:none;margin:0;gap:12px 28px;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:20px 24px;align-items:center;min-height:0;overflow:visible}
.kmp .kamp .kopf>div{padding:0;border:0}
.kmp .kamp .kopf>div:first-child{flex:1 1 360px;min-width:0}
.kmp .kamp .kopf .chip:not(.an){display:block;width:max-content;max-width:100%;white-space:normal;margin:8px 0 0;font-size:10.5px;text-transform:uppercase}
.kmp .kamp .kopf>div:first-child b{display:block;font:700 20px/1.25 var(--font-d);color:var(--ink)}
.kmp .kamp .kopf>div:first-child small{font-size:13.5px;margin-top:5px}
.kmp .kamp .kopf .bud b{font:700 30px/1 var(--font-d);color:var(--ink)}
.kmp .kamp .kopf .bud small{margin-top:6px}
.kmp .kamp .kopf .chip{display:inline-block;margin:0 0 0 10px;font:600 11px var(--font-t);letter-spacing:.06em;padding:3px 10px;border-radius:99px;vertical-align:middle;text-transform:uppercase}
.kmp .kamp .kopf .chip.an{background:rgba(255,46,196,.14)}
.kmp .kamp .fakten{padding:16px 24px;gap:14px 24px;border-bottom:1px solid var(--line)}
.kmp .kamp .fakten span{font:700 10.5px var(--font-t);letter-spacing:.14em;color:var(--muted-2);margin-bottom:3px}
.kmp .kamp .tbl{overflow-x:auto;margin:0}
.kmp .kamp table{margin:0;width:100%;min-width:860px}
.kmp .kamp th,.kmp .kamp td{text-align:left;white-space:normal;vertical-align:top;padding:12px 14px}
.kmp .kamp th:first-child,.kmp .kamp td:first-child{padding-left:24px}
.kmp .kamp th:last-child,.kmp .kamp td:last-child{padding-right:24px}
.kmp .kamp td:nth-child(4),.kmp .kamp td:nth-child(5),.kmp .kamp th:nth-child(4),.kmp .kamp th:nth-child(5){text-align:right;white-space:nowrap}
.kmp .kamp .warum{margin:0 24px 16px;padding:0}
.kmp .kamp .warum p{margin:10px 0 0;color:var(--muted);font-size:13.5px;line-height:1.55}
.kmp .kamp .warum b{color:var(--ink)}
/* Stufen */
.kmp .zwiebel{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--r)}
.kmp .zwiebel>div{padding:24px 26px;min-width:0}
.kmp .zwiebel h4{font:700 14px var(--font-t);letter-spacing:.06em;text-transform:none;color:var(--ink);margin:0 0 4px;display:block}
.kmp .zwiebel h4+span{font-size:13px;color:var(--muted);display:block;margin-bottom:8px}
.kmp .kreise{width:100%;max-width:560px;height:auto;display:block}
.kmp .stufe{grid-template-columns:14px minmax(0,1fr) minmax(0,1fr) 72px;gap:8px 14px;border-radius:12px;padding:12px 14px;background:var(--card-2);align-items:center}
.kmp .stufe>i{grid-row:1/3;align-self:start;margin-top:3px}
.kmp .stufe>div:nth-child(2){grid-column:2/5}
.kmp .stufe>div:nth-child(3){grid-column:2;grid-row:2}
.kmp .stufe>div:nth-child(4){grid-column:3;grid-row:2}
.kmp .stufe>.bar{grid-column:4;grid-row:2}
.kmp .stufe.an{border-color:rgba(255,46,196,.6);background:rgba(255,46,196,.08)}
.kmp .stufe b{font:600 13.5px/1.3 var(--font-t);color:var(--ink)}
.kmp .stufe.aus b{color:var(--muted)}
.kmp .stufe small{line-height:1.35}
.kmp .stufe .bar{height:8px;border-radius:99px;background:rgba(255,255,255,.08)}
.kmp .stufe .bar span{background:var(--magenta)}
.kmp .eins.tbl{overflow-x:auto}
.kmp .eins.tbl table{min-width:900px}
.kmp .eins.tbl td,.kmp .eins.tbl th{text-align:right}
.kmp .eins.tbl td:first-child,.kmp .eins.tbl th:first-child{text-align:left}
.kmp .eins.tbl tr.aus td{color:var(--muted)}
.kmp .eins.tbl tr.an td{background:rgba(255,46,196,.06)}
@media (max-width:900px){.kmp .zwiebel{grid-template-columns:1fr}.kmp .zwiebel>div:first-child{border-right:0;border-bottom:1px solid var(--line)}}
@media (max-width:620px){.kmp .kamp .kopf{padding:16px}.kmp .kamp .fakten,.kmp .kamp .warum{padding-left:16px;padding-right:16px;margin-left:0;margin-right:0}.kmp .kamp .warum{margin-bottom:14px}.kmp .zwiebel>div{padding:18px 16px}}

.plan-top .stats.six .stat{justify-content:center}
.kmp .vorgabe label{min-width:0;flex:1 1 220px;max-width:100%}
.kmp .vorgabe label:first-child{flex:2 1 320px}
.kmp .vorgabe select,.kmp .vorgabe input[type=number]{width:100%;max-width:100%;min-width:0;box-sizing:border-box;text-overflow:ellipsis}
.kmp .vorgabe .btn{flex:none}
@media (max-width:620px){.kmp .vorgabe{padding:16px}.kmp .vorgabe .btn{width:100%}.kmp .ziel em{font-size:18px}.kmp .kamp .kopf .bud{margin-left:0;text-align:left}}
@media (max-width:620px){.kmp .ziele{grid-template-columns:1fr}.plan-top .stats.six{grid-template-columns:1fr 1fr}.kmp .stufe{grid-template-columns:14px minmax(0,1fr) minmax(0,1fr)}.kmp .stufe>div:nth-child(2){grid-column:2/4}.kmp .stufe>.bar{grid-column:2/4;grid-row:3}}

/* ===== Paket 7: Roadmap ===== */
.rm .phasen{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:18px}
.rm .phasen>div{--c:var(--muted);border:1px solid var(--line);border-top:3px solid var(--c);border-radius:16px;padding:16px 18px 18px;background:linear-gradient(180deg,var(--card-2),var(--card));min-width:0;display:flex;flex-direction:column;gap:9px}
.rm .phasen .pkl{color:var(--c)}
.rm .phasen b{display:block;font:700 21px/1.2 var(--font-d);letter-spacing:-.01em;color:var(--ink)}
.rm .pbar{position:relative;height:6px;border-radius:99px;background:rgba(255,255,255,.08)}
.rm .pbar i{position:absolute;top:0;bottom:0;background:var(--c);border-radius:99px;box-shadow:0 0 10px color-mix(in srgb,var(--c) 70%,transparent)}
.rm .pz{display:flex;gap:6px 20px;flex-wrap:wrap;margin-top:2px}
.rm .pz em{font:700 22px/1.2 var(--font-d);font-style:normal;color:var(--ink);letter-spacing:-.01em}
.rm .pz em+em{color:var(--cyan)}
.rm .phasen small{display:block;color:var(--muted);font-size:13px;line-height:1.5;margin:0}
.rm .stats.six{grid-template-columns:repeat(4,minmax(0,1fr))}
.rm .stats.six .stat:nth-child(n+5){grid-column:span 2}
.rm .stat b{overflow-wrap:break-word}
.rm .stat b .pf{font-style:normal;font-weight:500;color:var(--muted);margin:0 8px}
@media (max-width:1100px){.rm .stats.six{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rm-gantt{padding:18px 20px 16px;overflow:hidden}
.rm-leg{display:flex;gap:8px 18px;flex-wrap:wrap;font:500 12px var(--font-t);color:var(--muted);margin-top:14px}
.rm-leg i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-2px}
.rm-leg i.rmd{background:var(--cyan);transform:rotate(45deg) scale(.8);border-radius:1px;box-shadow:0 0 6px rgba(37,244,238,.6)}
.rm-leg i.rmh{background:repeating-linear-gradient(135deg,rgba(255,255,255,.6) 0 2px,rgba(255,255,255,.08) 2px 4px);border:1px solid rgba(255,255,255,.28)}
.rm-leg i.rmg{background:#fff;border-radius:50%;border:2px solid var(--violet)}
.rm-leg i.rml{width:3px;height:14px;background:#eef1f8;border-radius:2px;margin:0 8px 0 4px;vertical-align:-3px}
.rm .viz text{font-family:var(--font-t)}
.rm .viz .ax,.rm .viz .lbl2{font:500 11px var(--font-t);fill:var(--muted)}
.rm .viz .grid{stroke:rgba(255,255,255,.07);stroke-width:1}
.rm .viz [data-t]{cursor:default;outline:none}
.rm .viz [data-t]:hover{filter:brightness(1.18)}
.rm .viz rect.hit:hover{fill:rgba(37,244,238,.09);filter:none}
.rm .ms{margin:0;padding:0}
.rm .ms li{display:grid;grid-template-columns:76px 12px minmax(0,1fr);gap:12px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.55;color:var(--ink)}
.rm .ms li:last-child{border-bottom:0}
.rm .ms li b{width:auto;font:700 13px var(--font-t);color:var(--cyan);letter-spacing:.02em}
.rm .ms li i{width:10px;height:10px;border-radius:3px}
.rm .regel{gap:14px}
.rm .regel>div{border-radius:14px;padding:16px 18px;font-size:13.5px;line-height:1.5;color:var(--muted)}
.rm .regel b{display:block;font:700 15px/1.3 var(--font-d);color:var(--ink);margin-bottom:6px}
.rm .regel small{display:block;margin-top:8px;color:var(--muted-2,var(--muted));font-size:12.5px}
.rm .eins.rm-bridge{margin-top:16px;border-color:rgba(255,176,46,.55);background:linear-gradient(180deg,rgba(255,176,46,.09),rgba(255,176,46,.02))}
.rm .rm-bridge>b{font:700 16px var(--font-d);color:var(--warn)}
.rm-tbl table{width:100%;min-width:860px;margin:0}
.rm-tbl th,.rm-tbl td{text-align:right;white-space:nowrap;padding:11px 14px;vertical-align:top}
.rm-tbl th:first-child,.rm-tbl td:first-child{text-align:left;white-space:normal;padding-left:20px}
.rm-tbl tr.krow td{background:rgba(255,255,255,.05)}
.rm-tbl .sw{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:middle}
.rm-tbl small.hint{font-size:12px}
.rm .kopf-klein .hint b{color:var(--warn)}
@media (max-width:620px){
  .rm .phasen{grid-template-columns:1fr}
  .rm-gantt{padding:14px 10px 12px}
  .rm .ms li{grid-template-columns:62px 10px minmax(0,1fr);gap:10px}
  .rm .stats.six{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rm-leg{gap:6px 14px;font-size:11.5px}
}
.rm-tbl{overflow-x:auto}

.rm-tbl table{border-collapse:collapse;border-spacing:0}
.rm-tbl th{font:700 10.5px var(--font-t);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2,var(--muted));border-bottom:1px solid var(--line)}
.rm-tbl td{border:0;border-bottom:1px solid var(--line);font-size:14px}
.rm-tbl tr:last-child td{border-bottom:0}
.rm-tbl th:first-child,.rm-tbl td:first-child{min-width:190px}
@media (min-width:900px){.rm-tbl th:first-child,.rm-tbl td:first-child{min-width:300px}}
.rm .viz .ax,.rm .viz .lbl2{font-size:12px}
.rm .eins .btn{margin-top:16px}

/* ===== Paket 8: Videos ===== */
.vid .phasen{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:18px}
.vid .phasen>div{--c:var(--muted);border:1px solid var(--line);border-top:3px solid var(--c);border-radius:16px;padding:16px 18px 18px;background:linear-gradient(180deg,var(--card-2),var(--card));min-width:0;display:flex;flex-direction:column;gap:9px}
.vid .phasen .pkl{color:var(--c)}
.vid .phasen b{display:block;font:700 21px/1.2 var(--font-d);letter-spacing:-.01em;color:var(--ink)}
.vid .pbar{position:relative;height:6px;border-radius:99px;background:rgba(255,255,255,.08)}
.vid .pbar i{position:absolute;top:0;bottom:0;background:var(--c);border-radius:99px;box-shadow:0 0 10px color-mix(in srgb,var(--c) 70%,transparent)}
.vid .pz{display:flex;gap:6px 20px;flex-wrap:wrap;margin-top:2px}
.vid .pz em{font:700 22px/1.2 var(--font-d);font-style:normal;color:var(--ink);letter-spacing:-.01em}
.vid .pz em+em{color:var(--cyan)}
.vid .phasen small{display:block;color:var(--muted);font-size:13px;line-height:1.5;margin:0}
.vid .phasen small.pm2{color:var(--muted-2,var(--muted));font-size:12.5px}
.vid .phasen{margin-top:14px}
.vcard{padding:22px 24px}
.vid .prefs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0}
.vid .pref{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 20px 18px 56px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--card-2),var(--card));cursor:pointer;transition:border-color .18s,box-shadow .18s}
.vid .pref:hover{border-color:rgba(255,255,255,.28)}
.vid .pref input{position:absolute;opacity:0;pointer-events:none}
.vid .pref .rd{position:absolute;left:20px;top:22px;width:20px;height:20px;border-radius:50%;border:2px solid var(--muted-2,#5b6278);box-sizing:border-box}
.vid .pref.on{border-color:var(--magenta);box-shadow:0 0 26px rgba(255,46,196,.2);background:linear-gradient(180deg,rgba(255,46,196,.14),rgba(255,46,196,.03))}
.vid .pref.on .rd{border-color:var(--magenta);background:radial-gradient(circle,var(--magenta) 0 45%,transparent 50%)}
.vid .pref:has(input:checked){border-color:var(--magenta);box-shadow:0 0 26px rgba(255,46,196,.2);background:linear-gradient(180deg,rgba(255,46,196,.14),rgba(255,46,196,.03))}
.vid .pref:has(input:checked) .rd{border-color:var(--magenta);background:radial-gradient(circle,var(--magenta) 0 45%,transparent 50%)}
.vid .pref:has(input:focus-visible){outline:2px solid var(--cyan);outline-offset:2px}
.vid .pref b{font:700 19px/1.25 var(--font-d);color:var(--ink);margin:0}
.vid .pref em{font:600 13px var(--font-t);font-style:normal;color:var(--cyan)}
.vid .pref span{color:var(--muted);font-size:13.5px;line-height:1.55}
.vid .felder{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px 20px;margin:20px 0 4px;align-items:start}
.vid .felder label{display:flex;flex-direction:column;gap:7px;font:700 11px var(--font-t);letter-spacing:.16em;text-transform:uppercase;color:var(--pink)}
.vid .felder label small{font:400 12.5px/1.45 var(--font-t);letter-spacing:0;text-transform:none;color:var(--muted)}
.vid .felder input[type=text],.vid .felder input[type=number],.vid .felder select{width:100%;box-sizing:border-box;padding:11px 14px;font:500 15px var(--font-t);letter-spacing:0;text-transform:none;min-width:0}
.vid .felder label.chk{flex-direction:row;align-items:center;gap:10px;align-self:end;padding:11px 0;font:500 14px var(--font-t);letter-spacing:0;text-transform:none;color:var(--ink)}
.vid .felder label.chk input{width:18px;height:18px;accent-color:var(--magenta);margin:0}
.vakt{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;margin-top:18px}
.vakt.vtop{margin:0 0 14px}
.vmore{margin-top:10px;max-width:860px;color:var(--muted);font-size:13.5px;line-height:1.6}
.vmore .copy{margin:0}
.vmore .vmeta p{margin:0 0 8px}
.vstats.six{grid-template-columns:repeat(3,minmax(0,1fr))}
.vid .viz text{font-family:var(--font-t)}
.vid .viz .ax,.vid .viz .lbl2{font:500 12px var(--font-t);fill:var(--muted)}
.vid .viz .grid{stroke:rgba(255,255,255,.07);stroke-width:1}
.vid .viz [data-t]{outline:none}
.vid .viz [data-t]:hover{filter:brightness(1.2)}
.vchart{margin-top:14px}
.vh4{font:700 16px var(--font-d);color:var(--ink);margin:0 0 12px;display:flex;gap:6px 14px;align-items:baseline;flex-wrap:wrap}
.vh4 span{font:500 12.5px var(--font-t);color:var(--muted)}
.rm-leg i.vk-kap{font-style:normal;background:none;width:auto;height:auto;color:var(--warn);margin-right:4px;font-size:12px;vertical-align:0}
.vkp{margin-top:14px}
.prt-h.vk{grid-template-columns:1fr}
.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}
.chips .pkl{margin-right:4px}
.vid .chip{display:inline-block;margin:0;padding:3px 11px;border:1px solid var(--line-strong);border-radius:99px;background:rgba(255,255,255,.04);font:600 12px var(--font-t);color:var(--ink)}
.vid .hinweise{margin:0;padding-left:18px;color:var(--muted);font-size:13.5px;line-height:1.6}
.vid .hinweise li{margin:0 0 6px}
.vmodell{margin:0 0 12px;font-size:15px;color:var(--ink)}
.vfacts{margin:0}
.vwarn{margin:14px 0 0;padding:10px 14px;border:1px solid rgba(255,176,46,.4);border-radius:12px;background:rgba(255,176,46,.06);color:#f0d9a8;font-size:13.5px;line-height:1.5}
.vid .briefe{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:14px;margin-top:14px}
.vid .brief{border:1px solid var(--line);border-left:4px solid var(--c);border-radius:16px;padding:18px 20px;min-width:0}
.vid .brief>b{display:block;font:700 17px/1.3 var(--font-d);color:var(--ink)}
.vid .brief>small{display:block;font-size:13px;color:var(--muted);margin-top:3px}
.vid .brief dl{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px 16px;margin:16px 0 0}
.vid .brief dt{margin:0;padding-top:3px;font:700 10.5px var(--font-t);letter-spacing:.14em;text-transform:uppercase;color:var(--pink)}
.vid .brief dd{margin:0;font-size:14px;line-height:1.55;color:var(--ink);overflow-wrap:anywhere}
.vid .brief dd .hint{color:var(--muted)}
.vid .konzepte{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:14px;margin-top:14px;align-items:stretch}
.vid .konzept{display:flex;flex-direction:column;gap:12px;border:1px solid var(--line);border-top:3px solid var(--c);border-radius:16px;padding:18px 18px 16px;font-size:14px;min-width:0}
.vid .konzept .kk{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.vid .konzept .kk .ok,.vid .konzept .kk .bad{margin:0;font:600 11.5px var(--font-t)}
.vid .konzept .kk .ok{color:var(--ok)}
.vid .konzept .kk .bad{color:var(--bad)}
.vid .kkn{margin:-6px 0 0;font-size:12.5px;color:var(--muted)}
.vid .kt{display:block;font:700 19px/1.25 var(--font-d);color:var(--ink);letter-spacing:-.01em}
.vid .hook{margin:0;padding:12px 14px;border-left:3px solid var(--magenta);background:rgba(255,46,196,.07);border-radius:0 12px 12px 0;color:var(--ink);font-size:15px;line-height:1.5}
.vid .hook .hint{display:block;margin-top:6px;font-size:12.5px;line-height:1.5}
.bstrip{position:relative;padding-top:22px}
.bs-bar{display:flex;gap:2px;height:12px}
.bs-bar i{display:block;min-width:2px}
.bs-bar i:first-child{border-radius:6px 2px 2px 6px}
.bs-bar i:last-child{border-radius:2px 6px 6px 2px}
.bs-pm{position:absolute;top:0;width:0;height:0}
.bs-pm span{position:absolute;top:0;left:0;transform:translateX(-50%);white-space:nowrap;font:600 10.5px var(--font-t);color:var(--warn)}
.bs-pm.a-l span{transform:none;left:-4px}
.bs-pm.a-r span{transform:translateX(-100%);left:4px}
.bs-pm::after{content:"";position:absolute;top:16px;left:-4px;border:4px solid transparent;border-top-color:var(--warn)}
.bs-ov{position:relative;height:5px;margin-top:5px}
.bs-ov u{position:absolute;top:0;height:4px;border-radius:2px;background:rgba(238,241,248,.55);text-decoration:none}
.bs-ax{display:flex;justify-content:space-between;gap:8px;margin-top:7px;font:500 10.5px var(--font-t);color:var(--muted-2,var(--muted))}
.vid .konzept .gm-more{margin-top:0}
.vid .konzept .kf{margin-top:auto;padding-top:4px}
.vid .konzept ol.beats{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:9px}
.vid .konzept ol.beats li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;font-size:13.5px;line-height:1.5;color:var(--ink)}
.vid .konzept ol.beats li b{font:700 12px var(--font-t);color:var(--cyan);padding-top:2px}
.vid .konzept ol.beats li .hint{color:var(--muted)}
.vid pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#090b12;border:1px solid var(--line);border-radius:10px;padding:12px;font:12px/1.55 ui-monospace,Menlo,monospace;color:#c9cfdb;max-height:320px;overflow:auto;margin:6px 0 10px}
.vid .vid-detail{margin-top:10px}
.vid .clip{display:block;width:100%;max-width:240px;aspect-ratio:9/16;background:#0b0d16;border-radius:14px;margin:0 auto 8px;object-fit:cover}
.vid .clipwarte{border:1px dashed var(--line-strong);border-radius:14px;padding:22px 14px;color:var(--muted);text-align:center;font-size:13.5px}
.vid .clipwarte.bad{color:var(--warn)}
.vid .engs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin:16px 0 0}
.vid .eng{position:relative;display:flex;flex-direction:column;gap:5px;padding:14px 16px 14px 48px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,var(--card-2),var(--card));cursor:pointer;font-size:13px;line-height:1.45;color:var(--muted);margin:0}
.vid .eng input{position:absolute;left:16px;top:16px;width:18px;height:18px;accent-color:var(--magenta);margin:0}
.vid .eng b{font:700 15px/1.3 var(--font-d);color:var(--ink)}
.vid .eng:has(input:checked){border-color:var(--magenta);background:rgba(255,46,196,.07)}
.vid .eng.aus{opacity:.62;cursor:default}
.vid .eng .kb{display:block;height:5px;border-radius:99px;background:rgba(255,255,255,.08);margin-top:4px;overflow:hidden}
.vid .eng .kb s{display:block;height:100%;background:var(--cyan);border-radius:99px;text-decoration:none}
.vid .eng-warn{color:var(--warn)}
.vid .vgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:14px}
.vid .vg{border:1px solid var(--line);border-radius:16px;padding:16px;text-align:center;min-width:0}
.vid .vg>b{display:block;font:700 15px/1.3 var(--font-d);color:var(--ink);margin-bottom:12px}
.vid .vgm{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.vid .vgm span{display:flex;flex-direction:column;gap:2px;font:600 10.5px var(--font-t);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.vid .vgm b{font:700 16px var(--font-d);letter-spacing:-.01em;text-transform:none;color:var(--ink)}
.eins.vnext{border-style:dashed;background:none}
@media (max-width:1100px){.vstats.six{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.vid .prefs{grid-template-columns:1fr}.vid .briefe{grid-template-columns:1fr}.vid .brief dl{grid-template-columns:1fr;gap:4px}.vid .brief dt{padding-top:10px}}
@media (max-width:620px){.vcard{padding:16px}.vid .konzepte{grid-template-columns:1fr}.vid .brief{padding:16px}.vid .engs{grid-template-columns:1fr}}
.vid .btn,.vid .klein{white-space:normal;max-width:100%;text-align:center}
.vid .konzept .hook{flex:1 1 auto}

/* Wettbewerb: Größenschlüssel der Bubble (29.09.) */
.sizekey{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:10px 0 2px}
.sizekey .sk-l{font:600 12px var(--font-t);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.sizekey svg{max-width:100%;overflow:visible;flex:none}
.sizekey .sk-t{font:500 12px var(--font-t);fill:var(--muted);font-variant-numeric:tabular-nums}
.wbtab td:first-child{white-space:nowrap}


/* ===== Paket 9: Let's go (Settings · Kampagne · Autopilot) + Services + Videos-Stories (29.09.) ===== */
.lg .subnav,.lg .lgphase{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.lg .subnav .sub,.lg .lgphase .sub{border:1px solid var(--line-strong);background:var(--card-2);color:var(--muted);border-radius:999px;padding:7px 14px;font:500 13px var(--font-t);cursor:pointer}
.lg .subnav .sub.on,.lg .lgphase .sub.on{color:var(--ink);border-color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan)}
.lg .lgphase .apdot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--line-strong);margin-right:8px;vertical-align:middle}
.lg .lgphase .apdot.an{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.lg .lgdl{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:14px 0 0;font-size:13.5px}
.lg .lgdl dt{color:var(--muted)} .lg .lgdl dd{margin:0}
.lg .lgol{margin:8px 0 0;padding-left:22px;font-size:13.5px;line-height:1.5} .lg .lgol li{margin:6px 0}
.lg .lgtbl{width:100%;font-size:13px;margin-top:10px;border-collapse:collapse} .lg .lgtbl th{text-align:left;color:var(--muted);font-weight:500;padding:8px 8px;border-bottom:1px solid var(--line-strong)} .lg .lgtbl td{padding:8px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.lg .lgfg,.lg .lgqw{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;margin-top:12px}
.lg .lgq{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line-strong);border-radius:14px;background:var(--card-2);cursor:pointer}
.lg .lgq input{width:22px;height:22px;flex:none;margin-top:2px} .lg .lgq>div{display:flex;flex-direction:column;gap:3px} .lg .lgq b{font-weight:600;font-size:14px} .lg .lgq span{font-size:13px} .lg .lgq small{font-size:12px}
.lg .lgq.done{opacity:.62} .lg .lgq.done b{text-decoration:line-through}
.lg .lgfg label.chk{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line-strong);border-radius:14px;background:var(--card-2)} .lg .lgfg label.chk b{display:block;font-weight:600} .lg .lgfg label.chk small{display:block;font-size:12px}
.lg .lgcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.lg .lgcard{border:1px solid var(--line);border-radius:14px;background:var(--card-2);padding:14px 16px;display:flex;flex-direction:column;gap:6px} .lg .lgcard>b{font-size:15px;font-weight:600} .lg .lgcard>small{color:var(--muted)} .lg .lgcard.aus{opacity:.55}
.lg .lgkv{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:13px;color:var(--muted);margin-top:auto}
.lg .lgroll{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.lg .pill{display:inline-block;padding:2px 10px;border-radius:999px;border:1px solid var(--line-strong);font-size:12px;color:var(--muted);vertical-align:middle} .lg .pill.ok{color:var(--ok);border-color:var(--ok)} .lg .pill.warn{color:var(--warn);border-color:var(--warn)}
/* Videos · Stories */
.vid .bilder{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:12px 0}
.vid .bild{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card-2);font-size:12px} .vid .bild img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover} .vid .bild div{padding:6px 8px} .vid .bild b{display:block;font-weight:600;font-size:12.5px} .vid .bild small{color:var(--muted)}
.vid .stories{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin-top:12px}
.vid .story{border:1px solid var(--line);border-radius:14px;background:var(--card-2);padding:14px 16px} .vid .story .kk{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:6px} .vid .story .kt{font-weight:600;font-size:15px} .vid .story .ov{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0} .vid .story .ov span{border:1px dashed var(--line-strong);border-radius:8px;padding:2px 8px;font-size:12px} .vid .story .clipz{display:flex;gap:8px;align-items:flex-start;margin-top:8px} .vid .story .clipz img{width:54px;aspect-ratio:9/16;object-fit:cover;border-radius:8px;flex:none}
.vid .raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px} .vid .raster .rz{text-align:center;font-size:12px} .vid .raster video{width:100%;aspect-ratio:9/16;background:#0b0d16;border-radius:12px;object-fit:cover} .vid .raster b{display:block;margin-top:4px;font-weight:600}
@media (max-width:620px){.lg .lgdl{grid-template-columns:1fr} .lg .lgtbl{display:block;overflow-x:auto}}
@media print{body{background:#fff;color:#000} .navi,#navi,#lauf,.fab,button,.subnav{display:none!important} .vid,.lg{display:block!important}}

/* ===== Paket 10: Menü eingeklappt (Bereichs-Reiter + Einträge des aktuellen Bereichs), Abschluss der neuen Seiten (30.09.) ===== */
.navi .nrow{display:contents}
.navi .navtog{grid-column:1/-1;justify-self:end;border:1px solid var(--line-strong);background:transparent;color:var(--muted);border-radius:99px;padding:5px 14px;font:600 12px var(--font-t);cursor:pointer}
.navi .navtog:hover{color:var(--ink);border-color:var(--cyan)}
.navi.zu{display:block;padding:14px 18px 12px}
.navi.zu .nbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.navi.zu .gtab{border:1px solid var(--line-strong);background:var(--card-2);color:var(--muted);border-radius:99px;padding:6px 14px;font:600 12px var(--font-t);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:color .18s,border-color .18s,box-shadow .18s}
.navi.zu .gtab:hover{color:var(--ink);border-color:var(--cyan)}
.navi.zu .gtab.on{color:var(--ink);border-color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan)}
.navi.zu .gtab.cur:not(.on)::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-left:8px;vertical-align:middle;box-shadow:var(--glow-c)}
.navi.zu .gtab.all{margin-left:auto;border-style:dashed;text-transform:none;letter-spacing:0;font-weight:500}
.navi.zu .grp{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:4px 14px;margin:0;grid-column:auto}
.navi.zu .nrow:has(.sub){flex:0 0 100%}
.navi.zu .grp .gt{display:none}
.navi.zu .nrow{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.navi.zu .nrow .sub{flex:0 1 auto;margin:0;padding:0 0 0 12px;border-left:1px solid var(--line-strong);display:flex;flex-wrap:wrap;gap:2px}
.navi.zu .it.aus+.sub{display:none}
@media (max-width:640px){
  .navi.zu{padding:12px 12px 10px}
  .navi.zu .nbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-2px;padding-bottom:10px}
  .navi.zu .nbar::-webkit-scrollbar{display:none}
  .navi.zu .gtab{flex:none}
  .navi.zu .gtab.all{margin-left:0}
  .navi.zu .nrow .sub{flex:0 0 100%;border-left:0;padding-left:8px}
}

/* --- Paket 10: Bausteine der Let's-go-Seiten --- */
.lg{color-scheme:dark}
.lg .kk{display:block;font:700 10.5px var(--font-t);letter-spacing:.16em;text-transform:uppercase;color:var(--pink);margin:0 0 8px}
.vid .felder input[type=date],.lg .felder input[type=date]{width:100%;box-sizing:border-box;padding:11px 14px;font:500 15px var(--font-t);letter-spacing:0;background:var(--card-3);color:var(--ink);border:1px solid var(--line-strong);border-radius:10px;min-width:0;color-scheme:dark}
.lg .felder input:focus,.lg .felder select:focus{outline:2px solid var(--cyan);outline-offset:1px}
.lg .felder input::placeholder{color:var(--muted-2)}
/* Phasenband */
.phband{display:flex;gap:3px;margin:4px 0 12px}
.phband .ph{flex:1 1 0;min-width:0;padding:12px 14px 10px;border-radius:10px;background:color-mix(in srgb,var(--c) 14%,transparent);border-top:3px solid var(--c);display:flex;flex-direction:column;gap:2px;justify-content:space-between}
.phband .ph:first-child{border-radius:99px 10px 10px 99px;padding-left:20px}
.phband .ph:last-child{border-radius:10px 99px 99px 10px;padding-right:20px}
.phband .ph.on{background:color-mix(in srgb,var(--c) 26%,transparent);box-shadow:0 0 0 1px var(--c),0 0 18px color-mix(in srgb,var(--c) 30%,transparent)}
.phband .ph b{font:700 13.5px var(--font-d);color:var(--ink);white-space:nowrap}
.phband .ph small{font:500 11.5px var(--font-t);color:var(--muted);white-space:nowrap}
.phsum{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13px;color:var(--muted)}
.phsum i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}
.phsum b{color:var(--ink);font-weight:600}
/* zweispaltig: Inhalt + Diagramm-Seitenspalte */
.lgtwo{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
.lgside{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);min-width:0}
.lgside .cr-donut{align-items:center}
.lgside svg.lgkor{width:100%;height:auto;margin-top:6px}
.lg .lgkpi{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px;grid-auto-rows:1fr}
.kv4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:16px}
.kv4>div{display:flex;flex-direction:column;gap:5px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}
.kv4>div span{font:700 10.5px var(--font-t);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}
.kv4>div b{font:600 14px/1.35 var(--font-t);color:var(--ink);overflow-wrap:anywhere}
/* Kacheln mit Kicker, unten buendig */
.lgtiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-top:16px}
.lgtile{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);min-width:0}
.lgtile .vv{font:700 26px/1.1 var(--font-d);color:var(--cyan)}
.lgtile p{margin:0;font-size:13.5px;line-height:1.5;color:var(--muted)}
.lgtile .pf{margin-top:auto;padding-top:8px}
.lgtile .pf .pill{white-space:normal;line-height:1.35;display:inline-block}
/* nummerierte Schritte */
.lgsteps{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;counter-reset:s}
.lgsteps li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);font-size:13.5px;line-height:1.5}
.lgsteps li i{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:700 13px var(--font-d);font-style:normal;color:var(--ink-on-accent,#06060b);background:var(--c,var(--cyan))}
.lgsteps li span{min-width:0;overflow-wrap:anywhere}
/* Limit-Balken */
.limits{display:flex;flex-direction:column;gap:12px;margin:8px 0 6px}
.limits .lim{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr) auto;gap:6px 16px;align-items:center;font-size:13.5px}
.limits .lim .ln{color:var(--ink);font-weight:500}
.limits .lim .lt{display:block;height:12px;border-radius:99px;background:color-mix(in srgb,var(--c) 22%,transparent);overflow:hidden;min-width:20px}
.limits .lim .lt i{display:block;height:100%;border-radius:99px;background:var(--c)}
.limits .lim .lv{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.limits .lim .lv b{color:var(--ink);font-weight:600}
/* Regel-Karten: Wenn → Dann */
.lgrules{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.lgrule{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);min-width:0}
.lgrule .rn{font:600 14.5px/1.3 var(--font-t);color:var(--ink)}
.lgrule .wd{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px;font-size:13px;line-height:1.45;color:var(--ink)}
.lgrule .wd span{font:700 10px var(--font-t);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);padding-top:3px}
.lgrule .wd.why{color:var(--muted)}
.lgrule .wd.why span{color:var(--muted-2)}
.lgrule .pill{margin-top:auto;align-self:flex-start;white-space:normal;line-height:1.35}
.lg .lgul{margin:8px 0 0;padding-left:18px;font-size:13px;line-height:1.55;color:var(--muted)} .lg .lgul b{color:var(--ink);font-weight:600}
/* Fortschrittsbalken */
.lgbar{display:block;height:8px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.lgbar i{display:block;height:100%;border-radius:99px;background:var(--c,var(--cyan))}
/* Ladezustand */
.lgload{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.lgload i{display:block;height:96px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(100deg,rgba(255,255,255,.02) 20%,rgba(255,255,255,.07) 40%,rgba(255,255,255,.02) 60%);background-size:200% 100%;animation:lgsh 1.4s linear infinite}
.lgload i:nth-child(3),.lgload i:nth-child(4){height:150px}
@keyframes lgsh{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.lgload i{animation:none}}
/* Schalter (Freigaben) statt Standard-Checkbox */
.lg .lgfg{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:stretch}
.lg .lgfg label.chk{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px;border:1px solid var(--line-strong);border-radius:14px;background:var(--card-2);cursor:pointer;transition:border-color .18s,background .18s}
.lg .lgfg label.chk:hover{border-color:var(--cyan)}
.lg .lgfg label.chk:has(input:checked){border-color:color-mix(in srgb,var(--cyan) 55%,transparent);background:color-mix(in srgb,var(--cyan) 6%,var(--card-2))}
.lg .lgfg label.chk input{appearance:none;-webkit-appearance:none;flex:none;width:42px;height:24px;border-radius:99px;background:var(--line-strong);position:relative;margin:2px 0 0;cursor:pointer;transition:background .18s}
.lg .lgfg label.chk input::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .18s}
.lg .lgfg label.chk input:checked{background:var(--cyan)}
.lg .lgfg label.chk input:checked::after{transform:translateX(18px);background:#06060b}
.lg .lgfg label.chk input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.lg .lgfg label.chk .tx{display:flex;flex-direction:column;gap:4px;min-width:0}
.lg .lgfg label.chk .tx b{font:600 14.5px/1.3 var(--font-t)}
.lg .lgfg label.chk .tx small{font-size:12.5px;line-height:1.45}
/* Haken-Kacheln (Quick Wins, Arbeitsauftraege) */
.lg .lgq{align-items:flex-start;transition:border-color .18s,opacity .18s}
.lg label.lgq:hover{border-color:var(--cyan)}
.lg .lgq input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;width:22px;height:22px;margin:1px 0 0;border-radius:7px;border:1.5px solid var(--muted-2);background:transparent;cursor:pointer;display:grid;place-items:center}
.lg .lgq input[type=checkbox]:checked{background:var(--ok);border-color:var(--ok)}
.lg .lgq input[type=checkbox]:checked::after{content:"";width:6px;height:11px;border:solid #06060b;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.lg .lgq input[type=checkbox]:disabled{opacity:.6;cursor:default}
.lg .lgq input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.lg .lgq.an{border-color:color-mix(in srgb,var(--ok) 45%,transparent)}
@media (max-width:860px){.lgtwo{grid-template-columns:1fr}.limits .lim{grid-template-columns:1fr auto}.limits .lim .lt{grid-column:1/-1;order:3}}
@media (max-width:560px){.lg .lgkpi{grid-template-columns:1fr}.phband{flex-wrap:wrap}.phband .ph,.phband .ph:first-child,.phband .ph:last-child{border-radius:10px;flex:1 1 40%}.lgload{grid-template-columns:1fr}}
.lg .lgkpi .stat{flex-direction:column;justify-content:flex-start}
.lg .lgkpi .stat small.hint{font-size:12.5px;line-height:1.45}
.lg .eins>p.hint,.lg .eins>.lgsteps+p.hint,.lg .vcard>p.hint{margin:12px 0 0}
button.klein.ghost{background:transparent;border:1px solid var(--line-strong);color:var(--muted);box-shadow:none;padding:4px 11px;font-weight:600}
button.klein.ghost:hover{color:var(--bad);border-color:var(--bad)}
.lgrings{display:grid;grid-template-columns:repeat(3,auto) minmax(0,1fr);gap:26px;align-items:center}
.lgrings .cr-ring{margin:0}
.lgring-txt{display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:0}
.lgring-txt b{font:700 17px var(--font-d)} .lgring-txt p{margin:0;font-size:13.5px;line-height:1.5}
.lgtwo-l{grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:stretch}
.lgtwo-l .lgcards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-content:stretch}
.lg .kcard{border-left:3px solid var(--c)}
.lg .kcard .lgbar{margin:4px 0 2px}
.lgkamp{border-top:2px solid var(--c)}
.lgscroll{overflow-x:auto;margin-top:12px}
.lgscroll.hoch{max-height:560px;overflow:auto}
.lgscroll.hoch thead th{position:sticky;top:0;background:var(--card);z-index:1}
.lg .lgtbl td.bcell{min-width:120px} .lg .lgtbl td.bcell b{display:block;font-weight:600;margin-bottom:5px} 
.phdot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}
.lgcharts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:8px}
.lgcharts>div{min-width:0}
.lgcrea{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.lgc{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:1px solid var(--line);border-left:3px solid var(--c);border-radius:14px;background:rgba(255,255,255,.025);min-width:0}
.lgc>b{font:600 15px/1.3 var(--font-t);color:var(--ink)}
.lgc .lgc-f{margin-top:auto;padding-top:6px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.lgc details.gm-more{margin-top:0}
.lg .pill.bad{color:var(--bad);border-color:var(--bad)}
.lgprog{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:6px}
.lgprog .pr{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted)} .lgprog .pr b{color:var(--ink);font-weight:600}
.lgbereit{align-items:center}
@media (max-width:980px){.lgrings{grid-template-columns:repeat(3,auto);justify-content:space-between}.lgring-txt{grid-column:1/-1}.lgtwo-l{grid-template-columns:1fr}.lgcharts{grid-template-columns:1fr}}
@media (max-width:560px){.lgrings{gap:14px}.lgrings .cr-ring{width:96px!important}.lg .lgtbl{display:table}}

/* Paket 10: ausgegraute Einträge (Daten fehlen) bleiben im eingeklappten Menü sichtbar, auch mobil */
.navi.zu .gtab.aus{color:var(--muted-2);border-style:dashed}
.navi.zu .gtab.aus.on{color:var(--muted);border-style:solid}
.navi.zu .it.aus{display:inline-flex}
.navi.zu .sub .it.aus{display:inline-flex}
.navi.zu .grp:not(:has(.it:not(.aus))){display:flex}

.lgsteps.five{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
@media (min-width:1100px){.lgsteps.five{grid-template-columns:repeat(5,minmax(0,1fr))}}
.lgtwo-l{align-items:start}
.lgstats4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;margin-top:16px}
/* Autopilot: Phasen-Stepper */
.apstep{display:flex;align-items:stretch;gap:0;margin:18px 0 6px}
.apstep .lnk{flex:1 1 24px;min-width:16px;align-self:center;height:2px;background:linear-gradient(90deg,var(--line-strong),var(--line-strong))}
.apstep .node{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-align:left;padding:12px 18px 12px 12px;border:1px solid var(--line-strong);border-radius:99px;background:var(--card-2);color:var(--muted);cursor:pointer;transition:border-color .18s,box-shadow .18s}
.apstep .node i{grid-row:1/3;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:700 14px var(--font-d);font-style:normal;background:var(--line-strong);color:var(--ink)}
.apstep .node b{font:700 14.5px var(--font-d);color:var(--ink);white-space:nowrap}
.apstep .node small{font:600 10.5px var(--font-t);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}
.apstep .node:hover{border-color:var(--c)}
.apstep .node.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 14%,var(--card-2));box-shadow:0 0 0 1px var(--c),0 0 20px color-mix(in srgb,var(--c) 30%,transparent)}
.apstep .node.on i{background:var(--c);color:#06060b}
.apstep .node.on small{color:var(--c)}
.apsrc{margin:8px 0 0}
.apsrc .klein{margin-left:8px;padding:4px 12px;font-size:12px}
@media (max-width:700px){.apstep{flex-direction:column;align-items:stretch}.apstep .lnk{width:2px;height:12px;min-width:0;margin-left:28px;flex:0 0 12px}}

.lg .lgcard .vakt{margin-top:auto;padding-top:8px}
.lg .lgtbl td.num,.lg .lgtbl th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.lgtwo-r{grid-template-columns:300px minmax(0,1fr);align-items:start}
.lg .lgrule .pill{background:transparent}
@media (max-width:860px){.lgtwo-r{grid-template-columns:1fr}}

/* Zugaenge: Ablauf-Leiste, Meldungen, Variablen-Chips */
.lgflow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 4px;padding:0;counter-reset:none}
.lgflow li{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02);min-width:0}
.lgflow li i{grid-row:1/3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:700 13px var(--font-d);font-style:normal;color:var(--muted);border:1.5px solid var(--muted-2)}
.lgflow li b{font:600 13.5px/1.25 var(--font-t);color:var(--muted);overflow-wrap:anywhere}
.lgflow li small{font-size:12px;line-height:1.35;color:var(--muted-2);overflow-wrap:anywhere}
.lgflow li.done i{background:var(--ok);border-color:var(--ok);color:#06060b}
.lgflow li.done b{color:var(--ink)}
.lgflow li.cur{border-color:var(--cyan);background:rgba(37,244,238,.06);box-shadow:0 0 0 1px rgba(37,244,238,.25),0 0 22px -8px var(--cyan)}
.lgflow li.cur i{border-color:var(--cyan);color:var(--cyan)}
.lgflow li.cur b{color:var(--ink)}
.lgmsg{margin:14px 0 0;padding:12px 16px;border-radius:12px;border:1px solid var(--line-strong);border-left-width:4px;background:var(--card-2);font-size:14px}
.lgmsg.warn{border-left-color:var(--warn);color:var(--warn)}
.lgmsg.ok{border-left-color:var(--ok);color:var(--ok)}
.lgvars{margin-top:16px;padding:14px 16px;border:1px dashed color-mix(in srgb,var(--warn) 50%,transparent);border-radius:14px;background:rgba(255,176,46,.05)}
.lgvars .chips{margin-top:10px}
.lgvars .kk{display:block;color:var(--warn)}
.chip.var{font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em;border-color:color-mix(in srgb,var(--warn) 45%,transparent);color:var(--ink);background:rgba(255,176,46,.08)}
.lg .lgcard.lnk{border-color:var(--line-strong)}
.lg .lgcard.aus .pill{background:rgba(255,255,255,.04)}
.lg .copy{margin:16px 0 0}
@media (max-width:860px){.lgflow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.lgflow{grid-template-columns:1fr}}

.lg .lgcards.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.lg .lgcard .vakt{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lg .copy{max-width:96ch}
@media (max-width:1100px){.lg .lgcards.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.lg .lgcards.four{grid-template-columns:1fr}}

.lg .vstats+.eins{margin-top:12px}

/* Videos Preview/Archiv: gleich hohe Kacheln, Button unten buendig, Serien als Kartenraster */
.vid .raster{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-items:stretch;gap:12px}
.vid .raster .rz{display:flex;flex-direction:column;gap:3px;text-align:left;font-size:12.5px;padding:8px 8px 10px;border:1px solid var(--line);border-radius:14px;background:var(--card-2);min-width:0}
.vid .raster .rz video,.vid .raster .rz .clipwarte{margin-bottom:6px}
.vid .raster .rz b{display:flex;align-items:center;gap:7px;margin-top:0;font:600 13px/1.25 var(--font-t);color:var(--ink);overflow-wrap:anywhere}
.vid .raster .rz .prov{color:var(--muted);font-size:11.5px;line-height:1.35}
.vid .raster .rz .hint{margin:0}
.vid .raster .rz .vakt{margin-top:auto;padding-top:8px}
.vid .raster .rz .vakt .klein{width:100%;justify-content:center;display:inline-flex}
.vid .raster .rz .ov{margin-top:6px}
.edot{flex:none;display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--c,var(--cyan));box-shadow:0 0 8px -1px var(--c,var(--cyan))}
.vid .vstory{margin-top:12px}
.vid .vsk{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.vid .vsk b{font:600 15px var(--font-t)}
.vid .vsk .prov{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}
.vid .vsergrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.vid .vser{margin:0;display:flex;flex-direction:column;gap:2px;padding:14px}
.vid .vser.w2{grid-column:span 2}
.vid .vser.w3{grid-column:span 3}
.vid .vser .raster{margin-top:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));flex:1}
@media (max-width:1180px){.vid .vsergrid{grid-template-columns:repeat(2,minmax(0,1fr))}.vid .vser.w3{grid-column:span 2}}
@media (max-width:620px){.vid .vsergrid{grid-template-columns:1fr}.vid .vser.w2,.vid .vser.w3{grid-column:auto}.vid .raster{grid-template-columns:repeat(2,minmax(0,1fr))}}

.lg .cr-hb .z,.vid .cr-hb .z{grid-template-columns:minmax(90px,150px) minmax(0,1fr) var(--nw,76px)}
.vid .vser .raster .rz{border:0;background:none;padding:0}
@media (max-width:620px){.lg .cr-hb .z,.vid .cr-hb .z{grid-template-columns:minmax(70px,104px) minmax(0,1fr) var(--nw,76px);gap:8px;font-size:12.5px}}

/* Mobil-Korrekturen (Paket 10) */
@media (max-width:560px){
  .phband{flex-direction:column;gap:6px}
  .phband .ph,.phband .ph:first-child,.phband .ph:last-child{flex:1 1 auto!important;flex-direction:row;align-items:baseline;justify-content:space-between;border-radius:10px;padding:11px 14px}
  .lgrings{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;justify-items:center}
  .lgrings .cr-ring{width:100%!important;max-width:104px}
  .lgrings .cr-ring svg{width:100%;height:auto}
  .lgstats4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .kv4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .lg .cr-hb .z,.vid .cr-hb .z{grid-template-columns:minmax(0,1fr) auto;row-gap:5px;column-gap:10px}
  .lg .cr-hb .z .b,.vid .cr-hb .z .b{grid-column:1/-1;order:3}
}

@media (max-width:560px){
  .lgrings>div{min-width:0;width:100%;display:flex;justify-content:center}
  .lgrings .cr-ring{max-width:100px}
  .lgrings .cr-ring svg{width:100%!important;max-width:100px!important;height:auto!important}
  .lgrings .cr-ring .cr-cap{font-size:11px;white-space:normal;text-align:center;line-height:1.3;margin-top:4px}
  .lgrings>.lgring-txt{grid-column:1/-1;justify-content:flex-start;display:flex}
}
@media (max-width:560px){.lgrings{align-items:start}}

/* Videos: Story-Karten mit buendigem Unterrand, Zwischenueberschrift in der Einstellungs-Karte */
.vid .story{display:flex;flex-direction:column;min-width:0}
.vid .story .clipz+.hint,.vid .story>.hint:last-child{margin-top:auto}
.vid .story .clipz+.hint{padding-top:10px}
.vid .story .clipz+.hint~.hint{margin-top:2px;padding-top:0}
.vid .eins .sublbl{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:24px 0 6px!important;padding-top:20px;border-top:1px solid var(--line);font:700 15px var(--font-d);letter-spacing:.06em;text-transform:uppercase;color:var(--cyan)}
.vid .eins .sublbl span{font:600 11px var(--font-t);letter-spacing:.16em;color:var(--muted-2)}
.vid .story .clipz>div{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
@media (max-width:720px){.vid .felder[style*="grid-template-columns"],.lg .felder[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}}

/* Google-Anmeldung (Kopfzeile / Hinweisband) */
.navr{display:flex;align-items:center;gap:22px}
.lgbox{display:inline-flex;align-items:center;min-height:32px}
.lg-in{display:inline-flex;align-items:center;gap:10px;font:500 13px var(--font-t);color:var(--muted)}
.lg-in b{color:var(--ink);font-weight:600}
@media(max-width:640px){.nav{height:auto;min-height:66px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;gap:8px 16px}.navr{gap:10px;max-width:100%}.nav .right{display:none}.lg-in b{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* ===== Linke Seitenleiste (Christian 29.09.: „die Navi war links … aufgeteilt auf intelligente Weise") =====
   Breit (>=1200 px): alle Bereiche als Ueberschriften links, mitlaufend; geoeffnet ist der Bereich der aktuellen Seite,
   Unterpunkte nur beim aktuellen Eintrag. Ausgegraute Eintraege bleiben sichtbar und nicht klickbar.
   Schmal: unveraendert die kompakte Leiste oben (.navi.zu). */
.dg{display:block}
@media (min-width:1200px){
  body:has(#navi.side) .nav,.wrap:has(#navi.side){max-width:calc(var(--maxw) + 274px)}
  .dg:has(#navi.side){display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 34px;align-items:start}
}
.dm{min-width:0}
.navi.side{display:block;position:sticky;top:96px;align-self:start;max-height:calc(100vh - 116px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent;margin:0;padding:0 8px 0 0;border:0;border-radius:0;background:none;box-shadow:none}
.navi.side::-webkit-scrollbar{width:6px}
.navi.side::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:3px}
.navi.side .sg{margin:0 0 2px}
.navi.side .sgt{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 8px 10px 16px;border:0;border-radius:10px;background:transparent;text-align:left;cursor:pointer;font:800 10px var(--font-t);letter-spacing:.15em;text-transform:uppercase;color:var(--pink);transition:background .18s}
.navi.side .sgt:hover{background:rgba(255,255,255,.045)}
.navi.side .sgt b{flex:none;font:800 15px/1 var(--font-t);color:var(--ink);opacity:.85;transition:transform .18s}
.navi.side .sg.open>.sgt b{transform:rotate(90deg)}
.navi.side .sg.aus>.sgt{color:var(--muted-2)}
.navi.side .sg.cur>.sgt{color:var(--cyan)}
.navi.side .grp{display:block;min-width:0;margin:0 0 12px;padding:0}
.navi.side .nrow{display:block}
.navi.side .it{display:flex;flex-wrap:wrap;align-items:center;gap:3px 6px;width:100%;position:relative;padding:7px 8px 7px 16px;border-radius:9px;font:700 10.5px/1.35 var(--font-t);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);white-space:normal;box-shadow:none}
.navi.side .it i{display:none}
.navi.side .it small{flex:none;font-size:9px;padding:1px 6px;letter-spacing:.06em}
.navi.side a.it:hover{background:rgba(255,255,255,.06)}
.navi.side .it.on,.navi.side .sub .it.on{background:rgba(37,244,238,.10);color:var(--cyan);font-weight:800;box-shadow:none}
.navi.side .it.on::before{content:"";position:absolute;left:3px;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left:8px solid var(--cyan);border-right:0}
.navi.side .it.on small{color:var(--cyan);border-color:rgba(37,244,238,.4)}
.navi.side .it.aus{color:var(--muted-2);cursor:not-allowed;background:none}
.navi.side .sub{display:block;margin:2px 0 6px 18px;padding:0 0 0 8px;border-left:1px solid var(--line-strong)}
.navi.side .sub .it{padding:5px 8px 5px 12px;font:400 13px/1.35 var(--font-t);letter-spacing:0;text-transform:none}
.navi.side .sub .it.on::before{left:1px;border-width:4px;border-left-width:6px}
.navi.side .it.aus+.sub{display:none}

/* ===== Kopfleiste wie auf den Marketing-Seiten: Start · Ablauf · Pricing · Über uns · Live-Check ===== */
.tn{gap:18px}
.tn .brand svg{width:30px;height:30px;flex:none;filter:drop-shadow(0 0 8px rgba(37,244,238,.6))}
.tn .brand .dot{color:#fe2c55}
.tn .brand b{font-weight:inherit}
.tn-links{display:flex;align-items:center;gap:8px;margin-left:auto;font:500 14px var(--font-t)}
.tn-links a{text-decoration:none;color:var(--muted);padding:8px 15px;border-radius:99px;transition:color .18s,background .18s,box-shadow .18s}
.tn-links a:hover{color:var(--ink)}
.tn-links a.cta{color:var(--btn-ink);font-weight:700;background:var(--btn);padding:9px 18px;margin-left:6px;box-shadow:none;transition:transform .18s,filter .18s}
.tn-links a.cta:hover{color:var(--btn-ink);transform:translateY(-1px);filter:brightness(1.08)}
.tn-links a.cta.active{box-shadow:inset 0 0 0 2px rgba(4,37,47,.55)}
.tn .lgbox{margin-left:6px}
.tn .burger{display:none;background:none;border:0;color:var(--ink);font-size:26px;line-height:1;cursor:pointer}
@media(max-width:860px){
  .tn .burger{display:block;margin-left:auto}
  .tn-links{position:absolute;top:100%;left:0;right:0;margin:0;flex-direction:column;align-items:stretch;gap:2px;background:rgba(6,6,11,.97);border-bottom:1px solid var(--line);padding:16px 22px 20px;display:none}
  .tn-links.open{display:flex}
  .tn-links a{padding:12px 14px}
  .tn-links a.cta{margin:8px 0 0;text-align:center}
  .tn .lgbox{order:5;flex:0 0 100%;margin:0}
}

/* Paket 11: Marke · Ton · CTA (url/color-Felder wie Text), Bildkatalog ausgeblendet, Spot-Kacheln (29.09. abends) */
.vid .felder input[type=url]{background:var(--card-3);color:var(--ink);border:1px solid var(--line-strong);border-radius:10px;width:100%;box-sizing:border-box;padding:11px 14px;font:500 15px var(--font-t);letter-spacing:0;text-transform:none;min-width:0}
.vid .felder input[type=color]{width:64px;height:44px;padding:4px;background:var(--card-3);border:1px solid var(--line-strong);border-radius:10px;cursor:pointer}
.vid .bild.aus img{opacity:.35;filter:grayscale(1)} .vid .bild.aus b{opacity:.6} .vid .rz a.klein{display:inline-block;text-decoration:none}

/* Paket 12: Potenzial je Ziel — Pillen und Karten (29.09. spät) */
.zielpillen{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}
.zielpillen .zp{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--line-strong);background:var(--card-2);color:var(--ink);font:600 13px var(--font-t);cursor:pointer;letter-spacing:.01em}
.zielpillen .zp i{width:8px;height:8px;border-radius:50%;background:var(--c);opacity:.55;box-shadow:0 0 0 0 var(--c)}
.zielpillen .zp.an{border-color:var(--c);background:color-mix(in srgb,var(--c) 16%,var(--card-2));box-shadow:0 0 18px -6px var(--c)}
.zielpillen .zp.an i{opacity:1;box-shadow:0 0 10px var(--c)}
.zielpillen .zp small{font:600 10px var(--font-t);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:2px 7px;border:1px solid var(--line);border-radius:999px}
.zielpillen .zp.ein{color:var(--muted)} .zielpillen .zp.ein i{background:var(--muted)}
.zielpillen .zp:hover{border-color:var(--c)}
.zielkarten{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.zielkarten .zk{display:flex;flex-direction:column;gap:4px;padding:14px 16px 12px;border:1px solid var(--line);border-left:3px solid var(--c);border-radius:14px;background:var(--card-2);min-width:0}
.zielkarten .zkf{font:600 10.5px var(--font-t);letter-spacing:.12em;text-transform:uppercase;color:var(--c)}
.zielkarten .zkt{font:600 14px/1.25 var(--font-t);color:var(--ink)}
.zielkarten .zkw{font:700 30px/1.1 var(--font-d);color:var(--cyan);margin-top:4px;letter-spacing:-.01em}
.zielkarten .zke{font:500 12px var(--font-t);color:var(--muted)}
.zielkarten .zks{font:500 12.5px var(--font-t);color:var(--ink);margin-top:4px} .zielkarten .zks small{color:var(--muted)}
.zielkarten .hint{margin-top:6px}

/* Produzierte Spots · Prompts & Aufbau (Spot-Agent, 29.09.) */
.vid .extd{scroll-margin-top:90px;margin-top:14px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--card-2)}
.vid .extk{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.vid .extk h3{margin:2px 0 4px;font:600 18px/1.25 var(--font-t);color:var(--ink)}
.vid .extk .copy{margin:0}
.vid .extc{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column}
.vid .extc li{display:grid;grid-template-columns:minmax(170px,250px) minmax(0,1fr);gap:16px;padding:12px 0;border-top:1px solid var(--line)}
.vid .extz{display:flex;flex-direction:column;gap:3px;font-size:12.5px;min-width:0}
.vid .extz .zeit,.vid .exts .zeit{font:700 12px var(--font-t);color:var(--cyan)}
.vid .extz .een{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}
.vid .extz b{font:600 13px/1.3 var(--font-t);color:var(--ink)}
.vid .extz small{color:var(--muted)}
.vid .extp{min-width:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.vid .extp pre{margin:0;width:100%;box-sizing:border-box;white-space:pre-wrap;word-break:break-word;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px;max-height:220px;overflow:auto}
.vid .extp .prov{color:var(--warn);font-size:12px;line-height:1.4}
.vid .exth{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:20px 0 6px;font:700 15px var(--font-d);color:var(--ink)}
.vid .exth span{font:600 11px var(--font-t);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}
.vid .extg{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:16px}
.vid .exts,.vid .extl{margin:6px 0 0;padding:0;list-style:none;font-size:12.5px;display:flex;flex-direction:column;gap:6px;color:var(--ink)}
.vid .exts small{display:block;color:var(--muted)}
@media (max-width:700px){.vid .extc li{grid-template-columns:minmax(0,1fr);gap:8px}.vid .extk{flex-direction:column}}

/* Paket 12b: Budget des Kunden auf der Potenzial-Seite */
.budgetzeile{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:2px 0 14px}
.budgetzeile label{display:flex;flex-direction:column;gap:6px;font:600 11px var(--font-t);letter-spacing:.1em;text-transform:uppercase;color:var(--magenta)}
.budgetzeile input{width:180px;box-sizing:border-box;padding:11px 14px;font:600 17px var(--font-t);letter-spacing:0;text-transform:none;background:var(--card-3);color:var(--ink);border:1px solid var(--line-strong);border-radius:10px}
.budgetzeile .hint{flex-basis:100%;margin:0}

/* ===== Paket A: Gesamtübersicht ===== */
.ua-sub{display:block;font:400 12.5px/1.45 var(--font-t);letter-spacing:0;text-transform:none;color:var(--muted)}
.ua-kpi b{overflow-wrap:anywhere}
.ua-kpi b em.delta{font:700 26px/1.1 var(--font-d);color:var(--muted)}
.ua-kpi b em.delta.up{color:var(--ok)}.ua-kpi b em.delta.down{color:var(--bad)}
.ua-tacho{align-items:stretch}
.ua-tacho-c{display:flex;justify-content:center}
.ua-gauge{width:100%;max-width:240px;height:auto;color:var(--ink)}
.ua-monat{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;margin-top:18px;align-items:start}
.ua-monat>.eins{margin:0}
.ua-rang{display:grid;grid-template-columns:minmax(84px,132px) minmax(0,1fr) 78px 84px;gap:0 12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.ua-rang:last-of-type{border-bottom:0}
.ua-rk{padding:0 0 8px;font:700 10.5px var(--font-t);letter-spacing:.16em;text-transform:uppercase;color:var(--pink)}
.ua-rk .r{text-align:right}
.ua-nm{min-width:0;overflow-wrap:anywhere;font-weight:600}
.ua-nm a{text-decoration:none;color:var(--ink)}
.ua-nm a:hover{color:var(--cyan)}
.ua-aus{color:var(--muted);cursor:not-allowed}
.ua-bar{display:flex;height:12px;border-radius:3px;background:rgba(255,255,255,.05);overflow:hidden}
.ua-bar i{display:block;height:100%;border-right:2px solid var(--card)}
.ua-bar i:last-child{border-right:0}
.ua-n{text-align:right;font-variant-numeric:tabular-nums}
.ua-chg{text-align:right;font:600 13px var(--font-t);white-space:nowrap}
.ua-chg.up{color:var(--ok)}.ua-chg.down{color:var(--bad)}.ua-chg.n{color:var(--muted-2)}
.ua-rangliste details.gm-more{margin-top:8px}
.ua-rangliste .cr-legend{margin-top:14px}
.ua-rangliste p.hint,.ua-mix p.hint{font-size:12.5px;line-height:1.5;margin-top:12px}
@media (max-width:980px){.ua-monat{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){
  .ua-rang{grid-template-columns:minmax(0,1fr) auto auto;gap:6px 10px}
  .ua-rang .ua-bar{grid-column:1/-1;grid-row:2}
  .ua-rk{grid-template-columns:minmax(0,1fr) auto auto}
  .ua-rk span:nth-child(2){display:none}
  .ua-rangliste,.ua-mix{padding:18px 16px}
}
@media (max-width:860px){.ua-stats{grid-auto-rows:auto}}

/* ===== Paket A: Plattformseiten ===== */
.ua-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:start}
.ua-hl h3{margin:0;font-size:22px;line-height:1.25}
.ua-hl .copy{max-width:none;margin-top:10px}
.ua-hl .pills{margin-top:14px}
.ua-hr .hint{font-size:12.5px;line-height:1.5;margin:12px 0 0}
.ua-stand{display:grid;gap:8px}
.ua-sz{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}
.ua-sz span{font:700 10.5px var(--font-t);letter-spacing:.16em;text-transform:uppercase;color:var(--pink)}
.ua-sz b{font-weight:600;text-align:right}
.ua-sz small{grid-column:1/-1;font-size:12.5px;color:var(--muted)}
.ua-sz small.alt{color:var(--warn)}
.ua-fl{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ua-fk{flex:1 1 100%;font:700 10.5px var(--font-t);letter-spacing:.16em;text-transform:uppercase;color:var(--pink)}
.ua-fl .hint{flex:1 1 100%;font-size:12.5px;line-height:1.5;margin:2px 0 0}
.ua-tvg{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px;margin-top:18px}
.ua-tv{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);padding:18px 20px;min-width:0}
.ua-tv h4{margin:0 0 10px;font:700 12px var(--font-t);letter-spacing:.16em;text-transform:uppercase;color:var(--pink)}
.ua-tv.leer{grid-column:1/-1}
.ua-tv.leer .hint{margin:0;font-size:13.5px;line-height:1.55}
.ua-tz b{display:block;font:700 28px/1.1 var(--font-d);color:var(--cyan)}
.ua-tz span{font-size:12.5px;color:var(--muted)}
.ua-tl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin-top:14px}
.ua-tl>div>span{display:block;font-size:12.5px;color:var(--muted)}
.ua-tl b{font-weight:600}
.ua-tl b .ua-chg{text-align:left}
.ua-tv details.gm-more{margin-top:12px}
.ua-tv .liste>div{gap:10px}
.ua-tvg+details.gm-more{margin-top:14px}
.vorschau .ua-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.vorschau .ua-chips span{font-size:10.5px;line-height:1.2;padding:3px 7px;border:1px solid var(--line);border-radius:99px;color:var(--muted);background:rgba(255,255,255,.03)}
.vorschau .ua-chips span.ua-top{border-color:var(--magenta);color:var(--magenta);font-weight:700}
.vorschau .ua-cta-l{margin-top:3px;font-size:11px;color:var(--ink)}
.vorschau .ua-toph{margin:0 0 12px;font-size:12.5px;line-height:1.5;color:var(--muted)}
.vorschau .ua-toph b{color:var(--pink);font-weight:700}
@media (max-width:900px){.ua-hero{grid-template-columns:minmax(0,1fr);gap:18px}}
@media (max-width:520px){.ua-hero{padding:18px 16px}.ua-tv{padding:16px}}
.ua-hl .pill,.ua-fl .pill{white-space:normal;line-height:1.3}
.ua-sz small a,.ua-hr .hint a{color:var(--cyan);text-decoration:none}
.ua-sz small a:hover,.ua-hr .hint a:hover{text-decoration:underline}

/* ===== Paket A: Google-Seite ===== */
.stats.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:860px){.stats.three{grid-template-columns:minmax(0,1fr)}}
.ua-bild .ua-bh{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between}
.ua-bild .ua-bh h3{margin:0;font-size:20px;line-height:1.3;flex:1 1 320px}
.ua-quellen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.ua-qk{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);padding:12px 14px;min-width:0}
.ua-qh{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;justify-content:space-between}
.ua-qh b{font-weight:600}
.ua-qk p{margin:8px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted)}
.ua-urteil{margin:14px 0 0;font-size:13.5px;color:var(--muted)}
.ua-urteil b{color:var(--pink);font-weight:700}
.ua-feld{padding:22px 20px}
.ua-feld .streu{margin:0}
.ua-cta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:26px 0 8px}
.ua-cta .btn.ua-btn-aus{opacity:.45;cursor:not-allowed;pointer-events:none}
.ua-cta .hint{font-size:12.5px}
@media (max-width:1100px){.ua-quellen{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ua-quellen{grid-template-columns:minmax(0,1fr)}.ua-feld{padding:16px 12px}}

/* ===== Paket A: Wettbewerb ===== */
.ua-kpi b.sm{font-size:18px;line-height:1.3;overflow-wrap:anywhere}
.ua-kpi b.sm a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-strong)}
.ua-kpi b.sm a:hover{color:var(--cyan);border-color:var(--cyan)}
/* ===== Paket B: Geschäftsmodell (Modell-Satz, Karten, Zielmarkt, Kennzahlen) und Potenzial (Kacheln, Leitplanken, Weiter-Knopf) ===== */
.gx-modell{max-width:980px;margin:0 0 22px}
.gx-modell p{margin:0;font:600 clamp(16px,1.7vw,19px)/1.6 var(--font-t);color:var(--ink)}
.gx-modell details.gm-more>p{margin-top:10px}
.gx-num{color:var(--cyan);font-weight:700;white-space:nowrap}
.gx-modell p.gx-warn{margin-top:14px;padding:11px 16px;border:1px solid rgba(255,176,46,.5);border-left:4px solid var(--warn);border-radius:12px;background:rgba(255,176,46,.06);font:500 14px/1.5 var(--font-t);color:var(--ink)}
.gx-modell p.gx-warn b{color:var(--warn)}
.gx-g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;margin:14px 0 0}
.gx-karte .gx-wert,.gx-evi .gx-wert,.gx-feld .gx-wert{font:700 clamp(22px,2.4vw,28px)/1.2 var(--font-d);color:var(--ink);overflow-wrap:anywhere}
.gx-sub,.gx-herk{margin-top:10px;font-size:12.5px;line-height:1.55;color:var(--muted)}
.gx-sub b{color:var(--ink)}
.gx-leer{color:var(--muted-2)}
.gx-einstieg{margin-top:14px;padding:14px 20px;border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:var(--r);font:500 14.5px/1.55 var(--font-t);color:var(--ink)}
.gx-einstieg b{display:block;font:700 11px var(--font-t);letter-spacing:.2em;text-transform:uppercase;color:var(--pink);margin-bottom:6px}
.gx-evi p{margin:8px 0 0;font-size:14px;line-height:1.55;color:var(--ink)}
.gx-evi p.hint{color:var(--muted);font-size:12.5px}
.gx-evi .gx-trend b{font:700 10.5px var(--font-t);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-right:6px}
.gx-chiprow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.gx-segs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px;margin-top:14px}
.gx-seg b{display:block;font:700 15.5px/1.35 var(--font-d);color:var(--ink);margin-bottom:8px}
.gx-seg .pill{margin-top:2px}
.gx-analyse{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0 0}
.gx-analyse .hint{flex:1 1 320px;font-size:12.5px;line-height:1.5}
p.gx-analyse{margin-top:14px}
.gx-zm{margin-bottom:14px}
.gx-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.gx-chip{display:inline-flex;align-items:stretch}
.gx-chip button{font:600 13.5px var(--font-t);color:var(--ink);background:rgba(255,255,255,.03);border:1px solid var(--line-strong);padding:8px 14px;cursor:pointer;border-radius:99px;transition:border-color .15s,background .15s}
.gx-chip button:hover{border-color:rgba(37,244,238,.5)}
.gx-chip.on .gx-c{border-color:var(--cyan);color:var(--cyan);background:rgba(37,244,238,.08)}
.gx-chip.on .gx-c{border-top-right-radius:0;border-bottom-right-radius:0}
.gx-chip .gx-s{margin-left:-1px;padding:8px 11px;border-top-left-radius:0;border-bottom-left-radius:0;color:var(--muted)}
.gx-chip .gx-s.on{color:var(--pink);border-color:var(--pink);background:rgba(255,46,196,.10);cursor:default}
.gx-zm select{background:var(--card-3);color:var(--ink);border:1px solid var(--line-strong);border-radius:99px;padding:8px 14px;font:600 13.5px var(--font-t);min-width:0;max-width:100%}
.gx-zm p.hint{margin-top:12px;font-size:12.5px;line-height:1.55}
.gx-msg{margin:10px 0 0;font:600 13px/1.5 var(--font-t);color:var(--cyan)}
.gx-note{color:var(--muted-2)}
.gx-felder{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px}
.gx-feld{display:flex;flex-direction:column}
.gx-herk{flex:1 1 auto}
.gx-herk .pill{margin-right:6px}
.gx-in{display:flex;align-items:center;gap:8px;margin-top:14px;flex-wrap:wrap}
.gx-in .gx-lab{flex:0 0 100%;font:700 10.5px var(--font-t);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}
.gx-in input{flex:1 1 90px;min-width:0;box-sizing:border-box;background:var(--card-3);color:var(--ink);border:1px solid var(--line-strong);border-radius:10px;padding:9px 12px;font:600 15px var(--font-t)}
.gx-in input:focus{outline:2px solid rgba(37,244,238,.45);outline-offset:1px}
.gx-in .gx-ein{font-size:12px;color:var(--muted);max-width:100%}
.gx-herk .gx-aus{margin-top:10px}
.gx-akt{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}
.gx-akt .hint{flex:1 1 320px;font-size:12.5px;line-height:1.5}
.gx-ins{display:grid;gap:8px}
.gx-in-z{display:grid;grid-template-columns:minmax(96px,120px) 1fr auto;gap:6px 14px;align-items:baseline;padding:11px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);font-size:14px;line-height:1.5;color:var(--ink)}
.gx-in-z b{font:700 10.5px var(--font-t);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.gx-in-z small{font-size:12px;color:var(--muted)}
.gx-in-z.i-chance b{color:var(--ok)}.gx-in-z.i-risiko b{color:var(--bad)}.gx-in-z.i-wettbewerb b{color:var(--warn)}.gx-in-z.i-social b{color:var(--violet)}.gx-in-z.i-ausreisser b{color:var(--pink)}
.gx-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:30px 0 6px}
.gx-cta .hint{font-size:12.5px}
.gx-cta a.btn,.gx-cta span.btn{display:inline-block;text-decoration:none}
.gx-cta .btn.aus{opacity:.4;cursor:not-allowed}
.gx-cta.link{margin:14px 0 0}
.gx-lnk{color:var(--cyan);font:600 13.5px var(--font-t);text-decoration:none;border-bottom:1px solid rgba(37,244,238,.4)}
.gx-lnk:hover{border-bottom-color:var(--cyan)}
.gx-lnk.aus{color:var(--muted-2);border-bottom-style:dotted;border-bottom-color:var(--line-strong);cursor:not-allowed}
.gx-kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px}
.gx-kachel{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);min-width:0}
.gx-kachel span{font:700 10.5px var(--font-t);letter-spacing:.16em;text-transform:uppercase;color:var(--pink)}
.gx-kachel b{font:700 22px/1.25 var(--font-d);color:var(--ink)}
.gx-kachel small{font-size:12.5px;color:var(--muted)}
.gx-kachel em{font:700 13px var(--font-t);font-style:normal;color:var(--ink);margin-top:2px}
.gx-kachel.emp{border-color:var(--cyan)}
.gx-kachel.kipp{border-color:rgba(255,93,115,.55)}
.gx-kachel.kipp em{color:var(--bad)}
.gx-leit{margin:0;padding-left:18px;display:grid;gap:8px;font-size:14px;line-height:1.55;color:var(--ink)}
.gx-leit b{color:var(--cyan)}
.gx-man{margin:8px 0 0;font-size:13px}
.gx-man a{color:var(--cyan)}
@media (max-width:620px){.gx-in-z{grid-template-columns:1fr}.gx-analyse .btn,.gx-akt .btn{width:100%}.gx-kachel b{font-size:20px}}
/* ===== Paket C: Vorgaben, Zielgruppen-Auswahl, Recap, Erwartung, Detail (Kampagnen · Ziel & Budget / Kampagne) ===== */
.kx-lbl{display:block;font:700 11px var(--font-t);letter-spacing:.16em;text-transform:uppercase;color:var(--pink);margin:0 0 8px}
.kmp .kx-card{margin-top:14px}
.kx-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:4px}
.kx-mode,.kx-opt{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;font:inherit;cursor:pointer;padding:14px 16px;border:1px solid var(--line-strong);border-radius:14px;background:var(--card-2);color:var(--ink);min-width:0}
.kx-mode b,.kx-opt b{font:700 15px/1.25 var(--font-d);overflow-wrap:anywhere}
.kx-mode small,.kx-opt small{font:400 12.5px/1.45 var(--font-t);color:var(--muted)}
.kx-mode:hover,.kx-opt:hover,.kx-c:hover,.kx-unit:hover{border-color:var(--ink)}
.kx-mode.an,.kx-opt.an,.kx-c.an,.kx-unit.an{border-color:var(--magenta);box-shadow:inset 0 0 0 1px var(--magenta);background:rgba(255,46,196,.08)}
.kx-mode:focus-visible,.kx-opt:focus-visible,.kx-c:focus-visible,.kx-unit:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.kx-chips{display:flex;flex-wrap:wrap;gap:8px}
.kx-c{font:600 13px var(--font-t);cursor:pointer;padding:7px 14px;border-radius:99px;border:1px solid var(--line-strong);background:var(--card-2);color:var(--ink)}
.kx-c small{color:var(--muted);font-weight:500;margin-left:4px;font-size:11.5px}
.kx-eingabe{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 24px;margin-top:16px}
.kx-eingabe label{display:flex;flex-direction:column;gap:6px;flex:1 1 280px;min-width:0;font:700 11px var(--font-t);letter-spacing:.16em;text-transform:uppercase;color:var(--pink)}
.kx-card input[type=number]{font:500 20px var(--font-t);letter-spacing:0;text-transform:none;padding:9px 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--card-3);color:var(--ink);width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.kx-card input[type=number]:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}
.kx-schnell{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1 1 320px}
.kx-schnell .kx-lbl{margin:0 4px 0 0}
.kx-urteil-w{margin-top:6px}
.kx-skala{position:relative;margin:38px 6px 6px}
.kx-sk-bar{display:flex;height:22px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.07)}
.kx-sk-bar .z{display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden}
.kx-sk-bar .z i{font:700 9.5px var(--font-t);letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:#06060b;white-space:nowrap}
.kx-sk-bar .z.ok{background:color-mix(in srgb,var(--ok) 70%,transparent)}.kx-sk-bar .z.ok2{background:var(--ok)}.kx-sk-bar .z.warn{background:var(--warn)}.kx-sk-bar .z.bad{background:var(--bad)}
.kx-sk-mark{position:absolute;top:-32px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;white-space:nowrap}
.kx-sk-mark b{font:700 12px var(--font-t);padding:4px 10px;border-radius:99px;background:var(--btn);color:var(--btn-ink)}
.kx-sk-mark::after{content:"";width:2px;height:16px;background:var(--btn)}
.kx-urteil{margin:12px 0 0;padding:10px 14px;border-left:4px solid var(--c,var(--muted));border-radius:10px;background:rgba(255,255,255,.03);font-size:14px;line-height:1.55}
.kx-urteil b{color:var(--c);text-transform:uppercase;letter-spacing:.08em;font-size:12px;margin-right:6px}
.kx-fuss{margin:8px 0 0;font-size:12.5px}
.kx-tacho-box{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.kx-card>.kx-tacho-box:first-child{margin-top:0;padding-top:0;border-top:0}
.kx-tacho-w{display:flex;align-items:center;gap:8px 22px;flex-wrap:wrap}
.kx-tacho{width:230px;max-width:100%;height:auto}
.kx-tacho-t{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1 1 220px}
.kx-tacho-t b{font:700 26px/1.1 var(--font-d);color:var(--ink)}
.kx-tacho-t small{font-size:12.5px;line-height:1.45;color:var(--muted)}
.kx-zone{align-self:flex-start;font:700 11px var(--font-t);letter-spacing:.12em;text-transform:uppercase;padding:3px 11px;border-radius:99px;border:1px solid var(--c);color:var(--c)}
.kx-rahmen{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px 24px}
.kx-feld{display:flex;flex-direction:column;gap:6px;min-width:0}
.kx-feld .kx-lbl{margin-bottom:2px}
.kx-feld .hint{font-size:12.5px;line-height:1.45}
.kx-breit{grid-column:1/-1}
.kx-toggle{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.kx-buchen{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}
.kx-pickkopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px}
.kx-bulk{display:flex;flex-wrap:wrap;gap:8px}
.kx-summe{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 20px;margin-top:14px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);font-size:14px;color:var(--muted)}
.kx-summe b{color:var(--cyan);font-weight:700}
.kx-katgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px;margin-top:14px}
.kx-kat{display:flex;flex-direction:column;gap:8px;min-width:0;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}
.kx-kat-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin-bottom:2px}
.kx-kat-h b{font:700 16px var(--font-d);color:var(--ink)}
.kx-kat-h small{flex:1 1 100%;order:3;color:var(--muted);font-size:12.5px}
.kx-kat-h .kx-n{margin-left:auto;font:600 11px var(--font-t);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}
.kx-unit{display:flex;align-items:flex-start;gap:12px;text-align:left;font:inherit;cursor:pointer;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card-2);color:var(--muted);min-width:0}
.kx-unit .kx-haken{flex:none;width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line-strong);display:grid;place-items:center;font:800 12px var(--font-t);color:#06060b}
.kx-unit.an{color:var(--ink)}
.kx-unit.an .kx-haken{background:var(--magenta);border-color:var(--magenta)}
.kx-unit .kx-ut{display:flex;flex-direction:column;gap:2px;min-width:0}
.kx-unit .kx-ut b{font:600 13.5px/1.3 var(--font-t);overflow-wrap:anywhere}
.kx-unit .kx-ut small{font-size:12px;line-height:1.4;color:var(--muted)}
.kx-kwd{margin-top:14px}
details.gm-more.kx-kwd>summary{text-transform:none;letter-spacing:.02em;font-size:13px;padding:7px 16px;color:var(--ink)}
.kx-kwg{margin-top:14px}
.kx-kwg-h{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.kx-kwg-h b{font:700 13.5px var(--font-t);color:var(--ink)}
.kx-kwg-h small{flex:1 1 200px;color:var(--muted);font-size:12px}
.kx-kwl{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:6px;margin-top:8px;max-height:300px;overflow:auto;padding-right:4px}
.kx-kw{display:grid;grid-template-columns:18px minmax(0,1fr);gap:1px 10px;align-items:start;padding:7px 10px;border:1px solid var(--line);border-radius:10px;font-size:13px;line-height:1.35;cursor:pointer;color:var(--muted)}
.kx-kw span{overflow-wrap:anywhere}
.kx-kw small{grid-column:2;color:var(--muted-2);font-size:11.5px}
.kx-kw.an{border-color:rgba(255,46,196,.5);color:var(--ink)}
.kx-kw input{accent-color:var(--magenta);margin:2px 0 0;width:16px;height:16px}
@media (max-width:760px){.kx-modes{grid-template-columns:1fr}.kx-tacho-w>.cr-chart{width:200px}}
@media (max-width:620px){.kx-eingabe label,.kx-schnell{flex-basis:100%}.kx-buchen .btn{width:100%}.kx-katgrid{grid-template-columns:1fr}}

/* --- Kampagne · Übersicht / Kampagnen / Reporting --- */
.kx-aend{font:600 12.5px var(--font-t);color:var(--cyan);background:none;border:0;padding:2px 0;cursor:pointer;text-decoration:none}
.kx-aend:hover{text-decoration:underline}
.kx-aend:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:4px}
.kx-keine{margin:4px 0 0;color:var(--muted)}
.kx-keine+button{margin-top:14px}
.kx-notiz{margin-top:18px;padding:14px 18px;border:1px solid var(--line-strong);border-left:4px solid var(--magenta);border-radius:12px;background:rgba(255,255,255,.03);display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.kx-notiz .kx-lbl{margin:0}
.kx-notiz p{margin:0;font-size:15px;line-height:1.55;color:var(--ink);overflow-wrap:anywhere}
.kx-recap{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.kx-recap{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.kx-recap{grid-template-columns:1fr}}
.kx-recap .vv{font-size:21px;overflow-wrap:anywhere}
.kx-rep{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.kx-rep .vv{font-size:19px;line-height:1.25;overflow-wrap:anywhere}
.kx-rep .lgtile p{margin:0}
.kx-kpis{margin:2px 0 0}
.kx-ml,.lg .kx-ml{display:block;margin:22px 0 6px}
.kx-kor{max-width:600px;overflow-x:auto}
.kx-kor svg{min-width:440px}
.kx-tacho-w>.cr-chart{flex:none;width:230px;max-width:100%}
.kx-band{position:relative;height:64px;margin:6px 8px 0}
.kx-band .kx-b-ok,.kx-band .kx-b-bad{position:absolute;top:24px;height:14px}
.kx-band .kx-b-ok{left:0;border-radius:99px 0 0 99px;background:color-mix(in srgb,var(--ok) 60%,transparent)}
.kx-band .kx-b-bad{border-radius:0 99px 99px 0;background:color-mix(in srgb,var(--bad) 45%,transparent)}
.kx-band .kx-b-m{position:absolute;top:0;transform:translateX(-50%);font:700 12px var(--font-t);padding:3px 10px;border-radius:99px;background:var(--btn);color:var(--btn-ink);white-space:nowrap}
.kx-band .kx-b-m::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:22px;margin-left:-1px;background:var(--btn)}
.kx-band .kx-b-g{position:absolute;top:44px;transform:translateX(-50%);font:600 12px var(--font-t);font-style:normal;color:var(--muted);white-space:nowrap}
.kx-urteil-z{margin:14px 0 0;font-size:14px;line-height:1.55;color:var(--ink)}
.kx-urteil-z .pill{margin-right:6px}
.kx-warn{margin-top:18px;padding:14px 18px;border:1px solid rgba(255,176,46,.45);border-left:4px solid var(--warn);border-radius:12px;background:rgba(255,176,46,.06);display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.kx-warn .lgul{margin:0;color:var(--ink)}
.kx-warn li+li{margin-top:4px}
.kx-phasen{margin-top:14px}
.kx-kv{border-top:1px solid var(--line);padding-top:10px;flex-direction:column;gap:4px}
.kx-tbl td,.kx-tbl th{vertical-align:top}
.kx-tbl th:first-child,.kx-tbl td:first-child{min-width:190px}
.kx-tbl .phdot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px}
.kx-kz{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px 28px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.kx-kz>div{min-width:0}
.kx-wk{display:flex;align-items:flex-end;gap:6px;height:96px;margin-top:8px}
.kx-wk span{flex:1 1 0;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px}
.kx-wk i{display:block;width:100%;border-radius:4px 4px 0 0;background:var(--c);min-height:4px}
.kx-wk b{font:700 12px var(--font-t);color:var(--ink);order:-1}
.kx-wk small{font:600 10.5px var(--font-t);color:var(--muted-2);letter-spacing:.06em}
.kx-rows{display:flex;flex-direction:column;gap:10px;margin:6px 0 4px}
.kx-row{display:grid;grid-template-columns:minmax(120px,240px) minmax(0,1fr) minmax(200px,300px);gap:6px 16px;align-items:center;font-size:13.5px}
.kx-row .kx-rn{color:var(--ink);font-weight:500;overflow-wrap:anywhere}
.kx-row .kx-rv{color:var(--muted);font-variant-numeric:tabular-nums}
.kx-row .kx-rv b{color:var(--ink);font-weight:600}
.kx-row .lgbar{width:100%}
.kx-seg{margin-top:4px}
.kx-ts{margin-top:18px}
.kx-ts .kk{display:block;margin-bottom:2px}
.kx-krit p{margin:10px 0 0;font-size:14px;line-height:1.55}
.kx-krit .pill{margin-right:8px}
.kx-ms{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.kx-ms li{display:grid;grid-template-columns:44px 96px minmax(0,1fr);gap:10px;align-items:baseline;font-size:13.5px;line-height:1.5;padding:8px 0;border-bottom:1px solid var(--line)}
.kx-ms li:last-child{border-bottom:0}
.kx-ms .kx-mw{font:700 12.5px var(--font-t);font-style:normal;color:var(--cyan)}
.kx-ms .pill{justify-self:start;white-space:nowrap}
@media (max-width:760px){.kx-kz{grid-template-columns:1fr}.kx-row{grid-template-columns:1fr}.kx-ms li{grid-template-columns:44px minmax(0,1fr)}.kx-ms li .pill{grid-column:2}.kx-ms li>span:last-child{grid-column:2}}
.lg button.klein:disabled{opacity:.45;cursor:not-allowed}
/* ===== Paket D: Autopilot-Konfiguration, Phasenpunkt, Creative-Produktion ===== */
.apdot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);margin-left:6px;vertical-align:middle;flex:none}
.navi .it.on .apdot{background:currentColor}
.dxtag{font:600 10px var(--font-t);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin-left:8px}
.vid .prefs.dxmodi{grid-template-columns:repeat(3,minmax(0,1fr))}
.vid .prefs.dxmodi .pref{padding:16px 16px 16px 50px}
.vid .prefs.dxmodi .pref .rd{left:16px;top:20px}
.vid .prefs.dxmodi .pref b{font-size:17px}
.dxrs{display:flex;flex-direction:column;gap:8px}
.dxr{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02);min-width:0}
.dxr.dxjahr,.dxr.dxmwert{margin-top:10px}
.dxr .dxw{font:500 13.5px var(--font-t);color:var(--muted)}
.dxr>small.hint{margin-left:auto;font-size:12.5px;line-height:1.4}
.dxf{display:inline-flex;align-items:center;gap:6px;min-width:0}
.dxf input{width:104px;box-sizing:border-box;padding:8px 10px;font:500 14.5px var(--font-t);background:var(--card-3);color:var(--ink);border:1px solid var(--line-strong);border-radius:10px;min-width:0}
.dxf input:focus{outline:2px solid var(--cyan);outline-offset:1px}
.dxf input::placeholder{color:var(--muted-2)}
.dxf input:disabled{opacity:.5}
.dxf em{font:500 13px var(--font-t);font-style:normal;color:var(--muted)}
.dxt{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font:600 14px var(--font-t);color:var(--ink);flex:0 1 250px;min-width:0}
.dxt input{appearance:none;-webkit-appearance:none;flex:none;width:42px;height:24px;border-radius:99px;background:var(--line-strong);position:relative;margin:0;cursor:pointer;transition:background .18s}
.dxt input::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .18s}
.dxt input:checked{background:var(--cyan)}
.dxt input:checked::after{transform:translateX(18px);background:#06060b}
.dxt input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.dxfix{font:600 14.5px var(--font-t);color:var(--ink)}
.lgrule.aus{opacity:.55}
@media (max-width:900px){.vid .prefs.dxmodi{grid-template-columns:1fr}}
@media (max-width:560px){.dxr>small.hint{margin-left:0;flex:0 0 100%}.dxt{flex:0 0 100%}}
.kv4 small.hint{font-size:12.5px}
.vid .felder.dxbr label:last-child{grid-column:span 2}
@media (max-width:720px){.vid .felder.dxbr label:last-child{grid-column:auto}}
/* ===== Paket E: Videos-Preview, Archiv, Creatives, Quick Wins ===== */
/* Prompt-Block mit Kopierknöpfen */
.vxp{margin-top:10px}
.vxp-h{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between}
.vxp-h b{font:700 10.5px var(--font-t);letter-spacing:.16em;text-transform:uppercase;color:var(--pink)}
.vxp-h>span{display:flex;flex-wrap:wrap;gap:8px}
.vxp small.hint{display:block;margin:-4px 0 4px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
button.klein[data-vx]{margin-left:0}
button.klein.vx-ok{background:var(--ok);color:#04250f}
a.vx-a{display:inline-block;border-radius:99px;padding:7px 15px;background:var(--btn);color:var(--btn-ink);font:700 13px var(--font-t);text-decoration:none}
a.vx-a:hover{filter:brightness(1.08)}
.vxtool{margin-top:2px}
.vxtool-b{margin-top:10px}
.vxtool-b p{margin:0 0 10px;font-size:12.5px}
.vxtool-l{display:flex;flex-wrap:wrap;gap:8px}
/* Set-Einstellungen: Werte + Zeitraster */
.vxset{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px 18px;margin:0}
.vxset dt{font:700 10.5px var(--font-t);letter-spacing:.16em;text-transform:uppercase;color:var(--pink);margin:0 0 3px}
.vxset dd{margin:0;font-size:14px;line-height:1.4;color:var(--ink);overflow-wrap:anywhere}
.vxras{display:flex;height:10px;gap:2px;margin-top:14px;border-radius:99px;overflow:hidden}
.vxras i{display:block;min-width:0}
.vx-nix{margin:0;padding:10px 14px;border:1px dashed var(--line-strong);border-radius:12px;line-height:1.55}
/* Handy-Vorschau */
.vxph{width:150px;margin:0 auto}
.vxph.klein{width:96px;flex:none;margin:0}
.vxph-s{position:relative;aspect-ratio:9/16;border:5px solid #1c1f2e;border-radius:26px;overflow:hidden;background:#090b12;box-shadow:0 0 0 1px var(--line-strong)}
.vxph.klein .vxph-s{border-width:3px;border-radius:16px}
.vxph-s img,.vxph-s video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.vxph-leer{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:34px 12px 0;text-align:center;font-size:12px;line-height:1.4;color:var(--muted)}
.vxph-top{position:absolute;top:8px;left:0;right:0;text-align:center;font:700 10px var(--font-t);letter-spacing:.06em;color:#fff;text-shadow:0 1px 3px #000}
.vxph-play{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:48px;height:48px;padding:0 0 0 3px;border:0;border-radius:50%;background:var(--btn);color:var(--btn-ink);font-size:18px;line-height:1;cursor:pointer}
.vxph-play:hover{filter:brightness(1.08)}
.vxph.klein .vxph-leer{padding:8px 4px 0;font-size:10px}
.vxph.klein .vxph-play{width:34px;height:34px;font-size:13px}
.vxph-u{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:3px;padding:10px;background:rgba(6,6,11,.68);text-align:left}
.vxph-u small{font:600 9px var(--font-t);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.vxph-u b{font:700 12px var(--font-t);color:#fff}
.vxph-u span{font-size:12px;line-height:1.35;color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vxph-u em{align-self:flex-start;margin-top:2px;padding:3px 10px;border-radius:99px;background:var(--btn);color:var(--btn-ink);font:700 10.5px var(--font-t);font-style:normal}
.vxph.klein .vxph-u{padding:5px 6px}
.vxph.klein .vxph-u small,.vxph.klein .vxph-u span,.vxph.klein .vxph-u em,.vxph.klein .vxph-top{display:none}
.vxph.klein .vxph-u b{font-size:9.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vxph-s.spielt .vxph-u,.vxph-s.spielt .vxph-top{display:none}
.vxphs{display:flex;flex-wrap:wrap;gap:20px 24px}
.vxk{width:176px;display:flex;flex-direction:column;gap:6px}
.vxk .vxph{width:100%}
.vxk>b{display:flex;gap:7px;align-items:baseline;font:600 14px/1.3 var(--font-t)}
.vxk .prov{color:var(--muted);font-size:11.5px;line-height:1.35}
.vxk .hint{font-size:12px;line-height:1.4}
.vxk .vakt,.vxs-t .vakt{margin-top:6px}
.vxk .vakt .klein{width:100%}
.vxk .ov,.vxs-t .ov{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0}
.vxk .ov span,.vxs-t .ov span{border:1px dashed var(--line-strong);border-radius:8px;padding:2px 8px;font-size:12px;line-height:1.4}
.vxs{display:flex;gap:16px;align-items:flex-start;margin-bottom:14px}
.vxs-t{min-width:0;display:flex;flex-direction:column;gap:6px}
.vxs-t .vakt{margin-top:2px}
.vxmu .chip small{margin-left:6px;color:var(--muted);font-size:10.5px}
.vxmu .chip.on{border-color:rgba(255,46,196,.6);background:rgba(255,46,196,.10)}
/* Archiv: Sätze */
.vxarc{display:flex;flex-direction:column;gap:10px}
details.vxa{border:1px solid var(--line);border-radius:14px;background:var(--card-2)}
details.vxa>summary{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding:12px 16px;cursor:pointer;list-style:none;color:var(--ink);font-weight:400}
details.vxa>summary::-webkit-details-marker{display:none}
details.vxa>summary::after{content:"+";margin-left:auto;color:var(--cyan);font-weight:700}
details.vxa[open]>summary::after{content:"−"}
.vxa-b{padding:4px 16px 16px}
.vxa-h{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;margin:6px 0 12px;font:700 15px var(--font-d);color:var(--cyan)}
.vxa-h span{font:600 11px var(--font-t);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}
.vxa-l{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.vxa-l li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;min-width:0}
.vxtab td,.vxtab th{vertical-align:top}
/* Creatives-Karten, Marken-Hooks, Wachstumshebel */
.lgcrea.vx{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
.vxc-top{display:flex;gap:12px;align-items:flex-start}
.vxc-t{min-width:0;display:flex;flex-direction:column;gap:6px}
.vxc-d{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.vxc-d>details{margin:0!important}
.vxc-d>details[open]{flex:1 1 100%}
.vxc-z{margin:0;font-size:13px;line-height:1.5;color:var(--ink);overflow-wrap:anywhere}
.vxc-z em{display:block;font:700 10.5px var(--font-t);letter-spacing:.14em;text-transform:uppercase;font-style:normal;color:var(--pink)}
.vxmh{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.vxmh-i{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
.vxmh-i b{font:600 14.5px/1.4 var(--font-t)}
.vxmh-i span{margin-top:auto;padding-top:4px}
.vxheb+p.hint{margin-top:10px}
.vxheb{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.vxh{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border:1px solid var(--line);border-left:3px solid var(--pink);border-radius:14px;background:var(--card-2);min-width:0}
.vxh .kk{margin:0}
.vxh>b{font:600 16px/1.3 var(--font-t);color:var(--ink)}
.vxh .copy{margin:0;font-size:13.5px}
.vxh-e{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink)}
.vxh-e em{display:block;font:700 10.5px var(--font-t);letter-spacing:.14em;text-transform:uppercase;font-style:normal;color:var(--pink)}
.vxh details.gm-more{margin-top:auto}
@media (max-width:760px){
  .vxk{width:calc(50% - 12px)}
  .vxs{gap:12px}
}
/* ===== Paket F: Services ===== */
.lg .sxnote{margin:10px 2px 0}
.lg .sxwaech{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:6px}
.lg .sxwaech .pill{white-space:normal;line-height:1.35;display:inline-block}
.lg .sxwaech p{margin:0}
.lg .sxpl{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.lg .sxpl li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;font-size:13.5px;line-height:1.5;color:var(--muted)}
.lg .sxpl li .pill{white-space:nowrap}
.lg .sxfilter{margin:0 0 10px}
.lg .sxfilter .sub{border:1px solid var(--line-strong);background:var(--card-2);color:var(--muted);border-radius:999px;padding:5px 12px;font:500 12.5px var(--font-t);cursor:pointer}
.lg .sxfilter .sub.on{color:var(--ink);border-color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan)}
.lg .lgtbl td.num,.lg .lgtbl th.num{text-align:right;white-space:nowrap}
.lg .lgtbl tr.aus td{color:var(--muted);opacity:.7}
.lg .sxpreis{white-space:nowrap;font-size:13px}
.lg .sxmeth{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 26px}
.lg .sxmeth p{margin:6px 0 0}
.lg .sxdon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lg .sxdon .lgside{align-items:center;text-align:left}
.lg .sxdon .lgside>.kk,.lg .sxdon .lgside>small{align-self:flex-start}
.lg .sxles{font-size:13px;line-height:1.5;margin:8px 0 0;align-self:flex-start}
.lg .sxsz{margin-top:0}
.lg .sxfair{margin:14px 0 0}
.lg .sxmarkt{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.lg .sxmarkt p{margin:6px 0 0}
.lg .sxpers{margin-top:16px;grid-template-columns:1fr}
.lg .sxscopes{margin-bottom:0}
.lg .sxscopes .lgcard{gap:10px}
.lg .sxgesamt{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between}
.lg .sxgesamt .vakt{margin:0}
.lg .lgcard button.klein[disabled]{opacity:.4;cursor:not-allowed}
@media (max-width:1100px){.lg .sxdon{grid-template-columns:1fr}.lg .sxmeth{grid-template-columns:1fr}}
@media (max-width:620px){.lg .lgstats4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sx .pill{display:inline-flex;align-items:center;gap:7px}
/* ===== Paket G: Schwebe-Kacheln, Fußzeile, Verbindungen, Microsoft Ads ===== */
/* Fußzeile: Pricing · FAQ · Impressum wie auf den Marketing-Seiten */
footer .fnav a{color:var(--muted);text-decoration:none}
footer .fnav a:hover{color:var(--ink)}
/* Kacheln — schmal: Leiste über der Fußzeile, das Panel klappt darunter auf (nichts liegt über dem Inhalt) */
.hxstack{max-width:var(--maxw);margin:0 auto;padding:0 28px 8px}
.hxtabs{display:flex;flex-wrap:wrap;gap:8px}
.hxtab{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line-strong);border-radius:99px;background:var(--card-2);color:var(--muted);font:600 12.5px var(--font-t);letter-spacing:.04em;cursor:pointer;transition:color .18s,border-color .18s}
.hxtab:hover{color:var(--ink);border-color:var(--cyan)}
.hxtab.on{color:var(--ink);border-color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan)}
.hxtab:focus-visible,.hxx:focus-visible,.hxlnk:focus-visible,.hxsteps a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.hxd{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.25);flex:none}
.hxd.ok{background:var(--ok);box-shadow:0 0 8px rgba(46,230,107,.6)}
.hxd.warn{background:var(--warn);box-shadow:0 0 8px rgba(255,176,46,.5)}
.hxd.run{background:var(--cyan);box-shadow:0 0 8px rgba(37,244,238,.6);animation:hxp 1.4s ease-in-out infinite}
@keyframes hxp{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.hxd.run{animation:none}}
.hxb{font:700 11px var(--font-t);font-style:normal;color:var(--cyan);letter-spacing:.02em}
.hxpanel{margin-top:10px;border:1px solid var(--line-strong);border-radius:var(--r-s);background:var(--card);padding:14px 16px;min-width:0}
.hxh{display:flex;align-items:center;justify-content:space-between;gap:10px}
.hxh b{font:700 15px var(--font-d);letter-spacing:.02em}
.hxx{flex:none;width:28px;height:28px;padding:0;border:1px solid var(--line-strong);border-radius:99px;background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer}
.hxx:hover{color:var(--ink);border-color:var(--cyan)}
.hxsum{margin:2px 0 10px;font:500 12px var(--font-t);color:var(--muted);overflow-wrap:anywhere}
.hxt{margin:10px 0;font-size:13px;line-height:1.5;color:var(--muted)}
.hxfein{font-size:11.5px;color:var(--muted-2)}
.hxact{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.hxlnk{color:var(--cyan);font:600 12.5px var(--font-t);text-decoration:none}
.hxlnk:hover{text-decoration:underline}
.hxgross{font:700 20px/1.25 var(--font-d);color:var(--ink);overflow-wrap:anywhere}
.hxpills{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.hxpanel .pill{display:inline-block;padding:2px 9px;font-size:11.5px;white-space:normal}
.hxdl{display:grid;gap:10px;margin:10px 0 0}
.hxdl>div{display:grid;gap:2px}
.hxdl dt{font:700 10.5px var(--font-t);letter-spacing:.16em;text-transform:uppercase;color:var(--pink)}
.hxdl dd{margin:0;font-size:13.5px;line-height:1.45;overflow-wrap:anywhere}
.hxdl dd small{color:var(--muted)}
.hxklemme{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.hxfort{margin:10px 0 4px}
.hxsteps,.hxlist{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.hxsteps li>a,.hxsteps li>div{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02);color:inherit;text-decoration:none}
.hxsteps li>a:hover{border-color:var(--cyan)}
.hxsteps li>div{opacity:.7}
.hxsteps i{font-style:normal;font-weight:700;text-align:center;color:var(--muted)}
.hxsteps li.ok i{color:var(--ok)}.hxsteps li.warn i{color:var(--warn)}.hxsteps li.run i{color:var(--cyan)}
.hxsteps b,.hxlist b{display:block;font:600 13px var(--font-t)}
.hxsteps small,.hxlist small{display:block;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.hxlist li{display:grid;grid-template-columns:10px minmax(0,1fr);gap:10px;align-items:start;padding:6px 0;border-bottom:1px solid var(--line)}
.hxlist .dot{margin-top:6px}
.hxlist.hxconn li{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.hxr{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.hxlauf{display:flex;align-items:center;gap:10px}
.hxsep{height:1px;margin:14px 0;background:var(--line)}
/* breit: schmale Reiter am rechten Rand, das Panel klappt links daneben auf */
@media (min-width:1280px) and (min-height:640px){
  .hxstack{max-width:none;margin:0;padding:0}
  .hxtabs{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:60;flex-direction:column;flex-wrap:nowrap;align-items:flex-end;gap:8px}
  .hxtab{flex-direction:column;justify-content:center;gap:8px;width:38px;padding:12px 0;border-right:0;border-radius:12px 0 0 12px}
  .hxl{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}
  .hxpanel{position:fixed;right:50px;top:50%;transform:translateY(-50%);z-index:61;width:360px;max-height:min(76vh,680px);margin:0;display:flex;flex-direction:column;box-shadow:0 22px 64px rgba(0,0,0,.55)}
  .hxbody{overflow:auto;min-height:0}
}
@media (max-width:640px){.hxstack{padding:0 16px 8px}.hxtab{padding:8px 12px}}
@media print{.hxstack{display:none!important}}
/* Verbindungen: Info-Karten */
.hxinfo .vakt{margin-top:auto}
.hxinfo p{margin:2px 0 0;font-size:13.5px;line-height:1.5}
.hxsys .hint b{color:var(--ink)}
/* Microsoft Ads: Messfortschritt, Tabellen, Auswertung */
.hxprog{display:grid;gap:6px;margin-top:14px}
.hxprog:empty{display:none}
.lgtbl .num{text-align:right;white-space:nowrap}
.lgtbl th.num{text-align:right}
.hxduo,.hxbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.hxduo>div,.hxbs>div{min-width:0}
.hxrow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}
.hxrow b{display:block;font-weight:600;overflow-wrap:anywhere}
.hxrow small{display:block;color:var(--muted);font-size:12px}
.hxrow em{font-style:normal;color:var(--ink);white-space:nowrap}
.hxrow i{font-style:normal;font-weight:600;white-space:nowrap}
.hxrow i.bad{color:var(--bad)}.hxrow i.ok{color:var(--ok)}
@media (max-width:860px){.hxduo,.hxbs{grid-template-columns:1fr}}
@media (min-width:1280px) and (min-height:640px){.wrap:has(~ .hxstack:not(.hidden)){padding-right:54px}}
.lgtwo>div{min-width:0}
.lg .lgcard.aus.lnk{opacity:1}
.lg .lgcard.aus.lnk>b,.lg .lgcard.aus.lnk>small{opacity:.75}

/* Paket 13: Aufwand-Miniprogramm unten links in der Navigation */
.navi.side{display:flex;flex-direction:column;flex-wrap:nowrap;min-height:calc(100vh - 116px);overflow:hidden;padding:0}
.navi.side .sgs{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent;padding:0 8px 0 0}
.navi.side .sgs::-webkit-scrollbar{width:6px}
.navi.side .sgs::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:3px}
.navi.side .navi-aufwand{flex:none;margin:12px 8px 2px 0}
.navi-aufwand{display:block;margin:14px 8px 0 0;padding:10px 12px 9px;border:1px solid var(--line-strong);border-radius:14px;background:rgba(255,255,255,.03);text-decoration:none;color:var(--ink);transition:background .18s,border-color .18s}
.navi-aufwand:hover{background:rgba(255,255,255,.06);border-color:rgba(255,176,46,.45)}
.navi-aufwand.on{border-color:rgba(37,244,238,.45);background:rgba(37,244,238,.07)}
.navi-aufwand.aus{opacity:.6;cursor:not-allowed}
.navi-aufwand .nat{display:flex;align-items:baseline;gap:6px;margin:0 0 4px;font:800 10px var(--font-t);letter-spacing:.15em;text-transform:uppercase;color:#ffb02e}
.navi-aufwand .nat small{font:400 10.5px/1.3 var(--font-t);letter-spacing:0;text-transform:none;color:var(--muted-2)}
.navi-aufwand .naz{display:flex;align-items:baseline;gap:6px;padding:5px 0 4px;border-top:1px solid var(--line);font:400 11.5px/1.3 var(--font-t)}
.navi-aufwand .naz>span{flex:1 1 auto;min-width:0;color:var(--muted)}
.navi-aufwand .naz b{flex:none;font:800 13.5px/1.2 var(--font-t);color:var(--ink);white-space:nowrap}
.navi-aufwand .naz em{flex:none;font:400 11px/1.2 var(--font-t);font-style:normal;color:var(--muted-2);white-space:nowrap}
.navi-aufwand .nab{display:block;margin-top:5px;padding:4px 8px;border-radius:7px;background:rgba(255,176,46,.12);color:#ffb02e;font:700 10.5px/1.3 var(--font-t)}
.navi-aufwand .nak,.navi-aufwand .nal{display:block;margin-top:5px;font:400 11px/1.35 var(--font-t);color:var(--muted-2)}
.navi:not(.side) .navi-aufwand{grid-column:1/-1;margin:12px 0 0}
.navi:not(.side) .navi-aufwand{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px}
.navi:not(.side) .navi-aufwand .nat{margin:0}
.navi:not(.side) .navi-aufwand .naz{border-top:0;padding:0}
.navi:not(.side) .navi-aufwand .nab,.navi:not(.side) .navi-aufwand .nak,.navi:not(.side) .navi-aufwand .nal{margin:0}

/* Paket 14: Projekt-Zusammenfassung (Auftrag) in der Download Area */
.lgauftrag{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;border-color:rgba(37,244,238,.35);background:linear-gradient(135deg,rgba(37,244,238,.07),rgba(255,46,196,.06))}
.lgauftrag .lgauftrag-k{flex:1 1 380px;min-width:0}
.lgauftrag .lgauftrag-k>b{display:block;font:800 15px var(--font-t);color:var(--ink);margin-bottom:6px}
.lgauftrag .lgauftrag-k .copy{margin:0 0 8px}
.lgauftrag .vakt{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.lgauftrag .vakt .btn{white-space:nowrap}

/* ===== Expert (30.09.): Chat rechts — Agent mit Opus 5.5 · Button unten rechts, Panel als Seitenleiste (Desktop) bzw. Vollbild (Handy). Flach, kein Verlauf: Buttons Cyan, Label Magenta. ===== */
.exlaunch{position:fixed;right:18px;bottom:18px;z-index:75;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:99px;padding:12px 20px 12px 16px;background:var(--btn);color:var(--btn-ink);font:700 14px var(--font-t);letter-spacing:.02em;cursor:pointer;box-shadow:0 8px 28px rgba(0,0,0,.5);transition:transform .16s}
.exlaunch:hover{transform:translateY(-2px)}
.exlaunch:focus-visible,.exx:focus-visible,.exchip:focus-visible,.exkop:focus-visible{outline:2px solid var(--magenta);outline-offset:2px}
.exspark{font-style:normal;font-size:15px;line-height:1}
.expanel{position:fixed;top:0;right:0;bottom:0;width:min(470px,100vw);z-index:80;display:flex;flex-direction:column;background:var(--card);border-left:1px solid var(--line-strong);box-shadow:-18px 0 52px rgba(0,0,0,.5)}
.expanel.hidden,.exlaunch.hidden{display:none}
.exh{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.exht{display:flex;flex-direction:column;gap:2px;min-width:0}
.exht b{font:700 12px var(--font-t);letter-spacing:.22em;text-transform:uppercase;color:var(--magenta)}
.exdom{font:600 13px var(--font-t);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.exhr{display:flex;align-items:center;gap:8px;min-width:0}
.exhr select{max-width:150px;min-width:0;padding:6px 8px;border:1px solid var(--line-strong);border-radius:8px;background:var(--card-2);color:var(--ink);font:500 12px var(--font-t)}
.exhr select:disabled{opacity:.5}
.exx{flex:none;width:30px;height:30px;padding:0;border:1px solid var(--line-strong);border-radius:99px;background:transparent;color:var(--muted);font-size:19px;line-height:1;cursor:pointer}
.exx:hover{color:var(--ink);border-color:var(--magenta)}
.exlog{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}
.exwelcome{display:flex;flex-direction:column;gap:10px;color:var(--ink)}
.exwelcome>b{font:700 18px var(--font-d)}
.exwelcome p{margin:0;font-size:13.5px;line-height:1.55;color:var(--muted)}
.exwelcome p b{color:var(--ink)}
.exchips{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.exchip{text-align:left;padding:10px 14px;border:1px solid var(--line-strong);border-radius:12px;background:var(--card-2);color:var(--ink);font:500 13px/1.4 var(--font-t);cursor:pointer;transition:border-color .16s}
.exchip:hover{border-color:var(--cyan)}
.exm{max-width:100%;min-width:0;font-size:13.5px;line-height:1.55;color:var(--ink)}
.exm.u{align-self:flex-end;max-width:88%}
.exm.u .exmt{padding:10px 14px;border:1px solid var(--line-strong);border-radius:14px 14px 4px 14px;background:var(--card-2);white-space:pre-wrap;overflow-wrap:anywhere}
.exm.a{align-self:stretch;padding-left:12px;border-left:2px solid var(--cyan)}
.exm.a.err{border-left-color:var(--bad)}
.exm.a.lauf{border-left-color:var(--magenta)}
.exmt{overflow-wrap:anywhere}
.exmt p{margin:0 0 9px}.exmt p:last-child{margin-bottom:0}
.exmt ul,.exmt ol{margin:0 0 9px;padding-left:20px}.exmt li{margin:2px 0}
.exmt h5{margin:12px 0 6px;font:700 13.5px var(--font-t);color:var(--ink)}
.exmt h5.exh1,.exmt h5.exh2{font-size:15px}
.exmt code{padding:1px 5px;border-radius:5px;background:rgba(255,255,255,.07);font:12.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}
.exmt pre{margin:0 0 9px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.28);overflow-x:auto}
.exmt pre code{padding:0;background:transparent;white-space:pre}
.exmt blockquote{margin:0 0 9px;padding:2px 0 2px 12px;border-left:2px solid var(--line-strong);color:var(--muted)}
.exmt hr{border:0;border-top:1px solid var(--line);margin:10px 0}
.exmt a{color:var(--cyan);text-decoration:underline;text-underline-offset:2px}
.exscroll{margin:0 0 9px;overflow-x:auto}
.exmt table{border-collapse:collapse;font-size:12.5px;min-width:100%}
.exmt th,.exmt td{padding:5px 9px;border:1px solid var(--line);text-align:left;vertical-align:top}
.exmt th{background:var(--card-2);font-weight:700;white-space:nowrap}
.exsch{margin-top:8px;font-size:12.5px;color:var(--muted)}
.exsch summary{cursor:pointer;list-style:none}
.exsch summary::-webkit-details-marker{display:none}
.exsch summary::before{content:"▸ ";color:var(--magenta)}
.exsch[open] summary::before{content:"▾ "}
.exsch ol,.exlist{margin:6px 0 0;padding-left:20px;color:var(--muted)}
.exsch li.bad,.exlist li.bad{color:var(--warn)}
.exmeta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;font-size:11.5px;color:var(--muted)}
.exkop{padding:2px 8px;border:1px solid var(--line-strong);border-radius:99px;background:transparent;color:var(--muted);font:600 11px var(--font-t);cursor:pointer}
.exkop:hover{color:var(--ink);border-color:var(--cyan)}
.exlt{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--ink)}
.exdots{display:inline-flex;gap:4px}
.exdots i{width:6px;height:6px;border-radius:50%;background:var(--magenta);animation:exp 1.1s infinite ease-in-out}
.exdots i:nth-child(2){animation-delay:.16s}.exdots i:nth-child(3){animation-delay:.32s}
@keyframes exp{0%,80%,100%{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.exdots i{animation:none;opacity:.7}.exlaunch{transition:none}}
.exlogin{flex:none;margin:0 16px 10px;padding:12px 14px;border:1px solid var(--line-strong);border-radius:12px;background:var(--card-2)}
.exlogin p{margin:0 0 8px;font-size:13px;color:var(--muted)}
.exlogin.hidden{display:none}
.exform{flex:none;display:flex;flex-direction:column;gap:8px;padding:12px 16px 14px;border-top:1px solid var(--line)}
.exform textarea{width:100%;box-sizing:border-box;min-height:56px;max-height:160px;resize:vertical;padding:10px 12px;border:1px solid var(--line-strong);border-radius:12px;background:var(--card-2);color:var(--ink);font:400 14px/1.45 var(--font-t)}
.exform textarea:focus{outline:2px solid var(--cyan);outline-offset:1px}
.exform textarea:disabled{opacity:.5}
.exfr{display:flex;align-items:center;justify-content:space-between;gap:10px}
.exfein{margin:0;font-size:11.5px;line-height:1.4;color:var(--muted)}
.exfr .btn{flex:none;padding:10px 22px;font-size:14px}
.exfr .btn[disabled]{opacity:.5;cursor:default}
.exfr .klein.hidden{display:none}
/* Tabs der Schnellzugriffe rücken neben das Panel; auf sehr breiten Bildschirmen macht die Seite Platz */
@media (min-width:1280px) and (min-height:640px){body.ex-auf .hxtabs{right:min(470px,100vw)}}
@media (min-width:1720px){body.ex-auf{padding-right:470px}}
@media (max-width:640px){.expanel{width:100vw}.exlaunch{right:14px;bottom:14px}.exhr select{max-width:110px}.exm.u{max-width:94%}}
@media print{.exdock,.exlaunch,.expanel{display:none!important}}

/* Paket 15: serverseitiger Google-Login (Link statt GIS-Knopf) */
a.klein.lg-google{display:inline-flex;align-items:center;gap:8px;text-decoration:none;background:#fff;color:#1f1f1f;border:1px solid #dadce0;padding:7px 14px 7px 10px;font:600 13px var(--font-t);border-radius:99px;box-shadow:none}
a.klein.lg-google::before{content:"";width:16px;height:16px;border-radius:50%;background:conic-gradient(#ea4335 0 25%,#fbbc05 0 50%,#34a853 0 75%,#4285f4 0)}
a.klein.lg-google:hover{background:#f1f3f4}
.lg-in a.klein{text-decoration:none}

/* Spot-Agent (Videos · Spot-Agent, 30.09.): Schritte, Grundlagen, Fakten, Strategie, Drehbuecher mit Prompts, Freigabe, Clip-Vorschau, fertiger Spot */
.vid .sa-schritte{list-style:none;margin:18px 0 6px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.vid .sa-schritte li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--card);min-width:0}
.vid .sa-schritte li b{flex:0 0 auto;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:600 12px/1 var(--font-d);background:var(--card-3);color:var(--muted)}
.vid .sa-schritte li span{display:flex;flex-direction:column;font:600 13px/1.25 var(--font-t);color:var(--ink);min-width:0}
.vid .sa-schritte li small{font-weight:400;color:var(--muted);font-size:11.5px;overflow-wrap:anywhere}
.vid .sa-schritte li.fertig b{background:var(--ok);color:#04250f}
.vid .sa-schritte li.aktiv{border-color:var(--btn)}
.vid .sa-schritte li.aktiv b{background:var(--btn);color:var(--btn-ink)}
.vid .sa-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px 18px}
.vid .sa-kv>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.vid .sa-kv span{font:500 11px/1.3 var(--font-t);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2)}
.vid .sa-kv b{font:600 13.5px/1.35 var(--font-t);color:var(--ink);overflow-wrap:anywhere}
.vid .sa-kv small{font-size:12px;color:var(--muted)}
.vid .sa-fehlt{color:var(--bad);font-style:normal}
.vid .sa-warn{color:var(--warn)}
.vid .sa-bad{display:block;color:var(--bad);margin-top:4px}
.vid .sa-aktion{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:14px 0 4px}
.vid .sa-aktion .hint{flex:1 1 280px;min-width:0}
.vid .sa-lauf{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-s);background:var(--card-2);font:500 13px/1.3 var(--font-t);color:var(--ink)}
.vid .sa-fakten{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:8px}
.vid .sa-fakten li{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;font:13.5px/1.4 var(--font-t);color:var(--ink)}
.vid .sa-fakten small{flex-basis:100%;color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.vid .sa-fakten a{color:var(--btn)}
.vid .sa-id{font:600 11px/1 var(--font-d);color:var(--btn-ink);background:var(--btn);border-radius:6px;padding:3px 6px}
.vid .sa-kern{font-size:15px;color:var(--ink)}
.vid .sa-spots{display:flex;flex-direction:column;gap:14px}
.vid .sa-spot{border:1px solid var(--line);border-radius:var(--r);background:var(--card);padding:16px 18px;min-width:0}
.vid .sa-spot.sa-nichtok{border-color:rgba(255,93,115,.45)}
.vid .sa-spot-k{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;align-items:flex-start}
.vid .sa-spot-k h3{margin:2px 0 0;font:600 19px/1.2 var(--font-d);color:var(--ink);text-wrap:balance}
.vid .sa-spot-r{display:flex;align-items:center;gap:12px}
.vid .sa-usd{font:600 13px/1 var(--font-d);color:var(--ink);font-variant-numeric:tabular-nums}
.vid .sa-wahl{display:flex;align-items:center;gap:6px;font:500 13px/1 var(--font-t);color:var(--muted);cursor:pointer}
.vid .sa-wahl input{accent-color:var(--btn);width:16px;height:16px}
.vid .sa-dreh{margin-top:10px;border-top:1px solid var(--line);padding-top:10px}
.vid .sa-dreh>summary{cursor:pointer;font:600 13px/1.3 var(--font-t);color:var(--btn);list-style:none}
.vid .sa-dreh>summary::-webkit-details-marker{display:none}
.vid .sa-dreh>summary::before{content:"▸ ";color:var(--muted)}
.vid .sa-dreh[open]>summary::before{content:"▾ "}
.vid .sa-dreh .extc{margin-top:10px}
.vid .sa-prod{margin-top:12px;padding:12px;border-radius:var(--r-s);background:var(--card-2);border:1px solid var(--line)}
.vid .sa-prod-k{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font:500 12.5px/1.3 var(--font-t);color:var(--muted)}
.vid .sa-clips{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px}
.vid .sa-clip{display:flex;flex-direction:column;gap:6px;min-width:0}
.vid .sa-clip-k{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px}
.vid .sa-clip video,.vid .sa-fertig video{width:100%;aspect-ratio:9/16;max-width:100%;border-radius:10px;background:#000;object-fit:cover}
.vid .sa-leer{aspect-ratio:9/16;border-radius:10px;border:1px dashed var(--line-strong);display:grid;place-items:center;padding:8px;text-align:center;font-size:12px;color:var(--muted)}
.vid .sa-fertig{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:14px;align-items:end;margin-top:12px}
.vid .sa-fertig>div{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.vid .sa-fertig b{font:600 15px/1.2 var(--font-d);color:var(--ink)}
.vid .sa-fertig small{color:var(--muted);font-variant-numeric:tabular-nums}
.vid .sa-audio{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12px;color:var(--muted)}
.vid .sa-audio audio{height:32px;max-width:100%}
.vid .sa-frei .sa-kv{margin-bottom:6px}
@media (max-width:900px){.vid .sa-schritte{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.vid .sa-schritte{grid-template-columns:minmax(0,1fr)}.vid .sa-fertig{grid-template-columns:minmax(0,1fr)}.vid .sa-spot{padding:14px}}