.Headline {
  margin: 0;
  font-family: var(--font-primary);
  line-height: normal;
  word-break: break-word;
  color: var(--headline-color, currentColor);
}

@media screen and (width > 768px) {
  .Headline {
    word-break: unset;
  }
}

h1,
.h1 {
  font-size: var(--headline-h1-size, 2.375rem);
  font-weight: 700;
  line-height: var(--headline-h1-line-height, 1.2);
}

h2,
.h2 {
  font-size: var(--headline-h2-size, 30px);
  font-weight: 500;
  line-height: var(--headline-h2-line-height, 1.2);
  color: var(--clr-blue);
}

h3,
.h3 {
  font-size: var(--headline-h3-size, 20px);
  font-weight: 700;
  line-height: var(--headline-h3-line-height, 1.2);
}

h4,
.h4 {
  font-size: var(--headline-h4-size, 22px);
  font-weight: 700;
  line-height: var(--headline-h4-line-height, 2rem);
}

.Text h1,
.Text h2,
.Text h3,
.Text h4,
.Text h5,
.Text h6 {
  font-family: var(--font-primary);
}

.Text h4 {
  margin: 0;
}

.Text h1:first-child,
.Text h2:first-child,
.Text h3:first-child,
.Text h4:first-child,
.Text h5:first-child,
.Text h6:first-child {
  margin-top: 0;
}