/* Navigation  */


header {
 position: fixed;
 top: 0;
	width:100%;
	float: left;
	background-color: var(--background-color); 
	border-bottom: thin solid var(--schrift-color);
	z-index: 99;
}


.logo {
	display:block;
	width:100%;
	padding:5px; 
}

nav {
	width:100%;
	float: left;
	height: 0;
	overflow:hidden;
	transition:height .2s ease-in-out;
}

nav li {
	float:left;
	width:100%;
 text-decoration:none; list-style: none;
     }

nav a {
	display:block;
	height: 10%;
	width:100%;
	padding:10px;
 font-family: var(--schrift);
 font-size: 19px;
	font-weight: 300;
	text-decoration:none;
 color:var(--schrift-color); 
}


.nav-toggle {
	display:block;
	position:absolute;
	right:0;
	top:0;
	padding:10px;
 font-family: var(--schrift);
 font-size: 19px;
 color:var(--schrift-color); 
	cursor:pointer;
	text-decoration:none; 
}



#nav-open:target .nav-closed {
	display:block;
}

.nav-closed,
#navi-closed:target .nav-closed,
#nav-open:target .nav-open {
	display:none; 
}

@media screen and (max-width: 779px) {
	#nav-open:target nav {
		height: auto;
    }
}

@media screen and (min-width:780px) {  
.nav-toggle {
    display:none !important;
}
.logo {
		width:auto;
		float:left;	
    }
	nav { 
		float:right;
		width:auto;
		display:block !important;
		height:auto; 
    }
	nav li { 
		    width:auto;
		    padding:0; 	
        }
}  

a:hover {
	color:var(--schrift-color-hover);
  }