/* Desktop 1180px */
@media screen and (min-width: 1200px) and (max-width: 1420px){
	body {
		
	}
	.mobile-only {
		display: none;
	}
	.tablet-only {
		display: none;
	}
	.desktop-small-only {
		display: none;
	}
	.desktop-medium-only {
		display: block;
	}
	.desktop-large-only {
		display: none;
	}
	.wrapper {
		width:965px;
	}
	
}

/* Desktop 960px */
@media screen and (min-width: 980px) and (max-width: 1200px){
	body {
		
	}
	.mobile-only {
		display: none;
	}
	.tablet-only {
		display: none;
	}
	.desktop-small-only {
		display: block;
	}
	.desktop-medium-only {
		display: none;
	}
	.desktop-large-only {
		display: none;
	}
	.wrapper {
		width:940px;
	}
	#newsletterEmail {
		width:250px;
	}
	#navigation ul li a {
		font-size:13px;
		padding:15px 10px 0px 10px;
	}
	.packageTeaser {
		width:100%;
		height:auto;
	}
	
}

/* Tablet */
@media screen and (min-width: 740px) and (max-width: 980px){
	body {
		
	}
	article h1 strong, article h2 strong {
		font-size:30px;
		line-height:40px;
		margin-top:4px;
	}
	.mobile-only {
		display: none;
	}
	.tablet-only {
		display: block;
	}
	.desktop-small-only {
		display: none;
	}
	.desktop-medium-only {
		display: none;
	}
	.desktop-large-only {
		display: none;
	}
	.wrapper {
		width:95%;
	}
	.col25 {
		width:50% !important;
	}
	#uspWrapper .col25 {
		min-height:70px;
	}
	.newsletterLeft, .newsletterRight,.col45, .col50 {
		float:none !important;
		width:100%;
	}
	.newsletterRight {
		padding-top:15px;
	}
	#quickBooking, #navigation {
		display:none;
	}
	#navigationToggle, #mobileQuickBooking {
		display:block;
	}
	.sideBar, .sideBarNeighbor {
		width:100%;
		float:none;
		margin:0;
	}
	.p30 {
		padding:30px;
	}
	.redHooks ul li {
		width:44%;
	}
	.contentDivider, .roomOverview .contentDivider {
		width:100% !important;
	}
	#mobileQuickBooking, #mobileQuickBooking h2, #mobileQuickBooking h2 strong {
		font-size:20px !important;
	}
	
	.conferencePackage {
		float:none;
		width:100%;
		margin-top:3%;
	}
	
}

/* Mobile */
@media only screen and (min-width: 18.75em) and (max-width: 740px) {
	
	.packageTeaser {
		width:100%;
		height:auto;
	}
	.conferencePackage {
		float:none;
		width:100% !important;
		margin-top:3%;
	}
	.meetingRoomCapacity {
		width:98%;
		margin-top:0;
	}
	.wrapper {
		max-width:95%;
	}
	
	.meetingRoomPrice strong {
		font-size: 36px;
	}
	.meetingRoomCapacity img {
		float: left;
		margin:0 !important;
		margin-right:2% !important;
		width: 15%;
	}
	.meetingRoomCapacity .capacity {
		float: right;
		padding: 10px 0px 0px 0px;
		text-align: left;
		width: 78%;
		border:0;
	}
	.pressItem img {
		float: none !important;
		margin-right: 0px !important;
		margin-bottom: 15px !important;
		width:80% !important;
		height:auto !important;
	}
	article h2 strong {
		font-size: 24px !important;
		line-height: 30px !important;
	}
	#seminarForm .width50, #contactForm .width50 {
		width:100%;
	}
	.galleryTile {
		width:48%;
		display:block;
		float:left;
		margin:0px 1%;
		margin-top:10px;
	}
	#slideshowIndex {
		bottom: 20px;
	}
	.headerSlideshowItem h2 {
		font-size: 30px;
		left: 70px;
		top:25%;
	}
	.headerSlideshowItem p {
		font-size: 20px;
		left: 70px;
		line-height: 30px;
		text-shadow: 0 0 10px rgba(10, 10, 10, 1);
		top: 35%;
	}
	
	.packageTeaserWrapper .width50 {
		width:100%;
	}
	.packageTeaserWrapper .pt10,.packageTeaserWrapper .pr10, .packageTeaserWrapper .pb10,.packageTeaserWrapper .pl10 {
		padding:0;
	}
	.packageTeaserWrapper img {
		width:100%;
		display:block;
		margin-bottom:10px;
	}
	
	article h1, article h2 {
		font-size: 22px;
		line-height: 25px;
	}
	article h1 strong, article h2 strong {
		font-size:30px;
		line-height:40px;
		margin-top:4px;
	}
	
	p {
		font-size:18px;
	}
	.mobile-only {
		display: block;
	}
	.tablet-only,.headerSlideshowItem h2, #slideshowIndex, #slideshowLeft, #slideshowRight {
		display: none;
	}
	.desktop-small-only {
		display: none;
	}
	.desktop-medium-only {
		display: block;
	}
	.desktop-large-only {
		display: none;
	}
	.wrapper {
		width:90%;
	}
	.col25 {
		width:50% !important;
	}
	#uspWrapper .col25 {
		min-height:90px;
		
	}
	.newsletterLeft, .newsletterRight {
		float:none !important;
		width:100%;
	}
	.newsletterRight {
		padding-top:15px;
	}
	#quickBooking, #navigation,#searchForm,#metaNavigation {
		display:none;
	}
	#navigationToggle, #mobileQuickBooking {
		display:block;
	}
	#languageNavigation {
		right: 0;
		top: 163px;
		z-index: 9999;
		position:absolute;
	}
	#languageNavigation * {
		font-size: 15px !important;
	}
	#languageNavigation li.current a, #languageNavigation li a:hover {
		color: #504040;
		font-weight: 700 !important;
	}
	#logo {
		margin:0 auto;
	}
	#newsletterEmail {
		width:250px;
		margin-bottom: 10px;
	}
	.col33 {
		width:100%;
		min-height:auto !important;
		padding: 20px 0px !important;
	}
	#uspWrapper {
		display:none;
	}
	#mobileQuickBooking {
		padding-bottom:25px;
	}
	#slideshowLeft {
		left:20px;
	}
	#slideshowRight {
		right:20px;
	}
	.contentDivider, .roomOverview .contentDivider {
		width:100% !important;
	}
	
	.sideBar {
		display:none;
	}
	.sideBar, .sideBarNeighbor, .priceBlock {
		width:100%;
		float:none;
		margin:0;
		margin-bottom:20px;
	}
	.sideBar.mobile {
		display:block;
	}
	.priceBlock {
		width:99%;
	}
	.col50, .col45, .col48 {
		width:100%;
		float:none;
	}
	.col48 {
		padding-left:0;
		padding-right:0;
	}
	.address-directions .col50 {
		height: auto;
	}
	.gmap3 {
		height:350px;
	}
	.imageCarouselWrapper, .contentWrap {
		padding:40px 0px !important;
	}
	.redHooks.featureList ul li {
		width:42%;
	}
	.bookingButton {
		margin-top:15px;
	}
	.col42.pl20 .bookingButton {
		margin-top:0px;
	}
	.roomDetails {
		padding-left:0;
		padding-right:0;
	}
}


