:root {
    --shadow: 0px 2px 10px 0px rgba(27, 27, 27, 0.3);
    --shadowlight: 0px 2px 10px 0px rgba(27, 27, 27, 0.1);
}

body.tmp-v2{font-family: "Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: var(--tekstkleur); font-size: 16px; background-color: #FAFAFA; max-width: 1820px; margin: 0 auto;}
h1{font-size: 48px; font-weight: 700; line-height: 1.10; margin: 0; letter-spacing: -0.02em;}
h2{font-size: 36px; font-weight: 700; line-height: 1.15; margin: 0; letter-spacing: -0.01em; margin-bottom: 20px;}
h3{font-size: 30px; font-weight: 600; line-height: 1.20; margin: 0;}
h4{font-size: 24px; font-weight: 600; line-height: 1.25; margin: 0;}
h5{font-size: 20px; font-weight: 400; line-height: 1.30; margin: 0;}
h6{font-size: 16px; font-weight: 400; line-height: 1.35; margin: 0;}
p{font-size: 16px; font-weight: 400; line-height: 1.50; margin: 0;}
.psmall{font-size: 14px; font-weight: 400; line-height: 1.50; margin: 0;}
.h1{font-size: 48px; font-weight: 700; line-height: 1.10; margin: 0; letter-spacing: -0.02em;}
.h2{font-size: 36px; font-weight: 700; line-height: 1.15; margin: 0; letter-spacing: -0.01em; margin-bottom: 20px;}
.h3{font-size: 30px; font-weight: 600; line-height: 1.20; margin: 0;}
.h4{font-size: 24px; font-weight: 600; line-height: 1.25; margin: 0;}
.h5{font-size: 20px; font-weight: 400; line-height: 1.30; margin: 0;}
.h6{font-size: 16px; font-weight: 400; line-height: 1.35; margin: 0;}
.p{font-size: 16px; font-weight: 400; line-height: 1.50; margin: 0;}
.psmall{font-size: 12px; font-weight: 400; line-height: 1.50; margin: 0;}
.pagetopintro h1 {text-align: center; font-weight: bold; margin-bottom: 20px;}

@media (max-width: 768px){
    h1{font-size: 34px; line-height: 1.12;}
    h2{font-size: 28px; line-height: 1.18;}
    h3{font-size: 24px; line-height: 1.22;}
    h4{font-size: 20px; line-height: 1.28;}
    h5{font-size: 18px; line-height: 1.32;}
    .h1{font-size: 25px; line-height: 1.12;}
    .h2{font-size: 20px; line-height: 1.12;}
    .h3{font-size: 20px; line-height: 1.22;}
    .h4{font-size: 14px; line-height: 1.28;}
    .h5{font-size: 12px; line-height: 1.32;}
}
@media (max-width: 1199px){
    h1{font-size: 34px; line-height: 1.12;}
    h2{font-size: 28px; line-height: 1.18;}
    h3{font-size: 24px; line-height: 1.22;}
    h4{font-size: 20px; line-height: 1.28;}
    h5{font-size: 18px; line-height: 1.32;}
    .h1{font-size: 25px; line-height: 1.12;}
    .h2{font-size: 20px; line-height: 1.12;}
    .h3{font-size: 20px; line-height: 1.22;}
    .h4{font-size: 14px; line-height: 1.28;}
    .h5{font-size: 12px; line-height: 1.32;} 
}
a{color: var(--kleur1);}
a:hover{color: var(--kleur2); text-decoration: none;}
a.tekstkleur{color: var(--tekstkleur);}
a.tekstkleur:hover{color: var(--kleur1);}
a.kleur1{color: var(--kleur1);}
a.kleur1:hover{color: var(--kleur2);}
a.kleur2{color: var(--kleur2);}
a.kleur2:hover{color: var(--kleur1);}
.bodknopmenu:hover{color: var(--tekstkleur1) !important;}
.container{width: 100%; padding: 0;}
.btn{padding: 16px 32px; border-radius: var(--radius-sm); position: relative;}
.btn-sm{padding: 12px 16px;}
.btn-bold{font-weight: bold;}
.btn:hover{background-color: var(--kleur1); color: var(--tekstkleur1);}
.btn:focus{background-color: var(--kleur1); color: var(--tekstkleur1); border: none;}
.btn-primary{background-color: var(--kleur1); border-color: var(--kleur1); color: var(--tekstkleur1);}
.btn-primary:hover{background-color: var(--kleur2); border-color: var(--kleur2); color: var(--tekstkleur2);}.btn-primary:focus{background-color: var(--kleur2); border-color: var(--kleur2); color: var(--tekstkleur2); border: none;}
.btn-secondary{background-color: var(--kleur2); border-color: var(--kleur2); color: var(--tekstkleur2);}
.btn-secondary:hover{background-color: var(--kleur1); border-color: var(--kleur1); color: var(--tekstkleur1);}
.btn-secondary:focus{background-color: var(--kleur1); border-color: var(--kleur1); color: var(--tekstkleur1); border: none;}
.btn-transparent{background-color: none; border-color: var(--tekstkleur1); color: var(--tekstkleur1);}
.btn-transparent:hover{background-color: var(--kleur2); border-color: var(--kleur2); color: var(--tekstkleur2);}
.btn-transparent:focus{background-color: var(--kleur2); border-color: var(--kleur2); color: var(--tekstkleur2); border: none;}
.flexcenter{display: flex; align-items: center;}
.flexend{display: flex; align-items: flex-end;}
/* Taal aanpasser */
.ct-topbar { float: left; width: 50px; position: relative; z-index: 9999; cursor: pointer;}
.goog-te-banner-frame { bottom: 0; top: auto; }
body { top: 0 !important; }
.pagetopintro { margin-top: 50px; }
.pagetopintro span{color: var(--kleur2);}

.defaultlang { display: none; }
.ct-topbar img { width: 25px; }
.ct-language__dropdown img { width: 20px;}
.topbar .container .row .button * { color: #FFF !important; }
body.mtmov2-template .topbar .button * { color: #FFF !important; }
.ct-topbar__list { margin-bottom: 0px;}
.ct-language__dropdown{ padding-top: 8px; max-height: 0; overflow: hidden; position: absolute; top: 110%; left: -10px; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; width: 50px; text-align: center; padding-top: 0; z-index:200;}
.ct-language__dropdown li{ background: #FFF; padding: 5px;}
.ct-language__dropdown li a{ display: block;}
.ct-language__dropdown li:first-child{ padding-top: 10px; border-radius: 3px 3px 0 0;}
.ct-language__dropdown li:last-child{ padding-bottom: 10px; border-radius: 0 0 3px 3px;}
.ct-topbar .ct-language__dropdown li:hover{ background: #FFF;}
.ct-topbar-mobile .ct-language__dropdown li:focus{ background: #FFF;}
.ct-topbar-mobile .ct-language__dropdown li:active{ background: #FFF;}
.ct-language__dropdown:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 8px; height: 0; border: 0 solid transparent; border-right-width: 8px; border-left-width: 8px; border-bottom: 8px solid #FFF;}
.ct-language{ position: relative;color: #000;}
.ct-topbar .ct-language:hover .ct-language__dropdown{ max-height: 200px; padding-top: 8px; overflow: visible;}
.ct-topbar-mobile .ct-language:focus .ct-language__dropdown{ max-height: 200px; padding-top: 8px; overflow: visible;}
.ct-topbar-mobile .ct-language:active .ct-language__dropdown{ max-height: 200px; padding-top: 8px; overflow: visible;}
.list-unstyled { padding-left: 0; list-style: none;}
.translated-ltr body{margin-top: 39px;}
.translated-ltr .navbar{margin-top: 39px;}
/* Einde taal aanpasser */
.topbar{padding: 10px 50px; display: flex;}
.topbar a{color: var(--tekstkleur);}
.topbar a:hover{color: var(--kleur1);}
.topbar .links{float: left; width: 130px; display: flex; justify-content: space-between; padding-top: 4px;}
.topbar .links i{font-size: 19px;}
.topbar .rechts{float: right; display: flex; height: 100%; align-items: center; position: relative;}
.topbar .rechts.psmall { font-size: 14px; }
.topbar .rechts i{margin-right: 10px;}
.topbar .rechts .telefoon, .topbar .rechts .email{font-weight: 400; margin-right: 30px;}
.topbar .rechts .website a{margin-right: 8px;}
.topbar .rechts .website .fa-angle-right{font-size: 10px; position: absolute; top: 7px; right: 0px; margin: 0px;}
.topbar .links.links--compact{width: auto !important; justify-content: flex-start !important; gap: 20px !important;}
.topbar .links.links--compact a{ flex: 0 0 auto !important; display: inline-flex !important; width: auto !important;}
.navbar{padding: 30px 30px 30px; display: flex; background-color: #fff; box-shadow: 0px 2px 10px 0px rgba(27, 27, 27, 0.3); margin: 0px; border-radius: var(--radius-md);}
.navbar .container .logo{width: 200px; float: left;}
.navbar .container .logo img{max-width: 100%; max-height: 160px; }
.navbar .container .content{width: calc(100% - 260px); height: 100%; float: right; padding-left: 60px; display: flex; flex-direction: column; justify-content: space-between;}
.navbar .container .content .actionrow{display: flex; justify-content: space-between;}
.navbar .container .content .actionrow .zoekbalk{width: 100%; }
.navbar .container .content .actionrow .aizoekbalk{width: 100%; }
.navbar .container .content .actionrow .knoppen{ padding-left: 15px; gap:15px; white-space: nowrap; display: flex; align-items: center;}
.navbar .container .content .actionrow .knoppen .fa-key{margin-right: 8px;}
.navbar .container .content .actionrow .knoppen .bezightigingbtn{padding-right: 40px;}
.navbar .container .content .actionrow .knoppen .bezightigingbtn .fa-angle-right{font-size: 10px; position: absolute; top: 21px; margin-left: 4px;}
.navbar .container .content .menu{display: flex; margin-top: 20px;}
.bpagemijnwoningsite .navbar .container .content .menu { justify-content: end; }
.navbar .container .content .menu .item{margin-right: 40px;}
.navbar .container .content .menu .item.actief a{color: var(--kleur1); font-weight: bold;}
.actionrow .zoekbalk{max-width: 1080px;}
#chatBody{overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; scroll-behavior: smooth;}
#chatBody{scrollbar-width: thin; scrollbar-color: var(--kleur2) transparent; scrollbar-color: var(--kleur2light) transparent;}
#chatBody::-webkit-scrollbar{width: 8px;}
#chatBody::-webkit-scrollbar-track{background: transparent;}
#chatBody::-webkit-scrollbar-thumb{ background: var(--kleur2); background: var(--kleur2light); border-radius: 999px; border: 2px solid transparent; background-clip: padding-box;}
#chatBody::-webkit-scrollbar-thumb:hover{background: var(--kleur2); background: var(--kleur2light);}
#chatBody::-webkit-scrollbar-thumb:active{background: var(--kleur2); background: var(--kleur2light);}
header{padding-bottom: 50px; margin: 0 30px;}
header:has(.menuscroll){padding-bottom: 240px; }
header:has(.menuscroll) .topbar{ display: none; }
.topbar{ top: 0px; position: fixed; left: 50%; transform: translateX(-50%); width: calc(100% - 50px); z-index: 100; background-color: #FAFAFA; padding-bottom: 20px; margin-bottom: -20px; }
.topbar .container{ max-width: 1760px; }
.navbar{top: 50px; z-index: 100;}
.menuscroll{top: 0; border-radius: 0 0 var(--radius-md) var(--radius-md); position: fixed; width: calc(100% - 60px); margin: 0 20px; max-width: 1720px; z-index: 100; padding-top: 20px; padding-bottom: 20px;}
.menuscroll .logo img{max-height: 110px !important;} 
.menuscroll .menu {margin-top: 20px !important;}
.menu .h5 { font-size: 18px; }

.openhuiscontainer{padding: 20px 180px; margin-bottom: -20px;}
.openhuiscontainer .openhuisbar{padding: 10px; border-radius: var(--radius-md); box-shadow: 0px 0px 4px 0px rgba(27, 27, 27, 0.3); text-align: center; background-color: var(--kleur1); color: var(--tekstkleur1);}
.footer{padding: 0px 50px;}
.footer .container{background-color: var(--kleur2); color: var(--tekstkleur2); border-radius: var(--radius-lg); padding: 50px 130px; display: flex;}
.footer .container .afbeeldingcontainer{width: 25%; background-color: #fff; border-radius: var(--radius-md); text-align: center; color: var(--tekstkleur);}
.footer .container .afbeeldingcontainer img{width: 100%; border-radius: var(--radius-md);}
.footer .container .afbeeldingcontainer .prijscontainer{display: flex; justify-content: center; margin-top: -16px;}
.footer .container .afbeeldingcontainer .prijs{background-color: var(--kleur1); color: var(--tekstkleur1); padding: 4px 8px; border-radius: var(--radius-sm); font-weight: bold;}
.footer .container .afbeeldingcontainer .straathuisnummer{font-weight: bold; line-height: 1.1; margin: 15px 0px;}
.footer .container .afbeeldingcontainer .postcodeplaats{line-height: 1.1; margin-bottom: 20px;}
.footer .container .afbeeldingcontainer .btn{margin-bottom: 30px;}
.footer .container .infocontainer{width: 75%; color: var(--tekstkleur2);}
.footer .container .infocontainer .kolom{float: left; width: calc(50% - 132px); padding-left: 130px;}
.footer .container .infocontainer .kolom .titel{margin-top: 50px; margin-bottom: 20px; font-weight: bold;}
.footer .container .infocontainer .kolom .tekst{margin-bottom: 15px;}
.footer .container .infocontainer .kolom .tekst a{color: var(--tekstkleur2);}
.footer .container .infocontainer .kolom .tekst a:hover{color: var(--kleur1);}
.footer .container .infocontainer .kolom .tekst i{margin-right: 20px; color: var(--kleur1);}
.footer .container .infocontainer .kolom .icons i{font-size: 24px; margin: 30px 30px 0px 0px; color: var(--tekstkleur2);}
.footer .container .infocontainer .kolom .icons i:hover{color: var(--kleur1);}
.footer .container .infocontainer .kolom .item{margin-bottom: 15px;}
.footer .container .infocontainer .kolom .item a{color: var(--tekstkleur2);}
.footer .container .infocontainer .kolom .item a:hover{color: var(--kleur1);}
.footer .container .infocontainer .kolom .item.actief a{color: var(--kleur1); font-weight: bold;}
.footer .container .infocontainer .kolom .item.actief a:hover{color: var(--tekstkleur2);}
.footer .container .infocontainer .kolom.footerrechts{max-width: 264px; float: right; padding-left: 0px;}
.footer .container .infocontainer .kolom.footerrechts .reviewfootertop{margin-top: 50px; display: flex;}
.footer .container .infocontainer .kolom.footerrechts .reviewfootertop .col{width: 50%;}
.footer .container .infocontainer .kolom.footerrechts .reviewfootertop .col .titel{font-size: 10px; margin: 0px; font-weight: normal;}
.footer .container .infocontainer .kolom.footerrechts .reviewfootertop .col .sterren i{font-size: 14px; margin-right: 5px;}
.footer .container .infocontainer .kolom.footerrechts .reviewfootertop .col.revcol{display: flex;}
.footer .container .infocontainer .kolom.footerrechts .reviewfootertop .col.revcol .reviewcijfer{background-color: var(--kleur1); color: var(--tekstkleur1); min-height: 40px; border-radius: var(--radius-sm); padding: 3px 16px 2px; font-weight: bold; margin-bottom: 15px;}
.footer .container .infocontainer .kolom.footerrechts .ondertitel{white-space: nowrap;}
.footer .container .infocontainer .kolom.footerrechts .tekst{margin: 15px 0px 30px; line-height: 1.9; font-style: italic;}
.footer .container .infocontainer .kolom.footerrechts .reviewlink{font-weight: bold; position: relative;}
.footer .container .infocontainer .kolom.footerrechts .reviewlink a:hover{color: var(--tekstkleur2);}
.footer .container .infocontainer .kolom.footerrechts .reviewlink .fa-angle-right{font-size: 10px; position: absolute; top: 6px; margin-left: 4px;}
.footer {margin: 60px 0px 20px;}
.footer .footerbottom{padding: 10px 130px;}
.footer .links{float: left;}
.footer .rechts{float: right; text-align: right; display: flex; align-items: center;}
.footer .rechts img{height: 20px; margin-left: 15px;}
.homepagina{padding: 20px 50px; }
.homepagina .content{padding: 0 130px; width: 100%;}
.homepagina .content.afbeeldingen{display: flex; gap: 10px;}
.homepagina .content.afbeeldingen .row{padding: 0px 10px;}
.homepagina .content.afbeeldingen [class^="col-"]{margin: 0px; padding: 0px 4px;}
.homepagina .content.afbeeldingen img{width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.4s ease;  border-radius: var(--radius-md);}
.homepagina .content.afbeeldingen iframe{width: 100%; height: 487px; object-fit: cover; object-position: center; transition: transform 0.4s ease;  border-radius: var(--radius-md);}
.homepagina .content.afbeeldingen .half{width: 50%; height: 500px; overflow: hidden; display: flex; flex-direction: column; gap: 10px;}
.homepagina .content.afbeeldingen .half img{width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.4s ease;  border-radius: var(--radius-md);}
.homepagina .content.afbeeldingen .half a{width: 100%; height: 100%; border-radius: var(--radius-md);}
.homepagina .content.afbeeldingen .kwart{width: 25%; height: 500px; overflow: hidden; display: flex; flex-direction: column; gap: 10px;}
.homepagina .content.afbeeldingen .kwart .half{width: 100%; height: 250px; overflow: hidden; position: relative; cursor: pointer; }
.homepagina .content.afbeeldingen .kwart .half img{width: 100%; height: 250px; object-fit: cover; object-position: center;}
.homepagina .content.afbeeldingen .overlay{position: absolute; background: rgba(0, 0, 0, 0.5); top: calc(50% - 20px); left: calc(50% - 100px); width: 200px; text-align: center; color: #fff; font-weight: 300; border-radius: var(--radius-sm); padding: 10px 0px; pointer-events: none;}
.homepagina .content.afbeeldingen .overlay i{margin-right: 10px;}
.homepagina .content.afbeeldingen .half.hoofdfoto{position: relative;}
.homepagina .content.afbeeldingen .half.hoofdfoto .status{position: absolute; top: calc(50% - 20px); left: calc(0% - 120px); width: 300px; text-align: center; color: #fff; font-weight: bold; border-radius: var(--radius-sm); padding: 20px 0px; rotate: 270deg;}
.homepagina .content.afbeeldingen .half.hoofdfoto .status i{margin-right: 10px;}
.homepagina .content.afbeeldingen .status2{position: absolute; top: 0; text-align: left; color: #fff; font-weight: bold; border-radius: var(--radius-sm); padding: 15px 40px;}
.homepagina .content.afbeeldingen .status2 i{margin-right: 5px;}
.homepagina .content.afbeeldingen img:hover{transform: scale(1.05);  border-radius: var(--radius-md);}
.homepagina .content.afbeeldingen .half{border-radius: var(--radius-md);}
.bovenfoto img{margin-bottom: 8px;}
.homepagina .content.afbeeldingen.hidemob .row{ height: 487px;}
.homepagina .content.afbeeldingen.hidemob .row > [class^="col-"]{ height: 100%;}
.homepagina .content.afbeeldingen.hidemob .col-md-6 > a{ height: 100%; display: block; overflow: hidden; border-radius: var(--radius-md); position: relative;}
.homepagina .content.afbeeldingen.hidemob .col-md-3{ height: 100%; display: flex; flex-direction: column; gap: 8px;}
.homepagina .content.afbeeldingen.hidemob .col-md-3 > a{flex: 1; display: block; overflow: hidden; border-radius: var(--radius-md); position: relative;}
.homepagina .content.afbeeldingen.hidemob .col-md-6 > a > img,
.homepagina .content.afbeeldingen.hidemob .col-md-3 > a > img{ width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;}
.homepagina .content.afbeeldingen.hidemob .bovenfoto img{margin-bottom: 0;}
.homepagina .infobackground{background-color: var(--kleur2); color: var(--tekstkleur2); border-radius: var(--radius-lg); padding: 150px 130px 50px; margin-top: -100px;}
.homepagina .infobackground .links{float: left; display: flex; align-items: flex-end;}
.homepagina .infobackground .rechts{float: right;}
.homepagina .infobackground .links h5{margin-left: 20px; margin-bottom: 5px; font-weight: 300;}
.homepagina .infobackground .rechts .prijs{padding: 10px 32px; border-radius: var(--radius-sm); font-weight: bold; background-color: var(--kleur1); border-color: var(--kleur1); color: var(--tekstkleur1);}
.homepagina .infobackground .kenmerken{margin-top: 50px; display: flex;}
.homepagina .infobackground .kenmerken .links{float: left;}
.homepagina .infobackground .kenmerken .rechts{float: right;}
.homepagina .infobackground .kenmerken .kenmerkenrow{width: 100%; float: left; display: flex; justify-content: space-between;}
.homepagina .infobackground .kenmerken .kenmerkcontainer{padding: 0; font-weight: 300;}
.homepagina .infobackground .kenmerken .kenmerkcontainer .kenmerk{font-weight: bold;}
.homepagina .infoknoppen{float: right; margin-right: 130px; margin-top: 25px;}
.homepagina .infoknoppen a{margin-left: 50px; color: var(--tekstkleur);}
.homepagina .infoknoppen a:hover{color: var(--kleur1);}
.homepagina .infoknoppen a i{margin-right: 5px; }
.homepagina .beschrijvingkort{margin: 130px 0px;}
.homepagina .beschrijvingkort .beschrijving-tekst{ overflow: hidden; transition: 0.5s ease; margin-bottom: 15px;}
.homepagina .beschrijvingkort .beschrijving-toggle{padding-top: 30px; font-weight: bold;}
.homepagina .content.kenmerken{margin: 130px; padding: 30px 20px; text-align: center; background-color: #fff; width: calc(100% - 260px); display: flex; flex-direction: column; border-radius: var(--radius-lg);}
.homepagina .content.kenmerken .kenmerkenselector{background-color: var(--grijskleur); padding: 10px; display: flex; justify-content: space-between; border-radius: var(--radius-lg); gap: 10px;}
.homepagina .content.kenmerken .kenmerkenselector .kenmerk{padding: 15px 30px; border-radius: var(--radius-sm); font-weight: bold; align-items: center; display: flex; justify-content: center; white-space: nowrap;}
.homepagina .content.kenmerken .kenmerkenselector .kenmerk:hover{background-color: var(--kleur1); color: var(--tekstkleur1); cursor: pointer;}
.homepagina .content.kenmerken .kenmerkenselector .kenmerk:focus{background-color: var(--kleur1); color: var(--tekstkleur1); cursor: pointer; border: none;}
.homepagina .content.kenmerken .kenmerkenselector .kenmerk.actief{background-color: var(--kleur1); color: var(--tekstkleur1);}
.homepagina .content.kenmerken .kenmerkencontent{text-align: left; padding: 40px 20px; font-weight: 500;}
.homepagina .content.kenmerken .kenmerkencontent .col-md-6{padding: 10px 20px;}
.homepagina .content.kenmerken .kenmerkencontent .titel{font-weight: 400; color: #7B7B7B;}
.homepagina .content.mediahome .half iframe{width: 100%; height: 100%; border-radius: var(--radius-md);}
.homepagina .content.kenmerken .kenmerkencontent{ display:none; opacity:0; transition: opacity .2s ease; }
.homepagina .content.kenmerken .kenmerkencontent.is-active{
  display:block;
}
.homepagina .content.kenmerken .kenmerkencontent.is-visible{
  opacity:1;
}
.homepagina .content.aizoekbalk{text-align: center;}
.homepagina .content.aizoekbalk .marginbottom{margin-bottom: 15px;}
.homepagina .content.aizoekbalk .zoekbalk{width: 100%; margin-right: 50px; border-radius: var(--radius-sm); border: 2px solid var(--grijskleur); background: #FAFAFA; padding: 10px; display: flex; align-items: center;}
.homepagina .content.aizoekbalk .zoekbalk .icon{width: 34px; height: 34px; border-radius: 50%; background-color: #fff; box-shadow: 0px 2px 4px 0px rgba(27, 27, 27, 0.3); text-align: center; padding-top: 4px;}
.homepagina .content.mapcontainer .map{height:450px;margin:130px 0 0;position:relative;border-radius:var(--radius-lg);overflow:hidden;}
.homepagina .content.mapcontainer .map iframe{width:100%;height:100%;border:0;display:block;}
.homepagina .content.mapcontainer .map .map-overlay{position:absolute;right:40px;top:40px;max-width:420px;padding:32px 80px 24px 40px; border-radius:18px;background:rgba(60,60,60,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(0,0,0,.25);color:#fff;}
.homepagina .content.mapcontainer .map .map-overlay__title{font-size:38px;line-height:1.05;font-weight:800;margin:0 0 14px;}
.homepagina .content.mapcontainer .map .map-overlay__btn{display:inline-block;padding:14px 18px;border-radius:10px;background:var(--kleur1);;color:#fff;text-decoration:none;font-weight:bold; font-size: 16px; margin-top: 30px; margin-bottom: 10px;}
.homepagina .content.mapcontainer .map .map-overlay__btn:hover{filter:brightness(.95);}
.gm-style .place-card-large { display: none!important;}
.homepagina .content.mapcontainer .map iframe{position:relative;z-index:1;}
.homepagina .content.mapcontainer .map .map-overlay{position:absolute;z-index:5;}
.homepagina .content.mapcontainer .map .map-overlay__line1{font-size:25px;font-weight:bold;line-height:1.3;margin:0 0 6px;}
.homepagina .content.mapcontainer .map .map-overlay__line2{font-size:20px;line-height:1.3;margin:0;opacity:.95;}
.homepagina .background{background-color: var(--grijskleur); border-radius: var(--radius-xl); padding: 350px 130px 50px; margin-top: -250px;}
.homepagina .content.mediahometitel{padding: 0px;}
.homepagina .content.mediahometitel .links{float: left;}
.homepagina .content.mediahometitel .rechts{float: right;}
.homepagina .content.mediahometitel .rechts .btn i{margin-right: 10px;}
.homepagina .content.mediahometitel .rechts .btn{margin-left: 10px;}
.homepagina .background .mediahome{padding: 0px;}
.homepagina .background .mediahome .half{width: 56%;}
.homepagina .background .mediahome .kwart{width: 22%;}
.homepagina .welkombij .welkombijimgcol{text-align: center;}
.homepagina .welkombij .welkombijimg{width: 80%; border-radius: var(--radius-lg);}
.homepagina .welkombij{margin: 130px 0px;}
.homepagina .welkombij .row{align-items: center; display: flex;}
.homepagina .welkombij h2{margin-bottom: 10px;}
.homepagina .welkombij .checklist{margin-bottom: 10px;}
.homepagina .welkombij .checklist i{color: var(--kleur1); margin-right: 10px;}
.homepagina .welkombij .btn{margin-top: 10px;}
.homepagina .reviews{margin: 50px 0px;}
.homepagina .reviews .rowcontainer{display: flex; align-items: center;}
.homepagina .reviews .boventitel p{display: flex; align-items: center; margin-bottom: 20px;}
.homepagina .reviews .boventitel p strong{margin: 0px 3px;}
.homepagina .reviews .boventitel i{color: var(--kleur1); font-size: 18px;}
.homepagina .reviews .allereviews{padding: 16px 64px; margin-top: 10px;}
.homepagina .reviews .review{position: relative; background-color: #fff; border-radius: var(--radius-lg); padding: 50px; margin: 10px -5px;}
.homepagina .reviews .review .cijfer{position: absolute; top: 15px; right: 15px; background-color: var(--kleur2); color: var(--tekstkleur2); padding: 10px; width: 120px; border-radius: var(--radius-md);font-weight: bold; text-align: center;}
.homepagina .reviews .review .sterren i{color: var(--kleur1); font-size: 24px;}
.homepagina .reviews .review p{padding: 30px 0px;}
.homepagina .reviews .review .naam{font-weight: bold;}
.homepagina .reviews .review .broncontainer{display: flex; align-items: center;}
.homepagina .reviews .review .datum{float: right; font-weight: bold; margin-right: -15px;}
.homepagina .content .aanbodblok {margin-top: 100px;}
/*	 AANBODSLIDER 	*/
.aanbod_home_slider_v2 { margin-bottom: 120px; }
.aanbod_home_slider_v2 .item { background-color: #fff; border-radius: var(--radius-md);}
.aanbod_home_slider_v2 .item a, .aanbod_home_slider_v2 .item a:hover { color: inherit; text-decoration: none; }
.aanbod_home_slider_v2 .aanbodfoto { border-radius: var(--radius-sm) var(--radius-sm) 0 0; position: relative; width: 100%; aspect-ratio: 16 / 10; background-size: cover; background-position: center; background-repeat: no-repeat; }
.aanbod_home_slider_v2 .statuslabel { margin-left: -10px; transform: rotate(-90deg) translateX(-50%); transform-origin: left top; top: 50%; border-radius: 0 0 var(--radius-sm) var(--radius-sm); position: absolute; padding: 13px 17px; background-color: #17c653; font-weight: bold; color: #fff; }
.aanbod_home_slider_v2 .statuslabel.kleur1 { background-color: var(--kleur2); }
.aanbod_home_slider_v2 .statuslabel.kleur1 i { display: none; }
.aanbod_home_slider_v2 .energielabel { line-height: 38px; color: #fff; font-weight: bold; position: absolute; right: 15px; top: 15px; padding-left: 20px; width: 62.499px; aspect-ratio: 62.499 / 38.53; background-repeat: no-repeat; background-size: contain; background-position: center; 
background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.499 38.53'>\
<path fill='%23000000' d='M65.5,24.265,50.4,41.191a6.412,6.412,0,0,1-2.472,1.72,8.536,8.536,0,0,1-3.257.619H9.944a7.655,7.655,0,0,1-4.906-1.618A4.814,4.814,0,0,1,3,38.026V10.5A4.826,4.826,0,0,1,5.042,6.616,7.638,7.638,0,0,1,9.944,5H44.666a8.553,8.553,0,0,1,3.257.619A6.378,6.378,0,0,1,50.4,7.339Z' transform='translate(-3 -5)'/>\
</svg>"); 
}
.aanbod_home_slider_v2 .aanbodfoto .prijs {  position: absolute; bottom: 16px; right: 16px; display: flex; flex-direction: row; gap: 12px; color: #fff; z-index: 5; }
.aanbod_home_slider_v2 .aanbodfoto .prijs .prijssoort { padding: 6px 15px; border-radius: var(--radius-sm); color: #fff; font-weight: bold; background-color: var(--kleur1); }
.aanbod_home_slider_v2 .aanbodfoto .prijs .price { padding: 6px 15px; border-radius: var(--radius-sm); color: #fff; font-weight: bold; font-size: 14px; background-color: var(--kleur1); }
.aanbod_home_slider_v2 .aanbod_info { min-height: 167px; padding: 30px; }
.aanbod_home_slider_v2 .aanbod_info p { margin: 0; color: var(--kleur1); }
.aanbod_home_slider_v2 .aanbod_info .titel { height: 31px; color: var(--tekstkleur); margin-bottom: 10px; font-weight: bold;}
.aanbod_home_slider_v2 .aanbod_info .titel.extratitel {font-size: 14px; margin-top: -5px; line-height: 1; max-width: calc(100% - 60px); margin-bottom: 15px;}
.aanbod_home_slider_v2 .aanbod_kenmerken { font-weight: bold; color: var(--kleur2); display: flex; gap: 30px; }
.aanbod_home_slider_v2 .aanbod_kenmerken i { color: #7B7B7B; }
.aanbod_home_slider_v2 .aanbod_info .soort{ margin: 0 0 6px; color: var(--kleur2); font-weight: 700; font-size: 13px;}
.aanbod_home_slider_v2 .aanbod_info .sub{ margin: -15px 0 15px; color: #7B7B7B; font-size: 13px;}
.aanbod_home_slider_v2 .ondericons{ font-weight: bold; color: var(--kleur2); display: flex; gap: 24px;          /* lijkt op je oude spacing */ align-items: center; flex-wrap: wrap;}
.aanbod_home_slider_v2 .ondericons .iconitem{ display: inline-flex; align-items: center; gap: 8px; font-size: 16px;}
.aanbod_home_slider_v2 .ondericons .iconitem i{font-size: 16px;}
.aanbod_home_slider_v2 .ondericons i{ color: #7B7B7B;}
.aanbod_home_slider_v2 .aanbodfoto .prijs .price{ white-space: nowrap;}
.content.aanbodblok .aanbod-controls{ display: flex; gap: 14px; flex-wrap: wrap; margin: 10px 0 18px;}
.content.aanbodblok .aanbod-control{ display: flex; flex-direction: column; gap: 6px;}
.content.aanbodblok .aanbod-control.search{ flex: 1 1 320px;}
.content.aanbodblok .aanbod-control.select{ flex: 0 0 180px;}
.content.aanbodblok .aanbod-control label{ font-size: 12px; font-weight: 700; color: #7B7B7B; margin: 0;}
.content.aanbodblok .aanbod-control input,
.content.aanbodblok .aanbod-control select{ height: 42px; border-radius: 10px; border: 1px solid rgba(0,0,0,.12); padding: 0 12px; font-weight: 600; background: #fff;}
.aanbod_home_slider_v2 .owl-dots{ display: flex; justify-content: center; gap: -1px; margin-top: 18px;}
.aanbod_home_slider_v2 .owl-dot span{ width: 8px; height: 8px; border-radius: 999px; display: block;}
.aanbod_home_slider_v2 .owl-nav{ display: flex; justify-content: center; gap: 12px; margin-top: 14px;}
.aanbod_home_slider_v2 .owl-nav button{width: 40px; height: 40px; border-radius: 999px; border: none; background: #fff; box-shadow: 0 8px 18px rgba(0,0,0,.10);}
.aanbod_home_slider_v2 .owl-nav button i{color: var(--kleur1);}
.aanbod_home_slider_v2 .statuslabel{ transform: none; margin-left: 0; top: 15px; left: 15px; right: auto; bottom: auto; border-radius: var(--radius-sm); padding: 8px 14px; z-index: 6; font-size: 14px;}
.aanbod_home_slider_v2 .energielabel{z-index: 6; font-size: 14px;}
.aanbod_home_slider_v2 .item { height: 100%;}
.aanbod_home_slider_v2 .aanbod_content{ display: flex; flex-direction: column; height: 100%;}
.aanbod_home_slider_v2 .aanbodfoto{ flex: 0 0 auto;}
.aanbod_home_slider_v2 .aanbod_info{ flex: 1 1 auto; min-height: 167px; display: flex; flex-direction: column; justify-content: flex-start;}
.aanbod_home_slider_v2 .owl-stage{ display: flex;}
.aanbod_home_slider_v2 .owl-item{ display: flex;}
.aanbod_home_slider_v2 .owl-item > .item{ display: flex; width: 100%}
.aanbod_home_slider_v2 .owl-item > .item a{ width: 100%}
.aanbod_home_slider_v2 .aanbodfoto{ position: relative; height: 220px; background-size: cover; background-position: center; border-radius: var(--radius-md) var(--radius-md) 0 0;}
.aanbod_home_slider_v2 .item{ height: 100%;}
.aanbod_home_slider_v2 .aanbod_content{ display: flex; flex-direction: column; height: 100%;}
/*	 AANBODSLIDER 	*/
.pagina{padding: 0px 50px; }
.pagina .infobackground{background-color: var(--kleur2); color: var(--tekstkleur2); border-bottom-left-radius: var(--radius-lg); border-bottom-right-radius: var(--radius-lg); padding: 50px 130px 50px; position: relative;}
.pagina .infobackground .links{float: left; display: flex; align-items: flex-end;}
.pagina .infobackground .rechts{float: right;}
.pagina .infobackground .links h5{margin-left: 20px; margin-bottom: 5px; font-weight: 300;}
.pagina .infobackground .posab{position: absolute; right: 130px; top: 0;}
.pagina .infobackground .rechts{display: flex; align-items: flex-start;}
.pagina .infobackground .rechts .status{padding: 10px 32px; border-bottom-left-radius: var(--radius-sm); border-bottom-right-radius: var(--radius-sm); font-weight: bold ;background-color: var(--kleur1); border-color: var(--kleur1); color: var(--tekstkleur1);margin-right: 15px;}
.pagina .infobackground .rechts .status i{margin-right: 10px;}
.pagina .infobackground .rechts .prijs{padding: 10px 32px; border-bottom-left-radius: var(--radius-sm); border-bottom-right-radius: var(--radius-sm); font-weight: bold;background-color: var(--kleur1); border-color: var(--kleur1); color: var(--tekstkleur1);}
.pagina .infobackground .kenmerken{margin-top: 50px; display: flex;}
.pagina .infobackground .kenmerken .links{float: left;}
.pagina .infobackground .kenmerken .rechts{float: right;}
.pagina .infobackground .kenmerken .kenmerkenrow{width: 100%; float: left; display: flex; justify-content: space-between;}
.pagina .infobackground .kenmerken .kenmerkcontainer{padding: 0; font-weight: 300;}
.pagina .infobackground .kenmerken .kenmerkcontainer .kenmerk{font-weight: bold;}
/* mediabar 
.mediabar .feature { padding: 0; }
.mediabar .feature img { border-radius: 15px 0 0 15px; }
.mediabar .matiframe iframe { height:425px; width: 100%; border-radius: 15px 0 0 15px; }
.mediabar .matiframe i { position: absolute; right: 30px; top: 15px; color: #fff; }
.mediabar .allimages { overflow: hidden; padding: 0; padding-left:10px; }
.mediabar .feature img { max-width: 100%; }
.mediabar .allimages .image { width:calc(50% - 10px); float:left; overflow:hidden; }
.mediabar .allimages .image:nth-child(1) { padding:0 10px 10px 0; }
.mediabar .allimages .image:nth-child(2) { border-radius: 0 15px 0 0; padding:0 0 10px 10px; }
.mediabar .allimages .image:nth-child(3) { padding:0 10px 0 0; }
.mediabar .allimages .image:nth-child(4) { border-radius: 0 0 15px 0; padding:0 0 0 10px; }
.mediabar .allimages .image img { min-width: 100%; min-height:100%; max-height:100%; margin:0 auto; }
.mediabar .allimages .morecounter { font-size: 20px; border-radius: 50%; line-height: 70px; color: #fff; width: 70px; height: 70px; text-align: center; font-weight: bold; position: absolute; background-color: rgb(0 0 0 / 60%); }
#frame360 select { padding: 10px; border: 0; background-color: var(--kleur2); font-weight: bold; border-radius: 15px; color: #fff; }
#frame360 select:focus { border: 0; background-color: var(--kleur2) !important; font-weight: bold; color: #fff; }
.popupframe .mfp-close { border-radius: 50%; opacity: 1; background-color: var(--kleur2) !important; width: 30px !important; height: 30px !important; line-height:30px !important;margin-top: -15px; margin-right: calc(5% - 15px); color: #fff !important; }
.popupframe .mfp-content { width: 90%; height: 90%; }
#bag { background-color: #fff; display: block; width: 90%; height: 95%; margin-left: 5%; }
#kadaster { background-color: #fff; display: block; width: 90%; height: 95%; margin-left: 5%; }
.mediabar .knoppenonder { margin-top: 30px; margin-right: 0; }
.mediabar .knoppenonder .btn-media { color: var(--kleur2); font-weight: bold; text-align: center; padding: 0 15px; width: 100%; display: block; background-color: #fff; border:2px var(--kleur2) solid; border-radius: 15px; line-height:40px; }     
.mediabar .knoppenonder .btn-media a { display: block; background-color: #fff; color: var(--kleur2); }
*/
.paginacontainer{padding: 0px 130px;}
.submenu{display: flex;}
.submenu .item{padding: 5px 30px 5px 0px; margin: 15px 30px 15px 0px; border-right: 1px solid var(--grijskleur);font-weight: bold;}
.submenu .item:last-child{border-right: none;}
.submenu .item.actief a{color: var(--kleur1); font-weight: bold;}
.submenucta{display: flex; position: absolute; right: 0px; top: 0px;}
.submenucta .item{padding: 5px 0px 5px 60px; margin: 15px 0px 15px 0px;font-weight: 400;}
.submenucta .item i{margin-right: 10px;}
.submenu .item.actief a{color: var(--kleur1); font-weight: bold;}
.paginatitel{margin-top: 60px;}
.paginatitel h2 span{font-size: 16px; vertical-align: super;}
.pagina .fotos {padding: 0px 15px;}
.pagina .fotos .foto{padding: 5px; height: 325px;}
.pagina .fotos img{width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.4s ease; border-radius: var(--radius-sm);}
/*.pagina .fotos img:hover{transform: scale(1.05);}*/
.pagina .matterport {margin-top: 60px; margin-bottom: 60px;}
.pagina .matterport .col-md-12{text-align: center;}
.pagina .matterport iframe{width: 100%; height: 750px; border-radius: var(--radius-md);}
.pagina .videoscontainer{background-color: var(--grijskleur); border-radius: var(--radius-xl); height: 900px; margin-top: -400px; margin-bottom: -500px; }
.pagina .videos {padding: 0px 15px; height: 500px; }
.pagina .videos .video{padding: 5px; height: 100%;}
.pagina .videos iframe, .videos video{width: 100%; height: 100%; min-height: 400px; object-fit: cover; object-position: center; transition: transform 0.4s ease; border-radius: var(--radius-lg);}
.pagina .plattegronden {padding: 0px 5px;}
.pagina .plattegronden .plattegrond{padding: 0px 5px; margin-bottom: 15px;}
.pagina .plattegronden .plat{margin: 0px 5px; background-color: #fff; text-align: center; border-radius: var(--radius-sm);}
.pagina .plattegronden img{max-height: 300px; object-fit: cover; object-position: center; transition: transform 0.4s ease; border-radius: var(--radius-sm); max-width: 100%;}
.pagina .plattegronden img:hover { cursor: pointer; }
/*.pagina .plattegronden img:hover{transform: scale(1.05);}*/ 
.pagina .plattegronden .titel{font-weight: 300; text-align: center; padding: 10px; }
.knop360{width: 100%; background-color: var(--kleur1); color: var(--tekstkleur1); display: block; margin: 0px 0px 10px; padding: 16px; border-radius: var(--radius-md); text-align: center; font-weight: bold;}
.knop360:hover{background-color: var(--kleur2); color: var(--tekstkleur2);}
#frame360 select { padding: 10px; border: 0; background-color: var(--kleur2); font-weight: bold; border-radius: 15px; color: #fff; }
#frame360 select:focus { border: 0; background-color: var(--kleur2) !important; font-weight: bold; color: #fff; }
.popupframe .mfp-close { border-radius: 50%; opacity: 1; background-color: var(--kleur2) !important; width: 30px !important; height: 30px !important; line-height:30px !important;margin-top: -15px; margin-right: calc(5% - 15px); color: #fff !important; }
.popupframe .mfp-content { width: 90%; height: 90%; }
.pagina .documentenknoppen {margin: 60px 0px;}
.pagina .documentenknoppen .row {display: flex; justify-content: center;}
.pagina .documentenknoppen .achtergrond {background-color: #fff; border-radius: var(--radius-md); padding: 15px 30px; box-shadow: 0px 2px 10px 0px rgba(27, 27, 27, 0.3);}
.pagina .documentenknoppen a{width: 100%;}
.allemedia img{height: 350px;}
.photo-modal{position: fixed; inset: 0; display: none; z-index: 9999;}
.photo-modal{
  opacity: 0;
  transition: opacity .5s ease;
  pointer-events: none;
}
.photo-modal.is-open{
  opacity: 1;
  pointer-events: auto;
}
.photo-modal__backdrop{position: absolute; inset: 0; background: rgba(240,240,240, 0.9);}
.photo-modal__content{position: relative; width: 100%; height: 96vh; margin: 1vh auto; display: flex; align-items: center; justify-content: center; top: calc(50% - 49vh);}
.photo-modal__img{height: 100%; object-fit: contain; background: transparent; border-radius: var(--radius-sm);}
.photo-modal__close { position: absolute; top: 0px; right: 10px; line-height: 1; background: var(--kleur2); color: var(--tekstkleur2); border: 0; border-radius: var(--radius-sm); padding: 10px 15px; cursor: pointer; text-align: center;} 
.photo-modal__close i{pointer-events: none; font-size: 20px; font-weight: 400;}
.photo-modal__nav{position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; border: 0; border-radius: var(--radius-md); background: var(--kleur1); color: var(--tekstkleur1); font-size: 34px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.photo-modal__nav i{pointer-events: none; font-size: 20px; font-weight: 400;}
.photo-modal__nav--left{left: 10px;}
.photo-modal__nav--right{right: 10px;}
.photo-modal__counter{position:absolute; top:0px; left:10px; padding:10px 15px; border-radius:var(--radius-sm); background: var(--kleur2); color: var(--tekstkleur2); min-width: 100px; text-align: center;}
.grecaptcha-badge{display: none;}
.homepagina .template_sneak_form{margin: 0px 145px;}
.homepagina .template_sneak_form .equal-height{background-color: var(--grijskleur); border-radius: var(--radius-lg);}
.homepagina .template_sneak_form .sneakform .col1 {padding: 30px;}
.homepagina .template_sneak_form .sneakform .col2 {padding: 30px;}
.homepagina .template_sneak_form .sneakform .col2 p.psmall{font-style: italic; opacity: 0.5; font-size: 12px}
.overonspagina{margin-top: 50px;}
.pagina.overonspagina{padding-bottom: 50px;}
.overonspagina .begin{margin-bottom: 50px;}
.overonspagina .begin h1{text-align: center; font-weight: 300;}
.overonspagina .begin h2{text-align: center; font-weight: bold; margin-bottom: 10px;}
.overonspagina .begin span{color: var(--kleur2);}
.overonspagina .begin p{text-align: center; font-weight: 400;}
.overonspagina .header{align-items: center; display: flex; padding-top: 50px; padding-bottom: 50px;}
.overonspagina .headerimg{width: 90%; border-radius: var(--radius-lg);}
.overonspagina .header h4{font-weight: 300; margin-bottom: 10px;}
.overonspagina .header h2{font-weight: bold; margin-bottom: 20px;}
.overonspagina .header p{text-align: justify; margin-bottom: 30px;}
.overonspagina .header .checklist{margin-bottom: 10px;}
.overonspagina .header .checklist i{color: var(--kleur1); margin-right: 10px;}
.overonspagina .header .btn{margin-top: 20px;}
.overonspagina .headerimgcol{text-align: right; position: relative;}
.overonspagina .headerimgcol .logo{width: 250px; height: 250px; background-color: #fff; border-radius: 50%; position: absolute; top: -50px; left: 0px; text-align: center; align-content: center; box-shadow: 0px 2px 4px 0px rgba(27, 27, 27, 0.3);}
.overonspagina .headerimgcol .logo img{padding: 30px;}
.overonspagina .kenmerken{display: flex; justify-content: center; margin-top: 100px; margin-bottom: 100px;}
.overonspagina .kenmerken .col-md-2{padding: 0;}
.overonspagina .kenmerken h2{color: var(--kleur1); font-weight: bold; margin-bottom: 0px;}
.overonspagina .kenmerken p{font-weight: 300;}
.overonspagina .sneakcta{color: var(--tekstkleur1); background-color: var(--kleur1); border-radius: var(--radius-lg); padding: 50px 100px;; text-align: center;}
.overonspagina .sneakcta h2{color: var(--tekstkleur1); font-weight: bold;}
.overons-headers{text-align: center; margin-top: 120px;}
.overons-headers p i{color: var(--kleur1);}
.reviewslider_full a { text-decoration: none; color: inherit; }
.reviewslider_full a:hover { text-decoration: none; }
.reviewcontainer { padding: 50px;  position: relative; border-radius: var(--radius-lg); background-color: #fff; }
.reviewcontainer .cijfer { line-height: 60px; font-weight: bold; width:108px; text-align: center; background-color: var(--kleur2); color: #fff; position: absolute; top: 10px; right: 10px; border-radius: var(--radius-md); }
.reviewcontainer .mtmosterren { margin-bottom: 25px; color: var(--kleur1); } 
.reviewcontainer .tekst { height: 88px; line-height: 22px; overflow: hidden; } 
.reviewcontainer .onder { margin-top: 30px; display: inline-flex; } 
.reviewcontainer .onder .logo { width: 130px; margin-right: 20px; display: inline-block; } 
.reviewcontainer .onder .logo img { background-color: var(--grijskleur); width: 130px; border-radius: var(--radius-md); } 
.reviewcontainer .onder .info { width: calc(100% - 150px); height: 45px; overflow: hidden; } 
.reviewcontainer .onder .info b { height: 25px; display: block; overflow: hidden; } 
/* owl slider */
.owl-carousel { position: relative; }
.owl-carousel .owl-nav, .owl-carousel .owl-dots { display: inline-flex; align-items: center; }
.owl-carousel .owl-nav { position: absolute; bottom: -80px; }
.owl-carousel .owl-dots { position: absolute; bottom: -60px; }
.owl-carousel .owl-nav { left: 50%; transform: translateX(-50%); gap: 100px; box-shadow: 0px 2px 4px 0px rgba(27, 27, 27, 0.3); background-color: #fff; padding: 10px; border-radius: 50px; }
.owl-carousel .owl-dots { left: 50%; transform: translateX(-50%); }
.owl-carousel .owl-nav button { color: #fff; background-color: var(--kleur1) !important; border-radius: 50% !important; width: 26px; height: 26px; text-align: center; line-height: 26px; }
.owl-carousel .owl-nav button i { color: #fff; }
.owl-carousel .owl-dot span { background: var(--tekstkleur) !important; opacity: 0.25 !important;  width: 11px !important; height: 11px !important; margin: 2px !important; }
.owl-carousel .owl-dot.active span, .owl-carousel .owl-dot:hover span { opacity: 1 !important; background: #000 !important; }
/* owl slider */
.reviewslider_full { margin-bottom: 60px; }
.reviewpagina{margin-top: 50px;}
.reviewpagina h1{text-align: center; font-weight: 300; margin-bottom: 20px;}
.reviewpagina h2{text-align: center; font-weight: bold; margin-bottom: 20px;}
.reviewpagina span{color: var(--kleur2);}
.reviewpagina p{text-align: center; font-weight: 400;}
.contactpagina.headers{margin-top: 50px;}
.contactpagina.headers h1{text-align: center; font-weight: 300; margin-bottom: 20px;}
.contactpagina.headers h2{text-align: center; font-weight: bold; margin-bottom: 20px;}
.contactpagina.headers span{color: var(--kleur2);}
.contactpagina.headers p{text-align: center; font-weight: 400;}
.contactpagina.content{margin-top: 60px;}
.contactpagina.content h2{margin-bottom: 20px;}
.contactpagina.content .cardbutton{padding: 10px;}
.contactpagina.content .contactcard{background-color: #fff; box-shadow: 0px 2px 4px 0px rgba(27, 27, 27, 0.3); border-radius: var(--radius-md); padding: 30px 50px;}
.contactpagina.content .contactcard .middle{display: flex; align-items: center;}
.contactpagina.content .contactcard i{color: var(--kleur2); font-size: 28px;}
.contactpagina.content .contactcard h5{color: var(--tekstkleur); font-weight: bold;}
.contactpagina.content .contactcard p{color: var(--tekstkleur); font-weight: 300;}
.contactpagina.content .contactcard .websitetekst h5{margin-right: 20px;}
.contactpagina.content .contactcard .websitetekst p{padding-top: 3px;}
.contactpagina.content .contactcard:hover{background-color: var(--kleur2)}
.contactpagina.content .contactcard:hover i{color: var(--tekstkleur2);}
.contactpagina.content .contactcard:hover h5{color: var(--tekstkleur2);}
.contactpagina.content .contactcard:hover p{color: var(--tekstkleur2);}
.contactpagina.content .reviewtekst{float: left; margin-top: 50px;}
.contactpagina.content .reviewknop{float: right; margin-top: 50px; font-weight: bold;}
.contactpagina.content .reviewtekst i{color: var(--kleur1);}
.contactpagina.content .contactinfocon{margin-bottom: 50px;}
.contactpagina.content .contactinfocon h2{font-weight: bold; margin-bottom: 30px;}
.contactpagina.content .contactinfocon .form-control{padding: 32px 24px; margin-bottom: 10px; border: none;}
.contactpagina.content .contactinfocon .textrightcontact{font-size: 10px; padding-left: 15px;}
.contactpagina.content .contactknoppen{padding-right: 100px;}
.contactpagina.content .contactknoppen p{margin-bottom: 15px; margin-top: 15px;}
.contactpagina.content .contactmap{margin-top: 50px; margin-bottom: 50px;}
.contactpagina .content.mapcontainer .map{height: 450px; margin-top: 60px; margin-bottom: 100px; position: relative; overflow: hidden;}
.contactpagina .content.mapcontainer .map iframe{border-radius: var(--radius-lg);}
.contactpagina .content.mapcontainer .map .map-overlay{position:absolute;right:40px;top:40px;max-width:420px;padding:32px 80px 24px 40px; border-radius:18px;background:rgba(60,60,60,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(0,0,0,.25);color:#fff;}
.contactpagina .content.mapcontainer .map .map-overlay__title{font-size:38px;line-height:1.05;font-weight:800;margin:0 0 14px;}
.contactpagina .content.mapcontainer .map .map-overlay__btn{display:inline-block;padding:14px 18px;border-radius:10px;background: var(--kleur1); color:#fff;text-decoration:none;font-weight:bold; font-size: 16px; margin-top: 30px; margin-bottom: 10px;}
.contactpagina .content.mapcontainer .map .map-overlay__btn:hover{filter:brightness(.95);}
.gm-style .place-card-large { display: none!important;}
.contactpagina .content.mapcontainer .map iframe{position:relative;z-index:1;}
.contactpagina .content.mapcontainer .map .map-overlay{position:absolute;z-index:5;}
.contactpagina .content.mapcontainer .map .map-overlay__line1{font-size:25px;font-weight:bold;line-height:1.3;margin:0 0 6px;}
.contactpagina .content.mapcontainer .map .map-overlay__line2{font-size:20px;line-height:1.3;margin:0;opacity:.95;}
.mtmo_widget_2{ display: none; }
.bodpagina{margin-top: 50px;}
.bod-hero{margin-bottom: 50px;}
.bod-hero .bod-adreslabel{text-align: center; font-weight: 300; opacity: 1; margin-bottom: 20px;}
.bod-hero h1{text-align: center; font-weight: bold; margin-bottom: 20px;}
.bod-hero h1 span{color: var(--kleur2);}
.bod-hero p{text-align: center; font-weight: 400; max-width: none; opacity: 1; margin: 0;}
.bod-grid{margin-top: 20px; margin-bottom: 40px;}
.bod-card{background: var(--grijskleur); border-radius: 14px; padding: 45px; box-shadow: 0 10px 30px rgba(0,0,0,.06);}
.bod-card h5{font-weight: 800; margin: 0 0 14px;}
.bod-label{display: block; font-weight: 700; opacity: .75; margin: 10px 0 6px;}
.bod-card input[type="text"], .bod-card input[type="email"], .bod-card input[type="date"], .bod-card input[type="datetime-local"], .bod-card select, .bod-card textarea{width: 100%; border: 1px solid #eee; background: #fafafa; border-radius: 8px; padding: 12px 12px; height: 44px; outline: none;}
.bod-card textarea{height: auto; min-height: 110px; padding: 12px;}
.bod-card input:focus, .bod-card select:focus, .bod-card textarea:focus{border-color: rgba(0,0,0,.15); background: #fff;}
.bod-inputgroup{display: flex; align-items: stretch;}
.bod-inputgroup .prefix{display: inline-flex; align-items: center; padding: 0 14px; border: 2px solid var(--kleur1); border-right: 0; border-radius: 24px 0 0 24px; background: #fff; font-weight: 800; height: 54px;}
.bod-inputgroup input.numericbod{border: 2px solid var(--kleur1) !important; border-left: 0 !important; border-radius: 0 24px 24px 0 !important; height: 54px !important; background: #fff !important;}
.bod-radio-row{display: flex; flex-wrap: wrap; gap: 18px; align-items: center; margin-top: 10px;}
.bod-radio-row label{margin: 0 40px 0 6px;}
.bod-card input[type="radio"]{accent-color: var(--kleur1);}
.bod-divider{height: 1px; background: var(--grijskleur); margin: 18px 0;}
.bod-section{margin-top: 18px;}
.bod-sticky{position: sticky; top: 110px;}
.bod-card .bod-label{display:none;}
.bod-card .row{margin-left: -8px; margin-right: -8px;}
.bod-card [class^="col-"]{padding-left: 8px; padding-right: 8px;}
.bod-card input[type="text"], .bod-card input[type="email"], .bod-card input[type="date"], .bod-card input[type="datetime-local"], .bod-card select, .bod-card textarea{margin-bottom: 12px;}
.bod-card select{color: rgba(0,0,0,.55);}
.bod-card select:not(:has(option[value=""]:checked)){color: var(--tekstkleur);}
.bod-card .particulier{display:none;}
.bod-card .aankoopmakelaar{display:none;}
.textrightcontact {font-size: 10px;}
/*
.bod-woningcard{background:#fff; border-radius:14px; padding:0; box-shadow:0 10px 30px rgba(0,0,0,.06); overflow:hidden;}
.bod-woningfoto{position:relative; border-radius:14px; overflow:hidden;}
.bod-woningfoto img{width:100%; height:240px; object-fit:cover; display:block;}
.bod-statuslabel{position:absolute; left:14px; top:50%; transform:translateY(-50%) rotate(-90deg); background:#22a000; color: #fff; font-size:12px; font-weight:700; padding:10px 14px; border-radius:10px; letter-spacing:.2px;}
.bod-fotobutton{position:absolute; top:12px; right:12px; width:34px; height:34px; border-radius:10px; background:#111; color: #fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px; opacity:.95;}
.bod-prijsbadge{position:absolute; right:12px; bottom:12px; background:#f47b20; color: #fff; font-weight:800; font-size:12px; padding:8px 10px; border-radius:10px;}
.bod-woninginfo{padding:16px 16px 18px;}
.bod-objecttype{font-size:11px; font-weight:700; color: #2b58ff; margin-bottom:4px;}
.bod-straat{font-size:18px; font-weight:800; line-height:1.15; margin-bottom:6px;}
.bod-postcode{font-size:12px; opacity:.75; margin-bottom:12px;}
.bod-kenmerken{display:flex; gap:18px; align-items:center; padding:10px 0 12px; border-top:1px solid rgba(0,0,0,.06); border-bottom:1px solid rgba(0,0,0,.06);}
.bod-kenmerk{display:flex; align-items:center; gap:8px; font-size:12px; font-weight:700; color: #2b58ff;}
.bod-kenmerk i{color:rgba(0,0,0,.6); font-size:14px;}
.bod-lijn{height:1px; background:rgba(0,0,0,.06); margin:14px 0;}
.bod-help{text-align:center; font-size:12px; opacity:.7; margin-bottom:6px;}
.bod-kantoor{text-align:center; font-size:14px; font-weight:800; margin-bottom:10px;}
.bod-contact{display:flex; align-items:center; justify-content:center; gap:10px; font-size:12px; margin-bottom:6px;}
.bod-contact i{color:var(--kleur1);}
.bod-contact a{color:var(--tekstkleur); text-decoration:none;}
.bod-contact a:hover{color:var(--kleur1);}
.bod-reviewrow{display:flex; align-items:center; justify-content:center; gap:10px; margin-top:10px;}
.bod-stars i{color:var(--kleur1); font-size:12px; margin-right:2px;}
.bod-reviewtext{font-size:11px; opacity:.75;}
 */
.paginacontainer.kaartencontainer{background-color: var(--grijskleur); padding-top: 30px; padding-bottom: 30px; border-radius: var(--radius-lg); margin-bottom: 60px;}
@media (min-width: 992px){
  .bod-grid{display:flex; justify-content:center; gap:44px;}
  .bod-grid > .col-lg-7{flex:1 1 auto; max-width: none;}
  .bod-grid > .col-lg-5{flex:0 0 430px; max-width:430px; padding-left:0; padding-right:0;}
}
/* Woningblok in bodform begin */
.woning-media{position:relative; width:100%; height:190px; background:var(--grijskleur);}
.woning-card{background:#fff; border-radius:14px; box-shadow:0 10px 30px rgba(0,0,0,.06); overflow:hidden; margin-left: 40px;}
.woning-media{position:relative; width:100%; height:auto; background:var(--grijskleur);}
.woning-media img{width:100%; height:100%; object-fit:cover; display:block;}
.woning-status{position:absolute; left:12px; top:12px; transform:none; background:#27ae60; color: #fff; padding:8px 12px; border-radius:10px; font-size:13px; font-weight:700;}
.woning-prijs{position:absolute; right:12px; bottom:12px; background:var(--kleur1); color: #fff; padding:10px 14px; border-radius:6px; font-size:13px; font-weight:800;}
.woning-body{padding:14px 16px 16px;}
.woning-type{font-size:11px; font-weight:700; color: var(--kleur2); margin-bottom:6px;}
.woning-titel{font-size:16px; font-weight:900; line-height:1.2; margin-bottom:4px;}
.woning-sub{font-size:12px; opacity:.7; margin-bottom:10px;}
.woning-icons{display:flex; gap:18px; padding:8px 0 10px;}
.woning-icon{display:flex; align-items:center; gap:8px; font-size:12px; color: var(--kleur2); font-weight:700;}
.woning-sep{height:1px; background:#eee; margin:8px 0 12px;}
.woning-contact-top{text-align:center; font-size:12px; opacity:.65; margin-bottom:6px;}
.woning-contact-naam{text-align:center; font-size:14px; font-weight:900; margin-bottom:10px;}
.woning-contact{text-align:center; font-size:12px; line-height:1.8;}
.woning-contact a{color: var(--kleur2); font-weight:700; text-decoration:none;}
.woning-contact a:hover{color:var(--kleur1);}
.woning-media{position:relative; overflow:hidden; border-radius:14px 14px 0 0;}
.woning-media img{width:100%; height:auto; display:block;}
.woning-status{ position:absolute; top:14px; left:14px; z-index:2; padding:10px 14px; border-radius:6px; font-weight:800; font-size:13px; line-height:1; display:flex; align-items:center; gap:8px; box-shadow:0 10px 20px rgba(0,0,0,.12); }
.woning-status i, .woning-status svg{font-size:13px; width:14px; height:14px;}
.woning-media { position: relative; }
.woning-energielabel { position: absolute; top: 14px; right: 21px; background: #111; color: #fff; height: 34px; min-width: 44px; padding: 0 12px; border-radius: 6px; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14px; line-height: 1; z-index: 6; }
.woning-energielabel::after { content: ""; position: absolute; top: 50%; right: -10px; transform: translateY(-50%); width: 0; height: 30px; border-left: 12px solid #111; border-top: 14px solid transparent; border-bottom: 14px solid transparent; }
.woning-energielabel::before { content: ""; position: absolute; top: 50%; right: -1px; transform: translateY(-50%); width: 12px; height: 26px; background: #111; border-radius: 0 12px 12px 0; }
.bod-subtitle { font-weight: 800; margin-bottom: 8px; }
.bod-radio-list { display: flex; flex-direction: column; gap: 14px; }
.bod-radio-option { display: flex; align-items: flex-start; gap: 12px; }
.bod-radio-option input[type="radio"] { margin-top: 4px; flex: 0 0 auto; }
.bod-radio-option label { margin: 0; font-weight: 400; line-height: 1.45; }
.titels_radio {margin-bottom: -20px;}
.bod-submit-row { display: flex; align-items: center; gap: 28px; margin-top: 10px; }
.bod-submit-btn { padding-left: 50px; padding-right: 50px; margin-top: 0 !important; flex: 0 0 auto; }
.bod-submit-text { font-size: 12px; line-height: 1.4; max-width: 520px; margin: 0; }
.bod-submit-text a { color: var(--kleur2); text-decoration: none; }
.bod-submit-text a:hover { text-decoration: underline; }
.woning-body { padding: 18px 18px 20px 18px; }
.woning-type { color: var(--kleur1); font-weight: 700; font-size: 13px; margin: 0 0 6px 0; }
.woning-titel { font-size: 20px; font-weight: 800; margin: 0 0 4px 0; color: var(--tekstkleur); }
.woning-sub { font-size: 13px; opacity: .75; margin: 0 0 12px 0; }
.woning-icons { display: flex; gap: 26px; align-items: center; margin: 0 0 14px 0; }
.woning-icon { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; font-size: 14px; }
.woning-icon i { color: #7B7B7B; font-size: 16px; width: 18px; text-align: center; }
.woning-icon span { color: var(--kleur2); }
.woning-sep { height: 1px; background: rgba(0,0,0,.08); margin: 14px 0 25px 0; }
.woning-contact-top { text-align: center; opacity: .7; margin: 0 0 6px 0; }
.woning-contact-naam { text-align: center; font-size: 20px; font-weight: 900; margin: 0 0 10px 0; color: var(--tekstkleur); }
.woning-contact { display: flex; flex-direction: column; gap: 6px; align-items: center; }
.woning-contact-item { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; }
.woning-contact-item i { color: var(--kleur2); width: 16px; text-align: center; }
.woning-contact-item a { color: var(--kleur2); text-decoration: none; }
.woning-woonhuistype {color: var(--kleur2); font-size: 14px; font-weight: 700; margin-bottom: 5px;}
.woning-rating { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:24px; flex-wrap:wrap; text-align:center; }
.woning-stars { display:inline-flex; align-items:center; gap:3px; line-height:1; }
.woning-stars .fa-solid { color:var(--kleur1); font-size:14px; }
.woning-stars .fa-regular { color:rgba(0,0,0,.25); font-size:14px; }
.woning-rating-text { font-size:13px; color: var(--tekstkleur); line-height:1.2; }
.woning-rating-score { font-weight:800; color: var(--tekstkleur); }
.woning-rating-count { font-weight:800; color: var(--tekstkleur); }
.thankyou-wrap{ max-width: 800px; margin: 80px auto 80px auto; padding: 0 16px; box-shadow: 0px 2px 10px 0px rgba(27, 27, 27, 0.3); border-radius: var(--radius-md);}
.thankyou-hero{ padding: 28px 26px; display:flex; gap:18px; align-items:flex-start;}
.thankyou-icon{ font-size: 40px; display:flex; align-items:center; justify-content:center; flex: 0 0 auto; color:var(--kleur1);}
.thankyou-title{ margin:0; font-size: 28px; line-height: 1.2; font-weight: 800; color: var(--tekstkleur);}
.thankyou-sub{ margin:6px 0 0 0; color: var(--tekstkleur);}
.thankyou-card{ background:#fff; border-radius: 18px; box-shadow: 0 10px 35px rgba(0,0,0,.06); border: 1px solid rgba(0,0,0,.06); padding: 20px;}
.thankyou-card h4{ margin:0 0 12px 0; font-weight: 800; color: var(--tekstkleur);}
.thankyou-note { font-size: 14px;}
/* Woningblok in bodform eind */
.nearby-map-shell{ position:relative; width:100%; height:600px; border-radius:16px; overflow:hidden; background:#e9eef3;}
.nearby-layer{ position:absolute; inset:0; display:none;}
.nearby-layer.is-active{ display:block; }
#map, #streetviewPano , #zonnemap{ width:100%; height:100%;}
#map{
  height: 100% !important;
}
.nearby-panel{ position:absolute; top:18px; left:18px; width:min(360px, calc(100% - 36px)); background:rgba(22, 35, 40, 0.55); backdrop-filter: blur(6px); border-radius:14px; padding:14px; color: #fff;}
.nearby-panel select{ width:100%; border:0; border-radius:999px; padding:10px 14px; outline:none;}
.nearby-list{ margin-top:12px; max-height:270px; overflow:auto; padding-right:6px;}
.nearby-switch{ position:absolute; left:18px; bottom:18px; display:flex; gap:10px; padding:10px; background:#fff; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.15); z-index: 99;}
.nearby-btn{ border:0; background:var(--grijskleur); border-radius:10px; width:120px; height:72px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:6px; cursor:pointer; color: #7B7B7B; text-align:center;}
.nearby-btn + .nearby-btn{ border-left:0 !important;}
.nearby-ico{ font-size:18px; line-height:1;}
.nearby-label{ font-size:12px; line-height:1.1; font-weight:600;}
.nearby-btn.is-active{ background:var(--kleur1); color: #fff;}
.nearby-btn:not(.is-active):hover{ background:#eaeaea;}
.nearby-panel--voorzieningen select {
  background: #fff !important;
  color: var(--tekstkleur) !important;
  border: 1px solid #ddd;
}
.nearby-panel--voorzieningen select option {
  background: #fff !important;
  color: var(--tekstkleur) !important;
}
.zonne-control{ position:absolute; top:18px; left:18px; width:min(360px, calc(100% - 36px)); background:rgba(20, 20, 20, 0.35); backdrop-filter: blur(6px); border-radius:14px; padding:14px; color: #fff;}
.zonne-control .sliderdiv{ margin:10px 0; }
.zonne-control input[type="range"]{ width:100%; }
.buurtstats-wrap{ padding:70px 0 40px;}
.buurtstatistieken-title{ text-align:center; font-weight:800; margin-bottom:40px;}
.buurtstats-tabs{ width:min(560px, 100%); margin:0 auto 26px; background: #e9e9e9;       /* net iets warmer/grijzer zoals wireframe */ border-radius:8px; padding:10px; display:flex; gap:10px;}
.buurtstats-tab{ flex:1; border:0; background:transparent; height:40px; border-radius:6px; font-weight:700; cursor:pointer;}
.buurtstats-tab.is-active{ background: var(--kleur1); color: var(--tekstkleur1);}
.buurtstats-panel{ display:none; }
.buurtstats-panel.is-active{ display:block; }
.buurtstats-box{ margin-top: 60px; margin-bottom: 60px; background:#fff; border-radius:14px; padding:50px 55px 55px; box-shadow:0 10px 30px rgba(0,0,0,.08); height: 465px;}
.buurtstats-cardtitle{ text-align:center; margin-bottom:26px;}
.buurtstats-grid{ display:grid; grid-template-columns:1fr 1fr; gap:100px;}
.bs-row{ display:grid; grid-template-columns: 1fr 1.4fr; align-items:center; padding:10px 0;}
.bs-label{opacity: 0.8;}
.bs-meter{ display:flex; align-items:center; gap:14px;}
.bs-bar{ flex:1; height:10px; background:#f1f1f1; border-radius:999px; overflow:hidden;}
.bs-bar > span{ display:block; height:100%; background:var(--kleur1); border-radius:999px;}
.bs-value{ min-width:56px; text-align:right; font-weight:800;}
.afbeeldingenbuurt{ margin-top:30px; margin-bottom:30px;}
.afbeeldingenbuurt .col-md-6{ display:flex;}
.afbeeldingenbuurt .col-md-6 img{ width:100%; height:100%; object-fit:cover; border-radius:14px; display:block;}
.indebuurt .kenmerken{display: flex; justify-content: center;}
.indebuurt .kenmerken .col-md-2{padding: 0;}
.indebuurt .kenmerken p{font-weight: 300;}
.indebuurt .sneakcta{color: var(--tekstkleur1); background-color: var(--kleur1); border-radius: var(--radius-lg); padding: 50px 100px;; text-align: center; margin-top: 60px; margin-bottom: 30px;}
.indebuurt .sneakcta h2{color: var(--tekstkleur1); font-weight: bold;}
.adrestitel { font-weight: bold; }
.adrestitel span { font-weight: normal; }
.resultItemAddress { font-size: 0.8em; }
.helpengraag .helpengraagimgcol{text-align: center;}
.helpengraag .welkombijimg{width: 80%; border-radius: var(--radius-lg);}
.helpengraag{margin: 100px 0px; padding: 0px 130px;}
.helpengraag .row{align-items: center; display: flex;}
.helpengraag h2{margin-bottom: 10px;}
.helpengraag .contactitem{margin-bottom: 10px;}
.helpengraag .contactitem i{color: var(--kleur1); margin-right: 10px;}
.helpengraag .btn{margin-top: 10px;}
.helpengraag-contact { font-weight: bold; color: var(--tekstkleur);}
.bezightiginghelpenbtn .fa-angle-right{font-size: 10px; position: absolute; top: 21px; margin-left: 4px;}
.nearby-panel--voorzieningen{ position:absolute; top:20px; left:20px; width:320px; max-width: calc(100% - 40px); background: rgba(60, 60, 60, .55); backdrop-filter: blur(12px); padding:14px; border-radius:16px; z-index: 5;}
.nearby-panel--voorzieningen select{ background:#fff !important; color: var(--tekstkleur) !important;}
#mapResults{ margin-top:12px; max-height: 320px; overflow:auto;}
#mapResults .resultItem{ padding:10px 6px; border-bottom: 1px solid rgba(255,255,255,0.15); cursor:pointer; color: #fff;}
#mapResults .resultTitle{ line-height: 1.25;}
#mapResults .resultSub{ opacity: .9; margin-top: 2px;}
.center-content{display: flex; justify-content: center;}
.aizoekbalk .zoekbalkpagina{width: 100%; padding: 0px; position: relative;}
.aizoekbalk #zoekInput{padding: 20px 75px 20px 20px; width: 100%; border: none; box-shadow: 0px 2px 4px 0px rgba(27, 27, 27, 0.3); border-radius: var(--radius-sm);}
.aizoekbalk #zoekInput2{padding: 14px 20px 14px 75px; width: 100%; border: none; border-radius: var(--radius-sm); background: #FAFAFA; border: var(--grijskleur) 3px solid;}
.aizoekbalk #zoekBtn{position: absolute; right: 20px; top: 10px; border-radius: 50%; box-shadow: 0px 2px 4px 0px rgba(27, 27, 27, 0.3); background-color: #fff; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border: none;}
.aizoekbalk #zoekBtn2{position: absolute; left: 10px; top: 7px; border-radius: 50%; box-shadow: 0px 2px 4px 0px rgba(27, 27, 27, 0.3); background-color: #fff; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border: none;}
#chatOverlay .zoekbalkpagina{width: 100%; background-color: #fff; padding: 0px; position: relative;}
#chatOverlay #chatInput{padding: 20px 75px 20px 20px; width: 100%; border: none; box-shadow: 0px 2px 4px 0px rgba(27, 27, 27, 0.3); border-radius: var(--radius-sm); border: none;}
#chatOverlay #sendBtn{position: absolute; right: 20px; top: 10px; border-radius: 50%; box-shadow: 0px 2px 4px 0px rgba(27, 27, 27, 0.3); background-color: #fff; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border: none; color: var(--kleur1);}
#chatOverlay .chat-header{background-color: var(--kleur2); color: var(--tekstkleur2); padding: 20px;}
#chatOverlay .chat-header .row{display: flex; align-items: center; position: relative;}
#chatOverlay .chat-header .col-md-2{width: 70px;}
#chatOverlay .chat-header .logo{width: 60px; height: 60px; padding: 10px; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
#chatOverlay .chat-header img{width: 100%;}
#chatOverlay .chat-header .col-md-10{font-weight: 300; line-height: 1.2;}
#chatOverlay .chat-header .col-md-10 .fa-circle{font-size: 10px; position: absolute; color: #17c653; margin-left: 3px;}
#chatOverlay .chat-header #chatClose{background: none; border: none; position: absolute; top: -13px; right: 0;}
#chatOverlay .chat-modal .center{text-align: center; font-weight: bold; padding: 15px; background-color: #FAFAFA;}
.chat-overlay {position: fixed; inset: 0; background: rgba(0, 0, 0, .45); z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 16px;}
#chatOverlay .chat-modal {width: min(900px, 100%); height: min(90vh, 1080px); background: #fff; border-radius: 14px; overflow: hidden; display: flex; flex-direction: column;}
#chatOverlay .chat-body {flex: 1; overflow: auto; background: #fafafa; padding: 0 20px 20px 20px;}
#chatOverlay .chat-footer {gap: 8px; padding: 20px 20px 0 20px; border-top: 1px solid #eee; background: #fff;}
#chatOverlay .bubble {max-width: 75%; padding: 20px 40px; border-radius: var(--radius-md); margin: 0 0 16px; white-space: pre-wrap; word-break: break-word;}
#chatOverlay .user {margin-left: auto; background: var(--kleur2light); border-bottom-right-radius: 0px; color: var(--tekstkleur2light);}
#chatOverlay .answer {margin-right: auto; background: var(--kleur1light); border-bottom-left-radius: 0px; color: var(--tekstkleur1light);}
#chatOverlay .typing {opacity: .7; font-style: italic;}
#chatOverlay .verticalcenter{display: flex; align-items: center; color: #7B7B7B; font-size: 10px; padding-top: 20px; padding-bottom: 20px;}
.pagina .template_sneak_form{margin: 0px 145px;}
.contact-doorlink {margin-left: 52px;}
.showmob { display: none!important; }
/* Medewerkers */
.medewerkers_row { justify-content: center; display: flex; margin-top: 15px; margin-bottom: 120px; flex-wrap: wrap;}
.mwfotos{ padding: 18px 36px; margin: 10px 0; display: flex; gap: 36px; min-height: 280px;align-items: center; background-color: #fff; border-radius: var(--radius-lg); box-shadow: 0px 2px 4px 0px rgba(27, 27, 27, 0.3);}
.mwfotos__photo{ width: 230px; height: 230px; border-radius: 10px; overflow: hidden; flex: 0 0 230px; background: #f2f2f2;}
.mwfotos__photo img{ width: 100%; height: 100%; object-fit: cover; display: block;}
.mwfotos__info{ flex: 1 1 auto; min-width: 0;}
.mwfotos__name{ font-weight: bold; font-size: 20px; line-height: 1.2; margin-bottom: 4px;}
.mwfotos__role{ color: var(--kleur2);  font-weight: 700; font-size: 16px; margin-bottom: 10px;}
.mwfotos__contacts{ display: flex; flex-direction: column; gap: 15px;}
.mwfotos__link{ color: #1a1a1a; text-decoration: none; font-weight: 600; font-size: 16px; display: inline-flex; align-items: center; gap: 14px;}
.mwfotos__link:hover{ text-decoration: underline;}
.mwfotos__icon{ width: 18px; display: inline-flex; justify-content: center;}
/* ==========================
MOBILE RESPONSIVE BEGIN
========================== */



/* vergelijkbaar */
.verglcon .pagination { text-align:center; margin-top:30px; clear:both; width:100%; float:none; display:block; }
.verglcon .pagination a { cursor:pointer; text-decoration:none; border:1px var(--kleur1) solid; border-radius:5px; margin-left:5px; margin-right:5px; }
.verglcon .pagination a:hover { text-decoration:none; }
.verglcon .pagination .nav { background-color:var(--kleur1); border-color:var(--kleur1); display:inline-block; width:30px; height:30px; line-height:30px; font-size:18px; color:#FFF; }
.verglcon .pagination .nav.disabled { opacity:0.3; cursor:auto; }
.verglcon .pagination .page { margin-bottom: 10px; display:inline-block; width:30px; height:30px; line-height:30px; font-size:18px; color:var(--kleur1); background-color: #fff; }
.verglcon .pagination .page.current { background-color:var(--kleur2); border-color:var(--kleur2); color: #FFF; }
.verglcon .filters .dropdowns { text-align: right; }
.verglcon .filters .btn { padding: 10px 20px; background: none; border: 0; color: var(--tekstkleur); }
.verglcon .filters .dropdown-menu { min-width: 180px; padding: 5px; }
.verglcon .filters .dropdown-menu button { text-align: left; padding: 5px 0; border: 0; background: none; display: block; }
.verglcon .filters .dropdown-menu button.actief { font-weight: bold; }
.verglcon .filters .dropdown { display: inline-block;}
.verglcon #js-filter-block { display: none; background-color: var(--grijskleur); margin-top: 10px; padding: 30px 20px; }
.verglcon #js-items-wrapper { margin-top: 30px; }
.verglcon .filters h5 { font-size: 15px; font-weight: bold; margin-top: 0; margin-bottom: 15px; }
.verglcon .filters select { width: 100%; padding: 5px 10px; border:1px var(--kleur1) solid; margin-bottom: 5px; line-height: 20px; border-radius: 5px; } 
.verglcon .filters input { width: 100%; padding: 5px 10px; border:1px var(--kleur1) solid; margin-bottom: 5px; line-height: 24px; border-radius: 5px; } 
.verglcon #reset-filtering { margin-left: 30px; cursor: pointer; display: none; line-height: 36px; color: var(--kleur2); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.verglcon #filtering-show { cursor: pointer; line-height: 36px; color: var(--kleur1); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.vergelijkpage .kopdiv { display: none; }
.vergelijkpage { margin-bottom: 45px; }

.overzichtobject .objectitem { margin-bottom: 30px; }
.aanbod_home_slider_v2 .onderregel { font-size: 13px; margin: 0 -30px -30px -30px; padding: 10px 30px; background-color: var(--kleur2); color: #FFF; border-radius: 0 0 var(--radius-md) var(--radius-md); position: absolute; bottom: 30px; width: 100%; }
.overzichtobject.aanbod_home_slider_v2 .onderregel { width: calc(100% - 30px); }
.aanbod_home_slider_v2 .onderregel strong { font-weight: 500; }

.overzichtobject.aanbod_home_slider_v2 .aanbod_content { box-shadow: var(--shadowlight); }

/* vergelijkbaar */

/* BEGIN POP-UP SOCIAL SHARE BUTTON */
.sharebutton { display: flex; justify-content: center; align-items: center; margin-top: -30px; z-index: 1;}
.sharebuttonbtn{text-align: center; margin: 0 auto; padding: 15px 50px; background-color: var(--kleur2); font-size: 20px; font-weight: bold; border: 3px #fff solid; border-radius: 35px !important; z-index: 1; position: relative;}
.sharebuttonbtn:hover{background-color: var(--kleur1);}
.sharebuttonbtn i {padding-left: 10px;}
.sharebutton2 { display: flex; justify-content: center; align-items: center; margin-top: -90px; margin-bottom: 20px; z-index: 1;}
.sharebuttonbtn2{text-align: center; margin: 0 auto; padding: 15px 50px; background-color: var(--kleur2); font-size: 20px; font-weight: bold; border: 3px #fff solid; border-radius: 35px !important; z-index: 1;}
.sharebuttonbtn2:hover{background-color: var(--kleur1);}
.sharebuttonbtn2 i {padding-left: 10px;}
.sharebuttonpopup{margin-top:200px; justify-content: center; align-items: center; }
.sharebuttonpopup .modal-content{border-radius: 15px; width: auto; align-content: center; text-align: center;}
.sharebuttonpopup .modal-header{border-top-left-radius: 15px; border-top-right-radius: 15px; background-color: var(--kleur2);}
.sharebuttonpopup .modal-title{color:  #fff; text-align: center;}
.sharebuttonpopup .close{border-radius: 50%; background-color: var(--kleur1); color: #FFF; opacity: 1; padding: 5px 10px; position: absolute; right: 13px;}
.sharebuttonpopup .close:hover{background-color: var(--kleur1) 80;}
.sharebuttonpopup .modal-title h3{font-weight: bold; margin-top: 10px;}
.sharebuttonpopup .row{padding: 0px 15px; margin-bottom: 10px;}
.sharebuttonpopup .col-md-6{padding: 0px 10px;}
.sharebuttonpopup .col-md-12{padding: 0px 10px;}
.sharebuttonpopup .center{text-align: center;}
.sharebuttonpopup .verstuur:hover{background-color: var(--kleur1);}
.facebookbutton { color: #1877F2; margin: 0 30px;}
.xbutton { color: #000; margin: 0 30px;}
.linkedinbutton { color: #0a66c2; margin: 0 30px;}
.whatsappbutton { color: #25d366; margin: 0 30px;}
.emailbutton { color: #ff964f; margin: 0 30px;}
.facebookbutton:hover{ color: #5a95ff; }
.xbutton:hover{ color: #333333; }
.linkedinbutton:hover{ color: #3384d4; }
.whatsappbutton:hover{ color: #4de187; }
.emailbutton:hover{ color: #ffb375; }
/* EINDE POP-UP SOCIAL SHARE BUTTON */


@media only screen and (max-width:1024px){
    h2 { font-size: 23px; }
    
    .infobackground h1 { word-break: break-word; }
    .mtmochat { z-index: 8888 !important; bottom: 25px !important; }
    #chatOverlay .chat-modal {height: min(87vh, 1080px);}
	.pagina .template_sneak_form{margin: 6px;}
	.pagina .template_sneak_form .sneakform {padding: 0px;}
    .pagina .template_sneak_form .sneakform .col1 {padding: 0px;} 
	header:has(.menuscroll){padding-bottom: 105px;}
    .menuscroll { left: 0; margin-top: 0; transform:none;width: calc(100% - 20px); }
	header{width:100%;max-width:1820px;z-index:100; margin: 0; padding-bottom: 15px;}
	.pagina{padding:0 5px;}
	.mtmo_widget_2{display:block;position:sticky;bottom:0;width:auto;}
	.mtmo_widget_18{display:none;}
	.showmob{display:block !important;}
	.hidemob{display:none !important;}
	.bod-sticky{margin-top:18px;}
	.bod-hero h2{font-size:34px;}
	.homepagina .reviews .rowcontainer{display:flex;flex-direction:column;}
	.homepagina .content.mapcontainer .map{height:380px;margin-top:80px;}
	.homepagina .content.mapcontainer .map .map-overlay{left:16px;right:16px;top:16px;max-width:none;}
	.homepagina .content.mapcontainer .map .map-overlay__title{font-size:28px;}
	.topbar{padding:12px 20px;background-color:#FAFAFA;}
	.topbar .container{display:block !important;}
	.topbar-mob{display:flex !important;align-items:center;justify-content:space-between;width:100%;gap:10px;}
	.topbar-mob-left{display:flex !important;align-items:center;gap:20px;}
	.topbar-mob-left a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
	.topbar-mob-left i{color:var(--kleur2)!important;}
	.topbar-mob-right{white-space:nowrap;margin-left:auto;color:var(--kleur2)!important;font-weight:bold;}
	.homepagina .content.mapcontainer .map .map-overlay__line1{font-size:20px;font-weight:bold;line-height:1.3;margin:0 0 6px;}
	.homepagina .content.mapcontainer .map .map-overlay__line2{font-size:20px;line-height:1.3;margin:0;opacity:.95;}
/* ==========================
NAVBAR
========================== */
	.navbar{padding:14px 5px !important; border-radius: unset; border-radius: 5px !important; margin-left: 0 !important; width: 100%; }
	.navbar .container{display:flex;flex-direction:row;gap:10px;align-items: baseline;}
	.navbar .container .logo{width:100px;}
	.aizoekbalk #zoekInput2{padding: 8px 5px 8px 35px; font-size: 14px; top:4px; border-width: 2px;}
	.aizoekbalk #zoekBtn2{left:5px;top:4px;width:30px;height:30px; background-color: transparent; box-shadow:none;}
	.navbar .container .content{width:100% !important;padding-left:0 !important;}
	.navbar .container .content .actionrow{display:flex;align-items:center;gap:10px;}
	.navbar .container .content .actionrow .zoekbalk{flex:1 1 auto;width:auto !important;max-width:none !important;}
	.navbar .container .content .actionrow .zoekbalk .zoekbalkpagina{width:100%;}
	.navbar .container .content .actionrow .knoppen{display:none !important;}
	.navbar .container .content .menu{display:none !important;}
	.navburger{ margin-right:-10px; display:inline-flex !important;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:12px;background:#fff;/*box-shadow:0px 2px 8px rgba(0,0,0,.12);*/color:var(--tekstkleur);flex:0 0 46px;}
	.navburger i{font-size:18px;}
/* ==========================
BLAUWE INFOBLOK
========================== */
  .pagina .infobackground{ padding: 68px 18px 22px !important; position: relative !important; margin: -40px -4px 0 -4px; border-radius: 0 !important; }
  .pagina .infobackground .col-lg-12{ padding: 0;}
  .pagina .infobackground .links{ float: none !important; display: block !important; padding-left: 0;}
  .pagina .infobackground .links h1{ margin-top: 30px; line-height: 1.05;}
  .pagina .infobackground .links h5{ margin-left: 0 ; margin-top: 5px; opacity: .95;}
  .pagina .infobackground .posab{ position: static !important; right: auto !important; top: auto !important; margin-top: 10px;}
  .pagina .infobackground .rechts{ float: none !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important;  gap: 10px;}
  .pagina .infobackground .rechts .status{ position: absolute; align-self: flex-end; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 0; border-top-right-radius: 0; padding: 12px 16px !important; box-shadow: 0 10px 18px rgba(0,0,0,.18); margin-right: 0 !important; white-space: nowrap; top: 25px;}
  .pagina .infobackground .rechts .prijs{ border-radius: 6px !important; padding: 14px 18px !important; font-size: 18px; font-weight: 900 !important; box-shadow: 0 10px 18px rgba(0,0,0,.18); white-space: nowrap; align-self: flex-start;}
  .pagina .infobackground .kenmerken{ margin-top: 18px !important; display: block !important;}
  .pagina .infobackground .kenmerken .kenmerkenrow{ float: none !important; width: 100% !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 30px !important; justify-content: initial !important; }
  .pagina .infobackground .kenmerken .kenmerkcontainer{ padding: 0 !important; opacity: .95; font-size: 12px;}
  .pagina .infobackground .kenmerken .kenmerkcontainer .kenmerk{ margin: 6px 0 0 !important; font-weight: 900 !important; font-size: 14px; line-height: 1.1; opacity: 1;}
  .row.kenmerken .col-md-12 {padding: 0px;}
	
	
/* ==========================
MOBILE NAV
========================== */
	.mobile-nav{position:fixed;inset:0;z-index:10000;display:none !important;}
	.mobile-nav.is-open{display:block !important;}
	.mobile-nav__backdrop{position:absolute;inset:0;background:rgba(255,255,255,.35) !important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);}
	.mobile-nav__panel{position:absolute;top:0;right:0;height:100%;width:min(300px,86vw);background-color:var(--grijskleur);box-shadow:-10px 0 30px rgba(0,0,0,.18);padding:0px 18px;display:flex;flex-direction:column;transform:translate3d(110%,0,0);transition:transform .25s ease;will-change:transform;}
	.mobile-nav.is-open .mobile-nav__panel{transform:translate3d(0,0,0);}
	.mobile-nav__top{display:flex;align-items:flex-start;justify-content:flex-end;}
	.mobile-nav__top strong{display:none;}
	.mobile-nav__links  {margin: 0!important;}
	.mobile-nav__close{border:0;background:transparent;box-shadow:none;padding:6px;font-size:20px;color:#111;}
	.mobile-nav__brand{display:flex;flex-direction:column;align-items:center;gap:6px;}
	.mobile-nav__logo{max-width:90%;max-height:90px;padding:0 20px 10px;}
	.mobile-nav__logo img{max-width:100%;max-height:125px;}
	.mobile-nav__tagline{font-size:11px;opacity:.65;text-align:center;}
	.mobile-nav__search{display:flex;justify-content:center;margin:14px 0 18px;}
	.mobile-nav__searchbox{width:100%;max-width:280px;background:#fff;border-radius:10px;box-shadow:0px 2px 8px rgba(0,0,0,.10);display:flex;align-items:center;gap:10px;padding:10px 12px;}
	.mobile-nav__searchbox i{font-size:14px;color:#7b7b7b;width:18px;text-align:center;}
	.mobile-nav__searchbox input{border:0;outline:0;width:100%;font-size:12px;background:transparent;}
	.mobile-nav__links{display:flex;flex-direction:column;align-items:center;padding:18px 0 18px;overflow:auto;margin:16px 0;flex:1 1 auto; gap: clamp(0px, 3vh, 40px);}
	.mobile-nav__item{width:100%;max-width:240px;text-align:center;text-decoration:none;color:#111;font-weight:400; margin-bottom: 0px;}
	.mobile-nav__item i{display:none;}
	.mobile-nav__item.actief{font-weight:700;color:var(--kleur1);}
	.mobile-nav__cta{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:auto;;}
	.mobile-nav__btn{width:100%;max-width:260px;padding:14px 16px;text-align:center;border-radius:6px;background:var(--kleur2);color:#fff;text-decoration:none;font-weight:800;font-size:16px;box-shadow:0px 8px 18px rgba(0,0,0,.15);}
	.mobile-nav__linkcta{width:100%;max-width:260px;padding:14px 16px;text-align:center;border-radius:6px;background:var(--kleur1);color:#fff;text-decoration:none;font-weight:800;font-size:16px;box-shadow:0px 8px 18px rgba(0,0,0,.15);}
	/*
    .mobile-nav__linkcta{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#111;text-decoration:none;}
	.mobile-nav__linkcta i{font-size:12px;}
	*/
    .mobile-nav__socials{display:flex;justify-content:center;gap:30px;padding-top:18px;margin-top:0;}
	.mobile-nav__socials a{font-size:30px;color:#111;opacity:.85;text-decoration:none;}
	.mobile-nav__socials a:hover{opacity:1;}
	.submenucta{right:15px;}
	.submenucta .item{padding:0 5px 5px 15px;font-size:14px;margin-right:2px;}
/* ==========================
MEDIA CONTENT
========================== */
	.pagina .documentenknoppen .row{display:flex;flex-direction:column;padding:0;}
	.pagina .documentenknoppen .row a{margin:5px 0; font-size: 12px; padding: 10px 10px;}
	.pagina .documentenknoppen .achtergrond{margin:0 30px;}
	.pagina .videos{padding:0; height: 200px;}
	.pagina .videos .video{max-height:280px;}
	.video__embed{ position:relative; width:100%; padding-top:56.25%; border-radius:14px; overflow:hidden; }
	.video__embed iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }
	.video__native{ width:100%; height:auto; border-radius:14px; display:block; }	
	.fotosnav h2,.videonav h2, .plattegrondnav h2{margin-bottom:10px;margin-left:-5px;}
	.row.fotos .foto{position:relative;height:auto;padding:5px;}
	.row.fotos .foto__link{display:block;width:100%;}
	.row.fotos .foto img{width:100%;height:160px;object-fit:cover;border-radius:14px;display:block;}
	.pagina .fotos {padding: 0; margin-bottom: 120px; }
	.row.fotos .col-xs-6{ float:left; width:50%; }
	.bovenfoto img{margin-bottom:0;}
	.row.fotos .foto__overlay{font-size: 13px; position:absolute;top:60px;left:25px;right:25px;bottom:60px;display:flex;align-items:center;justify-content:center;border-radius:5px;text-decoration:none;font-weight:800;background:rgba(0,0,0,.65);color:#fff;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);}
	.photo-modal__img{max-height:300px;}
	.pagina .matterport{margin-top:25px;}
	.pagina .matterport iframe{max-height:280px; border-radius:var(--radius-lg);}
	.pagina .matterport .col-md-12{padding:0;}
	.pagina .matterport h2{margin-bottom:10px;}
	.matterport{ margin-left:0; margin-right:0; }
	.matterport__embed{ border-radius:var(--radius-lg); }
	.pagina .videoscontainer{background-color:#FAFAFA;height:800px;}
	.plattegrondnav .paginatitel{margin-top:80px;}
	.plattegronden .plat{ border-radius:var(--radius-lg); overflow:hidden; background:#fff; }
    .videonav .paginatitel { margin-top: 35px; }
    .plattegrondnav .paginatitel { margin-top: 45px; }
    .nav3d .paginatitel { margin-top: 35px; }
    .pagina .documentenknoppen { margin-top: 45px; }
    .nearby-panel--voorzieningen { left: 0; top: 0; width: 100%; max-width: inherit !important; }
    .nearby-map-shell { margin: 6px !important; width: calc(100% - 12px); }
	
/* ==========================
IN DE BUURT CONTENT
========================== */	
	#streetviewPano{ width:100%; height:420px; border-radius:14px; overflow:hidden; }
	#zonnemap{ width:100%; height:420px; border-radius:14px; overflow:hidden; }
	.zonne-control{ position:static !important; width:100%; max-width:none; margin:12px 0 0; padding:12px; border-radius:14px; background:#fff; }
	.nearby-switch{ position:sticky; bottom:10px; left:auto; right:auto; width:100%; max-width:560px; margin:12px auto 0; display:flex; justify-content:center; gap:10px; padding:10px; border-radius:14px; background:rgba(60, 60, 60, .55); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); z-index:5; }
	.nearby-btn{ flex:1 1 0; min-width:0; display:flex; align-items:center; justify-content:center; gap:8px; padding:10px 8px; border-radius:12px; }
	.nearby-label{ font-size:12px; white-space:nowrap; }
	.nearby-ico{ font-size:14px; }
	.paginacontainer .nearby-map-shell{ margin-left:0; margin-right:0; }
	.paginacontainer .nearby-map-shell *{ box-sizing:border-box; }
	#mapResults {display: none;}	
	.nearby-map-shell{ position:relative; max-height: 420px; heigth: 420px; }
	.nearby-switch{ position:absolute; left:10px; bottom:16px; right:auto; top:auto; z-index:50; display:flex; flex-direction:column; gap:10px; width:60px; background:rgba(60, 60, 60, .55);}
	.nearby-switch .nearby-btn{ flex:1 1 0; width:40px; display:flex; align-items:center; justify-content:center; gap:8px; padding:12px 10px; border-radius:100%; white-space:nowrap;}
	.nearby-switch .nearby-label{ font-size:12px;}
	.nearby-panel--voorzieningen {background-color: none;}
	#zonnegrens .zonne-control{ position:absolute; top:16px; right:16px; left:auto; bottom:auto; z-index:60;       width:min(250px, 82vw);  background-color: transparent;}
	.zonne-control .sliderdiv label{ color: #7B7B7B!important;}
	.zonne-control .sliderdiv span{ color: #7B7B7B!important;}
	.nearby-layer[data-layer="zonnegrens"]{ position: relative;}
	.nearby-layer[data-layer="zonnegrens"] #zonnemap{ height: 420px; border-radius: 18px; overflow: hidden;}
	.nearby-layer[data-layer="zonnegrens"] .zonne-control{ position: absolute !important; top: 0px !important; right: 12px !important; left: auto !important; bottom: auto !important; z-index: 50; width: min(260px, 70%);}
	.zonne-control .sliderdiv{ margin: 0;}
	.helpengraag {margin-top: 40px;}
	.helpengraag-row{ row-gap: 16px; flex-direction: column;} 
	.welkombijimg{ width:100%; height:auto; display:block; border-radius:18px; }	
	.helpengraag { padding: 0px;}
	.helpengraag .welkombijimg {max-width: 400px; width: 400px; padding: 10px;}
	.helpengraagimgcol {padding:0px;} 
	.contactblok {margin-top: 20px;}
	.buurtstats-select{ width: 100%; max-width: 560px; border:1px #000 solid; margin: 12px auto 16px; border-radius: 999px; padding: 12px 16px; box-shadow: 0 10px 24px rgba(0,0,0,.08); }
	.buurtstats-box{ margin-top: 60px; margin-left: 6px; margin-right: 6px; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important;}
	.buurtstats-panel, .buurtstats-grid, .buurtstats-col{ height: auto !important; max-height: none !important; overflow: visible !important; }	
	.buurtstats-grid {gap: 40px;}
    .buurtstats-grid .bs-label { padding-right: 5px; }
	.buurtstats-box {margin-bottom:60px; padding: 20px 25px 25px;}
	.buurtstatistieken-title { margin-bottom: 0px; }
	.indebuurt .sneakcta { padding: 0px; margin-top: 30px;}
	.indebuurt .sneakcta h2{ padding: 20px 20px 0px;}
	.indebuurt .sneakcta p{ padding: 0px 20px 0px;}
	.indebuurt .sneakcta a{ margin-bottom: 25px;}	
    .paginacontainer.kaartencontainer { margin-left: 6px; margin-right: 6px; padding-top: 0; }
    .paginacontainer.kaartencontainer .afbeeldingenbuurt { margin-top: 0 !important; margin-bottom: 0; }
    .paginacontainer.kaartencontainer .col-md-6 { margin-top: 20px; }
	
/* ==========================
CONTACT CONTENT
========================== */	
	.contactpagina.headers {margin-top: 30px;}
	.overonspagina .sneakcta { padding: 0px;}
	.overonspagina .sneakcta h2{ padding: 20px 20px 0px;}
	.overonspagina .sneakcta p{ padding: 0px 20px 0px;}
	.overonspagina .sneakcta a{ margin-bottom: 25px;}
	.flexend {flex-direction: column; align-items: flex-start;}	
	.contactpagina.content .contactcard {padding: 10px 0px; }
	.contactcard .col-md-2 {padding-right: 0px;}
	.contactpagina.content .contactknoppen { padding: 0; width: 100%;}
	.contactpagina.content {margin-top: 10px;}
	.contact-doorlink {margin-left:45px;}
	.flexcenter {flex-direction: column;}
	.textrightcontact {margin-top:10px; padding: 0; text-align: center;}
	.contactpagina.content .reviewtekst {margin:30px 0px;}
	.contactpagina.content .contactinfocon {margin-bottom: 0;}
	.contactpagina .content.mapcontainer .map{ position: relative; overflow: visible;}
	.contactpagina .content.mapcontainer .map .map-overlay{ position: absolute;
        left: 50%;
        top: 0;
        transform: translate(-50%, -35%);
        z-index: 5;
        padding: 15px;
        border-radius: 18px;
        background: rgba(60, 60, 60, .55);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
        color: #fff;
        text-align: center;
        width: calc(100% - 20px);}
	.contactpagina .content.mapcontainer{ padding-top: 45px; margin: 6px; }
	.contactpagina .content.mapcontainer .map .map-overlay h2{font-size: 20px;}
	.contactpagina .content.mapcontainer .map .map-overlay__line1{font-size: 16px;}
	.contactpagina .content.mapcontainer .map .map-overlay__line2{font-size: 16px;}
	.contactpagina .content.mapcontainer .map .map-overlay__btn {margin-top: 10px; padding: 8px 16px;}
    .contactpagina.content .reviewtekst { margin-top: 45px !important; float: none; width: 100%; display: block; }
    
    .bod-hero h1 { font-size: 28px; }
    .bodpagina h1 { font-size: 24px; }
    .bodpagina .bod-hero .bod-adreslabel { font-size: 16px; }
    
    .bod-hero .bod-adreslabel { font-weight: 400; }
    .row.bod-grid { margin-left: -10px !important; margin-right: -10px !important; } 
    .bod-card [class^="col-"] { padding: 0; }
    .titels_radio { margin-bottom: 10px; }
    
	
/* ==========================
FOOTER
========================== */		
	.footer .container .afbeeldingcontainer .prijscontainer{margin-top:-10px;}
	footer .footer{background:transparent;padding:0;margin-top:200px;}
	footer .footer>.container{background:var(--kleur2);margin:0 10px;border-radius:26px;position:relative;overflow:visible;padding:240px 22px 26px;}
	footer .footer .container{width:unset;}
	footer .footer .container .afbeeldingcontainer{position:absolute;top:-140px;left:50%;transform:translateX(-50%);background:#fff;border-radius:18px;max-width:360px;width:calc(100% - 40px);box-shadow:0 10px 24px rgba(0,0,0,.18);text-align:center;margin:0;padding:0 !important;overflow:hidden !important;}
	footer .footer .container .afbeeldingcontainer>img{display:block !important;width:100% !important;height:auto !important;margin:0 !important;border-radius:18px 18px 0 0 !important;}
	footer .afbeeldingcontainer img{display:block;width:100% !important;height:auto;border-radius:14px;margin:0;}
	footer .prijscontainer{display:flex;justify-content:center;margin-top:-14px;margin-bottom:10px;}
	footer .prijscontainer .prijs{background:#F07A18;color:#fff;padding:6px 12px;border-radius:6px;font-weight:700;line-height:1;display:inline-block;}
	footer .straathuisnummer{margin:10px 0 4px;font-size:24px;font-weight:800;color:#111;}
	footer .postcodeplaats{color:#7a7a7a;font-size:14px;margin-bottom:14px;}
	footer .afbeeldingcontainer .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:240px;max-width:100%;padding:14px 16px;border-radius:8px;box-shadow:0 8px 16px rgba(0,0,0,.18);margin:0 auto;}
	footer .footer .container .afbeeldingcontainer>.prijscontainer,footer .footer .container .afbeeldingcontainer>.straathuisnummer,footer .footer .container .afbeeldingcontainer>.postcodeplaats,footer .footer .container .afbeeldingcontainer>a.btn{margin-left:16px !important;margin-right:16px !important;}
	footer .footer .container .afbeeldingcontainer>a.btn{margin-bottom:18px !important;}
	.footer .container .afbeeldingcontainer .btn{margin-bottom:0px;}
	footer .infocontainer{display:flex !important;gap:34px;padding:0;position:relative;z-index:2;visibility:visible !important;opacity:1 !important;height:auto !important;overflow:visible !important;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important;}
	footer .infocontainer .kolom{flex:1;min-width:0;}
	.footer .container .infocontainer{width:100%; margin-top: 25px;}
	.footer .container .infocontainer .kolom{padding-left:0;}
	footer .infocontainer .titel{color:#fff;font-size:18px;font-weight:800;margin:6px 0 14px;}
	.footer .container .infocontainer .kolom .titel{margin-top:10px;}
	footer .infocontainer .tekst a{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:14px;line-height:1.3;margin:10px 0;}
	footer .infocontainer .tekst i{color:var(--kleur1);width:18px;text-align:center;}
	footer .icons{display:flex;gap:0;margin-top:-10px;margin-bottom:30px;}
	footer .icons a{color:#fff;font-size:20px;text-decoration:none;}
	footer .infocontainer .item{margin:10px 0;}
	footer .infocontainer .item a{color:#fff;text-decoration:none;font-size:14px;}
	footer .footerrechts.hidemob{display:none !important;}
	footer .footermobextras{margin-top:22px;}
	footer .reviewmob{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:nowrap;text-align:left;color:#fff;}
	footer .reviewmob .sterren{display:inline-flex;gap:2px;line-height:1;}
	footer .reviewmob .sterren i{color: var(--kleur1); margin-right:2px;}
	footer .reviewmob .reviewtekst{display:inline-flex;gap:6px;flex-wrap:nowrap;white-space:nowrap;font-size:12px;color:#fff;opacity:.95;line-height:1.1;justify-content:center;}
	footer .keurmerken{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:18px;}
	footer .keurmerken img{height:26px;width:auto;display:block;opacity:.95;}
	footer .footerbottom{margin:10px 16px 0;padding:0!important; padding-bottom: 15px !important; display:flex;justify-content:space-between;align-items:center;gap:12px;color:#9a9a9a;}
	footer .footerbottom .psmall{font-size:11px;margin:0;}
	footer .footerbottom img{height:20px;vertical-align:middle;}
    footer .footerbottom { display: block; }
    footer .footerbottom .links { float: none; text-align: center; width: 100%; }
    footer .footerbottom .rechts { display: block;float: none; text-align: center; width: 100%; }
    footer .footerbottom .rechts img { height: 14px; }
    
	
/* ==========================
HOMEPAGINA
========================== */	
	.homepagina {padding: 0;}	
	.homepagina .content {padding: 0;}
	.homepagina .content.afbeeldingen .status2 {padding: 10px 15px; top: 4px; margin-left: 4px; font-size: 14px;}	
	.homepagina .content.afbeeldingen .row {padding: 0;}
	.homepagina .infobackground {padding: 130px 18px 22px !important; border-radius: unset;}
	.homepagina .infobackground .links {flex-direction: column; align-items: flex-start;}
	.homepagina .content.afbeeldingen .overlay { top: calc(100% - 40px); right: 20px; left: auto; width: 180px; padding: 4px 0px;}
	.homepagina .infobackground .links h5 {margin-left: 0px; margin-top:10px;}
	.homepagina .infobackground .rechts {float: left; margin-top:10px;}
    .homepagina .infobackground .kenmerken { display: block; }
	.homepagina .infobackground .kenmerken .kenmerkenrow{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:30px !important;justify-content:initial !important;align-items:start !important;}
	.homepagina .infobackground .kenmerken .kenmerkcontainer{width:auto !important;min-width:0 !important; font-size: 12px;}
	.homepagina .infobackground .kenmerken .kenmerkcontainer .kenmerk {font-size: 14px; margin: 6px 0 0 !important;}
	.homepagina .infobackground .row .col-lg-9.col-md-6 { padding-left: 0px!important;}
	.homepagina .infobackground .row .col-lg-3.col-md-6 { padding-left: 0px!important;}
	.homepagina .infobackground .kenmerken { margin-top: 25px;}
	.homepagina .infoknoppen { margin-right: 10px; margin-top: 10px;}
	.homepagina .beschrijvingkort {margin: 45px 0px;}
	.homepagina .content.kenmerken {padding: 0; width: unset; display: unset;}
	.homepagina .content.kenmerken{background:#fff;border-radius:16px;padding:18px 16px; margin: 16px 16px 160px 16px; display:block !important;}
	.homepagina .content.kenmerken .kenmerkenselector{display:none !important;}
	.homepagina .content.kenmerken .kenmerkenselectormob{display:block;margin:10px 0 16px;}
	.homepagina .content.kenmerken .kenmerkenselect{width:100%;height:44px;border-radius:999px;border:1px #000 solid;box-shadow:0 6px 16px rgba(0,0,0,.12);padding:0 44px 0 16px;appearance:none;-webkit-appearance:none;background:#FAFAFA url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat right 16px center;background-size:18px;font-weight:600;}
	.homepagina .content.kenmerken .kenmerkencontent{display:none;}
	.homepagina .content.kenmerken .kenmerkencontent.is-active{display:block;}
	.homepagina .content.kenmerken .kenmerkencontent .col-md-6{width:100%;float:none;padding:0;margin:0;}
	.homepagina .content.kenmerken .kenmerkencontent .row{margin:0;padding:0;}
	.homepagina .content.kenmerken .kenmerkencontent .titel{font-weight:500;color:#8a8a8a;padding:6px 0;}
	.homepagina .content.kenmerken .kenmerkencontent .col-md-7{font-weight:700;color:#111;padding:6px 0;text-align:right;}
	.homepagina .content.kenmerken .kenmerkencontent .col-md-5{padding:6px 0;}
	.homepagina .content.kenmerken .kenmerkencontent .col-md-6{padding:0;margin:0 0 10px;}
	.homepagina .content.kenmerken .kenmerkencontent .col-md-6>.row{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;row-gap:4px;align-items:start;margin:0;}
	.homepagina .content.kenmerken .kenmerkencontent .col-md-6>.row>.col-md-5{grid-column:1;padding:6px 0;font-size:15px;line-height:1.25;color:#8a8a8a;}
	.homepagina .content.kenmerken .kenmerkencontent .col-md-6>.row>.col-md-7{grid-column:2;padding:6px 0;font-size:15px;line-height:1.25;font-weight:700;color:#111;text-align:left;word-break:break-word;overflow-wrap:anywhere;}
	.homepagina .content.kenmerken .kenmerkencontent { padding: 10px 10px 20px 10px; }
	.homepagina .content.mapcontainer .map{position:relative;overflow:visible;}
	.homepagina .content.mapcontainer .map .map-overlay {position: absolute; left: 50%; top: 0; transform: translate(-50%, -35%); z-index: 5; padding: 15px; border-radius: 18px; background: rgba(60, 60, 60, .55); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 10px 30px rgba(0, 0, 0, .25); color: #fff; text-align: center; width: calc(100% - 20px);}
	.homepagina .mediahomebg{background:transparent;padding:0;margin-top: 45px;}
	.homepagina .mediahomebg .content.mediahometitel{display:flex;justify-content:space-between;align-items:center; padding:0; margin-bottom: 20px;}
	.homepagina .mediahomebg .bekijkallmedia{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;color:var(--kleur2);text-decoration:none;}
	.homepagina .mediahomebg .content.afbeeldingen.mediahome{background:#fff;border-radius:18px;margin:0 16px;padding:12px 12px 10px;box-shadow:0 10px 24px rgba(0,0,0,.10);}
	.homepagina .mediahomebg .content.afbeeldingen.mediahome .row{display:grid !important;grid-template-columns:1fr 1fr;gap:10px;margin:0;}
	.homepagina .mediahomebg .content.afbeeldingen.mediahome .media-hero{grid-column:1/-1;position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;padding:0;}
	.homepagina .mediahomebg .content.afbeeldingen.mediahome .media-hero iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
	.homepagina .mediahomebg .content.afbeeldingen.mediahome .media-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
	.homepagina .mediahomebg .media-hero-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:700;font-size:13px;pointer-events:none;}
	.homepagina .mediahomebg .media-hero-label i{font-size:18px;}
	.homepagina .mediahomebg .media-thumbcol{position:relative;aspect-ratio:16/10;border-radius:12px;overflow:hidden;padding:0;}
	.homepagina .mediahomebg .media-thumbcol a{display:block;width:100%;height:100%;}
	.homepagina .mediahomebg .media-thumbcol img{width:100%;height:100%;object-fit:cover;display:block;}
	.homepagina .mediahomebg .media-thumbcol a:nth-child(2){display:none !important;}
	.homepagina .mediahomebg .media-all{display:none !important;}
	.homepagina .mediahomebg .overlay{display:none !important;}
	.homepagina .mediahomebg .media-dots{display:flex;justify-content:center;gap:6px;margin-top:10px;}
	.homepagina .mediahomebg .media-dots .dot{width:6px;height:6px;border-radius:999px;background:rgba(41,73,153,.35);}
	.homepagina .mediahomebg .media-dots .dot.active{background:var(--kleur2);}	
	.homepagina .mediahome_mob{border-radius:18px; padding:0px 10px !important; }
	.homepagina .mediahome_tour{margin-bottom: 10px;}
	.homepagina .mediahome_tour h3{margin:4px 4px 10px;font-size:16px;font-weight:800;color:#111;}
	.homepagina .matterport__embed{width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;}
	.homepagina .matterport__embed iframe{width:100%;height:100%;border:0;display:block;}
	.homepagina .mediahome_slide{display:block;position:relative;border-radius:14px;overflow:hidden;}
	.homepagina .mediahome_slide img{width:100%; height:auto; display:block; ;object-fit:cover;}
	.homepagina .mediahome_all{display: none;}
	.homepagina .mediahome_slider .owl-dots{margin-top:10px;text-align:center; display: none;}
	.homepagina .mediahome_slider .owl-nav{margin-top:10px;text-align:center; display: none;}
	.homepagina .mediahome_slider .owl-dot span{width:8px;height:8px;margin:0 4px;border-radius:999px;background:rgba(36,73,148,.35);display:inline-block;}
	.homepagina .mediahome_slider .owl-dot.active span{background:rgba(36,73,148,1);}
	.mediahome_slider.owl-carousel { display: block !important; }
	.mediahome_slider .owl-stage-outer { overflow: hidden !important; }
	.mediahome_slider .owl-stage { display: flex !important; }
	.mediahome_slide img { display: block !important; width: 100% !important; height: auto !important; }
	.homepagina .mediahome_slider .owl-dots { margin-top: 8px; }
	.homepagina .mediahome_slider .owl-dot span { width: 6px; height: 6px; margin: 0 3px; }
	.homepagina .bekijk_media {font-weight: bold; color:var(--kleur2);}
	.homepagina .links h2 {margin-left: 15px; margin-bottom: 0;}
	.homepagina .content.mediahometitel .rechts { margin-right: 15px;}
	.homepagina .content .aanbodblok {margin-top: -130px; padding: 10px;}
	.reviewcontainer {margin: 20px;}
	.reviewslider_full { margin-bottom: 150px; }
	.mediahome_slider.owl-carousel {margin-bottom: 165px;}
	.homepagina .template_sneak_form{margin: 10px; }
	.homepagina .template_sneak_form .sneakform .col1 { padding: 0px;}	
	.infoknoppen{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:nowrap;padding-left:0 !important;padding-right:0 !important;margin-left:0 !important;margin-right:0 !important;}
	.infoknoppen .hidemob{display:none !important;}
	.infoknoppen a.showmob{display:flex;align-items:center;gap:8px;width:calc(50% - 6px);white-space:nowrap;}
	.infoknoppen a.js-hypotheek-open.showmob{justify-content:flex-start !important;margin-left:0 !important;padding-left:0 !important;text-align:left !important;}
	.infoknoppen a.brochure_mobiel.showmob{justify-content:flex-end !important;margin-right:0 !important;padding-right:0 !important;text-align:right !important;}
	.hypotheek_mobiel,.brochure_mobiel{float:none !important;}
	.homepagina .infoknoppen{float:none !important;width:100% !important;display:flex !important;align-items:center;justify-content:space-between;margin:0 !important;padding:0 !important;}
	.homepagina .infoknoppen a.showmob.js-hypotheek-open{display:inline-flex;align-items:center;justify-content:flex-start;margin:0 !important;margin-left:10px !important;margin-top:10px !important;padding:0 !important;}
	.homepagina .infoknoppen a.showmob.brochure_mobiel{display:inline-flex;align-items:center;justify-content:flex-end;margin-left:auto;margin-right:10px !important;margin-top:10px !important;padding:0 !important;}
    .overons-headers { margin-top: 15px; }
    .reviewcontainer { padding: 20px; }
    .reviewcontainer .cijfer { line-height: 45px; width: 75px; }
    .template_sneak_form .linksinfo h2 { font-size: 24px; font-weight: bold; margin-top: 15px; }
    .template_sneak_form .linksinfo .copyright img { height: 14px !important; }
    .template_sneak_form .linksinfo { text-align: center; }
    .template_sneak_form .taalswitch { right: 25px !important; top: 50px !important; }
    .template_sneak_form .taalswitch img { width: 25px; }
    .template_sneak_form .sneakform .formbox h4 { margin-top: 20px; }
    .template_sneak_form .sneakform .col2 p.psmall { margin-top: 15px; }
    .template_sneak_form .sneakform .col2 { padding: 0 !important; }
    .reviewpagina h1 { font-size: 16px; font-weight: 400; }
    .contactpagina.headers h1 { font-size: 16px; font-weight: 400; }
    .reviewpagina { padding-bottom: 0; margin-bottom: -60px; }
    .contactpagina.content .cardbutton { padding: 6px; }
    .contactpagina.content .contactknoppen p { word-break: break-word; }
    .contactpagina.content .contactinfocon { margin-top: 45px; }
    .contactpagina.content .contactinfocon .contactform { margin-left: -35px; margin-right: -35px; }
    
    .chat-overlay { padding: 10px; height: 100vh; }
    #chatOverlay .chat-modal { min-height: 100%; }
    #chatOverlay .bubble { padding: 10px 20px; }
    #chatOverlay .verticalcenter { font-size: 8px; }
    #chatOverlay .chat-footer { padding:20px 0 0 0; }
    #chatOverlay .zoekbalkpagina { width: calc(100% + 30px); margin-left: -15px; }
    #chatOverlay .chat-header .col-md-10 { font-size: 14px; }
    #chatOverlay .chat-modal .center { font-size: 16px; padding: 10px; }
    
/* ==========================
OVER ONS PAGINA
========================== */
  .contactpagina .row.header {
    display: flex;      
    flex-wrap: wrap;
  }
  /* Foto-kolom naar boven */
  .contactpagina .row.header .headerimgcol {
    order: 1;
    margin-bottom: 20px; 
  }
  .contactpagina .row.header > .col-md-6:not(.headerimgcol) {
    order: 2;
  }
  .contactpagina .row.header .headerimg {
    width: 100%;
    height: auto;
    display: block;
  }
	
/* ==========================
BIEDINGSFORMULIER
========================== */
	.bod-card {padding: 25px;}
/* ==========================
OVERIG
========================== */
	.row {margin-right:0px!important; margin-left:0px!important;}	
	.menuscroll {top: 45px;}
	.navbar {top: 0;}
	header, .footer { display: block!important; }
	.ct-topbar { left: 15px;}
    
    .homepagina .content.afbeeldingen [class^="col-"] { padding: 0 10px; margin-top: 10px; }
    .homepagina .template_sneak_form .sneakform .col2 { padding: 0; }
    .template_sneak_form .sneakform { padding: 30px 10px !important; }
    .template_sneak_form .linksinfo .copyright { padding-top: 5px; bottom: -20px !important; position: inherit !important; }
}
/* ==========================
MOBILE RESPONSIVE EIND
========================== */
/* ==========================
TABLET RESPONSIVE BEGIN
========================== */
@media only screen and (min-width: 1025px) and (max-width: 1199px){
	.homepagina .content { padding: 0 30px;}
	.homepagina .content.afbeeldingen  { padding: 0; }
	.bod-sticky{margin-top:18px;}
	.bod-hero h2{font-size:34px;}
	.homepagina .content.afbeeldingen .overlay {top: calc(95% - 20px); left: calc(85% - 100px);}
	.homepagina .reviews .rowcontainer{display:flex;flex-direction:column;}
	.homepagina .content.mapcontainer .map{height:380px;margin-top:80px;}
	.homepagina .content.mapcontainer .map .map-overlay{left:16px;right:16px;top:16px;max-width:none;}
	.homepagina .content.mapcontainer .map .map-overlay__title{font-size:28px;}
	.topbar{padding:12px 10px;background-color:#FAFAFA;}
	.topbar .container{display:block !important;}
	.topbar-mob{display:flex !important;align-items:center;justify-content:space-between;width:100%;gap:10px;}
	.topbar-mob-left{display:flex !important;align-items:center;gap:30px;}
	.topbar-mob-left a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
	.topbar-mob-left i{color:var(--kleur2)!important;}
	.topbar-mob-right{white-space:nowrap;margin-left:auto;color:var(--kleur2)!important;font-weight:bold;}
	.topbar .rechts .website .fa-angle-right { top: 21px; right: -2px;}
	.homepagina .template_sneak_form { margin: 60px 0px!important;}
	.footer { padding: 0px;}
	.pagina .documentenknoppen .row { display: flex; flex-direction: row; padding: 0; }
	.footer .container .afbeeldingcontainer .btn {    padding: 16px 25px;}
/* ==========================
NAVBAR
========================== */
	.navbar{padding:14px 5px !important;}
	.navbar .container{display:flex;flex-direction:row;gap:10px;}
	.navbar .container .logo{width:100px;}
	.aizoekbalk #zoekInput2{padding: 8px 5px 8px 45px; font-size: 14px; top:4px; border-width: 2px;}
	.aizoekbalk #zoekBtn2{left:5px;top:4px;width:30px;height:30px;}
	.navbar .container .content{width:100% !important;padding-left:0 !important;}
	.navbar .container .content .actionrow{display:flex;align-items:center;gap:10px;}
	.navbar .container .content .actionrow .zoekbalk{flex:1 1 auto;width:auto !important;max-width:none !important;}
	.navbar .container .content .actionrow .zoekbalk .zoekbalkpagina{width:100%;}
	.navbar .container .content .actionrow .knoppen{display:none !important;}
	.navbar .container .content .menu{display:none !important;}
	.navburger{display:inline-flex !important;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:12px;background:#fff;box-shadow:0px 2px 8px rgba(0,0,0,.12);color:var(--tekstkleur);flex:0 0 46px;}
	.navburger i{font-size:18px;}
	
	/* ==========================
MOBILE NAV
========================== */
	.mobile-nav{position:fixed;inset:0;z-index:10000;display:none !important;}
	.mobile-nav.is-open{display:block !important;}
	.mobile-nav__backdrop{position:absolute;inset:0;background:rgba(255,255,255,.35) !important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);}
	.mobile-nav__panel{position:absolute;top:0;right:0;height:100%;width:min(300px,86vw);background-color:var(--grijskleur);box-shadow:-10px 0 30px rgba(0,0,0,.18);padding:0px 18px;display:flex;flex-direction:column;transform:translate3d(110%,0,0);transition:transform .25s ease;will-change:transform;}
	.mobile-nav.is-open .mobile-nav__panel{transform:translate3d(0,0,0);}
	.mobile-nav__top{display:flex;align-items:flex-start;justify-content:flex-end;}
	.mobile-nav__top strong{display:none;}
	.mobile-nav__links  {margin: 0!important;}
	.mobile-nav__close{border:0;background:transparent;box-shadow:none;padding:6px;font-size:20px;color:#111;}
	.mobile-nav__brand{display:flex;flex-direction:column;align-items:center;gap:6px;}
	.mobile-nav__logo{max-width:90%;max-height:125px;padding:0 20px 10px;}
	.mobile-nav__logo img{max-width:100%;max-height:125px;}
	.mobile-nav__tagline{font-size:11px;opacity:.65;text-align:center;}
	.mobile-nav__search{display:flex;justify-content:center;margin:14px 0 18px;}
	.mobile-nav__searchbox{width:100%;max-width:280px;background:#fff;border-radius:10px;box-shadow:0px 2px 8px rgba(0,0,0,.10);display:flex;align-items:center;gap:10px;padding:10px 12px;}
	.mobile-nav__searchbox i{font-size:14px;color:#7b7b7b;width:18px;text-align:center;}
	.mobile-nav__searchbox input{border:0;outline:0;width:100%;font-size:12px;background:transparent;}
	.mobile-nav__links{display:flex;flex-direction:column;align-items:center;padding:18px 0 18px;overflow:auto;margin:16px 0;flex:1 1 auto; gap: clamp(0px, 3vh, 40px);}
	.mobile-nav__item{width:100%;max-width:240px;text-align:center;text-decoration:none;color:#111;font-weight:400; margin-bottom: 0px;}
	.mobile-nav__item i{display:none;}
	.mobile-nav__item.actief{font-weight:700;color:var(--kleur1);}
	.mobile-nav__cta{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:auto;;}
	.mobile-nav__btn{width:100%;max-width:260px;padding:14px 16px;text-align:center;border-radius:6px;background:var(--kleur2);color:#fff;text-decoration:none;font-weight:800;font-size:16px;box-shadow:0px 8px 18px rgba(0,0,0,.15);}
	.mobile-nav__linkcta{width:100%;max-width:260px;padding:14px 16px;text-align:center;border-radius:6px;background:var(--kleur1);color:#fff;text-decoration:none;font-weight:800;font-size:16px;box-shadow:0px 8px 18px rgba(0,0,0,.15);}
	/*
    .mobile-nav__linkcta{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#111;text-decoration:none;}
	.mobile-nav__linkcta i{font-size:12px;}
	*/
    .mobile-nav__socials{display:flex;justify-content:center;gap:30px;padding-top:18px;margin-top:0;}
	.mobile-nav__socials a{font-size:30px;color:#111;opacity:.85;text-decoration:none;}
	.mobile-nav__socials a:hover{opacity:1;}
	.submenucta{right:15px;}
	.submenucta .item{padding:0 5px 5px 15px;font-size:16px;margin-right:2px;}
	
	.footer .container .afbeeldingcontainer {height: 10%;}
	
	.footer .container .infocontainer .kolom {padding-left: 45px;}
	
	.homepagina .infobackground .links {flex-direction: column; align-items: flex-start;}
	.homepagina .content.afbeeldingen .overlay { top: calc(91% - 20px); left: calc(57% - 100px); width: 180px; padding: 4px 0px;}
	.homepagina .infobackground .links h5 {margin-left: 0px; margin-top:10px;}
	.homepagina .infobackground .rechts {float: left; margin-top:10px;}
	.homepagina .infobackground .kenmerken .kenmerkenrow{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:30px !important;justify-content:initial !important;align-items:start !important;}
	.homepagina .infobackground .kenmerken .kenmerkcontainer{width:auto !important;min-width:0 !important; font-size: 12px;}
	.homepagina .infobackground .kenmerken .kenmerkcontainer .kenmerk {font-size: 14px; margin: 6px 0 0 !important;}
	.homepagina .infobackground .row .col-lg-9.col-md-6 { padding-left: 0px!important;}
	.homepagina .infobackground .row .col-lg-3.col-md-6 { padding-left: 0px!important;}
	.homepagina .infobackground .kenmerken { margin-top: 25px;}
	.homepagina .content.mapcontainer .map .map-overlay {max-width: 350px; }
	.homepagina .background {padding: 350px 30px 50px;}
	.contactpagina.content .contactknoppen {padding-right: 0px;}
	.contactpagina.content .contactcard {padding: 30px 20px;}
    .template_sneak_form .linksinfo .big { font-size: 18px !important; }
    .template_sneak_form .linksinfo { text-align: center !important; }
    
}
/* ==========================
TABLET RESPONSIVE EIND
========================== */
/* ==========================
OVERIGE RESPONSIVE BEGIN
========================== */
@media (max-width: 768px) {
	.bod-submit-row { flex-direction: column; align-items: flex-start; gap: 12px; } 
	.bod-submit-text { max-width: none; } 
	
	.buurtstats-card{ padding:26px 18px; }
	.buurtstats-grid{ grid-template-columns:1fr; }
}
@media (min-width: 992px){
  .bod-sticky{top: 220px; z-index: 50;}
}
@media only screen and (min-width: 578px) and (max-width:1334px){
	.homepagina .infobackground .rechts .prijs { padding: 10px 13px; margin-left: 20px; margin-top: -12px;}
}
@media (max-width: 1200px){
    body{width: 100%;}
    .infobackground .kenmerken{margin-top: 20px;}
    .kenmerkenrow{flex-direction: column;}
    .kenmerkenselector{display: block !important;}
    .paginacontainer{padding: 0px;}
}
@media only screen and (max-width:1490px){
	.footer .container { padding: 50px 30px;}
	.homepagina .content { padding: 0 0px;}
	.homepagina .infobackground .links {flex-direction: column; align-items: flex-start;}
	.homepagina .infobackground .links h5 {margin-left: 0px; margin-top:10px;}
	.homepagina .infobackground .rechts {float: left; margin-top:10px;}
	.homepagina .infobackground .kenmerken .kenmerkenrow{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:30px !important;justify-content:initial !important;align-items:start !important;}
	.homepagina .infobackground .kenmerken .kenmerkcontainer{width:auto !important;min-width:0 !important; font-size: 12px;}
	.homepagina .infobackground .kenmerken .kenmerkcontainer .kenmerk {font-size: 14px; margin: 6px 0 0 !important;}
	.homepagina .infobackground .row .col-lg-9.col-md-6 { padding-left: 0px!important;}
	.homepagina .infobackground .row .col-lg-3.col-md-6 { padding-left: 0px!important;}
	.homepagina .infobackground .kenmerken { margin-top: 25px;}
	.homepagina .content.kenmerken { margin: 10px; width: calc(100% - 20px);} 
	.homepagina .content.kenmerken .kenmerkenselector .kenmerk.col-lg-2 { width: unset;}
	.homepagina .content.aizoekbalk { margin-top: 60px;}
	.pagina .infobackground .kenmerken .kenmerkenrow { float: none !important; width: 100% !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 30px !important; justify-content: initial !important;}
	.hidetab { display: none;}
	.contactpagina.content .contactknoppen {padding-right: 0px;}
	.contactpagina.content .contactcard {padding: 30px 20px;}
}
/* ==========================
OVERIGE RESPONSIVE EIND
========================== */