/* Farben: 
   rot: #ca1517
   hellgrau (Testimonials): #e4e5e8
*/

/* Schriften */
@font-face {
	font-family: 'open_sansregular';
	src: url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
		url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
		url('../fonts/opensans-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v17-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v17-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-ext_latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-condensed-v14-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'),
       url('../fonts/open-sans-condensed-v14-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-condensed-v14-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-condensed-v14-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-condensed-v14-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-condensed-v14-latin-ext_latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}


body {
	font-size: 14px;
	font-family: Open Sans;
	line-height: 200%;
}

body section {
	padding: 0;
}

#wrap .container {
	max-width: 1170px;
	padding-right: 15px;
	padding-left: 15px;
}


button, input, label, select, textarea {
	font-family: Open Sans;
}

a, a.active, a:visited {
	color: #ca1517;
}

a:hover {
	text-decoration: underline;
	color: #ca1517;
}

h1 {
	color: #ca1517;
	margin-bottom: 30px;
}
h2 {
	color: #ca1517;
}	

h3 {
	color: #69646A;
	font-size: 130%;
	font-weight: bold;
}
.rot {
	color: #ca1517;
}
div.contact .jicons-icons,
div.contact>h2,
.module-content ul li::before {
	display: none;
}

#white-line {
	height: 10px;
}

.linie1 {
	clear:both;
	border-bottom: 1px solid #ca1517;
}
.linie2 {
	clear:both;
	border-bottom: 3px solid #ca1517;
}

#brand,
#brand a,
#brand img {
	padding: 0;
}

#brand {
	float: right;
	text-align: right;
	margin-bottom: 20px;
	margin-top: 7px;
}

/* Menü */
#navigation {
	float: left;
	padding-left: 0px;
}

#navigation ul li, .navigation ul li {
	float: left;
}

#navigation ul li a, .navigation ul li a  {
	color: #000;
	text-transform: uppercase;
	font-family: Open Sans Condensed;
	font-size: 150%;
	padding: 10px 15px;
	display: block;
}
#navigation nav ul li > a:hover, #navigation nav ul li > a:focus, #navigation ul li.active a,
.navigation .nav li > a:hover, .navigation .nav li a:focus, .navigation ul li.active a {
	color: #ca1517;
	text-shadow: 0.5px 0 0 #ca1517;
	font-family: Open Sans Condensed;
	background-color: transparent !important;
	text-decoration: none;
}


.navbar {
	background-color: transparent;
	border: none;
	margin-left: -15px; 
}


.navbar .nav-header {
	padding: 17px 12px;
}

#navigation .navbar .container {
	width: 100%;
	padding-left: 0px;
}

.bit-navbar {
	margin-top: 32px;
}

/* Menü 2.Ebene */
.sub-navigation nav {
	margin-left: -15px;	
}
.sub-navigation ul li{
/*	list-style: url('../images/sublist-icon.png');*/
	padding-top: 30px;
	padding-bottom: 10px;
	margin-right: 50px;
	background: url('../images/sublist-icon.png') no-repeat 15px 15px;
}



#showcase .mod-custom {
	padding: 20px 15px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#main,
#main #container {
	background: transparent;
}

/* News auf der Startseite */
.newsstartseite ul {
	padding-left: 0px;
}
.newsstartseite ul li {
	text-align: center;
	margin-bottom: 70px;
	list-style:none;
	float: left;
}
.newsstartseite li:first-child {
	border-right: 1px solid #ca1517;
}
.newsstartseite h3 {
	color: #ca1517;
	font-size: 30px;
	font-weight: normal;
	padding-bottom: 30px;
}
.newsstartseite li a.mod-articles-category-title  {
	font-size: 20px;
	color: #000;
	display: block;
	margin-bottom: 20px;
	text-decoration: none;
}
.newsstartseite li img {
	border-radius: 50%;
	box-shadow: 2px 3px 5px rgba(0, 0, 0, .5);
	max-width: 35%;
	margin-bottom: 20px;
}
.newsstartseite li .mod-articles-category-introtext {
	margin-bottom: 20px;
}
.newsstartseite li .mod-articles-category-readmore a {
	border: 1px solid;
	display: inline;
	padding: 3px 20px;
	font-size: 16px;
}
.newsstartseite li .mod-articles-category-readmore a:hover {
	color: #ca1517;
	background-color: #e4e5e8;
	border-color: #e4e5e8;
}

/* Testimonials */
#content-bottom .newsflash {
	padding: 20px 15px;
}

.testimonial {
	display: inline-block;
	background-color: #e4e5e8;
	padding: 20px 10px;
}
.testimonial > div {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}
.testimonial-bild img {
	border-radius: 50%;
	box-shadow: 2px 3px 5px rgba(0, 0, 0, .5);
}
.testimonial-text {
	color: #ca1517;
	margin-bottom: 20px;
	font-size: 16px;
}
.testimonial-text div{
	float: left;
}
.testimonial-name {
	clear: both;
	margin-left: 10px;
	padding-top: 15px;
}

