/* --------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --->>>  @font-face start <<<--- */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 100 900;
    font-stretch: 100%;
    font-display: swap;
    src: url(../fonts/noto-sans_400_800.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: "Noto Sans", "Arial", sans-serif;
    color: #000000;
    font-weight: 400;
    background-color: #F2EFEA;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: .5px;
}

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

b,
strong {
    font-weight: 600;
}

.offerBoxesWrapper article .periods,
.listBoxWrapper article .periods {
    font-weight: 500;
}

a {
    color: #3d2e1f;
    text-underline-offset: 5px;
    font-weight: 500;
}

a:hover {
    color: #827b73;
}

a.txtLink,
.offerInner .returnLinkWrapper .returnLink,
.sc-readmore a {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    color: #6D5C54;
    display: inline-block;
    position: relative;
}

a.txtLink:hover,
.offerInner .returnLinkWrapper .returnLink:hover,
.sc-readmore a:hover {
    color: #000000;
    text-decoration-color: #000000;
}

.bg2 a.txtLink:hover,
.bg2 .sc-readmore a:hover {
    color: #fff;
    text-decoration-color: #fff;
}

a.externalIcon:after {
    content: '';
    display: inline-block;
    width: 27px;
    height: 20px;
    background-image: url(../graphics/vector_sprites.svg);
    background-position: -413px -630px;
}

a.externalIcon:hover:after {
    background-position: -373px -630px;
}

.bg2 a.externalIcon:hover:after {
    background-position: -293px -630px;
}

.bigger {
    font-size: 130%;
}

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

p {
    margin-bottom: 10px;
}

header p {
    margin: 0;
}

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

h1,
.t1 {
    font-size: 1rem;
    line-height: 1.2;
    font-family: "Noto Sans", sans-serif;
    font-weight: 500;
    color: #000000;
    margin: 0;
    margin-bottom: 25px;
    clear: both;
    letter-spacing: .3px;
    text-transform: uppercase;
}

h2,
.t2,
h3,
.t3,
h4,
.t4,
.noH2 h1,
.error404 .sc-header h1,
.seoBoxesWrapper .seoBoxes .headline,
article .headline,
.offerInner h1,
.offerInner .postPeriodWrapper .headline,
.offerInner .postPriceWrapper .headline {
    font-size: 25px;
    line-height: 1.3;
    font-family: "Noto Sans", "Arial", sans-serif;
    font-weight: 800;
    color: #6D5C54;
    margin: 0;
    margin-bottom: 25px;
    text-transform: uppercase;
    letter-spacing: .9px;
}

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

h3,
.t3,
article .headline,
.offerInner .postPeriodWrapper .headline,
.offerInner .postPriceWrapper .headline {
    font-size: 21px;
    line-height: 1.45;
    letter-spacing: .6px;
}

h4,
.t4 {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 1px;
}

hr {
    width: 30px;
    height: 20px;
    border: 0;
    text-align: left;
    display: inline-block;
    clear: both;
}

header {
    position: relative;
}

.sc-masterContainer {
    padding-top: 120px;
}

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

.sc-masterContainer ul {
    padding: 0 22px;
    margin: 0;
    margin-bottom: 15px;
}

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

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

.sc-masterContainer ul:not(.slick-dots) {
    padding-left: 20px;
}

.sc-masterContainer ul:not(.slick-dots) li {
    padding-left: 8px;
    margin: 0;
    margin-bottom: 10px;
    text-align: left;
    list-style-type: none;
    position: relative;
}

.sc-masterContainer ul:not(.slick-dots) li:before {
    content: "";
    position: absolute;
    background-image: url(../graphics/vector_sprites.svg);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: -40px -600px;
    left: -15px;
    top: 6px;
}
.sc-masterContainer ul:not(.slick-dots) li:before {
}
.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;
}

.column li {
    break-inside: avoid;
}

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

/*BG Colors Styles*/
.bg1 {
    background-color: #ffffff;
}

.bg2,
.anchorMenuWrapper {
    background-color: #ACB09B;
}

.bg3,
.newsletter .box.textBox,
.seoBoxesWrapper {
    background-color: #6D5C54;
}

.bg4 {
    background-color: #3D2E1F;
}

.bg2 h2,
.bg2 .t2,
.bg2 a.txtLink,
.bg2 a {
    color: #4B4B36;
}

.bg3,
.bg3 a,
.bg3 a.txtLink,
.bg3 h1,
.bg3 .t1,
.bg3 h4,
.bg3 .t4,
.bg4,
.bg4 a,
.bg4 a.txtLink,
.bg4 h1,
.bg4 .t1,
.bg4 h4,
.bg4 .t4,
.seoBoxesWrapper .t2,
.bg2 a:hover {
    color: #fff;
}

.bg3 a.txtLink,
.bg4 a.txtLink {
    border-color: #fff;
}

.bg3 h2,
.bg3 .t2,
.bg3 h3,
.bg3 .t3,
.bg4 h2,
.bg4 .t2,
.bg4 h3,
.bg4 .t3 {
    color: #F2EFEA;
}

/*.bg2 a.txtLink:hover,
.bg2 a:hover,*/
.roomBox:nth-child(odd) a.externalIcon {
    color: #3D2E1F;
    text-decoration-color: #3D2E1F;
}

/*EyecatcherBtn Styles*/
.eyecatcherBtn {
    background: #6E715F;
    height: 130px;
    width: 130px;
    display: flex;
    flex-direction: column;
    color: #fff;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    border-radius: 50%;
    position: absolute;
    right: 17px;
    top: 17px;
    z-index: 3;
    padding: 17px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 1.08px;
    text-transform: uppercase;
    text-align: center;
}

header .eyecatcherBtn {
    top: unset;
    bottom: 110px;
    left: 5%;
    font-size: .9rem;
    transform: rotate(-8deg);
    text-transform: none;
    font-weight: 400;
    line-height: 1.2;
}

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

header .eyecatcherBtn a:hover {
    color: #3d2e1f;
}

.eyecatcherBtn b {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 2px;
}

header .eyecatcherBtn b {
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.2;
    margin-bottom: 5px;
}

a.eyecatcherBtn {
    text-decoration: none;
}

a.eyecatcherBtn:hover {
    background: #6D5C54;
    color: #fff;
}

/* Icons*/
.logoSymbol {
    position: relative;
}

.logoSymbol:before,
.historyContent .imageWrapper:before {
    content: '';
    position: absolute;
    z-index: 1;
    background-image: url(../graphics/symbol-beige.svg?ver=1.0);
    background-size: 100%;
    width: auto;
    height: 104px;
    aspect-ratio: 110/104;
    display: inline-block;
    top: -60px;
    right: 0;
}

.bg2.logoSymbol:before {
    background-image: url(../graphics/symbol-dark.svg?ver=1.0);
}

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

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

/*BoxLayout Styles*/
.boxLayout,
.offerBoxesWrapper,
.historyWrapper article,
.blogWrapper {
    display: flex;
    flex-direction: column;
}

/*ListOverviewSite Styles */
.boxLayout.listContainer,
.offerBoxesWrapper,
.historyWrapper article,
.blogWrapper {
    flex-wrap: wrap;
    align-items: initial;
}

.boxLayout.listContainer article,
.offerBoxesWrapper article,
.historyWrapper article,
.blogWrapper article {
    position: relative;
    margin-bottom: 48px;
    cursor: pointer;
}

.historyWrapper article {
    margin-bottom: 55px;
}

.historyNavBar {
    margin-bottom: 20px;
    position: relative;
    text-align: left;
}

.year {
    padding: 0 20px 5px 0;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}

.year:after {
    content: "";
    height: 1px;
    background-color: #4B4B36;
    position: absolute;
    bottom: 0;
    z-index: -1;
    width: 100%;
    left: -2px;
}

.slick-slide.slick-current .year:after {
    height: 3px;
}

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

/* Rotating listBoxWrapper */
.rotatingListbox {
    padding-bottom: 60px;
    position: relative;
}

.listBoxWrapper article .txtWrapper,
.offerBoxesWrapper article .txtWrapper {
    padding: 20px 0;
}

.listBoxWrapper article .txtWrapper .headline,
.offerBoxesWrapper .headline {
    margin-bottom: 15px;
}

.sc-readmore a {
    color: #3D2E1F;
}

.listBoxWrapper .txtLinkWrapper {
    margin-top: 20px;
    text-transform: uppercase;
}

.rotatingListbox button.slick-arrow,
.historyWrapper button.slick-arrow,
.zimmerWrapper button.slick-arrow {
    z-index: 9;
    bottom: 0;
    top: unset;
    left: unset;
    right: 50px;
    background-position: -75px -645px;
    padding: 19px 0;
}

.rotatingListbox button.slick-next,
.historyWrapper button.slick-next,
.zimmerWrapper button.slick-next {
    background-position: -75px -595px;
    right: 10px;
}

.historyWrapper .historyNavBar button.slick-arrow {
    bottom: -50px;
    background-position: -75px -625px;
}

.historyWrapper .historyNavBar button.slick-next {
    background-position: -75px -575px;
}

.rotatingListbox:after,
.zimmerWrapper:after,
.offerBoxesWrapper .imageWrapper:after,
.offerInner .boxLayout .box.imageBox:after {
    content: '';
    position: absolute;
    z-index: 1;
    background-image: url(../graphics/symbol_hell.svg?ver=1.0);
    background-size: 100%;
    width: auto;
    height: 140px;
    aspect-ratio: 110 / 104;
    display: inline-block;
    top: calc(109vw - 170px);
    left: -18px;
}

.zimmerWrapper:after {
    top: calc(109vw - 70px);
    left: -6%;
}

.offerBoxesWrapper .imageWrapper {
    position: relative;
}

.offerBoxesWrapper .imageWrapper:after,
.offerInner .boxLayout .box.imageBox:after {
    top: unset;
    bottom: 15px;
}

