/* ==========================================================================
   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,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

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

@media only screen and (max-width: 1360px) {
	.owl-buttons .owl-prev {
        left: 0px;
		filter: Alpha(Opacity=80)!important;
        opacity: 0.8!important;
     }
     .owl-buttons .owl-next {
        right: 0px;
		filter: Alpha(Opacity=80)!important;
        opacity: 0.8!important;
	}

	.shortLinks .owl-prev {
		left: 10px;
	}

	.shortLinks .owl-next {
		right: 10px;
	}

}

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

	/*
	 * Typography
	 */

	body {
        font-size: 56.3%;
    }

    /*
	 * Basic
	 */

	#breadcrumb .wrapper,
	#main .wrapper,
	#footer .wrapper {
	   padding: 0 20px 0 20px;
	}

	/*
	 * Backbone
	 */

	/*
	 * Header
	 */

	/*
	[id="mainNavWrap"] {
		width: 80%;
	}
	*/

	/*
	#mainNav > ul > li {
		padding: 0 0 0 10px;
	}
	.it #mainNav > ul > li {
		padding: 0 0 0 10px;
	}
	.en #mainNav > ul > li {
		padding: 0 0 0 5px;
	}
	#mainNav > ul > li#mainNavItem1 {
      	padding: 0;
   	}
   	#mainNav > ul > li#mainNavItem5 {
      	padding: 0 20px 0 10px;
   	}
   	.it #mainNav > ul > li#mainNavItem5 {
		padding: 0 20px 0 10px;
	}
   	.en #mainNav > ul > li#mainNavItem5 {
		padding: 0 20px 0 5px;
	}

    #mainNav .lvl2 {
		left: auto!important;
		right: 0!important;
    }
    #mainNav .nav_offer {
     	left: auto!important;
     	right: 300px!important;
	}
	*/

	/*
	 * Content
	 */

	.mainRow .offers .offersHeadline h4  {
		padding: 0 0 0 13.8%;
	}
	.mainRow:nth-child(even) .offers .offersHeadline h4 {
	  	padding: 0 0 0 13.8%;
	}
	.mainRow:nth-child(odd) .offers .offersHeadline h4 {
	  	padding: 0;
	}
	.mainRow.nth-child-even .offers .offersHeadline h4 { /* <IE9 Fallback */
	  	padding: 0 0 0 13.8%;
	}
	.mainRow.nth-child-odd .offers .offersHeadline h4 { /* <IE9 Fallback */
	  	padding: 0;
	}
	.mainRow .noOffersInfo p {
	  padding: 20px 0 20px 13.8%;
	}
	.mainRow:nth-child(even) .noOffersInfo p {
	  padding: 20px 0 20px 13.8%;
	}
	.mainRow:nth-child(odd) .noOffersInfo p {
	  padding: 20px 0 20px 0;
	}
	.mainRow.nth-child-even .noOffersInfo p { /* <IE9 Fallback */
	  padding: 20px 0 20px 13.8%;
	}
	.mainRow.nth-child-odd .noOffersInfo p { /* <IE9 Fallback */
	  padding: 20px 0 20px 0;
	}


	/*
	 * Footer
	 */

	/*
	 * Quick Request
	 */

	#bn_quickRequest #quickrequestform .field {
		width: 8.6%;
	}
	#bn_quickRequest #quickrequestform select {
		max-width: 64px;
	}
	#bn_quickRequest #quickrequestform input {
		max-width: 64px;
	}
	#bn_quickRequest #quickrequestform .field.brandnamic_privacy {
		width: 11%;
	}
	#bn_quickRequest #quickrequestform .submit {
		margin: 6px 20px 0 0;
	}
	#bn_quickRequest #quickrequestform .childrenagesfields {
		bottom: 49px;
	}

	/*
	 * Changes after Typo3 Installation
	 */

	/*
	 * Changes after GoLive (marked with Date and Name)
	 */

	/* Offertransfer - 29.05.2014 | Robin Oberhollenzer */
	#selectedOffer .offerDetailsTrigger {
    	top: 12px;
   	}

}

@media only screen and (max-width: 1155px) {
	.roomInfo .foreground .maxpers {
		display: none;
	}

	.roomlist .new_room .roominfo {
		margin-left: 25px;
	}
}


@media only screen and (max-width: 1100px) {
	#mainNav > ul > li {
		padding: 0 20px;
	}
}

