@charset "UTF-8";
@font-face {
  font-family: "TeleGrotesk";
  src: url("../fonts/TeleGroteskNormal.eot?#iefix");
  src: url("../fonts/TeleGroteskNormal.eot?#iefix") format("eot"), url("../fonts/TeleGroteskNormal.woff") format("woff"), url("../fonts/TeleGroteskNormal.ttf") format("truetype"); }

@font-face {
  font-family: "TeleGroteskFett";
  src: url("../fonts/TeleGroteskFett.eot?#iefix");
  src: url("../fonts/TeleGroteskFett.eot?#iefix") format("eot"), url("../fonts/TeleGroteskFett.woff") format("woff"), url("../fonts/TeleGroteskFett.ttf") format("truetype"); }

@font-face {
  font-family: "TeleGroteskHalbfett";
  src: url("../fonts/TeleGroteskHalbfett.eot?#iefix");
  src: url("../fonts/TeleGroteskHalbfett.eot?#iefix") format("eot"), url("../fonts/TeleGroteskHalbfett.woff") format("woff"), url("../fonts/TeleGroteskHalbfett.ttf") format("truetype"); }

@font-face {
  font-family: "TeleGroteskUltra";
  src: url("../fonts/TeleGroteskUltra.eot?#iefix");
  src: url("../fonts/TeleGroteskUltra.eot?#iefix") format("eot"), url("../fonts/TeleGroteskUltra.woff") format("woff"), url("../fonts/TeleGroteskUltra.ttf") format("truetype"); }

