.move_tuer_left {
    -webkit-animation-name: anim_move_tuer_left;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
  }
  
  @-webkit-keyframes anim_move_tuer_left {
    from {
      -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0%);
    }
    to {
      -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(-50%);
    }
  }

  .move_tuer_left_back {
    -webkit-animation-name: anim_move_tuer_left_back;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
  }
  
  @-webkit-keyframes anim_move_tuer_left_back {
    from {
      -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(-50%);
    }
    to {
      -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0%);
    }
  }

  .move_tuer_right {
    -webkit-animation-name: anim_move_tuer_right;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
  }
  
  @-webkit-keyframes anim_move_tuer_right {
    from {
      -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0%);
    }
    to {
      -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(50%);
    }
  }

  .move_tuer_right_back {
    -webkit-animation-name: anim_move_tuer_right_back;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
  }
  
  @-webkit-keyframes anim_move_tuer_right_back {
    from {
      -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(50%);
    }
    to {
      -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0%);
    }
  }

  .bild_swing {
    -webkit-animation-name: anim_bild_swing;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: 3;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    transform-origin: top center;
  }
  
  @-webkit-keyframes anim_bild_swing {
    25% { -webkit-transform: rotate(3deg) scale(1) skew(0deg) translate(0%);}
    50% { -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0%);}
    75% { -webkit-transform: rotate(-3deg) scale(1) skew(0deg) translate(0%);}
    100% { -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0%);}
  }

  .lampe_swing {
    -webkit-animation-name: anim_lampe_swing;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    transform-origin: 50% -400%;
  }

  
  @-webkit-keyframes anim_lampe_swing {
    25% { -webkit-transform: rotate(10deg) scale(1) skew(0deg) translate(0%);}
    75% { -webkit-transform: rotate(-10deg) scale(1) skew(0deg) translate(0%);}
  }

  #scene1_ebi1_schwanz{
    -webkit-animation-name: anim_ebi1_schwanz;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    transform-origin: 81% 63%;
    animation-delay: 1s;
  }

  #scene1_ebi2_schwanz{
    -webkit-animation-name: anim_ebi1_schwanz;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    transform-origin: 68% 54%;
    animation-delay: 1s;
  }

  #scene1_ebi3_schwanz{
    -webkit-animation-name: anim_ebi1_schwanz;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    transform-origin: 81% 63%;
    animation-delay: 1s;
  }

  #scene1_ebi4_schwanz{
    -webkit-animation-name: anim_ebi1_schwanz;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    transform-origin: 81% 63%;
    animation-delay: 1s;
  }

  #scene1_ebi5_schwanz{
    -webkit-animation-name: anim_ebi1_schwanz;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    transform-origin: 73% 93%;
    animation-delay: 1s;
  }
  
  @-webkit-keyframes anim_ebi1_schwanz {
    0% { -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0%);}
    50% { -webkit-transform: rotate(2deg) scale(1) skew(0deg) translate(0%);}
  }

  #scene1_ebi1_ohr_rechts{
    -webkit-animation-name: anim_ebi1_ohr_rechts;
    -webkit-animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    transform-origin: 29% 72%;
    animation-delay: 1s;
  }

  #scene1_ebi2_ohr_rechts{
    -webkit-animation-name: anim_ebi1_ohr_rechts;
    -webkit-animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    transform-origin: 28% 77%;
    animation-delay: 1s;
  }

  #scene1_ebi3_ohr_rechts{
    -webkit-animation-name: anim_ebi1_ohr_rechts;
    -webkit-animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    transform-origin: 29% 72%;
    animation-delay: 1s;
  }

  #scene1_ebi4_ohr_rechts{
    -webkit-animation-name: anim_ebi1_ohr_rechts;
    -webkit-animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    transform-origin: 29% 72%;
    animation-delay: 1s;
  }

  #scene1_ebi5_ohr_rechts{
    -webkit-animation-name: anim_ebi1_ohr_rechts;
    -webkit-animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    transform-origin: 24% 23%;
    animation-delay: 1s;
  }

  @-webkit-keyframes anim_ebi1_ohr_rechts 
  {
    0% { -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0%);}
    50% { -webkit-transform: rotate(1deg) scale(1) skew(0deg) translate(0%);}
  }

  #scene1_ebi4_hand_links{
    -webkit-animation-name: anim_ebi4_hand_links;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    transform-origin: 54% 58%;
    animation-delay: 5s;
  }

  @-webkit-keyframes anim_ebi4_hand_links 
  {
    0% { -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0%);}
    100% { -webkit-transform: rotate(20deg) scale(1) skew(0deg) translate(0%);}
  }

  #scene1_ebi1_ohr_links{
    -webkit-animation-name: anim_ebi1_ohr_links;
    -webkit-animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    transform-origin: 30% 54%;
    animation-delay: 1s;
  }

  #scene1_ebi2_ohr_links{
    -webkit-animation-name: anim_ebi1_ohr_links;
    -webkit-animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    transform-origin: 33% 66%;
    animation-delay: 1s;
  }

  #scene1_ebi3_ohr_links{
    -webkit-animation-name: anim_ebi1_ohr_links;
    -webkit-animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    transform-origin: 30% 54%;
    animation-delay: 1s;
  }

  #scene1_ebi4_ohr_links{
    -webkit-animation-name: anim_ebi1_ohr_links;
    -webkit-animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    transform-origin: 30% 54%;
    animation-delay: 1s;
  }

  #scene1_ebi5_ohr_links{
    -webkit-animation-name: anim_ebi1_ohr_links;
    -webkit-animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    transform-origin: 24% 11%;
    animation-delay: 1s;
  }

  
  @-webkit-keyframes anim_ebi1_ohr_links {
    0% { -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0%);}
    50% { -webkit-transform: rotate(-1deg) scale(1) skew(0deg) translate(0%);}
  }

  #scene1_gerhard3_fisch{
    position:absolute; 
    top:35%; 
    left: 35%;
    display: none;
  }

  #scene1_gerhard3_fisch img{
  }

  #szene1_gerhard3_fisch_img{
    -webkit-animation-name: anim_gerhard5_fisch_img;
    -webkit-animation-duration: 40s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 1s;
  }

  
  @-webkit-keyframes anim_gerhard3_fisch_img {
    0% { -webkit-transform: rotate(0deg) scaleX(1) skew(0deg) translateX(0%) translateY(0%);}
    50% { -webkit-transform: rotate(0deg) scaleX(1) skew(0deg) translateX(0%) translateY(0%);}
    50.01% { -webkit-transform: rotate(0deg) scaleX(-1) skew(0deg) translateX(0%) translateY(0%);}
    99% { -webkit-transform: rotate(0deg) scaleX(-1) skew(0deg) translateX(0%) translateY(0%);}
  }

  #scene1_gerhard3_fisch{
    -webkit-animation-name: anim_gerhard3_fisch;
    -webkit-animation-duration:40s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 1s;
  }

  
  @-webkit-keyframes anim_gerhard3_fisch {
    0% { -webkit-transform: rotate(0deg) skew(0deg) translateX(0%) translateY(0%);}
    25% { -webkit-transform: rotate(-20deg) skew(0deg) translateX(-75%) translateY(-5%);}
    50% { -webkit-transform: rotate(0deg) skew(0deg) translateX(-320%) translateY(-5%);}
    75% { -webkit-transform: rotate(10deg) skew(0deg) translateX(-100%) translateY(5%);}
    100% { -webkit-transform: rotate(0deg) skew(0deg) translateX(0%) translateY(0%);}
  }

  #scene1_gerhard4_fisch{
    position:absolute; 
    top:30%; 
    left: 55%;
    display: none;
  }

  #szene1_gerhard4_fisch_img{
    -webkit-animation-name: anim_gerhard4_fisch_img;
    -webkit-animation-duration: 50s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 1s;
  }

  
  @-webkit-keyframes anim_gerhard4_fisch_img {
    0% { -webkit-transform: rotate(0deg) scaleX(1) skew(0deg) translateX(0%) translateY(0%);}
    50% { -webkit-transform: rotate(0deg) scaleX(1) skew(0deg) translateX(0%) translateY(0%);}
    50.01% { -webkit-transform: rotate(0deg) scaleX(-1) skew(0deg) translateX(0%) translateY(0%);}
    99% { -webkit-transform: rotate(0deg) scaleX(-1) skew(0deg) translateX(0%) translateY(0%);}
  }

  #scene1_gerhard4_fisch{
    -webkit-animation-name: anim_gerhard4_fisch;
    -webkit-animation-duration: 50s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 1s;
  }

  
  @-webkit-keyframes anim_gerhard4_fisch {
    0% { -webkit-transform: rotate(0deg) skew(0deg) translateX(0%) translateY(0%);}
    25% { -webkit-transform: rotate(-20deg) skew(0deg) translateX(-175%) translateY(10%);}
    50% { -webkit-transform: rotate(0deg) skew(0deg) translateX(-390%) translateY(10%);}
    75% { -webkit-transform: rotate(10deg) skew(0deg) translateX(-440%) translateY(-8%);}
    100% { -webkit-transform: rotate(0deg) skew(0deg) translateX(0%) translateY(0%);}
  }

  
  #szene1_gerhard5_fisch_img{
    -webkit-animation-name: anim_gerhard5_fisch_img;
    -webkit-animation-duration: 50s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 1s;
  }

  
  @-webkit-keyframes anim_gerhard5_fisch_img {
    0% { -webkit-transform: rotate(0deg) scaleX(1) skew(0deg) translateX(0%) translateY(0%);}
    50% { -webkit-transform: rotate(0deg) scaleX(1) skew(0deg) translateX(0%) translateY(0%);}
    50.01% { -webkit-transform: rotate(0deg) scaleX(-1) skew(0deg) translateX(0%) translateY(0%);}
    99% { -webkit-transform: rotate(0deg) scaleX(-1) skew(0deg) translateX(0%) translateY(0%);}
  }

  #scene1_gerhard5_fisch{
    -webkit-animation-name: anim_gerhard5_fisch;
    -webkit-animation-duration: 50s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 1s;
  }

  
  @-webkit-keyframes anim_gerhard5_fisch {
    0% { -webkit-transform: rotate(0deg) skew(0deg) translateX(0%) translateY(0%);}
    25% { -webkit-transform: rotate(-20deg) skew(0deg) translateX(-175%) translateY(10%);}
    50% { -webkit-transform: rotate(0deg) skew(0deg) translateX(-390%) translateY(10%);}
    75% { -webkit-transform: rotate(10deg) skew(0deg) translateX(-440%) translateY(-8%);}
    100% { -webkit-transform: rotate(0deg) skew(0deg) translateX(0%) translateY(0%);}
  }
  
