.intro-header {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
}

.intro-header::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4); /* dunkler Overlay */
    z-index: 1;
}

.intro-header .site-heading {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 140px 20px 100px; /* <- Mehr Abstand oben: vorher war 100px */
}

.intro-header .site-heading h1,
.intro-header .site-heading .subheading {
    color: white;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); /* Textlesbarkeit */
}

.btn-toOverview {
    display: block;
    width: fit-content;
    margin: 2rem auto;
    padding: 0.5rem 1.2rem;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 4px;
}

.btn-toOverview:hover {
    background-color: #0056b3;
}