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

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

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

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

@font-face {
    font-family: 'MonetaSansBold';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(../fonts/moneta-sans.woff2) format('woff2');
}

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

html,
body {
    font-family: "Montserrat", "Arial", sans-serif;
    color: #575352;
    font-weight: 400;
    background-color: #fff;
    background-image: url(../graphics/bkg.jpg);
    font-size: 17px;
    line-height: 1.6;
}

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-weight: 600;
}

a {
    color: #575352;
    text-underline-offset: 3px;
    text-decoration-color: #575352;
}

a:hover {
    color: #a2a2a2;
    text-decoration-color: #a2a2a2;
}

.sc-masterContainer a {
    font-weight: 600;
}

.bigger {
    font-size: 130%;
}

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

p {
    margin-bottom: 15px;
}

header p {
    margin: 0;
}

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

h1,
.t1 {
    font-size: 16px;
    line-height: 23px;
    font-family: "Montserrat", "Arial", sans-serif;
    font-weight: 400;
    color: #575352;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 30px;
    clear: both;
    letter-spacing: 5px;
}

h2,
.t2,
h3,
.t3,
h4,
.t4,
.noH2 h1,
.error404 .sc-header h1,
.headline,
.offerInner h1 {
    font-size: 48px;
    line-height: 50px;
    font-family: "MonetaSansBold", sans-serif;
    font-weight: normal;
    color: #7B8167;
    margin: 0;
    padding-bottom: 50px;
    text-wrap: balance;
}

.intro h2,
.offerInner h1 {
    padding-bottom: 80px;
    text-wrap: pretty;

}

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

h3,
.t3,
.headline {
    font-size: 30px;
    line-height: 35px;
    padding-bottom: 40px;
}

h4,
.t4 {
    font-family: "Montserrat", "Arial", sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 2px;
}

hr {
    background-image: url(../graphics/vector_sprites.svg);
    width: 18px;
    height: 20px;
    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: 150px;
}

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

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

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

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

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

.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,
.offerInner .wrapper,
.offerInner .returnLinkWrapper {
    background-color: #ffffff;
}

.bg2 {
    background-color: #57625A;
}

.bg3,
.listBoxWrapper {
    background-color: #B0BDC3;
}

.bg4 {
    background-color: #7B8167;
}

.bg5 {
    background-color: #D3D0C9;
}

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

.bg3,
.bg3 a,
.bg3 a.txtLink,
.bg3 h1,
.bg3 .t1,
.bg3 h2,
.bg3 .t2,
.bg3 h3,
.bg3 .t3,
.bg3 h4,
.bg3 .t4,
.listBoxWrapper a.txtLink,
.listBoxWrapper a.txtLink:hover {
    color: #575352;
}

.bg3 a.txtLink,
.bg2 a.txtLink,
.bg2 a.txtLink:hover,
.listBoxWrapper a.txtLink {
    border-color: #575352;
}

.bg3 a.txtLink:after,
.listBoxWrapper a.txtLink:after {
    background-position: -195px -772px;
    border-color: #575352;
}

.bg3 a.txtLink:hover:after,
.listBoxWrapper a.txtLink:hover:after {
    background-position: -174px -772px;
}

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

.bg4 a.txtLink:after {
    background-position: -295px -772px;
    border-color: #fff;
}

.bg4 a.txtLink:hover:after {
    background-position: -274px -772px;
}

a.txtLink span {
    display: none;
}

.gradient-top,
.gradient-bottom,
.listBoxWrapper,
.roomBox .box.slideshowBox,
.gradient-footer .footer {
    position: relative;
}

.gradient-bottom:after,
.gradient-top:before,
.listBoxWrapper:before,
.roomBox .box.slideshowBox:before,
.h2-right .no-slideshow:before,
.h2-right.square .slideshowBox:before,
.footer:before {
    content: '';
    width: 100%;
    height: 100px;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    bottom: 0;
    left: 0;
    display: block;
    position: absolute;
    pointer-events: none;
    z-index: 0;
}

.gradient-top:before,
.listBoxWrapper:before,
.roomBox .box.slideshowBox:before,
.h2-right .no-slideshow:before,
.h2-right.square .slideshowBox:before,
.footer:before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    top: 0;
    bottom: unset;
    height: 200px;
}

.no-gradient .footer:before {
    content: none;
}

.roomBox .box.slideshowBox:before,
.h2-right .no-slideshow:before,
.h2-right.square .slideshowBox:before {
    height: 40%;
    z-index: 2;
}

.roomBox .box.slideshowBox:before {
    height: 50px;
}

.gradient-bottom .contentWrapper,
.gradient-bottom .widthWrapper {
    position: relative;
    z-index: 1;
}

.bg3.h2-right .no-slideshow:before,
.bg3.h2-right.square .slideshowBox:before {
    background: linear-gradient(180deg, rgba(176, 189, 195, 1) 0%, rgba(176, 189, 195, 0) 100%);
}

/*EyecatcherBtn Styles*/
.eyecatcherBtn {
    background: #575352;
    background-image: url(../graphics/button-dark.svg);
    background-size: 100%;
    height: 80px;
    width: 80px;
    display: flex;
    flex-direction: column;
    color: #fff;
    text-align: center;
    align-items: center;
    line-height: 1;
    font-family: 'MonetaSansBold', sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    border-radius: 50%;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 3;
    padding: 20px;

}

