@media (min-width:1024px)
{
	#mainheader
	{
	    left:0;
	    padding:20px 0;
	    position:fixed;
	    transition:all 0.3s ease-in-out;
	    width:100%;
	    z-index:100;
	}
	
	.scrolled #mainheader
	{
	    background:#fff;
	}
	
	#mainheader .fullwidthspacescontainer
	{
	    align-items:center;
	    display:flex;
	    position:relative;
	}
	
	#mainheader #logo img
	{
	    max-width:180px;
	}
	
	#mainheader #mainmenu
	{
	    display:flex;
	    margin:0 0 0 auto;
	    max-width:calc(100% - 210px);
	}
	
	#mainheader #mainmenu .firstlevel
	{
	    margin:3px 45px 0 0;
	}
	
	#mainheader #mainmenu .firstlevel:last-child
	{
	    margin-right:0;
	}
	
	#mainheader #mainmenu .firstlevel .firstlink
	{
	    color:#404143;
	    font-size:20px;
	    font-weight:300;
	    line-height:24px;
	}
	
	#website.start #mainheader #mainmenu .firstlevel .firstlink
	{
		color:#fff;
	}
	
	.scrolled #website.start #mainheader #mainmenu .firstlevel .firstlink
	{
	    color:#404143;
	}
	
	#mainheader #mainmenu .firstlevel .firstlink:hover,
	#mainheader #mainmenu .firstlevel.active .firstlink,
	#website.start #mainheader #mainmenu .firstlevel.first .firstlink,
	#website.start #mainheader #mainmenu .firstlevel .firstlink:hover,
	#website.start #mainheader #mainmenu .firstlevel.active .firstlink,
	.scrolled #mainheader #mainmenu .firstlevel .firstlink:hover,
	.scrolled #website.start #mainheader #mainmenu .firstlevel.active .firstlink
	{
		color:#a3c343;
	    /*font-weight:500;*/
	}
	
	#mainheader #mobilmenubutton
	{
        display:none;
	}
}

@media (max-width:1023px)
{
	#mainheader
    {
        left:0;
        padding:20px 0;
        position:fixed;
        transition:all 0.3s ease-in-out;
        width:100%;
        z-index:100;
    }
    
    .scrolled #mainheader,
    .menuopen #mainheader
    {
        background:#fff;
    }
    
    #mainheader .fullwidthspacescontainer
    {
    	align-items:center;
        display:flex;
        position:relative;
    }
    
    #mainheader #logo img
    {
        max-width:180px;
    }
    
    #mainheader .reportcenter
    {
        color:#404143;
        font-size:16px;
        font-weight:300;
        line-height:18px;
        padding:0 24px 0 0;
        position:absolute;
        right:0;
        top:0;
    }
    
    #website.start #mainheader .reportcenter
    {
        color:#fff;
    }
    
    .scrolled #website.start #mainheader .reportcenter
    {
        color:#fff;
    }
    
    #mainheader .reportcenter:after
    {
        content:"\f007";
        font-family:"Font Awesome 5 Free";
        font-size:20px;
        font-weight:900;
        position:absolute;
        right:0;
        transition:all 0.3s ease-in-out;
    }
    
    #mainheader #mobilmenubutton
    {
        cursor:pointer;
        display:block;
        margin:0 0 0 auto;
        position:relative;
    }
    
    #mainheader #mobilmenubutton .text
    {
        color:#404143;
        font-size:22px;
        font-weight:300;
        line-height:24px;
        padding:0 40px 0 0;
    }
    
    #website.start #mainheader #mobilmenubutton .text
    {
        color:#fff;
    }
    
    .scrolled #website.start #mainheader #mobilmenubutton .text
    {
        color:#3456a3;
    }
    
    #mainheader #mobilmenubutton .topline,
    #mainheader #mobilmenubutton .midline,
    #mainheader #mobilmenubutton .botline
    {
        background:#404143;
        display:block;
        height:3px;
        position:absolute;
        right:0;
        top:0px;
        transition:all 0.3s ease-in-out;
        width:30px;
    }
    
    #website.start #mainheader #mobilmenubutton .topline,
    #website.start #mainheader #mobilmenubutton .midline,
    #website.start #mainheader #mobilmenubutton .botline
    {
        background:#fff;
    }
    
    .scrolled #website.start #mainheader #mobilmenubutton .topline,
    .scrolled #website.start #mainheader #mobilmenubutton .midline,
    .scrolled #website.start #mainheader #mobilmenubutton .botline
    {
        background:#3456a3;
    }
    
    #mainheader #mobilmenubutton .midline
    {
        top:8px;
    }
    
    #mainheader #mobilmenubutton .botline
    {
        top:16px;
    }
    
    .menuopen #mainheader #mobilmenubutton .topline
    {
        top:12px;
        transform:rotate(45deg);
    }
    
    .menuopen #mainheader #mobilmenubutton .midline
    {
        opacity:0
    }
    
    .menuopen #mainheader #mobilmenubutton .botline
    {
        top:8px;
        transform:rotate(-45deg);
    }
    
    #mainheader #mainmenu
    {
        background:transparent;
        height:calc(100vh - 88px);
        opacity:0;
        overflow-x:hidden;
        overflow-y:auto;
        padding:30px 20px;
        position:fixed;
        right:-100%;
        top:88px;
        transition:all 0.3s ease-in-out;
        visibility:hidden;
        width:100%;
        z-index:100;
    }
    
    .menuopen #mainheader #mainmenu
    {
        background:#fff;
        opacity:1;
        right:0;
        visibility:visible;
    }
    
    #mainheader #mainmenu .firstlevel
    {
        margin:0 0 45px 0;
        opacity:0;
        padding:0 0 0 20px;
        transition:all 0.3s ease-in-out;
    }
    
    #mainheader #mainmenu .firstlevel:nth-child(1)
    {
        transition-delay:0.2s;
    }
    
    #mainheader #mainmenu .firstlevel:nth-child(2)
    {
        transition-delay:0.4s;
    }
    
    #mainheader #mainmenu .firstlevel:nth-child(3)
    {
        transition-delay:0.6s;
    }
    
    #mainheader #mainmenu .firstlevel:nth-child(4)
    {
        transition-delay:0.8s;
    }
    
    #mainheader #mainmenu .firstlevel:nth-child(5)
    {
        transition-delay:1.0s;
    }
    
    .menuopen #mainheader #mainmenu .firstlevel
    {
        opacity:1;
        padding-left:0;
    }
    
    #mainheader #mainmenu .firstlevel:last-child
    {
        margin-bottom:0;
    }
    
    #mainheader #mainmenu .firstlevel .firstlink
    {
        color:#404143;
        font-size:22px;
        font-weight:300;
        line-height:24px;
    }
    
    #mainheader #mainmenu .firstlevel.active .firstlink
    {
    	color:#3456a3;
        font-weight:500;
    }
}

