/**
* Block Name: referenzen
*/

section.referenzen {
  background-color: var(--salbei);
}

section.referenzen .category-filters {
  gap: 15px;
}

section.referenzen .filter_btn {
  padding: 4px 10px;
  color: var(--minzgrun);
}

section.referenzen .filter_btn.active {
  background: rgba(255, 255, 255, 0.68) !important;
  border-radius: var(--medium);
}

section.referenzen .card {
  background-color: transparent;
  border: none;
  display: grid;
  grid-template-columns: 1fr 1fr;

  margin-bottom: 100px;
}

section.referenzen .card > * {
  color: var(--waldgrun);
}

section.referenzen .card .content {
  padding-right: 125px;
}

section.referenzen .image_wrapper {
  aspect-ratio: 1/1;
  padding-right: 15px;
}

section.referenzen .card .post-categories {
  display: flex;
  gap: 15px;
}

section.referenzen .card .post-categories .post-category {
  background: rgba(255, 255, 255, 0.68);
  padding: 3px 6px;
}

section.referenzen .card .btn-primary.weiter {
  margin-top: 20px;
}

@media (max-width: 1199px) {
  section.referenzen .card .content {
    padding-right: 50px;
  }
}

@media (max-width: 992px) {
  section.referenzen .card {
    grid-template-columns: 1fr;
    row-gap: 30px;
    margin-bottom: 0;
    height: auto;
  }

  section.referenzen .image_wrapper {
    max-height: none;
    aspect-ratio: 1/1;
    order: 1;
    padding-right: 0;
  }

  section.referenzen .card .content {
    padding-right: 0;
    order: 2;
  }
}

@media (max-width: 375px) {
  section.referenzen .filter_btn {
    font-size: 15px;
  }
}