:root {
    --wzfont: eloquent-jf-pro, serif;
    --wzls: 0;
}

#bedrijfsruimte {
    /*display: none;*/
}

.status3 .status {display:none!important;}

/** jQuery modal **/
.blocker {
    z-index: 999;
}

.blocker .modal {
    max-width: none;
    box-shadow: none;
    height: 100%;
    width: 100%;
    border-radius: 0;
    padding: 30px;
    background-color: #eeeded;
    background: rgb(240, 240, 240);
    background: radial-gradient(circle, rgba(240, 240, 240, 1) 55%, rgba(215, 215, 215, 1) 100%);
}

.blocker.modelno1 .modal {
    background-image: none;
    background-color: #eeeded;
}

.blocker,
.blocker.behind {
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0.75);
}

/** https://codepen.io/jermbo/pen/eztFu **/
.modal a.close-modal {
    width: 40px;
    height: 40px;
    background: #616262;
    top: 0;
    right: 0;
    position: absolute;
    display: block;
    z-index: 200;
    text-indent: -9999px;
    opacity: 0.8;
}

.modal a.close-modal:hover {
    background-color: #b46d6d;
}

.modal a.close-modal:before,
.modal a.close-modal:after {
    content: '';
    width: 55%;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 48%;
    left: 26%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.modal a.close-modal:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.modal a.close-modal:hover:before,
.modal a.close-modal:hover:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.woningzoeker {
    background-color: #fff;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    background: rgb(240, 240, 240);
    background: radial-gradient(circle, rgba(240, 240, 240, 1) 55%, rgba(215, 215, 215, 1) 100%);
}

.woningzoeker .svgcontainer {
    margin: 0 auto;
    max-width: 1240px;
    display: block;
    position: relative;
}

.woningzoeker .svgcontainer .building {
    margin-bottom: -5px;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.woningzoeker a[rel^="modal"],
.woningzoeker a[rel^="modal"] g,
.woningzoeker a[rel^="modal"] path,
.woningzoeker a[rel^="modal"] polygon {
    cursor: pointer;
}

.woningzoeker a[rel^="modal"] {
    opacity: 0;
}

.woningzoeker a[rel^="modal"] g[id^="NORMAL"],
.woningzoeker a[rel^="modal"] path[id^="NORMAL"],
.woningzoeker a[rel^="modal"] polygon[id^="NORMAL"] {
    opacity: 0;
    transition: all 0.2s linear;
    fill: rgba(253, 132, 177, 0.5);
    stroke: rgb(253, 132, 177);
    stroke-width: 0;
}

@media only screen and (min-width: 700px) {

    .woningzoeker a[rel^="modal"]:hover g[id^="NORMAL"],
    .woningzoeker a[rel^="modal"]:hover path[id^="NORMAL"],
    .woningzoeker a[rel^="modal"]:hover polygon[id^="NORMAL"] {
        opacity: 1;
        stroke-width: 5px;
    }
}

@media only screen and (max-width: 700px) {

    .woningzoeker a[rel^="modal"] g[id^="NORMAL"],
    .woningzoeker a[rel^="modal"] path[id^="NORMAL"],
    .woningzoeker a[rel^="modal"] polygon[id^="NORMAL"] {
        opacity: 1;
        fill: rgba(253, 132, 177, 0);
        stroke-width: 10px;
    }
}

.woningzoeker a[rel^="modal"] g[id^="Perspective"] {
    transform: translate(4px, 2px);
    -webkit-filter: drop-shadow(4px 2px 15px rgba(0, 0, 0, .3));
    filter: drop-shadow(4px 2px 15px rgba(0, 0, 0, .3));
    transition: all 0.5s ease;
    transition-delay: 0.2s;
    fill: white;
    /*mix-blend-mode: screen;*/
}

@media only screen and (max-width: 700px) {
    .woningzoeker a[rel^="modal"] g[id^="Perspective"] {
        transform: translate(0, 0);
        -webkit-filter: drop-shadow(4px 2px 15px rgba(0, 0, 0, .8));
        filter: drop-shadow(4px 2px 15px rgba(0, 0, 0, .8));
        opacity: 1;
    }
}

@media only screen and (min-width: 700px) {
    .woningzoeker a[rel^="modal"]:hover g[id^="Perspective"] {
        transform: translate(0, 0);
        -webkit-filter: drop-shadow(4px 2px 15px rgba(0, 0, 0, .8));
        filter: drop-shadow(4px 2px 15px rgba(0, 0, 0, .8));
        fill: white;
    }
}

@media only screen and (min-width: 700px) {

    .woningzoeker a[rel^="modal"].options:hover g[id^="HOVER"] g[id^="Perspective"],
    .woningzoeker a[rel^="modal"].sold:hover g[id^="HOVER"] g[id^="Perspective"] {
        opacity: 1;
    }

    .woningzoeker a[rel^="modal"].options:hover g[id^="HOVER"] {
        opacity: 1;
    }
}

.woningzoeker #legenda {
    opacity: 0;
}

.woningzoeker a[rel^="modal"].sold g[id^="NORMAL"],
.woningzoeker a[rel^="modal"].sold path[id^="NORMAL"],
.woningzoeker a[rel^="modal"].sold polygon[id^="NORMAL"],
.woningzoeker a[rel^="modal"].options g[id^="NORMAL"],
.woningzoeker a[rel^="modal"].options path[id^="NORMAL"],
.woningzoeker a[rel^="modal"].options polygon[id^="NORMAL"] {
    fill: rgba(255, 74, 74, .3);
    stroke: rgba(255, 74, 74, .8);
    animation: none;
    animation-delay: 0s;
    opacity: 1;
}

.woningzoeker a[rel^="modal"].options g[id^="NORMAL"],
.woningzoeker a[rel^="modal"].options path[id^="NORMAL"],
.woningzoeker a[rel^="modal"].options polygon[id^="NORMAL"] {
    fill: rgba(180, 156, 109, .3);
    stroke: rgba(180, 156, 109, .8);
}

/** verdiepingsplattegrond **/
.modelno0 .modal::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.05em;
}

