: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:#6e6d6f;
  --grey-rgb:110 109 111;
  --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;
  --petrol:#005660;
  --petrol-rgb:0 86 96;
  --gelb-lean-management:#b9baa6;
  --gelb-lean-management-rgb:185 186 166;
  --beige:#f2ebe3;
  --beige-rgb:242 235 227;
  --blau-teamviewer:#050a52;
  --blau-teamviewer-rgb:5 10 82;
  --akzentfarbe:#fff264;
  --akzentfarbe-rgb:255 242 100;
}
.slider {
   --slider-speed:1000ms;
   --slider-interval:7000ms;
}
.carousel {
   --slider-speed:1000ms;
   --slider-interval:7000ms;
}
.art-slider {
   --slider-speed:1000ms;
   --slider-interval:7000ms;
}
.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-hdr: var(--black);
  --color-hdr-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);
}
* .black-bgc { background-color: var(--black); }
section.black-bgc + section.black-bgc { padding-top: 0; }
.blau-projektmanagement-clr *,
.blau-projektmanagement-clr *::before,
.blau-projektmanagement-clr *::after,
.clr .blau-projektmanagement-clr *,
.clr .blau-projektmanagement-clr *::before,
.clr .blau-projektmanagement-clr *::after {
  --color-txt: var(--blau-projektmanagement);
  --color-txt-rgb: var(--blau-projektmanagement-rgb);
  --color-hdr: var(--blau-projektmanagement);
  --color-hdr-rgb: var(--blau-projektmanagement-rgb);
}
.blau-projektmanagement-cpt-clr *,
.blau-projektmanagement-cpt-clr *::before,
.blau-projektmanagement-cpt-clr *::after {
  --nav-cpt-clr: var(--blau-projektmanagement);
  --nav-cpt-clr-rgb: var(--blau-projektmanagement-rgb);
}
.blau-projektmanagement-bgc,
.blau-projektmanagement-bgc *::before,
.blau-projektmanagement-bgc *::after,
.bgc .blau-projektmanagement-bgc,
.bgc .blau-projektmanagement-bgc *::before,
.bgc .blau-projektmanagement-bgc *::after {
  --color-bg: var(--blau-projektmanagement);
  --color-bg-rgb: var(--blau-projektmanagement-rgb);
}
* .blau-projektmanagement-bgc { background-color: var(--blau-projektmanagement); }
section.blau-projektmanagement-bgc + section.blau-projektmanagement-bgc { padding-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-hdr: var(--white);
  --color-hdr-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);
}
* .white-bgc { background-color: var(--white); }
section.white-bgc + section.white-bgc { padding-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-hdr: var(--grey);
  --color-hdr-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);
}
* .grey-bgc { background-color: var(--grey); }
section.grey-bgc + section.grey-bgc { padding-top: 0; }
.graublau-bim-clr *,
.graublau-bim-clr *::before,
.graublau-bim-clr *::after,
.clr .graublau-bim-clr *,
.clr .graublau-bim-clr *::before,
.clr .graublau-bim-clr *::after {
  --color-txt: var(--graublau-bim);
  --color-txt-rgb: var(--graublau-bim-rgb);
  --color-hdr: var(--graublau-bim);
  --color-hdr-rgb: var(--graublau-bim-rgb);
}
.graublau-bim-cpt-clr *,
.graublau-bim-cpt-clr *::before,
.graublau-bim-cpt-clr *::after {
  --nav-cpt-clr: var(--graublau-bim);
  --nav-cpt-clr-rgb: var(--graublau-bim-rgb);
}
.graublau-bim-bgc,
.graublau-bim-bgc *::before,
.graublau-bim-bgc *::after,
.bgc .graublau-bim-bgc,
.bgc .graublau-bim-bgc *::before,
.bgc .graublau-bim-bgc *::after {
  --color-bg: var(--graublau-bim);
  --color-bg-rgb: var(--graublau-bim-rgb);
}
* .graublau-bim-bgc { background-color: var(--graublau-bim); }
section.graublau-bim-bgc + section.graublau-bim-bgc { padding-top: 0; }
.gruen-umwelt-clr *,
.gruen-umwelt-clr *::before,
.gruen-umwelt-clr *::after,
.clr .gruen-umwelt-clr *,
.clr .gruen-umwelt-clr *::before,
.clr .gruen-umwelt-clr *::after {
  --color-txt: var(--gruen-umwelt);
  --color-txt-rgb: var(--gruen-umwelt-rgb);
  --color-hdr: var(--gruen-umwelt);
  --color-hdr-rgb: var(--gruen-umwelt-rgb);
}
.gruen-umwelt-cpt-clr *,
.gruen-umwelt-cpt-clr *::before,
.gruen-umwelt-cpt-clr *::after {
  --nav-cpt-clr: var(--gruen-umwelt);
  --nav-cpt-clr-rgb: var(--gruen-umwelt-rgb);
}
.gruen-umwelt-bgc,
.gruen-umwelt-bgc *::before,
.gruen-umwelt-bgc *::after,
.bgc .gruen-umwelt-bgc,
.bgc .gruen-umwelt-bgc *::before,
.bgc .gruen-umwelt-bgc *::after {
  --color-bg: var(--gruen-umwelt);
  --color-bg-rgb: var(--gruen-umwelt-rgb);
}
* .gruen-umwelt-bgc { background-color: var(--gruen-umwelt); }
section.gruen-umwelt-bgc + section.gruen-umwelt-bgc { padding-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-hdr: var(--lightgrey);
  --color-hdr-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);
}
* .lightgrey-bgc { background-color: var(--lightgrey); }
section.lightgrey-bgc + section.lightgrey-bgc { padding-top: 0; }
.petrol-clr *,
.petrol-clr *::before,
.petrol-clr *::after,
.clr .petrol-clr *,
.clr .petrol-clr *::before,
.clr .petrol-clr *::after {
  --color-txt: var(--petrol);
  --color-txt-rgb: var(--petrol-rgb);
  --color-hdr: var(--petrol);
  --color-hdr-rgb: var(--petrol-rgb);
}
.petrol-cpt-clr *,
.petrol-cpt-clr *::before,
.petrol-cpt-clr *::after {
  --nav-cpt-clr: var(--petrol);
  --nav-cpt-clr-rgb: var(--petrol-rgb);
}
.petrol-bgc,
.petrol-bgc *::before,
.petrol-bgc *::after,
.bgc .petrol-bgc,
.bgc .petrol-bgc *::before,
.bgc .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 { padding-top: 0; }
.gelb-lean-management-clr *,
.gelb-lean-management-clr *::before,
.gelb-lean-management-clr *::after,
.clr .gelb-lean-management-clr *,
.clr .gelb-lean-management-clr *::before,
.clr .gelb-lean-management-clr *::after {
  --color-txt: var(--gelb-lean-management);
  --color-txt-rgb: var(--gelb-lean-management-rgb);
  --color-hdr: var(--gelb-lean-management);
  --color-hdr-rgb: var(--gelb-lean-management-rgb);
}
.gelb-lean-management-cpt-clr *,
.gelb-lean-management-cpt-clr *::before,
.gelb-lean-management-cpt-clr *::after {
  --nav-cpt-clr: var(--gelb-lean-management);
  --nav-cpt-clr-rgb: var(--gelb-lean-management-rgb);
}
.gelb-lean-management-bgc,
.gelb-lean-management-bgc *::before,
.gelb-lean-management-bgc *::after,
.bgc .gelb-lean-management-bgc,
.bgc .gelb-lean-management-bgc *::before,
.bgc .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); }
section.gelb-lean-management-bgc + section.gelb-lean-management-bgc { padding-top: 0; }
.beige-clr *,
.beige-clr *::before,
.beige-clr *::after,
.clr .beige-clr *,
.clr .beige-clr *::before,
.clr .beige-clr *::after {
  --color-txt: var(--beige);
  --color-txt-rgb: var(--beige-rgb);
  --color-hdr: var(--beige);
  --color-hdr-rgb: var(--beige-rgb);
}
.beige-cpt-clr *,
.beige-cpt-clr *::before,
.beige-cpt-clr *::after {
  --nav-cpt-clr: var(--beige);
  --nav-cpt-clr-rgb: var(--beige-rgb);
}
.beige-bgc,
.beige-bgc *::before,
.beige-bgc *::after,
.bgc .beige-bgc,
.bgc .beige-bgc *::before,
.bgc .beige-bgc *::after {
  --color-bg: var(--beige);
  --color-bg-rgb: var(--beige-rgb);
}
* .beige-bgc { background-color: var(--beige); }
section.beige-bgc + section.beige-bgc { padding-top: 0; }
.blau-teamviewer-clr *,
.blau-teamviewer-clr *::before,
.blau-teamviewer-clr *::after,
.clr .blau-teamviewer-clr *,
.clr .blau-teamviewer-clr *::before,
.clr .blau-teamviewer-clr *::after {
  --color-txt: var(--blau-teamviewer);
  --color-txt-rgb: var(--blau-teamviewer-rgb);
  --color-hdr: var(--blau-teamviewer);
  --color-hdr-rgb: var(--blau-teamviewer-rgb);
}
.blau-teamviewer-cpt-clr *,
.blau-teamviewer-cpt-clr *::before,
.blau-teamviewer-cpt-clr *::after {
  --nav-cpt-clr: var(--blau-teamviewer);
  --nav-cpt-clr-rgb: var(--blau-teamviewer-rgb);
}
.blau-teamviewer-bgc,
.blau-teamviewer-bgc *::before,
.blau-teamviewer-bgc *::after,
.bgc .blau-teamviewer-bgc,
.bgc .blau-teamviewer-bgc *::before,
.bgc .blau-teamviewer-bgc *::after {
  --color-bg: var(--blau-teamviewer);
  --color-bg-rgb: var(--blau-teamviewer-rgb);
}
* .blau-teamviewer-bgc { background-color: var(--blau-teamviewer); }
section.blau-teamviewer-bgc + section.blau-teamviewer-bgc { padding-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-hdr: var(--akzentfarbe);
  --color-hdr-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);
}
* .akzentfarbe-bgc { background-color: var(--akzentfarbe); }
section.akzentfarbe-bgc + section.akzentfarbe-bgc { padding-top: 0; }

