.M-CommercialTeaser__wrapper {
  display: grid;
  grid-template-areas: "image" "text";
  grid-template-columns: auto auto;
  grid-template-rows: auto;
}
@media only screen and (min-width: 992px) {
  .M-CommercialTeaser__wrapper {
    grid-template-areas: "image text";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
  .-left .M-CommercialTeaser__wrapper {
    grid-template-areas: "text image";
  }
}
.M-CommercialTeaser__wrapper.-purple {
  background: var(--emphasis-purple-major__enabled__default__fill);
}
.M-CommercialTeaser__wrapper.-blue {
  background: var(--accent-major__enabled__default__fill);
}
.M-CommercialTeaser__wrapper.-blue-gradient {
  background: var(--accent-nested-pure__enabled__pressed__fill);
}
.M-CommercialTeaser__wrapper.-turquoise {
  background: var(--emphasis-turquoise-major__enabled__default__fill);
}
.M-CommercialTeaser__wrapper.-green {
  background: var(--emphasis-green-major__enabled__default__fill);
}
.M-CommercialTeaser__wrapper.-purple .a-list--dot li::before, .M-CommercialTeaser__wrapper.-purple ul > li::before {
  background: var(--emphasis-purple-major__enabled__default__front);
}
.M-CommercialTeaser__wrapper.-blue .a-list--dot li::before, .M-CommercialTeaser__wrapper.-blue ul > li::before {
  background: var(--accent-major__enabled__default__front);
}
.M-CommercialTeaser__wrapper.-blue-gradient .a-list--dot li::before, .M-CommercialTeaser__wrapper.-blue-gradient ul > li::before {
  background: var(--accent-nested-pure__enabled__pressed__front);
}
.M-CommercialTeaser__wrapper.-turquoise .a-list--dot li::before, .M-CommercialTeaser__wrapper.-turquoise ul > li::before {
  background: var(--emphasis-turquoise-major__enabled__default__front);
}
.M-CommercialTeaser__wrapper.-green .a-list--dot li::before, .M-CommercialTeaser__wrapper.-green ul > li::before {
  background: var(--emphasis-green-major__enabled__default__front);
}
.M-CommercialTeaser__wrapper.-purple, .M-CommercialTeaser__wrapper.-purple a {
  color: var(--emphasis-purple-major__enabled__default__front);
}
.M-CommercialTeaser__wrapper.-blue, .M-CommercialTeaser__wrapper.-blue a {
  color: var(--accent-major__enabled__default__front);
}
.M-CommercialTeaser__wrapper.-blue-gradient, .M-CommercialTeaser__wrapper.-blue-gradient a {
  color: var(--accent-nested-pure__enabled__pressed__front);
}
.M-CommercialTeaser__wrapper.-turquoise, .M-CommercialTeaser__wrapper.-turquoise a {
  color: var(--emphasis-turquoise-major__enabled__default__front);
}
.M-CommercialTeaser__wrapper.-green, .M-CommercialTeaser__wrapper.-green a {
  color: var(--emphasis-green-major__enabled__default__front);
}
.M-CommercialTeaser__text {
  grid-area: text;
  padding: 1rem 1rem 1.5rem;
}
.M-CommercialTeaser__text p:last-child {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
  .M-CommercialTeaser__text {
    padding: 2rem 2rem 3rem;
  }
}
.M-CommercialTeaser__headline {
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  line-height: 1.4;
}
@media only screen and (min-width: 768px) {
  .M-CommercialTeaser__headline {
    font-size: 2rem;
    line-height: 1.35;
  }
}
@media only screen and (min-width: 992px) {
  .M-CommercialTeaser__headline {
    font-size: 2.5rem;
    line-height: 1.3;
  }
}
.M-CommercialTeaser__image {
  grid-area: image;
}
@media only screen and (min-width: 992px) {
  .M-CommercialTeaser__image .A-Image {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .M-CommercialTeaser__image .A-Image__figure {
    height: 100%;
  }
  .M-CommercialTeaser__image .A-Image__picture {
    height: 100%;
    position: relative;
    overflow: hidden;
  }
}
/*# sourceMappingURL=commercial-teaser.css.map */