html{
	/* width:100%; */
	height:100%;
}

body{
	/* width:100%; */
	height:100%;
	overflow-x: hidden;
	overflow-y: scroll;
	font-family: 'Open Sans', sans-serif;
}

.wrap {
	min-height: 100%;
	position: relative;
}

.container.bs-docs-container{
	padding-bottom: 250px;
}

#idtpl_2 .container.bs-docs-container{
	display:none;
}


h1,
h2.con_flex_h2{
	font-family:'EB Garamond';
	text-transform:uppercase;
	font-style: normal;
	font-weight:600;
	color:#A91D31;
	font-size:36px;
}

h1.first{
	margin:40px 0 30px 0;
}

#idtpl_2 h1,
#idtpl_2 h2.con_flex_h2{
	color:#fff;
	margin:20px 0 10px 0;
}

.container.bs-docs-container a{
	text-decoration:underline;
}

.container.bs-docs-container a:hover,
.container.bs-docs-container a:focus{
	color:#A91D31;
	text-decoration:none;
}


/*** navigation ***/

.navbar-toggle{
	margin:8px 0 8px -24px !important;
	left:50%;
}

.bs-docs-nav .navbar-nav > li{
	position:relative;
}

@media only screen and (min-width: 768px) {


	.bs-docs-nav .navbar-nav > li > a > span{
		width: 20px;
		height: 10px;
		bottom: -40px;
		position: absolute;
		left: 0;
		background:url('images/Triangle.svg') no-repeat;
		background-size:100% auto;
		z-index:10000;
		display:none;
	}

	.bs-docs-nav .navbar-nav .open > a > span{
		display:block;
	}

}


.bs-docs-nav .navbar-nav > li > a{
	padding:0 0 0 10px;
	margin:0 10px 0 0;
	line-height:14px;

	/* border-left:1px solid #A91D31; */
	text-transform:uppercase;
}

.bs-docs-nav .nav .open > a,
.bs-docs-nav .nav .open > a:hover,
.bs-docs-nav .nav .open > a:focus{
	background:none;
}

.bs-docs-nav .navbar-nav .open .dropdown-menu{
	background:#A91D31;
	color:#fff;
	box-shadow:0 5px 5px rgba(0,0,0,0.5);
}

@media only screen and (min-width: 768px) {

	.bs-docs-nav .navbar-nav .open .dropdown-menu{
		padding:15px 0;
	}

	/*
	.bs-docs-nav .navbar-nav .open .dropdown-menu{
		position:fixed;
		top:150px;
		left:0;
		right:0;
	}
	 */
}


.bs-docs-nav .dropdown-menu{
	border:0;
	padding:0;
	top:152%;
}

.bs-docs-nav .dropdown-menu > li > a{
	border-top:1px dotted #fff;
	transition: all 0.5s ease;
}

.bs-docs-nav .dropdown-menu > li:first-child > a{
	border-top:0;
}

.bs-docs-nav .dropdown-menu > li:first-child > a.active{
	border-top:1px solid #999;
}

.bs-docs-nav .navbar-nav > li > a.open,
.bs-docs-nav .navbar-nav > li > a.active{
	color:#000;
}

.bs-docs-nav .dropdown-menu > .active > a,
.bs-docs-nav .dropdown-menu > .active > a:hover,
.bs-docs-nav .dropdown-menu > .active > a:focus{
	background:none;
}

.bs-docs-nav .navbar-nav .open .dropdown-menu > li > a{
	color:#fff;
}

.bs-docs-nav .dropdown-menu > li > a:hover,
.bs-docs-nav .dropdown-menu > li > a:focus,
.bs-docs-nav .navbar-nav .open .dropdown-menu > .active > a{
	background:none;
}

.bs-docs-nav .dropdown-menu > .active > a,
.bs-docs-nav .dropdown-menu > .active > a:hover,
.bs-docs-nav .dropdown-menu > .active > a:focus,
.bs-docs-nav .dropdown-menu > li > a:hover,
.bs-docs-nav .dropdown-menu > li > a:focus{
	font-weight:bold;
}


.bs-docs-nav .navbar-nav > li:first-child > a{
	border-left:0;
	padding:0;
}


.bs-docs-nav .navbar-nav > li > a > span.glyphicon-triangle-bottom{
	padding-left:5px;
}

.bs-docs-nav .navbar-nav > li > a.open > span{
	position: absolute;
	left: 15px;
	top: 29px;
	width: 10px;
	height: 10px;
	display: inline-block;
}

.bs-docs-nav{
	background:#fff;
	box-shadow:0 0 5px #000;
	height:150px;
}

.bs-docs-nav .container{
	position:relative;
	height:100%;
}

#bs-navbar{
	position:absolute;
	bottom:15px;
}

.subnavi{
	position: absolute;
	left: 0;
	right: 0;
	background: #a91d31;
	height:0;
	min-height:0;
	max-height:0;
	overflow:hidden;
	transition: max-height 0.5s;
	/* margin-top:-10px; */
	z-index:1;
}

/*
.subnavi .container{
	padding-top:45px;
}

@media (min-width: 0px) and (max-width: 1024px) {
	.subnavi .container{
		padding-top:45px;
	}
}

 */

.bs-docs-nav .container{
	z-index:2;
}

.subnavi .container{
	/* box-shadow:0 0 10px rgba(0,0,0,0.5); */
}

.subnavi .img{
	width:100%;
	height:auto;
}

@media (min-width: 0px) and (max-width: 1024px) {
	.subnavi .img{
		width:auto;
		height:100%;
	}
}

.subnavi.active{
	display:block;
	height:auto;
	min-height:auto;
	max-height:200px;
	transition: max-height 0.5s;
}