@font-face {
font-family: "open-sans-bold";
src: url(/site/assets/files/7990/open-sans-bold.woff) format(woff),src: url(/site/assets/files/7990/open-sans-bold.woff2) format(woff2); 
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "open-sans-bold-italic";
src: url(/site/assets/files/7999/open-sans-bolditalic.woff) format(woff),src: url(/site/assets/files/7999/open-sans-bolditalic.woff2) format(woff2); 
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "open-sans-regular";
src: url(/site/assets/files/7991/open-sans.woff2) format(woff2),src: url(/site/assets/files/7991/open-sans.woff) format(woff); 
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "open-sans-regular-italic";
src: url(/site/assets/files/7998/open-sans-italic.woff2) format(woff2),src: url(/site/assets/files/7998/open-sans-italic.woff) format(woff); 
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "roboto-condensed-bold";
src: url(/site/assets/files/7992/roboto-condensed-bold.woff) format(woff),src: url(/site/assets/files/7992/roboto-condensed-bold.woff2) format(woff2); 
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "roboto-condensed-regular";
src: url(/site/assets/files/7993/roboto-condensed.woff2) format(woff2),src: url(/site/assets/files/7993/roboto-condensed.woff) format(woff); 
font-weight: normal;
font-style: normal;
}
 

:root,
::after,
::before {
--font-nav: roboto-condensed-regular;
--font-nav-bold: roboto-condensed-bold;
--font-hdl: roboto-condensed-regular;
--font-hdl-bold: roboto-condensed-bold;
--font-bdy: open-sans-regular;
--font-bdy-bold: open-sans-bold;
--font-script: open-sans-regular-italic;
--font-script-bold: open-sans-bold-italic;
}

