#scene3_raumstation {
    -webkit-animation-name: anim_raumstation;
    -webkit-animation-duration: 120s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
  }

  
  @-webkit-keyframes anim_raumstation {
    0% { -webkit-transform: rotate(0deg) scale(0.5) skew(0deg) translateX(0%) translateY(0%);}
    50% { -webkit-transform: rotate(0deg) scale(0.8) skew(0deg) translateX(-220%) translateY(90%);}
    100% { -webkit-transform: rotate(0deg) scale(2.0) skew(0deg) translateX(-80%) translateY(30%);}
  }

  #scene3_raumstation img{
    -webkit-animation-name: anim_raumstation_img;
    -webkit-animation-duration: 20s;
    -webkit-animation-iteration-count: 6;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
  }

  
  @-webkit-keyframes anim_raumstation_img {
    0% { -webkit-transform: rotate(0deg) scale(1.0) skew(0deg) translateX(0%) translateY(0%);}
    25% { -webkit-transform: rotate(5deg) scale(1.0) skew(0deg) translateX(-0%) translateY(5%);}
    50% { -webkit-transform: rotate(0deg) scale(1.0) skew(0deg) translateX(-0%) translateY(0%);}
    75% { -webkit-transform: rotate(-5deg) scale(1.0) skew(0deg) translateX(-0%) translateY(-5%);}
    100% { -webkit-transform: rotate(0deg) scale(1.0) skew(0deg) translateX(0%) translateY(0%);}
  }

  #scene3_overlay2{

    opacity: 20%;;
  }


  .ebi31 {
    width: 72%;
    height: auto;
  }

  .ebigerhard31 {
    width: 72%;
    height: auto;
  }

  /*
  .ebigerhard32 {
    width: 85%;
    height: auto;
  }
  */

  /*
  .kaepten32 {
    width: 85%;
    height: auto;
  }
  */

  .kaepten33{
    width: 90%;
    height: auto;
  }

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

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

  

  .szene3_movedoor{
    -webkit-animation-name: anim_szene3_movedoor;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
  }

  @-webkit-keyframes anim_szene3_movedoor 
  {
    00% { opacity: 100;}
    100% { opacity: 0;}
  }
  



#scene3_ebi1_ohr_links{
    -webkit-animation-name: anim_ebi31_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: 64% 29%;
    animation-delay: 1s;
  }

  #scene3_ebi1_ohr_rechts{
    -webkit-animation-name: anim_ebi31_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: 30% 80%;
    animation-delay: 1s;
  }

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

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

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

  #scene3_ebi1_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;
  }

@-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;}
}

#scene3_ebigerhard_augen_zu_gerhard
{
  -webkit-animation-name: anim_gerhard_augen !important;
  -webkit-animation-duration: 7s !important;
  -webkit-animation-iteration-count: infinite !important;
  -webkit-animation-timing-function: ease !important;
  -webkit-animation-fill-mode: forwards !important;
}

@-webkit-keyframes anim_gerhard_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;}
}

#scene3_ebigerhard_augen_zu_ebi
{
  -webkit-animation-name: anim_ebi2_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_ebi2_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;}
}

