@charset "utf-8";

/* 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 */
body {
    background: #fff;
    color: #333;
    font-family: 'Roboto Slab', serif; font-size: 16px; line-height: 2; font-weight: 300;
    margin: 0;
}
#main, #footer { font-family: 'Roboto Slab', serif; font-weight: 300; font-size: 0.8em; }
#article { font-size: 1.125em; hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; }

::selection {
    background: #9d8b82;
    color: white; text-shadow: none;
}

/* Links */
a {
    color: #000;
    text-decoration: underline;
}
a:hover { color: #9d8b82; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }

h2 a, h3 a { color: black; text-decoration: none; }

/* Typography */
h1, h2, h3 { font-weight: normal; line-height: 120%; text-align: left; }
h1 { font-size: 3.4375em; margin: 0.67em 0; font-weight: 700; font-family: 'Amatic SC'; }
h2 { font-size: 2.1875em; margin: 0.83em 0; font-weight: 500; }
h3 { font-size: 1.375em; margin: 1em 0; font-weight: 500; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.67em; margin: 2.33em 0; }

#article h1 { font-size: 3.0555em  }
#article h2 { font-size: 1.9444em }
#article h3 { font-size: 1.2222em }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: 500; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr {
    border: none; border-top: 1px solid #ccc;
    -moz-box-sizing: content-box; box-sizing: content-box; display: block;
    height: 1px;
    margin: 2em 0!important; padding: 0;
}
mark { background: #ff0; color: #000; }
p, pre { margin: 1em 0; }
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, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }
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; }
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; }

/* CLASSES */
.boxsizing { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.right { float: right; }
.left { float: left; }

/* Wrapper */
.wrapper {
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    margin: 0 auto;
    padding: 0 52px;
}

/* 12 Col-Grid-Layout */
.grid-container, .wrapper { width: 100%; max-width: 1816px; }
.grid-container * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.row:before, .row:after {
    content: '';
    clear: both;
    display: table;
}
[class*='col-'] {
    display: inline-block;
    float: left;
    margin-left: 2.127659574468085%;
    min-height: 1px;
    padding: 0;
}
[class*='col-']:first-child, .grid-container.nogutter [class*='col-'] { margin-left: 0; }

.row.table {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.row.table > [class*="col-"] {
    display: table-cell;
    float: none;
    margin-left: 0;
    padding: 0.7em 1em;
    vertical-align: middle;
}
.grid-container.nogutter .row.table > [class*="col-"] { padding: 0; }

[class*='col-'].space { padding: 0.7em 1em!important; }
[class*='col-'].space-left { padding-left: 1em!important; }
[class*='col-'].space-right { padding-right: 1em!important; }

.col-1  { width: 6.382978723404255%; }
.grid-container.nogutter .col-1, .grid-container .row.table > .col-1 { width: 8.333%; }
.col-2  { width: 14.893617021276595%; }
.grid-container.nogutter .col-2, .grid-container .row.table > .col-2 { width: 16.66%; }
.col-3  { width: 23.404255319148934%; }
.grid-container.nogutter .col-3, .grid-container .row.table > .col-3 { width: 25%; }
.col-4  { width: 31.914893617021278%; }
.grid-container.nogutter .col-4, .grid-container .row.table > .col-4 { width: 33.33%; }
.col-5  { width: 40.42553191489362%; }
.grid-container.nogutter .col-5, .grid-container .row.table > .col-5 { width: 41.66%; }
.col-6  { width: 48.93617021276595%; }
.grid-container.nogutter .col-6, .grid-container .row.table > .col-6 { width: 50%; }
.col-7  { width: 57.44680851063829%; }
.grid-container.nogutter .col-7, .grid-container .row.table > .col-7 { width: 58.33%; }
.col-8  { width: 65.95744680851064%; }
.grid-container.nogutter .col-8, .grid-container .row.table > .col-8 { width: 66.66%; }
.col-9  { width: 74.46808510638297%; }
.grid-container.nogutter .col-9, .grid-container .row.table > .col-9 { width: 75%; }
.col-10 { width: 82.97872340425532%; }
.grid-container.nogutter .col-10, .grid-container .row.table > .col-10 { width: 83.33%; }
.col-11 { width: 91.48936170212765%; }
.grid-container.nogutter .col-11, .grid-container .row.table > .col-11 { width: 91.66%; }
.col-12 { width: 100%; }
.grid-container.nogutter .col-12, .grid-container .row.table > .col-12 { width: 100%; }

.offset12 { margin-left: 104.25531914893617%; }
.offset12:first-child { margin-left: 102.12765957446808%; }
.offset11 { margin-left: 95.74468085106382%; }
.offset11:first-child { margin-left: 93.61702127659574%; }
.offset10 { margin-left: 87.23404255319149%; }
.offset10:first-child { margin-left: 85.1063829787234%; }
.offset9 { margin-left: 78.72340425531914%; }
.offset9:first-child { margin-left: 76.59574468085106%; }
.offset8 { margin-left: 70.2127659574468%; }
.offset8:first-child { margin-left: 68.08510638297872%; }
.offset7 { margin-left: 61.70212765957446%; }
.offset7:first-child { margin-left: 59.574468085106375%; }
.offset6 { margin-left: 53.191489361702125%; }
.offset6:first-child { margin-left: 51.063829787234035%; }
.offset5 { margin-left: 44.68085106382979%; }
.offset5:first-child { margin-left: 42.5531914893617%; }
.offset4 { margin-left: 36.170212765957444%; }
.offset4:first-child { margin-left: 34.04255319148936%; }
.offset3 { margin-left: 27.659574468085104%; }
.offset3:first-child { margin-left: 25.53191489361702%; }
.offset2 { margin-left: 19.148936170212764%; }
.offset2:first-child { margin-left: 17.02127659574468%; }
.offset1 { margin-left: 10.638297872340425%; }
.offset1:first-child { margin-left: 8.51063829787234%; }
/* END 12 Col-Grid-Layout */

/* 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 {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
}
.msgerror {
    background: #FFF;
    border: 1px solid #C00;
    color: #C00;
}
.msg, .msgerror {
    line-height: 1.45em;
    padding: 1em;
}
.msg h2, .msgerror h2 { margin: 0 0 0.5em!important; }
.msg ul, .msgerror ul {
    margin-top: 0;
    padding-left: 25px;
}

/* 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: #fff;
    border-radius: 0px; border: 2px solid #9d8b82;
    color: #000;
    display: inline-block;
    font-family: 'Roboto Slab', serif; font-size: 1em; font-weight: 400;
    hyphens: none; -webkit-hyphens: none; -ms-hyphens: none;
    line-height: 1.2em;
    padding: 1em 4em;
    text-decoration: none;
    text-transform: uppercase;
}
a.button:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover {
    background: #9d8b82;
    color: #fff!important;
}
a.button:focus, button:focus, input[type="submit"]:focus, input[type="button"]:focus { outline: none; }
a.button.next:after, button.next:after { content: ' ›'; }
a.button.prev:before, button.prev:before { content: '‹ '; }
a.buttonprimary {
    background: #9d8b82;
    border: 2px solid #9d8b82;
    color: #fff!important;
}
a.buttonprimary:hover {	border: 2px solid #000; }

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

/* NoUISlider */
.noUi-handle:before, .noUi-handle:after { background: none!important; }

/* START CUSTOM PART */

/* Select2 */
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #9b8b83!important; }

/* CLASSES */
.likeh2 {
    font-size: 2.1875em;
    margin: 0.83em 0;
    font-weight: 200;
    line-height: 120%;
    text-align: left;
}
.text-center { text-align: center; }

#breadcrumb {
    text-align: right;
    font-size: 0.875em;
    margin-top: 2em;
}
.infopage #breadcrumb { margin-top: 4em; }
.breadcrumbs ol, .breadcrumbs ul { padding: 0; }
#breadcrumb li {
    color: #9d8b82;
    list-style: none;
    display: inline-block;
}
#breadcrumb li a {
    color: #9d8b82;
    text-decoration: none;
}
#breadcrumb li a:hover { text-decoration: underline; }


.angebot a.button { padding: 1em 6em; }
.angebot #panoramaimg {
    height: 880px;
    overflow: hidden;
}
.angebot #panoramaimg .item {
    height: 880px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.angebot #main {
    position: absolute; top: 300px;
    width: 100%;
    z-index: 2;
}
.angebot #article > * { margin: 0!important; }
.angebot #article {
    background: #fff;
    box-sizing: border-box;
    margin-left: 45vw;
    min-height: 720px;
    padding: 4em 7em;
    position: relative;
    width: calc(90vw - 45vw);
}
.angebot #article h1 {
    margin-left: 0;
    color: #000;
    font-size: 2.1875em;
}
.angebot #article #timespans {
    background: rgba(157, 139, 130, 0.2);
    margin: 2em 0 1em!important;
    padding: 1em 0.75em;
}
.angebot .priceglobe {
    background: #9d8b82;
    box-sizing: border-box;
    border-radius: 100px;
    color: #fff;
    height: 175px;
    left: -87.5px;
    margin: 0!important;
    padding: 55px 0px;
    position: absolute;
    text-align: center;
    top: -87.5px;
    width: 175px;
}
.angebot .priceglobe #preprice {
    font-size: 0.875em;
    line-height: 120%;
}
.angebot .priceglobe #price {
    font-size: 2.125em;
    font-weight: 200;
    line-height: 120%;
}
.angebot .priceglobe #postprice {
    display: block;
    font-size: 0.875em;
    line-height: 140%;
}
.angebot #teaser {
    border-bottom: 1px solid #000;
    margin: 2em 0 1em!important;
    padding: 2em;
}
.angebot #showcontent {
    text-align: center;
    margin-bottom: 1em!important;
}
.angebot #showcontent i {
    cursor: pointer;
    font-size: 4em;
    line-height: 100%;
}
.angebot #content {
    display: none;
    padding: 2em;
}
.angebot #toinclusive {
    display: block;
    text-decoration: none;
    margin: 1em 0 3em 0!Important;
}
.angebot #toinclusive i {
    vertical-align: middle;
    font-size: 1.25em;
    margin-right: 0.5em;
}
.angebot #toinclusive span {
    vertical-align: middle;
    font-weight: 500;
    text-transform: uppercase;
}
.angebot #requestbar > a:first-of-type { margin-right: 1em; }
#backbutton {
    color: #b8b8b8;
    display: block;
    margin-top: 3em;
    text-decoration: none;
}
.angebot #backbutton { margin: 3em 0 0em 0!Important;  }
#backbutton i {
    vertical-align: middle;
    font-size: 1.25em;
    margin-right: 0.5em;
}
#backbutton span {
    vertical-align: middle;
    font-weight: 500;
    text-transform: uppercase;
}

.selectbox-container {
    border-bottom: 2px solid #9d8b82;
    color: #9d8b82;
    font-size: 1.1125em; font-family: 'Roboto Slab', serif;
    padding-bottom: 3px; padding-left: 0.6em; padding-right: 0.6em;
    text-align: left;
}
.selectbox-container {
    cursor: pointer;
    display: inline-block;
    position: relative; z-index: 1;
    vertical-align: -4px;
}
.selectbox-input-container {
    display: table;
    width: 100%;
}
.selectbox-input-container > * { display: table-cell; }
.selectbox-input {
    line-height: 1.25em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%; max-width: 170px; min-width: 170px;
}
.selectbox-arrow {
    margin-left: 5px;
    position: relative; top: 3.5px; right: 0; z-index: 1;
    width: 24px;
}
.selectbox-arrow i {
    font-size: 1.5em;
    vertical-align: -3px;
}
.selectbox-container.active .selectbox-arrow i { transform: rotate(180deg); }
.selectbox-valuecontainer { position: relative; z-index: 5; }
.selectbox-valuecontainer > div {
    background: rgba(157, 139, 130, 0.9);
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    display: none;
    position: absolute; top: 10px; left: -0.6em; z-index: 1;
    max-height: 355px; min-width: calc(100% + 1.2em);
    overflow-x: visible; overflow-y: auto;
}
.selectbox-container.active .selectbox-valuecontainer > div { display: block; }
.selectbox-container.rightonly .selectbox-valuecontainer > div { left: auto; right: 0; }
.selectbox-valuecontainer span {
    color: #fff;
    display: block;
    font-size: 1.1em;
    font-weight: 500;
    line-height: 1.35em;
    min-height: 21px;
    padding: 1em 1.45em;
    text-decoration: none;
    white-space: nowrap;
}
.selectbox-valuecontainer a.selectable {
    color: #fff;
    display: block;
    font-size: 0.8em;
    line-height: 1.35em;
    min-height: 21px;
    padding: 0.5em 2em;
    text-decoration: none;
    white-space: nowrap;
}
.selectbox-valuecontainer a.selectable:hover, .selectbox-valuecontainer a.selectable.selected {
    color: #FFF;
    text-decoration: underline;
}
.selectbox-valuecontainer a.selectable.groupborder { border-bottom: 1px solid; }
.selectbox-search-container {
    border: 1px solid #616161;
    margin: 0.8em;
}
.selectbox-search {
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    display: table;
    table-layout: fixed;
    width: 100%
}
.selectbox-search > * {
    display: table-cell;
    padding: 2px 6px;
    vertical-align: middle;
}
.selectbox-search > *:last-child { width: 25px; }
.selectbox-search i {
    color: #616161;
    vertical-align: middle;
}
.selectbox-search input {
    border: none;
    font-size: 0.8em;
    outline: none;
    text-transform: none!important;
    width: 100%!important;
}

.infopage #article { margin: 2em 0; }
#article > * {
    margin-left: 96px;
    margin-right: 96px;
}
#article .fullscreen { margin: 0; }
#article .nomargin {
    margin-left: -94px;
    width: calc(100% + 188px);
}
#article #publicationdate {
    display: block;
    margin-bottom: -2em;
    text-align: right;
}

.graytext {
    background: rgba(157, 139, 130, 0.2)!important;
    margin: 2em 0!important;
    padding: 7.3125em 9.5625em;
    position: relative;
}
.graytext .title {
    display: inline-block;
    box-sizing: border-box;
    display: inline-block;
    font-size: 3.4375em;
    font-weight: 200;
    width: 380px;
    line-height: 1.75em;
    vertical-align: middle;
}
.graytext .text {
    box-sizing: border-box;
    width: calc(100% - 450px);
    padding-left: 4em;
    vertical-align: middle;
}
.graytext::after {
    content: '';
    clear: both;
    display: block;
    float: none;
}

.imgandtextl, .imgandtextr { margin-left: 15em!important; }
.imgandtextl::after, .imgandtextr::after {
    content: '';
    clear: both;
    display: block;
    float: none;
}
.imgandtextl .text { float: right; }
.imgandtextr .text { float: left; }
.imgandtextl > *, .imgandtextr > * { border-color: #9d8b82!important; }
.imgandtextl .deco-logo, .imgandtextr .deco-logo { display: none; }
.imgandtextl .imgtextdesc h3[style*="color: #c4785d"], .imgandtextr .imgtextdesc h3[style*="color: #c4785d"] {
    color: #9d8b82!important;
    font-weight: 500!important;
}

.decoquote {
    box-sizing: border-box;
    display: inline-block;
    border: 2px solid #9d8b82;
    padding: 7em 10em;
    position: relative;
    margin: 3em 96px 3em 96px!important;
    width: calc(100% - 192px);
}
.decoquote img {
    display: none!important;
    position: absolute;
    background: #fff!important;
    left: 50%;
    transform: translate(-50%);
    top: -14px;
    width: 50px;
    padding: 0 1em;
}

/* PRIMARY STYLES [layout] */
#loadingoverlay {
    background: #9d8b82;
    position: fixed; top: 0; left: 0; z-index: 100;
    width: 100%;
    height: 100%;
}
#loadingoverlay .signet {
    display: none;
    width: 60px;
    position: absolute;
    left: 50%;
    top: calc(50% - 130px);
    transform: translate(-50%, -50%);
    z-index: 50;
}
#loadingoverlay .logo {
    width: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#menuoverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 20;
}

#header {
    padding-bottom: 1.75em;
    width: 100%;
}

#header #mainmenu ul ul { display: none; }

#header #nav_cta {
    text-align: right;
    font-size: 0.9375em;
    padding-top: 0.75em;
    padding-right: 3.625em;
    padding-bottom: 0.75em;
}
#header #nav_cta a { text-decoration: none; }
#header #nav_cta .phoneicon {
    font-size: 1.2em;
    vertical-align: -4px;
}
#header #nav_cta .phone { margin-right: 2em; }
#header #nav_cta ul li { display: inline-block; }
#header #nav_cta #whatsapp img {
    width: 30px;
    margin-right: 2em;
    vertical-align: -8px;
}

/* START Default Menü */
html[data-layout="default"] #giftbutton, html[data-layout="default"] #subheader #dolcevitalogo,
html[data-layout="default"] #subheader #relaxspaaward, html[data-layout="default"] #subheader #besthotelsaward, html[data-layout="default"] #hotdealbtn { display: none; }
html[data-layout="default"] .scroll { padding-top: 110px; }
html[data-layout="default"] #header {
    color: #fff;
    font-size: 1.5em;
    padding-bottom: 5px;
    position: absolute; top: 20px; z-index: 100;
}
html[data-layout="default"] #header a { color: #fff; }
html[data-layout="default"] .scroll #header {
    background: #ebe8e6;
    background-image: url(/grafik/template/bg.jpg);
    color: #333;
    top: 0;
    font-size: 1em;
    position: fixed; z-index: 9999;
}
html[data-layout="default"] .scroll #header a { color: #333; }
#mainmenu-btn, #layout-default-menu-desktop-close, #layout-default-menu-desktop-home
#layout-default-header-wrapper { position: relative; z-index: 1; }
#layout-default-header-table {
    display: table;
    width: 100%;
}
#layout-default-header-table > * {
    display: table-cell;
    vertical-align: top;
}
.scroll #layout-default-header-table > * {
    height: 110px;
    vertical-align: middle;
}
#layout-default-header-table > *:last-child {
    text-align: right;
    width: 150px;
}
.scroll #mainmenu-btn { vertical-align: -8px; }
#layout-default-piripiri {
    display: inline-block;
    height: auto;
    width: 100px;
}
.scroll #layout-default-piripiri { width: 100px; }
#layout-default-dv {
    display: inline-block;
    height: auto;
    margin-left: 20px;
    vertical-align: 8px;
    width: 40px;
}
.scroll #layout-default-dv { vertical-align: -5px; }
#layout-default-dv img {
    display: block;
    height: auto;
    width: 100%;
}
#layout-default-openingtimes {
    font-weight: 400;
    line-height: 1.4em;
    margin-left: 190px;
}
#layout-default-openingtimes-headline { font-size: 1.1em; }
@media screen and (max-width: 1130px) {
    #layout-default-openingtimes { display: none; }
}
#layout-default-logo-big, #layout-default-logo {
    position: absolute; z-index: 2; left: 50%; top: 5px;
    transform: translateX(-50%);
    transition: all 0.5s linear;
    width: 200px;
}
.scroll #layout-default-logo-big, .scroll #layout-default-logo { width: 165px; }
#layout-default-logo-big span {
    background: #ebe8e6; background-image: url(/grafik/template/bg.jpg);
    display: inline-block;
    opacity: 0;
    position: absolute; z-index: 2;
    transition: all 0.5s linear;
}
#layout-default-logo-big span:nth-child(2) {
    left: -2px; top: 0; bottom: 0;
    width: 4px;
}
#layout-default-logo-big span:nth-child(3) {
    right: -2px; top: 0; bottom: 0;
    width: 4px;
}
#layout-default-logo-big span:last-child {
    left: -2px; right: -2px; bottom: 0;
    height: 24px;
}
body.scroll #layout-default-logo-big { top: -55px; }
body.scroll #layout-default-logo-big span { opacity: 1; }
#layout-default-logo {
    top: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
}
#layout-default-logo-mobile {
    position: absolute; z-index: 1; left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
}
#layout-default-logo, #layout-default-logo-mobile { display: none; }
#layout-default-logo img, #layout-default-logo-mobile img, #layout-default-logo-big img {
    display: block;
    height: auto;
    width: 100%;
}
#layout-default-header-languageselect { font-size: 0.75em; }
.scroll #layout-default-header-languageselect { font-size: 1em; }
#layout-default-header-languageselect a { text-decoration: none; }
#layout-default-header-languageselect a.active { text-decoration: underline; }
@media screen and (max-width: 900px) {
    html[data-layout="default"] .scroll { padding-top: 80px; }
    html[data-layout="default"] #header {
        background: #ebe8e6; background-image: url(/grafik/template/bg.jpg);
        color: #333;
        top: 0;
        font-size: 1em;
        position: fixed;
        z-index: 9999;
    }
    html[data-layout="default"] #header a { color: #333; }
    #layout-default-header-table > * { vertical-align: middle; }
    #mainmenu-btn { vertical-align: -8px; }
    #layout-default-header-table > * { height: 80px!important; }
    #layout-default-dv {
        left: 150px;
        max-height: 40.5px;
        overflow: hidden;
        vertical-align: -5px;
        width: 40px;
    }
    #layout-default-header-languageselect { font-size: 1em; }
    #layout-default-piripiri { width: 80px; }
    #layout-default-logo-big {
        top: -69px!important;
        transition: none!important;
    }
    #layout-default-logo-big, #layout-default-logo { width: 165px!important; }
    #layout-default-logo-big span { opacity: 1!important; }
}
@media screen and (max-width: 650px) {
}
@media screen and (max-width: 580px) {
    html[data-layout="default"] body:not(.infopage) { padding-top: 88px; }
    #layout-default-header-table > * { height: 50px; }
    #layout-default-dv {
        margin-top: 6px!important;
        left: 120px;
    }
    #layout-default-logo-big, #layout-default-piripiri, #layout-default-logo, #mainmenu-btn-txt { display: none!important; }
    #layout-default-logo-mobile { display: inline-block; }
    #mainmenu-btn .material-icons { vertical-align: -8px; }
    #layout-default-dv {
        margin: 0;
        position: absolute;
    }
    html[data-layout="default"] #header { top: 0; }
    .scroll #layout-default-dv { width: 40px; }
    .scroll #layout-default-header-ctamenu { top: 9px!important; }
}
@media screen and (max-width: 460px) {
    #layout-default-dv {
        margin-top: 0!important;
        position: absolute; z-index: 1; right: 25px; top: 50%; left: auto;
        transform: translateY(-50%);
    }
    #layout-default-header-languageselect { display: none; }
}
#layout-default-header-ctamenu-container { position: relative; z-index: 110; }
.scroll #layout-default-header-ctamenu-container { position: fixed; top: 115px; left: 0; right: 0; }
#layout-default-header-ctamenu-container .wrapper { position: relative; z-index: 1; }
#layout-default-header-ctamenu {
    font-size: 14px;
    position: absolute; z-index: 1000; right: 200px; top: 20px;
}
.scroll #layout-default-header-ctamenu {
    background: #9d8b82;
    top: 0px;
}
#layout-default-header-ctamenu .collapse-items { display: none; }
@media screen and (max-width: 900px) {
    .scroll #layout-default-header-ctamenu-container { top: 90px; }
}
@media screen and (max-width: 580px) {
    .scroll #layout-default-header-ctamenu-container { top: 60px; }
}
#layout-default-header-ctamenu > *, #layout-default-header-ctamenu > * > a {
    color: #000!important;
    display: block;
    outline: none;
    text-decoration: none;
    white-space: nowrap;
}
#layout-default-header-ctamenu > * > a, #layout-default-header-ctamenu-togglebtn { padding: 5px 20px; }
#layout-default-header-ctamenu > * > a:hover  { background: #ebe8e6; }
#layout-default-header-ctamenu > * + *, #layout-default-header-ctamenu > * > * + * { border-top: 1px solid #fff; }
#layout-default-header-ctamenu > * img, #layout-default-header-ctamenu > * > * img {
    display: inline-block;
    height: auto;
    vertical-align: -2px;
    width: 20px;
}
#layout-default-header-ctamenu-giftimg { width: 22px!important; }
#layout-default-header-ctamenu > * .material-icons, #layout-default-header-ctamenu > * > * .material-icons  { vertical-align: -5px; }
#layout-default-header-ctamenu > * img, #layout-default-header-ctamenu > * .material-icons, #layout-default-header-ctamenu .meteoicons { margin-right: 10px; }
#cta-chat-btn { display: none; }
#cta-chat-btn.important .material-icons {
    animation: shake 0.5s; animation-iteration-count: infinite;
    color: #9d8b82!important;
}
#layout-default-header-ctamenu .meteoicons {
    display: inline-block;
    font-size: 30px;
    overflow: hidden;
    margin-top: -15px; margin-bottom: -20px; margin-left: -3px; margin-right: 6px;
    vertical-align: -6px;
}
@keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}
#layout-default-header-ctamenu-togglebtn {
    color: #FFF!important;
    text-align: center;
    font-size: 1.25em;
}
#layout-default-header-ctamenu-togglebtn:hover { opacity: 0.8; }
#layout-default-header-ctamenu-togglebtn .material-icons { margin-right: 0; margin-left: 10px; }

