.news_blog_teaser {
  margin-bottom: clamp(2.5em, 1.8932em + 2.589vw, 5em);
}
@media (max-width: 1366px) {
  .news_blog_teaser {
    margin-bottom: 7.75em;
  }
}
@media (max-width: 640px) {
  .news_blog_teaser {
    margin-bottom: 3.75em;
  }
}
@media (max-width: 640px) {
  .news_blog_teaser {
    width: 100%;
    background: linear-gradient(to bottom, transparent 30%, #ECECEC 30%);
    background-clip: padding-box;
  }
}
@media (min-width: 641px) {
  .news_blog_teaser:hover img {
    transform: scale(1.2);
  }
  .news_blog_teaser:hover .content-box::after {
    transform: scaleX(1);
  }
}
@media (max-width: 640px) {
  .news_blog_teaser .inside {
    padding: 0 3.75%;
  }
}
.news_blog_teaser figure {
  position: relative;
  overflow: hidden;
}
.news_blog_teaser figure:before {
  content: "";
  position: absolute;
  top: -1.5em;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 1.5em;
  background-clip: content-box;
  background-color: #ECECEC;
  z-index: -1;
}
@media (max-width: 640px) {
  .news_blog_teaser figure:before {
    display: none;
  }
}
.news_blog_teaser figure picture {
  margin-top: 1.5em;
}
@media (max-width: 640px) {
  .news_blog_teaser figure picture {
    margin-top: 0;
  }
}
.news_blog_teaser figure img {
  width: 100%;
  height: auto;
  transition: all 300ms ease;
}
.news_blog_teaser .content-box {
  position: relative;
  width: 100%;
  padding: 0 1.5em 3em 2.5em;
  border-bottom: 0.063em solid #ECECEC;
}
@media (max-width: 1440px) {
  .news_blog_teaser .content-box {
    padding-left: 1em;
    padding-right: 1em;
  }
}
@media (max-width: 640px) {
  .news_blog_teaser .content-box {
    margin-top: 2.25em;
  }
}
.news_blog_teaser .content-box::before {
  content: "";
  position: absolute;
  top: -2.8em;
  left: -0.125em;
  width: calc(100% + 0.125em);
  height: 2.875em;
  background-color: #fff;
}
@media (max-width: 640px) {
  .news_blog_teaser .content-box::before {
    display: none;
  }
}
.news_blog_teaser .content-box::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0.188em;
  transform: scaleX(0);
  background-color: #D70F3C;
  transition: transform 300ms;
}
.news_blog_teaser .content-box .tag {
  color: #D70F3C;
  font-size: 0.95em;
  font-size: clamp(0.725em, 0.6704em + 0.233vw, 0.95em);
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 1.1em;
}
.news_blog_teaser .content-box h2 {
  font-size: 2em;
  font-size: clamp(1.375em, 1.2233rem + 0.6472vw, 2em);
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: -0.5px;
}
@media (min-width: 640px) {
  .news_blog_teaser:nth-child(1), .news_blog_teaser:nth-child(4) {
    width: 57.5%;
  }
  .news_blog_teaser:nth-child(1) .content-box, .news_blog_teaser:nth-child(4) .content-box {
    width: 70%;
  }
  .news_blog_teaser:nth-child(2), .news_blog_teaser:nth-child(3) {
    width: 40.5%;
  }
  .news_blog_teaser:nth-child(2) .content-box, .news_blog_teaser:nth-child(3) .content-box {
    width: 77.5%;
  }
  .news_blog_teaser:nth-child(2) {
    align-self: flex-end;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%2Fwww%2Fvhosts%2Ffellbach81.abnahme-server.de%2Fhttpdocs%2Fprivate-bundles%2Fvonheldenundgestalten%2Ffellbach-basic%2Fsrc%2FResources%2Fpublic%2Fcss%2Fnews%2Fnews_blog_teaser.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAEA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAEQ%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAaA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAAEI%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%22%7D */