html, body {}

:root,
::after,
::before {
/*----- COLOR VALUES -----*/
  --black:#252525;
  --black-rgb:37 37 37;
  --white:#ffffff;
  --white-rgb:255 255 255;
  --grey:#636362;
  --grey-rgb:99 99 98;
  --lightgrey:#efefef;
  --lightgrey-rgb:239 239 239;
  --akzentfarbe:#c3ece4;
  --akzentfarbe-rgb:195 236 228;
  --dunkelgrau:#363634;
  --dunkelgrau-rgb:54 54 52;
  --mint:#c3ece4;
  --mint-rgb:195 236 228;
}

body {
/*----- TEXT COLOR -----*/
--color-txt: var(--black);
--color-txt-rgb: var(--black-rgb);
--color-txt-std: var(--black);
--color-txt-std-rgb: var(--black-rgb);
/*----- BACKGROUND COLOR -----*/
--color-bg: var(--white);
--color-bg-rgb: var(--white-rgb);
--color-bg-std: var(--white);
--color-bg-std-rgb: var(--white-rgb);
/*----- GRADIENTS -----*/
}

/*----- COLOR CLASSES -----*/
.black-clr,
.black-clr *::before,
.black-clr *::after,
.clr .black-clr,
.clr .black-clr *::before,
.clr .black-clr *::after {
  --color-txt: var(--black);
  --color-txt-rgb: var(--black-rgb);
  --color-hdl: var(--black);
  --color-hdl-rgb: var(--black-rgb);
  --btn-bgc: var(--black);
  --btn-bgc-rgb: var(--black-rgb);
}
.black-cpt-clr *,
.black-cpt-clr *::before,
.black-cpt-clr *::after {
  --nav-cpt-clr: var(--black);
  --nav-cpt-clr-rgb: var(--black-rgb);
}
.black-bgc,
.black-bgc *::before,
.black-bgc *::after,
.bgc .black-bgc,
.bgc .black-bgc *::before,
.bgc .black-bgc *::after {
  --color-bg: var(--black);
  --color-bg-rgb: var(--black-rgb);
  --btn-clr: var(--black);
  --btn-clr-rgb: var(--black-rgb);
}
* .black-bgc { background-color: var(--black); }
section.black-bgc:not(.bgi) + section.black-bgc:not(.bgi),
article.black-bgc:not(.bgi) + article.black-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.white-clr,
.white-clr *::before,
.white-clr *::after,
.clr .white-clr,
.clr .white-clr *::before,
.clr .white-clr *::after {
  --color-txt: var(--white);
  --color-txt-rgb: var(--white-rgb);
  --color-hdl: var(--white);
  --color-hdl-rgb: var(--white-rgb);
  --btn-bgc: var(--white);
  --btn-bgc-rgb: var(--white-rgb);
}
.white-cpt-clr *,
.white-cpt-clr *::before,
.white-cpt-clr *::after {
  --nav-cpt-clr: var(--white);
  --nav-cpt-clr-rgb: var(--white-rgb);
}
.white-bgc,
.white-bgc *::before,
.white-bgc *::after,
.bgc .white-bgc,
.bgc .white-bgc *::before,
.bgc .white-bgc *::after {
  --color-bg: var(--white);
  --color-bg-rgb: var(--white-rgb);
  --btn-clr: var(--white);
  --btn-clr-rgb: var(--white-rgb);
}
* .white-bgc { background-color: var(--white); }
section.white-bgc:not(.bgi) + section.white-bgc:not(.bgi),
article.white-bgc:not(.bgi) + article.white-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.grey-clr,
.grey-clr *::before,
.grey-clr *::after,
.clr .grey-clr,
.clr .grey-clr *::before,
.clr .grey-clr *::after {
  --color-txt: var(--grey);
  --color-txt-rgb: var(--grey-rgb);
  --color-hdl: var(--grey);
  --color-hdl-rgb: var(--grey-rgb);
  --btn-bgc: var(--grey);
  --btn-bgc-rgb: var(--grey-rgb);
}
.grey-cpt-clr *,
.grey-cpt-clr *::before,
.grey-cpt-clr *::after {
  --nav-cpt-clr: var(--grey);
  --nav-cpt-clr-rgb: var(--grey-rgb);
}
.grey-bgc,
.grey-bgc *::before,
.grey-bgc *::after,
.bgc .grey-bgc,
.bgc .grey-bgc *::before,
.bgc .grey-bgc *::after {
  --color-bg: var(--grey);
  --color-bg-rgb: var(--grey-rgb);
  --btn-clr: var(--grey);
  --btn-clr-rgb: var(--grey-rgb);
}
* .grey-bgc { background-color: var(--grey); }
section.grey-bgc:not(.bgi) + section.grey-bgc:not(.bgi),
article.grey-bgc:not(.bgi) + article.grey-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.lightgrey-clr,
.lightgrey-clr *::before,
.lightgrey-clr *::after,
.clr .lightgrey-clr,
.clr .lightgrey-clr *::before,
.clr .lightgrey-clr *::after {
  --color-txt: var(--lightgrey);
  --color-txt-rgb: var(--lightgrey-rgb);
  --color-hdl: var(--lightgrey);
  --color-hdl-rgb: var(--lightgrey-rgb);
  --btn-bgc: var(--lightgrey);
  --btn-bgc-rgb: var(--lightgrey-rgb);
}
.lightgrey-cpt-clr *,
.lightgrey-cpt-clr *::before,
.lightgrey-cpt-clr *::after {
  --nav-cpt-clr: var(--lightgrey);
  --nav-cpt-clr-rgb: var(--lightgrey-rgb);
}
.lightgrey-bgc,
.lightgrey-bgc *::before,
.lightgrey-bgc *::after,
.bgc .lightgrey-bgc,
.bgc .lightgrey-bgc *::before,
.bgc .lightgrey-bgc *::after {
  --color-bg: var(--lightgrey);
  --color-bg-rgb: var(--lightgrey-rgb);
  --btn-clr: var(--lightgrey);
  --btn-clr-rgb: var(--lightgrey-rgb);
}
* .lightgrey-bgc { background-color: var(--lightgrey); }
section.lightgrey-bgc:not(.bgi) + section.lightgrey-bgc:not(.bgi),
article.lightgrey-bgc:not(.bgi) + article.lightgrey-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.akzentfarbe-clr,
.akzentfarbe-clr *::before,
.akzentfarbe-clr *::after,
.clr .akzentfarbe-clr,
.clr .akzentfarbe-clr *::before,
.clr .akzentfarbe-clr *::after {
  --color-txt: var(--akzentfarbe);
  --color-txt-rgb: var(--akzentfarbe-rgb);
  --color-hdl: var(--akzentfarbe);
  --color-hdl-rgb: var(--akzentfarbe-rgb);
  --btn-bgc: var(--akzentfarbe);
  --btn-bgc-rgb: var(--akzentfarbe-rgb);
}
.akzentfarbe-cpt-clr *,
.akzentfarbe-cpt-clr *::before,
.akzentfarbe-cpt-clr *::after {
  --nav-cpt-clr: var(--akzentfarbe);
  --nav-cpt-clr-rgb: var(--akzentfarbe-rgb);
}
.akzentfarbe-bgc,
.akzentfarbe-bgc *::before,
.akzentfarbe-bgc *::after,
.bgc .akzentfarbe-bgc,
.bgc .akzentfarbe-bgc *::before,
.bgc .akzentfarbe-bgc *::after {
  --color-bg: var(--akzentfarbe);
  --color-bg-rgb: var(--akzentfarbe-rgb);
  --btn-clr: var(--akzentfarbe);
  --btn-clr-rgb: var(--akzentfarbe-rgb);
}
* .akzentfarbe-bgc { background-color: var(--akzentfarbe); }
section.akzentfarbe-bgc:not(.bgi) + section.akzentfarbe-bgc:not(.bgi),
article.akzentfarbe-bgc:not(.bgi) + article.akzentfarbe-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.dunkelgrau-clr,
.dunkelgrau-clr *::before,
.dunkelgrau-clr *::after,
.clr .dunkelgrau-clr,
.clr .dunkelgrau-clr *::before,
.clr .dunkelgrau-clr *::after {
  --color-txt: var(--dunkelgrau);
  --color-txt-rgb: var(--dunkelgrau-rgb);
  --color-hdl: var(--dunkelgrau);
  --color-hdl-rgb: var(--dunkelgrau-rgb);
  --btn-bgc: var(--dunkelgrau);
  --btn-bgc-rgb: var(--dunkelgrau-rgb);
}
.dunkelgrau-cpt-clr *,
.dunkelgrau-cpt-clr *::before,
.dunkelgrau-cpt-clr *::after {
  --nav-cpt-clr: var(--dunkelgrau);
  --nav-cpt-clr-rgb: var(--dunkelgrau-rgb);
}
.dunkelgrau-bgc,
.dunkelgrau-bgc *::before,
.dunkelgrau-bgc *::after,
.bgc .dunkelgrau-bgc,
.bgc .dunkelgrau-bgc *::before,
.bgc .dunkelgrau-bgc *::after {
  --color-bg: var(--dunkelgrau);
  --color-bg-rgb: var(--dunkelgrau-rgb);
  --btn-clr: var(--dunkelgrau);
  --btn-clr-rgb: var(--dunkelgrau-rgb);
}
* .dunkelgrau-bgc { background-color: var(--dunkelgrau); }
section.dunkelgrau-bgc:not(.bgi) + section.dunkelgrau-bgc:not(.bgi),
article.dunkelgrau-bgc:not(.bgi) + article.dunkelgrau-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.mint-clr,
.mint-clr *::before,
.mint-clr *::after,
.clr .mint-clr,
.clr .mint-clr *::before,
.clr .mint-clr *::after {
  --color-txt: var(--mint);
  --color-txt-rgb: var(--mint-rgb);
  --color-hdl: var(--mint);
  --color-hdl-rgb: var(--mint-rgb);
  --btn-bgc: var(--mint);
  --btn-bgc-rgb: var(--mint-rgb);
}
.mint-cpt-clr *,
.mint-cpt-clr *::before,
.mint-cpt-clr *::after {
  --nav-cpt-clr: var(--mint);
  --nav-cpt-clr-rgb: var(--mint-rgb);
}
.mint-bgc,
.mint-bgc *::before,
.mint-bgc *::after,
.bgc .mint-bgc,
.bgc .mint-bgc *::before,
.bgc .mint-bgc *::after {
  --color-bg: var(--mint);
  --color-bg-rgb: var(--mint-rgb);
  --btn-clr: var(--mint);
  --btn-clr-rgb: var(--mint-rgb);
}
* .mint-bgc { background-color: var(--mint); }
section.mint-bgc:not(.bgi) + section.mint-bgc:not(.bgi),
article.mint-bgc:not(.bgi) + article.mint-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
/*----- GRADIENT CLASSES -----*/

