/* Restore the public portal without forcing exams and results into the entry grid. */
.citizen-exam-body .citizen-shell{display:block!important;min-height:0;width:min(1180px,calc(100% - 36px))!important;padding:0!important;border:0;border-radius:0;overflow:visible;box-shadow:none}
.citizen-exam-body .citizen-shell::before,.citizen-exam-body .citizen-shell::after{display:none}
.citizen-exam-body .citizen-shell:has(.citizen-portal-intro){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr)!important;gap:40px!important;min-height:660px;padding:clamp(28px,4vw,60px)!important;border:1px solid #625333;border-radius:28px;background:linear-gradient(90deg,#080907f5,#080907bb),url('../sasp-motive/fahrzeugflotte-ohne-herstellerlogo.webp') center/cover;box-shadow:0 28px 80px #0005}
.citizen-exam-body .citizen-portal-intro h1{font-size:clamp(40px,4.5vw,66px)!important;line-height:1.08!important;overflow-wrap:anywhere}
.citizen-exam-body .citizen-portal-intro p{display:block!important;color:#d8d2bd;font-size:17px;line-height:1.7}
.citizen-exam-body .citizen-license-types{display:flex;flex-wrap:wrap;gap:10px}
.citizen-exam-body .citizen-access-card{min-width:0;width:100%;padding:32px}
.citizen-exam-body .citizen-access-card h2{font-size:clamp(28px,3vw,40px);line-height:1.15}
.citizen-exam-body .citizen-access-card .btn{width:100%;justify-content:center;font:inherit;font-weight:700}
.citizen-exam-body .citizen-result-card{margin:40px auto}
.citizen-exam-body .citizen-exam-head{padding-top:16px}
.citizen-exam-body .citizen-options input:focus-visible+span{outline:2px solid #f0d27b;outline-offset:3px}
@media(max-width:1000px){.citizen-exam-body .citizen-shell:has(.citizen-portal-intro){grid-template-columns:minmax(0,1fr)!important;min-height:0}.citizen-exam-body .citizen-access-card{max-width:650px;justify-self:center}}
@media(max-width:600px){.citizen-exam-body .citizen-shell:has(.citizen-portal-intro){padding:28px 18px!important;border-radius:20px}.citizen-exam-body .citizen-topbar{height:auto;min-height:80px;padding:14px 18px}.citizen-exam-body .citizen-topbar small{font-size:10px}.citizen-exam-body .citizen-topbar strong{font-size:16px}.citizen-exam-body .citizen-portal-intro h1{font-size:clamp(34px,9vw,48px)!important}.citizen-exam-body .citizen-access-card{padding:24px 18px}.citizen-exam-body .citizen-license-types{display:grid;grid-template-columns:1fr}.citizen-exam-body .citizen-question header{grid-template-columns:36px minmax(0,1fr);gap:10px}.citizen-exam-body .citizen-question header>small{grid-column:2}.citizen-exam-body .citizen-question header>span{width:34px;height:34px}}

/* Ruhige, bildhafte Prüfungsumgebung mit dauerhaft gut lesbaren Aufgaben. */
body.citizen-exam-active{position:relative;isolation:isolate;background:#090b0a!important;background-attachment:fixed!important}
body.citizen-exam-active::before{content:"";position:fixed;z-index:-2;inset:0;background:url('../sasp-motive/fahrzeugflotte-ohne-herstellerlogo.webp') center/cover no-repeat;filter:saturate(.78) contrast(1.05)}
body.citizen-exam-active::after{content:"";position:fixed;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(7,9,8,.96) 0%,rgba(7,9,8,.86) 42%,rgba(7,9,8,.72) 100%),linear-gradient(0deg,rgba(7,9,8,.94),rgba(7,9,8,.28) 55%,rgba(7,9,8,.72));pointer-events:none}
.citizen-exam-active .citizen-topbar{position:sticky;z-index:20;top:0;border-bottom-color:rgba(230,199,104,.28)!important;background:rgba(7,9,8,.82)!important;box-shadow:0 12px 38px rgba(0,0,0,.22);backdrop-filter:blur(18px) saturate(1.1)}
.citizen-exam-active .citizen-shell{width:min(1240px,calc(100% - 40px))!important;margin:42px auto 90px!important}
.citizen-exam-active .citizen-exam-head{position:relative;align-items:center;margin:0 0 22px;padding:30px 32px;border:1px solid rgba(225,192,91,.3);border-radius:22px;background:linear-gradient(120deg,rgba(27,29,24,.94),rgba(13,16,14,.84));box-shadow:0 25px 70px rgba(0,0,0,.32);backdrop-filter:blur(18px)}
.citizen-exam-active .citizen-exam-head::before{content:"PRÜFUNG";position:absolute;right:24px;bottom:-15px;color:rgba(237,207,113,.035);font-size:78px;font-weight:950;letter-spacing:-.04em;pointer-events:none}
.citizen-exam-active .citizen-exam-head>div{position:relative;z-index:1}.citizen-exam-active .citizen-exam-head h1{max-width:680px;margin:5px 0 9px;font-size:clamp(34px,4vw,54px);letter-spacing:-.045em}.citizen-exam-active .citizen-exam-head p{margin:0;color:#c9c4b5}
.citizen-exam-active .citizen-exam-facts{position:relative;z-index:1}.citizen-exam-active .citizen-exam-facts span{min-width:132px;min-height:86px;padding:16px;border-color:rgba(226,196,101,.25);border-radius:14px;background:rgba(8,11,9,.7);box-shadow:inset 0 1px rgba(255,255,255,.025)}.citizen-exam-active .citizen-exam-facts small{color:#9e9b8e;font-size:10px;text-transform:uppercase;letter-spacing:.07em}.citizen-exam-active .citizen-exam-facts b{margin-top:6px;color:#fff3cb;font-size:17px}
.citizen-exam-active .citizen-question{position:relative;margin:13px 0;padding:27px 28px;border-color:rgba(207,179,91,.25);border-radius:18px;background:linear-gradient(135deg,rgba(24,27,23,.96),rgba(13,16,14,.94));box-shadow:0 16px 46px rgba(0,0,0,.2);backdrop-filter:blur(14px);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.citizen-exam-active .citizen-question:hover,.citizen-exam-active .citizen-question:focus-within{transform:translateY(-2px);border-color:rgba(232,202,111,.45);box-shadow:0 22px 58px rgba(0,0,0,.29)}
.citizen-exam-active .citizen-question header{grid-template-columns:48px minmax(0,1fr) auto;align-items:center}.citizen-exam-active .citizen-question header>span{border:1px solid rgba(231,199,101,.24);background:linear-gradient(145deg,#413615,#282414);box-shadow:0 8px 22px rgba(0,0,0,.22)}.citizen-exam-active .citizen-question h2{margin:0;color:#f8f5eb;font-size:17px;line-height:1.5}.citizen-exam-active .citizen-question header small{color:#a9a591;font-weight:700}
.citizen-exam-active .citizen-options{gap:9px}.citizen-exam-active .citizen-options span{min-height:54px;display:flex;align-items:center;padding:13px 16px;border-color:#42463a;border-radius:11px;background:rgba(7,10,8,.78);color:#dedfd8;transition:border-color .18s,background .18s,transform .18s}.citizen-exam-active .citizen-options label:hover span{transform:translateX(3px);border-color:#807044;background:#15170f}.citizen-exam-active .citizen-options input:checked+span{border-color:#d9b94f;background:linear-gradient(90deg,#3b3218,#1b1b12);color:#fff8de;box-shadow:inset 4px 0 #edcc64,0 8px 24px rgba(0,0,0,.18)}
.citizen-exam-active .citizen-submit{position:sticky;z-index:10;bottom:16px;margin-top:24px;padding:18px 20px;border:1px solid rgba(228,196,97,.3);border-radius:16px;background:rgba(16,19,16,.92);box-shadow:0 18px 55px rgba(0,0,0,.42);backdrop-filter:blur(18px)}.citizen-exam-active .citizen-submit .btn{min-height:50px;padding-inline:24px}
@media(max-width:850px){.citizen-exam-active .citizen-shell{width:calc(100% - 24px)!important;margin-top:24px!important}.citizen-exam-active .citizen-exam-head{align-items:stretch;padding:24px 20px}.citizen-exam-active .citizen-exam-head::before{display:none}.citizen-exam-active .citizen-exam-facts{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.citizen-exam-active .citizen-exam-facts span{min-width:0}.citizen-exam-active .citizen-question{padding:22px 18px}.citizen-exam-active .citizen-submit{position:static}}
@media(max-width:600px){body.citizen-exam-active::before{background-position:58% center}.citizen-exam-active .citizen-exam-head h1{font-size:34px}.citizen-exam-active .citizen-exam-facts{grid-template-columns:1fr}.citizen-exam-active .citizen-exam-facts span{min-height:0}.citizen-exam-active .citizen-question header{grid-template-columns:38px minmax(0,1fr)}.citizen-exam-active .citizen-question header small{grid-column:2}.citizen-exam-active .citizen-options{margin-left:0}}
@media(prefers-reduced-motion:reduce){.citizen-exam-active .citizen-question,.citizen-exam-active .citizen-options span{transition:none}}

/* Eigenes Bestätigungsfenster für die verbindliche Prüfungsabgabe. */
.citizen-submit-dialog{width:min(520px,calc(100% - 28px));max-width:none;padding:0;border:1px solid rgba(229,196,91,.48);border-radius:22px;background:transparent;color:#f7f3e8;box-shadow:0 36px 110px rgba(0,0,0,.78);overflow:visible}
.citizen-submit-dialog::backdrop{background:rgba(2,4,3,.78);backdrop-filter:blur(7px) saturate(.75)}
.citizen-submit-dialog-card{position:relative;padding:34px;background:radial-gradient(circle at 88% 5%,rgba(224,188,74,.12),transparent 28%),linear-gradient(145deg,#1c201b 0%,#0b0e0c 72%);border-radius:21px;overflow:hidden}
.citizen-submit-dialog-card::before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,#8b6c1c,#f0cf63,#8b6c1c)}
.citizen-dialog-close{position:absolute;z-index:2;top:16px;right:16px;width:40px;height:40px;border:1px solid rgba(231,199,101,.24);border-radius:11px;background:rgba(255,255,255,.045);color:#fff5d3;font-size:25px;line-height:1;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.citizen-dialog-close:hover{transform:rotate(4deg);border-color:rgba(239,205,100,.62);background:rgba(226,190,80,.12)}
.citizen-dialog-emblem{display:grid;width:68px;height:68px;margin-bottom:19px;place-items:center;border:1px solid rgba(232,198,95,.36);border-radius:18px;background:linear-gradient(145deg,rgba(221,184,67,.15),rgba(255,255,255,.025));box-shadow:0 12px 34px rgba(0,0,0,.28)}
.citizen-dialog-emblem img{width:51px;height:51px;object-fit:contain}
.citizen-submit-dialog .citizen-kicker{margin:0 0 6px;color:#e7c75f;font-size:10px;font-weight:900;letter-spacing:.18em}
.citizen-submit-dialog h2{margin:0 54px 10px 0;color:#fff8e3;font-size:clamp(27px,4vw,35px);line-height:1.08;letter-spacing:-.035em}
.citizen-submit-dialog h2+p{margin:0;color:#c9c5b8;font-size:14px;line-height:1.65}
.citizen-dialog-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 13px;align-items:start;margin:23px 0;padding:15px 16px;border:1px solid rgba(228,196,97,.2);border-radius:13px;background:rgba(229,194,86,.07)}
.citizen-dialog-note::before{content:"!";grid-row:1/3;display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#d6ae35;color:#171307;font-weight:950}
.citizen-dialog-note b{color:#fff1bc;font-size:13px}.citizen-dialog-note span{color:#aca99f;font-size:12px;line-height:1.45}
.citizen-dialog-actions{display:flex;justify-content:flex-end;gap:10px}.citizen-dialog-actions .btn{min-height:48px;padding:12px 17px;justify-content:center}.citizen-dialog-actions .btn-secondary{border:1px solid #4a4f46;background:#242923;color:#eee9dc}.citizen-dialog-actions .btn:disabled{cursor:wait;opacity:.7}
@media(max-width:560px){.citizen-submit-dialog-card{padding:28px 20px 20px}.citizen-dialog-emblem{width:58px;height:58px}.citizen-dialog-emblem img{width:43px;height:43px}.citizen-submit-dialog h2{margin-right:38px}.citizen-dialog-actions{display:grid}.citizen-dialog-actions .btn{width:100%}.citizen-dialog-actions .btn-secondary{order:2}}
@media(prefers-reduced-motion:reduce){.citizen-dialog-close{transition:none}}