:root {
	--color-header: #2c69da;
	--color-phone: #81a9f1;
	--color-white: #fff;
	--color-link: #F5F5dc;

	--color-primary: #005ca9;
	--color-secondary: #4f80da;
}

.high-contrast {
	--color-header: black;
	--color-phone: black;
	--color-primary: black;
	--color-secondary: black;
}

.high-contrast div:not(.bg-none).bg-darkgrey {
	background-color: black;
}

.high-contrast div:not(.bg-none).bg-darkgrey h2 {
	color: white;
}

.high-contrast .navbar-default .navbar-nav > li > a, .high-contrast.navbar-default-transition .navbar-nav > li > a, .high-contrast .navbar-default-transition.navbar-transition .navbar-nav > li > a, .high-contrast header.navbar.navbar-default.navbar-top.navbar-fixed-top div.container nav.navbar-collapse.collapse ul.nav.navbar-nav.navbar-main li a {
	color: white;
	text-decoration: underline;
}

.high-contrast footer a {
	text-decoration: underline;
}

.high-contrast #phoneLogoText .csc-default {
	color: black;
}

.high-contrast #phoneLogoText .csc-default a {
	color: black;
	text-decoration: underline;
}

.high-contrast #timeLogoText caption, .high-contrast #timeLogoText table {
	color: black;
}

.high-contrast a {
	text-decoration: underline;
}

/* ### Firmen-Name ### */
header.navbar div.container div.navbar-header.navbar-header-main a.navbar-brand{
	/* color:rgba(44,105,218,0.8);
	text-shadow: 1px 4px 6px var(--color-phone,; 0 0 0 #000, 1px 4px 6px var(--color-secondary; */
	color:var(--color-white);
}
#header #div_logo-headername #header_name h1 a, #header #div_logo-headername #header_name h1 a:hover{color:var(--color-white)}
#header #div_logo-headername #header_name span.span_h1 a, #header #div_logo-headername #header_name span.span_h1 a:hover{color:var(--color-white)}
/* ### Firmen-Name ### */
/* ### Menü ### */
header.navbar > div.container{background: var(--color-header)}
.navbar-default .navbar-nav > li > a, .navbar-default-transition .navbar-nav > li > a, .navbar-default-transition.navbar-transition .navbar-nav > li > a, header.navbar.navbar-default.navbar-top.navbar-fixed-top div.container nav.navbar-collapse.collapse ul.nav.navbar-nav.navbar-main li a{color:var(--color-link)}
header.navbar.navbar-default.navbar-top.navbar-fixed-top div.container nav.navbar-collapse.collapse ul.nav.navbar-nav.navbar-main li a span.bar{background:var(--color-link)}
header.navbar nav.navbar-collapse ul.nav.navbar-main li.dropdown ul.dropdown-menu{background-color:var(--color-header)}
header.navbar nav.navbar-collapse ul.nav.navbar-main li.dropdown ul.dropdown-menu li.active a, header.navbar nav.navbar-collapse ul.nav.navbar-main li.dropdown ul.dropdown-menu li a:hover{background-color:var(--color-link)}
header.navbar nav.navbar-collapse ul.nav.navbar-main li.dropdown ul.dropdown-menu li.active a span, header.navbar nav.navbar-collapse ul.nav.navbar-main li.dropdown ul.dropdown-menu li a:hover span{color:var(--color-header)}
/* ### Menü ### */
/* ### Header-Bild Slider ### */
#content > div.frame-type-carousel:first-child > header h2{
	color:var(--color-header);
}
#content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign div.vcontainer div.carousel-text-inner h2{
	color: var(--color-secondary);
}
/* ### Header-Bild Slider ### */
/* ### Links ### */
a{color:var(--color-primary)}
a:hover, a:active, a:focus{color:var(--color-primary)}
/* ### Links ### */
/* ### Infobuttons ### */
#infobuttons > div:nth-child(1) > div[id*="Img"]:before{background-color: var(--color-phone);}
#infobuttons > div:nth-child(2) > div[id*="Img"]:before{background-color: var(--color-secondary)}
#infobuttons > div:nth-child(3) > div[id*="Img"]:before{background-color: var(--color-header)}
#infobuttons > div:nth-child(4) > div[id*="Img"]:before{background-color: var(--color-secondary)}
#infobuttons > div:nth-child(5) > div[id*="Img"]:before{background-color: var(--color-phone);}
#infobuttons > div:hover > div:nth-child(2){border: 1px solid var(--color-phone);}
/* ### Infobuttons ### */
/* ### Blaue Farben für Aktionen ### */
/* div.bg-blue div.row div.col{background-color: var(--color-secondary;} 20180730_ala*/
div.aktionen.bg-blue{background:none}
div.bg-blue.aktionen div.row div.col.left{background-color: var(--color-phone);}
div.bg-blue.aktionen div.row div.col.middle{background-color: var(--color-secondary);}
div.bg-blue.aktionen div.row div.col.right{background-color: var(--color-header)}
/* ### Blaue Farben für Container ### */
/* ### Footer ###*/
footer section.footer-section-meta{background: var(--color-header)}
/* ### Footer ###*/