/* CSS Document 

Farbcode: a7173a

*/

*,html {
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}

img {
	border:none;
}

.clearer,
.clear {
	clear:both;
}

body {
	font-size:1em;
    font-family: 'Jost', sans-serif;
	font-weight:400;
	color:#3f3f3f;
	line-height:1.5em;
}

/*
body#page_60,
body#page_68 {
	background-color:#d0bb5b;
}

body#page_60 h1,
body#page_60 h2,
body#page_68 h1,
body#page_68 h2{
	color:#fff;
}

body#page_60 .dce_h1_left,
body#page_68 .dce_h1_left {
	background-image:url(../img/h1_left_bg-club.png);
}*/



/* Inhaltsberete Default Breite */

.frame-default,
.page {
	width:75%;
	margin:0 auto;	
}

.two-cols-container .frame-default,
.three-cols-container .frame-default,
.four-cols-container .frame-default {
	width:100%;	
}

.top_wrap {
	position:fixed;
	top:0;
	width:100%;
	z-index:1001;
	height:80px;
	line-height:80px;
	background:#fff;
}
		
	.top_left {
		float:left;
		width:calc(50% - 103px);
	}
	
	.logo {
		float:left;
		width:206px;
		padding-top:5px;	
	}
	
	.top_right {
		float:left;
		width:calc(50% - 103px);
		text-align:right;
		padding-right:80px;
		text-transform:uppercase;
	}
		.navi_right {
			
		}
		
		.wa {
			
		}
	
		.lang_wrap {
		}

		.lang {
			display: inline-block;
			font-size: 20px;
		}
		
	
		.top_wrap::after {
			position:absolute;
			content:" ";
			height:47px;
			width:100%;
			background:url("https://www.hilighthotel.com/fileadmin/layout/img/top_wrap_shadow.png") center top no-repeat;
			top:80px;
			left:0;
		}
		
	.slogan {
		position:absolute;
		top:66px;
		left:50%;
		width:368px;
		margin-left:-184px;
		z-index:1;
	}	
					
	/* Scroll Settings */

	.top_wrap.scroll::after { 
		top:130px;
	}
	
		.top_wrap.scroll .slogan {
			display:none;	
		}
	
.banner_wrap{
	position:relative;
	line-height:0;
	z-index:1;
	height: calc(100vh - 160px);
	overflow:hidden;
	margin:80px 40px 0 40px;
}

	.nobanner .banner_wrap {
		display:none;	
	}

	.banner_wrap .banner-item {
		height: calc(100vh - 160px);
	}	

	.banner_wrap .banner-item img,
	.news-img-wrap img {
		bottom: -9999px;
		height: auto;
		left: -9999px;
		margin: auto;
		min-height: 100%;
		min-width: 100%;
		position: absolute;
		right: -9999px;
		top: -9999px;
		width: auto;
	}
	
	.bannertext {
		position: absolute;
		/*top:calc(50% - 80px);*/
		top: 50%;
		line-height: 30px;
		width:60%;
		left:calc(20% - 80px);
		text-align: left;
		color:#fff;
		z-index: 1;
		font-size:36px;
		text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.75);
	}

		.bannertext span {
			font-size:24px;
		}
	
	.pulse {
		position:absolute;
		color: #fff;
		font-size:20px;
		bottom:50px;
		width:100px;
		text-align:center;
		left:50%;
		margin-left:-50px;
	}
	
		
		.pulse i.animated {
		  -webkit-transition-property: -webkit-transform;
		  -webkit-transition-duration: 1s;
		  -moz-transition-property: -moz-transform;
		  -moz-transition-duration: 1s;
		  -webkit-animation-name: pulse;
		  -moz-animation-name: pulse;
		  -webkit-animation-duration: 2.0s;
		  -moz-animation-duration: 2.0s;
		  -webkit-animation-iteration-count: infinite;
		  -moz-animation-iteration-count: infinite;
		  -webkit-animation-timing-function: linear;
		  -moz-animation-timing-function: linear;
		}
		
		.pulse:hover i.animated {
		  -webkit-animation-name: pulse;
		  -moz-animation-name: pulse;
		  -webkit-animation-duration: 2.0s;
		  -moz-animation-duration: 2.0s;
		  -webkit-animation-iteration-count: infinite;
		  -moz-animation-iteration-count: infinite;
		  -webkit-animation-timing-function: linear;
		  -moz-animation-timing-function: linear;
		}
		
		@-webkit-keyframes pulse {
		  0% {
			-webkit-transform: scale(1);
			transform: scale(1);
		  }
		
		  50% {
			-webkit-transform: scale(1.2);
			transform: scale(1.2);
		  }
		
		  100% {
			-webkit-transform: scale(1);
			transform: scale(1);
		  }
		}
		
		@-moz-keyframes pulse {
		  0% {
			-moz-transform: scale(1);
			transform: scale(1);
		  }
		
		  50% {
			-moz-transform: scale(1.2);
			transform: scale(1.2);
		  }
		
		  100% {
			-moz-transform: scale(1);
			transform: scale(1);
		  }
		}


