.app-grid {
  display: flex;        /* Aktiviert das Flexbox-Layout */
  flex-direction: row;  /* Sorgt für die Anordnung nebeneinander */
  gap: 20px;            /* Abstand zwischen den Karten */
  align-items: center;  /* Zentriert die Karten vertikal, falls sie unterschiedlich groß sind */
  padding: 10px;
  overflow-x: auto;     /* Erlaubt horizontales Scrollen, falls es zu viele Karten werden */
}

.collapsible-header {
  height: 100%;
  list-style: none; 
  cursor: pointer;
  border-bottom: 2px solid #1f2937;
  transition: border-color 0.2s;
}

.collapsible-header:hover {
  border-color: var(--secondary-color);
}


.collapsible-header::-webkit-details-marker {
  display: none;
}