/* --------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --->>>  @font-face start <<<--- */

@font-face {
    font-family: 'Aeonik';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/Aeonik-regular-400.woff) format('woff');
}

@font-face {
    font-family: 'Aeonik-bold';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/Aeonik-bold-500.woff) format('woff');
}

@font-face {
    font-family: 'Garaje-bold';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(../fonts/Garaje-bold-500.woff2) format('woff2');
}

@font-face {
    font-family: 'Garaje-black';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/Garaje-black-700.woff2) format('woff2');
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --->>>  @font-face end <<<--- */

html, body {
    font-family: "Aeonik",sans-serif;
    color: #1C1A1A;
    font-weight: 300;
    background-color: #F2EFD9;
    font-size: 17px;
    line-height: 1.5;
}
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, .offerBoxesWrapper article .periods, .listBoxWrapper article .periods {
    font-family: "Aeonik-bold",sans-serif;
    font-weight: 500;
}
a {
    color: #1C1A1A;
}

.bigger {
    font-size: 130%;
}
small, .footer .editorial, .additionalPriceInformation {
    font-size: 0.8em;
}
.footer .editorial .widthWrapper {
    border-top: 2px solid #DBD0C3;
    padding-top: 35px;
}
.footer .editorial p {
    margin: 0;
    height: 0;
}
p {
    margin-bottom: 15px;
}
header p {
    margin: 0;
}
.center, .h1Center .sc-header, .error404 .sc-header, .error404 .contentWrapper {
    text-align: center;
}
.large-slideshow .contentWrapper {
    overflow: hidden;
}
h1, .t1 {
    font-size: 13px;
    font-family: "Aeonik",sans-serif;
    font-weight: 300;
    color: #1C1A1A;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 15px;
    clear: both;
    letter-spacing: 0.5px;
}
h2, .t2, h3, .t3, h4, .t4, .noH2 h1, .error404 .sc-header h1, .seoBoxesWrapper .seoBoxes .headline, .offerBoxesWrapper article .headline, .listBoxWrapper article .txtWrapper .headline, .offerInner h1, .offerInner .postPeriodWrapper .headline, .offerInner .postPriceWrapper .headline {
    font-size: 45px;
    line-height: 1.3;
    font-family: "Garaje-black", sans-serif;
    font-weight: 700;
    color: #1C1A1A;
    margin: 0;
    margin-bottom: 22px;
    text-transform: uppercase;
    letter-spacing: 0;
}
h2, .t2, .noH2 h1, .error404 .sc-header h1, .offerInner h1 {
    margin-top: 0;
    line-height: 1;
    font-weight: 700;
    color: #1C1A1A;
}
h2.bigger, .t2.bigger, .blockTextSlideshow.layout1 h2.positionElement, .blockTextSlideshow.layout1 .t2.positionElement, .blockTextSlideshow.layout2 h2.positionElement, .blockTextSlideshow.layout2 .t2.positionElement, .blockTextSlideshowWrapper.positionAboveElement .blockTextSlideshow .positionElement, .blockTextSlideshow.positionBelowElement .positionElement {
    font-size: 60px;
}
h2.brown, .t2.brown {
    color: #1C1A1A;
}
h3, .t3, .offerBoxesWrapper article .headline, .listBoxWrapper article .txtWrapper .headline,.offerInner .postPeriodWrapper .headline, .offerInner .postPriceWrapper .headline {
    font-size: 30px;
    text-transform: uppercase;
    line-height: 1.1;
}
.t3.quote {
    text-transform: initial;
}
h4, .t4, .txtLink {
    font-family: "Garaje-bold",sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 30px;
    letter-spacing: 0;
}
.txtLink, .sc-quickInquiry>div label, [data-accordion] [data-control], .seoBoxesWrapper .seoBoxes .headline, .offerInner .returnLinkWrapper .returnLink {
    font-family: "Aeonik",sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 1px;
}
a.txtLink.email {
    text-transform: none;
}
.sc-quickInquiry>div label {
    font-size: 1rem;
}
hr {
    background-image: url(../graphics/vector_sprites.svg);
    width: 65px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: -149px -99px;
    border: 0;
    text-align: left;
    display: inline-block;
    clear: both;
    margin: 25px auto;
}
.bg2 hr {
    background-position: -259px -99px;
}

header {
    position: relative;
}

.sc-masterContainer {
    padding-top: 75px;  
}
.home .showHeaderSlider .sc-masterContainer {
    padding-top: 0;
}
.introEyecatcherSite .sc-masterContainer {
    padding-top: 75px;
}
.sc-masterContainer ul, body.emptyTemplate ul {
    padding: 0 22px;
    margin: 0;
    margin-bottom: 15px;
}
.sc-masterContainer ul li, body.emptyTemplate ul li {
    margin-bottom: 15px;
}
.sc-masterContainer ul li:last-child, .sc-masterContainer ul li ul li, body.emptyTemplate ul li:last-child, body.emptyTemplate ul li ul li {
    margin-bottom: 0;
}

.introEyecatcherSite .blockText {
    position: relative;
}
.introEyecatcherSite .eyecatcherBtnSlider {
    position: absolute;
    top: -215px;
    left: 4vw;
}

.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, .anchorMenuWrapper {
    background-color: #F2EFD9;
}
.bg2, .rotatingListbox, .listBoxWrapper, .roomBox:nth-child(2), .roomBox:nth-child(5), .roomBox:nth-child(7), .roomBox:nth-child(10), .roomBox:nth-child(12) {
    background-color: #B0AB50;
}
.bg3, .seoBoxesWrapper {
    background-color: #1C1A1A;
}

/*BG Texture Styles*/

