@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700);
@import url(https://fonts.googleapis.com/css?family=Marck+Script);
@import url(form.css);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);

.powermail_all_type_hidden {
	display:none;
}

/*##################################
########    LANG MENU
##################################*/
#top {
	height:20px;
	background:#f8f8f8;
	border-bottom:1px #ddd solid;
}
#top li {
	margin:0;
	padding:0 5px;
}
.language {
	font-size:14px;
	position:relative;
	width:auto;
	float:right;
	font-weight:bold;
	text-align:center;
	font-family: "Share", "Helvetica Neue", Helvetica, Arial, sans-serif;
  	font-weight: bold;
  	text-transform: uppercase;
}
.language .language-menu li a {
	padding-top:1px;
	color:#8c8c8c !important;
}
.language .language-menu .active a {
	color:#333 !important;
	border-top:2px #ad373d solid;
}
.language .language-menu li a:hover {
	color:#333 !important;
	padding-top:5px;
	border-top:2px #ad373d solid;
}
.language li {
	margin:0;
	padding:4px;
	float:left !important;
}
/*##################################
########    LANG MENU END
##################################*/

/*##################################
########    NAVBAR
##################################*/
.navbar {
	background:#FFF;
}
.navbar-default {
	border-color:#eee !important;
}
.navbar-brand {
	padding:3px 0 !important;
	margin:0 !important;
}
.navbar-brand img {
	min-height:35px !important;
}
.navbar-nav > li:last-child {
	background:#ad373d;
}
.navbar-nav > li:last-child a,
.navbar-nav > li:nth-last-child(2) a{
	color:#FFF !important;
}
.navbar-nav > li:nth-last-child(2) {
	background:#d69b9e;
}
/*##################################
########    NAVBAR END
##################################*/


/*##################################
########    QUICKFORM
##################################*/
#schnellbuchung {
	position:absolute;
	margin-top:-50px;
	height:50px;
	width:100%;
	background:rgba(0,0,0,0.6);
	color:#FFF;
	text-align:center;
	cursor:pointer;

}
#quickbooking {
	padding-top:8px;
	font-size:16px;
}

/*##################################
########    QUICKFORM END
##################################*/


/*##################################
########    CAROUSEL
##################################*/
.carousel h1 {
	color:#FFF !important;
}
.carousel-text h1 {
	color:#FFF !important;
}
/* Carousel Options __________________________ */
.carousel-control {
	width:50px !important;
	height:50px !important;
	background:#840D10;
	color:#FFF;
	opacity:1 !important;
	transition:none;
	text-shadow:none;
	background-image:none !important;
  background-repeat:inherit;
	top:inherit;
	position:absolute;
	bottom:0;
	margin-bottom:50px;
}
#room-img .carousel-control {
	margin-bottom:0;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .glyphicon-chevron-left {
	width:30px !important;
	height:30px !important;
	margin-top: -15px !important;
  font-size: 30px !important;
  z-index:9999;
}
.carousel-control .glyphicon-chevron-left {
	margin-left:-15px !important;
}
.carousel-control .glyphicon-chevron-right {
	margin-right:-15px !important;
}

.carousel-indicators {
	width:100%;
	left:0;
	margin-left:0;
	transition:none;
    opacity:1 !important;
	margin-bottom:35px;
}
.carousel-indicators li,
.carousel-indicators .active {
	width:40px;
	height:5px;
	background:#FFF;
	border:none;
	border-radius:0;

}
.carousel-indicators .active {
	background:#840D10;
}
.carousel a {
	color:#FFF !important;
}
.carousel-control.left {
	left:10px !important;
}
.carousel-control.right {
	right:inherit !important;
	left:65px !important;
}
/*##################################
########    CAROUSEL END
##################################*/

/*##################################
########    MAIN-SECTION
##################################*/
.main-section {
	background:#FFF;
	text-align:justify;

}
.main-section .text {
	padding:0 10px;
	font-size:16px;
	/*
	-webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
	-webkit-column-gap: 30px;
		 -moz-column-gap: 30px;
			    column-gap: 30px;
	*/
}
.main-section h1 {
	font-size:28px;
	text-align:center;
	padding:20px;
	color:#8a151b;
	margin-left:auto;
	margin-right:auto;
}
.inhalt-bg {
	width:100%;
	height:70px;
	background:url(img/inhalt-bg.png) repeat-x;
}
@media only screen and (min-width : 800px) {
	.main-section .text {
		width:100% !important;
	}
}
/*##################################
########    MAIN-SECTION END
##################################*/

