/* Der Haupt-Container des Listings */
.quarto-listing-container-grid {
  display: grid;
  gap: 1em; /* Abstand zwischen den Karten */
  /* Die Anzahl der Spalten (grid-columns) steuert Quarto über inline-styles
     wie grid-template-columns: repeat(3, minmax(0, 1fr)); */
}

/* Die Textbox unter dem Bild */
.quarto-listing-container-grid .card-body {
  padding: 1em;
}

/* Die Überschrift (Titel des Beitrags) */
.quarto-listing-container-grid .listing-title {
  font-weight: 600;
  font-size: 1.1rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

/* Der Text / Teaser (description) */
.quarto-listing-container-grid .listing-description {
  color: var(--bs-secondary-color, #6c757d); /* Nutzt Bootstraps Sekundärfarbe */
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
}

/* Setzt einen Pfeil  unten rechts in die Ecke jeder Box */
.quarto-grid-item .card-body::after {
  content: "\2192"; /* Das ist der unfehlbare Code für den Pfeil nach rechts*/
  position: absolute;
  bottom: 0.75rem;
  right: 1.25rem;
  font-weight: bold;
  font-size: 1.5rem;
  color: var(--quarto-primary, #718096);
}