@charset "UTF-8";
/* CSS Document */

body{
	background:url(../img/bg/bg.jpg) no-repeat;
	background-size:cover;
	overflowx:hidde;
}
article{
	text-align:justify;
}
.row{
	padding: 0 1em 0 1em;
}
/*				HEAD				*/
.header{
	height:8em;
	padding-top:1.4em;
}
.logo{
	height:6em;
	float:left;
	background: url('../img/main/logo_klein.png') no-repeat center center;
	background-size:contain;
}
footer{
	background: rgba(255,255,255,0.6);
	overflow:hidden;
	padding-top:1em; 
	height: 50em;
	
	-moz-transition:all 500ms ease-out;
	-ms-transition:all 500ms ease-out;
	-o-transition:all 500ms ease-out;
	-webkit-transition:all 500ms ease-out;
	transition:all 500ms ease-out; 
}
footer .col{
	margin-top:1em;
}
@media (min-width: 768px){
footer .col{
	margin-top:0em;
}
.unten{
	height:3em;
	margin-top:20em;
}
.unten:hover{	
	height:22em;
	margin-top:2em;
}
.unten:hover .glyphicon-chevron-up{
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	
	-moz-transition:all 500ms ease-out;
	-ms-transition:all 500ms ease-out;
	-o-transition:all 500ms ease-out;
	-webkit-transition:all 500ms ease-out;
	transition:all 500ms ease-out;
}
.footer{
	padding-top:2em;
}
}

/*==============================================================================
TEAM
==============================================================================*/

.head_bild{
	background:url(../img/team/team.jpg) #f0f;
	background-size:cover;
	background-position: 0% 20%;
}
.team{
	margin-top: 2em;
}
.team01{
	height:64em;
	margin-bottom:20em;
}
.team01Pic{
	 background:url(../img/team/01.jpg); 
	 background-size:cover; 
	 background-position:50% 50%;
	 height:20em;
}
.team02{
	height:28em;
	margin-bottom:20em;
}
.team02Pic{
	 background:url(../img/team/02.jpg); 
	 background-size:cover; 
	 background-position:50% 50%;
	 height:20em;
}
.team03{
	height:26em;
	margin-bottom:20em;
}
.team03Pic{
	 background:url(../img/team/03-1.jpg); 
	 background-size:cover; 
	 background-position:50% 50%;
	 height:20em;
}
.team04{
	height:14em;
	margin-bottom:24em;
}
.team04Pic{
	 background:url(../img/team/04.jpg); 
	 background-size:cover; 
	 background-position:50% 50%;
	 height:20em;
}
.team05{
	height:42em;
	margin-bottom:24em;
}
.team05Pic{
	 background:url(../img/team/05.jpg); 
	 background-size:cover; 
	 background-position:50% 50%;
	 height:20em;
}
.team06{
	height:30em;
}
.team06Pic{
	 background:url(../img/team/06.jpg); 
	 background-size:cover; 
	 background-position:50% 50%;
	 height:30em;
}
.team07{
	height:30em;
}
.team07Pic{
	 background:url(../img/team/07.jpg); 
	 background-size:cover; 
	 background-position:50% 50%;
	 height:30em;
}
.team08Pic{
	 background:url(../img/team/08.jpg); 
	 background-size:cover; 
	 background-position:70% 50%;
	 height:30em;
}
.teamContent{
	background:rgba(255,255,255,0.6);
	height:100%;
	padding:2em;
	font-size:0.8em;
}
.teamContent table tr{
	vertical-align:baseline;
}
@media (min-width: 768px){
	.team01{
		height:60em;
		margin-bottom:0em;
	}
	.team01 > div{
		 height:100%;
	}
	.team02{
		height:26em;
		margin-bottom:0em;
	}
	.team02 > div{
		 height:100%;
	}
	.team03{
		height:26em;
		margin-bottom:0em;
	}
	.team03 > div{
		 height:100%;
	}
	.team04{
		height:26em;
		margin-bottom:0em;
	}
	.team04 > div{
		 height:100%;
	}
	.team05{
		height:42em;
		margin-bottom:0em;
	}
	.team05 > div{
		 height:100%;
	}
	.teamContent{
		font-size:1em;
	}
	.referenzenLogo{
		width: 12.5%;
	}
}
.referenzenLogo{
	height:4em; 
	margin: 1em 0 0 0;
    float:left;
}
.referenzen div:first-child{
	background:	url(../img/team/logo01.png) no-repeat center center;
	background-size:contain;
}
.referenzen div:nth-child(2){
	background:	url(../img/team/logo02.png) no-repeat center center;
	background-size:contain;
}
.referenzen div:nth-child(3){
	background:	url(../img/team/logo03.png) no-repeat center center;
	background-size:contain;
}
.referenzen div:nth-child(4){
	background:	url(../img/team/logo04.png) no-repeat center center;
	background-size:contain;
}
.referenzen div:nth-child(5){
	background:	url(../img/team/logo05.png) no-repeat center center;
	background-size:contain;
}
.referenzen div:nth-child(6){
	background:	url(../img/team/logo06.png) no-repeat center center;
	background-size:contain;
}
.referenzen div:nth-child(7){
	background:	url(../img/team/logo07.png) no-repeat center center;
	background-size:contain;
}