.ani-con.sli:nth-child(even),
.ani-con:nth-child(even) *[class*="ani-itm-"].sli,
.ani-con:nth-child(even) *[class*="ani-itm-"] .sli {
  left: calc(var(--vert-whitespace) * -1);
  opacity: 0;
}
.ani-con.visible.sli:nth-child(even) {
  animation: var(--ani-duration) var(--ani-easing) forwards slideLeftIn;
}
.ani-con:nth-child(even) *[class*="ani-itm-"].sli,
.ani-con:nth-child(even) *[class*="ani-itm-"] .sli {
  animation: var(--ani-duration) var(--ani-easing) 2000ms forwards slideLeftIn;
}
.ani-con.sli:nth-child(odd),
.ani-con:nth-child(odd) *[class*="ani-itm-"].sli,
.ani-con:nth-child(odd) *[class*="ani-itm-"] .sli {
  left: var(--vert-whitespace);
  opacity: 0;
}
.ani-con.visible.sli:nth-child(odd) {
  animation: var(--ani-duration) var(--ani-easing) forwards slideRightIn;
}
.ani-con:nth-child(odd) *[class*="ani-itm-"].sli,
.ani-con:nth-child(odd) *[class*="ani-itm-"] .sli {
  animation: var(--ani-duration) var(--ani-easing) 2000ms forwards slideRightIn;
}
.ani-con.visible:nth-child(even) :is(.ani-itm-1.sli, .ani-itm-1 .sli) {
   animation: var(--ani-duration) var(--ani-easing) 200ms forwards slideLeftIn;
}
.ani-con.visible:nth-child(odd) :is(.ani-itm-1.sli, .ani-itm-1 .sli) {
   animation: var(--ani-duration) var(--ani-easing) 200ms forwards slideRightIn;
}
.ani-con.visible:nth-child(even) :is(.ani-itm-2.sli, .ani-itm-2 .sli) {
   animation: var(--ani-duration) var(--ani-easing) 400ms forwards slideLeftIn;
}
.ani-con.visible:nth-child(odd) :is(.ani-itm-2.sli, .ani-itm-2 .sli) {
   animation: var(--ani-duration) var(--ani-easing) 400ms forwards slideRightIn;
}
.ani-con.visible:nth-child(even) :is(.ani-itm-3.sli, .ani-itm-3 .sli) {
   animation: var(--ani-duration) var(--ani-easing) 600ms forwards slideLeftIn;
}
.ani-con.visible:nth-child(odd) :is(.ani-itm-3.sli, .ani-itm-3 .sli) {
   animation: var(--ani-duration) var(--ani-easing) 600ms forwards slideRightIn;
}
.ani-con.visible:nth-child(even) :is(.ani-itm-4.sli, .ani-itm-4 .sli) {
   animation: var(--ani-duration) var(--ani-easing) 800ms forwards slideLeftIn;
}
.ani-con.visible:nth-child(odd) :is(.ani-itm-4.sli, .ani-itm-4 .sli) {
   animation: var(--ani-duration) var(--ani-easing) 800ms forwards slideRightIn;
}
.ani-con.visible:nth-child(even) :is(.ani-itm-5.sli, .ani-itm-5 .sli) {
   animation: var(--ani-duration) var(--ani-easing) 1000ms forwards slideLeftIn;
}
.ani-con.visible:nth-child(odd) :is(.ani-itm-5.sli, .ani-itm-5 .sli) {
   animation: var(--ani-duration) var(--ani-easing) 1000ms forwards slideRightIn;
}
.ani-con.visible:nth-child(even) :is(.ani-itm-6.sli, .ani-itm-6 .sli) {
   animation: var(--ani-duration) var(--ani-easing) 1200ms forwards slideLeftIn;
}
.ani-con.visible:nth-child(odd) :is(.ani-itm-6.sli, .ani-itm-6 .sli) {
   animation: var(--ani-duration) var(--ani-easing) 1200ms forwards slideRightIn;
}
.ani-con.visible:nth-child(even) :is(.ani-itm-7.sli, .ani-itm-7 .sli) {
   animation: var(--ani-duration) var(--ani-easing) 1400ms forwards slideLeftIn;
}
.ani-con.visible:nth-child(odd) :is(.ani-itm-7.sli, .ani-itm-7 .sli) {
   animation: var(--ani-duration) var(--ani-easing) 1400ms forwards slideRightIn;
}
.ani-con.visible:nth-child(even) :is(.ani-itm-8.sli, .ani-itm-8 .sli) {
   animation: var(--ani-duration) var(--ani-easing) 1600ms forwards slideLeftIn;
}
.ani-con.visible:nth-child(odd) :is(.ani-itm-8.sli, .ani-itm-8 .sli) {
   animation: var(--ani-duration) var(--ani-easing) 1600ms forwards slideRightIn;
}
.ani-con.visible:nth-child(even) :is(.ani-itm-9.sli, .ani-itm-9 .sli) {
   animation: var(--ani-duration) var(--ani-easing) 1800ms forwards slideLeftIn;
}
.ani-con.visible:nth-child(odd) :is(.ani-itm-9.sli, .ani-itm-9 .sli) {
   animation: var(--ani-duration) var(--ani-easing) 1800ms forwards slideRightIn;
}
.ani-con.visible:nth-child(even) :is(.ani-itm-10.sli, .ani-itm-10 .sli) {
   animation: var(--ani-duration) var(--ani-easing) 2000ms forwards slideLeftIn;
}
.ani-con.visible:nth-child(odd) :is(.ani-itm-10.sli, .ani-itm-10 .sli) {
   animation: var(--ani-duration) var(--ani-easing) 2000ms forwards slideRightIn;
}