:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172b46;background:#f3f6fa;font-size:16px;line-height:1.6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.topbar{height:88px;border-bottom:1px solid #dce3ed;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1280px)/2));background:white}.brand{display:flex;align-items:center;gap:12px;color:#152d50;text-decoration:none;font-size:1.2rem;font-weight:750}.mark{display:grid;place-items:center;background:#152d50;color:white;width:40px;height:40px;border-radius:10px;font:30px Georgia,serif}.course{color:#647287;font-size:.9rem}main{max-width:1328px;margin:auto;padding:42px 24px 60px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.eyebrow{font-size:.75rem;letter-spacing:.12em;font-weight:750;color:#65758b;margin:0 0 10px}.heading .eyebrow{color:#315fbb}h1{font-size:clamp(1.55rem,3vw,2rem);letter-spacing:-.045em;line-height:1.25;margin:0;font-weight:650}.practice{font-size:.875rem;background:#e6edfa;color:#31558c;padding:7px 13px;border-radius:7px;white-space:nowrap}.workspace{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:start}.case-panel,.answer-panel{background:#fff;border:1px solid #dce3ed;border-radius:14px;padding:32px;min-width:0}.case-panel{border-top:4px solid #1c3558}.case-panel .eyebrow{display:flex;gap:10px;flex-wrap:wrap}.case-panel .eyebrow span{color:#315fbb}h2{font-size:1.4rem;letter-spacing:-.025em;line-height:1.35;margin:0 0 24px}.case-text{color:#44546b;overflow-wrap:anywhere}.case-text p{margin:0 0 20px}.case-text ul{padding-left:22px;margin:0}.case-text li{padding-left:5px;margin:0 0 18px}.case-text li::marker{color:#7290b9}.source{font-size:.8rem;color:#647287;border-top:1px solid #e3e9f1;padding-top:20px;margin:28px 0 0}.answer-panel{position:sticky;top:24px}.question-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:16px}.question-meta .eyebrow{margin:0}.points{font-size:.875rem;color:#31558c;background:#edf2fa;border-radius:6px;padding:4px 10px;white-space:nowrap}.question-text{margin:0 0 30px;color:#334761;white-space:pre-line}label{display:block;font-size:.9rem;font-weight:650;margin-bottom:10px}textarea{display:block;resize:vertical;width:100%;min-height:235px;padding:17px;border:1px solid #b8c6d8;border-radius:8px;background:#fbfcfe;color:#172b46;font:inherit;line-height:1.65}textarea::placeholder{color:#738297}textarea:focus{outline:3px solid #d9e6ff;border-color:#315fbb}button{cursor:pointer;font:inherit;border:0;border-radius:8px}#submit{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:13px 20px;background:#2455a8;color:white;font-weight:650}#submit:hover{background:#1b4388}button:disabled{opacity:.65;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #6698ee;outline-offset:4px}.note{font-size:.875rem;color:#647287;line-height:1.5;margin:12px 0 24px}.status:empty{display:none}.status{margin-bottom:16px;color:#31558c}.status.error{color:#9c2929}.retry{padding:10px 18px;background:#e0e9f8;color:#173865;margin-bottom:22px}footer{max-width:1280px;margin:0 auto;padding:24px 0;border-top:1px solid #dce3ed;display:flex;justify-content:space-between;color:#647287;font-size:.8rem}[hidden]{display:none!important}@media(max-width:850px){.workspace{grid-template-columns:1fr}.answer-panel{position:static}.case-panel,.answer-panel{padding:24px}.heading{align-items:flex-start}.practice{display:none}main{padding-top:28px}footer{margin:0 24px;gap:20px}.topbar{height:72px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}