.texture{
    z-index: -1;
}
.footer .texture, .seoBoxesWrapper, .threeImages.texture {
    background-image: url(../graphics/vector_background-footer.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
}
.threeImages.texture {
    background-image: url(../graphics/vector_background-green.svg);
    background-position: left bottom;
}
.seoBoxesWrapper {
    background-image: url(../graphics/vector_background-boxes.svg);
    background-position: bottom left;
}
.blockTextSlideshowWrapper.texture {
    z-index: initial;
}
.bg1 h2, .bg1 .t2, .bg2.h2dark h2, .bg2.h2dark .t2, .quickrequest .t2.brown, .SiMenuOpen .resMenu button.SiMenuToggle, .SiMenuOpen .topBar .button, .blockTextSlideshow.bg2.positionBelowElement .t2, .blockTextSlideshowWrapper.bg2.positionAboveElement .t2 {
    color: #1C1A1A;
}
.bg2 h2, .bg2 .t2, .bg3 .highlightSlider .t4, .bg3 .highlightSlider p, .blockTextSlideshow.bg3 .t2.positionElement, .seoBoxesWrapper .t2, .blockTextSlideshow.bg2.positionBelowElement .t2.positionElement, .blockTextSlideshowWrapper.bg2.positionAboveElement .t2.positionElement {
    color: #cdfc56;
}
.bg2 .txtLink:after {
    background-color: #cdfc56;
}
.blockTextSlideshow.bg3 .t3, .blockTextSlideshow.bg3 p, .blockTextSlideshow.bg3 .txtLink, .blockTextSlideshow.bg3 .t2 {
    color: #B0AB50;
}
.bg3, .bg3 a, .bg3 .txtLink, .bg3 h1, .bg3 .t1, /*.bg3 h2, .bg3 .t2, */.bg3 h3, .bg3 .t3, .bg3 h4, .bg3 .t4, .bg3 h2 {
    color: #F2EFD9;
}
.bg3 .highlightSlider {
    color: #B8AEA4;
}
.SiMenuOpen .resMenu, .SiMenuOpen .topBar {
    background-color: #B0AB50;
}

/*EyecatcherBtn Styles*/
.eyecatcherBtn {
    height: 110px;
    width: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    color: #1C1A1A;
    text-align: center;
    line-height: 1;
    font-size: 0.9rem;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 3;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #B8AEA4;
    border-radius: 50%;
}
header .eyecatcherBtn {
    top: initial;
    bottom: 3%;
    left: 5%;
    font-size: .9rem;
    -webkit-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
            transform: rotate(-8deg);
}
header .eyecatcherBtn a {
    text-decoration: none;
    color: #fff;
}
header .eyecatcherBtn a:hover {
    opacity: .5;
}

.eyecatcherBtn b {
    display: contents;
    font-size: 1.2rem;
    font-weight: 300;
}

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

.eyecatcherBtn > div, .eyecatcherBtnSlider > div {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    padding-bottom: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.offerOverviewSite  .eyecatcherBtn > div {
    padding-bottom: 0;
}
a.eyecatcherBtn {
    text-decoration: none;
}
a.eyecatcherBtn:hover {
    background: #B8AEA4;
}

/*EyecatcherBtnSlider Styles*/
.eyecatcherBtnSlider {
    background: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0;
    height: auto;
    width: 135px;
    aspect-ratio: 321/355;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #1C1A1A;
    text-align: center;
    line-height: 1;
    font-size: 22px;
    display: flex;
    overflow: hidden;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px;
    padding-bottom: 4%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.eyecatcherBtnSlider .slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 65px;
    display: flex!important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.eyecatcherBtnSlider ul.slick-dots {
    bottom: 24%;
    left: 50%;
    -webkit-transform: translate(-50% , 0);
        -ms-transform: translate(-50% , 0);
            transform: translate(-50% , 0);
}
.home .eyecatcherBtnSlider {
    position: relative;
    right: 10px;
    top: initial;
    margin-bottom: -135px;
    z-index: 3;
    width: 160px;
}
.eyecatcherContainer.blockTextSlideshow .box.slideshowBox {
    margin-left: 0;
    margin-right: 0;
}

.blockText.eyecatcherContainer .eyecatcherBtn {
    position: relative;
    width: 200px;
    height: auto;
    font-size: 30px;
    line-height: 1.2;
    background: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    aspect-ratio: 250/277;
    border-radius: 0;
}


/*quickrequest*/
.quickrequest {
    position: relative;
}
.sc-quickInquiry .sc-quickformArrival, .sc-quickInquiry .sc-quickformDeparture, .sc-quickInquiry .sc-quickformAdults, .sc-quickInquiry .sc-quickformChildren {
    padding: 0;
}


/*Seo Boxes Styles*/
.seoBoxesWrapper {
    position: relative;
    margin-bottom: 0;
}
.seoBoxesWrapper .seoBoxes .headline {
    position: absolute;
    bottom: 0;
 }
 .seoBoxesWrapper .seoBoxes .headline a {
    color:#fff;
    text-decoration: none;
    position: relative;
 }
.seoBoxes .box {
    position: relative;
    cursor: pointer;
}
 

/*Wrapper Width Styles*/
.widthWrapper, .contentWrapper, .sc-header, .error404 .sc-header, .seoBoxesWrapper > div, .offerInner .wrapper, .offerInner .returnLinkWrapper .txtLinkWrapper, .rotatingListbox  {
    width: calc(100% - 8vw);
    margin-left: auto;
    margin-right: auto;
    max-width: 1757px;
}
.contentWrapper, .sc-header, .error404 .sc-header, .offerInner .returnLinkWrapper .txtLinkWrapper {
    max-width: 1265px;
}

/*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;
}
.blockTextSlideshowWrapper.positionAboveElement .blockTextSlideshow div.boxLayout .box.textBox {
    padding-top: 35px;
    margin-top: 0!important;
}
.blockTextSlideshow .box.slideshowBox, .blockSlideshow.threeImages div.no-slideshow, .blockSlideshow div.sc-slideshow {
    margin-left: -2vw;
    margin-right: -2vw;
    position: relative;
}
.roomBox .box.slideshowBox img {
    -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,0.8)), color-stop(rgba(0,0,0,0.3)), to(rgba(0,0,0,0)));
    -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,0.8), rgba(0,0,0,0.3), rgba(0,0,0,0)); 
    mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,0.8)), color-stop(rgba(0,0,0,0.3)), to(rgba(0,0,0,0))); 
    mask-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,0.8), rgba(0,0,0,0.3), rgba(0,0,0,0));
}
.blockTextSlideshowWrapper .blockTextSlideshow {
    z-index: 10;
    position: relative;
}
/*darker IMG*/
.blockTextSlideshowWrapper.positionAboveElement .slideshowBox {
    background-color: #1c1a1a;
}
.blockTextSlideshowWrapper.positionAboveElement img {
    opacity: 0.6;
}
.blockTextSlideshow.positionBelowElement.bg1 .slideshowBox img, .blockTextSlideshow.bg2.positionBelowElement .slideshowBox img, .blockTextSlideshow.positionBelowElement .slideshowBox img, .blockTextSlideshow.bg3.positionBelowElement .slideshowBox img, .blockTextSlideshowWrapper.bg1.positionAboveElement .slideshowBox img {
    opacity: .8;
}

.blockTextSlideshowWrapper.bg1.positionAboveElement .slideshowBox {
    background-color: transparent;
}

/*BoxLayout layout standard noGradient Styles*/
.blockTextSlideshow.noGradient .box.slideshowBox img {
    -webkit-mask-image: none;
    mask-image: none;
}

/*BoxLayout layout1 Styles*/
.blockTextSlideshow.layout1.change-order .box.slideshowBox, .blockTextSlideshow.layout1.change-order-m .box.slideshowBox {
    margin-top: -50px;
    z-index: -1;
}
.blockTextSlideshow .t2.positionElement {
    z-index: 1;
}
.blockTextSlideshow.bg1 .t2.positionElement {
    color: #1C1A1A;
}
/*Slick Styles*/
.slick-arrow {
    width: 44px;
    height: 44px;
    border: 0;
    background: transparent;
    position: absolute;
    bottom: calc(5% + 20px);
    left: 4vw;
    z-index: 9;
    cursor: pointer;
    padding: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../graphics/vector_sprites.svg);
    background-repeat: no-repeat;
    background-position: -175px -350px;
    background-size: 1000px;
}
.slick-next.slick-arrow {
    margin-left: 50px;
    background-position: -250px -350px;
}

/* Pfeile weiss */

.headerSlider .slick-arrow, .bg3 .slick-arrow {
    background-position: 0px -350px;
}
.headerSlider .slick-next.slick-arrow, .bg3 .slick-next.slick-arrow {
    margin-left: 50px;
    background-position: -75px -350px;
}


button.slick-arrow {
    font-size: 0;
}
ul.slick-dots {
    position: absolute;
    padding: 0;
    margin: 0;
    line-height: 0;
    width: auto;
    text-align: center;
    bottom: 5%;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    gap: 6px;
    width: 100%;
    box-sizing: border-box;
    height: auto;
}
.large-slideshow ul.slick-dots {
    width: auto;
    left: 4vw;
}
.large-slideshow .slick-arrow {
    bottom: 37px;
}
.headerSlider ul.slick-dots {
    left: 4vw;
    width: auto;
}
ul.slick-dots li {
    display: inline-block;
    margin-bottom: 0
}
ul.slick-dots li button {
    width: 20px;
    height: 3px;
    background: rgb(58,45,31);
    background: rgba(58,45,31,0.5);
    border: 0;
    font-size: 0;
    margin: 0;
    cursor: pointer;
    padding: 0;
    position: relative;
}
.slick-dots li.slick-active button {
    background: #1C1A1A;
    cursor: initial;
}
.headerSlider .slick-dots li button, .bg3 .slick-dots li button, .roomBox:nth-child(3) .slick-dots li button, .roomBox:nth-child(9) .slick-dots li button {
    background: rgb(255,255,255);
    background: rgba(255,255,255,0.5);
}
.headerSlider .slick-dots li.slick-active button, .bg3 .slick-dots li.slick-active button, .roomBox:nth-child(3) .slick-dots li.slick-active button, .roomBox:nth-child(9) .slick-dots li.slick-active button {
    background: #cdfc56;
}
ul.slick-dots li button:before { /*Enhancing the clickable area size*/
    content: ""; 
    padding: 8px 2px; 
    background: transparent; 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    top: -8px; 
    left: -2px; 
}



/*BoxLayout layout3 Slider Text-Slideshow Styles*/


.blockTextSlideshowWrapper .slick-list {
    padding-bottom: 10px;
}
.blockTextSlideshowWrapper .slick-dots {
    bottom: unset;
    top: 115px;
}
.blockTextSlideshowWrapper .slick-arrow {
    bottom: unset;
    top:70px;
}

.blockTextSlideshowWrapper[class*=padding-] .slick-dots {
    bottom: 50px;
    top:unset;
    right: 2vw;
    left: unset;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.blockTextSlideshowWrapper[class*=padding-] .slick-arrow {
    bottom: 80px;
    top:unset;
    left: unset;
    right: calc(2vw + 50px);
}
.blockTextSlideshowWrapper[class*=padding-] .slick-next.slick-arrow {
    right: 2vw;
}

/*Position Element in Layout*/
.blockTextSlideshowWrapper.positionAboveElement .blockTextSlideshow {
    margin-top: 35px;
}
.blockTextSlideshowWrapper.positionAboveElement .blockTextSlideshow div.boxLayout {
    position: relative;
}
.blockTextSlideshow.positionBelowElement > div {
    margin-bottom: 40px;
    position: relative;
}

.blockTextSlideshowWrapper.positionAboveElement .blockTextSlideshow .positionElement, .blockTextSlideshow.positionBelowElement .positionElement {
    position: absolute;
    top: -35px;
    right: 0;
    margin-bottom: 0;
}
.blockTextSlideshow.positionBelowElement .positionElement {
    bottom: -40px;
    z-index: 10;
}
.blockTextSlideshowWrapper.positionAboveElement.desktopPositionBelow  .blockTextSlideshow .positionElement {
    left: 0;
    right:unset;
}


.blockTextSlideshow.threeImages .box.slideshowBox img {
    -webkit-mask-image: none;
    mask-image: none;
}
.blockTextSlideshow.threeImages .box.textBox {
    text-align: center;
    position: relative;
    width: 80%;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.blockTextSlideshow.threeImages * {
    z-index: 2;
}
.blockTextSlideshow.threeImages .box.slideshowBox {
    z-index: 1;
}


.blockTextSlideshow.threeImages .txtLink {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
    margin: 0 auto;
}



.blockTextSlideshow.threeImages .box.textBox:before {
    width: 120%;
    height: auto;
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
            transform: translate(-50%);
    top: 20px;
    background: transparent;
    z-index: -1;
    pointer-events: none;
    max-width: 450px;
    background-repeat: no-repeat;
    background-size: contain;
    aspect-ratio: 499/551;
    opacity: 0.3;
}
.homegallery .box.slideshowBox, .blockTextSlideshow.threeImages .box.slideshowBox div.no-slideshow, .blockSlideshow.threeImages div.no-slideshow {
    display: grid;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: calc(50% - 2vw) calc(50% - 2vw);
    grid-template-columns: calc(50% - 2vw) calc(50% - 2vw);
    grid-gap: 4vw;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
                grid-template-areas:
        "image3 image1" 
        "image3 image2";
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    align-items: center;
}
.homegallery .box.slideshowBox, .blockTextSlideshow.threeImages.change-order-m .box.slideshowBox div.no-slideshow, .blockSlideshow.threeImages.change-order-m div.no-slideshow  {
                grid-template-areas:
        "image1 image3" 
        "image2 image3";
}
.homegallery .box.slideshowBox img:first-child, .blockTextSlideshow.threeImages .box.slideshowBox div.no-slideshow img:first-child, .blockSlideshow.threeImages div.no-slideshow img:first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: image1;
}
.homegallery .box.slideshowBox img:first-child,.blockTextSlideshow.threeImages .box.slideshowBox div.no-slideshow img:first-child {
    -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,0));
    mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    mask-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,0));
}
.homegallery .box.slideshowBox img:nth-child(2),.homegallery .box.slideshowBox img:nth-child(3) {
    -webkit-mask-image:none;
    mask-image:none;
}
.homegallery .box.slideshowBox img:nth-child(2),.blockTextSlideshow.threeImages .box.slideshowBox div.no-slideshow img:nth-child(2), .blockSlideshow.threeImages div.no-slideshow img:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: image2;
    width: 75%;
}
.homegallery .box.slideshowBox img:nth-child(3),.blockTextSlideshow.threeImages .box.slideshowBox div.no-slideshow img:nth-child(3), .blockSlideshow.threeImages div.no-slideshow img:nth-child(3), .blockTextSlideshow.layout2 .box.slideshowBox img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    grid-area: image3;
    aspect-ratio: 17/21;
    -o-object-fit: cover;
       object-fit: cover;
}

.homegallery .slideshowBox img {
    width: 100%;
    height: auto;
}

/*blockSlideshow Styles*/
.blockSlideshow .sc-slideshow .slick-list {
    padding-bottom: 85px;
}

/*BoxLayout eyecatcherContainer*/
.eyecatcherContainer > div {
    position: relative;
}

/*HighlightSlider Styles*/

.highlightSlider .slick-slide {
    margin: 0 1.5vw;
}
.highlightSlider .sliderItem {
    text-align: left;
    position: relative;
}


.highlightSlider .slick-slide .t4, .highlightSlider .slick-slide p {
    visibility: hidden;
    -webkit-transition: visibility .3s ease;
    -o-transition: visibility .3s ease;
    transition: visibility .3s ease;
}
.highlightSlider .slick-slide.slick-active .t4, .highlightSlider .slick-slide.slick-active p {
    visibility: visible;
}
.highlightSlider .slick-slide.slick-active .t4 {
    margin-bottom: 5px;
}
.highlightSlider .sliderItem p:last-child {
    margin-bottom: 0;
}
/*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 article, .offerBoxesWrapper article {
    position: relative;
    margin-bottom: 75px;
    cursor: pointer;
}

.highlightSlider .slick-list {
    margin-bottom: 70px;
}
.highlightSlider .slick-arrow {
    bottom: -50px;
    left: calc(50% - 50px);
}
.highlightSlider ul.slick-dots {
    bottom: -70px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

/* List Inner Styles */
.offerInner {
    margin-bottom: 50px;
}
.single .boxLayout .box.imageBox {
    position: relative;
}

/* Rotating listBoxWrapper */
.listBoxWrapper {
    padding-bottom: 50px;
}
.listBox, .listBox article, article .imageWrapper {
    position: relative;
}
.listBox article {
    cursor: pointer;
}
.rotatingListbox {
    padding-right: 8vw;
}
.rotatingListbox.slick-slider .slick-track {
    margin: 0;
}
.listBox .bgSlide {
    opacity: 0.3;
    position: absolute;
    bottom: 16vw;
    right: 0;
    z-index: -1;
    width: calc(100% - 16vw);
}

