/*! goldschmidt-teaser v0.1 | (c) 2020 Jens Dietze | MIT License |  */
@font-face {
  font-family: "URWGroteskMed W01 Regular";
  src: url("../fonts/5076527/7c0ba91c-aa8d-4a6e-bb81-1aaf33cfe136.woff2") format("woff2"), url("../fonts/5076527/99671101-d73b-4be6-8bb7-c701ee2fa180.woff") format("woff");
}

@font-face {
  font-family: "URW Grotesk Pro Light W01 Rg";
  src: url("../fonts/5076799/a018999b-7e4e-4405-92b3-2ea9396e3c1a.woff2") format("woff2"), url("../fonts/5076799/13d4aedd-4be7-4fdb-87f2-59845a58dfba.woff") format("woff");
}

/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/titillium-web-v8-latin-600.eot");
  /* IE9 Compat Modes */
  src: local("Titillium Web SemiBold"), local("TitilliumWeb-SemiBold"), url("../fonts/titillium-web-v8-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/titillium-web-v8-latin-600.woff2") format("woff2"), url("../fonts/titillium-web-v8-latin-600.woff") format("woff"), url("../fonts/titillium-web-v8-latin-600.ttf") format("truetype"), url("../fonts/titillium-web-v8-latin-600.svg#TitilliumWeb") format("svg");
  /* Legacy iOS */
}

/* line 1, src/sass/components/_base.scss */
#gs-preview-modal {
  font-size: 18px !important;
  line-height: 1.33333 !important;
  font-family: "URW Grotesk Pro Light W01 Rg", sans-serif !important;
  color: #000 !important;
  margin: 0 !important;
  background: white !important;
  overflow-y: auto !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 8000 !important;
}

/* line 16, src/sass/components/_base.scss */
#gs-preview-modal header {
  width: 100vw !important;
  margin: 0 auto !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  height: 14vh !important;
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important;
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

/* line 25, src/sass/components/_base.scss */
#gs-preview-modal header .brand-logo, #gs-preview-modal header nav {
  margin: 0 5vw !important;
}

/* line 29, src/sass/components/_base.scss */
#gs-preview-modal header .brand-logo {
  background-image: url("../svg/gs-logo.svg") !important;
  background-repeat: no-repeat !important;
  background-position: top left !important;
  background-size: 100% !important;
  width: 360px !important;
  height: 80px !important;
}

@media (max-width: 1024px) {
  /* line 29, src/sass/components/_base.scss */
  #gs-preview-modal header .brand-logo {
    height: 60px !important;
    width: 260px !important;
  }
}

@media (max-width: 667px) {
  /* line 29, src/sass/components/_base.scss */
  #gs-preview-modal header .brand-logo {
    height: 50px !important;
    width: 220px !important;
  }
}

/* line 49, src/sass/components/_base.scss */
#gs-preview-modal main {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: 86vh !important;
}

@media (max-width: 1280px) {
  /* line 49, src/sass/components/_base.scss */
  #gs-preview-modal main {
    display: block !important;
    height: auto !important;
  }
}

/* line 59, src/sass/components/_base.scss */
#gs-preview-modal a {
  color: #6f6f6e !important;
  text-decoration: none !important;
  -webkit-transition: color .15s ease-in-out !important;
  transition: color .15s ease-in-out !important;
}

/* line 64, src/sass/components/_base.scss */
#gs-preview-modal a:hover {
  color: #e3000f !important;
}

/* line 68, src/sass/components/_base.scss */
#gs-preview-modal a.active {
  color: #e3000f !important;
}

/* line 73, src/sass/components/_base.scss */
#gs-preview-modal h1 {
  font-size: 80px !important;
  font-weight: 700 !important;
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

@media (max-width: 1024px) {
  /* line 73, src/sass/components/_base.scss */
  #gs-preview-modal h1 {
    font-size: 64px !important;
  }
}

@media (max-width: 667px) {
  /* line 73, src/sass/components/_base.scss */
  #gs-preview-modal h1 {
    font-size: 36px !important;
  }
}

