/* Autismus-Selbsteinschätzung: ruhig, reizarm, ohne Pflicht-Animationen. Farben aus dem Designsystem der Website. */
.aw-se { --se-ink: var(--c-ink, #0E2A47); --se-petrol: var(--c-petrol, #0B5E66); --se-petrol-d: var(--c-petrol-dark, #084850); --se-tuerkis: var(--c-tuerkis, #35B5AC); --se-hell: var(--c-tuerkis-hell, #D6F0EE); --se-nebel: var(--c-nebel, #F2F7F7); --se-line: var(--c-line, #C9D8DA); --se-strong: var(--c-line-strong, #6B7F8C); --se-text: var(--c-text, #1B2733); --se-soft: var(--c-text-soft, #4A5A68); --se-warn: var(--c-warn-bg, #FFF6DB); --se-warn-l: var(--c-warn-line, #8A6100); color: var(--se-text); }
.aw-se *, .aw-se *::before, .aw-se *::after { box-sizing: border-box; }
.aw-se__lead { font-size: 1.25rem; color: var(--se-petrol-d); font-weight: 600; margin: 0 0 1.25rem; }
.aw-se h2 { margin-top: 2rem; }
.aw-se__klein { font-size: .9375rem; color: var(--se-soft); }
.aw-se__live { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.aw-se[hidden], .aw-se [hidden] { display: none !important; }

.aw-se__grenze { background: var(--se-warn); border: 2px solid var(--se-warn-l); border-radius: 12px; padding: 1rem 1.25rem; margin: 1.25rem 0; }
.aw-se__grenze h3 { margin-top: 0; }
.aw-se__grenze ul { margin-bottom: 0; }
.aw-se__einordnung { font-weight: 700; }

.aw-se__start { background: var(--se-nebel); border: 1px solid var(--se-line); border-radius: 14px; padding: 1.25rem; margin-top: 1.5rem; }
.aw-se__check { display: flex; gap: .75rem; align-items: center; margin: 0 0 1rem; font-weight: 600; }
.aw-se__check input { width: 1.5rem; height: 1.5rem; accent-color: var(--se-petrol); flex: none; }
.aw-se__aktionen { display: flex; flex-wrap: wrap; gap: .75rem; margin: 0 0 .75rem; }
.aw-se__datei { position: absolute; opacity: 0; width: 1px; height: 1px; }
.aw-se__datei:focus-visible + * { outline: 3px solid var(--se-ink); }
.aw-se__laden:focus-within { outline: 3px solid var(--se-ink); outline-offset: 2px; }

/* Schaltflächen: groß, klare Zustände */
.aw-se__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; padding: .65rem 1.25rem; border-radius: 10px; border: 2px solid var(--se-petrol); font: inherit; font-weight: 700; cursor: pointer; text-align: center; text-decoration: none; line-height: 1.3; }
.aw-se__btn--primary { background: var(--se-petrol); color: #fff; }
.aw-se__btn--primary:hover:not(:disabled) { background: var(--se-petrol-d); }
.aw-se__btn--sekundaer { background: #fff; color: var(--se-petrol-d); }
.aw-se__btn--sekundaer:hover { background: var(--se-hell); }
.aw-se__btn--text { border-color: transparent; background: transparent; color: var(--se-petrol-d); text-decoration: underline; min-height: 2.75rem; }
.aw-se__btn:disabled { opacity: 1; background: #E4EBEC; border-color: var(--se-strong); color: #44525E; cursor: not-allowed; text-decoration: none; }
.aw-se__btn:focus-visible, .aw-se a:focus-visible, .aw-se textarea:focus-visible, .aw-se input[type="text"]:focus-visible, .aw-se input[type="checkbox"]:focus-visible, .aw-se .aw-se__vorschau:focus-visible { outline: 3px solid var(--se-ink); outline-offset: 3px; }

/* Karten */
.aw-se__karte { background: #fff; border: 2px solid var(--se-line); border-radius: 16px; padding: 1.25rem; }
@media (min-width: 40em) { .aw-se__karte { padding: 2rem; } }
.aw-se__titel { margin-top: 0; }
.aw-se__titel:focus, .aw-se__frage:focus { outline: none; }
.aw-se__kopf { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .25rem 1rem; margin: 0 0 .5rem; font-size: .9375rem; color: var(--se-soft); font-weight: 600; }
.aw-se__fortschritt { display: block; width: 100%; height: .5rem; margin: 0 0 1.25rem; appearance: none; border: 0; border-radius: 99px; background: var(--se-nebel); overflow: hidden; }
.aw-se__fortschritt::-webkit-progress-bar { background: var(--se-nebel); border-radius: 99px; }
.aw-se__fortschritt::-webkit-progress-value { background: var(--se-petrol); border-radius: 99px; }
.aw-se__fortschritt::-moz-progress-bar { background: var(--se-petrol); border-radius: 99px; }
.aw-se__themenintro { background: var(--se-nebel); border-radius: 10px; padding: .75rem 1rem; margin: 0 0 1.25rem; color: var(--se-soft); }
.aw-se__feld { margin: 0 0 1rem; min-width: 0; }
.aw-se__frage { font-size: clamp(1.25rem, 1.1rem + .8vw, 1.6rem); font-weight: 700; line-height: 1.4; padding: 0; margin: 0 0 1.25rem; color: var(--se-ink); }
.aw-se h2.aw-se__frage { margin-top: 0; }

/* Antwortoptionen: Auswahl zeigt Rahmen, Hintergrund UND Haken (nie nur Farbe) */
.aw-se__option { position: relative; margin: 0 0 .6rem; }
.aw-se__option input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; z-index: 1; }
.aw-se__option label { display: flex; align-items: center; gap: .85rem; min-height: 3.5rem; padding: .75rem 1rem; border: 2px solid var(--se-strong); border-radius: 12px; background: #fff; font-weight: 600; color: var(--se-text); cursor: pointer; }
.aw-se__haken { flex: none; width: 1.6rem; height: 1.6rem; border: 2px solid var(--se-strong); border-radius: 50%; background: #fff; display: inline-flex; align-items: center; justify-content: center; }
.aw-se__option input:checked + label { border-color: var(--se-petrol-d); background: var(--se-hell); box-shadow: inset 0 0 0 1px var(--se-petrol-d); }
.aw-se__option input:checked + label .aw-se__haken { background: var(--se-petrol-d); border-color: var(--se-petrol-d); }
.aw-se__option input:checked + label .aw-se__haken::after { content: "✓"; color: #fff; font-weight: 800; line-height: 1; }
.aw-se__option input:focus-visible + label { outline: 3px solid var(--se-ink); outline-offset: 3px; }
.aw-se__option:hover label { border-color: var(--se-petrol); }

.aw-se__nav { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1.25rem 0 0; }
.aw-se__nav .aw-se__btn { flex: 1 1 min(11rem, 100%); }
.aw-se__btn { max-width: 100%; min-width: 0; overflow-wrap: anywhere; }
.aw-se__kopf span, .aw-se__option label span, .aw-se__mark label { min-width: 0; overflow-wrap: anywhere; }
.aw-se__leiste { display: flex; flex-wrap: wrap; gap: .25rem 1rem; margin-top: 1rem; padding-top: .75rem; border-top: 1px solid var(--se-line); }

/* Notizen, Listen */
.aw-se__notizbox { margin: 1rem 0; }
.aw-se__notizbox label { font-weight: 700; display: block; margin-bottom: .25rem; }
.aw-se__notiz, .aw-se__text { width: 100%; font: inherit; padding: .75rem; border: 2px solid var(--se-strong); border-radius: 10px; background: #fff; color: var(--se-text); }
.aw-se__notiz { resize: vertical; min-height: 6rem; }
.aw-se__themenliste { list-style: none; padding: 0; margin: 1rem 0; }
.aw-se__themenliste li { display: flex; flex-wrap: wrap; gap: .5rem 1rem; justify-content: space-between; align-items: center; padding: .75rem 0; border-bottom: 1px solid var(--se-line); }
.aw-se__themenliste li div { flex: 1 1 14rem; }

/* Persönliche Übersicht */
.aw-se__grenze-kurz { font-weight: 700; background: var(--se-warn); border: 2px solid var(--se-warn-l); border-radius: 10px; padding: .75rem 1rem; }
.aw-se__ergebnis h3 { margin-top: 2rem; color: var(--se-petrol-d); }
.aw-se__thema-block { border-left: 4px solid var(--se-tuerkis); padding: .25rem 0 .25rem 1rem; margin: 1.25rem 0; }
.aw-se__thema-block h4 { margin: 0 0 .5rem; font-size: 1.125rem; }
.aw-se__gruppenkopf { font-weight: 700; margin: .75rem 0 .25rem; }
.aw-se__aussagen { list-style: none; padding: 0; margin: 0 0 .5rem; }
.aw-se__aussagen li { padding: .5rem 0; border-bottom: 1px dotted var(--se-line); }
.aw-se__mark { display: flex; align-items: center; gap: .5rem; margin-top: .25rem; font-size: .9375rem; color: var(--se-soft); }
.aw-se__mark input, .aw-se__themenwahl input { width: 1.4rem; height: 1.4rem; accent-color: var(--se-petrol); flex: none; }
.aw-se__themenwahl { list-style: none; padding: 0; }
.aw-se__themenwahl li { display: flex; align-items: center; gap: .6rem; padding: .35rem 0; }
.aw-se__vorschau { white-space: pre-wrap; background: var(--se-nebel); border: 1px solid var(--se-line); border-radius: 10px; padding: 1rem; margin: 1rem 0; font-size: .9375rem; max-height: 22rem; overflow: auto; }
.aw-se__nav--aktionen { margin-top: 2rem; }
.aw-se__ohne-js { background: var(--se-warn); padding: .75rem 1rem; border-radius: 10px; }
.aw-se__quellen { font-size: .9375rem; }

/* Reduzierte Bewegung: keine Übergänge; die Anwendung nutzt ohnehin nur ruhige Zustandswechsel */
@media (prefers-reduced-motion: no-preference) { .aw-se__option label, .aw-se__btn { transition: background-color .15s ease, border-color .15s ease; } }
@media (forced-colors: active) { .aw-se__option input:checked + label { outline: 3px solid Highlight; } }

/* Druck: Nur die lokal erzeugte Zusammenfassung (Logo, Claim, Datum, Themenbereiche, Einordnung); ruhiges Layout, keine interaktiven Elemente */
#aw-se-druck { display: none; }
@media print {
	@page { size: A4; margin: 16mm 15mm 18mm; }
	body.aw-se-druckt > *:not(#aw-se-druck) { display: none !important; }
	body.aw-se-druckt { background: #fff !important; margin: 0 !important; padding: 0 !important; }
	body.aw-se-druckt #aw-se-druck { display: block !important; color: #14212b; font: 10.5pt/1.5 Helvetica, Arial, sans-serif; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
	#aw-se-druck h1 { font-size: 22pt; line-height: 1.2; margin: 7mm 0 1mm; color: #0E2A47; }
	#aw-se-druck .aw-sd__untertitel { margin: 0 0 4mm; color: #0B5E66; font-weight: 700; font-size: 11.5pt; }
	#aw-se-druck h2 { font-size: 13pt; margin: 8mm 0 3mm; padding: 0 0 1.5mm; border-bottom: 2px solid #35B5AC; color: #0B5E66; break-after: avoid; }
	#aw-se-druck h3 { font-size: 11pt; margin: 0 0 1.5mm; color: #0E2A47; break-after: avoid; }
	#aw-se-druck p { margin: 0 0 2mm; orphans: 3; widows: 3; }
	#aw-se-druck ul { margin: 1mm 0 2.5mm; padding-left: 5.5mm; }
	#aw-se-druck li { break-inside: avoid; margin: 0 0 1mm; }
	#aw-se-druck .aw-sd__kopf { display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 3px solid #35B5AC; padding-bottom: 3mm; }
	#aw-se-druck .aw-sd__kopf img { width: 58mm; height: auto; display: block; }
	#aw-se-druck .aw-sd__claim { margin: 1.5mm 0 0; font-size: 9.5pt; color: #0B5E66; font-weight: 700; }
	#aw-se-druck .aw-sd__meta { margin: 0; font-size: 9.5pt; text-align: right; color: #4A5A68; }
	#aw-se-druck .aw-sd__hinweis { border: 1.2px solid #0B5E66; border-radius: 3mm; background: #F2F7F7; padding: 3mm 4mm; font-weight: 700; }
	#aw-se-druck .aw-sd__block { border-left: 1.6mm solid #35B5AC; background: #F6FAFA; border-radius: 0 2.5mm 2.5mm 0; padding: 2.5mm 4mm 1mm; margin: 0 0 3.5mm; }
	#aw-se-druck .aw-sd__zwischen { margin: 2mm 0 1mm; font-weight: 700; color: #0B5E66; }
	#aw-se-druck .aw-sd__grenze { border: 1.2px solid #8A6100; background: #FFF6DB; border-radius: 3mm; padding: 3mm 4mm 1mm; break-inside: avoid; }
	#aw-se-druck .aw-sd__fett { font-weight: 700; }
	#aw-se-druck .aw-sd__klein { font-size: 9pt; color: #4A5A68; }
	#aw-se-druck .aw-sd__text, #aw-se-druck .aw-sd__notiz { white-space: pre-wrap; overflow-wrap: anywhere; }
	#aw-se-druck .aw-sd__fuss { break-inside: avoid; margin-top: 6mm; font-size: 8.5pt; border-top: 1px solid #9AAAB3; padding-top: 2mm; color: #4A5A68; }
}

.aw-se__claim { margin: -.75rem 0 1.25rem; color: var(--se-soft); font-weight: 600; }
.aw-se__marke { margin: 0 0 .75rem; } .aw-se__marke img { height: 2.25rem; width: auto; max-width: 100%; display: block; }
.aw-se-hinweis { border: 2px solid var(--c-line, #C9D8DA); border-left: 6px solid var(--c-tuerkis, #35B5AC); border-radius: 12px; background: var(--c-nebel, #F2F7F7); padding: 1rem 1.25rem; margin: 2rem 0; }
.aw-se-hinweis h2 { margin: 0 0 .5rem; font-size: 1.25rem; }
.aw-se-hinweis p { margin: 0; }
/* Kopfzeile der Website bei sehr kleinen Displays und großer Schrift: nur auf dieser Seite, ohne Eingriff ins Theme */
.aw-se-seite .aw-header__bar { flex-wrap: wrap; row-gap: .5rem; }
.aw-se-seite .aw-header__actions { flex-wrap: wrap; max-width: 100%; }
.aw-se-seite .aw-appbtn { white-space: normal; }
.aw-se-seite .aw-footer__group, .aw-se-seite .aw-footer__group ul, .aw-se-seite .aw-footer__group li, .aw-se-seite .aw-footer__group summary { min-width: 0; max-width: 100%; }
.aw-se-seite .aw-footer a, .aw-se-seite .aw-header a, .aw-se-seite .aw-button { overflow-wrap: anywhere; max-width: 100%; }
.aw-se__aktionen .aw-se__btn { flex: 1 1 min(14rem, 100%); }
.aw-se__check { flex-wrap: wrap; } .aw-se__check label { flex: 1 1 10rem; min-width: 0; overflow-wrap: anywhere; }
.aw-se-seite .aw-support-wrap, .aw-se-seite .aw-support-wrap * { min-width: 0; max-width: 100%; } .aw-se-seite .aw-button { white-space: normal; } .aw-se-seite .aw-support-wrap .aw-button { display: inline-block; }
.aw-se-seite .aw-support-wrap, .aw-se-seite .aw-footer { overflow-wrap: anywhere; hyphens: auto; }
.aw-se h2.aw-se__frage, .aw-se h2.aw-se__titel { max-width: none; }
.aw-se h2.aw-se__frage::before, .aw-se h2.aw-se__titel::before { display: none; content: none; }

/* Version 1.2: Übersicht nach Themen, Beschriftungen, Rückmeldungen, Startbereich */
.aw-se__aussagen li { display: grid; gap: .25rem; }
.aw-se__stufe { display: inline-block; justify-self: start; font-size: .875rem; color: var(--se-soft); background: var(--se-nebel); border: 1px solid var(--se-line); border-radius: 99px; padding: .1rem .7rem; }
.aw-se__zitat { margin: .25rem 0 .5rem; padding: .5rem .85rem; border-left: 4px solid var(--se-tuerkis); background: var(--se-nebel); border-radius: 0 8px 8px 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.aw-se__fehler { margin: 0 0 .75rem; color: #8A1C1C; font-weight: 700; min-height: 0; }
.aw-se__fehler:empty { display: none; }
.aw-se__exporthinweis { background: var(--se-warn); border: 2px solid var(--se-warn-l); border-radius: 10px; padding: .75rem 1rem; margin-top: 1.5rem; font-weight: 600; }
.aw-se__lead { background: linear-gradient(135deg, #EAF7F6, #D6F0EE); border-radius: 16px; padding: 1rem 1.25rem 1.1rem; margin-bottom: 1.25rem; position: relative; overflow: hidden; }
.aw-se__lead::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 10px; background: linear-gradient(90deg, var(--se-tuerkis), var(--se-petrol)); opacity: .55; }
.aw-se__claim { margin: -.5rem 0 1.25rem; font-weight: 700; color: var(--se-petrol-d); }
.aw-se__karte { box-shadow: 0 6px 18px rgba(14, 42, 71, .06); }
.aw-se__thema-block { border-left-width: 6px; }

/* Version 1.3: Reflexionsübersicht */
.aw-se__hinweiszeile { color: var(--se-soft); border-left: 4px solid var(--se-tuerkis); padding-left: .85rem; margin: .5rem 0 1rem; }
.aw-se__block { background: var(--se-nebel); border: 1px solid var(--se-line); border-radius: 16px; padding: 1.1rem 1.25rem; margin: 1.5rem 0; }
.aw-se__block h3 { margin-top: 0; }
.aw-se__block--gesamt { background: linear-gradient(135deg, #EAF7F6, #D6F0EE); border-color: var(--se-tuerkis); }
.aw-se__block--gesamt p { font-size: 1.0625rem; }
.aw-se__textliste { margin: .25rem 0 .75rem; padding-left: 1.25rem; }
.aw-se__textliste li { margin: .35rem 0; }
.aw-se__kontext { background: #fff; border-radius: 10px; border: 1px solid var(--se-line); padding: .6rem .85rem; color: var(--se-text); font-size: .9875rem; }
.aw-se__thema-block--antworten { border-left-color: var(--se-line); }

/* Version 1.4.0: Abschnitt Autismus-Bezug */
.aw-se__block--bezug { border-left: 4px solid var(--se-tuerkis); background: linear-gradient(180deg, rgba(25,180,176,.07), rgba(25,180,176,0) 6rem); }
.aw-se__bezug { margin: 1rem 0; padding: .75rem 1rem; border-radius: 12px; background: rgba(255,255,255,.7); border: 1px solid rgba(15,92,102,.15); }
.aw-se__bezug h4 { margin: 0 0 .5rem; color: #0f5c66; }
.aw-se__bezug-ein { font-weight: 600; color: #0f5c66; margin-bottom: 0; }
.aw-se__bezug-kopf { margin: 1.25rem 0 .5rem; color: #0f5c66; }
.aw-se__bezug-links { padding-left: 1.25rem; }
@media (max-width: 600px) { .aw-se__bezug { padding: .65rem .75rem; } }
@media print { .aw-se__bezug { break-inside: avoid; } }

/* ===================================================================== Version 2.0.0: Kartenansicht, Kapitelweg, Dashboard
   Farben: nur Türkis, Petrol, Blau und Weiß der Website. Bewegungen nur mit prefers-reduced-motion: no-preference, nie funktionsnotwendig. */
.aw-se { scroll-margin-top: 5.5rem; --se-r: 24px; --se-schatten: 0 1px 2px rgba(14, 42, 71, .06), 0 10px 28px rgba(14, 42, 71, .09); }
.aw-kap-A { --kap: #0B7A78; --kap-bg: #E3F5F3; }
.aw-kap-B { --kap: #1B7EA0; --kap-bg: #E1F1F8; }
.aw-kap-C { --kap: #2B6BA8; --kap-bg: #E6EFF9; }
.aw-kap-D { --kap: #11857E; --kap-bg: #DDF3EF; }
.aw-kap-E { --kap: #1F6C86; --kap-bg: #E3F1F5; }
.aw-kap-F { --kap: #3A66A3; --kap-bg: #E7EEF8; }
.aw-se__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.aw-se__ico { display: inline-flex; flex: none; color: var(--kap, var(--se-petrol)); }
.aw-se__ico svg { width: 1.5rem; height: 1.5rem; display: block; }
.aw-se__ico--rund { width: 2.75rem; height: 2.75rem; border-radius: 50%; background: var(--kap-bg, var(--se-hell)); align-items: center; justify-content: center; }
.aw-se__ico--gross { width: 3.25rem; height: 3.25rem; border-radius: 16px; background: var(--kap-bg, var(--se-hell)); align-items: center; justify-content: center; }
.aw-se__ico--gross svg { width: 1.75rem; height: 1.75rem; }

/* Einstieg: sechs Themen */
.aw-se__kapitelbox { margin: 1.5rem 0 0; }
.aw-se__kapitelbox h3 { margin: 0 0 .75rem; }
.aw-se__kapitelvorschau { list-style: none; padding: 0; margin: 0; display: grid; gap: .6rem; grid-template-columns: repeat(auto-fill, minmax(min(15rem, 100%), 1fr)); }
.aw-se__kapitelvorschau li { display: flex; align-items: center; gap: .75rem; background: #fff; border: 1.5px solid var(--se-line); border-radius: 16px; padding: .6rem .85rem; font-weight: 600; min-width: 0; }
.aw-se__kapitelvorschau li span:last-child { min-width: 0; overflow-wrap: anywhere; }

/* Kapitelweg (Fortschritt): reine Orientierung */
.aw-se__bereich { max-width: 46rem; margin-inline: auto; }
.aw-se__wegnav { margin: 0 0 1rem; }
.aw-se__weg { list-style: none; display: flex; padding: 0; margin: 0; counter-reset: weg; }
.aw-se__wegpunkt { position: relative; flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; text-align: center; gap: .35rem; }
.aw-se__wegpunkt + .aw-se__wegpunkt::before { content: ""; position: absolute; top: 1.2rem; right: 50%; width: 100%; height: 3px; background: var(--se-line); z-index: 0; }
.aw-se__wegpunkt.is-erledigt + .aw-se__wegpunkt::before, .aw-se__wegpunkt.is-aktuell::before { background: var(--se-tuerkis); }
.aw-se__knoten { position: relative; z-index: 1; width: 2.4rem; height: 2.4rem; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #fff; border: 2.5px solid var(--se-strong); color: var(--se-soft); font-weight: 800; font-size: .95rem; }
.aw-se__knoten .aw-se__ico { color: inherit; }
.aw-se__knoten .aw-se__ico svg { width: 1.2rem; height: 1.2rem; }
.is-erledigt .aw-se__knoten { background: var(--se-petrol); border-color: var(--se-petrol); color: #fff; }
.is-aktuell .aw-se__knoten { background: var(--se-hell); border-color: var(--se-petrol-d); color: var(--se-petrol-d); box-shadow: 0 0 0 4px rgba(53, 181, 172, .28); }
.aw-se__wegname { font-size: .8125rem; line-height: 1.3; color: var(--se-soft); font-weight: 600; overflow-wrap: anywhere; hyphens: auto; padding-inline: .15rem; }
.is-aktuell .aw-se__wegname { color: var(--se-ink); font-weight: 800; }
@media (max-width: 47.99em) { .aw-se__wegpunkt:not(.is-aktuell) .aw-se__wegname { display: none; } .aw-se__wegname { font-size: .75rem; } }

/* Kartenstapel: die nächste Karte schaut leicht hinter der aktuellen hervor */
.aw-se__stapel { position: relative; padding-bottom: 14px; }
.aw-se__stapel::before, .aw-se__stapel::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 14px; border-radius: var(--se-r); background: #fff; border: 1.5px solid var(--se-line); z-index: 0; }
.aw-se__stapel::before { left: 14px; right: 14px; bottom: 0; background: var(--se-nebel); }
.aw-se__stapel::after { left: 7px; right: 7px; bottom: 7px; }
.aw-se__stapel > .aw-se__karte { position: relative; z-index: 1; }
.aw-se__karte { border-radius: var(--se-r); border: 1.5px solid var(--se-line); box-shadow: var(--se-schatten); padding: 1.25rem 1.1rem; background: linear-gradient(180deg, var(--kap-bg, #F2F7F7) 0, #fff 7.5rem); }
@media (min-width: 40em) { .aw-se__karte { padding: 2rem 2.25rem; } }
.aw-se__karte--frage { border-top: 5px solid var(--kap, var(--se-tuerkis)); }
.aw-se__kopf { align-items: center; gap: .5rem 1rem; font-size: .9375rem; }
.aw-se__thema { display: inline-flex; align-items: center; gap: .6rem; color: var(--se-ink); font-weight: 700; min-width: 0; }
.aw-se__zaehler { color: var(--se-soft); font-weight: 700; }
.aw-se__themenintro { background: rgba(255, 255, 255, .85); border: 1px solid var(--se-line); border-radius: 14px; }
.aw-se__frage { font-size: clamp(1.35rem, 1.1rem + 1.1vw, 1.85rem); line-height: 1.35; margin-bottom: 1.5rem; }
.aw-se__marke { margin: 0 0 .75rem; }

/* Antwortkarten */
.aw-se__option { margin-bottom: .7rem; }
.aw-se__option label { min-height: 3.75rem; padding: .85rem 1.1rem; border: 2px solid var(--se-line); border-radius: 18px; background: #fff; box-shadow: 0 1px 2px rgba(14, 42, 71, .05); font-size: 1.0625rem; }
.aw-se__option:hover label { border-color: var(--se-tuerkis); background: #FAFEFD; }
.aw-se__haken { width: 1.9rem; height: 1.9rem; border: 2px solid var(--se-strong); color: #fff; }
.aw-se__haken .aw-se__ico { opacity: 0; color: #fff; }
.aw-se__haken .aw-se__ico svg { width: 1.1rem; height: 1.1rem; stroke-width: 3; }
.aw-se__option input:checked + label { border-color: var(--se-tuerkis); background: #EEF9F8; box-shadow: 0 0 0 2px var(--se-tuerkis); }
.aw-se__option input:checked + label .aw-se__haken { background: var(--se-petrol-d); border-color: var(--se-petrol-d); }
.aw-se__option input:checked + label .aw-se__haken::after { content: none; }
.aw-se__option input:checked + label .aw-se__haken .aw-se__ico { opacity: 1; }
.aw-se__option input:focus-visible + label { outline: 3px solid var(--se-ink); outline-offset: 3px; }

/* Navigation: große Flächen, Weiter ganz unten und mit dem Daumen erreichbar */
.aw-se__nav .aw-se__btn { min-height: 3.25rem; border-radius: 14px; }
@media (max-width: 39.99em) { .aw-se__karte--frage .aw-se__nav .aw-se__btn--primary { flex-basis: 100%; order: -0; } }
.aw-se__btn--primary { background: var(--se-petrol); }
.aw-se__leiste { justify-content: center; }

/* Kapitelkarte und Abschlusskarte */
.aw-se__karte--kapitel, .aw-se__karte--abschluss { text-align: center; }
.aw-se__karte--kapitel .aw-se__nav, .aw-se__karte--abschluss .aw-se__nav { justify-content: center; }
.aw-se__erledigt { display: inline-flex; align-items: center; gap: .5rem; background: #fff; border: 1px solid var(--se-line); border-radius: 99px; padding: .4rem .9rem; font-size: .9375rem; color: var(--se-soft); margin: 0 auto 1rem; text-align: left; }
.aw-se__erledigt .aw-se__ico { color: var(--se-petrol); }
.aw-se__kapitelsymbol { width: 5rem; height: 5rem; border-radius: 26px; margin: .25rem auto .75rem; display: flex; align-items: center; justify-content: center; background: var(--kap-bg, var(--se-hell)); color: var(--kap, var(--se-petrol)); }
.aw-se__kapitelsymbol .aw-se__ico svg { width: 2.6rem; height: 2.6rem; }
.aw-se__kapitelsymbol--gross { background: var(--se-petrol); color: #fff; border-radius: 50%; width: 5.5rem; height: 5.5rem; }
.aw-se__kapitelsymbol--gross .aw-se__ico { color: #fff; }
.aw-se__naechst { margin: 0; font-weight: 700; color: var(--se-soft); text-transform: uppercase; letter-spacing: .06em; font-size: .8125rem; }
.aw-se__karte--kapitel h2.aw-se__titel, .aw-se__karte--abschluss h2.aw-se__titel { font-size: clamp(1.6rem, 1.3rem + 1.4vw, 2.2rem); margin: .25rem 0 .75rem; }
.aw-se__kapitelintro { max-width: 34rem; margin: 0 auto 1rem; font-size: 1.0625rem; }
.aw-se__karte--abschluss .aw-se__klein { max-width: 32rem; margin-inline: auto; }
.aw-se__notizdetails { text-align: left; margin-top: 1.25rem; border-top: 1px solid var(--se-line); padding-top: .75rem; }
.aw-se__notizdetails summary { cursor: pointer; font-weight: 700; color: var(--se-petrol-d); min-height: 2.75rem; display: flex; align-items: center; }

/* Pause, Themenübersicht */
.aw-se__themenzeile { display: flex; align-items: center; gap: .8rem; min-width: 0; }
.aw-se__block-text { display: block; }

/* ---------------------------------------------------------------- Dashboard */
.aw-se__ergebnis { max-width: 62rem; margin-inline: auto; }
.aw-se__erg-kopf { background: linear-gradient(135deg, #F2FBFA 0%, #D6F0EE 100%); border: 1.5px solid rgba(53, 181, 172, .5); border-radius: var(--se-r); padding: 1.4rem 1.25rem 1rem; box-shadow: var(--se-schatten); position: relative; overflow: hidden; }
.aw-se__erg-kopf::after { content: ""; position: absolute; right: -2.5rem; top: -3rem; width: 11rem; height: 11rem; border-radius: 50%; border: 16px solid rgba(53, 181, 172, .15); pointer-events: none; }
.aw-se__ergebnis h2.aw-se__titel { font-size: clamp(1.7rem, 1.3rem + 1.8vw, 2.4rem); margin: 0 0 .5rem; }
.aw-se__erg-kopf .aw-se__hinweiszeile { margin: 0; position: relative; z-index: 1; }
.aw-se__nav--oben { margin: 1rem 0 .5rem; }
.aw-se__namebox { max-width: 28rem; }
.aw-se__ergebnis h3 { color: var(--se-petrol-d); }
.aw-se__abschnitt { font-size: clamp(1.3rem, 1.15rem + .7vw, 1.65rem); margin: 2.25rem 0 .25rem; }
.aw-se__zusammen { background: #fff; border: 1.5px solid var(--se-line); border-radius: var(--se-r); padding: 1.25rem; margin: 1.25rem 0; box-shadow: var(--se-schatten); }
.aw-se__zusammen h3 { margin: 0 0 .5rem; }
.aw-se__zusammen p { margin: 0 0 .6rem; }
.aw-se__lead-p { font-size: 1.125rem; color: var(--se-ink); font-weight: 600; }
.aw-se__raster { display: grid; gap: 1rem; grid-template-columns: 1fr; margin-top: 1rem; }
@media (min-width: 48em) { .aw-se__raster { grid-template-columns: 1fr 1fr; align-items: start; } }
.aw-se__ecard { background: #fff; border: 1.5px solid var(--se-line); border-top: 5px solid var(--kap, var(--se-tuerkis)); border-radius: 20px; padding: 1.1rem 1.1rem .75rem; box-shadow: var(--se-schatten); min-width: 0; background-image: linear-gradient(180deg, var(--kap-bg) 0, #fff 6rem); }
.aw-se__ecard-kopf { display: flex; align-items: center; gap: .8rem; margin-bottom: .6rem; }
.aw-se__ecard h4 { margin: 0; font-size: 1.1875rem; line-height: 1.3; color: var(--se-ink); overflow-wrap: anywhere; }
.aw-se__chipgruppe { margin: .6rem 0; }
.aw-se__chipkopf { margin: 0 0 .35rem; font-size: .875rem; font-weight: 700; color: var(--se-soft); }
.aw-se__chips { list-style: none; display: flex; flex-wrap: wrap; gap: .4rem; padding: 0; margin: 0; }
.aw-se__chips li { background: #fff; border: 1.5px solid var(--kap, var(--se-tuerkis)); color: var(--se-ink); border-radius: 99px; padding: .25rem .8rem; font-size: .9375rem; font-weight: 600; overflow-wrap: anywhere; }
.aw-se__leer { color: var(--se-soft); margin: .25rem 0 .5rem; }
.aw-se__ecard-auf { margin-top: .5rem; }

/* Aufklappbereiche (native details: Tastatur und Screenreader ohne Zusatzcode) */
.aw-se__auf { border-top: 1px solid var(--se-line); }
.aw-se__auf > summary, .aw-se__tipp > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: .75rem; min-height: 3rem; padding: .35rem 0; font-weight: 700; color: var(--se-petrol-d); }
.aw-se__auf > summary::-webkit-details-marker, .aw-se__tipp > summary::-webkit-details-marker { display: none; }
.aw-se__auf-titel { min-width: 0; overflow-wrap: anywhere; }
.aw-se__chev { color: var(--se-petrol); }
.aw-se__chev svg { width: 1.3rem; height: 1.3rem; }
.aw-se__auf[open] > summary .aw-se__chev, .aw-se__tipp[open] > summary .aw-se__chev { transform: rotate(180deg); }
.aw-se__auf > summary:focus-visible, .aw-se__tipp > summary:focus-visible, .aw-se__notizdetails summary:focus-visible { outline: 3px solid var(--se-ink); outline-offset: 2px; border-radius: 8px; }
.aw-se__auf-inhalt { padding: .15rem 0 .85rem; }
.aw-se__auf-inhalt p { margin: 0 0 .6rem; }
.aw-se__auf--gross { background: #fff; border: 1.5px solid var(--se-line); border-radius: 18px; padding: 0 1.1rem; margin: .8rem 0; box-shadow: 0 1px 2px rgba(14, 42, 71, .05); }
.aw-se__auf--gross > summary { font-size: 1.0625rem; min-height: 3.5rem; }
.aw-se__bezug-ein { font-weight: 600; color: var(--se-petrol-d); }

/* Tipp-Karten */
.aw-se__tipps h3 { margin: 2.25rem 0 .25rem; font-size: clamp(1.3rem, 1.15rem + .7vw, 1.65rem); }
.aw-se__tipps h3:focus { outline: none; }
.aw-se__tipp-raster { display: grid; gap: .75rem; grid-template-columns: 1fr; margin: .9rem 0; }
@media (min-width: 48em) { .aw-se__tipp-raster { grid-template-columns: 1fr 1fr; align-items: start; } }
.aw-se__tipp { background: #fff; border: 1.5px solid var(--se-line); border-left: 5px solid var(--kap, var(--se-tuerkis)); border-radius: 18px; padding: .5rem .9rem; box-shadow: 0 1px 2px rgba(14, 42, 71, .05); min-width: 0; }
.aw-se__tipp > summary { color: var(--se-ink); }
.aw-se__tipp > summary .aw-se__ico--rund { width: 2.5rem; height: 2.5rem; }
.aw-se__tipp-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: .1rem; }
.aw-se__tipp-titel { line-height: 1.3; overflow-wrap: anywhere; }
.aw-se__tipp-thema { font-size: .8125rem; font-weight: 600; color: var(--se-soft); }
.aw-se__tipp-body { padding: .25rem 0 .7rem; }
.aw-se__tipp-body p { margin: 0 0 .5rem; }
.aw-se__tipps > .aw-se__klein { margin-top: .5rem; }

/* Grenzen */
.aw-se__ergebnis .aw-se__grenze { border-radius: 20px; margin: 2rem 0 1rem; }
.aw-se__ergebnis .aw-se__grenze h3 { margin-top: 0; color: var(--se-ink); }
.aw-se__ergebnis .aw-se__grenze .aw-se__auf { border-top-color: var(--se-warn-l); }
.aw-se__ergebnis .aw-se__thema-block h4 { color: var(--se-ink); }
.aw-se__nav--aktionen { margin-top: 1.5rem; }

/* Bewegung: nur ruhige, kurze Übergänge; nichts davon ist für die Funktion nötig */
@media (prefers-reduced-motion: no-preference) {
	.aw-se--ein-vor > .aw-se__karte { animation: aw-se-vor .26s ease-out both; }
	.aw-se--ein-zurueck > .aw-se__karte { animation: aw-se-zurueck .26s ease-out both; }
	@keyframes aw-se-vor { from { opacity: 0; transform: translateX(18px); } to { opacity: 1; transform: none; } }
	@keyframes aw-se-zurueck { from { opacity: 0; transform: translateX(-18px); } to { opacity: 1; transform: none; } }
	.aw-se__chev { transition: transform .15s ease; }
	.aw-se__option label { transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease; }
}
@media (prefers-reduced-motion: reduce) { .aw-se *, .aw-se *::before, .aw-se *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
@media (forced-colors: active) { .aw-se__option input:checked + label, .aw-se__knoten { outline: 3px solid Highlight; } .aw-se__stapel::before, .aw-se__stapel::after { border: 1px solid CanvasText; } }
@media (max-width: 30em) { .aw-se__erg-kopf { padding: 1.1rem .95rem .8rem; } .aw-se__ecard { padding: .95rem .85rem .6rem; } .aw-se__auf--gross { padding: 0 .85rem; } }
/* 200 % Schrift auf kleinen Displays: Beschriftungen in Aufklappbereichen umbrechen statt überlaufen */
.aw-se__aussagen li { grid-template-columns: minmax(0, 1fr); }
.aw-se__aussage, .aw-se__stufe, .aw-se__themenwahl label, .aw-se__mark label, .aw-se__auf-inhalt label, .aw-se__chips li, .aw-se__zitat { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.aw-se__themenwahl li, .aw-se__mark { min-width: 0; }
.aw-se__stufe { border-radius: 14px; }
/* Überschriften in der Anwendung ohne die Trennlinie der Textseiten-Überschriften */
.aw-se .aw-se__app h2, .aw-se .aw-se__app h3, .aw-se .aw-se__app h4 { border-top: 0; padding-top: 0; }
.aw-se .aw-se__app h2::before, .aw-se .aw-se__app h3::before, .aw-se .aw-se__app h4::before { display: none; content: none; }
.aw-se__chips { margin: 0; padding: 0; }
.aw-se__chips li, .aw-se__tipp, .aw-se__kapitelvorschau li { list-style: none; margin: 0; }
.aw-se__chips li::before, .aw-se__chips li::marker { display: none; content: none; }
.aw-se__chev { width: 1.5rem; height: 1.5rem; align-items: center; justify-content: center; }