.modelno0 .modal {
    overflow: hidden;
}

.modelno0 .modal .svgcontainer {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.modelno0 .modal .svgcontainer svg {
    vertical-align: middle;
    max-width: 1240px;
    max-height: 80vh;
    display: inline-block;
    margin-right: -15px;
    margin-left: -15px;
}

.modelno0 #legenda {
    opacity: 0;
}

.modelno0 #legenda g {
    transition: all 1s ease 0s;
}

#legenda #vrij rect {
    fill: #6db272;
}

#legenda #inoptie rect {
    fill: #b49c6d;
}

#legenda #verhuurd rect {
    fill: rgba(255, 74, 74, .3);
}

#legenda #bedrijfsruimte rect {
    fill: #6d9ab4;
}

#legenda g text {
    fill: #000;
    font-size: 14px;
    stroke: none;
    text-transform: uppercase;
}

#legenda > text {
    fill: #000;
    font-family: var(--wzfont);
    letter-spacing: var(--wzls);
    font-size: 40px;
    stroke: none;
}

.woningzoeker #legenda text {
    fill: #fff;
}

.modelno0 #legenda #noordpijl {
    fill: #6db272;
    transform-box: fill-box;
    transform-origin: center;
    transform: rotate(50deg);
}

.modelno0 #legenda.inview #noordpijl {
    transition: all 1s ease;
    transition-delay: 0.5s;
    transform: rotate(0);
}

.modelno0 a {
    cursor: pointer;
    text-decoration: none;
    opacity: 0;
}

.modelno0 a * {
    transition: all 0.2s ease;
}

.modelno0 a text,
.modelno0 a text tspan {
    stroke-opacity: 0;
    font-size: 50px;
}

.modelno0 a text,
.modelno0 a text tspan {
    fill: #fff;
}

.modelno0 a text[id^="NO"] {
    font-family: var(--wzfont);
    letter-spacing: var(--wzls);
    font-size: 60px;
}

.modelno0 a text[id^="BNR"] {
    font-size: 15px;
}

.modelno0 a text[id^="M2"] {
    font-size: 15px;
}

.modelno0 a g[id^="sizeicon"] {
    stroke-width: 1px;
    stroke: #fff;
}

