/* ==========================================================================
   Autismus Wissen – Designsystem v2.0
   Farben (Kontrast geprüft, WCAG 2.2 AA):
     Tiefblau #0E2A47 · Petrol #0B5E66 (7,5:1 auf Weiß) · Türkis #35B5AC (nur auf Tiefblau, 5,8:1)
     Türkis hell #D6F0EE · Nebel #F2F7F7 · Text #1B2733 · Text leise #4A5A68 (7,1:1)
   Leitmotiv: die türkise „Leitlinie“ – eine ruhige Linie, die Orientierung markiert.
   Aufbau: Tokens → Basis → Bausteine (Button, Formular, Karte, Akkordeon) → Kopf → Startseite
           → Listen → Welt-Seite → Artikel → Fuß. Mobile first, Breiten ab 40 / 48 / 64 rem.
   ========================================================================== */

@font-face { font-family: "Atkinson Hyperlegible Next"; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/atkinson-hyperlegible-next-latin-400-normal.woff2) format("woff2"); }
@font-face { font-family: "Atkinson Hyperlegible Next"; font-style: italic; font-weight: 400; font-display: swap; src: url(../fonts/atkinson-hyperlegible-next-latin-400-italic.woff2) format("woff2"); }
@font-face { font-family: "Atkinson Hyperlegible Next"; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/atkinson-hyperlegible-next-latin-700-normal.woff2) format("woff2"); }
/* Ziffern 0-9: Atkinson Hyperlegible Next hat eine Null mit Schrägstrich, die in fetten Überschriften wie ein "Ø" wirkt.
   Nur für diesen Zeichenbereich wird Inter (OFL, selbst gehostet, auf die Ziffern 0-9 zugeschnitten) mit schlichter ovaler Null verwendet. */
@font-face { font-family: "AW Ziffern"; font-style: normal; font-weight: 400; font-display: swap; unicode-range: U+0030-0039; src: url(../fonts/inter-ziffern-400.woff2) format("woff2"); }
@font-face { font-family: "AW Ziffern"; font-style: normal; font-weight: 700; font-display: swap; unicode-range: U+0030-0039; src: url(../fonts/inter-ziffern-700.woff2) format("woff2"); }

/* ---------- Tokens ---------- */
:root {
	--c-ink: #0E2A47;
	--c-ink-2: #123B5C;
	--c-petrol: #0B5E66;
	--c-petrol-dark: #084850;
	--c-tuerkis: #35B5AC;
	--c-tuerkis-hell: #D6F0EE;
	--c-nebel: #F2F7F7;
	--c-nebel-2: #E8F0F1;
	--c-line: #C9D8DA;
	--c-line-soft: #DCE7E9;
	--c-line-strong: #6B7F8C;
	--c-text: #1B2733;
	--c-text-soft: #4A5A68;
	--c-white: #FFFFFF;
	--c-warn-bg: #FFF6DB;
	--c-warn-line: #8A6100;

	--font: "AW Ziffern", "Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", sans-serif;
	--fs-body: 1.0625rem;
	--fs-small: 0.9375rem;
	--fs-h1: clamp(1.875rem, 1.4rem + 2.1vw, 2.75rem);
	--fs-h2: clamp(1.4375rem, 1.25rem + 0.8vw, 1.875rem);
	--fs-h3: 1.1875rem;
	--lh: 1.6;
	--lh-prose: 1.7;
	--measure: 42rem;
	--wide: 72rem;

	--s1: 0.25rem; --s2: 0.5rem; --s3: 0.75rem; --s4: 1rem; --s5: 1.5rem; --s6: 2rem; --s7: 3rem; --s8: 4.5rem;
	--radius: 10px;
	--r-m: 14px;
	--r-l: 20px;
	--sh-1: 0 1px 2px rgba(14, 42, 71, 0.06), 0 2px 10px rgba(14, 42, 71, 0.06);
	--sh-2: 0 2px 4px rgba(14, 42, 71, 0.08), 0 10px 28px rgba(14, 42, 71, 0.13);
	--tap: 3rem;
	--focus: 3px solid var(--c-petrol);
	--ease: 0.16s ease;

	--tone: var(--c-petrol);
	--tone-bg: var(--c-tuerkis-hell);
}
@media (min-width: 64rem) { :root { --fs-body: 1.125rem; --tap: 2.75rem; } }

/* Farbtöne der Wissenswelten: leise Unterscheidung über Symbolfeld, Rahmen beim Überfahren und Ränder.
   Die Texte bleiben in Tiefblau; jede Welt ist zusätzlich durch Symbol und Namen erkennbar (nie nur Farbe). */