/*=====================================================================
KONTAKT
======================================================================*/
.inhalt_formular{
	color: #00ccff;
	font-size: 24px;
	font-size: 1.5rem;
}
.input, .input_2{
	width: 100%;
}

#kontaktformular{
	width:100%;
	margin: 2em 0 0 0;
}
.cd-form {
	margin: 0em 0 0 0em;
  	padding: 0em;
	width:100%;
}
.cd-form .fieldset {
  position: relative;
  margin: 1em 0em 0em 0em;
  width:100%;
}
.cd-form .fieldset:first-child {
  margin-top: 0;
}
.cd-form .fieldset:last-child {
  margin: 0 0 0 0;
}
.cd-form label.image-replace {
  /* replace text with an icon */
  display: inline-block;
  position: absolute;
  left: 15px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
  text-shadow: none;
  background-repeat: no-repeat;
  background-position: 50% 0;
}

.cd-form label.cd-username {
  background-image: url("../img/form/cd-icon-username.svg");
}
.cd-form label.cd-email {
  background-image: url("../img/form/cd-icon-email.svg");
}
.cd-form label.cd-password {
  background-image: url("../img/form/cd-icon-password.svg");
}

.cd-form input, .cd-form textarea {
  margin: 0;
  padding: 0;
  border-radius: 0.25em;
}
.cd-form input.full-width, .cd-form textarea.full-width {
  width: 100%;
}
.cd-form input.has-padding, .cd-form textarea.has-padding {
  padding: 12px 20px 12px 30px;
}
.cd-form input.has-border, .cd-form textarea.has-border {
  border: 1px solid #d2d8d8;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.cd-form input.has-border:focus, .cd-form textarea.has-border:focus {
  border-color: #343642;
  box-shadow: 0 0 5px rgba(52, 54, 66, 0.1);
  outline: none;
}
.cd-form input[type=password] {
  /* space left for the HIDE button */
  padding-right: 65px;
}
.cd-form input[type=submit] {
  padding: 16px 0;
  cursor: pointer;
  background: #f1ad4e;
  color: #FFF;
  font-weight: bold;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.no-touch .cd-form input[type=submit]:hover, .no-touch .cd-form input[type=submit]:focus {
  background: #63c4fb;
  outline: none;
}


/*=======================================================*
				KIEFER NEU
*=======================================================*/

#new{
	position:absolute;
	height:150px;
	width:200px;
	background:url(../img/main/new_sm.png);
	top:460px;
	right:0%;
	z-index:999999;
}
@media (min-width: 768px){
	#new{
		position:absolute;
		height:263px;
		width:350px;
		background:url(../img/main/new.png);
		top:460px;
		right:12%;
	}
}

.spangen{
	background:url(../img/zahnspangen.jpg);
	height: 500px;
	width:100%;
	background-position:center center;
	background-size:cover;
	margin-top:40px;
}