/* Parallax CSS3 */

.parallax {
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
    perspective: 1px;
    -webkit-perspective: 1px;
}

.parallax_layer {
    position: absolute;
}

.parallax_layer_base {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

.parallax_layer_back {
    transform: translateZ(-1px);
    -webkit-transform: translateZ(-1px);
}


.parallax_layer_back { transform: translateZ(-1px) scale(2); }

.parallax_layer_deep { transform: translateZ(-2px) scale(3); }

/* Parallax Hintergründe */

.back {
	display: table;
	position: relative;
	width:100%;
	height:100%;
}
.photo {
	position:absolute;
	overflow:hidden;
	left: 50%;
	margin-left: -1200px;
}
.photo {
	
}
.lines {
	position:absolute;
	left:0;
	width:200px;
	margin-top:500px;
}
.lines-right {
	position:absolute;
	right:0;
	width:200px;
	margin-top:200px;
}
.lines-right img {
	width:200px;
	height:600px;
}
.lines img {
	width:200px;
	height:600px;
}
.dreieck-links {
	position:absolute;
	left:0;
	width:250px;
	margin-top:400px;
}
.dreieck-links img {
	width:250px;
	height:500px;
}
.dreieck-rechts {
	position:absolute;
	right:0;
	width:150px;
	bottom:0px;
}
.dreieck-rechts img {
	width:150px;
	height:300px;
}