.Jobs {
  position: relative;
  margin-top: 44px;
}

@media screen and (min-width: 769px) {

.Jobs {
    margin-top: 60px;
}
  }

@media screen and (max-width: 768px) {
    .Jobs img {
      max-height: 257px;
    }
  }

.Jobs > .u-contentWidth {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: var(--default-border-radius);
    background-color: #ffffff;
    transition: box-shadow 250ms ease-in-out;
  }

.Jobs > .u-contentWidth:hover {
      box-shadow: var(--default-box-shadow);
    }

.Jobs::after {
    content: '';
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 120px;
    background-color: #154171;
  }

.Job-image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 450px;
}

.Jobs-content {
  padding: 16px 16px 40px;
}

@media screen and (min-width: 1026px) {

.Jobs-content {
    display: flex;
    gap: 32px;
    padding: 40px;
}
  }

.Jobs-intro {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
  color: #000000;
}

.Jobs-intro .Text,
  .Jobs-intro .Button {
    margin-top: 0;
  }

@media screen and (min-width: 1026px) {

.Jobs-intro {
    width: 100%;
    max-width: 446px;
    margin-bottom: 0;
}
  }

@media screen and (min-width: 1026px) {

.Jobs-listing {
    width: 100%;
}
  }

.Jobs-listing strong {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--clr-primary-02);
  }

.Jobs-listing a.JobItem,
  .Jobs-listing .JobItem {
    display: block;
    padding: 16px 0;
    border-bottom: 1px solid var(--clr-border-default);
    font-size: var(--font-size-sm);
    font-weight: 400;
    line-height: var(--font-line-height-sm);
    text-decoration: none;
    color: #000000;
  }

@media screen and (min-width: 1026px) {

.Jobs-listing a.JobItem,
  .Jobs-listing .JobItem {
      font-size: var(--font-size-md);
      line-height: var(--font-line-height-md);
  }
    }

.Jobs-listing a.JobItem:hover {
    text-decoration: underline;
  }

.Jobs-listing p {
    margin: 0;
  }

body:not(.neos-backend) .Jobs-listing br {
  display: none;
}

.Jobs-button--desktop {
  display: none;
}

@media screen and (min-width: 1026px) {

.Jobs-button--desktop {
    display: block;
}
  }

.Jobs-button--mobile {
  display: flex;
  margin-top: 24px;
}

@media screen and (min-width: 1026px) {

.Jobs-button--mobile {
    display: none;
}
  }