/* Next Prev */
/*
.rotatingListbox button.slick-next.slick-arrow:before, .rotatingListbox button.slick-prev.slick-arrow:after, .historyWrapper button.slick-next.slick-arrow:before, .historyWrapper button.slick-prev.slick-arrow:after, .zimmerWrapper button.slick-next.slick-arrow:before, .zimmerWrapper button.slick-prev.slick-arrow:after
 {
    content: 'Next';
    padding: 7px 0 8px 25px;
    background: transparent;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -7px;
    left: 0;
    color: #3d2e1f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.5px;
    text-transform: none;
}

.rotatingListbox button.slick-prev.slick-arrow:after, .historyWrapper button.slick-prev.slick-arrow:after, .zimmerWrapper button.slick-prev.slick-arrow:after
 {
    left: unset;
    right: 0;
    content: 'Prev';
    padding: 7px 40px 8px 0;
}
.rotatingListbox button.slick-arrow:after {
    content: " ";
    position: absolute;
    border-left: 1px solid #F7F5F2;
    border-bottom: 1px solid #F7F5F2;
    z-index: 1;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: 10px;
    left: 12px;
}
.rotatingListbox button.slick-next.slick-arrow:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    left: 8px;
}
*/
/* pagination */
.slidePagination {
    position: absolute;
    left: 0;
    font-size: 14px;
    bottom: 0;
    line-height: 22px;
    font-weight: 400;
    color: #6D5C54;
    border-top: 1px solid #6D5C54;
    border-bottom: 1px solid #6D5C54;
    width: 100%;
    padding: 16px 0;
}

.slidePagination .currentSlide {
    padding-left: 10px;
}

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

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

.padding-top-l,
.listBoxWrapper,
.seoBoxesWrapper {
    padding-top: 70px;
}

.padding-top-m {
    padding-top: 50px;
}

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

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

.padding-top-xxs {
    padding-top: 10px;
}

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

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

.padding-bottom-l,
.listBoxWrapper,
.seoBoxesWrapper,
.error404 .contentWrapper {
    padding-bottom: 70px;
}

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

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

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

.padding-bottom-xxs {
    padding-bottom: 10px;
}

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

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

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

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

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

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

.margin-top-xxs,
.linkWrapper,
.offerBoxesWrapper article .txtWrapper,
.blogWrapper article .txtWrapper,
.offerBoxesWrapper .txtLink,
article .sc-readmore,
.offerInner .postPriceWrapper .headline,
.offerInner .buttonsWrapper a {
    margin-top: 10px;
}

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

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

.margin-bottom-l,
.offerInner .wrapper,
.offerInner .returnLinkWrapper {
    margin-bottom: 70px;
}

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

.margin-bottom-s {
    margin-bottom: 40px;
}

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

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

.boxLayout .box:nth-child(2),
.change-order .boxLayout .box:nth-child(1),
.change-order-m .boxLayout .box:nth-child(1),
.change-order-m .boxLayout .box:nth-child(1) {
    margin-top: 30px;
}

/*Button & TXT-Link Styles*/
button,
.button {
    background: #6D5C54;
    color: #F2EFEA;
    font-size: 13px;
    font-weight: 800;
    padding: 12px 25px;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .5px;
    border-radius: 0px;
    font-family: "Noto Sans", sans-serif;
    border: 2px solid #6D5C54;
}

button,
a.button {
    text-decoration: none;
}

.bg3 .button,
.button.white,
.newsletter .button {
    background: #F2EFEA;
    color: #6D5C54;
    border-color: #F2EFEA;
}

.button.secondary,
.SiMenu .copyToMobileMenu .button:nth-child(odd),
.bg3 .button:hover,
.bg2 .button:hover {
    background: transparent;
    color: #fff;
}

.button:hover,
.SiMenu .copyToMobileMenu .button:nth-child(odd):hover {
    background: transparent;
    color: #6d5c54;
}

.button:active,
.button:focus,
.sc-readmore a:active,
.SiMenu .copyToMobileMenu .button:nth-child(odd):active {
    background: #6E715F;
    color: #fff;
}

.linkWrapper a {
    margin-right: 30px;
    margin-top: 10px;
    display: inline-block;
}

/*Slick Styles*/
.slick-arrow {
    width: 16px;
    height: 20px;
    border: 0;
    background: transparent;
    background-image: url(../graphics/vector_sprites.svg?ver=1.0);
    background-position: -75px -645px;
    /*dunkel */
    background-position: 0px -645px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 9;
    cursor: pointer;
    padding: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

.slick-next.slick-arrow {
    left: 50px;
    background-position: -75px -595px;
    /*dunkel */
    background-position: 0px -595px;
}

button.slick-arrow {
    font-size: 0;
}

.headerSlider .slick-arrow {
    bottom: 50%;
    left: 2%;
    margin-top: -10px;
}

.headerSlider .slick-next.slick-arrow {
    right: 2%;
    left: auto;
}

ul.slick-dots {
    position: absolute;
    bottom: 10%;
    padding: 0;
    margin: 0;
    line-height: 0;
    width: 100%;
    text-align: center
}

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

ul.slick-dots li button {
    width: 16px;
    height: 16px;
    background: transparent;
    border-radius: 50%;
    border: 2px solid #fff;
    font-size: 0;
    margin: 0 2px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.8);
    box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.8);
    cursor: pointer;
    padding: 0
}

.slick-dots li.slick-active button {
    background: #fff
}

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

/*Accordion Styles*/
[data-accordion] [data-control],
.hotel .roomBox:nth-child(1) [data-accordion] [data-control] {
    position: relative;
    padding: 16px 20px 16px 0;
    border-bottom: .5px solid #4B4B36;
    font-size: .9rem;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    color: #3D2E1F;
}

.roomBox:nth-child(odd) [data-accordion] [data-control] {
    border-bottom: .5px solid #f2efea;
    color: #fff;
}

[data-accordion] [data-control]:hover {
    color: #000;
}

[data-accordion].accordion.open [data-content] {
    padding: 20px 10px;
}

[data-accordion]>[data-control]:after,
.hotel .roomBox:nth-child(1) [data-accordion]>[data-control]:after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 3px;
    z-index: 10;
    cursor: pointer;
    display: inline-block;
    background-image: url(../graphics/vector_sprites.svg);
    background-position: -649px -629px;
}

.roomBox:nth-child(odd) [data-accordion]>[data-control]:after {
    background-position: -468px -629px;
}

[data-accordion].open>[data-control]:after,
.hotel .roomBox:nth-child(1) [data-accordion].open>[data-control]:after {
    background-position: -689px -629px;
}

.roomBox:nth-child(odd) [data-accordion].open>[data-control]:after {
    background-position: -508px -629px;
}

.roomBox .box.textBox {
    z-index: 5;
}

/*Tabs Styles*/
.tabs>[data-control] {
    border-top: 1px solid #6E715F;
    border-bottom: 1px solid #6E715F;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    max-width: 1000px;
    margin: 0 auto;
}

.wide .tabs>[data-control] {
    display: block;
}

.tabs>[data-control] button {
    border: 0;
    color: #4B4B36;
    font-weight: 600;
    font-size: 14px;
    padding: 10px 10px 10px 20px;
    position: relative;
    margin-right: 5%;
    background: transparent;
    text-align: left;
    position: relative;
    white-space: nowrap;
}

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

.tabs>[data-control] button:before {
    content: '';
    background-image: url(../graphics/vector_sprites.svg?ver=1.0);
    background-position: -25px -700px;
    width: 12px;
    height: 12px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0px, -50%);
}

.tabs>[data-control] button.active:before,
.tabs>[data-control] button:hover:before {
    background-position: 0px -700px;
}

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

[data-content] .t3 {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

[data-content] .zimmerWrapper .t3 {
    margin-left: 0;
    margin-right: 0;
}

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

.SiTable td {
    padding: 5px;
    border: 1px solid #827b73;
}

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

.SiTable table tr:nth-child(1) {
    background: #6d5c54;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.3px;
}

.additionalPriceInformation {
    margin: 15px 0;
}

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

/*_____  ------  _____ ------  _____ HEADER _____  ------  _____ ------  _____*/
/*Mobile Top Bar Styles*/
.resMenu {
    position: fixed;
    background-color: #6D5C54;
    width: 100%;
    height: 60px;
    z-index: 1005;
    top: 0;
    left: 0;
}

.home .resMenu {
    background-color: transparent;
    -webkit-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease;
}

.home.scrolled .resMenu {
    background-color: #6D5C54;
}

.resMenu button.SiMenuToggle {
    position: absolute;
    right: 10px;
    top: 11px;
    height: 40px;
    width: 100px;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    line-height: 38px;
    display: flex;
    justify-content: end;
    font-family: 'Noto Sans';
    font-weight: 800;
    letter-spacing: 1px;
    font-size: 14px;
}

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

.resMenu button.SiMenuToggle div {
    width: 40px;
    height: 30px;
    margin-top: 9px;
    position: relative;
}

.resMenu button.SiMenuToggle .line {
    position: absolute;
    width: 28px;
    height: 3px;
    background: #F2EFEA;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    right: 0;
}

.resMenu button.SiMenuToggle .line:nth-child(2) {
    top: 8px;
}

.resMenu button.SiMenuToggle .line:nth-child(3) {
    top: 16px;
}

.resMenu a.button {
    height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}

.resMenu a.phone,
.SiMenu .copyToMobileMenu a.phone:before {
    background-image: url(../graphics/vector_sprites.svg?ver=1.0);
    background-position: -342px -343px;
    text-decoration: none;
    width: 25px;
    height: 25px;
    display: inline-block;
}

.resMenu a.phone {
    font-size: 0;
    position: fixed;
    bottom: 16px;
    right: 16px;
    background-color: #3D2E1F;
    width: 36px;
    height: 36px;
    border-radius: 50px;
    -webkit-transition: bottom 0.2s ease-in-out;
    -o-transition: bottom 0.2s ease-in-out;
    transition: bottom 0.2s ease-in-out;
}

.scrolled .resMenu a.phone {
    bottom: 74px;
}

.copyToMobileMenu .button {
    display: none;
}

/*Desktop Top Bar Styles*/
.topBar {
    position: fixed;
    left: 0;
    bottom: -100px;
    z-index: 11;
    height: 60px;
    width: 100%;
    background-color: #F2EFEA;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: bottom 0.2s ease;
    -o-transition: bottom 0.2s ease;
    transition: bottom 0.2s ease;
    -webkit-box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, 0.1);
}

