.node--type-job-posting.node--view-mode-teaser {
  width: 100%;
  height: 100%; }
  .node--type-job-posting.node--view-mode-teaser .teaser-container {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding-top: calc(10px + 10 * ((100vw - 600px) / 800));
    padding-left: calc(10px + 10 * ((100vw - 600px) / 800));
    padding-right: calc(10px + 10 * ((100vw - 600px) / 800));
    padding-bottom: calc(110px + 10 * ((100vw - 600px) / 800));
    box-sizing: border-box;
    border: 1px solid #909197; }
    @media screen and (max-width: 600px) {
      .node--type-job-posting.node--view-mode-teaser .teaser-container {
        padding-top: 10px; } }
    @media screen and (min-width: 1400px) {
      .node--type-job-posting.node--view-mode-teaser .teaser-container {
        padding-top: 20px; } }
    @media screen and (max-width: 600px) {
      .node--type-job-posting.node--view-mode-teaser .teaser-container {
        padding-left: 10px; } }
    @media screen and (min-width: 1400px) {
      .node--type-job-posting.node--view-mode-teaser .teaser-container {
        padding-left: 20px; } }
    @media screen and (max-width: 600px) {
      .node--type-job-posting.node--view-mode-teaser .teaser-container {
        padding-right: 10px; } }
    @media screen and (min-width: 1400px) {
      .node--type-job-posting.node--view-mode-teaser .teaser-container {
        padding-right: 20px; } }
    @media screen and (max-width: 600px) {
      .node--type-job-posting.node--view-mode-teaser .teaser-container {
        padding-bottom: 110px; } }
    @media screen and (min-width: 1400px) {
      .node--type-job-posting.node--view-mode-teaser .teaser-container {
        padding-bottom: 120px; } }
  .node--type-job-posting.node--view-mode-teaser h2 {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    -ms-hyphenate-limit-chars: 6 4 3;
    -webkit-hyphenate-limit-before: 4;
    -webkit-hyphenate-limit-after: 3; }
    .node--type-job-posting.node--view-mode-teaser h2 a:hover {
      color: var(--color-primary); }
  .node--type-job-posting.node--view-mode-teaser .meta-head {
    font-weight: normal;
    font-size: calc(22px + 4 * ((100vw - 600px) / 800));
    line-height: calc(26px + 4 * ((100vw - 600px) / 800));
    font-family: "Founders-grotesk-Regular", "sans-serif";
    margin-bottom: 1em; }
    @media screen and (max-width: 600px) {
      .node--type-job-posting.node--view-mode-teaser .meta-head {
        font-size: 22px; } }
    @media screen and (min-width: 1400px) {
      .node--type-job-posting.node--view-mode-teaser .meta-head {
        font-size: 26px; } }
    @media screen and (max-width: 600px) {
      .node--type-job-posting.node--view-mode-teaser .meta-head {
        line-height: 26px; } }
    @media screen and (min-width: 1400px) {
      .node--type-job-posting.node--view-mode-teaser .meta-head {
        line-height: 30px; } }
  .node--type-job-posting.node--view-mode-teaser .field--name-field-text-formatted-long {
    display: none;
    font-weight: normal;
    font-size: calc(18px + 2 * ((100vw - 600px) / 800));
    line-height: calc(22px + 2 * ((100vw - 600px) / 800));
    font-family: "Founders-grotesk-Regular", "sans-serif"; }
    @media screen and (max-width: 600px) {
      .node--type-job-posting.node--view-mode-teaser .field--name-field-text-formatted-long {
        font-size: 18px; } }
    @media screen and (min-width: 1400px) {
      .node--type-job-posting.node--view-mode-teaser .field--name-field-text-formatted-long {
        font-size: 20px; } }
    @media screen and (max-width: 600px) {
      .node--type-job-posting.node--view-mode-teaser .field--name-field-text-formatted-long {
        line-height: 22px; } }
    @media screen and (min-width: 1400px) {
      .node--type-job-posting.node--view-mode-teaser .field--name-field-text-formatted-long {
        line-height: 24px; } }
  .node--type-job-posting.node--view-mode-teaser .field--name-field-text-formatted-long-two {
    font-weight: normal;
    font-size: calc(18px + 2 * ((100vw - 600px) / 800));
    line-height: calc(22px + 2 * ((100vw - 600px) / 800));
    font-family: "Founders-grotesk-Regular", "sans-serif"; }
    @media screen and (max-width: 600px) {
      .node--type-job-posting.node--view-mode-teaser .field--name-field-text-formatted-long-two {
        font-size: 18px; } }
    @media screen and (min-width: 1400px) {
      .node--type-job-posting.node--view-mode-teaser .field--name-field-text-formatted-long-two {
        font-size: 20px; } }
    @media screen and (max-width: 600px) {
      .node--type-job-posting.node--view-mode-teaser .field--name-field-text-formatted-long-two {
        line-height: 22px; } }
    @media screen and (min-width: 1400px) {
      .node--type-job-posting.node--view-mode-teaser .field--name-field-text-formatted-long-two {
        line-height: 24px; } }
    @media (max-width: 600px) {
      .node--type-job-posting.node--view-mode-teaser .field--name-field-text-formatted-long-two {
        font-size: 18px;
        line-height: 22px; } }
  .node--type-job-posting.node--view-mode-teaser .meta {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-bottom: calc(7.5px + 7.5 * ((100vw - 600px) / 800));
    box-sizing: border-box; }
    @media screen and (max-width: 600px) {
      .node--type-job-posting.node--view-mode-teaser .meta {
        padding-bottom: 7.5px; } }
    @media screen and (min-width: 1400px) {
      .node--type-job-posting.node--view-mode-teaser .meta {
        padding-bottom: 15px; } }
    .node--type-job-posting.node--view-mode-teaser .meta .meta--top {
      width: 100%;
      float: left;
      padding-right: 20px;
      margin-bottom: calc(7.5px + 7.5 * ((100vw - 600px) / 800));
      box-sizing: border-box; }
      @media screen and (max-width: 600px) {
        .node--type-job-posting.node--view-mode-teaser .meta .meta--top {
          margin-bottom: 7.5px; } }
      @media screen and (min-width: 1400px) {
        .node--type-job-posting.node--view-mode-teaser .meta .meta--top {
          margin-bottom: 15px; } }
    .node--type-job-posting.node--view-mode-teaser .meta .meta--bottom {
      width: 100%;
      float: left;
      padding-right: 80px;
      box-sizing: border-box; }
  .node--type-job-posting.node--view-mode-teaser a.visited-label {
    color: #fff; }
    .node--type-job-posting.node--view-mode-teaser a.visited-label:visited {
      color: #909197; }
  .node--type-job-posting.node--view-mode-teaser .field--name-field-date,
  .node--type-job-posting.node--view-mode-teaser .created-date {
    font-weight: normal;
    font-size: calc(13px + 2 * ((100vw - 600px) / 800));
    line-height: calc(16px + 2 * ((100vw - 600px) / 800));
    letter-spacing: calc(0px + 0.2 * ((100vw - 600px) / 800));
    font-family: "Founders-grotesk-Medium", "sans-serif";
    width: 100%;
    float: left; }
    @media screen and (max-width: 600px) {
      .node--type-job-posting.node--view-mode-teaser .field--name-field-date,
      .node--type-job-posting.node--view-mode-teaser .created-date {
        font-size: 13px; } }
    @media screen and (min-width: 1400px) {
      .node--type-job-posting.node--view-mode-teaser .field--name-field-date,
      .node--type-job-posting.node--view-mode-teaser .created-date {
        font-size: 15px; } }
    @media screen and (max-width: 600px) {
      .node--type-job-posting.node--view-mode-teaser .field--name-field-date,
      .node--type-job-posting.node--view-mode-teaser .created-date {
        line-height: 16px; } }
    @media screen and (min-width: 1400px) {
      .node--type-job-posting.node--view-mode-teaser .field--name-field-date,
      .node--type-job-posting.node--view-mode-teaser .created-date {
        line-height: 18px; } }
    @media screen and (max-width: 600px) {
      .node--type-job-posting.node--view-mode-teaser .field--name-field-date,
      .node--type-job-posting.node--view-mode-teaser .created-date {
        letter-spacing: 0px; } }
    @media screen and (min-width: 1400px) {
      .node--type-job-posting.node--view-mode-teaser .field--name-field-date,
      .node--type-job-posting.node--view-mode-teaser .created-date {
        letter-spacing: 0.2px; } }
    .node--type-job-posting.node--view-mode-teaser .field--name-field-date .field__label,
    .node--type-job-posting.node--view-mode-teaser .created-date .field__label {
      padding-left: calc(10px + 10 * ((100vw - 600px) / 800));
      box-sizing: border-box;
      width: 110px;
      float: left; }
      @media screen and (max-width: 600px) {
        .node--type-job-posting.node--view-mode-teaser .field--name-field-date .field__label,
        .node--type-job-posting.node--view-mode-teaser .created-date .field__label {
          padding-left: 10px; } }
      @media screen and (min-width: 1400px) {
        .node--type-job-posting.node--view-mode-teaser .field--name-field-date .field__label,
        .node--type-job-posting.node--view-mode-teaser .created-date .field__label {
          padding-left: 20px; } }
    .node--type-job-posting.node--view-mode-teaser .field--name-field-date .field__item,
    .node--type-job-posting.node--view-mode-teaser .created-date .field__item {
      width: calc(100% - 110px);
      float: left;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .node--type-job-posting.node--view-mode-teaser .field--name-field-region,
  .node--type-job-posting.node--view-mode-teaser .created-date {
    color: #909197; }
  .node--type-job-posting.node--view-mode-teaser .field--name-field-job-posting-type {
    position: absolute;
    bottom: calc(4px + 4 * ((100vw - 600px) / 800));
    right: calc(5px + 5 * ((100vw - 600px) / 800));
    width: calc(46px + 6 * ((100vw - 600px) / 800));
    height: calc(46px + 6 * ((100vw - 600px) / 800));
    display: block;
    overflow: hidden; }
    @media screen and (max-width: 600px) {
      .node--type-job-posting.node--view-mode-teaser .field--name-field-job-posting-type {
        bottom: 4px; } }
    @media screen and (min-width: 1400px) {
      .node--type-job-posting.node--view-mode-teaser .field--name-field-job-posting-type {
        bottom: 8px; } }
    @media screen and (max-width: 600px) {
      .node--type-job-posting.node--view-mode-teaser .field--name-field-job-posting-type {
        right: 5px; } }
    @media screen and (min-width: 1400px) {
      .node--type-job-posting.node--view-mode-teaser .field--name-field-job-posting-type {
        right: 10px; } }
    @media screen and (max-width: 600px) {
      .node--type-job-posting.node--view-mode-teaser .field--name-field-job-posting-type {
        width: 46px; } }
    @media screen and (min-width: 1400px) {
      .node--type-job-posting.node--view-mode-teaser .field--name-field-job-posting-type {
        width: 52px; } }
    @media screen and (max-width: 600px) {
      .node--type-job-posting.node--view-mode-teaser .field--name-field-job-posting-type {
        height: 46px; } }
    @media screen and (min-width: 1400px) {
      .node--type-job-posting.node--view-mode-teaser .field--name-field-job-posting-type {
        height: 52px; } }
    .node--type-job-posting.node--view-mode-teaser .field--name-field-job-posting-type::before {
      width: calc(46px + 6 * ((100vw - 600px) / 800));
      height: calc(46px + 6 * ((100vw - 600px) / 800));
      line-height: calc(46px + 6 * ((100vw - 600px) / 800));
      position: relative;
      top: 1px; }
      @media screen and (max-width: 600px) {
        .node--type-job-posting.node--view-mode-teaser .field--name-field-job-posting-type::before {
          width: 46px; } }
      @media screen and (min-width: 1400px) {
        .node--type-job-posting.node--view-mode-teaser .field--name-field-job-posting-type::before {
          width: 52px; } }
      @media screen and (max-width: 600px) {
        .node--type-job-posting.node--view-mode-teaser .field--name-field-job-posting-type::before {
          height: 46px; } }
      @media screen and (min-width: 1400px) {
        .node--type-job-posting.node--view-mode-teaser .field--name-field-job-posting-type::before {
          height: 52px; } }
      @media screen and (max-width: 600px) {
        .node--type-job-posting.node--view-mode-teaser .field--name-field-job-posting-type::before {
          line-height: 46px; } }
      @media screen and (min-width: 1400px) {
        .node--type-job-posting.node--view-mode-teaser .field--name-field-job-posting-type::before {
          line-height: 52px; } }

/*# sourceMappingURL=../../_maps/components/node/node--job-posting--teaser.css.map */