/* Die Ratgeber-Uebersicht unter /ratgeber/ — die Seite, die auf die beiden
   Rassen-Hubs verzweigt. Sie kommt ueber ihren Slug an dieses Blatt (kein "stil"
   im Meta-Block); die Beitragsseiten des Blogs laden seite-blog.css.

   Flaeche, Radius, Raster und Knopf der beiden Karten stehen in bausteine.css und
   basis.css. Hier steht genau die eine Regel, die dort nichts zu suchen hat. */

/* Dieselbe Ausnahme wie .liste .karte in bausteine.css, nur ohne Hub-Liste: Die
   beiden Karten tragen je einen fuenf- bis siebenzeiligen Absatz Lesetext, und der
   liest sich nur an einer Kante — zentriert flattern beide Textkanten und das Auge
   findet den Zeilenanfang nicht. Die Knopfzeile darunter bleibt davon unberuehrt.
   0,1,0 und damit staerker als die :where()-Regeln in bausteine.css: Die Ausnahme
   gilt bewusst auf jeder Breite, ab 768px stuende der Text ohnehin links. */
.karte {
  text-align: left;
}

/* Bei ungleich langen Kartentexten stuenden die beiden Knoepfe sonst auf
   verschiedenen Hoehen. Vorbild ist .weg__aktion in seite-startseite.css:
   margin-top: auto schiebt die Aktion in der Flex-Spalte .karte nach unten. */
.karte__aktion {
  margin-top: auto;
  padding-top: 0.5rem;
}