/* Eigenständige Markenvariablen für die ausdrücklich gewünschte Beameransicht. */
:root{--rq-petrol:#018578;--rq-orange:#FB9505;--rq-ink:#123a36;--rq-paper:#fff;--rq-surface:#f3f7f6;--rq-line:#cadbd8;--rq-muted:#e4e9e8;--rq-muted-ink:#4a5855;--rq-good:#167444;--rq-good-bg:#e5f5e9;--rq-radius:18px;--rq-gap:clamp(8px,1.4vh,18px)}
.quiz-mode{display:block!important;min-height:100dvh;font-family:Arial,sans-serif}
.quiz-mode>.sidebar,.quiz-mode .topbar,.quiz-mode .app-footer,.quiz-mode>.mobile-nav,.quiz-mode .demo-banner{display:none!important}
.quiz-mode .workspace{margin:0!important;width:100%;min-width:0}
.quiz-mode .main-content{max-width:none!important;padding:0!important;margin:0!important;min-height:0}
.rq-screen{box-sizing:border-box;width:100%;height:100dvh;max-height:100dvh;overflow:hidden;padding:clamp(12px,2.6vh,32px) clamp(12px,3vw,54px);font-family:Arial,sans-serif;color:var(--rq-ink);background:var(--rq-paper);display:grid;gap:var(--rq-gap)}
.rq-screen *{box-sizing:border-box}
.rq-playing{grid-template-rows:auto minmax(80px,1fr) minmax(130px,1.2fr) auto}
.rq-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:clamp(12px,1.5vw,23px);min-height:48px;color:var(--rq-petrol)}
.rq-header>span{text-align:center}
.rq-button,.rq-exit{font-family:Arial,sans-serif;font-weight:700;font-size:clamp(16px,1.5vw,25px);border:2px solid var(--rq-petrol);border-radius:12px;min-height:48px;padding:10px 22px;color:var(--rq-paper);background:var(--rq-petrol);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer;white-space:nowrap}
.rq-button:hover{filter:brightness(.94)}
.rq-button:focus-visible,.rq-level:focus-visible,.rq-exit:focus-visible{outline:4px solid var(--rq-orange);outline-offset:3px}
.rq-button:disabled{opacity:.4;cursor:default}
.rq-secondary,.rq-exit{background:var(--rq-paper);color:var(--rq-petrol)}
.rq-question-block{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;text-align:center;align-items:center}
.rq-kicker{margin:0;color:var(--rq-petrol);font-size:clamp(13px,1.5vw,23px);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.rq-question{font-family:Arial,sans-serif!important;font-size:clamp(28px,3.6vw,66px);line-height:1.12;font-weight:700;margin:0!important;max-height:100%;height:100%;overflow:hidden;display:block;align-content:center;text-wrap:balance}
.rq-answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.5vw,24px);min-height:0}
.rq-answer{position:relative;border:3px solid var(--rq-petrol);border-radius:var(--rq-radius);background:var(--rq-surface);min-height:0;padding:clamp(12px,2vh,28px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;text-align:center}
.rq-answer-number{justify-self:center;display:grid;place-items:center;background:var(--rq-orange);color:var(--rq-ink);width:clamp(44px,5.6vh,72px);height:clamp(44px,5.6vh,72px);border-radius:50%;font-size:clamp(26px,3vw,44px);font-weight:700;line-height:1}
.rq-answer-copy{font-size:clamp(22px,2.4vw,44px);font-weight:700;line-height:1.2;max-height:100%;overflow:hidden;align-content:center;text-wrap:balance}
.rq-correct{border-color:var(--rq-good);background:var(--rq-good-bg);color:var(--rq-good)}
.rq-correct .rq-answer-number{background:var(--rq-good);color:var(--rq-paper)}
.rq-answer-check{position:absolute;right:12px;top:10px;font-size:clamp(24px,3vw,42px);font-weight:700}
.rq-wrong{border-color:var(--rq-line);background:var(--rq-muted);color:var(--rq-muted-ink)}
.rq-wrong .rq-answer-number{background:var(--rq-line);color:var(--rq-muted-ink)}
.rq-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;min-height:56px}
.rq-back{justify-self:start}.rq-next{justify-self:end}.rq-reveal{display:flex;justify-content:center;gap:8px}
.rq-reveal>.rq-button:not(.rq-secondary){min-width:180px;background:var(--rq-orange);border-color:var(--rq-orange);color:var(--rq-ink)}
.rq-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.rq-lobby{grid-template-rows:auto minmax(80px,.7fr) minmax(180px,1.5fr) auto auto}
.rq-intro{text-align:center;align-self:center}
.rq-intro h1{font-family:Arial,sans-serif!important;color:var(--rq-petrol);font-size:clamp(40px,7vw,104px);line-height:1;margin:12px 0!important}
.rq-intro>p:last-child{font-size:clamp(18px,2.2vw,34px);margin:8px 0}
.rq-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--rq-gap);min-height:0}
.rq-level{font-family:Arial,sans-serif;border:2px solid var(--rq-line);border-radius:var(--rq-radius);padding:clamp(14px,2vw,32px);background:var(--rq-surface);color:var(--rq-ink);display:flex;gap:18px;align-items:center;justify-content:center;text-align:left;cursor:pointer;min-width:0;min-height:48px}
.rq-level:hover{border-color:var(--rq-petrol)}
.rq-level:disabled{opacity:.5;cursor:default}
.rq-level strong{display:block;font-size:clamp(22px,2.6vw,42px)}
.rq-level small{display:block;font-size:clamp(14px,1.35vw,22px);margin-top:12px;line-height:1.25}
.rq-level-number{font-size:clamp(38px,5vw,72px);color:var(--rq-petrol);font-weight:700}
.rq-lobby-options{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:clamp(13px,1.2vw,19px)}
.rq-lobby-options fieldset{display:flex;gap:16px;border:0;padding:0;margin:0}
.rq-lobby-options legend{margin-bottom:8px;font-weight:700}
.rq-lobby-options label{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}
.rq-lobby-options input{accent-color:var(--rq-petrol);width:22px;height:22px}
.rq-lobby-options p{margin:0;text-align:right}
.rq-source-notice{font-size:clamp(11px,1vw,16px);color:var(--rq-muted-ink);text-align:center;margin:0;line-height:1.3}
.rq-details .rq-inline-law{display:inline;padding:0 3px;min-height:44px;border:0;border-radius:0;background:transparent;color:var(--rq-petrol);font:inherit;text-decoration:underline;white-space:normal}
.rq-finish{grid-template-rows:auto 1fr;text-align:center}
.rq-finish>div{align-self:center}.rq-finish h1{font-size:clamp(34px,5vw,72px);font-family:Arial,sans-serif!important}.rq-finish p{font-size:clamp(20px,2vw,32px)}.rq-finish>div>.rq-button{margin:8px}
.rq-details{font-family:Arial,sans-serif;font-size:clamp(19px,1.7vw,30px);line-height:1.5;color:var(--rq-ink)}
.rq-details h3{color:var(--rq-petrol);font-size:1.1em;margin:18px 0 8px}.rq-details p{margin:8px 0 22px}.rq-details a{color:var(--rq-petrol)}
.rq-law-text{white-space:pre-wrap;font-size:clamp(17px,1.5vw,25px)}
.rq-law-links{display:flex;flex-wrap:wrap;gap:8px}.rq-law-link{background:var(--rq-paper);color:var(--rq-petrol);text-decoration:underline;white-space:normal}
.rq-legal-note{font-size:.65em;color:var(--rq-muted-ink)}
@media(max-width:700px){
 .rq-screen{padding:10px;gap:8px}.rq-header{font-size:12px}.rq-header .rq-button,.rq-exit{font-size:13px;padding:8px;min-height:48px}.rq-header>span{max-width:45%}
 .rq-playing{grid-template-rows:48px minmax(80px,.8fr) minmax(220px,1.7fr) 104px}
 .rq-question{font-size:28px}.rq-answers{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:8px}
 .rq-answer{grid-template-columns:44px minmax(0,1fr);grid-template-rows:1fr;align-items:center;padding:8px;gap:10px;text-align:left;border-width:2px;border-radius:12px}
 .rq-answer-number{width:44px;height:44px;font-size:26px}.rq-answer-copy{font-size:22px;height:100%;text-wrap:pretty}.rq-answer-check{right:5px;top:2px;font-size:20px}
 .rq-controls{grid-template-columns:1fr 1fr;grid-template-rows:48px 48px;gap:8px}.rq-back{grid-column:1;grid-row:2;justify-self:stretch}.rq-next{grid-column:2;grid-row:2;justify-self:stretch}.rq-reveal{grid-column:1/-1;grid-row:1}.rq-controls .rq-button{width:100%;font-size:16px;padding:8px}.rq-reveal .rq-button{flex:1}
 .rq-lobby{grid-template-rows:48px minmax(80px,.7fr) minmax(230px,1.6fr) auto auto}.rq-levels{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr))}.rq-level{justify-content:flex-start;padding:10px;gap:14px}.rq-level-number{font-size:35px}.rq-level strong{font-size:21px}.rq-level small{font-size:13px;margin-top:3px}.rq-level>span:last-child{margin-left:auto}
 .rq-intro h1{font-size:46px;margin:7px 0!important}.rq-intro>p:last-child{font-size:20px}.rq-kicker{font-size:12px}.rq-lobby-options{gap:8px;font-size:11px}.rq-lobby-options fieldset{gap:8px}.rq-lobby-options p{max-width:45%}.rq-lobby-options legend{margin:0}.rq-lobby-options label{min-height:44px}
}
@media(max-height:560px) and (min-width:701px){.rq-screen{padding:8px 18px;gap:7px}.rq-question{font-size:34px}.rq-answer-copy{font-size:24px}.rq-answer{padding:10px}.rq-header,.rq-controls{min-height:44px}.rq-button{min-height:44px;padding:7px 14px}.rq-playing{grid-template-rows:44px minmax(65px,1fr) minmax(100px,1.2fr) 48px}.rq-answer-number{width:42px;height:42px;font-size:25px}}

