/* Lehrzeug Beobachtungsbogen – werkzeugeigenes Design. Gemeinsames Design: /kern/kern.css */
.lz-sec-title .i { width: 18px; height: 18px; color: var(--teal-ink); }
.bb-tpls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.bb-tpls label { position: relative; }
.bb-tpls input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.bb-tpls span { display: flex; align-items: flex-start; gap: 9px; height: 100%; padding: 9px 10px; border-radius: 12px; border: 1.5px solid var(--line-2); background: var(--surface-2); cursor: pointer; }
.bb-tpls span .i { flex: none; width: 20px; height: 20px; margin-top: 1px; color: var(--teal-ink); }
.bb-tpls b { display: grid; gap: 1px; font-size: 13.5px; font-weight: 600; line-height: 1.25; }
.bb-tpls small { font-size: 12px; font-weight: 400; color: var(--ink-3); }
.bb-tpls input:checked + span { border-color: var(--teal); background: var(--teal-soft); color: var(--teal-ink); box-shadow: inset 0 0 0 1px var(--teal); }
.bb-tpls input:focus-visible + span { outline: 3px solid var(--focus); outline-offset: 2px; }
.bb-help { margin: 8px 0; font-size: 13px; color: var(--ink-3); }
.bb-two { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.bb-krit { list-style: none; margin: 8px 0; padding: 0; display: grid; gap: 6px; }
.bb-krit li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 6px; align-items: center; }
.bb-kk { font-weight: 700; font-size: 13px; color: var(--teal-ink); min-width: 24px; }
.bb-hint { font-size: 13px; color: var(--ink-3); }
.lz-side .seg span { font-size: 13.5px; }
@media (max-width: 560px) { .bb-tpls { grid-template-columns: minmax(0, 1fr); } }

