@keyframes ajax_loop {
  0% {
    left: -100%; }
  50% {
    left: 100%; }
  100% {
    left: 200%; } }

.careerList .career-filter {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 0;
  list-style: none;
  margin-bottom: 50px; }
  .careerList .career-filter .career-filter__item {
    font-size: var(--fontSize--m); }
    .careerList .career-filter .career-filter__item:hover {
      cursor: pointer;
      text-decoration: underlinef; }
    .careerList .career-filter .career-filter__item.active {
      color: #03ABAB;
      text-decoration: underline;
      font-weight: bold; }
    .careerList .career-filter .career-filter__item:not(:last-child) {
      margin-right: 50px; }

.careerList .article-wrapper {
  display: grid;
  gap: 30px;
  margin-bottom: 100px;
  grid-template-columns: 1fr; }
  @media (min-width: 768px) {
    .careerList .article-wrapper {
      grid-template-columns: 1fr 1fr; } }
  @media (min-width: 1300px) {
    .careerList .article-wrapper {
      grid-template-columns: 1fr 1fr 1fr; } }

.careerList article.hidden {
  display: none; }

.careerList article.post {
  border: 1px #353535 solid;
  background-color: #292929;
  overflow: hidden;
  opacity: 0;
  transition: all .5s ease;
  transform: translateY(40px);
  flex-basis: 100%; }
  @media only screen and (min-width: 992px) {
    .careerList article.post {
      flex-basis: calc((100 / 3) * 1% - 20px); } }
  .careerList article.post.loaded {
    opacity: 1;
    transform: translateY(0px); }
  .careerList article.post .post__title {
    margin-bottom: 10px; }
    .careerList article.post .post__title a {
      font-size: 1.875rem;
      text-decoration: none;
      font-weight: bold;
      color: #fff; }
  .careerList article.post .post__content {
    padding: 50px; }
    .careerList article.post .post__content .post__info {
      margin-bottom: 20px; }
      .careerList article.post .post__content .post__info .date {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
        color: #747474;
        font-size: var(--fontSize--normal);
        line-height: 1; }
        .careerList article.post .post__content .post__info .date p {
          margin-bottom: 0 !important; }
  .careerList article.post .post__description {
    font-size: var(--fontSize--m);
    font-weight: 300;
    margin-bottom: 20px; }
  .careerList article.post .post__read-more {
    font-size: var(--fontSize--s);
    background-color: #03ABAB;
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.4rem;
    padding: 15px 20px 15px 45px;
    font-weight: 600;
    text-decoration: none;
    background-position: 20px center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjQ5OTkgNS4wMDA2NkwxLjUgNS4wMDA2NiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNy40NjY4IDAuOTg0MDQzTDExLjUwMDEgNC45OTk5OUw3LjQ2NjggOS4wMTY2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    transition: all .35s; }
    .careerList article.post .post__read-more:hover {
      background-position: 24px center; }