/* ==========================================================================
   KI-Start (28.09.2026) · nur /ki-start/ lädt diese Datei. Tokens, Typo, Buttons, UI-Karte und Badge kommen aus styles.css.
   Aufbau: Hero · 15-Minuten-KI-Check (live) · Der Tag · Ergebnisse (Apple-Kartenstil) · Paket · Person.
   Farben der Ampel (Kontrast geprüft auf ihren Tönungen): Grün #4F8A5B · Gelb #D9A23A · Rot #C2553A.
   Bewegung: nur Web Animations aus ks.js (transform/opacity/--ks-n); ohne JS, bei reduzierter Bewegung und ?static=1 steht der Endzustand.
   ========================================================================== */
@property --ks-n{syntax:'<integer>';inherits:false;initial-value:0}

.p-ki-start{--ks-g:#4F8A5B;--ks-y:#D9A23A;--ks-r:#C2553A;--ks-g-t:#E6EFE6;--ks-y-t:#F7EEDA;--ks-r-t:#F6E5DF;
  --ks-ja:var(--moss);--ks-nein:#9A4F2E;--ks-card-sh:0 1px 2px rgb(34 29 26/.06),0 1.2cqi 3cqi rgb(34 29 26/.08),0 6cqi 12cqi -4cqi rgb(34 29 26/.18)}

/* Überschriften mit grauem Nachsatz (Apple: „Fett. Rest grau.“) */
.ks-head .t-h2 span{color:var(--text-soft)}

/* ---------- 1 · Hero ---------- */
.ks-hero__h span{display:block}
.ks-hero .hero-split__text > .ks-badge{margin-top:3rem}
.ks-badge.badge-fig{width:19rem}
.ks-badge .badge-zeile{margin-top:1.5rem}
.ks-badge .badge-zeile > span{display:block}
.ks-badge .badge-zeile > .badge-zeile__sep{display:none}
.ks-hero__img{--ar:4/3}
@media (min-width:992px){.ks-hero__img{--ar:4/5}}
.ks-abend{width:18.5rem}
.ks-abend .ui-card__rows{margin:0;padding:0}
.ks-abend__ok{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--moss);color:#fff}
.ks-abend__ok .i{width:12px;height:12px}
@media (max-width:991px){.ks-badge.badge-fig{width:17rem}}
@media (max-width:479px){
  .ks-hero .btns .btn{flex:1 1 100%}
  .ks-badge.badge-fig{width:15.5rem}
  .ks-abend{width:auto}
}

/* ---------- 2 · Der Check ---------- */
.ks-check{position:relative;isolation:isolate;overflow:clip;padding-block:var(--sec-l);background:var(--earth);color:var(--on-dark)}
.ks-check::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(50rem 34rem at 78% 40%,rgb(201 168 124/.13),transparent 62%),radial-gradient(40rem 30rem at 8% 100%,rgb(63 91 69/.20),transparent 60%)}
.ks-check__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,38rem);gap:3rem 5rem;align-items:center}
.ks-check__intro.head{margin-bottom:0}
.ks-check .eyebrow{color:var(--champagne)}
.ks-check .t-h2{color:var(--on-dark)}
.ks-check .t-lead{max-width:32rem;color:var(--on-dark-soft)}
.ks-check__facts{display:grid;gap:.875rem;font-size:.9375rem;line-height:1.4;color:var(--on-dark-soft)}
.head > .ks-check__facts{margin-top:2.25rem}
.ks-check__facts li{display:flex;align-items:center;gap:.625rem}
.ks-check__facts .i{width:18px;height:18px;color:var(--champagne)}
.ks-check__facts a{color:var(--on-dark);text-underline-offset:3px;text-decoration-thickness:1px}
.ks-check__facts a:hover{color:var(--champagne)}
@media (max-width:991px){.ks-check__grid{grid-template-columns:minmax(0,1fr);gap:2.5rem}}

/* Karte */
.ks-quiz{position:relative;padding:2rem 2rem 1.5rem;border-radius:28px;background:var(--offwhite);color:var(--ink);
  box-shadow:inset 0 1px 0 rgb(255 255 255/.7),0 40px 70px -30px rgb(0 0 0/.65),0 14px 28px -14px rgb(0 0 0/.45)}
