/**
 * Fonts
 */
/* atkinson-hyperlegible-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Atkinson Hyperlegible";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/atkinson-hyperlegible-v11-latin-regular.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* atkinson-hyperlegible-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Atkinson Hyperlegible";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/atkinson-hyperlegible-v11-latin-italic.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* atkinson-hyperlegible-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Atkinson Hyperlegible";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/atkinson-hyperlegible-v11-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* atkinson-hyperlegible-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Atkinson Hyperlegible";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/atkinson-hyperlegible-v11-latin-700italic.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
  --font-sans: "Atkinson Hyperlegible", sans-serif;
}

.text-content,
.cke_editable,
.paragraph {
  font-family: var(--font-sans);
}
h1,
h2,
h2.block__title,
.field--name-field-titel,
h3,
h4,
h5,
h6,
p {
  font-family: var(--font-sans);
  color: var(--font-color-light-background);
}
h1,
h2,
h2.block__title,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  margin: 4rem 0 2rem 0;
}
article h2 {
  margin: 0rem 0 2rem 0;
}
article h2:not(:first-child) {
  margin: 4rem 0 2rem 0;
}
#main h1 {
  font-size: 2.125rem; /*34px*/
  line-height: 3rem; /*48px*/
}
#main h2,
h2.block__title,
.field--name-field-titel {
  font-size: 1.875rem; /*30px*/
  line-height: 2.5rem; /*40px*/
}

/* zuvor margin:0 -> schauen ob sich das irgendwo auswirkt */
h2.block__title {
  margin: 0 0 2rem 0;
}

#main h3 {
  font-size: 1.625rem; /*26px*/
  line-height: 2rem; /*32px*/
  margin: 3rem 0 1.5rem 0;
}

#main h3.grouping_title:first-of-type {
  margin-top: 2rem;
}

#main h4 {
  font-size: 1.375rem; /*22px*/
  line-height: 1.875rem; /*30px*/
  margin: 3rem 0 1.5rem 0;
}
#main h5 {
  font-size: 1.25rem; /*20px*/
  line-height: 1.75rem; /*28px*/
  margin: 2rem 0 1rem 0;
}
#main h6 {
  font-size: 1rem; /*16px*/
  line-height: 1.625rem; /*26px*/
  margin: 2rem 0 1rem 0;
}
.text-content p,
.cke_editable p {
  margin-block-start: 1rem;
  margin-block-end: 1.5rem;
}
/*Desktop*/
@media (min-width: 43.75rem) {
  #main h1 {
    font-size: 3.25rem; /*52px*/
    line-height: 4.125rem; /*6px*/
  }
  #main h2,
  h2.block__title,
  .field--name-field-titel {
    font-size: 2.25rem; /*36px*/
    line-height: 2.875rem; /*46px*/
  }
  #main h3 {
    font-size: 1.875rem; /*30px*/
    line-height: 2.25rem; /*36px*/
  }
  #main h4 {
    font-size: 1.5rem; /*24px*/
    line-height: 2rem; /*32px*/
  }
  #main h5 {
    font-size: 1.375rem; /*22px*/
    line-height: 1.875rem; /*30px*/
  }
  #main h6 {
    font-size: 1.125rem; /*18px*/
    line-height: 1.75rem; /*28px*/
  }
  .text-content p,
  .cke_editable p {
    margin-block-start: 1rem;
    margin-block-end: 2rem;
  }
}