#mainmenu-btn, #layout-default-menu-desktop-close, #layout-default-menu-desktop-home {
    display: inline-block;
    outline: none;
    text-align: center; text-decoration: none;
    width: 85px;
}
.scroll #mainmenu-btn, .scroll #layout-default-menu-desktop-close, .scroll #layout-default-menu-desktop-home { width: 55px; }
.scroll.layout-default-show-desktopmenu #mainmenu-btn, .scroll.layout-default-show-desktopmenu #layout-default-menu-desktop-close, .scroll.layout-default-show-desktopmenu #layout-default-menu-desktop-home { width: 75px; }
#mainmenu-btn .material-icons, #layout-default-menu-desktop-close .material-icons, #layout-default-menu-desktop-home .material-icons { display: block; font-size: 60px; }
.scroll #mainmenu-btn .material-icons, .scroll #layout-default-menu-desktop-close .material-icons, .scroll #layout-default-menu-desktop-home .material-icons { font-size: 50px; }
#mainmenu-btn-txt, #layout-default-menu-desktop-close-txt, #layout-default-menu-desktop-home-txt {
    display: block;
    line-height: 1em;
    font-size: 0.85em;
}
@media screen and (max-width: 1200px) {
    html[data-layout="default"] body { padding-top: 0; }
    html[data-layout="default"] #header { padding-top: 5px!important; }
    html[data-layout="default"] #subheader { margin-top: 0; }
}

#layout-default-menu-desktop, #layout-default-menu-mobile {
    background: #9d8b82;
    display: none;
    padding: 10px;
    position: fixed; z-index: 10000; top: 0; left: 0; bottom: 0; right: 0;
}
@media screen and (max-width: 900px) {
    #layout-default-menu-desktop {
        height: 0px!important;
        overflow: hidden!important;
        padding: 0!important;
    }
}
#layout-default-menu-desktop-close, #layout-default-menu-desktop-home, #layout-default-menu-mobile-close { color: #FFF; }
#layout-default-menu-desktop-close:hover, #layout-default-menu-desktop-home:hover, #layout-default-menu-mobile-close:hover { opacity: 0.7; }

#layout-default-menu-relaxspaaward img, #layout-default-menu-besthotelsaward img {
    display: inline-block;
    height: auto;
}
#layout-default-menu-relaxspaaward, #layout-default-menu-besthotelsaward {
    position: absolute; z-index: 1; top: 2px;
    transform: translateX(-50%);
    width: 80px;
}
#layout-default-menu-relaxspaaward { left: calc(50% - 45px); }
html[lang="it"] #layout-default-menu-relaxspaaward, html[lang="en"] #layout-default-menu-relaxspaaward { left: 50%; }
#layout-default-menu-besthotelsaward { left: calc(50% + 45px); }
#layout-default-menu-besthotelsaward img { width: 77px; }

#layout-default-menu-desktop-home {
    position: absolute; z-index: 1; right: 10px; top: 10px;
    width: 100px;
}

#layout-default-menu-table {
    margin: 80px auto 0;
    max-width: 1450px;
    max-height: calc(100% - 370px);
    overflow: auto;
}
@media screen and (max-width: 1200px) {
    #layout-default-menu-table { max-height: calc(100% - 330px); }
}
#layout-default-menu-table > div {
    display: table;
    width: 100%;
}
#layout-default-menu-table > div > div {
    display: table-cell;
    vertical-align: top;
}
#layout-default-menu-table > div > div:first-child {
    border-right: 1px solid #FFF;
    width: 40%;
}
#layout-default-menu-table > div > div ul { list-style: none; }
#layout-default-menu-table > div > div > ul, #layout-default-menu-table .layout-default-menu-submenu > ul { margin: 0; }
#layout-default-menu-table > div > div ul li { display: block; }
#layout-default-menu-table > div > div:first-child ul li + li { margin-top: 25px; }
#layout-default-menu-table > div > div ul a {
    color: #FFF;
    text-decoration: none;
}
#layout-default-menu-table > div > div:first-child ul a > span {
    display: table;
    width: 100%;
}
#layout-default-menu-table > div > div:first-child ul a > span > span {
    display: table-cell;
    vertical-align: top;
}
#layout-default-menu-table > div > div:first-child ul a > span > span:first-child {
    padding-top: 5px; padding-right: 20px;
    width: 50px;
}
#layout-default-menu-table > div > div:first-child ul a > span img {
    display: none;
    height: auto;
    width: 100%;
}
#layout-default-menu-table > div > div:first-child ul li.active a > span img { display: block; }
#layout-default-menu-table .layout-default-menu-maintxt {
    font-size: 1.8em;
    line-height: 1.2em;
}

#layout-default-menu-table > div > div:last-child { padding-left: 80px; }
#layout-default-menu-table .layout-default-menu-submenu { display: none; }
#layout-default-menu-table .layout-default-menu-submenu.active { display: block; }
#layout-default-menu-table .layout-default-menu-submenu > ul > li > a {
    font-size: 1.1em;
    text-transform: uppercase;
}
#layout-default-menu-table .layout-default-menu-submenu li.active > a, #layout-default-menu-table .layout-default-menu-submenu a:hover { text-decoration: underline; }
#layout-default-menu-table .layout-default-menu-submenu ul ul a { font-size: 1em; }

.layout-default-show-desktopmenu, .layout-default-show-mobilemenu { overflow: hidden; }
.layout-default-show-desktopmenu #main, .layout-default-show-mobilemenu #main { display: none; }
.layout-default-show-desktopmenu #ui-datepicker-div { z-index: 10000!important; }
.layout-default-show-desktopmenu #quickrequest-bar {
    background: #FFF;
    display: block!important;
    bottom: 0!important; z-index: 10000!important;
    padding-left: 20px; padding-right: 20px;
}
.layout-default-show-desktopmenu #quickrequest-bar-inner {
    display: block;
    margin-left: auto; margin-right: auto;
    max-width: 1800px;
    position: relative; z-index: 1;
}
.layout-default-show-desktopmenu #quickrequest-bar-inner > * {
    box-sizing: border-box;
    display: inline-block;
    margin: 20px 0;
    width: 16.3%;
}
.layout-default-show-desktopmenu #quickrequest-bar-inner > *:nth-child(10) { width: 32.6%; }
.layout-default-show-desktopmenu #qr_kinder_alter-container { background: #FFF; }
.layout-default-show-desktopmenu #quickrequest-bar .anim-input > select.inputfield { background: transparent; }
.layout-default-show-desktopmenu #quickrequest-bar .anim-input label, .layout-default-show-desktopmenu #quickrequest-bar .anim-input > .inputfield,
.layout-default-show-desktopmenu #quickrequest-bar .plusminus-controls > * i, .layout-default-show-desktopmenu #quickrequest-bar .checkboxfield,
.layout-default-show-desktopmenu #quickrequest-bar .requiredhint { color: #000; }
.layout-default-show-desktopmenu #quickrequest-bar .plusminus-controls > *, .layout-default-show-desktopmenu #quickrequest-bar .field { border-color: #000; }
.layout-default-show-desktopmenu #quickrequest-bar input[type="submit"] { border: 2px solid #9d8b82; }
.layout-default-show-desktopmenu #quickrequest-bar input[type="submit"]:hover {
    background: #9d8b82;
    color: #FFF!important;
}
@media screen and (max-width: 1600px) {
    .layout-default-show-desktopmenu #quickrequest-bar-inner > * { padding: 0 15px; }
    .layout-default-show-desktopmenu #quickrequest-bar .anim-input > .inputfield { font-size: 14px; }
    .layout-default-show-desktopmenu #quickrequest-bar .anim-input label { font-size: 16px; }
    .layout-default-show-desktopmenu #quickrequest-bar .anim-input.top label {
        font-size: 0.8em;
        top: -18px;
    }
    .layout-default-show-desktopmenu #qr_kinder_alter-container {
        padding-left: 15px; padding-right: 15px;
        top: -93px;
    }
    .layout-default-show-desktopmenu #quickrequest-bar input[type="submit"] {
        font-size: 1em;
        padding-left: 2em; padding-right: 2em;
    }
    .layout-default-show-desktopmenu #quickrequest-bar-placeholder { height: 78px; }
}
#layout-default-desktopmenu-piripiri {
    display: none!important;
    margin: 0!important;
    position: absolute; z-index: 1; top: -105px; right: 20px;
    height: auto;
    transform: rotate(15deg);
    width: 140px!important;
}
.layout-default-show-desktopmenu #layout-default-desktopmenu-piripiri { display: inline-block!important; }
@media screen and (max-height: 945px) {
    #layout-default-menu-table { margin-top: 40px; }
}

#layout-default-header-languageselect-mobile {
    color: #FFF;
    position: absolute; z-index: 1; top: 10px; right: 10px;
}
#layout-default-header-languageselect-mobile a.active { text-decoration: underline; }
#layout-default-menu-mobile ul { list-style: none; }
#layout-default-menu-mobile > ul {
    height: calc(100% - 52px);
    overflow: auto;
    padding-right: 40px;
}
#layout-default-menu-mobile li {
    display: block;
    position: relative; z-index: 1;
}
#layout-default-menu-mobile li:hover > a, #layout-default-menu-mobile li:hover > .material-icons { opacity: 0.7; }
#layout-default-menu-mobile a {
    color: #FFF;
    text-decoration: none;
}
#layout-default-menu-mobile > ul .material-icons {
    color: #FFF;
    cursor: pointer;
    position: absolute; z-index: 1; right: 0; top: 5px;
}
#layout-default-menu-mobile li.active > a, #layout-default-menu-mobile a:hover { text-decoration: underline; }
#layout-default-menu-mobile ul ul { display: none; }
#layout-default-menu-mobile ul li.active > ul { display: block; }
#layout-default-menu-mobile > ul > li  > a {
    font-size: 1.2em;
    text-transform: uppercase;
}

html[data-layout="default"] #hotdealbtn {
    top: auto; bottom: 0;
    transform: translateX(-50%);
}
/* END Default Menü */

#header-container {
    border: 2px solid #000;
    height: 60px;
    position: relative;
}
#header-container .logo {
    display: inline-block;
}
#header-container .logo img {
    max-height: 37px;
    margin: 13px 40px;
}
#header-container #nav {
    float: right;
    line-height: 60px;
    font-size: 1.25em;
    font-weight: 200;
}
#mobilelanguageselect { display: none; }
#header-container #nav a {
    text-decoration: none;
}
#header-container #nav a:hover { font-weight: 500; }
#header-container #nav a::after {
    display: block;
    content: attr(title);
    font-weight: 500;
    visibility: hidden;
    overflow: hidden;
    height: 0px;
}

#header-container .deco-logo {
    background: #fff;
    position: absolute; left: 50%; top: -15px;
    transform: translate(-50%);
    height: 22px; width: 80px;
}
#header-container #nav ul {
    display: inline-block;
    position: relative;
    vertical-align: -10px;
}
#header-container #nav ul li {
    display: inline-block;
    padding: 0 1.25em;
}
#header-container #nav ul li.active a {
    color: #9d8b82;
    font-weight: 500;
}
#header-container #nav > ul > li > .menucontainer {
    display: none;
    position: absolute; left: 0; z-index: 10;
    width: calc(100% + 2px);
}
#header-container #nav > ul > li > .menucontainer > .spacer {
    background: rgba(157, 139, 130, 0.8);
    box-sizing: border-box;
    color: #fff;
    margin-top: 30px;
    padding: 3.45em 3.95em;
    font-size: 0.8em;
    font-weight: 500;
    text-transform: uppercase;
}
#header-container #nav > ul > li > .menucontainer > .spacer.menuboxactive {
    padding-right: 400px;
    position: relative;
}
.scroll #header-container #nav > ul > li > .menucontainer > .spacer { margin-top: 39px; }
#header-container #nav > ul > li > .menucontainer > .spacer ul a { color: #fff; }
#header-container #nav > ul > li > .menucontainer > .spacer > ul {
    display: block;
    float: left;
    min-width: 215px;
}
#header-container #nav > ul > li > .menucontainer > .spacer > ul > li {
    display: block;
    line-height: 3.5em;;
}
#header-container #nav > ul > li > .menucontainer > .spacer > ul > li > ul { padding-bottom: 1em; }
#header-container #nav > ul > li > .menucontainer > .spacer > ul > li > ul > li {
    display: block;
    line-height: 2.5em;
    font-weight: normal;
}
#header-container #nav > ul > li > .menucontainer > .spacer > ul > li > ul > li > a {
    font-size: 1em;
    font-weight: 200;
    text-transform: none;
}
#header-container #nav > ul > li > .menucontainer > .spacer > ul > li > ul > li > ul { display: none; }
#header-container #nav > ul > li > .menucontainer > .spacer::after {
    content: '';
    clear: both;
    display: block;
}
#header-container #nav ul li:last-of-type { padding-right: 2.5em }
#header-container #mobilephone { display: none; }
#header-container #mobilemenu { display: none; }
#header-container .mobilegift { display: none; }

#header-container::after {
    content: '';
    clear: both;
    display: block;
}

#header-container #nav > ul > li > .menucontainer.show { display: block; }
#header-container #nav .menubox {
    position: absolute;
    right: 30px;
}
#header-container #nav .menubox .menuboximg img {
    display: block;
    width: 370px;
}
#header-container #nav .menubox .menuboxname {
    position: relative;
    background: #fff;
    color: #9d8b82;
    text-align: center;
    line-height: 4em;
}
#header-container #nav .menubox .menuboxname img {
    width: 60px;
    position: absolute;
    left: 0;
    top: 17px;
}

#header-cta {
    clear: both;
    display: none;
    margin-top: 5px;
    overflow: auto;
    text-align: center;
}
#header-cta > * {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    padding-left: 1em; padding-right: 1em;
    width: calc(50% - 2.5px);
}
#header-cta > * + * { margin-left: 5px; }

#subheader {
    height: 1000px;
    overflow: hidden;
    position: relative;
}
#subheader .panorama {
    position: relative;
    overflow: hidden;
}
#subheader .panorama #panoramaimage {
    max-height: 1000px;
    height: 44.1vw;
}
#subheader .panorama img {
    width: 100%;
    height: auto;
}
html[data-layout="default"] #subheader { height: auto; }
html[data-layout="default"] #panoramaimage, html[data-layout="default"] #panoramaimage .panoimg {
    height: 100vh!important;
    max-height: 100vh!important;
}
html[data-layout="default"] #panoramaimage { transform: scale(1.15); }
html[data-layout="default"] #panoramaimage .owl-item {
    transition: transform 7s linear;
    transform: scale(1.1);
}
html[data-layout="default"] #panoramaimage .owl-item.active { transform: scale(1); }
html[data-layout="default"] #panoramaimage .panoimg { background-size: cover; background-position: center; background-repeat: no-repeat; }
@media screen and (max-width: 1600px) {
    html[data-layout="default"] #panoramaimage, html[data-layout="default"] #panoramaimage .panoimg { height: 45.83vw!important; }
}
#subheader .panorama .owl-nav .owl-next {
    position: absolute; z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    right: 7%;
}
#subheader .panorama .owl-nav .owl-prev {
    position: absolute; z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    left: 7%;
}
#subheader .panorama .owl-nav i {
    color: #fff;
    font-size: 5em;
}
#subheader .panorama .owl-dots {
    display: none;
    position: absolute; right: 50%; bottom: 25px;
    transform: translateX(50%);
}
#subheader .panorama .owl-dot {
    background: rgba(255, 255, 255, 0.7);
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
}
#subheader .panorama .owl-dot:last-of-type { margin-right: 0; }
#subheader .panorama .owl-dot.active { background: #fff }
#subheader #relaxspaaward, #besthotelsaward {
    position: absolute;
    top: 28px;
    left: 28px;
    z-index: 2;
}
#besthotelsaward {
    background: #FFF;
    box-sizing: border-box;
    padding: 10px;
    top: 150px;
    width: 100px;
}
@media screen and (min-width: 1024px) and (max-width: 1335px) {
    #besthotelsaward { top: 28px; left: 140px; }
}
@media screen and (max-width: 965px) {
    #besthotelsaward { top: 18px!important; left: 98px!important; }
}
#subheader #relaxspaaward img, #besthotelsaward img {
    display: block;
    max-width: 100px;
    width: 100%;
    height: auto;
}
#subheader #dolcevitalogo {
    background: #FFF;
    position: absolute; right: 28px; top: 28px; z-index: 10;
    width: 90px;
}
#subheader #dolcevitalogo img {
    display: block;
    height: auto; width: 100%;
}
#subheader #giftbutton {
    background: #9d8b82;
    color: #fff;
    text-align: center;
    text-decoration: none;
    position: absolute; right: 28px; bottom: 0; z-index: 2;
    width: 90px;
}
#subheader #giftbutton img {
    display: inline-block;
    height: auto; max-width: 45px;
    vertical-align: middle;
    padding: 0.5em 0 0;
}

#bookbutton, #hotdealbtn {
    position: absolute;
    background: rgba(157, 139, 130, 0.8);
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    z-index: 5;
    color: #fff;
    padding: 1em 4em;
    text-transform: uppercase;
    font-size: 1.125em;
}
#hotdealbtn {
    background: rgba(157, 139, 130, 0.8);
    border: none;
    min-width: 150px;
    padding: 6px 1em 2px;
    text-align: center;
    top: 0; bottom: auto;
    white-space: nowrap;
}
#hotdealbtn-table {
    display: table;
    width: 100%;
}
#hotdealbtn-table > * {
    display: table-cell;
    font-size: 0.9em;
    text-align: left;
    vertical-align: middle;
}
#hotdealbtn-table > *:last-child { text-align: right; }
@media screen and (max-width: 400px) {
    #hotdealbtn {
        font-size: 0.9em;
        min-width: 115px;
    }
}

.panobtn {
    display: inline-block;
    position: absolute; z-index: 10; right: 50px; bottom: 50px;
    text-decoration: none;
    width: 90px; height: 90px;
}
.panobtn > div {
    display: table;
    height: 100%;
    transform: rotate(-30deg);
    width: 100%;
}
.panobtn > div > div {
    background: #9d8b82;
    border-radius: 50%;
    color: #FFF;
    display: table-cell;
    font-family: 'Amatic SC'; font-weight: 700; font-size: 24px;
    height: 100%;
    line-height: 1.15em;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.panobtn img {
    display: block;
    height: auto;
    position: absolute; z-index: 1; left: 50%; bottom: 7px;
    transform: translateX(-50%);
    width: 20px!important;
}
@media screen and (max-width: 1600px) {
    .panobtn { right: 30px; bottom: 30px; }
}
@media screen and (max-width: 600px) {
    .panobtn {
        height: auto;
        right: 0; bottom: 0;
        width: auto;
    }
    .panobtn > div { transform: none; }
    .panobtn > div > div {
        border-radius: 0;
        line-height: 1em;
        padding-bottom: 5px;
    }
    .panobtn img { display: none; }
}

#panoramaslogans {
    position: absolute; z-index: 10; left: 150px; top: 49%;
    transform: translateY(-50%);
    width: calc(100% - 300px);
}
#panoramaslogans > * {
    color: #FFF;
    display: none;
    font-family: 'Amatic SC'; font-size: 3.5em; font-weight: 700;
    line-height: 1.2em;
    position: absolute; z-index: 1; left: 0; top: 50%; right: 0;
    text-shadow: 0 0 5px black;
    transform: translateY(-50%);
}
@media screen and (max-width: 1335px) {
    #panoramaslogans {
        left: 110px;
        width: calc(100% - 220px);
    }
}
@media screen and (max-width: 820px) {
    #panoramaslogans {
        left: 70px;
        width: calc(100% - 140px);
    }
    #panoramaslogans > * { font-size: 3em; }
}
@media screen and (max-width: 600px) {
    #panoramaslogans { display: none; }
}

