.container.common-grid-section-wrapper {
  margin-top: 32px;
  margin-bottom: 32px;
}
.container.common-grid-section-wrapper .grid-loop {
  display: grid;
  column-gap: 32px;
  justify-content: center;
  grid-template-columns: 1fr;
}
.container.common-grid-section-wrapper .grid-loop .image-wrapper {
  display: grid;
  align-content: center;
  justify-content: center;
  overflow: hidden;
}
.container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(2),
.container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(2) ~ .grid-item {
  max-width: 608px;
}
.container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(2) .image-wrapper,
.container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(2) ~ .grid-item .image-wrapper {
  height: 325px;
  overflow: hidden;
  max-width: 608px;
}
.container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(3),
.container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(3) ~ .grid-item {
  max-width: 400px;
}
.container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(3) .image-wrapper,
.container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(3) ~ .grid-item .image-wrapper {
  height: 204px;
}
.container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(4),
.container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(4) ~ .grid-item {
  max-width: 300px;
}
.container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(4) .image-wrapper,
.container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(4) ~ .grid-item .image-wrapper {
  height: 167px;
}
.container.common-grid-section-wrapper .grid-loop .grid-item {
  position: relative;
  margin-bottom: 32px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f03;
}
.container.common-grid-section-wrapper .grid-loop .grid-item .image-wrapper {
  margin-bottom: 24px;
}
.container.common-grid-section-wrapper .grid-loop .grid-item .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.container.common-grid-section-wrapper .grid-loop .grid-item .description {
  padding: 0;
}
.container.common-grid-section-wrapper .grid-loop .grid-item .post-title {
  margin-bottom: 0;
}
.container.common-grid-section-wrapper .grid-loop .grid-item .post-title a {
  color: #000;
  text-decoration: none;
}
.container.common-grid-section-wrapper .grid-loop .grid-item .post-tag {
  font-size: 10px;
  text-transform: uppercase;
}
.container.common-grid-section-wrapper .grid-loop .grid-item .post-cta {
  margin: 35px 0 0;
}
.container.common-grid-section-wrapper .grid-loop .grid-item .post-cta a {
  color: #f03;
  text-decoration: none;
  font-weight: 700;
}
.container.common-grid-section-wrapper .grid-loop .grid-item .post-cta a svg {
  vertical-align: text-top;
  margin-left: 16px;
  transition: transform 0.3s ease;
}
.container.common-grid-section-wrapper .grid-loop .grid-item:hover .post-cta a svg {
  transform: translateX(4px);
}
@media (min-width: 545px) {
  .container.common-grid-section-wrapper .grid-loop.grid-items-count-2, .container.common-grid-section-wrapper .grid-loop.grid-items-count-3, .container.common-grid-section-wrapper .grid-loop.grid-items-count-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 922px) {
  .container.common-grid-section-wrapper .grid-loop.grid-items-count-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .container.common-grid-section-wrapper .grid-loop.grid-items-count-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .container.common-grid-section-wrapper .grid-loop.grid-items-count-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

body.single-losungen .container.common-grid-section-wrapper {
  margin-bottom: 0;
}

@media (max-width: 1240px) {
  .container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(3),
  .container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(3) ~ .grid-item {
    max-width: none;
  }
  .container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(3) .image-wrapper,
  .container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(3) ~ .grid-item .image-wrapper {
    height: 165px;
  }
  .container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(2) .image-wrapper,
  .container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(2) ~ .grid-item .image-wrapper {
    height: 300px;
  }
}
@media (max-width: 921px) {
  .container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(2) .image-wrapper,
  .container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(2) ~ .grid-item .image-wrapper {
    height: 225px;
  }
}
@media (max-width: 767px) {
  .container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(2) .image-wrapper,
  .container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(2) ~ .grid-item .image-wrapper {
    height: 150px;
  }
}
@media (max-width: 544px) {
  .container.common-grid-section-wrapper {
    margin: 0;
  }
  .container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(2),
  .container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(2) ~ .grid-item,
  .container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(3),
  .container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(3) ~ .grid-item,
  .container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(4),
  .container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(4) ~ .grid-item {
    max-width: unset;
  }
  .container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(2) .image-wrapper,
  .container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(2) ~ .grid-item .image-wrapper,
  .container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(3) .image-wrapper,
  .container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(3) ~ .grid-item .image-wrapper,
  .container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(4) .image-wrapper,
  .container.common-grid-section-wrapper .grid-loop .grid-item:first-child:nth-last-child(4) ~ .grid-item .image-wrapper {
    height: unset;
  }
  .container.common-grid-section-wrapper .grid-loop .grid-item {
    margin: 0 auto 32px;
  }
  .container.common-grid-section-wrapper .grid-loop .grid-item .image-wrapper {
    text-align: center;
  }
}

/*# sourceMappingURL=common-grid.css.map */