:root {
  --white: #ffffff;
  --black: #000000;
  --green: #105858;
  --legoblue: #1e5ca2;
  --legodarkblue: #173f66;
  --legolightblue: #e9f2fb;
  --legolightgreen: #8cb52b;
  --input-bg-light: #f3f2f0;
  --light-background: #fafafa;
  --border-grey: #707070;

  --dark-green-new: #366d4a;
  --light-green-new: #aad5b9;
  --light-blue-new: #21bbed;
  --yellow-new: #f7c845;

  --h1-size: 36px;
  --h1-line: 1.2;
}

:root {
  /* Font Family */
  --font-primary: "Poppins", sans-serif;

  /* =====================
     HEADLINES
  ===================== */

  /* H1 */
  --h1-size: 80px;
  --h1-line: 1.1;
  --h1-weight: 700;

  /* H2 */
  --h2-size: 50px;
  --h2-line: 1.1;
  --h2-weight: 700;

  /* H3 */
  --h3-size: 40px;
  --h3-line: 1.1;
  --h3-weight: 700;

  --h3-speziell-size: 34px;
  --h3-speziell-line: 1.1;
  --h3-speziell-weight: 700;

  /* H4 Menü */
  --h4-size: 20px;
  --h4-line: 1.3;
  --h4-weight: 700;

  /* H5 großer Text */
  --h5-size: 20px;
  --h5-line: 1.3;
  --h5-weight: 400;

  /* H6 uppercase */
  --h6-size: 16px;
  --h6-line: 1.6;
  --h6-weight: 400;

  /* =====================
     BODY TEXT
  ===================== */

  --text-size: 16px;
  --text-line: 1.6;
  --text-weight: 400;

  /* =====================
     BUTTON
  ===================== */

  --btn-size: 16px;
  --btn-line: 1.2;
  --btn-weight: 700;
  --btn-border: 1px;
}

@media screen and (max-width: 1024px) {
  :root {
    --h1-size: 48px;
    --h2-size: 36px;
    --h3-size: 28px;
    --h3-speziell-size: 24px;
  }
}

/* poppins-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: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/poppins-v24-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: "Poppins";
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/poppins-v24-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* h1 {
  font-size: 36px;
}

h2 {
  font-size: 28px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 16px;
}
.__big h1,
.__big h2 {
  font-size: 48px;
}

@media screen and (max-width: 1024px) {
  .__big h1,
  .__big h2 {
    font-size: 40px;
  }
} */