.dsa-cta {
  --dsa-cta--gap: var(--ks-spacing-stack-l) var(--ks-spacing-inline-l);
  --dsa-cta--border-radius: var(--ks-border-radius-surface);
  --dsa-cta__content--vertical-padding: var(--dsa-content--vertical-spacing);
  --dsa-cta__content--horizontal-padding: var(--dsa-content--horizontal-spacing);
  --dsa-cta__content--max-width: var(--dsa-tile--width_largest);
  --dsa-cta__headline--color: var(--dsa-headline--color);
  --dsa-cta__subheadline--color: var(--dsa-headline__subheadline--color);
  --dsa-cta__copy--font: var(--ks-font-copy-m);
  --dsa-cta__copy--color: var(--ks-text-color-default);
  --dsa-cta__image--padding: var(--ks-spacing-inset-m);
  --dsa-cta_color-neutral__headline--color: var(--ks-text-color-default);
  --dsa-cta_color-neutral__subheadline--color: var(--ks-text-color-default);
  --dsa-cta_color-neutral__copy--color: var(--ks-text-color-default);
  --dsa-cta_highlight-text__headline--font: var(--dsa-headline_h1--font);
  --dsa-cta_highlight-text__copy--font: var(--ks-font-copy-l);
}

.dsa-cta.c-storytelling {
  --c-storytelling--horizontal-padding: var(--dsa-cta__content--horizontal-padding);
  --c-storytelling--vertical-padding: var(--dsa-cta__content--vertical-padding);
  justify-content: center;
  align-items: stretch;
  gap: var(--dsa-cta--gap, var(--ks-spacing-inline-m));
  border-radius: var(--dsa-cta--border-radius, var(--ks-border-radius-surface));
}
.dsa-cta.c-storytelling:not(.dsa-cta--no-padding) {
  overflow: hidden;
}
.dsa-cta.c-storytelling.dsa-cta--color-neutral {
  --dsa-cta__copy--color: var(--dsa-cta_color-neutral__copy--color, var(--ks-text-color-default));
  --dsa-cta__headline--color: var(--dsa-cta_color-neutral__headline--color, var(--ks-text-color-default));
  --dsa-cta__subheadline--color: var(--dsa-cta_color-neutral__subheadline--color, var(--ks-text-color-default));
}
.dsa-cta.c-storytelling.dsa-cta--highlight-text {
  --dsa-cta__copy--font: var(--dsa-cta_highlight-text__copy--font, var(--ks-font-copy-l));
  --dsa-cta__headline--font: var(--dsa-cta_highlight-text__headline--font, var(--dsa-headline_h1--font));
}
.dsa-cta.c-storytelling.dsa-cta--no-padding .c-storytelling__box {
  padding: 0;
}
.dsa-cta.c-storytelling.dsa-cta--image-padding .c-storytelling__image {
  padding: var(--dsa-cta__content--vertical-padding, var(--dsa-content--vertical-spacing)) var(--dsa-cta__content--horizontal-padding, var(--dsa-content--horizontal-spacing));
}
.dsa-cta.c-storytelling .c-storytelling__image img {
  width: auto;
}
.dsa-cta.c-storytelling .c-storytelling__box__content {
  max-width: var(--dsa-cta__content--max-width, var(--dsa-tile--width_largest));
}
.dsa-cta.c-storytelling .c-storytelling__box:only-child {
  --c-storytelling--horizontal-padding: var(--dsa-cta__content--horizontal-padding);
}
.dsa-cta.c-storytelling .c-storytelling__box:only-child .c-storytelling__box__content {
  max-width: 100%;
}
.dsa-cta.c-storytelling .c-storytelling__box .dsa-headline__headline {
  color: var(--dsa-cta__headline--color, var(--ks-text-color-display));
}
.dsa-cta.c-storytelling .c-storytelling__box .dsa-headline__subheadline {
  color: var(--dsa-cta__subheadline--color, var(--ks-text-color-primary));
}
.dsa-cta.c-storytelling .c-storytelling__box .c-rich-text {
  font: var(--dsa-cta__copy--font, var(--ks-font-copy-m));
  color: var(--dsa-cta__copy--color, var(--ks-text-color-copy));
}
.dsa-cta.c-storytelling > .c-storytelling__image {
  margin: 0;
}
@container storytelling (max-width: 639.9px) {
  .dsa-cta.c-storytelling.c-storytelling--order-mobile-image-last .c-storytelling__box {
    padding-bottom: 0;
  }
  .dsa-cta.c-storytelling.c-storytelling--order-mobile-image-last .c-storytelling__image {
    padding-top: 0;
  }
  .dsa-cta.c-storytelling:not(.c-storytelling--order-mobile-image-last) .c-storytelling__box:not(:only-child) {
    padding-top: 0;
  }
  .dsa-cta.c-storytelling:not(.c-storytelling--order-mobile-image-last) .c-storytelling__image {
    padding-bottom: 0;
  }
}
@container storytelling (min-width: 640px) {
  .dsa-cta.c-storytelling.c-storytelling--order-desktop-image-last .c-storytelling__box:not(:only-child) {
    padding-right: 0;
  }
  .dsa-cta.c-storytelling.c-storytelling--order-desktop-image-last .c-storytelling__image {
    padding-left: 0;
  }
  .dsa-cta.c-storytelling:not(.c-storytelling--order-desktop-image-last) .c-storytelling__box {
    padding-left: 0;
  }
  .dsa-cta.c-storytelling:not(.c-storytelling--order-desktop-image-last) .c-storytelling__image {
    padding-right: 0;
  }
}

@media (min-width: 640px) {
  .dsa-header--floating + .l-container--storytelling .c-storytelling.dsa-cta,
  .dsa-header--floating + .l-section .l-container--storytelling:first-child .c-storytelling.dsa-cta {
    padding-top: calc(var(--dsa-header--height) + var(--dsa-cta__content--horizontal-padding, var(--dsa-content--horizontal-spacing)));
    z-index: 1;
  }
}