/* Gemeinsame Darstellung für Module 05–09; keine Änderungen am Verhalten. */
@font-face{font-family:Barlow;src:url('/dreikampf/schriften/barlow-400.woff2');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('/dreikampf/schriften/barlow-600.woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('/dreikampf/schriften/barlow-condensed-700.woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Plex Mono';src:url('/dreikampf/schriften/plex-mono-600.woff2');font-weight:600;font-display:swap}
body{--al-farbe:#00a3a3;--al-schrift:#076b6b;--al-nummer:'05';--al-papier:#fff;--al-flache:#fafafa;--al-tinte:#16181a;--al-grau:#6f6b64;--al-linie:#d8d3c8;--al-hauch:#edfafa}
body[data-module-num="06"]{--al-farbe:#0a5cff;--al-schrift:#0a5cff;--al-nummer:'06';--al-hauch:#eff4ff}
body[data-module-num="07"]{--al-farbe:#7a3cff;--al-schrift:#6b2de3;--al-nummer:'07';--al-hauch:#f5f0ff}
body[data-module-num="08"]{--al-farbe:#c800a1;--al-schrift:#b0008e;--al-nummer:'08';--al-hauch:#fff0fb}
body[data-module-num="09"]{--al-farbe:#0b7285;--al-schrift:#0b7285;--al-nummer:'09';--al-hauch:#eef9fb}
html[data-theme="dark"] body{--al-papier:#16181a;--al-flache:#222629;--al-tinte:#f5f3ed;--al-grau:#b9b5ae;--al-linie:#505456;--al-hauch:#25292d;--al-schrift:var(--al-farbe)}
body{--bg:var(--al-papier);--page-bg:var(--al-papier);--bg-card:var(--al-papier);--card:var(--al-papier);--surface:var(--al-papier);--surface-soft:var(--al-flache);--text:var(--al-tinte);--muted:var(--al-grau);--border:var(--al-linie);--accent:var(--al-schrift);--accent-dark:var(--al-schrift);--accent-soft:var(--al-hauch);--blue:var(--al-schrift);--radius:0;--shadow:none;--font-head:'Barlow Condensed','Arial Narrow',sans-serif;--font-body:Barlow,Arial,sans-serif;font-family:var(--font-body);font-size:17px;line-height:1.6;background:var(--al-papier);color:var(--al-tinte);padding-left:0;padding-right:0}
body>.container,body>.page,body>.wrap{max-width:1080px;width:100%;margin:0 auto;padding:26px 20px 80px;border:0;border-radius:0;box-shadow:none;background:transparent}
body :is(h1,h2,h3,h4,button,summary,.accordion-header,.nested-accordion-header,.sp-title,.viz-label,.eyebrow,.kicker,.back-btn){font-family:'Barlow Condensed','Arial Narrow',sans-serif}
body :is(h1,h2,h3,h4){font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1.15;color:var(--al-tinte)}
body h1{font-size:clamp(34px,6.2vw,56px)}body h2{font-size:29px}body h3{font-size:23px}
.al-hero{position:relative;min-height:220px;padding:28px 0 28px 158px!important;margin:0 0 28px;text-align:left!important;border-bottom:2px solid var(--al-tinte);background:transparent!important;border-radius:0;box-shadow:none}
.al-hero::before{content:'MODUL\A' var(--al-nummer);white-space:pre;position:absolute;left:0;top:0;bottom:0;width:132px;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--al-farbe);color:#16181a;font-family:'Plex Mono',monospace;font-weight:600;font-size:29px;line-height:1.7;letter-spacing:.02em}
.al-hero h1{font-size:clamp(34px,6.2vw,56px)!important;text-align:left!important;margin:0 0 12px!important;line-height:1.05}
.al-hero>p,.al-hero .lead{font-size:19px!important;text-align:left!important;color:var(--al-grau)!important;margin:0 0 12px!important;max-width:62ch;line-height:1.6}
.al-hero h1 img{max-width:140px;height:auto!important;float:right;margin:0 0 12px 20px!important}
.al-hero .hero-top{justify-content:flex-start}.al-hero .hero-badge,.al-hero .kicker{border:0;background:transparent;color:var(--al-schrift);padding:0;font-family:'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;font-size:17px}
.al-hero h1 em{color:var(--al-tinte);font-style:normal}.al-hero .version{border-radius:0;background:var(--al-hauch);color:var(--al-schrift);padding:4px 10px}
body :is(.card,.panel,.intro-box,.accordion-section,.nested-accordion,.modal-content,.sys-modal,.energy-card){border-radius:0;box-shadow:none;border-color:var(--al-linie)}
body .intro-box{background:var(--al-hauch);border-left:4px solid var(--al-farbe)}body .intro-box h2{color:var(--al-schrift)}
body :is(.intro-box p,.intro-box li,.accordion-content>p,.subtitle){color:var(--al-grau)}
body .accordion-section{border:2px solid var(--al-linie)}
body :is(.accordion-header,.accordion-header-blue,.accordion-header-test-blue){background:var(--al-farbe)!important;color:#fff!important;font-size:21px;text-transform:uppercase;letter-spacing:.04em;border-radius:0}
body .accordion-header:hover{background:var(--al-farbe)!important;filter:none}
body .nested-accordion-header{background:var(--al-hauch);color:var(--al-schrift);font-size:19px;border-radius:0}
body button:not(.mk-huelle button),body .back-btn{border-radius:0!important;box-shadow:none!important;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:18px}
body :is(.action-btn,.mini-btn,.play-btn,.btn-primary,.back-btn){background:var(--al-farbe);color:#fff;border:2px solid var(--al-farbe)}
body button:focus-visible,body a:focus-visible,body input:focus-visible,body select:focus-visible{outline:3px solid var(--al-schrift);outline-offset:3px}
body input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),body select{border-radius:0!important;border:2px solid var(--al-linie);background:var(--al-flache);color:var(--al-tinte);font-family:Barlow,sans-serif}
body :is(.v-big,.race-stats strong,.metric-val,.timer-display){font-family:'Plex Mono',monospace;font-variant-numeric:tabular-nums}
body :is(.sp-title,.viz-label,.eyebrow,.kicker){color:var(--al-schrift)}
body[data-module-num="08"] .sliders-panel{top:calc(var(--mk-hoehe,129px) + 16px)}
body[data-module-num="09"] .hero>div>div{flex-wrap:wrap}body[data-module-num="09"] .hero>div>div>span{background:var(--al-hauch)!important;color:var(--al-schrift)!important;border-radius:0!important}
/* Modul 05: gleicher Stil auch nach Navigation in der bestehenden Anwendung. */
body:not([data-module-num]) main{background:var(--al-papier);color:var(--al-tinte)}
body:not([data-module-num]) main :is([class*="max-w-7xl"],[class*="max-w-6xl"],[class*="max-w-5xl"]){max-width:1080px}
body:not([data-module-num]) main [class*="rounded"]{border-radius:0!important;box-shadow:none!important}
body:not([data-module-num]) main :is(h1,h2,h3){color:var(--al-tinte)}
body:not([data-module-num]) main button{border:2px solid var(--al-tinte);min-height:48px;transform:none!important}
body:not([data-module-num]) main button[class*="bg-"],body:not([data-module-num]) main a[class*="bg-"]{background:var(--al-farbe);color:#16181a}
body:not([data-module-num]) main :is(button,a)[class*="border-blue"]{border-color:var(--al-schrift)}
body:not([data-module-num]) main :is(button,a)[class*="ring-blue"]{--tw-ring-color:var(--al-schrift)}
body:not([data-module-num]) main [class*="bg-gray-"]{background:var(--al-flache)}
body:not([data-module-num]) main>div.flex-1>div:first-child>div:has(h1){position:relative;margin:26px auto 0;padding:24px 20px 28px 178px;border-bottom:2px solid var(--al-tinte);justify-content:flex-start;align-items:center}
body:not([data-module-num]) main>div.flex-1>div:first-child>div:has(h1)::before{content:'MODUL\A' '05';white-space:pre;position:absolute;left:20px;top:0;bottom:0;width:132px;background:var(--al-farbe);color:#16181a;display:flex;justify-content:center;align-items:center;text-align:center;font-family:'Plex Mono',monospace;font-size:29px;font-weight:600;line-height:1.7}
body:not([data-module-num]) main>div.flex-1>div:first-child>div:has(h1) img{width:150px;max-width:100%;height:auto}
body:not([data-module-num]) main>div.flex-1>div:first-child>div:has(h1) h1{font-size:clamp(34px,5vw,48px);line-height:1.05}
body:not([data-module-num]) main>div.flex-1>div:first-child>div:has(h1) .flex-1{text-align:left}
@media(max-width:600px){body>.container,body>.page,body>.wrap{padding:20px 16px 60px}.al-hero{padding-left:94px!important;min-height:180px}.al-hero::before{width:76px;font-size:21px}.al-hero h1{font-size:34px!important}.al-hero>p,.al-hero .lead{font-size:17px!important}.al-hero h1 img{float:none;display:block;max-width:100px;margin:0 0 12px!important}.al-hero .hero-top{flex-wrap:wrap}.al-hero .hero-badge{font-size:14px}.accordion-header{padding:18px!important}.section-head{flex-wrap:wrap}body:not([data-module-num]) main>div.flex-1>div:first-child>div:has(h1){padding-left:110px;gap:16px;align-items:flex-start}body:not([data-module-num]) main>div.flex-1>div:first-child>div:has(h1)::before{width:76px;font-size:21px}}
@media print{.al-hero::before{print-color-adjust:exact}body>.container,body>.page,body>.wrap{max-width:100%;padding:0}}
.al-startzeile{display:flex;align-items:center;gap:24px;padding:0 0 26px;margin-bottom:28px;border-bottom:2px solid var(--al-tinte)}
.al-startzeile p{margin:0;color:var(--al-grau)}
.al-neon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:68px;padding:14px 28px;background:#dfff00;color:#16181a;border:3px solid #16181a;box-shadow:0 0 0 5px #dfff00;font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:700;text-transform:uppercase;text-decoration:none;letter-spacing:.04em}
#test-vorbereiten{scroll-margin-top:calc(var(--mk-hoehe,129px) + 20px)}
body[data-module-num="07"] :is(.test-section,.step-card,.recommendation-box,.rec-card,.evaluation-box,.optional-block,.sinfo-card,.abschluss-teaser,.quiz-section,.attempt-badge,.slider-value){border-radius:0;box-shadow:none;border-color:var(--al-linie)}
body[data-module-num="07"] :is(.test-section,.optional-block,.recommendation-box,.evaluation-box){background:var(--al-flache)}
body[data-module-num="07"] :is(.step-card,.rec-card){background:var(--al-papier)}
body[data-module-num="07"] :is(.test-section h2,.step-card h3,.recommendation-box h3,.rec-value,.evaluation-box h3,.result-value,.timer-face,.nested-accordion-content h4,.nested-accordion-content strong){color:var(--al-schrift)}
body[data-module-num="07"] :is(.slider-value,.attempt-badge,.sinfo-highlight){background:var(--al-hauch);color:var(--al-schrift)}
body[data-module-num="07"] :is(input[type="range"],input[type="checkbox"]){accent-color:var(--al-farbe)}
body[data-module-num="07"] :is(.gender-btn,.mode-tab){background:var(--al-papier);color:var(--al-schrift);border-color:var(--al-linie);border-radius:0}
body[data-module-num="07"] :is(.gender-btn.active,.mode-tab.active){background:var(--al-farbe);color:#fff;border-color:var(--al-farbe)}
body[data-module-num="07"] :is(.gender-btn:hover,.mode-tab:hover,.nested-accordion-header:hover){background:var(--al-hauch);color:var(--al-schrift)}
body[data-module-num="07"] :is(.sinfo-header,.btn-more){background:var(--al-farbe);color:#fff}
body[data-module-num="07"] :is(.normwerte-table th,.normwerte-table .age-col){background:var(--al-hauch);color:var(--al-schrift)}
body[data-module-num="07"] .abschluss-teaser{background:var(--al-farbe);color:#fff;border:3px solid var(--al-farbe)}
body[data-module-num="07"] .abschluss-teaser h2{color:#fff}
body[data-module-num="07"] .abschluss-teaser p{opacity:1}
body[data-module-num="07"] .quiz-section{background:var(--al-hauch);color:var(--al-tinte);border:3px solid var(--al-farbe)}
body[data-module-num="07"] :is(.quiz-intro,.quiz-conclusion,.quiz-section h2){color:var(--al-tinte)}
body[data-module-num="07"] :is(.quiz-category,.category-box,.quiz-result,.quiz-conclusion){background:var(--al-papier);border-color:var(--al-linie);border-radius:0}
body[data-module-num="07"] .quiz-btn-reset{background:var(--al-papier);color:var(--al-tinte);border:2px solid var(--al-tinte)}
body[data-module-num="07"] :is(button[onclick="generateRecommendation()"],#timerStartBtn,.abschluss-btn,.quiz-btn-check){background:#dfff00!important;color:#16181a!important;border:3px solid #16181a;box-shadow:0 0 0 5px #dfff00!important}
@media(max-width:600px){.al-startzeile{flex-direction:column;align-items:stretch}.al-neon{font-size:22px}}

/* Die zwei Einstiege stehen nebeneinander; ihre Inhalte öffnen sich darunter. */
body:not([data-module-num]) main .space-y-5:has(>button){display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
body:not([data-module-num]) main .space-y-5:has(>button)>*{margin:0!important;grid-column:1 / -1}
body:not([data-module-num]) main .space-y-5:has(>button)>button{grid-column:auto;min-height:90px;height:100%}
body:not([data-module-num]) main .space-y-5:has(>button)>button:nth-of-type(1){background:var(--al-farbe)!important;color:#16181a!important}
@media(min-width:601px){body:not([data-module-num]) main .space-y-5:has(>button)>button:nth-of-type(1){grid-row:1;grid-column:1}body:not([data-module-num]) main .space-y-5:has(>button)>button:nth-of-type(2){grid-row:1;grid-column:2}}
body:not([data-module-num]) main .space-y-5:has(>button)>button:nth-of-type(2){background:#dfff00!important;color:#16181a!important;border:3px solid #16181a;box-shadow:0 0 0 5px #dfff00!important}
.al-einstiege{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;margin:28px 0}
.al-einstiege>.accordion-section{margin:0;min-width:0}
.al-einstiege>.accordion-section>.accordion-header{min-height:90px;box-sizing:border-box}
.al-einstiege>#mainTestInfoAccordion:has(>.accordion-content.active){grid-column:1 / -1}
body #mainTestExecutionAccordion>.accordion-header{background:#dfff00!important;color:#16181a!important;border:3px solid #16181a;box-shadow:0 0 0 5px #dfff00;font-weight:700}
body #mainTestExecutionAccordion>.accordion-content{max-height:none;overflow:visible}
body[data-module-num="06"]{background:var(--al-papier)!important}
body[data-module-num="06"]>.container{border-radius:0!important;box-shadow:none!important}
body[data-module-num="06"] .container>.al-hero h1{color:var(--al-tinte)!important}
body[data-module-num="06"] footer{border-radius:0;box-shadow:none;background:var(--al-flache)!important}
body[data-module-num="06"] :is(.modal-content,#testSelectionModal>div,#qrModal>div){border-radius:0!important;box-shadow:none!important;background:var(--al-papier)!important}
body[data-module-num="06"] .test-btn{border-color:var(--al-farbe)!important;color:var(--al-schrift)!important;background:var(--al-papier)}
body[data-module-num="06"] .test-btn.active{background:var(--al-farbe)!important;color:#fff!important}
body[data-module-num="06"] :is(.btn-primary,.tracking-header,.results-table th){background:var(--al-farbe)!important;color:#fff}
body[data-module-num="06"] [style*="color: #9c27b0"],body[data-module-num="06"] [style*="color:#9c27b0"]{color:var(--al-schrift)!important}
body[data-module-num="06"] [style*="border"][style*="#9c27b0"]{border-color:var(--al-farbe)!important}
body[data-module-num="06"] [style*="background: linear-gradient(135deg, #9c27b0"]{background:var(--al-farbe)!important;color:#fff!important}
body[data-module-num="06"] [style*="background: #f0e8ff"],body[data-module-num="06"] [style*="background: #f3e5f5"],body[data-module-num="06"] [style*="background: #e1bee7"]{background:var(--al-hauch)!important}
@media(max-width:600px){.al-einstiege,body:not([data-module-num]) main .space-y-5:has(>button){grid-template-columns:1fr}.al-einstiege>.accordion-section>.accordion-header{min-height:76px}}

body[data-module-num="06"] .lap-btn{background:var(--al-farbe);color:#fff}
body[data-module-num="06"] :is(.quiz-option-btn:hover,.student-card:hover,.tooltip-trigger){border-color:var(--al-farbe);box-shadow:none}
body[data-module-num="07"] :is(.category-col,.bubble-pool){background:var(--al-papier);border-color:var(--al-linie);border-radius:0}
body[data-module-num="07"] .category-col.selected-target,body[data-module-num="07"] .category-col.drag-over{background:var(--al-hauch);border-color:var(--al-farbe)}
#test-vorbereiten[hidden]{display:none!important}
body #test-startknopf{background:#dfff00;color:#16181a;border:3px solid #16181a;box-shadow:0 0 0 5px #dfff00!important;min-height:68px;font-size:24px}

body[data-module-num="06"] #testSelectionModalContent button{background:var(--al-farbe)!important;color:#fff!important;border-color:var(--al-farbe)!important}