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

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

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

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

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

html,
body {
    font-family: "Karla", "Arial", sans-serif;
    color: #0A0A0A;
    font-weight: 400;
    background-color: #fff;
    font-size: 17px;
    line-height: 1.5;
}

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

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

a {
    color: #0A0A0A;
}

a:hover {
    color: #b0a693;
}

.bigger {
    font-size: 125%;
}

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

/*Hover Styles*/
.quickLinkButtons .fullWidth>div a:hover,
.roomBox .roomWrapper .box.slideshowBox .sc-slideshow[data-sigallery]:hover:after,
ul.slick-dots li button:hover,
[data-accordion]>[data-control]:hover:after,
.resMenu a.phone:hover {
    transform: scale(1.05);
}

p {
    margin-bottom: 15px;
}

p:last-child,
header p {
    margin: 0;
}

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

h1,
.t1 {
    font-size: 1rem;
    font-family: "Karla", "Arial", sans-serif;
    font-weight: 400;
    color: #0A0A0A;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 28px;
    clear: both;
    letter-spacing: 2px;
}

h2,
.t2,
h3,
.t3,
h4,
.t4,
.noH2 h1,
.quickLinkButtons .fullWidth>div,
.quickLinkButtons .fullWidth>div a,
.error404 .sc-header h1,
.seoBoxesWrapper .box .headline,
.offerBoxesWrapper article .offerTitle .headline,
.offerInner h1,
.offerInner .offertextBox .postPeriodWrapper .headline,
.offerInner .offertextBox .postPriceWrapper .headline {
    font-size: 40px;
    line-height: 1.2;
    font-family: "BlackJack", "Arial", sans-serif;
    font-weight: 400;
    color: #503225;
    margin: 0;
    margin-bottom: 28px;
}

h2 span {
    color: #b0a693;
}

.noH2 h1,
.offerInner h1 {
    margin-top: 0;
    text-transform: none;
}

h3,
.t3,
.offerBoxesWrapper article .offerTitle .headline,
.offerInner .offertextBox .postPeriodWrapper .headline,
.offerInner .offertextBox .postPriceWrapper .headline {
    font-size: 26px;
    margin-bottom: 15px;
}

h4,
.t4,
.txtLink,
.sc-quickInquiry>div label,
.quickLinkButtons .fullWidth>div,
.quickLinkButtons .fullWidth>div a,
.seoBoxesWrapper .box .headline,
.offerInner .returnLinkWrapper .returnLink {
    font-family: "Karla", "Arial", sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 20px;
}

h4,
.t4,
.seoBoxesWrapper .box .headline {
    letter-spacing: 2px;
}

.txtLink,
.offerInner .returnLinkWrapper .returnLink {
    font-size: 17px;
}

hr {
    background-image: url(../graphics/vector_sprites.svg);
    width: 85px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: -118px 0;
    border: 0;
    text-align: left;
    display: inline-block;
    clear: both;
    margin: 25px auto;
}

hr.fire,
hr.water,
hr.air,
hr.earth {
    background-image: url(../graphics/vector_fire.svg);
    background-position: 0 0;

    aspect-ratio: 16/31;
    background-size: contain;
}

hr.water {
    background-image: url(../graphics/vector_water.svg);
    aspect-ratio: 23/31;
}

hr.air {
    background-image: url(../graphics/vector_air.svg);
    aspect-ratio: 18/5;
}

hr.earth {
    background-image: url(../graphics/vector_earth.svg);
    aspect-ratio: 26/31;
}

.bg2 hr {
    background-position: -398px 0;
}

.bg3 hr {
    background-position: 0 0;
}

.sc-masterContainer {
    padding-top: 50px;
    overflow-x: hidden;
}

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

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

.sc-masterContainer ul li {
    padding-left: 8px;
    margin: 0;
    margin-bottom: 15px;
    text-align: left;
}

.sc-masterContainer ul li,
.emptyTemplate ul li {
    margin-bottom: 15px;
    list-style-type: none;
    position: relative;
}

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

.sc-masterContainer ul:not(.slick-dots) li:before,
.emptyTemplate ul:not(.slick-dots) li:before,
.sc-masterContainer .bg2 .bg1 ul:not(.slick-dots) li:before,
.emptyTemplate .bg2 .bg1 ul:not(.slick-dots) li:before {
    content: "";
    position: absolute;
    background-image: url(../graphics/vector_sprites.svg);
    width: 18px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: 0px -776px;
    left: -22px;
    top: 6px;
}

.sc-masterContainer .bg2 ul:not(.slick-dots) li:before,
.emptyTemplate .bg2 ul:not(.slick-dots) li:before {
    background-position: -60px -776px;
}

.sc-masterContainer .bg3 ul:not(.slick-dots) li:before,
.emptyTemplate .bg3 ul:not(.slick-dots) li:before {
    background-position: -90px -776px;
}

header {
    position: relative;
}

.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,
.bg1 [data-accordion] [data-control] span,
.bg2 [data-accordion]>[data-control]:before,
.bg3 [data-accordion]>[data-control]:before,
.bg3 .slick-arrow,
.roomBoxesWrapper .roomBox .slick-arrow,
.bg1 [data-accordion]>[data-control]:after,
.roomBoxesWrapper.bg1 .roomBox,
.seoBoxesWrapper,
.listBoxWrapper .listBox {
    background-color: #f2eadf;
}

.bg2,
.bg2 [data-accordion] [data-control] span,
.bg2 [data-accordion]>[data-control]:after,
.roomBoxesWrapper.bg2 .roomBox,
.anchorMenuWrapper {
    background-color: #503225;
}

.bg3,
.bg3 [data-accordion] [data-control] span,
.bg3 [data-accordion]>[data-control]:after,
.bg1 .slick-arrow,
.bg2 .slick-arrow,
.roomBoxesWrapper.bg3 .roomBox {
    background-color: #b0a693;
}

.bg3,
.bg3 a,
.bg3 a.txtLink,
.bg3 h1,
.bg3 .t1,
.bg3 h2,
.bg3 .t2,
.bg3 h3,
.bg3 .t3,
.bg3 h4,
.bg3 .t4,
.highlightbox .boxLayout .box.textBox div.bg3 * {
    color: #fff;
}

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

.bg1,
.bg1 a:not(.button),
.bg1 a.txtLink,
.bg1 h1,
.bg1 .t1,
.highlightbox .boxLayout .box.textBox div.bg2 *,
.seoBoxesWrapper,
.seoBoxesWrapper a:not(.button),
.seoBoxesWrapper a.txtLink,
.seoBoxesWrapper h1,
.seoBoxesWrapper .t1,
.listBoxWrapper .listBox,
.listBoxWrapper .listBox a:not(.button),
.listBoxWrapper .listBox a.txtLink,
.listBoxWrapper .listBox h1,
.listBoxWrapper .listBox .t1 {
    color: #503225;
}

.bg1 h2,
.bg1 .t2,
.bg1 h3,
.bg1 .t3,
.bg1 h4,
.bg1 .t4,
.highlightbox .boxLayout .box.textBox div.bg1 * {
    color: #503225;
}

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

.bg2 a.txtLink,
.bg2 a.txtLink:hover {
    border-color: #C0B5A7;
}

/*EyecatcherBtn Styles*/
.eyecatcherBtn {
    background: #4a5c35;
    height: 100px;
    width: 100px;
    display: flex;
    flex-direction: column;
    color: #fff;
    text-align: center;
    align-items: center;
    line-height: 1;
    font-size: 1.5rem;
    border-radius: 50%;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 3;
}

header .eyecatcherBtn {
    top: initial;
    bottom: 27%;
    left: 5%;
    font-size: .9rem;
}

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

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

.eyecatcherBtn b {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 4px;
    display: flex;
}

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

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

header .eyecatcherBtn>* {
    transform: rotate(-8deg);
}


/*Wrapper Width Styles*/
.widthWrapper,
.contentWrapper,
.sc-header,
.roomBox .widthWrapper div [data-accordion-group] [data-accordion] [data-content],
.listBox .rotatingListbox,
.seoBoxesWrapper .wrapper,
.offerInner .boxLayout,
.offerInner .returnLinkWrapper .txtLinkWrapper {
    width: calc(100% - 60px);
    margin-left: auto;
    margin-right: auto;
    max-width: 1500px;
}

.contentWrapper,
.sc-header,
.roomBox .widthWrapper div [data-accordion-group] [data-accordion] [data-content],
.offerInner .boxLayout,
.offerInner .returnLinkWrapper .txtLinkWrapper {
    max-width: 880px;
}

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

/*Room Styles*/
div[class*='bg'] .roomBox {
    border-bottom: 50px solid #fff;
}

.roomBox .roomWrapper,
.roomWrapper .boxLayout.widthWrapper {
    position: relative;
}

.roomBoxesWrapper[class*='bg'] {
    background-color: transparent;
}

