.teaser-list-container {
  container: teaser-list/inline-size;
  font-size: 16px;
  box-sizing: border-box;
  position: relative;
  transform: translateZ(0);
}
.teaser-list-container:hover {
  z-index: var(--Z-Index-Popover);
}

.teaser-list {
  height: 100%;
  display: grid;
  column-gap: var(--Spacing-06);
  row-gap: var(--Spacing-06);
  padding: var(--Spacing-06);
  transition: var(--Transition-Base);
}
.teaser-list.has-single-link:focus, .teaser-list.has-single-link:focus-within {
  outline: var(--Outline-Container);
}
.teaser-list.has-single-link:hover, .teaser-list.has-single-link:focus, .teaser-list.has-single-link:focus-within {
  background-color: var(--Color-Gray-300);
}
.teaser-list.has-single-link:hover .button, .teaser-list.has-single-link:focus .button, .teaser-list.has-single-link:focus-within .button {
  text-decoration: underline;
  text-underline-offset: 3px;
  border-color: var(--Color-Text-Hover);
  color: var(--Color-Text-Hover);
}
.teaser-list.has-single-link:hover .button .whitespace-nowrap:after, .teaser-list.has-single-link:hover .button:after, .teaser-list.has-single-link:focus .button .whitespace-nowrap:after, .teaser-list.has-single-link:focus .button:after, .teaser-list.has-single-link:focus-within .button .whitespace-nowrap:after, .teaser-list.has-single-link:focus-within .button:after {
  background-color: var(--Color-Primary-Hover);
  left: var(--Spacing-02);
}
.teaser-list.has-single-link:hover .button .icon, .teaser-list.has-single-link:focus .button .icon, .teaser-list.has-single-link:focus-within .button .icon {
  transform: scale(1.2);
}
.teaser-list.has-single-link:hover .button.is-primary, .teaser-list.has-single-link:focus .button.is-primary, .teaser-list.has-single-link:focus-within .button.is-primary {
  text-decoration: underline;
  text-underline-offset: 3px;
  background-color: var(--Color-Primary-Hover);
  border-color: var(--Color-Primary-Hover);
  color: var(--Color-Primary-Text-Hover);
}
.teaser-list.has-single-link:hover .button.is-primary .whitespace-nowrap:after, .teaser-list.has-single-link:hover .button.is-primary:after, .teaser-list.has-single-link:focus .button.is-primary .whitespace-nowrap:after, .teaser-list.has-single-link:focus .button.is-primary:after, .teaser-list.has-single-link:focus-within .button.is-primary .whitespace-nowrap:after, .teaser-list.has-single-link:focus-within .button.is-primary:after {
  background-color: var(--Color-Primary-Hover);
  left: var(--Spacing-02);
}
.teaser-list.has-single-link:hover .button.is-primary .icon, .teaser-list.has-single-link:focus .button.is-primary .icon, .teaser-list.has-single-link:focus-within .button.is-primary .icon {
  transform: scale(1.2);
}
.teaser-list.has-single-link:hover .button.is-primary .whitespace-nowrap:after, .teaser-list.has-single-link:hover .button.is-primary:after, .teaser-list.has-single-link:focus .button.is-primary .whitespace-nowrap:after, .teaser-list.has-single-link:focus .button.is-primary:after, .teaser-list.has-single-link:focus-within .button.is-primary .whitespace-nowrap:after, .teaser-list.has-single-link:focus-within .button.is-primary:after {
  background-color: var(--Color-Primary-Text-Hover);
}
.teaser-list.has-single-link:hover .button.is-primary-outline, .teaser-list.has-single-link:focus .button.is-primary-outline, .teaser-list.has-single-link:focus-within .button.is-primary-outline {
  text-decoration: underline;
  text-underline-offset: 3px;
  border-color: var(--Color-Primary);
}
.teaser-list.has-single-link:hover .button.is-primary-outline .whitespace-nowrap:after, .teaser-list.has-single-link:hover .button.is-primary-outline:after, .teaser-list.has-single-link:focus .button.is-primary-outline .whitespace-nowrap:after, .teaser-list.has-single-link:focus .button.is-primary-outline:after, .teaser-list.has-single-link:focus-within .button.is-primary-outline .whitespace-nowrap:after, .teaser-list.has-single-link:focus-within .button.is-primary-outline:after {
  background-color: var(--Color-Primary-Hover);
  left: var(--Spacing-02);
}
.teaser-list.has-single-link:hover .button.is-primary-outline .icon, .teaser-list.has-single-link:focus .button.is-primary-outline .icon, .teaser-list.has-single-link:focus-within .button.is-primary-outline .icon {
  transform: scale(1.2);
}
.teaser-list.has-single-link:hover .button.is-secondary, .teaser-list.has-single-link:focus .button.is-secondary, .teaser-list.has-single-link:focus-within .button.is-secondary {
  text-decoration: underline;
  text-underline-offset: 3px;
  background-color: var(--Color-Secondary-Hover);
  border-color: var(--Color-Secondary-Hover);
  color: var(--Color-Secondary-Text);
}
.teaser-list.has-single-link:hover .button.is-secondary .whitespace-nowrap:after, .teaser-list.has-single-link:hover .button.is-secondary:after, .teaser-list.has-single-link:focus .button.is-secondary .whitespace-nowrap:after, .teaser-list.has-single-link:focus .button.is-secondary:after, .teaser-list.has-single-link:focus-within .button.is-secondary .whitespace-nowrap:after, .teaser-list.has-single-link:focus-within .button.is-secondary:after {
  background-color: var(--Color-Primary-Hover);
  left: var(--Spacing-02);
}
.teaser-list.has-single-link:hover .button.is-secondary .icon, .teaser-list.has-single-link:focus .button.is-secondary .icon, .teaser-list.has-single-link:focus-within .button.is-secondary .icon {
  transform: scale(1.2);
}
.teaser-list.has-single-link:hover .button.is-secondary .whitespace-nowrap:after, .teaser-list.has-single-link:hover .button.is-secondary:after, .teaser-list.has-single-link:focus .button.is-secondary .whitespace-nowrap:after, .teaser-list.has-single-link:focus .button.is-secondary:after, .teaser-list.has-single-link:focus-within .button.is-secondary .whitespace-nowrap:after, .teaser-list.has-single-link:focus-within .button.is-secondary:after {
  background-color: var(--Color-Secondary-Text);
}
.teaser-list.has-single-link:hover .button.is-secondary-outline, .teaser-list.has-single-link:focus .button.is-secondary-outline, .teaser-list.has-single-link:focus-within .button.is-secondary-outline {
  text-decoration: underline;
  text-underline-offset: 3px;
  border-color: var(--Color-Secondary-Hover);
}
.teaser-list.has-single-link:hover .button.is-secondary-outline .whitespace-nowrap:after, .teaser-list.has-single-link:hover .button.is-secondary-outline:after, .teaser-list.has-single-link:focus .button.is-secondary-outline .whitespace-nowrap:after, .teaser-list.has-single-link:focus .button.is-secondary-outline:after, .teaser-list.has-single-link:focus-within .button.is-secondary-outline .whitespace-nowrap:after, .teaser-list.has-single-link:focus-within .button.is-secondary-outline:after {
  background-color: var(--Color-Primary-Hover);
  left: var(--Spacing-02);
}
.teaser-list.has-single-link:hover .button.is-secondary-outline .icon, .teaser-list.has-single-link:focus .button.is-secondary-outline .icon, .teaser-list.has-single-link:focus-within .button.is-secondary-outline .icon {
  transform: scale(1.2);
}
.teaser-list.has-single-link:hover .button.is-text, .teaser-list.has-single-link:focus .button.is-text, .teaser-list.has-single-link:focus-within .button.is-text {
  text-decoration: underline;
  text-underline-offset: 3px;
  border-color: var(--Color-Text-Hover);
  color: var(--Color-Text-Hover);
}
.teaser-list.has-single-link:hover .button.is-text .whitespace-nowrap:after, .teaser-list.has-single-link:hover .button.is-text:after, .teaser-list.has-single-link:focus .button.is-text .whitespace-nowrap:after, .teaser-list.has-single-link:focus .button.is-text:after, .teaser-list.has-single-link:focus-within .button.is-text .whitespace-nowrap:after, .teaser-list.has-single-link:focus-within .button.is-text:after {
  background-color: var(--Color-Primary-Hover);
  left: var(--Spacing-02);
}
.teaser-list.has-single-link:hover .button.is-text .icon, .teaser-list.has-single-link:focus .button.is-text .icon, .teaser-list.has-single-link:focus-within .button.is-text .icon {
  transform: scale(1.2);
}
@container teaser-list (min-width: 704px) {
  .teaser-list {
    grid-template-columns: 2fr 1fr;
    grid-template-areas: "title links" "content links";
  }
}
@container teaser-list (min-width: 704px) {
  .teaser-list.has-media.is-media-landscape {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "media title" "media content" "media links";
  }
}
.teaser-list.has-media.is-media-landscape .teaser-list--media {
  display: block;
}
.teaser-list.has-media.is-media-landscape .teaser-list--content {
  grid-template-columns: 1fr;
}
@container teaser-list (min-width: 704px) {
  .teaser-list.has-media.is-media-landscape .teaser-list--content {
    grid-template-columns: subgrid;
  }
}
@container teaser-list (min-width: 704px) {
  .teaser-list.has-media {
    grid-template-columns: auto 2fr 1fr;
    grid-template-areas: "media title links" " media content links";
    grid-template-rows: auto 1fr;
  }
}
.teaser-list.has-media .teaser-list--content {
  display: grid;
  column-gap: var(--Spacing-04);
  row-gap: var(--Spacing-04);
  grid-template-columns: auto minmax(0, 1fr);
}
@container teaser-list (min-width: 544px) {
  .teaser-list.has-media .teaser-list--content {
    column-gap: var(--Spacing-06);
    grid-template-columns: auto minmax(0, 1fr);
  }
}
@container teaser-list (min-width: 704px) {
  .teaser-list.has-media .teaser-list--content {
    display: inherit;
    grid-column: 1/-1;
    grid-row: 1/-1;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
    grid-template-areas: inherit;
  }
}
.teaser-list.has-media .teaser-list--media {
  display: none;
}
@container teaser-list (min-width: 704px) {
  .teaser-list.has-media .teaser-list--media {
    display: block;
    grid-area: media;
  }
}
@container teaser-list (min-width: 704px) {
  .teaser-list > .title,
  .teaser-list .title--container {
    grid-area: title;
  }
}
@container teaser-list (min-width: 544px) {
  .teaser-list .teaser-list--content__content.has-columns {
    display: grid;
    column-gap: var(--Spacing-06);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@container teaser-list (min-width: 1120px) {
  .teaser-list .teaser-list--content__content.has-columns {
    grid-template-columns: minmax(0, 2fr) minmax(0, 2fr);
  }
}
@container teaser-list (min-width: 704px) {
  .teaser-list .teaser-list--content__content {
    grid-area: content;
  }
}
.teaser-list .teaser-list--links {
  padding-top: var(--Spacing-04);
}
@container teaser-list (min-width: 704px) {
  .teaser-list .teaser-list--links {
    grid-area: links;
    padding-top: 0;
  }
}
@container teaser-list (min-width: 544px) {
  .teaser-list.is-person .teaser-list--media img,
  .teaser-list.is-person .teaser-list--media img.image-sizes,
  .teaser-list.is-person .teaser-list--media responsive-img,
  .teaser-list.is-person .teaser-list--media picture {
    transition: var(--Transition-Base);
    transform: scale(1);
    width: 105px;
  }
}
.teaser-list--media.add-media-background img,
.teaser-list--media.add-media-background img.image-sizes,
.teaser-list--media.add-media-background responsive-img,
.teaser-list--media.add-media-background picture {
  transition: var(--Transition-Base);
  transform: scale(1);
  background-color: var(--Color-White);
}
@container teaser-list (min-width: 544px) {
  .teaser-list--media img,
  .teaser-list--media img.image-sizes,
  .teaser-list--media responsive-img,
  .teaser-list--media picture {
    transition: var(--Transition-Base);
    transform: scale(1);
    max-width: 200px;
    height: auto;
  }
}
@container teaser-list (min-width: 704px) {
  .teaser-list--links {
    display: flex;
    align-items: end;
    justify-content: end;
  }
}
.teaser-list--links .button-list {
  justify-content: end;
}

/*# sourceMappingURL=teaser-list.css.map */