/*
  #szene1_gerhard5_fisch_img{
    -webkit-animation-name: anim_gerhard5_fisch_img;
    -webkit-animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 1s;
  }

  @-webkit-keyframes anim_gerhard5_fisch_img {
    0% { -webkit-transform: scale(-1)}
    50% { -webkit-transform: scale(-1)}
    51% { -webkit-transform: scale(-1)}
    99% { -webkit-transform: scale(-1)}
  }
  */






  /*
  #scene1 {
    -webkit-animation-name: scene1_cam;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    transform-origin: top left;

  }
  */

  .mask {
    -webkit-mask-image: url(/szene1/gerhard4/szene1_gerhard4_mask.png);
    mask-image: url(/szene1/gerhard4/szene1_gerhard4_mask.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;   
    -webkit-animation-name: scene1_mask;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    
  }

  @-webkit-keyframes scene1_mask {
    0% { mask-position:  0px -1500px;}
    100% { mask-position: 0px 0px;}
  }

  .ebi1 {
    width: 70%;
    height: auto;
  }

  #scene1_ebi1_con{
    position:absolute;
    left: 8%; 
    top:15.3%;
  }

  .ebi1_2 {
    left: -5% !important; 
    top: 32% !important;
  }

  .ebi1_2 img{
    width: 56% !important;
    height: auto;
  }

  #scene1_ebi1_auge_zu
  {
    -webkit-animation-name: anim_ebi_augen !important;
    -webkit-animation-duration: 10s !important;
    -webkit-animation-iteration-count: infinite !important;
    -webkit-animation-timing-function: ease !important;
    -webkit-animation-fill-mode: forwards !important;
}

