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

.modul-textimage-split .TextMediaGrid{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	display: grid;
    grid-template-columns: 30% auto;
	grid-auto-rows:  auto;
	grid-gap: 1.5625vw;
}


.modul-textimage-split .TextMediaGrid .item{
	
	position: relative;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0px;
	border: none;
}
.TextContent{
	position: relative;
	z-index: 2;
	width: 100%;
	height: auto;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	
}


.MediaContent{
	width: 100%;
	height: 90vh;
	margin: 0;
	padding: 0;
	
}

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

@media screen and (max-width: 956px) {
/* ===================================================================================================================== */
/* ================================================= **** MOBILE **** ================================================== */
/* ===================================================================================================================== */
}

@media screen and (max-width: 720px) {
	
.modul-textimage-split .TextMediaGrid{
    grid-template-columns: 100%;
	grid-gap: 6.25vw;
}
.TextContent blockquote p{
	text-align: left !important;
	
}
.TextContent blockquote h2{
	text-align: left !important;
	
}
.orderSec{
  order: 2 !important;
	}
.order{
  order: 1 !important;
	}
	
.MediaContent{
	height: 70vh;
}
/* ------------------------------------------------------------------------ */

}