/* --------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --->>> @font-face start <<<--- */
@font-face {
    font-family: 'Red Hat Text';
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    src: url(../fonts/red_hat_text_300_700.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url(../fonts/playfair_display_400_900.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --->>> @font-face end <<<--- */
html, body {
    font-family: 'Red Hat Text', sans-serif;
    color: #3A3C42;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.5;
}

html, body, .halfBox_default:before {
    background-color: #F6F5F2;
}

body.emptyTemplate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
}

body.emptyTemplate .bookingForm {
    width: 100%;
}

b, strong, .offerBoxesWrapper article .periods {
    font-weight: 600;
    ;
}

a {
    color: #3A3C42;
}

a:hover {
    color: #660335;
}

.bigger {
    font-size: 28px;
    font-family: 'Playfair Display';
    font-weight: 500;
}

.bigger span.seperator {
    display: none;
}

.bigger a {
    text-decoration: none;
    border-bottom: 2px solid #3A3C42;
    padding-bottom: 2px;
    margin: 3px 0;
    display: inline-block;
    transition: border-color .25s ease-in-out, opacity .25s ease-in-out;
}

.bigger a:hover, a.external:hover {
    border-color: #660335;
}

small, .footer .editorial, .additionalPriceInformation {
    font-size: 0.8em;
}

p {
    margin-bottom: 15px;
}

div p:last-child {
    margin-bottom: 0;
}

header p {
    margin: 0;
}

.center, .h1Center .sc-header, .error404 .sc-header, .error404 .sc-masterContainer .contentWrapper, .bigLinkBox .textBox {
    text-align: center;
}

h1, .t1 {
    font-size: 17px;
    font-family: 'Red Hat Text', sans-serif;
    font-weight: 400;
    color: #3A3C42;
    margin: 0;
    margin-bottom: 15px;
    clear: both;
    letter-spacing: 0;
    text-transform: uppercase;
}

h2, .t2, h3, .t3, h4, .t4, .noH2 h1, .error404 .sc-header h1, .seoBoxesWrapper .seoBoxes .headline, .listBoxWrapper article .txtWrapper .headline, .offerBoxesWrapper article .headline, .offerInner h1, .offerInner .postPeriodWrapper .headline, .offerInner .postPriceWrapper .headline, .sc-quickInquiry input, .footer .ctaLink > div *, .linkLayout a {
    font-size: 28px;
    line-height: 1.2;
    font-family: "Playfair Display", serif;
    font-weight: normal;
    color: #3A3C42;
    margin: 0 0 20px 0;
    text-transform: initial;
}

.listBoxWrapper article .txtWrapper .headline, .seoBoxesWrapper .seoBoxes .headline, h3, .t3 {
    font-size: 33px;
    font-weight: 400;
}

h2, .t2 {
    font-size: 42px;
    font-weight: 400;
}

.t2.headline {
    font-size: 34px;
}

.noH2 h1, .error404 .sc-header h1, .offerInner h1 {
    margin-top: 0;
}

.offerBoxesWrapper article .headline {
    font-size: 22px;
    font-family: "Playfair Display", sans-serif;
    font-weight: 500;
    text-transform: initial;
    letter-spacing: 0.5px;
}

h4, .t4, .txtLink, .sc-quickInquiry label, [data-accordion] [data-control], .offerInner .returnLinkWrapper .returnLink, .footer .ctaLink > div *, .linkLayout a {
    font-family: 'Red Hat Text', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 17px;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    border-color: #660335;
    background: #660335;
}

.seoBoxesWrapper .seoBoxes {
    text-align: left;
}

.seoBoxes .box:hover {
    cursor: pointer;
}

.seoBoxes .box:hover img {
    transform: scale(.95);
}

.seoBoxes .box:hover a.button {
    color: #3A3C42;
    border-color: #3A3C42;
}

.seoBoxesWrapper .seoBoxes img {
    aspect-ratio: 821/1024;
    transition: transform .5s ease-in-out;
}

.seoBoxesWrapper .seoBoxes .headline a {
    text-decoration: none;
}

.seoBoxesWrapper .seoBoxes .headline, .seoBoxesWrapper .seoBoxes .previewTxt, .seoBoxesWrapper .seoBoxes .readMoreWrapper {
    margin: 10px 15px
}

hr {
    border-style: none;
    margin: 0;
}

hr:before, #menu-hauptmenue:after, #menu-hauptmenue-ita:after, #menu-hauptmenue-eng:after {
    content: "";
    position: relative;
    display: block;
    width: 89px;
    height: 40px;
    background-image: url(../graphics/vector_sprites.svg?ver=1.0);
    background-repeat: no-repeat;
    background-position: 0px -100px;
    margin: 40px 0px;
}

.center hr:before {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
}

#menu-hauptmenue:after, #menu-hauptmenue-ita:after, #menu-hauptmenue-eng:after {
    margin: 20px 0px;
}

header, .roomWrapper .boxLayout {
    position: relative;
}

.showHeaderSlider .sc-masterContainer {
    padding-top: 220px;
}

.home .showHeaderSlider .sc-masterContainer {
    padding-top: 250px;
}

div:not(.showHeaderSlider) .sc-masterContainer {
    padding-top: 90px;
}

.showHeaderSlider header {
    margin: 20px 20px 0;
}

/*.showHeaderSlider header:after {
    content: "";
    width: 100%;
    height: 35%;
    position: absolute;
    top: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), to(transparent));
    background: -o-linear-gradient(top, #fff 0, transparent 100%);
    background: linear-gradient(to bottom, #fff 0, transparent 100%);
    left: 0;
    z-index: 10;
    pointer-events: none;
}*/
.sc-masterContainer ul {
    padding: 0 22px;
    margin: 0;
    margin-bottom: 15px;
}

.sc-masterContainer ul.customMarker {
    list-style-image: url(../graphics/vector_list-style01.svg);
}

.sc-masterContainer .bg1 ul.customMarker {
    list-style-image: url(../graphics/vector_list-style02.svg);
}

.sc-masterContainer .bg4 ul.customMarker, .sc-masterContainer .bg5 ul.customMarker {
    list-style-image: url(../graphics/vector_list-style05.svg);
}

.sc-masterContainer ul li {
    margin-bottom: 7px;
}

.sc-masterContainer ul li:last-child, .sc-masterContainer ul li ul li {
    margin-bottom: 0;
}

.column {
    -webkit-columns: 2 250px;
    -moz-columns: 2 250px;
    columns: 2 250px;
    text-align: left;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
}

.gmap iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}

/*BG Colors Styles*/
.bg1, .halfBox_bg1:before {
    background-color: #FAF9F8;
}

.bg2, .halfBox_bg2:before, .twoColumnBox .textBox {
    background-color: #EDEAE5;
}

.bg3, .halfBox_bg3:before, .anchorMenuWrapper {
    background-color: #DDD7CD;
}

.bg4, .halfBox_bg4:before {
    background-color: #DDD7CD;
}

.bg5, .halfBox_bg5:before {
    background-color: #660335;
}

.bg6 {
    background-color: #660335;
}

.boxBackground .widthWrapper {
    background-color: #EDEAE5;
}

.bg5, .bg5 a, .bg5 a.txtLink, .bg5 a.txtLink:hover, .bg5 h1, .bg5 .t1, .bg5 h2, .bg5 .t2, .bg5 h3, .bg5 .t3, .bg5 h4, .bg5 .t4, .bg6, .bg6 a, .bg6 a.txtLink, .bg6 a.txtLink:hover, .bg6 h1, .bg6 .t1, .bg6 h2, .bg6 .t2, .bg6 h3, .bg6 .t3, .bg6 h4, .bg6 .t4 {
    color: #fff;
}

.bg5 a.txtLink {
    border-bottom: 2px solid #ffffff;
}

.bg5 a.txtLink:hover {
    border-bottom: 2px solid #ffffff;
    color: #fff;
    opacity: 0.8;
}

.extendedBg::before {
    content: "";
    height: 50px;
    width: 100%;
    background: #f6f5f2;
    z-index: 0;
    position: absolute;
}

.extendedBg:after {
    content: "";
    height: 150px;
    width: 100%;
    z-index: 0;
    position: absolute;
}

.extendedBg.single:after {
    content: "";
    height: 55px;
    width: 100%;
    z-index: 0;
    position: absolute;
}

.bg2.extendedBg:after {
    background: #edeae5;
}

.bg1.extendedBg:after {
    background-color: #FAF9F8;
}

.bg3.extendedBg:after {
    background-color: #DDD7CD;
}

.bg4.extendedBg:after {
    background-color: #DDD7CD;
}

.bg5.extendedBg:after, .bg6.extendedBg:after {
    background-color: #660335;
}

.footer .combinedArea, .footer .combinedArea a:not(#quickform-searchNL), .footer .combinedArea a.txtLink, .footer .combinedArea a.txtLink:hover, .footer .combinedArea h1, .footer .combinedArea .t1, .footer .combinedArea h2, .footer .combinedArea .t2, .footer .combinedArea h3, .footer .combinedArea .t3, .footer .combinedArea h4, .footer .combinedArea .t4 {
    color: #3A3C42;
}

/*EyecatcherBtn Styles*/
.eyecatcherBtn {
    background: #660335;
    height: 115px;
    width: 115px;
    color: #3A3C42;
    text-align: center;
    line-height: 1.4;
    font-size: 15px;
    border-radius: 50%;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 3;
    font-family: "Red Hat Text", serif;
}

.home .eyecatcherBtn {
    color: #3A3C42;
}

.eyecatcherBtn small {
    letter-spacing: 0.9px;
    font-family: 'Red Hat Text', sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-size: 11px;
}

header .eyecatcherBtn {
    top: initial;
    bottom: calc(25px + 20px);
    left: 20px;
    transform: rotate(-8deg);
    width: 120px;
    height: 120px;
}

header .eyecatcherBtn a, .eyecatcherBtn, .rotatingListbox .eyecatcherBtn {
    text-decoration: none;
    color: #fff;
}

.rotatingListbox .eyecatcherBtn {
    right: 3%;
    transform: rotate(0deg);
    top: 3%;
    z-index: 100;
    height: 125px;
    width: 125px;
    left: initial;
    line-height: 1.4;
}

.rotatingListbox .slick-arrow {
    background-position: -394px -325px;
}

header .eyecatcherBtn a:hover {
    opacity: .5;
}

.roomBox .eyecatcherBtn {
    top: -20px;
    right: -20px;
    width: 100px;
    height: 100px;
    font-size: 14px;
}

.roomBox .eyecatcherBtn b {
    font-size: 23px;
}

.eyecatcherBtn b {
    display: contents;
    font-size: 40px;
    font-family: "Playfair Display", serif;
    font-weight: 400;
    line-height: 0.8;
}

header .eyecatcherBtn b {
    font-size: .9rem;
}

.eyecatcherBtn > * {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    align-items: center;
    max-width: 95%;
    margin: 0 auto;
}

.eyecatcherBtn > div {
    top: 12%;
    position: relative;
}

header .eyecatcherBtn > * {
    gap: 5px;
}

a.eyecatcherBtn, .rotatingListbox .sc-readmore a {
    text-decoration: none;
}

a.eyecatcherBtn:hover {
    background: #3A3C42;
    color: #fff;
}

/*Wrapper Width Styles*/
.widthWrapper, .contentWrapper, .sc-header, .error404 .sc-header, .offerInner .returnLinkWrapper .txtLinkWrapper {
    width: 86%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1500px;
}

.contentWrapper, .sc-header, .error404 .sc-header, .offerInner .returnLinkWrapper .txtLinkWrapper {
    max-width: 850px;
}

/*BoxLayout Styles*/
.boxLayout, .offerBoxesWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

/*ListOverviewSite Styles */
.boxLayout.listContainer, .offerBoxesWrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
}

.boxLayout.listContainer, .offerBoxesWrapper article {
    position: relative;
    cursor: pointer;
}

.offerBoxesWrapper article {
    background: #EDEAE5;
}

.offerBoxesWrapper article .txtWrapper {
    padding: 20px;
}

.offerBoxesWrapper article .sc-readmore {
    padding-left: 20px;
    padding-bottom: 35px;
}

.boxLayout.listContainer {
    gap: 45px;
}

.offerBoxesWrapper {
    gap: 90px;
}

/* List Inner Styles */
.single .boxLayout .box.imageBox {
    position: relative;
}

.rotatingListbox article .imageWrapper {
    aspect-ratio: 335/270;
    position: relative;
}

