/**** vars ****/
:root {
  --color1: #0c141d;
  --color2: #01a1dc;
  --color3: #017ecc;

}

/* MainColor */
.ce_downloads a:hover .downloadicon,
.footercontainer .mod_eventlist a:hover,
p.footerIcons a:hover:after,
p.socialIcons a:hover:after,
p.teamIcons a:hover:after,
p.info a:hover,
.mainnavi .level_1 a:hover,
.mainnavi .level_1 span:hover,
#header .mod_navigation ul li:hover,
.button-menu .bi,
.bi-comment:before,
h3,
.mainnavi .level_1 span:hover,
.mainnavi ul.level_1 > .active,
.mainnavi ul.level_2 li span:hover,
.mainnavi ul.level_2 > .active,
.mainnavi .level_1 span.trail,
.mainnavi .level_1 a:hover,
.mainnavi .level_1 span.active,
.mainnavi .level_1 a:active,
.greytxt h3,
.ce_downloads li:hover:before,
.level_1 .active,
.level_1 .forward,
.mainnavi .level_1 a.trail,
.mainnavi .level_1 a:hover {
    color: var(--color2);
}

/* 017ecc:: Color */
.team p.socialIcons a:after,
h2,
footer a:hover,
p.footerIcons a:hover::after {
    color: var(--color3);
}

/* 017ecc:: Border */
a.btn,
a.btn:hover,
.newstxt p.more a,
p.back a,
input.submit,
.newstxt p.more a:hover,
p.back a:hover,
input.submit:hover,
div.overlay-textinput .submit:hover,
div.overlay-textinput .submit:focus,
div.overlay-textinput .submit:active,
#header .mainnavi ul.level_2 li:hover,
#header .mainnavi ul.level_2 li,
.newsletter .submit,
.btn-primary,
.mod_search .submit,
.submit,
p.more a {
    border-left:3px solid var(--color3);
}

/* DarkColorBackground */
.bi-white .bi:hover,
.home #newsletter input.submit,
#slider .page-scroll em,
.dark-bg,
#slider .slider-control a.slider-prev:before,
#slider .slider-control a.slider-next:after,
.slider-control a.slider-prev:before,
.slider-control a.slider-next:after,
.pagination li span:hover,
.pagination li a:hover,
.overlay-menu,
.bluebanner a.btn,
.slider-text-bg,
.contact-home,
footer .footercontainer,
footer .footercontainer  .container,
.pagination li span:hover,
.pagination li a:hover,
.dark-bg .container,
.mod_newsreader p.info,
.layout_latest p.info,
.mod_eventreader  p.info,
.news .info,
.mod_eventlist div.header {
    background-color: var(--color1);
}

/* 017ecc:: Background */
.numbers p,
.scrolltop a,
.bluebanner a.btn:hover,
.btn:hover:before,
.btn:focus:before,
.btn:active:before,
.newstxt p.more a:hover:before,
.newstxt p.more a:focus:before,
.newstxt p.more a:active:before,
p.back a:hover:before,
p.back a:focus:before,
p.back a:active:before,
input.submit:hover:before,
input.submit:focus:before,
input.submit:active:before,
div.overlay-textinput .submit:hover:before,
div.overlay-textinput .submit:focus:before,
div.overlay-textinput .submit:active:before,
div.overlay-textinput .submit:hover,
input.submit:hover,
.newsletter .submit:hover,
.mod_search .submit:hover,
.submit:hover,
.level_2 .active,
.level_2 .forward,
p.more a:hover,
p.back:hover {
    background-color: var(--color3);
}

/* MainColorThinBorder */
.rightblock h3,
h1:before,
h1:after {
    border-bottom:1px solid var(--color2);
}

/* mainColor:: BorderBottom */
table thead tr {
    border-bottom:2px solid var(--color3);
}

/* mainColor:: Background */
table.calendar td.active,
.iconTrans img,
.bi-white .bi,
#willkommen .image_container,
.mod_quicknav select,
#footer input.submit,
#header .mainnavi ul.level_2,
#header .mainnavi ul.level_3,
.ce_accordion .toggler:hover,
.ui-accordion-icons.active,
.mod_eventlist div.header a,
p.more a,
p.back a,
.newstxt p.more a,
p.back,
.team .image_container,
.gallery-home .image_container,
.icon .bi,
.bg-fixed .img-responsive,
.team .image_container:hover,
.event .header,
.btn:before,
a.btn,
div.overlay-textinput .submit,
input.submit,
.ce_accordion .toggler:after,
.newsletter .submit,
#footer input.submit,
.btn-primary,
#footer .submit,
.mod_search .submit,
.submit {
    background-color:var(--color2);
}

/* mainColor:: FontColor */
footer .mod_navigation li a:hover,
footer .mod_navigation li span:hover,
footer .mod_navigation li a.active,
footer .mod_navigation li span.active,
footer .mod_navigation li span.trail,
footer .mod_navigation li a.trail,
.topnavi a:hover,
.topnavi  a:focus,
header input.submit,
a:active,
a:hover,
.level_1 > li:hover,
#slider .slider-control a.slider-prev:hover:before,
#slider .slider-control a.slider-next:hover:after,
.slider-control a.slider-prev:hover:before,
.slider-control a.slider-next:hover:after,
.slider-control .slider-menu b.active,
.footercontainer .bi,
.mainnavi .level_1 a.trail,
.mainnavi .level_1 a:hover,
.mainnavi .level_1 span.active,
.mainnavi .level_1 a:active,
.mainnavi .level_1 span.trail {
    color: var(--color2);
}

/* 0c141d - Color */
figure.image_container figcaption,
h1,
h2,
#footer .submit:hover,
.bi,
p.socialIcons a:after,
.team p.socialIcons a:hover:after,
.greytxt h1,
.greytxt h2,
.greytxt h4,
.ce_downloads li:before {
    color: var(--color1);
}

/* FontColor :: Grey */
a {
    color:#353535;
    text-shadow: none
}

/* e6e7e8 :: Color */
.OutsideIn,
.OutsideIn p,
.OutsideIn h2 {
    color: var(--color1);
}

/* e6e7e8 :: Background */
.InsideOut,
.service-home,
.clients,
.grey-bg,
.grey-bg-2,
.innertxt {
    background-color:#e6e7e8;
}