/* Sprachumschalter: eine Zeile mit den freigegebenen Sprachen, Name in der jeweiligen Sprache. Nur geladen, wenn der Umschalter erscheint. */
.aw-lang ul { display: flex; flex-wrap: wrap; gap: 0.25rem 0.9rem; margin: 0; padding: 0; list-style: none; }
.aw-lang li { margin: 0; padding: 0; list-style: none; }
.aw-lang__item { font: inherit; font-size: var(--fs-small, 0.9375rem); color: inherit; text-decoration: none; padding: 0.25rem 0; }
a.aw-lang__item { text-decoration: underline; text-underline-offset: 0.2em; }
.aw-lang__item[aria-current="true"] { font-weight: 700; text-decoration: none; }
.aw-nav__item--lang { display: flex; align-items: center; min-height: 3.5rem; padding: 0 var(--s1, 0.25rem); }
.aw-lang-note { font-size: 0.875em; opacity: 0.85; }
.aw-box--uebersetzung { margin: var(--s4, 1rem) 0; padding: var(--s3, 0.75rem) var(--s4, 1rem); border: 1px solid var(--c-line-strong, #9aa8b5); border-left: 5px solid var(--c-petrol, #0b5560); background: var(--c-nebel, #f3f6f8); border-radius: var(--r-m, 8px); }
.aw-box--uebersetzung p { margin: 0; }
.aw-rtl .aw-box--uebersetzung { border-left-width: 1px; border-right: 5px solid var(--c-petrol, #0b5560); }

/* Sichtbarer Sprachbutton im Kopf („English“ / „Deutsch“), Desktop und Smartphone */
.aw-langbtn { display: inline-flex; align-items: center; justify-content: center; gap: var(--s1, 0.25rem); min-height: var(--tap, 2.75rem); padding: 0 var(--s3, 0.75rem); border: 2px solid var(--c-petrol, #0d5c63); border-radius: var(--radius, 0.5rem); background: var(--c-white, #fff); color: var(--c-petrol, #0d5c63); font: inherit; font-size: 0.9375rem; font-weight: 700; line-height: 1; text-decoration: none; white-space: nowrap; }
.aw-langbtn:hover { background: var(--c-nebel, #eef5f5); color: var(--c-petrol-dark, #0a464b); }
.aw-langbtn:focus-visible, .aw-langlink:focus-visible { outline: 3px solid var(--c-ink, #0b2a3c); outline-offset: 2px; }
.aw-langbtn svg { flex: none; }
.aw-footer__lang { margin: var(--s3, 0.75rem) 0 0; font-size: var(--fs-small, 0.9375rem); }
.aw-langlink { font-weight: 700; }
.aw-box--ohne { margin: var(--s4, 1rem) auto; max-width: var(--wide, 72rem); }
@media (max-width: 39.99rem) {
	.aw-langbtn { padding: 0 var(--s2, 0.5rem); font-size: 0.875rem; }
	.aw-langbtn svg { display: none; }
}
@media (min-width: 64rem) and (max-width: 74rem) { .aw-langbtn svg { display: none; } }
/* Kopfzeile zwischen 64 und 84 rem: englische Beschriftungen sind länger; ohne diese engere Leiste läuft sie bei rund 1200–1290 px um bis zu 46 px über (horizontale Bildlaufleiste). */
@media (min-width: 64rem) { .aw-langbtn svg { display: none; } .aw-header__bar { gap: var(--s3, 0.75rem); } .aw-nav__link { padding: 0 var(--s2, 0.5rem); } }

/* „Autismus von A bis Z“ ist länger als „Glossar“: im Hauptmenü auf mittleren Breiten zweizeilig, damit die Kopfzeile nicht überläuft */
@media (min-width: 64rem) { .aw-nav__link--zweizeilig { white-space: normal; width: 6.25rem; flex-shrink: 0; text-align: center; line-height: 1.15; text-wrap: balance; } }

/* Kopfzeile ab 64rem: Das Logo behält seine Breite. Vorher schrumpfte es zwischen 1024 und 1530 px auf bis zu 0 Pixel, weil die Menüpunkte nicht weichen konnten.
   Platz entsteht durch den kurzen Knopf „App“ (Beschriftung für Hilfsmittel bleibt „App in Vorbereitung“) und das Suchsymbol ohne sichtbares Wort (Beschriftung für Hilfsmittel bleibt „Suche“). */
@media (min-width: 64rem) {
	.aw-appbtn__kurz { display: inline; }
	.aw-appbtn__lang { display: none; }
	.aw-searchtoggle span { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
	.aw-brand { flex: 0 1 auto; min-width: 7rem; }
	.aw-brand__logo { max-width: 100%; height: auto; max-height: 3.25rem; }
}
@media (min-width: 64rem) and (max-width: 72rem) { .aw-nav__link { padding: 0 0.375rem; font-size: 0.9375rem; } .aw-header__bar { gap: 0.5rem; } }