.testimonials-overview-headline {
  grid-column: 3 / span 10;
  margin: 0;
  margin-bottom: var(--s-sm);
}

.testimonials-overview-description {
  grid-column: 3 / span 10;
}

.testimonials-overview-list {
  grid-column: 3 / span 10;
  column-count: 3;
  column-gap: var(--grid-gap);
}

.testimonials-overview-item {
  background-color: var(--white);
  padding: 4px;
  margin-bottom: var(--grid-gap);
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.testimonials-overview-item.hidden {
  display: none;
}

.testimonials-overview-item-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1em;
  border: 1px solid var(--yellow);
}

.testimonials-overview-item-logo {
    height: 3em;
    width: auto;
}

.testimonials-overview-item-rating {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.testimonials-overview-item-rating-star {
    height: 1.25em;
    width: auto;
}

.testimonials-overview-item-rating-text {
    color: var(--yellow);
    font-size: 0.9em;
}

.testimonials-overview-item-separator {
    width: min(20ch, 100%);
    height: 1px;
    background-color: currentColor;
    margin-block: 1em;
}

.testimonials-overview-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.testimonials-overview-item-comment {
    text-align: center;
}

.testimonials-overview-item-name-title {
    font-weight: 500;
    margin-top: 1em;
}

.testimonials-overview-item-quotation-mark {
    height: 1.5em;
    aspect-ratio: 188/150;
    mask-image: url('../../img/quotation-mark.svg');
    mask-repeat: no-repeat;
    mask-size: contain;
    background-color: currentColor;
    margin-bottom: 1em;
}

.testimonials-overview-more-btn {
  grid-column: 3 / span 10;
  margin-top: var(--s-md);
  justify-self: center;
}

.testimonials-overview-more-btn.hidden {
  display: none;
}

@media (max-width: 1199.98px) {
  .testimonials-overview-headline,
  .testimonials-overview-description,
  .testimonials-overview-list {
    grid-column: 2 / span 12;
  }
}

@media (max-width: 991.98px) {
  .testimonials-overview-list {
    column-count: 2;
  }
}

@media (max-width: 575.98px) {
    .testimonials-overview-list {
    column-count: unset;
  }
}