.aw-tone-autismus-verstehen       { --tone: #0B5E66; --tone-bg: #D6F0EE; }
.aw-tone-diagnostik-diagnose      { --tone: #1F5A99; --tone-bg: #DCE9F7; }
.aw-tone-alltag-gestalten         { --tone: #2B7449; --tone-bg: #DDF0E4; }
.aw-tone-eltern-familie           { --tone: #A24A3A; --tone-bg: #F7E4DF; }
.aw-tone-schule-bildung           { --tone: #4A4FA3; --tone-bg: #E3E4F5; }
.aw-tone-therapien-unterstuetzung { --tone: #7A5600; --tone-bg: #FBEFC9; }
.aw-tone-erwachsene-im-spektrum   { --tone: #6B3FA0; --tone-bg: #EADFF5; }
.aw-tone-wege-orientierung        { --tone: #2E6F8E; --tone-bg: #DAEBF3; }
.aw-tone-fachkraefte-praxis       { --tone: #0E2A47; --tone-bg: #DCE4EE; }
.aw-tone-wissenschaft-forschung   { --tone: #8A3B6B; --tone-bg: #F4DFEB; }

/* ---------- Basis ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 4.5rem; }
body { margin: 0; font-family: var(--font); font-size: var(--fs-body); line-height: var(--lh); color: var(--c-text); background: var(--c-white); -webkit-tap-highlight-color: rgba(11, 94, 102, 0.15); }
img, svg, video { max-width: 100%; height: auto; }
h1, h2, h3, h4 { color: var(--c-ink); line-height: 1.22; font-weight: 700; margin: 0 0 var(--s4); text-wrap: balance; overflow-wrap: break-word; }
h1 { font-size: var(--fs-h1); letter-spacing: -0.012em; }
h2 { font-size: var(--fs-h2); margin-top: var(--s7); letter-spacing: -0.006em; }
h3 { font-size: var(--fs-h3); margin-top: var(--s6); }
p, ul, ol, dl { margin: 0 0 var(--s4); }
a { color: var(--c-petrol); text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
a:hover { color: var(--c-petrol-dark); text-decoration-thickness: 2px; }
:focus-visible { outline: var(--focus); outline-offset: 2px; border-radius: 4px; }
.aw-main:focus { outline: none; }
.aw-visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.aw-icon { width: 1.25em; height: 1.25em; flex: none; vertical-align: -0.25em; }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

.aw-wrap { width: 100%; max-width: var(--wide); margin-inline: auto; padding-inline: var(--s4); }
.aw-wrap--narrow { max-width: calc(var(--measure) + 2 * var(--s4)); }
@media (min-width: 40rem) { .aw-wrap { padding-inline: var(--s5); } .aw-wrap--narrow { max-width: calc(var(--measure) + 2 * var(--s5)); } }
.aw-main { display: block; padding-bottom: var(--s7); }
.aw-main > .aw-wrap:first-child:not(.aw-article) { padding-top: var(--s2); }

.aw-skip { position: absolute; left: var(--s4); top: -10rem; z-index: 100; background: var(--c-ink); color: var(--c-white); padding: var(--s3) var(--s4); border-radius: var(--radius); }
.aw-skip:focus { top: var(--s2); color: var(--c-white); outline-color: var(--c-tuerkis); }

/* Symbolfeld (Wissenswelt) */
.aw-badge { display: inline-grid; place-items: center; flex: none; width: 3rem; height: 3rem; border-radius: 12px; background: var(--tone-bg); color: var(--tone); }
.aw-badge .aw-icon { width: 1.5rem; height: 1.5rem; vertical-align: 0; }

/* ---------- Buttons & Formulare ---------- */
.aw-button { display: inline-flex; align-items: center; justify-content: center; gap: var(--s2); min-height: var(--tap); padding: var(--s2) var(--s5); border: 2px solid var(--c-petrol); border-radius: var(--radius); background: var(--c-petrol); color: var(--c-white); font: inherit; font-weight: 700; text-decoration: none; cursor: pointer; box-shadow: var(--sh-1); transition: background-color var(--ease), box-shadow var(--ease), transform var(--ease); }
.aw-button:hover { background: var(--c-petrol-dark); border-color: var(--c-petrol-dark); color: var(--c-white); box-shadow: var(--sh-2); }
.aw-button:active { transform: translateY(1px); box-shadow: none; }
.aw-button--secondary { background: var(--c-white); color: var(--c-petrol); box-shadow: none; }
.aw-button--secondary:hover { background: var(--c-nebel); color: var(--c-petrol-dark); box-shadow: none; }
.aw-file { font-weight: 400; }

input[type="text"], input[type="search"], input[type="email"], select, textarea {
	width: 100%; min-height: var(--tap); padding: var(--s2) var(--s4); font: inherit; color: var(--c-text); background: var(--c-white);
	border: 1.5px solid var(--c-line-strong); border-radius: var(--radius); transition: border-color var(--ease), box-shadow var(--ease);
}
input:hover, select:hover, textarea:hover { border-color: var(--c-petrol); }
input:focus-visible, select:focus-visible, textarea:focus-visible { outline: var(--focus); outline-offset: 1px; border-color: var(--c-petrol); }
select { appearance: none; -webkit-appearance: none; padding-right: 2.75rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B5E66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 1.25rem; }
textarea { min-height: 8rem; }
label { display: block; font-weight: 700; margin-bottom: var(--s2); color: var(--c-ink); }
.aw-field { margin-bottom: var(--s4); }
.aw-form__row { margin-bottom: var(--s4); }
.aw-form__help { font-size: var(--fs-small); color: var(--c-text-soft); margin: var(--s1) 0 0; }
.aw-form__optional { font-weight: 400; color: var(--c-text-soft); }
.aw-form__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Suche */
.aw-search__label { margin-bottom: var(--s2); }
.aw-search__row { display: flex; gap: 0; box-shadow: var(--sh-1); border-radius: var(--radius); }
.aw-search__input { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0; min-width: 0; }
.aw-search__button { display: inline-flex; align-items: center; justify-content: center; gap: var(--s2); min-width: var(--tap); min-height: var(--tap); padding: 0 var(--s4); border: 2px solid var(--c-petrol); background: var(--c-petrol); color: var(--c-white); font: inherit; font-weight: 700; border-radius: 0 var(--radius) var(--radius) 0; cursor: pointer; transition: background-color var(--ease); }
.aw-search__button:hover { background: var(--c-petrol-dark); }
.aw-search__button:active { background: var(--c-ink); }
@media (max-width: 29.99rem) { .aw-search__button span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } }

/* ---------- Kopfbereich ---------- */
.aw-header { position: sticky; top: 0; z-index: 50; background: rgba(255, 255, 255, 0.97); border-bottom: 1px solid var(--c-line-soft); box-shadow: 0 1px 8px rgba(14, 42, 71, 0.05); }
.aw-header__bar { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); min-height: 3.75rem; }
.aw-brand { display: inline-flex; align-items: center; color: var(--c-ink); text-decoration: none; min-height: var(--tap); padding-block: 0.25rem; }
.aw-brand:hover { color: var(--c-ink); }
.aw-brand__logo { display: block; height: 2.75rem; width: auto; max-width: 100%; }
@media (min-width: 48rem) { .aw-header__bar { min-height: 4.5rem; } .aw-brand__logo { height: 3.25rem; } }

.aw-header__actions { display: flex; gap: var(--s1); }
.aw-iconbtn { display: inline-flex; align-items: center; justify-content: center; gap: var(--s2); min-width: var(--tap); min-height: var(--tap); padding: 0 var(--s3); border: 0; border-radius: var(--radius); background: transparent; color: var(--c-ink); font: inherit; font-weight: 700; text-decoration: none; cursor: pointer; transition: background-color var(--ease); }
.aw-iconbtn:hover { background: var(--c-nebel); color: var(--c-ink); }
.aw-iconbtn:active { background: var(--c-nebel-2); }
.aw-iconbtn[aria-expanded="true"] { background: var(--c-tuerkis-hell); }
.aw-menutoggle { background: var(--c-nebel); }
@media (max-width: 39.99rem) { .aw-searchtoggle span, .aw-menutoggle__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } }

.aw-searchbar { border-top: 1px solid var(--c-line-soft); background: var(--c-nebel); padding: var(--s4) 0 var(--s5); }
.aw-searchbar .aw-search { max-width: var(--measure); }

/* Navigation – mobil: Vollbild-Panel */
.aw-nav { display: none; }
.aw-nav__top, .aw-nav__search, .aw-nav__legal { display: none; }
.js .aw-nav.is-open { display: flex; flex-direction: column; position: fixed; inset: 0; z-index: 60; background: var(--c-white); overflow-y: auto; padding: var(--s2) var(--s4) var(--s6); overscroll-behavior: contain; }
.js .aw-nav.is-open .aw-nav__top { display: flex; justify-content: space-between; align-items: center; min-height: 3.5rem; margin-bottom: var(--s3); }
.js .aw-nav.is-open .aw-nav__search { display: block; margin-bottom: var(--s4); }
.js .aw-nav.is-open .aw-nav__legal { display: flex; flex-wrap: wrap; gap: 0 var(--s5); list-style: none; padding: var(--s3) 0 0; margin-top: auto; border-top: 1px solid var(--c-line); font-size: var(--fs-small); }
.aw-nav__legal a { display: inline-flex; align-items: center; min-height: var(--tap); }
.aw-nav__title { font-weight: 700; font-size: 1.125rem; color: var(--c-ink); }
.aw-nav__brand { display: inline-flex; align-items: center; min-height: var(--tap); }
.aw-nav__logo { display: block; height: 2.5rem; width: auto; }
.aw-nav__list { list-style: none; margin: 0; padding: 0; }
.aw-nav__item { border-bottom: 1px solid var(--c-line-soft); }
.aw-nav__link { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 3.5rem; padding: var(--s2) var(--s1); border: 0; background: none; font: inherit; font-size: 1.1875rem; font-weight: 700; color: var(--c-ink); text-decoration: none; text-align: left; cursor: pointer; }
.aw-nav__link:hover { color: var(--c-petrol); }
.aw-nav__link:active { background: var(--c-nebel); }
.aw-nav__link[aria-current="page"], .aw-nav__link[data-current] { color: var(--c-petrol); }
.aw-nav__disclosure .aw-icon { transition: transform 0.15s; }
.aw-nav__disclosure[aria-expanded="true"] .aw-icon { transform: rotate(180deg); }
.aw-mega { display: none; padding-bottom: var(--s4); }
.aw-nav__disclosure[aria-expanded="true"] + .aw-mega { display: block; }
.aw-mega__list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s1); }
.aw-mega__list a { display: flex; align-items: center; gap: var(--s3); padding: var(--s2) var(--s2); border-radius: var(--radius); text-decoration: none; color: var(--c-ink); min-height: 3.5rem; }
.aw-mega__list a:hover, .aw-mega__list a:active { background: var(--c-nebel); }
.aw-mega__list .aw-badge { width: 2.5rem; height: 2.5rem; border-radius: 10px; }
.aw-mega__list .aw-badge .aw-icon { width: 1.25rem; height: 1.25rem; }
.aw-mega__text { display: block; }
.aw-mega__name { display: block; font-weight: 700; }
.aw-mega__desc { display: none; font-size: var(--fs-small); color: var(--c-text-soft); }
.aw-mega__foot { display: flex; flex-wrap: wrap; gap: 0 var(--s5); margin: var(--s3) 0 0; padding-left: var(--s2); }
.aw-mega__foot a { display: inline-flex; align-items: center; min-height: var(--tap); font-weight: 700; }

/* Ohne JavaScript: Navigation als normale Liste unter dem Kopf */
html:not(.js) .aw-menutoggle { display: none; }
html:not(.js) .aw-header__bar { flex-wrap: wrap; }
html:not(.js) .aw-nav { display: block; width: 100%; }
html:not(.js) .aw-mega { display: block; }

@media (min-width: 64rem) {
	.aw-menutoggle { display: none; }
	.aw-header__bar { gap: var(--s5); }
	.aw-header__actions { order: 3; }
	.aw-nav, html:not(.js) .aw-nav { display: block; order: 2; margin-left: auto; width: auto; }
	.aw-nav__list { display: flex; gap: var(--s1); }
	.aw-nav__item { border: 0; position: static; }
	.aw-nav__link { min-height: var(--tap); padding: 0 var(--s3); font-size: 1rem; border-radius: var(--radius); gap: var(--s1); white-space: nowrap; }
	.aw-nav__link:hover { background: var(--c-nebel); }
	.aw-nav__link[aria-current="page"], .aw-nav__link[data-current] { box-shadow: inset 0 -3px 0 var(--c-tuerkis); border-radius: 0; }
	.aw-mega, html:not(.js) .aw-mega { display: none; }
	.aw-nav__disclosure[aria-expanded="true"] + .aw-mega { display: block; position: absolute; left: 0; right: 0; top: 100%; background: var(--c-white); border-bottom: 1px solid var(--c-line); box-shadow: var(--sh-2); padding: var(--s5) 0 var(--s5); }
	.aw-mega__list { max-width: var(--wide); margin: 0 auto; padding: 0 var(--s5); grid-template-columns: repeat(2, 1fr); gap: var(--s1) var(--s6); }
	.aw-mega__list a { padding: var(--s2) var(--s3); }
	.aw-mega__desc { display: block; }
	.aw-mega__foot { max-width: var(--wide); margin: var(--s4) auto 0; padding: var(--s4) var(--s5) 0; border-top: 1px solid var(--c-line-soft); gap: 0 var(--s6); }
}

/* ---------- Brotkrumen & Seitenkopf ---------- */
.aw-breadcrumbs { margin: var(--s3) 0 var(--s3); font-size: var(--fs-small); display: flex; flex-wrap: wrap; align-items: center; gap: var(--s1) var(--s3); }
.aw-breadcrumbs ol { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: var(--s1) var(--s2); min-width: 0; }
.aw-breadcrumbs li:not(:last-child)::after { content: "/"; margin-left: var(--s2); color: var(--c-text-soft); }
.aw-breadcrumbs [aria-current] { color: var(--c-text-soft); }
.aw-homelink { display: inline-flex; align-items: center; gap: var(--s2); min-height: var(--tap); padding: 0 var(--s3); border-radius: var(--radius); background: var(--c-nebel); color: var(--c-petrol); font-weight: 700; text-decoration: none; }
.aw-homelink:hover { background: var(--c-nebel-2); color: var(--c-petrol-dark); }
.aw-homelink:focus-visible { outline: 3px solid var(--c-ink); outline-offset: 2px; }
.aw-homelink svg { flex: none; }
@media (max-width: 39.99rem) {
	.aw-breadcrumbs li:not(:nth-last-child(-n+2)) { display: none; }
	.aw-breadcrumbs li:nth-last-child(2)::before { content: "‹ "; }
	.aw-breadcrumbs li:last-child { display: none; }
	.aw-breadcrumbs li:nth-last-child(2)::after { content: none; }
	.aw-breadcrumbs li:nth-last-child(2) a { display: inline-flex; align-items: center; min-height: var(--tap); }
	.aw-breadcrumbs li:only-child { display: none; } /* nur die aktuelle Seite: nichts doppelt anzeigen */
}
@media (min-width: 40rem) { .aw-breadcrumbs { margin: var(--s5) 0 var(--s4); } }
.aw-page-head { margin-bottom: var(--s5); }
.aw-page-head h1 { margin-top: var(--s2); }
.aw-page-head--badge .aw-badge { width: 3.5rem; height: 3.5rem; border-radius: 14px; margin-top: var(--s2); }
.aw-page-head--badge .aw-badge .aw-icon { width: 1.75rem; height: 1.75rem; }
.aw-lead { font-size: 1.1875rem; line-height: 1.55; color: var(--c-text-soft); max-width: var(--measure); }

/* ---------- Startseite ---------- */
.aw-hero { position: relative; color: var(--c-white); background:
	radial-gradient(60rem 28rem at 85% -10%, rgba(53, 181, 172, 0.28), transparent 60%),
	linear-gradient(165deg, var(--c-ink) 0%, var(--c-ink-2) 62%, #0C4A5C 100%); }
.aw-hero__inner { display: grid; gap: 0; }
/* Marke links (helle Fläche, denn das Original-Logo gibt es nur in Navy/Türkis), Suche rechts auf dunkler Fläche */
.aw-hero__brand { display: flex; align-items: center; justify-content: center; padding-block: var(--s5); background: var(--c-white); box-shadow: 0 0 0 100vmax var(--c-white); clip-path: inset(0 -100vmax); }
.aw-hero__logo { margin: 0; line-height: 0; display: flex; justify-content: center; }
.aw-hero__logoimg { display: block; width: min(15rem, 62vw); height: auto; }
.aw-hero__searchcell { padding-block: var(--s5); }
.aw-hero__search { padding: var(--s4); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: var(--r-l); background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(2px); }
.aw-hero .aw-search__label { color: var(--c-white); font-size: 1.0625rem; }
.aw-hero .aw-search__row { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22); }
.aw-hero .aw-search__input { border-color: var(--c-white); min-height: 3.25rem; border-radius: 12px 0 0 12px; font-size: 1.0625rem; }
.aw-hero .aw-search__button { background: var(--c-tuerkis); border-color: var(--c-tuerkis); color: var(--c-ink); min-width: 3.5rem; border-radius: 0 12px 12px 0; }
.aw-hero .aw-search__button:hover { background: var(--c-white); border-color: var(--c-white); }
.aw-hero :focus-visible { outline-color: var(--c-tuerkis); }
.aw-hero__direct { margin: var(--s4) 0 var(--s2); font-size: var(--fs-small); color: #DCE7EC; }
.aw-hero__chips { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: var(--s2); }
.aw-hero__chips a { display: flex; align-items: center; gap: var(--s2); height: 100%; min-height: 3.25rem; padding: var(--s2) var(--s3); line-height: 1.2; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: var(--r-m); background: rgba(255, 255, 255, 0.1); color: var(--c-white); font-size: var(--fs-small); font-weight: 700; text-decoration: none; transition: background-color var(--ease), border-color var(--ease); }
.aw-hero__chips a:hover { background: rgba(255, 255, 255, 0.2); border-color: var(--c-white); color: var(--c-white); }
.aw-hero__chips a:active { background: rgba(255, 255, 255, 0.28); }
.aw-hero__chips .aw-icon { color: var(--c-tuerkis); }
@media (min-width: 40rem) { .aw-hero__brand { padding-block: var(--s6); } .aw-hero__logoimg { width: 22rem; } .aw-hero__searchcell { padding-block: var(--s6); } .aw-hero__search { padding: var(--s5); } .aw-hero__chips { display: flex; flex-wrap: wrap; } .aw-hero__chips a { height: auto; min-height: var(--tap); border-radius: 999px; padding: 0 var(--s4) 0 var(--s3); } }
@media (min-width: 64rem) {
	.aw-hero__inner { grid-template-columns: 1fr 1fr; }
	.aw-hero__brand { justify-content: flex-start; padding-block: var(--s8); padding-right: var(--s7); box-shadow: 0 0 0 100vmax var(--c-white); clip-path: inset(0 0 0 -100vmax); }
	.aw-hero__logo { width: 100%; justify-content: flex-start; }
	.aw-hero__logoimg { width: min(34rem, 100%); }
	.aw-hero__searchcell { display: flex; align-items: center; padding-block: var(--s8); padding-left: var(--s7); }
	.aw-hero__search { width: 100%; }
}

.aw-section { padding-block: var(--s6); }
.aw-section--tint { background: var(--c-nebel); }
.aw-section--plain { background: var(--c-white); }
.aw-section--guide { padding-top: var(--s6); }
.aw-section--welten { background: var(--c-nebel); }
.aw-section--so { background: linear-gradient(180deg, var(--c-nebel) 0%, var(--c-nebel-2) 100%); border-top: 1px solid var(--c-line-soft); }
.aw-section--faq { background: var(--c-nebel); }
@media (min-width: 48rem) { .aw-section { padding-block: var(--s7); } }
.aw-section__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--s2) var(--s5); margin-bottom: var(--s5); }
.aw-section__titles { min-width: 0; }
.aw-section__head h2 { margin: 0; }
.aw-section__intro { margin: var(--s2) 0 0; color: var(--c-text-soft); max-width: 36rem; }
.aw-more { display: inline-flex; align-items: center; gap: var(--s1); min-height: var(--tap); font-weight: 700; text-decoration: none; }
.aw-more:hover { text-decoration: underline; }
.aw-more .aw-icon { transition: transform var(--ease); }
.aw-more:hover .aw-icon { transform: translateX(3px); }

.aw-entry-grid, .aw-welt-grid { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s3); }
@media (min-width: 40rem) { .aw-entry-grid { grid-template-columns: 1fr 1fr; gap: var(--s4); } .aw-welt-grid { grid-template-columns: 1fr 1fr; gap: var(--s3) var(--s4); } }
@media (min-width: 64rem) { .aw-entry-grid:has(> li:nth-child(5)) { grid-template-columns: repeat(3, 1fr); } .aw-welt-grid--compact { grid-template-columns: 1fr 1fr; } }

/* Karte: Einstieg */
.aw-entry { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: var(--s3) var(--s4); height: 100%; min-height: 5.25rem; padding: var(--s4); border: 1px solid var(--c-line-soft); border-radius: var(--r-l); text-decoration: none; color: var(--c-text); background: var(--c-white); box-shadow: var(--sh-1); transition: box-shadow var(--ease), transform var(--ease), border-color var(--ease); }
.aw-entry:hover { border-color: var(--c-petrol); box-shadow: var(--sh-2); transform: translateY(-2px); color: var(--c-text); }
.aw-entry:active { transform: translateY(0); box-shadow: var(--sh-1); }
.aw-entry__icon { display: inline-grid; place-items: center; width: 3rem; height: 3rem; border-radius: 12px; background: var(--c-tuerkis-hell); color: var(--c-petrol); }
.aw-entry__icon .aw-icon { width: 1.5rem; height: 1.5rem; vertical-align: 0; }
.aw-entry__body { display: block; min-width: 0; }
.aw-entry__title { display: block; font-weight: 700; font-size: 1.1875rem; line-height: 1.25; color: var(--c-ink); }
.aw-entry__text { display: block; margin-top: var(--s1); font-size: var(--fs-small); color: var(--c-text-soft); line-height: 1.45; }
.aw-entry > .aw-icon { color: var(--c-petrol); transition: transform var(--ease); }
.aw-entry:hover > .aw-icon { transform: translateX(3px); }

/* Karte: Wissenswelt – mobil und mittel waagerecht, groß als 5×2-Kacheln */
.aw-welt { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: var(--s3); height: 100%; min-height: 4.5rem; padding: var(--s3) var(--s4) var(--s3) var(--s3); border: 1px solid var(--c-line-soft); border-radius: var(--r-m); background: var(--c-white); text-decoration: none; color: var(--c-text); box-shadow: var(--sh-1); transition: box-shadow var(--ease), transform var(--ease), border-color var(--ease); }
.aw-welt:hover { border-color: var(--tone); box-shadow: var(--sh-2); transform: translateY(-2px); color: var(--c-text); }
.aw-welt:active { transform: translateY(0); box-shadow: var(--sh-1); }
.aw-welt__body { display: block; min-width: 0; }
.aw-welt__name { display: block; font-weight: 700; font-size: 1.125rem; line-height: 1.25; color: var(--c-ink); }
.aw-welt__desc { display: block; margin-top: 0.125rem; font-size: var(--fs-small); line-height: 1.4; color: var(--c-text-soft); }
.aw-welt > .aw-icon { color: var(--tone); transition: transform var(--ease); }
.aw-welt:hover > .aw-icon { transform: translateX(3px); }
@media (min-width: 64rem) {
	.aw-welt-grid:not(.aw-welt-grid--compact) { grid-template-columns: repeat(5, 1fr); gap: var(--s4); }
	.aw-welt-grid:not(.aw-welt-grid--compact) .aw-welt { grid-template-columns: 1fr; align-content: start; gap: var(--s3); padding: var(--s4); border-top: 4px solid var(--tone); }
	.aw-welt-grid:not(.aw-welt-grid--compact) .aw-welt > .aw-icon { display: none; }
	.aw-welt-grid:not(.aw-welt-grid--compact) .aw-badge { width: 3.25rem; height: 3.25rem; }
}
.aw-split { display: grid; gap: var(--s6); }
@media (min-width: 64rem) { .aw-split { grid-template-columns: 1fr 1fr; gap: var(--s8); } }

/* So arbeiten wir */
.aw-principles { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s3); }
.aw-principles li { position: relative; margin: 0; padding: var(--s4) var(--s4) var(--s4) calc(var(--s4) + 3.25rem); min-height: 5rem; background: var(--c-white); border: 1px solid var(--c-line-soft); border-radius: var(--r-m); box-shadow: var(--sh-1); }
.aw-principles strong { display: block; color: var(--c-ink); margin-bottom: var(--s1); }
.aw-principles__icon { position: absolute; left: var(--s4); top: var(--s4); display: inline-grid; place-items: center; width: 2.5rem; height: 2.5rem; border-radius: 10px; background: var(--c-tuerkis-hell); color: var(--c-petrol); }
.aw-principles__icon .aw-icon { vertical-align: 0; }
@media (min-width: 48rem) { .aw-principles { grid-template-columns: repeat(3, 1fr); gap: var(--s4); } .aw-principles li { padding: calc(var(--s4) + 3.25rem) var(--s5) var(--s5) var(--s5); } .aw-principles__icon { left: var(--s5); top: var(--s5); } }

/* ---------- Listen ---------- */
.aw-list { list-style: none; margin: 0 0 var(--s5); padding: 0; display: grid; gap: var(--s3); }
.aw-item { position: relative; padding: var(--s4); border: 1px solid var(--c-line-soft); border-radius: var(--r-m); background: var(--c-white); box-shadow: var(--sh-1); transition: box-shadow var(--ease), border-color var(--ease); }
.aw-item:hover { border-color: var(--c-line); box-shadow: var(--sh-2); }
.aw-item__type { margin: 0 0 var(--s1); font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.03em; color: var(--c-text-soft); }
.aw-item__welt::before { content: "· "; margin-left: var(--s1); }
.aw-item__title { font-size: 1.125rem; margin: 0 0 var(--s1); }
h2.aw-item__title { font-size: 1.1875rem; }
.aw-item__title a { text-decoration: none; }
.aw-item__title a:hover { text-decoration: underline; }
/* ganze Karte als Treffer (großes Touch-Ziel), Fokusrahmen um die Karte */
.aw-item__title a::after { content: ""; position: absolute; inset: 0; border-radius: var(--r-m); }
.aw-item__title a:focus-visible { outline: none; }
.aw-item__title a:focus-visible::after { outline: var(--focus); outline-offset: 2px; }
.aw-item__teaser, .aw-item__date, .aw-item__meta { margin: 0; color: var(--c-text-soft); font-size: var(--fs-small); }
.aw-item__meta .aw-icon { margin-right: var(--s1); }
@media (min-width: 64rem) { .aw-list--cols { grid-template-columns: repeat(3, 1fr); gap: var(--s4); } }
@media (min-width: 40rem) and (max-width: 63.99rem) { .aw-list--cols { grid-template-columns: 1fr 1fr; } }

.aw-chips { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: var(--s2); font-size: var(--fs-small); }
.aw-chips li { padding: var(--s1) var(--s3); background: var(--c-nebel); border-radius: 999px; }
.aw-chips--links li { padding: 0; background: none; }
.aw-chips--links a { display: inline-flex; align-items: center; min-height: var(--tap); padding: 0 var(--s4); border: 1.5px solid var(--c-line-strong); border-radius: 999px; text-decoration: none; color: var(--c-ink); transition: background-color var(--ease), border-color var(--ease); }
.aw-chips--links a:hover { border-color: var(--c-petrol); color: var(--c-petrol); background: var(--c-nebel); }
.aw-chips--links a[aria-current] { background: var(--c-petrol); border-color: var(--c-petrol); color: var(--c-white); }
.aw-chipnav { margin: var(--s5) 0; }

/* ---------- Akkordeons (Welt-Seite, FAQ, Filter, Inhaltsverzeichnis) ---------- */
.aw-uk, .aw-faq { margin-top: var(--s5); display: grid; gap: var(--s3); }
.aw-uk__item, .aw-faq__item { border: 1px solid var(--c-line-soft); border-radius: var(--r-m); background: var(--c-white); box-shadow: var(--sh-1); overflow: clip; }
.aw-uk__item[open], .aw-faq__item[open] { border-color: var(--c-line); }
.aw-uk__item > summary, .aw-faq__item > summary, .aw-filters > summary, .aw-toc summary, .aw-footer__group > summary, .aw-report__details > summary {
	display: flex; align-items: center; gap: var(--s3); min-height: 3.5rem; padding: var(--s2) var(--s4); cursor: pointer; list-style: none; font-weight: 700; color: var(--c-ink); transition: background-color var(--ease);
}
.aw-uk__item > summary:hover, .aw-faq__item > summary:hover { background: var(--c-nebel); }
.aw-uk__item > summary:active, .aw-faq__item > summary:active { background: var(--c-nebel-2); }
details > summary::-webkit-details-marker { display: none; }
details > summary .aw-icon { margin-left: auto; transition: transform 0.15s; color: var(--c-petrol); }
details[open] > summary .aw-icon { transform: rotate(180deg); }
.aw-uk__name { font-size: 1.125rem; }
.aw-uk__item > .aw-list { padding: 0 var(--s3) var(--s3); margin: 0; }
.aw-uk__item .aw-item { box-shadow: none; background: var(--c-nebel); border-color: transparent; }
.aw-uk__item .aw-item:hover { background: var(--c-white); border-color: var(--c-line); box-shadow: var(--sh-1); }
.aw-faq__answer { padding: 0 var(--s4) var(--s4); color: var(--c-text); }
.aw-faq__answer > :last-child { margin-bottom: 0; }

/* ---------- Artikel ---------- */
.aw-article__welt { margin: 0 0 var(--s3); font-weight: 700; }
.aw-article__welt a { display: inline-flex; align-items: center; gap: var(--s2); min-height: var(--tap); padding: 0.125rem var(--s4) 0.125rem 0.375rem; border-radius: 999px; background: var(--tone-bg); color: var(--c-ink); text-decoration: none; transition: box-shadow var(--ease); }
.aw-article__welt a:hover { box-shadow: var(--sh-1); color: var(--c-ink); }
.aw-article__welt .aw-badge { width: 2.25rem; height: 2.25rem; border-radius: 999px; background: var(--c-white); }
.aw-article__welt .aw-badge .aw-icon { width: 1.125rem; height: 1.125rem; }
.aw-tag { display: inline-block; margin-left: var(--s2); padding: 0.125rem var(--s3); border: 1px solid var(--c-petrol); border-radius: 999px; font-size: var(--fs-small); font-weight: 400; color: var(--c-petrol); }
.aw-article__head { max-width: var(--measure); }
.aw-article__head h1 { margin-bottom: var(--s3); line-height: 1.18; }
.aw-article__body { max-width: var(--measure); }
.aw-meta { list-style: none; padding: 0; margin: 0 0 var(--s4); display: flex; flex-wrap: wrap; gap: var(--s1) var(--s4); font-size: var(--fs-small); color: var(--c-text-soft); }
.aw-meta__label { color: var(--c-text-soft); }
.aw-meta li { color: var(--c-text); }
.aw-reviewed { display: flex; gap: var(--s2); align-items: flex-start; font-size: var(--fs-small); color: var(--c-text); margin-bottom: var(--s4); padding: var(--s3) var(--s4); background: var(--c-tuerkis-hell); border-radius: var(--r-m); }
.aw-reviewed .aw-icon { color: var(--c-petrol); margin-top: 0.15em; }
.aw-reviewed p { margin: 0; }
.aw-fuerwen { display: flex; gap: var(--s3); align-items: flex-start; font-size: var(--fs-small); margin: 0 0 var(--s5); padding: var(--s3) var(--s4); border: 1px solid var(--c-line-soft); border-radius: var(--r-m); background: var(--c-nebel); }
.aw-fuerwen .aw-icon { margin-top: 0.1em; color: var(--c-petrol); }
.aw-fuerwen span { min-width: 0; }
.aw-kennzeichnung { padding: var(--s3) var(--s4); border: 1.5px solid var(--c-warn-line); background: var(--c-warn-bg); border-radius: var(--r-m); font-size: var(--fs-small); }
.aw-kurz { margin: var(--s5) 0 var(--s6); padding: var(--s4) var(--s4) var(--s4); background: var(--c-tuerkis-hell); border-radius: var(--r-m); border-left: 5px solid var(--c-petrol); color: var(--c-ink); }
.aw-kurz__title { display: flex; align-items: center; gap: var(--s2); font-size: 1rem; margin: 0 0 var(--s2); color: var(--c-petrol-dark); }
.aw-kurz__title .aw-icon { color: var(--c-petrol); }
.aw-kurz p:last-child { margin: 0; }
@media (min-width: 40rem) { .aw-kurz { padding: var(--s5); } }

.aw-toc { margin-bottom: var(--s5); border: 1px solid var(--c-line-soft); border-radius: var(--r-m); background: var(--c-white); box-shadow: var(--sh-1); max-width: var(--measure); overflow: clip; }
.aw-toc summary { gap: var(--s2); }
.aw-toc summary .aw-icon:first-child { margin-left: 0; transform: none; }
.aw-toc[open] summary .aw-icon:first-child, .aw-toc details[open] > summary .aw-icon:first-child { transform: none; }
.aw-toc ol { margin: 0; padding: 0 var(--s4) var(--s3) calc(var(--s4) + 1.4em); }
.aw-toc li { margin: 0; }
.aw-toc li a { display: inline-flex; align-items: center; min-height: var(--tap); text-decoration: none; }
.aw-toc li a:hover { text-decoration: underline; }
@media (min-width: 72rem) {
	.aw-article--toc { display: grid; grid-template-columns: minmax(0, 1fr) 16rem; column-gap: var(--s8); align-items: start; }
	.aw-article--toc .aw-article__head { grid-column: 1; }
	.aw-article--toc .aw-article__body { grid-column: 1; grid-row: 2; }
	.aw-article--toc .aw-toc { grid-column: 2; grid-row: 1 / span 2; position: sticky; top: 6rem; border: 0; border-left: 3px solid var(--c-tuerkis); border-radius: 0; box-shadow: none; background: none; padding-left: var(--s4); margin-top: var(--s8); font-size: var(--fs-small); overflow: visible; }
	.aw-article--toc .aw-toc summary { pointer-events: none; min-height: 0; padding-inline: 0; }
	.aw-article--toc .aw-toc summary > .aw-icon:last-child { display: none; }
	.aw-article--toc .aw-toc ol { padding-inline: 1.4em 0; }
	.aw-article--toc .aw-toc li a { min-height: 2rem; }
}

.aw-prose { max-width: var(--measure); overflow-wrap: break-word; line-height: var(--lh-prose); }
.aw-prose a { overflow-wrap: anywhere; }  /* lange Adressen in Quellenlisten dürfen umbrechen (kein seitliches Scrollen auf dem Smartphone) */
.aw-prose > :first-child { margin-top: 0; }
.aw-prose p { margin-bottom: 1.15em; }
/* Gliederung langer Texte: Zwischenüberschriften mit Trennlinie und kurzer Leitlinie */
.aw-prose h2 { position: relative; margin-top: var(--s7); padding-top: var(--s5); border-top: 1px solid var(--c-line-soft); scroll-margin-top: 5rem; }
.aw-prose h2::before { content: ""; position: absolute; left: 0; top: -2px; width: 2.5rem; height: 3px; background: var(--c-tuerkis); border-radius: 2px; }
.aw-prose > h2:first-child { border-top: 0; padding-top: 0; margin-top: 0; }
.aw-prose > h2:first-child::before { display: none; }
.aw-prose h3 { margin-top: var(--s6); }
.aw-prose ul, .aw-prose ol { padding-left: 1.4em; }
.aw-prose ul { list-style: none; padding-left: 1.5em; }
.aw-prose ul > li { position: relative; }
.aw-prose ul > li::before { content: ""; position: absolute; left: -1.1em; top: 0.72em; width: 0.45em; height: 0.45em; border-radius: 50%; background: var(--c-petrol); }
.aw-prose li { margin-bottom: var(--s2); }
.aw-prose li::marker { color: var(--c-petrol); font-weight: 700; }
.aw-prose blockquote { margin: var(--s5) 0; padding: var(--s3) var(--s4); border-left: 4px solid var(--c-line-strong); background: var(--c-nebel); border-radius: 0 var(--r-m) var(--r-m) 0; color: var(--c-text-soft); }
.aw-prose table { border-collapse: separate; border-spacing: 0; width: 100%; font-size: var(--fs-small); display: block; overflow-x: auto; border: 1px solid var(--c-line); border-radius: var(--r-m); }
.aw-prose th, .aw-prose td { border-bottom: 1px solid var(--c-line-soft); padding: var(--s3) var(--s3); text-align: left; vertical-align: top; }
.aw-prose th { background: var(--c-nebel); color: var(--c-ink); }
.aw-prose tr:last-child td { border-bottom: 0; }

.aw-praxis, .aw-evidenz, .aw-hinweis { margin: var(--s6) 0; padding: var(--s4); border-radius: var(--r-m); }
@media (min-width: 40rem) { .aw-praxis, .aw-evidenz, .aw-hinweis { padding: var(--s4) var(--s5); } }
.aw-praxis { background: var(--c-nebel); border-left: 5px solid var(--c-line-strong); }
.aw-praxis h3 { margin-top: 0; }
.aw-evidenz { border: 1.5px solid var(--c-line); background: var(--c-white); box-shadow: var(--sh-1); }
.aw-evidenz > h2 { margin-top: 0; padding-top: 0; border-top: 0; font-size: 1.3125rem; }
.aw-evidenz > h2::before { display: none; }
.aw-evidenz__stufe { display: flex; align-items: center; gap: var(--s2); font-size: 1.0625rem; margin-top: var(--s5); }
.aw-evidenz__stufe::before { content: ""; width: 0.9rem; height: 0.9rem; border-radius: 50%; border: 2px solid var(--c-petrol); flex: none; }
.aw-evidenz__stufe--gesichert::before { background: var(--c-petrol); }
.aw-evidenz__stufe--begrenzt::before { background: linear-gradient(90deg, var(--c-petrol) 50%, transparent 50%); }
.aw-hinweis { display: flex; gap: var(--s3); align-items: flex-start; border: 1.5px solid var(--c-line); background: var(--c-nebel); font-size: var(--fs-small); max-width: var(--measure); }
.aw-hinweis .aw-icon { color: var(--c-petrol); margin-top: 0.1em; }
.aw-hinweis p { margin: 0; }

.aw-block { margin-top: var(--s7); }
.aw-block > h2 { margin-top: 0; }
.aw-subhead { font-size: 1.0625rem; margin-top: var(--s5); }
.aw-terms > div { padding: var(--s3) var(--s4); margin-bottom: var(--s2); border: 1px solid var(--c-line-soft); border-radius: var(--r-m); background: var(--c-nebel); }
.aw-terms dt { font-weight: 700; }
.aw-terms dd { margin: var(--s1) 0 0; color: var(--c-text-soft); font-size: var(--fs-small); }

/* Quellen: sachlich und zurückhaltend */
.aw-sources { margin-top: var(--s7); padding: var(--s4); font-size: var(--fs-small); color: var(--c-text-soft); background: var(--c-nebel); border-radius: var(--r-m); border: 1px solid var(--c-line-soft); }
.aw-sources h2 { display: flex; align-items: center; gap: var(--s2); margin-top: 0; font-size: 1.125rem; }
.aw-sources h2 .aw-icon { color: var(--c-petrol); }
.aw-sources ol { padding-left: 1.6em; margin-bottom: 0; }
.aw-sources li { margin-bottom: var(--s3); line-height: 1.5; }
.aw-sources li::marker { color: var(--c-petrol); font-weight: 700; }
.aw-cite__status { font-weight: 700; color: var(--c-warn-line); }
.aw-cite__note { color: var(--c-text-soft); }
.aw-cite__note::before { content: "– "; }
@media (min-width: 40rem) { .aw-sources { padding: var(--s5); } }

.aw-study { margin-bottom: var(--s6); }
.aw-study > h2 { margin-top: 0; }
.aw-study__facts, .aw-facts { display: grid; gap: 0; margin: var(--s4) 0 var(--s5); border: 1px solid var(--c-line-soft); border-radius: var(--r-m); overflow: clip; }
.aw-study__facts > div, .aw-facts > div { display: grid; grid-template-columns: minmax(6.5rem, 9rem) 1fr; gap: var(--s3); padding: var(--s3) var(--s4); border-top: 1px solid var(--c-line-soft); }
.aw-study__facts > div:first-child, .aw-facts > div:first-child { border-top: 0; }
.aw-study__facts > div:nth-child(odd), .aw-facts > div:nth-child(odd) { background: var(--c-nebel); }
.aw-study__facts dt, .aw-facts dt { font-weight: 700; color: var(--c-ink); }
.aw-study__facts dd, .aw-facts dd { margin: 0; overflow-wrap: anywhere; }
.aw-study__note, .aw-note { font-size: var(--fs-small); color: var(--c-text-soft); }
.aw-definition { color: var(--c-text); font-size: 1.25rem; }
.aw-callout { padding: var(--s3) var(--s4); background: var(--c-tuerkis-hell); border-radius: var(--r-m); }

.aw-demo { padding: var(--s2) var(--s3); border: 2px dashed var(--c-ink); border-radius: var(--radius); font-size: var(--fs-small); font-weight: 700; color: var(--c-ink); background: var(--c-warn-bg); }
.aw-platzhalter { padding: var(--s3); border: 2px dashed var(--c-warn-line); background: var(--c-warn-bg); border-radius: var(--radius); }
.aw-empty { padding: var(--s5); background: var(--c-nebel); border: 1px solid var(--c-line-soft); border-radius: var(--r-m); }
.aw-affiliate { font-size: var(--fs-small); color: var(--c-text-soft); }

/* Fehler melden */
.aw-report { margin-top: var(--s6); padding: var(--s4); max-width: var(--measure); border: 1px solid var(--c-line-soft); border-radius: var(--r-m); background: var(--c-white); box-shadow: var(--sh-1); }
.aw-report h2 { display: flex; align-items: center; gap: var(--s2); margin-top: 0; padding-top: 0; border-top: 0; font-size: 1.1875rem; }
.aw-report h2::before { content: ""; position: static; width: 1.5rem; height: 1.5rem; flex: none; background-color: var(--c-petrol); border-radius: 0; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4m0 0h11l-2 4 2 4H5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4m0 0h11l-2 4 2 4H5'/%3E%3C/svg%3E") center / contain no-repeat; }
.aw-report__details > summary { min-height: var(--tap); padding: 0; color: var(--c-petrol); text-decoration: underline; justify-content: flex-start; }
.aw-report__details:not([open]) > :not(summary) { display: none; } /* geschlossen ist der Standard, auch wenn ein Browser den Inhalt von sich aus zeigen würde */
.aw-report__details:not([open]) .aw-report__close, .aw-report__details[open] .aw-report__open { display: none; }
.aw-report__status { padding: var(--s3) var(--s4); background: var(--c-tuerkis-hell); border-radius: var(--r-m); font-weight: 700; }
.aw-report__status--error { background: var(--c-warn-bg); border: 1.5px solid var(--c-warn-line); }
@media (min-width: 40rem) { .aw-report { padding: var(--s5); } }

/* Suche, Filter, Paginierung */
.aw-search--page { margin-bottom: var(--s4); }
.aw-filters { margin-top: var(--s4); border: 1px solid var(--c-line-soft); border-radius: var(--r-m); background: var(--c-white); box-shadow: var(--sh-1); }
.aw-filters > summary { border-radius: var(--r-m); }
.aw-filters[open] > summary { border-bottom: 1px solid var(--c-line-soft); border-radius: var(--r-m) var(--r-m) 0 0; }
.aw-filters__grid { display: grid; gap: 0 var(--s4); padding: var(--s4) var(--s4) 0; }
.aw-filters__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s4); padding: 0 var(--s4) var(--s4); }
@media (min-width: 40rem) { .aw-filters__grid { grid-template-columns: 1fr 1fr; } }
.aw-filterform { display: grid; gap: 0 var(--s4); margin-bottom: var(--s5); padding: var(--s4); border: 1px solid var(--c-line-soft); border-radius: var(--r-m); background: var(--c-nebel); }
.aw-filterform .aw-filters__actions { padding: 0; }
@media (min-width: 40rem) { .aw-filterform { grid-template-columns: 1fr 1fr 1fr; } .aw-filterform .aw-filters__actions { grid-column: 1 / -1; } }
.aw-results__count { font-weight: 700; color: var(--c-ink); margin: var(--s5) 0 var(--s3); }
.aw-pagination ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: var(--s2); }
.aw-pagination a, .aw-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: var(--tap); min-height: var(--tap); padding: 0 var(--s3); border: 1.5px solid var(--c-line); border-radius: var(--radius); text-decoration: none; background: var(--c-white); transition: background-color var(--ease), border-color var(--ease); }
.aw-pagination a:hover { border-color: var(--c-petrol); background: var(--c-nebel); }
.aw-pagination .current { background: var(--c-petrol); border-color: var(--c-petrol); color: var(--c-white); }

