/* Hintergrundbild */
.scroll-content {
    background: url("../images/background.png");
    background-size: cover;
    color: #333;
    font: 100% Arial, Sans Serif;
    height: 100vh;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.teddy {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 256px;
  height: 256px;
  margin-left: -128px;
  margin-top: -128px;
  overflow: hidden;
}

.teddybackground {
  background:  url('../images/Teddybackgound.png');
}


.teddyani1 {
  width: 256px;
  height: 1024px;
  background:  url('../images/Teddybear_ani1.png') left center;
  -webkit-animation: teddyspriteani 1.4s steps(4) infinite;
}

.teddyani2 {
  width: 256px;
  height: 1024px;
  background:  url('../images/Teddybear_ani2.png') left center;
  -webkit-animation: teddyspriteani 1.4s steps(4) infinite;
}

.teddyani3 {
  width: 256px;
  height: 1024px;
  background:  url('../images/Teddybear_ani3.png') left center;
  -webkit-animation: teddyspriteani 1.4s steps(4) infinite;
}

.teddyani4 {
  width: 256px;
  height: 1024px;
  background:  url('../images/Teddybear_ani4.png') left center;
  -webkit-animation: teddyspriteani 1.4s steps(4) infinite;
}

@-webkit-keyframes teddyspriteani {
    100% { background-position: 0 -1024px; }
}