/**
 * Foundation for Sites by ZURB
 * Version 6.5.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@600;700&display=swap");
body {
  margin: 0; }

#kinderNatoons {
  font-size: -webkit-calc(100vw / 120);
  font-size: calc(100vw / 120);
  font-family: 'Open Sans', sans-serif;
  width: 100%;
  height: 110.875em;
  background: url("../images/bg.jpg?v=b3481b4b") no-repeat center/cover;
  overflow: hidden;
  position: relative; }
  #kinderNatoons * {
    margin: 0; }
  @media (max-width: 1440px) {
    #kinderNatoons br.br-1 {
      display: none; } }
  #kinderNatoons br.br-2 {
    display: none; }
    @media (max-width: 1440px) {
      #kinderNatoons br.br-2 {
        display: inline; } }
    @media (max-width: 960px) {
      #kinderNatoons br.br-2 {
        display: none; } }
  #kinderNatoons br.br-3 {
    display: none; }
    @media (max-width: 960px) {
      #kinderNatoons br.br-3 {
        display: inline; } }
    @media (max-width: 768px) {
      #kinderNatoons br.br-3 {
        display: none; } }
  #kinderNatoons br.br-4 {
    display: none; }
    @media (max-width: 768px) {
      #kinderNatoons br.br-4 {
        display: inline; } }
    @media (max-width: 500px) {
      #kinderNatoons br.br-4 {
        display: none; } }
  #kinderNatoons br.br-5 {
    display: none; }
    @media (max-width: 500px) {
      #kinderNatoons br.br-5 {
        display: inline; } }
  #kinderNatoons:after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -17.125em;
    background: url("../images/bottom-line.svg?v=bf989f08") no-repeat center/cover;
    height: 23.375em; }
  @media (max-width: 1440px) {
    #kinderNatoons {
      font-size: -webkit-calc(100vw / 90);
      font-size: calc(100vw / 90);
      height: 103em;
      background: url("../images/bg-1440.jpg?v=8ed8fc27") no-repeat center/cover; }
      #kinderNatoons:after {
        height: 17.8125em;
        background: url("../images/bottom-line-1440.svg?v=a8f6884d") no-repeat center/cover;
        bottom: -2.875em; } }
  @media (max-width: 960px) {
    #kinderNatoons {
      font-size: -webkit-calc(100vw / 60);
      font-size: calc(100vw / 60);
      height: 68.6875em;
      background: url("../images/bg-960.jpg?v=cb3fcb14") no-repeat center/cover; }
      #kinderNatoons:after {
        height: 11.875em;
        background: url("../images/bottom-line-960.svg?v=c5961849") no-repeat center/cover;
        bottom: -6.25em; } }
  @media (max-width: 768px) {
    #kinderNatoons {
      font-size: -webkit-calc(100vw / 48);
      font-size: calc(100vw / 48);
      height: 66.5625em;
      background: url("../images/bg-768.jpg?v=ca139153") no-repeat center/cover; }
      #kinderNatoons:after {
        height: 9.5625em;
        background: url("../images/bottom-line-768.svg?v=3cfe8b9e") no-repeat center/cover;
        bottom: -6.5625em; } }
  @media (max-width: 500px) {
    #kinderNatoons {
      font-size: -webkit-calc(100vw / 20);
      font-size: calc(100vw / 20);
      height: 67.9375em;
      background: url("../images/bg-745.jpg?v=11220d64") no-repeat center -1.9375em/cover; }
      #kinderNatoons:after {
        height: 9.0625em;
        background: url("../images/bottom-line-745.svg?v=96ae8f43") no-repeat center/cover;
        bottom: -5.25em; } }
  #kinderNatoons .top-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 3.25em;
    left: 22.9375em; }
    @media (max-width: 1440px) {
      #kinderNatoons .top-container {
        left: 12.4375em; } }
    @media (max-width: 960px) {
      #kinderNatoons .top-container {
        top: 2.4375em;
        left: 4.1875em; } }
    @media (max-width: 768px) {
      #kinderNatoons .top-container {
        top: 2.5625em;
        left: 4.6875em; } }
    @media (max-width: 500px) {
      #kinderNatoons .top-container {
        top: 0;
        left: 1em; } }
  #kinderNatoons .top-item {
    z-index: 3; }
    #kinderNatoons .top-item:nth-child(1) {
      width: 18.9375em;
      height: 11.875em;
      background: url("../images/logos/logo-natoons.png?v=3757c926") no-repeat center/contain;
      margin-right: 5.4375em; }
      @media (max-width: 1440px) {
        #kinderNatoons .top-item:nth-child(1) {
          width: 17.8125em;
          height: 8.9375em;
          margin-right: 1.5625em; } }
      @media (max-width: 960px) {
        #kinderNatoons .top-item:nth-child(1) {
          width: 13.0625em;
          height: 6.5625em;
          margin-right: 1.1875em; } }
      @media (max-width: 768px) {
        #kinderNatoons .top-item:nth-child(1) {
          width: 10.5625em;
          height: 5.25em;
          margin-right: 0.9375em; } }
      @media (max-width: 500px) {
        #kinderNatoons .top-item:nth-child(1) {
          width: 8.625em;
          height: 4.875em;
          margin-right: 0.375em;
          background: url("../images/logos/logo-natoons-745.png?v=dcf3ed6b") no-repeat center/contain;
          -webkit-box-ordinal-group: 3;
          -webkit-order: 2;
              -ms-flex-order: 2;
                  order: 2; } }
    #kinderNatoons .top-item:nth-child(2) {
      width: 11.6875em;
      height: 6.125em;
      background: url("../images/logos/logo-kinder-surprise.png?v=cd595e30") no-repeat center/contain;
      margin-top: 2.5em;
      margin-right: 3.6875em; }
      @media (max-width: 1440px) {
        #kinderNatoons .top-item:nth-child(2) {
          width: 8.8125em;
          height: 4.5625em;
          margin-top: 1.875em;
          margin-right: 2.75em; } }
      @media (max-width: 960px) {
        #kinderNatoons .top-item:nth-child(2) {
          width: 6.4375em;
          height: 3.3125em;
          margin-top: 1.4375em;
          margin-right: 2.0625em; } }
      @media (max-width: 768px) {
        #kinderNatoons .top-item:nth-child(2) {
          width: 5.1875em;
          height: 2.6875em;
          margin-top: 1.125em;
          margin-right: 1.6875em; } }
      @media (max-width: 500px) {
        #kinderNatoons .top-item:nth-child(2) {
          width: 4.4375em;
          height: 2.375em;
          margin-top: 1em;
          margin-right: 0.125em;
          -webkit-box-ordinal-group: 2;
          -webkit-order: 1;
              -ms-flex-order: 1;
                  order: 1; } }
    #kinderNatoons .top-item:nth-child(3) {
      width: 13.375em;
      height: 6.125em;
      background: url("../images/logos/logo-kinder-chocolate.png?v=276d25c6") no-repeat center/contain;
      margin-top: 2.75em; }
      @media (max-width: 1440px) {
        #kinderNatoons .top-item:nth-child(3) {
          width: 10em;
          height: 4.5625em;
          margin-top: 2.0625em; } }
      @media (max-width: 960px) {
        #kinderNatoons .top-item:nth-child(3) {
          width: 7.375em;
          height: 3.375em;
          margin-top: 1.5625em; } }
      @media (max-width: 768px) {
        #kinderNatoons .top-item:nth-child(3) {
          width: 5.9375em;
          height: 2.75em;
          margin-top: 1.1875em; } }
      @media (max-width: 500px) {
        #kinderNatoons .top-item:nth-child(3) {
          width: 4.4375em;
          height: 1.875em;
          margin-top: 1.5em;
          background: url("../images/logos/logo-kinder-chocolate-745.png?v=6e7b2f38") no-repeat center/contain;
          -webkit-box-ordinal-group: 4;
          -webkit-order: 3;
              -ms-flex-order: 3;
                  order: 3; } }
  #kinderNatoons .middle-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 22.125em;
    left: 15.1875em; }
    @media (max-width: 1440px) {
      #kinderNatoons .middle-container {
        top: 15.125em;
        left: 9em; } }
    @media (max-width: 960px) {
      #kinderNatoons .middle-container {
        top: 12.375em;
        left: 4.1875em; } }
    @media (max-width: 768px) {
      #kinderNatoons .middle-container {
        top: 10.25em;
        left: 2.625em; } }
    @media (max-width: 500px) {
      #kinderNatoons .middle-container {
        top: 8.9375em;
        left: -0.6875em;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
  #kinderNatoons .middle-item {
    width: 40.0625em;
    height: 30.9375em;
    background: url("../images/kinder-item.png?v=d4977cde") no-repeat center/contain;
    z-index: 3; }
    @media (max-width: 1440px) {
      #kinderNatoons .middle-item {
        width: 35.5625em;
        height: 27.5em; } }
    @media (max-width: 960px) {
      #kinderNatoons .middle-item {
        width: 25.0625em;
        height: 19.375em; } }
    @media (max-width: 768px) {
      #kinderNatoons .middle-item {
        width: 20.4375em;
        height: 15.8125em; } }
    @media (max-width: 500px) {
      #kinderNatoons .middle-item {
        width: 19.875em;
        height: 15.375em; } }
  #kinderNatoons .middle-text {
    position: relative;
    font-weight: 700;
    font-size: 2.875em;
    line-height: 1.4;
    letter-spacing: -0.01087em;
    color: #fff;
    margin-left: 1.82609em;
    margin-top: 0.3913em;
    z-index: 3; }
    @media (max-width: 1440px) {
      #kinderNatoons .middle-text {
        font-size: 2.5em;
        letter-spacing: 0;
        margin-left: 1.75em;
        margin-top: 0.525em; } }
    @media (max-width: 960px) {
      #kinderNatoons .middle-text {
        font-size: 1.75em;
        margin-left: 0.78571em;
        margin-top: 1.03571em;
        line-height: 1.36; } }
    @media (max-width: 768px) {
      #kinderNatoons .middle-text {
        font-size: 1.4375em;
        margin-left: 1.08696em;
        margin-top: 0.56522em;
        line-height: 1.31; } }
    @media (max-width: 500px) {
      #kinderNatoons .middle-text {
        font-size: 1.25em;
        margin-left: 1.35em;
        margin-top: -0.75em;
        line-height: 1.4; } }
    #kinderNatoons .middle-text-cloud {
      display: inline-block;
      font-size: 0.82609em;
      color: #2F6F2C;
      position: relative;
      z-index: 4;
      width: 7.36842em;
      height: 1.57895em;
      background: #fff;
      -webkit-border-radius: 2.36842em;
              border-radius: 2.36842em;
      padding-left: 0.63158em;
      padding-top: 0.13158em; }
      @media (max-width: 1440px) {
        #kinderNatoons .middle-text-cloud {
          font-size: 0.8em;
          width: 7.125em;
          height: 1.46875em;
          padding-left: 0.4375em;
          left: -0.09375em;
          padding-top: 0; } }
      @media (max-width: 960px) {
        #kinderNatoons .middle-text-cloud {
          font-size: 0.85714em;
          width: 7em;
          height: 1.54167em;
          padding-top: 0.16667em; } }
      @media (max-width: 768px) {
        #kinderNatoons .middle-text-cloud {
          font-size: 0.78261em;
          width: 7.11111em;
          height: 1.44444em;
          padding-top: 0.11111em; } }
      @media (max-width: 500px) {
        #kinderNatoons .middle-text-cloud {
          font-size: 1em;
          width: 7em;
          height: 1.5em;
          padding-left: 0.35em;
          padding-top: 0;
          top: -0.05em; } }
  #kinderNatoons .middle-bg-item {
    position: absolute;
    width: 36.25em;
    height: 18.75em;
    background: rgba(92, 129, 25, 0.89);
    opacity: 0.9;
    -webkit-filter: blur(250px);
            filter: blur(250px);
    pointer-events: none;
    z-index: 2;
    right: 0;
    bottom: 7.5em; }
    @media (max-width: 1440px) {
      #kinderNatoons .middle-bg-item {
        height: 15.625em;
        bottom: 5em;
        right: -3.75em; } }
    @media (max-width: 960px) {
      #kinderNatoons .middle-bg-item {
        width: 25.625em;
        height: 9.375em;
        right: -1.875em; } }
    @media (max-width: 768px) {
      #kinderNatoons .middle-bg-item {
        width: 20.625em;
        height: 12.5em; } }
    @media (max-width: 500px) {
      #kinderNatoons .middle-bg-item {
        display: none; } }
  #kinderNatoons .bottom-item {
    position: absolute;
    top: 48.375em;
    left: 11.125em;
    width: 56.4375em;
    height: 40.5625em;
    background: url("../images/cloud-item.png?v=95ebf834") no-repeat center/contain;
    z-index: 3; }
    @media (max-width: 1440px) {
      #kinderNatoons .bottom-item {
        top: 39.1875em;
        left: 3.5625em;
        width: 42.375em;
        height: 31.0625em;
        background: url("../images/cloud-item-1440.png?v=1a4f663b") no-repeat center/contain; } }
    @media (max-width: 960px) {
      #kinderNatoons .bottom-item {
        top: 27.875em;
        left: 0;
        width: 31.6875em;
        height: 23.625em;
        background: url("../images/cloud-item-960.png?v=8e529201") no-repeat center/contain; } }
    @media (max-width: 768px) {
      #kinderNatoons .bottom-item {
        top: 24.9375em;
        left: 0.75em;
        width: 23.0625em;
        height: 16.8125em;
        background: url("../images/cloud-item-768.png?v=c1ea792d") no-repeat center/contain; } }
    @media (max-width: 500px) {
      #kinderNatoons .bottom-item {
        top: 32.4375em;
        left: 0;
        width: 19.75em;
        height: 16.625em;
        background: url("../images/cloud-item-745.png?v=4ddcf9c7") no-repeat center/contain; } }
    #kinderNatoons .bottom-item-text {
      position: absolute;
      -webkit-transform: rotate(6.22deg);
          -ms-transform: rotate(6.22deg);
              transform: rotate(6.22deg);
      font-weight: 700;
      font-size: 2.5em;
      line-height: 1.775;
      color: #2F6F2C;
      letter-spacing: -0.0125em;
      top: 7.475em;
      left: 6.775em; }
      @media (max-width: 1440px) {
        #kinderNatoons .bottom-item-text {
          font-size: 1.75em;
          letter-spacing: 0;
          top: 8.64286em;
          left: 8.14286em;
          line-height: 2; } }
      @media (max-width: 960px) {
        #kinderNatoons .bottom-item-text {
          font-size: 1.5em;
          top: 7.58333em;
          left: 5.66667em;
          line-height: 1.6;
          text-align: center; } }
      @media (max-width: 768px) {
        #kinderNatoons .bottom-item-text {
          font-size: 1.07088em;
          top: 7.52889em;
          left: 6.12817em;
          line-height: 1.65; } }
      @media (max-width: 500px) {
        #kinderNatoons .bottom-item-text {
          font-size: 1.125em;
          top: 7.22222em;
          left: 2.22222em;
          line-height: 1.85;
          -webkit-transform: rotate(5deg);
              -ms-transform: rotate(5deg);
                  transform: rotate(5deg); } }
      #kinderNatoons .bottom-item-text-marked {
        font-size: 1.75em;
        line-height: .8;
        letter-spacing: -0.00714em; }
        @media (max-width: 1440px) {
          #kinderNatoons .bottom-item-text-marked {
            font-size: 1.78571em;
            letter-spacing: 0; } }
        @media (max-width: 960px) {
          #kinderNatoons .bottom-item-text-marked {
            font-size: 1.66667em; } }
        @media (max-width: 768px) {
          #kinderNatoons .bottom-item-text-marked {
            font-size: 1.66667em; } }
        @media (max-width: 500px) {
          #kinderNatoons .bottom-item-text-marked {
            font-size: 1.66667em; } }
  #kinderNatoons .bottom-link {
    font-weight: 600;
    font-size: 1.875em;
    line-height: 1.7;
    letter-spacing: -0.01667em;
    -webkit-font-feature-settings: 'pnum' on, 'lnum' on;
            font-feature-settings: 'pnum' on, 'lnum' on;
    color: #fff;
    position: absolute;
    top: 51.03333em;
    left: 36.76667em;
    text-decoration: none; }
    #kinderNatoons .bottom-link:after {
      content: '';
      position: absolute;
      width: 100%;
      bottom: -0.26667em;
      left: 0;
      border-bottom: 0.2em dashed #FFFFFF; }
    @media (max-width: 1440px) {
      #kinderNatoons .bottom-link {
        left: 26.9em;
        top: 41.7em; } }
    @media (max-width: 960px) {
      #kinderNatoons .bottom-link {
        font-size: 1.25em;
        line-height: 2.55;
        letter-spacing: -0.025em;
        left: 29.45em;
        top: 46em; }
        #kinderNatoons .bottom-link:after {
          bottom: 0;
          border-bottom: 0.2em dashed #FFFFFF; } }
    @media (max-width: 768px) {
      #kinderNatoons .bottom-link {
        left: 13em;
        top: 45.35em; } }
    @media (max-width: 500px) {
      #kinderNatoons .bottom-link {
        left: 1.5em;
        top: 48em;
        letter-spacing: 0; } }

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