.scrolled .topBar {
    bottom: 0;
}

.topBar a.button {
    background-color: transparent;
    color: #6D5C54;
    text-transform: none;
    font-weight: 500;
    border: 0;
    padding: 5px;
    margin: 8px 0;
    font-size: 14px;
    position: relative;
    line-height: 14px;
    width: 25%;
    text-align: center;
}

.topBar a.button:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(../graphics/vector_sprites.svg);
    background-position: -546px -2px;
    margin-top: -2px;
    margin-left: 50%;
    transform: translate(-50%, 0);
}

.topBar a.button.call:before {
    background-position: -599px -5px;
}

.topBar a.button.offer:before {
    background-position: -643px -3px;
}

.topBar a.button.book:before {
    background-position: -698px -6px;
}

/*Menu Styles*/
.SiMenu.active {
    display: block;
    background: #6d5c54;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5%;
    padding-top: 100px;
    text-align: left;
    width: 100%;
}

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

.SiMenuDesktop .menuImages,
[class*="SiMenu"] .menu-item .menuItemImages,
.SiMenuDesktop .menuBackgroundImages {
    display: none;
}

.SiMenu ul.sc-menu {
    width: 65%;
    margin-left: 15px;
    min-width: 240px;
}

.sc-menu a {
    text-decoration: none;
    display: block;
    padding: 5px 40px 5px 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.sc-menu .submenuarrow b {
    font-weight: 800;
    font-size: 21px;
    line-height: 120%;
    /* 24px */
    display: block;
}

.sc-menu a:hover {
    color: #f2efea;
    opacity: .8;
}

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

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

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

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

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

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

.sc-menu li.submenuarrow {
    position: relative;
    border-bottom: 1px solid #3d2e1f;
    padding: 10px 0;
}

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

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

.SiMenu .sc-menu li ul li a {
    text-transform: none;
    font-size: 14px;
    padding: 7px 0;
    line-height: 1.2;
}

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

.SiMenu li>ul,
.SiMenuDesktop li>ul {
    display: none;
    padding-left: 0.5rem;
}

.SiMenu li>ul.active,
.SiMenuDesktop li>ul.active {
    display: block;
}

.SiMenuDesktop li>ul.active,
.SiMenuDesktop li>ul.active,
.SiMenuDesktop .menu-item.submenuActive .menuItemImages {
    position: absolute;
    z-index: 10;
    background: #fff;
}

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

.SiMenu button:focus,
.SiMenuDesktop button:focus {
    outline: none;
}

body:not(.home).SiMenuOpen .resMenu button.SiMenuToggle,
body.home.scrolled.SiMenuOpen .resMenu button.SiMenuToggle {
    color: #fff;
}

.SiMenuOpen .resMenu button.SiMenuToggle:before,
.SiMenuOpen .resMenu button.SiMenuToggle:after {
    content: " ";
    width: 26px;
    height: 2px;
    background: #fff;
    display: block;
    position: absolute;
    right: 6px;
    top: 18px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.SiMenuOpen .resMenu button.SiMenuToggle div {
    opacity: 0;
}

.SiMenuOpen .resMenu button.SiMenuToggle::after {
    bottom: -8px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.SiMenuOpen .resMenu button.SiMenuToggle:hover::before,
.SiMenuOpen .resMenu button.SiMenuToggle:hover::after {
    background: #F2EFEA;
}

.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 #F2EFEA;
    border-left: 2px solid #F2EFEA;
    -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 {
    display: none;
}

.SiMenu .topBar {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    left: calc(5% + 15px);
    bottom: 0;
    gap: 15px;
    flex-direction: row-reverse;
    width: auto;
}

.SiMenu .topBar a.button {
    display: none;
    background: #6D5C54;
    color: #F2EFEA;
    font-size: 13px;
    font-weight: 800;
    padding: 20px 25px;
    text-decoration: none;
    text-transform: uppercase;
    border: 2px solid #F2EFEA;
    width: 70px;
    line-height: 1px;
}

.SiMenu .topBar a.button.book {
    background: #F2EFEA;
    color: #3D2E1F;
    min-width: fit-content;
}

.SiMenu .topBar a.button.request,
.SiMenu .topBar a.button.book {
    display: inline-block;
}

.SiMenu .topBar a.button:hover {
    background: #6e715f;
    color: #F2EFEA;
}

.SiMenu .topBar a.button:before {
    content: none;
}

.additionalMenuContent {
    position: fixed;
    bottom: 70px;
}

.additionalMenuContent p {
    z-index: 1002;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 15px;
    gap: 20px;
}

.additionalMenuContent a {
    color: #F2EFEA;
    position: relative;
    text-decoration: underline;
}

.additionalMenuContent a:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(../graphics/vector_sprites.svg);
    background-position: -550px -230px;
}

.additionalMenuContent a.dayspa:before {
    background-position: -620px -230px;
}

.additionalMenuContent a.offer:before {
    background-position: -700px -230px;
}

nav:not(.SiMenuDesktop) [class*=menu-hauptmenue] {
    height: calc(100vh - 230px);
    height: calc(calc(var(--vh, 1vh) * 100) - 230px);
    overflow-y: auto;
}

/*SiMenuDesktop*/
.SiMenuDesktop .sc-menu li {
    display: inline-block;
}

.SiMenuDesktop li.submenuarrow a {
    padding-right: 17px;
}

/*Menu Arrows*/
.SiMenuDesktop li.submenuarrow>a:after,
.SiMenu li.submenuarrow>a:after {
    content: " ";
    width: 20px;
    height: 20px;
    right: -30px;
    top: 20px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    background-image: url(../graphics/vector_sprites.svg);
    background-repeat: no-repeat;
    background-position: -75px -595px;
}

.SiMenuDesktop li.submenuarrow.submenuActive>a:after,
.SiMenu li.submenuarrow.submenuActive>a:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.hasSubmenu.current-menu-parent>a,
.sc-menu li a[aria-current]:hover:after,
.SiMenuDesktop li.submenuarrow.current-menu-parent>a:hover:after {
    border-color: #3B3B3B;
}

/*Main Logo Styles*/
/*Note: If you want use different logos, use "background-image"*/
.homeLogo {
    display: none;
}

.home .homeLogo {
    display: block;
    max-width: 60%;
    width: 280px;
    height: auto;
    position: absolute;
    top: 70px;
    z-index: 9;
    right: 50%;
    transform: translate(50%, 0);
}

.stickyLogo {
    width: 65px;
    position: fixed;
    top: 6px;
    left: 16px;
    -webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    z-index: 1010;
    opacity: 0;
    pointer-events: none;
}

.stickyLogo.mobile {
    opacity: 1;
    pointer-events: initial;
}

.home .stickyLogo.mobile {
    opacity: 0;
    pointer-events: none;
}

.home.scrolled .stickyLogo.mobile,
.home.SiMenuOpen .stickyLogo.mobile {
    opacity: 1;
    pointer-events: initial;
}

/*Language Selector Styles*/
.sc-language-selector,
.menuLanguageSelector {
    position: fixed;
    z-index: 1006;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
    left: 100px;
    top: 20px;
}

.home:not(.scrolled) .sc-language-selector {
    left: 15px;
}

.home:not(.scrolled).SiMenuOpen .sc-language-selector {
    left: 140px;
}

.menuLanguageSelector {
    display: none;
}

.sc-language-selector a,
.menuLanguageSelector a {
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
}

.sc-language-selector a:hover,
.menuLanguageSelector a:hover,
body:not(.home) .sc-language-selector a:hover,
.home.scrolled .sc-language-selector a:hover {
    color: #a99c97;
}

.sc-language-selector li.wpml-ls-current-language a span,
.menuLanguageSelector li.wpml-ls-current-language a span {
    text-decoration: underline;
}

.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;
}

.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 {
    left: 140px;
    top: 20px;
}

/*Header Slider Styles*/
.headerSlider,
.headerVideo {
    display: none;
    position: relative;
}

.showHeaderSlider .headerSlider,
.showHeaderVideo .headerVideo {
    display: block;
    margin-top: 60px;
}

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

/*Fullscreen Header Slider Styles*/
.home .showHeaderSlider .headerSlider,
.home .showHeaderVideo .headerVideo {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    overflow: hidden;
    margin-top: 0;
}

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

.box.slideshowBox .sc-slideshow {
    position: relative;
}

.home .showHeaderSlider header .headerSlider:before,
.home .showHeaderVideo header .headerVideo:before,
.home .showHeaderSlider header .headerSlider:after,
.home .showHeaderVideo header .headerVideo:after,
.box.slideshowBox .sc-slideshow:before {
    content: "";
    width: 100%;
    height: 40%;
    z-index: 1;
    position: absolute;
    top: 0;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(94%, rgba(0, 0, 0, .7)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 100%);
    left: 0;
    pointer-events: none;
}

.home .showHeaderSlider header .headerSlider:after,
.home .showHeaderVideo header .headerVideo:after,
.box.slideshowBox .sc-slideshow:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(94%, rgba(0, 0, 0, .7)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 100%);
    top: unset;
    bottom: 0;
    height: 25%;
}

/*Animation Header*/
.home .headerSlider .sc-slideshow .slick-slide img {
    animation: slideShow 35s linear infinite 0s;
    -o-animation: slideShow 35s linear infinite 0s;
    -moz-animation: slideShow 35s linear infinite 0s;
    -webkit-animation: slideShow 35s linear infinite 0s;
}

