body {
background-color: white;
background-repeat: no-repeat;
background-image: -webkit-linear-gradient(SteelBlue, white); 
background-image: -moz-linear-gradient(SteelBlue, white); 
background-image: -o-linear-gradient(SteelBlue, white); 
background-image: linear-gradient(to bottom, SteelBlue, white);
background-color: white;
background-repeat: no-repeat;
text-align: center;
}

#page {
  font-family: Arial, sans-serif;
  color: #FFCC33;
  vertical-align: top;
  text-align:center;
  margin:0 auto;
  padding:0 100px;
  max-width:800px;
  }
  
@media screen and (min-width: 1280px) {
#page {padding:0 200px;zoom:110%;
  -moz-transform-origin: top center;
  -moz-transform: scale(1.1);  /* Firefox */
  }
}
@media screen and (min-width: 1440px) {
#page {padding:0 300px;zoom:120%;
  -moz-transform-origin: top center;
  -moz-transform: scale(1.2);  /* Firefox */
  }
}

#Kopf {
  margin-top: 2em;
  margin-bottom: 3em;
}

#Kopf h1 {padding:30px 10px 60px 10px;}

  
#Kopf img {
  width:150px;
  border-radius:20px;
  }
  
img.bild-links  {float:left;margin-left:10%;}
img.bild-rechts {float:right;margin-right:10%;}


#Inhalt1, #Inhalt2 {
  padding:25px;
  height:330px;
  width:330px;
  max-width:45%;
  border:0;
  margin-bottom:30px;
  border-radius:10px;
  -webkit-box-shadow: 5px 5px 5px #4f4f4f;
  -moz-box-shadow: 5px 5px 5px #4f4f4f;
  box-shadow: 5px 5px 5px #4f4f4f;
  border:0px solid transparent; 
 }

#Inhalt1 {background: url(bg1.jpg) no-repeat;background-size: cover;background-position:right;clear:both;float:left;}
#Inhalt2 {background: url(bg.jpg) no-repeat;background-size: cover;background-position:right;float:right;}

#Fuss {
  clear:both;
  margin-top:50px;
  font-size: normal;
}
a {
  padding-top: 30px;
  text-align: center;
  text-decoration:none;
  color: #FFCC33;
  font-size:120%;
}

a:link, a:visited, a:hover, a:focus { 
}
@media screen and (max-width: 980px) {
#Inhalt1, #Inhalt2 {max-width:35%;height:200px;}
}
@media screen and (max-width: 640px) {
	#page {padding:0 30px;}
	#Kopf h1 {padding:0;}
	#Kopf img {display:none;}
	a {font-size:110%;}
}
@media screen and (max-width: 420px) {
	#Inhalt1, #Inhalt2 {max-width:70%;height:150px;}
	#Inhalt2 {float:left;}
}
@media screen and (max-width: 320px) {
	#Kopf {display:none;}
}