/* 1753681683.5002 */
@charset "utf-8";

/* ### 360 Grad PANO START ### */

body.vr360 {
	width:100%;
	height:100%;
	display:flex;
	flex-flow:row wrap;
	flex-grow:1;
	flex-basis:0
}

body.vr360 #maximage {
	-webkit-filter:blur(3px);
	-moz-filter:blur(3px);
	-o-filter:blur(3px);
	-ms-filter:blur(3px);
	filter:blur(3px)
}

body.vr360 #navi {
	display:flex;
	flex-flow:row wrap
}

body.vr360 #content {
	width:calc(100% - 80px);
	margin:48px auto 6px;
	clear:both;
	background:0 0;
	text-align:center;
	background-color:#fff;
	display:flex;
	flex-flow:row wrap;
	-webkit-box-shadow:0 -2px 9px 0 rgba(0,0,0,.55);
	-moz-box-shadow:0 -2px 9px 0 rgba(0,0,0,.55);
	box-shadow:0 -2px 9px 0 rgba(0,0,0,.55)
}

body.vr360 #content div.flexbox {
	display:flex;
	flex-flow:row wrap;
	flex-grow:1;
	flex-basis:0;
	text-align:left
}

body.vr360 #content div.flexbox section {
	display:block;
	width:calc(100% - 20px);
	padding:10px;
	float:none;
	clear:both;
	text-align:left
}

body.vr360 #content div.flexbox .box_vr360 {
	position:relative;
	width:100%;
	height:80vh;
	display:block
}

body.vr360 #content div.flexbox .box_vr360 #photosphere {
	width:100%;
	height:100%;
	display:block
}

body.vr360 footer {
	width:calc(100% - 90px);
	clear:both;
	margin:0 auto
}

#content .box_vr360 .hinweis_handy {
	position:absolute;
	top:50%;
	left:0;
	margin:0 auto;
	z-index:99999;
	text-align:center;
	width:100%
}

#content .box_vr360 .hinweis_handy p {
	width:calc(100% - 8px);
	display:block;
	padding:4px;
	color:#fff;
	background:rgba(0,0,0,.8);
	text-align:center;
	margin:0 auto;
	font-size:200%
}

.psv-hud {
	cursor:url('/gif/mousecursor360vr.png'),auto!important
}
 
.psv-button.custom-button {
	font-size:22px;
	line-height:20px
}

.demo-label {
	color:#fff;
	font-size:20px;
	font-family:Helvetica,sans-serif;
	text-align:center;
	padding:5px;
	border:1px solid #fff;
	background:rgba(0,0,0,.4)
}

.psv-caption {
	-webkit-box-flex:10;
	-webkit-flex-grow:10;
	-moz-flex-grow:10;
	-ms-flex-positive:10;
	flex-grow:10;
	color:rgba(255,255,255,.7);
	margin:10px;
	overflow:hidden;
	text-align:center
}

.psv-caption-icon {
	height:20px;
	width:20px;
	cursor:pointer
}

.psv-caption-icon * {
	fill:rgba(255,255,255,0.7)
}

.psv-caption-content {
	font-family:sans-serif;
	white-space:nowrap;
	font-weight:700;
	font-size:120%
}


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

	body.vr360 #content {
		margin-left:0;
		margin-right:0;
		margin:0 !important
	}

	body.vr360 #content {
		-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.55);
		-moz-box-shadow:0 0 0 0 rgba(0,0,0,.55);
		box-shadow:0 0 0 0 rgba(0,0,0,.55)
	}
	
	body.vr360 #content div.flexbox .box_vr360 {
		height:60vh
	}


}




/* #### 360 Grad PANO ENDE #### */