.views.job_application_overview .application-list {
  grid-column: span 13;
  padding: var(--section-inner-side-padding);
}

.views.job_application_overview .application-list .view-header,
.views.job_application_overview .application-list .views-row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 2rem;
  word-break: break-word;
  hyphens: auto;
}

.views.job_application_overview .application-list .views-row {
  padding: 1rem 0;
}

.views.job_application_overview .application-list .views-row:not(:last-of-type) {
  border-bottom: 1px solid black;
}


.views.job_application_overview .application-list .view-header {
  font-size: 1.5rem;
  font-weight: 700;
}

.views.job_application_overview .application-list .view-content {
  display: flex;
  flex-direction: column;
  grid-column-gap: var(--grid-gap);
  grid-template-columns: var(--grid-columns);
  margin: 0;
}

.views.job_application_overview .application-list .row-title {
  grid-column: span 7;
  font-weight: 700;
}

.views.job_application_overview .application-list .row-title a {
  word-wrap: anywhere;
  word-break: unset;
  hyphens: none;
}

.views.job_application_overview .application-list .row-open {
  grid-column: span 2;
  text-align: right;
}

.views.job_application_overview .application-list .row-close {
  grid-column: span 3;
  text-align: right;
}

@media (max-width: 991px) {
  .views.job_application_overview .application-list .view-header {
    display: none;
  }

  .views.job_application_overview .application-list .views-row {
    gap: .5rem;
  }

  .views.job_application_overview .application-list .row-title {
    grid-column: span 12;
  }

  .views.job_application_overview .application-list .row-open,
  .views.job_application_overview .application-list .row-close {
    grid-column: span 12;
    text-align: right;
  }

  html[lang="de"] .views.job_application_overview .application-list .row-open::before {
    content: 'Online seit: ';
  }

  html[lang="de"] .views.job_application_overview .application-list .row-close::before {
    content: 'Bewerbungsfrist: ';
  }

  html[lang="en"] .views.job_application_overview .application-list .row-open::before {
    content: 'Online since: ';
  }

  html[lang="en"] .views.job_application_overview .application-list .row-close::before {
    content: 'Application deadline: ';
  }
}