html {
    background:#ffffff;
}

body {
    width:640px; 
    margin:0 auto; /*zentriert*/
    height: auto;
    text-align: center;
    color: #000000;
    background: #ffffff; /* #cbdce6 */
    /*box-shadow: 10px 10px 8px #888888;*/
}

.banner1 {
    position:relative;
    top:0px;
}

.buttons_reihe1 {
    position:relative;
    top:00px;
}

.buttons_reihe2 {
    position:relative;
    top:10px;
}

.buttons_reihe3 {
    position:relative;
    top:20px;
}


.button {
    margin:0 auto; /*zentriert*/
    color: #4CAF50;
    border-radius: 5px;
    padding: 3px 32px;/*Höhe Breite*/
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 8px;
    transition-duration: 0.4s;
    cursor: pointer;
    box-shadow: 5px 4px 5px #666666;
}

.image1 {
    /*max-width: 100%;
    height: auto;*/
    border: 1px;
    border-color: gray;
    border-style: inset;
    box-shadow: 5px 4px 5px #666666;
}

.button1       {background-color:green;color:#ffffff;}
.button1:hover {background-color:#4CAF50;color:#ffffff;}

.button2       {background-color:transparent;color:#000000;}
.button2:hover {background-color:#008CBA;color:#ffffff;}

/*Schriften b=fett n=normal Zahl=Größe*/
.n08 {font-size: 8px;}
.n12 {font-size: 12px;}
.n14 {font-size: 14px;}
.n16 {font-size: 16px;}
.n18 {font-size: 18px;}
.n20 {font-size: 20px;}

.b08 {font-size: 8px;font-weight: bold;}
.b12 {font-size: 12px;font-weight: bold;}
.b14 {font-size: 14px;font-weight: bold;}
.b16 {font-size: 16px;font-weight: bold;}
.b18 {font-size: 18px;font-weight: bold;}
.b20 {font-size: 20px;font-weight: bold;}


 .blink_rd{
   font-size: 16px;
   font-weight: bold;
   color:#ffaa00;
   text-align: center;
   animation: animate 1.5s linear infinite;
 } 
  
 @keyframes animate{
   0%{
     opacity: 1;
   }
   50%{
     opacity: 0.5;
   }
   100%{
     opacity: 1;
   }
 }