/* Lehrzeug Vertretungskoffer – werkzeugeigenes Design. Gemeinsames Design: /kern/kern.css */
.lz-sec-title .i { width: 18px; height: 18px; color: var(--teal-ink); }
.vk-step { display: inline-grid; place-items: center; width: 26px; height: 26px; margin-right: 8px; border-radius: 50%; background: var(--coral-soft); color: var(--coral-ink); font-size: 14px; font-weight: 800; vertical-align: 2px; }
.vk-regal { margin-bottom: 22px; }
.vk-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 18px; margin-bottom: 12px; }
.vk-bar .panel-title { margin: 0; }
.vk-stufe span { font-size: 13.5px; padding: 7px 11px; }
.vk-filter { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px; }
.vk-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 99px; border: 1.5px solid var(--line-2); background: var(--surface-2); color: var(--ink-2); font-size: 13.5px; font-weight: 500; }
.vk-chip small { font-size: 11.5px; color: var(--ink-3); font-weight: 700; }
.vk-chip[aria-pressed="true"] { border-color: var(--coral); background: var(--coral-soft); color: var(--coral-ink); }
.vk-chip[aria-pressed="true"] small { color: inherit; }
.vk-chip:disabled { opacity: .45; }
.vk-cards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; }
.vk-cardli { display: flex; flex-direction: column; border: 1.5px solid var(--line-2); border-radius: 14px; background: var(--surface-2); overflow: hidden; transition: border-color .15s, box-shadow .15s; }
.vk-cardli:hover { border-color: var(--coral); }
.vk-cardli.is-cur { border-color: var(--coral); box-shadow: inset 0 0 0 1px var(--coral), var(--shadow-1); background: var(--surface); }
.vk-card { flex: 1; display: flex; gap: 10px; align-items: flex-start; padding: 12px 12px 8px; border: 0; background: none; text-align: left; color: var(--ink); }
.vk-cico { flex: none; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: var(--coral-soft); color: var(--coral-ink); }
.vk-cardli[data-ber="knobeln"] .vk-cico { background: var(--lila-soft); color: var(--lila-ink); }
.vk-cardli[data-ber="rechnen"] .vk-cico { background: var(--blue-soft); color: var(--blue-ink); }
.vk-cardli[data-ber="sprache"] .vk-cico { background: var(--yellow-soft); color: var(--yellow-ink); }
.vk-cardli[data-ber="ich"] .vk-cico { background: var(--teal-soft); color: var(--teal-ink); }
.vk-cardli[data-ber="verkehr"] .vk-cico { background: var(--orange-soft); color: var(--orange-ink); }
.vk-cico .i { width: 20px; height: 20px; }
.vk-ctx { display: grid; gap: 2px; min-width: 0; }
.vk-ctx b { font-size: 14.5px; line-height: 1.25; }
.vk-ctx small { font-size: 12.5px; color: var(--ink-2); line-height: 1.35; }
.vk-ctx em { font-style: normal; font-size: 11.5px; color: var(--ink-3); font-weight: 600; margin-top: 2px; }
.vk-add { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 0 10px 10px; padding: 6px 10px; border-radius: 9px; border: 1.5px dashed var(--line-2); background: var(--surface); color: var(--ink-2); font-size: 13px; font-weight: 600; }
.vk-add .i { width: 15px; height: 15px; }
.vk-add:hover { border-color: var(--coral); color: var(--coral-ink); }
.vk-add.is-in { border-style: solid; border-color: var(--teal); background: var(--teal-soft); color: var(--teal-ink); }
.vk-opts { display: grid; gap: 0; }
.vk-help { margin: 0 0 8px; font-size: 13px; color: var(--ink-3); }
.vk-klist { list-style: none; margin: 0 0 8px; padding: 0; display: grid; gap: 6px; counter-reset: vkk; }
.vk-klist li { counter-increment: vkk; display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: 6px; align-items: center; padding: 7px 8px; border-radius: 10px; background: var(--sunken); }
.vk-klist li::before { content: counter(vkk); display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--coral); color: #fff; font-size: 12px; font-weight: 800; }
.vk-klist span { display: grid; min-width: 0; }
.vk-klist b { font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vk-klist small { font-size: 12px; color: var(--ink-3); }
.vk-ksum { margin: 0 0 8px; font-size: 13px; font-weight: 600; color: var(--ink-2); }
.vk-ksum:empty { display: none; }
.vk-igrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 10px; margin: 10px 0; }
.vk-igrid label { display: grid; gap: 3px; font-size: 12px; font-weight: 600; color: var(--ink-3); }
.vk-solchk { margin: 6px 0 10px; }
.vk-warn { margin: 0 0 10px; padding: 8px 12px; border-radius: 10px; background: var(--yellow-soft); color: var(--yellow-ink); font-size: 13.5px; }
@media (max-width: 560px) { .vk-cards { grid-template-columns: minmax(0, 1fr); } .vk-stufe { width: 100%; } }

