#intro03 {
  max-width: 778px;
}

#footer-mau-animation {
  max-width: 1020px;
  margin-bottom: -77px;
  position: relative;
  z-index: 2;
}

#intro-mau-animation {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}

#winke-mau-animation {
  max-width: 300px;
  position: absolute;
  right: 5%;
  z-index: 0;
  margin-top: -125px;
}

#zwinker-mau-animation {
  max-width: 200px;
  margin: 0 auto;
  margin-bottom: -100px !important;
  z-index: 0;
  position: relative;
  left: 35%;
}

#film-mau-animation {
  max-width: 200px;
  margin: 0 auto;
  margin-bottom: -85px !important;
  z-index: 0;
  position: relative;
  left: 40%;
}

#ohr-mau-animation {
  max-width: 200px;
  margin: 0 auto;
  margin-bottom: -133px !important;
  z-index: 0;
  position: relative;
  left: 45%;
}

@media (max-width: 1280px) {
  #film-mau-animation {
    margin-bottom: -82px !important;
  }
}

@media (max-width: 900px) {
  #footer-mau-animation {
    margin-bottom: 0;
  }

  #zwinker-mau-animation {
    max-width: 150px;
    margin-bottom: -87px !important;
    left: 45%;
  }

  #film-mau-animation {
    max-width: 150px;
    margin-bottom: -75px !important;
  }

  #ohr-mau-animation {
    max-width: 150px;
    margin-bottom: -123px !important;
  }
}

@media (max-width: 599px) {
  #footer-mau-animation {
    margin-bottom: -50px;
  }

  #zwinker-mau-animation {
    margin-bottom: -86px !important;
  }

  #film-mau-animation {
    margin-bottom: -62px !important;
  }

  #ohr-mau-animation {
    margin-bottom: -100px !important;
  }
}

@media (max-width: 400px) {
  #footer-mau-animation {
    margin-bottom: -20px;
  }

  #zwinker-mau-animation {
    max-width: 125px;
    margin-bottom: -81px !important;
  }

  #film-mau-animation {
    max-width: 125px;
    margin-bottom: -53px !important;
  }

  #ohr-mau-animation {
    max-width: 125px;
    margin-bottom: -94px !important;
  }
}