.text-contrast {
  color: #feffff;
 
}

.nav-link:hover {
  color: #ffffff; 
  text-decoration-line: underline;
}

.custom-hero {
    position: relative;
    min-height: 60vh;
    background-color: #212529; /* Fallback-Farbe */
    background-image: var(--hero-bg);
    background-size: cover;
    background-position: center;
    color: #ffffff;
    z-index: 1;
}

/* Dunkler Schleier für Lesbarkeit */
.custom-hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: -1;
}

.custom-hero-subtitle {
    letter-spacing: 0.1rem;
    color: #ffc107; /* Schickes Bootstrap-Gold/Gelb */
}