img {
  display: block;
  width: 105%;
}

.wrapper {
  min-height: 460px;
  position: absolute;
  overflow: hidden;
  display: table;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.scene,
.layer {
  display: block;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}


.background {
  background: url(00_himmel.webp) no-repeat 50% 100%;
  bottom: -50px;
  background-size: cover;
  position: absolute;
  width: 110%;
  left: -5%;
  top: -5%;
}



.primus {
  -webkit-transform-origin: 90% 80%;
  -moz-   transform-origin: 90% 80%;
  -ms-    transform-origin: 90% 80%;
          transform-origin: 90% 80%; 
  -webkit-animation: primus 0.4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-   animation: primus 0.4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-    animation: primus 0.4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
          animation: primus 0.4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  position: absolute;
  top: 25%;
  left: 28%;
  }
  @-webkit-keyframes primus {
  0%	{-webkit-transform: translate3d(0,10%,0) rotateZ(-10deg);}
  100%	{-webkit-transform: translate3d(0,0,0)   rotateZ(10deg); }}
  @-moz-keyframes primus {
  0%	{-moz-transform:    translate3d(0,10%,0) rotateZ(-10deg);}
  100%	{-moz-transform:    translate3d(0,0,0)   rotateZ(10deg); }}
  @-ms-keyframes primus {
  0%	{-ms-transform:     translate3d(0,10%,0) rotateZ(-10deg);}
  100%	{-ms-transform:     translate3d(0,0,0)   rotateZ(10deg); }}
  @keyframes primus {
  0%	{transform:         translate3d(0,10%,0) rotateZ(-10deg);}
  100%	{transform:         translate3d(0,0,0)   rotateZ(10deg); }}




.glow_1 {
  -webkit-transform-origin: 90% 80%;
  -moz-transform-origin:    90% 80%;
  transform-origin:         90% 80%; 
  -webkit-animation:        glow_1 4.5s 0.1s infinite linear;
  -moz-animation:           glow_1 4.5s 0.1s infinite linear;
  animation:                glow_1 4.5s 0.1s infinite linear;
  background-image: url(06_glow_1.png);
}


 .glow_1 {
  width: 2080px;
  height: 1100px;
  }
  @-webkit-keyframes glow_1 {
  0%	{-webkit-transform: rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);
   }


  100%	{
-webkit-transform: rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);
}}
  @-moz-keyframes glow_1 {

  0%	{-moz-transform:    rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);
   }


  100%	{
-moz-transform:    rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);
}}
  @-ms-keyframes glow_1 {

  0%	{-ms-transform:     rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);
   }


  100%	{
-ms-transform:     rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);
}}
  @keyframes glow_1 {

  0%	{transform:         rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);   }


  100%	{
transform:         rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);}}




.glow_2 {

  -webkit-transform-origin: 90% 80%;
  -moz-transform-origin:    90% 80%;
  transform-origin:         90% 80%; 
  -webkit-animation:        glow_2 3s 0.1s infinite linear;

  -moz-animation:           glow_2 3s 0.1s infinite linear;

  animation:                glow_2 3s 0.1s infinite linear;

  background-image: url(06_glow_2.png);
}


 .glow_2 {

  width: 2080px;
  height: 1100px;

  }
  @-webkit-keyframes glow_2 {

  0%	{-webkit-transform: rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);
   }


  100%	{
-webkit-transform: rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);
}}
  @-moz-keyframes glow_2 {

  0%	{-moz-transform:    rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);
   }


  100%	{
-moz-transform:    rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);
}}
  @-ms-keyframes glow_2 {

  0%	{-ms-transform:     rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);
   }


  100%	{
-ms-transform:     rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);
}}
  @keyframes glow_2 {

  0%	{transform:         rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);   }


  100%	{
transform:         rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);}}




