body {
	margin: 0 auto;
	max-width: 100em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #5189aa;
	display: grid;
	grid-template-columns: 1fr ;
	grid-template-rows: min-content 1fr  min-content;
	gap: 0em;
	min-height: 100vh;
	
}

/*article {

	grid-column: 1 / 2;
	grid-row: 2;
	

}
*/

/*
header,
aside,
footer {

	border-radius: 0 0.5em 0.5em;
	border: thin solid;
	padding: 1em;
	margin: 0.3em;
	
}
*/

a.button{
	font-weight: bold;
	box-shadow: 0 0 20px #c7e8e9 inset, 0 2px 1px rgba(0,0,0,0.2);
	background-color: #5189aa;
	border-radius: .5em;
	color: white;
	padding: 5px 19px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	margin: 4px 2px;
	cursor: pointer;
}
a.button:hover,
a.button:focus {
	background:rgb(20, 32, 141);
}

img {
    width: 40%;
    height: auto;
	padding : 1.5em 1.5em;
	
  }

a {

font-size: 1.6em;

}

p {

font-family: Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: black;

}

header h1 {
font-family: comic sans ms;
font-size: 3.2em;
color: rgb(5, 92, 9); 
}

h2 {
	font-size: 3.2em;
	color: rgb(5, 92, 9); 
	font-size: 1.5em;
}

.mehrspaltig {
	width: 97em;
	/*border: thin solid;*/
}

.mehrspaltig img {
	float: left;
}

.mehrspaltig {
	column-count: 3;
	padding: 1em;
}

aside {

	grid-column: 1;
	grid-row: 2;

}

header,
footer {
	
	grid-column: 1 / -1;
}