/*  ==========================================================================
    EXAMPLE Media Queries for Responsive Design.
    These examples override the primary ('mobile first') styles.
    Modify as content requires.
    ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* Zentriert Hintergrundbild mittig */
@media screen and (max-width: 1920px) {
    .home .paralaxFX #slider li {
        left: 50%;
        top: 50%;
        margin-left: -960px; /* 50% */
        margin-top: -608px; /* 50% */
    }
}

	@media only screen and (max-width: 1510px) {
	.home #quote .stdcontent{
		font-size: 3em;
	}
}
@media only screen and (max-width: 1470px) {
	#quote{
		margin-right: -50%;
	}
	.home #quote{
		margin-right: 0;
	}
}
@media only screen and (max-width: 1350px) {
	#quote .stdcontent p i{
		font-size: 1.1em;
	}
}
@media only screen and (max-width: 1280px) {
    header #quickrequest{
		margin-left: -50%;
    }
    .home #quickrequest{
    	margin-left: 0;
    }
	#quote, .lagebutton_hotels{
		display: none;
	}
	.home #quote{
		display: block;
	}
	#quickrequest_bottom #quickrequest > .macenter{
		width: 850px;
	}
	#quickrequest_bottom .h{
		height: 112px;
		line-height: 112px;
	}
	#quickrequest_bottom{
		bottom: -112px;
	}
	#quickrequest_bottom.loaded{
		bottom: 0;
	}
	#quickrequest_bottom .requiredlabel{
		top: 70px;
		right: 105px;
	}
}
@media only screen and (max-width: 1230px) {
	.footerbox > .innerbox h4{
		font-size: 2.5em;
	}
	.hotelfooterbox.quicklinks a{
		font-size: 1.5em;
	}
	.h_bottom .last .lvl1{
		left: auto;
	}
	.hotelmenu .lvl0 > li > a:after{
		right: 10px;
	}
}
@media only screen and (max-width: 1130px) {

	.hotelmenu .lvl0 > li > a:after{
		display: none;
	}
	.h_bottom .lvl0 > li > a{
		font-size: 2em;
	}
	.hotelfooterbox{
		width: 100%;
	}
	.hotelfooterbox.min{
		width: 50%;
	}
	.hotelfooterbox.quicklinks a{
		font-size: 1.7em;
	}
	.footer .f_top > div{
		width: 50%;
	}
	.footerbox > .innerbox h4{
		max-width: 255px;
		margin: 0 auto;
	}
	.footerbox > .innerbox > div{
		max-width: 255px;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 1016px) {
	.hotelmenu .lvl1 > ul > li a{
		font-size: 1.6em;
	}
	.hotelmenu .lvl1 > ul > li.col1.pic{
		padding-top: 0;
		padding-bottom: 0;
	}
	.h_bottom .lvl0 > li.first > a,
	.h_bottom .lvl0 > li.first + li + li > a,
	.h_bottom .lvl0 > li.last > a{
		padding-left:80px;
		text-align: left;
		line-height: 1.1;
		padding-top: 8px;
	}
	.h_bottom .lvl0 > li > a br{
	    display: block;
	}
	.h_bottom .lvl0 > li > a br:before{
		content: '-';
		display: inline;
	}
	#quote{
		display: none;
	}
	.contentsliderwrapper.newsslider,
	.contentsliderwrapper.newsslider .owl-carousel,
	.contentsliderwrapper.newsslider .owl-carousel .owl-wrapper-outer,
	.contentsliderwrapper.newsslider .owl-carousel .owl-wrapper-outer .owl-wrapper{
		max-height: 300px;
	}
	.contentsliderwrapper.newsslider .owl-item{
		max-height: 258px;
	}
	.gallery a{
		width: 33.33%;
	}
	.gallery a:first-child + a + a + a{
		display: none;
	}
	.linkbox .text{
		display: none;
	}
	.hotel_info span.name{
		font-size: 2em;
	}
}
@media only screen and (max-width: 1000px) {
	.subpages{
		width: 100%;
		margin-left: 0;
		display: block;
		float: none;
		clear: both;
	}
	.subpagebox{
		max-height: 230px;
		overflow: hidden;
	}
	.o_body .text{
		clear: both;
	}
	.o_body .text ul{
		margin-left: 20px;
	}
}
@media only screen and (max-width: 900px) {

	.hotelmenu .lvl0 > li > a:after{
		display: block;
	}
	.hotelmenu .lvl0 > li > a{
		padding-left:15px;
		text-align: left;
		line-height: 1.1;
		padding-top: 3px;
	}
	.hotelmenu .lvl0 > li > a br{
	    display: block;
	}
	.box4pics > div{
		width: 25%;
	}
	.box4pics > div img{
		width: 98%
	}
	.box4pics > div.mfp-gallery a:first-child + a + a + a{
		display: none;
	}
	.box4pics > div.text{
		width: 75%;
	}
	
	.hotel_info span.name{
		font-size:1.8em;
	}
	.r_body .image{
		clear: both;
		float: none;
	}
	.r_body .text{
		clear: both;
	}
}
@media only screen and (max-width: 800px) {
	.gallery a{
		width: 50%;
	}
	.gallery a:first-child + a + a{
		display: none;
	}
	.hotels .hotel{
		width: 100%;
		margin-bottom: 20px;
		float: none;
		clear: both;
	}
	.o_body .image{
		display: none;
	}
	.o_body .price{
		width: 100%;
		margin: 0;
	}
}
@media only screen and (max-width: 700px) {
	.stdcontent .csc-textpic-imagewrap{
		display: none;
	}
	.box4pics > div.mfp-gallery a:first-child + a + a + a{
		display: block;
	}

	.hotelmenu .lvl0 > li > a:after{
		display: none;
	}
	.subpagebox{
		max-height: auto;
	}

}
@media only screen and (max-width: 660px) {
	.hotelfooterbox.min{
		width: 100%;
		display: block;
		float: none;
		clear: both;
	}
}
@media only screen and (max-width: 616px) {
	
	.gallery a:first-child + a,
	.box4pics > div.mfp-gallery,
	.offerview h2 span:before, 
	.offerview h2 span:after{
		display: none;
	}
	.box4pics > div.text{
		width: 100%;
	}
	
	.gallery a{
		width: 100%;
	}

	.contentsliderwrapper .offer .mfp-gallery:before,
	.contentsliderwrapper .offer .mfp-gallery:after,
	.contentsliderwrapper .news .image:before,
	.contentsliderwrapper .news .image:after,
	.contentsliderwrapper .room .image:before,
	.contentsliderwrapper .room .image:after{
		display: none;
	}


	.contentsliderwrapper .offer .flleft.mfp-gallery,
	.contentsliderwrapper .news .image,
	.contentsliderwrapper .offer .offer_text, 
	.contentsliderwrapper .news .text{
		width: 100%;
		display: block;
		float: none;
		clear: both;
	}	
	.contentsliderwrapper .offer .flleft.mfp-gallery,
	.contentsliderwrapper .news .image{
		max-height: 300px;
		overflow: hidden;
		position: relative;
	}


	.contentsliderwrapper.newsslider,
	.contentsliderwrapper.newsslider .owl-carousel,
	.contentsliderwrapper.newsslider .owl-carousel .owl-wrapper-outer,
	.contentsliderwrapper.newsslider .owl-carousel .owl-wrapper-outer .owl-wrapper{
		min-height: 530px;
	}
	.contentsliderwrapper.newsslider .macenter:before,
	.contentsliderwrapper.newsslider .macenter:after{
		bottom: 30px;
	}
	.contentsliderwrapper.newsslider .owl-item{
		max-height: 500px;
		overflow: hidden;
	}
	.newsview .tx-bn-news{
		padding-bottom: 530px;
	}

	.linkbox{
		width: 100%;
	}
	.linkbox .text{
		display: block;
	}
}
@media only screen and (max-width: 555px) {
	.linkbox .text{
		display: none;
	}

	.tablecontainer{
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.tablecontainer table{
		width: 555px;
	}
}


/* ==========================================================================
   Settings Robin Oberhollenzer - 17.06.2014
   ========================================================================== */


/* DESKTOP LAYOUT
----------------------------------------------- */

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

	body {
        font-size: 56.3%;
    }
    #quote,
    .home #quote {
    	display: none;
    }

}