@media only screen and (max-width: 1070px) {
	#quickRequestContainer #quickRequestLeft {
		background: #901317;
		bottom: 0;
		left: auto;
		margin: 0;
		padding: 7px 0 8px 0;
		top: auto;
		width: 200px;
	}
	#quickRequest.quickRequestOpen #quickRequestContainer #quickRequestLeft {
		bottom: 100%;
	}

	#quickRequestLeft {
		display: none;
	}

	.quickRequestOpen #quickRequestLeft {
		display: block;
	}

	#quickRequestContainer #quickRequestRight {
		clear: both;
		float: none;
		max-width: none;
		width: 100%;
	}
	#quickRequest #quickRequestContainer {
		background: #A48C72;
	}

	#footer {
		padding: 0 0 155px 0;
	}

	.roomimagewrap .roomOptions {
		bottom: 10px;
		right: 10px;
	}

	.langNav {
	    top: 50px!important;
	    left: auto;
	    right: 20px;
	}
	.langNav ul li {
		line-height: 15px;
	}
}

@media only screen and (max-width: 1030px) {
	#mainNav > ul > li {
		padding: 0 15px;
	}
}

@media only screen and (max-width: 1000px) {
	#headerSlider .rslides_nav {
		font-size: 25px;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	#headerSlider .rslides_nav.next {
		right: 20px;
	}
	#headerSlider .rslides_nav.prev {
		left: 20px;
	}
	.youtubebox iframe {
		height: 200px;
	}
	.youtubebox.notext iframe {
		height: 450px;
	}
	/*
	.roomInfo .foreground {
    	font-size: 2em;
    	line-height: 1.1em;
	}
	*/

	/**
	 * offerList
	 */

	.offerList {
		display: block;
	}

	.mainRow .offers .offerList .offer {
		width: 100%;
		float: none;
	}
	.offerList .offer h2 {
		height: auto!important;
		min-height: 0!important;
	}
}