@media (min-width: 0px) and (max-width: 1024px) {
	.subnavi.active{
		max-height:400px;
	}
}

.subnavi ul{
	list-style: none;
	padding: 15px 0;
	margin:0;
}

.subnavi ul > li{
	padding:5px 0;
	border-top:1px dotted #fff;
}

.subnavi ul > li:first-child{
	border-top:0;
}

.subnavi ul > li > a{
	color: #ccc;
	text-transform: uppercase;
}

.subnavi ul > li > a:hover,
.subnavi ul > li > a:focus,
.subnavi ul > li.active > a{
	color: #fff;
	text-decoration:none;
}



.closer{
	display:none;
	border:0;
	background:none;
	padding:10px;
	color:#fff;
	font-size:18px;
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	float:right;
	text-shadow: 0 0 8px rgba(0,0,0,0.5);
}

@media (min-width: 0px) and (max-width: 1024px) {
	.closer{
		display:block;
	}
}

div.homepage{
	position:absolute;
	bottom:25px;
	right:0;
}

div.homepage a{
	display:block;
	height:76px;
}

div.homepage a img{
	width:297px;
	height:100%;
}

.slick-slider{
	z-index:1;
}


.galery-wrap{
	position:relative;
}


#teaser {
	position:absolute;
	left:0;
	right:0;
	bottom:30px;
	z-index:10;
}

#teaser h2.art_headline{
	color:#fff;
	margin-top:0;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
}

#teaser h2.art_headline a{
	display:block;
	background:#A91D31;
	text-decoration:none;
	color:#fff;
	padding:15px;
	min-height:108px;
	height:auto;
	box-shadow: 0 0 5px #000;
	transition: all 0.5s ease;
}

#teaser h2.art_headline a:hover,
#teaser h2.art_headline a:focus{
	transform: scale(0.95);
}

#teaser h2.art_headline span{
	display:block;
	font-size:14px;
	margin-top:7px;
	text-transform:none;
	font-weight:normal;
}


/*** tabelle ***/

table.table{
	width:100% !important;
	border-bottom:1px solid #ddd;
}

#booking{
	width:100%;
	height:1300px;
}

#map{
	height:340px;
	margin-top:-20px;
}

.popover{
	z-index: 999;
}

/*** footer ***/

.bs-docs-footer{
	background:#a91d31;
	bottom: 0;
	height:200px;
	left: 0;
	position: absolute;
	width: 100%;
}

#idtpl_2 .bs-docs-footer{
	bottom: auto;
	left: auto;
	position: relative;
	height: 200px;
	margin-top:-2px;
}


.bs-docs-footer .navbar-nav > li > a{
	color:#fff;
	margin:15px 0 0 10px;
	padding:0 0 0 10px;
	border-left:1px solid #fff;
	line-height:14px;
}

.bs-docs-footer .navbar-nav > li:first-child > a{
	margin-left:0;
	padding-left:0;
	border-left:0;
}


@media (min-width: 0px) and (max-width: 1024px) {
	#teaser {
		position:relative;
		left:auto;
		right:auto;
		bottom:auto;
	}

	#teaser h2.art_headline{
		margin:15px 0;
	}
}


@media (min-width: 0px) and (max-width: 1023px) {
	.bs-docs-nav .container{
		width:100%;
	}

	#bs-navbar{
		position:relative;
		bottom:auto;
	}

	.bs-docs-nav{
		height:auto;
	}

	.bs-docs-nav .navbar-nav > li:first-child > a,
	.bs-docs-nav .navbar-nav > li > a{
		margin:0;
		padding:15px 30px;
		border:0;
		border-top:1px solid #a91d31;
	}

	.navbar-nav > li > .dropdown-menu{
		border-radius:0;
	}

	.bs-docs-nav .navbar-nav .open .dropdown-menu{
		box-shadow:none;
	}

	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
		border-color:#a91d31;
	}

	div.homepage{
		display:block;
		position:relative;
		bottom:auto;
		right:auto;
		margin-top:15px;
		margin-bottom:15px;
	}

	div.homepage img{
		display:block;
		margin:0 auto;
	}

	.bs-docs-footer .navbar-nav > li > a,
	.bs-docs-footer .navbar-nav > li:first-child > a{
		margin:0;
		padding:15px 30px;
		border:0;
	}

}

@media (min-width: 0px) and (max-width: 768px) {
	#idtpl_2 h1,
	#idtpl_2 h2.con_flex_h2{
		font-size:24px;
	}

	.bs-docs-footer .navbar-nav{
		margin-right:0 !important;
		margin-left:0 !important;
	}
}

@media (min-width: 0px) and (max-width: 480px) {
	body{
		overflow:auto;
	}

	.navbar-header{
		display:block;
		margin:0 auto;
		float:none;
	}

	.navbar-toggle{
		display:block;
		margin:8px auto;
	}

	#idtpl_2 h1,
	#idtpl_2 h2.con_flex_h2{
		font-size:18px;
		margin:10px 0 0 0;
	}

	img.resize{
		width:100%;
		height:auto;
	}
}


.pn_notebox{
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	z-index:10000;
	padding:15px 30px;
	background:#a91d31;
	color:#fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.7);
}

.pn_notebox a{
	color:#fff;
	text-decoration: underline;
}

.pn_notebox input{
	color:#a91d31;
}


#map{
	background:rgba(169, 29, 49, 0.1);
}

.privacy-alert{
	text-align:center;
	padding-top:100px;
}


.btn-default{
	background:#a91d31;
	color:#fff;
	border:0;
	border-radius:0;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}


.con_flex_box{
	margin-top:30px;
}

.con_flex_box_1{
	margin-top:60px;
}

.con_flex_box .con_flex_img img{
	width:100%;
	height:auto;
}