/* TABLET LAYOUT
----------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 999px) {

	body {
        font-size: 50%;
    }
    .hotelmenu .lvl0 > li > a {
    	padding-top: 7px;
    	padding-left:15px;
		text-align: left;
		line-height: 1.1;
    }
	    .hotelmenu .lvl0 > li > a:after{
			display: block;
		}
	    .hotelmenu .lvl0 > li > a br{
		    display: block;
		}
	.nologo .lang {
		width: 7.6%;
	}
		.lang li {
			text-align: left;
		}
			.lang li a {
				padding-left: 27.8%;
			}
	#quote,
	.home #quote {
		display: none;
	}
	.h_bottom .lvl1 {
		min-width: 100%;
	}

}

/* MOBILE LAYOUT
----------------------------------------------- */
@media only screen and (max-width: 767px) {

	body {
        font-size: 50%;
    }
    .home.mobileVersion .header {
    	position: relative;
    	height: auto;
	    width: 100%;
	}
	.home.mobileVersion .linkbox .header{
		position: absolute;
	}
    .h_top {
    	height: auto;
    	position: fixed;
    }
	    .h_top .macenter {
	    	padding: 0;
	    }
    .lang {
    	border-left: 0;
    	width: auto;
    }
    .nologo .lang {
    	width: auto;
    	float: right;
    }
    	.lang li {
    		float: left;
    		display: block;
    		width: auto;
    		height: auto;
    		line-height: 1.0;
    		padding: 5px 5px 5px 0;
    	}
    		.lang li a {
    			color: #666666;
    			display: block;
    			width: 25px;
    			text-align: center;
    			background: #ffffff;
    			padding: 6px 0 7px 0;
    		}
    		.lang li a:visited {
    			color: #666666;
    			background: #ffffff;
    		}
    		.lang li a:hover,
    		.lang li.active a {
    			color: #ffffff;
    			background: #666666;
    		}
    		.h_moser .lang li a:hover,
    		.h_moser .lang li.active a {
    			background: #8CA331;
    		}
    		.h_weinegg .lang li a:hover,
    		.h_weinegg .lang li.active a {
    			background: #73132E;
    		}
    		.h_seeleiten .lang li a:hover,
    		.h_seeleiten .lang li.active a {
    			background: #68ABAB;
    		}
	    .lang:after {
	    	display: none;
	    }
    .logo {
    	float: none !important;
    	clear: both;
    	position: relative;
    	padding: 0;
    	width: 100%;
    	background: #ffffff;
    	text-align: center;
    	padding: 0;
    	overflow: hidden;
    	max-height: 200px;
    	-webkit-transition: max-height 0.3s;
	    -moz-transition: max-height 0.3s;
	    -o-transition: max-height 0.3s;
	    -ms-transition: max-height 0.3s;
	    transition: max-height 0.3s;
    }
    .nologo .logo {
    	opacity: 1;
    	display: block !important;
    	max-height: 0;
    }
    	.logo img {
    		/* max-width: 300px; */
    		/* min-width: 185px; */
    		/* width: 40%; */
    		width: 245px;
    		margin: 20px 0 20px 0;
    	}
    .hotelmenu {
    	display: none!important;
    }
    #mobileMainNavWrapper,
    #mobileMainNavTrigger {
    	display: block;
    }
    #quote,
    .home #quote {
    	display: none;
    }
    .h_center {
    	margin-top: 185px;
    }
    .h_bottom {
    	display: none;
    }
    .mobibuttons{
    	display: block;
    }
    #maincontent {
	    padding-top: 25px;
	}
	.home #maincontent {
	    padding-top: 35px;
	}
    .footer {
    	padding-bottom: 40px; 
    }
    .footer .f_top > div {
    	width: 100%;
    	padding: 20px 0 20px 0;
    	float: none;
    	clear: both;
    }
    #legalM {
    	margin-top: 15px;
    	font-size: 1.2em;
    	width: 100%;
    	text-align: center;
    }	
    	#legalM .powered:after {
    		display: none;
    	}
	#legalM .powered{
		float: none;
	}
	#legalM .powered img {
		height: 4em;
		margin-top: 6px;
	}
    .partnerlogos {
    	float: none;
    	clear: both;
    	width: 100%;
    	margin: 25px 0 0 0;
    	text-align: center;
    }
    	.partnerlogos a {
    		display: inline-block;
    		width: 13.6%;
    		max-width: 170px;
    	}
    		.partnerlogos a img {
    			width: 100%;
    			height: auto;
    			display: block;
    			border: 0;
    		}
    		.partnerlogos a:first-child img {
    			border-left: 0;
    		}
   	.r_body .pricetable th {
   		padding: 5px 5px 5px 10px;
   		font-size: 1.5em;
   	}
   	.r_body .pricetable td {
   		padding-left: 10px;
   		font-size: 1.4em;
   	}
   	.r_body .pricetable td {
   		text-align: center;
   	}
   	.r_body .pricetable td:first-child {
   		text-align: left;
   	}
   	.r_body .smallpic {
   		display: none;
   	}
   	.r_body .image a:first-child {
   		margin: 0;
   	}
   	.r_body .image {
   		clear: both;
   		float: none;
   		width: 100%;
   		margin-left: 0;
   	}
   	.r_body .image .mainimg {
   		clear: both;
   		float: none;
   	}
   	.r_body .image .mainimg img {
   		width: 100%;
   		display: block;
   		height: auto;
   	}
   	.r_body .text {
   		clear: both;
   		float: none;
   		width: 100%;
   	}
   	.r_head h5,
   	.o_head h5 {
   		font-size: 2.5em;
   	}
   	.r_head .size,
   	.o_head .date {
   		font-size: 2.0em;
   	}
   	.r_head .person {
   		position: relative;
   		line-height: 1.0;
   		top: auto;
  		right: auto;
  		height: auto;
  		font-size: 2.0em;
   	}
   	.r_head .torequest,
   	.o_body .torequest {
   		font-size: 2.0em;
   		width: 100px;
   		height: 30px;
   		line-height: 30px;
   		top: auto;
   		right: 10px;
   		bottom: 23px;
   	}
   	.r_head button,
   	.o_head button {
   		font-size: 2.0em;
   		line-height: 30px;
   		height: 30px;
   		width: 30px;
   		text-align: center;
   		right: 10px;
   		top: 10px;
   		padding: 0;
   	}
   	main h1, main h2 {
   		font-size: 4.0em;
   	}
   	main h1 + h2,
   	main h2 + h3 {
   		font-size: 2.6em;
   	}

}