@charset "utf-8";
/* CSS Document */




@keyframes bounce0 
{

  50% { opacity: 1; transform: scale(0.5);}
  100% { opacity: 0; transform: scale(0.5) ;}
  }
  
@-webkit-keyframes bounce0 {

  50% { opacity: 1; transform: scale(0.5);}
    100% { opacity: 0; transform: scale(0.5) ;}
}
@-moz-keyframes bounce0 {

  50% { opacity: 1; transform: scale(0.5);}
    100% { opacity: 0; transform: scale(0.5) ;}
}
@-ms-keyframes bounce0 {

  50% { opacity: 1; transform: scale(0.5);}
    100% { opacity: 0; transform: scale(0.5);}
}
@-o-keyframes bounce0 {

  50% { opacity: 1; transform: scale(0.5);}
    100% { opacity: 0; transform: scale(0.5);}

}



.box0 {

 opacity: 0;
 transform: scale(0.1);
 animation-name: bounce0;
 animation-duration: 1.5s; /* or: Xms */
 animation-iteration-count: 1;
 animation-direction: alternate; /* or: normal */
 animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
 animation-fill-mode: forwards; /* or: backwards, both, none */
 animation-delay: 1.0s; /* or: Xms */
}

.schaf0
{top: 50%;
left:33%;
position: absolute;}




@keyframes bounce1 
{

  50% { opacity: 1; transform: scale(1.0);}
  100% { opacity: 0; transform: scale(1.0) ;}
  }
  
@-webkit-keyframes bounce1 {

  50% { opacity: 1; transform: scale(1.0);}
    100% { opacity: 0; transform: scale(1.0) ;}
}
@-moz-keyframes bounce1 {

  50% { opacity: 1; transform: scale(1.0);}
    100% { opacity: 0; transform: scale(1.0) ;}
}
@-ms-keyframes bounce1 {

  50% { opacity: 1; transform: scale(1.0);}
    100% { opacity: 0; transform: scale(1.0);}
}
@-o-keyframes bounce1 {

  50% { opacity: 1; transform: scale(1.0);}
    100% { opacity: 0; transform: scale(1.0);}

}

.box1 {

 opacity: 0;
 transform: scale(0.2);
 animation-name: bounce1;
 animation-duration: 2s; /* or: Xms */
 animation-iteration-count: 1;
 animation-direction: alternate; /* or: normal */
 animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
 animation-fill-mode: forwards; /* or: backwards, both, none */
 animation-delay: 2.5s; /* or: Xms */
}

.schaf1
{top: 22%;
left:48%;
position: absolute;}



@keyframes bounce2 
{

  50% { opacity: 1; transform: scale(1.5);}
  100% { opacity: 0; transform: scale(1.5) ;}
  }
  
@-webkit-keyframes bounce2 {

  50% { opacity: 1; transform: scale(1.5);}
    100% { opacity: 0; transform: scale(1.5) ;}
}
@-moz-keyframes bounce2 {

  50% { opacity: 1; transform: scale(1.5);}
    100% { opacity: 0; transform: scale(1.5) ;}
}
@-ms-keyframes bounce2 {

  50% { opacity: 1; transform: scale(1.5);}
    100% { opacity: 0; transform: scale(1.5);}
}
@-o-keyframes bounce2 {

  50% { opacity: 1; transform: scale(1.5);}
    100% { opacity: 0; transform: scale(1.5);}

}


.box2 {

 opacity: 0;
 transform: scale(0.2);
 animation-name: bounce2;
 animation-duration: 3s; /* or: Xms */
 animation-iteration-count: 1;
 animation-direction: alternate; /* or: normal */
 animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
 animation-fill-mode: forwards; /* or: backwards, both, none */
 animation-delay: 4.5s; /* or: Xms */
}

.schaf2
{top: 30%;
left: 25%;
position: absolute;}






@keyframes bounce3 
{

  50% { opacity: 1; transform: scale(0.4);}
  100% { opacity: 0; transform: scale(0.4) ;}
  }
  
