@import url('https://fonts.googleapis.com/css?family=Martel:200,300,400,700');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script');

html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; }
*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

body { margin: 0px; padding: 0px; height: 100%; font-family: 'Open Sans', sans-serif; font-size: 17px; font-weight: 300; background: #ffffff; }

.h1 { margin: 0px 0px 10px 0px;padding: 0px;font-weight: 400;font-size: 40px;color: #5e4f45;text-align: center;font-family: 'Nanum Myeongjo', serif;}
.h2 { margin: 0px; padding: 0px; font-weight: 300; font-size: 28px; margin-bottom: 60px; color: #8d7668; text-align: center; }
#req-content .h2 {margin-bottom: 0px;}
.h2-in { margin: 0px; padding: 0px; font-weight: 300; font-size: 24px; margin-bottom: 30px; color: #8d7668; text-align: center; }
.h3 { margin: 0px; padding: 0px; font-weight: 300; font-size: 43px; color: #5d4638; text-align: center; line-height: 46px;margin: 0px 0px 50px 0px;}
.upcase {font-size: 32px; text-transform: uppercase; font-weight: 400;}
.h4 { margin: 0px 0px 30px 0px; padding: 0px; font-weight: 300; font-size: 20px; color: #4d3628; text-align: center; }
.h5 { margin: 35px 0px 5px 0px; padding: 0px; font-weight: 400; font-size: 30px; color: #4d3628; text-align: center; }
.transition { transition:all 500ms ease 0s; }


.top_shadow { display: block; width: 100%; height: 250px; top: 0px; position: absolute; z-index: 2; background: url('../img/layout/top_shadow.png') repeat-x; }
.page_header { display:block; width: 100%; position: absolute; z-index: 100; text-align: center; }
a.logo { display: inline-block; margin-top: 20px; }

.cont_agb.cont_fancy {max-width:80vw !important;}

@font-face {
 font-family: "Machia";
 src: url("fonts/Machia.eot");
}
@font-face {
 font-family: "Machia";
 src: url("fonts/Machia.ttf");
}


/* GALLERY ----- */
.gallery_menu {display: block; width: 90%; text-align: center; margin: 0 auto; margin-bottom: 20px; padding-bottom: 20px; }
	.gallery_menu a, .gallery_menu a:link, .gallery_menu a:visited, .gallery_menu a:active {
		display: inline-block; border: 1px solid #dbcec4; padding: 10px 20px 10px 20px;
		margin-right: 10px; text-decoration: none; color: #000; background: #e8dad0; font-size: 17px;
	}
	.gallery_menu a:hover, .gallery_menu a.selected {border: 1px solid #947f70; color: #fff; background: #947f70;}
	.gallery_menu a:last-child { margin-right: 0px; }

.gallery_images {
	display: block; width: 90%; text-align: center; margin: 0 auto; margin-bottom: 80px;
}
	.gallery_images img { width: 24.7%; margin-right: 0.3%; margin-bottom: 0.3%;  }
	.gallery_images img:nth-child(4n) { margin-right: none;}
@media screen and (max-width:1000px){
	.gallery_menu a, .gallery_menu a:link, .gallery_menu a:visited, .gallery_menu a:active {
		width: 100%;
		margin: 0px 0px 10px 0px;
	}
	.gallery_images img {
		margin: 0px 0px 5px 0px;
		width: 100%;
	}
}
/* GALLERY ----- */

.pricetable_title {display: block; margin-bottom: 10px; margin-top: 20px; text-align: center; padding: 5px; background: #947f70; color: #fff; font-weight: 600; }
.room_pricelist {display: block; width: 100%;}
.room_pricelist tbody { width: 100% !important; }
.room_pricelist td {padding: 5px 10px 5px 10px; border-bottom: 1px solid #ebebeb; text-align: center; width: 25%; }
.room_pricelist tr:first-child td {background: #e8ddd4;}
.room_pricelist tr td:first-child {text-align: left;}

#top_gal img{height:100px;position:absolute;top:-150px;left:-100px;}

.inc-body .title_bar {margin-bottom: 20px;}
.inc-body .content {padding-bottom: 20px;}

/* ---------- #MENU ---------- */

.menu-button { position:absolute; top:20px; right:20px; z-index:101; display: none; }
	.header_button { cursor: pointer; height: auto; margin: 30px 30px 15px; position: relative; width: 40px; }
	.menu_line { background-color: #fff; display: block; height: 1px; position: relative; width: 100%; }
	.m_line_1 { margin: 0; }
	.m_line_2 { margin: 8px 0 0; }
	.m_line_3 { margin: 8px 0 0; }
	.menu_close { transform: rotateZ(45deg); }
	.menu-txt { display:block; position:relative; text-align:center; color:#fff; }

	.header_button:hover .m_line_1, .menu_close .m_line_1 { transform: rotate(90deg) translate3d(9px, 0px, 0px); }
	.header_button:hover .m_line_2, .menu_close .m_line_2 { opacity: 0; }
	.header_button:hover .m_line_3, .menu_close .m_line_3 { transform: translate3d(0px, -8px, 0px); }



.menu_container { display: block; width: 100%; position: absolute; z-index: 100; top: 170px; text-align: center; }

.menu { display: inline-block; text-align: center; font-family: 'Nanum Myeongjo', serif; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; padding:0px; margin:0px; }
	.menu li { display:inline-block; list-style-type:none; margin:0px 0px 0px -4px;}
		.menu a { display: inline-block; padding: 10px 40px 10px 40px; text-decoration: none; color: #fff; font-size: 20px; font-weight: 300; -webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -o-transition: all 700ms ease; -ms-transition: all 700ms ease; transition: all 700ms ease; margin: 0px; border-bottom: 1px solid rgba(255,255,255,0.15); background-color: rgba(0,0,0,0.3);}
			.menu a:first-child { }

		.submenu { width: 100%; position: absolute; z-index: 4; text-align: center;	font-family: 'Nanum Myeongjo', serif; -webkit-transition: all 500ms ease;	-moz-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; background: rgba(255,255,255,1); margin-top: -1px; display: none; padding: 0px; height: 1px; /*overflow: hidden;*/ opacity: 0; left:0px; }
			.submenu li { display: inline-block; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; margin: 0px 0px 0px -4px; border-bottom: 1px solid rgba(255,255,255,0); }
				.submenu a { text-decoration: none; color: #000; font-size: 18px; font-weight: 300; line-height: 12px; padding: 10px 20px 10px 20px; border-bottom: 1px solid rgba(255,255,255,0); margin:10px 0px; border-right: 1px solid rgba(255,255,255,0.20);}


				.menu .sub_m_active, .menu .sub_beauty_active { color: #000; background-color: rgba(255,255,255,0.4); }
				.submenu li.somwin { text-transform: uppercase; border-right: none; }

		.subsubmenu { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; background: rgba(255,255,255,0.5); display: none; position: absolute; width: 100%; overflow: auto; left: 0px; margin: 0px 0px 0px 0px; padding: 0px; }

			.showme { display: block; height: auto; opacity: 1; padding: 10px 0px 10px 0px; }
			.menu .somwin { text-transform:uppercase; margin:0px 5px 0px 0px; border-right:0px; }
			.menu_separator { display: block;	padding:0; margin: 0px; }

	.menu:hover .mm1 { /*! background: rgba(255,255,255,0.1); */ }
	.menu:hover .mm2 { /*! background: rgba(255,255,255,0.2); */ }
	.menu:hover .mm3 { /*! background: rgba(255,255,255,0.3); */ }
	.menu:hover .mm4 { /*! background: rgba(255,255,255,0.2); */ }
	.menu:hover .mm5 { background: rgba(255,255,255,0.1); }

	.menu .l_active .main-menu { color:#000; background-color:#fff; }

	.apar-title {font-size: 48px;font-family: 'Nanum Myeongjo', serif;text-align: center;margin-bottom: 80px;color: #9f7052;}

@media screen and (min-width:1000px){
	.submenu a:hover { color: #000; border-bottom: 1px solid rgba(0,0,0,0.15);}
	.menu li .main-menu:hover { background: #fff; color: #000; }
	.menu li:hover .submenu { display: table; height: auto; opacity: 1; z-index:10;}
	.submenu li:hover .subsubmenu { display:table; }
}

.menu_container.scrolled { position: fixed; top: 50px; background: rgba(0,0,0,0.5); border-bottom: 1px solid rgba(0,0,0,0.3); }
	.menu_container:hover.scrolled { border-bottom: 1px solid rgba(0,0,0,0.5); }
	.menu.scrolled a { padding: 6px 40px 6px 40px; color: #fff; font-size: 17px; font-weight: 300; border-bottom: none; }
		.menu.scrolled .main-menu:hover { color: #000; }
		.menu.scrolled a:hover { color: #ccc; }
		.submenu.scrolled { background: rgba(0,0,0,0.8); }
		.l_active .submenu.scrolled { background: rgba(0,0,0,0.68); }
		.submenu.scrolled a { font-size: 16px; color: #fff; padding: 10px 10px 10px 10px; line-height: 8px; }
		.submenu.scrolled .sub_m_active, .submenu.scrolled .sub_beauty_active { border-bottom:1px solid rgba(255,255,255,0.20); }
		.menu.scrolled .m_active a, .m_active a { background-color: rgba(255,255,255,0.2); }
		.menu.scrolled .subsubmenu { background: rgba(0,0,0,0.5); }


.l_active .submenu { display:table; height:auto; opacity:1; background: rgba(255,255,255,0.5); z-index:1; }
.sub_active { display:table; }

.menu_footer { }
	.menu_footer a { display: block; width: 100%; padding: 15px; border-bottom: 1px dotted #787878; text-decoration: none; font-family: 'Nanum Myeongjo', serif; text-align: center; color: #dadada; }
		.menu_footer a:hover { background: rgba(255,255,255,0.3); color: #fff; }
		.menu_footer a:first-child { border-top: 1px dotted #787878; }



.list-con { display:block; position:relative; margin:20px 0px; text-align:left; }
	.list-con p { text-align:left; margin:0px;  }
	.list-con .bull { display:inline-block; margin:11px 0px 0px 0px; position:absolute; width:4px; height:4px; background-color:#000; border-radius:50%; vertical-align: top;}
	.list-con .lc-txt { display:inline-block; margin:0 0px 0px 12px; position:relative; vertical-align: top;}




.mitarbeiter { width:100%; display:block; overflow:auto; position:relative; margin-top:50px; padding-top: 70px;}
	.mitarbeiter-inner { padding:20px; display:block; overflow: auto;background-color: #eee;}
		.mitarbeiter-foto { width:300px; float:left; height:300px; background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative; }
		.mitarbeiter-content { margin-left:340px; }
			.mitarbeiter-title { font-size:40px; font-weight: 300;font-family: 'Nanum Myeongjo', serif;color: #5e4f45;margin-top: 110px;}
			.mitarbeiter-subtitle { font-size:20px; }

.imp-pad {margin-bottom: 0px!important;}
.imp-content {text-align: center; max-width: 90%;}
.imp-content p {text-align: center;}

.wo-content {padding-bottom: 20px!important;}
.ex-content {padding-bottom: 50px!important;}

.ui-tabs .app_ink_button { float: right;display: inline-block;padding: 10px 20px;background-color: #947F70;color: #fff;margin-top: -50px;vertical-align: top;margin-bottom: 20px;font-size: 18px; }
.apartments-left .h3 { float:left; }



.page_header.scrolled { height: 50px; position: fixed; background: rgba(0,0,0,0.5); }
	.page_header.scrolled a.logo { margin-top: 5px; }
		.page_header.scrolled a.logo img { width: 35%; }


.gal {position: relative;display: table;max-width: 2000px;margin: 0 auto;width: 100%;text-align: center;padding-bottom: 50px;}
    .gal-box-out {position: relative;display: inline-block;height: 30vw;width: calc(25% - 20px);margin: 5px; max-height: 350px;}
        .gal-box-in {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center;}
            .gal-row {position: relative; display: block;}

/* CORES */

.cores {position: relative;display: table;width: 100%;padding: 15px;box-sizing: border-box;background-color: #b49f90;margin: 0 auto 100px;z-index: 4;}
    .core-con {position: relative;display: block;width: calc(50% - 7.5px);height: 43vw;background-size: cover;background-position: center;float: left; text-align: center; margin-bottom: 15px; text-decoration: none;overflow: hidden;}
    .core-con:nth-child(2n) {float: right;}
        .core-con:nth-child(3n), .core-con:nth-child(4n) {margin-bottom: 0px;}
.core-shadow { position: absolute; bottom: 0; left: 0; width: 100%; background:linear-gradient(to top, #000, transparent); height: 50%;opacity: 0.5;}
        .core-con-bg-filter {position: absolute;bottom: 0;left: 0;width: 100%;height: 20%;/*! background-color: #91867f; */opacity: 0.8;}
            .core-title-con {position: absolute;display: block;height: 100%;bottom: 0;top: auto;text-align: center;width: 100%;}
        .core-title {position: absolute; display: block;color: #fff;/*! text-transform: uppercase; */font-size: 110px;bottom: 10%;/*! transform: translate(0,-50%); */margin: 0 auto;font-family: 'Nanum Myeongjo', serif;width: 100%;}
        .core-desc {position: absolute; color: #fff; top: 60%; left: 50%; transform: translate(-50%, -50%); width: 80%; opacity: 0; visibility: hidden;font-weight: 400;line-height: 26px;margin: 0 auto;}
.resp-tit {display: none;}
/*.core-con:hover .core-con-bg-filter {height: 100%;}
.core-con:hover .core-desc {opacity: 1; visibility: visible;}
.core-con:hover .core-title {top: 100%; transform: translateY(100%);}*/
.core-con:hover .core-title { bottom:65%; }
.core-con:hover .core-desc { opacity: 1; visibility: visible; }
.core-con:hover .core-overlay { opacity: 0.8;  }
.core-con:hover .font-bg { opacity:0; }

.cores .core-con:nth-child(1) { height: calc(28vw + 80px); margin-top: -80px; margin-left: 0px;width: calc(50% - 7.5px);}
.cores .core-con:nth-child(2) {  height: calc(35vw - 80px);margin-top: 0px;width: calc(50% - 87.5px);margin-right: 80px; }
.cores .core-con:nth-child(3) { height: calc(35vw - 80px);margin-bottom: 0px;width: calc(50% - 127.5px);margin-left: 80px; }
.cores .core-con:nth-child(4) { height: calc(28vw + 80px); margin-top: 0px; margin-bottom: -109px;margin-right: 0px;width: calc(50% - -32.5px);}

.core-overlay { position:absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #b49f90; opacity: 0; transition:all 500ms ease 0s; }

/* INNER CORES */

.page-in .core-con {height: 25vw!important; margin: 0px!important; width: calc(25% - 7.5px)!important;}
.page-in .core-con:nth-child(3) {margin-left: 10px!important;}
.page-in .core-con:nth-child(4) {margin-right: 10px!important;}
.page-in .core-title {font-size: 70px;}
.page-in .core-desc {top: 60%;}
.page-in .font-bg {font-size: 7vw; bottom: -4vw; left: 50%; transform: translateX(-50%);}
.page-in .gentian {display: none;}
.page-in .cores {padding: 10px; margin-bottom: 0px;}

.page-in .main-text {column-count: 1;}
.page-in .highlights_shadow {display: none;}

/* STICKER */

.gal-sticker {position: absolute;right: 0px;top: calc(100vh / 1.21 - 48px);z-index: 3;padding: 0 20px;background-color: #9f7052;border-top-left-radius: 30px;opacity: 0.8;line-height: 46px; transition:all 500ms ease 0s;}
.gal-sticker:hover { opacity: 1; }
    .gal-sticker-image {width: 25px;margin-right: 5px;display: inline-block;vertical-align: middle;}
    .gal-sticker-title {position: relative;display: inline-block;vertical-align: middle;color: #fff;text-transform: uppercase;font-size: 15px;font-weight: 400;letter-spacing: 0px;}

.def-sticker {position: fixed;bottom: -16px;left: -20px;z-index: 100;width: 140px;transform: rotate(20deg);opacity: 0.8; transition:all 500ms ease 0s;}
.def-sticker:hover { left:-10px; bottom:-6px; transform: rotate(10deg); width: 160px; opacity: 1;}

/* AP GAL */

.ap-con-top {position: relative;display: table;width: 100%; margin-bottom: 20px;}

.ap-gal-main {position: relative;display: block;}
    .ap-gal-con {position: relative;display: inline-block;height: 300px;width: calc(25% - 5px); margin-bottom: 5px;}
    .ap-gal-image {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-size: cover;background-position: center;}

.ap-gal-main a {margin: 0px 0px 10px!important;}
.ap-gal-main a:first-child {margin-left: 0px!important;}
.ap-gal-main a:last-child {margin-right: 0px!important;}

.gal-row {position: relative; display: block;}
    .gal-row .ap-gal-con:nth-of-type(1n) {margin-left: 0px;}

.apar-content .content {padding-bottom: 0px;}
.cont_fancy{display:none;}


.swiper-container { display: block;	position: relative;	z-index: 1; width: 100%; border-bottom: 0px solid #8f705e; }
	.charming { display: block;position: absolute; bottom: -130px; left: -50px; z-index: 3; filter: brightness(10);mix-blend-mode: luminosity;opacity: 0.6;}
	.bottom_shadow { display: block; width: 100%; height: 130px; bottom: 0px; position: absolute; z-index: 4; background: url('../img/layout/bottom_shadow.png') repeat-x; }
	.slide_trsp { /*! background: url('../img/layout/slide_trsp.png'); */ display: block; width: 100%; height: 30px; position: absolute; bottom: 0px; left: 0px; z-index: 5; opacity: 0.5; }
    .swiper-slide { width: 100%; height: 100%; background-size: cover; }

	.swiper-container .swiper-slide-active { animation: 3s ease-in-out 0s normal none 1 running act_anim; }

		@keyframes act_anim {
			0% { transform: scale(1.1); }
			100% { transform: scale(1); }
		}
		
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		left: 30px;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
		right: 30px;
	}

.background-slide { display: block;	position: absolute;	z-index: 1; width: 100%; height: 100%; border-bottom: 0px solid #8f705e; background-size:cover; background-repeat:no-repeat; background-position: center center; }



.photogallery { width:100%; display:block; position:relative; overflow:auto; }
	.gallery { list-style-type:none; display: block; float: left; height: auto; margin: 0; padding: 0; position: relative; width:20%; }
		.gallery a { display:block; margin:2px; position:relative; z-index:5; }
			.gallery a img { display:block; width:100%; }
			.over-bg { display: block; font-size: 1em; height: 100%; left: 0; opacity: 0; position: absolute; text-shadow: none; top: 0; width: 100%; background:url("../img/layout/px_black.png") repeat; -webkit-transition: all 0.4s ease 0ms; -moz-transition: all 0.4s ease 0ms; -o-transition: all 0.4s ease 0ms; transition: all 0.4s ease 0ms; }
			.over-info { background-image:url('../img/layout/gallery-info.png'); background-position:center; background-repeat:no-repeat; background-size:cover; height: 40px; left: 50%; margin: -20px 0 0 -20px; opacity: 0; position: absolute; text-align: center; top: 50%; width: 40px; transform:rotate(45deg); transition:all 800ms ease 0.15s; }
	.gallery:hover .over-bg { opacity:0.5; }
	.gallery:hover .over-info { opacity:0.6; transform:rotate(0deg); }


.google-maps { width:100%; height:500px; border:0px; margin:0px; }
	.maps { width:100%; height:500px; border:0px; margin:0px; }





.content-container { position:relative; display:block; overflow:auto; background-image: linear-gradient(to bottom, #E8DAD0, #E9DED6, #fff);padding: 30px; margin: 0 auto 20px; width: 95%; max-width: 1800px;}
.bright {background-color: #E8DAD0;}
.content-container:last-child {margin-bottom: 0px;}
	.content-container-image { background-size:cover; background-repeat:no-repeat; background-position:center center; width:65%; height: calc(60vh); min-height:650px; }
	.content-container-text { width:35%; height: calc(60vh); min-height:650px; position:relative; display:table; /*! background-color: #fff; */}
		.content-container-text-inner { display:table-cell; vertical-align:middle; position:relative; padding:50px; text-align: center;color: #2d1608;line-height: 30px;}
			.cc-button { padding:10px 25px; position:relative; background-color:#947F70; font-family:'Nanum Myeongjo', serif; color: #fff;text-decoration: none;text-transform: uppercase;font-size: 14px;letter-spacing: 3px;margin-top: 11px;display: inline-block;}

	.cc-left .content-container-image { float:left; }
	.cc-left .content-container-text { float:right; }
	.cc-right .content-container-image { float:right; }
	.cc-right .content-container-text { float:left; }

.ap-button {display: block!important; margin: 0 auto 5px!important; width: 300px!important;}

.apar-content {width: 100%;display: table; margin: 50px 0px;}


.page_content { display: block; position: relative;	width: 100%;  overflow: hidden;}
.page_content img {/*! width: 198px; */display: table;margin: 0 0 20px;}

#inc-title {margin-bottom: 50px;}

.inc-button-con {position: relative; display: block; text-align: center;}
.inc-con {position: relative;display: block;padding: 50px 0px 0px;text-align: center;}
.inc-list {position: relative;display: block;margin-top: 50px;text-align: center;width: 80%;margin: 50px auto 0px;}

/* ---- #CORE ITEMS ---- */
	.highlights { display: block; width: 100%; margin: 0px; padding: 0px; height: 260px; background: #8f705e; }
		.highlights li { width: 25%; height: 260px; list-style: none; margin: 0; padding: 0px; float: left; text-align: center; position: relative; overflow: hidden; opacity: 0.65; text-shadow: 0px 0px 2px rgba(150, 150, 150, 0.7); -webkit-transition: all 500ms ease;	-moz-transition: all 500ms ease; -o-transition: all 500ms ease;	-ms-transition: all 500ms ease;	transition: all 500ms ease; opacity: 1;}
			.highlights li:hover { opacity: 1; }
			.hl_01 {background-image: url('../img/layout/hl_01.jpg'); background-size: cover; }
			.hl_02 {background-image: url('../img/layout/hl_03.jpg'); background-size: cover; }
			.hl_03 {background-image: url('../img/layout/hl_02.jpg'); background-size: cover; }
			.hl_04 {background-image: url('../img/layout/hl_04.jpg'); background-size: cover; background-position: bottom center;}

			.highlights li a { position: absolute; display: block; width: 100%; height: 250px; }

			.highlights li span { font-size: 50px; font-family: 'Nanum Myeongjo', serif; color: #fff; opacity: 0.9; bottom: 0px; position: absolute; display: block;	text-shadow: 0px 0px 2px rgba(150, 150, 150, 0.7);	-webkit-transition: all 500ms ease;	-moz-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; width: 20%; padding: 0px; padding: 0px 0px 0px 10px; }
			.highlights li:hover span { color: #fff; background: rgba(162,136,119,0.9); padding: 0px; width: 100%; text-align: center; text-shadow: 0px 0px 0px rgba(150, 150, 150, 0.7); }

		.highlights_shadow { display: block; width: 50%; height: 74%; position: absolute; z-index: 4; background: linear-gradient(to right, #ede8e4, transparent);  clear: both; /*! display: none; */}
		.highlights_shadow2 { display: block; width: 100%; height: 50%; position: absolute;  background: linear-gradient(to bottom, #ede8e4, transparent);  }
		.highlights_shadow3 { display: block; width: 100%; height: 50%; position: absolute;  background: linear-gradient(to top, #fff, transparent); bottom:0; left: 0; }



	.title_bar { display: table; width: 90%;  padding: 0px 0px 0px 0px; margin: 0 auto 170px; margin-top:130px; max-width: 1000px; /*! margin-bottom: 80px; */z-index: 11;position: relative;}
	.main-page .title_bar {  }

	.content { display: table;width: 100%;margin: 0 auto;border-bottom: 0px solid #ece7e3; padding-bottom: 100px;}
		.content_left { display: block; float: left; width: 50%; text-align: justify; }
		.content_right { display: block; float: right; width: 45%; }
		.content_con { display:block; text-align:center; }

		figure { width:100%; margin:0px; }
			figure img { width:100%; }
			.img100 { width: 100%; }


.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; font-size: 15px; background: #ece7e3; }

	.content p a { text-decoration:none; color:#000;}


.main-text {text-align: center;column-count: 2;text-align: justify;column-gap: 40px;line-height: 30px;}



	/* ---- pricelist ---- */
				.pricelist-container { width:100%; height:auto; position:relative; display:block; }
					.pricelist-container-inner { width:100%; position:relative; }
						.pricelist-table { min-width: 440px;margin: 0 auto;}
							.pricelist-header { display:block; overflow:auto; position:relative; width:100%; padding: 6px 0px;border-bottom: 1px solid #CBCBCB;font-size: 20px;}
								.pricelist-col { width:50%; 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;}


	/* ---- #FAMILY CONTAINER ---- */

	.family-container { width:100%; position:relative; display:table; /*! overflow: auto; */max-width: 1250px;margin: 0 auto;}
		.family-member { width:49%; position:relative; display:block; /*! overflow:auto; */ height:600px; margin:0 0.5% 220px 0.5%; background-size:cover; background-repeat:no-repeat; background-position:center center; float: left;box-sizing: border-box;}
		.fam-1 .family-name { left:0; text-align:center; bottom: -150px;}
		.fam-2 .family-name { right: 0; text-align: center; left: auto;bottom: -150px;}
			.family-name { position: absolute; font-family: 'Dancing Script', cursive;padding: 20px 40px 43px; background-color: #B49F90; z-index: 2; color: #fff; width: 100%;}
				.family-fist-name { font-size:70px; display:block; }
				.family-second-name { font-size: 18px; display: block; line-height: 5px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; letter-spacing: 4px; }




	/* ---- #TEAM CONTAINER ---- */

	.team-container { width:auto; position:relative; display:block; overflow:auto; margin-top: 50px;text-align: center;}
		.team-member { width:49%; display:inline-block; position:relative; padding:5px; box-sizing:border-box; vertical-align: top;}
		.tm-big { margin-bottom: 20px;}
			.team-member-inner { height:550px; width:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; position:relative; }
				.team-member-name { position:absolute; bottom:15px; left:15px; background-color:#B49F90; padding:5px 20px; font-size:44px; font-weight: 400;color: #fff;font-family: 'Dancing Script', cursive;}
				.team-member-content { background-color:#B49F90; position:relative; padding:30px; overflow:auto; color: #fff;font-size: 18px;}




	/* ---- #SPA ---- */

	.spa-big { margin:40px 0px 5px 0px; padding: 0px; font-weight: 400; font-size: 40px; color: #5e4f45; text-align: left; }
		.spa-small { margin: 0px; padding: 0px; font-weight: 300; font-size: 28px; margin-bottom: 30px; color: #8d7668; text-align: left; }

	.spa-container { width:auto; display:block; padding:30px 0px; position:relative; border-bottom:1px solid #ccc; }
		.spa-title { font-size:24px; display:block; font-weight: 400;color: #5e4f45;margin-bottom: 8px;}
			.spa-title span { font-size:18px; font-weight: 300;margin-left: 15px;}

	.spa-container:last-child { border-bottom:0px; }

	.pdf { display: inline-block; position: relative; margin-top: 35px; color: #000; text-decoration: none; background-color: #B49F90; padding: 15px 30px 15px 23px; }
		.pdf img { width: 25px; margin: 0px 3px -7px 0px; }



	/* ---- #SPA TABLE ---- */

	.wellness-table-container { display:block; position:relative; overflow-y: auto; }
	.wellness-table-con { width:100%; }

	.wellness-table { display:block; position:relative; overflow: auto;margin-bottom: 50px;background-color: #f2f2f2;padding: 30px;box-sizing: border-box;}
		.wellness-header { display:block; overflow: auto;position: relative; background-color: #ddd;padding: 20px;box-sizing: border-box;font-weight: 400;}
			.wellness-col { float:left; position:relative; width:15%; text-align: center;}
			.wellness-col-big { width:40%; text-align: left;}
		.wellness-row { display:block; overflow: auto;position: relative;padding: 17px 20px;border-bottom: 1px solid #dedede;}
			.check { width:100%; max-width: 38px;}
		.wellness-row:last-child { border-bottom:0px;}






	/* ---- #OFFERS ---- */

	.offers { width:32.333%; height:auto; position:relative; display:inline-block; vertical-align:top; text-align:left; }
		.offers_price { position:absolute; top:0px; right:0px; background-color:#846F60; color:#fff; padding:20px 30px; font-size:18px; line-height:20px; z-index:1; text-align:center; }
			.offers_price span { display: block; font-size: 36px; line-height: 36px; font-family: 'Nanum Myeongjo', serif; }
		.offers_inner { margin:30px; display:block; position:relative; background-color:#B49F90;overflow: auto;}
			.offers_image { width:100%; }
			.offers_content { padding:30px; position:relative; display:block; color:#fff; }
				.offers_title { display: block; font-size: 23px; font-family: 'Nanum Myeongjo', serif; }
				.offers_date { display: block; font-size: 16px; margin: 0 0 15px; }
				.offers_content p { margin: 0; font-size:16px; }
				.offers_button { background-color:#A48F80; color: #fff; display: block; font-size: 16px; letter-spacing: 2px; margin: 25px 0 0; padding: 10px 0; text-align: center; text-transform: uppercase; text-decoration:none;}
				.offers_button:hover { color:#737062; background:#fff; }

	.packages-big-container { display:block; padding:20px; background-color:#f9f9f9; }
	.offer_detail_image { display:block; margin-bottom:20px; }
		.offer_title { font-size:28px; display:block; font-family: 'Nanum Myeongjo', serif;}
		.offer_date { font-size:18px; display:block; }
		.offer_price_inner { font-size:18px; margin:20px 0 0; display:block; }
			.offer_price_inner span { font-size:24px; font-family: 'Nanum Myeongjo', serif;}
		.offer_txt { font-size:18px; margin:30px 0px; display:block; }
		.offers_button_inner { border: 2px solid #A48F80; color: #A48F80; display: inline-block; font-size: 16px; letter-spacing: 2px; margin: 0 10px 0 0; padding: 10px 20px; position: relative; text-align: center; text-transform: uppercase; font-family: 'Nanum Myeongjo', serif;}
		.offers_button_inner:hover { background-color:#A48F80; color:#fff; }
		.packages-big-container .offer_detail_image { width:100%; max-width:600px; }




	/* -------- APARTMENTS --------- */
	.apartments-container { width:100%; height:auto; position:relative; display:block; overflow:auto; margin:0 auto; }
.apartments-container .h3 {margin-bottom: 20px;}
.apartments-container .content-container-text-inner {padding-bottom: 20px;}
		.apartments { width:100%; position:relative; display:block; overflow:auto; }
			.apartments-title { font-size:24px; margin:5px 0px 25px; display:block; position:relative;  }
				.apartments-title .apartments-title-big { font-size: 37px; font-family: 'Nanum Myeongjo', serif; }
				.apartments-title-big span {font-weight: 600 !important;color:#9f7052;font-size: 35px !important;}
				.apartments-title span { font-size:20px; font-weight:300; }
				.apartments-top { width:100%; display:block; position:relative; overflow:auto; }
					.apartments-left { display: block; overflow: auto; position: relative; width: 100%; }
						.apartments-left img { width:100%; display: block;margin: 0px;}
						.apartments-bottom-inner { padding:35px; display:block; position:relative; background-color:#fff; margin:20px 0px; font-size:18px; }
						.apartments-bottom-inner p { text-align:left; }
					.apartments-right { display: inline; float: right; width: 100%; text-align: center;}
						.apartments-right-box { /*! margin:4% 0 0; */ display:block; width: 32%;display: inline-block;vertical-align: top;}
						.apartments-right-box:first-child { margin:0px; }
							.apartments-right-box img { width:100%; }
						#tabs1 .apartments-button, #tabs2 .apartments-button, #tabs3 .apartments-button, #tabs4 .apartments-button { color: #fff; height: 70px; line-height: 70px; margin-top: 10px; text-align: center; width: 100%; font-size:18px; font-weight:300; -webkit-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); padding:0px; letter-spacing:0px; }
							#tabs1 .request, #tabs2 .request, #tabs3 .request, #tabs4 .request { background-color:#D4BFB0; margin-top:10px; }
							#tabs1 .book, #tabs2 .book, #tabs3 .book, #tabs4 .book { background-color:#B49F90; text-transform: uppercase;cursor: pointer; display:block; width:100%; display: block;}
								#tabs1 .apartments-button a, #tabs2 .apartments-button a, #tabs3 .apartments-button a, #tabs4 .apartments-button a { display:block; width:100%; height:100%; text-transform:uppercase; color:#655d59; }
								#tabs1 .apartments .book a, #tabs2 .apartments .book a, #tabs3 .apartments .book a, #tabs4 .apartments .book a { color:#fff; }

							#tabs1 .apartments .request:hover, #tabs2 .apartments .request:hover, #tabs3 .apartments .request:hover, #tabs4 .apartments .request:hover { background-color:#cfc9bf; animation-duration: 0.2s; animation-iteration-count: 1; animation-name: push; animation-timing-function: ease; }
							#tabs1 .apartments .book:hover, #tabs2 .apartments .book:hover, #tabs3 .apartments .book:hover, #tabs4 .apartments .book:hover { background-color:#947F70; animation-duration: 0.2s; animation-iteration-count: 1; animation-name: push; animation-timing-function: ease; }

		.apartments-container a { text-decoration:none;margin: 0px;}
		.line { width: 100%; max-width: 1300px; height: 1px; margin: 40px auto; background-color:#dbd5ca; position: relative; }




		#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; margin:0px 0px 0px; }
			.ui-widget-header { border:0px; background:none; }
				.ui-tabs .ui-tabs-nav li.ui-tabs-active { padding:0px; margin:0px; background-color:transparent; float:none; }
					.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:100%;}
						.ui-tabs .ui-tabs-nav li {background-color:#f1f1f1; }
					#tabs .ui-corner-top:hover { background-color:#4d3f2f; color:#fff; }
					.ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover { color:#fff; }
						.ui-tabs .ui-tabs-nav .ui-tabs-anchor { color: #333; font-size: 13px; font-weight: 100; letter-spacing: 2px; padding: 12px 15px; text-transform: uppercase; display:block; text-align:center; float:none; }
						.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; text-align:center; background-color:transparent; }
							.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:0px; }
				.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background:none; }

		.apartments-bottom .ui-tabs { padding:0px; overflow:auto; /*! min-height: 360px; */ background-color: transparent;display: block;margin-bottom: 20px;box-shadow: none;border-radius: 0px;}
			.apartments-bottom .ui-tabs .ui-tabs-nav { border-radius:0px; background:none; padding:0px; display: block;overflow: hidden;}
			.apartments-bottom .ui-tabs .ui-tabs-nav li { float:none; margin:0px; }
			.apartments-bottom .ui-tabs .ui-tabs-panel { padding:0px; box-shadow:0px 0px 0px rgba(0, 0, 0, 0); border-radius:0px; }


		.accommodation_table { position: relative; display: block; overflow: auto;  }
			.accommodation_table_inner { display:block; }
				.table { position:relative; display:block; text-align:center; }
					.table-prices { width:100%; height:auto; position:relative; text-align:center; display: block;overflow: auto;}
						.table-header { background-color:#B49F90; padding:10px; display:block; position:relative; margin-bottom:10px; overflow: auto;text-transform: uppercase; color:#fff; font-weight: 400;font-size: 18px;}
							.col { width:25%; float:left; position:relative; }
							.col3 { width:33.333%; }
						.table-row { display:block; position:relative; margin-bottom:2px; background-color:#D4BFB0; padding: 5px 10px;overflow: auto;color: #fff;font-size: 18px;}




		.content_left_image_container { display:block; position:relative; margin-top:30px; }
			.content_left_image { width:49%; float:left; margin:0.5%; }



#tabs1 { box-shadow:none; border-radius:0px; }





/* ---------- #FOOTER ---------- */


/* ---- #REQUEST FORM ---- */

.request_bar { display: block; width: 100%; background: url('../img/layout/request_bg.png'); padding: 20px 0px 20px 0px; text-align: center; font-family: 'Nanum Myeongjo', serif; }
	.request_bar .rb_title { display: none; font-size: 30px; color: #5e4f45; margin-bottom: 10px; }
	.request_bar .rb_subtitle { display: block; font-size: 24px; color: #e3deda; padding-bottom: 10px; font-family: 'Nanum Myeongjo', serif;}
		.request_bar .rb_subtitle span { font-weight: bold; }
	.request_bar .rb_arrival, .request_bar .rb_departure, .request_bar .rb_button { display: inline-block; color: rgba(227,222,218,0.8); margin: 10px 15px 10px 15px; padding: 0px 10px 0px 10px; border-bottom: 1px solid rgba(227,222,218,0.4); font-size: 16px; }
	.rb_button { background:none; border:1px solid rgba(227,222,218,0.4); cursor:pointer;}


	.request_bar input { background: none; border: none; font-family: 'Nanum Myeongjo', serif; font-size: 14px; padding: 4px 0px 8px 0px; text-align: center; width: 110px; color: #e3deda; }
	.request_bar .rb_arrival input, .request_bar .rb_departure input { background: url('../img/layout/cal.png') no-repeat top left; padding: 4px 0px 8px 25px; }
	.request_bar a.rb_button { padding: 10px; border: 1px solid rgba(227,222,218,0.4); text-decoration: none; font-size: 12px; font-weight: bold; }
		.request_bar a.rb_button:hover { border: 1px solid rgba(227,222,218,0.8); color: #5e4f45; background: rgba(227,222,218,0.4);}



.page_footer { display: block; width: 100%; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover;	padding: 0px 0px 60px 0px; }
	.f_left, .f_center, .f_right { display: block; width: 33%; float: left; padding: 80px 40px 20px 40px; }

		.address_footer { text-align: center; font-size: 15px; color: #fff; }
			.address_footer img { margin-bottom: 15px; margin-top: -20px; }
			.address_footer span { text-transform: uppercase; font-weight: bold; font-size: 14px; padding-bottom: 10px; }
			.address_footer a { color: #fff; }

			.address_footer .language { display: block; margin-top: 20px; }
				.address_footer .language a { text-transform: uppercase; color: #fff; border-right: 1px solid #999; display: inline-block; padding: 0px 20px 0px 20px;	text-decoration: none; }
					.address_footer .language a:first-child { border-left: 1px solid #999; }
					.address_footer .language a.selected { color: #999; }
					.address_footer .language a:hover {	background: rgba(255,255,255,0.2);color: #fff; }

		.f_logos { display: block; width: 100%; text-align: center; margin-top: 50px;}
			.f_logos img:nth-child(2) {	/*! margin: 0px 20px 0px 20px; */ margin-left: 20px;margin-right: 20px;}
			.f_logos img { height: 50px; width: auto; display: inline-block; vertical-align: top; }
		a.link_callegari { display: block; margin: 0 auto; width: 350px; height: 200px; background: url('../img/layout/callegari.png') no-repeat; text-decoration: none; margin-top: -20px; margin-bottom: 40px; }


.page_cp { background: #ECE7E3; padding: 10px 40px 10px 40px; text-align: right; border-top: 10px solid #d0c3ba; }
	.page_cp a { display: inline-block; border-left: 1px dotted #8d7668; font-size: 11px; padding: 4px 20px 4px 20px; text-decoration: none; color: #8d7668; }
		.page_content .internetservice { width:80px; margin:0px 0px -7px 4px; }


		.page_content .valgardenacom { width:100px; margin:30px 0px 0px 0px; }


.button-wellness {padding: 10px 20px;display: table;margin-top: 20px;background-color: #c6b3a7;text-decoration: unset;color: #5e4f45;}
.button-wellness:hover {background-color: #bda89b;text-decoration: unset;color: #fff;}

.wellness-img-box {display: table;margin-top: -23px;}
.wellness-img {width: 33% !important;float: left;box-sizing: border-box;border: solid #fff 2px;}

.gentian { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(10deg); width:150px; }
.font-bg { position:absolute; font-family: Machia, sans-serif; color: #fff; font-size: 20vw; left: 0; bottom: -13vw; mix-blend-mode: soft-light;opacity: 0.4; transition:all 500ms ease 0s;}


.article-bg { position:absolute; width: 100%; height: 100%; right: 0; top: 0; background-image: url("../img/layout/article-bg.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; opacity: 0.5;}

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

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

    .page-in .core-title {font-size: 60px;}
}

@media screen and (max-width:1450px){
	.content-container, .ap-gal-main { margin: 0px 20px 20px; }
		.h3 { font-size: 39px; }
		.content-container-text-inner { padding: 30px; }
		.cc-left { padding:30px 0px 30px 30px; }
		.cc-right { padding:30px 30px 30px 0px; }
	.offers_inner { margin:10px; }
	.offers_price { padding: 10px 20px; }
	.offers_price span { font-size: 28px; line-height: 26px; }
	.offers_content { padding: 20px; }
	.mitarbeiter-content { margin-left: 320px; }
	.mitarbeiter-title { font-size: 34px; }
    .menu a { padding: 10px 20px 10px 20px; }
	.submenu a { padding: 10px 10px 10px 10px; font-size:17px; }
	.menu.scrolled a { padding: 6px 20px 6px 20px; }
	.submenu.scrolled a { padding: 10px 10px 10px 10px; }
	.highlights li span { font-size: 40px; }
	a.link_callegari { width: 290px; height: 160px; background-size: cover; }
	.offers { width: 49.6%; }
    .core-title {font-size: 60px;}
    .font-bg {font-size: 15vw; bottom: -9vw;}
    .page-in .cores .core-con:nth-child(1), .page-in .cores .core-con:nth-child(2), .page-in .cores .core-con:nth-child(3), .page-in .cores .core-con:nth-child(4) {width: 100%!important; margin: 0px!important; height: 40vw!important;}
    .page-in .core-con:hover .core-title {bottom: 60%!important;}
    .page-in .cores {margin-bottom: 0px!important;}
}

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

    .content_left, .content_right {padding: 0px; text-align: left;}
    #inclusivleistungen .content_con {padding: 0px 20px;}
    .ap-con-top .content-container-image {width: 100%;}
    .ap-con-top .content-container-text {width: 100%;}
    .apartments .cc-left {padding: 0px;}
}

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

    .cores .core-con:nth-child(1), .cores .core-con:nth-child(2), .cores .core-con:nth-child(3), .cores .core-con:nth-child(4) {width: 100%; margin: 0px; height: 40vw;}
    .core-con:hover .core-title {bottom: 60%;}
    .cores {margin-bottom: 0px;}
}

@media screen and (max-width:1100px){
	.apartments-left, .apartments-right { width:100%; }
	.apartments-right-box:first-child {margin: 0px auto; max-width: 380px; float: none; }
	.apartments-right-box { margin: 10px 0.5% 0px; display: block; width: 49%; float: left; }
    .menu a {padding: 10px 10px 10px 10px;}
}

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

    .ap-button {width: auto!important;}
	.menu-button { display:block; }

	.menu li { display: block; }
		.submenu { position: relative; margin-top:0;  display: none; height: auto; opacity: 1; }
			.submenu a { display:block; }

	a.logo { margin-top: 20px; float: left; margin-left: 20px; width: 200px; }
		a.logo img { width:100%; }

	.menu_container { display: none; width: 100%; position: absolute; z-index: 5; top: 130px; text-align: center; background-color: #BCB7B3; padding: 20px 0px; }
		.menu { width:100%; overflow:hidden;}
			.menu a { display:block; }

	.highlights { height: auto; overflow: auto; }
		.highlights li { width: 50%; }

	.content_left, .content_right { width:100%; }

	a.link_callegari { width: 200px; height: 110px; }

	.family-member { height: 480px; margin: 0 0.5% 140px 0.5%; }
		.fam-1 .family-name { /*! left: 10px; */ bottom: -110px; }
		.fam-2 .family-name { /*! right: 10px; */ bottom: -110px; }
		.family-name { padding: 10px 30px 30px; }
			.family-fist-name { font-size: 60px; }
			.family-second-name { font-size: 18px; line-height: 5px; letter-spacing: 2px; }

	.content-container-image { width:100%; }
	.content-container-text { width:100%; }
		.content-container-text { height: auto; min-height: auto; }
	.cc-left { padding: 0; }
	.cc-right { padding: 0; }
	.content-container-image { height: 400px; min-height: auto; }
	.content-container-text-inner { padding: 50px 30px;}
	.offers { width:100%; }
	.content_right { margin-top:30px; }

	.mitarbeiter-foto { width: 100%; height: 400px; }
	.mitarbeiter-content { margin-left: 0; width: 100%; margin: 0; display: block; position: relative; overflow: auto; padding: 5px; }
		.mitarbeiter-title { font-size: 28px; margin-top: 20px; }

		.f_logos img {display: table;margin: 10px auto !important;}
		.f_left {padding:0 !important;}

    .ap-gal-con {height: 150px;}
    .gal-sticker {top: 150px;}
    .def-sticker {width: 150px;}
    .core-con {width: 100%;}
    .cores, .page-in .cores {padding: 20px 20px 0px;}
    .core-con:nth-child(3n), .core-con:nth-child(4n) {margin-bottom: 40px;}
    .core-con-bg-filter {height: 100%;}
    .core-con:hover .core-title {top: 100%; transform: translateY(-50%);}
    .core-title {top: 100%;}
    .core-desc {opacity: 1; visibility: visible;}

    .main-text {column-count: 1; text-align: center;}
    .f_left, .f_center, .f_right {float: none; margin: 0 auto;}

    .cores .core-con:nth-child(1), .cores .core-con:nth-child(2), .cores .core-con:nth-child(3), .cores .core-con:nth-child(4) {height: 450px;}
    .page-in .cores .core-con:nth-child(1), .page-in .cores .core-con:nth-child(2), .page-in .cores .core-con:nth-child(3), .page-in .cores .core-con:nth-child(4) {height: 450px!important;}
    .core-title {font-size: 40px; top: 20%; transform: translateY(-50%); position: relative;}
    .core-con:hover .core-title {top: 20%; bottom: unset; transform: translateY(-50%);}
    .page-in .core-title {font-size: 40px; top: 20%; transform: translateY(-50%); position: relative;}
    .page-in .core-con:hover .core-title {top: 20%; bottom: unset; transform: translateY(-50%);}

    .core-desc {position: relative;transform: unset;left: unset;width: 90%;height: auto;bottom: 0px;padding: 20px;}
    .gentian, .core-overlay {display: none;}
    .cores .core-con:nth-child(1), .cores .core-con:nth-child(2), .cores .core-con:nth-child(3), .cores .core-con:nth-child(4) {margin-bottom: 20px;}
    .page-in .cores .core-con:nth-child(1), .page-in .cores .core-con:nth-child(2), .page-in .cores .core-con:nth-child(3), .page-in .cores .core-con:nth-child(4) {margin-bottom: 20px!important;}

    .resp-tit {display: block!important; top: 0px!important; transform: unset!important;}
    .core-con:hover .core-title {top: 0px; transform: unset;}
    .core-title {display: none;}

    .desc-resp {position: relative;display: block;background-color: #b49f90de;top: 50%; transform: translateY(-50%); padding: 20px 0px;width: 90%;margin: 0 auto;}
    .font-bg {display: none;}

    .gal-box-out {width: 100%; margin: 5px 0px; height: 350px;}

}

@media screen and (max-width:750px){
	.charming { display:none; }
	.highlights_shadow2 { height: 60px; }
	.title_bar { width: auto; margin: 0px 20px; margin-top: 100px; }
	.h1 { font-size:30px; }
	.h2 { font-size:20px; }
	.content { width: auto; margin: 40px 20px 0px; padding-bottom: 20px;}
	.content ul {padding-left: 15px;}
	.request_bar { width: auto; padding: 20px 20px 20px 20px; box-sizing: border-box; }
	.f_left, .f_center, .f_right { width:100%; padding: 80px 30px 20px 30px; }
	.wellness-table-con { width:750px; }
	.wellness-table { padding:10px; }
	.wellness-header, .wellness-row { padding:15px; }
	.offers_button_inner { margin: 5px 10px 0 0; }
	.family-container { padding:0px 15px;}
	.family-member { width:100%; height: 480px; margin: 0 0 140px 0; }
	.team-member { width:100%; }
	.team-member-inner { height: 350px; }
	.gallery { width: 33.333%; }
	.address_footer img { margin: -20px auto 15px; }
    .content-container, .ap-gal-main {margin: 0px;}
    .apar-content .content {padding-bottom: 0px; width: 100%; margin: 0 auto;}
    .main-page .title_bar {margin-top: 100px;}
    #inclusivleistungen {margin: 0px;}
    .apar-content {margin: 0px;}
    .wo-content {width: 100%; margin: 0 auto;}

	.wellness-img-box {margin-bottom: 20px;display: table;}
	.wellness-img {width: 100% !important;margin-bottom: 0 !important;}
    .ap-gal-con {width: 100%; height: 70vw; margin: 0px!important; display: block;}
    .ap-gal-main a:last-child {margin: 0px 5px 10px !important;}
    .ap-gal-main a:first-child {margin: 0px !important;}
    #wellness .content-container {margin-bottom: 20px!important;}
    #wellness .content-container:last-child {margin-bottom: 0px!important;}

    #req-content .h2 {margin-bottom: 0px;}
    #req-content #inc-title {margin-bottom: 0px;}

    .wo-content {padding-bottom: 0px!important;}
    .ex-content {padding-bottom: 20px!important;}

    .inc-list {width: auto; margin: 50px 20px 0px;}
    .content-container {width: 100%;}
    .content-container-image {height: 200px;}

    .def-sticker {width: 110px;}
    .page_content {padding-bottom: 50px;}
    .inc-body .page_content {padding-bottom: 0px;}
    #inc-title {margin-bottom: 0px;}
    .h3 {margin-bottom: 20px;}
    .highlights li, .highlights li a {height: 200px; width: 100%;}
}

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

/*.swiper-container {height: 80vw !important;}*/

	.highlights li span { font-size: 35px; }
	.request_bar .rb_arrival, .request_bar .rb_departure, .request_bar .rb_button { margin: 10px 0px 10px 0px; width: 100%; }
	.page_cp { padding:10px; }
	.page_cp a { padding: 4px 10px 4px 10px; text-align:center; }
	.h3 { font-size: 31px; line-height: 38px; }
	.content-container-text-inner { padding: 40px 20px;}
	.cc-button { padding: 8px 25px; }
	.accommodation_table { overflow-y:auto; }
		.accommodation_table_inner { width:600px; }
	.mitarbeiter-title { font-size:24px; }
	.mitarbeiter-subtitle { font-size: 18px; }
	.mitarbeiter-inner { padding: 10px; }
}

@media screen and (max-width:500px){
	a.logo { margin-top: 20px; margin-left: 10px; width: 160px; }
	.menu-button { top: 5px; right: 0px; }
	.family-member { height: 300px; }
	.family-fist-name { font-size: 50px; }
	.fam-1 .family-name, .fam-2 .family-name { bottom: -100px; }
}