header{
    max-width: 100vw;
    height: 400px;
}

.film{
   height: 350px;
   overflow: hidden;
   border-top: 4px solid var(--link);
   z-index: -1000;
}

video{
    width: 100%;
}


.kopf-text{
    font-size: 5.8rem;
    font-family: var(--schrift-playballregular);
    font-weight: 700;
    line-height: 130px;
    color: #FFFFFF;
    position: absolute;
    top:150px;
    width: 100%;
    text-align: center;
    opacity: 1;
    text-shadow: 5px 5px 3px var(--schatten-farbe) ;
}

 @media (max-width:1050px){

    header{
        height: 300px;
    }

    .film{
        height: 250px;
     }

    .kopf-text{
        font-size: 5rem;
        top:120px;
    }
 }


 @media (max-width:900px){

    header{
        height: 200px;
    }

    .film{
        height: 150px;
     }

    .kopf-text{
        font-size: 4rem;
        top:60px;
    }
 }

 @media (max-width:750px){

    header{
        height: 200px;
    }

    .film{
        height: 150px;
     }

    .kopf-text{
        font-size: 3rem;
    }
 }
 
 @media (max-width:550px){

    header{
        height: 180px;
    }

    .film{
        height: 130px;
     }

    .kopf-text{
        font-size: 2.5rem;
    }
 }

 @media (max-width:450px){

    header{
        height: 150px;
    }

    .film{
        height: 100px;
     }

    .kopf-text{
        font-size: 2rem;
        top:45px;
    }
 }

 
 @media (max-width:370px){

    header{
        height: 120px;
    }

    .film{
        height: 80px;
     }

    .kopf-text{
        font-size: 1.6rem;
        top:30px;
    }
 }