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

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

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

@font-face {
    font-family: 'Cronos Pro';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../fonts/cronos_pro_300.woff2) format('woff2');
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --->>>  @font-face end <<<--- */
:root {
    --font-family-1: "Cronos Pro", sans-serif;
    --font-family-2: "Bree Serif", "Arial", sans-serif;
    --font-weight-1: 300;
    --font-weight-2: 400;
    --font-weight-3: 600;
    --color-1: #fff;
    --color-2: #F8F7F6;
    --color-3: #F8F7F6;
    --color-4: #E1DFDB;
    --color-5: #F0DFA8;
    --color-6: #473D3B;
    --color-7: #473D3B;
    --color-8: #DCAA04;
    --color-9: #1B5034;
    --space-xxl: 3.75rem;
    --space-xl: 3.75rem;
    --space-l: 2.5rem;
    --space-m: 1.875rem;
    --space-s: 1.562rem;
    --space-xs: 0.937rem;
    --space-xxs: 0.937rem;
    --path-vector-sprites: url(../graphics/vector_sprites.svg?ver=1.0);
    --path-vectors-sprites: url(../graphics/vectors_sprites.svg?ver=1.0);
    --path-partners: url(../graphics/partners.png?ver=1.0);
    --path-vector-logo-sticky: url(../graphics/vector_logo-sticky.svg?ver=1.0);
}

body {
    font-family: var(--font-family-1);
    color: var(--color-6);
    font-weight: var(--font-weight-2);
    background-color: var(--color-2);
    font-size: 1.125em;
    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;
    align-items: center;
    justify-content: center;
}

b, strong {
    font-weight: var(--font-weight-3);
}

a {
    color: var(--color-6);
}

a:hover {
    color: var(--color-8);
}

small, .footer .editorial, .additionalPriceInformation {
    font-size: 0.9em;
    line-height: 1.2;
}

.eyecatcherBtn {
    font-size: 0.8em;
    line-height: 1;
}

p {
    margin-bottom: 0.937rem;
}

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

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

h1, .t1, h2, .t2, .popup h1, .noH2 h1, h3, .t3, h4, .t4, .siteAnchors .siteAnchorsInner a, .highlightBoxesWrapper .highlightBox .headline, .offerBoxesWrapper .SliderBox article .txtWrapper .headline, .roomBoxesPreviewWrapper .SliderBox article .txtWrapper .headline, .single-angebote .postIntroText .headline, .single-angebote .postPeriodWrapper .headline, .single-angebote .postPriceWrapper .headline {
    font-size: 1.611em;
    line-height: 1.2;
    font-family: var(--font-family-2);
    font-weight: var(--font-weight-2);
    color: var(--color-9);
    margin: 0;
    margin-bottom: 1.1rem;
}

h1, .t1 {
    text-transform: uppercase;
    font-size: 1em;
    color: var(--color-6);
    font-family: var(--font-family-1);
    font-weight: var(--font-weight-2);
    letter-spacing: 0.055em;
}

h2, .t2 {
    font-size: 1.611em;
}

h3, .t3, .highlightBoxesWrapper .highlightBox .headline, .offerBoxesWrapper .SliderBox article .txtWrapper .headline, .single-angebote .postPeriodWrapper .headline, .single-angebote .postPriceWrapper .headline {
    font-size: 1.444em;
    letter-spacing: 0.05em;
}

.highlightBoxesWrapper .highlightBox .headline {
    letter-spacing: 0.13em;
}

.offerBoxesWrapper .SliderBox article .txtWrapper .headline {
    letter-spacing: 0.059em;
}

h4, .t4, .txtLink, .sc-quickInquiry > div label, [data-accordion] [data-control], .siteAnchors .siteAnchorsInner a, .roomBoxesPreviewWrapper .SliderBox article .txtWrapper .headline {
    font-family: var(--font-family-2);
    text-transform: uppercase;
    font-weight: var(--font-weight-1);
    font-size: 1em;
    letter-spacing: 0.055em;
}

.siteAnchors .siteAnchorsInner a {
    letter-spacing: 0.066em;
}

.txtLink {
    font-family: var(--font-family-1);
}

[data-accordion] [data-control], .siteAnchors .siteAnchorsInner a {
    text-transform: initial;
}

hr {
    background-image: var(--path-vectors-sprites);
    width: 4.062rem;
    height: 1.875rem;
    background-repeat: no-repeat;
    background-position: -149px -99px;
    border: 0;
    text-align: left;
    display: inline-block;
    clear: both;
    margin: 1.562rem auto;
}

.bg2 hr {
    background-position: -259px -99px;
}

.home .sc-masterContainer {
    padding-bottom: 0;
}

.popup .sc-masterContainer {
    padding-top: 0;
}

.sc-masterContainer ul {
    padding-left: 2.375rem;
    margin: 0;
    margin-bottom: 0.937rem;
    text-align: left;
}

.sc-masterContainer ul.slick-dots {
    padding-left: 0;
}

.sc-masterContainer ul li {
    margin-bottom: 0.437rem;
    position: relative;
    list-style-type: none;
}

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

.sc-masterContainer ul li:before {
    content: "";
    position: absolute;
    background-image: var(--path-vector-sprites);
    background-repeat: no-repeat;
    background-position: -299px -650px;
    background-size: 1500px 1500px;
    width: 1.625rem;
    height: 1.5rem;
    left: -2.25rem;
    top: 0.125rem;
}

.sc-masterContainer .bg2 ul li:before, .sc-masterContainer .bg3 ul li:before, .sc-masterContainer .bg4 ul li:before, .accVertical [data-accordion].accordion [data-content] ul li:before, .accTextImage [data-accordion].accordion [data-content] ul li:before {
    background-position: -299px -650px;
}

.column {
    -webkit-columns: 2 15.625rem;
    -moz-columns: 2 15.625rem;
    columns: 2 15.625rem;
    text-align: left;
    -webkit-column-gap: 3.125rem;
    -moz-column-gap: 3.125rem;
    column-gap: 3.125rem;
}

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

/*BG Colors Styles*/
.bg1, .single-angebote .postPeriodWrapper, .SliderBox article .txtWrapper, .single-angebote .postPriceWrapper {
    background-color: var(--color-4);
}

.bg2, .anchorMenuWrapper, .roomBoxesPreviewWrapper .SliderBox article .txtWrapper {
    background-color: var(--color-5);
}

.bg3, .accVertical, .accTextImage {
    background-color: var(--color-8);
}

.bg4 {
    background-color: var(--color-9);
}

.bg5 {
    background-color: var(--color-6);
}

/*.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, .bg2 [data-accordion] [data-control], .SliderBox article .txtWrapper, .SliderBox article .txtWrapper a:not(.button), .offerBoxesWrapper .SliderBox article .txtWrapper .headline, .SliderBox article .sc-readmore .txtLink, .SliderBox article .sc-readmore .txtLink:hover, .roomBoxesPreviewWrapper .SliderBox article .txtWrapper .headline {
    color: var(--color-1);
}
.bg3, .bg3 a, .bg3 a.txtLink, .bg3 h1, .bg3 .t1, .bg3 h2, .bg3 .t2, .bg3 h3, .bg3 .t3, .bg3 h4, .bg3 .t4, .bg3 [data-accordion] [data-control], .highlightBoxesWrapper .highlightBox .headline {
    color: var(--color-1);
}*/
.bg4, .bg4 a, .bg4 a.txtLink, .bg4 h1, .bg4 .t1, .bg4 h2, .bg4 .t2, .bg4 h3, .bg4 .t3, .bg4 h4, .bg4 .t4, .bg4 [data-accordion] [data-control] {
    color: var(--color-1);
}

.bg4 a.txtLink, .bg4 a.txtLink:hover {
    border-color: var(--color-1);
}

.accVertical *, .accTextImage * {
    color: var(--color-9);
}

/*Siteanchors*/
.siteAnchors {
    position: fixed;
    z-index: 30;
    left: 0;
    bottom: -5rem;
    width: 100%;
    background: var(--color-9);
    max-width: 100%;
    text-align: center;
    -webkit-transition: bottom 0.8s ease-out;
    transition: bottom 0.8s ease-out;
    -o-transition: bottom 0.8s ease-out;
    -webkit-box-shadow: 0 0.25rem 0.625rem 0 #464646;
    box-shadow: 0 0.25rem 0.625rem 0 #464646;
}

.scrolled .siteAnchors {
    bottom: 0;
}