/*
#scene3_kaeptn2_con{
    -webkit-animation-name: anim_kaepten32;
    -webkit-animation-duration: 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
  }

  @-webkit-keyframes anim_kaepten32 {
    0% { -webkit-transform: rotate(0deg) scaleX(1) skew(0deg) translate(0%);}
    100% { -webkit-transform: rotate(0deg) scaleX(-1) skew(0deg) translate(0%);}
  }
  */

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

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

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

  .szene3_move_gerhard_right{
    -webkit-animation-name: anim_gerhard33_r;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
  }

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

  .szene3_move_gerhard_left{
    -webkit-animation-name: anim_gerhard33_l;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
  }

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

  .szene3_move_kaeptn_left{
    -webkit-animation-name: anim_kaeptn33_l;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
  }

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

  .szene3_move_kaeptn_right{
    -webkit-animation-name: anim_kaeptn33_r;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
  }

  .szene3_move_ebi_right{
    -webkit-animation-name: anim_ebi33_r;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
  }

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

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

  .szene3_move_ebi_left{
    -webkit-animation-name: anim_ebi33_l;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
  }

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

  

  
  #scene3_gerhard31_fisch_img{
    -webkit-animation-name: anim_gerhard31_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_gerhard31_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%);}
  }

  #scene3_gerhard31_fisch{
    -webkit-animation-name: anim_gerhard31_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_gerhard31_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(-290%) translateY(10%);}
    75% { -webkit-transform: rotate(10deg) skew(0deg) translateX(-340%) translateY(-8%);}
    100% { -webkit-transform: rotate(0deg) skew(0deg) translateX(0%) translateY(0%);}
  }

  #scene3_gerhard5_fisch{
    -webkit-animation-name: anim_gerhard35_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_gerhard35_fisch {
    0% { -webkit-transform: rotate(0deg) skew(0deg) translateX(0%) translateY(0%);}
    25% { -webkit-transform: rotate(-20deg) skew(0deg) translateX(-175%) translateY(5%);}
    50% { -webkit-transform: rotate(0deg) skew(0deg) translateX(-260%) translateY(5%);}
    75% { -webkit-transform: rotate(10deg) skew(0deg) translateX(-320%) translateY(-4%);}
    100% { -webkit-transform: rotate(0deg) skew(0deg) translateX(0%) translateY(0%);}
  }

  #scene3_gerhard22_fisch_img{
    -webkit-animation-name: anim_gerhard32_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_gerhard32_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%);}
  }

  .turnchair {
    -webkit-animation-name: anim_turnchair;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
  }

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

  .turnchair_back {
    -webkit-animation-name: anim_turnchair_back;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
  }

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

  .navi_pfote_1{
    -webkit-animation-name: anim_pfote1;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
  }

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

  .navi_pfote_2{
    -webkit-animation-name: anim_pfote2;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
  }

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

  .navi_pfote{
    -webkit-animation-name: anim_navi;
    -webkit-animation-duration: 120s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
  }

  @-webkit-keyframes anim_navi {
    0% { -webkit-transform: rotate(0deg) scaleX(1) skew(0deg) translateX(0%)}
    100% { -webkit-transform: rotate(20deg) scaleX(1) skew(0deg) translateX(-180%) }
  }

  #scene3_uhr{
    -webkit-animation-name: anim_uhr;
    -webkit-animation-duration: 2.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
  }

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

  #scene3_buttons_gelb{
    -webkit-animation-name: anim_buttons_gelb;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
  }

  
  @-webkit-keyframes anim_buttons_gelb {
    0% { opacity: 0;}
    50% { opacity: 90;}
    100% { opacity: 0;}
  }

  #scene3_buttons_gruen{
    -webkit-animation-name: anim_buttons_gruen;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
  }

  
  @-webkit-keyframes anim_buttons_gruen {
    0% { opacity: 90;}
    50% { opacity: 0;}
    100% { opacity: 90;}
  }

  #scene3_buttons_braun{
    -webkit-animation-name: anim_buttons_braun;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
  }

  
  @-webkit-keyframes anim_buttons_braun {
    0% { opacity: 90;}
    50% { opacity: 0;}
    100% { opacity: 90;}
  }

  #scene3_buttons_gruen2{
    -webkit-animation-name: anim_buttons_gruen2;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
  }

  
  @-webkit-keyframes anim_buttons_gruen2 {
    0% { opacity: 90;}
    50% { opacity: 0;}
    100% { opacity: 90;}
  }

  #scene3_buttons_lila{
    -webkit-animation-name: anim_buttons_lila;
    -webkit-animation-duration: 1.3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
  }

  
  @-webkit-keyframes anim_buttons_lila {
    0% { opacity: 90;}
    50% { opacity: 0;}
    100% { opacity: 90;}
  }

  #scene3_buttons_rosa{
    -webkit-animation-name: anim_buttons_rosa;
    -webkit-animation-duration: 1.8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
  }

  
  @-webkit-keyframes anim_buttons_rosa {
    0% { opacity: 90;}
    50% { opacity: 0;}
    100% { opacity: 90;}
  }