/* ============================================================
   Pro Tier — Services / Wegweiser (Startseite)
   Der Kernel legt die Karten ab 45rem als Flex-Reihe an
   (flex: 1 1 18rem, max-width: --section-card-max, letzte Reihe zentriert).
   Für die sechs Wegweiser-Karten feste, gleiche Spaltenbreiten:
   Desktop 3 Spalten (2 volle Reihen), Tablet 2 Spalten (3 volle Reihen).
   flex-basis statt Grid, damit Kernel-Flex und Zentrierung erhalten bleiben;
   flex-grow/-shrink 0, damit Inhalt (z. B. lange Button-Texte) die Breite
   nicht verschiebt. Button-Texte dürfen umbrechen.
   Farben ausschließlich über die IPS-Tokens in variables.css.
   ============================================================ */

@media (min-width: 79.5rem) {
  #home .services[data-variant="cards"] > div > article {
    flex: 0 0 calc((100% - 2 * var(--gap-block)) / 3);
    max-width: none;
    min-width: 0;
  }
}

@media (min-width: 45rem) and (max-width: 79.499rem) {
  #home .services[data-variant="cards"] > div > article {
    flex: 0 0 calc((100% - var(--gap-block)) / 2);
    max-width: none;
    min-width: 0;
  }
}