body {
  margin: 0;
  font-family: Arial, sans-serif;
  background-color: #111;
  color: #f5f5f5;
}
 
.dark-header {
  background: #1a1a1a;
  padding: 40px 20px;
  text-align: center;
}
 
.gradient-heading {
  font-weight: bold;
  text-align: center;
  margin: 0 0 20px 0;
  
  /* WICHTIG: Ändert das Verhalten für den Hintergrund */
  display: block; 
  
  /* 1. Erst die Hintergrundfarbe für alte Browser */
  background-color: #BCA075;
  
  /* 2. Dann der Verlauf */
  background-image: linear-gradient(45deg, #F5E6CE 35%, #A38354 50%, #DCDDDD 65%);
  
  /* 3. Erst die Webkit-Variante zum Schneiden */
  -webkit-background-clip: text;
  /* 4. Dann die Standard-Variante zum Schneiden */
  background-clip: text;
  
  /* 5. JETZT die Textfarbe auf transparent setzen */
  -webkit-text-fill-color: transparent;
  color: transparent;
}
 
.gradient-xl { font-size: clamp(32px, 8vw, 48px); }
.gradient-lg { font-size: clamp(26px, 6vw, 35px); }
.gradient-md { font-size: clamp(20px, 4vw, 28px); }
 
.content {
  padding: 40px 20px;
  text-align: center;
}