@-webkit-keyframes slideShow {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -ms-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        -ms-transform: scale(1.25);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -ms-transform: scale(1);
    }
}

@keyframes slideShow {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -ms-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        -ms-transform: scale(1.15);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -ms-transform: scale(1);
    }
}





.arrowDown {
    display: none;
}

.home header .arrowDown {
    content: " ";
    width: 100px;
    height: 40px;
    position: absolute;
    z-index: 3;
    bottom: 30px;
    left: calc(50% - 50px);
    cursor: pointer;
    background-image: url(../graphics/vector_sprites.svg?ver=1.0);
    background-repeat: no-repeat;
    background-position: 5px -40px;
    -webkit-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease;
}

.home.scrolled header .arrowDown {
    opacity: 0;
}

.home header .arrowDown:before,
.home header .arrowDown:after {
    content: '';
    width: calc(50vw - 45px);
    height: 1px;
    position: absolute;
    bottom: 33px;
    left: 75px;
    border-top: 1px solid #fff;
}

.home header .arrowDown:after {
    left: unset;
    right: 75px;
}

header .arrowDown a {
    text-decoration: none;
    font-family: 'Noto Sans';
    font-weight: 800;
    letter-spacing: 1px;
    font-size: 14px;
    content: 'SCROLL DOWN';
}

.home .showHeaderSlider .arrowDown {
    display: inline-block;
}

/*Fullscreen HeaderSlider END*/
/* Highlights */
.highlightWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px 0;
    flex-wrap: wrap;
}

.highlightWrapper .box {
    width: 50%;
    box-sizing: border-box;
}

.highlightWrapper .box:nth-child(odd) {
    border-right: 1px solid #6d5c54;
    padding-right: 25px;
}

.highlightWrapper .box:nth-child(even) {
    padding-left: 25px;
}

.highlightWrapper img {
    width: 35px;
}

.highlightWrapper .headline,
.historyWrapper .headline {
    font-size: 17px;
    font-weight: 800;
    line-height: 120%;
    letter-spacing: 0.45px;
    text-transform: uppercase;
    color: #6D5C54;
    margin: 15px 0 10px;
}

.historyWrapper .headline {
    color: #4B4B36;
    margin-bottom: 25px;
}

.historyWrapper .historyContent .imageWrapper {
    margin-top: 50px;
    position: relative;
    margin-right: 2px;
}

.historyContent .imageWrapper:before {
    background-image: url(../graphics/symbol-dark.svg?ver=1.0);
    top: -40px;
}

/* Rooms */
.zimmerWrapper {
    padding-bottom: 60px;
    position: relative;
}

.roomPrevBox {
    text-align: right;
    margin-bottom: 30px;
    position: relative;
}

.roomPrevBox .textBox {
    padding-top: 30px;
}

.roomPrevBox .eyecatcherBtn {
    position: absolute;
    right: 20px;
    top: 20px;
}

.roomBox {
    padding: 20px 0 75px;
}

.roomBox:nth-child(odd) {
    background: #6d5c54;
    color: #fff;
}
.sc-masterContainer .roomBox:nth-child(odd) ul:not(.slick-dots) li:before {
        background-position: -4px -600px;
}

.hotel .roomBox:nth-child(1) {
    background: #ACB09B;
    color: #000000;
}
.hotel .sc-masterContainer .roomBox:nth-child(1) ul:not(.slick-dots) li:before {
        background-position: -40px -600px;
}
.roomBox h3 {
    color: #3D2E1F;
}
.roomBox:nth-child(odd)  h3 {
    color: #f2efea; 
}
.hotel .roomBox:nth-child(1) h3,
.hotel .roomBox:nth-child(2) h3 {
    color: #4B4B36;
}

.roomBox .box.slideshowBox {
    position: relative;
}

.roomBox .box.slideshowBox:after {
    content: '';
    position: absolute;
    z-index: 3;
    background-image: url(../graphics/symbol_brown.svg?ver=1.0);
    background-size: 100%;
    width: auto;
    height: 104px;
    aspect-ratio: 110 / 104;
    display: inline-block;
    bottom: -50px;
    right: 0;
}

.roomBox:nth-child(odd) .box.slideshowBox:after {
    background-image: url(../graphics/symbol_hell.svg?ver=1.0);
}

.hotel .roomBox:nth-child(2) .box.slideshowBox:after {
    background-image: url(../graphics/symbol_green.svg?ver=1.0);
}

.roomBox:nth-child(odd) .line-top [data-accordion] [data-control] {
    border-top: .5px solid #f2efea;
}

.roomBox .line-top [data-accordion] [data-control],
.hotel .roomBox:nth-child(1) .line-top [data-accordion] [data-control],
.hotel .roomBox:nth-child(2) .line-top [data-accordion] [data-control] {
    border-top: .5px solid #4B4B36;
}

.roomInfo {
    font-size: 14px;
    display: flex;
    line-height: 15px;
}

.roomInfo>div {
    width: 33%;
    position: relative;
    border-right: 1px solid #6E715F;
    padding: 0 15px;
}

.roomInfo>div:first-of-type {
    padding-left: 0;
}

.roomInfo>div:last-of-type {
    border-right: 0;
}

.roomInfo>div:before,
.hotel .roomBox:nth-child(1) .roomInfo>div:before {
    content: '';
    display: block;
    width: 32px;
    height: 40px;
    background-image: url(../graphics/vector_sprites.svg);
    background-position: -549px -160px;
    margin-top: -2px;
}

.roomInfo>div.size:before,
.hotel .roomBox:nth-child(1) .roomInfo>div.size:before {
    background-position: -689px -160px;
}

.roomInfo>div.persons:before,
.hotel .roomBox:nth-child(1) .roomInfo>div.persons:before {
    background-position: -618px -160px;
}

.roomBox:nth-child(odd) .roomInfo>div:before {
    background-position: -799px -160px;
}

.roomBox:nth-child(odd) .roomInfo>div.size:before {
    background-position: -939px -160px;
}

.roomBox:nth-child(odd) .roomInfo>div.persons:before {
    background-position: -868px -160px;
}

.roomBox:nth-child(odd) .roomInfo>div {
    border-color: #f2efea;
}

.hotel .roomBox:nth-child(1) .roomInfo>div {
    border-color: #6E715F;
}

.roomBox .button {
    background: #3D2E1F;
    border-color: #3D2E1F;
}

.hotel .roomBox:nth-child(1) .button,
.hotel .roomBox:nth-child(2) .button {
    background: #4B4B36;
    color: #fff;
    border-color: #4B4B36;
}

.roomBox .button.secondary {
    background: #F2EFEA;
    margin-left: 20px;
    color: #3D2E1F;
}

.roomBox:nth-child(even) .button.secondary {
    background: #b6ada9;
    border-color: #b6ada9;
    color: #3d2e1f;
}

.hotel .roomBox:nth-child(1) .button.secondary {
    color: #4B4B36;
    background: #F2EFEA;
}

.hotel .roomBox:nth-child(2) .button.secondary {
    background: #acb09b;
    border-color: #acb09b;
    border-color: #F2EFEA;
}



.roomBox .button:hover,
.roomBox .button.secondary:hover,
.roomBox:nth-child(even) .button.secondary:hover {
    background: #fff;
    color: #3D2E1F;
    border-color: #3D2E1F;
}

.hotel .roomBox:nth-child(1) .button:hover,
.hotel .roomBox:nth-child(2) .button:hover,
.hotel .roomBox:nth-child(1) .button.secondary:hover,
.hotel .roomBox:nth-child(2) .button.secondary:hover {
    background: #fff;
    color: #4b4b36;
    border-color: #4b4b36;
}

.hotel .roomBox:nth-child(1) .txtLinkWrapper a {
    color: #4B4B36;
    text-decoration-color: #4B4B36;
}

.roomBox .txtLinkWrapper a {
    color: #000;
}

.roomBox:nth-child(odd) .txtLinkWrapper a {
    color: #fff;
    text-decoration-color: #fff;
}

.hotel .roomBox:nth-child(1) .txtLinkWrapper a:hover {
    color: #000;
    text-decoration-color: #000;
}

/* Gallery */
.gallery .no-slideshow {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
}

.gallery .no-slideshow img {
    margin-bottom: 10px;
}

@supports (grid-template-rows: masonry) {

    /* masonry code here */
    .gallery .no-slideshow {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: masonry;
    }
}

/*_____  ------  _____ ------  _____ FOOTER _____  ------  _____ ------  _____*/
.footer {
    clear: both;
}

.small .contentWrapper,
.small .widthWrapper,
.quickrequest .contentWrapper {
    width: 70%;
}

.logoFooter {
    width: 150px;
}

.footer address {
    font-style: normal;
}

.footer address img.logoFooter {
    width: 360px !important;
    max-width: 65% !important;
    height: auto !important;
}

address .map {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 0.5px solid #A99C97;
    padding-bottom: 16px;
}

.contact a {
    border-bottom: 0.5px solid #A99C97;
    padding: 16px 0 16px 40px;
    position: relative;
    display: block;
    text-decoration: none;
}

.mapicon {
    padding-left: 40px;
    position: relative;
}

.contact a:before,
.mapicon:before {
    content: '';
    display: block;
    width: 30px;
    height: 34px;
    background-image: url(../graphics/vector_sprites.svg);
    background-position: -546px -99px;
    left: 0;
    position: absolute;
    top: 10px;
}

.contact a.mail:before {
    background-position: -619px -100px;
}

.contact a.tel:before {
    background-position: -741px -100px;
}

.contact a.guestnet:before {
    background-position: -686px -97px;
}

.mapicon:before {}

.social>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

.social a {
    width: 40px;
    height: 40px;
    background-image: url(../graphics/vector_sprites.svg);
    background-position: 0 -342px;
    text-decoration: none;
    font-size: 0;
    display: inline-block;
}