/* Glossar A–Z */
.aw-az ul { list-style: none; padding: 0; margin: var(--s5) 0; display: flex; flex-wrap: wrap; gap: var(--s2); }
.aw-az a, .aw-az span { display: inline-flex; align-items: center; justify-content: center; width: var(--tap); height: var(--tap); border-radius: var(--radius); font-weight: 700; text-decoration: none; }
.aw-az a { border: 1.5px solid var(--c-line-strong); background: var(--c-white); transition: background-color var(--ease), border-color var(--ease); }
.aw-az a:hover { border-color: var(--c-petrol); background: var(--c-nebel); }
.aw-az span { color: #7C8A94; }
.aw-az__group h2 { font-size: 1.5rem; margin-top: var(--s6); }
.aw-links { padding-left: 1.2em; }

/* ---------- Fuß ---------- */
.aw-footer { position: relative; background: var(--c-ink); color: #DCE7EC; padding: var(--s6) 0 var(--s5); font-size: var(--fs-small); border-top: 4px solid var(--c-tuerkis); }
.aw-footer a { color: var(--c-white); }
.aw-footer a:hover { color: var(--c-tuerkis); }
.aw-footer :focus-visible { outline-color: var(--c-tuerkis); }
/* Das Logo gibt es nur in Navy und Türkis (keine helle Fassung): darum auf weißer Plakette, unverändert. */
.aw-footer__brand { margin-bottom: var(--s5); }
.aw-footer__logo { display: inline-block; padding: var(--s3) var(--s4); background: var(--c-white); border-radius: var(--r-m); }
.aw-footer__logo:hover { background: var(--c-white); }
.aw-footer__logoimg { display: block; height: 3rem; width: auto; }
.aw-footer__cols { display: grid; border-top: 1px solid rgba(255,255,255,0.2); }
.aw-footer__group { border-bottom: 1px solid rgba(255,255,255,0.2); }
.aw-footer__group > summary { color: var(--c-white); padding-inline: 0; }
.aw-footer__group > summary:hover { background: none; }
.aw-footer__group > summary .aw-icon { color: var(--c-tuerkis); }
.aw-footer__group ul { list-style: none; padding: 0 0 var(--s3); margin: 0; }
.aw-footer__group li { margin-bottom: 0; }
.aw-footer__group li a { display: inline-flex; align-items: center; min-height: var(--tap); padding: var(--s1) 0; }
.aw-footer__heading { font-size: 1rem; color: var(--c-white); margin: var(--s4) 0 var(--s2); }
.aw-footer__legal ul { display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--s4); }
@media (min-width: 48rem) { .aw-footer__legal ul { display: block; } }
.aw-footer__copy { margin: var(--s5) 0 0; }
@media (min-width: 48rem) {
	.aw-footer { padding-top: var(--s7); }
	.aw-footer__cols { grid-template-columns: repeat(4, 1fr); gap: var(--s5); border: 0; }
	.aw-footer__group { border: 0; }
	.aw-footer__group > summary { pointer-events: none; min-height: 0; margin: var(--s4) 0 var(--s2); padding: 0; }
	.aw-footer__group > summary .aw-icon { display: none; }
	.aw-footer__group li a { min-height: var(--tap); }
}
@media (min-width: 64rem) { .aw-footer__group li a { min-height: 2rem; } }

/* ---------- Aktuelles (Karten, Übersicht, Einzelmeldung) ---------- */
.aw-section--aktuell { background: var(--c-white); }
.aw-news-grid, .aw-news-list { display: grid; gap: var(--s3); }
.aw-news-list { margin-bottom: var(--s5); }
.aw-news-card { position: relative; display: flex; flex-direction: column; gap: var(--s2); padding: var(--s4); border: 1px solid var(--c-line-soft); border-radius: var(--r-l); background: var(--c-white); box-shadow: var(--sh-1); transition: box-shadow var(--ease), transform var(--ease), border-color var(--ease); }
.aw-news-card:hover { border-color: var(--c-petrol); box-shadow: var(--sh-2); transform: translateY(-2px); }
.aw-news-card:active { transform: translateY(0); box-shadow: var(--sh-1); }
.aw-news-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2) var(--s3); margin: 0; font-size: 0.875rem; color: var(--c-text-soft); }
.aw-news-card__kat, .aw-news__kat { display: inline-block; padding: 0.125rem var(--s3); border-radius: 999px; background: var(--c-tuerkis-hell); color: var(--c-petrol-dark); font-weight: 700; font-size: 0.875rem; }
.aw-news-card__title { margin: 0; font-size: 1.1875rem; line-height: 1.25; }
.aw-news-card__title a { text-decoration: none; color: var(--c-ink); }
.aw-news-card__title a:hover { text-decoration: underline; color: var(--c-petrol); }
.aw-news-card__title a::after { content: ""; position: absolute; inset: 0; border-radius: var(--r-l); }
.aw-news-card__title a:focus-visible { outline: none; }
.aw-news-card__title a:focus-visible::after { outline: var(--focus); outline-offset: 2px; }
.aw-news-card__teaser { margin: 0; color: var(--c-text-soft); font-size: var(--fs-small); }
.aw-news-card__upd { margin: 0; font-size: 0.8125rem; color: var(--c-text-soft); }
/* Aktuelles-Übersicht: Kacheln mit Beitragsbild (einheitlich 16:9, Ausschnitt per object-fit) */
.aw-news-card.aw-news-card--bild { padding: 0; gap: 0; overflow: hidden; }
.aw-news-card__media { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: var(--c-tuerkis-hell); }
.aw-news-card__img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 35%; transition: transform 0.4s ease; }
.aw-news-card--bild:hover .aw-news-card__img { transform: scale(1.03); }
.aw-news-card__ph { position: absolute; inset: 0; background: radial-gradient(circle at 80% 20%, rgba(46, 196, 182, 0.35), transparent 55%), linear-gradient(135deg, var(--c-petrol) 0%, var(--c-ink) 100%); }
.aw-news-card__ph::after { content: ""; position: absolute; left: 50%; top: 50%; width: 3.5rem; height: 3.5rem; margin: -1.75rem 0 0 -1.75rem; border: 2px solid rgba(255, 255, 255, 0.35); border-radius: 50%; }
.aw-news-card__body { display: flex; flex-direction: column; gap: var(--s2); padding: var(--s4); }
@media (prefers-reduced-motion: reduce) { .aw-news-card__img { transition: none; } .aw-news-card--bild:hover .aw-news-card__img { transform: none; } }
.aw-news-card--featured { background: linear-gradient(165deg, var(--c-ink) 0%, var(--c-ink-2) 100%); border-color: transparent; color: #DCE7EC; }
.aw-news-card--featured .aw-news-card__meta, .aw-news-card--featured .aw-news-card__teaser, .aw-news-card--featured .aw-news-card__upd { color: #DCE7EC; }
.aw-news-card--featured .aw-news-card__kat { background: var(--c-tuerkis); color: var(--c-ink); }
.aw-news-card--featured .aw-news-card__title { font-size: 1.5rem; }
.aw-news-card--featured .aw-news-card__title a { color: var(--c-white); }
.aw-news-card--featured .aw-news-card__title a:hover { color: var(--c-tuerkis); }
.aw-news-card--featured .aw-news-card__title a:focus-visible::after { outline-color: var(--c-tuerkis); }
@media (min-width: 40rem) { .aw-news-grid { grid-template-columns: 1fr 1fr; gap: var(--s4); } .aw-news-grid .aw-news-card--featured { grid-column: 1 / -1; } .aw-news-list { grid-template-columns: 1fr 1fr; gap: var(--s4); } }
@media (min-width: 64rem) {
	.aw-news-grid { grid-template-columns: 1.35fr 1fr; grid-auto-flow: dense; }
	.aw-news-grid .aw-news-card--featured { grid-column: 1; grid-row: 1 / span 3; justify-content: center; padding: var(--s6); }
	.aw-news-grid .aw-news-card--featured .aw-news-card__title { font-size: 1.875rem; }
	.aw-news-grid .aw-news-card:not(.aw-news-card--featured) { grid-column: 2; }
	.aw-news-list { grid-template-columns: repeat(3, 1fr); }
}
/* Startseite: gleichförmige Bildkacheln (2 Spalten Tablet, 4 Spalten Desktop) statt hervorgehobener Einzelkachel */
@media (min-width: 64rem) { .aw-news-grid.aw-news-grid--bild { grid-template-columns: repeat(4, 1fr); } .aw-news-grid--bild .aw-news-card:not(.aw-news-card--featured) { grid-column: auto; } }
/* Aktuelles-Meldung: „Weitere Meldungen“ in voller Inhaltsbreite (außerhalb des Lesespalten-Limits), Bildkarten mit gleicher Höhe */
.aw-weitere { margin: var(--s7) 0 var(--s6); padding-top: var(--s6); border-top: 1px solid var(--c-line-soft); }
.aw-weitere__title { margin: 0 0 var(--s5); font-size: 1.5rem; }
.aw-weitere__title::after { content: ""; display: block; width: 3rem; height: 4px; margin-top: var(--s2); border-radius: 4px; background: linear-gradient(90deg, var(--c-petrol), var(--c-tuerkis)); }
.aw-news-list--weitere { grid-template-columns: 1fr; margin-bottom: var(--s5); align-items: stretch; }
.aw-news-list--weitere .aw-news-card { height: 100%; border-radius: var(--r-l); }
.aw-news-list--weitere .aw-news-card__body { flex: 1; padding: var(--s4) var(--s5) var(--s5); gap: var(--s3); }
.aw-news-list--weitere .aw-news-card__title { font-size: 1.1875rem; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.aw-news-list--weitere .aw-news-card__teaser { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; hyphens: auto; }
.aw-news-list--weitere .aw-news-card:hover { border-color: var(--c-tuerkis); box-shadow: var(--sh-2); transform: translateY(-4px); }
.aw-news-list--weitere .aw-news-card:hover .aw-news-card__title a { color: var(--c-petrol); text-decoration: underline; }
@media (min-width: 40rem) { .aw-news-list--weitere { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 64rem) { .aw-news-list--weitere { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s5); } }
@media (prefers-reduced-motion: reduce) { .aw-news-list--weitere .aw-news-card:hover { transform: none; } }
.aw-news-archive .aw-page-head { margin-bottom: var(--s4); }
.aw-news-empty h2 { margin-top: 0; font-size: 1.375rem; }
.aw-news-feed { margin: var(--s5) 0 var(--s7); font-size: var(--fs-small); }

.aw-news__tags { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2) var(--s3); margin: 0 0 var(--s3); }
.aw-news__art { font-size: 0.875rem; font-weight: 700; color: var(--c-text-soft); }
.aw-news__lead { margin: 0 0 var(--s5); font-size: 1.1875rem; line-height: 1.55; color: var(--c-ink); font-weight: 700; }
.aw-factbox { display: grid; margin: 0 0 var(--s3); border: 1px solid var(--c-line-soft); border-radius: var(--r-m); overflow: clip; }
.aw-factbox > div { display: grid; grid-template-columns: minmax(7rem, 11rem) 1fr; gap: var(--s3); padding: var(--s3) var(--s4); border-top: 1px solid var(--c-line-soft); }
.aw-factbox > div:first-child { border-top: 0; }
.aw-factbox > div:nth-child(odd) { background: var(--c-nebel); }
.aw-factbox dt { font-weight: 700; color: var(--c-ink); }
.aw-factbox dd { margin: 0; overflow-wrap: anywhere; }
.aw-news__note { margin: 0 0 var(--s5); }
.aw-kurz--einordnung { margin-top: var(--s6); background: var(--c-nebel); border-left-color: var(--c-ink); }
.aw-kurz--einordnung .aw-kurz__title { color: var(--c-ink); }
.aw-news__fuerwen { margin-top: var(--s3); }
@media (max-width: 39.99rem) { .aw-factbox > div { grid-template-columns: 1fr; gap: var(--s1); } }

/* ---------- Affiliate (Plugin aw-affiliate): Kennzeichnung unmittelbar am Link, kein Begleittext ---------- */
.aw-affiliate-tag { display: inline-block; margin-left: var(--s1); padding: 0.0625rem var(--s2); border: 1px solid var(--c-line-strong); border-radius: 999px; font-size: 0.8125rem; font-weight: 400; line-height: 1.5; color: var(--c-text-soft); white-space: nowrap; vertical-align: 0.1em; }
.aw-prose .aw-angebote h2 { margin-top: 0; }
.aw-angebote { margin: var(--s7) 0 var(--s5); padding: var(--s4); border: 1px solid var(--c-line-soft); border-radius: var(--r-m); background: var(--c-nebel); }
.aw-angebote h2 { margin-top: 0; padding-top: 0; border-top: 0; font-size: 1.1875rem; }
.aw-angebote h2::before { display: none; }
.aw-angebote__list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s3); }
.aw-angebote__item { margin: 0; padding: var(--s3) var(--s4); background: var(--c-white); border: 1px solid var(--c-line-soft); border-radius: var(--r-m); }
.aw-prose .aw-angebote__list { padding-left: 0; list-style: none; }
.aw-prose .aw-angebote__item { margin: 0; }
.aw-prose .aw-angebote__item::before { display: none; }
.aw-angebote__art { display: block; font-size: 0.8125rem; font-weight: 700; color: var(--c-text-soft); }
.aw-angebote__link { display: block; font-weight: 700; }
.aw-angebote__text, .aw-angebote__meta { margin: var(--s1) 0 0; font-size: var(--fs-small); color: var(--c-text-soft); }
.aw-angebote__meta { margin-top: var(--s1); }
.aw-affiliate-row { margin: 0 0 var(--s2); }