.roomBox .roomWrapper .txtLink {
    display: block;
    margin-bottom: 3px;
}

.roomBox .roomWrapper .box.textBox .txtLinkWrapper a.txtLink {
    text-decoration: underline;
}

.txtLink.popup:after,
.txtLink.map:after {
    content: '';
    position: absolute;
    width: 31px;
    height: 26px;
    background-image: url(../graphics/vector_sprites.svg);
    background-position: -74px -845px;
    background-size: 1000px;
    left: auto;
}

.txtLink.popup:after {
    background-position: -111px -555px;
}

.roomBox .roomWrapper .box.textBox .box:nth-child(2),
.roomBox .roomWrapper .box.textBox .buttonsWrapper {
    margin-top: 40px;
}

.roomBox .roomWrapper .box.textBox {
    text-align: center;
    margin-top: 40px;
}

.roomBox .roomWrapper .t4 {
    color: #0A0A0A;
    margin-bottom: 12px;
    font-size: 17px;
    font-weight: 400;
}

.roomBox .roomWrapper .box.slideshowBox .sc-slideshow[data-sigallery]:after {
    content: "";
    width: 30px;
    height: 30px;
    background: #f7f3ec;
    position: absolute;
    right: 10px;
    bottom: 10px;
    background-image: url(../graphics/vector_sprites.svg);
    background-position: -433.5px -603.5px;
    border-radius: 0%;
    border: 2px solid #b0a693;
    pointer-events: none;
}

.roomBox .widthWrapper div [data-accordion-group] [data-accordion] [data-content] {
    width: 100%;
}

div[class*='bg'] .roomBox:last-child {
    border-bottom: 0;
}

/*Highlightbox Styles*/
.highlightbox[class*='bg'] .boxLayout {
    margin-left: -30px;
}

.highlightbox .boxLayout .box {
    width: auto;
}

.highlightbox .boxLayout .box.textBox {
    margin-left: 30px;
    padding-left: 0;
    padding-right: 30px;
}

.highlightbox[class*='bg'] .boxLayout .box:nth-child(1) {
    order: 2;
}

.highlightbox[class*='bg'] .boxLayout .box:nth-child(2),
.change-order.highlightbox[class*='bg'] .boxLayout .box:nth-child(1),
.change-order-m.highlightbox[class*='bg'] .boxLayout .box:nth-child(1) {
    margin-top: 0;
}

.highlightbox[class*='bg'] .boxLayout .box.textBox {
    padding-left: 30px;
    padding-bottom: 30px;
}

.highlightbox[class*='bg'] .boxLayout .box.textBox[class*='bg'] {
    padding-left: 30px;
}

.highlightbox .boxLayout .box.textBox div[class*='bg'] {
    padding: 30px;
    margin-left: -30px;
    width: 100%;
}

.highlightbox.highlightbutton .boxLayout .box.textBox div[class*='bg'] {
    padding-top: 60px;
    margin-top: -30.5px;
}

.highlightbox[class*='bg'] .boxLayout.widthWrapper {
    width: 100%;
}

.highlightbox[class*='bg'] .boxLayout .box.slideshowBox {
    margin-left: 30px;
}

.highlightbox .boxLayout .box.textBox div[class*='bg'] {
    margin-top: 30px;
}

.highlightbox .boxLayout {
    margin-left: auto;
    margin-right: 0;
}

.highlightbox.change-order .boxLayout,
.highlightbox.change-order-d .boxLayout {
    margin-left: 0;
    margin-right: -30px;
}

.highlightbox.highlightbutton .boxLayout .box.textBox .buttonsWrapper {
    margin-bottom: -31px;
}

.highlightbox .boxLayout .box.textBox .buttonsWrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 25px 30px;
}

.highlightbox .boxLayout .box.textBox * {
    margin-left: 0;
    margin-right: auto;
}

.highlightbox .boxLayout .box.textBox .buttonsWrapper .button {
    margin-right: 0;
}

.highlightbox .txtLinkWrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 30px;
    border-top: 1px solid #b0a693;
    padding-top: 30px;
    margin-top: 30px;
}

.highlightbox .boxLayout .box.textBox .txtLinkWrapper .txtLink {
    margin-right: 0;
}

.review.bg3 {
    background-color: #a4ae9a;
    margin-right: auto;
    margin-left: 0;
    width: calc(100% - 60px);
    max-width: calc(880px + 215px);
    box-sizing: border-box;
}

.review {
    position: relative;
}

.review * {
    z-index: 2;
    position: relative;
}

.review::before {
    content: "";
    width: 62px;
    height: 50px;
    display: inline-block;
    position: absolute;
    background-image: url(../graphics/vector_sprites.svg);
    background-size: 1800px;
    background-position: -533px -721px;
    background-repeat: no-repeat;
    left: 10px;
    top: -20px;
    z-index: 1;
}


/*TwoImagesSlider Styles*/
.twoImagesSlider .slick-list {
    margin-left: -10px;
    margin-right: -10px;
}

.twoImagesSlider .slick-slide {
    margin-left: 10px;
    margin-right: 10px;
    -webkit-transition: margin 0.8s ease-out;
    transition: margin 0.8s ease-out;
    -o-transition: margin 0.8s ease-out;
    margin-bottom: 45px;
}

.twoImagesSlider .slick-slide:nth-child(odd) {
    margin-top: 45px;
    margin-bottom: 0;
}

/*Pattern Background tree*/
.blockTextSlideshow.twoImagesSlider[class*="bg"],
.blockTextSlideshow.highlightbox[class*="bg"] {
    position: relative;
}

.blockTextSlideshow.twoImagesSlider *,
.blockTextSlideshow.highlightbox * {
    z-index: 2;
}

.blockTextSlideshow.highlightbox .box.slideshowBox {
    z-index: 1;
}


.blockTextSlideshow.twoImagesSlider[class*="bg"]:after,
.blockTextSlideshow.highlightbox[class*="bg"]:after {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    content: "";
    width: 85px;
    height: auto;
    aspect-ratio: 285/277;
    background-image: url(../graphics/vector_tree.svg);
    background-position: 0 0;
    background-size: contain;
}


/*fullWidthSliderBox Styles*/
.fullWidthSliderBox>div {
    margin-bottom: 15px;
}

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

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

.boxLayout.listContainer article.box:nth-child(2),
.offerBoxesWrapper article.box:nth-child(2) {
    margin-top: 0;
}

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

.single.single-angebote .fullWidth>div:not(.contentWrapper):not(.widthWrapper) .boxLayout .box.offertextBox {
    padding-left: 30px;
    padding-right: 30px;
}

/* Rotating listBox */
.listBox .rotatingListbox {
    padding-left: 30px;
    padding-right: 30px;
}

.listBox .rotatingListbox .txtWrapper {
    margin-top: 30px;
}

.listBox .rotatingListbox .txtWrapper .t3 {
    color: #0A0A0A;
}

.listBox .rotatingListbox button.slick-arrow {
    border: 0;
    bottom: 50%;
    background: transparent;
    left: inherit;
    right: -30px;
    margin: 0;
    border-radius: 0;
}

.listBox .rotatingListbox button.slick-prev.slick-arrow {
    right: initial;
    left: -30px;
}

.listBox .rotatingListbox button.slick-arrow:after {
    left: 4px;
    margin-top: -12px;
}

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

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

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

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

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

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

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

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

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

.padding-bottom-l,
.seoBoxesWrapper,
.listBoxWrapper .listBox,
div[class*='bg'] .roomBox {
    padding-bottom: 75px;
}

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

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

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

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

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

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

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

.margin-top-m,
.listBoxWrapper .txtLinkWrapper {
    margin-top: 35px;
}

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

.margin-top-xs,
.seoBoxesWrapper .box,
.listBox .rotatingListbox .sc-readmore a,
.offerInner .offertextBox .postPriceWrapper .headline,
.error404 .sc-masterContainer a.button {
    margin-top: 15px;
}

.margin-top-xxs,
.offerBoxesWrapper article .txtWrapper,
.offerBoxesWrapper article .sc-readmore,
.offerInner .buttonsWrapper a {
    margin-top: 15px;
}

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

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

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

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

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

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

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


/*Button & TXT-Link Styles*/
button,
.button,
.listBox .rotatingListbox .sc-readmore a {
    background: #b0a693;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    padding: 15px 15px;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 0px;
    font-family: "Karla", "Arial", sans-serif;
    position: relative;
}

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

.button.light,
button.light,
.quickrequest .sc-quickInquiry .sc-quickformSubmit button.light {
    border: 2px solid #b0a693;
    background: #fff;
    color: #b0a693;
}

.button.secondary,
.resMenu a.button:nth-child(odd),
.SiMenu .topBar .button:nth-child(odd),
.bg3 .button:hover,
.bg2 .button:hover {
    background: #b0a693;
}

.button.secondary,
.resMenu a.button:nth-child(odd):hover,
.SiMenu .topBar .button:nth-child(odd):hover,
.bg3 .button:hover,
.bg2 .button:hover {
    background: #d0cabf;
}