.listBox article .txtWrapper {
    position: absolute;
    bottom: 0;
    padding: 10% 5%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.listBox article .imageWrapper:after {
    background: -o-linear-gradient(top,rgba(242,239,217,0.0) 0,#F2EFD9 100%);
    background: -webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(242,239,217,0.0)),to(#F2EFD9));
    background: linear-gradient(180deg,rgba(242,239,217,0.0) 0,#F2EFD9 100%);
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.listBoxWrapper .slick-arrow {
    bottom: unset;
    top: -90px;
    left: unset;
    right: calc(2vw + 50px);
   
}
.listBoxWrapper .slick-next.slick-arrow {
    right: 2vw;
}
.listBoxWrapper ul.slick-dots {
    bottom: unset;
    top: -30px;
    left: unset;
    right: calc(2vw + 0px);
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.listBoxWrapper article .periods {
    margin-bottom: 0;
}
.listBox article .postPeriodWrapper {
    margin-bottom: 10px;
}
.listBoxWrapper article .txtWrapper .headline, .offerBoxesWrapper article .headline {
    margin-bottom: 15px;
}


/*Padding & Margin Styles*/
.padding-top-xxl { padding-top: 110px; }
.padding-top-xl { padding-top: 90px; }
.padding-top-l, .roomBox, .seoBoxesWrapper { padding-top: 75px; }
.padding-top-m { padding-top: 50px; }
.padding-top-s { padding-top: 40px; }
.padding-top-xs { padding-top: 25px; }
.padding-top-xxs { padding-top: 15px; }

.padding-bottom-xxl { padding-bottom: 110px; }
.padding-bottom-xl, .seoBoxesWrapper { padding-bottom: 90px; }
.padding-bottom-l, .error404 .contentWrapper, .roomBox { padding-bottom: 75px; }
.padding-bottom-m { padding-bottom: 50px; }
.padding-bottom-s { padding-bottom: 40px; }
.padding-bottom-xs { padding-bottom: 25px; }
.padding-bottom-xxs { padding-bottom: 15px; }

.margin-top-xxl { margin-top: 110px; }
.margin-top-xl { margin-top: 90px; }
.margin-top-l, .offerInner .wrapper, .offerInner .returnLinkWrapper { margin-top: 75px; }
.margin-top-m { margin-top: 50px; }
.margin-top-s, .offerInner .offertextBox { margin-top: 40px; }
.margin-top-xs, .listBoxWrapper .txtLinkWrapper, .error404 .sc-masterContainer a.button { margin-top: 25px; }
.margin-top-xxs, .offerBoxesWrapper article .txtWrapper, .offerBoxesWrapper article .sc-readmore, .offerInner .postPriceWrapper .headline, .offerInner .buttonsWrapper a { margin-top: 15px; }

.margin-bottom-xxl { margin-bottom: 110px; }
.margin-bottom-xl { margin-bottom: 90px; }
.margin-bottom-l, .offerInner .wrapper { margin-bottom: 75px; }
.margin-bottom-m { margin-bottom: 50px; }
.margin-bottom-s { margin-bottom: 40px; }
.margin-bottom-xs { margin-bottom: 25px; }
.margin-bottom-xxs { margin-bottom: 15px; }


/*Button & TXT-Link Styles*/
.button {
    background: #B0AB50;
    color: #1C1A1A;
    font-size: 1rem;
    padding: 15px 25px;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0px;
    font-family: "Aeonik",sans-serif;
    font-weight: 300;
    border-radius: 50px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

a.button {
    text-decoration: none;
}

.button:hover, .offerBoxesWrapper .box:hover .button {
    background: #C5C16E;
}

.txtLinkWrapper, .buttonsWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.txtLink, .offerInner .returnLinkWrapper .returnLink, .sc-readmore a {
    font-weight: 300;
    text-decoration: none;
    color: #1C1A1A;
    text-transform: uppercase;
    position: relative;
}
.txtLink, .offerInner .returnLinkWrapper .returnLink {
    padding: 0;
}
.txtLink:after, .offerInner .returnLinkWrapper .returnLink:after, .sc-menu .sub-menu a:after, .seoBoxesWrapper .seoBoxes .headline a:after, .sc-readmore a:after  {
    background-color: #F2EFD9;
    content: "";
    height: 2px;
    width: 60px;
    -webkit-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;
    position: absolute;
    left: 0;
    bottom: -2px;
}
.txtLink:hover:after, .offerInner .returnLinkWrapper .returnLink:hover:after, .sc-menu .sub-menu a:hover:after,.seoBoxesWrapper .seoBoxes .headline a:hover:after, .sc-readmore a:hover:after {
    width: 100%;
}
.bg1 .txtLink:after, .txtLink:after, .rotatingListbox .sc-readmore a:after {
    background-color: #1C1A1A;
}
.blockTextSlideshow.bg3 .txtLink:after, .seoBoxesWrapper .seoBoxes .headline a:after, .roomBox:nth-of-type(even) .txtLink:after, .roomBox:nth-child(2) .txtLink:after, .roomBox:nth-child(5) .txtLink:after, .roomBox:nth-child(7) .txtLink:after, .roomBox:nth-child(10) .txtLink:after, .roomBox:nth-child(12) .txtLink:after, .roomBox:nth-child(3) .txtLink:after, .roomBox:nth-child(9) .txtLink:after {
    background-color: #cdfc56;
}
address .bg3 .txtLink:after {
    background-color: #F2EFD9;
}
/*Lightcase Styles*/
.lightcase-icon-close:before {
    text-shadow: 1px 1px 1px #797979;
}

/*Accordion Styles*/
[data-accordion] [data-control] {
	position: relative;
	padding: 6px;
	padding-left: 0;
	margin-bottom: 10px;
	padding-right: 30px;
	border-bottom: 2px solid #1C1A1A;
}
[data-accordion].accordion.open [data-content] {
    padding: 20px;
}
[data-accordion]>[data-control]:after {
	content: "";
	width: 13px;
	height: 13px;
	position: absolute;
	top: 50%;
    margin-top: -8px;
	right: 3px;
	z-index: 10;
	cursor: pointer;
	border-bottom: 2px solid #1C1A1A;
	border-left: 2px solid #1C1A1A;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
[data-accordion].open>[data-control]:after {
	-webkit-transform: rotate(-225deg);
	-ms-transform: rotate(-225deg);
	transform: rotate(-225deg);
}

/*Tabs Styles*/
.tabs > [data-control] button {
    border: 0;
    padding: 13px 14px;
    position: relative;
    margin: 0 10px 10px 0;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #c2b6aa;
    font-size: 21px;
    color: #1C1A1A;
    font-family: "Garaje-black", sans-serif;
    letter-spacing: 0;
    font-weight: 700;
}
 .tabs > [data-control] button:last-child {
    margin-right: 0;
}
 .tabs > [data-control] button.active,  .tabs > [data-control] button:hover{
    background: #B0AB50;
}
.tabs [data-content] {
    margin-top: 15px;
}

/*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 #B8AEA4;
}
.SiTable tr:nth-child(odd) {
    background: #efefef
}
.SiTable table tr:nth-child(1) {
    background: #B0AB50;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.additionalPriceInformation {
    margin: 15px 0;
}
.scrollableArea {
    overflow-x: auto!important;
    white-space: nowrap;
    width: 100%;
}

/*_____  ------  _____ ------  _____ HEADER _____  ------  _____ ------  _____*/

/*Mobile Top Bar Styles*/
.home .resMenu {display: none;}
.home.scrolled .resMenu, .SiMenuOpen  .resMenu {display: block;}
.resMenu {
    position: fixed;
    background: #1C1A1A;
    width: 85px;
    height: 60px;
    z-index: 905;
    bottom: calc(2vh + 20px);
    left: 0;
    cursor: pointer;
}
.resMenu button.SiMenuToggle {
    position: absolute;
    right: 0;
    background-color: transparent;
    border: 0;
    background-size: 1000px;
    display: inline-block;
    width: auto;
    height: 100%;
    cursor: pointer;
    line-height: 50px;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0px;
    font-family: "Garaje-black", sans-serif;
    font-weight: 700;
    text-align: left;
    color: #F2EFD9;
    padding-right: 15px;
    line-height: 4.1;
}
.resMenu button.SiMenuToggle:visited { 
    color: #F2EFD9!important;
}
.SiMenuOpen .resMenu button.SiMenuToggle {
    background-position: -58px -185px;
}

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

.resMenu a.button {
    height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}
.resMenu a.button:first-child, .resMenu a.button:nth-child(2) {
    display: inline-block;
}
.resMenu a.phone {
    background-image: url(../graphics/vector_sprites.svg);
    background-position: -198px -337px;
    text-decoration: none;
    width: 22px;
    height: 24px;
    display: inline-block;
}
.resMenu a.phone {
    font-size: 0;
    position: absolute;
    top: 18px;
    margin-left: 25px;
}

/*Desktop Top Bar Styles*/

.topBar {
    position: fixed;
    left: 85px;
    bottom: calc(2vh + 20px);
    z-index: 906;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #1C1A1A;
    width: auto;
    height: 60px;
}
.SiMenu .topBar {z-index: 999;}
.home .topBar {display: none;}
.home.scrolled .topBar, .home .SiMenuOpen  .topBar {display: block;}
.SiMenuOpen .headerSlider, .SiMenuOpen .sc-masterContainer, .SiMenuOpen .footer {
    display: none;
}
.topBar .button {
    font-size: 14px;
    letter-spacing: 1px;
    position: relative;
    background: transparent;
    color: #F2EFD9;
    font-family: "Garaje-black", sans-serif;
    font-weight: 700;
    line-height: 1;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 24px 15px;
}
.topBar .button:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
}
.resMenu:after, .topBar a.button:after, .roomBox a.button:after, .resMenu button.SiMenuToggle:after {
    content: '';
    background: #d7f971;
    width: 2px;
    height: 35px;
    position: absolute;
    top: 13px;
    right: 0;
}
.resMenu button.SiMenuToggle:after {
    height: 35px;
    top: 14px;
    left: 0;
    right: auto;
}
.roomBox:nth-child(2) a.button:after, .roomBox:nth-child(5) a.button:after, .roomBox:nth-child(7) a.button:after, .roomBox:nth-child(10) a.button:after, .roomBox:nth-child(12) a.button:after {
    background: #cdfc56;
}
.roomBox a.button:after {
    background: #B0AB50;
}
.resMenu:after {
    right: 0;
}
a.button:last-of-type:after {
    content: none;
}
:lang(en) .topBar .button:before {
    margin-left: 6px;
}
:lang(it) .topBar .button:before {
    margin-left: 12px;
}
.topBar .button.request:before {
    background-position: -210px -183px;
    margin-left: 15px;
}
:lang(en) .topBar .button.request:before, :lang(it) .topBar .button.request:before {
    margin-left: 10px;
}
.topBar .button.booking:before {
    background-position: -280px -183px;
        margin-left: 9px;
}
.topBar .menuonly {
    display: none;
}
.SiMenu .menuFooter {
    z-index: 999;
    position: fixed;
    bottom: 75px;
    width: 88%;
}
.SiMenu .menuFooter .topBar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: transparent;
    position: relative;
    left: unset;
    top: unset;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: 100%;
    height: 35px;
}
.menuFooter .topBar .button {
    display: none;
}
.SiMenu .menuFooter .topBar .button.menuonly {
    display: block;
    color: #B0AB50;
    font-size: 17px;
    height: 25px;
    padding: 0;
    position: relative;
    font-family: "Aeonik", sans-serif;
    font-weight: 300;
    letter-spacing: 0.5px;
}
.SiMenuOpen a.button.menuonly:after, .SiMenuOpen a.button.menuonly:before {
    content: none;
}
.SiMenu .menuFooter .topBar .button:after {
    background-color: #cdfc56;
    content: "";
    height: 2px;
    width: 60px;
    -webkit-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;
    position: absolute;
    left: 0;
    bottom: -5px;
    top: unset;
}
.buttton.menuonly:hover:after, .SiMenu .menuFooter .topBar .button:hover:after {
    width: 100%;
}
.copyToMobileMenu {
    display: none;
}

/*Menu Styles*/
.sc-menu a {
    text-decoration: none;
    display: block;
    padding: 5px 15px;
    font-weight: 600;
    font-size: 31px;
     color: #c5c16e;
     text-align: left;
     text-transform: lowercase;
     border-bottom: 2px solid #c5c16e;
     text-transform: uppercase;
}
.SiMenu .sc-menu li > a {
    font-family: "Garaje-black", sans-serif;
    font-weight: 700;
}
.sc-menu a span {
    font-family: "Aeonik",sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    display: block;
}

.sc-menu a:hover span {
    color: #c5c16e;
}
.sc-menu li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.SiMenu, .SiMenuDesktop {
    display: none;
}
.SiMenu.active {
    display: block;
    background: #1C1A1A;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 900;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5%;
    margin: auto;
    width: 100%;
}
.sc-menu li.submenuarrow {
    position: relative;
}

.SiMenu .sc-menu li ul li a {
    margin-top: 0px;
}
.SiMenu ul {
    list-style: none;
    padding:0;
    margin:0;
}
.SiMenu li>ul, .arrowDown {
    display:none;
}

.SiMenu li>ul.active {
    display: block;
    margin-bottom: 25px;
}
.SiMenu .sc-menu li a {
    margin-top: 15px;
}
.SiMenu ul.sc-menu li.hasSubmenu > a {
    padding-right: 22px;
}
.sc-menu .sub-menu a {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 300;
    border: 0;
    padding: 11px 2px 0;
    position: relative;
    margin: 0 15px 10px;
    letter-spacing: 0;;
}

.SiMenu button {
    background: transparent;
    border: 0;
    padding: 0;
}
.SiMenu button:focus {
    outline: none;
}
.SiMenu button.close-button {

    display: none;
}

.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 #B8AEA4;
    border-left: 2px solid #B8AEA4;
    -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;
}
.sc-menu a:hover .submenu-button, .hasSubmenu.submenuActive .submenu-button, .sc-menu li a[aria-current] .submenu-button {
    border-color: #3B3B3B;
}
.hasSubmenu.current-menu-parent > a, .sc-menu li a[aria-current] {
    color: #C5C16E;
}
.SiMenu .menuHeader {
    display: none;
}


nav:not(.SiMenuDesktop) .menu-hauptmenue-container, nav:not(.SiMenuDesktop) .menu-hauptmenue-it-container, nav:not(.SiMenuDesktop) .menu-hauptmenue-en-container {
    height: calc(100vh - 190px);
    height: calc(calc(var(--vh, 1vh) * 100) - 190px);
    overflow-y: auto;
    padding-right: 20px;
}

/*Menu Arrows*/
.SiMenu li.submenuarrow > a:after {
    content: " ";
    width: 12px;
    height: 25px;
    position: absolute;
    background: transparent;
    background-image: url(../graphics/vector_sprites.svg);
    background-size: 1000px;
    background-position: 6px -507px;
    right: 0;
    padding: 0 5px;
    background-color: #1C1A1A;
}
.SiMenu li.submenuarrow.submenuActive > a:after {
    background-position: -113px -514px;
}



/*Main Logo Styles*/
header .MainLogo {
    display: block;
    bottom: 2vh;
    margin: 0;
    position: fixed;
    height: auto;
    left: 0;
    z-index: 910;
    width: 27px;
    height: 90px;
}

.home header .MainLogo {
    display: none;
}
.home.scrolled header .MainLogo, .home.SiMenuOpen header .MainLogo{
    display: block;
}

header .MainLogo img {
    margin: 0;
    display: block;
    -webkit-filter: drop-shadow(2px 2px 4px rgb(0 0 0 / 0.4));
            filter: drop-shadow(2px 2px 4px rgb(0 0 0 / 0.4));
    height: 100%;
    width: auto;
}

/*Home Logo Styles*/
header .HomeLogo {
    display: block;
    bottom: calc(5% + 20px);
    margin: 0;
    position: absolute;
    height: auto;
    right: 4vw;
    z-index: 5;
    width: 210px;
    max-width: 50%;
}
header .HomeLogo img {
    margin: 0;
    display: block;
    width: 100%;
    height: auto;
}

/*Language Selector Styles*/
.sc-language-selector, .menuLanguageSelector {
    position: fixed;
    top: 13px;
    right: 20px;
    z-index: 51;
    color: #fff;
    font-size: 0.7em;
    background-color: rgb(242 239 217 / 90%);
    padding: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.scrolled .anchormenuSite .sc-language-selector {
    top: 44px;
}
.sc-language-selector {
    display: block;
}
.sc-language-selector a, .menuLanguageSelector a {
    text-decoration: none;
    text-transform: uppercase;
    line-height: 20px;
    color: #1C1A1A;
}
.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: 3px;
    width: 20px;
    height: 20px;
    text-align: center;
}

.sc-language-selector ul li.wpml-ls-current-language span, .menuLanguageSelector ul li.wpml-ls-current-language span {
    font-family: "Aeonik-bold",sans-serif;
    font-weight: 500;
    text-decoration: underline;
}
.sc-language-selector ul li:last-child, .menuLanguageSelector ul li :last-child {
    margin-right: 0;
}
.menuLanguageSelector {
    right: 20px;
      top: 20px;
}
/*Header Slider Styles*/
.headerSlider, .headerVideo {
    display: none;
    position: relative;
}

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

.showHeaderSlider .headerSlider .sc-slideshow, .showHeaderSlider .headerSlider img, .headerVideo video {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.showHeaderSlider .headerSlider .sc-slideshow img {
    aspect-ratio: 1/1;
}
.home .showHeaderSlider .headerSlider .sc-slideshow img {
    aspect-ratio: unset;
    -webkit-mask-image:none;
    mask-image:none;

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

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

/*Fullscreen HeaderSlider END*/


/*Rooms*/

.roomBox .boxLayout {
    position: relative;
}
.roomBox h3 {
    margin-bottom: 5px;
}


.roomBox .buttonsWrapper {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 50px;
    border:2px solid #B0AB50;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 10px;
    gap: 10px;
}
.roomBox .buttonsWrapper .button:hover {
    text-decoration: underline;
}
.roomBox:nth-child(2) .buttonsWrapper, .roomBox:nth-child(5) .buttonsWrapper, .roomBox:nth-child(7) .buttonsWrapper, .roomBox:nth-child(10) .buttonsWrapper, .roomBox:nth-child(12) .buttonsWrapper {
    border-color: #cdfc56;
}
.roomBox .button {
    padding: 5px 25px;
    position: relative;
    background: transparent;
}
.roomBox .slick-arrow {
    bottom: -60px;
}
.roomBox:nth-of-type(odd) .slick-arrow, .blockTextSlideshowWrapper.bg1 .slick-arrow {
    background-position: 0 -290px;
}
.roomBox:nth-of-type(odd) .slick-next.slick-arrow {
    background-position: -75px -290px;
}
.roomBox:nth-of-type(3n) .slick-arrow {
    background-position: -175px -350px;
}
.roomBox:nth-of-type(3n) .slick-next.slick-arrow {
    background-position: -250px -350px;
}
.blockTextSlideshowWrapper.bg1 .slick-next.slick-arrow {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.roomBox ul.slick-dots {
    bottom: -90px;
    width: calc(100% - 8vw);
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}
.roomBox:nth-of-type(even) ul.slick-dots li button {
    background: rgb(255,255,255);
    background: rgba(255,255,255,0.5);
}
.roomBox:nth-of-type(even) .slick-dots li.slick-active button {
    background: #fff;
}


.roomBox .blockTextSlideshow {
    margin-bottom: 120px; 
}
.roomBox:nth-child(3), .roomBox:nth-child(9) {
    background-color: #1C1A1A;
    color:#fff;
}
.roomBox:nth-child(3) .box.textBox, .roomBox:nth-child(9) .box.textBox {
    padding-bottom: 40px;
}
.roomBox:nth-child(3) *, .roomBox:nth-child(9) * {
    color:#fff;
}
.roomBox:nth-child(3) [data-accordion]>[data-control]:after, .roomBox:nth-child(3) [data-accordion] [data-control], .roomBox:nth-child(9) [data-accordion]>[data-control]:after, .roomBox:nth-child(9) [data-accordion] [data-control] {
    border-color:#F2EFD9;
}
.roomBox .blockTextSlideshow.layout2 .box.slideshowBox img {
    aspect-ratio: 21/20;
}


 .roomBox a.button:after {
    top: 0;
}
.roomBox .t2.positionElement {
    position: absolute;
    bottom: -30px;
    right: 0;
    margin-bottom: 0;
    color:  #1C1A1A;
    z-index: 1;
}
.roomBox:nth-child(3) .t2.positionElement, .roomBox:nth-child(9) .t2.positionElement {
    color: #cdfc56;
}
/*_____  ------  _____ ------  _____ FOOTER _____  ------  _____ ------  _____*/

.footer {
    clear: both;
    padding-bottom: 100px;
}

.footer a:hover {
    opacity: .7;
}
 address {
    font-style: normal;
    text-align: center;
    line-height: 1.8;
}
address img.logoFooter {
    width: 240px!important;
    max-width: 60%!important;
    height: auto!important;
    margin-bottom: 20px;
}
address .box {
    margin-bottom: 25px;
    z-index: 3;
}
address .contact a {
    padding: 5px 0;
    display: inline-block;
    line-height: 50px;
    text-decoration: none;
}

 address a.facebook, address a.instagram {
    width: 50px;
    height: 50px;
    display: inline-block;
    text-decoration: none;
    margin: 0 7px;
    background-image: url(../graphics/vector_sprites.svg);
    background-repeat: no-repeat;
    background-position: -232px -56px;
    background-size: 1000px;
}
address a.instagram {
    background-position: -306px -56px;
}


address .box.map {
    content: '';
    display: inline-block;
    background-image: url(../graphics/vector_karte_DE.svg);
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    aspect-ratio: 548/545;
    background-size: contain;
   max-height: 570px;
   background-position: center;
}
:lang(it) address .box.map {
    background-image: url(../graphics/vector_karte_IT.svg);
}
:lang(en) address .box.map {
    background-image: url(../graphics/vector_karte_EN.svg);
}

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

/*SEO Boxes Styles*/


.seoBoxes .slick-arrow {
    left: unset;
    right: calc(4vw + 50px);
    bottom: -45px;
}
.seoBoxes .slick-next.slick-arrow {
    left: unset;
    right: 4vw;
}
.seoBoxes ul.slick-dots {
    left: unset;
    right: 4vw;
    bottom: -60px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.seoBoxes ul.slick-dots li button {
    background: rgb(255,255,255);
    background: rgba(255,255,255,0.5);
}
.seoBoxes .slick-dots li.slick-active button {
    background: #fff;
}


/*Newsletter Styles*/
.newsletter .widthWrapper {
    position: relative;
    z-index: 2;
}
.newsletter .widthWrapper:before {
    width: 50%;
    height: auto;
    content: "";
    position: absolute;
    left: -30px;
    top: 10px;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 100%;
    aspect-ratio: 499/551;
    position: absolute;
    display: inline-block;
    opacity: .3;
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
    z-index: -1;
    max-width: 200px;
}
.newsletter input {
    margin: 25px 0;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: transparent;
    border: 0;
    border-bottom: 2px solid #1C1A1A;
    text-align: left;
    padding: 5px 0;
    font-size: 1rem;
    color: #1C1A1A;
}
.newsletter input::-webkit-input-placeholder {
    color: #1C1A1A;
  }
.newsletter input::-moz-placeholder {
    color: #1C1A1A;
  }
.newsletter input:-ms-input-placeholder {
    color: #1C1A1A;
  }
.newsletter input::-ms-input-placeholder {
    color: #1C1A1A;
  }
.newsletter input::placeholder {
    color: #1C1A1A;
  }
/*Partner Styles*/
.partner a {
    background-image: url(../graphics/partners.png);
    display: inline-block;
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0 2%;
    height: 50px;
    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 .alta-badia {
    background-position: 0 -47px;
    width: 52px;
}
.partner .bike-hotels {
    background-position: 0 -286px;
    width: 80px;
}
.partner .italy-bikes {
    background-position: 0 2px;
    width: 30px;
}
.partner .superski {
    background-position: 0 -193px;
    width: 85px;
}
.partner .moviment-alta-badia {
    background-position: 0 -235px;
    width: 75px;
}
.partner .suedtirol {
    background-position: 0 -102px;
    width: 51px;
    height: 40px;
}
.partner .booking_suedtirol {
    background-position: 0 -152px;
    width: 51px;
    height: 40px;
}


/*Anchor Menu*/

.anchorMenuWrapper {
    scrollbar-color: #1C1A1A white;
    scrollbar-width: thin;
  }
  .anchorMenuWrapper::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: white;
    color:#858F45
  }
  .anchorMenuWrapper::-webkit-scrollbar-thumb {
    background: #1C1A1A;
    border-radius: 5px;
  }

.anchorMenuWrapper {
    padding: 0 4vw;
    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;
    position: fixed;
    top: -50px;
    height: 43px;
    z-index: 50;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  
}
.scrolled .anchorMenuWrapper {
    top: 0;
}

.anchorMenuWrapper a {
	margin-top: 0;
	margin-bottom: 0;
	text-decoration: none;
	margin-right: 30px;
}
.anchorMenuWrapper a.sianchorActive {
	opacity: 1;    
    text-decoration: underline;    
    text-underline-offset: 6px;
}
.anchorMenuWrapper a:last-child {
	margin-right: 0;
}

.menuItemImages {display: none;}

.imageGallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.imageGallery img {
    width: calc(50% - 10px);
    margin: 5px 3px;
}
.noQuickrequest  .seoBoxesWrapper {
    margin-bottom: 0;
} 



/*Hogast*/

#hgPaymentWidget div#hg-wi-form {
    background: #dbd8d4
}

#hgPaymentWidget #hg-wi-form .h-wi-content .h-wi-row.h-wi-bold-row {
    background-color: #bcb7b2
}

#hgPaymentWidget #hg-wi-form .h-wi-content .h-wi-row {
    background-color: #d3d0cc;
    border-bottom: 2px solid #eae8e6
}

#hgPaymentWidget #hg-wi-form .h-wi-button {
    background: #1C1A1A
}

#hgPaymentWidget .hgPaymentWidget {
    color: #3c3c3c;
    font-family: "Altivo Light",Verdana,Arial,Helvetica
}

#hgPaymentWidget .hgPaymentWidget .hgpText.hgpInfo a,#hgPaymentWidget .hgPaymentWidget .hgpPrivacyCheckbox span a,#hgPaymentWidget .hgPaymentWidget .hgpAdditionalInfo a {
    color: #3c3c3c
}

#hgPaymentWidget .hgPaymentWidget .hgpProgress .hgpStepActive .hgpRect {
    background-color: #1C1A1A;
    border-color: #1C1A1A;
    color: #fff
}

#hgPaymentWidget .hgPaymentWidget .hgpProgress .hgpRect {
    border: 1px solid #1C1A1A;
    color: #1C1A1A
}

