.banner {
  text-align: center;
  background-color: var(--banner-onlight-color-background-1);
  padding: var(--banner-mb-lg-spacing-vertical-margin) 0;
}.banner.banner--size-sm {
  padding: var(--banner-mb-sm-spacing-vertical-margin) 0;
}.banner.banner--background-light.banner--variant-2 {
  background-color: var(--banner-onlight-color-background-2);
}.banner.banner--background-dark {
  background-color: var(--banner-ondark-color-background-1);
}.banner.banner--background-dark.banner--variant-2 {
  background-color: var(--banner-ondark-color-background-2);
}.banner__container {
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
}.banner__container.banner__container--fluid {
  max-width: none;
}.banner__headline {
  color: var(--banner-onlight-color-headline);
}.banner__headline *,
.banner__headline h1,
.banner__headline h2,
.banner__headline h3,
.banner__headline h4,
.banner__headline h5,
.banner__headline h6 {
  
  font-family: var(--banner-mb-typography-header-lg-font-face);
  line-height: var(--banner-mb-typography-header-lg-line-height);
  font-size: var(--banner-mb-typography-header-lg-font-size);
  text-transform: var(--banner-mb-typography-header-lg-text-case);
  letter-spacing: var(--banner-mb-typography-header-lg-letter-spacing);
  font-weight: var(--banner-mb-typography-header-lg-font-weight);
  -webkit-text-decoration: var(--banner-mb-typography-header-lg-text-decoration);
          text-decoration: var(--banner-mb-typography-header-lg-text-decoration);
  
}.banner__headline.banner__headline--size-sm *,
.banner__headline.banner__headline--size-sm h1,
.banner__headline.banner__headline--size-sm h2,
.banner__headline.banner__headline--size-sm h3,
.banner__headline.banner__headline--size-sm h4,
.banner__headline.banner__headline--size-sm h5,
.banner__headline.banner__headline--size-sm h6 {
  
  font-family: var(--banner-mb-typography-header-sm-font-face);
  line-height: var(--banner-mb-typography-header-sm-line-height);
  font-size: var(--banner-mb-typography-header-sm-font-size);
  text-transform: var(--banner-mb-typography-header-sm-text-case);
  letter-spacing: var(--banner-mb-typography-header-sm-letter-spacing);
  font-weight: var(--banner-mb-typography-header-sm-font-weight);
  -webkit-text-decoration: var(--banner-mb-typography-header-sm-text-decoration);
          text-decoration: var(--banner-mb-typography-header-sm-text-decoration);
  
}.banner__headline.banner__headline--background-dark {
  color: var(--banner-ondark-color-headline);
}.banner__content {
  color: var(--banner-onlight-color-body);
  max-width: 70ex;
  margin: 0 auto;
  margin-top: var(--banner-mb-content-spacing-gap-sm);
}.banner__content.banner__content--size-lg {
  margin-top: var(--banner-mb-content-spacing-gap-lg);
}.banner__content.banner__content--background-dark {
  color: var(--banner-ondark-color-body);
}.banner__ctas {
  margin-top: var(--banner-mb-button-spacing-gap-sm);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}.banner__ctas.banner__ctas--size-lg {
  margin-top: var(--banner-mb-button-spacing-gap-lg);
}@media screen and (min-width: 320px) {
  .banner__container {
    padding-left: 16px;
    padding-right: 16px;
  }
  .banner__container.banner__container--fluid {
    max-width: none;
  }
}@media screen and (min-width: 640px) {
  .banner__container {
    padding-left: 32px;
    padding-right: 32px;
  }
  .banner__container.banner__container--fluid {
    max-width: none;
  }
}@media screen and (min-width: 1024px) {
  .banner {
    padding: var(--banner-dsk-lg-spacing-vertical-margin) 0;
  }
  .banner.banner--size-sm {
    padding: var(--banner-dsk-sm-spacing-vertical-margin) 0;
  }
  .banner__container {
    padding-left: 32px;
    padding-right: 32px;
    max-width: 1200px;
  }
  .banner__container.banner__container--fluid {
    max-width: none;
  }
  .banner__headline *,
  .banner__headline h1,
  .banner__headline h2,
  .banner__headline h3,
  .banner__headline h4,
  .banner__headline h5,
  .banner__headline h6 {
    
    font-family: var(--banner-dsk-typography-header-lg-font-face);
    line-height: var(--banner-dsk-typography-header-lg-line-height);
    font-size: var(--banner-dsk-typography-header-lg-font-size);
    text-transform: var(--banner-dsk-typography-header-lg-text-case);
    letter-spacing: var(--banner-dsk-typography-header-lg-letter-spacing);
    font-weight: var(--banner-dsk-typography-header-lg-font-weight);
    -webkit-text-decoration: var(--banner-dsk-typography-header-lg-text-decoration);
            text-decoration: var(--banner-dsk-typography-header-lg-text-decoration);
    
  }
  .banner__headline.banner__headline--size-sm *,
  .banner__headline.banner__headline--size-sm h1,
  .banner__headline.banner__headline--size-sm h2,
  .banner__headline.banner__headline--size-sm h3,
  .banner__headline.banner__headline--size-sm h4,
  .banner__headline.banner__headline--size-sm h5,
  .banner__headline.banner__headline--size-sm h6 {
    
    font-family: var(--banner-dsk-typography-header-sm-font-face);
    line-height: var(--banner-dsk-typography-header-sm-line-height);
    font-size: var(--banner-dsk-typography-header-sm-font-size);
    text-transform: var(--banner-dsk-typography-header-sm-text-case);
    letter-spacing: var(--banner-dsk-typography-header-sm-letter-spacing);
    font-weight: var(--banner-dsk-typography-header-sm-font-weight);
    -webkit-text-decoration: var(--banner-dsk-typography-header-sm-text-decoration);
            text-decoration: var(--banner-dsk-typography-header-sm-text-decoration);
    
  }
  .banner__content {
    margin-top: var(--banner-dsk-content-spacing-gap-sm);
  }
  .banner__content.banner__content--size-lg {
    margin-top: var(--banner-dsk-content-spacing-gap-lg);
  }
  .banner__ctas {
    margin-top: var(--banner-dsk-button-spacing-gap-sm);
  }
  .banner__ctas.banner__ctas--size-lg {
    margin-top: var(--banner-dsk-button-spacing-gap-lg);
  }
  .banner__ctas {
    flex-direction: row;
  }
}@media screen and (min-width: 1440px) {
  .banner__container {
    padding-left: 80px;
    padding-right: 80px;
    max-width: 1200px;
  }
  .banner__container.banner__container--fluid {
    max-width: none;
  }
}