@font-face{font-family:General Sans;src:url(/assets/GeneralSans-Variable-D4t1btYN.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:General Sans Italic;src:url(/assets/GeneralSans-VariableItalic-dXS85WKy.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@property --r{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rotate-r{to{--r:360deg}}@keyframes rotate{to{transform:rotate(360deg)}}:root{--fsz:clamp(15px, 2vw, 20px);--color-1:#ce9c49;--color-2:#7a6bff;--color-3:#e9f7f9;--inactive:#777;--dark:#111;--light:#fff;--bg-color:var(--lightningcss-light,var(--light))var(--lightningcss-dark,var(--dark));--text-color:var(--lightningcss-light,var(--dark))var(--lightningcss-dark,var(--light));--box-shadow-color:color-mix(in oklab, currentColor 20%, #0000);--in-text-clr:hsl(from currentColor h s .5);--fsz-sm:.8rem;--fsz-md:clamp(17px, 2.5vw, 24px);--fsz-xl:1.25rem;--fsz-xxl:2.25rem;font-size:var(--fsz-md);color:var(--text-color);background:var(--bg-color);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;accent-color:var(--color-1);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-family:"General Sans", "Roboto", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;font-family:var(--font-family);transition:all .3s ease-in-out,resize}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light) or (color-scheme:light) or (prefers-color-scheme:dark) or (color-scheme:dark){:root{--bg-color:var(--lightningcss-light,var(--light))var(--lightningcss-dark,var(--dark));--text-color:var(--lightningcss-light,var(--dark))var(--lightningcss-dark,var(--light))}}@media (prefers-reduced-motion:reduce){*{transition:none}}header#navbar,.slideshow#slideshow_presentation{color:var(--light)!important}*,:before,:after{box-sizing:border-box;scroll-behavior:smooth;interpolate-size:allow-keywords;transition:all .3s ease-in-out,resize}:is(*,:before,:after):not(.icon,.fa,.fas,.fa-brands){font-family:var(--font-family)}@media (hover:none){*,:before,:after{background-attachment:scroll}}[hidden]:not([hidden=false]){display:none!important}:disabled{cursor:not-allowed;opacity:.8;filter:contrast(50%);color:currentColor!important}:disabled.btn-lens-effect{box-shadow:none}body{margin:0}body,main,header,section,footer,article,div{scrollbar-gutter:stable}main{position:relative}main.not-open{z-index:0}section,footer{content-visibility:auto;padding:70px clamp(30px,5vw,70px)}li{list-style-type:none;container-name:list-item}@container not style(--list-style-on:"off"){li{position:relative}li:before{content:"";aspect-ratio:1;width:20px;rotate:45deg;scale:calc((var(--size,1rem) / 20px));background:var(--color-1);clip-path:path("M0 0, 8 0, 8 8, 0 8, M0 12, 8 12, 8 20, 0 20, M12 0, 20 0, 20 8, 12 8, M12 12, 20 12, 20 20, 12 20");display:inline-block;position:absolute;top:calc(75% - 21.2132px);left:-2rem}}:is(footer,#contact_section) ul{padding-left:.25rem;position:relative}:is(footer,#contact_section) ul li,:is(footer,#contact_section) ul a[target=_blank]{align-items:center;display:flex}:is(footer,#contact_section) ul li{gap:calc(var(--fsz-xl) * .275);--list-style-on:"off";margin:0 0 1.15rem;position:static}:is(footer,#contact_section) ul li:before{content:none}:is(footer,#contact_section) ul i:not([class*=copy]){position:absolute;left:0}#contact_section ul{margin-top:var(--fsz-xxl);padding-left:calc(var(--fsz-xl) * 3.5)}#contact_section ul *{font-size:var(--fsz-xl)}#contact_section ul li{margin-bottom:calc(var(--fsz-xl) * 1.5);--list-style-on:"off";flex-wrap:wrap}#contact_section ul li:last-of-type a{font-weight:700}#contact_section ul a:hover{text-decoration:underline}#contact_section ul i{--size:1.6rem;--f:2.25;--b:4px;color:var(--color-1)}section:not(#slideshow_presentation,.top-section)>:is(h1,h3,p),.appartement *{opacity:0;transform:translateY(100%)}:is(section:not(#slideshow_presentation,.top-section)>:is(h1,h3,p),.appartement *).is-intersecting{opacity:1;transform:translateY(0)}section.top-section{color:#fff;background:50%/cover no-repeat fixed;place-content:center;height:95vh;padding:0 clamp(40px,15%,80px);display:grid}section.top-section *{filter:drop-shadow(0 0 5px var(--dark)) drop-shadow(0 0 10px var(--dark))}a{color:var(--color-1);cursor:pointer;text-decoration:none;display:inline-flex}a *{color:inherit}a:hover{color:var(--color-2)}a p{margin:0}header a p{line-height:normal}:is(#navbar,#slideshow_presentation) *{color:var(--light)}:is(#navbar,#slideshow_presentation) nav a:hover,:is(#navbar,#slideshow_presentation) nav a:hover *{color:var(--color-1)}button{cursor:pointer;outline-color:#0000}.copy-btn{aspect-ratio:1;border:2px solid var(--clr);--clr:color-mix(in oklab, var(--text-color) 70%, var(--inactive));color:var(--clr);background:0 0;border-radius:10px;place-content:center;padding:.35rem;display:flex;position:relative}.copy-btn i{color:inherit!important}.copy-btn:hover{background:var(--clr);color:var(--bg-color)}.copy-btn div{background:var(--text-color);color:var(--bg-color);opacity:0;border-radius:8px;padding:10px 20px;position:absolute;font-size:70%!important}.copy-btn .show{opacity:1;transform:translateY(calc(-100% - var(--fsz-sm)))}:focus,:focus-visible{outline-offset:0;outline:4px solid #0000}:not(:is(h1,h3,h3,h4)){font-size:var(--fsz-md)}h1{font-size:var(--fsz-xxl)}h2{font-size:2.24rem}h3{font-size:1.8rem}h4{font-size:1.5rem}p{line-height:1.75}:is(h1,h2,h3,h4) *{font-size:inherit}section h1{text-transform:uppercase}article :is(h3,p){margin-block:0}input[type=checkbox]{aspect-ratio:1;appearance:none;width:36px;scale:calc(1rem / 36px * 2 * var(--scale,1));border:3px solid;border-radius:5px;position:relative}input[type=checkbox],input[type=checkbox]+label{cursor:pointer}input[type=checkbox]:is(:focus,:focus-visible){outline-color:color-mix(in oklab, var(--color-1) 40%, #0000)}input[type=checkbox]:checked{color:var(--color-1)}input[type=checkbox]:checked:before{width:50%}input[type=checkbox]:checked:after{width:80%;transition-delay:.3s}input[type=checkbox]:before,input[type=checkbox]:after{content:"";transform-origin:0;background:currentColor;border-radius:100vh;width:0;height:3px;display:block;position:absolute}input[type=checkbox]:before{top:40%;left:15%;rotate:50deg}input[type=checkbox]:after{top:80%;left:45%;rotate:-60deg}details{border:2px solid;border-radius:.75rem;overflow:hidden}details summary{cursor:pointer;align-items:center;gap:.5rem;padding:1rem;font-size:1.35rem;display:flex}details summary *{margin:0}details::details-content{content-visibility:visible;block-size:0;padding-inline:2.75rem;transition:block-size .5s,padding-bottom .5s}:is(details:open,details[open])::details-content{block-size:auto;padding-bottom:2rem}:is(details:open,details[open]) summary i{transform:rotate(90deg)}.fa,.fas,.fa-brands{--s:var(--size,1rem);color:inherit;place-content:center;line-height:0;display:grid;font-size:var(--s)!important}.circle-outline{aspect-ratio:1;box-shadow:0 0 0 var(--b,3px) currentColor;border-radius:50%;width:calc(var(--s) * var(--f,2))!important}.gradient-border{isolation:isolate;outline-offset:calc(-1 * var(--border-width,3px));position:relative;outline:var(--border-width) solid!important}.gradient-border:after{content:"";z-index:-1;padding:var(--border-width,3px);border-radius:inherit;background:conic-gradient(from var(--r), var(--color-1), var(--color-2), var(--color-3), var(--color-1));animation:rotate-r var(--ani-speed,5s) ease-in-out infinite;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.gradient-border:is(:hover,:focus,:focus-visible,.is-sent){color:currentColor;outline-color:#0000!important}.btn-lens-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 2px 2px .2rem color-mix(in oklab, var(--light) 70%, #0000), inset -3px -3px .3rem var(--dark);background:0 0;border:none;transition:all .3s ease-in-out,box-shadow .1s ease-in-out}.btn-lens-effect:active{box-shadow:inset -2px -2px .2rem color-mix(in oklab, var(--light) 70%, #0000), inset 3px 3px .3rem var(--dark)}.blur-border{isolation:isolate;--offset-width:50px;--blur-raduis:20px;position:relative}.blur-border:before{content:"";z-index:-1;border-radius:inherit;-webkit-backdrop-filter:blur(var(--blur-raduis));backdrop-filter:blur(var(--blur-raduis));-webkit-mask:linear-gradient(0deg, #0000 0 calc(100% - var(--offset-width) * 1.5), #000 calc(100% - var(--offset-width) * .5) 100%), linear-gradient(90deg, #0000 0 calc(100% - var(--offset-width) * 1.5), #000 calc(100% - var(--offset-width) * .5) 100%), linear-gradient(180deg, #0000 0 calc(100% - var(--offset-width) * 1.5), #000 calc(100% - var(--offset-width) * .5) 100%), linear-gradient(-90deg, #0000 0 calc(100% - var(--offset-width) * 1.5), #000 calc(100% - var(--offset-width) * .5) 100%);mask:linear-gradient(0deg, #0000 0 calc(100% - var(--offset-width) * 1.5), #000 calc(100% - var(--offset-width) * .5) 100%), linear-gradient(90deg, #0000 0 calc(100% - var(--offset-width) * 1.5), #000 calc(100% - var(--offset-width) * .5) 100%), linear-gradient(180deg, #0000 0 calc(100% - var(--offset-width) * 1.5), #000 calc(100% - var(--offset-width) * .5) 100%), linear-gradient(-90deg, #0000 0 calc(100% - var(--offset-width) * 1.5), #000 calc(100% - var(--offset-width) * .5) 100%);position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-over;mask-composite:add}header#navbar{z-index:10;isolation:isolate;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in oklab, var(--inactive) var(--ratio), #0000);min-block-size:80px;min-inline-size:100dvw;box-shadow:inset 0 -3px 5px var(--box-shadow-color), inset 0 -3px 10px var(--box-shadow-color);justify-content:space-between;align-items:center;padding:10px 20px;position:fixed;overflow:hidden}header#navbar,header#navbar>*{display:flex}header#navbar>*{filter:drop-shadow(0 0 .1rem #333)}header#navbar p{margin-block:0}header#navbar #icon{border-radius:.25rem;height:3rem;overflow:hidden}header#navbar #nav_btn{z-index:2;background:0 0;border:none;border-radius:8px;padding:30px 20px;display:none;position:fixed;left:calc(6rem + 40px)}header#navbar #nav_btn *{position:relative}header#navbar #nav_btn *,header#navbar #nav_btn :before,header#navbar #nav_btn :after{aspect-ratio:15;background:currentColor;border-radius:100vh;width:50px;transition:inherit}header#navbar #nav_btn :before,header#navbar #nav_btn :after{content:"";transform:translateY(calc(var(--i) * 300%));position:absolute;left:0}header#navbar #nav_btn :before{--i:-1}header#navbar #nav_btn :after{--i:1}header#navbar #nav_btn.is-active *{background:0 0}header#navbar #nav_btn.is-active :before,header#navbar #nav_btn.is-active :after{transform:translateY(0) rotate(calc(var(--i) * 45deg))}header#navbar nav{gap:2.5rem}header#navbar nav a{align-items:center;gap:.5rem;padding:.5rem 1rem}header#navbar nav a:hover *{color:var(--color-2)}header#navbar a#contact_link{--border-width:4px;border-radius:100vh;align-items:center;min-width:2.5rem;min-height:2.5rem;padding:10px 25px}header#navbar a#contact_link p{margin-left:.6rem;overflow-x:hidden}@media (width>=1050px) and (hover:hover) and (pointer:fine){header#navbar a#contact_link:not(:hover){justify-content:center}header#navbar a#contact_link:not(:hover) p,header#navbar a#contact_link:not(:hover) i{width:0;margin:0}}@media (width<1050px){header#navbar #nav_btn{display:block}header#navbar .is-active{translate:0 calc(1.5rem - 50%)}header#navbar nav{z-index:-1;height:100dvh;font-size:var(--fsz-xl);flex-flow:column wrap;place-content:space-around center;padding-left:5rem;transition-timing-function:cubic-bezier(.2,.9,.2,1);position:fixed}header#navbar nav a{gap:calc(var(--fsz-xl) * 1.5)}header#navbar:has(.is-active){background:color-mix(in oklab, hsl(from currentColor h s .5) 40%, #0000);align-items:start;height:100dvh}header#navbar:has(.is-active) nav{overflow:visible}header#navbar:not(:has(.is-active)) nav{opacity:0;height:0}}@media (width<=475px){header#navbar{justify-content:space-between}header#navbar:has(.is-active) #icon{translate:0 .25rem}header#navbar #nav_btn{position:static}header#navbar nav{padding-left:.65rem}header#navbar a#contact_link{inset-inline:80px;--border-thickness:5px;justify-content:center;padding-block:1rem;position:fixed;top:6.5rem;scale:1.3}header#navbar:not(:has(.is-active)){max-block-size:80px}}@property --color-stop{syntax:"<percentage>";inherits:false;initial-value:100%}.slideshow article{background:var(--img) no-repeat center/cover fixed;justify-content:center;gap:var(--fsz-xl);width:100%;height:100%;-webkit-mask:radial-gradient(circle at center, #0000 0 calc(var(--color-stop) - 200px), #000 calc(var(--color-stop)) 100%);mask:radial-gradient(circle at center, #0000 0 calc(var(--color-stop) - 200px), #000 calc(var(--color-stop)) 100%);flex-flow:column;padding-inline:16dvw;transition:--color-stop .5s linear;display:flex;position:absolute;top:0;left:0}.slideshow article.is-open{--color-stop:0%;transition:none}.slideshow article:first-of-type{align-items:center;font-size:140%}.slideshow article *{filter:drop-shadow(0 0 10px var(--dark))}@media (width<450px){.slideshow article.attractions h1{font-size:40px}}.slideshow h1,.slideshow p{margin-block:0;font-size:130%}.slideshow h1{font-size:var(--fsz-xxl)}.slideshow :is(a,button){background-color:color-mix(in oklab, var(--inactive) 20%, #0000);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 5px color-mix(in oklab, var(--inactive) 50%, #0000), inset 0 0 5px var(--box-shadow-color), inset 0 0 10px var(--box-shadow-color)}.slideshow :is(a,button):hover{background-color:color-mix(in oklab, var(--color-1) 50%, #0000)!important}.slideshow a{width:fit-content;color:var(--light);border-radius:15px;padding:1rem 2.5rem}.slideshow a i{--size:var(--fsz-xl);margin-left:var(--size)}.slideshow a:hover i{transform:translate(50%)}.slideshow button{aspect-ratio:1;border:none;border-radius:50%}.slideshow>button,.slideshow .slide-marker{z-index:6;position:absolute}.slideshow>button{--padd:clamp(30px, 5vw, 70px);--i:1;left:var(--padd);transform-origin:50%;--size:130%;place-content:center;padding:13px;display:grid;top:50%;transform:translateY(-50%)scale(1.25)}.slideshow>button:last-of-type{left:auto;right:var(--padd);--i:-1}.slideshow>button i{filter:drop-shadow(0 0 5px hsl(from currentColor h s .25))}@media (width<600px){.slideshow>button{visibility:hidden}}.slideshow .slide-marker{inset-inline:0;justify-content:center;gap:clamp(21px,7vw,40px);padding-bottom:20px;display:flex;bottom:0}.slideshow .slide-marker button{aspect-ratio:1;background:radial-gradient(color-mix(in oklab, var(--inactive) 60%, #0000), #0000);border-radius:50%;width:40px;position:relative}.slideshow .slide-marker button.is-active{background-color:color-mix(in oklab, var(--color-2) 50%, #0000)!important}.small-screen-slider{width:100%;margin-bottom:2.5rem;position:relative}.small-screen-slider>button{z-index:2;aspect-ratio:1;border-radius:50%;place-content:center;width:3rem;display:grid;position:absolute;top:50%;translate:0 -50%}.small-screen-slider>button:first-of-type{left:0}.small-screen-slider>button:last-of-type{right:0}.small-screen-slider>.container{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-gutter:unset;grid-auto-columns:100%;grid-auto-flow:column;display:grid;overflow:auto visible}.small-screen-slider>.container::-webkit-scrollbar{appearance:none}.small-screen-slider>.container>*{scroll-snap-align:start}.small-screen-slider .slide-marker-container{justify-content:center;align-items:center;gap:1rem;width:100%;display:flex;position:absolute;top:calc(100% + .5rem)}.small-screen-slider .slide-marker-container button{aspect-ratio:1;background:0 0;border:.3rem solid;border-radius:50%;width:2rem}.small-screen-slider .slide-marker-container button:hover{border-color:var(--color-2)}.small-screen-slider .slide-marker-container button.is-active{border:.6rem solid var(--color-1)}.small-screen-slider.lg-screen,.small-screen-slider.lg-screen>.container{display:contents}.footer table{width:100%}.footer table h4{height:100%;margin-block:0;display:inline-block}.footer table th,.footer table td{text-align:start;vertical-align:top;width:50%}.footer table th+th h4,.footer table td+td ul{margin-left:1.5rem}.footer table ul{margin-top:1.5rem}.footer table li{padding-left:2.5rem}#slideshow_presentation article:first-of-type h1{font-size:calc(var(--fsz-xxl) * 1.3)}@media (width<400px){#slideshow_presentation article:last-of-type h1{font-size:calc(var(--fsz-xxl) * .75)}}#service .service-grid{flex-flow:wrap;justify-content:space-evenly;gap:60px 40px;width:100%;padding:30px;display:flex}#service article{text-align:center;--ani-dir:reverse;--ani-speed:20s;opacity:0;width:300px;transition-delay:calc(.15s * (sibling-index() - 1));flex-flow:column;align-items:center;gap:20px;display:flex;transform:translateY(100%)}#service article.is-intersecting{opacity:1;transform:translateY(0)}@supports not (transition-delay:calc(150ms * (sibling-index() - 1))){#service article{transition-delay:calc(.15s * var(--tr-delay))}}#service h3{font-weight:600}#service i{--size:calc(var(--fsz-xl) * 2);--f:2.25;--b:5px;color:var(--color-1)}.calendar .legend{justify-content:space-evenly}.calendar .legend,.calendar .legend span{align-items:center;display:flex}.calendar .legend span{gap:.5rem}.calendar .legend span:before{content:"";aspect-ratio:1;background:currentColor;border-radius:50%;width:1rem}.calendar .legend span:first-of-type:before{color:#007000}.calendar .legend span:nth-of-type(2):before{color:red}.calendar .legend span:last-of-type:before{color:#ca0}.calendar .navigation{justify-content:space-between;display:flex}.calendar .navigation div button:first-of-type{margin-right:2rem}.calendar .navigation>div{border:3px solid #0000;border-radius:100vh;display:flex}.calendar .navigation>div:has(:focus,:focus-visible,:hover){border-color:color-mix(in oklab, var(--color-1), #0000)}.calendar .navigation input[type=radio]{appearance:none;opacity:0;position:absolute}.calendar .navigation input[type=radio]:is(:focus,:focus-visible)+label,.calendar .navigation input[type=radio]+label:hover{color:var(--color-1)}.calendar .navigation input[type=radio]:checked+label{border-color:var(--color-1);color:currentColor;background:var(--color-1)}.calendar .navigation label{cursor:pointer;border-radius:100vh;padding:.5rem 2rem}.calendar .navigation button{background:0 0;border:none}.calendar .navigation button:hover{color:var(--color-1)}.calendar .calendar-view{--g:5rem;justify-content:center;gap:var(--g);flex-flow:wrap;display:flex;scale:.85}.calendar .calendar-view>*{flex:0 0 max(calc(50% - var(--g) * .5), 300px)}.calendar .calendar-view h4,.calendar .calendar-view .day{text-align:center}.calendar .calendar-view .week-days,.calendar .calendar-view .day-container{grid-template-columns:repeat(7,1fr);gap:.25rem;display:grid}.calendar .calendar-view .day{aspect-ratio:1;font-size:inherit;border-radius:.5rem;place-content:center;display:grid}.calendar .calendar-view .day.is-available{--c:#007000;background:var(--c);color:contrast-color(var(--c))}.calendar .calendar-view .day.is-booked{--c:#aa0202;background:var(--c);color:color-mix(in oklab, contrast-color(var(--c)), #0000);text-decoration:line-through}.calendar .calendar-view .day.is-today{--t:#ca0;background:repeating-linear-gradient(-45deg, var(--c) 0 .35rem, var(--t) .35rem 1rem);font-size:125%}.calendar .calendar-view .day-container :not(.is-today,.is-available,.is-booked){opacity:.5}.calendar .calendar-view .week-days{color:var(--color-1);font-size:1.4rem}.calendar .loading svg{margin:1rem calc(50% - 6rem)}.calendar .loading p{text-align:center}.calendar .error-message{text-align:center;font-size:1.5rem;opacity:1!important;transform:none!important}.calendar .error-message *{font-size:inherit}.calendar .error-message button{color:var(--color-1);background:0 0;border:.2rem solid;border-radius:100vh;gap:.5rem;padding:.75rem 3rem;display:inline-flex}.calendar .error-message button:hover{background:var(--color-1);color:currentColor;border-color:#0000}.calendar .note{justify-content:center;align-items:center;gap:1rem;margin-block-start:2rem;display:flex}.calendar .note i{--size:.75rem;--f:2;height:fit-content}.loading svg{aspect-ratio:1;width:12rem;animation:1s linear infinite rotate;overflow:visible}.loading svg circle{cx:50%;cy:50%;r:4.5rem;--u:calc(9rem * 3.14159);stroke:var(--stroke-color);stroke-width:.75rem;stroke-linecap:round;stroke-dasharray:var(--u);fill:#0000;transform-origin:50%;filter:drop-shadow(0 0 1rem var(--stroke-color));transition:--stroke-color 1s linaer;animation:4s linear infinite contract,2s linear infinite rotate,3s linear infinite colorful}@property --stroke-color{syntax:"<color>";inherits:false;initial-value:#fff}@keyframes contract{0%,to{stroke-dashoffset:calc(var(--u) * .2)}50%{stroke-dashoffset:calc(var(--u) * .99)}}@keyframes colorful{0%,to{--stroke-color:var(--color-1)}33.33%{--stroke-color:var(--color-2)}66.67%{--stroke-color:var(--color-3)}}#about_top{background-image:url(../../../img/house/u/livingroom1.webp)}#offers .about_specials{flex-flow:column;align-items:center;gap:100px;margin-top:130px;display:flex}#offers .about_specials article{align-items:center;gap:var(--fsz-xl);--dir:-1;width:100%;transform:translateX(calc(70vw * var(--dir)));opacity:0;flex-flow:row;display:flex}#offers .about_specials article>*{flex:1 0 min(350px,100%)}@media (width<800px){#offers .about_specials article{display:block}#offers .about_specials article>*{width:100%}}#offers .about_specials article:nth-of-type(2n){--dir:1;flex-flow:row-reverse}#offers .about_specials article.is-intersecting{opacity:1;transform:translate(0)}.imprint{margin-top:80px;padding:0 clamp(30px,10%,100px);list-style:none}.imprint li+li{margin-top:20px}.imprint>li{position:relative}.imprint>li:before{content:"";aspect-ratio:1;background:var(--c1);width:20px;clip-path:path("M0 0, 8 0, 8 8, 0 8, M0 12, 8 12, 8 20, 0 20, M12 0, 20 0, 20 8, 12 8, M12 12, 20 12, 20 20, 12 20");display:inline-block;translate:-10px 3px;rotate:45deg;scale:.75}.imprint>li ul{margin-bottom:50px;margin-left:50px}:is(.gallery,.gallery-container){color:var(--light)}:is(.gallery,.gallery-container) button:not([class*=scroll-btn-],.scroll-marker-btn){color:inherit;background:0 0;border:none;border-radius:10px;padding:0}:is(.gallery,.gallery-container) button:not([class*=scroll-btn-],.scroll-marker-btn) img{object-fit:cover;width:100%;display:block}.gallery{scrollbar-gutter:unset;background:50%/cover no-repeat;border-radius:15px;width:350px;height:350px;position:relative;overflow:hidden}.gallery .overlay{z-index:2;position:absolute;inset:0}.gallery .open-text{inset-inline:0;background:linear-gradient(#0000, color-mix(in oklab, var(--inactive), hsl(from currentColor h s .5)));gap:.5rem;padding:50% 25px 15px;display:flex;position:absolute;bottom:0}.gallery:not(:hover) .open-text{transform:translateY(100%)}@media (width<800px){.gallery:not(:hover) .open-text{transform:translateY(0)}}.gallery-container{z-index:2;flex-flow:column;gap:1rem;padding:20px 40px;display:flex;position:fixed;inset:7.5% 0;translate:0 7.5%}.gallery-container .heading-container{-webkit-user-select:none;user-select:none;justify-content:space-between;display:flex}.gallery-container .heading-container button{scale:1.35}.gallery-container .heading-container button:hover{color:red;transform:scale(1.15)}.gallery-container .heading-container button i{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gallery-container h4,.gallery-container p{margin-block:0}.gallery-container .img-container{justify-content:center;align-items:center;gap:2rem;width:fit-content;max-width:200vw;margin:auto;transition:all .3s ease-in-out;display:flex;position:fixed;inset:25% -50%}.gallery-container .img-container .container button{flex:none;height:clamp(100px,21vw,340px);overflow:hidden}.gallery-container .img-container .container button img{object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none;height:100%}.gallery-container .img-container .container button:hover img,.gallery-container .img-container .container button.is-selected{box-shadow:0 0 10px hsl(from currentColor h s .5);transform:scale(1.2)}@media (width>=450px){.gallery-container .img-container .container button{aspect-ratio:1}}.gallery-container .img-show{background:50%/contain no-repeat;width:100%;height:100%}.gallery-container .img-show button{aspect-ratio:1;--size:1.35rem;border-radius:50%;place-content:center;width:3rem;margin:1rem 1rem 0 auto;display:grid}.gallery-container .img-show button:hover{color:var(--color-1);transform:scale(1.15)}.gallery-container .img-show i{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gallery-container input{z-index:-1;appearance:none;background:0 0;width:50vw;transition:none;position:absolute}.gallery-container input::-webkit-slider-runnable-track{background:color-mix(in oklab, var(--color-1), var(--bg-color));border-radius:100vh}.gallery-container input::-webkit-slider-thumb{appearance:none;aspect-ratio:1.5;background:var(--color-1);height:20px;box-shadow:0 0 5px var(--dark);border-radius:100vh;scale:1.5}.gallery-container:not(.img-selected) .img-show{transform:scale(0)}.gallery-container.img-selected .img-container:not(:hover){opacity:.75}.gallery-container.img-selected .img-container{transform-origin:bottom;justify-content:center;gap:1.5rem;padding-block:1rem;inset-block:70% 5%;transform:translate(0)!important}.gallery-container.img-selected .img-container button{height:clamp(50px,10.5vw,170px)}@media screen{.gallery-container:not(.img-selected) .img-container{translate:0 -5vw}.gallery-container input{width:80%;margin-inline:10%;position:static;translate:0 -10vh}}@media (450px<width<850px){.gallery-container .img-container button{height:30vw}}@media (width<450px){.gallery-container .img-container{inset-inline:0}.gallery-container .small-screen-slider{top:80px}.gallery-container .small-screen-slider .container button{height:40vh}.gallery-container .small-screen-slider .container button:hover img{transform:none}}.gallery-bg-layer{background:color-mix(in oklab, hsl(from currentColor h s .5) 30%, #0000);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:default;border:none;position:fixed;inset:0}#app_top{background-image:url(../../../img/slideshow/house.webp)}#appartement-container{display:flex}#floors.is-intersecting *{opacity:1;transform:translateY(0)}#floors h1{white-space:nowrap}#floors nav :is(button,.indicator){border-radius:15px}#floors nav .indicator{background:50%/cover no-repeat;width:50%!important}#floors nav button{padding:1rem 2rem}#floors nav button:first-of-type.tab-is-open~.indicator{background-image:url(../../../img/house/u/livingroom1.webp)}#floors nav button:last-of-type.tab-is-open~.indicator{background-image:url(../../../img/house/o/livingroom1.webp)}#floors .appartement-overview{isolation:isolate;grid-template:repeat(2,auto)/repeat(3,auto);justify-content:start;gap:0 3rem;margin-top:5rem;display:grid;position:relative}#floors .appartement-overview a{text-align:center;border:none;border-radius:1rem;padding:0;display:block;position:relative;overflow:hidden;color:var(--light)!important}#floors .appartement-overview a img{object-fit:cover;object-position:center;width:100%;height:100%}#floors .appartement-overview a p{background:linear-gradient(#0000, var(--dark));padding:1rem 0;position:absolute;inset-inline:0}@media (width>=1400px){#floors .appartement-overview a p{translate:0}#floors .appartement-overview a:hover img{transform:scale(1.15)}#floors .appartement-overview a:hover p{transform:translateY(-3.5rem)}#floors .appartement-overview a.bedroomA{aspect-ratio:5/4;width:16rem}#floors .appartement-overview a.livingroom{aspect-ratio:4/3;width:16rem}#floors .appartement-overview a.bedroomB{aspect-ratio:2/3;width:12rem}#floors .appartement-overview a.kitchen{aspect-ratio:5/3;height:10.75rem}#floors .appartement-overview a.bathroom{aspect-ratio:1.5;align-self:self-end;height:65%}}#floors .appartement-overview svg{z-index:-1;width:100%;height:100%;position:absolute}#floors .appartement-overview svg.is-intersecting :is(line,path){stroke-dashoffset:0}#floors .appartement-overview line,#floors .appartement-overview path{stroke-width:4px;stroke:color-mix(in oklab, var(--inactive), #0000);stroke-linecap:round;stroke-dasharray:100%;stroke-dashoffset:100%;fill:none;transition:stroke-dashoffset 2s .25s}#floors .appartement-overview a:is(:hover,.is-selected)~svg *{stroke:color-mix(in oklch, currentColor 15%, #0000)}:is(#floors .appartement-overview:has(a:first-child:hover) svg :first-child,#floors .appartement-overview:has(a:nth-child(2):hover) svg :nth-child(2),#floors .appartement-overview:has(a:nth-child(3):hover) svg :nth-child(3),#floors .appartement-overview:has(a:nth-child(4):hover) svg :nth-child(4),#floors .appartement-overview:has(a:last-child:hover) svg :last-child){stroke:currentColor}:is(#floors .appartement-overview:has(a:first-child.is-selected) svg :first-child,#floors .appartement-overview:has(a:nth-child(2).is-selected) svg :nth-child(2),#floors .appartement-overview:has(a:nth-child(3).is-selected) svg :nth-child(3),#floors .appartement-overview:has(a:nth-child(4).is-selected) svg :nth-child(4),#floors .appartement-overview:has(a:last-child.is-selected) svg :last-child){stroke:var(--color-1)}@media (width<1400px){#floors .appartement-overview{display:flex;position:relative}#floors .appartement-overview a{width:100%;height:clamp(250px,75vh,450px)}#floors .appartement-overview a p{font-size:2rem;bottom:0;transform:none}#floors .appartement-overview svg{display:none}}#floors .room-description{padding-top:2rem}#floors .room-description article{overflow:hidden}#floors .room-description article:not(.is-open){opacity:0;height:0;transform:translateY(25%)}#floors .room-description article .img-container{gap:1rem;height:10rem;margin-bottom:3rem;display:flex;overflow:auto hidden}#floors .room-description article ul{padding-left:2.5rem;list-style:none}#floors .room-description article li+li{margin-top:1rem}@media (width<400px){#floors h3{font-size:1.35rem}}.zoom-container{height:inherit}.zoom-container *{filter:none!important}.zoom-container .zoom-image-wrapper{height:inherit;border:none;border-radius:1rem;padding:0;overflow:hidden}.zoom-container img{object-fit:cover;object-position:center;width:100%;height:100%}.zoom-container .zoom-image-wrapper:not([inert]):hover img{transform:scale(1.15)}.zoom-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;inset:0}.zoom-panel img{margin:auto;max-width:100vw;max-height:calc(100vh - 80px - 1.5rem);margin-inline:auto;position:fixed;inset:100px 0;translate:0 2rem}.close-btn{--size:1.5rem;background:0 0;border:none;padding:0;position:fixed;top:calc(80px + 1.5rem);right:1rem}.close-btn:hover{color:red;transform:scale(1.15)}.close-btn i{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.zoom-controls{z-index:5;position:fixed;bottom:0}.tabs nav{display:flex;position:relative}.tabs nav button{background:0 0;border:none;flex:1;padding:.5rem;font-size:1.67rem}.tabs nav button:not(.tab-is-open):hover{background:color-mix(in oklab, var(--color-1) 30%, #0000)}.tabs nav button.tab-is-open{color:#fff;filter:drop-shadow(0 0 .5rem #333)drop-shadow(0 0 .25rem #333)}.tabs nav .indicator{z-index:-1;background:color-mix(in oklab, var(--color-2) 70%, #0000);height:100%;transition-timing-function:ease;position:absolute;left:0}@media (width<510px){.tabs nav button{font-size:1rem}}section#booking_top{text-align:center;background-image:url(../../img/house/u/livingroom2.webp)}section#booking_top p{margin:0}section#booking_top a{filter:none}section#booking_form form{flex-flow:column;gap:4rem;margin-top:5rem}@media (width<650px){section#booking_form form{gap:0}section#booking_form form .stay-time,section#booking_form form input[type=checkbox],section#booking_form form button[type=submit],section#booking_form form details{margin-top:3rem}section#booking_form form .textfield:not(:has(#arrival,#departure)){margin-top:3rem}section#booking_form form .consent-processing label{margin-top:.75rem}section#booking_form form button[type=submit]{width:100%;padding-inline:0}}section#booking_form form,section#booking_form form>div{display:flex}section#booking_form form>div{align-items:center;gap:3rem}section#booking_form form>div .textfield{flex:1 0 auto}section#booking_form form :is(.conatact-info,.guest-info,.consent-processing){gap:1rem}@media (width>=650px){section#booking_form form :is(.conatact-info,.guest-info,.consent-processing) i:not(:first-of-type){margin-left:3rem}}@media (width<650px){section#booking_form form :is(.conatact-info,.guest-info,.consent-processing){display:contents}section#booking_form form :is(.conatact-info,.guest-info,.consent-processing) i{display:none}}@media (width<650px){section#booking_form form .consent-processing{margin-top:4rem}}section#booking_form form .appartement-selection{gap:2rem}section#booking_form form .appartement-selection label{text-align:center;cursor:pointer;border:2px solid;border-radius:100vh;width:100%;padding:1.5rem;position:relative}section#booking_form form .appartement-selection label i{--size:1.5rem;margin:auto 0 auto 1.75rem;position:absolute;inset:0}@media (width<650px){section#booking_form form .appartement-selection label{margin-top:3rem}}@media (width<550px){section#booking_form form .appartement-selection{display:contents}}@media (width<450px){section#booking_form form .stay-time{display:contents}section#booking_form form .stay-time i{display:none}section#booking_form form .textfield{margin-top:3rem}}section#booking_form form input[type=checkbox][id^=rinchhill_]{opacity:0;border:none;width:0;position:absolute;top:25rem}section#booking_form form input[type=checkbox][id^=rinchhill_]:is(:focus,:focus-visible)+label,section#booking_form form input[type=checkbox][id^=rinchhill_]+label:hover{border-color:var(--clr);background:var(--clr)}:is(section#booking_form form input[type=checkbox][id^=rinchhill_]:is(:focus,:focus-visible)+label,section#booking_form form input[type=checkbox][id^=rinchhill_]+label:hover) .fa-check{opacity:1}section#booking_form form input[type=checkbox][id^=rinchhill_]+label .fas{opacity:0}section#booking_form form input[type=checkbox][id^=rinchhill_]:checked+label{color:var(--clr);background:0 0}section#booking_form form input[type=checkbox][id^=rinchhill_]:checked+label .fa-check{opacity:1}section#booking_form form input[type=checkbox][id^=rinchhill_]:checked+label:hover{color:currentColor;background:red;border-color:red}section#booking_form form input[type=checkbox][id^=rinchhill_]:checked+label:hover .fa-xmark{opacity:1;transition-delay:.15s}section#booking_form form input[type=checkbox][id^=rinchhill_]:checked+label:hover .fa-check{opacity:0}section#booking_form form input[type=checkbox][id^=rinchhill_]:first-of-type+label{--clr:var(--color-1)}section#booking_form form input[type=checkbox][id^=rinchhill_]:last-of-type+label{--clr:var(--color-2)}section#booking_form form textarea{height:7.5rem}section#booking_form form details h3{margin:0}section#booking_form form details li+li{margin-top:1rem}section#booking_form form button{--border-width:10px;background:0 0;border:none;border-radius:100vh;width:fit-content;margin:0 auto;padding:2.5rem 7.5rem;font-size:1.5rem;position:relative}section#booking_form form button p{font-size:inherit;margin:0;line-height:0}section#booking_form form button i,section#booking_form form button svg{margin:auto;position:absolute;inset:0;transform:scale(0)}section#booking_form form button i{--size:2rem}section#booking_form form button i:after{content:"";background:currentColor;width:100%;height:.5rem;margin-top:-.5rem;display:block}section#booking_form form button svg{height:2rem}section#booking_form form button path{stroke-width:60px;stroke:var(--bg-color);stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600px;fill:none;transition:stroke-dashoffset .5s ease-in-out .2s}section#booking_form form button.play-animation{padding:2.5rem}section#booking_form form button.play-animation p{opacity:0;width:0}section#booking_form form button.play-animation svg,section#booking_form form button.play-animation path,section#booking_form form button.play-animation i{animation:.5s ease-in-out 3s forwards booking-animation;transform:scale(1)}section#booking_form form button.play-animation path{stroke-dashoffset:0}@keyframes booking-animation{to{transform:scale(0)}}.textfield form{--border:3px solid var(--inactive);border-bottom:var(--border);border-spacing:-3px;height:fit-content;padding-bottom:var(--padding);font-size:var(--fsz-md);align-items:center;display:flex;position:relative}.textfield:not(:has(form)){--border:3px solid var(--inactive);border-bottom:var(--border);border-spacing:-3px;height:fit-content;padding-bottom:var(--padding);font-size:var(--fsz-md);align-items:center;display:flex;position:relative}.textfield:not(:has(form)):after{content:"";bottom:-3px;background:var(--color-1);height:3px;position:absolute;inset-inline:0}.textfield:not(:has(form)):not(:has(input:focus)):after{transform:scaleX(0)}.textfield:not(:has(form)):has(textarea){border:var(--border);border-radius:1rem;padding:0}.textfield:not(:has(form)):has(textarea:is(:focus-visible,:focus)){border-color:var(--color-1)}.textfield form:after{content:"";bottom:-3px;background:var(--color-1);height:3px;position:absolute;inset-inline:0}.textfield form:not(:has(input:focus)):after{transform:scaleX(0)}.textfield form:has(textarea){border:var(--border);border-radius:1rem;padding:0}.textfield form:has(textarea:is(:focus-visible,:focus)){border-color:var(--color-1)}.textfield input,.textfield textarea{background:0 0;border:none;outline-color:#0000;width:100%;padding:.75rem 0}.textfield textarea{resize:none;height:100%;padding:.75rem}.textfield label{cursor:text;transform-origin:0 0;--tr:-125%;position:absolute}.textfield:has(textarea) label{border-radius:5px;top:.75rem;left:.75rem}.textfield:has(:is(input,textarea):is(:focus-visible,:focus,.is-filled,[type=date])) label{color:var(--color-1);transform:scale(.7)translateY(-115%)}.textfield:has(:is(input,textarea)[type=date]:not(:focus-visible,:focus,.is-filled)) label{color:currentColor}.textfield:has(textarea.is-filled) label{background:var(--inactive);color:currentColor;padding:.25rem}.textfield:has(textarea:is(:focus-visible,:focus)) label{background:var(--color-1);color:currentColor;padding:.25rem}.notification{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in oklab, var(--color) 20%, #0000);max-width:max(50vw,300px);box-shadow:0 0 1rem color-mix(in oklab, var(--color) 40%, #0000);border-radius:1rem;align-items:center;gap:1rem;padding:1rem 2rem;position:fixed;bottom:1rem;left:1rem}.notification,.notification[hidden]{display:flex!important}.notification[hidden]{transform:translate(-100vw)}.notification p{margin:0}.notification>i{color:var(--color);flex-shrink:0;margin-right:.5rem}.notification button:has(div){aspect-ratio:1;background:0 0;border:none;scale:2}.notification button:has(div) div{width:2rem;position:relative}.notification button:has(div) div:before,.notification button:has(div) div:after{content:"";aspect-ratio:10;background:currentColor;border-radius:100vh;width:1.35rem;margin:auto;display:block;position:absolute;inset:0}.notification button:has(div) div:before{transform:rotate(-45deg)}.notification button:has(div) div:after{transform:rotate(45deg)}.notification.info{--color:#00a2ff}.notification.warning{--color:#cc8b00}.notification.error{--color:#b40000}.notification.success{--color:#009700}section#imprint_top{text-align:center;background-image:url(/assets/kitchen1-d7r39pIK.webp)}section#imprint_top p{margin:0}section#imprint_top a{filter:none}section#imprint_list{justify-content:center;display:flex}section#imprint_list li{--size:1.5rem;font-size:1.5rem}section#imprint_list li *{font-size:inherit}section#imprint_list li+li{margin-block:1.5rem}