@import url('../js/fancybox/jquery.fancybox.css');
@import url('swiper.css');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

html, body { margin:0px; padding:0px; font-size:18px; font-weight: 300; color:#2d2d2d; background-color:#fff;  font-family: "Inter", sans-serif;}


/*---common----*/

h1 { font-size:37px; letter-spacing:0px; color:#fff; font-family: "Cormorant Garamond", serif; font-weight: 300;line-height: 45px;margin-bottom: 20px;}
h2 { font-size:18px; letter-spacing:0.05em; font-weight: 300; color:#fff; margin:0; box-sizing:border-box; line-height: 28px;}
h3 { font-size:37px; letter-spacing:0px; color:#fff; font-family: "Cormorant Garamond", serif; font-weight: 300;line-height: 40px;margin-bottom: 50px;text-align: center;}
h4 { font-size:30px; letter-spacing:0px; color:#fff; font-family: "Cormorant Garamond", serif; font-weight: 300;line-height: 40px;margin-bottom: 20px;text-align: center;}
p { font-size:18px;  color:#fff; margin:0; line-height:28px;letter-spacing: 0.05em;}
a { text-decoration:none; border:none;color:#ffffff9e;}
img { border:0px none !important; }
.transition { -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}
.transition-2 { -webkit-transition:all 0.1s ease 0s; -moz-transition:all 0.1s ease 0s; -o-transition:all 0.1s ease 0s; transition:all 0.1s ease 0s;}


.shadow1 { opacity: 0.5;  transition: all 900ms ease 0s; position: absolute; width: 100%; height: 100%;z-index: 1;top: 0;background-image: -webkit-linear-gradient(top, rgba(00,00,00,0.3) 50%, rgba(00,00,00,0.6) 100%);pointer-events: none;}
.room-shadow { opacity: 0.7;  transition: all 900ms ease 0s; position: absolute; width: 100%; height: 100%;z-index: 1;top: 0;background-image: -webkit-linear-gradient(top, rgba(00,00,00,0.1) 50%, rgba(00,00,00,0.5) 100%);pointer-events: none;}

/* ----- HEADER ----- */


.header { position:fixed; width:100%; left:0; top:0;  cursor:default; z-index: 12;height: 60px;transition: all 500ms ease 0s;opacity: 1;background-color: #2d241f00;}
.header-scroll {background-color: #847566;}
.header-impressum {background-color: #4a443f;}
    .menu-button { right:15px; position:fixed; top: 9px;cursor: pointer; transition:all 400ms ease 0s; z-index: 13;display: none;}
    .menu-button-txt { color:#fff; position:relative; margin-bottom:5px; opacity: 1; font-size: 13px; left: -4px;}
    .menu-icon { width:30px; position:relative; float:left; }
    .menu-button-active .menu-button-txt {opacity: 0;}
    .menu-button-active {top: -12px;}
        .line {  display: block; height: 1px; margin: 0 auto; position: relative; width: 32px; float: right;background: #fff;}
        .line1 {}
        .line2 { margin:7px auto; width: 25px;}
        .line3 {}
        .menu-button-active .line1 { margin-bottom: 1px; margin-top: 29px; transform: rotate(45deg) translate(0px, 0px);background-color:#fff;}
        .menu-button-active .line2 { opacity: 0; width: 32px;background-color:#fff;}
        .menu-button-active .line3 { margin-bottom: 0; margin-top: -16px; transform: rotate(-45deg) translateX(2px); width: 32px;background-color:#fff;}
        .menu-button:hover .line2 { width: 32px;}

    .logo-header { left: 50%; top: 45px; width: 200px; position: absolute; z-index: 13; transition: all 400ms ease 0s;opacity: 0;}
    .header-scroll .logo-header {/*! width: 105px; */top: 30px;width: 160px;}        
    .header-scroll .menu-wrapper {}

/* ----- NAVIGATION ----- */
	
.navigation { position:fixed; width:100%; height:70px; transition:all 500ms ease 0s; z-index: 8;top: 50px;pointer-events: all;}
.header-scroll .navigation {top: 15px;}  
.header-impressum .navigation {top: 15px;}    
    .nav { position:relative; display:table; /*! width:95%; */   transition: all 700ms ease 0s;margin: 0 auto;text-align: right;max-width: 1550px;height: 50px;}
    .navigation-open {left: 0 !important;}

.icons {position: absolute;display: table;top: 36px;left: 15%;transition: all 400ms ease 0s;z-index: 12;}
.icon {position: relative;display: inline-block;padding: 8px; width: 26px;box-sizing: unset;height: auto;}
.icon img {}
.icon:first-of-type {width: 21px;top: 3px;}
.header-scroll .icons {top: 11px;}
.header-impressum .icons {top: 11px;}

.menu-wrapper { position:relative;  width: auto;height: 33px;transition: all 400ms ease 0s;}
.menu-wrapper li {  display: block;position: relative;float: left;text-align: right;padding: 20px 25px 2px 25px;}
.menu-wrapper li#m03 {padding: 0px 50px 2px 50px;}   
.li-in {   }
    .menu-wrapper li .active:before { content:" ";position:absolute; left:-50px; -webkit-transition:all 500ms ease 0s; -moz-transition:all 500ms ease 0s; -o-transition:all 500ms ease 0s; transition:all 500ms ease 0s; background-color:#292726; top: 50%;width: 50px;height: 2px;transform: translate(-50%,0);}
    .menu-wrapper li .active:after { content:" ";position:absolute; left:-50px; -webkit-transition:all 500ms ease 0s; -moz-transition:all 500ms ease 0s; -o-transition:all 500ms ease 0s; transition:all 500ms ease 0s; background-color:#292726; top: 50%;width: 50px;height: 2px;transform: translate(-50%,0);right:-100px !important; left: unset !important;}

    .menu-point { font-size: 18px;color: #fff;text-transform: uppercase;letter-spacing: 0.5px;}
    .menu-point::after { transition:width .2s ease-in-out 0s; -o-transition:width .2s ease-in-out 0s; -moz-transition:width .2s ease-in-out 0s; -webkit-transition:width .2s ease-in-out 0s; content:" "; position:absolute; bottom:-8px; width:0; left:0; height:1px; background:#fff; will-change:width}
    .rq-point {color: #b6a697;}
    .rq-point::after { width:75%; left:0; background:#b6a697; }
	.bk-point {color: #b6a697;}
    .bk-point::after { width:75%; left:0; background:#b6a697; }
    .menu-wrapper li a { position:relative; }
    .menu-wrapper li a:hover .menu-point::after {width: 100%;}
    .menu-wrapper li.active a .menu-point::after {}

.header-scroll .menu-wrapper li {padding: 6px 25px 2px 25px;}


    .language { font-size: 17px;font-weight: 400;color: #fff;line-height: 22px;text-transform: uppercase;display: inline-block;margin-right: 0 !important;margin-left: 0 !important;position: absolute;right: 35px;bottom: 63px;}
        .language span {color: #fff;padding-right: 3px;}
        .language a  {padding: 2px;}
        .language a span {color: #fff9;}
        .language a:hover {color: #b6a697;}
        .lang-other:hover {}
		.lang-active { color: #aa8957;margin-top: 0px;width: 40px;height: 40px;text-align: center;padding: 8px 8px;text-transform: uppercase;margin-right: 0 !important;margin-left: 0 !important;}
        .lang-other {}


/* ----- SLIDE ----- */

.slide {  height: calc(100vh); /*! position: relative; */  /*! margin: 0px auto; *//*! display: table; */ position: relative; width: 100%;}
.sezione_slider { position:absolute; width:100%; height:100%; overflow:hidden; top:0; left:0; }
    .swiper-container { width: 100%; height: 100%; }
        .swiper-slide { position:relative;text-align: center; font-size: 18px; background: #b6a697; 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%; }
        .shadow { position:absolute; width:100%; height:22%; left:0; top:0; z-index: 3;background-image: -webkit-linear-gradient(bottom, rgba(00,00,00,0) 50%, rgba(00,00,00,0.4) 100%);pointer-events: none;opacity: 1;}


/* ----- TOP ----- */


.top { position:absolute; width:100%; height:calc(100vh); top:0; left:0; cursor:default; pointer-events: none;}
	.top-sub { position:relative; display:table; font-size:75px; z-index:10; letter-spacing: 0px;text-align: left;color: #fff;line-height: 70px;font-family: 'Playfair Display', serif;}

	.scroll-down { width:56px; position:absolute; bottom:0; left:50%; z-index: 5;margin-left: -28px;text-align: center;cursor: pointer;}
		.scroll-down-line { width:1px; height:100px; background-color:rgba(255,255,255,0.5); display:block; position:absolute; opacity: 0.5;bottom: 0px;left: 50%; }
		.scrolldown-line { position:absolute; width:3px; height:30px; left:50%; top:12px; background-color:#fff; animation:2000ms ease 0s normal none infinite mouse;transform: translateX(-50%); margin-left: -0.5px;}

		.scroll-down-txt { font-size:14px; color:#fff; margin: 0px 0px 42px 0px;position: absolute;bottom: 0px;text-transform: uppercase;letter-spacing: 0.5px;}


		@keyframes mouse {
			0% {top: 5px; opacity:0; }
			50% {top: 70px; opacity:1; }
			100% {top: 5px; opacity:0; }
		}	

.hero-content {position: absolute; width: 100%; height: calc(100vh); text-align: center; color: transparent; overflow: hidden; z-index: 2;top: 0; }
.header-icon {margin-top: 30px;}
.hero-button-line {display: flex; align-items: center; justify-content: center; width: 95%; bottom: 73px; position: absolute; left: 50%; transform: translateX(-50%);}
.hero-button-line .hero-line {flex: 1; height: 1px; background: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(255, 255, 255), rgba(0, 0, 0, 0)); margin: 0 8rem;}
.contact-hero {display: flex; gap: 1rem; justify-content: center;  position: absolute; left: 39px; bottom: 56px;z-index: 4;}
	

			

/*------------logo-----------*/

.logo{height:auto; visibility: visible;transform: translate(-50%, -50%);}
	.logo a { width: auto; height: auto; margin: 0 auto; top: 0; position: absolute; left: 0;}
	.logo img{   width:300px; margin:0 auto; vertical-align:middle;   box-sizing:border-box; transition: all 400ms ease 0s;}
	.logo-scroll {max-width: unset;transition: all 400ms ease 0s;}
	.header-scroll .logo img {width: 160px;}
	.header-impressum .logo-scroll {top: 35px;}

/* ----- MAIN ----- */	

.main {position:relative; display:block; width:100%; margin:0 auto; background-color: #fff;height: auto;}
.main-impressum {position:relative; display:block; width:100%; margin:0px auto; background-color: #aeaeae;height: auto;overflow: auto;box-sizing: border-box;padding: 150px 0;}
	.main-inner {position: relative;display: block;/*! width: 80%; *//*! max-width: 1350px; */margin: 0 auto;}
	.impressum {position: relative;display: block; margin: 0 auto;width: 80%;}
		.impressum a {color: #fff;}
		.impressum p {margin: 20px 0;}
		.impressum h3 {text-align: left;}
		.impressum strong {font-weight: 600;font-size: 20px;}
    .reques-container {padding-bottom: 300px;}
    .home-button {position: relative;display: block;font-size: 15px; padding: 12px 25px; margin: 0 auto; text-align: center; border: 1px solid #ffffff8a; width: 140px; color: #ffffffdb;}


/* ----- CONTENT ----- */

.content { position: relative;width: 100%;text-align: center;display: table;margin: 0 auto;height: 100vh;}    
	.content-container {position: relative;display: block;width: 100%;box-sizing: border-box;text-align: center;float: left;height: 100vh;background-position: top;background-size: cover;}
  .content-logo {position: absolute;bottom: 0;width: 45%;z-index: 3;opacity: 0.7;left: 3%;}	
  .content-inner {position: absolute;width: 60%;top: 50%;left: 50%;transform: translate(-50%, -50%);box-sizing: border-box;z-index: 2;max-width: 1000px;}
	.main-article-img {position: relative;display: block; padding: 0px 0;width: 40%;height: 100vh;float: left;background-position: right;background-size: cover;background-repeat: no-repeat;}
	.anfrage-content {position: relative;width: 60%;background-color: #f1f1f1;margin: 0px auto;}

    .signature { position:relative; display:block; margin:55px auto 0; font-weight: 400;font-size: 19px;color: #fff;text-align: right;}
    .sign { position:relative; display:inline-block; max-width:145px;  vertical-align: top;top: -13px;margin-left: 14px;}

    


/*----------- Apartments section ------------*/

.section-apartments {position: relative;display: block;width: 100%;height: auto;text-align: center;box-sizing: border-box;z-index: 10;margin-top: -335px;}
.apartments_core{ position:relative; display:block; width:auto; height:auto;     margin-top: 100px;}

    .ap-container {position: relative;display: block;width: 80%; margin: 180px auto 45px;max-width: 1400px;}
    .ap-container h3 {color: #978473;}    
    .ap-container p {text-align: center;color: #978473;}
 
    .servizi-button {position: relative;border: 1px solid #43474a;padding: 13px 15px;font-size: 15px;text-align: center;margin: 0px auto 180px;color: #43474a;cursor: pointer;opacity: 1;max-width: 170px;}
	.servizi-button:hover {opacity: 0.5;}    
	.text-hidden-sv, .text-hidden-agb {position: relative;width: 100%;margin: 0 auto 150px;display: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;text-align: center;height: 100%;}
    .servizi-list {position: relative;display: table;width: 80%;margin: 0 auto;}
    .text-hidden-sv .list {color: #43474a;width: 50%;margin: 0 auto;text-align: center;list-style: none;line-height: 25px;padding: 0;}
    .text-hidden-agb .list {color: #43474a;width: 80%;margin: 0 auto;text-align: center;list-style: none;line-height: 25px;float: none;}





	/* ----- ROOMS ----- */

	.room-container { width:auto; max-width:1600px; margin:0px auto 100px; position:relative; overflow:hidden; padding: 0px 50px;}
		.room-container-title { display:block; position:absolute; z-index: 2;top: 50%;left: 50%;width: 65%;transform: translate(-50%, -50%);}
			.room-overlay {position:absolute; width:100%; height:100%; left:0; top:0; z-index: 1;background-image: -webkit-linear-gradient(top, rgba(00,00,00,0.0) 50%, rgba(00,00,00,0.7) 100%);pointer-events: none;}
			 .more { position:absolute; bottom:41px; left:50px; color:#fcfcfc; font-weight:300; font-size:15px;   text-align: center;z-index: 2;}
			.more-core {position: relative;display: inline-block;height: auto;border-right: 1px solid #fff;padding-right: 30px;padding-left: 30px;}
			.more-core:first-of-type {padding-left: 0;}             
			.more-core:last-of-type {border: none;padding-right: 0;} 
			.number {margin: 0 auto;font-size: 30px;letter-spacing: 1px;text-align: center;position: relative;display: block;font-family: 'Montserrat', sans-serif;}
			.more-text {margin: 0 auto;font-size: 15px;letter-spacing: 1px;text-align: center;position: relative;display: block;}
        
		.room-container .room-container-wrapper {  height:calc(65vh); min-height: 690px; }
		.room-container-inner { width:100%; }
			.room-container .swiper-container { width: 100%; height: 100%; background-color: #eee; }
				.room-container .swiper-slide { text-align: center; 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; }
			.room-container-inner { display:block; position:relative; width:100%; height:100%; }
			.rci-main { background-size:cover; background-repeat:no-repeat; background-position:center center; }
				.room-container-inner-content { display:table; position:relative; text-align:center; height:100%; width:100%;     /*! min-height:690px; */ }
					.room-container-inner-content-col { display:table-cell; vertical-align:middle; padding:70px; position:relative; font-size:18px; color:#fff; }
						.rcic-title { margin:0px 0px 25px 0px; text-align:center; font-size:50px; font-family:'Prata',sans-serif; font-weight: 100;}
						.room-container-inner-content-col p { margin:0px; color: #fff;}
						.rci-text-list { margin:40px auto 0; position:relative; text-align:center;  line-height: 30px; display:block; overflow:auto; letter-spacing: 0.05em;}
							.rci-text-list-box {   position:relative; box-sizing: border-box;}
							.rci-text-grundriss {margin: 40px auto 0;position: relative;text-align: center;line-height: 30px;display: block;overflow: auto;}
							.grundriss {width: 60px;}
							.bull { width:12px; display:inline-block; margin:0px 9px 5px -25px; height: 2px;background-color: #fff;}
					.room-container-inner-content-image { width:25%; float:left;  background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative; height: calc(33vh);min-height: 345px;border: 1px solid #fff;box-sizing: border-box;}
					.rcici { height:calc(30vh); min-height:auto; }
					.rcici-app { height:calc(30vh); }
						.rcici-overlay { position:absolute; background-color:rgba(0,0,0,0.3); width:100%; height:100%; top:0px; left:0px; display:table; text-align:center; transition:all 500ms ease 0s; opacity:1; }
							.rcici-overlay div { position:relative; display:table-cell; vertical-align:middle; width:100%; height:100%; }
						.rcici-plus { width:55px; transform:rotate(90deg); transition:all 500ms ease 0s; }
						.rcici-overlay:hover { opacity:0; }
						.rcici-overlay:hover .rcici-plus { transform:rotate(0deg); }


		.room-container-buttons { display:block; position:relative; width:auto; /*! overflow: auto; */ margin-left:70px; box-sizing:border-box; }
			.rc-button { width:33.333%; float:left; position:relative; height:70px; line-height:70px; text-align:center; text-transform: uppercase;color: #fff;cursor:pointer; transition:all 350ms ease 0s; border-left: 1px solid #ffffff96;box-sizing: border-box;background-color: #978473;}
			.rcb-home-button { position:absolute; width:70px; left:-70px;  }
				.rcb-home { width:30px; margin: 19px 0px 0px 0px;}
				.rcb-link { display:block; position:relative; color:#fff; }
				.rcb1-1, .rcb2-1, .rcb3-1, .rcb4-1, .rcb5-1, .rcb6-1, .rcb7-1, .rcb8-1, .rcb9-1, .rcb10-1 {  }
				.rcb1-2, .rcb2-2, .rcb3-2, .rcb4-2, .rcb5-2, .rcb6-2, .rcb7-2, .rcb8-2, .rcb9-2, .rcb10-2 {  }
				.rcb1-3, .rcb2-3, .rcb3-3, .rcb4-3, .rcb5-3, .rcb6-3, .rcb7-3, .rcb8-3, .rcb9-3, .rcb10-3 {  }
				.rcb1-4, .rcb2-4, .rcb3-4, .rcb4-4, .rcb5-4, .rcb6-4, .rcb7-4, .rcb8-4, .rcb9-4, .rcb10-4 {  }
				.rcb1-5, .rcb2-5, .rcb3-5, .rcb4-5, .rcb5-5, .rcb6-5, .rcb7-5, .rcb8-5, .rcb9-5, .rcb10-5 {  }

			.rc-button:hover { background-color:#534e4a;  }	
			.button-room-offer { display:inline-block; color:#fff; margin: 10px 0px 0px;background-color: #76933c;padding: 4px 20px;}
			.ui-widget-content .button-room-offer { color:#fff; }


	#tabs { width:100%; margin:0 auto; position:relative; display:table; max-width:1300px; }
	.ui-tabs { padding:0px; font-family: 'Open Sans', sans-serif; }
	.ui-widget-content { background:none; border:0px; }
	.ui-tabs .ui-tabs-nav { padding:0px; text-align:center; width:100%; max-width:1300px; margin:0 auto; }
	.ui-widget-header { border:0px; background:none; }
		.ui-tabs .ui-tabs-nav li.ui-tabs-active { padding:0px; margin:0px; background-color:#66832c; border-radius:0px; }
		.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-radius:0px; }
		.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-radius:0px; }
.ui-tabs .ui-tabs-nav li { float:none; display:inline-block; border:0px; width: 24.6%;} 
.ui-tabs .ui-tabs-nav li {background-color:#f1f1f1; }
		#tabs .ui-corner-top:hover { background-color:#66832c; color:#fff; }
		.ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover {  }
			.ui-tabs .ui-tabs-nav .ui-tabs-anchor { color: #333; font-size: 14px; font-weight: 100; letter-spacing: 2px; padding: 12px 15px; text-transform: uppercase; display:block; text-align:center; float:none; border-radius:0px;}
			.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor:pointer; color:#fff; }
			.ui-state-default { background:#ccc; color:#333333; }
			.ui-state-active, .ui-widget-content .ui-state-active { background-color:#4d3f2f; color:#fff; }
			.ui-tabs .ui-tabs-nav li { margin:0px 0px 6px 0px; text-align:center; background-color:#f8f8f8; }
			.ui-tabs .ui-tabs-nav li a span { font-size: 19px; font-weight: 100; letter-spacing: 1.5px; line-height: 21px; }
			.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor span, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor span, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor span { color:#fff; }
			.ui-tabs .ui-tabs-panel { padding:0px; margin:30px 0px 0px; }

			.room-container .ui-tabs { padding: 0; zoom: 1; box-shadow: unset; overflow: hidden; background:none; }
				.room-container .ui-tabs .ui-tabs-nav {list-style: none; position: relative; padding: 0; background: none; }
					.room-container .ui-tabs .ui-tabs-nav li { float: none; }
					.room-container .ui-state-hover, .room-container .ui-widget-content .ui-state-hover, .room-container .ui-state-focus, .room-container .ui-widget-content .ui-state-focus { border-radius:0%;}
					.room-container .ui-tabs .ui-tabs-panel { padding:0px; }
					.room-container .ui-widget-content { color:#44474d; }
					.rcic-button { color: #fff; display: inline-block; padding: 14px 20px; margin: 10px 0px 0px; background-color: #978473; font-weight: 100; }




			.pricelist-container { width:100%; height:auto; position:relative; display:block; }
				.pricelist-container-inner { width:100%; position:relative; }
					.pricelist-table { width:100%; }
						.pricelist-header { display:block; overflow:auto; position:relative; width:100%; padding: 10px 0px;margin-bottom: 20px;border-bottom: 1px solid #CBCBCB;font-size: 20px;}
							.pricelist-col { width:25%; float:left; position:relative; display:block; }
								.pricelist-col span { font-size:16px; }
						.pricelist-row { width:100%; display:block; position:relative; overflow:auto; border-bottom: 1px solid #ddd;padding: 6px 0px;font-size: 17px;}


	.main .tab-activities { box-shadow:none; }
	.tab-activities { width:100%; height:auto; position:relative; display:block; margin:10px 0px 50px; }
	.tab-activities .ui-tabs-nav { padding:0px; position:relative; background:none; }
		.tab-activities .ui-tabs-nav li, .tab-activities .ui-tabs-nav li:hover { border-radius:0px; width:19.6%; }

	.tab-activities .ui-widget-content { box-shadow:none; }
		.tab-activities .content { padding: 0px 25px 60px; }

	.tab-w .ui-tabs-nav li, .tab-w .ui-tabs-nav li:hover { border-radius:0px; width:24.6%; }	
	.tab-g .ui-tabs-nav li, .tab-g .ui-tabs-nav li:hover { border-radius:0px; width:49.6%; }			
	.tab-g { margin:0px auto 50px;}


	.content-image-container { width:auto; padding:10px; height:auto; position:relative; background-color:#86a34c; display:block; overflow:auto; }
	.main .cic-3 { max-width:1600px; margin:0 auto; }
	.main .cic-3 a { width:33.333%; }
	.content-image-container a { width:25%; position:relative; padding:10px; box-sizing:border-box; float:left; }
	.content-image-container a img { width:100%; }



	.ui-accordion-header { background-color: #86a34c; color:#fff; display:block; padding:10px; box-sizing:border-box; margin:5px 0px 0px; position:relative; cursor: pointer;font-size: 20px;font-weight: 100;font-family: 'Questrial', sans-serif;cursor: pointer;}
	.ui-accordion-header.ui-accordion-header-active { background-color: #66832c; }
	.ui-accordion-content { background-color:#eee; padding:30px; position:relative; }		

	.content .ui-state-active, .content .ui-widget-content .ui-state-active { border-radius:0px; border-radius: 0px; padding: 10px; margin: 5px 0px 0px; font-size: 20px; font-weight: 100; }
	.content .ui-accordion .ui-widget-content { box-shadow: unset; padding: 30px; background-color: #eee; }
	.content .ui-accordion .ui-accordion-header { background-color: #86a34c;color: #fff;display: block;padding: 10px;box-sizing: border-box;margin: 5px 0px 0px;position: relative;cursor: pointer;font-size: 20px;font-weight: 100;font-family: 'Questrial', sans-serif;cursor: pointer;}
	.content .ui-accordion .ui-accordion-header-active { background-color:#66832c; }
	.content .ui-state-hover, .content .ui-widget-content .ui-state-hover, .content .ui-state-focus, .content .ui-widget-content .ui-state-focus { border-radius:0%; }



	.room-container-desc {display: block;position: absolute;z-index: 2;top: 0;right: 5%;width: 170px;height: 130px;background-color: #978473;}
	.room-container-desc-inner {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
	.room-container-desc-tt {font-size: 50px;letter-spacing: 0px;color: #fff;font-family: "Cormorant Garamond", serif;font-weight: 300;line-height: 35px;margin-bottom: 7px;}
	.room-container-desc-pp {font-size: 17px;letter-spacing: 0.05em;font-weight: 300;color: #fff;margin: 0;box-sizing: border-box;line-height: 15px;white-space: nowrap;}


/* ----- INFO ----- */

.info-section { position:relative; display:block;  margin:0 auto;   width: 100%;height: auto;overflow: auto;}
	.info-inner { position:relative; width:90%;  margin:20px auto 110px; display:block; max-width: 1500px;height: auto;}
		.info-boxes { position:relative; display:table; width:100%; height: auto;}
			.info-box { position:relative; display:inline-block; margin:0 auto; vertical-align: bottom;width: 100%;text-align: center;}
            .info-box h3 { color: #978473;margin: 0 auto;}

	.info {position: relative;display: inline-block;color: #978473;font-size: 20px;margin: 8px 15px;}
	.info img {position: relative;display: inline-block;width: 35px;margin-bottom: -13px;margin-right: 10px;}
	.info-ul { padding: 0; position: relative;width: 100%;margin: 40px auto 0px;}

	.garden-inner {position: relative;width: 100%;display: table;height: 100%;}
	.garden-pic {width: 25%;height: 400px;float: left;background-position: center;background-repeat: no-repeat;background-size: cover;}


/* ----- LAGE ----- */

.lage-section {position: relative;display: block;width: 100%;height: auto; background-image:url(../img/layout/lage-section.jpg); overflow: auto;background-position: top center;background-size: cover;background-repeat: no-repeat;}
	.lage-inner {position: relative;display: block;width: 80%;margin: 250px auto;text-align: center;max-width: 1400px;}

    .position-bottom {position:relative; display:block; width:100%; margin:0 auto;background-color: #ffff;z-index: 2;}
        .position-box { position:relative; width:33.333%; float:left; margin:0 auto; height: 35vh;overflow: hidden;}
        .position-img { position:absolute; width:100%; height:100%; left:0; top:0; background-position:center center; background-repeat:no-repeat; background-size:cover; -webkit-transition:all 500ms ease 0s; -moz-transition:all 500ms ease 0s; -o-transition:all 500ms ease 0s; transition:all 500ms ease 0s; }
        .position-1 .position-img { background-image:url('../img/layout/position-1.jpg'); }
        .position-2 .position-img { background-image:url('../img/layout/position-2.jpg'); }
        .position-3 .position-img { background-image:url('../img/layout/position-3.jpg'); }
        .position-4 .position-img { background-image:url('../img/layout/position-4.jpg'); }
        .position-5 .position-img { background-image:url('../img/layout/position-5.jpg'); }
		.position-6 .position-img { background-image:url('../img/layout/position-6.jpg'); }
        .position-7 .position-img { background-image:url('../img/layout/position-7.jpg'); }
        .position-8 .position-img { background-image:url('../img/layout/position-8.jpg'); }
        .position-9 .position-img { background-image:url('../img/layout/position-9.jpg'); }

        .position-box{width: 100%;float:none;}



/* ----- Footer ----- */
	
.footer { position:relative; display:block;  margin:0 auto;   width: 100%;height: auto;overflow: auto;background-color: #978473;}
	.footer-inner { position:relative; width:90%;  margin:90px auto 15px; display:block; max-width: 1500px;height: auto;}
		.footer-boxes { position:relative; display:table; width:100%; height: auto;}
			.footer-box { position:relative; display:inline-block; margin:0 auto; vertical-align: bottom;width: 100%;text-align: center;}
            .footer-box h3 { color: #fff;margin: 0 auto;}

		.box-0 { width:80px; position: relative;float: left;height: 170px;margin-right: 80px;border-right: 3px solid #fff;margin-top: 9px;}
		.box-1 {  }
		.box-2 {  }

		.contact-ul { padding: 0; position: relative;width: 100%;margin: 60px auto 30px;}
		.contact-ul:last-of-type { margin: 50px auto 120px;}
			.co-box {position: relative;display: inline-block;margin: 0;width: 29.333%;vertical-align: top;height: 105px;}
			.co2 {/*! margin: 0px 0px 40px 0; */}
			.cont-txt{position: relative;display: inline-block;}	
			.contact-ul-sub {position: relative;text-align: center;display: table;font-size: 20px;letter-spacing: 1px;color: #fff;}

			.contact-ul-titel { position: relative;text-align: center;display: block;font-size: 33px;font-weight: 400;color: #fff;margin-bottom: 10px;font-family: "Cormorant Garamond", serif;}
			.contact-ul a { color:#fff; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
			.cont-txt:hover .contact-ul-titel {}
			.cont-txt:hover .contact-ul-sub {}		
			.contact-ul a:hover { color:#4a443f; }
            .co-bx-line {position: relative;display: inline-block;width: 1px;height: 105px;background: linear-gradient(to top, rgba(0, 0, 0, 0), rgb(255, 255, 255), rgba(0, 0, 0, 0));}				

			


       .partner-box-logo { position:relative; width:23.333%; float:left; top: 70px;display: table;margin-left: 60px;}
			.partner-box { position:relative; width:28.333%; float:left; top: 140px;display: none;}
			.partner { position:relative; margin-bottom: 5px;text-align: center;}
			.partner img { position:relative; display:inline-block; max-width:95px; margin-right:40px; background-position: center;margin-bottom: 20px;max-height: 53px;vertical-align: bottom;}

    .map {position: relative;}

    .impressum_line { width:100%;  text-align:center; margin:0 auto; background-color:#4a443f; padding:15px 5% 0; box-sizing:border-box; font-weight:400; letter-spacing:1px; font-size:12px; position:relative; color:#ffffffd1;height: 45px;border-top: 1px solid #ffffff2b;}
        .impressum_line a { color:#ffffffd1;}





/*----- RESPONSIVE ------*/


@media screen and (max-width:900px){
	
  .logo-header {opacity:1;}
	.icons {left: unset;top: 10px;z-index: 10;right: 80px;}
	.logo-scroll {top: 34px;left: 80px;z-index: 10;}
	.logo img {width: 200px;}
	.menu-button {display: block;pointer-events: all;}
	.navigation {display: none;opacity: 0;height: 100%;top: 0;background-color: #4a443f;}
	.navigation_act {display: block;opacity: 1;transition: all 500ms ease 0s;}
	.menu-wrapper li#m03 {opacity: 0;display: none;}
	.header-scroll .navigation {top: 0;}
	.nav {width: 90%;height: 100%;}
	.menu-wrapper {text-align: center;width: 100%;height: auto;top: 50%;left: 50%;transform: translate(-50%, -50%);position: absolute;}
	.menu-wrapper li {float: unset;text-align: center;padding: 20px 0;}
	.header-scroll .menu-wrapper li {padding: 20px 0;}
	.menu-point {font-size: 22px;}
	.header-scroll .menu-wrapper {}
	
	
	.rcic-title {font-size: 35px;}
	.content-inner {width: 90%;}
	.room-container-title {width: 95%;}
	.main-article-img {float: unset;width: 100%;height: 450px;}
	.co-box {display: block;width: 100%;margin: 20px auto;}
	.co-bx-line {width: 70px;height: 1px;background: linear-gradient(to left, rgba(0, 0, 0, 0), rgb(255, 255, 255), rgba(0, 0, 0, 0));}
	.contact-ul {margin: 40px auto 30px;}
	.footer-inner {}
	
	
	
   }

@media screen and (max-width:700px){
	
	.rcic-title {font-size: 30px;margin: 0 0 15px 0;}
	.room-container-inner-content-col {padding: 35px;}
	.room-container {padding: 0;}
	.info {margin: 15px;}
	.garden-pic {width: 50%;}
	.hero-button-line {display: none;}
	.scroll-down {display: none;}
	.hero-content {bottom: 0;top: unset;}
	
}

@media screen and (max-width:500px){
	
	.hero-button-line {display: none;}
	.logo-scroll {top: 34px;left: 67px;width: 80px;}
	.icons {top: 17px;right: 95px;}
	.header-scroll .icons {top: 17px;}
	.icon {/*! width: 22px; *//*! top: 0px; *//*! padding: 4px; */}
  .icon:first-of-type {width: 22px;top: 3px;}
	
	h1, h3, h4 {font-size: 28px;line-height: 34px;margin-bottom: 40px;}
	p {font-size: 16px;line-height: 26px;}
	.content-inner {/*! padding: 0%; */}
	.room-container {margin: 0px auto 20px;}
	.room-container .room-container-wrapper {height: calc(60vh);min-height: 600px;}
	.rcb-home-button { position: relative; width: 100%; left: 0px; border-bottom: 1px solid #fff;}
	.room-container-buttons { margin:0px; width:100%; }
	.rcb-home { width: 27px; margin: 17px 0px 0px 0px; }
	.rc-button {font-size: 13px;}
	.room-container-desc {width: 125px;height: 90px;}
	.room-container-desc-tt {font-size: 35px;margin-bottom: 2px;}
	.room-container-desc-pp {font-size: 13px;}
	.rcic-title {font-size: 22px;margin: 0px 0 10px 0;}
	.room-container-inner-content-col p {font-size: 15px;line-height: 19px;}
	.rci-text-grundriss {margin: 20px auto 0;}
	.grundriss {width: 50px;}

	.ap-container  {margin-top: 50px;}
	.servizi-button {margin: 0px auto 100px;}
	.room-container-title {width: 100%;}	
	.rci-text-list {margin: 10px auto 0;line-height: 19px;font-size: 15px;}
	.lage-inner {margin: 50px auto;width: 90%;}
	.contact-ul-sub {font-size: 16px;line-height: 26px;}
	.info-inner {margin: 40px auto 50px;}
	.info {margin: 12px 0;text-align: left;}
	.info img {width: 27px;}
	.contact-ul:last-of-type {margin: 0px auto 60px;}
	.garden-pic {width: 100%;height: 245px;}
	.contact-ul-titel {font-size: 28px;line-height: 34px;}
	.co-box {height: 85px;}
	.partner img {margin: 15px;}
	
}