#pn-container {
    background: #9b8b83;
    font-size: 0.8em;
    position: fixed; z-index: 9999; right: -1501px; top: 0; bottom: 0;
    transition: right 0.7s ease-out;
    width: 100dvw; max-width: 1500px;
}
@media screen and (max-width: 1500px) {
    #pn-container { right: -100dvw; }
}
#pn-container.open { right: 0; }
#pn-container-open-container {
    display: none;
    position: absolute; z-index: 1; left: -150px; top: 50%;
    transform: translateY(-50%);
}
#pn-container-open {
    background: #ebe8e5;
    box-shadow: 0 0 6px 0px rgb(0 0 0 / 28%);
    display: block;
    font-size: 1.4em;
    letter-spacing: 0.2em;
    line-height: 1em;
    padding: 0.8em 1.3em;
    text-decoration: none; text-transform: uppercase; text-align: center;
    transform: rotate(90deg);
    white-space: nowrap;
    width: 200px;
}
#pn-container-open .material-icons {
    margin-right: 0.2em;
    vertical-align: -5px;
}
#pn-container.open #pn-container-open .material-icons { transform: rotate(180deg); }
#pn-container-close {
    color: #FFF;
    position: absolute; z-index: 1; right: 10px; top: 10px;
    text-decoration: none;
}
#pn-container-close .material-icons { font-size: 3em; }
#pn-content {
    box-sizing: border-box;
    height: 100%;
    padding: 60px 80px; padding-right: 36px;
}
#pn-content > div {
    height: 100%;
    overflow: auto;
}
#pn-content > div > * { margin-right: 24px; }
#pn-content > div::-webkit-scrollbar { width: 6px; }
#pn-content > div::-webkit-scrollbar-track-piece { background: rgba(255, 255, 255, 0.5); }
#pn-content > div::-webkit-scrollbar-thumb {
    background-color: #FFF;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 2px;
}
#pn-cta-links { margin-bottom: 40px; }
#pn-cta-links a {
    color: #FFF;
    font-size: 1.15em;
    text-decoration: none;
    white-space: nowrap;
}
#pn-cta-links a + a { margin-left: 3em; }
#pn-cta-links a:hover { opacity: 0.8; }
#pn-cta-links a .material-symbols-outlined { font-size: 1.5em; }
#pn-whatsapp img {
    display: inline-block;
    height: auto;
    margin-right: 10px;
    vertical-align: -5px;
    width: 25px!important;
}
#pn-headline {
    color: #FFF;
    font-weight: 700; font-family: 'Amatic SC'; font-size: 3.5em;
    letter-spacing: 0.15em;
    line-height: 1.15em;
}
#pn-news-container {
    margin-top: 50px;
    padding: 40px 0;
    position: relative; z-index: 1;
}
#pn-news-images { pointer-events: none; }
#pn-news-images img {
    display: block;
    object-fit: cover;
    height: auto; min-height: 460px;
    width: 100%;
}
#pn-news-content-container {
    background: #ebe8e5;
    box-sizing: border-box;
    display: flex; flex-direction: column;
    justify-content: center;
    padding: 50px;
    position: absolute; z-index: 10000; right: 60px; top: 0; bottom: 0;
    text-align: center;
    width: 580px;
}
.pn-news-content-title {
    font-weight: 700; font-family: 'Amatic SC'; font-size: 3em;
    letter-spacing: 0.15em;
    line-height: 1.15em;
}
#pn-news-content-container .owl-dots {
    display: block!important;
    position: relative!important; right: auto!important; bottom: auto!important; transform: none!important;
    text-align: center;
}
#pn-news-content-container .owl-dots > * {
    border: 1px solid #9d8b82;
    display: inline-block;
    height: 14px!important;
    margin-right: 0!important;
    width: 14px!important;
}
#pn-news-content-container .owl-dots > * + * { margin-left: 10px!important; }
#pn-news-content-container .owl-dots > *.active { background: #9d8b82!important; }
#pn-quicklinks {
    display: flex;
    margin-top: 80px;
}
#pn-quicklinks a {
    box-sizing: border-box;
    color: #FFF;
    display: flex; flex-direction: column;
    line-height: 1.5em;
    justify-content: space-between;
    padding: 20px;
    text-decoration: none;
    width: 20%;
}
#pn-quicklinks a:hover {
    background: #ebe8e5;
    color: #333;
}
#pn-quicklinks a + a { border-left: 3px solid #FFF; }
#pn-quicklinks img {
    display: block;
    height: auto;
    width: 50px!important;
}
#pn-quicklinks img:nth-child(2) { display: none; }
#pn-quicklinks a:hover img:nth-child(1) { display: none; }
#pn-quicklinks a:hover img:nth-child(2) { display: block; }
#pn-quicklinks span { display: block; }
.pn-quicklink-title {
    font-weight: 500;
    margin: 0.7em 0;
}
@media screen and (max-width: 1350px) {
    #pn-quicklinks > * {
        align-items: center;
        text-align: center;
    }
    #pn-quicklinks > * > *:last-child { display: none; }
}
@media screen and (max-width: 1200px) {
    #pn-container-open-container { left: -146px; }
    #pn-whatsapp img { width: 22px!important; }
}
@media screen and (max-width: 1100px) {
    #pn-news-container { padding: 0; }
    #pn-news-content-container {
        background: rgba(0,0,0,0.7);
        color: #FFF;
        text-shadow: 0 0 2px #000;
        top: 0; bottom: 0; left: 0; right: 0;
        width: auto;
    }
    #pn-news-content-container * { color: #FFF; }
}
@media screen and (max-width: 900px) {
    #pn-content { padding: 60px 40px 40px; }
}
@media screen and (max-width: 800px) {
    #pn-news-container, #pn-quicklinks { margin-top: 40px; }
    #pn-quicklinks img { width: 35px!important; }
}
@media screen and (max-width: 750px) {
    #pn-container-open-container { display: none!important; }
}
@media screen and (max-width: 730px) {
    #pn-headline { font-size: 2.5em; }
    .pn-news-content-title { font-size: 2em; }
    #pn-quicklinks {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }
    #pn-quicklinks a {
        min-width: 120px;
        padding: 10px;
        white-space: nowrap;
    }
    #pn-quicklinks a + a { border: none; }
}
@media screen and (max-width: 585px) {
    #pn-content { padding-right: 15px; }
    #pn-cta-links {
        align-items: flex-end;
        display: flex;
        flex-wrap: wrap; flex-direction: row;
        gap: 5px;
        justify-content: space-around;
    }
    #pn-cta-links a { margin-left: 0!important; margin-right: 0!important; }
    #pn-cta-links .pn-cta-txt { display: none; }
    #pn-cta-links .info-with-icon .material-symbols-outlined, #pn-whatsapp img { margin-right: 0; }
    #pn-cta-links a .material-symbols-outlined { font-size: 2em; }
    #pn-whatsapp img { width: 30px!important; }
    #pn-headline { display: none; }
}
@media screen and (max-width: 500px) {
    #pn-news-images { display: none; }
    #pn-news-content-container {
        background: #ebe8e5;
        color: #333;
        padding: 30px;
        position: relative;
        text-shadow: none;
    }
    #pn-news-content-container * { color: #333; }
}

.scroll { padding-top: 150px; }
.scroll #header{
    background: #fff;
    position: fixed; top: 0; left: 0; z-index: 25;
    padding-bottom: 1.25em;
}
.scroll #header-container { height: 51px; }
.scroll #header-container .logo { display: none; }
.scroll #header-container .deco-logo {
    position: static;
    height: 22px;
    width: auto;
    margin-left: 5.3125em;
    padding: 14px 0px;
}
.scroll #header-container #nav { line-height: 51px; }
.scroll #header-container #nav ul { vertical-align: 0; }

#hotel-reviews-container {
    background: #9d8b82;
    color: #FFF;
    opacity: 0;
    padding: 25px 0;
}
#hotel-reviews-container .wrapper { max-width: 1300px; }
.hotel-review > div {
    display: table;
    min-height: 100px;
    margin: 0 auto;
}
.hotel-review > div > div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.hotel-review > div > div:first-child, .hotel-review > div > div:last-child { width: 30px; }
.hotel-review > div > div:nth-child(2) {
    font-size: 1.25em;
    line-height: 1.35em;
    padding: 0 25px;
}
.hotel-review > div > div img {
    display: block;
    height: auto;
    width: 100%;
}
@media screen and (max-width: 767px) {
    #hotel-reviews-container { display: none; }
}

#article {
    margin: 2em 0em 4em 0em;
    position: relative; z-index: 2;
}
#article h1 {
    color: #000;
    margin-top: 0; margin-bottom: 0!important;
    text-align: center;
}

#headerspacer {
    height: 100px;
    margin: 1em 0 4em;
    position: relative; z-index: 1;
}
#headerspacer:before {
    background: #9d8b82;
    content: '';
    display: inline-block;
    height: 1px;
    position: absolute; z-index: 1; left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    width: 260px;
}
#headerspacer > span {
    background: #FFF;
    display: inline-block;
    padding: 0 0.8em;
    position: absolute; z-index: 1; left: 50%; top: 50%;
    transform: translate(-50%, -50%);
}
#headerspacer img { display: block; }
@media screen and (max-width: 767px) {
    #headerspacer { height: auto; }
    #headerspacer > span, #headerspacer:before { display: none; }
}
#h1spacer { height: 30px; }

#article .button { color: #000; }
#article::after {
    content: '';
    clear: both;
    display: block;
    float: none;
}



#socialmedia {
    text-align: center;
    padding: 2em 0;
}
#socialmedia a { margin-right: 3em; }
#socialmedia a:last-of-type { margin-right: 0; }
#socialmedia img {
    height: 30px;
    vertical-align: middle;
}
#socialmedia a:last-of-type img { height: 50px; }

#footer a { text-decoration: none; }
#footer #footercontent {
    padding: 4em 0;
    margin-top: 2em;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}
#footer #footercontent #hoteldesc {
    width: 50%;
    border-right: 2px solid #000;
    padding-left: 4em;
    box-sizing: border-box;
    float: left;
}
#footer #footercontent #hoteldesc #hotellogo, #footer #footercontent #hoteldesc #hoteldata {
    display: inline-block;
    vertical-align: middle;
}
#footer #footercontent #hoteldesc #hoteldata {
    position: relative;
    margin-left: 4em;
    line-height: 2.25em;
}
#footer #footercontent #hoteldesc #hoteldata #mapicon {	position: absolute; right: 30px; bottom: 0; }
#footer #footercontent #hoteldesc #hoteldata #mapicon img { width: 30px; }
#footer #footercontent #hoteldesc #hotellogo img { height: 280px; }
#footer #footercontent #hotelfootermenu {
    box-sizing: border-box;
    width: 50%;
    float: left;
    padding-left: 2em;
}
#footer #footercontent #hotelfootermenu > ul {
    display: inline-block;
    padding-left: 65px;
}
#footer #footercontent #hotelfootermenu li {
    list-style: none;
    line-height: 2em;
}
#footer #footercontent #hotelfootermenu > ul > li > a {
    text-transform: uppercase;
    font-weight: 500;
}
#footer #footercontent #hotelfootermenu > ul > li > ul {
    padding: 0;
    margin-top: 0.5em;
}
#footer #footercontent #hotelfootermenu #footersyspages {
    font-size: 0.875em;
    padding-left: 65px;
    padding-top: 2em;
}
#footer #footercontent::after {
    content: '';
    clear: both;
    display: block;
    float: none;
}
#footer #partnerlogos {
    text-align: center;
    margin: 2em 0;
}
#footer #partnerlogos a {
    display: inline-block;
    margin-right: 2em;
    margin-bottom: 2em;
}
#footer #partnerlogos a:nth-of-type(1) img { width: 140px; height: auto; }
#footer #partnerlogos a:nth-of-type(3) img { height: 20px; }
#footer #partnerlogos a:nth-of-type(4) img { width: 120px; height: auto; }
#footer #partnerlogos a:nth-of-type(6) img { width: 200px; height: auto; }
#footer #partnerlogos a:nth-of-type(9) img { height: 30px; }
html[lang="it"] #footer #partnerlogos a:nth-of-type(8) img { height: 30px; }
html[lang="en"] #footer #partnerlogos a:nth-of-type(8) img { height: 30px; }
#footer #partnerlogos a:last-of-type { margin-right: 0; }
#footer #partnerlogos a img {
    height: 40px;
    vertical-align: middle;
}
@media screen and (max-width: 1080px) {
    #footer.new2024 { padding-bottom: 6em; }
}
#footer #footercontent.no-borderbottom {
    border-bottom: none;
    padding-bottom: 1em;
}
#footercontent-inner {
    display: grid;
    font-weight: 400;
    grid-template-columns: 1fr 300px 1fr;
    gap: 40px;
    justify-items: center;
    line-height: 2.2em;
}
#footercontent-inner > *:first-child { justify-self: self-start; }
#footercontent-inner > *:nth-child(2) { text-align: center; }
#footercontent-logo {
    display: inline-block;
    max-width: 200px;
}
#footercontent-logo img {
    display: block;
    height: auto;
    width: 100%;
}
#footercontent-inner strong { font-weight: 600; }
.info-with-icon {
    margin-top: 0.5em;
    text-decoration: none;
}
.info-with-icon .material-symbols-outlined {
    margin-right: 10px;
    vertical-align: -6px;
}
#footer-menu {
    line-height: 1.8em;
    text-align: center;
}
#footer-menu li {
    display: inline-block;
    padding: 0 8px;
}
#footercontent-newsletter {
    font-weight: 500;
    display: inline-block;
    margin: 1.3em 0;
    text-decoration: underline!important;
}
#footercontent-tripadvisor {
    display: block;
    margin: 0 auto 1.3em;
    max-width: 230px;
}
#footercontent-tripadvisor img {
    display: block;
    height: auto;
    width: 100%;
}
#footercontent-inner #socialmedia { padding: 0; }
#footercontent-inner #socialmedia a { margin-right: 0em; }
#footercontent-inner #socialmedia a + a { margin-left: 1em; }

#footercontent-suffix {
    display: grid;
    font-weight: 400; font-size: 0.95em;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-top: 2.5em;
}
#footercontent-suffix > *:last-child { justify-self: flex-end; }
#footercontent-suffix > *:last-child a + a { margin-left: 1em; }
.showhide-container .material-icons {
    margin-left: -6px;
    vertical-align: -6px;
}
#recomendedpages { text-align: center; }
#recomendedpages .spacer {
    display: inline-block;
    margin-left: 0.2em; margin-right: 0.2em;
}
#recommendedby-link {
    display: block;
    font-size: 1.9em;
    margin-top: 0.5em;
    text-decoration: underline!important;
}
#recommendedby-link .material-icons { font-size: 1em; }
#recomendedby-images {
    display: flex; flex-wrap: wrap;
    gap: 30px;
    justify-content: space-evenly;
    padding: 2em 0 1em;
}
#recomendedby-images img {
    display: block;
    filter: grayscale(1);
    height: auto;
    width: 100%; max-width: 130px;
}
#recomendedby-images img[src*="bild"] { max-width: 60px; }
@media screen and (max-width: 1400px) {
    #footercontent-suffix { display: block; }
    #footercontent-suffix > * { text-align: center; }
}
@media screen and (max-width: 1023px) {
    #footercontent-inner {
        display: flex; flex-wrap: wrap;
        grid-template-columns: 1fr 1fr;
    }
    #footercontent-inner > *:nth-child(1) {
        order: 1;
        width: calc(50% - 20px);
    }
    #footercontent-inner > *:nth-child(3) {
        order: 2;
        width: calc(50% - 20px);
    }
    #footercontent-inner > *:nth-child(2) {
        order: 3;
        width: 100%;
    }
    #footercontent-logo { display: none; }
    #recommendedby-link { margin-top: 0; }
}
@media screen and (max-width: 875px) {
    #footercontent-inner > * {
        text-align: center;
        width: 100%!important;
    }
}

#esf-container { text-align: right; }
#esf-container img {
    display: inline-block;
    height: auto;
    width: 100%; max-width: 200px;
}

#nav_copyright { font-size: 0.875em; }


@media screen and (min-width: 1081px) {
    .pp-widget { transition: bottom .5s ease; }
    body.rb-shown .pp-widget { bottom: 65px!important; }
}
@media screen and (min-width: 1601px) {
    body.rb-shown .pp-widget { bottom: 100px!important; }
}

#quickrequest-bar #qr_land, #quickrequest-bar #qr_land_landalle { max-width: none!important; }
#quickrequest-bar-placeholder { height: 108px; }
#quickrequest-bar {
    background: #9d8b82;
    padding: 30px 25px 20px;
    position: fixed; bottom: -180px; left: 0; right: 0; z-index: 2;
    transition: bottom .5s ease
}
#quickrequest-bar.show { bottom: 0; }
#quickrequest-bar-inner {
    display: table;
    width: 100%;
}
#quickrequest-bar-inner > * {
    display: table-cell;
    overflow: visible;
    padding: 0 15px;
    vertical-align: middle;
    white-space: nowrap;
}
#quickrequest-bar .posrel { position: relative; z-index: 1; }
#quickrequest-bar .field {
    border-bottom: 1px solid #FFF;
    padding-bottom: 0px;
}
#quickrequest-bar .complexfield {
    display: table;
    width: 100%;
}
#quickrequest-bar .complexfield > * {
    display: table-cell;
    vertical-align: bottom;
}
#quickrequest-bar .complexfield > *.w1 { width: 22px; }
#quickrequest-bar .complexfield > *.w2 { width: 50px; }
#quickrequest-bar .anim-input {
    cursor: pointer;
    padding-top: 3px;
    position: relative; z-index: 1;
}
#quickrequest-bar .anim-input > * {
    cursor: pointer;
    transition: top 0.2s linear, font-size 0.2s linear;
}
#quickrequest-bar .anim-input > .inputfield {
    background: transparent;
    border-color: transparent;
    box-sizing: border-box;
    color: #FFF;
    font-size: 14px;
    outline: none;
    width: 100%; min-width: 70px;
}
#quickrequest-bar .anim-input > #qr_erwachsene_anzahl.inputfield, #quickrequest-bar .anim-input > #qr_kinder_anzahl.inputfield { min-width: 20px; }
#quickrequest-bar .anim-input > select.inputfield { background: #9d8b82; }
#quickrequest-bar .quickrequest-bar-calendar { cursor: pointer; }
#quickrequest-bar .anim-input label {
    color: #FFF;
    position: absolute; z-index: 1; left: 4px; top: 1px;
}
#quickrequest-bar .anim-input.top label {
    font-size: 0.8em;
    top: -18px;
}
#quickrequest-bar .plusminus-controls > * {
    border: 1px solid #FFF;
    display: inline-block;
    height: 20px;
    text-align: center;
    vertical-align: -4px;
    width: 20px;
}
#quickrequest-bar .plusminus-controls > * i {
    color: #FFF;
    font-size: 16px;
    vertical-align: 3px;
}
#qr_kinder_alter-container {
    background: #9d8b82;
    display: none;
    padding: 8px 15px; padding-top: 20px;
    position: absolute; z-index: 1; left: 0; right: 0; top: -93px;
}
#quickrequest-bar .checkboxfield {
    color: #FFF;
    font-size: 12px;
    line-height: 1.2em;
    white-space: nowrap;
}
#quickrequest-bar .checkboxfield label {
    cursor: pointer;
    margin-left: 5px;
    vertical-align: 3px;
}
#quickrequest-bar .checkboxfield label i {
    font-size: 1.3em;
    vertical-align: -3px;
}
#quickrequest-bar .requiredhint {
    color: #FFF;
    font-size: 11px;
    white-space: nowrap;
}
#quickrequest-bar input[type="submit"] {
    border: none;
    padding-left: 2em; padding-right: 2em;
}
#quickrequest-bar input[type="submit"]:hover {
    background: #EEE;
    color: #000!important;
}
#quickrequest-bar .select2-container--default .select2-selection--single {
    background-color: #9b8b83;
    color: #fff;
    border: none;
}
#quickrequest-bar .select2-container--default .select2-selection--single .select2-selection__rendered { color: #fff; }
#quickrequest-bar .select2 { margin-bottom: 4px; }
#quickrequest-bar .qr_telefon_block { display: inline-block; }
#quickrequest-bar .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #fff transparent transparent transparent }
.layout-default-show-desktopmenu #quickrequest-bar .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #333 transparent transparent transparent }
.layout-default-show-desktopmenu #quickrequest-bar .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: none;
}
.layout-default-show-desktopmenu #quickrequest-bar .select2-container--default .select2-selection--single .select2-selection__rendered { color: #333; }
.select2-container { z-index: 99999; }
@media screen and (max-width: 1600px) {
    #quickrequest-bar { padding: 15px 5px 5px; }
    #quickrequest-bar-inner > * { padding: 0 7px; }
    #quickrequest-bar .anim-input > .inputfield { font-size: 12px; }
    #quickrequest-bar .anim-input label { font-size: 14px; }
    #quickrequest-bar .anim-input.top label {
        font-size: 12px;
        top: -14px;
    }
    #qr_kinder_alter-container {
        padding-left: 7px; padding-right: 7px;
        top: -74px;
    }
    #quickrequest-bar input[type="submit"] {
        font-size: 14px;
        padding-left: 0.8em; padding-right: 0.8em;
    }
    #quickrequest-bar-placeholder { height: 78px; }
}
@media screen and (max-width: 1200px) {
    #quickrequest-bar .plusminus-controls > * i { vertical-align: 0px; }
    #quickrequest-bar .complexfield > *.w1 { display: none; }
}
@media screen and (max-width: 1080px) {
    #quickrequest-bar, #quickrequest-bar-placeholder { display: none!important; }
}

.showmore { color: #9d8b82; }

/* SHOWCASE */


#piripiripodcast-mobile {
    background: #9b8b83;
    box-sizing: border-box;
    display: block;
    margin-top: 12px;
    padding: 6px 0;
    width: 100%;
}
#piripiripodcast-mobile img {
    display: block;
    height: auto;
    margin: 0 auto;
    width: 100%; max-width: 252px;
}
@media screen and (min-width: 581px) {
    #piripiripodcast-mobile { display: none; }
}

/* START Plant for the planet */
#aside #pfp-asidecontainer { padding-top: 0em; padding-bottom: 6em; }
#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; }
}
#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;
    z-index: 1!important;
}
#pftpCircleHeadline, #pftpCircleNumber {
    display: inline-block!important;
    line-height: 1em;
}
.pftpInformationButton:hover { color: #FFF; }
@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; }
}
/* END Plant for the planet */

/* imgandtext START */
/* Boxen */
#box-container { margin: 2em 0; position: relative; }
#boxes {
    clear: both;
    display: table;
    overflow: auto;
    table-layout: fixed;
    width: 100%;
}
#boxes .boxesrow { display: table-row; }
#boxes .boxesrow > * {
    background: #9d8b82;
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}
#boxes .boxesrow > * > * {
    background-color: #FFF;
    display: table;
    font-size: 1em;
    table-layout: fixed;
    text-align: center;
    width: 100%;
}
#boxes .box > * {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}
#boxes .box { position: relative; }
#boxes .mobilebox { display: none; }
#boxes .box::before {
    background: rgba(157, 139, 130, 0.67);
    content: ' ';
    display: block;
    width: 100%; height: 100%;
    position: absolute; top: 0; left: 0; z-index: 1;
    -webkit-transition: background 750ms; /* For Safari 3.1 to 6.0 */
    transition: background 750ms;
}
#boxes .box:hover::before {
    background: rgba(196, 120, 93, 0);
}
#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: 2em;
    line-height: 1.2em;
}
#boxes a {
    font-size: 1.25em;
    text-decoration: none;
}
#boxes a:hover { color: #000 }
#boxes p { margin: 25px 0 15px; }
#boxes strong, #boxes a { /*font-family: 'Droid Serifbold';*/ }
@media screen and (any-hover: none) {
    #boxes .box { background: #ebe8e6; }
    #boxes .box::before, #boxes .mobilebox::before { display: none!important; }
}
/* imgandtext END */

