@charset "utf-8";

@font-face {
    font-family: 'Droid Serifregular';
    src: url('../font/droidserif-webfont.eot');
    src: url('../font/droidserif-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/droidserif-webfont.woff2') format('woff2'),
         url('../font/droidserif-webfont.woff') format('woff'),
         url('../font/droidserif-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Droid Serifbold';
    src: url('../font/droidserif-bold-webfont.eot');
    src: url('../font/droidserif-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/droidserif-bold-webfont.woff2') format('woff2'),
         url('../font/droidserif-bold-webfont.woff') format('woff'),
         url('../font/droidserif-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Droid Serif Italic';
    src: url('../font/droidserif-italic-webfont.eot');
    src: url('../font/droidserif-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/droidserif-italic-webfont.woff2') format('woff2'),
         url('../font/droidserif-italic-webfont.woff') format('woff'),
         url('../font/droidserif-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* HTML5 display definitions */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }

/* Base */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea {
	font-family: 'Robotolight', Helvetica, Arial, sans-serif;
	color: #484848;
}
script { display: none!important; }
body {
	background: #F4F4F4;
	font-size: 16px; line-height: 100%;
    margin: 0;
}
#main {
	font-family: 'Robotolight';
	font-size: 1.2em;
	line-height: 150%;
}
::selection {
	background: #828285;
	color: #FFF; text-shadow: none;
}

/* Links */

a { color: #484848; text-decoration: none; }
#article a { text-decoration: underline; }
a:hover { color: #324e8e; }
a:focus { outline: 0; }
a:active, a:hover { outline: 0; }

h2 a, h3 a, .likeh2 a, .likeh3 a { color: #484848; text-decoration: none; }

/* Typography */
h1, h2, .likeh2, h3, .likeh3, h4 { font-family: 'Droid Serifbold'; font-weight: normal; line-height: 140%; text-align: left; }
h1 { font-size: 2.1em; margin: 0; }
h2, .likeh2 { font-size: 2.1em; margin: 1.8em 0 1em; }
h3, .likeh3 { font-size: 2em; margin: 2em 0; }
h4 { font-size: 1.5em; margin: 1.33em 0; }
h5 { font-size: 1.2em; margin: 1em 0; }
h6 { font-size: 1.1em; margin: 0.5em 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr {
	border: none; border-top: 1px dashed #ccc;
	-moz-box-sizing: content-box; box-sizing: content-box; display: block;
	height: 1px;
	margin: 1em 0; padding: 0;
}
mark { background: #ff0; color: #000; }
p, pre, #article ul, #article ol { margin: 1em 0; line-height: 150%; }
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Lists */
dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }
menu, ol, ul { padding: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* Embedded content */
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }

/* Figures */
figure { margin: 0; }

/* Forms */
form { margin: 0; }
fieldset { border: 0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }
button[disabled], html input[disabled] { cursor: default!important; background: #d5d5d5;}
button[disabled]:hover, html input[disabled]:hover { background: #d5d5d5;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }

/* Tables */
table { border-collapse: collapse; border-spacing: 0; }
td, th { 
	border: 1px solid #000;
	padding: 0.25em 0.5em; 
}
tr:nth-of-type(1) { background: #828285!important; color: #FFF;}
tr:nth-of-type(odd) {
	background: #fdfdfd;
}

/* CUSTOM CLASSES */
.boxsizing { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.liketable {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.liketable > * {
	display: table-cell;
	vertical-align: middle;
}
.liketable.top > * { vertical-align: top; }

.icon {
	margin-right: 5px;
	max-width: 24px;
}
.icon + * { vertical-align: 6px; }

.innerwrapper {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	display: block;
	margin: 0 auto;
	padding: 0 50px;
	width: 100%; max-width: 1400px;
}

/* clearfix */
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after { clear: both; }
/* For IE 6/7 (triggers hasLayout) */
.cf { *zoom: 1; }

.s { font-size: 0.786em; }
.xs { font-size: 0.714em; }
.alignright { text-align: right; }
.alignleft { text-align: left; }
.aligncenter { text-align: center; }
.alignjustify { text-align: justify; }
.margintop { margin-top: 1em; }
.marginright { margin-right: 1em; }
.marginbottom { margin-bottom: 1em; }
.marginleft { margin-left: 1em; }
.right { float: right; }
.left { float: left; }

/* msg */
.msg, .msgerror { margin-bottom: 15px; padding: 0.5em 1em!important; }
.msg h2, .msgerror h2 {
	margin: 0!important;
	text-align: left!important;
}
.msg ul, .msgerror ul { margin-top: 0; }
.msg { background-color: white; border: 1px solid #ddd; }
.msg h2 { color: #444; }
.msgerror { background-color: white; border: 1px solid #c00; }
.msgerror, .msgerror h2 { color: #c00; }

/* pagenav */
.pagenav { text-align: center; }
.pagenav span a {
	font-size: 1.214em; vertical-align: bottom;
	padding: 0 2px;
}
.pagenav a, .pagenav strong { margin: 2px; padding: 2px; }
.pagenav a:hover, .pagenav strong {
	border: 1px solid;
	margin: 1px;
}
.pagenav a, .pagenav a:hover { text-decoration: none; }
.pagenav a:hover { border-style: dotted; }

/* button */
a.button, button, input[type="submit"], input[type="button"] {
	background: #A2A2A4;
	border-radius: 1px;
	border: 0;
	color: white; line-height: 25px;
	display: inline-block;
	font-family: 'Droid Serifbold'; font-weight: bold;
	padding: 15px 25px;
	text-align: center;
	text-transform: none; text-decoration: none!important;
}
a.button:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover {
	background: #47474E;
	color: #FFF!important;
}
a.button.next:after, button.next:after { content: ' ›'; }
a.button.prev:before, button.prev:before { content: '‹ '; }
a.button.red, button .red, input[type="submit"] .red, input[type="button"] .red, .red { background: #D4D4D4!important; }
a.button.blue, button .blue, input[type="submit"] .blue, input[type="button"] .blue, .blue { background: #A2A2A4!important; }
a.button.red:hover, button .red:hover, input[type="submit"] .red:hover, input[type="button"] .red:hover, .red:hover { background: #656569!important; }
a.button.blue:hover, button .blue:hover, input[type="submit"] .blue:hover, input[type="button"] .blue:hover, .blue:hover { background: #47474E!important; }

/* PRIMARY STYLES [layout] */
.wrapper {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	margin: 0 auto;
	width: 100%;
}
#header {
	max-width: 1580px;
	padding: 0 25px;
	position: fixed; top: 0; left: 0; right: 0; z-index: 3;
}
#header:before, #cta-menu:before {
	content: '';
	display: block;
	position: fixed; top: 0; left: 0; right: 0; z-index: 1;
}
#header.withcookiehint:before, #header.withcookiehint #cta-menu:before { position: absolute; left: -10000px; right: -10000px; }
#header:before {
	background: #fff;
	border-bottom: 1px solid #FFF;
	box-shadow: 0px 10px 23px -3px rgba(0,0,0,0.75); -webkit-box-shadow: 0px 10px 23px -3px rgba(0,0,0,0.75);-moz-box-shadow: 0px 10px 23px -3px rgba(0,0,0,0.75);
	height: 79px;
}
#header > * { position: relative; z-index: 1; }
#header .icon {
	vertical-align: -5px;
	width: 18px;
}
#header .icon + * { vertical-align: 0; }
#cta-menu {
	background: #828285;
	color: #fff;
	padding: 0.25em 0 0.3em;
	text-align: right;
	z-index: 2;
}
#cta-menu:before {
	background: #828285;
	height: 28.98px;
}
#cta-menu > * {
	color: inherit;
	font-size: 12px; font-family: Robotoregular;
	margin-left: 2em;
	position: relative; z-index: 1;
}
#cta-menu > * .text { border-bottom: 1px solid transparent; }
#cta-menu > *:hover .text { border-bottom-color: #fff; }

#languageselect { display: inline-block; }
#languageselect select {
	background: #828285;
	border: none;
	color: #FFF;
	cursor: pointer;
	outline: none;
}
#nav-stripe {
	clear: right;
	background: #fff;
	border-bottom: 2px solid #FFF;
	height: 50px;
	padding-left: 23px;
}
#nav-stripe, #nav-stripe a { color: #484848; }
#nav-stripe > * { display: inline-block; }

#logo { position: relative; z-index: 3; }
#logo img {
	height: 110px;
	position: absolute; top: 5px; z-index: 3;
	transition: top 0.7s linear, width 0.7s linear, height 0.7s linear;
	-webkit-transition: top 0.7s linear, width 0.7s linear, height 0.7s linear;
	-moz-transition: top 0.7s linear, width 0.7s linear, height 0.7s linear;
	-o-transition: top 0.7s linear, width 0.7s linear, height 0.7s linear;
	width: 135px;
}

#showhide {
	color: #fff!important;
	display: none;
	float: right;
    line-height: 1em;
    font-size: 1.4em;
    margin-top: 7px;
	padding: 8px;
    text-align: center;
}
#showhide span {
	display: block;
	text-indent: 3px;
}

/*MENÜ*/
#nav-container {
	float: right;
	font-size: 16px; font-family: Robotomedium;
	text-transform: uppercase;
}
#menu { margin-top: 1px; }
#menu > ul {
	border-collapse: collapse;
	display: table;
}
#menu > ul > li {
	border-left: 2px solid #828285; border-right: 2px solid #828285;
	display: table-cell;
	height: 50px;
	padding: 0 1em;
	position: relative;
	text-align: center;
	vertical-align: middle;
}
#menu > ul > li:hover {
	background: #FAFAFA;
	cursor: pointer;
}
#menu > ul > li:hover:before {
	content: '';
}
#menu > ul > li:hover:after {
	background: #FAFAFA;
	content: '';
	height: 0px;
	position: absolute; top: 50px; left: 0; right: 0; z-index: 1;
}
#menu > ul > li:last-child { border-right: none; }
#menu a { text-decoration: none; }

#menu ul ul { display: none; }
#menu > ul > li:hover:before, #menu > ul > li:hover > ul {
	background: #FAFAFA;
	border-top: 2px solid #828285;
	position: fixed; top: 79px; left: 0; right: 0; z-index: 1;
}
#menu > ul > li:hover:before { border-top: none; }
#menu > ul > li:hover > ul {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	display: block;
	margin: 0 auto;
	padding: 15px;
	width: 100%; max-width: 1580px;
}
#menu > ul > li > ul {
	text-align: left;
	padding: 30px 0 30px 150px!important;
	max-width: 1580px!important;
}
#menu > ul > li > ul > li {
	border-bottom: 1px solid #828285;
	display: inline-block;
	float: left;
	line-height: 140%;
	margin-right: 3%;
	width: 20%;
}
#menu > ul > li ul a {
	display: block;
	padding: 8px 0;
}
#menu > ul > li > ul li:hover > a, #menu > ul > li li.active > a { color: #E30613; }
#menu > ul > li:hover > ul { border-bottom: 1px solid #828285; }
#header.withcookiehint #menu > ul > li:hover:before {
	margin-top: -28px;
	position: absolute; left: -10000px; right: -10000px;
}

#panorama {
	height: 47%; height: 50vw;
	max-height: 70vh; max-height: calc(100vh - 290px);
	margin-top: 77px;
	position: relative;
}
body.homepage #panorama { max-height: none; }
#panorama > *.image {
	background-position: center center; background-repeat: no-repeat; background-size: cover;
	width: 100%; height: 100%;
	z-index: 1!important;
}
#panorama .stripeup {
	height: auto;
	position: absolute; bottom: 0; left: 0; z-index: 2!important;
	width: 100%;
}
#panorama #openinghoteldates {
    position: absolute;
    right: 3em;
    top: 6em;
    z-index: 2;
    background: #919292;
    color: #fff;
    padding: 0.5em;
    border: 1px solid #fff;	
	line-height: 145%;
}
@media screen and (max-width: 1699px) {
	#panorama #openinghoteldates {
		right: auto;
		top: auto;
		left: 4.25em;
		bottom: 4em;
	}
}
@media screen and (max-width: 1390px) {
	#panorama #openinghoteldates {
		right: auto;
		top: auto;
		left: 4.25em;
		bottom: 2em;
	}
}
@media screen and (max-width: 1250px) {
	#panorama #openinghoteldates {
		display: none;
	}
}
@media screen and (max-height: 700px) and (orientation: landscape) {
	#panorama { height: 100vh; max-height: calc(100vh - 130px); }
}
@media screen and (max-height: 479px) and (orientation: landscape) {
	#panorama { max-height: calc(100vh - 76px); }
}

