/* v35: Schaltbild (Stromlaufplan aus Daten), Schaltungen erleben, Steckbaukasten, Plan lesen */
.sb-plan{display:block;width:100%;height:auto;max-height:560px;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.sb-plan text{font-family:inherit;pointer-events:none}
.sb-leiter{fill:none;stroke:var(--ct-abb5c8);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.sb-strom{fill:none;stroke:var(--ct-82f9d4);stroke-width:4;stroke-linecap:round;stroke-dasharray:3 13;opacity:0;animation:sb-fluss 1.1s linear infinite;pointer-events:none}
.sb-treffer{fill:none;stroke:var(--ct-000000);stroke-opacity:0;stroke-width:14;cursor:pointer}
.sb-draht.fliesst .sb-strom{opacity:1}
.sb-draht.fliesst .sb-leiter{stroke:var(--ct-d9e3f2)}
.sb-draht.langsam .sb-strom{animation-duration:3s}
.sb-draht.schnell .sb-strom{animation-duration:.45s}
.sb-draht.rueck .sb-strom{animation-direction:reverse}
@keyframes sb-fluss{to{stroke-dashoffset:-16}}
.sb-punkt{fill:var(--ct-abb5c8)}
.sb-lead{fill:none;stroke:var(--ct-abb5c8);stroke-width:2.4;stroke-linecap:round}
.sb-k{fill:none;stroke:var(--ct-f3f6fb);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sb-dick{stroke-width:5}
.sb-dick2{stroke-width:3}
.sb-voll{fill:var(--ct-f3f6fb);stroke:var(--ct-f3f6fb);stroke-width:1.2;stroke-linejoin:round}
.sb-fuell{fill:var(--ct-111722)}
.sb-pfeil{stroke-width:1.6}
.sb-kenn{fill:var(--ct-00b4d8);font-size:13px;font-weight:800}
.sb-wert{fill:var(--ct-abb5c8);font-size:11.5px}
.sb-zeichen{fill:var(--ct-f3f6fb);font-size:14px;font-weight:800}
.sb-pol{fill:var(--ct-ff9e00);font-size:15px;font-weight:900}
.sb-notiz{fill:var(--ct-78839a);font-size:12px}
.sb-wirk{stroke-dasharray:3 3}
.sb-mech{fill:none;stroke:var(--ct-abb5c8);stroke-width:1.6;stroke-dasharray:5 4}
.sb-flaeche{fill:var(--ct-000000);fill-opacity:0;stroke:none}
.sb-glow{fill:var(--ct-ffd166);opacity:0;filter:blur(3px);transition:opacity .15s}
.sb-led .sb-glow{fill:var(--ct-ff5d5d)}
.sb-weg{fill:none;stroke:var(--ct-ff6b6b);stroke-width:3;stroke-linecap:round;display:none}
.sb-teil.kaputt .sb-weg{display:inline}
.sb-teil.kaputt .sb-k{stroke:var(--ct-78839a)}
.sb-k1{display:none}
.sb-teil.betaetigt .sb-k0{display:none}
.sb-teil.betaetigt .sb-k1{display:inline}
.sb-wellen{fill:none;stroke:var(--ct-ffd166);stroke-width:2;stroke-linecap:round;opacity:0}
.sb-summer.an .sb-wellen{opacity:1;animation:sb-puls .5s ease-in-out infinite alternate}
@keyframes sb-puls{from{opacity:.35}to{opacity:1}}
.sb-summer.verpolt .sb-k{stroke:var(--ct-ff9e00)}
.sb-led.verpolt .sb-k,.sb-led.verpolt .sb-voll{stroke:var(--ct-ff9e00)}
.sb-led.verpolt .sb-voll{fill:var(--ct-ff9e00)}
.sb-led.an .sb-voll{fill:var(--ct-ff5d5d);stroke:var(--ct-ff5d5d)}
.sb-lampe.an .sb-fuell{fill:var(--ct-5a4a16)}
.sb-dreh{opacity:0}
.sb-motor.an .sb-dreh{opacity:1;transform-box:view-box;animation:sb-drehen 1.2s linear infinite;transform-origin:0 0}
.sb-motor.an.links .sb-dreh{animation-direction:reverse}
@keyframes sb-drehen{to{transform:rotate(360deg)}}
.sb-spule.an .sb-spule{fill:var(--ct-0b4f5c);stroke:var(--ct-00b4d8)}
.sb-npn.an .sb-k{stroke:var(--ct-82f9d4)}
.sb-ladung{fill:var(--ct-00b4d8);opacity:0}
.sb-quelle.kurz .sb-k{stroke:var(--ct-ff6b6b)}
.sb-sicherung.kaputt .sb-lead{stroke-dasharray:10 8}
.sb-bedien{cursor:pointer}
.sb-bedien:hover .sb-k{stroke:var(--ct-00b4d8)}
.sb-teil{cursor:pointer}
.sb-teil.gewaehlt .sb-flaeche{fill:var(--ct-00b4d8);fill-opacity:.12;stroke:var(--ct-00b4d8);stroke-width:1;stroke-dasharray:3 3}
.sb-plan.hat-markierung .sb-draht:not(.markiert){opacity:.28}
.sb-plan.hat-markierung .sb-teil:not(.markiert){opacity:.35}
.sb-draht.markiert .sb-leiter{stroke:var(--ct-ffd166);stroke-width:4}
.sb-teil.markiert .sb-k{stroke:var(--ct-ffd166)}
.sb-teil.markiert .sb-kenn{fill:var(--ct-ffd166)}
@media (prefers-reduced-motion:reduce){.sb-strom{animation:none;stroke-dasharray:2 7}.sb-summer.an .sb-wellen,.sb-motor.an .sb-dreh{animation:none}}

/* Schaltungen erleben */
.se-stufen{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.se-stufe{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--cr-273143);background:var(--cf-111722);color:var(--ct-f3f6fb);font:inherit;font-weight:800;cursor:pointer}
.se-stufe small{color:var(--ct-78839a);font-weight:700;margin-left:4px}
.se-stufe[aria-pressed="true"]{border-color:var(--cr-00b4d8);background:var(--cf-0b2a35);color:var(--ct-ffffff)}
.se-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-bottom:22px}
.se-chip{display:flex;align-items:center;gap:10px;min-height:56px;padding:9px 12px;border:1px solid var(--cr-273143);border-radius:14px;background:var(--cf-111722);color:var(--ct-f3f6fb);font:inherit;text-align:left;cursor:pointer;text-decoration:none}
.se-chip strong{display:block;font-size:.95rem}
.se-chip small{display:block;color:var(--ct-abb5c8);font-size:.82rem;line-height:1.3}
.se-chip[aria-current="true"]{border-color:var(--cr-00b4d8);box-shadow:0 0 0 1px var(--cf-00b4d8) inset}
.se-chip.ist-erledigt .se-nr{background:var(--cf-00bd9d);color:var(--ct-080b11)}
.se-nr{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--cf-1b2433);color:var(--ct-abb5c8);font-weight:900}
.se-haken{margin-left:auto;color:var(--ct-00bd9d);font-weight:900}
.se-meister{border-style:dashed}
.se-kopf h2{margin:6px 0 6px}
.se-kopf h2:focus{outline:none}
.se-kopf p{color:var(--ct-abb5c8);margin:0 0 14px;max-width:70ch}
.se-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:900;letter-spacing:.02em;background:var(--cf-1b2433);color:var(--ct-abb5c8)}
.se-badge.se-rookie{background:var(--cf-0b3b33);color:var(--ct-82f9d4)}
.se-badge.se-fortgeschritten{background:var(--cf-0b2a35);color:var(--ct-7fdcf0)}
.se-badge.se-profi{background:var(--cf-3a2a0b);color:var(--ct-ffcf73)}
.se-raster{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:22px;align-items:start}
.se-planbox{border:1px solid var(--cr-273143);border-radius:16px;padding:10px;background:var(--cf-0c111a)}
.se-hilfe{color:var(--ct-78839a);font-size:.85rem;margin:6px 4px 0}
.se-panel h3,.se-aufgaben h3{font-size:1rem;margin:16px 0 8px}
.se-panel h3:first-child{margin-top:0}
.se-bedien{display:flex;flex-wrap:wrap;gap:8px}
.se-knopf{width:auto;min-height:44px;touch-action:none;-webkit-user-select:none;user-select:none}
.se-knopf small{font-weight:600;opacity:.8;margin-left:4px}
.se-knopf[aria-pressed="true"]{border-color:var(--cr-ffd166);box-shadow:0 0 0 1px var(--cf-ffd166) inset}
.se-regler{display:block;width:100%;margin:6px 0}
.se-regler span{display:block;font-weight:700;margin-bottom:4px}
.se-regler output{color:var(--ct-82f9d4)}
.se-regler input{width:100%;min-height:32px;accent-color:var(--ct-00b4d8)}
.se-optionen{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:12px;color:var(--ct-abb5c8);font-size:.9rem}
.se-optionen select{font:inherit;background:var(--cf-111722);color:var(--ct-f3f6fb);border:1px solid var(--cr-273143);border-radius:8px;padding:4px 6px}
.se-link{background:none;border:0;color:var(--ct-7fdcf0);font:inherit;text-decoration:underline;cursor:pointer;padding:6px 0;min-height:32px}
.se-was{margin-top:6px;padding:12px 14px;border-radius:12px;background:var(--cf-0b2a35);border:1px solid var(--cr-124657)}
.se-was h3{margin:0 0 4px}
.se-was p{margin:0;line-height:1.5}
.se-tabelle{width:100%;border-collapse:collapse;font-size:.9rem}
.se-tabelle th,.se-tabelle td{padding:6px 8px;border-bottom:1px solid var(--cr-273143);text-align:left;vertical-align:top}
.se-tabelle th small{display:block;color:var(--ct-78839a);font-weight:600}
.se-tabelle td{font-variant-numeric:tabular-nums;white-space:nowrap}
.se-tabelle thead th{white-space:nowrap}
@media (max-width:420px){.se-tabelle{font-size:.82rem}.se-tabelle th,.se-tabelle td{padding:6px 4px}}
.se-wahr .se-tabelle td,.se-wahr .se-tabelle th{text-align:center}
.se-tabelle tr.ist-jetzt td{background:var(--cf-1d2a3c);color:var(--ct-ffffff);font-weight:900}
.se-klein{color:var(--ct-78839a);font-size:.82rem;margin:4px 0 0}
.se-info{margin-top:10px;padding:10px 12px;border-left:3px solid var(--cr-00b4d8);background:var(--cf-111722);border-radius:0 10px 10px 0}
.se-info p{margin:0 0 4px}
.se-aufgaben ol{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.se-aufgaben li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;border:1px solid var(--cr-273143);background:var(--cf-111722)}
.se-aufgaben li.ist-aktiv{border-color:var(--cr-00b4d8)}
.se-aufgaben li.ist-fertig{border-color:var(--cr-00bd9d);background:var(--cf-0b2b27)}
.se-aufgaben li.ist-spaeter{color:var(--ct-78839a)}
.se-status{flex:0 0 18px;font-weight:900;color:var(--ct-00bd9d)}
.se-merke{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:var(--cf-1b1d2c);border:1px solid var(--cr-2f3350)}
.se-weiter{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:18px}
.se-weiter .calc-button{width:auto}
@media (max-width:860px){.se-raster{grid-template-columns:1fr}}

