
.logo-over-lilac {
  margin-top: 90px;
}
.header_nav-wrapper .milka-logo {
  top: -38px;
}
.is-mobile .header_nav-wrapper .milka-logo {
  top: -8px;
}

.header-img {
  width: 100%;
  height: auto;
}

.milka-section {
  position: relative;
}

.milka-section .section-content {
  width: 1440px;
  margin-left: auto;
  margin-right: auto;
}


.section-favourites-intro .section-content {
  padding-bottom: 80px;
}

.section-favourites-intro h1 {
  margin-top: 60px;
}

.headline-blau br {
  display: none;
}

.section-sorten-slider .section-content {
  overflow: hidden;
  height: 1000px;
}

.section-favourites-info {

  padding-top: 30px;
  padding-bottom: 30px;
}

.section-favourites-info .section-content {
  background-image: url("/img/favourites-minis-pack.png");
  background-position: top left;
  background-repeat: no-repeat;

  min-height: 720px;
  padding-top: 240px;
  padding-left: 850px;
  text-align: left;
}

.section-favourites-info .pfeil {
  background-image: url("/img/pfeil-desktop.png");
  width: 193px;
  height: 110px;
  margin-top: 80px;
  margin-left: -100px;
}

.milka-dark-lila-bg {
  background-color: #3B2774;
}

/*

 */

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

  .milka-section .section-content {
    width: 1024px;
    /*border: 1px solid blue;*/

  }

  .composite-img {
    scale: 0.75;
  }

  .composite-img img.oreo {
    top: -70px;
    left: -175px;
  }

  .composite-img img.cheesecake {
    right: 10px;
    bottom: -140px;
  }

  .section-sorten-slider .section-content {
    height: 880px;
  }
  .slick-track .slick-slide {
    transform: scale(1.1,1.1);
  }
  .slick-arrow {
    top: 300px;
  }

  .section-favourites-info .section-content {
    min-height: 660px;
    padding-top: 140px;
    padding-left: 650px;
    background-size: 650px auto;
  }
  .section-favourites-info .pfeil {
     margin-top: 40px;
  }
}



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

  .milka-section .section-content {
    width: 960px;
    /*border: 1px solid green;*/

  }

  .milka-content h1,
  .milka-content h2 {
    /*font-size: 40px;*/
  }
  .milka-content h3 {
    font-size: 50px;
  }
  .milka-content h2 span.headline-blau {
    font-size: 70px;
  }
  .headline-blau br {
    display: block;
  }
  .milka-content p {
    font-size: 28px;
  }

  .section-favourites-intro .section-content {
    padding-bottom: 0px;
  }

  .section-favourites-intro h1 {
    margin-top: 0px;
  }

  .composite-img {
    scale: 0.65;
  }

  .composite-img img.oreo {
    top: -70px;
    left: -175px;
  }

  .composite-img img.cheesecake {
    right: -120px;
    bottom: -110px;
  }

  .section-sorten-slider .section-content {
    height: 1600px;
  }

  .slider {
    /*margin-top: 200px;*/
    margin-top: 400px;
  }
  .is-mobile .slider {
    margin-top: 200px;
  }

  .slick-track {
    margin-top: 25%;
  }
  .slick-track .slick-slide {
    transform: scale(2.0,2.0);
    opacity: 0;
  }
  .slick-track .slick-slide.slick-active {
    opacity: 1;
    margin-top: 230px;
  }
  .slick-track .slick-slide.slick-active.slick-center {
    transform: scale(3.0,3.0);
  }
  .slick-arrow {
    /*top: 280px;*/
    /*top: 940px;*/
    top: 740px;
  }
  .is-mobile .slick-arrow {
    top: 940px;
  }
  .slick-arrow.slick-prev {
    left: 40%;
  }
  .slick-arrow.slick-next {
    right: 40%;
  }
  .section-sorten-slider .slick-prev:before, .section-sorten-slider .slick-next:before {
    font-size: 60px;
  }

  .section-favourites-info .section-content {
      padding-left: 0;
      padding-top: 20px;
      text-align: center;
      background-size: 680px auto;
      background-position-x: center;
      /*background-position-y: 360px;*/ /* ios gut */
      /*min-height: 960px;*/ /* ios gut */
      background-position-y: 520px;
      min-height: 1120px;
  }
  .section-favourites-info .section-content h3,
  .section-favourites-info .section-content p {
    text-align: center
  }
  .section-favourites-info .pfeil {
    margin-top: 80px;
    margin-left: 260px;
    background-image: url("/img/pfeil-mobile.png");
    width: 88px;
    height: 134px;
  }

  /* Footer */
  .scalable_text.is-sharing {
    line-height: 1.15;
  }
  .is-mobile .sharing_logo-wrapper {
    top: 6.9em;
  }
  .is-mobile .sharing_logo {
    height: 3em;
  }
}

