@charset "UTF-8";
/* rot */
/* Verkleinerungsfunktion für mobile */
/* Auflösungen */
/* maximale XS Auflösung */
/* minimale SM Auflösung */
/* maximale SM Auflösung */
/* minimale MD Auflösung */
/* maximale MD Auflösung */
/* minimale LG Auflösung */
/* XS Auflösung */
/* SM Auflösung */
/* MD Auflösung */
/* LG Auflösung */
/* XS + SM Auflösung */
/* MD + LG Auflösung */
.mpAnimation {
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.mpAnimation > * {
  z-index: -1;
  height: 100%;
  position: relative;
  background-position: center;
  background-size: cover;
}
#beissen {
  background-image: url(/wp-content/themes/zona-child/mediapool_VC_Addons/mpAnimation/img/beissen-bg.png);
}
@media (max-width: 1024px) {
  #beissen {
    height: 233px;
  }
}
@media (min-width: 1025px) {
  #beissen {
    height: 466px;
  }
}
#beissen > * {
  top: 100%;
  background-image: url(/wp-content/themes/zona-child/mediapool_VC_Addons/mpAnimation/img/beissen.png);
}
#hoch {
  background-image: url(/wp-content/themes/zona-child/mediapool_VC_Addons/mpAnimation/img/hoch-bg.png);
}
@media (max-width: 1024px) {
  #hoch {
    height: 278.5px;
  }
}
@media (min-width: 1025px) {
  #hoch {
    height: 557px;
  }
}
#hoch > * {
  top: 100%;
  background-image: url(/wp-content/themes/zona-child/mediapool_VC_Addons/mpAnimation/img/hoch.png);
}
#versteckt {
  background-image: url(/wp-content/themes/zona-child/mediapool_VC_Addons/mpAnimation/img/versteckt-bg.png);
}
@media (max-width: 1024px) {
  #versteckt {
    height: 221.5px;
  }
}
@media (min-width: 1025px) {
  #versteckt {
    height: 443px;
  }
}
#versteckt > * {
  top: 100%;
  background-image: url(/wp-content/themes/zona-child/mediapool_VC_Addons/mpAnimation/img/versteckt.png);
}
@media (max-width: 1024px) {
  #horizontal {
    height: 400px;
  }
}
@media (min-width: 1025px) {
  #horizontal {
    height: 700px;
  }
}
#horizontal > * {
  background-image: url(/wp-content/themes/zona-child/mediapool_VC_Addons/mpAnimation/img/horizontal.jpg);
}
@media (max-width: 1024px) {
  #horizontal > * {
    left: calc(50% - $smallW / 4);
    width: 2014.8571428571px;
  }
}
@media (min-width: 1025px) {
  #horizontal > * {
    left: calc(50% - $bigW / 4);
    width: 3526px;
  }
}