/* R5 Module 
 =========================================================================== */
.foursplit,
.treysplit,
.twosplit,
.twosplits,
.onesplit{
  float:left;	
} 

.twosplit{
	width:48%;
	margin-right:3%;		
} 
.twosplit:last-child{
	margin-right:0%
}
.twosplits{
	width:47%;
	margin-right:3%;		
} 
.twosplits:last-child{
	margin-right:0%
}

.treysplit {
	width:31.5%;
	margin-right:2.5%;	
}
.treysplit:last-child{
	margin-right:0%
}

.foursplit{
	width:23%;
	margin-right:2.5%;
} 
.foursplit:last-child{
	margin-right:0%
}


@media (max-width: 767px){
.foursplit,
.treysplit,
.twosplit,
.onesplit{
  float: none;	
  width:94%;
  margin-right:3%;
  margin-left:3%;
}}

/* ==== Abstand oben und unten ==== */

.mtb{ margin-top: 60px; margin-bottom: 60px;} /* Abstand ober und unterhalb*/

.mt { margin-top: 60px; }/* Abstand oberhalb*/

.mto { margin-top: 20px; }/* Abstand oberhalb*/

.mb { margin-bottom: 60px; } /* Abstand unterhalb*/

.mbe { margin-top:30px; margin-bottom: 40px; } /* Abstand unterhalb*/

.mbo { margin-bottom: 20px; } /* Abstand unterhalb*/

@media (max-width: 767px) {
.mtb,.mt,.mb{
	margin-top: 20px; margin-bottom: 20px;
}}

/* ==== Trenline ==== */
.bord_1 {
	border-bottom: 1px solid #384452;
	margin: 40px 0 20px;
}

/* ==== Bildausrichtung ==== */
.picRight img {
    float: right;
    max-width: 400px;
    padding: 1.2em .8em .8em;
    text-align: center;
    font: .8em/1.6 Arial;
}
.picCenter img {
    float: none;
    max-width: 400px;
    padding: 1.2em .8em .8em;
    text-align: center;
    font: .8em/1.6 Arial;
    margin:0 auto!important;
}
.picLeft img{
    float: left;
    max-width: 400px;
    padding: 0 1.2em .8em 0em;
    text-align: center;
    font: .8em/1.6 Arial;
}

/* ==== Grauer Hintergrund ==== */
.bg-gray-100 {
	padding:60px 0;
	background-color: #f5f6fa;
}

.grey{
	color:#FFFFFF!important;
	padding:35px 10px 35px 20px;
	background:#2E3239;
	font-weight:normal;
}
.grey h1,.grey h2, .grey h3,.grey h4,.grey h5,.grey h6{
	color:#ffffff!important;
	margin-bottom:10px;
}

.grey ul {
  list-style: none!important;
}
.grey li {
  position: relative;
  padding-left: 40px;
  margin-left:10px!important;
    font-family: 'Montserrat', sans-serif;
}
.grey li:before {
  content:url(../images/listenpunkt.png) '';
  position: absolute!important;
  left: 0!important;
  top: 0!important;
  line-height: 26px!important;
}
.grey a{
	color:#ffffff!important;
	text-decoration:none;
	font-weight:500;
}
.grey .cont li{
	color:#ffffff!important;
}
.grey a:hover{
	color:#ffffff!important;
	text-decoration:underline!important;
}
.grey li + li {
  margin-top: 20px!important;
}
.grey li a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
.grey{

}
.grey li:before{
	
}}
.cont{
	  text-align: justify;
     -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}
.cont em {font-style:italic;}

.cont ul {
 text-decoration: none;
 list-style-type: none;
}
.cont ol,
.cont ul{
	margin:15px 0 15px 0;
}
.cont ol li{
  list-style-type:decimal!important;
  padding-left: 4px!important;
  margin-left:24px!important;
  content: ""!important;
}
.cont ul li{
  list-style-type: square!important;
  padding-left: 4px!important;
  margin-left:24px!important;
  content: ""!important;
}
/*.cont img{
	max-width:400px;
}
@media (max-width: 767px){
.cont img{
	max-width:100%;
}}*/


/* Galerie (Image Manager (Bildtyp: magnific_popup_gallery_thumb))
 ===================================================================================== */

