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

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

.modul-ausstellerslider .SliderTextBox {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 6.25vw;
}

.modul-ausstellerslider .SliderTextBox blockquote{
	position: absolute;
	z-index: 3;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	margin-top: -1.2vw;
}



.modul-ausstellerslider .SliderTextBoxDekor {
	position: relative;
	width: 100%;
	height: 9.125vw;
	margin: 0;
	padding: 0;
	background-image: url(https://weihnachtsdorf-am-buechel.de/wp-content/uploads/2023/10/acs.png);
	background-position: bottom center;
	background-size: contain;
	background-repeat: no-repeat;
}

.modul-ausstellerslider a{
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	
	display: flex;
	justify-content: center;
	align-items: flex-start;
	cursor: pointer;
}

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


.modul-ausstellerslider .AusstellerSlideCell{
	position: relative;
	width: 25vw;
	height: 35vw;
	
	margin: 0;
	margin-left: 1.5625vw;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	
}

.modul-ausstellerslider .AusstellerSlideCell .AusstellerImage{
	position: relative;
	display: block;
	width: 25vw;
	height:29vw;
	margin: 0;
	padding: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	cursor: pointer;
	opacity: 1;
}


.modul-ausstellerslider .AusstellerSlideCell:hover .AusstellerImage{
	transform: scale(0.97);
	opacity: 0.3;
}


.modul-ausstellerslider .AusstellerSlideCell:hover .CiColFont{
	color: #252525 !important;
}


.modul-ausstellerslider .AusstellerSlideCell:hover .CiColBg{
	background-color: #252525 !important;
}

.modul-ausstellerslider .AusstellerSlideCell .AusstellerDateMarkBox{
	position: absolute;
	z-index: 3;
	bottom:6vw;
	left: 0vw;
	width: 100%;
	height: auto;
	margin: 0;
	cursor: pointer;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	transform: rotate(5deg);
	padding-right: 4vw;
}
.modul-ausstellerslider .AusstellerSlideCell .AusstellerDateMark{
	position: relative;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0.78125vw;
	cursor: pointer;
}

.modul-ausstellerslider .AusstellerSlideCell .AusstellerName{
	position: absolute;
	z-index: 4;
	bottom: 0.5vw;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0.78125vw;
	text-align: center;
	cursor: pointer;
}

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

@media screen and (max-width: 956px) {
	
.modul-ausstellerslider .AusstellerSlider{
	position: relative;
	width: 100%;
	height: 100vw;
	margin: 0;
	padding: 0;
	
}
.modul-ausstellerslider .AusstellerSlideCell{
	position: relative;
	width: 100vw;
	height: 100vw;
	margin-right: 1.5625vw;
	margin: 0;
	padding: 0;
	
}
	
.modul-ausstellerslider .AusstellerSlideCell .AusstellerImage{
	width: 86vw;
	height:86vw;
}
	
.modul-ausstellerslider .AusstellerSlideCell .AusstellerName{
	bottom: 1vw;
}
	
	
.modul-ausstellerslider .AusstellerSlideCell .AusstellerDateMarkBox{
	bottom:20vw;
	padding-right:9.875vw;
}

.modul-ausstellerslider .SliderTextBoxDekor {
	position: relative;
	width: 100%;
	height: 18.25vw;
}
/* ===================================================================================================================== */
/* ================================================= **** MOBILE **** ================================================== */
/* ===================================================================================================================== */
}

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


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

}