#slogan {
	color: #FFF;
	pointer-events: none;
	position: absolute; z-index: 2; left: 50%; top: 160px;
	transform: translate(-50%, 0);
	width: 100%;
}
#slogan .innerwrapper { padding: 0 70px; }
#slogan p {
	font-size: 3.75em;
	line-height: 1em;
	margin-top: 0;
	max-width: 960px;
    text-transform: uppercase;
}
#slogan .innerwrapper > * { text-shadow: -2px 2px 2px #666; }
#slogan .button {
	background: rgba(255, 255, 255, 0.3);
	border: 2px solid #FFF;
	font-size: 2em; font-family: 'Robotolight', Helvetica, Arial, sans-serif;
	pointer-events: auto;
	text-transform: uppercase;
}
#slogan .button:hover {
	background: #FFF;
	color: #484848!important;
	text-shadow: none;
}
@media screen and (max-width: 1000px) {
	#slogan { 
		font-size: 0.8em;
		top: 50%;
		transform: translate(-50%, -50%);
	}
}
@media screen and (max-width: 767px) {
	#slogan { display: none; }
}

/* START Teaserbox */
.teaserbox-container .teaserbox-opener { 
	background: #212721;
	text-decoration: none!important;
}
.teaserbox-container .teaserbox-opener > * {
	background: #212721;
	color: #FFF;
	font-size: 2em;
	padding: 1.4rem;
}
.teaserbox-container .teaserbox-opener img {
	display: inline-block;
	height: auto;
	transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg);
	width: 22px;
}
.teaserbox-container.show .teaserbox-opener img { transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); }
.teaserbox-container .teaserbox-content-container { 
	background: #c49d7c; 
	position: relative; z-index: 1;
}
.teaserbox-container .teaserbox-content-container img {
	display: block;
	position: absolute; z-index: 1; left: 3rem; 
}
.teaserbox-container .teaserbox-content-container > img:first-of-type { top: 0; }
.teaserbox-container .teaserbox-content-container > img:nth-of-type(2) { bottom: 0; }
.teaserbox-container .teaserbox-content-container > img:nth-of-type(3) {
	border: 1px solid #FFF; border-radius: 50%;
	left: auto; right: -110px; top: 50%;
	transform: translateY(-50%);
}
.teaserbox-container .teaserbox-content {
	font-size: 1.1rem;
	line-height: 1.25em;
	height: 60%;
	padding: 2rem 3rem;
}
.teaserbox-container .teaserbox-content:last-of-type { height: 40%; }
.teaserbox-container .teaserbox-content > div { width: 160px; }
html[lang="en"] .teaserbox-container .teaserbox-content > div { width: 200px; }
html[lang="fr"] .teaserbox-container .teaserbox-content > div { width: 140px; }
.teaserbox-container .teaserbox-content:first-of-type { padding-top: 4rem; }
html[lang="en"] .teaserbox-container .teaserbox-content:first-of-type { padding-top: 6rem; }
.teaserbox-container .teaserbox-content:last-of-type { 
	background: #d7d2cb;
	font-size: 1rem!important; 
}
html[lang="de"] .teaserbox-container .teaserbox-content:last-of-type { font-size: 1.1rem!important; }
.teaserbox-container .teaserbox-content:last-of-type > div { width: 170px; }
html[lang="de"] .teaserbox-container .teaserbox-content:last-of-type > div { width: 190px; }
html[lang="it"] .teaserbox-container .teaserbox-content:last-of-type > div { width: 145px; }
html[lang="fr"] .teaserbox-container .teaserbox-content:last-of-type > div { width: 200px; }
.teaserbox-container .teaserbox-content b { 
	font-size: 1.6em;
	line-height: 1.55em;
}
html[lang="it"] .teaserbox-container .teaserbox-content, html[lang="en"] .teaserbox-container .teaserbox-content, html[lang="fr"] .teaserbox-container .teaserbox-content { font-size: 1.2rem; }
html[lang="it"] .teaserbox-container .teaserbox-content b, html[lang="fr"] .teaserbox-container .teaserbox-content b { 
	display: block;
	line-height: 1.05em;
	margin-top: 0.1em;
}
.teaserbox-container .teaserbox-content:first-of-type { color: #FFF; }

#panorama { overflow: hidden; }
#panorama .teaserbox-container {
	display: table; 
	overflow: hidden;
	position: absolute; z-index: 2; right: -470px; top: 50%;
	transform: translateY(-50%);
	transition: 0.2s right linear; -moz-transition: 0.2s right linear; -webkit-transition: 0.2s right linear; -o-transition: 0.2s right linear;
	width: 530px;
}
#panorama .teaserbox-container.show { right: 0; }
#panorama .teaserbox-container > * { 
	display: table-cell; 
	vertical-align: middle; 
}
#panorama .teaserbox-container > *:first-child { width: 65px; }
#panorama .teaserbox-container .teaserbox-opener { position: relative; z-index: 1; }
#panorama .teaserbox-container .teaserbox-opener > * { 
	display: inline-block;
	position: absolute; z-index: 1; top: 42.5%; left: -150px;
	transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); 
	transform-origin: center;
	white-space: nowrap;
}
html[lang="en"] #panorama .teaserbox-container .teaserbox-opener > * { left: -140px; }
html[lang="it"] #panorama .teaserbox-container .teaserbox-opener > *, html[lang="fr"] #panorama .teaserbox-container .teaserbox-opener > * { 
	font-size: 1.8em; 
	left: -143px;
}
#panorama .teaserbox-content-container { height: 352px; }

#mobile-teaser-outercontainer .teaserbox-container { display: none; }
.infopage #mobile-teaser-outercontainer .teaserbox-container {
	display: block;
	margin-top: 2em;
}
@media screen and (max-height: 670px), (max-width: 1023px) {
	#panorama .teaserbox-container { display: none; } 
	#mobile-teaser-outercontainer .teaserbox-container { display: block; }
}

#mobile-teaser-outercontainer .teaserbox-container { overflow: hidden; }
#mobile-teaser-outercontainer .teaserbox-container .teaserbox-content-container { display: none; }
#mobile-teaser-outercontainer .teaserbox-container.show .teaserbox-content-container { display: block; }
#mobile-teaser-outercontainer .teaserbox-container .teaserbox-opener { text-align: center; }
#mobile-teaser-outercontainer .teaserbox-container .teaserbox-opener, #mobile-teaser-outercontainer .teaserbox-container .teaserbox-opener > * { display: block; }
#mobile-teaser-outercontainer .teaserbox-container .teaserbox-opener img { vertical-align: 0.1em; }
#mobile-teaser-outercontainer .teaserbox-container .teaserbox-content:last-of-type { padding-bottom: 3rem; }
@media screen and (min-width: 1501px) {
	#mobile-teaser-outercontainer .teaserbox-container .teaserbox-opener { padding: 0 75px; }
	#mobile-teaser-outercontainer .teaserbox-container .teaserbox-content-container img { left: 75px; }
	#mobile-teaser-outercontainer .teaserbox-container .teaserbox-content-container img:last-of-type { left: auto; }
	#mobile-teaser-outercontainer .teaserbox-container .teaserbox-content { padding-left: 75px; padding-right: 75px; }
}
@media screen and (min-width: 626px) {
	#mobile-teaser-outercontainer .teaserbox-container { margin-bottom: 2em; }
	.infopage #mobile-teaser-outercontainer .teaserbox-container { margin-bottom: 0; }
}
@media screen and (max-width: 600px) { 
	#mobile-teaser-outercontainer .teaserbox-container .teaserbox-opener > * { font-size: 1.3em; }
}
@media screen and (max-width: 440px) {
	#mobile-teaser-outercontainer .teaserbox-container .teaserbox-content-container > img:nth-of-type(3) { display: none; }
}
/* END Teaserbox */

/* Boxes Off Canvas */
.infopage .offcanvasbox { display: none; }
.offcanvasbox {
	position: fixed; 
	left: -1300px;
	top: 30%; top: 30vh;
	z-index: 3;
	transition: 0.2s left linear; -moz-transition: 0.2s left linear; -webkit-transition: 0.2s left linear; -o-transition: 0.2s left linear;
}

.offcanvasbox > * {
	background: #828285;
	box-shadow: 0px 10px 23px -3px rgba(0,0,0,0.75); -webkit-box-shadow: 0px 10px 23px -3px rgba(0,0,0,0.75);  -moz-box-shadow: 0px 10px 23px -3px rgba(0,0,0,0.75);
	color: #FFF;
	display: inline-block;
}

.offcanvasbox-logo {
	float: right;
	padding: 0.5em;
	position: relative; 
	z-index: 1;
}

.offcanvasbox-logo > * {
	display: block;
	text-align: center;
	width: 36px; height: 36px;
}

.offcanvasbox-logo img {
	height: auto;
	width: 100%; max-width: none;
}

.offcanvasbox-details {
	clear: both;
	overflow: auto;
}
.offcanvasbox-details .likeh2 {
	font-size: 1.2em;
	margin-top: 0;
}

#weatherbox { z-index: 6 }
#weatherbox-details {
	padding: 0.7em 1.4em 1.4em;
}
#weatherbox-logo:after {
	background: #828285;
	content: '';
	position: absolute; top: 0; bottom: 0; left: -20px; z-index: 1;
	width: 20px;
}
#weatherbox-details tr:nth-of-type(odd) { background: #828285; }
#weatherbox-details td {
	padding: 0.5em 0.7em;
	text-align: center;
}
#weatherbox-details .wfont {
	font-size: 2.4em;
	width: 38.25px;
}
#weatherbox-more {
	color: #FFF;
	float: right;
	font-family: 'Droid Serifbold';
	margin-top: 2em;
	font-size: 1.2em;
}
#weatherbox-more:hover { text-decoration: underline; }

/* lastminute */
#lastminutebox {
	margin-top: 62px;
	z-index: 6;
}
#lastminutebox-logo:after { background: #828285; }
#lastminutebox-details  {
	display: inline-block;
	background: #828285;
	color: #FFF;
	width: 260px;
}
#lastminutebox-details .lastminutebox-image {
	position: relative;
}
#lastminutebox-details .lastminutebox-image img { height: auto; width: 100%; }
#lastminutebox-details .lastminutebox-image span {
	position: absolute; top: 0.7em; left: 1.4em;
	font-family: 'Droid Serifbold';
	font-size: 1.2em;
	font-weight: normal;
	text-shadow: 2px 0px 3px rgba(0, 0, 0, 0.35);
}
#lastminutebox-details .lastminutebox-content {
	padding: 0.7em 1.4em 1.4em;
}
#lastminutebox-details .lastminutebox-content .likeh2 a { color: #FFF; }

#lastminutebox-details .lastminutebox-content .dates .dates-icon {
	display: inline-block;
	float: left;
}
#lastminutebox-details .lastminutebox-content .dates span {
	display: inline-block;
	margin-left: 1em;
	line-height: 1.6;
}
#lastminutebox .price {
	margin-top: 1em;
}
#lastminutebox .price .info {
	font-size: 0.875em;
}
#lastminutebox .price .amount {
	font-size: 1.5em;
	font-family: 'Droid Serifbold';
	margin-left: 0.5em;
}
#lastminutebox .more {
	margin-top: 2em;
	text-align: right;
}
#lastminutebox-more {
	display: inline-block;
	color: #FFF;
	font-family: 'Droid Serifbold';
	font-size: 1.2em;
}
#lastminutebox-more:hover { text-decoration: underline; }

#openingtimebox { margin-top: -62px; }
#openingtimebox-logo img {
	margin-left: 2px;
	margin-top: 1px;
	width: 90%;
}
#openingtimebox-details  {
	display: inline-block;
	background: #828285;
	color: #FFF;
	width: 335px;
}
#openingtimebox-details .openingtimebox-image {
	position: relative;
}
#openingtimebox-details .openingtimebox-image img { height: auto; width: 100%; }
#openingtimebox-details .openingtimebox-image span {
	position: absolute; top: 0.7em; left: 1.4em;
	font-family: 'Droid Serifbold';
	font-size: 1.2em;
	font-weight: normal;
	text-shadow: 2px 0px 3px rgba(0, 0, 0, 0.35);
}
#openingtimebox-details .openingtimebox-content {
	margin-left: 0.75em;
	margin-right: 0.75em;
}
#openingtimebox-details .hoteltitle { 
	font-size: 1em;
	margin-top: 0.25em; 
	margin-bottom: 0.2em;
}
#openingtimebox-details .openingtime {
	font-size: 0.95em;
	margin-bottom: 0.75em;
	line-height: 140%;
}

