.job-offer {
  margin-bottom: clamp(5.429rem, 2.673rem + 7.602vw, 9.857rem); }
  .job-offer .inside {
    width: 90%;
    max-width: 1266px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap; }
    @media only screen and (min-width: 1280px) {
      .job-offer .inside {
        width: 100%;
        margin: 0;
        max-width: none;
        padding-left: clamp(4.429rem, -20.005rem + 26.724vw, 8.857rem); } }
  .job-offer .column-content {
    width: 100%; }
    .job-offer .column-content > * {
      max-width: 860px; }
  .job-offer .column-sidebar {
    width: 100%;
    display: flex;
    flex-direction: column; }
    .job-offer .column-sidebar div[data-google-query-id] {
      max-width: max-content;
      margin: 0 auto 3.43rem; }
      .job-offer .column-sidebar div[data-google-query-id]:before {
        content: 'Anzeige';
        display: block;
        margin-bottom: 0.35rem;
        font-size: 14px;
        line-height: 1.5;
        font-size: 0.836rem;
        color: #4A4B4D;
        text-align: left; }
  @media only screen and (min-width: 1280px) {
    .job-offer .column-content {
      width: calc(95% - 340px);
      margin-right: 5%; }
    .job-offer .column-sidebar {
      position: sticky;
      width: 300px;
      top: calc(var(--header-height) - 2.5rem); } }
  .job-offer-header {
    margin-bottom: clamp(3.857rem, 3.259rem + 1.744vw, 5.143rem); }
  .job-offer-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: .714em;
    margin-bottom: 2.714em;
    border: 1px solid #D6D7DC; }
    @media only screen and (min-width: 414px) {
      .job-offer-logo {
        max-width: 180px;
        aspect-ratio: 1/1; } }
  .job-offer-title {
    font-size: clamp(1.729rem, 1.376rem + 1.027vw, 2.486rem);
    margin-bottom: .571rem; }
    @media (max-width: 480px) {
      .job-offer-title {
        word-break: break-all; } }
  .job-offer-company-name {
    font-size: 14px;
    line-height: 1.5;
    font-size: clamp(1.071rem, 1.012rem + 0.174vw, 1.2rem);
    margin-bottom: .571rem; }
  .job-offer-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .571rem 1rem; }
  .job-offer-description {
    margin-bottom: clamp(2.571rem, 1.508rem + 3.101vw, 4.857rem); }
    .job-offer-description-title {
      font-size: clamp(1.443rem, 1.31rem + 0.388vw, 1.729rem);
      margin-bottom: 1.714rem; }
    .job-offer-description-text {
      margin-bottom: 1.714rem; }
      .job-offer-description-text p {
        font-size: 14px;
        line-height: 1.5;
        font-size: clamp(1.143rem, 1.076rem + 0.194vw, 1.286rem); }
  .job-offer-benefits {
    margin-bottom: 2.714em; }
    .job-offer-benefits-title {
      font-size: clamp(1.443rem, 1.31rem + 0.388vw, 1.729rem);
      margin-bottom: 1.714rem; }
    .job-offer-benefits-list {
      display: flex;
      flex-wrap: wrap;
      gap: .714em 5em; }
    .job-offer-benefits-item {
      font-size: 14px;
      line-height: 1.5;
      font-weight: 700;
      line-height: 1.4;
      color: #00305B;
      margin: 0; }
  .job-offer-application {
    margin-bottom: clamp(4.286rem, 2.957rem + 3.876vw, 7.143rem); }
    .job-offer-application-form {
      position: fixed;
      top: 50%;
      left: 50%;
      display: none;
      width: 90%;
      max-width: 46rem;
      max-height: 92.5svh;
      padding: 3rem 1.5rem;
      background-color: #FFFFFF;
      transform: translate(-50%, -50%);
      overflow-y: auto;
      z-index: 1000; }
      @media only screen and (min-width: 414px) {
        .job-offer-application-form {
          padding: 3rem; } }
      .job-offer-application-form.modal-shown {
        display: flex;
        flex-direction: column; }
      .job-offer-application-form .modal-close {
        all: unset;
        margin-left: auto;
        cursor: pointer; }
        .job-offer-application-form .modal-close:after {
          display: none; }
      .job-offer-application-form fieldset {
        margin-bottom: 2.286rem; }
        .job-offer-application-form fieldset:last-child {
          margin-bottom: 0; }
        .job-offer-application-form fieldset select,
        .job-offer-application-form fieldset input,
        .job-offer-application-form fieldset textarea {
          width: 100%; }
        .job-offer-application-form fieldset textarea {
          resize: none; }
        .job-offer-application-form fieldset legend {
          font-size: clamp(1.357rem, 1.317rem + 0.116vw, 1.443rem);
          font-weight: 700;
          margin-bottom: 1.714rem; }
        .job-offer-application-form fieldset .field--type-file .form-item {
          position: relative;
          display: flex;
          flex-direction: column;
          min-height: 13.8rem;
          margin-top: 2rem;
          padding: 1.43rem;
          background-color: #EFF0F4;
          font-size: 14px;
          line-height: 1.5;
          color: #00305B; }
          .job-offer-application-form fieldset .field--type-file .form-item label {
            margin: -2rem 0 0;
            translate: -1.43rem -100%;
            pointer-events: none; }
          .job-offer-application-form fieldset .field--type-file .form-item > div {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: auto; }
            .job-offer-application-form fieldset .field--type-file .form-item > div.description {
              text-align: center; }
            .job-offer-application-form fieldset .field--type-file .form-item > div input[type="file"] {
              position: relative;
              width: 100%;
              padding: 4rem;
              color: transparent;
              cursor: pointer; }
              .job-offer-application-form fieldset .field--type-file .form-item > div input[type="file"]:after {
                content: '';
                position: absolute;
                width: 100%;
                height: 100%;
                inset: 0;
                background: #EFF0F4 url("../../../icons/icon-document.svg") center/3.4rem auto no-repeat;
                z-index: 2; }
        .job-offer-application-form fieldset:nth-of-type(1) .fieldset-wrapper {
          display: flex;
          flex-direction: column;
          gap: 1.429rem; }
        .job-offer-application-form fieldset:nth-of-type(2) .fieldset-wrapper {
          display: grid;
          gap: 1.429rem;
          grid-template-columns: 1fr 1fr; }
        .job-offer-application-form fieldset:nth-of-type(2) .field--name-field-street,
        .job-offer-application-form fieldset:nth-of-type(2) .field--name-field-country,
        .job-offer-application-form fieldset:nth-of-type(2) .field--name-field-e-mail,
        .job-offer-application-form fieldset:nth-of-type(2) .field--name-field-phone {
          grid-column: span 2; }
      .job-offer-application-form #edit-actions {
        text-align: right; }
        .job-offer-application-form #edit-actions #edit-submit {
          width: auto;
          margin: 0;
          cursor: pointer;
          padding-right: 4.5em;
          background-image: url(../../../icons/icon-arrow-right.svg);
          background-position: right 2.8em top 1.18em;
          background-repeat: no-repeat;
          background-size: 0.8em; }
          .job-offer-application-form #edit-actions #edit-submit:after {
            display: none; }
    .job-offer-application-actions .btn-apply {
      cursor: pointer; }
  .job-offer-company {
    margin-bottom: clamp(3.857rem, 3.259rem + 1.744vw, 5.143rem); }
    .job-offer-company-title {
      font-size: clamp(1.443rem, 1.31rem + 0.388vw, 1.729rem);
      margin-bottom: 1.714rem; }
    .job-offer-company-description p {
      font-size: 14px;
      line-height: 1.5;
      font-size: clamp(1.143rem, 1.076rem + 0.194vw, 1.286rem); }
  .job-offer-contact {
    padding: 2.857em;
    background-color: #E5EAEF;
    margin-bottom: clamp(4.286rem, 2.957rem + 3.876vw, 7.143rem); }
    .job-offer-contact * {
      color: #00305B; }
    .job-offer-contact-title {
      font-size: clamp(1.443rem, 1.31rem + 0.388vw, 1.729rem);
      margin-bottom: 1.714rem; }
    .job-offer-contact-name {
      font-size: 14px;
      line-height: 1.5;
      font-size: clamp(1.143rem, 1.076rem + 0.194vw, 1.286rem);
      margin-bottom: .714rem; }
    .job-offer-contact-phone {
      font-size: 14px;
      line-height: 1.5;
      font-size: clamp(1.143rem, 1.076rem + 0.194vw, 1.286rem);
      margin-bottom: .714rem; }
    .job-offer-contact-email, .job-offer-contact-website {
      font-size: 14px;
      line-height: 1.5;
      font-size: clamp(1.143rem, 1.076rem + 0.194vw, 1.286rem);
      margin-bottom: 1.714rem; }
    .job-offer-contact-adress {
      font-size: 14px;
      line-height: 1.5;
      font-size: clamp(1.143rem, 1.076rem + 0.194vw, 1.286rem);
      margin-bottom: .714rem; }
    .job-offer-contact > *:last-child {
      margin-bottom: 0; }
  .job-offer-related-jobs {
    margin-bottom: clamp(4.429rem, 1.673rem + 7.602vw, 8.857rem); }
    .job-offer-related-jobs-title {
      font-size: clamp(1.729rem, 1.376rem + 1.027vw, 2.486rem);
      margin-bottom: 4.286rem; }
    .job-offer-related-jobs-list {
      display: flex;
      flex-direction: column;
      gap: 1.429rem;
      padding: 0;
      margin: 0;
      list-style: none; }
      .job-offer-related-jobs-list .job-offers-teaser-title {
        word-break: break-all; }
  .job-offer-disclaimer p {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600; }

/*# sourceMappingURL=job-offer.css.map */