@charset "utf-8";
body {
	background-color: #5E5958;
	color: #000;
}
.logo {
	position: absolute;
	width: 220px;
	left: 10px;
	top: 0;
	z-index: 98;
}
/* ~~ Element-/Tag-Selektoren ~~ */
.contentbox h1 {
	color: #808075;
}
.contentbox h2 {
	color: #808075;
}
.contentbox h3 {
	color: #808075;
}
.contentbox h4 {
	color: #808075;
}
.contentbox h5 {
	color: #808075;
}
a {
	color:#414958;
}
.contentbox {
	background: #FFF;
}
/* ~~ Kopfbereich ~~ */
.header {
	background-color: #808075;
	height: 75px;
}
/* ~~ Slider ~~ */
.sliderbox {
	background: #FFF;
}
/* ~~ Flex Mehrfarbenboxen~~ */
.beige {
	background: #B7ADA0;
	color: #FFF;	
}
.beige h1, .beige h2, .beige h3, .beige h4, .beige h5 {
	color: #FFF;	
}
.rosa {
	background: #95807F;
	color: #FFF;	
}
.rosa h1, .rosa h2, .rosa h3, .rosa h4, .rosa h5 {
	color: #FFF;	
}
.hellgrau {
	background: #B8BCB9;
	color: #FFF;	
}
.hellgrau h1, .hellgrau h2, .hellgrau h3, .hellgrau h4, .hellgrau h5 {
	color: #FFF;	
}
.dunkelbraun {
	background: #5E5958;
	color: #FFF;	
}
.dunkelbraun h1, .dunkelbraun h2, .dunkelbraun h3, .dunkelbraun h4, .dunkelbraun h5 {
	color: #FFF;	
}
.weiss {
	background: #FFF;
	color: #595959;	
}
.rahmen {
	background: #FFF;
	color: #595959;	
	border: #595959 1px solid;
}
.flex .item .textbox h3 {
	color: #FFF;
}
.flex .item.weiss .textbox h3, .flex .item.rahmen .textbox h3, .flex .item .textbox.weiss h3, .flex .item .textbox.rahmen h3 {
	color: #595959;
}
.flex .item .textbox p a {
	color: #FFF;
}
.flex .item.weiss .textbox p a, .flex .item.rahmen .textbox p a {
	color: #000;
}
.textbox.hellgrau .linkbox a, .textbox.dunkelbraun .linkbox a, .textbox.rosa .linkbox a, .textbox.beige .linkbox a,
.farbbox.hellgrau .linkbox a, .farbbox.dunkelbraun .linkbox a, .farbbox.rosa .linkbox a, .farbbox.beige .linkbox a {
	border: 1px solid #FFF;
  	color: #FFF;
}
.textbox.hellgrau .linkbox a:hover, .textbox.hellgrau .linkbox a:active, .textbox.hellgrau .linkbox a:focus,
.textbox.dunkelbraun .linkbox a:hover, .textbox.dunkelbraun .linkbox a:active, .textbox.dunkelbraun .linkbox a:focus,
.textbox.rosa .linkbox a:hover, .textbox.rosa .linkbox a:active, .textbox.rosa .linkbox a:focus,
.textbox.beige .linkbox a:hover, .textbox.beige .linkbox a:active, .textbox.beige .linkbox a:focus,
.farbbox.hellgrau .linkbox a:hover, .farbbox.hellgrau .linkbox a:active, .farbbox.hellgrau .linkbox a:focus,
.farbbox.dunkelbraun .linkbox a:hover, .farbbox.dunkelbraun .linkbox a:active, .farbbox.dunkelbraun .linkbox a:focus,
.farbbox.rosa .linkbox a:hover, .farbbox.rosa .linkbox a:active, .farbbox.rosa .linkbox a:focus,
.farbbox.beige .linkbox a:hover, .farbbox.beige .linkbox a:active, .farbbox.beige .linkbox a:focus {
  	color: #000;
	background-color: #FFF;
}
.farbbox.weiss .linkbox a, .farbbox.rahmen .linkbox a, .textbox.weiss .linkbox a, .textbox.rahmen .linkbox a {
	border: 1px solid #808075;
  	color: #808075;
}
.farbbox.weiss .linkbox a:hover, .farbbox.weiss .linkbox a:active, .farbbox.weiss .linkbox a:focus,
.farbbox.rahmen .linkbox a:hover, .farbbox.rahmen .linkbox a:active, .farbbox.rahmen .linkbox a:focus,
.textbox.weiss .linkbox a:hover, .textbox.weiss .linkbox a:active, .textbox.weiss .linkbox a:focus,
.textbox.rahmen .linkbox a:hover, .textbox.rahmen .linkbox a:active, .textbox.rahmen .linkbox a:focus {
  	color: #FFF;
	background-color: #000;
	border: 1px solid #000;	
}
/* ~~ Linkbutton ~~ */
.linkbutton .linkbox a {
	border: 1px solid #000;
  	color: #000;
}
.linkbutton .linkbox a:hover, .linkbutton .linkbox a:active, .linkbutton .linkbox a:focus {
  	color: #FFF;
	background-color: #000;
}
/* ~~ Accordion ~~ */
.accordion-button {
  	color: #FFF !important;
	background: rgba(152,160,147,1.00) !important;	
}
.accordion-button:hover {
	background: #808075 !important;
}	
.accordion-button:focus {
	background: #808075 !important;	
}
.accordion-body {
	background: #FFF;
}