#hgPaymentWidget .hgPaymentWidget .hgpProgress .hgpStep:not(:last-child) .hgpStepInner>div:last-child:before {
    border-color: #1C1A1A
}

#hgPaymentWidget .hgPaymentWidget .hgpProgress,#hgPaymentWidget .hgPaymentWidget .hgpFormElement .hgpCheckBox input[type="checkBox"]+span:after,#hgPaymentWidget .hgPaymentWidget .hgpFormElement .hgpCheckBox input[type="checkBox"]+span:before,#hgPaymentWidget .hgPaymentWidget .hgpFormElement .hgpRadioButton input[type="radio"]+span:before {
    border-color: #1C1A1A
}

#hgPaymentWidget .hgPaymentWidget .hgpProgress .hgpLabel,#hgPaymentWidget .hgPaymentWidget .hgpFormElement .hgpCheckBox,#hgPaymentWidget .hgPaymentWidget .hgpFormElement .hgpRadioButton {
    color: #1C1A1A
}

#hgPaymentWidget .hgPaymentWidget .hgpButton {
    font-weight: 700;
    font-size: 16px;
    padding: 9px 25px;
    min-width: initial
}

#hgPaymentWidget .hgPaymentWidget .hgpButton {
    font-size: 18px;
    font-weight: 300;
    -webkit-box-shadow: 0 0 5px 1px rgb(0 0 0 / 20%);
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 20%);
    border-radius: 3px
}

