.l-container--teaser-card {
  /* stylelint-disable-next-line property-no-unknown */
  container-name: teaser-card;
}

.dsa-teaser-card {
  --dsa-teaser-card--background: var(--ks-background-color-card-interactive);
  --dsa-teaser-card--background_hover: var(--ks-background-color-card-interactive-hover);
  --dsa-teaser-card--border-radius: var(--ks-border-radius-card);
  --dsa-teaser-card--border: var(--ks-border-card-interactive);
  --dsa-teaser-card--border-color_hover: var(--ks-border-color-card-interactive-hover);
  --dsa-teaser-card_compact--border: 0;
  --dsa-teaser-card_compact--border-color_hover: unset;
  --dsa-teaser-card_compact--overlay: linear-gradient(
    transparent,
    var(--ks-color-bg-alpha-5),
    var(--ks-color-bg-alpha-1)
  );
  --dsa-teaser-card_compact--overlay_with-label: linear-gradient(
    var(--ks-color-bg-alpha-4),
    var(--ks-color-bg-alpha-5),
    var(--ks-color-bg-alpha-1)
  );
  --dsa-teaser-card--shadow: var(--ks-box-shadow-card);
  --dsa-teaser-card--shadow_hover: var(--ks-box-shadow-card-hover);
  --dsa-teaser-card__image--transform_hover: scale(1.05);
  --dsa-teaser-card__image--transition: transform var(--ks-transition-fade);
  --dsa-teaser-card__body--gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-m);
  --dsa-teaser-card__topic--color: var(--dsa-topic--color);
  --dsa-teaser-card__label--font: var(--ks-font-interface-s);
  --dsa-teaser-card__label--font-weight: var(--ks-font-weight-semi-bold);
  --dsa-teaser-card__label--color: var(--ks-text-color-primary);
  --dsa-teaser-card__label--background-color: var(--ks-background-color-default);
  --dsa-teaser-card__label--padding: 0.5em 1em;
  --dsa-teaser-card__label--border-radius: var(--ks-border-radius-pill);
  --dsa-teaser-card__label--border: var(--ks-border-width-default) solid var(--ks-border-color-primary);
  --dsa-teaser-card__button--font: var(--ks-font-interface-m);
  --dsa-teaser-card--padding: var(--ks-spacing-inset-m);
  --dsa-teaser-card__topic--font: var(--ks-font-display-m);
  --dsa-teaser-card__topic--font-weight: var(--dsa-topic--font-weight);
  --dsa-teaser-card__copy--font: var(--ks-font-copy-s);
  --dsa-teaser-card__copy--color: var(--ks-text-color-default);
  --dsa-teaser-card__copy--margin-top: 0.5em;
  --dsa-teaser-card__button--font: var(--ks-font-interface-s);
}
@container teaser-card (min-width: 400px) {
  .dsa-teaser-card {
    --dsa-teaser-card--padding: var(--ks-spacing-inset-l);
    --dsa-teaser-card__topic--font: var(--ks-font-display-l);
    --dsa-teaser-card__copy--font: var(--ks-font-copy-m);
    --dsa-teaser-card__button--font: var(--ks-font-interface-m);
  }
}
@media (min-width: 48em) {
  .dsa-teaser-card {
    --dsa-teaser-card__topic--font: var(--ks-font-display-s);
    --dsa-teaser-card__copy--font: var(--ks-font-copy-s);
    --dsa-teaser-card--padding: var(--ks-spacing-inset-m);
    --dsa-teaser-card__button--font: var(--ks-font-interface-s);
  }
  @container teaser-card (min-width: 400px) {
    .dsa-teaser-card {
      --dsa-teaser-card__topic--font: var(--ks-font-display-m);
      --dsa-teaser-card__copy--font: var(--ks-font-copy-m);
      --dsa-teaser-card__button--font: var(--ks-font-interface-m);
    }
  }
}

.l-container--teaser-card {
  /* stylelint-disable-next-line property-no-unknown */
  container-name: teaser-card;
}

.l-container--teaser-card {
  display: flex;
}

