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

.modul-postslider .main-carousel{
	
	position: relative;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 100%;
	height: auto;
}

.modul-postslider .carousel-cell{
	position: relative;
	width: 100%;
	height: 35vw;
	margin-left:2px;
	
}
/* ===================================================================================================================== */


.modulContentHead{
	justify-content: flex-start;
}

/* ===================================================================================================================== */

.modul-postslider .flickity-button-icon {
	fill: #ffffff;
}


/* ===================================================================================================================== */
/* ================================================= **** buttongrid **** ================================================== */
/* ===================================================================================================================== */

.SplitGridLeft{
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 50% 50%;
  	grid-template-rows: auto;
	grid-template-areas: 
	"media txt";
}

.SplitGridRight{
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 50% 50%;
  	grid-template-rows: auto;
	grid-template-areas: 
	"txt media";
}

.item-content {
	grid-area: txt;
	position: relative;
	max-width: 100%;
	max-height: 100%;
	margin: 0;
	padding: 0;
}

.item-media {
	grid-area: media;
	position: relative;
	max-width: 100%;
	max-height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

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

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


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

@media screen and (max-width: 720px) {
.SplitGridLeft{
	grid-template-columns:100%;
  	grid-template-rows: 50vw auto;
	grid-template-areas: 
	"media"
	"txt";
}

.SplitGridRight{
	grid-template-columns:100%;
  	grid-template-rows: 50vw auto;
	grid-template-areas: 
	"media"
	"txt";
}


/* ===================================================================================================================== */
/* ================================================= **** buttongrid **** ================================================== */
/* ===================================================================================================================== */
.modul-postslider .carousel-cell{
	height: 110vw;
	margin-left:1px;
	
}
/* ------------------------------------------------------------------------ */

}