:root {
  --teaser-event-gap: 24px;
  --teaser-event-radius: 8px;
}
@media (min-width: 768px) {
  :root {
    --teaser-event-radius: 16px;
  }
}
@media (min-width: 1024px) {
  :root {
    --teaser-event-gap: 50px;
  }
}
@media (min-width: 1200px) {
  :root {
    --teaser-event-radius: 30px;
  }
}
:root .t-teme-temp2 {
  --teaser-event-radius: 0px;
}
:root .t-teme-temp3 {
  --teaser-event-radius: 10px;
}

.c-teaser-event {
  display: flex;
  position: relative;
}
@media (max-width: 767.98px) {
  .c-teaser-event {
    flex-flow: column;
  }
}
@media (min-width: 768px) {
  .c-teaser-event {
    align-items: flex-start;
  }
}

.c-teaser-event__media {
  flex: 1;
  max-width: 25rem;
  overflow: hidden;
  border-radius: var(--teaser-event-radius);
  position: relative;
}
.c-teaser-event__media .c-teaser-event__media-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.c-teaser-event__footer {
  position: absolute;
  top: 0;
  left: 0;
}

.c-teaser-event__title {
  font-size: var(--tme-fs-heading-h3);
  line-height: var(--tme-lh-heading-h3);
}

.c-teaser-event__content {
  font-size: var(--tme-fs-body-16);
  line-height: var(--tme-lh-body-16);
  flex: 1;
}

.t-teme-temp1 .c-teaser-event {
  gap: var(--teaser-event-gap);
  padding: 24px 0 0 var(--teaser-event-gap);
}
.t-teme-temp1 .c-teaser-event__date-prefix {
  display: none;
}

.t-teme-temp2 .c-teaser-event,
.t-teme-temp3 .c-teaser-event {
  gap: 1.5rem;
  padding: 5rem 0 0 0;
  max-width: 71.25rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .t-teme-temp2 .c-teaser-event,
  .t-teme-temp3 .c-teaser-event {
    padding: 0 0 0 6rem;
    flex-direction: row-reverse;
  }
}
@media (min-width: 1024px) {
  .t-teme-temp2 .c-teaser-event,
  .t-teme-temp3 .c-teaser-event {
    padding: 0 0 0 7.25rem;
  }
}
@media (min-width: 1200px) {
  .t-teme-temp2 .c-teaser-event,
  .t-teme-temp3 .c-teaser-event {
    padding: 0 0 0 9.125rem;
  }
}
.t-teme-temp2 .c-teaser-event__date-prefix,
.t-teme-temp3 .c-teaser-event__date-prefix {
  display: block;
  margin-bottom: 0.5rem;
}
.t-teme-temp2 .c-teaser-event__title,
.t-teme-temp3 .c-teaser-event__title {
  font-size: var(--tme-fs-heading-h4);
  line-height: var(--tme-lh-heading-h4);
  font-family: var(--tme-ff-body);
  margin-bottom: 1.25rem;
}
.t-teme-temp2 .c-teaser-event__actions,
.t-teme-temp3 .c-teaser-event__actions {
  margin-top: 2rem;
}
.t-teme-temp2 .c-teaser-event__actions .c-button,
.t-teme-temp3 .c-teaser-event__actions .c-button {
  font-size: var(--tme-fs-body-18);
  line-height: var(--tme-lh-body-18);
}

.c-teaser__more-link .icon--icon_down_right > svg {
  height: 1.0625rem;
  width: 1.0625rem;
}