/* Fußzeile */

#footer {
	font-family: Open Sans Condensed;
}
#footer-menu .mod-menu {
	float: right;
}
#footer-menu .block .moduletable {
	padding-right: 0px;
	padding-top: 5px;
}
#footer .nav>li {
	float: left;
}
#footer .nav>li>a {
	text-transform: uppercase;
	color: #000;
	padding-right: 0px;
	padding-left: 30px;
}

#footer .nav>li>a:hover, #footer .nav>li.active>a {
	color: #ca1517;
	background-color: transparent;
}

#footer-contact .moduletable {
	padding-left: 0px;
	margin-bottom: 0px;
}



#back-to-top {
	font-size: 200%;
	cursor: pointer;
	color: #fff;
	text-align: right;
	position: absolute;
	right: 20px;
	bottom: 20px;
}


/* Bilder */
.bild-links-50 {
	float: left;
	width: 49%;
	margin-right: 30px;
	margin-bottom: 20px;
}

.bild-rechts-50 {
	float: right;
	width: 49%;
	margin-left: 30px;
	margin-bottom: 20px;
}

.bild-links-25 {
	width: 22%;
	float: left;
	margin-right: 50px;
	margin-bottom: 30px;
}

.bild-rechts-25 {
	width: 22%;
	float: right;
	margin-left: 50px;
	margin-bottom: 30px;
}


/* Kontakt  */
.com-contact h2 {
	color: #69646A;
	font-size: 130%;
	font-weight: bold;
}
#contact-form {
	background-color: #e4e5e8;
	padding: 20px;
}
.form-horizontal .control-label {
	width: 200px;
}
fieldset.checkboxes{
	padding: 2px 10px;
	background-color: white;
}
fieldset.checkboxes label.checkbox{
	margin-left: 20px;
}
#contact-form .form-check {
	display: block;
}
#contact-form .form-check input.form-check-input {
	border-radius: 0px;
}
#modal-jform_consentbox.in {
    display: inline !important;
}
.contact-form span.optional {
	display: none;
}
#contact-form .btn-primary {
	background-color: #ca1517;
	border-color: #ca1517;
}
#contact-form legend {
	display: none;
}
#contact-form input.form-check-input {
	float: left;
	margin-right: 10px;
}
 
#modal-jform_consentbox .modal-dialog, #modal-jform_consentbox .modal-dialog .modal-content {
	height: 90%;
}

/* media queries */
@media screen and (max-width: 1200px) {
	#navigation .bit-navbar .navigation ul li a {
		font-size: 130%;
	}
}
@media screen and (max-width: 1000px) {

	.pull-left.item-image,
	.pull-right.item-image {
		max-width: 50%;
	}
	#navigation {
		margin-bottom: 40px;
		padding-left: 15px;
	}
	#navigation ul li {
		width: 90%;
		border-bottom: 1px solid #ca1517;
	}
	#navigation ul li a {
		padding-left: 0px;
		padding-right: 0px;
	}
	#navigation .bit-navbar .navigation ul li a {
		font-size: 150%;		
	}
	
	.sub-navigation .navigation ul li {
		width: 90%;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 30px;
		background-position: 15px 20px;	
	}

}

@media screen and (max-width: 768px) {
	.pull-left.item-image,
	.pull-right.item-image {
		max-width: 100%;
		float: left;
	}

	.bild-links-25 {
		width: 30%;
	}

	.text-startseite {
		width: 100%;
		float: left;
	}

	#sidebar-2 {
		margin-top: 20px;
		width: 100%;
		clear: both;
	}
	
	.bit-navbar{ 
		margin-top: 0px;
	}
	#navigation {
		margin-bottom: 40px;
		padding-left: 15px;
	}
	#navigation ul li {
		width: 90%;
		border-bottom: 1px solid #ca1517;
	}
	#navigation ul li a {
		padding-left: 0px;
		padding-right: 0px;
		font-size: 150%;
	}
	.newsstartseite li:first-child {
		border-right: 0px solid #ca1517;
	}
	.newsstartseite li {
		width: 100%;
	}
	#brand, #navigation {
		width: 50%;
	}

}
@media screen and (max-width: 576px) {
	.testimonial .col-xs-5, .testimonial .col-xs-7,
	.testimonial-bild, .testimonial-text, .testimonial-name {
		width: 100%;
	}
	.testimonial-bild {
		text-align: center;
		margin-bottom: 20px;
	}
	#footer-menu .mod-menu {
		float:left;
	}
	#footer-contact, #footer-menu {
		width: 100%;
	}
	#footer-menu .block .moduletable {
		padding-left: 0px;
	}
	#footer .nav > li > a {
		padding-left: 0px;
		padding-right: 30px;
		padding-top: 0px;
	}
	#navigation ul li { 
		padding-left: 0px;
		font-size: 12px;
	}
	#navigation ul li a { 
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
}