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

.elementLine{
	position: relative;
	margin-top: 2vw;
	margin-bottom: 2vw;
	height: 1px;
	width: 100%;
}

.newsItem:last-child .elementLine{
	display: none !important;
}


/* ------------------- Modul Elm Content --------------------------------------- */

/* ------------------- Modul Elm Content Wrap  --------------------------------------- */

/* ------------------- Modul Elm Textbox  --------------------------------------- */

/* ------------------- Modul Elm Head  --------------------------------------- */

/* ------------------- Modul Elm Headline  --------------------------------------- */

/* ------------------- Modul Elm Date  --------------------------------------- */

/* ------------------- Modul Elm Teaser  --------------------------------------- */

/* ------------------- Modul Elm Btn Icon  --------------------------------------- */

/* ------------------- Modul Elm Media  --------------------------------------- */


/* ------------------- Modul Listgrid Grid --------------------------------------- */

.modulNewsListGrid{
	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: 2vw;
}

/* ------------------- D 1x1 --------------------------------------- */


.modulNewsListGrid .item{
	
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}


/* ------------------- Modul Newlist Grid Item --------------------------------------- */


.modulNewsListItemGrid{
	position: relative;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: grid;
    grid-template-columns: auto 75%;
	grid-auto-rows:  auto;
    grid-gap: 2vw;
}
.modulNewsListItemGrid .item{
	
	position: relative;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	height:100%;
	min-height: 10vw;
	width: 100%;
	
}

.modul-newslist .modulContentHead{
	position: absolute;
	top: auto;
	bottom: 0;
	padding: 0vw;
	z-index: 4;
	width: 100%;
	height: auto;
	display: flex;
	align-content: center;
	align-items: center;
	text-transform: uppercase;
	justify-content: flex-start;
}
.modul-newslist .modulContentMedia{
	
}

.modul-newslist .modulContentTextbox{
	padding: 0vw;
	margin-bottom: 50px;
	padding-right: 50px;
}

.modul-newslist .modulContentBut{
	padding: 0vw;
	justify-content: flex-end;
	
}
/* ===================================================================================================================== */
/* ================================================= **** MOBILE **** ================================================== */
/* ===================================================================================================================== */

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


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

@media screen and (max-width: 720px) {
.modulNewsListGrid{
    grid-template-columns: 100%;
	grid-auto-rows: auto;
    grid-gap: 10vw;
}
.modulNewsListItemGrid{
    grid-template-columns: auto 65%;
    grid-gap: 5vw;
}
	
.modulNewsListItemGrid .item{
	
	min-height: 25vw;
	
}
.elementLine{
	margin-top: 5vw;
	margin-bottom: 5vw;
}

/* ------------------- Modul Elm Content --------------------------------------- */

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

}