/* CSS Document */
header,main,article,aside{
	display:block;	
}
html,body{
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
	min-width:300px;
	display:block;	
	font-family: "Helvetica Neue", Helvetica,Verdana, Arial, sans-serif;
}
.livecambutton{
	display:block;
	background-color:#f2d98d;
	font-size:13px;
	font-weight:bold;
	color:#9f2525 ;
	padding:10px 10px 10px 35px;
	border-radius:4px;
	background-repeat:no-repeat;
    border-top:1px solid #eccb6a;
	border-right:1px solid #dfc884;
	border-left:1px solid #dfc884;
	border-bottom:1px solid #dabe6b;
	background-position-y:center;
	text-decoration:none !important;
	position: relative;
}

.livecambutton::before {
	position: absolute;
	content: "";
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 13px;
	height: 13px;
	border-radius: 15px;
	background-color: #9f2525;
	animation: blink 2s infinite;
}

@keyframes blink {
	0% {
		background-color: #9f2525;
	}
	50% {
		background-color: #dc2626;
	}
	100% {
		background-color: #9f2525;
	}
}

a img{
	border:0px;	
}
body{
	min-height:101%;	
}

body.lightbox-open{
	overflow:hidden;	
}

body.lightbox-open::after {
	display: block;
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 9999;
}

.lightbox{
	display: flex;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	justify-content: center;
	align-items: center;
	z-index: 10000;
}

.lightbox img{
	max-width: 90%;
	max-height: 90%;
	user-select: none;
	pointer-events: none;
}

table, caption {
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-variant: inherit;
}
th,td{/*padding:0px;*/}
header#headerimage{
	display:block;
	position:relative;
	width:100%;
	height:658px !important;
	background-color:#ccc;
	background-image:url(../images/header2.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:cover;
	transition:all .6s;
}
.message{
	border:1px solid #B4C823;
	background-color:#BBD025;
	color:#3D630B;
	padding:10px 10px 10px 50px;
	border-radius:3px;
	background-image:url(../images/icon_13_like.png);
	background-size:56px 56px;
	background-position:left center;
	background-repeat:no-repeat;
}
.text-warning{
	border:1px solid #9f2525;
	color:#9f2525;
	padding:10px;
	border-radius: 3px;
	background-color:#e07b7b;
	display:block;
	margin-top:10px;
}
.labels {
     color: #f2d98d;
     background-color: #9f2525;
     font-family: "Lucida Grande", "Arial", sans-serif;
     font-size: 13px;
     font-weight: normal;
     text-align: center;
     padding:5px 10px 5px 10px;    
     white-space: nowrap;
     position: relative;
	
	
   }
nav#mainnav{
	position:absolute;
	bottom:0px;
	background-color:#9f2525;
	border-bottom:5px solid #f2d98d;
	min-height:53px;
	width:100%;
	z-index: 1;
}
nav .main-width{
	max-width:1100px;
	width: 100%;
	margin:auto;	
}
nav .logo{
	width:312px;
	height:96px;
	display:block;
	position:absolute;
	right:50%;
	bottom:20px;
	margin-right:-156px;
	transition:bottom .4s;
}

nav .logo img{
	width:100%;
	height:auto;
	z-index: 1;
	position: relative;
}

nav .logo::after {
	z-index: 0;
	display: block;
	content:"";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 5px;
	width: 100%;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	border-radius: 26px;
}

nav .main-width .menu{
	display:none;	
}
nav .main-width .rightmenu{
	float:right;
	list-style:none;
	margin:10px;
	padding:0px;
}

