:root,
::after,
::before {
   --color-txt: #000000;
   --color-txt-rgb: #,0,0;
   --color-bg: #ffffff;
   --color-bg-rgb: #,f,f;
--black:#000000;--black-rgb:0,0,0;--lightgrey:#e4ebf4;--lightgrey-rgb:228,235,244;--white:#ffffff;--white-rgb:255,255,255;--grey:#484847;--grey-rgb:72,72,71;--gruen:#abd084;--gruen-rgb:171,208,132;--mint:#d1e9df;--mint-rgb:209,233,223;}
body .black-clr *,
body .black-clr *::before,
body .black-clr *::after,
body .clr .black-clr *,
body .clr .black-clr *::before,
body .clr .black-clr *::after {
  --color-txt: var(--black);
  --color-txt-rgb: var(--black-rgb);
}
* .black-bgc,
* .black-bgc *::before,
* .black-bgc *::after {
  --color-bg: var(--black);
  --color-bg-rgb: var(--black-rgb);
}
* .black-bgc { background-color: var(--black); }
body .lightgrey-clr *,
body .lightgrey-clr *::before,
body .lightgrey-clr *::after,
body .clr .lightgrey-clr *,
body .clr .lightgrey-clr *::before,
body .clr .lightgrey-clr *::after {
  --color-txt: var(--lightgrey);
  --color-txt-rgb: var(--lightgrey-rgb);
}
* .lightgrey-bgc,
* .lightgrey-bgc *::before,
* .lightgrey-bgc *::after {
  --color-bg: var(--lightgrey);
  --color-bg-rgb: var(--lightgrey-rgb);
}
* .lightgrey-bgc { background-color: var(--lightgrey); }
body .white-clr *,
body .white-clr *::before,
body .white-clr *::after,
body .clr .white-clr *,
body .clr .white-clr *::before,
body .clr .white-clr *::after {
  --color-txt: var(--white);
  --color-txt-rgb: var(--white-rgb);
}
* .white-bgc,
* .white-bgc *::before,
* .white-bgc *::after {
  --color-bg: var(--white);
  --color-bg-rgb: var(--white-rgb);
}
* .white-bgc { background-color: var(--white); }
body .grey-clr *,
body .grey-clr *::before,
body .grey-clr *::after,
body .clr .grey-clr *,
body .clr .grey-clr *::before,
body .clr .grey-clr *::after {
  --color-txt: var(--grey);
  --color-txt-rgb: var(--grey-rgb);
}
* .grey-bgc,
* .grey-bgc *::before,
* .grey-bgc *::after {
  --color-bg: var(--grey);
  --color-bg-rgb: var(--grey-rgb);
}
* .grey-bgc { background-color: var(--grey); }
body .gruen-clr *,
body .gruen-clr *::before,
body .gruen-clr *::after,
body .clr .gruen-clr *,
body .clr .gruen-clr *::before,
body .clr .gruen-clr *::after {
  --color-txt: var(--gruen);
  --color-txt-rgb: var(--gruen-rgb);
}
* .gruen-bgc,
* .gruen-bgc *::before,
* .gruen-bgc *::after {
  --color-bg: var(--gruen);
  --color-bg-rgb: var(--gruen-rgb);
}
* .gruen-bgc { background-color: var(--gruen); }
body .mint-clr *,
body .mint-clr *::before,
body .mint-clr *::after,
body .clr .mint-clr *,
body .clr .mint-clr *::before,
body .clr .mint-clr *::after {
  --color-txt: var(--mint);
  --color-txt-rgb: var(--mint-rgb);
}
* .mint-bgc,
* .mint-bgc *::before,
* .mint-bgc *::after {
  --color-bg: var(--mint);
  --color-bg-rgb: var(--mint-rgb);
}
* .mint-bgc { background-color: var(--mint); }

@font-face {
  font-family: "roboto";
  src: url("/site/templates/fonts/webfonts/roboto.woff2") format("woff2"), url("/site/templates/fonts/webfonts/roboto.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "roboto-bold";
  src: url("/site/templates/fonts/webfonts/roboto-bold.woff2") format("woff2"), url("/site/templates/fonts/webfonts/roboto-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "roboto";
  src: url("/site/templates/fonts/webfonts/roboto.woff2") format("woff2"), url("/site/templates/fonts/webfonts/roboto.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "roboto-bold";
  src: url("/site/templates/fonts/webfonts/roboto-bold.woff2") format("woff2"), url("/site/templates/fonts/webfonts/roboto-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "roboto";
  src: url("/site/templates/fonts/webfonts/roboto.woff2") format("woff2"), url("/site/templates/fonts/webfonts/roboto.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "roboto-bold";
  src: url("/site/templates/fonts/webfonts/roboto-bold.woff2") format("woff2"), url("/site/templates/fonts/webfonts/roboto-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
 

:root,
::after,
::before {
--font-hdl: roboto;
--font-hdl-bold: roboto-bold;
}
:root,
::after,
::before {
--font-bdy: roboto;
--font-bdy-bold: roboto-bold;
}
:root,
::after,
::before {
--font-nav: roboto;
--font-nav-bold: roboto-bold;
}