.container {
  position: relative;
  max-width: 700px;
  margin: 0 auto;
  padding: 5%;
}

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

.fill {
  position: absolute;
  bottom: 5%;
  right: 5%;
  left: 5%;
  top: 5%;
}

.expand-width {
  width: 50%;
}




.blatt {
  -webkit-transform-origin: 0% 0%;
  -moz-   transform-origin: 0% 0%;
  -ms-    transform-origin: 0% 0%;
          transform-origin: 0% 0%;
  -webkit-animation: blatt 2s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-   animation: blatt 2s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-    animation: blatt 2s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
          animation: blatt 2s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  margin: 180px 500px;
  position: absolute;
}

@-webkit-keyframes blatt {
  0%	{-webkit-transform: translate3d(20%,-40%,0) rotateZ(-20deg);}
  100%	{-webkit-transform: translate3d(-20%,40%,0) rotateZ(20deg); }}
@-moz-keyframes blatt {
  0%	{-moz-   transform: translate3d(20%,-40%,0) rotateZ(-20deg);}
  100%	{-moz-   transform: translate3d(-20%,40%,0) rotateZ(20deg); }}
@-ms-keyframes blatt {
  0%	{-ms-    transform: translate3d(20%,-40%,0) rotateZ(-20deg);}
  100%	{-ms-    transform: translate3d(-20%,40%,0) rotateZ(20deg); }}
@keyframes blatt {
  0%	{        transform: translate3d(20%,-40%,0) rotateZ(-20deg);}
  100%	{        transform: translate3d(-20%,40%,0) rotateZ(20deg); }}



.primus {
  -webkit-transform-origin: 90% 50%;
  -moz-   transform-origin: 90% 50%;
  -ms-    transform-origin: 90% 50%;
          transform-origin: 90% 50%;
  -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);
  margin: 450px 180px;
  bottom: 20px;
  position: absolute;
  right: 20%;
}
@-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); }}


.bat1 {
  -webkit-transform-origin: 90% 50%;
  -moz-   transform-origin: 90% 50%;
  -ms-    transform-origin: 90% 50%;
          transform-origin: 90% 50%;
  -webkit-animation: bat1 3s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-   animation: bat1 3s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-    animation: bat1 3s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
          animation: bat1 3s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  margin: 0px -330px;
  bottom: 20px;
  position: absolute;
  right: 20%;
}
@-webkit-keyframes bat1 {
  0%	{-webkit-transform: translate3d(0,5%,0);}
  100%	{-webkit-transform: translate3d(0,0,0); }}
@-moz-keyframes bat1 {
  0%	{-moz-transform:    translate3d(0,5%,0);}
  100%	{-moz-transform:    translate3d(0,0,0); }}
@-ms-keyframes bat1 {
  0%	{-ms-transform:     translate3d(0,5%,0);}
  100%	{-ms-transform:     translate3d(0,0,0); }}
@keyframes bat1 {
  0%	{transform:         translate3d(0,5%,0);}
  100%	{transform:         translate3d(0,0,0); }}



.bat2 {
  -webkit-transform-origin: 90% 50%;
  -moz-   transform-origin: 90% 50%;
  -ms-    transform-origin: 90% 50%;
          transform-origin: 90% 50%;
  -webkit-animation: bat2 2s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-   animation: bat2 2s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-    animation: bat2 2s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
          animation: bat2 2s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  margin: 0px -330px;
  bottom: 0px;
  position: absolute;
  right: 20%;
}
@-webkit-keyframes bat2 {
  0%	{-webkit-transform: translate3d(0,3%,0);}
  100%	{-webkit-transform: translate3d(0,0,0); }}
@-moz-keyframes bat2 {
  0%	{-moz-transform:    translate3d(0,3%,0);}
  100%	{-moz-transform:    translate3d(0,0,0); }}
@-ms-keyframes bat2 {
  0%	{-ms-transform:     translate3d(0,3%,0);}
  100%	{-ms-transform:     translate3d(0,0,0); }}
@keyframes bat2 {
  0%	{transform:         translate3d(0,3%,0);}
  100%	{transform:         translate3d(0,0,0); }}



.bat3 {
  -webkit-transform-origin: 90% 50%;
  -moz-   transform-origin: 90% 50%;
  -ms-    transform-origin: 90% 50%;
          transform-origin: 90% 50%;
  -webkit-animation: bat3 3s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-   animation: bat3 3s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-    animation: bat3 3s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
          animation: bat3 3s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  margin: 120px -620px;
  bottom: 20px;
  position: absolute;
  right: 20%;
}
@-webkit-keyframes bat3 {
  0%	{-webkit-transform: translate3d(0,3%,0);}
  100%	{-webkit-transform: translate3d(0,0,0); }}
@-moz-keyframes bat3 {
  0%	{-moz-transform:    translate3d(0,3%,0);}
  100%	{-moz-transform:    translate3d(0,0,0); }}
@-ms-keyframes bat3 {
  0%	{-ms-transform:     translate3d(0,3%,0);}
  100%	{-ms-transform:     translate3d(0,0,0); }}
@keyframes bat3 {
  0%	{transform:         translate3d(0,3%,0);}
  100%	{transform:         translate3d(0,0,0); }}



.bat4 {
  -webkit-transform-origin: 90% 50%;
  -moz-   transform-origin: 90% 50%;
  -ms-    transform-origin: 90% 50%;
          transform-origin: 90% 50%;
  -webkit-animation: bat4 2s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-   animation: bat4 2s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-    animation: bat4 2s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
          animation: bat4 2s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  margin: 90px -620px;
  bottom: 0px;
  position: absolute;
  right: 20%;
}
@-webkit-keyframes bat4 {
  0%	{-webkit-transform: translate3d(0,3%,0);}
  100%	{-webkit-transform: translate3d(0,0,0); }}
@-moz-keyframes bat4 {
  0%	{-moz-transform:    translate3d(0,3%,0);}
  100%	{-moz-transform:    translate3d(0,0,0); }}
@-ms-keyframes bat4 {
  0%	{-ms-transform:     translate3d(0,3%,0);}
  100%	{-ms-transform:     translate3d(0,0,0); }}
@keyframes bat4 {
  0%	{transform:         translate3d(0,3%,0);}
  100%	{transform:         translate3d(0,0,0); }}



.bat5 {
  -webkit-transform-origin: 90% 50%;
  -moz-   transform-origin: 90% 50%;
  -ms-    transform-origin: 90% 50%;
          transform-origin: 90% 50%;
  -webkit-animation: bat5 3s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-   animation: bat5 3s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-    animation: bat5 3s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
          animation: bat5 3s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  margin: 100px -570px;
  bottom: 0px;
  position: absolute;
  right: 20%;
}
@-webkit-keyframes bat5 {
  0%	{-webkit-transform: translate3d(-0,4%,0);}
  100%	{-webkit-transform: translate3d(0,0,0);  }}
@-moz-keyframes bat5 {
  0%	{-moz-transform:    translate3d(-0,4%,0);}
  100%	{-moz-transform:    translate3d(0,0,0);  }}
@-ms-keyframes bat5 {
  0%	{-ms-transform:     translate3d(-0,4%,0);}
  100%	{-ms-transform:     translate3d(0,0,0);  }}
@keyframes bat5 {
  0%	{transform:         translate3d(-0,4%,0);}
  100%	{transform:         translate3d(0,0,0);  }}