div.td_block_jde_jesus__faszinations__portal {

.news-headline-xl, h2{
  font-family: "Red Hat Display", sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 130%;
}
.news-headline-xs, h2{
  font-family: "Red Hat Display", sans-serif; 
  font-size: 1.1rem;
  line-height: 130%;
}



/* GRID Style*/

.pattern-main-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  width: 100%;
  max-height: 580px;
  margin: 0 auto;
  aspect-ratio: 1 / 1;
}
.pattern-main-grid > div {
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
  color: #414459;
  display: flex;
}
.pattern-main-grid__item_banner {
  box-sizing: border-box;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  border-radius: 4px;
  align-items: center;
  text-align: center;
  justify-content: center;
  width: 100%;
}
/*Element 1*/
.pattern-main-grid__item1 {
    grid-column: 1/3;
    grid-row: 1/3;
    background: #f0f0f0 url('/wp-content/themes/Newspaper-child/custom-upload/img/jesus.png') no-repeat top / cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 1rem;
}
/*Element 2*/
.pattern-main-grid__item2 {
  grid-column: 3 / 4;
  grid-row: 1 / 2;
  border: solid 1px #eeeeee;
  padding: 1rem;
  background: #E7EAEC;
}
/* Element 3 */
.pattern-main-grid__item3 {
  grid-column: 4 / 5;
  grid-row: 1 / 2;
  padding: 1rem;
  position: relative;
  isolation: isolate;
  overflow: hidden;
   background: #E7EAEC;
}

/* Element 4 */
.pattern-main-grid__item4 {
  grid-column: 3 / 4;
  grid-row: 2;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 1rem;
   background: #E7EAEC;
}

/* Element 5 */
.pattern-main-grid__item5 {
  grid-column: 4 / 5;
  grid-row: 2;
  padding: 1rem;
  background: #E7EAEC;
}


/* Tablet: ab 912px */
@media (max-width: 912px) {
  .pattern-main-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(4, minmax(180px, auto));
    gap: 1rem;
    max-height: 100%;

    aspect-ratio: auto;
  }

  .pattern-main-grid__item1 {
    grid-column: 1 / 5;
    grid-row: 1 / 3;
  }

  .pattern-main-grid__item2 {
    grid-column: 1 / 3;
    grid-row: 3;
  }


  .pattern-main-grid__item3 {
    grid-column: 3 / 5;
    grid-row: 3;
  }

  .pattern-main-grid__item4 {
    grid-column: 1 / 3;
    grid-row: 4;
  }

  .pattern-main-grid__item5 {
    grid-column: 3 / 5;
    grid-row: 4;
  }
}


/* Mobil: ab 692px */
 @media (max-width: 692px) {
  .pattern-main-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(6, minmax(180px, auto));
    gap: 1rem;

    aspect-ratio: auto;
  }

  .pattern-main-grid__item1 {
    grid-column: 1 / 5;
    grid-row: 1 / 3;
  }

  .pattern-main-grid__item2 {
    grid-column: 1 / 5;
    grid-row: 3;
  }


  .pattern-main-grid__item3 {
    grid-column: 1 / 5;
    grid-row: 4;
  }

  .pattern-main-grid__item4 {
    grid-column: 1 / 5;
    grid-row: 5;
  }

  .pattern-main-grid__item5 {
    grid-column: 1 / 5;
    grid-row: 6;
  }
}
}