:root{
  --blue:#0f5bd7;--blue2:#0a46aa;--navy:#10233f;--ink:#15213b;--muted:#66758d;--line:#dbe3ef;--bg:#f4f7fc;--card:#fff;
  --green:#138a4b;--red:#c63030;--orange:#e87817;--purple:#7450d8;--radius:18px;--shadow:0 16px 42px rgba(22,52,96,.12);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.topbar{height:72px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(22px,calc((100vw - 1240px)/2));gap:28px;position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--blue),var(--blue2));color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 8px 20px rgba(15,91,215,.25)}.brand strong{display:block;font-size:16px}.brand small{display:block;color:var(--muted);font-size:12px}.desktop-nav,.app-nav{display:flex;align-items:center;gap:7px}.desktop-nav{margin:auto}.desktop-nav a{padding:10px 13px;color:#43516a;font-weight:650}.top-actions{display:flex;gap:9px;margin-left:auto}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:12px;padding:11px 17px;font-weight:750;gap:8px;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 8px 18px rgba(15,91,215,.2)}.btn-secondary{background:#eaf2ff;color:var(--blue2)}.btn-ghost{border-color:var(--line);background:#fff;color:var(--navy)}.btn-danger{background:#fff0f0;color:var(--red);border-color:#ffd0d0}.btn-success{background:#e8f8ef;color:#08723b}.btn-sm{padding:7px 10px;border-radius:9px;font-size:13px}.btn-block{width:100%}
.app-topbar{padding-left:22px;padding-right:22px}.app-nav{margin:auto;overflow:auto}.app-nav a{display:flex;align-items:center;gap:7px;padding:10px 11px;border-radius:10px;color:#596880;font-size:14px;font-weight:700;white-space:nowrap}.app-nav a.active,.app-nav a:hover{background:#eaf2ff;color:var(--blue)}.user-menu{display:flex;align-items:center;gap:8px;margin-left:auto}.avatar{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800}.user-name{font-weight:700}.mobile-menu{display:none;border:0;background:#eef3fa;border-radius:10px;padding:8px 10px;font-size:20px}
.page{max-width:1240px;margin:0 auto;padding:34px 22px 70px}.page-narrow{max-width:920px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.page-head h1{margin:0;font-size:34px;letter-spacing:-.7px}.page-head p{margin:7px 0 0;color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:1.2px;font-weight:850;color:var(--blue)}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 8px 24px rgba(22,52,96,.06)}.card h2,.card h3{margin-top:0}.card p:last-child{margin-bottom:0}.section{margin-top:32px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 16px}.section-title h2{margin:0;font-size:24px}.muted{color:var(--muted)}.small{font-size:13px}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#edf3fb;color:#4d5d76;padding:5px 9px;font-size:12px;font-weight:750}.pill-blue{background:#e7f0ff;color:var(--blue)}.pill-green{background:#e6f7ed;color:var(--green)}.pill-red{background:#fff0f0;color:var(--red)}.pill-orange{background:#fff2e5;color:#b45309}
.hero{max-width:1240px;margin:0 auto;padding:76px 22px 55px;display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}.hero h1{font-size:58px;line-height:1.03;margin:12px 0 20px;letter-spacing:-2px}.hero p{font-size:20px;color:#53637b;max-width:680px}.hero-actions{display:flex;gap:12px;margin-top:28px}.hero-points{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;color:#42526b;font-size:14px;font-weight:650}.hero-points span:before{content:'✓';color:var(--green);font-weight:900;margin-right:6px}.demo-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:var(--shadow);transform:rotate(1deg)}.demo-card .demo-top{display:flex;justify-content:space-between;margin-bottom:18px}.demo-question{font-size:21px;font-weight:850;margin-bottom:18px}.demo-option{border:1px solid var(--line);border-radius:13px;padding:13px;margin:9px 0}.demo-option.correct{border-color:#52b77f;background:#edf9f2;color:#096d38}.public-section{max-width:1240px;margin:0 auto;padding:62px 22px}.public-section.alt{max-width:none;background:#fff;border-block:1px solid var(--line)}.public-section.alt>div{max-width:1240px;margin:auto}.public-heading{text-align:center;max-width:770px;margin:0 auto 32px}.public-heading h2{font-size:38px;letter-spacing:-1px;margin:8px 0 12px}.feature-card{min-height:210px}.feature-icon{font-size:29px;width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#eaf2ff;color:var(--blue);margin-bottom:17px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.step b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;margin-bottom:13px}.module-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.module-mini{border:1px solid var(--line);border-radius:15px;padding:17px;background:#fff}.module-mini strong{display:block;margin-bottom:5px}.public-footer{background:#101c31;color:#cbd5e5;padding:38px max(22px,calc((100vw - 1240px)/2));display:flex;justify-content:space-between}.public-footer a{margin-left:18px;color:#fff}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;align-items:center;gap:13px}.stat-icon{width:43px;height:43px;border-radius:13px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center;font-size:21px;font-weight:800}.stat-card small{display:block;color:var(--muted)}.stat-card strong{display:block;font-size:25px;line-height:1.2;margin:2px 0}.stat-card span:not(.stat-icon){font-size:12px;color:var(--muted)}
.subject-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.subject-card{--subject-color:var(--blue);display:grid;grid-template-columns:58px 1fr auto;align-items:start;gap:15px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px;transition:.18s}.subject-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--subject-color),#fff 55%)}.subject-icon{width:52px;height:52px;border-radius:15px;color:#fff;background:var(--subject-color);display:grid;place-items:center;font-size:23px}.subject-code{font-size:12px;color:var(--subject-color);font-weight:850;text-transform:uppercase}.subject-card h3{margin:3px 0 6px;font-size:18px}.subject-card p{margin:0;color:var(--muted);font-size:14px}.card-arrow{color:var(--subject-color);font-size:22px}.progress-row{display:flex;align-items:center;gap:10px;margin-top:13px}.progress{height:7px;background:#e8edf4;border-radius:99px;overflow:hidden;flex:1}.progress i{display:block;height:100%;background:var(--subject-color);border-radius:99px}.progress-row strong{font-size:12px;color:#56647b}
.course-card{display:flex;flex-direction:column;gap:12px}.course-card .course-meta{display:flex;gap:7px;flex-wrap:wrap}.course-card h3{margin:0}.course-card p{color:var(--muted);margin:0}.course-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid #edf1f6}
.form-card{max-width:760px}.field{margin-bottom:16px}.field label{display:block;font-weight:750;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #cfd9e7;background:#fff;border-radius:12px;padding:12px 13px;color:var(--ink);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(15,91,215,.1)}.field textarea{min-height:110px;resize:vertical}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.help{font-size:12px;color:var(--muted);margin-top:5px}.checkbox{display:flex;align-items:flex-start;gap:9px}.checkbox input{margin-top:4px}.input-group{display:flex;gap:8px}.input-group input{flex:1}
.auth-shell{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1fr 1fr;max-width:1100px;margin:auto;padding:58px 22px;gap:35px;align-items:center}.auth-promo{background:linear-gradient(145deg,#1164df,#0a3d91);color:#fff;border-radius:28px;padding:42px;min-height:575px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-promo:after{content:'';position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.08);right:-130px;bottom:-110px}.auth-promo h1{font-size:48px;line-height:1.08;margin:12px 0}.auth-promo p{font-size:18px;color:#dfebff}.auth-promo ul{padding:0;list-style:none;margin:25px 0 0}.auth-promo li{margin:12px 0;font-weight:700}.auth-promo li:before{content:'✓';margin-right:9px}.auth-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.tabs{display:flex;background:#edf2f8;border-radius:14px;padding:5px;margin-bottom:24px}.tabs button{flex:1;border:0;background:transparent;border-radius:10px;padding:11px;color:#647189;font-weight:800}.tabs button.active{background:#fff;color:#0b397d;box-shadow:0 4px 12px rgba(15,40,80,.08)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px;background:#fff}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #e7edf5;vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:#62718a;background:#f7f9fc}tr:last-child td{border-bottom:0}.table-actions{display:flex;gap:6px;flex-wrap:wrap}
.practice-layout{max-width:900px;margin:0 auto}.practice-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.question-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:27px;box-shadow:var(--shadow)}.question-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:13px}.question-card h1{font-size:27px;line-height:1.25;margin:12px 0 22px}.answers{display:grid;gap:11px}.answer-option{width:100%;text-align:left;border:1.5px solid #d5deeb;border-radius:14px;padding:14px 16px;background:#fff;display:flex;gap:12px;align-items:flex-start;color:var(--ink)}.answer-option:hover{border-color:#89aee7;background:#f7faff}.answer-option.selected{border-color:var(--blue);background:#edf4ff}.answer-option.correct{border-color:#49ad77;background:#ecf9f1}.answer-option.wrong{border-color:#e26767;background:#fff0f0}.answer-letter{min-width:28px;height:28px;border-radius:9px;background:#edf2f8;display:grid;place-items:center;font-weight:850}.question-actions{display:flex;justify-content:space-between;gap:10px;margin-top:22px}.feedback{margin-top:18px;border-radius:14px;padding:16px}.feedback.good{background:#eaf8ef;border:1px solid #bce4cb}.feedback.bad{background:#fff1f1;border:1px solid #f0c0c0}.feedback h3{margin:0 0 7px}.source-note{margin-top:12px;border-top:1px dashed #ccd7e5;padding-top:10px;color:var(--muted);font-size:13px}.numeric-input{font-size:24px;text-align:center;max-width:350px;margin:auto}.formula-board{display:flex;flex-wrap:wrap;gap:8px;min-height:64px;border:2px dashed #cbd7e8;border-radius:14px;padding:10px;margin:12px 0}.token-bank{display:flex;flex-wrap:wrap;gap:8px}.formula-token{border:1px solid #b8cae1;background:#f2f7ff;color:#173f78;border-radius:9px;padding:9px 11px;font-weight:700}.case-step{border:1px solid #dbe3ef;border-radius:14px;padding:15px;margin:12px 0}.case-step h4{margin:0 0 10px}
.upload-zone{border:2px dashed #aebed3;border-radius:17px;padding:28px;text-align:center;background:#f9fbfe}.upload-zone input{max-width:100%}.document-row{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:15px;background:#fff}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#9aa7b9;margin-right:6px}.status-ready{background:var(--green)}.status-error{background:var(--red)}.status-processing{background:var(--orange)}
.group-card{position:relative}.join-code{font-family:ui-monospace,monospace;letter-spacing:2px;background:#f1f5fa;padding:7px 10px;border-radius:9px;font-weight:800}.member-list{display:grid;gap:8px}.member{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid #e4eaf2;border-radius:11px}.task-card{border-left:4px solid var(--purple)}
.admin-shell{display:grid;grid-template-columns:230px 1fr;gap:22px}.admin-side{position:sticky;top:94px;align-self:start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px}.admin-side a{display:block;padding:11px;border-radius:9px;color:#53637b;font-weight:700}.admin-side a.active,.admin-side a:hover{background:#eaf2ff;color:var(--blue)}.admin-content{min-width:0}.metric-large{font-size:38px;font-weight:900}.bar-list{display:grid;gap:11px}.bar-row{display:grid;grid-template-columns:180px 1fr 60px;align-items:center;gap:12px}.bar{height:10px;background:#edf1f6;border-radius:99px;overflow:hidden}.bar i{height:100%;display:block;background:var(--blue)}
.flash{max-width:1240px;margin:14px auto 0;padding:12px 16px;border-radius:12px}.flash-success{background:#e9f8ef;color:#0a6c39}.flash-error{background:#fff0f0;color:#a62323}.flash-info{background:#eaf2ff;color:#124d9d}.toast-host{position:fixed;right:18px;bottom:18px;z-index:100;display:grid;gap:8px}.toast{background:#14233c;color:#fff;border-radius:12px;padding:12px 15px;box-shadow:var(--shadow);max-width:360px}.empty{text-align:center;padding:35px;color:var(--muted);border:1px dashed #cbd6e5;border-radius:16px}.notice{padding:13px 15px;border-radius:12px;background:#eef4ff;border:1px solid #d6e5ff;color:#234a82}.notice.warn{background:#fff7e7;border-color:#f1d39d;color:#80510e}.notice.bad{background:#fff0f0;border-color:#f2c8c8;color:#9c2626}
@media(max-width:1050px){.app-nav{display:none;position:absolute;top:70px;left:12px;right:12px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:10px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.app-nav.open{display:flex}.mobile-menu{display:block;margin-left:auto}.user-menu{margin-left:0}.user-name{display:none}.hero{grid-template-columns:1fr;padding-top:52px}.hero h1{font-size:49px}.demo-card{max-width:620px}.grid-4,.module-preview{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:1fr}.admin-side{position:static;display:flex;overflow:auto}.admin-side a{white-space:nowrap}}
@media(max-width:760px){.topbar{height:64px;padding:0 14px}.brand small{display:none}.desktop-nav{display:none}.top-actions .btn-ghost{display:none}.page{padding:24px 14px 60px}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:29px}.grid-2,.grid-3,.grid-4,.stats-grid,.subject-list,.form-row{grid-template-columns:1fr}.hero{padding:42px 16px 35px;gap:35px}.hero h1{font-size:40px}.hero p{font-size:17px}.hero-actions{flex-direction:column;align-items:stretch}.public-section{padding:45px 16px}.public-heading h2{font-size:31px}.module-preview,.steps{grid-template-columns:1fr}.public-footer{flex-direction:column;gap:20px}.public-footer a{margin:0 15px 0 0}.auth-shell{grid-template-columns:1fr;padding:25px 14px}.auth-promo{display:none}.auth-card{padding:22px}.question-card{padding:19px}.question-card h1{font-size:22px}.question-actions{flex-direction:column-reverse}.question-actions .btn{width:100%}.bar-row{grid-template-columns:110px 1fr 48px}.document-row{grid-template-columns:1fr}.app-topbar .brand span:nth-child(2){display:none}}


/* v2.1 – KI-Anbieter und Inhaltsanzeigen */
.subject-content-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.subject-head-badges{margin-top:13px}
.content-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;background:#eef3f9;color:#4f6078;font-size:12px;font-weight:800}
.content-badge-script{background:color-mix(in srgb,var(--subject-color),#fff 88%);color:var(--subject-color)}
.subject-content-empty{margin-top:11px;color:#8996a9;font-size:12px;font-weight:700}
.provider-settings{border:1px solid var(--line);border-radius:15px;padding:17px;margin:14px 0;background:#fbfcfe;transition:.18s}
.provider-settings.provider-secondary{opacity:.72;background:#f6f8fb}
.provider-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;font-size:18px}
.provider-status-list{display:grid;gap:9px;margin:17px 0}
.provider-status-list>div{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:#fafcff}
.provider-test-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
button:disabled{opacity:.48;cursor:not-allowed;transform:none!important}


/* v2.1.2 – sichtbare Benutzerverwaltung */
.admin-user-title{align-items:center;margin-bottom:18px}
.admin-user-title p{margin:4px 0 0}
.admin-user-stats{margin-bottom:20px}
.admin-user-create{margin-bottom:22px;border:1px solid #bcd2f4;background:linear-gradient(180deg,#fff,#f8fbff)}
.admin-user-create[hidden]{display:none}
.admin-user-create-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.admin-user-create-head h2{margin:5px 0 4px}
.admin-user-create-head p{margin:0;color:var(--muted)}
.admin-user-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;align-items:start}
.admin-user-form .field{margin:0}
.admin-password-field{grid-column:span 2}
.admin-user-options{grid-column:span 2;display:flex;gap:22px;flex-wrap:wrap;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff}
.admin-user-form-actions{grid-column:span 2;display:flex;gap:10px;justify-content:flex-end;padding-top:4px}
.admin-user-list-title{align-items:flex-end;margin-top:22px}
.admin-user-list-title form{min-width:min(100%,520px)}
@media(max-width:760px){.admin-user-title,.admin-user-list-title,.admin-user-create-head{align-items:stretch;flex-direction:column}.admin-user-title .btn{width:100%}.admin-user-form{grid-template-columns:1fr}.admin-password-field,.admin-user-options,.admin-user-form-actions{grid-column:span 1}.admin-user-options{display:grid}.admin-user-form-actions{flex-direction:column}.admin-user-form-actions .btn{width:100%}.admin-user-list-title form{min-width:0;width:100%}.admin-user-list-title .input-group{flex-direction:column}.admin-user-list-title .btn{width:100%}}

/* Kurs- und Aufgabenverwaltung 2.1.4 */
.page-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.danger-zone{border:1px solid #f2c5c5;background:linear-gradient(180deg,#fff,#fffafa)}
.danger-eyebrow{color:var(--red)!important}
.danger-action{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);gap:24px;align-items:start;padding:20px 0;border-top:1px solid #f1d8d8}
.danger-action:first-of-type{border-top:0}
.danger-action-strong{border-top:2px solid #edb7b7}
.danger-action h3{margin:0 0 6px}
.danger-action form{background:#fff4f4;border:1px solid #f3cccc;border-radius:14px;padding:16px}
.danger-confirm{display:flex;align-items:flex-start;gap:9px;margin:0 0 14px;font-size:14px;color:#7d2929}
.danger-confirm input{margin-top:3px}
.btn:disabled{opacity:.48;cursor:not-allowed;transform:none}
@media(max-width:780px){.danger-action{grid-template-columns:1fr}.page-actions{justify-content:flex-start}}

/* Modul- und Kursverwaltung 2.1.5 */
.admin-subject-card{display:flex;flex-direction:column;gap:16px;position:relative}
.admin-subject-main{display:block;color:inherit;text-decoration:none;flex:1}
.admin-subject-main h3{margin-top:12px}
.admin-open-hint{display:inline-block;margin-top:10px;color:var(--primary);font-weight:800}
.admin-subject-card:hover{border-color:#9fbee9;box-shadow:0 12px 34px rgba(20,64,125,.10)}
.admin-subject-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:14px}
.admin-subject-actions form{margin:0}
.admin-subject-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px}
.admin-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.admin-course-card{display:flex;flex-direction:column;gap:15px}
.admin-course-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.admin-course-top h3{margin:10px 0 4px}
.metric-compact{font-weight:900;white-space:nowrap;color:var(--primary);background:#eef4ff;border-radius:999px;padding:8px 11px}
.admin-course-facts{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.admin-course-facts span{background:#f4f7fb;border-radius:999px;padding:6px 9px}
.admin-course-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.inline-status-form{display:flex;gap:7px;flex-wrap:wrap;align-items:center;width:100%}
.inline-status-form select{max-width:160px}
.delete-details{border:1px solid #efcaca;background:#fff8f8;border-radius:14px;overflow:hidden}
.delete-details>summary{cursor:pointer;padding:13px 15px;color:#a72c2c;font-weight:900;list-style:none}
.delete-details>summary::-webkit-details-marker{display:none}
.delete-details-body{border-top:1px solid #efcaca;padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.delete-details-body form{background:white;border:1px solid #f0d5d5;border-radius:12px;padding:14px}
.delete-course-form{border-color:#e7a9a9!important}
.checkbox-inline{display:block;margin-bottom:8px}
@media(max-width:900px){.admin-course-grid{grid-template-columns:1fr}.admin-subject-stats{grid-template-columns:1fr}.delete-details-body{grid-template-columns:1fr}}

/* Kurstitel vor KI-Erstellung und Fehlerrunde 2.1.6 */
.course-setup-notice{margin-bottom:18px;background:#eef5ff;border-color:#bcd5ff}
.task-type-fieldset{border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:0 0 16px}
.task-type-fieldset legend{font-weight:800;padding:0 6px}
.task-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin-top:6px}
.practice-result-head{text-align:center;padding:16px 20px 8px}
.practice-result-head h1{font-size:58px;margin:4px 0}
.wrong-review{margin-top:22px;text-align:left}
.wrong-review-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}
.wrong-review-list{display:grid;gap:14px}
.wrong-review-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:18px;border:1px solid #f0c7c7;border-radius:16px;background:#fffafa}
.wrong-review-card h3{margin:0 0 14px;font-size:18px;line-height:1.4}
.wrong-review-number{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#ffe2e2;color:#a52f2f;font-weight:900}
.wrong-answer-block,.correct-answer-block{padding:12px 14px;border-radius:12px;margin:8px 0}
.wrong-answer-block{background:#fff0f0;border:1px solid #f3caca}
.correct-answer-block{background:#edf9f1;border:1px solid #bfe3ca}
.wrong-answer-block span,.correct-answer-block span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;margin-bottom:4px}
.wrong-answer-block span{color:#a52f2f}.correct-answer-block span{color:#157347}
.wrong-answer-block p,.correct-answer-block p{margin:0;line-height:1.55}
.retry-question{margin-top:20px;padding:22px;border-radius:18px;background:linear-gradient(135deg,#eaf2ff,#f4f8ff);border:1px solid #bfd4f6;text-align:center}
.retry-question h2{margin:0 0 8px}.retry-question p{margin:0 0 16px;color:var(--muted)}
.practice-result-actions{justify-content:center;margin-top:20px}
@media(max-width:700px){.task-type-grid{grid-template-columns:1fr}.wrong-review-card{grid-template-columns:1fr}.wrong-review-number{width:32px;height:32px}.practice-result-head h1{font-size:46px}}


/* Mobile Startseite und direkter Login 2.1.8 */
#login,#funktionen,#ablauf,#module,#gruppen{scroll-margin-top:86px}
.home-hero{
  max-width:1240px;
  margin:0 auto;
  padding:64px 22px 48px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);
  gap:52px;
  align-items:center
}
.home-hero-copy h1{
  max-width:760px;
  margin:12px 0 18px;
  font-size:55px;
  line-height:1.04;
  letter-spacing:-1.9px
}
.home-lead{max-width:720px;font-size:19px;color:#52627a;margin:0}
.home-benefits{display:grid;gap:10px;margin:24px 0 0;font-weight:750;color:#34445d}
.home-benefits span{display:flex;align-items:flex-start;gap:9px}
.home-benefits b{color:var(--green)}
.home-primary-actions{margin-top:26px}
.home-small-trust{margin:17px 0 0;color:#7a8799;font-size:13px}
.home-login-card{
  background:#fff;
  border:1px solid #cfdbea;
  border-radius:25px;
  padding:28px;
  box-shadow:0 22px 52px rgba(22,52,96,.15);
  position:relative
}
.home-login-card:before{
  content:'';
  position:absolute;
  inset:0 0 auto;
  height:5px;
  border-radius:25px 25px 0 0;
  background:linear-gradient(90deg,var(--blue),#5b8ff0)
}
.home-card-label{
  display:inline-flex;
  border-radius:999px;
  padding:6px 10px;
  color:var(--blue2);
  background:#eaf2ff;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em
}
.home-login-heading h2{font-size:30px;margin:11px 0 4px}
.home-login-heading p{margin:0 0 19px;color:var(--muted)}
.home-login-card .field{margin-bottom:15px}
.home-login-card input{min-height:52px;font-size:16px}
.home-login-submit{min-height:50px;font-size:16px}
.home-remember{font-size:14px;margin-top:-2px}
.password-input-wrap{position:relative}
.password-input-wrap input{padding-right:92px}
.password-toggle{
  position:absolute;
  top:50%;
  right:9px;
  transform:translateY(-50%);
  border:0;
  border-radius:9px;
  padding:7px 8px;
  background:#eef3fa;
  color:#38506f;
  font-size:12px;
  font-weight:800
}
.home-login-divider{display:flex;align-items:center;gap:10px;margin:17px 0;color:#8c98a9;font-size:12px}
.home-login-divider:before,.home-login-divider:after{content:'';height:1px;background:var(--line);flex:1}
.home-login-help{text-align:center;margin:13px 0 0}
.home-welcome-card{text-align:center}
.home-welcome-avatar{
  width:68px;height:68px;border-radius:50%;margin:18px auto 12px;
  display:grid;place-items:center;background:var(--navy);color:#fff;
  font-size:26px;font-weight:900
}
.home-welcome-card h2{margin:0 0 7px}
.home-welcome-card .btn{margin-top:10px}

.home-quick-nav{
  max-width:1240px;
  margin:0 auto 24px;
  padding:0 22px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px
}
.home-quick-nav a{
  display:grid;
  grid-template-columns:42px 1fr;
  grid-template-rows:auto auto;
  column-gap:11px;
  padding:15px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:15px
}
.home-quick-nav a>span{
  grid-row:1/3;width:42px;height:42px;border-radius:12px;
  display:grid;place-items:center;background:#eaf2ff;color:var(--blue);
  font-weight:900
}
.home-quick-nav strong{font-size:14px}
.home-quick-nav small{color:var(--muted)}
.home-learning-preview{padding-top:48px}
.home-preview-grid{align-items:center}
.home-learning-preview h2{font-size:38px;line-height:1.12;margin:8px 0 13px}
.home-preview-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:21px;font-weight:750}
.home-demo-card{transform:none}
.home-groups-grid{align-items:center}
.home-groups-grid h2{font-size:38px;margin:8px 0 12px}
.home-groups-grid>.card h3{font-size:25px;margin:13px 0}
.home-group-task{box-shadow:none}
.home-final-actions{text-align:center;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

@media(max-width:1050px){
  .home-hero{grid-template-columns:minmax(0,1fr) minmax(330px,.8fr);gap:28px}
  .home-hero-copy h1{font-size:46px}
  .home-quick-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .public-topbar{gap:10px}
  .public-topbar .brand{min-width:0}
  .public-topbar .brand-mark{width:38px;height:38px;border-radius:11px;font-size:13px}
  .public-topbar .brand strong{font-size:14px}
  .public-topbar .top-actions{gap:6px}
  .public-topbar .top-actions .btn{display:inline-flex;padding:8px 11px;border-radius:10px;font-size:13px}
  .public-topbar .public-register-button{display:none}
  .public-topbar .public-login-button{background:var(--blue);color:#fff;border-color:var(--blue)}
  .public-topbar .public-dashboard-button{padding-inline:10px}

  .home-hero{
    padding:25px 14px 27px;
    display:flex;
    flex-direction:column;
    gap:22px;
    align-items:stretch
  }
  .home-hero-copy{display:contents}
  .home-hero-copy .eyebrow{order:1}
  .home-hero-copy h1{order:2;font-size:35px;line-height:1.07;letter-spacing:-1.1px;margin:0}
  .home-lead{order:3;font-size:16px;margin-top:-8px}
  .home-login-card{order:4;padding:21px;border-radius:20px;box-shadow:0 12px 34px rgba(22,52,96,.12);width:100%}
  .home-benefits{order:5;margin:0;font-size:14px}
  .home-primary-actions{order:6;margin:0;display:grid;gap:9px}
  .home-small-trust{order:7;margin:0;text-align:center;line-height:1.6}
  .home-login-heading h2{font-size:26px}
  .home-login-heading p{font-size:14px}
  .home-login-card input{min-height:50px}
  .home-login-card .btn{min-height:48px}
  .home-quick-nav{
    padding:0 14px;
    margin:0 auto 13px;
    grid-template-columns:1fr 1fr;
    gap:8px
  }
  .home-quick-nav a{grid-template-columns:34px 1fr;padding:11px 10px;column-gap:9px}
  .home-quick-nav a>span{width:34px;height:34px;border-radius:10px;font-size:12px}
  .home-quick-nav strong{font-size:13px}
  .home-quick-nav small{display:none}
  .home-learning-preview{padding-top:36px}
  .home-learning-preview h2,.home-groups-grid h2{font-size:30px}
  .home-preview-points{grid-template-columns:1fr;font-size:14px}
  .home-demo-card{padding:18px}
  .home-demo-card .demo-question{font-size:18px}
  .home-demo-card .demo-option{padding:11px;font-size:14px}
  .feature-card{min-height:0}
  .public-section{padding-top:38px;padding-bottom:38px}
}

@media(max-width:430px){
  .public-topbar .brand span:nth-child(2){display:none}
  .home-hero-copy h1{font-size:32px}
  .home-quick-nav{grid-template-columns:1fr}
  .home-quick-nav a{grid-template-rows:auto}
  .home-quick-nav a>span{grid-row:auto}
  .home-quick-nav small{display:block}
}

/* StudiAI SaaS 3.0 – kommerzielle Bereiche */
.page-shell,.page-header{max-width:1240px;margin-left:auto;margin-right:auto}.page-shell{padding:34px 22px 70px}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:24px}.page-header h1{margin:6px 0 8px}.legal-shell{max-width:900px;margin:0 auto;padding:48px 20px 80px}.legal-card{padding:32px}.legal-card h1{font-size:42px}.legal-card h2{margin-top:30px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.price-card{position:relative}.price-card.featured{border:2px solid var(--blue);box-shadow:0 16px 45px rgba(23,105,224,.14)}.price{font-size:35px;font-weight:900;margin:16px 0}.price small{font-size:14px;font-weight:600;color:var(--muted)}.price-card ul{padding-left:0;list-style:none;display:grid;gap:9px}.metric-large{font-size:38px;font-weight:900;margin:14px 0}.admin-page{max-width:1500px}.admin-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start}.admin-tabs{position:sticky;top:80px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;display:grid;gap:4px}.admin-tabs a{padding:11px 12px;border-radius:10px;color:#3f506a;font-weight:750}.admin-tabs a:hover,.admin-tabs a.active{background:#eaf2ff;color:var(--blue)}.admin-content{min-width:0}.admin-content>.section-title:first-child,.admin-content>h2:first-child{margin-top:0}.inline-form,.button-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-form select{min-width:110px}.search-form{display:flex;gap:8px}.search-form input{min-width:260px}.metric-list{display:grid;gap:0}.metric-list>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}.metric-list>div:last-child{border-bottom:0}.details-form{padding-top:18px}.field-button{display:flex;align-items:flex-end}.list-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.list-link{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:11px;color:var(--text)}.list-link span{color:var(--muted);font-size:13px}.list-link:hover,.list-link.active{background:#eaf2ff;color:var(--blue)}.school-layout .school-main{min-width:0}.task-card{padding:16px;border:1px solid var(--line);border-radius:14px;margin:10px 0;background:#fff}.assignment-card{display:flex;flex-direction:column}.assignment-card .btn{margin-top:auto;align-self:flex-start}.support-thread{display:grid;gap:12px;margin:18px 0}.support-message{background:#f5f8fc;border:1px solid var(--line);border-radius:14px;padding:14px}.support-message.internal{background:#fff8e8}.support-message small{display:block;color:var(--muted);margin-top:3px}.support-message p{margin-bottom:0}.faq details{border-bottom:1px solid var(--line);padding:13px 0}.faq summary{font-weight:800;cursor:pointer}.checklist{display:grid;gap:10px;padding-left:22px}.mfa-secret{padding:15px;border:1px dashed var(--blue);border-radius:12px;background:#eef5ff;font-size:18px;letter-spacing:2px;overflow-wrap:anywhere}.modal-backdrop{position:fixed;inset:0;background:rgba(8,22,47,.65);z-index:9999;display:grid;place-items:center;padding:20px}.modal-card{width:min(440px,100%);background:#fff;border-radius:20px;padding:26px;box-shadow:0 25px 80px rgba(0,0,0,.3)}.cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:9998;max-width:1050px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px 19px;box-shadow:0 20px 70px rgba(13,35,70,.25);display:flex;align-items:center;justify-content:space-between;gap:20px}.cookie-banner p{margin:5px 0}.cookie-actions{display:flex;gap:8px;flex-shrink:0}.pill-yellow{background:#fff3d7;color:#8d5b00}.pill-pink{background:#ffe8f2;color:#a82765}.pill-blue{background:#eaf2ff;color:var(--blue)}.pill-red{background:#ffebeb;color:#a82323}.checklist li::marker{color:var(--blue);font-weight:900}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.table-wrap table code{font-size:11px}.admin-content textarea{max-width:100%}
@media(max-width:1100px){.admin-shell{grid-template-columns:1fr}.admin-tabs{position:static;display:flex;overflow:auto;white-space:nowrap}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.page-shell{padding:20px 14px 55px}.page-header{display:block}.admin-page{padding-inline:10px}.admin-tabs{margin:0 -2px;padding:7px}.admin-content .table-wrap{margin-left:-2px;margin-right:-2px}.form-row{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr}.cookie-banner{left:10px;right:10px;bottom:10px;display:grid;padding:15px}.cookie-actions{display:grid;grid-template-columns:1fr 1fr}.legal-card{padding:21px}.legal-card h1{font-size:32px}.page-header .btn{margin-top:10px}.search-form{width:100%;display:grid}.search-form input{min-width:0}.admin-content .stats-grid{grid-template-columns:1fr 1fr}.school-main{grid-column:auto!important}.school-layout{grid-template-columns:1fr!important}}


/* StudiAI 3.0.1 – kommerzielle Startseite und Einrichtungsstatus */
.commercial-topbar{background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(205,218,236,.9)}
.commercial-hero{
  max-width:1320px;margin:0 auto;padding:72px 24px 60px;
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);
  gap:54px;align-items:center
}
.commercial-badge{
  display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;
  background:#eaf2ff;color:#1257bd;font-weight:850;font-size:13px
}
.commercial-hero h1{font-size:62px;line-height:1.01;letter-spacing:-2.6px;margin:18px 0 22px;max-width:850px}
.commercial-lead{font-size:20px;line-height:1.55;color:#52627a;max-width:800px;margin:0}
.commercial-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}
.btn-large{min-height:52px;padding:14px 22px;font-size:16px}
.commercial-trust{display:flex;flex-wrap:wrap;gap:10px 19px;margin-top:21px;color:#4c5c74;font-size:14px;font-weight:700}
.commercial-trust span:first-letter{color:#159252}
.commercial-audiences{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.commercial-audiences span{padding:7px 10px;background:#f2f5fa;border:1px solid #dfe7f1;border-radius:999px;color:#60708a;font-size:12px;font-weight:800}
.commercial-hero-side{display:grid;gap:18px}
.commercial-login-card{background:#fff;border:1px solid #cfdbea;border-radius:24px;padding:27px;box-shadow:0 24px 70px rgba(21,54,105,.16)}
.commercial-login-card h2{font-size:29px;margin:8px 0 5px}
.commercial-card-kicker{color:#1769e0;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.commercial-login-links{display:flex;justify-content:space-between;gap:12px;margin-top:13px;font-size:13px}
.commercial-product-preview{background:#10284e;border-radius:21px;padding:14px;color:#fff;box-shadow:0 20px 60px rgba(10,32,70,.22)}
.preview-toolbar{display:flex;align-items:center;gap:7px;font-size:12px;color:#bdcbe0}
.preview-toolbar strong{margin-left:8px}
.preview-toolbar .dot{width:8px;height:8px;background:#5f7393;border-radius:50%}
.preview-course{margin-top:12px;background:#fff;color:#13213d;border-radius:15px;padding:17px}
.preview-course h3{margin:11px 0 16px;font-size:20px}
.preview-progress{height:9px;background:#e8edf5;border-radius:999px;overflow:hidden}
.preview-progress i{display:block;height:100%;background:linear-gradient(90deg,#1769e0,#6b8cff);border-radius:999px}
.preview-stats{display:flex;justify-content:space-between;gap:7px;margin-top:11px;color:#65748c;font-size:12px}

.commercial-proofbar{
  max-width:1320px;margin:0 auto;padding:0 24px 46px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px
}
.commercial-proofbar>div{background:#fff;border:1px solid #dbe4ef;padding:19px}
.commercial-proofbar>div:first-child{border-radius:16px 0 0 16px}
.commercial-proofbar>div:last-child{border-radius:0 16px 16px 0}
.commercial-proofbar strong,.commercial-proofbar span{display:block}
.commercial-proofbar span{margin-top:4px;color:#718097;font-size:13px}

.commercial-section{max-width:1320px;margin:0 auto;padding:78px 24px}
.commercial-section-head{max-width:820px;margin:0 auto 38px;text-align:center}
.commercial-section-head h2{font-size:46px;line-height:1.1;letter-spacing:-1.4px;margin:10px 0 14px}
.commercial-section-head p{font-size:18px;color:#61708a}
.commercial-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.commercial-feature{background:#fff;border:1px solid #d7e2ef;border-radius:19px;padding:25px;min-height:270px;position:relative}
.commercial-feature.feature-primary{background:linear-gradient(145deg,#0f56c7,#194482);color:#fff;border:0}
.commercial-feature.feature-primary p,.commercial-feature.feature-primary li{color:#d9e8ff}
.feature-number{font-size:12px;font-weight:900;color:#1769e0;background:#eaf2ff;width:38px;height:38px;border-radius:11px;display:grid;place-items:center}
.feature-primary .feature-number{background:rgba(255,255,255,.15);color:#fff}
.commercial-feature h3{font-size:22px;line-height:1.2;margin:18px 0 10px}
.commercial-feature p{color:#61708a}
.commercial-feature ul{padding-left:18px;color:#52627a}

.commercial-dark{max-width:none;background:#10284e;color:#fff}
.commercial-dark>.commercial-section-head,.commercial-dark>.commercial-steps{max-width:1272px;margin-left:auto;margin-right:auto}
.commercial-section-head.light p,.commercial-section-head.light{color:#fff}
.commercial-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.commercial-steps article{padding:23px;border:1px solid rgba(255,255,255,.15);border-radius:17px;background:rgba(255,255,255,.06)}
.commercial-steps b{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#fff;color:#153e78}
.commercial-steps h3{margin:16px 0 8px}
.commercial-steps p{color:#c8d6ea;margin:0}

.commercial-segment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.commercial-segment-grid article{background:#fff;border:1px solid #d7e2ef;border-radius:19px;padding:27px}
.commercial-segment-grid article>span{font-size:29px}
.commercial-segment-grid h3{font-size:23px;margin:15px 0 8px}
.commercial-segment-grid p{color:#61708a;min-height:72px}
.commercial-segment-grid a{font-weight:850}

.commercial-pricing-preview{background:#f6f9fd;border-radius:30px;max-width:1360px}
.commercial-center{text-align:center;margin-top:23px}
.commercial-school-cta{
  display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;
  background:linear-gradient(135deg,#f2f7ff,#eef9f5);border:1px solid #d7e4f2;border-radius:30px
}
.commercial-school-cta h2{font-size:43px;line-height:1.08;margin:11px 0 15px}
.commercial-school-cta p{font-size:18px;color:#596981}
.school-dashboard-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.school-dashboard-preview div{background:#fff;border:1px solid #d9e3ee;border-radius:16px;padding:20px}
.school-dashboard-preview span,.school-dashboard-preview strong{display:block}
.school-dashboard-preview span{color:#6e7c91;font-size:13px}
.school-dashboard-preview strong{font-size:29px;margin-top:6px}

.commercial-faq{max-width:900px;margin:auto;display:grid;gap:10px}
.commercial-faq details{background:#fff;border:1px solid #d8e2ef;border-radius:14px;padding:17px 19px}
.commercial-faq summary{font-weight:850;cursor:pointer}
.commercial-faq p{color:#61708a;margin-bottom:0}
.commercial-final-cta{
  max-width:1272px;margin:15px auto 70px;padding:39px;
  background:#0f3d82;color:#fff;border-radius:27px;
  display:flex;align-items:center;justify-content:space-between;gap:30px
}
.commercial-final-cta h2{font-size:42px;margin:12px 0 7px}
.commercial-final-cta p{color:#d8e7fb}
.commercial-final-cta .btn-ghost{color:#fff;border-color:rgba(255,255,255,.45)}

.launch-health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:17px}
.launch-health-card{background:#fff;border:1px solid #d9e3ef;border-radius:15px;padding:16px;color:#17233e}
.launch-health-card span,.launch-health-card strong,.launch-health-card small{display:block}
.launch-health-card span{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#6d7b91;font-weight:850}
.launch-health-card strong{font-size:20px;margin:5px 0}
.launch-health-card small{color:#65748a;line-height:1.4}
.launch-health-card.is-good{border-left:5px solid #1aa15f}
.launch-health-card.is-warn{border-left:5px solid #dd9900}
.launch-health-card.is-bad{border-left:5px solid #d63a3a}
.auth-help-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.auth-recovery-link{padding-top:12px;border-top:1px solid #e0e7f0}

@media(max-width:1050px){
  .commercial-hero{grid-template-columns:1fr 390px;gap:30px}
  .commercial-hero h1{font-size:50px}
  .commercial-feature-grid{grid-template-columns:repeat(2,1fr)}
  .commercial-steps{grid-template-columns:repeat(2,1fr)}
  .commercial-proofbar{grid-template-columns:repeat(2,1fr)}
  .commercial-proofbar>div:first-child{border-radius:16px 0 0 0}
  .commercial-proofbar>div:nth-child(2){border-radius:0 16px 0 0}
  .commercial-proofbar>div:last-child{border-radius:0 0 16px 0}
  .commercial-proofbar>div:nth-child(3){border-radius:0 0 0 16px}
}

@media(max-width:760px){
  .commercial-hero{display:flex;flex-direction:column;padding:30px 14px 34px;gap:24px}
  .commercial-hero-copy{display:contents}
  .commercial-badge{order:1;align-self:flex-start}
  .commercial-hero h1{order:2;font-size:38px;letter-spacing:-1.3px;margin:0}
  .commercial-lead{order:3;font-size:16px}
  .commercial-hero-side{order:4;width:100%}
  .commercial-hero-actions{order:5;margin-top:0;display:grid}
  .commercial-trust{order:6;margin-top:0;display:grid;gap:8px}
  .commercial-audiences{order:7;margin-top:0}
  .commercial-login-card{padding:21px;border-radius:19px}
  .commercial-product-preview{display:none}
  .commercial-proofbar{grid-template-columns:1fr;padding:0 14px 28px}
  .commercial-proofbar>div,.commercial-proofbar>div:first-child,.commercial-proofbar>div:nth-child(2),.commercial-proofbar>div:nth-child(3),.commercial-proofbar>div:last-child{border-radius:12px}
  .commercial-section{padding:48px 14px}
  .commercial-section-head{text-align:left;margin-bottom:25px}
  .commercial-section-head h2{font-size:34px}
  .commercial-section-head p{font-size:16px}
  .commercial-feature-grid,.commercial-segment-grid,.commercial-steps{grid-template-columns:1fr}
  .commercial-feature{min-height:0}
  .commercial-school-cta{grid-template-columns:1fr;margin-left:10px;margin-right:10px;border-radius:22px}
  .commercial-school-cta h2{font-size:34px}
  .school-dashboard-preview{grid-template-columns:1fr 1fr}
  .commercial-final-cta{margin:10px 10px 45px;padding:26px;display:block}
  .commercial-final-cta h2{font-size:34px}
  .commercial-final-cta>div:last-child{display:grid;gap:9px;margin-top:22px}
  .launch-health-grid{grid-template-columns:1fr}
}

@media(max-width:430px){
  .commercial-hero h1{font-size:33px}
  .commercial-login-links{display:grid}
  .school-dashboard-preview{grid-template-columns:1fr}
}


/* StudiAI 3.0.3 – schönere Aufgabentypen */
.task-type-fieldset{
  border:1px solid var(--line);
  border-radius:18px;
  padding:18px;
  margin:0 0 18px;
  background:linear-gradient(180deg,#fbfdff 0%,#f6f9fe 100%)
}
.task-type-fieldset legend{
  font-weight:850;
  padding:0 8px;
  color:var(--ink)
}
.task-type-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:8px
}
.task-type-card{
  position:relative;
  display:grid;
  grid-template-columns:28px 1fr;
  gap:12px;
  align-items:flex-start;
  padding:15px 16px;
  border:1px solid #d7e2ef;
  border-radius:16px;
  background:#fff;
  box-shadow:0 1px 0 rgba(10,34,66,.03);
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease
}
.task-type-card:hover{
  transform:translateY(-1px);
  border-color:#bcd1ee;
  box-shadow:0 10px 24px rgba(18,52,99,.08)
}
.task-type-card input{
  position:absolute;
  opacity:0;
  inset:0;
  width:100%;
  height:100%;
  cursor:pointer;
  margin:0
}
.task-type-check{
  width:24px;
  height:24px;
  border-radius:8px;
  border:2px solid #b7c7dd;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:2px;
  transition:all .15s ease;
  box-sizing:border-box
}
.task-type-check::after{
  content:'';
  width:6px;
  height:11px;
  border-right:2px solid transparent;
  border-bottom:2px solid transparent;
  transform:rotate(45deg) scale(.8);
  margin-top:-1px
}
.task-type-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0
}
.task-type-copy strong{
  font-size:17px;
  line-height:1.2;
  color:var(--ink)
}
.task-type-copy small{
  font-size:13px;
  line-height:1.4;
  color:#67778f
}
.task-type-card input:focus-visible + .task-type-check{
  box-shadow:0 0 0 4px rgba(15,91,215,.14)
}
.task-type-card input:checked + .task-type-check{
  border-color:var(--blue);
  background:var(--blue)
}
.task-type-card input:checked + .task-type-check::after{
  border-right-color:#fff;
  border-bottom-color:#fff
}
.task-type-card:has(input:checked){
  border-color:#91b8ef;
  background:linear-gradient(180deg,#fafdff 0%,#eef5ff 100%);
  box-shadow:0 12px 26px rgba(15,91,215,.10)
}
.task-type-card:has(input:checked) .task-type-copy strong{
  color:var(--blue2)
}
@media(max-width:760px){
  .task-type-grid{grid-template-columns:1fr;gap:10px}
  .task-type-card{padding:14px}
  .task-type-copy strong{font-size:16px}
}


/* StudiAI 4.0 – Adaptive Learning */
.adaptive-feedback-card{display:grid;grid-template-columns:auto 1fr auto;gap:8px 12px;align-items:center;margin:14px 0;padding:13px 14px;border:1px solid #bfd5f4;border-radius:14px;background:#f2f7ff}
.adaptive-feedback-card strong{color:#123e7a}.adaptive-feedback-card span:not(.pill){font-weight:800;color:#244b7d}.adaptive-feedback-card small{grid-column:2/4;color:#6a7890}
.adaptive-recommendation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.adaptive-recommendation-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:#fff;border:1px solid #d6e1ef;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(17,50,95,.06)}
.adaptive-recommendation-card h3{margin:0}.adaptive-recommendation-card p{margin:0;color:var(--muted);flex:1}.adaptive-recommendation-card small{color:#6c7a90}.adaptive-recommendation-card .btn{margin-top:4px}
.adaptive-result-section{margin:28px 0}.adaptive-analysis-list{display:grid;gap:12px}.adaptive-analysis-row{display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(150px,260px) auto;gap:18px;align-items:center}.adaptive-analysis-row h3{margin:7px 0 3px}.adaptive-analysis-score{text-align:center}.adaptive-analysis-score strong{display:block;font-size:25px}.adaptive-analysis-score span{font-size:12px;color:var(--muted)}
@media(max-width:980px){.adaptive-recommendation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.adaptive-analysis-row{grid-template-columns:minmax(0,1fr) 90px}.adaptive-analysis-row .progress{grid-column:1/2}.adaptive-analysis-row .btn{grid-column:2/3;grid-row:2}}
@media(max-width:680px){.adaptive-recommendation-grid{grid-template-columns:1fr}.adaptive-feedback-card{grid-template-columns:auto 1fr}.adaptive-feedback-card span:not(.pill),.adaptive-feedback-card small{grid-column:2}.adaptive-analysis-row{grid-template-columns:1fr}.adaptive-analysis-score{text-align:left}.adaptive-analysis-row .progress,.adaptive-analysis-row .btn{grid-column:auto;grid-row:auto}}

/* StudiAI 5.0 – Creator-Marktplatz, Prüfungsprofile und Qualitätskontrolle */
.marketplace-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.7fr);gap:28px;align-items:center;padding:34px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#f7faff 0%,#eef5ff 58%,#f7f2ff 100%)}
.marketplace-hero h1{font-size:46px;line-height:1.06;margin:10px 0 14px;letter-spacing:-1.4px}.marketplace-hero p{font-size:18px;color:var(--muted)}
.marketplace-hero-panel{background:#fff;border:1px solid #dbe6f3;border-radius:20px;padding:22px;box-shadow:0 16px 34px rgba(21,57,105,.1)}
.marketplace-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.marketplace-filters .field{margin:0;min-width:180px;flex:1}.marketplace-filters .btn{min-height:46px}
.marketplace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.marketplace-card{display:flex;flex-direction:column;min-height:100%;overflow:hidden;padding:0}.marketplace-card-body{padding:21px;display:flex;flex-direction:column;flex:1}.marketplace-card h3{font-size:22px;margin:11px 0 8px}.marketplace-card p{color:var(--muted)}
.marketplace-card-top{height:8px;background:linear-gradient(90deg,var(--blue),#8c5be8)}.marketplace-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}
.marketplace-price{font-size:30px;color:var(--navy);line-height:1}.marketplace-meta{display:flex;gap:10px;flex-wrap:wrap;color:#65758c;font-size:13px}.marketplace-meta.large{font-size:15px;margin:16px 0}.marketplace-meta span{background:#f2f6fb;border-radius:999px;padding:6px 10px}
.marketplace-detail{max-width:1180px}.marketplace-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:34px;align-items:start;margin-top:18px;padding:34px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(140deg,#fff 0%,#f5f9ff 100%)}
.marketplace-detail-hero h1{font-size:44px;line-height:1.08;margin:12px 0}.marketplace-subtitle{font-size:19px;color:var(--muted)}.marketplace-buy-card{position:sticky;top:88px;background:#fff;border:1px solid #d8e3f1;border-radius:20px;padding:22px;box-shadow:0 16px 38px rgba(20,48,88,.12)}.marketplace-buy-card small{display:block;color:var(--muted);margin-top:13px;line-height:1.45}
.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.review-card strong{color:#e79b14;letter-spacing:2px}.review-card h3{margin:8px 0}.review-card small{color:var(--muted)}
.creator-hero{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.creator-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.creator-status-card{padding:17px;border:1px solid var(--line);border-radius:16px;background:#fff}.creator-status-card strong{display:block;font-size:20px;margin-top:5px}.creator-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.creator-product-card{display:flex;flex-direction:column}.creator-product-card .course-footer{margin-top:auto}
.creator-balance{font-size:42px;font-weight:900;letter-spacing:-1px}.creator-commission-table td,.creator-commission-table th{white-space:nowrap}
.exam-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.exam-profile-card{display:flex;flex-direction:column;border-top:5px solid var(--blue)}.exam-profile-card h3{font-size:22px}.exam-profile-card .btn{margin-top:auto}.exam-profile-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.exam-profile-meta span{padding:9px;border-radius:11px;background:#f3f7fc;text-align:center;font-size:13px}
.quality-score{display:inline-grid;place-items:center;min-width:62px;height:34px;padding:0 10px;border-radius:999px;font-weight:850;background:#eaf7ef;color:#11783b}.quality-score.bad{background:#fff0f0;color:#a32929}.quality-report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quality-report-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}.quality-report-card strong{font-size:24px;display:block}
.license-card{border-left:4px solid #22a063}.license-card.expired{border-left-color:#c53b3b}.rights-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rights-list span{padding:8px 10px;border-radius:10px;background:#f4f7fb;font-size:13px}
.marketplace-empty{padding:44px;text-align:center;border:1px dashed #cbd7e5;border-radius:18px;background:#fbfdff}.marketplace-empty h2{margin-top:0}
@media(max-width:1050px){.marketplace-grid,.exam-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketplace-detail-hero{grid-template-columns:minmax(0,1fr) 300px}.creator-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.marketplace-hero,.marketplace-detail-hero{grid-template-columns:1fr;padding:22px}.marketplace-hero h1,.marketplace-detail-hero h1{font-size:34px}.marketplace-buy-card{position:static}.marketplace-grid,.exam-profile-grid,.creator-product-grid,.review-grid,.quality-report-grid{grid-template-columns:1fr}.creator-status-grid{grid-template-columns:1fr}.marketplace-filters{display:grid;grid-template-columns:1fr;width:100%}.marketplace-filters .field{min-width:0}.creator-hero{grid-template-columns:1fr}.exam-profile-meta{grid-template-columns:1fr 1fr}}
.marketplace-page{min-height:70vh}.marketplace-page>.marketplace-hero{max-width:1240px;margin:28px auto 0}.marketplace-content{max-width:1240px}
.marketplace-search{display:grid;grid-template-columns:minmax(0,1fr) 210px auto;gap:10px;margin-top:24px}.marketplace-search input,.marketplace-search select{width:100%;border:1px solid #cdd9e8;border-radius:12px;padding:13px;background:#fff;color:var(--ink)}
.marketplace-hero-card{background:#fff;border:1px solid #d9e4f1;border-radius:20px;padding:22px;display:grid;gap:8px;box-shadow:0 16px 34px rgba(22,54,98,.1)}.marketplace-hero-card strong{font-size:18px}.marketplace-hero-card span{color:var(--muted);margin-bottom:7px}
.marketplace-cover{min-height:164px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#0d54c8,#714bd3);color:#fff}.marketplace-cover span{font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;opacity:.9}.marketplace-cover strong{font-size:24px;line-height:1.15}
.marketplace-rating{display:flex;justify-content:space-between;gap:10px;align-items:center}.marketplace-rating span{color:#d78b00;font-weight:850}.marketplace-rating small{color:var(--muted)}
.marketplace-footer{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-top:auto;padding-top:16px}.marketplace-footer>div{display:grid;gap:5px}.marketplace-footer strong{font-size:25px}.marketplace-footer small{color:var(--muted)}
@media(max-width:760px){.marketplace-search{grid-template-columns:1fr}.marketplace-page>.marketplace-hero{margin:14px}.marketplace-content{padding-left:14px;padding-right:14px}}