@charset "UTF-8";

:root,
::after,
::before {
/*----- COLOR VALUES -----*/
  --black:#000000;
  --white:#ffffff;
  --grau:#787878;
  --6583.7988.9_grau-hell:#efefef;
  --accent-color:#eb65fe;
  --grau-dunkel:#3d3d3d;
  --vectocon-lila:#eb65fe;
  --vectocon-blau:#86e1e6;
  --nav-height:10rem;
  --nav-logo-height:7.5rem;
/*----- BORDER RADIUS -----*/
}

:root,
::after,
::before {
/*----- TEXT COLOR -----*/
--color-txt: var(--white);
--color-txt-std: var(--white);
--btn-clr: var(--white);
--btn-bgc-hov: var(--white);
/*----- BACKGROUND COLOR -----*/
--color-bg: var(--black);
--color-bg-std: var(--black);
--btn-clr-hov: var(--black);
--btn-bgc: var(--black);
/*----- GRADIENTS -----*/
  --vectocon-farbverlauf: linear-gradient(to right,var(--vectocon-lila),var(--vectocon-blau));
:is(h1,h2,h3,h4,h5,h6) {
  background: var(--vectocon-farbverlauf);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  width: auto;
  align-self: flex-start;
}
:is(h1,h2,h3,h4,h5,h6):is(.align_center) {
   margin-left: auto;
   margin-right: auto;
}
:is(section.clr,.teaser-item.clr,.txt-box.clr) :is(h1,h2,h3,h4,h5,h6) {
   background: initial;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
}
@media only screen and (max-width: 960px) {
   .section-pageheader.no-bgc .txt-box :is(h1, h2, h3, h4, h5, h6) {
      background: var(--vectocon-farbverlauf);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      display: inline-block;
      width: auto;
      align-self: flex-start;
   }
}
}