@media only screen and (max-width: 950px) {
	.roomInfo .foreground {
		font-size: 2em;
	}
	.roomlist .new_room .roominfo .roomHeadline .h3 {
		margin-left: 25px;
	}
	.roomlist .new_room .roominfo .roomOptions {
		bottom: -70px;
	}
	.roomlist .new_room .roominfo .roomOptions .new_button {
		width: 150px;
	}
	.roomlist .new_room .static_text {
		margin-top: 90px;
	}
}
@media only screen and (max-width: 910px) {
	.roomInfo .foreground {
		font-size: 2em;
	}
}

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

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

	/*
	 * Typography
	 */

	body {
        font-size: 50%;
    }

    /*
	 * Basic
	 */

	#breadcrumb .wrapper,
	#main .wrapper,
	#footer .wrapper {
	   padding: 0 20px 0 20px;
	}

	/*
	 * Backbone
	 */

	#mainNav {
		text-align: right;
	}
	#mainNav > ul > li {
	    padding: 0 10px!important;
		text-align: center;
	}

   #mainNav .lvl1 > li > a {
      min-height: 42px;
  }
	#mainNav > ul > li ul {
		text-align: left;
	}

	/*
	#header #topHeader #mainNav {
		padding: 0;
		position: relative;
		width: 100%;
	}
	*/
	#mainNav > ul > li:first-child .nav_offer,
	#mainNav > ul > li:nth-child(2) .nav_offer,
	#mainNav > ul > li:nth-child(3) .nav_offer {
		left: 0;
	}
	#mainNav > ul > li:first-child:hover .lvl2,
	#mainNav > ul > li:nth-child(2):hover .lvl2,
	#mainNav > ul > li:nth-child(3):hover .lvl2 {
		left: 0;
	}
	#header #topHeader #mainLogo {
		margin-top: 5px;
	}
	#quickRequest {
		overflow: visible;
		transition: max-height 0s;
		-webkit-transition: max-height 0s;
		-moz-transition: max-height 0s;
		-ms-transition: max-height 0s;
	}
	.mainRow .offers .offersHeadline h4  {
		padding: 0 0 0 15.4%;
	}
	.mainRow:nth-child(even) .offers .offersHeadline h4 {
	  	padding: 0 0 0 15.4%;
	}
	.mainRow:nth-child(odd) .offers .offersHeadline h4 {
	  	padding: 0;
	}
	.mainRow.nth-child-even .offers .offersHeadline h4 { /* <IE9 Fallback */
	  	padding: 0 0 0 15.4%;
	}
	.mainRow.nth-child-odd .offers .offersHeadline h4 { /* <IE9 Fallback */
	  	padding: 0;
	}
	.mainRow .offers .owl-theme .owl-controls {
		right: 0;
	}
	.mainRow:nth-child(even) .offers .owl-theme .owl-controls {
		right: 0;
	}
	.mainRow:nth-child(odd) .offers .owl-theme .owl-controls {
		right: 14.8%;
	}
	.mainRow.nth-child-even .offers .owl-theme .owl-controls { /* <IE9 Fallback */
		right: 0;
	}
	.mainRow.nth-child-odd .offers .owl-theme .owl-controls { /* <IE9 Fallback */
		right: 14.8%;
	}
	.mainRow .noOffersInfo p {
	  padding: 20px 0 20px 14.8%;
	}
	.mainRow:nth-child(even) .noOffersInfo p {
	  padding: 20px 0 20px 14.8%;
	}
	.mainRow:nth-child(odd) .noOffersInfo p {
	  padding: 20px 0 20px 0;
	}
	.mainRow.nth-child-even .noOffersInfo p { /* <IE9 Fallback */
	  padding: 20px 0 20px 14.8%;
	}
	.mainRow.nth-child-odd .noOffersInfo p { /* <IE9 Fallback */
	  padding: 20px 0 20px 0;
	}
	.mainRow .shortLinks.owl-carousel .owl-wrapper-outer {
		border-right: 0;
   	}
	.mainRow .infos .hintBox {
		max-width: 999px;
		width: 100%;
	}
	.mainRow .infos .knowledge {
    	display: none;
   	}
   	.mainRow .infos .knowledgeBg {
     	display: none;
   	}
   	.mainRow .mainFooter #footerLogo {
      	display: none;
   	}
	#bn_quickRequest #quickrequestform .field {
		width: 8.2%;
	}
	#bn_quickRequest #quickrequestform .brandnamic_nameprefix select {
		max-width: 50px;
	}
	#bn_quickRequest #quickrequestform input {
		max-width: 50px;
	}
	#bn_quickRequest #quickrequestform .field.brandnamic_privacy {
		width: 12%;
	}
	#bn_quickRequest #quickrequestform .submit {
		margin: 6px 20px 0 0;
	}
	#bn_quickRequest #quickrequestform .childrenagesfields {
		bottom: 47px;
		transition: max-height 0s;
		-webkit-transition: max-height 0s;
		-moz-transition: max-height 0s;
		-ms-transition: max-height 0s;
	}
	#selectedOffer .offerDetailsTrigger {
    	top: 10px;
   	}
	#mainNavWrap {
        width: 80%;
    }
	#headerOptions #headerContact ul li {
        padding: 0 10px;
    }
}

/* MOBILE LAYOUT
----------------------------------------------- */

