body {
	font-size: 1.3em;
	background: #004e82;
	font-family: "Julius+Sans+One", sans-serif;
		font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1600 - 320)));
	text-align: center;
}
.item1 {
	grid-area: headder;
	background-color: #004e82;
	padding: 6px;
	font-family: "Julius+Sans+One", sans-serif;
	font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1600 - 320)));
	background-image: url(../bilder/header-back-1000.jpg);
	object-fit: contain;
}
.item1a {
	grid-area: headder2;
	background-color: #004e82;
	padding: 6px;
	font-family: "Julius+Sans+One", sans-serif;
	font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1600 - 320)));
}
.item2 {
	grid-area: left;
	background-color: #004e82;
	padding: 6px;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1600 - 320)));
	color: black;
}
.item3 {
	grid-area: main;
	background-color: #004e82;
	padding: 6px;
	font-family: "Julius+Sans+One", sans-serif;
	color: white;
	font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1600 - 320)));
	border: 1px solid White;
	text-align: left;
}
.item4 {
	grid-area: right;
	background-color: #004e82;
	padding: 6px;
	font-family: "Julius+Sans+One", sans-serif;
	font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1600 - 320)));
	color: black;
}.item5 {
	grid-area: footer;
	background-color: #004e82;
	padding: 6px;
	font-family: "Julius+Sans+One", sans-serif;
	font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1600 - 320)));
	color: black;
}
.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas:
  	'headder headder headder headder headder headder'
	'headder2 headder2 headder2 headder2 headder2 headder2'
    'main main main main main right'
	 'footer footer footer footer footer footer';
  grid-gap: 10px;
  background-color: #004e82;
  }
  .grid-container-html{
  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;
  }
  .clear{
  	clear: both;
  }
h1{
	font-family: 'Oswald', sans-serif;
	font-size: calc(32px + (34 - 32) * ((100vw - 320px) / (1600 - 320)));
}
h2{
	font-family: 'Oswald', sans-serif;
	font-size: calc(24px + (28 - 24) * ((100vw - 320px) / (1600 - 320)));
}
a{
	font-family: 'Oswald', sans-serif;
	font-size: calc(24px + (28 - 24) * ((100vw - 320px) / (1600 - 320)));
	text-decoration: none;
}
a.nav{
	font-family: 'Oswald', sans-serif;
	font-size: calc(24px + (28 - 24) * ((100vw - 320px) / (1600 - 320)));
	text-decoration: none;
	display: block;
	background-color: Black;
	color: White;
	padding: 3px;
	margin: 3px;
}
strong{
	font-family: 'Oswald', sans-serif;
	font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1600 - 320)));
	text-decoration: none;
	display: block;
	background-color: Black;
	color: White;
	width: 25%;
}
.links-links{
	float: left;
	width: 65%;
}
.werbung-rechts{
	float: left;
	width: 35%;
	text-align: center;
}
.text-links{
	float: left;
	width: 75%;
}
.bild-rechts{
	float: left;
}
@media screen and (max-width: 800px) {
	.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas:
  	'headder headder headder headder headder headder'
	'headder2 headder2 headder2 headder2 headder2 headder2'
    'main main main main main main'
	 'right right right right right right'
	 'footer footer footer footer footer footer';
  grid-gap: 10px;
  background-color: #004e82;
  }
}
@media screen and (max-width: 520px) {
.links-links{
	float: none;
	width: 96%;
}
.werbung-rechts{
	float: none;
	width: 96%;
	text-align: center;
}

}