

/* --- Stylesheet 3989 () --------- */ 

.T2595 {
	position: relative;
	margin: -80px 0px 0px 0px;
}

.T2595 .text {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.T2595 .text .left {
	width: 30%;
	margin: 3% 2% 0 16%;
}

.T2595 .text .right {
	width: 40%;
	margin: 4% 6% 0 0%;
}

.T2595 h1 {
	font-size: 6vw;
	text-transform: uppercase;
	font-weight: 900;
	line-height: 1;
	margin: 0;
}

.T2595 .subheadline {
	font-family: 'Sorts Mill Goudy', serif;
	color: #000;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.2;
	text-align: center;
}


.T2595 #webcams { position: relative; }
.T2595 #webcams .Bild.background img { width: 100%; height: auto; }

.T2595 #webcams .webcam {
	position: absolute;
	cursor: pointer;
}

.T2595 #webcams .webcam .inner {
	position: relative;
}

.T2595 #webcams .webcam .inner .cam {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}

.T2595 #webcams .webcam .inner .cam_open {
	position: absolute;
	z-index: 9;
	display: none;
}

.T2595 #webcams .webcam.dir_s .inner .cam_open { top: -125px; left: -70px; }
.T2595 #webcams .webcam.dir_sw .inner .cam_open { top: -131px; left: 16px; }
.T2595 #webcams .webcam.dir_w .inner .cam_open { top: -71px; left: 24px; }
.T2595 #webcams .webcam.dir_nw .inner .cam_open { top: 16px; left: 19px; }
.T2595 #webcams .webcam.dir_n .inner .cam_open { top: 25px; left: -7px; }
.T2595 #webcams .webcam.dir_no .inner .cam_open { top: 23px; left: -100px; }
.T2595 #webcams .webcam.dir_o .inner .cam_open { top: -6px; left: -126px; }
.T2595 #webcams .webcam.dir_so .inner .cam_open { top: -101px; left: -132px; }



.T2595 #webcams .webcam .inner .overlay {
	position: absolute;
	z-index: 20;
	display: none;
	background-color: #333;
	padding: 15px 15px 10px 15px;
}

.T2595 #webcams .webcam .inner .overlay.open_top {
	bottom: 10px;
	left: 0px;
}

.T2595 #webcams .webcam .inner .overlay.open_bottom {
	top: 20px;
	left: 0px;
}


.T2595 #webcams .webcam .inner .overlay .Bild {
	width: 500px;
	/*	min-height: 375px;*/
	height: auto;

}

.T2595 #webcams .webcam .inner .overlay .Bild img {
	width: 100%;
	height: auto;
}

.T2595 #webcams .webcam .inner .overlay .infos {
	font-size: 13px;
	line-height: 1;
	color: #BBB;
	margin: 8px 0 0 0;
}

.T2595 #webcams .webcam .inner .overlay .infos .name {
	float: left;
}

.T2595 #webcams .webcam .inner .overlay .infos .copyright {
	float: right;
	color: #8C847D;
}

/* Hover Webcams */
.T2595 #webcams .webcam.hover .cam_open { display: block; opacity: 0.7; }

/* Open Webcam*/
.T2595 #webcams .webcam.open .inner .cam_open { display: block; opacity: 1; }
.T2595 #webcams .webcam.open .inner .overlay { display: block; }



/* Map */

#webcam_map {
	position: relative;
}
#webcam_map:before {
	display: block;
	content: " ";
	width: 100%;
	padding-top: 91%;
}

#webcam_map .inner {

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;


	background-size: contain;
	background-position: top left;
	background-repeat: no-repeat;


}

/*.fancybox-type-image.webcamimage .fancybox-inner { width: 100% !important; height: auto; }*/
.fancybox-type-image.webcamimage .fancybox-image img { width: 100% !important; height: auto; }

/* --- Stylesheet 3992 () --------- */ 

/* DEL */

/* --- Stylesheet 3993 () --------- */ 

@media all and (min-width: 1251px) and (max-width: 1500px) {
	#webcams_list .webcam {
		width: 525px;
		height: 480px;
	}
	.T2595 .webcam.prio5 { display: none; }

}

@media all and (min-width: 1000px) and (max-width: 1250px) {


	.T2595 .webcam.prio4 { display: none; }
	.T2595 .webcam.prio5 { display: none; }


	#webcam_kurpark { top: 72% !important; }

}

@media all and (min-width: 768px) and (max-width: 999px) {
	.T2595 .webcam.prio3 { display: none; }
	.T2595 .webcam.prio4 { display: none; }
	.T2595 .webcam.prio5 { display: none; }


	#webcam_kurpark { top: 72% !important; }

}

@media all and (max-width: 767px) {

	.T2595 { position: static; }


	.T2595 .text {
		position: static;
		top: auto;
		left: auto;
		z-index: auto;
	}

	.T2595 .text .left, .T2595 .text .right {
		float: none;
		width: 95vw;
		margin-left: 2.5vw;
		margin-right: 2.5vw;
		text-align: center;
	}

	.T2595 .webcams_wrapper .webcam .inner .overlay .Bild {
		width: 250px;
		height: auto;
		min-height: auto;
	}


	.T2595 .webcam.prio2 { display: none; }
	.T2595 .webcam.prio3 { display: none; }
	.T2595 .webcam.prio4 { display: none; }
	.T2595 .webcam.prio5 { display: none; }

}