/* Farb-Variablen */
:root{
  --kanz-gold: hsl(42, 46%, 53%);
  --kanz-gold-dark: hsl(42, 46%, 40%);
  --kanz-blue: hsl(212, 30%, 17%);
  --kanz-ivory: hsl(45, 29%, 94%);
  --kanz-text-dark: hsl(210, 10%, 20%);
}

/* Basis */
.kanz-btn {
  font-family: 'Outfit', sans-serif;
  font-weight: 600;
  padding: 0.9rem 1.8rem;
  border-radius: 8px;
  border: 1px solid transparent;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: all .25s ease;
}

/* Gold Button – Kontrast sichergestellt */
.kanz-btn--gold {
  background: var(--kanz-gold) !important;
  border-color: var(--kanz-gold) !important;
  color: var(--kanz-text-dark) !important; 
}
.kanz-btn--gold:hover {
  background: var(--kanz-gold-dark) !important;
  border-color: var(--kanz-gold-dark) !important;
  color: var(--kanz-ivory) !important;
}

/* Blau Button – auf hellem Hintergrund */
.kanz-btn--blue {
  background: var(--kanz-blue) !important;
  border-color: var(--kanz-blue) !important;
  color: var(--kanz-ivory) !important;
}
.kanz-btn--blue:hover {
  background: var(--kanz-gold) !important;
  border-color: var(--kanz-gold) !important;
  color: var(--kanz-text-dark) !important;
}

/* Ivory Button – Sekundärvariante */
.kanz-btn--ivory {
  background: var(--kanz-ivory) !important;
  border-color: var(--kanz-ivory) !important;
  color: var(--kanz-blue) !important; /* stärkerer Kontrast als Gold */
}
.kanz-btn--ivory:hover {
  background: var(--kanz-gold) !important;
  border-color: var(--kanz-gold) !important;
  color: var(--kanz-ivory) !important;
}