/*----header----*/
.bg_slide {
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	z-index: 2;
	background-image: url(../img/layout/bg_slide.png);
	background-repeat: repeat-x;
	background-size: contain;
	height: 300px;
    transition: 1s;
}
#header { width:100%; height:auto; position:fixed; margin:0 auto; display:block;  z-index:3000; padding-top:0px; -webkit-animation-delay:0.3s; animation-delay:0.3s;}
	.header_content {width:100%; margin:0 auto; text-align:center; position:relative; display:table; z-index:20;}
	.socials_top { text-align:left; width:170px; text-align:right; top:30px; position:absolute; left:100px; cursor:pointer; }
		.socials_top img { width:100%; height:auto; display:inline-block; max-width:25px; margin:0 8px; opacity:0.8;}
		.socials_top img:hover { opacity:1;}
	.logo { text-align:right; width:100%; height:auto; text-align:center;}
	.logo img { width:100%; height:auto; max-width:220px;}
	.navigation {
	position: fixed;
	z-index: 30;
	display: none;
	top: 0;
	width: 90%;
	height: 100%;
	right: 0;
	border: 0px solid rgba(255, 255, 255, 0);
	box-sizing: border-box;
	overflow: auto;
        transition: 1s;
}
.navigation-active {
	display: block;
    transition: 1s;
}
	.menu-out { position:absolute; width:100%; height:100%; display:table; left:0; top:0; background-color:rgba(37, 39, 40, 0.9);}
		.p_menu{ display:inline-block; color:#fff; position:absolute; z-index:20; vertical-align:middle; font-family: 'Raleway', sans-serif; margin-right:3px; text-transform:uppercase; font-weight:200; font-size:0.9em; top:17px; left:10px;}
			.p_menu.invis { display:none;}
		.p_close{ display:inline-block; color:#fff; position:absolute; z-index:20; vertical-align:middle; font-family: 'Raleway', sans-serif; margin-right:3px; text-transform:uppercase; font-weight:200; font-size:0.9em; top:17px; right:10px;}
			.p_close.vis { display:none;}
		.menu-button { text-align:center; width:110px; text-align:right; top:30px; position:absolute; right:100px; cursor:pointer; background-image:url(../img/bg_menu_button.png); background-size:contain; background-repeat:no-repeat; background-position:center left; z-index:40;}
		.menu-close { background-image:url(../img/menu_close.png); margin-right:100%;}
		.menu-open { background-image:url(../img/menu_open.png);}
		.menu-img{background-position: center center;  background-repeat: no-repeat;  background-size: cover; height: 50px; position: relative; width: 50px;  display:inline-block; vertical-align:middle;}
	.menu-inner { position:relative; display:table-cell; text-align:center; border:20px solid transparent}
	.menu-wrapper { width:50%; margin:0 auto; position:relative; display:table; padding:0; margin-top:100px; float:right;}
		.menu-box { position:relative; width:100%; margin:0% auto; }
		.m-box-more { margin:40px auto; }
			.menu-together { position: relative; width:100%; margin:0 auto; }
			#menu-active .li-main a { color:#fff; }
			#menu-active .menu-line { width:40%; }
			.m-box-more:hover .li-main span { color:#a99269;}
			.menu-together:hover .menu-line { width:40%;}
			.li-main {
	position: relative;
	display: block;
	font-family: 'Raleway', sans-serif;
	color: #fff;
	letter-spacing: 1px;
	font-weight: 200;
	font-size: 1.8em;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	text-align: left;
	padding-top: 7px;
	padding-right: 10px;
	padding-left: 20%;
	padding-bottom: 10px;
                transition: 1s;
}

			
		  .sub_menus {
	display: block;
	color: #fff;
	position: absolute;
	top: 90%;
	font-size: 1em;
	left: 28%;
	padding-bottom: 1em;
}
				.sub_menus a{ display:inline-block; color:#fff;}
				.li-sub {
	margin-top: 0;
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 10px;
}
				.sub_menus a:hover { opacity:0.8;transition: 1s;}
	
		
/* RESPONSIVE */
 @media screen and (max-height: 870px) {
	.menu-wrapper { margin:40px auto 0;}
	.li-main { padding:10px 10px 5px 20%;}
	
}
@media screen and (max-height: 650px) {
	.li-main { padding:5px 10px 5px 20%; font-size:1.3em;}
}
@media screen and (max-width: 1590px) {
	.boxes a { width:22.5%;}
	.main_two { padding:70px 3% 150px;}
}
@media screen and (max-width: 1245px) {
	.boxes a { width:22.4%;}
	.box_type span { padding:5px 10px;}
	.boxes a:hover .box_type span {padding:7px 12px;}
	.boxes_small a:hover .box_type span {padding:7px 12px;}
	.boxes .box_type { bottom:60px;}
	.impressum { padding-right:0;}
	.languages { padding-left:8px;}
}
@media screen and (max-width: 1170px) {
	.main_two > .text_container { width:100%;}
	.main_two { padding:70px 3% 350px;}
	.main_two>.text_container img  {display:block;}
	.main_two>.logo_container  { display:none;}
	.main_two>.text_container { padding-top:0; padding-bottom:0;}
	
	.section { height:420px;}
	.sec_text img { width:33%; margin-bottom:10px;}
}
@media screen and (max-width: 1070px) {
	.socials_top { left:10px;}
	.li-main { padding:5px 10px 5px 10%; font-size:1.5em;}
	.li-main a::before { left:9%;}
	.menu-wrapper { width:60%;}
	.over { width:40%;}
	.menu_img_box { width:40%;}
	.menu-button { right:25px;}
	.request_container { top:-100px;}
	
	.main > .text_container { width:100%;}
	.signature { margin-top:30px;}
	.main.default { background-size:cover;}
	.main.pool { background-size:cover;}
	.main.app { background-size:cover;}
	.main.price { background-size:cover;}
	.main.kitchen { background-size:cover;}
	.main.aktiv { background-size:cover;}
	.main.motor { background-size:cover;}
	.main.hike { background-size:cover;}
	.main.winter { background-size:cover;}
	.main.history { background-size:cover;}
	
	.boxes a.app { margin-right:0;}
	.boxes a.bike { margin-right:0;}
	.boxes a { width:48.2%; height:49%;}
	.boxes_small a { width:48.2%;}
	.boxes_small a.pool { margin-right:0;}
	.boxes a.kitchen { margin-top:20px;}
	.boxes a.aktiv { margin-top:20px;}
	.boxes a.hike { margin-top:20px;}
	.boxes a.winter { margin-top:20px;}
	.boxes .box_type { bottom:0px;}
	.boxes .mountains img { width:55%;}
	.boxes_small .mountains img { width:55%;}
	.boxes .mountains { text-align:right;}
}
@media screen and (max-width: 850px) {
	.section { background-color:#fff; position:relative; display:table;}
	.sec_img { height:200px; width:100%;}
	.sec_text { background-color:#252728; width:100%; height:auto; padding:5% 3%;}
	.sec_map { border:none; width:100%; margin-bottom:20px; height:auto;}
}
@media screen and (max-width: 720px) {
	.menu-wrapper { width:70%;}
	.over { width:30%;}
	.menu_img_box { width:30%;}
	.li-main { padding:5px 10px 0px 10%;}
	.li-main a::before { left:7%;}
	.socials_top { left:0px;}
	.logo img { max-width:130px;}
	
	.main.default { background-image:none;}
	.main.pool { background-image:none;}
	.main.app { background-image:none;}
	.main.price  { background-image:none;}
	.main.kitchen { background-image:none;}
	.main.aktiv  { background-image:none;}
	.main.motor  { background-image:none;}
	.main.hike { background-image:none;}
	.main.winter { background-image:none;}
	.main.history { background-image:none;}
	.main { padding:60px 3% 120px;}
	.main_two > .text_container { text-align:left;}
}
@media screen and (max-width: 700px) {
	.menu-wrapper { width:100%;}
	.over { display:none;}
	.menu_img_box { display:none;}
	.li-main { padding:11px 0px 8px 2%;}
	.li-main a::before { left:2%;}
	.sub_menus { left:10%; line-height:20px; background-color:rgba(255,255,255,0.2);}
	.menu-out { background-color:rgba(37, 39, 40, 1);}
	.navigation { border:none;}
	.boxes a { width:48%;}
	.boxes_small a { width:48%;}
	.box_type span { padding:5px;}
	.berghang { padding:5%;}
	.footer { background-size:contain; background-position: right bottom;}
	.languages { padding-left:0; width:100%; text-align:center; top:10px; margin-bottom:10px;}
	.impressum { width:100%; text-align:center; top:10px; background-color:#252728; padding:10px 0 5px;}
	.main_two { background-image:none;}
	#plate { display:block; width:100%; max-width:none; position:relative; margin-left:3%; margin-top:-30px;padding-bottom:0; top:50px;}
	.main_two { padding:50px 3%; margin-top:80px;}
}
@media screen and (max-width: 590px) {
	
	.boxes a { width:48%;}
	.boxes_small a { width:100%; height:50%;}
	.boxes_small a.position { margin-top:10px;}
}
@media screen and (max-width: 540px) {
	
	.berghang { padding:3%; width:100%;}
	.adress { width:100%;}
	.footer_container { width:80%;}
	.footer { padding:50px 0;}
	
	.news_img { display:none;}
	.news_text { width:100%; padding-left:0;}
}
@media screen and (max-width: 520px) {
	
	.boxes a { width:100%; height:25%;}
	.boxes a.kitchen { margin-right:0;}
	.boxes a.room { margin-right:0;}
	.boxes a.app { margin-top:20px;}
	.boxes a.bike { margin-top:20px;}
	.overlay { height:150px;}
}
@media screen and (max-width: 510px) {
	.logo { text-align:left;}
	.logo img { margin-left:10px;}
	.socials_top { float:right; top:0; width:100%;}
	#header.fixed .socials_top { display:none;}
	.request_container { top:-150px;}
	.input_book { width:49.5%;}
	.BtnSend.request { width:100%;}
	.sub_menus { position:relative; left:0; top:0; line-height:30px;}
	.pricelist { padding:0;}
}
@media screen and (max-width: 400px) {
	.input_book { width:49%;}
	.li-main {font-size:1.4em;}
}