/* line 87, src/sass/components/_base.scss */
#gs-preview-modal h1.noto-sans,
#gs-preview-modal h1 > span.noto-sans {
  font-size: 80px !important;
  line-height: 1.6667 !important;
}

@media (max-width: 1024px) {
  /* line 87, src/sass/components/_base.scss */
  #gs-preview-modal h1.noto-sans,
  #gs-preview-modal h1 > span.noto-sans {
    font-size: 42px !important;
    line-height: 1.75 !important;
  }
}

@media (max-width: 667px) {
  /* line 87, src/sass/components/_base.scss */
  #gs-preview-modal h1.noto-sans,
  #gs-preview-modal h1 > span.noto-sans {
    font-size: 28px !important;
  }
}

/* line 103, src/sass/components/_base.scss */
#gs-preview-modal p {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

/* line 109, src/sass/components/_base.scss */
#gs-preview-modal .headline-u-m, #gs-preview-modal .headline-u-m-marked, #gs-preview-modal .title-header-u-m, #gs-preview-modal .title-header-u-m-marked {
  font-family: 'URWGroteskMed W01 Regular' ,sans-serif !important;
  letter-spacing: .1rem !important;
  text-transform: uppercase !important;
}

/* line 114, src/sass/components/_base.scss */
#gs-preview-modal .headline-u-m span, #gs-preview-modal .headline-u-m-marked span, #gs-preview-modal .title-header-u-m span, #gs-preview-modal .title-header-u-m-marked span {
  background-color: #e3000f !important;
  display: inline !important;
  padding: 0 24px !important;
}

@media (max-width: 667px) {
  /* line 114, src/sass/components/_base.scss */
  #gs-preview-modal .headline-u-m span, #gs-preview-modal .headline-u-m-marked span, #gs-preview-modal .title-header-u-m span, #gs-preview-modal .title-header-u-m-marked span {
    padding: 0 18px !important;
  }
}

@media (max-width: 667px) {
  /* line 114, src/sass/components/_base.scss */
  #gs-preview-modal .headline-u-m span, #gs-preview-modal .headline-u-m-marked span, #gs-preview-modal .title-header-u-m span, #gs-preview-modal .title-header-u-m-marked span {
    padding: 0 14px !important;
  }
}

/* line 131, src/sass/components/_base.scss */
#gs-preview-modal .font-titillium-semibold {
  font-family: 'Titillium Web',sans-serif !important;
  font-weight: 600 !important;
  font-size: 32px !important;
}

@media (max-width: 1024px) {
  /* line 131, src/sass/components/_base.scss */
  #gs-preview-modal .font-titillium-semibold {
    font-size: 22px !important;
  }
}

@media (max-width: 667px) {
  /* line 131, src/sass/components/_base.scss */
  #gs-preview-modal .font-titillium-semibold {
    font-size: 18px !important;
  }
}

/* line 145, src/sass/components/_base.scss */
#gs-preview-modal .noto-sans {
  font-family: 'Noto Sans' !important;
}

/* line 148, src/sass/components/_base.scss */
#gs-preview-modal .noto-sans-regular {
  font-weight: 400 !important;
}

/* line 152, src/sass/components/_base.scss */
#gs-preview-modal .noto-sans-700 {
  font-weight: 700 !important;
}

/* line 157, src/sass/components/_base.scss */
#gs-preview-modal .noto-sans-jp {
  font-family: 'Noto Sans JP' !important;
}

/* line 160, src/sass/components/_base.scss */
#gs-preview-modal .noto-sans-jp-500 {
  font-weight: 500 !important;
}

/* line 164, src/sass/components/_base.scss */
#gs-preview-modal .noto-sans-jp-700 {
  font-weight: 700 !important;
}

/* line 169, src/sass/components/_base.scss */
#gs-preview-modal .noto-sans-sc {
  font-family: 'Noto Sans SC' !important;
}

/* line 172, src/sass/components/_base.scss */
#gs-preview-modal .noto-sans-sc-500 {
  font-weight: 500 !important;
}

/* line 176, src/sass/components/_base.scss */
#gs-preview-modal .noto-sans-sc-700 {
  font-weight: 700 !important;
}

