/* filson pro */
@font-face {
  font-display: swap;
  font-family: "filson-pro";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/filson-pro-400.woff") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "filson-pro";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/filson-pro-500.woff") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "filson-pro";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/filson-pro-300.woff") format("woff2");
}

/* arya */
@font-face {
  font-display: swap;
  font-family: "Arya";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/arya-400.woff2") format("woff2");
}

h1 {
  font-family: var(--headlinefont) !important;
  font-size: var(--h1-font-size) !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 1.1 !important;
  margin: 0 !important;
}

h2 {
  font-family: var(--mainfont) !important;
  font-size: var(--h2-font-size) !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  color: var(--color-gruen) !important;
  margin: 0 !important;
}

h3 {
  font-family: var(--headlinefont) !important;
  font-size: var(--h3-font-size) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.27 !important;
  margin: 0 !important;
}

h4 {
  font-family: var(--mainfont) !important;
  font-size: var(--h4-font-size) !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 1.73 !important;
  margin: 0 !important;
}

h5 {
  margin: 0 !important;
  font-family: var(--headlinefont) !important;
  font-size: var(--h5-font-size) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
}

h6 {
  margin: 0 !important;
  font-weight: 500 !important;
}

p,
li {
  font-family: var(--mainfont) !important;
  font-size: var(--base-font-size);
  font-style: normal;
  font-weight: 300;
  line-height: 1.87;
  color: var(--color-anthrazit);
}

body {
  font-family: var(--mainfont) !important;
  font-size: var(--base-font-size) !important;
  background-color: var(--color-hintergrund) !important;
}

html {
  font-size: var(--base-font-size) !important;
}