/* Default Content Styles */

	h3 { line-height: 1.25em }

	@media screen and (max-width: 800px) {
		body { font-size: 1.6rem; line-height: 1.4em }
	}
	
	@media screen and (max-width: 600px) {
		body.home .os-block-mainHeader .watermark { width: 300px; height: 300px; bottom: -150px; opacity: .45 }
	}
	
	
/* Stage fix */
	.bg--image img { vertical-align: middle } /* removes 3px gap on images' bottom */


/* OS Block: Spacer */

	.spacer { position: relative; }
	.spacer.spacer--type-small { height: 25px; }
	.spacer.spacer--type-medium { height: 75px; }
	.spacer.spacer--type-large { height: 125px; }
	.spacer.spacer--type-xlarge { height: 175px; }
	
	@media only screen and (max-width: 1000px) {
		.spacer-mobile-disable1 { display: none }
	} 

/* OS Block: More Slider */
	.more-slider .swiper-slide-body .caption h2 { font-weight: 600; font-size: 2rem; color: var(--highlight-color); margin: 0 0 1rem 0 }
	.more-slider .swiper-slide-body .caption { padding: 15px 0 0 0 }
	.more-slider .caption p { font-size: 1.65rem; line-height: 1.35em; color: #555; font-weight: 300; margin: 0; padding: 0 }

/* MENU */
	body { position: relative }
	body.body__has_open_layover { overflow: hidden }


	#layover li, ul > li.menu-item-has-children > a::after,
	#layover li a, ul a, #header-menu .page--menu .booking---button,
	.swiper-slide-active .swiper-boxed-content, .swiper-boxed-content  {
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		-ms-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	}
	
	#layover.burgermenu li .sub-menu { display: block }
	#layover.burgermenu ul > li:hover ul { display: none !important }
	#layover.burgermenu .inner .nav ul > li.menu-item-has-children  a { position: relative }
	#layover.burgermenu .inner .nav ul > li.menu-item-has-children > a::after { content: ''; width: 30px; display: inline-block; 
	background: url("../img/menu-arrow-600.svg"); background-position: center center; background-repeat: no-repeat; height: 30px; position: absolute; top: 50%; left: calc(100% + 10px); margin: -15px 0 0 0; 	
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	}
	
	#layover.burgermenu .inner .nav ul > li.show__menu-sub-items > a::after {
		-moz-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
	
	
	#layover.burgermenu li { margin: 0 0 10px 0; font-size: 2.8rem  }
	#layover.burgermenu li .sub-menu {
		display: none;
	}
	#layover.burgermenu li.show__menu-sub-items .sub-menu {
		display: block !important;
		border-left: 2px solid var(--highlight-color);
		padding: 0 0 0 20px 
	}
		#layover.burgermenu li.show__menu-sub-items .sub-menu li a { font-weight: 300; font-size: 1.8rem }
		#layover.burgermenu li.show__menu-sub-items .sub-menu li { margin: 0 0 0 0; line-height: 1.4em }
		
	#layover .other__menu_items > li { opacity: .35 }
	#layover li.show__menu-sub-items { opacity: 1 }
	
	#layover.burgermenu #menu-main-menu > li:hover a { display: inline-block  }
	#layover.burgermenu #menu-main-menu > li:hover > a { text-indent: 20px; }
	
	@media screen and (max-width: 800px) {
		#layover.burgermenu #menu-main-menu > li:hover > a { text-indent: 0; }
	}
	
	
/* OS Section Gutschein */
	.os-section-container-gutschein {
		width: 100%;
	}
	.os-section-container-gutschein .gutschein__image { max-width: calc( 100% - 400px); margin: 0 auto }
	.os-section-container-gutschein .gutschein__image img { max-width: 100%; height: auto }
	
/* OS: Section Background */
	.os-section-background {
		position: absolute; bottom: 0; left: 0; width: 100%; height: 100% 
	}
	
	.background-part-top { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
	.background-part-bottom { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
	
	.os-section-background.background-type-whitegrey .background-part-top  {
			background: #fff; z-index: 100;
	}
	.os-section-background.background-type-whitegrey .background-part-bottom  {
			background: #D9D9D9; z-index: 100; opacity: .5; height: calc(50% + 100px); top: calc(50% - 50px)
	}
	
	.os-section-content { z-index: 100; position: relative }


/* OS BLOCK: FAQ */

.main-faq {
	padding-top:25px;
}


	.faq-item, .faq-item-control {
		-webkit-transition: all 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
		-ms-transition: all 250ms ease-in-out;
		-o-transition: all 250ms ease-in-out;
		transition: all 250ms ease-in-out;
	}
	.faq-item-content { display: none }
	.faq-item-headline { position: relative; padding: 20px 100px 20px 30px }
	.faq-item { margin: 0 0 30px 0; background: rgba(255,255,255,.9); -webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.1);
		box-shadow: 0 0 50px 0 rgba(0,0,0,0.1); }
	.os-faq-container > .faq-item:last-child { margin: 0 0 0 0 }
	.faq-item-control { position: absolute; top: 50%; right: 30px; width: 50px; height: 50px; margin: -25px 0 0 0;  pointer-events: none }
	.faq-item h3 { font-size: 2.4rem }
	.faq-action { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 1000 }
		
		.faq-item-control span { background: var(--highlight-color); position: absolute; }
			.faq-item-control span:first-child { left: 50%; top: 5px; height: 40px; width: 4px; margin: 0 0 0 -2px; display: block  }
			.faq-item-control span:last-child { left: 5px; top: 50%; width: 40px; height: 4px; margin: -2px 0 0 0; display: block }
	
	.faq-item:hover { -webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,0.3);
	box-shadow: 0 0 50px 0 rgba(0,0,0,0.3); }
		
	.faq-item.faq__active .faq-item-content { display: block }
	.faq-item-content-inner { padding: 0 30px 20px 30px }
	
	.faq-item.faq__active .faq-item-control { -moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);}
	
