/* Layout für die ganze Seite */

body 
{
	background: #f2f9f1;
	font-family: Helvetica, Arial, Times New Roman;
	text-align: center;
	align-content: center;
}

.indeximg {
	width: 50px;
    height: 50px;
}
footer 
{
    background-color: #0078ad;
	margin: 1rem;
	padding: 1rem;
  
}
/* Link im Footer */
a.white:link {color: #fff; }
a.white:visited {color: #fff; }
a.white:hover {color: #000; }
a.white:focus {color: #fff; }
a.white:active {color: #fff; }

/* Navigation */
  
.burgericon {
width: 30px;
height: 30px;
display: none;

}

.burgericon div {
width: 90%;
margin: 7px 5%;
height: 3px;
background-color: black;
}
  
.navbar {
background-color: #0078ad;
height: 85px;
}

.navbar img {
width: 150px;
padding: 15px;

}
  
nav ul {
	  list-style: none;
	  padding: 0;
	  margin: 0;
	  
  }
  
 nav {
 float: right;
 margin: 0;
 }

li {
display: inline;
padding: 15px;
}

nav a {
text-decoration: none;
color: #fff;
display: inline-block;
padding-top: 15px;
}

nav a:hover {
color: #00b2b2;
}

nav a:active {
font-weight: bold;}

/* Checkbox ausblenden, auf Statuswechsel reagieren */
#navigation {
opacity: 0;
}
#navigation: checked ~ ul {
	display: block;
}

#navigation:checked ~ ul {
	display: block;
}
#navigation:checked ~ label .burgericon {
	margin-top: 15px;
}
#navigation:checked ~ label .burgericon div:first-of-type{
	rotate: 45deg;
}
#navigation:checked ~ label .burgericon div:last-child{
	rotate: -45deg;
	margin-top: -10px;
}
#navigation:checked ~ label .burgericon div:nth-child(2){
	display: none;
}


/* Navigation responsive */

@media screen and (max-width: 1365px) {
  nav {
    width: 100%;
    margin-top: -5px;
	padding-bottom: 45px;
  }

  nav li {
    display: block;
    background-color: #00a6e2;
    text-align: center;
  } 
  
  nav ul {
  display:none;
  }
.burgericon {
		display: block;
	} 
}
/* Seitendesign */

body > * {
  padding: .5em;
  padding-left: calc((100% - 100em) /2);
  padding-right: calc((100% - 100em) /2);