#logo-suedtirol {
	display: inline-block;
	height: auto;
	position: absolute; top: 15px; right: 30px; z-index: 2;
	width: 96px;
}
#logo-suedtirol img { width: 100%; height: auto; }
@media screen and (max-width: 767px) {
	#logo-suedtirol { display: none; }
}

#activitylist {
	overflow: hidden;
	position: absolute; top: 70px; right: 30px; bottom: 140px; z-index: 2;
	width: 250px;
}
#activitylist > * { margin-top: 2em; }
#activitylist .activity {
	background: #000; background: rgba(0,0,0,0.6);
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMDQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.04) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.04)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

	border-right: 2px solid #d8b404;
	display: block;
	margin-top: 1em;
	padding: 2px 20px 2px 4px;
}
#activitylist > *:nth-child(2) .activity { border-color: #d40035; }
#activitylist .activity:first-child { margin-top: 0; }
#activitylist .likeh2, #activitylist .likeh3, #activitylist .likeh3 + * {
	color: #fff;
	font-family: 'Robotoregular';
	margin: 0;
	text-align: right;
}
#activitylist .likeh2 {
	color: #d8b404;
	font-size: 0.95em;
	line-height: 1.1em;
	margin-bottom: 1em;
	text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0,0,0,0.85);
}
#activitylist > *:nth-child(2) .likeh2 { color: #d40035; }
#activitylist .likeh3 {
	font-size: 1em;
	line-height: 1.5em;
}
#activitylist .likeh3 + * { font-family: 'Playfair Displayitalic'; font-size: 0.8em; }

#dvworld-sticker {
	max-width: 280px;
	position: absolute; right: 60px; bottom: 30px; z-index: 2;
}
#dvworld-sticker img { height: auto; width: 100%; }
@media screen and (max-width: 1023px) {
	#dvworld-sticker { right: 30px; }
}
@media screen and (max-width: 1000px) {
	#dvworld-sticker { max-width: 150px; }
}
@media screen and (max-width: 650px) {
	#dvworld-sticker { bottom: 15px; }
}
@media screen and (max-width: 500px) {
	#dvworld-sticker {
		max-width: 100px;
		bottom: 5px; right: 5px;
	}
}

#breadcrumb {
	border: 1px solid #fff;
	display: inline-block;
	list-style: none;
	margin: 2em 0 0.5em;
	padding: 0;
}
#breadcrumb > * {
	display: inline-block;
	float: left;
}
#breadcrumb span {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	display: block;
	min-width: 120px;
	overflow: hidden;
	padding: 0.2em 1em;
}
#breadcrumb a span, #breadcrumb li a {
	color: #fff;
	text-decoration: none;
}
#breadcrumb li:hover a span { text-decoration: underline; }
#breadcrumb span {
	font-weight: 600;
	position: relative;
}
#breadcrumb li:last-child span {
	background: #fff;
	color: #828285;
}
#breadcrumb span:before {
	border-top: 18px solid #828285;
	border-bottom: 18px solid #828285;
	border-left: 15px solid #828285;
	content: '';
	position: absolute; left: -15px; top: 0; bottom: 0; z-index: 1;
	width: 10px;
}
#breadcrumb li:last-child span:before { border-top-color: #FFF; border-bottom-color: #FFF; }
#breadcrumb li:nth-last-child(2) span { padding-right: 2em; }
#breadcrumb .active + a { display: none; }
#content-container > div, #aside { position: relative; z-index: 1; }
#content-container > div { 
	padding-top: 1em;
	z-index: 2;
}
#articleheader-content {
	clear: both;
	margin-top: 1em;
	padding-bottom: 0.75em;
	overflow: auto;
}
#articleheader-container {
	background: #828285;
	color: #fff;
	overflow: auto;
}
body.infopage #articleheader-container { padding-top: 100px; }
#main.hoteldetail #articleheader-content, #main.hoteldetail #articleheader-container { overflow: auto; }
#main.with_articleimage #articleheader-content, #main.with_articleimage #articleheader-container { overflow: visible; }
body.homepage #articleheader-container { padding-bottom: 7em; }
#articleheader-container .articleimg-container, #articleheader-container .hoteldetail-container { 
	display: inline-block;
	float: left;
	margin-right: 5%;
	width: 35%; max-width: 350px;
}
#articleheader-container .articleimg-container {
	position: relative;
	width: 30%; max-width: 300px;
}
#articleheader-container .articleimg {
	height: auto;
	position: absolute; left: 50%; top: 0;
	vertical-align: middle;
	transform: translateX(-40%);
	width: 60%;
}
#articleheader-container .hoteldetail-container { padding-bottom: 1em; }
#articleheader-container .hoteldetail-container img.hotelimg {
	display: block;
	height: auto;
	width: 100%;
}
#articleheader-container .hoteldetail-container .hotellogo-container { 
	background: #FFF; 
	padding: 0.8em;
}
#articleheader-container .hoteldetail-container .hotellogo {
	display: block;
	height: auto;
	margin: 0.5em auto 0;
	width: 50%; max-width: 200px;
}
#articleheader-container .hoteldetail-container.preidlhof .hotellogo { width: 30%; max-width: 100px; }
#articleheader-container .hoteldetail-container .hotelwebsite { margin-top: 0.5em; }
#articleheader-container h1::selection, #articleheader-container p::selection {
	background: #828285;
	color: #FFF;
}
#articleheader-container header, #content-container { overflow: hidden; }
#articleheader-container header { overflow: auto; }
#articleheader-container a { color: #fff; }
#articleheader-container a:hover { color: #484848; }
#main.hoteldetail #articleheader-container header, #main.with_articleimage #articleheader-container header, #main.hoteldetail #article-teaser, #main.with_articleimage #article-teaser,
#main.hoteldetail #hotelbtns { margin-left: 40%; }

#article-teaser p {
	margin: 0;
	padding: 1em 0;
}

#hotelimages {
	background: #828285;
	clear: both;
	display: flex; flex-wrap: wrap;
	overflow: auto;
}
#hotelimages > * {
	background: #FFF;
	display: inline-block; display: flex; flex-direction: column;
	float: left;
	margin-right: 2%; margin-bottom: 2%;
	text-decoration: none!important;
	width: 32%;
}
#hotelimages > *:nth-child(3n) { margin-right: 0; }
#hotelimages #dvbook { 
	background: transparent;
	text-align: center;
}
#hotelimages #dvbook img { max-width: 400px; }
#hotelimages img {
	vertical-align: middle;
	width: 100%; height: auto;
}
#hotelimages .hotelbox-content {
	color: #FFF;
	display: flex; flex-direction: column; flex-grow: 1;
	padding: 2.5em 2em;
	text-align: center;
}
#hotelimages .hotelbox-title, #hotelimages .hotelbox-slogan, #hotelimages .hotelbox-location {
	color: #484848;
	flex-grow: 2;
}
#hotelimages .hotelbox-title {
	font-size: 1.8em;
	margin-bottom: 1em;
	text-transform: uppercase;
}
#hotelimages .hotelbox-slogan, #hotelimages .hotelbox-location { 
	display: flex; align-items: flex-end; justify-content: center;
	margin-bottom: 1.5em;
}
#hotelimages .hotelbox-slogan { margin-bottom: 0; }
#hotelimages .button { 
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	display: block;
	margin: 0 auto;
	max-width: 180px; width: 100%;
}
#main.hoteldetail #hotelbtns { margin-top: 1em; }
#main.hoteldetail #hotelbtns > * { min-width: 100px; }
#main.hoteldetail #hotelbtns > * + * { margin-left: 8px; }
@media screen and (max-width: 400px) {
	#main.hoteldetail #hotelbtns > * {
		box-sizing: border-box;
		display: block;
		width: 100%;
	}
	#main.hoteldetail #hotelbtns > * + * { margin: 8px 0 0; }
}

#stripdown-ph img { height: auto; width: 100%; }

#content-container, #stripdown-ph, #boxes {
	background: #FFF;
	background-repeat: repeat;
}
#content-container h2 { text-align: center; }
#content-container > div > * {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	display: block;
	margin-left: auto; margin-right: auto;
	padding: 0 50px;
	width: 100%; max-width: 1400px;
}
#content-container > div > .responsiveimages {
	padding: 0;
	max-width: none;
}

#hotellogos-container { 
	background: #F4F4F4;
	padding: 0 0 2em;
}
#hotellogos {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding-top: 2em;
}
#hotellogos > * {
	display: table-cell;
	padding: 0 5%;
	text-align: center;
	vertical-align: middle;
	width: 17.5%;
}
#hotellogos img { width: 100%; height: auto; }
#hotellogos .alpiana img { width: 130%; }
#hotellogos .preidlhof img { width: 75%; }
#hotellogos .lindenhof { padding: 0 5%; }

/* START Aside */
#aside #pfp-asidecontainer { padding-top: 3em; padding-bottom: 3em; }
#aside #pfp-asidecontainer p {
	max-width: 860px;
	margin-bottom: 4em; margin-left: auto; margin-right: auto;
	text-align: center;
}
@media screen and (max-width: 820px) {
	#aside #pfp-asidecontainer p { margin-bottom: 2.5em; }
}
/* END Aside */

#footer { padding-bottom: 54px; }
#infofooter-container {
	background: #828285;
	color: #fff!important;
	padding: 0 0 4em;
	position: relative;
	z-index: 2;
}
#kissmouth {
	height: auto;
	padding: 0;
	position: absolute; right: 0; left: 0; bottom: 0; z-index: 1;
	text-align: right;
}
#kissmouth img { height: auto; width: 25%; max-width: 320px; min-width: 195px; }
#infofooter {
	display: table;
	table-layout: fixed;
	position: relative; z-index: 2;
	width: 100%;
}
#infofooter > *:first-child, #contact .liketable > *:first-child { padding-right: 5%; }
#infofooter > * {
	display: table-cell;
	vertical-align: top;
	width: 50%;
}
#infofooter .likeh2 {
	font-size: 2.2em!important;
	margin-bottom: 0.4em;
}
#infofooter a {
	border-bottom: 1px solid transparent;
	color: #fff;
}

#mobile-socialmedia {
	background: #828285;
	display: none;
	padding-bottom: 2.5em;
	text-align: center;
}
#mobile-socialmedia > * + * { margin-left: 8px; }

#footerbtnbox { margin-top: 1.2em; }
#footerbtnbox .button { 
	padding-top: 6px; padding-bottom: 6px;
	white-space: nowrap;
}

#contact .liketable > * { width: 50%; }
#contact .liketable > * > *, #infofooter a {
	font-size: 1em;
	line-height: 2em;
}
#contactinfos > * { display: block; }
#infofooter { font-size: 18px; }
#footermenu ul {
	clear: both;
	overflow: auto;
}
#footermenu ul > * {
	display: inline-block;
	float: left;
	margin-right: 5%;
	width: 47.5%;
}
#footermenu ul > *:nth-child(2n) { margin-right: 0; }
#footermenu li:hover a { border-bottom: 1px solid #fff; }

#partners {
	clear: both;
	overflow: auto;
}
#partners > * {
	display: inline-block;
	float: left;
	width: calc(100% - 315px);
}
#quickrequest > * { width: calc(100% - 780px); }