.social a.insta {
    background-position: -92px -342px;
}

.social a.weather {
    background-position: -92px -242px;
}

.social a.webcam {
    background-position: -7px -242px;
}

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

.editorial {
    text-align: center;
    color: #6D5C54;
    font-size: 14px;
}

.quickrequest {
    text-align: center;
    position: relative;
}

.bestprice {
    content: '';
    width: 95px;
    height: 95px;
    background-image: url(../graphics/vector_sprites.svg);
    background-position: 0 -600px;
    display: inline-block;
    position: absolute;
    top: -30px;
    right: 5%;
    background-size: 750px;
}

:lang(it) .bestprice {
    background-position: -225px -600px;
}

:lang(en) .bestprice {
    background-position: -112px -600px;
}

.sc-quickInquiry .lines {
    display: flex;
    flex-wrap: wrap;
}

.sc-quickInquiry input {
    font-family: "Noto Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%;
    /* 18px */
    letter-spacing: 0.45px;
    text-transform: uppercase;
    color: #F2EFEA;
    margin-top: 5px;
    text-align: left;
}

.sc-quickInquiry .sc-quickformSubmit button {
    border: 2px solid #F2EFEA;
}

.sc-quickInquiry .sc-quickformArrival,
.sc-quickInquiry .sc-quickformAdults {
    text-align: left;
}

.sc-quickInquiry .sc-quickformDeparture,
.sc-quickInquiry .sc-quickformChildren,
.sc-quickInquiry .sc-quickformDeparture input,
.sc-quickInquiry .sc-quickformChildren input {
    text-align: right;
}

.sc-quickInquiry .sc-quickformArrival {
    margin-bottom: 20px;
}

.sc-quickInquiry .sc-quickformAdults,
.sc-quickInquiry .sc-quickformChildren {
    margin-top: 20px;
}

.sc-quickInquiry .lines>div label {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    padding: 0;
}

.sc-quickInquiry .sc-quickformArrival,
.sc-quickInquiry .sc-quickformAdults {
    border-color: #3D2E1F;
}

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

.sc-quickformArrival:after {
    content: '';
    background: #3d2e1f;
    height: .5px;
    width: 200%;
    bottom: -20px;
    left: 0;
    z-index: 990;
    display: inline-block;
    position: absolute;
}

.sc-quickInquiry .sc-quickformSubmit {
    padding: 25px 0 0;
}

.sc-quickformSubmit {
    margin-top: 25px;
}

.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: #6d5c54;
    background: #6d5c54;
}

.sc-quickInquiry label:hover,
.sc-quickInquiry label:focus,
.sc-quickInquiry>div.active,
.sc-quickInquiry .lines div:hover,
.sc-quickInquiry .lines div:focus,
.sc-quickInquiry .lines>div.active {
    background: #3d2e1f;
    color: #fff;
}

.sc-quickInquiry .sc-selectValuesAdults button,
.sc-quickInquiry .sc-selectValuesChildren button {
    color: #6d5c54;
}

/*SEO Boxes Styles*/
.seoBoxes .box {
    position: relative;
    cursor: pointer;
    background-color: #000;
}

.seoBoxes .slick-arrow {
    top: unset;
    bottom: 15px;
    left: unset;
    right: 60px;
    background-position: 0px -645px;
}

.seoBoxes .slick-next.slick-arrow {
    right: 15px;
    background-position: 0px -595px;
}

.seoBoxes:after {
    content: '';
    position: absolute;
    z-index: 1;
    background-image: url(../graphics/vector_logo-sticky-beige.svg?ver=1.0);
    background-size: 100%;
    width: auto;
    height: 125px;
    aspect-ratio: 1 / 1;
    display: inline-block;
    bottom: -10px;
    left: -35px;
    background-repeat: no-repeat;
}

.seoBoxes .slick-slide img {
    opacity: .6;
    aspect-ratio: 1730 / 2100;
}

.seoBoxes .slick-slide .box:hover img {
    opacity: 1;
}

.seoBoxesWrapper .seoBoxes .headline {
    position: absolute;
    z-index: 9;
    top: 40%;
    width: 100%;
    text-align: center;
}

.seoBoxesWrapper .seoBoxes .headline a {
    text-decoration: none;
    color: #fff;
    font-weight: 800;
    padding: 10px;
}

/*Newsletter Styles*/
.newsletter {
    position: relative;
}

.newsletter .box.slideshowBox {
    height: 70vh;
    height: calc(calc(var(--vh, 1vh) * 70) - 0px);
}

.newsletter .box.slideshowBox .no-slideshow {
    height: 100%;
}

.newsletter .box.slideshowBox img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100% !important;
    width: 100% !important;
}

.newsletter .box.textBox {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    margin: 0 auto;
    width: 90%;
    padding: 25px;
    box-sizing: border-box;
    max-width: 1000px;
}

.nl-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.newsletter ::-webkit-input-placeholder {
    color: #fff;
}

.newsletter input {
    padding: 5px 0;
    margin-bottom: 25px;
    width: 100%;
    box-sizing: border-box;
    background: transparent;
    border: 0;
    border-bottom: 1px solid white;
    color: #fff;
}

.newsletter .button {
    padding: 12px 20px;
}


/*
:lang(it) .register-newsletter button.rmBase__comp--cta p:nth-child(2), :lang(en) .register-newsletter button.rmBase__comp--cta p:nth-child(2) {
    display: none;
}
:lang(it) .register-newsletter button.rmBase__comp--cta p:nth-child(1):before {
    content: "Registrazione";
}
:lang(en) .register-newsletter button.rmBase__comp--cta p:nth-child(1):before {
    content: "Register";
}
*/
/*Partner Styles*/
.partner .contentWrapper {
    text-align: center;
    border-top: 1px solid #A99C97;
    border-bottom: 1px solid #A99C97;
}

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

.partner br {
    display: none;
}

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

.partner .kronplatz {
    background-position: 0 -40px;
    width: 100px;
}

.partner .ahrntal {
    background-position: 0 -193px;
    width: 115px;
}

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

.partner .suedtirol:hover {
    background-position: 0 -102px;
}

.partner .booking_suedtirol {
    background-position: 0 -152px;
    width: 51px;
    height: 40px;
}

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

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

.anchorMenuWrapper a {
    margin-top: 0;
    margin-bottom: 0;
    text-decoration: none;
    margin-right: 30px;
    color: #4B4B36;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.anchorMenuWrapper a:hover {
    color: #fff;
}

.anchorMenuWrapper a.sianchorActive {
    color: #fff;
    text-decoration: underline;
}

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