.galerie-image {
	float: left;
	position: relative;
	padding: 5px;
	margin-bottom:10px;
}
.galerie-image img {
	/*margin:0 10px 10px 0;
	max-width:240px!important;
	height:auto!important;*/
}
.galerie-image .thumbs{
	max-width:260px!important;
	margin:0 10px 10px 0;
	float: left;
}

/* Buchung
 =================================================================================== */

.hb_box,
.hb_overview {
	padding: 15px;
	border:1px #D4D4D4 solid;
	border-radius: 4px;	
	background:#FCFCFC;
}
.hb_box h2,
.hb_overview h2{
	font-size:24px;
	font-weight:bold;
	margin-bottom:10px;
}
input.hb_checkin,
input.hb_checkout{
	width:100%;
	padding:10px;
	background:#F8F8F8;
	border:1px #EAEAEA solid;
	margin-bottom:15px;
}
.checkin{
	display:block;
	float:left;
	width:100%;
	line-height:1;
	margin-right:10px;
	margin-bottom:12px;
}
.room_guests h4{
	  font-family: 'Montserrat', sans-serif!important;
	font-size:20px;
	padding:10px 0 0px 0!important;
	margin-bottom:0px;
	color:#333333!important;
	font-weight:bold;
}
.hb_box select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;
}
.hb_box select::-ms-expand {
	display: none;
}
.hb_box select:focus::-ms-value {
	background-color: transparent;
}
.hb_box select {
      /* ... */
	width: 100%;
	height: 40px;
	padding-left: 10px;
	background:#F8F8F8;
	color: #333;
	cursor: pointer;
	  font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	outline: none;
	border:1px #EAEAEA solid;
	/*box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);*/
	border-radius: 3px;	
}

.select-wrapper {
	/* ... */
	position: relative;
	margin-bottom:15px;
}
.select-wrapper::before {
	font-family: fontawesome;
	content: "\f107";
	font-size: 20px;
	position: absolute;
	right: 15px;
	top: 10px;
	color: #333;
}

.roomselector{
	display:block;
}
.roomselector .room_name{
	float:left!important;
	width:27%!important;
	font-weight:bold;
}
.roomselector .room_adult{
	float:right!important;
	width:36%!important;	
}
.roomselector .room_child{
	float:right!important;
	width:33%!important;
	margin-right:3%;	
}

.roomselector .room_name
.room .room_adult,
.room .room_child,{
	float:left!important;
	width:33%!important;
	display:inline-block;
}
.hb_box h4 {
	font-size: 18px;
	  font-family: 'Montserrat', sans-serif;
	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
	color: #fff;
	margin: 0 0 20px 0;
}

.hb_box input[type=text] {
	width: calc(100% - 18px);
}

.hb_button {
	border: none;
	color: #ffffff;
	padding: 14px 20px;
	font-size: 16px;
	width:100%;
	cursor: pointer;
	border-radius: 3px;	
	background-color: #131935;
}
.hb_button-1 {
	border: none;
	color: #ffffff;
	padding: 14px 20px;
	font-size: 16px;
	cursor: pointer;
	border-radius: 3px;	
	margin-top:20px;	
	background-color: #333333;
}
.hb_button-2 {
	border: none;
	color: #000000;
	padding: 14px 20px;
	margin:15px 0 0px 0;
	font-size: 16px;
	width:100%;
	cursor: pointer;
	border-radius: 3px;	
	background-color: #b5a067;
}

.hb_button:hover,
.hb_button-1:hover,
.hb_button-2:hover {
	color: #ffffff;
	background-color: #000000;
}
.hb_button i{
	margin-right:8px;
}
.room,
.services,
.bookingdetails,
.sum,
.endsum{
	width:100%;
	display:inline-block;
	margin-bottom:0px;
}
.room .desc,
.services .desc,
.bookingdetails .desc,
.sum .desc{
	width:60%;
	float:left;
	font-weight:bold;
	margin-right:3%;
}
.room .info,
.services .info,
.bookingdetails .info,
.sum .info{
	width:34%;
	float:left;
}
.totalprice_desc{
	width:60%;
	float:left;
	font-weight:bold;
	margin-right:3%;
}
.totalprice_price{
	width:34%;
	float:left;
	color:#c30000;
	font-weight:bold;
}