.siteAnchors ul {
    text-align: left;
    padding: 0 15% 0 2.812rem;
    height: 100%;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.siteAnchors ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: 1.25rem;
}

.siteAnchors .siteAnchorsInner a {
    text-decoration: none;
    padding: 1.375rem 0;
    color: var(--color-4);
    font-size: 0.833em;
    display: block;
    margin: 0;
    position: relative;
}

.siteAnchors .siteAnchorsInner a:after, .siteAnchors .siteAnchorsInner a.sianchorActive:after {
    content: " ";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 1.125rem;
    background: var(--color-4);
    height: 0.0625rem;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.siteAnchors .siteAnchorsInner a.sianchorActive:after {
    left: 0;
    right: 0;
    z-index: 2;
}

.siteAnchors ul li.hiddenLink, .siteAnchors ul li.logo_menu, .siteAnchors ul.siteAnchorsInner li.logo_menu a:after {
    display: none;
}

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

/*@Supports for iPhone*/
@supports(padding: max(0px)) {
    .siteAnchors {
        padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
    }
}

@supports (-webkit-touch-callout: none) {
    .siteAnchors ul li {
        margin-right: 0.187rem;
    }

    .siteAnchors .siteAnchorsInner a {
        font-size: 0.875rem;
        letter-spacing: 0.05rem;
    }

    .siteAnchors .siteAnchorsInner a .hideIos, .siteAnchors:after {
        display: none;
    }
}

/*EyecatcherBtn Styles*/
.eyecatcherBtn {
    background: var(--color-8);
    color: var(--color-6);
    height: 7.5rem;
    width: 7.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    right: 0.937rem;
    top: 0.937rem;
    z-index: 3;
    font-family: var(--font-family-1);
}

header .eyecatcherBtn {
    color: var(--color-1);
    background: var(--color-9);
}

header .eyecatcherBtn {
    top: initial;
    bottom: 25%;
    left: 5%;
    font-size: 1em;
}

header .eyecatcherBtn a {
    text-decoration: none;
    color: var(--color-1);
}

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

header .eyecatcherBtn b {
    font-size: 1.222em;
    font-weight: var(--font-weight-2);
}

header .eyecatcherBtn {
    font-size: 0.9em;
    font-weight: var(--font-weight-2);
}

.popup .eyecatcherBtn {
    right: 3%;
    top: 3%;
}

.SliderBox article .imageWrapper .eyecatcherBtn {
    right: 1.25rem;
    top: initial;
    bottom: -1.25rem;
}

.eyecatcherBtn b {
    display: contents;
    font-size: 1.25em;
    font-size: 1.5em;
    font-weight: var(--font-weight-2);
}

.eyecatcherBtn > * {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

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

.SliderBox article .imageWrapper {
    position: relative;
}

.SliderBox article .imageWrapper:focus, .SliderBox article .imageWrapper a:focus {
    outline: none;
}

.offerBoxesWrapper .SliderBox article .txtWrapper .periods {
    font-size: 0.9em;
    margin-top: -0.937rem;
}

.buttonsWrapper .button {
    margin-right: 0.5rem;
}

.buttonsWrapper .button:last-child {
    margin-right: 0;
}

.SliderBox .txtWrapper .buttonsWrapper .txtLink {
    display: none;
}

.buttonsWrapper .txtLink, .single-zimmer .buttonsWrapper {
    display: inline-block;
}

.buttonsWrapper .txtLink.parameterBooking {
    clear: both;
    display: block;
}

.iconsWrapper {
    line-height: 1.3;
}
.iconsWrapper span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.312rem;
}

.iconsWrapper br {
    display: none;
}

.iconsWrapper span:before, a.txtLink.popup:after, a.popupIcon:after {
    content: "";
    width: 1.75rem;
    min-width: 1.75rem;
    height: 1.562rem;
    margin-right: 0.312rem;
    display: inline-block;
    background-image: var(--path-vector-sprites);
    background-repeat: no-repeat;
    background-position: -49px -888px;
    background-size: 1500px 1500px;
}

.iconsWrapper span.iconMap:before {
    background-position: -49px -888px;
}

.iconsWrapper span.iconPeople:before {
    background-position: -96px -888px;
}

.iconsWrapper span.iconDiamond:before {
    background-position: -147px -888px;
}

a.txtLink.popup:after {
    background-position: -76px -419px;
    margin-right: 0;
    margin-left: 0.125rem;
    border: 0;
    margin-bottom: -0.5rem;
    width: 1.875rem;
    border-bottom: 0.312rem solid var(--color-4);
}

.roomBoxesPreviewWrapper .txtLink.popup:after {
    border-bottom: 0.312rem solid var(--color-5);
}

a.popupIcon:after {
    background-position: -56px -308px;
    margin-right: 0;
    margin-left: 0.187rem;
    width: 0.937rem;
    background-size: 1000px 1000px;
}

.bg2 a.popupIcon:after, .bg3 a.popupIcon:after, .bg4 a.popupIcon:after, .SliderBox article .txtWrapper a.popupIcon:after {
    background-position: 0 -308px;
}

/*Wrapper Width Styles*/
.widthWrapper, .contentWrapper, .sc-header, .breadcrumb, .reviewBoxesWrapper .reviewBox, .single-angebote .postIntroText, .single-angebote .postPeriodWrapper .wrapper, .single-angebote .postPriceWrapper .wrapper, .returnLinkWrapper {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    max-width: 79.375rem;
}

.boxesSliderWrapper {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    overflow: hidden;
}

.contentWrapper, .sc-header, .breadcrumb, .reviewBoxesWrapper .reviewBox {
    max-width: 46.875rem;
}

/*Highlight Box Styles */
.highlightBoxesWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.highlightBoxesWrapper a, .highlightBoxesWrapper > article {
    width: 50%;
    position: relative;
}

.highlightBoxesWrapper a {
    text-decoration: none;
}

/*Optional: Hover-Effekt*/
.highlightBoxesWrapper a:hover {
    opacity: 0.8;
}

.highlightBoxesWrapper .highlightBox .headline {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5;
    font-size: 0.555em;
    width: 90%;
    margin: 0;
    padding-top: 2.5rem;
    color: var(--color-1);
    font-family: var(--font-family-1);
}

.highlightBoxesWrapper .highlightBox .headline span {
    font-size: 1.1em;
}

.icon-sunchair:before, .icon-meal:before, .icon-bed:before, .icon-hike:before, .icon-tea:before, .icon-breakfast:before, .icon-flipflop:before, .icon-flower:before, .icon-stone:before, .icon-leafe:before, .icon-cocktail:before, .icon-bowling:before, .icon-movie:before, .icon-club:before, .icon-climbing:before, .icon-swimming:before, .icon-baby:before {
    content: "";
    width: 2.5rem;
    height: 2.5rem;
    display: inline-block;
    background-image: var(--path-vector-sprites);
    background-repeat: no-repeat;
    background-position: 1px -666px;
    background-size: 1000px 1000px;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
}

.icon-bowling:before {
    background-position: 3px -666px;
}

.icon-movie:before {
    background-position: -64px -666px;
}

.icon-club:before {
    background-position: -128px -666px;
}

.icon-climbing:before {
    background-position: -196px -666px;
}

.icon-swimming:before {
    background-position: -261px -666px;
}

.icon-baby:before {
    background-position: -330px -666px;
}

.icon-meal:before {
    background-position: -160px -666px;
}

.icon-bed:before {
    background-position: -53px -666px;
}

.icon-hike:before {
    background-position: -212px -666px;
}

.icon-tea:before {
    background-position: -423px -666px;
}

.icon-breakfast:before {
    background-position: -476px -666px;
}

.icon-flipflop:before {
    background-position: -106px -666px;
}

.icon-flower:before {
    background-position: -263px -666px;
}

.icon-stone:before {
    background-position: -314px -666px;
}

.icon-leafe:before {
    background-position: -368px -666px;
}

.icon-cocktail:before {
    background-position: -530px -666px;
}

.highlightBoxesWrapper > .highlightBox:hover:after {
    background: transparent;
}

.highlightBoxesWrapper a:after, .highlightBoxesWrapper > article:after {
    width: 100%;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--color-5);
    opacity: 0.8;
}

.highlightBoxesWrapper > .highlightBox:after {
    width: 100%;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--color-6);
    /*Optional: Highlights Animation*/
    animation: fadeinanimation 10s infinite;
    /*Optional: Highlights Animation*/
    -webkit-animation: fadeinanimation 10s infinite;
    /*Optional: Highlights Animation*/
    opacity: 0;
}