.rotatingListbox article .imageWrapper img, .roomBox .slideshowBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rotatingListbox .txtWrapper, .listBoxWrapper .txtLinkWrapper {
    text-align: left;
    margin-top: 15px;
}

.rotatingListbox .txtWrapper {
    width: 86%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 70px;
}

.rotatingListbox a.txtLink, .rotatingListbox .navigationWrapper {
    width: 86%;
}

.rotatingListbox .navigationWrapper {
    height: 30px;
    position: absolute;
    bottom: 30px;
}

.rotatingListbox .slick-arrow {
    top: 10px;
    left: calc(7% + 0px);
    height: 100%;
}

.rotatingListbox .slick-next.slick-arrow {
    top: 10px;
    left: calc(7% + 30px);
    height: 100%;
}

.rotatingListbox button.slick-next {
    left: inherit;
    right: 0;
}

.rotatingListbox .txtLinkWrapper a {
    border-bottom: 2px solid #3A3C42;
    color: #3A3C42;
}

.listBoxWrapper .rotatingListbox article .headline, .listBoxWrapper .rotatingListbox article .postPeriodWrapper, .listBoxWrapper .rotatingListbox article .postPreviewTextWrapper {
    margin-bottom: 20px;
}

/*Padding & Margin Styles*/
.padding-top-xxl {
    padding-top: 100px;
}

.padding-top-xl {
    padding-top: 100px;
}

.padding-top-l, .noQuickrequest .footer > .reviewBox {
    padding-top: 75px;
}

.padding-top-m, .highlights .seoBoxes .box:not(:first-child), .quickrequest > div {
    padding-top: 60px;
}

.padding-top-s, .footer .ctaLink > div, .footer .reviews {
    padding-top: 45px;
}

.padding-top-xs, .footer .awards > div, .seoBoxes .box:not(:first-child) {
    padding-top: 30px;
}

.padding-top-xxs, .reviews .reviewBoxesWrapper {
    padding-top: 15px;
}

.padding-bottom-xxl, .error404 .sc-masterContainer .contentWrapper {
    padding-bottom: 100px;
}

.padding-bottom-xl {
    padding-bottom: 100px;
}

.padding-bottom-l {
    padding-bottom: 75px;
}

.padding-bottom-m, .listBoxWrapper, .footer .awards > div, .quickrequest > div, .highlights .seoBoxesWrapper {
    padding-bottom: 60px;
}

.padding-bottom-s, .footer .ctaLink > div, .footer .reviews {
    padding-bottom: 45px;
}

.padding-bottom-xs {
    padding-bottom: 30px;
}

.padding-bottom-xxs, .reviewBox .reviewContent, .reviews .reviewBoxesWrapper {
    padding-bottom: 15px;
}

.margin-top-xxl, .footer .seoBoxesWrapper {
    margin-top: 100px;
}

.margin-top-xl {
    margin-top: 100px;
}

.margin-top-l, .offerInner .wrapper {
    margin-top: 75px;
}

.margin-top-m {
    margin-top: 60px;
}

.margin-top-s, .offerInner .returnLinkWrapper {
    margin-top: 45px;
}

.margin-top-xs, .error404 .sc-masterContainer a.button, .sc-quickformSubmit, .rotatingListbox ul.slick-dots {
    margin-top: 30px;
}

.margin-top-xxs, .offerBoxesWrapper article .txtWrapper, .offerBoxesWrapper article .sc-readmore, .offerInner .buttonsWrapper a, .seoBoxesWrapper .seoBoxes .headline, .seoBoxesWrapper .seoBoxes .readMoreWrapper, .listBoxWrapper .rotatingListbox article .headline {
    margin-top: 15px;
}

.margin-bottom-xxl {
    margin-bottom: 100px;
}

.margin-bottom-xl {
    margin-bottom: 100px;
}

.margin-bottom-l, .roomBox {
    margin-bottom: 75px;
}

.margin-bottom-m, .bigLinkBox {
    margin-bottom: 60px;
}

.margin-bottom-s, .rotatingListbox ul.slick-dots, .offerInner .wrapper {
    margin-bottom: 45px;
}

.margin-bottom-xs {
    margin-bottom: 30px;
}

.margin-bottom-xxs {
    margin-bottom: 15px;
}

.rotatingListbox .sc-readmore {
    margin-top: 30px;
}

/*Button & TXT-Link Styles*/
button, .button, .sc-readmore a, .tabs > [data-control] button {
    background: #660335;
    color: #fff;
    padding: 10px 20px;
    font-weight: 500;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0px;
    font-family: 'Red Hat Text', sans-serif;
    font-size: 12px;
    letter-spacing: 1.3px;
    cursor: pointer;
    border: 1px solid #660335;
    transition: background-color .25s ease-in-out, color.25s ease-in-out;
}

.tabs > [data-control] button {
    width: fit-content;
    padding: 10px 15px;
    letter-spacing: 1px;
}

button.secondary, .button.secondary, button:hover, .button:hover, .tabs > [data-control] button:hover, .sc-readmore a:hover, .sc-quickInquiry .sc-selectValuesAdults button:hover, .sc-quickInquiry .sc-selectValuesChildren button:hover, .tabs > [data-control] .active, .seoBoxes .box:hover .button, .seoBoxes .box:hover button, .offerBoxesWrapper article:hover .sc-readmore a {
    background-color: #f6f5f2;
    color: #660335;
    border-color: #660335;
}

.bg2 button:hover, .bg2 .button:hover {
    background-color: #EDEAE5;
}

.bg2 button.slick-arrow:hover {
    background-color: transparent;
}

.roomBox .box.textBox a.button:hover, .roomBox .box.textBox a.button.secondary, .rotatingListbox .sc-readmore a {
    background-color: transparent;
    color: #660335;
    border: 1px solid #660335;
}

button.secondary:hover, .button.secondary:hover, .roomBox .box.textBox a.button.secondary:hover, .rotatingListbox .sc-readmore a:hover {
    background-color: #660335;
    color: #F6F5F2;
}

.resMenu .copyToMobileMenu a:hover {
    background: transparent;
    color: #3A3C42;
}

a.txtLink, .offerInner .returnLinkWrapper .returnLink, .linkLayout a, .seoBoxes .button {
    text-decoration: none;
    border-bottom: 2px solid #660335;
    color: #660335;
    font-size: 12px;
    letter-spacing: 1.32px;
    padding-bottom: 1px;
    position: relative;
    font-weight: 500;
    line-height: initial;
}

.seoBoxes .button {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #660335;
    padding: 0;
    font-size: 12px;
    letter-spacing: 1.8px;
}

.roomBox a.txtLink {
    font-size: 12px;
}

.roomBox a.txtLink:hover {
    color: #660335;
    border-color: #660335;
}

.roomBox a.txtLink.internal:hover::before {
    background-position: -506px -300px;
}

.footer a.txtLink, .roomBox a.txtLink, .footer .seoBoxes a.txtLink:hover {
    border-bottom: 2px solid #3A3C42;
    color: #3A3C42;
}

.footer a.txtLink:hover, .footer .seoBoxes a.txtLink {
    border-bottom: 2px solid #660335;
    color: #660335;
}

a.txtLink:hover, .offerInner .returnLinkWrapper .returnLink:hover, .tabs > [data-control] button:hover {
    color: #3A3C42;
    border-color: #3A3C42;
}

a.txtLink.mapIcon:before, a.txtLink.internal:before {
    content: "";
    position: absolute;
    width: 26px;
    height: 28px;
    left: -35px;
    top: -1px;
    background-image: url(../graphics/vector_sprites.svg?ver=1.0);
    background-repeat: no-repeat;
    background-position: -100px -500px;
}

a.txtLink.internal:before {
    left: auto;
    right: -35px;
    background-position: -408px -300px;
    width: 25px;
    height: 10px;
    bottom: 6px;
    top: initial;
}

a.txtLink.mapIcon {
    margin-left: 35px;
}

a.external {
    margin-right: 30px;
    transition: border-color .25s ease-in-out, opacity .25s ease-in-out;
}

a.external:after {
    content: "";
    width: 20px;
    height: 21px;
    position: absolute;
    background-image: url(../graphics/vector_sprites.svg?ver=1.0);
    background-repeat: no-repeat;
    background-position: -200px -500px;
    right: -30px;
    bottom: -3px;
    pointer-events: none;
}

/*Slick Styles*/
.slick-arrow {
    border: 0;
    background: transparent;
    position: absolute;
    bottom: 10px;
    z-index: 9;
    cursor: pointer;
    padding: 0;
    border-radius: 0;
    background-image: url(../graphics/vector_sprites.svg?ver=1.0);
    background-repeat: no-repeat;
    width: 29px;
    height: 30px;
    background-position: -696px -326px;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    left: -16px;
    font-size: 0;
}

.slick-arrow:hover {
    background-color: transparent;
    opacity: .5;
    border: none;
}

.slick-next.slick-arrow {
    right: -16px;
    left: initial;
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial;
}

.bg4 .slick-arrow {
    background-position: -500px -298px;
}

.slick-arrow:before, ul.slick-dots li button:before {
    /*Enhancing the clickable area size*/
    content: "";
    padding: 8px;
    background: transparent;
    width: 60%;
    height: 100%;
    position: absolute;
    top: -8px;
    left: 0px;
}

.seoBoxesWrapper .slick-arrow {
    bottom: -8px;
    background-position: -397px -323px;
    left: 9px;
}

.seoBoxesWrapper .slick-next.slick-arrow {
    left: 39px;
}

.headerSlider .slick-arrow {
    left: 10px;
}

.headerSlider .slick-next.slick-arrow {
    left: 40px;
}

.headerSlider .slick-arrow:before {
    padding: 8px 0;
}

.blockTextSlideshow .slick-arrow, .blockSlideshow .slick-arrow {
    left: calc(-45px + 57px);
}

.blockTextSlideshow .slick-next.slick-arrow, .blockSlideshow .slick-next.slick-arrow {
    left: calc(-45px + 87px);
}

ul.slick-dots {
    padding: 0;
    text-align: center;
    margin: 0;
    display: flex;
    gap: 10px;
    justify-content: center;
    height: 3px;
    margin-top: 15px;
    display: none;
}

.seoBoxesWrapper ul.slick-dots {
    margin-top: 30px;
}

.reviewBoxesWrapper ul.slick-dots {
    margin-top: 35px;
}

.rotatingListbox ul.slick-dots {
    justify-content: flex-start;
    display: none !important;
}

.rotatingListbox {
    display: flex;
    flex-direction: column;
    background-color: #EDEAE5;
    ;
}

.navigationWrapper {
    order: 3;
    /* or any number higher than the others */
}

.slick-list {
    order: 1;
}

.slick-dots {
    order: 2;
}

ul.slick-dots li {
    display: inline-block;
    line-height: 0;
    margin-bottom: 0;
    position: relative;
}

ul.slick-dots li button {
    width: 40px;
    height: 100%;
    cursor: pointer;
    padding: 0;
    font-size: 0;
    border-radius: 50px;
    border: 0;
    background: #3026264D;
    display: block;
}

ul.slick-dots li.slick-active button {
    background: #3A3C42;
}

.bg4 ul.slick-dots li.slick-active button, .bg5 ul.slick-dots li.slick-active button {
    background: #fff
}

.bg4 ul.slick-dots li button {
    background: #919191;
}

.bg5 ul.slick-dots li button {
    background: rgb(255 255 255 / 30%);
}

/*Lightcase Styles*/
.lightcase-icon-close:before {
    text-shadow: 1px 1px 1px #797979;
}

/*Accordion Styles*/
[data-accordion] [data-control] {
    position: relative;
    padding: 4px 0;
    margin-bottom: 20px;
    padding-left: 0;
    border-bottom: 1px solid #3A3C42;
    ;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 1.8px;
}

.simpleAccordion [data-accordion] [data-control] {
    position: relative;
    width: max-content;
    text-transform: none;
    font-weight: 400;
    letter-spacing: initial;
    font-size: 17px;
    width: 90%;
    display: block;
}

.simpleAccordion [data-accordion] > [data-control]:after {
    width: 26px;
    height: 29px;
    background-position: -399px -326px;
    transform: rotate(90deg);
    right: -34px;
}

.simpleAccordion [data-accordion] [data-control] span {
    margin-right: 30px;
}

.simpleAccordion [data-accordion].open > [data-control]:after {
    transform: rotate(-90deg);
    background-position: -400px -320px;
}

[data-accordion] [data-control] span {
    margin-right: 20px;
}

.bg1 [data-accordion] [data-control], .bg2 [data-accordion] [data-control] {
    border-color: #817C73;
}

[data-accordion].accordion.open [data-content] {
    margin-bottom: 20px;
}

