body{
                 
     background-color: #223310;
     background-image: url(http://www.cache-at-once.de/_webface/topographic-footer.png);
     background-repeat: repeat;
 }

  h1 {
font-family: 'Noto Sans', sans-serif; 
color: #645544;
     }
  
.titel{
   font-family: 'Noto Sans', sans-serif;
   text-align:center;
   font-size:50px;
   font-weight: bold;
   color: #106F00;
   text-shadow: 0 0 0.3em #FFFFFF, 0 0 0.1em #00AA00, 0 0 0.4em #000000;
}  
  
  
.header{
   background-color: #406724;
   font-family: 'Noto Sans', sans-serif;
   font-size:18px;
   text-decoration:none;
   color: #FFFFFF;
   width: 700px;
   margin-top: 40px;
   margin-left: auto;
   margin-right: auto;
   border-radius: 12px;
}

.content{
   font-family: 'Noto Sans', sans-serif;
   font-size:24px;
   font-weight: bolder; 
   color: #FFFFFF;
    }


.gutscheinbox{
    text-decoration:none;
    background-color: #22afaa;
    margin-top: 15px;
    margin-left: 705px;
    margin-right: 705px;
    padding-top: 0px;    
    height: 40px;
    border-radius: 8px;
    font-size:14px;
    /* top:24px; */
    font-family: 'Noto Sans', sans-serif;
    color: #FFFFFF;
       }

   
.byatonce {
    text-align:right;
    font-family: 'Noto Sans', sans-serif;
    font-size:9px;
    color: #69AF46;
    margin-top: -12px;
    margin-right: 18px;
    }