:root {
  @include use-responsive-sizing(--list-teasers-gap, responsive-map(xs 2rem, xl 4.4rem));
}

.list {
  display: grid;
  gap: 3rem;
  grid-template-columns: 100%;
}

.list__search-box {
  margin-block-end: 4rem;
}

.list__search-results {
  --headline-font-size: 1.6rem;
  --headline-font-weight: var(--font-weight-regular);
  --headline-color: var(--color-grey-dark);

  margin-block-start: -3rem;
  padding-inline: var(--list-search-results-padding-inline, 0);
}

.list__pagination {
  padding-inline: var(--list-pagination-padding-inline, 0);
}

.list__list-teasers {
  display: grid;
  gap: var(--list-teasers-gap);
  padding-inline: var(--list-teasers-padding-inline, 0);
}

.list__list-teaser {
  border-block-end-color: var(--color-grey-light);
  border-block-end-style: solid;
  border-block-end-width: 1px;
  padding-block-end: var(--list-teasers-gap);
}

.list__empty {
  font-size: 2.2rem;
  margin-block: 4rem;
  text-align: center;

  > * + * {
    margin-block-start: 1rem;
  }
}

.list__button {
  padding-inline: var(--list-pagination-padding-inline, 0);
  text-align: center;
}