.lk-teaser-card {
  container: teaser-card / inline-size;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0.75rem; /* 12px */
}

.lk-teaser-card a {
  color: var(--_fg-color, var(--font-color));
}

.lk-teaser-card.lk-teaser-card--size-xl {
  max-width: 45.375rem; /* 726px */
}

.lk-teaser-card.lk-teaser-card--size-lg {
  max-width: 33.5625rem; /* 537px */
}

@media (min-width: 1200px) {

  .lk-teaser-card.lk-teaser-card--size-sm:has(.lk-teaser-card--image--wrapper) a {
    display: grid;
    column-gap: 1rem;
    grid-template-rows: min-content 1fr; /* first 2 shrink, last one stretches */
    grid-template-columns: 13.875rem 1fr;
    max-width: 45.375rem; /* 726px */
  }

  .lk-teaser-card.lk-teaser-card--size-sm:has(.lk-teaser-card--image--wrapper) a > div {
    grid-column: 2;
  }

  .lk-teaser-card.lk-teaser-card--size-sm:has(.lk-teaser-card--image--wrapper) .lk-teaser-card--image--wrapper {
    grid-column: 1;
    grid-row: 1 / span 2;
    max-width: 13.875rem; /* 222px */
  }

  .lk-teaser-card.lk-teaser-card--size-sm:has(.lk-teaser-card--image--wrapper) .lk-teaser-card--headline {
    margin-top: 0;
  }

}

.lk-teaser-card .lk-teaser-card--image {
  position: relative;
}

.lk-teaser-card .lk-teaser-card--image img {
  border-radius: 0.75rem; /* 12px */
  height: auto;
  width: 100%;
}

.lk-teaser-card .lk-teaser-card--image--badge-sticky--wrapper {
  position: absolute;
  top: 0.5rem; /* 6px */
  left: 0.5rem; /* 6px */
  z-index: 10;
}

.lk-teaser-card .lk-teaser-card--image--badge-regular--wrapper {
  position: absolute;
  bottom: 0.5rem; /* 6px */
  left: 0.5rem; /* 6px */
}

.lk-teaser-card--headline {
  margin: 0.75rem 0 0.25rem 0;
}

@container teaser-card (min-width: 37.5rem) {
  .lk-teaser-card:not(.lk-teaser-card--size-sm) .lk-headline.lk-headline--size--2xl {
    font-size: var(--heading-3xl--font-size);
  }
}