#partners-container { background: #f4f4f4; }
#partners img {
	height: auto;
	vertical-align: middle;
	width: 315px;
}
#partners #partnerlogos {
	background: #f4f4f4;
	position: relative;
	min-height: 133px;
}
#partners #partnerlogos:before {
	border-top: 132px solid transparent; border-right: 70px solid #f4f4f4;
	display: inline-block;
	content: '';
	position: absolute; top: 0; left: -140px; bottom: 0; z-index: 2;
	width: 70px;
}
#partnerlogos {
	display: table;
	width: calc(100% - 315px);
}
#partnerlogos > * {
	display: table-cell;
	padding: 0 2%;
	text-align: center;
	vertical-align: middle;
	width: 12.5%;
}
#partnerlogos > *:nth-child(7) { width: 10%; }
#partnerlogos img {
	height: auto;
	width: 100%;
}
#partnerlogos .belvita { width: 120%; }
#partnerlogos .dolcevita { max-width: 70px; }
#partnerlogos .bikeacademy {
	position: relative; left: -15%;
	width: 120%;
}
#quickrequest {
	background: #828285;
	box-shadow: 0px 3px 23px -3px rgba(0,0,0,0.75); -webkit-box-shadow: 0px 3px 23px -3px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 23px -3px rgba(0,0,0,0.75);
	height: 54px;
	position: fixed; bottom: 0; left: 0; right: 0; z-index: 3;
}
#quickrequest img {
	height: auto; min-height: 50px;
	vertical-align: middle;
	width: 100%; max-width: 1900px;
}
#socialmedia {
	position: absolute; top: 0; bottom: 0; left: 0; z-index: 2;
	text-align: center;
	width: calc(100% - 860px);
}
#socialmedia > * {
	display: inline-block;
	margin: 0 1%;
	vertical-align: -16px;
}
#socialmedia img { max-width: 24px; max-height: 24px; min-height: 0!important; }
#requestpart {
	margin: 0 auto;
	position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;
	width: 100%; max-width: 1400px;
}
#requestpart form {
	background: #828285;;
	display: table;
	float: right;
	position: relative;
	table-layout: fixed;
	width: 100%; max-width: 860px;
}
#requestpart form:after {
	background: #828285;
	content: '';
	display: block;
	position: absolute; top: 0; right: -200%; bottom: 0;
	width: 200%;
}
#requestpart .frow {
	background: #FFF;
	font-size: 16px;
	display: table-cell;
	vertical-align: middle;
	width: 23%;
}
#requestpart .frow:first-child { border-right: 2px solid #828285; }
#requestpart .frow:nth-child(2) { padding-left: 2.5%; }
#requestpart .frow:last-child { 
	background: #828285;
	width: 56%; 
}
#requestpart .frow a.button {
	background: #828285!important;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	float: left;
	padding: 15px;
	width: 23%;
}
#requestpart .frow a.button:first-child { width: 48%; }
#requestpart .frow a.button:nth-child(2) { width: 29%; }
#requestpart .frow a.button:hover { background: #47474E!important; }
#requestpart .frow a.button .ic { display: none; }
#requestpart .frow img { max-width: 20px; max-height: 20px; min-height: 0!important;  }
#requestpart .frow input {
	border: none;
	padding: 5px;
	vertical-align: middle;
	max-width: 120px;
}
@media screen and (min-width: 1024px) {
	html[lang="it"] #requestpart .frow { width: 20%; }
	html[lang="it"] #requestpart .frow:last-child { width: 56%; }
	html[lang="it"] #requestpart .frow a.button { width: 27%; }
	html[lang="it"] #requestpart .frow a.button:first-child { width: 46%; }
	html[lang="it"] #requestpart .frow input { max-width: 100px; }
}
#requestpart .frow input[name="anreise"] { padding-left: 1.5em; }
#requestpart .frow:last-child > * {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	width: 50%;
}
#requestpart .frow a.bookbtn { 
	background: #efcc00!important;
	color: #000!important;
}
#requestpart .frow a.bookbtn:hover { background: #d4b501!important; }
#requestpart .frow a.requestbtn {
	background: #FFF000!important; 
	color: #000!important;
}
#requestpart .frow a.requestbtn:hover { background: #e4d703!important; }
#mobile-lastminute-btn { display: none; }

/* START Requestbook Fragment */
#article #erwachsene_anzahl, #article #kinder_anzahl { max-width: 2em; }
#article #kinder_anzahl { margin-right: 1em; }
#article label[for="kinder_anzahl"] { max-width: 80px; }

.childages { 
	display: none;
	width: 240px;
}
.childages.show { display: inline-block; }
.childages input { margin-left: 1.2em!important; }
/* END Requestbook Fragment */

/* START Hinweisbox */
.hint-container {
	display: none;
	font-size: 16px;
	position: fixed; z-index: 10001; right: -600px;
	text-align: right;
	left: 50%;
	transform: translateX(-50%);
	overflow: auto;
	max-width: 920px;
	max-height: calc(100vh - 20px);
}
.hint-innercontainer {
	background: #828285;
	box-shadow: 0px 4px 15px 5px rgba(0,0,0,0.75); -webkit-box-shadow: 0px 4px 15px 5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 4px 15px 5px rgba(0,0,0,0.75);
	color: #FFF;
	display: table;
	table-layout: fixed; text-align: left;
	width: 100%;
}
.hint-innercontainer > * {
	display: table-cell;
	vertical-align: top;
}
.hint-image {
	background-position: center; background-repeat: no-repeat; background-size: cover;
	width: 300px;
}
.hint-content {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	font-size: 1.175em;
	line-height: 1.35em;
	position: relative; z-index: 1;
}

.hint-content .owl-prev { position: absolute; left: -90%; top: 50%; transform: translateY(-50%); }
.hint-content .owl-next { position: absolute; right: -20px; top: 50%; transform: translateY(-50%); }
.hint-content .owl-prev i, .hint-content .owl-next i {
	background: #0c544c;
	cursor:	pointer;
	color: #fff;
}
.hint-content .owl-prev i { padding: 3px 0px 3px 10px; }
.hint-content .owl-next i { padding: 3px 3px 3px 6px; }

.hint-mobile-show { display: none; }
.hint-remove, .hint-mobile-show { cursor: pointer; }
.hint-content .hint-remove, .hint-content .hint-mobile-show { position: absolute; z-index: 1;  }
.hint-content .hint-mobile-show { right: 2.25em; top: 0.9em; }
.hint-content .hint-remove { right: 5px; top: 5px; }
.hint-content .hint-mobile-show i { font-size: 1.65em; }
.hint-content .hint-remove i, .hint-content .hint-mobile-show i {
	color: #FFF;
}
.hint-title {
	background: #0e544c;
	color: #FFF;
	padding: 1em;
}
.hint-content { padding: 1.5em; }
.hint-content p a:hover {
	color: #fff;
}
.hint-content p {
	margin: 0;
	padding: 0.5em 0;
}
.hint-buttoncontainer {
	margin-left: 1.5em; margin-right: 1.5em; margin-top: 1.5em; margin-bottom: 1em;
	text-align: right;
}
.hint-content .button { font-size: 0.8em; }
.hint-content-inner .hinttitle {
	display: inline-block;
	font-weight: bold; font-size: 1.25em;
	margin-bottom: 0.5em;
}
.hint-content-inner img {
	float: right;
	padding: 0 1em 1em 1em;
}
@media screen and (max-width: 960px) {
	.hint-container {
		width: 95vw;
		max-width: none;
	}
}
@media screen and (max-width: 785px) {
	.hint-content-inner img { display: none; }
}
/* END Hinweisbox */

/* CONTENT */
#article { 
	background: #FFF;
	line-height: 160%;
	padding-bottom: 6em;
	text-align: left;
}
#article h2 { margin: 1.8em auto 1em; }
#article h3 {
	line-height: 1.3em;
	margin: 1em auto;
}
#article h4 { line-height: 1.3em; }
#article a:hover { color: #E30613; }
#article header p { font-family: 'Robotomedium Italic'; font-size: 1.25em; margin-top: 0; }
#article .threecols {
	column-count: 3; -moz-column-count: 3; -webkit-column-count: 3;
	column-gap: 60px; -moz-column-gap: 60px; -webkit-column-gap: 60px;
}
#article p.threecols { max-width: 1400px; }
#content-container > div > ul { padding-left: 80px!important; }
#article ul[style*="circle"] { font-family: 'Robotoregular'; font-size: 18px; }
#content-container ul[style*="circle"] li {
	list-style-type: none;
	margin-bottom: 30px;
	position: relative;
}
#content-container ul[style*="circle"] li:before {
	background-image: url('/grafik/template/kussmund_rot.png');
	background-image: url('/grafik/template/kussmund_rot.svg');
	background-repeat: no-repeat;
	content: "";
	height: 38px; width: 50px;
	position: absolute; top: -8px; left: -90px;
}
#content-container > div > ul[style*="circle"] {
	margin-top: 40px!important; margin-bottom: 40px!important;
	padding-left: 140px!important;
}
#article ul[style*="circle"] strong { font-family: 'Droid Serifbold'; font-size: 1.5em; }
#content-container > div > ol { padding-left: 90px; }

#article .hotelgallerybutton {
	display: block;
	margin: 0 auto;
	max-width: 170px;
}
#article .hotelgalleryimages {
	height: 0;
	margin: 0;
}

/* Plant for the planet */
#pftp-widget-container {
	margin-bottom: 2em;
	padding-left: 14px!important; padding-right: 14px!important;
}
#pftp-widget-container p {
	font-size: 15px;
	text-align: center;
}
#pftp-widget-container .pftpInformationButton { color: #FFF; }
#pftp-treecounter-widget {
	background: none!important;
	margin-left: auto!important; margin-right: auto!important;
	min-width: 0!important;
	width: auto!important;
}
#pftpCircleHeadline, #pftpCircleNumber {
	display: inline-block!important;
	line-height: 1em;
}
@media screen and (max-width: 820px) {
	#pftp-treecounter-widget > div {
		display: block!important;
		float: none!important;
		margin-left: auto!important; margin-right: auto!important;
		width: auto!important;
	}
	#pftpSelfPlantedContainer, #pftpCommunityPlantedContainer { float: none!important; }
	#pftpTextContainer { height: auto!important; }
}