[data-accordion] > [data-control]:after {
    content: "";
    position: absolute;
    height: 100%;
    bottom: 0;
    right: 0;
    background-image: url(../graphics/vector_sprites.svg?ver=1.0);
    background-repeat: no-repeat;
    width: 18px;
    background-position: -270px -595px;
}

[data-accordion].open > [data-control]:after {
    background-position: -310px -595px;
}

/*Tabs Styles*/
.tabs [data-control] {
    display: flex;
    flex-direction: row;
    gap: 15px;
    padding: 20px 0px;
    margin: 0 auto;
    text-align: center;
    overflow: auto;
    white-space: nowrap;
    width: 100%;
    max-width: unset;
    box-sizing: border-box;
}

.tabs > [data-control] button {
    width: fit-content;
}

.tabs > [data-control] button:last-child {
    margin-right: 0;
}

.tabs > [data-control] .active {
    pointer-events: none;
}

.tabs [data-content] {
    margin-top: 35px;
}

/* Angebotsdetailseite*/
.offerInner .returnLinkWrapper {
    text-align: center;
}

.offerInner .box.offertextBox {
    background: #ddd7cd;
    padding: 40px 0;
}

.offerInner .box.offertextBox > *, .offerInner .boxLayout > * {
    width: 86%;
    margin-left: auto;
    margin-right: auto;
}

.offerInner .boxLayout {
    background: #edeae5;
    padding: 7% 0 20px;
    gap: 10px;
}

.offerInner .postPeriodWrapper .headline, .offerInner .postPriceWrapper .headline {
    font-size: 26px;
    font-family: "Playfair Display", sans-serif;
    font-weight: 400;
    text-transform: initial;
    letter-spacing: 0.5px;
}

.offerInner .infoWrapper {
    gap: 20px;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

/*SiTable & priceTable Styles*/
.SiTable table {
    border: 0;
    border-collapse: collapse;
    line-height: 1.3;
    background: #fff;
    width: 100%;
}

.SiTable td {
    padding: 7px;
    border: 1px solid #660335;
}

.SiTable tr:nth-child(odd) {
    background: #efefef
}

.SiTable table tr:nth-child(1) {
    background: #660335;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.additionalPriceInformation {
    margin: 15px 0;
}

.scrollableArea {
    overflow-x: auto !important;
    white-space: nowrap;
    width: 100%;
}

.priceTable td:not(:first-child) {
    text-align: right;
}

/*_____ ------ _____ ------ _____ HEADER _____ ------ _____ ------ _____*/
/*Mobile Top Bar Styles*/
.resMenu {
    position: fixed;
    height: 60px;
    z-index: -1;
    left: 0;
    transition: bottom 0.8s ease;
}

.scrolled .resMenu {
    width: 100%;
}

.scrolled .resMenu, .home .resMenu, .showHeaderSlider .resMenu {
    z-index: 30;
}

.resMenu a, .SiMenuToggleWrapper .SiMenuToggle {
    height: 100%;
    letter-spacing: 1.32px;
    font-size: 11px;
}

.resMenu .copyToMobileMenu, .SiMenuToggleWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: calc(100% - 25%);
    height: calc(100% - 12px);
    position: absolute;
    top: 0;
    right: 0;
    gap: 0;
    padding: 6px 0;
    transition: width 0.3s ease;
}

.scrolled .resMenu {
    bottom: 0px;
    border-top: solid 1px #c7bdb0;
    background-color: #f6f5f2;
}

.resMenu .copyToMobileMenu {
    display: none;
    ;
}

.scrolled .resMenu .copyToMobileMenu {
    display: flex;
}

.SiMenuToggleWrapper {
    width: fit-content;
    left: 20px;
    top: -55px;
}

.showHeaderSlider .SiMenuToggleWrapper {
    top: -10px;
}

.SiMenuOpen .SiMenuToggleWrapper {
    top: 0px;
}

.scrolled .SiMenuToggleWrapper {
    width: 25%;
    right: unset;
    left: unset;
    top: -1px;
}

.SiMenuOpen .resMenu .copyToMobileMenu {
    width: 100%;
}

.SiMenuOpen .SiMenuToggleWrapper {
    width: 0%;
}

.SiMenu.active .SiMenuToggleWrapper {
    display: block;
}

.resMenu .SiMenuToggle:focus {
    outline: none;
}

.SiMenuOpen .SiMenuToggleWrapper, .SiMenuOpen a.button.whatsapp {
    display: none;
}

.menu-hauptmenue-container, .menu-hauptmenue-ita-container, .menu-hauptmenue-eng-container {
    margin-bottom: 60px;
}

.resMenu .SiMenuToggle .line {
    background: #fff;
    height: 2px;
    width: 100%;
    display: block;
    line-height: 2px;
    margin-bottom: 6px;
}

.resMenu .SiMenuToggle .line:last-child {
    margin-bottom: 4px;
}

.resMenu .copyToMobileMenu a, .SiMenuToggleWrapper .SiMenuToggle, .footer .ctaLink > div * {
    width: 100%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background-color: transparent;
    text-transform: uppercase;
    color: #3A3C42;
    font-weight: 500;
    cursor: pointer;
    border: 0;
    padding: 0px 5px;
}

.resMenu .copyToMobileMenu a:before, .SiMenuToggleWrapper .SiMenuToggle:before, .footer .ctaLink > div *:before {
    content: "";
    width: 36px;
    height: 36px;
    background-image: url(../graphics/vector_sprites.svg?ver=1.0);
}

.SiMenuToggleWrapper .SiMenuToggle:before {
    background-position: -4px -488px;
}

.resMenu a.phone:before, .resMenu a.request:before {
    width: 27px;
}

.resMenu a.phone:before {
    background-position: -99px -396px;
}

.resMenu a.request:before {
    background-position: -196px -394px;
}

.resMenu a.book:before {
    background-position: -297px -397px;
}

.resMenu .copyToMobileMenu a:nth-child(odd) {
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: #C0B5A7;
}

.resMenu .copyToMobileMenu a:last-child {
    border-right: 0;
    color: transparent;
}

a.button.whatsapp {
    height: 60px;
    width: 60px;
    position: fixed;
    bottom: 77px;
    right: -64px;
    content: "";
    background-image: url(../graphics/vector_sprites.svg?ver=1.0);
    background-position: -499px 1px;
    background-repeat: no-repeat;
    z-index: 100;
    background-color: transparent;
    border: none;
    color: transparent;
    padding: 0;
    transition: right ease-in 0.6s;
}

.resMenu .copyToMobileMenu a.button.whatsapp:before {
    background-image: none;
}

.scrolled a.button.whatsapp {
    right: 15px;
}

.bookingPage a.button.book, .requestPage a.button.request {
    display: none;
}

/*Desktop Top Bar Styles*/
.topBar {
    display: none;
    position: fixed;
    right: 25px;
    top: 18px;
    z-index: 11;
}

.topBar a.button, .roomBox .box.textBox a.button {
    margin-left: 10px;
}

.topBar a.button:first-child, .roomBox .box.textBox a.button:first-child {
    margin-left: 0;
}

/*Menu Styles*/
.SiMenu .sc-menu a {
    text-decoration: none;
    display: block;
    padding: 0;
    font-weight: 700;
    font-size: 33px;
    font-weight: 500;
    padding: 15px 0px;
    border-top: 1px solid #3A3C42;
    font-family: 'Playfair Display';
    text-align: left;
    position: relative;
}

.sc-menu > li:first-child > a {
    border-top: none;
}

.SiMenu .sc-menu li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.SiMenu .sc-menu .sub-menu li {
    margin: 0 0 10px;
}

.SiMenu {
    display: none;
    text-align: center;
}

.SiMenu.active {
    display: block;
    background: #FFF;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 29;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 65px;
    text-align: center;
    margin: auto;
    width: 100%;
    left: 0;
    border: 20px solid #fff;
    overflow: scroll;
}

.SiMenu .menuImages, .SiMenu .menu-item .menuItemImages {
    display: none;
}

.SiMenu .current-menu-item .menuItemImages, .SiMenu .menu-item.submenuActive > .menuItemImages {
    display: block;
}

.SiMenu .menuImages, .SiMenu .menuItemImages, .menuBackgroundImages {
    background: #EDEAE5;
}

.SiMenu .menuImages img, .SiMenu .menuItemImages img, .menuBackgroundImages img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: lazyloadFadeIn .5s;
    align-self: center;
}

.SiMenu .menuBackgroundImages, .SiMenu .menuImages {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
}

.SiMenu .menuBackgroundImages {
    opacity: .2;
    animation: none;
}

.SiMenu .sc-menu li:not(.submenuActive).submenuarrow {
    position: relative;
}

.SiMenu .current-menu-parent > a, .SiMenu .current-menu-item a {
    font-weight: 500;
    color: #3A3C42;
}

.SiMenu .current-menu-item a {
    font-weight: 600;
}

.SiMenu a:hover {
    color: #3A3C42
}

.SiMenu .sub-menu li a:hover {
    text-decoration: underline;
}

.SiMenu .sub-menu li {
    border-bottom: 1px solid transparent;
}

[class*=menu-hauptmenue] .current-menu-parent ul li a {
    text-decoration: none;
}

.SiMenu .sc-menu li ul li a {
    margin-top: 0px;
    padding: 0;
}

.SiMenu > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.SiMenu .menu-hauptmenue-container ul, .SiMenu .menu-hauptmenue-ita-container ul, .SiMenu .menu-hauptmenue-eng-container ul {
    list-style: none;
    padding: 45px 32px;
    margin: 0;
    background-color: #e5e1d9;
}

.SiMenu .menu-hauptmenue-container ul ul, .SiMenu .menu-hauptmenue-ita-container ul ul, .SiMenu .menu-hauptmenue-eng-container ul ul {
    background-color: transparent;
}

.SiMenu li.hasSubmenu > ul {
    display: none;
}

.SiMenu li.hasSubmenu.submenuActive > ul {
    display: block;
    padding: 0px 10px;
}

.SiMenu button {
    background: transparent;
    border: 0;
    padding: 0;
}

.SiMenu button:focus {
    outline: none;
}

.SiMenu button.close-button {
    position: absolute;
    height: 40px;
    left: 2%;
    top: 6px;
}

.SiMenu .close-button .SiMenuToggleWrapper .SiMenuToggle:before {
    background-position: -400px -400px;
    height: 24px;
    width: 22px;
}

.SiMenu .SiMenuToggleWrapper {
    width: auto;
    height: 100%;
    left: initial;
    right: initial;
    padding: 0;
}

.SiMenu .menuFooter {
    max-width: 250px;
    margin: 35px auto 0;
    display: none;
}

.SiMenu .menuFooter .topBar {
    position: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
}

.SiMenu .menuFooter .topBar .phone {
    display: none;
}

.SiMenu .topBar a.button {
    margin: 0;
}

.SiMenu .submenu-button {
    margin-left: 5px;
    width: 10px;
    height: 10px;
    margin-top: -13px;
    border: 0;
    background: transparent;
    z-index: 9;
    cursor: pointer;
    padding: 0;
    border-bottom: 2px solid #660335;
    border-left: 2px solid #660335;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.submenuActive .submenu-button {
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
    margin-top: 0px;
}

.SiMenu .menuHeader {
    margin-bottom: 10%;
    text-align: -webkit-center;
}

.SiMenu .copyToMobileMenu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.SiMenu .copyToMobileMenu a.phone {
    text-decoration: none;
}

.SiMenu .copyToMobileMenu .button {
    margin: auto;
    width: 180px;
    display: none;
}

.SiMenu .copyToMobileMenu .button:first-child {
    margin-bottom: 10px;
}

.SiMenu .copyToMobileMenu .button:first-child, .SiMenu .copyToMobileMenu .button:nth-child(2) {
    /*Show max. 2 CTA-Buttons in Mobile Menu*/
    display: inline-block;
}

.SiMenu .copyToMobileMenu a.phone:before {
    content: "";
    background-position: -258px -336px;
    vertical-align: bottom;
    margin-right: 6px;
}

/*Menu Arrows*/
.SiMenu .sc-menu > .menu-item.hasSubmenu > a:after {
    content: " ";
    top: 50%;
    position: absolute;
    height: 18px;
    bottom: auto;
    right: 11px;
    background-image: url(../graphics/vector_sprites.svg?ver=1.0);
    background-repeat: no-repeat;
    width: 18px;
    background-position: -270px -600px;
    transform: translate(0, -50%);
    margin-left: 0;
}

