.buttons {
  background-color: #003366;  /* Dunkelblau Hintergrund */
  color: #ffffff;             /* Weißer Text */
  padding: 10px 20px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none;
  display: block;            /* Button als Blockelement */
  margin: 0 auto;            /* Zentriert den Button */
  text-align: center;        /* Zentriert den Button-Text */
  transition: background-color 0.3s ease, color 0.3s ease;
}

.buttons:hover {
  background-color: #ffffff;  /* Weißer Hintergrund bei Hover */
  color: #000000;             /* Dunkelblauer Text bei Hover */
}

#logo h3 a {
  text-transform: none !important;
}