*,*:before,*:after{box-sizing:border-box}html,body{min-height:100%;margin:0}html[data-theme=dark]{color-scheme:dark;background:#141d20}html[data-theme=dark] body,html[data-theme=dark] app-root,html[data-theme=dark] app-startseite,html[data-theme=dark] app-kurs,html[data-theme=dark] app-kursliste,html[data-theme=dark] app-klasse,html[data-theme=dark] app-klassenliste,html[data-theme=dark] app-schueler,html[data-theme=dark] app-schuelerliste,html[data-theme=dark] app-einstellungen{color:#e5eeea;background:#141d20}html[data-theme=dark] .course-panel,html[data-theme=dark] .class-panel,html[data-theme=dark] .student-panel,html[data-theme=dark] .settings-panel{border-color:#3a4b4d;background:#202b2f;box-shadow:0 22px 64px #00000047}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] .brand,html[data-theme=dark] .menu-toggle,html[data-theme=dark] .app-shell .menu-panel a,html[data-theme=dark] .field-label,html[data-theme=dark] legend,html[data-theme=dark] .course-name,html[data-theme=dark] .course-link,html[data-theme=dark] .class-name,html[data-theme=dark] .class-link,html[data-theme=dark] .student-name,html[data-theme=dark] .student-link,html[data-theme=dark] .back-link,html[data-theme=dark] .theme-options button.active{color:#e5eeea}html[data-theme=dark] .intro,html[data-theme=dark] .form-state,html[data-theme=dark] .list-state,html[data-theme=dark] .empty-state,html[data-theme=dark] .student-comment,html[data-theme=dark] .class-teacher{color:#b6c5c1}html[data-theme=dark] .eyebrow,html[data-theme=dark] .course-link:hover .course-name,html[data-theme=dark] .class-link:hover .class-name,html[data-theme=dark] .student-link:hover .student-name{color:#91d2a7}html[data-theme=dark] .home-stamp{color:#91d2a71a}html[data-theme=dark] .topbar{border-bottom-color:#344448}html[data-theme=dark] .menu-toggle,html[data-theme=dark] .menu-panel{border-color:#3a4b4d;background:#202b2f;color:#e5eeea}html[data-theme=dark] .menu-toggle:hover,html[data-theme=dark] .menu-panel a:hover,html[data-theme=dark] .menu-panel a:focus-visible{background:#2b3c3e;color:#a4dfb6}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select,html[data-theme=dark] .filter-row select{border-color:#4a5b5e;background:#172226;color:#e5eeea;color-scheme:dark}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#9aaca7}html[data-theme=dark] .type-option,html[data-theme=dark] .filter-row,html[data-theme=dark] .theme-options{border-color:#405154;background:#263437;color:#dce7e2}html[data-theme=dark] .type-option.selected,html[data-theme=dark] .theme-options button.active{border-color:#476d57;background:#294d38;color:#e5eeea}html[data-theme=dark] .filter-button{color:#dce7e2}html[data-theme=dark] .filter-button:hover:not(.active),html[data-theme=dark] .theme-options button:hover:not(.active){border-color:#4a6456;background:#304139}html[data-theme=dark] .course-list,html[data-theme=dark] .class-list,html[data-theme=dark] .student-list,html[data-theme=dark] .course-row,html[data-theme=dark] .class-row,html[data-theme=dark] .student-row,html[data-theme=dark] .empty-state,html[data-theme=dark] .filter-empty-state{border-color:#3a4b4d}html[data-theme=dark] .course-type,html[data-theme=dark] .student-class{border-color:#476d57;background:#294d38;color:#c4e7ce}