/* ànderungen about */
.col-md-9 info {
	text-align: justify;
}


/* Änderungen Portfolio */

.portfolio p{
	color: #858585;
	font-size: 0.96em;
	line-height: 1.5em;
	margin: 0.5em 0 1em;
}

.portfolio h4{
	font-size: 1.4em;
	color: #858585;

}

.portfolio h5{
	font-size: 1em;
	color: #858585;
	font-weight: bold;
}


 #portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 100%;
	display:none;
	text-align: center;
	overflow:hidden;
	}

/* Änderungen Anwendung ud Verfahren */
.anver-head{
	text-align: center;
	padding-top: 1.8em;
}
.anver{
	background: #fff;
}
.anver h3{
	color: #666;
	font-size: 2.5em;
	font-weight: 300;
}

.anver h4{
	font-size: 1.4em;
	color: #858585;
}

.anver h5{
	font-size: 1em;
	color: #858585;
	font-weight: bold;
}

.anver p{
	color: #858585;
	font-size: 0.96em;
	line-height: 1.5em;
	margin: 0.5em 0 1em;
}

#anverlist .anver {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 100%;
	display:none;
	text-align: center;
	overflow:hidden;
	}

	.anver-wrapper {
		overflow:hidden;
		position: relative !important;
		margin-bottom: 30px;
	}

/* Änderungen Produktion und Tests */
.production {
	background: #FAF8F8;
}	

.production-head{
	text-align: center;
	padding-top: 1.8em;
}

.production h3{
	color: #666;
	font-size: 2.5em;
	font-weight: 300;
}
.production h4{
	font-size: 1.4em;
	color: #858585;	
}

.production h5{
	font-size: 1em;
	color: #858585;
	font-weight: bold;
}

.production p{
	color: #858585;
	font-size: 0.96em;
	line-height: 1.5em;
	margin: 0.5em 0 1em;
}

#productionlist .production {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 100%;
	display:none;
	text-align: center;
	overflow:hidden;
	}

.production-wrapper {
		overflow:hidden;
		position: relative !important;
		margin-bottom: 30px;
	}

/* Filterkategorie Farbe aktiv und abstand */
#filters li span.active {
	background:#4d94ff;
	border: 2px solid #4d94ff;
	color: #FFF;
	}	

#filters {
	margin: 1% 0 1%;
	padding: 0;
	list-style: none;
	text-align: center;
}	


/* Navigation active und hover farbe */
.navbar-nav li.active a{
	color:#4d94ff;
}

a:hover,
a:focus {
  color: #b3d1ff;
  text-decoration: underline;
}

/* Bild und Text Kategorien Filter */
.col-md-3-mitte {
	padding-left: 50em;

}


/* Map Google */

#map {
  height: 300px;
  width: 100%;
}

.copy-right {
	background-color: #357ebd;
	height: 150px;
	width:100%;
	padding-top: 30px;
}

.copy-right p {
	color:#fff;
}


.adresse{
	text-align: center;
	color: #858585;
	font-size: 0.96em;
	line-height: 1.5em;
}

/* Image Center */

.centerer {
  margin: auto;
  background-color: #000;
  display: flex;
  height: 80%;
  width: 80%;
}

.centered {
  margin: auto;  /* Magic! */
  max-width: 100%;
  max-height: 100%;
}

.langselect {
	padding-top: 400px;
}

/*
.head-bg{
	background:url(../images/bg.jpg) no-repeat 0px 0px;
	max-width: 100%; 
	height: auto;
}
*/



/*=========================================
	Contact Us
==========================================*/

.contact {
	padding-bottom: 0;
}

.contact-address h3 {
  color: #062033;
  font-size: 22px;
  line-height: 32px;
  margin-bottom: 25px;
}

.contact-address p {
  line-height: 24px;
}

.contact-form {
	margin-top: 8em;

}

.contact-form h3 {
  color: #062033;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 25px;
}

.contact-form .input-group {
  width: 100%;
}

.contact-form .form-control {
  border-color: -moz-use-text-color -moz-use-text-color #cccccc;
  border-radius: 0;
  border-style: none none solid;
  border-width: 0 0 1px;
  box-shadow: none;
  margin-bottom: 10px;
}

.contact-form .input-field {
  width: 48%;
  float: left;
  margin-right: 4%;
}


.contact-form .input-field:last-child {
  margin-right: 0;
}

.contact-form .form-control.error {
border-bottom-color: #c0392b;
}

label.error {
  color: #c0392b;
  font-weight: normal;
  text-transform: capitalize;
}

.contact-form #form-submit {
  background: url("../images/envelop.png") no-repeat scroll 0 13px transparent;
  border: 0 none;
  color: #000;
  font-size: 16px;
  line-height: 24px;
  padding: 10px;
  /*text-align: right; */
  width: 150px;
}


/*============================================================
	Tablet (Portrait) Design for a width of 768px and 650px
==============================================================*/

@media (min-width: 768px) and (max-width: 993px) {

	.head-bg {
		background:url(../images/titelbild_medium.jpg) no-repeat 0px 0px;
		min-height:500px; }
	.subMenu {
		top:500px;   /* statt 500px */
	}	

}

@media(max-width:650px){
	.head-bg {
		background:url(../images/titelbild_small.png) no-repeat 0px 0px;
		min-height:500px;

	}



/*============================================================
	Mobile (Portrait) Design for a width of 320px
==============================================================*/

@media only screen and (max-width: 767px) {
.portfolio h4{
	font-size: 1em;
}



}


/*============================================================
	Mobile (Landscape) Design for a width of 480px
==============================================================*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
.portfolio h4{
	font-size: 1em;
}


}