/* Breakpoints */
.textual-intro__base {
  height: auto;
  width: auto;
}
.textual-intro__wrapper-headline {
  display: grid;
  grid-template-rows: 1fr;
  gap: var(--spacer-4) var(--grid-standard-gutter);
}
@media screen and (min-width: 768px) {
  .textual-intro__wrapper-headline {
    row-gap: var(--spacer-12);
  }
}
.textual-intro__headline {
  color: var(--colors-text-headline);
  grid-column: 1/span 4;
  padding-top: var(--spacer-3);
}
@media screen and (min-width: 768px) {
  .textual-intro__headline {
    grid-column: 1/span 1;
  }
}
@media screen and (min-width: 1024px) {
  .textual-intro__headline {
    grid-column: 1/span 3;
  }
}
@media screen and (min-width: 1440px) {
  .textual-intro__headline {
    grid-column: 1/span 3;
  }
}
@media screen and (min-width: 768px) {
  .textual-intro__headline + .textual-intro__copy-headline {
    grid-column: 2/-1;
  }
}
@media screen and (min-width: 1024px) {
  .textual-intro__headline + .textual-intro__copy-headline {
    grid-column: 4/-1;
  }
}
@media screen and (min-width: 1440px) {
  .textual-intro__headline + .textual-intro__copy-headline {
    grid-column: 5/-1;
  }
}
.textual-intro__copy-headline {
  font-weight: var(--typo-copy-regular-weight);
  line-height: 1.2;
  grid-column: span 6;
}
@media screen and (min-width: 768px) {
  .textual-intro__copy-headline {
    grid-column: span 10;
  }
}
@media screen and (min-width: 1024px) {
  .textual-intro__copy-headline {
    grid-column: span 10;
  }
}
@media screen and (min-width: 1440px) {
  .textual-intro__copy-headline {
    grid-column: span 8;
  }
}
.textual-intro__copy-headline .text,
.textual-intro__copy-headline .text * {
  font-weight: var(--typo-copy-regular-weight);
  line-height: 1.2;
}
.textual-intro__copy-headline .text sup {
  line-height: 0.7;
}