body, html{
	font-size: 1rem;
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0px;
	padding: 2px;
	line-height:1.5rem;
	hyphens:auto;
}
h1, h2  {
	color:#0071B9;
	padding: 25px 0px;
	margin: 0px;
	}
h1 {
	font-size:1.3rem;
	padding-bottom:0px;
}
h2 {
	font-size:1rem;
}
p	{
	padding:0px;
	margin:0px;
}	
.site-grid {
	grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 226px) repeat(2, minmax(0, 374px)) minmax(0, 226px) [main-end] minmax(0, 1fr) [full-end];
	grid-gap: 0;
}
a, a:visited	 	{text-decoration: none;	color:#0071B9; }
a:hover, a:active  	{text-decoration: none;	color:#aaabad; }

#main{ /*main*/
	border: 1px solid #0071B9;
	background-color:#F9F9F9;
	margin:20px auto;
	width:1140px;
	padding-bottom:30px;
}
#head{ /*header*/
	display:flex;
	margin:0px auto;
}
#content{ /*Inhalt*/
	width: 76%;
	padding: 20px 0 0;
	margin: 0px auto;
}
#logos {
	display:flex;
	justify-content:space-evenly;
	background:#ffffff;
}
#footer{ /*footer*/
	text-align:center;
	font-size:0.85rem;
	margin:0px auto;
}
/* ------------------------------------------------------------------------*/
/*  MEDIA QUERIES  max-width 767px 
---------------------------------------------------------------------------*/
@media (max-width:767px){
#head{ /*header*/
	flex-direction:column;
}
#main{ /*main*/
	width:98%;
}
#content{ /*Inhalt*/
	width: 90%;
}
#logos {
	flex-direction: column;
	text-align:center;
}
#logos h1 {
	padding-top:5px;
}
#aqua {
	margin-bottom: 30px;
}	
}
/* ------------------------------------------------------------------------*/
/*  MEDIA QUERIES  max-width 520px 
---------------------------------------------------------------------------*/
@media (max-width:520px){
#water img {
	max-width: 300px;
}
}