.button.secondary2,
.resMenu a.button:nth-child(even),
.SiMenu .topBar .button:nth-child(even),
.bg3 .button:hover,
.bg2 .button:hover {
    background: #503225;
}

.button.secondary2,
.resMenu a.button:nth-child(even):hover,
.SiMenu .topBar .button:nth-child(even):hover,
.bg3 .button:hover,
.bg2 .button:hover {
    background: #96847d;
}

.button:hover,
.sc-readmore a:hover,
.resMenu a.button:nth-child(odd):hover,
.resMenu a.button:nth-child(even):hover,
.SiMenu .topBar .button:nth-child(odd):hover,
.SiMenu .topBar .button:nth-child(even):hover,
.boxLayout.listContainer article:hover .sc-readmore .button,
.listBox .rotatingListbox .sc-readmore a:hover {
    background: #d0cabf;
    color: #fff;
}

.button.light:hover,
button.light:hover,
.quickrequest .sc-quickInquiry .sc-quickformSubmit button.light:hover {
    background: #f7f3ec;
    color: #b0a693;
}

.buttonsWrapper .button,
.resMenu .topBar .button {
    margin-left: 7px;
}

.buttonsWrapper .button:first-child,
.resMenu .topBar .button:first-child {
    margin-left: 0;
}

button.slick-arrow:after {
    content: "";
    width: 65px;
    height: 24px;
    display: inline-block;
    position: absolute;
    left: -32px;
    top: 50%;
    margin-top: -12px;
    background-image: url(../graphics/vector_sprites.svg);
    background-position: 0 -300px;
}

a.txtLink,
.offerInner .returnLinkWrapper .returnLink {
    font-weight: 400;
    color: #0A0A0A;
    text-underline-offset: 5px;
}

a.txtLink:hover,
.offerInner .returnLinkWrapper .returnLink:hover {
    color: #b0a693;
}

/*Slick Styles*/
.slick-arrow,
.boxLayout.contentWrapper .box.slideshowBox .slick-arrow,
.roomBoxesWrapper .roomBox .slick-arrow {
    width: 50px;
    height: 50px;
    margin-top: -8px;
    border: 2px solid #b0a693;
    border-bottom: 0;
    position: absolute;
    bottom: 0;
    left: 30px;
    z-index: 9;
    cursor: pointer;
    padding: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border-radius: 50% 50% 0 0;
}

.slick-arrow {
    background: #fff;
}

.slick-prev.slick-arrow,
.boxLayout.contentWrapper .box.slideshowBox .slick-prev.slick-arrow,
.roomBoxesWrapper .roomBox .slick-prev.slick-arrow {
    border-top: 0;
    border-bottom: 2px solid #b0a693;
    margin-bottom: -50px;
    border-radius: 0 0 50% 50%;
    border-top: 0;
}

button.slick-arrow:after,
.boxLayout.contentWrapper .box.slideshowBox button.slick-arrow:after,
.roomBoxesWrapper .roomBox button.slick-arrow:after {
    width: 28px;
    background-position: -132px -297px;
    left: 10px;
    margin-top: -4px;
}

button.slick-prev.slick-arrow:after,
.boxLayout.contentWrapper .box.slideshowBox button.slick-prev.slick-arrow:after,
.roomBoxesWrapper .roomBox button.slick-prev.slick-arrow:after {
    transform: rotate(180deg);
    left: initial;
    right: 9px;
    background-position: -132px -297px;
    margin-top: -18px
}

.slick-arrow:after {
    content: "";
}

.change-order:not(.roomWrapper) .boxLayout .slick-arrow,
.highlightbox .boxLayout .slick-arrow {
    left: initial;
    right: 30px;
}

.change-order-d .boxLayout .slick-arrow,
.highlightbox.change-order .boxLayout .slick-arrow,
.highlightbox.change-order-d .boxLayout .slick-arrow {
    right: inherit;
    left: 30px;
}

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

.bg2 .slick-arrow,
.bg2 .boxLayout .box.slideshowBox .slick-arrow {
    border-color: #b0a693;
}

.bg3 .slick-arrow,
.bg3 .boxLayout .box.slideshowBox .slick-arrow {
    border-color: #f7f3ec;
}

.bg1 button.slick-arrow:after,
.bg1 .boxLayout.contentWrapper .box.slideshowBox button.slick-arrow:after,
.bg2 button.slick-arrow:after,
.bg2 .boxLayout.contentWrapper .box.slideshowBox button.slick-arrow:after {
    background-position: -132px -416px;
}

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

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

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

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

.bg2 ul.slick-dots li button,
.bg3 ul.slick-dots li button {
    border-color: #fff
}

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

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

/*Accordion Styles*/
[data-accordion] [data-control] {
    position: relative;
    padding: 6px;
    padding-left: 5px;
    padding-right: 25px;
    text-align: center;
    font-size: 1.2rem;
}

[data-accordion] [data-control] span {
    background-color: #fff;
    padding: 0px 8px;
    z-index: 1;
    position: relative;
    display: inline-block;
    font-weight: 400;
}

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

[data-accordion]>[data-control]:after {
    content: "";
    width: 35px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 0;
    z-index: 10;
    cursor: pointer;
    background-color: #fff;
    background-image: url(../graphics/vector_sprites.svg);
    background-position: -423px -603.5px;
}

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

.bg2 [data-accordion]>[data-control]:after,
.bg3 [data-accordion]>[data-control]:after {
    background-position: -243px -603.5px;
}

.bg2 [data-accordion].open>[data-control]:after,
.bg3 [data-accordion].open>[data-control]:after {
    background-position: -279px -603.5px;
}

[data-accordion]>[data-control]:before {
    content: "";
    width: 100%;
    background-color: #b0a693;
    height: 1px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    box-sizing: border-box;
}

/*Tabs Styles*/
.tabs>[data-control] button {
    border: 0;
    cursor: pointer;
    position: relative;
    margin-right: 10px;
    margin-bottom: 8px;
    background-color: #a4ae9a;
    padding: 10px 10px 10px 10px;
    text-align: left;

}

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

.tabs>[data-control] button.active,
.tabs>[data-control] button:hover {
    background: #4a5c35;
}

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

.tabs>[data-control] button:before {
    content: "";
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-left: +2px;
    background-image: url(../graphics/vector_sprites.svg);
    background-position: -276px -700px;
    margin-bottom: -4px;
}

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

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

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

.SiTable table tr:nth-child(1) {
    background: #4a5c35;
    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,
.scrolled.home .resMenu {
    position: fixed;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.85);
    width: 100%;
    height: 55px;
    z-index: 1000;
    top: 0;
    left: 0;
    padding: 6px 0;
}

.home .resMenu {
    background: transparent;
}

.SiMenuOpen .resMenu,
.SiMenuOpen.scrolled.home .resMenu {
    background: transparent;
    width: calc(100% - 65px);
    margin-left: 65px;
    display: block;
    border-bottom: none;
}

