/*
Here you will find all variables we used in SCSS files

ATTENTION! Dont use $value or $property!

*/
/**************
*
* FONTS
*
**************/
/* NSH colos */
/**************
*
* RANDOM RAINBOW COLOR SET
*
**************/
/**************
*
* COLOR PRESET
*
**************/
/**************
*
* TEXT COLOR PRESET
*
**************/
/**************
*
* LINK COLOR PRESET
*
**************/
/**************
*
* MEDIA QUERY BREAKPOINTS
*
**************/
/**************
*
* HEADER & FOOTER
*
**************/
/**************
*
* PADDING
*
**************/
/**************
*
* IMG SIZES
*
**************/
/**************
*
* WIDTH OF CONTENT ELEMENTS
*
**************/
/*
*
*
*
* Use this file to create mixins
*
*
*
*/
/*
*
*
*
* Use this file to create extend/inheritance
*
*
*
*/
/*
*
* MARGINS & PADDINGS
*
*/
/*
*
* LIMITED CONTENT WIDTH
*
*/
/*
*
*
* FONT PRESET
*
*/
#abo-window-layer p, #abo-window-layer .main-col li, #abo-window-layer h4, #abo-window-layer .h4 {
  font-family: "Sang Bleu Kindom";
  font-weight: 300; }

#abo-window-layer {
  font-family: "Sang Bleu Kindom";
  font-weight: 500; }

/*
*
*
*
*
* Lets style all default text-elements
*
*
*
*/
/* first import all fonts */
@font-face {
  /* Gill Sans Nova W04 Book */
  font-family: "Gill Sans Nova";
  font-weight: 400;
  src: url("../../media/fonts/1603296/220d545c-93f7-43d1-998e-ad007c0896a1.woff2") format("woff2"), url("../../media/fonts/1603296/fc3824e8-3d71-4904-a892-d9f1d2fb71be.woff") format("woff"); }
@font-face {
  /* Gill Sans Nova W04 Medium */
  font-family: "Gill Sans Nova";
  font-weight: 500;
  src: url("../../media/fonts/1603344/4b2a2162-d09f-4364-b3f4-98a6febb97bb.woff2") format("woff2"), url("../../media/fonts/1603344/ea06cd52-3e4e-42d9-815e-764dbc4d57dd.woff") format("woff"); }
@font-face {
  /* Gill Sans Nova W04 SemiBold */
  font-family: "Gill-Sans-Nova-SemiBold";
  font-weight: 600;
  src: url("../../media/fonts/1603348/0000d4de-720a-4075-9405-e2fa1db5d811.woff2") format("woff2"), url("../../media/fonts/1603348/cc913fb8-af6f-4745-a755-076afe742135.woff") format("woff"); }
@font-face {
  /* SangBleuKindom Regular */
  font-family: "Sang Bleu Kindom";
  font-weight: 300;
  src: url("../../media/fonts/sangbleukingdom/SangBleuKingdom-Regular.woff2") format("woff2"), url("../../media/fonts/sangbleukingdom/SangBleuKingdom-Regular.woff") format("woff"); }
@font-face {
  /* SangBleuKindom Medium */
  font-family: "Sang-Bleu-kindom-medium";
  font-weight: 500;
  src: url("../../media/fonts/sangbleukingdom/SangBleuKingdom-Medium.woff2") format("woff2"), url("../../media/fonts/sangbleukingdom/SangBleuKingdom-Medium.woff") format("woff"); }
@font-face {
  /* SangBleuKindom Bold */
  font-family: "Sang Bleu Kindom";
  font-weight: 700;
  src: url("../../media/fonts/sangbleukingdom/SangBleuKingdom-Bold.woff2") format("woff2"), url("../../media/fonts/sangbleukingdom/SangBleuKingdom-Bold.woff") format("woff"); }
/** to override bootstrap use html and body **/
#abo-window-layer h1, #abo-window-layer h2, #abo-window-layer h3, #abo-window-layer h4, #abo-window-layer h5, #abo-window-layer h6, #abo-window-layer div, #abo-window-layer span, #abo-window-layer li,
#abo-window-layer .h1, #abo-window-layer .h2, #abo-window-layer .h3, #abo-window-layer .h4, #abo-window-layer .h5, #abo-window-layer .h6 {
  color: #202020; }
