:root {
  --sdc-image-teaser-heading-size: 1.5rem;
  --sdc-image-teaser-heading-line-height: 1.5;
  --sdc-image-teaser-heading-font-weight: 500;
  --sdc-image-teaser-heading-color: var(--stephanus-blau-100);
  --sdc-image-teaser-list-gap: var(--spacing-32);
  --sdc-image-teaser-divider: none;
  --sdc-image-teaser-image-radius: 4px;
  --sdc-image-teaser-text-size: 1rem;
  --sdc-image-teaser-text-line-height: 1.5;
  --sdc-image-teaser-overline-size: 1rem;
  --sdc-image-teaser-overline-margin: 0;
}

.scd-image-teaser-title {
  margin: var(--spacing-24) 0 0 ;
  font-size: var(--sdc-image-teaser-heading-size);
  line-height: var(--sdc-image-teaser-heading-line-height);
  color: var(--sdc-image-teaser-heading-color);
  font-weight: var(--sdc-image-teaser-heading-font-weight);
  letter-spacing: 1px;
}

.scd-image-teaser-title a, .scd-image-teaser-title a:link {

}

.sdc-image-teaser-text {
  font-size: var(--sdc-image-teaser-text-size);
  line-height: var(--sdc-image-teaser-text-line-height);
  margin-top: 0;
}

.sdc-image-teaser-image img {
  border-radius: var(--sdc-image-teaser-image-radius);
  width: 100%;
}

.sdc-image-teaser-overline {
  margin-top: var(--sdc-image-teaser-overline-margin);
  margin-bottom: 0.75rem;
  font-size: var(--sdc-image-teaser-overline-size);
}

.view-mode-teaser_list .sdc-image-teaser {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sdc-image-teaser-list-gap);
}

.view-mode-2_teaser_grid {

}

.view-mode-2_teaser_grid .sdc-divider {
  display: var(--sdc-image-teaser-divider);
}

.view-mode-3_teaser_grid {

}

.view-mode-3_teaser_grid .sdc-divider {
  display: var(--sdc-image-teaser-divider);
}