*
body {
	background-color: #D6D9D0;
}

/*
@media (min-width: 30em) { 
	 Breite	beträgt	mindestens 30em	 
	body {
		grid-template-columns: 1fr 3fr;	
		grid-template-rows:	auto 1fr 100px;
   }
}
*/
.container {
	height:	100vh;
	display: grid;
	grid-template-rows:	50px 1fr 50px;
	grid-template-columns: 30% 70%;
}

header, footer {
	grid-column: 1 / -1;
}
			
header {
	background:	#F1F3F4;
	border-color: #d5d5d5;
	border:	6px;
	border-style: hidden;
	border-radius: 10px;
	/*border-bottom-left-radius: 15px;
	border-bottom-right-radius:	15px;*/
}
header * {
	float: right;
	clear: right;
	margin-right: 40px;
	text-decoration: none;
}

main {
	background:	#ffede0;
	/*border-color:	#df6c20;*/
	border:	6px;
	border-style: hidden;
	border-color: orange;
	/*border-radius: 25px 25px 25px	25px;*/
	border-radius: 10px;
	overflow: hidden;
	vertical-align:	top;
	padding-left: 30px;
	padding-right: 10px;
}

aside {
	background:	#FFBE00;
	border:	5px;
	border-color: red blue red blue;
	/*border-radius: 25px 25px 25px	25px;*/
	border-radius: 10px;
	overflow: hidden;
	vertical-align:	top;
	padding-left: 30px;
	padding-right: 10px;
}

footer {
	background:	#e4ebf2;
	border:	5px	hidden;
	border-radius: 10px;
	border-color: #8a9da8;
}

footer * {
	float: right;
	clear: right;
	margin-right: 40px;
/*	border: 2px solid;
	border-color: red;*/
	margin:	0 0	10 10em;
}
			
body {
	margin:	0 auto;
	max-width: 60em;
	max-height:	inherit;
	font-family: sans-serif;
}
hr {
	border:	2px	solid green;
}
.pandemie {
	margin-top:	40px;		/* das ganze nach oben */
	padding-top: 12px;		/* Text	zum	Rahmen */
	padding-bottom:	12px;		/* Text	zum	Rahmen */
	padding: 15px 5px 15px 5px;		/* Text	zum	Rahmen */
	border:	10px double red;
	border-radius: 15px;
/*	background-color: red;*/
	height:	auto;
	text-align:	center;
/*	font-weight: bold;*/
/*	color: blue;*/
}
.pandemie h2 {
	font-size: 30px;
	color: darkgreen;
}
.pandemie p {
	font-size: 20px;
	color: brown;
}