


html{scroll-padding-top:90px;}


.w1{width:1%;} .w2{width:2%;} .w3{width:3%;} .w4{width:4%;} .w5{width:5%;} .w6{width:6%;} .w7{width:7%;} .w8{width:8%;} .w9{width:9%;} .w10{width:10%;} .w11{width:11%;} .w12{width:12%;} .w13{width:13%;} .w14{width:14%;} .w15{width:15%;} .w16{width:16%;} .w17{width:17%;} .w18{width:18%;} .w19{width:19%;} .w20{width:20%;} .w21{width:21%;} .w22{width:22%;} .w23{width:23%;} .w24{width:24%;} .w25{width:25%;} .w26{width:26%;} .w27{width:27%;} .w28{width:28%;} .w29{width:29%;} .w30{width:30%;} .w31{width:31%;} .w32{width:32%;} .w33{width:33%;} .w34{width:34%;} .w35{width:35%;} .w36{width:36%;} .w37{width:37%;} .w38{width:38%;} .w39{width:39%;} .w40{width:40%;} .w41{width:41%;} .w42{width:42%;} .w43{width:43%;} .w44{width:44%;} .w45{width:45%;} .w46{width:46%;} .w47{width:47%;} .w48{width:48%;} .w49{width:49%;} .w50{width:50%;} .w51{width:51%;} .w52{width:52%;} .w53{width:53%;} .w54{width:54%;} .w55{width:55%;} .w56{width:56%;} .w57{width:57%;} .w58{width:58%;} .w59{width:59%;} .w60{width:60%;} .w61{width:61%;} .w62{width:62%;} .w63{width:63%;} .w64{width:64%;} .w65{width:65%;} .w66{width:66%;} .w67{width:67%;} .w68{width:68%;} .w69{width:69%;} .w70{width:70%;} .w71{width:71%;} .w72{width:72%;} .w73{width:73%;} .w74{width:74%;} .w75{width:75%;} .w76{width:76%;} .w77{width:77%;} .w78{width:78%;} .w79{width:79%;} .w80{width:80%;} .w81{width:81%;} .w82{width:82%;} .w83{width:83%;} .w84{width:84%;} .w85{width:85%;} .w86{width:86%;} .w87{width:87%;} .w88{width:88%;} .w89{width:89%;} .w90{width:90%;} .w91{width:91%;} .w92{width:92%;} .w93{width:93%;} .w94{width:94%;} .w95{width:95%;} .w96{width:96%;} .w97{width:97%;} .w98{width:98%;} .w99{width:99%;} .w100{width:100%;}

.h0px{height:0px;} .h1px{height:1px;} .h2px{height:2px;} .h3px{height:3px;} .h4px{height:4px;} .h5px{height:5px;} .h6px{height:6px;} .h7px{height:7px;} .h8px{height:8px;} .h9px{height:9px;} .h10px{height:10px;} .h11px{height:11px;} .h12px{height:12px;} .h13px{height:13px;} .h14px{height:14px;} .h15px{height:15px;} .h16px{height:16px;} .h17px{height:17px;} .h18px{height:18px;} .h19px{height:19px;} .h20px{height:20px;} .h21px{height:21px;} .h22px{height:22px;} .h23px{height:23px;} .h24px{height:24px;} .h25px{height:25px;} .h26px{height:26px;} .h27px{height:27px;} .h28px{height:28px;} .h29px{height:29px;} .h30px{height:30px;} .h31px{height:31px;} .h32px{height:32px;} .h33px{height:33px;} .h34px{height:34px;} .h35px{height:35px;} .h36px{height:36px;} .h37px{height:37px;} .h38px{height:38px;} .h39px{height:39px;} .h40px{height:40px;} .h41px{height:41px;} .h42px{height:42px;} .h43px{height:43px;} .h44px{height:44px;} .h45px{height:45px;} .h46px{height:46px;} .h47px{height:47px;} .h48px{height:48px;} .h49px{height:49px;} .h50px{height:50px;} .h51px{height:51px;} .h52px{height:52px;} .h53px{height:53px;} .h54px{height:54px;} .h55px{height:55px;} .h56px{height:56px;} .h57px{height:57px;} .h58px{height:58px;} .h59px{height:59px;} .h60px{height:60px;} .h61px{height:61px;} .h62px{height:62px;} .h63px{height:63px;} .h64px{height:64px;} .h65px{height:65px;} .h66px{height:66px;} .h67px{height:67px;} .h68px{height:68px;} .h69px{height:69px;} .h70px{height:70px;} .h71px{height:71px;} .h72px{height:72px;} .h73px{height:73px;} .h74px{height:74px;} .h75px{height:75px;} .h76px{height:76px;} .h77px{height:77px;} .h78px{height:78px;} .h79px{height:79px;} .h80px{height:80px;}


.eip_left{margin-left:0;margin-right:auto;} .eip_center{margin-left:auto;margin-right:auto;} .eip_right{margin-left:auto;margin-right:0;}


div.eip_spacer_default{overflow:hidden;margin:0;padding:0;clear:both;}


img.eip_imgng_img{display:block;}



.eipunicodelist2713 {list-style:none;margin-top:4px;margin-bottom:4px;}
.eipunicodelist2713 > li {position:relative;margin-bottom:6px;list-style-image:none;}
.eipunicodelist2713 > li::before {content:"\2713";font-size:1.3em;color:green;font-weight:bold;display:inline-block;text-align:right;padding-right:12px;position:absolute;top:-5px;left:-22px;}