@media only screen and (max-width: 855px) {
   	#quickRequest {
   		display: none;
   	}
   	#footer {
   		padding-bottom: 20px;
   	}
}

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

	/*
	 * Typography
	 */

	body {
		font-size: 50%;
    }

    /*
	 * Basic
	 */

	/*
	 * Backbone
	 */
	.gallery:before,
	.gallery:after,
	.owl-pagination {
		display: none;
	}

	#header #topHeader {
		height: auto;
	}

	#header #topHeaderWrap {
		position: static;
		border-bottom: none;
	}

	#header #topHeader #headerOptions {
		background: #901317;
		position: relative;
		width: 100%;
	}
	#header #topHeader #mainNav {
		display: none;
	}
	#header #topHeader #mainLogo {
		clear: both;
		float: none;
		padding: 0;
		margin: 0 auto;
		width: 230px;
		position: static;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#header #topHeader #mobileHeaderOptions {
		background: #c1a882;
		display: block;
		width: 100%;
	}
	#header #bottomHeader {
		margin: 0;
		top: 0;
	}
	#header .scrolldownbutton {
		display: none;
	}

	#footer {
      padding: 0 0 40px 0;
      text-align: center;
   	}
		#footer #footerNav {
			max-width: 100%;
			padding-top: 40px;
			text-align: center;
			width: 100%;
	   	}
		#footer #footerPartner {
			max-width: 100%;
			padding-top: 40px;
			display: inline-block;
			margin: 0 auto;
			width: auto;
			float: none;
		}

	/*
	 * Header
	 */

	#headerOptions #headerContact {
		display: none;
	}
	/*
	#headerOptions #langNav {
		clear: both;
		float: none;
		height: 40px;
		text-align: center;
		width: 100%;
	}
		#headerOptions #langNav ul {
			display: inline-block;
			margin: 11px 0 0 0;
		}
			#headerOptions #langNav ul li a {
				color: #ffffff;
				text-decoration: none;
			}
			#headerOptions #langNav ul li a:visited {
				color: #ffffff;
			}
			#headerOptions #langNav ul li a:hover {
				color: #c1a882;
			}
			#headerOptions #langNav ul li a.langNavAct {
				color: #c1a882;
			}
			*/
	#mobileHeaderOptions > div {
		display: block;
		margin: 0 auto;
		padding: 0;
		width: 300px;
	}
		#mobileHeaderOptions > div ul {
			color: #ffffff;
			display: block;
			font-size: 2.2em;
			font-weight: 700;
			list-style-type: none;
			margin: 0;
			padding: 0;
			text-align: center;
		}
			#mobileHeaderOptions > div ul li {
				border-left: 1px solid #ffffff;
				height: 40px;
				padding: 0 0 0 10px;
				width: 139px;
				display: inline-block;
			}
			#mobileHeaderOptions > div ul li:first-child {
				border-left: 1px solid #c1a882;
				padding: 0;
				width: auto;
			}
				#mobileHeaderOptions > div ul li a {
					color: #ffffff;
					display: block;
					padding: 8px 0 0 0;
					text-decoration: none;
				}
				#mobileHeaderOptions > div ul li a:visited {
					color: #ffffff;
				}
				#mobileHeaderOptions > div ul li a:hover {
					color: #901317;
					text-decoration: none;
				}
					#mobileHeaderOptions > div ul li a .icon {
						margin: 0 10px 0 0;
					}
	#headerSlider .headerSlogan {
		display: none;
	}

	#mainLogo a img {
		margin: 0 auto;
	}

	/*
	 * Content
	 */

	#main .mainRow .wrapper {
		padding: 0 10px;
	}
		.mainRow .content .contentHeadline,
		.mainRow .content .contentImage,
		.mainRow .content .contentText {
			clear: both;
			float: none !important;
			max-width: 100%;
			width: auto;
		}
		.mainRow .content .contentImage {
			padding: 20px 0 0 0;
		}
			.mainRow .content .contentImage a img {
				max-width: 100%;
				width: auto;
			}
		.mainRow .content .contentImage a ~ a {
			display: none;
		}
	.mainRow .offers .offersHeadline {
		padding: 0 0 10px 0;
	}
		.mainRow .offers .offersHeadline > a {
			bottom: -113px;
			display: none;
			left: 20px;
			top: auto;
		}
		.mainRow .offers .offersHeadline h4 {
			padding: 0 !important;
		}
		.mainRow .noOffersInfo p {
		  padding: 20px 0 20px 0 !important;
		}
	.mainRow .offers .offerSlider .offer .offerImage {
		clear: both;
		display: block;
		float: none !important;
		max-width: 100%;
		width: auto;
	}
		.mainRow .offers .offerSlider .offer .offerImage img {
			max-width: 100%;
			width: auto;
		}
	.mainRow .offers .offerSlider .offer .offerContent {
		clear: both;
		display: block;
		float: none !important;
		max-width: 100%;
		padding: 20px 0 20px 0;
		width: auto;
	}
	.mainRow .shortLinks.owl-carousel .owl-wrapper-outer {
		border-right: 0;
   	}
	.mainRow .infos {
		border: 0;
	}
		.mainRow .infos .hintBox {
			border-bottom: 1px solid #c6bdab;
			border-top: 1px solid #c6bdab;
			clear: both;
			float: none;
			margin: 0 0 40px 0;
			max-width: 767px;
			width: 100%;
		}
			.mainRow .infos .hintBox .hintBoxLeft {
				clear: both;
				float: none;
				max-width: 767px;
				width: 100%;
			}
			.mainRow .infos .hintBox .hintBoxRight {
				clear: both;
				float: none;
				margin: 0 auto;
				max-width: 300px;
				padding: 20px 0 0 0;
				text-align: center;
				width: 100%;
			}
		.mainRow .infos .knowledge {
			background: #9d8c6d;
			clear: both;
			float: none;
			max-width: 767px;
			width: 100%;
		}
		.mainRow .infos .knowledgeBg {
			display: none;
		}
		.mainRow .mainFooter #footerLogo {
	      	display: none;
	   	}
	   	.mainRow .mainFooter #footerNewsletter {
	   		clear: both;
	   		float: none;
	   		margin: 0 auto;
	   		max-width: 300px;
	   		width: 100%;
	   		border: none;
	   	}
			.mainRow .mainFooter #footerNewsletter p {
				font-style: normal;
				padding: 0 6.5% 10px 6.5%;
			}
			.mainRow .mainFooter #footerNewsletter > div {
				padding: 0 6.5% 0 6.5%;
			}
	   	.mainRow .mainFooter #footerAddress {
	   		clear: both;
	   		float: none;
	   		max-width: 100%;
	   		text-align: center;
	   		width: 100%;
	   		border: none;
	   	}
			.mainRow .mainFooter #footerAddress p {
				font-style: normal;
				padding: 0 6.5% 20px 6.5%;
			}
			.mainRow .mainFooter #footerAddress #socialIcons {
				padding: 0 6.5% 40px 6.5%;
			}
	   	.mainRow .mainFooter #weather {
		  	clear: both;
	   		float: none;
	   		max-width: 100%;
	   		width: 100%;
		}
	   	.mainRow .mainFooter #mainFooterBg .dividingLine {
			display: none;
		}

	/*
	 * Footer
	 */
	#footerNav a#poweredBy {
		margin: 0 10px 0 0;
		img {
			width: 8em;
		}
	}

	/*
	 * Quick Request
	 */

	/*
	 * Changes after Typo3 Installation
	 */

	.mainRow .offers .offerList .offer .offerImage {
		display: block;
		float: none;
		max-width: 100%;
		width: auto;
	}
		.mainRow .offers .offerList .offer .offerImage img {
			max-width: 100%;
			width: auto;
		}
	.mainRow .offers .offerList .offer .offerContent {
		display: block;
		float: none;
		max-width: 100%;
		width: auto;
	}
		.mainRow .offers .offerList .offer .offerContent .offerAccordion .offerDetailsTrigger {
			top: 20px;
		}
	#mobileMainNavWrapper,
	#mobileMainNavTrigger {
		display: block;
	}
	.mainRow .gallery .galleryWrapper img {
		max-width: 100%;
	}
	.mainRow .rooms .room {
	   padding: 20px 0 20px 0;
	}
	.mainRow .rooms .room:first-child {
	   padding: 0 0 20px 0;
	}
		.mainRow .rooms .room .roomHeadline,
		.mainRow .rooms .room .roomImage,
		.mainRow .rooms .room .roomDescription {
			clear: both;
			float: none !important;
			max-width: 100%;
			width: auto;
		}
			.mainRow .rooms .room .roomImage {
				padding: 20px 0 0 0;
			}
				.mainRow .rooms .room .roomImage img{
					max-width: 100%;
					width: auto;
				}
	.mainRow .oneContentImage a > img {
		height: auto;
		max-width: 1250px;
		width: 100%;
	}
	.mainRow .twoContentImages a > img {
		float: none;
		margin: 20px 0 0 0;
		max-width: 100%;
		width: 100%;
	}
	.mainRow .twoContentImages a:first-child > img {
		margin: 0;
	}
	.mainRow .threeContentImages a > img {
		float: none;
		margin: 20px 0 0 0;
		max-width: 100%;
		width: 100%;
	}
	.mainRow .threeContentImages a:first-child > img {
		margin: 0;
	}

	/*
	 * Changes after GoLive (marked with Date and Name)
	 */

	/* Offertransfer - 29.05.2014 | Robin Oberhollenzer */
	#selectedOffer {
		clear: both;
		float: none;
		margin: 0 0 40px 0;
		max-width: 100%;
		width: 100%;
	}
		#selectedOffer .offerDetailsTrigger {
	    	top: 10px;
	   	}
	#bn_normalRequest {
		clear: both;
		float: none;
		max-width: 100%;
		width: 100%;
	}
	/* Newsletter - 29.05.2014 | Robin Oberhollenzer */
	#bn_newsletterRegistration #newsletterform .requiredlabel {
		font-style: normal;
		margin-top: -20px;
	}

	.bn--request textarea {
		max-width: 250px;
	}


	.youtubebox .contenttext,
	.youtubebox .youtubevideo {
		max-width: 49%;
	}


	/* QR Code - 05.06.2014 | Robin Oberhollenzer */
	.mainRow .mainFooter #footerAddress .qr {
	   display: none;
	}

	/*
	 * Browser specific Hacks
	 */

	/* <IE8: "#langNav" Fixes
	.lt-ie8 #headerOptions #langNav ul {
		float: right;
		margin-right: -33px;
		position: relative;
		right: 50%;
	}*/

	.headeroffer .top .left {
		font-size: 20px;
    }

	/*
	#langNav ul {
		font-size: 1.5em;
	}

	#langNav {
		left: auto;
		top: -185px!important;
		right: 15px;
    }

	#langNav ul li {
		padding: 0 0 0 10px!important;
		line-height: 2;
	}*/
}