.SiMenu .sc-menu > .menu-item.hasSubmenu.submenuActive > a:after {
    background-position: -310px -600px;
}

.SiMenu .sc-menu > .menu-item.hasSubmenu.current-menu-parent > a:after {
    background-position: -180px -600px;
}

.SiMenu .sc-menu > .menu-item.hasSubmenu.submenuActive.current-menu-parent > a:after {
    background-position: -220px -600px;
}

.SiMenu .sc-menu .sub-menu a {
    border: 0;
    font-size: 17px;
    font-family: 'Red Hat Text';
}

.SiMenu li.submenuarrow.submenuActive > a:after {
    -webkit-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    transform: rotate(-225deg);
    margin-top: -3px;
}

.SiMenu li.submenuarrow > a:after {
    right: inherit;
    margin-left: 7px;
}

.SiMenu li.submenuarrow > a:hover:after, .SiMenu li.current-menu-parent a:after {
    border-color: #660335;
}

/*Main Logo Styles*/
/*Note: If you want use different logos, use "background-image"*/
header .MainLogo {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    height: auto;
    display: flex;
    justify-content: center;
    width: 100%;
    pointer-events: none;
}

header .stickyMainLogo {
    display: none;
    top: 15px;
    left: 15px;
    position: fixed;
    transition: top .6s ease-in-out;
    z-index: 100;
}

.scrolled header .stickyMainLogo {
    display: block;
}

.hiddenLogo .stickyMainLogo {
    top: -85px;
}

.SiMenuOpen .stickyMainLogo {
    display: none;
}

.showHeaderSlider header .MainLogo {
    position: absolute;
    top: 42px;
    left: initial;
    z-index: 20;
    margin: 0;
}

header .MainLogo img, .SiMenu .menuHeader img, .footer .logo {
    width: 19%;
    display: block;
    min-width: 130px;
    max-width: 250px;
    pointer-events: all;
}

header .MainLogo img {
    pointer-events: all;
}

header .MainLogo img, .SiMenu .menuHeader img {
    margin-right: auto;
    margin-left: auto;
}

.SiMenu .menuHeader img, header .MainLogo img {
    max-width: 190px;
}

.menuHeader {
    pointer-events: none;
}

.menuHeader img {
    pointer-events: all;
}

/*Language Selector Styles*/
.sc-language-selector, .menuLanguageSelector {
    position: fixed;
    top: 75px;
    right: 25px;
    z-index: 1;
    color: #fff;
    font-size: 0.7em;
}

.sc-language-selector {
    display: none;
    color: #660335
}

.menuLanguageSelector .wpml-ls-current-language a span, .sc-language-selector .wpml-ls-current-language a span {
    border-bottom: 1px solid #3A3C42;
}

.sc-language-selector a, .menuLanguageSelector a {
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    line-height: 22.5px;
    letter-spacing: 0.8px;
}

.sc-language-selector ul, .menuLanguageSelector ul {
    margin: 0;
    padding: 0;
}

.sc-language-selector ul li, .menuLanguageSelector ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: 8px;
}

/*.sc-language-selector ul li a:after, .menuLanguageSelector ul li a:after {
    content: "|";
    padding-left: 8px;
}*/
.menuLanguageSelector .wpml-ls-item-it a {
    letter-spacing: 3px;
}

.menuLanguageSelector ul {
    display: flex;
    flex-direction: column;
}

.sc-language-selector ul li:last-child a:after, .menuLanguageSelector ul li:last-child a:after {
    display: none;
}

.sc-language-selector ul li:last-child, .menuLanguageSelector ul li :last-child {
    margin-right: 0;
}

.menuLanguageSelector {
    right: 4%;
    top: 20px;
}

/*Header Slider Styles*/
.headerSlider, .headerVideo {
    display: none;
    position: relative;
    border: 1px solid transparent;
}

.showHeaderSlider .headerSlider, .showHeaderVideo .headerVideo {
    display: block;
    height: initial;
}

.showHeaderSlider .headerSlider .sc-slideshow, .showHeaderSlider .headerSlider img, .showHeaderVideo .headerVideo video {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.sc-slideshow {
    position: relative;
}

/*Fullscreen Header Slider Styles*/
.showHeaderSlider header .headerSlider, .showHeaderSlider header .headerVideo {
    height: calc(calc(var(--vh, 1vh) * 100) - 226px);
    top: 145px;
}

.showHeaderSlider .headerSlider div[class^=slick], .showHeaderSlider .headerSlider .slick-slide > div, .showHeaderSlider .headerSlider picture, .roomBox .slideshowBox .sc-slideshow, .roomBox .slideshowBox .slick-slide > div, .roomBox .slideshowBox div[class^=slick] {
    height: 100% !important;
}

/*Fullscreen HeaderSlider END*/
/*_____ ------ _____ ------ _____ FOOTER _____ ------ _____ ------ _____*/
.footer {
    text-align: center;
    clear: both;
}

.footer address {
    font-style: normal;
}

.logo-simedia {
    vertical-align: middle;
    margin-bottom: 4px;
}

/*SEO Boxes Styles*/
/*Newsletter Styles*/
.newsletter input {
    font-family: 'Red Hat Text', sans-serif;
    padding: 8px 0px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    border: 0;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.2;
    text-align: left;
    border-bottom: 1px solid #3A3C42;
    color: #3A3C42;
}

.newsletter input::placeholder {
    color: #3A3C42;
}

.newsletter input:focus-visible {
    outline: 0;
    opacity: 1;
}

.newsletter {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.newsletter-form a {
    margin-top: 25px;
}

/*Partner Styles*/
.partner .widthWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    column-gap: 40px;
    flex-flow: wrap;
    align-content: center;
}

.partner a {
    background-image: url(../graphics/partners.png?ver=1.0);
    display: inline-block;
    background-repeat: no-repeat;
    text-decoration: none;
    height: 45px;
    background-size: 250px 500px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    margin: 0;
}

.partner br {
    display: none;
}

.partner a:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.partner .kronplatz {
    background-position: 0 -47px;
    width: 37px;
}

.partner .superski {
    background-position: 0 -196px;
    width: 60px;
}

.partner .roter_hahn {
    background-position: 0 2px;
    width: 30px;
}

.partner .suedtirol {
    background-position: 0 -97px;
    width: 52px;
    height: 40px;
}

.partner .suedtirol:hover {
    background-position: -67px -97px;
    width: 51px;
}

.partner .booking_suedtirol {
    background-position: 0 -146px;
    width: 51px;
}

.partner .drei-zinnen {
    background-position: 0 -44px;
    width: 40px;
}

.partner .heritage-hotels {
    background-position: -107px -251px;
    width: 45px;
    height: 58px;
    mix-blend-mode: multiply;
}

.partner .gstc {
    background-position: 0 -147px;
    width: 32px;
}

.partner .vireo {
    background-position: 0 -197px;
    width: 92px;
}

.partner .museum-kapitel {
    background-position: -107px -197px;
    width: 100px;
    mix-blend-mode: multiply;
}

.partner .schlosshotels-herrenhaeuser {
    background-position: 0 -267px;
    width: 87px;
}

/*Anchor Menu*/
.anchorMenuWrapper {
    padding: 20px 15px;
    margin: 0 auto;
    text-align: center;
    overflow: auto;
    white-space: nowrap;
    width: 100%;
    max-width: unset;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.anchorMenuWrapper.fixed {
    position: fixed;
    top: 0;
    z-index: 20;
}

.anchorMenuWrapper a {
    margin-top: 0;
    margin-bottom: 0;
    text-decoration: none;
    opacity: .5;
    margin-right: 30px;
    color: #fff;
}

.anchorMenuWrapper a.sianchorActive {
    opacity: 1;
}

.anchorMenuWrapper a:last-child {
    margin-right: 0;
}

[class*="halfBox"]:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 100%;
    height: 0;
}

[class*="halfBox"][class*="bg"]:before {
    height: calc(50% + 20px);
}

[class*="halfBox"] {
    position: relative;
}

.blockSlideshow.large-slideshow .slick-arrow {
    top: 35%;
}

/* Quickinquiry */
.sc-quickInquiry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
    fill: #660335 !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    height: calc(100% - 5px);
    padding: 0;
}

.flatpickr-current-month {
    padding: 0;
    margin: 5px 0 0;
    font-size: 125%;
}

.sc-quickInquiry p {
    margin-bottom: 0;
}

.sc-quickInquiry .sc-quickformArrival, .sc-quickInquiry .sc-quickformDeparture, .sc-quickInquiry .sc-quickformAdults, .sc-quickInquiry .sc-quickformChildren {
    border-right: 1px solid #C0B5A7;
    position: relative;
    width: 50%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sc-quickInquiry .sc-quickformArrival, .sc-quickInquiry .sc-quickformDeparture {
    border-bottom: 1px solid #C0B5A7;
}

.sc-quickInquiry .sc-quickformChildren, .sc-quickInquiry .sc-quickformDeparture {
    border-right: 0;
}

.sc-quickInquiry label:hover, .sc-quickInquiry label:focus, .sc-quickInquiry > div.active {
    background-color: #fff;
    z-index: 1;
}

.sc-quickInquiry [class*=sc-quickform] .icon {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    background-image: url(../graphics/vector_sprites.svg?ver=1.0);
    background-position: 0px -200px;
    background-repeat: no-repeat;
    grid-area: icon;
    width: 25px;
    height: 25px;
}

.sc-quickInquiry .sc-quickformAdults .icon, .sc-quickInquiry .sc-quickformChildren .icon {
    bottom: 36px;
    width: 15px;
    height: 10px;
    background-position: -200px -200px;
    left: 60px;
}

.sc-quickInquiry .sc-quickformArrival::after {
    content: "";
    width: 35px;
    height: 20px;
    position: absolute;
    bottom: -10px;
    right: -17.5px;
    background-color: #F6F5F2;
    z-index: 1;
}

.sc-quickInquiry .sc-selectValuesAdults, .sc-quickInquiry .sc-selectValuesChildren {
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    max-width: 140%;
    left: 0;
    text-align: center;
    z-index: 1;
    top: calc(100% - 0.75rem);
}

.sc-quickInquiry .sc-selectValuesAdults, .sc-quickInquiry .sc-selectValuesChildren {
    display: none;
}

.sc-quickInquiry .sc-quickformAdults.active .sc-selectValuesAdults, .sc-quickInquiry .sc-quickformChildren.active .sc-selectValuesChildren {
    display: block;
    -webkit-animation: fpFadeInDown 300ms cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeInDown 300ms cubic-bezier(.23, 1, .32, 1);
}

.sc-quickInquiry .sc-selectValuesAdults button, .sc-quickInquiry .sc-selectValuesChildren button {
    background: 0;
    border: 0;
    padding: 0;
    min-width: 42px;
    height: 42px;
    margin: 2px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #660335;
    letter-spacing: 0;
}

.sc-quickInquiry input {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: 0;
    border: 0;
    outline: transparent;
    font-size: 19px;
    padding: 0;
    text-align: center;
    grid-area: value;
    width: 100%;
    margin-bottom: 0;
}

.sc-quickInquiry label {
    font-size: 14px;
    letter-spacing: 0;
    text-transform: initial;
    padding: 15px 20px 15px 20px;
    position: relative;
    cursor: pointer;
    margin: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 25px 5px calc(100% - 25px);
    grid-template-columns: 25px calc(100% - 25px);
    -ms-grid-rows: -webkit-max-content 10px -webkit-max-content;
    -ms-grid-rows: max-content 10px max-content;
    grid-template-rows: -webkit-max-content -webkit-max-content;
    grid-template-rows: max-content max-content;
    gap: 10px 5px;
    grid-template-areas: "description description" "icon value";
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
}

.sc-quickInquiry .sc-quickformAdults label, .sc-quickInquiry .sc-quickformChildren label {
    -ms-grid-columns: 15px -webkit-min-content;
    -ms-grid-columns: 15px min-content;
    grid-template-columns: 15px -webkit-min-content;
    grid-template-columns: 15px min-content;
}

.sc-quickInquiry [class*=sc-quickform] label > span {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-area: description;
}

.sc-quickInquiry .sc-quickformSubmit button {
    border: 1px solid #660335;
}

.sc-quickInquiry .sc-quickformSubmit button:hover {
    background-color: #f6f5f2;
    color: #660335;
    border-color: #660335;
}

.footer .awards > div, .footer .ctaLink > div {
    display: flex;
    justify-content: space-evenly;
    gap: 40px;
}

.footer .ctaLink .linkContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 20px;
}

.footer .ctaLink .weather:before, .footer .ctaLink .webcam:before {
    width: 45px;
    height: 45px;
    background-position: 0 -100px;
}

