.parallax-container{
	position: relative;
	height: 80vh;
	width: 100%;
	z-index: -1;
	background: linear-gradient(0deg, rgba(135,89,29,1) 0%, rgba(197,127,28,1) 15%, rgba(135,89,29,1) 62%, rgba(78,17,18,1) 64%, rgba(134,174,228,1) 65%, rgba(139,172,224,1) 74%, rgba(215,141,163,1) 88%, rgba(98,57,62,1) 100%);
	overflow: hidden;
	background: url(../img/m01n_start-header.jpg), linear-gradient(0deg, rgba(135,89,29,1) 0%, rgba(197,127,28,1) 15%, rgba(135,89,29,1) 62%, rgba(78,17,18,1) 64%, rgba(134,174,228,1) 65%, rgba(139,172,224,1) 74%, rgba(215,141,163,1) 88%, rgba(98,57,62,1) 100%);
    background-size: cover;
    background-position: center;
    /*overflow: hidden;*/
    
	/*filter: blur(100px);*/
}
.parallax-container.loading .layer{
	opacity: 0;
}

.layer{
	position: fixed;
	z-index: -1;
	height: 80vh;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.layer-5{
	background-image: url("../img/5-wolken.jpg");
}
.layer-4{
	background-image: url("../img/4-weg.png");
}
.layer-3{
	background-image: url("../img/3-wolken.png");
}
.layer-2{
	background-image: url("../img/2-weg.png");
}
.layer-1{
	position: absolute;
	background-image: url("../img/1-figuren.png");
	/* overscroll for ipad */
	height: 120vh;
	margin-top: -20vh;
}
/* Overscroll Hack deaktivieren für Ansicht die hochformatiger als Bild ist: 1400/ (1167 * 80vh) ; */
@media (max-aspect-ratio: 1400/934) { 
	.layer-1{
		height: 80vh;
		margin-top: 0;
	}
	.layer-1[style],
	.layer-1-0[style]{
		position: absolute !important;
	}
}


.layer-1-0{
	position: absolute;
	/*background-image: url("../img/1-0-kugel.svg"); <-kugel ist jetzt inline svg */
}
.layer-0{
	background-image: url("../img/0-blaetter.png");
}
.kugel{
	/* object-fit: cover;
    object-position: 50% 50%; -> wird im inline svg geregelt (preserveAspectRatio="xMidYMid slice") */
    width: 100%;
    height: 100%;
}

@media( max-width: 460px ){

	.parallax-container{
		background: url(../img/mobil/m01n_start-header.jpg), linear-gradient(0deg, rgba(135,89,29,1) 0%, rgba(197,127,28,1) 15%, rgba(135,89,29,1) 62%, rgba(78,17,18,1) 64%, rgba(134,174,228,1) 65%, rgba(139,172,224,1) 74%, rgba(215,141,163,1) 88%, rgba(98,57,62,1) 100%);
	    background-size: cover;
	    background-position: center;
	}


	.layer-5{
		background-image: url("../img/mobil/5-wolken.jpg");
	}
	.layer-4{
		background-image: url("../img/mobil/4-weg.png");
	}
	.layer-3{
		background-image: url("../img/mobil/3-wolken.png");
	}
	.layer-2{
		background-image: url("../img/mobil/2-weg.png");
	}
	.layer-1{
		background-image: url("../img/mobil/1-figuren.png");
	}
	.layer-0{
		background-image: url("../img/mobil/0-blaetter.png");
	}

}