.glow_3 {

  -webkit-transform-origin: 90% 80%;
  -moz-transform-origin:    90% 80%;
  transform-origin:         90% 80%; 
  -webkit-animation:        glow_3 6s 0.1s infinite linear;

  -moz-animation:           glow_3 6s 0.1s infinite linear;

  animation:                glow_3 6s 0.1s infinite linear;

  background-image: url(06_glow_3.png);
}


 .glow_3 {

  width: 2080px;
  height: 1100px;

  }
  @-webkit-keyframes glow_3 {

  0%	{-webkit-transform: rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);
   }


  100%	{
-webkit-transform: rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);
}}
  @-moz-keyframes glow_3 {

  0%	{-moz-transform:    rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);
   }


  100%	{
-moz-transform:    rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);
}}
  @-ms-keyframes glow_3 {

  0%	{-ms-transform:     rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);
   }


  100%	{
-ms-transform:     rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);
}}
  @keyframes glow_3 {

  0%	{transform:         rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);   }


  100%	{
transform:         rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);}}



.glow_4 {

  -webkit-transform-origin: 90% 80%;
  -moz-transform-origin:    90% 80%;
  transform-origin:         90% 80%; 
  -webkit-animation:        glow_4 3.5s 0.1s infinite linear;

  -moz-animation:           glow_4 3.5s 0.1s infinite linear;

  animation:                glow_4 3.5s 0.1s infinite linear;

  background-image: url(06_glow_4.png);
}


 .glow_4 {

  width: 2080px;
  height: 1100px;

  }
  @-webkit-keyframes glow_4 {

  0%	{
-webkit-transform: rotateZ(0deg) translate3d(0,3%,0) rotateZ(0deg);     
}


  100%	{
-webkit-transform: rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);

}
  }
  @-moz-keyframes glow_4 {

  0%	{-moz-transform:    rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);
   }


  100%	{
-moz-transform:    rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);
}}
  @-ms-keyframes glow_4 {

  0%	{-ms-transform:     rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);
   }


  100%	{
-ms-transform:     rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);
}}
  @keyframes glow_4 {

  0%	{transform:         rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);   }


  100%	{
transform:         rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);}}



.glow_5 {

  -webkit-transform-origin: 90% 80%;
  -moz-transform-origin:    90% 80%;
  transform-origin:         90% 80%; 
  -webkit-animation:        glow_5 6s 0.1s infinite linear;

  -moz-animation:           glow_5 6s 0.1s infinite linear;

  animation:                glow_5 6s 0.1s infinite linear;

  background-image: url(06_glow_5.png);
}


 .glow_5 {

  width: 2080px;
  height: 1100px;

  }
  @-webkit-keyframes glow_5 {

  0%	{-webkit-
transform: rotateZ(0deg) translate3d(0,3%,0) rotateZ(0deg);     }


  100%	{-webkit-
transform: rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);}}
  @-moz-keyframes glow_5 {

  0%	{-moz-transform:    rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);
   }


  100%	{
-moz-transform:    rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);
}}
  @-ms-keyframes glow_5 {

  0%	{-ms-transform:     rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);
   }


  100%	{
-ms-transform:     rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);
}}
  @keyframes glow_5 {

  0%	{transform:         rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);   }


  100%	{
transform:         rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);}}


.glow_6 {

  -webkit-transform-origin: 90% 80%;
  -moz-transform-origin:    90% 80%;
  transform-origin:         90% 80%; 
  -webkit-animation:        glow_6 3s 0.1s infinite linear;

  -moz-animation:           glow_6 3s 0.1s infinite linear;

  animation:                glow_6 3s 0.1s infinite linear;

  background-image: url(06_glow_6.png);
}


 .glow_6 {

  width: 2080px;
  height: 1100px;

  }
  @-webkit-keyframes glow_6 {

  0%	{-webkit-
transform: rotateZ(0deg) translate3d(0,3%,0) rotateZ(0deg);
     }


  100%	{
-webkit-transform: rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);
}}
  @-moz-keyframes glow_6 {

  0%	{-moz-transform:    rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);
   }


  100%	{
-moz-transform:    rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);
}}
  @-ms-keyframes glow_6 {

  0%	{-ms-transform:     rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);
   }


  100%	{
-ms-transform:     rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);
}}
  @keyframes glow_6 {

  0%	{transform:         rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);   }


  100%	{
transform:         rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);}}


