body {
	margin: 0;
	font-family: Verdana;
}

header {
	width: 100%; 
	top: 0px;
	position: fixed;
	margin: 0px;
	border: 0px;
	padding: 0px;
	padding-bottom: 0em;
	background: rgb(255,255,255);
	border-bottom: solid 2px rgb(130,180,255);
	
}

figure {
	margin: 0px;
	padding: 0px;
	width: fit-content;
	
}

#logo {
	margin: 0;
	margin-left: 5%;
	margin-top: 1em;
	margin-bottom: 0.2em;
	padding: 0.1em;
	height: 3.5em;
	width: auto;
	border: 0;
}

#lognav {
	margin:0;
	padding:0;
	padding-top: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content : space-between;
	width: 100%;
}

#navbox {
	margin-right: 1em;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	align-items: flex-end;
	width: fit-content;
}

nav.mainnav {
	margin-bottom: 0%;
	padding: 0em;
	display: flex;
}

.mainnav  ul {
	display: flex;
	flex-flow: row wrap;
	margin: 0px;
	margin-right: 0em;
	margin-left: 1em;
	padding: 0px;
	padding-left: 0em;
}
.mainnav li {
	display: inline-block;
	padding: 1px 3px 1px 3px;
	margin: 0px;
	margin-right: 7px;
	margin-left: 7px;
	border-bottom: solid 2px white;
}

.mainnav a {
	color: black;
	text-decoration: none;
	font-size: large;
	letter-spacing: 0.05em;
}

@media only screen and (min-width: 78em) {
  #lognav {
    justify-content : flex-start;
  }
  
  #navbox {
	margin-left: 16em;
  }
  
}

.mainnav a:hover {
	border-bottom: solid 4px rgb(130,180,255);
}

nav.sprachenav {
	margin-bottom: 0%;
	padding: 0em;
	display: flex;
}

.sprachenav ul {
	display: flex;
	flex-flow: row wrap;
	margin: 0px;
	margin-right: 0.5em;
	margin-left: 1em;
	padding: 0px;
	padding-left: 0em;
}
.sprachenav li {
	display: inline-block;
	padding: 3px;
	margin: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

.sprachenav a{
	color: black;
	text-decoration: none;
	font-size: small;
}

.sprachenav a:hover {
	text-decoration: underline;
}

.sprachenav p {
	margin: 0;
	padding: 0;
}

.mainnav .Burgericon {
  display: none;
  width: 1.5em;
  height: 1.5em;
  margin-bottom: 1em;
}

#mobilenav {
  position: fixed;
  right: 0.5em;
  margin-top: 5.1em;
  border: solid 2px rgba(200,200,200);
  border-top: solid 2px rgb(130,180,255);
  background-color: rgba(255,255,255);
  display: none;
}

.burgerLinks {
	color: black;
	font-size: large;
	letter-spacing: 0.05em;
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: 2em;
	margin-right: 2em;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	align-items: center;
	width: fit-content;
}

.burgerLinks li {
  display: inline-block;
  text-align: left;
  width: 100%;
  margin: 0.5em;
  margin-left: 1em;
  margin-right: 1em;
  border-bottom: solid 1px rgb(130,180,255);
}

#language {
  margin-top: 2em;
  font-size: 0.9em;
}

.burgerLinks a {
  display: flex;
  justify-content: space-between;
  width: 100%;
  color: black;
  text-decoration: none;
  font-size: large;
  letter-spacing: 0.05em;
}

.hamburger {
  display: flex;
  flex-flow: column;
  margin-bottom: 4px;
  width: 1em;
  border: thin solid black;
}

@media only screen and (max-width: 63em) {
  .mainnav li{display: none;}
  .sprachenav li{display: none;}
  .mainnav li.Burgericon{
    float: right;
    display: flex;
	flex-flow: column;
	}
  .mainnav a:hover {
	border-bottom: none;
  }
   
  
  #navbox {
    justify-items : flex-end;
  }
}