/* Blätter */
.bb-page { padding: 13mm 13mm 17mm; font-family: var(--font); color: #071B4A; background: #fff; font-size: 9.5pt; line-height: 1.35; }
.bb-head { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 2mm 5mm; border-bottom: .6mm solid #071B4A; padding-bottom: 1.5mm; margin-bottom: 3mm; }
.bb-head h1 { margin: 0; font-size: 16pt; line-height: 1.15; }
.bb-sub { font-size: 10pt; font-weight: 600; color: #3D4B66; padding-bottom: .6mm; }
.bb-vt { margin-left: auto; padding: .4mm 2mm; border: .3mm solid #B23A2E; border-radius: 1mm; color: #B23A2E; font-size: 7pt; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.bb-nr { margin-left: auto; display: inline-flex; align-items: flex-end; gap: 1.5mm; font-weight: 700; }
.bb-nr i { display: inline-block; width: 12mm; border-bottom: .3mm solid #071B4A; height: 4mm; }
.bb-meta { display: flex; flex-wrap: wrap; gap: 2mm 5mm; margin: 0 0 2.5mm; }
.bb-f { display: flex; align-items: flex-end; gap: 1.5mm; flex: 1 1 28mm; min-width: 0; }
.bb-f.is-w { flex: 2 1 55mm; } .bb-f.is-all { flex: 1 1 100%; }
.bb-f small { flex: none; font-size: 7.5pt; color: #3D4B66; font-weight: 700; }
.bb-f i { flex: 1; min-width: 8mm; height: 5.5mm; border-bottom: .3mm solid #5B6372; }
.bb-rule { margin: 0 0 2.5mm; padding: 2mm 3mm; border-radius: 2mm; background: #E1F7F1; color: #08584A; font-size: 8.5pt; }
.bb-legend { display: flex; flex-wrap: wrap; gap: 1mm 4mm; margin: 0 0 2.5mm; font-size: 8.5pt; }
.bb-z { display: inline-grid; place-items: center; min-width: 4.6mm; height: 4.6mm; padding: 0 .8mm; border: .3mm solid #071B4A; border-radius: 1mm; font-size: 8pt; }
.bb-tab { width: 100%; border-collapse: collapse; table-layout: fixed; margin: 0 0 3mm; }
.bb-tab th { font-size: 7.5pt; text-align: left; padding: 1mm 1.2mm; border: .25mm solid #9AA6B8; background: #EEF2F6; color: #24324F; line-height: 1.2; vertical-align: bottom; }
.bb-tab td { border: .25mm solid #9AA6B8; padding: .5mm 1mm; height: 8mm; font-size: 8.5pt; }
.bb-etab td { height: 15mm; }
.bb-etab .c-dt { width: 9.5%; } .bb-etab .c-st { width: 7.5%; } .bb-etab .c-art { width: 5%; text-align: center; } .bb-etab .c-info { width: 13%; } .bb-etab .c-plus { width: 12%; } .bb-etab .c-k { width: 6.5%; }
.bb-etab .c-obs { width: 28%; }
.bb-wk { display: flex; align-items: flex-end; gap: 2mm; margin: 2mm 0 1.5mm; font-size: 10pt; }
.bb-wk i { display: inline-block; width: 24mm; border-bottom: .3mm solid #5B6372; height: 4.5mm; }
.bb-wtab td { height: 13mm; }
.bb-wtab th { text-align: center; } .bb-wtab .c-day { width: 10mm; text-align: center; font-size: 9pt; } .bb-wtab .c-bem { width: 30%; text-align: left; }
.bb-sec { margin: 0 0 2.5mm; }
.bb-sec h2, .bb-ziel h2 { display: flex; align-items: center; gap: 2mm; margin: 0 0 .5mm; font-size: 10pt; }
.bb-sec h2 span { display: inline-grid; place-items: center; width: 5mm; height: 5mm; border-radius: 50%; background: #071B4A; color: #fff; font-size: 7.5pt; }
.bb-ln { display: block; height: 6.2mm; border-bottom: .3mm solid #9AA6B8; }
.bb-sl { margin: 1.5mm 0 0; font-size: 8.5pt; color: #3D4B66; }
.bb-roles { margin: 0 0 2.5mm; }
.bb-leit { display: flex; flex-wrap: wrap; gap: 1mm 1.2mm; list-style: none; margin: 0 0 2.5mm; padding: 0; counter-reset: bbl; font-size: 7.4pt; }
.bb-leit li { counter-increment: bbl; display: flex; align-items: center; gap: 1mm; padding: .5mm 1.6mm .5mm .7mm; border-radius: 99px; background: #EEF2F6; }
.bb-leit li::before { content: counter(bbl); display: inline-grid; place-items: center; width: 4mm; height: 4mm; border-radius: 50%; background: #071B4A; color: #fff; font-size: 6.5pt; font-weight: 700; }
.bb-vtab td { height: 8.5mm; } .bb-vtab .c-wer { width: 30mm; } .bb-vtab .c-bis { width: 24mm; } .bb-vtab .c-ok { width: 9mm; text-align: center; }
.bb-ziel { margin: 1mm 0 3mm; padding: 2mm 3.5mm 2.5mm; border: .4mm solid #071B4A; border-radius: 2.5mm; }
.bb-ziel h3 { margin: 2mm 0 0; font-size: 9pt; }
.bb-zl { display: flex; align-items: flex-end; gap: 2mm; margin: 0; }
.bb-zl i, .bb-zk i { flex: 1; display: block; height: 6.5mm; border-bottom: .3mm solid #9AA6B8; }
.bb-zk { margin: 0 0 1.5mm; padding-left: 5mm; }
.bb-zk li { display: flex; align-items: flex-end; } .bb-zk li::marker { font-weight: 700; }
.bb-row3 { display: flex; gap: 5mm; }
.bb-sigs { display: flex; flex-wrap: wrap; gap: 4mm 6mm; margin: 4mm 0 1mm; }
.bb-sigs span { flex: 1 1 35mm; display: grid; gap: .8mm; }
.bb-sigs i { display: block; height: 7mm; border-bottom: .3mm solid #071B4A; }
.bb-sigs small { font-size: 7.5pt; color: #3D4B66; }
.bb-conf { margin: 3mm 0 0; font-size: 7pt; color: #5B6372; }
.bb-ltab td { height: 7.2mm; }
.bb-ltab .c-name { width: 46mm; } .bb-ltab .c-nr, .bb-rtab .c-nr, .bb-ktab .c-nr { width: 8mm; text-align: center; color: #5B6372; }
.bb-ltab th.c-col { text-align: center; font-size: 7pt; } .bb-ltab th.c-wide { width: 26%; }
.bb-ltab th.c-date { text-align: center; } .bb-ltab th.c-date small { font-size: 5.5pt; color: #8E9AB0; font-weight: 500; }
.bb-ltab th { height: 9mm; }
.bb-rtab td { height: 9mm; } .bb-rtab .c-d { width: 22mm; } .bb-rtab .c-name { width: 40mm; } .bb-rtab .c-ok { width: 18mm; text-align: center; } .bb-rtab .c-bem { width: 20%; }
.bb-rtab td.c-ok i { display: inline-block; width: 3.6mm; height: 3.6mm; border: .35mm solid #071B4A; border-radius: .7mm; }
.bb-klist { margin: 0 0 2.5mm; padding-left: 0; list-style: none; counter-reset: bbk; display: grid; gap: .8mm; }
.bb-klist li { counter-increment: bbk; display: flex; gap: 2mm; align-items: baseline; }
.bb-klist li::before { content: "K" counter(bbk); flex: none; font-weight: 800; font-size: 8.5pt; padding: 0 1.4mm; border-radius: 1mm; background: #071B4A; color: #fff; }
.bb-klist li i { flex: 1; height: 5mm; border-bottom: .3mm solid #9AA6B8; }
.bb-ktab td { height: 6.6mm; } .bb-ktab .c-name { width: 42mm; } .bb-ktab .c-kk { width: 12mm; text-align: center; }
.lt-sheet .bb-page { padding: 24px; }
.lt-sheet.is-quer { max-width: 980px; }
@media (max-width: 600px) { .lt-sheet .bb-page { padding: 14px; } .bb-row3 { flex-wrap: wrap; } }