@font-face {
    font-family: "StashBold";
    src:url("../../fonts/StashBold-587d0889579813095305631c72c36458.otf") format("opentype");

}

@font-face {
    font-family: "Loerrach-Heavy";
    src:url("../../fonts/Loerrach-Heavy-4b5db012a5f9d61b37ff738a96ba810e.otf") format("opentype");

}

@font-face {
    font-family: "Gobold Bold";
    src:url("../../fonts/GoboldBold-0e198a99a96948851d3565f8be7b710f.otf") format("opentype");

}




.milka-logo {
    position: absolute;
    left: 20px;
    top: 20px;
}

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

.section-content {
    position: relative;
}

/* provisorisches css */
body {
    margin: 0;
    padding: 0;
}
body, ul, a {
    color: #fff;
}

.milka-content h1,
.milka-content h2,
.milka-content h3,
.milka-content h4,
.milka-content h5 {

  /*font-family: 'GoodHeadlinePro';*/
  /*font-family: "Gobold Lowplus";*/
  font-family: "Loerrach-Heavy";
  font-style: normal;
  font-weight: 400;

  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;

  color: #FFFFFF;
}

.milka-content h1,
.milka-content h2 {

    font-size: 3.75rem /*60px;*/
}
.text-lilac .milka-content h1,
.text-lilac .milka-content h2,
.text-lilac .milka-content h3,
.text-lilac .milka-content h4,
.text-lilac .milka-content h5,
.milka-content .text-lilac h1,
.milka-content .text-lilac h2,
.milka-content .text-lilac h3,
.milka-content .text-lilac h4,
.milka-content .text-lilac h5 {
  color: #3B2774;
}


.milka-content span.headline-blau {

    /* Alpine Blue */
    color: #8BD1F0;
    text-transform: none;

    font-family: 'StashBold';
    /*font-style: italic;*/
    font-style: normal;
    font-weight: 400;
}
.milka-content span.headline-blau.gold {
  color: #D3B565;
}
.milka-content span.headline-blau.standard-color {
  color: inherit;
}
.milka-content h2 span.headline-blau {

  /*font-size: 50px;*/
  font-size: 4.0625rem; /*65px;*/
}
.milka-content h4 span.headline-blau {
  font-size: 2.8125rem; /*45px;*/
}

.milka-content h3 {
    font-size: 2.5rem;
}
.text-lilac .milka-content h3 {
  color: #3B2774;
}


.milka-content h4 {
  font-size: 1.875rem; /*30px;*/
}
.text-lilac .milka-content h4 {
  color: #3B2774;
}


.milka-content p,
.milka-content a,
.milka-content li {

    font-family: 'GoodHeadlinePro';
    font-style: normal;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.5;
    text-align: center;

    color: #FFFFFF;
}
.text-lilac .milka-content p,
.text-lilac .milka-content a,
.text-lilac .milka-content li,
.text-lilac .milka-content label,
.milka-content .text-lilac  p,
.milka-content .text-lilac a,
.milka-content .text-lilac li,
.milka-content .text-lilac label {
  color: #3B2774;
}


.milka-content p.small-text {
  font-size: 1.25rem; /*20px;*/
}

.milka-content .text-align-left h1,
.milka-content h1.text-align-left,
.milka-content .text-align-left h2,
.milka-content h2.text-align-left,
.milka-content .text-align-left h3,
.milka-content h3.text-align-left,
.milka-content .text-align-left h4,
.milka-content h4.text-align-left,
.milka-content .text-align-left p,
.milka-content p.text-align-left {
  text-align: left;
}

.is-mobile .milka-content h1,
.is-mobile .milka-content h2,
.is-mobile .milka-content h3,
.is-mobile .milka-content h4,
.is-mobile .milka-content p {
    margin-left: 0.625rem; /*10px;*/
    margin-right: 0.625rem;
}

.capitalize {
    text-transform: uppercase;
}



/* Button */
.button.is-secondary.w-button.blue {
    /* color: #3b2774; */
    background-color: #8BD1F0;
    border: 3px solid #8BD1F0;
}

/* Button */
.button.is-secondary.w-button.lilac {
    color: #fff;
    background-color: #7D69AC;
    border: 3px solid #7D69AC;
}
.button.is-secondary.w-button.dark-lilac {
    color: #fff;
    background-color: #3B2774;
    border: 3px solid #3B2774;
}

.schmuck {
    position: absolute;
}


.fullWidthVideo button::before {
  background-color: rgb(255 255 255);
  opacity: .5;
  height: 105px;
  left: calc(50% - 2px);
  top: calc(50% - 2px);
  width: 105px;
}




/* top text */
.top-text {
    padding-top: 3.125rem; /*50px;*/
    padding-bottom: 1.875rem; /*30px;*/
}
.top-text h1 {
    margin-bottom: 0.625rem; /*10px;*/
}

.top-text p {
    max-width: 760px; /* 920 */
    margin-left: auto;
    margin-right: auto;
}


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




.page-wrapper-footer {
    padding-top: 80px;
    /*padding-top: 150px;*/
}

@media only screen and (max-width: 767px) {
    .page-wrapper-footer {
        padding-top: 50px;
    }

    a.tic-toc {
        position: relative;
        left: 50%;
    }
}

.padding-xxlarge {
    padding-top: 3rem;
}

/* ******************** */
/* Cookie Policy styles */
.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h5,
.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h6,
.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy li,
.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy p,
.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a,
.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span,
.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td,
.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description {
    color: #ffffff;
}

.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group {
    color: #ffffff;
}

.cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy th {
    color: #ffffff;
    background-color: #7d69ac;
}


/* (dunkel) lila text : #3B2774 */
.text-lilac .cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h5,
.text-lilac .cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h6,
.text-lilac .cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy li,
.text-lilac .cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy p,
.text-lilac .cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a,
.text-lilac .cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span,
.text-lilac .cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td,
.text-lilac .cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description {
  color: #3B2774;
}

.text-lilac .cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group {
  color: #3B2774;
}

.text-lilac .cookie-page__content #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy th {
  /*color: #ffffff;
  background-color: #7d69ac;*/
}

.text-lilac #ot-sdk-cookie-policy h3#cookie-policy-title {
  color: #3B2774;
}



/* YT */
.milka-yt {
  position: relative;
}
.preview-play-button {
/*  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;*/
}




@media (min-width: 768px){
  .md\:left-\[calc\(50\%-\(-4px\)\)\] {
    left: calc(50% + 4px);
  }
}

@media (min-width: 768px){
.md\:top-\[calc\(50\%-2px\)\] {
  top: calc(50% - 2px);
}
}

.justify-center {
  justify-content: center;
}
.items-center {
  align-items: center;
}
.cursor-pointer {
  cursor: pointer;
}
.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
}
.translate-x-\[-50\%\], .translate-y-\[-50\%\] {
  transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
}
.w-\[40px\] {
  width: 40px;
}
.h-\[55px\] {
  height: 55px;
}
.flex {
  display: flex;
}
.top-\[calc\(50\%-9px\)\] {
  top: calc(50% - 9px);
}
.left-\[calc\(50\%-4px\)\] {
  left: calc(50% - 4px);
}
.absolute {
  position: absolute;
}
img {
  outline: none;
}
img, video {
  height: auto;
  max-width: 100%;
}
audio, canvas, embed, iframe, img, object, svg, video {
  display: block;
  vertical-align: middle;
}