/* OS FOOTER Newsletter */
	.footer-newsletter-button { display: inline-block; background: var(--highlight-color); color: #fff; padding: 15px 130px 15px 30px; -webkit-border-radius: 30px 30px 30px 30px;
		border-radius: 30px 30px 30px 30px; position: relative }	
		
		.footer-newsletter-button::after {
		  content: url('https://achesahomes.ch/wp-content/themes/achesa/assets/img/arrow.svg');
		  position: absolute;
		  right: 30px;
		  transition: right 0.3s ease;
		  top: 50%;
		  transform: translateY(-50%);
		}
		.footer-newsletter-button:hover {
			background: #625836;
		}
	
/* OS Block: Intro Switch Slider */
	.switchercontrolmenu .swiper-slide {
		text-align: center;
		font-size: 18px;
		display: flex;
		width: auto;
		justify-content: center;
		align-items: center;
	}
	
	.swiper-pagination-controller { display: none}
	
	.section-headline { padding: 0 0 80px 0 }
	.section-headline > span { font-size: 3rem; font-weight: 600; color: var(--highlight-color); }
	.section-headline > h1 { font-size: 4.6rem; font-weight: 100; color: #000 }
	
	.swiperController { }
	
	.secttion-background-group { position: relative 	}
	.swiper-menu-gradient-left { width: 50px; height: 100%; position: absolute; top: 0; left: 0; z-index: 100; pointer-events: none }
	.swiper-menu-gradient-right { width: 50px; height: 100%; position: absolute; top: 0; right: 0; z-index: 100; pointer-events: none }
	.section-swiper-maingroup { position: relative; z-index: 100; }


	.swiper-button-next-switcher-control-menu, .swiper-button-prev-switcher-control-menu { display: none; }
	.section-swiper-menu-offet { width: calc(100% - 400px); margin: 0 0 0 400px }
	
	.os-section-switchModule .section-swiper-menu { width: calc(100% + 100px); }
		.os-section-switchModule  .swiper-wrapper .os-slide-controller-item:last-child a { padding: 0 100px 0 0}
		
	.switchercontrolmenu .swiper-wrapper {
		padding: 0 0 0 0
	}
	
	.switchercontrolmenu .os-slide-controller-item a { color: #625836; opacity: .7; white-space: nowrap  }
	.switchercontrolmenu .os-slide-controller-item.os-active-helper a { color: var(--highlight-color); opacity: 1 }
	
	.swiper-menu-gradient-left {
		background: rgb(255,255,255);
		background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 27%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 27%, rgba(255,255,255,0) 100%);
		background: linear-gradient(90deg, rgba(255,255,255,1) 27%, rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); 
	}
	.swiper-menu-gradient-right {
		background: rgb(255,255,255);
		background: -moz-linear-gradient(270deg, rgba(255,255,255,1) 27%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(270deg, rgba(255,255,255,1) 27%, rgba(255,255,255,0) 100%);
		background: linear-gradient(270deg, rgba(255,255,255,1) 27%, rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); 
		width: 100px;
	}
	
	.switchercontent { overflow: visible }
	.section-swiper-maingroup { overflow: hidden}
	
	.swiper-menu-gradient-left { display: none }

	.swiper-slide-maincontainer, .mainSliderContent { position: relative }
	.swiper-container-image { overflow: hidden; position: relative; -webkit-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px; }
		
		.swiper-button-next.switcher-control-menu { display: none }
		.swiper-button-prev.switcher-control-menu { display: none } 
		
		.image-viewer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover }
	
	.section-swiper-menu { padding: 0 0 50px 0 }
	.swiper-boxed-content-inner { padding: 40px }
	.swiper-boxed-content-inner p strong,
	.swiper-boxed-content-inner p b { font-weight: 600; font-family: 'Poppins';
		font-style: normal; }
	
	
	.swiper-container-image { width: calc(100% - 400px); margin: 0 0 0 400px; height: calc(100vh - 400px);}
	.swiper-slide-contentContainer { width: calc(450px); height: 100%; position: absolute; left: 0; top: 0; display: flex }
	
	.swiper-boxed-content { margin: auto; background: #fff; display: block; box-shadow: 0px 4px 105px 39px rgba(0, 0, 0, 0.10); -webkit-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px; opacity: 0; width: 100% }
		.swiper-boxed-content h3 { font-weight: 500; font-size: 2.4rem; line-height: 3.2rem; margin: 0 0 1rem 0  }
		
	.swiper-pagination-switcher { position: absolute; right: 50px !important; bottom: calc(50% + 50px) !important; left: auto !important; text-align: center !important; width: 10px !important  }
	.swiper-pagination-switcher .swiper-pagination-bullet { display: block; margin: 10px 0 0 0 !important  }
	
	.os-slide-controller-item { font-size: 2rem }
	
	.boxed-content p:last-child { margin-bottom: 0}
	
	.swiper-slide-active .swiper-boxed-content { opacity: 1 }
	.section-swiper-maingroup { padding: 0 0 100px 0 }
	
	@media screen and (max-width: 1300px) {
		.swiper-container-image { height: calc(50vh); }
		..swiper-boxed-content h3 { font-size: 2rem }
		.swiper-boxed-content p { font-size: 1.6rem }
		
		.section-swiper-menu-offet {
		  width: calc(100% - 200px);
		  margin: 0 0 0 200px;
		}
		.swiper-container-image {
		  width: calc(100% - 200px);
		  margin: 0 0 0 200px;
		  }
	}

	@media screen and (max-width: 1000px) {
		.section-swiper-menu-offet { width: 100%; margin: 0 }
		
	}
	
	
	@media screen and (max-width: 900px) {
		.swiper-slide-contentContainer {
			width: 100%; position: relative
		}
		.os-section-switchModule .section-headline > h1 { font-size: 3rem }
		.swiper-container-image { width: 100%; margin: 0; height: 400px}
		.os-section-background.background-type-whitegrey .background-part-bottom { height: 200px; top: 0; background: #fff; opacity: 1 }
		.os-section-background.background-type-whitegrey .background-part-top { background: #D9D9D9; z-index: 100; opacity: .5 }
		
		.swiper-pagination-switcher { display: none !important; position: absolute !important; width: 100% !important; right: 0 !important; background: #f90 !important; bottom: 20px !important; top: auto !important  }
	
		.swiper-slide-contentContainer { width: calc(100% - 100px); margin: -100px 50px 0 50px; opacity: .95 }
		
		.main.mainSliderContent { width: 100%; margin: 0; max-width: 100% }
		.section-swiper-maingroup { padding: 0 }
		.swiper.switchercontent	{ padding: 0 0 50px 0; overflow: visible }
		
		.os-section-background.background-type-whitegrey .background-part-bottom,
		.os-section-background.background-type-whitegrey .background-part-top { display: none }
		.swiper-container-image { overflow: visible  !important }
	}
	
	@media screen and (max-width: 768px) {
		.os-section-switchModule .section-swiper-menu { width: calc(100%); }
		.faq-item h3 { font-size: 2rem; }
	}


	
	@media screen and (max-width: 600px) {
		.swiper-container-image { width: 100%; margin: 0; height: 250px; overflow: visible }
		.section-headline { padding: 0 0 40px 0; }
		.swiper-slide-contentContainer { margin: -30px 50px 0 50px;  }
		.os-section-switchModule .section-headline > span { font-size: 1.6rem }
		.os-section-switchModule .section-headline > h1 { font-size: 2.2rem; font-weight: 500 }
		.os-slide-controller-item { font-size: 1.6rem }
		.section-swiper-menu { padding: 0 0 20px 0 }
		
		.swiper-boxed-content h3 { font-size: 2rem; line-height: 1.3em }
		
	}
	
	@media screen and (max-width: 500px) {
		.swiper-slide-contentContainer { margin: -30px 25px 0; width: calc(100% - 50px)}
		.swiper-boxed-content-inner { padding: 30px}
	}

/* OS Block: Icongroup */
	.group:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}
	* html .group             { zoom: 1; } /* IE6 */
	*:first-child+html .group { zoom: 1; } /* IE7 */
	
	.icon-dataset { 
		font-family: 'Poppins';
		font-style: normal;
		font-weight: 500;
		font-size: 20px;
	}
	
	/* .icon-image-group { width: 100%; position: relative; padding: 0 0 0 0; background: #f90 }
	.icon-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex }
	.icon-image img { max-width: calc(100% - 50px); height: auto; margin: auto; position: relative } */


	.icon-image {
		height:80px;
	}
	.icon-image svg {
		height: 100%;
		width: 100%;
	}
	
	@media screen and (max-width: 699px) {
		.os-icon-group.icongroup-has-3 .group .icon-dataset { width: 100%; text-align: center; padding: 0 0 20px 0 }	
	}
		
	@media screen and (min-width: 700px) and (max-width: 999px) {
		.icon-dataset { float: left; text-align: center }
		.os-icon-group.icongroup-has-3 .icon-dataset { width: calc(100% / 2); }	
		.os-icon-group.icongroup-has-3 .group .icon-dataset:last-child { width: 100%; }	
	}
	
	@media screen and (min-width: 1000px) {
		
		.icon-dataset { float: left; text-align: center }
		.icon-dataset-inner { padding: 0 30px }
		.os-icon-group.icongroup-has-2 .icon-dataset { width: calc(100% / 2); }	
		.os-icon-group.icongroup-has-3 .icon-dataset { width: calc(100% / 3); }	
		.os-icon-group.icongroup-has-4 .icon-dataset { width: calc(100% / 4); }	
		.os-icon-group.icongroup-has-5 .icon-dataset { width: calc(100% / 5); }	
		
	}
@media (max-width: 767px) {
	.icon-group .icon-caption p,
	.icon-dataset {
		text-align: center !important;
	}
	.icon-dataset {
		padding-top:10px;
		padding-bottom: 10px;
	}
}

.os-icon-group {
	display: flex;
    justify-content: center;
}
.os-icon-group .group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: space-between;
    justify-content: center;
}

@media (max-width: 767px) {
	.os-icon-group .group {
	    display: flex;
    flex-direction: column;
}
}
	

/* OS Block: 2 Images Set + Text */
	
	.first-image-row { width: calc(100%) }
		.first-image-row img { vertical-align: middle }
		.imageset2-imageleft { width: 50% } 	
		.imageset2-imageleft img { width: 100%; height: auto } 
		.imageset2-container { width: calc(100% + 100px) }
		.left-text-column { width: calc(50% - 100px) }
		
		.left-text-link a { position: relative }
		.left-text-link a:after { position: absolute; bottom: -4px; left: 0; width: 50%; height: 3px; background: var(--highlight-color); content: ''; display: block; z-index: 100 }
		.left-text-link a:hover::after { left: 50% }
		
		.first-image-row { position: relative }
		.image-rounded-box { overflow: hidden; -webkit-border-radius: 10px 10px 10px 10px;
			border-radius: 10px 10px 10px 10px; background: none }
		
		.imageset2-imageright { position: absolute; left: 50%; top: 50%; width: calc(50% - 100px); -webkit-box-shadow: 0 0 50px 20px rgba(0,0,0,0.2);
			box-shadow: 0 0 50px 20px rgba(0,0,0,0.2); overflow: hidden; -webkit-border-radius: 10px 10px 10px 10px;
			border-radius: 10px 10px 10px 10px; }
			
		.imageset2-imageright img { width: 100%; height: auto }
		.left-text-column { padding: 80px 0 0 0 }
		.left-text-content h2 { font-size: 4.5rem; font-weight: 300; color: var(--highlight-color); line-height: 1.25em }
		
		@media screen and (max-width: 1000px) {
			
			.left-text-column { padding: 40px 0 0 0; width: calc(50% - 100px) }
			.first-image-row  { margin: 0 auto; width: calc(100% - 200px) }
			.imageset2-imageleft, .imageset2-container { width: 100% }
			.imageset2-imageright { position: absolute; top: calc(100% - 50px); bottom: auto; left: auto; right: -100px; width: calc(50% + 100px); -webkit-border-radius: 10px 0 0 10px;
				border-radius: 10px 0 0 10px;  }
			.imageset2-imageright .image-rounded-box { -webkit-border-radius: 10px 0 0 10px;
				border-radius: 10px 0 0 10px; }
		}
		
		@media only screen and (max-width: 950px) {
			.first-image-row {
				width: calc(100% - 50px);	
			}
			.imageset2-imageright { 
				width: calc(50% + 25px); right: -25px
			}
			.left-text-content h2 { font-size: 3rem }
			.left-text-column {
			  width: calc(50% - 50px);
			}
		}
		
		@media only screen and (max-width: 750px) {
			.imageset2-imageright { position: relative; width: 100%; top: auto; left: auto; right: auto; -webkit-border-radius: 10px 10px 10px 10px;
				border-radius: 10px 10px 10px 10px;  }
			.left-text-column { width: calc(100% - 100px); margin: 0 50px }
			.imageset2-imageright { width: calc(100% - 100px); margin: -50px 50px 0 }
		}
		
		@media only screen and (max-width: 500px) {
			.first-image-row { width: 100%; margin: 0; }
			.first-image-row .image-rounded-box { -webkit-border-radius: 0 0 0 0;
				border-radius: 0 0 0 0;}
			
			.imageset2-imageright { width: calc(100% - 80px); margin: -50px 40px 0 }
			.left-text-column { width: calc(100% - 30px); margin: 20px 15px 0; padding: 5px 0 0 0 }
		}
		
		
/* OS Button */
	a.os-defaultbutton { font-weight: 600; font-size: 2rem; color: var(--highlight-color); }
	
	.section-cta { padding: 30px 0 0 0; }
	a.os-defaultbutton { position: relative;  }
	a.os-defaultbutton:after { position: absolute; bottom: -4px; left: 0%; width: 50%; height: 3px; background: var(--highlight-color); content: ''; display: block; z-index: 100 }
	
	a.os-defaultbutton:hover::after { left: 50% }
	a.os-defaultbutton.os-button-center:after { left: 25%; width: 50% }
	a.os-defaultbutton.os-button-center:hover::after { left: 0%; width: 100% }
	
	
/* OS Box Slider fix */
	.swiper-slide-body { position: relative }
	.swiper-slide-body > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: none; z-index: 100}	
	

/* OS: Alternating Teaser */
	.os-teaser-element { position: relative; margin: 0 0 7rem 0 }
	.os-imageteaser-imagecontainer { position: absolute; width: calc(100% - 400px); left: 0; right: auto; top: 0; height: 100%; background: #eee; overflow: hidden; -webkit-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px; }
		.os-teaser-image-textbox .os-teaser-element:nth-child(2n) .os-imageteaser-imagecontainer { left: auto; right: 0 }
		.os-teaser-image-textbox .os-teaser-element:last-child { margin-bottom: 0 }
		
		.os-imageteaser-aside { width: calc(450px); position: relative; z-index: 100; padding: 150px 0; margin: 0 0 0 calc(100% - 450px) }
		.os-teaser-image-textbox .os-teaser-element:nth-child(2n) .os-imageteaser-aside { margin: 0 }
		.os-imageteaser-aside-inner { background: rgba(255,255,255,.95); -webkit-box-shadow: 0 0 100px 1px rgba(0,0,0,0.15);
			box-shadow: 0 0 100px 1px rgba(0,0,0,0.15); -webkit-border-radius: 10px 10px 10px 10px;
			border-radius: 10px 10px 10px 10px; }
			
		.os-imageteaser-imageview { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover }
		.hasStickyImage .os-imageteaser-imageview { background-attachment: fixed }
		.os-imageteaser-aside-inner-content { padding: 40px 50px}
		
		.section-cta-content { padding: 0 0 30px 0 }
		
	@media only screen and (max-width: 1200px) {
		.os-imageteaser-imagecontainer { margin: 0 0 0 -100px; width: calc(100% - 300px); -webkit-border-radius: 0 10px 10px 0;
			border-radius: 0 10px 10px 0;  }
		.os-imageteaser-aside { padding: 70px 0}
		
		.os-teaser-image-textbox .os-teaser-element:nth-child(2n) .os-imageteaser-imagecontainer { margin: 0 -100px 0 0; -webkit-border-radius: 10px 0 0 10px;
			border-radius: 10px 0 0 10px; }
	}
	
	@media only screen and (max-width: 950px) {
		.os-imageteaser-aside p { font-size: 1.6rem }
		.os-imageteaser-aside { padding: 50px 0}
		.os-imageteaser-aside-inner-content { padding: 40px 30px}
		.os-imageteaser-imagecontainer { width: calc(100% - 100px) }
	}
	
	@media only screen and (max-width: 750px) {
		.os-imageteaser-imagecontainer { margin: 0 }
		.os-imageteaser-imagecontainer { width: 100%; position: relative}
		.os-imageteaser-imagecontainer { width: 100%; height: 500px; -webkit-border-radius: 0 0 0 0;
			border-radius: 0 0 0 0; }
		
		.os-module-alternatingBoxed .main{
			margin: 0; width: 100%; max-width: 100%  
		}
		.os-imageteaser-aside { padding: 0 }
		.os-imageteaser-aside, .os-teaser-image-textbox .os-teaser-element:nth-child(2n) .os-imageteaser-aside { width: calc(100% - 100px); margin: -40px 50px 50px}
		.hasStickyImage .os-imageteaser-imageview { background-attachment: unset}
	}
	
	@media only screen and (max-width: 500px) {
		.os-imageteaser-imagecontainer { height: 350px }
	}
	
	
		
/* OS SUB + SUP */
	sub, sup {
	font-size: 65%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	}
	sup {
	top: -0.5em;
	}
	sub {
	bottom: -0.25em;
	}

			
/* ACHESA Footer */
	.footer-group-first { width: 50%; float: left }
	.footer-group-second { width: 50%; float: left }
	#footer .main { display: block; }
	.footer-group-first > .column { width: calc(100% / 2); float: left }
	.footer-group-second > .column { width: calc(100% / 2); float: left }
	.newsletter-row { padding: 0 calc(25% + 50px) 50px 0; }
	

/* ACHESA Content Listing */
	#image-section li::before { background-image: none !important }
	#image-section li::before {
	width: 6px;
	height: 6px;
	top: 5px;
	}
	
/* ACHESA Header */
	#header-menu { position: fixed; pointer-events: none  }
		#header-menu .page--logo, #header-menu .page--menu { pointer-events: all; z-index: 200 }
		
	#header-menu:after { background: none }
	.header__menu_gradient { 
		position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .96; z-index: 10;
		background: rgb(255,255,255);
		background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
		background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); 
	}
	#header-menu .page--logo { position: absolute }
	#header-menu { height: 260px; }
	
	#header-menu .page--logo img {
	max-height: 60px;
	}
	#header-menu .page--menu .booking---button { height: 60px; line-height: 60px; position: relative; }
	#header-menu .page--menu .booking---button::before { left: 20px }
	#header-menu .page--menu .close---button { height: 60px; line-height: 60px}

