.header {
    background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(/assets/img/datenschutz-header.webp);
    height: 80vh;
    background-color: #000;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 98px
}

@media (max-width:768px) {
    .header {
        height: 60vh
    }
}

.header__content {
    max-width: 300px
}

@media (min-width:768px) {
    .header__content {
        max-width: 500px
    }
}