@media only screen and (max-width:760px),
	only screen and (min-device-width : 320px) and (max-device-width : 568px),
	only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	html {
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
	#container {
		margin: 0 auto -100px;
		position: relative;
		width: 100%;
	}
	#top,	
	#bg {
		height: 250px;
	}
	#bg {
		height: 250px;
	}
	.home #top {
		height: 670px;
	}
	.home #bg {
		height: 670px;
	}
	
	#logoWrapper {
		margin: 20px auto 20px;
		width: 100%;
	}
	#logo {
		margin-left:4%;
	}
	#logoWrapper p {
		font-size: 18px;
		margin: 0 0 0 20px;
		width: 160px;
	}
	#navigation {
		width: 100%;
	}
	#navigation ul li {
		width: 92%;
		margin: 2% 4%;
	}
	#navigation ul li a {
		height: auto;
		width: 100%;
		padding: 15px 0;
		font-size: 26px;
	}
	#navigation ul li a span {
		font-size: 16px;
	}
	#quickBooking {
		display:none;
	}
	
	.wrapper {
		width: 100%;
	}
	.column {
		width: 92%;
		margin: 0 4% 40px 4% !important;
	}
	.columnCenter {
		margin: 0;
	}
	#language,
	#social,
	#webcam {
		display:none;
	}
	#mainNavigation {
		left: 0;
		margin:4%;
		top: 0;
		width: 92%;
		position:relative !important;
	}
	#mainNavigation ul {
		width:100%;
	}
	#mainNavigation ul li	{
		margin: 0 0 10px 0;
		width:100%;
	}
	#mainNavigation ul li a {
		width:100%;
	}
	#mainNavigation ul li ul {
		position:relative !important;
		width: 100%;
		top: 0;
	}
	#mainNavigation ul li ul li ul {
		left: 0;
		top: 0;
		position:relative !important;
		width: 100%;
	}
	#mainNavigation ul li.violetBg ul li ul li a {
		background:#3E0844 !important;
	}
	#breadcrumb {
		margin: 4% 4% 3% 4%;
		width: 92%;
	}
	.fullWidth {
		margin: 0 4% 0 4%;
		width: 92%;
	}
	.thumbsList,
	.infoLine,
	#roomImages,
	#content,
	.overview,
	.articleItem,
	a.more,
	#map,
	.eventItem,
	.item .eventItem,
	.item .eventKalender,
	.eventlist,
	.eventlist li,
	.events .left,
	.events .right,
	.smallList {
		margin: 0 !important;
		width: 100% !important;
	}
	#roomImages {
		margin-bottom:10px !important;
	}
	h1, h1 a {
		font-size: 20px;
		line-height:22px;
	}
	.articleHead {
		margin: 0 4% 10px 4% !important;
		width: 92% !important;
	}
	#sidebar {
		margin: 10px 4% 10px 4%;
		width: 92%;
	}
	.overview li {
		width:100%;
		margin: 20px 0 20px 0 !important;
	}
	.overview li .left,
	.overview li .right {
		width:100% !important;
		margin:0 !important;
	}
	.overview li .right {
		min-height: 0;
		padding:10px 0;
	}
	.overview h2 {
		font-size:14px !important;
	}
	.overview h2 strong {
		font-size: 18px !important;
		line-height: 14px !important;
	}
	.overviewPreis {
		font-size: 22px;
		position:relative !important;
		margin-top:10px;
	}
	.overviewContent {
		padding: 4%;
		width: 92%;
	}
	.overviewContent p {
		font-size: 14px;
		line-height: 20px;
		margin: 0 0 10px 0;
	}
	.preisInfo {
		font-size: 11px !important;
		line-height: 12px !important;
		padding-top: 5px;
		width: 40%;
	}
	.articleItem .itemContent {
		margin-bottom: 10px;
		padding: 4%;
		width:92%;
	}
	.articleItem .itemContent p {
		font-size: 14px;
		line-height: 20px;
	}
	#map {
		margin-bottom:30px !important;
	}
	.overview .btn {
		margin: 10px 0;
	}
	.headTop {
		width: 100%;
	}
	.price {
		width: 100%;
	}
	.price a {
		margin: 0;
		line-height:40px;
		font-size: 21px;
	}
	.violetTheme .arrow, .violet .price .arrow {
		background-position: 0 -160px;
	}
	.price .arrow {
		height: 30px;
		margin:0 0 0 10px;
	}
	.trigger {
		font-size: 14px;
		line-height: 30px;
	}
	.item h3 .arrow {
		background-position: left -410px;
		height: 22px;
		top: 5px;
	}
	.item h3.current .arrow {
		background-position: left -456px;
	}
	.toggle_container h2 { 
		font-size: 16px;
	}
	.toggle_container p { 
		font-size: 14px;
		line-height: 20px;
	}
	#breadcrumb li a {
		font-size: 12px;
	}
	
	.tabNavi li {
		height: 40px;
		width: 40px;
	}
	.grayContent {
		margin: 10px 0;
		padding: 2%;
	}
	
	
	
	.currentImage {
		overflow: hidden;
		width: 100%;
	}
	
	.footerDock {
		height: 100px;
	}
	#footer {
		height: 85px;
	}
	#footer .wrapper {
		width:92%;
		margin:0 4%;
	}
	#footer p {
		font-size: 12px;
		line-height:18px;
		width:100%;
	}
	.noM {
		display:none;
	}
	.partnerList .eventItem,
	.item .eventItem {
		margin-top:20px !important;
	}
	.partnerList .left {
		margin-right: 0;
		width: 100%;
	}
	.partnerList .right {
		margin: 0;
		width: 100%;
	}
	.blogImage {
		width:100%;
		margin:0 0 20px 0;
	}
	
	.eventItem .left {
		width: 100%;
		margin-bottom:10px;
		display:none;
	}
	.eventItem .right {
		margin-right: 0;
		width: 100%;
	}
	.oddItem .left {
		display:block;	
	}
	.eventKalender .firstColumn {
		width:30%;
	}
	.eventKalender .secondColumn {
		width:70%;
	}
	.eventKalender .thirdColumn {
		width:48%;
		padding-left:2%;
		height: 40px;
		line-height: 40%;
	}
	.eventKalender .fourthColumn {
		width:48%;
		padding-right:2%;
		padding:0;
	}
	.eventKalender .secondColumn h3 {
		font-size: 16px;
		line-height: 20px;
		margin: 10px 0;
	}
	.colOne {
		margin-left: 2%;
		width: 50%;
	}
	.colTwo {
		margin-left: 2%;
		width: 31%;
	}
	.colThree {
		width: 15%;
	}
	.events .eventlist {
		margin-bottom:20px !important;
	}
	.events .eventlist li h3 {
		font-size:16px;
		line-height:20px;
		margin:10px 0;
	}
	.events .eventlist .colTwo p {
		line-height:24px;
		margin:10px 0;
	}
	.events .left {
		line-height:24px;
		margin:10px 0;
	}
	.smallList li h3 {
		font-size:16px;
		line-height:18px;
	}
	.smallList li p {
		font-size:14px;
		line-height:18px;
		margin:5px 0;
	}
	.btnStart {
		background: url("/global/img/hbi-sprite.png") right -282px no-repeat; /* sprite */	
		color:#fff;
		width:82%;
		padding-right:5%;
		margin: 20px 4% 0 4%;
		height: 32px;
		font-size: 24px;
		font-family:'RotisSansSerifW01-Bold';	
	}
	.listContent .right {
		width:160px;
	}
	.grayContent ul {
		padding-left: 10px;
	}
	.monly {
		display:block;
	}
}


@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	#logo,
	.greenTheme .btn, 
	.green .btn, 
	.blueCleanBox .btn,
	.redTheme .arrow,
	.redTheme .btn, 
	.red .btn, 
	.redCleanBox .btn,
	#quickBooking .submitBooking,
	#navigation ul .violetBg,
	#navigation ul .greenBg,
	#navigation ul .redBg,
	#navigation ul .magentaBg,
	.item h3 .arrow,
	.item h3.current .arrow,
	.start,
	.violetTheme .btn, 
	.violet .btn, 
	.violetCleanBox .btn,
	.violetTheme .arrow, 
	.violet .price .arrow,
	.red .arrowBtn,
	.smallList li a span.readMore span,
	.magenta a.more span,
	.btnStart {
		background-image: url("/global/img/hbi-spritex2.png") !important;
		background-size: 1024px 1024px !important;
	}
}