#hgPaymentWidget .hgPaymentWidget .hgpButton.hgpButtonPrimary {
    background: #1C1A1A;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    -webkit-box-shadow: 0 0 5px 1px rgb(0 0 0 / 20%);
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 20%);
    border-radius: 0
}

#hgPaymentWidget .hgPaymentWidget .hgpButton.hgpButtonPrimary:hover {
    background: #5E5650;
    color: #fff;
    opacity: 1
}

#hgPaymentWidget .hgPaymentWidget .hgpForm .hgpHighlight {
    background: #1C1A1A
}

#hgPaymentWidget .hgPaymentWidget .hgpForm input[type="text"]:focus,#hgPaymentWidget .hgPaymentWidget .hgpForm input[type="email"]:focus,#hgPaymentWidget .hgPaymentWidget .hgpForm input[type="number"]:focus,#hgPaymentWidget .hgPaymentWidget .hgpForm select:focus,#hgPaymentWidget .hgPaymentWidget .hgpForm textarea:focus {
    -webkit-box-shadow: 0 0 0 2px #bec9a9;
            box-shadow: 0 0 0 2px #bec9a9
}

#hgPaymentWidget .hgPaymentWidget .hgpFormElement.hgpSuccess input[type="text"],#hgPaymentWidget .hgPaymentWidget .hgpFormElement.hgpSuccess input[type="email"],#hgPaymentWidget .hgPaymentWidget .hgpFormElement.hgpSuccess input[type="number"],#hgPaymentWidget .hgPaymentWidget .hgpFormElement.hgpSuccess select,#hgPaymentWidget .hgPaymentWidget .hgpFormElement.hgpSuccess textarea,#hgPaymentWidget .hgPaymentWidget .hgpFormElementGroup.hgpSuccess input[type="text"],#hgPaymentWidget .hgPaymentWidget .hgpFormElementGroup.hgpSuccess input[type="email"],#hgPaymentWidget .hgPaymentWidget .hgpFormElementGroup.hgpSuccess input[type="number"],#hgPaymentWidget .hgPaymentWidget .hgpFormElementGroup.hgpSuccess select,#hgPaymentWidget .hgPaymentWidget .hgpFormElementGroup.hgpSuccess textarea {
    -webkit-box-shadow: 0 0 0 2px #1C1A1A;
            box-shadow: 0 0 0 2px #1C1A1A
}

#hgPaymentWidget .hgPaymentWidget .hgpFormElement .hgpRadioButton input[type="radio"]+span:after {
    background: #1C1A1A
}

#hgPaymentWidget .hgPaymentWidget .hgpProgress .hgpSumContainer,#hgPaymentWidget .hgPaymentWidget .hgpSummaryContainer .hgpSummaryHeadline,#hgPaymentWidget .hgPaymentWidget .hgpSummaryContainer .hgpSummaryHeadline {
    background-color: #1C1A1A
}

.MainLogo a.deskLogo {
    display: none;
}


/* --------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --->>>  @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 (max-width: 350px) {
    .topBar .button.offers {
        display: none;
    }
}

@media (min-width: 700px) {
    h2, .t2 {
        font-size: 44px; 
    }
    h2.bigger, .t2.bigger, .blockTextSlideshow.layout1 h2.positionElement, .blockTextSlideshow.layout1 .t2.positionElement, .blockTextSlideshow.layout2 h2.positionElement, .blockTextSlideshow.layout2 .t2.positionElement {
        font-size: 70px;
    }
    .listBox .bgSlide {
        display: none;
    }
    .rotatingListbox {
        padding-right: 0;
        padding-bottom: 50px;
    }
    .rotatingListbox  .slick-slide, .seoBoxes  .slick-slide {
        margin:0 15px;
    }
    .seoBoxes .slick-arrow {
        bottom: -15px;
    }
    .seoBoxes ul.slick-dots {
        bottom: -30px;
    }
    /*HighlightSlider Styles*/
    .highlightSlider .sliderItem {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    .highlightSlider .sliderItem img {
        padding-left: 1.5vw;
        padding-right: 1.5vw;
        opacity: 0.6;
    }
    .highlightSlider .sliderItem .text {
        position: absolute;
        bottom: 45px;
        width: calc(100% + 20px);
        max-width: 400px;
    }
    .showHeaderSlider .headerSlider .sc-slideshow img {
        aspect-ratio: 21/7;
    }
    .home .showHeaderSlider .headerSlider .sc-slideshow img {
        aspect-ratio: unset;
    }
    .imageGallery img {
        width: calc(25% - 12px);
        margin: 5px 3px;
    }
}

