/**
 * Schriftarten
 */
/**
  * Fonts laden
  */

/* Nunito Regular */
@font-face {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/nunito-v32-latin-regular.woff2") format("woff2");
}

/* Nunito Italic */
@font-face {
    font-family: "Nunito";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/nunito-v32-latin-italic.woff2") format("woff2");
}

/* Nunito SemiBold */
@font-face {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/nunito-v32-latin-600.woff2") format("woff2");
}

/* Nunito SemiBold Italic */
@font-face {
    font-family: "Nunito";
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/nunito-v32-latin-600italic.woff2") format("woff2");
}
/* nunito-700 - latin */
@font-face {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/nunito-v32-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-800 - latin */
@font-face {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 800;
    src: url("../fonts/nunito-v32-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-900 - latin */
@font-face {
    font-family: "Nunito";
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/nunito-v32-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Bubblegum Sans */
@font-face {
    font-family: "Bubblegum Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/bubblegum-sans-400.woff2") format("woff2");
}
:root {
    --font-body: "Nunito", Arial, sans-serif;
    --font-heading: "Bubblegum Sans", "Comic Sans MS", cursive;
}
body {
    font-family: var(--font-body);
}

.text-content,
.field--type-text-long,
.field--type-text-with-summary {
    font-family: var(--font-body);
}

h1,
h2,
h3,
h4,
h5,
h6,
.field--name-field-titel {
    font-family: var(--font-heading);
}
h1 {
  font-size: 1.75rem;/*28px*/
  line-height: 2.063rem; /*33px*/
  @media (min-width: 43.75rem) {
    font-size: 2.875rem;
    line-height: 3.313rem;
  }
}

h2 {
  font-size: 1.5rem;
  line-height: 1.75rem;
  @media (min-width: 43.75rem) {
    font-size: 2.25rem;
    line-height: 2.625rem;
  }
}

h3 {
  font-size: 1.25rem;
  line-height: 1.5rem;
  @media (min-width: 43.75rem) {
    font-size: 1.875rem;
    line-height: 2.188rem;
  }
}

h4 {
  font-size: 1.5rem;
  line-height: 1.75rem;
}

h5 {
  font-size: 1.25rem;
  line-height: 1.5rem;
}

h6 {
  font-size: 1.125rem;
  line-height: 1.313rem;
}