/* overviewlist START */
.filter {
    margin: 4em 0;
    position: relative; z-index: 2;
}
.overviewlist-filter, .filter { text-align: center; }
.overviewlist-filter .selectbox-container, .filter .selectbox-container { display: none; }
.overviewlist-filter .topic, .filter .filter-item {
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    padding: 1em 3em;
    margin: 1em 1em;
    border-bottom: 1px solid black;
}
.filter .filter-item { min-width: 200px; }
.overviewlist-filter .topic:hover, .filter .filter-item:hover { border-bottom: 1px solid #9d8b82; }
.overviewlist-filter .topic.active, .filter .filter-item.active {
    border-bottom: 1px solid #9d8b82;
    color: #9d8b82;
    font-weight: 500;
    outline: none;
}
.overviewlist-boxes {
    clear: both;
    display: flex; flex-wrap: wrap;
    gap: 30px;
    margin: 40px 0;
    overflow: auto;
}
.overviewlist-boxes.center .overviewlist-box {
    float: none!important;
    margin-left: auto!important; margin-right: auto!important;
}
.overviewlist-box {
    border: 2px solid #fff;
    box-sizing: border-box;
    display: flex; flex-direction: column; flex-wrap: nowrap;
    width: calc(33.33% - 20px);
}
.overviewlist-box.past {
    cursor: default;
    position: relative; z-index: 1;
}
.overviewlist-box > div {
    height: 100%;
    padding-bottom: 2em;
}
.overviewlist-box .overviewlist-image {
    background-repeat: no-repeat; background-size: cover; background-position: top center;
    height: 297px;
    width: 100%;
}
.overviewlist-overview {
    display: flex; flex-direction: column;
    height: calc(100% - 297px);
    justify-content: space-between;
}
.overviewlist-box .overviewlist-overview .overviewlist-overlay-title h2 { font-size: 1.6em!important; }
.overviewlist-box.past .overviewlist-overlay-title h2 { text-decoration: line-through; }
.overviewlist-box .overviewlist-miniinfo > span { display: block; }
.overviewlist-box .overviewlist-miniinfo > span .striketrought { text-decoration: line-through; }
.overviewlist-box .overviewlist-price { font-size: 0.9em; }
.overviewlist-box .overviewlist-price b { font-size: 1.25em; }
.overviewlist-overlay-btnbox { margin-top: 1.5em; }
/* overviewlist END */

/* START Offers Slider */
.offer-slides-container { margin-left: 0!important; margin-right: 0!important; }
.animated-slider-container.offers-slider-container { height: 50dvw; max-height: 700px; }
@media screen and (max-width: 999px) {
    .animated-slider-container.offers-slider-container {
        height: 75dvw;
        margin-top: 0;
    }
}
@media screen and (max-width: 624px) {
    .offer-slides-container { margin-bottom: 80px; }
    .animated-slider-container.offers-slider-container { height: 530px; }
}
.offer-slides-container h2 { text-align: center; }
.offer-slide-content {
    align-items: center;
    display: grid !important;
    grid-gap: 20px;
    grid-template-columns: auto 100px;
}
.offer-slide-content > :last-child { justify-self: flex-end; }
.offer-slide-title { margin-bottom: 0; }
.offer-slide-info { line-height: 1.3em; }
.offer-slide-dates { display: block; }
.offer-slide-dates .striketrought { text-decoration: line-through; }
.offer-slide-price { font-weight: 500; }
/* END Offers Slider */

/* START Animated Slider */
.animated-slider-container {
    height: 40dvw; max-height: 640px;
    margin-left: 0!important; margin-right: 0!important; margin-top: 0px; margin-bottom: 50px;
    overflow: visible;
    position: relative; z-index: 1;
    width: 100%;
}
.animated-slider-container > div {
    position: absolute; z-index: 1; left: 0px; top: 0;
    width: calc(100% + 52px);
}
.animated-slider-container > div:before {
    background: #FFF;
    content: '';
    display: block;
    position: absolute; z-index: 1000; left: -5px; top: 0; bottom: 115px;
    width: 57px;
}
.animated-slider { margin-top: 80px; margin-bottom: 40px; }
.animated-slider:not(.slider-inited) { max-height: 200px; opacity: 0; }
.animated-slider.slider-inited .owl-item.active { z-index: 1; }
.animated-slider.slider-inited .owl-item.active + .active { z-index: 2; }
.animated-slider.slider-inited .owl-item.slider-current + .active { z-index: 3; }
.animated-slider .owl-item.slider-current { background: #FFF; }
.animated-slider.slider-inited .owl-item .slider-offset, .animated-slider.slider-inited .owl-item .slider-offset > *, .animated-slider-hiddencontent { transition: all 0.5s linear; }
.animated-slider .owl-item .slider-offset {
    margin: 0 auto;
    padding-bottom: 40px;
    position: relative; z-index: 1; left: 52px; top: 0;
    width: 100%;
}
.animated-slider .owl-item.mt .slider-offset { top: 40px; }
.animated-slider .owl-item .slider-offset > * {
    display: block;
    margin-left: auto;
    width: 80%;
}
.animated-slider .owl-item.slider-current .slider-offset > * {
    margin-left: 0;
    width: 100%;
}
.animated-slider .owl-item img {
    display: block;
    height: auto;
    width: 100%;
}
.animated-slider-hiddencontent {
    height: 0;
    overflow: hidden;
}
.animated-slider .owl-item.slider-current .animated-slider-hiddencontent { height: auto; }
.animated-slider .owl-nav {
    margin-top: 10px; margin-left: 40px;
    text-align: left;
}
.animated-slider .owl-nav > * { display: inline-block; }
.animated-slider .owl-nav .material-icons { font-size: 3em; }
.animated-slider-link {
    margin-top: -35px; margin-left: 47px;
    text-align: left;
}
@media screen and (max-width: 999px) {
    .animated-slider-container {
        height: 65dvw;
        margin-top: 30px;
    }
}
@media screen and (max-width: 624px) {
    .animated-slider-container { height: 94dvw; min-height: 340px; }
    .animated-slider-container > div { width: 100%; }
    .animated-slider { margin-top: 0; margin-bottom: 0; }
    .animated-slider-container > div:before { display: none; }
    .animated-slider .owl-item .slider-offset { left: 0; }
    .animated-slider .owl-nav {
        margin-left: 0; margin-top: -10px;
        text-align: center;
    }
    .animated-slider-link {
        margin-top: 8px; margin-left: 0;
        text-align: center;
    }
}
/* END Animated Slider */

/* CONTENT */

/* START Packete */
.package {
    margin-top: 2em;
    padding-bottom: 2em;
    margin-bottom: 2em;
    border-bottom: 2px solid #000;
}
.package .package-titleblock {
    display: table;
    width: 100%;
    margin-bottom: 1em;
}
.package .package-title {
    color: #9d8b82;
    display: table-cell;
    font-size: 1.375em;
    font-weight: 500;
    margin-bottom: 0.5em;
}
.package .package-info {
    display: table-cell;
    margin-bottom: 0.5em;
    text-align: right;
    white-space: nowrap;
    padding-left: 1em;
}
.package .package-info .package-duration { display: inline-block; }
.package .package-info .package-price {
    display: inline-block;
    padding: 0 1em;
    background: #9d8b82;
    margin-left: 1em;
    color: #fff;
}
.package .package-desc {
    clear: both;
    font-weight: 500;
    margin-bottom: 1em;
}
.package .package-variant {
    margin-left: 2em;
    margin-bottom: 0.5em;
}
.package .package-variant .package-title { font-size: 1em; }
/* END Packete */

/* START roomtabs */
.roomtabs { position: relative; }
.roomtabs.roomoverview { margin-bottom: 4em; }
.roomtabs .roomoverview-items {
    display: none;
    max-height: 550px;
}
.roomtabs .roomoverview-items .owl-prev { display: block; }
.roomtabs .roomoverview-items .owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.roomtabs .roomoverview-items .owl-next { display: block; }
.roomtabs .roomoverview-items .owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.roomtabs .roomoverview-items .roomoverview-image .owl-prev, .roomtabs .roomoverview-items .roomoverview-image .owl-next { display: none; }
.roomtabs .roomoverview-items .owl-prev, .roomtabs .roomoverview-items .owl-next {
    background: #fff;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0.5em 1em;
}
.roomtabs .roomoverview-items .owl-prev i, .roomtabs .roomoverview-items .owl-next i {
    vertical-align: -9px;
    font-size: 4em;
}
.roomtabs .roomoverview-items .owl-prev { left: -60px }
.roomtabs .roomoverview-items .owl-next { right: -60px; }
.roomtabs .roomoverview-item { overflow: hidden; }
/* END roomtabs */

/* START roomoverview */
.roomoverview-item .owl-carousel .owl-item img {
    width: auto;
}
.roomoverview-item {
    height: 550px;
    position: relative;
}
.roomoverview-item .roomoverview-image {
    display: none;
    box-sizing: border-box;
    width: calc(65% - 1em);
    float: left;
    margin-right: 1em;
    text-align: center;
}
.roomoverview-item .roomoverview-image img {
    display: none;
    width: auto;
    height: 550px;
}

.roomoverview-item .roomoverview-image .owl-prev, .roomoverview-item .roomoverview-image .owl-next, .galleryslider .owl-prev, .galleryslider .owl-next {
    background: #fff;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0.5em 1em;
}
.roomoverview-item .roomoverview-image .owl-prev i, .roomoverview-item .roomoverview-image .owl-next i, .galleryslider .owl-prev i, .galleryslider .owl-next i {
    vertical-align: -9px;
    font-size: 4em;
}
.galleryslider .owl-next { right: 21%; }
.roomoverview-item .roomoverview-image .owl-prev, .roomoverview-item .roomoverview-image .owl-next {
    background: transparent;
    outline: none!important;
    padding: 0;
}
.roomoverview-item .roomoverview-image .owl-prev { left: 1em; }
.roomoverview-item .roomoverview-image .owl-next { right: 1em; }
.roomoverview-item .roomoverview-image .owl-prev a, .roomoverview-item .roomoverview-image .owl-next a { color: #FFF; }
.galleryslider .owl-prev { left: 21%; }
.roomoverview-item .roomprice {
    box-sizing: border-box;
    box-shadow: 0 0px 9px -5px #0000008c;
    position: absolute; top: -25px; left: 50px; z-index: 1;
    width: 170px;
    height: 170px;
    background: #fff;
    border-radius: 85px;
    text-align: center;
    padding: 55px 0;
    text-transform: uppercase;
}
.roomoverview-item .roomprice .price {
    font-size: 2.125em;
    font-weight: 200;
    line-height: 120%;
}
.roomoverview-item .roomprice .preprice {
    font-size: 0.875em;
    line-height: 120%;
}
.roomoverview-item .roomprice .postprice {
    color: #9d8b82;
    display: block;
    font-size: 0.875em;
    line-height: 140%;
}
.roomoverview-item .roomnew {
    background: #fff;
    box-sizing: border-box;
    border-radius: 50px;
    color: #9d8b82;
    position: absolute; top: 85px; left: 165px; z-index: 2;
    width: 100px;
    height: 100px;
    font-size: 1.875em;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    padding: 25px 0;
}
.roomoverview-item .roomoverview-image .owl-dot {
    background: rgba(255, 255, 255, 0.7);
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
}
.roomoverview-item .roomoverview-image .owl-dot.active { background: #fff; }
.roomoverview-item .roomoverview-image .owl-dots {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.roomoverview-item .roomoverview-desc {
    background: #9d8b82;
    box-sizing: border-box;
    container-type: inline-size; container-name: roomdesc;
    color: #fff;
    width: 35%;
    float: left;
    overflow: auto;
    padding: 2em 2em 1em 4em;
    height: 550px;
}
.roomoverview-item .roomoverview-desc ul { padding: 0 0 0 20px; }
.roomoverview-item .roomoverview-desc h2 {
    border-bottom: 1px solid #FFF;
    margin-bottom: 0.5em;
    margin-top: 0.25em;
    padding-bottom: 0.25em;
}
.roomoverview-item .roomoverview-desc a { color: #fff; }
.roomoverview-item .roomoverview-desc .roomoverview-miniinfo {
    font-weight: 500;
    padding-bottom: 1em;
    margin-bottom: 1em;
    margin-right: 4em;
    border-bottom: 1px solid #fff;
}

.room-equipment {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2em;
    line-height: 1.5em;
    margin-top: 1.5em;
}
.room-equipment-rec {
    align-items: center;
    display: grid;
    grid-template-columns: 30px auto;
    gap: 1em;
}
.room-equipment-rec img {
    display: block;
    height: auto;
    width: 100%;
}
@container roomdesc (max-width: 310px) {
    .room-equipment { display: block; }
    .room-equipment > * + * { margin-top: 1.5em; }
}

.roomoverview-actions { margin: 2em 0 6em; }
.roomoverview-actions .roomoverview-actions-left {
    width: 100%;
    float: left;
}
.roomoverview-actions .roomoverview-actions-left > a {
    border-bottom: 2px solid #9d8b82;
    color: #9d8b82;
    padding: 1.1em 0.5em;
    margin-right: 1em;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 30%;
    text-align: center;
    height: 54px;
}
.roomoverview-actions .roomoverview-actions-left > a i {
    font-size: 2.25em;
    vertical-align: middle;
    margin-right: 5px;
    font-weight: 200;
}
.roomoverview-actions .roomoverview-actions-left .roomoverview-prices.active {
    color: #000;
    border-bottom: 2px solid #000;
}
.roomoverview-actions .roomoverview-actions-left .roomoverview-prices i {
    vertical-align: -11px;
    position: absolute;
    right: -5px;
    margin: 0;
}
.roomoverview-actions .roomoverview-actions-right {
    width: 35%;
    float: left;
}
.roomoverview-actions .roomoverview-actions-right a {
    box-sizing: border-box;
    padding: 1em 0;
    width: 45%;
    text-align: center;
}
.roomoverview-actions .roomoverview-actions-right .book { margin-left: 8.75%; }
.roomoverview-actions::after {
    content: ' ';
    clear: both;
    display: block;
    float: none;
}

.pricecalcform-container .pricecalcform-headline { font-weight: 500; }
.pricecalcform-container input.number {
    border: 2px solid #000;
    box-sizing: border-box;
    height: 36px;
    text-align: center;
    width: 3em;
    padding: 0.4375em 0;
    vertical-align: middle;
}
.pricecalcform-container .pc_plusminus {
    background: #9d8b82;
    border: 2px solid #9d8b82;
    box-sizing: border-box;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-family: 'Roboto Slab', serif; font-weight: 300;
    height: 36px;
    line-height: 34px;
    text-align: center;
    width: 36px;
    vertical-align: middle;
}
.pricecalcform-container .pc_plusminus:hover { border: 2px solid #9d8b82; }
.pricecalcform-container .pc_datepicker {
    border: 2px solid #000;
    box-sizing: border-box;
    height: 36px;
    max-width: 112px;
    padding: 0.4375em;
    vertical-align: middle;
}
.pricecalcform-container .button {
    margin-top: 1em;
    white-space: nowrap;
    width: auto!important;
}
.pricecalcform-container .button:hover { border-bottom: 2px solid #000!important; }
.pricecalcform-container .childtable {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.pricecalcform-container .childtable > *:first-child {
    width: 137px;
}
.pricecalcform-container .childtable > * {
    display: table-cell;
    vertical-align: top;
}
.pricecalcform-container .pc_childrenages-container > select {
    margin-left: 5px!important; margin-bottom: 5px; margin-top: 3px;
    border: 2px solid #000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0.5em;
    height: 36px;
    font-size: 16px;
}

.priceplan {
    display: none;
    float: left;
}
.priceplan.fullwidth { width: 100%; }
.priceplan-innercontainer {
    border-bottom: 2px solid #000;
    padding: 2em;
}
.priceplan .controlls {
    display: table-cell;
    width: 70%;
}
.priceplan .priceresult {
    display: table-cell;
    width: 30%;
    vertical-align: middle;
}
.priceplan .priceresult .pc_price, .price-container .pc_loader {
    font-weight: 200;
    font-size: 2em;
    color: #9d8b82;
}
.priceplan .priceresult .pc_price .pc_error {
    font-size: 0.5em;
    font-weight: normal;
    color: #ff0000;
    line-height: 120%;
}
.priceplan .priceresult .pc_price .pc_alt {
    display: none;
    line-height: 1.2em;
}
.priceplan .priceresult .calculatedprice-title {
    display: none;
    font-weight: 500;
}
.priceplan .priceactions {
    text-align: center;
    padding-top: 2em;
    padding-bottom: 2em;
}
.priceplan .priceactions > a{
    margin-left: 1em;
    margin-top: 1em;
    padding: 1em 1em;
}
.priceplan .priceactions > a:first-of-type { margin-left: 0em; }
.pc_loader i {
    -webkit-animation: rotating 1s linear infinite;
    -moz-animation: rotating 1s linear infinite;
    -ms-animation: rotating 1s linear infinite;
    -o-animation: rotating 1s linear infinite;
    animation: rotating 1s linear infinite;
}
@keyframes rotating {
    from {
        transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
    to {
        transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
}
@-webkit-keyframes rotating {
    from {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
    to {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
}
.hapi-pricecalculator-room {
    border-bottom: 2px solid #000;
    padding: 2em 0;
}
/* END roomoverview */

/* START restplatz */
.restplatz-items .roomoverview-item { margin-bottom: 4em; }
.restplatz-items .roomoverview-item .roomoverview-image {
    width: calc(65% - 2em);
    margin-right: 2em;
}
.restplatz-items .roomoverview-item .roomoverview-desc {
    background: #fff;
    border-top: 2px solid #000;
    color: #333;
    position: relative;
}
.restplatz-items .roomoverview-item .roomoverview-desc a { color: #333; }
.restplatz-items .roomoverview-item .replatz-time {
    background: rgba(157, 139, 130, 0.2);
    padding: 1em;
    margin-top: 2.5em;
}
.restplatz-items .roomoverview-item .roomoverview-actions {
    position: absolute; bottom: 0; left: 0;
    width: 100%;
    margin: 0;
}
.restplatz-items .roomoverview-item .roomoverview-actions a {
    box-sizing: border-box;
    text-align: center;
    width: 48%;
    padding: 1em 0;
}
.restplatz-items .roomoverview-item .roomoverview-actions a:first-of-type { margin-right: calc(4% - 5px); }
/* END restplatz */

/* Start Anreise */
#gmap_map {
    color: #000;
    margin-bottom: 5px;
    height: 600px;
}
#gmap_infowindow { height: 75px; line-height: 140%; text-align: left; }
#gmap_infowindow span { display: block; width: 200px; }
#gmap_directions {
    overflow: auto;
    padding: 0!important;
    width: 100%;
}
#gmap_directions, #gmap_input, .adp-directions { width: 100%; }
#form_routenplaner {
    display: table;
    margin-top: 0.5em;
}
#form_routenplaner label, #form_routenplaner input { display: table-cell; }
#form_routenplaner label {
    vertical-align: middle!important;
    width: 1%;
    white-space: nowrap;
    padding-right: 0.5em;
}
/* END Anreise */

/* START News-Boxen */
.newslist-innercontainer {
    clear: both;
    overflow: auto;
}
.newslist-innercontainer .newsbox {
    display: inline-block;
    float: left;
    margin-right: 2%;
    width: 49%;
}
.newslist-innercontainer .newsbox:nth-child(2n) { margin-right: 0; }
.newslist-innercontainer .newsbox-top {
    display: block;
    position: relative; z-index: 1;
    text-decoration: none;
}
.newslist-innercontainer .newsbox-image {
    background-position: center; background-repeat: no-repeat; background-size: cover;
    height: 550px;
}
.newslist-innercontainer .newsbox-content {
    background: rgba(157, 139, 130, 0.85);
    padding: 1.25em;
    position: absolute; z-index: 1; left: 0; right: 0; bottom: 0;
}
.newslist-innercontainer .newsbox-content * { color: #FFF; }
.newslist-innercontainer .newsbox-content time {
    display: block;
    font-weight: 500;
    text-align: right;
}
.newslist-innercontainer .newsbox-content h3 {
    font-weight: 300; font-size: 2.18em;
    margin: 0.25em 0 0em;
}
.newslist-innercontainer .newsbox-content p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newslist-innercontainer .newsbox-bottom {
    padding-top: 3em; padding-bottom: 5em;
    text-align: center;
}
.newslist-pagination {
    margin-top: 2em;
    text-align: center;
}
.newslist-pagination span {
    margin-left: 50px; margin-right: 50px;
    vertical-align: 22px;
}
.newslist-pagination.noprev a[data-do="prev"], .newslist-pagination.nonext a[data-do="next"] {
    cursor: not-allowed;
    opacity: 0.1;
}
.newslist-pagination img {
    display: inline-block;
    height: auto;
    width: 60px;
}
@media screen and (max-width: 970px) {
    .newslist-innercontainer .newsbox {
        float: none;
        margin-right: 0;
        width: 100%;
    }
    .newslist-innercontainer .newsbox-image { height: 56.8vw; }
}
@media screen and (max-width: 768px) {
    .newslist-innercontainer .newsbox-content {
        background: rgba(157, 139, 130, 1);
        padding: 1.25em 2em;
        position: relative; left: auto; right: auto; bottom: auto;
    }
    .newslist-innercontainer .newsbox-content h3 { font-size: 1.35em; }
    .newslist-innercontainer .newsbox-content p { font-size: 0.875em; }

    .newslist-pagination span {
        margin-left: 20px; margin-right: 20px;
        vertical-align: 6px;
    }
    .newslist-pagination img { width: 26px; }
}
/* END News-Boxen */

/* START Accordion */
.accordion-lists { margin: 3em 0 6em; }
.accordion-list { border: 1.5px solid transparent; }
.accordion-list.showdetails { border: 1.5px solid #000; }
.accordion-list + .accordion-list  { margin-top: 17px; }
.accordion-list .accordion-list-errors {
    border: 1.5px solid #F44336;
    display: none;
    margin-bottom: -2px; margin-left: 1.5px; margin-right: 1.5px;
    padding: 0.3em;
}
.accordion-list .accordion-list-errors ul {
    margin: 0.5em 0;
    padding-left: 30px;
}
.accordion-list .accordion-list-errors li {
    color: #F44336;
    line-height: 1.4em;
}
.accordion-list.showdetails .accordion-list-errors { margin-left: -1.5px; margin-right: -1.5px; margin-top: -1.5px; margin-bottom: 0; }
.accordion-list .accordion-list-head {
    display: table;
    margin-left: 1.5px; margin-right: 1.5px; margin-top: 1.5px;
    table-layout: fixed;
    width: calc(100% - 3px);
}
.accordion-list .accordion-list-head > * {
    background: rgba(157, 139, 130, 0.19);
    display: table-cell;
    padding: 0.625em;
    text-align: left;
    vertical-align: middle;
}
.accordion-list.showdetails .accordion-list-head > * { background: #FFF; }
.accordion-list .accordion-list-head > * > span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.accordion-list .accordion-list-head-title {
    font-size: 1.375em;
    padding-left: 1.75em;
}
.accordion-list .accordion-list-head-title > span {
    line-height: 1.2em;
    white-space: normal;
}
.accordion-list .accordion-list-head-info1 {
    text-align: center;
    width: 350px;
}
.accordion-list .accordion-list-head-info2 {
    text-align: center;
    width: 120px;
}
.accordion-list .accordion-list-head-detailbtn { width: 70px; }
.accordion-list .accordion-list-head-detailbtn a {
    background: #FFF;
    box-sizing: border-box;
    display: block;
    height: 70px;
    text-align: center;
}
.accordion-list .accordion-list-head-detailbtn a i {
    color: #000;
    height: auto;
    font-size: 2em;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    vertical-align: -34px;
    width: 25px;
}
.accordion-list.showdetails .accordion-list-head-detailbtn a i {
    color: #9d8b82;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    vertical-align: -26px;
}
.accordion-list .accordion-list-head-m {
    display: none;
    margin-left: 1.5px; margin-right: 1.5px;
    table-layout: fixed;
    width: calc(100% - 3px);
}
.accordion-list .accordion-list-head-m > * {
    background: rgba(157, 139, 130, 0.19);
    display: table-cell;
    line-height: 1.2em;
    padding: 0 0.625em 0.625em;
    vertical-align: bottom;
}
.accordion-list.showdetails .accordion-list-head-m > * { background: #FFF; }
.accordion-list .accordion-list-head-m > *:first-child { padding-left: 1em; }
.accordion-list .accordion-list-head-m > *:last-child {
    padding-right: 1em;
    text-align: right;
}
.accordion-list .accordion-list-body {
    display: none;
    padding: 1.75em;
}
@media screen and (max-width: 1350px) {
    .accordion-list .accordion-list-head-title { padding-left: 1.35em; }
    .accordion-list .accordion-list-head-info1 { display: none; }
}
@media screen and (max-width: 720px) {
    .accordion-list .accordion-list-head-title {
        font-size: 1.15em;
        padding-left: 1em;
    }
    .accordion-list .accordion-list-head-info2 { display: none; }
    .accordion-list .accordion-list-head-detailbtn { width: 40px; }
    .accordion-list .accordion-list-head-detailbtn a { height: 40px; }
    .accordion-list .accordion-list-head-detailbtn a i { vertical-align: -18px; }
    .accordion-list.showdetails .accordion-list-head-detailbtn a i { vertical-align: -10px; }
    .accordion-list .accordion-list-head-m { display: table; }
    .accordion-list .accordion-list-head-m > * { font-size: 0.95em; }
}
@media screen and (max-width: 520px) {
    .accordion-list .accordion-list-body { padding: 1em; }
}
/* END Accordion */

/* START Preise */
.accordion-list .accordion-list-body .roomoverview-items { padding: 2.1em; }
.accordion-list .roomoverview-actions { margin-bottom: 0em; }
@media screen and (max-width: 1350px) {
    .accordion-list .accordion-list-body .roomoverview-items { padding: 0.3em; }
    .accordion-list .roomoverview-item { height: auto; }
    .accordion-list .roomoverview-item .roomoverview-image {
        float: none;
        width: 100%;
    }
    .accordion-list .roomoverview-item .roomoverview-image img {
        width: 100%;
        height: auto;
    }
    .accordion-list .roomoverview-item .roomoverview-image .owl-next { right: -25px; }
    .accordion-list .roomoverview-item .roomoverview-image .owl-prev { left: -25px; }
    .accordion-list .roomoverview-item .roomoverview-image .owl-prev i, .accordion-list .roomoverview-item .roomoverview-image .owl-next i { font-size: 2em; }
    .accordion-list .roomoverview-item .roomoverview-desc {
        float: none;
        width: 100%;
        height: auto;
        padding: 1em 2em 1em 2em;
    }
    .accordion-list .roomoverview-actions { margin: 1em 0 0; }
    .accordion-list .roomoverview-actions .roomoverview-actions-left {
        box-sizing: border-box;
        width: 100%;
        float: none;
        padding: 0 4em;
    }
    .accordion-list .roomoverview-actions .roomoverview-actions-right {
        width: 100%;
        float: none;
        margin-top: 2em;
    }
    .accordion-list .roomoverview-actions .roomoverview-actions-left > a { width: 100%;	}
    .accordion-list .roomoverview-item .owl-carousel .owl-item img { width: 100%; }

    .accordion-list .roomoverview-actions .roomoverview-actions-right .book { margin-left: 9.4%; }
}
@media screen and (max-width: 755px) {
    .accordion-list .roomoverview-actions .roomoverview-actions-right .book { margin-left: 9%; }
}
@media screen and (max-width: 720px) {
    .accordion-list .accordion-list-body .roomoverview-items { padding: 0.1em; }
}
@media screen and (max-width: 520px) {
    .accordion-list .roomoverview-item .roomprice, .accordion-list .roomoverview-item .roomoverview-image .owl-next, .accordion-list .roomoverview-item .roomoverview-image .owl-prev { display: none; }
    .accordion-list .roomoverview-item .roomoverview-image .owl-dots { bottom: 3px; right: 3px; }
    .accordion-list .roomoverview-item .roomoverview-desc { padding: 0.5em 1em; }
    .accordion-list .roomoverview-actions .roomoverview-actions-left { padding: 0 2em; }
}
@media screen and (max-width: 450px) {
    .accordion-list .roomoverview-actions .roomoverview-actions-right .book { margin-left: 8.4%; }
}
/* END Preise */

/* START Clubkarte */
#clubkartwidget-container {
    background:transparent;
    border: none;
}
/* END Clubkarte */

/* START Gutschein */
#voucher-container fieldset { margin: 0.4em 0; padding: 0em; }
#voucher-container fieldset label {
    display: inline-block;
    padding-right: 0.4em;
    text-align: right;
    white-space: nowrap;
    width: 9.58em;
}
#voucher-container fieldset legend { margin-bottom: 0.6em; padding: 0 0.6em 0 0; }
#voucher-container label { vertical-align: top; }
#voucher-container fieldset input, #voucher-container fieldset select { margin: 0 0 0.1em 0; }
#voucher-container input[type="text"], #voucher-container input[type="date"], #voucher-container input[type="datetime"], #voucher-container input[type="email"], #voucher-container input[type="file"], #voucher-container input[type="number"], #voucher-container input[type="password"],
#voucher-container input[type="search"], #voucher-container input[type="tel"], #voucher-container input[type="time"], #voucher-container input[type="url"], #voucher-container select, #voucher-container textarea {
    border: 1px solid #ccc;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    padding: 0.3em;
}
#voucher-container .inputxl { width: 18em; }
#voucher-container .inputl { width: 10em; }
#voucher-container .inputs { width: 5.8em; }
#voucher-container .inputxs { width: 2em; }
#voucher-container input { z-index: 0; }
#voucher-container input[type=submit] { margin-left: 12.18em; }
#voucher-container select, #voucher-container input[type="time"] {
    background-color: #FFF;
    -webkit-appearance: menulist;
}
/* Custom */
/*#hideprice { display: none!important; }*/
#voucher-container #voucher-texttemplates input[type="radio"] { vertical-align: 3px; }
#voucher-container #voucher-texttemplates label.texttemplate-label {
    cursor: pointer;
    display: inline-block!important;
    line-height: 1.35em;
    margin-left: 0.5em; margin-top: 0!important;
    text-align: left!important;
    white-space: normal!important;
    width: calc(100% - 30px)!important;
}
#voucher-container #voucher-texttemplates label[for="texttemplate_userdefined"] { font-weight: 500; }
#voucher-container #voucher-texttemplates > * + * { margin-top: 0.4em; }
#voucher-container #text.hidden { display: none; }
#voucher-container input[type="text"], #voucher-container input[type="date"], #voucher-container input[type="datetime"], #voucher-container input[type="email"], #voucher-container input[type="file"], #voucher-container input[type="number"], #voucher-container input[type="password"],
#voucher-container input[type="search"], #voucher-container input[type="tel"], #voucher-container input[type="time"], #voucher-container input[type="url"], #voucher-container select, #voucher-container textarea {
    color: #000;
}
body.noiframe { overflow: auto; }
#voucher-container #steps {
    clear: both;
    margin-bottom: 1em;
    overflow: auto;
}
#voucher-container #steps > * {
    border: 2px dashed #9d8b82;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    color: #000;
    display: inline-block;
    float: left;
    line-height: 1.25em;
    margin-left: 0.7em;
    padding: 0.5em;
    text-align: center; text-decoration: none;
    width: 120px; min-height: 104px;
}
#voucher-container #steps > *:first-child { margin-left: 0; }
#voucher-container #steps > *:hover { cursor: default; }
#voucher-container #steps > *.clickable, #voucher-container #steps > *.active { border-style: solid; }
#voucher-container #steps > *.clickable:hover, #voucher-container #steps > *.active {
    background: #9d8b82;
    color: #fff;
    cursor: pointer;
}
#voucher-container #steps > * .nr {
    font-size: 1.8em;
    line-height: 1.2em;
}
#voucher-container label.wrap { white-space: normal; }
#voucher-container .liketable {
    display: table;
    width: 100%;
}
#voucher-container .liketable > * {
    display: table-cell;
    padding-left: 1em;
    vertical-align: top;
}
#voucher-container .liketable.fiftyfifty > * { width: 50%; }
#voucher-container .liketable > *:first-child { padding-left: 0; }
#voucher-container #voucherform .liketable {
    display: table;
    width: 100%;
}
#voucher-container #voucherform .liketable > * {
    display: table-cell;
    vertical-align: middle;
}
#voucher-container #voucherform .liketable.valigntop > * { vertical-align: top; }
#voucher-container #voucherform .liketable.valigntop > *:first-child { padding-right: 1.5em; }
#voucher-container #voucherform .liketable.valigntop > * > * { margin-top: 0; }
#voucher-container #voucherform .liketable.valigntop > *:first-child > select { margin-top: 0.5em; }
#voucher-container #voucherform ol, #voucher-container #voucherform ul { font-size: 1em; }
#voucher-container .formrow { margin: 0.2em 0; }
#voucher-container .ajaxloader {
    background: transparent;
    display: none;
    margin: 0.5em 1em;
    text-align: center;
}
#voucher-container #vpreview .ajaxloader { margin: 0; }
#voucher-container .ajaxloader.show { display: block; }
#voucher-container .ajaxloader span {
    background: #9d8b82;
    border: 1px solid #9d8b82;
    display: inline-block;
    margin: 0 5px;
    width: 20px; height: 20px;
}
#voucher-container #vpreview .ajaxloader span { width: 15px; height: 15px; }
#voucher-container .ajaxloader.one span:nth-child(2), #voucher-container .ajaxloader.one span:nth-child(3),
#voucher-container .ajaxloader.two span:first-child, #voucher-container .ajaxloader.two span:nth-child(3),
#voucher-container .ajaxloader.three span:first-child, #voucher-container .ajaxloader.three span:nth-child(2) { background: #fff; }
/* Start Step 0 */
#voucher-container #motifs {
    clear: both;
    overflow: auto;
    margin-bottom: 2%;
}
#voucher-container #motifs > * {
    border: 2px solid #ccc;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    display: inline-block;
    float: left;
    margin: 1%;
    position: relative;
    width: 23%; max-width: 400px;
}
#voucher-container #motifs > *:before {
    border: 1px solid #FFF;
    content: '';
    position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; z-index: 1;
}
#voucher-container #motifs > *.active:before { border-color: transparent; }
#voucher-container #motifs > *.active { border-color: #9d8b82; }
#voucher-container #motifs > * span.check {
    background: #9d8b82;
    color: #FFF;
    display: none;
    line-height: 25px;
    padding: 0.5em;
    position: absolute; bottom: 0; right: 0; z-index: 1;
    text-align: center;
    width: 25px; height: 25px;
}
#voucher-container #motifs > *.active span.check { display: inline-block; }
#voucher-container #motifs > *.active img { opacity: 0.5; }
#voucher-container #motifs > *:hover { cursor: pointer; }
#voucher-container #motifs img {
    height: auto;
    vertical-align: middle;
    width: 100%;
}
#voucher-container #text {
    min-height: 120px;
    width: 100%; max-width: 700px;
}
#voucher-container #types .type {
    margin: 2em 0;
    position: relative;
    width: 100%; max-width: 700px;
}
#voucher-container #types .deleter {
    font-size: 0.7em;
    padding: 0!important;
    position: absolute; top: 0; right: 0;
    text-align: center;
    width: 25px; height: 25px;
}
#voucher-container #types .mt { margin-top: 7px; }
#voucher-container #types .inlineblock { display: inline-block; }
#voucher-container #types .amount-container { margin-top: 5px; }
#voucher-container #types .amount-container.hidden { display: none; }
#voucher-container #types.no-amount-box .amount-container { display: none; }
#voucher-container #types .amount-box { display: table; }
#voucher-container #types .amount-box > * {
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    display: table-cell;
    height: 41px;
    margin: 0;
    vertical-align: middle;
    text-align: center;
    width: 40px;
}
#voucher-container #types .cntrl {
    background: #9d8b82;
    color: #FFF;
    cursor: pointer;
    height: 32px;
    padding: 0 0.7em;
    width: 20px;
}
#voucher-container #types select { max-width: 250px; }
#voucher-container #types .type .vtype.hide { display: none; }
#voucher-container #types .type .extradata { display: none; }
#voucher-container .typedata > select { max-width: calc(100% - 185px); }
#voucher-container input[type="checkbox"] + label {
    line-height: 1.3em;
    margin-left: 0.4em;
    text-align: left;
    width: 90%;
    white-space: normal;
}
#voucher-container input[type="checkbox"] + label span.desc {
    display: block;
    margin-top: 0.3em;
    font-size: 0.8em;
    line-height: 1.35em;
}
#voucher-container #vpreview-container img { position: absolute; top: -10000px; left: -10000px; }
body.vpreview .fancybox-slide > * { max-width: 798px; }

