/* Lehrzeug Elternabend-Präsentator – werkzeugeigenes Design. Gemeinsames Design: /kern/kern.css */
.lz-sec-title .i { width: 18px; height: 18px; color: var(--teal-ink); }
.ea-quick { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; max-width: 760px; margin-top: 18px; }
.ea-qbtn { display: grid; justify-items: start; gap: 2px; padding: 14px 16px; border-radius: 18px; border: 2px solid var(--line-2); background: var(--surface); color: var(--ink); font: inherit; text-align: left; cursor: pointer; box-shadow: var(--shadow-1); transition: transform .15s, border-color .15s; }
.ea-qbtn:hover { transform: translateY(-2px); border-color: var(--orange); }
.ea-qbtn[aria-pressed="true"] { border-color: var(--orange-ink); background: var(--orange-soft); }
.ea-qbtn b { font-size: 16px; } .ea-qbtn small { color: var(--ink-3); font-weight: 600; }
.ea-qico { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 6px; border-radius: 12px; background: var(--orange-soft); color: var(--orange-ink); }
.ea-qico .i { width: 22px; height: 22px; }
@media (max-width: 560px) { .ea-quick { grid-template-columns: minmax(0, 1fr); } .ea-qbtn { grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: 12px; } .ea-qico { grid-row: span 2; margin: 0; } }
.ea-empty { margin: 0 0 14px; padding: 14px; border-radius: 14px; border: 2px dashed var(--line-2); text-align: center; }
.ea-empty p { margin: 0 0 10px; color: var(--ink-2); }
.ea-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 10px; margin-bottom: 10px; }
.ea-grid label { display: grid; gap: 3px; font-size: 12px; font-weight: 600; color: var(--ink-3); }
.ea-grid .ea-wide { grid-column: 1 / -1; }
.ea-seg { margin: 0 0 10px; } .ea-seg span { font-size: 13px; }
.ea-list { list-style: none; margin: 0 0 10px; padding: 0; display: grid; gap: 4px; }
.ea-li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 4px; align-items: center; padding: 3px; border-radius: 12px; }
.ea-li.is-cur { background: var(--orange-soft); box-shadow: inset 0 0 0 1.5px var(--orange); }
.ea-li.is-off .ea-pick { opacity: .45; }
.ea-pick { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 5px 6px; border: 0; background: none; color: var(--ink); font: inherit; text-align: left; cursor: pointer; border-radius: 10px; }
.ea-pick:hover { background: var(--sunken); }
.ea-ico { flex: none; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: var(--sunken); color: var(--ink-2); }
.ea-ico .i { width: 17px; height: 17px; }
.ea-lt { display: grid; min-width: 0; } .ea-lt b { font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ea-lt small { font-size: 11.5px; color: var(--ink-3); }
.ea-onoff input { width: 18px; height: 18px; accent-color: var(--teal-ink); }
.ea-addrow { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px; align-items: center; }
.ea-notiz { margin: 10px 0 0; padding: 8px 12px; border-radius: 10px; background: var(--yellow-soft); color: var(--yellow-ink); font-size: 14px; }
.ea-notiz:empty { display: none; }

/* Bühne 16:9 */
.ea-show { display: grid; gap: 10px; }
.ea-stage { position: relative; aspect-ratio: 16 / 9; container-type: inline-size; overflow: hidden; border-radius: 14px; background: #fff; color: #071B4A; box-shadow: 0 0 0 1px var(--line), 0 18px 40px -26px rgba(7, 27, 74, .6); }
.ea-ctrl { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ea-pos { min-width: 54px; text-align: center; font-weight: 700; color: var(--ink-2); font-variant-numeric: tabular-nums; }
.ea-dots { display: flex; flex-wrap: wrap; gap: 5px; flex: 1; }
.ea-dots button { width: 10px; height: 10px; padding: 0; border-radius: 50%; border: 0; background: var(--line-2); cursor: pointer; }
.ea-dots button[aria-current="true"] { background: var(--orange); transform: scale(1.3); }
.ea-show.is-full, .ea-show.is-pseudo { background: #0B1B3F; padding: 2vh 2vw; align-content: center; justify-items: center; }
.ea-show.is-pseudo { position: fixed; inset: 0; z-index: 2000; }
.ea-show.is-full .ea-stage, .ea-show.is-pseudo .ea-stage { width: min(96vw, calc(92vh * 16 / 9)); border-radius: 0; }
.ea-show.is-full .ea-ctrl, .ea-show.is-pseudo .ea-ctrl { width: min(96vw, calc(92vh * 16 / 9)); opacity: .25; transition: opacity .2s; }
.ea-show.is-full .ea-ctrl:hover, .ea-show.is-pseudo .ea-ctrl:hover { opacity: 1; }
.ea-show.is-full .ea-pos, .ea-show.is-pseudo .ea-pos { color: #fff; }

.ea-sl { position: absolute; inset: 0; display: flex; flex-direction: column; padding: 4.4cqw 5cqw 3.6cqw; animation: eaIn .3s ease-out; }
@keyframes eaIn { from { opacity: 0; transform: translateY(1cqw); } to { opacity: 1; transform: none; } }
.ea-kick { margin: 0 0 .8cqw; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; font-size: 1.35cqw; color: #E0701A; }
.ea-sl h2 { margin: 0 0 2cqw; font-size: 3.7cqw; line-height: 1.12; letter-spacing: -.02em; }
.ea-sub { margin: 0; font-size: 2.1cqw; line-height: 1.45; color: #3D4B66; max-width: 70cqw; }
.ea-meta { display: flex; align-items: center; gap: 1cqw; margin: 2.2cqw 0 0; font-size: 1.7cqw; font-weight: 700; color: #5B6372; }
.ea-meta .i { width: 2cqw; height: 2cqw; }
.ea-sl-titel { justify-content: center; padding-left: 8cqw; }
.ea-sl-titel h2 { font-size: 5.6cqw; max-width: 70cqw; }
.ea-deco { position: absolute; right: -6cqw; bottom: -10cqw; width: 42cqw; aspect-ratio: 1; border-radius: 50%; background: conic-gradient(from 20deg, #12A383, #2E7CF6, #8B5CF6, #E5487A, #F08A24, #F5C400, #12A383); opacity: .16; }
.ea-pts { margin: 0; padding: 0; list-style: none; display: grid; gap: 1.5cqw; font-size: 2.4cqw; line-height: 1.3; }
.ea-pts.is-many { font-size: 2cqw; gap: 1.1cqw; }
.ea-pts li { position: relative; padding-left: 3.4cqw; }
.ea-pts li::before { content: ""; position: absolute; left: 0; top: .45em; width: 1.5cqw; height: 1.5cqw; border-radius: 50%; background: #F08A24; }
.ea-pts li:nth-child(2)::before { background: #2E7CF6; } .ea-pts li:nth-child(3)::before { background: #12A383; } .ea-pts li:nth-child(4)::before { background: #8B5CF6; } .ea-pts li:nth-child(5)::before { background: #E5487A; } .ea-pts li:nth-child(6)::before { background: #C99200; }
.ea-sl-wahl .ea-pts { counter-reset: w; }
.ea-sl-wahl .ea-pts li { counter-increment: w; padding-left: 4.4cqw; }
.ea-sl-wahl .ea-pts li::before { content: counter(w); width: 3cqw; height: 3cqw; top: 0; display: grid; place-items: center; color: #fff; font-weight: 800; font-size: 1.6cqw; }
.ea-leave { display: flex; align-items: center; gap: 1.4cqw; margin: auto 0 0; padding: 1.4cqw 2cqw; border-radius: 1.6cqw; background: #FFF1E3; color: #8A3F06; font-weight: 800; font-size: 2.1cqw; }
.ea-leave .i { width: 3cqw; height: 3cqw; flex: none; }
.ea-agl { margin: 0; padding: 0; list-style: none; counter-reset: a; display: grid; gap: 1.2cqw; font-size: 2.2cqw; }
.ea-agl li { counter-increment: a; display: flex; align-items: baseline; gap: 1.4cqw; }
.ea-agl li::before { content: counter(a); flex: none; display: grid; place-items: center; width: 3.2cqw; height: 3.2cqw; border-radius: 50%; background: #071B4A; color: #fff; font-weight: 800; font-size: 1.6cqw; transform: translateY(.4cqw); }
.ea-agl li:nth-child(8n+1)::before { background: #12A383; } .ea-agl li:nth-child(8n+2)::before { background: #2E7CF6; } .ea-agl li:nth-child(8n+3)::before { background: #F08A24; } .ea-agl li:nth-child(8n+4)::before { background: #8B5CF6; }
.ea-agl li:nth-child(8n+5)::before { background: #E5487A; } .ea-agl li:nth-child(8n+6)::before { background: #C99200; } .ea-agl li:nth-child(8n+7)::before { background: #0EA5C6; } .ea-agl li:nth-child(8n+8)::before { background: #5DB85C; }
.ea-agl small { color: #5B6372; font-size: .75em; font-weight: 700; }
.ea-agl.is-cols { font-size: 1.8cqw; gap: 1cqw; align-content: center; }
.ea-agl.is-cols li::before { width: 2.6cqw; height: 2.6cqw; font-size: 1.3cqw; }
.ea-agk { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 3cqw; align-items: center; }
.ea-ring { width: 100%; height: 100%; max-height: 34cqw; }
.ea-ring text, .ea-weg text { font-family: var(--font); }
.ea-ct { font-size: 22px; font-weight: 800; fill: #fff; } .ea-cc { font-size: 24px; font-weight: 800; fill: #071B4A; }
.ea-agw { flex: 1; min-height: 0; display: grid; place-items: center; }
.ea-weg { width: 100%; height: auto; max-height: 34cqw; }
.ea-wn { font-size: 18px; font-weight: 800; fill: #fff; } .ea-wl { font-size: 15px; font-weight: 700; fill: #071B4A; }
.ea-people { display: grid; grid-template-columns: repeat(auto-fit, minmax(26cqw, 1fr)); gap: 1.6cqw; align-content: start; }
.ea-pc { display: flex; align-items: center; gap: 1.6cqw; padding: 1.6cqw; border-radius: 1.8cqw; background: #F3F6FA; }
.ea-av { flex: none; display: grid; place-items: center; width: 6cqw; height: 6cqw; border-radius: 50%; color: #fff; font-weight: 800; font-size: 2.6cqw; background: #12A383; }
.ea-pc.c1 .ea-av { background: #2E7CF6; } .ea-pc.c2 .ea-av { background: #F08A24; } .ea-pc.c3 .ea-av { background: #8B5CF6; } .ea-pc.c4 .ea-av { background: #E5487A; } .ea-pc.c5 .ea-av { background: #C99200; } .ea-pc.c6 .ea-av { background: #0EA5C6; } .ea-pc.c7 .ea-av { background: #5DB85C; }
.ea-pc span:last-child { display: grid; gap: .3cqw; min-width: 0; }
.ea-pc b { font-size: 2.1cqw; } .ea-pc small { font-size: 1.5cqw; color: #3D4B66; font-weight: 600; } .ea-pc em { font-style: normal; font-size: 1.3cqw; color: #5B6372; }
.ea-two { display: grid; grid-template-columns: 1fr 1fr; gap: 3cqw; }
.ea-col { padding: 2cqw 2.4cqw; border-radius: 2cqw; }
.ea-col.is-good { background: #E3F6F1; } .ea-col.is-work { background: #FFF1E3; }
.ea-col h3 { display: flex; align-items: center; gap: 1cqw; margin: 0 0 1.4cqw; font-size: 2.3cqw; }
.ea-col h3 .i { width: 2.8cqw; height: 2.8cqw; }
.ea-col.is-good h3 { color: #0B7A62; } .ea-col.is-work h3 { color: #A4520E; }
.ea-col ul { margin: 0; padding-left: 2.4cqw; display: grid; gap: 1cqw; font-size: 2cqw; line-height: 1.3; }
.ea-tab { width: 100%; border-collapse: collapse; font-size: 2cqw; }
.ea-tab th { text-align: left; padding: .8cqw 1.2cqw; font-size: 1.3cqw; text-transform: uppercase; letter-spacing: .05em; color: #5B6372; border-bottom: .25cqw solid #071B4A; }
.ea-tab td { padding: 1.1cqw 1.2cqw; border-bottom: .1cqw solid #DCE3EC; }
.ea-leg { list-style: none; margin: 0; padding: 0; display: grid; gap: 1cqw; font-size: 1.5cqw; }
.ea-leg > li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .3cqw 1cqw; align-items: center; }
.ea-leg em { font-style: normal; font-weight: 800; }
.ea-leg ul { grid-column: 2 / -1; list-style: none; margin: 0; padding: 0; font-size: 1.25cqw; color: #3D4B66; }
.ea-leg ul li { display: flex; justify-content: space-between; gap: 1cqw; } .ea-leg ul em { font-weight: 600; }
.ea-sw { display: inline-block; width: 1.6cqw; height: 1.6cqw; border-radius: .4cqw; }
.ea-sw.c0 { background: #12A383; } .ea-sw.c1 { background: #2E7CF6; } .ea-sw.c2 { background: #F08A24; } .ea-sw.c3 { background: #8B5CF6; } .ea-sw.c4 { background: #E5487A; } .ea-sw.c5 { background: #C99200; }

/* Gestaltung: Grundschule (bunt), Sekundarstufe (klar), Oberstufe (ruhig, dunkel) */
.ea-th-sek::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1.1cqw; background: linear-gradient(90deg, #F08A24, #E5487A 35%, #2E7CF6 70%, #12A383); z-index: 1; }
.ea-th-gs { background: #FFF8EA; }
.ea-th-gs::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 6% 92%, #FFD9A8 0 4cqw, transparent 4.2cqw), radial-gradient(circle at 94% 10%, #CDEBFF 0 5cqw, transparent 5.2cqw), radial-gradient(circle at 88% 88%, #D8F3DC 0 3cqw, transparent 3.2cqw), radial-gradient(circle at 50% 104%, #FFE3EC 0 6cqw, transparent 6.2cqw); }
.ea-th-gs .ea-sl h2 { color: #2B3A67; letter-spacing: -.01em; }
.ea-th-gs .ea-kick { color: #E5487A; }
.ea-th-gs .ea-pc, .ea-th-gs .ea-tab td { background: rgba(255, 255, 255, .7); }
.ea-th-gs .ea-pc { border-radius: 3cqw; }
.ea-th-os { background: #0E1E3D; color: #EAF0F8; }
.ea-th-os::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 1cqw; background: #12C7A3; }
.ea-th-os .ea-kick { color: #5BE3C4; }
.ea-th-os .ea-sl h2 { color: #fff; }
.ea-th-os .ea-sub, .ea-th-os .ea-meta, .ea-th-os .ea-agl small, .ea-th-os .ea-pc small, .ea-th-os .ea-pc em, .ea-th-os .ea-leg ul { color: #B4C0D4; }
.ea-th-os .ea-pc { background: #17294F; }
.ea-th-os .ea-tab th { color: #B4C0D4; border-color: #5BE3C4; } .ea-th-os .ea-tab td { border-color: #2A3E66; }
.ea-th-os .ea-col.is-good { background: #12385A; } .ea-th-os .ea-col.is-work { background: #3A2A1E; }
.ea-th-os .ea-col.is-good h3 { color: #5BE3C4; } .ea-th-os .ea-col.is-work h3 { color: #FFB76B; }
.ea-th-os .ea-leave { background: #3A2A1E; color: #FFD6A8; }
.ea-th-os .ea-wl, .ea-th-os .ea-cc { fill: #fff; }
.ea-th-os .ea-weg path:first-child { stroke: #24385F; }
.ea-th-os .ea-ring circle { fill: #0E1E3D; }
.ea-th-os .ea-deco { opacity: .22; }
@media (prefers-reduced-motion: reduce) { .ea-sl { animation: none; } }

/* Druck: zwei Folien pro Seite */
.ea-print { padding: 12mm 14mm; font-family: var(--font); color: #071B4A; background: #fff; }
.ea-print h1 { margin: 0 0 1mm; font-size: 17pt; }
.ea-pmeta { margin: 0 0 4mm; color: #5B6372; font-weight: 600; }
.ea-pgrid { display: grid; gap: 6mm; }
.ea-pbox { break-inside: avoid; }
.ea-pstage { width: 100%; border-radius: 3mm; box-shadow: 0 0 0 .3mm #9AA6B8; }
.ea-pstage .ea-sl { animation: none; }
.ea-pn { margin: 1.5mm 0 0; font-size: 9pt; color: #5B6372; }
.lt-sheet .ea-print { padding: 20px; }