/* CSS VARIABLEN */
html{--font-family-sans:'Source Sans 3', sans-serif;--font-family-serif:'Source Serif 4', serif;--font-family-condensed:'Open Sans', serif;--color-bodyoverflow-background:#999999;--color-text-darker:#505050;--color-text-dark:#818181;--color-text-white:#ffffff;--color-background-white:#ffffff;--color-background-blue:#325a6e;--color-background-darkblue:#4c5c68;--color-background-lightblue:#edf6fa;--color-base1:#00a7d0;--color-base2:#00a7c2;--color-base3:#16b5c4;--color-base4:#1fb5b5;--color-base5:#72c2a8;--color-base6:#7bc193;--color-base7:#a7cb7c;--color-gradient:linear-gradient(90deg, rgba(0,167,208,1) 0%, rgba(0,167,194,1) 16%, rgba(22,181,196,1) 33%, rgba(31,181,181,1) 50%, rgba(114,194,168,1) 67%, rgba(123,193,147,1) 84%, rgba(167,203,124,1) 100%)}body{--color-text:var(--color-text-darker);--color-header-text:var(--color-text-darker);--color-text-gradient:var(--color-gradient);--color-box-background:var(--color-background-white);--color-contentbox-background:transparent;--color-link:var(--color-base1);--color-link-hover:var(--color-base7);--decoration-link:none;--decoration-link-hover:none;--color-button-background:var(--color-base1);--color-button-gradient-background:var(--color-gradient);--color-button-hover-background:var(--color-base7);--color-button-gradient-hover-background:var(--color-gradient);--color-button-text:var(--color-text-white);--color-slider-arrow:var(--color-background-darkblue);--color-slider-dot:var(--color-background-white);--color-slider-dot-active:var(--color-background-darkblue);--color-slider-dot-border:var(--color-background-darkblue);--color-input-border:var(--color-text);--color-input-background:var(--color-background-white)}body > header{--color-text:var(--color-text-darker);--color-header-text:var(--color-text-darker);--color-box-background:var(--color-background-white);--color-link:var(--color-text-darker);--color-link-hover:var(--color-base1);--color-button-background:var(--color-base1);--color-button-text:var(--color-text-white)}body > footer{--color-text:var(--color-text-white);--color-header-text:var(--color-text-white);--color-box-background:var(--color-background-blue);--color-link:var(--color-text-white);--color-link-hover:var(--color-text-white)}body > main > section > div.bgColor-blue,
body > main > section > div.bgColor-darkblue,
body > main > section > div.bgColor-base1,
body > main > section > div.bgColor-base2,
body > main > section > div.bgColor-base3,
body > main > section > div.bgColor-base4,
body > main > section > div.bgColor-base5,
body > main > section > div.bgColor-base6,
body > main > section > div.bgColor-base7,
body > main > section > div.bgColor-gradient{--color-text:var(--color-text-white);--color-header-text:var(--color-text-white);--color-slider-arrow:var(--color-background-white)}body > main > section > div.bgColor-base1,
body > main > section > div.bgColor-base2,
body > main > section > div.bgColor-base3,
body > main > section > div.bgColor-base4,
body > main > section > div.bgColor-base5,
body > main > section > div.bgColor-base6,
body > main > section > div.bgColor-base7,
body > main > section > div.bgColor-gradient{--color-text-gradient:var(--color-text-white);--color-link:var(--color-text-white);--color-link-hover:var(--color-text-white);--decoration-link:underline;--decoration-link-hover:underline;--color-button-background:var(--color-background-white);--color-button-gradient-background:var(--color-background-white);--color-button-hover-background:var(--color-background-white);--color-button-gradient-hover-background:var(--color-background-white)}body > main > section > div.bgColor-blue{--color-box-background:var(--color-background-blue)}body > main > section > div.bgColor-darkblue{--color-box-background:var(--color-background-darkblue)}body > main > section > div.bgColor-lightblue{--color-box-background:var(--color-background-lightblue)}body > main > section > div.bgColor-base1{--color-box-background:var(--color-base1);--color-button-text:var(--color-base1)}body > main > section > div.bgColor-base2{--color-box-background:var(--color-base2);--color-button-text:var(--color-base2)}body > main > section > div.bgColor-base3{--color-box-background:var(--color-base3);--color-button-text:var(--color-base3)}body > main > section > div.bgColor-base4{--color-box-background:var(--color-base4);--color-button-text:var(--color-base4)}body > main > section > div.bgColor-base5{--color-box-background:var(--color-base5);--color-button-text:var(--color-base5)}body > main > section > div.bgColor-base6{--color-box-background:var(--color-base6);--color-button-text:var(--color-base6)}body > main > section > div.bgColor-base7{--color-box-background:var(--color-base7);--color-button-text:var(--color-base7)}body > main > section > div.bgColor-gradient{--color-box-background:var(--color-gradient);--color-button-text:var(--color-base1)}body > main > section > div > div.content .boxColor-white,
body > main > section > div > div.content .boxColor-lightblue,
body > main > section > div > div.content .teamelementColor-white,
body > main > section > div > div.content .teamelementColor-lightblue{--color-text:var(--color-text-darker);--color-header-text:var(--color-text-darker)}body > main > section > div > div.content .boxColor-blue,
body > main > section > div > div.content .boxColor-darkblue,
body > main > section > div > div.content .boxColor-base1,
body > main > section > div > div.content .boxColor-base2,
body > main > section > div > div.content .boxColor-base3,
body > main > section > div > div.content .boxColor-base4,
body > main > section > div > div.content .boxColor-base5,
body > main > section > div > div.content .boxColor-base6,
body > main > section > div > div.content .boxColor-base7,
body > main > section > div > div.content .boxColor-gradient,
body > main > section > div > div.content .teamelementColor-blue,
body > main > section > div > div.content .teamelementColor-darkblue,
body > main > section > div > div.content .teamelementColor-base1,
body > main > section > div > div.content .teamelementColor-base2,
body > main > section > div > div.content .teamelementColor-base3,
body > main > section > div > div.content .teamelementColor-base4,
body > main > section > div > div.content .teamelementColor-base5,
body > main > section > div > div.content .teamelementColor-base6,
body > main > section > div > div.content .teamelementColor-base7,
body > main > section > div > div.content .teamelementColor-gradient{--color-text:var(--color-text-white);--color-header-text:var(--color-text-white)}body > main > section > div > div.content .boxColor-white,
body > main > section > div > div.content .boxColor-blue,
body > main > section > div > div.content .boxColor-darkblue,
body > main > section > div > div.content .boxColor-lightblue,
body > main > section > div > div.content .teamelementColor-white,
body > main > section > div > div.content .teamelementColor-blue,
body > main > section > div > div.content .teamelementColor-darkblue,
body > main > section > div > div.content .teamelementColor-lightblue{--color-text-gradient:var(--color-gradient);--color-link:var(--color-base1);--color-link-hover:var(--color-base7);--decoration-link:none;--decoration-link-hover:none;--color-button-background:var(--color-base1);--color-button-gradient-background:var(--color-gradient);--color-button-hover-background:var(--color-base7);--color-button-gradient-hover-background:var(--color-gradient);--color-button-text:var(--color-text-white)}body > main > section > div > div.content .boxColor-base1,
body > main > section > div > div.content .boxColor-base2,
body > main > section > div > div.content .boxColor-base3,
body > main > section > div > div.content .boxColor-base4,
body > main > section > div > div.content .boxColor-base5,
body > main > section > div > div.content .boxColor-base6,
body > main > section > div > div.content .boxColor-base7,
body > main > section > div > div.content .boxColor-gradient,
body > main > section > div > div.content .teamelementColor-base1,
body > main > section > div > div.content .teamelementColor-base2,
body > main > section > div > div.content .teamelementColor-base3,
body > main > section > div > div.content .teamelementColor-base4,
body > main > section > div > div.content .teamelementColor-base5,
body > main > section > div > div.content .teamelementColor-base6,
body > main > section > div > div.content .teamelementColor-base7,
body > main > section > div > div.content .teamelementColor-gradient{--color-text-gradient:var(--color-text-white);--color-link:var(--color-text-white);--color-link-hover:var(--color-text-white);--decoration-link:underline;--decoration-link-hover:underline;--color-button-background:var(--color-background-white);--color-button-gradient-background:var(--color-background-white);--color-button-hover-background:var(--color-background-white);--color-button-gradient-hover-background:var(--color-background-white)}body > main > section > div > div.content .boxColor-white,
body > main > section > div > div.content .teamelementColor-white{--color-contentbox-background:var(--color-background-white)}body > main > section > div > div.content .boxColor-blue,
body > main > section > div > div.content .teamelementColor-blue{--color-contentbox-background:var(--color-background-blue)}body > main > section > div > div.content .boxColor-darkblue,
body > main > section > div > div.content .teamelementColor-darkblue{--color-contentbox-background:var(--color-background-darkblue)}body > main > section > div > div.content .boxColor-lightblue,
body > main > section > div > div.content .teamelementColor-lightblue{--color-contentbox-background:var(--color-background-lightblue)}body > main > section > div > div.content .boxColor-base1,
body > main > section > div > div.content .teamelementColor-base1{--color-contentbox-background:var(--color-base1);--color-button-text:var(--color-base1)}body > main > section > div > div.content .boxColor-base2,
body > main > section > div > div.content .teamelementColor-base2{--color-contentbox-background:var(--color-base2);--color-button-text:var(--color-base2)}body > main > section > div > div.content .boxColor-base3,
body > main > section > div > div.content .teamelementColor-base3{--color-contentbox-background:var(--color-base3);--color-button-text:var(--color-base3)}body > main > section > div > div.content .boxColor-base4,
body > main > section > div > div.content .teamelementColor-base4{--color-contentbox-background:var(--color-base4);--color-button-text:var(--color-base4)}body > main > section > div > div.content .boxColor-base5,
body > main > section > div > div.content .teamelementColor-base5{--color-contentbox-background:var(--color-base5);--color-button-text:var(--color-base5)}body > main > section > div > div.content .boxColor-base6,
body > main > section > div > div.content .teamelementColor-base6{--color-contentbox-background:var(--color-base6);--color-button-text:var(--color-base6)}body > main > section > div > div.content .boxColor-base7,
body > main > section > div > div.content .teamelementColor-base7{--color-contentbox-background:var(--color-base7);--color-button-text:var(--color-base7)}body > main > section > div > div.content .boxColor-gradient,
body > main > section > div > div.content .teamelementColor-gradient{--color-contentbox-background:var(--color-gradient);--color-button-text:var(--color-base1)}