@media (min-width: 2561px) {
	
	#pics {
		height: 1400px;
	}

}

@media (min-width: 1921px) and (max-width: 2560px) {
	#pics {
		height: 1200px;
	}
	

}

@media (min-width: 1601px) and (max-width: 1920px) {
	#pics {
		height: 1000px;
	}

}

@media (min-width: 1431px) and (max-width: 1600px) {	
	
	#pics {
		height: 800px;
	}
	

}

@media (min-width: 1261px) and (max-width: 1430px) {
	#pics {
		height: 700px;
	}

}

@media (min-width: 1011px) and (max-width: 1260px) {
	#pics {
		height: 600px;
	}

}

@media (min-width: 711px) and (max-width: 1010px) {
	#pics {
		height: 460px;
	}
	
}

@media (min-width: 561px) and (max-width: 710px) {
	#pics {
		height: 350px;
	}
	
}

@media (min-width: 471px) and (max-width: 560px) {
	#pics {
		height: 260px;
	}

}


@media (min-width: 401px) and (max-width: 470px) {
	#pics {
		height: 260px;
	}

}

@media (min-width: 331px) and (max-width: 400px) {
	#pics {
		height: 225px;
	}
	
}

@media (min-width: 0) and (max-width: 330px) {
	#pics {
		height: 210px;
	}
	
}



/********************************************************************************************************************************************/
@media (max-width: 2200px) {
	#logo {
		left: 80px;
	}
	
	#nul {
		padding-left: 350px;
	}
}


/********************************************************************************************************************************************/
@media (max-width: 2000px) {

	#apartmentWrapper {
		margin: 0 0 160px 0;
		height: 600px;
	}

	#apartmentText {
		width: 53%;	
		height: 100%;
	}

	#apartmentText .apartmentContent {
		left: 0px;
		top: 0;
		width: 100%;	
		height: 100%;
		background-size: 100% 90%;
	}

	#apartmentText .apartmentContent h2 {
		margin: 200px 0 0 0;
		font-size: 4.125em;
		text-shadow: 2px 2px 5px #333;
	}

	#apartmentText .apartmentContent a {
		margin: 30px 0 0 150px;
		font-size: 1.5em;
		background-size: 30px 16px;
		padding: 0 45px 0 0;
	}

	#carouselWrapper {
		right: 50%;
		width: 1024px;
		margin: 0 -150px 0 0;
	}

	#carouselWrapper .carContent {
		background-position: center center;
		background-size: cover;
		height: 600px;
		width: 100%;
		margin: 0 0%;
		position: relative;
		float: left;
	}
}


/********************************************************************************************************************************************/
@media (max-width: 1860px) {
	
	
	#WABtn {
		right: 360px;
	}

	#WABtnV {
		right: 310px;
	}
	
	#logo {
		left: 40px;
	}
	
	#nul {
		padding-left: 300px;
	}
	
	#toplinks a {
		padding: 70px 0 0px 0;
		width: 130px;
		font-size: 1.5em;
	}

	#lang {
		right: 300px;
	}
	
	div#fBlock3 {
		margin-right: -780px;
		width: 550px;
	}
	
	#extraContent {
		font-size: 1.125em;
	}
	
	#extraContent .xContent {
		width: 1400px;
		padding: 0 800px 0 0;
	}
	
	#extraContent2 .xContent {
		padding: 0 0 0 800px;
	}
	
	#navi li li a,
	#navi li li.selected a,
	#navi li.selected li a,
	.sticky #navi li li a,
	.sticky #navi li.selected li a {
		font-size: 1em;
	}
	
	#navi li a {
		padding: 15px 27px 0px 27px;
	}
	
	#carouselWrapper {
		margin: 0 -250px 0 0;
	}
	
	#apartmentText {
        width: 45%;
    }
}


/**************************************************************************************************************************************/
@media (max-width: 1600px) {
	
	#WABtn {
		top: 10px;
		right: 50%;
		margin-right: -200px;
	}

	#WABtnV {
		top: 10px;
		right: 50%;
		margin-right: -250px;
	}
	
	#reqContent span {
		font-size: 1.45em;
	}
	
	#reqContent div.oneOne {
		width: 700px;
	}
	
	#secondOuterWrapper {
		margin: 0px 0 30px 0;
	}
	
	div#fBlock3 {
		margin-right: -680px;
		width: 450px;
	}
	
	#extraContent3 .xContentPic {
		right: 0;
		margin: 0 0 0 0;
	}

	#extraContent .xContent {
		width: 1300px;
		padding: 0 750px 0 0;
	}
	
	#extraContent2 .xContent {
		padding: 0 0 0 750px;
	}
	
	#extraContent2 .xContentPic {
		height: 80%;
		top: 90px;
	}
	
	#buttonBox a {
		margin: 0px 60px 50px 60px;
	}
	
	#infoBox {
		width: 1200px;
	}
	
	#lang {
        right: 50%;
		margin-right: -391px;
		top: 15px;
		font-size: 1.25em;
	}
	
	#logo {
		left: 30px;
	}
	
	#navi {
		text-align: center;
	}
	
	#nul {
		padding-left: 0px;
	}
	
	#navi li a {
		font-size: 1.25em;
	}
	
	#carouselWrapper {
		margin: 0 -350px 0 0;
	}
	
	#apartmentText {
        width: 43%;
    }
	
	#toplinks a {
		padding: 73px 0 0px 0;
		width: 110px;
		font-size: 1.25em;
	}
	
	#content h1, #content h2 {
		font-size: 2.75em;
	}
	
	#infoBox h3 {
		font-size: 1.85em;
	}
	
	
	
}


