/*
* Prefixed by:
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

header{
    background-color: white;
    height: 3.7em;
    margin: 0;
}

header img{
    position: absolute;
    text-align: center;
    margin-top: 0.45em;
    height: 3.3em;
    width: auto;
    margin-left: 5.95em;
    
}

#headcont{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

#headleft{
    width: 80%;
}

#headright{
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#headright div{
    margin-top: 1.5em;
}

#headspace{
    width: 40%;
}
#langspace{
    content: '';
    margin: 0 10px 0 10px;
}
#langsection form{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#headright input{
    width: 16px;
    height: 11px;
    border-style: none;
}

#en_EN_img{
    background-image:url('../../media/pictures/en_EN.png');
    background-repeat:no-repeat;
    background-size: 16px 11px;
}

#de_DE_img{
    background-image:url('../../media/pictures/de_DE.png');
    background-repeat:no-repeat;
    background-size: 16px 11px;
}

#logout{
    background-color: #2ea3f2;
    color: white;
    padding: 0.5em 2em 0.5em 2em;
    text-decoration: none;
    border-radius: 2em;
}

#coch{
    height: 1em;
    width: 100%;
    margin-bottom: -0.2em;
    background-repeat:no-repeat;
    background-color: white;
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    #coch {
        margin-bottom: -0.21em;
    }
}

#banner{
    max-width: 100%;
    min-width: 100%;
    height: 20em;
    -o-object-fit: cover;
       object-fit: cover;
}

#over{
    color: white;
}

#banover{
    position: absolute;
    text-align: center;
    color: white;
    width: 100%;
    height: 20em;
    background: rgb(24,80,195);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(24,80,195,0.3925945378151261)), to(rgba(44,162,255,0.6558998599439776)));
    background: -o-linear-gradient(bottom, rgba(24,80,195,0.3925945378151261) 0%, rgba(44,162,255,0.6558998599439776) 100%);
    background: linear-gradient(0deg, rgba(24,80,195,0.3925945378151261) 0%, rgba(44,162,255,0.6558998599439776) 100%);
    -webkit-animation: fadein 3s;
            animation: fadein 3s;
}

@-webkit-keyframes fadein{
    from { opacity: 0;}
    to { opacity: 1;}
}

@keyframes fadein{
    from { opacity: 0;}
    to { opacity: 1;}
}

@media only screen and (max-width: 1200px) {

    #headleft{
        width: 60%;
    }
    
    #headright{
        width: 40%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}