.view-cross-content,
.card-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-self: stretch;
  align-items: flex-start;
}


.view-cross-content__header,
.card-list__header {
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: flex-start;
  padding: 60px var(--px160-percent);
  align-self: stretch;
}
.card-list__header {
  align-items: center;
  justify-content: center;
}
.header--primary .view-cross-content__header,
.card-list--primary .card-list__header {
  background-color: var(--color-primary--1);
  color: var(--color-white);
}


.header--secondary .view-cross-content__header {
  background-color: var(--color-secondary--1);
  color: var(--color-primary--1);
}

.card-list--secondary .card-list__header {
  background-color: var(--color-secondary--1);
  color: var(--color-white);
}


.view-cross-content .view-header {
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  height: 100%;
  align-self: stretch;
}

.view-cross-content-header__title,
.card-list__title {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: flex-start;
  transition: ease all 150ms;
}

.view-cross-content .view-header p {
  margin: 0;
}

.view-cross-content__content:not(:has(.views-infinite-scroll-content-wrapper)),
.views-infinite-scroll-content-wrapper,
.card-list__wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  align-self: stretch;
}
.view-cross-content .views-row
.card-list .card {
  transition: ease all 150ms;
}
.view-cross-content .views-row:nth-child(odd),
.card-list .card:nth-child(odd) {
  background-color: var(--color-primary--4);
}
.view-cross-content  .views-row:nth-child(even),
.card-list .card:nth-child(even) {
  background-color: var(--color-primary--3);
}
.view-cross-content .views-row:nth-child(odd):hover,
.view-cross-content .views-row:nth-child(even):hover,
.card-list .card:nth-child(odd):hover,
.card-list .card:nth-child(even):hover  {
  background-color: var(--color-primary--2) !important;
  color: var(--color-white);
  text-decoration: none;
}
.header--secondary.view-cross-content .views-row:nth-child(odd),
.card-list--secondary.card-list .card:nth-child(odd) {
  background-color: var(--color-primary--5);
}
.header--secondary.view-cross-content  .views-row:nth-child(even),
.card-list--secondary.card-list .card:nth-child(even) {
  background-color: var(--color-primary--2);
}
.header--secondary.view-cross-content .views-row:hover:nth-child(n),
.card-list--secondary.card-list .card:hover:nth-child(n) {
  background-color: var(--color-primary--4) !important;
  color: var(--color-primary--1) !important;
  text-decoration: none;
}
.header--secondary.view-cross-content .views-row:hover:nth-child(n) .cross-content-teaser__date,
.header--secondary.view-cross-content .views-row:hover:nth-child(n) .cross-content-teaser__title,
.header--secondary.view-cross-content .views-row:hover:nth-child(n) .cross-content-teaser__link,
.card-list--secondary.card-list .card:hover:nth-child(n) .card__title,
.card-list--secondary.card-list .card:hover:nth-child(n) .card__link,
.card-list--secondary.card-list .card:hover:nth-child(n) .card__text {
  color: var(--color-primary--1);
}

[data-drupal-views-infinite-scroll-pager] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  padding: 0;
}

[data-drupal-views-infinite-scroll-pager] .pager__item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;

  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 30.8px */
}

[data-drupal-views-infinite-scroll-pager] .pager__item a::after {
  display: block;
  content: '';
  width: 37.79px;
  height: 66.42px;
  background-image: url("../../images/icons/summary_icon.svg");
  transform: rotateZ(90deg);
  background-repeat: no-repeat;
  background-size: cover;
}