nav .main-width .leftmenu{
	float:left;	
	list-style:none;
	margin:10px;
	padding:0px;
}
nav .main-width ul li{
	float:left;
	font-size:14px;
	display:block;
	position:relative;
}
nav .main-width ul li a{
	color:#ffe8a3;
	text-decoration:none;
	padding:10px 13px;
	display:block;
}
nav .main-width .rightmenu li a{
	padding:10px 17px !important;
}
nav .main-width ul li a.aktiv{
	background-color:rgba(0,0,0,0.1);
}
nav .main-width ul li:hover>a{
	background-color:rgba(0,0,0,0.1);
}
nav .main-width ul li:hover ul{
	display:block;	
}
nav .main-width ul li ul{
	display:none;
	position:absolute;
	left:0px;
	top:35px;
	min-width:140px;  
	padding:0px;
	margin:0px;
	background-color:#8e2121; 
	/*box-shadow:0px 4px 5px #333;*/
}
nav .main-width ul li ul li{
	display:block;
	float:left;	 
	min-width:140px;
	width: 100%;
}
.unmenu{
	position:absolute;
	display:none;
	top:37px;
	right:0px;
	width:100%;
	padding:0px;
	background-color:#9f2525;
	transition:width 0.4s;
	z-index:23;
}
.unmenu.aktiv{
	display:block !important;	
}
.unmenu li{
	width:100%;
	text-align:center;
	box-sizing:border-box;
	background-color:#8A2122;
}
.unmenu li a{
	width:100%;
	box-sizing:border-box;
	text-align:left;	
	padding-left:20px !important;
	padding-right:0px !important;
	border-top:1px solid rgba(242, 217, 141,0.5);
	border-top-color:rgba(0, 0, 0,0.1);
}
.unmenu li ul {
	display:block !important;
	position:relative !important;
	width:100%;
	top:auto !important;
	padding:0px;
	margin:0px;
	background-color:#9f2525 !important;
}
.unmenu li ul li{
	background-color:transparent !important;
	float:none !important;
}
.unmenu li ul li a{
	border-top-color:rgba(0, 0, 0,0.3);
	padding-left:30px !important;	
}
main{
	display:block;
	max-width:1100px;
	width: 100%;
	min-height:400px;
	margin:auto;
}
main article{
	padding:60px 80px 60px 60px;
	width:800px;
	box-sizing:border-box;
	float:left;
	color:#444;
	font-size:14px;
}
main article a{
	color:#9f2525;
}
sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}
sub { top: 0.4em; }
main article p{
	line-height:22px;	
}
main article h1{
	color:#9f2525;
	font-weight:normal;
	font-size:28px;
	margin:0px;
	padding:0px;
}
main article h2{
	color:#9f2525;
	font-weight:normal;
	font-size:17px;
	margin:0px;
	padding:0px;
}
main article h3{
	color:#9f2525;
	font-weight:normal;
	font-size:17px;
	margin:6px 0;
	padding:0px;
}
main article ol{
	margin:0px;
	padding:0px 0px 0px 30px;
	font-size:14px;
}
main article ol li{
	padding-top:20px;
}
main article ul.liste{
	
}
main article ul.liste li{
	margin-bottom:6px;
}
main .sidebar{
	width:222px;
	float:right;
	min-height:200px;
	padding-top:40px;
}
main .sidebar .anfrage{
	background-color:#f2d98d;
	border-top: 1px solid #eccb6a;
    border-right: 1px solid #dfc884;
    border-left: 1px solid #dfc884;
    border-bottom: 1px solid #dabe6b;
	border-radius: 4px;
	width:202px;
	/*height:150px;*/
	margin-top:10px;
	padding:10px;
	font-size: 12px;
} 
	main .sidebar .waldhuette{
		width:100%;
		font-size:14px;
		margin-top:10px;
		margin-bottom:20px;
		color:#333;
	}
	main .sidebar .sidemenu{
		width:100%;
		font-size:12px;
		margin-top:0px;
		margin-bottom:40px;
		color:#333;
		padding:10px;
		background-color:#9f2525;
		box-sizing:border-box;
	}
	main .sidebar .sidemenu a{
		display:block;
		text-decoration:none;
		color:#f2d98d;
		padding:4px 0px;
	}
	main .sidebar .sidemenu ul{
		list-style:none;
		margin:0px;
		padding:0px;
	}
	main .sidebar .sidemenu ul li{
	
	}
	main .sidebar .sidemenu a:hover{
		text-decoration:underline;
	}
	main .sidebar .waldhuette img{
		display:block;
	}
	main .sidebar .waldhuette span{
		display:block;
		padding-top:5px;
		font-size:13px;
		/*text-align:justify;
		padding:10px;
		background-color:#f2d98d;*/
	}
	main .sidebar .waldhuette h3{
		color:#9f2525;
		font-weight:bold;
		font-size:15px;
		margin:0px;
		padding:0px;
	}
main .sidebar .anfrage input{
	padding:5px;
	width:202px; 
	margin:0px 0px 10px 0px;
	box-sizing:border-box;
	border:1px solid #fff;	
}
	main .sidebar .anfrage input[type=button]{
		background-color:#f2d98d !important;
		cursor:pointer;
		border:1px solid #f2d98d !important;
		margin-bottom:0px;
	}