.quickbook_wrap {
	position:relative;
	z-index:1;
	margin-top:-50px;	
}

	.quickbook_wrap.fixed {
		margin-top:0;
	}


main {
		
}

#main.scrollfixed {
	margin-top:80px;
}

.nobanner main {
	margin-top:160px;
}	

.h1_wrap {
	text-align:right;
	border-bottom:1px solid #d2d2d2;
	border-top:1px solid #d2d2d2;
	margin-bottom:80px;	
	background:url("https://www.hilighthotel.com/fileadmin/layout/img/h1_wrap_bg.png");
	padding:50px 0 40px 0;
}

	.h1_wrap .preh1 {
		text-transform:uppercase;	
		margin-bottom:10px;
	}

.footer_wrap {
	position:relative;
}

	.footer_sm {
		position:absolute;
		top:-23px;
		right:2%;
		z-index:1;
	}

	.footer1_wrap {
		background:#dfca6a;
		display: flex;
		/*align-items: center;*/
		justify-content: center;
		padding:20px 0;
	}
	
		.f1_left {
			/*padding-left:12.5%;*/	
		}
		
			.f1_left_content {				
				text-align:right;
				padding-right:5%;
			}
			
			.f1_left_content div {
				
			}
			
			.f1_left .border {
				display:block;
				float:right;
				border-left:1px solid #000;
				
				line-height:3em;
				width:50px;
				text-align:center;
				margin-left:10px;
			}
			
			.f1_left .high  .border {
				min-height:4.5em;
			}
	
		.f1_left,
		.f1_right,
		.f1_sm {
			/*float:left;
			width:calc(75% / 3);*/
			width: 29%;
		}

		.f1_right {
			margin:0 45px;
		}
		.f1_left .high a{
			margin-left: 0.4em;
		}

		.f1_sm a,
		.f1_sm a:link,
		.f1_sm a:active,
		.f1_sm a:visited,
		.f1_sm a:hover {
			font-size:26px;
			padding-right: 40px;
		}
		
	.footer2_wrap {
		height:40px;
		line-height:40px;
		text-align:right;
		padding-right:2%;
		background:#3c3a3e;
		color:#fff;
	}

	/*Whatsapp-Icon Gästemappe */
	#whatsapp{
		display: block;
		position:fixed;
		right: 7px;
		bottom: 7px;
		z-index: 100;
	}
	#whatsapp svg{
		width: 50px;
		height: auto;
	}

.monly {
	display: none;
}


.lang_wrap {
	position:fixed;
	right:60px;
	background-color: #fff;
	border: 2px solid #ebebeb;
	padding: 20px;
	top: 80px;
	z-index: 1001;
	display:none;
}

	.lang_wrap.visible {
		display:inline-block;	
	}

	.lang_wrap.scroll {
		top:50px;
	}

	.lang_wrap::before {
		content: '';
		position: absolute;
		right: 10px;
		top: 0;
		z-index: 10;
		display: inline-block;
		width: 8px;
		height: 8px;
		background: #fff;
		border-top: 2px solid #ebebeb;
		border-right: 2px solid #ebebeb;
		transform: rotate(-45deg) translateY(-100%);
	}
	
	.lang_wrap ul {
		list-style: none;
		column-count: 2;
		column-gap: 48px;
	}
	
	.lang_wrap ul a, .lang_wrap ul a:link, .lang_wrap ul a:hover, .lang_wrap ul a:active, .lang_wrap ul a:visited, .lang_wrap ul a:focus {
		position: static !important;
		display: inline-block;
		width: 100%;
		line-height: 32px !important;
		padding-left: 0px;
		text-transform: uppercase;
		color: #333 !important;
	}		
		

/* *****************************************************************************************
   RESPONSIVE SECTION
*******************************************************************************************/


@media screen and (max-width: 1400px) {
	.f1_left,
	.f1_right,
	.f1_sm {
		/*flex-grow: 1; */
	}
	.f1_left{
		width: 50%;
	}
	.f1_right,
	.f1_sm {
		width: 25%;
	}

}
@media screen and (max-width: 1280px) {
	
	.logo {
		width:100px;
	}
	
		.logo img {
			width:100%;
			height: auto;
		}
	
	.top_left,
	.top_right {
		width:calc(50% - 50px);
	}
}

@media screen and (max-width: 1200px) {
.frame-default,
.page {
	width:85%;
}

.banner_wrap {
	margin:80px 10px 0 10px;
}


.logo {
	padding-top:10px;
}

	.logo img {
		width:100%;
		height:auto;	
	}
	
	.top_right {
		text-transform:none;	
	}

}