.eipunicodelist2716 {list-style:none;margin-top:4px;margin-bottom:4px;}
.eipunicodelist2716 > li {position:relative;margin-bottom:6px;list-style-image:none;}
.eipunicodelist2716 > li::before {content:"\2716";font-size:1.3em;color:red;font-weight:bold;display:inline-block;text-align:right;padding-right:12px;position:absolute;top:-5px;left:-22px;}


.eipunicodelist26A0 {list-style:none;margin-top:4px;margin-bottom:4px;}
.eipunicodelist26A0 > li {position:relative;margin-bottom:6px;list-style-image:none;}
.eipunicodelist26A0 > li::before {content:"\26A0";font-size:1.3em;color:#CB3E3F;font-weight:bold;display:inline-block;text-align:right;padding-right:12px;position:absolute;top:-5px;left:-22px;}


@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
 {
	.mobilew100{width:100%;}
}


html { scroll-padding-top:100px;  }
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
 {
	html { scroll-padding-top:100px;    
		
	}
}
body {
	background: #E9F0E5;
	color: #555555;
	font-family: 'Slabo 27px';
	font-size: 15pt;
	margin: 0px;
	padding: 0px;
	overflow-y:scroll;
}

* {	font-family: 'Slabo 27px', sans-serif;
	font-size: 15pt;  }


a:link, a:visited, a:active, a:hover   { 
	color: black;
	background: transparent;
	font-size: 15pt;
	text-decoration: none;
}
a:hover  { text-decoration: underline; }

@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
 {
	* {	font-family: 'Slabo 27px', sans-serif;
		font-size: 14pt;  
	}
}

a.magictel {
	pointer-events: none;
	cursor:text;
	text-decoration:none;
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
 {
	a.magictel { 
		pointer-events: auto;
		cursor:pointer;
	}
}


h1 {
	font-size: 40pt;
	font-weight: normal;
	text-align: center;
	line-height: 1.1em;
	
	font-family: 'Play';
	margin:30px 60px 60px 60px;
	
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
 {	
	h1 {
		font-size: 23pt;
	}
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
 {	
	h1 {
		margin:15px 50px 30px 50px;
		color:black;
		font-size: 21pt;
	}
	h1.angebot {
		margin: 15px auto 15px auto;
		color: #EEEEEE;
		font-size: 21pt;
	}
}
h2 {
	font-size: 28pt;
	font-weight: normal;
	text-align: center;
	line-height: 1.1em;
	font-family: 'Play';
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
 {	
	h2 {
		font-size: 21pt;
		margin-top:50px;
		color:black;
	}
	div.webcam h2 { color: white; }
}
h3 {
	font-size: 20pt;
	font-weight: normal;
	text-align: center;
	line-height: 1.1em;
	font-family: 'Play';
}


h2.impressum {
	font-size: 12pt;
	font-weight: bold;
}

span.impressum  {
	font-size: 10pt;
}





.noborder{border: 0px;}
.clear{clear: both;}





div#headmenu_container{
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 80;
	width: 100%;
	background: rgba(56, 65, 51, 0.95);
}
@media (max-width: 1000px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3000px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3000px) and (orientation:portrait)
  {	
	div#headmenu_container{
		display: none;
	}
}
div#headmenu{
	position: relative;
	width: 100%;
}





div#header_container{
	position: relative;
	width: 100%;
	height: 90vh;
	min-height: 600px;
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
 {
	div#header_container{
		height: 60vh;
		min-height: 350px;
	}
}
div#header_logo{
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 50px;		
	z-index: 70;
}
div#header_logo img{
	width: 50%;
	max-width: 400px;
	height: auto;
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
  {
	div#header_logo img{
		width: 70%;
		max-width: 400px;
		filter: drop-shadow(30px 10px 4px #FFFFFF);
	}
}
div#header_anfrage{
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0px;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.7);
	z-index: 70;	
}

@media (max-width: 950px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1425px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2375px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2850px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1425px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1900px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2375px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2850px) and (orientation:portrait)
  {	
	div#header_anfrage{
		display:none;
	}
}
div#header_anfrage form{
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 10px 50px 10px 50px;
	margin: 0px;
	box-sizing: border-box;
}
div#header_anfrage form > img{
	height: 60px;
	width: auto;
}
div#header_anfrage input[type=submit]{
	background: none;
	border: 2px solid #666666;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 25px;
	width: 220px;
	margin: 10px 30px 0 0;	
	text-align: center;
	cursor: pointer;
	color: #666666;
	font-weight:bold;
}

div#frontpageteaser {
	position: absolute;
	top: 260px;
	left: 40px;
	width: 36%;
	z-index: 79;
	background: rgba(255,255,255,0.8);
	transform: rotate(-10deg);
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
}
@media (max-width: 950px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1425px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2375px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2850px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1425px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1900px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2375px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2850px) and (orientation:portrait)
 {
	div#frontpageteaser {
		position: absolute;
		top: 80px;
		left: 0px;
		width: 100%;
		z-index: 79;
		background: rgba(255,255,255,0.8);
		transform: none;;
	}
	div#frontpageteaser * {
		font-size:18pt;
	}
	div#frontpageteaser h2 {
		margin-top: 8px;
	}
}