.glow_7 {

  -webkit-transform-origin: 90% 80%;
  -moz-transform-origin:    90% 80%;
  transform-origin:         90% 80%; 
  -webkit-animation:        glow_7 5s 0.1s infinite linear;

  -moz-animation:           glow_7 5s 0.1s infinite linear;

  animation:                glow_7 5s 0.1s infinite linear;

  background-image: url(06_glow_7.png);
}


 .glow_7 {

  width: 2080px;
  height: 1100px;
}
  @-webkit-keyframes glow_7 {

  0%	{-webkit-
transform: rotateZ(0deg) translate3d(0,3%,0) rotateZ(0deg);     }


  100%	{
-webkit-transform: rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);
}}
  @-moz-keyframes glow_7 {

  0%	{-moz-transform:    rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);
   }


  100%	{
-moz-transform:    rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);
}}
  @-ms-keyframes glow_7 {

  0%	{-ms-transform:     rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);
   }


  100%	{
-ms-transform:     rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);
}}
  @keyframes glow_7 {

  0%	{transform:         rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);   }


  100%	{
transform:         rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);}}


.glow_8 {

  -webkit-transform-origin: 90% 80%;
  -moz-transform-origin:    90% 80%;
  transform-origin:         90% 80%; 
  -webkit-animation:        glow_8 8s 0.1s infinite linear;

  -moz-animation:           glow_8 8s 0.1s infinite linear;

  animation:                glow_8 8s 0.1s infinite linear;

  background-image: url(06_glow_8.png);
}


 .glow_8 {

  width: 2080px;
  height: 1100px;

  }
  @-webkit-keyframes glow_8 {

  0%	{-webkit-
transform: rotateZ(0deg) translate3d(0,3%,0) rotateZ(0deg);
}


  100%	{
-webkit-transform: rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);
}}
  @-moz-keyframes glow_8 {

  0%	{-moz-transform:    rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);
   }


  100%	{
-moz-transform:    rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);
}}
  @-ms-keyframes glow_8 {

  0%	{-ms-transform:     rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);
   }


  100%	{
-ms-transform:     rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);
}}
  @keyframes glow_8 {

  0%	{transform:         rotateZ(0deg)   translate3d(0,3%,0) rotateZ(0deg);   }


  100%	{
transform:         rotateZ(360deg) translate3d(0,3%,0) rotateZ(-360deg);}}


.laterne {

  -webkit-animation: phase_l 4s 0.1s infinite linear;

   -ms-animation:    phase_l 4s 0.1s infinite linear;
   -moz-animation:   phase_l 4s 0.1s infinite linear;
   animation:        phase_l 4s 0.1s infinite linear;
  background-image: url(04_laterne.webp);

}
@-webkit-keyframes phase_l {

    0% {
    opacity: 0;
}

   20% {
    opacity: 0;
}

   22% {
    opacity: 1;
}

   24% {
    opacity: 0;
}

   26% {
    opacity: 1;
}

   28% {
    opacity: 0;
}

   60% {
    opacity: 0;
}

   62% {
    opacity: 1;
}

   64% {
    opacity: 0;
}

  100% {
    opacity: 0;
}

}
@-moz-keyframes phase_l {

    0% {
    opacity: 0;
}

   20% {
    opacity: 0;
}

   22% {
    opacity: 1;
}

   24% {
    opacity: 0;
}

   26% {
    opacity: 1;
}

   28% {
    opacity: 0;
}

   60% {
    opacity: 0;
}

   62% {
    opacity: 1;
}

   64% {
    opacity: 0;
}

  100% {
    opacity: 0;
}


}
@-ms-keyframes phase_l {

    0% {
    opacity: 0;
}

   20% {
    opacity: 0;
}

   22% {
    opacity: 1;
}

   24% {
    opacity: 0;
}

   26% {
    opacity: 1;
}

   28% {
    opacity: 0;
}

   60% {
    opacity: 0;
}

   62% {
    opacity: 1;
}

   64% {
    opacity: 0;
}

  100% {
    opacity: 0;
}


}
@keyframes phase_l {

    0% {
    opacity: 0;
}

   20% {
    opacity: 0;
}

   22% {
    opacity: 1;
}

   24% {
    opacity: 0;
}

   26% {
    opacity: 1;
}

   28% {
    opacity: 0;
}

   60% {
    opacity: 0;
}

   62% {
    opacity: 1;
}

   64% {
    opacity: 0;
}

  100% {
    opacity: 0;
}


}


