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

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

.modul-add-box-slider .Boxes {
	
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height:40vw;
	overflow: hidden;

	
}

/* ------------------- D 1x1 --------------------------------------- */
.modul-add-box-slider .Boxes  .Box{

	
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	margin-right:1px;
	padding: 0;
	overflow: hidden;
}



.modul-add-box-slider .BoxBgMedia{
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	
}

.modul-add-box-slider .BoxContent{
	position: relative;
	z-index: 3;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	 display: flex;
  flex-direction: column;
  justify-content: space-between;
	
}

.modul-add-box-slider .BoxContent .HeadlineBox{
	position: relative;
	width: 100%;
	display: block;
	height: auto;
	margin: 0;
	padding: 0;
	margin-bottom: 3.125vw;
}

.modul-add-box-slider .BoxContent .BoxFooter{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.modul-add-box-slider .BoxContent .TextBox{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.modul-add-box-slider .BoxContent .ButtonBox{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	margin-top: 1.5625vw;
	display: flex;
}




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

@media screen and (max-width: 956px) {
.modul-add-boxes .BoxContent .HeadlineBox{
	margin-bottom: 6.25vw;
}
.modul-add-boxes .BoxContent .ButtonBox{
	margin-top: 3.125vw;
}
/* ===================================================================================================================== */
/* ================================================= **** MOBILE **** ================================================== */
/* ===================================================================================================================== */
}

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

.modul-add-boxes .Boxes {
    grid-template-columns: repeat(auto-fill, minmax(49%, auto));
    grid-gap: 1px;
	
}
.modul-add-boxes .BoxContent .HeadlineBox{
	margin-bottom: 12.5vw;
}
.modul-add-boxes .BoxContent .ButtonBox{
	margin-top:6.25vw;
}
/* ------------------------------------------------------------------------ */

}