.resMenu button.SiMenuToggle {
    position: absolute;
    left: 5px;
    top: 5px;
    height: 55px;
    width: 55px;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    border-radius: 0;
    background: #4a5c35;
    color: #fff;
    padding: 12px;
    font-size: 11px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.SiMenuOpen .resMenu button.SiMenuToggle {
    display: none;
}

.showHeaderSlider.headerPortraitActive .resMenu button.SiMenuToggle,
.home .showHeaderSlider .resMenu button.SiMenuToggle {
    background: #fff;
    color: #4a5c35;
}

.scrolled .showHeaderSlider.headerPortraitActive .resMenu button.SiMenuToggle,
.home.scrolled .showHeaderSlider .resMenu button.SiMenuToggle {
    background: #4a5c35;
    color: #fff;
}

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

.resMenu button.SiMenuToggle .linesWrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

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

.showHeaderSlider.headerPortraitActive .resMenu button.SiMenuToggle .line,
.home .showHeaderSlider .resMenu button.SiMenuToggle .line {
    background: #4a5c35;
}

.scrolled .showHeaderSlider.headerPortraitActive .resMenu button.SiMenuToggle .line,
.home.scrolled .showHeaderSlider .resMenu button.SiMenuToggle .line {
    background: #fff;
}

.resMenu button.SiMenuToggle .line:nth-child(2) {
    width: 100%;
}

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

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

.resMenu a.button:first-child,
.resMenu a.button:nth-child(2) {
    display: inline-block;
}

.resMenu a.phone,
.SiMenu .topBar a.phone:before {
    background-image: url(../graphics/vector_sprites.svg);
    background-position: -840px -320px;
    text-decoration: none;
    width: 50px;
    height: 50px;
    display: inline-block;
}

.resMenu a.phone {
    font-size: 0;
    position: fixed;
    bottom: 3vh;
    right: 6px;
    visibility: hidden;
}

.scrolled .resMenu a.phone {
    visibility: visible;
}

.SiMenuOpen .resMenu a.phone {
    display: none;
}

.resMenu .topBar {
    position: absolute;
    right: 6px;
}

.scrolled .resMenu,
.scrolled.home .resMenu,
.SiMenuOpen .resMenu {
    top: 0;
    padding: 6px 0;
    -webkit-box-shadow: 0 5px 5px rgb(0 0 0 / 15%);
    box-shadow: 0 5px 5px rgb(0 0 0 / 15%);
}


/*Menu Styles*/
.sc-menu a {
    text-decoration: none;
    display: block;
    text-transform: uppercase;
    padding: 10px 25px;
    font-weight: 600;
    font-size: 1rem;
    color: #f7f3ec;
}

.sc-menu a b {
    text-transform: none;
    display: block;
    font-weight: 400;
}

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

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

.SiMenu.active {
    display: block;
    background: #4a5c35;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 999;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 65px 5% 10vh 5%;
    text-align: center;
    margin: auto;
    width: 100%;
    overflow: hidden;
}

.sc-menu li.submenuarrow {
    position: relative;
}

/*
.sc-menu li.submenuarrow:after {
    content: "";
    position: absolute;
    right: 0;
    top: 42px;
    height: 20px;
    width: 20px;
    margin-top: -10px;
    background-image: url(../graphics/vector_sprites.svg);
    background-position: -260px -608px;
}*/

.SiMenu ul.sc-menu {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.sc-menu a:hover,
.sc-menu li.submenuarrow:hover:after,
.sc-menu li.current-menu-parent.submenuarrow:after,
.sc-menu li.submenuActive>a,
.sc-menu li.submenuarrow.submenuActive:after,
[class*=menu-hauptmenue] .current-menu-parent a,
[class*=menu-hauptmenue] .current-menu-parent ul li.current-menu-item a,
[class*=menu-hauptmenue] .current-menu-item>a {
    opacity: 1;
}

.sc-menu a,
.sc-menu li.submenuarrow:after,
[class*=menu-hauptmenue] .current-menu-parent ul li a {
    opacity: 0.6;
}

body.SiMenuOpen {
    overflow: hidden;
}

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

.SiMenu .sc-menu li ul li a {
    text-transform: none;
    font-weight: 400;
    border-bottom: 0;
    padding: 5px 0;
    font-size: 1rem;
    color: b0a693;
}

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

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

.SiMenu li>ul.active {
    display: block;
    padding: 5px 0;
}

.SiMenu .sc-menu li a,
.SiMenu li>ul.active {
    border-bottom: 1px solid #b0a693;
}

.SiMenu ul.sc-menu>li:first-child a {
    border-top: 1px solid #b0a693;
}

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

.SiMenu button:focus {
    outline: none;
}

.SiMenu button.close-button {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 55px;
    height: 55px;
    font-size: 11px;
    -webkit-filter: initial;
    filter: initial;
    z-index: 50;
    cursor: pointer;
    border-radius: 0;
    background: #a4ae9a;
    padding-top: 19px;
}

.SiMenu button.close-button::before,
.SiMenu button.close-button::after {
    content: " ";
    width: 23px;
    height: 2px;
    background: #fff;
    display: block;
    position: absolute;
    left: 16px;
    top: 18px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.SiMenu button.close-button::after {
    bottom: -8px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

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

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

.sc-menu a:hover .submenu-button,
.hasSubmenu.submenuActive .submenu-button,
.sc-menu li a[aria-current] .submenu-button {
    border-color: #0A0A0A;
}

.SiMenu .menuHeader {
    margin-bottom: 6vh;
    margin-top: 6vh;
}

.SiMenu .menuHeader img {
    width: 20vh;
    height: auto;
}

.SiMenu .topBar a.phone {
    margin-top: 15% !important;
}

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

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

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

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

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

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

/*Main Logo Styles*/
.MainLogo .menuLogo {
    display: none;
}

header .MainLogo {
    display: block;
    width: 100%;
    top: 0;
    margin: 0 auto;
    position: relative;
    z-index: 999;
    height: auto;
    left: initial;
    margin-top: 67px;
    padding-top: 6px;
    padding-bottom: 12px;
    max-width: 50%;
}

header .MainLogo img {
    margin: auto;
    display: block;
    width: 100%;
    height: auto;
    height: 70px;
}

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

.home header .MainLogo:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    z-index: 10;
    background-image: url(../graphics/vector_logo-negative.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.home .MainLogo {
    position: absolute;
    z-index: 30;
    bottom: 12vh;
    bottom: calc(calc(var(--vh, 1vh) * 12) - 0px);
    top: inherit;
    left: inherit;
    right: 50%;
    width: 200px;
    height: 180px;
    margin: 0;
    margin-right: -92.5px;
    max-width: inherit;
}

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

.home header .sc-language-selector,
.home header .sc-language-selector a {
    color: #fff;
}

.sc-language-selector a,
.menuLanguageSelector a,
.home.scrolled header .sc-language-selector a, .menuLanguageSelector a:hover:after, .sc-language-selector a:hover:after {
    text-decoration: none;
    text-transform: uppercase;
    color: #b0a693
}

.home.scrolled header .sc-language-selector a:hover,
.home.scrolled header .sc-language-selector .wpml-ls-current-language a,
.sc-language-selector a:hover,
.menuLanguageSelector a:hover,
.sc-language-selector .wpml-ls-current-language a,
.menuLanguageSelector .wpml-ls-current-language a {
    color: #0A0A0A;
}

.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: 6px;
}

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

.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 {
    top: 75px;
    right: 6px;
}

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

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

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

.headerSlider .slick-arrow {
    bottom: calc(50px + 5vh);
    left: 30px;
}

.home .headerSlider .slick-arrow {
    visibility: hidden;
}

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

/*Fullscreen Header Slider Styles*/
.showHeaderSlider.headerPortraitActive .headerSlider .sc-slideshow img {
    height: calc(100vh - 67px);
    height: calc(calc(var(--vh, 1vh) * 100) - 67px);
    overflow: hidden;
}

.home .showHeaderSlider .headerSlider .sc-slideshow img,
.home .showHeaderSlider.headerPortraitActive .headerSlider .sc-slideshow img,
.showHeaderVideo .headerVideo {
    height: calc(100vh - 0px);
    height: calc(calc(var(--vh, 1vh) * 100) - 0px);
    overflow: hidden;
}

.showHeaderSlider .arrowDown {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 25px;
    left: 50%;
    margin-left: -14px;
    z-index: 5;
    cursor: pointer;
    height: 55px;
    width: 28px;
    display: none;
}

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

.arrowDown,
.showHeaderSlider .arrowDown,
.home .showHeaderSlider .arrowDown,
.showHeaderVideo .arrowDown,
.home .showHeaderVideo .arrowDown {
    display: none;
}

/*.showHeaderSlider .arrowDown .chevron {
    position: absolute;
    width: 28px;
    height: 2px;
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
    -webkit-animation: move 3s ease-out infinite;
    animation: move 3s ease-out infinite;
}

.showHeaderSlider .arrowDown .chevron:first-child {
    -webkit-animation: move 3s ease-out 1s infinite;
    animation: move 3s ease-out 1s infinite
}

.showHeaderSlider .arrowDown .chevron:nth-child(2) {
    -webkit-animation: move 3s ease-out 2s infinite;
    animation: move 3s ease-out 2s infinite
}

.showHeaderSlider .arrowDown .chevron:before,
.showHeaderSlider .arrowDown .chevron:after {
    content: ' ';
    position: absolute;
    top: 0;
    height: 100%;
    width: 51%;
    background: #fff;
}

.showHeaderSlider .arrowDown .chevron:before {
    left: 0;
    -webkit-transform: skew(0deg, 30deg);
    -ms-transform: skew(0deg, 30deg);
    transform: skew(0deg, 30deg);
}

.showHeaderSlider .arrowDown .chevron:after {
    right: 0;
    width: 50%;
    -webkit-transform: skew(0deg, -30deg);
    -ms-transform: skew(0deg, -30deg);
    transform: skew(0deg, -30deg);
}*/

@-webkit-keyframes move {
    25% {
        opacity: 1
    }

    33% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    67% {
        opacity: 1;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
        transform: translateY(55px) scale3d(0.5, 0.5, 0.5)
    }
}

@keyframes move {
    25% {
        opacity: 1
    }

    33% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }

    67% {
        opacity: 1;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
        transform: translateY(55px) scale3d(0.5, 0.5, 0.5)
    }
}

/*Fullscreen HeaderSlider END*/



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

.footer {
    text-align: center;
    clear: both;
}

.footer address {
    font-style: normal;
}

.footer address,
.footer address a,
.footer address .bg2 {
    color: #f2eadf;
    text-decoration: none;
}

/*.footer address a {
    line-height: 50px;
}*/

.footer address a.phone:before,
.footer address a.mail:before {
    content: "";
    display: inline-block;
    height: 35px;
    width: 35px;
    margin-right: 12px;
    background-image: url(../graphics/vector_sprites.svg);
    background-position: -280px -10px;
    margin-bottom: -17px;
}

.footer address a.mail:before {
    background-position: -340px -14px;
    margin-bottom: -18px;
}

.footer address a.phone:hover,
.footer address a.mail:hover {
    text-decoration: underline;
}

.footer address .box,
.threeBoxes .box {
    border-bottom: 1px solid #f2eadf;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.bg1 .threeBoxes .box {
    border-color: #9A8978;
}

.footer address .box:last-child,
.threeBoxes .box:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.footer address img.logoFooter {
    width: 360px !important;
    max-width: 55% !important;
    height: auto !important;
    margin: auto;
    margin-top: 0;
    margin-bottom: 30px;
    display: block;
}

.footer address .footerButtons a {
    background-image: url(../graphics/vector_sprites.svg);
    width: 50px;
    height: 50px;
    display: inline-block;
    background-position: -600px -480px;
    margin: 0 5px;
    text-decoration: none;
    box-sizing: border-box;
}

.footer address .footerButtons a:hover {
    background-color: #a4ae9a;
    border-radius: 50%;
}

.footer address .footerButtons a.instagram {
    background-position: -660px -480px;
}

.footer address .footerButtons a.webcam {
    background-position: -720px -480px;
}

.footer address .footerButtons a.weather {
    background-position: -780px -480px;
}

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

/*Quickrequest*/
.sc-quickInquiry {
    justify-content: space-between;
}

.quickrequest .sc-quickInquiry input {
    font-weight: 400;
    font-size: 1.1rem;
    opacity: 0.4;
    display: block;
    margin-top: 5px;
    padding: 0;
    text-align: left;
}

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

.quickrequest .sc-quickInquiry .sc-quickformArrival,
.quickrequest .sc-quickInquiry .sc-quickformDeparture,
.quickrequest .sc-quickInquiry .sc-quickformAdults,
.quickrequest .sc-quickInquiry .sc-quickformChildren {
    text-align: left;
    width: 48%;
}

.quickrequest .sc-quickInquiry>div label {
    padding: 0;
    padding-bottom: 10px;
    font-weight: 400;
    color: #b0a693;
    letter-spacing: 0;
    font-size: 1rem;
}

.quickrequest .sc-quickInquiry .sc-quickformArrival,
.quickrequest .sc-quickInquiry .sc-quickformDeparture,
.quickrequest .sc-quickInquiry .sc-quickformAdults,
.quickrequest .sc-quickInquiry .sc-quickformChildren {
    border-right: 0;
    border-bottom: 1px solid #f7f3ec;
    margin-bottom: 30px;
}

.quickrequest .sc-quickInquiry label:before {
    content: "";
    position: absolute;
    background-image: url(../graphics/vector_sprites.svg);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: -47px -229px;
    right: 0;
    bottom: 10px;
    z-index: 5;
    display: inline-block;
}

.quickrequest .sc-quickInquiry .sc-quickformArrival label:before,
.quickrequest .sc-quickInquiry .sc-quickformDeparture label:before {
    background-position: 0 -229px;
}

.quickrequest .sc-quickInquiry .sc-quickformChildren label:before {
    background-position: -107px -229px;
}

.quickrequest .sc-quickInquiry .sc-quickInquiryLabelWrapper {
    -webkit-box-shadow: 0 0.5rem 0.5rem rgb(0 0 0 / 20%);
    box-shadow: 0 0.5rem 0.5rem rgb(0 0 0 / 20%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.quickrequest .sc-quickInquiry .sc-quickformSubmit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
}

.quickrequest .sc-quickInquiry .sc-quickformSubmit button {
    margin: auto;
}

.quickrequest .sc-quickInquiry .sc-selectValuesAdults button,
.quickrequest .sc-quickInquiry .sc-selectValuesChildren button {
    background: #f0ece6;
    color: #9a8978;
}

.quickrequest .sc-quickInquiry .sc-selectValuesAdults button:hover,
.quickrequest .sc-quickInquiry .sc-selectValuesChildren button:hover {
    background: #C0B5A7;
    color: #fff;
}

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

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
    background: #f7f3ec;
    border-color: #f7f3ec;
    color: #9a8978;
}

/*Quicklinks*/
.quickLinkButtons .fullWidth>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
}

.quickLinkButtons .fullWidth>div a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.quickLinkButtons .fullWidth>div a:before {
    content: "";
    display: block;
    background-image: url(../graphics/vector_sprites.svg);
    width: 60px;
    height: 55px;
    margin-bottom: 10px;
    background-position: -147px -138px;
}

.quickLinkButtons .fullWidth>div a.weather:before {
    background-position: -225px -138px;
}

.quickLinkButtons .fullWidth>div a.newsletter:before {
    background-position: -398px -132px;
}

.quickLinkButtons .fullWidth>div a.reviews:before {
    background-position: -311px -138px;
}

.quickrequest .bestPriceBtn {
    width: 115px;
    height: 115px;
    border-radius: 79px;
    display: flex;
    background: #4a5c35;
    color: #fff;
    align-items: center;
    justify-content: center;
    font-family: "BlackJack";
    line-height: 1.1;
    font-size: 24px;
    margin-left: auto;
    position: relative;
    right: 20px;
    margin-bottom: 26px;
    rotate: 10deg;
}

/*SEO Boxes Styles*/
.seoBoxes {
    position: relative;
}

.seoBoxes .box {
    cursor: pointer;
    position: relative;
}

.seoBoxesWrapper .box .headline {
    background: #fff;
    padding: 6% 2.5%;
    position: absolute;
    box-sizing: border-box;
    bottom: 50px;
    margin-bottom: 0;
    left: 20%;
    width: 60%;
    font-size: 1rem;
    text-align: center;
    -webkit-transition: margin .5s ease;
    -o-transition: margin .5s ease;
    transition: margin .5s ease;
}

.seoBoxesWrapper .box:hover .headline {
    margin-bottom: 10px;
}

.seoBoxesWrapper .box .headline span,
.roomBox .roomWrapper h3 {
    display: block;
    font-size: 1.25rem;
    color: #b0a693;
    margin-top: 10px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
}

.roomBox .roomWrapper h3 {
    font-size: 2.5rem;
    margin-bottom: 0;
}

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

.noQuickrequest .seoBoxesWrapper {
    margin-bottom: 0;
}

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

/*Partner Styles*/
.partner a {
    background-image: url(../graphics/partners.png);
    display: inline-block;
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0 1.5%;
    height: 35px;
    background-size: 250px 500px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.partner br {
    display: none;
}

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

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

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

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

.partner .suedtirol {
    background-position: 0 -102px;
    width: 51px;
    height: 40px;
}

.partner .san_vigilio {
    background-position: -102px -196px;
    width: 57px;
    height: 40px;
}

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

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

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

.anchorMenuWrapper a.sianchorActive {
    opacity: 1;
}

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

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


@media (max-width: 350px) {
    h2 {
        font-size: 34px;
    }
}

@media (max-width: 994px) {
    div:not(.highlightbox) .boxLayout .box.slideshowBox .slick-arrow {
        bottom: 30px;
    }
}


@media (min-width: 700px) {
    .quickLinkButtons .fullWidth>div a {
        width: 25%;
        margin: 0 auto;
    }

    /*fullWidthSliderBox Styles*/
    .fullWidthSliderBox .slick-list {
        margin-left: -10px;
        margin-right: -10px;
    }

    .fullWidthSliderBox .slick-slide {
        margin-left: 10px;
        margin-right: 10px;
    }

    /*SEO Boxes Styles*/
    .seoBoxes,
    .listBox .rotatingListbox .slick-list {
        margin-left: -15px;
        margin-right: -15px;
    }

    .seoBoxes .slick-slide,
    .listBox .rotatingListbox .slick-slide {
        padding-left: 15px;
        padding-right: 15px;
    }
}

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

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

    .padding-top-l,
    .showHeaderSlider .sc-masterContainer,
    .seoBoxesWrapper,
    .listBoxWrapper .listBox {
        padding-top: 150px;
    }

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

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

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

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

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

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

    .padding-bottom-l,
    .seoBoxesWrapper,
    .listBoxWrapper .listBox,
    div[class*='bg'] .roomBox {
        padding-bottom: 150px;
    }

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

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

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

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

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

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

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

    .margin-top-m,
    .listBoxWrapper .txtLinkWrapper {
        margin-top: 100px;
    }

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

    .margin-top-xs,
    .seoBoxesWrapper .box,
    .listBox .rotatingListbox .sc-readmore a,
    .offerInner .offertextBox .postPriceWrapper .headline,
    .error404 .sc-masterContainer a.button {
        margin-top: 30px;
    }

    .margin-top-xxs,
    .offerBoxesWrapper article .txtWrapper,
    .offerBoxesWrapper article .sc-readmore,
    .offerInner .buttonsWrapper a {
        margin-top: 15px;
    }

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

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

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

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

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

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

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

    html,
    body,
    h1,
    .t1,
    button,
    .roomBox .roomWrapper .t4,
    .txtLink,
    .offerInner .returnLinkWrapper .returnLink {
        font-size: 20px;
    }

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

    h2 span {
        color: #b0a693;
    }

    h3,
    .t3,
    .offerBoxesWrapper article .offerTitle .headline,
    .offerInner .offertextBox .postPeriodWrapper .headline,
    .offerInner .offertextBox .postPriceWrapper .headline {
        font-size: 40px;
        margin-bottom: 23px;
    }

    h4,
    .t4,
    .quickLinkButtons .fullWidth>div,
    .quickLinkButtons .fullWidth>div a {
        font-size: 25px;
    }

    button,
    .button,
    .listBox .rotatingListbox .sc-readmore a {
        padding: 20.5px 30px;
        line-height: 1.6;
    }

    .sc-layout {
        padding: 50px;
        padding-bottom: 0;
    }

    .SiMenuOpen .sc-layout {
        padding: 0;
    }

    .widthWrapper,
    .contentWrapper,
    .sc-header,
    .offerInner .boxLayout,
    .offerInner .returnLinkWrapper .txtLinkWrapper {
        width: 100%;
    }

    .fullWidth .widthWrapper {
        width: 90%;
    }

    .fullWidth.highlightbox[class*='bg'] .widthWrapper {
        width: calc(100% - 60px);
        margin-left: 40px;
    }

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

    /*Header Slider Styles*/
    .headerSlider .slick-arrow {
        bottom: calc(75px + 5vh);
        left: initial;
        right: 3%;
    }

    .sc-language-selector,
    .home .sc-language-selector,
    .menuLanguageSelector {
        z-index: 10001;
        top: 75px;
        right: 450px;
    }

    .home .sc-language-selector,
    .SiMenuOpen .sc-language-selector,
    .SiMenuOpen.home.scrolled .sc-language-selector,
    .SiMenuOpen.scrolled .sc-language-selector {
        visibility: hidden;
    }

    .scrolled .sc-language-selector,
    .home.scrolled .sc-language-selector {
        top: 30px;
        visibility: visible;
    }

    .menuLanguageSelector {
        margin-right: 50px;
        top: 130px;
    }

    .slick-arrow {
        width: 75px;
        height: 75px;
        bottom: 4px;
    }

    .slick-prev.slick-arrow {
        margin-bottom: -75px;
    }

    button.slick-arrow:after {
        width: 51px;
        background-position: -110px -296px;
        margin-top: 0;
    }

    button.slick-prev.slick-arrow:after {
        background-position: -111px -297px;
        margin-top: -20px;
    }

    .bg1 button.slick-arrow:after,
    .bg1 .boxLayout.contentWrapper .box.slideshowBox button.slick-arrow:after,
    .bg2 button.slick-arrow:after,
    .bg2 .boxLayout.contentWrapper .box.slideshowBox button.slick-arrow:after {
        background-position: -110px -416px;
    }

    ul.slick-dots {
        bottom: -55px;
        text-align: left;
        margin-left: 150px;
        width: calc(100% - 150px);
    }

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

    .seoBoxes ul.slick-dots {
        margin-left: 0;
        width: 100%;
        text-align: center;
    }

    [data-accordion] [data-control] span {
        padding: 0 20px;
    }

    [data-accordion] [data-control] {
        padding-left: 15px;
        padding-right: 45px;
    }

    .resMenu {
        top: 50px;
    }

    .home .resMenu {
        top: 75px;
        left: 0;
    }

    .resMenu,
    .scrolled.home .resMenu {
        height: 75px;
        left: 0;
        padding: 0;
        padding-bottom: 50px;
    }

    .showHeaderSlider .resMenu,
    .scrolled .resMenu {
        border-bottom: 0;
    }

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

    .resMenu a.button {
        height: 75px;
    }

    .resMenu button.SiMenuToggle {
        height: 75px;
        width: 75px;
        font-size: 18px;
        padding: 19px;
        left: 50px;
        top: 0;
        font-size: 0.7rem;
    }

    .scrolled .resMenu button.SiMenuToggle {
        top: 6px;
    }

    .resMenu button.SiMenuToggle .line {
        margin-bottom: 6px;
    }

    body.home:not(.scrolled) .resMenu button.SiMenuToggle {
        left: 75px;
    }

    .resMenu .topBar {
        position: absolute;
        right: 50px;
    }

    body.home:not(.scrolled) .resMenu .topBar {
        right: 75px;
    }

    .resMenu a.phone {
        display: none;
    }

    .SiMenu.active {
        top: 0;
        border: 50px solid #fff;
    }

    .sc-menu a {
        font-size: 1.5rem;

    }

    .sc-menu a b {
        font-size: 1.5rem;
    }

    .SiMenu button.close-button {
        height: 75px;
        width: 75px;
        font-size: 18px;
        left: 50px;
        top: 50px;
        padding-top: 26px;
        font-size: 0.7rem;
    }

    .SiMenu button.close-button::before,
    .SiMenu button.close-button::after {
        width: 30px;
        left: 22px;
        top: 26px;
    }

    .SiMenuOpen .resMenu,
    .SiMenuOpen.scrolled.home .resMenu {
        width: auto;
        margin-left: 0;
        left: 200px;
        top: 100px;
    }

    .SiMenuOpen .resMenu,
    .SiMenuOpen .menuLanguageSelector {
        visibility: hidden;
    }

    .SiMenu .menuHeader {
        width: 25%;
        margin: auto;
        margin-left: 0;
        top: 50%;
        position: absolute;
        transform: translate(0, -50%);
    }

    .SiMenu .menuHeader img {
        width: 275px;
        max-width: 100%;
    }

    nav:not(.SiMenuDesktop) [class*=menu-hauptmenue] {
        width: 60%;
        left: 34%;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        text-align: left;
        overflow: initial;
        height: auto;
    }

    .SiMenu .sc-menu li a,
    .SiMenu li>ul.active,
    .SiMenu ul.sc-menu>li:first-child a {
        border-top: 0;
        border-bottom: 0;
    }

    .SiMenu ul.sc-menu {
        max-width: 100%;
        border-left: 1px solid #b0a693;
        padding-left: 6%;
        font-size: 1.8rem;

    }

    .sc-menu a {
        padding-left: 0;
        padding-right: 0;
    }


    .SiMenu li>ul.active {
        margin-left: 10%;
        position: fixed;
        top: 50%;
        transform: translate(0, -50%);
        left: calc(310px + 6%);
        padding-left: 6%;
        border-left: 1px solid #b0a693;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .SiMenu .sc-menu>li {
        width: 310px;
        color: #b0a693;
    }

    .sc-menu li.submenuarrow:after {
        top: 50%;
    }

    .SiMenu .sc-menu li ul li.current-menu-item,
    .SiMenu .sc-menu li ul li:hover {
        list-style-type: disc;
    }


    .SiMenu ul.sub-menu.active li a {
        opacity: 1;
    }

    .SiMenuOpen .resMenu .topBar {
        position: fixed;
        right: 100px;
        display: flex;
    }

    .SiMenuOpen.home .resMenu .topBar {
        right: 100px;
    }

    header .MainLogo,
    .home.scrolled header .MainLogo,
    .home .MainLogo {
        z-index: 1001;
    }

    header .MainLogo,
    .home.scrolled header .MainLogo {
        position: fixed;
        top: 50px;
        margin: 0;
        padding: 0;
        left: 170px;
        width: 90px;
        height: 70px;
    }

    .scrolled header .MainLogo,
    .home.scrolled header .MainLogo {
        top: 6px;
    }

    header .MainLogo img {
        max-width: 100%;
    }

    .home .MainLogo {
        width: 370px;
        height: 240px;
        margin-right: -185px;
    }

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

    .home header .MainLogo:after {
        background-size: 370px 240px;
    }

    /*Home Sticky Logo*/
    .home.scrolled header .MainLogo:after {
        opacity: 0;
    }

    .home.scrolled header .MainLogo a {
        display: block;
    }

    .resMenu,
    header .MainLogo,
    .resMenu button.SiMenuToggle,
    .sc-language-selector,
    .home .sc-language-selector {
        -webkit-transition: top .5s ease;
        -o-transition: top .5s ease;
        transition: top .5s ease;
    }

    .showHeaderSlider .headerSlider {
        margin-top: 125px;
    }

    .home .showHeaderSlider .headerSlider {
        margin-top: 0;
    }

    .home .showHeaderSlider .headerSlider .sc-slideshow img,
    .home .showHeaderSlider.headerPortraitActive .headerSlider .sc-slideshow img,
    .showHeaderVideo .headerVideo {
        height: calc(100vh - 100px);
        height: calc(calc(var(--vh, 1vh) * 100) - 100px);
        overflow: hidden;
    }

    .home .headerSlider .slick-arrow {
        visibility: visible;
    }

    .boxLayout,
    .offerBoxesWrapper {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

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

    .boxLayout .box {
        width: 47.5%;
    }

    .roomBox .roomWrapper .box.textBox {
        margin-top: 0;
        margin-left: 30px;
    }

    /*TwoImagesSlider Styles*/
    .twoImagesSlider .boxLayout.widthWrapper .box {
        width: 35%;
    }

    .twoImagesSlider .boxLayout.widthWrapper .box.slideshowBox {
        width: 60%;
    }

    .twoImagesSlider .slick-list {
        margin-left: -32px;
        margin-right: -32px;
    }

    .twoImagesSlider .slick-slide {
        margin-left: 32px;
        margin-right: 32px;
        margin-bottom: 70px;
    }

    .twoImagesSlider .slick-slide:nth-child(odd) {
        margin-top: 70px;
    }

    /*fullWidthSliderBox Styles*/
    .fullWidthSliderBox>div {
        margin-bottom: 75px;
    }

    .fullWidthSliderBox .slick-list {
        margin-left: -32px;
        margin-right: -32px;
    }

    .fullWidthSliderBox .slick-slide {
        margin-left: 32px;
        margin-right: 32px;
    }

    /*Highlightbox Styles*/
    .highlightbox .boxLayout {
        flex-direction: column;
        align-items: initial;
    }

    .highlightbox .boxLayout .box {
        width: 100%;
    }

    .highlightbox .boxLayout .box.textBox div[class*='bg'] {
        margin-left: 0;
    }

    .highlightbox .boxLayout {
        margin-left: 0;
    }

    .highlightbox.change-order .boxLayout,
    .highlightbox.change-order-d .boxLayout {
        margin-right: 0;
    }

    .highlightbox .boxLayout .box.textBox {
        margin-left: 0;
        padding-right: 0;
    }

    .highlightbox .boxLayout .box.textBox div[class*='bg'],
    .highlightbox:nth-child(odd) .boxLayout .box.textBox div[class*='bg'] {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        box-sizing: border-box;
    }

    .highlightbox .boxLayout .box.textBox div[class*='bg'] {
        margin-top: 30px;
    }

    .fullWidth.highlightbox[class*='bg'] .widthWrapper {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .highlightbox[class*='bg'] .boxLayout .box.slideshowBox {
        margin-left: 0;
    }

    .highlightbox[class*='bg'] .boxLayout .box.textBox div[class*='bg'] {
        margin-left: -30px;
    }

    .highlightbox .txtLinkWrapper {
        padding-top: 35px;
        margin-top: 20px;
    }

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

    .review::before {
        left: 10px;
        top: 10px;
    }

    /*Room Styles*/
    .roomBox .roomWrapper {
        margin-bottom: 50px;
    }

    .roomBox .roomWrapper .box.textBox .box {
        width: 100%;
    }

    .roomBox .roomWrapper .eyecatcherBtn {
        right: initial;
        left: 15px;
        top: 0;
        font-size: 1.2rem;
    }

    /* List Inner Styles */
    .single.single-angebote .fullWidth>div:not(.contentWrapper):not(.widthWrapper) .boxLayout .box.offertextBox {
        padding-left: 0;
        padding-right: 0;
    }

    /*Quickrequest Styles*/
    .quickrequest .sc-quickInquiry .sc-quickformSubmit {
        display: block;
        margin-top: 60px;
    }

    .quickrequest .sc-quickInquiry .sc-quickformSubmit button {
        width: auto;
        margin: 0 10px;
    }

    .quickrequest .fullWidth .t3 {
        margin-bottom: 60px;
    }

    .quickrequest .sc-quickInquiry .sc-quickInquiryLabelWrapper {
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .quickrequest .sc-quickInquiry>div label {
        padding: 0 20px 20px 20px;
        border-bottom: 2px solid #C0B5A7;
    }

    .quickrequest .sc-quickInquiry label:before {
        bottom: 20px;
        right: 20px;
    }

    .quickrequest .sc-quickInquiry .sc-quickformArrival,
    .quickrequest .sc-quickInquiry .sc-quickformDeparture,
    .quickrequest .sc-quickInquiry .sc-quickformAdults,
    .quickrequest .sc-quickInquiry .sc-quickformChildren {
        border-color: #ffff;
        border-width: 8px;
        width: 23%;
        margin-bottom: 0;
    }

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

    .quickrequest .bestPriceBtn {
        width: 150px;
        height: 150px;
        font-size: 33px;
        right: 10%;
        margin-bottom: 0px;
        top: -75px;
        position: relative;
    }

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

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

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

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

    .partner .suedtirol {
        background-position: 0 -203px;
        width: 102px;
        height: 80px;
    }

    .partner .san_vigilio {
        background-position: -203px -392px;
        width: 114px;
        height: 80px;
    }

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

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

    .footer address a.phone:before,
    .footer address a.mail:before {
        content: "";
        display: inline-block;
        height: 45px;
        width: 50px;
        margin-right: 12px;
        background-image: url(../graphics/vector_sprites.svg);
        background-position: 7px -140px;
        margin-bottom: -17px;
    }

    .footer address a.mail:before {
        background-position: -65px -140px;
        margin-bottom: -18px;
    }
}

@media (min-width: 1200px) {

    div.fullwidth:not(.highlightbox) .boxLayout.widthWrapper .box,
    .widthWrapper:not(.highlightbox):not(.roomWrapper) .boxLayout:not(.listContainer) .box {
        width: calc(45% - 30px);
    }

    div.fullwidth:not(.highlightbox) .boxLayout.widthWrapper .box:nth-child(1),
    .widthWrapper:not(.highlightbox):not(.roomWrapper) .boxLayout:not(.listContainer) .box:nth-child(1) {
        width: calc(55% - 30px);
    }

    .listContainer.boxLayout .box,
    .offerBoxesWrapper article {
        width: calc(33.333% - 66.66px);
    }

    /*SEO Boxes Styles*/
    .seoBoxes,
    .listBox .rotatingListbox .slick-list {
        margin-left: -30px;
        margin-right: -30px;
    }

    .seoBoxes .slick-slide,
    .listBox .rotatingListbox .slick-slide {
        padding-left: 30px;
        padding-right: 30px;
    }

    .seoBoxes .slick-slide {
        -webkit-transition: margin 0.8s ease-out;
        transition: margin 0.8s ease-out;
        -o-transition: margin 0.8s ease-out;
        margin-bottom: 60px;
    }

    .seoBoxes .slick-slide:nth-child(even) {
        margin-top: 60px;
        margin-bottom: 0;
    }

    .seoBoxesWrapper>div {
        position: relative;
    }

    .seoBoxesWrapper .t2 {
        font-size: 1rem;
        position: absolute;
        left: 50%;
        width: calc(33.33% - 40px);
        margin-left: -15%;
        margin-top: -30px;
    }

    .seoBoxesWrapper .slick-slide:nth-child(even) .box .headline {
        bottom: initial;
        top: 50px;
    }

    .seoBoxesWrapper .slick-slide:nth-child(even) .box:hover .headline {
        margin-top: -10px;
    }

    /*Highlightbox Styles*/
    .highlightbox .boxLayout {
        margin-left: 0;
        position: relative;
        display: grid;
        display: -ms-grid;
        grid-template-areas:
            "slider text"
            "slider text";
        -ms-grid-columns: calc(55% - 30px) calc(45% - 30px);
        grid-template-columns: calc(55% - 30px) calc(45% - 30px);
        align-items: start;
    }

    .highlightbox .boxLayout .box.textBox {
        grid-area: text;
        width: 100%;
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

    .highlightbox .boxLayout .box.slideshowBox {
        grid-area: slider;
        width: 100%;
    }

    .highlightbox .boxLayout .box.textBox div[class*='bg'],
    .highlightbox:nth-child(odd) .boxLayout .box.textBox div[class*='bg'] {
        width: 200%;
    }

    .highlightbox.change-order .boxLayout .box.textBox,
    .highlightbox.change-order-d .boxLayout .box.textBox {
        align-items: flex-start;
    }

    .highlightbox .boxLayout .box.textBox {
        align-items: flex-end;
    }

    .change-order.highlightbox .boxLayout,
    .change-order-d.highlightbox .boxLayout {
        grid-template-areas:
            "text slider"
            "text slider";
        -ms-grid-columns: calc(45% - 30px) calc(55% - 30px);
        grid-template-columns: calc(45% - 30px) calc(55% - 30px);
    }

    .highlightbox .boxLayout {
        grid-template-areas:
            "slider text"
            "slider text";
        -ms-grid-columns: calc(55% - 30px) calc(45% - 30px);
        grid-template-columns: calc(55% - 30px) calc(45% - 30px);
    }

    .highlightbox .boxLayout {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .highlightbox .boxLayout .box.slideshowBox,
    .highlightbox .boxLayout .box.textBox {
        margin: 0;
        box-sizing: border-box;
    }

    .highlightbox[class*='bg'] .boxLayout .box:nth-child(1) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .highlightbox[class*='bg'] .boxLayout.widthWrapper .box.textBox {
        padding-left: 0;
    }

    .highlightbox[class*='bg'] .boxLayout .box.textBox div[class*='bg'] {
        margin-left: 0;
    }

    .highlightbox .boxLayout .box.slideshowBox {
        margin-right: auto;
        margin-left: 0;
    }

    .highlightbox.change-order .boxLayout .box.slideshowBox,
    .highlightbox.change-order-d .boxLayout .box.slideshowBox {
        margin-left: auto;
        margin-right: 0;
    }

    .highlightbox .boxLayout .box.textBox div[class*='bg'] {
        z-index: 1;
        position: relative;
        padding: 75px;
        margin: 0;
        margin-top: 75px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        box-sizing: border-box;
    }

    .highlightbox .boxLayout .box.textBox div[class*='bg'],
    .highlightbox .boxLayout .box.slideshowBox {
        max-width: 880px;
    }

    .highlightbox .boxLayout .box.textBox div[class*='bg'],
    .highlightbox.highlightbutton .boxLayout .box.textBox div[class*='bg'] {
        margin-top: 75px;
    }

    .highlightbox.highlightbutton .boxLayout .box.textBox .buttonsWrapper {
        margin-bottom: 30px;
    }

    .highlightbox.change-order .boxLayout .slick-arrow,
    .highlightbox.change-order-d .boxLayout .slick-arrow {
        left: initial;
        right: 50px;
    }

    .highlightbox:not(.change-order):not(.change-order-d) .boxLayout .slick-arrow {
        right: initial;
        left: 50px;
    }

    .blockTextSlideshow.twoImagesSlider.change-order[class*="bg"]:after,
    .blockTextSlideshow.highlightbox.change-order[class*="bg"]:after,
    .blockTextSlideshow.twoImagesSlider.change-order-d[class*="bg"]:after,
    .blockTextSlideshow.highlightbox.change-order-d[class*="bg"]:after {
        right: initial;
        left: 2%;
        width: 30%;
        opacity: .1;
    }

    .blockTextSlideshow.twoImagesSlider[class*="bg"]:after,
    .blockTextSlideshow.highlightbox[class*="bg"]:after {

        width: 20vh;
        height: auto;
    }

    .review {
        padding-left: auto;
        padding-right: 75px;

    }

    .review.bg3 {
        margin-left: auto;
    }

    /*Room Styles*/
    .roomSite .roomBox .roomWrapper .box.slideshowBox {
        width: 33.33%;
    }

    .roomBox .roomWrapper .box.textBox {
        width: 66.66%;
        display: flex;
        justify-content: space-between;
        margin-top: 0;
        align-items: center;
        height: 100%;
        aspect-ratio: 16/6.02;
    }

    .roomBox .roomWrapper .box.textBox .box {
        width: 48%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .roomBox .roomWrapper .box.textBox .txtLinkWrapper {
        text-align: left;
    }

    .roomBox .roomWrapper .box.slideshowBox .sc-slideshow[data-sigallery]:after {
        width: 40px;
        height: 40px;
        background-position: -428.5px -598px;
        right: 15px;
        bottom: 15px
    }

    .roomBox .roomWrapper .eyecatcherBtn,
    .boxLayout.listContainer article .eyecatcherBtn,
    .single .boxLayout .box.imageBox .eyecatcherBtn {
        right: -50px;
        left: initial;
        top: -50px;
    }

    .roomBox .roomWrapper .eyecatcherBtn>*,
    .boxLayout.listContainer article .eyecatcherBtn>*,
    .single .boxLayout .box.imageBox .eyecatcherBtn>* {
        -webkit-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
        transform: rotate(8deg);
    }

    .roomBox .roomWrapper .box.textBox .box:nth-child(2) {
        margin-top: 0;
        border-right: 1px solid #b0a693;
        border-left: 1px solid #b0a693;
        padding: 0 10%;
        box-sizing: border-box;
    }

    address .fullWidth>div,
    .threeBoxes {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .footer address .box,
    .threeBoxes .box {
        border: 0;
        border-left: 1px solid #f7f3ec;
        margin-bottom: 0;
        padding-bottom: 0;
        padding-left: 5%;
        padding-right: 5%;
        width: 33.333%;
        display: flex;
        flex-direction: column;
        height: 100%;
        vertical-align: initial;
        align-items: center;
        justify-content: center;
        min-height: 300px;
    }

    .threeBoxes .box {
        min-height: 28vh;
    }

    .footer address .box:last-child {
        border-right: 1px solid #f7f3ec;
    }

    .threeBoxes .box:first-child {
        border-left: 0;
    }
}

@media (min-width: 1600px) {
    ul.slick-dots {
        margin-left: 115px;
        width: calc(100% - 115px);
    }

    .listBox .rotatingListbox button.slick-prev.slick-arrow {
        left: -80px;
    }

    .listBox .rotatingListbox button.slick-arrow {
        right: -80px;
    }

    .listBox .rotatingListbox .slick-slide {
        position: relative;
    }

    .listBox .rotatingListbox .slick-slide:after,
    .listBox .rotatingListbox .slick-slide:before {
        content: "";
        position: absolute;
        left: 1px;
        top: 0;
        height: 100%;
        width: 1px;
        background: #b0a693;
    }

    .listBox .rotatingListbox .slick-slide.slick-center:after,
    .listBox .rotatingListbox .slick-slide.slick-center:before {
        display: none;
    }

    .fullWidth.highlightbox[class*='bg'] .widthWrapper {
        padding-left: 0;
        padding-right: 0;
    }

    div.fullwidth:not(.highlightbox) .boxLayout.widthWrapper .box,
    .widthWrapper:not(.highlightbox):not(.roomWrapper) .boxLayout:not(.listContainer) .box {
        width: calc(35% - 50px);
    }

    div.fullwidth:not(.highlightbox) .boxLayout.widthWrapper .box:nth-child(1),
    .widthWrapper:not(.highlightbox):not(.roomWrapper) .boxLayout:not(.listContainer) .box:nth-child(1) {
        width: calc(65% - 50px);
    }

    .highlightbox .boxLayout .box.textBox {
        margin-top: 150px;
    }

    .highlightbox .boxLayout {
        grid-template-areas:
            "slider text"
            "slider text";
        -ms-grid-columns: calc(65% - 30px) calc(35% - 30px);
        grid-template-columns: calc(65% - 30px) calc(35% - 30px);
        justify-content: space-between;
    }

    .highlightbox.change-order .boxLayout,
    .highlightbox.change-order-d .boxLayout {
        grid-template-areas:
            "text slider"
            "text slider";
        -ms-grid-columns: calc(35% - 30px) calc(65% - 30px);
        grid-template-columns: calc(35% - 30px) calc(65% - 30px);
    }

    /*SEO Boxes Styles*/
    .seoBoxes,
    .listBox .rotatingListbox .slick-list {
        margin-left: -50px;
        margin-right: -50px;
    }

    .seoBoxesWrapper .t2 {
        font-size: 50px;
        margin-top: -20px;
    }

    .seoBoxes .slick-slide,
    .listBox .rotatingListbox .slick-slide {
        padding-left: 50px;
        padding-right: 50px;
    }

    .seoBoxes .slick-slide {
        margin-bottom: 130px;
    }

    .seoBoxes .slick-slide:nth-child(even) {
        margin-top: 130px;
        margin-bottom: 0;
    }

    .SiMenuOpen .resMenu,
    .SiMenuOpen .menuLanguageSelector {
        visibility: visible;
    }
}

@media (min-width: 1700px) {

    .highlightbox .boxLayout.widthWrapper .slick-arrow,
    .change-order:not(.roomWrapper) .boxLayout.widthWrapper .slick-arrow,
    .change-order:not(.roomWrapper) .boxLayout.widthWrapper .slick-arrow,
    .highlightbox .boxLayout.widthWrapper .slick-arrow {
        left: 50px;
        right: initial;
    }

    .change-order-d .boxLayout.widthWrapper .slick-arrow,
    .highlightbox.change-order .boxLayout.widthWrapper .slick-arrow,
    .highlightbox.change-order-d .boxLayout.widthWrapper .slick-arrow {
        right: 50px;
        left: initial;
    }
}

@media (min-width: 1950px) {
    .listBox .rotatingListbox button.slick-prev.slick-arrow {
        left: -150px;
    }

    .listBox .rotatingListbox button.slick-arrow {
        right: -150px;
    }
}

.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: #4a5c35;
    background: #4a5c35;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
    background: #b0a693;
    border-color: #b0a693;
    color: #ffffff;
}