/* Zusatzstyles zur Tailwind-CDN-Variante (Landing Page, Mode-Design) */

.hero-logo {
  width: 100%;
  max-width: 305px;
  height: auto;
}

@media (min-width: 768px) {
  .hero-logo {
    max-width: 350px;
  }
}

@media (min-width: 1024px) {
  .hero-logo {
    max-width: 626px;
  }
}

body {
  background-color: #000;
  color: #fff;
  font-family: "Poppins", sans-serif;
}

.gold {
  color: #d4af37;
}

.gold-bg {
  background-color: #d4af37;
}

.hover-gold:hover {
  color: #d4af37;
}

.border-gold {
  border-color: #d4af37;
}

.text-gold {
  color: #d4af37;
}

.bg-gold {
  background-color: #d4af37;
}