/* ~~ Magic Tabs ~~ */
.contentbox .standard div.ccm-ui ul.nav-tabs > li > a {
	background: #CCC;
    color: #000 !important;
}
.contentbox .standard div.ccm-ui ul.nav-tabs > li > a:hover, .contentbox .standard div.ccm-ui ul.nav-tabs > li > a:focus {
    color: #FFF !important;
	background: #666;	
}
.contentbox .rot div.ccm-ui ul.nav-tabs > li > a {
	background: #808075;
    color: #FFF !important;
}
.contentbox .rot div.ccm-ui ul.nav-tabs > li > a:hover, .contentbox .rot div.ccm-ui ul.nav-tabs > li > a:focus {
    color: #FFF !important;
	background: #666;	
}
.contentbox div.ccm-ui ul.nav-tabs > li:hover {
	background: #666;
}
/* ~~ Formular ~~ */
.ccm-dashboard-express-form input, 
.ccm-dashboard-express-form textarea, 
.ccm-dashboard-express-form select {
	background: #ebe8e5;
	border: #B7ADA0 1px solid;
	color: #000;
}
.ccm-dashboard-express-form .form-control:focus {
	background-color: #B7ADA0;
}
option:checked {
	background-color: #B7ADA0;
}
.ccm-dashboard-express-form input[name="akID[28][value]"],
.ccm-dashboard-express-form input[name="akID[29][value]"],
.ccm-dashboard-express-form input[name="akID[30][value]"],
.ccm-dashboard-express-form input[name="akID[31][value]"],
.ccm-dashboard-express-form input[name="akID[32][value]"],
.ccm-dashboard-express-form select[name="akID[34][atSelectOptionValue]"],
.ccm-dashboard-express-form input[name="akID[38][value]"] {
	max-width: 250px;
}
.ccm-block-express-form .alert.alert-danger {
	color: #c00;
} 
.alert.alert-success {
	color: #090;
} 
textarea {
	color: #000;
}
span.text-muted:before {
	color: #000;
}
.ccm-block-express-form .btn.btn-primary {
    background-color: #808075;
    color: #F4F0E7;		
}
.ccm-block-express-form .btn.btn-primary:hover, 
.ccm-block-express-form .btn.btn-primary:active, 
.ccm-block-express-form .btn.btn-primary:focus {
    background-color: rgb(152, 160, 147);
    color: #F4F0E7;
}
/* ~~ Fusszeile ~~ */
.footer {
	color: #FFF;
}
.footer a{
	color: #FFF;
}
@media (min-width: 1200px) {
.logo {
	left: 3vw;
	top: 5px;
}
}