*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#111;font-family:Avenir,"Avenir Next","Nunito Sans",Arial,sans-serif;font-size:14px}a{color:inherit}button{font:inherit}.home{min-height:100vh;display:flex;align-items:center;justify-content:center}.stage{width:100%;position:relative;min-height:740px;overflow:visible}.pattern{position:absolute;top:220px;left:0;width:100%;height:405px;background-image:url('patroon.jpg');background-position:center center;background-repeat:repeat-x;background-size:auto 405px;pointer-events:none}.identity{position:absolute;left:42%;top:104px;line-height:1.45}.identity strong{font-size:17px}.muted,.phone a,.address span,.email a{color:#76645c}.phone{position:absolute;left:60%;top:133px}.contact{position:absolute;left:9%;top:183px}.contact a{text-decoration:none}.address{position:absolute;top:644px;left:32%;line-height:1.55}.email{position:absolute;top:657px;left:67%}.hotspot{position:absolute;z-index:3;display:flex;align-items:center;gap:5px;padding:4px;background:transparent;border:0;font-weight:800;font-size:14px;cursor:pointer;white-space:nowrap}.hotspot:focus-visible,.nav-link:focus-visible{outline:2px solid #e60028;outline-offset:3px}.plus{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#9c8086;color:white;font-size:21px;line-height:1;font-weight:400}.hotspot[aria-expanded=true] .plus,.hotspot:hover .plus{background:#f0002d}.h-therapie{left:31%;top:262px}.h-praktijk{left:42%;top:310px}.h-contracten{left:65%;top:278px}.h-werkwijze{left:12%;top:366px}.h-wachttijd{left:54%;top:399px}.h-doelgroep{left:43%;top:467px}.h-afspraak{left:73%;top:379px}.popover{position:absolute;z-index:4;width:275px;max-width:calc(100vw - 32px);padding:27px 25px;background:#f8f5e9 url('papier.jpg') center/cover;color:#8b6d53;font-size:14px;line-height:1.55;box-shadow:0 2px 8px #0000000c}.popover[hidden]{display:none}.popover p{margin:0}.popover .close{position:absolute;right:6px;top:3px;border:0;background:transparent;color:#8b6d53;font-size:24px;cursor:pointer}.more{position:absolute;left:9%;top:692px;font-size:12px}.more a{text-decoration:none;font-weight:800}.info{min-height:100vh;background:#fff url('patroon.jpg') repeat;background-size:auto 310px}.info-top{max-width:1200px;margin:auto;min-height:195px;display:flex;align-items:center;gap:32px;padding:28px 6%}.info-top img{width:90px;height:114px;object-fit:cover;filter:grayscale(1)}.info-top h1{font-size:17px;margin:0 0 14px}.info-top p{margin:0;color:#76645c;line-height:1.4}.info-paper{background:#f8f5e9 url('papier.jpg') center/cover;padding:34px max(6%,calc((100vw - 1200px)/2)) 45px}.columns{display:grid;grid-template-columns:1.3fr 1.1fr 1.1fr 1.15fr;gap:32px;max-width:1200px;margin:auto}.columns h2{font-size:14px;margin:0 0 16px}.columns p{font-size:13px;color:#8b6d53;line-height:1.55;margin:0 0 18px}.columns .italic{font-style:italic}.map{min-height:235px;border:1px solid #d8d0c5;background:#ece8dc;display:grid;place-items:center;text-align:center;padding:20px;color:#76645c}.back{display:inline-block;margin-top:22px;text-decoration:none;font-weight:800;font-size:20px}.info-bottom{height:110px}.small-note{font-size:12px;color:#76645c}@media(max-width:760px){body{font-size:15px}.home{display:block}.stage{min-height:1030px}.pattern{top:215px;height:550px;background-size:auto 360px;background-repeat:repeat}.identity{left:7%;top:35px}.phone{left:7%;top:142px}.contact{left:7%;top:197px}.hotspot{font-size:13px}.plus{width:27px;height:27px;font-size:24px}.h-therapie{left:13%;top:262px}.h-praktijk{left:44%;top:322px}.h-contracten{left:48%;top:398px}.h-werkwijze{left:8%;top:457px}.h-wachttijd{left:43%;top:524px}.h-doelgroep{left:14%;top:590px}.h-afspraak{left:28%;top:667px}.popover{position:fixed!important;left:16px!important;right:16px!important;bottom:18px!important;top:auto!important;width:auto;max-height:55vh;overflow-y:auto;box-shadow:0 8px 40px #0004;border:1px solid #d5c9b8;font-size:15px}.address{left:7%;top:802px}.email{left:7%;top:887px}.more{left:7%;top:955px}.info-top{padding:25px 7%;min-height:165px}.info-paper{padding:30px 7%}.columns{grid-template-columns:1fr;gap:15px}.columns p{font-size:15px}.map{min-height:130px}.info-bottom{height:65px}}/* V1 aangepast aan de aangeleverde schetsen */
.home{min-height:100svh}.stage{height:700px;min-height:700px;max-width:1500px;margin:auto}.pattern{top:155px;height:405px;background-size:auto 405px}.identity{top:35px;left:47%;text-decoration:none;display:flex;gap:18px;align-items:start;color:#806f69}.identity strong{font-size:17px;color:#111}.identity span{font-size:14px;line-height:1.3}.phone,.contact,.more{display:none}.hotspot{gap:6px;font-size:15px}.plus{order:-1;background:#9b908d;width:21px;height:21px;font-size:20px}.hotspot:hover .plus,.hotspot[aria-expanded=true] .plus{background:#bc2b24}.h-doelgroep{left:39%;top:222px}.h-werkwijze{left:21%;top:283px}.h-contracten{left:63%;top:275px}.h-over{left:30%;top:390px}.h-wachttijd{left:50%;top:357px}.h-overige{left:67%;top:412px}.popover{width:310px;padding:26px 23px;background:#f8f5e9 url('papier.jpg') center/cover;box-shadow:0 3px 12px #00000016}.address{top:585px;left:51%;text-decoration:none;display:flex;flex-direction:column;line-height:1.25}.address span{margin-top:3px}.email{top:652px;left:51%;text-decoration:none;font-size:13px}.address:hover,.identity:hover,.email:hover{text-decoration:underline}.info{background:#fff}.info-top{max-width:1200px;min-height:190px}.info-paper{background:#f8f5e9 url('papier.jpg') center/cover}.info-bottom{background:#fff}.info-top img{width:120px;height:145px;object-position:center top}.map{padding:0;overflow:hidden;min-height:240px}.map iframe{width:100%;height:240px;border:0;display:block}.info-paper .columns{grid-template-columns:1.25fr 1fr 1fr 1.1fr}
@media(max-width:760px){.home{display:block}.stage{height:auto;min-height:990px;overflow:hidden}.pattern{top:175px;height:630px;background-size:auto 340px;background-repeat:repeat}.identity{top:35px;left:6%;right:6%;gap:12px;flex-direction:column}.identity strong{font-size:18px}.hotspot{font-size:14px;white-space:normal;text-align:left;max-width:55%}.h-doelgroep{left:30%;top:225px}.h-werkwijze{left:8%;top:325px}.h-contracten{left:53%;top:405px}.h-over{left:15%;top:500px}.h-wachttijd{left:53%;top:580px}.h-overige{left:25%;top:670px}.address{top:815px;left:10%}.email{top:892px;left:10%}.popover{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:12px!important;width:auto;max-width:none;max-height:65dvh;overflow:auto;box-shadow:0 5px 35px #0003}.info-paper .columns{grid-template-columns:1fr}.info-top{min-height:180px}.info-top img{width:95px;height:120px}}
/* Definitieve plaatsingscorrecties op basis van de vier schetsen */
@media(min-width:761px){
 .identity{left:47%;top:112px;display:flex;flex-direction:column;gap:2px;align-items:flex-start}
 .identity strong{font-size:18px}
 .h-doelgroep{top:260px}
 .address{left:49%;top:564px}
 .email{left:49%;top:646px}
}
@media(max-width:760px){
 .stage{min-height:1060px;height:auto;overflow:hidden}
 .identity{top:35px;left:6%;right:6%}
 .pattern{top:170px;height:695px;background-image:url('patroon-mobiel.jpg');background-repeat:repeat;background-size:480px 245px;background-position:center top}
 .h-doelgroep{top:235px}
 .h-werkwijze{top:333px}
 .h-contracten{top:434px}
 .h-over{top:536px}
 .h-wachttijd{top:637px}
 .h-overige{top:744px}
 .address{top:885px;left:9%}
 .email{top:975px;left:9%;font-size:14px}
}

/* Nieuw vrijstaand portret Anders, zonder patroon op pagina twee */
.info-top img{width:145px;height:165px;object-fit:contain;object-position:center bottom;filter:none;align-self:end}
.info-top{align-items:end;padding-bottom:0}
@media(max-width:760px){.info-top img{width:115px;height:145px}}

/* Correctieronde 5 november: plaatsing en leesbare pop-ups */
@media(min-width:761px){
 .identity{left:56%;top:112px;max-width:270px}
 .address{left:45%;top:552px}
 .email{left:45%;top:632px}
 .popover{max-height:265px;overflow-y:auto}
}
.info-top img{width:125px;height:118px;object-fit:cover;object-position:center 5%;align-self:end}
.info-top{min-height:165px}
.info-paper{padding-bottom:24px}
@media(max-width:760px){.info-top img{width:100px;height:110px}.popover{max-height:65dvh}}
/* Revisie: leesvensters zonder interne scrollbalken */
@media(min-width:761px){
 .identity{left:calc(56% - 38px)}
 .address{top:514px}
 .email{top:594px}
 .popover{width:390px;max-width:min(390px,calc(100vw - 24px));max-height:none;overflow:visible}
}
/* Mobiel: één doorlopende stippelband met teksten direct onder hun onderwerp. */
@media(max-width:760px){
 .stage{min-height:0;height:auto;overflow:visible;padding-top:0}
 .identity{position:relative;top:auto;left:auto;right:auto;margin:0;padding:32px 7% 52px;display:flex}
 .pattern{display:none}
 .topics{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:48px;padding:45px 8% 50px;background:#fff url('patroon-mobiel.jpg') center top / 480px 245px repeat}
 .hotspot,.h-doelgroep,.h-werkwijze,.h-contracten,.h-over,.h-wachttijd,.h-overige{position:relative;top:auto;left:auto;max-width:none;width:max-content;max-width:100%;z-index:2}
 .hotspot:nth-child(2n){margin-left:22%}
 .hotspot:nth-child(3n){margin-left:10%}
 .popover{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%;max-width:100%;max-height:none!important;overflow:visible!important;margin:0 0 6px;padding:24px 22px;font-size:15px;box-shadow:0 3px 12px #00000016}
 .address{position:relative;top:auto;left:auto;margin:26px 9% 0;width:max-content;max-width:82%}
 .email{position:relative;top:auto;left:auto;display:block;margin:10px 9% 65px;width:max-content;max-width:82%}
}
/* Tweede pagina: bovenkant van het vrijstaande portret, zonder de armen. */
.info-top{min-height:170px;align-items:flex-end;gap:22px}
.info-top img{width:118px;height:145px;object-fit:cover;object-position:center top;align-self:end}
.info-top h1{margin:0 0 6px}
.info-top p{margin-bottom:20px}
@media(max-width:760px){.info-top img{width:104px;height:130px}.info-top p{margin-bottom:14px}}

/* Gecontroleerde eindcorrecties: geen interne scrollvensters. */
@media(min-width:761px){
 .stage{height:740px;min-height:740px}
 .identity{left:calc(56% - 76px);top:112px;z-index:2;gap:3px}
 .address{top:487px;left:45%;z-index:2}
 .email{top:571px;left:45%;z-index:2}
 .popover{width:440px;max-width:calc(100vw - 30px);max-height:none!important;height:auto!important;overflow:visible!important;z-index:10}
 .hotspot{z-index:5}
}
@media(max-width:760px){
 .popover{max-height:none!important;height:auto!important;overflow:visible!important;position:relative!important}
 .topics{gap:34px}
}
/* Portret zoals de referentie: hoofd en schouders, uit de bovenrand van het papier. */
.info{background:#fff}
.info-top{background:#fff;max-width:none;min-height:230px;padding:0 max(6%,calc((100vw - 1200px)/2));gap:24px;align-items:flex-end}
.info-top img{width:145px;height:190px;object-fit:cover;object-position:center top;align-self:flex-end;display:block;filter:none}
.info-top>div{align-self:flex-end;padding-bottom:33px}
.info-top h1{font-size:17px;margin:0 0 7px}
.info-top p{margin:0;color:#76645c;line-height:1.35}
.info-paper{padding-bottom:24px}
@media(max-width:760px){
 .info-top{min-height:185px;padding:0 7%;gap:15px}
 .info-top img{width:112px;height:150px}
 .info-top>div{padding-bottom:24px}
 .info-top h1{font-size:16px}
 .info-top p{font-size:13px}
}

/* Definitief: de uitsnede toont hoofd en bovenlichaam, niet de gekruiste armen. */
.info-top img{object-fit:contain;object-position:center bottom}

/* Visueel gecontroleerde laatste correcties, 5 november */
@media(min-width:761px){
 .identity{left:55%;top:125px;max-width:340px;z-index:3}
 .address{left:51%;top:608px;z-index:3}
 .email{left:51%;top:691px;z-index:3;color:#76645c}
 .stage{min-height:790px;height:auto}
 .popover{width:460px;max-width:calc(100vw - 30px);max-height:none!important;overflow:visible!important}
}
.info-top{min-height:235px;gap:20px}
.info-top img{width:142px;height:174px;object-fit:cover;object-position:center top}
.info-top>div{padding-bottom:30px}
.info-top h1{margin-bottom:4px}
.info-paper{padding-bottom:15px}
@media(max-width:760px){
 .info-top img{width:112px;height:145px;object-fit:cover;object-position:center top}
 .info-top>div{padding-bottom:22px}
 .topics{gap:38px}
 .popover{overflow:visible!important;max-height:none!important}
}
@media(min-width:761px){.identity{top:97px;left:55%}.address{top:565px}.email{top:649px}}

/* Gerichte correcties november: per onderwerp vensterbreedte, praktijkpositie, portret. */
@media(min-width:761px){
 .address{left:45%!important;top:535px!important}
 .email{left:45%!important;top:619px!important}
 .popover{width:440px}
 .popover[data-topic="contracten"],.popover[data-topic="wachttijd"],.popover[data-topic="overige"]{width:310px!important}
}
.info-top img{width:190px!important;height:190px!important;object-fit:contain!important;object-position:center bottom!important}
@media(max-width:760px){.info-top img{width:145px!important;height:155px!important;object-fit:contain!important}}

/* 7 november: exacte door gebruiker aangeleverde uitsnede; geen object-fit crop. */
.info-top{background:#050505!important;min-height:245px!important;max-width:none!important;display:flex;align-items:flex-end!important;gap:24px!important;padding:0 max(6%,calc((100vw - 1200px)/2))!important;}
.info-top img{display:block!important;width:220px!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:bottom!important;flex:none!important;}
.info-top>div{align-self:center!important;padding:0!important;color:#fff!important;}
.info-top h1{color:#fff!important;margin:0 0 9px!important;}
.info-top p{color:#c4b7b0!important;margin:0!important;}
@media(max-width:760px){.info-top{min-height:185px!important;padding:0 6%!important;gap:14px!important}.info-top img{width:42%!important;height:auto!important;max-width:175px!important}.info-top>div{flex:1;min-width:0}.info-top h1{font-size:15px!important}.info-top p{font-size:12px!important}}

/* 7 november: herstel de bestaande lichte achtergrond; portretuitsnede ongewijzigd. */
.info-top{background:#fff!important;}
.info-top>div{color:#171717!important;}
.info-top h1{color:#171717!important;}
.info-top p{color:#76645c!important;}

/* 7 november: kopjes op mobiel dezelfde donkere tekstkleur als desktop;
   voorkom standaard blauwe knop-/linkkleuren in mobiele browsers. */
.hotspot, .hotspot:visited, .hotspot:hover, .hotspot:focus,
.hotspot .plus + span { color:#111; -webkit-text-fill-color:#111; }
@media(max-width:760px){
 .hotspot, .hotspot:hover, .hotspot:focus, .hotspot:active {color:#111!important;-webkit-text-fill-color:#111!important;}
 .identity, .identity:visited, .address, .address:visited {color:#806f69;}
 .identity strong, .address strong {color:#111;}
}