.tl-wrap{padding-bottom:42px}.tl-layout{display:grid;grid-template-columns:minmax(290px,.85fr) minmax(0,1.35fr);gap:24px;align-items:start}.tl-layout>*{min-width:0}.tl-controls label{display:grid;gap:8px;font-size:.91rem;color:var(--ct-cbe1e6);margin:15px 0}.tl-controls input:not([type=checkbox]),.tl-controls select{width:100%;min-width:0;padding:11px;background:var(--cf-0c202b);border:1px solid var(--cr-5d8494);border-radius:9px;color:var(--ct-e0edf1);font:inherit;min-height:44px}.tl-controls input[type=range]{padding:10px 0;accent-color:var(--ct-87e0c2)}.tl-controls input[type=checkbox]{width:21px;height:21px;accent-color:var(--ct-87e0c2)}.tl-controls .tl-pair{display:grid;grid-template-columns:1fr 1fr;gap:13px}.tl-controls button[type=submit]{margin-top:10px}.tl-result p{line-height:1.8}.tl-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.tl-value{padding:15px;border:1px solid var(--cr-395768);border-radius:13px;background:var(--cf-0b232c);overflow-wrap:anywhere}.tl-value span{display:block;color:var(--ct-a3c1d0);font-size:.82rem;line-height:1.5}.tl-value strong{display:block;color:var(--ct-a6edcf);font-size:1.55rem;line-height:1.5;margin-top:6px}.tl-diagram{background:var(--cf-0a1f28);border:1px solid var(--cr-385966);border-radius:15px;margin:20px 0;padding:10px}.tl-diagram svg{display:block;width:100%;height:auto}.tl-diagram text{fill:var(--ct-d8edf1);font-family:system-ui,sans-serif}.tl-diagram .wire{fill:none;stroke:var(--ct-9ebdca);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.tl-diagram .flow{stroke:var(--ct-8ee4c3);stroke-width:5;fill:none}.tl-diagram .part{fill:var(--ct-24424e);stroke:var(--ct-bddbe4);stroke-width:2}.tl-table-wrap{overflow-x:auto}.tl-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.9rem}.tl-table th,.tl-table td{padding:12px 9px;border-bottom:1px solid var(--cr-3c5867);text-align:left}.tl-table th{color:var(--ct-a7e9d8)}.tl-table caption{text-align:left;font-size:.85rem;margin-bottom:10px;color:var(--ct-bdd2df)}.tl-note{font-size:.86rem;line-height:1.8;color:var(--ct-a3c1cf)}.tl-status{padding:17px;border-radius:12px;background:var(--cf-183a36);border:1px solid var(--cr-406c5e);color:var(--ct-c8eee1);margin:18px 0;line-height:1.7}.tl-status.warn{background:var(--cf-392f22);border-color:var(--cr-8b7050);color:var(--ct-f0dbb6)}.tl-error{padding:20px;border-radius:13px;border:1px solid var(--cr-efb59a);color:var(--ct-f9dac9);background:var(--cf-352726);margin:20px 0}.tl-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 25px}.tl-tabs a[aria-current=page],.tl-controls button[aria-pressed=true]{background:var(--cf-88ddc6);color:var(--ct-102f29);border-color:var(--cr-88ddc6)}.tl-quiz-feedback{padding:16px;background:var(--cf-293b39);border-left:3px solid var(--cr-a0dfbd);border-radius:8px;margin:15px 0;line-height:1.8}.tl-quiz .wk-number{display:block;margin-top:16px}.tl-lower{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tl-lower>section{min-width:0}.tl-quiz fieldset{border:0;padding:0;margin:0}.tl-quiz legend{font-weight:700;line-height:1.8;margin-bottom:12px}.tl-meter{height:10px;background:var(--cf-26434e);border-radius:7px;overflow:hidden;margin:10px 0}.tl-meter div{height:100%;background:var(--cf-85ddc5)}.tl-controls output{color:var(--ct-a1e8cf)}.tl-crosslinks{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.tl-inline-links a{color:var(--ct-a6ead5)}.tl-help-label{color:var(--ct-a3c5cd);font-size:.82rem}section[id]{scroll-margin-top:140px}@media(max-width:980px){.tl-layout,.tl-lower{grid-template-columns:1fr}}@media(max-width:500px){.tl-values{grid-template-columns:1fr 1fr}.tl-value{padding:12px}.tl-value strong{font-size:1.16rem}.tl-diagram{padding:5px}.tl-controls .tl-pair{gap:10px}.tl-tabs .wk-btn{flex:1 1 42%;font-size:.84rem;padding:10px}.tl-table{font-size:.8rem}}@media print{.tl-controls,.tl-tabs,.tl-quiz,.site-header,.site-footer,.consent-bar{display:none!important}.tl-layout,.tl-lower{display:block}.tl-diagram,.wk-panel{break-inside:avoid;background:var(--cf-ffffff);color:var(--ct-000000)}.tl-diagram text{fill:var(--ct-000000)}.tl-result p,.tl-note,.tl-value strong{color:var(--ct-000000)}}

/* Keep technical labels readable on narrow displays. */
.tl-diagram{overflow-x:auto}.tl-show-result,.tl-diagram-hint{display:none}@media(max-width:980px){.tl-show-result{display:inline-flex;margin-top:18px}}@media(max-width:600px){.tl-diagram svg{min-width:540px}.tl-diagram-hint{display:block;font-size:.8rem;color:var(--ct-a3c1cf);margin-top:-10px}.tl-diagram:focus-visible{outline:2px solid var(--cr-8ee4c3);outline-offset:3px}}
/* v56 Laufpunkte im Zylinder-Modell: mint = Zuluft/Öl zum Zylinder, hellblau = Abluft/Rücklauf */
.tl-diagram .tl-lauf{fill:none;stroke:var(--ct-8af1cb);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3 11;filter:drop-shadow(0 0 2px var(--cf-0a1f28));pointer-events:none}
.tl-diagram .tl-lauf.ab{stroke:var(--ct-80cffa)}
.tl-legende{display:flex;flex-wrap:wrap;gap:6px 18px;margin:-8px 0 16px;font-size:.88rem;color:var(--ct-d8edf1)}
.tl-legende span{display:inline-flex;align-items:center;gap:7px}
.tl-legende i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--cf-8af1cb)}
.tl-legende i.tl-lg-ab{background:var(--cf-80cffa)}
.tl-legende .tl-lg-still{color:var(--ct-a8c6d1)}