@media (max-width: 1556px) {

	#content .roomGallery a {
		height: 16.066838vw;
	}
}


/* *************************************************************************************************************************************/
@media (max-width: 1400px) {
	
	.startNews {
		font-size: 0.7em;
	}
	
	.anfrage div.second3 {
		
	}
	
	#firstContent {
		font-size: 1.5em;
	}
	
	#firstContent h1, #firstContent h2 {
		font-size: 1.25em;
	}
	
	#secondOuterWrapper {
		margin: 0px 0 0px 0;
	}
	
	div#fBlock3 {
		margin-right: -600px;
		width: 380px;
	}
	
	#infoBox {
		width: 1180px;
	}
	
	#buttonBox a {
		margin: 0px 50px 50px 50px;
	}
	
	#infoBox h2 {
		font-size: 3em;
	}
	
	#infoBox p {
		position: relative;
		float: left;
		width: 96%;
		margin: 0 0 0 2%;
		font-size: 1.25em;
		font-weight: 400;
	}
	
	#apartmentWrapper {
		margin: 0 0 160px 0;
		height: 480px;
	}
	
	#carouselWrapper {
		right: 50%;
		width: 800px;
		margin: 0 -200px 0 0;
	}
	
	#carouselWrapper .carContent {
		height: 480px;
	}
	
	#apartmentText .apartmentContent h2 {
		margin: 165px 0 0 0;
		font-size: 3em;
		text-shadow: 2px 2px 5px #333;
	}
	
	#extraContent .xContent {
		width: 1200px;
		padding: 0 680px 0 0;
	}
	
	#extraContent h2 {
		font-size: 2.125em;
		margin: 0 0 35px 0;
	}
	
	#extraContent2 .xContent {
		padding: 0 0 0 650px;
	}
	
	#navi li a {
		font-size: 1.125em;
		padding: 15px 23px 0px 23px;
	}
	
	#navi li li a, #navi li li.selected a, #navi li.selected li a, .sticky #navi li li a, .sticky #navi li.selected li a {
		font-size: 0.9em;
	}
	
	#nul {
		padding-left: 40px;
	}
	
	#lang {
		margin-right: -374px;
		font-size: 1.125em;
	}
	
	#content h1, #content h2 {
		font-size: 2.35em;
	}

}