/* SlideUp Animation */
.animated.slideUpBox {
    -webkit-animation-name: moveUpFadeIn;
    -webkit-animation-duration: 2s;
    animation-name: moveUpFadeIn;
    animation-duration: 2s;
    position: relative;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.animate {
    opacity: 0;
}

.noanimate .animate {
    opacity: 1;
}

@-webkit-keyframes moveUpFadeIn {
    from {
        top: 80px;
        opacity: 0.5;
    }

    to {
        top: 0px;
        opacity: 1;
    }
}

.noanimate {
    opacity: 1;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --->>>  @Media Styles Start <<<--- */
/* Portrait */
@media (max-width: 994px) and (orientation: portrait) {

    .imgVertical .sc-slideshow,
    .imgVertical .slick-slider .slick-track,
    .imgVertical .slick-slider .slick-list,
    .imgVertical .slick-initialized .slick-slide,
    .imgVertical .slick-initialized .slick-slide div {
        height: 124vw;
        width: 100%;
        overflow: hidden;
    }

    .imgVertical .sc-slideshow img {
        height: 100%;
        width: auto !important;
        object-fit: cover;
    }
}

@media (max-width: 400px) {
    address .map {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    address .map .button {
        margin-top: 15px;
        margin-left: 40px;
    }
}

@media (min-width: 700px) {

    .offerBoxesWrapper,
    .blogWrapper {
        align-items: start;
        flex-direction: row;
        justify-content: center;
        gap: 4.5%;
    }

    .offerBoxesWrapper .box,
    .blogWrapper .box {
        width: 45.5%;
    }
}

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

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

    .padding-top-l,
    .listBoxWrapper,
    .seoBoxesWrapper {
        padding-top: 100px;
    }

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

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

    .padding-top-xs,
    .seoBoxesWrapper .t2 {
        padding-top: 45px;
    }

    .padding-top-xxs {
        padding-top: 20px;
    }

    .padding-bottom-xxl {
        padding-bottom: 130px;
    }

    .padding-bottom-xl,
    .seoBoxesWrapper {
        padding-bottom: 120px;
    }

    .padding-bottom-l,
    .error404 .contentWrapper,
    .listBoxWrapper {
        padding-bottom: 100px;
    }

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

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

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

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

    .margin-top-xxl {
        margin-top: 130px;
    }

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

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

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

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

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

    .margin-top-xxs,
    .offerBoxesWrapper article .txtWrapper,
    .blogWrapper article .txtWrapper,
    .offerBoxesWrapper .txtLink,
    article .sc-readmore,
    .offerInner .postPriceWrapper .headline,
    .offerInner .buttonsWrapper,
    .rotatingListbox .buttonsWrapper {
        margin-top: 30px;
    }

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

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

    .margin-bottom-l,
    .offerInner .wrapper,
    .offerInner .returnLinkWrapper {
        margin-bottom: 100px;
    }

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

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

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

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

    html,
    body,
    h1,
    .t1,
    button {
        font-size: 17px;
        line-height: 1.5;
    }

    .resMenu {
        height: 74px;
    }

    .SiMenuOpen .resMenu button.SiMenuToggle:before,
    .SiMenuOpen .resMenu button.SiMenuToggle:after {
        height: 3px;
    }

    body.scrolled .resMenu {
        -webkit-box-shadow: 0 4px 4px 0 rgba(50, 50, 50, 0.08);
        box-shadow: 0 4px 4px 0 rgba(50, 50, 50, 0.08);
    }

    body:not(.home) .resMenu button.SiMenuToggle,
    body.home.scrolled .resMenu button.SiMenuToggle,
    .sc-language-selector,
    .menuLanguageSelector {
        color: #3D2E1F;
    }

    body:not(.home) .resMenu button.SiMenuToggle .line,
    body.home.scrolled .resMenu button.SiMenuToggle .line {
        background: #3d2e1f;
    }

    .resMenu button.SiMenuToggle {
        top: 20px;
        right: 30px;
    }

    .home:not(.scrolled) .resMenu button.SiMenuToggle {
        top: 30px;
        right: 30px;
    }

    .sc-language-selector {
        top: 30px;
        left: 140px;
        width: fit-content;
    }


    .home:not(.scrolled) .sc-language-selector {
        top: 30px;
        left: 30px;
    }

    body:not(.home) .resMenu,
    .home.scrolled .resMenu {
        background-color: #f2efea;
    }

    body:not(.home) .sc-language-selector a,
    .home.scrolled .sc-language-selector a {
        color: #6D5C54;
    }

    .SiMenuOpen .resMenu button.SiMenuToggle,
    .home:not(.scrolled).SiMenuOpen .resMenu button.SiMenuToggle {
        top: 23px;
        right: 33px;
    }

    .SiMenuOpen .sc-language-selector {
        display: none;
    }

    .menuLanguageSelector {
        display: block;
        left: 320px;
        position: fixed;
    }

    .topBar {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        gap: 15px;
        left: unset;
        right: 170px;
        bottom: unset;
        top: 7px;
        z-index: 1010;
        width: auto;
        flex-direction: row-reverse;
    }

    .topBar a.button {
        display: none;
        background: #3D2E1F;
        color: #F2EFEA;
        font-size: 16px;
        font-weight: 800;
        padding: 16px 30px;
        text-decoration: none;
        text-transform: uppercase;
        border: 2px solid #F2EFEA;
        width: auto;
        height: 14px;
    }

    .SiMenu .topBar a.button {
        width: auto;
        line-height: 15px;
        font-size: 16px;
        font-weight: 800;
        padding: 16px 30px;
    }

    .topBar a.button {
        border-color: #3D2E1F;
    }

    .topBar a.button.book {
        background: #fff;
        color: #3D2E1F;
        border-color: #3D2E1F;
    }

    .topBar a.button:hover {
        background: #6e715f;
        color: #fff;
        border-color: #6e715f;
    }

    .topBar a.button.request,
    .topBar a.button.book {
        display: inline-block;
    }

    .topBar a.button:before {
        content: none;
    }

    .home .topBar {
        top: 22px;
    }

    .scrolled .topBar,
    .home.scrolled .topBar,
    .home.SiMenuOpen .topBar {
        bottom: unset;
        top: 7px;
    }

    .additionalMenuContent {
        position: fixed;
        bottom: unset;
        top: 103px;
        right: 33px;
    }

    .additionalMenuContent p {
        margin-left: 0;
        gap: 35px;
    }

    /*
    body:not(.home) .showHeaderSlider .headerSlider, body:not(.home) .showHeaderVideo .headerVideo {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        max-width: 1000px;
        margin-top: 140px;
    }
            body:not(.home) .showHeaderSlider .sc-masterContainer {
        padding-top: 50px;
    }
*/
    .showHeaderSlider .headerSlider,
    .showHeaderVideo .headerVideo {
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
        overflow: hidden;
        margin-top: 0;
    }

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

    .stickyLogo {
        width: 80px;
    }

    .stickyLogo.mobile {
        opacity: 0;
        pointer-events: none;
    }

    .stickyLogo.desktop {
        opacity: 1;
        pointer-events: initial;
    }

    .home .stickyLogo.desktop {
        opacity: 0;
        pointer-events: none;
    }

    .home.scrolled .stickyLogo.desktop,
    .home.SiMenuOpen .stickyLogo.desktop {
        opacity: 1;
        pointer-events: initial;
    }

    .wide .tabs>[data-control] {
        display: flex;
    }

    h2,
    .t2,
    .noH2 h1,
    .error404 .sc-header h1,
    .offerInner h1 {
        font-size: 38px;
        line-height: 1.1;
        margin-bottom: 50px;
    }

    h3,
    .t3,
    article .headline,
    .offerInner .postPeriodWrapper .headline,
    .offerInner .postPriceWrapper .headline {
        font-size: 28px;
        line-height: 1.2;
        margin-bottom: 35px;
    }

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

    button,
    .button,
    .newsletter .button {
        font-size: 16px;
        padding: 12px 30px;
    }

    .home header .arrowDown {
        left: unset;
        right: 30px;
    }

    .home header .arrowDown:before,
    .home header .arrowDown:after {
        content: none;
    }

    header .eyecatcherBtn {
        height: 140px;
        width: 140px;
    }

    .resMenu a.phone {
        display: none;
    }

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

    .home .homeLogo {
        top: 80px;
    }

    .sc-masterContainer ul:not(.slick-dots) li:before {
        top: 9px;
    }

    .logoSymbol:before {
        right: 20px;
        height: 150px;
        top: -75px;
    }

    .logoSymbol.right:before {
        right: unset;
        left: 20px;
    }

    .listBoxWrapper article .imageWrapper:after {
        height: 150px;
    }

    /*Show Desktop Menu START*/
    .SiMenu .menuBackgroundImages {
        width: auto;
        height: 80%;
        opacity: 1;
        aspect-ratio: 140/125;
        pointer-events: none;
    }

    .SiMenu .menuBackgroundImages img {
        -webkit-mask-image: url(../graphics/vector_logo-mask.svg);
        mask-image: url(../graphics/vector_logo-mask.svg);
        -webkit-mask-size: cover;
        mask-size: cover;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-origin: content-box;
        mask-origin: content-box;
    }

    .SiMenuOpen .stickyLogo {
        display: none;
    }

    .SiMenuOpen .homeLogo {
        display: block;
        z-index: 9999;
        position: fixed;
        top: 25px;
        left: 50px;
        width: 220px;
        height: fit-content;
        transform: none;
    }

    .SiMenu ul.sc-menu {
        width: 35%;
        max-width: 350px;
        margin-left: 0;
    }

    .SiMenuOpen .resMenu,
    .home.scrolled.SiMenuOpen .resMenu,
    body:not(.home).SiMenuOpen .resMenu {
        background-color: transparent;
        box-shadow: none;
        -webkit-box-shadow: none;
        left: unset;
        right: 0;
        width: 350px;
    }

    .SiMenu.active {
        padding-left: 90px;
        padding-top: 200px;
    }

    .SiMenu .topBar {
        display: none;
    }

    .SiMenuDesktop li.submenuarrow>a:after,
    .SiMenu li.submenuarrow>a:after {
        right: 0;
    }

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

    .anchorMenuItems {
        max-width: 1000px;
        text-align: left;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    /*Show Desktop Menu END*/
    .boxLayout,
    .historyWrapper article {
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
    }

    .boxLayout .box,
    .historyWrapper article>div {
        width: 45.5%;
    }

    .historyContent .imageWrapper:before {
        top: -50px;
        right: unset;
        left: -51px;
    }

    /* Highlights */
    .highlightWrapper {
        gap: 75px 0;
    }

    .highlightWrapper .box {
        width: 33.33%;
        padding: 0 75px;
        text-align: center;
    }

    .highlightWrapper .box:nth-child(odd) {
        border-right: 0;
        padding-right: 75px;
    }

    .highlightWrapper .box:nth-child(even) {
        padding-left: 75px;
    }

    .highlightWrapper .box:nth-child(3n - 1) {
        border-right: 1px solid #6d5c54;
        border-left: 1px solid #6d5c54;
    }

    .highlightWrapper img {
        width: 50px;
    }

    .highlightWrapper .headline,
    .historyWrapper .headline {
        font-size: 21px;
    }

    /* Rooms */
    .sc-masterContainer .roomBox .boxLayout.widthWrapper .textBox.animate,
    .sc-masterContainer .roomBox .boxLayout.widthWrapper .textBox.animated {
        animation: none;
        opacity: 1;
    }

    .roomBox .boxLayout {
        position: relative;
    }

    .roomBox:nth-child(odd) .boxLayout {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .roomBox,
    .roomBox:nth-child(odd),
    .hotel .roomBox:nth-child(1) {
        background: transparent;
        color: #000000;
    }
.sc-masterContainer .roomBox:nth-child(odd) ul:not(.slick-dots) li:before {
    background-position: -40px -600px;
}
.sc-masterContainer .roomBox:nth-child(even) ul:not(.slick-dots) li:before {
    background-position: -4px -600px;
}
.hotel .sc-masterContainer  .roomBox:nth-child(2) ul:not(.slick-dots) li:before {
    background-position: -40px -600px;
}

    .roomBox:first-of-type {
        padding-top: 0;
    }

    .roomBox:nth-child(even) {
        background: #6d5c54;
        margin: 70px 0 130px 0;
        padding: 130px 0;
    }

    .hotel .roomBox:nth-child(2) {
        background: #ACB09B;
        margin: 70px 0 130px 0;
        padding: 130px 0;
    }

    .roomBox .box.slideshowBox {
        width: 70%;
    }

    .roomBox:nth-child(even) button.slick-arrow {
        left: unset;
        right: 50px;
    }

    .roomBox:nth-child(even) button.slick-next.slick-arrow {
        left: unset;
        right: 10px;
    }

    .roomBox .box.slideshowBox:after,
    .hotel .roomBox:nth-child(2) .box.slideshowBox:after {
        background-image: url(../graphics/symbol_hell.svg?ver=1.0);
        right: unset;
        left: -30px;
        height: 150px;
        bottom: -30px;
    }

    .roomBox:nth-child(odd) .box.slideshowBox:after {
        background-image: url(../graphics/symbol_brown.svg?ver=1.0);
        left: unset;
        right: -25px;
    }

    .hotel .roomBox:nth-child(1) .box.slideshowBox:after {
        background-image: url(../graphics/symbol_green.svg?ver=1.0);
        left: unset;
        right: -25px;
    }

    .roomBox .box.textBox {
        background: #F2EFEA;
        width: 355px;
        padding: 30px 20px;
        box-sizing: border-box;
        z-index: 2;
        margin: 0;
        position: absolute;
        right: 0;
    }

    .roomBox:nth-child(odd) .box.textBox {
        background: #6d5c54;
        left: 0;
        right: unset;
        color: #fff;
    }

    .roomBox:nth-child(odd) .box.textBox h3 {
        color: #f2efea;
    }

    .roomBox:nth-child(odd) .villa .box.textBox h3 {
        color: #3D2E1F;
    }

    .hotel .roomBox:nth-child(1) .box.textBox {
        background: #ACB09B;
        color: #000000;
    }

    .roomBox:nth-child(odd) .box.slideshowBox {
        order: 2;
    }

    .roomBox [data-accordion] {
        width: 70%;
    }

    .roomBox:nth-child(odd) [data-accordion] {
        margin-left: 30%;
    }

    .hotel .roomBox:nth-child(even) [data-accordion],
    .hotel .roomBox:nth-child(even) [data-accordion] a,  .hof .roomBox:nth-child(even) [data-accordion],
    .hof .roomBox:nth-child(even) [data-accordion] a {
        color: #fff;
    }

    .hotel .roomBox:nth-child(even) a.externalIcon:after {
        background-position: -336px -630px;
    }

    .hotel .roomBox:nth-child(2) [data-accordion],
    .hotel .roomBox:nth-child(2) [data-accordion] a {
        color: #000000;
    }

    .hotel .roomBox:nth-child(2) a.externalIcon:after {
        background-position: -413px -630px;
    }

    .roomBox:nth-child(even) [data-accordion] [data-control] {
        border-bottom: .5px solid #f2efea;
        color: #fff;
    }

    .roomBox:nth-child(even) [data-accordion]>[data-control]:after {
        background-position: -468px -629px;
    }

    .roomBox:nth-child(even) [data-accordion].open>[data-control]:after {
        background-position: -508px -629px;
    }

    .roomBox:nth-child(odd) [data-accordion] [data-control],
    .hotel .roomBox:nth-child(2) [data-accordion] [data-control] {
        color: #3D2E1F;
        border-bottom: .5px solid #4B4B36;
    }

    .roomBox:nth-child(odd) [data-accordion]>[data-control]:after,
    .hotel .roomBox:nth-child(2) [data-accordion]>[data-control]:after {
        background-position: -649px -629px;
    }

    .roomBox:nth-child(odd) [data-accordion].open>[data-control]:after,
    .hotel .roomBox:nth-child(2) [data-accordion].open>[data-control]:after {
        background-position: -689px -629px;
        /*468 weiss */
    }

    .roomBox:nth-child(even) .line-top [data-accordion] [data-control] {
        border-top: .5px solid #f2efea;
    }

    .roomBox:nth-child(odd) .line-top [data-accordion] [data-control] {
        border-top: .5px solid #4B4B36;
    }

    /*Rotating Listbox */
    .rotatingListbox,
    .zimmerWrapper {
        padding-bottom: 0;
    }

    .listBoxWrapper {
        position: relative;
    }

    .rotatingListbox article,
    .roomPrevBox {
        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;
        position: relative;
    }

    .listBoxWrapper article .imageWrapper,
    .roomPrevBox .slideshowBox {
        width: 60%;
    }

    .listBoxWrapper article .txtWrapper,
    .roomPrevBox .textBox {
        width: 50%;
        background-color: #fff;
        position: absolute;
        right: 0;
        padding: 50px 30px 100px;
        border: 0;
        height: 80%;
        box-sizing: border-box;
    }

    .roomPrevBox .textBox {
        text-align: left;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: #F2EFEA;
    }

    .rotatingListbox:after,
    .zimmerWrapper:after {
        height: 180px;
        top: unset;
        bottom: -47px;
        background-image: url(../graphics/symbol-white.svg?ver=1.0);
    }

    .zimmerWrapper:after {
        left: -4%;
    }

    .rotatingListbox .eyecatcherBtn {
        right: unset;
        left: 25px;
        top: 25px;
    }

    .listBoxWrapper article .txtWrapper .headline,
    .offerBoxesWrapper .headline {
        margin-bottom: 30px;
    }

    .sc-readmore {
        margin-top: 60px;
    }

    .rotatingListbox button.slick-arrow,
    .zimmerWrapper button.slick-arrow {
        bottom: calc(10% + 70px);
        right: 75px;
        padding: 0;
    }

    .rotatingListbox button.slick-next,
    .zimmerWrapper button.slick-next {
        right: 40px;
    }

    .slidePagination {
        left: calc(50% + 30px);
        border-top: .5px solid #6D5C54;
        border-bottom: .5px solid #6D5C54;
        width: calc(50% - 60px);
        padding: 16px 0;
        bottom: calc(10% + 50px);
        font-size: 1rem;
    }

    .historyWrapper .slidePagination {
        left: 0;
        width: 100%;
        bottom: 0;
    }

    .historyWrapper article {
        margin-bottom: 68px;
    }

    .listBoxWrapper .txtLinkWrapper {
        border: 0;
        margin: 0 auto;
        position: absolute;
        bottom: 124px;
        width: 100%;
        text-align: right;
    }

    /*Gallery */
    .gallery .no-slideshow {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
    }

    .gallery .no-slideshow img {
        margin-bottom: 15px;
    }

    @supports (grid-template-rows: masonry) {

        /* masonry code here */
        .gallery .no-slideshow {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    .seoBoxes,
    .offerInner .wrapper {
        width: calc(90% + 50px);
        max-width: 1450px;
    }

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

    .seoBoxes:after {
        width: 160px;
        bottom: -42px;
        left: 33%;
    }

    /* Newsletter */
    .newsletter .box.slideshowBox {
        height: auto;
        width: 100%;
    }

    .newsletter .box.textBox {
        padding: 130px;
    }

    .nl-input {
        gap: 5%;
    }

    .newsletter input {
        font-size: 1rem;
    }

    /*Quickrequest */
    .quickrequest .contentWrapper {
        width: 90%;
    }

    .sc-quickInquiry .lines {
        border-top: 1px solid #3D2E1F;
        border-bottom: 1px solid #3D2E1F;
        padding-top: 25px;
    }

    .sc-quickInquiry .sc-quickformArrival,
    .sc-quickInquiry .sc-quickformAdults,
    .sc-quickInquiry .sc-quickformArrival input,
    .sc-quickInquiry .sc-quickformAdults input,
    .sc-quickInquiry .sc-quickformDeparture,
    .sc-quickInquiry .sc-quickformChildren,
    .sc-quickInquiry .sc-quickformDeparture input,
    .sc-quickInquiry .sc-quickformChildren input {
        text-align: center;
    }

    .sc-quickInquiry div label {
        font-size: 16px;
    }

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

    .sc-quickformArrival:after {
        content: none;
    }

    .sc-quickInquiry .sc-quickformDeparture {
        margin-bottom: 20px;
        border-color: #3D2E1F
    }

    .sc-quickInquiry .sc-quickformAdults,
    .sc-quickInquiry .sc-quickformChildren {
        margin-top: 0;
        margin-bottom: 20px;
    }

    address .widthWrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 80px;
    }

    address .widthWrapper>div {
        width: 30%;
    }

    address .map {
        display: inline-block;
        border: 0;
        padding: 0;
        margin: 0;
    }

    .logoFooter {
        width: auto;
    }

    .logoFooter img {
        width: 90%;
        max-width: 280px;
    }

    .map .button {
        width: -webkit-fill-available;
        text-align: center;
        margin-top: 25px;
    }

    a.icon.mail {
        border-top: 0.5px solid #A99C97;
    }

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

    .partner .kronplatz {
        background-position: 0 -83px;
        width: 200px;
    }

    .partner .ahrntal {
        background-position: 0 -387px;
        width: 230px;
    }

    .partner .suedtirol {
        background-position: -133px -203px;
        width: 120px;
    }

    .partner .suedtirol:hover {
        background-position: 0 -203px;
    }

    .partner .booking_suedtirol {
        background-position: 0px -306px;
        width: 102px;
        height: 80px;
    }

    .anschrift>div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
    }

    .bestprice {
        width: 130px;
        height: 130px;
        background-position: 0 -800px;
        top: -20px;
        right: 5%;
        background-size: 1000px;
    }

    :lang(it) .bestprice {
        background-position: -300px -800px;
    }

    :lang(en) .bestprice {
        background-position: -150px -800px;

    }
}

@media (min-width: 1200px) {

    .offerBoxesWrapper,
    .blogWrapper {
        justify-content: flex-start;
        gap: 3%;
    }

    .offerBoxesWrapper .box,
    .blogWrapper .box {
        width: 30%;
    }

    .roomBox .box.slideshowBox {
        width: 70%;
    }

    .roomBox .box.textBox {
        width: 375px;
        padding: 50px 30px;
    }

    .column {
        -webkit-column-gap: 100px;
        -moz-column-gap: 100px;
        column-gap: 100px;
    }

    /*
.zimmerWrapper {
    width: 100%;
}
.zimmerWrapper .roomPrevBox {
     margin: 0 60px ;
}
.zimmerWrapper .slick-slide {
    opacity: .3;
}
.zimmerWrapper .slick-slide.slick-center {
    opacity: 1;
}
*/
}

@media (min-width: 1400px) {
    .SiMenu .menuBackgroundImages {
        height: 98%;

    }

    .SiMenu ul.sc-menu {
        max-width: 500px;
    }


    .sc-masterContainer {
        padding-top: 160px;
    }

    address .widthWrapper {
        gap: 160px;
    }

    .boxLayout .box,
    .historyWrapper article>div {
        width: 41.5%;
    }

    /*Rooms*/
    /*
    .zimmerWrapper .roomPrevBox  {
     margin: 0 100px ;
}*/
    .roomPrevBox .textBox {
        width: 45%;
        height: 70%;
    }

    .zimmerWrapper .slidePagination {
        left: calc(55% + 30px);
        width: calc(45% - 60px);
        bottom: calc(15% + 50px);
    }

    .zimmerWrapper button.slick-arrow {
        bottom: calc(15% + 70px);
    }

    .roomBox .box.slideshowBox {
        margin-right: 10%;
    }

    .roomBox:nth-child(even) .box.slideshowBox {
        margin-right: 0;
        margin-left: 10%;
    }

    .roomBox [data-accordion] {
        margin-left: 10%;
    }

    .roomBox:nth-child(odd) [data-accordion] {
        margin-left: 20%;
    }

    .roomInfo {
        flex-direction: column;
    }

    .roomInfo>div {
        width: 100%;
        position: relative;
        border-right: 0;
        padding: 15px 0 15px 35px;
        border-bottom: 1px solid #6E715F;
        box-sizing: border-box;
    }

    .roomInfo>div:first-of-type {
        padding-left: 35px;
    }

    .roomInfo>div:before {
        display: inline-block;
        position: absolute;
        top: 7px;
        left: 0;
    }

    .roomPrevBox .eyecatcherBtn {
        right: 187%;
        top: -15%;
    }

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

    .offerBoxesWrapper {
        gap: 2%;
    }

    .offerBoxesWrapper .box {
        width: 31%;
    }
}

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

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

    .padding-top-l,
    .listBoxWrapper,
    .sc-masterContainer,
    .seoBoxesWrapper {
        padding-top: 130px;
    }

    .padding-top-m {
        padding-top: 90px;
    }

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

    .padding-top-xs,
    .seoBoxesWrapper .t2 {
        padding-top: 50px;
    }

    .padding-top-xxs {
        padding-top: 25px;
    }

    .padding-bottom-xxl {
        padding-bottom: 220px;
    }

    .padding-bottom-xl,
    .seoBoxesWrapper {
        padding-bottom: 180px;
    }

    .padding-bottom-l,
    .error404 .contentWrapper,
    .listBoxWrapper {
        padding-bottom: 130px;
    }

    .padding-bottom-m {
        padding-bottom: 90px;
    }

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

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

    .padding-bottom-xxs {
        padding-bottom: 25px;
    }

    .margin-top-xxl {
        margin-top: 220px;
    }

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

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

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

    .margin-top-s,
    .offerInner .offertextBox {
        margin-top: 75px;
    }

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

    .margin-top-xxs,
    .offerBoxesWrapper article .txtWrapper,
    .blogWrapper article .txtWrapper,
    .offerBoxesWrapper .txtLink,
    article .sc-readmore,
    .offerInner .postPriceWrapper .headline,
    .offerInner .buttonsWrapper a {
        margin-top: 30px;
    }

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

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

    .margin-bottom-l,
    .offerInner .wrapper,
    .offerInner .returnLinkWrapper {
        margin-bottom: 130px;
    }

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

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

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

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

    html,
    body {
        font-size: 20px;
    }

    h1,
    .t1 {
        font-size: 17px;
    }

    h2,
    .t2,
    .noH2 h1,
    .error404 .sc-header h1,
    .offerInner h1 {
        font-size: 50px;
        line-height: 1;
    }

    h3,
    .t3,
    article .headline,
    .offerInner .postPeriodWrapper .headline,
    .offerInner .postPriceWrapper .headline {
        font-size: 30px;
        margin-bottom: 50px;
    }

    .offerInner .postPeriodWrapper .headline,
    .offerInner .postPriceWrapper .headline {
        margin-bottom: 20px;
    }

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

    button,
    .button,
    .newsletter .button {
        font-size: 17px;
        padding: 20px 35px;
    }

    .highlightWrapper .headline,
    .historyWrapper .headline {
        font-size: 23px;
    }

    a.txtLink,
    .offerInner .returnLinkWrapper .returnLink,
    .sc-readmore a {
        font-size: .9rem;
    }

    .tabs>[data-control] button {
        padding: 12px 10px 12px 20px;
        font-size: 16px;
    }

    header .eyecatcherBtn {
        height: 160px;
        width: 160px;
        font-size: .8rem;
    }

    .SiMenu.active {
        padding-left: 15%;
        padding-top: 240px;
    }

    .resMenu button.SiMenuToggle {
        font-size: 16px;
    }

    .home .homeLogo {
        width: 400px;
        top: 60px;
    }

    .SiMenuOpen .homeLogo {
        width: 280px;
        left: calc(15% - 36px);
        top: 30px;
    }

    .sc-menu a,
    .SiMenu .sc-menu li ul li a {
        font-size: 16px;
    }

    .sc-menu .submenuarrow b {
        font-size: 28px;
        letter-spacing: 1px;
    }

    .SiMenu li>ul,
    .SiMenuDesktop li>ul {
        padding: 15px 25px;
    }

    .topBar {
        right: 200px;
        top: 4px;
    }

    .scrolled .topBar,
    .home.scrolled .topBar {
        bottom: unset;
        top: 4px;
    }

    .topBar a.button,
    .SiMenu .topBar a.button {
        font-size: 17px;
        padding: 0 25px;
        line-height: 46px;
        height: 46px;
        width: auto;
    }

    .SiMenuOpen .topBar,
    .home.SiMenuOpen .topBar {
        bottom: unset;
        top: 20px;
    }

    .additionalMenuContent {
        bottom: unset;
        top: 150px;
        right: 123px;
    }

    /*
    body:not(.home) .showHeaderSlider .headerSlider, body:not(.home) .showHeaderVideo .headerVideo {
        margin-top: 160px;
    }
*/
    .stickyLogo {
        width: 120px;
    }

    .resMenu button.SiMenuToggle,
    .SiMenu button.close-button {
        right: 50px;
    }

    .sc-language-selector {
        left: 200px;
    }

    .SiMenu button.close-button {
        top: 40px;
        font-size: 16px;
        width: 93px;
    }

    .menuLanguageSelector {
        left: 50px;
        top: 40px;
    }

    body:not(.scrolled) .home .resMenu button.SiMenuToggle,
    body:not(.scrolled) .home .sc-language-selector {
        top: 50px;
        right: 50px;
    }

    .logoSymbol:before {
        height: 290px;
        top: -120px;
        right: 60px;
    }

    .logoSymbol.right:before {
        right: unset;
        left: 60px;
    }

    .roomInfo {
        font-size: 15px;
        line-height: 16px;
    }

    .roomBox .box.slideshowBox:after {
        left: -42px;
        height: 230px;
        bottom: -40px;
    }

    .roomBox:nth-child(odd) .box.slideshowBox:after {
        left: unset;
        right: -38px;
    }

    .roomBox .box.textBox {
        width: 415px;
    }

    .SiTable table tr:nth-child(1) {
        font-size: 16px;
        line-height: 20px;
    }

    .fullWidth.large-slideshow {
        overflow-x: clip;
    }

    .fullWidth.large-slideshow img {
        max-width: 100vw;
        width: 100vw
    }

    .fullWidth.large-slideshow .no-slideshow img {
        max-width: 100%;
        width: auto;
    }

    .sc-quickformSubmit {
        margin-top: 50px;
    }

    .listBoxWrapper .txtLinkWrapper {
        bottom: 154px;
    }

    .seoBoxes,
    .offerInner .wrapper {
        max-width: 1500px;
    }

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

    .seoBoxes:after {
        height: 180px;
        bottom: -48px;
    }

    .social a {
        width: 50px;
        height: 53px;
        background-position: -14px -698px;
        background-size: 2000px;
    }

    .social a.insta {
        background-position: -200px -698px;
    }

    .social a.weather {
        background-position: -200px -498px;
    }

    .social a.webcam {
        background-position: -30px -498px;
    }

    /*Gallery */
    .gallery .no-slideshow {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }

    .gallery .no-slideshow img {
        margin-bottom: 20px;
    }

    @supports (grid-template-rows: masonry) {

        /* masonry code here */
        .gallery .no-slideshow {
            grid-template-columns: repeat(4, 1fr);
        }
    }
}

@media (min-height: 1145px) and (orientation: landscape) {
    .SiMenu ul.sc-menu {
        margin-top: 60px;
    }

    .additionalMenuContent {
        bottom: 100px;
        top: unset;
        right: unset;
        left: 15%;
    }

    .additionalMenuContent p {
        flex-direction: column;
    }

    .additionalMenuContent a:before {
        width: 50px;
        height: 35px;
        background-position: -1098px -459px;
        background-size: 2000px;
        position: absolute;
        left: -55px;
        top: -10px;
    }

    .additionalMenuContent a.dayspa:before {
        background-position: -1239px -460px;
        left: -59px;
        top: -8px;
    }

    .additionalMenuContent a.offer:before {
        background-position: -1397px -460px;
    }
}

/* NL */
#rmOrganism button {
    color: #fff;
    margin-top: 30px;
}

#rmOrganism .rmSubscription .rmBase__el.rmBase__el--label-pos-left {
    align-items: center;
}

#rmOrganism .rmLayout--vertical.rmBase .rmBase__container {
    padding: 2em 0;
}

#rmOrganism .rmSubscription .rmBase__el.rmBase__el--label-pos-left .rmBase__compContainer {
    flex-grow: 1;
    margin-left: 15px;
}

@media screen and (min-width: 768px) {
    #rmOrganism .rmLayout--vertical.rmBase .rmBase__container {
        padding: 2em 0;
    }
}

#lightcase-case {
    z-index: 10000;
}