@media (min-width: 994px) {
.MainLogo a.mobLogo, header .HomeLogo {
    display: none;
}
.MainLogo a.deskLogo {
    display: block;
}
.blockTextSlideshow .t2.positionElement, .roomBox:nth-child(3) .blockTextSlideshow .t2.positionElement, .roomBox:nth-child(9) .blockTextSlideshow .t2.positionElement {
    color: #cdfc56;
}
.blockTextSlideshow.bg1 .t2.positionElement, .blockTextSlideshowWrapper.bg1 .t2.positionElement, .roomBox .blockTextSlideshow .t2.positionElement {
    color: #1C1A1A;
} 
.large-slideshow .slick-arrow {
    bottom: 50px;
}
.large-slideshow .slick-dots li.slick-active button {
    background: #b0ab50;
}
.home .resMenu,.home .topBar,.home header .MainLogo {display: block;}

.anchorMenuWrapper {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 180px;
}


.showHeaderSlider .sc-masterContainer {
    padding-top: 130px;
}
.sc-masterContainer {
    padding-top: 220px;
}
.padding-top-xxl, .roomBox { padding-top: 150px; }
.padding-top-xl { padding-top: 130px; }
.padding-top-l, .blockTextSlideshowWrapper[class*=padding-top-], .seoBoxesWrapper { padding-top: 110px; }
.padding-top-m { padding-top: 80px; }
.padding-top-s { padding-top: 50px; }
.padding-top-xs, .seoBoxes { padding-top: 35px; }
.padding-top-xxs { padding-top: 30px; }

.padding-bottom-xxl, .roomBox { padding-bottom: 150px; }
.padding-bottom-xl { padding-bottom: 130px; }
.padding-bottom-l, .error404 .contentWrapper, .blockTextSlideshowWrapper[class*=padding-bottom-], .listBoxWrapper { padding-bottom: 110px; }
.padding-bottom-m, .seoBoxesWrapper { padding-bottom: 80px; }
.padding-bottom-s { padding-bottom: 50px; }
.padding-bottom-xs { padding-bottom: 35px; }
.padding-bottom-xxs { padding-bottom: 30px; }

.margin-top-xxl { margin-top: 150px; }
.margin-top-xl { margin-top: 130px; }
.margin-top-l, .offerInner .wrapper { margin-top: 110px; }
.margin-top-m, .offerInner .returnLinkWrapper { margin-top: 80px; }
.margin-top-s, .offerInner .offertextBox { margin-top: 50px; }
.margin-top-xs, .listBoxWrapper .txtLinkWrapper, .error404 .sc-masterContainer a.button { margin-top: 35px; }
.margin-top-xxs, .offerBoxesWrapper article .txtWrapper, .offerBoxesWrapper article .sc-readmore, .offerInner .postPriceWrapper .headline, .offerInner .buttonsWrapper a { margin-top: 30px; }

.margin-bottom-xxl { margin-bottom: 150px; }
.margin-bottom-xl { margin-bottom: 130px; }
.margin-bottom-l, .offerInner .wrapper { margin-bottom: 110px; }
.margin-bottom-m { margin-bottom: 80px; }
.margin-bottom-s { margin-bottom: 50px; }
.margin-bottom-xs { margin-bottom: 35px; }
.margin-bottom-xxs { margin-bottom: 30px; }

.eyecatcherBtn > div, .eyecatcherBtnSlider > div {
    padding-bottom: 0;
}
.eyecatcherBtnSlider .slide {
    height: 130px;
}
.tabs > [data-control] button {
    padding: 12px 25px;
}
.tabs [data-content] {
    margin-top: 35px;
}
header .MainLogo {
    bottom: unset;
    top: calc(5vh + 39px);
        width: 330px;
        height: 73px;
    }
.resMenu {
        bottom: unset;
        top: calc(5vh + 29px);
        left: 0;
        height: 92px;
        width: 485px;
    }
.resMenu span {
    bottom: 20px;
    left: 100px;
    font-size: 1rem;
}
.resMenu button.SiMenuToggle {
        left: 355px;
        top: 0;
        width: auto;
        height: auto;
        font-size: 25px;
        padding-top: 0px;
        bottom: 0;
        padding-left: 25px;
        line-height: 1;
    }
.SiMenuOpen .resMenu button.SiMenuToggle {
    background-position: -67px -237px;
}
    .topBar {
        bottom: unset;
        height: 92px;
        padding-left: 0;
        top: calc(5vh + 29px);
        left: 485px;
    }
    .topBar .button {
        font-size: 25px;
        padding: 33.5px 65px 33.5px 20px;
    }
    .resMenu button.SiMenuToggle:after {
        height: 42px;
        top: 25px;
    }
.resMenu:after, .topBar a.button:after {
     height: 42px;
    top: 24px;
}
.resMenu button.SiMenuToggle:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
}
nav:not(.SiMenuDesktop) .menu-hauptmenue-container, nav:not(.SiMenuDesktop) .menu-hauptmenue-it-container, nav:not(.SiMenuDesktop) .menu-hauptmenue-en-container {
     height: 100%;
}
.SiMenu.active {
    padding: 180px 5% 30px;
    padding-top: calc(5vh + 160px);
}
.SiMenu .menuFooter {
      bottom: 15px;
}
.SiMenu .menuFooter .topBar {
   -webkit-box-pack: end;
       -ms-flex-pack: end;
           justify-content: flex-end;
}
.SiMenu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: calc(100% - 40px);
}
.SiMenu .menuFooter .topBar .button.menuonly {
    margin-left: 25px;
}
.sc-menu li {
    width: 19%;
}
.sc-menu a {
     padding: 5px 10px;
     border-bottom: 0;
}
.SiMenu li.submenuarrow > a:after {
      top: 60px;
}
.SiMenu .sc-menu li a {
    margin-top: 0;
}
.SiMenu li>ul.active {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: absolute;
    bottom: 0;
}
.SiMenu li>ul.active li {
    width: 100%;
}
.sc-menu .sub-menu a {
    margin: 0 8px 10px;
}
.menuItemImages {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.submenuActive .menuItemImages {
    opacity: .2;
}

.txtLinkWrapper, .buttonsWrapper {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
}

.blockTextSlideshowWrapper.padding-bottom-l .slick-arrow {
    bottom: calc(170px + 20px);
}
.blockTextSlideshowWrapper.padding-bottom-l .slick-dots {
    bottom: 170px;
}
.blockTextSlideshowWrapper.positionAboveElement .blockTextSlideshow div.boxLayout .box.textBox {
    padding-top: 0;
}
.blockTextSlideshowWrapper.positionAboveElement .blockTextSlideshow {
    margin-top: 0;
    padding-bottom: 30px;
    padding-top: 35px;
}
.blockTextSlideshowWrapper .slick-arrow {
    bottom:20px;
    top:unset;
    left: unset;
    right: calc(4vw + 50px);
}
.blockTextSlideshowWrapper .slick-next.slick-arrow {
    margin-right: -50px;
}
.blockTextSlideshowWrapper[class*=padding-] .slick-next.slick-arrow {
    right: calc(2vw + 50px);
}
.blockTextSlideshowWrapper .slick-dots {
    bottom: 0;
    top: unset;
    left: unset;
    right: 4vw;
}

.goUp.padding-top-xxl {
    padding-top: 195px;
    margin-top: 0;
    z-index: -1;
}

h1, .t1 {
    font-size: 18px;
}
html, body, button {
    font-size: 20px;
    line-height: 1.4;
}
h2, .t2, .noH2 h1, .error404 .sc-header h1, .offerInner h1, h2.bigger:not(.positionElement), .t2.bigger:not(.positionElement) {
    font-size: 65px;
}
h3, .t3, .offerBoxesWrapper article .headline, .offerInner .postPeriodWrapper .headline, .offerInner .postPriceWrapper .headline, .t3.quote, .listBoxWrapper article .txtWrapper .headline {
    font-size: 35px;
}
    h4, .t4 {
        font-size: 45px;
        line-height: 1;
    }
.txtLink, .sc-quickInquiry>div label, [data-accordion] [data-control], .seoBoxesWrapper .seoBoxes .headline, .offerInner .returnLinkWrapper .returnLink, .sc-readmore a {
        font-size: 20px;
    }
.sc-quickInquiry>div label {
    padding: 30px 10px;
}

/*Show Desktop Menu END*/
.sc-language-selector, .home .sc-language-selector {
    display: block;
    z-index: 12;
    top: calc((5vh - 4px)/2);
}
.scrolled .anchormenuSite .sc-language-selector {
    top: 32px;
    z-index: 51;
}
.sc-language-selector ul li, .menuLanguageSelector ul li {
     width: 26px;
    height: 26px;
}
.sc-language-selector a, .menuLanguageSelector a {
       line-height: 26px;
}

/*Wrapper Width Styles*/
.wideWidthWrapper .widthWrapper, .roomBox .roomWrapper .boxLayout.widthWrapper, .anchorMenuContainer .anchorMenuItems, .seoBoxesWrapper > div {
    max-width: calc(100% - 15vw);
}

/*BoxLayout Styles*/
.boxLayout .box, .offerBoxesWrapper .box {
    width: calc(50% - 40px);
}
.blockTextSlideshow .box.slideshowBox {
    margin-left: 0;
    margin-right: 0;
}

/*BoxLayout layout Slider Text-Slideshow Styles*/

/*BoxLayout layout1 Styles*/
.blockTextSlideshow.layout1 .boxLayout .box.textBox {
    width: calc(45% - 60px);
}
.blockTextSlideshow.layout1 .boxLayout .box.slideshowBox {
    width: calc(55% - 60px);
}

.blockTextSlideshow.layout1:not(.change-order-d) .boxLayout .box.slideshowBox {
    margin-left: 40px;
}
.blockTextSlideshow.layout1.change-order-d .boxLayout .box.slideshowBox{
    margin-right: 40px;
}

.blockTextSlideshow.layout1:not(.change-order):not(.change-order-m) .textBox {
    margin-top: 0;
}
.blockTextSlideshow.layout1 .boxLayout {
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.blockTextSlideshow.layout1 .positionElement {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
}
.blockTextSlideshow.layout1:not(.change-order):not(.change-order-m) .box.textBox, .blockTextSlideshow.layout1.change-order .box.slideshowBox, .blockTextSlideshow.layout1.change-order-m .box.slideshowBox {
    margin-top: 0;
}
.blockTextSlideshow.layout1:not(.change-order):not(.change-order-m) .box.textBox .positionElement {
    margin-left: 0;
    left: 0;
}
.blockTextSlideshow.layout1.change-order:not(.change-order-m) .positionElement, .blockTextSlideshow.layout1.change-order-d:not(.change-order-m) .positionElement {
    left: initial!important;
    right: 0;
}

/*BoxLayout layout2 Styles*/
.blockTextSlideshow.layout2 .boxLayout .box.textBox {
    width: calc(45% - 60px);
    margin-left: -45%;
    max-width: 670px;
    z-index: 2;
}
.blockTextSlideshow.layout2.change-order .boxLayout .box.textBox, .blockTextSlideshow.layout2.change-order-d .boxLayout .box.textBox {
    margin-left: 0;
    margin-right: -45px;
    padding-top: 20px;
}
.blockTextSlideshow.layout2 .boxLayout .box.slideshowBox {
    width: calc(80% - 60px);
}
.blockTextSlideshow.layout2 .box.slideshowBox img {
    aspect-ratio: initial;
    -o-object-fit: initial;
       object-fit: initial;
}
.blockTextSlideshow.layout2 .box.slideshowBox img, .blockTextSlideshow.threeImages .box.slideshowBox div.no-slideshow img:nth-child(3) {-webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,0.9)), color-stop(rgba(0,0,0,0.8)), color-stop(rgba(0,0,0,0.7)), color-stop(rgba(0,0,0,0.6)), color-stop(rgba(0,0,0,0.5)), color-stop(rgba(0,0,0,0.4)), color-stop(rgba(0,0,0,0.3)), color-stop(rgba(0,0,0,0.2)), color-stop(rgba(0,0,0,0.1)), to(rgba(0,0,0,0)));-webkit-mask-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,0.9), rgba(0,0,0,0.8), rgba(0,0,0,0.7), rgba(0,0,0,0.6), rgba(0,0,0,0.5), rgba(0,0,0,0.4), rgba(0,0,0,0.3), rgba(0,0,0,0.2), rgba(0,0,0,0.1), rgba(0,0,0,0));mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,0.9)), color-stop(rgba(0,0,0,0.8)), color-stop(rgba(0,0,0,0.7)), color-stop(rgba(0,0,0,0.6)), color-stop(rgba(0,0,0,0.5)), color-stop(rgba(0,0,0,0.4)), color-stop(rgba(0,0,0,0.3)), color-stop(rgba(0,0,0,0.2)), color-stop(rgba(0,0,0,0.1)), to(rgba(0,0,0,0)));mask-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,0.9), rgba(0,0,0,0.8), rgba(0,0,0,0.7), rgba(0,0,0,0.6), rgba(0,0,0,0.5), rgba(0,0,0,0.4), rgba(0,0,0,0.3), rgba(0,0,0,0.2), rgba(0,0,0,0.1), rgba(0,0,0,0));
}
.blockTextSlideshow.layout2.change-order .box.slideshowBox img, .blockTextSlideshow.layout2.change-order-d .box.slideshowBox img, .blockTextSlideshow.threeImages.change-order .box.slideshowBox div.no-slideshow img:nth-child(3), .blockTextSlideshow.threeImages.change-order-d .box.slideshowBox div.no-slideshow img:nth-child(3) {-webkit-mask-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,0.9)), color-stop(rgba(0,0,0,0.8)), color-stop(rgba(0,0,0,0.7)), color-stop(rgba(0,0,0,0.6)), color-stop(rgba(0,0,0,0.5)), color-stop(rgba(0,0,0,0.4)), color-stop(rgba(0,0,0,0.3)), color-stop(rgba(0,0,0,0.2)), color-stop(rgba(0,0,0,0.1)), to(rgba(0,0,0,0)));-webkit-mask-image: linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,0.9), rgba(0,0,0,0.8), rgba(0,0,0,0.7), rgba(0,0,0,0.6), rgba(0,0,0,0.5), rgba(0,0,0,0.4), rgba(0,0,0,0.3), rgba(0,0,0,0.2), rgba(0,0,0,0.1), rgba(0,0,0,0));mask-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,0.9)), color-stop(rgba(0,0,0,0.8)), color-stop(rgba(0,0,0,0.7)), color-stop(rgba(0,0,0,0.6)), color-stop(rgba(0,0,0,0.5)), color-stop(rgba(0,0,0,0.4)), color-stop(rgba(0,0,0,0.3)), color-stop(rgba(0,0,0,0.2)), color-stop(rgba(0,0,0,0.1)), to(rgba(0,0,0,0)));mask-image: linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,0.9), rgba(0,0,0,0.8), rgba(0,0,0,0.7), rgba(0,0,0,0.6), rgba(0,0,0,0.5), rgba(0,0,0,0.4), rgba(0,0,0,0.3), rgba(0,0,0,0.2), rgba(0,0,0,0.1), rgba(0,0,0,0));
}
.blockTextSlideshow.layout2.change-order .box:nth-child(1), .blockTextSlideshow.layout2.change-order-m .box:nth-child(1) {
    margin-top: 0;
}
.blockTextSlideshowWrapper .slick-list {
    padding-bottom: 0;
}
.blockTextSlideshowWrapper.change-order-d .slick-dots {
    right: initial;
    left: 4vw;
}
.blockTextSlideshowWrapper.change-order-d .slick-arrow {
    left: 4vw;
}