header .eyecatcherBtn {
    top: initial;
    bottom: 100px;
    left: 25px;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

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

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

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

.eyecatcherBtn i {
    display: contents;
    font-size: 2rem;
    font-style: normal;
}

.eyecatcherBtn>* {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

a.eyecatcherBtn {
    text-decoration: none;
}

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

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

.h2-right h2,
.h2-right .t2,
.quickrequest .t2,
.offerIntro .t2,
.offerIntro .t2 {
    text-align: right;

}

.home .h2-right h2,
.home .h2-right .t2,
.quickrequest .t2,
.offerIntro .t2,
.offerIntro .t2 {
    font-size: 70px;
}

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

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

/*Bild-Text Boxen*/
.boxLayout.widthWrapper {
    position: relative;
}

.boxLayout.widthWrapper .box.slideshowBox {
    width: 100%;
    margin-left: -5vw;
}

.boxLayout.widthWrapper .box.slideshowBox .no-slideshow,
.single .boxLayout .box.imageBox,
.h2-right .boxLayout.widthWrapper .box.slideshowBox .sc-slideshow {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    position: relative;
}

.h2-right.square .slideshowBox {
    position: relative;
}

.boxLayout.widthWrapper .box.slideshowBox .sc-slideshow,
.boxLayout.widthWrapper .box.slideshowBox .no-slideshow,
.h2-right .boxLayout.widthWrapper .box.slideshowBox .sc-slideshow {
    height: 100%;
}

.boxLayout.widthWrapper .box.slideshowBox img,
.single .boxLayout .box.imageBox img,
.h2-right .boxLayout.widthWrapper .box.slideshowBox .sc-slideshow img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.h2-right .boxLayout.widthWrapper .box.textBox h2,
.h2-right .boxLayout.widthWrapper .box.textBox .t2 {
    position: absolute;
    top: -35px;
    right: 0;
    z-index: 3;
}

.square .box.textBox {
    margin-top: 120px;
}

.gradient-top.quote:before {
    z-index: -1;
}

.quote .widthWrapper .t3 {
    position: relative;
    width: fit-content;
}

.quote .widthWrapper .t3:before {
    content: '';
    display: inline-block;
    position: absolute;
    background-image: url(../graphics/vector_sprites.svg);
    width: 101px;
    height: 65px;
    background-position: -300px -500px;
    top: -35px;
    right: 0px;
    pointer-events: none;
    z-index: -1;
}

/*Pattern*/
.pattern {
    position: relative;
}

.pattern:before {
    content: '';
    display: inline-block;
    position: absolute;
    background-image: url(../graphics/pattern-grey.svg);
    width: 280px;
    height: 50px;
    background-size: cover;
    top: -25px;
    right: 0;
    z-index: 1;
    pointer-events: none;
    max-width: 70%;
}

.bg4.pattern:before {
    background-image: url(../graphics/pattern-light.svg);
}


/*ListOverviewSite Styles */
.boxLayout.listContainer {
    flex-wrap: wrap;
    align-items: initial;
}

.boxLayout.listContainer article,
.offerBoxesWrapper article {
    position: relative;
    margin-bottom: 8%;
    cursor: pointer;
}

.aktivitaetenWrapper article {
    margin-bottom: 50px;
}

.offerBoxesWrapper article {
    background-color: #57625A;
}

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

/* Rotating listBoxWrapper */

.listBox {
    z-index: 5;
    position: relative;
}

.listBox .t3 {
    color: #575352;
}

.listBoxWrapper article {
    position: relative;
    aspect-ratio: 1 / 1;
    height: auto;
}

.listBoxWrapper article .txtWrapper,
.seoBoxes .box .txtWrapper,
.highlightWrapper .box .txtWrapper,
.zimmerWrapper article .txtWrapper {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 15px 20px;
    position: absolute;
    top: 0;
    background-color: #7B8167;
    -webkit-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease;
}

.listBoxWrapper article:hover .txtWrapper {
    background-color: #57625A;
}

.listBoxWrapper .slick-slide.slick-current article .txtWrapper {
    background-color: #57625A;
    background-color: rgba(87, 98, 90, .8);
}

.zimmerWrapper article .txtWrapper {
    background-color: transparent;
}

.zimmerWrapper .slick-slide.slick-current article .txtWrapper {
    background-color: #575352;
    background-color: rgba(87, 83, 82, .8);
}

.listBoxWrapper .slick-slide.slick-current article:hover .txtWrapper {
    background-color: rgba(87, 98, 90, 1);
}

.highlightWrapper .box {
    position: relative;

}

.highlightWrapper .box:hover {
    cursor: pointer;
    opacity: .9;

}

.highlightWrapper .icon {
    position: absolute;
    height: 100%;
    width: auto;
    bottom: 0px;
    right: 0px;
    display: none;
}

.highlightWrapper .slick-slide.slick-current .icon {
    display: block;
}

.icon svg {
    height: 100%;
    width: auto;
}

.highlightWrapper .box .txtWrapper {
    background-color: #B0BDC3;
    color: #fff;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.highlightWrapper .slick-slide.slick-current .box .txtWrapper {
    background-color: #7B8167;
}

.highlightWrapper .infoText {
    text-align: right;
    padding-bottom: 20px;
    text-wrap: balance;
    display: none;
}

.highlightWrapper .infoText a {
    text-decoration: none;
    color: #fff;
    font-weight: 400;
}

.highlightWrapper .slick-slide.slick-current .infoText {
    display: block;
}

.highlightWrapper .txtWrapper .headline {
    padding: 0;
}

.seoBoxes .box .txtWrapper {
    background-color: #575352;
    background-color: rgba(87, 83, 82, .7);
}

.seoBoxes .slick-slide .box,
.zimmerWrapper .slick-slide article {
    position: relative;
}

.seoBoxes .box:hover .txtWrapper {
    background-color: transparent;
    background-color: rgba(87, 83, 82, .2);
}

.offerBoxesWrapper article .txtWrapper,
.aktivitaetenWrapper article .txtWrapper {
    background-color: #57625A;
    aspect-ratio: 1/.92;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 6% 7%;
    color: #f0f0f1;
}

.offerBoxesWrapper article .txtWrapper {
    padding-bottom: 35px;
}

.offerBoxesWrapper article .sc-readmore {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 3% 5% 0;
}




.highlightWrapper .slick-slide .box,
article .imageWrapper {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
}

.seoBoxes .slick-slide .box img,
article .imageWrapper img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100% !important;
    width: 100% !important;
}

.seoBoxes .box .txtWrapper *,
article .txtWrapper * {
    color: #fff;
}


.aktivitaetenWrapper article .txtWrapper * {
    color: #f0f0f1;
}

.aktivitaetenWrapper article .txtWrapper strong {
    color: #fff;
}

.zimmerWrapper article .txtWrapper .headline {
    color: #fff;
}

article .txtWrapper .headline {
    color: #D3D0C9;
    padding-bottom: 5px;
}

.offerBoxesWrapper article .txtWrapper .headline,
.aktivitaetenWrapper article .txtWrapper .headline {
    padding-bottom: 20px;
}

.listBoxWrapper .postPeriodWrapper {
    font-weight: 700;
}

.postPreviewTextWrapper {
    margin-top: 5px;
}

.sc-readmore a,
a.bigLink,
.quickLinks a,
.roomBox .txtLinkWrapper a,
[data-accordion] [data-control],
.sc-readmore .button {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: .5px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: #D3D0C9;
    padding-top: 15px;
    display: inline-block;
}

a.bigLink {
    position: relative;
}

.listBoxWrapper .sc-readmore a,
.seoBoxes .sc-readmore a,
.zimmerWrapper .txtWrapper .bigLink {
    position: absolute;
    bottom: 15px;
    right: 20px;
}

.zimmerWrapper article:hover,
.rotatingListbox article:hover,
.outdoorWrapper .box:hover {
    cursor: pointer;
}

.zimmerWrapper .txtWrapper .bigLink {
    opacity: 0;
}

.zimmerWrapper .slick-slide.slick-current .txtWrapper .bigLink,
.zimmerWrapper article:hover .txtWrapper .bigLink {
    opacity: 1;
}

.zimmerWrapper article:hover .imageWrapper {
    background-color: rgba(87, 83, 82, 1);
}

.zimmerWrapper article:hover .imageWrapper img {
    opacity: .1;
}

.highlightWrapper .txtWrapper .headline {
    color: #fff;
}

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

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

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

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

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

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

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

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

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

.padding-bottom-l,
.error404 .contentWrapper,
.offerInner .wrapper,
.offerInner .returnLinkWrapper {
    padding-bottom: 75px;
}

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

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

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

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

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

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

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

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

.margin-top-s,
.offerInner .offertextBox,
.roomBox .blockAccordion {
    margin-top: 45px;
}

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

.margin-top-xxs,
.offerInner .postPriceWrapper .headline,
.offerInner .buttonsWrapper a {
    margin-top: 20px;
}

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

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

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

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

.margin-bottom-s,
.listBoxWrapper .txtLinkWrapper {
    margin-bottom: 45px;
}

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

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

/*Button & TXT-Link Styles*/
button,
.button {
    font-family: 'Montserrat', sans-serif;
    background-color: transparent;
    color: #fff;
    font-size: 1rem;
    padding: 0 15px;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0px;
    line-height: 34px;
    font-weight: 600;
    -webkit-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease;
}

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

.button:hover {
    color: #DED9D3;
}



a.txtLink,
.offerInner .returnLinkWrapper .returnLink,
.sc-quickInquiry .sc-quickformSubmit button,
.tabs>[data-control] button,
.anchorMenuWrapper a {
    font-size: 20px;
    font-family: 'MonetaSansBold';
    font-weight: normal;
    text-decoration: none;
    border: 1px solid #7B8167;
    color: #7B8167;
    display: inline-block;
    padding: 0 12px;
    position: relative;
    line-height: 47px;
    height: 47px;
    padding-right: 55px;
    letter-spacing: .5px;
}

a.txtLink:after,
.offerInner .returnLinkWrapper .returnLink:after,
.sc-quickInquiry .sc-quickformSubmit button:after,
.tabs>[data-control] button.active:after {
    content: '';
    background-image: url(../graphics/vector_sprites.svg);
    background-position: 1px -772px;
    width: 60px;
    height: 48px;
    display: inline-block;
    position: absolute;
    right: -15px;
    top: -1px;
    border-left: 1px solid #7B8167;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

a.txtLink:hover:after,
.offerInner .returnLinkWrapper .returnLink:hover:after,
.sc-quickInquiry .sc-quickformSubmit button:hover:after {
    background-position: 20px -772px;
}


.postPeriodWrapper .headline,
.postPriceWrapper .headline {
    padding-bottom: 10px;
}


/*Slick Styles*/
.slick-arrow {
    content: '';
    background-image: url(../graphics/vector_sprites.svg);
    background-position: -150px -889px;
    width: 75px;
    height: 40px;
    display: inline-block;
    border: 0;
    position: absolute;
    bottom: 40px;
    right: calc(2% + 50px);
    z-index: 9;
    cursor: pointer;
    padding: 0;
    border-radius: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .5sease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.slick-next.slick-arrow {
    right: 2%;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    bottom: 0px;
}

.threeSlider.large-slideshow .slick-arrow,
.rotatingListbox .slick-arrow,
.seoBoxes .slick-arrow,
.highlightWrapper .slick-arrow,
.zimmerWrapper .slick-arrow {
    right: calc(30% + 50px);
}

.threeSlider.large-slideshow .slick-next.slick-arrow,
.rotatingListbox .slick-next.slick-arrow,
.seoBoxes .slick-next.slick-arrow,
.highlightWrapper .slick-next.slick-arrow,
.zimmerWrapper .slick-next.slick-arrow {
    right: 30%;
}


.headerSlider .slick-arrow {
    background-position: -450px -889px;
    /* hell */
    bottom: 100px;
    right: calc(50% - 50px);
    left: unset;
}

.headerSlider .slick-next.slick-arrow {
    right: calc(50% - 100px);
    bottom: 60px;
}

.square .slick-arrow {
    bottom: -50px;
}

.square .slick-next.slick-arrow {
    bottom: -90px;
}

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

.threeSlider.large-slideshow ul.slick-dots,
.rotatingListbox ul.slick-dots,
.seoBoxes ul.slick-dots,
.highlightWrapper ul.slick-dots,
.zimmerWrapper ul.slick-dots {
    bottom: 90px;
}

.roomBox ul.slick-dots {
    text-align: right;
}

ul.slick-dots {
    display: flex;
    position: absolute;
    bottom: -30px;
    padding: 0;
    margin: 0;
    line-height: 0;
    width: 40%;
    flex-direction: row;
}

.threeSlider.large-slideshow ul.slick-dots,
.rotatingListbox ul.slick-dots,
.seoBoxes ul.slick-dots,
.highlightWrapper ul.slick-dots,
.zimmerWrapper ul.slick-dots {
    max-width: calc(100% - 40%);
}

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


ul.slick-dots li button {
    font-size: 0;
    position: absolute;
    width: calc(100% - 2px);
    height: 0;
    outline: 1px solid #d3d0c9;
    border: 0;
    padding: 0;
}

.bg3 ul.slick-dots li button,
.listBoxWrapper ul.slick-dots li button {
    outline: 1px solid #7b8167;
}

.slick-dots li.slick-active button,
.bg3 ul.slick-dots li.slick-active button,
.listBoxWrapper ul.slick-dots li.slick-active button {
    outline: 3px solid #58635b;
    width: calc(100% - 3px);
}

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

/*Accordion Styles*/
[data-accordion] [data-control] {
    padding: 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #D3D0C9;
    border-top: 1px solid #D3D0C9;
    line-height: 40px;
    width: 100%;
    text-decoration: none;
}

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

[data-accordion] [data-control] span {
    position: relative;
    padding-right: 30px;
}

[data-accordion]>[data-control] span:after {
    width: 20px;
    height: 15px;
    z-index: 10;
    cursor: pointer;
    background-image: url(../graphics/vector_sprites.svg);
    background-position: -739px -697px;
    content: '';
    display: inline-block;
}

[data-accordion].open>[data-control] span:after {
    background-position: -776px -697px;
}

/*Tabs Styles*/
.tabs [data-control],
.anchorMenuWrapper {
    height: fit-content;
    background-color: #D3D0C9;
    overflow: auto;
    white-space: nowrap;
    width: calc(100vw - 5px);
    margin-left: -5vw;
    padding: 10px 5vw;
    box-sizing: border-box;
}


.tabs [data-control].fixed,
.anchorMenuWrapper.fixed {
    position: fixed;
    top: 40px;
    z-index: 100;
    padding-top: 60px;
}

.tabs>[data-control] button,
.anchorMenuWrapper a {
    padding-right: 10px;
    margin-right: 5px;
    line-height: 35px;
    height: 35px;
    text-transform: none;
    color: #575352;
}

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

.tabs>[data-control] button.active,
.tabs>[data-control] button:hover,
.anchorMenuWrapper a.sianchorActive {
    background: #57625A;
    color: #fff;
}

.tabs>[data-control] button.active {
    padding-right: 50px;
    border-color: #fff;
}

.tabs>[data-control] button.active:after {
    right: 0px;
    background-position: -435px -776px;
    border-color: #fff;
    height: 35px;
    width: 40px;
}



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

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

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

.SiTable table tr:nth-child(1) {
    background: #fe9013;
    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*/
.resMenu {
    position: fixed;
    background: #57625A;
    width: 100%;
    height: 40px;
    z-index: 1002;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    -webkit-transition: top 0.2s ease;
    -o-transition: top 0.2s ease;
    transition: top 0.2s ease;
}

.home .resMenu {
    top: -50px;
}

.home.scrolled .resMenu,
.home.SiMenuOpen .resMenu {
    top: 0px;
}

.stickyLogo {
    background-color: #57625a;
    width: 90px;
    position: fixed;
    top: 0;
    left: 15px;
    padding: 10px;
    -webkit-transition: top 0.2s ease;
    -o-transition: top 0.2s ease;
    transition: top 0.2s ease;
    z-index: 1003;
}

.home .stickyLogo {
    top: -100px;
}

.home.scrolled .stickyLogo,
.home.SiMenuOpen .stickyLogo {
    top: 0px;
}

.home.scrolled .homeLogo {
    opacity: 0;
}

.home.scrolled .stickyLogo {
    top: env(safe-area-inset-top);
}

.resMenu button.SiMenuToggle {
    position: absolute;
    right: 10px;
    top: 0;
    height: 40px;
    width: 100px;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    line-height: 38px;
    display: flex;
    font-family: 'Montserrat';
}

.resMenu button.SiMenuToggle:hover {
    opacity: .5;
}

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

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

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

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

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

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

.resMenu button.SiMenuToggle.menuActive .line:nth-child(1) {
    transform: rotate(45deg);
    top: 9px;
    left: 5px;
    width: 28px;
}

.resMenu button.SiMenuToggle.menuActive .line:nth-child(3) {
    transform: rotate(-45deg);
    top: 9px;
    left: 5px;
    width: 28px;
}

.resMenu button.SiMenuToggle.menuActive .line:nth-child(2) {
    opacity: 0;
}


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

.resMenu a.phone {
    position: fixed;
    background-color: #7B8167;
    font-size: 0;
    width: 40px;
    height: 40px;
    right: 5px;
    bottom: calc(2% + 110px);
    padding: 0;
    background-image: url(../graphics/vector_sprites.svg);
    background-position: -189px -329px;
    content: '';
    display: block;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}


/*Desktop Top Bar Styles*/
.topBar {
    position: fixed;
    left: 5px;
    bottom: 1%;
    z-index: 11;
    height: 50px;
    width: calc(100% - 10px);
    background-color: #57625A;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.topBar a.button {
    border-right: 1px solid #DED9D3;
    margin: 8px 0;
    padding: 0px 10px;
    text-align: center;
    width: -webkit-fill-available;

}

.topBar a.button:last-child,
.roomBox .box.textBox a.button:last-child,
.topBar a.button.lastminute {
    border: 0;
}

.topBar a.button.offer,
.topBar a.button.lastminute {
    font-size: 7px;
    position: relative;
    line-height: 7px;
}

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

a.button.lastminute:before {
    background-position: -398px -60px
}

.topBar a.button.whatsapp {
    position: fixed;
    background-color: #7B8167;
    font-size: 0;
    width: 40px;
    height: 40px;
    right: 5px;
    bottom: calc(2% + 50px);
    padding: 0;
    background-image: url(../graphics/vector_sprites.svg);
    background-position: -409px -340px;
    content: '';
    display: block;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}


/*Menu Styles*/

.sc-menu a {
    display: block;
    padding: 5px 15px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1.5px;
    text-underline-offset: 3px;
    text-decoration-color: #a8ab9a;
}

.sc-menu a:hover {
    text-decoration: underline;
}

.sc-menu .submenuarrow>a {
    text-decoration: none;
    font-family: 'MonetaSansBold';
    font-size: 55px;
    letter-spacing: 0;
    color: #7B8167;
    opacity: .2;
    position: absolute;
    bottom: -50px;
    right: 0;
    text-transform: lowercase;
    pointer-events: none;
}

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

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

.SiMenu.active {
    display: block;
    background: #fff;
    background-image: url(../graphics/bkg.jpg);
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1001;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 100px;
    width: 100%;
}

ul.sub-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

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

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

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

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

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

.sc-menu li.submenuarrow {
    background-color: rgba(123, 129, 103, .2);
    position: relative;
    margin-bottom: 60px;
    padding: 12px 10px 20px;
    box-sizing: border-box;
    text-align: left;
}

[class*=menu-hauptmenue] li.current-menu-parent {
    background: rgba(87, 98, 90, .3);
}

[class*=menu-hauptmenue] .current-menu-parent>a {
    text-decoration: none;
    opacity: 1;
}

[class*=menu-hauptmenue] .current-menu-parent .current-menu-item a {
    color: #7b8167;
}

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



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

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

.SiMenu button.close-button {
    display: none;
}

.SiMenu .menuHeader {
    display: none;
}

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

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

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

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

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

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

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

}


/*Main Logo Styles*/

.homeLogo {
    display: none;
}

.home .homeLogo {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: 80px;
    z-index: 9;
}

.homeLogo img {
    max-width: 50%;
    margin: auto;
    display: block;
    width: 280px;
}

.home .homeLogo {
    -webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

/*Language Selector Styles*/
.sc-language-selector,
.menuLanguageSelector {
    position: absolute;
    top: 50px;
    right: 25px;
    z-index: 10;
    font-size: 13px;
}

.wpml-ls-current-language a {
    font-weight: 600;
}

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

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

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

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

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

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

.menuLanguageSelector {
    position: fixed;
}

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

}

.home .headerSlider,
.home .headerVideo {
    width: calc(100% - 30px);
    margin-left: 15px;
}

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

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

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

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

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

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

body:not(.home) .showHeaderSlider header .headerSlider:before {
    content: '';
    display: inline-block;
    position: absolute;
    background-image: url(../graphics/pattern-grey.svg);
    width: 280px;
    height: 50px;
    background-size: cover;
    bottom: -25px;
    right: 0;
    z-index: 2;
    pointer-events: none;
    max-width: 70%;
}


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

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

.arrowDown {
    display: none;
}

/*Fullscreen HeaderSlider END*/


/* Slideshows */

.threeSlider.large-slideshow,
.listBoxWrapper,
.highlights,
.roomSlider,
.outdoor {
    overflow: hidden;
}

.threeSlider.large-slideshow .contentWrapper .sc-slideshow,
.rotatingListbox,
.seoBoxesWrapper .seoBoxes,
.highlightWrapper,
.zimmerWrapper,
.outdoorWrapper {
    padding-bottom: 120px;
    width: 140%;
}

.threeSlider.large-slideshow .slick-slide,
.rotatingListbox .slick-slide,
.seoBoxes .slick-slide,
.highlightWrapper .slick-slide,
.zimmerWrapper .slick-slide {
    margin: 0 10px;
}

.threeSlider.large-slideshow .slick-slide img,
.rotatingListbox .slick-slide article,
.seoBoxes .slick-slide .box,
.highlightWrapper .slick-slide .box,
.zimmerWrapper .slick-slide article {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: cover;
}


.threeSlider.large-slideshow .slick-slide img,
.rotatingListbox .slick-slide article,
.seoBoxes .slick-slide .box,
.highlightWrapper .slick-slide .box,
.zimmerWrapper .slick-slide article {
    margin: 60px 0px 0 20px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.rotatingListbox .slick-slide article img {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.threeSlider.large-slideshow .slick-slide.slick-current img,
.rotatingListbox .slick-slide.slick-current article,
.seoBoxes .slick-slide.slick-current .box,
.highlightWrapper .slick-slide.slick-current .box,
.zimmerWrapper .slick-slide.slick-current article {
    margin: 0;
    transform: translate(0px, 30px);
    width: calc(100% + 30px) !important;
    max-width: none;
    margin-right: 60px;
    margin-left: -10px;
    cursor: pointer;
}

.seoBoxes .slick-slide .box:hover {
    cursor: pointer;
}

/* Rooms */

.roomBox .box.slideshowBox .sc-slideshow,
.roomBox .box.slideshowBox .sc-slideshow .slick-slide div {
    height: auto;
    aspect-ratio: 1 / 1;
}

.roomBox .box.slideshowBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.roomBox .sc-slideshow[data-sigallery]:before {
    content: 'Zoom';
    width: 85px;
    height: 30px;
    position: absolute;
    display: block;
    top: 0;
    left: 10px;
    background-image: url(../graphics/vector_sprites.svg);
    background-position: -300px -150px;
    z-index: 9;
    cursor: pointer;
    pointer-events: none;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: .5px;
    font-weight: 600;
    line-height: 30px;
}

.roomBox .slick-arrow {
    bottom: unset;
    top: -40px;
}

.roomBox .slick-next.slick-arrow {
    bottom: unset;
    top: 0;
}

.roomBox h3,
.roomBox .t3 {
    padding-bottom: 15px;
}

.roomBox .txtLinkWrapper a {
    color: #575352;
    position: relative;
    text-decoration-color: #575352;
    max-width: 90%;
}

a.externalIcon:after,
a.popupIcon:after {
    content: '';
    background-image: url(../graphics/vector_sprites.svg);
    background-position: -195px -778px;
    width: 40px;
    height: 25px;
    display: inline-block;
}

a.popupIcon:after {
    background-position: -341px -628px;

}

.roomBox .buttonsWrapper {
    background-color: #57625A;
    height: 50px;
    width: fit-content;
    display: inline-block;
}

.roomBox .button {
    margin: 8px 0;
}

.roomBox .button:first-of-type {
    border-right: 1px solid #DED9D3;
}


/*_____  ------  _____ ------  _____ FOOTER _____  ------  _____ ------  _____*/

.footer {
    clear: both;
    overflow-x: clip;
    position: relative;
}

.footer address {
    font-style: normal;
}

.footerLogo img {
    max-width: 80%;
    display: block;
    width: 280px;
}

address .widthWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
}

i.icon {
    content: '';
    display: inline-block;
    width: 14px;
    height: 10px;
    background-image: url(../graphics/vector_sprites.svg);
    background-position: -5px -99px;
    font-size: 0;
}

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

.footer address a.instagram {
    background-position: -0px -320px;
}

.footer address a.facebook:hover {
    background-position: -600px -200px;
}

.footer address a.instagram:hover {
    background-position: -500px -200px;
}

address a {
    text-decoration-color: #D3D0C9;
}

address a:hover {
    color: #D3D0C9;
    text-decoration-color: #D3D0C9;
}

.logo-simedia {
    vertical-align: baseline;
}

/* SeoBoxes Styles */
.seoBoxesWrapper,
.outdoorWrapper {
    position: relative;
}

.seoBoxes {
    margin-top: -25px;
}

.seoBoxesWrapper h3,
.seoBoxesWrapper .t3 {
    padding-bottom: 20px;
}

/*Newsletter Styles*/
.newsletter input {
    padding: 15px 25px;
    margin-bottom: 25px;
    width: 100%;
    box-sizing: border-box;
}

/*Partner Styles*/
.partner,
.editorial {
    text-align: center;
}

.partner .widthWrapper {
    border-bottom: 2px solid #D3D0C9;
}

.partner a {
    background-image: url(../graphics/partners.png);
    display: inline-block;
    background-repeat: no-repeat;
    text-decoration: none;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    height: 90px;
    background-size: 500px 1000px;
}

.partner br {
    display: none;
}

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

.partner .zinnen {
    background-position: 4px -94px;
    width: 90px;
    margin: 0 5px;
}

.partner .senfter {
    background-position: 0 4px;
    width: 100px;
}

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

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

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

}

.member {
    text-align: center;
}

.member img {
    height: 100px;
    width: auto;
}

/*Quickrequest*/
.sc-quickInquiry {
    display: block;
}

.sc-quickInquiry label:hover,
.sc-quickInquiry label:focus,
.sc-quickInquiry>div.active {
    background: transparent;
}

.sc-quickInquiry>div label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0 2px 0;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sc-quickInquiry>div label,
.sc-quickInquiry input {
    font-family: 'Montserrat';
    font-size: 1rem;
    text-transform: uppercase;
    color: #575352;
}

.sc-quickInquiry .sc-quickformArrival,
.sc-quickInquiry .sc-quickformDeparture,
.sc-quickInquiry .sc-quickformAdults,
.sc-quickInquiry .sc-quickformChildren {
    border: 0;
    border-bottom: 1px solid #D3D0C9;
    text-align: left;
    width: calc(100% - 45px);
}

.sc-quickInquiry .sc-quickformArrival:after,
.sc-quickInquiry .sc-quickformDeparture:after,
.sc-quickInquiry .sc-quickformAdults:after,
.sc-quickInquiry .sc-quickformChildren:after {
    content: '';
    position: absolute;
    right: -50px;
    width: 30px;
    height: 30px;
    background-image: url(../graphics/vector_sprites.svg);
    background-position: 0px -170px;
    bottom: 0;
}

.sc-quickInquiry .sc-quickformAdults:after,
.sc-quickInquiry .sc-quickformChildren:after {
    background-position: -150px -170px;
}

.sc-quickInquiry input {
    width: 50%;
    text-align: right;
}

.sc-quickInquiry .sc-quickformSubmit {
    padding: 0;
    text-align: left;
}

.sc-quickInquiry .sc-quickformSubmit button {
    text-transform: none;
    letter-spacing: 0;
}

.sc-quickInquiry .sc-quickformSubmit button:after {
    background-position: 1px -772px;
}

.sc-quickInquiry .sc-quickformSubmit button:hover:after {
    background-position: 20px -772px;
}


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

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

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

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


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

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

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

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

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

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

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


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

@-webkit-keyframes moveUpFadeIn {
    from {
        top: 200px;
        opacity: 0;
    }
    to {
        top: 0px;
        opacity: 1;
    }
}
    */



/* --------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --->>>  @Media Styles Start <<<--- */

/* Mobile landscape */

@media (max-width: 380px) {

    h2,
    .t2,
    h3,
    .t3,
    h4,
    .t4,
    .noH2 h1,
    .error404 .sc-header h1,
    .headline,
    .offerInner h1 {
        font-size: 42px;
        line-height: 45px;
    }

    h3,
    .t3,
    .headline {
        font-size: 26px;
        line-height: 30px;
        padding-bottom: 30px;
    }

    .topBar a.button {
        padding: 0px 7px;
        font-size: 13px;
    }

    .postPreviewTextWrapper {
        display: none;
    }

    .sc-menu .submenuarrow>a {
        font-size: 47px;
        bottom: -42px;
    }

    .highlightWrapper .txtWrapper .headline {
        font-size: 24px;
        line-height: 26px;
    }

    .highlightWrapper .infoText {
        padding-bottom: 0;
        font-size: .9rem;
    }
}


@media (max-width: 1100px) {
    .rotatingListbox .postPreviewTextWrapper {
        display: none;
    }

}

@media (min-width: 500px) {
    ul.slick-dots {
        width: 30%;
    }

    .offerBoxesWrapper {
           display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -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;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .offerBoxesWrapper article {
            width: 49%;
        }

        a.txtLink span {
            display: inline-block;
        }

        .partner .zinnen {
            margin: 0 15px;
        }
    }

    @media (min-width: 700px) {

        .headerSlider .slick-arrow {
            right: calc(2% + 150px);
        }

        .headerSlider .slick-next.slick-arrow {
            right: calc(2% + 100px);
        }

        .intro h2,
        .offerInner h1 {
            max-width: 75%;
        }

        .rightContent .contentWrapper {
            padding-left: 40%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .leftContent .widthWrapper,
        .introLeft,
        .listBox .t3 {
            padding-right: 25%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .leftContent .widthWrapper {
            z-index: 10;
            position: relative;
        }

        .boxLayout.widthWrapper .box.slideshowBox,
        .single .boxLayout .box.imageBox {
            width: 60%;
        }

        .h2-right .boxLayout.widthWrapper .box.textBox h2,
        .h2-right .boxLayout.widthWrapper .box.textBox .t2 {
            right: unset;
            max-width: 450px;
            text-align: left;
        }

        .home .h2-right .boxLayout.widthWrapper .box.textBox h2,
        .home .h2-right .boxLayout.widthWrapper .box.textBox .t2 {
            right: 40%;
            left: unset;
            text-align: right;
        }

        .boxLayout.widthWrapper .box.textBox {
            width: 60%;
            margin-left: 40%;
            z-index: 5;
        }

        .quote .widthWrapper:before {
            right: -50px;
        }

        .roomBox .box.slideshowBox:before {
            height: 100px;
        }


        /* Slider */

        .threeSlider.large-slideshow .contentWrapper,
        .listBox,
        .seoBoxesWrapper,
        .highlights .contentWrapper,
        .roomSlider .contentWrapper,
        .outdoor .contentWrapper {
            margin-right: 0;
        }

        .threeSlider.large-slideshow .contentWrapper .sc-slideshow,
        .rotatingListbox,
        .seoBoxesWrapper .seoBoxes,
        .highlightWrapper,
        .zimmerWrapper,
        .outdoorWrapper {
            width: 100%;
        }

        .threeSlider.large-slideshow ul.slick-dots,
        .rotatingListbox ul.slick-dots,
        .seoBoxes ul.slick-dots,
        .highlightWrapper ul.slick-dots,
        .zimmerWrapper ul.slick-dots {
            max-width: 100%;
        }

        .highlightWrapper .box .txtWrapper {
            padding: 10px 15px;
        }

        .highlightWrapper .txtWrapper .headline {
            font-size: 20px;
            line-height: 25px;
        }

        .highlightWrapper .infoText {
            padding-bottom: 0;
        }

        .threeSlider.large-slideshow .slick-slide,
        .rotatingListbox .slick-slide,
        .seoBoxes .slick-slide,
        .threeSlider.large-slideshow .slick-slide {
            transform: scale(1);
            margin: 0 10px;
        }

        .threeSlider.large-slideshow .slick-slide img,
        .rotatingListbox .slick-slide article,
        .seoBoxes .slick-slide .box {
            margin: 40px 20px 0;

        }

        .threeSlider.large-slideshow .slick-slide.slick-current img,
        .rotatingListbox .slick-slide.slick-current article,
        .seoBoxes .slick-slide.slick-current .box {
            transform: translate(0, 0px);
            width: calc(100% + 30px) !important;
            max-width: none;
            margin-left: -30px;
            margin-top: 10px;
        }

        .threeSlider.large-slideshow .slick-list,
        .seoBoxes .slick-list,
        .rotatingListbox .slick-list {
            padding-left: 20px;
        }

        .threeSlider.large-slideshow .slick-slide img,
        .rotatingListbox .slick-slide article,
        .seoBoxes .slick-slide .box {
            transform: translate(-20px, 0px);
        }

        .threeSlider.large-slideshow .slick-arrow,
        .rotatingListbox .slick-arrow,
        .seoBoxes .slick-arrow,
        .highlightWrapper .slick-arrow,
        .zimmerWrapper .slick-arrow {
            right: 50px;
        }

        .threeSlider.large-slideshow .slick-next.slick-arrow,
        .rotatingListbox .slick-next.slick-arrow,
        .seoBoxes .slick-next.slick-arrow,
        .highlightWrapper .slick-next.slick-arrow,
        .zimmerWrapper .slick-next.slick-arrow {
            right: 0;
        }

        .listBoxWrapper .slick-slide.slick-current article .txtWrapper,
        .seoBoxes .box .txtWrapper,
        .highlightWrapper .box .txtWrapper {
            padding: 15px 30px;
        }

        .postPreviewTextWrapper,
        .listBoxWrapper .priceInfo {
            display: none;
        }

        .listBoxWrapper .slick-slide.slick-current .priceInfo {
            display: block;
        }

        .seoBoxes {
            margin-top: 0;
            padding-bottom: 50px;
        }

        .roomBox .box.slideshowBox .sc-slideshow,
        .roomBox .box.slideshowBox .sc-slideshow .slick-slide div {
            aspect-ratio: unset;
        }

        /* Outdoors */

        .aktivitaetenWrapper {
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
            -webkit-column-gap: 15px;
            -moz-column-gap: 15px;
            column-gap: 15px;
        }

        .aktivitaetenWrapper article {
            margin-bottom: 15px;
            break-inside: avoid;
        }


        @supports (grid-template-rows: masonry) {
            .aktivitaetenWrapper {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: masonry;
            }
        }

        article .txtWrapper {
            padding: 10px 15px;
        }

        article .sc-readmore {
            padding: 0 0 5px 0;
        }

        .partner a,
        .partner .zinnen {
            margin: 0 25px;
        }

    }

    @media (min-width: 800px) {
        address .widthWrapper {
            -ms-flex-direction: row;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 100px;
        }

        .footerLogo {
            width: 100%;
        }

        .contact,
        .quickLinks {
            width: calc(50% - 50px);
            -ms-flex-line-pack: end;
            align-content: flex-end;
        }

        .quickLinks p {
            margin-bottom: 0;
        }

        .member .widthWrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 50px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .member .t3 {
            padding: 0;
            line-height: 80px;
        }


        .listBoxWrapper .priceInfo {
            display: block;
        }


    }

    @media (min-width: 994px) {
        .SiMenu.active {
            padding-left: 5%;
            padding-right: 5%;
        }

        nav:not(.SiMenuDesktop) [class*=menu-hauptmenue] {
            height: 100%;
            margin-top: 0;
        }

        html,
        body {
            background-image: url(../graphics/bkg-desktop.jpg);
            font-size: 16px;
        }

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

        h2,
        .t2,
        .noH2 h1,
        .error404 .sc-header h1,
        .offerInner h1,
        .seoBoxesWrapper h3,
        .seoBoxesWrapper .t3,
        .offerInner h1 {
            font-size: 55px;
            line-height: 60px;
        }

        .h2-right .boxLayout.widthWrapper .box.textBox h2,
        .h2-right .boxLayout.widthWrapper .box.textBox .t2 {
            left: 30%;
        }

        .h2-right .boxLayout .box.textBox {
            margin-top: 120px;
        }

        .home .h2-right .boxLayout.widthWrapper .box.textBox h2,
        .home .h2-right .boxLayout.widthWrapper .box.textBox .t2 {
            font-size: 90px;
            text-align: left;
        }

        .square .boxLayout.widthWrapper {
            margin-bottom: 80px;
        }

        h3,
        .t3,
        .headline {
            font-size: 35px;
            line-height: 40px;
        }

        .seoBoxesWrapper h3,
        .seoBoxesWrapper .t3 {
            padding-bottom: 45px;
        }

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

        .home .headerSlider,
        .home .headerVideo {
            width: 100%;
            margin-left: 0;
        }

        .contentWrapper,
        .offerInner .returnLinkWrapper .txtLinkWrapper,
        .listBox {
            padding-left: 35%;
            box-sizing: border-box;
        }

        .rightContent .contentWrapper {
            padding-left: 43%;
        }

        .threeSlider.large-slideshow .contentWrapper,
        .listBox,
        .seoBoxesWrapper,
        .highlights .contentWrapper,
        .roomSlider .contentWrapper,
        .outdoor .contentWrapper {
            margin-right: auto;
            padding-left: 15%;
        }

        .seoBoxesWrapper {
            padding-left: 0;
        }

        .seoBoxesWrapper .seoBoxes {
            padding-left: 15%;
            box-sizing: border-box;
            padding-bottom: 80px;
        }

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

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

        .headerSlider .slick-arrow {
            bottom: 140px;
            right: calc(2% + 50px);
        }

        .headerSlider .slick-next.slick-arrow {
            right: 2%;
            bottom: 100px;
        }

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

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

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

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

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

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

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

        .padding-bottom-xxl,
        .roomBox {
            padding-bottom: 180px;
        }

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

        .padding-bottom-l,
        .error404 .contentWrapper,
        .offerInner .wrapper,
        .offerInner .returnLinkWrapper {
            padding-bottom: 100px;
        }

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

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

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

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

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

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

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

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

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

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

        .margin-top-xxs,
        .offerInner .postPriceWrapper .headline,
        .offerInner .buttonsWrapper a {
            margin-top: 30px;
        }

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

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

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

        .margin-bottom-m,
        .seoBoxesWrapper {
            margin-bottom: 80px;
        }

        .margin-bottom-s,
        .listBoxWrapper .txtLinkWrapper {
            margin-bottom: 60px;
        }

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

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

        .gradient-bottom:after,
        .listBoxWrapper:before {
            height: 120px;
        }

        .gradient-top:before,
        .listBoxWrapper:before .footer:before {
            height: 300px;
        }

        .highlightWrapper .infoText {
            display: block;
        }

        /* Menu*/
        .SiMenu.active {
            padding-top: 0px;
            padding-left: 5%;
            padding-right: calc(5% - 30px);
            background-image: url(../graphics/bkg-desktop.jpg);
        }

        ul.sc-menu {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 20px 0;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding-top: 140px;
            padding-right: 40px;
            box-sizing: border-box;
        }

        .sc-menu li.submenuarrow {
            width: 29%;
            padding: 50px 10px 15px;
        }

        .sc-menu .submenuarrow>a {
            bottom: unset;
            top: -46px;
            right: -35px;
            font-size: 44px;
        }

        .sc-menu a {
            font-size: 13px;
            padding: 5px 10px;
        }

        .stickyLogo {
            left: 5%;
            width: 110px;
        }

        .resMenu button.SiMenuToggle {
            right: 5%;
        }

        header .eyecatcherBtn {
            bottom: 30px;
            left: 30px;
        }

        .topBar {
            bottom: 30px;
            right: calc(5% + 58px);
            width: fit-content;
            left: auto;
            -webkit-transition: opacity .5s ease;
            -o-transition: opacity .5s ease;
            transition: opacity .5s ease;
        }

        .home .homeLogo {
            margin-top: 0;
        }

        .resMenu a.phone {
            display: none;
        }

        .topBar a.button {
            padding: 0px 15px;
        }

        .topBar a.button.offer,
        .topBar a.button.lastminute {
            font-size: 9px;
            white-space: nowrap;
            padding-left: 40px;
            line-height: 35px;
        }

        .topBar a.button.offer:before,
        a.button.lastminute:before {
            margin: 0;
            transform: none;
            display: inline-block;
            position: absolute;
            left: 6px;
            top: 3px;
        }

        .topBar a.button.whatsapp {
            bottom: -8px;
            width: 50px;
            height: 50px;
            position: absolute;
            right: -58px;
            background-position: -340px -341px;
        }


        .sc-language-selector,
        .menuLanguageSelector {
            top: 80px;
            right: 5%;
        }

        /*BoxLayout*/
        .leftContent .widthWrapper,
        .introLeft {
            padding-right: 55%;
        }

        .listBox .t3 {
            padding-right: 0;
        }

        .boxLayout {

            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }

        .h2-right .boxLayout {
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
        }

        .h2-right .boxLayout.widthWrapper .box.slideshowBox {
            align-self: flex-start;
        }


        /* Rooms */
        .roomBox .boxLayout {
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-start;
        }

        .roomBox .boxLayout .box.textBox {
            width: 40%;
            margin-left: 10%;
            /* margin-bottom: 80px;*/
        }

        /*
.roomBox .blockAccordion {
    width: 40%;
    margin-left: 60%;
    margin-top: -40px;
}
    */
        .roomBox ul.slick-dots {
            text-align: left;
        }

        .boxLayout.widthWrapper .box.slideshowBox,
        .single .boxLayout .box.imageBox {
            margin: 0;
            width: 36%;
        }

        .boxLayout.widthWrapper .box.textBox,
        .single .boxLayout .box.offertextBox {
            width: 52%;
            margin-left: 0;
        }

        .offerBoxesWrapper {
                 -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        }

        .offerBoxesWrapper article {
            width: 32%;
            margin-bottom: 25px;
        }

        .offerBoxesWrapper article:nth-child(3n - 1) {
            margin-left: 1.5%;
            margin-right: 1.5%;
        }

        .seoBoxesWrapper,
        .outdoorWrapper {
            width: 100%;
            max-width: none;
        }

        .seoBoxesWrapper {
            padding: 0;
        }

        .seoBoxesWrapper .fullWidth {
            width: 90%;
            margin-left: auto;
            margin-right: auto;
            max-width: 1500px;
        }

        .highlightWrapper .box .txtWrapper {
            padding: 15px 20px;
        }


        .headline {
            font-size: 26px;
            line-height: 30px;
        }

        article .headline {
            font-size: 30px;
        }

        .highlightWrapper .txtWrapper .headline {
            font-size: 25px;
            line-height: 28px;
        }

        .listBoxWrapper .periods {
            margin-bottom: 5px;
        }

        .listBoxWrapper .slick-slide.slick-current .postPreviewTextWrapper {
            display: none;
        }

        .listBoxWrapper .slick-slide.slick-current .priceInfo {
            display: block;
        }

        .quickrequest .widthWrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .quickrequest .introLeft {
            padding: 0;
            width: 54%;
            text-wrap: pretty;
        }

        .sc-quickInquiry .sc-quickformSubmit {
            text-align: right;
        }

        .offerIntro,
        .listBoxWrapper .txtLinkWrapper {
            margin-left: -15vw;
            max-width: 1000px;
        }

        .offerIntro {
            padding-right: 400px;
        }


        address .widthWrapper {
            gap: 50px;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .footerLogo,
        .contact,
        .quickLinks {
            width: calc(31% - 30px);
            align-content: flex-end;
        }

        .footerLogo {
            align-content: flex-start;
        }

        .contact,
        .quickLinks {
            margin-top: 80px;
        }

        .threeSlider.large-slideshow .slick-slide img,
        .rotatingListbox .slick-slide article,
        .seoBoxes .slick-slide .box,
        .highlightWrapper .slick-slide .box,
        .zimmerWrapper .slick-slide article {
            margin-right: 10px;
        }

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

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

        @supports (grid-template-rows: masonry) {
            .gallery .no-slideshow {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        .tabs [data-control].fixed,
        .anchorMenuWrapper.fixed {
            padding-top: 10px;
            padding-left: 200px;
        }

    }

    @media (min-width: 1200px) {

        h1,
        .t1 {
            padding-bottom: 45px;
        }

        h2,
        .t2,
        .noH2 h1,
        .error404 .sc-header h1,
        .offerInner h1,
        .seoBoxesWrapper h3,
        .seoBoxesWrapper .t3,
        .offerInner h1 {
            font-size: 65px;
            line-height: 70px;
        }

        h3,
        .t3 {
            font-size: 45px;
            line-height: 45px;
        }

        .seoBoxesWrapper h3,
        .seoBoxesWrapper .t3 {
            padding-bottom: 60px;
        }

        .h2-right .boxLayout.widthWrapper .box.textBox h2,
        .h2-right .boxLayout.widthWrapper .box.textBox .t2 {
            left: 33%;
            max-width: 450px;
            text-align: left;
        }

        .home .h2-right h2,
        .home .h2-right .t2,
        .quickrequest .t2,
        .offerIntro .t2 {
            left: unset;
            text-align: right;
        }

        .home .h2-right .boxLayout.widthWrapper .box.textBox h2,
        .home .h2-right .boxLayout.widthWrapper .box.textBox .t2 {
            right: 43%;

        }

        .resMenu {
            height: 60px;
        }

        .resMenu button.SiMenuToggle {
            top: 11px;
            width: 105px;
            line-height: 42px;
        }

        .resMenu button.SiMenuToggle div {
            width: 45px;
        }

        .stickyLogo {
            width: 129px;
            padding: 15px;
        }

        .home .stickyLogo {
            top: -170px;
        }

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

        ul.sc-menu {
            padding-top: 200px;
            gap: 50px 0;
        }

        .sc-menu .submenuarrow>a {
            top: -50px;
            font-size: 52px;
        }

        .sc-menu a {
            font-size: 14px;
            padding: 5px 10px;
        }

        .tabs>[data-control] button.active:after {
            background-position: -435px -772px;
            height: 40px;
        }

        .tabs>[data-control] button,
        .anchorMenuWrapper a {
            line-height: 40px;
            font-size: 1rem;
            height: 40px;
        }

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

        .tabs [data-control].fixed,
        .anchorMenuWrapper.fixed {
            top: 60px;
            padding-left: 0px;
            text-align: center;
        }

        .eyecatcherBtn {
            height: 120px;
            width: 120px;
        }


        .leftContent .widthWrapper {
            padding-right: 60%;
        }

        .headline {
            font-size: 30px;
            line-height: 35px;
        }

        .offerInner .headline {
            font-size: 45px;
            line-height: 45px;
        }

        /* Rooms */
        .roomBox .boxLayout .box.slideshowBox {
            width: 60%;
        }

        .roomBox .boxLayout .box.textBox {
            width: 30%;
            margin-left: 10%;
        }

        /*
.roomBox .blockAccordion {
    width: 30%;
    margin-left: 70%;
}
    */
        .roomBox .sc-slideshow[data-sigallery]:before {
            left: 3%;
        }


        .aktivitaetenWrapper {
            -webkit-column-count: 3;
            -moz-column-count: 3;
            column-count: 3;
            -webkit-column-gap: 50px;
            -moz-column-gap: 50px;
            column-gap: 50px;
        }

        .aktivitaetenWrapper article {
            margin-bottom: 50px;
        }


        @supports (grid-template-rows: masonry) {
            .aktivitaetenWrapper {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        .quickrequest .introLeft {
            width: 45%;
        }

        .sc-quickInquiry {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 60%;
            padding-left: 40%;
            gap: 90px;
        }

        .sc-quickInquiry .sc-quickformArrival,
        .sc-quickInquiry .sc-quickformDeparture,
        .sc-quickInquiry .sc-quickformAdults,
        .sc-quickInquiry .sc-quickformChildren {
            width: calc(45% - 45px);
        }

        header .eyecatcherBtn {
            bottom: 5vh;
            left: 5vh;
        }

        .pattern:before,
        body:not(.home) .showHeaderSlider header .headerSlider:before {
            width: auto;
            height: 80px;
            top: -41px;
            aspect-ratio: 575 / 89;
        }

        body:not(.home) .showHeaderSlider header .headerSlider:before {
            bottom: -40px;
            top: unset;
        }

        .listBoxWrapper article .txtWrapper,
        .seoBoxes .box .txtWrapper,
        .zimmerWrapper article .txtWrapper {
            padding: 25px;
        }

        .listBoxWrapper .slick-slide.slick-current article .txtWrapper,
        .seoBoxes .box .txtWrapper {
            padding: 25px 40px;
        }

        .highlightWrapper .box .txtWrapper {
            padding: 30px;
        }

        .zimmerWrapper .txtWrapper .bigLink {
            bottom: 25px;
            right: 30px;
        }

        .listBoxWrapper article .txtWrapper .headline,
        .seoBoxesWrapper .seoBoxes .headline,
        .highlightWrapper .txtWrapper .headline {
            font-size: 30px;
            line-height: 35px;
            padding-bottom: 15px;
        }

        .listBoxWrapper .slick-slide.slick-current .postPreviewTextWrapper {
            display: block;
        }
    }


    @media (min-width: 1400px) {
        .listBoxWrapper .slick-slide.slick-current .postPreviewTextWrapper {
            display: block;
        }

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

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

        @supports (grid-template-rows: masonry) {
            .gallery .no-slideshow {
                grid-template-columns: repeat(4, 1fr);
            }
        }

        .newsWrapper {
            justify-content: flex-start;
        }

        .newsWrapper .box {
            width: 32%;
            margin: 0 1%;
        }

        .tabs [data-control],
        .anchorMenuWrapper {
            width: calc(100vw - 15px);
        }

        .member img {
            height: 150px;
        }
    }

    @media (min-width: 1550px) {

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

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

        nav:not(.SiMenuDesktop) [class*=menu-hauptmenue] {
            margin-left: auto;
            margin-right: auto;
            max-width: 1500px;
        }

        .widthWrapper,
        .contentWrapper,
        .sc-header,
        .error404 .sc-header,
        .seoBoxesWrapper .fullWidth,
        .offerInner .wrapper .boxLayout,
        .offerInner .returnLinkWrapper .txtLinkWrapper,
        .seoBoxesWrapper,
        .seoBoxesWrapper .fullWidth,
        .listBox {
            width: 100%;
        }

        .contentWrapper,
        .offerInner .returnLinkWrapper .txtLinkWrapper,
        .listBox {
            padding-left: 464px;
        }

        .h2-right .boxLayout {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .home .h2-right .boxLayout {
            -webkit-box-align: baseline;
            -ms-flex-align: baseline;
            align-items: baseline;
        }

        .stickyLogo {
            left: calc(50% - 750px);

        }

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

        h1,
        .t1 {
            padding-bottom: 60px;
        }

        h2,
        .t2,
        .noH2 h1,
        .error404 .sc-header h1,
        .offerInner h1,
        .seoBoxesWrapper h3,
        .seoBoxesWrapper .t3 {
            font-size: 65px;
            line-height: 75px;
        }

        .offerBoxesWrapper .headline {
            font-size: 45px;
            line-height: 45px;
        }

        .h2-right .boxLayout.widthWrapper .box.textBox h2,
        .h2-right .boxLayout.widthWrapper .box.textBox .t2 {
            left: unset;
            top: unset;
            position: relative;
            max-width: unset;
        }

        .home .h2-right h2,
        .home .h2-right .t2,
        .quickrequest .t2,
        .offerIntro .t2 {
            font-size: 100px;
            left: unset;
        }

        .home .h2-right .boxLayout.widthWrapper .box.textBox h2,
        .home .h2-right .boxLayout.widthWrapper .box.textBox .t2 {
            position: absolute;
            top: -50px;
            right: 800px;
            text-align: right;
        }

        .h2-right .no-slideshow:before,
        .h2-right.square .slideshowBox:before {
            content: none;
        }

        .home .h2-right .no-slideshow:before,
        .home .h2-right.square .slideshowBox:before {
            content: '';
        }

        .rightContent .contentWrapper {
            padding-left: 45%;
        }


        .sc-menu li.submenuarrow {
            margin-bottom: 50px;
        }

        .sc-menu .submenuarrow>a {
            top: -77px;
            font-size: 68px;
        }

        .sc-menu a {
            font-size: 14px;
            padding: 10px 15px;
        }

        a.txtLink,
        .offerInner .returnLinkWrapper .returnLink,
        .sc-quickInquiry .sc-quickformSubmit button,
        .tabs>[data-control] button,
        .anchorMenuWrapper a {
            font-size: 22px;
        }

        .quote .t3 {
            font-size: 80px;
            line-height: 80px;
            text-wrap: unset;
            margin-bottom: 40px;
        }

        .tabs [data-control],
        .anchorMenuWrapper {
            margin-left: calc(-50vw + 750px);
            /* padding-left: calc(50vw - 750px);*/
            padding-left: 0;
            text-align: center;
        }

        .sc-readmore a,
        .sc-readmore .button,
        a.bigLink,
        .quickLinks a,
        .roomBox .txtLinkWrapper a,
        [data-accordion] [data-control] {
            font-size: 15px;
            padding-top: 20px;
        }

        a.bigLink,
        .quickLinks a {
            font-size: 17px;
            padding-top: 25px;
        }

        a.externalIcon:after,
        a.popupIcon:after {
            right: -50px;
            top: 18px;
        }

        .slick-arrow {
            background-position: -150px -844px;
            width: 110px;
            bottom: 60px;
            right: 60px;
        }

        .headerSlider .slick-arrow {
            background-position: -450px -844px;
            right: calc(50% - 60px);
        }

        .headerSlider .slick-arrow {
            bottom: 160px;
            right: calc(2% + 60px);
        }

        .square .slick-next.slick-arrow {
            bottom: -110px;
        }

        .offerIntro,
        .listBoxWrapper .txtLinkWrapper {
            margin-left: -460px;
            /*-25vw;*/
        }

        .offerIntro {
            padding-right: 0;
            max-width: 560px;
        }

        .highlights {
            padding-top: 40px;
        }


        .rightContent .contentWrapper {
            padding-left: 833px;
        }

        .leftContent .widthWrapper {
            padding-right: 1000px;
            /*1040px;*/
        }

        .boxLayout.widthWrapper .box.slideshowBox,
        .single .boxLayout .box.imageBox {
            width: 600px;
        }

        .boxLayout.widthWrapper .box.textBox,
        .single .boxLayout .box.offertextBox {
            width: 660px;
            margin-left: 240px;
        }

        .single .boxLayout .box.imageBox {
            width: 550px;
        }

        .single .boxLayout .box.offertextBox {
            width: 660px;
            margin-left: 300px;
        }

        .seoBoxesWrapper {
            width: 90%;
            margin-left: auto;
            margin-right: auto;
            max-width: 1500px;
        }

        .seoBoxesWrapper .fullWidth {
            width: 100%;
        }

        .threeSlider.large-slideshow .contentWrapper,
        .listBox,
        .seoBoxesWrapper .seoBoxes,
        .highlights .contentWrapper,
        .roomSlider .contentWrapper,
        .outdoor .contentWrapper {
            padding-left: 460px;
            /*25%;*/
        }



        .aktivitaetenWrapper article .txtWrapper {
            padding: 30px 40px;
        }

        .offerBoxesWrapper .headline,
        .aktivitaetenWrapper .headline {
            padding-bottom: 25px;
        }

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

        .offerBoxesWrapper article {
            margin-bottom: 30px;
        }

        .offerBoxesWrapper article .txtWrapper .headline,
        .aktivitaetenWrapper article .txtWrapper .headline {
            padding-bottom: 20px;
        }

        .tabs [data-control].fixed,
        .anchorMenuWrapper.fixed {
            width: 100vw;
            left: 0;
            margin: 0;
        }

        /* Rooms */
        .roomBox .boxLayout .box.slideshowBox {
            width: 58%;
        }

        .roomBox .boxLayout .box.textBox {
            width: 33%;
            margin-left: 9%;
            /*margin-bottom: 120px;*/
        }

        /*
    .roomBox .blockAccordion {
        width: 32%;
        margin-top: -60px;
        margin-left: 68%;
    }
        */
        [data-accordion] [data-control] {
            line-height: 60px;
            padding: 0;
        }

        .footer address a.facebook,
        .footer address a.instagram {
            width: 65px;
            height: 90px;
            margin: 0 10px;
            background-position: -100px -400px;
        }

        .footer address a.instagram {
            background-position: -0px -400px;
        }

        .footer address a.facebook:hover {
            background-position: -600px -300px;
        }

        .footer address a.instagram:hover {
            background-position: -500px -300px;
        }

        i.icon {
            width: 30px;
            height: 15px;
            background-position: -143px -99px;
        }

        .footerLogo {
            width: fit-content;
        }

        .footerLogo img {
            max-width: unset;
            width: 300px;
        }

    }



    @media (min-width: 1800px) {

        .padding-top-xxl {
            padding-top: 200px;
        }

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

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

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

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

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

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

        .padding-bottom-xxl,
        .roomBox {
            padding-bottom: 200px;
        }

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

        .padding-bottom-l,
        .error404 .contentWrapper,
        .offerInner .wrapper,
        .offerInner .returnLinkWrapper {
            padding-bottom: 150px;
        }

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

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

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

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

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

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

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

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

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

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

        .margin-top-xxs,
        .offerInner .postPriceWrapper .headline,
        .offerInner .buttonsWrapper a {
            margin-top: 45px;
        }

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

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

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

        .margin-bottom-m,
        .seoBoxesWrapper {
            margin-bottom: 120px;
        }

        .margin-bottom-s,
        .listBoxWrapper .txtLinkWrapper {
            margin-bottom: 80px;
        }

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

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

        .gradient-bottom:after,
        .listBoxWrapper:before {
            height: 200px;
        }

        .gradient-top:before,
        .listBoxWrapper:before,
        .footer:before {
            height: 400px;
        }

    }



    @media (min-width: 2000px) {
        nav:not(.SiMenuDesktop) [class*=menu-hauptmenue] {
            max-width: 1800px;
        }

        ul.sc-menu {
            padding-top: 250px;
            gap: 80px 0;
        }

        .sc-menu .submenuarrow>a {
            top: -89px;
            font-size: 75px;
        }

        .resMenu {
            height: 70px;
        }

        .tabs [data-control].fixed,
        .anchorMenuWrapper.fixed {
            top: 70px;
        }


        .widthWrapper,
        .contentWrapper,
        .sc-header,
        .error404 .sc-header,
        .seoBoxesWrapper .fullWidth,
        .offerInner .wrapper .boxLayout,
        .offerInner .returnLinkWrapper .txtLinkWrapper,
        .seoBoxesWrapper,
        .seoBoxesWrapper .fullWidth {
            max-width: 1800px;
        }

        .tabs [data-control],
        .anchorMenuWrapper {
            margin-left: calc(-50vw + 900px);
            /*padding-left: calc(50vw - 900px);*/
        }

        .listBox {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            max-width: 1800px;
        }

        .offerIntro,
        .listBoxWrapper .txtLinkWrapper {
            padding-right: 0;
            width: 650px;
        }

        .rightContent .contentWrapper {
            padding-left: 940px;
        }

        .leftContent .widthWrapper {
            padding-right: 1000px;
            /*1200px*/
        }

        .boxLayout.widthWrapper .box.slideshowBox {
            width: 600px;
        }

        .boxLayout.widthWrapper .box.textBox {
            width: 850px;
            margin-left: 350px;
        }

        .box.offertextBox {
            padding-left: 40px;
        }

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

        h2,
        .t2,
        .noH2 h1,
        .error404 .sc-header h1,
        .offerInner h1,
        .seoBoxesWrapper h3,
        .seoBoxesWrapper .t3,
        .offerInner h1 {
            font-size: 90px;
            line-height: 100px;
        }

        .home .h2-right h2,
        .home .h2-right .t2,
        .quickrequest .t2,
        .offerIntro .t2 {
            font-size: 100px;
        }

        h3,
        .t3,
        .headline,
        .highlightWrapper .txtWrapper .headline {
            font-size: 45px;
            line-height: 55px;
        }

        .home .h2-right .boxLayout.widthWrapper .box.textBox h2,
        .home .h2-right h2,
        .home .h2-right .t2,
        .quickrequest .t2,
        .offerIntro .t2,
        .home .h2-right .boxLayout.widthWrapper .box.textBox .t2 {
            font-size: 140px;
            top: -60px;
        }

        a.txtLink,
        .offerInner .returnLinkWrapper .returnLink,
        .tabs>[data-control] button.active,
        .sc-quickInquiry .sc-quickformSubmit button {
            font-size: 24px;
            padding-left: 15px;
            padding-right: 60px;
        }

        .tabs>[data-control] button,
        .anchorMenuWrapper a {
            font-size: 24px;
            padding-left: 15px;
            padding-right: 15px;
        }

        .quote .t3 {
            font-size: 85px;
            line-height: 95px;
        }

        article .headline {
            font-size: 35px;
        }

        .quickrequest .t2 {
            margin-bottom: 30px;
        }

        ul.sc-menu {
            padding-top: 250px;
        }

        .sc-menu li.submenuarrow {
            padding: 50px 10px 20px;
        }

        .sc-menu a {
            font-size: 16px;
        }

        .stickyLogo {
            left: calc(50% - 900px);
            padding: 20px;
            /* width: 170px;*/
        }

        .resMenu button.SiMenuToggle {
            right: calc(50% - 900px);
            top: 16px;
            width: 115px;
        }

        .resMenu button.SiMenuToggle div {
            width: 55px;
            margin-top: 0;
            top: 11px;
        }

        .home .homeLogo {
            top: 10%;
        }

        .homeLogo img {
            width: 450px;
        }

        .topBar {
            bottom: 60px;
            height: 66px;
        }

        .topBar a.button {
            padding: 0px 30px;
            line-height: 66px;
            margin: 0;
            font-size: 20px;
            letter-spacing: 3px;
        }

        .topBar a.button.offer,
        .topBar a.button.lastminute {
            line-height: 66px;
            font-size: 12px;
            padding-left: 50px;
        }

        .topBar a.button.offer:before,
        a.button.lastminute:before {
            top: 21px;
            background-position: -341px -8px;
            width: 45px;
        }

        a.button.lastminute:before {
            top: 14px;
            background-position: -392px -2px;
            height: 40px;

        }

        .topBar a.button.whatsapp {
            bottom: 0px;
            width: 66px;
            height: 66px;
            right: -76px;
            background-position: -332px -333px
        }

        header .eyecatcherBtn {
            height: 130px;
            width: 130px;
            font-size: 33px;
            line-height: 42px;
            padding: 50px;
        }


        .quote .widthWrapper .t3:before {
            right: -110px;
            background-position: -500px -470px;
            width: 168px;
            height: 110px;
            top: -60px;
            margin-bottom: 50px;
        }

        .headerSlider .slick-arrow {
            bottom: 200px;
        }

        .headerSlider .slick-next.slick-arrow {
            bottom: 150px;
        }

        .boxLayout.widthWrapper .box.slideshowBox,
        .single .boxLayout .box.imageBox {
            width: 750px;
        }

        .boxLayout.widthWrapper .box.textBox,
        .single .boxLayout .box.offertextBox {
            width: 860px;
            margin-left: 190px;
        }

        .home .h2-right .boxLayout.widthWrapper .box.textBox h2,
        .home .h2-right .boxLayout.widthWrapper .box.textBox .t2 {
            right: 1000px;
        }

        .single .boxLayout .box.offertextBox {
            width: 860px;
            margin-left: 330px;
        }

        .offerBoxesWrapper article {
            margin-bottom: 50px;
                  width: calc(33% - 30px);
        }

        .offerBoxesWrapper article:nth-child(3n - 1) {
            margin-left: 50px;
            margin-right: 50px;
        }

        article .txtWrapper {
            padding: 30px 40px;
        }

        .offerBoxesWrapper article .sc-readmore {
            padding: 30px;
        }

        article .txtWrapper .headline {
            padding-bottom: 40px;
        }

        .aktivitaetenWrapper article .txtWrapper {
            padding: 40px 60px;
        }

        .footerLogo img {
            width: 350px;
        }

    }


    @media (min-width: 2200px) {

        nav:not(.SiMenuDesktop) [class*=menu-hauptmenue] {
            max-width: 90%;
        }

        .sc-menu a {
            font-size: 17px;
        }

        .sc-menu .submenuarrow>a {
            top: -95px;
            font-size: 80px;
        }
    }




    /*Quickrequest */
    .flatpickr-day.selected,
    .flatpickr-day.startRange,
    .flatpickr-day.endRange,
    .flatpickr-day.selected.inRange,
    .flatpickr-day.startRange.inRange,
    .flatpickr-day.endRange.inRange,
    .flatpickr-day.selected:focus,
    .flatpickr-day.startRange:focus,
    .flatpickr-day.endRange:focus,
    .flatpickr-day.selected:hover,
    .flatpickr-day.startRange:hover,
    .flatpickr-day.endRange:hover,
    .flatpickr-day.selected.prevMonthDay,
    .flatpickr-day.startRange.prevMonthDay,
    .flatpickr-day.endRange.prevMonthDay,
    .flatpickr-day.selected.nextMonthDay,
    .flatpickr-day.startRange.nextMonthDay,
    .flatpickr-day.endRange.nextMonthDay {
        border-color: #57625a;
        background: #57625a;
    }

    .flatpickr-months .flatpickr-prev-month:hover svg,
    .flatpickr-months .flatpickr-next-month:hover svg {
        fill: #7b8167;
    }

    .sc-quickInquiry .sc-selectValuesAdults button,
    .sc-quickInquiry .sc-selectValuesChildren button {
        background: #7b8167;
    }


    /* HOGAST */
    #custom div#hg-wi-form {
        background: #dbd8d4
    }

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

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

    #custom #hg-wi-form .h-wi-button {
        background: #57625A
    }

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

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

    .form .hgPaymentWidget .hgpProgress .hgpStepActive .hgpRect {
        background-color: #57625A;
        border-color: #57625A;
        color: #fff
    }

    .form .hgPaymentWidget .hgpProgress .hgpRect {
        border: 1px solid #57625A;
        color: #57625A
    }

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

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

    .form .hgPaymentWidget .hgpProgress .hgpLabel,
    .form .hgPaymentWidget .hgpFormElement .hgpCheckBox,
    .form .hgPaymentWidget .hgpFormElement .hgpRadioButton {
        color: #57625A
    }

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

    .form .hgPaymentWidget .hgpButton {
        font-size: 18px;
        font-weight: 400;
        -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
    }

    .form .hgPaymentWidget .hgpButton.hgpButtonPrimary {
        background: #57625A;
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        -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
    }

    .form .hgPaymentWidget .hgpButton.hgpButtonPrimary:hover {
        background: #7B8167;
        color: #fff;
        opacity: 1
    }

    .form .hgPaymentWidget .hgpForm .hgpHighlight {
        background: #57625A
    }

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

    .form .hgPaymentWidget .hgpFormElement.hgpSuccess input[type="text"],
    .form .hgPaymentWidget .hgpFormElement.hgpSuccess input[type="email"],
    .form .hgPaymentWidget .hgpFormElement.hgpSuccess input[type="number"],
    .form .hgPaymentWidget .hgpFormElement.hgpSuccess select,
    .form .hgPaymentWidget .hgpFormElement.hgpSuccess textarea,
    .form .hgPaymentWidget .hgpFormElementGroup.hgpSuccess input[type="text"],
    .form .hgPaymentWidget .hgpFormElementGroup.hgpSuccess input[type="email"],
    .form .hgPaymentWidget .hgpFormElementGroup.hgpSuccess input[type="number"],
    .form .hgPaymentWidget .hgpFormElementGroup.hgpSuccess select,
    .form .hgPaymentWidget .hgpFormElementGroup.hgpSuccess textarea {
        box-shadow: 0 0 0 2px #57625A
    }

    .form .hgPaymentWidget .hgpFormElement .hgpRadioButton input[type="radio"]+span:after {
        background: #57625A
    }


    .form .hgPaymentWidget .hgpProgress .hgpSumContainer,
    .form .hgPaymentWidget .hgpSummaryContainer .hgpSummaryHeadline,
    .form .hgPaymentWidget .hgpSummaryContainer .hgpSummaryHeadline {
        background-color: #57625A
    }