@charset "UTF-8";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-forest-green: #21653f;--accent-warm-rust: #CD5C5C;--neutral-snow-white: #FFFAFA;--neutral-charcoal-black: #272a2a;--pale-mint: #e6f0eb;--navbar-height: 65px;color-scheme:light dark;color:#000;background-color:#fff}html,body{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth;scroll-padding-top:var(--navbar-height);background-color:var(--pale-mint)}.content-container{margin:0 auto;max-width:1500px}section h1{color:var(--primary-forest-green);font-size:2em;line-height:1;padding-right:.5em;border-right:.2em solid var(--primary-forest-green);text-transform:capitalize}nav{position:fixed;z-index:10;left:0;right:0;top:0;background-color:var(--primary-forest-green);display:flex;flex-direction:column-reverse;gap:10px;z-index:1000}nav .input-container{display:flex;flex-direction:row;gap:10px;align-self:flex-end}nav ul{display:flex;flex-direction:row;list-style:none;align-items:center;justify-content:flex-end;gap:2em;margin-block:0;margin-inline:0;padding-inline:0;margin:.75em .5em}nav ul li{border-bottom:3px solid transparent}nav ul li.active{border-color:var(--neutral-snow-white)}nav ul li:hover:not(:has(select)){border-color:var(--neutral-snow-white)}nav ul li a{font-size:1.2em;text-transform:capitalize;color:var(--neutral-snow-white);text-decoration:none;font-weight:700;text-shadow:1px 1px 1px rgba(255,255,255,.3),-1px -1px 2px rgba(0,0,0,.5),0 1px 1px rgba(0,0,0,.4),0 -1px 1px rgba(255,255,255,.2)}nav ul li select{border:none;font-size:1em;background-color:transparent;outline:none;font-size:1.5em}nav .toggle-btn{display:none}@media screen and (max-width: 630px){nav ul{flex-direction:column;flex-wrap:wrap;justify-content:space-evenly;align-items:flex-end;background-color:transparent;display:none;gap:10px}nav ul li a{font-size:1.5em}nav ul.is-open{display:flex}nav .toggle-btn{display:block;cursor:pointer;align-self:flex-end;margin:10px}nav .toggle-btn .bar1,nav .toggle-btn .bar2,nav .toggle-btn .bar3{width:35px;height:5px;background-color:#fff;margin:6px 0;transition:.25s}nav .toggle-btn.is-open .bar1{transform:translateY(11px) rotate(45deg)}nav .toggle-btn.is-open .bar2{opacity:0}nav .toggle-btn.is-open .bar3{transform:translateY(-11px) rotate(-45deg)}}.hero-section{height:100dvh;width:100dvw;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.hero-section .alpine-gastgeber-logo{position:absolute;top:calc(var(--navbar-height) + 1em);left:2em;z-index:123;max-width:100px;box-shadow:#00000040 0 14px 28px,#00000038 0 10px 10px}.hero-section .hero-img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;object-position:center;transition:opacity .25s ease-in-out}.hero-section .text-badge-and-chevrons-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.hero-section .text-badge-and-chevrons-container .text{color:var(--neutral-snow-white);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:123;border-radius:15px;background-color:var(--primary-forest-green);padding:1em 1em .5em;box-shadow:#00000040 0 14px 28px,#00000038 0 10px 10px;position:relative}.hero-section .text-badge-and-chevrons-container .text:after{position:absolute;content:"✕";top:5px;right:8px;color:var(--neutral-snow-white);line-height:1;font-size:1em;cursor:pointer}.hero-section .text-badge-and-chevrons-container .text.hidden{visibility:hidden}.hero-section .text-badge-and-chevrons-container .text span{font-style:italic;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.hero-section .text-badge-and-chevrons-container .text p{font-size:.85em}.hero-section .text-badge-and-chevrons-container .text span{margin-bottom:-25px}.hero-section .text-badge-and-chevrons-container .text .icons{display:flex;flex-direction:row;gap:1.5em}.hero-section .text-badge-and-chevrons-container .text .icons img{width:1.5em}.hero-section .text-badge-and-chevrons-container img[role=button]{height:2em;width:2em;position:relative;filter:drop-shadow(10px 10px 15px rgba(0,0,0,.9));background-color:var(--primary-forest-green);padding:.25em;border-radius:.25em}.hero-section .text-badge-and-chevrons-container img[role=button]:hover{cursor:pointer;filter:brightness(85%)}.hero-section .text-badge-and-chevrons-container img[role=button].left-arrow{margin-left:2em}.hero-section .text-badge-and-chevrons-container img[role=button].right-arrow{margin-right:2em}.hero-section .selected-img-indicator{position:absolute;bottom:max(12%,50px);display:flex;flex-direction:row;gap:.5em;background-color:var(--primary-forest-green);padding:.25em;border-radius:.5em}.hero-section .selected-img-indicator img{position:relative;height:1em;width:1em}.hero-section .selected-img-indicator img:hover{cursor:pointer}.hero-section .news-container{position:absolute;bottom:0;left:0;display:flex;flex-direction:row;align-self:flex-end;justify-content:space-between;align-items:flex-end;color:#fff;width:100%;height:150px}.hero-section .news-container article{flex:1;height:50px;transition:height .1s ease-in;overflow-y:hidden;overflow-x:hidden;z-index:123;padding:.5em;line-height:1}.hero-section .news-container article h2{font-size:1em;margin-block:0;margin-inline:0}.hero-section .news-container article span{font-size:.85em}.hero-section .news-container article:hover{height:150px;overflow-y:scroll;box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}.hero-section .news-container article:nth-child(1){background-color:#21653f}.hero-section .news-container article:nth-child(2){background-color:#1b5233}.hero-section .news-container article:nth-child(3){background-color:#153e27}.hero-section .news-container article:nth-child(4){background-color:#0e2b1b}.hero-section .news-container .weather-article div{width:100%;padding:0;margin:0;font-size:2.5em}.hero-section .news-container .weather-article a{color:var(--neutral-snow-white);font-weight:700}.hero-section .news-container .weather-article a:before{content:"🔗 ";font-size:.75em}@media screen and (max-width: 630px){.hero-section .text-badge-and-chevrons-container .item{flex:1 1 100%;margin:0}.hero-section .text-badge-and-chevrons-container .item img{width:100%;max-width:100%;height:auto}.hero-section .text-badge-and-chevrons-container .item .text{line-height:1.1;padding:.5em}.hero-section .text-badge-and-chevrons-container .item .text p{margin-block:0;margin-inline:0}.hero-section .text-badge-and-chevrons-container .item .text h2{font-size:1em}}.appartements-section{padding:1em}.appartements-section h1{text-align:end}.appartements-section .facts{flex-grow:1;max-width:350px;max-height:200px;border-radius:.25em;overflow-y:scroll;font-size:.75em;background-color:var(--primary-forest-green);color:var(--neutral-snow-white);padding-top:.5em;box-shadow:#00000040 0 14px 28px,#00000038 0 10px 10px;position:relative}.appartements-section .facts .info-icon{position:absolute;top:5px;right:5px;width:1.5em;height:1.5em}.appartements-section .facts ul{margin-block:0;padding-block:0;padding-inline:2em}.appartements-section .facts details{padding-left:.5em}.appartements-section .facts details:hover{cursor:pointer}.appartements-section .appartements{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;align-items:center;justify-content:flex-end}dialog{border:none;padding:1rem;max-width:700px;max-height:80%;overflow-y:scroll;background-color:var(--neutral-charcoal-black)}dialog::backdrop{background:#000000e6}dialog .btn-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}dialog .btn-wrapper button{font-size:1.5em;font-weight:700;background:none;border:none;margin-bottom:.5em;cursor:pointer;color:var(--neutral-snow-white);outline:none}dialog .gallery-container{display:flex;flex-direction:column;align-items:flex-start}dialog .gallery-container .img-container{position:relative}dialog .gallery-container .img-container button{position:absolute;top:50%;transform:translateY(-50%);background-size:contain;background-repeat:no-repeat;background-position:center;width:3em;height:100%;border:none;outline:none;cursor:pointer;background-color:transparent;filter:drop-shadow(3px 5px 2px rgba(0,0,0,.4))}dialog .gallery-container .img-container button.left-arrow{background-image:url(/icons/chevron-left.svg);left:.5em}dialog .gallery-container .img-container button.right-arrow{background-image:url(/icons/chevron-right.svg);right:.5em}dialog .gallery-container .img-container .big{object-fit:contain;max-width:100%}dialog .gallery-container .small-container{display:flex;flex-wrap:wrap;column-gap:10px;row-gap:10px;padding:10px 0}dialog .gallery-container .small-container .small{height:3em;width:3em;object-fit:cover;background:#708090}dialog .gallery-container .small-container .small.active{outline:3px solid var(--accent-warm-rust)}dialog .gallery-container .small-container .small:hover{cursor:pointer}dialog h3{margin-block:0;margin-inline:0;font-size:1em}dialog ul{margin-block:0;margin-inline:0;padding-inline:1em;font-size:.9em}.card{all:unset;margin:0;padding:0;flex-grow:1;max-width:350px;max-height:200px;position:relative;overflow-y:auto;box-shadow:#00000040 0 14px 28px,#00000038 0 10px 10px;border-radius:.25em;overscroll-behavior:none}.card:hover{box-shadow:#26394d 0 20px 30px -10px;cursor:pointer;z-index:123}.card:hover article .text-container{top:33%}.card article img{width:100%}.card article .text-container{position:absolute;top:75%;transition:top .2s ease;color:var(--neutral-snow-white);background-color:var(--primary-forest-green);padding:.5em}.card article .text-container summary h2{font-size:1.1em;line-height:1;margin-block:0}.card article .text-container summary sub{font-size:.6em}.card article .text-container ul{font-size:.85em;margin-inline:0;margin-block:0;padding-inline:1.1em}@media screen and (max-width: 435px){dialog{height:100%;max-height:unset}dialog .btn-wrapper{position:sticky;top:0;z-index:123;background-color:var(--neutral-charcoal-black)}dialog .gallery-container .big{max-height:350px}dialog ul{overflow-y:scroll;overscroll-behavior:none}.card{overflow-y:hidden}.card:hover article .text-container{top:75%}.card article .text-container{top:75%}}.map-section{max-width:1200px;margin-left:auto;margin-right:0;padding-right:1em}.map-section h1{text-align:end}.map-section .socials-and-map-container{display:flex;flex-direction:row;justify-content:flex-end}.map-section .socials-and-map-container .socials-container{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;flex-grow:1;max-width:300px}.map-section .socials-and-map-container .socials-container a{padding:1.5em;transition:transform .25s}.map-section .socials-and-map-container .socials-container a img{height:2em;width:2em}.map-section .socials-and-map-container .socials-container a:hover{transform:scale(1.1)}.map-section .socials-and-map-container .map-container{width:100%;height:0;padding-bottom:56.25%;position:relative}.map-section .socials-and-map-container .map-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}footer{min-height:56px;background-color:var(--primary-forest-green);color:var(--neutral-snow-white);display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:2em;padding:.5em;font-weight:700}footer a{color:var(--neutral-snow-white)}@media screen and (max-width: 630px){footer{flex-direction:column;align-items:flex-end;gap:.5em}}.availability-section{display:flex;flex-direction:column;align-items:flex-end;padding-right:1em}.availability-section iframe{width:100%;max-width:1200px;height:700px;border:none}.booking-section{padding:1em;display:flex;flex-direction:column;align-items:flex-end}.booking-section .text-and-search{display:flex;flex-direction:row;align-items:flex-start;gap:3em;position:relative}.booking-section .text-and-search p{position:relative;background-color:var(--primary-forest-green);color:var(--neutral-snow-white);padding:1em;border-radius:.25em;max-width:600px;box-shadow:#00000040 0 14px 28px,#00000038 0 10px 10px}.booking-section .text-and-search p .info-icon{position:absolute;top:5px;right:5px;height:1.5em;width:1.5em}.booking-section .text-and-search p a{color:var(--neutral-snow-white);font-weight:700}.booking-section h1{text-align:end}.booking-section #ebSmallSearch{min-height:400px;min-width:300px;border:none}@media screen and (max-width: 630px){.booking-section .text-and-search{flex-direction:column-reverse;align-items:flex-end;gap:1em}}