.answer-panel{position:static}.next{width:100%;margin-top:20px;padding:13px 20px;background:#e0e9f8;color:#173865;font-weight:650}.result{margin-top:30px;border-top:2px solid #dce3ed;padding-top:26px;overflow-wrap:anywhere}.score{font-size:1.5rem;font-weight:750;color:#2455a8}.criterion{border-top:1px solid #dce3ed;padding-top:18px;margin-top:22px}.criterion h3{font-size:1rem;line-height:1.5}.criterion h4{font-size:.875rem;margin:14px 0 4px}.criterion p,.criterion ul{font-size:.9rem;margin:8px 0;padding-left:0}.criterion ul{padding-left:22px}.criterion li{margin-bottom:6px}

/* Homepage und Navigation */
.back-link{display:inline-block;margin-bottom:26px;color:#31558c;text-decoration:none;font-weight:600;font-size:.9rem}
.back-link:hover{text-decoration:underline}
.intro{padding:24px 0 42px;max-width:980px}
.intro .eyebrow{color:#315fbb}
.intro h1{font-size:clamp(2rem,4.5vw,3.5rem);max-width:780px;letter-spacing:-.045em}
.intro-text{max-width:790px;color:#44546b;font-size:1.08rem;margin:24px 0 30px}
.practice-steps{display:flex;flex-wrap:wrap;gap:16px 28px;list-style:none;padding:0;margin:0;color:#44546b;font-size:.9rem}
.practice-steps li{display:flex;align-items:center;gap:10px}
.practice-steps span{font-size:.75rem;font-weight:750;color:#31558c;background:#e6edfa;border-radius:50%;padding:5px 8px}
.subjects{border-top:1px solid #dce3ed;padding-top:36px}
.subjects h2{margin:0}
.subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.subject-card{display:flex;flex-direction:column;align-items:flex-start;padding:26px;border:1px solid #dce3ed;border-radius:14px;min-width:0;text-decoration:none}
.subject-card h3{margin:20px 0 8px;font-size:1.3rem;line-height:1.3;overflow-wrap:anywhere}
.subject-card p{margin:0 0 24px;font-size:.95rem}
.availability{font-size:.75rem;font-weight:650;padding:4px 9px;border-radius:5px}
.card-action{margin-top:auto;font-size:.9rem;font-weight:650}
.available{background:#fff;color:#172b46;border:2px solid #315fbb}
.available p{color:#44546b}
.available .availability{background:#e6edfa;color:#2455a8}
.available .card-action{color:#2455a8;display:flex;width:100%;justify-content:space-between}
.available:hover{background:#f5f8ff;border-color:#193f80}
.unavailable{background:#edf0f4;color:#68717e}
.unavailable .availability{background:#e1e5ea;color:#596271}
.grading-details{border:1px solid #dce3ed;border-radius:8px;padding:14px 16px;margin-top:20px}
.grading-details summary{cursor:pointer;color:#2455a8;font-weight:650}
.grading-details summary:focus-visible{outline:3px solid #6698ee;outline-offset:4px}
.grading-details[open] summary{padding-bottom:4px}
@media(max-width:1000px){.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.subject-grid{grid-template-columns:1fr}.intro{padding-top:8px}.intro-text{font-size:1rem}.practice-steps{flex-direction:column;gap:14px}.topbar .course{font-size:.75rem}.topbar{gap:12px}.subject-card{padding:24px}}

/* Fallerfassung */
.import-invitation{margin-top:36px;padding:26px;background:#fff;border:1px solid #dce3ed;border-radius:14px}
.import-invitation h2{margin-bottom:12px}.import-invitation .back-link{margin-bottom:0}
.import-page{max-width:1000px}.import-panel{background:#fff;border:1px solid #dce3ed;border-radius:14px;padding:28px;margin:24px 0}
#import-fields{border:0;padding:0;margin:0;min-width:0}
.import-page input,.import-page select{display:block;width:100%;min-width:0;padding:11px 12px;margin-top:7px;border:1px solid #b8c6d8;border-radius:8px;background:#fbfcfe;color:#172b46;font:inherit}
.import-page label{margin-bottom:20px}.import-page textarea{margin-top:7px;min-height:150px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.editor-heading h2{margin:0}
.primary,.secondary{padding:11px 18px;font-weight:650}.primary{background:#2455a8;color:white}.secondary{background:#e0e9f8;color:#173865}
.criterion-editor{border-top:1px solid #dce3ed;padding:18px 0}.criterion-editor textarea{min-height:90px}.criterion-editor input{max-width:160px}
.import-status{margin-top:24px;white-space:pre-wrap}.api-help{margin-top:32px}.api-help pre{overflow:auto;background:#edf2fa;padding:16px;border-radius:8px}
.import-page input:focus-visible,.import-page select:focus-visible{outline:3px solid #d9e6ff;border-color:#315fbb}
@media(max-width:600px){.form-row{grid-template-columns:1fr;gap:0}.editor-heading{align-items:flex-start;flex-direction:column}.import-panel{padding:20px}}
#backup-list{overflow-wrap:anywhere;margin-bottom:20px}#backup-list li{margin-bottom:12px}#backup-list a{color:#2455a8}.import-page pre{white-space:pre-wrap;overflow-wrap:anywhere}
/* Gemeinsamer, reduzierter Header mit Kontomenü. */
.topbar{height:auto;min-height:76px;gap:16px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.topbar .course{display:none}
.account-nav{margin-left:auto;font-size:.9rem;min-width:0}
.account-nav .login-link{display:inline-flex;align-items:center;min-height:40px;padding:8px 0;color:#173865;text-decoration:none;font-weight:600}
.account-nav .login-link:hover{color:#2455a8;text-decoration:underline;text-underline-offset:4px}
.profile-menu{position:relative}
.profile-menu>summary{display:flex;align-items:center;gap:12px;min-height:40px;padding:8px 12px;cursor:pointer;list-style:none;color:#173865;font-weight:600;border-radius:6px}
.profile-menu>summary::-webkit-details-marker{display:none}.profile-menu>summary:hover,.profile-menu[open]>summary{background:#edf2f8}
.profile-menu>summary:focus-visible{outline:3px solid #6698ee;outline-offset:2px}
.profile-menu>summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
.account-label{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:20;width:224px;max-width:calc(100vw - 32px);padding:6px;background:white;border:1px solid #dce3ed;border-radius:10px;box-shadow:0 8px 24px #172b461a}
.profile-dropdown a,.profile-dropdown button{display:block;width:100%;padding:10px 12px;border-radius:5px;text-align:left;text-decoration:none;background:white;color:#173865;font:inherit}
.profile-dropdown a:hover,.profile-dropdown button:hover{background:#edf2f8}
.menu-divider{height:1px;margin:5px 6px;background:#e4e9f0}
.session-status{flex-basis:100%;text-align:right;color:#9c2929;font-size:.875rem}.session-status:empty{display:none}
@media(max-width:650px){.topbar{min-height:68px}.account-label{max-width:110px}.profile-menu>summary{padding:8px;gap:6px}}
.login-page{max-width:600px}.login-page input{display:block;width:100%;padding:12px;margin:8px 0 20px;border:1px solid #b8c6d8;border-radius:8px;font:inherit}.login-page h1{margin-bottom:20px}

/* Kompakte Verwaltungslisten mit ausklappbarer Kontobearbeitung. */
.admin-page{max-width:1200px}
.list-filters{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin-top:24px}
.list-filters label{flex:1;min-width:150px;margin:0}.list-filters label:first-child{flex:2;min-width:220px}
.compact-list{border:1px solid #dce3ed;border-radius:10px;background:white;margin-bottom:20px;overflow:hidden}
.compact-list:empty{display:none}.compact-list>p{padding:0 18px}
.case-row,.user-row{border-bottom:1px solid #dce3ed}.case-row:last-child,.user-row:last-child{border-bottom:0}
.case-row{display:flex;align-items:center;gap:20px;padding:14px 18px}
.case-info{flex:1;min-width:0}.case-info h2{font-size:1rem;margin:0;overflow-wrap:anywhere}.case-info p{font-size:.82rem;color:#647287;margin:4px 0 0;overflow-wrap:anywhere}
.row-actions{display:flex;gap:8px;align-items:center;flex-shrink:0;font-size:.85rem}
.user-row{display:flex;align-items:center;gap:12px;padding:12px 18px;min-width:520px}
.user-name{flex:1;min-width:0;overflow-wrap:anywhere;font-weight:650}.badge{font-size:.8rem;padding:2px 8px;background:#edf2fa;border-radius:5px;white-space:nowrap}
.user-actions{display:flex;gap:8px;margin-left:8px;flex-shrink:0}
.icon-button{border-radius:8px;text-decoration:none;display:grid;place-items:center;width:36px;height:36px;padding:7px;background:#e6edfa;color:#2455a8}.icon-button:hover:not(:disabled){background:#d5e2f8}.icon-button:disabled{cursor:not-allowed;opacity:.4}
.icon-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#user-list{overflow-x:auto}
.import-page input,.import-page select{height:48px;min-height:48px;margin:7px 0 0;padding:10px 12px;line-height:24px;appearance:none;-webkit-appearance:none}
.import-page select{padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 7 5 5 5-5' fill='none' stroke='%23647287' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:18px;background-position:right 12px center}
.admin-intro h1{margin:0}.admin-intro p{margin:12px 0 0;min-height:3.2em}
.create-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 16px;border-radius:8px;background:#2455a8;color:white;font-size:.9rem;font-weight:650;line-height:24px;text-decoration:none;cursor:pointer;list-style:none}
.create-action::-webkit-details-marker{display:none}.create-action:hover{background:#1b4388}.create-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.create-account .import-panel{margin:16px 0 0}
@media(max-width:650px){.case-row{align-items:flex-start;flex-direction:column;gap:10px}.row-actions{align-self:flex-end}.list-filters label{min-width:120px}.list-filters label:first-child{flex-basis:100%}}

.admin-page summary:focus-visible{outline:3px solid #6698ee;outline-offset:-3px;border-radius:5px}

footer{gap:20px;flex-wrap:wrap}footer nav{display:flex;gap:12px 24px;flex-wrap:wrap}footer a{color:inherit;text-decoration:none}footer a:hover{text-decoration:underline}
.info-page{max-width:900px}.info-page section{margin-top:30px;padding:24px;background:white;border:1px solid #dce3ed;border-radius:10px}.info-page h2{margin-bottom:14px}.info-page p:last-child{margin-bottom:0}.placeholder-note{padding:16px 20px;background:#fff4d9;border-left:3px solid #c59527;color:#735416;border-radius:6px}.info-page a{color:#2455a8}

.submit-spinner{display:none;width:22px;height:22px;border:3px solid rgba(255,255,255,.35);border-top-color:white;border-radius:50%;animation:submit-spin .8s linear infinite}
#submit[aria-busy="true"] .submit-label{visibility:hidden}
#submit[aria-busy="true"] .submit-spinner{display:block;position:absolute;left:calc(50% - 11px);top:calc(50% - 11px)}
@keyframes submit-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.submit-spinner{animation:none}}

#draft-status:empty{display:none}

.statistics-page{max-width:1150px}.intro-copy{color:#647287}.stat-cards{display:grid;grid-template-columns:1fr 1fr 2fr;gap:16px;margin:28px 0}.stat-cards section,.subject-stat{background:white;border:1px solid #dce3ed;border-radius:10px;padding:22px}.stat-cards h2{font-size:.85rem;color:#647287;margin:0 0 10px}.stat-cards p{font-size:1.3rem;font-weight:650;margin:0}.statistics-section{margin-top:36px}.statistics-section h2{margin-bottom:14px}.subject-stat{margin-bottom:16px}.stat-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.stat-heading h3{margin:0}.stat-heading a{color:#2455a8}.topic-stat{padding-top:16px;margin-top:16px;border-top:1px solid #e4e9f0}.topic-stat h4,.topic-stat p{margin:0 0 8px}.topic-stat p,.topic-assessment{font-size:.85rem;color:#52637b}.topic-stat meter{display:block;width:100%;height:14px;margin-bottom:8px}.recent-stat{padding:16px 20px;border-bottom:1px solid #e4e9f0}.recent-stat:last-child{border:0}.recent-stat p{margin:4px 0;font-size:.9rem}.recent-stat time{font-size:.8rem;color:#647287}.delete-user{color:#a03232}
@media(max-width:650px){.stat-cards{grid-template-columns:1fr 1fr}.stat-cards section:last-child{grid-column:1/-1}.stat-cards p{font-size:1.1rem}}

/* Auswahlfragen und ihre Erfassung. */
.choice-answer,.choice-editor{border:0;padding:0;margin:0 0 20px;min-width:0}.choice-answer legend,.choice-editor legend{font-weight:650;margin-bottom:12px}
.choice-option{display:flex;align-items:flex-start;gap:12px;margin:10px 0;padding:14px;border:1px solid #c9d4e2;border-radius:8px;background:#fbfcfe;cursor:pointer;font-weight:400}.choice-option:has(input:checked){border-color:#2455a8;background:#edf3ff}.choice-option input{flex-shrink:0;width:18px;height:18px;margin:3px 0 0;accent-color:#2455a8}.choice-option span{overflow-wrap:anywhere}.choice-answer:disabled .choice-option{cursor:default}
.option-editor{display:grid;grid-template-columns:120px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:16px 0;border-top:1px solid #dce3ed}.option-editor textarea{min-height:90px}.option-editor .option-correct{display:flex;gap:8px;align-items:center;white-space:nowrap}.import-page .option-correct input{appearance:auto;-webkit-appearance:checkbox;width:18px;height:18px;min-height:18px;padding:0;margin:0;accent-color:#2455a8}.option-editor label{margin:0}#feedback{white-space:pre-wrap}
@media(max-width:650px){.option-editor{grid-template-columns:1fr 1fr}.option-editor>label:nth-child(2){grid-column:1/-1;grid-row:2}}
/* Kontosicherheit und Freigaben */
.security-secret{overflow-wrap:anywhere;padding:16px;background:var(--surface,#f4f7fb);border-radius:8px;font-family:monospace}
.security-secret:empty{display:none}.review-select{width:145px;min-height:42px;padding:8px 28px 8px 10px}.report-row{border-bottom:1px solid #d8e0ec;padding:16px 0}.report-row p{white-space:pre-wrap;overflow-wrap:anywhere}
#account-status{position:sticky;bottom:12px;background:#fff}#account-status:empty{display:none}#report-form textarea{min-height:100px}#mfa-form .row-actions{flex-wrap:wrap}
@media(max-width:600px){.case-row{align-items:flex-start;flex-wrap:wrap}.case-row .row-actions{width:100%;justify-content:flex-end}.review-select{margin-right:auto}.list-filters{grid-template-columns:1fr}}