/* Seekda */
.skd-widget {
	background: #FFF!important;
	padding-left: 1em!important; padding-right: 1em!important;
}
.skd-dsr-view { border-color: #E30613!important; }

.skd-widget-btn, .skd-widget-input-group-addon {
	border-radius: 1px!important;
	box-shadow: none!important;
	font-weight: bold!important;			
}
.skd-widget-btn-primary { border: 0!important; }
.skd-widget a.button:hover, .skd-widget button:hover, .skd-widget input[type="submit"]:hover, .skd-widget input[type="button"]:hover { color: #333!important; }
.skd-widget-btn-primary, .skd-widget-btn.skd-widget-active, .skd-widget-input-group-addon, .skd-active, li.skd-active::after, .skd-date-range, .skd-date-trail, .skd-loading-pulse > div,
.skd-widget-btn-danger, .skd-btn-checkout, .skd-service-selection-mark, .skd-service-selection-mark:before, .skd-service-selection-mark:after, .skd-offer-list-widget .container-progress ul.skd-breadcrumbs li.skd-active,
.skd-offer-list-widget .container-progress ul.skd-breadcrumbs li.skd-active:after { 
	background: #A2A2A4!important; 
	background-color: #A2A2A4!important; 
	border-color: #A2A2A4!important; 
	color: #FFF!important;
}
.skd-widget-btn-primary:hover, .skd-widget-btn.skd-widget-active:hover, .skd-widget-input-group-addon:hover, .skd-widget-btn-danger:hover, 
.skd-offer-list-widget .container-progress ul.skd-breadcrumbs li:not(.skd-widget-disabled):hover, .skd-offer-list-widget .container-progress ul.skd-breadcrumbs li:not(.skd-widget-disabled):hover:after, 
.skd-btn-checkout:hover {
	background: #656569!important; background-color: #656569!important;
	border-color: #656569!important;
	color: #FFF!important;
}
.skd-amount-tag { background: #FFF!important; }
.skd-widget, .skd-property-title, .skd-search-results-summary-inner, .skd-address, .skd-room-info, .skd-single-rate-price, #skd-service-filters, 
.skd-widget-dropdown-menu > li > a, .skd-service-price, .skd-amount-tag, h2.skd-fancy-header, h5.skd-fancy-header { color: #333!important; }
.skd-widget .skd-dsr-view .skd-property-amenities .skd-amenity-list .skd-iconmoon, .skd-icon, .skd-price-wrapper { color: #E30613!important; }
.skd-widget a.skd-widget-btn-primary.button:hover, .skd-widget button.skd-widget-btn-primary:hover, .skd-widget input[type="submit"].skd-widget-btn-primary:hover, 
.skd-widget input[type="button"].skd-widget-btn-primary:hover, .skd-widget a.skd-active.button:hover, .skd-widget button.skd-active:hover,
.skd-widget input[type="submit"].skd-active:hover, .skd-widget input[type="button"].skd-active:hover { color: #FFF!important; }

#article #skd-results-view .skd-property-result .skd-property-info .skd-btn-bar { bottom: 40px; }
#req-all-btn {
	line-height: 1.34;
	margin-left: 5px;
}
@media screen and (max-width: 465px) {
	#skd-search-submit > div > div { width: 100%; }
	#skd-search-submit button, #req-all-btn {
		display: block;
		margin-left: 0;
		width: 100%;
	}
	#req-all-btn { margin-top: 5px; }
}
#article .req-btn { 
	margin-top: 5px;
	min-width: 200px;
}
#article .skd-properties-list-view .skd-btn-bar > br { display: none; }
#article .skd-properties-list-view .req-btn { 
	display: inline-block; 
	margin-left: 5px; margin-top: 0;
}
@media screen and (max-width: 805px) {
	#article .skd-properties-list-view .req-btn {
		font-size: 14px;
		padding: 4px 6px;
	}
}
@media screen and (max-width: 690px) {
	#article .skd-properties-list-view .req-btn { margin-left: 2px; }
}
@media screen and (max-width: 470px) {
	#article .skd-properties-list-view .skd-btn-bar { height: 83px; }
	#article .skd-properties-list-view .skd-btn-bar > br { display: block; }
	#article .skd-properties-list-view .req-btn { margin-left: 0; margin-top: 5px; }
}

/* Elemente */
/* START imageboxes */
.imageboxes { 
	clear: both; 
	font-size: 14.4px;
	overflow: auto;
	margin-bottom: 6em;
}
.imageboxes > * {
	background-position: center center; background-repeat: no-repeat; background-size: cover;
	display: inline-block;
	float: left;
	min-height: 365px;
	margin-top: 10px; margin-right: 10px;
	position: relative; z-index: 1;
	width: calc(50% - 5px);
}
.imageboxes > *:nth-child(2n) { margin-right: 0; }
.imageboxes > *.singleimagebox { 
	margin-right: 0;
	width: 100%; 
}
.imageboxes .imagebox-overlay, #offers-container .offer-imageoverlay {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+46,000000+89&0+54,0+54,0.8+89 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 46%, rgba(208,208,208,0) 54%, rgba(0,0,0,0.8) 89%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 46%,rgba(208,208,208,0) 54%,rgba(0,0,0,0.8) 89%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 46%,rgba(208,208,208,0) 54%,rgba(0,0,0,0.8) 89%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
	position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;
}
.imageboxes .singleimagebox .imagebox-overlay {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+11,ffffff+54,ffffff+100&0.8+11,0+46,0+46 */
	background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 11%, rgba(208,208,208,0) 46%, rgba(255,255,255,0) 54%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 11%,rgba(208,208,208,0) 46%,rgba(255,255,255,0) 54%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0.8) 11%,rgba(208,208,208,0) 46%,rgba(255,255,255,0) 54%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.imageboxes .singleimagebox .imagebox-overlay.right {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+46,000000+89&0+54,0+54,0.8+89 */
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 46%, rgba(208,208,208,0) 54%, rgba(0,0,0,0.8) 89%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 46%,rgba(208,208,208,0) 54%,rgba(0,0,0,0.8) 89%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 46%,rgba(208,208,208,0) 54%,rgba(0,0,0,0.8) 89%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cc000000',GradientType=1 ); /* IE6-9 */
}
.imageboxes .imagebox-overlay .imagebox-content { 
	position: absolute; z-index: 2;
	text-align: left;
}
.imageboxes .imagebox-overlay .imagebox-content { bottom: 2.5em; left: 2.5em; right: 2.5em; }
.imageboxes .imagebox-overlay.right .imagebox-content { text-align: right; }
.imageboxes .imagebox-overlay .imagebox-content > * { 
	color: #FFF;
	line-height: 1.1em;
}
.imageboxes .imagebox-content-big { font-family: 'Droid Serif Italic', serif; font-size: 6.43em; }
.imageboxes .imagebox-content-title { font-family: 'Droid Serifregular', serif; font-size: 1.625em; }
.imageboxes .imagebox-content-txt { 
	margin-top: 0.3em;
	max-width: 500px; 
}
.imageboxes .imagebox-overlay.right .imagebox-content-txt { float: right; }
/* Imagebox Media Queries */
@media screen and (max-width: 520px), (min-width: 901px) and (max-width: 1150px) {
	.imageboxes .imagebox-content-big { font-size: 4em; }
}
@media screen and (max-width: 900px) {
	.imageboxes > * {
		margin-right: 0;
		width: 100%;
	}
}
@media screen and (max-width: 400px) {
	.imageboxes .imagebox-content-big { font-size: 3.2em; }
}
/* END imageboxes */

/* Fragmente */
.tabs-container { text-align: center; }
.tabs-container .tabs { margin-bottom: 50px; }
.tabs-container .tabs > *.button, .tabs-container .tabs > *.button:hover {
	background: #FFF;
	border: 1px solid #828285;
	color: #484848!important;
	cursor: pointer;
	display: inline-block;
	position: relative; z-index: 1;
	padding: 15px 25px;
}
.tabs-container .tabs > *.button.active { 
	background: #828285!important;
	color: #FFF!important;
}
.tabs-container .tabs > * + * { margin-left: 0.5em; }
.tabs-container .tabs > *:before {
	background: transparent;
	border-width: 15px 15px 0 15px; border-color: #828285 transparent transparent transparent; border-style: solid;
	content: '';
	display: none;
    position: absolute; left: 50%; bottom: -15px; z-index: 1;
	transform: translateX(-50%);
}
.tabs-container .tabs > *.active:before { display: inline-block; }
.tabs-container select {
	display: none;
	margin-bottom: 2em;
	width: 100%;
}
.tabs-content-container > * { display: none; }
.tabs-content-container > *.active { display: block; }
.more {
	margin-top: 2em;
	text-align: center;
}

.tabs-rooms .tabs-room-inner {
	display: table;
	width: 100%;
}
.tabs-rooms .tabs-rooms-header, .tabs-offers-header {
	background: #EFEFEF;
	clear: both;
	height: 55px;
	overflow: hidden;
	padding: 0.5em 1em;
}
.tabs-rooms .tabs-rooms-header span, .tabs-offers-header span {
	font-size: 2em;
	line-height: 55px;
	text-transform: uppercase;
}
.tabs-rooms .prevnext, .tabs-offers-header .prevnext { float: right; }
.tabs-rooms .prevnext > *, .tabs-offers-header .prevnext > * { padding: 15px!important; }
.tabs-rooms .prevnext img, .tabs-offers-header .prevnext img  {
	display: block;
	height: auto;
	width: 25px;
}

.tabs-rooms .tabs-rooms-cycle > *, .tabs-rooms .tabs-room-imgscycle > * { width: 100%; }
.tabs-rooms .tabs-rooms-cycle > * { background: #FFF; }
.tabs-rooms .tabs-room-imgscycle > * { z-index: 2!important; }
.tabs-rooms .cycle-pager { 
	margin-top: 0.5em;
	text-align: center; 
}
.tabs-rooms .cycle-pager > * {
	background: #828285;
	border: 1px solid #828285;
	display: inline-block;
	width: 14px; height: 14px;
}
.tabs-rooms .cycle-pager > *.cycle-pager-active { background: #FFF; }
.tabs-rooms .cycle-pager > * + * { margin-left: 7px; }
.tabs-rooms .sizeandocc { margin: 1em 0 2em; }
@media screen and (max-width: 750px) {
	.roomfragment-container .tabs, .tabs-rooms .tabs-rooms-header span, .tabs-offers-header span { display: none; }
	.roomfragment-container .tabs-container select { display: block; }
	.tabs-rooms .tabs-rooms-header, .tabs-offers-header {
		background: transparent;
		padding: 0;
		text-align: center;
	}
	.tabs-rooms .prevnext, .tabs-offers-header .prevnext { float: none; }
}

.tabs-offers > *.tabs-offer {
	background: #F4F4F4;
	display: table;
	margin-bottom: 1rem;
	width: 100%;
}
.tabs-offers > *.tabs-offer + * { margin-top: 2em; }
.tabs-offers > *.tabs-offer > *, .tabs-rooms .tabs-room-inner > * {
	display: table-cell;
	padding: 2em;
	vertical-align: top;
	width: 100%;
}
.tabs-offers > *.withimage > *, .tabs-rooms .tabs-room-inner.withimage > * { width: 50%; }
.tabs-offers > *.withimage > *:first-child, .tabs-rooms .tabs-room-inner.withimage > *:first-child { padding-right: 0; }
.tabs-offers img, .tabs-rooms img {
	display: block;
	height: auto;
	width: 100%;
}
.tabs-offers .likeh3, .tabs-rooms .likeh3 { 
	line-height: 1.2em;
	margin: 0;
}
.tabs-offers .liketable { margin-top: 3em; margin-bottom: 1em; }
.tabs-offers .liketable > * { vertical-align: top; }
.tabs-offers .liketable > *:first-child { width: 40px; }
.tabs-offers .icon {
	display: inline-block;
	max-width: 24px;
    vertical-align: -6px;
}
.tabs-offers .dates > * { display: inline-block; }
.tabs-offers .offerbox-content-right-side > * { text-align: left; }
.tabs-offers .btnbox, .tabs-rooms .btnbox {
	display: table;
	margin-top: 3em;
	width: 100%;
}
.tabs-offers .btnbox > *, .tabs-rooms .btnbox > * {
	display: table-cell;
	vertical-align: middle;
}
.tabs-offers .btnbox > *:first-child, .tabs-rooms .btnbox > *:first-child { width: 135px; }
.tabs-offers .btnbox > *:last-child, .tabs-rooms .btnbox > *:last-child { text-align: right; }
.tabs-offers .btnbox > *:last-child > * + *, .tabs-rooms .btnbox > *:last-child > * + * { margin-left: 3px; }
@media screen and (max-width: 1130px) {
	.tabs-offers > *.tabs-offer, .tabs-offers > *.tabs-offer > *, .tabs-rooms .tabs-room-inner, .tabs-rooms .tabs-room-inner > * { display: block!important; }
	.tabs-offers > *.tabs-offer > *, .tabs-rooms .tabs-room-inner > * {
		padding: 0!important; 
		width: 100%!important;
	}
	.tabs-offers > *.tabs-offer > *:last-child { padding: 1.5em!important; }
	
	.tabs-rooms .tabs-rooms-header { margin-bottom: 2rem; }
	.tabs-rooms .tabs-room-inner > *:last-child { padding: 2em 0!important; }
}
@media screen and (max-width: 540px) {
	.tabs-offers .btnbox, .tabs-offers .btnbox > *, .tabs-rooms .btnbox, .tabs-rooms .btnbox > * { display: block; }
	.tabs-offers .btnbox > *, .tabs-rooms .btnbox > * { width: 100%!important; }
	.tabs-offers .btnbox .button, .tabs-rooms .btnbox .button {
		box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
		display: block;
		margin: 6px 0 0;
		width: 100%;
	}
}
@media screen and (max-width: 450px) {
	.offerfragment-container .tabs, .requestbookfragment-container .tabs { display: none; }
	.offerfragment-container .tabs-container select, .requestbookfragment-container .tabs-container select { display: block; }
}

.hotelimages-container { position: relative; z-index: 1; }
.hotelimages-cycle > * { 
	width: 100%;
	z-index: 1!important;
}
.hotelimages-cycle img {
	display: block;
	height: auto;
	width: 100%;
}
.hotelimages-prevnext > * {
	padding: 15px!important;
	position: absolute; z-index: 1; top: 50%;
	transform: translateY(-50%);
}
.hotelimages-prevnext > * img {
	display: block;
	height: auto;
	width: 25px;
}
.hotelimages-prevnext .hotelimages-pager-prev { left: 0; }
.hotelimages-prevnext .hotelimages-pager-next { right: 0; }
@media screen and (max-width: 750px) {
	.hotelimages-prevnext { 
		margin-top: 1em;
		text-align: center;
	}
	.hotelimages-prevnext > * { 
		position: static; top: auto;
		transform: translateY(0);
	}
}

#fragment-gmap_map {
	color: #484848;
	margin: 2em 0 1em;
	width: 100%;
	height: 600px;
}	
#fragment-gmap_infowindow {
	height: 32px; 
	line-height: 140%;
	overflow: hidden;
	text-align: left;
}
#fragment-gmap_infowindow span { display: block; width: 200px; }

