.wrapper{overflow-x:hidden;top:0;left:0;position:fixed;width:100%;height:100vh;padding:1%}.intro-noWebP{height:100%;width:100%;background:url(../img/bg.584d49d0.jpg);background-repeat:no-repeat;background-position:50%;background-size:cover}.intro-webP{background:url(../8c906a99252ae7b6de21dd1efbdd5346.webp);background-repeat:no-repeat;background-position:50%;background-size:cover}.intro-webP,.overlay{height:100%;width:100%}.overlay{top:0;background:rgba(13,13,13,.116)}.content{top:0;left:0;position:fixed;height:100vh;width:100%}.content .logo{color:#fff;font-family:Ovo;text-align:center}.content .logo h1,.content .logo h2,.content .logo h3{padding:0;margin:0}.content .logo h1{font-size:20vh;margin:0;line-height:70%}.content .logo h2{font-size:9vh}.content .logo h3{font-size:5vh;font-family:FuturaPT-Book}#content{position:relative;overflow-x:hidden;overflow-y:none;width:100%;background:#fff;z-index:1;margin-top:100vh}.box{font-family:FuturaPT-Book;padding:7vh 8vw;font-size:1.2em}.box,.titel{text-align:center}.titel{font-family:Ovo}.titel h2{font-size:2.5em;margin-bottom:2vh}.titel .underline{border-bottom:2px solid #000;width:5%;margin:auto auto 8vh}#logies{min-height:100vh}#logies img{margin-top:7vh;max-width:250px}#logies,#orion{padding-top:25vh;padding-bottom:20vh}#kamers{padding-left:0;padding-right:0;background:#e9e9e9}#kamers .text{padding-left:8vw;padding-right:8vw}#kamers .cta{padding-top:7vh;font-family:FuturaPT-Light}#kamers .items{padding-top:8vh;padding-left:7.5vw;padding-right:7.5vw;text-align:center}#kamers .items .img-box{width:95%;overflow:hidden;margin:auto auto 5vh;position:relative;cursor:pointer}#kamers .items .square{overflow:hidden;width:100%;background-size:cover;background-position:50%;-webkit-transition:all .7s ease;transition:all .7s ease;cursor:pointer}#kamers .items .img-box:hover .square,#kamers .items .square:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}#kamers .items .img-box:hover .overlay{opacity:1;background:rgba(0,0,0,.459)}#kamers .items .overlay{opacity:0;-webkit-transition:background-color .2s linear;transition:background-color .2s linear;position:absolute;top:0;left:0}#kamers .items .overlay .name{color:#fff;font-size:1.5em;padding-top:45%}#kamers .prijzen .title{font-size:1.4em;padding-bottom:3vh}#kamers .prijzen .subtitle{padding-bottom:1vh}#kamers .prijzen .subtitle-note{font-size:.9em;padding-bottom:7vh}#kamers .prijzen .moreNights{padding-top:4vh;padding-bottom:2vh}#sfeerbeelden .cta{padding-top:3vh!important;font-family:FuturaPT-Light}#sfeerbeelden .items{padding-top:8vh;text-align:center}#sfeerbeelden .items .img-box{width:95%;margin:auto auto 5vh;position:relative;cursor:pointer;overflow:hidden}#sfeerbeelden .items .square{overflow:hidden;width:100%;background-size:cover;background-position:50%;-webkit-transition:all .7s ease;transition:all .7s ease;cursor:pointer}#sfeerbeelden .items .square img{overflow:hidden}#sfeerbeelden .items .img-box:hover .square,#sfeerbeelden .items .square:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}#sfeerbeelden .items .overlay{opacity:0;-webkit-transition:background-color .2s linear;transition:background-color .2s linear;position:absolute;top:0;left:0}#sfeerbeelden .items .overlay .name{color:#fff;font-size:1.5em;padding-top:45%}#fitness{margin:0;padding:0;background:#f5f5f5}#fitness .gallery,#fitness .inner{height:100vh;position:relative}#fitness .gallery{cursor:pointer}#fitness .gallery .background{height:100%;width:100%;top:0;position:absolute;background-repeat:no-repeat;background-position:50%;background-size:cover}#fitness .gallery .background img{height:100%}#fitness .info{background:#f5f5f5;z-index:2}#fitness .info .inner{height:100vh;display:table-cell;vertical-align:middle}#fitness .info .inner h2{padding-top:0;margin-top:0}#fitness .info .text{padding-left:4vw;padding-right:4vw}.navigation{position:absolute;bottom:4vh;left:0;margin:auto;width:100%}.navigation,.navigation ul{padding-left:0;text-align:center}.navigation ul{list-style:none}.navigation ul li{display:inline-block;margin:0 1em;cursor:pointer}.navigation ul li a{display:inline-block;width:18px;height:18px;font-size:0;text-indent:100%;white-space:nowrap;overflow:hidden;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.navigation .sbn01 ul li a{border:2px solid #fff;border-radius:50%}.navigation .sbn01 ul li a.is-active,.navigation .sbn01 ul li a:hover{background-color:#fff}#toerisme{padding:0;position:relative}#toerisme .info{padding-top:10vh;z-index:2}#toerisme .info .inner .titel{font-size:1.3em}#toerisme .info .inner .titel .underline{padding-top:4vh}#toerisme .info .text{padding-left:4vw;padding-right:4vw;padding-bottom:10vh}#toerisme .image{min-height:100vh;position:relative}#toerisme .image .background{height:100%;width:100%;top:0;position:absolute;background-repeat:no-repeat;background-position:50%;background-size:cover}#toerisme .image .background img{height:100%}#contact{color:#fff;padding:0;position:relative}#contact .maps{width:100%;position:absolute;top:0}#contact .info{background:rgba(0,0,0,.774);z-index:2;min-height:100vh}#contact .info .titel{padding-top:5vh}#contact .info .titel .underline{border:1px solid #fff}#contact .info .text{padding-left:5vw;padding-right:5vw;padding-bottom:10vh}#reservatie{position:relative;padding:0;width:100%;overflow:hidden}#reservatie .reservation{height:auto;background:#fff}#reservatie .right{background-size:cover}#reservatie .right img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;-o-object-position:0 0;object-position:0 0}#reservatie h2{padding-top:5vh;font-size:1.8em;font-family:FuturaPT-Book;text-align:center}#reservatie .form{position:relative;height:auto;min-height:100vh;background:#fff;text-align:left}@media (max-width:992px){.wrapper{padding:15px}#content{margin-top:91vh}.content .logo h1{font-size:6em}.content .logo .subtitle{padding-top:1vh;font-size:2.5em}.content .logo h3{font-size:1.8em}.titel h2{font-size:1.7em}#logies,#orion{padding-top:5vh}#sfeerbeelden .cta{font-size:1em}#fitness .info .inner{height:auto;padding-top:10vh;padding-bottom:10vh}#fitness .gallery,#fitness .inner{height:60vh;min-height:450px}#toerisme .image{display:none}#contact .maps{position:relative}#kamers .prijzen .subtitle{padding-bottom:0}#kamers .prijzen .title{padding-top:7vh}}