.modelno0 a g[id^="sizeicon"] rect {
    stroke-width: 1px;
    stroke: #fff;
    fill: none;
}

.modelno0 a g[id^="sizeicon"] line {
    stroke-width: 1px;
    stroke: #fff;
}

.modelno0 a g[id^="sizeicon"] polyline {
    fill: #fff;
}

.modelno0 a polygon,
.modelno0 a rect {
    fill: #6db272;
    stroke: #000;
    stroke-width: 2px;
}

.modelno0 a polygon[id^="balkon"],
.modelno0 a path[id^="balkon"],
.modelno0 a g[id^="balkon"] rect,
.modelno0 a rect[id^="balkon"] {
    fill: gray !important;
    stroke: #000;
    stroke-width: 0;
    fill-opacity: 0;
}

.modelno0 a path {
    fill: #747479;
}

.modelno0 a.status1 polygon,
.modelno0 a.status1 rect {
    fill: #b49c6d;
    /*stroke: #b49c6d;*/
}

.modelno0 a.status2 polygon,
.modelno0 a.status2 rect {
    fill: #b46d6d;
    /*stroke: #b46d6d;*/
}

.modelno0 a.status3 polygon,
.modelno0 a.status3 rect {
    fill: #6d9ab4;
    /*stroke: #b46d6d;*/
}

.modelno0 a polygon,
.modelno0 a rect {
    fill-opacity: 0.85;
}

.modelno0 a:hover polygon[id^="balkon"],
.modelno0 a:hover path[id^="balkon"],
.modelno0 a:hover g[id^="balkon"] rect,
.modelno0 a:hover rect[id^="balkon"] {
    fill-opacity: 0.4;
}

.modelno0 a:hover polygon,
.modelno0 a:hover rect {
    fill-opacity: 0.95;
}

.modelno0 #extra text {
    font-family: var(--wzfont);
    letter-spacing: var(--wzls);
    font-size: 18px;
    fill: #000;
    opacity: 0;
}

.modelno0 #extra text tspan {
    fill: #000;
}

/*.modelno0 #extra text:last-child {
  font-size: 20px;
}*/
#extra * {
    opacity: 0;
    transition: all 1s ease;
}

#extra #inl {
    transform: translate(0, -15px);
}

#extra #inb {
    transform: translate(0px, 15px);
}

#extra #inpark {
    transform: translate(15px, 0px);
}

#extra #street {
    transform: translate(15px, 0px);
}

#extra #street-r {
    transform: translate(-15px, 0px);
}

#extra #street-t {
    transform: translate(0, -15px);
}

#extra #street-b {
    transform: translate(0px, 15px);
}

#extra path.inview {
    opacity: 1;
    transform: translate(0, 0px) !important;
    transition-delay: 1s;
}

#extra #street.inview,
#extra #street-r.inview #extra #street-t.inview,
#extra #street-b.inview {
    transition-delay: 1.5s;
}

.woningzoeker .infowindow {
    opacity: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #fd84b1;
    padding: 1em 2em 4em 1em;
    line-height: 1.4em;
    color: white;
    width: 300px;
}

.woningzoeker .infowindow h1 {
    font-size: 25px;
    font-family: var(--wzfont);
    letter-spacing: var(--wzls);
    text-transform: uppercase;
    color: white;
}

.woningzoeker .infowindow ul {
    padding-left: 0;
    list-style: disc;
}

.woningzoeker .infowindow ul li {
    position: relative;
    padding-left: 20px;
    list-style: none;
}

.woningzoeker .infowindow ul li::before,
.woningzoeker .infowindow ul li::after {
    color: #fff;
    background-color: rgba(255, 255, 255, 0);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    content: "";
}

.woningzoeker .infowindow ul li::after {
    content: "›";
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 17px;
    line-height: 14px;
    text-align: center;
    color: white;
}

/** side woning info **/
.modelno1 {
    /*text-align: left;*/
}

.blocker.modelno1 .modal {
    max-width: 1000px;
    overflow: hidden;
    /*margin-left: 50px;*/
    max-height: 100%;
    min-height: 250px;
    height: auto;
    padding: 0;
}