/* 1024 *************************************************************************************************************************************/
@media (max-width: 1260px) {
	
	
	div#reviewBlock {
		left: 5%;
		margin-left: 0px;
		top: 480px;
	}

	div#tripadvisorBlock {
		left: 5%;
		margin-left: 0px;
		top: 655px;
	}

	div#bookingComBlock {
		left: 5%;
		margin-left: 0px;
		top: 810px;
	}
	
	div#reviewGoogleBlock img {
		width: 100px;
		height: auto;
	}
	
	div#reviewGoogleBlock {
		left: auto;
		right: 46px;
		margin-left: 0;
		top: 802px;
	}
	
	div#kayakBox img {
		width: 100px;
		height: auto;
	}
	
	div#kayakBox {
		left: auto;
		right: 46px;
		margin-right: 124px;
		top: 802px;
	}

	
	#footer div#callback {
		top: 316px;
		right: auto;
		margin-right: 0px;
		left: 5%;
		margin-left: 170px;
	}
	
	#WABtn {
		top: 10px;
		right: 334px;
		margin-right: 0;
	}

	#WABtnV {
		top: 10px;
		right: 284px;
		margin-right: 0px;
	}
	
	#reqContent {
		font-size: 1.25em;
	}
	
	#reqContent span {
		font-size: 1.25em;
	}
	
	#reqContent label {
		padding: 45px 0px 0 0px;
	}
	
	#reqContent div.first, #reqContent div.second, #reqContent div.fourth {
		height: 64px;
	}
	
	#reqContent div.oneOne {
		width: 500px;
	}
	
	#reqContent div.oneOne {
		height: 100px;
	}
	
	#reqContent span#sendSpan {
		margin: 20px 20px 0 0px;
		padding: 18px 26px 0 26px;
		height: 60px;
	}
	
	
	#content .roomBookingBlockPart a {
		width: 65%;
	}
	
	.anfrage div.second3 {
		width: auto;
	}
	
	#apartmentWrapper {
		margin: 0 0 160px 0;
		height: 380px;
	}
	
	#carouselWrapper {
		right: 50%;
		width: 640px;
		margin: 0 -170px 0 0;
	}
	
	#carouselWrapper .carContent {
		height: 380px;
	}
	
	#apartmentText {
		width: 48%;
	}
	
	#apartmentText .apartmentContent h2 {
		margin: 123px 0 0 0;
		font-size: 2.75em;
		text-shadow: 2px 2px 5px #333;
	}
	
	#apartmentText .apartmentContent a {
		margin: 30px 0 0 100px;
		font-size: 1.35em;
	}
	
	#content h1, #content h2 {
		font-size: 2.125em;
	}
	
	#bWrapper {
		padding: 0px 0 220px 0;
	}
	
	#infoBox {
		width: 90%;
	}
	
	#infoBox h3 {
		font-size: 1.35em;
		margin: 25px 0 18px 0;
	}
	
	#infoBox p {
		font-size: 1em;
	}
	
	#newsBox {
		height: 317px;
	}
	
	.eventTitle {
		font-size: 1.25em;
		margin: 10px 0 10px 0;
	}
	
	.eventItem {
		height: 83px;
		padding: 10px 10px 0 10px;
		line-height: 1em;
	}
	
	.eventLink {
		font-size: 1em;
	}
	
	.eventDate {
		font-weight: 300;
	}
	
	.eventLink a {
		background-size: 20px 10px;
		padding: 0 30px 0 0;
	}
	
	#extraContent .xContentPic {
		width: 650px;
	}
	
	#extraContent .xContent {
		width: 900px;
		padding: 0 500px 0 0;
	}
	
	#extraContent2 .xContent {
		padding: 0 0 0 500px;
	}
	
	#extraContent2 .xContentPic {
		height: 100%;
		top: 0px;
		width: 50%;
	}
	
	#extraContent3 .xContentPic {
		height: 70%;
		top: 10%;
	}
		
	#extraContent1 .xContentPic {
		height: 110%;
		width: 51%;
	}
	
	#extraContent2 .xContent .inner {
		padding: 90px 0px 80px 0;
	}
	
	#extraContent h2 {
        font-size: 1.65em;
        margin: 0 0 30px 0;
    }
	
	#buttonBox a {
		margin: 0px 20px 50px 20px;
	}
	

		
	#fBlock1 {
		width: 45%;
		margin: 12px 0 0 5%;
	}
	
	#fBlock2 {
		width: 45%;
		text-align: right;
		font-size: 1.5em;
		padding: 0 0 100px 0;
	}
	
	div#fBlock3 {
		margin-right: 0px;
		width: 380px;
		right: 5%;
		top: 550px;
	}
	
	#lang {
		margin-right: 0px;
		right: 282px;
		font-size: 1.25em;
		top: 74px;
		font-weight: 400;
	}
	
	#nul {
		display: none;
	}
	
	#mnfield {
		width: 100%;
		height: 130%;
		z-index: 572;
		background-image: url(../img/dark.png);
	}

	.nhide, .hide {display: none;}
	.nshow, .mshow  {display: block;}

	#mbtn {
		display: block;
		right: 400px;		 
		margin-left: 0;
		top: 51px;
		text-align: center;
		color: #fff;
		font-size: 1.25em;
		height: 60px;
		padding: 3px 0;
		width: 150px;
		z-index: 580;
		cursor: pointer;
		border: 0px solid #fff;
		text-transform: uppercase;
		font-weight: 400;
		line-height: 1em;
	}
	
	.noStickyMbtn {
		position: fixed;	
	}
	
	.stickyMbtn {
		position: fixed;
		/* margin-top: -200px; */
	}
	
	#naviicon {
		width: 100%;
		height: 100%;
		position: absolute;
		right: 0px;
		top: 0px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		/* -webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out; */
		cursor: pointer;
		overflow: hidden;
		}
	
	#naviicon div {
		position: absolute;
		top: 23px;
		right: 30px;
		padding: 0 0 2px 0;
	}
	
	#naviicon:hover div,
	#naviicon div:hover {
		border-bottom: 1px solid #fff;
	}

	#naviicon span {
		display: block;
		position: absolute;
		height: 2px;
		width: 32px;
		background: #fff;
		border-radius: 0px;
		opacity: 1;
		left: 0px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	#naviicon span:nth-child(1) {
		top: 22px;
		opacity: 1;
	}

	#naviicon span:nth-child(2),#naviicon span:nth-child(3) {
		top: 32px;
	}

	#naviicon span:nth-child(4) {
		top: 42px;
		opacity: 1;
	}

	#naviicon.open span:nth-child(1) {
		width: 0%;	
		opacity: 0;
	}

	#naviicon.open span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#naviicon.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	#naviicon.open span:nth-child(4) {
		width: 0%;
		opacity: 0;
	}

	.hideMenu {
		display: block;
		height: 0px;
		max-height: 0;
	}
	
	.mshowMenu {
		display: block;
		height: auto;
		max-height: 2050px;
	}
	
	#mnavi {
		top: 70px;
		right: 579px;		 
		

		/*
		margin-left: -344px;
		-webkit-box-shadow: 0px 0px 3px #000;
		-moz-box-shadow: 0px 0px 3px #000;
		box-shadow: 0px 0px 3px #000;
		*/

		width: 220px;
		padding: 0px 0px 0px 0px;		
		background: none;
		z-index: 575;
		overflow: hidden;
		/* -webkit-transition: all 0.75s ease-in;
		-moz-transition: all 0.75s ease-in;
		-o-transition: all 0.75s ease-in;
		-ms-transition: all 0.75s ease-in;
		transition: all 0.75s ease-in; */
	}
	
	.noStickyMnavi {
		position: absolute;	
	}
	
	.stickyMnavi {
		position: fixed;
		margin-top: -200px;
	}

	#mnavi li {
		list-style-type: none;
		display: block;
		width: 100%;
		box-sizing: content-box;
	}

	#mnavi li a {
		text-decoration: none;
		display: block;
		position: relative;
		float: left;
		padding: 7px 10px 6px 10px;
		width: 200px;
		color: #000;
		font-size: 1em;
		letter-spacing: 0px;
		text-transform: uppercase;
		background-color: #eceded;
		margin-bottom: 1px;	
		font-weight: 300;
		box-sizing: content-box;
	}
	
	#mnavi li:last-of-type a {
		margin-bottom: 0px;	
	}
	
	#mnavi li.selected a {
		color: #fff;
		background-color: #8bad99;
	}

	#mnavi li a:hover {
		color: #fff;
		background-color: #723c50;
	}

	#mnavi li li a,
	#mnavi li.selected li a	{
		background-color: #fff;
		width: 185px;
		margin: 0 0 0 0;
		padding: 5px 10px 5px 25px;
		font-size: 1em;
		font-weight: 300;
		color: #000;
		border-bottom: 1px solid #eceded;
		text-transform: none;
	}

	#mnavi li.selected li.selected a {
		color: #fff;
		background-color: #8bad99;
	}
	
	#mnavi li.selected li a:hover,
	#mnavi li.selected li.selected a:hover {
		color: #fff;
		background-color: #723c50;
	}
}