@media screen and (max-width: 1024px) {
.top_right {
	padding-right: 18px;
}
.f1_left{
	width: 60%;
}
.f1_right,
.f1_sm {
	width: 20%;
}
}

/* portrait */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) {
.frame-default,
.page {
	width:85%;
}

.banner_wrap,
.banner_wrap .banner-item {
	height:400px;	
}

.top_wrap {		
	background:none;
}

.top_wrap:hover .logo,
.nobanner .logo,
.nobanner .buchen,
.top_wrap:hover .buchen {
	background:none;	
}

.top1 {
	text-align:center;
	height:auto;
	line-height:normal;	
}

.top1 .page {
	width:auto;
	margin:0;
	float:left;
	width:calc(100% - 205px);	
}

	.top1 .tel {
		display:block;	
	}
	
	.top1 span {
		height:32px;
		line-height:32px;	
	}
	
	.top1 span:not(:last-child) {
		margin-right:0;	
	}
	
	.top1 span.mail {
		margin-right:20px;	
	}

.logo {
	margin-top:0;
	float:left;
	width:100px;
}

	.logo img {
		width:auto;
		height:60px;	
	}
	
	.nobanner .logo_ws,
	.top_wrap:hover .logo_ws {
		display:inline-block;	
	}
	
	.top_wrap:hover .logo_farbe,
	.nobanner .logo_farbe,
	.scroll .logo_farbe {
		display:none;	
	}

.buchen {
	background:none;
	padding-right:0;
	position:absolute;
	top:58px;
	right:15px;
}

.nobanner main {
	margin-top:104px;
}

.h1_wrap {
	padding:30px 0 20px 0;
	margin-bottom:50px;	
}

.footer1_wrap {
}

.f1_left {
	min-width: 310px;	
}
	
.f1_sm {
	min-width: 150px;
}
	
	.lang {
		padding:0 10px;
	}
	
	.lang_wrap {
		right:105px;
		top:58px;
	}

}

/* landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) {

.frame-default,
.page {
	width:85%;
}

}

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

.frame-default, .page , .f3_right{
	width:96%;
	margin:0 2%;
}

.donly {
	display:none !important;	
}
	
.monly {
	display: inline-block;
}

.top_wrap {
}

.top_wrap:hover .logo,
.nobanner .logo,
.nobanner .buchen,
.top_wrap:hover .buchen {
	background:none;	
}


.top_wrap {
	line-height:50px;
	background:#fff;	
	height:50px;	
	padding-right: 120px;
	
}

	.top_wrap.scroll::after,
	.top_wrap::after {
		top:50px;	
	}
	
		.top_left {
			position:fixed;
			width:100%;
			top:50px;
			z-index:1001;
			-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25);
			-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25);
			box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.25);
		}
		
		.top_right {
			float:right;
			width:auto;	
			padding-right:0;
		}
			.top_right .menu-link {
				margin-left:20px;	
			}
		
		.logo {
			padding-top:10px;
			padding-left:10px;
			width:120px;
		}
	
			.logo img {
				width:100%;
				height:auto;	
			}
			
		.slogan {
			top:5px;
			width:200px;
			margin-left:-100px;
			z-index:2;
		}
		
			.slogan img {
				width:100%;
				height:auto;	
			}

.banner_wrap,
.banner_wrap .banner-item {
	
}
	
.banner_wrap {
	margin-top:50px;	
}

.nobanner main {
	margin-top:120px;	
}

.banner_wrap::after {
	display:none;	
}

.banner_wrap .slick-dots {
	top:calc(80% - 20px);	
}

	.footer2_wrap {
		height: auto;
		padding: 0 10px;
		word-break: break-word;
	}
	
	.footer2_wrap a:first-child {
		display:block;
	}
	


}


@media screen and (max-width: 450px) {
	
	
	.slogan {
		top:70px;	
		display:none;
	}
	
	.bannertext {
		display: none;
	}
	
	.banner_wrap,
	.banner_wrap .banner-item {
		height:230px;
	}
	
	.top_left {
		z-index:10001;	
	}
	
	.quickbook_wrap {
		margin-top:0;	
	}
	
	.footer1_wrap {
		display:block;	
	}
	
	.f1_left, .f1_right, .f1_sm {
		width:100%;	
		padding:0;
	}
	
		.f1_left {
			padding:10px 0;	
			min-width: inherit;
		}
	
		.f1_left_content {
			padding-right:0;
		}
		
		.f1_sm,
		.f1_right {
			text-align:center;	
			padding:0 10px;
			margin:20px 0 0 0 ;
			min-width: inherit;
		}
		
	.footer2_wrap {
		text-align:center;	
	}
	
	.f1_sm a {
		padding:0 10px;
	}
	
	.lang_wrap::before {
		display: none;
	}
	
	.lang {
		padding:0 10px;
	}
	
	.lang_wrap {
		top:50px;
		right: 0;
		width: 100%;
	}
	
	.lang_wrap ul {
		text-align: center;
	}
}