@import url('../js/fancybox/jquery.fancybox.css');
@import url('../request-form/datepicker.css');
@import url('swiper.css');
@import url('../request-form/request-form.css');
@import url("https://use.typekit.net/mhr4hyi.css");

@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

/*font einfuegen in css*/

html, body { margin:0px; padding:0px; font-size:1em; font-family: "candara", sans-serif; font-family: "Mulish", sans-serif; font-weight:400; color:#ccc; background-color:#fff;background-color: #aaa;}

/*--common--*/
p, ul {font-size: 17px;line-height: 28px;}
ul {padding-left: 13px;}
li {}
a { text-decoration:none; color:inherit;}
a:hover { text-decoration:underline;}
h1 {font-size: 22px;line-height: 28px;color: #b9914b;}
h2 {font-size: 19px;line-height: 28px;font-weight: 400;}

.h1 {color: #b9914b; font-family: "candara", sans-serif; font-size: 2.2vw; line-height: 2.2vw;}
.h2 {font-size: 19px;line-height: 28px;font-weight: 400;}


.img_hidden_slide {width: 50px;top: -100px;position: absolute;}

.transition { -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}

/*--menu--*/
.header {position: absolute;z-index: 5;width: 100%;height: 150px;}

.menu-button-box {position: absolute;top: 0;right: 7%;}
.menu-button-box .button {margin-right: 0;margin-top: 11px;}
.menu-button-box .button-area {}
.menu-button-box .menu-request-img {display: none;}
.menu-button-box span {}
.menu-button {position: relative;display: inline-block; margin: auto 5px;height: 80px;  transition: all 0.3s ease 0s;width: 55px;vertical-align: top;}
.menu-button:hover {}
.menu-button::before {content:"";position: absolute;width: 100%;height: 100%;background-color: #10361f;transition: all 0.3s ease 0s;} 
.menu-button:hover::before {height: 102px;} 
.menu-button-img {position: absolute;left: 50%;transform: translateX(-50%);bottom: 15%;height: 28px;width: 30px;object-fit: contain;transition: all 0.3s ease 0s;}
.menu-button:hover .menu-button-img {bottom: -12%;}
.menu-logo-box {position: absolute;left: 50%;top: 41px;transform: translateX(-50%);text-align: center;color: #10361f;}
.menu-logo-img {width: 290px;position: relative;}
.menu-title {width: 45%;position: absolute;text-align: left;color: #b9914b;top: 0;left: 0;font-family: "candara", sans-serif;font-size: 2.2vw;line-height: 2.2vw;}
.menu-subtitle {width: 100%;margin: 0 auto;position: relative;font-size: 11px;text-transform: uppercase;letter-spacing: 16px;}
.menu-bar-box {display: none;}
.menu-bar-button {}
.menu-bar-button img {}
.menu-bar-button.middle {}


.menu_button-box {position: absolute; top:0; left: 7%;}
.menu_button {   color:#fff; display:none; top: 0;width: 55px;height: 80px;cursor: pointer;left: 0;margin: 0 5px auto 0px; transition: all 0.3s ease 0s;}

.menu_button::before {content:"";position: absolute;width: 100%;height: 100%;transition: all 0.3s ease 0s;background-color: #b9904b;} 
.menu_button:hover::before {height: 102px;} 
	.menu_button>span {position: absolute;left: 50%;transform: translateX(-50%);top: 12px;font-size: 14px;text-transform: uppercase;display: none;}
	.menu_button-lines { width:30px; height:18px; position:absolute; bottom:15px; left:50%;   display:none; transform: translateX(-50%);}
	.menu_button:hover .menu_button-lines {bottom: -12%;}
		.menu_button-lines span { background-color:#fff; width:100%; height:2px; position:absolute; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;left: 0;}
		.menu_button-lines span:nth-child(1) {top: 0;}
		.menu_button-lines span:nth-child(2) {top: 50%; transform: translateY(-50%);}
		.menu_button-lines span:nth-child(3) {bottom: 0;}
		.header-open .menu_button-lines {transform: translateX(-50%) rotate(90deg);}
		.header-open .menu_button-lines span:nth-child(1) {transform: rotate(45deg);top: 48%;}
		.header-open .menu_button-lines span:nth-child(2) {opacity:0;}
		.header-open .menu_button-lines span:nth-child(3) {transform: rotate(-45deg);bottom: 46%;}

.navigation { display: table; position:absolute; top:0; right:0; z-index: 3; margin:auto; width:100%;height: 100%;}
	.menu-con-back {position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0.3;filter: blur(2px);}
	.menu-con-back-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-attachment: fixed;background-size: cover;background-position: center;}
	.menu-con-back-gr-1 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);}
	.menu-box {top: 50%;right: 15%;transform: translateY(-50%);width: 30vw;box-sizing: border-box;position: absolute;width: 40vw;height: 40vw;right: 10%;}
	.menu-slogan {position: absolute;width: 25%;bottom: 17%;right: 22%;transform: translate(50%, 50%);}
	.menu-logo-icon {position: absolute;top: 50%;left: 50%;width: 4vw;transform: translate(-50%, -50%);}
	.menu-slogan svg {overflow: visible;transform: rotate(28deg);}
	.menu-slogan text {font-size: 15px;dominant-baseline: hanging;letter-spacing: 1px;fill: #b9914b;font-family: "candara", sans-serif;}
	.menu-img-box {top: 50%;right: 0;transform: translateY(-50%);box-sizing: border-box;position: absolute;width: 100%;height: 100%;background-color: #868686;clip-path: polygon(0% 35%, 45% 35%, 45% 100%, 0% 100%, 0% 35%, 55% 0%, 100% 0%, 100% 65%, 55% 65%, 55% 0%);}
	.menu-img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-position: center;background-size: cover;opacity:0;}
	.menu-img-active {opacity:1;}
	.menu { margin:0px; padding:0px; display:block; text-align: left;position: absolute;z-index: 4;}
		.menu-square {position: absolute;background-color: #b9904b;width: 30px;height: 30px;display: inline-block;transform: translateY(-50%) rotate(45deg);opacity: 0;top: 50%;right: 100%;}
		.menu-item { padding:10px 23px;letter-spacing:2px;cursor: pointer; display: inline-table; position: relative;text-decoration:none;box-sizing: border-box;font-size: 2.2vw;line-height: 3.2vw;text-decoration: unset !important;}
		.menu-item-active {}
		.menu-item.current-page {}
		.menu-item:hover {color:#b9904b;}
		.menu-item:hover .menu-square {opacity: 1;}
		.submenu {display:none;}
			.submenu-item {}
			.submenu-item:hover {}

/*menu*/
	.menu_button { display:inline-block; z-index:10;font-weight: 400;position: relative;}
	.menu_button-lines { display:block; z-index:10;}
	.navigation { position: fixed;  margin:0 auto; text-align:right;opacity:0.001;pointer-events: none;height: 100vh;background-color: #fff;z-index: 5;}
	.header-open.navigation {opacity:1;pointer-events: all;}
		.menu {top: 50%; left: 15%; transform: translateY(-50%); width: auto;  box-sizing: border-box;color: #10361f;}
			.menu-item { display:block; width: 100%;}
					.lang-text {background-color:#aaa;}
					.menu-other {position:relative;}
					.menu-other-href {padding: 0;text-align: left;background-color: #aaa;margin: 1px 0 0;}
					#s01 {position:relative;display: none;}
					#s02 {position:absolute;display: none;}
					.s0-open{position:relative !important;display:block !important;}


	.header.fixed {position: fixed;transform: translateY(-100%);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
	.header.fixed-2 {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;transform: unset !important;}

	.header-open.fixed {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;transform: unset !important;}
	.header.fixed {background-color: #fff;height: 74px;z-index: 6;}
	.header.fixed .menu-logo-box {top: 3px;}
	.header.fixed .menu-logo-img {width: 140px;}
	.header.fixed .menu_button {height: 74px;}
	.header.fixed .menu_button:hover {}
	.header.fixed .menu-button {height: 74px;}
	.header.fixed .menu-button:hover {height: 74px;}
	.header.fixed .menu-button::before {} 
	.header.fixed .menu-button:hover::before {height: 68px;} 
	.header.fixed .menu_button::before {} 
	.header.fixed .menu_button:hover::before {height: 68px;} 
	.header.fixed .menu_button-lines {bottom: 50%;transform: translate(-50%, 50%);} 
	.header.fixed .menu_button:hover .menu_button-lines {} 
	.header.fixed .menu-button-img {bottom: 50%;transform: translate(-50%, 50%);}
	.header.fixed .menu-button:hover .menu-button-img {}

	.header.fixed.header-open {}

/*--Slide--*/

.slide {height:1000px;position:relative;height:calc(100vh);}
	.swiper-container {width:100%;height:100%;}
		.swiper-slide {position:relative;text-align: center;font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-position:center; background-repeat:no-repeat; background-size:cover;height:100%;}
			.swiper_sfondo {object-fit: cover; width: 100%; height: 100%; max-width: 100%; max-height: 100%; transform:scale(1); transition: all 4s cubic-bezier(0.82, 0.01, 0.77, 0.78) 0s;}
			.pag-box { bottom:34px; left:0; display: table; width:100%; height:auto; position: absolute; text-align:center;z-index: 3; box-sizing:border-box;}
						.pagination {display: inline-table;position: relative;vertical-align: middle;width: 200px;}
							.swiper-pagination-bullet {transform: rotate(45deg);background:#b9914b; width:9px; height:9px; opacity:1; margin:0 15px; display:inline-table; vertical-align: middle;-webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
							.swiper-pagination-bullet:first-child:last-child {display:none;}
							.swiper-pagination-bullet-active {    position: relative;transform: rotate(45deg) scale(1.7);}
.slide-grad-1 {position: absolute;width: 100%;height: 45%;background: linear-gradient(#fff, #fff0);background: -webkit-linear-gradient(#fff, #fff0);background: -moz-linear-gradient(#fff, #fff0);opacity: 0.4;top: 0;left: 0;pointer-events:none;z-index:1;}
.slide-grad-2 {position: absolute;width: 100%;height: 37%;background: linear-gradient(#fff0, #fff);background: -webkit-linear-gradient(#fff0, #fff);background: -moz-linear-gradient(#fff0, #fff);opacity: 0.6;left: 0;bottom: 0;pointer-events:none;z-index:1;}
.slide-grad-3 {position: absolute;width: 100%;height: 100%;background: linear-gradient(-45deg, #fff0 60%, #fff 100%);background: -webkit-linear-gradient(-45deg, #fff0 60%, #fff 100%);background: -moz-linear-gradient(-45deg, #fff0 60%, #fff 100%);opacity: 0.6;left: 0;bottom: 0;pointer-events:none;z-index:1;}
.slide-circle-logo {position: absolute;bottom: 5%;right: 5%;z-index: 1;width: 160px;}
.slide-circle-logo svg {overflow: visible;transform: rotate(51deg);}
.slide-circle-logo text {fill: #05341c;font-size: 18px;font-family: "candara", sans-serif;letter-spacing: 0.3px;}
.slide-circle-logo tspan {font-size:22px;font-weight: bold;}


/*--Main--*/
.main-con {position: relative;width: 100%;background-color: #fff;}
.main-con-back {position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0.3;}
.main-con-back-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-attachment: fixed;background-size: cover;background-position: center;}
.main-con-back-gr-1 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);}
.main-con-back-gr-2 {position: absolute;bottom: 0;left: 0;width: 100%;height: 56vw;background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);}
.main {position: relative;width: 100%;}
.main-slogan-box {position: absolute;top: 6vw;left: 7%;width: calc(43% - 35px);height: calc(100% - 12vw);}
.main-title-box {position: absolute;top: 0;right: 0;width: calc(50% - 35px);}
.slogan {color: #b9914b;font-family: "candara", sans-serif;font-size: 2.2vw;line-height: 2.2vw;}
.main-slogan-image-1 {position: absolute;top: 0;left: 0;width: calc(50% - 35px);height: 70%;}
.main-slogan-img {width: 10px;position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.main-slogan-image-2 {position: absolute;bottom: 0;right: 0;width: calc(50% - 35px);height: 70%;}
.circle-logo {position: absolute;bottom: 3%;left: calc((50% - 35px) / 2);width: 10vw;transform: translateX(-50%);}
.circle-logo-icon {width: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.circle-logo svg {transform: rotate(57deg) scale(1.2);overflow: visible;}
.circle-logo defs {}
.circle-logo path {fill: none;}
.circle-logo text {font-size: 17px;dominant-baseline: hanging;letter-spacing: 1px;fill: #b9914b;font-family: "candara", sans-serif;}
.circle-logo textpath {fill: #eeeee2;}
.main-desc-box {position: relative;margin: 0 7% 0 auto;width: calc(43% - 35px);padding: 6vw 0;}
.main-desc-image {position: relative;width: 100%;height: auto;}
.main-desc-img {width: 100%;}
.main-text-box {color: #575756;margin-top: 8vw;}
.main-text-box p {}
.main-2 {}
.main-green {position: absolute;width: 100%;height: 50%;background-color: #10361f;bottom: 0;left: 0;}
.main-2 .main-text-box {color:#fff;margin-top: 8vw;}
.main-2 .circle-logo textpath {}
.main-2 .circle-logo tspan {font-size: 20px;text-transform: uppercase;}
.main-2 .main-slogan-image-1, .main-2 .main-slogan-image-2 {height: 63%;}
.main-2 .circle-logo svg {transform: rotate(38deg) scale(1.2);}
.main-2 .circle-logo text {letter-spacing: 1px;font-size: 13px;}












/*apar*/
.apar-container {position: relative;width: 100%;top: 0;left: 0;padding-top: 7vw;overflow: hidden;}
.apar-background-logo {position: absolute;top: 0;left: 0;width: 100%;filter: brightness(0);opacity: 0.13;}
.apar-img {position: absolute;height: 80%;width: 57%;object-fit: cover;top: 50%;left: 100%;transform: translate(-100%, -50%);transition: all 1s ease 0s;}

.mb-slide {position: relative; display:block !important;}
  .mb-slide .swiper-container {}
      .mb-slide .swiper-wrapper {}
          .mb-slide .swiper-slide {background-color: unset;}
#mb-slide-1 {height: 33vw;z-index: 2;width: 86%;margin-left: 7%;}
  #mb-slide-1 .swiper-container {}
      #mb-slide-1 .swiper-wrapper {}
          #mb-slide-1 .swiper-slide {}
#mb-slide-2 {position: relative; display:block !important;width: 75%;margin: -9vw auto 6vw;}
  #mb-slide-2 .swiper-container {}
      #mb-slide-2 .swiper-wrapper {}
          #mb-slide-2 .swiper-slide {background-color:#10361f;height: 300px;height: auto;}
.arrow {position: absolute;top: calc(50% + 3.5vw);left: 10%;z-index: 1;padding: 17px;transform: translateY(-50%);cursor: pointer; transition: all 0.3s ease 0s;}
.arrow-prev {transform: translateY(-50%) rotate(180deg);}
.arrow-next {left: unset;right: 10%;}
.arrow-lines {position: relative;width: 20px;height: 20px;border: solid 2px #fff;border-top: unset;border-left: unset;transform: rotate(-45deg);}
.arrow.swiper-button-disabled {opacity: 0; cursor: default;}

.apar-icon {position: absolute;width: 90%;filter: grayscale(1) brightness(8);opacity: 0.04;}
.apar-text-box {padding: 12vw 0 5vw;position: relative;color: #fff;}
h3 {font-family: "candara", sans-serif;font-size: 50px;font-weight: 100;font-style: italic;line-height: 18px;}
h4 {font-family: "candara", sans-serif;font-size: 25px;font-weight: normal;}
.apar-text-box p {font-size: 17px;line-height: 32px;}
.apar-button-box {position: relative;margin: 40px 0 15px;}
.button {position: relative;display: inline-block;padding: 17px 33px;font-size: 15px;margin: auto 15px;text-decoration: unset !important;cursor: pointer;background-color: #204630;color: #fff;text-align: center;}
.button:hover {}
.button img {position: absolute;left: 50%;top: 50%;z-index: 1;height: 80%;transform: translate(-50%, -50%);transition: all 0.3s ease 0s;opacity: 0;-webkit-clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);width: 100%;object-fit: contain;}
.button:hover img {opacity: 1;-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);transition: all 0.3s ease 0.3s;}
.button-trasparent:hover img {opacity:0.7;}
.button-area {position: absolute;top: -1px;left: 50%;width: calc(100% + 2px);height: calc(100% + 2px);background-color: #b9904b;transition: all 0.3s ease 0.3s;transform: translateX(-50%);}
.button:hover .button-area {opacity: 0;width: 0;transition: all 0.3s ease 0s;}
.button span {position: relative;z-index: 1;}

#mb-slide-1 .swiper-slide-next {}
#mb-slide-1 .swiper-slide-next .apar-img {width: 190%;left: 50%;transform: translate(-50%, -50%);height: 100%;}
#mb-slide-1 .swiper-slide-active .apar-img {left: 0;transform: translateY(-50%);}

.apar-more {position: relative;width: 75%;margin: 0 auto;background-color: #10361f;padding: 30px 70px 70px;box-sizing: border-box;color: #fff;}
.apar-more-background {position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0.14;background-attachment: fixed;background-size: cover;background-position: center;filter: blur(6px);}
.apar-img-mobile {display: none;}
.apar-dett-box {position: relative;}
.apar-dett-box h3 {text-align: center;}
.apar-dett-box h5 {font-size: 21px;margin: 43px auto 0px;}
.apar-dett-box ul {}
.apar-dett-box li {}
.apar-dett-box p {}


/*--Relax--*/
.relax {position: relative;left: 0;top: 0;width: 100%;padding: 150px 0 150px;background-color: #10361F;}
.relax .slogan {}
.relax-background-box {position: absolute;top: 50%;left: 0;width: 100%;height: 90%;background-color: #10361F;transform: translateY(-50%);max-height: 840px;}
.relax-background-image {position: absolute;top: 0;width: 50%;height: 100%;opacity: 0.3;background-size: cover;background-position: center;}
.relax-background-image.wellness {left: 0;background-position: right;}
.relax-background-image.fitness {right: 0;background-position: center;}
.relax-background-gradient {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.relax-background-gradient.up {background: linear-gradient(180deg,rgba(16, 54, 31, 1) 0%, rgba(16, 54, 31, 0) 50%, rgba(16, 54, 31, 1) 100%);}
.relax-background-gradient.left {background: linear-gradient(90deg,rgba(16, 54, 31, 0) 0%, rgba(16, 54, 31, 1) 50%, rgba(16, 54, 31, 0) 100%);}
.relax-background-logo {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.relax-background-logo-img {position: absolute;top: 50%;left: 50%;width: 80vw;filter: grayscale(1) brightness(8);opacity: 0.03;transform: translate(-50%, -50%);}
.relax-box {position: relative;width: 50%;margin: 0 auto;}
.relax-wellness-box {position: absolute;width: 45%;top: 0;left: 0;}
.relax-wellness-image-box {position: relative;width: 100%;height: 28vw;overflow: hidden;border-bottom-left-radius: 13vw;}
.wellness-img {width: 100%;height: 100%;object-fit: cover;}
.relax-text-box {color: #fff;position: relative;width: 85%;margin: 50px auto;text-align: center;}
.relax-title {font-size: 45px;margin-bottom: 25px;}
.relax-fitness-box {position: relative;width: 45%;margin: 0 0 0 auto;}
.relax-fitness-slogna-box {margin-bottom: 50px;}
.relax-fitness-image-box {position: relative;width: 100%;height: 28vw;border-bottom-right-radius: 13vw;overflow: hidden;}
.fitness-img {width: 100%;height: 100%;object-fit: cover;}
.relax-fitness-text-box p {}


/*--Season--*/
.season {position: relative;width: 100%;top: 0;left: 0;}
.season-background-box {position: absolute;width: 100%;height: 100%;background-color: #10361f;}
.season-background-img {position: absolute;width: 100%;height: 100%;background-size: cover;background-position: center;opacity: 0;transition: all 0.3s ease 0s;}
.season-background-img-active {opacity: 0.2;}
.season-box {position: relative;width: 86%;margin: 0 auto;padding: 100px 0;}
.season-buttons-box {position: relative;width: 100%;margin: 0 auto 100px;display: table;text-align: center;}
.season-buttons-line {position: absolute;background-color: #b9904b;height: 1px;width: 100%;bottom: 24px;}
.season-button {position: relative;display: inline-block;cursor: pointer;text-decoration: none !important;width: 270px;}
.season-button-active {}
.season-button-text {font-family: "candara", sans-serif;font-size: 40px;color: #b9904b;}
.season-button-area {position: relative;height: 50px;width: 50px;background-color: #b9904b;transform: rotate(45deg);margin: 40px auto 0;transition: all 0.3s ease 0s;}
.season-button-active .season-button-area {transform: rotate(45deg) scale(1.3);}
.season-button-img {width: 40px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(-45deg);opacity: 0; transition: all 0.3s ease 0s;}
.season-button-active .season-button-img {opacity:1;}
.season-button.middle {margin: 0 13vw;}
.season-text-box {position: relative;margin: 0 auto;width: 50%;text-align: center;color: #fff;display: none;}
.season-text-box .season-background-img {display: none;}
.season-text-box .relax-background-gradient.left {display: none;}
.season-text-box .relax-background-gradient.up {display: none;}
.season-title {font-size: 40px;margin-bottom: 25px;}


/*--Special--*/
.special {position: relative;width: 100%;color: #10361f;background-color: #fff;overflow: hidden;}
.special-logo {position: absolute;width: 100%;opacity: 0.06;transform: translate(-50%, -50%);left: 50%;top: 50%;height: auto;}
.special-icon-1 {position: absolute;left: 0;top: 50%;transform: translate(-62%, -50%);opacity: 0.09;height: 90%;}
.special-icon-2 {position: absolute;right: 0;top: 50%;transform: translate(54%, -50%);opacity: 0.09;height: 90%;}
.special-text-box {position: relative;width: 50%;margin: 0 auto;text-align: center;padding: 170px 0;}
.special-title {position: relative;margin: 0 auto 20px;font-family: "candara", sans-serif;font-size: 70px;color: #b9904b;font-style: italic;}
.special-text-box p {font-size: 17px;}


/*--Footer--*/
.footer {position: relative;background-color: #10361f;padding-top: 430px;padding-bottom: 25px;color: #fff;}
.footer-background-image {position: absolute;width: 90%;left: 5%;top: 0;background-repeat: no-repeat;background-size: contain;height: calc(100% - 55px);background-position: center;}
.footer-box {position: relative;width: 100%;display: table;text-align: center;table-layout: fixed;}
.footer-button-1 {display: table-cell;text-align: left;padding-left: 15px;white-space: nowrap;}
.button-green {color: #10361f;transition: all 0.3s ease 0s;}
.button-green:hover {color: #fff;}
.footer-text-box {opacity: 0.5;display: table-cell;white-space: nowrap;}
.footer-text-box p {display: inline-block;margin: 0 0.5vw;}
.footer-text-box a {display: inline-block;margin: 0 0.5vw;}
.footer-button-2 {display: table-cell;text-align: right;padding-right: 15px;}
.button-trasparent {color: #b9904b;transition: all 0.3s ease 0s;background-color: #10361f;}
.button-trasparent:hover {color: #fff;background-color: #b9904b;}
.button-area-trasparent {background-color: #10361f;border-color: #b9904b;border-style: solid;border-width: 1px;}
.button-trasparent img {filter: grayscale(1) brightness(2.5) sepia(1) saturate(2.5);}
.button-trasparent br {display: none;}
.button-trasparent span font {}
.start_language{display: inline-block;}
.language{display:none;}
.cur_language{}
cur_language{}
 .lang{}

.main-desc-box-inner{width: 80%; margin: 0 auto; text-align: center;}
.main-text-box-inner{margin-top: 0;}


/*--Quick Request--*//*
.quick-request {margin: 0 auto;position: relative;display: table;box-sizing: border-box;width: 100%;text-align: center;padding: 3vw 0;}
.qr-box {position: relative;display: inline-block;vertical-align: bottom;text-align: center;margin: 0px auto 10px;max-width: 210px;margin: 0 1.5vw;}
.qr-title {display: block;font-size: 24px;}
.qr-row-box {position: relative;}
.qr-date {position: relative;display: inline-block;vertical-align: middle;font-size: 75px;}
.qr-date-box {position: relative;display: inline-block;vertical-align: middle;padding-left: 10px;}
.qr-month {position: relative;font-size: 25px;text-transform: uppercase;}
.qr-year {position: relative;font-size: 25px;text-transform: uppercase;}
.TxtInput {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;pointer-events: all;cursor: pointer;}
.qr-button-box {position: relative;display: table;margin: 15px auto 0;}
.qr-button {display: block;position: relative;font-size: 18px;cursor: pointer;border: 0px;padding: 14px 11px;background-color: #5f5f5f;color: #fff;font-family: initial;}
.qr-button:hover {background-color: #fff;color: #5f5f5f;}

.impressum_sides_top {display: table;position: relative;width: 100%;margin-bottom: 60px;}
.impressum-sides {position: relative;width: 50%;display: table-cell;}
*/

@media (max-height:930px) {
.menu-box {height: 31vw !important;width: 31vw !important;}
.menu-item {font-size: 2.2; line-height: 2.8vw;}
}

@media (max-width:1400px) {

	/*font einfuegen in css*/ html, body {}
	/*--common--*/ p, ul {}
	ul {}
	li {}
	a {}
	a:hover {}
	.img_hidden_slide {}
	.transition {}
	/*--menu--*/ .header {}
	.menu-button-box {right: 2%;}
	.menu-button-box .button {}
	.menu-button-box .button-area {}
	.menu-button-box .menu-request-img {}
	.menu-button-box span {}
	.menu-button {}
	.menu-button:hover {}
	.menu-button::before {}
	.menu-button:hover::before {}
	.menu-button-img {}
	.menu-button:hover .menu-button-img {}
	.menu-logo-box {}
	.menu-logo-img {}
	.menu-title {font-size: 2.5vw;}
	.menu-subtitle {}
	.menu-bar-box {}
	.menu-bar-button {}
	.menu-bar-button img {}
	.menu-bar-button.middle {}
	.menu_button-box {left: 2%;}
	.menu_button {}
	.menu_button::before {}
	.menu_button:hover::before {}
	.menu_button>span {}
	.menu_button-lines {}
	.menu_button:hover .menu_button-lines {}
	.menu_button-lines span {}
	.menu_button-lines span:nth-child(1) {}
	.menu_button-lines span:nth-child(2) {}
	.menu_button-lines span:nth-child(3) {}
	.header-open .menu_button-lines {}
	.header-open .menu_button-lines span:nth-child(1) {}
	.header-open .menu_button-lines span:nth-child(2) {}
	.header-open .menu_button-lines span:nth-child(3) {}
	.navigation {}
	.menu-con-back {}
	.menu-con-back-img {}
	.menu-con-back-gr-1 {}
	.menu-box {width: 43vw;height: 43vw;}
	.menu-slogan {right: 23%;width: 28%;}
	.menu-logo-icon {}
	.menu-slogan svg {}
	.menu-slogan text {}
	.menu-img-box {}
	.menu-img {}
	.menu-img-active {}
	.menu {}
	.menu-square {}
	.menu-item {font-size: 2.8vw;}
	.menu-item-active {}
	.menu-item.current-page {}
	.menu-item:hover {}
	.menu-item:hover .menu-square {}
	.submenu {}
	.submenu-item {}
	.submenu-item:hover {}
	/*menu*/ .menu_button {}
	.menu_button-lines {}
	.navigation {}
	.header-open.navigation {}
	.menu {}
	.menu-item {}
	.lang-text {}
	.menu-other {}
	.menu-other-href {}
	#s01 {}
	#s02 {}
	.s0-open{}
	.header.fixed {}
	.header.fixed-2 {}
	.header-open.fixed {}
	.header.fixed {}
	.header.fixed .menu-logo-box {}
	.header.fixed .menu-logo-img {}
	.header.fixed .menu_button {}
	.header.fixed .menu_button:hover {}
	.header.fixed .menu-button {}
	.header.fixed .menu-button:hover {}
	.header.fixed .menu-button::before {}
	.header.fixed .menu-button:hover::before {}
	.header.fixed .menu_button::before {}
	.header.fixed .menu_button:hover::before {}
	.header.fixed .menu_button-lines {}
	.header.fixed .menu_button:hover .menu_button-lines {}
	.header.fixed .menu-button-img {}
	.header.fixed .menu-button:hover .menu-button-img {}
	.header.fixed.header-open {}
	/*--Slide--*/ .slide {}
	.swiper-container {}
	.swiper-slide {}
	.swiper_sfondo {}
	.pag-box {}
	.pagination {}
	.swiper-pagination-bullet {}
	.swiper-pagination-bullet:first-child:last-child {}
	.swiper-pagination-bullet-active {}
	.slide-grad-1 {}
	.slide-grad-2 {}
	.slide-circle-logo {width: 120px;}
	.slide-circle-logo svg {}
	.slide-circle-logo text {}
	.slide-circle-logo tspan {}
	/*--Main--*/ .main-con {}
	.main-con-back {}
	.main-con-back-img {}
	.main-con-back-gr-1 {}
	.main-con-back-gr-2 {}
	.main {}
	.main-slogan-box {max-height: 52vw;top: 6vw;}
	.main-title-box {}
	.slogan {font-size: 3.2vw;line-height: 3.2vw;}
	.main-slogan-image-1 {}
	.main-slogan-img {}
	.main-slogan-image-2 {}
	.circle-logo {width: 12vw;}
	.circle-logo-icon {}
	.circle-logo svg {}
	.circle-logo defs {}
	.circle-logo path {}
	.circle-logo text {}
	.circle-logo textpath {}
	.main-desc-box {}
	.main-desc-image {}
	.main-desc-img {}
	.main-text-box {}
	h1 {}
	h2 {}
	.main-text-box p {}
	.main-2 {}
	.main-green {}
	.main-2 .main-text-box {}
	.main-2 .circle-logo textpath {}
	.main-2 .circle-logo tspan {}
	.main-2 .main-slogan-image-1, .main-2 .main-slogan-image-2 {}
	.main-2 .circle-logo svg {}
	.main-2 .circle-logo text {}
	/*apar*/ .apar-container {}
	.apar-background-logo {}
	.apar-img {}
	.apar-img-mobile {}
	.mb-slide {}
	.mb-slide .swiper-container {}
	.mb-slide .swiper-wrapper {}
	.mb-slide .swiper-slide {}
	#mb-slide-1 {}
	#mb-slide-1 .swiper-container {}
	#mb-slide-1 .swiper-wrapper {}
	#mb-slide-1 .swiper-slide {}
	#mb-slide-2 {}
	#mb-slide-2 .swiper-container {}
	#mb-slide-2 .swiper-wrapper {}
	#mb-slide-2 .swiper-slide {}
	.arrow {}
	.arrow-prev {}
	.arrow-next {}
	.arrow-lines {}
	.apar-icon {}
	.apar-text-box {}
	h3 {}
	h4 {}
	.apar-text-box p {}
	.apar-button-box {}
	.button {display: block;margin-bottom: 10px;}
	.button:hover {}
	.button img {}
	.button:hover img {}
	.button-trasparent:hover img {}
	.button-area {}
	.button:hover .button-area {}
	.button span {}
	#mb-slide-1 .swiper-slide-next {}
	#mb-slide-1 .swiper-slide-next .apar-img {}
	#mb-slide-1 .swiper-slide-active .apar-img {}
	.apar-more {}
	.apar-more-background {}
	.apar-dett-box {}
	.apar-dett-box h3 {}
	.apar-dett-box h5 {}
	.apar-dett-box ul {}
	.apar-dett-box li {}
	.apar-dett-box p {}

	/*--Relax--*/ 
	.relax {}
	.relax .slogan {}
	.relax-background-box {}
	.relax-background-image {}
	.relax-background-image.wellness {}
	.relax-background-image.fitness {}
	.relax-background-gradient {}
	.relax-background-gradient.up {}
	.relax-background-gradient.left {}
	.relax-background-logo {}
	.relax-background-logo-img {}
	.relax-box {width: 70%;}
	.relax-wellness-box {}
	.relax-wellness-image-box {height: 40vw;}
	.wellness-img {}
	.relax-text-box {}
	.relax-title {}
	.relax-fitness-box {}
	.relax-fitness-slogna-box {}
	.relax-fitness-image-box {height: 40vw;}
	.fitness-img {}
	.relax-fitness-text-box p {}
	/*--Season--*/ .season {}
	.season-background-box {}
	.season-background-img {}
	.season-background-img-active {}
	.season-box {}
	.season-buttons-box {}
	.season-buttons-line {}
	.season-button {width: 170px;}
	.season-button-active {}
	.season-button-text {}
	.season-button-area {}
	.season-button-active .season-button-area {}
	.season-button-img {}
	.season-button-active .season-button-img {}
	.season-button.middle {}
	.season-text-box {width: 70%;}
	.season-text-box .season-background-img {}
	.season-text-box .relax-background-gradient.left {}
	.season-text-box .relax-background-gradient.up {}
	.season-title {}
	/*--Special--*/ .special {}
	.special-logo {}
	.special-icon-1 {}
	.special-icon-2 {}
	.special-text-box {}
	.special-title {}
	.special-text-box p {}
	/*--Footer--*/ .footer {}
	.footer-background-image {}
	.footer-box {}
	.footer-button-1 {}
	.button-green {}
	.button-green:hover {}
	.footer-text-box {white-space: nowrap;}
	.footer-text-box p {display: block;}
	.footer-text-box a {}
	.footer-button-2 {vertical-align: middle;}
	.button-trasparent {}
	.button-trasparent:hover {}
	.button-area-trasparent {}
	.button-trasparent img {}
    .start_language{}
    .language{}
    .cur_language{}
    cur_language{}
    .lang{}
	
    .main-desc-box-inner{}
    .main-text-box-inner{}
}

@media (max-width:900px) {

	.impressum_sides_top {display: table;position: relative;width: 100%;margin-bottom: 60px;}
	.impressum-sides {position: relative;width: 100%;display: table;}
	/*font einfuegen in css*/ html, body {}
	/*--common--*/ p, ul {position: relative;}
	ul {}
	li {}
	a {}
	a:hover {}
	.img_hidden_slide {}
	.transition {}
	/*--menu--*/ .header {}
	.menu-button-box {}
	.menu-button-box .button {padding: 17px 13px;}
	.menu-button-box .button-area {}
	.menu-button-box .menu-request-img {display: block; position: relative;width: 30px;background-size: contain;background-repeat: no-repeat;height: 28px;background-position: center;z-index: 1;}
	.menu-button-box span {display: none;}
	.header.fixed .menu-button-box {top: -7%;}
	.menu-button {display: none;height: 0;}
	.menu-button:hover {}
	.menu-button::before {}
	.menu-button:hover::before {}
	.menu-button-img {}
	.menu-button:hover .menu-button-img {}
	.menu-logo-box {}
	.menu-logo-img {width: 170px;}
	.menu-title {}
	.menu-subtitle {}
	.menu-bar-box {display: table;position: fixed;width: 100%;height: 50px;z-index: 5;table-layout: fixed;bottom: 0;background-color: #10361f;text-align: center;}
	.menu-bar-button {display: table-cell;width: 100%;height: 100%;position: relative;cursor: pointer;}
	.menu-bar-button img {position: absolute;width: auto;top: 50%;left: 50%;transform: translate(-50%, -50%);height: 50%;object-fit: contain;max-width: 28px;}
	.menu-bar-button.middle {background-color: #062C15;}
	.menu_button-box {}
	.menu_button {}
	.menu_button::before {}
	.menu_button:hover::before {}
	.menu_button>span {}
	.menu_button-lines {}
	.menu_button:hover .menu_button-lines {}
	.menu_button-lines span {}
	.menu_button-lines span:nth-child(1) {}
	.menu_button-lines span:nth-child(2) {}
	.menu_button-lines span:nth-child(3) {}
	.header-open .menu_button-lines {}
	.header-open .menu_button-lines span:nth-child(1) {}
	.header-open .menu_button-lines span:nth-child(2) {}
	.header-open .menu_button-lines span:nth-child(3) {}
	.navigation {}
	.menu-con-back {}
	.menu-con-back-img {}
	.menu-con-back-gr-1 {}
	.menu-box {display: none;}
	.menu-slogan {}
	.menu-logo-icon {}
	.menu-slogan svg {}
	.menu-slogan text {}
	.menu-img-box {}
	.menu-img {}
	.menu-img-active {}
	.menu {}
	.menu-square {}
	.menu-item {padding: 30px 23px;font-size: 4.8vw;}
	.menu-item-active {}
	.menu-item.current-page {}
	.menu-item:hover {}
	.menu-item:hover .menu-square {}
	.submenu {}
	.submenu-item {}
	.submenu-item:hover {}
	/*menu*/ .menu_button {}
	.menu_button-lines {}
	.navigation {}
	.header-open.navigation {}
	.menu {width: 70%;text-align: center;}
	.menu-item {}
	.lang-text {}
	.menu-other {}
	.menu-other-href {}
	#s01 {}
	#s02 {}
	.s0-open{}
	.header.fixed {}
	.header.fixed-2 {}
	.header-open.fixed {}
	.header.fixed {}
	.header.fixed .menu-logo-box {}
	.header.fixed .menu-logo-img {}
	.header.fixed .menu_button {}
	.header.fixed .menu_button:hover {}
	.header.fixed .menu-button {}
	.header.fixed .menu-button:hover {}
	.header.fixed .menu-button::before {}
	.header.fixed .menu-button:hover::before {}
	.header.fixed .menu_button::before {}
	.header.fixed .menu_button:hover::before {height: 74px;}
	.header.fixed .menu_button-lines {}
	.header.fixed .menu_button:hover .menu_button-lines {}
	.header.fixed .menu-button-img {}
	.header.fixed .menu-button:hover .menu-button-img {}
	.header.fixed.header-open {}
	/*--Slide--*/ .slide {height: 50vh;overflow: hidden;}
	.swiper-container {}
	.swiper-slide {}
	.swiper_sfondo {}
	.pag-box {text-align: left;}
	.pagination {text-align: left;}
	.swiper-pagination-bullet {}
	.swiper-pagination-bullet:first-child:last-child {}
	.swiper-pagination-bullet-active {}
	.slide-grad-1 {height: 60%;opacity: 0.5;}
	.slide-grad-2 {height: 52%;}
	.slide-grad-3 {background: linear-gradient(-45deg, #fff0 30%, #fff 100%);background: -webkit-linear-gradient(-45deg, #fff0 30%, #fff 100%);background: -moz-linear-gradient(-45deg, #fff0 30%, #fff 100%);}
	.slide-circle-logo {}
	.slide-circle-logo svg {}
	.slide-circle-logo text {}
	.slide-circle-logo tspan {}
	/*--Main--*/ .main-con {}
	.main-con-back {}
	.main-con-back-img {}
	.main-con-back-gr-1 {}
	.main-con-back-gr-2 {}
	.main {}
	.main-slogan-box {position: relative;height: 102vw;width: 90%;margin: 0 auto 39px;max-height: unset;left: unset;}
	.main-title-box {}
	.slogan {font-size: 23px;line-height: 21px;}
	.main-slogan-image-1 {height: calc(100% - 170px);}
	.main-slogan-img {}
	.main-slogan-image-2 {height: calc(100% - 170px);}
	.circle-logo {width: 120px;}
	.circle-logo-icon {}
	.circle-logo svg {transform: rotate(57deg) scale(1.2);}
	.circle-logo defs {}
	.circle-logo path {}
	.circle-logo text {}
	.circle-logo textpath {}
	.main-desc-box {width: 90%;margin: 0 auto;}
	.main-desc-image {}
	.main-desc-img {}
	.main-text-box {}
	h1 {}
	h2 {}
	.main-text-box p {}
	.main-2 {}
	.main-green {height: 68%;}
	.main-2 .main-text-box {}
	.main-2 .circle-logo textpath {}
	.main-2 .circle-logo tspan {}
	.main-2 .main-slogan-image-1, .main-2 .main-slogan-image-2 {height: calc(100% - 170px);}
	.main-2 .circle-logo svg {}
	.main-2 .circle-logo text {}
	/*apar*/ .apar-container {}
	.apar-background-logo {}
	.apar-img-mobile {display: block;position: relative;width: calc(100% - 25px);object-fit: cover;margin: 5% auto 0;}
	.apar-img {}
	.mb-slide {}
	.mb-slide .swiper-container {}
	.mb-slide .swiper-wrapper {}
	.mb-slide .swiper-slide {display: block;}
	#mb-slide-1 {display: none !important;}
	#mb-slide-1 .swiper-container {}
	#mb-slide-1 .swiper-wrapper {}
	#mb-slide-1 .swiper-slide {}
	#mb-slide-2 {width: 90%;}
	#mb-slide-2 .swiper-container {}
	#mb-slide-2 .swiper-wrapper {}
	#mb-slide-2 .swiper-slide {}
	.arrow {padding: 12px;}
	.arrow-prev {left: 0;}
	.arrow-next {right: 0;}
	.arrow-lines {}
	.apar-icon {bottom: 23%;left: 50%;transform: translateX(-50%);}
	.apar-text-box {padding: 0 0 0;}
	h3 {font-size: 35px;}
	h4 {font-size: 20px;}
	.apar-text-box p {font-size: 15px;width: 89%;margin: 0 auto;}
	.apar-button-box {}
	.button {}
	.button:hover {}
	.button img {}
	.button:hover img {}
	.button-trasparent:hover img {}
	.button-area {}
	.button:hover .button-area {}
	.button span {}
	#mb-slide-1 .swiper-slide-next {}
	#mb-slide-1 .swiper-slide-next .apar-img {}
	#mb-slide-1 .swiper-slide-active .apar-img {}
	.apar-more {padding: 30px 20px 70px;width: 90%;}
	.apar-more-background {}
	.apar-dett-box {}
	.apar-dett-box h3 {}
	.apar-dett-box h5 {}
	.apar-dett-box ul {}
	.apar-dett-box li {}
	.apar-dett-box p {}
	/*--Relax--*/ 
	.relax {padding-top: 40px;padding-bottom: 30px;}
	.relax .slogan {text-align: center; font-size: 30px;line-height: 30px;}
	.relax-background-box {}
	.relax-background-image {}
	.relax-background-image.wellness {}
	.relax-background-image.fitness {}
	.relax-background-gradient {}
	.relax-background-gradient.up {}
	.relax-background-gradient.left {}
	.relax-background-logo {}
	.relax-background-logo-img {}
	.relax-box {width: 90%;}
	.relax-wellness-box {position: relative;width: 100%;}
	.relax-wellness-image-box {height: 53vw;}
	.wellness-img {}
	.relax-text-box {position: relative;width: 100%;}
	.relax-title {font-size: 30px;font-size: 40px;}
	.relax-fitness-box {width: 100%;}
	.relax-fitness-slogna-box {}
	.relax-fitness-image-box {height: 53vw;}
	.fitness-img {}
	.relax-fitness-text-box p {}
	/*--Season--*/ .season {}
	.season-background-box {display: none;}
	.season-background-img {display: none;position: relative;height: 100%;opacity: 0.3;}
	.season-background-img-active {}
	.season-box {margin: 0;width: 100%;padding: 0;}
	.season-buttons-box {display: none;}
	.season-buttons-line {}
	.season-button {}
	.season-button-active {}
	.season-button-text {}
	.season-button-area {}
	.season-button-active .season-button-area {}
	.season-button-img {}
	.season-button-active .season-button-img {}
	.season-button.middle {}
	.season-text-box {display: block !important;width: 100%;margin: 0px auto;box-sizing: border-box;padding: 27px;background-color: #10361f;}
	.season-text-box .season-background-img {display: block;position: absolute;left: 0;top: 0;}
	.season-text-box .relax-background-gradient.left {display: block;}
	.season-text-box .relax-background-gradient.up {display: block;}
	.season-title {position: relative;}
	/*--Special--*/ .special {}
	.special-logo {}
	.special-icon-1 {height: 70%;}
	.special-icon-2 {height: 70%;}
	.special-text-box {width: 90%;padding: 60px 0;}
	.special-title {}
	.special-text-box p {}
	/*--Footer--*/ .footer {padding-bottom: 50px;padding-top: 20px;}
	.footer-background-image {height: 51px;position: relative;margin-bottom: 7px;top: 0;}
	.footer-box {}
	.footer-button-1 {display: table;width: 100%;position: relative;box-sizing: border-box;padding: 0 12px;}
	.button-green {}
	.footer-box .button {margin: 10px 0;width: 100%;box-sizing: border-box;}
	.button-green:hover {}
	.footer-text-box {display: table;width: 100%;position: relative;}
	.footer-text-box p {}
	.footer-text-box a {}
	.footer-button-2 {display: table;width: 100%;position: relative;padding: 0 10px;box-sizing: border-box;}
	.button-trasparent {}
	.button-trasparent:hover {}
	.button-area-trasparent {}
	.button-trasparent img {}
	.button-trasparent br {display: inline;}
	.button-trasparent span font {display: none;}
    .start_language{}
    .language{}
    .cur_language{}
    cur_language{}
    .lang{}
    
    .main-desc-box-inner{}
    .main-text-box-inner{}

}