div#header_pictures{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.slideshow_pictures{
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	overflow: hidden;
}
div.grundriss{
	margin:0px auto 0px auto;
	text-align:center;
}

div.grundriss img{
	width:50%;
	height:auto;
	margin:0px auto 0px auto;
}

video.headervideo {
    position: absolute;
    top: 49%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    /* background: url(/media/nature.jpg) no-repeat; */
    background-size: cover;
}

div#video_startseite_cont {
	background:white;
}
div#video_startseite_cont > div:first-child {
	display:inline-block;
	width:50%;
	padding:80px;
	box-sizing: border-box;
	vertical-align:top;
	text-align:center;
}
div#video_startseite_cont > div:last-child {
	display:inline-block;
	width:50%;
	vertical-align:top;
}

@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
  {	
	div#video_startseite_cont > div:first-child {
		display: block;
		width:100%;
	}
	div#video_startseite_cont > div:last-child {
		display: block;
		width:100%;
	}
}
div.fewobutton{
	position:absolute;
	top: 160px;
	right:30px;
	z-index:79;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	display: block;
	-webkit-animation: pulsate 1s ease-out;
	-webkit-animation-iteration-count: 1; 
	
}
@media (max-width: 950px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1425px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2375px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2850px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1425px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1900px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2375px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2850px) and (orientation:portrait)
  {	
	div.fewobutton{
		top: 230px;
		right:30px;
	}
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
  {	
	div.fewobutton{
		display:none;
	}
}
@-webkit-keyframes pulsate {
	0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
	50% {-webkit-transform: scale(1.2, 1.2); opacity: 1.0;}
	100% {-webkit-transform: scale(1.0, 1.0); opacity: 1.0;}
}
div.fewobutton img{
	width: 200px;
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
  {	
	div.fewobutton img{
		width: 150px;
	}
}





div#adresse_container{
	position: relative;
	width: 100%;
	padding: 10px 50px 10px 50px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media (max-width: 1000px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3000px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3000px) and (orientation:portrait)
 {
	div#adresse_container{
		padding: 10px;
	}
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
 {
	div#adresse_container{
		display: none;
	}
}
div#adresse_container > div{
	color: #999;
	padding: 10px;
}
@media (max-width: 1020px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1530px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2040px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2550px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3060px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1530px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2040px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2550px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3060px) and (orientation:portrait)
 {
	div#adresse_container > div{
		width: 50%;
		box-sizing: border-box;
		text-align: center;
	}
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
 {
	div#adresse_container > div{
		width: 100%;
		padding: 5px;
	}
}
div#adresse_container > div a{
	color: #999;		
}





div#content_container{
	position: relative;
	width: 100%;
}
div.content{
	position: relative;
	max-width: 1250px;
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 30px 50px 50px 50px;
	box-sizing: border-box;	
	text-align: left;
	line-height: 1.5em;
}
@media (max-width: 1000px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3000px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3000px) and (orientation:portrait)
  {	
	div.content{
		padding: 30px 10px 30px 10px;
	}
}

div.content:empty{
	display: none;
}




div#newsletter_container{
	position: relative;
	width: 100%;
	text-align: center;
	background: url('/clips/newsletter_bg.jpg');
	background-repeat: no-repeat;
 	background-size: cover;
 	min-height: 520px;
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
 {
	div#newsletter_container{
		height: 100%;
		height: 100vh;
		min-height: 600px;
		
	}
}
div#newsletter{
	position: relative;
	max-width: 1250px;
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 50px;
	box-sizing: border-box;	
	text-align: left;
}
@media (max-width: 1000px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3000px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3000px) and (orientation:portrait)
 {
	div#newsletter{
		padding: 50px 20px 40px 20px;
	}
}


div#newsletter_title{
	color: #920432;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
div#newsletter_title span { font-size: 30pt;
	text-transform: uppercase; }
div#newsletter_title img#newsletter_logo {
	width:346px;height:135px;	
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
 {
	div#newsletter_title span{
		font-size:22pt;
		display: inline-block;
		margin-left:50px;
	}
	div#newsletter_title img#newsletter_logo {
		max-width:66%;
		height: auto;
	}
}
div#newsletter_title img{
	margin-right: 10px;
}
div#newsletter_content{
	position: relative;
	width: 100%;
	max-width: 500px;
	line-height: 1.5em;
	margin-top: 20px;
	margin-bottom: 20px;
	text-shadow: 4px 4px 12px rgba(255, 255, 255, 0.9);
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
 {	
	div#newsletter_content{
		background: rgba(255, 255, 255, 0.5);
		padding: 20px;
		margin-top: 30px;
		box-sizing: border-box;
		border-radius: 25px;
		
	}
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
 {	
	div#newsletter_content{
		margin-top: 40px;
		background: rgba(255, 255, 255, 0.66);
		font-size:13pt;
	}
}

div#newsletter input[type=email]{
	background:rgba(255,255,255, 0.4);
	border: 2px solid #333;
	padding: 10px 10px 10px 40px;
	box-sizing: border-box;
	border-radius: 25px;
	width: calc(100% - 160px);
}

