.page__list {
  display: flex;
  flex-wrap: wrap;
  /*column-gap: 2rem;*/
  justify-content: space-between;
  /*margin-top: var(--padding-size-max);*/
}

.page__list__item {
  display: flex;
  flex-wrap: wrap;
  padding-top: 2rem;
  min-height: 17.875rem;
  /*flex: 0 0 100%;*/
  width: calc(50vw - var(--padding-size-med));
  /*max-height: 31.375rem;*/
}

.page__list__item-no-picture {
  display: flex;
  /*height: 17.5rem;*/
  height: 12.5rem;
  justify-content: center;
  align-items: center;
  border-radius: .4rem;
  background: var(--color-background-form-element-primary);
}

.page__list__item-no-picture span {
  font-size: 4rem;
  color: white;
}

.page__list__item a {
  padding-bottom: 1rem;
  /*flex: 0 0 100%;*/
  text-decoration: none;
}

.page__list__item picture {
  display: flex;
}

.page__list__item img {
  /*height: 17.5rem;*/
  height: 12.5rem;
  object-fit: cover;
  object-position: center;
  border-radius: .4rem;
  /*flex: 0 0 100%;*/
  width: 100%;
}

.page__list__item-title {
  margin-top: 1.5rem;
  color: #3d3d3d;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 900;
}

.page__list__item-footer {
  margin-top: auto;
  font-size: .75rem;
  color: var(--color-text-content);
  width: 100%;
}

.page__list__item-footer a {
  color: var(--color-text-content);
}

.page__list-pagination-wrapper {

}

.page__list-pagination {
  display: flex;
  margin: 2rem 0;
  justify-content: space-evenly;
}

.page__list-pagination li {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  justify-content: center;
  border-radius: 5.46875rem;
  border: solid 1px #BCBCBC;
  color: var(--color-text-primary);
}

.page__list-pagination li:not(:first-child) {
  margin-left: 1rem;
}

.page__list-pagination li > a, .page__list-pagination li > span {
  text-align: center;
  line-height: 2.5rem;
  color: var(--color-text-primary);
  border-radius: 5.46875rem;
  text-decoration: none;
}

.page__list-pagination li > a {
  flex: 1;
}

.page__list-pagination-number {
  display: none !important;
}

.page__list-pagination-current {
  background: var(--color-background-form-element-primary);
}

.page__list-pagination-number > a {
  background: var(--color-text-primary);
  color: white !important;
}

@media screen and (min-width: 768px) {
  .page__list {
    column-gap: 2rem;
    /*justify-content: inherit;*/
  }

  .page__list__item, .page__list__item-no-picture {
    width: 21.875rem;
    flex: inherit;
  }

  .page__list__item-no-picture {
    height: 17.5rem;
  }

  .page__list__item img {
    height: 17.5rem;
    flex: 0 0 100%;
    /*width: inherit;*/
  }
}

@media screen and (min-width: 769px) {
  .page__list__item, .page__list__item-no-picture {
    width: 16.875rem;
    flex: inherit;
  }

  .page__list__item img {
    height: 20rem;
  }

  .page__list__item-no-picture {
    height: 20rem;
  }

  .page__list-pagination {
    display: flex;
    margin: 2rem 0;
    justify-content: initial;
  }

  .page__list-pagination-number {
    display: flex !important;
  }
}

@media screen and (min-width: 820px) {
  .page__list__item, .page__list__item-no-picture {
    width: 22rem;
    flex: inherit;
  }
}

@media screen and (min-width: 912px) {
  .page__list__item, .page__list__item-no-picture {
    width: 25.475rem;
    flex: inherit;
  }
}

@media screen and (min-width: 1024px) {
  .page__list__item, .page__list__item-no-picture {
    width: 18.275rem;
    flex: inherit;
  }
}

@media screen and (min-width: 1025px) {
  .page__list__item, .page__list__item-no-picture {
    width: 16.875rem;
    flex: inherit;
  }
}