/*.single .entry-related {
    display: flex;
    flex: 1 1 0px;
    flex-direction: row;
    flex-wrap: nowrap;
  
  }
  
  .single .entry-related .widget_post {
    
  }*/

.single .entry-related-wrap {
  margin-top: 120px;
  
}

.single .entry-related {
  display: flex;
  flex-wrap: wrap; /* Ermöglicht das Umfließen der Elemente bei kleineren Bildschirmen */
  justify-content: space-between;
}


@media (min-width: 1000px) {
  .single .widget_post {
      flex-basis: 25%;
  }
}

.single #page #content #primary .entry-related-wrap h3.widget-title {
  margin-bottom: 40px;
}
.single .entry-related .entry-thumb {
  margin-bottom: 0px;
}
.single .entry-related .entry-thumb img {
  margin-bottom: 24px;
}

.single .entry-related .post-categories-display {
  display: inline-flex;
  padding: 4px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 16px;
  background: rgba(2, 85, 80, 0.08);
}

.single
  #page
  #content
  #primary
  .entry-related
  .related-articles-posted-on
  .posted-on
  i {
  display: none;
}

.single #page #content #primary .entry-related .entry-excerpt {
  display: block;
  margin: 12px 0px;
  font-size: 12px;
  color: var(--Web-Deep-Black, #1c1c1c);
  /* Paragraph/Medium - Regular */
  font-family: Archivo;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.single .entry-related .post-categories-display a {
  color: var(--Web-Deep-Black, #1c1c1c);
  font-family: Archivo;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 142.857% */
}

.single
  #page
  #content
  #primary
  .entry-related
  .related-articles-posted-on
  .posted-on
  a {
  color: var(--Web-Deep-Black, #1c1c1c);
  /* Paragraph/Medium - Regular */
  font-family: Archivo;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 150% */
  opacity: 0.5;
}

.single #page #content #primary .entry-related .entry-header h3.entry-title {
  color: var(--Web-Deep-Black, #1c1c1c);
  /* H4/Desktop & Tablet */
  font-family: "Titling Gothic FB";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 140% */
  margin-top: 5px;
}

@media (min-width: 10240px) {
  .single .entry-related .post-categories-display a {
    font-size: 14px;
    line-height: 20px; /* 142.857% */
  }
  .single
    #page
    #content
    #primary
    .entry-related
    .related-articles-posted-on
    .posted-on
    a {
    color: var(--Web-Deep-Black, #1c1c1c);
    font-size: 16px;
    line-height: 24px; /* 150% */
  }
  .single #page #content #primary .entry-related .entry-header h3.entry-title {
    font-size: 20px;
    line-height: 28px; /* 140% */

    margin-top: 0px;
  }
  .single #page #content #primary .entry-related .entry-excerpt {
    font-size: 16px;
    line-height: 24px; /* 150% */
  }
}