header {
box-sizing: content-box;
position: relative;
z-index: 50;
margin: 10px 0px 10px 0px;
background-color: lightblue;
border: 1px solid black;
box-shadow: 0 8px 20px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
position: sticky;
top: 0;
}

header nav {
list-style: none;
line-height: 50px;
font-size: 1em;
margin-right:30px;
}

header nav form {
color: #fff;

}

/*Ein und Ausblenden*/

.switch{
	float:right;
	margin-right:20px;
	margin-top:20px;
}

.switch a{
}

.switch a:hover{
}

/*logo*/

.logo{
	font-size: 1.5em;
	background-color:transparent;
	color:#007b9d;
	padding-right:20px;
	padding-top:10px;
	
}

.logo a{
	/*margin-left:30px;*/
	color:#007b9d;
	text-decoration:none;
}

@media (max-width: 35em) {
	header{
		position:static;
	}
	
}


nav > li a {
color: black;
}

nav > ul {
	list-style: none;
	margin: 5px;
	display: flex;
	
}

nav li {
	margin: 0px 5px 0px 0px;
	text-align: center;
	font-size: 1em;
}

@media (min-width: 35em) {
	nav > ul {
		flex-direction: row;
	}
	nav li {
		flex: auto;
		font-size: 1em;
	}
}

@media (max-width: 35em) {
	nav > ul {
		top:0;
		flex-direction: column;
	}
	nav li {
		flex: auto;
		font-size: 1em;
	}
}


nav a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	
}

nav li[aria-current] a {
	background-color: #007b9d;
	color: black;
}

nav a,
nav li[aria-current] a {
	color: black;
	background-color: lightblue;
}


nav a:hover,
nav li[aria-current] a:hover {
	color: white;
	background-color: #007b9d;
}