.section-intro .section-content {
  padding-bottom: 0rem;
}
@media only screen and (min-width: 992px) {
  .section-intro .section-content {
    padding-bottom: 3.75rem; /*60px;*/
  }
}

.mitmachen-header-button {
  position: absolute;
  top: -90px;
}
@media only screen and (min-width: 992px) {
  .mitmachen-header-button {
    top: -120px;
  }
}

is-mobile .mitmachen-header-button {
  top: 10px;
}

.milka-content {
  /*.section-content {*/
  /*background-image: url("../../img/sterne-hintergrund-364679469d416abffa5050eed0525dd6.png");*/
  background-image: url("../../img/2025/Background-Milka-Schokohaus-desktop-v2-8b2903b5ffc4d7296177c7d9b27f3574.webp");
  background-position: top center;
  /*background-repeat: repeat-y;*/
  background-repeat: no-repeat;
  background-size: auto;
}
.page-form .milka-content {
  background-image: url("../../img/2025/Background-form-kurz-desktop-v3-e71ab0730d66d222c883e24efa9484f9.webp");
}
@media only screen and (max-width: 767px) {
  .milka-content {
    /*.section-content {*/
    background-image: url("../../img/2025/Background-Milka-Schokohaus-mobile-v2-cf8044ff01a22b142583e6b0b18f99b3.webp");
  }
  .page-form .milka-content {
    background-image: url("../../img/2025/Background-form-kurz-mobile-v3-7407761c278ede2a4d8f1ff5d687c1f3.webp");
  }
}

.lilac-bg {
  /*background-color: #7D69AC;*/
  /*background-color: rgba(125,105,172,0.75);*/
}


.section-intro .top-text {
  padding-top: 0;
}

.section-intro h1 {
  padding-top: 3rem;
}
@media only screen and (min-width: 992px) {
  .section-intro h1 {
    padding-top: 5rem; /*80px;*/
  }
}

.headline-blau br {
  display: none;
}

.gewinn-copy {
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 992px) {
  .gewinn-copy {
    width: 900px;
  }
}




/* Bastelanleitungen */

.section-schokohaus-bastelanleitungen p {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.section-schokohaus-bastelanleitungen .section-content {
  padding-top: 3.75rem; /*60px;*/
  padding-bottom: 3.75rem;
}

.section-schokohaus-bastelanleitungen .anleitungen-wrapper {
  margin-top: 2.5rem; /*40px;*/
  /*max-width: 1100px;*/
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;

  /* neu für 4. Anleitung */
  max-width: 900px;
  flex-wrap: wrap;
}

.milka-bastelanleitung {
  display: flex;
  width: 320px;
  flex-direction: column;

  /* neu für 4. Anleitung */
  margin-bottom: 2.5rem; /*40px;*/
}

.milka-bastelanleitung h4 {
  line-height: 0.7;
  font-size: 2.8125rem; /*45px;*/
  text-transform: none;
  z-index: 100;
}
.milka-bastelanleitung a > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.25rem; /*20px;*/
  height: 30px;
}


.section-intro .button-wrapper,
.section-schokohaus-bastelanleitungen .button-wrapper {
  display: flex;
  justify-content: center;
}

.section-intro .button-wrapper {
  margin-top: 1.25rem;
  margin-bottom: 2.5rem;
}
.section-schokohaus-bastelanleitungen .button-wrapper {
  margin-top: 3.75rem;
}

.section-intro  .button-wrapper a,
.section-schokohaus-bastelanleitungen  .button-wrapper a {
  display: block;
}

.schmuck-tannenbaeume {
  bottom: 0;
  left: -150px;
}

