:root,
::after,
::before {
  --color-txt:#282827;
  --color-txt-rgb:40 40 39;
  --color-bg:#ffffff;
  --color-bg-rgb:255 255 255;
  --black:#282827;
  --black-rgb:40 40 39;
  --blau-projektmanagement:#79899a;
  --blau-projektmanagement-rgb:121 137 154;
  --white:#ffffff;
  --white-rgb:255 255 255;
  --grey:#cfd0d0;
  --grey-rgb:207 208 208;
  --graublau-bim:#829b9f;
  --graublau-bim-rgb:130 155 159;
  --gruen-umwelt:#a5b9af;
  --gruen-umwelt-rgb:165 185 175;
  --lightgrey:#f5f5f5;
  --lightgrey-rgb:245 245 245;
  --camel:#caac8b;
  --camel-rgb:202 172 139;
  --gelb-lean-management:#b9baa6;
  --gelb-lean-management-rgb:185 186 166;
  --beige:#f2ebe3;
  --beige-rgb:242 235 227;
}
.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); }
body .blau-projektmanagement-clr *,
body .blau-projektmanagement-clr *::before,
body .blau-projektmanagement-clr *::after,
body .clr .blau-projektmanagement-clr *,
body .clr .blau-projektmanagement-clr *::before,
body .clr .blau-projektmanagement-clr *::after {
  --color-txt: var(--blau-projektmanagement);
  --color-txt-rgb: var(--blau-projektmanagement-rgb);
}
* .blau-projektmanagement-bgc,
* .blau-projektmanagement-bgc *::before,
* .blau-projektmanagement-bgc *::after {
  --color-bg: var(--blau-projektmanagement);
  --color-bg-rgb: var(--blau-projektmanagement-rgb);
}
* .blau-projektmanagement-bgc { background-color: var(--blau-projektmanagement); }
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 .graublau-bim-clr *,
body .graublau-bim-clr *::before,
body .graublau-bim-clr *::after,
body .clr .graublau-bim-clr *,
body .clr .graublau-bim-clr *::before,
body .clr .graublau-bim-clr *::after {
  --color-txt: var(--graublau-bim);
  --color-txt-rgb: var(--graublau-bim-rgb);
}
* .graublau-bim-bgc,
* .graublau-bim-bgc *::before,
* .graublau-bim-bgc *::after {
  --color-bg: var(--graublau-bim);
  --color-bg-rgb: var(--graublau-bim-rgb);
}
* .graublau-bim-bgc { background-color: var(--graublau-bim); }
body .gruen-umwelt-clr *,
body .gruen-umwelt-clr *::before,
body .gruen-umwelt-clr *::after,
body .clr .gruen-umwelt-clr *,
body .clr .gruen-umwelt-clr *::before,
body .clr .gruen-umwelt-clr *::after {
  --color-txt: var(--gruen-umwelt);
  --color-txt-rgb: var(--gruen-umwelt-rgb);
}
* .gruen-umwelt-bgc,
* .gruen-umwelt-bgc *::before,
* .gruen-umwelt-bgc *::after {
  --color-bg: var(--gruen-umwelt);
  --color-bg-rgb: var(--gruen-umwelt-rgb);
}
* .gruen-umwelt-bgc { background-color: var(--gruen-umwelt); }
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 .camel-clr *,
body .camel-clr *::before,
body .camel-clr *::after,
body .clr .camel-clr *,
body .clr .camel-clr *::before,
body .clr .camel-clr *::after {
  --color-txt: var(--camel);
  --color-txt-rgb: var(--camel-rgb);
}
* .camel-bgc,
* .camel-bgc *::before,
* .camel-bgc *::after {
  --color-bg: var(--camel);
  --color-bg-rgb: var(--camel-rgb);
}
* .camel-bgc { background-color: var(--camel); }
body .gelb-lean-management-clr *,
body .gelb-lean-management-clr *::before,
body .gelb-lean-management-clr *::after,
body .clr .gelb-lean-management-clr *,
body .clr .gelb-lean-management-clr *::before,
body .clr .gelb-lean-management-clr *::after {
  --color-txt: var(--gelb-lean-management);
  --color-txt-rgb: var(--gelb-lean-management-rgb);
}
* .gelb-lean-management-bgc,
* .gelb-lean-management-bgc *::before,
* .gelb-lean-management-bgc *::after {
  --color-bg: var(--gelb-lean-management);
  --color-bg-rgb: var(--gelb-lean-management-rgb);
}
* .gelb-lean-management-bgc { background-color: var(--gelb-lean-management); }
body .beige-clr *,
body .beige-clr *::before,
body .beige-clr *::after,
body .clr .beige-clr *,
body .clr .beige-clr *::before,
body .clr .beige-clr *::after {
  --color-txt: var(--beige);
  --color-txt-rgb: var(--beige-rgb);
}
* .beige-bgc,
* .beige-bgc *::before,
* .beige-bgc *::after {
  --color-bg: var(--beige);
  --color-bg-rgb: var(--beige-rgb);
}
* .beige-bgc { background-color: var(--beige); }


body:has(main .section-slider:first-child, main section:first-child .pageheader-imgs) .beige-cpt-clr:not(.active, .switch) #menu-btn *,
body:has(main .section-slider:first-child, main section:first-child .pageheader-imgs) .beige-cpt-clr:not(.active, .switch) #menu-btn::before,
body:has(main .section-slider:first-child, main section:first-child .pageheader-imgs) .beige-cpt-clr:not(.active, .switch) .nav-list:not(.sub) > .nav-item > .nav-btn-con *,
body:has(main .section-slider:first-child, main section:first-child .pageheader-imgs) .beige-cpt-clr:not(.active, .switch) .nav-list:not(.sub) > .nav-item > .nav-btn-con *::before,
body:has(main .section-slider:first-child, main section:first-child .pageheader-imgs) .beige-cpt-clr:not(.active, .switch) .nav-list:not(.sub) > .nav-item > .nav-btn-con *::after {
   --color-txt: var(--beige);
   --color-txt-rgb: var(--beige-rgb);
}
body:has(main .section-slider:first-child, main section:first-child .pageheader-imgs) .beige-cpt-clr:not(.active, .switch) svg path,
body:has(main .section-slider:first-child, main section:first-child .pageheader-imgs) .cpt-clr .beige-cpt-clr:not(.active, .switch) svg path {
   fill: var(--beige)!important;
}

@font-face {
  font-family: "neue-machina";
  src: url("/site/templates/fonts/webfonts/neue-machina.woff2") format("woff2"), url("/site/templates/fonts/webfonts/neue-machina.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "neue-machina-bold";
  src: url("/site/templates/fonts/webfonts/neue-machina-bold.woff2") format("woff2"), url("/site/templates/fonts/webfonts/neue-machina-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: neue-machina;
--font-hdl-bold: neue-machina-bold;
}
:root,
::after,
::before {
--font-bdy: roboto;
--font-bdy-bold: roboto-bold;
}
:root,
::after,
::before {
--font-nav: roboto;
--font-nav-bold: roboto-bold;
}