/* line 181, src/sass/components/_base.scss */
#gs-preview-modal .no-wrap {
  margin-bottom: 0.5rem !important;
  white-space: nowrap !important;
}

/* line 186, src/sass/components/_base.scss */
#gs-preview-modal .text-white {
  color: #fff !important;
}

/* line 190, src/sass/components/_base.scss */
#gs-preview-modal .intro-text {
  font-size: 27px !important;
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

@media (max-width: 1024px) {
  /* line 190, src/sass/components/_base.scss */
  #gs-preview-modal .intro-text {
    font-size: 24px !important;
  }
}

@media (max-width: 667px) {
  /* line 190, src/sass/components/_base.scss */
  #gs-preview-modal .intro-text {
    font-size: 18px !important;
    line-height: 1.5 !important;
  }
}

/* line 206, src/sass/components/_base.scss */
#gs-preview-modal .lft {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  width: 45vw !important;
  margin-left: 5vw !important;
  margin-right: 5vw !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  padding-left: 117px !important;
}

@media (max-width: 1280px) {
  /* line 206, src/sass/components/_base.scss */
  #gs-preview-modal .lft {
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    width: 80vw !important;
  }
}

@media (max-width: 1024px) {
  /* line 206, src/sass/components/_base.scss */
  #gs-preview-modal .lft {
    padding-left: 84px !important;
  }
}

@media (max-width: 667px) {
  /* line 206, src/sass/components/_base.scss */
  #gs-preview-modal .lft {
    padding-left: 46px !important;
  }
}

@media (max-width: 480px) {
  /* line 206, src/sass/components/_base.scss */
  #gs-preview-modal .lft {
    padding-left: 0px !important;
    width: 95vw !important;
  }
}

/* line 234, src/sass/components/_base.scss */
#gs-preview-modal .rgt {
  background-image: url("../svg/gs-web.svg") !important;
  background-repeat: no-repeat !important;
  background-position: top left !important;
  background-size: 135% !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
  width: 45vw !important;
  z-index: -1;
}

@media (max-width: 1680px) {
  /* line 234, src/sass/components/_base.scss */
  #gs-preview-modal .rgt {
    background-position: top left !important;
  }
}

@media (max-width: 1280px) {
  /* line 234, src/sass/components/_base.scss */
  #gs-preview-modal .rgt {
    background-position: top center !important;
    background-size: 100% !important;
    height: 0 !important;
    width: 100vw !important;
    padding-bottom: 100% !important;
  }
}

@media (max-width: 667px) {
  /* line 234, src/sass/components/_base.scss */
  #gs-preview-modal .rgt {
    background-size: 135% !important;
  }
}

/* line 261, src/sass/components/_base.scss */
#gs-preview-modal .d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 272, src/sass/components/_base.scss */
#gs-preview-modal .mr-5 {
  margin-right: 5rem !important;
}

@media (max-width: 667px) {
  /* line 272, src/sass/components/_base.scss */
  #gs-preview-modal .mr-5 {
    margin-right: 2rem !important;
  }
}

/* line 280, src/sass/components/_base.scss */
#gs-preview-modal .mr-2 {
  margin-right: 2rem !important;
}

@media (max-width: 667px) {
  /* line 280, src/sass/components/_base.scss */
  #gs-preview-modal .mr-2 {
    margin-right: 1rem !important;
  }
}

@media (max-width: 480px) {
  /* line 280, src/sass/components/_base.scss */
  #gs-preview-modal .mr-2 {
    margin-right: 0.5rem !important;
  }
}

/* line 292, src/sass/components/_base.scss */
#gs-preview-modal .icon-arrow {
  margin-right: 1.5rem !important;
  background-image: url("../svg/gs-arrow.svg") !important;
  background-repeat: no-repeat !important;
  background-position: top left !important;
  background-size: 38px !important;
  width: 40px !important;
  height: 35px !important;
  margin-top: 0.5rem !important;
}

@media (max-width: 667px) {
  /* line 292, src/sass/components/_base.scss */
  #gs-preview-modal .icon-arrow {
    margin-right: 0.5rem !important;
    background-size: 28px !important;
    width: 30px !important;
    height: 25px !important;
  }
}