.woningzoeker { position: relative; }
.woningzoeker .preview { position: relative; width: 100%; min-height: 1px; }
.woningzoeker .woningzoeker-zoom { position: absolute; top: 10px; left: 10px; display: flex; gap: 10px; }
.woningzoeker .woningzoeker-zoom .zoom { background: rgba(255,255,255,0.75); padding: 5px; 10px; cursor: pointer; }
.woningzoeker .woningzoeker-zoom .zoom span { width: 32px; height: 32px; display: block; }
.woningzoeker .woningzoeker-zoom .zoom span svg { width: 100%; height: 100%; object-fit: contain; display: table; }

.woningzoeker #Kavels g { cursor: pointer; }
.woningzoeker #Kavels path, .woningzoeker #Kavels polygon { stroke: #fff !important; stroke-width: 1px !important; fill-rule: evenodd; clip-rule: evenodd; fill: #ccc !important; opacity: 0.6; }
.woningzoeker #Kavels g:hover path, .woningzoeker #Kavels g:hover polygon { stroke-width: 1px !important; opacity: 0.8; }
.woningzoeker #Kavels .sold path, .woningzoeker #Kavels .sold polygon { stroke: #fff !important; fill: #ff5959 !important; }
.woningzoeker #Kavels .offer path, .woningzoeker #Kavels .offer polygon { stroke: #fff !important; fill: #ff9864 !important; }
.woningzoeker #Kavels .available path, .woningzoeker #Kavels .available polygon { stroke: #fff !important; fill: #a6cf00 !important; }


.woningzoeker-kavel-info { display: none; box-shadow: 0 0 10px rgba(0,0,0,0.5); max-width: 340px; font-size: 16px; position: absolute; top: 50%; right: 50%; transform: translate(50%,-50%); background: #fff; padding: 20px; }
.woningzoeker-kavel-info .woningzoeker-kavel-info__close { position: absolute; top: -23px; right: 0; background: #f4f4f4; padding: 2px 10px; font-size: 14px; cursor: pointer;  }
.woningzoeker-kavel-info .woningzoeker-kavel-info__container {  }
.woningzoeker-kavel-info .woningzoeker-kavel-info__image { width: 100%; height: 180px; margin-bottom: 20px; }
.woningzoeker-kavel-info .woningzoeker-kavel-info__image img { width: 100%; height: 100%; object-fit: cover; }
.woningzoeker-kavel-info .woningzoeker-kavel-info__status { font-size: 16px; margin-bottom: 10px; }
.woningzoeker-kavel-info .woningzoeker-kavel-info__status span { padding: 5px 10px; }
.woningzoeker-kavel-info.available .woningzoeker-kavel-info__status span { background: #a6cf00; color: #fff; }
.woningzoeker-kavel-info.unavailable .woningzoeker-kavel-info__status span { background: #ff7429; color: #fff; }
.woningzoeker-kavel-info.offer .woningzoeker-kavel-info__status span { background: #ff7429; color: #fff; }
.woningzoeker-kavel-info.sold .woningzoeker-kavel-info__status span { background: #ff0000; color: #fff; }
.woningzoeker-kavel-info .woningzoeker-kavel-info__title { font-size: 20px; font-weight: 600; }
.woningzoeker-kavel-info .woningzoeker-kavel-info__price {  }
.woningzoeker-kavel-info .woningzoeker-kavel-info__specs { margin-top: 10px; display: flex; gap: 10px;  margin-bottom: 10px; justify-content: space-between; }
.woningzoeker-kavel-info .woningzoeker-kavel-info__specs .spec {   }
.woningzoeker-kavel-info .woningzoeker-kavel-info__specs .spec span { font-weight: 500; display: block; }

.lot-pointer-hover { position: absolute !important; display: none; z-index: 999; cursor: default; }
.lot-pointer-hover { text-align: center; width: 30px; height: 30px; font-size: 14px; line-height: 30px; pointer-events: none; z-index: 999; background-color: #a6cf00 !important;  color: white; }

.arrowleft { position:relative; background:#ffffff; }
.arrowleft:after { right:100%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(255,255,255,0); border-right-color:#a6cf00; border-width:8px;margin-top:-8px; }