* {
  padding:0;
  margin:0;
}

html, body{
    padding:0;
    margin:0;
    height:100%;
    width:100%;
}

body{
    overflow:hidden;
}

/* zoom */
#picBundle {
    width:1920px;
    height:1080px;
    overflow:hidden;
}

.zoomPic{
    background-size: auto 100%;
    background-position: center center;
    width:1920px;
    height:1080px;
    position:relative;
    background-image:url(../data/droste_chimera_3ln.jpg);
    -webkit-animation-duration:.94s;
    -webkit-animation-iteration-count:infinite;
}
/*
#pic1{
    -webkit-animation-name: zoom1;
    -webkit-transform: rotate(71.9deg) translate(3865px,1095px) scale(7.14);
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1.0, 1.0);

}

@-webkit-keyframes zoom1 {
    0% {-webkit-transform: rotate(0deg) translate(0,0) scale(1);}
    100% {-webkit-transform: rotate(71.9deg) translate(3865px,1095px) scale(7.14);}
}

#pic2{
    top:-100%;
    -webkit-animation-name: zoom2;
    -webkit-transform: rotate(-71.9deg) translate(16px,-879px) scale(0.25);
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1.0, 1.0);
}

@-webkit-keyframes zoom2 {
    0% {-webkit-transform: rotate(-71.9deg) translate(16px,-879px) scale(0.25);opacity:0;}
    50% {opacity:1;}
    100% {-webkit-transform: rotate(0deg) translate(0,0) scale(1);}
}
*/
#pic1{
    -webkit-animation-name: zoom1;
    -webkit-transform: rotate(71.9deg) translate(3865px,1095px) scale(7.14);
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1.0, 1.0);

}

@-webkit-keyframes zoom1 {
    0% {-webkit-transform: rotate(0deg) translate(0,0) scale(1);}
    100% {-webkit-transform: rotate(71.9deg) translate(3865px,1095px) scale(7.14);}
}

#pic2{
    top:-100%;
    -webkit-animation-name: zoom2;
    -webkit-transform: rotate(-71.9deg) translate(16px,-879px) scale(0.25);
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1.0, 1.0);
}

@-webkit-keyframes zoom2 {
    0% {-webkit-transform: rotate(-71.9deg) translate(16px,-879px) scale(0.25);opacity:0;}
    50% {opacity:1;}
    100% {-webkit-transform: rotate(10deg) translate(0,0) scale(1);}
}

#schreimann {
  background-image:url(../data/schreiman_full.gif);
  width:184px;
  height:320px;
  position:absolute;
  bottom:0;
  right:-10px;
  z-index:0;
}

#schreimannWange {
  background-image:url(../data/schreiman_backe.gif);
  width:184px;
  height:320px;
  position:absolute;
  bottom:0;
  right:-10px;
  z-index:2;
}​