.block__archive-post,
.block__archive-projecten {
  margin-top: 80px;
}
.cards--post {
  gap: var(--postSpacing, 60px 30px);
  grid-template-columns: repeat(
    auto-fill,
    minmax(var(--postWidth, 280px), 1fr)
  );
}
@media (min-width: 800px) {
  .cards--post-archive {
    --postWidth: 25%;
    --postSpacing: 30px;
  }
}
.cards--project {
  gap: var(--postGap, 60px 30px);
  grid-template-columns: repeat(
    auto-fill,
    minmax(var(--postWidth, 300px), 1fr)
  );
}
@media (min-width: 800px) {
  .cards--project-featured {
    --postWidth: 30%;
    --postGap: 70px 100px;
  }
  .cards--project-archive {
    --postWidth: 40%;
    --postGap: 70px 100px;
  }
}
.card__tag--case {
  background-color: rgba(var(--tertiary1-hex), 0.2);
  border-radius: 5px;
  color: var(--tertiary2-color);
  padding: 6px 10px;
}
@media (min-width: 790px) {
  .card--project-promo {
    grid-column: span 2;
  }
}
.card--project-promo .card__figure {
  margin: 0;
}
.card--project-promo .card__content--promo {
  border-radius: 12px;
  margin-left: var(--margin, 20px);
  margin-right: var(--margin, 20px);
  margin-top: -70px;
  padding: var(--padding, 30px);
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .card--project-promo .card__content--promo {
    --margin: 110px;
    --padding: 70px 80px 60px;
  }
}
.card--project-promo .card__tag--case {
  background-color: rgba(var(--white-hex), 0.5);
  border-radius: 5px;
  color: var(--tertiary2-color);
  padding: 6px 10px;
}
.cards--search {
  gap: var(--postGap, 35px 30px);
  grid-template-columns: repeat(
    auto-fill,
    minmax(var(--postWidth, 320px), 1fr)
  );
}

.card__content--case {
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card--post {
    background-color:#000;
    padding:10px 20px 20px;
    border-radius: 12px;
    color:#fff;
    display: flex;
    flex-direction: column;
}