.licht {

  -webkit-animation: phase 4s 0.1s infinite linear;

   -ms-animation:    phase 4s 0.1s infinite linear;
   -moz-animation: phase 4s 0.1s infinite linear;
   animation:        phase 4s 0.1s infinite linear;
  background-image: url(04_light.png);

}

  @-webkit-keyframes phase {

    0% {
    opacity: 1;    
}


   20% {
    opacity: 0.2;
  }


   40% {
    opacity: 0.6;
  }


   50% {
    opacity: 0;
    }


   60% {
    opacity: 1;
    }


   90% {
    opacity: 0.5;
  }


  100% {
    opacity: 1;
    }

  }
  @-moz-keyframes phase {

    0% {
    opacity: 1;    
}


   20% {
    opacity: 0.2;
  }


   40% {
    opacity: 0.6;
  }


   50% {
    opacity: 0;
    }


   60% {
    opacity: 1;
    }


   90% {
    opacity: 0.5;
  }


  100% {
    opacity: 1;
    }

  }
  @-ms-keyframes phase {

    0% {
    opacity: 1;    
}


   20% {
    opacity: 0.2;
  }


   40% {
    opacity: 0.6;
  }


   50% {
    opacity: 0;
    }


   60% {
    opacity: 1;
    }


   90% {
    opacity: 0.5;
  }


  100% {
    opacity: 1;
    }

  }
  @keyframes phase {

    0% {
    opacity: 1;    
}


   20% {
    opacity: 0.2;
  }


   40% {
    opacity: 0.6;
  }


   50% {
    opacity: 0;
    }


   60% {
    opacity: 1;
    }


   90% {
    opacity: 0.5;
  }


  100% {
    opacity: 1;
    }

  }


.fog_l {

  -webkit-transform-origin: 90% 80%;
  -ms-transform-origin:     90% 80%;
  -moz-transform-origin:    90% 80%;
       transform-origin:    90% 80%; 
  -webkit-animation:        fog_l 8s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);

  -ms-    animation:        fog_l 8s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);

  -moz-   animation:        fog_l 8s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);

          animation:        fog_l 8s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);

  background-image: url(02_fog_l.png);

  position: absolute;
  width: 1100px;
  height: 400px;

  bottom: 50px;
  left: -200px;
  }
  @-webkit-keyframes fog_l {

  0%	{
-webkit-transform: translate3d(0,0,0);	    }


  50%	{-webkit-
transform: translate3d(-300px,0,0);
}
  100%	{
-webkit-transform: translate3d(0,0,0);     }}
  @-moz-keyframes fog_l {

  0%	{
-moz-transform:    translate3d(0,0,0);	    }


  50%	{-moz-
transform:    translate3d(-300px,0,0);
}
  100%	{
-moz-transform:    translate3d(0,0,0);     }}
  @-ms-keyframes fog_l {

  0%	{-
ms-transform:     translate3d(0,0,0);	    }


  50%	{-ms-
transform:     translate3d(-300px,0,0);
}
  100%	{
-ms-transform:     translate3d(0,0,0);     }}
  @keyframes fog_l {

  0%	{
transform:         translate3d(0,0,0);	    }


  50%	{transform:         translate3d(-300px,0,0);
}
  100%	{
transform:         translate3d(0,0,0);     }}