@-webkit-keyframes bounce3 {

  50% { opacity: 1; transform: scale(0.4);}
    100% { opacity: 0; transform: scale(0.4) ;}
}
@-moz-keyframes bounce3 {

  50% { opacity: 1; transform: scale(0.4);}
    100% { opacity: 0; transform: scale(0.4) ;}
}
@-ms-keyframes bounce3 {

  50% { opacity: 1; transform: scale(0.4);}
    100% { opacity: 0; transform: scale(0.4);}
}
@-o-keyframes bounce3 {

  50% { opacity: 1; transform: scale(0.4);}
    100% { opacity: 0; transform: scale(0.4);}

}


.box3 {

 opacity: 0;
 transform: scale(0.1);
 animation-name: bounce3;
 animation-duration: 1.5s; /* or: Xms */
 animation-iteration-count: 1;
 animation-direction: alternate; /* or: normal */
 animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
 animation-fill-mode: forwards; /* or: backwards, both, none */
 animation-delay: 7s; /* or: Xms */
}

.schaf3
{top: 45%;
left:45%;
position: absolute;}






@keyframes bounce4 
{

  50% { opacity: 1; transform: scale(0.6);}
  100% { opacity: 0; transform: scale(0.6) ;}
  }
  
@-webkit-keyframes bounce4 {

  50% { opacity: 1; transform: scale(0.6);}
    100% { opacity: 0; transform: scale(0.6) ;}
}
@-moz-keyframes bounce4 {

  50% { opacity: 1; transform: scale(0.6);}
    100% { opacity: 0; transform: scale(0.6) ;}
}
@-ms-keyframes bounce4 {

  50% { opacity: 1; transform: scale(0.6);}
    100% { opacity: 0; transform: scale(0.6);}
}
@-o-keyframes bounce4 {

  50% { opacity: 1; transform: scale(0.6);}
    100% { opacity: 0; transform: scale(0.6);}

}



.box4 {

 opacity: 0;
 transform: scale(0.1);
 animation-name: bounce4;
 animation-duration: 2s; /* or: Xms */
 animation-iteration-count: 1;
 animation-direction: alternate; /* or: normal */
 animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
 animation-fill-mode: forwards; /* or: backwards, both, none */
 animation-delay: 8.5s; /* or: Xms */
}

.schaf4
{top: 35%;
left:10%;
position: absolute;}








@keyframes bounce5
{

  50% { opacity: 1; transform: scale(0.4);}
  100% { opacity: 0; transform: scale(0.4) ;}
  }
  
@-webkit-keyframes bounce5 {

  50% { opacity: 1; transform: scale(0.4);}
    100% { opacity: 0; transform: scale(0.4) ;}
}
@-moz-keyframes bounce5 {

  50% { opacity: 1; transform: scale(0.4);}
    100% { opacity: 0; transform: scale(0.4) ;}
}
@-ms-keyframes bounce65 {

  50% { opacity: 1; transform: scale(0.4);}
    100% { opacity: 0; transform: scale(0.4);}
}
@-o-keyframes bounce5 {

  50% { opacity: 1; transform: scale(0.4);}
    100% { opacity: 0; transform: scale(0.4);}

}



.box5 {

 opacity: 0;
 transform: scale(0.1);
 animation-name: bounce5;
 animation-duration: 1.5s; /* or: Xms */
 animation-iteration-count: 1;
 animation-direction: alternate; /* or: normal */
 animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
 animation-fill-mode: forwards; /* or: backwards, both, none */
 animation-delay: 10.5s; /* or: Xms */
}

.schaf5
{top: 45%;
left:60%;
position: absolute;}




@keyframes bounce6 
{

  100% { opacity: 1; transform: scale(1);}
  
  }
  
@-webkit-keyframes bounce6 {

  100% { opacity: 1; transform: scale(1);}
  
}
@-moz-keyframes bounce6 {

  100% { opacity: 1; transform: scale(1);}
   
}
@-ms-keyframes bounce6 {

  100% { opacity: 1; transform: scale(1);}
  
}
@-o-keyframes bounce6 {

  
    100% { opacity:1; transform: scale(1);}

}



.box6 {

 opacity: 0;
 transform: scale(0.1);
 animation-name: bounce6;
 animation-duration: 1.5s; /* or: Xms */
 animation-iteration-count: 1;
 animation-direction: alternate; /* or: normal */
 animation-timing-function: ease-out; /* or: ease, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) */
 animation-fill-mode: forwards; /* or: backwards, both, none */
 animation-delay: 12.0s; /* or: Xms */
}

.schaf6
{top: 23%;
left:38%;

position: absolute;}