@media screen and (max-width: 1200px){
	.packageTeaser {
		width:98%;
		height:auto;
	}
	
}
@media screen and (max-width: 940px){
	.packageTeaser {
		width:98%;
		height:auto;
	}
	#languageNavigation {
		display:none;
	}
	.text-image .fl a {
		width:100% !important;
		display:block;
	}
	.text-image a img {
		width:100% !important;
		height:auto;
		margin-bottom:20px;
	}
	.address-directions .colorLight {
		width:90%;
		position:relative;
		top:0;
		left:0;
		transform: translate(0%, 0%);
		padding-left:5%;
		padding-right:5%;
	}
	.owl-wrapper-outer {
	overflow:hidden;
	}
}
@media screen and (max-width: 740px){
	#logo {
	left:0;
	}
	.slick-prev, .slick-next {
	display:none !important;
	}
	.contentWrap {
		padding-top:20px !important;
		padding-bottom:20px !important;
	}
	.showTextWrap {
	bottom:30px !important;
	}
	#footerWrapper .col67 {
    text-align: left;
		padding-bottom:20px;
		margin-top:-15px;
}
	.item .controlsOverlay, .item h2, .playToggle, .muteToggle {
	display:none !important;
	}
	.openMegemenu {
		z-index:400;
		top:106px !important;
		right:5px !important;
	}
	.openMegemenu.sticky {
	right:5px !important;
	}
	h1,h2,h3,h4,h5 {
	line-height:1em !important;
	}
	
	/*
	#newsletterEmail, #newsletterFormSubmit {
	width:90%;
		margin-left:0;
		margin-right:0;
		padding-left:5%;
		padding-right:5%;
	}
	*/
	#megamenu .col33, #megamenu .col34 {
text-align:left !important;
		width:90% !important;
		padding-left:10% !important;
	}
	#megamenu .icon {
	width:40px;
	height:40px;
	position:relative;
	left:-10px !important;
margin-left:0;
}
	
	.icon.guarantee {
	height: 70px !important;
    width: 70px !important;
	background-size:285px 512px !important;
		float:left;
		margin-left:0px !important;
	}
	#megamenu .eye, #megamenu .cuisine, #megamenu .seminar {
		float:left;
	}
}
@media screen and (max-width: 650px){
	.packageTeaser {
		width:100%;
		height:auto;
	}
	.fl {
		float:none;
	}
	.width50, .col42 {
		width:100%;
	}
	.packageTeaser.alignRight {
		margin-left: 0px;
	}
	.col42.pl20 .bookingButton {
		margin-top:15px;
	}
	
}

/* Landscape */
@media only screen
	and (orientation: landscape) {
	p {
		/*
		font-size:12px;
		line-height:19px;
		*/
	}
	.text-linklist * {
		text-align: left;
	}
}

* Portrait */
@media only screen
	and (orientation: portrait) {
	p {
		text-align: left !important;
	}
	.text-linklist * {
		text-align: left !important;
	}
	h1, h1 *, h2, h2 *, .center {
		text-align: left !important;
	}
	* {
		display:none !important;
	}
}

/* Retina Images */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	/* beispiel für retina images */
	.spriteBG, .jts-fake-input, .owl-prev, .owl-next {
		background-image: url(/global/img/thehotel-css-sprite-retina.png) !important;
		background-size: 570px 1025px !important;
	}