@keyframes austrans {
  0% {
  transform: translateX(30.191px); 
  transform: translateY(56.694px);
  }
  100% {
    transform: translateY(2000px) translateX(-500px) rotate( 180deg );
  }
}
@keyframes sammtrans {
  0% {
  transform: translateY(9px) translateX(338px); 
  }
  100% {
    transform: translateY(3000px) translateX(338px);
  }
}
@keyframes sammtransdreh {
  0% {
  transform: translateY(-50px) translateX(-22px); 
  }
  75% {
    transform: translateY(2000px) translateX(2022px) rotate( 360deg );
  }
}

@keyframes streiftrans {
  0% {
  transform: translateY(0px) translateX(514px); 
  }
  100% {
    transform: translateY(1500px) translateX(1514px) scale(5, 5);
  }
}

@keyframes pfeilshow {
  0% {
  opacity: 0; 
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

svg g * {width:60%; height:auto;}
html {overflow:hidden;}
.wholewrap, .startwrap {position:relative;}
.startwrap {background-color:#5500FF; height:100vh; margin-top:80px;}
#weiter_Pfeil {
  opacity:0;
  cursor:pointer;
  animation: pfeilshow 8s 3.5s ease;
  animation-fill-mode: forwards;
}
#weiter_Pfeil:hover {
/*  animation: pfeilhov 1s 0.1s ease;
  animation-fill-mode: forwards;*/
}
#Icon_Streifzug {
  animation: streiftrans 8s 3.5s ease;
  animation-fill-mode: forwards;
}

#Icon_Ausstellung {
/*  transform: translateX(30.191px); 
  transform: translateY(56.694px); */
  animation: austrans 8s 3.5s ease;
  animation-fill-mode: forwards;
}

#Icon_Sammlung {
/*  transform: translateX(337.658px); 
  transform: translateY(8.694px); */
  animation: sammtrans 8s 3.5s ease;
  animation-fill-mode: forwards;
}
#Icon_Sammlung #Gruppe_189 {
  animation: sammtransdreh 8s 3.5s ease;
  animation-fill-mode: forwards;
}

@keyframes mutransp1 {
  0% {
  transform: translateX(0px); 
  }
  100% {
    transform: translateX(1000px);
  }
}
@keyframes mutransp2 {
  0% {
  transform: translateX(40px); 
  }
  100% {
    transform: translateX(1540px);
  }
}
@keyframes mutransp3 {
  0% {
  transform: translateX(80px); 
  }
  100% {
    transform: translateX(2080px);
  }
}

#Icon_Museum #Gruppe_209 {
  animation: mutransp3 5s 3.5s ease;
  animation-fill-mode: forwards;
}
#Icon_Museum #Gruppe_210 {
  animation: mutransp2 5s 3.5s ease;
  animation-fill-mode: forwards;
}
#Icon_Museum #Gruppe_211 {
  animation: mutransp1 5s 3.5s ease;
  animation-fill-mode: forwards;
}
#obstart h1, #obstart header {float:left;}