#vouchervalue-container {
    display: table;
    width: 100%;
}
#vouchervalue-container > * {
    display: table-cell;
    vertical-align: top;
}
#vouchervalue-container > *:first-child { width: 310px; }
#vouchervalue-tip a { outline: none!important; }
#vouchervalue-tip a i { vertical-align: -8px; }
#vouchervalue-tip a i:nth-child(2), #vouchervalue-tip.open a i:first-child, #vouchervalue-tipcontent { display: none; }
#vouchervalue-tip a i:first-child, #vouchervalue-tip.open a i:nth-child(2) { display: inline-block; }
#vouchervalue-tip.open #vouchervalue-tipcontent { display: block; }
#vouchervalue-tipcontent ul {
    list-style: disc!important;
    margin: 0;
    padding-left: 20px!important;
}
#vouchervalue-tipcontent ul li + li { margin-top: 0!important; }
@media screen and (max-width: 650px) {
    #vouchervalue-container, #vouchervalue-container > * { display: block; }
    #vouchervalue-container > * { width: 100%!important; }
    #vouchervalue-container > * + * { margin-top: 0.5em; }

    label[for="voucher_value"] {
        display: block!important;
        text-align: left!important;
        min-width: 0!important; width: auto!important;
    }

    #promotion-container {
        display: inline-block;
        font-weight: 500;
    }
    #promotion-container > * {
        margin-left: 0.5em;
        width: auto!important;
    }
    #promotion-container > label { font-weight: normal!important; }
    #promotion-container > span { padding: 0!important; }
}
#voucher_value, #voucher_userinput_value, #promotion-container span { text-align: right; }
#promotion-description {
    background: #9d8b82;
    color: #FFF;
    line-height: 1.3em;
    padding: 1em;
    text-align: center;
}
#promotion-description a { color: #FFF!important; }
#promotion-container span {
    box-sizing: border-box;
    display: inline-block;
    outline: none!important;
    padding: 0 0.3em;
}

/* End Step 0 */
/* Start Step 1 */
#voucher-container #land {
    margin-top: 0!important;
    width: 100%; max-width: 204px;
}
#voucher-container #taxrow { display: none; }
/* End Step 1 */
/* Start Step 2 */
#voucher-container .paymentdesc { display: none; }
/* End Step 2 */
/* Start Step 3 */
#voucher-container .summary { margin-left: 5%; }
#voucher-container .summary.liketable { width: 95%; }
#voucher-container .value.mb { margin-bottom: 1em; }
#voucher-container #preview {
    min-height: 657px;
    position: relative;
    width: 100%; max-width: 750px;
}
#voucher-container #preview .ajaxloader {
    margin: 0;
    min-width: 150px;
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
}
#voucher-container #preview img  {
    border: 1px solid #CCC;
    height: auto; width: 100%;
}
/* End Step 3 */
/* Start Step 4 */
#voucher-container #transferinfo { padding: 0 1em; }
#voucher-container #transferinfo > div { display: table; }
#voucher-container #transferinfo > div > * {
    display: table-cell;
    vertical-align: top;
}
#voucher-container #transferinfo .likelabel {
    display: inline-block;
    font-weight: 500;
    margin-right: 1em;
    text-align: right;
    width: 140px;
}
#voucher-container #newvoucher { margin-top: 4em; }
/* End Step 4 */
#voucher-container #navigation {
    clear: both;
    border-top: 2px solid #f4f4f4;
    overflow: auto;
    margin-top: 2em;
    padding: 0.5em 1em;
}
#voucher-container #prevstep { float: left; }
#voucher-container #vpreview, #voucher-container #nextstep { float: right; }
#voucher-container #vpreview { margin-right: 0.3em; }
#voucher-container #vpreview[disabled="disabled"] {
    cursor: default;
    opacity: 0.2;
}
/* Custom */
#voucher-container .amount-container > .inlineblock { margin-left: 7px; }
#voucher-container #hideprice { margin-top: 0.6em; }
#voucher-container #hideprice input { vertical-align: top; }
#voucher-container a.button.prev:before, #voucher-container button.prev:before, #voucher-container a.button.next:after, #voucher-container button.next:after { content: ''; }
#voucher-container #land { max-width: 181px; }
#voucher-container .paymentdesc { line-height: 1.45em; }
#voucher-container #transferinfo { padding: 0; }
/* Custom  Mediaqueries */
@media screen and (max-width: 950px) {
    #voucher-container #motifs > * { width: 31.33%; }
}
@media screen and (max-width: 765px) {
    #voucher-container #steps > * {
        margin-top: 2.5%; margin-left: 0!important; margin-right: 2.5%;
        min-height: 0;
        width: 48.75%
    }
    #voucher-container #steps > *:nth-child(2n) { margin-right: 0; }
    #voucher-container #steps > * > * {
        display: inline-block;
        float: left;
        font-size: 1em!important;
        width: auto;
    }
    #voucher-container #steps > * .nr {
        background: #FFF;
        border-radius: 50%;
        color: #000;
        line-height: 25px;
        margin-right: 0.5em;
        text-align: center;
        width: 25px; height: 25px;
    }
    #voucher-container #steps > * .text { margin-top: 4px; }
    #voucher-container #motifs > * { width: 46%; }
}
@media screen and (max-width: 600px) {
    #voucher-container #payselect.liketable, #voucher-container #payselect.liketable > * {
        display: block;
        padding: 0!important;
    }
    #voucher-container #payselect.liketable > *:first-child { margin-bottom: 1em; }
}
@media screen and (max-width: 600px) and (min-width: 585px), (max-width: 550px) {
    #voucher-container #navigation > * {
        display: block;
        float: none;
        margin-right: 0; margin-left: 0;
        text-align: center;
    }
    #voucher-container #navigation > *:nth-child(2) { margin-top: 0.4em; }
    #voucher-container #navigation > *:before, #voucher-container #navigation > *:after { content: ''; }
}
@media screen and (max-width: 520px) {
    #voucher-container fieldset { margin: 1em 0; }
    #voucher-container #steps > * {
        margin-right: 0;
        width: 100%;
    }
    #voucher-container #voucherform ol, #voucher-container #voucherform ul {
        list-style: none;
        padding: 0;
    }
    #voucher-container #voucherform ol > *, #voucher-container #voucherform ul > * { margin-top: 3.5em; }
    #voucher-container #voucherform ol > *:first-child, #voucher-container #voucherform ul > *:first-child { margin-top: 0; }
    #voucher-container #types .type {
        margin: 3em 0;
        padding-top: 1em;
    }
    #voucher-container #types .type:first-child { margin-top: 0; }
    #voucher-container #transferinfo > div { display: block; }
    #voucher-container #types label, #voucher-container .formrow label, #voucher-container #transferinfo > div > * {
        display: block!important;
        text-align: left!important;
        width: auto!important;
    }
    #voucher-container .formrow label, #voucher-container #transferinfo .likelabel { margin-top: 0.5em; }
    #voucher-container #hideprice label { margin-top: 0; }
    #voucher-container .formrow:first-child label { margin-top: 0; }
    #voucher-container #types label + *, #voucher-container .formrow label + *, #voucher-container #paymenttype, #voucher-container .summary.liketable.fiftyfifty, #voucher-container .summary.liketable.fiftyfifty > * {
        display: block!important;
        width: 100%!important; max-width: none!important;
    }
    #voucher-container #types label + *.valueinput {
        display: inline-block!important;
        margin-right: 5%!important;
        width: 85%!important;
    }
    #voucher-container input[type="checkbox"] + label {
        display: inline-block!important;
        width: 85%!important;
    }
    #voucher-container #privacy {
        display: inline-block!important;
        width: auto!important;
    }
    #voucher-container .summary.liketable.fiftyfifty > * {
        margin-top: 1em;
        padding: 0!important;
    }
    #voucher-container .summary.liketable.fiftyfifty > *:first-child { margin-top: 0; }
    #voucher-container #newvoucher { text-align: center; }
    #voucher-container #navigation { padding-left: 0; padding-right: 0; }
    #voucher-container .summary { margin-left: 0; }
    #voucher-container .amount-container > .inlineblock { margin-left: 0; }
}
@media screen and (max-width: 400px) {
    #voucher-container #transferinfo { padding: 0; }
    #voucher-container #motifs > * {
        margin-left: 0; margin-right: 0;
        width: 100%;
    }
}
/* END Gutschein */

/* START Gallery */
.galleryfilter { text-align: center; }
.galleryfilter .selectbox-container {
    padding: 1em 0em;
    margin: 1em 1em;
    border-bottom: 1px solid #9d8b82;
    text-transform: uppercase;
    position: static;
}
.galleryfilter .mobileselect + .selectbox-container { display: none; }
.galleryfilter a.optiongroup {
    color: #fff;
    display: block;
    font-size: 1.1em;
    font-weight: 500;
    line-height: 1.35em;
    min-height: 21px;
    padding: 1em 1.45em;
    text-decoration: none;
    white-space: nowrap;
}
.overviewlist-filter .topic, .filter .filter-item, .galleryfilter .filter-item {
    color: #9d8b82;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    padding: 1em 2em;
    margin: 1em 1em;
    border-bottom: 1px solid #9d8b82;
    vertical-align: 43px;
    font-size: 1.1125em;
    font-family: 'Roboto Slab', serif; font-weight: 300;
}

#galleryimages { margin-top: 4em; }
#galleryimages .galleryimage {
    position: relative;
    width: 33.33%;
    box-sizing: border-box;
    float: left;
    padding-right: 1em;
    margin-bottom: 1em;
}
#galleryimages .galleryimage > .button {
    font-size: 0.7em;
    position: absolute; z-index: 1; top: 2px; right: 20px;
    padding: 0.5em 0.75em;
}
#galleryimages .galleryimage:nth-of-type(3n + 1) { clear: both; }
#galleryimages::after {
    content: ' ';
    clear: both;
    display: block;
    float: none;
}
#galleryimages .galleryimage .video-container video {
    height: 86%;
    position: absolute; top: 0; left: 0;
    width: 100%;
}
@media screen and (min-width: 1551px) {
    #galleryimages .galleryimage .video-container video { height: 89%; }
}
@media screen and (max-width: 1023px) {
    #galleryimages .galleryimage {
        width: 50%;
    }
    #galleryimages .galleryimage:nth-of-type(3n + 1) { clear: none; }
    #galleryimages .galleryimage:nth-of-type(2n + 1) { clear: both; }
}
@media screen and (max-width: 700px) {
    #galleryimages .galleryimage {
        width: 100%;
        padding: 0;
    }
    #galleryimages .galleryimage > .button {
        font-size: 0.8em;
        right: 2px;
    }
    #galleryimages .galleryimage .video-container video { height: 100%; }
}
@media screen and (max-width: 585px) {
    .galleryfilter select + .selectbox-container { display: none; }
    .galleryfilter .mobileselect + .selectbox-container { display: block; }
    .galleryfilter .videofilter { display: none; }
}
#galleryimages .galleryimage img { width: 100%; height: auto; }
#galleryimages .galleryimage.portrait > a {
    background: #EEE;
    display: block;
}
#galleryimages .galleryimage.portrait img {
    display: block;
    margin: 0 auto;
    max-width: 31.76%;
}
#galleryimages video { background: #000; }
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.loadmore { margin: 4em; }
.loader { display: none; }
.loader i {
    font-size: 3em;
    margin: 2em;
    -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
}
/* END Gallery */

/* START Bakehouse */
:root {
    /*-- 1. empfohlene Einstellungen --*/
    /* Farben für Anfrage- und Buchenbuttons */
    --hapi-background-button: #9d8b82;
    --hapi-color-button: #ffffff;

    /* Primär: Farben für eine buchungsspezifische Auswahl, z. B. Urlaubszeitraum */
    --hapi-background-primary: #9d8b82;
    --hapi-color-primary: #ffffff;

    /* Kontrast: diese Farben sollten einen möglich gut erkennbaren Kontrast zu den oben genannten primären Farben haben, z. B. im Kalender ein verfügbarer Tag */
    --hapi-background-contrast: rgba(0, 0, 0, 0.1);
    --hapi-color-contrast: inherit;

    /* Ecken für Buttons, Cards usw. */
    --hapi-border-radius: 0; /* für CIs mit Eckigen Kanten = 0px */


    /*-- 2. sonstige Einstellungen (optional) --*/

    /* Schriftgröße */
    --hapi-font-size: 1em;

    /* Schriftfarbe */
    --hapi-color-text: #333333; /* standardmäßig wird die aktuelle Schriftfarbe übernommen */

    /* Linkfarbe in den Widgets, z. B. Pauschalendetail Link */
    --hapi-color-link: #333333;

    /* Markierung für eine nicht verfügbare Auswahl, z. B. Datum ist nicht buchbar */
    --hapi-error-color: #db6060;
    --hapi-error-color-text: #ffffff;
}
.hapi-w-button {
    font-family: 'Roboto Slab', serif; font-size: 1em;
    text-transform: uppercase;
}
/* END Bakehouse */

/* START Touren */

/* END Touren */