/*  *************************************************************************************************************************************/
@media (max-width: 1200px) {

	.priceContentBox {
		width: 33.33333333333%;
	}
	
	.priceContentBox:nth-child(4n+1) {
		clear: none;
	}
	
	.priceContentBox:nth-child(3n+1) {
		clear: both;
	}
}


/* Tablet *************************************************************************************************************************************/
@media (max-width: 1010px) {
	
	.startNews {
		font-size: 0.9em;
	}
	
	#firstContent .startNewsText h2 {
		font-size: 1.125em;
	}
	
	#WABtn {
		top: 10px;
		right: 394px;
		margin-right: 0;
	}

	#WABtnV {
		top: 10px;
		right: 348px;
		margin-right: 0px;
	}
	
	
	.size3 .roomBookingBlockPart, 
	.size4 .roomBookingBlockPart {
		width: 50%;
	}
	
	.size3 .roomBookingBlockPart:first-of-type,
	.size4 .roomBookingBlockPart:first-of-type {
		width: 100%;
	}
	
	#content .roomBookingBlockPart a {
		width: 80%;
		font-size: 1.75em;
	}
	
	#content .roomBookingBlockPart:first-of-type a {
		width: 90%;
	}
	
	#container {
		margin: 123px auto 0 auto;
	}
	
	#carouselWrapper .carContent h2 {
		font-size: 3.5vw;
		bottom: 30px;
	}
	
	#firstContent {
		font-size: 1.125em;
	}
	
	#content, #contentFeed {
		font-size: 1.1em;
	}
	
	#apartmentWrapper {
		margin: 0 0 120px 0;
		height: 39vw;
	}
	
	#carouselWrapper {
		right: 50%;
		width: 66.6666667vw;
		margin: 0 -20vw 0 0;
	}
	
	#carouselWrapper .carContent {
		height: 39vw;
	}
	
	#apartmentText {
		width: 48%;
	}
	
	#apartmentText .apartmentContent h2 {
		margin: 13vw 0 0 0;
		font-size: 4vw;
		text-shadow: 2px 2px 5px #333;
	}
	
	#apartmentText .apartmentContent a {
		margin: 20px 0 0 50px;
		font-size: 1.125em;
		background-size: 20px 10px;
        padding: 0 35px 0 0;
	}
	
	#extraContent {
        font-size: 1em;
    }
	
	#extraContent .xContent {
		width: 90%;
		padding: 0 50% 0 0;
	}
	
	#extraContent1 .xContentPic {
		height: 100%;
		width: 45%;
	}
	
	#extraContent h2 {
		font-size: 1.45em;
		margin: 0 0 20px 0;
	}
	
	#extraContent2 .xContent {
		padding: 0 0 0 50%;
	}
	
	#extraContent2 .xContent .inner {
		padding: 50px 0px 80px 0;
	}
	
	#extraContent2 .xContentPic {
		border-top: 30px solid #723c50;
		border-right: 30px solid #723c50;
		border-bottom: 30px solid #723c50;
	}
	
	#extraContent2 .xContentPic {
		height: 90%;
		top: -10px;
		width: 50%;
	}

	#extraContent3 .xContent .inner {
		padding: 20px 0px 125px 0;
	}	
	
	#extraContent3 .xContentPic {
		width: 50%;
	}
	
	#bottomLine {
		font-size: 1.125em;
	}
	
	div#fBlock3 {
		width: 320px;
	}
	
	#lang {
		right: 242px;
		top: 21px;
	}
	
	#toplinks a {
		padding: 82px 0 0px 0;
	}
	
	#mbtn {
		right: 215px;
		top: 60px;
	}
	
	#mnavi {
		right: 394px;
	}
	
	#buttonWrapper {
		width: 100%;;
	}
	
	#buttonBox a {
		width: 120px;
		height: 100px;
		margin: 0px 0px 50px 0px;
	}
	
	#buttonBox {
		margin: 0 0 0 0;
		padding: 0px 0 0 0;
		height: 152px;
	}
	
	#buttonBox a span {
		width: 160px;
		margin: 100px 0 0 -20px;
		font-size: 1.25em;
	}
	
	#infoBox h2 {
		font-size: 2.25em;
	}
	
	#infoBox .secondbox {
		width: 50%;
	}	
	
	#infoBox #eventBoxSec {
		position: absolute;
		float: none;
		width: 50%;
		left: 25%;
		top: 80px;
		margin: 0 0 0 0;
	}
	
	#infoBox #camIT {
		margin: 490px 0 0 0;
	}	
	
	#infoBox #calcIT {
		margin: 450px 0 0 0;
	}
	
	#bWrapper {
		padding: 0px 0 280px 0;
	}
}

