.job-offers-marketplace-teaser {
  padding: clamp(3rem, 2.535rem + 1.357vw, 4rem) 0;
  background-color: #EBECF0; }
  .job-offers-marketplace-teaser ul {
    list-style: none; }
  .job-offers-marketplace-teaser .background-wrapper {
    padding-top: clamp(3.643rem, 3.3915vw + 2.4802rem, 6.143rem);
    background-image: linear-gradient(#00305B, #00305B);
    background-size: 95% 77%;
    background-repeat: no-repeat;
    background-position: top left; }
    @media only screen and (min-width: 580px) {
      .job-offers-marketplace-teaser .background-wrapper {
        background-size: 80% 87%; } }
    @media only screen and (min-width: 1080px) {
      .job-offers-marketplace-teaser .background-wrapper {
        background-size: 72% 87%; } }
  .job-offers-marketplace-teaser .inside {
    width: 90%;
    max-width: 1266px;
    margin: 0 auto; }
  .job-offers-marketplace-teaser-heading {
    font-size: clamp(1.857rem, 1.332rem + 1.531vw, 2.986rem);
    color: #FFFFFF;
    max-width: 75%;
    margin-bottom: .715rem; }
    @media only screen and (min-width: 1080px) {
      .job-offers-marketplace-teaser-heading {
        max-width: 60%; } }
  .job-offers-marketplace-teaser-text {
    margin-bottom: 3.86em;
    max-width: 75%; }
    .job-offers-marketplace-teaser-text p {
      font-size: 14px;
      line-height: 1.5;
      font-size: clamp(1.071rem, 1.012rem + 0.174vw, 1.2rem);
      color: #FFFFFF; }
    @media only screen and (min-width: 1080px) {
      .job-offers-marketplace-teaser-text {
        max-width: 60%; } }
  .job-offers-marketplace-teaser-content {
    position: relative;
    background-color: #FFFFFF;
    padding: 3.428rem 1.715rem; }
    @media only screen and (max-width: 579.98px) {
      .job-offers-marketplace-teaser-content:after {
        content: '';
        position: absolute;
        top: 0;
        right: -5%;
        width: 5%;
        height: 100%;
        background-color: #FFFFFF; } }
  .job-offers-marketplace-teaser-tabs {
    display: flex;
    justify-content: center;
    gap: .715em;
    margin-bottom: 3.428rem; }
  .job-offers-marketplace-teaser-tab {
    display: inline-block;
    position: relative;
    align-content: center;
    font-family: "Noto Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    padding: 1.072em 2.8em;
    color: #FFFFFF;
    background-color: #00305B;
    border: 1px solid #00305B;
    border-radius: 0;
    text-decoration: none;
    color: #000000;
    background-color: transparent;
    border-color: rgba(0, 48, 91, 0.2);
    padding: 0.357rem 1.429rem;
    margin: 0;
    cursor: pointer; }
    .job-offers-marketplace-teaser-tab:after {
      content: '';
      display: inline-block;
      margin-left: 0.7em;
      width: 0.7em;
      height: 0.7em;
      transform: rotate(45deg);
      transform-origin: center;
      border-style: solid;
      border-color: #E94E24;
      border-width: 2px 2px 0 0; }
    .job-offers-marketplace-teaser-tab:hover {
      color: #000000;
      background-color: transparent;
      border-color: rgba(0, 48, 91, 0.2); }
    .job-offers-marketplace-teaser-tab:active {
      scale: 0.95; }
    .job-offers-marketplace-teaser-tab:hover {
      color: #FFFFFF;
      background-color: #00305B;
      border-color: #00305B; }
    .job-offers-marketplace-teaser-tab:disabled {
      opacity: 0.5;
      pointer-events: none; }
    .job-offers-marketplace-teaser-tab:not(:last-of-type) {
      margin: 0 1em 1em 0; }
    .job-offers-marketplace-teaser-tab:after {
      display: none; }
    .job-offers-marketplace-teaser-tab.is-active {
      color: #FFFFFF;
      background-color: #00305B;
      border-color: #00305B; }
    .job-offers-marketplace-teaser-tab:not(:last-of-type) {
      margin: 0; }
  .job-offers-marketplace-teaser-panel {
    flex-direction: column; }
    .job-offers-marketplace-teaser-panel.is-visible {
      display: flex; }
    .job-offers-marketplace-teaser-panel.is-hidden {
      display: none; }
  .job-offers-marketplace-teaser-list {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin-bottom: 3.143em; }
  .job-offers-marketplace-teaser .job-marketplace-teaser-item {
    margin: 0; }
    .job-offers-marketplace-teaser .job-marketplace-teaser-item a {
      display: flex;
      align-items: center;
      width: 100%;
      max-width: 1078px;
      padding: 1em 1.5%;
      margin: 0 auto;
      border-bottom: 1px solid #EBECF0;
      text-decoration: none; }
      @media only screen and (min-width: 580px) {
        .job-offers-marketplace-teaser .job-marketplace-teaser-item a {
          padding: 1em; } }
      @media only screen and (min-width: 1080px) {
        .job-offers-marketplace-teaser .job-marketplace-teaser-item a {
          padding: 1em 1.715em; }
          .job-offers-marketplace-teaser .job-marketplace-teaser-item a:hover .job-offers-marketplace-teaser-listings-title {
            text-decoration-color: #E94E24; } }
  .job-offers-marketplace-teaser .job-marketplace-teaser-details {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%; }
    @media only screen and (min-width: 580px) {
      .job-offers-marketplace-teaser .job-marketplace-teaser-details {
        gap: .57em 0; } }
    @media only screen and (min-width: 1080px) {
      .job-offers-marketplace-teaser .job-marketplace-teaser-details {
        gap: 0; } }
  .job-offers-marketplace-teaser .job-marketplace-teaser-title {
    font-size: clamp(1.357rem, 1.317rem + 0.116vw, 1.443rem);
    font-weight: 700;
    width: 100%;
    margin-bottom: .5rem; }
    @media only screen and (min-width: 580px) {
      .job-offers-marketplace-teaser .job-marketplace-teaser-title {
        margin: 0; } }
    @media only screen and (min-width: 1080px) {
      .job-offers-marketplace-teaser .job-marketplace-teaser-title {
        width: 52%;
        margin-right: 4%;
        text-decoration: underline;
        text-underline-offset: initial;
        text-decoration-color: #000000; } }
  .job-offers-marketplace-teaser .job-marketplace-teaser-company {
    font-size: 14px;
    line-height: 1.5;
    font-size: clamp(1.071rem, 1.012rem + 0.174vw, 1.2rem);
    font-weight: 400;
    display: inline-block;
    width: 100%;
    margin-bottom: .3rem; }
    @media only screen and (min-width: 580px) {
      .job-offers-marketplace-teaser .job-marketplace-teaser-company {
        width: fit-content;
        margin: 0 5% 0 0; } }
    @media only screen and (min-width: 1080px) {
      .job-offers-marketplace-teaser .job-marketplace-teaser-company {
        width: 20%;
        margin-right: 4%; } }
  .job-offers-marketplace-teaser .job-marketplace-teaser-item-location {
    font-size: 14px;
    line-height: 1.5;
    font-size: clamp(1.071rem, 1.012rem + 0.174vw, 1.2rem);
    font-weight: 400;
    display: inline-block;
    width: 100%; }
    @media only screen and (min-width: 580px) {
      .job-offers-marketplace-teaser .job-marketplace-teaser-item-location {
        width: fit-content; } }
    @media only screen and (min-width: 1080px) {
      .job-offers-marketplace-teaser .job-marketplace-teaser-item-location {
        width: 20%; } }
  .job-offers-marketplace-teaser-load-more {
    align-self: center;
    display: inline-block;
    position: relative;
    align-content: center;
    font-family: "Noto Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    padding: 1.072em 2.8em;
    color: #FFFFFF;
    background-color: #00305B;
    border: 1px solid #00305B;
    border-radius: 0;
    text-decoration: none;
    color: #000000;
    background-color: transparent;
    border-color: rgba(0, 48, 91, 0.2);
    text-align: center; }
    .job-offers-marketplace-teaser-load-more:after {
      content: '';
      display: inline-block;
      margin-left: 0.7em;
      width: 0.7em;
      height: 0.7em;
      transform: rotate(45deg);
      transform-origin: center;
      border-style: solid;
      border-color: #E94E24;
      border-width: 2px 2px 0 0; }
    .job-offers-marketplace-teaser-load-more:hover {
      color: #000000;
      background-color: transparent;
      border-color: rgba(0, 48, 91, 0.2); }
    .job-offers-marketplace-teaser-load-more:active {
      scale: 0.95; }
    .job-offers-marketplace-teaser-load-more:hover {
      color: #FFFFFF;
      background-color: #00305B;
      border-color: #00305B; }
    .job-offers-marketplace-teaser-load-more:disabled {
      opacity: 0.5;
      pointer-events: none; }
    .job-offers-marketplace-teaser-load-more:not(:last-of-type) {
      margin: 0 1em 1em 0; }

/*# sourceMappingURL=job-offers-marketplace-teaser.css.map */