:root{--white:#fdfdfd;--darkgreen:#696b5f;--lightgreen:#f1f2ee;--green:#babeaa;--lila:#a88bae;--black:#2a2a2a}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{background-color:var(--white);color:var(--darkgreen);font-size:1.6rem}body.no-scroll{overflow:hidden}body.dark{background-color:var(--black);color:var(--white)}main{overflow-x:hidden}header{position:fixed;z-index:1000;width:100%;transition:transform .3s ease-in-out}header.fixed{transform:translateY(-30px)}header .info-header{display:flex;justify-content:center;width:100%;height:30px;background-color:var(--darkgreen);color:var(--white);padding-inline:.5em}header .info-header .wrapper{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center}header .info-header .info{display:flex;justify-content:center;width:100%;gap:1em}header .info-header .info .mail,header .info-header .info .tel{display:flex;gap:.25em;font-size:calc(1rem + .6vw)}header .info-header .languages{position:absolute;right:0}header .info-header select{display:none;background-color:transparent;border:none;color:var(--white)}header .main-header{width:100%;padding:.5em 1em;background-color:var(--lightgreen);color:var(--darkgreen)}header .main-header .wrapper{display:flex;justify-content:space-between;align-items:center}header .logo a{position:relative;width:120px;height:37px;display:block}header .logo img{width:100%;height:100%;object-fit:contain}header .hamburger{position:relative;width:40px;height:40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}header .hamburger .line{width:100%;height:2px;background-color:var(--darkgreen);transition:all .3s ease-in-out;transform-origin:center}header .hamburger .line:first-child{transform:translateY(-10px)}header .hamburger .line:nth-child(2){width:80%}header .hamburger .line:nth-child(3){transform:translateY(10px);width:60%}header .hamburger.active .line:first-child{transform:translateY(2px) rotate(45deg)}header .hamburger.active .line:nth-child(2){width:0;opacity:0}header .hamburger.active .line:nth-child(3){transform:translateY(-2px) rotate(-45deg);width:100%}header .btn,header nav{display:none}.wrapper{max-width:1200px;margin:0 auto}.mobile-menu{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--lightgreen);color:var(--darkgreen);z-index:999;transform:translateX(100%);transition:all .3s ease-in-out}.mobile-menu.active{transform:translateX(0)}.mobile-menu ul{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:2em;list-style:none}.mobile-menu ul li a{font-size:2.4rem}.mobile-menu .select{position:absolute;bottom:4rem;left:50%;transform:translateX(-50%)}a{color:inherit;text-decoration:none}p{font-size:1.6rem;line-height:1.5;letter-spacing:.05em;font-weight:200}h2{text-align:center;font-size:2.8rem;font-weight:300}h3{font-size:2rem;font-weight:600}.img-container{position:relative}.img-container img{width:100%;height:100%;object-fit:cover}.desktop{display:none;opacity:0;visibility:hidden}.mobile{display:block;opacity:1;visibility:visible}section{padding:4em 1em}.hero,section{position:relative}.hero{overflow:hidden;width:100vw;min-height:600px;height:600px;max-height:600px;padding-top:120px}.hero .background-image{position:absolute;top:0;left:0;width:100vw;height:100%;z-index:-1}.hero .background-image img{width:100%;height:100%;object-fit:cover}.hero .overlay{position:absolute;inset:0;width:100%;max-width:100%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.75),transparent 50%);z-index:0}.hero .wrapper{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:1em;height:100%;color:var(--white);text-align:left;max-width:1200px;margin:0 auto}.hero h1{font-size:calc(5rem + 5vw);font-style:normal;font-weight:400}.hero h2{font-size:calc(1rem + 3vw);text-align:left;margin-bottom:0}.hero .hero-text{display:flex;flex-direction:column;align-items:flex-start}.hero .subtitle{font-size:1.8rem;max-width:400px;text-shadow:0 0 10px rgba(0,0,0,.35)}.hero .btn{margin-top:2em;background-color:var(--white);color:var(--lila)}.intro{text-align:left;font-size:1.6rem;line-height:1.5;letter-spacing:.05em;padding-bottom:1em}.intro .read-more-btn,.intro .read-more-container:before{display:block}.secondary-bg{background-color:var(--lightgreen)}.highlights .wrapper{display:flex;flex-direction:column;justify-content:center;gap:2em}.highlights ul{display:grid;grid-gap:2em;gap:2em;list-style:url(/svg/Tick.svg);-webkit-padding-start:1em;padding-inline-start:1em}.highlights .list-item h3{font-size:1.8rem;margin-bottom:.25em}.appartements{padding-inline:0}.appartements h2{padding-left:1em;margin-bottom:2em}.appartements .appartement-gallery{position:relative;display:flex;flex-direction:column}.appartements .appartement{display:flex;flex-direction:column;gap:2em;width:100%}.appartements .appartements-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4em}.appartements .appartement-info{display:flex;flex-direction:column;justify-content:center;gap:1em;padding-inline:1em}.appartements .appartement-info ul{display:flex;flex-direction:column;flex-wrap:wrap;gap:.5em;list-style:url(/svg/Tick.svg);-webkit-padding-start:1.5em;padding-inline-start:1.5em}.appartements .appartement-info .btn{align-self:center}.appartements .img-container{align-self:center;width:100%;aspect-ratio:3/2}.appartements .img-container .appartement-headline{position:absolute;bottom:0;height:150px;width:100%;padding:4em 1em 2em;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5em;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 66%);color:var(--white)}.appartements .img-container .appartement-headline h2{margin:0;padding:0;text-align:left}.appartements .img-container img{width:100%;height:100%;object-fit:cover}.appartements .appartements-prices{display:flex;flex-direction:column;gap:2em;margin-top:2em}.appartements .appartements-prices .prices{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2em}.appartements .appartements-prices .prices-container{display:flex;align-items:flex-start;gap:2em}.appartements .appartements-prices .prices-container p{font-weight:700;font-size:2rem;margin:.15em 0 0}.appartements .appartements-prices .price{display:flex;flex-direction:column;align-items:center;font-size:2.4rem;font-weight:400}.appartements .appartements-prices .price span{font-size:1.4rem;font-weight:300;margin-top:.2em}.appartements .appartements-prices .price .price-row{display:flex;flex-direction:column;align-items:center;gap:.1em;margin-bottom:1em}.appartements .appartements-prices .price .price-row .price-row-label{font-size:1.1rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--darkgreen);opacity:.8;text-align:center}.appartements .appartements-prices .price .price-row .price-row-value{font-size:2.4rem;font-weight:400;color:var(--darkgreen);text-align:center}.appartements .appartements-prices button{align-self:center}.sommercard .wrapper{display:flex;flex-direction:column;align-items:center;gap:1em}.sommercard .sommercard-text{display:flex;flex-direction:column;align-items:flex-start;gap:2em}.sommercard .img-container{height:300px;width:420px;max-width:100%}.sommercard .img-container img{width:100%;height:100%;object-fit:contain}.guests{background-color:var(--lightgreen);text-align:center;overflow:hidden}.guests h2{margin-bottom:2em}.sommercard.host .wrapper{display:flex;flex-direction:column-reverse}.sommercard.host h2{text-align:left}.sommercard.host .sommercard,.sommercard.host .sommercard-text{width:100%}.sommercard.host .img-container{width:100%;height:auto;max-height:400px;aspect-ratio:1/1}.sommercard.host .website-links{display:flex;flex-direction:column;gap:.5em}.region h2{margin-bottom:0}.region p{text-align:left}.region .wrapper{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2em}.region .img-grid{width:100%;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:1em;gap:1em}.region .img-container{height:250px;width:100%;overflow:hidden;border-radius:12px}.region .img-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;padding:1em;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 50%);color:var(--white)}.region .img-overlay .content{display:none;width:100%;justify-content:space-between;align-items:flex-end}.region .img-overlay .text{display:flex;flex-direction:column;gap:.5em;align-items:flex-start}.contact{background-color:var(--lightgreen)}.contact .wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2em}.contact h2{margin-bottom:0}.contact p{text-align:center;max-width:700px}.contact .contact-info{display:flex;flex-direction:column;align-items:center;gap:1em}.contact .contact-info div{display:flex;gap:.5em}.contact .contact-info div svg{width:20px;height:20px}.contact .contact-info path{fill:var(--darkgreen)}.contact .btn{align-self:center}.contact .img-container{height:250px;width:100%;overflow:hidden;border-radius:12px}.arrival .wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2em}.arrival .img-container{aspect-ratio:16/9;width:100%;max-width:700px}.arrival .arrival-adress{position:absolute;right:0;bottom:0;height:50%;min-height:120px;width:100%;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 66%);color:var(--white);display:flex;align-items:flex-end;justify-content:flex-end;gap:.5em;padding:.5em}.arrival .arrival-adress svg{width:20px;height:20px;margin-bottom:1em}.arrival .arrival-adress p{font-weight:400}.arrival .arrival-text{width:100%;display:flex;flex-direction:column;gap:2em}.arrival .arrival-info{width:100%;display:flex;flex-direction:column;align-items:flex-end;gap:1em}.arrival .arrival-lists{display:flex;flex-direction:column;gap:2em}.arrival .arrival-lists .arrival-list{display:flex;flex-direction:column;gap:1em}.arrival .arrival-lists ul{display:flex;flex-direction:column;gap:.5em;-webkit-padding-start:1.5em;padding-inline-start:1.5em}.arrival .arrival-lists .airport{list-style:url(/svg/airport.svg)}.arrival .arrival-lists .train{list-style:url(/svg/train.svg)}.anchor{position:absolute;top:-50px}.subpage{padding:4em 1em 2em;height:-moz-fit-content;height:fit-content;min-height:100vh}.subpage,.subpage .wrapper{display:flex;flex-direction:column;gap:2em}.subpage h2{text-align:left;font-size:2rem}.subpage h3{margin-bottom:1em}button{border:none;background-color:transparent}button,select{font-family:inherit}select option{font-family:Outfit,Arial,Helvetica,sans-serif;color:var(--black)}.select{background-color:transparent;border:none;color:inherit;font-family:inherit;font-size:1.4rem}.btn,.select{cursor:pointer}.btn{display:flex;align-items:center;justify-content:center;gap:.5em;min-width:140px;padding:.5em 1em;border-radius:2px;border:1px solid var(--lila);color:var(--lila);transition:all .3s ease-in-out}.btn p{font-size:1.5rem;font-weight:500}.btn span{display:flex;align-items:center;z-index:1}.btn span svg{height:30px;width:30px;transition:all .3s ease-in-out}.btn span svg path{fill:var(--lila)}.btn span svg circle{fill:inherit}.btn:disabled{opacity:.5;cursor:auto}.btn-outline{position:relative;border:1px solid var(--lila);color:var(--lila)}.btn-outline p{position:relative;z-index:1}.btn-outline:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--lila);transition:all .3s ease-in-out;z-index:0}@keyframes fill{0%{transform:scale(0)}to{transform:scale(1)}}.btn-primary{background-color:var(--lila);color:var(--white)}.loader{border:2px solid #f3f3f3;border-top:2px solid var(--lila);border-radius:50%;width:12px;height:12px;animation:spin 2s linear infinite;margin:0 auto;padding:.5em}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.review-swiper{overflow:visible!important}.review-swiper,.review-swiper .swiper-slide{display:flex;align-items:center;justify-content:center}.review-swiper .swiper-slide{width:100%;height:100%;flex-direction:column;gap:1em}.review-swiper .swiper-button-next,.review-swiper .swiper-button-prev{color:var(--lila);top:30%}.review-swiper .swiper-button-next{right:-10px}.review-swiper .swiper-button-prev{left:-10px}.review-swiper .swiper-button-next:after,.review-swiper .swiper-button-prev:after{font-size:2.5rem}.review-swiper .swiper-content{display:flex;flex-direction:column;gap:1em;text-align:center;padding-inline:2rem;max-width:600px}.review-swiper .swiper-content span{font-size:1.8rem;font-weight:600}.read-more-container{position:relative;padding-bottom:3em;overflow-y:hidden}.read-more-container:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100px;background:linear-gradient(0deg,#fff,transparent)}.read-more-container.read-more{max-height:100%}.read-more-container.read-more:before{opacity:0}.read-more-container.read-more .read-more-btn .btn-content{transform:translateX(-50%) rotate(180deg)}.read-more-container .read-more-btn{position:absolute;bottom:0;left:0;width:100%;padding:1em 0;text-align:center;cursor:pointer}.read-more-container .read-more-btn .btn-content{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:1;background-color:#fff;padding:0 .5em}.read-more-container .read-more-btn .btn-content .circle{fill:var(--lila)}.read-more-container .read-more-btn .line{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;height:1px;background-color:var(--lila)}.backToTop{position:fixed;bottom:1em;right:1em;z-index:100;cursor:pointer;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.3);transition:all .3s ease-in-out;background:var(--white);height:30px;width:30px;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden}.backToTop.active{opacity:1;visibility:visible}.backToTop:hover{transform:scale(1.1)}.backToTop svg{height:20px;width:20px}.video{padding:0;width:100%;aspect-ratio:16/9;background-color:#000}.video #playButton{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;cursor:pointer;transition:all .3s ease-in-out}.video #playButton:hover{transform:translate(-50%,-50%) scale(1.1)}.video #playButton svg{height:40px;width:40px}.video img,.video video{width:100%;height:100%;object-fit:cover;margin-bottom:-2.5em}.max-tablet{display:none!important}@media screen and (min-width:576px){.arrival .arrival-adress{height:50%;padding:1em}.appartements .appartements-prices .prices{flex-direction:column}}@media screen and (min-width:768px){header .info-header{padding-inline:1em}header .info-header select{display:block}header .info-header .info{gap:2em}header .info-header .info .mail,header .info-header .info .tel{gap:.5em;font-size:1.6rem}header .logo a{width:160px;height:50px}header nav{display:flex;justify-content:space-around;align-items:center;gap:1em}header nav ul{display:flex;gap:2em;list-style:none}header nav ul li a{color:var(--darkgreen)}header .btn{display:inline-block}header .hamburger{display:none}section{padding:4em}.wrapper{max-width:1200px;margin:0 auto}.mobile-menu{display:none}.hero{height:100vh;max-height:1000px;padding:0 4em}.hero h1{font-size:10rem}.hero h2{font-size:2.5rem}.hero .wrapper{height:100%;justify-content:center}.intro{text-align:left;padding:4em 4em 0}.intro .read-more-container{padding-bottom:0}.intro .read-more-btn,.intro .read-more-container:before{display:none}.sommercard h2{text-align:left}.sommercard .wrapper{flex-direction:row;align-items:center}.sommercard .sommercard-text{width:50%;margin-bottom:2em}.sommercard .img-container{width:50%}.highlights ul{display:grid;grid-template-columns:repeat(2,1fr);justify-content:space-between;grid-gap:2em;gap:2em}.highlights ul li{max-width:250px}.appartements .appartements-container{gap:4em}.appartements .img-container{max-width:100%}.appartements .appartement{max-width:600px}.appartements .appartement-gallery{margin-bottom:33%}.appartements .appartement-info ul{max-height:150px;margin-bottom:1em}.appartements .appartements-prices .prices{flex-direction:row}.region .img-grid{grid-template-columns:repeat(2,1fr)}.region .culinary-lists{flex-direction:row}.region .culinary-lists .culinary-list{width:33%}.contact .contact-info{flex-direction:row}.arrival .arrival-text{max-width:700px;flex-direction:row-reverse;justify-content:space-between}.arrival .arrival-info{width:33%}.arrival .arrival-lists{width:66%;flex-direction:row}.arrival .arrival-adress{padding:1em;height:40%}.desktop{display:block;opacity:1;visibility:visible}.mobile{display:none;opacity:0;visibility:hidden}}@media screen and (min-width:992px){section{padding:6em 4em}.hero h1{font-size:12rem}.hero h2{font-size:2.5rem;margin-bottom:-.25em}.highlights ul{grid-template-columns:repeat(4,1fr)}.appartements{padding-inline:4em}.appartements .appartement-gallery{position:relative;margin-bottom:36%}.appartements .appartement{width:50%}.appartements .appartements-container{flex-direction:row}.appartements .img-container{min-height:360px;overflow:hidden;border-radius:5px}.appartements .appartement-info ul{max-height:140px;margin-bottom:1em}.appartements .appartements-prices{display:flex;flex-direction:column;gap:2em;margin-top:2em}.appartements .appartements-prices .prices{display:flex;flex-direction:row;align-items:start;justify-content:center;gap:6em}.sommercard.host .wrapper{flex-direction:row-reverse;gap:4em}.sommercard.host h2{text-align:left}.sommercard.host .img-container{width:50%;max-height:100%;aspect-ratio:1/1}.sommercard.host .sommercard,.sommercard.host .sommercard-text{width:50%}.region .img-grid{grid-template-columns:auto;grid-template-areas:"img1 img1 img2 img3" "img1 img1 img4 img5"}.region .img-grid .img1{grid-area:img1;height:100%}.region .img-grid .img2{grid-area:img2}.region .img-grid .img3{grid-area:img3}.region .img-grid .img4{grid-area:img4}.region .img-grid .img5{grid-area:img5}.region .img-overlay .content{display:flex}.video{aspect-ratio:24/9}.video #playButton svg{height:80px;width:80px}.min-tablet{display:none!important}.max-tablet{display:flex!important}}@media(hover:hover){header nav ul li{position:relative}header nav ul li:before{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:var(--darkgreen);transform:scaleX(0);transform-origin:left;transition:all .3s ease-in-out}header nav ul li:hover:before{transform:scaleX(1)}.btn-outline:hover{color:var(--white)}.btn-outline:hover span svg path{fill:var(--white)}.btn-outline:hover:before{width:100%}.btn-primary:hover{border:1px solid var(--white)}select{transition:all .3s ease-in-out}select:hover{font-weight:500}}