.footer .ctaLink .webcam:before {
    background-position: -200px -100px;
}

.footer .ctaLink > div * {
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    gap: 20px;
}

.ctaLink a {
    transition: opacity .15s ease-in-out;
}

.ctaLink a:hover {
    opacity: .5;
}

.socialMedia {
    display: flex;
    gap: 20px;
}

a.facebook, a.instagram {
    display: inline-block;
    width: 45px;
    height: 45px;
    background-position: 0 0;
    background-image: url(../graphics/vector_sprites.svg?ver=1.0);
    text-decoration: none;
}

a.instagram {
    background-position: -100px 0px;
}

a.facebook:hover {
    background-position: -200px 0;
}

a.instagram:hover {
    background-position: -300px 0;
}

.highlights .seoBoxesWrapper .seoBoxes {
    margin-top: 0;
}

/* Two column box */
.twoColumnBox .slideshowBox img {
    aspect-ratio: 645/620;
    object-fit: cover;
}

.twoColumnBox .boxLayout {
    gap: 30px;
}

.twoColumnBox .boxLayout .textBox {
    padding: 25px 30px;
    margin-top: 0;
}

.blockTextSlideshow .box.textBox {
    margin: 20px;
    z-index: 1;
}

.roomBox .blockTextSlideshow .box.textBox {
    padding: 25px 20px 50px;
    background: #edeae5;
    margin: 0;
}

.roomBox .slideshowBox .sc-slideshow {
    aspect-ratio: 775/510;
    margin: 0;
}

.roomBox .txtLinkWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 25px;
}

.roomBox .txtLinkWrapper a {
    width: fit-content;
    font-size: 16px;
}

.linkLayout > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer .reviews {
    z-index: 10;
    position: relative;
    text-align: left;
}

.footer .reviews .slick-arrow {
    bottom: -5px;
    left: 0px;
}

.footer .reviews .slick-next.slick-arrow {
    left: 30px;
}

.footer .reviewBox:before {
    bottom: 0;
}

.threeColumnsDesktop {
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: left;
    margin-left: 40px;
}

.telephone:before, .mail:before {
    content: "T. ";
    position: absolute;
    left: 7%;
    margin-top: 3px;
}

.mail:before {
    content: "M. ";
}

.mail a, .mail:before {
    margin-top: 20px;
}

/*Image Slider Footer */
.receptionistSlider img, .quoteImage img {
    border-radius: 50%;
}

.receptionistSlider .sc-slideshow .slick-arrow {
    width: 0%;
}

.receptionistSlider .sc-slideshow, .quoteImage .sc-slideshow {
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
}

.quoteImage .sc-slideshow {
    width: 150px;
    height: 150px;
}

/*photoGallery Styles*/
.photoGallery {
    margin: -4px;
}

.photoGallery .no-slideshow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
}

.photoGallery .no-slideshow img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    margin: 4px;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    overflow: hidden;
    height: auto;
    width: calc(100% - 8px);
    display: inline-block !important;
}

.home .scroll-down {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    font-size: 11px;
    color: #3A3C42;
    opacity: 1;
    transition: opacity 0.1s ease-in-out;
    font-weight: 500;
    line-height: 22.5px;
    text-align: center;
}

.home .scroll-down::after {
    content: '';
    position: absolute;
    bottom: -54px;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 50px;
    background-color: #3A3C42;
}

.home.scrolled .scroll-down {
    opacity: 0;
}

.scroll-down {
    display: none;
}

.travelInsuranceWrapper {
    background-color: white;
}

.sustainabilityLogos img {
    height: 120px;
    width: 120px;
    margin-right: 10px;
    margin-top: 10px;
}

.history .txtLinkWrapper {
    display: flex;
    gap: 20px;
    margin-top: 10px;
}

