/* CSS by studio-frey.com */

/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}
img {border: 0px; vertical-align: bottom;} img title {visibility:hidden !important;}

/* start general styles */
html { overflow-y: scroll; }
.mobile {display:none !important;}
.onlyphone {display:none !important;}
.onlyphone-portrait {display:none !important;}
body { 
	-webkit-font-smoothing: antialiased; 
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust:none;
	height: auto;
	color:#121826;
	font-family: "Lato", serif; 
	font-style: normal;
	font-variant-ligatures: none;
	-webkit-font-variant-ligatures: no-common-ligatures;
	}

/* start sitebuild styles */	
html,body {height:100%;}
.noscroll {height:100%; overflow:hidden;}

p {font-weight: 300; font-size:18px; line-height:27px; letter-spacing:0.7px; margin-top:17px; font-variant-ligatures: none;}

h1, h2 {font-weight: 700; font-size:42px; line-height:52px; letter-spacing:0.8px; margin: 0 0 40px;}
h3 {font-weight: 700; font-size:24px; line-height:24px; letter-spacing:0.5px; padding:0px 0 80px;}

.trans {-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s;}
.trans:hover {-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s;}
/* end general styles */

/* start link styles */
a:link, a:visited {font-style:normal; text-decoration:none; text-underline-position: under; text-decoration-thickness: 1px; color:#171d2d; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
a:hover {text-decoration:underline; text-underline-position: under; text-decoration-thickness: 1px; color:#171d2d; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
/* end link styles */

/* COLORS*/
.color1 {background:#FEFBF4;} /* BG ANGEBOT */
.color11 {background:#F5CBBD;} /* BG ANGEBOT BOX */
.color2 {background:#FDF5F3;} /* BG ABOUT */
.color3 {background:#F5E7E6;} /* BG PRAXIS */
.color4 {background:#C9CACE;} /* BG FOOTER */
.color6 {background:#EA866C;} /* BG BUTTONS */

.loading-window {position:fixed; width:100%; height: 100%; background:#FFF; left:0; right:0; top:0; bottom:0; z-index:199;}
.loading-container {
  display: flex;
  justify-content: center;  /* Horizontale Zentrierung */
  align-items: center;  /* Vertikale Zentrierung */
  height: 100%;  /* Nimmt die ganze Höhe des Viewports ein */
  position: relative;
}
.loading-logo {width: 280px; position: absolute;}
	
.loading-window2 {position:fixed; width:100%; background:#FFF; left:0; right:0; top:0; bottom:0; z-index:98;}

.block-header {position:absolute; left:0; top:60px; width:100%; height:76px; z-index:99;} 
.block-logo {position:absolute; left:80px; top:2px; width:80px; z-index:99;} .block-logo img {width:100%;}

.block-booking {position:absolute; right:80px; top:27px; width:200px; z-index:99;}
.block-booking a {font-weight: 300; color:#fff; font-size:18px; line-height:15px; letter-spacing:0.5px; border-radius: 8px; padding:7px 14px; text-decoration:none; border: 2px solid #ea866c;}
.block-booking a:hover {background: none; color: #ea866c;}

.block-header-fixed {position:fixed; left:0; top:0px; padding:18px 0 0; width:100%; height:86px; z-index:99; background:none; display:none;}
.block-header-fixed.shadow {
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}

/* navigation mobile */
.navigationwrapper {position:fixed; width:100%; height:100%; top:0; bottom:0; left:0; right:0; z-index:98; background:#FFF; box-sizing:border-box; padding:35vh 0px 0px 0px; display:none;}
.navigationwrapper ul li {margin:0px 0px 30px 0px; display:block; list-style:none; position:relative; float:none; text-align:center;}
.navigationwrapper ul li a {font-weight: 400; color:#121826; font-size:18px; line-height:18px; letter-spacing:0.9px; padding:0px; text-decoration:none;}
.navigationwrapper ul li a:hover {color:#ea866c; text-decoration:none; cursor:pointer;}
.navigationwrapper ul li a.active {color:#ea866c; text-decoration:none;}

#navigation {position:absolute; left:50%; transform: translate(-50%); top:28px; box-sizing:border-box; z-index:6;}
#navigation ul li {margin:0px 30px 0px; padding: 0; display:block; list-style:none; position:relative; float:left; text-align:center;}
#navigation ul li a {font-weight: 400; color:#121826; font-size:18px; line-height:15px; letter-spacing:0.9px; padding:0px; text-decoration:none;}
#navigation ul li a:hover {color:#ea866c; text-decoration:none; cursor:pointer;}
#navigation ul li a.active {color:#ea866c; text-decoration:none;}

.navigation-show {display:none;}

#contentcontainer {position:relative; z-index:5; padding:200px 0 0; min-height:500px; overflow:hidden;}
.contentlimiter0 {margin:auto; position:relative; z-index:6; max-width:1400px; padding:0 80px;}
.contentlimiter1 {margin:auto; position:relative; z-index:6; max-width:1100px; padding:0 80px;}
.contentlimiter2 {margin:auto; position:relative; z-index:6; max-width:900px; padding:0 80px;}

.block404 {font-size:24px; line-height:34px; padding:100px 0;}

.cta-button1 {display:inline-block; font-weight: 300; background: #ea866c; color:#fff !important; font-size:17px; line-height:18px; letter-spacing:0.5px; border-radius: 8px; margin: 40px 0 0; padding:10px 20px; text-decoration:none; border: 2px solid #ea866c;}
.cta-button1:hover {background: none; color: #ea866c !important; text-decoration:none;}
.cta-button1 {margin: 20px 0 0;}

.cta-button11 {position: absolute; bottom: 20px;}

.cta-button2 {display:inline-block; border:2px solid #ea866c; background: #ea866c; color: #fff; padding:15px 20px 13px; font-size:15px; line-height:15px; font-weight: 400; margin:30px 0 0; text-decoration: none;}
.cta-button2:hover {background: #ea866c; color: #fff; text-decoration:none;}

.block-view1-wrapper {box-sizing:border-box; margin:0 auto 0; padding:130px 0 130px; z-index:20; position:relative;}
.block-view1-text {box-sizing:border-box; float: left; width: 55%;}
.block-view1-img {box-sizing:border-box; float: left; width: 40%;} .block-view1-img img {width: 100%;}
.block-view1-spacer {box-sizing:border-box; float: left; width: 5%; height: 30px;}
.block-view1-button {margin: auto; text-align: center;}
.block-view2-button {}

.block-view1-textcol-wrapper {box-sizing:border-box; margin:0 auto 0; padding:130px 0 130px; z-index:20; position:relative;}
.block-view1-textcol {width: 45%; float: left;}
.block-view1-textcol-spacer {box-sizing:border-box; float: left; width: 10%; height: 30px;}
.block-view1-textcol-wrapper h3 {padding:0px 0 20px; margin: 0;}

.block-view2-wrapper {box-sizing:border-box; margin:0 auto 0; padding:80px 0 130px; z-index:20; position:relative;}
.block-view2-wrapper img {width: 100%; margin: 30px 0 30px;}
.block-view2-wrapper p {width: 95%;}
.block-view2-wrapper h1 {font-weight: 700; font-size:24px; line-height:24px; letter-spacing:0.5px; padding:0px 0 40px; margin: 0;}
.block-view2-wrapper h3 {padding:0px 0 20px; margin: 0;}
.block-view2-wrapper2 {padding-bottom: 0px;}

.block3-wrapper {box-sizing:border-box; margin:0px -2% 0; padding:0px 0 0px; z-index:20; position:relative; }
.block3-box {box-sizing:border-box; border-radius: 15px; width:29.33%; height: 370px; float:left; margin:0% 2% 2%; padding:25px 30px 20px; text-align:left;} 
.block3-box2 {height: 590px;}
.block3-box-full {width:96%; height: auto; float:left; margin:2% 2% 2%;}
.block3-box-full2 {margin:2% 2% 3%; padding:25px 30px 40px;}
.block3-box-full3 {margin:2% 2% 8%;}
.block3-box h2 {font-size:26px; line-height:34px; letter-spacing:0.5px; margin: 0 0 40px;}
.block3-box img {width:80px;}

.block3-boxdetail-wrapper {border-bottom: 1px solid #5a5a5a; padding: 13px 0;}
.block3-boxdetail-wrapper h2 {font-weight: 700; font-size:18px; line-height:27px; letter-spacing:0.7px; margin: 0;}
.block3-boxdetail-wrapper ul li {font-weight: 300; font-size:18px; line-height:27px; letter-spacing:0.7px; list-style-type: initial; padding: 4px 0;}

.block3-boxdetail-left {width: 44%; float: left;}
.block3-boxdetail-right {width: 55%; float: left;}

.block4-wrapper {box-sizing:border-box; margin:0px -3% 100px; padding:0px 0 0px; z-index:20; position:relative; }
.block4-box {box-sizing:border-box; border-radius: 15px; width:27.33%; height: auto; float:left; margin:0% 3% 2%; padding:0px 0px 20px; text-align:left;} 
.block4-box h2 {font-size:26px; line-height:34px; letter-spacing:0.5px; margin: 0 0 30px;}
.block4-box img {width:100%;}

.block5-wrapper {box-sizing:border-box; margin:40px 0 40px; padding:0px 0 0px; z-index:20; position:relative; }
.block5-box {box-sizing:border-box; position: relative; border-radius: 15px; width:46%; height: auto; float:left; margin:0% 3% 2% 0; padding:30px 0px 20px 16%; text-align:left; background: #fff;} 
.block5-box h2 {font-size:22px; line-height:24px; letter-spacing:0.5px; margin: 0 0 10px;}
.block5-box p {margin-top: 6px;}
.block5-box img {width:26%; position: absolute; left: 3%; top: 0%; padding: 0; margin: 20px 0 0;}

.block-booking-wrapper {box-sizing:border-box; margin:0px 0 0px; padding:40px 30px 0px; border-radius: 15px; z-index:20; position:relative; background: #fff;}
.block-bookingframe {width: 100%; border: none; height: 2200px; padding: 0px 0px 0px;}

.block-view-partner {box-sizing:border-box; margin:-20px auto 0; z-index:20; position:relative;}
.block-view-partner img {height: 80px; padding: 0 40px 0 0;}
.block-view-partner img:hover {transform: scale(1.1);}

.block-view-gallery {box-sizing:border-box; margin:-80px -13px 0; z-index:21; position:relative;}
.block-view-gallery img {height: 28vw; max-height: 369px; padding: 13px;}

.block-footer-wrapper {box-sizing:border-box; margin:0px 0% 0; padding:0px 0 0px; z-index:20; position:relative; }
.block-footer-box {box-sizing:border-box; border-radius: 15px; width:33.33%; height: 450px; float:left; margin:0% 0% 2%; padding:25px 30px 20px; text-align:left;}
.block-footer-box h3 {margin: 0 0 0px; padding:0 0 40px;}
.block-footer-box p {margin: 0 0 0px; padding:0 0 30px;}
.block-footer-box img {width:50%; padding: 0 0 57px; margin: -20px 0 0;}
.block-footer-1 {width: 40%;}
.block-footer-2 {width: 30%;}
.block-footer-3 {width: 30%;}


/* FAQ*/
.faq-wrapper {box-sizing:border-box; margin:100px 0 40px;}
.faqsearch {margin:60px auto 40px; max-width:900px;}
.faqsearch input {width:100%; box-sizing:border-box; padding:14px 14px; border:1px solid #F5CBBD; color:#999; font-size:18px;}
textarea:focus, input:focus{
	outline: none;
	background:#FEFBF4; 
	color: #000;
}

.faqkeyword {padding:10px 0 0; color:#999; margin:0 -0.5% 0 -0.5%;} .faqkeyword a {}

a.faqkeywordlink  {display:block; float:left; background:#FEFBF4; border:1px solid #F5CBBD; font-size:16px; line-height:16px; width:32.333%; margin:0 0.5% 1%; text-align:center; padding:20px 10px; box-sizing:border-box;}
a.faqkeywordlink:hover  {background:#F5CBBD; text-decoration:none;}

.faqlisttitle {margin:50px 0 20px;}
.faqlisttitle h3 {font-size: 16px; line-height: 16px; padding: 0; margin: 0;}

.serviceboxwrapper {margin:50px auto 100px; max-width:900px;}

.servicebox-categorie-wrapper {border-top: 1px solid #f3f3f3;}

.servicebox {margin:0px 0 0 0; padding:15px 30px 15px 8px; text-align:left; background:none; position:relative; cursor: pointer; border-bottom: 1px solid #f3f3f3;}
.servicebox:hover {background:#f3f3f3;}
.servicebox h4 {font-size:18px; line-height:25px; letter-spacing:0.5px; padding:0px 0 0;}
.serviceboxwrapper a {text-decoration:none !important;}
.serviceboxtext2 {text-align:left; position:relative; margin:30px 40px 0 10px; padding:0 0 10px 0; display:none;}
.serviceboxtext2 img {max-width:100%; padding:5px 0;}
.serviceboxtext2 p {margin:0; padding:0 0 14px;}

.serviceboxtext2bottom {padding:20px 0 0; font-size:12px; line-height:18px;}
.serviceboxtext2bottom a {color:#666;} .serviceboxtext2bottom a:hover {text-decoration:underline !important;}
/* END FAQ */



/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
.clear {clear:both;}

/* Media Queries
***********************/

@media screen and (max-width: 1410px) {	
	#navigation ul li {margin:0px 1.4vw 0px;}
}

@media screen and (max-width: 1180px) {	
	.desktop {display:none !important;}
	.mobile {display:inherit !important;}
		
	p {font-weight: 300; font-size:17px; line-height:26px; letter-spacing:0.5px; margin-top:17px; font-variant-ligatures: none;}
	
	h1, h2 {font-weight: 700; font-size:30px; line-height:38px; letter-spacing:0.8px; margin: 0 0 40px;}
	h3 {font-weight: 700; font-size:22px; line-height:22px; letter-spacing:0.5px; padding:0px 0 60px;}
	
	.loading-logo {width: 200px; position: absolute;}
	
	.block-header {position:absolute; left:0; top:60px; width:100%; height:76px; z-index:99;} 
	.block-logo {position:absolute; left:40px; top:2px; width:80px; z-index:99;} .block-logo img {width:100%;}
	
	.block-booking {position:absolute; right:120px; top:27px; width:200px; z-index:99;}
	.block-booking a {font-weight: 300; color:#fff; font-size:16px; line-height:15px; letter-spacing:0.5px; border-radius: 8px; padding:7px 14px; text-decoration:none; border: 2px solid #ea866c;}
	.block-booking a:hover {background: none; color: #ea866c;}
	
	.block-header-fixed {position:fixed; left:0; top:0px; padding:18px 0 0; width:100%; height:86px; z-index:99; background:none; display: inherit !important;}
	.block-header-fixed.shadow {
	  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
	  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
	  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
	}
	
	/* navigation mobile */
	.navigationwrapper {position:fixed; width:100%; height:100%; top:0; bottom:0; left:0; right:0; z-index:98; background:#FFF; box-sizing:border-box; padding:35vh 0px 0px 0px; display:none;}
	.navigationwrapper ul li {margin:0px 0px 30px 0px; display:block; list-style:none; position:relative; float:none; text-align:center;}
	.navigationwrapper ul li a {font-weight: 400; color:#121826; font-size:18px; line-height:18px; letter-spacing:0.9px; padding:0px; text-decoration:none;}
	.navigationwrapper ul li a:hover {color:#ea866c; text-decoration:none; cursor:pointer;}
	.navigationwrapper ul li a.active {color:#ea866c; text-decoration:none;}
	
	#contentcontainer {position:relative; z-index:5; padding:100px 0 0; min-height:500px; overflow:hidden;}
	.contentlimiter0 {margin:auto; position:relative; z-index:6; max-width:1400px; padding:0 40px;}
	.contentlimiter1 {margin:auto; position:relative; z-index:6; max-width:1100px; padding:0 80px;}
	
	.block404 {font-size:24px; line-height:34px; padding:100px 0;}
	
	.cta-button1 {display:inline-block; font-weight: 300; background: #ea866c; color:#fff !important; font-size:16px; line-height:16px; letter-spacing:0.5px; border-radius: 8px; margin: 40px 0 0; padding:10px 20px; text-decoration:none; border: 2px solid #ea866c;}
	.cta-button1:hover {background: none; color: #ea866c !important; text-decoration:none;}
	.cta-button1 {margin: 20px 0 0;}
	
	.cta-button2 {display:inline-block; border:2px solid #ea866c; background: #ea866c; color: #fff; padding:15px 20px 13px; font-size:15px; line-height:15px; font-weight: 400; margin:30px 0 0; text-decoration: none;}
	.cta-button2:hover {background: #ea866c; color: #fff; text-decoration:none;}
	
	.block-view1-wrapper {box-sizing:border-box; margin:0 auto 0; padding:100px 0 100px; z-index:20; position:relative;}
	.block-view1-text {box-sizing:border-box; float: left; width: 55%;}
	.block-view1-img {box-sizing:border-box; float: left; width: 40%;} .block-view1-img img {width: 100%;}
	.block-view1-spacer {box-sizing:border-box; float: left; width: 5%; height: 30px;}
	.block-view1-button {margin: auto; text-align: center;}
	.block-view2-button {}
	
	.block-view1-textcol-wrapper {box-sizing:border-box; margin:0 auto 0; padding:130px 0 130px; z-index:20; position:relative;}
	.block-view1-textcol {width: 45%; float: left;}
	.block-view1-textcol-spacer {box-sizing:border-box; float: left; width: 10%; height: 30px;}
	.block-view1-textcol-wrapper h3 {padding:0px 0 20px; margin: 0;}
	
	.block-view2-wrapper {box-sizing:border-box; margin:0 auto 0; padding:80px 0 130px; z-index:20; position:relative;}
	.block-view2-wrapper img {width: 100%; margin: 30px 0 30px;}
	.block-view2-wrapper p {width: 95%;}
	.block-view2-wrapper h1 {font-weight: 700; font-size:22px; line-height:22px; letter-spacing:0.5px; padding:0px 0 40px; margin: 0;}
	.block-view2-wrapper h3 {padding:0px 0 20px; margin: 0;}
	
	.block3-wrapper {box-sizing:border-box; margin:0px -2% 0; padding:0px 0 0px; z-index:20; position:relative; }
	.block3-box {box-sizing:border-box; border-radius: 15px; width:29.33%; height: 370px; float:left; margin:0% 2% 2%; padding:25px 20px 20px; text-align:left;} 
	.block3-box2 {height: 590px;}
	.block3-box-full {width:96%; height: auto; float:left; margin:2% 2% 8%;}
	.block3-box-full2 {margin:2% 2% 3%; padding:25px 30px 40px;}
	.block3-box h2 {font-size:20px; line-height:30px; letter-spacing:0.5px; margin: 0 0 30px;}
	.block3-box img {width:80px;}
	
	.block3-boxdetail-wrapper {border-bottom: 1px solid #5a5a5a; padding: 10px 0;}
	.block3-boxdetail-wrapper h2 {font-weight: 700; font-size:16px; line-height:25px; letter-spacing:0.5px; margin: 0;}
	.block3-boxdetail-wrapper ul li {font-weight: 300; font-size:16px; line-height:25px; letter-spacing:0.5px; list-style-type: initial; padding: 2px 0;}
	
	.block3-boxdetail-left {width: 44%; float: left;}
	.block3-boxdetail-right {width: 55%; float: left;}
	
	.block4-wrapper {box-sizing:border-box; margin:0px -3% 100px; padding:0px 0 0px; z-index:20; position:relative; }
	.block4-box {box-sizing:border-box; border-radius: 15px; width:27.33%; height: auto; float:left; margin:0% 3% 2%; padding:0px 0px 20px; text-align:left;} 
	.block4-box h2 {font-size:26px; line-height:34px; letter-spacing:0.5px; margin: 0 0 30px;}
	.block4-box img {width:100%;}
	
	.block5-wrapper {box-sizing:border-box; margin:40px 0 40px; padding:0px 0 0px; z-index:20; position:relative; }
	.block5-box {box-sizing:border-box; position: relative; border-radius: 15px; width:47%; height: auto; float:left; margin:0% 3% 2% 0; padding:30px 0px 20px 110px; text-align:left; background: #fff;} 
	.block5-box h2 {font-size:22px; line-height:24px; letter-spacing:0.5px; margin: 0 0 10px;}
	.block5-box p {margin-top: 6px;}
	.block5-box img {width:85px; position: absolute; left: 3%; top: 0%; padding: 0; margin: 20px 0 0;}
	
	
	.block-booking-wrapper {box-sizing:border-box; margin:0px 0 0px; padding:40px 30px 0px; border-radius: 15px; z-index:20; position:relative; background: #fff;}
	.block-bookingframe {width: 100%; border: none; height: 1730px; padding: 0px 0px 0px;}
	
	.block-view-partner {box-sizing:border-box; margin:-20px auto 0; z-index:20; position:relative;}
	.block-view-partner img {height: 60px; padding: 0 30px 0 0;}
	.block-view-partner img:hover {transform: scale(1.1);}
	
	.block-view-gallery {box-sizing:border-box; margin:-80px -13px 0; z-index:21; position:relative;}
	.block-view-gallery img {height: 26vw; padding: 13px;}
	
	.block-footer-wrapper {box-sizing:border-box; margin:0px 0% 0; padding:0px 0 0px; z-index:20; position:relative; }
	.block-footer-box {box-sizing:border-box; border-radius: 15px; width:33.33%; height: 450px; float:left; margin:0% 0% 2%; padding:5px 20px 0px 0; text-align:left;}
	.block-footer-box h3 {margin: 0 0 0px; padding:0 0 40px;}
	.block-footer-box p {margin: 0 0 0px; padding:0 0 22px;}
	.block-footer-box img {width:50%; padding: 0 0 57px; margin: -20px 0 0;}
	.block-footer-1 {width: 35%;}
	.block-footer-2 {width: 35%;}
	.block-footer-3 {width: 30%;}
	
}

@media screen and (max-width: 900px) {
	.nophone {display:none !important;}
	.onlyphone {display:inherit !important;}
	
	p {font-weight: 300; font-size:17px; line-height:26px; letter-spacing:0.5px; margin-top:17px; font-variant-ligatures: none;}
	
	h1, h2 {font-weight: 700; font-size:26px; line-height:34px; letter-spacing:0.8px; margin: 0 0 30px;}
	h3 {font-weight: 700; font-size:18px; line-height:18px; letter-spacing:0.5px; padding:0px 0 50px;}
	
	.loading-logo {width: 200px; position: absolute;}
	
	.block-header {position:absolute; left:0; top:60px; width:100%; height:76px; z-index:99;} 
	.block-logo {position:absolute; left:20px; top:0px; width:70px; z-index:99;} .block-logo img {width:100%;}
	
	.block-booking {position:absolute; right:60px; top:21px; width:200px; z-index:99;}
	.block-booking a {font-weight: 300; color:#fff; font-size:15px; line-height:15px; letter-spacing:0.5px; border-radius: 8px; padding:5px 10px; text-decoration:none; border: 2px solid #ea866c;}
	.block-booking a:hover {background: none; color: #ea866c;}
	
	.block-header-fixed {position:fixed; left:0; top:0px; padding:18px 0 0; width:100%; height:76px; z-index:99; background:none; display: inherit !important;}
	.block-header-fixed.shadow {
	  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
	  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
	  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
	}
	
	/* navigation mobile */
	.navigationwrapper {position:fixed; width:100%; height:100%; top:0; bottom:0; left:0; right:0; z-index:98; background:#FFF; box-sizing:border-box; padding:35vh 0px 0px 0px; display:none;}
	.navigationwrapper ul li {margin:0px 0px 30px 0px; display:block; list-style:none; position:relative; float:none; text-align:center;}
	.navigationwrapper ul li a {font-weight: 400; color:#121826; font-size:18px; line-height:18px; letter-spacing:0.9px; padding:0px; text-decoration:none;}
	.navigationwrapper ul li a:hover {color:#ea866c; text-decoration:none; cursor:pointer;}
	.navigationwrapper ul li a.active {color:#ea866c; text-decoration:none;}
	
	#contentcontainer {position:relative; z-index:5; padding:80px 0 0; min-height:500px; overflow:hidden;}
	.contentlimiter0 {margin:auto; position:relative; z-index:6; max-width:1400px; padding:0 40px;}
	.contentlimiter1 {margin:auto; position:relative; z-index:6; max-width:1100px; padding:0 30px;}
	
	.block404 {font-size:24px; line-height:34px; padding:100px 0;}
	
	.cta-button1 {display:inline-block; font-weight: 300; background: #ea866c; color:#fff !important; font-size:15px; line-height:18px; letter-spacing:0.5px; border-radius: 8px; margin: 30px 0 0; padding:10px 14px; text-decoration:none; border: 2px solid #ea866c;}
	.cta-button1:hover {background: none; color: #ea866c !important; text-decoration:none;}
	.cta-button1 {margin: 20px 0 0;}
	
	.cta-button11 {position: relative; bottom: auto;}
	
	.cta-button2 {display:inline-block; border:2px solid #ea866c; background: #ea866c; color: #fff; padding:15px 20px 13px; font-size:15px; line-height:15px; font-weight: 400; margin:30px 0 0; text-decoration: none;}
	.cta-button2:hover {background: #ea866c; color: #fff; text-decoration:none;}
	
	.block-view1-wrapper {box-sizing:border-box; margin:0 auto 0; padding:60px 0 50px; z-index:20; position:relative;}
	.block-view1-text {box-sizing:border-box; float: left; width: 100%; padding: 0 0 20px;}
	.block-view1-img {box-sizing:border-box; float: left; width: 60%;} .block-view1-img img {width: 100%; padding: 0 0 20px;}
	.block-view1-spacer {box-sizing:border-box; float: left; width: 0%; height: 30px; display: none;}
	.block-view1-button {margin: auto; text-align: center;}
	.block-view2-button {}
	
	.block-view1-textcol-wrapper {box-sizing:border-box; margin:0 auto 0; padding:130px 0 130px; z-index:20; position:relative;}
	.block-view1-textcol {width: 45%; float: left;}
	.block-view1-textcol-spacer {box-sizing:border-box; float: left; width: 10%; height: 30px;}
	.block-view1-textcol-wrapper h3 {padding:0px 0 20px; margin: 0;}
	
	.block-view2-wrapper {box-sizing:border-box; margin:0 auto 0; padding:60px 0 60px; z-index:20; position:relative;}
	.block-view2-wrapper img {width: 100%; margin: 10px 0 10px;}
	.block-view2-wrapper p {width: 95%;}
	.block-view2-wrapper h1 {font-weight: 700; font-size:22px; line-height:28px; letter-spacing:0.5px; padding:0px 0 30px; margin: 0;}
	.block-view2-wrapper h3 {padding:0px 0 20px; margin: 0;}
	
	.block3-wrapper {box-sizing:border-box; margin:0px -2% 30px; padding:0px 0 0px; z-index:20; position:relative; }
	.block3-box {box-sizing:border-box; border-radius: 15px; width:98%; height: auto; float:left; margin:0% 2% 4%; padding:20px 20px 20px; text-align:left;} 
	.block3-box2 {height: auto;}
	.block3-box-full {width:96%; height: auto; float:left; margin:2% 2% 8%;}
	.block3-box-full2 {margin:2% 2% 3%; padding:25px 30px 40px;}
	.block3-box h2 {font-size:20px; line-height:30px; letter-spacing:0.5px; margin: 0 0 20px;}
	.block3-box img {width:80px;}
	
	.block3-boxdetail-wrapper {border-bottom: 1px solid #5a5a5a; padding: 10px 0;}
	.block3-boxdetail-wrapper h2 {font-weight: 700; font-size:16px; line-height:25px; letter-spacing:0.5px; margin: 0;}
	.block3-boxdetail-wrapper ul li {font-weight: 300; font-size:16px; line-height:25px; letter-spacing:0.5px; list-style-type: initial; padding: 2px 0;}
	
	.block3-boxdetail-left {width: 100%; float: left;}
	.block3-boxdetail-right {width: 100%; float: left; padding: 0 0 0 15px;}
	
	.block4-wrapper {box-sizing:border-box; margin:0px -2% 100px; padding:0px 0 0px; z-index:20; position:relative; }
	.block4-box {box-sizing:border-box; border-radius: 15px; width:46%; height: auto; float:left; margin:0% 2% 2%; padding:0px 0px 20px; text-align:left;} 
	.block4-box h2 {font-size:20px; line-height:34px; letter-spacing:0.5px; margin: 0 0 30px;}
	.block4-box img {width:100%;}
	
	.block5-wrapper {box-sizing:border-box; margin:20px 0 40px; padding:0px 0 0px; z-index:20; position:relative; }
	.block5-box {box-sizing:border-box; position: relative; border-radius: 15px; width:97%; height: auto; float:left; margin:0% 3% 5% 0; padding:30px 0px 20px 10px; text-align:left; background: #fff;} 
	.block5-box h2 {font-size:18px; line-height:24px; letter-spacing:0.5px; margin: 0 0 10px;}
	.block5-box p {margin-top: 6px; font-size: 14px; line-height: 18px;}
	.block5-box img {width:65px; position: absolute; left: auto; right: 15px; top: 0%; padding: 0; margin: 25px 0 0;}
	
	.block-booking-wrapper {box-sizing:border-box; margin:0px -20px 0px; padding:30px 10px 0px; border-radius: 15px; z-index:20; position:relative; background: #fff;}
	.block-bookingframe {width: 100%; border: none; height: 1900px; padding: 0px 0px 0px;}
	
	.block-view-partner {box-sizing:border-box; margin:-20px auto 0; z-index:20; position:relative;}
	.block-view-partner img {height: 40px; padding: 0 20px 20px 0;}
	.block-view-partner img:hover {transform: scale(1.1);}
	
	.block-view-gallery {box-sizing:border-box; margin:-30px -1vw 0; z-index:21; position:relative;}
	.block-view-gallery img {height: 38vw; padding: 1vw;}
	
	.block-footer-wrapper {box-sizing:border-box; margin:0px 0% 0; padding:0px 0 0px; z-index:20; position:relative; }
	.block-footer-box {box-sizing:border-box; border-radius: 15px; width:33.33%; height: auto; float:left; margin:0% 0% 20px; padding:5px 0px 0px 0; text-align:left;}
	.block-footer-box h3 {margin: 0 0 0px; padding:0 0 20px;}
	.block-footer-box p {margin: 0 0 0px; padding:0 0 12px;}
	.block-footer-box img {width:40%; padding: 0 0 30px; margin: -20px 0 0;}
	.block-footer-1 {width: 100%;}
	.block-footer-2 {width: 100%;}
	.block-footer-3 {width: 100%;}
	
}

@media screen and (max-width: 500px) { 
	.nophone-portrait {display:none !important;}
	.onlyphone-portrait {display:inherit !important;}
	
}


/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
	position:fixed; right:50px; top:42px; z-index:100;
	transition: all 0.3s ease !important;
  padding:inherit;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.25s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
	opacity: 0.9; }

.hamburger-box {
	
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 40px;
	height: 2px;
	background-color: #000;
	border-radius: 2px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.25s;
	transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
	content: "";
	display: block; }
  .hamburger-inner::before {
	top: -8px; height:2px;}
  .hamburger-inner::after {
	bottom: -8px; }

.hamburgerwhite {background-color:#FFF;}
.hamburgerwhite::before {background-color:#FFF;}
.hamburgerwhite::after {background-color:#FFF;}
.hamburgerpos {}
/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
	transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
	transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
	transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }



@media screen and (max-width: 800px) {
	.hamburger {right:40px; top:36px; width:30px;}
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 30px; height: 2px; border-radius: 1px;}
}