/*##################################
########    ZIMMER
##################################*/
#room-img {
	margin:0 !important;
	padding:0 !important;
}
#room-img figure {
	margin:0 !important;
	padding:0 !important;
}
#room-img img {
	margin:0 !important;
	padding:0 !important;
	width:100% !important;
}
#room-text {
	margin:0 !important;
	padding:0;
	padding-left:20px;
	padding-right:60px;

}
/*##################################
########    ZIMMER END
##################################*/

/*##################################
########    PREISE
##################################*/
.table-striped {
  border-collapse: collapse;
  overflow-x: auto;
  display: block;
  width: fit-content;
  max-width: 100%;
	font-size:110%;
	margin:0 auto;
	border:1px #DCDCDC solid;
}
.table-striped a {
	color:#840D10 !important;
}
.table-striped thead,
.table-striped th,
.table-striped tbody,
.table-striped tr,
.table-striped td {
	border:none !important;
}
.table-striped thead {
	background:#840D10;
	color:#FFF;
}
.table-striped tbody tr td,
.table-striped thead tr th {
	height:50px;
	text-align: center;
  vertical-align: middle;
	border:1px #DBDBDB solid !important;
	border-collapse:collapse;
}
.table-striped thead tr th {
	background:#840D10;
	color:#FFF;
	height:70px;
}
/*
.table-striped thead tr th {
	  border-left:1px white solid !important;
		border-right:1px white solid !important;
}
.table-striped thead tr th:first-child {
	  border-left:none !important;
		border-right:1px white solid !important;
}
.table-striped thead tr th:last-child {
	  border-right:none !important;
		border-left:1px white solid !important;
}
*/
.content-carousel .texticon-content {
	padding:0 20px;
}
.content-carousel .texticon-content p {
	color:#000;
}
.content-carousel .texticon-content a {
	color:#840D10;
}
.content-carousel .texticon .texticon-content h1 {
	color:#840D10 !important;
}
/*##################################
########    PREISE END
##################################*/

/*##################################
########    ANFAHRT
##################################*/
.maps {
	text-align:center;
}
.maps .route {
	width:100%;
	height:50px;
	font-size:30px;
	font-weight:bold;
	text-align:center;
}
.maps .submit {
	width:30%;
	height:40px;
	font-size:20px;
	font-weight:bold;	text-align:center;
}
.maps .beschreibung {
	text-align:left;
}
/*##################################
########    ANFAHRT END
##################################*/

/*##################################
########    FOOTER
##################################*/

.footer-section {
	margin:0;
	font-size:12px;
	color:#FFF;
	background:#333;
	border-top: solid #222 20px;
	padding-top:40px;
}
.footer-section h1 {
	color:#FFF;
	font-size:24px;
	text-align:center;
}
.footer-section img {

}
.footer-section ul {
	padding:0;
}
.footer-section li {
	list-style:none;
}
.footer-section a img,
.meta-section a img {
	transition: all 0.2s;
}
.footer-section a img:hover,
.meta-section a img:hover {
	transform:scale(1.1);
}
.footer-section img {
	margin-left:auto;
	margin-right:auto;
}
#holidaycheck {
	position:relative;
	margin:0 auto;
	width:200px;
}
#wetter {
	color:#FFF !important
}
#wetter table {
	color:#FFF !important
}
#wetter table tr {
	color:#FFF !important
}
#wetter table tr td {
	color:#FFF !important;
}
#wetter-seite {
	min-height:800px;
	max-height:1600px;
}
@media only screen and (max-width : 520px) {
	#wetter-seite iframe {
		height:1600px !important;
	}
}
#c71 {
	text-align:center;
}
.meta-section {
	background:#FFF;
	border:none;
	border-top:20px #222 solid;
	border-bottom:4px #222 solid;
	color:#333;
}
.meta-section a {
	color:#333;
}
.meta-section .copyright {
	float:right;
	margin-right:20px;
}
#c42 p {
	margin:0 !important;
	padding:0 !important;
}
/* FB*/
.image-swap_fb:hover {
  background-position: 0 -100%;
}
.image-swap_fb {
  width: 40px;
  height: 40px;
  border-radius: 2px;
  background-image: url("img/fb.jpg");
  background-position: 0 0;
  transition: all .5s ease-in;
  -webkit-transition: all .5s ease-in;
  -moz-transition: all .5s ease-in;
  -o-transition: all .5s ease-in;
  text-align:center;
}
/*##################################
########    COOKIECHOICE
##################################*/
#cookieChoiceInfo {
	z-index:9999 !important;
	background:rgba(0,0,0, 0.5) !important;
	color:#FFF !important;
	font-size:13px !important;
	min-height:27px !important;
}
#cookieChoiceInfo a {
	color:#FFF;
	text-decoration:underline;
}
.vdh-mask {
	display:none !important;
}
#cookieChoiceDismiss {
	border:1px #FFF solid;
	padding:2px 4px;
	font-weight:bold;
}
/*##################################
########    COOKIECHOICE END
##################################*/
.content-carousel .carousel-inner .item {
	background-size:cover !important;
	background-attachment: fixed;
	z-index:-1;
}
.content-carousel h1 {
	font-size:24px;
	color:#CCC !important;
	text-align:left !important;
	padding:0;
}
.content-carousel p{
	color:#CCC;
}
.content-carousel a {
	color:#FFF;
}
.content-carousel a:hover {
	text-decoration:underline;
}
/* Image Fix */
.image-center-outer {
	float:none;
}

