/* mod_ZoomNav */
/*  */
.mod-zn {
	display: none;
	background-color: transparent;
	position: absolute;
	top: 5rem;
	left: calc(50% - 22.19rem);
	/*37.82rem;*/
	width: 12.75rem;
	height: 7.5rem;
	z-index: 2;
}

.mod-zn.open {
	display: block;
}

/* MAIN */
.zoom_main {
	font-size: 0.75rem;
	width: 100%;
	height: 100%;
}

.z_free_main {
	display: inline-block;
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.z_overview {
	height: calc(100% - 0.38rem);
	width: calc(100% - 0.38rem);
	background-color: rgba(220, 220, 220);
	border: 0.19rem solid #FFFFFF;
	border-radius: 1rem;
	margin: 0rem;
	position: relative;
	left: 0rem;
	background-size: cover;
	overflow: hidden;
	font-size: 0rem;
}

.overview_hor {
	display: inline-block;
	height: 100%;
	width: 2.4rem;
	/*30%;*/
	background-color: transparent;
	/*rgba(122, 36, 47, 0.7);*/
}

.overview_mid {
	width: 7.57rem;
	/*40%;*/
	background-color: transparent;
}

.overview_vert {
	height: 1.58rem;
	/*30%*/
	width: 100%;
	background-color: transparent;
	/*rgba(122, 36, 47, 0.7);*/
}

.o_mid_center {
	height: 3.94rem;
	width: 7.57rem;
	background-color: #fff;
	opacity: 0.75;
	cursor: pointer;
}

#zoom_display {
	display: none;
	width: 100%;
	height: 100%;
	background: transparent;
	position: absolute;
	top: 0rem;
	left: 0rem;
	background-position: 0rem 0rem;
	overflow: hidden;
}

#zoom_display img {
	position: relative;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform-origin: center center;
}

#z_slide {
	display: none;
	position: absolute;
	bottom: 2.9375rem;
	left: calc(50% - 9.375rem);
	width: 17.625rem;
	height: 0.875rem;
	background-color: #fff;
}

#z_slide .ui-slider-horizontal .ui-slider-handle {
	top: -10px;
	background-color: rgba(122, 36, 47);
	margin-left: -20px;
}

#z_slide .ui-slider .ui-slider-handle {
	width: 2.5rem;
	height: 1.5rem;
	margin-top: 0.3125rem;
}


@media (min-width: 992px) {
	/* DESKTOP ONLY */
}

@media (min-width: 768px) {
	/* DESKTOP AND TABLET */
}

@media (min-width: 768px) and (max-width: 991px) and (min-height: 481px) {
	/* TABLET ONLY */
}

@media (orientation: portrait) and (max-width: 768px) and (max-height: 1280px) {
	/* PHONE HOCH */
}

@media (orientation: landscape) and (max-width: 915px) and (max-height: 480px) {
	/* PHONE QUER */
}