.fog_r {

  -webkit-transform-origin: 90% 80%;
  -moz-   transform-origin: 90% 80%;
  -ms-    transform-origin: 90% 80%;
          transform-origin: 90% 80%; 
  -webkit-animation:        fog_r 8s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);

  -moz-   animation:        fog_r 8s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);

  -ms-   animation:         fog_r 8s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);

          animation:        fog_r 8s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);

  background-image: url(02_fog_r.png);
  position: absolute;
  width: 1100px;
  height: 400px;

  bottom: 250px;
  right: -450px;}
  @-webkit-keyframes fog_r {

  0%	{-webkit-
transform: translate3d(0,0,0);     
}


  50%	{
-webkit-transform: translate3d(-300px,0,0);}
  100%	{-webkit-transform: translate3d(0,0,0);     
}}
  @-moz-keyframes fog_r {

  0%	{-moz-
transform:    translate3d(0,0,0);     
}


  50%	{
-moz-transform:    translate3d(-300px,0,0);}
  100%	{-moz-transform:    translate3d(0,0,0);     
}}
  @-ms-keyframes fog_r {

  0%	{-ms-
transform:     translate3d(0,0,0);     
}


  50%	{
-ms-transform:     translate3d(-300px,0,0);}
  100%	{-ms-transform:     translate3d(0,0,0);     
}}
  @keyframes fog_r {

  0%	{
transform:         translate3d(0,0,0);	    }


  50%	{
transform:         translate3d(-300px,0,0);}
  100%	{transform:         translate3d(0,0,0);     }}


.star_1 {

  -webkit-transform-origin: 90% 80%;
  -moz-transform-origin:    90% 80%;
  transform-origin:         90% 80%; 
  -webkit-animation:        star_1 8s infinite linear;

  -moz-animation:           star_1 8s infinite linear;

  animation:                star_1 8s infinite linear;

  background-image: url(01_star.png);
}


 .star_1 {
  position: absolute;
  width:  167px;
  height: 100px;

  top:      0px;
  right:    0px;
  }
  @-webkit-keyframes star_1 {

  0%	{-webkit-
transform: translate3d(4000px,-3000px,0);
}


  100%	{-webkit-
transform: translate3d(-800px,  200px,0);}}
  @-moz-keyframes star_1 {

  0%	{-moz-
transform:    translate3d(4000px,-3000px,0);}


  100%	{-moz-
transform:    translate3d(-800px,  200px,0);
}}
  @-ms-keyframes star_1 {

  0%	{-ms-
transform:     translate3d(4000px,-3000px,0);}


  100%	{-ms-
transform:     translate3d(-800px,  200px,0);
}}
  @keyframes star_1 {

  0%	{
transform:         translate3d(4000px,-3000px,0);}


  100%	{transform:         translate3d(-800px,  200px,0);
}}


.star_2 {

  -webkit-transform-origin: 90% 80%;
  -moz-transform-origin:    90% 80%;
  transform-origin:         90% 80%; 
  -webkit-animation:        star_2 10s infinite linear;

  -moz-animation:           star_2 10s infinite linear;

  animation:                star_2 10s infinite linear;

  background-image: url(01_star.png);
}


 .star_2 {
  position: absolute;
  width:  167px;
  height: 100px;

  top:      0px;
  right:    0px;}
  @-webkit-keyframes star_2 {

  0%	{-webkit-
transform: translate3d(6000px,-3750px,0);
}


  100%	{-webkit-
transform: translate3d(-500px,  200px,0);}}
  @-moz-keyframes star_2 {

  0%	{-moz-
transform:    translate3d(6000px,-3750px,0);
}


  100%	{-moz-
transform:    translate3d(-500px,  200px,0);}}
  @-ms-keyframes star_2 {

  0%	{-ms-
transform:     translate3d(6000px,-3750px,0); 
}


  100%	{-ms-transform:     translate3d(-500px,  200px,0); }}
  @keyframes star_2 {

  0%	{
transform:         translate3d(6000px,-3750px,0);
}


  100%	{transform:         translate3d(-500px,  200px,0);}}


