/* components/article-teaser/src/scss/article-teaser.scss */
a.c-article-teaser {
  color: #212121;
  height: 100%;
  display: block;
}
.trigger-hover:focus a.c-article-teaser,
.trigger-hover:hover a.c-article-teaser,
a.c-article-teaser:hover,
a.c-article-teaser:focus,
a.c-article-teaser:active {
  color: currentcolor;
}
.trigger-hover:focus a.c-article-teaser .c-article-teaser__media img,
.trigger-hover:hover a.c-article-teaser .c-article-teaser__media img,
a.c-article-teaser:hover .c-article-teaser__media img,
a.c-article-teaser:focus .c-article-teaser__media img,
a.c-article-teaser:active .c-article-teaser__media img {
  -webkit-transform: translateY(0.1875rem);
  transform: translateY(0.1875rem);
}
.trigger-hover:focus a.c-article-teaser .c-article-teaser__content,
.trigger-hover:hover a.c-article-teaser .c-article-teaser__content,
a.c-article-teaser:hover .c-article-teaser__content,
a.c-article-teaser:focus .c-article-teaser__content,
a.c-article-teaser:active .c-article-teaser__content {
  -webkit-box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.1);
}
.c-article-teaser__media {
  position: relative;
  z-index: 2;
}
.c-article-teaser__media img {
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url(./img/mask.svg);
  mask-image: url(./img/mask.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  position: relative;
  z-index: 5;
  -webkit-transition: all 0.3s cubic-bezier(0.92, 0.13, 0, 0.09);
  transition: all 0.3s cubic-bezier(0.92, 0.13, 0, 0.09);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.c-article-teaser__content {
  padding: 11.5625rem 1.5625rem 2.1875rem;
  border-radius: 1rem;
  -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.05);
  margin-top: -11.875rem;
  -webkit-transition: all 0.3s cubic-bezier(0.92, 0.13, 0, 0.09);
  transition: all 0.3s cubic-bezier(0.92, 0.13, 0, 0.09);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.c-article-teaser__title h3 {
  color: #007E38;
}
.c-article-teaser__intro {
  margin-bottom: 3.75rem;
}
@media (min-width: 768px) {
  .c-article-teaser__intro {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}
.c-article-teaser__read-more {
  margin-top: auto;
}
/*# sourceMappingURL=article-teaser.css.map */