:root{--wn-oranje:#F98F1E;--wn-oranje-d1:#EE8212;--wn-oranje-d2:#DE770C;--wn-oranje-licht:#FDF3E7;--wn-blauw:#0A6FB3;--wn-blauw-d1:#095F99;--wn-blauw-d2:#085386;--wn-marine:#063F63;--wn-blauw-licht:#E8F5FC;--wn-blauw-licht-d1:#D3ECF9;--wn-n10:#FAFAFA;--wn-n20:#E6E6E6;--wn-n30:#CCCCCC;--wn-n40:#999999;--wn-n50:#666666;--wn-n60:#4D4D4D;--wn-n80:#333333;--wn-groen:#22AB34;--wn-groen-d:#187428;--wn-rood:#C93328;--wn-geel:#F7CE00;--wn-font:"Figtree","Segoe UI",Roboto,Arial,sans-serif;--wn-container:1020px;--wn-kop:60px;--wn-radius:8px;--wn-radius-s:4px;--wn-schaduw:0 4px 20px -1px rgba(0,0,0,.2);--wn-ease:cubic-bezier(.4,0,0,1)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body.wnBody{margin:0;font-family:var(--wn-font);font-size:16px;line-height:1.5;color:var(--wn-n80);background:#fff;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}
.wnMain{flex:1 0 auto}
img,svg{display:block;max-width:100%}
a{color:var(--wn-blauw);text-decoration:none}
a:hover{color:var(--wn-blauw-d1)}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
[hidden]{display:none!important}
.wnSkip{position:absolute;left:-999px;top:8px;background:#fff;color:var(--wn-blauw);padding:8px 12px;border-radius:4px;z-index:100}
.wnSkip:focus{left:8px}
.wnContainer{width:100%;max-width:var(--wn-container);margin:0 auto;padding:0 16px}
.wnIcoon{flex-shrink:0}
.wnLijn{border:0;border-top:1px solid var(--wn-n20);margin:0}
.wnLink{display:inline-flex;align-items:center;gap:6px;color:var(--wn-blauw);cursor:pointer}
.wnLink:hover{color:var(--wn-blauw-d1)}
.wnLink--vet{font-weight:600}
.wnTekst p{margin:0 0 1em}
.wnTekst p:last-child{margin-bottom:0}
.wnTekst h2,.wnTekst h3{margin:1.4em 0 .5em;font-weight:600}
.wnTekst ul{list-style:disc;padding-left:1.3em;margin:0 0 1em}
.wnKnop{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 16px;border-radius:var(--wn-radius-s);font-weight:400;white-space:nowrap;border:1px solid transparent;transition:transform .5s var(--wn-ease),background .15s;cursor:pointer;line-height:1}
.wnKnop:active{transform:scale(.96);transition:none}
.wnKnop--primair{background:var(--wn-oranje);color:#fff}
.wnKnop--primair:hover{background:var(--wn-oranje-d1);color:#fff}
.wnKnop--primair:active{background:var(--wn-oranje-d2)}
.wnKnop--blauw{background:var(--wn-blauw);color:#fff}
.wnKnop--blauw:hover{background:var(--wn-blauw-d1);color:#fff}
.wnKnop--lijn{background:#fff;border-color:var(--wn-blauw);color:var(--wn-blauw)}
.wnKnop--lijn:hover{background:var(--wn-blauw-licht);border-color:var(--wn-blauw-d1);color:var(--wn-blauw-d1)}
.wnKnop--wit{background:#fff}
.wnKnop--tekst{color:var(--wn-blauw)}
.wnKnop--tekst:hover{background:var(--wn-blauw-licht)}
.wnKnop--vol{width:100%}
.wnKnop--zwevend{background:#fff;color:var(--wn-blauw);box-shadow:0 10px 15px -3px rgba(0,0,0,.15),0 4px 6px -4px rgba(0,0,0,.15);padding:0 12px}
.wnKnop--zwevend:hover{background:var(--wn-blauw-licht)}
.wnBadge{display:inline-block;padding:2px 8px;border-radius:var(--wn-radius-s);font-size:12px;font-weight:600;line-height:16px}
.wnBadge--nieuw{background:var(--wn-oranje);color:#fff}
.wnBadge--marine{background:var(--wn-marine);color:#fff}
.wnBadge--grijs{background:var(--wn-n20);color:var(--wn-n50)}
.wnBadge--groen{background:linear-gradient(90deg,#00AF90,#018C8A);color:#fff}
.wnBadge--rood{background:var(--wn-rood);color:#fff}
.wnBadge--blauw{background:var(--wn-blauw-licht);color:var(--wn-blauw)}
.wnKop{background:var(--wn-oranje);height:var(--wn-kop);padding:0 4px;position:relative;z-index:30}
.wnKop__rij{max-width:var(--wn-container);margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between}
.wnKop__logo{order:2;flex:1;display:flex;justify-content:center;padding:12px 0}
.wnLogo{height:32px;width:147px}
.wnKop__menu{order:1}
.wnKop__acties{order:4;display:flex;align-items:center;gap:4px;margin:0 8px}
.wnKop__knop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:4px;min-width:44px;border-radius:4px;color:#fff;font-size:12px;line-height:1.2;position:relative}
.wnKop__knop span{padding-top:4px;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wnKop__knop:hover{background:var(--wn-oranje-d1);color:#fff}
.wnKop__teller{position:absolute;top:0;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#fff;color:var(--wn-oranje);font-size:11px;font-weight:700;font-style:normal;display:flex;align-items:center;justify-content:center}
.wnKop__nav{display:none;order:3;flex:1;height:100%;align-items:center;gap:8px;margin-left:16px}
.wnKop__item{position:relative;height:100%;display:flex;align-items:center}
.wnKop__link{color:#fff;padding:10px 8px;border-radius:4px}
.wnKop__link:hover,.wnKop__item.is-open .wnKop__link{background:var(--wn-oranje-d1)}
.wnDrop{position:absolute;top:calc(100% + 5px);left:0;width:352px;background:#fff;border-radius:4px;box-shadow:var(--wn-schaduw);display:none;z-index:50}
.wnKop__item.is-open .wnDrop{display:block}
.wnDrop__pijl{position:absolute;top:-8px;left:32px;width:16px;height:8px;overflow:hidden}
.wnDrop__pijl::after{content:"";position:absolute;left:3px;top:3px;width:10px;height:10px;background:#fff;transform:rotate(45deg)}
.wnDrop__lijst{padding:8px 0}
.wnDrop__link{display:flex;align-items:center;gap:10px;height:44px;padding:0 20px;color:var(--wn-blauw)}
.wnDrop__link:hover{background:var(--wn-blauw-licht);color:var(--wn-marine)}
.wnMenuMobiel{position:fixed;inset:0;background:#fff;z-index:60;overflow-y:auto;display:flex;flex-direction:column}
.wnMenuMobiel__kop{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--wn-n20)}
.wnMenuMobiel__titel{display:flex;align-items:center;gap:10px;font-weight:600}
.wnMenuMobiel__sluit{color:var(--wn-n50);padding:4px}
.wnMenuMobiel__item{border-bottom:1px solid var(--wn-n20)}
.wnMenuMobiel__knop{display:flex;width:100%;align-items:center;justify-content:space-between;padding:12px 16px;font-weight:600;text-align:left;color:var(--wn-n80)}
.wnMenuMobiel__knop .wnIcoon{color:var(--wn-n40);transition:transform .3s}
.wnMenuMobiel__knop[aria-expanded="true"] .wnIcoon{transform:rotate(180deg)}
.wnMenuMobiel__sub{padding-bottom:8px}
.wnMenuMobiel__link{display:flex;align-items:center;gap:10px;height:44px;padding:0 20px;color:var(--wn-blauw)}
.wnMenuMobiel__voet{margin-top:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.wnVoet{margin-top:40px;background:#F2F2F2;border-top:1px solid var(--wn-n20);border-bottom:4px solid var(--wn-oranje)}
.wnVoet__kolommen{max-width:var(--wn-container);margin:0 auto;padding:0 16px}
.wnVoet__kop{font-weight:600;font-size:16px}
.wnVoet__kop--mobiel{display:flex;width:100%;align-items:center;justify-content:space-between;padding:16px 0;text-align:left}
.wnVoet__kop--mobiel .wnIcoon{color:var(--wn-blauw);transition:transform .3s}
.wnVoet__kop--mobiel[aria-expanded="true"] .wnIcoon{transform:rotate(180deg)}
.wnVoet__kop--desktop{display:none}
.wnVoet__kolom{border-bottom:1px solid var(--wn-n20)}
.wnVoet__lijst{padding-bottom:8px}
.wnVoet__link{display:block;padding:8px 0;color:var(--wn-blauw)}
.wnVoet__balk{border-top:1px solid var(--wn-n20);padding:0 16px}
.wnVoet__balkrij{max-width:var(--wn-container);margin:0 auto;display:flex;flex-direction:column}
.wnVoet__sociaal{order:1;display:flex;gap:8px;margin-top:24px}
.wnVoet__sociaal a{display:block;padding:4px;color:var(--wn-blauw)}
.wnVoet__juridisch{order:3;margin:24px 0}
.wnVoet__copy{margin-bottom:8px}
.wnVoet__klein{display:flex;flex-wrap:wrap;gap:0 8px}
.wnVoet__klein a,.wnVoet__klein button{color:var(--wn-blauw)}
.wnVoet__klein li+li::before{content:"·";margin-right:8px;color:var(--wn-n50)}
.wnVoet__taal{order:2;display:inline-flex;align-items:center;gap:8px;margin-top:24px;color:var(--wn-blauw)}
.wnHero{position:relative;padding:0 16px}
.wnHero__lucht{position:absolute;inset:0 0 auto;height:480px;background:linear-gradient(to bottom,var(--wn-blauw-licht) 70%,#fff);z-index:-1}
.wnHero__binnen{max-width:var(--wn-container);margin:0 auto;padding-top:48px}
.wnHero__beeld{margin:0 auto;padding:0 16px;height:auto;max-height:240px;object-fit:contain}
.wnZoekbox{background:#fff;border:1px solid var(--wn-n20);border-radius:var(--wn-radius);overflow:hidden}
.wnZoekbox__titel{padding:16px 16px 0;text-align:center;font-size:24px;font-weight:600;line-height:1.25}
.wnZoekbox__tabs{margin-top:8px}
.wnTabs{position:relative;display:flex;max-width:100%;overflow-x:auto;scrollbar-width:none;box-shadow:inset 0 -2px 0 0 var(--wn-n20)}
.wnTabs::-webkit-scrollbar{display:none}
.wnTabs__tab{flex:1;padding:12px 24px;white-space:nowrap;color:var(--wn-n50);border-bottom:2px solid transparent}
.wnTabs__tab:hover{color:var(--wn-n80)}
.wnTabs__tab.is-actief{color:var(--wn-n80);font-weight:700}
.wnTabs__streep{position:absolute;bottom:0;left:0;height:3px;width:0;background:var(--wn-oranje);transition:transform .3s,width .3s}
.wnZoekbox__vorm{display:grid;gap:16px;padding-top:16px}
.wnZoekbox__vorm .wnZoekveld{margin:0 16px}
.wnZoekveld{position:relative;display:flex;height:44px}
.wnZoekveld__invoer{flex:1;min-width:0;height:44px;padding:4px 56px 4px 12px;border:1px solid var(--wn-n30);border-radius:var(--wn-radius-s);outline:0;background:#fff}
.wnZoekveld__invoer:focus{border-color:var(--wn-blauw)}
.wnZoekveld__knop{position:absolute;top:0;right:0;height:44px;width:44px;display:flex;align-items:center;justify-content:center;background:var(--wn-oranje);color:#fff;border-radius:0 var(--wn-radius-s) var(--wn-radius-s) 0}
.wnZoekveld__knop:hover{background:var(--wn-oranje-d1)}
.wnSuggest{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--wn-n20);border-radius:var(--wn-radius-s);box-shadow:var(--wn-schaduw);z-index:40;max-height:320px;overflow-y:auto}
.wnSuggest__item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer}
.wnSuggest__item:hover,.wnSuggest__item.is-actief{background:var(--wn-blauw-licht)}
.wnSuggest__item small{margin-left:auto;color:var(--wn-n40);white-space:nowrap}
.wnSuggest__item b{font-weight:600}
.wnSuggest__leeg{padding:12px;color:var(--wn-n50)}
.wnZoekbox__kaart{display:flex;align-items:center;gap:8px;min-height:44px;padding:16px;border-top:1px solid var(--wn-n20);color:var(--wn-blauw);order:3}
.wnZoekbox__laatste{padding:0 16px 16px;order:2}
.wnZoekbox__laatste a{display:flex;align-items:center;gap:4px;margin-top:8px;color:var(--wn-blauw)}
.wnSnel{display:flex;flex-direction:column;gap:16px;margin:32px 0}
.wnSnel__tegel{display:flex;align-items:center;gap:12px;width:100%;padding:8px 16px;border:1px solid var(--wn-n20);border-radius:var(--wn-radius-s);background:#fff;color:var(--wn-blauw);min-height:72px}
.wnSnel__tegel .wnIcoon{width:44px;height:44px;color:var(--wn-oranje)}
.wnSnel__tegel:hover{border-color:var(--wn-blauw)}
.wnSectie{margin-top:40px}
.wnSectie__kop{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}
.wnSectie__titel{font-size:20px;font-weight:600}
.wnSlider{position:relative}
.wnSlider__spoor{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.wnSlider__spoor::-webkit-scrollbar{display:none}
.wnSlider__spoor>*{scroll-snap-align:start;flex:0 0 329px;max-width:85vw}
.wnSlider__knop{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--wn-blauw);border-radius:var(--wn-radius-s);box-shadow:0 10px 15px -3px rgba(0,0,0,.15),0 4px 6px -4px rgba(0,0,0,.15)}
.wnSlider__knop--vorige{left:-12px}
.wnSlider__knop--volgende{right:-12px}
.wnSlider__knop[disabled]{opacity:0;pointer-events:none}
.wnTegel{position:relative;display:flex;flex-direction:column;border:1px solid var(--wn-n20);border-radius:var(--wn-radius);padding:16px;background:#fff}
.wnTegel__beeld{position:relative;display:block;aspect-ratio:314/209;overflow:hidden;border-radius:var(--wn-radius);background:var(--wn-n20)}
.wnTegel__beeld img{width:100%;height:100%;object-fit:cover}
.wnTegel__beeld .wnBadge{position:absolute;top:8px;left:8px}
.wnHart{position:absolute;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--wn-blauw);border-radius:var(--wn-radius-s);box-shadow:0 10px 15px -3px rgba(0,0,0,.15),0 4px 6px -4px rgba(0,0,0,.15);z-index:3}
.wnHart .wnIcoon+.wnIcoon,[data-wn="favoriet"] .wnIcoon+.wnIcoon{display:none}
.wnHart[aria-pressed="true"] .wnIcoon,[data-wn="favoriet"][aria-pressed="true"] .wnIcoon{display:none}
.wnHart[aria-pressed="true"] .wnIcoon+.wnIcoon,[data-wn="favoriet"][aria-pressed="true"] .wnIcoon+.wnIcoon{display:block;color:var(--wn-rood);animation:wnHart .7s}
@keyframes wnHart{0%,50%,100%{transform:scale(1)}25%,75%{transform:scale(1.25)}}
.wnHart--tegel{top:24px;right:24px}
.wnTegel__body{display:flex;flex-direction:column}
.wnTegel__prijs{margin-top:16px;font-size:20px;font-weight:600;order:-1}
.wnTegel__adres{margin-top:8px;color:var(--wn-blauw);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wnTegel__plaats{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wnFeiten{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:8px}
.wnFeiten li{display:flex;align-items:center;gap:4px}
.wnFeiten .wnIcoon{color:var(--wn-n40)}
.wnFeiten b{font-weight:600}
.wnFeiten--groot{gap:16px;margin-top:12px}
.wnFeiten--groot span{display:none;color:var(--wn-n50)}
.wnTegel__aanbieder{margin-top:16px;padding-top:16px;border-top:1px solid var(--wn-n20);color:var(--wn-blauw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wnPromo{display:grid;gap:24px}
.wnPromo__groot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:262px;padding:32px 24px;border-radius:var(--wn-radius);background:linear-gradient(135deg,var(--wn-marine),var(--wn-blauw) 70%,#2EA3E8);color:#fff;text-align:center}
.wnPromo__groot:hover{color:#fff}
.wnPromo__titel{font-size:28px;font-weight:600;line-height:1.1}
.wnPromo__tekst{max-width:480px;opacity:.9}
.wnPromo__knop{display:inline-block;margin-top:8px;padding:8px 16px;border:1px solid #fff;border-radius:var(--wn-radius-s)}
.wnPromo__klein{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:200px;padding:24px;border-radius:var(--wn-radius);background:var(--wn-oranje-licht);text-align:center}
.wnPromo__cijfer{font-size:40px;font-weight:700;color:var(--wn-oranje)}
.wnDrieluik{display:grid;gap:24px}
.wnDrieluik__tegel{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:16px;padding:24px;border-radius:var(--wn-radius);text-align:center}
.wnDrieluik__tegel .wnIcoon{width:64px;height:64px}
.wnDrieluik__tegel--blauw{background:var(--wn-blauw);color:#fff}
.wnDrieluik__tegel--blauw .wnKnop{background:transparent;border-color:#fff;color:#fff}
.wnDrieluik__tegel--blauw .wnKnop:hover{background:rgba(255,255,255,.2)}
.wnDrieluik__tegel--licht{background:var(--wn-blauw-licht);color:var(--wn-n80)}
.wnDrieluik__tegel--licht .wnIcoon{color:var(--wn-blauw)}
.wnDrieluik__tegel--zand{background:var(--wn-oranje-licht);color:var(--wn-n80)}
.wnDrieluik__tegel--zand .wnIcoon{color:var(--wn-oranje)}
.wnSteden{margin:24px 0 56px}
.wnSteden__raster{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px;margin-top:16px}
.wnZoeken__top{background:#fff}
.wnZoeken__balk{display:flex;gap:8px;padding:16px 0 12px}
.wnZoekveld--balk{flex:1;height:auto;min-height:44px;flex-wrap:wrap;align-items:center;border:1px solid var(--wn-n30);border-radius:var(--wn-radius-s);padding:0 44px 0 4px}
.wnZoekveld--balk .wnZoekveld__invoer{border:0;height:36px;padding:4px 8px;flex:1 1 120px}
.wnZoekveld__chips{display:flex;gap:4px;flex-wrap:wrap}
.wnChip{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 8px 0 12px;border-radius:16px;background:var(--wn-blauw-licht);color:var(--wn-marine);font-size:14px;white-space:nowrap}
.wnChip button{display:flex;color:var(--wn-blauw)}
.wnZoeken__wissel,.wnZoeken__bewaar{display:none}
.wnFilterbalk{display:flex;gap:8px;padding-bottom:16px}
.wnFilterbalk__snel{display:none;gap:8px}
.wnFilterbalk__snel li{position:relative}
.wnFilterknop{display:flex;align-items:center;justify-content:space-between;gap:4px;height:44px;width:150px;padding:8px 12px;border:1px solid var(--wn-n30);border-radius:var(--wn-radius-s);text-align:left;background:#fff}
.wnFilterknop span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wnFilterknop .wnIcoon{color:var(--wn-blauw)}
.wnFilterknop.is-actief{border-color:var(--wn-blauw);color:var(--wn-blauw);font-weight:600}
.wnFilterbalk__aanbod .wnFilterknop{width:100px;color:var(--wn-blauw)}
.wnFiltermenu{position:absolute;top:calc(100% + 4px);left:0;min-width:240px;padding:8px;background:#fff;border:1px solid var(--wn-n20);border-radius:var(--wn-radius-s);box-shadow:var(--wn-schaduw);z-index:20}
.wnFiltermenu--breed{min-width:320px}
.wnFiltermenu__rij{display:flex;gap:8px}
.wnFiltermenu__rij .wnVeld{flex:1}
.wnKeuze{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 8px;border-radius:var(--wn-radius-s);cursor:pointer}
.wnKeuze:hover{background:var(--wn-blauw-licht)}
.wnKeuze input{width:18px;height:18px;margin:0;accent-color:var(--wn-blauw)}
.wnKeuze--klein{min-height:0;padding:0;font-size:14px;align-items:flex-start}
.wnKeuze--klein:hover{background:none}
.wnKeuze--klein input{margin-top:3px}
.wnVeld{display:flex;flex-direction:column;gap:4px}
.wnVeld span{font-size:14px;color:var(--wn-n50)}
.wnVeld input,.wnVeld select,.wnVeld textarea,.wnPaneel__groep>select{height:44px;padding:0 12px;border:1px solid var(--wn-n30);border-radius:var(--wn-radius-s);background:#fff;width:100%}
.wnVeld textarea{height:auto;padding:10px 12px}
.wnVeld input:focus,.wnVeld select:focus,.wnVeld textarea:focus{outline:0;border-color:var(--wn-blauw)}
.wnFilterbalk__alle{flex:1;position:relative;gap:6px}
.wnFilterbalk__alleTekst{display:none}
.wnFilterbalk__aantal{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--wn-oranje);color:#fff;font-size:12px;font-style:normal;font-weight:700;display:flex;align-items:center;justify-content:center}
.wnZoeken__lichaam{border-top:1px solid var(--wn-n20);background:var(--wn-n10)}
.wnZoeken__lijstkolom{padding-bottom:40px}
.wnZoeken__kaartkolom{display:none}
.wnUitgelicht{margin-top:16px}
.wnUitgelicht__rij{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:8px}
.wnUitgelicht__rij::-webkit-scrollbar{display:none}
.wnUitgelicht__tegel{position:relative;flex:1 0 232px;max-width:243px;scroll-snap-align:start;border-radius:var(--wn-radius);overflow:hidden;background:#fff;border:1px solid var(--wn-n20)}
.wnUitgelicht__tegel img{height:155px;width:100%;object-fit:cover}
.wnUitgelicht__tekst{position:absolute;top:0;left:0;right:0;height:155px;display:flex;flex-direction:column;justify-content:flex-end;padding:8px;background:linear-gradient(to top,rgba(51,51,51,.75),transparent 60%);color:#fff}
.wnUitgelicht__tekst b{font-weight:600}
.wnUitgelicht__aanbieder{display:block;height:40px;padding:8px;line-height:24px;color:var(--wn-blauw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wnZoeken__kop{margin:24px 0 8px}
.wnZoeken__titel{font-size:16px;font-weight:600}
.wnZoeken__sorteer{display:flex;justify-content:space-between;margin-top:8px;padding:6px 0}
.wnSorteer{display:flex;align-items:center;gap:6px;color:var(--wn-blauw)}
.wnSorteer select{border:0;background:none;color:var(--wn-blauw);font-weight:600;cursor:pointer}
.wnZoeken__resultaten{display:flex;flex-direction:column;gap:12px}
.wnKaart{display:grid;gap:8px 16px;padding:16px;background:#fff;border:1px solid var(--wn-n20);border-radius:var(--wn-radius);container-type:inline-size}
.wnKaart__media{display:contents}
.wnCarrousel{position:relative;aspect-ratio:488/340;container-type:inline-size;border-radius:var(--wn-radius-s);overflow:hidden;background:var(--wn-n20)}
.wnCarrousel__spoor{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.wnCarrousel__spoor::-webkit-scrollbar{display:none}
.wnCarrousel__dia{flex:0 0 100%;height:100%;scroll-snap-align:start}
.wnCarrousel__dia img{width:100%;height:100%;object-fit:cover}
.wnCarrousel__einde{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;background:rgba(0,0,0,.75);color:#fff;text-align:center}
.wnCarrousel__avatar{width:56px;height:56px;border-radius:50%;border:2px solid #fff;object-fit:cover}
.wnCarrousel__einde b{font-weight:600}
.wnCarrousel__einde .wnKnop{flex-shrink:0}
@container (max-width:340px){.wnCarrousel__avatar,.wnCarrousel__einde span{display:none}}
.wnCarrousel__knop{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:36px;height:36px;display:none;align-items:center;justify-content:center;background:#fff;color:var(--wn-blauw);border-radius:var(--wn-radius-s);box-shadow:0 4px 12px rgba(0,0,0,.2)}
.wnCarrousel:hover .wnCarrousel__knop{display:flex}
.wnCarrousel__knop--vorige{left:8px}
.wnCarrousel__knop--volgende{right:8px}
.wnCarrousel__stippen{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;background:rgba(0,0,0,.3)}
.wnCarrousel__stippen i{width:6px;height:6px;border-radius:50%;background:#fff;opacity:.6}
.wnCarrousel__stippen i.is-actief{width:8px;height:8px;opacity:1}
.wnHart--kaart{top:8px;right:8px}
.wnKaart__duo{display:flex;gap:8px}
.wnKaart__duo a{flex:1;aspect-ratio:240/160;overflow:hidden;border-radius:var(--wn-radius-s);background:var(--wn-n20)}
.wnKaart__duo img{width:100%;height:100%;object-fit:cover}
.wnKaart__info{display:flex;flex-direction:column;padding-top:8px}
.wnKaart__badges{display:flex;flex-wrap:wrap;gap:4px}
.wnKaart__prijs{font-size:20px;font-weight:600;margin-top:4px}
.wnKaart__adres{display:flex;flex-direction:column;margin-top:4px}
.wnKaart__adres span{font-weight:600;color:var(--wn-blauw)}
.wnKaart__adres small{font-size:16px;color:var(--wn-n80)}
.wnKaart__tagline{padding:16px 0;color:var(--wn-n60);font-style:italic}
.wnKaart__aanbieder{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--wn-n20)}
.wnKaart__avatar{display:none;width:80px;height:80px;border-radius:50%;border:2px solid #fff;object-fit:cover;object-position:top}
.wnKaart__aanbiederTekst{display:flex;flex-direction:column;min-width:0;grid-column:2}
.wnKaart__aanbiederTekst b{display:none;font-weight:600}
.wnKaart__aanbiederTekst a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wnKaart__logo{grid-column:1;grid-row:1;width:56px;height:56px;display:flex;align-items:center;justify-content:center;padding:2px;border:1px solid var(--wn-n20);border-radius:var(--wn-radius-s);background:#fff}
.wnKaart__logo img{max-height:100%;object-fit:contain}
@container (min-width:713px){
.wnKaart{grid-template-columns:minmax(0,488px) minmax(280px,1fr);grid-template-rows:auto auto}
.wnCarrousel{grid-column:1;grid-row:1;max-width:488px}
.wnKaart__duo{grid-column:1;grid-row:2}
.wnKaart__duo a{max-width:240px}
.wnKaart__info{grid-column:2;grid-row:1;padding-top:0}
.wnKaart__aanbieder{grid-column:2;grid-row:2;grid-template-columns:1fr auto;gap:16px;padding:12px;border:1px solid var(--wn-n20);border-radius:var(--wn-radius-s);align-self:stretch}
.wnKaart__aanbiederTekst{grid-column:1;grid-row:1}
.wnKaart__aanbiederTekst b{display:block}
.wnKaart__logo{grid-column:2;grid-row:1;width:58px;height:58px}
}
@container (min-width:973px){
.wnKaart__aanbieder{grid-template-columns:auto 1fr auto}
.wnKaart__avatar{display:block;grid-column:1}
.wnKaart__aanbiederTekst{grid-column:2}
.wnKaart__logo{grid-column:3;width:120px;height:120px;padding:4px}
}
.wnLeeg{padding:48px 16px;text-align:center;background:#fff;border:1px solid var(--wn-n20);border-radius:var(--wn-radius)}
.wnLeeg h2{font-size:20px;font-weight:600;margin-bottom:8px}
.wnLeeg p{margin-bottom:16px;color:var(--wn-n50)}
.wnLeeg__icoon{display:inline-flex;width:64px;height:64px;align-items:center;justify-content:center;border-radius:50%;background:var(--wn-blauw-licht);color:var(--wn-blauw);margin-bottom:16px}
.wnLeeg__icoon .wnIcoon{width:32px;height:32px}
.wnLeeg__tekst{color:var(--wn-n50);padding:16px 0}
.wnPaginering{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:24px 0}
.wnPaginering__lijst{display:flex;gap:4px}
.wnPaginering__nr{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;border-radius:var(--wn-radius-s);color:var(--wn-blauw)}
.wnPaginering__nr:hover{background:var(--wn-blauw-licht)}
.wnPaginering__nr.is-actief{background:var(--wn-blauw);color:#fff}
.wnPaginering__gat{display:flex;align-items:center;height:40px;padding:0 4px;color:var(--wn-n40)}
.wnPaginering__pijl{display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 8px;color:var(--wn-blauw)}
.wnVerwant{margin-top:24px;padding-bottom:16px}
.wnVerwant h2,.wnVerwant h3{font-size:16px;font-weight:600}
.wnVerwant>p{margin:8px 0 24px}
.wnVerwant__kolommen{display:grid;gap:24px}
.wnVerwant li{margin-top:4px}
.wnPaneel{position:fixed;inset:0;z-index:70}
.wnPaneel__achter{position:absolute;inset:0;background:rgba(0,0,0,.4)}
.wnPaneel__vlak{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:440px;background:#fff;display:flex;flex-direction:column;box-shadow:-8px 0 24px rgba(0,0,0,.15);animation:wnSchuif .3s var(--wn-ease)}
@keyframes wnSchuif{from{transform:translateX(100%)}to{transform:translateX(0)}}
.wnPaneel__kop{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--wn-n20)}
.wnPaneel__kop h2{font-size:20px;font-weight:600}
.wnPaneel__sluit{color:var(--wn-n50);padding:4px}
.wnPaneel__body{flex:1;overflow-y:auto;padding:8px 16px}
.wnPaneel__groep{border:0;padding:16px 0;margin:0;border-bottom:1px solid var(--wn-n20)}
.wnPaneel__groep legend{font-weight:600;padding:0;margin-bottom:8px}
.wnPaneel__voet{display:flex;justify-content:space-between;gap:12px;padding:16px;border-top:1px solid var(--wn-n20);background:#fff}
.wnSchakel{display:inline-flex;border:1px solid var(--wn-blauw);border-radius:var(--wn-radius-s);overflow:hidden}
.wnSchakel label{display:flex;flex:1}
.wnSchakel input{position:absolute;opacity:0;pointer-events:none}
.wnSchakel span{display:flex;align-items:center;justify-content:center;min-width:44px;height:42px;padding:0 16px;color:var(--wn-blauw);cursor:pointer;white-space:nowrap}
.wnSchakel label+label span{border-left:1px solid var(--wn-blauw)}
.wnSchakel input:checked+span{background:var(--wn-blauw);color:#fff}
.wnSchakel--vol{display:flex;margin-bottom:16px}
.wnSchakel--klein span{padding:0 12px}
.wnLabels{display:flex;flex-wrap:wrap;gap:6px}
.wnLabelKeuze{position:relative}
.wnLabelKeuze input{position:absolute;opacity:0;pointer-events:none}
.wnLabelKeuze span{display:flex;align-items:center;height:32px;min-width:44px;padding:0 16px 0 10px;color:#fff;font-weight:600;clip-path:polygon(0 0,calc(100% - .6rem) 0,100% 50%,calc(100% - .6rem) 100%,0 100%);opacity:.45;cursor:pointer}
.wnLabelKeuze input:checked+span{opacity:1;outline:2px solid var(--wn-n80)}
.wnEnergie{display:inline-flex;align-items:center;height:24px;min-width:44px;padding:0 16px 0 10px;color:#fff;font-weight:600;border-radius:2px;clip-path:polygon(0 0,calc(100% - .6rem) 0,100% 50%,calc(100% - .6rem) 100%,0 100%)}
.wnEnergie--a4,.wnLabelKeuze--a4 span{background:#00703C}
.wnEnergie--a3,.wnLabelKeuze--a3 span{background:#008A47}
.wnEnergie--a2,.wnLabelKeuze--a2 span{background:#009342}
.wnEnergie--a1,.wnLabelKeuze--a1 span{background:#26A344}
.wnEnergie--a,.wnLabelKeuze--a span{background:#009342}
.wnEnergie--b,.wnLabelKeuze--b span{background:#52B14B}
.wnEnergie--c,.wnLabelKeuze--c span{background:#C8D200}
.wnEnergie--d,.wnLabelKeuze--d span{background:#FFEC00}
.wnEnergie--d,.wnEnergie--c{color:var(--wn-n80)}
.wnEnergie--e,.wnLabelKeuze--e span{background:#F7B500}
.wnEnergie--f,.wnLabelKeuze--f span{background:#EF7D00}
.wnEnergie--g,.wnLabelKeuze--g span{background:#E30613}
.wnKaartvlak{position:relative;height:352px;border-radius:var(--wn-radius);overflow:hidden;background:var(--wn-n10)}
.wnKaartvlak__laag{position:absolute;inset:0;z-index:0}
.wnKaartvlak__gereedschap{position:absolute;top:16px;left:16px;z-index:5;display:flex;flex-wrap:wrap;gap:8px}
.wnKaartvlak__knop{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;background:#fff;color:var(--wn-blauw);border-radius:var(--wn-radius-s);box-shadow:0 4px 12px rgba(0,0,0,.2);font-size:14px;cursor:pointer}
.wnKaartvlak__knop.is-actief{background:var(--wn-blauw);color:#fff}
.wnKaartvlak__knop--afstand select{border:0;background:none;color:var(--wn-blauw);font-weight:600;cursor:pointer}
.wnKaartvlak__hint{display:inline-flex;align-items:center;height:40px;padding:0 12px;border-radius:var(--wn-radius-s);background:var(--wn-marine);color:#fff;font-size:14px}
.wnPin--speld{background:var(--wn-blauw)}
.wnChip .wnIcoon{width:16px;height:16px}
.wnKaartvlak__knop--schakel input{accent-color:var(--wn-blauw);margin:0}
.wnKaartvlak__zoom{position:absolute;right:16px;bottom:24px;z-index:5;display:flex;flex-direction:column;box-shadow:0 4px 12px rgba(0,0,0,.2);border-radius:var(--wn-radius-s);overflow:hidden}
.wnKaartvlak__zoom button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--wn-blauw)}
.wnKaartvlak__zoom button+button{border-top:1px solid var(--wn-n20)}
.wnKaartvlak__lagen{position:absolute;top:16px;left:16px;z-index:5;display:flex;background:#fff;border-radius:var(--wn-radius-s);box-shadow:0 4px 12px rgba(0,0,0,.2);overflow:hidden}
.wnKaartvlak__lagen button,.wnKaartvlak__lagen a{display:flex;align-items:center;height:44px;padding:0 16px;color:var(--wn-blauw);white-space:nowrap}
.wnKaartvlak__lagen>*+*{border-left:1px solid var(--wn-n20)}
.wnKaartvlak__lagen .is-actief{background:var(--wn-blauw);color:#fff}
.wnKaartvlak__vergroot{position:absolute;top:16px;right:16px;z-index:5;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--wn-blauw);border-radius:var(--wn-radius-s);box-shadow:0 4px 12px rgba(0,0,0,.2)}
.wnKaartvlak.is-groot{position:fixed;inset:0;z-index:80;height:auto;border-radius:0}
.wnKaartvlak--woning{height:352px;margin-top:24px}
.wnPin{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--wn-oranje);color:#fff;border-radius:var(--wn-radius-s);box-shadow:0 2px 6px rgba(0,0,0,.3);border:2px solid #fff}
.wnPin--prijs{width:auto;height:28px;padding:0 8px;font-size:13px;font-weight:600;white-space:nowrap;border-radius:14px;background:#fff;color:var(--wn-marine);border:2px solid var(--wn-oranje)}
.wnPin--prijs.is-actief,.wnPin--prijs:hover{background:var(--wn-oranje);color:#fff}
.wnPin--tros{width:40px;height:40px;border-radius:50%;background:var(--wn-marine);font-weight:700}
.leaflet-popup-content-wrapper{border-radius:var(--wn-radius);padding:0;overflow:hidden}
.leaflet-popup-content{margin:0;width:260px!important}
.wnPopup{display:block;color:var(--wn-n80);font-family:var(--wn-font)}
.wnPopup__foto{width:100%;height:150px;object-fit:cover}
.wnPopup__tekst{display:flex;flex-direction:column;padding:12px;font-size:14px;line-height:1.4}
.wnPopup__tekst b{color:var(--wn-blauw);font-weight:600}
.wnPopup__tekst strong{margin-top:4px;font-size:16px}
.wnPopup__tekst em{font-style:normal;color:var(--wn-n50)}
.wnKruimels{display:flex;align-items:center;padding:10px 0}
.wnKruimels__lijst{display:none;align-items:center}
.wnKruimels__lijst li{display:flex;align-items:center}
.wnKruimels__lijst li+li::before{content:"/";margin:0 6px;color:var(--wn-n50)}
.wnKruimels__lijst a{display:flex;align-items:center;padding:4px 2px;color:var(--wn-blauw)}
.wnKruimels__lijst span{color:var(--wn-n50)}
.wnKruimels__terug{display:flex;align-items:center;gap:4px;line-height:32px}
.wnMedia{position:relative;max-width:1152px;margin:0 auto}
.wnMedia__raster{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;gap:4px;overflow:hidden}
.wnMedia__cel{position:relative;display:none;aspect-ratio:5/4;overflow:hidden;background:var(--wn-n20)}
.wnMedia__cel img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.wnMedia__cel:hover img{transform:scale(1.04)}
.wnMedia__cel--groot{display:block;grid-column:1/-1;aspect-ratio:auto;max-height:clamp(250px,40vw,290px)}
.wnMedia__afspelen{position:absolute;top:50%;left:50%;width:80px;height:80px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;backdrop-filter:blur(2px)}
.wnMedia__afspelen .wnIcoon{width:48px;height:48px}
.wnMedia__acties{position:absolute;top:16px;right:16px;display:flex;gap:8px;z-index:2}
.wnMedia__acties .wnKnop{width:44px}
.wnMedia__bewaarTekst{display:none}
.wnMediaTabs{display:flex;align-items:center;justify-content:space-between}
.wnMediaTabs__lijst{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;padding:16px 0}
.wnMediaTabs__tab{display:flex;flex-direction:column;align-items:center;color:var(--wn-blauw);text-align:center}
.wnMediaTabs__mini{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:75px;border-radius:var(--wn-radius-s);background:var(--wn-n20) center/cover}
.wnMediaTabs__mini i{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.5);color:#fff}
.wnMediaTabs__tekst{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.wnMediaTabs__tekst>.wnIcoon{display:none}
.wnMediaTabs__tekst small{display:none;color:var(--wn-n40);font-size:16px}
.wnMediaTabs__alle{display:none;align-items:center;gap:8px;color:var(--wn-blauw);white-space:nowrap}
.wnWoning__kolommen{display:flex;flex-direction:column;margin-top:24px}
.wnWoning__kop{padding-bottom:16px;border-bottom:1px solid var(--wn-n20)}
.wnWoning__badges{display:flex;gap:4px;margin-bottom:8px}
.wnWoning__titelrij{display:grid;grid-template-columns:1fr auto;gap:8px}
.wnWoning__titel{font-size:24px;font-weight:700;line-height:1.2}
.wnWoning__plaats{color:var(--wn-n40)}
.wnWoning__prijsrij{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:12px 0}
.wnWoning__prijs{font-size:20px;font-weight:700}
.wnWoning__lasten{display:none}
.wnWoning__lasten--mobiel{display:inline-flex;margin-top:12px}
.wnWoning__kaartlink{display:flex;flex-direction:column;align-items:center;gap:8px;margin-left:8px;color:var(--wn-blauw)}
.wnWoning__kaartmini{display:block;width:60px;height:60px;border:1px solid var(--wn-n20);border-radius:6px;overflow:hidden}
.wnWoning__kaartmini svg{width:100%;height:100%}
.wnAccent{margin-top:16px;padding:12px 16px;border-radius:var(--wn-radius-s);background:var(--wn-blauw-licht);line-height:24px}
.wnBlok{margin-top:24px}
.wnBlok__titel{font-size:20px;font-weight:600;margin-bottom:16px}
.wnBlok__rij{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.wnBlok__reistijd{margin-top:16px}
.wnUitklap{position:relative}
.wnUitklap__inhoud{position:relative;overflow:hidden}
.wnUitklap.is-dicht .wnUitklap__inhoud{max-height:var(--wn-max,160px)}
.wnUitklap.is-dicht .wnUitklap__inhoud::after{content:"";position:absolute;left:0;right:0;bottom:0;height:80px;background:linear-gradient(to top,#fff,transparent)}
.wnUitklap__knop{margin-top:8px;padding:8px 0}
.wnUitklap.is-open .wnUitklap__knop .wnIcoon{transform:rotate(180deg)}
.wnUitklap:not(.is-dicht):not(.is-open) .wnUitklap__knop{display:none}
.wnKort{display:flex;flex-direction:column;gap:16px}
.wnKort__item{display:grid;grid-template-columns:auto 1fr;column-gap:16px;padding-bottom:16px;border-bottom:1px solid var(--wn-n20)}
.wnKort__item:last-child{border-bottom:0;padding-bottom:0}
.wnKort__icoon{grid-row:span 2;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--wn-radius-s);background:var(--wn-blauw-licht);color:var(--wn-blauw)}
.wnKort__item h3{font-weight:700}
.wnFeedback{display:flex;align-items:center;gap:12px;min-height:32px;margin-top:24px;padding-bottom:16px;border-bottom:1px solid var(--wn-n20)}
.wnFeedback button{color:var(--wn-blauw);display:flex}
.wnFeedback button.is-actief{color:var(--wn-oranje)}
.wnKenmerk{margin-bottom:12px;border:1px solid var(--wn-n20);border-radius:var(--wn-radius);background:#fff}
.wnKenmerk__kop{display:flex;align-items:center;gap:8px;padding:16px 16px 8px;font-weight:600;font-size:16px}
.wnKenmerk__lijst{padding:0 16px}
.wnKenmerk__rij{display:grid;grid-template-columns:1fr;padding:8px 0;border-bottom:1px solid var(--wn-n20)}
.wnKenmerk__rij:last-child{border-bottom:0}
.wnKenmerk__rij dt{color:var(--wn-n60);padding-right:16px}
.wnKenmerk__rij dd{display:flex;align-items:center;gap:8px;color:var(--wn-n80)}
.wnKenmerk__rij--sub dt,.wnKenmerk__rij--sub dd{padding-left:16px}
.wnInfo{display:flex;color:var(--wn-oranje)}
.wnPopulair{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:16px 0;border:1px solid var(--wn-n20);border-radius:var(--wn-radius);text-align:center;background:#fff}
.wnPopulair div{display:flex;flex-direction:column;align-items:center;gap:2px}
.wnPopulair div+div{border-left:1px solid var(--wn-n20)}
.wnPopulair .wnIcoon{color:var(--wn-n50)}
.wnPopulair b{font-weight:700}
.wnPopulair.is-vaag b,.wnPopulair.is-vaag span{filter:blur(4px);user-select:none}
.wnWoning__zij{margin-top:24px;min-width:300px}
.wnAanbieder{border:1px solid var(--wn-n20);border-radius:var(--wn-radius);overflow:hidden;background:#fff;text-align:center}
.wnAanbieder__omslag{position:relative;height:88px;background:var(--wn-blauw-licht) center/cover}
.wnAanbieder__foto{position:absolute;left:50%;top:24px;transform:translateX(-50%);width:96px;height:96px;object-fit:cover;border-radius:var(--wn-radius-s);border:4px solid #fff;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.wnAanbieder__foto--leeg{display:flex;align-items:center;justify-content:center;color:var(--wn-n40)}
.wnAanbieder__foto--leeg .wnIcoon{width:48px;height:48px}
.wnAanbieder__body{display:flex;flex-direction:column;align-items:center;gap:6px;padding:44px 24px 16px;border-bottom:1px solid var(--wn-n20)}
.wnAanbieder__soort{font-size:13px;color:var(--wn-n50);text-transform:uppercase;letter-spacing:.04em}
.wnAanbieder__naam{font-size:20px;font-weight:600}
.wnAanbieder__bedrijf{display:inline-flex;align-items:center;gap:8px;color:var(--wn-blauw)}
.wnAanbieder__bedrijf img{width:44px;height:44px;object-fit:contain;padding:2px;border:1px solid var(--wn-n20);border-radius:var(--wn-radius-s);background:#fff}
.wnAanbieder__bel{margin-top:8px;height:44px}
.wnAanbieder__acties{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px}
.wnAanbieder__bezichtiging{height:40px}
.wnZijkaart{margin-top:24px;padding:16px;border-radius:var(--wn-radius);background:var(--wn-blauw-licht)}
.wnZijkaart h3{font-weight:700;margin-bottom:4px}
.wnZijkaart p{margin-bottom:12px}
.wnZijkaart--plak{position:sticky;top:96px}
.wnBuurt{display:grid;gap:24px;margin-bottom:24px}
.wnBuurt__kaart{display:grid;gap:16px;padding:16px;border:1px solid var(--wn-n20);border-radius:var(--wn-radius);background:#fff}
.wnBuurt__kop{display:flex;align-items:center;gap:12px;color:var(--wn-blauw)}
.wnBuurt__kop b{display:block;font-weight:600;font-size:18px}
.wnBuurt__kop small{display:block;font-size:16px;color:var(--wn-n80)}
.wnBuurt__mini{display:block;width:48px;height:48px;border-radius:var(--wn-radius-s);overflow:hidden;flex-shrink:0}
.wnBuurt__mini svg{width:100%;height:100%}
.wnBuurt__stats div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--wn-n20)}
.wnBuurt__stats div:last-child{border-bottom:0;padding-bottom:0}
.wnBuurt__stats dt{color:var(--wn-n50)}
.wnBuurt__ontdek{display:grid;grid-template-columns:1fr auto;gap:16px;padding:16px;border-radius:6px;background:var(--wn-blauw-licht)}
.wnBuurt__ontdek h3{font-weight:700;margin-bottom:8px}
.wnBuurt__ontdek>.wnIcoon{width:48px;height:48px;color:var(--wn-oranje)}
.wnBuurt__ontdek>a{grid-column:1/-1;align-self:end}
.wnSchakel--knoppen{margin-bottom:16px}
.wnSlider--drie .wnSlider__spoor>*{flex:0 0 322px}
.wnFaq__item{border-bottom:1px solid var(--wn-n20)}
.wnFaq__vraag{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;text-align:left;font-weight:600}
.wnFaq__vraag .wnIcoon{color:var(--wn-blauw);transition:transform .3s}
.wnFaq__vraag[aria-expanded="true"] .wnIcoon{transform:rotate(180deg)}
.wnFaq__antwoord{padding:0 0 16px}
.wnVerdiep{display:grid;gap:16px}
.wnVerdiep__tegel{display:flex;align-items:center;gap:12px;height:60px;padding:0 16px;border:1px solid var(--wn-n20);border-radius:var(--wn-radius-s);color:var(--wn-blauw);font-weight:600;background:#fff}
.wnVerdiep__tegel:hover{border-color:var(--wn-blauw)}
.wnBewaarCta{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:24px;padding:24px 24px 0;border-radius:32px 8px 32px 8px;background:var(--wn-blauw-licht);text-align:center;overflow:hidden}
.wnBewaarCta h2{font-size:20px;font-weight:700}
.wnBewaarCta p{margin:4px 0 16px}
.wnBewaarCta__beeld{width:105px}
.wnWoning__onder{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px 0 72px}
.wnSticky{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:8px 16px;background:#fff;box-shadow:0 -4px 12px rgba(0,0,0,.12);padding-bottom:max(8px,env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .2s ease-out}
.wnSticky.is-zichtbaar{transform:translateY(0)}
.wnSticky__rij{max-width:var(--wn-container);margin:0 auto;display:flex;align-items:center;justify-content:center}
.wnSticky__adres{display:none}
.wnSticky__acties{display:flex;flex-direction:row-reverse;align-items:center;gap:8px;width:100%}
.wnSticky__hart{width:44px;flex-shrink:0;padding:0;border:1px solid var(--wn-blauw)}
.wnSticky__hart span,.wnSticky__belLang{display:none}
.wnSticky__acties .wnKnop--primair{flex:1}
.wnModal{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;justify-content:center}
.wnModal__achter{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.wnModal__vlak{position:relative;width:100%;max-width:520px;max-height:92vh;overflow-y:auto;padding:24px;background:#fff;border-radius:16px 16px 0 0;animation:wnOmhoog .25s var(--wn-ease)}
@keyframes wnOmhoog{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.wnModal__sluit{position:absolute;top:12px;right:12px;padding:6px;color:var(--wn-n50)}
.wnModal__titel{font-size:22px;font-weight:700;padding-right:32px}
.wnModal__sub{color:var(--wn-n50);margin:4px 0 16px}
.wnVorm{display:flex;flex-direction:column;gap:12px}
.wnVorm__melding{padding:12px;border-radius:var(--wn-radius-s);background:#E9F7EB;color:var(--wn-groen-d)}
.wnVorm__melding.is-fout{background:#FDEBEA;color:var(--wn-rood)}
.wnAgenda{padding:12px;border:1px solid var(--wn-n20);border-radius:var(--wn-radius-s)}
.wnAgenda__uitleg{font-size:14px;color:var(--wn-n50);margin-bottom:8px}
.wnAgenda__dagen{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
.wnAgenda__dag{flex:0 0 56px;display:flex;flex-direction:column;align-items:center;padding:6px 0;border:1px solid var(--wn-n30);border-radius:var(--wn-radius-s);font-size:13px;line-height:1.3}
.wnAgenda__dag b{font-size:16px}
.wnAgenda__dag.is-actief{border-color:var(--wn-blauw);background:var(--wn-blauw);color:#fff}
.wnAgenda__dag[disabled]{opacity:.35;cursor:default}
.wnAgenda__tijden{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.wnAgenda__tijd{height:36px;padding:0 12px;border:1px solid var(--wn-n30);border-radius:var(--wn-radius-s);font-size:14px}
.wnAgenda__tijd.is-actief{background:var(--wn-blauw);border-color:var(--wn-blauw);color:#fff}
.wnAgenda__tijd[disabled]{text-decoration:line-through;opacity:.4;cursor:default}
.wnAgenda__leeg{font-size:14px;color:var(--wn-n50)}
.wnGalerij{position:fixed;inset:0;z-index:95;display:flex;flex-direction:column;background:#111;color:#fff}
.wnGalerij__kop{display:flex;align-items:center;gap:16px;padding:12px 16px}
.wnGalerij__teller{font-weight:600;min-width:60px}
.wnGalerij__tabs{display:flex;gap:4px;overflow-x:auto;flex:1;scrollbar-width:none}
.wnGalerij__tabs button{padding:6px 12px;border-radius:16px;color:#fff;white-space:nowrap;opacity:.7}
.wnGalerij__tabs button.is-actief{background:#fff;color:#111;opacity:1}
.wnGalerij__sluit{color:#fff;padding:6px}
.wnGalerij__vlak{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:0}
.wnGalerij__beeld{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0 56px}
.wnGalerij__beeld img,.wnGalerij__beeld iframe{max-width:100%;max-height:100%;object-fit:contain}
.wnGalerij__beeld iframe{width:100%;aspect-ratio:16/9;border:0}
.wnGalerij__pijl{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.15);color:#fff;border-radius:50%}
.wnGalerij__pijl--vorige{left:8px}
.wnGalerij__pijl--volgende{right:8px}
.wnGalerij__strook{display:flex;gap:6px;padding:12px 16px;overflow-x:auto;scrollbar-width:none}
.wnGalerij__strook img{width:80px;height:56px;object-fit:cover;border-radius:4px;opacity:.5;cursor:pointer;flex-shrink:0}
.wnGalerij__strook img.is-actief{opacity:1;outline:2px solid #fff}
.wnToast{position:fixed;left:50%;bottom:88px;transform:translate(-50%,20px);z-index:120;padding:12px 20px;border-radius:var(--wn-radius-s);background:var(--wn-n80);color:#fff;opacity:0;pointer-events:none;transition:.25s;max-width:calc(100% - 32px)}
.wnToast.is-zichtbaar{opacity:1;transform:translate(-50%,0)}
.wnPagina{padding-top:16px}
.wnPagina__kop{margin:24px 0}
.wnPagina__kop h1,.wnPagina__inhoud h1,.wnInlog h1{font-size:28px;font-weight:700;margin-bottom:8px}
.wnPagina__kolommen{display:grid;gap:24px;margin:16px 0 48px}
.wnPagina__intro{font-size:18px;color:var(--wn-n60);margin-bottom:1em}
.wnPagina--smal{max-width:560px}
.wnInlog{margin:32px 0 64px;display:flex;flex-direction:column;gap:16px}
.wnInlog form{display:flex;flex-direction:column;gap:12px}
.wnInlog form p{display:flex;flex-direction:column;gap:4px}
.wnInlog form label{font-size:14px;color:var(--wn-n50)}
.wnInlog form input[type=text],.wnInlog form input[type=password]{height:44px;padding:0 12px;border:1px solid var(--wn-n30);border-radius:var(--wn-radius-s)}
.wnInlog form input[type=submit]{height:44px;padding:0 16px;border:0;border-radius:var(--wn-radius-s);background:var(--wn-oranje);color:#fff;cursor:pointer}
.wnInlog__routes{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--wn-n20)}
.wnRaster{display:grid;gap:16px}
.wnRaster--drie{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.wnBody--kaart .wnVoet{display:none}
.wnWoning{padding-bottom:8px}
.wnWoning__hoofd{min-width:0}
.wnFaq{border-top:1px solid var(--wn-n20)}
.wnMenuMobiel__lijst{flex:0 0 auto}
.wnPagina__zij{align-self:start}
.wnPromo__label{color:var(--wn-n60)}
.wnSteden__meer{font-weight:600}
.wnSticky__bel{flex-shrink:0}
.wnVorm--registreren{margin:8px 0 16px}
.wnLasten{max-width:420px;padding:16px;border:1px solid var(--wn-n20);border-radius:var(--wn-radius);background:var(--wn-n10)}
.wnLasten__uitkomst{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:var(--wn-radius-s);background:#fff;border:1px solid var(--wn-n20)}
.wnLasten__uitkomst b{font-size:28px;color:var(--wn-marine)}
.wnLasten__uitkomst small{color:var(--wn-n50)}
@media (min-width:768px){
.wnKop{padding:0 16px}
.wnKop__rij{justify-content:flex-start}
.wnKop__logo{order:1;flex:0 0 auto;padding:12px 0}
.wnLogo{height:36px;width:166px}
.wnKop__menu{display:none}
.wnKop__nav{display:flex}
.wnKop__acties{order:4;margin-left:auto;margin-right:-8px}
.wnVoet__kolommen{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:40px;padding-bottom:40px}
.wnVoet__kolom{border:0}
.wnVoet__kop--mobiel{display:none}
.wnVoet__kop--desktop{display:block;padding-bottom:8px}
.wnVoet__lijst[hidden]{display:block!important}
.wnVoet__balkrij{align-items:center}
.wnHero__beeld{max-height:320px}
.wnZoekbox__titel{padding:24px 24px 0;font-size:28px}
.wnZoekbox__tabs{margin-top:16px;padding:0 32px}
.wnTabs__tab{flex:0 1 auto}
.wnZoekbox__vorm{grid-template-columns:1fr 150px;padding:24px 32px 32px;gap:16px}
.wnZoekbox__vorm .wnZoekveld{margin:0}
.wnZoekbox__kaart{order:0;border:0;padding:0;align-self:start}
.wnZoekbox__laatste{grid-column:1/-1;display:flex;gap:8px;padding:0}
.wnZoekbox__laatste a{margin:0}
.wnSnel{flex-direction:row}
.wnSnel__tegel{flex-direction:column;align-items:flex-start;padding:8px 16px}
.wnPromo{grid-template-columns:2fr 1fr}
.wnDrieluik{grid-template-columns:repeat(3,1fr)}
.wnSteden__raster{grid-template-columns:repeat(4,1fr)}
.wnZoeken__wissel--kaart,.wnZoeken__bewaar{display:inline-flex}
.wnZoeken.is-kaart .wnZoeken__wissel--kaart{display:none}
.wnZoeken.is-kaart .wnZoeken__wissel--lijst{display:inline-flex}
.wnFilterbalk__snel{display:flex}
.wnFilterbalk__breed{display:none}
.wnFilterbalk__alle{flex:0 0 auto;padding:0 24px}
.wnFilterbalk__alleTekst{display:inline}
.wnFilterbalk__alleKort{display:none}
.wnZoeken__kop{margin-top:32px}
.wnZoeken__titel{font-size:20px}
.wnVerwant__kolommen{grid-template-columns:1fr 1fr}
.wnKruimels__lijst{display:flex}
.wnKruimels__terug{display:none}
.wnMedia{padding:0 16px}
.wnMedia__raster{grid-template-rows:repeat(2,1fr);max-height:448px;border-radius:var(--wn-radius)}
.wnMedia__cel{display:block}
.wnMedia__cel--groot{grid-column:span 2;grid-row:span 2;aspect-ratio:auto;max-height:none}
.wnMedia__bewaarTekst{display:inline}
.wnMedia__acties .wnKnop{width:auto}
.wnMediaTabs__lijst{display:flex;gap:24px}
.wnMediaTabs__tab{flex-direction:row;gap:8px}
.wnMediaTabs__mini{display:none}
.wnMediaTabs__tekst{margin:0;font-size:16px}
.wnMediaTabs__tekst>.wnIcoon{display:block}
.wnMediaTabs__alle{display:flex}
.wnWoning__titel{font-size:28px}
.wnWoning__kaartmini{width:68px;height:68px}
.wnWoning__lasten{display:inline-flex}
.wnWoning__lasten--mobiel{display:none}
.wnFeiten--groot span{display:inline}
.wnKenmerk__rij{grid-template-columns:35% 65%}
.wnKenmerk__rij--sub dd{padding-left:0}
.wnBuurt__kaart{grid-template-columns:auto 1fr}
.wnBuurt__stats div{justify-content:flex-start}
.wnBuurt__stats dt{width:40%}
.wnVerdiep{grid-template-columns:repeat(3,1fr)}
.wnBewaarCta{flex-direction:row;justify-content:space-between;text-align:left;padding:40px 88px 0 40px}
.wnBewaarCta__beeld{width:132px;margin-top:-16px}
.wnSticky{top:0;bottom:auto;transform:translateY(-100%);box-shadow:0 4px 12px rgba(0,0,0,.12);padding:8px 16px}
.wnSticky__rij{justify-content:space-between}
.wnSticky__adres{display:flex;flex-direction:column}
.wnSticky__adres b{font-weight:700}
.wnSticky__acties{flex-direction:row;width:auto;gap:16px}
.wnSticky__hart{width:auto;padding:0 16px;border-color:transparent}
.wnSticky__hart span,.wnSticky__belLang{display:inline}
.wnSticky__belKort{display:none}
.wnSticky__acties .wnKnop--primair{flex:0 0 auto}
.wnModal{align-items:center}
.wnModal__vlak{border-radius:var(--wn-radius);max-height:90vh}
.wnPagina__kolommen{grid-template-columns:2fr 1fr}
.wnWoning__onder{flex-direction:row;align-items:center;gap:24px}
.wnGalerij__beeld{padding:0 72px}
}
@media (min-width:1020px){
.wnKop__knop{flex-direction:row;gap:8px;padding:10px 8px;font-size:16px}
.wnKop__knop span{padding-top:0;max-width:none}
.wnKop__teller{top:4px;right:-4px}
.wnKop__link{padding:10px 8px}
.wnVoet__kolommen{display:flex;gap:24px}
.wnVoet__kolom{flex:1}
.wnVoet__balk{padding-top:24px;padding-bottom:24px}
.wnVoet__balkrij{flex-direction:row}
.wnVoet__juridisch{order:1;flex:3;display:flex;align-items:center;gap:16px;margin:0}
.wnVoet__copy{margin:0}
.wnVoet__sociaal{order:2;flex:1;margin:0}
.wnVoet__taal{order:3;margin:0}
.wnSectie__titel{font-size:28px}
.wnSnel__tegel{flex-direction:row;align-items:center;padding:0 16px}
.wnSteden__raster{grid-template-columns:repeat(6,1fr)}
.wnFilterbalk__breed{display:block}
.wnZoeken.is-kaart .wnZoeken__lichaam{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);height:calc(100vh - var(--wn-kop) - 132px);min-height:560px}
.wnZoeken.is-kaart .wnZoeken__lijstkolom{overflow-y:auto;padding:0 16px 40px;margin:0}
.wnZoeken.is-kaart .wnZoeken__kaartkolom{display:block;position:relative}
.wnZoeken.is-kaart .wnKaartvlak{height:100%;border-radius:0}
.wnZoeken.is-kaart .wnUitgelicht,.wnZoeken.is-kaart .wnVerwant{display:none}
.wnZoeken.is-kaart .wnKaart{container-type:inline-size}
.wnWoning__kolommen{display:grid;grid-template-columns:7fr 3fr;gap:24px}
.wnWoning__zij{margin-top:0}
.wnWoning__titel{font-size:36px}
.wnBlok__titel{font-size:28px}
.wnBuurt{grid-template-columns:7fr 3fr;align-items:start}
.wnBuurt__kop b{font-size:20px}
.wnKaartvlak--woning{height:480px}
.wnSlider__knop--vorige{left:-22px}
.wnSlider__knop--volgende{right:-22px}
.wnZoeken__lijstkolom{padding-bottom:64px}
.wnMediaTabs__tekst small{display:inline}
}
@media (max-width:1019px){
.wnZoeken.is-kaart .wnZoeken__lijstkolom{display:none}
.wnZoeken.is-kaart .wnZoeken__kaartkolom{display:block}
.wnZoeken.is-kaart .wnKaartvlak{height:calc(100vh - var(--wn-kop) - 140px);min-height:420px;border-radius:0}
.wnZoeken.is-kaart .wnZoeken__wissel--lijst{display:inline-flex}
.wnZoeken__wissel--kaart{display:inline-flex}
.wnZoeken.is-kaart .wnZoeken__wissel--kaart{display:none}
.wnZoeken__wissel span{display:none}
.wnZoeken__wissel{width:44px;padding:0}
}
@media (max-width:767px){
.wnZoekveld--balk{padding-right:44px}
.wnSlider__knop{display:none}
}
.wnBody--account{background:var(--wn-n10)}
.wnBody--account .wnVoet{margin-top:0}
.wnAcc{display:block;max-width:1180px;margin:0 auto;padding:16px 16px 96px}
.wnAcc__zij{display:none}
.wnAcc__main{min-width:0}
.wnAcc__wie{display:flex;align-items:center;gap:12px;min-width:0}
.wnAcc__avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--wn-marine);color:#fff;font-weight:700;overflow:hidden}
.wnAcc__avatar img{width:100%;height:100%;object-fit:cover}
.wnAcc__naam{display:flex;flex-direction:column;min-width:0}
.wnAcc__naam b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wnAcc__naam small{color:var(--wn-n50);font-size:13px}
.wnAcc__nav,.wnLade__nav{display:flex;flex-direction:column;gap:2px}
.wnAcc__link{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:var(--wn-radius-s);color:var(--wn-n80)}
.wnAcc__link:hover{background:var(--wn-blauw-licht);color:var(--wn-marine)}
.wnAcc__link .wnIcoon{color:var(--wn-n50)}
.wnAcc__link.is-actief{background:var(--wn-blauw-licht);color:var(--wn-blauw);font-weight:600}
.wnAcc__link.is-actief .wnIcoon{color:var(--wn-blauw)}
.wnAcc__teller,.wnOnderbalk__teller{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--wn-oranje);color:#fff;font-size:12px;font-weight:700;font-style:normal;display:inline-flex;align-items:center;justify-content:center}
.wnAcc__teller{margin-left:auto}
.wnAcc__zijvoet{display:flex;flex-direction:column;gap:2px;margin-top:16px;padding-top:16px;border-top:1px solid var(--wn-n20)}
.wnAcc__kop{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px}
.wnAcc__koptekst{min-width:0}
.wnAcc__terug{display:inline-flex;align-items:center;gap:4px;margin-bottom:4px;color:var(--wn-blauw);font-size:14px}
.wnAcc__titel{font-size:24px;font-weight:700;line-height:1.2}
.wnAcc__intro{margin-top:4px;color:var(--wn-n60)}
.wnAcc__actie{flex-shrink:0}
.wnAcc__inhoud{display:flex;flex-direction:column;gap:16px}
.wnAccTabs{display:flex;gap:4px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none;box-shadow:inset 0 -2px 0 var(--wn-n20)}
.wnAccTabs::-webkit-scrollbar{display:none}
.wnAccTabs__tab{padding:10px 16px;white-space:nowrap;color:var(--wn-n50);border-bottom:3px solid transparent}
.wnAccTabs__tab:hover{color:var(--wn-n80)}
.wnAccTabs__tab.is-actief{color:var(--wn-n80);font-weight:700;border-bottom-color:var(--wn-oranje)}
.wnOnderbalk{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;box-shadow:0 -4px 12px rgba(0,0,0,.1);padding-bottom:env(safe-area-inset-bottom)}
.wnOnderbalk__link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;padding:6px 4px;color:var(--wn-n50);font-size:12px;text-align:center}
.wnOnderbalk__link span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.wnOnderbalk__link.is-actief{color:var(--wn-oranje);font-weight:600}
.wnOnderbalk__teller{position:absolute;top:4px;left:calc(50% + 6px)}
.wnLade{position:fixed;inset:0;z-index:85}
.wnLade__achter{position:absolute;inset:0;background:rgba(0,0,0,.4)}
.wnLade__vlak{position:absolute;top:0;right:0;bottom:0;width:min(340px,86vw);display:flex;flex-direction:column;background:#fff;overflow-y:auto;animation:wnSchuif .25s var(--wn-ease)}
.wnLade__kop{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px;border-bottom:1px solid var(--wn-n20)}
.wnLade__sluit{padding:6px;color:var(--wn-n50)}
.wnLade__nav{padding:8px}
.wnLade__voet{display:flex;flex-direction:column;gap:2px;margin-top:auto;padding:8px 8px 24px;border-top:1px solid var(--wn-n20)}
.wnAccKaart{padding:16px;background:#fff;border:1px solid var(--wn-n20);border-radius:var(--wn-radius)}
.wnAccKaart__kop{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.wnAccKaart__kop h2{font-size:18px;font-weight:600}
.wnAccKaart__leeg{color:var(--wn-n50)}
.wnAccRaster{display:grid;gap:16px}
.wnAccStats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.wnAccStat{display:flex;flex-direction:column;gap:2px;padding:16px;background:#fff;border:1px solid var(--wn-n20);border-radius:var(--wn-radius);color:var(--wn-n80)}
.wnAccStat:hover{border-color:var(--wn-blauw);color:var(--wn-n80)}
.wnAccStat__icoon{display:flex;width:36px;height:36px;align-items:center;justify-content:center;margin-bottom:6px;border-radius:var(--wn-radius-s);background:var(--wn-blauw-licht);color:var(--wn-blauw)}
.wnAccStat b{font-size:24px;font-weight:700;line-height:1.1}
.wnAccStat span:last-child{color:var(--wn-n50);font-size:14px}
.wnAccBanner{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:20px;border-radius:var(--wn-radius);background:linear-gradient(135deg,var(--wn-marine),var(--wn-blauw));color:#fff}
.wnAccBanner h2{font-size:18px;font-weight:700;margin-bottom:4px}
.wnAccBanner p{opacity:.92}
.wnAccBanner--licht{background:var(--wn-blauw-licht);color:var(--wn-n80);border:1px solid var(--wn-blauw-licht-d1)}
.wnAccBanner--licht:hover{color:var(--wn-n80)}
.wnAccBanner.is-uitgelicht{outline:3px solid var(--wn-oranje);outline-offset:2px}
.wnStatus{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--wn-n20);color:var(--wn-n60)}
.wnStatus--online,.wnStatus--bevestigd,.wnStatus--beschikbaar,.wnStatus--verhuurd{background:#E9F7EB;color:var(--wn-groen-d)}
.wnStatus--nieuw,.wnStatus--onder_bod{background:var(--wn-oranje-licht);color:#A55300}
.wnStatus--geannuleerd,.wnStatus--ingetrokken,.wnStatus--leeg{background:#FDEBEA;color:var(--wn-rood)}
.wnStatus--verkocht,.wnStatus--verkocht_ov,.wnStatus--verhuurd_ov{background:var(--wn-marine);color:#fff}
.wnStatus--eigen{background:var(--wn-blauw-licht);color:var(--wn-blauw)}
.wnKnop--klein{height:40px;padding:0 12px;font-size:14px;gap:6px}
.wnKnop--klein .wnIcoon{width:18px;height:18px}
.wnKnop--gevaar{color:var(--wn-rood)}
.wnKnop--gevaar:hover{background:#FDEBEA;color:var(--wn-rood)}
.wnAccLijst,.wnBezLijst,.wnBerichtLijst{display:flex;flex-direction:column;gap:12px}
.wnBezLijst{container-type:inline-size}
.wnAccWoning{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:12px;background:#fff;border:1px solid var(--wn-n20);border-radius:var(--wn-radius)}
.wnAccWoning__foto{display:block;width:96px;height:72px;border-radius:var(--wn-radius-s);overflow:hidden;background:var(--wn-n20)}
.wnAccWoning__foto img{width:100%;height:100%;object-fit:cover}
.wnAccWoning__info{display:flex;flex-direction:column;gap:2px;min-width:0}
.wnAccWoning__badges{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:2px}
.wnAccWoning__adres{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wnAccWoning__sub{color:var(--wn-n60);font-size:14px}
.wnAccWoning__cijfers{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px;color:var(--wn-n50);font-size:13px}
.wnAccWoning__cijfers li{display:flex;align-items:center;gap:4px}
.wnAccWoning__cijfers .wnIcoon{width:16px;height:16px}
.wnAccWoning__acties{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--wn-n20)}
.wnAccWoning__status{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--wn-n50)}
.wnAccWoning__status select{height:36px;padding:0 8px;border:1px solid var(--wn-n30);border-radius:var(--wn-radius-s);background:#fff}
.wnBez{display:grid;grid-template-columns:56px 1fr;gap:12px;padding:12px;border:1px solid var(--wn-n20);border-radius:var(--wn-radius);background:#fff}
.wnAccKaart .wnBez{border-width:0 0 1px;border-radius:0;padding:12px 0}
.wnAccKaart .wnBez:last-child{border-bottom:0}
.wnBez__datum{display:flex;flex-direction:column;align-items:center;justify-content:center;height:64px;border-radius:var(--wn-radius-s);background:var(--wn-blauw-licht);color:var(--wn-blauw);font-size:12px;line-height:1.2;text-transform:uppercase}
.wnBez__datum b{font-size:22px}
.wnBez__info{display:flex;flex-direction:column;gap:2px;min-width:0}
.wnBez__info b{font-weight:600}
.wnBez__info span{color:var(--wn-n60);font-size:14px;overflow-wrap:anywhere}
.wnBez__bericht{margin-top:4px;padding:8px;border-radius:var(--wn-radius-s);background:var(--wn-n10);font-size:14px;color:var(--wn-n60)}
.wnBez__acties{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.wnBez--geannuleerd .wnBez__datum{background:var(--wn-n20);color:var(--wn-n50)}
.wnBez--geannuleerd .wnBez__info b{text-decoration:line-through;color:var(--wn-n50)}
.wnBez--bevestigd .wnBez__datum{background:#E9F7EB;color:var(--wn-groen-d)}
.wnBezLijst--verleden .wnBez{opacity:.7}
.wnBericht{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-bottom:1px solid var(--wn-n20)}
.wnBericht:last-child{border-bottom:0}
.wnBerichtLijst .wnBericht{padding:16px;background:#fff;border:1px solid var(--wn-n20);border-radius:var(--wn-radius)}
.wnBericht.is-nieuw{border-left:4px solid var(--wn-oranje)}
.wnBericht__kop{display:flex;justify-content:space-between;gap:8px}
.wnBericht__kop b{font-weight:600}
.wnBericht__kop small{color:var(--wn-n50);white-space:nowrap}
.wnBericht__woning{font-size:14px;color:var(--wn-n60)}
.wnBericht__tekst{white-space:pre-line}
.wnBericht__acties{display:flex;flex-wrap:wrap;gap:8px}
.wnLinkLijst{display:flex;flex-direction:column}
.wnLinkLijst li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--wn-n20)}
.wnLinkLijst li:last-child{border-bottom:0}
.wnLinkLijst li span{display:inline-flex;align-items:center;gap:8px}
.wnLinkLijst small{color:var(--wn-n50);white-space:nowrap}
.wnLinkLijst__rechts{display:inline-flex;align-items:center;gap:8px}
.wnAccWoning__vraag{display:inline-flex;align-items:center;gap:4px;color:var(--wn-blauw);font-weight:600}
.wnVraagKop{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center}
.wnVraagKop__foto{width:96px;height:72px;object-fit:cover;border-radius:var(--wn-radius-s)}
.wnVraagKop__tekst{display:flex;flex-direction:column;min-width:0}
.wnVraagKop__tekst>b{font-weight:600}
.wnVraagKop__tekst>span{color:var(--wn-n60);font-size:14px}
.wnVraagKop__aantal{margin-top:6px;color:var(--wn-n80)}
.wnVraagKop__aantal b{font-size:22px;color:var(--wn-oranje-d2)}
.wnVraagKop .wnKnop{grid-column:1/-1}
.wnVraagUitleg{color:var(--wn-n60);font-size:14px}
.wnVraagLijst{display:grid;gap:12px}
.wnVraag{display:grid;grid-template-columns:1fr;gap:8px;padding:16px;background:#fff;border:1px solid var(--wn-n20);border-radius:var(--wn-radius)}
.wnVraag.is-uitgenodigd{background:var(--wn-n10)}
.wnVraag__match{display:inline-flex;align-items:center;gap:4px;align-self:start;justify-self:start;padding:2px 8px;border-radius:12px;background:#E9F7EB;color:var(--wn-groen-d);font-size:13px;font-weight:600}
.wnVraag__match .wnIcoon{width:14px;height:14px}
.wnVraag__tekst{display:flex;flex-direction:column;gap:2px}
.wnVraag__tekst b{font-weight:600}
.wnVraag__tekst span{color:var(--wn-n60);font-size:14px}
.wnVraag__wensen{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.wnVraag__wensen li{padding:2px 8px;border-radius:12px;background:var(--wn-blauw-licht);color:var(--wn-marine);font-size:13px}
.wnVraag__actie{display:flex;align-items:center}
@media (min-width:768px){.wnVraagKop{grid-template-columns:96px 1fr auto}.wnVraagKop .wnKnop{grid-column:auto}.wnVraag{grid-template-columns:auto 1fr auto;align-items:center;gap:16px}}
.wnLinkLijst__weg{display:flex;padding:4px;color:var(--wn-n40);border-radius:var(--wn-radius-s)}
.wnLinkLijst__weg:hover{color:var(--wn-rood);background:#FDEBEA}
.wnLinkLijst__weg .wnIcoon{width:18px;height:18px}
.wnHuisTotaal{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.wnHuisTotaal div{display:flex;flex-direction:column;gap:2px}
.wnHuisTotaal dt{color:var(--wn-n50);font-size:14px}
.wnHuisTotaal dd{font-size:20px;font-weight:700}
.wnHuisTotaal--groot{padding:16px;background:#fff;border:1px solid var(--wn-n20);border-radius:var(--wn-radius)}
.wnHuisKop{display:grid;gap:16px}
.wnScenario{padding:16px;border-radius:var(--wn-radius);background:var(--wn-oranje-licht)}
.wnScenario h2{font-size:18px;font-weight:700}
.wnScenario>p{margin:4px 0 12px;color:var(--wn-n60)}
.wnScenario__schuif{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.wnScenario__schuif input{width:100%;accent-color:var(--wn-oranje)}
.wnScenario__uitkomst{display:grid;gap:8px;padding:12px;border-radius:var(--wn-radius-s);background:#fff}
.wnScenario__uitkomst div{display:flex;justify-content:space-between;gap:8px}
.wnScenario__uitkomst span{color:var(--wn-n60)}
.wnScenario__uitkomst b{font-weight:700;white-space:nowrap}
.wnScenario__let{margin-top:8px;font-size:13px;color:var(--wn-n50)}
.wnPanden{display:grid;gap:16px}
.wnPand{display:flex;flex-direction:column;gap:12px;padding:16px;background:#fff;border:1px solid var(--wn-n20);border-radius:var(--wn-radius)}
.wnPand__kop{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.wnPand__adres{font-size:18px;font-weight:700}
.wnPand__sub{color:var(--wn-n60);font-size:14px}
.wnPand__waarde{display:flex;flex-direction:column;padding:12px;border-radius:var(--wn-radius-s);background:var(--wn-blauw-licht)}
.wnPand__waarde span{color:var(--wn-n60);font-size:14px}
.wnPand__waarde b{font-size:26px;font-weight:700;color:var(--wn-marine)}
.wnPand__waarde small{color:var(--wn-n50);font-size:13px}
.wnPand__cijfers{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
.wnPand__cijfers div{display:flex;flex-direction:column}
.wnPand__cijfers dt{color:var(--wn-n50);font-size:13px}
.wnPand__cijfers dd{font-weight:600}
.wnPand__cijfer{font-variant-numeric:tabular-nums}
.wnPand__cijfer--plus{color:var(--wn-groen-d)}
.wnPand__cijfer--min{color:var(--wn-rood)}
.wnPand__cijfer--gewoon{color:var(--wn-n80)}
.wnPand__toekomst{display:flex;justify-content:space-between;align-items:baseline;padding-top:12px;border-top:1px dashed var(--wn-n30);color:var(--wn-n60)}
.wnPand__toekomst>b{color:var(--wn-oranje-d2);font-size:18px}
.wnPand__acties{display:flex;flex-wrap:wrap;gap:8px}
.wnAgendaFilter{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}
.wnAgendaFilter .wnVeld{min-width:260px;flex:1}
.wnAgendaFilter__momenten{display:flex;align-items:center;gap:6px;color:var(--wn-n60);font-size:14px}
.wnWeek{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.wnWeek__dag{display:flex;flex-direction:column;align-items:center;padding:8px 2px;border-radius:var(--wn-radius-s);background:#fff;border:1px solid var(--wn-n20);font-size:12px;color:var(--wn-n50);line-height:1.25}
.wnWeek__dag b{font-size:18px;color:var(--wn-n80)}
.wnWeek__dag small{min-height:16px;font-weight:700;color:var(--wn-oranje-d2)}
.wnWeek__dag.is-vandaag{border-color:var(--wn-blauw)}
.wnWeek__dag.heeft-afspraken{background:var(--wn-oranje-licht);border-color:var(--wn-oranje)}
.wnAccVorm{display:flex;flex-direction:column;gap:16px}
.wnVormBlok{margin:0;padding:16px;background:#fff;border:1px solid var(--wn-n20);border-radius:var(--wn-radius);min-width:0}
.wnVormBlok__titel{padding:0;font-size:18px;font-weight:700;float:left;width:100%}
.wnVormBlok__uitleg{clear:both;padding-top:4px;color:var(--wn-n60)}
.wnVormRaster{clear:both;display:grid;grid-template-columns:1fr;gap:12px;padding-top:12px}
.wnVormVeld{min-width:0}
.wnVeld__ster{color:var(--wn-rood);font-style:normal}
.wnVeld__hulp{margin-top:4px;font-size:13px;color:var(--wn-n50)}
.wnKeuzes{display:flex;flex-wrap:wrap;gap:8px}
.wnKeuzeChip{position:relative;display:inline-flex}
.wnKeuzeChip input{position:absolute;opacity:0;pointer-events:none}
.wnKeuzeChip span{display:flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--wn-n30);border-radius:20px;color:var(--wn-n80);font-size:15px;cursor:pointer;background:#fff}
.wnKeuzeChip input:checked+span{border-color:var(--wn-blauw);background:var(--wn-blauw);color:#fff}
.wnKeuzeChip input:focus-visible+span{outline:2px solid var(--wn-blauw);outline-offset:2px}
.wnAccVorm__voet{position:sticky;bottom:76px;z-index:5;display:flex;flex-direction:column;gap:8px;padding:12px 16px;background:#fff;border:1px solid var(--wn-n20);border-radius:var(--wn-radius);box-shadow:0 -4px 12px rgba(0,0,0,.06)}
.wnAccVorm__knoppen{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.wnAccVorm__knoppen .wnKnop{flex:1 1 auto}
.wnAccVorm--welkom .wnAccVorm__voet{position:static;box-shadow:none}
.wnStappen{height:6px;border-radius:3px;background:var(--wn-n20);overflow:hidden}
.wnStappen__balk{display:block;height:100%;width:20%;background:var(--wn-oranje);transition:width .3s}
.wnAdres{display:flex;flex-direction:column;gap:12px}
.wnSuggest--adres{max-height:360px}
.wnAdres__gekozen{display:grid;gap:12px}
.wnAdres__kaart{height:200px;border-radius:var(--wn-radius-s);overflow:hidden;background:var(--wn-n10)}
.wnAdres__velden{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wnUpload{display:flex;flex-direction:column;gap:8px}
.wnUpload__lijst{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.wnUpload__item{position:relative;aspect-ratio:4/3;border-radius:var(--wn-radius-s);overflow:hidden;background:var(--wn-n20);cursor:grab}
.wnUpload__item:first-child{outline:3px solid var(--wn-oranje);outline-offset:-3px}
.wnUpload__item.is-slepen{opacity:.4}
.wnUpload__item img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.wnUpload__weg,.wnUpload__links{position:absolute;top:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,.6);color:#fff}
.wnUpload__weg{right:4px}
.wnUpload__links{left:4px}
.wnUpload__item:first-child .wnUpload__links{display:none}
.wnUpload__weg .wnIcoon,.wnUpload__links .wnIcoon{width:16px;height:16px}
.wnUpload__knop{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:flex-start;height:44px;padding:0 16px;border:1px dashed var(--wn-blauw);border-radius:var(--wn-radius-s);color:var(--wn-blauw);cursor:pointer;background:var(--wn-blauw-licht)}
.wnUpload__knop input{position:absolute;width:1px;height:1px;opacity:0}
.wnUpload__bezig{font-size:14px;color:var(--wn-n50)}
.wnBlokken{display:flex;flex-direction:column;gap:8px}
.wnBlokken__nieuw{display:flex;flex-wrap:wrap;gap:8px}
.wnBlokken__nieuw input{height:40px;padding:0 10px;border:1px solid var(--wn-n30);border-radius:var(--wn-radius-s)}
.wnBlokken__lijst{display:flex;flex-wrap:wrap;gap:6px}
.wnBlokken__lijst li{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 6px 0 12px;border-radius:16px;background:var(--wn-blauw-licht);color:var(--wn-marine);font-size:14px}
.wnBlokken__lijst button{display:flex;color:var(--wn-blauw)}
.wnBlokken__lijst .wnIcoon{width:16px;height:16px}
.wnGebieden{display:flex;flex-direction:column;gap:8px}
.wnGebieden__chips{display:flex;flex-wrap:wrap;gap:6px}
.wnGebieden__chips:empty{display:none}
.wnVoorkeurSamen{background:#fff}
.wnVoorkeurSamen__chips{display:flex;flex-wrap:wrap;gap:6px}
.wnAccVorm--woning{scroll-margin-top:80px}
.wnTegel__match{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;margin-top:6px;padding:2px 8px;border-radius:12px;background:#E9F7EB;color:var(--wn-groen-d);font-size:13px;font-weight:600;order:-1}
.wnTegel__match .wnIcoon{width:14px;height:14px}
.wnAanbieder__bereikbaar{display:flex;align-items:flex-start;gap:6px;margin-top:4px;font-size:13px;color:var(--wn-n60);text-align:left}
.wnAanbieder__bereikbaar .wnIcoon{width:16px;height:16px;flex-shrink:0;margin-top:2px}
.wnWelkom{display:flex;flex-direction:column;gap:16px}
.wnWelkom__kop{display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:var(--wn-radius);background:#fff;border:1px solid var(--wn-n20)}
.wnWelkom__kop h2{font-size:20px;font-weight:700;margin-bottom:4px}
.wnWelkom__kop p{color:var(--wn-n60)}
.wnWelkom__icoon{display:flex;flex-shrink:0;width:52px;height:52px;align-items:center;justify-content:center;border-radius:50%;background:var(--wn-oranje-licht);color:var(--wn-oranje)}
.wnWelkom__kaarten{display:grid;gap:12px}
.wnWelkom__kaarten .wnAccBanner{flex-direction:row;align-items:center;justify-content:space-between}
.wnWelkom__verder{text-align:center}
@media (min-width:768px){
.wnAccStats{grid-template-columns:repeat(4,1fr)}
.wnAccRaster{grid-template-columns:1fr 1fr;align-items:start}
.wnAccBanner{flex-direction:row;align-items:center;justify-content:space-between}
.wnVormRaster{grid-template-columns:1fr 1fr}
.wnVormVeld--breed{grid-column:1/-1}
.wnAdres__gekozen{grid-template-columns:260px 1fr;align-items:start}
.wnAdres__kaart{height:100%;min-height:220px}
.wnAccWoning{grid-template-columns:140px 1fr auto}
.wnAccWoning__foto{width:140px;height:100px}
.wnAccWoning__acties{grid-column:auto;flex-direction:column;align-items:stretch;justify-content:center;padding:0 0 0 12px;border-top:0;border-left:1px solid var(--wn-n20)}
.wnHuisTotaal{grid-template-columns:repeat(4,1fr)}
.wnHuisTotaal--groot{grid-template-columns:repeat(5,1fr)}
.wnHuisKop{grid-template-columns:1fr}
.wnPanden{grid-template-columns:1fr 1fr}
.wnWelkom__kaarten{grid-template-columns:1fr 1fr}
.wnAccVorm__knoppen .wnKnop{flex:0 0 auto}
.wnAcc__titel{font-size:28px}
}
@media (min-width:1020px){
.wnAcc{display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px;padding:24px 16px 48px}
.wnAcc__zij{display:flex;flex-direction:column;gap:16px;position:sticky;top:16px;align-self:start;padding:16px;background:#fff;border:1px solid var(--wn-n20);border-radius:var(--wn-radius)}
.wnOnderbalk{display:none}
.wnAccVorm__voet{bottom:12px}
}
@container (min-width:560px){.wnBez{grid-template-columns:64px 1fr auto;align-items:center}.wnBez__acties{grid-column:auto;justify-content:flex-end}}
@media print{
.wnKop,.wnVoet,.wnSticky,.wnOnderbalk,.wnAcc__zij,.wnMedia__acties,.wnWoning__onder,.wnBewaarCta,.wnKaartvlak{display:none!important}
}