/* Beitragsübersichtsseite */
.mm-blog {
  margin-bottom: 65px;
}

.mm-blog__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1000px;
  margin: 0 auto 30px;
  padding: 0 40px;
}

.mm-blog__container {
  display: inline-block;
  width: 270px;
  vertical-align: top;
}

.post-featured-image {
  display: none;
}

.mm-blog__image {
  min-height: 270px;
  min-width: 270px;
  object-fit: cover;
}

.mm-blog__imageWrapper {
  border-radius: 7px;
  height: 270px;
  overflow: hidden;
  margin-bottom: 30px;
  width: 270px;
}

.mm-blog__date {
  color: #222;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
}

.mm-blog__title {
  color: #222;
  font-size: 28px;
  font-weight: bold;
  line-height: 34px;
  padding-bottom: 15px;
}

.mm-blog__link {
  float: right;
  text-decoration: underline;
  color: #222;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

/* Pagination */
.mm-pagination {
  text-align: center;
}

.mm-pagination__number {
  color: #e1e1e1;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
}

.mm-pagination__number--active {
  color: #999;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
}

.mm-pagination__points {
  margin: 0 15px;
}

.mm-pagination__arrows {
  color: #999;
  margin: 0 25px;
}

.page-headline {
  margin: 64px auto;
  max-width: 1000px;
  padding: 0 140px;
}

.mm-banner {
  width: 100%;
  overflow: hidden;
  height: 400px;
}

.mm-banner__image {
  width: 100%;
  height: auto;
}
