Referer:
Issues:
36 Errors 11 Probable Errors 38 Warnings
Summary report > Page report
36 Errors
- 21 WCAG2 AA
- 21 E910 - SC 1.4.4: Use relative rather than absolute units. Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
1 Use relative rather than absolute units with 'font-size' font-size:18px 1 Use relative rather than absolute units with 'letter-spacing' letter-spacing:2px 1 Use relative rather than absolute units with 'font-size' font-size:20px 1 Use relative rather than absolute units with 'font-size' font-size:12px 1 Use relative rather than absolute units with 'letter-spacing' letter-spacing:1.8px 1 Use relative rather than absolute units with 'font-size' font-size:14px 1 Use relative rather than absolute units with 'letter-spacing' letter-spacing:2.8px 1 Use relative rather than absolute units with 'letter-spacing' letter-spacing:1.6px 1 Use relative rather than absolute units with 'font-size' font-size:14px 1 Use relative rather than absolute units with 'letter-spacing' letter-spacing:1.4px 1 Use relative rather than absolute units with 'font-size' font-size:14px 1 Use relative rather than absolute units with 'font-size' font-size:14px 1 Use relative rather than absolute units with 'font-size' font-size:14px 1 Use relative rather than absolute units with 'font-size' font-size:12px 1 Use relative rather than absolute units with 'letter-spacing' letter-spacing:1.2px 1 Use relative rather than absolute units with 'font-size' font-size:14px 1 Use relative rather than absolute units with 'letter-spacing' letter-spacing:2.8px 1 Use relative rather than absolute units with 'font-size' font-size:12px 1 Use relative rather than absolute units with 'letter-spacing' letter-spacing:1.2px 1 Use relative rather than absolute units with 'font-size' font-size:12px 1 Use relative rather than absolute units with 'letter-spacing' letter-spacing:1.2px
- 21 E910 - SC 1.4.4: Use relative rather than absolute units. Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
- 15 CSS
- 2 E721 - Unrecognised at-rule. The at-rule is not recognised as valid for the selected CSS Level.
1 Unrecognised at-rule @media(min-width:1024px) and (max-width:1080px){.Hero_hero__xEuwZ .Hero_hero-wrapper__yEIv7 .Hero_hero-content__86tJM{margin-bottom:105px}} 1 Unrecognised at-rule @media(min-width:1920px){.TISlider_slider-wrapper__BUfNp .TISlider_ti-slider__eFFAc .TISlider_embla-container__x_ExE .TISlider_embla-slide__DjqWr .TISlider_media-wrapper__zbtvR img{aspect-ratio:3/4}} - 1 E776 - Unrecognised property. The property name is not recognised for the selected CSS Level.
1 Unrecognised property: @media screen and (max-width:1023px){width @media screen and (max-width:1023px){width:100vw - 12 E777 - Invalid value. Check the value against the list of valid rules from the official standard.
1 height has a value '40vh}@media' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain. See CSS Box Sizing Module Level 3. height:40vh}@media screen and (min-width:1024px){width:40vw 1 height has a value '100dvh}@media' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain. See CSS Box Sizing Module Level 3. height:100dvh}@media screen and (min-width:1408px){width:33vw 1 height has a value '18.5vw}' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain. See CSS Box Sizing Module Level 3. height:18.5vw} 1 width has a value '-moz-fit-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain. See CSS Box Sizing Module Level 3. width:-moz-fit-content 1 height has a value '-moz-fit-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain. See CSS Box Sizing Module Level 3. height:-moz-fit-content 1 width has a value '-moz-max-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain. See CSS Box Sizing Module Level 3. width:-moz-max-content 1 width has a value '-moz-fit-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain. See CSS Box Sizing Module Level 3. width:-moz-fit-content 1 width has a value '-moz-fit-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain. See CSS Box Sizing Module Level 3. width:-moz-fit-content 1 width has a value '-moz-max-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain. See CSS Box Sizing Module Level 3. width:-moz-max-content 1 width has a value '-moz-fit-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain. See CSS Box Sizing Module Level 3. width:-moz-fit-content 1 width has a value '-moz-fit-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain. See CSS Box Sizing Module Level 3. width:-moz-fit-content 1 width has a value '-moz-max-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain. See CSS Box Sizing Module Level 3. width:-moz-max-content
- 2 E721 - Unrecognised at-rule. The at-rule is not recognised as valid for the selected CSS Level.
11 Probable Errors
- 11 WCAG2 A
- 11 P908 - SC 1.3.1: Do not insert content using CSS. Content inserted using CSS may not appear when CSS is turned off, or the user is using their own accessible style sheet. See WCAG2 Failure F87.
1 Do not insert content using CSS content:url(/_next/static/media/lh_plus.ed6697ed.svg)!important 1 Do not insert content using CSS content:url(/_next/static/media/lh_arrow_right.60061c8b.svg) 1 Do not insert content using CSS content:url(/_next/static/media/lh_arrow_right_white.d729c335.svg) 1 Do not insert content using CSS content:url(/_next/static/media/lh_plus.ed6697ed.svg) 1 Do not insert content using CSS content:url(/_next/static/media/lh_plus_white.8a682195.svg) 1 Do not insert content using CSS content:url(/_next/static/media/lh_plus_white.8a682195.svg) 1 Do not insert content using CSS content:url(/_next/static/media/lh_plus.ed6697ed.svg) 1 Do not insert content using CSS content:url(/_next/static/media/lh_plus_white.8a682195.svg) 1 Do not insert content using CSS content:url(/_next/static/media/lh_plus_white.8a682195.svg) 1 Do not insert content using CSS content:url(/_next/static/media/lh_arrow_right.60061c8b.svg) 1 Do not insert content using CSS content:url(/_next/static/media/lh_arrow_right_white.d729c335.svg)
- 11 P908 - SC 1.3.1: Do not insert content using CSS. Content inserted using CSS may not appear when CSS is turned off, or the user is using their own accessible style sheet. See WCAG2 Failure F87.
38 Warnings
- 38 CSS
- 35 W776 - Vendor extension used. Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
1 A vendor extension has been used: -o-object-position -o-object-position:top 1 A vendor extension has been used: -webkit-appearance -webkit-appearance:none 1 A vendor extension has been used: -moz-appearance -moz-appearance:none 1 A vendor extension has been used: -o-object-fit -o-object-fit:cover 1 A vendor extension has been used: -moz-column-gap -moz-column-gap:.625rem 1 A vendor extension has been used: -moz-column-gap -moz-column-gap:2rem 1 A vendor extension has been used: -o-object-fit -o-object-fit:cover 1 A vendor extension has been used: -o-object-position -o-object-position:top 1 A vendor extension has been used: -moz-column-gap -moz-column-gap:3.75rem 1 A vendor extension has been used: -o-object-fit -o-object-fit:cover 1 A vendor extension has been used: -o-object-fit -o-object-fit:cover 1 A vendor extension has been used: -webkit-appearance -webkit-appearance:none 1 A vendor extension has been used: -moz-appearance -moz-appearance:none 1 A vendor extension has been used: input::-webkit-slider-thumb .Range_range__xO8p1 input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:2rem;width:2rem;background-color:var(--selected-resort-color);border-radius:50%;border:4px solid #f7f7f7;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out} 1 A vendor extension has been used: -webkit-appearance -webkit-appearance:none 1 A vendor extension has been used: -webkit-transition -webkit-transition:.2s ease-in-out 1 A vendor extension has been used: input::-moz-range-thumb .Range_range__xO8p1 input[type=range]::-moz-range-thumb{height:2rem;width:2rem;background-color:var(--selected-resort-color);border-radius:50%;border:4px solid #f7f7f7;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out} 1 A vendor extension has been used: -moz-transition -moz-transition:.2s ease-in-out 1 A vendor extension has been used: input::-moz-placeholder .Input_input__1Q_pw input::-moz-placeholder,.Input_input__1Q_pw select::-moz-placeholder,.Input_input__1Q_pw textarea::-moz-placeholder{line-height:1.25rem;color:#2c2f38;opacity:.5;text-transform:uppercase;font-size:.875rem} 1 A vendor extension has been used: -webkit-appearance -webkit-appearance:none 1 A vendor extension has been used: -moz-appearance -moz-appearance:none 1 A vendor extension has been used: input::-moz-placeholder .has-dark-blue-bg .Input_input__1Q_pw input::-moz-placeholder,.has-dark-blue-bg .Input_input__1Q_pw select::-moz-placeholder,.has-dark-blue-bg .Input_input__1Q_pw textarea::-moz-placeholder{color:#f7f7f7} 1 A vendor extension has been used: -webkit-appearance -webkit-appearance:none 1 A vendor extension has been used: -moz-appearance -moz-appearance:none 1 A vendor extension has been used: -o-object-fit -o-object-fit:cover 1 A vendor extension has been used: -ms-overflow-style -ms-overflow-style:none 1 A vendor extension has been used: -ms-overflow-style -ms-overflow-style:none 1 A vendor extension has been used: -o-object-fit -o-object-fit:cover 1 A vendor extension has been used: -o-object-fit -o-object-fit:cover 1 A vendor extension has been used: -ms-overflow-style -ms-overflow-style:none 1 A vendor extension has been used: -ms-overflow-style -ms-overflow-style:none 1 A vendor extension has been used: -o-object-fit -o-object-fit:cover 1 A vendor extension has been used: -o-object-fit -o-object-fit:cover 1 A vendor extension has been used: -o-object-fit -o-object-fit:cover 1 A vendor extension has been used: -o-object-fit -o-object-fit:contain - 3 W777 - Experimental item. Because this item is so new, it's definition has not yet been agreed upon, and so it has not been tested. Experimental items should be avoided as few browsers may support them, and their definition may change at any time.
1 This item is experimental and has been ignored: backdrop-filter backdrop-filter:blur(6px) 1 This item is experimental and has been ignored: backdrop-filter backdrop-filter:blur(6px) 1 This item is experimental and has been ignored: backdrop-filter backdrop-filter:blur(6px)
- 35 W776 - Vendor extension used. Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
1 .Zitat_quote__RZHcN .overline {
1 display:block;
1 letter-spacing:.25em;
1 margin-bottom:.5rem;
1 }
1 .Zitat_quote__RZHcN .Zitat_quote-content__GkLYa {
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 font-weight:inherit;
1 color:#2c2f38;
1 letter-spacing:.1em;
1 font-size:1.25rem;
1 line-height:2rem;
1 margin-bottom:2.5rem;
1 }
1 .Zitat_quote__RZHcN .Zitat_quote-content__GkLYa strong,.Zitat_quote__RZHcN .Zitat_quote-name__QpH5A {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 font-weight:inherit;
1 }
1 .Zitat_quote__RZHcN .Zitat_quote-name__QpH5A {
1 font-size:1.05rem;
1 line-height:1.25rem;
1 color:#2c2f38;
1 letter-spacing:.1em;
1 }
1 @media screen and (min-width:1408px) {
1 .Zitat_quote__RZHcN .Zitat_quote-name__QpH5A {
1 font-size:1.15rem;
1 }
1 }
1 .Zitat_quote__RZHcN .Zitat_quote-icon__SsW57 {
1 position:absolute;
1 top:-1rem;
1 left:0;
1 width:60px;
1 display:flex;
1 filter:brightness(0) saturate(100%) invert(77%) sepia(16%) saturate(398%) hue-rotate(51deg) brightness(87%) contrast(86%);
1 }
1 @media screen and (min-width:1408px) {
1 .Zitat_quote__RZHcN .Zitat_quote-icon__SsW57 {
1 width:70px;
1 }
1 }
1 @media screen and (min-width:1216px) {
1 .Zitat_quote__RZHcN .Zitat_big-quote__Y8D5D .Zitat_quote-content__GkLYa p,.Zitat_quote__RZHcN .Zitat_big-quote__Y8D5D .Zitat_quote-name__QpH5A {
1 font-size:1.25rem;
1 line-height:2rem;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .Zitat_quote__RZHcN .Zitat_big-quote__Y8D5D .Zitat_quote-content__GkLYa p,.Zitat_quote__RZHcN .Zitat_big-quote__Y8D5D .Zitat_quote-name__QpH5A {
1 font-size:1.75rem;
1 line-height:2.75rem;
1 }
1 }
1 .Zitat_quote__RZHcN .Zitat_big-quote__Y8D5D .Zitat_quote-icon__SsW57 {
1 position:static;
1 width:3rem;
1 margin-bottom:.5rem;
1 filter:none;
1 }
1 .Zitat_quote__RZHcN .Zitat_big-quote__Y8D5D .Zitat_quote-icon__SsW57 svg path {
1 fill:#e274ab!important;
1 }
1 @media screen and (max-width:767px) {
1 .Zitat_quote__RZHcN .image-wrapper {
1 overflow:visible;
1 overflow:initial;
1 }
1 .Zitat_quote__RZHcN .image-wrapper img {
1 width:calc(100% + 3rem + 16px);
1 
W776CSS: A vendor extension has been used: -o-object-position
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-o-object-position:top;
1 object-position:top;
1 max-width:none;
1 margin-left:-1.5rem;
1 }
1 .Zitat_quote__RZHcN .Zitat_is-flex-direction-column-reverse__hM0_8 {
1 flex-direction:column-reverse;
1 }
1 }
1 .TextMediaPostType_text-media-post-type__mIL3X .slider-teaser-text {
1 padding-bottom:0;
1 text-transform:inherit;
1 letter-spacing:0;
1 }
1 .TextMediaPostType_text-media-post-type__mIL3X .slider-teaser-text>:last-child {
1 padding-bottom:0;
1 }
1 @media print,screen and (min-width:768px) {
1 .TextMediaPostType_text-media-post-type__mIL3X .is-flex-direction-row-reverse .slider-teaser-text {
1 text-align:right;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .TextMediaPostType_text-media-post-type__mIL3X .is-flex-direction-row-reverse {
1 justify-content:flex-end;
1 }
1 }
1 @media screen and (max-width:767px) {
1 .TextMediaPostType_text-media-post-type__mIL3X .is-flex-direction-row-reverse .TextMediaPostType_media__rvZoZ {
1 width:calc(100% + 8px + 32px);
1 }
1 .TextMediaPostType_text-media-post-type__mIL3X .is-flex-direction-row .TextMediaPostType_media__rvZoZ {
1 width:calc(100% + 8px + 32px);
1 transform:translateX(-3rem);
1 }
1 .TextMediaPostType_text-media-post-type__mIL3X .is-flex-direction-column .TextMediaPostType_media__rvZoZ {
1 width:calc(100% + 16px + 64px);
1 transform:translateX(-3rem);
1 }
1 }
1 .TextMediaPostType_text-media-post-type__mIL3X .TextMediaPostType_back__Byv2W {
1 background-color:transparent;
1 }
1 .TextMediaPostType_text-media-post-type__mIL3X .TextMediaPostType_back__Byv2W:after {
1 transform:rotate(180deg) translate(50%,-50%)!important;
1 }
1 @media screen and (min-width:1024px) {
1 .TextMediaPostType_text-media-post-type__mIL3X .TextMediaPostType_back__Byv2W {
1 margin-bottom:5rem;
1 }
1 }
1 .TextMediaPostType_text-media-post-type__mIL3X .TextMediaPostType_slider-wrapper__C1MGi {
1 height:100%;
1 position:relative;
1 }
1 .TextMediaPostType_text-media-post-type__mIL3X .TextMediaPostType_slider-wrapper__C1MGi .TextMediaPostType_embla__vKTsT {
1 overflow:hidden;
1 position:relative;
1 }
1 .TextMediaPostType_text-media-post-type__mIL3X .TextMediaPostType_slider-wrapper__C1MGi .TextMediaPostType_embla-container___thwi {
1 display:flex;
1 }
1 .TextMediaPostType_text-media-post-type__mIL3X .TextMediaPostType_slider-wrapper__C1MGi .TextMediaPostType_embla-slide__O0zc2 {
1 flex:0 0 auto;
1 min-width:0;
1 }
1 .TextMediaPostType_text-media-post-type__mIL3X .TextMediaPostType_embla-slider__CnERj {
1 overflow:hidden;
1 width:100%;
1 height:100%;
1 }
1 .TextMediaPostType_text-media-post-type__mIL3X .TextMediaPostType_embla-slider__CnERj .TextMediaPostType_embla-container___thwi {
1 display:flex;
1 height:100%;
1 }
1 .TextMediaPostType_text-media-post-type__mIL3X .TextMediaPostType_embla-slider__CnERj .TextMediaPostType_embla-container___thwi .TextMediaPostType_embla-slide__O0zc2 {
1 margin-right:.75rem;
1 width:100%;
1 }
1 .TextMediaPostType_text-media-post-type__mIL3X .TextMediaPostType_embla-slider__CnERj .TextMediaPostType_embla-container___thwi .TextMediaPostType_embla-slide__O0zc2 .image-wrapper {
1 height:100%;
1 }
1 .TextMediaPostType_text-media-post-type__mIL3X .TextMediaPostType_embla-slider__CnERj .TextMediaPostType_embla-container___thwi .TextMediaPostType_embla-slide__O0zc2 .image-wrapper img {
1 width:100%;
1 height:100%;
1 }
1 .TextMediaPostType_text-media-post-type__mIL3X .TextMediaPostType_bullets__wf2FF {
1 position:absolute;
1 bottom:1rem;
1 left:50%;
1 transform:translateX(-50%);
1 }
1 .Video_iframe-box__4XM7S {
1 position:relative;
1 padding-bottom:56%;
1 overflow:hidden;
1 border-radius:6px;
1 height:100%;
1 width:100%;
1 }
1 .Video_iframe-box__4XM7S .Video_poster__AINyD {
1 position:absolute;
1 z-index:1;
1 height:100%;
1 width:100%;
1 background-size:cover;
1 background-position:50%;
1 cursor:pointer;
1 display:flex;
1 justify-content:center;
1 align-items:center;
1 }
1 .Video_iframe-box__4XM7S .Video_poster__AINyD:after {
1 position:absolute;
1 content:"";
1 background:#2b2b2b 0 0 no-repeat padding-box;
1 opacity:.3;
1 width:100%;
1 height:100%;
1 }
1 .Video_iframe-box__4XM7S .Video_poster__AINyD svg {
1 position:relative;
1 width:15%;
1 z-index:2;
1 }
1 .Video_iframe-box__4XM7S iframe {
1 position:absolute;
1 top:0;
1 left:0;
1 width:100%;
1 height:100%;
1 }
1 .Video_inline-video__BM7aU {
1 position:relative;
1 }
1 .Video_inline-video__BM7aU video {
1 display:block;
1 width:100%;
1 }
1 .ImageSlider_embla-slide__UJ8q3 {
1 position:relative;
1 background-color:#f7f7f7;
1 overflow:hidden;
1 width:100%;
1 }
1 .ImageSlider_embla-slide__UJ8q3 img {
1 aspect-ratio:3/4;
1 }
1 @media print,screen and (min-width:768px) {
1 .ImageSlider_embla-slide__UJ8q3 img {
1 aspect-ratio:3/2;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .ImageSlider_embla-slide__UJ8q3 img {
1 aspect-ratio:16/9;
1 }
1 }
1 .ImageSlider_image-slider__TnuEc {
1 position:relative;
1 }
1 .ImageSlider_image-slider__TnuEc .ImageSlider_embla__uRLLB {
1 overflow:hidden;
1 position:relative;
1 }
1 .ImageSlider_image-slider__TnuEc .ImageSlider_embla-container__QkKSm {
1 display:flex;
1 }
1 .ImageSlider_image-slider__TnuEc .ImageSlider_embla-slide__UJ8q3 {
1 flex:0 0 auto;
1 min-width:0;
1 }
1 .ImageSlider_image-slider__TnuEc:hover .ImageSlider_arrow-wrapper__9BrbD {
1 opacity:1;
1 }
1 .ImageSlider_embla__uRLLB {
1 position:relative;
1 }
1 .ImageSlider_embla-controls__Yoc4k {
1 position:absolute;
1 bottom:1.5rem;
1 left:50%;
1 transform:translateX(-50%);
1 }
1 .ImageSlider_embla-controls__Yoc4k .ImageSlider_embla-dots__T_k8w {
1 display:flex;
1 flex-wrap:wrap;
1 justify-content:flex-end;
1 align-items:center;
1 gap:14px;
1 }
1 .ImageSlider_embla-controls__Yoc4k .ImageSlider_embla-dot__aytBN {
1 W776CSS: A vendor extension has been used: -webkit-appearance
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-webkit-appearance:none;
1 W776CSS: A vendor extension has been used: -moz-appearance
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-moz-appearance:none;
1 appearance:none;
1 background-color:transparent;
1 touch-action:manipulation;
1 display:inline-flex;
1 text-decoration:none;
1 cursor:pointer;
1 border:1px solid #fff;
1 padding:0;
1 margin:0;
1 width:7px;
1 height:7px;
1 border-radius:50%;
1 }
1 .ImageSlider_embla-controls__Yoc4k .ImageSlider_embla-dot-selected__mpCjM {
1 background-color:#fff;
1 width:9px;
1 height:9px;
1 }
1 @media screen and (min-width:1024px) {
1 .ImageSlider_embla-controls__Yoc4k {
1 bottom:auto;
1 left:auto;
1 right:1.5rem;
1 top:1.5rem;
1 transform:none;
1 }
1 .ImageSlider_embla-controls__Yoc4k .ImageSlider_embla-dots__T_k8w {
1 flex-direction:column;
1 }
1 }
1 .Bullets_bullet-wrapper__0UKAZ {
1 display:flex;
1 justify-content:center;
1 align-items:center;
1 }
1 .Bullets_bullet-wrapper__0UKAZ[data-color=white] .Bullets_bullet__yTDhL {
1 border-color:#fff;
1 }
1 .Bullets_bullet-wrapper__0UKAZ[data-color=white] .Bullets_bullet__yTDhL[data-state=active] {
1 background:#fff;
1 }
1 .Bullets_bullet-wrapper__0UKAZ[data-direction=x] {
1 height:10px;
1 }
1 .Bullets_bullet-wrapper__0UKAZ[data-direction=x] .Bullets_bullet__yTDhL {
1 margin-right:.875rem;
1 }
1 .Bullets_bullet-wrapper__0UKAZ[data-direction=x] .Bullets_bullet__yTDhL:last-child {
1 margin-right:0;
1 }
1 .Bullets_bullet-wrapper__0UKAZ[data-direction=y] {
1 flex-direction:column;
1 height:auto;
1 width:10px;
1 }
1 .Bullets_bullet-wrapper__0UKAZ[data-direction=y] .Bullets_bullet__yTDhL {
1 margin-bottom:.875rem;
1 }
1 .Bullets_bullet-wrapper__0UKAZ[data-direction=y] .Bullets_bullet__yTDhL:last-child {
1 margin-bottom:0;
1 }
1 .Bullets_bullet-wrapper__0UKAZ .Bullets_bullet__yTDhL {
1 width:8px;
1 height:8px;
1 border:1px solid #2c2f38;
1 border-radius:50%;
1 padding:0;
1 background:transparent;
1 cursor:pointer;
1 transition:all .3s ease;
1 }
1 .Bullets_bullet-wrapper__0UKAZ .Bullets_bullet__yTDhL[data-state=active] {
1 background:#2c2f38;
1 width:10px;
1 height:10px;
1 }
1 .Bullets_bullet-wrapper__0UKAZ .Bullets_bullet__yTDhL[data-state=hidden] {
1 width:0;
1 height:0;
1 border:none;
1 margin:0;
1 }
1 .Bullets_bullet-wrapper__0UKAZ .Bullets_bullet__yTDhL[data-state=micro] {
1 width:4px;
1 height:4px;
1 }
1 .Bullets_bullet-wrapper__0UKAZ .Bullets_bullet__yTDhL[data-state=small] {
1 width:6px;
1 height:6px;
1 }
1 .SliderNavigation_arrow-wrapper__ae6Rp {
1 transition:all .3s ease-in-out;
1 position:absolute;
1 left:50%;
1 transform:translateX(-50%);
1 display:flex;
1 gap:1.5rem;
1 }
1 @media screen and (min-width:1024px) {
1 .SliderNavigation_arrow-wrapper__ae6Rp.SliderNavigation_only-hover__8hvv2 {
1 opacity:0;
1 }
1 }
1 .SliderNavigation_arrow-wrapper__ae6Rp.SliderNavigation_position-bottom__zMzwc {
1 bottom:1.5rem;
1 }
1 .SliderNavigation_arrow-wrapper__ae6Rp.SliderNavigation_position-top__iRN4B {
1 top:1.5rem;
1 }
1 .SliderNavigation_arrow-wrapper__ae6Rp .SliderNavigation_embla-button__1AiCJ {
1 background:none;
1 border:none;
1 cursor:pointer;
1 padding:0;
1 }
1 @media screen and (max-width:767px) {
1 .SliderNavigation_arrow-wrapper__ae6Rp .SliderNavigation_embla-button__1AiCJ {
1 display:none;
1 }
1 }
1 .SliderNavigation_arrow-wrapper__ae6Rp .SliderNavigation_embla-button--prev__q8bYZ {
1 transform:rotate(180deg);
1 }
1 .SliderNavigation_arrow-wrapper__ae6Rp .SliderNavigation_embla-button__1AiCJ svg {
1 width:3rem;
1 height:3rem;
1 display:block;
1 }
1 @media screen and (max-width:767px) {
1 .Media_media-container__Ka0fD .Media_media-col__1Zmbn {
1 margin:-2rem;
1 width:calc(100% + 2rem);
1 }
1 }
1 .Media_media-module__IFZ1f .Media_media-image__ZO1jW {
1 max-height:90vh;
1 display:flex;
1 }
1 .Media_media-module__IFZ1f .Media_back__dNsdY {
1 background-color:transparent;
1 }
1 .Media_media-module__IFZ1f .Media_back__dNsdY:after {
1 transform:rotate(180deg) translate(50%,-50%)!important;
1 }
1 @media screen and (min-width:1024px) {
1 .Media_media-module__IFZ1f .Media_back__dNsdY {
1 margin-bottom:5rem;
1 }
1 }
1 .Media_media-module__IFZ1f video {
1 width:100%;
1 }
1 .Media_media-module__IFZ1f .Media_video-blocker__jmjcL {
1 aspect-ratio:16/9;
1 width:100%;
1 }
1 .Media_media-module__IFZ1f .Media_content-blocker-video-wrapper__X5m0I {
1 width:100%;
1 }
1 .Media_media-module__IFZ1f .Media_content-blocker-video-wrapper__X5m0I.Media_is-playing__BZ6NR .Media_video-thumbnail__0AtKR {
1 filter:none;
1 opacity:0;
1 }
1 .Media_media-module__IFZ1f .Media_content-blocker-video-wrapper__X5m0I .Media_video-thumbnail__0AtKR {
1 width:100%;
1 W776CSS: A vendor extension has been used: -o-object-fit
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-o-object-fit:cover;
1 object-fit:cover;
1 aspect-ratio:16/9;
1 }
1 @media print,screen and (min-width:768px) {
1 .Media_media-module__IFZ1f .Media_content-blocker-video-wrapper__X5m0I .Media_video-thumbnail__0AtKR {
1 filter:blur(3px);
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .Media_media-module__IFZ1f .Media_content-blocker-video-wrapper__X5m0I .Media_video-thumbnail__0AtKR {
1 filter:blur(4px);
1 }
1 }
1 .Headline_overline__0PWBJ {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 display:block;
1 text-transform:uppercase;
1 letter-spacing:.25em;
1 margin-bottom:.5rem;
1 }
1 .TextPostType_text-post-type__0ZK4B .TextPostType_back__VrhKl {
1 background-color:transparent;
1 }
1 .TextPostType_text-post-type__0ZK4B .TextPostType_back__VrhKl:after {
1 transform:rotate(180deg) translate(50%,-50%)!important;
1 }
1 @media screen and (min-width:1024px) {
1 .TextPostType_text-post-type__0ZK4B .TextPostType_back__VrhKl {
1 margin-bottom:5rem;
1 }
1 }
1 .Content_links-box__GSMkp {
1 display:flex;
1 flex-direction:column;
1 }
1 @media print,screen and (min-width:768px) {
1 .Content_links-box__GSMkp {
1 flex-direction:row;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .Content_links-box__GSMkp {
1 flex-direction:column;
1 }
1 }
1 .TeamGrid_grid__ADCdG {
1 display:flex;
1 W776CSS: A vendor extension has been used: -moz-column-gap
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-moz-column-gap:.625rem;
1 column-gap:.625rem;
1 }
1 @media screen and (min-width:1024px) {
1 .TeamGrid_grid__ADCdG {
1 W776CSS: A vendor extension has been used: -moz-column-gap
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-moz-column-gap:2rem;
1 column-gap:2rem;
1 }
1 }
1 .TeamGrid_grid__ADCdG .TeamGrid_column__peUQo {
1 display:flex;
1 flex-direction:column;
1 width:100%;
1 }
1 .TeamGrid_grid__ADCdG .TeamGrid_column__peUQo:nth-child(2n) {
1 margin-top:5rem;
1 }
1 .TeamGrid_team-member-modal-wrapper__rVkg8 {
1 position:fixed;
1 inset:0;
1 z-index:100;
1 }
1 .TeamGrid_team-member-modal-wrapper__rVkg8 .TeamGrid_team-member-modal__86D83 {
1 position:absolute;
1 z-index:100;
1 left:0;
1 background-color:#2c2f38;
1 padding-left:4.71vw;
1 padding-right:4.71vw;
1 padding-top:2.5rem;
1 overflow-y:scroll;
1 scrollbar-width:none;
1 }
1 @media screen and (min-width:1024px)and (max-width:1215px) {
1 .TeamGrid_team-member-modal-wrapper__rVkg8 .TeamGrid_team-member-modal__86D83 {
1 padding-left:6rem;
1 padding-right:6rem;
1 padding-top:6rem;
1 }
1 }
1 @media screen and (min-width:1216px)and (max-width:1407px) {
1 .TeamGrid_team-member-modal-wrapper__rVkg8 .TeamGrid_team-member-modal__86D83 {
1 padding-left:6rem;
1 padding-right:6rem;
1 padding-top:6rem;
1 }
1 }
1 @media screen and (max-width:1023px) {
1 .TeamGrid_team-member-modal-wrapper__rVkg8 .TeamGrid_team-member-modal__86D83 {
1 top:40vh;
1 height:60vh;
1 left:0;
1 width:100vw;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .TeamGrid_team-member-modal-wrapper__rVkg8 .TeamGrid_team-member-modal__86D83 {
1 top:0;
1 left:0;
1 width:60vw;
1 height:100vh;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .TeamGrid_team-member-modal-wrapper__rVkg8 .TeamGrid_team-member-modal__86D83 {
1 top:calc(48px + 18.5vw);
1 width:33vw;
1 height:calc(100dvh - (48px + 18.5vw));
1 }
1 }
1 .TeamGrid_team-member-modal-wrapper__rVkg8 .TeamGrid_team-member-modal__86D83 .h2 {
1 display:block;
1 margin-bottom:.5rem;
1 color:#fff;
1 }
1 .TeamGrid_team-member-modal-wrapper__rVkg8 .TeamGrid_team-member-modal__86D83 .TeamGrid_position__8BLj5 {
1 color:#9eb090;
1 display:block;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 }
1 .TeamGrid_team-member-modal-wrapper__rVkg8 .TeamGrid_team-member-modal__86D83 .TeamGrid_divider__nT_LY {
1 width:100%;
1 background-color:#fff;
1 height:1px;
1 margin:2rem 0;
1 }
1 .TeamGrid_team-member-modal-wrapper__rVkg8 .TeamGrid_team-member-modal__86D83 .TeamGrid_vita__d5rJF * {
1 color:#fff;
1 }
1 .TeamGrid_open-close-button__uLET2 {
1 cursor:pointer;
1 width:2rem;
1 height:2rem;
1 background-color:#fff;
1 z-index:20;
1 display:flex;
1 justify-content:center;
1 align-items:center;
1 position:absolute;
1 right:0;
1 }
1 @media print,screen and (min-width:768px) {
1 .TeamGrid_open-close-button__uLET2 {
1 width:3.5rem;
1 height:3.5rem;
1 }
1 }
1 .TeamGrid_open-close-button__uLET2[data-bg=has-grey-bg] {
1 background-color:#f7f7f7;
1 }
1 .TeamGrid_open-close-button__uLET2.TeamGrid_team-member-modal-button__eo_7n {
1 position:fixed;
1 z-index:102;
1 }
1 @media screen and (max-width:1023px) {
1 .TeamGrid_open-close-button__uLET2.TeamGrid_team-member-modal-button__eo_7n {
1 right:0;
1 top:0;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .TeamGrid_open-close-button__uLET2.TeamGrid_team-member-modal-button__eo_7n {
1 right:0;
1 top:0;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .TeamGrid_open-close-button__uLET2.TeamGrid_team-member-modal-button__eo_7n {
1 left:calc(33vw - 3.5rem);
1 top:48px;
1 right:auto;
1 }
1 }
1 .TeamGrid_open-close-button__uLET2 svg {
1 width:1.125rem;
1 height:1.125rem;
1 transition:rotate .25s ease-in-out;
1 }
1 .TeamGrid_open-close-button__uLET2 svg.TeamGrid_is-close__dRGQW {
1 rotate:45deg;
1 }
1 .TeamGrid_btn__Fa4T0 {
1 width:5rem;
1 }
1 .TeamGrid_btn__Fa4T0:hover:before {
1 width:5rem!important;
1 scale:1.1;
1 }
1 .TeamGrid_btn__Fa4T0:after {
1 P908WCAG2 A 1.3.1: Do not insert content using CSS
Content inserted using CSS may not appear when CSS is turned off, or the user is using their own accessible style sheet. See WCAG2 Failure F87.
content:url(/_next/static/media/lh_plus.ed6697ed.svg)!important;
1 width:2rem!important;
1 height:2rem!important;
1 top:50%;
1 }
1 .TeamGridItem_item__mokuB {
1 aspect-ratio:9/16;
1 background-color:#9eb090;
1 position:relative;
1 margin-bottom:.625rem;
1 cursor:pointer;
1 }
1 @media screen and (min-width:1024px) {
1 .TeamGridItem_item__mokuB {
1 margin-bottom:2rem;
1 }
1 }
1 .TeamGridItem_item__mokuB .TeamGridItem_logo__J4_gi {
1 position:absolute;
1 width:50%;
1 left:50%;
1 top:50%;
1 transform:translateX(-50%) translateY(-50%);
1 }
1 .TeamGridItem_item__mokuB .TeamGridItem_image-wrapper__M5Mle {
1 position:relative;
1 width:100%;
1 height:100%;
1 }
1 .TeamGridItem_item__mokuB .TeamGridItem_image-wrapper__M5Mle img {
1 height:100%;
1 W776CSS: A vendor extension has been used: -o-object-fit
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-o-object-fit:cover;
1 object-fit:cover;
1 W776CSS: A vendor extension has been used: -o-object-position
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-o-object-position:top;
1 object-position:top;
1 }
1 .TeamGridItem_item__mokuB .TeamGridItem_image-wrapper__M5Mle[data-isselected=false] {
1 transition:width .8s ease-out,height .8s ease-out;
1 }
1 .TeamGridItem_item__mokuB .TeamGridItem_image-wrapper__M5Mle[data-isselected=true] {
1 position:fixed;
1 z-index:101;
1 animation:TeamGridItem_in__4Kv_u .8s cubic-bezier(.455,.03,.515,.955);
1 }
1 @media screen and (max-width:1023px) {
1 .TeamGridItem_item__mokuB .TeamGridItem_image-wrapper__M5Mle[data-isselected=true] {
1 top:0;
1 left:0;
1 height:40vh;
1 width:100vw;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .TeamGridItem_item__mokuB .TeamGridItem_image-wrapper__M5Mle[data-isselected=true] {
1 top:0;
1 right:0;
1 width:40vw;
1 height:100dvh;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .TeamGridItem_item__mokuB .TeamGridItem_image-wrapper__M5Mle[data-isselected=true] {
1 left:0;
1 top:48px;
1 width:33vw;
1 height:18.5vw;
1 }
1 }
1 .TeamGridItem_item__mokuB .TeamGridItem_image-wrapper__M5Mle:after {
1 content:"";
1 position:absolute;
1 left:0;
1 right:0;
1 width:100%;
1 height:100%;
1 background:linear-gradient(0deg,hsla(0,0%,39%,.502),hsla(0,0%,100%,0) 62%);
1 }
1 .TeamGridItem_item__mokuB .TeamGridItem_overlay__nUK5D {
1 position:absolute;
1 bottom:0;
1 text-align:center;
1 left:50%;
1 transform:translateX(-50%);
1 width:100%;
1 padding-bottom:1rem;
1 text-transform:uppercase;
1 padding-left:1.5rem;
1 padding-right:1.5rem;
1 }
1 .TeamGridItem_item__mokuB .TeamGridItem_overlay__nUK5D span {
1 color:#fff;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 }
1 @media screen and (min-width:1024px)and (max-width:1215px) {
1 .TeamGridItem_item__mokuB .TeamGridItem_overlay__nUK5D {
1 padding-left:.75rem;
1 padding-right:.75rem;
1 }
1 }
1 .TeamGridItem_item__mokuB .TeamGridItem_overlay__nUK5D .TeamGridItem_position__QHn8O {
1 text-transform:uppercase;
1 letter-spacing:.1rem;
1 font-size:.875rem;
1 display:block;
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 }
1 .TeamGridItem_item__mokuB .TeamGridItem_overlay__nUK5D:after {
1 content:"";
1 position:absolute;
1 inset:0;
1 background:linear-gradient(0deg,#000,transparent 80%);
1 z-index:-1;
1 }
1 @keyframes TeamGridItem_in__4Kv_u {
1 0% {
1 width:var(--item-width);
1 height:var(--item-height);
1 }
1 to {
1 E776CSS: Unrecognised property: @media screen and (max-width:1023px){width
The property name is not recognised for the selected CSS Level.
@media screen and (max-width:1023px){width:100vw;
1 E777CSS: height has a value '40vh}@media' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain
Check the value against the list of valid rules from the official standard. See CSS Box Sizing Module Level 3.
height:40vh}@media screen and (min-width:1024px){width:40vw;
1 E777CSS: height has a value '100dvh}@media' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain
Check the value against the list of valid rules from the official standard. See CSS Box Sizing Module Level 3.
height:100dvh}@media screen and (min-width:1408px){width:33vw;
1 E777CSS: height has a value '18.5vw}' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain
Check the value against the list of valid rules from the official standard. See CSS Box Sizing Module Level 3.
height:18.5vw};
1 }
1 }
1 @keyframes TeamGridItem_out__aALcN {
1 0% {
1 width:33vw;
1 height:18.5vw;
1 }
1 to {
1 width:var(--item-width);
1 height:var(--item-height);
1 }
1 }
1 .Radios_radios__HO373 {
1 display:flex;
1 flex-wrap:wrap;
1 gap:1.5rem;
1 }
1 @media screen and (min-width:768px)and (max-width:1023px) {
1 .Radios_radios__HO373 {
1 W776CSS: A vendor extension has been used: -moz-column-gap
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-moz-column-gap:3.75rem;
1 column-gap:3.75rem;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .Radios_radios__HO373 {
1 flex-wrap:nowrap;
1 flex-direction:column;
1 }
1 }
1 .Radios_radios__HO373 .Radios_radio__vRuw3 {
1 display:flex;
1 gap:1rem;
1 cursor:pointer;
1 min-width:calc(50% - 1rem);
1 padding:0;
1 line-height:normal;
1 }
1 .Radios_radios__HO373 .Radios_radio__vRuw3:before {
1 content:none;
1 }
1 .Radios_radios__HO373 .Radios_radio__vRuw3:focus-visible {
1 outline:2px solid #2c2f38;
1 outline-offset:2px;
1 }
1 @media print,screen and (min-width:768px) {
1 .Radios_radios__HO373 .Radios_radio__vRuw3 {
1 min-width:0;
1 min-width:auto;
1 E777CSS: width has a value '-moz-fit-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain
Check the value against the list of valid rules from the official standard. See CSS Box Sizing Module Level 3.
width:-moz-fit-content;
1 width:fit-content;
1 }
1 }
1 .Radios_radios__HO373 .Radios_radio__vRuw3 .Radios_radio-circle__U_7rK {
1 height:19px;
1 width:19px;
1 border-radius:50%;
1 position:relative;
1 border:1px solid #2c2f38;
1 }
1 .Radios_radios__HO373 .Radios_radio__vRuw3.Radios_active__LECO0 .Radios_radio-circle__U_7rK:after {
1 position:absolute;
1 content:"";
1 width:15px;
1 height:15px;
1 border-radius:50%;
1 background-color:#2c2f38;
1 left:1px;
1 top:1px;
1 }
1 .Hero_hero__xEuwZ {
1 position:relative;
1 width:100%;
1 height:100svh;
1 overflow:hidden;
1 }
1 @media screen and (min-width:1216px) {
1 .Hero_hero__xEuwZ[data-extended-animation=true] {
1 position:sticky;
1 top:0;
1 perspective:1px;
1 z-index:2;
1 }
1 }
1 .Hero_hero__xEuwZ[data-animation=false] {
1 clip-path:inset(50svh 50vw);
1 }
1 .Hero_hero__xEuwZ[data-disable-animation=true] {
1 clip-path:none;
1 }
1 .Hero_hero__xEuwZ[data-disable-animation=true] .Hero_hero-wrapper__yEIv7 .Hero_hero-navigation__RiK_i {
1 transform:none;
1 }
1 .Hero_hero__xEuwZ[data-disable-animation=true] .Hero_hero-wrapper__yEIv7 .Hero_hero-navigation__RiK_i .Hero_q-link-wrapper__9W91r {
1 opacity:1;
1 }
1 @media screen and (max-width:1023px) {
1 .Hero_hero__xEuwZ {
1 transition:height .3s ease;
1 }
1 .Hero_hero__xEuwZ[data-animation=true] {
1 height:calc(100svh + 169px);
1 }
1 }
1 .Hero_hero__xEuwZ .Hero_background-media-wrapper__reQPb {
1 position:absolute;
1 top:0;
1 left:0;
1 width:100%;
1 height:100lvh;
1 perspective:1px;
1 }
1 @media screen and (max-width:1023px) {
1 .Hero_hero__xEuwZ .Hero_background-media-wrapper__reQPb {
1 position:fixed;
1 z-index:1;
1 }
1 }
1 .Hero_hero__xEuwZ .Hero_background-media-wrapper__reQPb:before {
1 content:"";
1 position:absolute;
1 top:0;
1 left:0;
1 width:100%;
1 height:100%;
1 background:rgba(44,47,56,.3);
1 z-index:1;
1 }
1 .Hero_hero__xEuwZ .Hero_background-media-wrapper__reQPb video {
1 width:100%;
1 height:100%;
1 W776CSS: A vendor extension has been used: -o-object-fit
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-o-object-fit:cover;
1 object-fit:cover;
1 }
1 .Hero_hero__xEuwZ .Hero_hero-wrapper__yEIv7 {
1 display:flex;
1 justify-content:flex-end;
1 align-items:flex-end;
1 padding:32px 32px 0;
1 position:relative;
1 z-index:1;
1 height:100svh;
1 }
1 @media screen and (max-width:1023px) {
1 .Hero_hero__xEuwZ .Hero_hero-wrapper__yEIv7 {
1 flex-direction:column;
1 }
1 }
1 @media print,screen and (min-width:768px) {
1 .Hero_hero__xEuwZ .Hero_hero-wrapper__yEIv7 {
1 padding:40px 40px 0;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .Hero_hero__xEuwZ .Hero_hero-wrapper__yEIv7 {
1 padding:48px 80px 40px 40px;
1 }
1 }
1 .Hero_hero__xEuwZ .Hero_hero-wrapper__yEIv7 .Hero_hero-content__86tJM {
1 max-width:32rem;
1 text-align:right;
1 margin-bottom:2rem;
1 }
1 @media screen and (max-width:1023px) {
1 .Hero_hero__xEuwZ .Hero_hero-wrapper__yEIv7 .Hero_hero-content__86tJM {
1 margin-bottom:105px;
1 }
1 }
1 E721CSS: Unrecognised at-rule
The at-rule is not recognised as valid for the selected CSS Level.
@media(min-width:1024px) and (max-width:1080px) {
1 .Hero_hero__xEuwZ .Hero_hero-wrapper__yEIv7 .Hero_hero-content__86tJM {
1 margin-bottom:105px;
1 }
1 }
1 .Hero_hero__xEuwZ .Hero_hero-wrapper__yEIv7 .Hero_hero-content__86tJM * {
1 color:#fff;
1 }
1 .Hero_hero__xEuwZ .Hero_hero-wrapper__yEIv7 .Hero_hero-content__86tJM .Hero_hero-title__1wmBL {
1 margin:0;
1 color:#fff;
1 }
1 @media print,screen and (min-width:768px) {
1 .Hero_hero__xEuwZ .Hero_hero-wrapper__yEIv7 .Hero_hero-content__86tJM .Hero_hero-title__1wmBL {
1 font-size:3rem;
1 line-height:3.3rem;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .Hero_hero__xEuwZ .Hero_hero-wrapper__yEIv7 .Hero_hero-content__86tJM .Hero_hero-title__1wmBL {
1 font-size:3.3rem;
1 line-height:3.5rem;
1 }
1 }
1 .Hero_hero__xEuwZ .Hero_hero-wrapper__yEIv7 .Hero_hero-content__86tJM .Hero_hero-subline__lZmVA {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'font-size'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
font-size:18px;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'letter-spacing'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
letter-spacing:2px;
1 line-height:28px;
1 text-transform:uppercase;
1 }
1 @media print,screen and (min-width:768px) {
1 .Hero_hero__xEuwZ .Hero_hero-wrapper__yEIv7 .Hero_hero-content__86tJM .Hero_hero-subline__lZmVA {
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'font-size'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
font-size:20px;
1 line-height:36px;
1 }
1 }
1 .Hero_hero__xEuwZ .Hero_hero-wrapper__yEIv7 .Hero_hero-navigation__RiK_i {
1 position:absolute;
1 display:grid;
1 top:48px;
1 left:0;
1 width:100%;
1 grid-template-columns:1fr auto 1fr;
1 transform:translateY(calc(50svh - 48px - 50%));
1 transform-origin:center;
1 }
1 .Hero_hero__xEuwZ .Hero_hero-wrapper__yEIv7 .Hero_hero-navigation__RiK_i .Hero_logo-wrapper__2VDmT {
1 display:flex;
1 justify-content:center;
1 align-items:center;
1 margin:18px 0;
1 width:89px;
1 }
1 @media print,screen and (min-width:768px) {
1 .Hero_hero__xEuwZ .Hero_hero-wrapper__yEIv7 .Hero_hero-navigation__RiK_i .Hero_logo-wrapper__2VDmT {
1 width:120px;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .Hero_hero__xEuwZ .Hero_hero-wrapper__yEIv7 .Hero_hero-navigation__RiK_i .Hero_logo-wrapper__2VDmT {
1 width:89px;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .Hero_hero__xEuwZ .Hero_hero-wrapper__yEIv7 .Hero_hero-navigation__RiK_i .Hero_logo-wrapper__2VDmT {
1 width:120px;
1 }
1 }
1 .Hero_hero__xEuwZ .Hero_hero-wrapper__yEIv7 .Hero_hero-navigation__RiK_i .Hero_q-link-wrapper__9W91r {
1 opacity:0;
1 }
1 .Hero_hero__xEuwZ .Hero_hero-wrapper__yEIv7 .Hero_touch-text-logo__EF_kJ {
1 position:absolute;
1 top:0;
1 left:0;
1 display:flex;
1 justify-content:center;
1 align-items:center;
1 height:48px;
1 width:100%;
1 }
1 .Hero_hero__xEuwZ .Hero_hero-wrapper__yEIv7 .Hero_touch-text-logo__EF_kJ span {
1 color:#fff;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'font-size'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
font-size:12px;
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'letter-spacing'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
letter-spacing:1.8px;
1 line-height:1;
1 }
1 .Hero_hero__xEuwZ .Hero_hero-wrapper__yEIv7 .Hero_touch-text-logo__EF_kJ span strong {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 }
1 @media screen and (min-width:1024px) {
1 .Hero_hero__xEuwZ .Hero_hero-wrapper__yEIv7 .Hero_touch-text-logo__EF_kJ {
1 display:none;
1 }
1 }
1 .Hero_hero__xEuwZ .Hero_hero-wrapper__yEIv7 .Hero_hero-bottom-wrapper__r_m3i {
1 margin-top:2rem;
1 }
1 .Hero_gap-dev__KVPEF {
1 width:100%;
1 height:56px;
1 }
1 @media print,screen and (min-width:768px) {
1 .Hero_gap-dev__KVPEF {
1 height:64px;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .Hero_gap-dev__KVPEF {
1 height:92px;
1 }
1 }
1 .Hero_white-overlay__3STq6 {
1 position:fixed;
1 top:0;
1 left:0;
1 width:100%;
1 height:100%;
1 z-index:50;
1 }
1 .Hero_opactiy-0__UpdUn {
1 opacity:0;
1 }
1 .Hero_opactiy-1__jlKdX {
1 opacity:1;
1 }
1 .QuickLinks_quick-links__4MZ1R {
1 display:none;
1 gap:2rem;
1 }
1 @media screen and (min-width:1216px) {
1 .QuickLinks_quick-links__4MZ1R {
1 display:flex;
1 }
1 }
1 .QuickLinks_quick-links__4MZ1R[data-align=right] {
1 justify-content:flex-end;
1 padding:18px 112px 18px 40px;
1 }
1 .QuickLinks_quick-links__4MZ1R[data-align=left] {
1 justify-content:flex-start;
1 padding:18px 40px;
1 }
1 .QuickLinks_quick-links__4MZ1R .QuickLinks_quick-link__mxlym {
1 text-decoration:none;
1 color:#fff;
1 text-transform:uppercase;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'font-size'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
font-size:14px;
1 line-height:1;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'letter-spacing'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
letter-spacing:2.8px;
1 border:none;
1 position:relative;
1 padding-bottom:0;
1 transition:padding-top .3s cubic-bezier(.455,.03,.515,.955);
1 }
1 .QuickLinks_quick-links__4MZ1R .QuickLinks_quick-link__mxlym:hover {
1 padding-top:1.75rem;
1 }
1 .QuickLinks_quick-links__4MZ1R .QuickLinks_quick-link__mxlym:hover:after {
1 opacity:1;
1 }
1 .QuickLinks_quick-links__4MZ1R .QuickLinks_quick-link__mxlym:after {
1 content:"";
1 position:absolute;
1 top:0;
1 left:0;
1 width:100%;
1 height:1px;
1 background-color:#fff;
1 opacity:0;
1 transition:opacity .3s cubic-bezier(.455,.03,.515,.955);
1 }
1 .PromoBox_promo-box__S5Mk_ {
1 W777CSS: This item is experimental and has been ignored: backdrop-filter
Because this item is so new, it's definition has not yet been agreed upon, and so it has not been tested. Experimental items should be avoided as few browsers may support them, and their definition may change at any time.
backdrop-filter:blur(6px);
1 background-color:rgba(44,47,56,.3);
1 width:100%;
1 height:169px;
1 overflow:hidden;
1 border-radius:2px 2px 0 0;
1 }
1 @media screen and (max-width:1023px) {
1 .PromoBox_promo-box__S5Mk_ {
1 position:relative;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .PromoBox_promo-box__S5Mk_ {
1 position:absolute;
1 z-index:5;
1 bottom:0;
1 left:176px;
1 width:312px;
1 height:136px;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .PromoBox_promo-box__S5Mk_ {
1 left:240px;
1 height:160px;
1 }
1 }
1 .PromoBox_promo-box__S5Mk_ .PromoBox_embla-container__mIvIh {
1 display:flex;
1 height:100%;
1 }
1 .PromoBox_promo-box__S5Mk_ .PromoBox_embla-container__mIvIh .PromoBox_embla-slide__SWr_g {
1 flex:0 0 100%;
1 min-width:0;
1 margin:0;
1 height:100%;
1 }
1 .PromoBox_promo-box__S5Mk_ .PromoBox_promo-box-element__Moe_S {
1 padding:1rem 1.5rem;
1 height:100%;
1 display:flex;
1 flex-direction:column;
1 justify-content:space-between;
1 }
1 .PromoBox_promo-box__S5Mk_ .PromoBox_promo-box-element__Moe_S * {
1 color:#fff;
1 }
1 .PromoBox_promo-box__S5Mk_ .PromoBox_promo-box-element__Moe_S .PromoBox_top__lRSe9 span {
1 display:block;
1 }
1 .PromoBox_promo-box__S5Mk_ .PromoBox_promo-box-element__Moe_S .PromoBox_top__lRSe9 .PromoBox_title__zKPTJ {
1 font-size:1.05rem;
1 line-height:1.25rem;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'letter-spacing'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
letter-spacing:1.6px;
1 text-transform:uppercase;
1 }
1 @media screen and (min-width:1408px) {
1 .PromoBox_promo-box__S5Mk_ .PromoBox_promo-box-element__Moe_S .PromoBox_top__lRSe9 .PromoBox_title__zKPTJ {
1 font-size:1.15rem;
1 }
1 }
1 .PromoBox_promo-box__S5Mk_ .PromoBox_promo-box-element__Moe_S .PromoBox_top__lRSe9 .PromoBox_subline__o3ZXH {
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'font-size'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
font-size:14px;
1 line-height:20px;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'letter-spacing'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
letter-spacing:1.4px;
1 }
1 .PromoBox_promo-box__S5Mk_ .PromoBox_promo-box-element__Moe_S .PromoBox_bottom__2x22G * {
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'font-size'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
font-size:14px;
1 line-height:20px;
1 padding:0;
1 text-decoration:none;
1 border:none;
1 }
1 @media screen and (max-width:1023px) {
1 .PromoBox_promo-box__S5Mk_ .PromoBox_promo-box-element__Moe_S .PromoBox_bottom__2x22G,.PromoBox_promo-box__S5Mk_ .PromoBox_promo-box-element__Moe_S .PromoBox_top__lRSe9 {
1 text-align:end;
1 }
1 }
1 .TextInfoSlider_text-info-slider___OCRi {
1 overflow:hidden;
1 }
1 @media screen and (min-width:1216px) {
1 .TextInfoSlider_text-info-slider___OCRi {
1 height:calc(100vh - 48px);
1 position:sticky;
1 top:48px;
1 z-index:1;
1 padding-top:0;
1 padding-bottom:0;
1 }
1 .TextInfoSlider_text-info-slider___OCRi .TextInfoSlider_wrapper__MZk8e {
1 position:relative;
1 z-index:10;
1 flex-grow:1;
1 }
1 }
1 .TextInfoSlider_text-info-slider___OCRi .TextInfoSlider_first-element-wrapper__dbJRy {
1 display:flex;
1 flex-direction:column;
1 justify-content:flex-end;
1 }
1 .TextInfoSlider_text-info-slider___OCRi .TextInfoSlider_btn-wrapper__cRfb1 {
1 margin-top:32px;
1 }
1 @media screen and (min-width:1216px) {
1 .TextInfoSlider_text-info-slider-wrapper__nkp__ {
1 height:var(--element-size,100vh);
1 }
1 .TextInfoSlider_text-info-slider-wrapper__nkp__ .container {
1 display:flex;
1 align-items:center;
1 height:100%;
1 }
1 .TextInfoSlider_text-info-slider-wrapper__nkp__ .container>.columns>.column {
1 max-height:calc(100vh - 48px - 16px - 16px);
1 }
1 .TextInfoSlider_text-info-slider-wrapper__nkp__[data-is-extended=true] {
1 height:calc(200vh + var(--element-size, 100vh));
1 padding:0;
1 }
1 }
1 .TISlider_slider-wrapper__BUfNp {
1 position:relative;
1 }
1 @media screen and (max-width:1215px) {
1 .TISlider_slider-wrapper__BUfNp {
1 E777CSS: height has a value '-moz-fit-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain
Check the value against the list of valid rules from the official standard. See CSS Box Sizing Module Level 3.
height:-moz-fit-content;
1 height:fit-content;
1 }
1 }
1 .TISlider_slider-wrapper__BUfNp .TISlider_ti-slider__eFFAc {
1 overflow:hidden;
1 width:100%;
1 height:100%;
1 }
1 @media screen and (max-width:767px) {
1 .TISlider_slider-wrapper__BUfNp .TISlider_ti-slider__eFFAc {
1 width:calc(100% + 2.5rem);
1 margin:0 -2.5rem;
1 }
1 }
1 .TISlider_slider-wrapper__BUfNp .TISlider_ti-slider__eFFAc .TISlider_embla-container__x_ExE {
1 display:flex;
1 height:100%;
1 }
1 .TISlider_slider-wrapper__BUfNp .TISlider_ti-slider__eFFAc .TISlider_embla-container__x_ExE .TISlider_embla-slide__DjqWr {
1 flex:0 0 100%;
1 min-width:0;
1 }
1 .TISlider_slider-wrapper__BUfNp .TISlider_ti-slider__eFFAc .TISlider_embla-container__x_ExE .TISlider_embla-slide__DjqWr .TISlider_media-wrapper__zbtvR {
1 position:relative;
1 height:100%;
1 margin:0 auto;
1 }
1 .TISlider_slider-wrapper__BUfNp .TISlider_ti-slider__eFFAc .TISlider_embla-container__x_ExE .TISlider_embla-slide__DjqWr .TISlider_media-wrapper__zbtvR .image-wrapper {
1 height:100%;
1 }
1 .TISlider_slider-wrapper__BUfNp .TISlider_ti-slider__eFFAc .TISlider_embla-container__x_ExE .TISlider_embla-slide__DjqWr .TISlider_media-wrapper__zbtvR img {
1 height:100%;
1 aspect-ratio:2/3;
1 vertical-align:center;
1 }
1 @media screen and (min-width:1024px) {
1 .TISlider_slider-wrapper__BUfNp .TISlider_ti-slider__eFFAc .TISlider_embla-container__x_ExE .TISlider_embla-slide__DjqWr .TISlider_media-wrapper__zbtvR img {
1 aspect-ratio:3/2;
1 }
1 }
1 @media screen and (min-width:1216px) {
1 .TISlider_slider-wrapper__BUfNp .TISlider_ti-slider__eFFAc .TISlider_embla-container__x_ExE .TISlider_embla-slide__DjqWr .TISlider_media-wrapper__zbtvR img {
1 aspect-ratio:5/8;
1 }
1 }
1 E721CSS: Unrecognised at-rule
The at-rule is not recognised as valid for the selected CSS Level.
@media(min-width:1920px) {
1 .TISlider_slider-wrapper__BUfNp .TISlider_ti-slider__eFFAc .TISlider_embla-container__x_ExE .TISlider_embla-slide__DjqWr .TISlider_media-wrapper__zbtvR img {
1 aspect-ratio:3/4;
1 }
1 }
1 .TISlider_slider-wrapper__BUfNp .TISlider_ti-slider__eFFAc .TISlider_embla-container__x_ExE .TISlider_embla-slide__DjqWr .TISlider_media-wrapper__zbtvR video {
1 width:100%;
1 height:100%;
1 W776CSS: A vendor extension has been used: -o-object-fit
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-o-object-fit:cover;
1 object-fit:cover;
1 }
1 .TISlider_slider-wrapper__BUfNp .TISlider_bullet-wrapper__ZN_Gm {
1 position:absolute;
1 display:flex;
1 align-items:center;
1 }
1 @media screen and (max-width:1023px) {
1 .TISlider_slider-wrapper__BUfNp .TISlider_bullet-wrapper__ZN_Gm {
1 bottom:2rem;
1 padding:0 1rem;
1 left:50%;
1 transform:translateX(-50%);
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .TISlider_slider-wrapper__BUfNp .TISlider_bullet-wrapper__ZN_Gm {
1 right:1rem;
1 top:1.5rem;
1 flex-direction:column;
1 width:32px;
1 }
1 }
1 @media screen and (min-width:1216px) {
1 .TISlider_slider-wrapper__BUfNp .TISlider_bullet-wrapper__ZN_Gm {
1 right:-2rem;
1 top:1rem;
1 }
1 }
1 .TISlider_info-wrapper__pgVgC {
1 display:flex;
1 }
1 @media print,screen and (min-width:768px) {
1 .TISlider_info-wrapper__pgVgC>div {
1 display:flex;
1 flex-direction:column;
1 justify-content:end;
1 }
1 }
1 @media screen and (min-width:1216px) {
1 .TISlider_info-wrapper__pgVgC {
1 align-items:flex-end;
1 }
1 }
1 @media screen and (max-width:1023px) {
1 .TISlider_info-wrapper__pgVgC {
1 overflow:hidden;
1 }
1 }
1 .Price_price__mdIcc .Price_divider__oE6Pc {
1 width:100%;
1 height:1px;
1 background-color:#2c2f38;
1 margin:1.75rem 0;
1 }
1 @media screen and (min-width:768px)and (max-width:1023px) {
1 .Price_price__mdIcc .Price_divider__oE6Pc {
1 width:1px;
1 height:100%;
1 margin:0 1.75rem;
1 }
1 }
1 @media screen and (min-width:1216px) {
1 .Price_price__mdIcc .Price_divider__oE6Pc {
1 width:1px;
1 height:100%;
1 margin:0 1.75rem;
1 }
1 }
1 .Price_price__mdIcc .Price_prices__mPtEJ {
1 display:flex;
1 flex-direction:column;
1 gap:1.625rem;
1 }
1 .Price_price__mdIcc .Price_prices__mPtEJ .Price_price-element__CCtOJ {
1 display:flex;
1 justify-content:space-between;
1 }
1 .Price_price__mdIcc .Price_prices__mPtEJ .Price_price-element__CCtOJ .Price_price-element-price__dpgON {
1 font-size:.875rem;
1 line-height:1.25rem;
1 letter-spacing:.25em;
1 }
1 .Price_price__mdIcc .Price_prices__mPtEJ .Price_price-element__CCtOJ .Price_price-element-price-bold__IHpFn {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 }
1 .Price_price__mdIcc .Price_footnote__4MqVj {
1 margin-top:2rem;
1 }
1 .Price_price__mdIcc .Price_footnote__4MqVj * {
1 font-size:.8125rem;
1 line-height:1.5rem;
1 }
1 .PersonsCount_persons-count__Ml943 {
1 display:flex;
1 gap:1.25rem;
1 }
1 .PersonsCount_persons-count__Ml943 .PersonsCount_element___k0nz {
1 border-radius:50%;
1 width:2.25rem;
1 height:2.25rem;
1 display:flex;
1 justify-content:center;
1 align-items:center;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 font-size:.8rem;
1 background-color:#fff;
1 cursor:pointer;
1 transition:background-color .1s ease-in-out;
1 line-height:1;
1 }
1 .PersonsCount_persons-count__Ml943 .PersonsCount_element___k0nz.PersonsCount_active__Wxo6s {
1 background-color:#2c2f38;
1 color:#fff;
1 }
1 .Card_card__rvRhB {
1 background-color:#f7f7f7;
1 padding:1.5rem 1.3rem;
1 }
1 .Card_card__rvRhB,.ResortCard_box__StCIf {
1 box-shadow:6px 6px 12px #ededed,-6px -6px 12px #fff;
1 }
1 .ResortCard_box__StCIf {
1 position:relative;
1 overflow:hidden;
1 height:100%;
1 cursor:pointer;
1 }
1 .ResortCard_box__StCIf .ResortCard_box-content__Nqshu {
1 padding:2rem 0 2rem 1.25rem;
1 }
1 .ResortCard_box__StCIf .ResortCard_box-content__Nqshu .ResortCard_box-title__G1HDx {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 font-size:1.25rem;
1 letter-spacing:.1em;
1 line-height:1.75rem;
1 text-transform:uppercase;
1 margin-top:1.25rem;
1 z-index:1;
1 }
1 .ResortCard_box__StCIf .ResortCard_box-content__Nqshu .ResortCard_box-text__snyoL {
1 font-size:1rem;
1 line-height:1.25rem;
1 letter-spacing:.1em;
1 text-transform:uppercase;
1 }
1 .ResortCard_box__StCIf .ResortCard_icon-wrapper__wadei {
1 width:3.5rem;
1 height:3.5rem;
1 display:flex;
1 justify-content:center;
1 align-items:center;
1 cursor:pointer;
1 z-index:2;
1 position:absolute;
1 top:0;
1 right:0;
1 background-color:#fff;
1 transition:background-color .3s ease-in-out;
1 }
1 .ResortCard_box__StCIf .ResortCard_icon-wrapper__wadei:after {
1 P908WCAG2 A 1.3.1: Do not insert content using CSS
Content inserted using CSS may not appear when CSS is turned off, or the user is using their own accessible style sheet. See WCAG2 Failure F87.
content:url(/_next/static/media/lh_arrow_right.60061c8b.svg);
1 width:1.125rem;
1 height:1.125rem;
1 position:absolute;
1 top:50%;
1 left:50%;
1 transform:translate(-50%,calc(-50% - 2px)) scale(.5);
1 }
1 .ResortCard_box__StCIf .ResortCard_image-wrapper__Qb74R .image-wrapper {
1 height:100%;
1 }
1 .ResortCard_box__StCIf .ResortCard_image-wrapper__Qb74R img {
1 height:100%;
1 aspect-ratio:1/1;
1 }
1 .ResortCard_box__StCIf .ResortCard_box-border__jfQu0 {
1 position:absolute;
1 top:0;
1 left:0;
1 width:100%;
1 height:100%;
1 border:8px solid var(--resort-color);
1 z-index:0;
1 opacity:0;
1 transition:opacity .3s ease-in-out;
1 }
1 .ResortCard_box__StCIf:hover .ResortCard_icon-wrapper__wadei {
1 background-color:var(--resort-color);
1 }
1 .ResortCard_box__StCIf:hover .ResortCard_icon-wrapper__wadei:after {
1 P908WCAG2 A 1.3.1: Do not insert content using CSS
Content inserted using CSS may not appear when CSS is turned off, or the user is using their own accessible style sheet. See WCAG2 Failure F87.
content:url(/_next/static/media/lh_arrow_right_white.d729c335.svg);
1 }
1 .ResortCard_box__StCIf:hover .ResortCard_box-border__jfQu0 {
1 opacity:1;
1 }
1 .ResortModal_modal___Fip9 {
1 position:fixed;
1 inset:0;
1 W777CSS: This item is experimental and has been ignored: backdrop-filter
Because this item is so new, it's definition has not yet been agreed upon, and so it has not been tested. Experimental items should be avoided as few browsers may support them, and their definition may change at any time.
backdrop-filter:blur(6px);
1 background-color:rgba(0,0,0,.5);
1 z-index:41;
1 }
1 .ResortModal_modal___Fip9 .ResortModal_modal-wrapper__TDvIn {
1 background-color:#fff;
1 position:absolute;
1 top:50%;
1 left:50%;
1 transform:translate(-50%,-50%);
1 display:flex;
1 max-width:calc(100% - 4rem);
1 E777CSS: width has a value '-moz-max-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain
Check the value against the list of valid rules from the official standard. See CSS Box Sizing Module Level 3.
width:-moz-max-content;
1 width:max-content;
1 flex-direction:column-reverse;
1 }
1 @media screen and (max-width:767px) {
1 .ResortModal_modal___Fip9 .ResortModal_modal-wrapper__TDvIn {
1 max-height:90vh;
1 overflow:scroll;
1 }
1 }
1 @media print,screen and (min-width:768px) {
1 .ResortModal_modal___Fip9 .ResortModal_modal-wrapper__TDvIn {
1 max-width:66.67%;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .ResortModal_modal___Fip9 .ResortModal_modal-wrapper__TDvIn {
1 max-width:900px;
1 flex-direction:row;
1 }
1 }
1 .ResortModal_modal___Fip9 .ResortModal_modal-wrapper__TDvIn .ResortModal_modal-content__4MGQZ {
1 padding:2rem;
1 display:flex;
1 flex-direction:column;
1 }
1 .ResortModal_modal___Fip9 .ResortModal_modal-wrapper__TDvIn .ResortModal_modal-content__4MGQZ .ResortModal_modal-title__zU54w {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 font-size:1.5rem;
1 line-height:2rem;
1 letter-spacing:.2rem;
1 margin-bottom:1rem;
1 }
1 @media screen and (min-width:1024px) {
1 .ResortModal_modal___Fip9 .ResortModal_modal-wrapper__TDvIn .ResortModal_modal-content__4MGQZ .ResortModal_modal-title__zU54w {
1 font-size:2.25rem;
1 line-height:2.5rem;
1 }
1 }
1 .ResortModal_modal___Fip9 .ResortModal_modal-wrapper__TDvIn .ResortModal_modal-content__4MGQZ .ResortModal_modal-links__oywug {
1 margin-top:auto;
1 display:flex;
1 justify-content:space-between;
1 }
1 @media screen and (max-width:767px) {
1 .ResortModal_modal___Fip9 .ResortModal_modal-wrapper__TDvIn .ResortModal_modal-content__4MGQZ .ResortModal_modal-links__oywug {
1 flex-direction:column;
1 gap:2rem;
1 }
1 }
1 .ResortModal_modal___Fip9 .ResortModal_modal-wrapper__TDvIn .ResortModal_modal-content__4MGQZ .ResortModal_modal-links__oywug .ResortModal_modal-link__jAmj8,.ResortModal_modal___Fip9 .ResortModal_modal-wrapper__TDvIn .ResortModal_modal-content__4MGQZ .ResortModal_modal-links__oywug a {
1 cursor:pointer;
1 padding:1rem 2rem;
1 border-radius:1.75rem;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 border:1px solid #2c2f38;
1 color:#2c2f38;
1 background-color:transparent;
1 transition:all .3s ease;
1 text-transform:uppercase;
1 letter-spacing:.1rem;
1 line-height:normal;
1 E777CSS: width has a value '-moz-fit-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain
Check the value against the list of valid rules from the official standard. See CSS Box Sizing Module Level 3.
width:-moz-fit-content;
1 width:fit-content;
1 font-size:.875rem;
1 }
1 .ResortModal_modal___Fip9 .ResortModal_modal-wrapper__TDvIn .ResortModal_modal-content__4MGQZ .ResortModal_modal-links__oywug .ResortModal_modal-link__jAmj8.ResortModal_active__yfpXu,.ResortModal_modal___Fip9 .ResortModal_modal-wrapper__TDvIn .ResortModal_modal-content__4MGQZ .ResortModal_modal-links__oywug .ResortModal_modal-link__jAmj8:hover,.ResortModal_modal___Fip9 .ResortModal_modal-wrapper__TDvIn .ResortModal_modal-content__4MGQZ .ResortModal_modal-links__oywug a.ResortModal_active__yfpXu,.ResortModal_modal___Fip9 .ResortModal_modal-wrapper__TDvIn .ResortModal_modal-content__4MGQZ .ResortModal_modal-links__oywug a:hover {
1 color:#fff;
1 background-color:#2c2f38;
1 }
1 .ResortModal_modal___Fip9 .ResortModal_modal-wrapper__TDvIn .image-wrapper,.ResortModal_modal___Fip9 .ResortModal_modal-wrapper__TDvIn .image-wrapper img {
1 height:100%;
1 }
1 .ResortModal_modal___Fip9 .ResortModal_modal-close__3_I_t {
1 position:absolute;
1 right:2.5rem;
1 top:2.5rem;
1 transform:rotate(45deg);
1 cursor:pointer;
1 }
1 .ResortModal_modal___Fip9 .ResortModal_modal-close__3_I_t svg path {
1 stroke:#fff!important;
1 }
1 @media screen and (max-width:767px) {
1 .ResortModal_modal___Fip9 .ResortModal_modal-close__3_I_t {
1 right:.5rem;
1 top:.5rem;
1 }
1 }
1 .TreatmentCard_treatment-card__h696F {
1 display:flex;
1 position:relative;
1 box-shadow:6px 6px 12px #ededed,-6px -6px 12px #fff;
1 }
1 .TreatmentCard_treatment-card__h696F .TreatmentCard_treatment-card-image__34L6U {
1 width:33.33%;
1 flex:none;
1 position:relative;
1 }
1 .TreatmentCard_treatment-card__h696F .TreatmentCard_treatment-card-image__34L6U .treatment-card-image {
1 height:100%;
1 }
1 .TreatmentCard_treatment-card__h696F .TreatmentCard_treatment-card-image__34L6U img {
1 height:100%;
1 aspect-ratio:1/1;
1 }
1 @media screen and (min-width:1024px) {
1 .TreatmentCard_treatment-card__h696F .TreatmentCard_treatment-card-image__34L6U img {
1 aspect-ratio:3/2;
1 }
1 }
1 .TreatmentCard_treatment-card__h696F .TreatmentCard_treatment-card-image__34L6U .TreatmentCard_treatment-card-disruptor__tk4MW {
1 position:absolute;
1 bottom:0;
1 left:0;
1 height:6rem;
1 width:6rem;
1 background-color:var(--selected-resort-color);
1 display:flex;
1 align-items:flex-end;
1 padding:.75rem;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 color:#fff;
1 font-size:.875rem;
1 line-height:1rem;
1 letter-spacing:.1rem;
1 text-transform:uppercase;
1 word-break:break-word;
1 hyphens:auto;
1 }
1 @media screen and (max-width:767px) {
1 .TreatmentCard_treatment-card__h696F .TreatmentCard_treatment-card-image__34L6U {
1 display:none;
1 }
1 }
1 .TreatmentCard_treatment-card__h696F .TreatmentCard_treatment-card-content___P0Dd {
1 flex:1 1;
1 display:flex;
1 flex-direction:column;
1 padding:1.25rem 2rem;
1 }
1 .TreatmentCard_treatment-card__h696F .TreatmentCard_treatment-card-content-title__r8I1L {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 font-size:1.25rem;
1 letter-spacing:.1em;
1 line-height:1.75rem;
1 text-transform:uppercase;
1 margin-bottom:.75rem;
1 }
1 .TreatmentCard_treatment-card__h696F .TreatmentCard_treatment-card-content-price__81zsP {
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 font-size:.875rem;
1 line-height:1.25rem;
1 letter-spacing:.1em;
1 }
1 @media print,screen and (min-width:768px) {
1 .TreatmentCard_treatment-card__h696F .TreatmentCard_treatment-card-content-price__81zsP {
1 letter-spacing:.25em;
1 }
1 }
1 .TreatmentCard_treatment-card__h696F .TreatmentCard_treatment-card-content-teaser__YzL2f {
1 font-size:1rem;
1 line-height:1.25rem;
1 letter-spacing:.1em;
1 }
1 @media print,screen and (min-width:768px) {
1 .TreatmentCard_treatment-card__h696F .TreatmentCard_treatment-card-content-teaser__YzL2f {
1 padding-right:5.5rem;
1 }
1 }
1 .TreatmentCard_treatment-card__h696F .TreatmentCard_treatment-card-content-top__Xrhyh {
1 flex:1 1;
1 padding-right:3.5rem;
1 }
1 .TreatmentCard_treatment-card__h696F .TreatmentCard_treatment-card-content-bottom__5YlD6 .TreatmentCard_treatment-card-details-button__FzV3j {
1 gap:.25rem;
1 display:flex;
1 align-items:center;
1 justify-content:flex-end;
1 position:relative;
1 z-index:2;
1 cursor:pointer;
1 border-bottom:none;
1 padding-bottom:0;
1 line-height:normal;
1 text-align:right;
1 flex-shrink:0;
1 margin-top:.5rem;
1 }
1 .TreatmentCard_treatment-card__h696F .TreatmentCard_treatment-card-content-bottom__5YlD6 .TreatmentCard_treatment-card-details-button__FzV3j span {
1 text-transform:uppercase;
1 font-size:.875rem;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 letter-spacing:.1rem;
1 transition:letter-spacing .3s ease;
1 }
1 .TreatmentCard_treatment-card__h696F .TreatmentCard_treatment-card-content-bottom__5YlD6 .TreatmentCard_treatment-card-details-button__FzV3j svg {
1 position:relative;
1 bottom:2px;
1 }
1 .TreatmentCard_treatment-card__h696F .TreatmentCard_treatment-card-content-bottom__5YlD6 .TreatmentCard_treatment-card-details-button__FzV3j:hover span {
1 letter-spacing:.2rem;
1 }
1 @media print,screen and (min-width:768px) {
1 .TreatmentCard_treatment-card__h696F .TreatmentCard_treatment-card-content-bottom__5YlD6 {
1 position:relative;
1 }
1 .TreatmentCard_treatment-card__h696F .TreatmentCard_treatment-card-content-bottom__5YlD6 .TreatmentCard_treatment-card-details-button__FzV3j {
1 position:absolute;
1 bottom:0;
1 right:0;
1 margin-top:0;
1 }
1 }
1 @media screen and (max-width:767px) {
1 .TreatmentCard_treatment-card__h696F .TreatmentCard_treatment-card-content___P0Dd .TreatmentCard_treatment-card-content-top__Xrhyh {
1 margin-bottom:5rem;
1 }
1 }
1 .TreatmentCard_treatment-card__h696F .TreatmentCard_treatment-card-button__cZt3x {
1 position:absolute;
1 top:0;
1 right:0;
1 width:3.5rem;
1 height:3.5rem;
1 background-color:#fff;
1 transition:background-color .3s ease-in-out;
1 z-index:1;
1 cursor:pointer;
1 }
1 .TreatmentCard_treatment-card__h696F .TreatmentCard_treatment-card-button__cZt3x:after {
1 P908WCAG2 A 1.3.1: Do not insert content using CSS
Content inserted using CSS may not appear when CSS is turned off, or the user is using their own accessible style sheet. See WCAG2 Failure F87.
content:url(/_next/static/media/lh_plus.ed6697ed.svg);
1 width:1.125rem;
1 height:1.125rem;
1 position:absolute;
1 top:50%;
1 left:50%;
1 transform:translate(-50%,-50%);
1 transition:all .3s ease;
1 }
1 .TreatmentCard_treatment-card__h696F .TreatmentCard_treatment-card-button__cZt3x:hover {
1 cursor:pointer;
1 background-color:var(--selected-resort-color);
1 }
1 .TreatmentCard_treatment-card__h696F .TreatmentCard_treatment-card-button__cZt3x:hover:after {
1 P908WCAG2 A 1.3.1: Do not insert content using CSS
Content inserted using CSS may not appear when CSS is turned off, or the user is using their own accessible style sheet. See WCAG2 Failure F87.
content:url(/_next/static/media/lh_plus_white.8a682195.svg);
1 }
1 .TreatmentCard_treatment-card-border__Th8Is {
1 position:absolute;
1 top:0;
1 left:0;
1 width:100%;
1 height:100%;
1 border:8px solid var(--selected-resort-color);
1 z-index:0;
1 opacity:0;
1 transition:opacity .3s ease-in-out;
1 }
1 .TreatmentCard_treatment-card__h696F.TreatmentCard_active__zqoP2 .TreatmentCard_treatment-card-button__cZt3x {
1 background-color:var(--selected-resort-color);
1 }
1 .TreatmentCard_treatment-card__h696F.TreatmentCard_active__zqoP2 .TreatmentCard_treatment-card-button__cZt3x:after {
1 P908WCAG2 A 1.3.1: Do not insert content using CSS
Content inserted using CSS may not appear when CSS is turned off, or the user is using their own accessible style sheet. See WCAG2 Failure F87.
content:url(/_next/static/media/lh_plus_white.8a682195.svg);
1 transform:translate(-50%,-50%) rotate(-45deg);
1 }
1 .TreatmentCard_treatment-card__h696F.TreatmentCard_active__zqoP2 .TreatmentCard_treatment-card-border__Th8Is {
1 opacity:1;
1 }
1 .TreatmentCard_treatment-card-details__4FZrj {
1 padding:0 2.25rem;
1 transition:padding .3s ease-in-out;
1 }
1 .TreatmentCard_treatment-card-details-top__IfNcS {
1 display:flex;
1 gap:1rem;
1 margin-bottom:2.5rem;
1 padding-top:2.25rem;
1 }
1 .TreatmentCard_treatment-card-details-top__IfNcS span {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 border-right:1px solid #2c2f38;
1 padding-right:1rem;
1 }
1 .TreatmentCard_treatment-card-details-top__IfNcS a {
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 border-bottom:none;
1 padding-bottom:0;
1 line-height:1.5rem;
1 letter-spacing:.1em;
1 transition:letter-spacing .3s ease;
1 }
1 .TreatmentCard_treatment-card-details-top__IfNcS a:hover {
1 letter-spacing:.2em;
1 }
1 .TreatmentCard_treatment-card-details__4FZrj p {
1 padding-bottom:0;
1 }
1 @media screen and (max-width:767px) {
1 .TreatmentCard_treatment-card-details__4FZrj {
1 padding:0 1.25rem;
1 }
1 .TreatmentCard_treatment-card-details__4FZrj .TreatmentCard_treatment-card-details-top__IfNcS a,.TreatmentCard_treatment-card-details__4FZrj .TreatmentCard_treatment-card-details-top__IfNcS span {
1 font-size:.75rem;
1 line-height:1rem;
1 }
1 }
1 .Loader_lds-ring__gPZ7I {
1 display:block;
1 position:relative;
1 width:60px;
1 height:60px;
1 margin:auto;
1 }
1 .Loader_lds-ring__gPZ7I div {
1 box-sizing:border-box;
1 display:block;
1 position:absolute;
1 width:48px;
1 height:48px;
1 margin:8px;
1 border-radius:50%;
1 animation:Loader_lds-ring__gPZ7I 1.2s cubic-bezier(.5,0,.5,1) infinite;
1 border:8px solid transparent;
1 border-top-color:#2c2f38;
1 }
1 .Loader_lds-ring__gPZ7I div:first-child {
1 animation-delay:-.45s;
1 }
1 .Loader_lds-ring__gPZ7I div:nth-child(2) {
1 animation-delay:-.3s;
1 }
1 .Loader_lds-ring__gPZ7I div:nth-child(3) {
1 animation-delay:-.15s;
1 }
1 @keyframes Loader_lds-ring__gPZ7I {
1 0% {
1 transform:rotate(0deg);
1 }
1 to {
1 transform:rotate(1turn);
1 }
1 }
1 .RoomCard_room-card__3f6sO {
1 display:flex;
1 position:relative;
1 box-shadow:6px 6px 12px #ededed,-6px -6px 12px #fff;
1 }
1 @media screen and (max-width:767px) {
1 .RoomCard_room-card__3f6sO {
1 flex-direction:column;
1 }
1 }
1 .RoomCard_room-card__3f6sO .RoomCard_room-card-image__8g62W {
1 flex:none;
1 position:relative;
1 }
1 @media print,screen and (min-width:768px) {
1 .RoomCard_room-card__3f6sO .RoomCard_room-card-image__8g62W {
1 width:33.33%;
1 }
1 }
1 .RoomCard_room-card__3f6sO .RoomCard_room-card-image__8g62W .image-wrapper {
1 height:100%;
1 }
1 .RoomCard_room-card__3f6sO .RoomCard_room-card-image__8g62W img {
1 height:100%;
1 aspect-ratio:3/2;
1 }
1 @media screen and (min-width:768px)and (max-width:1023px) {
1 .RoomCard_room-card__3f6sO .RoomCard_room-card-image__8g62W img {
1 aspect-ratio:1/1;
1 }
1 }
1 @media screen and (min-width:1216px)and (max-width:1407px) {
1 .RoomCard_room-card__3f6sO .RoomCard_room-card-image__8g62W img {
1 aspect-ratio:1/1;
1 }
1 }
1 .RoomCard_room-card__3f6sO .RoomCard_room-card-image__8g62W .RoomCard_room-card-disruptor__QuFDq {
1 position:absolute;
1 bottom:0;
1 left:0;
1 width:100%;
1 background-color:var(--selected-resort-color);
1 display:flex;
1 align-items:flex-end;
1 padding:.75rem;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 color:#fff;
1 font-size:.875rem;
1 line-height:1rem;
1 letter-spacing:.1rem;
1 }
1 @media print,screen and (min-width:768px) {
1 .RoomCard_room-card__3f6sO .RoomCard_room-card-image__8g62W .RoomCard_room-card-disruptor__QuFDq {
1 height:6rem;
1 width:6rem;
1 }
1 }
1 .RoomCard_room-card__3f6sO .RoomCard_room-card-content__8HsKs {
1 flex:1 1;
1 display:flex;
1 flex-direction:column;
1 padding:1.25rem 2rem;
1 }
1 @media screen and (max-width:767px) {
1 .RoomCard_room-card__3f6sO .RoomCard_room-card-content__8HsKs {
1 padding:1.25rem;
1 }
1 }
1 .RoomCard_room-card__3f6sO .RoomCard_room-card-content-title__Mb2BP {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 font-size:1.25rem;
1 letter-spacing:.1em;
1 line-height:1.75rem;
1 text-transform:uppercase;
1 margin-bottom:.75rem;
1 }
1 .RoomCard_room-card__3f6sO .RoomCard_room-card-content-price__XaU3w {
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 font-size:.875rem;
1 line-height:1.25rem;
1 letter-spacing:.25em;
1 }
1 .RoomCard_room-card__3f6sO .RoomCard_room-card-content-teaser__DLs_s {
1 font-size:1rem;
1 line-height:1.25rem;
1 letter-spacing:.1em;
1 }
1 .RoomCard_room-card__3f6sO .RoomCard_room-card-content-top__dm0Jw {
1 flex:1 1;
1 }
1 @media screen and (max-width:767px) {
1 .RoomCard_room-card__3f6sO .RoomCard_room-card-content-top__dm0Jw {
1 margin-bottom:4rem;
1 }
1 }
1 @media print,screen and (min-width:768px) {
1 .RoomCard_room-card__3f6sO .RoomCard_room-card-content-top__dm0Jw {
1 padding-right:3.5rem;
1 }
1 }
1 .RoomCard_room-card__3f6sO .RoomCard_room-card-content-bottom__pPdlw .RoomCard_room-card-details-button__9Dd2Y {
1 gap:.25rem;
1 display:flex;
1 align-items:center;
1 justify-content:flex-end;
1 position:relative;
1 z-index:2;
1 cursor:pointer;
1 border-bottom:none;
1 padding-bottom:0;
1 line-height:normal;
1 text-align:right;
1 flex-shrink:0;
1 margin-top:.5rem;
1 }
1 .RoomCard_room-card__3f6sO .RoomCard_room-card-content-bottom__pPdlw .RoomCard_room-card-details-button__9Dd2Y span {
1 text-transform:uppercase;
1 font-size:.875rem;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 letter-spacing:.1rem;
1 transition:letter-spacing .3s ease;
1 }
1 .RoomCard_room-card__3f6sO .RoomCard_room-card-content-bottom__pPdlw .RoomCard_room-card-details-button__9Dd2Y svg {
1 position:relative;
1 bottom:2px;
1 }
1 .RoomCard_room-card__3f6sO .RoomCard_room-card-content-bottom__pPdlw .RoomCard_room-card-details-button__9Dd2Y:hover span {
1 letter-spacing:.2rem;
1 }
1 .RoomCard_room-card__3f6sO .RoomCard_room-card-button__GdygB {
1 position:absolute;
1 top:0;
1 right:0;
1 width:3.5rem;
1 height:3.5rem;
1 background-color:#fff;
1 transition:background-color .3s ease-in-out;
1 z-index:1;
1 cursor:pointer;
1 }
1 .RoomCard_room-card__3f6sO .RoomCard_room-card-button__GdygB:after {
1 P908WCAG2 A 1.3.1: Do not insert content using CSS
Content inserted using CSS may not appear when CSS is turned off, or the user is using their own accessible style sheet. See WCAG2 Failure F87.
content:url(/_next/static/media/lh_plus.ed6697ed.svg);
1 width:1.125rem;
1 height:1.125rem;
1 position:absolute;
1 top:50%;
1 left:50%;
1 transform:translate(-50%,-50%);
1 transition:all .3s ease;
1 }
1 .RoomCard_room-card__3f6sO .RoomCard_room-card-button__GdygB:hover {
1 cursor:pointer;
1 background-color:var(--selected-resort-color);
1 }
1 .RoomCard_room-card__3f6sO .RoomCard_room-card-button__GdygB:hover:after {
1 P908WCAG2 A 1.3.1: Do not insert content using CSS
Content inserted using CSS may not appear when CSS is turned off, or the user is using their own accessible style sheet. See WCAG2 Failure F87.
content:url(/_next/static/media/lh_plus_white.8a682195.svg);
1 }
1 .RoomCard_room-card-border__E9wpf {
1 position:absolute;
1 top:0;
1 left:0;
1 width:100%;
1 height:100%;
1 border:8px solid var(--selected-resort-color);
1 z-index:0;
1 opacity:0;
1 transition:opacity .3s ease-in-out;
1 }
1 .RoomCard_room-card__3f6sO.RoomCard_active__qKNzJ .RoomCard_room-card-button__GdygB {
1 background-color:var(--selected-resort-color);
1 }
1 .RoomCard_room-card__3f6sO.RoomCard_active__qKNzJ .RoomCard_room-card-button__GdygB:after {
1 P908WCAG2 A 1.3.1: Do not insert content using CSS
Content inserted using CSS may not appear when CSS is turned off, or the user is using their own accessible style sheet. See WCAG2 Failure F87.
content:url(/_next/static/media/lh_plus_white.8a682195.svg);
1 transform:translate(-50%,-50%) rotate(-45deg);
1 }
1 .RoomCard_room-card__3f6sO.RoomCard_active__qKNzJ .RoomCard_room-card-border__E9wpf {
1 opacity:1;
1 }
1 .RoomCard_room-card-details__SRKet {
1 padding:0 1.25rem;
1 transition:padding .3s ease-in-out;
1 }
1 @media print,screen and (min-width:768px) {
1 .RoomCard_room-card-details__SRKet {
1 padding:0 2.25rem;
1 }
1 }
1 .RoomCard_room-card-details-content__IDNtZ {
1 padding:1.25rem 0;
1 }
1 @media print,screen and (min-width:768px) {
1 .RoomCard_room-card-details-content__IDNtZ {
1 padding:2.25rem 0;
1 display:flex;
1 flex-direction:column;
1 justify-content:space-between;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .RoomCard_room-card-details-content__IDNtZ {
1 flex-direction:row;
1 }
1 }
1 @media screen and (min-width:1216px) {
1 .RoomCard_room-card-details-content__IDNtZ {
1 flex-direction:column;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .RoomCard_room-card-details-content__IDNtZ {
1 flex-direction:row;
1 }
1 }
1 @media print,screen and (min-width:768px) {
1 .RoomCard_room-card-details-content-text__pAw_f {
1 vertical-align:center;
1 }
1 }
1 .RoomCard_room-card-details-content-options__ZfOAc {
1 display:flex;
1 gap:1.25rem;
1 flex-wrap:wrap;
1 margin-top:1.25rem;
1 }
1 @media print,screen and (min-width:768px) {
1 .RoomCard_room-card-details-content-options__ZfOAc {
1 margin-top:2.25rem;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .RoomCard_room-card-details-content-options__ZfOAc {
1 margin-top:0;
1 }
1 }
1 @media screen and (min-width:1216px) {
1 .RoomCard_room-card-details-content-options__ZfOAc {
1 margin-top:2.25rem;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .RoomCard_room-card-details-content-options__ZfOAc {
1 margin-top:0;
1 }
1 }
1 .RoomCard_room-card-details-content-option__b42xV {
1 cursor:pointer;
1 padding:1rem 2rem;
1 border-radius:1.75rem;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 border:1px solid #2c2f38;
1 color:#2c2f38;
1 background-color:transparent;
1 transition:all .3s ease;
1 text-transform:uppercase;
1 letter-spacing:.1rem;
1 line-height:normal;
1 E777CSS: width has a value '-moz-fit-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain
Check the value against the list of valid rules from the official standard. See CSS Box Sizing Module Level 3.
width:-moz-fit-content;
1 width:fit-content;
1 font-size:.875rem;
1 }
1 .RoomCard_room-card-details-content-option__b42xV.RoomCard_active__qKNzJ,.RoomCard_room-card-details-content-option__b42xV:hover {
1 color:#fff;
1 background-color:#2c2f38;
1 }
1 .PeopleSelect_selector__KVRHY .PeopleSelect_people__R6aO1 {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 text-transform:uppercase;
1 font-size:1.25rem;
1 letter-spacing:.2rem;
1 line-height:2rem;
1 display:block;
1 margin-bottom:2rem;
1 }
1 .PeopleSelect_selector__KVRHY .PeopleSelect_numbers__L4AGn {
1 display:flex;
1 justify-content:space-between;
1 width:100%;
1 padding:0 .75rem;
1 margin-top:1.75rem;
1 }
1 .PeopleSelect_selector__KVRHY .PeopleSelect_numbers__L4AGn .PeopleSelect_number__ejTzy {
1 position:relative;
1 cursor:pointer;
1 }
1 .Range_range__xO8p1 {
1 display:flex;
1 align-items:center;
1 gap:1rem;
1 height:8px;
1 width:100%;
1 }
1 .Range_range__xO8p1 input[type=range] {
1 W776CSS: A vendor extension has been used: -webkit-appearance
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-webkit-appearance:none;
1 W776CSS: A vendor extension has been used: -moz-appearance
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-moz-appearance:none;
1 appearance:none;
1 width:100%;
1 cursor:pointer;
1 outline:none;
1 border-radius:15px;
1 height:8px;
1 background:#efefef;
1 }
1 W776CSS: A vendor extension has been used: input::-webkit-slider-thumb
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
.Range_range__xO8p1 input[type=range]::-webkit-slider-thumb {
1 W776CSS: A vendor extension has been used: -webkit-appearance
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-webkit-appearance:none;
1 appearance:none;
1 height:2rem;
1 width:2rem;
1 background-color:var(--selected-resort-color);
1 border-radius:50%;
1 border:4px solid #f7f7f7;
1 W776CSS: A vendor extension has been used: -webkit-transition
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-webkit-transition:.2s ease-in-out;
1 transition:.2s ease-in-out;
1 }
1 W776CSS: A vendor extension has been used: input::-moz-range-thumb
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
.Range_range__xO8p1 input[type=range]::-moz-range-thumb {
1 height:2rem;
1 width:2rem;
1 background-color:var(--selected-resort-color);
1 border-radius:50%;
1 border:4px solid #f7f7f7;
1 W776CSS: A vendor extension has been used: -moz-transition
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-moz-transition:.2s ease-in-out;
1 transition:.2s ease-in-out;
1 }
1 .DatePicker_date-picker__1I51W {
1 margin-top:2.25rem;
1 background-color:#fff;
1 box-shadow:6px 6px 12px #ededed,-6px -6px 12px #fff;
1 }
1 .DatePicker_date-picker__1I51W .react-datepicker {
1 width:100%;
1 display:flex;
1 margin:auto;
1 border:none;
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 font-size:.95rem;
1 padding:2.25rem 0;
1 gap:4rem;
1 }
1 .DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__header {
1 background-color:#fff;
1 border-bottom:none;
1 }
1 .DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__header .react-datepicker__current-month {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 font-size:1.5rem;
1 text-transform:uppercase;
1 }
1 @media screen and (max-width:767px) {
1 .DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__header .react-datepicker__current-month {
1 font-size:.875rem;
1 line-height:1.25rem;
1 }
1 }
1 .DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__month-container {
1 width:100%;
1 }
1 @media print,screen and (min-width:768px) {
1 .DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__month-container {
1 width:50%;
1 }
1 }
1 .DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__month-container .react-datepicker__week:not(:last-of-type) {
1 margin-bottom:1rem;
1 }
1 .DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__month-container .react-datepicker__day--outside-month {
1 visibility:hidden;
1 }
1 .DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__day:not([aria-disabled=true],.react-datepicker__day--range-end,.react-datepicker__day--range-start,.react-datepicker__day--in-range):hover {
1 background-color:#f7f7f7;
1 border-radius:50%;
1 }
1 .DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__day,.DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__day-name {
1 width:auto;
1 flex:1 1;
1 aspect-ratio:1/1;
1 margin:0;
1 display:flex;
1 align-items:center;
1 justify-content:center;
1 }
1 .DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__day-name {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 }
1 .DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__day-names,.DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__week {
1 display:flex;
1 justify-content:center;
1 }
1 .DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__day--in-range,.DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__day--in-selecting-range {
1 background-color:var(--selected-resort-color-opacity);
1 border-radius:0;
1 color:#2c2f38;
1 }
1 .DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__day--selected {
1 color:#2c2f38;
1 }
1 .DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__day--keyboard-selected,.DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__day--range-end,.DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__day--selected {
1 background-color:var(--selected-resort-color);
1 border-radius:50%;
1 }
1 .DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__day--range-end,.DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__day--range-start {
1 color:#fff;
1 position:relative;
1 z-index:0;
1 }
1 .DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__day--range-end:before,.DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__day--range-start:before {
1 content:"";
1 width:50%;
1 height:100%;
1 top:0;
1 position:absolute;
1 z-index:-1;
1 background-color:var(--selected-resort-color-opacity);
1 }
1 .DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__day--range-start:before {
1 right:0;
1 }
1 .DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__day--range-end:before {
1 left:0;
1 }
1 .DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__navigation {
1 top:48px;
1 }
1 @media screen and (max-width:767px) {
1 .DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__navigation {
1 top:38px;
1 }
1 }
1 .DatePicker_date-picker__1I51W .react-datepicker .react-datepicker__navigation .react-datepicker__navigation-icon:before {
1 width:12px;
1 height:12px;
1 border-width:2px 2px 0 0;
1 border-color:#2c2f38;
1 }
1 .DateBox_date-boxes__uNhiL {
1 display:flex;
1 gap:1rem;
1 flex-direction:column;
1 margin-top:3.5rem;
1 }
1 @media print,screen and (min-width:768px) {
1 .DateBox_date-boxes__uNhiL {
1 flex-direction:row;
1 gap:2rem;
1 }
1 }
1 .DateBox_date-boxes__uNhiL .DateBox_box__yKJq7 {
1 flex:1 1;
1 box-shadow:6px 6px 12px #ededed,-6px -6px 12px #fff;
1 padding:1.5rem 1.25rem;
1 }
1 .DateBox_date-boxes__uNhiL .DateBox_box__yKJq7 .DateBox_box-overline__TVccc {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 text-transform:uppercase;
1 font-size:.875rem;
1 letter-spacing:.15rem;
1 }
1 .DateBox_date-boxes__uNhiL .DateBox_box__yKJq7 .DateBox_date__yyDLE input {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 font-size:1.5rem;
1 letter-spacing:.15rem;
1 line-height:1.75rem;
1 padding:0;
1 margin:0;
1 border-bottom:0;
1 }
1 .Input_input__1Q_pw input,.Input_input__1Q_pw select,.Input_input__1Q_pw textarea {
1 outline:none;
1 box-shadow:none;
1 border-radius:0;
1 padding:.5rem 0 .5rem .5rem;
1 background-color:transparent;
1 border:none;
1 border-bottom:1px solid #2c2f38;
1 color:#2c2f38;
1 width:100%;
1 margin-bottom:.75rem;
1 font-size:1rem;
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 }
1 W776CSS: A vendor extension has been used: input::-moz-placeholder
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
.Input_input__1Q_pw input::-moz-placeholder,.Input_input__1Q_pw select::-moz-placeholder,.Input_input__1Q_pw textarea::-moz-placeholder {
1 line-height:1.25rem;
1 color:#2c2f38;
1 opacity:.5;
1 text-transform:uppercase;
1 font-size:.875rem;
1 }
1 .Input_input__1Q_pw input::placeholder,.Input_input__1Q_pw select::placeholder,.Input_input__1Q_pw textarea::placeholder {
1 line-height:1.25rem;
1 color:#2c2f38;
1 opacity:.5;
1 text-transform:uppercase;
1 font-size:.875rem;
1 }
1 .Input_input__1Q_pw input:focus-visible,.Input_input__1Q_pw select:focus-visible,.Input_input__1Q_pw textarea:focus-visible {
1 background-color:#fff;
1 }
1 .Input_input__1Q_pw input[type=checkbox] {
1 padding:0;
1 }
1 .Input_input__1Q_pw input.Input_has-error__t192S {
1 border:1px solid #96bdcd;
1 }
1 .Input_input__1Q_pw .Input_error-message__DmMrI {
1 color:red;
1 padding-bottom:0;
1 margin:.125rem 0 0;
1 font-size:.875rem;
1 line-height:1rem;
1 }
1 .Input_input__1Q_pw .Input_label__rwO1x {
1 display:block;
1 margin-bottom:.5rem;
1 color:#2c2f38;
1 font-size:.875rem;
1 }
1 .Input_input__1Q_pw .Input_checkbox__lwg_2 {
1 cursor:pointer;
1 position:relative;
1 display:flex;
1 }
1 .Input_input__1Q_pw .Input_checkbox__lwg_2 span {
1 position:relative;
1 }
1 .Input_input__1Q_pw .Input_checkbox__lwg_2>input {
1 width:1.25rem;
1 height:1.25rem;
1 W776CSS: A vendor extension has been used: -webkit-appearance
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-webkit-appearance:none;
1 W776CSS: A vendor extension has been used: -moz-appearance
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-moz-appearance:none;
1 appearance:none;
1 border:1px solid #2c2f38;
1 border-radius:50%;
1 background-color:transparent;
1 cursor:pointer;
1 flex-shrink:0;
1 }
1 .Input_input__1Q_pw .Input_checkbox__lwg_2>input:checked {
1 display:flex;
1 justify-content:center;
1 align-items:center;
1 }
1 .Input_input__1Q_pw .Input_checkbox__lwg_2>input:checked:before {
1 content:"";
1 display:block;
1 border-radius:50%;
1 background-color:#2c2f38;
1 width:.5rem;
1 height:.5rem;
1 }
1 .Input_input__1Q_pw .Input_subline__NwNlY {
1 display:block;
1 font-size:.875rem;
1 margin-top:-.5rem;
1 line-height:1rem;
1 }
1 .Input_text-input__naYBM label {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 text-transform:uppercase;
1 font-size:.875rem;
1 }
1 @media print,screen and (min-width:768px) {
1 .Input_text-input__naYBM {
1 display:flex;
1 flex-wrap:wrap;
1 }
1 .Input_text-input__naYBM label {
1 padding:.5rem 0;
1 border-bottom:1px solid #2c2f38;
1 width:20%;
1 margin-bottom:.75rem;
1 }
1 .Input_text-input__naYBM input {
1 width:80%;
1 }
1 }
1 .has-dark-blue-bg .Input_input__1Q_pw input,.has-dark-blue-bg .Input_input__1Q_pw select,.has-dark-blue-bg .Input_input__1Q_pw textarea {
1 border-bottom:1px solid #fff;
1 color:#fff;
1 }
1 W776CSS: A vendor extension has been used: input::-moz-placeholder
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
.has-dark-blue-bg .Input_input__1Q_pw input::-moz-placeholder,.has-dark-blue-bg .Input_input__1Q_pw select::-moz-placeholder,.has-dark-blue-bg .Input_input__1Q_pw textarea::-moz-placeholder {
1 color:#f7f7f7;
1 }
1 .has-dark-blue-bg .Input_input__1Q_pw input::placeholder,.has-dark-blue-bg .Input_input__1Q_pw select::placeholder,.has-dark-blue-bg .Input_input__1Q_pw textarea::placeholder {
1 color:#f7f7f7;
1 }
1 .has-dark-blue-bg .Input_checkbox__lwg_2 a {
1 color:#fff;
1 }
1 .has-dark-blue-bg .Input_checkbox__lwg_2 a:hover {
1 color:#f7f7f7;
1 }
1 .Input_radio__ZtaLg {
1 display:flex;
1 cursor:pointer;
1 align-items:center;
1 }
1 .Input_radio__ZtaLg input {
1 margin-bottom:4px;
1 width:1.25rem;
1 height:1.25rem;
1 W776CSS: A vendor extension has been used: -webkit-appearance
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-webkit-appearance:none;
1 W776CSS: A vendor extension has been used: -moz-appearance
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-moz-appearance:none;
1 appearance:none;
1 border:1px solid #2c2f38;
1 border-radius:50%;
1 background-color:transparent;
1 cursor:pointer;
1 padding:0;
1 }
1 .Input_radio__ZtaLg input:checked {
1 display:flex;
1 justify-content:center;
1 align-items:center;
1 }
1 .Input_radio__ZtaLg input:checked:before {
1 content:"";
1 display:block;
1 border-radius:50%;
1 background-color:#2c2f38;
1 width:.5rem;
1 height:.5rem;
1 }
1 .Input_hcaptcha__cgOtI p {
1 text-align:center;
1 }
1 .Input_hcaptcha__cgOtI>div {
1 display:flex;
1 justify-content:center;
1 }
1 .OverviewCard_box__XlO80 {
1 flex:1 1;
1 box-shadow:6px 6px 12px #ededed,-6px -6px 12px #fff;
1 padding:1.5rem 1.25rem;
1 margin-bottom:2.5rem;
1 }
1 @media screen and (max-width:767px) {
1 .OverviewCard_box__XlO80 {
1 margin-bottom:1.5rem;
1 }
1 }
1 .OverviewCard_box__XlO80 .OverviewCard_icon__ld2zL {
1 cursor:pointer;
1 }
1 .OverviewCard_box__XlO80 .OverviewCard_box-bottom__z65LQ .OverviewCard_box-title__bK1EW {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 font-size:1.5rem;
1 letter-spacing:.15rem;
1 line-height:1.75rem;
1 margin-bottom:.75rem;
1 }
1 @media screen and (max-width:767px) {
1 .OverviewCard_box__XlO80 .OverviewCard_box-bottom__z65LQ .OverviewCard_box-title__bK1EW {
1 font-size:1.25rem;
1 letter-spacing:.1rem;
1 line-height:1.5rem;
1 }
1 }
1 .OverviewCard_box__XlO80 .OverviewCard_box-bottom__z65LQ .OverviewCard_box-subline-left__ggvEO {
1 display:block;
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 font-size:.875rem;
1 line-height:1.25rem;
1 letter-spacing:.15em;
1 }
1 .OverviewCard_box__XlO80 .OverviewCard_box-subline-right__F0ncx {
1 width:50%;
1 text-align:right;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 text-transform:uppercase;
1 font-size:1rem;
1 letter-spacing:.15rem;
1 }
1 @media print,screen and (min-width:768px) {
1 .OverviewCard_box__XlO80 .OverviewCard_box-subline-right__F0ncx {
1 width:auto;
1 }
1 }
1 .OverviewFooter_overview-footer__H33R8 {
1 margin-top:1.5rem;
1 }
1 .OverviewFooter_overview-footer__H33R8 .OverviewFooter_text___BaKm {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 letter-spacing:.1em;
1 margin:1.5rem 0;
1 }
1 @media screen and (max-width:1023px) {
1 .Booking_booking__CmsQa {
1 padding-top:0;
1 }
1 }
1 @media screen and (min-width:1216px) {
1 .Booking_booking__CmsQa .is-sticky {
1 position:sticky;
1 top:48px;
1 }
1 }
1 @media screen and (max-width:767px) {
1 .Booking_booking__CmsQa .Booking_no-padding-mobile__abca5 {
1 padding:0;
1 }
1 }
1 .Booking_overline-bold__yTZVf {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 text-transform:uppercase;
1 font-size:1.25rem;
1 letter-spacing:.2rem;
1 line-height:2rem;
1 display:block;
1 }
1 @media screen and (max-width:767px) {
1 .Booking_overline-bold__yTZVf {
1 margin-bottom:2rem;
1 }
1 }
1 .Booking_total-cost-text__JLWmB {
1 display:block;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 font-size:.875rem;
1 line-height:1rem;
1 letter-spacing:.1em;
1 margin-bottom:.5rem;
1 }
1 @media print,screen and (min-width:768px) {
1 .Booking_total-cost-text__JLWmB {
1 text-align:right;
1 }
1 }
1 .Booking_total-cost-number__MYF7o {
1 display:block;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 font-size:2.25rem;
1 line-height:2.5rem;
1 letter-spacing:.1rem;
1 }
1 @media print,screen and (min-width:768px) {
1 .Booking_total-cost-number__MYF7o {
1 text-align:right;
1 }
1 }
1 .Salutation_radios__KU113 {
1 display:flex;
1 gap:3rem;
1 margin-bottom:.75rem;
1 }
1 .Salutation_error-message__7SxqJ {
1 color:red;
1 padding-bottom:0;
1 margin:.125rem 0 0;
1 font-size:.875rem;
1 line-height:1rem;
1 }
1 .ResultMessage_text__cKtUx {
1 font-size:2rem;
1 line-height:2.5rem;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 }
1 .Breadcrumbs_breadcrumbs__0II_j ul {
1 margin:0;
1 display:flex;
1 flex-wrap:wrap;
1 }
1 .Breadcrumbs_breadcrumbs__0II_j ul>li {
1 padding-left:0;
1 padding-bottom:0;
1 }
1 .Breadcrumbs_breadcrumbs__0II_j ul>li:before {
1 content:normal;
1 }
1 .Breadcrumbs_breadcrumbs__0II_j ul>li:not(:last-of-type) {
1 margin-bottom:0;
1 }
1 .Breadcrumbs_breadcrumbs__0II_j button.Breadcrumbs_breadcrumbs-path__fU4Zz {
1 border:initial;
1 background:transparent none repeat 0 0/auto auto padding-box border-box scroll;
1 background:initial;
1 padding:0;
1 cursor:pointer;
1 }
1 .Breadcrumbs_breadcrumbs__0II_j .Breadcrumbs_breadcrumbs-path__fU4Zz,.Breadcrumbs_breadcrumbs__0II_j .Breadcrumbs_breadcrumbs-title__Hp5vF {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 text-decoration:none;
1 border-bottom:initial;
1 padding-bottom:0;
1 font-size:.75rem;
1 letter-spacing:.1em;
1 line-height:1.25rem;
1 color:#2c2f38;
1 text-transform:uppercase;
1 margin-right:1.5rem;
1 }
1 .Breadcrumbs_breadcrumbs__0II_j .Breadcrumbs_separator__etls7 {
1 padding:0 1.5rem 0 0;
1 }
1 .Breadcrumbs_breadcrumbs__0II_j .Breadcrumbs_separator__etls7 svg {
1 width:.5rem;
1 height:.5rem;
1 }
1 .PeopleIndicator_people-indicator__wFev1 {
1 margin-bottom:2rem;
1 gap:.75rem;
1 }
1 .PeopleIndicator_people-indicator__wFev1 span {
1 margin-bottom:0;
1 }
1 .PeopleIndicator_people-indicator__wFev1 .PeopleIndicator_number__GD7Kf {
1 font-size:2.5rem;
1 line-height:normal;
1 }
1 .PeopleIndicator_people-indicator__wFev1 .PeopleIndicator_numbers-select__1H3Qr {
1 display:flex;
1 gap:1rem;
1 }
1 .PeopleIndicator_people-indicator__wFev1 .PeopleIndicator_numbers-select__1H3Qr .PeopleIndicator_number-select__k20F0 {
1 border:1px solid #2c2f38;
1 border-radius:50%;
1 background-color:transparent;
1 color:#2c2f38;
1 cursor:pointer;
1 transition:background-color .3s ease,color .3s ease;
1 height:2rem;
1 width:2rem;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 }
1 .PeopleIndicator_people-indicator__wFev1 .PeopleIndicator_numbers-select__1H3Qr .PeopleIndicator_number-select__k20F0.PeopleIndicator_active__Oyw5K,.PeopleIndicator_people-indicator__wFev1 .PeopleIndicator_numbers-select__1H3Qr .PeopleIndicator_number-select__k20F0:hover {
1 background-color:#2c2f38;
1 color:#fff;
1 }
1 .PeopleIndicator_people-indicator__wFev1 .PeopleIndicator_numbers-select__1H3Qr .PeopleIndicator_number-select__k20F0:focus-visible {
1 outline:2px solid #2c2f38;
1 outline-offset:2px;
1 }
1 @media screen and (max-width:1023px) {
1 .Booking_booking__GqXvg {
1 padding-top:0;
1 }
1 }
1 @media screen and (min-width:1216px) {
1 .Booking_booking__GqXvg .is-sticky {
1 position:sticky;
1 top:64px;
1 }
1 }
1 @media screen and (max-width:767px) {
1 .Booking_booking__GqXvg .Booking_no-padding-mobile__9nPD9 {
1 padding:0;
1 }
1 }
1 .Booking_booking__GqXvg p {
1 padding-bottom:0;
1 }
1 .Booking_booking__GqXvg ul {
1 margin:0;
1 }
1 .Booking_booking__GqXvg ul li {
1 padding-left:0;
1 }
1 .Booking_booking__GqXvg ul li.column {
1 padding-left:1rem;
1 }
1 .Booking_booking__GqXvg ul li:before {
1 content:none;
1 }
1 .Booking_booking__GqXvg ul li:last-of-type {
1 margin-bottom:0;
1 }
1 .Booking_booking__GqXvg :focus-visible:not(button,select,input[type=text],input[type=email],input[type=tel]),.Booking_booking__GqXvg :focus:not(button,select,input[type=text],input[type=email],input[type=tel]) {
1 outline:2px solid #2c2f38;
1 outline-offset:2px;
1 }
1 .Booking_booking__GqXvg button {
1 border:none;
1 background-color:transparent;
1 background-color:initial;
1 }
1 .Booking_overline-bold__nEgYj {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 text-transform:uppercase;
1 font-size:1.25rem;
1 letter-spacing:.2rem;
1 line-height:2rem;
1 display:block;
1 }
1 @media screen and (max-width:767px) {
1 .Booking_overline-bold__nEgYj {
1 margin-bottom:2rem;
1 }
1 }
1 .Booking_total-cost-text__wrmgr {
1 display:block;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 font-size:.875rem;
1 line-height:1rem;
1 letter-spacing:.1em;
1 margin-bottom:.5rem;
1 }
1 @media print,screen and (min-width:768px) {
1 .Booking_total-cost-text__wrmgr {
1 text-align:right;
1 }
1 }
1 .Booking_total-cost-number__pi9p1 {
1 display:block;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 font-size:2.25rem;
1 line-height:2.5rem;
1 letter-spacing:.1rem;
1 }
1 @media print,screen and (min-width:768px) {
1 .Booking_total-cost-number__pi9p1 {
1 text-align:right;
1 }
1 }
1 @media screen and (min-width:1216px) {
1 .Booking_step-wrapper__OKcXN {
1 flex-direction:row-reverse;
1 }
1 }
1 @media screen and (min-width:768px)and (max-width:1215px) {
1 .Booking_step-info-header__C_ZA4 {
1 display:flex;
1 justify-content:space-between;
1 }
1 .Booking_step-info-header-left__Q6cCt {
1 width:60%;
1 }
1 .Booking_step-info-header-right__bJBEp {
1 width:25%;
1 display:flex;
1 flex-direction:column;
1 align-items:flex-end;
1 justify-content:space-between;
1 }
1 .Booking_step-info-header-right__bJBEp button.btn {
1 left:0;
1 margin-left:auto;
1 }
1 }
1 .ResortCard_box__l_INF {
1 position:relative;
1 overflow:hidden;
1 box-shadow:6px 6px 12px #ededed,-6px -6px 12px #fff;
1 height:100%;
1 cursor:pointer;
1 }
1 .ResortCard_box__l_INF .ResortCard_box-content__brJqM {
1 padding:2rem 0 2rem 1.25rem;
1 }
1 .ResortCard_box__l_INF .ResortCard_box-content__brJqM .ResortCard_box-title__4L9fp {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 font-size:1.25rem;
1 letter-spacing:.1em;
1 line-height:1.75rem;
1 text-transform:uppercase;
1 margin-top:1.25rem;
1 z-index:1;
1 }
1 .ResortCard_box__l_INF .ResortCard_box-content__brJqM .ResortCard_box-text__BFtXw {
1 font-size:1rem;
1 line-height:1.25rem;
1 letter-spacing:.1em;
1 text-transform:uppercase;
1 }
1 .ResortCard_box__l_INF .ResortCard_icon-wrapper__S1cm1 {
1 width:3.5rem;
1 height:3.5rem;
1 display:flex;
1 justify-content:center;
1 align-items:center;
1 cursor:pointer;
1 z-index:2;
1 position:absolute;
1 top:0;
1 right:0;
1 background-color:#fff;
1 transition:background-color .3s ease-in-out;
1 }
1 .ResortCard_box__l_INF .ResortCard_icon-wrapper__S1cm1:after {
1 P908WCAG2 A 1.3.1: Do not insert content using CSS
Content inserted using CSS may not appear when CSS is turned off, or the user is using their own accessible style sheet. See WCAG2 Failure F87.
content:url(/_next/static/media/lh_arrow_right.60061c8b.svg);
1 width:1.125rem;
1 height:1.125rem;
1 position:absolute;
1 top:50%;
1 left:50%;
1 transform:translate(-50%,calc(-50% - 2px)) scale(.5);
1 }
1 .ResortCard_box__l_INF .ResortCard_image-wrapper__J4bYv .image-wrapper {
1 height:100%;
1 }
1 .ResortCard_box__l_INF .ResortCard_image-wrapper__J4bYv img {
1 height:100%;
1 aspect-ratio:1/1;
1 }
1 .ResortCard_box__l_INF .ResortCard_box-border__GYQch {
1 position:absolute;
1 top:0;
1 left:0;
1 width:100%;
1 height:100%;
1 border:8px solid var(--resort-color);
1 z-index:0;
1 opacity:0;
1 transition:opacity .3s ease-in-out;
1 }
1 .ResortCard_box__l_INF:focus .ResortCard_icon-wrapper__S1cm1,.ResortCard_box__l_INF:hover .ResortCard_icon-wrapper__S1cm1 {
1 background-color:var(--resort-color);
1 }
1 .ResortCard_box__l_INF:focus .ResortCard_icon-wrapper__S1cm1:after,.ResortCard_box__l_INF:hover .ResortCard_icon-wrapper__S1cm1:after {
1 P908WCAG2 A 1.3.1: Do not insert content using CSS
Content inserted using CSS may not appear when CSS is turned off, or the user is using their own accessible style sheet. See WCAG2 Failure F87.
content:url(/_next/static/media/lh_arrow_right_white.d729c335.svg);
1 }
1 .ResortCard_box__l_INF:focus .ResortCard_box-border__GYQch,.ResortCard_box__l_INF:hover .ResortCard_box-border__GYQch {
1 opacity:1;
1 }
1 .ResortModal_modal__DBPYm {
1 position:fixed;
1 inset:0;
1 W777CSS: This item is experimental and has been ignored: backdrop-filter
Because this item is so new, it's definition has not yet been agreed upon, and so it has not been tested. Experimental items should be avoided as few browsers may support them, and their definition may change at any time.
backdrop-filter:blur(6px);
1 background-color:rgba(0,0,0,.5);
1 z-index:41;
1 }
1 .ResortModal_modal__DBPYm .ResortModal_modal-wrapper__cYRUY {
1 background-color:#fff;
1 position:absolute;
1 top:50%;
1 left:50%;
1 transform:translate(-50%,-50%);
1 display:flex;
1 max-width:calc(100% - 4rem);
1 E777CSS: width has a value '-moz-max-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain
Check the value against the list of valid rules from the official standard. See CSS Box Sizing Module Level 3.
width:-moz-max-content;
1 width:max-content;
1 flex-direction:column-reverse;
1 }
1 @media screen and (max-width:767px) {
1 .ResortModal_modal__DBPYm .ResortModal_modal-wrapper__cYRUY {
1 max-height:90vh;
1 overflow:scroll;
1 }
1 }
1 @media print,screen and (min-width:768px) {
1 .ResortModal_modal__DBPYm .ResortModal_modal-wrapper__cYRUY {
1 max-width:66.67%;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .ResortModal_modal__DBPYm .ResortModal_modal-wrapper__cYRUY {
1 max-width:900px;
1 flex-direction:row;
1 }
1 }
1 .ResortModal_modal__DBPYm .ResortModal_modal-wrapper__cYRUY .ResortModal_modal-content___eYtI {
1 padding:2rem;
1 display:flex;
1 flex-direction:column;
1 }
1 .ResortModal_modal__DBPYm .ResortModal_modal-wrapper__cYRUY .ResortModal_modal-content___eYtI .ResortModal_modal-title__PjqP9 {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 font-size:1.5rem;
1 line-height:2rem;
1 letter-spacing:.2rem;
1 margin-bottom:1rem;
1 }
1 @media screen and (min-width:1024px) {
1 .ResortModal_modal__DBPYm .ResortModal_modal-wrapper__cYRUY .ResortModal_modal-content___eYtI .ResortModal_modal-title__PjqP9 {
1 font-size:2.25rem;
1 line-height:2.5rem;
1 }
1 }
1 .ResortModal_modal__DBPYm .ResortModal_modal-wrapper__cYRUY .ResortModal_modal-content___eYtI .ResortModal_modal-links__mgqPY {
1 margin-top:auto;
1 display:flex;
1 justify-content:space-between;
1 }
1 @media screen and (max-width:767px) {
1 .ResortModal_modal__DBPYm .ResortModal_modal-wrapper__cYRUY .ResortModal_modal-content___eYtI .ResortModal_modal-links__mgqPY {
1 flex-direction:column;
1 gap:2rem;
1 }
1 }
1 .ResortModal_modal__DBPYm .ResortModal_modal-wrapper__cYRUY .ResortModal_modal-content___eYtI .ResortModal_modal-links__mgqPY .ResortModal_modal-link__9Hf6G,.ResortModal_modal__DBPYm .ResortModal_modal-wrapper__cYRUY .ResortModal_modal-content___eYtI .ResortModal_modal-links__mgqPY a {
1 cursor:pointer;
1 padding:1rem 2rem;
1 border-radius:1.75rem;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 border:1px solid #2c2f38;
1 color:#2c2f38;
1 background-color:transparent;
1 transition:all .3s ease;
1 text-transform:uppercase;
1 letter-spacing:.1rem;
1 line-height:normal;
1 E777CSS: width has a value '-moz-fit-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain
Check the value against the list of valid rules from the official standard. See CSS Box Sizing Module Level 3.
width:-moz-fit-content;
1 width:fit-content;
1 font-size:.875rem;
1 }
1 .ResortModal_modal__DBPYm .ResortModal_modal-wrapper__cYRUY .ResortModal_modal-content___eYtI .ResortModal_modal-links__mgqPY .ResortModal_modal-link__9Hf6G.ResortModal_active__YF3so,.ResortModal_modal__DBPYm .ResortModal_modal-wrapper__cYRUY .ResortModal_modal-content___eYtI .ResortModal_modal-links__mgqPY .ResortModal_modal-link__9Hf6G:focus,.ResortModal_modal__DBPYm .ResortModal_modal-wrapper__cYRUY .ResortModal_modal-content___eYtI .ResortModal_modal-links__mgqPY .ResortModal_modal-link__9Hf6G:hover,.ResortModal_modal__DBPYm .ResortModal_modal-wrapper__cYRUY .ResortModal_modal-content___eYtI .ResortModal_modal-links__mgqPY a.ResortModal_active__YF3so,.ResortModal_modal__DBPYm .ResortModal_modal-wrapper__cYRUY .ResortModal_modal-content___eYtI .ResortModal_modal-links__mgqPY a:focus,.ResortModal_modal__DBPYm .ResortModal_modal-wrapper__cYRUY .ResortModal_modal-content___eYtI .ResortModal_modal-links__mgqPY a:hover {
1 color:#fff;
1 background-color:#2c2f38;
1 }
1 .ResortModal_modal__DBPYm .ResortModal_modal-wrapper__cYRUY .image-wrapper,.ResortModal_modal__DBPYm .ResortModal_modal-wrapper__cYRUY .image-wrapper img {
1 height:100%;
1 }
1 .ResortModal_modal__DBPYm .ResortModal_modal-close__nZsuY {
1 position:absolute;
1 right:2.5rem;
1 top:2.5rem;
1 transform:rotate(45deg);
1 cursor:pointer;
1 }
1 .ResortModal_modal__DBPYm .ResortModal_modal-close__nZsuY svg path {
1 stroke:#fff!important;
1 }
1 @media screen and (max-width:767px) {
1 .ResortModal_modal__DBPYm .ResortModal_modal-close__nZsuY {
1 right:.5rem;
1 top:.5rem;
1 }
1 }
1 .ResortModal_modal__DBPYm .ResortModal_modal-close__nZsuY:focus-visible {
1 outline:2px solid #fff;
1 outline-offset:2px;
1 }
1 .TreatmentCard_treatment-card__x9be0 {
1 display:flex;
1 position:relative;
1 box-shadow:6px 6px 12px #ededed,-6px -6px 12px #fff;
1 }
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-image__SJMIi {
1 width:33.33%;
1 flex:none;
1 position:relative;
1 }
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-image__SJMIi .image-wrapper {
1 height:100%;
1 }
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-image__SJMIi img {
1 height:100%;
1 aspect-ratio:1/1;
1 }
1 @media screen and (min-width:1024px) {
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-image__SJMIi img {
1 aspect-ratio:3/2;
1 }
1 }
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-image__SJMIi .TreatmentCard_treatment-card-disruptor__V1Vo2 {
1 position:absolute;
1 bottom:0;
1 left:0;
1 height:6rem;
1 width:6rem;
1 background-color:var(--selected-resort-color);
1 display:flex;
1 align-items:flex-end;
1 padding:.75rem;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 color:#fff;
1 font-size:.875rem;
1 line-height:1rem;
1 letter-spacing:.1rem;
1 text-transform:uppercase;
1 word-break:break-word;
1 hyphens:auto;
1 }
1 @media screen and (max-width:767px) {
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-image__SJMIi {
1 display:none;
1 }
1 }
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-content__S7G1_ {
1 flex:1 1;
1 display:flex;
1 flex-direction:column;
1 padding:1.25rem 2rem;
1 }
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-content-title__yriR7 {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 font-size:1.25rem;
1 letter-spacing:.1em;
1 line-height:1.75rem;
1 text-transform:uppercase;
1 margin-bottom:.75rem;
1 }
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-content-price__f_qha {
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 font-size:.875rem;
1 line-height:1.25rem;
1 letter-spacing:.1em;
1 }
1 @media print,screen and (min-width:768px) {
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-content-price__f_qha {
1 letter-spacing:.25em;
1 }
1 }
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-content-teaser__Jbtzk {
1 font-size:1rem;
1 line-height:1.25rem;
1 letter-spacing:.05em;
1 }
1 @media print,screen and (min-width:768px) {
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-content-teaser__Jbtzk {
1 padding-right:5.5rem;
1 }
1 }
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-content-top___SG7t {
1 flex:1 1;
1 padding-right:10.5rem;
1 margin-bottom:1rem;
1 }
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-content-bottom__1cWSM .TreatmentCard_treatment-card-details-button__aYFGb {
1 gap:.25rem;
1 display:flex;
1 align-items:center;
1 justify-content:flex-end;
1 position:relative;
1 z-index:2;
1 cursor:pointer;
1 border-bottom:none;
1 padding-bottom:0;
1 line-height:normal;
1 text-align:right;
1 flex-shrink:0;
1 margin-top:.5rem;
1 }
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-content-bottom__1cWSM .TreatmentCard_treatment-card-details-button__aYFGb span {
1 text-transform:uppercase;
1 font-size:.875rem;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 letter-spacing:.1rem;
1 transition:letter-spacing .3s ease;
1 }
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-content-bottom__1cWSM .TreatmentCard_treatment-card-details-button__aYFGb svg {
1 position:relative;
1 bottom:2px;
1 }
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-content-bottom__1cWSM .TreatmentCard_treatment-card-details-button__aYFGb:hover span {
1 letter-spacing:.2rem;
1 }
1 @media print,screen and (min-width:768px) {
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-content-bottom__1cWSM {
1 position:relative;
1 }
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-content-bottom__1cWSM .TreatmentCard_treatment-card-details-button__aYFGb {
1 position:absolute;
1 bottom:0;
1 right:0;
1 margin-top:0;
1 }
1 }
1 @media screen and (max-width:767px) {
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-content__S7G1_ .TreatmentCard_treatment-card-content-top___SG7t {
1 margin-bottom:5rem;
1 }
1 }
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-buttons__Jgps6 {
1 position:absolute;
1 top:0;
1 right:0;
1 display:flex;
1 align-items:center;
1 background-color:#fff;
1 }
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-buttons__Jgps6 .TreatmentCard_treatment-card-button-minus__5TRP_ {
1 position:relative;
1 width:3.5rem;
1 height:3.5rem;
1 transition:background-color .3s ease-in-out;
1 z-index:1;
1 cursor:pointer;
1 }
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-buttons__Jgps6 .TreatmentCard_treatment-card-button-minus__5TRP_ .TreatmentCard_minus-svg__Ib9kR {
1 position:absolute;
1 top:50%;
1 left:50%;
1 transform:translate(-50%,-50%);
1 }
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-buttons__Jgps6 .TreatmentCard_treatment-card-button-minus__5TRP_:focus-visible,.TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-buttons__Jgps6 .TreatmentCard_treatment-card-button-minus__5TRP_:hover {
1 cursor:pointer;
1 background-color:var(--selected-resort-color);
1 }
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-buttons__Jgps6 .TreatmentCard_treatment-card-button-minus__5TRP_:focus-visible .TreatmentCard_minus-svg__Ib9kR path,.TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-buttons__Jgps6 .TreatmentCard_treatment-card-button-minus__5TRP_:hover .TreatmentCard_minus-svg__Ib9kR path {
1 stroke:#2c2f38!important;
1 }
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-buttons__Jgps6 .TreatmentCard_treatment-card-button-plus__Ww6Zt {
1 position:relative;
1 width:3.5rem;
1 height:3.5rem;
1 transition:background-color .3s ease-in-out;
1 z-index:1;
1 cursor:pointer;
1 }
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-buttons__Jgps6 .TreatmentCard_treatment-card-button-plus__Ww6Zt .TreatmentCard_plus-svg__VdBrL {
1 position:absolute;
1 top:50%;
1 left:50%;
1 transform:translate(-50%,-50%);
1 }
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-buttons__Jgps6 .TreatmentCard_treatment-card-button-plus__Ww6Zt:focus-visible,.TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-buttons__Jgps6 .TreatmentCard_treatment-card-button-plus__Ww6Zt:hover {
1 cursor:pointer;
1 background-color:var(--selected-resort-color);
1 }
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-buttons__Jgps6 .TreatmentCard_treatment-card-button-plus__Ww6Zt:focus-visible .TreatmentCard_plus-svg__VdBrL path,.TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-buttons__Jgps6 .TreatmentCard_treatment-card-button-plus__Ww6Zt:hover .TreatmentCard_plus-svg__VdBrL path {
1 stroke:#2c2f38!important;
1 }
1 .TreatmentCard_treatment-card__x9be0 .TreatmentCard_treatment-card-buttons__Jgps6 .TreatmentCard_number__jwo9R {
1 width:3.5rem;
1 height:3.5rem;
1 display:flex;
1 align-items:center;
1 justify-content:center;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 font-size:1rem;
1 }
1 .TreatmentCard_treatment-card-border__HZ0Jt {
1 position:absolute;
1 top:0;
1 left:0;
1 width:100%;
1 height:100%;
1 border:8px solid var(--selected-resort-color);
1 z-index:0;
1 opacity:0;
1 transition:opacity .3s ease-in-out;
1 }
1 .TreatmentCard_treatment-card__x9be0.TreatmentCard_active__UUpHf .TreatmentCard_treatment-card-buttons__Jgps6 {
1 background-color:var(--selected-resort-color);
1 }
1 .TreatmentCard_treatment-card__x9be0.TreatmentCard_active__UUpHf .TreatmentCard_treatment-card-buttons__Jgps6 .TreatmentCard_number__jwo9R {
1 color:#2c2f38;
1 }
1 .TreatmentCard_treatment-card__x9be0.TreatmentCard_active__UUpHf .TreatmentCard_treatment-card-buttons__Jgps6 svg path {
1 stroke:#2c2f38!important;
1 }
1 .TreatmentCard_treatment-card__x9be0.TreatmentCard_active__UUpHf .TreatmentCard_treatment-card-buttons__Jgps6 .TreatmentCard_treatment-card-button-minus__5TRP_:focus-visible,.TreatmentCard_treatment-card__x9be0.TreatmentCard_active__UUpHf .TreatmentCard_treatment-card-buttons__Jgps6 .TreatmentCard_treatment-card-button-plus__Ww6Zt:focus-visible {
1 background-color:#fff;
1 border:2px solid var(--selected-resort-color);
1 }
1 .TreatmentCard_treatment-card__x9be0.TreatmentCard_active__UUpHf .TreatmentCard_treatment-card-buttons__Jgps6 .TreatmentCard_treatment-card-button-minus__5TRP_:focus-visible svg path,.TreatmentCard_treatment-card__x9be0.TreatmentCard_active__UUpHf .TreatmentCard_treatment-card-buttons__Jgps6 .TreatmentCard_treatment-card-button-plus__Ww6Zt:focus-visible svg path {
1 stroke:#2c2f38!important;
1 }
1 .TreatmentCard_treatment-card__x9be0.TreatmentCard_active__UUpHf .TreatmentCard_treatment-card-border__HZ0Jt {
1 opacity:1;
1 }
1 .TreatmentCard_treatment-card-details__7ByFy {
1 padding:0 2.25rem;
1 transition:padding .3s ease-in-out;
1 }
1 .TreatmentCard_treatment-card-details-top__IQ4M6 {
1 display:flex;
1 gap:1rem;
1 margin-bottom:2.5rem;
1 padding-top:2.25rem;
1 }
1 .TreatmentCard_treatment-card-details-top__IQ4M6 span {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 border-right:1px solid #2c2f38;
1 padding-right:1rem;
1 }
1 .TreatmentCard_treatment-card-details-top__IQ4M6 a {
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 border-bottom:none;
1 padding-bottom:0;
1 line-height:1.5rem;
1 letter-spacing:.1em;
1 transition:letter-spacing .3s ease;
1 }
1 .TreatmentCard_treatment-card-details-top__IQ4M6 a:hover {
1 letter-spacing:.2em;
1 }
1 .TreatmentCard_treatment-card-details__7ByFy p {
1 padding-bottom:0;
1 }
1 @media screen and (max-width:767px) {
1 .TreatmentCard_treatment-card-details__7ByFy {
1 padding:0 1.25rem;
1 }
1 .TreatmentCard_treatment-card-details__7ByFy .TreatmentCard_treatment-card-details-top__IQ4M6 a,.TreatmentCard_treatment-card-details__7ByFy .TreatmentCard_treatment-card-details-top__IQ4M6 span {
1 font-size:.75rem;
1 line-height:1rem;
1 }
1 }
1 .RoomCard_room-card__KSJun {
1 display:flex;
1 position:relative;
1 box-shadow:6px 6px 12px #ededed,-6px -6px 12px #fff;
1 }
1 @media screen and (max-width:767px) {
1 .RoomCard_room-card__KSJun {
1 flex-direction:column;
1 }
1 }
1 .RoomCard_room-card__KSJun .RoomCard_room-card-image__cEliK {
1 flex:none;
1 position:relative;
1 }
1 @media print,screen and (min-width:768px) {
1 .RoomCard_room-card__KSJun .RoomCard_room-card-image__cEliK {
1 width:33.33%;
1 }
1 }
1 .RoomCard_room-card__KSJun .RoomCard_room-card-image__cEliK .image-wrapper {
1 height:100%;
1 }
1 .RoomCard_room-card__KSJun .RoomCard_room-card-image__cEliK img {
1 height:100%;
1 aspect-ratio:3/2;
1 }
1 @media screen and (min-width:768px)and (max-width:1023px) {
1 .RoomCard_room-card__KSJun .RoomCard_room-card-image__cEliK img {
1 aspect-ratio:1/1;
1 }
1 }
1 @media screen and (min-width:1216px)and (max-width:1407px) {
1 .RoomCard_room-card__KSJun .RoomCard_room-card-image__cEliK img {
1 aspect-ratio:1/1;
1 }
1 }
1 .RoomCard_room-card__KSJun .RoomCard_room-card-image__cEliK .RoomCard_room-card-disruptor__5Id8H {
1 position:absolute;
1 bottom:0;
1 left:0;
1 width:100%;
1 background-color:var(--selected-resort-color);
1 display:flex;
1 align-items:flex-end;
1 padding:.75rem;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 color:#fff;
1 font-size:.875rem;
1 line-height:1rem;
1 letter-spacing:.1rem;
1 }
1 @media print,screen and (min-width:768px) {
1 .RoomCard_room-card__KSJun .RoomCard_room-card-image__cEliK .RoomCard_room-card-disruptor__5Id8H {
1 height:6rem;
1 width:6rem;
1 }
1 }
1 .RoomCard_room-card__KSJun .RoomCard_room-card-content__9g0wd {
1 flex:1 1;
1 display:flex;
1 flex-direction:column;
1 padding:1.25rem 2rem;
1 }
1 @media screen and (max-width:767px) {
1 .RoomCard_room-card__KSJun .RoomCard_room-card-content__9g0wd {
1 padding:1.25rem;
1 }
1 }
1 .RoomCard_room-card__KSJun .RoomCard_room-card-content-title___E6C1 {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 font-size:1.25rem;
1 letter-spacing:.1em;
1 line-height:1.75rem;
1 text-transform:uppercase;
1 margin-bottom:.75rem;
1 }
1 .RoomCard_room-card__KSJun .RoomCard_room-card-content-price__MBDFY {
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 font-size:.875rem;
1 line-height:1.25rem;
1 letter-spacing:.25em;
1 }
1 .RoomCard_room-card__KSJun .RoomCard_room-card-content-teaser__L2dYi {
1 font-size:1rem;
1 line-height:1.25rem;
1 letter-spacing:.1em;
1 }
1 .RoomCard_room-card__KSJun .RoomCard_room-card-content-top__xQZQt {
1 flex:1 1;
1 }
1 @media screen and (max-width:767px) {
1 .RoomCard_room-card__KSJun .RoomCard_room-card-content-top__xQZQt {
1 margin-bottom:4rem;
1 }
1 }
1 @media print,screen and (min-width:768px) {
1 .RoomCard_room-card__KSJun .RoomCard_room-card-content-top__xQZQt {
1 padding-right:10.5rem;
1 }
1 }
1 .RoomCard_room-card__KSJun .RoomCard_room-card-content-bottom__i7vYr .RoomCard_room-card-details-button__93H5g {
1 gap:.25rem;
1 display:flex;
1 align-items:center;
1 justify-content:flex-end;
1 position:relative;
1 z-index:2;
1 cursor:pointer;
1 border-bottom:none;
1 padding-bottom:0;
1 line-height:normal;
1 text-align:right;
1 flex-shrink:0;
1 margin-top:.5rem;
1 }
1 .RoomCard_room-card__KSJun .RoomCard_room-card-content-bottom__i7vYr .RoomCard_room-card-details-button__93H5g span {
1 text-transform:uppercase;
1 font-size:.875rem;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 letter-spacing:.1rem;
1 transition:letter-spacing .3s ease;
1 }
1 .RoomCard_room-card__KSJun .RoomCard_room-card-content-bottom__i7vYr .RoomCard_room-card-details-button__93H5g svg {
1 position:relative;
1 bottom:2px;
1 }
1 .RoomCard_room-card__KSJun .RoomCard_room-card-content-bottom__i7vYr .RoomCard_room-card-details-button__93H5g:hover span {
1 letter-spacing:.2rem;
1 }
1 .RoomCard_room-card__KSJun .RoomCard_room-card-buttons__HopdW {
1 position:absolute;
1 top:0;
1 right:0;
1 display:flex;
1 align-items:center;
1 background-color:#fff;
1 }
1 .RoomCard_room-card__KSJun .RoomCard_room-card-buttons__HopdW .RoomCard_room-card-button-minus__hClBj {
1 position:relative;
1 width:3.5rem;
1 height:3.5rem;
1 transition:background-color .3s ease-in-out;
1 z-index:1;
1 cursor:pointer;
1 }
1 .RoomCard_room-card__KSJun .RoomCard_room-card-buttons__HopdW .RoomCard_room-card-button-minus__hClBj .RoomCard_minus-svg__KWtsV {
1 position:absolute;
1 top:50%;
1 left:50%;
1 transform:translate(-50%,-50%);
1 }
1 .RoomCard_room-card__KSJun .RoomCard_room-card-buttons__HopdW .RoomCard_room-card-button-minus__hClBj:focus-visible,.RoomCard_room-card__KSJun .RoomCard_room-card-buttons__HopdW .RoomCard_room-card-button-minus__hClBj:hover {
1 cursor:pointer;
1 background-color:var(--selected-resort-color);
1 }
1 .RoomCard_room-card__KSJun .RoomCard_room-card-buttons__HopdW .RoomCard_room-card-button-minus__hClBj:focus-visible .RoomCard_minus-svg__KWtsV path,.RoomCard_room-card__KSJun .RoomCard_room-card-buttons__HopdW .RoomCard_room-card-button-minus__hClBj:hover .RoomCard_minus-svg__KWtsV path {
1 stroke:#2c2f38!important;
1 }
1 .RoomCard_room-card__KSJun .RoomCard_room-card-buttons__HopdW .RoomCard_room-card-button-plus__7onOr {
1 position:relative;
1 width:3.5rem;
1 height:3.5rem;
1 transition:background-color .3s ease-in-out;
1 z-index:1;
1 cursor:pointer;
1 }
1 .RoomCard_room-card__KSJun .RoomCard_room-card-buttons__HopdW .RoomCard_room-card-button-plus__7onOr .RoomCard_plus-svg__UUpwC {
1 position:absolute;
1 top:50%;
1 left:50%;
1 transform:translate(-50%,-50%);
1 }
1 .RoomCard_room-card__KSJun .RoomCard_room-card-buttons__HopdW .RoomCard_room-card-button-plus__7onOr:focus-visible,.RoomCard_room-card__KSJun .RoomCard_room-card-buttons__HopdW .RoomCard_room-card-button-plus__7onOr:hover {
1 cursor:pointer;
1 background-color:var(--selected-resort-color);
1 }
1 .RoomCard_room-card__KSJun .RoomCard_room-card-buttons__HopdW .RoomCard_room-card-button-plus__7onOr:focus-visible .RoomCard_plus-svg__UUpwC path,.RoomCard_room-card__KSJun .RoomCard_room-card-buttons__HopdW .RoomCard_room-card-button-plus__7onOr:hover .RoomCard_plus-svg__UUpwC path {
1 stroke:#2c2f38!important;
1 }
1 .RoomCard_room-card__KSJun .RoomCard_room-card-buttons__HopdW .RoomCard_number__eC79S {
1 width:3.5rem;
1 height:3.5rem;
1 display:flex;
1 align-items:center;
1 justify-content:center;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 font-size:1rem;
1 }
1 .RoomCard_room-card-border__JADqK {
1 position:absolute;
1 top:0;
1 left:0;
1 width:100%;
1 height:100%;
1 border:8px solid var(--selected-resort-color);
1 z-index:0;
1 opacity:0;
1 transition:opacity .3s ease-in-out;
1 }
1 .RoomCard_room-card__KSJun.RoomCard_active__9x_zz .RoomCard_room-card-buttons__HopdW {
1 background-color:var(--selected-resort-color);
1 }
1 .RoomCard_room-card__KSJun.RoomCard_active__9x_zz .RoomCard_room-card-buttons__HopdW .RoomCard_number__eC79S {
1 color:#2c2f38;
1 }
1 .RoomCard_room-card__KSJun.RoomCard_active__9x_zz .RoomCard_room-card-buttons__HopdW svg path {
1 stroke:#2c2f38!important;
1 }
1 .RoomCard_room-card__KSJun.RoomCard_active__9x_zz .RoomCard_room-card-buttons__HopdW .RoomCard_room-card-button-minus__hClBj:focus-visible,.RoomCard_room-card__KSJun.RoomCard_active__9x_zz .RoomCard_room-card-buttons__HopdW .RoomCard_room-card-button-plus__7onOr:focus-visible {
1 background-color:#fff;
1 border:2px solid var(--selected-resort-color);
1 }
1 .RoomCard_room-card__KSJun.RoomCard_active__9x_zz .RoomCard_room-card-buttons__HopdW .RoomCard_room-card-button-minus__hClBj:focus-visible svg path,.RoomCard_room-card__KSJun.RoomCard_active__9x_zz .RoomCard_room-card-buttons__HopdW .RoomCard_room-card-button-plus__7onOr:focus-visible svg path {
1 stroke:#2c2f38!important;
1 }
1 .RoomCard_room-card__KSJun.RoomCard_active__9x_zz .RoomCard_room-card-border__JADqK {
1 opacity:1;
1 }
1 .RoomCard_room-card-details__K2zGj {
1 padding:0 1.25rem;
1 transition:padding .3s ease-in-out;
1 }
1 @media print,screen and (min-width:768px) {
1 .RoomCard_room-card-details__K2zGj {
1 padding:0 2.25rem;
1 display:flex;
1 justify-content:space-between;
1 }
1 }
1 .RoomCard_room-card-details-content__eoTTa {
1 padding:1.25rem 0;
1 }
1 @media print,screen and (min-width:768px) {
1 .RoomCard_room-card-details-content__eoTTa {
1 padding:2.25rem 0;
1 }
1 .RoomCard_room-card-details-content-text__ILi4Q {
1 vertical-align:center;
1 }
1 }
1 .RoomCard_room-card-details-content-options__0Ie7h {
1 display:flex;
1 gap:1.25rem;
1 flex-wrap:wrap;
1 margin-top:1.25rem;
1 }
1 @media print,screen and (min-width:768px) {
1 .RoomCard_room-card-details-content-options__0Ie7h {
1 margin-top:2.25rem;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .RoomCard_room-card-details-content-options__0Ie7h {
1 margin-top:0;
1 }
1 }
1 @media screen and (min-width:1216px) {
1 .RoomCard_room-card-details-content-options__0Ie7h {
1 margin-top:2.25rem;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .RoomCard_room-card-details-content-options__0Ie7h {
1 margin-top:0;
1 }
1 }
1 .RoomCard_room-card-details-content-option__R431a {
1 cursor:pointer;
1 padding:1rem 2rem;
1 border-radius:1.75rem;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 border:1px solid #2c2f38;
1 color:#2c2f38;
1 background-color:transparent;
1 transition:all .3s ease;
1 text-transform:uppercase;
1 letter-spacing:.1rem;
1 line-height:normal;
1 E777CSS: width has a value '-moz-fit-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain
Check the value against the list of valid rules from the official standard. See CSS Box Sizing Module Level 3.
width:-moz-fit-content;
1 width:fit-content;
1 font-size:.875rem;
1 }
1 .RoomCard_room-card-details-content-option__R431a.RoomCard_active__9x_zz,.RoomCard_room-card-details-content-option__R431a:focus-visible,.RoomCard_room-card-details-content-option__R431a:hover,.RoomCard_room-card-details-content-option__R431a[aria-checked=true] {
1 color:#fff;
1 background-color:#2c2f38;
1 }
1 .RoomCard_room-card-details-person__MDXo4 {
1 padding-bottom:1.25rem;
1 }
1 @media print,screen and (min-width:768px) {
1 .RoomCard_room-card-details-person__MDXo4 {
1 padding:2.25rem 0;
1 }
1 }
1 .RoomCard_room-card-details-person-number-wrapper__m5bpB {
1 display:flex;
1 align-items:center;
1 gap:.5rem;
1 }
1 @media print,screen and (min-width:768px) {
1 .RoomCard_room-card-details-person-number-wrapper__m5bpB {
1 justify-content:flex-end;
1 }
1 }
1 .RoomCard_room-card-details-person-number__62bov {
1 width:2.5rem;
1 height:2.5rem;
1 border-radius:50%;
1 border:1px solid #2c2f38;
1 background-color:#fff;
1 transition:color .3s ease-in-out,background-color .3s ease-in-out;
1 cursor:pointer;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 }
1 .RoomCard_room-card-details-person-number__62bov.RoomCard_active__9x_zz,.RoomCard_room-card-details-person-number__62bov:focus-visible,.RoomCard_room-card-details-person-number__62bov:hover {
1 background-color:#2c2f38;
1 color:#fff;
1 }
1 .RoomCard_room-card-details-person-number__62bov:focus-visible {
1 outline:2px solid #2c2f38;
1 outline-offset:2px;
1 }
1 .DateBox_date-boxes__3Ip_2 {
1 display:flex;
1 gap:1rem;
1 flex-direction:column;
1 margin-top:3.5rem;
1 }
1 @media print,screen and (min-width:768px) {
1 .DateBox_date-boxes__3Ip_2 {
1 flex-direction:row;
1 gap:2rem;
1 }
1 }
1 .DateBox_date-boxes__3Ip_2 .DateBox_box__i8GdT {
1 flex:1 1;
1 box-shadow:6px 6px 12px #ededed,-6px -6px 12px #fff;
1 padding:1.5rem 1.25rem;
1 }
1 .DateBox_date-boxes__3Ip_2 .DateBox_box__i8GdT .DateBox_box-overline__wAzLC {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 text-transform:uppercase;
1 font-size:.875rem;
1 letter-spacing:.15rem;
1 }
1 .DateBox_date-boxes__3Ip_2 .DateBox_box__i8GdT .DateBox_date__Srqwe input {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 font-size:1.5rem;
1 letter-spacing:.15rem;
1 line-height:1.75rem;
1 padding:0;
1 margin:0;
1 border-bottom:0;
1 }
1 .OverviewCard_box__nPoKm {
1 flex:1 1;
1 box-shadow:6px 6px 12px #ededed,-6px -6px 12px #fff;
1 padding:1.5rem 1.25rem;
1 margin-bottom:2.5rem;
1 }
1 @media screen and (max-width:767px) {
1 .OverviewCard_box__nPoKm {
1 margin-bottom:1.5rem;
1 }
1 }
1 .OverviewCard_box__nPoKm .OverviewCard_icon__8DXpZ {
1 cursor:pointer;
1 }
1 .OverviewCard_box__nPoKm .OverviewCard_icon__8DXpZ:focus-visible {
1 outline:2px solid #2c2f38;
1 outline-offset:2px;
1 }
1 .OverviewCard_box__nPoKm .OverviewCard_box-bottom__cL67X .OverviewCard_box-title__OGQcz {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 font-size:1.5rem;
1 letter-spacing:.15rem;
1 line-height:1.75rem;
1 }
1 @media screen and (max-width:767px) {
1 .OverviewCard_box__nPoKm .OverviewCard_box-bottom__cL67X .OverviewCard_box-title__OGQcz {
1 font-size:1.25rem;
1 letter-spacing:.1rem;
1 line-height:1.5rem;
1 }
1 }
1 .OverviewCard_box__nPoKm .OverviewCard_box-bottom__cL67X .OverviewCard_box-subline-left__xRwDC {
1 display:block;
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 font-size:.875rem;
1 line-height:1.25rem;
1 letter-spacing:.15em;
1 }
1 .OverviewCard_box__nPoKm .OverviewCard_box-subline-right__5zBGD {
1 width:50%;
1 text-align:right;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 text-transform:uppercase;
1 font-size:1rem;
1 letter-spacing:.15rem;
1 line-height:1.5rem;
1 }
1 @media print,screen and (min-width:768px) {
1 .OverviewCard_box__nPoKm .OverviewCard_box-subline-right__5zBGD {
1 width:auto;
1 }
1 }
1 .OverviewFooter_overview-footer__ANrjk {
1 margin-top:1.5rem;
1 }
1 .OverviewFooter_overview-footer__ANrjk .OverviewFooter_text__yN_gY {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 letter-spacing:.1em;
1 margin:1.5rem 0;
1 }
1 .Salutation_radios__yrAJN {
1 display:flex;
1 gap:3rem;
1 margin-bottom:.75rem;
1 }
1 .Salutation_error-message__FVBrG {
1 color:red;
1 padding-bottom:0;
1 margin:.125rem 0 0;
1 font-size:.875rem;
1 line-height:1rem;
1 }
1 .ResultMessage_text__Bg4Gw {
1 font-size:2rem;
1 line-height:2.5rem;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 }
1 .BookingForm_form-wrapper__lQjYI .h3 {
1 text-transform:uppercase;
1 letter-spacing:.1em;
1 }
1 .MediaHeader_media-header__PB4Ug {
1 overflow:clip;
1 position:relative;
1 z-index:36;
1 }
1 @media screen and (min-width:1408px) {
1 .MediaHeader_media-header__PB4Ug {
1 margin-top:3rem;
1 }
1 .MediaHeader_media-header__PB4Ug .columns {
1 flex-direction:row-reverse;
1 }
1 .MediaHeader_media-header__PB4Ug .MediaHeader_media-col__Ad8Lu {
1 position:sticky;
1 top:3rem;
1 left:0;
1 height:100svh;
1 width:100%;
1 }
1 }
1 .MediaHeader_media-header__PB4Ug .MediaHeader_media-col__Ad8Lu .image-wrapper {
1 height:100%;
1 }
1 .MediaHeader_media-header__PB4Ug .MediaHeader_media-col__Ad8Lu img {
1 aspect-ratio:1/1;
1 }
1 @media print,screen and (min-width:768px) {
1 .MediaHeader_media-header__PB4Ug .MediaHeader_media-col__Ad8Lu img {
1 aspect-ratio:3/2;
1 max-height:70svh;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .MediaHeader_media-header__PB4Ug .MediaHeader_media-col__Ad8Lu img {
1 aspect-ratio:16/9;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .MediaHeader_media-header__PB4Ug .MediaHeader_media-col__Ad8Lu img {
1 max-height:none;
1 height:100%;
1 W776CSS: A vendor extension has been used: -o-object-fit
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-o-object-fit:cover;
1 object-fit:cover;
1 }
1 }
1 .MediaHeader_media-header__PB4Ug .MediaHeader_text-col__AzRdO {
1 padding:3rem 1.5rem;
1 position:relative;
1 z-index:37;
1 background-color:transparent;
1 }
1 @media screen and (min-width:1408px) {
1 .MediaHeader_media-header__PB4Ug .MediaHeader_text-col__AzRdO {
1 height:100%;
1 margin-top:-100svh;
1 }
1 }
1 .MediaHeader_media-header__PB4Ug .MediaHeader_text-col__AzRdO .MediaHeader_overline__yVhYG {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 letter-spacing:.25em;
1 margin-bottom:.5rem;
1 display:block;
1 text-transform:uppercase;
1 }
1 .MediaHeader_media-header__PB4Ug .MediaHeader_text-col__AzRdO h1 {
1 margin-bottom:2rem;
1 }
1 @media print,screen and (min-width:768px) {
1 .MediaHeader_media-header__PB4Ug .MediaHeader_text-col__AzRdO {
1 padding:1.5rem 2.5rem 4rem;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .MediaHeader_media-header__PB4Ug .MediaHeader_text-col__AzRdO {
1 padding-left:5rem;
1 overflow:scroll;
1 W776CSS: A vendor extension has been used: -ms-overflow-style
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-ms-overflow-style:none;
1 scrollbar-width:none;
1 }
1 .MediaHeader_media-header__PB4Ug .MediaHeader_text-col__AzRdO .is-4-fullhd {
1 width:30%;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .MediaHeader_media-header__PB4Ug.MediaHeader_image-small__ONWu9 {
1 margin-top:3rem;
1 height:calc(100svh - 3rem);
1 }
1 .MediaHeader_media-header__PB4Ug.MediaHeader_image-small__ONWu9 .columns {
1 flex-direction:row-reverse;
1 }
1 .MediaHeader_media-header__PB4Ug.MediaHeader_image-small__ONWu9 .MediaHeader_text-col__AzRdO {
1 height:100svh;
1 overflow:scroll;
1 W776CSS: A vendor extension has been used: -ms-overflow-style
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-ms-overflow-style:none;
1 scrollbar-width:none;
1 }
1 .MediaHeader_media-header__PB4Ug.MediaHeader_image-small__ONWu9 .MediaHeader_media-col__Ad8Lu img {
1 aspect-ratio:1/2;
1 max-height:none;
1 height:100%;
1 W776CSS: A vendor extension has been used: -o-object-fit
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-o-object-fit:cover;
1 object-fit:cover;
1 }
1 .MediaHeader_media-header__PB4Ug:not(.MediaHeader_image-small__ONWu9) .MediaHeader_text-col__AzRdO {
1 display:flex;
1 flex-wrap:wrap;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .MediaHeader_media-header__PB4Ug:not(.MediaHeader_image-small__ONWu9) .MediaHeader_text-col__AzRdO {
1 display:block;
1 }
1 .MediaHeader_media-header__PB4Ug.MediaHeader_is-row-normal__r31p3:not(.MediaHeader_image-small__ONWu9) .MediaHeader_text-col__AzRdO {
1 display:flex;
1 flex-flow:column nowrap;
1 align-items:flex-end;
1 width:100%;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .MediaHeader_media-header__PB4Ug.MediaHeader_is-row-normal__r31p3.MediaHeader_image-small__ONWu9 .MediaHeader_text-col__AzRdO {
1 display:flex;
1 flex-flow:column nowrap;
1 align-items:flex-end;
1 width:100%;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .MediaHeader_media-header__PB4Ug.MediaHeader_is-row-reverse__s_y01:not(.MediaHeader_image-small__ONWu9) .MediaHeader_text-col__AzRdO {
1 padding-bottom:12rem;
1 width:100%;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .MediaHeader_media-header__PB4Ug.MediaHeader_is-row-reverse__s_y01.MediaHeader_image-small__ONWu9 .MediaHeader_text-col__AzRdO {
1 padding-bottom:12rem;
1 }
1 }
1 @media print,screen and (min-width:768px) {
1 .MediaHeader_media-header__PB4Ug .MediaHeader_breadcrumbs__9CnTd {
1 margin-bottom:4rem;
1 padding-block:0!important;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .MediaHeader_media-header__PB4Ug .MediaHeader_breadcrumbs__9CnTd {
1 padding-block:1rem!important;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .MediaHeader_media-header__PB4Ug .MediaHeader_breadcrumbs__9CnTd.MediaHeader_small__21vG6 {
1 margin-bottom:16.5rem;
1 padding-block:1rem!important;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .MediaHeader_media-header__PB4Ug .MediaHeader_breadcrumbs__9CnTd.MediaHeader_big__2GV8G {
1 margin-bottom:16.5rem;
1 }
1 }
1 .MediaHeader_media-header__PB4Ug .MediaHeader_scroll-down__oRxMd {
1 position:sticky;
1 bottom:0;
1 right:0;
1 height:48px;
1 width:48px;
1 display:none;
1 }
1 @media screen and (min-width:1408px) {
1 .MediaHeader_media-header__PB4Ug .MediaHeader_scroll-down__oRxMd {
1 display:block;
1 }
1 }
1 .MediaHeader_gap-dev__VvbsD {
1 width:100%;
1 height:56px;
1 }
1 @media print,screen and (min-width:768px) {
1 .MediaHeader_gap-dev__VvbsD {
1 height:64px;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .MediaHeader_gap-dev__VvbsD {
1 height:92px;
1 }
1 .TextHeader_header-text__6_TOk {
1 padding-top:3rem;
1 }
1 }
1 .TextHeader_overline__rxkLh {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 padding-bottom:.5rem;
1 display:block;
1 text-transform:uppercase;
1 letter-spacing:.25em;
1 }
1 @media screen and (min-width:1024px) {
1 .TextHeader_content__R3Xng[data-headlineover=true] {
1 margin-top:2rem;
1 }
1 }
1 .TextHeader_gap-dev__oEjJK {
1 width:100%;
1 height:56px;
1 }
1 @media print,screen and (min-width:768px) {
1 .TextHeader_gap-dev__oEjJK {
1 height:64px;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .TextHeader_gap-dev__oEjJK {
1 height:92px;
1 }
1 }
1 .TextHeader_link-list-link-wrapper__geZ1m {
1 display:flex;
1 flex-wrap:wrap;
1 gap:1.5rem;
1 margin-top:1.25rem;
1 }
1 @media screen and (max-width:767px) {
1 .PostHeader_post-header__Odiep {
1 padding-top:0;
1 }
1 }
1 @media print,screen and (min-width:768px) {
1 .PostHeader_post-header__Odiep {
1 padding-top:1.75rem;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .PostHeader_post-header__Odiep {
1 padding-top:calc(48px + 2rem);
1 }
1 }
1 @media screen and (max-width:767px) {
1 .PostHeader_post-header__Odiep h1 {
1 margin-top:4.375rem;
1 }
1 }
1 @media print,screen and (min-width:768px) {
1 .PostHeader_post-header__Odiep h1 {
1 margin-top:5rem;
1 }
1 }
1 .PostHeader_post-header__Odiep .PostHeader_back__BNhB2 {
1 background-color:transparent;
1 }
1 .PostHeader_post-header__Odiep .PostHeader_back__BNhB2:after {
1 transform:rotate(180deg) translate(50%,-50%)!important;
1 }
1 @media screen and (min-width:1024px) {
1 .PostHeader_post-header__Odiep .PostHeader_back__BNhB2 {
1 margin-bottom:5rem;
1 }
1 }
1 .HeaderRooms_media-header__RbHFV {
1 overflow:clip;
1 position:relative;
1 z-index:36;
1 }
1 .HeaderRooms_media-header__RbHFV .HeaderRooms_media-header-container__v2QCD {
1 max-width:none!important;
1 }
1 @media screen and (min-width:1408px) {
1 .HeaderRooms_media-header__RbHFV {
1 margin-top:3rem;
1 }
1 .HeaderRooms_media-header__RbHFV .columns {
1 flex-direction:row-reverse;
1 }
1 .HeaderRooms_media-header__RbHFV .HeaderRooms_media-col__brWki {
1 position:sticky;
1 top:3rem;
1 left:0;
1 height:calc(100svh - 3rem);
1 width:100%;
1 }
1 .HeaderRooms_media-header__RbHFV .HeaderRooms_text-col__BdsRh {
1 height:100%;
1 margin-top:calc(3rem - 100svh);
1 }
1 }
1 .HeaderRooms_media-header__RbHFV .HeaderRooms_media-col__brWki {
1 z-index:38;
1 pointer-events:none;
1 }
1 .HeaderRooms_media-header__RbHFV .HeaderRooms_media-col__brWki .image-wrapper {
1 height:100%;
1 }
1 .HeaderRooms_media-header__RbHFV .HeaderRooms_media-col__brWki img {
1 aspect-ratio:1/1;
1 }
1 @media print,screen and (min-width:768px) {
1 .HeaderRooms_media-header__RbHFV .HeaderRooms_media-col__brWki img {
1 aspect-ratio:3/2;
1 max-height:70svh;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .HeaderRooms_media-header__RbHFV .HeaderRooms_media-col__brWki img {
1 aspect-ratio:16/9;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .HeaderRooms_media-header__RbHFV .HeaderRooms_media-col__brWki img {
1 max-height:none;
1 height:100%;
1 W776CSS: A vendor extension has been used: -o-object-fit
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-o-object-fit:cover;
1 object-fit:cover;
1 }
1 }
1 .HeaderRooms_media-header__RbHFV .HeaderRooms_text-col__BdsRh {
1 padding:3rem 1.5rem;
1 position:relative;
1 z-index:37;
1 background-color:transparent;
1 }
1 .HeaderRooms_media-header__RbHFV .HeaderRooms_text-col__BdsRh .HeaderRooms_overline__nR2Cq {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 letter-spacing:.25em;
1 margin-bottom:.5rem;
1 display:block;
1 text-transform:uppercase;
1 }
1 .HeaderRooms_media-header__RbHFV .HeaderRooms_text-col__BdsRh h1 {
1 margin-bottom:2rem;
1 }
1 .HeaderRooms_media-header__RbHFV .HeaderRooms_text-col__BdsRh h1.HeaderRooms_has-subline__vXnxQ {
1 margin-bottom:.5rem;
1 }
1 .HeaderRooms_media-header__RbHFV .HeaderRooms_text-col__BdsRh .HeaderRooms_subline__soHax {
1 margin-bottom:2rem;
1 }
1 @media print,screen and (min-width:768px) {
1 .HeaderRooms_media-header__RbHFV .HeaderRooms_text-col__BdsRh {
1 padding:1.5rem 2.5rem 4rem;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .HeaderRooms_media-header__RbHFV .HeaderRooms_text-col__BdsRh {
1 padding-left:5rem;
1 overflow:scroll;
1 W776CSS: A vendor extension has been used: -ms-overflow-style
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-ms-overflow-style:none;
1 scrollbar-width:none;
1 }
1 .HeaderRooms_media-header__RbHFV .HeaderRooms_text-col__BdsRh .is-4-fullhd {
1 width:30%;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .HeaderRooms_media-header__RbHFV.HeaderRooms_image-small__0y3aW {
1 margin-top:3rem;
1 }
1 .HeaderRooms_media-header__RbHFV.HeaderRooms_image-small__0y3aW .HeaderRooms_media-col__brWki {
1 position:sticky;
1 top:3rem;
1 left:0;
1 height:calc(100svh - 3rem);
1 width:100%;
1 }
1 .HeaderRooms_media-header__RbHFV.HeaderRooms_image-small__0y3aW .HeaderRooms_text-col__BdsRh {
1 height:100%;
1 margin-top:calc(3rem - 100svh);
1 }
1 .HeaderRooms_media-header__RbHFV.HeaderRooms_image-small__0y3aW .columns {
1 flex-direction:row-reverse;
1 }
1 .HeaderRooms_media-header__RbHFV.HeaderRooms_image-small__0y3aW .HeaderRooms_text-col__BdsRh {
1 overflow:scroll;
1 W776CSS: A vendor extension has been used: -ms-overflow-style
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-ms-overflow-style:none;
1 scrollbar-width:none;
1 }
1 .HeaderRooms_media-header__RbHFV.HeaderRooms_image-small__0y3aW .HeaderRooms_media-col__brWki img {
1 aspect-ratio:1/2;
1 max-height:none;
1 height:100%;
1 W776CSS: A vendor extension has been used: -o-object-fit
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-o-object-fit:cover;
1 object-fit:cover;
1 }
1 .HeaderRooms_media-header__RbHFV:not(.HeaderRooms_image-small__0y3aW) .HeaderRooms_text-col__BdsRh {
1 display:flex;
1 flex-wrap:wrap;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .HeaderRooms_media-header__RbHFV:not(.HeaderRooms_image-small__0y3aW) .HeaderRooms_text-col__BdsRh {
1 display:block;
1 }
1 .HeaderRooms_media-header__RbHFV.HeaderRooms_is-row-normal__puSph:not(.HeaderRooms_image-small__0y3aW) .HeaderRooms_text-col__BdsRh {
1 display:flex;
1 flex-flow:column nowrap;
1 align-items:flex-end;
1 width:100%;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .HeaderRooms_media-header__RbHFV.HeaderRooms_is-row-normal__puSph.HeaderRooms_image-small__0y3aW .HeaderRooms_text-col__BdsRh {
1 display:flex;
1 flex-flow:column nowrap;
1 align-items:flex-end;
1 width:100%;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .HeaderRooms_media-header__RbHFV.HeaderRooms_is-row-reverse__BO9zL:not(.HeaderRooms_image-small__0y3aW) .HeaderRooms_text-col__BdsRh {
1 padding-bottom:12rem;
1 width:100%;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .HeaderRooms_media-header__RbHFV.HeaderRooms_is-row-reverse__BO9zL.HeaderRooms_image-small__0y3aW .HeaderRooms_text-col__BdsRh {
1 padding-bottom:12rem;
1 }
1 }
1 @media print,screen and (min-width:768px) {
1 .HeaderRooms_media-header__RbHFV .HeaderRooms_breadcrumbs__kG35_ {
1 margin-bottom:4rem;
1 padding-block:0!important;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .HeaderRooms_media-header__RbHFV .HeaderRooms_breadcrumbs__kG35_ {
1 padding-block:1rem!important;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .HeaderRooms_media-header__RbHFV .HeaderRooms_breadcrumbs__kG35_.HeaderRooms_small__clWp0 {
1 margin-bottom:16.5rem;
1 padding-block:1rem!important;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .HeaderRooms_media-header__RbHFV .HeaderRooms_breadcrumbs__kG35_.HeaderRooms_big__1tNs_ {
1 margin-bottom:16.5rem;
1 }
1 }
1 .HeaderRooms_media-header__RbHFV .HeaderRooms_scroll-down__pJJAz {
1 position:sticky;
1 bottom:0;
1 right:0;
1 height:48px;
1 width:48px;
1 display:none;
1 }
1 @media screen and (min-width:1408px) {
1 .HeaderRooms_media-header__RbHFV .HeaderRooms_scroll-down__pJJAz {
1 display:block;
1 }
1 }
1 .HeaderRooms_media-header__RbHFV.HeaderRooms_full-width-image__K15Nl img {
1 aspect-ratio:unset;
1 }
1 .HeaderRooms_media-header__RbHFV.HeaderRooms_full-width-image__K15Nl img:not(.HeaderRooms_svg__hC7dy) {
1 height:calc(100svh - 3rem)!important;
1 width:100%;
1 max-height:none;
1 W776CSS: A vendor extension has been used: -o-object-fit
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-o-object-fit:cover;
1 object-fit:cover;
1 }
1 .HeaderRooms_media-header__RbHFV.HeaderRooms_full-width-image__K15Nl .HeaderRooms_svg__hC7dy {
1 position:absolute;
1 z-index:1;
1 bottom:15%;
1 max-width:95%;
1 left:2.5%;
1 }
1 @media print,screen and (min-width:768px) {
1 .HeaderRooms_media-header__RbHFV.HeaderRooms_full-width-image__K15Nl .HeaderRooms_svg__hC7dy {
1 bottom:10%;
1 max-width:75%;
1 left:12.5%;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .HeaderRooms_media-header__RbHFV.HeaderRooms_full-width-image__K15Nl .HeaderRooms_svg__hC7dy {
1 max-width:60%;
1 left:20%;
1 }
1 }
1 .HeaderRooms_gap-dev__8ST3T {
1 width:100%;
1 height:56px;
1 }
1 @media print,screen and (min-width:768px) {
1 .HeaderRooms_gap-dev__8ST3T {
1 height:64px;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .HeaderRooms_gap-dev__8ST3T {
1 height:92px;
1 }
1 }
1 .LegalMenu_legal-menu__NiQAK {
1 display:flex;
1 justify-content:center;
1 flex-direction:column;
1 }
1 @media print,screen and (min-width:768px) {
1 .LegalMenu_legal-menu__NiQAK {
1 align-items:center;
1 }
1 }
1 .LegalMenu_legal-menu__NiQAK a,.LegalMenu_legal-menu__NiQAK span {
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 font-size:.875rem;
1 padding-bottom:0;
1 }
1 .LegalMenu_legal-menu__NiQAK a {
1 transition:transform .3s ease;
1 }
1 .LegalMenu_legal-menu__NiQAK a:hover {
1 transform:translateY(-.15em);
1 }
1 @media print,screen and (min-width:768px) {
1 .LegalMenu_legal-menu__NiQAK {
1 flex-direction:row;
1 gap:1rem;
1 }
1 }
1 @media screen and (max-width:767px) {
1 .LegalMenu_legal-menu__NiQAK .LegalMenu_divider__Yf_T6 {
1 display:none;
1 }
1 }
1 .LegalMenu_legal-menu__NiQAK .LegalMenu_consent__oFrmR {
1 cursor:pointer;
1 }
1 .Footer_footer__OYoYH {
1 z-index:0;
1 position:relative;
1 }
1 @media screen and (max-width:1023px) {
1 .Footer_footer__OYoYH {
1 margin-bottom:48px;
1 padding-bottom:56px;
1 }
1 }
1 .Footer_footer__OYoYH * {
1 color:#fff;
1 }
1 .Footer_footer__OYoYH a {
1 padding-bottom:0;
1 }
1 .Footer_footer__OYoYH a:hover {
1 color:#fff;
1 }
1 .Footer_footer__OYoYH .Footer_logo__oqoeK {
1 width:4rem;
1 }
1 .Footer_footer__OYoYH .Footer_instagram-title__aMV8U {
1 display:block;
1 width:100%;
1 text-align:center;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 font-size:.875rem;
1 color:#fff;
1 letter-spacing:.25em;
1 line-height:2rem;
1 text-transform:uppercase;
1 }
1 .Footer_footer__OYoYH .Footer_follow-button__E5PHc {
1 margin-left:5.625rem;
1 left:auto;
1 margin-bottom:92px;
1 }
1 .Footer_footer__OYoYH .Footer_main-menu__48BNz {
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 font-size:.875rem;
1 color:#fff;
1 letter-spacing:.1em;
1 line-height:2rem;
1 margin-bottom:64px;
1 justify-content:space-around;
1 }
1 @media print,screen and (min-width:768px) {
1 .Footer_footer__OYoYH .Footer_main-menu__48BNz {
1 margin-bottom:92px;
1 }
1 }
1 @media screen and (max-width:767px) {
1 .Footer_footer__OYoYH .Footer_main-menu__48BNz>* {
1 width:100%;
1 }
1 }
1 @media screen and (min-width:768px)and (max-width:1215px) {
1 .Footer_footer__OYoYH .Footer_main-menu__48BNz>* {
1 width:calc(50% - 1rem);
1 }
1 }
1 .Footer_footer__OYoYH .Footer_main-menu__48BNz .Footer_main-menu-title__ZRXUB {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 }
1 .Footer_footer__OYoYH .Footer_main-menu__48BNz a {
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 transition:letter-spacing .3s ease;
1 font-size:.875rem;
1 }
1 .Footer_footer__OYoYH .Footer_main-menu__48BNz a:hover {
1 letter-spacing:.15em;
1 }
1 .Footer_footer__OYoYH .Footer_legal-menu__EdlZ3 {
1 display:flex;
1 margin-bottom:64px;
1 }
1 @media print,screen and (min-width:768px) {
1 .Footer_footer__OYoYH .Footer_legal-menu__EdlZ3 {
1 justify-content:center;
1 margin-bottom:0;
1 }
1 }
1 .Footer_footer__OYoYH .Footer_divider__bfFrr {
1 width:100%;
1 height:1px;
1 background-color:hsla(0,0%,100%,.2);
1 }
1 .Footer_footer__OYoYH .Footer_webdesign__UZPW_ * {
1 font-family:Fruitiger,arial,helvetica,sans-serif;
1 font-size:.875rem;
1 }
1 .Footer_footer__OYoYH .Footer_bottom__KuoWZ {
1 display:flex;
1 flex-direction:column;
1 }
1 .Footer_footer__OYoYH .Footer_bottom__KuoWZ .Footer_copyright__1ODhL,.Footer_footer__OYoYH .Footer_bottom__KuoWZ .Footer_webdesign__UZPW_ {
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'font-size'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
font-size:14px;
1 line-height:1.5rem;
1 }
1 @media screen and (max-width:1023px) {
1 .Footer_footer__OYoYH .Footer_bottom__KuoWZ .Footer_copyright__1ODhL,.Footer_footer__OYoYH .Footer_bottom__KuoWZ .Footer_webdesign__UZPW_ {
1 text-align:center;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'font-size'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
font-size:14px;
1 line-height:1;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .Footer_footer__OYoYH .Footer_bottom__KuoWZ {
1 flex-direction:row;
1 justify-content:space-between;
1 }
1 }
1 .Post_post__kxvyQ {
1 cursor:pointer;
1 }
1 .Feed_sbi-images__HCa78 {
1 display:flex;
1 gap:.75rem;
1 }
1 @media screen and (max-width:767px) {
1 .Feed_sbi-images__HCa78 {
1 flex-wrap:wrap;
1 }
1 }
1 .Feed_sbi-images__HCa78 .sbi-item {
1 width:calc(50% - .375rem);
1 }
1 .Feed_sbi-images__HCa78 .sbi-item .sbi-photo-wrap {
1 position:relative;
1 aspect-ratio:3/4;
1 }
1 .Feed_sbi-images__HCa78 img {
1 width:100%;
1 aspect-ratio:3/4;
1 W776CSS: A vendor extension has been used: -o-object-fit
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-o-object-fit:cover;
1 object-fit:cover;
1 vertical-align:top;
1 }
1 .Socials_socials__g1jWB {
1 display:flex;
1 justify-content:space-between;
1 }
1 @media print,screen and (min-width:768px) {
1 .Socials_socials__g1jWB {
1 justify-content:center;
1 gap:6rem;
1 }
1 }
1 .Socials_socials__g1jWB .Socials_logo__PDQjE {
1 filter:invert(96%) sepia(100%) saturate(12%) hue-rotate(237deg) brightness(103%) contrast(103%);
1 W776CSS: A vendor extension has been used: -o-object-fit
Authors should avoid using vendor extensions where possible. See Vendor-specific extensions.
-o-object-fit:contain;
1 object-fit:contain;
1 width:20px;
1 height:20px;
1 transition:transform .3s ease;
1 }
1 .Socials_socials__g1jWB .Socials_logo__PDQjE:hover {
1 transform:scale(1.15);
1 }
1 .RetreatButton_retreat-button-wrapper__JCYkL {
1 bottom:0;
1 left:0;
1 position:fixed;
1 z-index:37;
1 }
1 @media screen and (max-width:1023px) {
1 .RetreatButton_retreat-button-wrapper__JCYkL {
1 z-index:40;
1 }
1 }
1 @media screen and (min-width:1024px) {
1 .RetreatButton_retreat-button-wrapper__JCYkL {
1 padding-left:40px;
1 position:sticky;
1 pointer-events:none;
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .RetreatButton_retreat-button-wrapper__JCYkL {
1 padding-left:80px;
1 }
1 }
1 .RetreatButton_retreat-button__8J1LU {
1 padding:1rem;
1 pointer-events:all;
1 background-color:#2c2f38;
1 width:104px;
1 height:104px;
1 perspective:1px;
1 border:none;
1 display:flex;
1 flex-direction:column;
1 justify-content:space-between;
1 border-radius:2px 2px 0 0;
1 }
1 .RetreatButton_retreat-button__8J1LU:focus,.RetreatButton_retreat-button__8J1LU:hover {
1 padding:1rem;
1 }
1 @media screen and (min-width:1024px) {
1 .RetreatButton_retreat-button__8J1LU {
1 background-color:var(--bg-desktop,#2c2f38);
1 width:136px;
1 height:136px;
1 transition:background-color .3s ease;
1 margin-top:-136px;
1 }
1 .RetreatButton_retreat-button__8J1LU:hover {
1 background-color:var(--bg-hover-desktop,#96bdcd);
1 }
1 }
1 @media screen and (min-width:1408px) {
1 .RetreatButton_retreat-button__8J1LU {
1 width:160px;
1 height:160px;
1 margin-top:-160px;
1 }
1 }
1 .RetreatButton_retreat-button__8J1LU .RetreatButton_arrow__XbWgr {
1 display:flex;
1 justify-content:flex-end;
1 position:relative;
1 height:10px;
1 }
1 @media screen and (min-width:1024px) {
1 .RetreatButton_retreat-button__8J1LU .RetreatButton_arrow__XbWgr {
1 height:27px;
1 }
1 }
1 .RetreatButton_retreat-button__8J1LU .RetreatButton_arrow__XbWgr .RetreatButton_icon-wrapper__IJnBa {
1 display:flex;
1 width:8px;
1 height:12px;
1 }
1 @media screen and (min-width:1024px) {
1 .RetreatButton_retreat-button__8J1LU .RetreatButton_arrow__XbWgr .RetreatButton_icon-wrapper__IJnBa {
1 width:27px;
1 height:27px;
1 }
1 }
1 .RetreatButton_retreat-button__8J1LU .RetreatButton_arrow__XbWgr .RetreatButton_icon-wrapper__IJnBa .RetreatButton_desktop-arrow__Yevik {
1 display:none;
1 }
1 @media screen and (min-width:1024px) {
1 .RetreatButton_retreat-button__8J1LU .RetreatButton_arrow__XbWgr .RetreatButton_icon-wrapper__IJnBa .RetreatButton_desktop-arrow__Yevik {
1 display:block;
1 }
1 }
1 .RetreatButton_retreat-button__8J1LU .RetreatButton_arrow__XbWgr .RetreatButton_icon-wrapper__IJnBa .RetreatButton_touch-arrow__vvyDA {
1 display:block;
1 }
1 @media screen and (min-width:1024px) {
1 .RetreatButton_retreat-button__8J1LU .RetreatButton_arrow__XbWgr .RetreatButton_icon-wrapper__IJnBa .RetreatButton_touch-arrow__vvyDA {
1 display:none;
1 }
1 }
1 .RetreatButton_retreat-button__8J1LU .RetreatButton_title___9DZ4 {
1 color:#fff;
1 line-height:20px;
1 width:80%;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'font-size'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
font-size:12px;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'letter-spacing'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
letter-spacing:1.2px;
1 text-transform:uppercase;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 }
1 @media screen and (min-width:1024px) {
1 .RetreatButton_retreat-button__8J1LU .RetreatButton_title___9DZ4 {
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'font-size'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
font-size:14px;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'letter-spacing'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
letter-spacing:2.8px;
1 }
1 }
1 .BookingStickyButton_sticky-button-wrapper__a6wq_ {
1 bottom:0;
1 left:0;
1 position:fixed;
1 z-index:37;
1 }
1 @media screen and (max-width:1023px) {
1 .BookingStickyButton_sticky-button-wrapper__a6wq_ {
1 z-index:40;
1 }
1 }
1 .BookingStickyButton_sticky-button__Pz43J {
1 padding:1rem;
1 pointer-events:all;
1 cursor:pointer;
1 background-color:#2c2f38;
1 width:104px;
1 height:104px;
1 perspective:1px;
1 border:none;
1 display:flex;
1 flex-direction:column;
1 justify-content:space-between;
1 border-radius:2px 2px 0 0;
1 }
1 .BookingStickyButton_sticky-button__Pz43J:focus,.BookingStickyButton_sticky-button__Pz43J:hover {
1 padding:1rem;
1 }
1 .BookingStickyButton_sticky-button__Pz43J .BookingStickyButton_arrow__UwX1W {
1 display:flex;
1 justify-content:flex-end;
1 position:relative;
1 height:10px;
1 width:100%;
1 }
1 .BookingStickyButton_sticky-button__Pz43J .BookingStickyButton_arrow__UwX1W .BookingStickyButton_icon-wrapper__22vEa {
1 display:flex;
1 width:8px;
1 height:12px;
1 }
1 .BookingStickyButton_sticky-button__Pz43J .BookingStickyButton_arrow__UwX1W .BookingStickyButton_icon-wrapper__22vEa .BookingStickyButton_desktop-arrow__4WaJj {
1 display:none;
1 }
1 .BookingStickyButton_sticky-button__Pz43J .BookingStickyButton_arrow__UwX1W .BookingStickyButton_icon-wrapper__22vEa .BookingStickyButton_touch-arrow__ZKTqO {
1 display:block;
1 }
1 .BookingStickyButton_sticky-button__Pz43J .BookingStickyButton_title__CKXZh {
1 color:#fff;
1 line-height:20px;
1 width:80%;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'font-size'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
font-size:12px;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'letter-spacing'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
letter-spacing:1.2px;
1 text-transform:uppercase;
1 text-align:left;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 }
1 .BookingStickyButton_sticky-button-wrapper__LM8Ky {
1 bottom:0;
1 left:0;
1 position:fixed;
1 z-index:37;
1 }
1 @media screen and (max-width:1023px) {
1 .BookingStickyButton_sticky-button-wrapper__LM8Ky {
1 z-index:40;
1 }
1 }
1 .BookingStickyButton_sticky-button__hG4nv {
1 padding:1rem;
1 pointer-events:all;
1 cursor:pointer;
1 background-color:#2c2f38;
1 width:104px;
1 height:104px;
1 perspective:1px;
1 border:none;
1 display:flex;
1 flex-direction:column;
1 justify-content:space-between;
1 border-radius:2px 2px 0 0;
1 }
1 .BookingStickyButton_sticky-button__hG4nv:focus,.BookingStickyButton_sticky-button__hG4nv:hover {
1 padding:1rem;
1 }
1 .BookingStickyButton_sticky-button__hG4nv .BookingStickyButton_arrow__czn_H {
1 display:flex;
1 justify-content:flex-end;
1 position:relative;
1 height:10px;
1 width:100%;
1 }
1 .BookingStickyButton_sticky-button__hG4nv .BookingStickyButton_arrow__czn_H .BookingStickyButton_icon-wrapper__7tsbB {
1 display:flex;
1 width:8px;
1 height:12px;
1 }
1 .BookingStickyButton_sticky-button__hG4nv .BookingStickyButton_arrow__czn_H .BookingStickyButton_icon-wrapper__7tsbB .BookingStickyButton_desktop-arrow__H1D1n {
1 display:none;
1 }
1 .BookingStickyButton_sticky-button__hG4nv .BookingStickyButton_arrow__czn_H .BookingStickyButton_icon-wrapper__7tsbB .BookingStickyButton_touch-arrow__NVM50 {
1 display:block;
1 }
1 .BookingStickyButton_sticky-button__hG4nv .BookingStickyButton_title__gU4nL {
1 color:#fff;
1 line-height:20px;
1 width:80%;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'font-size'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
font-size:12px;
1 E910WCAG2 AA 1.4.4: Use relative rather than absolute units with 'letter-spacing'
Using relative units helps the page to be rendered correctly at different resolutions and allows people with sight difficulties to 'zoom in' to pages to read them. See Understanding 1.4.4.
letter-spacing:1.2px;
1 text-transform:uppercase;
1 text-align:left;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 }
1 .LoadMorePagenation_load-more-pagenation__DDnhn {
1 display:flex;
1 flex-direction:column;
1 gap:1rem;
1 border-radius:45px;
1 padding:1rem;
1 justify-content:center;
1 align-items:center;
1 width:100%;
1 }
1 .LoadMorePagenation_load-more-pagenation__DDnhn .LoadMorePagenation_load-more-btn__o_qz9 {
1 white-space:nowrap;
1 cursor:pointer;
1 E777CSS: width has a value '-moz-max-content' that does not match what was expected: auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>) | stretch | fit-content | contain
Check the value against the list of valid rules from the official standard. See CSS Box Sizing Module Level 3.
width:-moz-max-content;
1 width:max-content;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 font-size:.875rem;
1 line-height:1.25rem;
1 letter-spacing:.2rem;
1 text-transform:uppercase;
1 height:2rem;
1 color:#2c2f38;
1 display:block;
1 border:none;
1 border-bottom:1px solid #2c2f38;
1 text-decoration:none;
1 padding:0 0 1rem;
1 transition:padding-bottom .3s ease;
1 }
1 .LoadMorePagenation_load-more-pagenation__DDnhn .LoadMorePagenation_load-more-btn__o_qz9 .LoadMorePagenation_children__hm91o {
1 display:inline-block;
1 transition:transform .3s ease;
1 }
1 .LoadMorePagenation_load-more-pagenation__DDnhn .LoadMorePagenation_load-more-btn__o_qz9:hover .LoadMorePagenation_children__hm91o {
1 transform:translateY(-.75rem);
1 }
1 .SearchResult_search-result-container__GXXjF .SearchResult_search-result-item__i2fo6 {
1 display:flex;
1 justify-content:space-between;
1 align-items:center;
1 padding-bottom:2rem;
1 border-bottom:1px solid #2c2f38;
1 }
1 .SearchResult_search-result-container__GXXjF .SearchResult_search-result-item__i2fo6 .SearchResult_title___NqN0 {
1 font-size:1.25rem;
1 line-height:1.75rem;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 text-transform:uppercase;
1 letter-spacing:.2em;
1 }
1 .SearchResult_search-result-container__GXXjF .SearchResult_search-result-item__i2fo6 .SearchResult_icon__Eott9 circle,.SearchResult_search-result-container__GXXjF .SearchResult_search-result-item__i2fo6 .SearchResult_icon__Eott9 path {
1 stroke:#2c2f38!important;
1 }
1 .SearchResult_search-result-container__GXXjF .SearchResult_search-result-item-wrapper__C9U_L:not(:last-of-type) .SearchResult_search-result-item__i2fo6 {
1 margin-bottom:.5rem;
1 }
1 .SearchResult_search-result-container__GXXjF .SearchResult_filter__8FXh8 {
1 display:flex;
1 gap:1rem;
1 margin-bottom:5rem;
1 flex-wrap:wrap;
1 }
1 .SearchResult_search-result-container__GXXjF .SearchResult_filter__8FXh8 .SearchResult_filter-el__PKp4c {
1 padding:1rem 1.5rem;
1 background-color:#fff;
1 color:#2c2f38;
1 text-transform:uppercase;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 border-radius:2rem;
1 letter-spacing:.1em;
1 line-height:normal;
1 cursor:pointer;
1 border:none;
1 transition:background-color .3s ease,color .3s ease;
1 }
1 .SearchResult_search-result-container__GXXjF .SearchResult_filter__8FXh8 .SearchResult_filter-el__PKp4c.SearchResult_active__mQgHC {
1 background-color:#2c2f38;
1 color:#fff;
1 }
1 .SearchResult_no-data__nMf1q {
1 display:inline-block;
1 font-family:var(--text-font-regular);
1 text-align:center;
1 margin:auto 0;
1 vertical-align:middle;
1 }
1 .BookingNavigation_booking-navigation__k6eVa li {
1 padding:0;
1 color:#fff;
1 }
1 .BookingNavigation_booking-navigation__k6eVa li:before {
1 content:none;
1 }
1 .BookingNavigation_booking-navigation__k6eVa li:last-of-type {
1 margin-bottom:0;
1 }
1 .BookingNavigation_booking-navigation__k6eVa li:focus-visible {
1 outline:2px solid #fff;
1 outline-offset:2px;
1 }
1 .BookingNavigation_booking-navigation__k6eVa button {
1 border:none;
1 background-color:transparent;
1 background-color:initial;
1 }
1 .BookingNavigation_booking-navigation-touch__3eBvE {
1 position:fixed;
1 bottom:48px;
1 right:0;
1 width:calc(100% - 104px);
1 background-color:#2c2f38;
1 color:#fff;
1 }
1 @media screen and (max-width:767px) {
1 .BookingNavigation_booking-navigation-touch__3eBvE {
1 border-left:1px solid #fff;
1 }
1 }
1 .BookingNavigation_booking-navigation-touch__3eBvE .BookingNavigation_booking-navigation-element__ukZyR {
1 overflow:hidden;
1 display:flex;
1 align-items:center;
1 padding-left:2.5rem;
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 text-transform:uppercase;
1 letter-spacing:.15em;
1 font-size:.75rem;
1 cursor:pointer;
1 }
1 .BookingNavigation_booking-navigation-touch__3eBvE .BookingNavigation_booking-navigation-element__ukZyR.BookingNavigation_disabled__aMgjk {
1 opacity:.5;
1 pointer-events:none;
1 cursor:not-allowed;
1 }
1 .BookingNavigation_booking-navigation-touch__3eBvE .BookingNavigation_chevron__CQejU {
1 position:absolute;
1 right:1rem;
1 top:18px;
1 transform:rotate(-90deg);
1 transition:transform .3s ease;
1 }
1 .BookingNavigation_booking-navigation-touch__3eBvE .BookingNavigation_chevron__CQejU path {
1 stroke:#fff!important;
1 }
1 .BookingNavigation_booking-navigation-touch__3eBvE.BookingNavigation_open__IQTIq .BookingNavigation_chevron__CQejU {
1 transform:rotate(90deg);
1 }
1 .BookingNavigation_booking-navigation-desktop__UsfIa {
1 position:sticky;
1 bottom:0;
1 width:100%;
1 background-color:#2c2f38;
1 z-index:37;
1 color:#fff;
1 display:flex;
1 justify-content:space-between;
1 height:40px;
1 }
1 .BookingNavigation_booking-navigation-desktop__UsfIa .BookingNavigation_booking-navigation-wrapper__FXNLp {
1 padding:0 16px;
1 height:100%;
1 }
1 .BookingNavigation_booking-navigation-desktop__UsfIa .BookingNavigation_steps-wrapper__0FF_3 {
1 display:flex;
1 align-items:center;
1 gap:1.5rem;
1 }
1 .BookingNavigation_booking-navigation-desktop__UsfIa .BookingNavigation_steps-wrapper__0FF_3 .BookingNavigation_booking-navigation-element__ukZyR {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 text-transform:uppercase;
1 letter-spacing:.15em;
1 font-size:.75rem;
1 cursor:pointer;
1 position:relative;
1 }
1 .BookingNavigation_booking-navigation-desktop__UsfIa .BookingNavigation_steps-wrapper__0FF_3 .BookingNavigation_booking-navigation-element__ukZyR.BookingNavigation_disabled__aMgjk {
1 opacity:.5;
1 pointer-events:none;
1 cursor:not-allowed;
1 }
1 .BookingNavigation_booking-navigation-desktop__UsfIa .BookingNavigation_steps-wrapper__0FF_3 .BookingNavigation_booking-navigation-element__ukZyR:not(:last-child):after {
1 content:"";
1 display:inline-block;
1 width:1px;
1 height:80%;
1 background-color:#fff;
1 opacity:.5;
1 position:absolute;
1 right:-.75rem;
1 }
1 .BookingNavigation_resort-name__nZ0ud {
1 font-family:Fruitiger Bold,arial,helvetica,sans-serif;
1 font-size:.75rem;
1 text-transform:uppercase;
1 letter-spacing:.15em;
1 color:#fff;
1 }