#header-menu .page--menu .lang_switcher {
	display: inline-block;
}
#header-menu .page--menu .lang_switcher .wpml-ls-current-language {
	font-weight: 600;
}
#header-menu .page--menu .lang_switcher a {
	color: var(--highlight-color) !important;
}
@media screen and (max-width: 767px) {
	#header-menu .page--menu .lang_switcher {
		display: none;
	}
}

	
	@media screen and (max-width: 767px) {
		#header-menu .page--logo { width: auto }
		#header-menu {
			height: 140px;
			background: none; 
		}
	}
	
	@media screen and (max-width: 600px) {	
		#header-menu .page--logo img {
			max-height: 32px;
			height: 32px;
			width: auto
		}
	}
		
		
/* OS: Rooms Slider */
	.room-slide-left-content { background: #625836; color: #fff; -webkit-border-radius: 0 10px 10px 0;
		border-radius: 0 10px 10px 0; margin: 0 0 100px 0 }
	.room-slide-title { padding: 100px 0 30px 100px }
	.room-slide-left { width: calc(100% - 350px) }
	.room-slide-left-content-inner { padding: 0 0 0 100px }
	.content-description { padding: 30px 0 30px 0; width: calc(50% - 150px) }
	.content-description p, .room-ausstattung-container ul { font-size: 1.6rem; line-height: 1.65em }
	.room-ausstattung-container ul { list-style-type: none }
		.room-ausstattung-container ul li { list-style-type: none; padding: 0 0 15px 0 }
	
	.swiper.osRoomsSlider { overflow: visible }
	
	.osRoomsSlider a.os-defaultbutton { color: #fff; margin: 0 0 100px 0; display: inline-block }
	.osRoomsSlider a.os-defaultbutton::after { background: #fff }
	
	.room-slide-right { position: absolute; top: 0; right: 0; width: 50%; height: calc(100% - 200px); background: none }
	.room-ausstattung-container { width: 400px; right: 50%; margin: 0 -200px 0 0; position: absolute; z-index: 100; bottom: 0; background: rgba(255, 255, 255, 0.969); -webkit-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px; -webkit-box-shadow: 0 0 100px 1px rgba(0,0,0,0.15);
		box-shadow: 0 0 100px 1px rgba(0,0,0,0.15); }
	.room-ausstattung-container-inner { padding: 30px 40px }
		.room-ausstattung-container-inner {
			min-height:300px;
			height:auto !important;
			height:300px;
		}
		.room-ausstattung-container-inner ul { padding: 0; margin: 0 }
		.room-ausstattung-container-inner ul li { padding: 0; margin: 0 0 10px 0 }
	
	.os-section-roomslider { overflow: hidden; padding: 0 0 150px 0 }
	.rooms-slide-image { position: absolute; top: 0; left: 0; width: 100%;  -webkit-border-radius: 10px 0 0 10px;
		border-radius: 10px 0 0 10px; overflow: hidden; 
		height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover }
	
	.content-description-placeholder { padding: 350px 0 0 0}
	
	.rooms-navigation {  position: absolute; bottom: calc(175px + 50px); width: 50%; z-index: 100; right: 50px; height: 50px }
	.rooms-slider-next { position: absolute; bottom: 0 !important; top: auto !important; right: 0 !important; left: auto !important; z-index: 1000 !important; }
	.rooms-slider-prev { position: absolute; bottom: 0 !important; top: auto !important; z-index: 1000 !important; }
	.rooms-slider-next.swiper-button-disabled { opacity: .3 !important}
	.rooms-slider-prev.swiper-button-disabled { opacity: .3 !important}
	
	.osRoomsSlider a.os-defaultbutton { margin: 0 0 100px 0 }
	
	.room-ausstattung-container-inner ul li:last-child { margin-bottom: 0 }
	
	.ausstattung-caller, .ausstattung-hide { opacity: 0; pointer-events: none}
	
	@media only screen and (min-width: 1450px) {
		.osRoomsSlider a.os-defaultbutton { margin: 0 0 200px 0 }	
	}
	
	@media screen and (max-width: 1350px) {
		.room-slide-title {
		 	padding: 0 0 30px 100px;
		}
	}
	
	@media screen and (max-width: 1250px) {
		.content-description {
	  		padding: 30px 0 30px 0;
	  		width: calc(50% + 50px);
		}
	
		.room-slide-left-content {
			margin: 0
		}
		
		.room-ausstattung-container { position: relative; margin: -50px 0 0 100px; bottom: auto; top: auto; right: auto; left: auto; width: 50% }
		.room-ausstattung-container-inner { min-height: auto }
		.os-section-roomslider { padding: 0 0 100px 0 }
		.spacer-after-rooms { display: none }
		.room-slide-title {
		  padding: 0 0 30px 100px;
		  width: calc(50% - 150px);
	  	}
		
	}
	
	@media screen and (max-width: 1150px) {
		.room-slide-right { height: 50% }
		.room-slide-left {
		  width: calc(100% - 50px);
		}
		.content-description {
		  padding: 50px 0 10px 0;
		  width: calc(50% - 100px);
		}
		.content-description p {
			margin: 0;
			font-size: 1.6rem;
		}
		.osRoomsSlider a.os-defaultbutton { margin: 20px 0 100px 0 }
	}
	
	@media screen and (max-width: 1000px) {
		.room-slide-right { height: 40% }
	}
	
	@media screen and (max-width: 950px) {
		.room-slide-title { height: auto; width: 100% }
		.room-slide-right { width: 100%; height: 400px; left: auto; right: auto; top: auto; position: relative }
		.room-slide-left { width: 100% }
		.rooms-slide-image { -webkit-border-radius: 0 0 0 0;
			border-radius: 0 0 0 0;}
		
		.room-ausstattung-container {
		  position: absolute;
		  margin: 0;
		  bottom: auto;
		  top: auto;
		  bottom: 50px;
		  right: 50px;
		  left: auto;
		  width: calc(50% - 50px);
	  	}
		  .rooms-navigation { bottom: 77px }
		  .room-slide-left-content { width: calc(50% + 50px); }
		  .content-description { width: calc(100% - 100px) }
		  .room-slide-left-content-inner { padding:  0 0 0 50px }
		  .room-slide-title { width: calc(100% - 100px); margin: 0 50px 30px; padding: 0 }
		  .content-description p, .room-ausstattung-container p, .room-ausstattung-container ul { font-size: 1.4rem }
	}
	
	@media screen and (max-width: 700px) {
		.room-slide-left-content { width: calc( 100% - 50px); margin: -50px 50px 0 0; z-index: 1090; position: relative; -webkit-border-radius: 0 10px 10px 0;
			border-radius: 0 10px 10px 0; background: rgba(98, 88, 54, 0.97) }
		.content-description { width: calc(100%); padding: 0 }
		
		.osRoomsSlider a.os-defaultbutton { margin: 20px 0 0 0 }
		.room-slide-left-content-inner { padding: 30px 40px 80px 50px }
		
		.room-ausstattung-container { position: relative; top: auto; }
		.room-slide-right { height: 350px }
		
		.room-ausstattung-container { left: auto; right: auto; z-index: 9999999; width: calc(100% - 150px); margin: -50px 0 0 50px; bottom: auto }
		
		.ausstattung-caller,
		.ausstattung-hide { display: inline-block; opacity: 1; background: rgba(255,255,255,.95); font-size: 1.3rem; position: absolute; right: 50px; top: 30px; padding: 5px 15px; font-weight: 600;
			-webkit-border-radius: 20px 20px 20px 20px; pointer-events: all;
			border-radius: 20px 20px 20px 20px; color: var(--highlight-color);  }
			
			.ausstattung-hide { opacity: 0; pointer-events: none }
			
		.ausstattung-hide { opacity: 0; pointer-events: none }
		.room-ausstattung-container { display: block; position: absolute !important; bottom: 50px; height: calc(100% - 300px); width: calc(100% - 50px); left: 100%;
			-webkit-border-radius: 10px 0 0 10px;
			border-radius: 10px 0 0 10px;
			-webkit-transition: all 800ms ease;
			-moz-transition: all 800ms ease;
			-ms-transition: all 800ms ease;
			-o-transition: all 800ms ease;
			transition: all 800ms ease;
		}
		
		.viewdetails .room-ausstattung-container { left: 0 }
		.viewdetails .ausstattung-caller { opacity: 0; pointer-events: none }
		.viewdetails .ausstattung-hide { opacity: 1; pointer-events: all }
				
		.room-slide-title { width: calc(100% - 200px) }
		.room-slide-title h3 { font-size: 2rem }
		.rooms-navigation { bottom: auto; top: 0; height: 30px }
		
		.rooms-navigation .swiper-button-next, 
		.rooms-navigation .swiper-button-prev {
			width: 60px !important; height: 30px !important 
		}
		.rooms-navigation .swiper-button-prev { right: 80px !important }
		
		.rooms-navigation  .swiper-button-next::after {
		  background-position: center -28px !important;
		  background-repeat: no-repeat !important;
		  height: 28px !important; width: 60px !important;
	  	}
		  .rooms-navigation  .swiper-button-prev::after {
		    background-position: center -28px !important;
		    background-repeat: no-repeat !important;
		    height: 28px !important; width: 60px !important;
		    }
	}
	
	@media screen and (max-width: 450px) {
		.room-slide-title {
			margin-top: 50px;
		}
		
		.room-slide-title h3 { font-size: 3rem }
		.room-slide-title { width: calc(100% - 50px); margin: 60px 25px 20px }
		.ausstattung-caller, .ausstattung-hide { right: 25px }
		.room-slide-left-content { width: calc(100% - 25px)}
		.room-slide-left-content-inner {
		  padding: 30px 40px 80px 25px;
		}
		.room-ausstattung-container { width: calc(100% - 25px); margin: 0 0 0 25px }
		.rooms-navigation { right: 25px }
		.room-slide-right { height: 250px }
	}
	


/* OS Section Text centered */
	.os-section-centeredtext .section-content { padding: 0; width: 60%; margin: 0 20% }
	
	@media screen and (min-width: 1200px) {
		.os-section-centeredtext .section-content { width: 40%; margin: 0 30% }
	}
	@media screen and (max-width: 1000px) {
		.os-section-centeredtext .section-content { width: 60%; margin: 0 20% }
	}
	@media screen and (max-width: 800px) {
		.os-section-centeredtext .section-content { width: calc(100% - 200px); margin: 0 100px }
	}
	@media screen and (max-width: 800px) {
		.os-section-container.os-section-centeredtext h3 {
			font-size: 2.6rem; 
			line-height: 1.3em
		}
	}
	@media screen and (max-width: 600px) {
		.os-section-centeredtext .section-content { width: calc(100% - 100px); margin: 0 50px }
	}
	@media screen and (max-width: 500px) {
		.os-section-centeredtext .section-content { width: calc(100% - 20px); margin: 0 10px }
		.os-section-container.os-section-centeredtext h3 {
			font-size: 2rem; 
		}
		h3 { font-size: 2rem }
	}



.os-section-centeredtext .linktree.section-content { padding: 0; width: 80%; margin: 0 10% }
.os-section-centeredtext .linktree.section-content ul li {
	background: transparent;
	list-style: none;
	border-radius: 25px;
	margin: 20px 0;
	border:1px solid #000;
	padding:10px;
	transition: all 0.3s;
}
.os-section-centeredtext .linktree.section-content ul  {
	margin: 0;
}
.os-section-centeredtext .linktree.section-content ul li a {
	color:#000 !important;
}
.os-section-centeredtext .linktree.section-content ul li:hover {
border:1px solid var(--highlight-color);
}
.os-section-centeredtext .linktree.section-content ul li:hover a {
color:var(--highlight-color) !important;
}

/* OS: Section .bg-section-reverse Update */
	#image-section li::before { width: 10px; height: 10px; top: 3px }
	.bg-section-reverse h2 { line-height: 1.2em }
	.bg-section-reverse #image-section li { padding-left: 40px}
	#image-section .left-bottom-image img { margin-right: 20px; padding-right: 0}

/* OS HEADER Section */
	.os-section-header { position: relative }	
	.os-section-header .title { position: absolute; padding: 0; bottom: 0; left: 0; width: 100%; height: auto }
		.title__inner { padding: 0 50px 35px; text-align: center; line-height: 1.25em }
	
	.header-section-gradient { position: absolute; left: 0; bottom: 0; height: 150px; width: 100%; 
	background: rgb(0,0,0);
	background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); 
	opacity: .85
	}
	
	@media screen and (max-width: 900px) {
		.os-section-header .title { font-size: 3.6rem }	
	}
	
	@media screen and (max-width: 700px) {
		.os-section-header .title { font-size: 2.2rem }	
	}


/* OS WPML  */
	.wpml-ls-statics-footer, .otgs-development-site-front-end { display: none }
	.wpml-ls-item-de a span { display: none }
	.wpml-ls-item-en a span { display: none }
	.wpml-ls-item-de a:after { content: 'DE' }
	.wpml-ls-item-en a:after { content: 'EN' }
	#socket ul { display: inline-block }
	#socket ul.language__menu__container { padding: 0 0 0 20px }

/* ACHESA Footer */
	
	#footer .widgettitle { line-height: 1.25em; padding-bottom: 20px }
	.footer-group .column { float: left; width: 50% }
	#footer ul li { line-height: 1.4em; padding: 0 40px 1rem 0; position: relative; display: block }
		#footer ul li a { padding: 0}
	
	.footergroups .widgettitle { padding: 0 80px 0 0 }
	
	@media only screen and (max-width: 1000px) {
		.footer-group-first { width: 100%; float: none; padding: 5rem 0 0 0 }
		.footer-group-second { width: 100%; float: none; padding: 4rem 0 }
		#footer .column { width: 50%; float: left; padding: 0 }
		#footer .menu li { }
	}
	
	@media only screen and (max-width: 700px) {
		#footer .footer-group .group .column { width: 100%; height: auto; float: none; margin: 0 0 30px 0 }
		.footer-group-second { padding: 0 }
	}
	

/* LAYOVER MENU */
	#layover { z-index: 900 !important  } 
	
	
/* Box Slider */
	.os-section-container.os-section-container-boxslider { padding: 0 0 50px 0 }
	
	.os-section-container-boxslider .os-boxslider-controller-next,
	.more-slider-content .box:nth-child(2) .swiper-button-prev, .more-slider-content .box:nth-child(2) .swiper-button-next {
	width: 70px !important }
	
	
	
	@media only screen and (max-width: 800px) {
		.os-section-container.os-section-container-boxslider { padding: 0 0 20px 0 }
	}
	
	@media only screen and (max-width: 767px) {
		.more-slider-content .swiper-button-next { right: calc(50% - 80px) !important; left: auto !important }	
		.more-slider-content .swiper-button-prev { left: calc(50% - 80px) !important; right: auto !important }	
	}
	
	@media only screen and (max-width: 500px) {
		.more-slider .image-container { height: 250px }
	}

/* SLIDER Controller */
	
	/* .os-section-container-boxslider .swiper-button-next, 
	.os-section-container-boxslider .swiper-rtl .swiper-button-prev { right: 0 !important } */
	
	.swiper-button-prev { left: auto !important; right: 120px !important }
	
	.swiper-button-next::after { background-image: url("../img/slider-control/group/slider-arrow-next.svg") !important; background-position: center -32px !important; background-size: cover !important; height: 33px }
	.swiper-button-prev::after { background-image: url("../img/slider-control/group/slider-arrow-prev.svg") !important; background-position: center -32px !important; background-size: cover !important; height: 33px }
	
	.swiper-button-next.swiper-button-disabled::after { background-image: url("../img/slider-control/group/slider-arrow-next.svg") !important; background-position: center top !important; background-size: cover !important; opacity: 1 }
	.swiper-button-prev.swiper-button-disabled::after { background-image: url("../img/slider-control/group/slider-arrow-prev.svg") !important; background-position: center top !important; background-size: cover !important; opacity: 1 }


.os-section-container-boxslider .image-container {
    width: 100%;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}





.swiper-container-layover .swiper-button-prev::after{
  background-image: url("../icons/slider-arrow-prev-white.svg") !important;
}
.swiper-container-layover .swiper-button-next::after{
  background-image: url("../icons/slider-arrow-next-white.svg") !important;
}


.room-ausstattung-container-inner ul {
    list-style-type: none;
    padding: 0;
	margin: 0;
}
.room-ausstattung-container-inner ul li {
	margin: 0;
}

.room-ausstattung-container-inner ul li::before {
    content: "- ";
}



body.page-id-9541 .page--menu,
body.page-id-9541 .layover-button,
body.page-id-9541 #kontakt,
body.page-id-9541 #footer,
body.page-id-9541 .ds-widget,
body.page-id-9541 #layover-button,
body.page-id-9559 .page--menu,
body.page-id-9559 .layover-button,
body.page-id-9559 #kontakt,
body.page-id-9559 #footer,
body.page-id-9559 .ds-widget,
body.page-id-9559 #layover-button {
	display: none !important;
}

body.page-id-9541 #header-menu .page--logo,
body.page-id-9559 #header-menu .page--logo{
	display: flex;
    align-items: center;
    justify-content: center;
	width: calc(100% - 90px) !important;
}

@media screen and (max-width: 767px) {
    body.page-id-9541 #header-menu .page--logo,
	body.page-id-9559 #header-menu .page--logo{
        width: calc(100% - 40px) !important;
    }
	
	body.page-id-9541 .spacer.spacer--type-xlarge,
	body.page-id-9559 .spacer.spacer--type-xlarge{
    height: 88px;
}
	.linktree ul {
		padding-left: 0 !important;
	}
	
	
}