@CHARSET "UTF-8";

body {
	display: grid;
	grid-template-columns: 1em 1fr 1fr 8em 1em ;
	grid-template-rows: 1.5em 1fr 1fr 1fr 1.5em 1.5em;
/*	max-width: 20em; */
}

oben{
	grid-column:1 / span 3;
	grid-row:1;
	font: bold 0.8em Arial, Verdana, Geneva, sans-serif;
	color: rgb(0,102,153);
	text-align: left;
	background: lightblue;
	vertical-align: center;
	content: top;
	padding: 0.5em;
}

unten{
	grid-column:1 / span 5;
	grid-row:6;
	padding: 0.5em;
	font: normal 0.5em Verdana, Geneva, sans-serif;
/*	color: rgb(0,102,153); */
	content: bottom;
	text-align: right;
	background:lightblue;
}

infozeile{
	grid-column:2 / span 3;
	grid-row:5;
	color: darkblue;
	background:gainsboro;
	font: bold 0.8em sans-serif;
	text-align: left;
	vertical-align: center;
	padding: 0.5em;
}

Datum{
	grid-column: 4 / span 2;
	grid-row:1;
	font: normal 0.8em sans-serif;
	text-align: center;
	vertical-align: center;
	padding: 0.3em;
	background: gainsboro;
}
main{
	grid-column:2 / span 3;
	grid-row: 2 / span 3;
	background: snow;
	color: darkred;
	font: normal 1.5em Geneva, Helvetica, sans-serif;
	text-align: center;
	vertical-align: center;
	z-index: 5;
}

kontakt{
	grid-column:2 / span 3;
	grid-row: 2 / span 3;
	background: snow;
	color: darkblue;
/*	font: normal 1.5em Geneva, Helvetica, sans-serif; */
	text-align: left;
	vertical-align: center;
	z-index: 4;
}

links{
	grid-column:1;
	grid-row:2 /span 4;
	background: lightgrey;
}

.textsenkrecht{
	font: normal 0.8em Geneva, Helvetica, sans-serif;
	text-align: center;
	transform: rotate(90deg);
}

rechts{
	grid-column:5;
	grid-row:2 /span 4;
	background: lightgrey;
/*	padding-top: 2em; */
}

rechtsoben{
	grid-column:5;
	grid-row:2 /span 2;
	background: lightgrey;
/*	padding-top: 2em; */
}

rechtsunten{
	grid-column:5;
	grid-row:4 /span 2;
	background: lightgrey;
/*	padding-top: 2em; */
}


.infoabsatz{
	color: black;
}

logo{
	font: bold 1em Impact, sans-serif;
	color: rgb(0,102,153);
}

form {
  width: 90%;
}

label {
  display: block;
  width: 20%;
  font: bold 1em/1.5em sans-serif;
  color: black;
  font-weight: normal;
  font-size: 1em ;
  text-align: left;
}

input {
  margin: 0 0 1em .2em;
  padding: .2em .5em; 
  background-color: snow; 
  border: 1px solid #e7c157;
  width: 90%;
  height: 1.5em;
  line-height: 1em;  
  font-size: 0.8em;
}
#fgrund {
	width: 90%;
	height: 6em;
	line-height: 1.5em;
	font-size: 0.8em;
}

button {
  margin-top: 1.5em;
  width: 20%;