footer{
	background-color:#9f2525;
	height:55px;
	width:100%;
	display:block;
	font-size:14px;
	color:#f2d98d !important;
}
footer a{
	color:#f2d98d;
	text-decoration:underline;	
}
footer table{
	width:1024px;
	color:#f2d98d !important;	
}
.select{
	position:relative;
	display:block;
	font-size:13px;
	color:#333;
	width:55%;
	background-color:#fff;
	padding:5px 4px 6px 4px;
	margin-bottom:10px;
	box-sizing:border-box;	
	background-image:url(../images/down.png);
	background-position:94% center;
	background-repeat:no-repeat;
}
	#typ{
		white-space: nowrap;
  		text-overflow: ellipsis;
		overflow:hidden;
		width:85%;	
		display:inline-block;
	}
.personen{
	width:40% !important;
}	
.select ul{
	display:none;
	position:absolute;
	width:100%;
	left:0px;
	top:25px;
	margin:0px;
	padding:0px;
	list-style:none;
	box-shadow:0px 2px 4px #222;
}
.select ul li{
	cursor:pointer;
	display:block;
	background-color:#fff;
	padding:5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select ul li:hover{
	background-color:#ccc;	
}
.select:hover ul,.select.aktiv ul{
	display:block;	
}
main .sidebar .wetter{
	width:202px;
	height:180px;
	padding:10px;
background: -moz-linear-gradient(top,  rgba(234,234,234,1) 0%, rgba(246,246,246,0) 59%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(59%,rgba(246,246,246,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(246,246,246,0) 59%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(246,246,246,0) 59%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(246,246,246,0) 59%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(234,234,234,1) 0%,rgba(246,246,246,0) 59%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.sidemenu a.aktiv{
		text-decoration:underline !important;
}

.bottom-elements {
	position: absolute;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	left: 0;
	right: 0;
	border-top: 4px solid #9f2525;
}

.sozialmedia{
	width: 100%;
	max-width: 1100px;
	position: relative;
	padding:0px;
	z-index:999;
	opacity:1;
}

.menuopen .sozialmedia {
	display: none;
}

.sozialmedia a{
	display: block;
	text-decoration:none;
	color:#f2d98d;
	background-color:#9f2525;
	font-size:14px;
	float:right;
	margin-left:5px;
	font-weight:bold;
	transition:all .3s;
	padding:10px 20px;
}
.sozialmedia a:hover{
	/*color:#9f2525;*/
	background-color:rgb(142,33,33);
}
.slideshow{
	width:100%;
	box-sizing:border-box;
	margin-top:0px;
	margin-bottom:40px;
}
.slideshow div img{
	width:100%;
}
.footer_div{
	width:1024px;margin:auto;padding:20px;font-size:12px;background-color:#9f2525;
	box-sizing:border-box;
}
.zimmer_div{
	width:444px;
	font-size:13px;
}
.zimmer_div b{
	color:#9f2525 !important;
}
.zimmer_div td{
	text-align:center !important;
	vertical-align:middle;
}
.zimmer{
	list-style:none;
	padding:0px;
	margin:0px;
}
.zimmer li{
	float:left;
	margin-right:0px;
	display:block;
}
.zimmer img{
	display:block;
	width:141px;	
}
.zimmer td{
	font-size:12px;	
}

.zimmer_div table{
	border-spacing:3px;
	margin:0px;
}
.pricelist{
	font-size:13px;	
	  border-spacing:0px;
}
.pricelist b{
	color:#9f2525 !important;
}
.pricelist td{
	text-align:left;
	vertical-align:middle;
	padding:0px;
}
.pricelist_resp{
	display:none;	
}
.formular input:not([type=checkbox]){
	border:1px solid #ccc;
	padding:10px;
	width:49%; 
	border-radius:3px;
	box-sizing:border-box;
	margin-bottom:4px;
	-webkit-appearance: none;
}
.formular input:first-child{
	margin-right:2%;
}
.formular input[type=submit], .formular .submit{

	-webkit-appearance: none;
	background-color:#9f2525 !important;
	color:#f2d98d !important;
}

.formular textarea{
	width:100%;
	height:200px;
	padding:10px;
	border:1px solid #ccc;
	border-radius:3px;
	box-sizing:border-box;
	margin-top:2%;
	margin-bottom:2%;
	-webkit-appearance: none;
}
.formular select{
	-webkit-appearance: none;
	width:49%;
	box-sizing: border-box;
	border-radius: 3px;
	border:1px solid #ccc;
	padding:10px;
	background-image:url('../images/down.png');
	background-repeat: no-repeat;
	background-position:98% center;
}
#gmap{
	width:100%;
	height:100%;
	z-index:0;
}
.sitemap, .sitemap ul{
	list-style:none;
	padding-left:0px;
}
.sitemap li{
	margin-bottom:15px;
}
.sitemap li ul{
	margin-top:15px;	
	padding-left:26px;
}
.galimage{
	transition:all .3s;
	width:200px;
	-webkit-backface-visibility: hidden;
}
.galimage:hover{
	transform:rotate(1deg) scale(1.1);	
}
@media all and (max-width: 1024px) {
.galimage{
	box-sizing:border-box;
	margin:1%;
	float:left;
	width:43%;
}
.formular input{
	border:1px solid #ccc;
	padding:10px;
	width:100%;
	border-radius:3px;
	box-sizing: border-box;
}
.formular select{
	width:100%;
}
.formular textarea{
	width:100%;
	padding:10px;
	border:1px solid #ccc;
	border-radius:3px;
	box-sizing:border-box;
}
	footer table{
		width:100%;	
	}
	.pricelist{
		display:none;	
	}
	.pricelist_resp{
		display:block;
		width:100%;	
	}
	.price_item{
		display:block;
		width:100%;	
		margin-top:10px;
	}
	.price_item .head{
		padding:12px;
		font-size:16px;
		background-color:#9f2525;
		color:#f2d98d;
		display:block;

	}
	.price_item .head .down{

	}
	.price_item.aktiv .price_content{
		display:block;
		height:auto;
		padding:10px 10px;
		box-sizing: border-box;
		width:100%;
	}
	.price_content{
		width:100%;
		padding:0px 10px;
		height:0px;
		overflow: hidden;
		transition:height .5s;
		-webkit-transition: height .5s;
		display:block;
		box-sizing:border-box;	
	}
	.footer_div{
		width:100% !important;
		box-sizing:border-box;	
	}
	main{
		width:100%;
	}
	.slideshow{
		width:100%;
		margin-top:0px;
		margin-bottom:0px;
	}
	.slideshow img{	
	}
	.sozialmedia{
		width:100% !important;
		box-sizing:border-box;
		margin-left:0px;
		left:0px;
	}
	main article{
		width:70%;
	}
	main .sidebar{ 
		width:25%;
		margin-right:5%;
	}
	main .sidebar .anfrage{
		width:100%;	
		padding:10px;
		box-sizing:border-box;
		margin-top:10px;
	}
	main .sidebar .waldhuette{
		width:100%;	
		
		box-sizing:border-box;
		margin-top:10px;
	}
	main .sidebar .wetter{
	width:100%;
	box-sizing:border-box;
	}
	main .sidebar .anfrage input{
		width:100%;	
		margin:0px;
		margin-bottom:10px;
	}
	nav .main-width>ul{
		display:none;	
	}
	nav .main-width{
		width:100%;	
	}
	nav .main-width .menu{
		display:block;
		background-size:100% 100%;
		width:35px;
		height:35px;
		margin:10px 10px;
		position: relative;
		
		/* background-image:url('../../images/menu.png'); */
		cursor:pointer;
	}

	.unmenu {
		width: 100vw !important;
		left: -10px;
		top: 80%;
	}

	nav .logo{
		bottom:-10px;
		width:312px;
		height:96px;
		z-index:100;
	}
	
	.unmenu{
		width:200px;
		}
	.slideshow{
		padding:20px;
	}
}

#cookiediv{
	background-color:rgba(0,0,0,0.9);
	position: fixed;
	bottom:0;
	left:0;
	right:0;
	z-index: 99999999;
	color:#fff;
	font-size:11px;
	opacity: 1;
}
#cookiediv a{
	color:#1C74BC;
}
#cookiediv:hover{
	opacity: 1;
}
.cookiemessage{
	padding:10px;
	display:inline-block;
}
#cookieCloser{
	position: absolute;
	right: 7px;
    top: 7px;
	padding:10px;
	background-color:#000;
	color:#fff;
	cursor: pointer;
}

