@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes marquee-left{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes marquee-right{0%{transform:translateX(-50%)}to{transform:translateX(0)}}@-webkit-keyframes focus-in-expand{0%{letter-spacing:-.5em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes focus-in-expand{0%{letter-spacing:-.5em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@-webkit-keyframes bounce-top{0%{-webkit-transform:translateY(-45px);transform:translateY(-45px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateY(-24px);transform:translateY(-24px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateY(-12px);transform:translateY(-12px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}@keyframes bounce-top{0%{-webkit-transform:translateY(-45px);transform:translateY(-45px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateY(-24px);transform:translateY(-24px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateY(-12px);transform:translateY(-12px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}to{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}@-webkit-keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body,h1{margin:0}.topnav a{margin:0 15px}.topnav a,.topnav a:hover{text-decoration:none;padding:10px}.topnav,.topnav a:active{font-weight:700}.topnav a,.topnav a:before{transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-duration:.5s}#main-title,#title-wrapper{transform-origin:top center;transition:transform .2s,opacity .2s}.mobile-navbar,.topnav{position:fixed}.parallax,.parallax1{background-repeat:no-repeat}.match-list li,p{overflow-wrap:break-word}#feature-list,.match-list li,p{text-align:left}.mobile-navbar,.mobile-navbar a,.next,.overlay-container,.prev,.sliding-menu a,.topnav,.topnav a,a{color:#fff}.dot-container,.marquee_header,.menu-svg,.text{text-align:center}html{scroll-behavior:smooth}:root{--main-font:'Sylfaen',sans-serif;--font-size-mobile:16px;--font-size-desk:18px;--secondary-font:'Courier New',monospace;--primary-color:#2F5D50;--primary-color-trans:#2F5D5080;--secondary-color:#92cd9f;--third-color:#2F535d}body{font-family:var(--main-font);font-size:var(--font-size-desk);overflow-x:hidden;padding:0}h1{font-size:40px}h2{font-size:18px}.topnav{top:5px;left:5px;right:5px;border-radius:10px;padding:5px;z-index:999}.topnav a:hover{margin:0 15px;border-radius:5px}.topnav a{cursor:pointer;border:0;background:0 0;transition-property:color;position:relative;display:inline-block}#feature-list,#feature-list li,#small-content,.match-list li,.mobile-navbar,.overlay-box,.topnav{background-color:var(--primary-color-trans);backdrop-filter:blur(10px)}.sliding-menu a,.sliding-menu a:hover{display:block;margin:10px 0;text-decoration:none}.topnav a:focus,.topnav a:hover{transition-duration:.5s;color:#000000aa;background:linear-gradient(0,#000 70%,#000 99%);background-clip:text;-webkit-background-clip:text}.topnav a:after,.topnav a:before{content:"";position:absolute;background-color:#fff;left:0;bottom:0;pointer-events:none}.topnav a:focus:after,.topnav a:focus:before,.topnav a:hover:after,.topnav a:hover:before{width:100%;left:0}.topnav a:before{width:0%;height:1px;transition-property:width,left;filter:blur(5px)}.topnav a:after{width:0;height:2px;transition:width .5s}.topnav a.active:after,.topnav a:hover:after{width:100%}.topnav a:hover{color:#000;background-color:var(--secondary-color)}.language-switcher{margin-left:auto;float:right;display:inline-block;margin-top:4px;font-size:12px}#main-title{padding:20px}#feature-list{opacity:1;border-radius:10px;font-size:20px;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);list-style:none;padding:.5em;margin:20px 0}#feature-list li{text-align:left}#small-content{display:inline-block;border-radius:10px;padding:20px}.mobile-navbar{font-size:17px;display:none;padding:10px;border-radius:0 0 10px 10px;top:0;left:0;right:0;z-index:998}.burger-menu{cursor:pointer;font-size:24px;margin-right:15px}.icon-text{display:flex;align-items:center;justify-content:center;gap:.5em;font-size:18px}.icon-text svg{flex-shrink:.5}.parallax{position:relative;width:100vw;min-height:100vh;height:auto;background-attachment:fixed;background-position:center;background-size:cover;z-index:1;padding:40px 0;display:flex;flex-direction:column}.parallax-content{position:relative;z-index:2;width:90%;margin:0 auto;padding:10px}.parallax1{background-image:url(images/house/haus_front_haupt.webp);background-size:contain;background-position:center center;-webkit-background-size:cover;height:fit-content}.parallax2,.parallax3,.parallax4,.parallax5,.parallax6{background-size:cover;background-repeat:no-repeat;background-position:center center;height:fit-content}.parallax2{background-image:url(images/oberhofen/niesen_zentral.webp)}.parallax3{background-image:url(images/house/lindenbuehl_tor.webp)}.parallax4{background-image:url(images/oberhofen/bluemlisalp_zentral.webp)}.parallax5{background-image:url(images/oberhofen/bluemlisalp_panorama.webp)}.parallax6{background-image:url(images/oberhofen/panorama_massiv.webp)}.overlay-container{position:relative;top:0;left:50%;transform:translateX(-50%);width:100%;padding-top:0;text-align:center;z-index:2}.overlay-box{padding:8px;border-radius:10px;max-width:100%;top:5px;left:5px;right:5px}.sliding-menu,button,option{background-color:var(--primary-color)}.dot,.next,.prev{border-radius:50%;cursor:pointer}.sliding-menu{position:fixed;top:0;font:var(--main-font);font-size:large;left:-300px;width:250px;height:100%;transition:left .3s;z-index:1000;padding:20px;box-shadow:2px 0 5px rgba(0,0,0,.2)}.sliding-menu a:hover{color:gray}.menu-svg{position:absolute;bottom:40px}.menu-svg img,.menu-svg svg{bottom:0;width:250px;height:auto;fill:#fff;opacity:.8;transition:opacity .3s}.menu-svg img:hover,.menu-svg svg:hover{opacity:1}.marquee-left,.marquee-right{overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 10%,#000 90%,transparent 100%)}.marquee-right{-webkit-mask-image:linear-gradient(to left,transparent 0,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(to left,transparent 0,#000 10%,#000 90%,transparent 100%)}.marquee_header{font-size:35px;font-weight:800;margin-bottom:20px}.marquee-left .marquee__inner{display:flex;width:max-content;animation:75s linear infinite marquee-left} .marquee-right .marquee__inner{display:flex;width:max-content;animation:55s linear infinite marquee-right}.marquee__group{display:flex}.marquee__group span{margin:0 1.5rem;white-space:nowrap;color:#fff;padding:4px 16px 4px 12px;border-radius:10px;font-size:1.2rem}#feature-list li,#three-images li,.match-list li{padding:1rem;border-radius:10px}.marquee__group span img,.mySlides img{border-radius:10px}@media (max-width:968px){.parallax{background-attachment:scroll!important;background-position:center center}.topnav{display:none}.mobile-navbar{display:flex;align-items:center}.language-switcher{margin-top:0;color:#fff;display:inline-block;font-size:.8em}#feature-list{grid-template-columns:repeat(2,1fr);padding:0;gap:0}#feature-list li{margin:.25em;padding:.25em}body{font-size:var(--font-size-mobile)}}.full-height,.match-list li{display:flex;justify-content:center}.full-height{height:100%;align-items:flex-end}.focus-in-expand{display:block;justify-content:flex-end;align-items:center;position:relative;padding:20px;-webkit-animation:1.8s cubic-bezier(.25,.46,.45,.94) both focus-in-expand,3s cubic-bezier(1,0,0,1) 5s infinite alternate-reverse both bounce-top;animation:1.8s cubic-bezier(.25,.46,.45,.94) both focus-in-expand,3s cubic-bezier(1,0,0,1) 5s infinite alternate-reverse both bounce-top}#three-images,.match-list{display:grid;grid-template-columns:1fr;gap:20px;list-style:none}.match-list{grid-template-rows:auto auto;padding:0;margin:0}.match-list li{width:fit-content;margin:5px}#three-images{padding:20px}#three-images li{background-color:rgba(255,255,255,.05)}.slideshow-container{position:relative;width:100%;max-width:100%;margin:auto}.next,.prev,.text{position:absolute}.mySlides{display:none}.mySlides img{width:100%}.next,.prev{top:50%;transform:translateY(-50%);padding:5px;font-weight:700;font-size:20px;background-color:rgba(0,0,0,.4);user-select:none;height:24px}.next{right:2px}.prev{left:2px}.lightbox-next:hover,.lightbox-prev:hover,.next:hover,.prev:hover{background-color:rgba(0,0,0,.8)}.text{color:#f2f2f2;font-size:14px;padding:8px;bottom:8px;width:100%}.dropdown,.sr-only,.trigger{position:relative}.dot-container{padding-top:10px}.article,label{text-align:left}.dot{height:12px;width:12px;margin:0 3px;background-color:#bbb;display:inline-block}.dropdown,button,label{display:block}.dot.active,.dot:hover{background-color:#717171}@media (min-width:968px){#three-images{grid-template-columns:repeat(3,1fr)}.match-list{grid-template-columns:1fr auto;grid-template-rows:auto}}.dropdown{border-radius:12px;transition:.3s;color:#374151;flex-direction:column;min-height:58px;height:fit-content;background-color:#fff;backdrop-filter:blur(10px);overflow:hidden;overflow-wrap:break-word;align-items:center;inset-inline:auto;min-width:298px}.article,.trigger{background-color:var(--primary-color-trans)}.list,.sr-only{overflow:hidden}.dropdown input:where(:checked)~.list{opacity:1;transform:translateY(-3rem) scale(1);transition:.5s;margin-top:32px;padding-top:4px;margin-bottom:-32px}.dropdown input:where(:not(:checked))~.list{opacity:0;transform:translateY(3rem);margin-top:-100%;user-select:none;height:0;max-height:0;min-height:0;pointer-events:none;transition:.5s ease-out}.trigger{cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:600;color:inherit;width:100%;display:flex;align-items:center;flex-flow:row;gap:1rem;padding:1rem;height:max-content;z-index:99;border-radius:10px 10px 0 0;backdrop-filter:blur(10px)}.article,button,label,option{color:#fff}.sr-only{width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.list,.listitem{height:100%;list-style:none}.dropdown input:where(:checked)+.trigger{margin-bottom:1rem}.dropdown input:where(:checked)+.trigger:before{rotate:90deg;transition-delay:0s}.trigger::after,.trigger:before{position:relative;display:flex;justify-content:center;align-items:center}.trigger:before{content:"›";rotate:-90deg;width:17px;height:17px;color:#fff;border-radius:2px;font-size:26px;transition:350ms 85ms}.list{width:calc(100% - calc(var(--w-scrollbar)/2));display:grid;grid-auto-flow:row;gap:-1rem;padding:0 1rem;--w-scrollbar:8px;margin:0;transition:max-height .3s}#responseMessage,.article{padding:1rem;font-weight:500}.article{margin-top:15px;margin-left:15px;margin-right:15px;border-radius:8px;box-sizing:border-box;font-size:20px;width:100%;border:1px solid #fff;backdrop-filter:blur(10)}.webkit-scrollbar::-webkit-scrollbar{width:var(--w-scrollbar);height:var(--w-scrollbar);border-radius:9999px}.webkit-scrollbar::-webkit-scrollbar-track{background:#0000}.webkit-scrollbar::-webkit-scrollbar-thumb{background:#0000;border-radius:9999px}.webkit-scrollbar:hover::-webkit-scrollbar-thumb{background:#fff}input[type=checkbox]:checked+.trigger+.list{max-height:1250px}.slide-in-left{-webkit-animation:.5s cubic-bezier(.25,.46,.45,.94) both slide-in-left;animation:.5s cubic-bezier(.25,.46,.45,.94) both slide-in-left}body::-webkit-scrollbar{display:none}label{margin-bottom:.5rem}input[type=email],input[type=text],select,textarea{width:100%;display:block;font:var(--main-font);padding:10px;border:1px solid #d1d5db;border-radius:10px;margin-bottom:1.5rem;font-size:1rem;color:#374151;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}option{font-size:16px;border-radius:10px;width:100%}button{font:var(--main-font);width:100%;padding:1rem 1.5rem;font-weight:700;border:0;border-radius:.75rem;cursor:pointer;font-size:1.125rem;transition:background-color .3s ease-in-out,transform .1s ease-in-out;box-shadow:0 4px 10px rgba(99,102,241,.3)}button:hover{background-color:var(--secondary-color);transform:translateY(-2px)}button:active{transform:translateY(0)}#responseMessage{margin-top:1.5rem;border-radius:.5rem;text-align:center}.success{background-color:#d1fae5;color:#065f46;border:1px solid #34d399}.error{background-color:#fee2e2;color:#991b1b;border:1px solid #ef4444}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#6366f1;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin;display:inline-block;vertical-align:middle;margin-left:.5rem}.hidden,.lightbox{display:none}.lightbox{position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;z-index:10000;inset:0;background-color:rgba(0,0,0,.9);justify-content:center;align-items:center}.lightbox-content{justify-content:center;position:relative;margin:5%auto;padding:20px;width:80%;max-width:90%;text-align:center}.lightbox-close,.lightbox-next,.lightbox-prev{position:absolute;font-weight:700;cursor:pointer}.lightbox-img{max-width:100%;max-height:80vh;display:block;margin:20px auto}.lightbox-close{top:15px;right:35px;color:#f1f1f1;font-size:40px;transition:.3s}.lightbox-close:focus,.lightbox-close:hover{color:#bbb;text-decoration:none}.lightbox-next,.lightbox-prev{top:50%;width:auto;padding:16px;margin-top:-50px;color:#fff;font-size:20px;transition:.6s;user-select:none;-webkit-user-select:none;background-color:rgba(0,0,0,.3)}.lightbox-next{right:0;border-radius:3px 0 0 3px}.lightbox-prev{left:0;border-radius:3px 0 0 3px}.lightbox-caption{color:#ccc;padding:10px 0;text-align:center;font-size:1.2em}.slideshow-container img,.tourbutton{cursor:pointer;transition:transform .2s}.slideshow-container img:hover{transform:scale(1.02)}.tourbutton{font-weight:700;transition:all .2s;padding:10px 20px;border-radius:100px;background:var(--primary-color-trans);border:1px solid transparent;display:flex;align-items:center;font-size:30px}.tourbutton:hover{background:var(--primary-color)}.tourbutton>svg{width:34px;margin-left:auto;transition:transform .3s ease-in-out}.tourbutton:hover svg{transform:translateX(5px)}.tourbutton:active{transform:scale(.95)}