/* Lehrzeug agil – werkzeugeigenes Design. Gemeinsames Design: /kern/kern.css */
.lz-sec-title .i { width: 18px; height: 18px; color: var(--orange-ink, var(--teal-ink)); }
.ag-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 10px; }
.ag-help { margin: 6px 0 0; font-size: 13px; color: var(--ink-3); }
.ag-sheets { display: grid; gap: 7px; }
.ag-sheets .check label { font-size: 14px; }
.ag-d { color: var(--ink-3); font-size: 12.5px; }
.ag-hint { font-size: 13px; color: var(--ink-3); }
.ag-wrap { display: grid; gap: 16px; }
.ag-empty { margin: 30px 0; text-align: center; color: var(--ink-3); }
.ag-prevsheet { overflow: hidden; }
.ag-prevsheet > .ag-page { width: 210mm; min-height: 296.5mm; }
.ag-learn { margin: 26px 0 18px; }
.ag-h2 { margin: 0 0 12px; font-size: 22px; }
.ag-cycle { padding: 18px 20px; margin: 0 0 14px; }
.ag-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; counter-reset: st; }
.ag-steps li { position: relative; display: grid; gap: 4px; padding: 12px 14px 12px 46px; border-radius: 14px; background: var(--orange-soft, #FFEBD6); counter-increment: st; }
.ag-steps li::before { content: counter(st); position: absolute; left: 12px; top: 12px; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--orange, #E8890C); color: #fff; font-weight: 800; font-size: 14px; }
.ag-steps b { font-size: 15px; } .ag-steps span { font-size: 13px; color: var(--ink-2); line-height: 1.35; }
@media (max-width: 900px) { .ag-steps { grid-template-columns: minmax(0, 1fr); } }
.ag-loop { display: flex; align-items: center; gap: 8px; margin: 12px 0 0; font-weight: 600; color: var(--ink-2); }
.ag-loop .i { width: 20px; height: 20px; color: var(--orange-ink, #A35A00); }
.ag-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
@media (max-width: 900px) { .ag-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .ag-grid { grid-template-columns: minmax(0, 1fr); } }
.ag-box { padding: 18px 20px; }
.ag-box h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 16.5px; }
.ag-box h3 .i { width: 20px; height: 20px; color: var(--orange-ink, #A35A00); }
.ag-box p, .ag-box li { font-size: 14.5px; line-height: 1.5; color: var(--ink-2); }
.ag-box p { margin: 0 0 6px; }
.ag-box ul { margin: 0; padding-left: 20px; display: grid; gap: 5px; }

/* ================================================================ Blätter */
.ag-page { padding: 13mm 14mm 17mm; font-family: var(--font); color: #071B4A; background: #fff; font-size: 10pt; line-height: 1.4; }
.ag-page :where(h1, h2, h3, p, ol, ul) { margin: 0; }
.ag-head { margin: 0 0 4mm; padding-bottom: 1.6mm; border-bottom: .6mm solid #071B4A; }
.ag-head h1 { font-size: 18pt; line-height: 1.15; }
.ag-sub { margin-top: .8mm !important; font-size: 9.6pt; font-weight: 600; color: #3D4B66; }
.ag-fine { margin-top: 2mm !important; font-size: 7.8pt; color: #5B6372; }
.ag-ln { display: block; height: 7.5mm; border-bottom: .3mm solid #9AA6B8; }
.ag-goal { display: grid; gap: .6mm; margin: 0 0 3.5mm; padding: 2.5mm 3.5mm; border: .45mm solid #071B4A; border-radius: 2.5mm; }
.ag-goal b { font-size: 7.8pt; letter-spacing: .08em; text-transform: uppercase; color: #C2410C; }
.ag-tab { width: 100%; border-collapse: collapse; table-layout: fixed; margin: 0 0 3mm; }
.ag-tab th { font-size: 8.2pt; text-align: left; padding: 1.2mm 1.6mm; border: .25mm solid #9AA6B8; background: #EEF2F6; color: #24324F; }
.ag-tab td { border: .25mm solid #9AA6B8; padding: 1.2mm 1.6mm; font-size: 9pt; vertical-align: top; }
.ag-plan .c-n { width: 11mm; text-align: center; font-weight: 800; } .ag-plan .c-s { width: 19mm; } .ag-plan .c-m { width: 12mm; text-align: right; } .ag-plan .c-ok { width: 9mm; text-align: center; }
.ag-plan td.c-ok i { display: inline-block; width: 3.6mm; height: 3.6mm; border: .35mm solid #071B4A; border-radius: .6mm; }
.ag-plan tr.is-start td { border-top: .6mm solid #071B4A; }
.ag-ph { min-height: 4.6mm; } .ag-ph + .ag-ph { margin-top: 1mm; }
.ag-ph b { color: #C2410C; }
.ag-rollen { display: grid; gap: 5mm; }
.ag-role { padding: 5mm 6mm; border: .6mm solid #071B4A; border-radius: 4mm; }
.ag-rh { display: flex; align-items: center; gap: 4mm; margin: 0 0 3mm; padding-bottom: 2.5mm; border-bottom: .4mm solid #C9D2DE; }
.ag-rh .i { width: 12mm; height: 12mm; color: #C2410C; }
.ag-rh h2 { font-size: 20pt; line-height: 1.05; } .ag-rh small { font-size: 10pt; font-weight: 600; color: #3D4B66; }
.ag-role ul { padding-left: 5mm; display: grid; gap: 1.4mm; font-size: 11.5pt; }
.ag-rname { display: flex; align-items: flex-end; gap: 2mm; margin-top: 4mm; } .ag-rname small { font-size: 8.4pt; color: #3D4B66; } .ag-rname i { flex: 1; height: 6mm; border-bottom: .3mm solid #5B6372; }
.ag-sugrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-left: .35mm dashed #8E9AB0; border-top: .35mm dashed #8E9AB0; }
.ag-su { display: grid; align-content: start; gap: 3mm; padding: 7mm 6mm; min-height: 128mm; border-right: .35mm dashed #8E9AB0; border-bottom: .35mm dashed #8E9AB0; }
.ag-su h2 { display: flex; align-items: center; gap: 2mm; font-size: 18pt; }
.ag-su h2 .i { width: 8mm; height: 8mm; color: #C2410C; }
.ag-su-r { font-size: 10pt; color: #3D4B66; }
.ag-su ol { padding-left: 6mm; display: grid; gap: 3mm; font-size: 13pt; }
.ag-su-f { margin-top: auto !important; font-size: 8.6pt; color: #5B6372; }
.ag-dod { display: grid; align-content: start; gap: 6mm; }
.ag-dodh { display: flex; align-items: center; gap: 5mm; padding-bottom: 4mm; border-bottom: 1mm solid #071B4A; }
.ag-dodh > .i { width: 18mm; height: 18mm; color: #16A06A; }
.ag-dodh h1 { font-size: 30pt; line-height: 1.05; } .ag-dodh p { font-size: 14pt; font-weight: 600; color: #3D4B66; }
.ag-dodl { list-style: none; padding: 0; display: grid; gap: 5mm; }
.ag-dodl li { display: flex; align-items: flex-start; gap: 4mm; font-size: 16pt; font-weight: 600; line-height: 1.3; }
.ag-dodl i { flex: none; width: 8mm; height: 8mm; margin-top: .6mm; border: .6mm solid #071B4A; border-radius: 1.5mm; }
.ag-dodf { display: flex; align-items: flex-end; gap: 3mm; margin-top: 8mm; font-size: 10pt; color: #3D4B66; } .ag-dodf i { flex: 1; height: 7mm; border-bottom: .3mm solid #5B6372; }
.ag-meta { display: flex; flex-wrap: wrap; gap: 3mm 6mm; margin: 0 0 4mm; }
.ag-f { display: flex; align-items: flex-end; gap: 2mm; flex: 1 1 40mm; } .ag-f.is-w { flex: 2 1 80mm; }
.ag-f small { font-size: 8.6pt; font-weight: 700; color: #3D4B66; } .ag-f i, .ag-f b { flex: 1; min-height: 7mm; border-bottom: .3mm solid #5B6372; }
.ag-box2 { margin: 0 0 4mm; padding: 2.6mm 3.5mm 3mm; border: .4mm solid #071B4A; border-radius: 2.5mm; }
.ag-box2 h2 { display: flex; align-items: center; gap: 1.6mm; margin: 0 0 2mm; font-size: 11pt; }
.ag-box2 h2 .i { width: 4.6mm; height: 4.6mm; color: #C2410C; }
.ag-team td { height: 9mm; }
.ag-rules { padding-left: 6mm; display: grid; gap: 1.5mm; font-size: 10.5pt; } .ag-rules i { display: block; height: 6.5mm; border-bottom: .3mm solid #9AA6B8; }
.ag-sigs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4mm 6mm; margin-top: 5mm; }
.ag-sigs span { display: grid; gap: .8mm; } .ag-sigs i { display: block; height: 9mm; border-bottom: .3mm solid #071B4A; } .ag-sigs small { font-size: 7.6pt; color: #3D4B66; }
.ag-boat { display: block; width: 100%; height: auto; margin: 0 0 4mm; }
.ag-r4 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4mm; margin: 0 0 4mm; }
.ag-rf { padding: 2.6mm 3.5mm; border: .5mm solid; border-radius: 3mm; }
.ag-rf h2 { font-size: 12pt; } .ag-rf small { display: block; font-size: 8.4pt; color: #3D4B66; margin-bottom: 1mm; }
.ag-rf.is-wind { border-color: #16A06A; } .ag-rf.is-wind h2 { color: #0E7A50; }
.ag-rf.is-anker { border-color: #5B6372; } .ag-rf.is-fels { border-color: #E5533D; } .ag-rf.is-fels h2 { color: #B5302A; }
.ag-rf.is-insel { border-color: #E0A800; } .ag-rf.is-insel h2 { color: #B07A00; }
.ag-usgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 86mm; border-left: .35mm dashed #8E9AB0; border-top: .35mm dashed #8E9AB0; }
.ag-us { display: flex; flex-direction: column; gap: 1.5mm; padding: 6mm; border-right: .35mm dashed #8E9AB0; border-bottom: .35mm dashed #8E9AB0; }
.ag-us small { font-size: 9pt; font-weight: 700; color: #C2410C; }
.ag-us i { display: block; height: 7mm; border-bottom: .3mm solid #9AA6B8; }
.ag-usf { display: flex; justify-content: space-between; margin-top: auto; padding-top: 2mm; font-size: 8.4pt; color: #3D4B66; }