#mainheader
{
	background:#fff;
	height:100px;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:90;
}

#mainheader .container
{
	align-items:center;
	display:flex;
	height:100%;
	justify-content:space-between;
}

#mainheader #logo img
{
	/*height:100%;*/
	max-width:250px;
}

#mainheader #mainmenu
{
	display:flex;
	justify-content:space-between;
	margin:0 0 0 auto;
}

#mainheader #mainmenu .firstlevel
{
	font-family:"SegoeUIBold",Arial,sans-serif;
	font-size:13px;
    letter-spacing:2px;
    line-height:20px;
    margin:0 18px;
    text-transform:uppercase;
}

#mainheader #mainmenu .firstlevel .firstlink
{
	color:var(--main-color);
}

#mainheader #mobilmenubutton
{
	display:none;
}


@media (max-width:1260px)
{
	#mainheader
	{
        height:65px;
	}
	
	#mainheader #logo img
	{
        max-width:90px;
	}
	
	#mainheader .container img{height:40px;}
	
	#mainheader #mainmenu
	{
        background:#fff;
        flex-direction:column;
        height:calc(100vh - 65px);
        justify-content:flex-start;
        opacity:1;
        overflow-x:hidden;
        overflow-y:auto;
        padding:0 30px;
        position:fixed;
        right:-100%;
        top:65px;
        transition:all 0.3s ease-in-out;
        width:100%;
	}
	
	.menuopen #mainheader #mainmenu
	{
        right:0;
	}
	
	#mainheader #mainmenu .firstlevel
	{
        font-size:16px;
        line-height:20px;
        margin:0;
        padding:15px 0;
	}
	
	#mainheader #mainmenu .firstlevel.first
    {
        border-top:1px solid var(--darkgrey);
        padding-top:30px;
    }
    
    #mainheader #mainmenu .firstlevel.last
    {
        border-bottom:1px solid var(--darkgrey);
        padding-bottom:30px;
    }
	
	#mainheader #mobilmenubutton
	{
        display:block;
        height:16px;
        margin:0 0 0 auto;
        position:relative;
        width:30px;
	}
	
	#mainheader #mobilmenubutton span
	{
        background:var(--main-color);
        display:block;
        height:1px;
        left:0;
        position:absolute;
        top:0;
        transition:all 0.3s ease-in-out;
        width:100%;
	}
	
	#mainheader #mobilmenubutton .midline
    {
        top:8px;
    }
    
    #mainheader #mobilmenubutton .botline
    {
        top:16px;
    }
    
    .menuopen #mainheader #mobilmenubutton .topline
    {
        height:2px;
        top:8px;
        transform:rotate(45deg);
    }
    
    .menuopen #mainheader #mobilmenubutton .midline
    {
        opacity:0;
    }
    
    .menuopen #mainheader #mobilmenubutton .botline
    {
        height:2px;
        top:8px;
        transform:rotate(-45deg);
    }
}

@media (max-width:767px)
{
	#mainheader #mainmenu
    {
        padding:15px 20px;
    }
	
	
}