.related-post-image img {
  width: 18.958vw;
  height: 11.458vw;
  object-fit: cover;
  object-position: top;
  border-radius: 0.521vw;
}
.related-post-box .btn-arrow svg {
  width: 1.25vw;
}
.dynamic-related-posts-container {
  display: grid;
  grid-gap: 2.786vw;
  grid-template-columns: 1fr 1fr 1fr;
}
.related-post-box {
  width: 22.604vw;
  height: 29.74vw;
  padding: 3.125vw 2.083vw;
  position: relative;
}
.related-post-box {
  background: url(../media/IHS_kachel_magazin-teaser.svg) no-repeat;
  background-size: 22.604vw;
}
.related-post-image {
  text-align: center;
  margin-bottom: 1.563vw;
}
.related-post-link {
  position: absolute;
  bottom: 3.125vw;
}
@media (max-width: 1366px) and (min-width: 1025px) {
  .related-post-link {
    bottom: 1.5vw;
  }
}
@media (max-width: 1024px) {
  .dynamic-related-posts-container {
    grid-gap: 20px;
    grid-template-columns: 1fr;
    justify-items: center;
  }
  .related-post-box {
    background-size: contain;
  }
  .related-post-box {
    width: 300px;
    height: 394px;
    padding: 20px;
  }
  .related-post-image img {
    width: 100%;
    height: 140px;
    border-radius: 20px;
  }
  .related-post-link {
    bottom: 20px;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .dynamic-related-posts-container {
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
  }
}
@media (max-width: 990px) and (min-width: 768px) {
  .related-post-box {
    width: 218px;
    height: 290px;
    padding: 20px;
  }
  .related-post-title h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media (max-width: 380px) {
  .related-post-box {
    width: 266px;
    height: 349px;
  }
}