.home .boxLayout .eyecatcherBtnSlider {
    position: absolute;
    top: -2vw;
    right: initial;
    left: -2vw;
}
.home .blockTextSlideshow.change-order-d .eyecatcherBtnSlider, .home .blockTextSlideshow.change-order .eyecatcherBtnSlider {
    left: initial;
    right: -2vw;
}

/*Position Element in Layout*/
.blockTextSlideshowWrapper.positionAboveElement .blockTextSlideshow .positionElement {
    right: initial;
    left: 0;
    margin-left: -30px;
}
.blockTextSlideshow.positionBelowElement .positionElement{
        top: initial;
}
.blockTextSlideshowWrapper.change-order.positionAboveElement .blockTextSlideshow .positionElement, .blockTextSlideshowWrapper.change-order-d.positionAboveElement .blockTextSlideshow .positionElement, .blockTextSlideshow.positionBelowElement.change-order .positionElement, .blockTextSlideshow.positionBelowElement.change-order-d .positionElement {
    left: initial;
    right: 0;
    margin-left: 0;
    margin-right: -30px;
}
.blockTextSlideshowWrapper.positionAboveElement.desktopPositionBelow .blockTextSlideshow .positionElement {
        bottom: -30px;
        top: unset;
    }
/*ThreeImages Layout Styles*/
.blockTextSlideshow.threeImages .boxLayout.widthWrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.blockTextSlideshow.threeImages .box.slideshowBox div.no-slideshow, .blockTextSlideshow.threeImages.change-order-d .box.slideshowBox div.no-slideshow, .blockTextSlideshow.threeImages.change-order .box.slideshowBox div.no-slideshow {
    -ms-grid-columns: calc(60% - 1.5vw) calc(40% - 1.5vw);
    grid-template-columns: calc(60% - 1.5vw) calc(40% - 1.5vw);
    grid-gap: 3vw;
}
.blockTextSlideshow.threeImages.change-order .box.slideshowBox div.no-slideshow, .blockTextSlideshow.threeImages.change-order-m .box.slideshowBox div.no-slideshow {
    -ms-grid-columns: calc(40% - 1.5vw) calc(60% - 1.5vw);
    grid-template-columns: calc(40% - 1.5vw) calc(60% - 1.5vw);
}
.blockTextSlideshow.threeImages .box.slideshowBox div.no-slideshow img:nth-child(3), .blockSlideshow.threeImages div.no-slideshow img:nth-child(3) {
    aspect-ratio: initial;
    -o-object-fit: initial;
       object-fit: initial;
    position: relative;
}
.blockTextSlideshow.threeImages .box.textBox:before {
    top: -85%;

}
.blockTextSlideshow.threeImages .box.textBox {
    margin-right: 0;
    max-width: 500px;
    width: 47.5%;
    margin-left: -15vw;
    padding-top: 0;
}


.blockTextSlideshow.threeImages .box.textBox:before {
    top: -50px;
}
.blockTextSlideshow.threeImages .box.textBox {
    margin-right: 0;
    max-width: 500px;
    width: 47.5%;
    margin-left: -15vw;
    padding-top: 0;
}
.blockTextSlideshow.threeImages .box.textBox .t3.quote, .blockTextSlideshow.threeImages .box.textBox .t4.quote {
    margin-bottom: 0;
}

.blockTextSlideshow.threeImages.change-order .box.textBox, .blockTextSlideshow.threeImages.change-order-d .box.textBox {
    margin-left: 0;
    margin-right: -15vw;
}
.blockTextSlideshow.threeImages .boxLayout.widthWrapper .box.slideshowBox {
    width: 70%;
}
.blockTextSlideshow.threeImages .box.slideshowBox div.no-slideshow img:nth-child(2), .blockSlideshow.threeImages div.no-slideshow img:nth-child(2) {
    margin: 0;
}

.blockSlideshow.threeImages div.no-slideshow img:nth-child(2) {
    margin: 0;
}
.blockTextSlideshow.threeImages .box.slideshowBox div.no-slideshow img:first-child {
    -webkit-mask-image: none;
    mask-image: none;
}

.boxLayout, .offerBoxesWrapper {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -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;
}
.offerInner .boxLayout {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.boxLayout .box, .offerBoxesWrapper .box {
    width: 47.5%;
}  
.offerBoxesWrapper .box {
    margin-bottom: 100px;
}  
.home .homegallery .boxLayout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: calc(100% - 15vw);
}
.homegallery .box.textBox {
    max-width: 500px;
    width: 47.5%;
    margin-right: -15vw;
    padding-top: 0;
    z-index: 2;
}

.offerBoxesWrapper .eyecatcherBtn {
    height: 130px;
    width: 130px;
    font-size: 14px;
}


.homegallery .box.slideshowBox {
    width: 70%;
}
.homegallery .box.slideshowBox img:first-child {
    -webkit-mask-image:none;
    mask-image:none;
}
.homegallery .box.slideshowBox img:nth-child(3) {
    aspect-ratio: 2100/1585;
}
.homegallery .box.slideshowBox {
    width: 70%;
            -ms-grid-rows: auto 3vw auto;
                grid-template-areas:
        "image3 image1"
        "image3 image2";
    -ms-grid-columns: calc(60% - 1.5vw) 3vw calc(40% - 1.5vw);
    grid-template-columns: calc(60% - 1.5vw) calc(40% - 1.5vw);
    grid-gap: 3vw;
}
.homegallery .box.slideshowBox img:nth-child(2) {
    margin: 0;
    margin-right: auto;
}
.blockTextSlideshow .homegallery  .box.slideshowBox img {
    -webkit-mask-image: none;
    mask-image: none;
}

.homegallery .box.slideshowBox img:nth-child(3), .blockTextSlideshow .homegallery  .box.slideshowBox img:nth-child(3) {
    -webkit-mask-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,0.8)), color-stop(rgba(0,0,0,0.3)), to(rgba(0,0,0,0)));
    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,0.8), rgba(0,0,0,0.3), rgba(0,0,0,0)); 
    mask-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,1)), color-stop(rgba(0,0,0,0.8)), color-stop(rgba(0,0,0,0.3)), to(rgba(0,0,0,0))); 
    mask-image: linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,0.8), rgba(0,0,0,0.3), rgba(0,0,0,0));
}





/*blockSlideshow Styles*/
.blockSlideshow .sc-slideshow .slick-list {
    padding-bottom: 0;
}


/*HighlightSlider Styles*/
.highlightSlider .slick-slide .t4, .highlightSlider .slick-slide p {
    visibility: visible;
}
.highlightSlider .slick-arrow {
    left: calc(100% - 100px);
    bottom: -90px;
}
.highlightSlider ul.slick-dots {
    left: initial;
    right: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    bottom: -120px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.highlightSlider {
    margin-top: 75px;
}
.highlightSlider .slick-list {
    margin-bottom: 120px;
}

/*Rooms*/
.roomBox .blockTextSlideshow {
    margin-bottom: 70px;
}
.roomBox .t2.positionElement {
   bottom: unset;
    right: unset;
    top: -45px;
    left: -20px;
}
.roomBox:nth-of-type(even) .t2.positionElement {
    left: unset;
    right: -20px;
 }
.roomBox .blockTextSlideshow.layout2 .box.slideshowBox img {
    aspect-ratio: 2100/1290;
}
.roomBox .blockTextSlideshow.layout2 .boxLayout .box.textBox {
    width: calc(45% - 45px);
}
.roomBox:nth-of-type(even) .blockTextSlideshow.layout2.change-order .boxLayout .box.textBox {
     margin-right: -45%;
}
.roomBox .blockTextSlideshow.layout2 {
    margin-bottom: 50px;
    padding: 0;
}
.roomBox .slick-arrow {
    bottom: -60px;
    left: 0;
}
.roomBox:nth-of-type(even) .slick-arrow {
  right:50px;
    left: unset;
}
.roomBox:nth-of-type(even) .slick-next.slick-arrow {
    margin-right: -50px;
}
.roomBox .button {
    padding: 5px 20px;
}
.roomBox ul.slick-dots {
    left: 0;
    bottom: -78px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}
.roomBox:nth-of-type(even) ul.slick-dots {
    right: 0;
    left: unset;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
}
.roomBox:nth-of-type(even) {
    padding-bottom: 150px;
}


/*Partner Styles*/
.partner a {        
    margin: 0 1.5%;
    height: 90px;
    background-size: 500px 1000px;        
}    

.partner .superski {
    background-position: 0 -392px;
    width: 170px;
}
.partner .alta-badia {
    background-position: 0 -94px;
    width: 104px;
}
.partner .bike-hotels {
    background-position: 0 -572px;
    width: 160px;
}
.partner .italy-bikes {
    background-position: 0 4px;
    width: 62px;
}
.partner .moviment-alta-badia {
    background-position: 0 -480px;
    width: 150px;
}
.partner .suedtirol {
    background-position: 0 -204px;
    width: 102px;
    height: 80px;
}
.partner .booking_suedtirol {
    background-position: 0px -306px;
    width: 102px;
    height: 80px;
}  

header .eyecatcherBtn {
    bottom: 8%;
    left: 5%;
    height: 140px;
    width: 140px;
}

header .eyecatcherBtn b {
    font-size: 1rem;
}
.quickrequest {
    padding-top: 0;
}
.eyecatcherBtnSlider.bestprice {
    right: 4vw;
    width: 200px;
    top: -150px;
}


address .boxLayout {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}
address .box.map {
    width: 50%;
}
.newsletter input {
    padding: 10px 20px;
    max-width: 640px;
}
.newsletter .widthWrapper:before {
    max-width: 280px;
    top: -60px;
    left: -100px;
}
.newsletter .widthWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 5vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.newsletter .widthWrapper > div {
    width: 50%;
}

/*SeoBoxes*/

.seoBoxes {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: calc(43% - 1.5vw) calc(23% - 1.5vw) calc(33% - 1.5vw);
    grid-template-columns: calc(43% - 1.5vw) calc(23% - 1.5vw) calc(33% - 1.5vw);
    grid-gap: 3vw;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
                grid-template-areas:
        "image1 image2 image4"
        "image1 image3 image4";
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    align-items: center;
}

.seoBoxes div:first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: image1;
    aspect-ratio: 8/6;
}
.seoBoxes div img {
    -o-object-fit: cover;
       object-fit: cover;
}
.seoBoxes div:first-child img,.seoBoxes div:nth-child(4) img {
      aspect-ratio: 8/6;
}
.seoBoxes div:nth-child(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    grid-area: image2; 
}
.seoBoxes div:nth-child(2) img {
    aspect-ratio: 43/54;
}
.seoBoxes div:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    grid-area: image3;
}
.seoBoxes div:nth-child(3) img {
    aspect-ratio: 1/1;
}
.seoBoxes div:nth-child(4) {
    grid-area: image4;
    margin-top: 10vw;
}
.seoBoxesWrapper .seoBoxes .headline {
      left: -10px;
}
.seoBoxes div:not(:nth-child(3))  .headline {
    bottom:unset;
    top:0;
}
.seoBoxes div:nth-child(4)  .headline {
    left:unset;
    right:-10px;
    text-align: right;
}
.seoBoxes div:not(:nth-child(3)) img {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(rgba(0,0,0,1)), to(rgba(0,0,0,1)));
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,1));
    mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(rgba(0,0,0,1)), to(rgba(0,0,0,1)));
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,1));
}
.seoBoxes div:nth-child(3) img {
    -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0)), color-stop(rgba(0,0,0,1)), to(rgba(0,0,0,1)));
    -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,1));
            mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0)), color-stop(rgba(0,0,0,1)), to(rgba(0,0,0,1)));
            mask-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,1));
}