@media only screen and (min-width: 992px) {
  .section-schokohaus-bastelanleitungen {
    margin-top: 5rem;
  }
}

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

  .milka-bastelanleitung {
    /*margin-right: 20px;*/

    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}


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

  .milka-bastelanleitung h4 {
    font-size: 2.625rem; /* 42px */
  }

  .section-schokohaus-bastelanleitungen .anleitungen-wrapper {

    flex-direction: column;
    justify-content: center;
  }

  .anleitungen-wrapper {
    margin-bottom: 3.75rem;
  }

  .milka-bastelanleitung {
    width: 520px;
    margin-left: auto;
    margin-right: auto;
  }

  .milka-bastelanleitung a img {
    height: auto;
  }
  .milka-bastelanleitung img {
    display: block;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

}

@media only screen and (max-width: 480px) {
  .milka-bastelanleitung img {
    max-width: 300px;
  }
}

@media only screen and (max-width: 320px) {
    .milka-bastelanleitung img {
      max-width: 280px;
    }
}




/* < 980 */

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

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

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



  .section-schokohaus-bastelanleitungen .anleitungen-wrapper {

    flex-direction: column;
    justify-content: center;
  }

  .anleitungen-wrapper {
    margin-bottom: 3.75rem;
  }

  .milka-bastelanleitung {
    width: 320px;
    margin-left: auto;
    margin-right: auto;
  }

  .milka-bastelanleitung + .milka-bastelanleitung {
    margin-top: 5rem;
  }

  .milka-bastelanleitung a img {
    height: 30px;
  }


  .section-schokohaus-mitmachen .so-gehts {
    margin-left: 1.25rem;
  }

}


/* section-schokohaus-so-einfach */
.section-schokohaus-so-einfach .section-content {
  padding-top: 2rem;
}
@media only screen and (min-width: 1120px) {
  .section-schokohaus-so-einfach .section-content {
    padding-top: 5rem;
  }

}

/*   So geht's */
.so-gehts {
  display: flex;
  flex-direction: row;
  justify-content: center;

  margin-top: 3.75rem;
}

.so-gehts .so-gehts-step {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  width: 250px;
  /*padding-top: 150px;*/
  background-repeat: no-repeat;
  text-align: center;
}
.so-gehts .so-gehts-step img {
  margin-bottom: 15px;
}

.so-gehts-step p {
  margin-top: 0;
  line-height: 1.25;
}


@media only screen and (max-width: 991px) {
  .so-gehts {
    flex-direction: column;
  }

  .so-gehts .so-gehts-step {
    margin-left: auto;
    margin-right: auto;
  }
  .so-gehts .so-gehts-step img {
    margin-top: 20px;
  }

  .so-gehts .so-gehts-step + .so-gehts-step {
    margin-top: 2.5rem;
  }
}


/* ******************************* */
/*     Announcement-Seite          */
/* ******************************* */

.section-schokohaus-announcement {
  position: relative;
  z-index: 100;
}

.section-schokohaus-announcement p {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.section-schokohaus-announcement .button-wrapper {
  display: flex;
  justify-content: center;
}

.section-schokohaus-announcement img.product-range {
  /*display: block;*/
  margin-left: auto;
  margin-right: auto;
  /*margin-top: 80px;*/
}

.section-schokohaus-teilnehmen.announcement {
  margin-top: -70px;
}

.section-schokohaus-teilnehmen.announcement .section-content {
  min-height: 260px;
}


/* *************************** */
/*     Danke-Seite             */
/* *************************** */
.infospalten-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 3.75rem;
}

.infospalte {
  display: flex;
  flex-direction: column;
  width: 380px;
  background-color: white;
  margin-left: 0.625rem;
  margin-right: 0.625rem;

  border-radius: 8px;
}

.infospalte .infospalte-content {
  padding: 1.25rem;
}

.infospalte p {
  color: #3B2774;
}
.infospalte p.headline {
  margin-top: 0;
}
.infospalte p.copy {
  font-size: 1.25rem;
}

.infospalte img {
  width: 380px;
  height: 238px;
}



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

  .infospalten-wrapper {
    flex-direction: column;
  }

  .infospalte {
    align-self: center;
  }
  .infospalte + .infospalte {
    margin-top: 60px;
  }
}

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

  .infospalte {
    width: 300px;
  }

  .infospalte img {
    width: 100%;
    height: auto;
  }

}