/*Optional: Highlights Animation*/
@keyframes fadeinanimation {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeinanimation {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.highlightBoxesWrapper > .highlightBox:nth-child(1):after, .highlightBoxesWrapper > .highlightBox:nth-child(4):after, .highlightBoxesWrapper > .highlightBox:nth-child(5):after, .highlightBoxesWrapper > .highlightBox:nth-child(8):after {
    animation: fadeinanimationGroup2 10s infinite;
    -webkit-animation: fadeinanimationGroup2 10s infinite;
    opacity: 1;
}

@keyframes fadeinanimationGroup2 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeinanimationGroup2 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/*Quicklinks Styles*/
.error404 .quicklinksBar {
    display: none;
}

.error404 header {
    margin-bottom: 0;
}

.quicklinksBar {
    position: absolute;
    z-index: 25;
    height: 5rem;
    width: 100%;
    text-align: center;
    bottom: -2.5rem;
    right: 0;
    box-sizing: border-box;
}

.quicklinksBar a {
    display: inline-block;
    height: 5rem;
    width: 5rem;
    margin: 0 0.625rem;
    background-color: var(--color-8);
    border-radius: 50%;
    background-image: var(--path-vector-sprites);
    background-repeat: no-repeat;
    background-position: 0 -1201px;
    background-size: 1500px 1500px;
}

.quicklinksBar a:hover {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1);
}

.quicklinksBar a.winterBtn {
    background-position: -97px -1200px;
}

header {
    position: relative;
    margin-bottom: 2.5rem;
}

.noQuicklinks header {
    margin-bottom: 0;
}

/*SliderBox (Rooms & Offers) Styles*/
.boxesSliderWrapper .SliderBox, .reviewBoxesWrapper {
    position: relative;
    padding-bottom: 2.5rem;
}

.SliderBox article {
    margin: 0 3%;
    margin-bottom: 0.937rem;
}

.SliderBox article .txtWrapper.bg1, .SliderBox article .txtWrapper, .SliderBox article .txtWrapper.bg3, .SliderBox article .txtWrapper.bg4 {
    padding: 1.875rem 1.25rem;
}

.boxesSliderWrapper .slick-arrow, .reviewBoxesWrapper .slick-arrow {
    bottom: 0;
}

.boxesSliderWrapper ul.slick-dots, .reviewBoxesWrapper ul.slick-dots {
    bottom: 0.625rem;
}

.boxesSliderWrapper .slick-arrow {
    left: 2.062rem;
}

.boxesSliderWrapper .slick-next.slick-arrow {
    left: initial;
    right: 2.062rem;
}

.SliderBox .txtWrapper {
    text-align: left;
    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: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    min-height: 20.625rem;
}

.roomBoxesPreviewWrapper .SliderBox .txtWrapper {
    min-height: 13.75rem;
}

.offerBoxesWrapper .SliderBox article .txtWrapper .headline {
    font-size: 1.222em;
    text-transform: uppercase;
}

.boxesSliderWrapper .slick-slide {
    opacity: 0.8;
}

.boxesSliderWrapper .slick-slide.slick-center {
    opacity: 1;
}

/*Offer and Room Detail Styles*/
.single-angebote .imageBox, .single-zimmer .sc-slideshow, .single-zimmer .sc-slideshow .slick-slide > div {
    height: 40vh;
    overflow: hidden;
}

.single-angebote .imageBox img, .single-zimmer .sc-slideshow img {
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

/*Padding & Margin Styles*/
.padding-top-xxl {
    padding-top: var(--space-xxl);
}

.padding-top-xl {
    padding-top: var(--space-xl);
}

.padding-top-l, .sc-masterContainer {
    padding-top: var(--space-l);
}

.padding-top-m, .single-angebote .postPeriodWrapper {
    padding-top: var(--space-m);
}

.padding-top-s {
    padding-top: var(--space-s);
}

.padding-top-xs {
    padding-top: var(--space-xs);
}

.padding-top-xxs {
    padding-top: var(--space-xxs);
}

.padding-bottom-xxl {
    padding-bottom: var(--space-xxl);
}

.padding-bottom-xl {
    padding-bottom: var(--space-xl);
}

.padding-bottom-l, .sc-masterContainer, .error404 .contentWrapper {
    padding-bottom: var(--space-l);
}

.padding-bottom-m, .single-angebote .postPriceWrapper {
    padding-bottom: var(--space-m);
}

.padding-bottom-s, .single-angebote .postPeriodWrapper {
    padding-bottom: var(--space-s);
}

.padding-bottom-xs {
    padding-bottom: var(--space-xs);
}

.padding-bottom-xxs {
    padding-bottom: var(--space-xxs);
}

.margin-top-xxl {
    margin-top: var(--space-xxl);
}

.margin-top-xl {
    margin-top: var(--space-xl);
}

.margin-top-l, .single-angebote .postPeriodWrapper {
    margin-top: var(--space-l);
}

.margin-top-m, .returnLinkWrapper {
    margin-top: var(--space-m);
}

.margin-top-s {
    margin-top: var(--space-s);
}

.margin-top-xs, .SliderBox article .sc-readmore .txtLink, .error404 .sc-masterContainer a.button {
    margin-top: var(--space-xs);
}

.margin-top-xxs, .offerBoxesWrapper .SliderBox article .sc-readmore, .buttonsWrapper a {
    margin-top: var(--space-xxs);
}

.margin-bottom-xxl {
    margin-bottom: var(--space-xxl);
}

.margin-bottom-xl {
    margin-bottom: var(--space-xl);
}

.margin-bottom-l, .single-angebote .imageBox, .single-angebote .offertextBox {
    margin-bottom: var(--space-l);
}

.margin-bottom-m {
    margin-bottom: var(--space-m);
}

.margin-bottom-s {
    margin-bottom: var(--space-s);
}

.margin-bottom-xs {
    margin-bottom: var(--space-xs);
}

.margin-bottom-xxs, .offerBoxesWrapper .SliderBox article .txtWrapper .headline, .roomBoxesPreviewWrapper .SliderBox article .txtWrapper .headline, .roomBoxesPreviewWrapper .SliderBox .sc-readmore, .single-angebote .postPeriodWrapper .headline, .single-angebote .postPriceWrapper .headline, .single-angebote .postPriceWrapper .headline {
    margin-bottom: var(--space-xxs);
}

/*Button & TXT-Link Styles*/
button, .button, .newsletterForm .be-widget-buttonArea > span {
    background: var(--color-9);
    color: var(--color-1);
    padding: 0.687rem 0.875rem;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.055em;
    border-radius: 0;
    font-family: var(--font-family-1);
    font-size: 1em;
    font-weight: var(--font-weight-2);
}

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

.button.secondary {
    background: var(--color-8);
    color: var(--color-9);
}

.button.secondary:hover {
    background: var(--color-1);
    color: var(--color-7);
    opacity: 1;
}

.button.buttonWhite {
    background: var(--color-1);
    color: var(--color-7);
}

.button.buttonLight {
    background: var(--color-3);
    color: var(--color-7);
}

.button:hover, .archive .sc-masterContainer article:hover .sc-readmore a, .newsletterForm .be-widget-buttonArea > span:hover {
    background: var(--color-8);
    color: var(--color-9);
}

.bg3 .button:hover {
    color: var(--color-7);
    background: var(--color-4);
}

a.button.offerBtn:after {
    content: "";
    width: 1.062rem;
    height: 1.875rem;
    display: inline-block;
    text-decoration: none;
    margin-left: 0.375rem;
    margin-top: -0.5rem;
    background-image: var(--path-vector-sprites);
    background-repeat: no-repeat;
    background-position: -850px -49px;
    background-size: 1500px 1500px;
}

a.button.offerBtn:hover::after {
    background-position: -349px -50px;
}

a.txtLink {
    font-weight: var(--font-weight-2);
    text-decoration: none;
    border-bottom: 0.125rem solid var(--color-6);
    color: var(--color-6);
    font-size: 1em;
}

a.txtLink:hover {
    color: var(--color-6);
    border-color: var(--color-6);
}

a.txtLink:focus {
    outline: none;
}

/*Slick Styles*/
.slick-arrow {
    width: 1.25rem;
    height: 2.25rem;
    border: 0;
    background: transparent;
    position: absolute;
    bottom: 0.937rem;
    left: 10%;
    z-index: 9;
    cursor: pointer;
    padding: 0;
    border-radius: 0;
    background-image: var(--path-vector-sprites);
    background-repeat: no-repeat;
    background-position: -298px -125px;
    background-size: 1500px 1500px;
}

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

.slick-next.slick-arrow {
    right: 10%;
    left: initial;
}

.reviewBoxesWrapper .slick-arrow {
    left: 0;
}

.reviewBoxesWrapper .slick-next.slick-arrow {
    left: initial;
    right: 0;
}

.slick-next.slick-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.popup .slick-arrow, .boxLayout .slick-arrow {
    background-position: 2px -125px;
    margin-right: 1.875rem;
    left: initial;
    right: 1.25rem;
}

.headerSlider .slick-arrow {
    bottom: 10vh;
}

.noQuicklinks .headerSlider .slick-arrow {
    bottom: 5vh;
}

.headerSlider .slick-next.slick-arrow, .popup .slick-next.slick-arrow, .boxLayout .slick-next.slick-arrow {
    margin-right: 0;
    right: 1.25rem;
}

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

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

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

ul.slick-dots li button {
    width: 1rem;
    height: 1rem;
    background: var(--color-1);
    border-radius: 50%;
    border: 0.125rem solid var(--color-6);
    font-size: 0;
    margin: 0 0.125rem;
    cursor: pointer;
    padding: 0
}

.slick-dots li.slick-active button {
    background: var(--color-6);
}

.headerSlider ul.slick-dots li button {
    border-color: var(--color-1);
}

.headerSlider .slick-dots li.slick-active button {
    background: var(--color-1)
}

.sc-masterContainer ul.slick-dots li:before {
    display: none;
}

/*Lightcase Styles*/
.lightcase-icon-close:before {
    text-shadow: 0.0625rem 0.0625rem 0.187rem #797979;
}

/*Accordion Styles*/
.accordion {
    margin-bottom: 0.625rem;
    border-bottom: 0.0625rem solid var(--color-6);
}

.bg4 .accordion {
    border-bottom: 0.0625rem solid var(--color-1);
}

.popup .accordion {
    margin-bottom: 1.25rem;
}

.accordion:last-child {
    margin-bottom: 0;
}

[data-accordion] [data-content] h3 {
    margin-top: 1.875rem;
}

[data-accordion] [data-content] > h3:first-child {
    margin-top: 0;
}

[data-accordion] [data-control] {
    position: relative;
    padding-left: 0;
    padding-right: 1.562rem;
}

[data-accordion] [data-control]:hover {
    opacity: 0.8;
}

[data-accordion].accordion [data-content] {
    text-align: left;
    -webkit-transition: padding 0.8s;
    -o-transition: padding 0.8s;
    transition: padding 0.8s;
}

[data-accordion].accordion.open [data-content] {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
}

[data-accordion] > [data-control]:after {
    z-index: 10;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    content: "";
    width: 1.562rem;
    height: 1.562rem;
    display: inline-block;
    text-decoration: none;
    background-image: var(--path-vector-sprites);
    background-repeat: no-repeat;
    background-position: -436px -467px;
    background-size: 1500px 1500px;
    position: absolute;
    right: 0;
    margin-left: 0.625rem;
}

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

.bg4 [data-accordion] > [data-control]:after, .bg5 [data-accordion] > [data-control]:after {
    background-position: -166px -469px;
}

.bg4 [data-accordion].open > [data-control]:after, .bg5 [data-accordion].open > [data-control]:after {
    background-position: -205px -469px;
}

/*Accordion Verical Styles*/
.accVertical .accordion, .accTextImage .accordion  {
    margin-bottom: 0;
    border-bottom: none;
}

.accVertical [data-accordion].accordion [data-content], .accTextImage [data-accordion].accordion [data-content] {
    position: relative;
}

.accVertical [data-accordion].accordion [data-content], .accTextImage [data-accordion].accordion [data-content], .popup .accordion [data-content], .largeAccordion .accordion [data-content] {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}

.accVertical [data-accordion] [data-control], .accTextImage [data-accordion] [data-control]  {
    position: relative;
    z-index: 1;
    padding-right: 0;
    padding-top: 2rem;
    padding-bottom: 2.062rem;
    border-bottom: 0.0625rem solid var(--color-9);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.accTextImage [data-accordion] [data-control] {
    padding: 1.757rem 0;
    margin: 0 1.054rem;
    border-width: 0.0625rem;
}

.accTextImage [data-accordion]:last-child [data-control] {
    border: 0;
}

.accTextImage .accordion.open {
    background: var(--color-5);
}

.accVertical [data-accordion] [data-control]:hover, .accTextImage [data-accordion] [data-control]:hover {
    opacity: 1;
}

.accVertical [data-accordion].accordion.open [data-control] {
    border-bottom: 0;
    z-index: 2;
}

.accVertical [data-accordion].accordion.open [data-content] *, .accTextImage [data-accordion].accordion.open [data-content] * {
    color: var(--color-6);
    z-index: 2;
}

.accVertical [data-accordion].accordion.open [data-content] {
    text-align: left;
    /*Background-image with php/wpBackend*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.accVertical [data-accordion].accordion.open [data-content]:after {
    content: "";
    background-color: rgb(240, 223, 168);
    background-color: rgb(240 223 168 / 90%);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
}

.accVertical [data-accordion] [data-control] span, .accVertical [data-accordion].accordion [data-content] {
    padding-left: 5%;
    padding-right: 5%;
}

.accTextImage [data-accordion].accordion [data-content] {
    margin: 0 1.054rem;
    width: initial;
}

.accVertical [data-accordion] [data-control] span {
    width: 80%;
    display: block;
}

.accVertical [data-accordion].accordion.open [data-content] {
    margin-top: -5.812rem;
    padding-top: 5.812rem;
}

.accVertical [data-accordion] > [data-control]:after, .accTextImage [data-accordion] > [data-control]:after  {
    top: 50%;
    margin-top: -0.781rem;
    right: 5%;
}
.accTextImage [data-accordion] > [data-control]:after {
    right: 0;
}

.sc-masterContainer .accVertical [data-accordion].accordion ul:last-child, .sc-masterContainer .accTextImage [data-accordion].accordion ul:last-child {
    margin-bottom: 0;
}

.accTextImage [data-content] .accTextImageWrapper {
    display: flex;
    flex-direction: column;
    gap: 1.054rem;
    margin: 2.109rem 0;
}

.accTextImage [data-content] .textBox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.accTextImage [data-content] .imageBox {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.accTextImage [data-content] .imageBox img {
    max-width: 100%;
    height: auto;
    display: block;
}

/*Tabs Styles*/
.tabs > [data-control] button {
    border: 0;
    color: var(--color-7);
    padding: 0;
    position: relative;
    margin-right: 1.25rem;
    margin-bottom: 1.25rem;
    height: 1.562rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
}

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

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

.tabs > [data-control] button:before {
    content: " ";
    display: inline-block;
    width: 1.687rem;
    height: 1.687rem;
    left: 0;
    margin-bottom: -0.437rem;
    background-image: var(--path-vector-sprites);
    background-repeat: no-repeat;
    background-position: -115px -560px;
    background-size: 1500px 1500px;
}

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

.tabs [data-content] {
    margin-top: 0.937rem;
}

.tabs [data-control] {
    text-align: center;
}

/*SiTable & priceTable Styles*/
.SiTable table {
    border: 0;
    border-collapse: collapse;
    line-height: 1.3;
    background: var(--color-1);
    width: 100%;
}

.SiTable td {
    padding: 0.437rem;
    border: 0.0625rem solid #777777;
}

.SiTable tr:nth-child(odd) {
    background: var(--color-4);
}

.SiTable table tr:nth-child(1) {
    background: var(--color-9);
    color: var(--color-1);
    text-transform: uppercase;
    letter-spacing: 0.166em;
}

.additionalPriceInformation {
    margin: 0.937rem 0;
}

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

.siteAnchors:after {
    content: " ";
    width: 3.75rem;
    height: 100%;
    background: rgb(154, 136, 120);
    background: -moz-linear-gradient(90deg, rgba(154, 136, 120, 0) 0%, rgb(27 80 52 / 57%) 45%, rgb(27 80 52 / 85%) 80%, rgb(27 80 52) 100%);
    background: -webkit-linear-gradient(90deg, rgba(154, 136, 120, 0) 0%, rgb(27 80 52 / 57%) 45%, rgb(27 80 52 / 85%) 80%, rgb(27 80 52) 100%);
    background: linear-gradient(90deg, rgba(154, 136, 120, 0) 0%, rgb(27 80 52 / 57%) 45%, rgb(27 80 52 / 85%) 80%, rgb(27 80 52) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#DCAA04", endColorstr="#DCAA04", GradientType=1);
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
}

/*_____  ------  _____ ------  _____ HEADER _____  ------  _____ ------  _____*/
/*Desktop Top Bar Styles*/
.topBar {
    position: fixed;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 31;
    width: auto;
    display: flex;
}

.topBar a.button {
    height: 3.312rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.topBar a.button:first-child {
    border-radius: 3.437rem 0 0 3.437rem;
}

/*Main Logo Styles*/
header .MainLogo {
    display: block;
    width: 100%;
    top: 0;
    margin: 0;
    position: relative;
    height: auto;
    left: initial;
    margin-top: 3.312rem;
    padding: 1.562rem 0;
}

.noCTAs header .MainLogo {
    margin-top: 0;
}

header .MainLogo img, .footer address img.footerLogo {
    margin: auto;
    display: block;
    max-width: 11.875rem;
    width: 30%;
    min-width: 6.25rem;
}

header .MainLogo img {
    width: 8.125rem;
}

.showHeaderSlider header .MainLogo, .showHeaderVideo header .MainLogo {
    padding: 0;
    background: transparent;
    position: absolute;
    top: inherit;
    bottom: 10vh;
    margin-top: 0;
    left: 50%;
    z-index: 10;
    display: block;
    width: 11.25rem;
    height: 7.187rem;
    transform: translate(-50%);
}

.showHeaderSlider header .MainLogo img, .showHeaderVideo header .MainLogo img {
    max-width: initial;
    position: absolute;
    object-fit: contain;
    width: 12rem;
    height: 11.187rem;
}

.showHeaderSlider header .headerSlider:before, .showHeaderVideo header .headerVideo:before {
    content: "";
    width: 100%;
    height: 32vh;
    z-index: 1;
    position: absolute;
    bottom: 0;
    background: -o-linear-gradient(bottom, var(--color-2) 0, transparent 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, var(--color-2)), to(transparent));
    background: linear-gradient(to top, var(--color-2) 0, transparent 100%);
    left: 0;
    pointer-events: none;
}

/*Language Selector Styles*/
.sc-language-selector {
    position: fixed;
    top: 4.062rem;
    right: 1.562rem;
    z-index: 1;
    color: var(--color-6);
    font-size: 0.7em;
    display: block;
    z-index: 12;
    display: none;
}

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

.sc-language-selector a {
    text-decoration: none;
    text-transform: uppercase;
    color: var(--color-6);
}

.showHeaderSlider .sc-language-selector a, .showHeaderSlider .sc-language-selector, .showHeaderVideo .sc-language-selector a, .showHeaderVideo .sc-language-selector {
    color: var(--color-1);
    text-shadow: 0.0625rem 0.0625rem 0.187rem #000;
}

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

.sc-language-selector ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: 0.5rem;
}

.sc-language-selector ul li a:after {
    content: "|";
    padding-left: 0.5rem;
}

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

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

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

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

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

.showHeaderSlider .headerSlider, .showHeaderVideo .headerVideo {
    height: 60vh;
    overflow: hidden;
}

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

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

.home .footer {
    padding-bottom: 5rem;
}

.footer address {
    font-style: normal;
}

.footer .contact {
    font-family: var(--font-family-2);
}
.footer .contact a {
    white-space: nowrap;
}

.footer address a:hover {
    opacity: 0.8;
}

.footer address .button a:hover, .footer address button a:hover {
    opacity: 1;
}

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

.social-media {
    text-wrap: pretty;
}
.footer address a.facebook, .footer address a.instagram, .footer address a.weather, .footer address a.webcam, .footer address a.telegram {
    width: 3.75rem;
    height: 3.75rem;
    display: inline-block;
    text-decoration: none;
    margin: 0 0.437rem;
    background-image: var(--path-vector-sprites);
    background-repeat: no-repeat;
    background-position: -500px -213px;
    background-size: 1500px 1500px;
}

.footer address a.instagram {
    background-position: -580px -213px;
}

.footer address a.webcam {
    background-position: -660px -213px;
}

.footer address a.telegram {
    background-position: -430px -213px;
}

.footer address a.weather {
    background-position: -740px -213px;
}

.footer address a.facebook:hover {
    background-position: -495px -293px;
    opacity: 1;
}

.footer address a.instagram:hover {
    background-position: -580px -293px;
    opacity: 1;
}

.footer address a.webcam:hover {
    background-position: -660px -293px;
    opacity: 1;
}

.footer address a.telegram:hover {
    background-position: -426px -291px;
    opacity: 1;
}

.footer address a.weather:hover {
    background-position: -740px -293px;
    opacity: 1;
}

.logo-simedia {
    vertical-align: middle;
    margin-bottom: 0.312rem;
    opacity: 0.6;
}

/*Partner Styles*/
.partner a, .partner span {
    background-image: var(--path-partners);
    display: inline-block;
    background-repeat: no-repeat;
    text-decoration: none;
    margin: 0 2%;
    height: 2.187rem;
    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 a, .partner span {
    margin: 0 1.5%;
    height: 5rem;
    background-size: 500px 1000px;
}

.partner .suedtirol {
    background-position: 0 -203px;
    width: 6.375rem;
}

/*Photo Tab Styles*/
.tabs .large-slideshow {
    margin-left: -0.312rem;
    margin-right: -0.312rem;
}

.tabs .large-slideshow .no-slideshow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tabs .large-slideshow .no-slideshow img {
    margin: 0.312rem;
    height: auto;
    width: calc(50% - 0.625rem);
}

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

.bestpriceBtn {
    background-image: var(--path-vector-sprites);
    background-repeat: no-repeat;
    background-position: -500px -1320px;
    background-size: 1500px 1500px;
    width: 6.875rem;
    height: 6.875rem;
    min-width: 6.875rem;
    margin-right: 0.937rem;
}
.bestpriceBtn:lang(nl) {
    background-position: -990px -1320px;
}

.sc-masterContainer .columnLayout ul {
    margin-bottom: 0;
}

/*Review Box Styles*/
.reviewBoxesWrapper article.reviewBox em {
    font-style: normal;
    color: var(--color-8);
}

.reviews img {
    margin: 0 0.625rem;
}

/*Anchor Menu*/
.anchorMenuWrapper {
    padding: 1.25rem 0.937rem;
    margin: 0 auto;
    text-align: center;
    overflow: auto;
    white-space: nowrap;
    width: 100%;
    max-width: unset;
    left: 0;
    box-sizing: border-box;
    top: 3.312rem;
    position: fixed;
    z-index: 5;
}

.anchorMenuWrapper.fixed {
    z-index: 100;
}

.anchorMenuWrapper a {
    margin-top: 0;
    margin-bottom: 0;
    text-decoration: none;
    opacity: .75;
    margin-right: 1.875rem;
    color: var(--color-1);
}

.anchorMenuWrapper a.sianchorActive {
    opacity: 1;
}

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

/*Newsletterform*/
.center.newsletterPopup.noH2 {
    width: 100%;
}

.newsletter {
    display: flex;
    gap: 0;
    justify-content: center;
    flex-direction: column;
}

.newsletterForm .newsletterPreview {
    display: none;
}

.newsletter input:focus {
    outline: none;
    box-shadow: none;
}

.newsletter input {
    background: transparent;
    border: none;
    border-bottom: 0.0625rem solid #75757c;
    color: #75757c;
    font-family: var(--font-family-1);
    font-size: 0.944em;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    height: 1.875rem;
}

.newsletterForm input, .newsletterForm .be-contact-formField select {
    border: 0.0625rem solid #3a3a3a;
    font-family: var(--font-family-1);
    font-size: 1.062rem;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 1.875rem;
    padding-left: 0.312rem;
}

.newsletterForm .be-contact-label {
    font-size: 0.875rem;
}

.newsletterForm input[type="checkbox"] {
    width: initial;
    height: initial;
    margin-right: 0.312rem;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --->>>  @Media Styles Start <<<--- */
@media (min-width: 600px) {
    .highlightBoxesWrapper .highlightBox .headline {
        letter-spacing: 0.076em;
    }

    .offerBoxesWrapper .SliderBox article .txtWrapper .headline {
        letter-spacing: 0.05em;
    }

    .newsletterForm .be-contact-formField {
        margin: 0.312rem 0;
        width: 45%;
        float: initial;
        -moz-min-width: initial;
        -ms-min-width: initial;
        -o-min-width: initial;
        -webkit-min-width: initial;
        min-width: initial;
        display: inline-block;
    }
    .SliderBox .txtWrapper {
    min-height: 17.5rem;
}

    .newsletterForm #NamePrefix, .newsletterForm #SurName {
        margin-right: 10%;
    }

    .newsletterForm .be-contact-label {
        font-size: 1.125rem;
    }

    .newsletterForm .be-widget-buttonArea > span {
        padding: 0.875rem 1.625rem !important;
    }

    .newsletterForm .be-booking {
        font-size: 1.125rem;
    }
}

@media (min-width: 600px) {
    button, .button {
        padding: 0.687rem 1.25rem;
    }

    .offerBoxesWrapper .SliderBox article .txtWrapper .headline {
        font-size: 1.444em;
    }

    .buttonsWrapper .button {
        margin-right: 0.937rem;
    }

    .highlightBoxesWrapper .highlightBox .headline {
        font-size: 0.944em;
        padding-top: 4.375rem;
    }

    .highlightBoxesWrapper .highlightBox .headline span {
        font-size: 1.058em;
    }

    .single-angebote .imageBox, .single-zimmer .sc-slideshow, .single-zimmer .sc-slideshow .slick-slide > div {
        height: 65vh;
    }

    .highlightBoxesWrapper .highlightBox .headline {
        padding-top: 3.625rem;
    }

    .icon-sunchair:before, .icon-meal:before, .icon-bed:before, .icon-hike:before, .icon-tea:before, .icon-breakfast:before, .icon-flipflop:before, .icon-flower:before, .icon-stone:before, .icon-leafe:before, .icon-cocktail:before, .icon-bowling:before, .icon-movie:before, .icon-club:before, .icon-climbing:before, .icon-swimming:before, .icon-baby:before {
        width: 3.75rem;
        height: 3.75rem;
        background-position: 3px -1000px;
        background-size: 1500px 1500px;
    }

    .icon-bowling:before {
        background-position: 11px -998px;
    }

    .icon-movie:before {
        background-position: -95px -998px;
    }

    .icon-club:before {
        background-position: -194px -998px;
    }

    .icon-climbing:before {
        background-position: -294px -998px;
    }

    .icon-swimming:before {
        background-position: -392px -998px;
    }

    .icon-baby:before {
        background-position: -495px -998px;
    }

    .icon-meal:before {
        background-position: -239px -998px;
    }

    .icon-bed:before {
        background-position: -78px -1000px;
    }

    .icon-hike:before {
        background-position: -315px -998px;
    }

    .icon-tea:before {
        background-position: -636px -998px;
    }

    .icon-breakfast:before {
        background-position: -715px -998px;
    }

    .icon-flipflop:before {
        background-position: -157px -998px;
    }

    .icon-flower:before {
        background-position: -396px -998px;
    }

    .icon-stone:before {
        background-position: -474px -998px;
    }

    .icon-leafe:before {
        background-position: -555px -998px;
    }

    .icon-cocktail:before {
        background-position: -795px -998px;
    }

    /*Newsletterform*/
    .newsletter {
        display: flex;
        gap: 1.25rem;
        justify-content: center;
        flex-direction: row;
        align-items: center;
    }

    .newsletter input {
        font-size: 1.277em;
        width: 48%;
        padding: 0;
        margin: 0;
        height: 3rem;
    }
}

@media (min-width: 994px) {
    :root {
        --space-xxl: 7.5rem;
        --space-xl: 7.5rem;
        --space-l: 5rem;
        --space-m: 3.75rem;
        --space-s: 2.812rem;
        --space-xs: 1.25rem;
        --space-xxs: 0.937rem;
    }

    body {
        font-size: 1.25em;
    }

    h1, .t1, [data-accordion] [data-control], button {
        letter-spacing: 0.05em;
    }

    .txtLink, .sc-quickInquiry > div label {
        font-size: 0.9em;
    }

    h4, .t4, .roomBoxesPreviewWrapper .SliderBox article .txtWrapper .headline {
        letter-spacing: 0.038em;
    }

    .siteAnchors .siteAnchorsInner a {
        letter-spacing: 0.045em;
    }

    .button, .newsletterForm .be-widget-buttonArea > span {
        letter-spacing: 0.041em;
    }

    .SiTable table tr:nth-child(1) {
        letter-spacing: 0.15em;
    }

    .highlightBoxesWrapper .highlightBox .headline {
        letter-spacing: 0.065em;
    }

    .offerBoxesWrapper .SliderBox article .txtWrapper .headline {
        font-size: 1.3em;
    }

    .newsletter input {
        font-size: 1.15em;
    }

    button, .button, .highlightBoxesWrapper .highlightBox .headline, a.txtLink {
        font-size: 1em;
    }

    .button, .newsletterForm .be-widget-buttonArea > span {
        font-size: 1.2em;
    }

    [data-accordion] [data-control] {
        font-size: 1em;
        line-height: 1.8;
    }

    .accVertical [data-accordion] [data-control] {
        font-size: 1.2em;
    }

    [data-accordion] > [data-control]:after {
        margin-top: 0.5rem;
    }

    .accordion {
        margin-bottom: 1.375rem;
    }

    .siteAnchors .siteAnchorsInner a {
        font-size: 1.1em;
    }

    h1, .t1, h2, .t2, .popup h1, .noH2 h1, .single-angebote .postIntroText .headline {
        font-size: 2.5em;
        margin-bottom: 2.5rem;
    }

    h1, .t1, .highlightBoxesWrapper .highlightBox .headline {
        font-size: 1em;
    }

    h3, .t3, .SliderBox .txtWrapper h3, .offerBoxesWrapper .offerBoxesWrapper .SliderBox article .txtWrapper .headline, .single-angebote .postPeriodWrapper .headline, .single-angebote .postPriceWrapper .headline {
        font-size: 1.3em;
    }

    h4, .t4, .roomBoxesPreviewWrapper .SliderBox article .txtWrapper .headline {
        font-size: 1.3em;
    }

    .sc-masterContainer ul li:before {
        top: -0.25rem;
    }

    button, .button, .newsletterForm .be-widget-buttonArea > span {
        padding: 0.437rem 1.25rem;
    }

    .highlightBoxesWrapper .highlightBox .headline span {
        font-size: 1.2em;
    }

    .widthWrapperDesktop, .blockAccordion .accVertical, .blockAccordion .accTextImage  {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        max-width: 79.375rem;
    }

    .boxLayout .box {
        width: 47.5%;
    }

    .gmap iframe {
        aspect-ratio: 5/2
    }

    /*SliderBox (Rooms & Offers) Styles*/
    .boxesSliderWrapper .slick-slide {
        margin-right: 1.25rem;
        margin-left: 1.25rem;
    }

    .boxesSliderWrapper .slick-list {
        margin-right: -1.25rem;
        margin-left: -1.25rem;
    }

    .boxesSliderWrapper .slick-slide article, .reviewBoxesWrapper .slick-slide article {
        margin: 0;
        margin-bottom: 1.562rem;
    }

    .boxesSliderWrapper .slick-slide {
        opacity: 1;
    }

    .boxesSliderWrapper .slick-arrow {
        left: 4.5%;
    }

    .boxesSliderWrapper .slick-next.slick-arrow {
        left: initial;
        right: 4.5%;
    }

    /*Photo Tab Styles*/
    .tabs .large-slideshow .no-slideshow {
        margin-left: -1.25rem;
        margin-right: -1.25rem;
    }

    .tabs .large-slideshow .no-slideshow img {
        margin: 1.25rem;
        height: auto;
        width: calc(33.33% - 2.5rem);
    }

    .tabs > [data-control] button:before {
        margin-bottom: -0.312rem;
    }

    .highlightBoxesWrapper a, .highlightBoxesWrapper > article {
        width: calc(33.333% - 1.666rem);
        margin-bottom: 3.5%;
    }

    /*Optional: Highlights Animation*/
    .highlightBoxesWrapper > .highlightBox:nth-child(4):after, .highlightBoxesWrapper > .highlightBox:nth-child(8):after {
        animation: fadeinanimation 10s infinite;
        -webkit-animation: fadeinanimation 10s infinite;
        opacity: 0.8;
    }

    .highlightBoxesWrapper > .highlightBox:nth-child(1):after, .highlightBoxesWrapper > .highlightBox:nth-child(3):after, .highlightBoxesWrapper > .highlightBox:nth-child(5):after, .highlightBoxesWrapper > .highlightBox:nth-child(7):after, .highlightBoxesWrapper > .highlightBox:nth-child(9):after {
        animation: fadeinanimationGroup2 10s infinite;
        -webkit-animation: fadeinanimationGroup2 10s infinite;
        opacity: 1;
    }

    .bestpriceBtn {
        background-position: -700px -1320px;
        width: 10rem;
        height: 10rem;
    }
    .bestpriceBtn:lang(nl) {
        background-position: -1190px -1320px;
    }

    .columnLayout {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .columnLayout div {
        margin: 0 2.5%;
    }

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

    .headerSlider .slick-arrow, .popup .slick-arrow {
        right: 3%;
        bottom: 5vh;
    }

    .headerSlider .slick-next.slick-arrow, .popup .slick-next.slick-arrow {
        right: 3%;
        left: initial;
    }

    /*Big Arrow*/
    .headerSlider .slick-arrow {
        height: 2.5rem;
        width: 1.875rem;
        margin-right: 2.5rem;
        left: 3%;
    }

    .headerSlider .slick-next.slick-arrow {
        margin-right: 0;
    }

    .SliderBox .txtWrapper {
        min-height: 18.75rem;
    }

    .offerBoxesWrapper .SliderBox .txtWrapper {
        min-height: 22.5rem;
    }

    /*Accordion Vertical*/
    .accVertical [data-accordion].accordion [data-content] {
        text-align: left;
        height: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 0;
        padding-top: 0;
        opacity: 0;
        transition-delay: 3s;
        -webkit-transition: opacity 0.8s ease;
        -o-transition: opacity 0.8s ease;
        transition: opacity 0.8s ease;
        padding-left: 20%;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .accVertical [data-accordion].accordion.open [data-content] {
        opacity: 1;
    }

    .accVertical [data-accordion].accordion.open [data-content], .accVertical [data-accordion].accordion [data-content] {
        margin-top: 0;
        padding-top: 0;
        max-height: 100% !important;
    }

    .accVertical [data-accordion] [data-control] {
        background: var(--color-8);
        position: relative;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        border-bottom: 0;
    }

    .accVertical[data-accordion-group] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 55vh;
        min-height: 600px;
    }

    .accVertical .accordion {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 100%;
        -webkit-transition: -webkit-box-flex .9s ease;
        transition: -webkit-box-flex .9s ease;
        -o-transition: flex .9s ease;
        transition: flex .9s ease;
        transition: flex .9s ease, -webkit-box-flex .9s ease, -ms-flex .9s ease;
        position: relative;
    }

    .accVertical .accordion:last-child {
        border-right: 0;
    }

    .accVertical .accordion.open {
        -webkit-box-flex: 5;
        -ms-flex: 5;
        flex: 5;
    }

    .accVertical .accordion[data-accordion] [data-content] {
        overflow: inherit;
        max-height: inherit;
    }

    .accVertical [data-accordion].open [data-control] {
        background: transparent;
        width: 15%;
        z-index: 2;
    }

    .accVertical [data-accordion] [data-control] span {
        position: absolute;
        bottom: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        left: 0;
        display: flex;
        transform-origin: 0 0;
        width: 100%;
        height: 74%;
        align-items: center;
        writing-mode: tb-rl;
        transform: rotate(-180deg);
        top: 90%;
        left: 100%;
        text-transform: initial;
    }

    .accVertical [data-accordion] > [data-control]:after {
        left: 50%;
        margin-left: -0.781rem;
        top: 10%;
    }

    .siteAnchors .siteAnchorsInner a:hover:after {
        left: 0;
        right: 0;
        z-index: 2;
    }

    header .eyecatcherBtn {
        bottom: 13.125rem;
        left: 5%;
        height: 11.25rem;
        width: 11.25rem;
        line-height: 1.3;
    }

    header .eyecatcherBtn b {
        font-size: 1.6em;
    }

    header .eyecatcherBtn {
        font-size: 1em;
    }

    .sc-masterContainer ul li:before, .sc-masterContainer .bg2 ul li:before, .sc-masterContainer .bg3 ul li:before, .sc-masterContainer .bg4 ul li:before, .accVertical [data-accordion].accordion [data-content] ul li:before {
        background-position: -401px -650px;
    }

    .sc-masterContainer ul li:before {
        background-position: -401px -650px;
        background-size: 1500px 1500px;
        width: 2.375rem;
        height: 2.25rem;
        left: -3rem;
        top: -0.312rem;
    }

    .sc-masterContainer ul {
        padding-left: 3.25rem;
    }

    .sc-masterContainer ul li {
        margin-bottom: 0.75rem;
    }

    .showHeaderSlider header .MainLogo img, .showHeaderVideo header .MainLogo img {
        max-width: initial;
        position: absolute;
        object-fit: contain;
        width: 100%;
        height: 100%;
    }

    .showHeaderSlider header .MainLogo, .showHeaderVideo header .MainLogo {
        padding: 0;
        background: transparent;
        position: absolute;
        top: inherit;
        bottom: 10vh;
        margin-top: 0;
        left: 50%;
        width: 11.687rem;
        height: 14.25rem;
        transform: translate(-50%);
    }

    header .MainLogo img {
        width: 13.75rem;
    }

    .roomBoxesPreviewWrapper .SliderBox .txtWrapper {
        min-height: 17.5rem;
    }

    .accTextImage [data-accordion] [data-control] {
        padding: 1.59em 0;
        margin: 0 2.272em;
    }

    .accTextImage [data-content] .accTextImageWrapper {
        flex-direction: row;
        gap: 1.952rem;
        align-items: center;
        margin: 2.343rem 0;
    }

    .accTextImage [data-accordion].accordion [data-content] {
        margin: 0 1.952rem;
    }

    .accTextImage [data-content] .textBox {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .accTextImage [data-content] .imageBox {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 1200px) {
    .showHeaderSlider header .headerSlider:after, .showHeaderVideo header .headerVideo:after {
        content: "";
        width: 100%;
        height: 20vh;
        z-index: 1;
        position: absolute;
        top: 0;
        background: -o-linear-gradient(top, var(--color-1) 0, transparent 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, var(--color-1)), to(transparent));
        background: linear-gradient(to bottom, var(--color-1) 0, transparent 100%);
        left: 0;
        pointer-events: none;
    }

    .showHeaderSlider header .MainLogo, .showHeaderVideo header .MainLogo {
        height: 15vw;
        width: 18vw;
        max-width: 15.625rem;
        min-height: 14.562rem;
        max-height: 18.75rem;
        bottom: 7vh;
        left: 50%;
    }

    .topBar a.button {
        height: 4.5rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .siteAnchors, .scrolled .siteAnchors {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        bottom: inherit;
        top: 0;
    }

    .siteAnchors .siteAnchorsInner a {
        color: var(--color-9);
    }

    .siteAnchors .siteAnchorsInner a:after, .siteAnchors .siteAnchorsInner a.sianchorActive:after {
        background: var(--color-9);
    }

    .siteAnchors ul li {
        margin-right: 0.9rem;
    }

    .siteAnchors .siteAnchorsInner a {
        padding: 1.437rem 0;
    }

    .scrolled .siteAnchors {
        background: var(--color-2);
        -webkit-box-shadow: 0 -0.25rem 0.625rem 0 #464646;
        box-shadow: 0 -0.25rem 0.625rem 0 #464646;
    }

    .siteAnchors:after {
        display: none;
    }

    .sc-language-selector {
        top: 6.25rem;
    }

    /*Anchor Menu*/
    .anchorMenuWrapper {
        top: 4.375rem;
    }

    /*Quicklinks Styles*/
    .quicklinksBar {
        right: initial;
        left: 1.25rem;
        width: auto;
        height: auto;
        bottom: initial;
        top: 12vh;
        display: flex;
        flex-direction: column;
    }

    .quicklinksBar a {
        margin: 0;
        margin-bottom: 1.25rem;
        display: block;
    }

    .boxesSliderWrapper {
        max-width: 79.375rem;
        width: 90%;
        overflow: initial;
    }

    .boxesSliderWrapper .slick-arrow, .reviewBoxesWrapper .slick-arrow {
        bottom: 50%;
        margin-top: -1.125rem;
    }

    .boxesSliderWrapper .slick-arrow {
        left: -4.5%;
    }

    .boxesSliderWrapper .slick-next.slick-arrow {
        left: initial;
        right: -4.5%;
    }

    .reviewBoxesWrapper .slick-arrow {
        margin-bottom: 3.75rem;
    }

    .accVertical[data-accordion-group] {
        height: 45vh;
        min-height: 34.375rem;
    }

    .home .footer {
        padding-bottom: 0;
    }
}

@media (min-width: 1400px) {
    .siteAnchors .siteAnchorsInner a {
        letter-spacing: 0.041em;
    }

    .siteAnchors ul li {
        margin-right: 3%;
    }

    .scrolled .siteAnchors ul {
        padding-left: 2%;
    }

    .scrolled .siteAnchors ul li.logo_menu {
        display: inline-block;
        width: 4.687rem;
        height: 3.25rem;
        padding: 0;
        vertical-align: middle;
        margin-bottom: 0.187rem;
    }

    .siteAnchors .siteAnchorsInner .logo_menu {
        background-image: var(--path-vector-logo-sticky);
        background-repeat: no-repeat;
        background-position: 0px;
        background-size: 75px 52px;
    }

    .siteAnchors .siteAnchorsInner .logo_menu a {
        font-size: 0;
    }

    .siteAnchors .siteAnchorsInner a {
        font-size: 1.2em;
    }

    .topBar a.button {
        height: 4.687rem;
    }
}

/* --- --- --- FORM Styles auslagern in eAssistant --- --- --- */
/*Datepicker Calender*/
.sc-layout .form #eassistant #be-datepicker {
    z-index: 10;
    border: 0.0625rem solid var(--color-8);
}

.sc-layout .form #eassistant #be-datepicker-monthYear {
    text-align: center;
    line-height: 2.5rem;
    text-transform: uppercase;
    color: var(--color-1);
    background: var(--color-9);
}

.sc-layout .form #eassistant #be-datepicker-month, .sc-layout .form #eassistant #be-datepicker-year {
    font-size: 1.125rem;
    font-weight: normal;
}

.sc-layout .form #eassistant a#be-datepicker-next, .sc-layout .form #eassistant a#be-datepicker-back, .sc-layout .form #eassistant a#be-datepicker-next:hover, .sc-layout .form #eassistant a#be-datepicker-back:hover {
    font-weight: normal;
    color: var(--color-1);
}

.sc-layout .form #eassistant .be-datepicker-selectedDay, .sc-layout .form #eassistant .be-datepicker-days-background:hover {
    background-color: var(--color-9);
    color: var(--color-1) !important;
}

.sc-layout .form #eassistant .be-datepicker-days-background {
    background-color: #eeeeee;
}

/*Button Styles*/
.sc-layout .form #eassistant .be-widget-button, .sc-layout .form #eassistant .be-widget-buttonArea > span {
    font-weight: var(--font-weight-2);
    cursor: pointer;
    background: var(--color-9);
    padding: 0.687rem 1.125rem !important;
    text-transform: uppercase;
    color: var(--color-1) !important;
    text-decoration: none;
    display: inline-block;
    border-radius: 0;
    line-height: 1.5;
    letter-spacing: 0.066em;
    font-family: var(--font-family-2);
    font-size: 0.937rem;
}

.sc-layout .form #eassistant input {
    margin-left: 0;
    margin-right: 0.375rem;
}