/* *************************************************************************************************************************************/
@media (max-width: 900px) {
	#reqContent {
		font-size: 1em;
	}
	
	#reqContent div.oneOne {
		width: 400px;
		height: 90px;
	}
	
	#reqContent label {
		padding: 35px 0px 0 0px;
	}
	
	#reqContent div.first, #reqContent div.second, #reqContent div.fourth {
		height: 54px;	
	}
	
	#reqContent span#sendSpan {
		margin: 20px 20px 0 0px;
		padding: 15px 20px 0 20px;
		height: 50px;
	}
		
}

/* *************************************************************************************************************************************/
@media (max-width: 860px) {
	
	.startNewsText {
		width: 100%;
	}

	.startNewsPic {
		width: 70%;
	}
}

/*  *************************************************************************************************************************************/
@media (max-width: 800px) {

	.priceContentBox {
		width: 50%;
	}
	
	.priceContentBox:nth-child(3n+1) {
		clear: none;
	}
	
	.priceContentBox:nth-child(2n+1) {
		clear: both;
	}
}


/* Smartphone Landscape *************************************************************************************************************************************/
@media (max-width: 710px) {
	
	#footer div#callback {
        top: 490px;
        margin-left: 0px;
    }
	
	#iFooter {
        padding: 0px 0 540px 0;
    }
	
	
	div#reviewBlock {
		left: 5%;
        margin-left: 0px;
        top: 800px;
	}

	div#tripadvisorBlock {
		left: 50%;
        margin-left: -84px;
        top: 800px;
	}
	
	div#reviewGoogleBlock {
         top: 800px;
    }
	
	div#reviewGoogleBlock img {
        width: 130px;
        height: auto;
    }

	div#bookingComBlock {
		left: 5%;
        margin-left: 0px;
        top: 970px;
	}
	
	div#kayakBox img {
        width: 139px;
        height: auto;
    }
	
	div#kayakBox {
        right: auto;
        margin-right: 0;
        top: 640px;
        left: 5%;
        margin-left: 0;
    }

	
	#logo {
        left: 20px;
    }
	
	#toplinks a {
        width: 100px;
    }
	
	#WABtn {
		top: 10px;
		right: 268px;
		margin-right: 0;
	}

	#WABtnV {
		top: 10px;
		right: 224px;
		margin-right: 0px;
	}
	
	#content .roomBookingBlockPart a {
		font-size: 1.9em;
	}
	
	#sendSpan span {
		display: none;
	}
	
	#reqContent span#sendSpan {
		margin: 12px 12px 0 0px;
		padding: 15px 15px 0 15px;
		height: 50px;
	}
	
	#reqContent div.oneOne {
		width: 350px;
		height: 74px;
	}
	
	#reqContent div.first, #reqContent div.second, #reqContent div.fourth {
		margin: 10px 0 0 0;
	}
	
	.roomBookingBlockPart .fromPrice span {
		font-size: 1.85em;
	}
	
	.anfrage div.second3 {
		
	}
	
	#infoBox h2 {
		font-size: 1.75em;
	}
	
	#infoBox #eventBoxSec {
		width: 70%;
		left: 15%;
	}
	
	#infoBox h3 {
		font-size: 1.25em;
		margin: 20px 0 18px 0;
	}
	
	#bottomLine {
		font-size: 1em;
	}
	
	div#fBlock3 {
		top: 580px;
	}
	
	#fBlock2 {
		font-size: 1.35em;
	}
	
	#buttonBox a {
		width: 80px;
		height: 80px;
		margin: 0px 10px 50px 10px;
		background-size: 400px 160px;
	}
	
	#buttonBox a#wetter 	{background-position: -80px 0px}
	#buttonBox a#webcam 	{background-position: -160px 0px}
	#buttonBox a#location 	{background-position: 0px 0px}
	#buttonBox a#bahn 		{background-position: -320px 0px}
	#buttonBox a#sppreise 	{background-position: -240px 0px}
	
	#buttonBox a#wetter:hover 	{background-position: -80px -80px}
	#buttonBox a#webcam:hover	{background-position: -160px -80px}
	#buttonBox a#location:hover {background-position: 0px -80px}
	#buttonBox a#bahn:hover 	{background-position: -320px -80px}
	#buttonBox a#sppreise:hover {background-position: -240px -80px}
	
	#buttonBox a span {
		position: absolute;
		width: 140px;
		text-align: center;
		margin: 70px 0 0 -30px;
		font-size: 1.1em;
	}
	
	#buttonBox {
		height: 106px;
	}
	
	#extraContent {
		font-size: 0.9em;
	}
	
	#extraContent1 .xContentPic {
		height: 50%;
		width: 40%;
		margin: 80px 0 0 0;
	}
	
	#extraContent .xContent {
		width: 90%;
		padding: 0 40% 0 0;
	}
	
	#extraContent2 .xContent {
		padding: 0 0 0 40%;
	}
	
	#extraContent2 .xContentPic {
		height: 70%;
		top: 30px;
		width: 40%;
		border-top: 10px solid #723c50;
		border-right: 10px solid #723c50;
		border-bottom: 10px solid #723c50;
	}
	
	#extraContent2 .xContent .inner {
		padding: 0px 0px 20px 0;
	}
	
	#extraContent3 .xContent {
		z-index: 100;
	}
	
	#extraContent3 .xContentPic {
		z-index: 50;
		top: 5%;
		width: 45%;
	}
	
	#content {
		font-size: 1em;
		padding: 55px 0px 5px 0px;
	}
	
	#contentFeed {
		font-size: 1em;
	}
	
	#content h1, #content h2 {
		font-size: 1.85em;
	}
	
	#content h3 {
		font-size: 1.125em;
	}
	
	#apartmentWrapper {
		margin: 0 0 100px 0;
	}
	
	#apartmentText .apartmentContent a {
		margin: 20px 0 0 40px;
		font-size: 1em;
		background-size: 20px 10px;
		padding: 0 30px 0 0;
	}
	
	#toplinks {
		width: 110px;
	}
	
	#toplinks a {
		height: 50%;
		padding: 21px 0 0px 0;
	}
	
	#mbtn {
		right: 93px;
		width: 140px;
	}
	
	#lang {
		right: 120px;
	}
	
	#mnavi {
		right: 252px;
	}
	
	#content h1, #content h2 {
		font-size: 1.65em;
		margin: 0 0 30px 0;
	}
}