@media all and (max-width: 640px) {
	
	.cookiemessage{
	padding:10px;
	display:inline-block;
	width:82%;
}
#cookieCloser{
	position: absolute;
	right: 7px;
    top: 7px;
	padding:10px;
	background-color:#000;
	color:#fff;
	cursor: pointer;
	bottom:7px;
	padding:25px;
}
	
	.galimage{
	box-sizing:border-box;
	margin:10px 3% !important;
	width:44%;
	float:left;
	
}
	main article table tr td{
		padding:0px;
		margin:0px;
	}
	main article table tr{
		clear:left;
	}
.footer_div{
		width:100% !important;	
	}
	header#headerimage{
	display:block;
	position:relative;
	width:100%;
	max-height: 60vh !important;
	background-color:#ccc;
	background-image:url(../images/header2.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	background-size:cover;
	}
	nav .logo{
		width:60%;
		height:inherit;
		right:50%;
		bottom:-20px;
		margin-right:-30%;
		max-width:312px;
		/*min-width:251px;*/
	}
	.unmenu{
		padding-top: 30px;
		width:100%;	
	}


	nav .main-width .menu::after {
		content:"";
		position: absolute;
		display: block;
		transform-origin: left;
		top: 10px;
		left: 0;
		width: 33px;
		height: 3px;
		background-color: #f2d98d;
		transition: all 0.3s;
	}

	nav .main-width .menu::before {
		content:"";
		position: absolute;
		display: block;
		left:0;
		bottom: 10px;
		transform-origin: left;
		width: 33px;
		height: 3px;
		background-color: #f2d98d;
		transition: all 0.3s;
	}

	nav .main-width .menu.active::after {
		transform: rotate(45deg);
		top: 4px;
	}

	nav .main-width .menu.active::before {
		transform: rotate(-45deg);
		bottom: 4px;
	}

	.sidebar{
		display:none;	
	}
	main{
		width:100%;	
	}
	main article{
		width:100% !important;
		padding:20px;	
	}
	main article img{
		width:30%;
		height:auto;
		margin:10px !important;	
	}
	main article h2{
		font-size:14px;	
	}
	.siteimage{
		width:100% !important;
		height:auto;	
		float:left !important;
		margin:10px 0px !important;
	}
}

