:root {
  --sdc-text-image-teaser-max-width: 1440px;
  --sdc-text-image-teaser-mobile-padding: 24px;
  --sdc-text-image-teaser-heading-size: 50px;
  --sdc-text-image-teaser-heading-color: #000;
  --sdc-text-image-teaser-count: 4;
  --sdc-text-image-teaser-gap: 24px;
}

.sdc-text-image-teaser-wrapper {
  max-width: var(--sdc-text-image-teaser-max-width);
  margin: 0 auto;
  padding: 0 var(--sdc-text-image-teaser-mobile-padding) 1rem var(--sdc-text-image-teaser-mobile-padding);
}

.sdc-text-image-teaser {
}

.sdc-text-image-teaser h2 {
  font-size: var(--sdc-text-image-teaser-heading-size);
  color: var(--sdc-text-image-teaser-heading-color);
  margin-top: 0;
}

.sdc-text-image-teaser-items {
  display: grid;
  grid-template-columns: repeat(var(--sdc-text-image-teaser-count), 1fr);
  grid-gap: var(--sdc-text-image-teaser-gap);
}

.sdc-text-image-teaser-item {

}

.view-mode-teaser-list .sdc-text-image-teaser-items {
  display: grid;
  /* --sdc-text-image-teaser-count: 1; */
  grid-template-columns: repeat(var(--sdc-text-image-teaser-count), 1fr);
}

.view-mode-2-teaser-grid .sdc-text-image-teaser-items {
  display: grid;
 /* --sdc-text-image-teaser-count: 2; */
  grid-template-columns: repeat(var(--sdc-text-image-teaser-count), 1fr);
}

.view-mode-3-teaser-grid .sdc-text-image-teaser-items {
  display: grid;
  /* --sdc-text-image-teaser-count: 3; */
  grid-template-columns: repeat(var(--sdc-text-image-teaser-count), 1fr);
}