#scene1_ebi3_augen_zu
{
  -webkit-animation-name: anim_ebi_augen !important;
  -webkit-animation-duration: 10s !important;
  -webkit-animation-iteration-count: infinite !important;
  -webkit-animation-timing-function: ease !important;
  -webkit-animation-fill-mode: forwards !important;
}

#scene1_ebi4_auge_zu
{
  -webkit-animation-name: anim_ebi_augen !important;
  -webkit-animation-duration: 10s !important;
  -webkit-animation-iteration-count: infinite !important;
  -webkit-animation-timing-function: ease !important;
  -webkit-animation-fill-mode: forwards !important;
}

@-webkit-keyframes anim_ebi_augen 
{
    0% { opacity: 0;}
    24% { opacity: 0;}
    28% { opacity: 1;}
    31% { opacity: 0;}
    74% { opacity: 0;}
    77% { opacity: 1;}
    80% { opacity: 0;}
    100% { opacity: 0;}
}


.scene1_ebi1_schnauze_zu
{
  -webkit-animation-name: anim_schnauze_zu;
  -webkit-animation-duration: 0.2s ;
  -webkit-animation-iteration-count: 20;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes anim_schnauze_zu 
{
  0% { opacity: 1;}
  50% { opacity: 0;}
  100% { opacity: 1;}
}

.scene1_ebi1_schnauze_offen
{
  -webkit-animation-name: anim_schnauze_offen;
  -webkit-animation-duration: 0.2s;
  -webkit-animation-iteration-count: 20;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes anim_schnauze_offen 
{
  0% { opacity: 0;}
  50% { opacity: 1;}
  100% { opacity: 0;}
}


.ebi2 {
  width: 70%;
  height: auto;
}

.ebi2_move{
  -webkit-animation-name: anim_ebi2_move;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes anim_ebi2_move {
  0% { -webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(0%);}
  100% { -webkit-transform: rotate(-1deg) scale(1) skew(0deg) translateX(25%);}
}


.gerhard1_mirror{
  -webkit-animation-name: anim_gerhard1_mirror;
  -webkit-animation-duration: 0s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes anim_gerhard1_mirror {
  0% { -webkit-transform: rotate(0deg) scaleX(1) skew(0deg) translateX(0%);}
  100% { -webkit-transform: rotate(0deg) scaleX(-1) skew(0deg) translateX(0%);}
}

.gerhard1_mirror_back{
  -webkit-animation-name: anim_gerhard1_mirror_back;
  -webkit-animation-duration: 0s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes anim_gerhard1_mirror_back {
  0% { -webkit-transform: rotate(0deg) scaleX(-1) skew(0deg) translateX(0%);}
  100% { -webkit-transform: rotate(0deg) scaleX(1) skew(0deg) translateX(0%);}
}

.moveout{
  -webkit-animation-name: anim_moveout;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-delay: 7s;
}

@-webkit-keyframes anim_moveout {
  0% { -webkit-transform: rotate(0deg) scaleX(1) skew(0deg) translateX(0%);}
  100% { -webkit-transform: rotate(0deg) scaleX(1) skew(0deg) translateX(-150%);}
}

#scene1_gerhard_3_con img {
  display: none;
}
#scene1_gerhard_3_con img:first-child {
  display: block;
}

#scene1_gerhard1_con img {
  display: none;
}
#scene1_gerhard1_con img:first-child {
  display: block;
}

#scene1_ebi4_hand_con img {
  display: none;
}
#scene1_ebi4_hand_con img:first-child {
  display: block;
}

#scene1_ebi4_mund_con img {
  display: none;
}
#scene1_ebi4_mund_con img:first-child {
  display: block;
}

#ebigerhard5 {
  width: 100%;
  height: auto;
}

#scene1_gerhard5_augen_con{
  width: 100%;
  height: auto;
}

#scene1_gerhard5_augen_con img{
  display: none;
}
#scene1_gerhard5_augen_con img:first-child {
  display: block;
}

#scene1_ebi1_schnauze_con img{
  display: none;
}
#scene1_ebi1_schnauze_con img:first-child {
  display: block;
}

.scene1_ebi3_hand_con_firstimg{
display: inline !important;

}