/* START Collage-Element */
.collage { margin-left: 0!important; margin-right: 0!important; }
.collage + .collage { margin-top: 7px; }
.collage-row {
    display: -ms-grid; display: grid;
    -ms-grid-rows: auto; grid-template-rows: auto;
}
.collage-row + .collage-row { margin-top: 7px; }
.collage-row.collage-row-layout-one { -ms-grid-columns: 26.5fr 47fr 26.5fr; grid-template-columns: 26.5fr 47fr 26.5fr; }
.collage-row.collage-row-layout-one .collage-box:first-child { -ms-grid-column: 1; }
.collage-row.collage-row-layout-one .collage-box:nth-child(2) { -ms-grid-column: 2; }
.collage-row.collage-row-layout-one .collage-box:nth-child(3) { -ms-grid-column: 3; }
.collage-row.collage-row-layout-two { -ms-grid-columns: 73.5fr 26.5fr; grid-template-columns: 73.5fr 26.5fr; }
.collage-row.collage-row-layout-two .collage-box:first-child { -ms-grid-column: 1; }
.collage-row.collage-row-layout-two .collage-box:nth-child(2) { -ms-grid-column: 2; }
.collage-row.collage-row-layout-three { -ms-grid-columns: 47fr 26.5fr 26.5fr; grid-template-columns: 47fr 26.5fr 26.5fr; }
.collage-row.collage-row-layout-three .collage-box:first-child { -ms-grid-column: 1; }
.collage-row.collage-row-layout-three .collage-box:nth-child(2) { -ms-grid-column: 2; }
.collage-row.collage-row-layout-three .collage-box:nth-child(3) { -ms-grid-column: 3; }
.collage-row.collage-row-layout-four { -ms-grid-columns: 26.5fr 73.5fr; grid-template-columns: 26.5fr 73.5fr; }
.collage-row.collage-row-layout-four .collage-box:first-child { -ms-grid-column: 1; }
.collage-row.collage-row-layout-four .collage-box:nth-child(2) { -ms-grid-column: 2; }

.collage-row.collage-row-layout-five { -ms-grid-columns: 26.5fr 26.5fr 47fr; grid-template-columns: 26.5fr 26.5fr 47fr; }
.collage-row.collage-row-layout-five .collage-box:first-child { -ms-grid-column: 1; }
.collage-row.collage-row-layout-five .collage-box:nth-child(2) { -ms-grid-column: 2; }
.collage-row.collage-row-layout-five .collage-box:nth-child(3) { -ms-grid-column: 3; }

.collage-box {
    background: #9d8b82;
    box-sizing: border-box;
    color: #FFF;
    display: inline-block;
    height: 550px;
    min-width: 340px; min-height: 365px;
    padding: 20px 40px;
    position: relative; z-index: 1;
    -ms-grid-row: 1;
}
.collage-row.collage-row-layout-one .collage-box:nth-child(2), .collage-row.collage-row-layout-two .collage-box:first-child,
.collage-row.collage-row-layout-three .collage-box:first-child, .collage-row.collage-row-layout-four .collage-box:last-child,
.collage-row.collage-row-layout-five .collage-box:last-child { min-width: 0; }
.collage-box + .collage-box { border-left: 7px solid #FFF; }
.collage-box.collage-box-type-image, .collage-box.collage-box-type-video { background-position: center; background-repeat: no-repeat; background-size: cover; }
.collage-box-table {
    display: table;
    height: 100%;
    margin: 0 auto;
    width: 100%; max-width: 500px;
}
.collage-box-table > div {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}
.collage-box-table > div > * { text-align: center; }
.collage-box-table a { color: #FFF; }
.collage-box-playbtn {
    background: #9d8b82;
    border-radius: 50%;
    display: inline-block;
    font-size: 30px;
    line-height: 60px;
    position: absolute; z-index: 2; left: 50%; top: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    width: 60px; height: 60px;
}
.collage-box-playbtn .material-icons { color: #FFF; }
.collage-box:hover .collage-box-playbtn { background: #aa9b93; }

@media screen and (max-width: 1832px) {
    .collage-box {
        height: 30vw;
    }
}
@media screen and (max-width: 1060px) {
    .collage-row.collage-row-layout-one, .collage-row.collage-row-layout-three {
        -ms-grid-rows: auto auto; grid-template-rows: auto auto;
        -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
        grid-template-areas:
                "one one"
                "two three";
    }
    .collage-row.collage-row-layout-one .collage-box:first-child, .collage-row.collage-row-layout-three .collage-box:first-child {
        grid-area: one;
        -ms-grid-column: 1;
        -ms-grid-row: 1;
        -ms-grid-column-span: 2;
        height: 42vw;
        margin-bottom: 7px;
    }
    .collage-row.collage-row-layout-one .collage-box:first-child {
        grid-area: two;
        -ms-grid-column: 1;
        -ms-grid-row: 2;
        -ms-grid-column-span: 1;
        height: 30vw;
        margin-bottom: 0px;
        min-width: 0;
    }
    .collage-row.collage-row-layout-one .collage-box:nth-child(2), .collage-row.collage-row-layout-three .collage-box:nth-child(2) {
        border-left: none;
        grid-area: two;
        -ms-grid-column: 1;
        -ms-grid-row: 2;
        min-width: 0;
    }
    .collage-row.collage-row-layout-one .collage-box:nth-child(2) {
        grid-area: one;
        -ms-grid-column: 1;
        -ms-grid-row: 1;
        -ms-grid-column-span: 2;
        height: 42vw;
        margin-bottom: 7px;
    }
    .collage-row.collage-row-layout-one .collage-box:nth-child(3), .collage-row.collage-row-layout-three .collage-box:nth-child(3) {
        grid-area: three;
        -ms-grid-column: 2;
        -ms-grid-row: 2;
        min-width: 0;
    }
    .collage-row.collage-row-layout-five {
        -ms-grid-rows: auto auto; grid-template-rows: auto auto;
        -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
        grid-template-areas:
                "one two"
                "three three";
    }
    .collage-row.collage-row-layout-five .collage-box:first-child {
        grid-area: one;
        -ms-grid-column: 1;
        -ms-grid-row: 1;
        min-width: 0;
    }
    .collage-row.collage-row-layout-five .collage-box:nth-child(2) {
        grid-area: two;
        -ms-grid-column: 2;
        -ms-grid-row: 1;
        min-width: 0;
    }
    .collage-row.collage-row-layout-five .collage-box:nth-child(3) {
        border-left: none;
        grid-area: three;
        -ms-grid-column: 1;
        -ms-grid-row: 2;
        -ms-grid-column-span: 2;
        height: 42vw;
        margin-top: 7px;
    }
}
@media screen and (max-width: 802px) {
    .collage-row.collage-row-layout-two, .collage-row.collage-row-layout-four { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; }
    .collage-row.collage-row-layout-two .collage-box, .collage-row.collage-row-layout-four .collage-box { min-width: 0; }
}
@media screen and (max-width: 670px) {
    .collage-row { display: block!important; }
    .collage-row > .collage-box {
        border: none!important;
        display: block;
        height: auto!important;
        margin-bottom: 0!important;
        min-width: 0!important; min-height: 0!important;
        width: 100%;
    }
    .collage-row > .collage-box[href] { height: 48vw!important; }
    .collage-box + .collage-box { margin-top: 7px; }
}
/* END Collage-Element */

/* START Angebot-Element */
.offersliders {
    max-height: 1000px!important;
    overflow: hidden;
    position: relative;
}
.offersliders .offerimage img {
    display: block;
    width: 100%;
    height: auto;
}
.offersliders .offerimage { z-index: 1; }
.offersliders .offerdescbox {
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    margin: 10em; margin-left: 0;
    padding: 2em 7em;
    box-sizing: border-box;
    height: calc(100% - 20em);
    width: 45%;
    overflow-x: auto;
}
.offersliders .offerdescbox .dates {
    background: rgba(157, 139, 130, 0.2);
    padding: 0.5em;
}
.offersliders .offerdescbox .price {
    border-bottom: 2px solid #000;
    font-weight: 500;
    margin: 1em 0em;
    padding-bottom: 1em;
    padding-left: 0.75em;
}
.offersliders .offerdescbox .desc {
    font-weight: 400;
    line-height: 220%;
}
.offersliders .offerdescbox .action {
    text-align: center;
    margin-top: 3em;
}
.offerelement .owl-prev, .offerelement .owl-next {
    background: transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0.5em 1em;
}
.offerelement .owl-prev i, .offerelement .owl-next i {
    vertical-align: -9px;
    font-size: 4em;
}
.offerelement .owl-next { right: calc(80px + 5em); }
.offerelement .owl-prev { right: calc(44% + 5em); }

@media screen and (max-width: 1825px) {
    .offersliders .offerdescbox {
        height: calc(100% - 10em);
        margin: 5em; margin-left: 0;
    }
    .offerelement .owl-next { right: 80px; }
    .offerelement .owl-prev { right: 43.9%; }
}
@media screen and (max-width: 1530px) {
    .offersliders .offerdescbox {
        height: calc(100% - 5em);
        margin: 2.5em 5em; margin-left: 0;
        width: 50%;
    }
    .offerelement .owl-prev { right: 48.7%; }
}
@media screen and (max-width: 1380px) {
    .offersliders .offerdescbox { font-size: 0.8em; }
    .offerelement .owl-prev, .offerelement .owl-next { padding: 0; }
    .offerelement .owl-next { right: 72px; }
    .offerelement .owl-prev { right: 49.2%; }
}
@media screen and (max-width: 1200px) {
    .offerelement .owl-next { right: 62px; }
}
@media screen and (max-width: 960px) {
    .offerelement {
        width: 100%!important;
        margin-left: 0!important;
    }
    .offersliders {
        max-height: none;
        overflow: auto;
    }
    .offersliders .offerdescbox {
        width: 100%;
        height: 100%;
        position: static;
        margin: 0;
        padding: 2em 0;
    }
    .offersliders .offerdescbox .desc { display: block; }
    .offerelement  .owl-prev, .offerelement  .owl-next { padding: 0; }
    .offerelement  .owl-prev i, .offerelement  .owl-next i { font-size: 2.5em; }
    .offerelement .owl-next { right: -45px; }
    .offerelement .owl-prev { left: -45px; right: auto; }
}
@media screen and (max-width: 585px) {
    .offerelement {
        box-sizing: border-box;
        padding: 0 2em;
    }
    .offerelement .owl-next { right: -18px; }
    .offerelement .owl-prev { left: -18px; right: auto; }
}
/* END Angebot-Element */

/* START icontxt Element */
.icontxt {
    margin-top: 5em; margin-bottom: 7em; margin-left: 0!important; margin-right: 0!important;
    padding-top: 40px;
    position: relative; z-index: 1;
}
.icontxt, .icontxt h2 { text-align: center; }
.icontxt-bg {
    background: #ebe8e6;
    position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 250px;
}
.icontxt-wrapper {
    padding: 0!important;
    position: relative; z-index: 1;
}
.icontxt i { font-size: 2.5em; }
.icontxt h2 {
    font-family: 'Amatic SC'; font-weight: 200; font-size: 2.5em!important;
    margin-top: 0.5em; margin-bottom: 0.5em;
}
.icontxt .icontxt-wrapper > p {
    margin-left: auto; margin-right: auto;
    max-width: 900px;
}
.icontxt-images {
    display: -ms-grid; display: grid;
    -ms-grid-columns: 1fr 2fr 2fr 1fr; grid-template-columns: 1fr 2fr 2fr 1fr;
    -ms-grid-rows: auto auto; grid-template-rows: auto auto;
    grid-template-areas:
    "icontxt-image-one icontxt-image-two icontxt-image-three icontxt-image-four"
    "icontxt-image-one icontxt-image-five icontxt-image-six icontxt-image-four";
    margin-top: 2em;
}
.icontxt-images > * {
    background-repeat: no-repeat; background-position: center; background-size: cover;
    height: 250px;
}
.icontxt-images > *:nth-child(1) {
    height: 500px;
    grid-area: icontxt-image-one;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
}
.icontxt-images > *:nth-child(2) {
    grid-area: icontxt-image-two;
    -ms-grid-column: 2;
    -ms-grid-row: 1;
}
.icontxt-images > *:nth-child(3) {
    grid-area: icontxt-image-three;
    -ms-grid-column: 3;
    -ms-grid-row: 1;
}
.icontxt-images > *:nth-child(4) {
    height: 500px;
    grid-area: icontxt-image-four;
    -ms-grid-column: 4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
}
.icontxt-images > *:nth-child(5) {
    grid-area: icontxt-image-five;
    -ms-grid-column: 2;
    -ms-grid-row: 2;
}
.icontxt-images > *:nth-child(6) {
    grid-area: icontxt-image-six;
    -ms-grid-column: 3;
    -ms-grid-row: 2;
}
@media screen and (max-width: 1250px) {
    .icontxt-images {
        -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
        -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto;
        grid-template-areas:
        "icontxt-image-one icontxt-image-two icontxt-image-two"
        "icontxt-image-three icontxt-image-three icontxt-image-four"
        "icontxt-image-five icontxt-image-six icontxt-image-six";
    }
    .icontxt-images > *:nth-child(1) {
        height: 250px;
        -ms-grid-column: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
    }
    .icontxt-images > *:nth-child(2) {
        -ms-grid-column: 2;
        -ms-grid-row: 1;
        -ms-grid-column-span: 2;
    }
    .icontxt-images > *:nth-child(3) {
        -ms-grid-column: 1;
        -ms-grid-row: 2;
        -ms-grid-column-span: 2;
    }
    .icontxt-images > *:nth-child(4) {
        height: 250px;
        -ms-grid-column: 3;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
    }
    .icontxt-images > *:nth-child(5) {
        -ms-grid-column: 1;
        -ms-grid-row: 3;
    }
    .icontxt-images > *:nth-child(6) {
        -ms-grid-column: 2;
        -ms-grid-row: 3;
        -ms-grid-column-span: 2;
    }
}
@media screen and (max-width: 800px) {
    .icontxt-bg { bottom: 200px; }
    .icontxt-images {
        -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
        grid-template-areas:
        "icontxt-image-one icontxt-image-two"
        "icontxt-image-three icontxt-image-four"
        "icontxt-image-five icontxt-image-six";
    }
    .icontxt-images > * { height: 200px!important; }
    .icontxt-images > *:nth-child(2), .icontxt-images > *:nth-child(3), .icontxt-images > *:nth-child(6) { -ms-grid-column-span: 1; }
    .icontxt-images > *:nth-child(4) { -ms-grid-column: 2; }
}
@media screen and (max-width: 600px) {
    .icontxt-images {
        -ms-grid-columns: 1fr; grid-template-columns: 1fr;
        -ms-grid-rows: auto auto auto auto auto auto; grid-template-rows: auto auto auto auto auto auto;
        grid-template-areas:
        "icontxt-image-one"
        "icontxt-image-two"
        "icontxt-image-three"
        "icontxt-image-four"
        "icontxt-image-five"
        "icontxt-image-six";
    }
    .icontxt-images > * { height: 50vw!important; }
    .icontxt-images > *:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 2;
    }
    .icontxt-images > *:nth-child(3) { -ms-grid-row: 3; }
    .icontxt-images > *:nth-child(4) {
        -ms-grid-column: 1;
        -ms-grid-row: 4;
    }
    .icontxt-images > *:nth-child(5) { -ms-grid-row: 5; }
    .icontxt-images > *:nth-child(6) {
        -ms-grid-column: 1;
        -ms-grid-row: 6;
    }
}
/* END icontxt Element */

/* START counter Element */
.counter { margin: 3em 0 4em; }
.counter-inner {
    display: table;
    margin: 0 auto;
}
.counter-inner > * {
    display: table-cell;
    padding: 0 25px;
    text-align: center;
    vertical-align: middle;
}
.counter-value {
    background: #9d8b82;
    border-radius: 50%;
    color: #FFF;
    margin: 0 auto;
    height: 70px;
    width: 70px;
}
.counter-value > div {
    display: table;
    height: 100%;
    width: 100%;
}
.counter-value > div > div {
    display: table-cell;
    font-size: 2em;
    vertical-align: middle;
}
.counter-text {
    line-height: 1.25em;
    margin-top: 8px;
}
@media screen and (max-width: 700px) {
    .counter-inner > * { padding: 0 15px; }
}
@media screen and (max-width: 600px) {
    .counter-inner { display: block; }
    .counter-inner::after {
        content: '';
        clear: both;
        display: table;
        overflow: auto;
    }
    .counter-inner > * {
        box-sizing: border-box;
        display: inline-block;
        float: left;
        width: 50%;
    }
    .counter-inner > *:nth-child(3), .counter-inner > *:nth-child(4) { margin-top: 25px; }
}
/* END counter Element */

/* START SpaPrice */
.imgandtextl .dayspaprice, .imgandtextr .dayspaprice {
    box-sizing: border-box;
    position: absolute; top: -50px;	z-index: 1;
    width: 170px;
    height: 170px;
    background: #9d8b82;
    border-radius: 85px;
    color: #fff;
    text-align: center;
    padding: 55px 0;
    font-size: 1em;
    text-transform: uppercase;
}
.imgandtextl .dayspaprice { right: -50px; }
.imgandtextr .dayspaprice { left: -50px; }

.imgandtextl .dayspaprice .preprice, .imgandtextr .dayspaprice .preprice {
    font-size: 0.875em;
    line-height: 120%;
}

.imgandtextl .dayspaprice .price, .imgandtextr .dayspaprice .price {
    font-size: 2.125em;
    font-weight: 200;
    line-height: 120%;
}

.imgandtextl .dayspaprice .postprice, .imgandtextr .dayspaprice .postprice {
    display: block;
    font-size: 0.875em;
    line-height: 140%;
}

@media screen and (max-width: 1200px) {
    .imgandtextr .dayspaprice { right: -50px; left: auto; }
}

@media screen and (max-width: 600px) {
    .imgandtextl .dayspaprice, .imgandtextr .dayspaprice {
        position: static;
        margin: 0 auto;
    }
}
/* END SpaPrice */

/* START Hinweisbox */

.hint-container {
    box-shadow: 0 1px 8px 0 rgb(0 0 0 / 50%);
    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: #FFF;
    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 {
    font-size: 0.9em;
    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 { font-weight: 500; font-size: 1.25em; }
.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 */

/* START Vorlagen */
.twoimgstxt {
    margin-left: 0!important; margin-right: 0!important;
    position: relative; z-index: 1;
}
.twoimgstxt-bg {
    background: #ebe8e6;
    height: 65%;
    position: absolute; z-index: 1; left: 0; top: 20%;
    width: 100%;
}
.twoimgstxt, .twoimgstxt h2 { text-align: center; }
.twoimgstxt-wrapper {
    margin-left: auto; margin-right: auto;
    position: relative; z-index: 2;
    width: 100%; max-width: 1346px;
}
.twoimgstxt-liketable {
    display: table;
    width: 100%;
}
.twoimgstxt-liketable > * {
    display: table-cell;
    text-align: center;
    vertical-align: top;
}
.twoimgstxt-liketable > *:first-child {
    box-sizing: border-box;
    padding-right: 21px;
    width: 49.48%;
}
.twoimgstxt-liketable > *:last-child img { margin-bottom: 0.5em; }
.twoimgstxt-liketable img {
    display: block;
    height: auto;
    width: 100%;
}
.twoimgstxt-slogan, .twoimgstxt h2, .twoimgstxt-footer > p { font-family: 'Amatic SC'; font-weight: 700; }
.twoimgstxt-slogan {
    font-size: 3.6em;
    line-height: 1.2em;
    margin: 0;
}
.twoimgstxt-subslogan {
    font-size: 2em; font-weight: 400;
    line-height: 1.2em;
    margin-top: 0.25em;
}
.twoimgstxt h2 {
    font-size: 5.8em!important;
    margin-bottom: 0;
}
.twoimgstxt-wrapper > p { margin-bottom: 40px; }
.twoimgstxt-footer {
    margin-top: 85px; margin-bottom: 3em;
    position: relative; z-index: 1;
}
.twoimgstxt-footer > p {
    font-family: 'Amatic SC'; font-weight: 700; font-size: 5.8em!important;
    line-height: 1.2em;
    margin: 0; margin-left: auto; margin-right: auto;
    width: 100%; max-width: calc(100%  - 400px);
}
.twoimgstxt-footer img {
    display: block;
    height: auto;
    transform: rotate(15deg);
    position: absolute; z-index: 1; right: 0; top: -110px;
    width: 185px;
}
@media screen and (max-width: 1110px) {
    .twoimgstxt-footer > p {
        font-size: 4em!important;
        max-width: none;
    }
    .twoimgstxt-footer img { width: 150px; }
}
@media screen and (max-width: 940px) {
    .twoimgstxt-liketable, .twoimgstxt-liketable > * { display: block; }
    .twoimgstxt-liketable > *:first-child {
        margin-bottom: 10px;
        padding-right: 0;
        width: 100%;
    }
    .twoimgstxt-liketable img {
        margin-left: auto; margin-right: auto;
        max-width: 645px;
    }
    .twoimgstxt-bg { height: 72%; }
    .twoimgstxt-footer img { display: none; }
}
@media screen and (max-width: 585px) {
    .twoimgstxt-bg { height: 74%; }
    .twoimgstxt-slogan { font-size: 2.8em; }
    .twoimgstxt-subslogan { font-size: 1.4em; }
    .twoimgstxt h2 { font-size: 4em!important; }
    .twoimgstxt-wrapper > p { margin-bottom: 40px; }
    .twoimgstxt-footer { margin-top: 0; }
    .twoimgstxt-footer > p { font-size: 2.8em!important; }
}
@media screen and (max-width: 400px) {
    .twoimgstxt-bg { top: 10%; height: 90%; }
}

.twocols {
    margin-left: 0!important; margin-right: 0!important; margin-top: 5em; margin-bottom: 5em;
    padding-top: 1em;
    position: relative; z-index: 1;
}
.twocols-bg {
    background: #ebe8e6;
    max-height: 600px; height: 60%;
    position: absolute; z-index: 1; left: 0; top: 0;
    width: 100%;
}
.twocols-wrapper {
    margin-left: auto; margin-right: auto;
    position: relative; z-index: 2;
    width: 100%; max-width: 1200px;
}
.twocols-wrapper > h2, .twocols-wrapper > p { text-align: center; }
.twocols-wrapper > p {
    margin-left: auto; margin-right: auto;
    width: 100%; max-width: 1000px;
}
.twocols-tbl {
    display: table;
    margin-top: 2.5em;
    width: 100%;
}
.twocols-tbl > * {
    display: table-cell;
    vert-align: top;
    width: 50%;
}
.twocols-tbl > *:first-child { padding-right: 80px; }
.twocols-tbl > *:last-child { padding-left: 80px; }
.twocols-tbl img {
    display: block;
    height: auto;
    width: 100%;
}
#article .twocols-wrapper h3 {
    font-size: 1.9444em;
    text-align: center;
}
@media screen and (max-width: 1100px) {
    .twocols-tbl > *:first-child { padding-right: 40px; }
    .twocols-tbl > *:last-child { padding-left: 40px; }
}
@media screen and (max-width: 780px) {
    .twocols-bg { height: 50%; }
}
@media screen and (max-width: 720px) {
    .twocols { padding-bottom: 1em; }
    .twocols-bg {
        height: 100%;
        max-height: none;
    }
    .twocols-tbl, .twocols-tbl > * { display: block; }
    .twocols-tbl > * {
        padding: 0!important;
        width: 100%;
    }
    .twocols-tbl img {
        margin-left: auto; margin-right: auto;
        max-width: 450px;
    }
    .twocols-tbl > * + * { margin-top: 4em; }
}

.imgtxttxtimg { margin-top: 2.5em; margin-bottom: 4em; margin-left: auto!important; margin-right: auto!important; }
.imgtxttxtimg-row {
    margin-left: auto; margin-right: auto;
    position: relative; z-index: 1;
    width: 100%; max-width: 1000px;
}
.imgtxttxtimg-bg {
    background: #ebe8e6;
    position: absolute; z-index: 1; left: 0; top: 45px; right: 0; bottom: 0;
}
.imgtxttxtimg-table {
    display: table;
    position: relative; z-index: 1;
    width: 100%;
}
.imgtxttxtimg-table > * {
    display: table-cell;
    text-align: center;
    vertical-align: top;
}
.imgtxttxtimg-table > *:first-child { width: 390px; }
.imgtxttxtimg-table > *:last-child {
    padding-top: 90px; padding-left: 40px;
    vertical-align: middle;
}
.imgtxttxtimg-row + .imgtxttxtimg-row .imgtxttxtimg-table > *:first-child { padding-top: 90px; }
.imgtxttxtimg-row + .imgtxttxtimg-row .imgtxttxtimg-table > *:last-child { padding-top: 20px; padding-left: 20px; }
.imgtxttxtimg-table img {
    display: block;
    height: auto;
    width: 100%;
}
.imgtxttxtimg-table .imgtxttxtimg-overflowimg .responsiveimages { position: relative; z-index: 1; top: 90px; }
.imgtxttxtimg-table h2, .imgtxttxtimg-table h3 { text-align: center; }
.imgtxttxtimg-table > *:last-child h2 { margin-top: 0; }
@media screen and (max-width: 1120px) {
    .imgtxttxtimg-table > *:first-child { width: 39%; }
}
@media screen and (max-width: 750px) {
    .imgtxttxtimg-bg { top: -20px; bottom: -20px; }
    .imgtxttxtimg-row + .imgtxttxtimg-row { margin-top: 3em; }
    .imgtxttxtimg-table, .imgtxttxtimg-table > * { display: block; }
    .imgtxttxtimg-table > * {
        padding: 0!important;
        width: 100%!important;
    }
    .imgtxttxtimg-table .imgtxttxtimg-overflowimg .responsiveimages {
        margin-left: auto; margin-right: auto; margin-bottom: 1em;
        max-width: 390px;
        position: static; top: auto;
    }
    .imgtxttxtimg-row + .imgtxttxtimg-row .imgtxttxtimg-table .responsiveimages {
        margin-left: auto; margin-right: auto;
        max-width: 590px;
    }
}
/* END Vorlagen */

*[chat-bigger="1"] { height: 450px!important; min-height: 450px!important; max-height: 450px!important; }

/* START MiniQuickRequest */
.miniquickrequest .miniform .dates input { color: #333!important; }
.miniform {
    gap: 5px;
    text-align: center;
}
.miniform .request {
    cursor: pointer;
    line-height: 1;
    font-size: 0.9em;
    padding: 0.75em;
    background: #ece8e5;
    font-weight: 400;
}
.miniform .book {
    cursor: pointer;
    line-height: 1;
    font-size: 0.9em;
    padding: 0.75em;
    background: #998a83;
    color: #fff;
    font-weight: 400;
}
.miniquickrequest .datebg {
    background: #fff;
    box-sizing: border-box;
    border: 2px solid #998b84;
    display: none;
    height: 360px;
    position: absolute;
    left: 0;
    right: 0;
    top: -358px;
    text-align: center;
    padding-top: 0.75em;
}
.miniquickrequest.with-pn .datebg {
    bottom: 44px;
    padding-top: 1.75em;
}
.miniquickrequest .datebg #tempintervallpicker { display: none; }
.miniquickrequest .datebg.show {
    display: block;
}
.miniquickrequest .datebg.show.dropdown {
    top: auto;
    bottom: -358px;
}
.miniquickrequest .fullform {
    background: #fff;
    padding: 2em 1em;
}
.miniquickrequest {
    max-width: 700px;
    width: 100%;
    margin: 2em auto 0;
    position: relative; z-index: 90;
}
.miniquickrequest.fixed {
    display: flex; justify-content: flex-end;
    position: fixed; top: auto; bottom: 10px; right: 20px;
    z-index: 1000;
}
.miniquickrequest.fixed .miniform {
    width: 390px;
    float: right;
}
.miniquickrequest.fixed .miniform .guests, .miniquickrequest.fixed .miniform .deco { display: none; }
.miniquickrequest.fixed .miniform .dates { width: calc(100% - 180px); }
.miniquickrequest.fixed .miniform .dates .icon { display: none; }
.miniquickrequest.fixed .miniform .submit {
    box-sizing: border-box;
    display: block;
    width: 50%;
    font-size: 1em;
    width: 180px;
    text-align: center;
}
.miniquickrequest.fixed .miniform .submit .text {
    line-height: 1;
    font-size: 0.9em;
    padding: 0.75em 0;
    width: 100%;
}
.miniquickrequest.fixed .miniform .submit .icon { display: none; }
.miniquickrequest .miniform {
    border: 2px solid #9D8B82;
    display: none;
    font-size: 1.25em;
    flex-direction: row;
    flex-wrap: nowrap;
}
.miniquickrequest.fixed .miniform {
    display: flex;
    padding: 0.25em;
    background: #fff;
}
.miniquickrequest .miniform > * { width: 33.33% }
.miniquickrequest .miniform .dates, .miniquickrequest .miniform .guests {
    background: #fff;
    cursor: pointer;
    font-size: 0.89em;
    text-align: center;
    padding: 0.55em 0.5em 0.5em
}
.miniquickrequest .miniform .dates > *, .miniquickrequest .miniform .guests > * { line-height: 1; }
.miniquickrequest .miniform .dates > .icon, .miniquickrequest .miniform .guests > .icon { margin-bottom: 0.25em; }
.miniquickrequest .miniform .guests > .icon { margin-bottom: 0.5em; }
.miniquickrequest .miniform .dates input {
    box-sizing: border-box;
    cursor: pointer;
    width: 100%;
    text-align: center;
    border: none;
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
    padding: 0;
    color: #3334;
    line-height: 1;
}
.miniquickrequest .miniform .dates input::placeholder {
    color: #333;
    opacity: 1;
}
.miniquickrequest .miniform .dates input:focus {
    outline: none;
}
.miniquickrequest .miniform .deco {
    background: #fff;
    width: 2px;
}
.miniquickrequest .miniform .deco .deco-border {
    background: #998b84;
    margin: 1.25em 0;
    width: 2px;
    height: 40px;
}
.miniquickrequest .miniform .submit {
    background: #9b8b83;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 1.25em;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 1em;
}
.miniquickrequest .miniform .submit .text {
    width: calc(100% - 80px);
    line-height: 140%;
}
.miniquickrequest .miniform .submit .icon {
    text-align: center;
    width: 80px;
    line-height: 140%;
}
.miniquickrequest .fullform.show {
    display: flex;
    position: absolute;
    height: 280px;
    top: -346px;
}
.miniquickrequest .fullform.show.dropdown {
    top: auto;
    bottom: -390px;
    border-bottom: 2px solid #9b8b83;
}
.miniquickrequest .fullform {
    border: 2px solid #9b8b83;
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 30px;
}
.miniquickrequest .fullform > * {
    width: calc(50% - 15px);
}
.miniquickrequest .fullform .formfields {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 30px;
}
.miniquickrequest .fullform .formfields .field {
    width: calc(50% - 15px);
    margin-bottom: 1.5em;
    position: relative;
}
.miniquickrequest .fullform .formfields .field label {
    display: block;
    font-size: 0.8em;
    line-height: 120%;
}
.miniquickrequest .fullform .formfields .field input {
    border: none;
    border-bottom: 1px solid #998b84;
    color: #9b8b83;
    font-family: 'Roboto Slab', serif;
    width: 100%;
}
.miniquickrequest .fullform .formfields .field.child-ages {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 6px;
}
.miniquickrequest .fullform .formfields .field.child-ages > div { width: calc(33.33% - 4px); }
.miniquickrequest .fullform .formfields .field.phone-block .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #9b8b83!important;
    font-weight: 400!important;
}
.miniquickrequest .fullform .formfields .field.phone-block .select2-container--default .select2-selection--single {
    border: none!important;
    background-color: transparent!important;
}
.miniquickrequest .fullform .formfields .field.phone-block .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 11px!important;
}
.miniquickrequest .fullform .formfields .field.phone-block input {
    padding-left: 3.25em;
    box-sizing: border-box;
}
.miniquickrequest .fullform .formfields .field.phone-block .select2-container {
    width: 70px!important;
    position: absolute!important;
    bottom: 2px!important;
    left: -7px!important;
    z-index: 100!important;
}
.miniquickrequest .fullform .formfields .field.land-block {
    width: 100%;
    margin-bottom: 0;
}
.miniquickrequest .fullform .formfields .field.land-block select {
    width: 100%;
    max-width: none!important;
}
.miniquickrequest .fullform .formfields .field select {
    color: #998b84;
    border: none;
    border-bottom: 1px solid #998b84;
    width: 100%;
    padding-bottom: 1px;
}
.miniquickrequest .fullform .checkboxes {
    font-size: 0.9em;
    border-left: 2px solid #9b8b83;
    box-sizing: border-box;
    padding: 0 1.5em;
}
.miniquickrequest .fullform .checkboxes img {
    display: block;
    text-align: center;
    margin: 0 auto 2em;
}
.miniquickrequest .fullform .checkboxes .b-contain { line-height: 100%; }
.miniquickrequest .fullform .checkboxes .b-contain span { font-size: 0.8rem; }

.miniquickrequest .plusminus-controls {
    position: absolute;
    bottom: 0;
    right: 0;
}
.miniquickrequest .plusminus-controls i {
    border: 1px solid #998b84;
    color: #998b84;
    font-size: 1em;
}

.miniquickrequest .mobile-close {
    color: #998b84;
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
}

.miniquickrequest .mobile-close { cursor: pointer; }

.miniquickrequestfavicon {
    background: #9b8b83;
    border-radius: 30px;
    color: #fff;
    display: none;
    position: fixed; right: 10px; bottom: 10px; z-index: 100;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 40px;
}
.miniquickrequestfavicon i {
    font-size: 2em;
    vertical-align: middle;
    line-height: 60px;
}
.miniquickrequest.fixed .miniform { width: 430px; }
.miniquickrequest.fixed .miniform .dates { width: calc(100% - 100px); }

@media screen and (max-width: 1200px) {
    .miniquickrequest .fullform.show {
        top: -350px;
        height: 350px;
        box-sizing: border-box;
    }
    .miniquickrequest .fullform.show.dropdown {
        bottom: -348px;
    }
    .miniquickrequest .plusminus-controls { bottom: 10px; }
    .miniquickrequest .fullform .formfields .field.phone-block .select2-container {
        bottom: 12px!important;
    }
}

@media screen and (max-width: 900px) {
    #mainmenu-btn, #layout-default-menu-desktop-close, #layout-default-menu-desktop-home { width: 55px; }
    #mainmenu-btn .material-icons, #layout-default-menu-desktop-close .material-icons, #layout-default-menu-desktop-home .material-icons { font-size: 50px; }
    #layout-default-dv { margin-bottom: 0; }
    #layout-default-header-ctamenu { display: none; }
    .scroll #layout-default-header-ctamenu {
        display: block;
        top: 29px;
        right: 50%;
        transform: translateX(50%);
    }
}

@media screen and (max-width: 680px) {
    .miniquickrequest .datebg {
        height: 590px;
        bottom: 51px;
        top: auto;
        max-height: calc(100vh - 120px);
        overflow: scroll;
    }
    .miniquickrequest .datebg.show.dropdown { bottom: -648px; }
}

@media screen and (max-width: 666px) {
    .miniquickrequest .plusminus-controls { bottom: 6px; }
}

@media screen and (max-width: 603px) {
    .miniquickrequest .plusminus-controls { bottom: 12px; }
}

@media screen and (max-width: 585px) {
    .miniquickrequestfavicon { display: block; }

    .miniquickrequest .fullform.show {
        top: -390px;
        bottom: auto;
        height: 390px;
        box-sizing: border-box;
    }
    .miniquickrequest .fullform > * { width: 100%; }
    .miniquickrequest .fullform .checkboxes {
        border: none;
        padding: 0;
    }
    .miniquickrequest .fullform .checkboxes img { display: none; }
    .miniquickrequest .plusminus-controls { bottom: 3px; }
    .miniquickrequest .plusminus-controls i { padding: 0.25em; }
    .miniquickrequest .miniform { display: block; }
    .miniquickrequest .miniform > * {
        box-sizing: border-box;
        width: 100%;
    }
    .miniquickrequest .miniform .deco { display: none; }
    .miniquickrequest .miniform .guests { display: none; }
    .miniquickrequest.fixed {
        top: auto;
        bottom: 0;
    }

    .miniquickrequest.fixed .miniform {
        display: flex;
        width: 100%;
        float: none;
    }

    .miniquickrequest .fullform .formfields .field.land-block { margin-bottom: 1.5em; }
    .miniquickrequest .fullform .formfields .field.phone-block .select2-container { bottom: 2px!important; }
}
/* END MiniQuickRequest */

/* START Button mit Pfeil */
.arrow-btn { font-size: 1.1em; }
.arrow-btn span {
    display: inline-block;
    height: 20px;
    margin-right: 0.25em;
    position: relative; z-index: 1;
    width: 24px;
}
.arrow-btn .material-icons {
    position: absolute; z-index: 1; top: 50%; left: 0;
    transition: all 0.2s linear;
    transform: translateY(-50%);
}
.arrow-btn:hover .material-icons { left: 0.2em; }
/* END Button mit Pfeil */

/* END CUSTOM PART */

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

/* Responsive Images */
.responsiveimages {
    clear: both;
    overflow: auto;
}
.responsiveimages a {
    border-bottom: none!important;
    display: inline-block;
    float: left;
    margin-left: 0.5%; margin-top: 0.25%; margin-bottom: 0.25%;
    text-decoration: none;
    width: 100%;
}
.responsiveimages a:first-child { margin-left: 0!important; }
.responsiveimages.fullwidth a { margin-left: 0; }
.responsiveimages.portrait a { width: 100%; max-width: 500px; }
.responsiveimages.fiftyfifty a { width: 49.75%; }
.responsiveimages.third a { width: 33%; }
.responsiveimages.third a:last-child { width: 33%; }
.responsiveimages.fourth a { width: 25%; margin-left: 0; }
.responsiveimages.thirtyfsixtyf a:first-child, .responsiveimages.sixtyfthirtyf a:nth-child(2),
.responsiveimages.sixtyfthirtyfx2 a:nth-child(2), .responsiveimages.sixtyfthirtyfx2 a:nth-child(3), .responsiveimages.sixtyfx2thirtyf .leftside { width: 34.65%; }

.responsiveimages.thirtyfsixtyf a:nth-child(2), .responsiveimages.sixtyfthirtyf a:first-child,
.responsiveimages.sixtyfthirtyfx2 a:first-child, .responsiveimages.sixtyfx2thirtyf .rightside { width: 64.85%; }

.responsiveimages.sixtyfthirtyfx2 a:nth-child(3) { margin-top: 0.5%; }

.responsiveimages.sixtyfx2thirtyf a { margin-left: 0!important; }
.responsiveimages.sixtyfx2thirtyf a:nth-child(2) { margin-top: 1.5%; }
.responsiveimages.sixtyfx2thirtyf > div {
    display: inline-block;
    float: left;
    height: 100%;
}
.responsiveimages.sixtyfx2thirtyf .rightside { margin-left: 0.5%; }

.responsiveimages a img {
    height: auto;
    vertical-align: middle;
    width: 100%;
}
@media screen and (max-width: 560px) {
    .responsiveimages.sixtyfthirtyfx2 > *, .responsiveimages.sixtyfx2thirtyf .leftside > * { width: 49.75%!important; }
    .responsiveimages.sixtyfthirtyfx2 > *:first-child {
        margin-bottom: 0.5%;
        width: 100%!important;
    }
    .responsiveimages.sixtyfthirtyfx2 > *:nth-child(2) { margin-left: 0!important; }
    .responsiveimages.sixtyfthirtyfx2 > *:nth-child(3) { margin-top: 0!important; }

    .responsiveimages.sixtyfx2thirtyf .leftside { width: 100%; }
    .responsiveimages.sixtyfx2thirtyf .rightside {
        margin-top: 0.5%; margin-left: 0;
        width: 100%;
    }
    .responsiveimages.sixtyfx2thirtyf .leftside > *:nth-child(2) { margin-left: 0.5%!important; margin-top: 0; }

    #boxes .mobilebox > * {
        width: 100%!important;
        float: none!important;
    }
    #boxes .mobilebox::before {
        background: rgb(157 139 130 / 20%)!important;
        display: block!important;
    }
    #boxes .mobilebox .text {
        color: #FFF;
        text-shadow: 0 0 2px #000;
        z-index: 2;
    }
    #boxes .mobilebox .text p {
        font-size: 1.2em; font-weight: 400;
        margin-bottom: 0;
    }
}
@media screen and (max-width: 400px) {
    .responsiveimages.fiftyfifty a {
        margin-left: 0;
        width: 100%;
    }
    .responsiveimages.fiftyfifty a:nth-child(2) { margin-top: 0.5%; }
}

