/* ==========================================================================
   Startseite — Feinarbeit, die kein Block von sich aus kann
   Gehoert zu mu-plugins/kiep-startseite.php. Wird NUR auf den dort
   eingetragenen Seiten geladen.
   ========================================================================== */

/* ---------- Gleich hohe Knoepfe nebeneinander ----------------------------

   Die drei Kopf-Knoepfe ("Unsere Abos", "Beratung buchen", "Mitglied werden")
   stehen je in einer eigenen Spalte einer Spalten-Reihe. Die Reihe ist ein
   Flex-Kasten, ihre Spalten sind dadurch bereits alle gleich hoch — der Knopf
   DARIN fuellt seine Spalte aber nicht, sondern ist nur so hoch wie sein Text.
   Wer einen kuerzeren Text hat, bekommt einen kleineren Knopf.

   Am 25.08.2026 gemessen (Fenster 2560 px): 60 / 95 / 95 Pixel.

   Zwei Ursachen, beide behoben:
   1. "Beratung buchen" und "Mitglied werden" brauchen bei 173 px Spaltenbreite
      zwei Zeilen, "Unsere Abos" nur eine. -> Im Seiteninhalt tragen jetzt alle
      drei einen ausdruecklichen Zeilenumbruch, damit das nicht an der
      Fensterbreite haengt.
   2. Die beiden umrandeten Knoepfe haben 3 px Rahmen, der gefuellte hatte
      keinen -> 6 px Unterschied. -> Der gefuellte Knopf hat jetzt denselben
      Rahmen in seiner EIGENEN Hintergrundfarbe (unsichtbar, aber gleich hoch).

   Diese Regel hier ist das Sicherheitsnetz darunter: Sie wirkt bei JEDER
   Fensterbreite, auch wenn die Spalten so schmal werden, dass ein Text doch
   drei Zeilen braucht (gemessen bei 800 px: sonst 124 gegen 154 Pixel).

   ⚠️ Der Waehler trifft NUR Knoepfe, die ALLEIN in einer Spalte stehen —
   gemessen sind das genau diese drei. Der Foerdermitglied-Knopf weiter unten
   sitzt nicht in einer Spalte und bleibt unberuehrt.

   "display: flex" mit Zentrierung ist noetig, weil der Text sonst am oberen
   Rand des nun hoeheren Knopfes klebt.                                      */
.wp-block-column > .gb-button {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}