.milka-content h5,
.milka-content .h5-lookalike {

  font-family: 'GoodHeadlinePro';
  font-weight: 700;
  font-size: 1.5rem;
  text-transform: unset;

}

.show-on-mobile {
   display: none;
}
body.mobile .show-on-mobile {
  display: block;
}

.hide-on-mobile {
  display: block;
}
body.mobile  .hide-on-mobile {
  display: none;
}

.milka-content .milka-section .no-bottom-space,
.milka-content .milka-section .no-bottom-space > *:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

.milka-content .milka-section .no-top-space,
.milka-content .milka-section .no-top-space > *:first-child,
.milka-content .milka-section .no-top-space > *:first-child > *:first-child,
.milka-content .milka-section .no-top-space > *:first-child > *:first-child > *:first-child {
  padding-top: 0;
  margin-top: 0;
}

.bottom-overlap-20 {
  margin-bottom: -20px;
}

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

  .milka-content .milka-section .no-top-space-mobile,
  .milka-content .milka-section .no-top-space-mobile > *:first-child,
  .milka-content .milka-section .no-top-space-mobile > *:first-child > *:first-child,
  .milka-content .milka-section .no-top-space-mobile > *:first-child > *:first-child > *:first-child,
  xx.milka-content .milka-section.no-top-space-mobile,
  xx.milka-content .milka-section.no-top-space-mobile > *:first-child,
  xx.milka-content .milka-section.no-top-space-mobile > *:first-child > *:first-child,
  xx.milka-content .milka-section.no-top-space-mobile > *:first-child > *:first-child > *:first-child {
    padding-top: 0;
    margin-top: 0;
  }
}


/* *** HEADER *** */
.header-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
}

.header-logo-wrapper {
  position: relative;
}

.header-milka-logo {
  position: relative;
  margin-top: 10px;
  margin-left: 60px;
}
.is-mobile .header-milka-logo {
  margin-left: auto;
  margin-right: auto;

  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}


body > video {
  width: 100%;
}


.page-cookie-policy .milka-content {
  background-image: none;
}

@media only screen and (max-width: 991px) {
  br.desktop {
      display: none;
  }
}

/* mobile wobbly */
.wrapgrid {
  overflox-x: hidden;
}
body, html {
  overflow-x: hidden !important;
  width: 100vw;
}


/* ********************** */
/* reset button / wrapper */
.button-wrapper .mitmachen-header-button {
  position: relative;
  top: unset;
  margin-top: 1.25rem;
}

/* ***  DANKE *** */
#thank-you {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}


/* ********* */
/*   Intro   */
.ul-gewinne {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}
.ul-gewinne li {
  text-align: left;
}

@media only screen and (max-width: 991px) {
  .milka-content .section-content .intro-slim-mobile {
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
  }
}


/* Mood-Img, 3-teilig */

/* generics */
img.full-width-img {
  width: 100%;
  height: auto;
}

.mobile-only {
  display: block;
}
.desktop-only {
  display: none;
}

@media only screen and (min-width: 992px) {
  .mobile-only {
    display: none;
  }
  .desktop-only {
    display: block;
  }
}

/*
.mobile-img {
  display: block;
}
.desktop-img {
  display: none;
}
@media only screen and (min-width: 992px) {
  .mobile-img {
    display: none;
  }
  .desktop-img {
    display: block;
  }
}
*/

/* make it fit */
.section-content.section-content-full-width {
  width: 100%;
  max-width: 1440px;
}


.schokohaus-mood-slider {
  margin-top: 1.25rem;
}
.schokohaus-mood-slider h2 {
  margin-bottom: 2.5rem;
}

@media only screen and (min-width: 992px) {
  .schokohaus-mood-slider {
    margin-top: 100px;
  }
  .schokohaus-mood-slider h2 {
    margin-bottom: unset;
  }
}

.schokohaus-mood-slider p {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.mood-width-chocolate {
  margin-left: -15px;
  margin-right: -15px;
}
@media only screen and (min-width: 1441px) {

  .mood-width-chocolate {

    margin-left: -110px;
    margin-right: -110px;
  }
}




/* *** VIDEO */
a video,
video {
  width:100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  xxx-max-height: 1040px;
  object-fit: cover;
}




  /* *********** */
  /* milka-grids */
.milka-grid {
  display: flex;
  flex-direction: row;
}
.milka-grid.single-column {
  flex-direction: column;
}
.milka-grid.single-column img {
  margin-left: auto;
  margin-right: auto;
}


.milka-grid > div {
    margin: 0px 0.3125rem 0.3125rem 0.3125rem; /* 5px */
}


.grid-box {
    display: flex;
    flex-direction: column;
    background-repeat: no-repeat;
}

.grid-box p {
    font-size: 1.25rem;
}

.grid-box h3,
.grid-box p{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.newsletter-kaufenbei-grid {
  margin-top: 1.25rem;
}

.newsletter-kaufenbei-grid > .grid-box {
  border: 4px solid #fff;
  border-radius: 8px;
  /* padding: 260px 0.625rem 1rem 0.625rem; 260px 10px 16px 10px */
  padding: 0 0 1rem 0;
}

.grid-box .grid-box-header img {
  border-radius: 4px 4px 0 0;
  margin-bottom: 1.5rem;
}

/* 1100 - (4*5) = 1080 */
.grid-box.newsletter {
  width: 364px; /* 378 */
}
.grid-box.leben-zarter {
  width: 716px; /*758;*/
}

.kaufen-bei-grid {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.milka-grid.kaufen-bei-grid > a > img {
  display: block;
  margin-top: 0.5rem;
}


@media only screen and (max-width: 1140px) { /* 1100 ? */
    .newsletter-kaufenbei-grid {
      flex-direction: column;
    }

    .grid-box.newsletter {
      margin-left: auto;
      margin-right: auto;

      margin-bottom: 1.25rem;

    }
    .grid-box.leben-zarter {
      width: 696px;
      margin-left: auto;
      margin-right: auto;
    }

}

  @media only screen and (max-width: 979px) { /* 1100 ? */

    /*.grid-box.leben-zarter {
      width: 100%;
      background-position: top center;
    }*/

    .milka-grid.kaufen-bei-grid > a > img {
      margin-top: 0px;
    }

    .milka-grid.kaufen-bei-grid > a + a > img {
      margin-top: 8px;
    }

    .newsletter-kaufenbei-grid > .grid-box {
      width: 325px;
      background-position: top center;
    }

    .kaufen-bei-grid {
      justify-content: center;
    }

  }
}

/* Formular */
input[type="date"]:required:invalid {
  border: 1px solid red;
}