/* 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; }

/* Fancybox */
.fancybox-slide--iframe .fancybox-content {
    height: 1133px; max-height: 80%;
    margin: 0;
    width: 800px!important; max-width: 80%!important;
}
.fancybox-button { min-width: 0; }
.fancybox-button--left, .fancybox-button--right { display: inline-block!important; }

/* Cookie Hint */
#cookiehint {
    display: table;
    width: 100%;
    background: #000; background: rgba(0, 0, 0, 0.8);
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    color: #fff!important;
    line-height: 20px;
    padding: 0.5em;
    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: initial; }

.dayspaprice {
    font-weight: 500;
    font-size: 1.25em;
    text-align: left;
}

/* Media Queries */
@media screen and (max-width: 2200px) {
    #subheader {
        height: 46vw;
        overflow: hidden;
    }
}
@media screen and (max-width: 1550px) {
    #footer #footercontent #hoteldesc #hoteldata {
        display: block;
        margin-left: 0;
        margin-top: 2em;
    }
    #footer #footercontent #hoteldesc #hoteldata #mapicon {	right: auto; left: 12em; }
}
@media screen and (max-width: 1500px) {
    #header-container #nav > ul > li > .menucontainer > .spacer.menuboxactive { padding-right: 300px; }
    #header-container #nav ul li { padding: 0 0.5em; }
    #header-container #nav ul li:last-of-type { padding-right: 1.5em; }
    #header-container #nav .menubox .menuboximg img { width: 270px; }
    #header-container #nav .menubox .menuboxname img {
        margin-top: 5px;
        width: 35px;
    }
    .decoquote { padding: 5em 5em;	}
    .overviewlist-box { width: calc(50% - 15px); }
}
@media screen and (max-width: 1300px) {
    #header-container .logo img {
        max-height: 37px;
        margin: 12px 15px;
    }
}
@media screen and (max-width: 1200px) {
    #header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100;
    }
    body {
        font-size: 14px;
        padding-top: 95px;
    }
    body.infopage { padding-top: 130px; }
    #header { padding-top: 2.5em; }
    #header-container #mobilemenu { display: block; }
    #header-container #mobilemenu img { cursor: pointer; }
    #header-container #mobilemenu .whatsapp { display: inline-block; }
    #header-container #mobilemenu .whatsapp img {
        width: 25px;
        margin-right: 0.55em;
    }
    #header-container .mobilephone {
        display: inline-block;
        vertical-align: 14px;
        margin-right: 1em;
    }
    #header-container .mobilephone i { font-size: 2em; }
    #header-container .phonetext {
        display: inline-block;
        vertical-align: 9px;
        padding-left: 0.5em;
    }
    #header #nav_cta { display: none; }
    #header-container { height: 55px; }
    #header-container .logo img {
        height: 32px;
        margin: 12px 15px;
    }
    #header-container #nav {
        background: rgba(157, 139, 130, 0.8);
        box-sizing: border-box;
        display: none;
        position: absolute;
        top: 54px;
        left: -2px;
        width: calc(100% + 4px);
        line-height: 2em;
        font-size: 1.1428em;
        padding: 0 4.4375em 4em 4.4375em;
        margin-top: 28px;
        height: calc(100vh - 129px);
        overflow: scroll;
    }
    .scroll #header-container #nav { margin-top: 34px; }
    #header-container #nav ul {
        width: 100%;
    }
    #header-container #nav ul li.active a {
        color: #000;
        font-weight: 500;
    }
    #header-container #nav > ul > li:first-of-type { border-top: 1px solid #fff; }
    #header-container #nav > ul > li {
        border-bottom: 1px solid #fff;
        display: block;
        line-height: 3em;
        position: relative;
    }
    #header-container #nav ul li a { color: #fff; }
    #header-container #nav > ul > li > .openmenu {
        position: absolute;
        top: 0;
        right: 0;
    }
    #header-container #nav > ul > li > .openmenu img { width: 15px; }
    #header-container #nav > ul > li > .menucontainer {
        position: static; left: auto;
        width: 100%;
        margin: 0.5em 0 2em 0;
    }
    #header-container #nav > ul > li > .menucontainer > .spacer {
        background: none;
        margin: 0;
        padding: 0;
        font-size: 1em;
    }
    #header-container #nav > ul > li > .menucontainer > .spacer > ul > li > ul > li { line-height: 2em; }
    #header-container #nav > ul > li > .menucontainer > .spacer > ul > li { line-height: 2.5em; }
    #header-container #nav .menubox {
        position: absolute;
        top: 3em;
        right: 0;
    }

    #layout-default-logo-big, #layout-default-logo { width: 165px; }

    #subheader { margin-top: 25px; }

    #article > * {
        margin-left: 0;
        margin-right: 0;
    }
    #article .nomargin {
        margin-left: 0;
        width: 100%;
    }
    /*#article { margin: 4em 0; }*/
    #article #publicationdate { margin-bottom: 0.5em; margin-top: 2em; }

    #header-container #nav a::after { display: none; }
    #mobilelanguageselect {
        display: block;
        text-align: right;
        padding: 1.45em 0;
        color: #fff;
    }
    #mobilelanguageselect a { color: #fff; }
    #mobilemenu {
        position: absolute;
        right: -2px;
        top: -2px;
    }
    #mobilemenu img {
        height: 59px;
        width: auto;
    }

    .scroll { padding-top: 90px; }
    .scroll #mobilemenu img { height: 55px; }

    /* Bild mit Fließtext */
    .imgandtextl, .imgandtextr { margin-left: 0!important; }
    .imgandtextl .text .img img, .imgandtextr .text .img img { width: 250px!important; }
    .imgandtextl .text .img { left: -220px!important; }
    .imgandtextr .text .img { right: -220px!important; }
    .imgandtextl .text {
        margin: 2em 0 2em 220px!important;
        padding: 2em 5em!important;
        min-height: 320px!important;
    }
    .imgandtextr .text {
        margin: 2em 220px 2em 0!important;
        padding: 2em 5em!important;
        min-height: 320px!important;
    }

    /* Graytext */
    .graytext { padding: 4.643em 5em; }
    .graytext .title {
        font-size: 2.143em;
        width: 250px
    }
    .graytext .text {
        width: calc(100% - 300px);
        padding-left: 4em;
    }

    /* Zitat */
    .decoquote {
        width: 100%;
        margin-left: 0!important;
        margin-right: 0!important;
    }

    .angebot #article {
        margin-left: 35vw;
        width: calc(90vw - 35vw);
    }

    .roomtabs .roomoverview-items .owl-prev { left: -30px }
    .roomtabs .roomoverview-items .owl-next { right: -30px; }
    .roomtabs .roomoverview-items .owl-prev i, .roomtabs .roomoverview-items .owl-next i { font-size: 2em; }

    #layout-default-header-ctamenu {
        right: 160px;
        top: 25px;
    }

    #boxes strong { font-size: 2.5em; }
}
@media screen and (max-width: 1080px) {
    body, body.infopage { padding-top: 140px; }
    #header { padding-top: 1.5em; padding-bottom: 8px; }
    #header-container #nav {
        top: 25px;
        margin-top: 38px;
    }
    #header-cta { display: block; }
    #bookbutton { display: none; }
    #subheader { margin-top: 0px; }
}
@media screen and (max-width: 1023px) {
    h1 { font-size: 2.5em; margin: 0.67em 0; }
    h2 { font-size: 2em; margin: 0.83em 0; }
    h3 { font-size: 1.375em; margin: 1em 0; }
    h4 { font-size: 1em; margin: 1.33em 0; }
    h5 { font-size: 0.83em; margin: 1.67em 0; }
    h6 { font-size: 0.67em; margin: 2.33em 0; }

    /* medium grid */
    .col-m-1  { width: 6.382978723404255%; }
    .grid-container.nogutter .col-m-1, .grid-container .row.table > .col-m-1 { width: 8.333%; }
    .col-m-2  { width: 14.893617021276595%; }
    .grid-container.nogutter .col-m-2, .grid-container .row.table > .col-m-2 { width: 16.66%; }
    .col-m-3  { width: 23.404255319148934%; }
    .grid-container.nogutter .col-m-3, .grid-container .row.table > .col-m-3 { width: 25%; }
    .col-m-4  { width: 31.914893617021278%; }
    .grid-container.nogutter .col-m-4, .grid-container .row.table > .col-m-4 { width: 33.33%; }
    .col-m-5  { width: 40.42553191489362%; }
    .grid-container.nogutter .col-m-5, .grid-container .row.table > .col-m-5 { width: 41.66%; }
    .col-m-6  { width: 48.93617021276595%; }
    .grid-container.nogutter .col-m-6, .grid-container .row.table > .col-m-6 { width: 50%; }
    .col-m-7  { width: 57.44680851063829%; }
    .grid-container.nogutter .col-m-7, .grid-container .row.table > .col-m-7 { width: 58.33%; }
    .col-m-8  { width: 65.95744680851064%; }
    .grid-container.nogutter .col-m-8, .grid-container .row.table > .col-m-8 { width: 66.66%; }
    .col-m-9  { width: 74.46808510638297%; }
    .grid-container.nogutter .col-m-9, .grid-container .row.table > .col-m-9 { width: 75%; }
    .col-m-10 { width: 82.97872340425532%; }
    .grid-container.nogutter .col-m-10, .grid-container .row.table > .col-m-10 { width: 83.33%; }
    .col-m-11 { width: 91.48936170212765%; }
    .grid-container.nogutter .col-m-11, .grid-container .row.table > .col-m-11 { width: 91.66%; }
    .col-m-12 { width: 100%; }
    .grid-container.nogutter .col-m-12, .grid-container .row.table > .col-m-12 { width: 100%; }

    .m-space { margin-left: 2.127659574468085%!important; margin-right: 2.127659574468085%!important; }
    .row.table .m-space { padding: 0.7em 1em!important; }
    .m-space-left { margin-left: 2.127659574468085%!important; }
    .row.table .m-space-left { padding-left: 1em!important; }
    .m-space-right { margin-right: 2.127659574468085%!important; }
    .row.table .m-space-right { padding-right: 1em!important; }

    .m-clearspace { margin: 0!important;}
    .row.table .m-clearspace { padding: 0; }
    .m-clearspace-left { margin-left: 0!important; }
    .row.table .m-clearspace-left { padding-left: 0!important; }
    .m-clearspace-right { margin-right: 0!important; }
    .row.table .m-clearspace-right { padding-right: 0!important; }

    #subheader #relaxspaaward, #besthotelsaward {
        left: 18px;
        top: 18px;
    }
    #besthotelsaward { top: 102px; }
    #subheader #relaxspaaward img, #besthotelsaward { max-width: 70px; }
    #subheader #dolcevitalogo {
        top: 18px;
        right: 18px;
        width: 65px;
    }
    #subheader #giftbutton {
        right: 18px;
        width: 80px;
    }

    #footer #footercontent #hoteldesc { padding-left: 2em; }
    #footer #footercontent #hotelfootermenu > ul {
        display: block;
        padding-left: 20px;
        border-top: 1px solid #000;
        margin: 0;
        padding: 0.5em 0;
    }
    #footer #footercontent #hotelfootermenu li { position: relative; }
    #footer #footercontent #hotelfootermenu li .openfootermenu {
        position: absolute;
        right: 0;
        top: 0;
    }
    #footer #footercontent #hotelfootermenu li .openfootermenu img {
        height: 17px;
        vertical-align: middle;
    }
    #footer #footercontent #hotelfootermenu > ul:last-of-type { border-bottom: 1px solid #000; }
    #footer #footercontent #hotelfootermenu > ul > li > ul { display: none; }
    #footer #footercontent #hotelfootermenu #footersyspages { padding-left: 0; }
    #footer #footercontent #hoteldesc #hotellogo, #footer #footercontent #hoteldesc #hoteldata { display: block; }
    #footer #footercontent #hoteldesc #hotellogo img {
        max-height: 280px;
        height: auto;
        width: 80%;
    }
    #footer #partnerlogos a img { height: 35px; }

    .decoquote {
        margin: 3em 0em 3em 0em;
        padding: 3em 2em;
    }

    #boxes .mobilebox {
        display: block;
        position: relative;
    }
    #boxes .mobilebox::before {
        background: rgba(157, 139, 130, 0.67);
        content: ' ';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
    #boxes .boxesrow > * > * { display: block; }
    #boxes .mobilebox a { display: block; }
    #boxes .mobilebox > * {
        display: block;
        width: 50%;
        float: left;
    }
    #boxes .mobilebox.even > * {
        float: right;
        left: 0;
    }
    #boxes .mobilebox::after {
        content: ' ';
        clear: both;
        display: block;
        float: none;
    }
    #boxes .mobilebox .text {
        padding: 1em;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        overflow: hidden;
    }
    #boxes .box { display: none; }
    #boxes, #boxes .boxesrow {
        display: block;
        width: 100%;
    }
    #boxes .boxesrow > * {
        display: block;
        width: 100%;
    }
    .overviewlist-filter {
        text-align: left;
        margin: 2em;
    }
    .overviewlist-filter .topic, .filter .filter-item { display: none; }
    .overviewlist-filter .selectbox-container, .filter .selectbox-container { display: inline-block; }
    .overviewlist-box:hover { border: 2px solid #fff; }

    .angebot #panoramaimg .owl-dots {
        position: absolute; right: 15px; bottom: 5px;
    }
    .angebot #panoramaimg .owl-dot {
        background: rgba(255, 255, 255, 0.7);
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-right: 10px;
    }
    .angebot #panoramaimg .owl-dot:last-of-type { margin-right: 0; }
    .angebot #panoramaimg .owl-dot.active { background: #fff }

    .angebot #panoramaimg { height: 35vh; }
    .angebot #panoramaimg .item { height: 35vh; }
    .angebot #main {
        position: static; top: auto; z-index: 1;
    }
    .angebot #teaser { padding: 1em; }
    .angebot #content { padding: 1em; }
    .angebot #article {
        margin-left: 0;
        margin-top: 4em;
        width: 100%;
        padding: 0em 2em;
    }
    .angebot .priceglobe {
        height: 140px;
        width: 140px;
        left: 20px;
        top: calc(-120px - 3em);
        padding: 45px 0px;
        z-index: 2;
    }

    /* START roomoverview */
    .roomoverview-item { height: auto; }
    .roomoverview-item .roomoverview-image {
        float: none;
        width: 100%;
    }
    .roomoverview-item .roomoverview-image img {
        width: 100%;
        height: auto;
    }
    .roomoverview-item .roomoverview-image .owl-next { right: -25px; }
    .roomoverview-item .roomoverview-image .owl-prev { left: -25px; }
    .roomoverview-item .roomoverview-image .owl-prev i, .roomoverview-item .roomoverview-image .owl-next i { font-size: 2em; }
    .roomoverview-item .roomoverview-desc {
        float: none;
        width: 100%;
        height: auto;
        padding: 1em 2em 1em 2em;
    }
    .roomoverview-actions { margin: 1em 0 6em; }
    .roomoverview-actions .roomoverview-actions-left {
        box-sizing: border-box;
        width: 100%;
        float: none;
        padding: 0;
    }
    .roomoverview-actions .roomoverview-actions-right {
        width: 100%;
        float: none;
        margin-top: 2em;
    }
    .roomoverview-actions .roomoverview-actions-left > a { width: 100%;	}
    .roomoverview-item .owl-carousel .owl-item img { width: 100%; }
    .roomtabs .roomoverview-items { max-height: none; }
    /* END roomoverview */

    /* START restplatz */
    .restplatz-items .roomoverview-item .replatz-time {	margin-top: 0em; }
    .restplatz-items .roomoverview-item .roomoverview-image {
        float: none;
        width: 100%;
        margin-right: 0;
    }
    .restplatz-items .roomoverview-item .roomoverview-desc { border-top: none; }
    .restplatz-items .roomoverview-item .roomoverview-actions {
        position: static;
        margin-top: 3em;
    }
    /* END restplatz */
}
@media screen and (max-width: 820px) {
    #header-container #nav .menubox { display: none; }
    #header-container #nav > ul > li > .menucontainer > .spacer.menuboxactive { padding-right: 0 }
    .graytext .title {
        position: static;
        top: auto;
        transform: none;
        width: 100%;
        margin-bottom: 0.75em;
    }
    .graytext .text {
        width: 100%;
        padding-left: 0;
    }

    .responsiveimages.third a, .responsiveimages.fourth a { width: 49.75%; margin-bottom: 2em; }
    .responsiveimages.third a:last-child { display: none; }

    .overviewlist-box { width: 100%; }
    #subheader .panorama .owl-nav i { font-size: 3em; }
    #layout-default-header-ctamenu-togglebtn { font-size: 1em; }
}
@media screen and (max-width: 767px) {
    #subheader #giftbutton { display: none; }
    #mobilemenu .mobilegiftcontainer { display: inline-block; }
    #mobilemenu .mobilegift {
        display: inline-block;
        vertical-align: 16px;
        margin-right: 1em;
    }
    #mobilemenu .mobilegift img { height: 25px; }
    #relaxspaaward, #besthotelsaward { display: none; }
}
@media screen and (min-width: 751px) {
    .pn-container-open-mobile-container { display: none; }
}
@media screen and (max-width: 750px) {
    .miniquickrequest.with-pn {
        display: flex!important;
        justify-content: center;
        position: fixed; top: auto; bottom: 0; left: 0; right: 0; z-index: 1000;
        max-width: none;
    }
    .miniquickrequest.with-pn .miniform {
        align-items: center;
        background: #ebe8e6; background-image: url(/grafik/template/bg.jpg);
        border: none;
        display: flex;
        float: none;
        justify-content: space-around;
        padding: 0.25em;
        width: 100dvw;
    }
    .miniquickrequest.with-pn .miniform > * { width: auto!important; }
    .miniquickrequest.with-pn .miniform .dates { display: none; }
    .miniquickrequest.with-pn .miniform .deco, .miniquickrequest.with-pn .miniform .guests, .miniquickrequest.with-pn .miniform .submit .icon { display: none; }
    .miniquickrequest.with-pn .miniform .submit {
        background: transparent;
        color: #333;
        padding: 0;
        text-decoration: underline;
        width: auto;
        white-space: nowrap;
    }
    .miniquickrequest.with-pn .miniform .submit { font-size: 1em; }
    .pn-container-open-mobile, .miniquickrequest.with-pn .miniform .submit .text { font-weight: 500; font-size: 0.9em; }
    .miniquickrequest.with-pn .miniform .submit .text { padding: 0!important; }
    .miniquickrequest.with-pn + .miniquickrequestfavicon { display: none!important; }
    .miniform .request, .miniform .book {
        font-weight: 500;
        font-size: 0.9em;
        background: none;
        color: #000;
        text-decoration: underline;
    }

    .miniform .request { order: 1; }
    .miniform .book { order: 2; }
    .miniform .pn-container-open-mobile-container { order: 3; }
}
@media screen and (max-width: 660px) {
    .imgandtextl, .imgandtextr {
        border: 2px solid #000!important;
        margin: 4em 0!important;
    }
    .imgandtextl .responsiveimages.portrait a , .imgandtextr .responsiveimages.portrait a {
        margin: 0;
        max-width: none;
    }
    .imgandtextl .text, .imgandtextr .text {
        border: none!important;
        margin: 0!important;
        padding: 0!important;
        position: static!important;
        width: 100%!important;
        min-height: 0!important;
    }
    .imgandtextl .text > .imgtextdesc, .imgandtextr .text > .imgtextdesc { padding: 2em; }
    .imgandtextl .img, .imgandtextr .img {
        position: static!important;
        top: auto!important;
        left: auto!important;
        right: auto!important;
        transform: none!important;
        width: 100%!important;
    }
    .imgandtextl .text .img img, .imgandtextr .text .img img {
        width: 100%!important;
        max-width: none!important;
    }
}
@media screen and (max-width: 585px) {
    /* small grid */
    .col-s-1  { width: 6.382978723404255%; }
    .grid-container.nogutter .col-s-1, .grid-container .row.table > .col-s-1 { width: 8.333%; }
    .col-s-2  { width: 14.893617021276595%; }
    .grid-container.nogutter .col-s-2, .grid-container .row.table > .col-s-2 { width: 16.66%; }
    .col-s-3  { width: 23.404255319148934%; }
    .grid-container.nogutter .col-s-3, .grid-container .row.table > .col-s-3 { width: 25%; }
    .col-s-4  { width: 31.914893617021278%; }
    .grid-container.nogutter .col-s-4, .grid-container .row.table > .col-s-4 { width: 33.33%; }
    .col-s-5  { width: 40.42553191489362%; }
    .grid-container.nogutter .col-s-5, .grid-container .row.table > .col-s-5 { width: 41.66%; }
    .col-s-6  { width: 48.93617021276595%; }
    .grid-container.nogutter .col-s-6, .grid-container .row.table > .col-s-6 { width: 50%; }
    .col-s-7  { width: 57.44680851063829%; }
    .grid-container.nogutter .col-s-7, .grid-container .row.table > .col-s-7 { width: 58.33%; }
    .col-s-8  { width: 65.95744680851064%; }
    .grid-container.nogutter .col-s-8, .grid-container .row.table > .col-s-8 { width: 66.66%; }
    .col-s-9  { width: 74.46808510638297%; }
    .grid-container.nogutter .col-s-9, .grid-container .row.table > .col-s-9 { width: 75%; }
    .col-s-10 { width: 82.97872340425532%; }
    .grid-container.nogutter .col-s-10, .grid-container .row.table > .col-s-10 { width: 83.33%; }
    .col-s-11 { width: 91.48936170212765%; }
    .grid-container.nogutter .col-s-11, .grid-container .row.table > .col-s-11 { width: 91.66%; }
    .col-s-12 { width: 100%; }
    .grid-container.nogutter .col-s-12, .grid-container .row.table > .col-s-12 { width: 100%; }

    .s-space { margin-left: 2.127659574468085%!important; margin-right: 2.127659574468085%!important;  }
    .row.table .s-space { padding: 0.7em 1em!important; }
    .s-space-left { margin-left: 2.127659574468085%!important; }
    .row.table .s-space-left { padding-left: 1em!important; }
    .s-space-right { margin-right: 2.127659574468085%!important; }
    .row.table .s-space-right { padding-right: 1em!important; }

    .s-clearspace { margin: 0!important;}
    .row.table .s-clearspace { padding: 0; }
    .s-clearspace-left { margin-left: 0!important; }
    .row.table .s-clearspace-left { padding-left: 0!important; }
    .s-clearspace-right { margin-right: 0!important; }
    .row.table .s-clearspace-right { padding-right: 0!important; }

    body {
        font-size: 14px;
        padding-top: 112px;
    }
    body.infopage { padding-top: 112px; }
    #header {
        margin-top: 0;
        padding-top: 8px;
    }
    .wrapper { padding: 0 25px; }
    #header-container { height: 40px }
    #header-container .logo { display: none; }
    #header-container .deco-logo {
        height: 19px;
        width: auto;
        position: static; top: 0; left: 0; transform: none;
        padding: 10px 0 10px 10px;
    }
    #header-container .mobilephone { vertical-align: 10px; }
    #header-container .phonetext { display: none; }
    #header-container #nav {
        margin-top: 2px;
        padding: 0 1.5em 4em 1.5em;
        top: 45px;
    }

    #subheader #dolcevitalogo {
        width: 45px;
    }
    #subheader .panorama .owl-dots {
        bottom: 10px;
    }
    #subheader .panorama .owl-dot {
        width: 10px;
        height: 10px;
        margin-right: 5px;
    }

    #mobilemenu img { height: 44px; }
    #mobilemenu .mobilegift { vertical-align: 11px; }

    #socialmedia { padding: 1em 0; }
    #socialmedia a { margin-right: 2em; }
    #socialmedia img { height: 20px!important; }
    #socialmedia a:last-child img { height: 30px!important; }

    #footer #footercontent {
        border-bottom: none;
        margin-top: 1em;
        padding: 3em 0 1em 0;
    }
    #footer #footercontent #hoteldesc #hotellogo img { max-height: 160px; }
    #footer #footercontent #hoteldesc {
        width: 100%;
        border: none;
        text-align: center;
        padding-left: 0;
    }
    #footer #footercontent #hoteldesc #hoteldata #mapicon {	right: 10px; left: auto; }
    #footer #footercontent #hotelfootermenu {
        width: 100%;
        margin-top: 2em;
        padding-left: 0;
    }
    #footer #footercontent #hotelfootermenu > ul > li > a { padding-left: 1em; }
    #footer #footercontent #hotelfootermenu > ul > li > ul { padding-left: 1em; }
    #footer #footercontent #hotelfootermenu #footersyspages { text-align: center; }
    #footer #partnerlogos { margin: 1em 0; }

    /* Graytext */
    .graytext { padding: 1em 2em; }

    .responsiveimages.third a, .responsiveimages.fiftyfifty a, .responsiveimages.fourth a { width: 100%;margin-bottom: 2em; }
    .responsiveimages.third a:last-child, .responsiveimages.fiftyfifty a:last-child, .responsiveimages.fourth a:last-child { width: 100%; margin: 0; }

    /* START roomoverview */
    .roomoverview-actions .roomoverview-actions-left { padding: 0; }
    .roomoverview-item .roomprice {
        border-radius: 60px;
        top: -20px;
        left: 25px;
        width: 120px;
        height: 120px;
        padding: 30px 0;
    }
    .roomoverview-item .roomnew {
        border-radius: 50px;
        top: 66px;
        left: 104px;
        width: 60px;
        height: 60px;
        font-size: 1.25em;
        padding: 13px 0;
    }
    .roomoverview-actions .roomoverview-actions-right .book { margin-left: 8%; }

    .pricecalcform-container .button {
        white-space: normal;
        padding: 1em;
        text-align: center;
    }
    .priceplan .priceplan-innercontainer {
        padding: 2em 0;
    }
    .priceplan .controlls {
        display: block;
        width: 100%;
    }
    .priceplan .priceresult {
        display: block;
        width: 100%;
        margin-top: 1em;
    }
    .priceplan .priceactions > a {
        box-sizing: border-box;
        width: 100%;
        margin-left: 0;
    }

    #article { margin-top: 1em; }
    #breadcrumb { margin-top:  1em; }
    /* END roomoverview */

    .roomtabs .roomoverview-items .owl-prev { left: -25px }
    .roomtabs .roomoverview-items .owl-next { right: -25px; }
}
@media screen and (max-width: 400px) {
    #subheader .panorama .owl-nav { display: none; }
}

