body {
   max-width: 60em;
   margin: 1em auto;
   overflow: auto;
}
 #bodybg{
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(169,235,17,0.5) 51%, rgba(255,255,255,0.01) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(51%, rgba(169,235,17,0.5)), color-stop(100%, rgba(255,255,255,0.01)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(169,235,17,0.5) 51%, rgba(255,255,255,0.01) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(169,235,17,0.5) 51%, rgba(255,255,255,0.01) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(169,235,17,0.5) 51%, rgba(255,255,255,0.01) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(169,235,17,0.5) 51%, rgba(255,255,255,0.01) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
  margin-top: 10%;
  position: absolute;
 }
 .ueberschrift2{
   font-size: 45px;
   font-family: 'Times New Roman', Times, serif;
   margin-left: 20px;
   margin-right: 20px;
 }
 .text2{
   font-size: 30px;
   font-family: 'Times New Roman', Times, serif;
   margin-left: 40px;
   margin-right: 40px;
   margin-bottom: auto;
 }
 #div1{
   height: 5%;
   margin: 12px;
   margin-top: 20px;
 }
 #div2{
   height: 5%;
   margin: 12px;
 }
 #div3{
   height: 5%;
   margin: 12px;
 }
 .senden {
  box-shadow:inset 0px 1px 0px 0px #a4e271;
  background:linear-gradient(to bottom, #a9eb11 5%, #77a809 100%);
  background-color:#a9eb11;
  border-radius:6px;
  border:1px solid #74b807;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Verdana;
  font-size:20px;
  font-weight:bold;
  padding:10px 25px;
  text-decoration:none;
  text-shadow:0px 1px 0px #528009;
}
 .senden:hover {
  background:linear-gradient(to bottom, #77a809 5%, #a9eb11 100%);
  background-color:#77a809;
}
 .senden:active {
  position:relative;
  top:1px;
}
 #pic2{
   position: fixed;
   bottom: 0px;
   right: 0px;
   width: 144.6px;
   height: 192px;
   z-index: 1;
 }
footer{
  position: fixed;
  bottom: 0px;
  z-index: 2;
}
 #balken{
  position: fixed;
  bottom: 0px;
  width: 100%;
  height: 24px;
  background:linear-gradient(to bottom, #a9eb11 5%, #77a809 100%);
}
 #balken_seite{
  position: fixed;
  bottom: 0px;
  top: 0px;
  right: 0px;
  width: 24px;
  height: 100%;
  background:linear-gradient(to right, #a9eb11 5%, #77a809 100%);
 }
@media screen and (max-width: 600px){
 .ueberschrift2{
  font-size: 25px;
  font-family: Georgia, 'Times New Roman', Times, serif;
}
  .text2{
  font-size: 16px;
  font-family: 'Times New Roman', Times, serif;
}
 footer{
  font-size: 12px;
}
 #balken{
   height: 18px;
 }
 #balken_seite{
   width: 18px;
 }
 .senden{
   font-size: 14px;
   padding: 5px 14px;
 }
 #pic2{
   width: 72.3px;
   height: 96px;
 }
}