.webcamWrapper iframe {
    height: 45vw;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --->>> @Media Styles Start <<<--- */
/* Mobile landscape */
@media (max-width: 994px) and (orientation: landscape) {
    .SiMenu .menuHeader {
        margin-bottom: 4%;
    }

    .SiMenu.active {
        padding-top: 2%;
        margin-top: 0;
        overflow: hidden;
    }
}

@media (min-width: 994px) {
    .padding-top-xxl {
        padding-top: 200px;
    }

    .padding-top-xl, .noQuickrequest .footer > .reviewBox, .quickrequest > div {
        padding-top: 150px;
    }

    .padding-top-l {
        padding-top: 100px;
    }

    .padding-top-m, .listBoxWrapper {
        padding-top: 75px;
    }

    .padding-top-s {
        padding-top: 60px;
    }

    .padding-top-xs, .sc-masterContainer {
        padding-top: 45px;
    }

    .padding-top-xxs, .blockSlideshow.default .navigationWrapper, .reviews .reviewBoxesWrapper {
        padding-top: 20px;
    }

    .padding-bottom-xxl, .error404 .sc-masterContainer .contentWrapper {
        padding-bottom: 200px;
    }

    .padding-bottom-xl, .quickrequest > div, .noQuickrequest .footer > .reviewBox {
        padding-bottom: 150px;
    }

    .padding-bottom-l {
        padding-bottom: 100px;
    }

    .padding-bottom-m, .listBoxWrapper {
        padding-bottom: 75px;
    }

    .padding-bottom-s {
        padding-bottom: 60px;
    }

    .padding-bottom-xs {
        padding-bottom: 45px;
    }

    .padding-bottom-xxs, .reviewBox .reviewContent, .reviews .reviewBoxesWrapper {
        padding-bottom: 20px;
    }

    .margin-top-xxl, .footer .seoBoxesWrapper {
        margin-top: 200px;
    }

    .margin-top-xl {
        margin-top: 150px;
    }

    .margin-top-l, .offerInner .wrapper, .bigLinkBox {
        margin-top: 100px;
    }

    .margin-top-m {
        margin-top: 100px;
    }

    .margin-top-s, .sc-quickformSubmit, .seoBoxes ul.slick-dots, .offerInner .returnLinkWrapper {
        margin-top: 60px;
    }

    .margin-top-xs, .error404 .sc-masterContainer a.button {
        margin-top: 45px;
    }

    .highlights .seoBoxesWrapper {
        margin-top: 30px;
    }

    .margin-top-xxs, .offerBoxesWrapper article .sc-readmore, .offerInner .buttonsWrapper a, ul.slick-dots {
        margin-top: 20px;
    }

    .margin-bottom-xxl, .bigLinkBox {
        margin-bottom: 200px;
    }

    .margin-bottom-xl, .margin-bottom-xl-desktop {
        margin-bottom: 150px;
    }

    .margin-bottom-l {
        margin-bottom: 100px;
    }

    .margin-bottom-m {
        margin-bottom: 100px;
    }

    .margin-bottom-s, .offerInner .wrapper {
        margin-bottom: 60px;
    }

    .margin-bottom-xs {
        margin-bottom: 45px;
    }

    .margin-bottom-xxs {
        margin-bottom: 20px;
    }

    div:not(.showHeaderSlider) .sc-masterContainer {
        padding-top: 130px;
    }

    html, body, h1, .t1, button, .newsletter input {
        font-size: 17px;
    }

    .slick-arrow {
        left: calc(-45px + 22.5px);
    }

    .slick-next.slick-arrow {
        left: auto;
        right: calc(-45px + 22.5px);
    }

    .widthWrapper, .roomBox .contentWrapper {
        max-width: 100%;
        width: 80%;
    }

    h2, .t2, .noH2 h1, .error404 .sc-header h1, .offerInner h1 {
        font-size: 60px;
    }

    .t2.headline {
        font-size: 52px;
    }

    h2 {
        margin: 0 0 30px 0;
    }

    .footer .combinedArea .t2, .roomBox h2, .roomBox .t2 {
        font-size: 40px;
    }

    .listBoxWrapper article .txtWrapper .headline {
        font-size: 30px;
        margin-right: 10px;
    }

    .listBoxWrapper .rotatingListbox article .postPreviewTextWrapper {
        margin-bottom: 10px;
    }

    h3, .t3, .offerBoxesWrapper article .headline, .offerInner .postPeriodWrapper .headline, .offerInner .postPriceWrapper .headline, .seoBoxesWrapper .seoBoxes .headline {
        font-size: 36px;
        margin-bottom: 15px;
        font-weight: 500;
    }

    h4, .t4 {
        font-size: 20px;
    }

    .offerInner .postPeriodWrapper .headline, .offerInner .postPriceWrapper .headline {
        font-weight: 500;
    }

    .sc-header {
        padding-bottom: 15px;
    }

    /*Show Desktop Menu START*/
    .topBar {
        display: block;
        right: 50px;
        top: 50px;
        transition: top 1s ease-in-out, right 1s ease-in-out;
    }

    .home .showHeaderSlider .topBar {
        right: 5%;
    }

    .home.scrolled .showHeaderSlider .topBar {
        top: 50px;
        right: 50px;
        z-index: 25;
    }

    .SiMenu button.close-button {
        top: 3.5vh;
        left: 5%;
    }

    .topBar a.button.phone {
        display: none;
    }

    .scrolled .resMenu .copyToMobileMenu {
        display: none;
    }

    .resMenu {
        z-index: 30;
    }

    .scrolled .resMenu {
        border-top: none;
        background-color: transparent;
    }

    /* Anchor Menu */
    .anchorMenuWrapper.fixed {
        top: 80px;
        z-index: 10;
    }

    /*Show Desktop Menu END*/
    .sc-language-selector, .showHeaderSlider header .sc-language-selector {
        z-index: 12;
        top: 100px;
    }

    .offerBoxesWrapper {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .offerBoxesWrapper {
        align-items: flex-start;
        gap: initial;
    }

    .offerBoxesWrapper .txtWrapper {
        min-height: 340px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

    .blockTextSlideshow .box.textBox, .blockTextSlideshow .box.slideshowBox {
        width: 100%;
    }

    .boxBackground .box.textBox > * {
        margin-left: 20px;
        margin-right: 20px;
    }

    .boxBackground .boxLayout {
        gap: 0;
    }

    .boxLayout {
        gap: 20px;
    }

    * .change-order-d .boxLayout .box:nth-child(1), .change-order-m .boxLayout .box:nth-child(2) {
        order: 0;
    }

    .offerBoxesWrapper .box {
        width: 47.5%;
    }

    .offerBoxesWrapper .box {
        margin-bottom: 40px;
    }

    .listBoxWrapper article .txtWrapper .sc-readmore .button {
        background: #3A3C42;
        color: #fff;
    }

    .listBoxWrapper article .txtWrapper .sc-readmore .button:hover {
        background: #660335;
    }

    .rotatingListbox button.slick-next.slick-arrow:after {
        left: 14px;
    }

    .partner .widthWrapper {
        justify-content: center;
        gap: 55px;
        row-gap: 20px;
    }

    .partner a {
        height: 85px;
        background-size: 500px 1000px;
        margin: 0;
    }

    .partner .kronplatz {
        background-position: 0 -94px;
        width: 70px;
    }

    .partner .superski {
        background-position: 0 -392px;
        width: 121px;
    }

    .partner .roter_hahn {
        background-position: 0 4px;
        width: 60px;
    }

    .partner .suedtirol, .partner .booking_suedtirol {
        background-position: 0 -194px;
        width: 102px;
        height: 81px;
    }

    .partner .suedtirol:hover {
        background-position: -135px -194px;
        width: 102px;
    }

    .partner .booking_suedtirol {
        background-position: 0px -295px;
    }

    .partner .drei-zinnen {
        background-position: 0 -90px;
        width: 80px;
    }

    .partner .gstc {
        background-position: 0px -295px;
        width: 65px;
    }

    .partner .heritage-hotels {
        background-position: -215px -498px;
        width: 86px;
        height: 127px;
    }

    .partner .vireo {
        background-position: 0 -398px;
        width: 179px;
    }

    .partner .museum-kapitel {
        background-position: -213px -398px;
        width: 200px;
    }

    .partner .schlosshotels-herrenhaeuser {
        background-position: 0px -534px;
        width: 183px;
    }

    header .eyecatcherBtn, .eyecatcherBtn {
        height: 150px;
        width: 150px;
        font-size: 19px;
    }

    header .eyecatcherBtn b {
        font-size: 1rem;
    }

    .blockSlideshow:not(.large-slideshow) .slick-vertical ul.slick-dots {
        bottom: initial;
        width: auto;
        transform-origin: right;
        transform: rotate(270deg);
        left: auto;
        top: 80px;
        right: -20px;
        position: absolute;
        margin: 0;
        justify-content: space-between;
        display: flex;
        flex-direction: row-reverse;
    }

    .blockSlideshow.default .navigationWrapper .slick-arrow, .blockTextSlideshow.bigLinkBox .slick-arrow {
        position: relative;
        left: auto;
        right: auto;
    }

    .blockSlideshow.default .navigationWrapper .arrows, .blockTextSlideshow.bigLinkBox .slick-arrow {
        display: flex;
        flex-direction: row;
        gap: 25px;
        justify-content: center;
        align-items: center;
    }

    .blockSlideshow.large-slideshow .sc-slideshow .slick-list {
        -webkit-mask-image: url(../graphics/vector_two_slider_wrapper.svg);
        -webkit-mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-origin: content-box;
    }

    .blockSlideshow.large-slideshow.change-order-d .sc-slideshow .slick-list {
        -webkit-mask-image: url(../graphics/vector_two_slider_wrapper_mirrored.svg);
        -webkit-mask-position: top right;
    }

    .blockSlideshow.large-slideshow ul.slick-dots {
        bottom: -45px;
    }

    [class*="halfBox"][class*="bg"]:before, .footer .reviewBox:before {
        bottom: -45px;
    }

    .showHeaderSlider header, .showHeaderVideo header {
        margin: 0 5% 50px;
    }

    .resMenu {
        top: 50px;
        left: 50px;
        bottom: initial;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: 40px;
        background-color: transparent;
        box-shadow: none;
    }

    .showHeaderSlider header .MainLogo {
        margin: 30px 0;
    }

    .scrolled.home .showHeaderSlider .resMenu {
        top: 50px;
        left: 50px;
    }

    .resMenu .copyToMobileMenu {
        display: none;
    }

    .resMenu {
        border-top: none;
    }

    .SiMenuToggleWrapper {
        left: initial;
        top: 0px;
    }

    .scrolled .SiMenuToggleWrapper {
        top: initial;
    }

    .SiMenuToggleWrapper, .showHeaderSlider .SiMenuToggleWrapper {
        position: initial;
    }

    .scrolled .SiMenuToggleWrapper {
        width: unset;
    }

    .home .showHeaderSlider .resMenu {
        left: 5%;
        top: 90px;
        transition: top 1s ease-in-out, left 1s ease-in-out;
    }

    .hiddenLogo .stickyMainLogo, .scrolled header .stickyMainLogo {
        display: none;
    }

    .SiMenuToggleWrapper .SiMenuToggle {
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 1.8px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .SiMenuToggleWrapper .SiMenuToggle:before {
        background-position: 0 -496px;
        width: 50px;
        height: 31px;
    }

    .SiMenuToggleWrapper {
        height: 100%;
        padding: 0;
        width: auto;
        position: relative;
    }

    .SiMenu.active {
        border: 0;
        background-color: #f6f5f2;
        padding: 0;
        overflow: auto;
    }

    .SiMenu [class*=menu-hauptmenue] {
        border-width: 0;
        margin: 0 5%;
        top: 55vh;
        position: absolute;
        transform: translate(0, -50%);
        width: 90%;
    }

    .SiMenu .menuHeader img {
        max-width: initial;
        width: initial;
        height: 12vh;
        min-height: 90px;
    }

    .SiMenu .menuHeader {
        margin: 3.5vh 0;
    }

    .SiMenu .menuFooter {
        top: 15px;
        right: 85px;
        position: absolute;
        width: auto;
        max-width: initial;
    }

    .SiMenu .menuFooter .topBar {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .SiMenu [class*=menu-hauptmenue] .sc-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-around;
        padding: 16vh 8%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        position: relative;
        overflow: hidden;
        gap: 40px;
        height: 40vh;
        width: 84%;
        min-height: 220px;
    }

    .SiMenu .menuFooter {
        display: block;
        right: 5%;
        top: 3.5vh;
        margin: 0;
        position: absolute;
    }

    .SiMenu [class*=menu-hauptmenue] .sc-menu > li {
        flex: 1;
    }

    .SiMenu .sc-menu a {
        border: 0;
        text-align: left;
        padding: 0;
    }

    .SiMenu .sc-menu > .menu-item.hasSubmenu > a {
        pointer-events: none;
        cursor: initial;
        padding-bottom: 25px;
    }

    .SiMenu button.close-button {
        height: auto;
    }

    .SiMenu .close-button .SiMenuToggleWrapper .SiMenuToggle:before {
        background-position: -400px -500px;
        height: 25px;
        width: 25px;
    }

    .SiMenu .sc-menu > .menu-item.hasSubmenu > a:after {
        display: none;
    }

    .SiMenu .menuImages, .SiMenu .menuBackgroundImages, .SiMenu .current-menu-item .menuItemImages, .SiMenu .menu-item.submenuActive > .menuItemImages {
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        max-height: 100%;
        z-index: -1;
        width: 100%;
    }

    .SiMenu .sc-menu > .menu-item > a {
        font-size: 22px;
        line-height: 1.2;
        font-family: "Playfair Display", serif;
        font-weight: normal;
        color: #660335;
    }

    .SiMenu li.hasSubmenu > ul {
        display: block;
    }

    header .stickyMainLogo {
        display: none;
    }

    .SiMenu li.hasSubmenu > ul {
        border-left: solid 1px #3A3C42;
        padding: 0px 0px 0 15px;
    }

    #menu-hauptmenue:after, #menu-hauptmenue-ita:after, #menu-hauptmenue-eng:after {
        aspect-ratio: 1 / 1;
        content: "";
        position: absolute;
        z-index: 0;
        display: block;
        height: auto;
        width: 58vh;
        background-image: url(../graphics/vector_ornament-menu-desktop.svg);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        z-index: -4;
        top: 4%;
        object-fit: cover;
        background-size: contain;
        opacity: 0.25;
    }

    .SiMenu .menu-hauptmenue-container ul, .SiMenu .menu-hauptmenue-ita-container ul, .SiMenu .menu-hauptmenue-eng-container ul {
        z-index: -5;
    }

    .scrolled header .navBar {
        width: calc(100% * calc(250 * 2));
        height: 80px;
        left: calc(-250px * 2);
        top: 0;
        position: fixed;
        z-index: 25;
        pointer-events: none;
    }

    .resMenu {
        pointer-events: all;
    }

    header .stickyMainLogo {
        height: 60px;
        width: 65px;
        top: 10px;
        position: fixed;
        z-index: 25;
        left: 50%;
        -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
        transform: translate(-50%);
    }

    .seoBoxes .slick-list {
        margin: 0 -33.75px;
    }

    .seoBoxes .slick-slide {
        margin: 0 33.75px;
    }

    .footer .reviews {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        padding-top: 95px;
    }

    .sc-quickInquiry label {
        -ms-grid-columns: 25px 150px;
        grid-template-columns: 25px 150px;
    }

    .sc-quickInquiry input {
        font-size: 28px;
    }

    .twoColumnBox .boxLayout .box {
        width: 45%;
    }

    .twoColumnBox .boxLayout .box.textBox {
        padding: 135px 50px;
        max-width: calc(100% - 100px);
        margin-top: 5%;
    }

    .twoColumnBox .boxLayout, .roomBox .boxLayout {
        flex-direction: column;
        gap: 0;
    }

    .bigLinkBox {
        position: relative;
        z-index: 1;
    }

    .bigLinkBox .boxLayout {
        display: flex;
        gap: 20px;
        flex-direction: column;
        position: relative;
        max-width: 100%;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        z-index: 0;
    }

    .bigLinkBox .boxLayout .box, .twoColumnBox .boxLayout .box {
        width: 100%;
    }

    .footer .listBoxWrapper {
        max-width: 100%;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

    .rotatingListbox .slick-arrow {
        top: 50%;
        left: -70px;
    }

    .rotatingListbox .navigationWrapper {
        top: 50%;
        position: absolute;
        width: 100%;
    }

    .rotatingListbox .slick-arrow.slick-next {
        right: -70px;
    }

    .rotatingListbox .slick-arrow {
        background-position: -17px -297px;
    }

    .eyecatcherBtn, .eyecatcherBtn, .roomBox .eyecatcherBtn {
        left: 20px;
        top: 20px;
        right: auto;
        width: 140px;
        height: 140px;
        transform: initial;
        font-size: 20px;
    }

    .rotatingListbox ul.slick-dots {
        justify-content: center;
        margin-top: 45px;
    }

    .showHeaderSlider .sc-masterContainer {
        padding-top: 80px;
    }

    .showHeaderSlider header:after {
        display: none;
    }

    .showHeaderSlider header .MainLogo {
        position: initial;
    }

    .showHeaderSlider header .headerSlider, .showHeaderVideo header .headerVideo {
        height: calc(calc(var(--vh, 1vh) * 100) - 290px);
        top: initial;
    }

    .rotatingListbox .txtLinkWrapper {
        text-align: left;
    }

    a.txtLink, .offerInner .returnLinkWrapper .returnLink, .linkLayout a, .seoBoxes .button {
        font-size: 15px;
        letter-spacing: 1.8px;
    }

    [data-accordion] [data-control] {
        font-size: 17px;
        letter-spacing: 1.8px;
    }

    .simpleAccordion [data-accordion] [data-control] {
        font-size: 20px;
        width: fit-content;
    }

    button, .button, .sc-readmore, .eyecatcherBtn small {
        font-size: 16px;
    }

    a.button.request.secondary, a.button.book:hover {
        background-color: #f6f5f2;
        color: #660335;
        border: 1px solid #660335;
    }

    a.button.request.secondary:hover, .rotatingListbox .sc-readmore a:hover {
        background-color: #660335;
        color: #f6f5f2;
        border: 1px solid #660335;
    }

    .reviewBoxesWrapper ul.slick-dots {
        margin-top: 45px;
    }

    .footer .combinedArea .boxLayout {
        flex-direction: column;
        gap: 0;
    }

    .footer .combinedArea .boxLayout > *, .roomBox .boxLayout .box {
        width: 100%;
    }

    .bigger {
        font-size: 36px;
        display: flex;
        flex-direction: column;
    }

    .telephone:before, .mail:before {
        left: 9%;
    }

    .bigger br {
        display: none;
    }

    .bigger span {
        margin: 0;
    }

    .bigger span.seperator {
        display: inline-block;
        margin: 0 0 0 15px;
    }

    .highlights .seoBoxes .box {
        padding-top: 0;
    }

    a.txtLink.mapIcon {
        margin-left: 40px;
    }

    a.txtLink.mapIcon:before {
        left: -40px;
    }

    .linkLayout > div {
        flex-direction: row;
    }

    .roomWrapper.change-order-d .boxLayout .box:nth-child(1), .roomWrapper.change-order-m .boxLayout .box:nth-child(2) {
        order: 0;
    }

    .roomBox {
        margin-bottom: 0;
    }

    .roomBox .blockTextSlideshow .box.textBox {
        padding: 25px 0px 50px;
    }

    .roomBox .box.textBox > * {
        margin: 20px 40px;
    }

    button, .button, .sc-readmore a, .tabs > [data-control] button {
        padding: 13px 28px;
        font-size: 15px;
        letter-spacing: 0.8px;
    }

    .slick-arrow:before, ul.slick-dots li button:before {
        /*Enhancing the clickable area size*/
        padding: 12px;
        top: -12px;
        left: -12px;
    }

    .rotatingListbox .slick-arrow.slick-next {
        right: -70px;
        top: 0px;
        left: initial;
    }

    .footer {
        padding-bottom: 0;
    }

    .seoBoxesWrapper .seoBoxes {
        margin: 0 10px;
    }

    .footer > div:first-child {
        background-color: transparent;
    }

    .extendedBg::before {
        height: 110px;
    }

    .extendedBg:after {
        height: 310px;
    }

    a.button.whatsapp {
        opacity: 0;
        height: 75px;
        width: 75px;
        bottom: 50px;
        right: 50px;
        background-position: -399px 1px;
        transition: opacity ease-in 0.6s;
    }

    .scrolled a.button.whatsapp {
        right: 50px;
        opacity: 1;
    }

    hr:before {
        margin: 40px 0px;
    }

    .menuLanguageSelector {
        top: calc(3.5vh + 55px);
        right: 4.5%;
    }

    .home .showHeaderSlider .resMenu {
        top: 70px;
    }

    .home .showHeaderSlider .topBar {
        top: 60px
    }

    .home .showHeaderSlider .sc-masterContainer {
        padding-top: 100px;
    }

    .home .scroll-down {
        font-size: 14px;
        font-weight: 600;
        bottom: 75px;
    }

    .home .scroll-down::after {
        bottom: -75px;
        height: 56px;
    }

    header .MainLogo img {
        width: 200px;
    }

    .photoGallery .no-slideshow img {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }

    .boxLayout .box {
        width: 100%;
    }

    .offerInner .boxLayout .box {
        width: 86%;
    }

    .offerInner .boxLayout {
        gap: 40px;
    }

    /* Quote box*/
    .quoteImage .sc-slideshow {
        width: 260px;
        height: 226px;
    }

    .sustainabilityLogos img {
        height: 140px;
        width: 140px;
        margin-right: 30px;
        margin-top: 30px;
    }

    .sc-language-selector ul li a:after, .menuLanguageSelector ul li a:after {
        content: "|";
        padding-left: 8px;
    }

    .menuLanguageSelector ul {
        display: flex;
        flex-direction: row;
    }

    .scrolled .resMenu {
        width: initial;
    }
}

@media (min-width: 1200px) {
    .sc-quickInquiry input {
        font-size: 35px;
    }

    .sc-quickInquiry [class*=sc-quickform] .icon {
        background-position: -100px -200px;
        width: 40px;
        height: 40px;
    }

    .sc-quickInquiry .sc-quickformAdults .icon, .sc-quickInquiry .sc-quickformChildren .icon {
        width: 35px;
        height: 20px;
        background-position: -300px -200px;
    }

    .sc-quickInquiry label {
        -ms-grid-columns: 40px 200px;
        grid-template-columns: 40px 200px;
    }

    .sc-quickInquiry .sc-quickformAdults label, .sc-quickInquiry .sc-quickformChildren label {
        grid-template-columns: 35px 50px;
    }

    .bigLinkBox .boxLayout .box {
        width: 100%;
        z-index: -1;
    }

    .bigLinkBox .boxLayout .box.textBox {
        position: absolute;
        bottom: 0;
        padding-bottom: 45px;
        margin: 0;
    }

    .bigLinkBox .boxLayout .box.textBox:after {
        content: "";
        z-index: -1;
        width: 100%;
        height: 400px;
        position: absolute;
        bottom: 0;
        background: linear-gradient(to top, #302626 0, transparent 100%);
        left: 0px;
    }

    .slick-arrow {
        left: calc(-45px - 25px);
    }

    .slick-next.slick-arrow {
        left: auto;
        right: calc(-45px - 25px);
    }

    header .eyecatcherBtn {
        bottom: 100px;
        left: -50px;
        height: 200px;
        width: 200px;
        font-size: 24px;
    }

    .eyecatcherBtn small {
        font-size: 16px;
    }

    ul.slick-dots li button {
        width: 50px;
    }

    .eyecatcherBtn, .eyecatcherBtn, .roomBox .eyecatcherBtn {
        width: 150px;
        height: 150px;
    }

    .blockTextSlideshow .slick-arrow {
        left: calc(0px + 25px);
    }

    .blockTextSlideshow .slick-next.slick-arrow {
        right: calc(0px + 25px);
        left: initial;
    }

    .headerSlider .slick-next.slick-arrow {
        left: auto;
        right: 10px;
    }

    .slick-arrow {
        height: 48px;
        background-position: -308px -287px;
        bottom: 47%;
    }

    .blockSlideshow .sc-slideshow .slick-arrow {
        height: 48px;
        background-position: -12px -287px;
        bottom: 47%;
        left: calc(-45px - 25px);
    }

    .blockSlideshow .sc-slideshow .slick-arrow.slick-next {
        right: calc(-45px - 25px);
        left: initial;
    }

    .blockSlideshow .sc-slideshow {
        position: relative;
    }

    .newsletter input {
        text-align: left;
        padding-left: 0;
        max-width: 45%;
    }

    .newsletter {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: end;
        column-gap: 50px;
        text-align: left;
    }

    .newsletter-form {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
    }

    .newsletter-text p:last-child {
        margin-bottom: 0;
    }

    .footer .logo {
        width: 260px;
        margin: initial;
    }

    .threeColumnsDesktop .bigger {
        display: flex;
        flex-direction: column;
    }

    .threeColumnsDesktop {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        text-align: left;
        flex-direction: row;
    }

    .telephone:before, .mail:before {
        content: "T. ";
        position: relative;
        display: inline-block;
        width: 30px;
        left: -20px;
    }

    .mail:before {
        content: "M. ";
    }

    .mail a, .mail:before {
        margin-top: 8px;
    }

    .socialMedia {
        margin-left: 30px;
    }

    .rotatingListbox article {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 5%;
    }

    .rotatingListbox article {
        background-color: #EDEAE5;
        margin-top: 75px;
    }

    .rotatingListbox {
        background-color: transparent;
    }

    .rotatingListbox .eyecatcherBtn {
        right: initial;
        top: -76px;
        height: 170px;
        width: 170px;
        left: 5%;
    }

    .rotatingListbox .eyecatcherBtn {
        position: absolute;
        left: 5%;
        top: -75px;
        height: 170px;
        width: 170px;
        line-height: 1.7;
    }

    .eyecatcherBtn b, .roomBox .eyecatcherBtn b {
        font-size: 58px;
        font-weight: 400;
        line-height: 0.6;
    }

    .rotatingListbox .txtLinkWrapper {
        background: transparent;
        padding: 0;
    }

    .listBoxWrapper article .imageWrapper {
        padding-bottom: 0;
    }

    .listBoxWrapper article .txtWrapper {
        padding: 0;
    }

    .listBoxWrapper article .txtWrapper {
        width: 45%;
        margin-right: 5%;
        font-size: 18px;
    }

    .listBoxWrapper article .imageWrapper {
        width: 50%;
    }

    .rotatingListbox .sc-readmore {
        margin-top: 20px;
    }

    .rotatingListbox .txtWrapper {
        margin: 0;
    }

    .rotatingListbox .txtLinkWrapper {
        margin-top: 20px;
    }

    .bigLinkBox .boxLayout .box.textBox *:not(.button) {
        color: #fff;
        width: 90%;
        margin-right: auto;
        margin-left: auto;
    }

    .listBox .t2 {
        margin-bottom: -25px;
    }

    .boxBackground .boxLayout {
        align-items: center;
        gap: 0px;
        font-size: 17px;
    }

    .blockTextSlideshow.boxBackground img, .blockTextSlideshow.includedServices img {
        object-fit: cover;
        aspect-ratio: 1 / 1.4;
    }

    .blockTextSlideshow img {
        object-fit: cover;
        aspect-ratio: 1 / 1;
    }

    .bgBox {
        width: 80%;
        margin-left: 10%;
        position: relative;
        overflow: hidden;
    }

    .bgBox:after {
        content: "";
        height: 169%;
        display: block;
        width: 660px;
        right: -320px;
        top: 2px;
        position: absolute;
        z-index: -1;
        opacity: 0.2;
        aspect-ratio: 1 / 1;
        z-index: 0;
        display: block;
        background-image: url(../graphics/vector_ornament-menu-desktop.svg);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        object-fit: cover;
        background-size: contain;
    }

    .bg5.bgBox:after {
        opacity: 0.1;
    }

    .bgBox > div {
        z-index: 8;
        position: relative;
    }

    .bgBox .bg3 {
        background: transparent;
    }

    .extendedBg::before {
        height: 50px;
    }

    .extendedBg:after {
        height: 250px;
    }

    .reviews.bg5:after {
        content: "";
        height: 100%;
        display: block;
        width: 413px;
        right: 0;
        top: 0px;
        position: absolute;
        z-index: -1;
        opacity: 0.1;
        aspect-ratio: 1 / 1;
        z-index: 0;
        display: block;
        background-image: url(../graphics/vector_ornament-menu-desktop.svg);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        object-fit: fill;
        background-size: inherit;
        background-position: 29px -169px;
    }

    .footer .reviews .slick-arrow {
        bottom: 48%;
        left: -70px;
        position: absolute;
        background-position: -17px -287px;
    }

    .footer .reviews .slick-next.slick-arrow {
        left: initial;
    }

    .footer .reviewBoxesWrapper.slick-slider {
        position: initial;
    }

    .footer .reviews {
        text-align: center;
    }

    .offerBoxesWrapper .box {
        margin-bottom: 60px;
    }

    .boxLayout {
        gap: 120px;
    }

    .boxLayout .slideshowBox {
        width: 60%;
    }

    .boxLayout .textBox {
        width: 40%;
    }

    .boxLayout .box {
        width: 50%;
    }

    .boxLayout {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .change-order-d .boxLayout .box:nth-child(1), .change-order-m .boxLayout .box:nth-child(2) {
        order: 2;
    }

    .blockTextSlideshow .box.textBox, .blockTextSlideshow .box.slideshowBox {
        width: 47.5%;
    }

    .boxBackground .blockTextSlideshow .box.textBox {
        margin: 20px 5% 20px 20px;
    }

    .boxBackground.blockTextSlideshow .box.textBox {
        width: calc(50% - 30px);
        margin-right: 30px;
    }

    .boxBackground.blockTextSlideshow .box.slideshowBox {
        width: 46%;
    }

    /* .boxBackground.blockTextSlideshow .box.slideshowBox .slick-slider {
        width: 96.5%;
    }
*/
    .blockTextSlideshow.bigLinkBox .box.textBox, .blockTextSlideshow.bigLinkBox .box.slideshowBox, .roomBox .blockTextSlideshow .box.textBox, .roomBox .blockTextSlideshow .box.slideshowBox {
        width: 100%;
    }

    /*Angebotsdetailseite*/
    .offerInner .box.offertextBox, .offerInner .boxLayout {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .offerInner .boxLayout {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: calc(80% - 8%);
        padding: 4%;
    }

    .offerInner .box.offertextBox > *, .offerInner .boxLayout > * {
        width: auto;
        margin-left: initial;
        margin-right: initial;
    }

    .offerInner .buttonsWrapper {
        padding-right: 7%;
    }

    .offerInner .box.offertextBox {
        display: flex;
        justify-content: space-between;
    }

    .offerInner .box.offertextBox {
        padding: 60px 0;
    }

    .offerInner .boxLayout {
        gap: 60px;
    }

    .offerInner .infoWrapper {
        flex-direction: row;
        gap: 120px;
        padding-left: 7%;
    }

    .offerInner .box.textBox ul {
        line-height: 1.3;
    }

    .roomBox a.txtLink {
        font-size: 16px;
    }

    .scrolled .resMenu {
        width: initial;
    }

    .blockTextSlideshow .box.textBox {
        margin: 0;
    }

    .box.slideshowBox {
        align-self: start;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .home .bg2.extendedBg:after, .bg2.extendedBg:before {
        background-color: transparent;
    }

    .home .extendedBg {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media (min-width: 1200px) and (max-width: 1800px) {
    .bg2.subPage.extendedBg:after, .bg2.subPage.extendedBg:before {
        background-color: transparent;
    }

    .extendedBg.subPage {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media (min-width: 1300px) {
    .home .showHeaderSlider .resMenu {
        left: 5%;
    }

    .roomBox .boxLayout {
        flex-direction: row;
        background-color: #edeae5;
    }

    .roomBox .blockTextSlideshow .box.slideshowBox {
        width: 60%;
    }

    .roomBox .blockTextSlideshow .box.textBox {
        width: 40%;
    }

    .roomBox .contentWrapper {
        max-width: 850px;
        width: 90%;
    }

    .roomBox .blockTextSlideshow .box.textBox {
        padding: 0;
        align-self: center;
    }

    .roomBox .box.textBox > * {
        margin: 20px 60px;
    }

    .buttonsWrapper.padding-top-xxs {
        display: flex;
    }
}

@media (min-width: 1400px) {
    .listBoxWrapper .rotatingListbox article .postPreviewTextWrapper {
        margin-bottom: 20px;
    }

    .listBoxWrapper article .txtWrapper {
        font-size: 20px;
    }

    .rotatingListbox .txtLinkWrapper {
        margin-top: 40px;
    }

    .rotatingListbox .sc-readmore {
        margin-top: 30px;
    }

    .blockTextSlideshow.boxBackground img {
        aspect-ratio: 1 / 1;
    }
    .blockTextSlideshow.includedServices img {
           object-fit: initial;
        aspect-ratio: initial;
    }

    .blockTextSlideshow img {
        object-fit: cover;
        aspect-ratio: 1 / 0.8;
    }
}

@media (min-width: 1500px) {
    .extendedBg::before {
        height: 60px;
    }

    .extendedBg:after {
        height: 260px;
    }

    .offerBoxesWrapper .box {
        margin-bottom: 80px;
    }

    header .MainLogo img {
        width: 250px;
    }

    .home .showHeaderSlider .topBar {
        top: 72px;
    }

    .home .showHeaderSlider .resMenu {
        top: 80px;
    }

    .footer .listBoxWrapper .txtLinkWrapper {
        margin-top: 40px;
    }
}

@media (min-width: 1600px) {
    html, body, h1, .t1, button, .newsletter input {
        font-size: 20px;
    }

    .listBoxWrapper article .txtWrapper .headline {
        font-size: 40px;
    }

    .SiMenu .sc-menu > .menu-item > a {
        font-size: 30px;
    }

    .SiMenu [class*=menu-hauptmenue] {
        margin: 0 10%;
        width: 80%;
        top: 55%;
    }

    .showHeaderSlider header, .showHeaderVideo header {
        margin: 0 10% 80px;
    }

    .seoBoxes .slick-list {
        margin: 0 -67.5px;
    }

    .seoBoxes .slick-slide {
        margin: 0 67.5px;
    }

    .twoColumnBox .boxLayout {
        gap: 135px;
        justify-content: space-evenly;
        align-items: flex-start;
        flex-direction: row;
    }

    .twoColumnBox .boxLayout .box.textBox {
        max-width: 650px;
    }

    /* Big Linkbox */
    .bigLinkBox .boxLayout .box.textBox *:nth-child(even) {
        margin: 25px 0;
    }

    .footer .combinedArea .boxLayout {
        max-width: 100%;
        width: 80%;
        margin: 0 auto;
        text-align: left;
        flex-direction: row;
    }

    .footer .newsletter, .footer .ctaLink {
        border: 0;
    }

    .footer .combinedArea .awards {
        max-width: 250px;
    }

    .footer .awards > div {
        flex-direction: column;
    }

    .footer .awards > div, .footer .ctaLink > div {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .footer .combinedArea .boxLayout {
        padding: 100px 0;
    }

    .footer .combinedArea .boxLayout > * {
        width: 100%;
    }

    .footer .newsletter > div, .footer .ctaLink > div, .footer .awards > div {
        padding: 0;
    }

    .footer .combinedArea .boxLayout .contentWrapper {
        margin: 0;
        max-width: initial;
        width: 100%;
    }

    .footer .ctaLink > div {
        flex-direction: column;
        gap: 90px;
    }

    .footer .ctaLink > div * {
        flex-direction: row;
        gap: 35px;
        margin-bottom: 0;
    }

    .footer .ctaLink .weather:before, .footer .ctaLink .webcam:before {
        width: 65px;
        height: 65px;
        background-position: -100px -100px;
    }

    .footer .ctaLink .webcam:before {
        background-position: -300px -100px;
        width: 60px;
        height: 60px;
    }

    .roomWrapper.change-order-d .boxLayout .box:nth-child(1), .roomWrapper.change-order-m .boxLayout .box:nth-child(2) {
        order: 2;
    }

    .roomWrapper.change-order-d .boxLayout .eyecatcherBtn {
        left: auto;
        right: 20px;
    }

    .offerBoxesWrapper .box {
        width: 30%;
    }

    .threeColumnsDesktop, .newsletter {
        margin: 0px 100px;
    }

    .newsletter input {
        max-width: 260px;
    }

    .offerBoxesWrapper .box {
        margin-bottom: 150px;
    }

    .offerBoxesWrapper .txtWrapper {
        min-height: 380px;
    }

    .home .showHeaderSlider .resMenu {
        left: 10%;
    }

    .home .showHeaderSlider .topBar {
        right: 10%;
    }

    .menuLanguageSelector {
        top: 50%;
        right: 4%;
    }

    .SiMenu button.close-button {
        top: 3.5vh;
        left: 3.5vh;
    }

    .SiMenu .menuFooter {
        right: 3.5vh;
        top: 3.5vh;
    }

    /*photoGallery Styles*/
    .photoGallery .no-slideshow img {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    }

    .SiMenu .menuHeader img, header .MainLogo img {
        max-width: 220px;
    }

    .home .showHeaderSlider header .headerSlider, .home .showHeaderVideo header .headerVideo {
        height: calc(calc(var(--vh, 1vh) * 100) - 350px);
    }

    .showHeaderSlider header .headerSlider, .showHeaderVideo header .headerVideo {
        height: calc(calc(var(--vh, 1vh) * 100) - 280px);
    }

    .blockTextSlideshow.boxBackground img {
        aspect-ratio: 1 / 0.8;
    }

    .sc-language-selector ul li a:after, .menuLanguageSelector ul li a:after {
        content: none;
        padding-left: 8px;
    }

    .menuLanguageSelector ul {
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 1700px) {
    .blockTextSlideshow img {
        object-fit: initial;
        aspect-ratio: initial;
    }
}

@media (min-width: 1800px) {
    h2, .t2, .noH2 h1, .error404 .sc-header h1, .offerInner h1 {
        font-size: 68px;
    }

    .sc-quickInquiry input {
        font-size: 38px;
    }

    .sc-quickInquiry label {
        font-size: 20px;
        padding: 55px;
    }

    .sc-quickInquiry [class*='sc-quickform']:not(.sc-quickformSubmit) {
        width: 25%;
        border: 0;
    }

    .sc-quickInquiry .sc-quickformArrival::after {
        display: none;
    }

    .sc-quickInquiry .sc-quickformArrival, .sc-quickInquiry .sc-quickformDeparture {
        border-bottom: 0;
    }

    .sc-quickInquiry [class*='sc-quickform']:not(.sc-quickformSubmit):nth-child(2n) {
        border-right: 2px solid rgb(112 112 112 / 20%);
        border-left: 2px solid rgb(112 112 112 / 20%);
    }

    .sc-quickInquiry [class*='sc-quickform']:not(.sc-quickformSubmit):nth-child(1) {
        border-left: 2px solid rgb(112 112 112 / 20%);
    }

    .sc-quickInquiry .sc-quickformAdults label, .sc-quickInquiry .sc-quickformChildren label {
        grid-template-areas: "description description" "value icon";
    }

    .threeColumnsDesktop, .newsletter {
        margin: 0px 200px;
    }

    .extendedBg::before {
        height: 80px;
    }

    .extendedBg:after {
        height: 280px;
    }

    .extendedBg.single:after {
        height: 100px;
    }

    .boxBackground .boxLayout {
        gap: 50px;
        font-size: 20px;
    }
}

@media (min-width: 2000px) {
    .newsletter input {
        max-width: 310px;
    }

    .blockTextSlideshow.boxBackground img {
        object-fit: initial;
        aspect-ratio: initial;
    }

    /*Angebotsdetailseite*/
    .offerInner .box.offertextBox, .offerInner .boxLayout {
        width: 1700px;
        margin-left: auto;
        margin-right: auto;
    }

    .offerInner .boxLayout {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: calc(1700px - 8%);
        padding: 4%;
    }

    .offerBoxesWrapper .txtWrapper {
        min-height: 300px;
    }
}

@media (min-width: 2200px) {
    .offerBoxesWrapper .txtWrapper {
        min-height: 285px;
    }
}

/*___________________--------______________________________-------_____________________*/
/*eAssistant Formular Styles - am Ende auslagern in die eAssisant CSS*/
.form.request-form #be-datepicker {
    border: 1px solid #3A3C42;
}

.form.request-form #be-datepicker-monthYear {
    text-align: center;
    line-height: 40px;
    text-transform: uppercase;
    color: #fff;
    background: #660335;
}

.form.request-form #be-datepicker-month, .form.request-form #be-datepicker-year {
    font-size: 18px;
    font-weight: normal;
}

.form.request-form a#be-datepicker-next, .form.request-form a#be-datepicker-back, .form.request-form a#be-datepicker-next:hover, .form.request-form a#be-datepicker-back:hover {
    font-weight: normal;
    color: #fff;
}

.form.request-form .be-datepicker-selectedDay, .form.request-form .be-datepicker-days-background:hover {
    background-color: #660335;
    color: #fff !important;
}

.form.request-form .be-datepicker-days-background {
    background-color: #eeeeee;
}

/*Button Styles*/
.form.request-form .be-widget-button, .form.request-form .be-widget-buttonArea > span {
    font-weight: 400;
    background: #660335 !important;
    color: #fff;
    padding: 10px 20px !important;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0px;
    font-family: 'Red Hat Text', sans-serif;
    font-size: 12px;
    letter-spacing: 1.3px;
    cursor: pointer;
    border: 1px solid #660335;
    text-transform: initial;
    transition: background-color .25s ease-in-out, color.25s ease-in-out;
}

.form.request-form #eassistant input {
    margin-left: 0;
    margin-right: 6px;
}

.form.request-form .be-widget-button:hover, .form.request-form .be-widget-buttonArea > span:hover {
    background: transparent !important;
    color: #660335 !important;
}

/*Button Styles END*/
.form.request-form .be-contact-formField, .form.request-form .be-contact-textField, .form.request-form .be-contact-textArea, .form.request-form .becontact-label, .form.request-form .be-contact-formField select, .form.request-form .full, .form.request-form .be-contact-confirmationText {
    font-family: 'Red Hat Text', sans-serif;
    color: #3A3C42;
    line-height: 1.5;
    font-weight: 400;
    font-size: 17px;
}

.form.request-form #eassistant #Adults {
    clear: both;
}

.form.request-form #eassistant #Privacy a {
    text-decoration: underline;
}

.form.request-form #eassistant #Privacy input {
    margin-left: 0;
}

.form.request-form #eassistant ::-webkit-input-placeholder {
    color: #3A3C42;
}

.form.request-form #eassistant ::-moz-placeholder {
    color: #3A3C42;
}

.form.request-form #eassistant :-ms-input-placeholder {
    color: #3A3C42;
}

.form.request-form #eassistant :-moz-placeholder {
    color: #3A3C42;
}

.form.request-form .seperate .be-contact-label {
    font-family: "Playfair Display", serif;
    font-size: 25px;
    line-height: 1.2;
    color: #660335;
    margin-bottom: 10px;
    margin-top: 40px;
    letter-spacing: 1.1px;
    width: 100%;
}

.form.request-form .full {
    float: left;
    width: 100%;
    margin: 15px 0 5px 0;
}

.form.request-form .be-contact-textField, .form.request-form .be-contact-formField select, .form.request-form .be-contact-textArea {
    width: 100%;
    height: 32px;
    border: 1px solid #828282;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px;
    background: #fff;
}

.form.request-form .be-contact-textArea {
    min-height: 125px;
}

.form.request-form .be-contact-childAge select {
    max-width: 145px;
}

.form.request-form #eassistant input {
    margin-left: 0;
    margin-right: 6px;
}

.form.request-form .be-state-fail {
    color: #660335;
}

.form.request-form .be-contact-textField-error, .form.request-form .be-contact-select-error, .form.request-form .be-contact-textArea-error, .be-contact-invalidFields, .form.request-form select.be-contact-select-error {
    border: 1px solid #660335 !important;
    background-color: #f8e8e8;
}

/* PreSelected InputField from Quickrequest */
.form.request-form #eassistant .preSelected {
    border: 2px solid #7aa749;
    background-color: rgb(122, 167, 73);
    background-color: rgba(122, 167, 73, 0.15);
}