@media screen and (max-height: 935px) and (min-width: 1200px) {
    .layout-default-show-desktopmenu #quickrequest-bar { display: none!important; }
    #layout-default-menu-table { max-height: calc(100% - 130px); }
}
@media screen and (max-height: 850px) and (max-width: 1200px) {
    .layout-default-show-desktopmenu #quickrequest-bar { display: none!important; }
    #layout-default-menu-table { max-height: calc(100% - 130px); }
}

/* PRINT STYLES */
@media print {
    * { 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 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
    /* custom print styles */
    #header, #aside, #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; }

    #subheader { display: none; }
    #quickrequest-bar { display: none; }

    .scroll { padding-top: 0; }

    .bildermittextelement .bildermittext { page-break-inside: avoid; }
    .bildermittextelement .bildermittext .descblock { background: rgb(157, 139, 130)!important; }
    .bildermittextelement .bildermittext .descblock .button { display: none; }
    .bildermittextelement .bildermittext .descblock { position: static; }
    .bildermittextelement .bildermittext .descblock .desc { margin: 0 1.5em 0em; padding-top: 1em; padding-bottom: 1em; }
    .bildermittextelement .bildermittext .descblock .desc .title h2 { margin: 0; font-size: 1.5em; text-align: center; }

    .responsiveimages.portrait a { max-width: none!important; }

    .offersliders { display: none; }

    .decoquote { padding: 2em 3em!important; }
    .galleryelement { display: none; }

    .imgandtextl, .imgandtextr { margin-left: 0!important; }
    .imgandtextl .text, .imgandtextr .text { border: none!important; padding: 1em 2em!important; width: 100%!important; margin: 0!important; min-height: auto!important; padding: 1em 0em!important; }
    .imgandtextl .text > img, .imgandtextr .text > img { display: none; }
    .imgandtextl .img, .imgandtextr .img { display: none; width: 100%!important; position: static!important; transform: none!important; }

    .overviewlist-box { width: 100%!important; margin-bottom: 3em!important; max-width: none; }
    .overviewlist-box .overviewlist-overview { padding: 0; }

    #moments figcaption { display: none; }

    .graytext { padding: 2em!important; }
    .graytext .title { width: 100%!important; font-size: 2em; }
    .graytext .text { padding-left: 0!important; width: 100%!important; }

    .galleryfilter .selectbox-container { display: none; }

    .newsbox { page-break-inside: avoid; }
    .newslist-innercontainer .newsbox { width: 100%!important; margin-right: 0!important; }
    .newslist-innercontainer .newsbox-content { position: static!important; }
    .newslist-innercontainer .newsbox-bottom { display: none; }
    .newslist-pagination { display: none; }

    #article .nomargin {
        margin-left: 0!important;
        width: auto!important;
    }
    .filter-item { display: none!important; }

    .roomoverview-item { page-break-before: always; height: 100%!important; position: static!important; }
    .roomoverview-item .roomoverview-image { width: 100%!important; float: none!important; }
    .roomoverview-item .roomoverview-image img { width: 100%!important; height: auto!important; }
    .roomoverview-item .owl-nav { display: none!important; }
    .roomoverview-item .roomoverview-desc { width: 100%!important; height: auto!important; float: none!important; }
    .roomoverview-actions { display: none!important; }
    .roomoverview-item .roomprice { display: none!important; }
    .topic { display: none!important; }

    .accordion-list .accordion-list-head { page-break-inside: avoid; }
    .accordion-list .accordion-list-head-info1 { display: none; }
    .accordion-list .accordion-list-head-detailbtn { display: none; }

    .angebot #article > * { margin: 1em auto!important; }
    #article > * { margin-left: 0; margin-right: 0; }

    .angebot #main { position: static; }
    .angebot #article { margin: 0!important; width: 100%!important; padding: 0!important; }
    .angebot .priceglobe { position: static; padding: 15px 0px; margin: 1em!important; }
    .angebot #showcontent { display: none; }
    .angebot #toinclusive { display: none; }
    .angebot #requestbar { display: none; }
    .angebot #backbutton { display: none; }

    #footer #footercontent #hoteldesc { width: 100%; border: none; text-align: center; }
    #footer #footercontent #hotelfootermenu { display: none; }
    #footer #partnerlogos { display: none; }
    #footer #footercontent #hoteldesc { padding-left: 0; }
    #footer #footercontent #hoteldesc #hoteldata { margin-left: 0; }

}