.modernform { 
	background: #f4f4f4;
	padding: 40px 0;
	position: relative; z-index: 1;
	overflow: visible;
}
.modernform:before {
	background: #f4f4f4;
	content: '';
	position: absolute; z-index: 1; left: -1000px; right: -1000px; top: 0; bottom: 0;
}
.modernform .formcheck > div { margin-bottom: 0; }
.modernform fieldset label {
	text-align: left!important;
	width: 130px!important; min-width: 0!important;
}
.modernform fieldset label.biglabel { width: 200px!important; } 
.modernform fieldset label + * { 
	display: inline-block;
	width: calc(100% - 135px); 
}
.modernform fieldset label.biglabel + * { width: calc(100% - 205px); }
.modernform fieldset {
	background: #FFF;
	margin: 0 auto!important;
	max-width: 980px;
	padding: 0!important;
	position: relative; z-index: 1;
}
.modernform fieldset + fieldset { margin-top: 1em!important; }
.modernform .f_formrow {
	clear: both;
	overflow: auto;
	padding: 1em;
}
.modernform .f_formrow.formhint { padding-top: 0.3em; padding-bottom: 0; }
.modernform .f_formrow.formhint > * { font-size: 0.8em; font-style: italic; }
.modernform .f_formrow.formhint + .f_formrow, .modernform .formhintlabel + .f_formrow { padding-top: 0.2em; }
.modernform .formhintlabel { padding-bottom: 0; }
.modernform .f_formrow > * {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	display: inline-block;
	float: left;
	height: 40px;
	padding: 0 0.5em;
	width: 100%;
}
.modernform .f_formrow > *.autoheight { height: auto; }
.modernform .f_formrow > *.half { width: 50%; }
.modernform .f_formrow > * > *, .modernform .datepicker-container > * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.modernform .datepicker-container {
	display: inline-block;
	overflow: hidden;
	position: relative; z-index: 1;
}
.modernform .datepicker-container input { width: 100%; }
.modernform .datepicker-container .deleter {
	display: none;
	position: absolute; z-index: 1; top: 45%; left: 90%;
	text-decoration: none!important;
	transform: translateY(-50%);
}
.modernform .datepicker-container.dateselected .deleter { display: inline-block; }
.modernform .hint { font-size: 0.85em; }
.modernform .hiddenfield { display: none; }
.modernform .roomselection { 
	border-top: 1px solid #CCC;
	margin-top: 2em;
	padding-top: 2em;
	position: relative; z-index: 1;
}
.modernform .roomselection-adder { 
	display: inline-block;
	margin-top: 2em; 
}
.modernform .roomselection-deleter {
	position: absolute; z-index: 1; top: 5px; right: 5px;
	text-decoration: none!important;
}
.modernform .roomselection:first-child .roomselection-deleter { display: none; }
.modernform .adultsselection-container { margin: 0.3em 0; }
.modernform .adultsselection-container label, .modernform .childrenselection-container label { width: auto!important; }
.modernform .adultsselection-container select, .modernform .childrenselection-container select {
	display: inline-block; 
	width: auto;
}
.modernform .childrenages { display: inline-block; }
.modernform .childrenages > * { margin: 0 7px; }
.modernform .checkbox-container {
	clear: both;
	overflow: auto;
}
.modernform .checkbox-container > * {
	display: inline-block;
	float: left;
	margin: 0.35em;
	width: calc(50% - 0.7em);
}
.modernform .checkbox-container input[type="checkbox"] { vertical-align: 3px!important; }
.modernform .checkbox-container label {
	cursor: pointer;
	line-height: 1.2em;
	margin-top: 0!important; margin-left: 5px;
	width: auto!important; max-width: calc(100% - 28px);
	white-space: normal!important;
}
.modernform textarea { 
	resize: vertical; 
	width: 100%;
}
.modernform input[type="submit"] { margin-left: 0!important; }
@media screen and (max-width: 1023px) {	
	.modernform .f_formrow > *.half { width: 100%; }
	.modernform .f_formrow > *.half + .half { margin-top: 1em; }
	
	.modernform .datepicker-container { max-width: 250px; }
}
@media screen and (max-width: 767px) {
	.modernform { padding: 20px 0; }
	
	.modernform fieldset + fieldset { margin-top: 20px!important; }
	.modernform label { display: block!important; }
	.modernform label + * { width: 100%!important; }
	
	.modernform .roomselection-container select { width: 100%; }
	.modernform .adultsselection-container select, .modernform .childrenselection-container select { 
		overflow: hidden;
		width: auto!important; max-width: 100%;
	}
	.modernform .childrenselection-container select { margin-top: 2.5px; margin-bottom: 2.5px; }
	.modernform .childrenselection-container > select { margin-right: 7px; }
	.modernform .childrenselection-container .childrenages select { margin-left: 0; margin-right: 14px; }
	
	.modernform .checkbox-container > * { 
		margin-left: 0; margin-right: 0;
		width: 100%;
	}
	.modernform .checkbox-container label { display: inline-block!important; }
	
	.modernform .f_formrow { padding-left: 10px!important; padding-right: 10px!important; }
	.modernform .f_formrow > * { height: auto; }
	.modernform .f_formrow + .f_formrow { padding-top: 0.2em; }
	.modernform .f_formrow > *.half + .half { margin-top: 0.2em; }
}

.requestbookfragment-container .skd-widget { padding-left: 0!important; padding-right: 0!important; }
.requestbookfragment-container .skd-widget a { text-decoration: none!important; }

/* Subheadline-Table */
#article .subheadlinetable {
	display: table;
	table-layout: fixed;
	width: 100%;
}
#article .subheadlinetable + .subheadlinetable { margin-top: 1em; }
#article .subheadlinetable > div {
	display: table-cell;
	vertical-align: top;
	width: 40px;
}
#article .subheadlinetable img { margin-top: 5px!important; }
#article .subheadlinetable > div:nth-child(2) {
	clear: both;
	overflow: auto;
	width: calc(100% - 40px);
}

/* Wetter */
.nowrap { white-space: nowrap; }
#article .weather.vorschau table, article .w_entwicklungen table { width: 100%; }
#article .weather > div > div h3, article .w_entwicklungen h3 {
	background-color: transparent;
	color: #484848;
	font-weight: bold;
	padding-left: 0;
}
#article .weather > div { display: table-row; }
#article .weather > div > div {
	display: block;
	padding: 0;
	width: 100%;
}
#article .weather.vorschau > div > div {
	display: table-cell;
	padding-left: 2em;
	width: 50%;
}
#article .weather.vorschau > div > div:first-child { padding-left: 0; }
#article .weather  table { width: 100%; max-width: 275px; }
#article .weather.vorschau table td { padding: 5px; }
#article .w_entwicklungen td {
	padding: 0!important;
	text-align: center!important;
	width: 33.3%;
}
#article .weather .winfo {
	margin-top: 15px;
	padding: 2%;
	width: 96%;
}
#article .wfont { text-align: center; vertical-align: middle; font-size: 80px;}
#article .weather .wimage, #article .weather .temps { display: table-cell; }
#article .weather .wimage {width: 25%;}
#article .weather .temps {
	padding-left: 5%;
	width: 70%;
}
#article .weather .wdesc { clear: both; }
#article .w_entwicklungen .nextdays {line-height: 1.231;}
#article .weather .tablecontainer { overflow: visible!important; }
@media screen and (max-width: 650px) {
	#article .weather > div > div {
		display: block!important;
		padding: 0!important;
		width: 100%!important;
	}
}

/* Button-Tables */
#buttontable {
	display: table!important;
	table-layout: fixed;
	margin-top: 2.5em!important;
	width: 100%;
}
#buttontable.mb { margin-bottom: 5em; }
#buttontable > * {
	display: table-cell;
	vertical-align: bottom;
}
#bookrequest { text-align: right; }
#buttontable .button { margin: 0.2em 0; }
@media screen and (max-width: 700px) {
	#buttontable, #buttontable > * {
		display: block;
		margin: 0;
		width: 100%;
	}
	#buttontable .button.back {
		display: block;
		box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
		width: 100%;
	}
	#bookrequest {
		clear: both;
		overflow: auto;
	}
	#bookrequest .button {
		box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
		display: inline-block;
		float: left;
		width: 49.5%;
	}
	#bookrequest .button:first-of-type { margin-right: 1%!important; }
}
@media screen and (max-width: 350px) {
	#bookrequest .button {
		margin: 1% 0;
		width: 100%;
	}
}

/* Webcams */
#webcams {
	clear: both;
	margin: 1em 0 5em;
	overflow: auto;
}
#webcams > * {
	display: inline-block;
	float: left;
	margin: 2.5% 5% 2.5% 0;
	text-decoration: none!important;
	width: 47.5%;
}
#webcams > *:nth-child(2n) { margin-right: 0; }
#webcams figcaption {
	background: #fff;
	padding: 0.2em;
	text-align: center; text-decoration: none;
}
#webcams img {
	display: block;
	height: auto; width: 100%;
}
@media screen and (max-width: 450px) {
	#webcams { margin: 1em 0; }
	#webcams > * {
		display: block;
		float: none;
		margin: 5% auto;
		width: 100%; max-width: 640px;
	}
}

/* Bildergalerie */
#albums {
	clear: both;
	overflow: auto;
	margin-bottom: 2em;
}
#albums .album {
	display: inline-block;
	float: left;
	margin: 2.5% 5% 2.5% 0;
	text-decoration: none!important;
	width: 47.5%;
}
#albums .album:nth-child(2n) { margin-right: 0; }
#albums figure {
	overflow: hidden;
	position: relative;
}
#albums figcaption {
	background: #FFF;
	color: #828285;
	font-family: 'Droid Serifbold';
	padding: 0.4em;
	position: absolute; bottom: 0; right: 0;
}
#albums .album:hover figcaption { color: #E30613; }
#albums img {
	height: auto;
	vertical-align: middle;
	width: 100%;
}
@media screen and (max-width: 500px) {
	#albums .album {
		display: block;
		float: none;
		margin-right: 0;
		width: 100%; max-width: 500px;
	}
}

/* Prospektformular */
#prospektform .inlineblock {
	display: inline-block;
	margin-top: 0!important;
	max-width: calc(100% - 200px);
}
#prospektform .checkboxlabel {
	margin: 0; margin-left: 0.5em;
	min-width: 0; width: auto;
	text-align: left;
}
#prospektform .floatfixedwwidth {
	clear: both;
	overflow: auto;
}
#prospektform .floatfixedwwidth > * {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	display: inline-block;
	float: left;
	padding: 0 0.7em;
	width: 200px;
}

/* Datepicker */
div .ui-widget-header { background: #828285!important; }

/* Responsive Videos */
#article .video-container {
	position: relative; z-index: 1;
	padding-bottom: 51.25%;
	padding-top: 30px;
	height: 0; max-height: 520px;
	overflow: hidden;
}
#article .video-container iframe,
#article .video-container object,
#article .video-container embed {
	position: absolute; top: 0; left: 0; z-index: 11;
	width: 100%; height: 100%;
}

/* Boxen */
#boxes {
	clear: both;
	display: table;
	overflow: auto;
	table-layout: fixed;
	width: 100%;
}
#boxes .boxesrow { display: table-row; }
#boxes .boxesrow > * {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}
#boxes .boxesrow > * > * {
	background-color: #FFF;
	display: table;
	font-size: 0.8em;
	table-layout: fixed;
	text-align: center;
	width: 100%;
}
#boxes .box > * {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}
#boxes .box .text {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	padding: 10px 20px;
}
#boxes img {
	height: auto; width: 100%;
	vertical-align: middle;
}
#boxes strong {
	font-size: 1.8em;
	line-height: 1.2em;
}
#boxes a { font-size: 1.25em; }
#boxes a:hover { color: #E30613; }
#boxes p { margin: 25px 0 15px; }
#boxes strong, #boxes a { font-family: 'Droid Serifbold'; }

/* Link-Boxen */
.linkboxes {
	clear: both;
	display: block;
	margin: 2em 0;
	overflow: auto;
}
.linkboxes .linkbox {
	display: inline-block;
	float: left;
	margin-left: 2em;
}
.linkboxes .linkbox:first-child { margin-left: 0; }

