/*
 * /assets/css/hilfe-fuer-mitarbeiter.css
 * Version: 2026-07-06 fix22
 * Zweck: Seitenspezifische Ergänzungen für /app/hilfe-fuer-mitarbeiter.html
 *
 * Der Vierer-Block nutzt das Triluma-Card-System.
 * Diese Datei korrigiert nur den Viererblock im Abschnitt #familie.
 */

#familie .tri-card-grid.tri-card-grid-4.tri-mitarbeiter-support-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:var(--tri-space-md) !important;
  align-items:stretch !important;
  margin-bottom:var(--tri-space-md) !important;
}

#familie .tri-mitarbeiter-support-grid > .tri-card{
  min-width:0;
}

#familie .tri-mitarbeiter-support-grid .tri-card-image{
  align-self:flex-start;
}

@media(max-width:620px){
  #familie .tri-card-grid.tri-card-grid-4.tri-mitarbeiter-support-grid{
    grid-template-columns:1fr !important;
  }
}