/*========== 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);
}
.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);
}
* .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);
}
.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);
}
* .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;
}
.grau-clr,
.grau-clr *::before,
.grau-clr *::after,
.clr .grau-clr,
.clr .grau-clr *::before,
.clr .grau-clr *::after {
  --color-txt: var(--grau);
}
.grau-cpt-clr *,
.grau-cpt-clr *::before,
.grau-cpt-clr *::after {
  --nav-cpt-clr: var(--grau);
  --nav-cpt-clr-rgb: var(--grau-rgb);
}
.grau-bgc,
.grau-bgc *::before,
.grau-bgc *::after,
.bgc .grau-bgc,
.bgc .grau-bgc *::before,
.bgc .grau-bgc *::after {
  --color-bg: var(--grau);
}
* .grau-bgc { background-color: var(--grau); }
section.grau-bgc:not(.bgi) + section.grau-bgc:not(.bgi),
article.grau-bgc:not(.bgi) + article.grau-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.6583.7988.9_grau-hell-clr,
.6583.7988.9_grau-hell-clr *::before,
.6583.7988.9_grau-hell-clr *::after,
.clr .6583.7988.9_grau-hell-clr,
.clr .6583.7988.9_grau-hell-clr *::before,
.clr .6583.7988.9_grau-hell-clr *::after {
  --color-txt: var(--6583.7988.9_grau-hell);
}
.6583.7988.9_grau-hell-cpt-clr *,
.6583.7988.9_grau-hell-cpt-clr *::before,
.6583.7988.9_grau-hell-cpt-clr *::after {
  --nav-cpt-clr: var(--6583.7988.9_grau-hell);
  --nav-cpt-clr-rgb: var(--6583.7988.9_grau-hell-rgb);
}
.6583.7988.9_grau-hell-bgc,
.6583.7988.9_grau-hell-bgc *::before,
.6583.7988.9_grau-hell-bgc *::after,
.bgc .6583.7988.9_grau-hell-bgc,
.bgc .6583.7988.9_grau-hell-bgc *::before,
.bgc .6583.7988.9_grau-hell-bgc *::after {
  --color-bg: var(--6583.7988.9_grau-hell);
}
* .6583.7988.9_grau-hell-bgc { background-color: var(--6583.7988.9_grau-hell); }
section.6583.7988.9_grau-hell-bgc:not(.bgi) + section.6583.7988.9_grau-hell-bgc:not(.bgi),
article.6583.7988.9_grau-hell-bgc:not(.bgi) + article.6583.7988.9_grau-hell-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.accent-color-clr,
.accent-color-clr *::before,
.accent-color-clr *::after,
.clr .accent-color-clr,
.clr .accent-color-clr *::before,
.clr .accent-color-clr *::after {
  --color-txt: var(--accent-color);
}
.accent-color-cpt-clr *,
.accent-color-cpt-clr *::before,
.accent-color-cpt-clr *::after {
  --nav-cpt-clr: var(--accent-color);
  --nav-cpt-clr-rgb: var(--accent-color-rgb);
}
.accent-color-bgc,
.accent-color-bgc *::before,
.accent-color-bgc *::after,
.bgc .accent-color-bgc,
.bgc .accent-color-bgc *::before,
.bgc .accent-color-bgc *::after {
  --color-bg: var(--accent-color);
}
* .accent-color-bgc { background-color: var(--accent-color); }
section.accent-color-bgc:not(.bgi) + section.accent-color-bgc:not(.bgi),
article.accent-color-bgc:not(.bgi) + article.accent-color-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.grau-dunkel-clr,
.grau-dunkel-clr *::before,
.grau-dunkel-clr *::after,
.clr .grau-dunkel-clr,
.clr .grau-dunkel-clr *::before,
.clr .grau-dunkel-clr *::after {
  --color-txt: var(--grau-dunkel);
}
.grau-dunkel-cpt-clr *,
.grau-dunkel-cpt-clr *::before,
.grau-dunkel-cpt-clr *::after {
  --nav-cpt-clr: var(--grau-dunkel);
  --nav-cpt-clr-rgb: var(--grau-dunkel-rgb);
}
.grau-dunkel-bgc,
.grau-dunkel-bgc *::before,
.grau-dunkel-bgc *::after,
.bgc .grau-dunkel-bgc,
.bgc .grau-dunkel-bgc *::before,
.bgc .grau-dunkel-bgc *::after {
  --color-bg: var(--grau-dunkel);
}
* .grau-dunkel-bgc { background-color: var(--grau-dunkel); }
section.grau-dunkel-bgc:not(.bgi) + section.grau-dunkel-bgc:not(.bgi),
article.grau-dunkel-bgc:not(.bgi) + article.grau-dunkel-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.vectocon-lila-clr,
.vectocon-lila-clr *::before,
.vectocon-lila-clr *::after,
.clr .vectocon-lila-clr,
.clr .vectocon-lila-clr *::before,
.clr .vectocon-lila-clr *::after {
  --color-txt: var(--vectocon-lila);
}
.vectocon-lila-cpt-clr *,
.vectocon-lila-cpt-clr *::before,
.vectocon-lila-cpt-clr *::after {
  --nav-cpt-clr: var(--vectocon-lila);
  --nav-cpt-clr-rgb: var(--vectocon-lila-rgb);
}
.vectocon-lila-bgc,
.vectocon-lila-bgc *::before,
.vectocon-lila-bgc *::after,
.bgc .vectocon-lila-bgc,
.bgc .vectocon-lila-bgc *::before,
.bgc .vectocon-lila-bgc *::after {
  --color-bg: var(--vectocon-lila);
}
* .vectocon-lila-bgc { background-color: var(--vectocon-lila); }
section.vectocon-lila-bgc:not(.bgi) + section.vectocon-lila-bgc:not(.bgi),
article.vectocon-lila-bgc:not(.bgi) + article.vectocon-lila-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.vectocon-blau-clr,
.vectocon-blau-clr *::before,
.vectocon-blau-clr *::after,
.clr .vectocon-blau-clr,
.clr .vectocon-blau-clr *::before,
.clr .vectocon-blau-clr *::after {
  --color-txt: var(--vectocon-blau);
}
.vectocon-blau-cpt-clr *,
.vectocon-blau-cpt-clr *::before,
.vectocon-blau-cpt-clr *::after {
  --nav-cpt-clr: var(--vectocon-blau);
  --nav-cpt-clr-rgb: var(--vectocon-blau-rgb);
}
.vectocon-blau-bgc,
.vectocon-blau-bgc *::before,
.vectocon-blau-bgc *::after,
.bgc .vectocon-blau-bgc,
.bgc .vectocon-blau-bgc *::before,
.bgc .vectocon-blau-bgc *::after {
  --color-bg: var(--vectocon-blau);
}
* .vectocon-blau-bgc { background-color: var(--vectocon-blau); }
section.vectocon-blau-bgc:not(.bgi) + section.vectocon-blau-bgc:not(.bgi),
article.vectocon-blau-bgc:not(.bgi) + article.vectocon-blau-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}

/*========== GRADIENT CLASSES ==========*/
.vectocon-farbverlauf-clr-gra :is(h1,h2,h3,h4,h5,h6,p,li,li::marker),
.vectocon-farbverlauf-clr-gra :is(h1,h2,h3,h4,h5,h6,p,li,li::marker) :is(a,strong,b,i,em,i,span),
.clr .vectocon-farbverlauf-clr-gra :is(h1,h2,h3,h4,h5,h6,p,li,li::marker),
.clr .vectocon-farbverlauf-clr-gra :is(h1,h2,h3,h4,h5,h6,p,li,li::marker) :is(a,strong,b,i,em,i,span) {
  background: var(--vectocon-farbverlauf);
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.vectocon-farbverlauf-bgc-gra,
.vectocon-farbverlauf-bgc-gra *::before,
.vectocon-farbverlauf-bgc-gra *::after,
.bgc .vectocon-farbverlauf-bgc-gra,
.bgc .vectocon-farbverlauf-bgc-gra *::before,
.bgc .vectocon-farbverlauf-bgc-gra *::after {
  --color-bg: var(--vectocon-farbverlauf);
}
* .vectocon-farbverlauf-bgc-gra { background: var(--vectocon-farbverlauf); }
* .vectocon-farbverlauf-bgc-gra .button.std:not(.txt)::before,
* .vectocon-farbverlauf-bgc-gra .button.std:not(.txt) :is(a,span,p) {
   background: var(--vectocon-farbverlauf);
   background-clip: text;
   text-fill-color: transparent;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}


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

/*========== FONT SETTINGS ==========*/
@font-face {
font-family: "open-sans-bold";
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.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); 
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); 
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "superduperfont";
src: url(/site/assets/files/17791/superduperfont.woff2) format(woff2); 
font-weight: normal;
font-style: normal;
}
 