.sc-layout .form #eassistant .be-widget-button:hover, .sc-layout .form #eassistant .be-widget-buttonArea > span:hover {
    background: var(--color-8);
}

/*Button Styles END*/
.sc-layout .form #eassistant .be-contact-formField, .sc-layout .form #eassistant .be-contact-textField, .sc-layout .form #eassistant .be-contact-textArea, .sc-layout .form #eassistant .becontact-label, .sc-layout .form #eassistant .be-contact-formField select, .sc-layout .form #eassistant .full, .sc-layout .form #eassistant .be-contact-confirmationText {
    font-family: var(--font-family-2);
    color: var(--color-6);
    font-size: 1.062rem;
    line-height: 1.5;
    font-weight: var(--font-weight-1);
}

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

.sc-layout .form #eassistant #Privacy a:hover {
    color: var(--color-8);
}

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

.sc-layout .form #eassistant::-webkit-input-placeholder {
    color: var(--color-6);
}

.sc-layout .form #eassistant::-moz-placeholder {
    color: var(--color-6);
}

.sc-layout .form #eassistant:-ms-input-placeholder {
    color: var(--color-6);
}

.sc-layout .form #eassistant:-moz-placeholder {
    color: var(--color-6);
}

.sc-layout .form #eassistant .seperate .be-contact-label {
    font-family: var(--font-family-2);
    line-height: 1.2;
    color: var(--color-9);
    margin-bottom: 0.625rem;
    margin-top: 0.937rem;
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-weight: var(--font-weight-1);
    font-size: 1.375rem;
    letter-spacing: 0.045em;
}

