/* CSS Document */



body{
	background-color: var(--Hintergrundfarbe);
  font-family: var(--Mainfont);
}
h1,h2,h3,h4,h5,h6{
  font-family: var(--Highlightfont);
}
.container{
	background-color: var(--ContainerFarbe);
}
header>.container, .jumbotron>.container, nav .container, footer>.container{
	background-color:transparent;
}
header>.container, .jumbotron>.container, nav .container{
	padding-top: 0;
	padding-bottom: 0;
}
nav,.jumbotron, footer{
	background-color: var(--NavHintergrund)!important;
	color: var(--NavText)!important;
} 
.jumbotron{
	color: var(--JumboText)!important;
} 
nav a, footer a,  .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus{
		color: var(--NavText);
} 
nav a:hover, footer a:hover, .navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .show > .nav-link{
		color: var(--NavTextHover);
}
.navbar-light .navbar-toggler{
	background-color: var(--NavText);
	opacity: 0.8;
}
.card{
  background-color: var(--ContainerFarbe);
}
.card-body{
  color: var(--TextFarbe);
}


 a, .clMarkOrange {
	color: var(--akzentfarbe);
}
.btn-link{
  background-color: var(--akzentfarbe);
  color: var(--akzentCompFabre);
}

.phone{
  color: var(--NavText);
}
.phone:hover{
  color: var(--akzentfarbe);
}

/* - - - Highligh Color - - - */

.color2, .card-header, hr, button, .jumbotron-color, .btn-primary, .btn-primary:active, .folder button,.folder button:focus, .diagramm_Bar .bar, th {
	background-color: var(--akzentfarbe);
}
.card, .btn-primary, .btn-primary:target, .folder button,.folder button:focus, .folder button:hover, .folder .accordion, .underline>span{
	border-color: var(--akzentfarbe);
}
.btn-primary:hover{
	background-color: var(--hover);
}
.btn-primary:hover{
	border-color: var(--hover);
}
.color2, .card-header,button, .card-header button, .jumbotron-color{
/*	color: #FFF;*/
}

/* - - - */

.mainBG{
	background-image: url(../img_qbe/MW.jpg);
	background-size: cover;
	background-position: center center;
}

.colorDark, .carousel-inner{
	background-color: #2F2F2F;
	color: #FFF;
}
.colorDark a:hover{
	color: #FFF;
}

.colorWhite{
	background-color: #FFF;
}
.textcolor{
	color: #333333;
}

.outline {border: red solid 1px}


.navbar{
	background-color: var(--NavHintergrund);
}

/* - - - Header Bilder - - - */
header{
	
	padding-left: 0px;
}
header .carousel-inner, header .row{
	height: 100%;
}
header h2{
	font-family: "Poppins", "sans-serif";
	font-size: 3em;
	padding-top: .5em;
}
.carousel-item{
	background-size: cover;
	background-position: center center;
	height: 100%;
}

/* - - -  jumbotron - - - */

.jumbotron-color{
	
}


.clpeople{
	margin: 2em -15px;
}
.clpeople>div:nth-of-type(1){
	background-color: #EEE;
	
}
.clpeople>div:nth-of-type(2){
	background-color: #CCC;
}
.clpeople>div:nth-of-type(1) img{
	margin-right: 15px;
	margin-bottom: 15px;
}
.clpeople>div:nth-of-type(2) img{
	margin-left: 15px;
	margin-bottom: 15px;
}
@media (max-width: 960px) { 
	.clpeople>div>img{
		float: none!important;
		margin: 0;
	}
	.clpeople>div{
		text-align: center;
	}
	.clpeople>div>p{
		text-align: left;
	}
	.clpeople>div:nth-of-type(1) img{
		margin-right: 0;
	}
	.clpeople>div:nth-of-type(2) img{
		margin-left: 0;
	}
}