/* Firnkern Website 8.8 · 31.10.2026 · neue Abschnitte (Vorteile, Gespräch, Einfach, Lernpfad, Nachweis) */
.n8-eis{background:linear-gradient(180deg,var(--paper) 0%,var(--ice1) 100%)}
.n8-vorteile{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.n8-v{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m);padding:24px 22px 20px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}
.n8-v:hover{transform:translateY(-3px);box-shadow:0 14px 34px -18px rgba(15,47,58,.35)}
.n8-v::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--petrol)}
.n8-v:nth-child(2)::before{background:var(--ice4)}.n8-v:nth-child(3)::before{background:var(--signal)}.n8-v:nth-child(4)::before{background:var(--ok)}
.n8-ikon{width:44px;height:44px;border-radius:12px;background:var(--ice1);display:grid;place-items:center;color:var(--petrol)}
.n8-ikon svg{width:24px;height:24px}
.n8-v h3{font-size:1.18rem;margin:4px 0 0}
.n8-v p{margin:0;color:var(--slate);font-size:.96rem}
.n8-v a{margin-top:auto;font-weight:600;text-decoration:none;font-size:.93rem}
.n8-v a::after{content:" →"}
@media (max-width:980px){.n8-vorteile{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.n8-vorteile{grid-template-columns:1fr}}

.n8-neu{display:inline-block;background:var(--signal);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:99px;vertical-align:middle;margin-left:8px}
.n8-zwei{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center;margin-top:40px}
.n8-zwei.umg{grid-template-columns:minmax(0,1fr) minmax(0,420px)}
.n8-zwei.umg .n8-geraet-w{order:2}
@media (max-width:900px){.n8-zwei,.n8-zwei.umg{grid-template-columns:1fr}.n8-zwei.umg .n8-geraet-w{order:0}}
.n8-liste{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:14px}
.n8-liste li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start}
.n8-liste li>span{width:28px;height:28px;border-radius:50%;background:var(--ice1);color:var(--petrol);display:grid;place-items:center;font-weight:800;font-size:.85rem}
.n8-liste b{display:block}
.n8-liste p{margin:2px 0 0;color:var(--slate);font-size:.95rem}

