.Headline {
  margin: 0;
  font-family: var(--font-secondary-wide);
  hyphens: auto;
  line-height: normal;
  word-break: break-word;
  color: var(--clr-primary-02);
}

@media screen and (min-width: 769px) {

.Headline {
    word-break: inherit;
}
  }

.Headline.big {
    max-width: 800px;
    font-size: var(--font-size-3xl);
    font-weight: 800;
    line-height: var(--font-line-height-3xl);
  }

@media screen and (min-width: 769px) {

.Headline.big {
      font-size: var(--font-size-4xl);
      line-height: var(--font-line-height-4xl);
  }
    }

.Headline.h1,
  .Headline.h2 {
    max-width: 696px;
  }

.Headline-subtitle {
  margin-bottom: 8px;
  font-family: var(--font-secondary-wide);
  font-size: var(--font-size-md);
  font-weight: 800;
  line-height: var(--font-line-height-md);
  text-decoration: none;
  color: var(--clr-primary-02);
}

@media screen and (min-width: 769px) {
    .Headline-subtitle.Headline--extraMargin {
      margin-top: 40px;
    }
  }

h1,
h2,
h3,
h4 {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
}

h1,
.h1 {
  font-family: var(--font-secondary-wide);
  font-size: var(--font-size-3xl);
  font-weight: 800;
  line-height: var(--font-line-height-3xl);
  text-wrap: pretty;
}

@media screen and (max-width: 768px) {

h1,
.h1 {
    font-size: var(--font-size-2xl);
    line-height: var(--font-line-height-2xl);
}
  }

h2,
.h2 {
  font-family: var(--font-secondary-wide);
  font-size: var(--font-size-3xl);
  font-weight: 800;
  line-height: var(--font-line-height-3xl);
  text-wrap: pretty;
}

@media screen and (max-width: 768px) {

h2,
.h2 {
    font-size: var(--font-size-2xl);
    line-height: var(--font-line-height-2xl);
}
  }

h3,
.h3 {
  font-family: var(--font-secondary-wide);
  font-size: var(--font-size-2xl);
  font-weight: 700;
  line-height: var(--font-line-height-2xl);
}

@media screen and (max-width: 768px) {

h3,
.h3 {
    font-size: var(--font-size-xl);
    line-height: var(--font-line-height-xl);
}
  }

h4,
.h4 {
  font-family: var(--font-copy);
  font-size: var(--font-size-xl);
  font-weight: 700;
  line-height: var(--font-line-height-xl);
}

.Text :where(h1, h2, h3, h4, h5, h6) {
    margin: 0;
    padding: 0;
    hyphens: auto;
    word-break: break-word;
    color: var(--clr-primary-02);
  }

.Headline--center {
  text-align: center;
}

.Headline--left {
  text-align: left;
}

.Headline--right {
  text-align: right;
}

.Text + .Headline,
.Text + .Headline-subtitle,
.Headline + .HTML {
  margin-top: var(--margin-m);
}

@media screen and (max-width: 768px) {

.Text + .Headline,
.Text + .Headline-subtitle,
.Headline + .HTML {
    margin-top: var(--margin-m--mobile);
}
  }

.Accordion:not(.is--hidden) + .Headline.h2 {
  margin-top: var(--margin-l);
}

@media screen and (max-width: 768px) {

.Accordion:not(.is--hidden) + .Headline.h2 {
    margin-top: var(--margin-l--mobile);
}
  }