@media only screen and (max-width: 720px) {
	.roomimagewrap .roomOptions a,
	.roomimagewrap .roomOptions a:hover {
		width: 190px;
	}
	.tabs li a,
	#main .newbutton {
		height: 35px!important;
		line-height: 35px!important;
	}
	#main .newbutton {
		width: 135px!important;
	}
	.tabs li .text {
		padding-right: 0;
		padding-left: 5px;
	}
	.tabs li {
		margin: 3px;
	}
	#main .newbutton .left {
		line-height: 35px!important;
	}
	.sommericon,
	.wintericon {
		width: 30px!important;
		height: 30px!important;
		line-height: 30px!important;
	}
	.superski_small {
	    display: block!important;
	}
	.superski_big {
	    display: none!important;
	}

	.roomlist .new_room .image_info_wrap {
		display: block;
	}
	.roomlist .new_room .image_info_wrap .imagewrap {
		width: 100%;
	}
	.roomlist .new_room .roominfo {
		margin-left: 0;
		width: 100%;
	}
}
@media only screen and (max-width: 600px) {
	.additionalprice table tr td,
	.additionalprice table tr th {
		padding-left: 5px!important;
		padding-right: 5px!important;
	}
	.roomimagewrap .owl-buttons > div {
		width: 40px!important;
		height: 40px!important;
		font-size: 15px!important;
		text-align: center;
		top: 38%!important;
	}

	.headeroffer .bottom {
		top: 0;
		max-width: 100%;
	}

	.headeroffer {
		position: static;
	}

	.headeroffer .top > span {
		position: absolute;
		right: 0;
		top: -15px;
	}

	.headeroffer .top .left {
		width: 100%;
		top: 0;
	}

	.headeroffer .top {
		top: 0;
	}

	.fullscreen-popup-text {
		position: static;
	}

	.fullscreen-popup-close-button.fullscreen-popup-close-button {
		right: 10px;
		top: 10px;
	}
	.roomlist .new_room .roominfo .roomHeadline {
		display: block;
	}
	.roomlist .new_room .roominfo .roomHeadline .h3 {
		margin-left: 0;
	}
}