/* ---------- Newsletter (Formular kommt aus dem Plugin aw-newsletter; Gestaltung hier im Designsystem) ---------- */
.aw-section--newsletter { padding-block: var(--s6); }
.aw-newsletter__card { display: grid; gap: var(--s5); padding: var(--s5) var(--s4); border-radius: var(--r-l); color: var(--c-white); background:
	radial-gradient(40rem 20rem at 100% 0%, rgba(53, 181, 172, 0.3), transparent 60%),
	linear-gradient(165deg, var(--c-ink) 0%, var(--c-ink-2) 100%); box-shadow: var(--sh-2); }
.aw-newsletter h2 { margin: 0 0 var(--s2); color: var(--c-white); }
.aw-newsletter__intro { margin: 0; color: #DCE7EC; max-width: 30rem; }
.aw-newsletter__box { min-width: 0; }
.aw-newsletter .aw-field { margin-bottom: var(--s3); }
.aw-newsletter label { color: var(--c-white); }
.aw-newsletter input[type="email"] { border-color: var(--c-white); min-height: 3.25rem; font-size: 1.0625rem; }
.aw-newsletter__consent { display: grid; grid-template-columns: auto 1fr; gap: var(--s3); align-items: start; margin: 0 0 var(--s4); }
.aw-newsletter__consent input[type="checkbox"] { width: 1.5rem; height: 1.5rem; margin: 0.15rem 0 0; accent-color: var(--c-tuerkis); }
.aw-newsletter__consent label { margin: 0; font-weight: 400; font-size: var(--fs-small); line-height: 1.5; color: #E6EEF2; }
.aw-newsletter a { color: var(--c-white); }
.aw-newsletter a:hover { color: var(--c-tuerkis); }
.aw-newsletter :focus-visible { outline-color: var(--c-tuerkis); }
.aw-newsletter .aw-button { width: 100%; background: var(--c-tuerkis); border-color: var(--c-tuerkis); color: var(--c-ink); min-height: 3.25rem; font-size: 1.0625rem; }
.aw-newsletter .aw-button:hover { background: var(--c-white); border-color: var(--c-white); color: var(--c-ink); }
.aw-newsletter__fine { margin: var(--s3) 0 0; font-size: var(--fs-small); color: #C9D8DA; }
.aw-newsletter__status:empty { display: none; }
.aw-newsletter__msg { margin: 0 0 var(--s4); padding: var(--s3) var(--s4); border-radius: var(--r-m); font-weight: 700; background: var(--c-white); color: var(--c-ink); border-left: 5px solid var(--c-tuerkis); }
.aw-newsletter__msg--fehler { border-left-color: var(--c-warn-line); background: var(--c-warn-bg); }
@media (min-width: 48rem) { .aw-newsletter__card { padding: var(--s6); } .aw-newsletter .aw-button { width: auto; } }
@media (min-width: 64rem) { .aw-newsletter--start .aw-newsletter__card { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: var(--s7); align-items: center; } }
.aw-prose .aw-newsletter { margin: var(--s5) 0; }

/* VG-WORT-Zählbild (Plugin aw-vgwort): unsichtbar, 1 × 1 Pixel, ohne Platzbedarf */
.aw-vgwort { position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; border: 0; opacity: 0; pointer-events: none; }

@media print {
	.aw-header, .aw-footer, .aw-report, .aw-toc, .aw-skip, .aw-searchbar { display: none !important; }
	a { color: inherit; }
}

/* Fußspalten auf breiten Bildschirmen auch ohne JavaScript sichtbar (moderne Browser). */
@media (min-width: 48rem) { .aw-footer__group::details-content { content-visibility: visible; display: block; } }

/* ---------- Mobil verdichtet (unter 40rem): weniger Leerraum, kleinere Köpfe, Touchflächen bleiben groß ---------- */
@media (max-width: 39.999rem) {
	.aw-header__bar { min-height: 3.25rem; }
	.aw-brand__logo { height: 2.25rem; }
	h1 { font-size: clamp(1.625rem, 1.3rem + 1.6vw, 1.875rem); }
	.aw-section { padding-block: var(--s5); }
	.aw-section__head { margin-bottom: var(--s4); gap: var(--s1) var(--s4); }
	.aw-section__intro { font-size: var(--fs-small); }
	.aw-news-grid, .aw-news-list { gap: var(--s2); }
	.aw-news-card { padding: var(--s3) var(--s4); gap: var(--s1); }
	.aw-news-card--featured .aw-news-card__title { font-size: 1.3125rem; }
	.aw-news-card__title { font-size: 1.0625rem; }
	.aw-news-card__teaser { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
	.aw-welt { min-height: 3.75rem; padding: var(--s2) var(--s3); }
	.aw-welt__desc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
	.aw-entry { min-height: 4.5rem; padding: var(--s3); gap: var(--s2) var(--s3); }
	.aw-entry__text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
	.aw-principles { gap: var(--s2); }
	.aw-principles li { min-height: 0; padding: var(--s3) var(--s3) var(--s3) calc(var(--s3) + 3rem); }
	.aw-principles__icon { left: var(--s3); top: var(--s3); width: 2.25rem; height: 2.25rem; }
	.aw-footer__logoimg { height: 2.25rem; }
	.aw-footer__logo { padding: var(--s2) var(--s3); }
	.aw-footer__brand { margin-bottom: var(--s4); }
	.aw-hero__brand { padding-block: var(--s4); }
	.aw-hero__logoimg { width: min(13.5rem, 58vw); }
	.aw-hero__searchcell { padding-block: var(--s4); }
	.aw-hero__search { padding: var(--s3) var(--s4) var(--s4); }
	.aw-hero__direct { margin-top: var(--s3); }
}

/* ---------- Startseite auf dem Smartphone (unter 40rem): kein Logo in der Leiste, großes Original-Logo mit Claim direkt darunter, keine Suchfläche (Suche über das Symbol), Reihenfolge Aktuelles → Welten → Neu → Checklisten & Vorlagen → Einstiege → FAQ → Newsletter → Arbeitsweise ---------- */
@media (max-width: 39.999rem) {
	.aw-front .aw-brand { display: none; }
	.aw-front .aw-header__actions { margin-left: auto; }
	.aw-front .aw-hero { background: var(--c-white); }
	.aw-front .aw-hero__searchcell { display: none; }
	.aw-front .aw-hero__brand { padding-block: var(--s4) var(--s2); box-shadow: none; clip-path: none; }
	.aw-front .aw-hero__logoimg { width: min(19rem, 78vw); }
	.aw-home { display: flex; flex-direction: column; }
	#home-aktuell { order: 1; padding-top: var(--s4); } /* Mobil: Aktuelles direkt nach dem Kopfbereich (Betreiberauftrag 22.10.2026, ersetzt „Welten zuerst“) */
	#home-welten { order: 2; }
	#home-selbsteinschaetzung { order: 3; } /* Selbsttest Autismus direkt nach den Wissenswelten (Auftrag 25.10.2026) */
	#home-duo { order: 4; }
	#home-einstiege { order: 5; }
	#home-faq { order: 6; }
	#home-newsletter { order: 7; }
	#home-app { order: 8; } /* App-Abschnitt mobil unmittelbar nach dem Newsletter (Betreiberentscheidung 10.10.2026, ersetzt „nach Aktuelles“) */
	#home-so { order: 9; }
	#home-welten .aw-section__intro, #home-aktuell .aw-section__intro, #home-faq .aw-section__intro { display: none; }
	#home-welten .aw-welt-grid { gap: var(--s2); }
	#home-aktuell .aw-news-grid > :nth-child(n+4) { display: none; }
	.aw-home__neu .aw-list > li:nth-child(n+4) { display: none; }
	.aw-home__duo .aw-split { gap: var(--s5); }
	.aw-home__duo .aw-list { margin-bottom: 0; gap: var(--s2); }
	.aw-home__duo .aw-item { padding: var(--s3) var(--s4); }
	.aw-home__duo .aw-item__title { font-size: 1.0625rem; margin-bottom: 0; }
	.aw-home__duo .aw-section__head { margin-bottom: var(--s3); flex-direction: column; align-items: flex-start; }
	.aw-home__duo .aw-more { justify-content: flex-start; gap: var(--s2); }
	.aw-section--newsletter { padding-block: var(--s4); }
	.aw-newsletter__card { padding: var(--s4); gap: var(--s4); }
	.aw-newsletter__intro { font-size: var(--fs-small); }
}

/* ---------- Startseite ab Tablet: Suchfeld im Hero kompakter ---------- */
@media (min-width: 40rem) {
	.aw-hero__search { max-width: 28rem; padding: var(--s3) var(--s4); }
	.aw-hero .aw-search__label { font-size: 1rem; }
	.aw-hero .aw-search__input { min-height: 2.75rem; font-size: 1rem; }
	.aw-hero .aw-search__button { min-width: 3rem; }
	.aw-hero__direct { margin: var(--s3) 0 var(--s2); }
	.aw-hero__chips a { min-height: 2.75rem; padding: var(--s1) var(--s3); font-size: 0.9375rem; }
}
@media (min-width: 64rem) {
	.aw-hero__brand { padding-block: var(--s7); }
	.aw-hero__searchcell { padding-block: var(--s7); }
}

/* ---------- Desktop-Startseite (ab 64rem), Betreiberfreigabe Hero-Feinkorrektur: kein kleines Logo in der Leiste, helle Fläche, große Marke dominiert, Suchmodul mit einer ruhigen hellen Fläche (eine Box, kein Doppelkasten), kleiner und weiter rechts ---------- */
@media (min-width: 64rem) {
	.aw-front .aw-brand { display: none; }
	.aw-front .aw-hero { background: var(--c-white); color: var(--c-ink); }
	.aw-front .aw-hero__inner { grid-template-columns: 1.7fr 1fr; }
	.aw-front .aw-hero__logoimg { width: min(38rem, 100%); }
	.aw-front .aw-hero__searchcell { justify-content: flex-end; padding-left: var(--s5); }
	.aw-front .aw-hero__search { width: min(100%, 19.5rem); padding: var(--s3) var(--s4) var(--s4); border: 0; background: var(--c-nebel); backdrop-filter: none; border-radius: var(--r-l); margin-left: auto; }
	.aw-front .aw-hero .aw-search__label { color: var(--c-ink); font-size: 0.9375rem; font-weight: 700; }
	.aw-front .aw-hero .aw-search__row { box-shadow: none; }
	.aw-front .aw-hero .aw-search__input { min-height: 2.5rem; font-size: 0.9375rem; border-color: var(--c-line); }
	.aw-front .aw-hero .aw-search__button { min-width: 2.75rem; min-height: 2.5rem; }
	.aw-front .aw-hero :focus-visible { outline-color: var(--c-petrol); }
	.aw-front .aw-hero__direct { color: var(--c-text-soft); font-size: 0.8125rem; margin: var(--s3) 0 var(--s2); }
	.aw-front .aw-hero__chips { gap: var(--s1); }
	.aw-front .aw-hero__chips a { min-height: 2rem; font-size: 0.8125rem; color: var(--c-ink); background: transparent; border-color: transparent; text-decoration: underline; text-underline-offset: 0.2em; padding: var(--s1) var(--s2); }
	.aw-front .aw-hero__chips a:hover { background: var(--c-white); border-color: transparent; color: var(--c-ink); }
	.aw-front .aw-hero__chips .aw-icon { color: var(--c-petrol); }
}

/* ---------- Unterstützen (Betreiberentscheidung: unaufdringlich, unten, nach „So arbeiten wir“) ---------- */
.aw-section--support { padding-block: var(--s5); background: var(--c-white); border-top: 1px solid var(--c-line-soft); }
.aw-support-strip { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s3) var(--s5); }
.aw-support-strip__text h2 { margin: 0 0 var(--s1); font-size: 1.125rem; }
.aw-support-strip__text p { margin: 0; color: var(--c-text-soft); }
.aw-support-card { margin: var(--s5) 0; padding: var(--s5); border: 1px solid var(--c-line-soft); border-radius: var(--r-l); background: var(--c-nebel); }
.aw-support-card h2 { margin-top: 0; font-size: 1.25rem; }
.aw-support-inline { margin: var(--s6, 3rem) 0 0; padding: var(--s4) var(--s5); border: 1px solid var(--c-line-soft); border-left: 4px solid var(--c-petrol); border-radius: var(--r-l); background: var(--c-nebel); }
.aw-support-wrap { padding-bottom: var(--s5, 2rem); }
.aw-support-inline h2 { margin-top: 0; font-size: 1.125rem; }
.aw-support-inline p:last-child { margin-bottom: 0; }
.aw-bank { margin: 0 0 var(--s4); }
.aw-bank h3 { margin: 0 0 var(--s2); font-size: 1.125rem; }
.aw-bank__list { margin: var(--s3) 0; padding: 0; border-top: 1px solid var(--c-line-soft); }
.aw-bank__row { display: grid; grid-template-columns: 11rem 1fr; gap: var(--s2) var(--s4); align-items: start; padding: var(--s3) 0; border-bottom: 1px solid var(--c-line-soft); }
.aw-bank__row dt { margin: 0; color: var(--c-text-soft); font-size: var(--fs-small); }
.aw-bank__row dd { margin: 0; display: flex; flex-wrap: wrap; gap: var(--s2) var(--s3); align-items: center; }
.aw-bank__value { overflow-wrap: anywhere; font-weight: 600; user-select: all; }
.aw-bank__value--code { font-variant-numeric: tabular-nums; letter-spacing: 0.02em; }
.aw-copy[hidden] { display: none; }
.aw-copy { padding: 0.45rem 0.9rem; font-size: var(--fs-small); }
.aw-copy__status { min-height: 1.5em; margin: 0 0 var(--s2); color: var(--c-petrol); font-weight: 600; }
@media (max-width: 39.999rem) {
	.aw-bank__row { grid-template-columns: 1fr; gap: var(--s1); }
	.aw-bank .aw-copy { width: 100%; }
}
.aw-support-pay { display: flex; flex-wrap: wrap; gap: var(--s3); }
.aw-support-qr { display: flex; align-items: center; gap: var(--s3); margin: var(--s4) 0; max-width: 34rem; }
.aw-support-qr img { width: 12.5rem; max-width: 45%; height: auto; flex: none; border-radius: var(--radius); }
.aw-support-qr figcaption { color: var(--c-text-soft); font-size: var(--fs-small); }
@media (max-width: 39.999rem) {
	.aw-support-qr { flex-direction: column; align-items: flex-start; }
	.aw-support-qr img { width: 14rem; max-width: 100%; }
	.aw-support-pay .aw-button { width: 100%; }
}
.aw-support-note, .aw-support-more { color: var(--c-text-soft); font-size: var(--fs-small); }
.aw-support-card .aw-button[disabled] { opacity: 0.55; cursor: not-allowed; box-shadow: none; }
@media (max-width: 39.999rem) {
	#home-support { order: 9; }
	.aw-section--support { padding-block: var(--s4); }
	.aw-support-strip .aw-button { width: 100%; }
}

/* App-Zugang im Kopfbereich (gefüllter Button), Instagram im Fußbereich (gefüllter Button, linksbündig zur ersten Spalte) */
.aw-appbtn { display: inline-flex; align-items: center; justify-content: center; gap: var(--s2); min-height: var(--tap); padding: 0 var(--s3); border-radius: var(--radius); background: var(--c-petrol); color: var(--c-white); font-weight: 700; font-size: .9375rem; line-height: 1.2; text-decoration: none; white-space: nowrap; border: 2px solid var(--c-petrol); transition: background-color var(--ease); }
.aw-appbtn:hover { background: var(--c-petrol-dark); border-color: var(--c-petrol-dark); color: var(--c-white); }
.aw-appbtn:focus-visible { outline: 3px solid var(--c-ink); outline-offset: 2px; }
.aw-appbtn svg { flex: none; }
.aw-appbtn__lang { display: none; }
@media (min-width: 600px) { .aw-appbtn__kurz { display: none; } .aw-appbtn__lang { display: inline; } .aw-appbtn { padding: 0 var(--s4); } }
.aw-header__actions { align-items: center; }
.aw-social { display: flex; flex-wrap: wrap; gap: var(--s3); list-style: none; margin: var(--s5) 0 0; padding: 0; }
.aw-footer .aw-social__link { display: inline-flex; align-items: center; gap: var(--s2); min-height: var(--tap); padding: var(--s2) var(--s4); border-radius: var(--radius); background: var(--c-tuerkis); color: var(--c-ink); font-weight: 700; font-size: 1.0625rem; text-decoration: none; border: 2px solid var(--c-tuerkis); }
.aw-footer .aw-social__link:hover { background: var(--c-white); border-color: var(--c-white); color: var(--c-ink); }
.aw-footer .aw-social__link:focus-visible { outline: 3px solid var(--c-white); outline-offset: 3px; }
.aw-footer .aw-social__link svg { flex: none; width: 1.5rem; height: 1.5rem; }
.aw-app-page { padding-block: var(--s5); }

/* Quellenverweise im Text */
.aw-qref { font-size: .75em; line-height: 0; white-space: nowrap; }
.aw-qref a { padding: 0 .1em; }
.aw-sources li:target, .wp-block-list li:target { background: var(--c-tuerkis-hell); }

/* Intelligente Suche */
.aw-smart { margin: var(--s4) 0 var(--s5); padding: var(--s4); border: 1px solid var(--c-line-soft); border-radius: var(--r-l); background: var(--c-nebel); }
.aw-smart h2 { margin-top: 0; font-size: 1.25rem; }
.aw-smart__hinweis { font-size: .9rem; color: var(--c-ink-soft, inherit); }
.aw-smart__weitere { font-size: 1.125rem; margin-top: var(--s5); }
mark { background: #fff3b0; color: inherit; padding: 0 .1em; }

/* Beitragsbild */
.aw-beitragsbild { margin: 0 0 var(--s5); }
.aw-beitragsbild__img { display: block; width: 100%; height: auto; border-radius: var(--r-l); }
.aw-beitragsbild figcaption { margin-top: var(--s2); font-size: .875rem; color: var(--c-ink-soft, inherit); }

/* Mobil: Instagram-Button im Footer zentriert (Desktop bleibt linksbündig zur ersten Spalte) */
@media (max-width: 767px) {
	.aw-footer .aw-social { justify-content: center; margin-top: var(--s5); }
	.aw-footer .aw-social__link { justify-content: center; text-align: center; max-width: 100%; line-height: 1.25; font-size: 1.0625rem; padding: var(--s3) var(--s5); }
	.aw-footer .aw-social__link span:not(.aw-visually-hidden) { white-space: normal; }
	.aw-footer__copy { margin-top: var(--s5); }
}

/* Schmale Desktops (64 bis 74rem): längere Menübezeichnung „Checklisten & Vorlagen“ ohne Überlauf der Kopfzeile; breitere Fenster unverändert */
@media (min-width: 64rem) and (max-width: 74rem) {
	.aw-nav__link { font-size: 0.9375rem; padding: 0 var(--s2); }
	.aw-appbtn__kurz { display: inline; }
	.aw-appbtn__lang { display: none; }
	.aw-appbtn { padding: 0 var(--s3); }
}

/* Startseite, Smartphone: Bereich „Was suchst du?“ deutlicher erkennbar (gleiche Farbwelt, keine neue Gestaltung) */
@media (max-width: 39.99rem) {
	.aw-section--guide { background: var(--c-nebel); border-block: 1px solid var(--c-line-soft); }
	.aw-section--guide .aw-section__head h2 { font-size: 1.75rem; line-height: 1.2; padding-left: var(--s3); border-left: 0.3125rem solid var(--c-petrol); }
	.aw-section--guide .aw-section__head p { color: var(--c-text); }
	.aw-section--guide .aw-entry-grid { gap: var(--s3); }
	.aw-section--guide .aw-entry { border: 2px solid var(--c-petrol); box-shadow: none; }
	.aw-section--guide .aw-entry__icon { background: var(--c-petrol); color: var(--c-white); }
	.aw-section--guide .aw-entry__title { color: var(--c-petrol-dark); }
	.aw-section--guide .aw-entry__text { color: var(--c-text); }
}

/* ---------- Checklisten & Vorlagen: eigenständige, druckbare Checkliste (Erklärung bleibt außerhalb) ---------- */
.aw-print-aktion { display: none; margin: var(--s4) 0 0; }
.js .aw-print-aktion { display: block; }
.aw-checkliste { margin: var(--s3) 0 var(--s6); padding: var(--s5) var(--s4); border: 2px solid var(--c-petrol); border-radius: var(--r-l); background: var(--c-white); }
.aw-checkliste > h2 { margin-top: 0; }
.aw-checkliste h3 { margin: var(--s5) 0 var(--s2); }
.aw-checkliste p { margin: var(--s2) 0; }
.aw-checkliste ul.aw-check { list-style: none; margin: var(--s2) 0; padding: 0; }
.aw-checkliste ul.aw-check li { position: relative; margin: 0; padding: var(--s2) 0 var(--s2) 2.25rem; }
.aw-checkliste ul.aw-check li::before { content: ""; position: absolute; left: 0; top: 0.7em; width: 1.2rem; height: 1.2rem; border: 2px solid var(--c-petrol-dark); border-radius: 3px; background: var(--c-white); }
.aw-checkliste .aw-table-wrap { overflow-x: auto; margin: var(--s3) 0; }
.aw-checkliste table { display: table; border-collapse: collapse; width: 100%; border: 0; border-radius: 0; font-size: inherit; }
.aw-checkliste td { height: 2.5rem; }
.aw-checkliste th, .aw-checkliste td { border: 1px solid var(--c-text); padding: var(--s2); text-align: left; vertical-align: top; }
.aw-checkliste th { background: var(--c-nebel); }
.aw-checkliste__druckkopf, .aw-checkliste__fuss { display: none; }
.aw-material-quellen { margin-top: var(--s5); font-size: var(--fs-small); }
.aw-material-quellen ol { padding-left: 1.25rem; }

@media print {
	/* Nur die Checkliste: alles andere, auch Erklärung, Hinweise, Quellen und Formulare, bleibt weg */
	.aw-druck-checkliste .aw-main > article > *:not(.aw-prose),
	.aw-druck-checkliste .aw-main > *:not(article),
	.aw-druck-checkliste .aw-prose > *:not(.aw-checkliste),
	.aw-druck-checkliste .aw-support-wrap, .aw-druck-checkliste .aw-checkliste > h2 { display: none !important; }
	.aw-druck-checkliste, .aw-druck-checkliste body { background: #fff !important; color: #000 !important; }
	.aw-druck-checkliste .aw-wrap, .aw-druck-checkliste .aw-wrap--narrow { max-width: none; width: 100%; padding: 0; margin: 0; }
	.aw-druck-checkliste .aw-main, .aw-druck-checkliste .aw-main > article, .aw-druck-checkliste .aw-prose { padding: 0; margin: 0; min-height: 0; }
	.aw-druck-checkliste .aw-checkliste { border: 0; border-radius: 0; padding: 0; margin: 0; background: #fff; color: #000; font-size: 12pt; line-height: 1.5; box-shadow: none; }
	.aw-druck-checkliste .aw-checkliste__druckkopf { display: block; margin: 0 0 6mm; padding-bottom: 3mm; border-bottom: 1.5pt solid #000; font-size: 16pt; font-weight: 700; }
	.aw-druck-checkliste .aw-checkliste__fuss { display: block; margin-top: 8mm; padding-top: 2mm; border-top: 0.75pt solid #000; font-size: 9pt; }
	.aw-druck-checkliste .aw-checkliste h3 { margin: 6mm 0 2mm; font-size: 13pt; color: #000; break-after: avoid; page-break-after: avoid; }
	.aw-druck-checkliste .aw-checkliste ul.aw-check li { padding: 1.5mm 0 1.5mm 8mm; break-inside: avoid; page-break-inside: avoid; }
	.aw-druck-checkliste .aw-checkliste ul.aw-check li::before { top: 2.4mm; width: 4mm; height: 4mm; border: 1.25pt solid #000; border-radius: 0; background: #fff; }
	.aw-druck-checkliste .aw-checkliste table { font-size: 10pt; max-width: 100%; }
	.aw-druck-checkliste .aw-checkliste th, .aw-druck-checkliste .aw-checkliste td { padding: 1.5mm; }
	.aw-druck-checkliste .aw-checkliste td { height: 11mm; }
	.aw-druck-checkliste .aw-checkliste ul > li::before { background: #000; }
	.aw-druck-checkliste .aw-checkliste .aw-table-wrap { overflow: visible; }
	.aw-druck-checkliste .aw-checkliste th, .aw-druck-checkliste .aw-checkliste td { border: 0.75pt solid #000; background: #fff; color: #000; }
	.aw-druck-checkliste .aw-checkliste tr { break-inside: avoid; page-break-inside: avoid; }
	.aw-druck-checkliste .aw-checkliste thead { display: table-header-group; }
	.aw-druck-checkliste .aw-checkliste a { color: #000; text-decoration: none; }
	.aw-druck-checkliste .aw-checkliste * { box-shadow: none !important; text-shadow: none !important; }
}
.aw-checkliste .aw-feld { display: inline-block; min-width: 8rem; height: 1em; border-bottom: 1.5px solid currentColor; vertical-align: baseline; }

/* Breite Tabellen (Schlaftagebuch, Wochenplan): Druck im Querformat, wo der Browser benannte Seiten kennt; sonst Hinweis auf dem Bildschirm */
.aw-checkliste__tipp { margin: 0 0 var(--s3); font-size: var(--fs-small); }
@page aw-quer { size: A4 landscape; margin: 12mm; }
@media print {
	.aw-druck-checkliste .aw-checkliste--quer { page: aw-quer; }
	.aw-druck-checkliste .aw-checkliste--quer table { font-size: 10.5pt; }
	.aw-druck-checkliste .aw-checkliste--quer td { height: 6mm; padding: 0.3mm 1.5mm; line-height: 1.2; }
	.aw-druck-checkliste .aw-checkliste--quer th { font-size: 9pt; line-height: 1.2; padding: 1mm 1.5mm; }
	.aw-druck-checkliste .aw-checkliste--quer { line-height: 1.3; font-size: 10.5pt; }
	.aw-druck-checkliste .aw-checkliste--quer p { margin: 1mm 0; }
	.aw-druck-checkliste .aw-checkliste--quer h3 { margin: 2mm 0 1mm; }
	.aw-druck-checkliste .aw-checkliste--quer .aw-checkliste__druckkopf { margin-bottom: 3mm; }
	.aw-druck-checkliste .aw-checkliste--quer .aw-checkliste__fuss { margin-top: 3mm; }
	.aw-druck-checkliste .aw-checkliste__tipp { display: none; }
}

/* Anlaufstellen: Umkreissuche (Gruppenüberschriften, Entfernung) */
.aw-list > .aw-group { list-style: none; padding: 0; margin: var(--s5) 0 var(--s2); }
.aw-list > .aw-group:first-child { margin-top: 0; }
.aw-group__title { margin: 0; font-size: 1.25rem; padding-bottom: var(--s2); border-bottom: 2px solid var(--c-petrol); }
.aw-item__dist strong { color: var(--c-petrol-dark); }

/* ---------- Fachliteratur & Buchempfehlungen (Seite fachliteratur, Block im Artikel) ---------- */
.aw-lit__intro { max-width: var(--measure, 42rem); }
.aw-lit__nav ul { list-style: none; display: flex; flex-wrap: wrap; gap: var(--s2); margin: var(--s4) 0 var(--s5); padding: 0; }
.aw-lit__nav a { display: inline-flex; align-items: center; min-height: var(--tap); padding: 0 var(--s4); border: 1.5px solid var(--c-petrol); border-radius: 999px; background: var(--c-white); color: var(--c-petrol-dark); font-weight: 700; text-decoration: none; }
.aw-lit__nav a:hover { background: var(--c-nebel); }
.aw-lit__nav a:focus-visible { outline: 3px solid var(--c-ink); outline-offset: 2px; }
.aw-lit__hinweis { margin: 0 0 var(--s5); }
.aw-lit__group { margin: var(--s6) 0 0; scroll-margin-top: 6rem; }
.aw-lit__group > h2 { margin: 0 0 var(--s2); padding-bottom: var(--s2); border-bottom: 2px solid var(--c-petrol); }
.aw-lit__lead { margin: 0 0 var(--s4); color: var(--c-text-soft); }
.aw-lit__list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s4); }
.aw-book { padding: var(--s4); border: 1px solid var(--c-line-soft); border-radius: var(--r-l); background: var(--c-white); }
.aw-book__title { margin: 0 0 var(--s1); font-size: 1.1875rem; line-height: 1.3; color: var(--c-ink); }
.aw-book__by { margin: 0 0 var(--s3); font-size: var(--fs-small); color: var(--c-text-soft); }
.aw-book p { margin: 0 0 var(--s2); }
.aw-book__link { margin-top: var(--s3) !important; }
.aw-book__meta { font-size: var(--fs-small); color: var(--c-text-soft); }
.aw-book__chips { display: flex; flex-wrap: wrap; gap: var(--s1) var(--s2); margin: 0 0 var(--s2); padding: 0; list-style: none; }
.aw-book__chips li { padding: 0.125rem var(--s2); border-radius: 999px; background: var(--c-tuerkis-hell); color: var(--c-petrol-dark); font-size: 0.8125rem; font-weight: 700; }
/* Im Artikel */
.aw-lit-artikel { margin: var(--s6) 0; padding: var(--s4); border: 1px solid var(--c-line-soft); border-left: 6px solid var(--c-tuerkis); border-radius: var(--r-l); background: var(--c-white); max-width: var(--measure, 42rem); }
.aw-lit-artikel h2 { margin: 0 0 var(--s3); font-size: 1.25rem; }
.aw-lit-artikel ul { list-style: none; margin: 0 0 var(--s3); padding: 0; display: grid; gap: var(--s3); }
.aw-lit-artikel li { padding: 0 0 var(--s3); border-bottom: 1px solid var(--c-line-soft); }
.aw-lit-artikel li:last-child { border-bottom: 0; padding-bottom: 0; }
.aw-lit-artikel .aw-book__title { font-size: 1.0625rem; }
.aw-lit-artikel p { margin: 0 0 var(--s1); }
.aw-lit-artikel__alle { margin: 0 !important; font-size: var(--fs-small); }
/* Fachliteratur: Einleitung und Ankündigung (Seiteninhalt) */
.aw-lit__einleitung { max-width: var(--measure, 42rem); margin: 0 0 var(--s5); }
.aw-lit__einleitung h2 { margin: 0 0 var(--s3); font-size: 1.75rem; line-height: 1.2; }
.aw-lit__einleitung p { font-size: 1.125rem; }
.aw-lit__einleitung .aw-lit__ankuendigung { margin-top: var(--s5); padding: var(--s4); border: 1px solid var(--c-line-soft); border-left: 6px solid var(--c-tuerkis); border-radius: var(--r-l); background: var(--c-nebel); font-weight: 700; color: var(--c-petrol-dark); }

/* Einstiege als kräftige Kacheln mit Symbol: Startseite „Was suchst du?“ (#home-einstiege) und Übersicht /einstieg/ (.aw-einstiege-seite) */
:is(#home-einstiege, .aw-einstiege-seite) .aw-entry-grid { gap: var(--s3); }
:is(#home-einstiege, .aw-einstiege-seite) .aw-entry { position: relative; grid-template-columns: auto 1fr auto; min-height: 6rem; padding: var(--s4); border: 1px solid var(--c-line-soft); border-radius: 20px; overflow: hidden; background: linear-gradient(135deg, var(--c-white) 55%, var(--c-tuerkis-hell) 140%); box-shadow: var(--sh-1); }
:is(#home-einstiege, .aw-einstiege-seite) .aw-entry::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 5px; background: linear-gradient(180deg, var(--c-tuerkis), var(--c-petrol)); }
:is(#home-einstiege, .aw-einstiege-seite) .aw-entry:hover { border-color: var(--c-petrol); box-shadow: var(--sh-2); transform: translateY(-2px); }
:is(#home-einstiege, .aw-einstiege-seite) .aw-entry:focus-visible { outline: var(--focus); outline-offset: 3px; }
:is(#home-einstiege, .aw-einstiege-seite) .aw-entry__icon { width: 3.5rem; height: 3.5rem; border-radius: 18px; background: linear-gradient(135deg, var(--c-petrol) 0%, var(--c-ink) 100%); color: var(--c-white); box-shadow: 0 4px 10px rgba(11, 94, 102, 0.28); }
:is(#home-einstiege, .aw-einstiege-seite) .aw-entry__icon .aw-icon { width: 1.75rem; height: 1.75rem; }
:is(#home-einstiege, .aw-einstiege-seite) .aw-entry__title { font-size: 1.1875rem; color: var(--c-petrol-dark); }
:is(#home-einstiege, .aw-einstiege-seite) .aw-entry__text { margin-top: var(--s1); font-size: 0.9375rem; color: var(--c-text-soft); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
:is(#home-einstiege, .aw-einstiege-seite) .aw-entry > .aw-icon { box-sizing: content-box; width: 1.25rem; height: 1.25rem; padding: 0.5rem; border-radius: 50%; background: var(--c-tuerkis-hell); color: var(--c-petrol-dark); transition: transform var(--ease), background var(--ease), color var(--ease); }
:is(#home-einstiege, .aw-einstiege-seite) .aw-entry:hover > .aw-icon { background: var(--c-petrol); color: var(--c-white); transform: translateX(3px); }
@media (max-width: 39.99rem) {
	:is(#home-einstiege, .aw-einstiege-seite) .aw-entry { min-height: 5rem; padding: var(--s3) var(--s3) var(--s3) var(--s4); gap: var(--s3); }
	:is(#home-einstiege, .aw-einstiege-seite) .aw-entry__icon { width: 3rem; height: 3rem; border-radius: 16px; }
	:is(#home-einstiege, .aw-einstiege-seite) .aw-entry__icon .aw-icon { width: 1.5rem; height: 1.5rem; }
	:is(#home-einstiege, .aw-einstiege-seite) .aw-entry__text { -webkit-line-clamp: 1; }
}
@media (prefers-reduced-motion: reduce) { :is(#home-einstiege, .aw-einstiege-seite) .aw-entry, :is(#home-einstiege, .aw-einstiege-seite) .aw-entry > .aw-icon { transition: none; } :is(#home-einstiege, .aw-einstiege-seite) .aw-entry:hover { transform: none; } :is(#home-einstiege, .aw-einstiege-seite) .aw-entry:hover > .aw-icon { transform: none; } }

/* ---------- Übersichtsseiten Wissen, Anlaufstellen, Checklisten & Vorlagen (22.10.2026): breiteres Raster, Kartenstil wie Einstiege und Aktuelles ---------- */
.aw-wrap--wide { max-width: 80rem; }

.aw-item--stelle, .aw-materials .aw-item { background: linear-gradient(160deg, var(--c-white) 0%, var(--c-white) 55%, var(--c-nebel) 100%); }
.aw-item__icon { display: none; }
.aw-material .aw-button { position: relative; z-index: 1; }
@media (min-width: 48rem) {
	.aw-stellen .aw-list, .aw-materialien .aw-list { grid-template-columns: repeat(2, 1fr); gap: var(--s4); align-items: stretch; }
	.aw-stellen .aw-list > .aw-group { grid-column: 1 / -1; }
	.aw-stellen .aw-list > .aw-group, .aw-stellen .aw-list > .aw-group:first-child { margin-block: var(--s4) 0; }
	.aw-stellen .aw-list > .aw-group:first-child { margin-top: 0; }
	.aw-stellen .aw-item--stelle, .aw-materialien .aw-material { display: flex; flex-direction: column; gap: var(--s1); padding: var(--s5); border-radius: var(--r-l); border-top: 4px solid var(--c-tuerkis); transition: box-shadow var(--ease), border-color var(--ease), transform var(--ease); }
	.aw-stellen .aw-item--stelle:hover, .aw-materialien .aw-material:hover { border-color: var(--c-petrol); border-top-color: var(--c-petrol); transform: translateY(-2px); }
	.aw-stellen .aw-item__icon, .aw-materialien .aw-item__icon { display: inline-grid; place-items: center; width: 2.75rem; height: 2.75rem; margin-bottom: var(--s2); border-radius: 12px; background: var(--c-tuerkis-hell); color: var(--c-petrol); }
	.aw-stellen .aw-item__icon .aw-icon, .aw-materialien .aw-item__icon .aw-icon { width: 1.4rem; height: 1.4rem; vertical-align: 0; }
	.aw-stellen .aw-item__type, .aw-materialien .aw-item__type { align-self: flex-start; padding: 0.125rem var(--s3); border-radius: 999px; background: var(--c-tuerkis-hell); color: var(--c-petrol-dark); }
	.aw-stellen .aw-item__title, .aw-materialien .aw-item__title { margin-top: var(--s1); }
	.aw-stellen .aw-item__meta { padding-top: var(--s2); border-top: 1px solid var(--c-line-soft); margin-top: var(--s2); }
	.aw-stellen .aw-item__meta + .aw-item__meta { padding-top: 0; border-top: 0; margin-top: 0; }
	.aw-stellen .aw-item__meta .aw-icon { color: var(--c-petrol); }
	.aw-materialien .aw-material__dl { margin: auto 0 0; padding-top: var(--s4); }
	.aw-stellen .aw-filterform { grid-template-columns: 1.4fr 1fr 1fr 1fr; align-items: start; padding: var(--s5); border-radius: var(--r-l); background: linear-gradient(135deg, var(--c-nebel) 0%, var(--c-tuerkis-hell) 160%); }
	.aw-stellen .aw-filterform .aw-filters__actions { grid-column: 1 / -1; }
	.aw-stellen .aw-wrap--wide > .aw-note, .aw-stellen > .aw-note { max-width: 60rem; }
	.aw-materialien .aw-toolbar { display: grid; grid-template-columns: minmax(16rem, 26rem) 1fr; gap: var(--s3) var(--s6); align-items: center; margin-bottom: var(--s5); padding: var(--s4) var(--s5); border: 1px solid var(--c-line-soft); border-radius: var(--r-l); background: linear-gradient(135deg, var(--c-nebel) 0%, var(--c-tuerkis-hell) 160%); }
	.aw-materialien .aw-toolbar .aw-chipnav { margin: 0; }
}
@media (min-width: 64rem) {
	.aw-stellen .aw-list, .aw-materialien .aw-list { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 47.99rem) {
	.aw-materialien .aw-toolbar .aw-chipnav { margin-block: var(--s4) 0; }
}

/* ---------- Wissensübersicht /wissen/ (Neugestaltung 24.10.2026, Auftrag des Betreibers) ----------
   Schnellnavigation (.aw-wnav) mit den Welt-Symbolen, darunter eine Karte je Welt (.aw-wcards) mit Unterthemen als Linkkacheln (.aw-topics).
   Mobil: Unterthemen im Aufklapper (details), Listenzeilen. Ab 36rem zwei Spalten, ab 48rem immer offen. Farben je Welt über --tone / --tone-bg. */
.aw-wissen { --arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E"); }
.aw-wnav { margin-bottom: var(--s6); }
.aw-wnav__list, .aw-wcards, .aw-topics { list-style: none; margin: 0; padding: 0; }
.aw-wnav__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s2); }
.aw-wnav__link { display: flex; align-items: center; gap: var(--s3); height: 100%; min-height: 3.5rem; padding: var(--s2) var(--s3) var(--s2) var(--s2); border: 1px solid var(--c-line-soft); border-radius: var(--r-m); background: var(--c-white); color: var(--c-ink); text-decoration: none; box-shadow: var(--sh-1); transition: box-shadow var(--ease), border-color var(--ease), transform var(--ease); }
.aw-wnav__link .aw-badge { width: 2.5rem; height: 2.5rem; border-radius: 10px; }
.aw-wnav__link .aw-badge .aw-icon { width: 1.25rem; height: 1.25rem; }
.aw-wnav__name { min-width: 0; font-weight: 700; font-size: 0.9375rem; line-height: 1.25; overflow-wrap: break-word; hyphens: auto; }
.aw-wnav__link:hover { border-color: var(--tone); box-shadow: var(--sh-2); transform: translateY(-2px); }

.aw-wcards { display: grid; gap: var(--s4); }
.aw-wcard { position: relative; scroll-margin-top: 5rem; border: 1px solid var(--c-line-soft); border-radius: var(--r-l); background: var(--c-white); box-shadow: var(--sh-1); overflow: hidden; transition: box-shadow var(--ease), border-color var(--ease); }
.aw-wcard:hover { border-color: var(--tone); box-shadow: var(--sh-2); }
.aw-wcard__head { position: relative; display: flex; align-items: center; gap: var(--s3); padding: var(--s4); background: linear-gradient(135deg, var(--tone-bg) 0%, var(--c-white) 85%); border-bottom: 3px solid var(--tone); }
.aw-wcard__head .aw-badge { width: 3.25rem; height: 3.25rem; border-radius: 14px; background: var(--c-white); box-shadow: 0 1px 3px rgba(14, 42, 71, 0.12); }
.aw-wcard__title { min-width: 0; flex: 1; }
.aw-wcard h2 { margin: 0; font-size: 1.25rem; line-height: 1.25; }
.aw-wcard h2 a { color: var(--c-ink); text-decoration: none; overflow-wrap: break-word; hyphens: auto; }
.aw-wcard h2 a:hover { text-decoration: underline; text-underline-offset: 3px; }
.aw-wcard h2 a::after { content: ""; position: absolute; inset: 0; }
.aw-wcard h2 a:focus-visible { outline: none; }
.aw-wcard h2 a:focus-visible::after { outline: var(--focus); outline-offset: -3px; border-radius: var(--r-l) var(--r-l) 0 0; }
.aw-wcard__title p { margin: var(--s1) 0 0; font-size: var(--fs-small); line-height: 1.4; color: var(--c-text-soft); }
.aw-wcard__head > .aw-icon { color: var(--tone); transition: transform var(--ease); }
.aw-wcard__head:hover > .aw-icon { transform: translateX(3px); }

.aw-wcard__fold > summary { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; min-height: var(--tap); padding: 0 var(--s4); cursor: pointer; list-style: none; font-weight: 700; font-size: var(--fs-small); color: var(--tone); background: var(--c-nebel); transition: background-color var(--ease); }
.aw-wcard__fold > summary:hover { background: var(--tone-bg); }
.aw-wcard__fold > summary::-webkit-details-marker { display: none; }
.aw-wcard__fold > summary .aw-icon { transform: rotate(90deg); transition: transform var(--ease); }
.aw-wcard__fold[open] > summary .aw-icon { transform: rotate(-90deg); }
.aw-wcard__fold > summary:focus-visible { outline: var(--focus); outline-offset: -3px; border-radius: 0; }
.aw-topics { padding: 0 var(--s4) var(--s3); }
.aw-topics li + li { border-top: 1px solid var(--c-line-soft); }
.aw-topics a { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: var(--s3); min-height: var(--tap); padding: var(--s2) 0; color: var(--c-text); text-decoration: none; line-height: 1.35; overflow-wrap: break-word; hyphens: auto; }
.aw-topics a::after { content: ""; flex: none; width: 1rem; height: 1rem; background: var(--tone); -webkit-mask: var(--arrow) center / contain no-repeat; mask: var(--arrow) center / contain no-repeat; transition: transform var(--ease); }
.aw-topics a:hover { color: var(--tone); }
.aw-topics a:hover::after { transform: translateX(3px); }

@media (min-width: 30rem) { .aw-wnav__name { font-size: 1rem; } }
@media (min-width: 36rem) {
	.aw-wnav__list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s3); }
	.aw-topics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s2); padding: 0 var(--s4) var(--s4); }
	.aw-topics li + li { border-top: 0; }
	.aw-topics a { min-height: 3.25rem; padding: var(--s2) var(--s3); border-radius: var(--r-m); background: var(--c-nebel); transition: background-color var(--ease), box-shadow var(--ease); }
	.aw-topics a:hover { background: var(--tone-bg); box-shadow: inset 3px 0 0 var(--tone); }
}
@media (min-width: 48rem) {
	.aw-wnav__list { grid-template-columns: repeat(5, minmax(0, 1fr)); }
	.aw-wnav__link { flex-direction: column; justify-content: flex-start; gap: var(--s2); padding: var(--s3) var(--s2); text-align: center; border-top: 4px solid var(--tone); }
	.aw-wnav__link .aw-badge { width: 3rem; height: 3rem; border-radius: 12px; }
	.aw-wnav__link .aw-badge .aw-icon { width: 1.5rem; height: 1.5rem; }
	.aw-wnav__name { font-size: 0.9375rem; }
	.aw-wcards { gap: var(--s5); }
	.aw-wcard { display: flex; flex-direction: column; }
	.aw-wcard__head { padding: var(--s5); gap: var(--s4); }
	.aw-wcard__head .aw-badge { width: 3.75rem; height: 3.75rem; border-radius: 16px; }
	.aw-wcard__head .aw-badge .aw-icon { width: 1.75rem; height: 1.75rem; }
	.aw-wcard h2 { font-size: 1.4375rem; }
	.aw-wcard__fold { flex: 1; padding-top: var(--s4); }
	.aw-topics { grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 0 var(--s5) var(--s5); }
}
/* Ab 48rem sind die Unterthemen immer sichtbar: ::details-content, wo unterstützt; sonst öffnet main.js die Aufklapper (Zusammenfassung bleibt dann bedienbar). */
@supports selector(::details-content) {
	@media (min-width: 48rem) {
		.aw-wcard__fold::details-content { content-visibility: visible; display: block; }
		.aw-wcard__fold > summary { display: none; }
	}
}
@media (max-width: 47.99rem) { .aw-wcard__fold:not([open]) > summary { border-top: 0; } }
@media (min-width: 64rem) {
	.aw-wnav { margin-bottom: var(--s7); }
	.aw-wnav__list { gap: var(--s4); }
	.aw-wnav__link { padding: var(--s4) var(--s3); }
	.aw-wcards { gap: var(--s6); }
}
@media (min-width: 75rem) {
	.aw-wcards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.aw-topics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
	.aw-wnav__link, .aw-wcard, .aw-wcard__head > .aw-icon, .aw-wcard__fold > summary .aw-icon, .aw-topics a, .aw-topics a::after { transition: none; }
	.aw-wnav__link:hover, .aw-wcard__head:hover > .aw-icon, .aw-topics a:hover::after { transform: none; }
}

/* Leistungsübersicht (Auftrag 26.10.2026): Tabelle mit Klasse aw-tabelle-karten wird auf schmalen Bildschirmen zu Karten; die Beschriftung steht als Text vor jedem Wert (data-label), nicht nur über Farbe oder Position. */
@media (max-width: 47.99rem) {
	.aw-prose .aw-tabelle-karten table, .aw-prose .aw-tabelle-karten tbody, .aw-prose .aw-tabelle-karten tr, .aw-prose .aw-tabelle-karten td { display: block; }
	.aw-prose .aw-tabelle-karten table { border: 0; overflow: visible; }
	.aw-prose .aw-tabelle-karten thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
	.aw-prose .aw-tabelle-karten tr { border: 1px solid var(--c-line); border-radius: var(--r-m); margin-bottom: var(--s3); overflow: hidden; background: var(--c-white); }
	.aw-prose .aw-tabelle-karten td { border-bottom: 0; padding: var(--s2) var(--s3); }
	.aw-prose .aw-tabelle-karten td:first-child { background: var(--c-nebel); color: var(--c-ink); font-weight: 700; padding-top: var(--s3); padding-bottom: var(--s3); }
	.aw-prose .aw-tabelle-karten td:not(:first-child)::before { content: attr(data-label); display: block; font-weight: 700; font-size: 0.875em; color: var(--c-text-soft); }
}