.mod-articles-category-container.layout1 {
  display: grid;
  background-color: whitesmoke;
}
@media (min-width: 992px) {
  .mod-articles-category-container.layout1 {
    grid-template: max-content/repeat(2, 1fr) repeat(4, 330px) repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .mod-articles-category-container.layout1 .grid-layout {
    grid-column: 3/7;
  }
}
.mod-articles-category-container.layout1 .grid-layout .mod-articles-category.blog-items {
  grid-template-columns: 1fr;
  column-gap: 2rem;
  row-gap: 6rem;
  margin-bottom: calc(var(--basis-gap) * 10);
}
@media (min-width: 576px) {
  .mod-articles-category-container.layout1 .grid-layout .mod-articles-category.blog-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .mod-articles-category-container.layout1 .grid-layout .mod-articles-category.blog-items {
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: calc(var(--basis-gap) * 6);
  }
}
.mod-articles-category-container.layout1 .grid-layout .mod-articles-category.blog-items .blog-item {
  position: relative;
  height: 265px;
  background: rgba(0, 0, 0, 0.0392156863);
  overflow: unset;
}
@media (min-width: 992px) {
  .mod-articles-category-container.layout1 .grid-layout .mod-articles-category.blog-items .blog-item {
    height: 400px;
  }
}
.mod-articles-category-container.layout1 .grid-layout .mod-articles-category.blog-items .blog-item:hover .page-header :is(h1, h2, h3, h4, h5, h6, p) {
  max-height: 345px;
  transition: 0.5s max-height ease-in-out;
}
.mod-articles-category-container.layout1 .grid-layout .mod-articles-category.blog-items .blog-item.no-image {
  background-image: url("../../../../images/bilder/artikel/platzhalter-lausitzrunde.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
@media (min-width: 992px) {
  .mod-articles-category-container.layout1 .grid-layout .mod-articles-category.blog-items .blog-item.item_h-100 {
    grid-row: 1/3;
  }
}
@media (min-width: 992px) {
  .mod-articles-category-container.layout1 .grid-layout .mod-articles-category.blog-items .blog-item.item_h-50 {
    height: 100%;
  }
}
@media (min-width: 992px) {
  .mod-articles-category-container.layout1 .grid-layout .mod-articles-category.blog-items .blog-item.item_h-50.first-item {
    grid-row: 1/2;
  }
}
@media (min-width: 992px) {
  .mod-articles-category-container.layout1 .grid-layout .mod-articles-category.blog-items .blog-item.item_h-50.last-item {
    grid-row: 2/3;
  }
}
.mod-articles-category-container.layout1 .grid-layout .mod-articles-category.blog-items .blog-item .page-header {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -75px;
  margin: 13px auto !important;
  width: 85%;
}
@media (min-width: 992px) {
  .mod-articles-category-container.layout1 .grid-layout .mod-articles-category.blog-items .blog-item .page-header {
    margin: 26px auto !important;
  }
}
.mod-articles-category-container.layout1 .grid-layout .mod-articles-category.blog-items .blog-item .page-header::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  height: 16px;
  background: #ffffff;
  border-radius: 0 50px 50px 0;
  width: 90%;
}
.mod-articles-category-container.layout1 .grid-layout .mod-articles-category.blog-items .blog-item .page-header :is(h1, h2, h3, h4, h5, h6, p) {
  font-family: "Inter-Medium", "Roboto-Regular", serif !important;
  font-size: 2rem;
  font-style: italic;
  background-color: #fff;
  color: #1d4293 !important;
  margin: 0 !important;
  padding: 16px 30px;
  border-radius: 38px 0 38px 0;
  max-height: 82px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .mod-articles-category-container.layout1 .grid-layout .mod-articles-category.blog-items .blog-item .page-header :is(h1, h2, h3, h4, h5, h6, p) {
    border-radius: 50px 0 50px 0;
    max-height: 96px;
  }
}
.mod-articles-category-container.layout1 .grid-layout .mod-articles-category.blog-items .blog-item .page-header a {
  color: #1d4293 !important;
}
.mod-articles-category-container.layout1 .grid-layout .mod-articles-category.blog-items .blog-item .image {
  height: 100%;
  margin: 0;
}

/*# sourceMappingURL=layout1.css.map */