/************************************************************
*
*				parallax 
*				
************************************************************/

.parallaxTilteWrapp {
	position: relative;
	text-align: center;
	z-index: 5;
}

.parallaxTilteWrapp h2 {
	margin-bottom: 30px;
	text-transform:none;
}


.parallax_img {
  width: 70%;
}

.parallaxBildWrap {
  position: relative;
}

.parallaxWrap {
	padding-bottom: 100px;
}


.parallaxWrap:nth-child(even) .parallaxBildWrap{
	text-align:right;
} 


.bildbeschreibungsWrapp {
	position: relative;
	display: block;
	height: 1px;
	width: 100%;
	padding:0;
}

.parallaxTextWrap {
	position:relative;
	top: 0%;
	color: #000;
	background-color: #f3f3f3;
	/*font-size: 18px;*/
	padding: 45px 50px;
	width: 70%;
	/*line-height: 26px;*/
	margin:0;
	text-align:left;
}

.parallaxTextWrap img {
	float:left;
	padding:0px 40px 25px 0;
}


.parallaxWrap:nth-child(even) .parallaxTextWrap {
	  float:left;
}
.parallaxWrap:nth-child(odd) .parallaxTextWrap {
	  float:right;
}



.parallaxTextWrap table {
	clear:both;
}

/* alle mobile geräte immer so (ohne parallax) */
.mobile .parallax_img {
	width: 100%;
}
.mobile .parallaxWrap .parallaxTextWrap {
	right: auto;
	left:0;
	box-sizing: border-box;
	width: 100%;
	position:relative;
}

.mobile .parallaxWrap {
	padding-bottom:60px;
}


.mobile .bildbeschreibungsWrapp {
	height:auto;
	top:0;
}
.mobile .parallaxTilteWrapp h2 {
  margin-bottom: 15px;
}

/* desktop geräte unter 850px (ohne parallax)  so wie alle mobile geräte, wert auch in der JS datei eingeben*/
@media only screen and (max-width: 850px) {

	.parallax_img {
		width: 100%;
	}
	.parallaxWrap .parallaxTextWrap,
	.parallaxWrap:nth-child(even) .parallaxTextWrap,
	.parallaxWrap:nth-child(odd) .parallaxTextWrap {
		right: auto;
		left:0;
		box-sizing: border-box;
		width: 100%;
		position:relative;
	}
	
	.parallaxWrap {
		padding-bottom:60px;
	}
	
	.bildbeschreibungsWrapp {
		height:auto;
		top:0;
	}
	.parallaxTilteWrapp h2 {
	  margin-bottom: 15px;
	}
}


/* smartphone quer */
@media only screen and (max-width: 567px) {
	
	.parallaxTextWrap {
		padding: 15px;
	}
	
	.parallaxTextWrap img {
		padding: 0px 15px 15px 0;
	}
}