/* Smartphone Landscape *************************************************************************************************************************************/
@media (max-width: 660px) {
	
    div#tripadvisorBlock {
        left: auto;
		right: 46px;
        margin-left: 0;
    }
	
	div#reviewGoogleBlock {
        top: 962px;
    }
}


/* Smartphone Landscape *************************************************************************************************************************************/
@media (max-width: 650px) {
	.accoClass {
		width: 100%;
		margin: 0px 0% 30px 0%;
	}
	
	#iFooter {
        padding: 0px 0 580px 0;
    }
}

/* Smartphone Landscape *************************************************************************************************************************************/
@media (max-width: 600px) {
	
	#iFooter {
        padding: 0px 0 750px 0;
    }
	
	div#reviewGoogleBlock {
        top: 1100px;
		left: 5%;
		right: auto;
    }
	
	div#kayakBox img {
        width: 130px;
        height: auto;
    }
	
	div#kayakBox {
        top: 1100px;
		left: 5%;
		margin-left: 150px;
		right: auto;
    }
}


/* Smartphone Landscape *************************************************************************************************************************************/
@media (max-width: 560px) {
	
	.startNewsText {
		width: 100%;
	}

	.startNewsPic {
		width: 100%;
	}
	
	 #footer div#callback {
        top: 460px;
        margin-left: 0px;
        left: auto;
        right: 5%;
    }
	
	#WABtn {
		top: 140px;
		right: 20px;
		margin-right: 0;
	}

	#WABtnV {
		top: 140px;
		right: 70px;
		margin-right: 0px;
	}
	
	#content .roomBookingBlockPart a {
		font-size: 1.5em;
		height: 74px;
        padding: 20px;
	}
	
	#requestBox {
		display: none;
	}
	
	#pricePart, #sketchPart {
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	#content ul.amenities li {
		width: auto;
		position: relative;
		float: none;
	}
	
	.anfrage div.second3 {
		
	}
	
	#carouselWrapper .carContent h2 {
		bottom: 20px;
	}
	
	#firstContent {
		padding: 80px 0px 55px 0px;
	}
	
	#firstOuterWrapper {
		margin: 0px 5% 40px 5%;
	}
	
	#fBlock2 {
		font-size: 1.1em;
	}
	
	div#fBlock3 {
		top: 550px;
		width: 360px;
		right: 0;
	}
	
	#cboxClose{
		top: 3px;
		right: -15px;
	}
	
	#buttonBox a {
		width: 60px;
		height: 80px;
		margin: 0px 5px 50px 5px;
		background-size: 400px 160px;
	}
	
	#buttonBox a#wetter 	{background-position: -90px 0px}
	#buttonBox a#webcam 	{background-position: -170px 0px}
	#buttonBox a#location 	{background-position: -10px 0px}
	#buttonBox a#bahn 		{background-position: -330px 0px}
	#buttonBox a#sppreise 	{background-position: -250px 0px}
	
	#buttonBox a#wetter:hover 	{background-position: -90px -80px}
	#buttonBox a#webcam:hover	{background-position: -170px -80px}
	#buttonBox a#location:hover {background-position: -10px -80px}
	#buttonBox a#bahn:hover 	{background-position: -330px -80px}
	#buttonBox a#sppreise:hover {background-position: -250px -80px}
	
	#buttonBox a span {
		position: absolute;
		width: 110px;
		text-align: center;
		margin: 70px 0 0 -25px;
		font-size: 1em;
		text-transform: none;
	}
	
	#infoBox h2 {
		font-size: 1.25em;
	}
	
	#infoBox #eventBoxSec {
		top: 50px;
	}
	
	#newsBox {
		border: 8px solid #fff;
		height: 297px;
	}
	
	#infoBox #eventBoxSec {
		width: 80%;
		left: 10%;
	}
	
	#infoBox {
		margin: 70px auto 0 auto;
	}
	
	#infoBox .secondbox {
		width: 80%;
	}
	
	#infoBox p.newsTxt {
		width: 90%;
		margin: 0 0 0 5%;
	}
	
	#infoBox #camIT {
		margin: 413px 0 0 10%;
	}
	
	#infoBox #calcIT {
		margin: 50px 10% 0 0;
	}
	
	#infoBox .secondbox img {
		border: 8px solid #fff;
	}
	
	#extraContent1 .xContent .inner {
		padding: 0px 0px 20px 0;
	}
	
	#extraContent .xContent {
		width: 90%;
		margin: 0 0 0 5%;
		padding: 0 0% 0 0;
		float: left;
	}
	
	#extraContent1 .xContentPic {
		height: 50vw;
		width: 90%;
		margin: 0px 5% 40px 0%;
		position: relative;
		float: right;
		top: auto;
		right: auto;
	}
	
	#extraContent2 .xContentPic {
		height: 50vw;
		top: auto;
		width: 90%;
		margin: 0px 5% 40px 5% ;
		border: 10px solid #723c50;
		position: relative;
		float: left;
	}	
	
	#extraContent3 .xContentPic {
		z-index: 50;
		top: auto;
		width: 90%;
		margin: 0px 5% 40px 5% ;
		position: relative;
		float: left;
		height: 50vw;
	}
	
	#extraContent3 .xContent .inner {
		padding: 20px 0px 20px 0;
	}
	
	#toplinks {
        width: 90px;
    }
	
	#toplinks a {
		width: 90px;
		font-size: 1em;
	}
	
	#logo {
		left: 20px;
		width: 180px;
		top: 22px;
	}
	
	#lang {
		right: 110px;
	}
	
	#mbtn {
		right: 114px;
		width: 32px;
	}
	
	#mbtn #naviicon div {
		display: none;
	}
	
	#mnavi {
		right: 155px;
	}
	
	#content h1, #content h2 {
		font-size: 1.5em;
		margin: 0 0 30px 0;
	}
	
	.nomo {
		display: none;
	}
	
	#apartmentText .apartmentContent a {
		margin: 15px 0 0 40px;
		font-size: 0.9em;
	}
	
	#apartmentWrapper {
		margin: 0 0 70px 0;
	}
	
	.eventTitle {
		font-size: 1.125em;
	}
	
	
	.anfrage .accoBox div.second3 {
		max-width: 200px;
	}
	
}

