/* Breakpoints */
.section-headline__wrapper-headline {
  padding: 0 var(--grid-standard-margin);
}

.section-headline__wrapper-headline {
  overflow: hidden;
  display: grid;
  width: 100%;
  row-gap: 0;
}
.section-headline__wrapper-headline .headline {
  grid-column: span 4;
}
@media screen and (min-width: 768px) {
  .section-headline__wrapper-headline {
    grid-template-columns: repeat(12, 1fr);
    -moz-column-gap: var(--grid-standard-gutter);
         column-gap: var(--grid-standard-gutter);
  }
}
.section-headline--align-left {
  text-align: left;
}
@media screen and (min-width: 768px) {
  .section-headline--align-left .headline {
    grid-column: span 8;
  }
}
.section-headline--align-center {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .section-headline--align-center .headline {
    grid-column: 3/11;
  }
}
.section-headline .headline,
.section-headline .line {
  display: grid;
}
.section-headline .subheadline {
  display: block;
  margin-top: var(--spacer-3);
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .section-headline .subheadline {
    margin-top: var(--spacer-4);
  }
}
.section-headline .headline em {
  color: var(--colors-text-primary-highlight);
}
.section-headline .subheadline em {
  color: var(--colors-text-primary-highlight);
  font-weight: var(--typo-headline-regular-weight);
}