.related-posts ul {
    margin: 1em 0 2em 0;
    padding: 0;
    list-style: none;
    width: 100%;
    float: left;
    clear: both;
}
.related-posts li {
    margin: 0;
    padding: 0;
    display: block;
    clear: left;
}
.related-posts img {
    margin: 0 0.5em 0.5em 0;
    float: left;
}

/* SJF related-post cards */
.related-posts ul,
.mrp_related_posts {
  list-style: none;
  padding-left: 0;
}

.related-posts li {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 1rem;
  align-items: start;
  margin: 1rem 0;
}

.related-posts li img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 10px;
}

.mrp-dachzeile {
  display: inline-block;
  margin-bottom: .25rem;
  font-family: Arial, sans-serif;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #9b6424;
}

/* SJF no events note: event/veranstaltungen post types are filtered out in PHP. */


/* SJF related-post cards – clean magazine layout */
.related-posts {
  margin: 3rem 0 2rem;
  padding-top: 1.4rem;
  border-top: 1px solid #e4ded4;
}

.related-posts h2,
.related-posts-type h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.35rem;
  line-height: 1.25;
  margin: 0 0 1.2rem;
  color: #171717;
}

.related-posts ul,
.related-posts-type ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.related-posts li,
.related-posts-type li {
  display: grid !important;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
  margin: 0 0 1.35rem !important;
  padding: 0 0 1.35rem !important;
  border-bottom: 1px solid #e4ded4;
  clear: both;
}

.related-posts li > a:first-child,
.related-posts-type li > a:first-child {
  display: block;
  grid-row: span 4;
}

.related-posts li img,
.related-posts-type li img {
  width: 130px !important;
  height: 90px !important;
  object-fit: cover;
  border-radius: 10px;
  display: block;
  margin: 0 !important;
}

.mrp-dachzeile {
  display: block;
  margin: 0 0 .25rem;
  font-family: Arial, sans-serif;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #9b6424;
}

.mrp-related-title {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.25;
  color: #171717 !important;
  text-decoration: none !important;
  margin: 0 0 .35rem;
}

.mrp-related-title:hover {
  color: #9b6424 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

.mrp-related-excerpt {
  margin: 0 0 .5rem !important;
  font-family: Arial, sans-serif;
  font-size: .86rem;
  line-height: 1.5;
  color: #625b52;
}

.mrp-readmore {
  display: inline-block;
  font-family: Arial, sans-serif;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #9b6424 !important;
  text-decoration: none !important;
}

@media (max-width: 640px) {
  .related-posts li,
  .related-posts-type li {
    grid-template-columns: 92px minmax(0, 1fr);
  }

  .related-posts li img,
  .related-posts-type li img {
    width: 92px !important;
    height: 72px !important;
  }
}


/* SJF clean related cards v2 */
.related-posts .mrp-card,
.related-posts-type .mrp-card {
  display: grid !important;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
  margin: 0 0 1.4rem !important;
  padding: 0 0 1.4rem !important;
  border-bottom: 1px solid #e4ded4;
}

.related-posts .mrp-thumb,
.related-posts-type .mrp-thumb {
  display: block;
  width: 150px;
  height: 96px;
  border-radius: 10px;
  overflow: hidden;
  background: linear-gradient(135deg, #fff7ec, #f0ebe3);
  text-decoration: none !important;
}

.related-posts .mrp-thumb img,
.related-posts-type .mrp-thumb img {
  width: 150px !important;
  height: 96px !important;
  object-fit: cover;
  display: block;
  margin: 0 !important;
  border-radius: 10px;
}

.related-posts .mrp-thumb-placeholder,
.related-posts-type .mrp-thumb-placeholder {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  color: #d79b4a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 28px;
  font-weight: 900;
}

.related-posts .mrp-card-body,
.related-posts-type .mrp-card-body {
  min-width: 0;
}

@media (max-width: 640px) {
  .related-posts .mrp-card,
  .related-posts-type .mrp-card {
    grid-template-columns: 96px minmax(0, 1fr);
  }
  .related-posts .mrp-thumb,
  .related-posts-type .mrp-thumb,
  .related-posts .mrp-thumb img,
  .related-posts-type .mrp-thumb img {
    width: 96px !important;
    height: 74px !important;
  }
}