:root,
::after,
::before {
  --color-txt:#047c93;
  --color-txt-rgb:4 124 147;
  --color-bg:#ffffff;
  --color-bg-rgb:255 255 255;
  --black:#000000;
  --black-rgb:0 0 0;
  --lightblue:#e4ebf4;
  --lightblue-rgb:228 235 244;
  --white:#ffffff;
  --white-rgb:255 255 255;
  --grey:#cfd0d0;
  --grey-rgb:207 208 208;
  --petrol:#047c93;
  --petrol-rgb:4 124 147;
  --gruen:#abd084;
  --gruen-rgb:171 208 132;
  --lightgrey:#f5f5f5;
  --lightgrey-rgb:245 245 245;
}
.slider {
   --slider-speed:1000ms;
   --slider-interval:7000ms;
}
.carousel {
   --slider-speed:1000ms;
   --slider-interval:7000ms;
}
.art-slider {
   --slider-speed:1000ms;
   --slider-interval:7000ms;
}
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); }
section.black-bgc + section.black-bgc,
article.black-bgc + article.black-bgc,
section:has(article.black-bgc:last-child) + section.black-bgc { margin-top: 0; padding-top: 0; }
body .lightblue-clr *,
body .lightblue-clr *::before,
body .lightblue-clr *::after,
body .clr .lightblue-clr *,
body .clr .lightblue-clr *::before,
body .clr .lightblue-clr *::after {
  --color-txt: var(--lightblue);
  --color-txt-rgb: var(--lightblue-rgb);
}
* .lightblue-bgc,
* .lightblue-bgc *::before,
* .lightblue-bgc *::after {
  --color-bg: var(--lightblue);
  --color-bg-rgb: var(--lightblue-rgb);
}
* .lightblue-bgc { background-color: var(--lightblue); }
section.lightblue-bgc + section.lightblue-bgc,
article.lightblue-bgc + article.lightblue-bgc,
section:has(article.lightblue-bgc:last-child) + section.lightblue-bgc { margin-top: 0; padding-top: 0; }
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); }
section.white-bgc + section.white-bgc,
article.white-bgc + article.white-bgc,
section:has(article.white-bgc:last-child) + section.white-bgc { margin-top: 0; padding-top: 0; }
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); }
section.grey-bgc + section.grey-bgc,
article.grey-bgc + article.grey-bgc,
section:has(article.grey-bgc:last-child) + section.grey-bgc { margin-top: 0; padding-top: 0; }
body .petrol-clr *,
body .petrol-clr *::before,
body .petrol-clr *::after,
body .clr .petrol-clr *,
body .clr .petrol-clr *::before,
body .clr .petrol-clr *::after {
  --color-txt: var(--petrol);
  --color-txt-rgb: var(--petrol-rgb);
}
* .petrol-bgc,
* .petrol-bgc *::before,
* .petrol-bgc *::after {
  --color-bg: var(--petrol);
  --color-bg-rgb: var(--petrol-rgb);
}
* .petrol-bgc { background-color: var(--petrol); }
section.petrol-bgc + section.petrol-bgc,
article.petrol-bgc + article.petrol-bgc,
section:has(article.petrol-bgc:last-child) + section.petrol-bgc { margin-top: 0; padding-top: 0; }
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); }
section.gruen-bgc + section.gruen-bgc,
article.gruen-bgc + article.gruen-bgc,
section:has(article.gruen-bgc:last-child) + section.gruen-bgc { margin-top: 0; padding-top: 0; }
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); }
section.lightgrey-bgc + section.lightgrey-bgc,
article.lightgrey-bgc + article.lightgrey-bgc,
section:has(article.lightgrey-bgc:last-child) + section.lightgrey-bgc { margin-top: 0; padding-top: 0; }

@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;
}