/*----- FONT VARIABLES -----*/

/*========== ANIMATION STYLES ==========*/
*[class*="ani-itm-"].ani-fi {
  opacity: 0;
  }
.ani-con.visible.ani-itm-1.ani-fi {
  animation: 1500ms var(--ani-easing-two) forwards fadeIn;
}
.ani-con.visible.ani-itm-1.ani-fi,
.ani-con.visible .ani-itm-1.ani-fi {
   animation: 1500ms var(--ani-easing-two) 0ms forwards fadeIn;
}
.ani-con.visible.ani-itm-2.ani-fi,
.ani-con.visible .ani-itm-2.ani-fi {
   animation: 1500ms var(--ani-easing-two) 250ms forwards fadeIn;
}
.ani-con.visible.ani-itm-3.ani-fi,
.ani-con.visible .ani-itm-3.ani-fi {
   animation: 1500ms var(--ani-easing-two) 500ms forwards fadeIn;
}
.ani-con.visible.ani-itm-4.ani-fi,
.ani-con.visible .ani-itm-4.ani-fi {
   animation: 1500ms var(--ani-easing-two) 750ms forwards fadeIn;
}
.ani-con.visible.ani-itm-5.ani-fi,
.ani-con.visible .ani-itm-5.ani-fi {
   animation: 1500ms var(--ani-easing-two) 1000ms forwards fadeIn;
}
.ani-con.visible.ani-itm-6.ani-fi,
.ani-con.visible .ani-itm-6.ani-fi {
   animation: 1500ms var(--ani-easing-two) 1250ms forwards fadeIn;
}
.ani-con.visible.ani-itm-7.ani-fi,
.ani-con.visible .ani-itm-7.ani-fi {
   animation: 1500ms var(--ani-easing-two) 1500ms forwards fadeIn;
}
.ani-con.visible.ani-itm-8.ani-fi,
.ani-con.visible .ani-itm-8.ani-fi {
   animation: 1500ms var(--ani-easing-two) 1750ms forwards fadeIn;
}
.ani-con.visible.ani-itm-9.ani-fi,
.ani-con.visible .ani-itm-9.ani-fi {
   animation: 1500ms var(--ani-easing-two) 2000ms forwards fadeIn;
}
.ani-con.visible.ani-itm-10.ani-fi,
.ani-con.visible .ani-itm-10.ani-fi {
   animation: 1500ms var(--ani-easing-two) 2250ms forwards fadeIn;
}
.ani-con.visible.ani-itm-11.ani-fi,
.ani-con.visible .ani-itm-11.ani-fi {
   animation: 1500ms var(--ani-easing-two) 2500ms forwards fadeIn;
}
.ani-con.visible.ani-itm-12.ani-fi,
.ani-con.visible .ani-itm-12.ani-fi {
   animation: 1500ms var(--ani-easing-two) 2750ms forwards fadeIn;
}