:root{--demo-navy:#10213f;--demo-blue:#2d6fa3;--demo-blue-soft:#eaf4fb;--demo-cyan:#2ea7b8;--demo-green:#238b57;--demo-amber:#b96c00;--demo-red:#b42318;--demo-border:#dbe5ef;--demo-muted:#667792;--demo-bg:#f4f7fb;--demo-white:#fff;--demo-shadow:0 18px 55px rgba(16,33,63,.12)}
.demo-public-body,.demo-enter-body{margin:0;min-height:100vh;background:linear-gradient(135deg,#eef4fa 0%,#f8fafc 48%,#edf7f7 100%);color:var(--demo-navy);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.demo-public-shell{width:min(1180px,calc(100% - 36px));margin:36px auto;display:grid;grid-template-columns:minmax(0,.95fr) minmax(440px,1.05fr);background:rgba(255,255,255,.72);border:1px solid rgba(219,229,239,.9);border-radius:28px;box-shadow:var(--demo-shadow);overflow:hidden;backdrop-filter:blur(10px)}
.demo-public-hero{padding:56px;background:linear-gradient(160deg,#10213f 0%,#17345d 62%,#245d78 100%);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:680px}
.demo-public-brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;margin-bottom:72px}.demo-public-brand img{width:52px;height:52px;border-radius:12px}.demo-public-brand strong{display:block;font-size:1.08rem}.demo-public-brand span{display:block;font-size:.79rem;color:#bcd0e5;margin-top:2px}
.demo-public-eyebrow{font-size:.72rem;letter-spacing:.14em;font-weight:800;color:#3e779e}.demo-public-hero .demo-public-eyebrow{color:#8ed7e0}.demo-public-hero h1{font-size:clamp(2.5rem,4vw,4.4rem);line-height:1.02;letter-spacing:-.05em;margin:14px 0 22px;max-width:680px}.demo-public-hero>p{font-size:1.04rem;line-height:1.75;color:#d8e4f1;max-width:610px;margin:0}
.demo-public-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}.demo-public-points span{padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.07);font-size:.9rem;color:#e8f1f8}
.demo-request-card{background:#fff;padding:52px 54px;overflow:auto}.demo-request-card h2{font-size:2rem;letter-spacing:-.035em;margin:9px 0 8px}.demo-request-intro{margin:0 0 24px;color:var(--demo-muted);line-height:1.6}.demo-request-form{display:grid;gap:20px}.demo-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.demo-request-form label{display:grid;gap:7px;font-size:.86rem;font-weight:700;color:var(--demo-navy)}.demo-request-form input,.demo-request-form select,.demo-request-form textarea,.demo-link-row input{width:100%;box-sizing:border-box;border:1px solid #ccd8e5;border-radius:11px;background:#fff;color:var(--demo-navy);padding:12px 13px;font:inherit;outline:none}.demo-request-form input:focus,.demo-request-form select:focus,.demo-request-form textarea:focus,.demo-link-row input:focus{border-color:#5c91b9;box-shadow:0 0 0 3px rgba(45,111,163,.1)}.demo-request-form textarea{resize:vertical}.demo-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.demo-module-choice{border:1px solid var(--demo-border);border-radius:14px;padding:16px;margin:0}.demo-module-choice legend{font-weight:800;padding:0 7px}.demo-module-choice>p{font-size:.8rem;color:var(--demo-muted);margin:0 0 12px}.demo-module-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-module-grid label{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid #e2eaf2;border-radius:9px;font-size:.8rem;font-weight:600}.demo-module-grid input{width:auto;padding:0}.demo-consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px!important;font-size:.79rem!important;line-height:1.45;color:var(--demo-muted)!important}.demo-consent input{width:auto;margin-top:2px}
.demo-public-btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;background:#2e6f9f;color:#fff!important;border:0;border-radius:11px;text-decoration:none;padding:13px 18px;font-weight:800;font-size:.9rem;cursor:pointer}.demo-public-btn:hover{background:#255d86}.demo-public-alert,.demo-enter-note{border:1px solid #f1c8c3;background:#fff2f0;color:#8f2319;padding:12px 14px;border-radius:10px;font-size:.86rem;line-height:1.5}.demo-enter-note.success{border-color:#bfe2cf;background:#eef9f3;color:#17683d}.demo-request-success{display:flex;min-height:560px;flex-direction:column;justify-content:center;align-items:flex-start}.demo-request-success-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#e8f7ef;color:var(--demo-green);font-weight:900;font-size:1.3rem;margin-bottom:22px}.demo-request-success p{color:var(--demo-muted);line-height:1.7;margin:0 0 24px}.demo-public-footer{text-align:center;color:#75849a;font-size:.78rem;padding:0 16px 30px}
.demo-enter-body{display:grid;place-items:center;padding:28px}.demo-enter-shell{width:min(680px,100%);box-sizing:border-box;background:#fff;border:1px solid var(--demo-border);border-radius:24px;box-shadow:var(--demo-shadow);padding:46px}.demo-enter-logo{display:flex;align-items:center;gap:12px;margin-bottom:38px}.demo-enter-logo img{width:50px;height:50px;border-radius:12px}.demo-enter-logo strong{display:block}.demo-enter-logo span{font-size:.78rem;color:var(--demo-muted)}.demo-enter-shell h1{font-size:2.4rem;line-height:1.05;letter-spacing:-.045em;margin:10px 0 15px}.demo-enter-shell>p{color:var(--demo-muted);line-height:1.7}.demo-enter-features{display:grid;gap:10px;margin:24px 0}.demo-enter-features>div{display:flex;gap:12px;align-items:center;border:1px solid var(--demo-border);border-radius:12px;padding:12px}.demo-enter-features b{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eff6fb;color:#2d6fa3;font-size:.72rem}.demo-enter-features span{display:grid;gap:2px}.demo-enter-features strong{font-size:.86rem}.demo-enter-features small{color:var(--demo-muted)}.demo-enter-help{font-size:.85rem!important;margin:20px 0!important}
.demo-mode-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(90deg,#10213f,#173b61);color:#fff;padding:10px 20px;border-bottom:1px solid #274f76;position:relative;z-index:25}.demo-mode-copy{display:flex;align-items:center;gap:12px;min-width:0}.demo-mode-badge{background:#f4b942;color:#2b2104;font-weight:900;font-size:.68rem;letter-spacing:.12em;padding:6px 8px;border-radius:7px}.demo-mode-copy strong{display:block;font-size:.85rem}.demo-mode-copy small{display:block;color:#c7d8e7;font-size:.72rem;margin-top:2px}.demo-mode-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.demo-mode-actions>a{color:#fff;font-size:.78rem;font-weight:700;text-decoration:none;border-left:1px solid rgba(255,255,255,.2);padding-left:12px}.demo-role-switch{display:flex;align-items:center;gap:7px}.demo-role-switch label{font-size:.72rem;color:#c7d8e7}.demo-role-switch select,.demo-role-switch button{border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#fff;color:#10213f;padding:6px 9px;font:inherit;font-size:.75rem}.demo-role-switch button{background:#dff3f6;font-weight:800;cursor:pointer}.demo-readonly-notice{margin:10px 18px 0;padding:10px 13px;border:1px solid #f1cf86;background:#fff8e7;color:#7b5000;border-radius:10px;font-size:.82rem}.demo-mode-banner+.setup-onboarding-banner{display:none}.demo-mode-banner~.content .pwa-topbar-install{display:none!important}
@media(max-width:960px){.demo-public-shell{grid-template-columns:1fr}.demo-public-hero{min-height:auto;padding:38px}.demo-public-brand{margin-bottom:42px}.demo-request-card{padding:38px}.demo-mode-banner{align-items:flex-start;flex-direction:column}.demo-mode-actions{width:100%;justify-content:space-between}}
@media(max-width:620px){.demo-public-shell{width:min(100% - 18px,1180px);margin:10px auto;border-radius:18px}.demo-public-hero,.demo-request-card{padding:26px}.demo-public-points,.demo-form-grid,.demo-module-grid{grid-template-columns:1fr}.demo-enter-shell{padding:28px}.demo-enter-shell h1{font-size:2rem}.demo-role-switch label{display:none}.demo-mode-actions{align-items:flex-start;flex-direction:column}.demo-mode-actions>a{border-left:0;padding-left:0}.demo-mode-copy small{display:none}}

.demo-mode-banner.is-test-school{background:linear-gradient(90deg,#065f46,#0f766e);border-bottom-color:#0d9488}.demo-mode-banner.is-test-school .demo-mode-badge{background:#d1fae5;color:#065f46}.demo-mode-banner.is-test-school .demo-role-switch button{background:#d1fae5;color:#064e3b}

/* v72.1 · Wiedereinstieg mit klarer Anmeldebestätigung */
.demo-enter-shell.is-ready{text-align:center}
.demo-enter-shell.is-ready .demo-enter-logo{text-align:left}
.demo-enter-ready-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border-radius:50%;background:#e8f7ef;color:#1f8a55;font-size:1.55rem;font-weight:900}
.demo-enter-shell.is-ready h1{margin-top:8px}
.demo-enter-shell.is-ready>p{max-width:540px;margin-left:auto;margin-right:auto}
.demo-enter-ready-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}
.demo-enter-ready-meta>div{display:grid;gap:4px;padding:13px;border:1px solid var(--demo-border);border-radius:11px;background:#f9fbfd;text-align:left}
.demo-enter-ready-meta span{color:var(--demo-muted);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.demo-enter-ready-meta strong{font-size:.86rem;color:var(--demo-navy);overflow-wrap:anywhere}
.demo-enter-primary{width:100%;box-sizing:border-box;min-height:48px}
.demo-enter-shell.is-ready .demo-enter-help{text-align:center}
@media(max-width:620px){.demo-enter-ready-meta{grid-template-columns:1fr}}

/* Quality Sprint 73 · Professioneller Testzugang */
.demo-request-v73,.demo-enter-v73{background:linear-gradient(145deg,#f5f8fc 0%,#edf3f9 100%)}
.demo-request-shell-v73{width:min(1180px,calc(100% - 40px));margin:42px auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:42px;align-items:start}.demo-request-intro-v73{padding:42px 18px 20px 4px}.demo-request-intro-v73 h1{font-size:clamp(2.2rem,4.2vw,4rem);line-height:1.04;margin:24px 0 18px;letter-spacing:-.04em}.demo-request-intro-v73>p{font-size:1.08rem;line-height:1.75;max-width:650px}.demo-request-steps-v73{display:grid;gap:12px;margin-top:34px}.demo-request-steps-v73>div{display:flex;gap:14px;align-items:center;padding:15px 17px;border:1px solid #d9e4f0;border-radius:16px;background:rgba(255,255,255,.75)}.demo-request-steps-v73 b{width:34px;height:34px;border-radius:10px;background:#eaf3fb;color:#20659d;display:grid;place-items:center}.demo-request-steps-v73 span{display:grid;gap:2px}.demo-request-steps-v73 small{color:#697d95}.demo-request-card-v73{border-radius:24px;padding:34px;box-shadow:0 20px 70px rgba(39,73,108,.1);border:1px solid #dce6f1}.demo-request-card-v73 h2{font-size:1.7rem;margin:7px 0}.demo-request-form-v73{display:grid;gap:20px;margin-top:25px}.demo-request-form-v73 label>span{display:block;font-weight:700;font-size:.83rem;margin:0 0 7px;color:#243d5c}.demo-request-form-v73 input,.demo-request-form-v73 select,.demo-request-form-v73 textarea{width:100%;box-sizing:border-box;border:1px solid #cbd8e6;border-radius:12px;padding:12px 13px;background:#fff;font:inherit}.demo-form-grid-person{grid-template-columns:.65fr 1fr 1fr}.demo-field-wide{grid-column:1/-1}.demo-submit-v73{justify-self:start;min-width:220px;justify-content:center}.demo-form-footnote-v73{margin:0;color:#73869d;font-size:.85rem}.demo-request-success-note{margin-top:24px;background:#eff7f2;border:1px solid #cde5d3;border-radius:14px;padding:14px;color:#315d41}
.demo-enter-shell-v73{width:min(680px,calc(100% - 34px));padding:46px;border-radius:26px;box-shadow:0 24px 80px rgba(31,68,105,.12)}.demo-enter-shell-v73 h1{font-size:clamp(2rem,5vw,3.25rem);letter-spacing:-.035em;margin:12px 0 14px}.demo-welcome-check{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#e9f7ee;color:#18713b;font-size:1.8rem;font-weight:800;margin:36px 0 24px}.demo-welcome-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.demo-welcome-summary>div,.demo-verify-school{padding:16px;border:1px solid #dae5ef;border-radius:14px;background:#f9fbfd;display:grid;gap:5px}.demo-welcome-summary span,.demo-verify-school span{font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;color:#74879b;font-weight:700}.demo-verify-school{margin:25px 0}.demo-verify-school small{color:#6a7e94}.demo-security-form{display:grid;gap:11px;margin-top:20px}.demo-security-form label{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.demo-security-form input{font-size:2rem;letter-spacing:.32em;text-align:center;padding:15px;border:2px solid #b9cbdd;border-radius:14px;font-weight:700}.demo-security-form .demo-public-btn{margin-top:6px;justify-content:center}.demo-security-note{margin-top:24px;border-top:1px solid #e1e9f1;padding-top:20px;display:grid;gap:4px;color:#60758c}.secondary-demo-btn{background:#fff!important;color:#285f8f!important;border:1px solid #c7d8e7!important}
@media(max-width:900px){.demo-request-shell-v73{grid-template-columns:1fr;margin:20px auto;gap:10px}.demo-request-intro-v73{padding:20px 4px}.demo-form-grid-person{grid-template-columns:1fr}.demo-request-card-v73{padding:24px}.demo-enter-shell-v73{padding:30px}.demo-welcome-summary{grid-template-columns:1fr}}