nav {
	display: none;
}

nav ul {
 	padding: 0px;
 	margin: 0px;
 	width: 100%;
}
 
nav ul li {
	list-style: none;
	padding: .5rem 0 .5rem 0;
	text-decoration: none;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: center;
}

nav ul li a {
	text-decoration: none;
	color:white;
	font-weight: normal;
}



nav ul li a:hover {
	font-weight: 700;
}

/** Anpassungen Checkbox+Label (Button) **/

input#open-menu {
	display: none;
}

input[type=checkbox]:checked ~ nav {
    display: block;
}
	
label.open-menu-label {
	padding: 1rem 0px;
	display: block;
	font-size:1.5rem;
	text-align: center;
	width: 100%;
	cursor: pointer;
}

@media only screen and (min-width: 641px) and (max-width: 754px) {
	nav {
		display: block;
		float:right;
		padding: 10px;
	}
	nav ul li {
		display:inline;
		width: 20%;
	}
	nav ul li:after {
		content: '|';
		margin-left: .2rem;
		margin-right: .2rem;
	}
	nav ul li:last-child:after {
		content: none;
	}
	label.open-menu-label {
		display: none;
	}
}



@media only screen and (min-width: 755px) and (max-width: 980px) {
	nav {
		display: block;
		float:right;
		padding: 10px;
	}
	nav ul li {
		display:inline;
		width: 20%;
	}
	nav ul li:after {
		content: '|';
		margin-left: 1rem;
		margin-right: 1rem;
	}
	nav ul li:last-child:after {
		content: none;
	}
	/** Label wird ausgeblendet **/
	label.open-menu-label {
		display: none;
	}
}


@media only screen and (min-width: 981px) {
	nav {
		display: block;
		float:right;
		padding: 10px;
	}
	nav ul li {
		display:inline;
		width: 20%;
	}
	nav ul li:after {
		content: '|';
		margin-left: 1rem;
		margin-right: 1rem;
	}
	nav ul li:last-child:after {
		content: none;
	}
	label.open-menu-label {
		display: none;
	}
}