.list-group-item:hover {
    background-color: #f8f9fa; /* hellgrau, wie Bootstrap's .bg-light */
    transition: background-color 0.2s ease;
}

@media (max-width: 767.98px) {
  /* Alle Buttons mit .download-btn auf Mobil (<768px) komplett ausblenden */
  .download-btn {
    display: none !important;
  }

  /* Layout der Listenelemente mobil verbessern */
  .list-group-item {
    /* Bei sehr langen Dateinamen Zeilenumbruch erlauben */
    word-wrap: break-word;
  }
  
  /* Bei Bedarf Listeneinträge vertikal anordnen */
  .list-group-item.d-flex {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Erlaubt Flex-Item zu schrumpfen (sonst bleibt es immer so breit wie sein Inhalt) */
.list-group-item {
  display: flex;
  align-items: center;
}
.list-group-item .file-link {
  /* flex: grow | shrink | basis */
  flex: 1 1 auto;
  min-width: 0;  /* ganz wichtig, damit overflow-wrap wirkt */
}

/* Zeilenumbruch bei langen Dateinamen */
.list-group-item .file-link .text-break {
  overflow-wrap: break-word;
  word-break: break-word;
}

/* (Optional) Falls stattdessen Ellipsen bevorzugt:
.list-group-item .file-link .text-break {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
*/