/* Lehrzeug Elternbrief – werkzeugeigenes Design. Gemeinsames Design: /kern/kern.css */
.eb-tpls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.eb-tpls label { position: relative; }
.eb-tpls input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.eb-tpls span { display: flex; align-items: center; gap: 8px; padding: 9px 10px; border-radius: 12px; border: 1.5px solid var(--line-2); background: var(--surface-2); font-size: 13.5px; font-weight: 500; cursor: pointer; }
.eb-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); }
.eb-tpls input:focus-visible + span { outline: 3px solid var(--focus); outline-offset: 2px; }
.eb-wide { grid-column: 1 / -1; }
.eb-rueck { display: grid; gap: 10px; }
.eb-paper { background: #fff; color: #071B4A; max-width: 720px; margin: 0 auto; box-shadow: 0 10px 30px -18px rgba(7, 27, 74, .5); border-radius: 4px; }
.eb-paper .ebl { padding: 36px 44px; }
.eb-paper.eb-a5 { max-width: 520px; }
.eb-paper.eb-a5 .ebl { padding: 26px 30px; font-size: 9.5pt; }

/* Der Brief (Bildschirm und Druck) */
.ebl { font-family: var(--font); color: #071B4A; font-size: 10.5pt; line-height: 1.55; }
.ebl-head { display: flex; align-items: center; gap: 14px; padding-bottom: 10px; border-bottom: 1.5px solid #071B4A; }
.ebl-logo { max-height: 56px; max-width: 120px; object-fit: contain; }
.ebl-school { display: grid; }
.ebl-school b { font-size: 1.2em; }
.ebl-school span { font-size: .85em; color: #3D4B66; }
.ebl-date { text-align: right; margin: 14px 0 18px; }
.ebl-subj { font-weight: 700; font-size: 1.1em; margin: 0 0 14px; }
.ebl-text p { margin: 0 0 .8em; }
.ebl-gruss { margin: 1.2em 0 2.2em; }
.ebl-sign { display: grid; width: 60%; }
.ebl-line { border-bottom: 1px solid #071B4A; height: 1px; margin-bottom: 4px; }
.ebl-sign small { color: #3D4B66; }
.ebl-cut { display: flex; align-items: center; gap: 8px; margin: 26px -10px 14px; font-size: .8em; color: #5B6372; border-top: 1.5px dashed #5B6372; padding-top: 4px; }
.ebl-cut span { font-size: 1.4em; margin-top: -1.1em; background: #fff; padding: 0 4px; }
.ebl-rt { font-weight: 700; margin: 0 0 8px; }
.ebl-row { display: flex; align-items: flex-end; gap: 8px; margin: 0 0 10px; }
.ebl-row i { flex: 1; border-bottom: 1px solid #071B4A; min-height: 1.3em; font-style: normal; }
.ebl-row i.s { flex: 0 0 18%; }
.ebl-opt { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 6px; }
.ebl-box { flex: none; width: 13px; height: 13px; border: 1.5px solid #071B4A; border-radius: 2px; margin-top: .3em; }
.ebl-extra { margin: 6px 0 10px; }
.ebl-sig { margin-top: 16px; }

/* Druck */
.ebp { background: #fff; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.ebp-a4 { width: 210mm; min-height: 296mm; padding: 16mm 20mm 14mm; }
.ebp-a5 { width: 297mm; height: 209mm; display: grid; grid-template-columns: 1fr 1px 1fr; }
.ebp-a5 .ebl { padding: 9mm 11mm; font-size: 8.6pt; overflow: hidden; }
.ebp-mid { border-left: .3mm dashed #8E9AB0; }
.ebp-a5 .ebl-logo { max-height: 12mm; }
@media (max-width: 600px) { .eb-paper .ebl { padding: 22px 18px; } .eb-tpls { grid-template-columns: 1fr; } }