/*PreSelected Offername*/
.form.request-form .form #Offername {
    display: none;
}

.single-angebote .form.request-form .form #Offername {
    display: inline-block;
}

/* Responsive */
@media (min-width: 600px) {
    .form.request-form .be-contact-formField {
        width: 50%;
    }
}

@media (min-width: 500px) {
    .form.request-form .be-contact-textField, .form.request-form .be-contact-formField select, .form.request-form .seperate .be-contact-label, .form.request-form #Comment {
        width: calc(100% - 15px);
        min-width: 0;
    }

    .form.request-form #Name {
        clear: both;
    }

    .form.request-form #Privacy {
        width: 100%;
    }
}

@media (min-width: 994px) {
    .form.request-form .be-contact-formField, .form.request-form .be-contact-textField, .form.request-form .be-contact-textArea, .form.request-form .be-contact-label, .form.request-form .be-contact-formField select, .form.request-form .be-contact-confirmationText {
        font-size: 20px;
    }

    .form.request-form .be-contact-textField, .form.request-form .be-contact-formField select, .form.request-form .be-contact-textArea {
        height: 40px;
    }

    .form.request-form .seperate .be-contact-label {
        font-size: 35px;
    }

    .form.request-form .be-widget-button, .form.request-form .be-widget-buttonArea > span {
        padding: 13px 28px !important;
        font-size: 15px;
        letter-spacing: 1.8px;
    }
}