/* Lehrzeug Hospitation – werkzeugeigenes Design. Gemeinsames Design: /kern/kern.css */
.lz-sec-title .i { width: 18px; height: 18px; color: var(--teal-ink); }
.ho-src { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 14px; margin: 0 0 18px; }
.ho-src-warn { display: flex; gap: 12px; align-items: flex-start; padding: 16px 18px; border-radius: 18px; background: var(--yellow-soft, #FFF2DC); border: 1.5px solid color-mix(in srgb, var(--yellow, #F5A623) 45%, transparent); }
.ho-src-warn > .i { width: 26px; height: 26px; flex: none; color: var(--yellow-ink, #8A5A00); }
.ho-src-warn p { margin: 0; font-size: 14.5px; line-height: 1.5; color: var(--ink-2); } .ho-src-warn b { color: var(--ink); }
.ho-src-q { padding: 16px 18px; border-radius: 18px; background: var(--surface); border: 1px solid var(--line); }
.ho-src-q h2 { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; font-size: 16px; } .ho-src-q h2 .i { width: 18px; height: 18px; color: var(--teal-ink); }
.ho-src-q p { margin: 0; font-size: 13.5px; line-height: 1.55; color: var(--ink-2); }
.ho-src-lit { margin-top: 6px !important; font-size: 12.5px !important; color: var(--ink-3) !important; }
@media (max-width: 900px) { .ho-src { grid-template-columns: minmax(0, 1fr); } }
.ho-quick { margin: 0 0 14px; padding: 12px 14px; border-radius: 14px; background: var(--teal-soft); }
.ho-quick p { margin: 0 0 10px; font-size: 14px; color: var(--ink-2); } .ho-quick b { color: var(--ink); }
.ho-umf { display: grid; gap: 6px; }
.ho-u { position: relative; display: block; cursor: pointer; }
.ho-u input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.ho-u span { display: grid; gap: 1px; padding: 8px 12px; border: 2px solid var(--line-2); border-radius: 12px; background: var(--surface-2); }
.ho-u b { font-size: 14px; } .ho-u small { font-size: 12.5px; color: var(--ink-2); }
.ho-u:hover span { border-color: var(--teal); } .ho-u input:checked + span { border-color: var(--teal); background: var(--teal-soft); }
.ho-u input:focus-visible + span { outline: 3px solid var(--focus); outline-offset: 2px; }
.ho-pick { display: grid; gap: 10px; } .ho-pick.is-off { opacity: .5; }
.ho-pg { display: grid; gap: 4px; padding: 8px 10px; border-radius: 12px; background: var(--surface-2); border: 1px solid var(--line); }
.ho-pgh { display: flex; align-items: center; justify-content: space-between; gap: 6px; font-size: 13.5px; }
.ho-pg .check label { font-size: 13.5px; }
.ho-sheets { display: grid; gap: 7px; } .ho-d { color: var(--ink-3); font-size: 12.5px; }
.ho-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 10px; }
.ho-safe { display: flex; gap: 8px; align-items: flex-start; margin: 14px 0 0; font-size: 13px; color: var(--ink-3); } .ho-safe .i { width: 16px; height: 16px; flex: none; margin-top: 2px; color: var(--teal-ink); }
.ho-hint { font-size: 13px; color: var(--ink-3); }
.ho-wrap { display: grid; gap: 16px; } .ho-empty { margin: 30px 0; text-align: center; color: var(--ink-3); }
.ho-prevsheet { overflow: hidden; } .ho-prevsheet.is-quer { max-width: 1060px; }
.ho-prevsheet > .ho-page { width: 210mm; min-height: 296.5mm; } .ho-prevsheet > .ho-page.is-quer { width: 297mm; min-height: 209.5mm; }
.ho-learn { margin: 26px 0 18px; } .ho-h2 { margin: 0 0 12px; font-size: 22px; }
.ho-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
@media (max-width: 900px) { .ho-grid { grid-template-columns: minmax(0, 1fr); } }
.ho-box { padding: 18px 20px; } .ho-box h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 16.5px; } .ho-box h3 .i { width: 20px; height: 20px; color: var(--teal-ink); }
.ho-box p, .ho-box li { font-size: 14.5px; line-height: 1.5; color: var(--ink-2); } .ho-box p { margin: 0; } .ho-box ul { margin: 0; padding-left: 20px; display: grid; gap: 5px; }

/* ================================================================ Blätter */
.ho-page { padding: 11mm 12mm 15mm; font-family: var(--font); color: #071B4A; background: #fff; font-size: 9pt; line-height: 1.35; }
.ho-page.is-quer { padding: 9mm 11mm 13mm; }
.ho-page :where(h1, h2, p, ol, ul) { margin: 0; }
.ho-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 6mm; padding-bottom: 1.6mm; border-bottom: .6mm solid #071B4A; }
.ho-head h1 { font-size: 16pt; line-height: 1.15; } .ho-sub { margin-top: .6mm !important; font-size: 8.8pt; font-weight: 600; color: #3D4B66; }
.ho-tag { flex: none; padding: 1mm 2.6mm; border: .35mm solid #0A7F68; border-radius: 99mm; font-size: 7.6pt; font-weight: 700; color: #0A7F68; white-space: nowrap; }
.ho-meta { display: flex; flex-wrap: wrap; gap: 2mm 5mm; margin: 3mm 0 2.5mm; }
.ho-kf { display: flex; align-items: flex-end; gap: 1.6mm; flex: 1 1 38mm; } .ho-kf.is-w { flex: 1 1 100%; } .ho-kf.is-p { flex: 1 1 70mm; }
.ho-kf small { font-size: 7.6pt; font-weight: 700; color: #3D4B66; white-space: nowrap; }
.ho-kf i, .ho-kf b { flex: 1; min-height: 5.5mm; border-bottom: .3mm solid #5B6372; font-style: normal; font-size: 9pt; }
.ho-note { margin: 0 0 3mm !important; padding: 1.6mm 2.6mm; border-radius: 1.6mm; background: #FFF4E0; font-size: 7.8pt; color: #5A3D00; }
.ho-tab { width: 100%; border-collapse: collapse; table-layout: fixed; }
.ho-tab th { border: .25mm solid #8E9AB0; padding: 1mm 1.2mm; background: #EEF2F6; color: #24324F; font-size: 7.6pt; text-align: left; vertical-align: bottom; line-height: 1.2; }
.ho-tab td { border: .25mm solid #8E9AB0; padding: 1.4mm 1.6mm; vertical-align: top; }
.ho-tab .c-m { width: 34%; } .ho-page.is-quer .ho-tab .c-m { width: 30%; }
.ho-tab .c-s { width: 7.4%; text-align: center; } .ho-page.is-quer .ho-tab .c-s { width: 5.8%; }
.ho-tab th.c-s span { display: block; font-size: 6.6pt; font-weight: 600; line-height: 1.15; } .ho-tab th.c-s em { display: block; margin-top: .6mm; font-style: normal; font-size: 8pt; }
.ho-tab th.c-nb, .ho-tab td.c-nb { background: #F7F9FC; }
.ho-tab td.c-s { vertical-align: middle; } .ho-tab td.c-s i { display: inline-block; width: 4.2mm; height: 4.2mm; border: .35mm solid #071B4A; border-radius: 50%; }
.ho-tab td.c-m b { display: block; font-size: 9.2pt; } .ho-tab td.c-m b em { display: inline-block; min-width: 4.5mm; font-style: normal; color: #0A7F68; }
.ho-tab td.c-m small { display: block; margin-top: .6mm; font-size: 8pt; color: #3D4B66; line-height: 1.35; }
.ho-tab td.c-m ul { margin-top: 1mm; padding-left: 4mm; font-size: 7.6pt; color: #3D4B66; display: grid; gap: .3mm; }
.ho-ber td { background: #071B4A; color: #fff; font-size: 9pt; padding: 1.2mm 1.8mm; } .ho-ber td span { color: #C9D4E8; font-size: 8pt; margin-left: 2mm; }
.ho-ln { display: block; height: 5.6mm; border-bottom: .25mm solid #B5C0CF; }
.ho-tab.is-kurz td.c-m b { font-size: 10.5pt; } .ho-tab.is-kurz td.c-m small { font-size: 8.4pt; }
.ho-mk { display: block; margin-top: 1.2mm; font-size: 7.6pt; color: #5B6372; }
.ho-tab.is-kurz td.c-n .ho-ln { height: 7.5mm; }
.ho-tab.is-notiz td { height: 10.5mm; } .ho-tab.is-notiz .c-t { width: 15%; } .ho-tab.is-notiz .c-k { width: 13%; }
.ho-kz { margin: 0 0 2.5mm !important; display: flex; flex-wrap: wrap; gap: .8mm 3mm; font-size: 7.4pt; color: #3D4B66; } .ho-kz span b { color: #0A7F68; }
.ho-b { margin: 0 0 3.5mm; } .ho-b h2, .ho-rules h2 { font-size: 10pt; margin: 0 0 1mm; } .ho-bh { font-size: 8pt; color: #5B6372; margin: 0 0 .5mm !important; }
.ho-two-b { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 6mm; margin-top: 3.5mm; }
.ho-cl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3mm; font-size: 8.6pt; }
.ho-cl b { display: block; margin-bottom: 1mm; font-size: 8.6pt; } .ho-cl span { display: flex; align-items: center; gap: 1.6mm; margin: .8mm 0; }
.ho-cl i { flex: none; width: 3.6mm; height: 3.6mm; border: .35mm solid #071B4A; border-radius: .6mm; }
.ho-rules { margin: 0 0 4mm; padding: 2.6mm 3.5mm; border: .4mm solid #0A7F68; border-radius: 2.5mm; }
.ho-rules ol { padding-left: 5mm; display: grid; gap: .8mm; font-size: 9pt; }
.ho-quelle { margin-top: 3mm !important; font-size: 6.8pt; color: #5B6372; line-height: 1.35; }