.job-offers-teaser-item {
  margin: 0; }
  .job-offers-teaser-item a {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1078px;
    padding: 1em 1.5%;
    margin: 0 auto;
    border-bottom: 1px solid #D6D7DC;
    text-decoration: none; }
    @media only screen and (min-width: 580px) {
      .job-offers-teaser-item a {
        padding: 1em; } }
    @media only screen and (min-width: 1080px) {
      .job-offers-teaser-item a {
        padding: 1em 1.715em; }
        .job-offers-teaser-item a:hover .job-offers-teaser-title {
          text-decoration: none; } }
  .job-offers-teaser-item.has-badge a {
    padding-top: 3.857rem; }
.job-offers-teaser-logo {
  flex-shrink: 0;
  align-self: flex-start;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.643em;
  height: 4.643em;
  margin-right: 1.215em; }
  @media only screen and (min-width: 1080px) {
    .job-offers-teaser-logo {
      margin-right: 4.125%; } }
.job-offers-teaser-details {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  container-name: job-teaser-details;
  container-type: inline-size; }
  @media only screen and (min-width: 580px) {
    .job-offers-teaser-details {
      gap: .57em 0; } }
  @media only screen and (min-width: 1080px) {
    .job-offers-teaser-details {
      gap: 0; } }
@container job-teaser-details (width < 860px) {
  .job-offers-teaser-details .job-offers-teaser-title {
    word-break: break-all; } }
.job-offers-teaser-badge {
  font-size: 14px;
  line-height: 1.5;
  font-size: 0.836rem;
  color: #FFFFFF;
  position: absolute;
  top: -2.857rem;
  left: 0;
  display: block;
  width: fit-content;
  padding: .357rem .715rem;
  background-color: #E94E24; }
.job-offers-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-teaser-title {
      margin: 0; } }
  @media only screen and (min-width: 1080px) {
    .job-offers-teaser-title {
      width: 40%;
      margin-right: 5%;
      text-decoration: underline;
      text-underline-offset: initial;
      text-decoration-color: #000000; } }
  @media (max-width: 480px) {
    .job-offers-teaser-title {
      word-break: break-all; } }
.job-offers-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-teaser-company {
      width: fit-content;
      margin: 0 5% 0 0; } }
  @media only screen and (min-width: 1080px) {
    .job-offers-teaser-company {
      width: 25%; } }
.job-offers-teaser-date {
  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-teaser-date {
      width: fit-content;
      margin: 0 5% 0 0; } }
  @media only screen and (min-width: 1080px) {
    .job-offers-teaser-date {
      width: 10%; } }
.job-offers-teaser-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-teaser-location {
      width: fit-content; } }
  @media only screen and (min-width: 1080px) {
    .job-offers-teaser-location {
      width: 25%; } }
@media only screen and (min-width: 1080px) {
  .job-offers-teaser.has-date .job-offers-teaser-title {
    width: 55%; } }
@media only screen and (min-width: 1080px) {
  .job-offers-teaser.has-date .job-offers-teaser-company {
    order: 999;
    width: 55%;
    margin: .571rem 0 0 0; } }

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