.linkboxes.half .linkbox { width: calc(50% - 1em); }
.linkboxes.third .linkbox { width: calc(33.3333% - 1.333em); }
.linkboxes.fourth .linkbox { width: calc(25% - 1.5em); }
.linkbox-image {
	height: auto;
	vertical-align: middle;
	width: 100%;
}
.linkbox-content { padding: 1em; }
.linkbox-content a {
	font-family: 'Droid Serifbold';
	text-decoration: none!important;
}
.linkbox-content a.button:hover { color: #FFF!important; }
.singlelinkbox .linkbox-content a:first-child { font-size: 1.2em; }
.singlelinkbox {
	display: table!important;
	margin: 2em 0;
	table-layout: fixed;
	width: 100%;
}
 .singlelinkbox > * {
	display: table-cell;
	vertical-align: top;
	width: 50%;
}
 .singlelinkbox > *:first-child { padding-right: 1em; }
 .singlelinkbox-col img {
	 display: block;
	 height: auto;
	 width: 100%;
 }
.linkbox-content, .singlelinkbox > * { background: #F4F4F4; }
.singlelinkbox .linkbox-content {
	clear: both;
	overflow: auto;
	padding: 1.5em 2em 1.5em 1em;
}

/* Angebots-Filter */
.offer-filter { margin-top: 2em; }
.offer-filter label {
	display: block;
	font-weight: bold;
	margin-top: 1em;
}
.offer-filter-inner {
	clear: both;
	margin-left: -0.2em;
	overflow: auto;
}
.offer-filter-inner > * {
	border: 1px solid #484848;
	background: #FFF;
	cursor: pointer;
	display: inline-block;
	float: left;
	margin: 0.2em;
	padding: 0.5em 1em;
}
.offer-filter-inner[data-search="dates"] > * { float: none; }
.offer-filter-inner > * span { 
	border: 1px solid #484848;
	margin-right: 0.5em; 
	padding: 0.1em 0.4em;
	text-align: center;
}
.offer-filter-inner > *.inactive span { color: transparent; }
.offer-filter + .offerboxes { margin-top: 2em; }

#loader {
	display: none;
	margin-top: 2.5em;
	text-align: center;
}
#loader i {
	animation: rotating 0.75s linear infinite; -webkit-animation: rotating 0.75s linear infinite; -moz-animation: rotating 0.75s linear infinite; -ms-animation: rotating 0.75s linear infinite; -o-animation: rotating 0.75s linear infinite;
	font-size: 3em;
}
@-webkit-keyframes rotating {
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotating {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

#noresults { text-align: center; }

#searchbutton { margin-top: 2em; }

/* Angebots-Boxen */
.offerboxes {
	display: flex!important; flex-wrap: wrap;
	clear: both;
	overflow: auto;
	max-width: 1400px!important;
	margin: 3em auto;
}
.offerboxes > * {
	background: #F4F4F4;
	display: inline-block;
	display: flex; flex-direction: column;
	float: left;
	margin-right: 2.5%; margin-top: 32px;
	text-decoration: none!important;
	width: 48.75%;
}
.offerboxes > *:hover { 
	background: #EEE;
	color: #484848!important;
}
.offerboxes > *:nth-child(2n) { margin-right: 0; }
.offerbox.noimage .offerbox-top {
	background: #F4F4F4;
	height: 333px;
	width: 100%;
}
.offerboxes img {
	height: auto;
	position: relative; z-index: 1;
	vertical-align: middle;
	width: 100%;
}
.offerbox-top {
	display: table;
	position: relative;
}
.offerbox-head { position: absolute; left: 2.5em; right: 2.5em; bottom: 1em; z-index: 1; }
.offerbox-head > * {
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.85);
}
.offerbox-head .likeh2 {
	font-size: 1.5em;
	line-height: 1.1em!important;
	margin: 0!important;
	text-align: left!important;
}
.offerbox-head .offerbox-hotel { font-family: 'Roboto Italic'; }

.offerbox-content {
	display: flex;
	flex-grow: 1;
	padding: 1em 2.5em;
}
.offerbox-content > div {
	display: table;
	font-size: 0.8em; font-family: 'Robotoregular';
	line-height: 1.55em;
	width: 100%;
}
.offerbox-content > div > * {
	display: table-cell;
	vertical-align: top;
}
.offerbox-content-left-side {
	padding-right: 3%;
	width: 70%;
}
.offerbox-content-right-side {
	text-align: right;
	width: 30%;
}
.offerbox-content .icon {
	max-width: 24px;
	vertical-align: top;
}
.offerbox-content-left-side .dates {
	display: inline-block;
	margin-left: 1%;
	width: 80%;
}
.offerbox-content-left-side .dates > * {
	display: inline-block;
	margin: 0 0.1em;
	width: 140px;
}
.offerbox-content-right-side .offerbox-price {
	color: #E30613;
	font-size: 2.3em; font-family: 'Droid Serifbold';
	margin-top: 0.35em;
}
.offer-filter-inner > *, .offer-filter-inner > * span { border-color: #828285; }
@media screen and (max-width: 1420px) {
	.offerbox.noimage .offerbox-top { height: 23.3vw; }
}
@media screen and (max-width: 750px), (min-width: 900px) and (max-width: 1400px) {
	.offerbox-content > div, .offerbox-content > div > * {
		display: block;
		display: flex; flex-direction: column;
		padding: 0;
		width: 100%;
	}
	.offerbox-content-left-side {
		flex-grow: 1;
		margin-bottom: 1.5em;
	}
	.offerbox-content-left-side .icon { display: none; }
	.offerbox-content-left-side .dates {
		margin-left: 0;
		width: 100%;
	}
	.offerboxes > * { margin-top: 25px; }
}
@media screen and (max-width: 900px) {
	.offerboxes > * {
		display: block;
		float: none;
		margin: 15px auto!important;
		width: 100%; max-width: 700px;
	}
	.offerbox.noimage .offerbox-top { height: 40.88vw; }
}
@media screen and (max-width: 480px) {
	.offerbox-head { left: 1em; right: 1em; }
	.offerbox-head .likeh2 { font-size: 1em!important; }
	.offerbox-content-left-side { display: none!important; }
	.offerbox-content-right-side { text-align: center;}
}

/* Responsive Images */
.responsiveimages {
	clear: both;
	overflow: auto;
}
.responsiveimages a {
	border-bottom: none!important;
	display: inline-block;
	float: left;
	margin-left: 0.5%;
	text-decoration: none;
	width: 100%;
}
.responsiveimages.boximage a { margin-left: 0; }
.responsiveimages.imgcolthree > * {
	margin: 6em 0;
	width: 33.33%;
}
.responsiveimages.imgcolthree + * { margin-top: 0!important; }
.responsiveimages .imgcolthree:last-child { width: 33.34%; }
.responsiveimages a img {
	height: auto;
	vertical-align: middle;
	width: 100%;
}

/* Bilder mit Fließtext */
#article .imgandtext {
	clear: both;
	overflow: auto;
}
#article .imgandtext.img_left > img, #article .imgandtext.img_left .responsiveimages {
	float: left;
	margin-right: 0.5em;
}
#article .imgandtext.img_right > img, #article .imgandtext.img_right .responsiveimages {
	float: right;
	margin-left: 0.5em;
}
#article .imgandtext > img, #article .imgandtext .responsiveimages {
	margin-top: 0.4em;
	width: 40%;
}
#article .imgandtext p { margin-top: 0; }

/* Table-Container */
.tablecontainer { overflow: auto; }

/* Cookie Hint */
#cookiehint {
	display: table;
	width: 100%;
	background: #000;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	color: #fff!important;
	font-size: 0.9em;
	line-height: 20px;
	padding: 0.6em;
	position: fixed; z-index: 10000; left: 0; right: 0; bottom: 0;
	text-align: center;
}
#cookiehint p, #cookiehint button {
	display: table-cell!important;
	vertical-align: middle;
}
#cookiehint p {
	margin: 0;
	color: #fff!important;
}
#cookiehint a {
	border: none!important;
	color: #fff!important;
	text-decoration: underline!important;
}
#cookiehint a:hover { text-decoration: none!important; }
#cookiehint button {
	background: #fff!important;
	border: none!important;
	color: #000!important;
	line-height: 1.25em!important;
	margin-left: 1em;
	padding: 0.4em!important;
	text-transform: uppercase!important;
}
#cookiehint button:hover {
	background: #ddd!important;
	cursor: pointer;
}
#cookiehint.light { background: #fff; background: rgba(255, 255, 255, 0.8); }
#cookiehint.light, #cookiehint.light p, #cookiehint.light a { color: #333!important; }
#cookiehint.light button {
	background: #aaa!important;
	color: #fff!important;
}
#cookiehint.light button:hover { background: #ddd!important; }
#cookiehint.top { top: 0; bottom: auto; }
@media screen and (max-width: 520px) {
	#cookiehint, #cookiehint p, #cookiehint button { display: block; }
	#cookiehint button { margin-top: 0.8em; }
}

#panorama .stripeup, #stripdown-ph img { display: none; }

/*DIV POPUP*/
#divcontainer {
	background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.75);
	color: #FFF;
	position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 1000;
}
#divpopup {
	position: absolute; left: 0; right: 0; bottom: 0; top: 50%; z-index: 1100;
	margin-left: 0; margin: 0 auto;
	height: auto; max-height: 512px;
	transform: translateY(-50%);
	width: 90%; max-width: 1200px;
}
#divpopup iframe { 
	border: none!important;
	width: 100%; max-width: 1200px; max-height: 512px; height: 42.67vw; 
} 
#divpopup .close {
	background-color: #000;
	float: right;
	height: 25px; width: 25px;
	text-align: center;
}
#divpopup a.close {
	color: #FFF;
	display: block;
	font-size: 16px;
	line-height: 24px;
	text-decoration: none;
}
#divpopup .close:hover { background-color: #47474E; }

@media screen and (max-width: 3000px) {
	#main.hoteldetail #content-container, #main.with_articleimage #content-container { padding-top: 3em; }
}

@media screen and (max-width: 2050px) {
	#main.hoteldetail #content-container, #main.with_articleimage #content-container { padding-top: 3em; }
}

@media screen and (max-width: 1500px) {
	.offcanvasbox { display: none; }
}

@media screen and (max-width: 1440px) {
	#main.hoteldetail #content-container, #main.with_articleimage #content-container { padding-top: 7em; }
}

@media screen and (max-width: 1435px) {
	html[lang="fr"] #menu { font-size: 0.98em; } 
}

@media screen and (max-width: 1400px) {
	html:lang(it) #menu > ul > li, html:lang(en) #menu > ul > li, html:lang(fr) #menu > ul > li { padding: 0 0.5em; }
}

@media screen and (min-width: 1261px) and (max-width: 1290px) {
	html[lang="fr"] #menu { font-size: 0.95em; } 
}