.sc-layout .form #eassistant .full {
    float: left;
    width: 100%;
    margin: 0.937rem 0 0.312rem 0;
}

.sc-layout .form #eassistant .be-contact-textField, .sc-layout .form #eassistant .be-contact-formField select, .sc-layout .form #eassistant .be-contact-textArea {
    width: 100%;
    height: 2.375rem;
    border: 0.0625rem solid #828282;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.312rem;
    background: var(--color-1);
}

.sc-layout .form #eassistant .be-contact-textArea {
    min-height: 7.812rem;
}

.sc-layout .form #eassistant .be-contact-childAge select {
    max-width: 9.062rem;
    background: var(--color-1);
}

.sc-layout .form #eassistant input {
    margin-left: 0;
    margin-right: 0.375rem;
}

.sc-layout .form #eassistant .be-state-fail {
    color: var(--color-9);
}

.sc-layout .form #eassistant .be-contact-textField-error, .sc-layout .form #eassistant .be-contact-select-error, .sc-layout .form #eassistant .be-contact-textArea-error, .be-contact-invalidFields, .sc-layout .form #eassistant select.be-contact-select-error {
    border: 0.0625rem solid var(--color-9) !important;
    background-color: #f8e8e8;
}

.sc-layout .form #eassistant .be-contact-invalidFields {
    display: none;
}