/* ------------------------------------------------------------ Blätter */
.vk-page { padding: 13mm 13mm 17mm; font-family: var(--font); color: #071B4A; background: #fff; font-size: 10pt; line-height: 1.4; }
.lt-sheet .vk-page { padding: 24px; }
.vk-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 2mm 5mm; border-bottom: .6mm solid #071B4A; padding-bottom: 1.5mm; margin-bottom: 3mm; }
.vk-head h1 { margin: 0; font-size: 17pt; line-height: 1.15; }
.vk-meta { font-size: 8.5pt; color: #5B6372; font-weight: 600; padding-bottom: .5mm; }
.vk-tag { padding: .4mm 2mm; border: .3mm solid #B23A2E; border-radius: 1mm; color: #B23A2E; font-size: 7.5pt; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.vk-auftrag { margin: 0 0 3mm; padding: 2mm 3mm; border-radius: 2mm; background: #FFE8DF; color: #7A2E14; }
.vk-fertig { margin: 3mm 0 0; padding: 2mm 3mm; border: .35mm dashed #071B4A; border-radius: 2mm; }
.vk-sec { margin: 0 0 3.5mm; }
.vk-sec > h2 { display: flex; align-items: center; gap: 2mm; margin: 0 0 1.5mm; font-size: 11pt; line-height: 1.25; }
.vk-sec > h2 span { flex: none; display: inline-grid; place-items: center; width: 5.5mm; height: 5.5mm; border-radius: 50%; background: #071B4A; color: #fff; font-size: 8pt; }
.vk-sh { margin: 3mm 0 1mm; font-size: 11pt; }
.vk-ln { display: block; height: 8mm; border-bottom: .3mm solid #9AA6B8; }
.vk-sub { margin: 1mm 0; font-size: 9pt; color: #3D4B66; }
.vk-note { margin: 1.5mm 0 3mm; font-size: 8.5pt; color: #3D4B66; }
.vk-tip { margin: 3mm 0 0; padding: 2mm 3mm; border-radius: 2mm; background: #E7ECF2; font-size: 8.8pt; }
.vk-src { display: block; margin: 1mm 0 0; font-size: 7pt; color: #5B6372; }
.vk-box { display: inline-block; flex: none; width: 4mm; height: 4mm; border: .35mm solid #071B4A; border-radius: .8mm; vertical-align: -.6mm; }
.vk-fill { flex: 1; display: inline-block; min-width: 20mm; height: 4.5mm; border-bottom: .3mm solid #9AA6B8; }
.vk-tab { width: 100%; border-collapse: collapse; table-layout: fixed; }
.vk-tab th { font-size: 8pt; text-align: left; padding: 1mm 1.5mm; border: .25mm solid #9AA6B8; background: #EEF2F6; }
.vk-tab td { height: 9mm; padding: .8mm 1.5mm; border: .25mm solid #9AA6B8; }
.vk-tab th.w1 { width: 22mm; } .vk-tab th.w2 { width: 40mm; }
.vk-two { display: grid; grid-template-columns: 1fr 1fr; gap: 5mm; }
.vk-frame { border: .3mm solid #9AA6B8; border-radius: 2mm; padding: 1.5mm 3mm; }
.vk-frame small { font-size: 8pt; color: #3D4B66; font-weight: 700; }
.vk-chk { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.8mm 4mm; }
.vk-chk li { display: flex; align-items: center; gap: 2mm; }
.vk-cols2 { grid-template-columns: 1fr 1fr; } .vk-cols3 { grid-template-columns: 1fr 1fr 1fr; }
.vk-satz { list-style: none; margin: 0; padding: 0; display: grid; gap: 1mm; }
.vk-satz li { display: flex; align-items: flex-end; gap: 2mm; }
.vk-satz b { flex: none; }
.vk-satz i { flex: 1; height: 8mm; border-bottom: .3mm solid #9AA6B8; }
.vk-draw { min-height: 70mm; border: .35mm solid #071B4A; border-radius: 3mm; }
.vk-draw.is-s { min-height: 50mm; } .vk-draw.is-xs { min-height: 26mm; }
.vk-sl { margin: 0 0 2mm; padding-left: 6mm; display: grid; gap: 1.2mm; }
.vk-sl.vk-cols { grid-template-columns: 1fr 1fr; column-gap: 8mm; }
.vk-sl.vk-cols4 { grid-template-columns: repeat(4, 1fr); column-gap: 6mm; }
.vk-solp .vk-sl li::marker { font-weight: 700; }
.vk-wl { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 2mm 8mm; }
.vk-wl li { display: flex; align-items: flex-end; gap: 2mm; }
.vk-wl i { flex: 1; height: 7mm; border-bottom: .3mm solid #9AA6B8; }
.vk-mono { font-family: "Courier New", Courier, monospace; font-weight: 700; font-size: 12.5pt; letter-spacing: .18em; margin: 1mm 0 0; word-break: break-word; }

/* Morse */
.vk-mtab { display: grid; grid-template-columns: repeat(auto-fill, minmax(25mm, 1fr)); gap: .8mm 2mm; padding: 2mm 3mm; margin: 0 0 3mm; border: .3mm solid #9AA6B8; border-radius: 2mm; }
.vk-mtab span { display: flex; align-items: center; gap: 1.6mm; font-size: 9pt; }
.vk-mtab b { width: 4mm; }
.vk-mc { display: inline-flex; align-items: center; gap: .9mm; }
.vk-mc b.d, .vk-mc b.s { display: inline-block; height: 1.7mm; background: #071B4A; border-radius: 1mm; }
.vk-mc b.d { width: 1.7mm; } .vk-mc b.s { width: 4.6mm; }
.vk-mtab .vk-mc b { width: auto; } .vk-mtab .vk-mc b.d { width: 1.5mm; height: 1.5mm; } .vk-mtab .vk-mc b.s { width: 4mm; height: 1.5mm; }
.vk-mmsg { display: flex; flex-wrap: wrap; gap: 2.5mm 6mm; margin: 0 0 2.5mm; }
.vk-mw { display: inline-flex; flex-wrap: wrap; gap: 1.8mm; }
.vk-mz { display: inline-flex; flex-direction: column; align-items: center; gap: 1.2mm; min-width: 8mm; }
.vk-mz > .vk-mc { padding: 1.2mm 1.4mm; border-radius: 1.2mm; background: #E7ECF2; }
.vk-mw { padding-right: 2mm; }
.vk-mz i { display: block; width: 7.5mm; height: 7.5mm; border: .3mm solid #9AA6B8; border-radius: 1mm; }
.vk-mz.is-enc b { font-size: 12pt; }
.vk-mz.is-enc i { width: 13mm; height: 6.5mm; }
.vk-mz.is-num b { font-size: 11pt; }

/* Griechisch */
.vk-grtab { width: 100%; border-collapse: collapse; table-layout: fixed; margin: 0 0 1mm; }
.vk-grtab td { border: .25mm solid #9AA6B8; padding: 1mm; text-align: center; vertical-align: top; }
.vk-grtab b { display: block; font-size: 12pt; font-family: "Times New Roman", Times, serif; }
.vk-grtab small { display: block; font-size: 7.5pt; font-weight: 600; }
.vk-grtab em { display: block; font-style: normal; font-size: 7pt; color: #5B6372; }
.vk-gr { font-family: "Times New Roman", Times, serif; font-size: 13pt; letter-spacing: .08em; }
.vk-grw td { height: 8.5mm; }
.vk-match { display: grid; grid-template-columns: 1fr 1fr; gap: 0 22mm; }
.vk-match ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 1mm; }
.vk-match li { display: flex; align-items: center; gap: 2mm; min-height: 6mm; }
.vk-match ul:first-child li { justify-content: flex-end; }
.vk-match i { display: inline-block; width: 2.4mm; height: 2.4mm; border-radius: 50%; background: #071B4A; }

/* Caesar und Zahlen-Code */
.vk-cstrip { width: 100%; border-collapse: collapse; table-layout: fixed; margin: 0 0 1mm; }
.vk-cstrip th { width: 16mm; font-size: 7.5pt; text-align: left; padding: 0 1mm; }
.vk-cstrip td { border: .25mm solid #9AA6B8; text-align: center; font-weight: 700; padding: 1mm 0; font-size: 9.5pt; }
.vk-cstrip tr:first-child td { background: #EEF2F6; }
.vk-zc td { padding: 1mm 0; } .vk-zc td b { display: block; } .vk-zc td small { display: block; font-size: 8pt; color: #B23A2E; font-weight: 800; }
.vk-zc tr:first-child td { background: none; }
.vk-cmsg { margin: 0 0 2mm; }
.vk-zrows { display: grid; gap: 3mm; }
.vk-zword { display: flex; flex-wrap: wrap; gap: 1.6mm; }

/* Suchsel */
.vk-grid { border-collapse: collapse; margin: 0 auto 3mm; }
.vk-grid td { width: 8mm; height: 8mm; border: .25mm solid #CCD6E1; text-align: center; font-weight: 700; font-size: 11pt; padding: 0; }
.vk-grid.s14 td, .vk-grid.s16 td { width: 7mm; height: 7mm; font-size: 10pt; }
.vk-grid td.is-w { background: #FFE08A; }
.vk-wlist { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5mm 4mm; }
.vk-wlist li { display: flex; align-items: center; gap: 2mm; font-weight: 600; }
.vk-wlist li i { width: 3.6mm; height: 3.6mm; border: .35mm solid #071B4A; border-radius: .7mm; }

/* Kopfrechnen */
.vk-kbar { display: flex; flex-wrap: wrap; gap: 2mm 8mm; margin: 0 0 3mm; font-weight: 700; font-size: 9.5pt; }
.vk-kbar span { display: flex; align-items: flex-end; gap: 2mm; }
.vk-kbar span:last-child { margin-left: auto; font-weight: 500; color: #5B6372; font-size: 8.5pt; }
.vk-kbar i { width: 20mm; height: 5mm; border-bottom: .3mm solid #071B4A; }
.vk-krech { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 10mm; }
.vk-krech li { display: flex; align-items: flex-end; gap: 2mm; break-inside: avoid; height: 8.6mm; border-bottom: .25mm solid #E7ECF2; font-size: 11pt; }
.vk-kn { width: 8mm; color: #5B6372; font-size: 9pt; font-weight: 700; }
.vk-kq { white-space: nowrap; }
.vk-krech i { flex: 1; height: 6mm; border-bottom: .3mm solid #9AA6B8; min-width: 14mm; }
.vk-krech.is-sol li { height: 7mm; font-size: 10pt; }

/* Zahlenpyramiden */
.vk-pyrs { display: grid; grid-template-columns: 1fr 1fr; gap: 7mm 6mm; justify-items: center; }
.vk-pyr { display: grid; gap: 0; }
.vk-pyr div { display: flex; justify-content: center; }
.vk-pyr span { display: grid; place-items: center; width: 17mm; height: 10mm; margin: 0 0 -.3mm -.3mm; border: .35mm solid #071B4A; font-size: 12pt; font-weight: 700; }
.vk-pyr span.is-g { background: #EEF2F6; }
.vk-pyrs.n4 .vk-pyr span { width: 15mm; height: 9mm; font-size: 11pt; }
.vk-pyrs.is-sol { gap: 4mm; } .vk-pyrs.is-sol .vk-pyr span { width: 13mm; height: 7.5mm; font-size: 9.5pt; font-weight: 500; } .vk-pyrs.is-sol .vk-pyr span.is-g { font-weight: 800; }

/* Sudoku */
.vk-suds { display: grid; justify-items: center; gap: 8mm; }
.vk-suds.n4 { grid-template-columns: repeat(3, 1fr); } .vk-suds.n6 { grid-template-columns: 1fr 1fr; }
.vk-sud { border-collapse: collapse; border: .7mm solid #071B4A; }
.vk-sud td { width: 10mm; height: 10mm; border: .25mm solid #9AA6B8; text-align: center; font-size: 14pt; font-weight: 700; padding: 0; }
.vk-sud.s4 td { width: 12mm; height: 12mm; }
.vk-sud.s9 td:nth-child(3n) { border-right: .7mm solid #071B4A; } .vk-sud.s9 tr:nth-child(3n) td { border-bottom: .7mm solid #071B4A; }
.vk-sud.s6 td:nth-child(3n) { border-right: .7mm solid #071B4A; } .vk-sud.s6 tr:nth-child(2n) td { border-bottom: .7mm solid #071B4A; }
.vk-sud.s4 td:nth-child(2n) { border-right: .7mm solid #071B4A; } .vk-sud.s4 tr:nth-child(2n) td { border-bottom: .7mm solid #071B4A; }
.vk-suds.is-sol .vk-sud td { width: 7mm; height: 7mm; font-size: 10pt; font-weight: 500; }
.vk-suds.is-sol .vk-sud td.is-f { color: #B23A2E; font-weight: 700; }
.vk-suds.is-sol.n9 { grid-template-columns: 1fr 1fr; } .vk-suds.is-sol.n6 { grid-template-columns: repeat(4, 1fr); } .vk-suds.is-sol.n4 { grid-template-columns: repeat(6, 1fr); }

/* Zahlenfolgen */
.vk-ftab { width: 100%; border-collapse: collapse; }
.vk-ftab th { width: 7mm; text-align: left; font-size: 9pt; color: #5B6372; padding: 0; }
.vk-ftab td { height: 10mm; vertical-align: bottom; padding: 0 1.5mm 1mm 0; font-size: 11pt; white-space: nowrap; }
.vk-ftab .vk-fz { font-weight: 600; text-align: right; padding-right: 2mm; }
.vk-ftab .vk-fa { width: 17mm; }
.vk-ftab i { display: inline-block; width: 14mm; height: 6mm; border-bottom: .3mm solid #071B4A; vertical-align: bottom; }
.vk-ftab td:last-child { width: 38%; } .vk-ftab td:last-child i { width: 100%; }
.vk-fr { width: 12mm; font-size: 9pt !important; color: #3D4B66; }

/* Uhr */
.vk-clocks { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4mm; }
.vk-clocks figure { margin: 0; display: grid; justify-items: center; gap: 1.5mm; }
.vk-clock { width: 36mm; height: 36mm; }
.vk-clocks figcaption { display: flex; align-items: flex-end; gap: 1mm; font-size: 10pt; }
.vk-clocks figcaption i { display: inline-block; width: 8mm; height: 5mm; border-bottom: .3mm solid #071B4A; }
.vk-clocks.is-sm .vk-clock { width: 26mm; height: 26mm; }

/* Farben-Falle */
.vk-stroop { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1.5mm 2mm; padding: 2mm 3mm; border: .3mm solid #CCD6E1; border-radius: 2mm; }
.vk-stroop span { font-size: 12.5pt; font-weight: 800; text-align: center; line-height: 1.45; }
.vk-blk { display: inline-block; width: 12mm; height: 5mm; border-radius: 1mm; vertical-align: middle; }
.vk-c-rot { color: #D7263D; } .vk-c-blau { color: #1D4ED8; } .vk-c-gruen { color: #15803D; } .vk-c-gelb { color: #E0A800; }
.vk-blk.vk-c-rot { background: #D7263D; } .vk-blk.vk-c-blau { background: #1D4ED8; } .vk-blk.vk-c-gruen { background: #15803D; } .vk-blk.vk-c-gelb { background: #E0A800; }
.vk-stt th:first-child { width: 42mm; } .vk-stt td { height: 8mm; }

/* ABC */
.vk-abc { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 2.5mm 3mm; }
.vk-abc li { display: flex; align-items: center; gap: 1.6mm; font-size: 11pt; font-weight: 600; }
.vk-abc .vk-box { width: 6mm; height: 6mm; }
.vk-abcl { margin: 0; padding-left: 7mm; columns: 2; column-gap: 10mm; }
.vk-abcl li { height: 8mm; } .vk-abcl li i { display: block; height: 7mm; border-bottom: .3mm solid #9AA6B8; }
.vk-abcf { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1mm 5mm; }
.vk-abcf li { display: flex; align-items: flex-end; gap: 2mm; } .vk-abcf b { width: 4mm; } .vk-abcf i { flex: 1; height: 7mm; border-bottom: .3mm solid #9AA6B8; }

/* Ich und wir */
.vk-wetter { display: grid; grid-template-columns: repeat(6, 1fr); gap: 2mm; }
.vk-wetter figure { margin: 0; min-width: 0; display: grid; justify-items: center; gap: 1mm; padding: 1.5mm; border: .3mm solid #CCD6E1; border-radius: 2mm; }
.vk-wet { width: 100%; max-width: 24mm; height: auto; }
.vk-wetter figcaption { font-size: 9pt; font-weight: 600; }
.vk-smart { display: grid; grid-template-columns: repeat(5, 1fr); gap: 2mm; margin: 0 0 3mm; }
.vk-smart div { display: grid; gap: .5mm; padding: 2mm; border-radius: 2mm; background: #E1F7F1; text-align: center; }
.vk-smart b { font-size: 16pt; line-height: 1; color: #08735E; } .vk-smart span { font-weight: 700; font-size: 9pt; } .vk-smart small { font-size: 7.8pt; color: #3D4B66; line-height: 1.25; }
.vk-bsp { margin: 0 0 3mm; font-size: 9.2pt; }
.vk-smt th:not(:first-child), .vk-smt td:not(:first-child) { width: 9mm; text-align: center; }
.vk-smt td { height: 11mm; font-size: 9pt; }
.vk-open { margin: 0 0 3mm; padding: 2mm 3mm; border: .35mm solid #071B4A; border-radius: 2mm; }
.vk-prompts { margin: 0 0 3mm; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 1.5mm; }
.vk-prompts li { padding: .8mm 2.5mm; border-radius: 99px; background: #E7ECF2; font-size: 8.8pt; }
.vk-letter p { margin: 0 0 1mm; font-weight: 600; }
.vk-letter .vk-sig { margin-top: 4mm; text-align: right; }
.vk-strat { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2mm; }
.vk-strat div { display: grid; gap: 1mm; align-content: start; padding: 2mm 2.5mm; border-radius: 2mm; border: .3mm solid #9AA6B8; }
.vk-strat b { display: flex; align-items: center; gap: 1.5mm; font-size: 9.5pt; }
.vk-strat b span { display: inline-grid; place-items: center; width: 4.6mm; height: 4.6mm; border-radius: 50%; background: #08735E; color: #fff; font-size: 7.5pt; }
.vk-strat small { font-size: 8.1pt; line-height: 1.25; color: #24324F; }
.vk-steps { list-style: none; margin: 0 0 3.5mm; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 2mm; counter-reset: vks; }
.vk-steps li { counter-increment: vks; display: grid; gap: 1mm; align-content: start; padding: 2mm; border-radius: 2mm; background: #E1F7F1; }
.vk-steps b::before { content: counter(vks) ". "; }
.vk-steps small { font-size: 8.3pt; line-height: 1.3; }
.vk-du { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.5mm; }
.vk-story { margin: 0 0 1.5mm; font-style: italic; }
.vk-tasks { margin: 0 0 2mm; padding-left: 6mm; columns: 2; column-gap: 8mm; font-size: 9.5pt; }
.vk-eis { display: grid; grid-template-columns: 1fr 1fr; gap: 2mm; }
.vk-eis div { min-height: 30mm; padding: 2mm 3mm; border: .35mm solid #071B4A; border-radius: 2mm; display: grid; align-content: start; gap: .5mm; }
.vk-eis small { font-size: 8pt; color: #5B6372; }
.vk-wp td { height: 9mm; } .vk-wp th:first-child { width: 14mm; }
.vk-wesen { grid-template-columns: 1.1fr 1fr; margin: 0 0 3.5mm; }
.vk-wesen .vk-draw { min-height: 92mm; }
.vk-comic { display: grid; grid-template-columns: 1fr 1fr; gap: 4mm; margin: 0 0 3mm; }
.vk-comic div { position: relative; display: grid; grid-template-rows: auto 1fr auto; min-height: 92mm; border: .5mm solid #071B4A; border-radius: 1.5mm; padding: 1.5mm 2mm; }
.vk-comic small { font-size: 7.5pt; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: #5B6372; }
.vk-comic i { grid-row: 3; display: block; height: 7mm; border-top: .3mm dashed #9AA6B8; }

/* Infozettel */
.vk-imeta { display: grid; grid-template-columns: repeat(5, 1fr); gap: 2mm 4mm; padding: 2.5mm 3mm; border: .35mm solid #071B4A; border-radius: 2mm; margin: 0 0 4mm; }
.vk-kv { display: grid; gap: .5mm; min-width: 0; }
.vk-kv small { font-size: 7pt; text-transform: uppercase; letter-spacing: .06em; color: #5B6372; font-weight: 700; }
.vk-kv b { font-size: 11pt; overflow-wrap: anywhere; }
.vk-kv i { display: block; height: 6mm; border-bottom: .3mm solid #9AA6B8; }
.vk-ilist { margin: 0; padding-left: 6mm; display: grid; gap: 2mm; }
.vk-ilist li { display: grid; grid-template-columns: 1fr auto; gap: 0 4mm; }
.vk-ilist li::marker { font-weight: 800; }
.vk-ilist span { font-weight: 700; color: #5B6372; font-size: 9pt; }
.vk-ilist small { grid-column: 1 / -1; color: #3D4B66; font-size: 9pt; }
.vk-iab { margin: 0; padding-left: 6mm; display: grid; gap: 1.6mm; }
.vk-inote { margin: 0; padding: 2mm 3mm; border-left: 1mm solid #E4572E; background: #FFF4EF; }
.vk-gruss { margin: 6mm 0 0; font-weight: 700; font-size: 11pt; }

@media (max-width: 600px) {
  .lt-sheet .vk-page { padding: 14px; }
  .vk-two, .vk-wesen { grid-template-columns: 1fr; }
  .vk-mtab { grid-template-columns: repeat(3, 1fr); }
  .vk-smart, .vk-steps { grid-template-columns: 1fr 1fr; }
  .vk-strat, .vk-cols3 { grid-template-columns: 1fr 1fr; }
  .vk-clocks { grid-template-columns: 1fr 1fr; }
  .vk-stroop { grid-template-columns: repeat(3, 1fr); }
  .vk-abc { grid-template-columns: repeat(2, 1fr); }
  .vk-imeta { grid-template-columns: 1fr 1fr; }
  .vk-wetter { grid-template-columns: repeat(3, 1fr); }
  .vk-pyrs, .vk-suds.n4, .vk-suds.n6 { grid-template-columns: 1fr; }
  .vk-wlist { grid-template-columns: 1fr 1fr; }
  .vk-cstrip td { font-size: 7pt; } .vk-cstrip th { width: 10mm; font-size: 6pt; }
}

/* Verkehr (Lehrzeug 1.7): Fahrrad, Zeichen, Quiz, Anhalteweg */
.vk-sign { display: block; width: 100%; height: auto; }
.vk-bikebox { max-width: 150mm; margin: 0 auto 1mm; }
.vk-bike { display: block; width: 100%; height: auto; }
.vk-wsp { margin: 0 0 2mm; padding: 1.5mm 3mm; border-radius: 2mm; background: #FFF4D6; font-size: 9pt; }
.vk-bikel { margin: 0; padding-left: 7mm; display: grid; grid-template-columns: 1fr 1fr; gap: 0 10mm; }
.vk-bikel li { padding-left: 1mm; } .vk-bikel li::marker { font-weight: 700; }
.vk-bikel i { display: block; height: 7.5mm; border-bottom: .3mm solid #9AA6B8; }
.vk-signs { display: grid; grid-template-columns: repeat(5, 1fr); gap: 3mm 5mm; margin: 0 0 3mm; }
.vk-signs figure, .vk-signw figure { margin: 0; display: grid; justify-items: center; gap: 1mm; }
.vk-signs .vk-sign { width: 20mm; }
.vk-signs figcaption { display: grid; place-items: center; width: 6mm; height: 6mm; border-radius: 50%; background: #071B4A; color: #fff; font-weight: 800; font-size: 9pt; }
.vk-mean { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 1.6mm 6mm; }
.vk-mean li { display: flex; align-items: center; gap: 2.5mm; line-height: 1.25; }
.vk-mean.vk-order { grid-template-columns: 1fr 1fr; }
.vk-boxl { width: 6.5mm; height: 6.5mm; }
.vk-rf th.c, .vk-rf td.c { width: 15mm; text-align: center; }
.vk-rf td { height: 8mm; }
.vk-quiz { margin: 0; padding-left: 6mm; display: grid; grid-template-columns: 1fr 1fr; gap: 2.4mm 7mm; }
.vk-quiz li { break-inside: avoid; } .vk-quiz li::marker { font-weight: 700; }
.vk-quiz b { display: block; margin: 0 0 .8mm; font-size: 9.4pt; line-height: 1.3; }
.vk-quiz > li > span { display: grid; gap: .7mm; }
.vk-quiz > li > span > span { display: flex; align-items: center; gap: 1.6mm; font-size: 9pt; }
.vk-signw { display: grid; grid-template-columns: repeat(5, 1fr); gap: 3mm 4mm; }
.vk-signw .vk-sign { width: 18mm; }
.vk-signw figcaption { width: 100%; display: grid; gap: 1mm; }
.vk-signw figcaption i { display: block; height: 5.5mm; border-bottom: .3mm solid #9AA6B8; }
.vk-formel { margin: 0 0 2mm; padding: 1.5mm 3mm; border-radius: 2mm; background: #E7ECF2; font-size: 8.8pt; font-weight: 600; }
.vk-weg th { font-size: 7.6pt; } .vk-weg td { height: 8.5mm; }
.vk-solp .vk-weg td { height: auto; }
.vk-ola { list-style: upper-alpha; }
@media (max-width: 600px) { .vk-signs, .vk-signw { grid-template-columns: repeat(3, 1fr); } .vk-mean, .vk-quiz { grid-template-columns: 1fr; } }

/* ------------------------------------------------------------ Spontan-Quiz am Beamer (Lehrzeug 1.7) */
.vq-card-in { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px 24px; align-items: center; margin-bottom: 22px; background: linear-gradient(120deg, var(--surface) 55%, var(--lila-soft)); }
.vq-in-l { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; align-items: start; }
.vq-in-l .panel-title { margin: 0 0 6px; }
.vq-in-l p { margin: 0; color: var(--ink-2); font-size: 15px; line-height: 1.55; }
.vq-in-ico { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: var(--lila-soft); color: var(--lila-ink); }
.vq-in-ico .i { width: 28px; height: 28px; }
.vq-in-f { display: grid; grid-template-columns: repeat(2, minmax(140px, 1fr)); gap: 8px 10px; align-items: end; min-width: 330px; }
.vq-in-f label { display: grid; gap: 3px; font-size: 12px; font-weight: 600; color: var(--ink-3); }
.vq-in-f select { width: 100%; }
.vq-in-f .btn { grid-column: 1 / -1; justify-content: center; }
@media (max-width: 860px) { .vq-card-in { grid-template-columns: minmax(0, 1fr); } .vq-in-f { min-width: 0; } }
@media (max-width: 420px) { .vq-in-f { grid-template-columns: minmax(0, 1fr); } .vq-in-l { grid-template-columns: minmax(0, 1fr); } }

.vq { position: fixed; inset: 0; z-index: 2000; display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto; background: radial-gradient(1200px 600px at 20% -10%, #24407A 0%, transparent 60%), radial-gradient(900px 500px at 110% 110%, #4B2E83 0%, transparent 55%), #0B1B3F; color: #fff; font-family: var(--font); container-type: inline-size; align-content: stretch; }
.vq-stage { min-height: 0; }
.vq[hidden] { display: none; }
body.vq-open { overflow: hidden; }
.vq-top { display: flex; align-items: center; gap: 18px; padding: 14px clamp(16px, 3vw, 36px); }
.vq-brand { display: inline-flex; align-items: center; gap: 8px; font-weight: 800; font-size: clamp(15px, 1.6cqw, 22px); letter-spacing: -.01em; }
.vq-brand .i { width: 24px; height: 24px; color: #FFD166; }
.vq-prog { margin-left: auto; font-weight: 700; color: rgba(255, 255, 255, .75); font-size: clamp(14px, 1.4cqw, 20px); }
.vq-score { display: inline-flex; gap: 10px; font-size: clamp(14px, 1.4cqw, 20px); }
.vq-score b { padding: 5px 12px; border-radius: 99px; background: rgba(255, 255, 255, .12); }
.vq-score .vq-t1 { background: #2E7CF6; } .vq-score .vq-t2 { background: #F08A24; }
.vq-x { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .12); color: #fff; cursor: pointer; }
.vq-x:hover { background: rgba(255, 255, 255, .22); }
.vq-x .i { width: 22px; height: 22px; }
.vq-time { height: 8px; margin: 0 clamp(16px, 3vw, 36px); border-radius: 99px; background: rgba(255, 255, 255, .12); overflow: hidden; }
.vq-time.is-off { visibility: hidden; }
.vq-time i { display: block; height: 100%; width: 100%; border-radius: 99px; background: linear-gradient(90deg, #12C7A3, #FFD166); }
.vq-time i.is-low { background: #FF6B6B; }
.vq-stage { position: relative; display: grid; place-items: center; padding: clamp(10px, 2cqw, 30px) clamp(16px, 4cqw, 60px); overflow: hidden; }
.vq-card { width: min(1200px, 100%); display: grid; gap: clamp(12px, 1.8cqw, 26px); justify-items: center; text-align: center; animation: vqIn .35s ease-out; }
@keyframes vqIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.vq-kick { margin: 0; color: #FFD166; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; font-size: clamp(12px, 1.2cqw, 17px); }
.vq-q { margin: 0; font-size: clamp(26px, 4.2cqw, 64px); line-height: 1.15; letter-spacing: -.02em; max-width: 26ch; }
.vq-card.is-big .vq-q { font-size: clamp(40px, 7cqw, 110px); letter-spacing: 0; font-variant-numeric: tabular-nums; }
.vq-sign { width: clamp(120px, 17cqw, 260px); filter: drop-shadow(0 10px 30px rgba(0, 0, 0, .35)); }
.vq-sign .vk-sign { width: 100%; height: auto; }
.vq-card.has-sign .vq-q { font-size: clamp(22px, 3cqw, 44px); }
.vq-ans { list-style: none; margin: 0; padding: 0; width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(10px, 1.4cqw, 22px); }
.vq-ans.n4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vq-ans li { display: flex; align-items: center; gap: clamp(10px, 1.2cqw, 18px); padding: clamp(14px, 1.8cqw, 28px); border-radius: clamp(14px, 1.6cqw, 26px); background: rgba(255, 255, 255, .1); border: 2px solid rgba(255, 255, 255, .18); text-align: left; font-size: clamp(17px, 2.2cqw, 34px); font-weight: 700; line-height: 1.2; transition: background .3s, opacity .3s, transform .3s, border-color .3s; }
.vq-ans li b { flex: none; display: grid; place-items: center; width: 1.8em; height: 1.8em; border-radius: 50%; font-size: .85em; color: #0B1B3F; }
.vq-ans li:nth-child(1) b { background: #FFD166; } .vq-ans li:nth-child(2) b { background: #7FDBCA; } .vq-ans li:nth-child(3) b { background: #A9C4FF; } .vq-ans li:nth-child(4) b { background: #FFB4C6; }
.vq-ans li.is-ok { background: #12A383; border-color: #7FF0D2; transform: scale(1.04); box-shadow: 0 10px 40px rgba(18, 199, 163, .45); }
.vq-ans li.is-dim { opacity: .35; }
.vq-card.is-big .vq-ans li { justify-content: center; font-size: clamp(22px, 3.2cqw, 50px); font-variant-numeric: tabular-nums; }
.vq-bar { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; gap: 12px; padding: 14px clamp(16px, 3vw, 36px) clamp(18px, 3vh, 34px); }
.vq-btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 22px; border-radius: 16px; border: 2px solid transparent; background: rgba(255, 255, 255, .14); color: #fff; font: inherit; font-weight: 800; font-size: clamp(15px, 1.5cqw, 21px); cursor: pointer; transition: transform .15s, background .15s; }
.vq-btn:hover { transform: translateY(-2px); }
.vq-btn:focus-visible { outline: 3px solid #FFD166; outline-offset: 3px; }
.vq-btn .i { width: 22px; height: 22px; }
.vq-btn kbd { padding: 2px 8px; border-radius: 6px; background: rgba(0, 0, 0, .25); font: 600 .75em var(--mono, monospace); }
.vq-main { background: #FFD166; color: #0B1B3F; }
.vq-main kbd { background: rgba(11, 27, 63, .15); }
.vq-ok { background: #12A383; } .vq-no { background: #D2465A; }
.vq-t1b { background: #2E7CF6; } .vq-t2b { background: #F08A24; }
.vq-ghost { background: transparent; border-color: rgba(255, 255, 255, .3); }
.vq-end { display: grid; justify-items: center; gap: 18px; text-align: center; animation: vqIn .4s ease-out; }
.vq-big { margin: 0; font-size: clamp(30px, 5cqw, 76px); letter-spacing: -.02em; line-height: 1.1; }
.vq-gauge { --p: 0; --c: #12C7A3; display: grid; place-items: center; width: clamp(180px, 22cqw, 320px); aspect-ratio: 1; border-radius: 50%; background: conic-gradient(var(--c) calc(var(--p) * 1%), rgba(255, 255, 255, .12) 0); }
.vq-gauge.is-mid { --c: #FFD166; } .vq-gauge.is-low { --c: #FF8A8A; }
.vq-gauge span { display: grid; place-items: center; width: 80%; aspect-ratio: 1; border-radius: 50%; background: #0B1B3F; }
.vq-gauge b { font-size: clamp(36px, 5cqw, 72px); line-height: 1; }
.vq-gauge small { color: rgba(255, 255, 255, .7); font-size: clamp(14px, 1.4cqw, 20px); font-weight: 700; }
.vq-duel { display: flex; align-items: center; gap: clamp(16px, 3cqw, 48px); }
.vq-duel > span:not(.vq-vs) { display: grid; justify-items: center; gap: 4px; padding: 20px 36px; border-radius: 24px; }
.vq-duel .vq-t1 { background: #2E7CF6; } .vq-duel .vq-t2 { background: #F08A24; }
.vq-duel small { font-weight: 800; font-size: clamp(14px, 1.4cqw, 20px); }
.vq-duel b { font-size: clamp(50px, 7cqw, 110px); line-height: 1; }
.vq-vs { font-size: clamp(40px, 5cqw, 80px); font-weight: 800; opacity: .6; }
.vq-confetti { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.vq-confetti i { position: absolute; top: -20px; width: 12px; height: 18px; border-radius: 3px; animation: vqFall 2.6s ease-in forwards; }
.vq-confetti .c0 { background: #FFD166; } .vq-confetti .c1 { background: #12C7A3; } .vq-confetti .c2 { background: #FF6B6B; } .vq-confetti .c3 { background: #A9C4FF; } .vq-confetti .c4 { background: #F08A24; }
@keyframes vqFall { to { transform: translateY(110vh) rotate(540deg); } }
@media (max-width: 700px) { .vq-ans, .vq-ans.n4 { grid-template-columns: minmax(0, 1fr); } .vq-brand span { display: none; } }
@media (prefers-reduced-motion: reduce) { .vq-card, .vq-end { animation: none; } .vq-ans li { transition: none; } }