div#newsletter input[type=email]::placeholder{
	color: #444444;
}
div#newsletter input[type=email]:focus{
	background: white; 
	transition: background 0.6s ease-in-out;
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
 {	
	div#newsletter input[type=email]{
		padding: 10px;
		width: calc(100% - 130px);
	}	
}
div#newsletter input[type=submit]{
	background:rgba(255,255,255, 0.3);
	border: 2px solid #333;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 25px;
	width: 120px;
	margin-left: 20px;	
	text-align: center;
	cursor: pointer;
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
 {	
	div#newsletter input[type=email]{
		width: 100%;
		margin-left: 10px;
		box-sizing: border-box;
		background:rgba(255,255,255, 0.5);
	}
	div#newsletter input[type=email]::placeholder{
		color: initial;
	}
	div#newsletter input[type=submit]{
		background:rgba(255,255,255, 0.01);
		width: 100%;
		margin-left: 10px;
		box-sizing: border-box;
	}
}




div#map_container{
	position: relative;
	width: 100%;
	height: 500px;
	z-index: 1;
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
 {	
	div#map_container{
		height:100%;
		height:100vh;
		min-height: 600px;
	 	
	}
}

div.zimmer_360grad{
	position: relative;
	width: 100%;
	text-align: center;
	min-height: 600px;
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
 {	
	div.zimmer_360grad{
		max-height:60vh;
		min-height:25vh;
	}
}

div.zimmer_360grad iframe{
	position: relative;
	width: 100%;
	text-align: center;
	min-height: 600px;
}

div.angebot_container{
	position: relative;
	background:#384133;
	color:white;
	padding: 30px;
	margin-bottom:30px;
}

div.angebot_links{
	position: relative;
	width: 49%;
	display:inline-block;
	vertical-align: top;
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
 {	
	div.angebot_links{
		position: relative;
		width: 98%;
		display:block;
		
	}
}

div.angebot_rechts{
	position: relative;
	width: 45%;
	margin-left:5%;
	display:inline-block;
	vertical-align: middle;
	
}
@media (max-width: 1120px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1680px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2240px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2800px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3360px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1680px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2240px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2800px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3360px) and (orientation:portrait)
 {	
	div.angebot_rechts{
		margin-top:50px;
		position: relative;
		width: 98%;
		display:block;
		margin-left:0px;
	}
}


div.angebote_preisbutton{
	position:absolute;
	top:-90px;
	right:-20px;
	
}

@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
{
	div.angebote_preisbutton{
		top:-50px;
		
	}
}
div.angebote_preisbutton div.preis {
		position:absolute;
		top:48px;
		right:10px;
		width:120px;
		font-size:15pt;
		color:#384133;
		text-align:center;
		transform:rotate(18deg);
		-webkit-transform:rotate(18deg);
		-webkit-backface-visibility:hidden;
		transform-origin:top left;
}
	div.angebote_preisbutton span.preiszahl {
		font-size:32pt;
		font-weight:bold;
		color:#384133;
	}

a.angebote_submit {
	background:#E9F0E5;
	border: 2px solid #384133;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 25px;
	width: 500px;
	text-align: center;
	cursor: pointer;
	margin-bottom:30px;
	color:#384133;
	display:block;
	font-variant: small-caps;
	font-family: 'Play';
}
a.angebote_submit:hover {
	background: #384133;
	color:white;
	border: 2px solid white;
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
{
	a.angebote_submit {
		margin:10px 5px 20px 0px;
		padding:8px 60px 8px 60px;
		width: 98%;
		display:block;
	}
}
h1.angebot {
	font-size: 32pt;
	font-weight: normal;
	text-align: center;
	line-height: 1.1em;
	font-variant: small-caps;
	font-family: 'Play';
}



div.webcam_block{
	position: relative;
   	background: #384133;
 	color: white;
 	padding-left: 5%;
 	padding-right: 5%;
  	padding-bottom: 5%;
}
@media (max-width: 980px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1470px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1960px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2450px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2940px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1470px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1960px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2450px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2940px) and (orientation:portrait)
{
	div.webcam_block{
		padding:20px;
	}
}
@media (max-width: 980px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1470px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1960px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2450px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2940px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1470px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1960px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2450px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2940px) and (orientation:portrait)
{
	div.webcam_block h2{
		font-size:16pt;
	}
}
div.webcam{
	width:29%;
	margin-left:5%;
	display:inline-block;
}
@media (max-width: 980px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1470px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1960px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2450px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2940px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1470px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1960px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2450px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2940px) and (orientation:portrait)
{
	div.webcam{
		width:100%;
		margin-left:0%;
		display:block;
	}
}

div.webcam_inner{
	background: #E9F0E5;
	color: #384133;
	overflow:hidden;
	min-height:400px;
}
@media (max-width: 980px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1470px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1960px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2450px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2940px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1470px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1960px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2450px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2940px) and (orientation:portrait)
{
	div.webcam_inner{
		text-align:center;
	}

}
div.webcam_inner img{
	width:auto:
	height:250px;
}
@media (max-width: 980px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1470px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1960px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2450px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2940px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1470px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1960px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2450px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2940px) and (orientation:portrait)
{
	div.webcam_inner img{
		width:auto:
		height:250px;
		margin: 0px auto 0px auto;
		display:block;
		padding-top:20px;
	}
}

div.webcam_beschreibung{
	padding:5%;
}

div.wetter_block{
	position: relative;
   	background: #384133;
   	margin-top: 30px;
 	color: white;
 	padding: 10px 40px 30px 40px;

 }
  @media (max-width: 1210px),
  	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1815px) and (orientation:portrait),
  	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2420px) and (orientation:portrait),
  	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 3025px) and (orientation:portrait),
  	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3630px) and (orientation:portrait),
  	(min-resolution: 1.5dppx) and (max-width: 1815px) and (orientation:portrait),
  	(min-resolution: 2.0dppx) and (max-width: 2420px) and (orientation:portrait),
  	(min-resolution: 2.5dppx) and (max-width: 3025px) and (orientation:portrait),
  	(min-resolution: 3.0dppx) and (max-width: 3630px) and (orientation:portrait)
{
	div.wetter_block{
	 	padding: 10px 20px 30px 20px;
	 }
}
 div.wetter_widget{
 	position:relative;
 	float:left; 
 	margin-right:23px; 
 	width:230px; 
 	height:380px;
 	margin-top:20px;
 }
 @media (max-width: 1210px),
 	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1815px) and (orientation:portrait),
 	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2420px) and (orientation:portrait),
 	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 3025px) and (orientation:portrait),
 	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3630px) and (orientation:portrait),
 	(min-resolution: 1.5dppx) and (max-width: 1815px) and (orientation:portrait),
 	(min-resolution: 2.0dppx) and (max-width: 2420px) and (orientation:portrait),
 	(min-resolution: 2.5dppx) and (max-width: 3025px) and (orientation:portrait),
 	(min-resolution: 3.0dppx) and (max-width: 3630px) and (orientation:portrait)
{
	div.wetter_widget{
	 	
	 }
}
@media (max-width: 980px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1470px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1960px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2450px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2940px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1470px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1960px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2450px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2940px) and (orientation:portrait)
{
	div.wetter_widget{
	 	position:relative;
	 	float:left; 
	 	margin-right:23px; 
	 	margin-top:20px;
	 }
}

