/* v57 · Kraft & Bewegung (kraft-bewegung-labor.html) – ergänzt werkstatt.css, technik-lab.css, ausbau-lab.css */
.kl-wrap var{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400}
.kl-wrap sub{font-size:.72em;line-height:0}
.kl-h{font-size:1.7rem;margin:6px 0 14px}
.kl-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 22px}
.kl-tab{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:10px 14px;border:1px solid var(--cr-6f8396);border-radius:12px;background:var(--cf-111722);color:var(--ct-f3f6fb);font:inherit;font-weight:650;cursor:pointer;line-height:1.3;text-align:left}
.kl-tab:hover{border-color:var(--cr-7ee7c8)}
.kl-tab[aria-selected=true]{background:var(--cf-7ee7c8);color:var(--ct-0f1823);border-color:var(--cr-7ee7c8)}
.kl-tab:focus-visible,.kl-wrap button:focus-visible,.kl-wrap select:focus-visible,.kl-wrap input:focus-visible{outline:3px solid var(--cr-f6d58a);outline-offset:3px}
.kl-nr{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid currentColor;font-size:.85rem;flex:none}
.kl-station{margin-bottom:10px}
.kl-station[hidden]{display:none!important}
.kl-tabs:not([hidden])~.kl-station .kl-station-titel{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.kl-station-titel{display:flex;align-items:center;gap:12px;font-size:1.35rem;margin:28px 0 14px}
.kl-panel-titel{font-size:1.4rem;line-height:1.3;margin:0 0 14px;color:var(--ct-f3f6fb)}
.kl-panel-titel.kl-klein{font-size:1.1rem;margin-top:22px}
/* Vermute zuerst */
.kl-vermute{border-left:3px solid var(--cr-7ee7c8);padding:20px 24px}
.kl-vermute fieldset{border:0;margin:0;padding:0;min-width:0}
.kl-vermute legend{font-weight:650;line-height:1.7;margin-bottom:8px;color:var(--ct-f3f6fb)}
.kl-vermute-kopf{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;color:var(--ct-7ee7c8);margin-bottom:4px}
.kl-optionen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.kl-optionen .wk-choice{margin:0}
.kl-vermute-rueck:empty{display:none}
.kl-vermute-rueck,.kl-rueck{margin:14px 0 0;padding:14px 16px;border-radius:10px;border-left:3px solid var(--cr-6f8396);background:var(--cf-111722);line-height:1.7;color:var(--ct-f3f6fb)}
.kl-vermute-rueck.ok,.kl-rueck.ok{border-left-color:var(--cr-7ee7c8)}
.kl-vermute-rueck.falsch,.kl-rueck.falsch{border-left-color:var(--cr-f6d58a)}
.kl-rueck:empty{display:none}
/* Werkbank */
.kl-wrap .tl-controls input[type=radio],.kl-wrap .tl-controls input[type=checkbox],.kl-wrap .kl-vermute input[type=radio]{width:20px;height:20px;min-height:0;padding:0;margin-top:4px;flex:none;accent-color:var(--ct-7ee7c8)}
.kl-controls>h4,.kl-controls>.wk-kicker,.kl-controls>.xl-buttons,.kl-controls>.kl-fehler{grid-column:1/-1}
.kl-feld{border:0;padding:0;margin:16px 0 6px;min-width:0}
.kl-feld legend{font-size:.91rem;color:var(--ct-f3f6fb);margin:0 0 6px;font-weight:600}
.kl-feld .wk-choice{margin:8px 0;padding:10px 12px}
.kl-check{margin:14px 0}
.kl-regler{margin:15px 0}
.kl-regler>label{display:block;font-size:.91rem;color:var(--ct-f3f6fb);margin:0 0 6px}
.kl-wrap .tl-controls .kl-regler label{margin:0 0 6px}
.kl-reihe{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:12px;align-items:center}
.kl-wrap input[type=range]{width:100%;min-height:44px;accent-color:var(--ct-7ee7c8);margin:0;cursor:pointer}
.kl-reihe input[type=text]{text-align:right;font-variant-numeric:tabular-nums}
.kl-paar{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kl-paar label{min-width:0}
.kl-wrap input:disabled{opacity:.7;cursor:not-allowed}
.kl-wrap input[aria-invalid=true]{border-color:var(--cr-ff8a8a)!important;box-shadow:0 0 0 2px var(--cf-ff8a8a)}
.kl-fehler{margin:12px 0 0;padding:12px 14px;border-radius:10px;border:1px solid var(--cr-ff8a8a);background:var(--cf-111722);color:var(--ct-f3f6fb);line-height:1.6;font-size:.9rem}
.kl-band{margin:4px 0 0;line-height:1.6}
.kl-zug output{color:var(--ct-f6d58a);font-weight:700;font-variant-numeric:tabular-nums}
.kl-knoepfe{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.kl-tipp{font-size:.86rem;line-height:1.7;color:var(--ct-b9d0dd);margin:10px 0}
.kl-satz{margin:16px 0;min-height:3.6em}
.kl-satz:empty{display:none}
.kl-values{grid-template-columns:repeat(4,minmax(0,1fr))}
.kl-values .tl-value strong{font-size:1.2rem;font-variant-numeric:tabular-nums}
.kl-formel{font-size:.95rem}
.kl-formel strong{color:var(--ct-7ee7c8)}
.kl-klein-t{font-size:.85rem;color:var(--ct-b9d0dd)}
/* Zeichnungen */
.kl-diagram{background:var(--cf-0f1823);border:1px solid var(--cr-6f8396);border-radius:16px;padding:8px;margin:6px 0 4px}
.kl-svg{display:block;width:100%;height:auto;overflow:visible}
.kl-svg .kl-t{font:600 17px system-ui,sans-serif;fill:var(--ct-f3f6fb)}
.kl-svg .kl-var{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;font-size:21px}
.kl-svg .kl-idx{font-family:system-ui,sans-serif;font-style:normal;font-size:13px}
.kl-svg .kl-boden{fill:var(--ct-111722);stroke:var(--ct-6f8396);stroke-width:1.5}
.kl-svg .kl-schraff{stroke:var(--ct-6f8396);stroke-width:1.5}
.kl-svg .kl-halter{stroke:var(--ct-b9d0dd);stroke-width:3}
.kl-svg .kl-flasche{fill:var(--ct-111722);stroke:var(--ct-6f8396);stroke-width:2}
.kl-svg .kl-haken{fill:none;stroke:var(--ct-b9d0dd);stroke-width:3;stroke-linecap:round}
.kl-svg .kl-last{fill:var(--ct-152b36);stroke:var(--ct-b9d0dd);stroke-width:2}
.kl-svg .kl-last-t{font-size:16px;fill:var(--ct-f3f6fb)}
.kl-svg .kl-seil{fill:none;stroke:var(--ct-f6d58a);stroke-width:3.5;stroke-linejoin:round}
.kl-svg .kl-tragend{stroke:var(--ct-7ee7c8);stroke-width:3.5;opacity:.9}
.kl-svg .kl-rolle-k{fill:var(--ct-0f1823);stroke:var(--ct-b9d0dd);stroke-width:2.5}
.kl-svg .kl-rolle-i{fill:var(--ct-111722);stroke:var(--ct-6f8396);stroke-width:1.5}
.kl-svg .kl-rolle.lose .kl-rolle-k{stroke:var(--ct-00b4d8)}
.kl-svg .kl-speiche{stroke:var(--ct-6f8396);stroke-width:3;stroke-linecap:round}
.kl-svg .kl-achse{fill:var(--ct-b9d0dd)}
.kl-svg .kl-anker{fill:var(--ct-f6d58a);stroke:var(--ct-0f1823);stroke-width:2}
.kl-svg .kl-zahl circle{fill:var(--ct-0f1823);stroke:var(--ct-7ee7c8);stroke-width:1.5}
.kl-svg .kl-zahl-t{font-size:13px;fill:var(--ct-7ee7c8)}
.kl-svg .kl-info{font-size:30px;fill:var(--ct-7ee7c8)}
.kl-svg .kl-info-k{font-size:14px;fill:var(--ct-b9d0dd);font-weight:500}
.kl-svg .kl-mass{fill:none;stroke:var(--ct-b9d0dd);stroke-width:1.5}
.kl-svg .kl-mass-t{fill:var(--ct-b9d0dd)}
.kl-svg .kl-pf line{stroke-width:4;stroke-linecap:round}
.kl-svg .kl-pf-g line{stroke:var(--ct-f3f6fb)}.kl-svg .kl-pf-g polygon{fill:var(--ct-f3f6fb)}.kl-svg .kl-pf-g-t{fill:var(--ct-f3f6fb)}
.kl-svg .kl-pf-z line{stroke:var(--ct-7ee7c8)}.kl-svg .kl-pf-z polygon{fill:var(--ct-7ee7c8)}.kl-svg .kl-pf-z-t{fill:var(--ct-7ee7c8)}
.kl-svg .kl-pf-h line{stroke:var(--ct-ff8a8a)}.kl-svg .kl-pf-h polygon{fill:var(--ct-ff8a8a)}.kl-svg .kl-pf-h-t{fill:var(--ct-ff8a8a)}
.kl-svg .kl-pf-n line{stroke:var(--ct-00b4d8)}.kl-svg .kl-pf-n polygon{fill:var(--ct-00b4d8)}.kl-svg .kl-pf-n-t{fill:var(--ct-00b4d8)}
.kl-svg .kl-pf-r line{stroke:var(--ct-f6d58a)}.kl-svg .kl-pf-r polygon{fill:var(--ct-f6d58a)}.kl-svg .kl-pf-r-t{fill:var(--ct-f6d58a)}
.kl-svg .kl-hilfslinie{fill:none;stroke:var(--ct-6f8396);stroke-width:1.5;stroke-dasharray:6 5}
.kl-griff{cursor:grab;touch-action:none;outline:none}
.kl-griff.zieht{cursor:grabbing}
.kl-griff-flaeche{fill:var(--ct-f6d58a);fill-opacity:0;stroke:none}
.kl-griff-treff{fill:var(--ct-f6d58a);fill-opacity:.12;stroke:none}
.kl-griff-ring{fill:none;stroke:none;stroke-width:3}
.kl-griff:focus-visible .kl-griff-ring,.kl-griff.zieht .kl-griff-ring{stroke:var(--ct-f3f6fb)}
.kl-griff:focus-visible .kl-griff-flaeche{fill:var(--ct-f6d58a);fill-opacity:0;stroke:none}
.kl-griff-treff{fill-opacity:.25}
.kl-griff-k{fill:var(--ct-f6d58a);stroke:var(--ct-0f1823);stroke-width:2}
.kl-griff-r{stroke:var(--ct-0f1823);stroke-width:2;stroke-linecap:round}
.kl-svg .kl-rampe{fill:var(--ct-152b36);stroke:var(--ct-6f8396);stroke-width:1.5}
.kl-svg .kl-rampe-l{stroke:var(--ct-b9d0dd);stroke-width:3}
.kl-svg .kl-winkel{fill:none;stroke:var(--ct-f6d58a);stroke-width:2}
.kl-svg .kl-winkel-t{fill:var(--ct-f6d58a)}
.kl-svg .kl-anz{font-size:20px}
.kl-svg .kl-koerper{fill:var(--ct-111722);stroke:var(--ct-b9d0dd);stroke-width:2.5}
.kl-svg .kl-schwer{fill:var(--ct-f3f6fb)}
.kl-svg .kl-seil2{stroke:var(--ct-b9d0dd);stroke-width:3}
.kl-svg .kl-hand{fill:var(--ct-f6d58a);stroke:var(--ct-0f1823);stroke-width:2}
.kl-svg .kl-unterlage{fill:var(--ct-152b36);stroke:var(--ct-6f8396);stroke-width:1.5}
.kl-svg .kl-klotz{fill:var(--ct-111722);stroke:var(--ct-b9d0dd);stroke-width:2.5}
.kl-svg .kl-klotz.holz-holz{fill:var(--ct-392f22)}
.kl-svg .kl-klotz.gummi-beton{fill:var(--ct-24324a)}
.kl-svg .kl-messer{fill:var(--ct-111722);stroke:var(--ct-00b4d8);stroke-width:2}
.kl-svg .kl-messer-t{font-size:14px;fill:var(--ct-00b4d8)}
.kl-svg .kl-feder{fill:none;stroke:var(--ct-00b4d8);stroke-width:2}
.kl-svg .kl-zustand rect{fill:var(--ct-0f1823);stroke:var(--ct-00b4d8);stroke-width:1.5}
.kl-svg .kl-zustand.gleitet rect{stroke:var(--ct-f6d58a)}
.kl-svg .kl-zustand-t{font-size:15px;fill:var(--ct-00b4d8)}
.kl-svg .kl-zustand.gleitet .kl-zustand-t{fill:var(--ct-f6d58a)}
.kl-svg .kl-achse-l{stroke:var(--ct-b9d0dd);stroke-width:1.8}
.kl-svg .kl-achse-k{fill:var(--ct-b9d0dd)}
.kl-svg .kl-dia-t{font-size:16px;fill:var(--ct-b9d0dd)}
.kl-svg .kl-dia-k{font-size:14px;font-weight:500;fill:var(--ct-b9d0dd)}
.kl-svg .kl-th-haft{stroke:var(--ct-00b4d8);stroke-width:2.5;stroke-dasharray:8 6}
.kl-svg .kl-th-gleit{stroke:var(--ct-7ee7c8);stroke-width:2.5;stroke-dasharray:8 6}
.kl-svg .kl-th-sprung{stroke:var(--ct-6f8396);stroke-width:1.5;stroke-dasharray:3 4}
.kl-svg .kl-dia-haft,.kl-svg .kl-dia-haft-k{fill:var(--ct-00b4d8)}
.kl-svg .kl-dia-gleit,.kl-svg .kl-dia-gleit-k{fill:var(--ct-7ee7c8)}
.kl-svg .kl-dia-haft-k,.kl-svg .kl-dia-gleit-k{font-size:14px}
.kl-svg .kl-spur{fill:none;stroke:var(--ct-f6d58a);stroke-width:3.5;stroke-linejoin:round;stroke-linecap:round}
.kl-svg .kl-punkt{fill:var(--ct-f6d58a);stroke:var(--ct-0f1823);stroke-width:2}
.kl-legende{display:flex;flex-wrap:wrap;gap:4px 16px;list-style:none;margin:10px 0 0;padding:0;font-size:.86rem;color:var(--ct-f3f6fb)}
.kl-legende li{display:inline-flex;align-items:center;gap:7px}
.kl-legende i{display:inline-block;width:18px;height:4px;border-radius:2px;background:var(--cf-f3f6fb)}
.kl-legende .kl-lg-h{background:var(--cf-ff8a8a)}.kl-legende .kl-lg-n{background:var(--cf-00b4d8)}.kl-legende .kl-lg-z{background:var(--cf-7ee7c8)}.kl-legende .kl-lg-r{background:var(--cf-f6d58a)}
.kl-wrap .tl-controls label.wk-choice{display:flex;align-items:flex-start;gap:12px}
/* Grundlagen und Aufgaben */
.kl-grundlagen{align-items:start}
.kl-tabelle td,.kl-tabelle th{vertical-align:top}
.kl-tabelle td:nth-child(2),.kl-tabelle td:nth-child(3),.kl-tabelle th:nth-child(2),.kl-tabelle th:nth-child(3){white-space:nowrap}
.kl-aufgaben-panel{margin-top:10px}
.kl-aufgruppe h3{font-size:1.2rem;margin:26px 0 12px}
.kl-aufgaben{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kl-aufgabe{display:flex;flex-direction:column;border:1px solid var(--cr-6f8396);border-radius:14px;padding:18px;background:var(--cf-0f1823);min-width:0}
.kl-aufgabe label{font-size:.9rem;color:var(--ct-f3f6fb);margin-top:auto;padding-top:6px}
.kl-frage{margin:10px 0 12px;line-height:1.7;color:var(--ct-f3f6fb)}
.kl-stufe{align-self:flex-start;padding:4px 12px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.04em;border:1px solid}
.kl-stufe-rookie{color:var(--ct-7ee7c8);border-color:var(--cr-7ee7c8)}
.kl-stufe-fortgeschritten{color:var(--ct-00b4d8);border-color:var(--cr-00b4d8)}
.kl-stufe-profi{color:var(--ct-f6d58a);border-color:var(--cr-f6d58a)}
.kl-eingabe{display:flex;align-items:center;gap:10px;margin-top:8px}
.kl-eingabe input{flex:1;min-width:0;min-height:44px;padding:10px 12px;background:var(--cf-111722);border:1px solid var(--cr-6f8396);border-radius:9px;color:var(--ct-f3f6fb);font:inherit;text-align:right;font-variant-numeric:tabular-nums}
.kl-einheit{min-width:2.4em;color:var(--ct-b9d0dd)}
.kl-aufgabe .kl-knoepfe{margin:12px 0 0}
.kl-weg{margin:12px 0 0;padding:12px 12px 12px 34px;border-radius:10px;background:var(--cf-111722);line-height:1.8;color:var(--ct-f3f6fb)}
@media(max-width:1180px){.kl-values{grid-template-columns:repeat(2,minmax(0,1fr))}.kl-aufgaben{grid-template-columns:1fr 1fr}}
@media(max-width:1050px){.kl-controls .kl-regler,.kl-controls .kl-feld{min-width:0}}
@media(max-width:760px){.kl-optionen{grid-template-columns:1fr}.kl-aufgaben{grid-template-columns:1fr}}
@media(max-width:650px){.kl-tabs{gap:6px}.kl-tab{flex-direction:column;gap:4px;padding:8px 4px;font-size:.84rem;text-align:center}.kl-nr{width:24px;height:24px}.kl-diagram{padding:4px;border-radius:12px}.kl-reihe{grid-template-columns:minmax(0,1fr) 84px}.kl-vermute{padding:18px}.kl-paar{grid-template-columns:1fr}.kl-h{font-size:1.4rem}}
@media(max-width:650px){.kl-wrap .xl-layout .kl-result.wk-panel{padding:18px 12px}.kl-diagram{padding:2px;margin-left:-4px;margin-right:-4px}
.kl-svg .kl-t{font-size:22px}.kl-svg .kl-var{font-size:27px}.kl-svg .kl-idx{font-size:17px}.kl-svg .kl-last-t{font-size:20px}
.kl-svg .kl-info{font-size:34px}.kl-svg .kl-info-k{font-size:18px}.kl-svg .kl-zahl-t{font-size:15px}.kl-svg .kl-anz{font-size:25px}
.kl-svg .kl-messer-t{font-size:17px}.kl-svg .kl-zustand-t{font-size:18px}.kl-svg .kl-dia-t{font-size:20px}.kl-svg .kl-dia-k,.kl-svg .kl-dia-haft-k,.kl-svg .kl-dia-gleit-k{font-size:18px}}
@media(max-width:400px){.kl-values .tl-value strong{font-size:1.02rem}}
@media print{.kl-tabs,.kl-knoepfe,.kl-controls{display:none!important}.kl-station[hidden]{display:block!important}}