/* ================================================================
   SITE EFFECT · Design-System 2026 fuer Unterseiten
   Wird NACH dem seiteneigenen CSS geladen und stellt die Seite auf
   das neue System um, ohne Markup oder Skripte anzufassen:
   Tokens, Schriften, keine Radien, keine Schatten, Lime als Akzent.
   Grundlage: site-effect-design-system (tokens.json, README).
   ================================================================ */
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/anton-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/anton-latin-ext-400.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/archivo-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/archivo-latin-400-italic.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/archivo-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/archivo-latin-700-normal.woff2') format('woff2')}

/* ---------- Tokens: die alten Variablennamen zeigen auf das neue System ---------- */
html[data-se]{
  --se-display:'Anton','Archivo Narrow',Impact,sans-serif;
  --se-sans:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --se-accent:#e9f5a0;--se-on-accent:#0a0a0a;
  --font-display:var(--se-display);--font-text:var(--se-sans);--font-mono:var(--se-display);
  --signal:#e9f5a0;--warm:#e9f5a0;--signal-soft:rgba(233,245,160,.12);
  --radius:0px;--ease:cubic-bezier(.16,1,.3,1);
}
html[data-se="dunkel"]{
  --se-bg:#0a0a0a;--se-surface:#151515;--se-surface-2:#1f1f1f;--se-ink:#f5f5f5;--se-ink-2:#d3d3d3;--se-mute:#949494;--se-line:#2c2c2c;
  --se-blue:#f5f5f5;--se-rgb:245,245,245;
  --void:#0a0a0a;--bg:#0a0a0a;--dark:#0a0a0a;--surface:#151515;--card:#151515;--sheet:#151515;--lift-1:#151515;--glass:rgba(255,255,255,.03);
  --text:#f5f5f5;--fg:#f5f5f5;--ink:#f5f5f5;--muted:#d3d3d3;--dim:#949494;
  --line:#2c2c2c;--line-hi:#3d3d3d;
  --blue:#f5f5f5;--blue-deep:#f5f5f5;--blue-soft:rgba(245,245,245,.08);
  color-scheme:dark;background:#0a0a0a;
}
html[data-se="hell"]{
  --se-bg:#f5f5f5;--se-surface:#ffffff;--se-surface-2:#ebebeb;--se-ink:#0a0a0a;--se-ink-2:#2e2e2e;--se-mute:#5e5e5e;--se-line:#d3d3d3;
  --se-blue:#0a0a0a;--se-rgb:10,10,10;
  --void:#f5f5f5;--bg:#f5f5f5;--sheet:#ffffff;--card:#ffffff;--surface:#ffffff;--dark:#0a0a0a;
  --ink:#0a0a0a;--text:#2e2e2e;--fg:#0a0a0a;--muted:#3a3a3a;--dim:#5e5e5e;
  --line:#d3d3d3;--line-hi:#b5b5b5;
  --blue:#0a0a0a;--blue-deep:#0a0a0a;--blue-soft:#ebebeb;
  color-scheme:light;background:#f5f5f5;
}

/* ---------- Grundregeln des Systems ---------- */
html[data-se] body{background:var(--se-bg)!important;color:var(--se-ink-2);font-family:var(--se-sans)!important;font-variant-numeric:tabular-nums}
html[data-se] *,html[data-se] *::before,html[data-se] *::after{border-radius:0!important;box-shadow:none!important;text-shadow:none!important}
html[data-se] *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html[data-se] ::selection{background:var(--se-accent);color:var(--se-on-accent)}
html[data-se] :focus-visible{outline:2px solid var(--se-accent)!important;outline-offset:3px}
html[data-se] .aurora,html[data-se] .glow,html[data-se] .grid-lines,html[data-se] .nachtlicht,html[data-se] .progress{display:none!important}