@media all and (min-width: 480px) {

  .view-cross-content__content:not(:has(.views-infinite-scroll-content-wrapper)),
  .views-infinite-scroll-content-wrapper,
  .card-list__wrapper  {
    grid-template-columns: repeat(2, 1fr);
  }

  .view-cross-content:has(.views-row:nth-child(3)):not(:has(.views-row:nth-child(4))) .views-row:nth-child(1),
  .card-list:has(.card:nth-child(3)):not(:has(.card:nth-child(4))) .card:nth-child(1) {
    grid-column: span 2;
  }



  .view-cross-content .views-row:nth-child(1),
  .view-cross-content .views-row:nth-child(4),
  .view-cross-content .views-row:nth-child(5),
  .card-list .card:nth-child(1),
  .card-list .card:nth-child(4),
  .card-list .card:nth-child(5) {
    background-color: var(--color-primary--4);
  }
  .view-cross-content .views-row:nth-child(2),
  .view-cross-content .views-row:nth-child(3),
  .view-cross-content .views-row:nth-child(6),
  .view-cross-content .views-row:nth-child(7),
  .card-list .card:nth-child(2),
  .card-list .card:nth-child(3),
  .card-list .card:nth-child(6),
  .card-list .card:nth-child(7) {
    background-color: var(--color-primary--3);
  }

  .view-cross-content:has(.views-row:nth-child(3)):not(:has(.views-row:nth-child(4))) .views-row:nth-child(3),
  .card-list:has(.card:nth-child(3)):not(:has(.card:nth-child(4))) .card:nth-child(3) {
    background-color: var(--color-primary--4);
  }

  .header--secondary.view-cross-content .views-row:nth-child(1),
  .header--secondary.view-cross-content .views-row:nth-child(4),
  .header--secondary.view-cross-content .views-row:nth-child(5),
  .card-list--secondary.card-list .card:nth-child(1),
  .card-list--secondary.card-list .card:nth-child(4),
  .card-list--secondary.card-list .card:nth-child(5) {
    background-color: var(--color-primary--5);
  }
  .header--secondary.view-cross-content .views-row:nth-child(2),
  .header--secondary.view-cross-content .views-row:nth-child(3),
  .header--secondary.view-cross-content .views-row:nth-child(6),
  .header--secondary.view-cross-content .views-row:nth-child(7),
  .card-list--secondary.card-list .card:nth-child(2),
  .card-list--secondary.card-list .card:nth-child(3),
  .card-list--secondary.card-list .card:nth-child(6),
  .card-list--secondary.card-list .card:nth-child(7) {
    background-color: var(--color-primary--2);
  }

  .header--secondary.view-cross-content:has(.views-row:nth-child(3)):not(:has(.views-row:nth-child(4))) .views-row:nth-child(3),
  .card-list--secondary.card-list:has(.card:nth-child(3)):not(:has(.card:nth-child(4))) .card:nth-child(3) {
    background-color: var(--color-primary--5);
  }

  .view-cross-content .views-infinite-scroll-content-wrapper .views-row:nth-child(4n+1),
  .view-cross-content .views-infinite-scroll-content-wrapper .views-row:nth-child(4n+4) {
    background-color: var(--color-primary--4);
  }
  .view-cross-content .views-infinite-scroll-content-wrapper .views-row:nth-child(4n+2),
  .view-cross-content .views-infinite-scroll-content-wrapper .views-row:nth-child(4n+3) {
    background-color: var(--color-primary--3);
  }

  .header--secondary.view-cross-content .views-infinite-scroll-content-wrapper .views-row:nth-child(even) {
    background-color: var(--color-primary--5);
  }
  .header--secondary.view-cross-content .views-infinite-scroll-content-wrapper .views-row:nth-child(odd) {
    background-color: var(--color-primary--2);
  }
}

@media all and (min-width: 900px) {
  .view-cross-content:has(.view-cross-content__header),
  .card-list:has(.card-list__header) {
    display: grid;
    grid-template-columns: 1fr 2fr;
  }

  .view-cross-content:has(.view-cross-content__header):has(.views-row:nth-child(3)),
  .card-list:has(.card-list__header):has(.card:nth-child(3)),
  .view-cross-content.view-cross-content--large {
    grid-template-columns: minmax(200px, 480px) auto;
  }

  .view-cross-content__header,
  .card-list__header  {
    padding-top: 120px;
    padding-bottom: 120px;
  }


  .view-cross-content:has(.views-row:nth-child(3)) .view-cross-content__header,
  .card-list:has(.card:nth-child(3)) .card-list__header,
  .view-cross-content--large .view-cross-content__header {
    max-width: 480px;
    padding: 120px 48px;

  }

  .view-cross-content__content:not(:has(.views-infinite-scroll-content-wrapper)):has(.views-row:nth-child(2)),
  .views-infinite-scroll-content-wrapper:has(.views-row:nth-child(2)),
  .card-list__wrapper:has(.card:nth-child(2)) {
    grid-template-columns: repeat(2, 1fr);
  }
  .view-cross-content__content:not(:has(.views-infinite-scroll-content-wrapper)):has(.views-row:nth-child(3)):not(:has(.views-row:nth-child(4))),
  .views-infinite-scroll-content-wrapper:has(.views-row:nth-child(3)):not(:has(.views-row:nth-child(4))),
  .card-list__wrapper:has(.card:nth-child(3)):not(:has(.card:nth-child(4))) {
    grid-template-columns: repeat(2, 1fr);
  }

  .view-cross-content .views-row:nth-child(odd),
  .card-list .card:nth-child(odd) {
    background-color: var(--color-primary--4);
  }
  .view-cross-content .views-row:nth-child(even),
  .card-list .card:nth-child(even) {
    background-color: var(--color-primary--3);
  }

  .header--secondary.view-cross-content .views-row:nth-child(odd),
  .card-list--secondary.card-list .card:nth-child(odd) {
    background-color: var(--color-primary--5);
  }
  .header--secondary.view-cross-content .views-row:nth-child(even),
  .card-list--secondary.card-list .card:nth-child(even) {
    background-color: var(--color-primary--2);
  }
}

