.hcim-wrap{font-family:inherit;max-width:1500px;margin:0 auto;padding:18px 18px 34px;color:#102b3b}.hcim-wrap header{text-align:center;margin-bottom:24px}.hcim-wrap h2{font-size:clamp(30px,3vw,48px);line-height:1.08;margin:0 0 8px;font-weight:800}.hcim-wrap header p{margin:0;color:#657883;font-size:18px}.hcim-atlas{position:relative;aspect-ratio:2.28/1;min-height:420px;overflow:hidden;border:1px solid #bfe9ef;border-radius:28px;background:linear-gradient(180deg,#f5fdff 0,#e8f9fc 52%,#ddf4f8 100%);box-shadow:0 20px 45px rgba(20,123,142,.09)}.hcim-atlas:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 83px,rgba(42,158,177,.055) 84px 85px),radial-gradient(circle at 55% 45%,rgba(255,255,255,.9),transparent 38%);pointer-events:none}.hcim-map{position:absolute;inset:3% 2.5% 7%;width:95%;height:90%;overflow:visible}.hcim-shape-shadow{fill:#fff;stroke:#fff;stroke-width:11;filter:drop-shadow(0 8px 8px rgba(30,105,115,.22));stroke-linejoin:round}.hcim-shape{fill:#55c2ad;stroke:#20a6ad;stroke-width:2.2;cursor:pointer;transition:.2s;stroke-linejoin:round}.hcim-island:hover .hcim-shape{fill:#38b9ae;filter:brightness(1.03)}.hcim-island.active .hcim-shape{fill:#ffbd24;stroke:#f3a600;stroke-width:4}.hcim-label{fill:#0798a7;font-size:15px;font-weight:800;letter-spacing:.2px;pointer-events:none}.hcim-north{position:absolute;left:4.5%;top:8%;bottom:13%;width:55px;color:#058f9f;font-weight:800}.hcim-north b{display:block;text-align:center}.hcim-north span{position:absolute;top:30px;bottom:0;left:28px;border-left:2px dotted #82d7df}.hcim-north em{position:absolute;left:-9px;top:50%;font-style:normal;transform:rotate(-90deg);white-space:nowrap}.hcim-west{position:absolute;bottom:5.5%;left:42%;right:31%;display:flex;align-items:center;gap:12px;color:#078e9e;font-weight:800}.hcim-west span{height:0;flex:1;border-top:2px dotted #82d7df}.hcim-globe{position:absolute;right:4.3%;bottom:7%;width:130px;height:130px;background:rgba(255,255,255,.62);border-radius:50%;box-shadow:0 8px 20px rgba(26,126,145,.08)}.hcim-globe svg{width:100%;height:100%}.hcim-globe circle:first-child{fill:none;stroke:#23a8b7;stroke-width:2}.hcim-globe path{fill:#76c5cf;stroke:#4aafbc;stroke-width:1}.hcim-globe .hcim-globe-lines{fill:none;stroke:#9bd5dc;stroke-width:.8}.hcim-globe .hcim-dot{fill:#ffb719;stroke:white;stroke-width:2}.hcim-card{position:absolute;z-index:5;width:min(470px,48%);min-height:220px;left:50%;top:16%;transform:translateX(-15%);display:grid;grid-template-columns:42% 58%;background:white;border-radius:20px;box-shadow:0 18px 42px rgba(22,67,77,.22);overflow:visible}.hcim-card[hidden]{display:none}.hcim-card i{position:absolute;bottom:-20px;left:45%;width:40px;height:40px;background:#fff;transform:rotate(45deg);z-index:-1}.hcim-photo{min-height:250px;background-size:cover;background-position:center;border-radius:20px 0 0 20px}.hcim-copy{padding:28px 28px 24px}.hcim-copy small{color:#0099a8;font-weight:800;font-size:12px}.hcim-copy h3{font-size:29px;margin:8px 0 12px;line-height:1.05}.hcim-copy p{font-size:15px;line-height:1.55;color:#63747d;margin:0 0 20px}.hcim-copy a{color:#078f9e;text-decoration:none;font-weight:800}.hcim-copy a span{padding-left:7px}.hcim-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#eef9fb;color:#247483;font-size:22px;cursor:pointer}.hcim-loading{position:absolute;inset:0;display:grid;place-items:center;color:#178f9c;font-weight:700}.hcim-loading:before{content:"";width:28px;height:28px;border:3px solid #c8edf1;border-top-color:#11a1af;border-radius:50%;animation:hcspin .8s linear infinite;margin-right:10px}@keyframes hcspin{to{transform:rotate(360deg)}}
@media(max-width:800px){.hcim-wrap{padding:10px 0 25px}.hcim-wrap header{padding:0 18px}.hcim-wrap header p{font-size:15px}.hcim-atlas{border-radius:20px;min-height:520px;aspect-ratio:auto}.hcim-map{inset:5% 0 26%;width:100%;height:68%}.hcim-north,.hcim-west{display:none}.hcim-globe{width:80px;height:80px;right:12px;bottom:12px}.hcim-label{font-size:12px}.hcim-card{left:14px;right:14px;top:auto;bottom:18px;transform:none;width:auto;min-height:145px;grid-template-columns:34% 66%}.hcim-photo{min-height:165px}.hcim-copy{padding:18px}.hcim-copy h3{font-size:22px}.hcim-copy p{font-size:13px;line-height:1.35;margin-bottom:10px}.hcim-copy small{font-size:10px}.hcim-card i{display:none}}

/* v2.3 — statische kaart: niets wordt geladen */
.hcim-loading{display:none!important}
.hcim-relief{fill:url(#hcimLocalRelief);pointer-events:none;opacity:.78}
.hcim-shape{filter:drop-shadow(0 7px 8px rgba(30,105,115,.16))}

/* v2.4 */
.hcim-photo{background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}

/* v2.4.1 – popup fix: data zit in ieder kaartblok zelf */
.hcim-card[hidden]{display:none!important}
.hcim-card.is-open{display:grid!important}
.hcim-photo{
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  min-height:220px;
}