@media (max-width: 460px) {
	#iFooter {
        padding: 0px 0 870px 0;
    }
	
	div#reviewBlock {
        left: 5%;
        margin-left: 0px;
        top: 750px;
    }
	
	div#tripadvisorBlock {
        left: 5%;
        margin-left: 0px;
        top: 920px;
    }
	
	div#bookingComBlock {
        left: 5%;
        margin-left: 0px;
        top: 1070px;
    }
	
	div#reviewGoogleBlock {
        top: 1190px;
    }
	
	div#kayakBox {
        top: 1190px;
    }
}


/* Smartphone *************************************************************************************************************************************/
@media (max-width: 420px) {
	
	.anfrage .accoBox div.first3,
	.anfrage .accoBox div.second3	{
		width: 100%;
		text-align: left;
	}
	
	.anfrage .accoBox div.second3 select	{
		margin: 6px 0 0 0;
	}
	
	.anfrage div.second3 {
		
	}
	
	#content {
		font-size: 0.9em;
	}
	
	#contentFeed {
		font-size: 0.9em;
	}
	
	div#fBlock3 {
		width: 300px;
	}
	
	#fBlock1 a:first-of-type {
		margin-right: 20px;
	}
	
	#fBlock2 {
		font-size: 1em;
	}
	
	#infoBox .secondbox {
		width: 90%;
	}
	
	#infoBox #eventBoxSec {
		width: 90%;
		left: 5%;
	}
	
	#infoBox #camIT {
		margin: 413px 0 0 5%;
	}
	
	#infoBox #calcIT {
		margin: 50px 5% 0 0;
	}
	
	#buttonBox {
		height: 188px;
	}
	
	#buttonBox a {
		margin: 0px 25px 0px 25px;
	}
	
	#firstContent {
		font-size: 1em;
	}
	
	#apartmentText .apartmentContent a {
		margin: 12px 0 0 30px;
		font-size: 0.9em;
	}
	
	#toplinks {
        width: 80px;
    }
	
	#toplinks a {
		width: 80px;
		font-size: 0.9em;
	}
	
	#mbtn {
		right: auto;
		left: 11px;
		width: 32px;
	}
	
	#naviicon span {
		background: #1a171b;
	}
	
	#mnavi {
		right: auto;
		left: 50px;
	}
	
	#lang {
		right: auto;
		left: 7px;
		font-size: 1em;
		top: 10px;
		color: #000;
	}
	
	#lang a {
		color: #000;
	}
	
	#logo {
		left: 50%;
		margin-left: -90px;
		width: 180px;
		top: 22px;
	}
	
	#apartmentText .apartmentContent a {
		margin: 12px 0 0 30px;
		font-size: 0.8em;
	}
	
	#firstContent {
		padding: 60px 0px 50px 0px;
	}

}


/* Smartphone *************************************************************************************************************************************/
@media (max-width: 370px) {
	
	#bookingComBlock img {
		width: 270px;
		height: auto;
	}
	
	#WABtn {
		top: 120px;
		right: 20px;
		margin-right: 0;
	}

	#WABtnV {
		top: 120px;
		right: 70px;
		margin-right: 0px;
	}
	
	.anfrage div.second3 {
		
	}
	
	#toplinks {
		display: none;
	}
	
	#buttonBox a {
		margin: 0px 20px 0px 20px;
	}
	
	#mnavi {
		right: 50px;
		left: auto;
	}
	
	#lang {
		right: 7px;
		left: auto;
	}
	
	#mbtn {
		right: 11px;
		left: auto;
		top: 40px;
	}
	
	#logo {
		left: 16px;
		top: 10px;
		margin-left: 0;
	}
	
	#top {
		height: 100px;
	}
	
	#container {
		margin: 99px auto 0 auto;
	}

}