/* ========================================
   CLAUDE: FLIESSTEXT-RHYTHMUS FUER GUTENBERG-INHALTE
   ========================================

   CLAUDE: Warum es diese Datei gibt (gemessen am 04.08.2026 auf der Live-Seite):
   CLAUDE: base.css setzt in Zeile 171-175 bewusst "margin: 0" auf alle
   CLAUDE: Ueberschriften und Absaetze, und nur "p + p" bekommt Abstand zurueck.
   CLAUDE: Zwischen einer Ueberschrift und ihrem Text steht dadurch NICHTS.
   CLAUDE: Auf /verkauf/, /kontakt/, /vermietung/ und /ueber-uns/ faellt das nicht
   CLAUDE: auf, weil der Inhalt dort in Gutenberg-Gruppenbloecken liegt und
   CLAUDE: WordPress fuer die eine Layout-Regel erzeugt (blockGap 1.25rem = 20px).
   CLAUDE: Wo dieser Gruppenrahmen fehlt - Standort-Seiten, Standort-Uebersicht,
   CLAUDE: /ki-fakten/ - war der Abstand gemessen 0 Pixel bei 40-Pixel-Ueberschriften.
   CLAUDE: Der Abstand hing also am Zufall der Inhaltsstruktur statt am Theme.

   CLAUDE: Vorbild ist die bereits bewaehrte Regel aus pages/blog-single.css
   CLAUDE: (Zeilen 97-117); dort waren 0 von 13 Ueberschriften zu eng. Sie ist hier
   CLAUDE: an eine gemeinsame Stelle gehoben, damit sie jede Seite erreicht.

   CLAUDE: Anpassen: Die Klasse "lhi-content" gehoert an den Inhalts-Wrapper eines
   CLAUDE: Templates - mehr ist fuer eine neue Seite nicht zu tun. Werte kommen aus
   CLAUDE: den Abstands-Variablen in base.css, nicht aus festen Pixelwerten.
   ======================================== */

/* CLAUDE: Grundrhythmus - Abstand zwischen allen aufeinanderfolgenden Bloecken.
   CLAUDE: Bewusst KINDSELEKTOR (>): so kann die Regel strukturell nicht in
   CLAUDE: Karten- und Komponenten-Innenleben hineingreifen, das eigene Abstaende
   CLAUDE: mitbringt. Ein Nachfahrenselektor haette genau das getan. */
.lhi-content > * + * {
    margin-block-start: var(--lhi-space-md); /* 24px */
}

/* CLAUDE: Ueberschriften brauchen mehr Luft NACH OBEN als ein Absatz - so
   CLAUDE: entsteht die Gruppierung "Ueberschrift gehoert zum Text darunter"
   CLAUDE: statt einer gleichmaessigen Leiter ohne Gliederung. */
.lhi-content > h2 {
    margin-block-start: var(--lhi-space-lg); /* 40px */
}

/* CLAUDE: Zwischenueberschriften eine Stufe darunter - gleiche Logik, kleinerer
   CLAUDE: Sprung, damit die Hierarchie ueber den Abstand ablesbar bleibt. */
.lhi-content > h3,
.lhi-content > h4,
.lhi-content > h5,
.lhi-content > h6 {
    margin-block-start: var(--lhi-space-md); /* 24px */
}

/* CLAUDE: Der Text DIREKT unter einer Ueberschrift ruecht enger heran als der
   CLAUDE: Grundrhythmus - das ist der eigentlich gemeldete Fehler (0px). Nahe
   CLAUDE: genug zum Zusammengehoeren, weit genug zum Lesen. */
.lhi-content > :is(h1, h2, h3, h4, h5, h6) + * {
    margin-block-start: var(--lhi-space-sm); /* 16px */
}

/* CLAUDE: Kein Abstand ueber dem ersten Element - sonst entsteht eine Luecke
   CLAUDE: zwischen Seitenkopf und Inhaltsbeginn, die es vorher nicht gab. */
.lhi-content > :first-child {
    margin-block-start: 0;
}