:root{--petrol:#1a4d5c;--petrol2:#2d7d8a;--mint:#7fb5b5;--ocker:#e8b04b;--ink:#2b2b2b;--creme:#f7f4ed;--offwhite:#faf8f3;--gruen:#4a9d5b;--gelb:#e8c34b;--orange:#e0892e;--rot:#cf4b3c;--line:#d8d2c4;--muted:#8a857a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--creme);color:var(--ink);line-height:1.5}a{color:var(--petrol2);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{color:var(--petrol)}.app{max-width:1100px;margin:0 auto;min-height:100vh;background:var(--offwhite);box-shadow:0 0 40px #0000000f}header.top{background:var(--petrol);color:#faf8f3;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}header.top .brand{display:flex;align-items:center;gap:11px}.burger{display:none;background:#ffffff26;color:#fff;border:0;border-radius:9px;width:40px;height:40px;font-size:20px;line-height:1;cursor:pointer;flex-shrink:0}header.top .logo{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--mint),var(--petrol2));display:flex;align-items:center;justify-content:center;font-weight:800;color:#0d2c34;font-size:13px}header.top h1{font-size:15px;margin:0;font-weight:700;color:#fff}header.top small{display:block;opacity:.7;font-weight:400;font-size:11px}header.top .today{font-size:13px;opacity:.9}.klassenwahl{width:auto;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:9px;padding:7px 9px;font-size:14px;font-weight:700}.klassenwahl option{color:#1c1c1c}nav.main{display:flex;gap:4px;padding:9px 14px;background:#fff;border-bottom:1px solid var(--line);flex-wrap:wrap;position:sticky;top:0;z-index:20}nav.main a{padding:8px 13px;border-radius:9px;font-size:14px;font-weight:600;color:var(--petrol)}nav.main a:hover{text-decoration:none;background:#eef3f1}nav.main{align-items:flex-start;gap:18px}.navgrp{display:flex;flex-direction:column;gap:4px}.navgrp-t{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--mint);padding:0 4px}.navgrp-l{display:flex;gap:5px;flex-wrap:wrap}.navgrp+.navgrp{border-left:1px solid var(--line);padding-left:18px}@media (max-width:720px){.navgrp+.navgrp{border-left:0;padding-left:0}nav.main{gap:10px}}nav.main a.active{background:var(--petrol);color:#fff}nav.main{align-items:center;gap:6px}nav.main a{flex:0 1 auto}.mehr-wrap{position:relative}.mehr-btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 13px;font-size:14px;font-weight:600;color:var(--petrol);cursor:pointer}.mehr-btn.active,.mehr-btn:hover{background:#eef3f1}.mehr-menu{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 6px 24px #0000001f;padding:6px;z-index:40;display:flex;flex-direction:column;gap:2px;min-width:190px}.mehr-menu a{padding:10px 12px;border-radius:8px;font-size:14px;font-weight:600;color:var(--petrol);white-space:nowrap}.mehr-menu a:hover{background:#eef3f1;text-decoration:none}.mehr-menu a.active{background:var(--petrol);color:#fff}main{padding:16px 18px 80px}h2.viewtitle{font-size:19px;margin:4px 0 12px}.hint{background:#fff;border:1px dashed var(--mint);border-radius:11px;padding:10px 13px;font-size:13px;color:#4a5a5e;margin-bottom:14px}.hint b{color:var(--petrol)}.card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 16px;margin-bottom:14px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn{display:inline-block;border:1px solid var(--line);background:#f7f4ed;border-radius:9px;padding:9px 14px;font-size:14px;font-weight:600;color:var(--petrol);cursor:pointer;text-align:center}.btn:hover{text-decoration:none;background:#eef3f1}.btn.primary{background:var(--petrol);color:#fff;border-color:var(--petrol)}.btn.sm{padding:6px 10px;font-size:13px}input,select,textarea{font:inherit;border:1px solid var(--line);border-radius:9px;padding:9px 11px;background:#fff;color:var(--ink);width:100%}textarea{min-height:70px;resize:vertical}label.fld{display:block;margin-bottom:11px;font-size:13px;font-weight:600;color:var(--petrol)}label.fld span{display:block;margin-bottom:4px}table{width:100%;border-collapse:collapse;font-size:13.5px}th,td{text-align:left;padding:8px 9px;border-bottom:1px solid var(--line)}th{color:var(--petrol);font-size:12px;text-transform:uppercase;letter-spacing:.3px}.muted{color:var(--muted)}.pill{display:inline-block;font-size:11px;padding:2px 8px;border-radius:20px;background:#eef3f1;color:var(--petrol)}.flash{background:#eaf4ef;border:1px solid var(--mint);color:#2f6a4f;border-radius:10px;padding:9px 13px;font-size:13.5px;margin-bottom:12px}.empty{background:#f3efe6;border:1px dashed var(--line);border-radius:11px;padding:18px;text-align:center;color:var(--muted)}.mockbadge{position:fixed;left:10px;bottom:10px;background:var(--ink);color:#fff;font-size:10.5px;padding:5px 10px;border-radius:20px;opacity:.7;z-index:60}.calbar{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap;align-items:center}.calbar .sub{display:flex;gap:3px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:3px}.calbar .sub a{padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--petrol)}.calbar .sub a.active{background:var(--petrol);color:#fff}.calbar .sub a:hover{text-decoration:none}.weekwrap{overflow-x:auto}.week{display:grid;grid-template-columns:54px repeat(5,1fr);gap:6px;min-width:680px}.col-h{font-weight:700;font-size:13px;text-align:center;padding:7px 0;color:var(--petrol)}.col-h small{display:block;font-weight:400;opacity:.6}.timecol{font-size:11px;color:var(--muted);text-align:right;padding-top:8px;padding-right:4px}.slot{min-height:54px;border-radius:9px;border:1px solid var(--line);background:#fff;padding:6px 7px;font-size:12px;display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--ink)}.slot:hover{text-decoration:none;box-shadow:0 2px 8px #00000014}.slot.empty2{background:#f3efe6;border-style:dashed}.slot .fach{font-weight:700}.slot .meta{opacity:.7;font-size:11px}.b-eng{border-left:4px solid var(--petrol2)}.b-eng .fach{color:var(--petrol2)}.b-su{border-left:4px solid var(--ocker)}.b-su .fach{color:#b5832b}.b-petrol{border-left:4px solid #2d7d8a}.b-petrol .fach{color:#2d7d8a}.b-ocker{border-left:4px solid #e8b04b}.b-ocker .fach{color:#b5832b}.b-salbei{border-left:4px solid #6f9f6a}.b-salbei .fach{color:#4f7a4a}.b-flieder{border-left:4px solid #8d7fb0}.b-flieder .fach{color:#6a5b92}.b-rose{border-left:4px solid #c98aa0}.b-rose .fach{color:#a85a74}.b-rost{border-left:4px solid #c06a45}.b-rost .fach{color:#a0492a}.b-mu{border-left:4px solid var(--mint)}.b-mu .fach{color:#3f7d7d}.b-auf{border-left:4px dashed var(--mint)}.b-auf .fach{color:#3f7d7d}.special{background:repeating-linear-gradient(45deg,#fbeccd,#fbeccd 12px,#f7e3bb 12px,#f7e3bb 24px);border:1px solid var(--ocker);border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;color:#9a6a14;font-size:12.5px;text-align:center;padding:8px;line-height:1.35}.planned-mark{align-self:flex-start;font-size:10px;color:var(--muted)}.month{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.month .dow{font-size:11px;font-weight:700;text-align:center;color:var(--petrol);padding:4px 0}.day{min-height:74px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:5px 6px;font-size:11px;text-decoration:none;color:var(--ink);display:block}.day:hover{text-decoration:none;box-shadow:0 2px 8px #00000014}.day .n{font-weight:700;color:#6a655c}.day.out{background:#f0ece2;color:#b6b0a3}.day.ferien{background:#eaf4ef}.ev{display:block;border-radius:5px;padding:1px 4px;margin-top:3px;color:#fff;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ev.spec{background:var(--rot)}.ev.abg{background:#7a4ba0}.ev.gen{background:var(--mint);color:#15403f}.year{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.mini{background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px}.mini h4{margin:0 0 6px;font-size:12.5px;text-align:center}.mini .grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.mini span{font-size:9px;text-align:center;padding:2px 0;border-radius:3px;color:#5a5448}.mini span.fr{background:#eaf4ef;color:#3f7d7d}.mini span.ft{background:#fbeccd;color:#9a6a14}.mini span.ab{background:#efe4f5;color:#7a4ba0;font-weight:700}.roster{display:flex;flex-direction:column;gap:7px}.stud{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 13px}.stud .nm{font-size:14.5px;font-weight:600}.stud.isabsent{opacity:.45}.toggle{border:1px solid var(--line);background:#f3efe6;border-radius:8px;padding:7px 13px;font-size:13px;font-weight:600;cursor:pointer;color:var(--muted)}.toggle.absent{background:var(--rot);color:#fff;border-color:var(--rot)}.amprow{display:flex;gap:6px}.amp{width:42px;height:42px;border-radius:10px;border:2px solid transparent;background:#eee;font-weight:800;cursor:pointer;color:#fff;font-size:13px;opacity:.42}.amp.pp{background:var(--gruen)}.amp.p{background:var(--gelb);color:#5a4a09}.amp.o{background:var(--orange)}.amp.m{background:var(--rot)}.amp.sel{opacity:1;border-color:var(--ink)}.amp:disabled{cursor:not-allowed}.tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.tabs a{flex:1 1 auto;min-width:0;border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 6px;font-size:13px;font-weight:600;color:var(--petrol);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabs a.active{background:var(--petrol);color:#fff;border-color:var(--petrol)}.tabs a:hover{text-decoration:none}.phase{margin-bottom:12px}.phase .lbl{font-size:12px;font-weight:700;color:var(--petrol2);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.anschluss{background:#eaf4ef;border:1px solid var(--mint);border-radius:11px;padding:12px 14px;margin:14px 0}.anschluss .h{font-size:12px;font-weight:700;color:#3f7d7d;text-transform:uppercase;letter-spacing:.3px;margin-bottom:7px}.kbuch{background:#fff;border:2px dashed var(--ocker);border-radius:11px;padding:14px;margin-top:12px}.kbuch .h{font-size:12px;font-weight:700;color:#9a6a14;text-transform:uppercase;margin-bottom:7px;display:flex;align-items:center;gap:7px}.kbuch .ki{background:var(--ocker);color:#fff;font-size:10px;padding:2px 7px;border-radius:20px}.kbuch .satz{font-size:19px;font-weight:600;line-height:1.5}.kbuch small{display:block;color:var(--muted);font-size:11.5px;margin-top:9px}.bar{height:12px;border-radius:7px;background:#ece7da;overflow:hidden}.bar i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,var(--petrol2),var(--mint))}.theme{margin-bottom:13px}.theme .top{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:5px}.num{color:#5a655e;font-variant-numeric:tabular-nums}.verdict{display:inline-block;font-weight:700;font-size:13px;padding:5px 12px;border-radius:20px;margin-top:9px}.verdict.ok{background:#eaf4ef;color:var(--gruen)}.verdict.bad{background:#fbe3e0;color:var(--rot)}.kpi-big{font-size:26px;font-weight:800;color:var(--petrol2);line-height:1}@media (pointer: coarse){.mehr-wrap{width:100%}.mehr-btn{width:100%;text-align:left}.mehr-menu{position:static;box-shadow:none;min-width:0}.tabs a{font-size:12.5px;padding:9px 4px}.burger{display:inline-flex;align-items:center;justify-content:center}nav.main{display:none;flex-direction:column;align-items:stretch;gap:10px;position:static;max-height:none;overflow:visible;padding:12px}nav.main.offen{display:flex}nav.main .navgrp{flex-direction:column;gap:4px}nav.main .navgrp+.navgrp{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:8px}nav.main .navgrp-l{flex-direction:column;gap:4px}nav.main a{display:block;padding:11px 12px;font-size:15px}header.top{padding:10px 12px}header.top h1{font-size:14px}}@media (pointer: coarse){.btn,.toggle,nav.main a{min-height:40px}}.timecol{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.tc-zeit{font-weight:600}.pausechip{font-size:9.5px;color:#9a6a14;background:#fbeccd;border-radius:5px;padding:0 4px;line-height:1.5;white-space:nowrap}.pausezeile{background:repeating-linear-gradient(45deg,#fbeccd,#fbeccd 8px,#f7e3bb 8px,#f7e3bb 16px);color:#7a5410;font-size:12px;font-weight:600;text-align:center;padding:4px;border-radius:7px;margin:1px 0}.pause-cal{display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#7a5410;background:repeating-linear-gradient(45deg,#fbeccd,#fbeccd 7px,#f7e3bb 7px,#f7e3bb 14px);border-radius:6px;padding:1px 3px;text-align:center;line-height:1.15;overflow:hidden}.pause-cal .pc-leer{opacity:.4}.mini.jetzt{border:2px solid var(--petrol);box-shadow:0 0 0 2px #2d7d8a26}.mini.jetzt h4{color:var(--petrol);font-weight:800}:root[data-theme=dark]{--petrol:#3f97a6;--petrol2:#74c3d1;--mint:#5d9a9a;--ocker:#e0a948;--ink:#e7e3da;--creme:#171c1f;--offwhite:#1d2326;--line:#39424a;--muted:#9aa2a6}:root[data-theme=dark] .app{box-shadow:0 0 40px #00000080}:root[data-theme=dark] nav.main,:root[data-theme=dark] .mehr-btn,:root[data-theme=dark] .mehr-menu,:root[data-theme=dark] .hint,:root[data-theme=dark] .card,:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea,:root[data-theme=dark] .slot,:root[data-theme=dark] .day,:root[data-theme=dark] .listenkopf,:root[data-theme=dark] .calbar .sub{background:#262d31;color:var(--ink)}:root[data-theme=dark] .listenkopf:hover{background:#2e363b}:root[data-theme=dark] .hint{color:#bcc6c9}:root[data-theme=dark] .btn{background:#2e363b;color:var(--petrol2)}:root[data-theme=dark] .btn.primary{background:var(--petrol);color:#08222a}:root[data-theme=dark] .empty{background:#22282c}:root[data-theme=dark] .klassenwahl option{color:#1c1c1c}:root[data-theme=dark] .flash{background:#1f3a30;border-color:#2f6a4f;color:#a9e0c2}