.article_layout {
  position: relative;
  width: 500px;
}
.article_title {
  width: fit-content;
  font-family: var(--neuzeit-reg-font);
  margin: 10px 0 8px;
}
.article_description {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
  text-align: justify;
}
.article_read_more {
  width: fit-content;
  font-family: var(--neuzeit-reg-font);
  margin: 20px 0;
}

.label_new {
  position: absolute;
  top: 15px;
  left: 15px;
  font-family: var(--neuzeit-reg-font);
  z-index: 2;
}
.article_image {
  position: relative;
  width: 500px;
  height: 500px;
}
.article_image img {
  object-fit: cover;
}
/** BREAKPOINT */
@media only screen and (min-width: 1600px) {
  .article_layout {
    width: 550px;
  }
  .article_image {
    width: 550px;
    height: 550px;
  }
}
@media only screen and (max-width: 1420px) {
  .article_layout {
    width: 450px;
  }
  .article_image {
    width: 450px;
    height: 450px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .article_layout {
    width: 340px !important;
  }
  .article_image {
    width: 340px !important;
    height: 340px !important;
  }
}

/** Mobile Breakpoint */
@media only screen and (max-width: 1023px) {
  .article_layout {
    width: calc(50vw - 30px) !important;
  }
  .article_image {
    width: calc(50vw - 30px) !important;
    height: calc(50vw - 30px) !important;
  }
}
@media only screen and (max-width: 650px) {
  .article_layout {
    width: calc(50vw - 25px) !important;
    font-size: 0.7em;
  }
  .article_image {
    width: calc(50vw - 25px) !important;
    height: calc(50vw - 25px) !important;
  }
}