#abo-window-layer h1, #abo-window-layer h2, #abo-window-layer h3, #abo-window-layer .h1, #abo-window-layer .h2, #abo-window-layer .h3 {
  word-wrap: break-word;
  hyphens: auto; }
#abo-window-layer p, #abo-window-layer .main-col li {
  color: #202020; }
#abo-window-layer h1, #abo-window-layer .h1 {
  text-transform: uppercase;
  font-size: 35px;
  line-height: 45px; }
#abo-window-layer h2, #abo-window-layer .h2 {
  font-size: 30px;
  line-height: 40px; }
#abo-window-layer h3, #abo-window-layer .h3 {
  font-size: 25px;
  line-height: 35px; }
#abo-window-layer h4, #abo-window-layer .h4 {
  font-size: 20px;
  line-height: 30px; }
#abo-window-layer p, #abo-window-layer .main-col li {
  font-size: 16px;
  line-height: 26px; }
#abo-window-layer .gill-sans.light {
  font-family: "Gill Sans Nova";
  font-weight: 400; }
#abo-window-layer .gill-sans.medium {
  font-family: "Gill Sans Nova";
  font-weight: 500; }
#abo-window-layer .gill-sans.bold {
  font-family: "Gill Sans Nova";
  font-weight: 600; }
@media screen and (min-width: 768px) {
  #abo-window-layer h1, #abo-window-layer .h1 {
    font-size: 40px;
    line-height: 50px; }
  #abo-window-layer h2, #abo-window-layer .h2 {
    font-size: 35px;
    line-height: 45px; }
  #abo-window-layer h3, #abo-window-layer .h3 {
    font-size: 30px;
    line-height: 40px; }
  #abo-window-layer h4, #abo-window-layer .h4 {
    font-size: 25px;
    line-height: 35px; }
  #abo-window-layer p, #abo-window-layer .main-col li {
    font-size: 18px;
    line-height: 28px; } }
@media screen and (min-width: 1024px) {
  #abo-window-layer h1, #abo-window-layer .h1 {
    font-size: 60px;
    line-height: 75px; }
  #abo-window-layer h2, #abo-window-layer .h2 {
    font-size: 40px;
    line-height: 55px; }
  #abo-window-layer h3, #abo-window-layer .h3 {
    font-size: 35px;
    line-height: 45px; }
  #abo-window-layer h4, #abo-window-layer .h4 {
    font-size: 30px;
    line-height: 40px; } }
@media screen and (min-width: 1400px) {
  #abo-window-layer h1, #abo-window-layer .h1 {
    font-size: 90px;
    line-height: 129px;
    letter-spacing: 1px; }
  #abo-window-layer h2, #abo-window-layer .h2 {
    font-size: 50px;
    line-height: 65px;
    letter-spacing: 1px; }
  #abo-window-layer h3, #abo-window-layer .h3 {
    font-size: 50px;
    line-height: 72px;
    letter-spacing: 1px; }
  #abo-window-layer h4, #abo-window-layer .h4 {
    font-size: 35px;
    line-height: 45px;
    letter-spacing: 1px; }
  #abo-window-layer p, #abo-window-layer .main-col li {
    font-size: 20px;
    line-height: 35px; } }

.no-scroll-overflow-hidden {
  height: calc(40vh - 80px);
  overflow: hidden; }