.flare_1 {

  -webkit-transform-origin: center;
  -moz-transform-origin:    center;
  transform-origin:         center; 
  -webkit-animation:        flare_1 4s infinite  alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);

  -moz-animation:           flare_1 4s infinite  alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);

  animation:                flare_1 4s infinite  alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);

  background-image: url(01_flare.png);

  position: absolute;
  width:  70px;
  height: 70px;

  top:    50px;
  left:  250px;}
  @-webkit-keyframes flare_1 {

  0%	{-webkit-
transform: scale(0.2);}


  40%	{-webkit-
transform: scale(0.2);}


  60%	{-webkit-
transform: scale(1.0);
}
  65%	{-webkit-
transform: scale(0.2);}


  100%	{-webkit-
transform: scale(0.2);}}
  @-moz-keyframes flare_1 {

  0%	{-moz-
transform:    scale(0.2);}


  40%	{-moz-
transform:    scale(0.2);}


  60%	{-moz-
transform:    scale(1.0);
}
  65%	{-moz-
transform:    scale(0.2);}


  100%	{-moz-
transform:    scale(0.2);}}
  @-ms-keyframes flare_1 {

  0%	{-ms-
transform:     scale(0.2);}


  40%	{-ms-
transform:     scale(0.2);}


  60%	{-ms-
transform:     scale(1.0);
}
  65%	{-ms-
transform:     scale(0.2);}


  100%	{-ms-
transform:     scale(0.2);}}
  @keyframes flare_1 {

  0%	{
transform:         scale(0.2);
}


  40%	{transform:         scale(0.2);}


  60%	{
transform:         scale(1.0);
}
  65%	{transform:         scale(0.2);
}


  100%	{transform:         scale(0.2);}}


.flare_3 {

  -webkit-transform-origin: center;
  -moz-transform-origin:    center;
  transform-origin:         center; 
  -webkit-animation:        flare_3 3.5s infinite  alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);

  -moz-animation:           flare_3 3.5s infinite  alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);

  animation:                flare_3 3.5s infinite  alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);

  background-image: url(01_flare.png);

  position: absolute;
  width:  70px;
  height: 70px;

  top:   100px;
  left:  100px;}
  @-webkit-keyframes flare_3 {

  0%	{-webkit-
transform: scale(0.2);}


  40%	{-webkit-
transform: scale(0.2);
}


  60%	{-webkit-
transform: scale(0.7);
}
  65%	{-webkit-
transform: scale(0.2);
}


  100%	{-webkit-transform: scale(0.2);}}
  @-moz-keyframes flare_3 {

  0%	{-moz-
transform:    scale(0.2);}


  40%	{-moz-
transform:    scale(0.2);
}


  60%	{-moz-
transform:    scale(0.7);
}
  65%	{-moz-
transform:    scale(0.2);
}


  100%	{-moz-transform:    scale(0.2);}}
  @-ms-keyframes flare_3 {

  0%	{-ms-
transform:     scale(0.2);}


  40%	{-ms-
transform:     scale(0.2);
}


  60%	{-ms-
transform:     scale(0.7);
}
  65%	{-ms-
transform:     scale(0.2);
}


  100%	{-ms-transform:     scale(0.2);}}
  @keyframes flare_3 {

  0%	{
transform:         scale(0.2);}


  40%	{
transform:         scale(0.2);
}


  60%	{transform:         scale(0.7);
}
  65%	{
transform:         scale(0.2);
}


  100%	{transform:         scale(0.2);}}