/*========== CONTRAST SETTINGS ==========*/

body.hcm,
body.hcm :is(h1, h2, h3, h4, h5, h6, p, li, a, blockquote),
body.hcm *::after,
body.hcm *::before {
}
@media (forced-colors: active) {
body,
body :is(h1, h2, h3, h4, h5, h6, p, li, a, blockquote),
body *::after,
body *::before {
}
}

/*========== SLIDER SETTINGS ==========*/
.slider {
   --slider-speed:1000ms;
   --slider-interval:6000ms;
}
.carousel {
   --slider-speed:500ms;
   --slider-interval:6000ms;
}
.art-slider {
   --slider-speed:1000ms;
   --slider-interval:6000ms;
}
.tiles .art-slider {
   --slider-speed:1000ms;
   --slider-interval:6000ms;
}

/*========== FONT SETTINGS ==========*/

@font-face {
font-family: "roboto-bold";
src: url(/site/assets/files/9667/roboto-bold.woff2) format(woff2); 
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "roboto-regular";
src: url(/site/assets/files/9669/roboto-regular.woff2) format(woff2); 
font-weight: normal;
font-style: normal;
}
 
/*----- FONT VARIABLES -----*/
:root,
::after,
::before {
--font-nav: roboto-regular;
--font-nav-bold: roboto-bold;
--font-hdl: roboto-regular;
--font-hdl-bold: roboto-bold;
--font-bdy: roboto-regular;
--font-bdy-bold: roboto-bold;
--font-script: roboto-regular;
--font-script-bold: roboto-regular;
}