* {
	box-sizing: border-box;
}

.smallsearchAnfrage {
	background: #9f2525;
	padding: 15px 15px;
	position: relative;
	width: 100%;
}
.eb_smallsearch {
	width: 100%;
	max-width: 1100px;
	margin: auto;
}
.smallsearchForm {
	width: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.eb_smallsearch select {
	background-color: #FFF;
	border: 1px solid #CCC;
	height: 30px;
	padding: 7px 6px;
	width: 60px;
	float: right
}
.eb_smallsearch .adults .label,
.eb_smallsearch .children .label {
	color: #666;
	line-height: 30px;
	padding-right: 10px
}
.eb_smallsearch .adults,
.eb_smallsearch .children {
	margin: 5px 20px 0 0
}
.eb_smallsearch h3 {
	width: auto;
}
.eb_smallsearch .arrival,
.eb_smallsearch .departure {
	min-width: unset;
	float: left;
	margin-right: 20px;
	width: 330px;
}
.eb_smallsearch .arrival input,
.eb_smallsearch .departure input {
	color: #8A2122;
	font-size: 16px;
	height: 45px;
	line-height: 23px;
	padding-left: 15px;
	width: 100%;
	margin: 0px 0;
	z-index: 99;
	border: none;
}
.eb_smallsearch form div.search .sendButton {
	background: none repeat scroll 0 0 #671414;
	border: 0 none;
	border-radius: 4px;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
	color: #ffe8a3;
	cursor: pointer;
	float: unset;
	font-size: 15px;
	margin: 0px 0;
	padding: 15px 33px;
	margin-right: 0;
	min-width: 222px;
}
.eb_smallsearch h3 {
	color: #666;
	font-family: 'Raleway', sans-serif;
	font-size: 28px;
	font-weight: bold;
	margin-top: 6px;
	text-transform: uppercase;
}
.eb_smallsearch .datepicker {
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23ced0da' d='M9,10V12H7V10H9M13,10V12H11V10H13M17,10V12H15V10H17M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H6V1H8V3H16V1H18V3H19M19,19V8H5V19H19M9,14V16H7V14H9M13,14V16H11V14H13M17,14V16H15V14H17Z'/%3e%3c/svg%3e") no-repeat right .5rem center/20px #fff;

	border: 0 none;
}
#ui-datepicker-div {
	font-size: 17px;
}
@media screen and (max-width: 1000px) {

	.smallsearchAnfrage {
		flex-direction: column;
	}

	.smallsearchForm {
		display: flex !important;
		gap: 10px;
	}

	.search {
		width: 100%;
	}

	.eb_smallsearch .arrival,
	.eb_smallsearch .departure {
		width: calc(50% - 5px);
		margin-bottom: 0;
		margin-right: 0;
		font-size: 20%;
	}
	.eb_smallsearch form div.search .sendButton {
		width: 100%;
		margin-right: 0px;
	}
	.eb_smallsearch {
		margin-left: 0px;
	}
}
@media screen and (max-width: 500px) {
	.eb_smallsearch form div.search .sendButton {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 10px;
	}
}