/* Ueberschriften: Anton, Versalien, ein Schnitt */
html[data-se] h1,html[data-se] h2,html[data-se] h3,html[data-se] h4{font-family:var(--se-display)!important;font-weight:400!important;text-transform:uppercase;letter-spacing:-.01em!important;color:var(--se-ink);text-wrap:balance}
html[data-se] h1{font-size:clamp(44px,7.2vw,112px)!important;line-height:1.02!important;hyphens:manual;padding-top:.08em}
html[data-se] h2{font-size:clamp(34px,4.6vw,72px)!important;line-height:1.02!important;hyphens:manual;padding-top:.08em}
html[data-se] h3{line-height:1!important}
html[data-se] h1 b,html[data-se] h1 strong,html[data-se] h2 b,html[data-se] h2 strong{font-weight:400!important}
html[data-se] p,html[data-se] li{font-family:var(--se-sans)}
html[data-se] b,html[data-se] strong{font-weight:500}
html[data-se] .label,html[data-se] .mono,html[data-se] .eyebrow{font-family:var(--se-display)!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.04em!important;color:var(--se-mute)}
html[data-se] .label::before,html[data-se] .label::after{display:none!important}
html[data-se] .sub,html[data-se] .lead,html[data-se] .lede{color:var(--se-ink-2)}

