/* YT */
.section-schokohaus-video-text {
  margin-top: 60px;
}

.section-schokohaus-video-text .section-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.milka-yt {
  /*width: 588px;
  height: 328px;*/
  width: 430px;
  height: 242px;
}
.section-schokohaus-video-text .milka-yt.single {
  width: 560px;
  height: 315px;
}
.milka-yt {
  position: relative;
}
.milka-yt .yt-preview {
  position: absolute;
  top: 0;
  left: 0;
}
.milka-yt .yt-preview .preview-img {
  width: 430px;
  height: 242px;
}
.milka-yt.single .yt-preview .preview-img {
  width: 560px;
  height: 315px;
}
.milka-yt .yt-preview-btn {
  position: absolute;
  /*top: 50%;
  left: 50%;*/
  cursor: pointer;
  background-color: #fff;
  opacity: 0.8;

  height: 61px;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
  width: 61px;

  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}
.milka-yt .yt-preview-btn img {
  /* 40x55 */
  margin-left: 18px;
  margin-top: 6px;
  width: 34px;
  height: auto;
}




.milka-yt-text {
  margin-left: 20px;
}
.milka-yt-text p {
  margin-top: 60px;
  text-align: left;
}

@media only screen and (min-width: 1121px) {


  .milka-yt {
    margin-right: 30px;
  }
  .milka-yt + .milka-yt {
    margin-left: 30px;
    margin-right: 0;
  }

}





@media only screen and (max-width: 1120px) {

  .section-schokohaus-video-text {
    margin-top: 120px;
  }

  .section-schokohaus-video-text .section-content {
    flex-direction: column;
    justify-content: center;
  }

  .section-schokohaus-videos .milka-videos-wrapper {
    flex-direction: column;
    justify-content: center;
  }

  .milka-yt + .milka-yt {
    margin-top: 40px;
  }

  .milka-yt {
    width: 720px;
    height: 405px;
    margin-left: auto;
    margin-right: auto;
  }

  .milka-yt iframe,
  .milka-yt .yt-preview .preview-img {
    width: 720px;
    height: 405px;

  }

  .milka-yt-text p {
    margin-top: 30px;
    text-align: center;
  }
  .milka-yt-text p.small-text {
    font-size: 28px;
  }
  /* *** */

}




/* < 980 */

@media only screen and (max-width: 979px) {


  .section-schokohaus-video-text {
    margin-top: 80px;
  }


  .section-schokohaus-video-text .section-content,
  .section-schokohaus-videos .milka-videos-wrapper {
    flex-direction: column;
    justify-content: center;
  }

  .milka-yt {
    /*width: 480px;
    height: 270px;*/
    width: 460px;
    height: 259px;  }

  .milka-yt iframe,
  .milka-yt .yt-preview .preview-img {
    /*width: 480px;
    height: 270px;*/
    width: 460px;
    height: 259px;

  }

  .milka-yt-text p {
    margin-top: 30px;
    text-align: center;
  }
  .milka-yt-text p.small-text {
    font-size: 24px;
  }

}


/* < 480 */
@media only screen and (max-width: 479px) {

  .milka-yt {
    width: 360px;
    height: 203px;
  }

  .milka-yt iframe,
  .milka-yt .yt-preview .preview-img {
    width: 360px;
    height: 203px;

  }


}

/* < 360 */
@media only screen and (max-width: 360px) {

  .milka-yt {
    width: 320px;
    height: 180px;
  }

  .milka-yt iframe,
  .milka-yt .yt-preview .preview-img {
    width: 320px;
    height: 180px;

  }

}