#abo-window-layer {
  position: absolute;
  width: 100%;
  min-height: 100%;
  background-color: white;
  top: 0;
  left: 0;
  z-index: 999999;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  align-items: center;
  overflow: scroll;
  height: 100%; }
  @media screen and (min-width: 1024px) {
    #abo-window-layer {
      background-color: #000c; } }

#abo-window {
  max-width: 1250px;
  width: 100%;
  background-color: white;
  z-index: 10001;
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  align-items: center; }
  @media screen and (min-width: 1024px) {
    #abo-window {
      min-height: 859px;
      position: relative;
      align-items: start; } }
  #abo-window * {
    box-sizing: border-box;
    -webkit-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease; }
  #abo-window .close-button {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 40px;
    top: 35px;
    cursor: pointer; }
  #abo-window .abo_content_inner {
    width: 100%; }
    @media screen and (min-width: 1024px) {
      #abo-window .abo_content_inner {
        padding-top: 150px;
        padding-left: 5%;
        padding-right: 5%; } }
    #abo-window .abo_content_inner .abo-window-slide {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      max-width: 820px;
      margin: 0 auto; }
      #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column;
        text-align: center;
        width: 100%;
        position: relative; }
        #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content .top-headline {
          font-family: "Gill-Sans-Nova-SemiBold", "Roboto", Helvetica, Arial, sans-serif;
          font-size: 14px;
          line-hight: 20px;
          letter-spacing: 2px;
          text-transform: uppercase; }
        #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content .error-message {
          position: absolute;
          top: calc(100% + 15px);
          color: #D81E5B;
          display: none; }
        #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content .error-message-mail {
          display: none;
          color: #D81E5B;
          margin-top: 15px; }
        #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content .text {
          font-family: "Sang-Bleu-kindom-medium", "Roboto", Helvetica, Arial, sans-serif; }
        #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content input[type="checkbox"], #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content input[type="radio"] {
          border: 2px solid #202020;
          height: 15px;
          width: 15px;
          min-width: 15px; }
          #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content input[type="checkbox"]:checked, #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content input[type="radio"]:checked {
            background-color: #202020; }
        #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content input[type="text"], #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content textarea {
          margin-top: 20px; }
        #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content select, #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content input[type="text"], #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content textarea {
          border: 2px solid #202020;
          width: 100%;
          max-width: 440px;
          border-radius: 0;
          height: 40px;
          padding-left: 16px;
          background-color: transparent;
          font-family: "Gill Sans Nova";
          font-weight: 500;
          -moz-appearance: none;
          -webkit-appearance: none;
          appearance: none; }
          #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content select::-webkit-input-placeholder, #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content input[type="text"]::-webkit-input-placeholder, #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content textarea::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            font-family: "Gill Sans Nova";
            font-weight: 500; }
          #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content select::-moz-placeholder, #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content input[type="text"]::-moz-placeholder, #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content textarea::-moz-placeholder {
            /* Firefox 19+ */
            font-family: "Gill Sans Nova";
            font-weight: 500; }
          #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content select:-ms-input-placeholder, #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content input[type="text"]:-ms-input-placeholder, #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content textarea:-ms-input-placeholder {
            /* IE 10+ */
            font-family: "Gill Sans Nova";
            font-weight: 500; }
          #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content select:-moz-placeholder, #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content input[type="text"]:-moz-placeholder, #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content textarea:-moz-placeholder {
            /* Firefox 18- */
            font-family: "Gill Sans Nova";
            font-weight: 500; }
        #abo-window .abo_content_inner .abo-window-slide .abo-window-slide-content textarea {
          padding-top: 16px;
          height: 100px; }
      #abo-window .abo_content_inner .abo-window-slide .controls {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        max-width: 440px;
        margin-top: 60px;
        gap: 20px; }
        #abo-window .abo_content_inner .abo-window-slide .controls .tab-button {
          font-family: "Gill-Sans-Nova-SemiBold", "Roboto", Helvetica, Arial, sans-serif;
          letter-spacing: 1px;
          padding: 11px 39px;
          border: 2px solid #D81E5B;
          color: #D81E5B;
          cursor: pointer;
          min-width: 171px; }
          #abo-window .abo_content_inner .abo-window-slide .controls .tab-button:hover {
            background-color: #D81E5B;
            color: white; }
          #abo-window .abo_content_inner .abo-window-slide .controls .tab-button.prev {
            border-color: #202020;
            color: #202020; }
            #abo-window .abo_content_inner .abo-window-slide .controls .tab-button.prev:hover {
              background-color: #202020;
              color: white; }
      #abo-window .abo_content_inner .abo-window-slide.abo-window-slide-1 .headline {
        text-transform: uppercase;
        margin-top: 10px;
        font-weight: 300;
        margin-bottom: 44px; }
      #abo-window .abo_content_inner .abo-window-slide.abo-window-slide-1 .text {
        text-align: center; }
      #abo-window .abo_content_inner .abo-window-slide.abo-window-slide-1 .controls {
        justify-content: center; }
      #abo-window .abo_content_inner .abo-window-slide.abo-window-slide-2 .question {
        margin-top: 20px;
        text-align: center;
        letter-spacing: 1px;
        margin-bottom: 30px; }
      #abo-window .abo_content_inner .abo-window-slide.abo-window-slide-2 fieldset {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
        max-width: 440px;
        margin-top: 30px; }
        #abo-window .abo_content_inner .abo-window-slide.abo-window-slide-2 fieldset .answer-option {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex-wrap: wrap;
          flex-wrap: nowrap;
          margin-bottom: 8px;
          align-items: flex-start; }
          #abo-window .abo_content_inner .abo-window-slide.abo-window-slide-2 fieldset .answer-option label {
            text-align: left;
            padding-left: 10px;
            font-family: "Sang Bleu Kindom";
            font-weight: 500; }
        #abo-window .abo_content_inner .abo-window-slide.abo-window-slide-2 fieldset .checkbox {
          position: relative; }
          #abo-window .abo_content_inner .abo-window-slide.abo-window-slide-2 fieldset .checkbox input[type='radio'],
          #abo-window .abo_content_inner .abo-window-slide.abo-window-slide-2 fieldset .checkbox input[type='checkbox'] {
            position: absolute;
            top: 2px;
            width: 21px;
            height: 21px;
            background-color: #F7F7F7;
            border: 1px solid #D8D8D8;
            display: inline-block;
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            padding: 0;
            margin: 2px 15px 0 0;
            cursor: pointer; }
            #abo-window .abo_content_inner .abo-window-slide.abo-window-slide-2 fieldset .checkbox input[type='radio']:checked:after,
            #abo-window .abo_content_inner .abo-window-slide.abo-window-slide-2 fieldset .checkbox input[type='checkbox']:checked:after {
              background: #202020;
              background-image: url(../../media/images/icon_check_white.svg);
              width: 17px;
              height: 17px;
              content: "";
              display: block;
              margin: 1px 0 0 1px;
              background-size: 9px;
              background-repeat: no-repeat;
              background-position: center center; }
          #abo-window .abo_content_inner .abo-window-slide.abo-window-slide-2 fieldset .checkbox label {
            display: inline-block;
            font-family: "Gill-Sans-Nova-SemiBold", "Roboto", Helvetica, Arial, sans-serif;
            font-size: 18px;
            letter-spacing: 0.5px;
            margin-left: 41px;
            cursor: pointer; }
      #abo-window .abo_content_inner .abo-window-slide.abo-window-slide-4 fieldset {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
        max-width: 440px;
        margin-top: 30px; }
        #abo-window .abo_content_inner .abo-window-slide.abo-window-slide-4 fieldset .answer-option {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          flex-wrap: wrap;
          flex-wrap: nowrap;
          margin-bottom: 8px;
          align-items: flex-start; }
          #abo-window .abo_content_inner .abo-window-slide.abo-window-slide-4 fieldset .answer-option label {
            text-align: left;
            padding-left: 10px;
            font-family: "Sang Bleu Kindom";
            font-weight: 500; }
      #abo-window .abo_content_inner .abo-window-slide.abo-window-slide-4 .title-salution {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        max-width: 440px; }
        #abo-window .abo_content_inner .abo-window-slide.abo-window-slide-4 .title-salution .select-wrapper {
          width: calc(50% - 10px);
          position: relative; }
          #abo-window .abo_content_inner .abo-window-slide.abo-window-slide-4 .title-salution .select-wrapper .icon {
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            width: 40px;
            pointer-events: none;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap; }
            #abo-window .abo_content_inner .abo-window-slide.abo-window-slide-4 .title-salution .select-wrapper .icon svg {
              width: 12px; }
          #abo-window .abo_content_inner .abo-window-slide.abo-window-slide-4 .title-salution .select-wrapper.open .icon svg {
            transform: rotateZ(90deg); }
        #abo-window .abo_content_inner .abo-window-slide.abo-window-slide-4 .title-salution select {
          width: 100%; }
    #abo-window .abo_content_inner.final_slide {
      padding: 65px 0; }
      @media screen and (min-width: 1024px) {
        #abo-window .abo_content_inner.final_slide {
          padding: 65px 7%; } }
      #abo-window .abo_content_inner.final_slide .abo-window-slide-3 {
        max-width: 100%; }
        #abo-window .abo_content_inner.final_slide .abo-window-slide-3 h3.headline {
          font-size: 25px;
          line-height: 35px;
          margin: 27px 0 29px 0;
          letter-spacing: 0;
          text-align: center;
          hyphens: auto; }
          @media screen and (min-width: 768px) {
            #abo-window .abo_content_inner.final_slide .abo-window-slide-3 h3.headline {
              hyphens: none; } }
          @media screen and (min-width: 1024px) {
            #abo-window .abo_content_inner.final_slide .abo-window-slide-3 h3.headline {
              font-size: 40px;
              line-height: 57px; } }
        #abo-window .abo_content_inner.final_slide .abo-window-slide-3 h4.headline {
          font-family: "Gill-Sans-Nova-SemiBold", "Roboto", Helvetica, Arial, sans-serif;
          font-size: 30px;
          line-height: 43px;
          letter-spacing: 0;
          margin: 0px 0 11px 0;
          text-align: center;
          hyphens: auto; }
          @media screen and (min-width: 768px) {
            #abo-window .abo_content_inner.final_slide .abo-window-slide-3 h4.headline {
              hyphens: none; } }
          @media screen and (min-width: 1024px) {
            #abo-window .abo_content_inner.final_slide .abo-window-slide-3 h4.headline {
              font-size: 25px;
              line-height: 30px; } }
        #abo-window .abo_content_inner.final_slide .abo-window-slide-3 .abo-list {
          max-width: 510px;
          text-align: left;
          margin-bottom: 34px;
          width: 100%; }
          #abo-window .abo_content_inner.final_slide .abo-window-slide-3 .abo-list .abo-list-item {
            width: 100%;
            text-decoration: none;
            display: flex;
            font-family: "Gill-Sans-Nova-SemiBold", "Roboto", Helvetica, Arial, sans-serif;
            font-size: 18px;
            letter-spacing: 0.5px;
            margin-bottom: 0; }
            #abo-window .abo_content_inner.final_slide .abo-window-slide-3 .abo-list .abo-list-item span {
              margin-left: auto;
              font-size: 0; }
              @media screen and (min-width: 1024px) {
                #abo-window .abo_content_inner.final_slide .abo-window-slide-3 .abo-list .abo-list-item span {
                  font-size: 16px; } }
              @media screen and (min-width: 1024px) {
                #abo-window .abo_content_inner.final_slide .abo-window-slide-3 .abo-list .abo-list-item span svg {
                  margin-right: 15px; } }
            #abo-window .abo_content_inner.final_slide .abo-window-slide-3 .abo-list .abo-list-item:hover {
              color: #D81E5B; }
              #abo-window .abo_content_inner.final_slide .abo-window-slide-3 .abo-list .abo-list-item:hover span {
                color: #D81E5B; }
                #abo-window .abo_content_inner.final_slide .abo-window-slide-3 .abo-list .abo-list-item:hover span path {
                  fill: #D81E5B; }
        #abo-window .abo_content_inner.final_slide .abo-window-slide-3 .text {
          font-size: 16px;
          text-align: center;
          line-height: 35px !important;
          margin-bottom: 24px; }
        #abo-window .abo_content_inner.final_slide .abo-window-slide-3 .controls {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-wrap: wrap;
          margin-top: 20px; }

/*@media (min-width: 768px) {

    #abo-window {
        max-width: 1400px;
        min-height: 90vh;
        max-height: 2000px;
        .abo-content { 
            .abo-window-slide{
                .abo-window-slide-content{
                    .top-headline{
                    }
                    .error-message{
                    }
                    .text{
                    }
                }
                .controls{

                }
                &.abo-window-slide-1{
                    .headline{

                    }
                    .controls{
                        .tab-button{

                        }
                    }
                }
                &.abo-window-slide-2{
                    .question{
                        max-width: 70%;
                    }

                }
            }
        }
    }

}*/

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