@media only screen and (min-width: 601px) and (max-width: 1000px) {
	.mainRow .offers .offerList .offer .offerImage {
		width: 50%;
	}
	.mainRow .offers .offerList .offer .offerContent {
		width: 50%;
	}

    #mainNav > ul > li:last-child .lvl2 li.whitebg:before,
    #mainNav > ul > li:nth-last-child(2) .lvl2 li.whitebg:before {
        right: 75px;
    }
	.mainRow .offers .offerList .offer .offerImage img:first-child{
		display: block;
		position: absolute;
		min-height: 100%;
		min-width: 100%;
		width: auto;
		height: auto;
		max-width: none;
		max-height: none;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.mainRow .offers .offerList .offer .offerImage a{
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
		overflow: hidden;
	}
	.mainRow .offers .offerList .offer .offerImage{
		position: absolute;
		height: 100%;
	}
	.mainRow .offers .offerList .offer{
		position: relative;
	}
	.mainRow .offers .offerList .offer .offerContent{
		float: right;
		background-color: white;
	}
	.mainRow .offers .offerList .offer .offerContent .offerText .offerPrice {
		position: relative;
		margin: inherit;
		bottom: 0;
	}

}
@media only screen and (max-width: 750px) {
	.tab-pane {
		min-width: 750px;
	}

	.offerdetail .offerContent,
	.offerdetail .offerImage {
		width: 100%;
		float: none;
	}
}
@media only screen and (max-width: 500px) {
	.roomimagewrap .roomOptions a,
	.roomimagewrap .roomOptions a:hover {
		width: 150px;
	}

	#topHeader .newbutton .right {
		width: auto;
	}
	#main .roomlist .roomimagewrap .roomOptions {
		width: 100%;
		margin: 0;
		right: 0;
		bottom: 10px;
		position: relative;
	}
	#main .roomlist .newbutton {
	    width: 50%!important;
	    margin: 0!important;
		padding: 0;
	}
	#main .roomlist .newbutton .left {
		width: auto;
		padding: 0 15px;
	}
}
@media only screen and (max-width: 470px) {
	.bn--request input,
	.bn--request select,
	.bn--request textarea {
		display: block;
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.bn--request .bn--request__privacy label,
	.bn--request #bn_request_privacy {
		display: inline-block;
		float: none;
		width: auto;
	}
	.bn--request #bn_request_privacy {
		float: right;
	}
	.tabs li {
		width: 100%;
		margin: 3px 0;
	}
	.tabs .icon-close,
	.tabs .icon-open {
	    float: right;
	    padding-top: 13px;
	}
}
@media only screen and (max-width: 420px) {
	.roomimagewrap .roomOptions a,
	.roomimagewrap .roomOptions a:hover {
		margin: 5px!important;
	}
	.roomimagewrap .roomOptions a:first-child,
	.roomimagewrap .roomOptions a:first-child:hover {
		margin: 5px!important;
		margin-right: 0px!important;
	}
	.roomimagewrap .roomOptions {
		bottom: 0;
	}
}
@media only screen and (max-width: 385px) {
	#main .offerdetail .newbutton {
		max-width: none!important;
		margin: 0!important;
	}
}
@media only screen and (max-width: 355px) {
	.roomimagewrap .roomOptions a,
	.roomimagewrap .roomOptions a:hover,
	.roomimagewrap .roomOptions a:first-child,
	.roomimagewrap .roomOptions a:first-child:hover {
		margin: 5px!important;
		margin-bottom: 0px!important;
	}
	.roomimagewrap .roomOptions a, .roomimagewrap .roomOptions a:hover {
		width: 140px;
	}
	.roomimagewrap .roomOptions {
		bottom: 5px;
	}

	.headerBook {
		margin-left: 45px;
	}

	/**
	 * footer partner logos
	 */

	#footer #footerPartner {
		text-align: center;
	}

	#footerPartner a {
		display: inline-block;
		float: none;
		margin: 0 10px 20px 10px;
		vertical-align: middle;
	}
	.it #topHeader .newbutton .right {
		font-size: 10px;
	}
}