/* Steckbaukasten */
.sk-wrap{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:start}
.sk-werkzeuge{position:sticky;top:84px;display:grid;gap:12px}
.sk-modi,.sk-palette{display:grid;gap:6px}
.sk-palette{grid-template-columns:1fr 1fr}
.sk-wz{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 10px;border:1px solid var(--cr-273143);border-radius:12px;background:var(--cf-111722);color:var(--ct-f3f6fb);font:inherit;font-size:.86rem;font-weight:700;text-align:left;cursor:pointer}
.sk-wz.sk-teil{flex-direction:column;gap:2px;padding:6px 4px;text-align:center;font-size:.74rem;line-height:1.15}
.sk-wz[aria-pressed="true"]{border-color:var(--cr-ffd166);background:var(--cf-2a2410);box-shadow:0 0 0 1px var(--cf-ffd166) inset}
.sk-mini{width:46px;height:46px;display:block}
.sk-haupt{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
.sk-seite{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;align-items:start}
.sk-seite .se-was{margin-top:0}
.sk-auftraege h3{margin-top:0!important}
.sk-brettbox{border:1px solid var(--cr-273143);border-radius:16px;padding:10px;background:var(--cf-0c111a)}
.sk-brett{max-height:none}
.sk-feld{fill:var(--ct-000000);fill-opacity:0;stroke:var(--ct-273143);stroke-width:1}
.sk-leer .sk-plus{stroke:var(--ct-273143);stroke-width:2}
.sk-platte{fill:var(--ct-151d2b);stroke:var(--ct-33405a);stroke-width:1.5}
.sk-leiter{fill:none;stroke:var(--ct-abb5c8);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.sk-s{stroke-width:4.4}
.sk-s.sk-an{opacity:1}
.sk-s.sk-rueck{animation-direction:reverse}
.sk-s.sk-langsam{animation-duration:3s}
.sk-s.sk-schnell{animation-duration:.45s}
.sk-wert{fill:var(--ct-abb5c8);font-size:13px}
.sk-offen{fill:var(--ct-ff6b6b);stroke:var(--ct-0c111a);stroke-width:2}
.sk-fokus{fill:none;stroke:none}
.sk-zelle{outline:none;cursor:pointer}
.sk-zelle:focus-visible .sk-fokus{stroke:var(--ct-ffd166);stroke-width:3}
.sk-brett[data-werkzeug="entfernen"] .sb-teil:hover .sk-platte{stroke:var(--ct-ff6b6b)}
.sk-brett:not([data-werkzeug="bedienen"]):not([data-werkzeug="entfernen"]):not([data-werkzeug="drehen"]) .sk-leer:hover .sk-feld{fill:var(--ct-00b4d8);fill-opacity:.08}
.sk-brett .sb-teil.betaetigt .sk-platte{stroke:var(--ct-ffd166)}
.sk-hilfe,.sk-klein{color:var(--ct-78839a);font-size:.85rem;margin:6px 4px 0}
.sk-knoepfe{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.sk-knoepfe .calc-button{width:auto}
.sk-status{margin:0;padding-left:18px;display:grid;gap:6px;line-height:1.45}
.sk-warn{color:var(--ct-ff8a8a)}
.sk-auftraege h3{margin:18px 0 8px;font-size:1rem}
.sk-auftragnav .se-link{white-space:nowrap}
.sk-auftragnav{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--ct-abb5c8);font-size:.85rem}
.sk-auftragnav .se-link[disabled]{opacity:.35;cursor:default}
.sk-auftrag{margin-top:6px;padding:12px 14px;border:1px solid var(--cr-00b4d8);border-radius:12px;background:var(--cf-111722)}
.sk-auftrag.ist-fertig{border-color:var(--cr-00bd9d);background:var(--cf-0b2b27)}
.sk-auftrag h4{margin:0 0 6px;font-size:1.02rem}
.sk-auftrag p{margin:0 0 8px}
.sk-auftrag details{margin-top:6px;color:var(--ct-abb5c8)}
.sk-auftrag summary{cursor:pointer;color:var(--ct-7fdcf0);min-height:32px}
.sk-ergebnis{color:var(--ct-82f9d4)}
.sk-legende{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin:0;padding:0;list-style:none}
.sk-legende li{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--cr-273143);border-radius:12px;background:var(--cf-111722)}
.sk-legende svg{flex:0 0 52px;width:52px;height:52px}
.sk-legende span{font-size:.9rem;line-height:1.35}
.sb-motor.links .sb-dreh path{transform:scaleX(-1)}
@media (max-width:760px){.sk-wrap{grid-template-columns:1fr;gap:10px}.sk-werkzeuge{position:static;gap:8px}.sk-palette{display:flex;overflow-x:auto;gap:6px;padding-bottom:6px;scroll-snap-type:x proximity}.sk-wz.sk-teil{flex:0 0 76px;scroll-snap-align:start}.sk-modi{grid-template-columns:repeat(3,1fr)}.sk-modi .sk-wz{justify-content:center;font-size:.78rem;padding:4px}.sk-brettbox{padding:4px}}

/* Schaltplan lesen / Pneumatikplan lesen */
.sl-lektion{scroll-margin-top:90px}
.sl-lektion .pp-card>h2{margin-top:0}
.sl-nr{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:8px;border-radius:50%;background:var(--cf-0b2a35);color:var(--ct-7fdcf0);font-weight:900;font-size:1rem;vertical-align:middle}
.sl-zwei{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.sl-zwei-breit{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr)}
.sl-zwei figure{margin:0;border:1px solid var(--cr-273143);border-radius:14px;padding:10px;background:var(--cf-0c111a)}
.sl-zwei figcaption{color:var(--ct-abb5c8);font-size:.86rem;font-weight:700;margin:0 0 6px 4px}
.sl-planbox{border:1px solid var(--cr-273143);border-radius:14px;padding:10px;background:var(--cf-0c111a)}
.sl-planbox .sb-plan,.sl-zwei figure .sb-plan{max-width:620px;margin:0 auto}
.sb-ruhig .sb-strom{display:none}
.sl-aufbau{display:block;width:100%;height:auto}
.sl-kabel{fill:none;stroke-width:5;stroke-linecap:round}
.sl-kabel.rot{stroke:var(--ct-d64545)}
.sl-kabel.schwarz{stroke:var(--ct-5b6578)}
.sl-aufbau.ist-an .sl-kabel{stroke-dasharray:6 8;animation:sb-fluss .9s linear infinite}
.sl-block{fill:var(--ct-24324a);stroke:var(--ct-3d4f6e);stroke-width:2}
.sl-blockkopf{fill:var(--ct-1a2436)}
.sl-pol{fill:var(--ct-c9d2e0);stroke:var(--ct-7a869b);stroke-width:1.5}
.sl-aufschrift{fill:var(--ct-c9d2e0);font-size:14px;font-weight:700}
.sl-plus{fill:var(--ct-ff9e00);font-size:15px;font-weight:900}
.sl-gehaeuse{fill:var(--ct-2c3546);stroke:var(--ct-4a5770);stroke-width:2}
.sl-wippe{fill:var(--ct-3c475d);stroke:var(--ct-64728c);stroke-width:1.5}
.sl-wippe-an{stroke:var(--ct-ff6b6b);stroke-width:4;stroke-linecap:round;opacity:.35}
.sl-ding.ist-zu .sl-wippe-an{opacity:1;stroke:var(--ct-82f9d4)}
.sl-klick{cursor:pointer}
.sl-schein{fill:var(--ct-ffd166);opacity:0;filter:blur(8px);transition:opacity .2s}
.sl-aufbau.ist-an .sl-schein{opacity:.8}
.sl-fassung{fill:var(--ct-5b6578);stroke:var(--ct-7a869b)}
.sl-kolben{fill:var(--ct-e8eef7);fill-opacity:.18;stroke:var(--ct-c9d2e0);stroke-width:2}
.sl-aufbau.ist-an .sl-kolben{fill:var(--ct-fff3c4);fill-opacity:.9}
.sl-faden{fill:none;stroke:var(--ct-8a94a6);stroke-width:1.5}
.sl-aufbau.ist-an .sl-faden{stroke:var(--ct-ff9e00)}
.sl-ding.hervor{filter:drop-shadow(0 0 6px var(--cf-ffd166))}
.sl-leiste{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0 0}
.sl-leiste .calc-button{width:auto}
.sl-hinweis{color:var(--ct-c9d2e0);margin:10px 0 0;line-height:1.5}
.sl-quiz{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.sl-frage{padding:12px;border:1px solid var(--cr-273143);border-radius:14px;background:var(--cf-111722)}
.sl-frage-kopf p{margin:6px 0 8px;font-weight:700}
.sl-mini{display:block;width:100%;max-width:220px;height:auto;margin:0 auto;background:var(--cf-0c111a);border-radius:10px}
.sl-antworten{display:flex;flex-wrap:wrap;gap:8px}
.sl-antwort{min-height:44px;padding:6px 14px;border-radius:999px;border:1px solid var(--cr-33405a);background:var(--cf-151d2b);color:var(--ct-f3f6fb);font:inherit;font-weight:700;cursor:pointer;text-align:left}
.sl-antwort.ist-richtig{border-color:var(--cr-00bd9d);background:var(--cf-0b2b27)}
.sl-antwort.ist-falsch{border-color:var(--cr-ff6b6b);background:var(--cf-2e1416)}
.sl-antwort:disabled{cursor:default}
.sl-erkl{margin:8px 0 0;font-size:.92rem;line-height:1.45}
.sl-stand{font-weight:800;color:var(--ct-82f9d4)}
.sl-symbole{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.sl-symbole li{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid var(--cr-273143);border-radius:14px;background:var(--cf-111722)}
.sl-sym{flex:0 0 86px;width:86px;height:74px;background:var(--cf-0c111a);border-radius:10px}
.sl-symbole p{margin:4px 0 0;font-size:.88rem;color:var(--ct-abb5c8);line-height:1.4}
.sl-kb{display:inline-block;margin-left:4px;padding:1px 8px;border-radius:999px;background:var(--cf-0b2a35);color:var(--ct-7fdcf0);font-weight:900;font-size:.8rem}
.sl-szenario{margin:0 0 10px;line-height:1.5}
.sl-spiegel{margin-top:14px}
.sl-spiegel caption{text-align:left;font-weight:800;padding-bottom:6px}
.sl-schritte{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:10px}
.sl-schritte li{counter-increment:s;position:relative;padding:12px 14px 12px 54px;border:1px solid var(--cr-273143);border-radius:14px;background:var(--cf-111722);line-height:1.5}
.sl-schritte li::before{content:counter(s);position:absolute;left:14px;top:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--cf-00b4d8);color:var(--ct-080b11);font-weight:900}
.sl-tabelle{width:100%;border-collapse:collapse}
.sl-tabelle th,.sl-tabelle td{padding:8px 10px;border-bottom:1px solid var(--cr-273143);text-align:left;vertical-align:top}
.sl-tabelle-wrap{overflow-x:auto}
.sl-inhalt{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.sl-inhalt a{display:inline-block;padding:8px 12px;border:1px solid var(--cr-273143);border-radius:999px;background:var(--cf-111722);color:var(--ct-f3f6fb);text-decoration:none;font-weight:700;font-size:.9rem}
.sl-inhalt a:hover{border-color:var(--cr-00b4d8)}
@media (max-width:860px){.sl-zwei,.sl-zwei-breit{grid-template-columns:1fr}}

/* Pneumatikplan */
.pn-plan{display:block;width:100%;height:auto;max-width:640px;margin:0 auto;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.pn-plan text{font-family:inherit;pointer-events:none}
.pn-k{fill:none;stroke:var(--ct-f3f6fb);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pn-fl{fill:var(--ct-111722)}
.pn-voll{fill:var(--ct-f3f6fb);stroke:none}
.pn-lead{fill:none;stroke:var(--ct-abb5c8);stroke-width:2.4}
.pn-leitung{fill:none;stroke:var(--ct-78839a);stroke-width:2.6;stroke-linejoin:round;transition:stroke .15s}
.pn-leitung.pn-steuer{stroke-dasharray:7 5;stroke-width:2}
.pn-leitung.pn-druck{stroke:var(--ct-00b4d8);stroke-width:4}
.pn-leitung.pn-steuer.pn-druck{stroke-width:3}
.pn-punkt{fill:var(--ct-abb5c8)}
.pn-rahmen{fill:none;stroke:var(--ct-78839a);stroke-width:1.4;stroke-dasharray:4 3}
.pn-kenn{fill:var(--ct-00b4d8);font-size:13px;font-weight:800}
.pn-text{fill:var(--ct-abb5c8);font-size:11.5px}
.pn-port{fill:var(--ct-78839a);font-size:10px}
.pn-notiz{fill:var(--ct-78839a);font-size:12px}
.pn-flaeche{fill:var(--ct-000000);fill-opacity:0}
.pn-schieber,.pn-rechts{transition:transform .18s ease}
.pn-teil.betaetigt .pn-k{stroke:var(--ct-ffd166)}
.pn-teil.betaetigt .pn-voll{fill:var(--ct-ffd166)}
.pn-kolben{transition:none}
.pn-kugel{fill:var(--ct-2a3448);transition:transform .15s}
.pn-stiel{fill:none;stroke:var(--ct-78839a);stroke-width:2;stroke-dasharray:7 5}
.pn-v32,.pn-v52{cursor:pointer}
.pn-ebene rect{fill:var(--ct-00b4d8);fill-opacity:0;transition:fill-opacity .2s}
.pn-ebene text{fill:var(--ct-3f4a5f);font-size:12px;font-weight:800;letter-spacing:.03em}
.pn-ebene.aktiv rect{fill-opacity:.08}
.pn-ebene.aktiv text{fill:var(--ct-7fdcf0)}
.pn-plan.hat-markierung .pn-teil:not(.markiert){opacity:.4}
.pn-teil.markiert .pn-kenn{fill:var(--ct-ffd166)}
@media (prefers-reduced-motion:reduce){.pn-schieber,.pn-rechts,.pn-kugel{transition:none}}
.sl-regeln{margin:0 0 14px;padding-left:20px;display:grid;gap:6px;line-height:1.5}
.sk-regeln{margin:0 0 14px;padding-left:20px;display:grid;gap:8px;line-height:1.5}
.sk-kurz,.sk-wisch{display:none}
@media (min-width:1180px){.sk-haupt{grid-template-columns:minmax(0,1fr) 300px}.sk-seite{grid-template-columns:1fr}}
@media (max-width:760px){.sk-wisch{display:block;margin:0;color:var(--ct-78839a);font-size:.8rem}.sk-kurz{display:block;margin:8px 4px 0;padding:8px 10px;border-radius:10px;background:var(--cf-0b2a35);color:var(--ct-f3f6fb);font-size:.9rem;line-height:1.4}.sk-mini{width:40px;height:40px}}
.se-was .se-info{margin-top:10px}
.pn-stiel.pn-druck{stroke:var(--ct-00b4d8);stroke-width:3}
.sl-handy{display:none}
@media (max-width:600px){.sl-handy{display:block;color:var(--ct-78839a);font-size:.82rem;margin:6px 0 0}}

/* Pneumatik stecken */
.ps-raster{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:20px;align-items:start}
.ps-planbox .pn-plan{max-width:none}
.pn-anschluss{fill:var(--ct-0c111a);stroke:var(--ct-ffd166);stroke-width:2.2;cursor:pointer}
.pn-anschluss:hover{fill:var(--ct-3a2f0b)}
.pn-anschluss.gewaehlt{fill:var(--ct-ffd166);stroke:var(--ct-ffffff)}
.pn-stecken .pn-leitung{cursor:default}
.ps-abziehen .pn-leitung{cursor:pointer;stroke:var(--ct-ff8a8a)}
.ps-abziehen .pn-leitung:hover{stroke-width:6}
.ps-panel h2{margin:6px 0}
.ps-panel h3{font-size:1rem;margin:16px 0 6px}
.ps-teile,.ps-schlaeuche{margin:0;padding-left:18px;display:grid;gap:4px;font-size:.92rem;color:var(--ct-c9d2e0)}
.ps-wahl{display:grid;gap:8px}
.ps-wahl label{display:grid;gap:4px;font-size:.9rem;color:var(--ct-abb5c8)}
.ps-wahl select{font:inherit;background:var(--cf-111722);color:var(--ct-f3f6fb);border:1px solid var(--cr-273143);border-radius:8px;padding:8px;min-height:40px}
.ps-wahl .calc-button{width:auto;justify-self:start}
@media (max-width:900px){.ps-raster{grid-template-columns:1fr}}
.pn-leitung.pn-blasen{stroke:var(--ct-ff6b6b);stroke-dasharray:3 5;stroke-width:3.4}
.ps-warn{margin:8px 4px 0;padding:8px 10px;border-radius:10px;background:var(--cf-2e1416);color:var(--ct-ffc9c9);font-size:.9rem}
.ep-zwei{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;margin-top:12px}
.ep-zwei figure{margin:0}
.ep-zwei figcaption{color:var(--ct-abb5c8);font-size:.86rem;font-weight:700;margin:0 0 6px 4px}
.ep-titel{margin:18px 0 6px}
@media (max-width:860px){.ep-zwei{grid-template-columns:1fr}}

/* Kontaktplan neben Stromlaufplan */
.kp-raster{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;margin-top:10px}
.kp-raster figure{margin:0}
.kp-raster figcaption{color:var(--ct-abb5c8);font-size:.86rem;font-weight:700;margin:0 0 6px 4px}
.kp-plan{display:block;width:100%;height:auto}
.kp-plan text{font-family:inherit}
.kp-l{fill:none;stroke:var(--ct-78839a);stroke-width:2.6}
.kp-l.an,.kp-schiene.an{stroke:var(--ct-3ddc84)}
.kp-schiene{fill:none;stroke:var(--ct-abb5c8);stroke-width:4}
.kp-k{fill:none;stroke:var(--ct-f3f6fb);stroke-width:2.6}
.kp-k.zu{stroke:var(--ct-3ddc84)}
.kp-spule{fill:none;stroke:var(--ct-f3f6fb);stroke-width:2.6}
.kp-spule.an{stroke:var(--ct-3ddc84)}
.kp-var{fill:var(--ct-00b4d8);font-size:13px;font-weight:800}
.kp-name{fill:var(--ct-abb5c8);font-size:11.5px}
.kp-leds{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}
.kp-leds li{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.92rem}
.kp-leds small{color:var(--ct-abb5c8)}
.kp-led{width:14px;height:14px;border-radius:50%;background:var(--cf-2a3346);border:1px solid var(--cr-4a5568);flex:0 0 14px}
.kp-led.an{background:var(--cf-3ddc84);box-shadow:0 0 8px var(--cf-3ddc84)}
.kp-led.q.an{background:var(--cf-ffd166);box-shadow:0 0 8px var(--cf-ffd166)}
.kp-karte{margin-bottom:22px}
@media (max-width:860px){.kp-raster{grid-template-columns:1fr}}

/* v36 Blindtest: Halteknöpfe unter dem Plan, Einrasten für die Maus */
.ps-halten{margin-top:10px}
.ps-rast{display:flex;align-items:flex-start;gap:8px;flex-basis:100%;font-size:.84rem;line-height:1.35;cursor:pointer}
.ps-rast input{margin-top:3px;width:18px;height:18px;flex:0 0 auto}
button[data-halt][aria-pressed="true"],button[data-t][aria-pressed="true"]{box-shadow:0 0 0 3px var(--cf-ffd166) inset}
/* v56 Laufpunkte im Pneumatikplan: mint = Zuluft, hellblau = Abluft (wie im Fluidtechnik-Labor) */
.pn-lauf{fill:none;stroke:var(--ct-8af1cb);stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2.4 11.6;opacity:0;pointer-events:none;animation:pn-lauf .55s linear infinite;filter:drop-shadow(0 0 1.6px var(--cf-0c111a))}
.pn-lauf.ab{stroke:var(--ct-80cffa)}
.pn-lauf.an{opacity:1}
.pn-lauf.rueck{animation-direction:reverse}
@keyframes pn-lauf{to{stroke-dashoffset:-14}}
.pn-legende{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:8px 0 0;font-size:.8rem;color:var(--ct-abb5c8)}
.pn-legende span{display:inline-flex;align-items:center;gap:6px}
.pn-legende i{display:inline-block;width:18px;height:4px;border-radius:2px;background:var(--cf-00b4d8)}
.pn-legende i.pn-lg-zu,.pn-legende i.pn-lg-ab{width:9px;height:9px;border-radius:50%;background:var(--cf-8af1cb)}
.pn-legende i.pn-lg-ab{background:var(--cf-80cffa)}
@media (prefers-reduced-motion:reduce){.pn-lauf{animation:none;stroke-dasharray:2.4 7.6}}