@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

:root { 
    --main-color:#c3945d; 
    --secundary-color:#9dc6eb;
}

html, body{
    width:100%; 
    height:100%; 
    -webkit-text-size-adjust:none; 
    -ms-text-size-adjust:none; 
    touch-action:pan-y;
}

body{font-family: "Kumbh Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
  font-variation-settings:
    "YOPQ" 300; background-color:#fcf3ee;}

.noScroll{overflow:hidden;}

.showCursor{cursor:pointer;}
.noSelect{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}


a:link,a:hover,a:focus,a:visited,a:active{color:#000; text-decoration:none;}

.text-main{color:var(--main-color);}
.text-secundary{color:var(--secundary-color);}

.border-main{border-color:var(--main-color)!important;}
.border-secundary{border-color:var(--secundary-color)!important;}

.bg-main{background-color:var(--main-color);}
.bg-secundary{background-color:var(--secundary-color);}

.border-dashed{border-top:2px dashed #c9cbd1}

/*resets etc.*/
.w-1{width:1%;}
.h-1{height:1%;}

.fs-0{font-size:0;}
.lh-1{line-height:1;}

.text-underline{text-decoration:underline!important;}


h1,h2,h3,h4,h5,h6{/*font-family: "Libre Baskerville", serif;*/ font-weight: 400; font-style: normal;}


/*header & footer*/
.header{font-size:.85rem; transition:all .3s linear;}
.header.active{background-color:#fcf3ee;}

.header img{height:40px; transition:all .25s linear;}
.header.active img{filter: brightness(0%);}

.header ul{display:table;}
.header ul li{padding:0 15px; display:table-cell; vertical-align:middle; position:relative; transition:all .3s linear;}
.header ul li a{color:#FFF; font-weight:500; transition:color .3s linear;}
.header.active ul li a{color:#000;}
.header ul li:last-child div{padding:8px 15px 8px 15px; color:var(--secundary-color); transition:all .3s linear;}
.header.active ul li:last-child div, .header ul li:last-child div:hover{color:#FFF; background-color:var(--secundary-color);}

.headerImg .position-absolute{background-color:rgba(0,0,0,0.4);}

.footer{background-color:#eedfce; line-height:1;}

.footer ul li{margin-bottom:.75rem; display:block;}
.footer ul li:last-child{margin-bottom:0;}

/*nav touch*/
.toggleMenu{margin-top:5px; width:30px; height:30px; background-image:url('../img/toggleMenu.svg'); background-size:30px 30px; background-position:center center;}
.toggleMenu.active{background-image:url('../img/icoClose.svg');}

.navTouch{height:calc(100% - 73px);top:73px; left:0; z-index:1040; visibility:hidden; opacity:0; background-color:#fcf3ee;}
.navTouch.active{visibility:visible; opacity:1;}
.navTouch ul li{margin-bottom:10px;}
.navTouch ul li:last-child{margin-bottom:0;}

/*fullscreen video*/
.fullscreenVideo{height:100%; width:100%; display:table;}
#homepageVideoOverlay{background-color:rgba(0,0,0,0.5);}
#homepageVideoOverlay h1{margin-top:-10px; padding:0 30px; display:block;}
#homepageVideo{position:absolute; right:0; bottom:0; min-width:100%; min-height:100%; width: auto; height: auto; z-index:-100;}

/*content*/
.startContent{margin-top:73px;}
.content p:last-child{margin-bottom:0;}
.content a{text-decoration:underline;}

/*aanbod*/
.aanbodFilter{display:inline-table;}
.aanbodFilter li{display:table-cell; border-right:solid 1px var(--main-color); transition:all .25s linear;}
.aanbodFilter li:last-child{border-right:none;}
.aanbodFilter li:hover, .aanbodFilter li.active{background-color:var(--main-color);}
.aanbodFilter li a{padding:10px 9px 10px 9px; display:inline-block; font-size:.75rem; color:var(--main-color); transition:color .25s linear;}
.aanbodFilter li:hover a, .aanbodFilter li.active a{color:#FFF; transition:color .25s linear;}

.aanbod{font-size:1.1rem;}
.aanbod h3{font-size:1.5rem;}
.interesse{padding:10px 20px; font-size:.9rem; transition:background-color .2s linear;}
.interesse a:hover{background-color:rgba(195,148,93,.8);}
.aanbod a.meetstaat{padding:9px 19px; font-size:.9rem; border:solid 1px #000; background-color:transparent; transition:background-color .2s linear;}
.aanbod a.meetstaat:hover{background-color:transparent;}

.verhuurd{padding:10px 20px; font-size:.9rem; opacity:.5;}

.toonPlattegrond{padding:10px 20px; right:0; bottom:0; font-size:.9rem; color:#FFF; background-color:#000; transition:background-color .2s linear;}
.toonPlattegrond:hover{background-color:rgba(0,0,0,.8)!important;}

.plattegrond a{padding:10px 20px; right:0; bottom:0; font-size:.9rem; transition:background-color .2s linear;}
.plattegrond a:hover{background-color:rgba(0,0,0,.8)!important;}

/*forms*/
.form-control, .form-select{border-radius:0; border:solid 1px #000;}
.form-control:focus, .form-select:focus{box-shadow:none; border-color:#000;}
.form-control.error, .form-select.error{border-color:Tomato;}

.btn-close:focus{box-shadow:none;}

.grecaptcha-badge{margin-right:-10000px;}


@media(max-width:540px){

}

@media(max-width:768px){

}

@media(min-width:768px){
/*resets etc.*/
.w-md-50{width:50%!important}

/*header & footer*/
.header img{height:68px;}

.footer ul li{margin-bottom:0; display:inline-block;}
.footer ul li a{padding:0 10px; display:block; border-right:solid 1px #212529;}
.footer ul li:last-child a{padding-right:0; border:none;}

/*fullscreen video*/
.fullscreen-video{height:100vh;}

/*content*/
.startContent{margin-top:113px;}

/*aanbod*/
.aanbodFilter li a{padding:15px 20px 15px 20px; font-size:1rem;}
}

@media(max-width:992px){

}

@media(min-width:992px){
/*header & footer*/
.header img{height:80px;}
}

@media(min-width:1200px){

}


@media(min-width:1400px){

}