/* v67 · Praxisseiten Härten, Dämpfer, Näherungsschalter, Zylinderschalter. Farben werden von build_farbansichten in Variablen umgewandelt. */
.v67-schritte{list-style:none;margin:16px 0;padding:0;display:grid;gap:10px;counter-reset:none}
.v67-schritte li{padding:14px 16px;border:1px solid var(--cr-2f4a56);border-radius:12px;background:var(--cf-0f222b)}
.v67-schritte li strong{display:block;margin-bottom:4px;color:var(--ct-e8f4f7)}
.v67-schritte li p{margin:0;line-height:1.65;color:var(--ct-c3d7df)}
.v67-liste{line-height:1.75;padding-left:20px}
.v67-sicher{padding:14px 16px;border-left:4px solid var(--cr-f3a6a0);background:var(--cf-2a1c1f);border-radius:6px;line-height:1.65}
.v67-richtwerte{margin:0}
.v67-unter{margin:28px 0 12px}
.v67-klein{font-size:.84rem;color:var(--ct-b7cbd6);margin:6px 0}
.v67-form label{display:flex;flex-direction:column;gap:6px;margin:0 0 14px;font-weight:650}
.v67-form label output{font-weight:800;color:var(--ct-7fdcef)}
.v67-form select{width:100%;min-width:0;padding:10px 11px;background:var(--cf-0c202b);border:1px solid var(--cr-5d8494);border-radius:9px;color:var(--ct-e0edf1);font:inherit;font-weight:500;min-height:44px}
.v67-form input[type="range"]{width:100%;accent-color:var(--ct-00b4d8);min-height:28px}
.v67-form select:focus-visible,.v67-form input:focus-visible{outline:3px solid var(--cr-00b4d8);outline-offset:2px}
.v67-form .wk-choice{flex-direction:row;align-items:center;font-weight:500}
.v67-knoepfe{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.v67-ergebnis-titel{margin:10px 0 8px;font-size:1.6rem}
.v67-ergebnis-titel small{font-size:.9rem;font-weight:600;color:var(--ct-b7cbd6)}
.v67-meldungen{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}
.v67-meldungen li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start;line-height:1.6;font-size:.94rem}
.v67-meldungen li span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-weight:900;font-size:.8rem}
.v67-m-ok span{background:var(--cf-1f5a47);color:var(--ct-c9f5e2)}.v67-m-warn span{background:var(--cf-5b4520);color:var(--ct-ffe2a8)}.v67-m-hinweis span{background:var(--cf-21455a);color:var(--ct-cfeefa)}
.v67-balken{display:block;height:6px;margin-top:8px;border-radius:3px;background:var(--cf-22394a);overflow:hidden}
.v67-balken span{display:block;height:100%;background:var(--cf-00b4d8);border-radius:3px}
.v67-balken.zaeh span{background:var(--cf-83ddbf)}
.v67-wert-warn{border-color:var(--cr-a8813f)}
.v67-farbe{display:inline-block;width:18px;height:18px;border-radius:5px;vertical-align:-3px;margin-right:8px;border:1px solid var(--cr-ffffff-a333)}
.v67-farben{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:14px 0}
.v67-farben div{display:flex;flex-direction:column;gap:3px;padding:10px;border:1px solid var(--cr-2f4a56);border-radius:10px;background:var(--cf-0f222b)}
.v67-farben span{height:26px;border-radius:6px;border:1px solid var(--cr-ffffff-a200)}
.v67-farben b{font-size:.92rem}.v67-farben small{color:var(--ct-b7cbd6)}
.v67-ader{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:-2px;border:1px solid var(--cr-ffffff-a333)}
.v67-ader.bn{background:var(--cf-8a5a2b)}.v67-ader.bu{background:var(--cf-2f6fd6)}.v67-ader.bk{background:var(--cf-111417)}.v67-ader.wh{background:var(--cf-f2f2f2)}
/* Zeichnungen */
.v67-bild text,.v67-klein-t{font-size:14px;fill:var(--ct-c3d7df)}
.v67-warn-t{font-size:15px;font-weight:800;fill:var(--ct-ffb35c)}
.v67-achse{fill:none;stroke:var(--ct-7d97a3);stroke-width:2}
.v67-null{fill:none;stroke:var(--ct-3b5563);stroke-width:1}
.v67-gestrichelt{fill:none;stroke:var(--ct-7d97a3);stroke-width:1.5;stroke-dasharray:5 5}
.v67-kurve{fill:none;stroke:var(--ct-00b4d8);stroke-width:4;stroke-linejoin:round;stroke-linecap:round}
.v67-band{fill:var(--ct-f0a35e);fill-opacity:.16}
.v67-kolben{fill:var(--ct-9fb3bf)}
.v67-magnet{fill:var(--ct-e05555)}
.v67-stange{fill:none;stroke:var(--ct-cfdbe2);stroke-width:8;stroke-linecap:round}
.v67-last{fill:var(--ct-3a6475);stroke:var(--ct-9cc6d6);stroke-width:2}
.v67-anschlag{fill:var(--ct-e7b780)}
.v67-puffer{fill:var(--ct-2b2f33);stroke:var(--ct-9fb3bf);stroke-width:2}
.v67-schlag{fill:none;stroke:var(--ct-ffb35c);stroke-width:4;stroke-linecap:round}
.v67-kopf{fill:var(--ct-4f6f7d);stroke:var(--ct-9cc6d6);stroke-width:2}
.v67-feld{fill:none;stroke:var(--ct-00b4d8);stroke-width:3;stroke-dasharray:4 5}
.v67-led{fill:var(--ct-ffd23f);stroke:var(--ct-7a6100);stroke-width:1.5}
.v67-led-gruen{fill:var(--ct-4fd18b);stroke:var(--ct-1d6b43);stroke-width:1.5}
.v67-led-aus{fill:var(--ct-26343c);stroke:var(--ct-566a75);stroke-width:1.5}
.v67-kabel{fill:none;stroke:var(--ct-9fb3bf);stroke-width:6;stroke-linecap:round}
.v67-sensor{fill:var(--ct-2b3d47);stroke:var(--ct-9cc6d6);stroke-width:2}
.v67-nut{fill:none;stroke:var(--ct-5b7887);stroke-width:6}
.v67-schiene{fill:none;stroke:var(--ct-7d97a3);stroke-width:3}
.v67-sps{fill:var(--ct-1b2d38);stroke:var(--ct-7d97a3);stroke-width:2}
.v67-draht{fill:none;stroke-width:4;stroke-linejoin:round}
.v67-draht-rand{fill:none;stroke:var(--ct-9fb3bf);stroke-width:7;stroke-linejoin:round;stroke-opacity:.55}
.v67-draht.bn{stroke:var(--ct-a06a33)}.v67-draht.bu{stroke:var(--ct-3d7fe6)}.v67-draht.bk{stroke:var(--ct-0b0d0f)}.v67-draht.wh{stroke:var(--ct-eeeeee)}
.v67-punkt{fill:var(--ct-e8f4f7)}
.v67-bereich{fill:var(--ct-4fd18b);fill-opacity:.35}
.v67-bereich-grenze{fill:var(--ct-f0a35e);fill-opacity:.3}
.v67-wackeln{animation:v67-wackeln .25s linear 2}
@keyframes v67-wackeln{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
@media (prefers-reduced-motion:reduce){.v67-wackeln{animation:none}}
.v67-meldungen li p{margin:0}