/* Buttons: Lime ist der eine Akzent, alles andere schwarz-weiss */
html[data-se] .btn-primary,html[data-se] a.btn-sm,html[data-se] button.btn-primary,html[data-se] .btn-lg.btn-primary{background:var(--se-accent)!important;color:var(--se-on-accent)!important;border:0!important;font-family:var(--se-display)!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.04em;font-size:13px!important;min-height:48px;padding:0 20px!important;display:inline-flex;align-items:center;gap:24px;transform:none!important;background-image:none!important}
html[data-se] .btn-primary:hover{background:#f5f5f5!important}
html[data-se] .btn-ghost,html[data-se] .btn-quiet{background:transparent!important;color:var(--se-ink)!important;border:1px solid var(--se-ink)!important;font-family:var(--se-display)!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.04em;font-size:13px!important;min-height:48px;padding:0 20px!important;display:inline-flex;align-items:center;text-decoration:none!important}
html[data-se] .btn-ghost:hover,html[data-se] .btn-quiet:hover{background:var(--se-ink)!important;color:var(--se-bg)!important}
html[data-se] .btn-arrow,html[data-se] .btn i{font-style:normal}
html[data-se] input,html[data-se] select,html[data-se] textarea{font-family:var(--se-sans)!important;background:var(--se-bg)!important;color:var(--se-ink)!important;border:1px solid var(--se-line)!important}
html[data-se] input[type=range]{border:0!important;background:transparent!important;accent-color:var(--se-ink)}
html[data-se] input:focus,html[data-se] select:focus,html[data-se] textarea:focus{outline:2px solid var(--se-ink)!important;border-color:var(--se-ink)!important}
html[data-se] details summary{font-family:var(--se-sans)}

/* Flaechen: Linien statt Schatten, keine Glas-Effekte */
html[data-se] .sheet,html[data-se] .card,html[data-se] .ccard,html[data-se] .how-card,html[data-se] .split-card,html[data-se] .panel,html[data-se] .box,html[data-se] .cta-panel,html[data-se] .pb,html[data-se] .deck,html[data-se] .mod,html[data-se] .chart-card,html[data-se] .metric{background:var(--se-surface)!important;border:1px solid var(--se-line)!important;background-image:none!important}
html[data-se] .cta-panel h2{font-size:clamp(34px,4.6vw,64px)!important}
html[data-se] .sheet{margin-left:0!important;margin-right:0!important}
html[data-se] hr{border-color:var(--se-line)}

/* ---------- Neue Navigation (ersetzt die seiteneigene) ---------- */
.se26-nav{position:fixed;top:0;left:0;right:0;z-index:100;height:72px;padding:env(safe-area-inset-top,0px) clamp(16px,2.2vw,32px) 0;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#0a0a0a;color:#f5f5f5;border-bottom:1px solid #2c2c2c}
.se26-nav a{color:inherit;text-decoration:none}
.se26-nav .logo{font-family:var(--se-display);text-transform:uppercase;font-size:26px;line-height:1}
.se26-nav .links{display:flex;gap:26px;font-family:var(--se-display);text-transform:uppercase;letter-spacing:.04em;font-size:13px}
.se26-nav .links a{position:relative;padding:4px 0;color:#d3d3d3}
.se26-nav .links a:hover,.se26-nav .links a[aria-current]{color:#f5f5f5}
.se26-nav .links a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:#f5f5f5}
.se26-nav .right{display:flex;gap:10px;align-items:center}
.se26-nav .se26-btn{display:inline-flex;align-items:center;gap:14px;height:40px;padding:0 16px;font-family:var(--se-display);text-transform:uppercase;letter-spacing:.04em;font-size:13px;line-height:1;border:1px solid #f5f5f5}
.se26-nav .se26-btn.voll{background:#e9f5a0;color:#0a0a0a;border-color:#e9f5a0}
.se26-nav .se26-btn.voll:hover{background:#f5f5f5;border-color:#f5f5f5}
.se26-nav .se26-btn.leer:hover{background:#f5f5f5;color:#0a0a0a}
.se26-burger{display:none;width:40px;height:40px;padding:0;position:relative;background:transparent;border:1px solid #f5f5f5;cursor:pointer;color:#f5f5f5}
.se26-burger span{position:absolute;left:10px;right:10px;height:1.5px;background:currentColor;transition:transform .3s,opacity .2s}
.se26-burger span:nth-child(1){top:13px}.se26-burger span:nth-child(2){top:19px}.se26-burger span:nth-child(3){top:25px}
.se26-burger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.se26-burger.open span:nth-child(2){opacity:0}.se26-burger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:1060px){.se26-nav .links{display:none}.se26-burger{display:block}}
@media(max-width:560px){.se26-nav .se26-btn.leer{display:none}.se26-nav .se26-btn .pf{display:none}.se26-nav .se26-btn{gap:0}}
.se26-mm{position:fixed;inset:0;z-index:99;background:#0a0a0a;color:#f5f5f5;display:flex;flex-direction:column;justify-content:center;padding:96px clamp(16px,2.2vw,32px) 32px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;overflow-y:auto}
.se26-mm.open{opacity:1;visibility:visible}
.se26-mm a{font-family:var(--se-display);text-transform:uppercase;font-size:clamp(28px,8vw,44px);line-height:1;padding:14px 0;border-bottom:1px solid #2c2c2c;color:#f5f5f5;text-decoration:none;display:flex;justify-content:space-between;align-items:baseline}
.se26-mm a span{font-family:var(--se-sans);text-transform:none;font-size:13px;color:#949494}
body.se26-lock{overflow:hidden}
/* Das Menue aus consent.js wird auf diesen Seiten nicht gebaut; falls doch: ausblenden */
html[data-se] .se-mm:not(.se26-mm){display:none!important}

/* ---------- Neuer Footer ---------- */
.se26-foot{background:#0a0a0a;color:#f5f5f5;border-top:1px solid #2c2c2c;padding:56px clamp(16px,2.2vw,32px) 28px;margin-top:96px}
.se26-foot .in{max-width:1440px;margin:0 auto;display:flex;flex-direction:column;gap:40px}
.se26-foot .se26-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.se26-foot .se26-h{font-family:var(--se-display);text-transform:uppercase;letter-spacing:.04em;font-size:13px;color:#949494;margin-bottom:14px}
.se26-foot .se26-col{display:flex;flex-direction:column;gap:10px}
.se26-foot .se26-col a{font-family:var(--se-display);text-transform:uppercase;letter-spacing:.04em;font-size:15px;line-height:1.1;color:#f5f5f5;text-decoration:none;width:fit-content}
.se26-foot .se26-col a:hover{text-decoration:underline;text-underline-offset:4px}
.se26-foot .se26-col p{font-size:14px;color:#949494;margin:0;line-height:1.5}
.se26-foot .se26-col p a{font-family:var(--se-sans);text-transform:none;letter-spacing:0;font-size:14px;text-decoration:underline}
.se26-foot .se26-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #2c2c2c;padding-top:22px;font-family:var(--se-display);text-transform:uppercase;letter-spacing:.04em;font-size:13px;color:#949494}
.se26-foot .se26-bar .se26-logo{font-size:26px;color:#f5f5f5;letter-spacing:0}
.se26-foot .se26-bar a{color:#949494;text-decoration:none;margin-left:20px}
.se26-foot .se26-bar a:hover{color:#f5f5f5}
.se26-foot .se26-bar i{display:inline-block;width:7px;height:7px;background:#4ade80;margin-right:8px}
@media(max-width:900px){.se26-foot .se26-cols{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.se26-foot .se26-cols{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){.se26-mm,.se26-burger span{transition:none}}
html[data-se="hell"] .btn-primary:hover{background:#0a0a0a!important;color:#f5f5f5!important}
/* Ziffern-Marken und Avatare, die vorher blau gefuellt waren */
html[data-se] .ber-n,html[data-se] .pruef-n,html[data-se] .drei-n,html[data-se] .fuenf-n{background:var(--se-ink)!important;color:var(--se-bg)!important;font-family:var(--se-display)!important;font-weight:400!important;display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:30px;height:30px;padding:0 8px!important;letter-spacing:.04em!important}

/* Footer-Spalten gegen seiteneigene Klassen absichern */
.se26-foot .se26-col{background:transparent!important;border:0!important;padding:0!important}
/* Dunkle Inseln auf hellen Seiten (Preise): lokale Tokens drehen */
html[data-se="hell"] :is(.panel,.step.accent,.col.us,.foot){--se-ink:#f5f5f5;--se-ink-2:#d3d3d3;--se-mute:#949494;--se-line:#2c2c2c;--se-surface:#0a0a0a;--ink:#f5f5f5;--text:#d3d3d3;--fg:#f5f5f5;--muted:#d3d3d3;--dim:#949494;--line:#2c2c2c;color:#d3d3d3}
html[data-se="hell"] :is(.panel,.step.accent,.col.us,.foot) :is(h2,h3,h4,b,strong){color:#f5f5f5}
html[data-se] a.cta{background:var(--se-accent)!important;color:var(--se-on-accent)!important;font-family:var(--se-display)!important;text-transform:uppercase;letter-spacing:.04em;font-size:13px!important;padding:16px 22px!important}
html[data-se] a.cta:hover{background:#f5f5f5!important}

/* Playbook-Uebersicht: Karten-Titel klein, Raster passt sich an */
html[data-se] .pb-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))!important;gap:24px!important}
html[data-se] .pb{min-width:0;overflow:hidden}
html[data-se] .pb h2,html[data-se] .pb h3{font-size:clamp(22px,1.9vw,28px)!important;line-height:1!important;margin:14px 0 10px!important}
html[data-se] .pb p{font-size:15px;color:var(--se-ink-2)}
html[data-se] .pb .p-tag{background:transparent!important;border:1px solid var(--se-line)!important;color:var(--se-mute)!important;font-family:var(--se-display)!important}
html[data-se] .pb-thumb svg{width:100%;height:auto;display:block}
html[data-se] .pb:hover{border-color:var(--se-ink)!important}

/* Helle Unterseiten: Glas wird Weiss, Produkt-Bildschirme bleiben dunkle Inseln */
html[data-se="hell"]{--glass:#ffffff;--lift-1:#ffffff;--surface:#ffffff}
html[data-se="hell"] :is(.scr,.kino-rahmen,.deck,.one-system,.osw,.os-film,.cta-panel){--se-bg:#0a0a0a;--se-surface:#151515;--se-ink:#f5f5f5;--se-ink-2:#d3d3d3;--se-mute:#949494;--se-line:#2c2c2c;--se-blue:#f5f5f5;--se-rgb:245,245,245;--bg:#0a0a0a;--void:#0a0a0a;--surface:#151515;--glass:rgba(255,255,255,.03);--text:#f5f5f5;--fg:#f5f5f5;--ink:#f5f5f5;--muted:#d3d3d3;--dim:#949494;--line:#2c2c2c;--line-hi:#3d3d3d;--blue:#f5f5f5;color:#d3d3d3}
html[data-se="hell"] .cta-panel{background:#0a0a0a!important;border-color:#0a0a0a!important}
html[data-se="hell"] .cta-panel :is(h2,h3){color:#f5f5f5}
html[data-se="hell"] .se26-nav,html[data-se="hell"] .se26-foot{color-scheme:dark}

/* ---------- Suche (Cmd/Strg K) ---------- */
.se26-nav .se26-such{gap:8px;cursor:pointer;background:transparent;color:#f5f5f5}
.se26-nav .se26-such svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.se26-nav .se26-such .se26-kbd{font-family:var(--se-sans);font-size:11px;letter-spacing:0;text-transform:none;opacity:.8}
@media(max-width:1060px){.se26-nav .se26-such{display:none}}
.se26-pal{position:fixed;inset:0;z-index:120;background:rgba(10,10,10,.72);display:none;align-items:flex-start;justify-content:center;padding:16vh clamp(16px,2.2vw,32px) 0}
.se26-pal.open{display:flex}
.se26-pal-box{width:min(620px,100%);background:#151515;border:1px solid #2c2c2c;color:#f5f5f5}
.se26-pal-box input{width:100%;height:60px;padding:0 20px;background:transparent!important;border:0!important;border-bottom:1px solid #2c2c2c!important;color:#f5f5f5!important;font:18px var(--se-sans)!important;outline:none!important}
.se26-pal-list{max-height:min(60vh,520px);overflow-y:auto}
.se26-pal-item{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:13px 20px;color:#f5f5f5;text-decoration:none;font-size:15px;line-height:1.35}
.se26-pal-item i{font-style:normal;font-family:var(--se-display);text-transform:uppercase;letter-spacing:.04em;font-size:12px;color:#949494;flex:none}
.se26-pal-item.sel,.se26-pal-item:hover{background:#f5f5f5;color:#0a0a0a}
.se26-pal-item.sel i,.se26-pal-item:hover i{color:#5e5e5e}
.se26-pal-leer{padding:18px 20px;color:#949494;font-size:14px;margin:0}

/* Anton setzt die Umlaut-Punkte weit ueber die Versalhoehe. Abstand zur Zeile
   und zur Kapitelmarke darueber, sonst stossen sie an. */
html[data-se] .label+h1,html[data-se] .label+h2,html[data-se] .label+.reveal:is(h1,h2){margin-top:20px!important}

/* ---------- Preisseite: "Du zahlst, was es Dir wert ist" ---------- */
.se26-wert{background:#0a0a0a;color:#d3d3d3;padding:clamp(28px,4vw,48px);margin:8px 0 56px;display:flex;flex-direction:column;gap:16px;max-width:900px}
.se26-wert .label{color:#949494!important}
html[data-se] .se26-wert h2{color:#f5f5f5;margin:0;font-size:clamp(36px,5vw,72px)!important}
.se26-wert p{margin:0;max-width:62ch;font-size:17px;line-height:1.55;color:#d3d3d3}
.se26-wert .cta{align-self:flex-start;display:inline-flex!important;margin-top:8px}
html[data-se] .fuenf{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:900px){html[data-se] .fuenf{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){html[data-se] .fuenf{grid-template-columns:1fr!important}}

/* Claim neben dem Logo */
.se26-nav .se26-logo-grp{display:flex;align-items:center;gap:14px;text-decoration:none;color:#f5f5f5}
.se26-nav .se26-claim{font-family:var(--se-sans);font-size:11.5px;line-height:1.25;color:#949494;border-left:1px solid #3d3d3d;padding-left:14px;text-transform:none;letter-spacing:0}
@media(max-width:700px){.se26-nav .se26-claim{display:none}}

/* ---------- Scan-Formular: einladender ---------- */
html[data-se] .scan-form{background:#ffffff!important;border:0!important;border-top:4px solid #0a0a0a!important;padding:clamp(24px,4vw,44px)!important;margin-bottom:56px}
html[data-se] .scan-form h3{font-size:clamp(30px,3.6vw,48px)!important;line-height:1!important;margin:0 0 18px!important;color:#0a0a0a}
.scan-wer{display:flex;align-items:center;gap:12px;margin:0 0 26px;padding:16px;background:#f5f5f5}
.scan-wer img{width:52px;height:52px;object-fit:cover;filter:grayscale(1);flex:none}
.scan-wer img+img{margin-left:-6px}
.scan-wer p{margin:0 0 0 6px;font-size:15px;line-height:1.45;color:#2e2e2e}
.scan-wer p span{display:block;margin-top:4px;font-family:var(--se-display);text-transform:uppercase;letter-spacing:.04em;font-size:12px;color:#5e5e5e}
html[data-se] .scan-form label{font-family:var(--se-sans)!important;text-transform:none!important;letter-spacing:0!important;font-size:15px!important;font-weight:500!important;color:#0a0a0a!important}
html[data-se] .scan-form label i{font-style:normal;font-weight:400;color:#5e5e5e;font-size:13px}
html[data-se] .scan-form input,html[data-se] .scan-form select,html[data-se] .scan-form textarea{background:#ffffff!important;border:1px solid #b5b5b5!important;min-height:56px;font-size:16px!important;padding:14px 16px!important;margin-top:8px}
html[data-se] .scan-form textarea{min-height:84px}
html[data-se] .scan-form input:focus,html[data-se] .scan-form select:focus,html[data-se] .scan-form textarea:focus{border-color:#0a0a0a!important;outline:2px solid #e9f5a0!important;outline-offset:0}
html[data-se] .scan-form #submit{width:100%;justify-content:space-between;min-height:60px!important;font-size:15px!important;margin-top:22px}
.scan-trust{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}
.scan-trust li{position:relative;padding-left:18px;font-size:14px;color:#2e2e2e}
.scan-trust li::before{content:"";position:absolute;left:0;top:.45em;width:9px;height:9px;background:#0a0a0a}

/* Trustpilot-Badge */
.tp-badge{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--se-ink-2,#2e2e2e);text-decoration:none!important}
.tp-badge b{color:var(--se-ink,#0a0a0a);font-weight:500}
.tp-badge svg{display:inline-block;vertical-align:-2px}
.scan-tp{margin-top:18px;padding-top:16px;border-top:1px solid #d3d3d3}

/* ---------- Mobil: alles lesbar, CTA immer sichtbar ---------- */
@media(max-width:560px){.scan-wer{flex-wrap:wrap}.scan-wer p{flex-basis:100%;margin:10px 0 0!important}}
html[data-se] .steck-kopf{background:#ebebeb!important}

/* ---------- Cases: mehr Bild, groessere Zahlen, dunkler Kopf ---------- */
html[data-se] header.head:has(.metric-row),html[data-se] body:has(.ccard) header.head{background:#0a0a0a;padding-top:140px!important;padding-bottom:64px!important;--se-ink:#f5f5f5;--se-ink-2:#d3d3d3;--se-mute:#949494;--se-line:#2c2c2c;--se-surface:#151515;--text:#f5f5f5;--muted:#d3d3d3;--dim:#949494;--line:#2c2c2c;color:#d3d3d3}
html[data-se] header.head:has(.metric-row) h1,html[data-se] body:has(.ccard) header.head h1{color:#f5f5f5}
html[data-se] header.head .hl{background:var(--se-accent);color:#0a0a0a;padding:0 .06em}
html[data-se] header.head .chip{background:transparent!important;border:1px solid #3d3d3d!important;color:#d3d3d3!important}
html[data-se] .metric-row{gap:0!important;border-top:2px solid #f5f5f5;margin-top:32px}
html[data-se] .metric{background:transparent!important;border:0!important;border-right:1px solid #2c2c2c!important;padding:22px 20px 6px 0!important}
html[data-se] .metric .m-val{font-family:var(--se-display)!important;font-weight:400!important;font-size:clamp(40px,4.6vw,72px)!important;line-height:.95!important;color:#f5f5f5!important}
html[data-se] .metric:first-child .m-val{color:var(--se-accent)!important}
html[data-se] .metric .m-lab{color:#f5f5f5!important;font-size:15px!important;margin-top:8px}
html[data-se] .metric .m-base{color:#949494!important;font-size:13px!important}
html[data-se] .chart-card{background:#fff!important;padding:18px!important}
html[data-se] .ccard{padding:0!important;overflow:hidden;display:flex!important;flex-direction:column;gap:10px;background:#fff!important;transition:border-color .2s}
html[data-se] .ccard>*:not(.c-shot){margin-left:22px!important;margin-right:22px!important}
html[data-se] .ccard>*:last-child{margin-bottom:22px!important}
html[data-se] .ccard:hover{border-color:#0a0a0a!important}
html[data-se] .c-shot{aspect-ratio:16/9;overflow:hidden;background:#0a0a0a;border-bottom:1px solid var(--se-line)}
html[data-se] .c-shot img{width:100%;height:100%;object-fit:cover;object-position:top left;filter:grayscale(1) contrast(1.05);transition:filter .3s,transform .5s var(--ease)}
html[data-se] .ccard:hover .c-shot img{filter:none;transform:scale(1.03)}
html[data-se] .ccard .c-metric{font-family:var(--se-display)!important;font-weight:400!important;font-size:clamp(48px,5vw,80px)!important;line-height:.9!important;color:#0a0a0a!important}
html[data-se] .ccard .c-tag{background:transparent!important;border:0!important;padding:0!important;color:#5e5e5e!important;font-family:var(--se-display)!important;text-transform:uppercase;letter-spacing:.04em;font-size:12px;margin-top:6px!important}
html[data-se] .ccard .c-link{font-family:var(--se-display);text-transform:uppercase;letter-spacing:.04em;font-size:13px;color:#0a0a0a!important}
@media(max-width:700px){html[data-se] .metric{border-right:0!important;border-bottom:1px solid #2c2c2c!important}}

/* Termin und Scan: Gruenderfotos als Quadrate, nicht als Ziffern-Marke */
html[data-se] .avatar{display:block!important;position:relative;overflow:hidden;padding:0!important;background:#ebebeb!important}
html[data-se] .avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
html[data-se] .slot .s-av{background:#0a0a0a!important;color:#f5f5f5!important;padding:0!important}
html[data-se] .slot .s-av img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
/* Auf- und Zuklappen: Plus und Minus stehen immer an derselben Stelle (Safari am Mac
   setzte das Zeichen sonst neben den Text, beim Oeffnen sprang es weg). */
details>summary{display:block!important;position:relative!important;padding-right:48px!important;list-style:none}
details>summary::-webkit-details-marker{display:none}
details>summary::after{position:absolute!important;right:4px!important;top:50%!important;transform:translateY(-50%)!important;width:24px!important;text-align:center!important;float:none!important;margin:0!important;line-height:1!important}