* { box-sizing:border-box; }

nav { width:100%; display:none; }	
#navi-open:target nav, #nav:target nav { display:block; }
nav li {  }

nav a {
	display:block;
	height:100%;
	width:100%;
}

.nav-toggle {
	z-index: 100;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	margin-top:5vH; 
	margin-left:5%;
	cursor:pointer;
	text-decoration:none;
	width:11%;
}

.nav-toggle:hover {  }
.nav-hide, .nc { display:none; }
#navi-open:target .nav-hide, #nav:target .nc { display:block; }
#navi-hide:target .nav-hide, #nc:target .nc { display:none; }
#main { width:100%; }



@media screen and (min-width:851px) {  /* zu ändern */

.nav-toggle { display:none !important; }

nav { width:auto; display:block !important; }

nav li { width:auto; }

}

@media screen and (max-width:850px) {  /* zu ändern */

#navi-open:target main, #nav:target main { opacity:1; }

}