/* >= 768px */
@media screen and (min-width: 768px) {
  #node-news_beitrag #einleitung {
    padding-top: 150px;
  }
  #node-news_beitrag #content .images {
    grid-template-columns: 1fr 1fr;
  }
}
/* >= 1024px */
@media screen and (min-width: 1024px) {
  #node-news_beitrag #einleitung {
    padding-bottom: 100px;
  }
  #node-news_beitrag #einleitung .section {
    display: grid;
    grid-template-columns: 2fr 1fr;
  }
  #node-news_beitrag #einleitung .section .image {
    margin: -150px -7vw -100px 0;
    aspect-ratio: unset;
  }
  #node-news_beitrag #einleitung .section .wrapper {
    padding-right: 50px;
    margin-bottom: 0;
  }
  #node-news_beitrag #einleitung .section .wrapper .h1.big {
    margin-bottom: 50px;
  }
  #node-news_beitrag #content .section > .h1 {
    padding-right: 20%;
  }
  #node-news_beitrag #content .section > .text {
    padding-right: 20%;
  }
  #node-news_beitrag #content .textbloecke {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 50px;
    margin-top: 100px;
  }
  #node-news_beitrag #content .textbloecke .block:nth-of-type(2) {
    padding-top: 0;
  }
  #node-news_beitrag #content .images {
    margin-top: 100px;
  }
}
/* >= 1248px */
@media screen and (min-width: 1248px) {
  #node-news_beitrag #einleitung {
    padding-top: 200px;
  }
  #node-news_beitrag #einleitung .section .image {
    margin: -200px -7vw -100px 0;
  }
  #node-news_beitrag #content {
    padding: 150px 0;
  }
  #node-news_beitrag #content .images {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: repeat(3, 1fr);
    grid-auto-flow: row dense;
  }
  #node-news_beitrag #content .images .image {
    aspect-ratio: unset;
    height: calc(((86vw - 40px) / 3) / var(--image-aspect-ratio) );
  }
  #node-news_beitrag #content .images .image:nth-of-type(6n-4) {
    grid-row-end: span 2;
    height: calc((((86vw - 40px) / 3) / var(--image-aspect-ratio) * 2) + 20px);
  }
  #node-news_beitrag #content .images .image:nth-of-type(6n-2) {
    grid-row-end: span 2;
    height: calc((((86vw - 40px) / 3) / var(--image-aspect-ratio) * 2) + 20px);
  }
  #node-news_beitrag #content .images .image:nth-of-type(6n-1) {
    grid-column: 2;
  }
  #node-news_beitrag #content .images .image:nth-of-type(6n) {
    grid-column: 3;
    grid-row-end: span 2;
    height: calc((((86vw - 40px) / 3) / var(--image-aspect-ratio) * 2) + 20px);
  }
  #node-news_beitrag #content .textbloecke {
    column-gap: 100px;
  }
}