.woningen {
    display: flex;
    min-height: 250px;
}

.woningen .header {
    width: 60%;
}

.woningen .content {
    flex: 1;
    padding: 30px;
    box-sizing: border-box;
    align-self: center;
    max-height: 500px;
}

.woningen .status {
    position: absolute;
    background-color: #bccda8;
    color: white;
    padding: 12px 18px 12px 18px;
    font-size: 14px;
    text-transform: uppercase;
    z-index: 9;
}

.woningen.status1 .status {
    background-color: #b49c6d;
}

.woningen.status2 .status {
    background-color: #b46d6d;
}

.woningen.status3 .status {
    background-color: #eee;
    color: #000;
}

.woningen .image {
    background-color: lightgrey;
    text-align: center;
    color: darkgrey;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.woningen .image .slidecontainer {
    width: 100%;
}

.woningen .image .slidecontainer .slick-slide {
    width: 100%;
    height: 500px;
    background-position: center;
    background-size: cover;
    cursor: grab;
}

.slickvideo {
    overflow: hidden;
    position: relative;
}

.slickvideo video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

/*.slickvideo:after {
    content: ' ';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
    background-color: rgba(237, 136, 4, .9);
    position: absolute;
}

.slickvideo:before {
    content: ' ';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    background-image: url("data:image/svg+xml,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 118.21 403.65'%3E%3Cdefs%3E%3CclipPath id='clip-path' transform='translate(0 -.35)'%3E%3Cpath fill='none' d='M0 .35h118.21V404H0z'/%3E%3C/clipPath%3E%3Cstyle%3E.cls-5%7Bfill:none%7D.cls-3%7Bfill:%23fff%7D.cls-4%7Bclip-path:url(%23clip-path)%7D.cls-5%7Bstroke:%23fff%7D%3C/style%3E%3C/defs%3E%3Cpath fill='none' d='M0 0h118.21v403.65H0z'/%3E%3Cpath class='cls-3' d='M17.18 290.79h-2.56v30.4h14.27v-2.38H17.18v-28.02z'/%3E%3Cg class='cls-4'%3E%3Cpath class='cls-3' d='M44.54 308.18c0 8.24-2.21 11.28-6 11.28s-6-3-6-11.28v-3.7c0-8.19 2.21-11.28 6-11.28s6 3.09 6 11.28zm2.55 0v-3.7c0-9.56-3.39-13.66-8.59-13.66s-8.59 4.1-8.59 13.66v3.7c0 9.61 3.39 13.66 8.59 13.66s8.59-4 8.59-13.66' transform='translate(0 -.35)'/%3E%3C/g%3E%3Cpath class='cls-3' d='M52.2 290.79v30.4h2.56v-13.84h10.7v-2.38h-10.7v-11.8h11.72v-2.38H52.2zM68.06 290.79v2.38h7.4v28.02h2.56v-28.02h7.4v-2.38H68.06z'/%3E%3Cg class='cls-4'%3E%3Cpath class='cls-3' d='M103.17 295.8c-1.67-3.35-4-5-7.84-5-5.42 0-7.62 3.62-7.62 7.85 0 5.46 3 7.44 7.49 8.76s5.86 2.87 5.86 6.48c0 3-1.28 5.55-5.42 5.55-3.39 0-4.85-1.63-6.34-4l-2.12 1.41a8.91 8.91 0 008.46 5c5.82 0 8-4 8-7.93 0-5.73-3-7.27-7.49-8.77-3.44-1.14-5.86-2.07-5.86-6.47 0-3.7 1.89-5.47 5-5.47s4.58 1.72 5.86 4zM87.12 376.38v.8h2.06c-.09 2.52-.84 3.51-2.09 3.51s-2-1-2-3.82v-1.25c0-2.8.71-3.82 2-3.82 1.09 0 1.78.69 2 2.4H90c-.26-2.25-1.37-3.2-2.88-3.2-1.79 0-2.91 1.3-2.91 4.62v1.25c0 3.33 1.12 4.62 2.91 4.62s3-1.37 3-4.69v-.42zm-9.58-.16v-4.31h1.7c1.4 0 2.05.62 2.05 2.16s-.65 2.15-2.05 2.15zm4.82 5.17l-1.86-4.55a2.63 2.63 0 001.66-2.77 2.66 2.66 0 00-2.92-3h-2.57v10.29h.87V377h1.25a8 8 0 00.85 0l1.76 4.4zm-9.44-10.29v6.1c0 2.39-.7 3.49-2.06 3.49s-2-1.1-2-3.49v-6.1H68v6.1c0 3 1.13 4.29 2.91 4.29s2.92-1.26 2.92-4.29v-6.1zm-11.92.81h1.58c1.56 0 1.9.76 1.9 1.8s-.46 1.94-1.71 1.94H61zm0 4.54h1.64c1.46 0 2.11.69 2.11 2.08 0 1.2-.56 2.05-1.91 2.05H61zm-.87-5.35v10.29h2.71a2.61 2.61 0 002.78-2.86A2.33 2.33 0 0064 376a2.3 2.3 0 001.37-2.31c0-1.7-.91-2.61-2.77-2.61zm-7.06 5.12v-4.31h1.7c1.4 0 2 .62 2 2.16s-.65 2.15-2 2.15zm4.82 5.17L56 376.84a2.63 2.63 0 001.66-2.77 2.66 2.66 0 00-2.92-3h-2.56v10.29h.87V377h1.25a8 8 0 00.85 0l1.76 4.4zm-13.11-5.77c0-2.77.74-3.82 2-3.82s2 1.05 2 3.82v1.25c0 2.79-.74 3.82-2 3.82s-2-1-2-3.82zm5 1.25v-1.25c0-3.24-1.15-4.62-2.91-4.62s-2.9 1.38-2.9 4.62v1.25c0 3.25 1.14 4.62 2.9 4.62s2.91-1.37 2.91-4.62m-12.82-1.25c0-2.77.74-3.82 2-3.82s2 1.05 2 3.82v1.25c0 2.79-.74 3.82-2 3.82s-2-1-2-3.82zm5 1.25v-1.25c0-3.24-1.15-4.62-2.91-4.62s-2.9 1.38-2.9 4.62v1.25c0 3.25 1.14 4.62 2.9 4.62s2.91-1.37 2.91-4.62M28 371.1l2.9 10.29h.84l2.9-10.29h-.91l-2.41 8.84-2.42-8.84zM84.36 360.12v.8h2c-.09 2.52-.83 3.51-2.08 3.51s-2-1-2-3.82v-1.25c0-2.8.72-3.82 2-3.82 1.08 0 1.77.69 2 2.4h.83c-.25-2.25-1.37-3.2-2.87-3.2-1.79 0-2.91 1.29-2.91 4.62v1.25c0 3.33 1.12 4.62 2.91 4.62s3-1.37 3-4.69v-.42zm-7.64-3.83l1.39 5.53h-2.77zm-2.28 8.84l.64-2.51h3.28l.64 2.51h.9l-2.77-10.29h-.79l-2.79 10.29zm-5.12-8.84l1.38 5.53h-2.77zM67 365.13l.65-2.51H71l.64 2.51h.89l-2.77-10.29h-.79l-2.79 10.29zm-7.4-10.29h-.87v10.29h.87v-4.94h3.71v4.94h.86v-10.29h-.86v4.55H59.6zm-8.2 0v8.35l-3.73-8.35h-.85v10.29h.87v-8.27l3.71 8.27h.86v-10.29zm-11.79 0v10.29h4.83v-.81h-4v-4.11h3.62v-.81h-3.59v-3.75h4v-.81zm-5.43 9.48h-1.65v-8.67h1.65c1.35 0 2.09.91 2.09 3.72v1.23c0 2.86-.74 3.72-2.09 3.72m0 .81c1.81 0 3-1.21 3-4.53v-1.23c0-3.32-1.14-4.53-3-4.53h-2.51v10.29zM100.23 342.44v2.43h1.07c-.07 1-.28 1.74-1.18 1.74s-1.29-.88-1.29-2.87v-1.9c0-2 .37-2.87 1.29-2.87s1 .74 1.09 1.49H104c-.3-2.37-1.59-3.92-3.88-3.92s-4.21 1.63-4.21 5.54v1.66c0 3.63 1.83 5.3 4.21 5.3s3.91-1.67 3.91-5.3v-1.3zm-9.52-5.73v6.22l-3.55-6.22H85v12.16h2.7v-6.13l3.54 6.13h2.22v-12.16zm-8.57 0h-2.93v12.16h2.93zm-14.29 0l3.4 12.16h2.64l3.4-12.16h-3.08l-1.64 7.21-1.64-7.21zm-1.92 0H63v12.16h2.92zm-8.74 0h-2.92v12.16h6.66v-2.43h-3.74zm-18.35 0l3.16 7.51v4.65h2.9v-4.65l3.1-7.51h-3.21l-1.36 4.07-1.35-4.07zm-9 0v2.43h2.5v9.73h2.92v-9.73h2.51v-2.43zm-2.06 0H24.9v12.16h2.93zm-5.29 3.75c-.35-2.64-1.83-3.92-3.87-3.92-2.38 0-4.21 1.63-4.21 5.3v1.9c0 3.63 1.83 5.3 4.21 5.3 2.23 0 3.5-1.2 3.87-3.93h-2.73c-.11 1-.32 1.5-1.09 1.5-.94 0-1.29-1-1.29-2.87v-1.9c0-2 .37-2.87 1.29-2.87s1 .72 1.09 1.49z' transform='translate(0 -.35)'/%3E%3C/g%3E%3Cpath class='cls-3' d='M75.1 147.97v65.47l-37.46-65.47H14.46v127.96h28.93V211.4l37.27 64.53h23.37V147.97H75.1z'/%3E%3Cpath class='cls-5' d='M14.46 327.53h89.57M14.46 389.41h89.57M14.46 284.44h89.57'/%3E%3Cg class='cls-4'%3E%3Cpath class='cls-3' d='M39.13 121.73c0 3.88-1.77 6.42-6.59 6.42h-4.06v-12.76h3.22c5.57 0 7.43 2.11 7.43 6.34m-1.6-23.16c0 3-1.36 5.16-5.67 5.16h-3.38V93.08h2.29c6 0 6.76 2.2 6.76 5.49M51.64 97c0-10.65-7.35-15.47-19.1-15.47H14.46v58.31h19.6c13.35 0 19.27-7.44 19.27-16.73 0-7.18-2.87-11.33-7-13.94 3.22-2.62 5.33-6.17 5.33-12.17' transform='translate(0 -.35)'/%3E%3C/g%3E%3Cpath class='cls-3' d='M83.75 118.18h-6.93l3.55-17zM104 139.81L87.3 81.5H73.44l-16.73 58.31h14.62l2.2-10h13.6l2.2 10z' transform='translate(0 -.35)'/%3E%3Cg class='cls-4'%3E%3Cpath class='cls-3' d='M40.74 14.59v34.82c0 8.53-1.19 12.67-6.09 12.67s-6.17-4.14-6.17-12.67V14.59h-14v34.82c0 17.15 9.12 24.34 20.19 24.34s20.12-7.19 20.12-24.43V14.59zM88.14 32.93c0 5.49-3.46 6.25-7.43 6.25h-3.3V26.25h3.3c4 0 7.43 1.1 7.43 6.68m14 0c0-12.17-7.77-18.34-19.18-18.34H63.38V72.9h14V50.84h4.23l7.55 22.06H104l-9.09-24.68c4.39-2.61 7.26-7.69 7.26-15.29' transform='translate(0 -.35)'/%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    margin: 0 auto;
    background-repeat: no-repeat;
    position: absolute;
    width: 80px;
    background-position: center center;
    background-size: contain;
}*/

/*https://wonenindedirigent.nl/wp-content/uploads/2020/06/retNW-wt.png*/

.woningen .slidecontainer .slick-arrow {
    position: absolute;
    /*background-color: #bdb5a0;*/
    color: white;
    z-index: 99;
    bottom: 0;
    right: 40px;
    width: 40px;
    height: 40px;
    line-height: 35px;
    opacity: 0.9;
    cursor: pointer;
    font-size: 2.5em;
    transition: all 0.2s ease-out;
}

.woningen .slidecontainer .slick-arrow:not(.slick-disabled):hover {
    font-size: 2.8em;
    line-height: 35px;
}

.woningen .slidecontainer .slick-disabled {
    /*background-color: #a5a5a5;*/
    color: grey;
    cursor: not-allowed;
}

.woningen .slidecontainer .slicknext {
    right: 0px;
}

.woningen .image .modal-spinner {
    display: block;
    position: absolute;
    top: 130px;
}

.woningen .bnr {
    color: #747479;
    background-color: transparent;
    width: 100%;
    font-size: 35px;
    font-family: var(--wzfont);
    letter-spacing: var(--wzls);
    transition: all 1s ease;
    box-sizing: border-box;
    margin-bottom: 1.3em;
    display: flex;
}

.woningen .bnr div:first-child {
    flex: 1;
    position: relative;
}

.woningen:not(.status3) .bnr div:first-child:before {
    content: 'Appartement';
    font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
    position: absolute;
    margin-top: -2.2em;
    font-size: 16px;
    opacity: 0.5;
}

.woningen .price {
    position: relative;
}

.woningen .price:before {
    content: 'Huurprijs';
    white-space: nowrap;
    position: absolute;
    font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
    margin-top: -2.5em;
    font-size: 16px;
    opacity: 0.5;
    right:0;
}

.woningen .price:after {
    content: 'excl. service kosten';
    white-space: nowrap;
    position: absolute;
    font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif;
    top:25px;
    right:0;
    font-size: 12px;
    opacity: 0.5;
}

.woningen.status1 .bnr .price {
    text-decoration: line-through;
}

.woningdetails {
    line-height: 1.6em;
    margin-bottom: 1em;
}

.woningen table {
    width: 100%;
    border-collapse: collapse;
}

.woningen table tr {
    border-top: 1px solid #6d9ab4;
    border-top: 1px solid rgba(109, 154, 180, 0.25);
}

.woningen table tr:first-child {
    border-top: none;
}

.woningen .buttons {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.woningen .text {
    font-size: 14px;
}

.woningen .buttons a {
    text-transform: uppercase;
    font-size: 12px;
    padding: 0 18px 0 18px;
    min-height: 40px;
    line-height: 40px;
    position: relative;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    text-align: center;
    background-color: #bccda8;
    color: #fff;
    margin: 2px;
    flex: 1;
}

.woningen .buttons a:first-child {
    width: 100%;
    flex: auto;
}

.woningen .buttons a:hover {
    background-color: #a5a5a5;
    color: #fff;
}

.woningen a {
    color: #6d9ab4;
}

.woningen a:hover {
    color: #000;
}

/** media modal **/
.modelno2 .modal {
    background: transparent;
}

.modelno2 .modal::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.05em;
}

.modelno2 .modal .media {
    text-align: center;
    display: inline-block;
    width: 100%;
}

.modelno2 .modal .media img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 80vh;
    display: inline-block;
}

/* mobile aanpassingen */
@media only screen and (max-width: 700px) {

    .blocker,
    .blocker:not(.modelno1):not(.modelno2) .modal {
        padding: 0;
    }

    .woningzoeker .svgcontainer {
        overflow: hidden;
    }

    .woningzoeker .svgcontainer svg {
        margin: 0 -300px 0 -100px;
    }

    .woningzoeker .infowindow {
        display: none;
    }

    .blocker.modelno1 .modal {
        height: 100%;
        margin-left: 0;
        max-width: 100%;
    }

    .woningen {
        display: block;
        align-items: center;
    }

    .woningen .image .slidecontainer .slick-slide {
        height: 300px;
    }

    .woningen .header,
    .woningen .content {
        width: 100%;
    }

    .blocker.modelno1 .modal {
        overflow-y: scroll;
    }

    .woningen .content {
        overflow-x: hidden;
        max-height: auto;
        margin-top: 20px;
    }

    .woningen .bnr {
        margin-top: 1.5em;
    }

    /*.woningen .price {
    margin-top:1.5em;
  }
  .woningen .price:before {
    right: auto;
  }*/
}