@font-face {
  font-family: "TeleGroteskHeadline-Regular";
  src: url("../fonts/TeleGroteskHeadline-Regular.eot?#iefix");
  src: url("../fonts/TeleGroteskHeadline-Regular.eot?#iefix") format("eot"), url("../fonts/TeleGroteskHeadline-Regular.woff") format("woff"), url("../fonts/TeleGroteskHeadline-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "TeleGroteskHeadline-Ultra";
  src: url("../fonts/TeleGroteskHeadline-Ultra.eot?#iefix");
  src: url("../fonts/TeleGroteskHeadline-Ultra.eot?#iefix") format("eot"), url("../fonts/TeleGroteskHeadline-Ultra.woff") format("woff"), url("../fonts/TeleGroteskHeadline-Ultra.ttf") format("truetype"); }

@font-face {
  font-family: "TeleLogo";
  src: url("../fonts/TeleLogo.eot?#iefix");
  src: url("../fonts/TeleLogo.eot?#iefix") format("eot"), url("../fonts/TeleLogo.woff") format("woff"), url("../fonts/TeleLogo.ttf") format("truetype"); }

@font-face {
  font-family: "TeleIconfont";
  src: url("../fonts/Tele_Iconfont.eot?#iefix");
  src: url("../fonts/Tele_Iconfont.eot?#iefix") format("eot"), url("../fonts/Tele_Iconfont.woff") format("woff"), url("../fonts/Tele_Iconfont.ttf") format("truetype"); }

.cu-magic {
  background: #e30074;
  /*width:100%;
  min-height:1000px;*/
  padding-bottom: 100px; }
  .cu-magic__wrapper {
    max-width: 1452px;
    margin-left: auto;
    margin-right: auto; }
    .cu-magic__wrapper:after {
      content: " ";
      display: block;
      clear: both; }
    .cu-magic__wrapper:after {
      display: block;
      clear: both;
      content: ''; }
  .cu-magic__start {
    width: 66.1157024793%;
    float: left;
    margin-right: 1.652892562%;
    margin: 0 auto 100px;
    float: none; }
    @media (min-width: 0) and (max-width: 1024px) {
      .cu-magic__start {
        width: 84%;
        margin: 0 8% 100px;
        float: none;
        /*margin-left:auto;
      margin-right:auto;*/
        padding-top: 41px; } }
    @media (min-width: 0) and (max-width: 768px) {
      .cu-magic__start {
        width: 84%;
        margin: 0 8% 100px; } }
    .cu-magic__start__headline {
      font-family: "TeleGroteskHeadline-Ultra";
      color: #FFFFFF;
      text-align: center;
      font-size: 52px;
      line-height: 52px;
      letter-spacing: -1.28px; }
      @media (min-width: 0) and (max-width: 768px) {
        .cu-magic__start__headline {
          font-size: 22px;
          line-height: 24px;
          letter-spacing: normal; } }
    .cu-magic__start__swiper {
      position: relative;
      overflow: hidden; }
    .cu-magic__start__items {
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: baseline; }
      @media (min-width: 0) and (max-width: 768px) {
        .cu-magic__start__items {
          transition-property: transform, -webkit-transform;
          justify-content: normal; } }
    .cu-magic__start__item {
      text-align: center; }
      @media (min-width: 0) and (max-width: 768px) {
        .cu-magic__start__item {
          transition-property: transform, -webkit-transform;
          flex-shrink: 0;
          padding: 10% 20%; } }
      .cu-magic__start__item__icon img {
        width: 100%;
        height: auto; }
        @media (min-width: 0) and (max-width: 768px) {
          .cu-magic__start__item__icon img {
            width: auto;
            max-width: 100%; } }
      .cu-magic__start__item__text {
        color: #FFFFFF;
        font-family: "TeleGrotesk";
        font-size: 19px;
        line-height: 26px;
        padding: 5%; }
        @media (min-width: 0) and (max-width: 768px) {
          .cu-magic__start__item__text {
            font-size: 16px;
            line-height: 18px; } }
  .cu-magic__shop {
    width: 66.1157024793%;
    float: left;
    margin-right: 1.652892562%;
    margin-left: 16.9421487603%;
    float: none;
    padding-top: 120px;
    margin-bottom: 100px;
    position: relative; }
    @media (min-width: 0) and (max-width: 1024px) {
      .cu-magic__shop {
        width: 84%;
        float: none;
        margin-left: auto;
        margin-right: auto;
        padding-top: 54px; } }
    @media (min-width: 0) and (max-width: 768px) {
      .cu-magic__shop {
        width: 84%;
        margin: 0 8% 16%; } }
    .cu-magic__shop__headline {
      font-family: "TeleGroteskHeadline-Ultra";
      color: #FFFFFF;
      font-size: 52px;
      line-height: 52px;
      text-align: center;
      letter-spacing: -1.28px; }
      @media (min-width: 0) and (max-width: 768px) {
        .cu-magic__shop__headline {
          font-size: 22px;
          line-height: 24px;
          letter-spacing: normal; } }
    .cu-magic__shop__product:after {
      display: block;
      clear: both;
      content: ''; }
    .cu-magic__shop__product__image {
      width: 48.75%;
      float: left;
      margin-right: 2.5%;
      margin-left: 5.6473829201%; }
      .cu-magic__shop__product__image img {
        width: 100%;
        height: auto; }
      @media (min-width: 0) and (max-width: 768px) {
        .cu-magic__shop__product__image {
          width: 100%;
          float: none;
          margin: 0; } }
    .cu-magic__shop__product__text {
      width: 40.2083333333%;
      float: right;
      margin-right: 0;
      color: #FFFFFF;
      padding-top: 100px; }
      @media (min-width: 0) and (max-width: 768px) {
        .cu-magic__shop__product__text {
          width: auto;
          float: none;
          padding-top: 0;
          text-align: center; } }
      .cu-magic__shop__product__text__headline {
        font-family: "TeleGroteskHeadline-Ultra";
        font-size: 32px;
        line-height: 32px; }
        @media (min-width: 0) and (max-width: 768px) {
          .cu-magic__shop__product__text__headline {
            font-size: 20px;
            line-height: 20px;
            margin-bottom: 15px;
            letter-spacing: normal; } }
      .cu-magic__shop__product__text__subline {
        font-family: "TeleGroteskFett";
        font-size: 23px;
        line-height: 28px; }
        @media (min-width: 0) and (max-width: 768px) {
          .cu-magic__shop__product__text__subline {
            font-size: 16px;
            line-height: 16px; } }
      .cu-magic__shop__product__text__bullets {
        position: relative; }
        @media (min-width: 0) and (max-width: 768px) {
          .cu-magic__shop__product__text__bullets {
            max-width: 36%;
            margin: auto;
            display: flex;
            flex-direction: column; }
            .cu-magic__shop__product__text__bullets:before, .cu-magic__shop__product__text__bullets:after {
              display: block;
              content: '';
              flex-grow: 1; }
            .cu-magic__shop__product__text__bullets img {
              width: 100%;
              height: auto; } }
        @media screen and (max-width: 420px) {
          .cu-magic__shop__product__text__bullets {
            max-width: 50%;
            margin: auto; } }
        .cu-magic__shop__product__text__bullets ul {
          padding-left: 20px; }
          .cu-magic__shop__product__text__bullets ul li {
            margin: auto;
            font-family: "TeleGrotesk";
            font-size: 21px;
            line-height: 28px;
            text-align: left; }
            @media (min-width: 0) and (max-width: 768px) {
              .cu-magic__shop__product__text__bullets ul li {
                font-size: 16px;
                line-height: 18px; } }
    .cu-magic__shop__button {
      text-align: center;
      margin-top: 25px;
      position: relative; }
      .cu-magic__shop__button:before {
        position: absolute;
        content: '';
        display: block;
        top: 80px;
        left: 50%;
        transform: translate(-50%, 0);
        background-image: url("../img/shadow-button.png");
        width: 237px;
        height: 21px; }
      .cu-magic__shop__button a, .cu-magic__shop__button a:visited, .cu-magic__shop__button a:focus, .cu-magic__shop__button a:link {
        border: 1px solid #FFFFFF;
        text-transform: uppercase;
        background: #FFFFFF;
        border-radius: 4px;
        color: #e30074;
        padding: 17px 100px;
        text-decoration: none;
        font-family: "TeleGroteskHeadline-Ultra";
        font-size: 24px;
        line-height: 30px;
        position: relative;
        display: inline-block;
        transition: all 0.2s ease-in-out; }
        @media (min-width: 0) and (max-width: 425px) {
          .cu-magic__shop__button a, .cu-magic__shop__button a:visited, .cu-magic__shop__button a:focus, .cu-magic__shop__button a:link {
            padding: 17px 75px; } }
        .cu-magic__shop__button a:before, .cu-magic__shop__button a:visited:before, .cu-magic__shop__button a:focus:before, .cu-magic__shop__button a:link:before {
          background: url("../img/bigarrow.png");
          position: absolute;
          left: 0;
          top: 0;
          transform: translate(-120%, -50%);
          width: 214px;
          height: 121px;
          content: ''; }
          @media (min-width: 0) and (max-width: 768px) {
            .cu-magic__shop__button a:before, .cu-magic__shop__button a:visited:before, .cu-magic__shop__button a:focus:before, .cu-magic__shop__button a:link:before {
              background: url("../img/bigarrow-mobile.png");
              width: 103px;
              height: 140px;
              transform: translate(-45%, -110%); } }
      .cu-magic__shop__button a:hover {
        background: none;
        color: white;
        transition: all 0.2s ease-in-out; }
    .cu-magic__shop:after {
      display: block;
      clear: both;
      content: ''; }
    .cu-magic__shop__stoerer {
      position: absolute;
      right: 0px;
      bottom: 0px; }
  .cu-magic__setupvideo {
    width: 66.1157024793%;
    float: left;
    margin-right: 1.652892562%;
    margin-left: 16.9421487603%;
    position: relative; }
    @media (min-width: 0) and (max-width: 1024px) {
      .cu-magic__setupvideo {
        width: 84%;
        float: none;
        margin-left: auto;
        margin-right: auto; } }
    @media (min-width: 0) and (max-width: 768px) {
      .cu-magic__setupvideo {
        width: 84%;
        /*padding:8% 4%;
      margin:0 8%;*/ } }
    .cu-magic__setupvideo iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .cu-magic__setupvideo .how-to-video {
      visibility: hidden;
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      cursor: pointer; }
      .cu-magic__setupvideo .how-to-video:before {
        content: '';
        display: block;
        padding-bottom: 56.25%; }
    .cu-magic__setupvideo .how-to-overlay {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0; }
      .cu-magic__setupvideo .how-to-overlay img {
        width: 100%;
        height: auto; }
      .cu-magic__setupvideo .how-to-overlay.playbutton:after {
        background: url("../img/button_play.png") no-repeat;
        background-size: contain;
        max-width: 156px;
        width: 8.125vw;
        height: 5.6770833333vw;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        content: '';
        opacity: 0.8;
        transition: all 0.2s ease-in-out;
        cursor: pointer; }
      .cu-magic__setupvideo .how-to-overlay.loading:after {
        background: url("../img/loading.gif") no-repeat;
        background-size: contain;
        max-width: 180px;
        width: 7.8125vw;
        height: 7.8125vw;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        content: '';
        opacity: 0.8;
        transition: all 0.2s ease-in-out;
        cursor: pointer; }
  .cu-magic__setup {
    border-radius: 4px;
    border: 1px solid #FFFFFF;
    width: 66.1157024793%;
    float: left;
    margin-right: 1.652892562%;
    margin-left: 16.9421487603%;
    padding: 48px 80px; }
    @media (min-width: 0) and (max-width: 1024px) {
      .cu-magic__setup {
        width: 84%;
        float: none;
        margin-left: auto;
        margin-right: auto; } }
    @media (min-width: 0) and (max-width: 768px) {
      .cu-magic__setup {
        width: 84%;
        padding: 8% 4%;
        margin: 0 8%; } }
    .cu-magic__setup__headline {
      font-family: "TeleGroteskHeadline-Ultra";
      color: #FFFFFF;
      font-size: 42px;
      line-height: 52px;
      text-align: center;
      margin-bottom: 40px;
      text-transform: uppercase;
      letter-spacing: -1.28px; }
      @media (min-width: 0) and (max-width: 768px) {
        .cu-magic__setup__headline {
          margin-bottom: 0;
          font-size: 21px;
          line-height: 26px;
          letter-spacing: normal; } }
    .cu-magic__setup__swiper {
      position: relative;
      overflow: hidden; }
    .cu-magic__setup__items {
      display: flex;
      justify-content: center;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: baseline; }
      @media (min-width: 0) and (max-width: 768px) {
        .cu-magic__setup__items {
          transition-property: transform, -webkit-transform;
          justify-content: normal;
          /*padding:50px 0;*/ } }
    .cu-magic__setup__item {
      width: 25%; }
      @media (min-width: 0) and (max-width: 768px) {
        .cu-magic__setup__item {
          transition-property: transform, -webkit-transform;
          flex-shrink: 0;
          padding: 10%; } }
      .cu-magic__setup__item__icon img {
        width: 100%;
        height: auto; }
      .cu-magic__setup__item__text {
        color: #FFFFFF;
        font-family: "TeleGrotesk";
        font-size: 19px;
        line-height: 26px;
        padding: 5%;
        text-align: center; }
        @media (min-width: 0) and (max-width: 768px) {
          .cu-magic__setup__item__text {
            font-size: 16px;
            line-height: 18pxx; } }
  .cu-magic .swiper-button-next, .cu-magic .swiper-button-prev, .cu-magic .swiper-pagination {
    display: none; }
    @media (min-width: 0) and (max-width: 768px) {
      .cu-magic .swiper-button-next, .cu-magic .swiper-button-prev, .cu-magic .swiper-pagination {
        display: block; } }
  .cu-magic .swiper-button-next {
    background-image: url("../img/icon-slider-right-white.svg");
    width: 14px;
    height: 25px;
    background-size: 14px 25px;
    margin-top: -25px; }
  .cu-magic .swiper-button-prev {
    background-image: url("../img/icon-slider-left-white.svg");
    width: 14px;
    height: 25px;
    background-size: 14px 25px;
    margin-top: -25px; }
  .cu-magic .cu-magic__start .swiper-pagination-bullet {
    background: #f182bb;
    opacity: 1; }
    .cu-magic .cu-magic__start .swiper-pagination-bullet-active {
      background: #7d0645;
      opacity: 1; }
  .cu-magic .cu-magic__setup .swiper-pagination-bullet {
    background: #f182bb;
    opacity: 1; }
    .cu-magic .cu-magic__setup .swiper-pagination-bullet-active {
      background: #7d0645;
      opacity: 1; }

.cu-more {
  background-image: url("../img/more-bg.jpg");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 29.0104166667vw;
  color: #FFFFFF;
  text-align: center; }
  @media (min-width: 0) and (max-width: 768px) {
    .cu-more {
      background-image: url("../img/more-bg-mobile.jpg");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      min-height: 70.6666666667vw; } }
  .cu-more__wrapper {
    max-width: 1452px;
    margin-left: auto;
    margin-right: auto; }
    .cu-more__wrapper:after {
      content: " ";
      display: block;
      clear: both; }
  .cu-more__container {
    width: 66.1157024793%;
    float: left;
    margin-right: 1.652892562%;
    margin-left: 16.9421487603%;
    padding: 5.2083333333vw 0 5.2083333333vw; }
    @media (min-width: 0) and (max-width: 768px) {
      .cu-more__container {
        width: 84%;
        margin: 0 8%;
        padding: 20vw 0 20vw; } }
  .cu-more__headline {
    font-family: "TeleGroteskHeadline-Ultra";
    font-size: 52px;
    line-height: 52px;
    margin-bottom: 40px;
    letter-spacing: -1.28px; }
    @media (min-width: 0) and (max-width: 768px) {
      .cu-more__headline {
        font-size: 22px;
        line-height: 24px;
        padding: 0 15%;
        letter-spacing: normal; } }
  .cu-more__text {
    font-family: "TeleGrotesk";
    font-size: 25px;
    line-height: 36px;
    margin-bottom: 46px; }
    @media (min-width: 0) and (max-width: 768px) {
      .cu-more__text {
        font-size: 16px;
        line-height: 18px;
        padding: 0 15%; } }
  .cu-more__button a, .cu-more__button a:visited, .cu-more__button a:link, .cu-more__button a:focus {
    display: inline-block;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    background: none;
    padding: 16px 60px;
    font-family: "TeleGroteskUltra";
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
    transition: all 0.2s ease-in-out; }
    .cu-more__button a:hover, .cu-more__button a:visited:hover, .cu-more__button a:link:hover, .cu-more__button a:focus:hover {
      background: #FFFFFF;
      color: #e30074;
      transition: all 0.2s ease-in-out; }
    @media (min-width: 0) and (max-width: 768px) {
      .cu-more__button a, .cu-more__button a:visited, .cu-more__button a:link, .cu-more__button a:focus {
        font-size: 16px;
        line-height: 18px; } }

.cu-realtalk {
  background: #876f57;
  /* Old browsers */
  background: -moz-linear-gradient(top, #bcaf9e 0%, #d8c4ac 80%, #bda58d 100%, #bda58d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #bcaf9e 0%, #d8c4ac 80%, #bda58d 100%, #bda58d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #bcaf9e 0%, #d8c4ac 80%, #bda58d 100%, #bda58d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcaf9e', endColorstr='#bda58d',GradientType=0 );
  /* IE6-9 */ }

.realtalk {
  width: 100%;
  overflow: hidden; }
  .realtalk__wrapper {
    max-width: 1452px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 64px; }
    .realtalk__wrapper:after {
      content: " ";
      display: block;
      clear: both; }
    @media (min-width: 0) and (max-width: 1024px) {
      .realtalk__wrapper {
        padding-top: 40px; } }
  .realtalk__intro {
    width: 66.1157024793%;
    float: left;
    margin-right: 1.652892562%;
    margin-left: 16.9421487603%;
    background-image: url("../img/depko.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    border-bottom: 1px solid #492b18;
    background-size: contain; }
    @media (min-width: 0) and (max-width: 1024px) {
      .realtalk__intro {
        width: 84%;
        margin: 0 8%;
        background: none; } }
    .realtalk__intro:after {
      display: block;
      content: '';
      clear: both; }
    .realtalk__intro__img {
      display: none; }
      @media (min-width: 0) and (max-width: 1024px) {
        .realtalk__intro__img {
          display: block;
          width: 90%;
          margin: auto; }
          .realtalk__intro__img img {
            width: 100%;
            height: auto;
            vertical-align: bottom; } }
    .realtalk__intro__text {
      width: 40.2083333333%;
      float: left;
      margin-right: 2.5%;
      margin: 60px 0 80px;
      float: left;
      color: #FFFFFF; }
      @media (min-width: 0) and (max-width: 1024px) {
        .realtalk__intro__text {
          width: 100%;
          margin: 0 0 30px 0; } }
      .realtalk__intro__text__headline {
        font-family: "TeleGroteskHeadline-Ultra";
        font-size: 60px;
        line-height: 60px;
        word-break: break-word;
        letter-spacing: -1.28px; }
        @media (min-width: 0) and (max-width: 768px) {
          .realtalk__intro__text__headline {
            text-align: center;
            font-size: 22px;
            line-height: 26px;
            letter-spacing: normal; } }
      .realtalk__intro__text p {
        font-family: "TeleGrotesk";
        font-size: 25px; }
        @media (min-width: 0) and (max-width: 768px) {
          .realtalk__intro__text p {
            text-align: center;
            font-size: 16px;
            line-height: 20px; } }
  .realtalk__recommendations {
    width: 66.1157024793%;
    float: left;
    margin-right: 1.652892562%;
    margin-left: 16.9421487603%;
    margin-top: 90px;
    margin-bottom: 90px;
    position: relative; }
    @media (min-width: 0) and (max-width: 1024px) {
      .realtalk__recommendations {
        width: 84%;
        margin: 8%; } }
    @media (min-width: 0) and (max-width: 768px) {
      .realtalk__recommendations {
        width: 100%;
        margin: 35px 0; } }
    .realtalk__recommendations__swiper {
      position: relative;
      overflow: hidden; }
    .realtalk__recommendations__headline {
      font-family: "TeleGroteskHeadline-Ultra";
      font-size: 60px;
      line-height: 60px;
      color: #FFFFFF;
      text-align: center;
      word-break: break-word;
      letter-spacing: -1.28px; }
      @media (min-width: 0) and (max-width: 768px) {
        .realtalk__recommendations__headline {
          font-size: 22px;
          line-height: 24px;
          letter-spacing: normal; } }
    .realtalk__recommendations__comments {
      display: flex;
      justify-content: center;
      flex-direction: row;
      flex-wrap: wrap; }
      .realtalk__recommendations__comments:after {
        display: block;
        clear: both;
        content: ''; }
      @media (min-width: 0) and (max-width: 768px) {
        .realtalk__recommendations__comments {
          transition-property: transform, -webkit-transform;
          flex-wrap: nowrap;
          justify-content: normal;
          padding: 28px 0 56px; } }
    .realtalk__recommendations__emoji-a {
      position: absolute;
      right: -45%;
      top: 40%; }
      @media (min-width: 0) and (max-width: 1024px) {
        .realtalk__recommendations__emoji-a {
          display: none; } }
      .realtalk__recommendations__emoji-a .ani-emoji-a {
        animation: ani-jump 1200ms ease-in infinite alternate;
        margin-bottom: 20px;
        position: relative; }
      .realtalk__recommendations__emoji-a .ani-sparkle2 {
        position: absolute;
        top: 40px;
        left: 70px;
        width: 70%; }
    .realtalk__recommendations__emoji-b {
      position: absolute;
      left: -40%;
      top: -25%; }
      @media (min-width: 0) and (max-width: 1024px) {
        .realtalk__recommendations__emoji-b {
          display: none; } }
      .realtalk__recommendations__emoji-b .ani-emoji-b {
        animation: ani-jump 1200ms ease-in infinite alternate;
        animation-delay: 600ms;
        margin-bottom: 20px;
        position: relative; }
      .realtalk__recommendations__emoji-b .ani-sparkle1 {
        position: absolute;
        top: -80px;
        left: 0;
        width: 100%; }
  .realtalk__comment {
    width: 31.6666666667%;
    float: left;
    margin-right: 2.5%;
    margin-top: 66px;
    float: none;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
    order: 0; }
    .realtalk__comment:nth-of-type(3) {
      width: 31.6666666667%;
      float: right;
      margin-right: 0;
      float: none;
      margin-right: 0; }
    @media (min-width: 0) and (max-width: 1024px) {
      .realtalk__comment {
        width: 48.75%;
        float: left;
        margin-right: 2.5%; }
        .realtalk__comment:nth-of-type(2n) {
          width: 48.75%;
          float: right;
          margin-right: 0; }
        .realtalk__comment:nth-of-type(3) {
          width: 48.75%;
          float: left;
          margin-right: 2.5%; } }
    @media (min-width: 0) and (max-width: 768px) {
      .realtalk__comment {
        transition-property: transform, -webkit-transform;
        margin-top: 0;
        padding: 0 14%; }
        .realtalk__comment:nth-of-type(2n) {
          float: none;
          margin: 0; }
        .realtalk__comment:nth-of-type(3) {
          float: none;
          margin: 0; }
        .realtalk__comment:after {
          display: block;
          clear: both;
          content: ''; } }
    .realtalk__comment__headline {
      font-family: "TeleGroteskUltra";
      font-size: 23px;
      line-height: 28px;
      text-align: center;
      color: #492b18; }
      .realtalk__comment__headline:after {
        width: 5%;
        border-bottom: 1px solid #492b18;
        display: block;
        content: '';
        margin: 10px auto; }
      @media (min-width: 0) and (max-width: 768px) {
        .realtalk__comment__headline {
          font-size: 20px;
          line-height: 22px;
          letter-spacing: normal; } }
    .realtalk__comment__text {
      font-family: "TeleGrotesk";
      font-size: 19px;
      line-height: 24px;
      text-align: center;
      color: #492b18; }
      @media (min-width: 0) and (max-width: 768px) {
        .realtalk__comment__text {
          font-size: 16px;
          line-height: 18px; } }
  .realtalk .swiper-button-next,
  .realtalk .swiper-button-prev,
  .realtalk .swiper-pagination {
    display: none; }
    @media (min-width: 0) and (max-width: 768px) {
      .realtalk .swiper-button-next,
      .realtalk .swiper-button-prev,
      .realtalk .swiper-pagination {
        display: block; } }
  .realtalk .swiper-button-next {
    background-image: url("../img/icon-slider-right-brown.svg");
    width: 14px;
    height: 25px;
    background-size: 14px 25px;
    margin-top: -25px;
    right: 4vw; }
  .realtalk .swiper-button-prev {
    background-image: url("../img/icon-slider-left-brown.svg");
    width: 14px;
    height: 25px;
    background-size: 14px 25px;
    margin-top: -25px;
    left: 4vw; }
  .realtalk .swiper-pagination-bullet {
    background: #dcd0c3;
    opacity: 1; }
    .realtalk .swiper-pagination-bullet-active {
      background: #604432;
      opacity: 1; }

.cu-tipp {
  max-width: 1452px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  margin-bottom: 100px; }
  .cu-tipp:after {
    content: " ";
    display: block;
    clear: both; }
  @media (min-width: 0) and (max-width: 768px) {
    .cu-tipp {
      margin-top: 40px;
      margin-bottom: 40px; } }
  .cu-tipp__wrapper {
    width: 66.1157024793%;
    float: left;
    margin-right: 1.652892562%;
    margin-left: 16.9421487603%; }
    @media (min-width: 0) and (max-width: 1024px) {
      .cu-tipp__wrapper {
        width: 84%;
        margin: 0 8%; } }
    @media (min-width: 0) and (max-width: 768px) {
      .cu-tipp__wrapper {
        width: 100%;
        margin: 0; } }
  .cu-tipp__header {
    width: 82.9166666667%;
    float: left;
    margin-right: 2.5%;
    margin-left: 5.6473829201%; }
    @media (min-width: 0) and (max-width: 768px) {
      .cu-tipp__header {
        width: 92%;
        margin: 0 4%; } }
    .cu-tipp__header__subline {
      color: #666262;
      font-family: "TeleGroteskHeadline-Ultra";
      font-size: 18px;
      margin-bottom: 25px;
      text-align: center; }
      .cu-tipp__header__subline:after {
        display: block;
        content: '';
        clear: both; }
      @media (min-width: 0) and (max-width: 768px) {
        .cu-tipp__header__subline {
          font-size: 14px;
          line-height: 15px;
          margin-bottom: 10px; } }
    .cu-tipp__header__headline {
      font-family: "TeleGroteskHeadline-Ultra";
      font-size: 52px;
      line-height: 52px;
      color: #000000;
      text-align: center;
      margin-bottom: 32px;
      letter-spacing: -1.28px; }
      .cu-tipp__header__headline:after {
        display: block;
        content: '';
        clear: both; }
      @media (min-width: 0) and (max-width: 768px) {
        .cu-tipp__header__headline {
          font-size: 22px;
          line-height: 26px;
          letter-spacing: normal; } }
    .cu-tipp__header:after {
      display: block;
      content: '';
      clear: both; }
  @media (min-width: 0) and (max-width: 768px) {
    .cu-tipp__tabs {
      width: 84%;
      margin: 0 8%; } }
  .cu-tipp__tabs__tab {
    margin-right: 0;
    width: 50%;
    float: left;
    border-bottom: 1px solid #d0d0d0;
    text-align: center;
    font-family: "TeleGrotesk";
    font-size: 20px;
    line-height: 22px;
    color: #0b0b0b;
    padding: 14px 0;
    cursor: pointer; }
    .cu-tipp__tabs__tab--active {
      border-bottom: 3px solid #e3007e;
      font-family: "TeleGroteskFett";
      color: #e30778; }

.android__swiper .swiper-container, .ios__swiper .swiper-container {
  width: 100%;
  padding: 70px 6.0416666667%; }
  @media (min-width: 0) and (max-width: 768px) {
    .android__swiper .swiper-container, .ios__swiper .swiper-container {
      padding: 35px 10%; } }
  .android__swiper .swiper-container .swiper-slide, .ios__swiper .swiper-container .swiper-slide {
    width: 82.9166666667%;
    float: left;
    margin-right: 2.5%;
    display: flex;
    align-items: center; }
    @media (min-width: 0) and (max-width: 768px) {
      .android__swiper .swiper-container .swiper-slide, .ios__swiper .swiper-container .swiper-slide {
        flex-direction: column;
        padding: 25px; } }
    .android__swiper .swiper-container .swiper-slide .slide__icon, .ios__swiper .swiper-container .swiper-slide .slide__icon {
      width: 14.5833333333%;
      float: left;
      margin-right: 2.5%; }
      @media (min-width: 0) and (max-width: 768px) {
        .android__swiper .swiper-container .swiper-slide .slide__icon, .ios__swiper .swiper-container .swiper-slide .slide__icon {
          width: 100%;
          float: none;
          margin: 0 0 20px 0;
          text-align: center; } }
      .android__swiper .swiper-container .swiper-slide .slide__icon img, .ios__swiper .swiper-container .swiper-slide .slide__icon img {
        width: 100%;
        height: auto; }
        @media (min-width: 0) and (max-width: 768px) {
          .android__swiper .swiper-container .swiper-slide .slide__icon img, .ios__swiper .swiper-container .swiper-slide .slide__icon img {
            width: 100%;
            height: auto;
            max-width: 122px; } }
    .android__swiper .swiper-container .swiper-slide .slide__text, .ios__swiper .swiper-container .swiper-slide .slide__text {
      width: 75%;
      margin-left: 4.8828125%; }
      @media (min-width: 0) and (max-width: 768px) {
        .android__swiper .swiper-container .swiper-slide .slide__text, .ios__swiper .swiper-container .swiper-slide .slide__text {
          width: 100%;
          margin: 0;
          float: none; } }
      .android__swiper .swiper-container .swiper-slide .slide__text__headline, .ios__swiper .swiper-container .swiper-slide .slide__text__headline {
        font-family: "TeleGroteskUltra";
        font-size: 23px;
        line-height: 32px;
        color: #444444;
        text-transform: uppercase; }
        @media (min-width: 0) and (max-width: 768px) {
          .android__swiper .swiper-container .swiper-slide .slide__text__headline, .ios__swiper .swiper-container .swiper-slide .slide__text__headline {
            font-size: 18px;
            line-height: 24px;
            text-align: center; } }
      .android__swiper .swiper-container .swiper-slide .slide__text__text, .ios__swiper .swiper-container .swiper-slide .slide__text__text {
        font-family: "TeleGrotesk";
        font-size: 19px;
        line-height: 32px; }
        @media (min-width: 0) and (max-width: 768px) {
          .android__swiper .swiper-container .swiper-slide .slide__text__text, .ios__swiper .swiper-container .swiper-slide .slide__text__text {
            font-size: 16px;
            line-height: 24px;
            text-align: center; } }
  .android__swiper .swiper-container .swiper-pagination-bullet, .ios__swiper .swiper-container .swiper-pagination-bullet {
    background: #ececec;
    opacity: 1; }
    .android__swiper .swiper-container .swiper-pagination-bullet:hover, .ios__swiper .swiper-container .swiper-pagination-bullet:hover {
      background: #ececec; }
    .android__swiper .swiper-container .swiper-pagination-bullet-active, .ios__swiper .swiper-container .swiper-pagination-bullet-active {
      background: #333333;
      opacity: 1; }
  .android__swiper .swiper-container .swiper-button-prev, .ios__swiper .swiper-container .swiper-button-prev {
    background-image: url("../img/icon-slider-left.svg"); }
    @media (min-width: 0) and (max-width: 768px) {
      .android__swiper .swiper-container .swiper-button-prev, .ios__swiper .swiper-container .swiper-button-prev {
        width: 14px;
        height: 25px;
        background-size: 14px 25px;
        margin-top: -25px; } }
  .android__swiper .swiper-container .swiper-button-next, .ios__swiper .swiper-container .swiper-button-next {
    background-image: url("../img/icon-slider-right.svg"); }
    @media (min-width: 0) and (max-width: 768px) {
      .android__swiper .swiper-container .swiper-button-next, .ios__swiper .swiper-container .swiper-button-next {
        width: 14px;
        height: 25px;
        background-size: 14px 25px;
        margin-top: -25px; } }

.ios__swiper {
  display: none; }

.cu-spark {
  max-width: 1452px;
  margin-left: auto;
  margin-right: auto;
  max-width: none;
  background: #f9f9f9;
  background: -moz-linear-gradient(65deg, #f9f9f9 0%, white 14%, whitesmoke 35%, whitesmoke 62%, whitesmoke 76%, whitesmoke 100%);
  background: -webkit-linear-gradient(65deg, #f9f9f9 0%, white 14%, whitesmoke 35%, whitesmoke 62%, whitesmoke 76%, whitesmoke 100%);
  background: linear-gradient(65deg, #f9f9f9 0%, white 14%, whitesmoke 35%, whitesmoke 62%, whitesmoke 76%, whitesmoke 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f9f9f9",endColorstr="#f5f5f5",GradientType=1);
  font-size: 10px; }
  .cu-spark:after {
    content: " ";
    display: block;
    clear: both; }
  .cu-spark__textwrap {
    width: 66.1157024793%;
    float: left;
    margin-right: 1.652892562%;
    position: relative;
    padding: 100px 0;
    max-width: 960px;
    margin: 0 auto;
    float: none; }
    @media (min-width: 0) and (max-width: 1024px) {
      .cu-spark__textwrap {
        width: 84%;
        margin: 0 8%;
        padding: 40px 0; } }
  .cu-spark__beacon {
    position: absolute;
    left: -20%;
    top: 50%;
    transform: translate(0, -50%); }
    @media (min-width: 0) and (max-width: 1024px) {
      .cu-spark__beacon {
        top: 60px;
        left: -40px;
        right: auto;
        display: none; } }
    .cu-spark__beacon .ani-beacon {
      animation: ani-jump 1200ms ease-in infinite alternate;
      margin-bottom: 70px; }
      @media (min-width: 0) and (max-width: 1024px) {
        .cu-spark__beacon .ani-beacon {
          display: none; } }
    .cu-spark__beacon .ani-heart {
      display: none;
      position: absolute;
      right: -50px;
      bottom: 50px;
      animation-delay: 170ms;
      animation: ani-scale-heart 1200ms ease-in infinite alternate;
      transform: translate(50%, 0); }
      @media (min-width: 0) and (max-width: 1024px) {
        .cu-spark__beacon .ani-heart {
          display: none; } }
    .cu-spark__beacon .ani-shadow {
      display: block;
      animation: ani-scale 1200ms ease-in infinite alternate; }
      @media (min-width: 0) and (max-width: 1024px) {
        .cu-spark__beacon .ani-shadow {
          display: none; } }
    .cu-spark__beacon .ani-beacon-mobile {
      display: none; }
      @media (min-width: 0) and (max-width: 1024px) {
        .cu-spark__beacon .ani-beacon-mobile {
          display: block; }
          .cu-spark__beacon .ani-beacon-mobile img {
            max-width: 30px; } }

@keyframes ani-jump {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-10px); } }

@keyframes ani-scale {
  0% {
    transform: scaleX(1); }
  100% {
    transform: scaleX(0.6); } }

@keyframes ani-scale-heart {
  0% {
    transform: scale3d(1, 1, 1); }
  100% {
    transform: scale3d(1.2, 1.2, 1.2); } }
  .cu-spark__emoji {
    position: absolute;
    right: -20%;
    top: 50%;
    transform: translate(0, -10%); }
    @media (min-width: 0) and (max-width: 1024px) {
      .cu-spark__emoji {
        display: none; } }
    .cu-spark__emoji .ani-emoji-spark {
      animation: ani-jump 1200ms ease-in-out infinite alternate;
      animation-delay: 600ms;
      margin-bottom: 20px; }
    .cu-spark__emoji .ani-shadow {
      display: block;
      animation: ani-scale 1200ms ease-in-out infinite alternate;
      animation-delay: 600ms; }
  .cu-spark__headline {
    font-family: "TeleGroteskHeadline-Ultra";
    font-size: 60px;
    line-height: 64px;
    text-align: center;
    margin-bottom: 50px;
    padding: 0 48px 0 38px;
    color: #313131;
    letter-spacing: -1.28px; }
    @media (min-width: 0) and (max-width: 1024px) {
      .cu-spark__headline {
        width: 100%;
        padding: 0;
        letter-spacing: normal; } }
    @media (min-width: 0) and (max-width: 768px) {
      .cu-spark__headline {
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 25px;
        letter-spacing: normal; } }
  .cu-spark__text {
    font-family: "TeleGrotesk";
    font-size: 25px;
    text-align: center;
    margin-bottom: 50px;
    padding: 0 58px;
    color: #313131; }
    .cu-spark__text:after {
      display: block;
      content: '';
      clear: both; }
    @media (min-width: 0) and (max-width: 1024px) {
      .cu-spark__text {
        width: 100%;
        padding: 0; } }
    @media (min-width: 0) and (max-width: 768px) {
      .cu-spark__text {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 24px; } }
  .cu-spark__subline {
    width: 75%;
    margin: auto;
    padding: 0 16px 0 22px;
    font-family: "TeleGroteskFett";
    font-size: 25px;
    text-align: center;
    margin-bottom: 50px;
    color: #313131; }
    .cu-spark__subline:after {
      display: block;
      content: '';
      clear: both; }
    @media (min-width: 0) and (max-width: 1024px) {
      .cu-spark__subline {
        width: 100%;
        padding: 0; } }
    @media (min-width: 0) and (max-width: 768px) {
      .cu-spark__subline {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 24px; } }

.cu-videoheader:after {
  display: block;
  content: '';
  clear: both; }

.cu-videoheader__background__wrap {
  /*background:$pink;*/
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }
  .cu-videoheader__background__wrap:before {
    content: '';
    display: block;
    padding-bottom: 42.85%;
    /*
      Margin für Navigation einsetzen.
      margin-top:80px;
      */ }

.cu-videoheader__background {
  background: url("../img/stage.jpg") no-repeat;
  background-size: contain;
  position: absolute;
  margin: 0 auto;
  width: 100%;
  top: 0;
  left: 0;
  right: 0; }
  .cu-videoheader__background:hover:after {
    opacity: 1;
    transition: all 0.2s ease-in-out; }
  .cu-videoheader__background.playbutton:after {
    background: url("../img/button_play.png") no-repeat;
    background-size: contain;
    max-width: 156px;
    width: 8.125vw;
    height: 5.6770833333vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    content: '';
    opacity: 0.8;
    transition: all 0.2s ease-in-out;
    cursor: pointer; }
  .cu-videoheader__background.loading:after {
    background: url("../img/loading.gif") no-repeat;
    background-size: contain;
    max-width: 180px;
    width: 9.375vw;
    height: 9.375vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    content: '';
    opacity: 0.8;
    transition: all 0.2s ease-in-out;
    cursor: pointer; }
  .cu-videoheader__background:before {
    content: '';
    display: block;
    padding-top: 42.85%; }
  @media (min-width: 0) and (max-width: 768px) {
    .cu-videoheader__background {
      width: 100%;
      margin: 0;
      background: url("../img/videoheader-mobile.jpg") no-repeat;
      background-size: cover; }
      .cu-videoheader__background:before {
        content: '';
        display: block;
        padding-top: 42.85%; } }

.cu-videoheader__youtube {
  visibility: hidden;
  position: relative;
  padding-bottom: 42.85%;
  height: 0;
  overflow: hidden; }
  .cu-videoheader__youtube:before {
    content: '';
    display: block;
    padding-bottom: 42.85%; }
  .cu-videoheader__youtube iframe, .cu-videoheader__youtube object, .cu-videoheader__youtube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.cu-videoheader__scroll {
  z-index: 10;
  position: absolute;
  height: 100px;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  width: 100px; }

body {
  margin: 0; }

*, *:after, *:before {
  box-sizing: border-box; }

.connected-underwear {
  width: 100%;
  margin: auto; }

.hide-on-init {
  visibility: hidden; }

.animated {
  visibility: visible !important; }

@media screen and (min-width: 768px) {
  ::selection {
    background: #e20074;
    color: #fff;
    text-shadow: none; } }

/*# sourceMappingURL=style.css.map */