:root {
	--color-header: rgba(68,68,68,1);

	--color-primary: #333;
	--color-secondary: #444;
	--color-third: #555;

	--color-white: #fff;
	--color-light-grey: #f7f7f7;
	--color-light: #F5F5dc;
}

/* ### Firmen-Name ### */
header.navbar div.container div.navbar-header.navbar-header-main a.navbar-brand{
	/* color:rgba(68,68,68,0.8);
	text-shadow: 1px 4px 6px var(--color-third, 0 0 0 #000, 1px 4px 6px var(--color-secondary; */
	color:var(--color-header);
}
#header #div_logo-headername #header_name h1 a, #header #div_logo-headername #header_name h1 a:hover, #header #div_logo-headername #header_name span.span_h1 a{color:var(--color-white)}
/* ### Firmen-Name ### */
/* ### Menü ### */
header.navbar > div.container{background:var(--color-primary)}
/* header.navbar > div.container{background: linear-gradient(to right, var(--color-third 43%, var(--color-secondary 49%, var(--color-primary 55%)} */
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-light)}
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-light)}
header.navbar nav.navbar-collapse ul.nav.navbar-main li.dropdown ul.dropdown-menu{background-color:var(--color-primary)}
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-light)}
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-primary)}
/* ### Menü ### */
/* ### Header-Bild Slider ### */
#content > div.frame-type-carousel:first-child > header h2{
	color:var(--color-white);
}
#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-third)}
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-third)}
#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-primary)}
#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-third)}
#infobuttons > div:hover > div:nth-child(2){border: 1px solid var(--color-light-grey)}
/* ### Infobuttons ### */
/* ### Farben für Aktionen ### */
div.aktionen.bg-blue{background:none}
div.bg-blue.aktionen div.row div.col.left{background-color: var(--color-third)}
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-primary)}
div.bg-blue.aktionen h2, div.bg-blue.aktionen p{color:var(--color-light)}
/* ### Farben für Container ### */
/* ### Footer ###*/
footer section.footer-section-meta{background: var(--color-primary)}
/* ### Footer ###*/

.accessibility-button {
	background-color: black;
	box-shadow: 0 2px 12px -4px black;
}

.accessibility-content {
	box-shadow: 0 2px 12px -6px black;
}

#phoneLogo:focus-within #phoneLogoText, #timeLogo:focus-within #timeLogoText, #link2facebook:focus-within #link2facebookText, #whatsapp:focus-within #whatsappText, #customInfoButton:focus-within #customInfoButtonText {
	left: -25.9em;
	top: 0;
	opacity: 1;
}