/* Kopf, Handy-Menü und Fuß für alle Seiten (08.10.2026). Das Markup schreibt werkzeug/menue.py.
   Selektoren mit „html body …“, damit sie die Inline-Blöcke im <head> der Seiten sicher überschreiben.
   Lesbarkeit wie NEU (lesbar.css): Links im Fuß unterstrichen, Grautöne mit Kontrast ≥ 4,5:1.
   Änderung an dieser Datei: MENUE_V in werkzeug/menue.py hochzählen (_headers cacht /assets ein Jahr). */
:root{--css-ok-menue:1}

/* Kopf: „Ratgeber“ als aktueller Bereich */
html body .hdr-nav a.is-hier{color:#174a78;font-weight:700}
html body .menu-nav a.is-hier{color:#174a78;background:rgba(23,69,110,.07)}
/* sehr schmale Handys: Knopf nicht unter 12 px (Safari setzt kleinere Schrift sonst selbst hoch) */
@media (max-width:370px){ html body .hdr-cta{font-size:12px} }

/* Fuß: Marke links, drei Spalten rechts.
   am.css (NEU-Erbe) setzt footer{max-width;display:flex;align-items:center;text-align:center} – das kappte den Fuß
   auf 1240 px ab der linken Kante und zentrierte den Text. Hier zurückgesetzt. */
html body footer.am-fuss{display:block;max-width:none;width:100vw;margin:0 calc(50% - 50vw);padding:0;text-align:left;align-items:stretch}
html body .am-fuss__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);gap:28px clamp(32px,5vw,80px);align-items:start;padding:48px 0 56px}
html body .am-fuss__marke{font-size:14px;line-height:1.6;color:rgba(25,27,29,.7)}
html body .am-fuss__marke b{margin-bottom:6px}
html body .am-fuss__spalten{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:22px clamp(24px,3vw,48px)}
html body .am-fuss__kopf{margin:0 0 8px;font:800 14px/1.2 'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:0;color:#191b1d}
html body .am-fuss__spalte ul{margin:0;padding:0;list-style:none}
html body .am-fuss__spalte li{margin:0;font-size:14.5px;line-height:1.4}
html body .am-fuss__spalte a{display:inline-block;margin:0;padding:5px 0;color:rgba(25,27,29,.76);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:rgba(25,27,29,.28);text-underline-offset:3px}
html body .am-fuss__spalte a:hover{color:#174a78;text-decoration-color:currentColor}
html body .am-fuss__spalte a.am-fuss__alle{font-weight:650;color:#174a78}
@media (max-width:820px){
  html body .am-fuss__inner{grid-template-columns:1fr;padding:40px 0 48px}
}
@media (max-width:560px){
  html body .am-fuss__spalten{grid-template-columns:1fr 1fr}
  html body .am-fuss__spalte--ratgeber{grid-column:1/-1}
}