.panel-title {
	text-align:center;
}
.panel-title a {
	text-decoration:underline;
}
.panel-title a:hover {
	font-weight:bold;
}

/*##################################
########    Restplätze
##################################*/

/*
.rest #popupDiv {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:40px;
	background:rgba(173,55,61, 1.0);
	display: none;
	z-index:9998;
}
.rest #popupDiv .text {
	text-align:center;
	font-size:16px;
	color:#FFF;
	margin-top:8px;
	text-decoration:underline;
}
.rest #popupDiv #close {
	position:fixed;
	right:0;
	bottom:0;
	margin-bottom:8px;
	margin-right:20px;
	font-size:16px;
}
@media only screen and (max-width : 900px) {
		.rest #popupDiv {
			position:fixed;
			bottom:0;
			left:0;
			width:100%;
			height:60px;
			background:rgba(173,55,61, 1.0);
			display: none;
			z-index:9998;
		}
	.rest #popupDiv .text {
		text-align:center;
		font-size:14px;
		color:#FFF;
		margin-top:8px;
	}
	.rest #popupDiv #close {
		position:fixed;
		width:100%;
		bottom:0;
		text-align:center;
		margin-bottom:8px;
		margin-right:20px;
		font-size:14px;
	}
}
@media only screen and (max-width : 600px) {
		.rest #popupDiv {
			position:fixed;
			bottom:0;
			left:0;
			width:100%;
			height:80px;
			background:rgba(173,55,61, 1.0);
			display: none;
			z-index:9998;
		}
	.rest #popupDiv .text {
		text-align:center;
		font-size:14px;
		color:#FFF;
		margin-top:8px;

	}
	.rest #popupDiv #close {
		position:inherit;
		width:100%;
		bottom:0;
		text-align:center;
		margin-bottom:8px;
		margin-right:20px;
		font-size:14px;
	}
}
*/

.rest {
	position:absolute;
	left:0;
	margin-left:12%;
	margin-top:-500px;
	width:150px;
	height:150px;
	background:rgba(255,255,255, 0.8);
    border-radius: 75px;
	transition:ease-in-out 0.2s;
	color:#8C8C8C !important;
	font-family: "Share", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.rest:hover {
	background:rgba(255,255,255, 0.7);
	color:#AD373D !important;
}
.rest-text {
	text-align:center;
	margin-top:41px;
	font-size:20px;
	font-weight:bold;
}
@media only screen and (max-width : 1200px) {
	.rest {
		margin-top:-450px;
	}
}

@media only screen and (max-width : 992px) {
	.rest {

		margin-left:20px;
		margin-top:-350px;
		width:90px;
		height:90px;
		border-radius: 45px;
	}
	.rest-text {
		font-size:14px;
		margin-top:22px;
	}
}

@media (min-width: 992px) {
.navbar-collapse {
    border-top: transparent solid !important;
 }
}
.navbar-nav {
	font-size:20px;
	letter-spacing:-0.5px;
}