.dsa-teaser-card {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}
.dsa-teaser-card--centered .c-teaser {
  text-align: center;
}
.dsa-teaser-card.dsa-teaser-card--compact {
  --overlay: var(
    --dsa-teaser-card_compact--overlay,
    linear-gradient(transparent, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.85))
  );
}
.dsa-teaser-card.dsa-teaser-card--compact.dsa-teaser-card--unset .c-teaser > *:first-child:not(.c-teaser__body) {
  position: relative !important;
}
.dsa-teaser-card.dsa-teaser-card--compact.dsa-teaser-card--unset .c-teaser .c-teaser__body {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  padding: var(--dsa-teaser-card--padding, var(--ks-spacing-inset-l));
}
.dsa-teaser-card.dsa-teaser-card--compact.dsa-teaser-card--with-label {
  --overlay: var(
    --dsa-teaser-card_compact--overlay_with-label,
    linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.85))
  );
}
.dsa-teaser-card.dsa-teaser-card--compact > .c-teaser {
  border: var(--dsa-teaser-card_compact--border, var(--ks-border-card-interactive));
}
.dsa-teaser-card.dsa-teaser-card--compact > .c-teaser:hover {
  border-color: var(--dsa-teaser-card_compact--border-color_hover, var(--ks-border-color-card-interactive-hover));
}
.dsa-teaser-card.dsa-teaser-card--compact > .c-teaser > *:first-child:not(.c-teaser__body) {
  display: flex;
  flex-grow: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.dsa-teaser-card.dsa-teaser-card--compact > .c-teaser .c-teaser__body {
  justify-content: flex-end;
}
.dsa-teaser-card.dsa-teaser-card--compact > .c-teaser .c-teaser__body .c-teaser__link,
.dsa-teaser-card.dsa-teaser-card--compact > .c-teaser .c-teaser__body .c-teaser__text {
  z-index: 2;
}
.dsa-teaser-card.dsa-teaser-card--compact > .c-teaser .c-teaser__body .c-teaser__topic {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: var(--dsa-teaser-card__body--gap);
}
.dsa-teaser-card.dsa-teaser-card--compact > .c-teaser .c-teaser__body .c-teaser__topic > span.dsa-teaser-card__label {
  position: relative;
  display: block;
  width: fit-content;
  margin-bottom: auto;
  transform: none;
  border-color: var(--ks-color-fg);
  color: var(--ks-color-fg);
  background: transparent;
}
.dsa-teaser-card.dsa-teaser-card--compact > .c-teaser .c-teaser__body .c-teaser__topic span:not(.dsa-teaser-card__label) {
  margin-top: auto;
}
.dsa-teaser-card.dsa-teaser-card--compact > .c-teaser .c-teaser__body .c-teaser__text {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
.dsa-teaser-card.dsa-teaser-card--compact > .c-teaser .c-teaser__body::after {
  position: absolute;
  content: "";
  z-index: 0;
  height: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--overlay);
}
.dsa-teaser-card.dsa-teaser-card--compact.dsa-teaser-card--wide .c-teaser__body {
  aspect-ratio: 4/3;
}
.dsa-teaser-card.dsa-teaser-card--compact.dsa-teaser-card--landscape .c-teaser__body {
  aspect-ratio: 16/9;
}
.dsa-teaser-card.dsa-teaser-card--compact.dsa-teaser-card--square .c-teaser__body {
  aspect-ratio: 1/1;
}
.dsa-teaser-card .c-teaser {
  --c-teaser--padding: var(--dsa-teaser-card--padding, var(--ks-spacing-inset-l));
  --c-teaser--background: var(--dsa-teaser-card--background, var(--ks-background-color-card-interactive));
  --c-teaser--color: var(--dsa-teaser-card__copy--color, var(--ks-text-color-default));
  --c-teaser--border: var(--dsa-teaser-card--border, var(--ks-border-card-interactive));
  --c-teaser--border-radius: var(--dsa-teaser-card--border-radius, var(--ks-border-radius-card));
  --c-teaser--shadow-hover: var(--dsa-teaser-card--shadow_hover, var(--ks-box-shadow-card-hover));
  --c-teaser_text--spacing: var(--dsa-teaser-card__copy--margin-top, 0.5em);
  position: relative;
  transition: var(--ks-transition-hover);
  transition-property: border-color, background-color, box-shadow;
  box-shadow: var(--dsa-teaser-card--shadow, var(--ks-box-shadow-card));
  cursor: pointer;
}
.dsa-teaser-card .c-teaser > :first-child:not(.c-teaser__body) {
  overflow: hidden;
}
.dsa-teaser-card .c-teaser:hover {
  border-color: var(--dsa-teaser-card--border-color_hover, var(--ks-border-color-card-interactive-hover));
  background-color: var(--dsa-teaser-card--background_hover, var(--ks-background-color-card-interactive-hover)) !important;
}
.dsa-teaser-card .c-teaser:hover .c-teaser__image {
  transform: var(--dsa-teaser-card__image--transform_hover, scale(1.05));
}
.dsa-teaser-card .c-teaser .c-teaser__image {
  object-fit: cover;
  transition: var(--dsa-teaser-card__image--transition, transform var(--ks-transition-hover));
}
.dsa-teaser-card .c-teaser .c-teaser__body {
  display: flex;
  flex-direction: column;
  gap: var(--dsa-teaser__body--gap, var(--ks-spacing-stack-s) var(--ks-spacing-inline-s));
}
.dsa-teaser-card--wide .c-teaser__image {
  aspect-ratio: 4/3;
}
.dsa-teaser-card--landscape .c-teaser__image {
  aspect-ratio: 16/9;
}
.dsa-teaser-card--square .c-teaser__image {
  aspect-ratio: 1/1;
}
.dsa-teaser-card .c-rich-text {
  font: var(--dsa-teaser-card__copy--font, var(--ks-font-copy-m));
}
.dsa-teaser-card .c-teaser__topic {
  color: var(--dsa-teaser-card__topic--color, var(--dsa-topic--color));
  font: var(--dsa-teaser-card__topic--font, var(--dsa-topic--font));
  font-weight: var(--dsa-teaser-card__topic--font-weight, var(--dsa-topic--font-weight));
}
.dsa-teaser-card .dsa-teaser-card__label {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  border-radius: var(--dsa-teaser-card__label--border-radius);
  border: var(--dsa-teaser-card__label--border, 0);
  pointer-events: initial;
  padding: var(--dsa-teaser-card__label--padding);
  transform: translate(0.5em, -50%);
  font: var(--dsa-teaser-card__label--font);
  text-align: center;
  font-weight: var(--dsa-teaser-card__label--font-weight);
  color: var(--dsa-teaser-card__label--color);
  background-color: var(--dsa-teaser-card__label--background-color);
}
.dsa-teaser-card .c-teaser__link {
  margin-top: 0;
}
.dsa-teaser-card .c-teaser__link .dsa-button {
  font: var(--dsa-teaser-card__button--font, var(--dsa-button_medium--font));
  font-weight: var(--dsa-button--font-weight);
  padding: var(--dsa-teaser-card__button--padding, var(--dsa-button--padding));
}
@container teaser-card (min-width: 640px) {
  .dsa-teaser-card--unset .c-teaser__image {
    height: 100%;
  }
  .dsa-teaser-card--row.dsa-teaser-card--no-image .c-teaser {
    align-items: center;
  }
  .dsa-teaser-card--row.dsa-teaser-card--no-image .c-teaser .c-teaser__body {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    height: fit-content;
    justify-content: space-between;
  }
  .dsa-teaser-card--row.dsa-teaser-card--no-image .c-teaser .c-teaser__body .c-teaser__text {
    flex-grow: 1;
    flex-basis: var(--dsa-tile--width_large);
  }
  .dsa-teaser-card--row.dsa-teaser-card--no-image .c-teaser .c-teaser__body .c-teaser__link {
    height: fit-content;
  }
  .dsa-teaser-card--row .c-teaser {
    flex-direction: row;
  }
  .dsa-teaser-card--row .c-teaser .c-teaser__body {
    justify-content: center;
    flex-basis: 50%;
  }
  .dsa-teaser-card--row .c-teaser .c-teaser__body .c-teaser__text {
    flex: 0;
  }
  .dsa-teaser-card--row .c-teaser > :first-child:not(.c-teaser__body) {
    flex: 50%;
  }
}