/* < 980 */

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

  .milka-section .section-content {
    width: 480px;
    /*border: 1px solid yellow;*/

  }

  .milka-content h1,
  .milka-content h2 {
    font-size: 40px;
  }

  .milka-content h2 span.headline-blau {
    font-size: 40px;
  }

  .milka-content h3 {
    font-size: 30px;
  }


  .milka-content p {
    font-size: 24px;
  }

  .section-favourites-intro .section-content {
    padding-bottom: 0px;
  }

  .section-favourites-intro h1 {
    margin-top: 0px;
  }

  .composite-img {
    scale: 0.65;
  }

  .composite-img img.oreo {
    top: -70px;
    left: -175px;
    display: none;
  }

  .composite-img img.cheesecake {
    right: -120px;
    bottom: -110px;
    display: none;
  }

  .section-sorten-slider .section-content {
    height: 800px;
  }

  .slider {
    /*margin-top: 200px;*/
    margin-top: 300px;
  }
  .slick-track .slick-slide {
    transform: scale(2.0,2.0);
    opacity: 0;
  }
  .slick-track .slick-slide.slick-active {
    opacity: 1;
    margin-top: 0px;
  }
  .slick-track .slick-slide.slick-active.slick-center {
    transform: scale(3.8,3.8);
  }
  .slick-arrow {
    top: 200px;
  }
  .slick-arrow.slick-prev {
    left: 40%;
  }
  .slick-arrow.slick-next {
    right: 40%;
  }
  .section-sorten-slider .slick-prev:before, .section-sorten-slider .slick-next:before {
    font-size: 40px;
  }

  .section-favourites-info .section-content {
    padding-left: 0;
    padding-top: 20px;
    text-align: center;
    background-size: contain;
    /*background-position-y: 400px;
    min-height: 720px;*/
    background-position-y: 350px;
    min-height: 780px;
  }
  .section-favourites-info .section-content h3,
  .section-favourites-info .section-content p {
    text-align: center
  }
  .section-favourites-info .pfeil {
    margin-top: 40px;
    margin-left: 90px;
    background-image: url("/img/pfeil-mobile.png");
    width: 88px;
    height: 134px;
  }
}



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

  .milka-section .section-content {
    width: 360px;
    /*border 1px solid yellow;*/

  }

  .milka-content h1,
  .milka-content h2 {
    /*font-size: 40px;*/
  }
  .milka-content h2 span.headline-blau {
    /*font-size: 50px;*/
    font-size: 40px; /* wg iPh 8plus */
  }
  .section-favourites-intro h1 {
    /*margin-top: 0px;*/
  }
/*
  .composite-img {
    scale: 0.65;
  }

  .composite-img img.oreo {
    top: -70px;
    left: -175px;
  }

  .composite-img img.cheesecake {
    right: -120px;
    bottom: -110px;
  }
*/
  .section-sorten-slider .section-content {
    height: 600px;
  }

  .is-mobile .slider {
    margin-top: 100px;
  }
  .is-mobile .slick-arrow {
    top: 220px;
  }
  .section-sorten-slider .slick-prev:before, .section-sorten-slider .slick-next:before {
    font-size: 30px;
  }
/*
  .slider {
    margin-top: 200px;
  }
  .slick-track .slick-slide {
    transform: scale(2.0,2.0);
    opacity: 0;
  }
  .slick-track .slick-slide.slick-active {
    opacity: 1;
  }
  .slick-track .slick-slide.slick-active.slick-center {
    transform: scale(3.8,3.8);
  }
  .slick-arrow {
    top: 280px;
  }
  .slick-arrow.slick-prev {
    left: 40%;
  }
  .slick-arrow.slick-next {
    right: 40%;
  }

  .section-favourites-info .section-content {
    padding-left: 0;
    padding-top: 20px;
    text-align: center;
    background-size: contain;
    background-position-y: 300px;
    min-height: 720px;
  }
  .section-favourites-info .section-content h3,
  .section-favourites-info .section-content p{
    text-align: center
  }
  .section-favourites-info .pfeil {
    margin-top: 40px;
    margin-left: 90px;
    background-image: url("/img/pfeil-mobile.png");
    width: 88px;
    height: 134px;
  }


 */

}