/* PreSelected InputField from Quickrequest */
.sc-layout .form #eassistant .preSelected, .sc-layout .form #eassistant .be-contact-formField select.preSelected {
    border: 0.125rem solid #7aa749;
    background-color: rgb(122, 167, 73);
    background-color: rgba(122, 167, 73, 0.15);
}

/* Responsive */
@media (min-width: 500px) {
    .sc-layout .form #eassistant .seperate .be-contact-label {
        letter-spacing: 0.032em;
    }

    .sc-layout .form #eassistant .be-contact-formField {
        width: 50%;
        min-width: 0;
    }

    .sc-layout .form #eassistant .be-contact-textField, .sc-layout .form #eassistant .be-contact-formField select, .sc-layout .form #eassistant .seperate .be-contact-label, .sc-layout .form #eassistant #Comment {
        width: calc(100% - 0.937rem);
        min-width: 0;
    }

    .sc-layout .form #eassistant #Privacy {
        width: 100%;
    }

    .sc-layout .form #eassistant .seperate .be-contact-label {
        font-size: 1.912rem;
    }
}

@media (min-width: 994px) {
    .sc-layout .form #eassistant .be-widget-button, .sc-layout .form #eassistant .be-widget-buttonArea > span {
        letter-spacing: 0.05em;
    }

    .sc-layout .form #eassistant .seperate .be-contact-label {
        letter-spacing: 0.029em;
    }

    .sc-layout .form #eassistant .seperate .be-contact-label {
        font-size: 2.125rem;
    }

    .sc-layout .form #eassistant .be-contact-formField {
        width: 33.333%;
    }

    .sc-layout .form #eassistant .be-contact-formField, .sc-layout .form #eassistant .be-contact-textField, .sc-layout .form #eassistant .be-contact-textArea, .sc-layout .form #eassistant .be-contact-label, .sc-layout .form #eassistant .be-contact-formField select, .sc-layout .form #eassistant .be-contact-confirmationText {
        font-size: 1.25rem;
    }

    .sc-layout .form #eassistant .be-contact-textField, .sc-layout .form #eassistant .be-contact-formField select, .sc-layout .form #eassistant .be-contact-textArea {
        height: 2.5rem;
    }

    .sc-layout .form #eassistant .be-widget-button, .sc-layout .form #eassistant .be-widget-buttonArea > span {
        font-size: 1.25rem;
        padding: 0.437rem 1.25rem !important;
    }

    .sc-layout .form #eassistant #EmailAddress {
        width: 100%;
    }
}