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



.modul-imageparalaxeblock {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
}

.modul-imageparalaxeblock .ModulContent {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.modul-imageparalaxeblock .TextblockBox blockquote {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
}


.modul-imageparalaxeblock .BackImage {
	position: relative;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: auto;
	min-height: 10vh;
	margin: 0;
	padding: 0;
	
}

.modul-imageparalaxeblock .FrontImage {
	position: absolute;
	z-index: 4;
	margin-left: auto;
	margin-right: auto;
	width:70%;
	height: 65%;
	margin: 0;
	padding: 0;
	
}


.modul-imageparalaxeblock .circlebox {
	position: absolute;
	z-index: 4;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	height: auto;
	min-height: 10vh;
	margin: 0;
	padding: 0;
	
}





/* ===================================================================================================================== */
/* ================================================= **** MOBILE **** ================================================== */
/* ===================================================================================================================== */

@media screen and (max-width: 956px) {
	
.modul-imageparalaxeblock .FrontImage {
	position: absolute;
	z-index: 4;
	margin-left: auto;
	margin-right: auto;
	width:70%;
	height: 65%;
	margin: 0;
	padding: 0;
	
}

/* ===================================================================================================================== */
/* ================================================= **** MOBILE **** ================================================== */
/* ===================================================================================================================== */
}

@media screen and (max-width: 720px) {

	.modul-imageparalaxeblock .BackImage {
	position: relative;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 80vh;
	margin: 0;
	padding: 0;
	
}
.modul-imageparalaxeblock .FrontImage {
	position: absolute;
	z-index: 4;
	margin-left: auto;
	margin-right: auto;
	width:90%;
	height: 65%;
	margin: 0;
	padding: 0;
	
}

/* ------------------------------------------------------------------------ */

}