.flare_4 {

  -webkit-transform-origin: center;
  -moz-transform-origin:    center;
  transform-origin:         center; 
  -webkit-animation:        flare_4 3.25s infinite  alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);

  -moz-animation:           flare_4 3.25s infinite  alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);

  animation:                flare_4 3.25s infinite  alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);

  background-image: url(01_flare.png);

  position: absolute;
  width:  70px;
  height: 70px;

  top:   120px;
  right: 850px;}
  @-webkit-keyframes flare_4 {

  0%	{-webkit-
transform: scale(0.2);}


  40%	{-webkit-
transform: scale(0.2);}


  60%	{-webkit-
transform: scale(1.0);
}
  65%	{-webkit-
transform: scale(0.2);

}


  100%	{
-webkit-transform: scale(0.2);}}
  @-moz-keyframes flare_4 {

  0%	{-moz-
transform:    scale(0.2);}


  40%	{-moz-
transform:    scale(0.2);}


  60%	{-moz-
transform:    scale(1.0);
}
  65%	{-moz-
transform:    scale(0.2);

}


  100%	{
-moz-transform:    scale(0.2);}}
  @-ms-keyframes flare_4 {

  0%	{-ms-
transform:     scale(0.2);}


  40%	{-ms-
transform:     scale(0.2);}


  60%	{-ms-
transform:     scale(1.0);
}
  65%	{-ms-
transform:     scale(0.2);

}


  100%	{
-ms-transform:     scale(0.2);}}
  @keyframes flare_4 {

  0%	{
transform:         scale(0.2);
}


  40%	{transform:         scale(0.2);}


  60%	{
transform:         scale(1.0);
}
  65%	{
transform:         scale(0.2);
}


  100%	{transform:         scale(0.2);}}


.flare_5 {

  -webkit-transform-origin: center;
  -moz-transform-origin:    center;
  transform-origin:         center; 
  -webkit-animation:        flare_5 3.1s infinite  alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);

  -moz-animation:           flare_5 3.1s infinite  alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);

  animation:                flare_5 3.1s infinite  alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);

  background-image: url(01_flare.png);

  position: absolute;
  width:  70px;
  height: 70px;

  top:    50px;
  left:  700px;}
  @-webkit-keyframes flare_5 {

  0%	{
-webkit-transform: scale(0.2);
}


  40%	{-webkit-
transform: scale(0.2);
}


  60%	{
-webkit-transform: scale(0.7);
}
  65%	{
-webkit-transform: scale(0.2);
}


  100%	{-webkit-
transform: scale(0.2);}}
  @-moz-keyframes flare_5 {

  0%	{
-moz-transform:    scale(0.2);
}


  40%	{-moz-
transform:    scale(0.2);
}


  60%	{
-moz-transform:    scale(0.7);
}
  65%	{
-moz-transform:    scale(0.2);
}


  100%	{-moz-
transform:    scale(0.2);}}
  @-ms-keyframes flare_5 {

  0%	{
-ms-transform:     scale(0.2);
}


  40%	{-ms-
transform:     scale(0.2);
}


  60%	{
-ms-transform:     scale(0.7);
}
  65%	{
-ms-transform:     scale(0.2);
}


  100%	{-ms-
transform:     scale(0.2);}}
  @keyframes flare_5 {

  0%	{transform:         scale(0.2);
}


  40%	{
transform:         scale(0.2);
}


  60%	{transform:         scale(0.7);
}
  65%	{transform:         scale(0.2);
}


  100%	{
transform:         scale(0.2);}}


#buch_d {
  position: absolute;
  z-index: 9999;
  bottom: 100px;
  left: 100px; }
  #buch_d a {
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: -999em;
    overflow: hidden;
    display: block;
    height: 490px;
    width: 257px; }
  #buch_d.left.white a {
	background: url(10_buch_d.webp);}
	

#buch_e {
  position: absolute;
  z-index: 9999;
  bottom: 100px;
  left: 100px; }
  #buch_e a {
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: -999em;
    overflow: hidden;
    display: block;
    height: 490px;
    width: 257px; }
  #buch_e.left.white a {
	background: url(10_buch_e.webp);}