/* Diese Klasse wird per JS hinzugefügt, um Items initial zu verstecken */
.pagination-item-hidden {
  display: none;
}

/* (Optional) Container für den Button, um ihn zu zentrieren */
.load-more-container {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
}

/* (Optional) Basis-Styling für den Button, falls die Seite keine Button-Klassen (z.B. von Bootstrap) hat */
.load-more-btn {
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  background-color: #64b32c; /* Beispiel-Farbe */
  color: white;
  border: none;
  border-radius: 4px;
}
.load-more-btn:hover {
    background: rgb(28, 48, 85);
    background: linear-gradient(90deg, rgb(28, 48, 85) 0%, rgb(28, 48, 85) 30%, rgb(100, 179, 44) 100%);
    color: #fff;
}