.category-buttons {
  font-family: 'Roboto', sans-serif;
}

.category-btn {
  font-family: 'Roboto', sans-serif;
  background-color: #b5c5de;
  color: #004c97;
  border: 2px solid #a0c0e0;
  font-weight: 500;
  transition: all 0.2s ease;
}

.category-btn.active {
  background-color: #004c97;
  color: #ffffff;
  border-color: #004c97;
}

/* Hover für inaktive Buttons */

.category-btn:not(.active):hover {
  background-color: #9bb3d6;
  color: #004c97;
}

/* Hover für active Button */

.category-btn.active:hover {
  background-color: #003a72;
  color: #ffffff;
}