@media only screen and (max-width: 350px) {
	#main .roomlist .newbutton {
	    width: 100%!important;
	}
}

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

    #mainNav > ul > li:last-child .lvl2, #mainNav > ul > li:nth-last-child(2) .lvl2 {
		right: 0;
		left: auto;
	}
}

/*
@media only screen and (max-width: 1285px) {
	#mainNav > ul {
		font-size: 0.9em;
	}
	#mainNav > ul > li {
		padding: 0 10px;
	}
	#langNav {
		left: 10px;
	}
}
*/


@media only screen and (max-width: 650px) {
	.roomlist .oneroom {
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 20px;
	}
	.roomfillbox {
		display: none!important;
	}
}

@media only screen and (max-width: 1000px) {
	.mainRow .offers .offerList .offer .offerImage img {
		width: 100%;
		height: auto;
	}
}

@media only screen and (max-width: 400px) {
	#main:after, .gallery:after, .bottomshadow:after {
		width: 250px;
	}
	#main:before, .gallery:before, .bottomshadow:before {
		width: 250px;
	}
}

@media only screen and (max-width: 1600px) {
	.tx-bn-news {
		padding: 100px 30px;
	}
	.tx-bn-news .owl-buttons .owl-prev {
		left: unset;
	}
	.tx-bn-news .textbox{
		padding: 30px 40px 0 40px;
	}
	.tx-bn-news .newsHeader {
		padding-bottom: 16px;
	}
}

