html, body {
	margin: 10px 0 0 0;
	padding:5px 0 0 5px;
	background-color: #FFFF79;
	font-family: Verdana, Arial, Sans-Serif;
	color:#000;
	font-size : 12px;
}
.item1 {
	grid-area: headder;
	background-color: #ffff79;
	padding: 6px;
	font-family: 'Roboto', sans-serif;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1600 - 320)));
	color: Black;
}
.item2 {
	grid-area: left;
	background-color: #ffff79;
	padding: 6px;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1600 - 320)));
	color: black;
}
.item3 {
	grid-area: main;
	background-color: #ffff79;
	padding: 6px;
	font-family: 'Roboto', sans-serif;
	color: black;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1600 - 320)));
}
.item4 {
	grid-area: right;
	background-color: #008080;
	padding: 6px;
	font-family: 'Roboto', sans-serif;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1600 - 320)));
	color: White;
}
.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas:
  'left main main main main main';
  grid-gap: 10px;
  background-color: #0080d2;
  }
#links {
	margin: 0;
	padding: 5;
	position: absolute;
	left: 0px;
	width: 250px;
	background-color: #FFFF79;
	border: 0px solid #000;
	top : 0px;
	height : 1450px;
}

#mitte {
	margin: 0px ;
	padding: 15;
	position : absolute;
	left : 270px;
	width : inherit;
	border: 0px solid #000;
	background-color: #FFFF79;
	text-align : left;
	font-size : 12px;
	font-weight : bold;
}
#rechts {
	margin: 0px;
	padding: 5px;
	position: absolute;
	right: 0px;
	width: 170px;
	background-color: #FF0000;
	border: 1px solid #000;
	top : 0px;
	height : 1450px;
}

#inhalt {
margin: 10px;
}

#styleswitcher {
margin: 10px;
}

h1, h2, h3, h4, h5, h6, p {
	margin : 0;
	padding : 0;
}

h1 {
	padding : 0 0 8px 0;
	font-family : Georgia, TimesNewRoman, serif;
	font-weight : bold;
	font-size : 300%;
	color: #FF9400;
	}

h2 {
	padding : 0 0 8px 0;
	font-weight : bold;
	font-size : 140%;
}

h3 {
	padding : 8px 0 16px 0;
	font-weight : bold;
	font-size : 130%;
}

h4 {
	padding : 0 0 8px 0;
	font-weight : bold;
	font-size : 110%;
}

p {
	font-size : 100%;
	text-decoration : underline;
}

a {
	color: Teal;
	font-weight: bold;
	font-size : 18px;
	
}
li {
	margin: 0 0 0 0px;
	padding:2 0 0 0px;
	background-color: #FF0000;
	font-family: Verdana, Arial, Sans-Serif;
	color:#000;
	font-size : 12px;
	text-indent : 75px;
}
#normalansicht {
display: none;
}
@media screen and (max-width: 830px) {
.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas:
  'main main main main main main'
  'left left left left left left';
  grid-gap: 10px;
  background-color: #0080d2;
  }

}