/* NAVIGATION  */


header .menu{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	top:130px;
	background:var(--fvMorkRod);
}


header .menu ul{
	list-style-type: none;
}


header .menu ul li{
	font-family: 'Gotu', sans-serif;
	border-bottom: 1px solid #4B5380;


}



header .menu ul a{
	text-decoration: none;
	color: #fff;
	display: block;
	text-align: center;
	font-size: 1.3em;

}


header .menu ul a:hover{
	color: #fff;
	background:var(--fvHover);
	display: block;

}


header .menu a.aktiv{
	background:var(--fvMorkGron);

}



/*VI SÆTTER HAMBURGER MENUEN TOGGLE ON OFF*/

header .menu_icon{
	padding: 28px 20px;
	position: relative;
	cursor: pointer;
	float: right;
	top: 70px;
}


header .menu_icon .nav_icon{
	background: #fff;
	display: block;
	height: 3px;
	width: 30px;
	position: relative;
	transition:all .4s ease-out;
	
}


header .menu_icon .nav_icon::before{
	content: '';
	background: #fff;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 10px;
	transition:all .4s ease-out;
}


header .menu_icon .nav_icon::after{
	content: '';
	background: #fff;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: -10px;
	transition:all .4s ease-out;
}


header .menu_btn{
	display:none;
}

header .menu{
	clear: both;
	max-height: 0;
	transition:max-height .3s ease-out;
}


header .menu_btn:checked ~ .menu{
	max-height: 400px;
	
}


/*Jeg laver en animation af hamburger iconet*/

header .menu_btn:checked ~ .menu_icon .nav_icon{
background:transparent;
}

header .menu_btn:checked ~ .menu_icon .nav_icon::before{
transform: rotate(-45deg);
top:0;
}


header .menu_btn:checked ~ .menu_icon .nav_icon::after{
transform: rotate(45deg);
top:0;
}




@media screen and (min-width: 600px){
	
	
header .menu_icon{
		display: none;
	}
	
header{
	height: 340px;	
}

	

	
header .menu{
	background:var(--fvMorkRod);
	width: 100%;
	position: absolute;
	top:0;
	left: 0;
	min-height: 35px;
	height: auto;
}

	
header .menu ul li{
	float:left;
	border-bottom: 0;

}
	
	header .menu ul a{
	display: inline-block;
	font-size: 0.9em;
	padding: 5px 20px 10px 20px;
	border-right: 1px solid var(--fvMorkBlaa);

}

	

	
}




@media screen and (min-width: 960px){
	

	
header .menu_icon{
		display: none;
	}
	
header{
	height: 340px;	
}

	

	
header .menu{
	background:var(--fvMorkRod);
	width: 100%;
	position: absolute;
	top:0;
	left: 0;
	min-height: 35px;
	height: auto;
}

	
header .menu ul li{
	float:left;
	border-bottom: 0;

}
	
	header .menu ul a{
	display: inline-block;
	font-size: 1.1em;
	padding: 5px 20px;
	border-right: 1px solid var(--fvMorkBlaa);

}