@media screen and (max-width: 1260px) {
	body.showmobilemenu #quickrequest, body.showmobilemenu #panorama, body.showmobilemenu #main, body.showmobilemenu #footer { display: none; }
	body.mobilemenu #header:before { box-shadow: none; }
	body.mobilemenu #logo img { width: 85px; height: 70px; }
	#showhide { display: inline-block; }
	#nav-stripe { border-bottom: none; }
	#menu {
		background: #fff;
		overflow: auto;
		margin-top: 0;
		position: fixed; left: -1260px; top: 80px; bottom: 0; z-index: 4;
		transition: left 1.5s cubic-bezier(0.13, 0.9, 0.29, 1); -webkit-transition: left 1.5s cubic-bezier(0.13, 0.9, 0.29, 1); -moz-transition: left 1.5s cubic-bezier(0.13, 0.9, 0.29, 1); -o-transition: left 1.5s cubic-bezier(0.13, 0.9, 0.29, 1);
		width: 100%;
	}
	body.mobilemenu #menu { left: 0; }
	#menu > ul, #menu li, #menu a { display: block!important; }
	#menu > ul > li {
		border: none;
		height: auto;
		padding: 0;
		text-align: left;
	}
	#menu > ul > li.active { background: #fffaee; }
	#menu > ul > li > a { padding: 1.3em 2em; }
	#menu > ul > li:hover:before, #menu > ul > li:hover > ul {
		background: #FFF;
		border: none;
		display: none;
		padding: 0!important;
		position: relative; top: 0; left: 0; right: auto; z-index: 1;
	}
	#menu > ul > li:hover > a, #menu > ul > li.active > a, #menu > ul > li:hover:after { background: #F4F4F4; }
	#menu > ul > li > ul {
		background: #fff;
		padding: 0!important;
	}
	#menu > ul li.active > ul { display: block; }
	#menu > ul > li li {
		border: none!important;
		float: none!important;
		width: 100%!important;
	}
	#menu > ul > li li a { padding: 1.1em 1em 1.1em 3em!important; }
	#menu li { position: relative!important; }

	#menu > ul > li li li a { padding: 1em 1em 1em 4em!important; }

	#menu .icon {
		color: #828285;
		line-height: 35px;
		font-size: 1.5em; font-weight: bold;
		padding: 2px;
		position: absolute; top: 10px; right: 20px; z-index: 10;
		text-align: center;
		width: 30px; height: 30px;
	}
	#menu .icon.icon-angle-up { line-height: 32px; }
	#menu .icon:hover {
		background: #828285;
		border-radius: 0;
		color: #fff;
		cursor: pointer;
	}
	
	#contact { width: 60%; }
	#infonav { width: 40%; }
	
	#article h1, #article h2, #article h3 { font-size:1.68em; line-height: 150%; }
	#article header p { font-size: 1em; line-height: 150%; }
}
@media screen and (max-width: 1060px) {
	#main.hoteldetail #content-container, #main.with_articleimage #content-container { padding-top: 5%; }
}
@media screen and (max-width: 1030px) {
	#partners > img { display: none; }
	#partnerlogos { width: 100%; }
}
@media screen and (max-width: 1023px) {
	#socialmedia { width: 22%; max-width: calc(100% - 520px); }
	#requestpart form { max-width: 520px; }
	#requestpart form { width: 75%; }
	#requestpart .frow { width: 35%; }
	#requestpart .frow:last-child { width: 30%; }
	
	#requestpart .frow a.button { width: 50%!important; }
	#requestpart .frow a.button .ic { display: inline-block; }
	#requestpart .frow a.button .text, #checkavailability { display: none; }
}
@media screen and (max-width: 990px) {
	#infofooter-container { padding: 1em; }
	#infofooter .likeh2 { display: none; }
	#contact {
		display: block;
		margin: 2em auto;
		padding: 0!important;
		width: 100%; max-width: 520px;
	}
	#footerbtnbox { text-align: center; }
	#infonav { display: none!important; }
	#article .threecols {
		column-count: 2;
		-moz-column-count: 2;
		-webkit-column-count: 2;
	}
}
@media screen and (max-width: 890px) {
	#boxes { font-size: 0.8em; }
	#hotellogos-container { display: none; }
	#cta-menu > * .text { display: none; }
}
@media screen and (max-width: 835px) {
	.linkboxes.fourth > * {
		margin-top: 2em; margin-left: 0; margin-right: 2em;
		width: calc(50% - 1em)!important;
	}
	.linkboxes.fourth > *:first-child, .linkboxes.fourth > *:nth-child(2) { margin-top: 0; }
	.linkboxes.fourth > *:nth-child(2n) { margin-right: 0; }

	.singlelinkbox { display: block; }
	.singlelinkbox > * {
		display: block;
		margin: 0;
		width: 100%;
	}
	.singlelinkbox > *:first-child { display: none; }
}
@media screen and (max-width: 830px) {
	#boxes { font-size: 1em; }
	#boxes, #boxes .boxesrow {
		display: block;
		width: 100%;
	}
	#boxes .boxesrow > * {
		display: block;
		width: 100%;
	}
	
	#hotelimages { display: block; }
	#hotelimages > * {
		display: block;
		margin-right: 0;
		width: 100%;
	}
	#hotelimages .hotelbox img, #hotelimages #dvbook { display: none; }
}
@media screen and (max-width: 800px) {
	#articleheader-container { padding-bottom: 2em!important; }
	#articleheader-container .articleimg { position: relative; }
	#main.with_articleimage #articleheader-container header, #main.with_articleimage #article-teaser { margin-left: 0; }
}

@media screen and (max-width: 780px) {
	#article ul[style*="circle"] strong { font-size: 1.2em; }
}

@media screen and (max-width: 710px) {
	#socialmedia { display: none; }
	#requestpart form { width: 100%; max-width: none; }
	#requestpart form:before { display: none; }
	#requestpart .frow { width: 100%!important; }
	#requestpart .frow:first-child, #requestpart .frow:nth-child(2) { display: none; }
	
	#requestpart .frow a.button .text {
		display: inline-block;
		margin-left: 0.7em;
	}
	#requestpart .frow.showlastminutebtn a.button { width: 33.33%!important; }
	#mobile-lastminute-btn { display: inline-block; }
	#mobile-lastminute-btn img {
		display: inline-block;
		height: auto;
		width: 19px;
	}
	
	#articleheader-container .hoteldetail-container { display: none; }
	#main.hoteldetail #articleheader-container header, #main.hoteldetail #article-teaser, #main.hoteldetail #hotelbtns { margin-left: 0; }
	#article .threecols {
		column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1;
	}
	
	#kissmouth { display: none; }
	#mobile-socialmedia { display: block; }
	#partners-container { display: none; }
}

@media screen and (max-width: 650px) {
	#prospektform { margin-bottom: 5em; }
	#prospektform .formrow > * {
		display: block;
		text-align: left;
		width: 100%!important; max-width: none!important;
	}
	#prospektform .inlineblock {
		margin-left: 3%;
		width: 97%!important;
	}
	#prospektform input[type="submit"] { margin-left: 4px!important; }
}
@media screen and (max-width: 625px), (max-height: 500px) {
	.offcanvasbox { 
		top: 12vh; 
		position: absolute;
	}
	.infopage #openingtimebox { display: none; }
	#openingtimebox { margin-top: 0; top: 180px; }
	#openingtimebox-details { width: 260px; }
	#openingtimebox-details .openingtime { font-size: 0.9em; }
	#openingtimebox-details .hoteltitle { font-size: 0.95em; }
	#openingtimebox-details .openingtimebox-image span {
		display: block;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		margin-left: 0.7em;
		font-size: 1.1em;
		top: auto;
		left: auto;
		position: static;
	}
	#openingtimebox-details .openingtimebox-image img { display: none; }
	#lastminutebox { display: none!important; }
	#weatherbox { display: none!important; }
}
@media screen and (max-width: 625px) {
	#header { padding: 0 20px; }
	#articleheader-content {
		margin-top: 0;
		padding-top: 2em;
	}
	#breadcrumb, #articleheader-container .articleimg-container { display: none; }
	#content-container > div > *, .innerwrapper { padding: 0 20px; }
	#content-container > div > ul[style*="circle"] { padding-left: 60px!important; }
	#content-container > div > ol { padding-left: 55px; }
	#content-container li:before { background-image: none!important; }
	#content-container li { list-style-type: inherit!important; }
	#article ul[style*="circle"] strong { font-size: 1em; }
}
@media screen and (max-width: 580px) {
	#infofooter-container .innerwrapper { padding-left: 0; padding-right: 0; }
	#infofooter { text-align: center; }
	
	#contact { margin: 0 auto; }
	#contact .liketable { display: block; }
	#contact .liketable > * {
		display: block;
		padding-right: 0!important;
		width: 100%;
	}
	#contactinfos { margin-top: 6px; }
	
	#footerbtnbox { margin-bottom: 1em; }
}
@media screen and (max-width: 560px) {
	#article { padding-bottom: 3em; }

	.responsiveimages.imgcolthree > * { width: 100%; margin: 0.5em 0; }
	.responsiveimages.imgcolthree a:first-child { margin-top: 3em; }
	.responsiveimages.imgcolthree a:last-child { margin-bottom: 3em; }

	.linkboxes.third > * {
		margin-bottom: 2em; margin-left: 0; margin-right: 2em;
		width: calc(50% - 1em)!important; max-width: 230px;
	}
	.linkboxes.third > *:nth-child(2) { margin-right: 0; }
	.linkboxes.third > *:nth-child(3) {
		display: block;
		float: none;
		margin-left: auto; margin-right: auto; margin-bottom: 0;
	}
}

@media screen and (max-width: 545px) {
	#cta-menu > a { display: none; }
	#hotellogos-container { display: none; }
}
@media screen and (max-width: 520px) {
	#requestpart .frow a.button .ic, #requestpart .frow a.button img { display: none; }
	#requestpart .frow a.button .text { 
		font-size: 0.85em;
		margin-left: 0;
	}
}
@media screen and (max-height: 479px) {
	#quickrequest { display: none; }
	#footer { margin-bottom: 0; }
}
@media screen and (max-height: 479px) and (max-width: 1260px) and (orientation: landscape) {
	#quickrequest { 
		background: transparent;
		box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
		bottom: auto; left: 35%; top: 35px; right: 96px; z-index: 4;
		display: block;
		height: auto;
		text-align: right;
	}
	#requestpart form { 
		background: transparent; 
		width: auto;
	}
	#quickrequest .showlastminutebtn #mobile-lastminute-btn { display: inline-block; }
	#socialmedia, #quickrequest form > *:nth-child(1), #quickrequest form > *:nth-child(2), #requestpart form:after, #checkavailability { display: none; }
	#requestpart .frow:last-child { 
		background: transparent;
		width: auto;
	}
	#requestpart .frow a.button { 
		margin-right: 8px;
		padding: 11px;
		width: 38px!important; height: 38px; 
	}
	#requestpart .frow.showlastminutebtn a.button { width: 38px!important; }
	#requestpart .frow a.button:last-child { margin-right: 0; }
	#requestpart .frow a.button .ic, #requestpart .frow a.button img { display: block!important; }
	#requestpart .frow a.button .text { display: none!important; }
}
@media screen and (max-width: 500px) {
	#boxes .box {
		box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
		display: block;
		border-top: 2px solid #47474E;
		padding: 1.5em;
	}
	#boxes .boxrow > *:first-child { border-top: none; }
	#boxes .box img { display: none; }
	#boxes .box .text {
		display: block;
		width: 100%;
	}
}
@media screen and (max-width: 450px) {
	#article h1, #article h2, #article h3 { font-size: 1.5em; line-height: 150%; }

	#albums, #bildergalerie { margin-bottom: 0!important; }
}
@media screen and (max-width: 420px) and (orientation: landscape) {
	#quickrequest { display: none; }
}
@media screen and (max-width: 400px) {
	#socialmedia { width: calc(100% - 100px); }
	#requestpart .frow { width: 100%!important; }
	#requestpart .frow:first-child, #requestpart .frow:nth-child(2) { display: none; }

	.linkboxes > .linkbox {
		background: transparent;
		display: block;
		float: none;
		margin: 0 auto!important;
		width: 100%!important; max-width: none;
	}
	.linkboxes > .linkbox:first-child { margin-top: 0!important; }
	.linkbox-image { display: none; }
	.linkboxes .linkbox-content {
		background: transparent;
		list-style: circle;
		padding: 0; padding-left: 30px;
		position: relative;
	}
	.linkboxes .linkbox-content:after {
		background: #F4F4F4;
		border-radius: 50%;
		content: '';
		display: inline-block;
		position: absolute; left: 12px; top: 50%; z-index: 1;
		transform: translate(0, -50%);
		width: 5px; height: 5px;
	}
}
@media screen and (max-width: 360px) {
	html[lang="it"] #requestpart .frow a.button { font-size: 0.8em; }
}

/* PRINT STYLES */
@media print {
	* { background: transparent!important; color: black!important; text-shadow: none!important; filter:none!important; -ms-filter: none!important; }
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " [" attr(href) "]"; }
	abbr[title]:after { content: " [" attr(title) "]"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	img { max-width: 100%!important; }
	@page { margin: 1.5cm; }
	p, h2, h3, .likeh2, .likeh3 { orphans: 3; widows: 3; }
	h2, h3, .likeh2, .likeh3 { page-break-after: avoid; }
	/* custom print styles */
	#header, #aside, #footer, #copyright { display: none; }
	main { background: none; box-shadow: none; margin: 0; }
	main article  { float: none; font-size: 16pt; padding: 0; width: 100%; }
	.slidebox dd { display: block!important; }
}