.ks-quiz:focus{outline:none}
.ks-quiz__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.75rem}
.ks-quiz__count{font:500 .8125rem/1 var(--font-sans);letter-spacing:.01em;color:var(--text-soft);white-space:nowrap}
.ks-quiz__count b{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.ks-prog{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;width:min(16rem,62%)}
.ks-prog li{position:relative;height:6px;overflow:hidden;border-radius:3px;background:var(--line)}
.ks-prog li.is-cur{background:rgb(115 90 54/.35)}
.ks-prog i{position:absolute;inset:0;border-radius:inherit;background:var(--ink);transform:scaleX(0);transform-origin:0 50%}
.ks-prog li.is-ja i{background:var(--ks-ja);transform:none}
.ks-prog li.is-nein i{background:var(--ks-nein);transform:none}

/* Fragen: ohne JS eine Liste, mit JS ein Stapel in EINER Rasterzelle (Höhe = längste Frage, nichts springt) */
.ks-q{position:relative;padding-left:3rem}
.ks-q + .ks-q{margin-top:1.75rem}
.ks-q__nr{position:absolute;left:0;top:-.08em;font:var(--serif-wght) 2rem/1 var(--font-serif);font-variation-settings:"opsz" 72,"SOFT" 0,"WONK" 0;color:var(--bronze)}
.ks-q__t{font-family:var(--font-serif);font-weight:var(--head-wght);font-variation-settings:"opsz" 72,"SOFT" 0,"WONK" 0;font-size:1.625rem;line-height:1.22;letter-spacing:-.015em;color:var(--ink-head);text-wrap:balance}
.ks-q__e{margin-top:.75rem;font-size:.9375rem;line-height:1.55;color:var(--text-soft);text-wrap:pretty}
.ks-ampelliste{display:grid;gap:.375rem;margin-top:.75rem}
.ks-ampelliste li{display:flex;align-items:baseline;gap:.5rem;padding:.5rem .75rem;border-radius:10px;background:var(--t);font-size:.875rem;line-height:1.35;color:var(--ink)}
.ks-ampelliste li::before{content:"";flex:none;width:.625rem;height:.625rem;border-radius:50%;background:var(--c);translate:0 .05em}
.ks-ampelliste b{font-weight:600}
.ks-ampelliste .is-g{--c:var(--ks-g);--t:var(--ks-g-t)}
.ks-ampelliste .is-y{--c:var(--ks-y);--t:var(--ks-y-t)}
.ks-ampelliste .is-r{--c:var(--ks-r);--t:var(--ks-r-t)}
.ks-quiz.is-live .ks-qs{display:grid}
.ks-quiz.is-live .ks-q{grid-area:1/1;margin:0;visibility:hidden}
.ks-quiz.is-live .ks-q.is-cur,.ks-quiz.is-live .ks-q.is-out{visibility:visible}
.ks-quiz.is-live .ks-q.is-out{pointer-events:none}

/* Ja / Nein: groß, tippbar (≥ 60 px), Zustand über aria-pressed */
.ks-quiz__act{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:2rem}
.ks-jn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.75rem;padding:.75rem 1rem;border:1.5px solid var(--clay);border-radius:18px;
  background:var(--white);color:var(--ink);font:500 1.125rem/1 var(--font-sans);letter-spacing:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;
  transition:background-color .2s,border-color .2s,color .2s,transform .15s}
.ks-jn .i{width:1.125rem;height:1.125rem}
.ks-jn--ja .i{color:var(--ks-ja)}
.ks-jn--nein .i{color:var(--ks-nein)}
@media (hover:hover){.ks-jn:hover{border-color:var(--ink)}}
.ks-jn:active{transform:scale(.98)}
.ks-jn[aria-pressed="true"],.ks-jn.is-picked{color:#fff}
.ks-jn[aria-pressed="true"] .i,.ks-jn.is-picked .i{color:currentColor}
.ks-jn--ja[aria-pressed="true"],.ks-jn--ja.is-picked{background:var(--ks-ja);border-color:var(--ks-ja)}
.ks-jn--nein[aria-pressed="true"],.ks-jn--nein.is-picked{background:var(--ks-nein);border-color:var(--ks-nein)}
.ks-quiz__nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px;margin-top:.5rem}
.ks-back{display:inline-flex;align-items:center;gap:.25rem;min-height:44px;padding:0 .75rem 0 .25rem;border:0;border-radius:var(--r-pill);background:none;color:var(--text-soft);font:500 .9375rem/1 var(--font-sans);letter-spacing:0}
.ks-back .i{width:1rem;height:1rem}
.ks-back:hover{color:var(--ink)}
.ks-back:disabled{visibility:hidden}
.ks-keys{font-size:.75rem;color:var(--text-soft)}
.ks-keys kbd{display:inline-grid;place-items:center;min-width:1.375rem;height:1.375rem;padding:0 .25rem;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;background:#fff;font:600 .6875rem/1 var(--font-sans);color:var(--ink)}
@media (hover:none),(pointer:coarse),(max-width:479px){.ks-keys{display:none}}
.ks-quiz__foot{display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line-soft);font-size:.8125rem;line-height:1.45;color:var(--text-soft)}
.ks-quiz__foot .i{flex:none;width:14px;height:14px;margin-top:.15em;color:var(--moss)}

