/* >= 768px */
@media screen and (min-width: 768px) {
  #node-news #content {
    padding-top: 150px;
  }
  #node-news #content .news .views-infinite-scroll-content-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  #node-news #content .news .pager {
    margin-top: 50px;
  }
}
/* >= 1024px */
/* >= 1248px */
@media screen and (min-width: 1248px) {
  #node-news #content {
    padding: 200px 0 150px;
  }
  #node-news #content .news .views-infinite-scroll-content-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row dense;
  }
  #node-news #content .news .views-infinite-scroll-content-wrapper .newsbeitrag {
    height: calc((( (86vw - 40px) / 3) * 0.45) + var(--content-height)) !important;
  }
  #node-news #content .news .views-infinite-scroll-content-wrapper .newsbeitrag .image {
    height: calc((( (86vw - 40px) / 3) * 0.45));
    aspect-ratio: unset;
  }
  #node-news #content .news .views-infinite-scroll-content-wrapper .newsbeitrag .image picture {
    width: 100%;
  }
  #node-news #content .news .views-infinite-scroll-content-wrapper .newsbeitrag .content {
    flex-grow: 0;
  }
  #node-news #content .news .views-infinite-scroll-content-wrapper .newsbeitrag .content .titel {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  #node-news #content .news .views-infinite-scroll-content-wrapper .newsbeitrag:nth-of-type(6n-4) {
    grid-row-end: span 2;
    height: calc(((86vw - 40px) / 3) + var(--content-height)) !important;
  }
  #node-news #content .news .views-infinite-scroll-content-wrapper .newsbeitrag:nth-of-type(6n-4) .image {
    height: calc(( (86vw - 40px) / 3) );
  }
  #node-news #content .news .views-infinite-scroll-content-wrapper .newsbeitrag:nth-of-type(6n-2) {
    grid-row-end: span 2;
    grid-column: 1;
    height: calc(((86vw - 40px) / 3) + var(--content-height)) !important;
  }
  #node-news #content .news .views-infinite-scroll-content-wrapper .newsbeitrag:nth-of-type(6n-2) .image {
    height: calc(( (86vw - 40px) / 3) );
  }
  #node-news #content .news .views-infinite-scroll-content-wrapper .newsbeitrag:nth-of-type(6n-1) {
    grid-column: 2;
  }
  #node-news #content .news .views-infinite-scroll-content-wrapper .newsbeitrag:nth-of-type(6n) {
    grid-column: 3;
    grid-row-end: span 2;
    height: calc(((86vw - 40px) / 3) + var(--content-height)) !important;
  }
  #node-news #content .news .views-infinite-scroll-content-wrapper .newsbeitrag:nth-of-type(6n) .image {
    height: calc(( (86vw - 40px) / 3) );
  }
}