.trainer [hidden]{display:none!important}.trainer h1{margin:10px 0 12px;font-size:clamp(28px,5vw,42px)}.trainer .tr-weg{color:var(--ink-weich);margin:0 0 12px;font-size:14px}.trainer .tr-weg a{color:inherit}.trainer .tr-info{color:var(--ink-weich)}.trainer .tr-stand{margin:18px 0}.trainer .tr-balken{background:var(--flaeche-2);border-radius:999px;height:12px;display:flex;overflow:hidden}.trainer .tr-balken i.s{background:#1a8a4a}.trainer .tr-balken i.u{background:var(--orange)}.trainer .tr-stand p{color:var(--ink-weich);margin:8px 0 0;font-size:14px}.trainer .tr-stand b.s{color:#1a8a4a}.trainer .tr-stand b.u{color:var(--orange-tief,#d34100)}.trainer .tr-start{background:var(--flaeche);box-shadow:var(--schatten);border-radius:18px;margin:20px 0;padding:20px 22px}.trainer .tr-wahl{margin:0 0 16px}.trainer .tr-wahl-titel{margin:0 0 8px;font-size:14px;font-weight:800;display:block}.trainer .tr-wahl-titel small{color:var(--ink-weich);font-weight:600}.trainer .tr-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.trainer .tr-chip,.trainer .tr-frei{font:inherit;border:2px solid var(--linie);background:var(--bg);color:var(--ink);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:15px;font-weight:700}.trainer .tr-chip:hover{border-color:var(--blau)}.trainer .tr-chip.an,.trainer .tr-frei.an{border-color:var(--blau);background:var(--blau);color:#fff}.trainer .tr-frei{cursor:default;align-items:center;gap:8px;font-weight:600;display:inline-flex}.trainer .tr-frei input{width:64px;font:inherit;background:var(--flaeche-2);color:var(--ink);border:0;border-radius:8px;padding:3px 8px;font-weight:700}.trainer .tr-frei.an input{color:#0b2440;background:#fff}.trainer .tr-kats{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.trainer .tr-kat{text-align:left;font:inherit;border:2px solid var(--linie);background:var(--bg);color:var(--ink);cursor:pointer;border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.trainer .tr-kat:hover{border-color:var(--blau)}.trainer .tr-kat.an{border-color:var(--blau);box-shadow:inset 0 0 0 1px var(--blau);background:#0058a814}.trainer .tr-kat-kopf{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.trainer .tr-kat-kopf b{font-size:15px;line-height:1.25}.trainer .tr-kat.an .tr-kat-kopf b:before{content:"✓ ";color:var(--blau)}.trainer .tr-kat-zahl{color:var(--ink-weich);font-variant-numeric:tabular-nums;font-size:13px}.trainer .tr-kat-balken{background:var(--flaeche-2);border-radius:999px;height:6px;display:flex;overflow:hidden}.trainer .tr-kat-balken i.s{background:#1a8a4a}.trainer .tr-kat-balken i.u{background:var(--orange)}.trainer .tr-kat-info{color:var(--ink-weich);font-size:12px}.trainer .tr-kat.schwach{border-color:var(--orange)}.trainer .tr-kat.schwach .tr-kat-info{color:var(--orange-tief,#d34100);font-weight:700}.trainer .tr-katerg{flex-direction:column;gap:2px;margin:8px 0 0;padding:0;list-style:none;display:flex}.trainer .tr-katerg li{border-bottom:1px solid var(--linie);grid-template-columns:minmax(120px,1.2fr) 1fr 110px auto;align-items:center;gap:10px;padding:6px 0;font-size:15px;display:grid}.trainer .tr-katerg-balken{background:var(--flaeche-2);border-radius:999px;height:8px;overflow:hidden}.trainer .tr-katerg-balken i{height:100%;display:block}.trainer .tr-katerg li.gut i{background:#1a8a4a}.trainer .tr-katerg li.mittel i{background:var(--orange)}.trainer .tr-katerg li.schlecht i{background:#c62828}.trainer .tr-katerg-wert{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-weich)}@media (width<=560px){.trainer .tr-katerg li{grid-template-columns:1fr 90px}.trainer .tr-katerg-balken{order:3;grid-column:1/-1}.trainer .tr-katerg li .tr-leise{grid-column:1/-1;justify-self:start}}.trainer .tr-los{flex-wrap:wrap;gap:10px;margin:20px 0 6px;display:flex}@media (width<=560px){.trainer .tr-los .knopf,.trainer .tr-ergebnis .knopf{text-align:center;white-space:normal;justify-content:center;width:100%}.trainer .tr-start{padding:18px 16px}}.trainer .tr-verlauf{margin:16px 0 4px;font-size:14px}.trainer .tr-verlauf ul{flex-direction:column;gap:4px;margin:6px 0 0;padding:0;list-style:none;display:flex}.trainer .tr-verlauf li{color:var(--ink-weich);gap:12px;display:flex}.trainer .tr-verlauf li b{min-width:48px}.trainer .tr-verlauf b.ok{color:#1a8a4a}.trainer .tr-verlauf b.nein{color:#c62828}.trainer .tr-knoepfe{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 0;display:flex}.trainer .tr-leise{color:var(--ink-weich);cursor:pointer;font:inherit;background:0 0;border:0;padding:6px 0;font-size:14px;text-decoration:underline}.trainer .tr-karte{background:var(--flaeche);box-shadow:var(--schatten);border-top:4px solid var(--blau);border-radius:18px;margin-top:20px;padding:22px}.trainer .tr-oben{color:var(--ink-weich);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;gap:10px;margin:0;font-size:13px;font-weight:700;display:flex}.trainer .tr-fortschritt{background:var(--flaeche-2);border-radius:999px;height:5px;margin:10px 0 0;overflow:hidden}.trainer .tr-fortschritt i{background:var(--blau);height:100%;transition:width .3s;display:block}.trainer .tr-uhr{z-index:70;background:var(--nacht,#0b2440);color:#fff;font-variant-numeric:tabular-nums;border-radius:16px;flex-direction:column;align-items:flex-end;margin:0;padding:10px 18px;font-size:18px;font-weight:800;line-height:1.2;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 8px 24px #00000047}.trainer .tr-uhr-gross{font-size:20px}.trainer .tr-uhr-klein{opacity:.85;font-size:12px;font-weight:600}.trainer .tr-uhr-klein b{opacity:1}.trainer .tr-uhr.knapp{background:#c62828;animation:1s ease-in-out infinite tr-puls}@keyframes tr-puls{50%{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.trainer .tr-uhr.knapp{animation:none}}.trainer .tr-karte{padding-bottom:28px}.trainer .tr-karte h2{margin:12px 0 14px;font-size:clamp(20px,3.6vw,26px);line-height:1.3}.trainer .tr-bild{border:1px solid var(--linie);cursor:zoom-in;background:#fff;border-radius:12px;margin:0 0 16px;display:block;overflow:hidden}.trainer .tr-bild img{object-fit:contain;width:100%;max-height:360px;display:block}.trainer .tr-mehr{color:var(--orange-tief,#d34100);margin:-6px 0 10px;font-size:14px;font-weight:700}.trainer .tr-optionen{flex-direction:column;gap:10px;display:flex}.trainer .tr-option{text-align:left;font:inherit;border:2px solid var(--linie);background:var(--bg);color:var(--ink);cursor:pointer;border-radius:14px;align-items:center;gap:14px;padding:13px 16px;font-size:17px;display:flex}.trainer .tr-option span{background:var(--flaeche-2);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.trainer .tr-option:hover:not(:disabled){border-color:var(--blau)}.trainer .tr-option.an{border-color:var(--blau);background:#0058a814}.trainer .tr-option.an span{background:var(--blau);color:#fff}.trainer .tr-option.richtig{background:#1a8a4a1a;border-color:#1a8a4a}.trainer .tr-option.richtig span{color:#fff;background:#1a8a4a}.trainer .tr-option.falsch{background:#c6282812;border-color:#c62828}.trainer .tr-option:disabled{cursor:default}.trainer .tr-rueck{border-radius:12px;margin-top:16px;padding:14px 16px}.trainer .tr-rueck.ok{color:#1a8a4a;background:#1a8a4a1a}.trainer .tr-rueck.nein{color:#c62828;background:#c6282814}.trainer .tr-rueck p{color:var(--ink);margin:6px 0 0}.trainer .knopf:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.trainer .tr-erkl-bild{border:1px solid var(--linie);background:#fff;border-radius:10px;max-width:560px;margin:12px 0 0;display:block;overflow:hidden}.trainer .tr-erkl-bild img{width:100%;height:auto;display:block}.trainer .tr-erkl-bild.klein{max-width:260px;margin-top:8px}.trainer .tr-option img,.trainer .tr-fehler span img{vertical-align:middle;background:#fff;border-radius:4px;width:auto;height:40px}.trainer .tz-brett{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.trainer .tz-brett>*{min-width:0}@media (width>=860px){.trainer .tz-brett{grid-template-columns:minmax(0,1fr) 240px;align-items:start}.trainer .tz-palette{position:sticky;top:90px}}.trainer .tz-plan{position:relative}.trainer .tz-rahmen{border:1px solid var(--linie);background:#fff;border-radius:12px;overflow:hidden}.trainer .tz-bild{width:100%;position:relative}.trainer .tz-bild>img{user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;width:100%;height:auto;display:block}.trainer .tr-zuordnen.gross .tz-rahmen{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:70vh;overflow:auto}.trainer .tr-zuordnen.gross .tz-bild{width:200%}@media (width>=860px){.trainer .tr-zuordnen.gross .tz-bild{width:160%}}.trainer .tz-lupe{z-index:3;font:inherit;border:1px solid var(--linie);color:#0b2440;cursor:pointer;background:#fffffff0;border-radius:999px;padding:6px 11px;font-size:13px;font-weight:800;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 8px #0000001f}.trainer .tz-lupe[aria-pressed=true]{color:#fff;background:#0b2440;border-color:#0b2440}.trainer .tz-zone{color:#0b2440;min-width:30px;min-height:26px;font:inherit;cursor:pointer;white-space:nowrap;background:#ffffff59;border:2px dashed #0058a8;border-radius:7px;justify-content:center;align-items:center;gap:4px;padding:2px 7px;font-size:15px;font-weight:800;line-height:1.1;display:flex;position:absolute;transform:translate(-50%,-50%)}.trainer .tz-zone:after{content:"";position:absolute;inset:-8px}.trainer .tz-zone .tz-nr{color:#fff;background:#0058a8;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:grid;position:absolute;top:-9px;left:-9px}.trainer .tz-zone.voll{background:#fffffff2;border-style:solid}.trainer .tz-zone.aktiv{z-index:2;background:#f74c0024;border:3px solid #f74c00;box-shadow:0 0 0 4px #f74c0038}.trainer .tz-zone.aktiv .tz-nr{background:#f74c00}.trainer .tz-zone.ueber,.trainer .tr-zuordnen.waehlt .tz-zone:not(.voll){background:#0058a829;box-shadow:0 0 0 3px #0058a84d}.trainer .tz-zone.richtig{background:#dcf5e6f2;border:2px solid #1a8a4a}.trainer .tz-zone.falsch{z-index:2;background:#fde4e4f7;border:2px solid #c62828;flex-direction:column}.trainer .tz-zone.falsch .tz-inhalt{opacity:.7;text-decoration:line-through}.trainer .tz-loesung{color:#1a8a4a;font-size:13px}.trainer .tz-zone img,.trainer .tz-teil img,.trainer .tz-feld img{max-width:84px;max-height:40px;display:block}.trainer .tz-zone img{max-width:60px;max-height:30px}.trainer .tz-palette{flex-direction:column;gap:8px;display:flex}.trainer .tz-felder{flex-wrap:wrap;gap:6px;display:flex}.trainer .tz-feld{font:inherit;border:2px solid var(--linie);background:var(--bg);color:var(--ink-weich);cursor:pointer;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:4px 10px 4px 4px;font-size:14px;font-weight:700;display:inline-flex}.trainer .tz-feld b{color:#fff;background:#0058a8;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.trainer .tz-feld.voll{color:var(--ink);border-color:#0058a873}.trainer .tz-feld.aktiv{color:var(--ink);background:#f74c001a;border-color:#f74c00}.trainer .tz-feld.aktiv b{background:#f74c00}.trainer .tz-feld.ueber{background:#0058a81f;border-color:#0058a8}.trainer .tz-feld.richtig{color:#1a8a4a;background:#1a8a4a1a;border-color:#1a8a4a}.trainer .tz-feld.richtig b{background:#1a8a4a}.trainer .tz-feld.falsch{background:#c6282812;border-color:#c62828}.trainer .tz-feld.falsch b{background:#c62828}.trainer .tz-feld.falsch span{opacity:.7;text-decoration:line-through}.trainer .tz-feld em{color:#1a8a4a;font-style:normal;font-weight:800}.trainer .tz-feld img{max-width:48px;max-height:24px}.trainer .tz-hinweis{color:var(--ink-weich);min-height:1.4em;margin:0;font-size:14px}.trainer .tz-hinweis b{color:#c43e00}.trainer .tz-hinweis:empty{display:none}.trainer .tz-teile{flex-wrap:wrap;gap:8px;display:flex}.trainer .tz-teil{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font:inherit;border:2px solid var(--linie);background:var(--bg);color:var(--ink);cursor:grab;border-radius:10px;min-width:52px;min-height:44px;padding:9px 14px;font-size:16px;font-weight:800;position:relative}.trainer .tz-teil:hover{border-color:#0058a8}.trainer .tz-teil.an{color:#fff;background:#0058a8;border-color:#0058a8}.trainer .tz-teil.an img{background:#fff;border-radius:4px}.trainer .tz-teil.benutzt{color:var(--ink-weich);border-style:dashed}.trainer .tz-teil.benutzt:after{content:"✓";color:#fff;background:#1a8a4a;border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;display:grid;position:absolute;top:-7px;right:-7px}.trainer .tr-zuordnen.fertig .tz-teile,.trainer .tr-zuordnen.fertig .tz-lupe:not([aria-pressed=true]){display:none}.tz-geist{z-index:200;pointer-events:none;color:#0b2440;background:#fff;border:2px solid #0058a8;border-radius:10px;padding:9px 14px;font:800 16px Barlow,system-ui,sans-serif;position:fixed;transform:translate(-50%,-50%)scale(1.1);box-shadow:0 10px 24px #00000040}.tz-geist img{max-width:84px;max-height:40px;display:block}@media (width<=859px){.trainer .tr-zuordnen:not(.fertig) .tz-palette{z-index:20;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--flaeche);border-top:1px solid var(--linie);margin:0 -14px;position:sticky;bottom:0;box-shadow:0 -8px 20px #0b24401a}.trainer .tr-zuordnen:not(.fertig) .tz-teile{gap:7px;padding-top:4px}.trainer .tz-teil{min-width:48px;min-height:42px;padding:7px 12px;font-size:15px}.trainer .tr-zuordnen:not(.fertig) .tz-felder{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.trainer .tz-feld{flex:none}.trainer .tz-zone{min-width:26px;min-height:22px;padding:1px 5px;font-size:13px}.trainer .tz-zone .tz-nr{width:16px;height:16px;font-size:10px;top:-8px;left:-8px}.trainer .tz-zone.aktiv{border-width:2px}.trainer .tz-loesung{font-size:11px}.trainer .tr-karte:has(.tr-uhr:not([hidden])) .tr-zuordnen:not(.fertig) .tz-palette{padding-bottom:70px}}@media (width<=560px){.trainer .tr-karte{padding:16px 14px 22px}}.trainer .tr-melden{margin-left:auto;font-size:13px}.trainer .tr-fehler .tr-melden{margin:6px 0 0;padding:0}@media print{.trainer .tr-melden{display:none!important}}.trainer .tr-tasten{color:var(--ink-blass,var(--ink-weich));margin:14px 0 0;font-size:12px}@media (hover:none){.trainer .tr-tasten{display:none}}.trainer .tr-druckkopf{display:none}@media print{.trainer .tr-weg,.trainer .pille,.trainer .tr-info,.trainer .tr-stand,.trainer .tr-start,.trainer .tr-karte,.trainer .tr-uhr,.trainer .tr-ergebnis .tr-knoepfe,.trainer .tr-katerg .tr-leise{display:none!important}.trainer h1{margin:0 0 4pt;font-size:20pt}.trainer .tr-druckkopf{color:#3d4b58;margin:0 0 10pt;font-size:10pt;display:block}.trainer .tr-ergebnis{box-shadow:none;background:0 0;margin:0;padding:0}.trainer .tr-ergebnis h2{font-size:15pt}.trainer .tr-ergebnis h3{break-after:avoid;font-size:12pt}.trainer .tr-fehler li,.trainer .tr-zeiten,.trainer .tr-note-kopf,.trainer .tr-uebersicht li{break-inside:avoid}.trainer .tr-zeiten div{border:1px solid #d5dde7}.trainer .tr-uebersicht summary{list-style:none}.trainer .tr-erkl-bild{max-width:70mm}.trainer .tr-ergebnis,.trainer .tr-katerg,.trainer .tr-fehler,.trainer .tr-uebersicht{break-inside:auto!important;display:block!important}.trainer .tr-katerg li{break-inside:avoid;padding:3pt 0;font-size:10pt}.trainer .tr-fehler li{padding:0 0 6pt;display:block}.trainer h1{break-after:avoid}}.trainer .tr-ergebnis{background:var(--flaeche);box-shadow:var(--schatten);border-radius:18px;margin-top:20px;padding:22px}.trainer .tr-ergebnis h2{margin:0}.trainer .tr-ergebnis h3{margin:26px 0 4px}.trainer .tr-gross{margin:8px 0 0;font-size:20px;font-weight:700}.trainer .tr-zeitaus{color:#c62828;background:#c6282814;border-radius:10px;margin:0 0 14px;padding:10px 14px;font-weight:700}.trainer .tr-note-kopf{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.trainer .tr-note-kreis{color:#fff;text-align:center;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;width:104px;height:104px;display:flex}.trainer .tr-note-kreis.ok{background:#1a8a4a}.trainer .tr-note-kreis.nein{background:#c62828}.trainer .tr-note-kreis b{font-size:44px;line-height:1}.trainer .tr-note-kreis span{text-transform:uppercase;letter-spacing:.04em;padding:0 6px;font-size:11px;font-weight:700}.trainer .tr-note{margin:6px 0 0;font-size:18px;font-weight:800}.trainer .tr-note.ok{color:#1a8a4a}.trainer .tr-note.nein{color:#c62828}.trainer .tr-schluessel{color:var(--ink-weich);margin:4px 0 0;font-size:13px}.trainer .tr-zeiten{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:22px 0 0;display:grid}.trainer .tr-zeiten div{background:var(--bg);border:1px solid var(--linie);border-radius:12px;flex-direction:column;padding:10px 14px;display:flex}.trainer .tr-zeiten span{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-weich);font-size:12px;font-weight:700}.trainer .tr-zeiten b{font-variant-numeric:tabular-nums;font-size:20px}.trainer .tr-zeiten small{color:var(--ink-weich)}.trainer .tr-uebersicht{margin:18px 0 0}.trainer .tr-uebersicht summary{cursor:pointer;font-size:17px;font-weight:800}.trainer .tr-uebersicht ol{counter-reset:z;margin:10px 0 0;padding:0;list-style:none}.trainer .tr-uebersicht li{counter-increment:z;border-bottom:1px solid var(--linie);grid-template-columns:28px 22px 1fr minmax(60px,140px) 82px;align-items:center;gap:8px;padding:6px 0;font-size:15px;display:grid}.trainer .tr-uebersicht li:before{content:counter(z) ".";color:var(--ink-weich);font-variant-numeric:tabular-nums}.trainer .tr-z-mark{font-weight:800}.trainer .tr-uebersicht li.ok .tr-z-mark{color:#1a8a4a}.trainer .tr-uebersicht li.nein .tr-z-mark{color:#c62828}.trainer .tr-z-frage{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trainer .tr-z-balken{background:var(--flaeche-2);border-radius:999px;height:8px;overflow:hidden}.trainer .tr-z-balken i{background:var(--blau);height:100%;display:block}.trainer .tr-uebersicht li.nein .tr-z-balken i{background:#c62828}.trainer .tr-z-zeit{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-weich)}@media (width<=560px){.trainer .tr-uebersicht li{grid-template-columns:24px 18px 1fr 64px;align-items:start}.trainer .tr-z-balken{display:none}.trainer .tr-z-frage{white-space:normal}}.trainer .tr-fehler{flex-direction:column;gap:14px;margin:10px 0 0;padding:0;list-style:none;display:flex}.trainer .tr-fehler li{border-bottom:1px solid var(--linie);align-items:flex-start;gap:14px;padding:0 0 14px;display:flex}.trainer .tr-fehler img{object-fit:contain;border:1px solid var(--linie);background:#fff;border-radius:8px;flex:none;width:96px;height:72px}.trainer .tr-fehler .ok{color:#1a8a4a}.trainer .tr-fehler .nein{color:#c62828}.trainer .tr-fehler .tr-erkl{color:var(--ink-weich)}.trainer .tr-test{color:#5a4300;background:#fff4d6;border:1px solid #f0c75e;border-radius:10px;margin:0 0 16px;padding:10px 14px;font-size:15px}:root[data-theme=dark] .trainer .tr-test{color:#f3dc9a;background:#f0c75e24;border-color:#f0c75e80}.trainer .tr-frei-hinweis{color:var(--ink-weich);font-size:12.5px;font-weight:600}.trainer .tr-frei input.falsch{border-color:#c62828;outline-color:#c62828}