@media only screen and (max-width: 1200px) {
	.tx-bn-news .header {
		font-size: 22px;
	}
	.tx-bn-news .button{
		width: 160px;
		height: 35px;
	}
	.tx-bn-news .button .readMore {
		font-size: 16px;
	}
	.roomlist .new_room .additionalprice .pricewrap .first_column {
		width: calc(25% - 20px);
	}
	.roomlist .new_room .additionalprice .pricewrap .pricetable_wrap {
		width: calc(75% - 50px);
	}
}

@media only screen and (max-width: 1000px) {
	.tx-bn-news .header {
		font-size: 14px;
	}
	.tx-bn-news .date {
		font-size: 10px;
	}
}

@media only screen and (max-width: 880px) {
	.roomlist .new_room .additionalprice .pricewrap .first_column {
		width: calc(30% - 20px);
	}
	.roomlist .new_room .additionalprice .pricewrap .pricetable_wrap {
		width: calc(70% - 50px);
	}
	.roomlist .new_room .additionalprice .pricewrap .first_column .filter {
		padding: 0 0 0 35px;
	}
}

@media only screen and (max-width: 850px) {
	.tx-bn-news {
		padding: 30px 150px;
	}
	.tx-bn-news .image{
		max-width: none;
	}
	.tx-bn-news img{
		height: auto;
		width: 100%;
	}
	.tx-bn-news .newsitem {
		flex-direction: column;
	}
	.tx-bn-news .textbox {
		margin-left: 0;
	}
	.tx-bn-news .readMore{
		margin: 20px auto;
		position: relative;
	}
	.tx-bn-news .newsHeader {
		font-size: 20px;
		padding-bottom: 15px;
		text-align: center;
		position: relative;
		top: -6px;
	}
	.tx-bn-news .button {
		margin: 20px auto;
		width: 100%;
	}
}

@media only screen and (max-width: 820px) {
	.video-wrapper {
		height: auto;
		display: block;
	}
	.video-wrapper .headervideo {
		width: 100%;
		height: auto;
		position: relative;
	}
}

@media only screen and (min-aspect-ratio: 16/9) and (min-width: 821px) {
	.video-wrapper .headervideo {
		width: 100%;
		height: auto;
	}
}

@media only screen and (max-width: 700px) {
	.tx-bn-news {
		padding: 30px 20px;
	}
	.tx-bn-news .owl-buttons .owl-prev {
		left: 0;
	}
}

@media only screen and (max-width: 1000px) {
	.mainRow .offers .offerList .offer .offerContent{
		min-height: initial;
	}
}

@media only screen and (max-width: 650px) {
	.roomlist .new_room .additionalprice .pricewrap .first_column {
		width: calc(50% - 20px);
	}
	.roomlist .new_room .additionalprice .pricewrap .pricetable_wrap {
		width: calc(50% - 50px);
	}
	.roomlist .new_room .bottom_row {
		padding-right: 0;
		margin-top: 15px;
	}
	.roomlist .new_room .bottom_row .offer_buttons {
		display: block;
		margin: 20px auto 0;
	}
	.roomlist .new_room .bottom_row .offer_buttons .btn {
		margin-bottom: 10px;
	}
	.roomlist .new_room .bottom_row .offer_buttons .btn.winter_offers {
		margin-left: 0;
	}
	.roomlist .new_room .roominfo .roomOptions .new_button {
		width: 130px;
	}
}

@media only screen and (max-width: 600px) {
	.mainRow .offers .offerList .offer {
		display: inherit;
	}
	.mainRow .offers .offerList .offer .offerContent .offerText .offerPrice {
		position: relative;
		margin: inherit;
		bottom: 0;
	}
}

@media only screen and (max-width: 480px) {
	.roomlist .new_room .additionalprice .pricewrap {
		display: block;
		padding: 0;
	}
	.roomlist .new_room .additionalprice .pricewrap .first_column {
		width: calc(100% - 103px);
		margin: 0 auto 20px;
		padding: 0 3px;
	}
	.roomlist .new_room .additionalprice .pricewrap .pricetable_wrap {
		width: calc(100% - 100px);
		margin: auto;
	}
	.roomlist .new_room .additionalprice .pricewrap .pricetable_wrap .pricetable_new_slider .price_item .column {
		margin-right: 0;
	}
	.roomlist .new_room .additionalprice .pricewrap .slick-arrow {
		left: -43px!important;
	}
	.roomlist .new_room .additionalprice .pricewrap .slick-arrow.next {
		right: -45px!important;
	}
}