@charset "utf-8";

div#navbar {
	
	transition:1s ;

	position:fixed ;
	
	width:100% ;
	height:8vh ;
	
	top:0 ;
	left:0 ;
	
	background-color:#e7e7e7 ;
	
	z-index:200 ;
	
}

div#titel {
	
	transition:1s ;
	
	float:left ;
	
	padding-top:0.5vh ;
	padding-left:9vw ;
	
	font-size:6vh ;
	letter-spacing:0.5vw ;
	
}

div#navelements {
	
	transition:1s ;
	
	float:right ;
	
	padding-right:2vw ;
	padding-top:2vh ;
	
	font-family:helvetica ;
	font-size:3vh ;
	
}

a.nav {
	
	transition:0.2s ;
	
	padding-left:1vw ;
	
	text-decoration:none ;
	color:#000000 ;
	
}

div#navspacer {

	width:100% ;
	height:8vh ;
	
	background-color:#e7e7e7 ;
	
}

@media (max-width: 100vh) {
	
	div#titel {
		
		transition:0s ;
	
	}
	
	div#navspacer {
	
		height:12.5vh ;
		
	}
	
	div#navelements {
		
		transition:0s ;
	
		clear:both ;
		
		width:100% ;
		
		padding-top:0.5vh ;
		
		background-color:#FFFFFF ;
		
		text-align:right ;
		
	}
	
}