body {
	max-width: 75em;
	margin:0 auto;
	padding-right: 0;
	background-color:white;}
header a h2{
	color:white;
	border-left:none;
	font-size:1.5em;
	padding-left:0;}
header a p{
	color:white;
	border-left:none;}
.ribbon {
	display:inline-block;
	position:relative;
	margin:.8em 0 2em -1.5em;
	padding:0.5em 1em;
	background:green;
	min-width:40%;} 
h1,h2,h3{
	display:inline-block;
	color:#666; 					/*grau*/
	border-left:5px solid green;
	padding-left: 1em;} 	
p{
	text-align:left;
	line-height: 1.6em;}
a{
	color:green;}
table, th, td{
	border-collapse:collapse;
	border:3px solid green;
	text-align:center;
	margin:0 auto;}
footer{
	text-align:right;
	font-size:1.2em;
	margin-bottom:3em;
	padding:1em 4em 1.5em 1em;
	line-height:2em;}
button{
	background-color: green; 
	color:white;
	border-radius:1em;
	border:solid grey; 
	padding:0.5em 1em 0.5em 1em;
	margin:1em 8em 1em 1em;}
#menu{
	list-style-type:none;
	width:80%;
	font-size:1.3em;
	line-height:4em;
	padding-left:3em;}	
nav ul li a{
	text-decoration:none;}
nav ul li a::before{
	content:"";
	display:inline-block;
	width:1em;
	height:1.2em;
	border-left:5px solid green;} 
#headergrafik{
	position:absolute;
	width: 37.1%;
	height: 100%;
	margin-left:16em;}	
#spamschutz{
	display:none;}
@media (min-width:45em)  {
html { 
	box-sizing: border-box; 
	background: #d5d5d5;}			/*grau*/
main{
	margin-top:2em;
	display:grid;
	grid-template-columns: 1fr 2fr;
	grid-gap:1em;
	padding-right:4em;}	
nav a:focus,nav a:hover{
	background-color:green; 
	color:white;
	list-style-type:none;
	padding:1em 1em 1em 0;}
button:focus,button:hover {
	background-color:darkGreen;}
.spalte img{
	margin-right:1em;
	margin-left:1em;
	display:block;}
.ribbon::before{
	display: block;
	width: 1.5em;
	position: absolute;
	bottom: -1.45em;
	left: -1.45em;
	content: "";
	border-bottom: 1.5em solid transparent;
	border-right: 1.5em solid darkGreen;} 
header{
	position:relative;
	grid-column: 1 / span 2;
	height:11.5em;
	margin:2em 0 0 3em;
	background-color:Tan;
	padding: 0 0 0.5em;
	width:101.4%;}
table, th, td{
	border-collapse:collapse;
	border:3px solid green;
	text-align:center;
	margin:0 auto;
	padding:0 4em 0 4em;}
textarea {
	resize:vertical;
	width:50%;
	height:7em;}
}
@media (max-width:45em) {
main {
	padding:0 2em 0 2em;}
header{
	position:relative;
	margin:2em 0 0 1em;
	background-color:Tan; 
	padding: 0 0 0 0.5em;
	width:103%;}
.ribbon {width:97%;}
#menu {
	padding-left: 0;
	line-height: 2.5em;}
textarea{
	width:90%;
	height:9em;}
#headergrafik{
	display:none;}
img{
	max-width:90%;}
}