@media all and (min-width: 1300px) {
  .view-cross-content__header,
  .card-list__header  {
    max-width: 640px;
  }

  .view-cross-content__content:not(:has(.views-infinite-scroll-content-wrapper)):has(.views-row:nth-child(2)),
  .views-infinite-scroll-content-wrapper:has(.views-row:nth-child(2)),
  .card-list__wrapper:has(.card:nth-child(2)) {
    grid-template-columns: repeat(2, 1fr);
  }
  .view-cross-content__content:not(:has(.views-infinite-scroll-content-wrapper)):has(.views-row:nth-child(3)),
  .views-infinite-scroll-content-wrapper:has(.views-row:nth-child(3)),
  .card-list__wrapper:has(.card:nth-child(3)) {
    grid-template-columns: repeat(3, 1fr);
  }
  .view-cross-content__content:not(:has(.views-infinite-scroll-content-wrapper)):has(.views-row:nth-child(4)),
  .views-infinite-scroll-content-wrapper:has(.views-row:nth-child(4)),
  .card-list__wrapper:has(.card:nth-child(4)) {
    grid-template-columns: repeat(4, 1fr);
  }

  .view-cross-content .views-row:nth-child(8n+1),
  .view-cross-content .views-row:nth-child(8n+3),
  .view-cross-content .views-row:nth-child(8n+6),
  .view-cross-content .views-row:nth-child(8n+8),
  .view-cross-content .views-infinite-scroll-content-wrapper .views-row:nth-child(8n+1),
  .view-cross-content .views-infinite-scroll-content-wrapper .views-row:nth-child(8n+3),
  .view-cross-content .views-infinite-scroll-content-wrapper .views-row:nth-child(8n+6),
  .view-cross-content .views-infinite-scroll-content-wrapper .views-row:nth-child(8n+8),
  .card-list .card:nth-child(8n+1),
  .card-list .card:nth-child(8n+3),
  .card-list .card:nth-child(8n+6),
  .card-list .card:nth-child(8n+8) {
    background-color: var(--color-primary--3);
  }

  .view-cross-content .views-row:nth-child(8n+2),
  .view-cross-content .views-row:nth-child(8n+4),
  .view-cross-content .views-row:nth-child(8n+5),
  .view-cross-content .views-row:nth-child(8n+7),
  .view-cross-content .views-infinite-scroll-content-wrapper .views-row:nth-child(8n+2),
  .view-cross-content .views-infinite-scroll-content-wrapper .views-row:nth-child(8n+4),
  .view-cross-content .views-infinite-scroll-content-wrapper .views-row:nth-child(8n+5),
  .view-cross-content .views-infinite-scroll-content-wrapper .views-row:nth-child(8n+7),
  .card-list .card:nth-child(8n+2),
  .card-list .card:nth-child(8n+4),
  .card-list .card:nth-child(8n+5),
  .card-list .card:nth-child(8n+7) {
    background-color: var(--color-primary--4);
  }

  .header--secondary.view-cross-content .views-row:nth-child(8n+1),
  .header--secondary.view-cross-content .views-row:nth-child(8n+3),
  .header--secondary.view-cross-content .views-row:nth-child(8n+6),
  .header--secondary.view-cross-content .views-row:nth-child(8n+8),
  .card-list--secondary.card-list .card:nth-child(8n+1),
  .card-list--secondary.card-list .card:nth-child(8n+3),
  .card-list--secondary.card-list .card:nth-child(8n+6),
  .card-list--secondary.card-list .card:nth-child(8n+8) {
    background-color: var(--color-primary--5);
  }

  .header--secondary.view-cross-content .views-row:nth-child(8n+2),
  .header--secondary.view-cross-content .views-row:nth-child(8n+4),
  .header--secondary.view-cross-content .views-row:nth-child(8n+5),
  .header--secondary.view-cross-content .views-row:nth-child(8n+7),
  .card-list--secondary.card-list .card:nth-child(8n+2) ,
  .card-list--secondary.card-list .card:nth-child(8n+4) ,
  .card-list--secondary.card-list .card:nth-child(8n+5) ,
  .card-list--secondary.card-list .card:nth-child(8n+7) {
    background-color: var(--color-primary--2);
  }

  .view-cross-content__content:not(:has(.views-infinite-scroll-content-wrapper)):has(.views-row:nth-child(3)):not(:has(.views-row:nth-child(4))),
  .views-infinite-scroll-content-wrapper:has(.views-row:nth-child(3)):not(:has(.views-row:nth-child(4))),
  .card-list__wrapper:has(.card:nth-child(3)):not(:has(.card:nth-child(4))) {
    grid-template-columns: repeat(3, 1fr);
  }

  .view-cross-content:has(.views-row:nth-child(3)):not(:has(.views-row:nth-child(4))) .views-row:nth-child(1),
  .card-list:has(.card:nth-child(3)):not(:has(.card:nth-child(4))) .card:nth-child(1) {
    grid-column: span 1;
  }

}