/* Ergänzungen zur 1:1-Kopie – nur, was das neue Formular, die Barrierefreiheit und die Suchmaschinen brauchen. */

/* Artikelüberschrift ist jetzt h1 (vorher h2) – gleiches Aussehen wie vorher */
.artikel-titel { font-size: 30px; line-height: 1.2; }

/* SEO-Umbau 27.10.2026: unsichtbare Änderungen, jeweils mit Ausgleich auf das alte Aussehen */
/* Hauptüberschrift (h1) auf „Für dein Kind“, „Für dich“ und der Blog-Übersicht – sieht aus wie die h2 vorher */
.h1-wie-h2 { font-size: 30px; line-height: 36px; }
/* „Über mich“: der Name ist jetzt die h1 – sieht aus wie der Absatz vorher */
.h1-wie-absatz { font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit; margin: 0 0 1rem; }
/* Symbol-Kästen auf „Für dein Kind“/„Für dich“: div statt leerer h2 – Werte der h2 übernommen */
.wrap-feature43-box div.display-5 { color: #3e4555; font-family: "Montserrat", sans-serif; font-weight: 500; line-height: 36px; margin-bottom: .5rem; }
/* Bilder in den Fragmenten tragen jetzt width/height; wo die Vorlage nur die Breite setzt, bleibt die Höhe proportional */
img[width][height][style*="width"], .wrap-feature31-box .right-image img { height: auto; }
/* Telefonnummer anklickbar (tel:) – Farbe wie vorher der reine Text */
a.tel-link, a.tel-link:hover, a.tel-link:focus { color: inherit; text-decoration: none; }
.footer3 a.tel-link, .footer3 a.tel-link:hover, .footer3 a.tel-link:focus { color: inherit !important; }

/* Kontaktformular */
.kontakt-falle { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.kontakt-einverstaendnis { display: flex; gap: 12px; align-items: flex-start; font-weight: 300; margin-bottom: 6px; cursor: pointer; }
.kontakt-einverstaendnis input { margin-top: 5px; flex: none; }
.kontakt-meldung:empty { display: none; }
.kontakt-meldung { margin-top: 20px; padding: 14px 16px; border-radius: 4px; font-size: 14px; background: #f4f8fa; }
.kontakt-meldung[data-art="fehler"] { background: #fdeceb; color: #a12a1f; }
.kontakt-meldung p { margin: 0 0 10px; }
.kontakt-wahl { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
.kontakt-wahl button { min-height: 44px; padding: 8px 16px; border: 2px solid #2156a3; background: #fff; color: #2156a3; border-radius: 4px; font-weight: 500; cursor: pointer; }
.kontakt-wahl button[data-ja] { background: #2156a3; color: #fff; }
.kontakt-danke { padding: 20px 0; }

/* Sichtbarer Tastaturfokus (fehlte im Original) */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid #2156a3; outline-offset: 2px; }

/* Cookie-Hinweis in den Farben der Seite */
:root { --ew-akzent: #2156a3; --ew-text: #3e4555; --ew-schrift: Montserrat, sans-serif; --ew-radius: 4px; }

/* Praxis-Hinweis aus der Verwaltung (src/kern/PraxisHinweis.astro): schmale Leiste über dem Kopf, zartes Papageien-Gold */
.praxis-hinweis { background: #fdf0c4; border-bottom: 1px solid #f4dc8a; color: #3e4555; }
.praxis-hinweis p { max-width: 1140px; margin: 0 auto; padding: 11px 15px; font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 500; line-height: 1.45; text-align: center; }