/**
 * Teasers reference component style.
 */
.c-teasers-reference {
  max-width: var(--w-wide);
  margin-right: auto;
  margin-left: auto;
  text-decoration: none;
}
.c-teasers-reference .teaser {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: var(--c-grayscale-off-white);
}
@media (min-width: 660px) {
  .c-teasers-reference .teaser {
    flex-direction: row;
  }
}
.c-teasers-reference .teaser:not(:last-of-type) {
  margin-bottom: 20px;
}
.c-teasers-reference .teaser:hover .action--link {
  background-color: var(--c-link-hocus);
}
.c-teasers-reference .teaser__image {
  flex-basis: 50%;
  height: 100%;
  object-fit: cover;
}
.c-teasers-reference .teaser__content {
  flex-basis: 50%;
  padding: 30px;
}
.c-teasers-reference .teaser_header a {
  text-decoration: none;
}
.c-teasers-reference .teaser__title:hover {
  text-decoration: none;
}
@media (max-width: 659px) {
  .c-teasers-reference .c-action {
    margin-top: 30px;
  }
}