@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
{
	div.wetter_widget{
	 	position:relative;
	 	float:none; 
	 	margin:10px auto 0px auto;
	  	display:block;
	 }
}






div#footer_container{
	position: relative;
	width: 100%;
	text-align: center;
	background: #384133;

	
}
div#footer{
	position: relative;
	max-width: 1250px;
	width: 100%;
	margin: 0px auto 0px auto;
	display: flex;
	flex-wrap: wrap;	
	align-items: flex-end;
	padding: 50px;
	box-sizing: border-box;
}
@media (max-width: 950px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1425px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2375px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2850px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1425px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1900px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2375px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2850px) and (orientation:portrait)
 {
	div#footer{
		padding: 20px 10px 20px 10px;
	}
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
 {
	div#footer{
		height:100%;
		height:100vh;
		min-height: 600px;
		
	}
}
div#footer > div {
	color: white;
	line-height: 1.5em;
	font-family: 'Play' !important
}
div#footer > div > a, div#footer > div > span > a{
	color: white;
	font-family: 'Play' !important
}
div#footer > div:first-child{
	position: relative;
	width: 50%;
	text-align: left;	
	font-family: 'Play' !important
}
@media (max-width: 950px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1425px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2375px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2850px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1425px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1900px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2375px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2850px) and (orientation:portrait)
 {
	div#footer > div:first-child{
		width: 100%;
		margin-bottom: 20px;
	}
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
 {
	div#footer > div:first-child{
		text-align:center;
	}
	div#footer > div:first-child, div#footer > div:first-child * {
		font-size:13pt !important;
	}
}

div#footer > div:nth-child(2){
	position: relative;
	width: 25%;
	text-align: left;	
	font-family: 'Play' !important
}
@media (max-width: 950px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1425px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2375px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2850px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1425px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1900px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2375px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2850px) and (orientation:portrait)
 {
	div#footer > div:nth-child(2){
		width: 50%;
	}
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
 {
	div#footer > div:nth-child(2){
		display: none;
	}
}
div#footer > div:nth-child(3){
	position: relative;
	width: 25%;
	text-align: center;	
}
@media (max-width: 950px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1425px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2375px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2850px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1425px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1900px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2375px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2850px) and (orientation:portrait)
 {
	div#footer > div:nth-child(3){
		width: 50%;
	}
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
 {
	div#footer > div:nth-child(3){
		width: 100%;
		margin-bottom:50px;
	}
	div#footer > div:nth-child(3), div#footer > div:nth-child(3) * {
		font-size:13pt !important;
	}
}







div#logos_container{
	position: relative;
	width: 100%;
	text-align: center;
	padding: 20px 0px 20px 0px;
	background:white;
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
 {
	div#logos_container{
		transform: scale(0.8);
	}
}
div#logos{
	position: relative;
	max-width: 1250px;
	width: 100%;
	margin: 0px auto 0px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
}

div#logos img{
	width: auto;
	height: 90px;
	margin: 10px;
}
@media (max-width: 860px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1290px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1720px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2150px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2580px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1290px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1720px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2150px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2580px) and (orientation:portrait)
 {
	div#logos img{
		height: auto;
		margin: 10px;
	}
}
@media (max-width: 500px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 750px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1250px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 750px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1000px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1250px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1500px) and (orientation:portrait)
 {
	div#logos img{
		height: auto;
		margin: 10px;
		width: 25%;
	}
}
img#logo_naturpark{
	width: auto;
	height: 50px !important;
	margin: 10px;
}

@media (max-width: 860px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1290px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1720px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2150px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2580px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1290px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1720px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2150px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2580px) and (orientation:portrait)
 {
	img#logo_naturpark{
		width: 80% !important;
		height: auto !important;
		margin: 10px 10% 10px 10% !important;
		
	}
}

