/* CSS Document */

.centered-btn {
  display: block; 
  margin-left: auto;
  margin-right: auto;
  width: fit-content; 
}
.custom-card-body {
  max-height: 100px;
  min-height: 100px;
  overflow: auto;
}

.card-title {
  max-height: 50px;
  min-height: 50px;
  overflow: auto;
}
    .custom-card-body::-webkit-scrollbar {
  width: 10px; /* Breite der Scrollbar */
}

.custom-card-body::-webkit-scrollbar-track {
  background: #f1f1f1; /* Farbe des Hintergrunds der Scrollbar */
}

.custom-card-body::-webkit-scrollbar-thumb {
  background: #888; /* Farbe der Scrollbar selbst */
}

.custom-card-body::-webkit-scrollbar-thumb:hover {
  background: #555; /* Farbe der Scrollbar beim Hover */
}
    /* test */
.Filterbtn{
    padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  border: 1px solid #ced4da;
  font-size: 1rem;
  margin: 8px 0;
  display:inline-block;
    
}
.Filter {
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  border: 1px solid #ced4da;
  font-size: 1rem;
  margin: 8px 0;
  display:inline-block;
  }
@media (max-width: 500px) {
  .Filter {
    width: 100%;
    display: none; /* Filter ausblenden */
    cursor: pointer;
  }
}

.Filter:focus {
  /* Stil für das Fokuselement */
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
#pagination {
    display: flex;
    justify-content: space-between;
    margin: 20px;
}

#prevPage, #nextPage {
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

#prevPage:hover, #nextPage:hover {
    background-color: #0056b3;
}
@media (max-width: 360px) {
    #prevPage, #nextPage {
        padding: 8px 15px; /* Verringert die Polsterung */
        font-size: 14px; /* Macht den Text kleiner */
    }
}
@media (max-width: 310px) {
   #pagination {
        flex-direction: column; /* Stapelt die Buttons vertikal */
        gap: 10px; /* Fügt einen vertikalen Abstand zwischen den Buttons hinzu */
    }
}