/* roboto-300 - 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: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("./fonts/roboto-v30-latin-300.eot"); /* IE9 Compat Modes */
  src: url("./fonts/roboto-v30-latin-300.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("./fonts/roboto-v30-latin-300.woff2") format("woff2"),
    /* Super Modern Browsers */ url("./fonts/roboto-v30-latin-300.woff")
      format("woff"),
    /* Modern Browsers */ url("./fonts/roboto-v30-latin-300.ttf")
      format("truetype"),
    /* Safari, Android, iOS */ url("./fonts/roboto-v30-latin-300.svg#Roboto")
      format("svg"); /* Legacy iOS */
}

/* roboto-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: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/roboto-v30-latin-regular.eot"); /* IE9 Compat Modes */
  src: url("./fonts/roboto-v30-latin-regular.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("./fonts/roboto-v30-latin-regular.woff2") format("woff2"),
    /* Super Modern Browsers */ url("./fonts/roboto-v30-latin-regular.woff")
      format("woff"),
    /* Modern Browsers */ url("./fonts/roboto-v30-latin-regular.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("./fonts/roboto-v30-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */
}

/* roboto-500 - 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: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("./fonts/roboto-v30-latin-500.eot"); /* IE9 Compat Modes */
  src: url("./fonts/roboto-v30-latin-500.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("./fonts/roboto-v30-latin-500.woff2") format("woff2"),
    /* Super Modern Browsers */ url("./fonts/roboto-v30-latin-500.woff")
      format("woff"),
    /* Modern Browsers */ url("./fonts/roboto-v30-latin-500.ttf")
      format("truetype"),
    /* Safari, Android, iOS */ url("./fonts/roboto-v30-latin-500.svg#Roboto")
      format("svg"); /* Legacy iOS */
}

/* roboto-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: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("./fonts/roboto-v30-latin-700.eot"); /* IE9 Compat Modes */
  src: url("./fonts/roboto-v30-latin-700.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */ url("./fonts/roboto-v30-latin-700.woff2") format("woff2"),
    /* Super Modern Browsers */ url("./fonts/roboto-v30-latin-700.woff")
      format("woff"),
    /* Modern Browsers */ url("./fonts/roboto-v30-latin-700.ttf")
      format("truetype"),
    /* Safari, Android, iOS */ url("./fonts/roboto-v30-latin-700.svg#Roboto")
      format("svg"); /* Legacy iOS */
}

:root {
  --color-bg-0: #fdfdfd;
  --color-bg-1: hsl(209, 36%, 86%);
  --color-bg-2: hsl(224, 44%, 95%);
  --color-theme-1: #962a0e;
  --color-theme-2: #f3722b;
  --color-text: rgba(0, 0, 0, 0.9);
  --color-headline: rgba(0, 0, 0, 1);
  color: var(--color-text);
  font-family: "Roboto", sans-serif;
}

html {
  scroll-behavior: smooth !important;
}

body {
  font-family: "Roboto", sans-serif;
  color: var(--color-text);
  min-height: 100vh;
  margin: 0;
  background-color: var(--color-bg-0);
}

main {
  margin: 0 auto;
}

h1 {
  color: var(--color-headline);
  font-size: 2rem !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
}

h2 {
  font-size: 1.5rem;
  font-weight: 600 !important;
}

p {
  line-height: 1.5;
  font-weight: 400 !important;
}

a {
  color: var(--color-theme-1);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h2 {
  font-size: 2rem !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
}
h3 {
  font-size: 1.5rem !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
}

@media (min-width: 720px) {
  h1 {
    font-size: 3rem;
  }
}

#CybotCookiebotDialogBodyContentTitle{
  font-size: 15px !important;
}