div#speisekarte_container{
	background:#FFF6FF;
	padding:10px;
	width:60%;
	display:block;
	margin: 10px auto 10px auto;
}
@media (max-width: 1200px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1800px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2400px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 3000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3600px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 3000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3600px) and (orientation:portrait)
 {
	div#speisekarte_container{
		width:90%;
	}
}
div#speisekarte_einleitung{
	width: 25%;
	display:inline-block;
	position:relative;
	padding-left:50px;
	 margin-right:30px;
	 vertical-align:baseline;
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
 {
	div#speisekarte_einleitung{
		width: 90%;
		display:block;
		padding-left:0px;
		margin:0px auto 0px auto;
	}
}
div#speisekarte_einleitung img{
	 height:auto; 
	 width:100%;
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
 {
	 div#speisekarte_einleitung img{
		 width:50%;
		 margin:0px auto 0px auto;
		 display:block;
	}
}
div#speisekarte_text{	
	width: 45%;
	display:inline-block;
	margin:25px;
	background:#384133;
	padding:30px;
	color:white;
	text-align:center;
	height:auto; 
	vertical-align:top;
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
 {
	div#speisekarte_text{	
		width:40%;
		margin:0px;
		padding:5%;
	}
}

@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
 {
	div#speisekarte_text{	
		width:90%;
		display:block;
		margin:0px;
		padding:5% 5% 20% 5%;
		
	}
}
div#speisekarte_text a{	
	color:white;
 	font-size:16pt;
 	background: none;
    	border: 2px solid white;
   	padding: 10px;
    	box-sizing: border-box;
    	border-radius: 25px;
  	width: 500px;
  	text-align: center;
}



#lightbox{	position: absolute;left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightboximageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/clips/lightboximages/prev.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/clips/lightboximages/next.png) right 15% no-repeat; }

#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData{padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#lightboxoverlay{ position: fixed; top: 0; left: 0; z-index: 90; width: 100%; height: 100%; background-color: #000; }

.imageDataAppear { animation: lightboxFlutsch 600ms 1;
	-webkit-animation: lightboxFlutsch 600ms 1;
}
@-webkit-keyframes lightboxFlutsch  {
	from {opacity:0; }
	to {opacity:1;}
}
@keyframes lightboxFlutsch  {
	from {opacity:0;}
	to {opacity:1;}
}
.imageDataOut { opacity:0;}

#imageData #imageDetails{ width: 70%; float: left; text-align: left;padding-top:2px;font-size:10pt;min-height:15px; }	
#imageData #caption {font-size: 11pt;
    line-height: 0;
    display: inline-block;
    min-height: 16px; }








h1.eip_headline{}
h2.eip_headline{}
h3.eip_headline{}


div.eip_imgtext_container_center  {
	text-align: center;
}

div.eip_imgtext_container  {}

p.eip_imgtext_text  {}

img.eipimgtextsize_big{ width: 50%; height: auto;max-width: 600px; border: none;}
img.eipimgtextsize_normal{width: 40%; height: auto;max-width: 300px; border: none;}
img.eipimgtextsize_small{width: 30%; height: auto;max-width: 150px; border: none;}

@media (max-width: 500px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 750px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1250px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 750px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1000px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1250px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1500px) and (orientation:portrait)
 {
	img.eipimgtextsize_big{ width: 100%; height: auto;float: none !important;display: block;margin: 0px 0px 20px 0px !important;}
	img.eipimgtextsize_normal{width: 100%; height: auto;float: none !important;display: block;margin: 0px 0px 20px 0px !important;}
	img.eipimgtextsize_small{width: 100%; height: auto;float: none !important;display: block;margin: 0px 0px 20px 0px!important;}
}




img.eip_img_img  {
	box-sizing: border-box;
	vertical-align: bottom;	
	
}
a.eip_img_link  {}
img.eipimgsize_big{ width: 100%; height: auto;max-width: 1250px; }
img.eipimgsize_normal{width: 70%; height: auto;max-width: 625px; }
img.eipimgsize_small{width: 50%; height: auto;max-width: 210px; }
	
@media (max-width: 500px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 750px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1250px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 750px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1000px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1250px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1500px) and (orientation:portrait)
 {
	img.eipimgsize_big{ width: 100%; height: auto;margin-left:0px !important;}
	img.eipimgsize_normal{width: 100%; height: auto;}
	img.eipimgsize_small{width: 100%; height: auto;}	
}


ul.eip_unordered_list  { }
ul.eip_unordered_list li  { }
ol.eip_unordered_list  {}
ol.eip_unordered_list li  {}




div.swingoutcontainer  {  position:relative;margin-top:10px;margin-bottom:10px; }