/* Handy */
.n8-geraet-w{display:flex;flex-direction:column;align-items:center;gap:12px}
.n8-handy{width:min(360px,100%);aspect-ratio:9/18.5;background:#0B1F27;border-radius:42px;padding:12px;box-shadow:0 30px 60px -30px rgba(15,47,58,.55),inset 0 0 0 2px #24414C;position:relative}
.n8-handy::before{content:"";position:absolute;top:20px;left:50%;width:84px;height:22px;margin-left:-42px;background:#0B1F27;border-radius:12px;z-index:3}
.n8-bs{background:var(--firn);border-radius:32px;height:100%;overflow:hidden;display:flex;flex-direction:column;position:relative}
.n8-kopf{padding:46px 16px 10px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}
.n8-kopf svg{width:22px}
.n8-kopf b{font-size:.92rem;font-stretch:112%}
.n8-kopf small{display:block;color:var(--slate);font-size:.72rem;line-height:1.2}
.n8-chat{flex:1;overflow:hidden;padding:14px 12px;display:flex;flex-direction:column;gap:10px;justify-content:flex-end}
.n8-m{max-width:86%;padding:9px 12px;border-radius:16px;font-size:.84rem;line-height:1.4;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}
.n8-m.da{opacity:1;transform:none}
.n8-m.kern{background:var(--paper);border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start}
.n8-m.kern i{display:block;font-style:normal;font-size:.66rem;font-weight:700;letter-spacing:.06em;color:var(--petrol);margin-bottom:2px}
.n8-m.ich{background:var(--petrol);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}
.n8-m.ich .n8-mic{display:inline-flex;align-items:center;gap:6px;font-size:.66rem;opacity:.85;margin-bottom:3px}
.n8-m.ich .n8-mic::before{content:"";width:8px;height:8px;border-radius:50%;background:#FFB27A;animation:n8puls 1s infinite}
.n8-m.ich.fertig .n8-mic::before{animation:none;background:#BFE3D2}
@keyframes n8puls{50%{transform:scale(1.6);opacity:.5}}
.n8-anh{display:inline-flex;align-items:center;gap:6px;margin-top:6px;background:rgba(255,255,255,.18);border-radius:8px;padding:3px 8px;font-size:.72rem}
.n8-karte{background:var(--paper);border:1.5px solid var(--petrol);border-radius:14px;padding:11px 12px;font-size:.8rem;align-self:stretch}
.n8-karte .k-t{font-size:.66rem;font-weight:700;letter-spacing:.06em;color:var(--signal-t)}
.n8-karte b{display:block;font-size:.9rem;margin:2px 0 6px}
.n8-karte ol{margin:0 0 8px;padding-left:18px;color:var(--slate)}
.n8-kn{display:flex;gap:6px;flex-wrap:wrap}
.n8-kn span{border:1px solid var(--line);border-radius:8px;padding:4px 9px;font-size:.74rem}
.n8-kn span.p{background:var(--ok);border-color:var(--ok);color:#fff;font-weight:700;transition:transform .2s}
.n8-kn span.p.klick{transform:scale(.93)}
.n8-ok{display:none;margin-top:8px;color:var(--ok);font-weight:700;font-size:.78rem}
.n8-karte.bestaetigt .n8-ok{display:block}
.n8-karte.bestaetigt .n8-kn{display:none}
.n8-stand{display:grid;gap:5px;margin-top:6px}
.n8-stand div{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:.76rem}
.n8-bal{grid-column:1/-1;height:6px;border-radius:4px;background:var(--ice1);overflow:hidden}
.n8-bal span{display:block;height:100%;background:var(--petrol);width:0;transition:width 1.2s ease}
.n8-eing{margin:0 12px 14px;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:9px 14px;display:flex;align-items:center;justify-content:space-between;color:var(--slate);font-size:.8rem}
.n8-eing span:last-child{width:28px;height:28px;border-radius:50%;background:var(--petrol);display:grid;place-items:center;color:#fff}
.n8-eing svg{width:14px;height:14px}
.n8-nochmal{background:none;border:1px solid var(--line);border-radius:99px;padding:6px 14px;font:inherit;font-size:.86rem;color:var(--petrol);cursor:pointer}
.n8-nochmal:hover{border-color:var(--petrol)}
.n8-hinweis{font-size:var(--fs-0);color:var(--slate);margin:0}

/* Einfach-Schalter */
.n8-schalter{display:inline-flex;background:var(--paper);border:1px solid var(--line);border-radius:99px;padding:4px;gap:4px}
.n8-schalter button{border:0;background:none;font:inherit;font-weight:600;font-size:.92rem;padding:8px 18px;border-radius:99px;cursor:pointer;color:var(--slate)}
.n8-schalter button[aria-pressed="true"]{background:var(--ink);color:#fff}
.n8-ansicht{position:absolute;inset:0;display:flex;flex-direction:column;transition:opacity .4s,transform .4s}
.n8-ansicht[hidden]{display:flex!important;opacity:0;transform:scale(.97);pointer-events:none}
.n8-std .n8-reihe{display:flex;gap:6px;padding:10px 12px 0;flex-wrap:wrap}
.n8-std .n8-reihe span{font-size:.66rem;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:3px 6px;color:var(--slate)}
.n8-std .n8-blk{margin:8px 12px 0;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:.7rem;color:var(--slate)}
.n8-std .n8-blk b{display:block;color:var(--ink);font-size:.76rem}
.n8-std .n8-zl{height:6px;border-radius:3px;background:var(--ice1);margin-top:5px}
.n8-std .n8-zl.k{width:60%}
.n8-ein{padding:0 16px 16px}
.n8-ein h4{font-size:1.4rem;margin:18px 0 10px;font-stretch:112%;line-height:1.1}
.n8-heute{background:var(--ink);color:#fff;border-radius:18px;padding:16px}
.n8-heute small{color:var(--ice3);font-size:.7rem;font-weight:700;letter-spacing:.06em}
.n8-heute p{margin:4px 0 12px;font-size:1.05rem;font-weight:700;line-height:1.25}
.n8-heute span{display:block;text-align:center;background:var(--signal);border-radius:12px;padding:12px;font-weight:800;font-size:1.05rem}
.n8-kacheln{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.n8-kacheln span{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px 10px;font-weight:700;font-size:.9rem;display:flex;align-items:center;gap:8px}
.n8-kacheln i{width:22px;height:22px;border-radius:7px;background:var(--ice2);flex:none}

/* Lernpfad */
.n8-pfad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 20px}
.n8-st{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m);padding:16px;position:relative}
.n8-st small{font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--slate);text-transform:uppercase}
.n8-st b{display:block;font-size:1.05rem;margin:2px 0 10px}
.n8-st .n8-bal{height:8px}
.n8-st .n8-proz{font-size:.82rem;color:var(--slate);margin-top:6px}
.n8-st.zu{background:repeating-linear-gradient(135deg,var(--paper),var(--paper) 10px,var(--firn) 10px,var(--firn) 20px)}
.n8-st.zu .n8-proz{color:var(--signal-t);font-weight:600}
.n8-st .n8-hk{position:absolute;top:14px;right:14px;width:24px;height:24px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center}
.n8-st .n8-hk svg{width:14px}
@media (max-width:640px){.n8-pfad{grid-template-columns:1fr}}
.n8-frage{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m);padding:18px}
.n8-frage small{font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--petrol)}
.n8-frage p{font-weight:700;margin:4px 0 10px}
.n8-opt{display:grid;gap:8px}
.n8-opt button{text-align:left;font:inherit;font-size:.95rem;padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:var(--firn);cursor:pointer;color:var(--ink)}
.n8-opt button:hover{border-color:var(--petrol)}
.n8-opt button.r{background:#E3F2EA;border-color:var(--ok)}
.n8-opt button.f{background:#FBEDE1;border-color:var(--signal)}
.n8-rueck{min-height:1.5em;margin:10px 0 0;font-size:.92rem}
.n8-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;padding:0;list-style:none}
.n8-chips li{background:var(--paper);border:1px solid var(--line);border-radius:99px;padding:6px 14px;font-size:.9rem}

/* Nachweis */
.n8-docs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
@media (max-width:980px){.n8-docs{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.n8-docs{grid-template-columns:1fr}}
.n8-doc{background:var(--paper);color:var(--ink);border-radius:10px;padding:18px 16px 16px;position:relative;box-shadow:0 18px 30px -22px rgba(0,0,0,.6);transform:rotate(-.6deg);transition:transform .25s}
.n8-doc:nth-child(even){transform:rotate(.7deg)}
.n8-doc:hover{transform:rotate(0) translateY(-4px)}
.n8-doc .n8-norm{display:inline-block;background:var(--ink);color:#fff;font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:5px}
.n8-doc b{display:block;margin:10px 0 6px;font-size:1.02rem;line-height:1.25}
.n8-doc p{font-size:.88rem;color:var(--slate);margin:0 0 10px}
.n8-doc .n8-zl{height:5px;border-radius:3px;background:var(--ice1);margin-top:5px}
.n8-doc .n8-zl.k{width:55%}
.n8-it{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
@media (max-width:820px){.n8-it{grid-template-columns:1fr}}
.n8-it>div{border:1px solid rgba(255,255,255,.14);border-radius:var(--r-m);padding:20px}
.n8-it h3{font-size:1.1rem}
.n8-it p{margin:0;color:#A9C3CC;font-size:.95rem}
.n8-sso{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.n8-sso span{border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:3px 9px;font-size:.82rem;color:#E9F3F6}
.n8-anh[hidden]{display:none}
.n8-ein-w .n8-eing{margin-top:auto}
.n8-ein{flex:none}
.n8-handy.kurz{aspect-ratio:9/14}

/* 8.9 */
.held3 .held-mikro{font-size:var(--fs-0);color:var(--slate);margin-top:14px}
.n9-warum{background:var(--paper)}
.n9-kopf{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center}
.held3 h1{font-size:clamp(2.3rem,1.3rem + 3.2vw,4.1rem);max-width:19ch;margin-inline:auto}
.n9-zahl{border-left:4px solid var(--signal);padding-left:22px}
.n9-zahl b{display:block;font-size:clamp(3.6rem,2.4rem + 5vw,6.4rem);font-weight:800;font-stretch:112%;line-height:.95;letter-spacing:-.03em;color:var(--ink)}
.n9-zahl p{margin:8px 0 6px;color:var(--ink);font-size:1.02rem}
.n9-zahl small{color:var(--slate);font-size:.8rem}
.n9-split{display:grid;grid-template-columns:1fr 1fr;margin-top:44px;border-radius:20px;overflow:hidden;border:1px solid var(--line)}
.n9-sp{padding:clamp(22px,3vw,40px)}
.n9-sp h3{font-size:1rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px}
.n9-sp ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.n9-sp li{display:grid;grid-template-columns:26px 1fr;gap:12px;font-size:1.02rem;line-height:1.45}
.n9-sp li i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:.85rem}
.n9-ohne{background:#F7F1EC}.n9-ohne h3{color:var(--signal-t)}.n9-ohne li{color:#5b4a3e}.n9-ohne li i{background:#F1DCCB;color:var(--signal-t)}
.n9-mit{background:var(--ink);color:#E9F3F6}.n9-mit h3{color:var(--ice3)}.n9-mit li i{background:var(--ok);color:#fff}
@media (max-width:820px){.n9-kopf,.n9-split{grid-template-columns:1fr}}
.n9-gr{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.n9-gr img{border-radius:22px;width:100%;height:auto;box-shadow:0 30px 60px -34px rgba(15,47,58,.5)}
.n9-gr .n9-name{margin-top:18px;font-weight:700}.n9-gr .n9-name small{display:block;font-weight:400;color:var(--slate)}
@media (max-width:760px){.n9-gr{grid-template-columns:1fr}.n9-gr img{max-width:320px}}
details.n9-klein{margin:6px 0 26px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
details.n9-klein>summary{cursor:pointer;padding:16px 20px;font-weight:700;list-style:none}
details.n9-klein>summary::after{content:" ＋";color:var(--petrol)}
details.n9-klein[open]>summary::after{content:" −"}
details.n9-klein>.plaene{padding:0 16px 16px}
@media (min-width:1001px){.bento84 .bento-k.zwei{grid-column:span 4}}
@media (max-width:420px){.held3 h1{font-size:2.02rem}}
.n9-heldchips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 0}
.n9-heldchips a{font-size:.88rem;font-weight:600;text-decoration:none;color:var(--petrol);background:var(--paper);border:1px solid var(--line);border-radius:99px;padding:6px 14px}
.n9-heldchips a:hover{border-color:var(--petrol)}
.n9-fws{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
@media (max-width:1100px){.n9-fws{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.n9-fws{grid-template-columns:1fr}}
.n9-fw{background:var(--firn);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:12px;border-top:5px solid var(--petrol)}
.n9-fw1{border-top-color:var(--ice4)}.n9-fw2{border-top-color:var(--signal)}.n9-fw3{border-top-color:var(--ok)}
.n9-fw-kopf{display:flex;gap:12px;align-items:center}
.n9-fw-kopf h3{font-size:1.2rem;margin:0}.n9-fw-kopf small{color:var(--slate)}
.n9-fw-ik{width:44px;height:44px;border-radius:12px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;color:var(--petrol);flex:none}
.n9-fw-ik svg{width:24px;height:24px}
.n9-paar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0;font-size:.76rem}
.n9-paar span{background:var(--paper);border:1px solid var(--line);border-radius:99px;padding:2px 8px;font-weight:600;white-space:nowrap}
.n9-paar b{color:var(--signal)}
.n9-fw>p{margin:0;color:var(--slate);font-size:.96rem}
.n9-fw ul{margin:auto 0 0;padding:0;list-style:none;display:grid;gap:7px}
.n9-fw li{padding-left:22px;position:relative;font-size:.92rem}
.n9-fw li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:800}
.n9-einsatz{display:inline-block;background:var(--paper);border:1px solid var(--line);border-radius:99px;padding:8px 16px;font-size:.95rem;font-weight:600;color:var(--petrol)}

/* 8.9.2 · Vier Schritte mit/ohne KI */
.n9-ki{background:radial-gradient(1000px 500px at 90% -10%,rgba(111,179,202,.28),transparent 60%),radial-gradient(800px 400px at -10% 110%,rgba(232,132,42,.14),transparent 60%),var(--ink);color:#E9F3F6;padding:clamp(64px,8vw,120px) 0}
.n9-ki h2{color:#fff}.n9-ki .lead{color:#C4DCE4;max-width:760px}.n9-ki .eyebrow{color:var(--ice3)}
.n9-stufen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.n9-stufen button{font:inherit;text-align:left;cursor:pointer;border:0;border-radius:11px;padding:12px 14px;background:transparent;color:#C4DCE4;transition:background .25s,color .25s,box-shadow .25s}
.n9-stufen button b{display:block;font-size:1.02rem;color:#fff}.n9-stufen button small{display:block;font-size:.76rem;line-height:1.3;margin-top:3px}
.n9-stufen button:hover{background:rgba(255,255,255,.08)}
.n9-stufen button[aria-pressed=true]{background:#fff;color:var(--slate);box-shadow:0 8px 24px rgba(0,0,0,.25)}.n9-stufen button[aria-pressed=true] b{color:var(--ink)}
.n9-stufen button[data-st="2"][aria-pressed=true]{background:var(--ice2)}.n9-stufen button[data-st="3"][aria-pressed=true]{background:#FCE3CB}
.n9-stufen button:focus-visible{outline:3px solid var(--signal);outline-offset:2px}




.n9-weg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative;counter-reset:s}
.n9-weg::before{content:"";position:absolute;left:28px;right:28px;top:27px;height:2px;background:linear-gradient(90deg,var(--ice4),var(--signal));opacity:.55}
.n9-s{position:relative;background:rgba(255,255,255,.96);color:var(--ink);border-radius:18px;padding:18px 18px 16px;display:flex;flex-direction:column;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.n9-s-kopf{display:flex;align-items:center;justify-content:space-between;margin:-2px 0 12px}
.n9-s-nr{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--ink);color:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.96)}
.n9-s-ik{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--ice1);color:var(--petrol)}.n9-s-ik svg{width:22px;height:22px}
.n9-s h3{margin:0;font-size:1.3rem}.n9-s-sub{margin:4px 0 12px;color:var(--slate);font-size:.9rem}
.n9-s ul{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px;flex:1;align-content:start}
.n9-s ul li{display:flex;gap:9px;align-items:flex-start;font-size:.9rem;line-height:1.38;padding:8px 10px;border-radius:10px;background:var(--firn);transition:background .35s,opacity .35s,transform .35s}
.n9-hk{flex:0 0 20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--ok);color:#fff;margin-top:1px;transition:background .35s}.n9-hk svg{width:12px;height:12px}
.n9-tx{flex:1}
.n9-ab,.n9-neu{display:none;font-style:normal;font-size:.7rem;font-weight:700;letter-spacing:.03em;margin-top:4px;padding:2px 7px;border-radius:999px;width:max-content;align-items:center;gap:4px}
.n9-ab svg{width:11px;height:11px}
.n9-ab{background:#E7EDF0;color:var(--slate)}.n9-neu{background:var(--signal);color:#fff}
.n9-weg li[data-st="2"],.n9-weg li[data-st="3"]{}
.n9-weg[data-st="1"] li[data-st="2"],.n9-weg[data-st="1"] li[data-st="3"],.n9-weg[data-st="2"] li[data-st="3"]{background:transparent;border:1px dashed #C9D6DC;color:#7E8F96}
.n9-weg[data-st="1"] li[data-st="2"] .n9-hk,.n9-weg[data-st="1"] li[data-st="3"] .n9-hk,.n9-weg[data-st="2"] li[data-st="3"] .n9-hk{background:#C9D6DC}
.n9-weg[data-st="1"] li[data-st="2"] .n9-ab,.n9-weg[data-st="1"] li[data-st="3"] .n9-ab,.n9-weg[data-st="2"] li[data-st="3"] .n9-ab{display:flex}
.n9-weg[data-st="2"] li[data-st="2"],.n9-weg[data-st="3"] li[data-st="3"]{background:#FFF1E4;box-shadow:inset 3px 0 0 var(--signal)}
.n9-weg[data-st="2"] li[data-st="2"] .n9-neu,.n9-weg[data-st="3"] li[data-st="3"] .n9-neu{display:flex}
.n9-weg[data-st="3"] li[data-st="2"]{background:#EAF4F7}
.n9-weg li.n9-pop{animation:n9pop .55s cubic-bezier(.2,.8,.2,1)}
@keyframes n9pop{0%{transform:scale(.96);opacity:.4}60%{transform:scale(1.02)}100%{transform:none;opacity:1}}
.n9-s-bild{display:block;position:relative;border-radius:10px;overflow:hidden;aspect-ratio:16/7;border:1px solid var(--line);text-decoration:none}
.n9-s-bild img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block;transition:transform .4s}
.n9-s-bild span{position:absolute;right:8px;bottom:8px;font-size:.72rem;font-weight:700;background:rgba(15,47,58,.85);color:#fff;padding:3px 8px;border-radius:999px}
.n9-s-bild:hover img{transform:scale(1.04)}
.n9-fuss{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;margin-top:22px}
.n9-immer,.n9-verm{border-radius:16px;padding:16px 18px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05)}
.n9-immer b,.n9-verm b{display:block;color:#fff;margin-bottom:10px}
.n9-immer ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.n9-immer li{padding:6px 12px;border-radius:999px;background:rgba(111,179,202,.18);color:#E9F3F6;font-size:.86rem;font-weight:600}
.n9-immer li::before{content:"\1F464\FE0E";margin-right:6px;opacity:.8}
.n9-verm p{margin:0;display:flex;flex-direction:column;gap:6px}
.n9-verm span{font-size:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding:5px 10px;border-radius:8px;width:fit-content;max-width:100%;overflow-wrap:anywhere}
.n9-verm .v1{background:#E7EDF0;color:var(--ink)}.n9-verm .v2{background:#FCE3CB;color:var(--signal-t)}
.n9-hinweis{color:#9FBFCA;margin-top:16px}
.n9-ki a.n9-s-bild:focus-visible{outline:3px solid var(--signal);outline-offset:2px}
@media (max-width:1100px){.n9-weg{grid-template-columns:repeat(2,minmax(0,1fr))}.n9-weg::before{display:none}}
@media (max-width:700px){.n9-weg{grid-template-columns:1fr}.n9-fuss{grid-template-columns:minmax(0,1fr)}.n9-stufen{grid-template-columns:1fr;}.n9-stufen button{display:flex;gap:10px;align-items:baseline}.n9-stufen button small{margin:0}}
@media (prefers-reduced-motion:reduce){.n9-weg li,.n9-weg li.n9-pop{animation:none}}

/* 8.9.4 · Stufen klarer, Ergebnis-Tabelle */
.n9k-kopf{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:stretch;margin:34px 0 26px}
.n9-stufen{flex:none}
.n9-ki:not(.n9k-bedient) .n9-stufen button[data-st="2"]:not([aria-pressed=true]){animation:n9kpuls 2.4s ease-in-out 3}
@keyframes n9kpuls{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 3px rgba(232,132,42,.7)}}
.n9k-bringt{border-radius:16px;padding:14px 18px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06)}
.n9k-bringt>small{display:block;color:var(--ice3);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.n9k-b{display:none}.n9k-b b{display:block;color:#fff;font-size:1.12rem;line-height:1.3}.n9k-b p{margin:6px 0;color:#D5E7ED;font-size:.92rem;line-height:1.45}.n9k-b span{font-size:.8rem;color:var(--ice3)}
.n9-ki[data-st="1"] .n9k-b[data-b="1"],.n9-ki[data-st="2"] .n9k-b[data-b="2"],.n9-ki[data-st="3"] .n9k-b[data-b="3"]{display:block;animation:n9kein .4s ease}
@keyframes n9kein{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.n9k-tab{margin-top:26px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);padding:clamp(16px,2.5vw,26px)}
.n9k-tab-kopf h3{color:#fff;margin:0;font-size:1.35rem}.n9k-tab-kopf p{margin:4px 0 14px;color:#9FBFCA;font-size:.88rem}
.n9k-gitter{display:grid;gap:8px}
.n9k-r{display:grid;grid-template-columns:minmax(0,.9fr) repeat(3,minmax(0,1fr));gap:8px}
.n9k-r0 span{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9FBFCA;padding:0 12px}
.n9k-l{padding:12px 4px}.n9k-l b{display:block;color:#fff;font-size:1rem}.n9k-l small{display:block;color:#9FBFCA;font-size:.8rem;margin-top:2px;line-height:1.35}
.n9k-z{border-radius:12px;padding:12px 14px;font-size:.88rem;line-height:1.42;background:#fff;color:var(--ink);transition:background .3s,color .3s,opacity .3s,box-shadow .3s}
.n9k-z em{font-style:normal}
.n9k-st{display:none;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--petrol);margin-bottom:4px}
.n9k-zu{display:none;align-items:center;gap:4px;font-size:.7rem;font-weight:700;color:#9FBFCA;margin-bottom:4px}.n9k-zu svg{width:11px;height:11px}
.n9-ki[data-st="1"] .n9k-z[data-s="2"],.n9-ki[data-st="1"] .n9k-z[data-s="3"],.n9-ki[data-st="2"] .n9k-z[data-s="3"]{background:transparent;color:#7FA3B0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.n9-ki[data-st="1"] .n9k-z[data-s="2"] .n9k-zu,.n9-ki[data-st="1"] .n9k-z[data-s="3"] .n9k-zu,.n9-ki[data-st="2"] .n9k-z[data-s="3"] .n9k-zu{display:flex}
.n9-ki[data-st="2"] .n9k-z[data-s="2"],.n9-ki[data-st="3"] .n9k-z[data-s="3"]{background:#FFF1E4;box-shadow:inset 0 0 0 2px var(--signal)}
.n9-ki[data-st="1"] .n9k-z[data-s="1"]{box-shadow:inset 0 0 0 2px var(--ok)}
.n9-ki[data-st="1"] .n9k-sp[data-s="1"],.n9-ki[data-st="2"] .n9k-sp[data-s="2"],.n9-ki[data-st="3"] .n9k-sp[data-s="3"]{color:#fff}
.n9k-fuss{margin:14px 0 0;color:#9FBFCA;font-size:.84rem;line-height:1.5}
@media (max-width:900px){.n9k-kopf{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.n9k-r0{display:none}.n9k-r{grid-template-columns:minmax(0,1fr);gap:6px;padding:12px;border-radius:14px;background:rgba(255,255,255,.04)}.n9k-l{padding:0 2px 4px}.n9k-st{display:block}
.n9-ki[data-st="1"] .n9k-z[data-s="2"] .n9k-st,.n9-ki[data-st="1"] .n9k-z[data-s="3"] .n9k-st,.n9-ki[data-st="2"] .n9k-z[data-s="3"] .n9k-st{display:none}}
@media (prefers-reduced-motion:reduce){.n9k-z{transition:none}.n9k-b{animation:none!important}.n9-stufen button{animation:none!important}}