/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 18.05.2020, 11:59:55
    Author     : Herz
*/

header{
    width:100%;
    box-sizing: border-box;
    padding-top:5px;
    padding-bottom:5px;
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    /*height: 400px;*/
    z-index:800;
}
.logged_in header{
    top:80px;
}
header .inner {
    /*display:inline-block;*/
    /*width:50%;*/
    vertical-align: middle;
    position:relative;
    width:100%;
    max-width:1920px;
    margin: 0 auto;
}
header .logo{
    position:absolute;
    right:20px;
    top:70px;
    display:block;
    /*height:100%;*/
    /*max-height:112px;*/
    max-width:600px;
    text-align: right;
    z-index: 2;
}
header .logo img{
    /*max-height:112px;*/
    /*width: auto !important;*/
    /*display:inline-block;*/
    width: 100%;
}
.flag{
    position:absolute;
    top:21px;
    right:60px;
    max-width:25px;
    opacity:0.5;
}
.flag:hover{
    opacity:1;
}
main{
    margin-top:150px;
}
.lang{
    position: absolute;
    top: 74px;
    left: 140px;
    width: 40px;
}
@media screen and (max-width:1200px){
    header .logo{
        top: 20px;
        width: calc(100% - 200px);
        max-width: 600px;
    }
}
@media screen and (max-width:1000px){
    .lang{
        top: 110px;
        left: 25px;
    }
}
@media screen and (max-width:760px){

    .flag{
        top:15px;
        right:15px;
    }
    .lang{
        padding: 0;
    }
}
@media screen and (max-width:480px){
    header .logo{
        width: calc(100% - 150px);
    }
}