div.swingoutsingle  { border-bottom: 1px dotted #888888;margin-bottom:2px;margin-top:2px;padding-bottom:3px;padding-top:3px;  }
div.swingoutheader  {  padding-left:10px;  }
img.swingoutplus  {  margin-right: 0px;  }
div.swingouttext  {  padding-left: 30px;margin-top:5px;margin-bottom:5px;font-size:10pt;color:#1C1C1C;line-height:115%;  }


ul.eip_link_list  { }

ul.eip_link_list li  {}
a.eip_link_list  {}



div.eiptables  { position:relative;overflow:auto;height:auto; }

table.tables  {
 	border: 0px solid #BEBEBE;
 	border-collapse: collapse;
 	padding: 7px 7px 7px 0px;
 	margin: 5px 0px 8px 0px;
}
tr.tables  {}

td.tables  {
 	padding: 7px;
 	border-bottom: 1px solid #BEBEBE;
}
table.tableswithout  {
	border: 0px solid #FFFFFF;
 	padding: 7px 7px 7px 0px;
 	margin: 5px 0px 8px 0px;
}
tr.tableswithout  {
}
td.tableswithout  {
 	padding: 7px;
 	border: 0px solid #FFFFFF;
}

@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
  {
	div.eiptables table{
		display: block;
		border:0px solid white;
		width:auto !important;
	}
	div.eiptables tbody { display:block;width:auto; }
	div.eiptables  tr{
		display: block;
		border: 0px;
		border-top: 2px solid #384133;
		margin-top:12px;
		width:auto !important;
	}
	div.eiptables  td { 
		display: block;
		width: auto;
		border-right:0px;
		border-left:0px;
		border-top: 0px;
		border-bottom: 1px dotted #BEBEBE;
		width:auto !important;
	}
	div.eiptables  td {background: #EEEEEE; }
}



ul.eip_media_list  { text-align:center;list-style:none;margin-top:30px;}

ul.eip_media_list li  {}
a.media_list  {font-weight:normal;font-size:22pt;text-decoration:underline;}
span.media_list_subtitle  {}



div.eip_bildergalerie  {
	position: relative;
	width: 100%;
	/* max-width: 1250px; */
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
img.bildergalerie_thumb  { 
	width: 100%;height: auto;vertical-align: bottom;box-sizing: border-box;margin: 0px !important;
	border: none;
}
a.bildergalerie_thumb  {
	border: none;
	display: block;
	width: 50%;
}
a.bildergalerie_thumb:hover  img{
	filter: saturate(200%);
}





div.eip_video  {
	position:relative;
	width: 100%;	
	padding-bottom:56.25%;
	padding-top:0px;
	height:0;
	overflow:hidden;
	box-sizing: border-box;
}
iframe.eip_video_iframe { 
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

iframe.eip_map_iframe { 
	border:0;
	width:100%;
	height:500px;
	}






div.eip_trennlinie  {
	border-top: 1px solid #586153;
	margin-top:20px;
	margin-bottom:40px;
}

div.backlink{
	text-align: center;
}









div.boxes{
	position: relative;
	width: 100%;
	max-width: 1250px;
	margin: 0px auto 0px auto;
	box-sizing: border-box;
}
div.eip_box{
	position: relative;width: 100%;box-sizing: border-box;background:#FFF6FF;line-height:1.5em;display: flex;flex-wrap: wrap;align-items: center;
}
div.eip_box:nth-child(2n) > div.eip_box_img{
	order: 2;
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
  {
	div.eip_box:nth-child(2n) > div.eip_box_img{
		order: 1;
	}
}
div.eip_box:nth-child(2n) > div.eip_box_content{
	order: 1;
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
  {
	div.eip_box:nth-child(2n) > div.eip_box_content{
		order: 2;
	}
}
div.eip_box_img{
	width: 50%;
	height: auto;
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
  {
	div.eip_box_img{
		width: 100%;
	}
}
div.eip_box_content{
	position: relative;width: 50%;text-align: center;font-size: 12pt;padding: 20px;box-sizing: border-box;
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
  {
	div.eip_box_content{
		width: 100%;
		padding: 40px 10px 40px 10px;
	}
}
div.eip_box img{
	vertical-align: bottom;
}
div.eip_box_title{
	font-size: 28pt;margin-bottom: 40px;line-height: 1.1em; font-family: 'Play'; font-variant: small-caps;
}
div.eip_box_text{
	font-size: 12pt;margin-bottom: 20px;
}
a.eip_box_more{
	color: #666; padding: 7px 20px 7px 20px;border: 2px solid #666;border-radius: 25px;
}





div.boxes2{
	position: relative;
	width: 100%;
	max-width: 1250px;
	margin: 0px auto 0px auto;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	background: #E9F0E5;
}
div.eip_box2{
	position: relative;width: 35%;box-sizing: border-box;line-height:1.5em;
	margin: 10px 5% 10px 5%;cursor: pointer;
}
@media (max-width: 1000px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3000px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3000px) and (orientation:portrait)
  {	
	div.eip_box2{
		width: 90%;
	}	
}
div.eip_box2:hover{
	background: white;
}

div.eip_box2_img{
	width: 100%;
	height: auto;
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
  {
	div.eip_box2_img{
		width: 100%;
	}
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
  {
	div.eip_box2_img{
		width: 80%;
		margin-left:10%;
	}
}
div.eip_box2_content{
	position: relative; width: 100%; text-align:center; font-size: 12pt; padding: 20px;box-sizing: border-box;
}
div.eip_box2 img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
div.eip_box2_title{
	font-size: 22pt; margin-bottom: 30px; line-height: 1.1em;
	font-variant: small-caps;
	font-family: 'Play';
}
div.eip_box2_text{
	font-size: 12pt; margin-bottom: 20px;
	font-family: 'Play';
}










	div#headmenu ul {
  		list-style: none;
	 	margin: 0;
	  	padding: 0;
	  	z-index: 90;
	}

	div#headmenu > ul > li {		
	  	float: left;	  	
	  	width: 20%;  	
	}			
	
	div#headmenu > ul > li > ul {
  		display: none;
  		list-style: none;
  		margin: 0;
	  	padding: 0;
	}	
	div#headmenu > ul {	 	
	 	list-style: none;
		overflow: hidden;
		margin: 0 auto 0 auto;
	  	padding: 0;		
	  	width: 95%;  	
	  	display: flex;
	  	justify-content: space-between;
	}	

	div#headmenu > ul > li > a {
 	 	display: block;
	 	white-space: nowrap;
	  	color: #CBCFCA;
		background: transparent;
		font-size: 17pt;
		text-decoration: none !important;	
		padding: 15px 20px 15px 20px;	
		text-align: center;
		line-height: 1.3em;		
		box-sizing: border-box;
	}

	div#headmenu > ul > li > a:hover {
 	 	text-decoration: underline !important;
	}
	a.active{
		text-decoration: underline !important;
	}
	div#headmenu > ul > li:hover > ul {
	  	display: block;
	  	position: absolute;
	  	max-width: 200px;
	}	
	
	div#headmenu > ul > li > ul > li {
	  	position: relative;	  	
	  	width: 100%;
	}	
	div#headmenu > ul > li > ul > li > ul {
	  	display: none;
	}
	div#headmenu > ul > li:last-child > ul  {
	 	margin-left: -50px;
	}
@media (max-width: 1000px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3000px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3000px) and (orientation:portrait)
  {	
	div#headmenu > ul > li:last-child > ul  {
	 	margin-left: -80px;
	}
}

	div#headmenu  ul > li > ul > li > a {
		width: 100%;
		display: block;		
	  	color: white !important;
	  	background: rgba(56, 65, 51, 0.7) !important;	  	
	  	
	  	font-size: 12pt;
	  	padding: 5px 10px 5px 10px;	  	  	
	  	text-decoration: none !important;
	  	border-bottom: 1px solid white;
	  	min-width: 200px;
	  	box-sizing: border-box;
	}
	div#headmenu  ul > li > ul > li > a:hover {		
	  	color: white !important;
	  	background: #384133 !important;
	}

	
	