/* Politur: ruhige Bühne, klare Orientierung und funktionale Rückmeldungen. */
:root{--rq-stage:#f7f9f8;--rq-shadow:0 8px 28px rgb(18 58 54 / 7%);--rq-soft-petrol:#eaf4f1;--rq-ease:cubic-bezier(.2,.8,.2,1);--rq-motion:180ms}
.rq-screen{background:var(--rq-stage)}
.rq-header{padding-bottom:8px;border-bottom:1px solid var(--rq-line)}
.rq-round-label{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:4px 8px}
.rq-progress{display:block;flex-basis:100%;width:100%;height:4px;max-width:220px;margin:3px auto 0;border:0;border-radius:8px;overflow:hidden;accent-color:var(--rq-petrol);background:var(--rq-line)}
.rq-progress::-webkit-progress-bar{background:var(--rq-line)}
.rq-progress::-webkit-progress-value{background:var(--rq-petrol);border-radius:8px}
.rq-button,.rq-exit{border-radius:14px;transition:background-color var(--rq-motion),border-color var(--rq-motion),box-shadow var(--rq-motion);box-shadow:0 2px 0 rgb(18 58 54 / 6%)}
.rq-button:not(:disabled):active,.rq-exit:active{box-shadow:inset 0 2px 4px rgb(18 58 54 / 12%)}
.rq-button:disabled{box-shadow:none}
.rq-intro h1{letter-spacing:-.045em;font-weight:800}
.rq-intro h1 span:last-child{color:var(--rq-orange)}
.rq-intro>.rq-kicker{font-size:clamp(11px,1.2vw,18px);letter-spacing:.16em}
.rq-level{position:relative;background:var(--rq-paper);border:1px solid var(--rq-line);border-top:5px solid var(--rq-petrol);box-shadow:var(--rq-shadow);align-items:center;justify-content:flex-start;transition:border-color var(--rq-motion),background-color var(--rq-motion),box-shadow var(--rq-motion)}
.rq-level:nth-child(2){border-top-color:var(--rq-orange)}
.rq-level:hover{background:var(--rq-soft-petrol);box-shadow:0 10px 28px rgb(18 58 54 / 11%)}
.rq-level-number{font-size:clamp(32px,4vw,58px);line-height:1;letter-spacing:-.06em;align-self:flex-start;opacity:.8}
.rq-level strong{font-size:clamp(24px,2.5vw,40px);letter-spacing:-.03em}
.rq-level small:last-child{display:inline-block;color:var(--rq-petrol);font-weight:700;padding:6px 10px;border-radius:8px;background:var(--rq-soft-petrol)}
.rq-level>span:last-child{margin-left:auto;font-size:30px;color:var(--rq-petrol)}
.rq-lobby-options{border-radius:14px;background:var(--rq-paper);padding:10px 18px;border:1px solid var(--rq-line)}
.rq-kicker{letter-spacing:.1em}
.rq-answer{background:var(--rq-paper);border:2px solid var(--rq-line);box-shadow:var(--rq-shadow);transition:background-color var(--rq-motion),border-color var(--rq-motion),color var(--rq-motion)}
.rq-answer-number{border-radius:14px;box-shadow:0 3px 0 rgb(18 58 54 / 8%)}
.rq-correct{background:var(--rq-good-bg);border-color:var(--rq-good);box-shadow:inset 0 0 0 2px var(--rq-good)}
.rq-wrong{background:var(--rq-muted);box-shadow:none}
.rq-controls{padding-top:4px}
.rq-question-block{animation:rq-read-in 160ms ease-out both}
@keyframes rq-read-in{from{opacity:.65}to{opacity:1}}
.rq-details{max-width:100%;line-height:1.6}
.rq-details>h3:first-child{margin-top:0}
.rq-law-document h3{margin:8px 0 22px;line-height:1.25;font-size:1.3em;letter-spacing:-.02em}
.rq-document-meta{font-size:.55em;font-weight:700;letter-spacing:.14em;color:var(--rq-petrol)}
.rq-law-text{line-height:1.65;padding:20px 24px;border-left:4px solid var(--rq-petrol);background:var(--rq-stage);border-radius:0 12px 12px 0}
.rq-law-source{margin-top:24px;padding-top:14px;border-top:1px solid var(--rq-line);font-size:.7em}
.rq-law-source a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.rq-law-link{background:var(--rq-soft-petrol);border-color:var(--rq-line);box-shadow:none;text-decoration:none}
@media(max-width:700px){
 .rq-header{padding-bottom:0;border-bottom:0}.rq-round-label{gap:2px 4px;line-height:1.3}.rq-progress{max-width:110px;height:3px;margin-top:2px}
 .rq-level{padding:8px 12px;border-top-width:3px}.rq-level-number{align-self:center;font-size:30px}.rq-level strong{font-size:21px}.rq-level small:last-child{padding:2px 6px;margin-top:3px}.rq-level>span:last-child{font-size:24px}
 .rq-lobby-options{padding:4px 8px;gap:8px}.rq-lobby-options fieldset{gap:8px}.rq-lobby-options label{min-height:40px}.rq-answer{box-shadow:0 3px 12px rgb(18 58 54 / 5%)}.rq-answer-number{border-radius:10px}
 .rq-law-text{padding:12px 14px}.rq-law-document h3{font-size:1.15em}
}
html[data-reduced-motion="true"] .rq-screen *,html[data-reduced-motion="true"] .rq-screen{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.rq-screen,.rq-screen *{animation:none!important;transition:none!important}}

/* Gleichwertige Runden: fünf Einstiege auf derselben Bühne. */
.rq-intro h1:focus,.rq-question:focus{outline:none}
.rq-level small:last-child{white-space:nowrap}
.rq-levels:has(.rq-level:nth-child(4)){grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.rq-levels:has(.rq-level:nth-child(4)) .rq-level{grid-column:span 2;padding:14px 20px;gap:16px}
.rq-levels:has(.rq-level:nth-child(4)) .rq-level:nth-child(4){grid-column:2/span 2}
.rq-levels:has(.rq-level:nth-child(4)) .rq-level:nth-child(5){grid-column:4/span 2}
.rq-levels:has(.rq-level:nth-child(4)) .rq-level-number{align-self:center;font-size:40px}
.rq-levels:has(.rq-level:nth-child(4)) .rq-level strong{font-size:clamp(22px,2vw,32px)}
.rq-levels:has(.rq-level:nth-child(4)) .rq-level small{font-size:clamp(12px,1.1vw,18px);margin-top:5px}
.rq-lobby:has(.rq-level:nth-child(4)){grid-template-rows:auto 150px minmax(240px,1fr) auto auto}
.rq-lobby:has(.rq-level:nth-child(4)) .rq-intro h1{font-size:clamp(40px,5vw,68px);margin:8px 0!important}
@media(max-width:700px){
 .rq-lobby:has(.rq-level:nth-child(4)){grid-template-rows:48px 86px minmax(290px,1fr) auto auto;gap:7px}
 .rq-lobby:has(.rq-level:nth-child(4)) .rq-intro h1{font-size:40px;margin:3px 0!important}
 .rq-lobby:has(.rq-level:nth-child(4)) .rq-intro>p:last-child{font-size:17px;margin:4px 0}
 .rq-levels:has(.rq-level:nth-child(4)){grid-template-columns:1fr;grid-template-rows:repeat(5,minmax(0,1fr));gap:6px}
 .rq-levels:has(.rq-level:nth-child(4)) .rq-level,.rq-levels:has(.rq-level:nth-child(4)) .rq-level:nth-child(4),.rq-levels:has(.rq-level:nth-child(4)) .rq-level:nth-child(5){grid-column:auto;padding:5px 10px;gap:12px;min-height:48px}
 .rq-levels:has(.rq-level:nth-child(4)) .rq-level-number{font-size:26px}
 .rq-levels:has(.rq-level:nth-child(4)) .rq-level strong{font-size:18px;margin-bottom:2px}
 .rq-levels:has(.rq-level:nth-child(4)) .rq-level small{display:inline;font-size:11px;line-height:1.1;margin:0 5px 0 0}
 .rq-levels:has(.rq-level:nth-child(4)) .rq-level small:last-child{padding:1px 4px}
 .rq-levels:has(.rq-level:nth-child(4)) .rq-level>span:last-child{font-size:20px}
 .rq-lobby:has(.rq-level:nth-child(4)) .rq-source-notice{font-size:10px;line-height:1.2}
}