.listBoxWrapper {
    overflow: hidden;
}
.rotatingListbox {
    width: 100vw;
    position: relative;
    max-width: none; 
}
.rotatingListbox:after {
    content: '';
    background: #b0ab50;
    width: 5vw;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
}
.gmap iframe {   
  aspect-ratio: 3/1;
}
}


@media (min-width: 1300px) {
    .topBar .button {
        padding: 33.5px 110px 33.5px 20px;
    }
    .resMenu {
        width: 525px;
    }
    .topBar {
        left: 525px;
    }
    .roomBox .button {
        padding: 5px 40px;
    }
    h4, .t4 {
        font-size: 65px;
        line-height: 1;
    }
    .highlightSlider .slick-slide .t4 {
        font-size: 45px;
    }
    .highlightSlider .slick-slide.slick-active .t4 {
        margin-bottom: 0;
    }
    .sc-language-selector, .home .sc-language-selector {
        z-index: 51;
    }
    .sc-language-selector ul li, .menuLanguageSelector ul li {
        width: 30px;
        height: 30px;
    }
    .sc-language-selector a, .menuLanguageSelector a {
        line-height: 30px;
    }
    .SiMenu li.submenuarrow > a:after {
        top: 20px;
  }
    header .HomeLogo {
        bottom: 8%;
       width: 400px;
    }
    .anchorMenuWrapper {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding-left: 0px;
    }
    .showHeaderSlider .sc-masterContainer {
        padding-top: 200px;
    }
    .sc-masterContainer {
        padding-top: 250px;
    }
.txtLinkWrapper, .buttonsWrapper {
    gap: 35px 60px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
h1, .t1 {
    font-size: 24px;
}
h2, .t2, .noH2 h1, .error404 .sc-header h1, .offerInner h1, h2.bigger:not(.positionElement), .t2.bigger:not(.positionElement) {
    font-size: 100px;
}
h3, .t3, .offerBoxesWrapper article .headline, .offerInner .postPeriodWrapper .headline, .offerInner .postPriceWrapper .headline, .listBoxWrapper article .txtWrapper .headline {
    font-size: 44px;
}
.eyecatcherBtn {
    height: 150px;
    width: 150px;
}
.sc-menu a {
    font-size: 33px;
}
.sc-menu a span {
    font-size: 20px;
}
.sc-menu .sub-menu a {
    font-size: 25px;
}
.SiMenu ul {
      height: 100%;
}
/*Position Element in Layout*/
.blockTextSlideshow.layout1 h2.positionElement, .blockTextSlideshow.layout1 .t2.positionElement, .blockTextSlideshow.layout2 h2.positionElement, .blockTextSlideshow.layout2 .t2.positionElement, .blockTextSlideshowWrapper.positionAboveElement .blockTextSlideshow .positionElement, .blockTextSlideshow.positionBelowElement .positionElement {
    font-size: 120px;
}
.blockTextSlideshow.positionBelowElement > div {
    margin-bottom: 60px;
}
.blockTextSlideshow.positionBelowElement .positionElement {
    bottom: -60px;
}
.blockTextSlideshowWrapper.positionAboveElement .blockTextSlideshow .positionElement, .blockTextSlideshow.positionBelowElement .positionElement {
    margin-left: -40px;
}
.blockTextSlideshowWrapper.change-order.positionAboveElement .blockTextSlideshow .positionElement, .blockTextSlideshowWrapper.change-order-d.positionAboveElement .blockTextSlideshow .positionElement, .blockTextSlideshow.positionBelowElement.change-order .positionElement, .blockTextSlideshow.positionBelowElement.change-order-d .positionElement {
    margin-right: -60px;
}
.blockTextSlideshowWrapper.positionAboveElement.desktopPositionBelow .blockTextSlideshow .positionElement {
        bottom: -40px;
        top: unset;
    }
    .blockTextSlideshowWrapper.positionAboveElement .blockTextSlideshow {
        margin-top: 0;
        padding-bottom: 38px;
        padding-top: 35px;
    }
/*BoxLayout threeImages Layout Styles*/
.blockTextSlideshow.threeImages .box.slideshowBox div.no-slideshow img:nth-child(3), .blockSlideshow.threeImages div.no-slideshow img:nth-child(3) {
    aspect-ratio: initial;
    -o-object-fit: initial;
       object-fit: initial;
}
.blockSlideshow.threeImages div.no-slideshow {
                grid-template-areas:
        "image1 image3"
        "image1 image2";
}

/*BoxLayout layout2 Styles*/
.blockTextSlideshow.layout2 .boxLayout, .blockTextSlideshowWrapper.layout3 .blockTextSlideshow .boxLayout {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
/*Rooms*/
.roomBox .blockTextSlideshow.layout2 {
    margin-bottom: 20px;
}
.roomBox .t2.positionElement {
     top: -55px;
}
.roomBox .blockTextSlideshow.layout2 {
    margin-bottom: 80px;
}
.roomBox a.button:after {
    top: 3px;
}
.roomBox .slick-arrow {
    bottom: 50px;
    left: 20px;
}
.roomBox:nth-of-type(even) .slick-arrow {
    right: 70px;
}

.roomBox ul.slick-dots {
    left: 20px;
    bottom: 20px;
}
.roomBox:nth-of-type(even) ul.slick-dots {
    right: 20px;
    left: unset;
}


.rotatingListbox .slick-slide {
    margin: 0 40px;
}

address {
    text-align: left;
}
address .boxLayout {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
}
address .boxLayout  .box , address .boxLayout .box.map {
    width: 30%;
    margin-bottom: 0;
}

.SiMenu.active {
    padding-bottom: 5%;
}
.footer .texture {
    padding-top: 250px;
}
.homegallery .box.slideshowBox img:first-child, .blockTextSlideshow.threeImages .box.slideshowBox div.no-slideshow img:first-child, .blockSlideshow.threeImages div.no-slideshow img:first-child {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1;
}
.homegallery .box.slideshowBox img:nth-child(2),.blockTextSlideshow.threeImages .box.slideshowBox div.no-slideshow img:nth-child(2), .blockSlideshow.threeImages div.no-slideshow img:nth-child(2) {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
}
.homegallery .box.slideshowBox img:nth-child(3),.blockTextSlideshow.threeImages .box.slideshowBox div.no-slideshow img:nth-child(3), .blockSlideshow.threeImages div.no-slideshow img:nth-child(3), .blockTextSlideshow.layout2 .box.slideshowBox img {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 3;
}
.seoBoxes div:first-child {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1;
}
.seoBoxes div:nth-child(2) {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
}
.seoBoxes div:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 3;
}
}


@media (min-width: 1600px) {
   
header .HomeLogo {
    width: 850px;
}
.blockTextSlideshow.layout1 .boxLayout .box.textBox {
    width: calc(45% - 120px);
}
.blockTextSlideshow.layout1 .boxLayout .box.slideshowBox {
    width: calc(55% - 60px + 20px);
}
.blockTextSlideshowWrapper.layout3 .slick-arrow {
   right: calc((100vw - 1215px)/2);
}
.blockTextSlideshowWrapper.layout3 .slick-next.slick-arrow {
    right: calc((100vw - 1215px)/2);
}
.blockTextSlideshowWrapper.layout3 .slick-dots {
    right: calc((100vw - 1305px)/2);
}
.goUp.padding-top-xxl {
    padding-top: 150px;
    margin-top: -150px;
}

.eyecatcherBtnSlider, .home .eyecatcherBtnSlider {
    width: 300px;
    font-size: 44px;
}
.eyecatcherBtnSlider {
    padding-bottom: 2%;
}
.home .eyecatcherBtnSlider {
    top: -4vw;
    left: -4vw;
}
.home .blockTextSlideshow.change-order-d .eyecatcherBtnSlider, .home .blockTextSlideshow.change-order .eyecatcherBtnSlider {
    right: -4vw;
}
.introEyecatcherSite .eyecatcherBtnSlider {
    top: -400px;
    left: 12vw;
}
.eyecatcherBtnSlider.bestprice {
    right: 4vw;
    width: 200px;
    top: -150px;
    left:unset;
}
.quickrequest {
    text-align: center;
}
}

@media (min-width: 1800px) {
.goUp.padding-top-xxl {
    padding-top: 200px;
    margin-top: -200px;
}
.highlightSlider .slick-slide .t4 {
    font-size: 65px;
}
}



@media (min-width: 1900px) {
h2.bigger, .t2.bigger, .blockTextSlideshow.layout1 h2.positionElement, .blockTextSlideshow.layout1 .t2.positionElement, .blockTextSlideshow.layout2 h2.positionElement, .blockTextSlideshow.layout2 .t2.positionElement {
    font-size: 160px;
}
.t3.quote {
    font-size: 44px;
}
.sc-menu a {
    font-size: 36px;
}
.sc-menu a span {
    font-size: 24px;
}
.blockTextSlideshowWrapper .slick-arrow {
    left: calc(100% - ((100% - 1757px) / 2) - 100px);
}
.blockTextSlideshowWrapper .slick-dots {
    right: calc((100% - 1757px) / 2);
}
.blockTextSlideshowWrapper.change-order-d .slick-dots {
    right: initial;
    left: calc((100% - 1757px) / 2);
}
.blockTextSlideshowWrapper.change-order-d .slick-arrow {
    left: calc((100% - 1757px) / 2);
}
.goUp.padding-top-xxl {
    padding-top: 300px;
    margin-top: -300px;
}

}