div#mobile_nav{
	display: none;
}
@media (max-width: 1000px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3000px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3000px) and (orientation:portrait)
  {	
	div#mobile_nav{		
		position: fixed;
		display: block;
		top: 0px;
		left: 0px;	
		width: 100%;		
		background: #384133;
		z-index: 95;		
		text-align: center;
		box-shadow: 0px 6px 18px -3px rgba(0,0,0,0.3);
		padding:4px;
		
		border-bottom-left-radius: 30% 50px;
		border-bottom-right-radius: 30% 50px;
		box-sizing: border-box;
		padding: 3px 24% 10px 24%;
		box-sizing: border-box;
	}	
	div#mobile_nav img{
		border: 0;	
		vertical-align: bottom;
		width: 35px;
		height: auto;
		padding-right:4px;	
		padding-left: 4px;
	}
}

a.mobile:link, a.mobile:visited, a.mobile:active, a.mobile:hover   { 
	color: #36272D;
	background: transparent;
	border-bottom: 1px solid #384133;
	font-size: 12pt;
	text-decoration: none;
	display: block;	
	padding: 6px;	
}
a.mobile:hover  { 
	color:white;
	background-color:  #384133;
}
a.mobile_lvl2{
	padding-left: 30px !important;
}
a.mobile_lvl3{
	 padding-left: 60px !important;
}






div#plugincalcontainer  {  background:white;width:380px;border:1px solid #555555;position:absolute;top:0px;left:0px;-moz-box-shadow: 0px 0px 10px #777; -webkit-box-shadow: 0px 0px 10px #777;box-shadow: 0px 0px 10px #777;z-index:50000;  }
div#plugincalcontainer table { width:100%; }

@media (max-width: 500px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 750px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1250px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 750px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1000px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1250px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1500px) and (orientation:portrait)
 {
	div#plugincalcontainer  {  
		width:100%;		
		left:0px !important;
		box-sizing: border-box;
	}
}
	th.plugincal  {  width:40px;text-align:center;font-weight:bold;padding:3px;border-bottom:1px dotted #666666;border-top:1px dotted #666666;  }
	td.plugincal  {  width:40px;text-align:center;padding:0px;cursor:pointer; }
	td#plugincalmonthtd  {  width:340px !important;text-align:center;font-size:12pt;font-weight:normal;  }
	td#plugincaltdclose  {  padding-right:10px;padding-top:3px;padding-bottom:8px;  }
	a#plugincalclose  {  font-weight:bold;color:#222222;font-size:12pt;display:block;background:white;padding:6px;  }
	a.plugincala  {  text-decoration: none;color: black;display:block;padding:3px;font-size:12pt;font-weight:normal;  }
	a.plugincala:hover  {  background: #DDDDEE;font-size:12pt;font-weight:normal;color:black;  }
	
	input.fieldweekday, input.fieldweekday:disabled  {  border: 0px solid #7F9BD9;background: transparent;width: 30px;color:white;text-align:left;padding-left:5px; }
	input.fieldday  {  border-bottom: 1px solid #7F9BD9;border-right: 1px solid #7F9BD9;border-top: 1px solid #7F9BD9;border-left: 0px solid #7F9BD9;padding-left:5px;background: white;  }