/* --- Stylesheet 3752 () --------- */ 

#motive {
	position: relative;
	width: 100%;
	height: 520px;
	overflow: hidden;
}

#motive .inner {
	width: 100%;
	height: 100%;
}

#motive.extramargin {
	margin-top: 100px;
}

#motive.mobileonly {
	display: none;
}

#motive.empty {
	height: 130px;
}

#motive .motiv {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

#prev_slide {
	position: absolute;
	height: 50px;
	width: 27px;
	top: 45%;
	margin-top: -21px;
	left: 30px;
	background: url('//tramino.s3.amazonaws.com/s/hotel-garni-schellenberg/661608/larr.png');

	opacity: 0.7;
	z-index: 10;
	cursor: pointer;
}

#next_slide {
	position: absolute;
	height: 50px;
	width: 27px;
	top: 45%;
	right: 30px;
	background: url('//tramino.s3.amazonaws.com/s/hotel-garni-schellenberg/661607/rarr.png');
	margin-top: -21px;
	opacity: 0.7;
	z-index: 10;
	cursor: pointer;
}

#prev_slide:active { margin-top: -19px; }
#next_slide:active { margin-top: -19px; }

/* --- Stylesheet 3838 () --------- */ 

@media all and (min-width: 1201px) and (max-width: 1500px) {

}

@media all and (min-width: 1000px) and (max-width: 1200px) {

}

@media all and (min-width: 768px) and (max-width: 999px) {

	#motive.extramargin {
		margin: 0px;
	}

	#motive {
		height: 340px;
	}
}

@media all and (max-width: 767px) {
	#motive.extramargin {
		margin: 0px;
	}

	#motive {
		height: 240px;
	}
}