/* --- module: effects topic --- */

/* --- module: effects slide --- */

/* common
---------------------------------------------------- */
.indexSlide {
	position: relative;
}
.indexSlide .sliderContainer {
	overflow: hidden;
	position: relative;
}
.indexSlide .scrolltoContent {
	position: absolute;
	bottom: 0px;
	width: 65px;
	height: 65px;
	left: 50%;
	z-index: 2;
}
.indexSlide .scrolltoContent a {
	position: absolute;
	width: 65px;
	height: 65px;
	left: -50%;
	background-image: url(../../images/site/arrow_bottom.png);
	background-repeat: no-repeat;
	background-position: center;
	outline: none;
}
.indexSlide .scrolltoContent a:hover {
	background-color: #ffffff;
}


/* item
---------------------------------------------------- */

.indexSlide .item {
	width: 100%;
	/*height: 300px;*/
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;

	background-size: cover !important;
	background-position: center center;
	position: relative;
	float: left;
	cursor: grab;
}
.indexSlide .item .content {
	position: absolute; /* -> bug workaround: set absolute per js */
	bottom: 100px;
	left: 287px;
	width: 470px;
	margin: 0px 10px 0px 10px;
	padding: 20px 25px 100px 25px;
	background-color: rgba(255,255,255,0.95);
}
.neller .item .content {
	background-image: url(../../images/site/icon_neller_springenderpunkt.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.indexSlide .item .content .date {
	color: #9D9C60;
	padding: 0px 0px 25px 0px;
}
.indexSlide .item .content .teaser {

}
.indexSlide .item .content .priceterms {
	position: absolute;
	bottom: 25px;
	right: 25px;
	text-align: right;
}
.indexSlide .item .content .priceterms .price {
	color: #DF4800;
	font-weight: 400;
}
.indexSlide .item .content .priceterms .terms {
	font-weight: 300;
}
.indexSlide .item .content .special {
	background-color: #9D9C60;
	color: #ffffff;
	text-transform: uppercase;
	padding: 20px 40px 20px 55px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	opacity: 0.9;
}


/* prev/next
---------------------------------------------------- */
.indexSlide .sliderArrow {
	width: 100%;
	position: absolute;
	top: 250px;
}
.indexSlide .next, .indexSlide .prev {
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	width: 80px;
	height: 80px;
	opacity: 0.5;
	position: absolute;
	background-color: #ffffff;
}
.indexSlide .next:hover, .indexSlide .prev:hover {
	opacity: 1;
}
.indexSlide .next {
	background-image: url(../../images/site/slider_index_arrow_right.png);
	right: 0px;
}
.indexSlide .prev {
	background-image: url(../../images/site/slider_index_arrow_left.png);
	left: 0px;
}