/* v57 Festigkeits- & Federlabor (festigkeit-federn-labor.html). Feste Palette; der Build wandelt Hex in Farbvariablen. */
.fl-sicherheit{margin:0 0 18px;padding:14px 18px;border:1px solid var(--cr-6f8396);border-left:4px solid var(--cr-f6d58a);border-radius:12px;background:var(--cf-111722);color:var(--ct-f3f6fb);line-height:1.7;font-size:.92rem}
.fl-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}
.fl-tabs[hidden]{display:none}
.fl-tabs button{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 14px;border:1px solid var(--cr-6f8396);border-radius:13px;background:var(--cf-111722);color:var(--ct-f3f6fb);font:inherit;font-size:.95rem;font-weight:650;text-align:left;cursor:pointer;line-height:1.35}
.fl-tabs button span{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--cr-6f8396);font-size:.82rem}
.fl-tabs button:hover{border-color:var(--cr-7ee7c8)}
.fl-tabs button[aria-selected="true"]{border-color:var(--cr-7ee7c8);background:var(--cf-0f1823);box-shadow:inset 0 -3px 0 var(--cf-7ee7c8)}
.fl-tabs button[aria-selected="true"] span{background:var(--cf-7ee7c8);border-color:var(--cr-7ee7c8);color:var(--ct-0f1823)}
.fl-tabs button:focus-visible,.fl-form input:focus-visible,.fl-form select:focus-visible,.fl-eingabe input:focus-visible,.fl-vermute summary:focus-visible,.fl-weg summary:focus-visible,.fl-figur:focus-visible{outline:3px solid var(--cr-f6d58a);outline-offset:3px}
.fl-station[hidden]{display:none!important}
.fl-station{scroll-margin-top:120px}
.fl-vermute{margin:0 0 18px}
.fl-vermute p{margin:0}
.fl-vermute details{margin-top:8px}
.fl-vermute summary,.fl-weg summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;color:var(--ct-7ee7c8);font-weight:650}
.fl-form .fl-gruppe{border:1px solid var(--cr-6f8396);border-radius:12px;padding:2px 14px 6px;margin:16px 0;min-width:0}
.fl-form .fl-gruppe legend{margin:0;padding:0 6px;font-weight:700;color:var(--ct-f3f6fb)}
.fl-form [hidden]{display:none!important}
.fl-form label i,.fl-antwort label i{font-family:Georgia,'Times New Roman',serif}
.fl-form input[type=range]{border:0;background:transparent;min-height:44px;padding:0}
.fl-last{border-top:1px solid var(--cr-6f8396);margin-top:16px;padding-top:4px}
.fl-ausgabe{min-width:0}
.fl-result.fl-veraltet{opacity:.5}
.fl-figur{margin:18px 0;min-width:0}
.fl-figur svg{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--cr-6f8396)}
.fl-federbild{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.05fr);gap:14px;align-items:start}
.fl-federbild .fl-figur{margin:18px 0 6px}
.fl-ampel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 14px;align-items:center;margin:16px 0;padding:14px 16px;border:1px solid var(--cr-6f8396);border-left-width:5px;border-radius:12px;background:var(--cf-111722)}
.fl-ampel strong{display:block;color:var(--ct-f3f6fb);font-size:1.08rem}
.fl-ampel span{color:var(--ct-f3f6fb)}
.fl-ampel.fl-gruen{border-left-color:var(--cr-7ee7c8)}
.fl-ampel.fl-gelb{border-left-color:var(--cr-f6d58a)}
.fl-ampel.fl-rot{border-left-color:var(--cr-ff8a8a)}
.fl-lichter{display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:10px;background:var(--cf-0f1823);border:1px solid var(--cr-6f8396)}
.fl-lichter i{display:block;width:14px;height:14px;border-radius:50%;background:var(--cf-111722);border:1px solid var(--cr-6f8396)}
.fl-rot .fl-l-rot{background:var(--cf-ff8a8a);border-color:var(--cr-ff8a8a)}
.fl-gelb .fl-l-gelb{background:var(--cf-f6d58a);border-color:var(--cr-f6d58a)}
.fl-gruen .fl-l-gruen{background:var(--cf-7ee7c8);border-color:var(--cr-7ee7c8)}
.fl-meter{grid-column:1/-1;position:relative;height:12px;border-radius:7px;background:var(--cf-0f1823);border:1px solid var(--cr-6f8396);overflow:hidden}
.fl-meter span{display:block;height:100%;background:var(--cf-7ee7c8)}
.fl-gelb .fl-meter span{background:var(--cf-f6d58a)}
.fl-rot .fl-meter span{background:var(--cf-ff8a8a)}
.fl-meter b{position:absolute;top:0;bottom:0;width:2px;background:var(--cf-f3f6fb)}
.fl-meter .fl-m80{left:64%}
.fl-meter .fl-m100{left:80%}
.fl-result .tl-value strong{font-size:1.25rem}
.fl-result h2{overflow-wrap:anywhere}
.fl-nur-schmal{display:none}
#aufgaben{margin-top:8px}
.fl-aufgaben-gruppe{margin-top:26px}
.fl-aufgaben-gruppe h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;font-size:1.2rem}
.fl-zur-station{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;font-size:.88rem;font-weight:500}
.fl-aufgaben-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fl-aufgabe{display:flex;flex-direction:column;gap:6px;min-width:0;padding:18px;border:1px solid var(--cr-6f8396);border-radius:16px;background:var(--cf-111722)}
.fl-aufgabe[hidden]{display:none}
.fl-aufgabe>p{margin:6px 0}
.fl-stufe{align-self:flex-start}
.fl-stufe-rookie{border-color:var(--cr-7ee7c8);color:var(--ct-7ee7c8)}
.fl-stufe-fortgeschritten{border-color:var(--cr-00b4d8);color:var(--ct-00b4d8)}
.fl-stufe-profi{border-color:var(--cr-f6d58a);color:var(--ct-f6d58a)}
.fl-antwort{margin-top:auto}
.fl-antwort label{display:block;font-size:.88rem;color:var(--ct-f3f6fb);margin:8px 0 6px}
.fl-eingabe{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.fl-eingabe input{flex:1 1 90px;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--cr-6f8396);border-radius:9px;background:var(--cf-0f1823);color:var(--ct-f3f6fb);font:inherit}
.fl-einheit{color:var(--ct-f3f6fb);font-size:.9rem;white-space:nowrap}
.fl-eingabe .wk-btn{flex:none}
.fl-rueckmeldung{margin:8px 0 0;line-height:1.6}
.fl-rueckmeldung:empty{display:none}
.fl-rueckmeldung.fl-gut{padding:10px 12px;border-left:3px solid var(--cr-7ee7c8);border-radius:8px;background:var(--cf-0f1823)}
.fl-rueckmeldung.fl-noch-nicht{padding:10px 12px;border-left:3px solid var(--cr-f6d58a);border-radius:8px;background:var(--cf-0f1823)}
.fl-weg ol{padding-left:22px;margin:4px 0 0}
.fl-weg li{margin:6px 0;line-height:1.65;overflow-wrap:anywhere}
.fl-stufen .wk-btn[aria-pressed="true"]{border-color:var(--cr-7ee7c8);background:var(--cf-0f1823);box-shadow:inset 0 -3px 0 var(--cf-7ee7c8)}
@media(max-width:1050px){.fl-nur-schmal{display:inline-flex}.fl-aufgaben-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.fl-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.fl-federbild{grid-template-columns:1fr}.fl-federbild .fl-feder{max-width:330px;width:100%;justify-self:center}.fl-aufgaben-grid{grid-template-columns:1fr}}
@media(max-width:420px){.fl-tabs button{font-size:.86rem;padding:8px 10px;gap:8px}.fl-ampel{padding:12px}.fl-aufgabe{padding:15px}}
@media print{.fl-tabs,.fl-form,.fl-stufen,.fl-antwort{display:none!important}.fl-station[hidden]{display:block!important}}
.xl-wrap var,.fl-aufgabe var{font-family:Georgia,'Times New Roman',serif;font-style:italic}
.fl-skala{grid-column:1/-1;position:relative;display:block;height:1.2em;margin-top:-6px;font-size:.75rem;color:var(--ct-f3f6fb)}
.fl-skala span{position:absolute;top:0;transform:translateX(-50%)}
.fl-skala span:first-child{left:0;transform:none}
.fl-skala .fl-s80{left:64%}
.fl-skala .fl-s100{left:80%}
.fl-form input[aria-invalid="true"]{border:2px solid var(--cr-ff8a8a);box-shadow:0 0 0 2px var(--cf-ff8a8a)}
.fl-feldfehler{color:var(--ct-ff8a8a);font-size:.84rem;line-height:1.5;font-weight:600}