/*Colours
	hellgrau background: #efefed
	rot: #cb1b06
	dunkelgrau: #6d6e70
*/

.meinwunderbarercontenoderso{
	padding-left: 16px;
}
header h1{
text-align: center;
}


div.carousel-text.vcontainer h2{
	color:#63c71e;
	padding-left: 16px;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

#banner {
     background-color: #AE0C0C;   
	 height: 50px;
	 text-align: right;
	 width: 100%;
	 padding-left: 50%;
}

.topitem1{
	float: left;
	width: 30%;
	color: #fff;
	font-size: 14px;
	padding-top: 12px;
}

.glyphicon.glyphicon-earphone{
	font-size: 28px;
	padding-right: 4px;
}
.phltel{
	vertical-align: 8px;
}

.glyphicon.glyphicon-envelope{
	font-size: 24px;
	padding-right: 4px;
}
.phlmail{
	vertical-align: 6px;
}

.topitem2{
	float: left;
	width: 50%;
	color: #fff;
	font-size: 13px;
	padding-top: 12px;
	text-transform: uppercase;
	}

.topitem1 a,
.topitem2 a{
	color: #fff;
}




body,h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, .lead{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	letter-spacing: -0.04em;
	color: #666666;
	font-weight: 400;
	
	
}
h1{
	color:#AE0C0C;
	font-size: 50px;
	text-transform: uppercase;
}
h2{
	color:black; 
	font-size: 30px;
	text-transform: uppercase;
	
}

h3{
	font-size: 20px;
	font-weight: bold;
}

.lead{
	font-size: 18px;
	
}
a{
	color: #cb1b06;
}


/*Logo*/
.navbar-brand-image > img{
	max-height: 100%;
}

/*Navigation*/

.navbar.navbar-top{
	background-color: #fff;
	
}

.navbar-nav.navbar-main > li > a >span{
	color: #cb1b06;
	font-weight: normal;
	font-size: 15px;
	}
	
.dropdown-menu > li > a:hover{
	background-color:#cb1b06;
	color: white;
}
	
.navbar-main > li > a .bar {
	background: #9d9d9f;

}

.ittitle{
	font-size: 1.7em;
	font-weight: normal;
	padding: 20px 0 20px 0;
	text-align: left;
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus{
	background-color: #cb1b06;
}


.breadcrumb-section{
	margin-bottom: 0px;
	}
	
	
.frame{
	padding-top: 0px;
}	

.coppy{
	position: relative;
	color: black;
	padding: 0px;
	height: 0px;
	padding-right: 5px;
	top: -1.6em;
    text-align: right;
    font-size: 12px;
    
} 

.coppy.incarousel {
	float: right;
	font-size: 12px;
	padding-right: 0.3%;
	position: relative;
	z-index:12;
	margin-top: -20px;
	color: white;
}

.btn{
	background-color: #cb1b06;
	border-color: #fff;
}

#c711 img,
#c712 img,
#c713 img{
	border: 1px solid #AE0C0C;
	padding: 3px;
}





/*Footer*/
.footer-section-meta{
	display: none;
}

.footer-section{
	padding: 0px;
}
.footer-section a{
	margin-top: 20px;
	color: #AE0C0C;
}
.footer-section a:hover{
	color: #fff;
}

/*News*/
.col-md-12.even{
	background-color: white;
	padding-top: 15px;
	padding-bottom: 15px;
	border: 1px solid #c31924;
	margin-bottom: 10px;
	
	
}
.col-md-12.odd{
	background-color: #f5f5f5;
	padding-top: 15px;
	padding-bottom: 15px;
	border: 1px solid #c31924;
	margin-bottom: 10px;
}
	
.plapo_title{
	color:#f7ab3b;
	text-transform: uppercase;
	font-size: 1.5em;
	padding-top: 30px;
}	

.plapo_imagewrapper img{
	border: 1px solid #c31924;
	padding: 2px;
}




@media only screen and (min-width: 997px) and (max-width: 1200px) {

#banner {
     padding-left: 25%;
}
	
.navbar-brand-image > img{ max-height: 42%;}
}

}


@media only screen and (min-width: 768px) and (max-width: 996px) {
#banner {
     padding-left: 25%;
}
.navbar-brand-image > img{ max-height: 42%;}
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
#banner {
     padding-left: 10%;
	}
}

@media only screen and (max-width: 479px){
#banner {
     padding-left: 0%;
     text-align: left;
     
     }
     
.carousel-inner{
	max-height: 150px;}

.topitem1,
.topitem2{
	font-size: 60%;
	
	}

.topitem1{
	width: 40%;
	
}

.topitem2{
	width: 60%;
}

.glyphicon.glyphicon-phone{
	font-size: 18px;
	
}
.phltel{
	vertical-align: 4px;
}
.phlmail{
	vertical-align: 2px;
}

.glyphicon.glyphicon-envelope{
	font-size: 16px;
	top: 3px;
	
}

}