/* Umschalten ohne JS / mit JS / fertig */
.ks-quiz:not(.is-live) .ks-js{display:none}
.ks-quiz.is-live .ks-stufen{display:none}
.ks-quiz.is-done .ks-quiz__top,.ks-quiz.is-done .ks-qs,.ks-quiz.is-done .ks-quiz__act,.ks-quiz.is-done .ks-quiz__nav{display:none}

/* Auswertungsschlüssel ohne JS */
.ks-stufen{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--line-soft)}
.ks-stufen__h{font:500 .75rem/1 var(--font-sans);letter-spacing:.02em;text-transform:uppercase;color:var(--text-soft)}
.ks-stufen ul{display:grid;gap:.5rem;margin-top:.875rem}
.ks-stufen li{display:grid;grid-template-columns:3rem 1fr;gap:.5rem;font-size:.9375rem;line-height:1.4;color:var(--ink)}
.ks-stufen b{font-variant-numeric:tabular-nums}

/* Auswertung */
.ks-res__eb{color:var(--bronze)}
.ks-anzeige{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:1.25rem 1.25rem 1.25rem 1.5rem;border-radius:22px;background:var(--earth-2);color:var(--on-dark);box-shadow:inset 0 1px 0 rgb(255 255 255/.06)}
.ks-zahl{display:flex;align-items:flex-end;gap:.75rem;min-width:0}
.ks-count{counter-reset:ksn var(--ks-n);font:300 5.5rem/.8 var(--font-serif);font-variation-settings:"opsz" 144,"SOFT" 0,"WONK" 0;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--on-dark)}
.ks-count::after{content:counter(ksn)}
.ks-zahl__l{padding-bottom:.25rem;font:500 .8125rem/1.35 var(--font-sans);color:var(--on-dark-soft)}
.ks-ampel{display:flex;gap:.5rem;padding:.625rem .625rem .5rem;border-radius:18px;background:#141110;box-shadow:inset 0 2px 6px rgb(0 0 0/.6),0 1px 0 rgb(255 255 255/.05)}
.ks-licht{display:grid;justify-items:center;gap:.4375rem}
.ks-licht i{position:relative;display:block;width:2.25rem;height:2.25rem;border-radius:50%;background:color-mix(in srgb,var(--c) 20%,#1b1715);box-shadow:inset 0 2px 4px rgb(0 0 0/.55)}
.ks-licht b{position:absolute;inset:0;border-radius:50%;opacity:0;
  background:radial-gradient(circle at 36% 30%,color-mix(in srgb,var(--c) 35%,#fff) 0 10%,var(--c) 52%,color-mix(in srgb,var(--c) 72%,#000) 100%);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 24%,transparent),0 0 24px 3px color-mix(in srgb,var(--c) 62%,transparent)}
.ks-licht small{font:500 .6875rem/1 var(--font-sans);font-variant-numeric:tabular-nums;color:rgb(184 173 162/.75)}
.ks-licht.is-g{--c:var(--ks-g)}
.ks-licht.is-y{--c:var(--ks-y)}
.ks-licht.is-r{--c:var(--ks-r)}
.ks-res[data-level="gruen"] .ks-licht.is-g b,.ks-res[data-level="gelb"] .ks-licht.is-y b,.ks-res[data-level="rot"] .ks-licht.is-r b{opacity:1}
.ks-res[data-level="gruen"] .ks-licht.is-g small,.ks-res[data-level="gelb"] .ks-licht.is-y small,.ks-res[data-level="rot"] .ks-licht.is-r small{color:var(--on-dark)}
.ks-res [data-lvl]{display:none}
.ks-res[data-level="gruen"] [data-lvl="gruen"],.ks-res[data-level="gelb"] [data-lvl="gelb"],.ks-res[data-level="rot"] [data-lvl="rot"]{display:inline}
.ks-res__t{margin-top:1.5rem;font-family:var(--font-serif);font-weight:var(--head-wght);font-variation-settings:"opsz" 72,"SOFT" 0,"WONK" 0;font-size:1.875rem;line-height:1.2;letter-spacing:-.02em;color:var(--ink-head);text-wrap:balance}
.ks-res__t:focus{outline:none}
.ks-res__s{margin-top:.625rem;font-size:1rem;line-height:1.5;color:var(--text-soft)}
.ks-offen{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--line-soft)}
.ks-offen__h{font:500 .75rem/1 var(--font-sans);letter-spacing:.02em;text-transform:uppercase;color:var(--text-soft)}
.ks-offen__l{display:grid;gap:.5rem;margin-top:.875rem}
.ks-offen__l li{display:flex;align-items:baseline;gap:.625rem;font-size:.9375rem;line-height:1.4;color:var(--ink)}
.ks-offen__l span{flex:none;display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--copper-tint);color:var(--ks-nein);font:600 .75rem/1 var(--font-sans);translate:0 -.05em}
.ks-res__btns{margin-top:1.75rem}
.ks-res__pdf{margin-top:1rem;font-size:.875rem}
.ks-res__pdf a{color:var(--link);text-underline-offset:3px;text-decoration-thickness:1px}

@media (max-width:479px){
  .ks-quiz{padding:1.25rem 1.125rem 1rem;border-radius:22px}
  .ks-quiz__top{flex-direction:column;align-items:stretch;gap:.625rem;margin-bottom:1.25rem}
  .ks-prog{width:100%}
  .ks-q{padding-left:0}
  .ks-q__nr{position:static;display:block;margin-bottom:.5rem;font-size:1.5rem}
  .ks-quiz.is-live .ks-q__nr{display:none}
  .ks-q__t{font-size:1.375rem}
  .ks-quiz__act{margin-top:1.5rem;gap:.625rem}
  .ks-ampelliste li{padding:.4375rem .625rem;font-size:.8125rem}
  .ks-anzeige{padding:1rem 1rem 1rem 1.125rem}
  .ks-count{font-size:4.25rem}
  .ks-zahl{gap:.5rem}
  .ks-licht i{width:1.75rem;height:1.75rem}
  .ks-ampel{gap:.375rem;padding:.5rem .5rem .4375rem}
  .ks-res__t{font-size:1.5rem}
  .ks-res__btns .btn{flex:1 1 100%}
}

/* ---------- 3 · Der Tag ---------- */
.ks-tag{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:1.5rem;align-items:stretch}
.ks-tag__rand{padding:2.25rem .75rem 0}
.ks-tag__tag{padding:1.25rem .75rem .75rem;border-radius:var(--r-xl);background:var(--white);box-shadow:var(--sh-ring)}
.ks-tag__label{padding:.25rem .75rem 0;font:500 .75rem/1 var(--font-sans);letter-spacing:.02em;text-transform:uppercase;color:var(--bronze)}
.ks-tag__halb{display:grid;grid-template-columns:1fr 1fr;margin-top:1rem}
.ks-tag__halb > li{padding:.25rem .75rem .75rem}
.ks-tag__halb > li + li{border-left:1px solid var(--line)}
.ks-tag__ico{display:grid;place-items:center;width:2.75rem;height:2.75rem;margin-bottom:1.25rem;border-radius:50%;background:var(--linen-2);color:var(--text)}
.ks-tag__ico .i{width:1.25rem;height:1.25rem}
.ks-tag__ico--sonne{background:var(--bronze-tint);color:var(--bronze)}
.ks-tag__wann{font:500 .75rem/1 var(--font-sans);letter-spacing:.02em;text-transform:uppercase;color:var(--text-soft)}
.ks-tag__was{margin-top:.5rem;font:500 1.25rem/1.3 var(--font-sans);letter-spacing:-.01em;color:var(--ink)}
.ks-tag__txt{margin-top:.5rem;font-size:.9375rem;line-height:1.5;color:var(--text-soft);text-wrap:pretty}
@media (max-width:991px){.ks-tag{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ks-tag__tag{grid-column:1/-1;grid-row:1}.ks-tag__rand{padding:.5rem .75rem 0}}
@media (max-width:599px){
  .ks-tag{grid-template-columns:minmax(0,1fr);gap:1rem}
  .ks-tag__tag{grid-row:auto}
  .ks-tag__halb{grid-template-columns:1fr;margin-top:.75rem}
  .ks-tag__halb > li{padding:1rem .75rem}
  .ks-tag__halb > li + li{border-left:0;border-top:1px solid var(--line)}
  .ks-tag__rand{display:grid;grid-template-columns:2.75rem 1fr;column-gap:1rem;padding:1rem .75rem}
  .ks-tag__rand .ks-tag__ico{grid-row:1/4;margin:0}
  .ks-tag__halb .ks-tag__ico{float:left;margin:0 1rem .25rem 0}
}

/* ---------- 4 · Ergebnisse (Apple-Kartenstil) ---------- */
.ks-erg-sec .ks-head{margin-bottom:3rem}
.ks-erg-track:focus-visible{outline:2px solid var(--moss);outline-offset:-2px}
.ks-erg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem 1.5rem;width:100%;max-width:calc(var(--w-xl) + 2*var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.ks-buehne{--bg:var(--stone);position:relative;display:grid;place-items:center;overflow:hidden;container-type:inline-size;aspect-ratio:6/5;border-radius:28px;background:var(--bg)}
.ks-cap{margin-top:1.125rem;padding-right:1rem;font-size:1.0625rem;line-height:1.42;letter-spacing:-.01em;color:var(--text-soft);text-wrap:pretty}
.ks-cap b{font-weight:600;color:var(--ink-head)}
@media (min-width:768px) and (max-width:991px){.ks-erg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
  .ks-erg-sec .ks-head{margin-bottom:2rem}
  .ks-erg-track{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none}
  .ks-erg-track::-webkit-scrollbar{display:none}
  .ks-erg{display:flex;gap:.875rem;width:max-content;max-width:none;margin:0}
  .ks-karte{flex:none;width:min(80vw,21rem);scroll-snap-align:start}
  .ks-buehne{aspect-ratio:1/1;border-radius:24px}
  .ks-cap{padding-right:.25rem;font-size:1rem}
}

/* Bühne 1 · ChatGPT eingerichtet: Einstellungen mit drei Schaltern */
.ks-b1{--bg:#ECEAE6}
.ks-v1{width:72cqi;padding:5cqi 5.5cqi 1.5cqi;border-radius:5cqi;background:#fff;box-shadow:var(--ks-card-sh)}
.ks-v1__hd{display:flex;align-items:center;gap:2.6cqi;padding-bottom:3.6cqi;font:600 4.3cqi/1.2 var(--font-sans);letter-spacing:-.01em;color:var(--ink)}
.ks-v1__av{display:grid;place-items:center;width:8cqi;height:8cqi;border-radius:2.2cqi;background:var(--ink);color:#fff}
.ks-v1__av .i{width:4.4cqi;height:4.4cqi}
.ks-v1__r{display:flex;align-items:center;justify-content:space-between;padding:3.4cqi 0;border-top:1px solid var(--line-soft);font:500 4.3cqi/1.2 var(--font-sans);letter-spacing:-.01em;color:var(--ink)}
.ks-sw{position:relative;flex:none;width:11.5cqi;height:6.8cqi;border-radius:99px;background:var(--moss)}
.ks-sw::after{content:"";position:absolute;top:.7cqi;right:.7cqi;width:5.4cqi;height:5.4cqi;border-radius:50%;background:#fff;box-shadow:0 .3cqi .8cqi rgb(0 0 0/.25)}

/* Bühne 2 · Drei Assistenten: drei Pillen auf Dunkel */
.ks-b2{--bg:#1F1B18}
.ks-v2{display:grid;justify-items:center;gap:3.8cqi}
.ks-pille{display:inline-flex;align-items:center;gap:3cqi;height:14.5cqi;padding:0 7.5cqi 0 2.6cqi;border-radius:99px;background:#fff;color:var(--ink);font:600 5.4cqi/1 var(--font-sans);letter-spacing:-.015em;white-space:nowrap;
  box-shadow:0 1.5cqi 4cqi rgb(0 0 0/.4);transform:translateX(calc(var(--x) * 1cqi))}
.ks-pille i{display:grid;place-items:center;width:9.8cqi;height:9.8cqi;border-radius:50%;background:var(--t);color:var(--c)}
.ks-pille .i{width:4.8cqi;height:4.8cqi}
.ks-pille:nth-child(1){--t:var(--bronze-tint);--c:var(--bronze)}
.ks-pille:nth-child(2){--t:var(--slate-tint);--c:var(--slate)}
.ks-pille:nth-child(3){--t:var(--moss-tint);--c:var(--moss)}

/* Bühne 3 · Spielregeln: ein Blatt mit Ampel */
.ks-b3{--bg:#F1EADF}
.ks-blatt{display:flex;flex-direction:column;gap:3.6cqi;width:50cqi;aspect-ratio:1/1.3;padding:6.5cqi 5.5cqi;border-radius:2cqi;background:#fff;box-shadow:var(--ks-card-sh);transform:rotate(-4deg)}
.ks-blatt__t{margin-bottom:.8cqi;font:var(--head-wght) 6.4cqi/1 var(--font-serif);letter-spacing:-.02em;color:var(--ink-head)}
.ks-blatt__r{display:flex;align-items:center;gap:2cqi;font:600 3.4cqi/1 var(--font-sans);color:var(--ink)}
.ks-blatt__r i{flex:none;width:3.8cqi;height:3.8cqi;border-radius:50%;background:var(--c)}
.ks-blatt__r span{width:8.5cqi}
.ks-blatt__r em{flex:1;height:1.6cqi;border-radius:1cqi;background:var(--mist)}
.ks-blatt__r.is-g{--c:var(--ks-g)}
.ks-blatt__r.is-y{--c:var(--ks-y)}
.ks-blatt__r.is-r{--c:var(--ks-r)}
.ks-blatt__z{display:grid;gap:2cqi;margin-top:auto}
.ks-blatt__z em{display:block;height:1.4cqi;border-radius:1cqi;background:var(--mist)}
.ks-blatt__z em + em{width:62%}

/* Bühne 4 · Geschultes Team: Schulungsnachweis */
.ks-b4{--bg:#E3EAE2}
.ks-nachweis{width:70cqi;padding:6cqi 6cqi 5cqi;border-radius:4.5cqi;background:#fff;box-shadow:var(--ks-card-sh)}
.ks-nachweis__k{font:500 3.1cqi/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--bronze)}
.ks-nachweis__t{margin-top:2.4cqi;font:var(--head-wght) 7.6cqi/1.05 var(--font-serif);letter-spacing:-.02em;color:var(--ink-head)}
.ks-nachweis__team{display:flex;gap:2cqi;margin-top:5.5cqi}
.ks-nachweis__team i{position:relative;width:10cqi;height:10cqi;border-radius:50%;
  background:radial-gradient(circle at 50% 37%,var(--p) 0 20%,transparent 21%),radial-gradient(ellipse 58% 42% at 50% 104%,var(--p) 0 97%,transparent 100%),var(--h)}
.ks-nachweis__team i::after{content:"";position:absolute;right:-1.2cqi;bottom:-1.2cqi;width:4.6cqi;height:4.6cqi;border:.6cqi solid #fff;border-radius:50%;
  background:var(--moss) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6.5 12.5 3.5 3.5 7.5-8'/%3E%3C/svg%3E") center/72% no-repeat}
.ks-nachweis__team i:nth-child(1){--h:#E4DDD3;--p:#B9AC9C}
.ks-nachweis__team i:nth-child(2){--h:#DCE3DB;--p:#98A898}
.ks-nachweis__team i:nth-child(3){--h:#E7E1D8;--p:#C0B19D}
.ks-nachweis__team i:nth-child(4){--h:#DFE2E6;--p:#9EA6B0}
.ks-nachweis__team i:nth-child(5){--h:#EAE3DA;--p:#AE9F8C}
.ks-nachweis__f{display:flex;align-items:center;justify-content:space-between;gap:2cqi;margin-top:5.5cqi;padding-top:3.6cqi;border-top:1px solid var(--line);font:600 3.9cqi/1 var(--font-sans);color:var(--ink)}
.ks-nachweis__f b{display:grid;place-items:center;flex:none;width:7.4cqi;height:7.4cqi;border-radius:50%;background:var(--moss);color:#fff}
.ks-nachweis__f .i{width:4.2cqi;height:4.2cqi}

/* Bühne 5 · Vorlagen-Sammlung: gestaffelter Stapel, die Kopfzeilen der hinteren Karten bleiben lesbar */
.ks-b5{--bg:#EEEBE6}
.ks-faecher{position:relative;width:62cqi;height:64cqi}
.ks-vorlage{position:absolute;left:0;right:0;top:calc(var(--i) * 10.5cqi);height:43cqi;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;column-gap:2cqi;row-gap:2.6cqi;
  padding:4.4cqi 5cqi;border-radius:3.6cqi;background:#fff;box-shadow:0 -.2cqi .8cqi rgb(34 29 26/.05),var(--ks-card-sh);
  transform:scale(calc(1 - (2 - var(--i)) * .055));transform-origin:50% 0}
.ks-vorlage b{font:var(--head-wght) 5.6cqi/1.1 var(--font-serif);font-variation-settings:"opsz" 72,"SOFT" 0,"WONK" 0;letter-spacing:-.02em;color:var(--ink-head)}
.ks-vorlage small{align-self:center;font:500 2.8cqi/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--bronze)}
.ks-vorlage em{grid-column:1/-1;display:block;height:1.5cqi;border-radius:1cqi;background:var(--mist)}
.ks-vorlage em:first-of-type{margin-top:2cqi}
.ks-vorlage em:last-of-type{width:56%}

/* Bühne 6 · Nachgespräch: zwei Wochen im Kalender */
.ks-b6{--bg:#E6E3DE}
.ks-kal{position:relative;width:74cqi;padding:5.5cqi 5cqi 5cqi;border-radius:5cqi;background:#fff;box-shadow:var(--ks-card-sh)}
.ks-kal__wt,.ks-kal__f{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1.7cqi}
.ks-kal__wt span{font:600 2.9cqi/1 var(--font-sans);text-align:center;color:var(--text-soft)}
.ks-kal__f{margin-top:2.8cqi}
.ks-kal__f i{aspect-ratio:1;border-radius:1.8cqi;background:var(--mist)}
.ks-kal__f i.is-start{background:var(--bronze)}
.ks-kal__f i.is-nach{background:var(--moss);box-shadow:0 0 0 1.1cqi color-mix(in srgb,var(--moss) 22%,transparent)}
.ks-kal__l{display:flex;justify-content:space-between;gap:2cqi;margin-top:4cqi;font:600 3.3cqi/1 var(--font-sans)}
.ks-kal__l span{display:inline-flex;align-items:center;gap:1.5cqi}
.ks-kal__l span::before{content:"";width:2.6cqi;height:2.6cqi;border-radius:.8cqi;background:currentColor}
.ks-kal__l .is-start{color:var(--bronze)}
.ks-kal__l .is-nach{color:var(--moss)}
.ks-kal__pill{position:absolute;top:-4.4cqi;right:4cqi;padding:2cqi 3.4cqi;border-radius:99px;background:var(--ink);color:#fff;font:600 3.2cqi/1 var(--font-sans);white-space:nowrap;box-shadow:0 1cqi 3cqi rgb(0 0 0/.2)}

/* ---------- 5 · Paket ---------- */
.ks-paket{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,26rem);gap:3rem 5rem;align-items:center}
.ks-paket__text .t-h2{margin-top:1rem}
.ks-saetze{display:grid;gap:1.75rem;margin-top:2.5rem;max-width:36rem}
.ks-saetze li{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1.125rem;align-items:start}
.ks-saetze__ico{display:grid;place-items:center;width:3rem;height:3rem;border-radius:14px;background:var(--linen-2);color:var(--bronze)}
.ks-saetze__ico .i{width:1.25rem;height:1.25rem}
.ks-saetze p{padding-top:.375rem;font-size:1.25rem;line-height:1.45;letter-spacing:-.01em;color:var(--text-soft);text-wrap:pretty}
.ks-saetze b{font-weight:600;color:var(--ink-head)}
.ks-paketkarte{padding:2.25rem;border-radius:28px;background:var(--earth);color:var(--on-dark);box-shadow:var(--sh-float)}
.ks-paketkarte__k{font:500 .75rem/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--champagne)}
.ks-paketkarte__n{margin-top:.875rem;font:var(--head-wght) 2.25rem/1.1 var(--font-serif);font-variation-settings:"opsz" 72,"SOFT" 0,"WONK" 0;letter-spacing:-.02em;color:var(--on-dark)}
.ks-paketkarte__tag{display:flex;align-items:baseline;gap:.75rem;margin-top:1.5rem;font-size:1rem;color:var(--on-dark-soft)}
.ks-paketkarte__tag b{font:300 4rem/1 var(--font-serif);font-variation-settings:"opsz" 144,"SOFT" 0,"WONK" 0;letter-spacing:-.03em;color:var(--on-dark)}
.ks-paketkarte__preis{margin-top:1rem;font-size:.9375rem;line-height:1.5;color:var(--on-dark-soft)}
.ks-paketkarte__l{display:grid;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--line-dark)}
.ks-paketkarte__l li{display:flex;align-items:flex-start;gap:.625rem;font-size:.9375rem;line-height:1.4;color:var(--on-dark)}
.ks-paketkarte__l .i{flex:none;width:1.125rem;height:1.125rem;margin-top:.1em;color:#B9CBB7}
.ks-paketkarte__btn{width:100%;margin-top:2rem}
@media (max-width:991px){.ks-paket{grid-template-columns:minmax(0,1fr)}.ks-paketkarte{max-width:30rem}}
@media (max-width:479px){.ks-paketkarte{padding:1.75rem 1.5rem}.ks-saetze p{font-size:1.125rem}.ks-saetze li{grid-template-columns:2.75rem minmax(0,1fr);gap:.875rem}.ks-saetze__ico{width:2.75rem;height:2.75rem}}

/* ---------- 6 · Person + Termin ---------- */
.ks-person{display:grid;grid-template-columns:minmax(0,27.5rem) minmax(0,1fr);gap:3rem 5rem;align-items:center}
.ks-person__text .t-h2{margin-top:1rem}
.ks-person__rolle{margin-top:.5rem;font:500 1.0625rem/1.4 var(--font-sans);color:var(--text-soft)}
.ks-person__text .t-body-l{max-width:40rem;margin-top:1.5rem}
.ks-zahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}
.ks-zahlen li{padding:1.25rem;border-radius:18px;background:var(--paper);box-shadow:var(--sh-ring)}
.ks-zahlen b{display:block;font:var(--serif-wght) 2.25rem/1 var(--font-serif);font-variation-settings:"opsz" 72,"SOFT" 0,"WONK" 0;letter-spacing:-.02em;color:var(--bronze);white-space:nowrap}
.ks-zahlen span{display:block;margin-top:.625rem;font-size:.875rem;line-height:1.4;color:var(--text-soft)}
.ks-termin{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:2rem;padding:1.5rem 1.5rem 1.5rem 1.75rem;border-radius:22px;background:var(--linen)}
.ks-termin__t{font:var(--head-wght) 1.5rem/1.2 var(--font-serif);font-variation-settings:"opsz" 72,"SOFT" 0,"WONK" 0;letter-spacing:-.015em;color:var(--ink-head)}
.ks-termin__s{margin-top:.375rem;font-size:.9375rem;line-height:1.45;color:var(--text-soft)}
.ks-termin__s a{color:var(--link);text-underline-offset:3px;text-decoration-thickness:1px}
.ks-marken{margin-top:1.5rem}
@media (max-width:991px){.ks-person{grid-template-columns:minmax(0,1fr)}.ks-person__bild{width:100%;max-width:26rem}}
@media (max-width:599px){
  .ks-zahlen{grid-template-columns:minmax(0,1fr);gap:.5rem}
  .ks-zahlen li{display:grid;grid-template-columns:5.75rem minmax(0,1fr);align-items:center;gap:.75rem;padding:1rem 1.125rem}
  .ks-zahlen b{font-size:1.75rem}
  .ks-zahlen span{margin-top:0}
  .ks-termin{flex-direction:column;align-items:stretch;padding:1.25rem}
  .ks-termin .btn{width:100%}
}

@media (prefers-reduced-motion:reduce){.ks-jn,.ks-back{transition:none}.ks-jn:active{transform:none}}