/* Nebra Website-Check (/check/) · 05.10.2026
   Nutzt die Tokens aus site.css (--bg, --line, --ink, --ink-mute, --gold …).
   Zentriert, max. 1080 px, helle Karten, ab ~900 px einspaltig. */

.ck-wrap{max-width:1080px;margin:0 auto;padding:0 24px;box-sizing:border-box}
@media(max-width:600px){.ck-wrap{padding:0 16px}}

/* Kopf wie der Startseiten-Hero (05.10.2026): forest.jpg unter weissem
   Schleier .58, Nebel-Ebene lichtet sich, goldene Lichtpunkte (.orb aus
   site.css), schwarze Headline mit leiser Vorzeile. Unten harter Schnitt. */
.opener{
  background-color:#fff;
  background-image:linear-gradient(rgba(255,255,255,.58),rgba(255,255,255,.58)),url('/assets/forest.jpg');
  background-size:cover;background-position:center;background-repeat:no-repeat;
  color:#0B0B0C;border-bottom:1px solid rgba(0,0,0,.12);
}
.opener::before{display:none}
.nb-nebel{position:absolute;inset:0;z-index:-1;pointer-events:none;background:#fff;animation:ckNebelWeg 1.9s var(--ease) both}
@keyframes ckNebelWeg{from{opacity:.34}to{opacity:0}}
.ck-hero{position:relative;padding:176px 0 64px;text-align:center}
.ck-hero .ck-wrap{position:relative;z-index:1}
.ck-title{margin:0 auto 20px;max-width:980px;font-family:var(--display);overflow-wrap:anywhere}
.ck-vor{display:block;margin:0 auto 14px;max-width:760px;font-size:clamp(15px,1.5vw,20px);font-weight:600;line-height:1.35;letter-spacing:0;color:#4A4F57;text-wrap:balance;animation:ckNebelText 1.2s var(--ease) .45s both}
.ck-vor b{color:#111A22;font-weight:700}
@keyframes ckNebelText{from{opacity:0;filter:blur(7px)}to{opacity:1;filter:blur(0)}}
.ck-title em{display:block;font-style:normal;font-weight:800;font-size:clamp(34px,5.6vw,72px);line-height:1.02;letter-spacing:-.022em;color:#000;text-wrap:balance}
.ck-sub{margin:0 auto 32px;max-width:34em;font-size:clamp(16px,1.22vw,18.5px);line-height:1.5;color:#3A3F46;text-wrap:pretty}
/* Eingabe sitzt im Hero, als helles Glas ueber dem Bild */
.ck-hero .ck-entry{text-align:left}
.ck-hero .ck-entry-card{background:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-color:rgba(255,255,255,.7);box-shadow:0 24px 60px -24px rgba(17,26,34,.35),inset 0 1px 0 rgba(255,255,255,.9)}
.ck-hero .ck-hint,.ck-hero .ck-how{color:#3A4452}
@media(max-width:900px){.ck-hero{padding-top:140px}}
@media(max-width:560px){.ck-hero{padding:112px 0 44px}.ck-vor{margin-bottom:11px}}
@media(prefers-reduced-motion:reduce){.nb-nebel,.ck-vor{animation:none}.nb-nebel{opacity:0}}
/* Kopfzeile ueber hellem Hero: dunkle Navi, helles Untermenue (wie Startseite) */
.site-header .nav-links a{color:#3A3F46}
.site-header .nav-links a:hover{color:#000}
.site-header .nav-links .has-drop > a .caret{color:rgb(34,54,79)}
.site-header.scrolled{background:rgba(255,255,255,.90);box-shadow:0 1px 0 rgba(0,0,0,.08);border-color:rgba(0,0,0,.08)}
.site-header .nav-drop{background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);border:1px solid rgba(17,26,34,.10);box-shadow:0 24px 50px -18px rgba(17,26,34,.30);color:rgb(34,54,79)}
.site-header .nav-drop .nd-feld--an{color:#8A6F43}
.site-header .nav-drop a{color:rgb(34,54,79)}
.site-header .nav-drop a:hover{background:rgba(34,54,79,.08);color:rgb(20,34,52)}

.ck{background:var(--bg);padding:40px 0 72px}
.ck-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 28px rgba(15,23,42,.06);box-sizing:border-box}

.ck-demo-banner{max-width:760px;margin:0 auto 20px;padding:12px 16px;border:1px solid #E5D3A8;border-radius:12px;background:#FBF4E3;color:#5A4520;font-size:14px;line-height:1.55}

/* Einstieg */
.ck-entry{max-width:760px;margin:0 auto}
.ck-entry-card{padding:26px 26px 20px}
.ck-label{display:block;margin:0 0 8px;font-weight:700;font-size:15px;color:var(--ink)}
.ck-entry-row{display:flex;gap:10px;flex-wrap:wrap}
.ck-entry-row input{flex:1 1 260px;min-width:0;padding:14px 15px;border:1px solid var(--line-strong);border-radius:10px;font:inherit;font-size:16px;color:var(--ink);background:#fff}
.ck-hint{margin:12px 0 0;font-size:13.5px;color:var(--ink-mute);line-height:1.5}
.ck-msg{margin:10px 0 0;font-size:14px;font-weight:600;color:#B03A2E;min-height:0}
.ck-msg:empty{display:none}
.ck-how{margin:14px 0 0;font-size:14px;color:var(--ink-mute)}
.ck-how summary{cursor:pointer;font-weight:600;color:var(--ink)}
.ck-how ul{margin:10px 0 0;padding-left:20px;line-height:1.6}

/* Buttons */
.ck-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:10px;border:1px solid transparent;font:inherit;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none;transition:filter .15s ease,background .15s ease}
.ck-btn--pri{background:var(--primary);color:#fff}
.ck-btn--pri:hover{filter:brightness(1.12)}
.ck-btn--sec{background:#fff;color:var(--primary);border-color:var(--line-strong)}
.ck-btn--sec:hover{background:var(--primary-soft)}
.ck-btn[disabled]{opacity:.5;cursor:not-allowed;filter:none}
.ck-link{background:none;border:0;padding:0;font:inherit;font-size:14px;color:var(--primary);text-decoration:underline;cursor:pointer}
.ck-btn:focus-visible,.ck-link:focus-visible,.ck-opt input:focus-visible+span,.ck-entry-row input:focus-visible,.ck-steps button:focus-visible,.ck-main textarea:focus-visible,.ck-context summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

/* Fortschritt */
.ck-steps{list-style:none;display:flex;gap:6px;margin:0 auto 18px;padding:0;max-width:1080px;flex-wrap:wrap;justify-content:center}
.ck-steps li{flex:1 1 0;min-width:104px}
.ck-steps button{width:100%;display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink-mute);cursor:pointer}
.ck-steps button[disabled]{cursor:default}
.ck-steps .n{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--bg-tint);font-size:12px;color:var(--ink-mute);flex:none}
.ck-steps li.is-done button{color:var(--ink)}
.ck-steps li.is-done .n{background:var(--gold-soft);color:var(--gold-deep)}
.ck-steps li.is-active button{border-color:var(--primary);color:var(--primary)}
.ck-steps li.is-active .n{background:var(--primary);color:#fff}
@media(max-width:600px){.ck-steps li{min-width:0}.ck-steps button{justify-content:center;padding:8px 4px;font-size:0}.ck-steps button .n{font-size:12px}.ck-steps li.is-active button{font-size:12.5px}}

/* Kontextzeile */
.ck-context{margin:0 0 18px;border:1px solid var(--line);border-radius:14px;background:#fff}
.ck-context summary{display:flex;gap:10px;align-items:baseline;padding:12px 16px;cursor:pointer;font-size:14px;list-style:none}
.ck-context summary::-webkit-details-marker{display:none}
.ck-context summary::after{content:"Details";margin-left:auto;color:var(--primary);font-size:13px;font-weight:600;flex:none}
.ck-context[open] summary::after{content:"Schließen"}
.ck-ctx-dom{font-weight:700;color:var(--ink);flex:none}
.ck-ctx-sum{color:var(--ink-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ck-ctx-body{padding:0 16px 14px;font-size:14px;line-height:1.6;color:var(--ink)}

/* Raster: Hauptkarte + Interessenbox */
.ck-grid{display:grid;grid-template-columns:minmax(0,660px) minmax(0,300px);gap:24px;justify-content:center;align-items:start}
@media(max-width:900px){.ck-grid{grid-template-columns:minmax(0,1fr)}}
.ck-main{padding:28px}
.ck-main:focus{outline:none}
@media(max-width:600px){.ck-main{padding:20px}}
.ck-main h2{margin:0 0 6px;font-family:var(--display);font-size:clamp(21px,2.4vw,26px);line-height:1.25;letter-spacing:-.01em;color:var(--ink)}
.ck-main .ck-lead{margin:0 0 18px;color:var(--ink-mute);font-size:15px;line-height:1.6}
.ck-main h3{margin:22px 0 8px;font-size:16px;color:var(--ink)}
.ck-aside{padding:22px}
.ck-aside h3{margin:0 0 8px;font-size:16px;line-height:1.35;color:var(--ink)}
.ck-aside p{margin:0 0 10px;font-size:14px;line-height:1.6;color:var(--ink-mute)}
.ck-aside .ck-src{font-size:12.5px}
@media(max-width:900px){.ck-aside{padding:18px}.ck-aside p+p{display:none}}

/* Auswahlkarten */
.ck-opts{display:grid;gap:12px;border:0;margin:0;padding:0}
.ck-opts legend{margin:0 0 10px;padding:0;font-weight:700;font-size:16px;color:var(--ink)}
.ck-opts--2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:560px){.ck-opts--2{grid-template-columns:1fr}}
.ck-opt{position:relative;display:block;cursor:pointer}
.ck-opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.ck-opt>span{display:block;height:100%;box-sizing:border-box;padding:15px 16px;border:1.5px solid var(--line);border-radius:12px;background:#fff;transition:border-color .15s ease,background .15s ease}
.ck-opt strong{display:block;font-size:15.5px;color:var(--ink);margin:0 0 4px}
.ck-opt em{display:block;font-style:normal;font-size:14px;line-height:1.5;color:var(--ink-mute)}
.ck-opt input:checked+span{border-color:var(--primary);background:var(--primary-soft)}
.ck-opt:hover>span{border-color:var(--line-strong)}
.ck-badge{display:inline-block;margin:0 0 6px;padding:2px 8px;border-radius:999px;background:var(--gold-soft);color:var(--gold-deep);font-size:11.5px;font-weight:700;letter-spacing:.04em}
.ck-badge--demo{background:#FBF4E3;color:#7A5A1E;border:1px solid #E5D3A8}

.ck-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:22px 0 0}
.ck-actions .ck-link{margin-left:auto}

/* Zusammenfassung / Quellen */
.ck-summary{margin:0 0 6px;font-size:16px;line-height:1.65;color:var(--ink)}
.ck-meta{margin:0 0 14px;font-size:13.5px;color:var(--ink-mute);line-height:1.55}
.ck-unsure{margin:0 0 16px;padding:10px 12px;border-left:3px solid var(--gold);background:var(--gold-soft);font-size:14px;line-height:1.55;color:#5A4520;border-radius:0 8px 8px 0}
.ck-pages{margin:0 0 16px;padding:0;list-style:none;font-size:13.5px}
.ck-pages li{display:flex;gap:8px;padding:5px 0;border-bottom:1px solid var(--bg-tint);color:var(--ink-mute);overflow-wrap:anywhere}
.ck-pages .ok{color:#2E7D52;font-weight:700}
.ck-pages .bad{color:#B03A2E;font-weight:700}
.ck-main textarea{width:100%;box-sizing:border-box;min-height:96px;padding:12px 14px;border:1px solid var(--line-strong);border-radius:10px;font:inherit;font-size:15px;line-height:1.55;color:var(--ink)}
.ck-small{font-size:13px;color:var(--ink-mute);margin:6px 0 0}

/* Ansatzpunkte / Massnahmen */
.ck-finding{margin:0 0 14px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fff}
.ck-finding h4{margin:0 0 8px;font-size:16px;color:var(--ink)}
.ck-finding dl{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;font-size:14px;line-height:1.55}
.ck-finding dt{font-weight:700;color:var(--ink-mute)}
.ck-finding dd{margin:0;color:var(--ink);overflow-wrap:anywhere}
@media(max-width:560px){.ck-finding dl{grid-template-columns:1fr}.ck-finding dd{margin-bottom:6px}}
.ck-quote{font-style:italic;color:#3A4452}
.ck-prio{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:700;margin-left:6px;vertical-align:middle}
.ck-prio--hoch{background:#FBE3DF;color:#9B2C1F}
.ck-prio--mittel{background:var(--gold-soft);color:var(--gold-deep)}
.ck-prio--niedrig{background:var(--bg-tint);color:var(--ink-mute)}

/* Pruefstatus */
.ck-status{list-style:none;margin:0 0 16px;padding:0}
.ck-status li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--bg-tint);font-size:15px;color:var(--ink-mute)}
.ck-status .ic{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid var(--line-strong);box-sizing:border-box;margin-top:1px}
.ck-status li.run{color:var(--ink)}
.ck-status li.run .ic{border-color:var(--primary);border-right-color:transparent;animation:ckSpin .9s linear infinite}
.ck-status li.done{color:var(--ink)}
.ck-status li.done .ic{border-color:#2E7D52;background:#2E7D52 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' stroke='%23fff' stroke-width='3.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.ck-status li.skip .ic{border-style:dashed}
.ck-status li.err{color:#B03A2E}
.ck-status li.err .ic{border-color:#B03A2E}
.ck-status small{display:block;font-size:13px;color:var(--ink-mute);margin-top:2px}
@keyframes ckSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ck-status li.run .ic{animation:none;border-right-color:var(--primary);opacity:.7}}

.ck-cta{margin:22px 0 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
.ck-cta p{margin:0 0 10px;font-size:14.5px;line-height:1.55;color:var(--ink)}
.ck-cta ul{margin:0 0 12px;padding-left:20px;font-size:14px;line-height:1.6;color:var(--ink)}
.ck-restart{text-align:center;margin:22px 0 0}
.ck-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Gesperrte Massnahmen (ab Nr. 6, nur mit Nebra-Lizenz) */
.ck-finding--locked{background:var(--bg);border-style:dashed;color:var(--ink-mute)}
.ck-finding--locked h4{color:#5A6470}
.ck-lock{display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:-2px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6470' stroke-width='2.4' stroke-linecap='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E")}
.ck-blur{display:grid;gap:7px;margin:4px 0 10px}
.ck-blur span{display:block;height:10px;width:100%;border-radius:6px;background:#E4E2D8}
.ck-unlock{margin:6px 0 4px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}

/* ═══ 05.10.2026 · Wortmarke ═══════════════════════════════════════════════
   Die Logo-Stile stehen auf jeder getnebra-Seite inline im head, nicht in
   site.css. Hier fehlten sie, deshalb war das Logo kaputt. Kopie aus
   /seo-optimierung/. */
.nb-logo{display:inline-flex;align-items:center;gap:7px;text-decoration:none;flex:none;line-height:1}
.nb-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#000;flex:none;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.nb-logo:hover .nb-mark{transform:translateY(-1px)}
.nb-mark>svg{width:23px;height:23px;display:block}
.nb-word{font-family:'Roboto',-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-weight:900;font-size:21px;letter-spacing:-.012em;color:#000;white-space:nowrap}
.nb-ai{font-size:.42em;font-weight:900;letter-spacing:.03em;vertical-align:super;margin-left:1px;line-height:0}
footer .nb-word,.nb-logo--dark .nb-word{color:#fff}
footer .nb-mark,.nb-logo--dark .nb-mark{background:#fff}
footer .nb-mark svg g,.nb-logo--dark .nb-mark svg g{fill:#000}
@media(max-width:640px){.nb-mark{width:30px;height:30px;border-radius:8px}.nb-mark>svg{width:20px;height:20px}.nb-word{font-size:18px}}
.nb-logo--sm{gap:5px}
.nb-logo--sm .nb-mark{width:20px;height:20px;border-radius:5px}
.nb-logo--sm .nb-mark>svg{width:14px;height:14px}
.nb-logo--sm .nb-word{font-size:14px}

/* ═══ 05.10.2026 · Ablauf im Hero, als Nebra-App-Fenster ═══════════════════
   Der ganze Check sitzt auf dem Nebelwald. Das Fenster ist helles Glas mit
   macOS-Leiste (Produkt IST eine Mac-App, gleiche Chrome wie #applive auf
   der Startseite). Waehrend der Check arbeitet, pulsiert "arbeitet" in der
   Leiste (per :has, kein JS). */
.ck{display:none}
.ck-hero{padding-bottom:72px}
/* Sobald der Ablauf laeuft: Kopf kompakter, Fenster ist die Buehne */
.ck-hero:has(#ckFunnel:not([hidden])){padding-top:148px}
.ck-hero:has(#ckFunnel:not([hidden])) .ck-sub{display:none}
.ck-hero:has(#ckFunnel:not([hidden])) .ck-title{margin-bottom:28px}
.ck-hero:has(#ckFunnel:not([hidden])) .ck-title em{font-size:clamp(28px,3.6vw,46px)}
.ck-hero .ck-funnel,.ck-hero .ck-demo-banner{text-align:left}
.ck-hero .ck-demo-banner{background:rgba(251,244,227,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

.ck-window{
  max-width:1080px;margin:0 auto;border-radius:18px;overflow:hidden;
  background:rgba(246,248,251,.84);
  -webkit-backdrop-filter:saturate(170%) blur(22px);backdrop-filter:saturate(170%) blur(22px);
  border:1px solid rgba(255,255,255,.75);
  box-shadow:0 50px 120px -40px rgba(16,32,73,.50),0 16px 44px -18px rgba(16,32,73,.25),inset 0 1px 0 rgba(255,255,255,.9);
}
.ck-bar{display:flex;align-items:center;gap:14px;height:46px;padding:0 16px;background:rgba(255,255,255,.72);border-bottom:1px solid #E3E7EE}
.ck-dots{display:flex;gap:7px;flex:none}
.ck-dots i{display:block;width:11px;height:11px;border-radius:50%}
.ck-dots i:nth-child(1){background:#FF5F57}.ck-dots i:nth-child(2){background:#FEBC2E}.ck-dots i:nth-child(3){background:#28C840}
.ck-bar-title{display:inline-flex;align-items:center;gap:10px;flex:none}
.ck-bar-sep{font-size:12.5px;font-weight:600;color:#6B7280;padding-left:10px;border-left:1px solid #DCE1E8}
.ck-bar-url{flex:1;min-width:0;max-width:360px;margin:0 auto;padding:5px 12px 5px 30px;border-radius:8px;background:#EEF1F5;font-size:12.5px;font-weight:600;color:#3A4452;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E9E5B' stroke-width='2.4' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:11px center;background-size:12px}
.ck-bar-url:empty{visibility:hidden}
.ck-live{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#9AA3AF}
.ck-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#C5CCD6}
.ck-window:has(.ck-status li.run) .ck-live{color:#2E9E5B}
.ck-window:has(.ck-status li.run) .ck-live::before{background:#34C759;animation:ckPulse 1.8s ease-out infinite}
@keyframes ckPulse{0%{box-shadow:0 0 0 0 rgba(52,199,89,.55)}100%{box-shadow:0 0 0 9px rgba(52,199,89,0)}}
.ck-body{padding:22px 24px 26px}
@media(max-width:700px){.ck-bar-sep,.ck-live{display:none}.ck-body{padding:14px 12px 16px}.ck-bar{gap:10px;padding:0 12px}}

/* Schritt-Leiste: Segmentleiste, aktiver Schritt hebt sich als weisse Kachel */
.ck-steps{gap:4px;padding:4px;margin:0 0 16px;max-width:none;background:rgba(17,26,34,.06);border-radius:12px;flex-wrap:nowrap}
.ck-steps li{min-width:0}
.ck-steps button{border:0;background:transparent;border-radius:9px;padding:9px 10px;justify-content:center;transition:background .2s ease,box-shadow .2s ease,color .2s ease}
.ck-steps li.is-active button{background:#fff;color:#111A22;box-shadow:0 2px 10px -3px rgba(16,32,73,.25)}
.ck-steps li.is-active .n{background:#111A22;color:#fff}
.ck-steps li.is-done button{color:#111A22}
.ck-steps li.is-done .n{background:#C2A677 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' stroke='%23fff' stroke-width='3.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;color:transparent}
.ck-steps li.is-done button:not([disabled]):hover{background:rgba(255,255,255,.6)}

.ck-context{background:rgba(255,255,255,.75);border-color:#E3E7EE}
.ck-grid{grid-template-columns:minmax(0,1fr) 300px;gap:18px}
@media(max-width:900px){.ck-grid{grid-template-columns:minmax(0,1fr)}}
.ck-body .ck-card{border-color:#E3E7EE;box-shadow:0 1px 2px rgba(16,32,73,.05),0 10px 30px -18px rgba(16,32,73,.25)}

/* Hauptkarte: Schritt-Kicker + Auftritt beim Schrittwechsel */
.ck-main{padding:30px 32px}
@media(max-width:600px){.ck-main{padding:20px 18px}}
.ck-main[data-step] h2::before{display:block;margin:0 0 8px;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#A88A56}
.ck-main[data-step="1"] h2::before{content:"Schritt 1 von 5 · Verstehen"}
.ck-main[data-step="2"] h2::before{content:"Schritt 2 von 5 · Ziel"}
.ck-main[data-step="3"] h2::before{content:"Schritt 3 von 5 · Ansatzpunkte"}
.ck-main[data-step="4"] h2::before{content:"Schritt 4 von 5 · Prüfung"}
.ck-main[data-step="5"] h2::before{content:"Schritt 5 von 5 · Dein Plan"}
.ck-main h2{font-size:clamp(23px,2.6vw,30px);font-weight:800;letter-spacing:-.02em}
.ck-main.ck-in>*{animation:ckRein .45s var(--ease) both}
.ck-main.ck-in>*:nth-child(2){animation-delay:.04s}.ck-main.ck-in>*:nth-child(3){animation-delay:.08s}.ck-main.ck-in>*:nth-child(4){animation-delay:.12s}.ck-main.ck-in>*:nth-child(n+5){animation-delay:.16s}
@keyframes ckRein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Seitenliste als Mini-Protokoll */
.ck-pages{border:1px solid #E3E7EE;border-radius:12px;padding:4px 14px;background:#FAFBFC}
.ck-pages li:last-child{border-bottom:0}
.ck-summary{font-size:17px;padding:16px 18px;border-radius:12px;background:#F6F8FB;border-left:3px solid #111A22}

/* Auswahlkarten mit Radio-Punkt */
.ck-opt>span{position:relative;padding:16px 46px 16px 18px;border-radius:14px;transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease}
.ck-opt>span::after{content:"";position:absolute;top:17px;right:16px;width:18px;height:18px;border-radius:50%;border:2px solid #C9CFD8;box-sizing:border-box;background:#fff;transition:all .15s ease}
.ck-opt:hover>span{transform:translateY(-1px);box-shadow:0 8px 20px -14px rgba(16,32,73,.4)}
.ck-opt input:checked+span{border-color:#111A22;background:#fff;box-shadow:0 0 0 1px #111A22,0 10px 24px -16px rgba(16,32,73,.5)}
.ck-opt input:checked+span::after{border:5px solid #111A22}
.ck-opt em b{color:#111A22}

/* Buttons: schwarz wie die Bildmarke, Pfeil am Hauptknopf */
.ck-btn{border-radius:11px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,filter .15s ease}
.ck-btn--pri{background:#111A22;box-shadow:0 10px 22px -12px rgba(17,26,34,.7)}
.ck-btn--pri:not([disabled]):hover{transform:translateY(-1px);filter:none;background:#000}
.ck-body .ck-btn--pri::after,.ck-entry .ck-btn--pri::after{content:"→";font-weight:700;transition:transform .15s ease}
.ck-btn--pri:not([disabled]):hover::after{transform:translateX(3px)}
.ck-btn--sec{color:#111A22}

/* Methodenkarte rechts */
.ck-aside{padding:22px;background:#fff;position:sticky;top:96px}
.ck-who{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid #EEF1F5}
.ck-who img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:top;background:#EFE8DA;flex:none}
.ck-who span{display:flex;flex-direction:column;font-size:12.5px;color:#6B7280;line-height:1.35}
.ck-who strong{font-size:14px;color:#111A22}
.ck-aside h3{font-size:17px;letter-spacing:-.01em}
@media(max-width:900px){.ck-aside{position:static}}

/* Pruefung: Fortschrittsbalken + Lauflicht */
.ck-meter{height:6px;margin:6px 0 18px;border-radius:99px;background:#EEF1F5;overflow:hidden}
.ck-meter span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#A88A56,#E8C674);transition:width .6s var(--ease);position:relative;overflow:hidden;min-width:6px}
.ck-meter.is-run span::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:ckLauf 1.3s linear infinite}
@keyframes ckLauf{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.ck-status{border:1px solid #E3E7EE;border-radius:14px;padding:4px 16px;background:#FAFBFC}
.ck-status li:last-child{border-bottom:0}
.ck-status li.done .ic{border-color:#2E9E5B;background-color:#2E9E5B}
.ck-status li.run{font-weight:600}
.ck-status li.run .ic{border-color:#111A22;border-right-color:transparent}

/* Massnahmen: nummeriert, Prioritaet als Kante links */
.ck-main[data-step="5"]{counter-reset:ckm}
.ck-finding{position:relative;padding:20px 22px 18px 64px;border-radius:16px;border-color:#E3E7EE;box-shadow:0 10px 26px -20px rgba(16,32,73,.5)}
.ck-finding:not(.ck-finding--locked){counter-increment:ckm}
.ck-finding:not(.ck-finding--locked)::before{content:counter(ckm,decimal-leading-zero);position:absolute;left:20px;top:18px;font-size:22px;font-weight:900;letter-spacing:-.03em;color:#C2A677;line-height:1}
.ck-finding::after{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:#D4D1C1}
.ck-finding:has(.ck-prio--hoch)::after{background:#C0392B}
.ck-finding:has(.ck-prio--mittel)::after{background:#C2A677}
.ck-finding h4{font-size:17px;letter-spacing:-.01em;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.ck-finding h4 .ck-prio{margin-left:0}
.ck-finding dl{margin-top:4px}
.ck-finding .ck-quote{background:#FBF4E3;border-radius:6px;padding:2px 6px;font-style:normal;color:#5A4520;box-decoration-break:clone;-webkit-box-decoration-break:clone}
@media(max-width:560px){.ck-finding{padding:18px 16px 16px 16px}.ck-finding:not(.ck-finding--locked)::before{position:static;display:block;margin:0 0 8px}}
.ck-finding--locked{padding-left:22px;background:repeating-linear-gradient(135deg,#FAFBFC 0 10px,#F4F6F9 10px 20px)}
.ck-blur span{background:#DCE1E8;filter:blur(2px)}

/* Abschluss: dunkle Kachel, Hauptknopf in Gold */
.ck-cta{padding:24px;border:0;border-radius:16px;background:#0F3144;color:#fff;box-shadow:0 24px 50px -26px rgba(15,49,68,.8)}
.ck-cta p,.ck-cta ul{color:rgba(255,255,255,.9)}
.ck-cta strong{color:#fff}
.ck-cta .ck-small{color:rgba(255,255,255,.66)}
.ck-cta .ck-btn--pri{background:#C2A677;color:#111A22;box-shadow:0 10px 24px -12px rgba(194,166,119,.8)}
.ck-cta .ck-btn--pri:hover{background:#D4BA8E}
.ck-cta .ck-btn--sec{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.ck-cta .ck-btn--sec:hover{background:rgba(255,255,255,.08)}
.ck-restart{margin-top:26px}
.ck-hero .ck-restart .ck-link{color:#111A22;font-weight:600}
@media(prefers-reduced-motion:reduce){.ck-main.ck-in>*,.ck-meter.is-run span::after,.ck-window:has(.ck-status li.run) .ck-live::before{animation:none}}

/* ═══ 05.10.2026 · Leaner (David: "zu viel Boxen") ══════════════════════════
   Eine einzige Glasflaeche, darin keine Karten mehr. Gliederung nur noch
   ueber Haarlinien, Abstand und Schrift. Einzige Box bleibt die dunkle
   Abschlusskachel (Ziel der Seite). Zurueck: check.css.bak-lean-20261005. */

/* Fenster: ruhiger, Leiste ohne Ampel und ohne Adress-Pille */
.ck-window{background:rgba(255,255,255,.80);border-radius:20px;box-shadow:0 40px 100px -50px rgba(16,32,73,.45);border:1px solid rgba(255,255,255,.8)}
.ck-dots{display:none}
.ck-bar{height:auto;padding:16px 28px;background:transparent;border-bottom:1px solid rgba(17,26,34,.08);gap:12px}
.ck-bar-sep{border-left:0;padding-left:0;color:#9AA3AF;font-weight:500}
.ck-bar-sep::before{content:"/ ";color:#C9CFD8}
.ck-bar-url{flex:0 1 auto;max-width:none;margin:0;padding:0;background:none;text-align:left;color:#111A22;font-weight:600}
.ck-bar-url::before{content:"/ ";color:#C9CFD8;font-weight:500}
.ck-live{margin-left:auto}
.ck-body{padding:8px 28px 32px}
@media(max-width:700px){.ck-bar{padding:12px 16px}.ck-body{padding:4px 16px 20px}}

/* Schrittleiste bleibt als Segmentleiste (David: "Schritte 1-5 sehen gut aus"). */
.ck-steps{margin:8px 0 6px}

/* Kontextzeile: nur eine Zeile, keine Box */
.ck-context{background:none;border:0;border-bottom:1px solid rgba(17,26,34,.08);border-radius:0;margin:0}
.ck-context summary{padding:12px 0}
.ck-ctx-body{padding:0 0 14px}

/* Haupt + Seite: keine Karten, Spalte rechts nur durch eine Linie getrennt */
.ck-body .ck-card{background:none;border:0;box-shadow:none;border-radius:0}
.ck-grid{gap:0;grid-template-columns:minmax(0,1fr) 280px}
.ck-main{padding:30px 36px 6px 0}
.ck-aside{padding:30px 0 0 28px;border-left:1px solid rgba(17,26,34,.08)!important;position:static}
@media(max-width:900px){.ck-grid{grid-template-columns:minmax(0,1fr)}.ck-main{padding:24px 0 4px}.ck-aside{border-left:0!important;border-top:1px solid rgba(17,26,34,.08)!important;padding:20px 0 0;margin-top:20px}}
.ck-who{border-bottom:0;padding-bottom:0}
.ck-who img{width:38px;height:38px}
.ck-aside h3{font-size:15.5px}

/* Inhalte ohne Kaesten */
.ck-pages{border:0;padding:0;background:none}
.ck-pages li{border-bottom:1px solid rgba(17,26,34,.06)}
.ck-summary{padding:0;background:none;border:0;font-size:clamp(17px,1.6vw,19px);line-height:1.6}
.ck-unsure{background:none;border-left:2px solid #C2A677;border-radius:0;padding:2px 0 2px 14px}
.ck-status{border:0;padding:0;background:none}
.ck-status li{border-bottom:1px solid rgba(17,26,34,.06)}

/* Auswahl: Zeilen mit Radio-Punkt statt Karten */
.ck-opts{gap:0;border-top:1px solid rgba(17,26,34,.08)}
.ck-opts--2{gap:0 28px;border-top:0}
.ck-opts--2 .ck-opt{border-top:1px solid rgba(17,26,34,.08)}
.ck-opt>span{border:0;border-radius:0;background:none!important;box-shadow:none!important;transform:none!important;padding:16px 0 16px 34px;border-bottom:1px solid rgba(17,26,34,.08)}
.ck-opts--2 .ck-opt>span{border-bottom:0}
.ck-opt>span::after{left:0;right:auto;top:19px}
.ck-opt:hover strong{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.ck-opt input:checked+span strong{color:#000}

/* Massnahmen: Liste mit Haarlinien, Nummer bleibt */
.ck-finding{border:0;border-top:1px solid rgba(17,26,34,.08);border-radius:0;box-shadow:none;background:none;margin:0;padding:22px 0 20px 52px}
.ck-finding::after{display:none}
.ck-finding:not(.ck-finding--locked)::before{left:0;top:22px;font-size:20px}
.ck-finding h4 .ck-prio{background:none;padding:0;font-weight:600;font-size:12.5px}
.ck-prio--hoch{color:#B03A2E!important}.ck-prio--mittel{color:#8A6E3C!important}.ck-prio--niedrig{color:#6B7280!important}
.ck-finding .ck-quote{background:none;padding:0;font-style:italic;color:#3A4452}
.ck-finding--locked{background:none;padding-left:52px;opacity:.6}
.ck-finding--locked h4{color:#3A4452}
.ck-blur span{height:7px;background:rgba(17,26,34,.08)}
.ck-unlock{border:0;border-top:1px solid rgba(17,26,34,.08);border-radius:0;padding:20px 0 0;background:none}
@media(max-width:560px){.ck-finding,.ck-finding--locked{padding-left:0}}

/* Meter duenner */
.ck-meter{height:3px;margin:4px 0 14px}

/* ═══ 05.10.2026 · Eine Frage pro Schritt (6 Schritte) ═════════════════════ */
.ck-main[data-step="1"] h2::before{content:"Schritt 1 von 6"}
.ck-main[data-step="2"] h2::before{content:"Schritt 2 von 6"}
.ck-main[data-step="3"] h2::before{content:"Schritt 3 von 6"}
.ck-main[data-step="4"] h2::before{content:"Schritt 4 von 6"}
.ck-main[data-step="5"] h2::before{content:"Schritt 5 von 6"}
.ck-main[data-step="6"] h2::before{content:"Schritt 6 von 6 · Dein Plan"}
.ck-main h2{font-size:clamp(26px,3vw,36px);margin-bottom:22px}

/* Grosse Antwortflaechen: ein Klick fuehrt weiter */
.ck-opts--big{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;border-top:0}
.ck-opts--big .ck-opt>span{padding:22px 22px 22px 52px;border:1px solid rgba(17,26,34,.12)!important;border-radius:14px;background:rgba(255,255,255,.7)!important;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.ck-opts--big .ck-opt>span::after{left:20px;top:24px}
.ck-opts--big .ck-opt:hover>span{border-color:#111A22!important;background:#fff!important;transform:translateY(-2px)!important}
.ck-opts--big .ck-opt:hover strong{text-decoration:none}
.ck-opts--big .ck-opt input:checked+span{border-color:#111A22!important;background:#fff!important}
.ck-opts--big .ck-opt strong{font-size:18px;margin:0}
.ck-opts--big .ck-opt em{margin-top:4px}
.ck-opts--big .ck-badge{position:absolute;top:-9px;right:14px;margin:0}

/* Fokus-Liste: Titel + ein Satz */
.ck-main[data-step="4"] .ck-opt strong{font-size:16.5px}

.ck-summary{font-size:clamp(19px,1.9vw,23px);line-height:1.5;color:#111A22;margin-bottom:10px}
.ck-back{color:#6B7280!important;text-decoration:none!important;font-weight:600;margin-right:8px}
.ck-back::before{content:"← "}
.ck-back:hover{color:#111A22!important}
.ck-actions{margin-top:26px}
.ck-actions .ck-link{margin-left:0}

/* Gelesene Seiten: zugeklappt, eine leise Zeile */
.ck-more{margin:28px 0 0;font-size:13.5px;color:#6B7280}
.ck-more summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px}
.ck-more summary::-webkit-details-marker{display:none}
.ck-more summary::before{content:"";width:7px;height:7px;border-radius:50%;background:#2E9E5B}
.ck-more summary::after{content:"anzeigen";text-decoration:underline;text-underline-offset:3px}
.ck-more[open] summary::after{content:"ausblenden"}
.ck-more .ck-pages{margin:10px 0 0}

/* ═══ 05.10.2026 · Knoepfe durchgaengig (David: "die Buttons in Folge noch besser") ═══
   Alle Antworten als gleiche Kacheln (auch Fokus), alle Aktionen als gleiche
   Knopf-Familie: Hauptknopf schwarz, gross, Pfeil; Nebenknopf als ruhige Kontur. */

/* Fokus-Auswahl: dieselben Kacheln, untereinander */
.ck-opts--list{grid-template-columns:1fr;gap:10px}
.ck-opts--list .ck-opt>span{padding:18px 22px 18px 52px}
.ck-opts--list .ck-opt>span::after{top:21px}
.ck-opts--list .ck-opt em{font-size:14.5px;line-height:1.5}

/* Kacheln: Pfeil rechts erscheint beim Ueberfahren (Klick fuehrt weiter) */
.ck-opts--big .ck-opt>span{padding-right:48px}
.ck-opts--big .ck-opt>span::before{content:"→";position:absolute;right:20px;top:50%;transform:translate(-6px,-50%);opacity:0;font-weight:700;color:#111A22;transition:opacity .15s ease,transform .15s ease}
.ck-opts--big .ck-opt:hover>span::before,.ck-opts--big .ck-opt input:focus-visible+span::before{opacity:1;transform:translate(0,-50%)}
.ck-opts--big .ck-opt input:checked+span::before{opacity:1;transform:translate(0,-50%)}
.ck-opts--big .ck-opt input:focus-visible+span{outline:3px solid #C2A677;outline-offset:2px}

/* Knopf-Familie */
.ck-body .ck-btn{min-height:50px;padding:14px 26px;font-size:16px;border-radius:999px;letter-spacing:-.005em}
.ck-body .ck-btn--pri{background:#111A22;color:#fff;box-shadow:0 12px 26px -14px rgba(17,26,34,.8)}
.ck-body .ck-btn--pri:not([disabled]):hover{background:#000;transform:translateY(-1px);box-shadow:0 16px 30px -14px rgba(17,26,34,.85)}
.ck-body .ck-btn--sec{background:transparent;color:#111A22;border:1.5px solid rgba(17,26,34,.22)}
.ck-body .ck-btn--sec:hover{background:rgba(17,26,34,.04);border-color:#111A22}
.ck-body .ck-actions{gap:12px;align-items:center}
@media(max-width:560px){
  .ck-body .ck-actions{flex-direction:column-reverse;align-items:stretch}
  .ck-body .ck-actions .ck-btn{width:100%}
  .ck-body .ck-actions .ck-back{align-self:center;margin:4px 0 0}
}
/* Abschluss auf dunklem Grund: Gold + Kontur, gleiche Form */
.ck-body .ck-cta .ck-btn--pri{background:#C2A677;color:#111A22;box-shadow:0 12px 26px -12px rgba(194,166,119,.8)}
.ck-body .ck-cta .ck-btn--pri:hover{background:#D4BA8E}
.ck-body .ck-cta .ck-btn--sec{color:#fff;border-color:rgba(255,255,255,.4)}
.ck-body .ck-cta .ck-btn--sec:hover{background:rgba(255,255,255,.08);border-color:#fff}
/* Einstiegsknopf im Hero passt dazu */
.ck-entry .ck-btn--pri{min-height:52px;padding:14px 26px;font-size:16px;border-radius:999px}
.ck-entry-row input{border-radius:999px;padding:14px 20px}

/* ═══ 05.10.2026 · Auswahlkarten statt Formularzeilen (Schritt 2 + 3) ═══════
   David: "Mehr Sichtbarkeit / Mehr Anfragen sieht nicht gut aus". Nur zwei
   Woerter neben einem Radio-Punkt wirkten leer und nach Formular. Jetzt:
   Symbol oben, Titel, eine Kurzzeile. Kein Radio-Punkt, der Klick fuehrt
   ohnehin weiter. Gewaehlt = schwarze Kante + Haken. Fokus-Liste (Schritt 4)
   bleibt als Zeilenliste. */
.ck-opts--big:not(.ck-opts--list){grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.ck-opts--big:not(.ck-opts--list) .ck-opt>span{display:flex;flex-direction:column;justify-content:flex-start;min-height:150px;padding:20px 20px 20px!important}
.ck-opts--big:not(.ck-opts--list) .ck-opt>span::after{content:"";position:static;order:-1;display:block;width:44px;height:44px;margin:0 0 18px;border:0;border-radius:12px;background:#F1F3F6 center/24px no-repeat}
.ck-opts--big:not(.ck-opts--list) .ck-opt input:checked+span::after{border:0;background-color:#F5EEE0}
.ck-opts--big .ck-opt:has(input[value="shop"])>span::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111A22' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l-1 13H7L6 7Z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/svg%3E")}
.ck-opts--big .ck-opt:has(input[value="website"])>span::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111A22' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='M7 6.5h.01M10 6.5h.01'/%3E%3C/svg%3E")}
.ck-opts--big .ck-opt:has(input[value="sales"])>span::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111A22' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11h10.2L20 8H6.2'/%3E%3Ccircle cx='9' cy='19' r='1.4'/%3E%3Ccircle cx='17' cy='19' r='1.4'/%3E%3C/svg%3E")}
.ck-opts--big .ck-opt:has(input[value="leads"])>span::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111A22' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4V5Z'/%3E%3Cpath d='M8 10h8M8 13h5'/%3E%3C/svg%3E")}
.ck-opts--big .ck-opt:has(input[value="visibility"])>span::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111A22' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.3-4.3'/%3E%3C/svg%3E")}
.ck-opts--big:not(.ck-opts--list) .ck-opt strong{font-size:19px;line-height:1.25;letter-spacing:-.01em}
.ck-opts--big:not(.ck-opts--list) .ck-opt em{margin-top:6px;font-size:14.5px;color:#6B7280}
/* Pfeil oben rechts beim Ueberfahren, Haken wenn gewaehlt */
.ck-opts--big:not(.ck-opts--list) .ck-opt>span::before{top:22px;right:20px;transform:translate(-6px,0)}
.ck-opts--big:not(.ck-opts--list) .ck-opt:hover>span::before{transform:translate(0,0)}
.ck-opts--big:not(.ck-opts--list) .ck-opt input:checked+span::before{content:"";opacity:1;transform:none;width:22px;height:22px;border-radius:50%;background:#111A22 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' stroke='%23fff' stroke-width='3.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.ck-opts--big:not(.ck-opts--list) .ck-opt input:checked+span{box-shadow:0 0 0 1px #111A22}
.ck-opts--big .ck-badge{top:-10px;left:20px;right:auto}
@media(max-width:560px){
  .ck-opts--big:not(.ck-opts--list){grid-template-columns:1fr 1fr;gap:10px}
  .ck-opts--big:not(.ck-opts--list) .ck-opt>span{min-height:132px;padding:16px!important}
  .ck-opts--big:not(.ck-opts--list) .ck-opt strong{font-size:16.5px}
  .ck-opts--big:not(.ck-opts--list) .ck-opt em{font-size:13.5px}
}
/* "Ich verkaufe auch direkt" ruhig unter den Karten */
.ck-main[data-step="3"] .ck-small{margin-top:16px}
.ck-main[data-step="3"] .ck-small input{accent-color:#111A22;margin-right:6px;vertical-align:-1px}

/* ═══ 05.10.2026 · Schritte UEBER der Box, als feine Linie mit runden Knoepfen ═══
   David: "pack die Schritte in feinen Linien und Buttons ueber die Box".
   Die Leiste sitzt jetzt vor .ck-window direkt auf dem Waldbild. Erledigte
   Strecke = dunkle Linie, offene = helle. Erledigte Schritte bleiben klickbar. */
.ck-funnel>.ck-steps{display:flex;flex-wrap:nowrap;gap:0;max-width:760px;margin:0 auto 26px;padding:0;background:none;border:0;border-radius:0;list-style:none}
.ck-funnel>.ck-steps li{flex:1 1 0;min-width:0;position:relative}
.ck-funnel>.ck-steps li::before{content:"";position:absolute;top:16px;left:-50%;right:50%;height:1px;background:rgba(17,26,34,.20);z-index:0}
.ck-funnel>.ck-steps li:first-child::before{display:none}
.ck-funnel>.ck-steps li.is-done::before,.ck-funnel>.ck-steps li.is-active::before{background:#111A22}
.ck-funnel>.ck-steps button{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:0!important;border-radius:0;background:none!important;box-shadow:none!important;font-size:13px;font-weight:600;color:#5A6470;cursor:default}
.ck-funnel>.ck-steps .n{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;border:1px solid rgba(17,26,34,.25);background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#5A6470;font-size:13px;font-weight:700;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.ck-funnel>.ck-steps li.is-active button{color:#111A22;font-weight:700}
.ck-funnel>.ck-steps li.is-active .n{background:#111A22;border-color:#111A22;color:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.75),0 6px 16px -6px rgba(17,26,34,.6)}
.ck-funnel>.ck-steps li.is-done button{color:#111A22}
.ck-funnel>.ck-steps li.is-done .n{border-color:#111A22;color:transparent;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' stroke='%23111A22' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.ck-funnel>.ck-steps li.is-done button:not([disabled]){cursor:pointer}
.ck-funnel>.ck-steps li.is-done button:not([disabled]):hover .n{transform:translateY(-2px);box-shadow:0 6px 14px -6px rgba(17,26,34,.5)}
@media(max-width:560px){
  .ck-funnel>.ck-steps{margin-bottom:20px}
  .ck-funnel>.ck-steps button{font-size:11px!important;gap:6px;padding:0!important}
  .ck-funnel>.ck-steps .n{width:28px;height:28px;font-size:12px!important}
  .ck-funnel>.ck-steps li::before{top:14px}
}
/* Box beginnt jetzt direkt mit der Frage */
.ck-body{padding-top:4px}

/* ═══ 05.10.2026 · Weniger Luft oben (David: "100px Padding raus, ans Titel anschmiegen") ═══
   Im laufenden Check sitzt der Titel jetzt knapp unter der Navi (vorher 148px),
   Schritte und Box ruecken direkt an den Titel. scroll-margin haelt die
   Schrittleiste beim automatischen Scrollen unter der festen Kopfzeile frei. */
.ck-hero:has(#ckFunnel:not([hidden])){padding-top:108px}
.ck-hero:has(#ckFunnel:not([hidden])) .ck-title{margin-bottom:18px}
.ck-hero:has(#ckFunnel:not([hidden])) .ck-vor{margin-bottom:8px}
#ckFunnel{scroll-margin-top:92px}
@media(max-width:560px){.ck-hero:has(#ckFunnel:not([hidden])){padding-top:92px}}

/* ═══ 05.10.2026 · Plan: Uebersicht oben, Massnahmen zum Aufklappen ═══════ */
.ck-plan-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin:0 0 22px;padding:0 0 22px;border-bottom:1px solid rgba(17,26,34,.08)}
.ck-plan-sum{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:0;padding:0;font-size:14.5px;color:#5A6470}
.ck-plan-sum b{font-size:22px;font-weight:800;color:#111A22;margin-right:4px;letter-spacing:-.02em}
.ck-plan-sum .lk b{color:#A88A56}
.ck-plan-buy{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.ck-plan-buy span{font-size:12.5px;color:#6B7280}
@media(max-width:600px){.ck-plan-buy{width:100%;align-items:stretch;text-align:center}}

.ck-acc{list-style:none;margin:0;padding:0;border-top:1px solid rgba(17,26,34,.08)}
.ck-acc>li{border-bottom:1px solid rgba(17,26,34,.08)}
.ck-acc-item>summary,.ck-acc-item.is-locked{display:flex;align-items:center;gap:14px;padding:15px 4px;list-style:none;cursor:pointer;font-size:16px;font-weight:600;color:#111A22}
.ck-acc-item>summary::-webkit-details-marker{display:none}
.ck-acc-item>summary::after{content:"";flex:none;width:9px;height:9px;margin-left:4px;border-right:2px solid #111A22;border-bottom:2px solid #111A22;transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s ease}
.ck-acc-item[open]>summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.ck-acc-item>summary:hover .tt{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.ck-acc-item>summary:focus-visible{outline:3px solid #C2A677;outline-offset:2px;border-radius:6px}
.ck-acc .no{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#111A22;color:#fff;font-size:13px;font-weight:700}
.ck-acc .tt{flex:1;min-width:0;line-height:1.4}
.ck-acc .ck-prio{flex:none;margin:0;padding:3px 10px;font-size:12px;font-weight:700;border-radius:999px;text-transform:capitalize}
.ck-acc .ck-prio--hoch{background:#FBE3DF;color:#9B2C1F!important}
.ck-acc .ck-prio--mittel{background:#F5EEE0;color:#7A5A1E!important}
.ck-acc .ck-prio--niedrig{background:#EEF1F5;color:#5A6470!important}
.ck-acc-item dl{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px 18px;margin:0 0 18px 42px;font-size:14.5px;line-height:1.6}
.ck-acc-item dt{color:#6B7280;font-weight:600}
.ck-acc-item dd{margin:0;color:#111A22;overflow-wrap:anywhere}
.ck-acc-item .ck-quote{font-style:italic;color:#3A4452}
@media(max-width:600px){.ck-acc-item dl{grid-template-columns:1fr;gap:2px;margin-left:0}.ck-acc-item dd{margin-bottom:10px}.ck-acc .ck-prio{display:none}}
/* gesperrt: sichtbar, aber zu */
.ck-acc-item.is-locked{cursor:default;color:#9AA3AF;font-weight:500}
.ck-acc-item.is-locked .no{background:#E4E7EC;color:#6B7280}
.ck-acc-item.is-locked .tt{filter:blur(.4px)}
.ck-acc-item.is-locked .ck-lock{margin:0;flex:none}
.ck-lk-txt{flex:none;font-size:12.5px;font-weight:600;color:#A88A56}
.ck-lic{margin-top:16px}
.ck-lic .ck-unlock{border:0;padding:12px 0 0;margin:0}
.ck-main[data-step="6"] .ck-cta{margin-top:30px}
.ck-dl{margin:16px 0 0;font-size:13.5px;color:#9AA3AF}
.ck-dl .ck-link{font-size:13.5px;color:#5A6470}

/* ═══ 05.10.2026 · Kontext als Tooltip neben "arbeitet" ═══════════════════ */
.ck-tip{position:relative;flex:none}
.ck-tip>summary{list-style:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(17,26,34,.3);font:italic 700 12px/1 Georgia,serif;color:#5A6470;cursor:pointer;user-select:none}
.ck-tip>summary::-webkit-details-marker{display:none}
.ck-tip>summary:hover,.ck-tip[open]>summary{border-color:#111A22;color:#111A22}
.ck-tip>summary:focus-visible{outline:3px solid #C2A677;outline-offset:2px}
.ck-tip-pop{position:absolute;right:-8px;top:calc(100% + 12px);z-index:20;width:min(340px,80vw);padding:16px 18px;border-radius:14px;background:#111A22;color:#fff;font-size:14px;line-height:1.55;text-align:left;box-shadow:0 20px 44px -16px rgba(17,26,34,.6)}
.ck-tip-pop::before{content:"";position:absolute;top:-6px;right:14px;width:12px;height:12px;background:#111A22;transform:rotate(45deg)}
.ck-tip-pop p{margin:0 0 8px}
.ck-tip-pop p:last-child{margin:0}
.ck-tip-pop strong{color:#fff}
.ck-tip-pop em{color:rgba(255,255,255,.6)}
.ck-tip-pop .ck-link{color:#E3CD9E;font-size:13.5px}
/* Hover oeffnet auf Geraeten mit Maus, Klick ueberall */
.ck-tip:not([open]) .ck-tip-pop{display:none}
@media(hover:hover){.ck-tip:hover .ck-tip-pop{display:block}.ck-tip:hover::after{content:"";position:absolute;top:100%;right:0;width:40px;height:14px}}
@media(max-width:700px){.ck-live{display:inline-flex;font-size:0;gap:0}.ck-live::before{margin:0}}

/* ═══ 05.10.2026 · Wald bleibt auch auf der langen Ergebnisseite ═══════════
   Mit cover auf einer sehr hohen Flaeche (Plan mit vielen Massnahmen) wurde
   forest.jpg riesig aufgezoomt, das Gruen verschwamm. Auf Geraeten mit Maus
   steht das Bild jetzt fest im Fenster und scrollt nicht mit, damit bleibt es
   in Originalgroesse hinter jedem Schritt. Touch-Geraete (iOS kann fixed nicht)
   behalten cover, dort oben verankert. */
@media(hover:hover) and (min-width:900px){
  .opener{background-attachment:fixed,fixed;background-size:cover,cover;background-position:center,center}
}
@media not all and (hover:hover){
  .opener{background-position:center top}
}

/* ═══ 05.10.2026 · Feinschliff Plan + Kopf ════════════════════════════════
   "Schritt X von 6" raus (steht in der Leiste), weniger Luft oben,
   Teamempfehlung im ersten Bildschirm des Plans. */
.ck-main[data-step] h2::before{content:none!important;display:none!important}
.ck-hero:has(#ckFunnel:not([hidden])){padding-top:96px}
.ck-hero:has(#ckFunnel:not([hidden])) .ck-title{margin-bottom:14px}
.ck-funnel>.ck-steps{margin-bottom:20px}
.ck-main{padding-top:24px}
.ck-main h2{margin-top:0}
@media(max-width:560px){.ck-hero:has(#ckFunnel:not([hidden])){padding-top:84px}}

.ck-team{display:flex;align-items:center;gap:16px;margin:0 0 22px;padding:16px 18px;border-radius:14px;background:#F5EEE0}
.ck-team-av{display:flex;flex:none}
.ck-team-av i{display:grid;place-items:center;width:38px;height:38px;margin-left:-10px;border-radius:50%;border:2px solid #F5EEE0;background:#111A22;color:#fff;font-style:normal;font-size:12.5px;font-weight:700}
.ck-team-av i:first-child{margin-left:0;background:#A88A56}
.ck-team-tx{display:flex;flex-direction:column;min-width:0;line-height:1.4}
.ck-team-k{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8A6E3C}
.ck-team-tx strong{font-size:18px;color:#111A22;letter-spacing:-.01em}
.ck-team-m{font-size:13.5px;color:#3A4452}
.ck-team-w{font-size:13.5px;color:#5A6470;margin-top:2px}
@media(max-width:560px){.ck-team{flex-direction:column;align-items:flex-start;gap:10px}}

/* ═══ 05.10.2026 · Headline -> Box ca. 60px statt 110px (David) ════════════
   Rechnung: Titel-Abstand 6 + Schrittleiste 48 (Kreis 28, Luecke 5,
   Beschriftung 15) + 8 bis zur Box = rund 62px. */
.ck-hero:has(#ckFunnel:not([hidden])) .ck-title{margin-bottom:6px}
.ck-hero:has(#ckFunnel:not([hidden])) .ck-title em{line-height:1}
.ck-funnel>.ck-steps{margin-bottom:8px}
.ck-funnel>.ck-steps button{gap:5px;line-height:1.2;font-size:12px}
.ck-funnel>.ck-steps .n{width:28px;height:28px;font-size:12px}
.ck-funnel>.ck-steps li::before{top:14px}
.ck-funnel>.ck-steps li.is-active .n{box-shadow:0 0 0 4px rgba(255,255,255,.75),0 5px 14px -6px rgba(17,26,34,.6)}

/* ═══ 05.10.2026 · Schritt 1 stellt fest und geht selbst weiter ═══════════ */
.ck-auto{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin:22px 0 0}
.ck-auto-bar{flex:1 1 100%;height:3px;border-radius:99px;background:rgba(17,26,34,.08);overflow:hidden}
.ck-auto-bar i{display:block;height:100%;width:0;background:#111A22;border-radius:99px;animation:ckAuto linear forwards}
@keyframes ckAuto{to{width:100%}}
.ck-auto-tx{font-size:13.5px;color:#6B7280}
.ck-auto .ck-link{font-size:13.5px;color:#111A22;font-weight:600}
@media(prefers-reduced-motion:reduce){.ck-auto-bar i{animation:none;width:100%;opacity:.3}}

/* ═══ 05.10.2026 · Section ck-funnel naeher an den Titel (David) ═════════
   Titel ohne Abstand nach unten, Funnel ohne Abstand nach oben. Versteckte
   Geschwister (Eingabe, Demo-Hinweis) duerfen keinen Platz belegen. */
.ck-hero [hidden]{display:none!important}
.ck-hero:has(#ckFunnel:not([hidden])) .ck-title{margin-bottom:0}
.ck-funnel{margin-top:0;padding-top:0}
.ck-funnel>.ck-steps{margin-top:0}

/* ═══ 05.10.2026 · Feste Abstaende (David): Titel -> Funnel 40px, Schritte -> Box 30px ═══ */
.ck-hero:has(#ckFunnel:not([hidden])) .ck-title{margin-bottom:40px}
.ck-funnel>.ck-steps{margin-bottom:30px}

/* ═══ 05.10.2026 · Schritt 1: Ueberschrift kleiner (David) ═════════════════
   "Wir lesen deine Website." / "Das haben wir verstanden." sind nur Einleitung,
   der Inhalt ist die Zusammenfassung darunter. */
.ck-main[data-step="1"] h2{font-size:clamp(17px,1.5vw,20px);font-weight:700;letter-spacing:-.005em;color:#5A6470;margin-bottom:10px}

/* ═══ 05.10.2026 · Weicher Schrittwechsel ═════════════════════════════════ */
.ck-body{transition:height .4s cubic-bezier(.2,.7,.2,1)}
.ck-body.ck-glide{overflow:hidden}
.ck-grid>*{transition:opacity .22s ease,transform .22s ease}
.ck-grid.ck-out>*{opacity:0;transform:translateY(-6px)}
.ck-main.ck-in>*{animation:ckRein .5s cubic-bezier(.2,.7,.2,1) both}
.ck-aside.ck-in{animation:ckRein .6s cubic-bezier(.2,.7,.2,1) .08s both}
@keyframes ckRein{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.ck-body,.ck-grid>*{transition:none}.ck-aside.ck-in{animation:none}}

/* 05.10.2026 · David: ck-wrap 40px nach oben */
.ck-hero .ck-wrap{margin-top:40px}

/* 05.10.2026 · David: Fensterleiste in #84848426 (Grau, ca. 15 % Deckkraft) */
.ck-bar{background:#84848426}

/* 05.10.2026 · Mobil-Fix: site.css gibt jedem <section> 110px Polster oben/unten.
   #ckEntry und #ckFunnel sind sections -> grosse Luecken im Hero. */
.ck-hero .ck-entry,.ck-hero .ck-funnel{padding-top:0;padding-bottom:0}
@media(max-width:560px){
  .ck-entry-row .ck-btn--pri{width:100%;font-size:15.5px;padding:14px 18px}
  .ck-entry-card{padding:20px 18px 18px}
  .ck-hero{padding-top:96px}
}