/* Basiszustand: transparent, aber Platz für den Border reservieren */
header .custom-header {
  background: transparent !important;
  border-bottom: 3px solid transparent; /* verhindert Layout-Shift */
  transition: border-color .3s ease, background-color .3s ease;
}

/* Scrollzustand: weißer Hintergrund + goldener Unterstrich */
.fixed-header .custom-header {
  background: #323232 !important;
  border-bottom-color: #b38900;
  padding: 20 !important; /* falls du das weiterhin brauchst */
}

/* Optional: Bewegungen für Nutzer mit reduzierten Animationen abschalten */
@media (prefers-reduced-motion: reduce) {
  header .custom-header { transition: none; }
}


.h3_header {
  text-shadow: 2px 2px #e0e0e0;
}