.overview-line{
    width: 100%;
    position: relative;
	border-bottom:1px #cccccc solid;
	padding:0px 0 15px 0;
	margin-bottom:15px;
}

/* Zimmerauswahl
 ===================================================== */
.hb_rooms_listing{}

.hb_room_detail{
	display:inline-block;
	padding:15px;
	width:100%;
	margin-bottom:20px;
	border:1px #EAEAEA solid;
	background:#F6F6F6;
}
.hb_room_detail h2{
	width:100%;
}
.hb_room_img{
	display:block;
	float:left;
	margin-right:20px;
}
.hb_room_detail_infos{

}
.hb_room_detail_infos li{
	width:100%;
	margin:5px 0 5px 0;
}
.order-form{
	width:100%;
	padding:15px;
	background:#F8F8F8;
	border:1px #EAEAEA solid;
	border-radius: 4px;		
}
.order-form input[type=text], textarea {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
.order-form textarea{
	height:150px;
}
.order-form .terms{
	padding:0 0 12px 0;
}
.order-form input[type=submit] {
  width: 100%;
  background-color: #111111;
  color: #ffffff;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.order-form input[type=submit]:hover {
  background-color: #333333;
}
.optional_option{
	line-height:3;
}
/* Zusatzleistungen
 ====================================================== */
.auxiliary-service {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 30px 18px;
	margin-bottom:30px;
	min-height: 100%;
	background: #ffffff;
	transition: all .2s ease;
	z-index: 1;
}

.auxiliary-service::before {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 8px solid #f4f4f4;
	transition: all .2s ease;
	z-index: -1;
}


.auxiliary-service-3::before {
	top: 8px;
	right: 8px;
	bottom: 8px;
	left: 8px;
	border: 1px solid #e1e1e1;
}
.unit {
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
	margin-bottom: -20px;
	margin-left: -20px;
}

.unit > * {
	margin-bottom: 20px;
	margin-left: 20px;
}

.unit:empty {
	margin-bottom: 0;
	margin-left: 0;
}
.unit-left,
.unit-right {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	max-width: 100%;
}
.unit-body {
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
}

.auxiliary-service-icon {
	font-size: 36px;
	line-height: 1;
	color: #b5a067;
	transition: all .2s ease-in-out;
}
.auxiliary-service-title {
	font-weight: 400;
}

.auxiliary-service-title a, .auxiliary-service-title a:focus, .auxiliary-service-title a:active {
	color: inherit;
}

.auxiliary-service-title a:hover {
	color: #b5a067;
}

.auxiliary-service-text {
	color: #9b9b9b;
	font-size:14px;
}
.unit-body h5 {
    font-size: 22px;
    line-height: 1;
    font-weight: 500;
}
.unit-body h5 [class*=heading-] {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400;
    font-family: 'Barlow Condensed', sans-serif;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #151515;
}
*+.auxiliary-service-text {
    margin-top: 10px;
}
.auxiliary-service-text {
    color: #9b9b9b;
    line-height:1.8;
}
h5+p {
    margin-top: 17px;
}
/* Parallax
 ====================================================================== */
.bg-default {
	background-color: #ffffff;
}
.text-center [class*='text-width-'] {
	margin-left: auto;
	margin-right: auto;
}

.parallax-container {
	position: relative;
	overflow: hidden;
}
.parallax-content {
	position: relative;
	z-index: 1;
}
.parallax-content {
	position: relative;
	z-index: 1;
}
@media (min-width: 992px) {
	html [class*='section-'].section-lg-0 {
		padding: 0;
	}
}

@media (min-width: 768px) {
	.section-xl {
		padding: 90px 0;
	}
}

@media (min-width: 992px) {
	.section-xl {
		padding: 100px 0;
	}
}
.min-h1{
	padding:350px 0 350px 0;
}
@media (min-width: 992px) {
	.d-lg-block {
		display: block !important;
	}
	.section-inset-custom-6 {
		padding: 100px 0;
	}
	
}
.box-form {
	text-align: center;
	padding: 60px 40px;
	border-radius: 4px;
	background: #EAEAEA;
}
.box-form-title {
	letter-spacing: .05em;
	font-size:28px;
	font-weight:600;
	margin-bottom:30px;
}
.box-button {
  background-color: #b5a067; /* Gold */
  border: none;
  color: #000000;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 4px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;  
}
.box-button:hover {
  background-color: #131935; /* Green */
  color: #FFFFFF;
}
.box-cont{
	font-family: 'Montserrat', sans-serif;
	/*font-family: 'Teko', sans-serif;*/
	font-size:18px;
	font-weight:500;
	line-height:1.5;
}
.box-cont h3{
	font-size:26px;
}
.border{
	background:#b5a067;
	height:3px;
	margin:15px 0 15px 0;
}

/* Zimmer Vorschau
 ============================================================= */
.item-room {background:#fff;padding-bottom:80px;border:1px solid #eee; margin-bottom: 30px;}
.item-room h2 {font-size:18px;  font-family: 'Montserrat', sans-serif;font-weight:600;line-height:25px;color:#252525;text-transform: uppercase;padding:0 25px;}
.item-room span {font-size:13px;  font-family: 'Montserrat', sans-serif;font-weight:600;line-height:25px;color:#131935;text-transform: uppercase; padding-left: 25px;}
.room-text p {padding:0 20px 0 25px;}
.item-room .room-price { font-size:18px;color:#131935;  font-family: 'Montserrat', sans-serif;font-weight: 600;text-align:right;}
.item-room .room-price span {color:#252525;text-align:right;padding-right:0;padding-left:0;}
.item-room .ro-text-two {padding:0 25px;}

.room-image img {
    height: auto;
    max-width: 100%;
}
.room-text{
	font-family: 'Montserrat', sans-serif;
	padding:10px 0 10px 0;
}
.room-text h2 a {
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    line-height: 1.5;
    color: #252525;
    text-transform: uppercase;
    padding: 0 25px;
    text-decoration:none;
}
.room-text p {
	font-size:14px;
	line-height:1.3;
    padding: 0 20px 0 25px;
}
.room-book a {color:#fff!important;}
.room-book {border-radius: 2px;border:1px solid #131935;background:#131935;padding:12px 25px;transition: all 200ms ease-in 0s;color:#fff!important;font-family:Montserrat;font-size: 14px;font-weight: 500;text-transform: uppercase;}
.room-book:hover {background:#252525;color:#fff;transition: all 200ms ease-in 0s;border:1px solid #252525;}

.pull-right {
    float: right!important;
}
.pull-left {
    float: left!important;
}
 /* ====================== */
.ui-widget.ui-widget-content {
	width:100%!important;
	background: #f1f1f1;
    border: 1px solid #c5c5c5;
}
.ui-state-default{
	background:#ffffff!important;
}
.hasDatepicker{
	margin-top:40px!important;
}
.dp-highlight{
	background:black!important;
}
@media (max-width: 767px){
.ui-widget.ui-widget-content {
	width:34em;
    border: 1px solid #c5c5c5;
}	
}
.reservation-heading {
    font-size: 16px;
    color: #333333;
    margin-top: 0px;
    line-height: 30px;
    text-transform: uppercase;
    padding: 12px 20px;
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 0;
}
.reservation_content.bg-gray {
    background: #f1f1f1;
}

/* ======================================== */
.post-classic{text-align:left; padding:10px; border:1px #333333 solid; margin-bottom:30px;}
.post-classic-media{position:relative;display:block}

.post-classic-media::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(21,21,21,.4);transition:.4s ease-in-out;opacity:0;visibility:hidden;pointer-events:none}

.post-classic-media img{width:100%}

.post-classic-media:hover::before{opacity:1;visibility:visible}
.post-classic-meta{transform:translate3d(0,-3px,0);margin-bottom:-3px;margin-left:-14px;margin-right:-14px}

.post-classic-meta>*{margin-top:3px;padding-left:14px;padding-right:14px}

.post-classic-meta .content-original{color:#c19b76;font-size:18px;font-weight:400}

.post-classic-meta>li{position:relative;display:block;font-size:18px;font-weight:400}

.post-classic-title{margin-top:9px; font-size:20px; font-weight:600;}

@media(min-width:1200px){.post-classic-meta>li{display:inline-block}

.post-classic-meta>li:not(:last-child)::after{content:'';position:absolute;right:0;top:50%;width:2px;height:2px;background:#aeb1be;transform:translate3d(0,-50%,0)}

}

.post-classic-meta a:hover{color:#c19b76}

*+.post-classic-meta{margin-top:15px}
*+.post-classic-title{margin-top:9px}

@media(max-width:575.98px){.post-classic{max-width:360px;margin-left:auto;margin-right:auto}}

@media(min-width:576px) and (max-width:767.98px){.post-classic-title{font-size:17px}}

@media(min-width:768px){.post-classic-title{max-width:92%}

*+.post-classic-meta{margin-top:25px}

}

@media(min-width:992px) and (max-width:1199.98px){.post-classic-meta{font-size:14px}}

/* Zimmer Detail Seite
 ========================================================================= */
.descript{
	display:inline-block;
	padding:0 0 20px 20px;
}
.descript ul{
	margin:10px 0 10px 0;
}
.descript ul li{
	margin-left:25px;
}
.descript ul li:before {    
    font-family: 'FontAwesome';
    content: '\f046';
    margin:0 5px 0 -15px;
    color: #333333;
}
.marg-but{
	margin-left:20px;
}
@media (max-width: 767px){
.descript{
	display:inline-block;
	padding:0 0 20px 0px;
}
.marg-but{
	margin-left:0px;
}}

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

body { margin: 0; } 
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}

.w3-content{margin-left:auto;margin-right:auto;position:relative;}
.w3-content{max-width:100%;}
.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}  
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}


/* Bilder Galerie Band 100%
 ================================================================================ */
.wrapper_2{padding:40px 0 2px 0;overflow:hidden; background:#ffffff;}

.gall1 .thumb{width:100%;float:left;}/*width:16.66666666666%*//*width:11.11111%*/

.gall1 a.hidden{
	display:none;
}

.thumb{display:block;position:relative;overflow:hidden;}

.thumb img{width:100%;height:auto;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;-webkit-transition:0.5s all ease;transition:0.5s all ease;}

.thumb_overlay{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;-moz-transition:0.3s all ease;-o-transition:0.3s all ease;-webkit-transition:0.3s all ease;transition:0.3s all ease;color:#fff;background:transparent;}

.thumb_overlay:before{content:"\f065";position:absolute;top:50%;left:0;right:0;font:400 30px "FontAwesome";line-height:30px;margin-top:-15px;text-align:center;}

.lt-ie9 .thumb_overlay:before{display:none;}

.thumb:hover .thumb_overlay{opacity:1;background:rgba(0,0,0,0.5);}

.lt-ie9 .thumb:hover .thumb_overlay{background:none;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000')";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#80000000');zoom:1;}

.lt-ie9 .thumb:hover .thumb_overlay:before{display:block;}

.thumb:hover img{-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}


/* Map
 ============================================================================ */
#map {
	width: 100%;
	height: 493px;
	margin: 0 0 0px 0;
	border-top:3px #ED8310 solid;
}
.sm{
	height:270px!important;
	width: 100%;
}
@media only screen and (max-width: 1199px) {

}

@media only screen and (max-width: 995px) {

	#map {height: 400px;}

}

@media only screen and (max-width: 767px) {

	#map figure {
		width: 100% !important;
		display: block !important;
		margin-right: 0px !important;
	}

	#map {height: 300px;}
 
}

@media only screen and (max-width: 479px) {

    #map {height: 260px;}

}

/* Video
 =================================================================================== */
 .wrapper_4{
    padding:60px 0 60px;
    overflow:hidden; 
    background:#f8f8f8;
}
 .video_player {
    margin: 0 auto 30px auto;
    font-size: 18px;
    font-weight: 200;
    line-height: 30px;
    background-color: #eee;
    border-radius: 6px;
    padding: 5px;
}

.video_player video {
    width: 100%;
    min-width:600px;
} 
@media (max-width: 767px){
.video_player video {
    width: 100%;
    min-width:300px;
}}
/* Cookie Icon
 =============================================================================== */
.cookie-box {
	position:fixed;
	bottom:20px;
	left:20px;
	width:40px;
	height:40px;
	padding:10px;
    border-radius: 50%;
    background-color: #f8f8f8;
}

.geheim {
  position: absolute;
  text-align:center;
  font-size: 12px;
  width: 150px;
  display: none;
  background-color: #f8f8f8;
  top: 5px;
  left: 50px;
  color: black;
}

.cookie-box:hover > .geheim {
  display: block;
  z-index: 4;
  
}