.scc-geo-wrap {
--scc-geo-grijs: #e3e4e6;
--scc-geo-rand: #ffffff;
width: 100%;
}
.scc-geo { position: relative; }
.scc-geo svg { display: block; width: 100%; height: auto; overflow: visible; } .scc-geo-grijs {
fill: var(--scc-geo-grijs);
stroke: var(--scc-geo-rand);
stroke-width: 1;
vector-effect: non-scaling-stroke;
stroke-linejoin: round;
}
.scc-geo-link path {
fill: var(--scc-geo-actief);
stroke: var(--scc-geo-rand);
stroke-width: 1;
vector-effect: non-scaling-stroke;
stroke-linejoin: round;
transition: fill .15s ease;
cursor: pointer;
}
.scc-geo-alle .scc-geo-koenraad path { fill: var(--scc-geo-actief2); }
.scc-geo-link:hover path,
.scc-geo-link:focus path,
.scc-geo-link.is-actief path { fill: var(--scc-geo-hover); }
.scc-geo-link:focus { outline: none; }
.scc-geo-link:focus-visible path { stroke: #111; stroke-width: 2; } .scc-geo-pin { pointer-events: none; }
.scc-geo-pin circle { fill: #fff; stroke: var(--scc-geo-hover); stroke-width: 2; vector-effect: non-scaling-stroke; }
.scc-geo-pin .scc-geo-pin-kern { fill: var(--scc-geo-hover); stroke: none; } .scc-geo-tip {
position: absolute;
z-index: 5;
transform: translate(-50%, calc(-100% - 14px));
background: #fff;
color: #111;
border-radius: 6px;
padding: 8px 14px;
font-size: 15px;
line-height: 1.35;
white-space: nowrap;
box-shadow: 0 4px 16px rgba(0,0,0,.18);
pointer-events: none;
text-align: center;
}
.scc-geo-tip::after {
content: '';
position: absolute;
left: 50%;
bottom: -6px;
width: 12px;
height: 12px;
background: #fff;
transform: translateX(-50%) rotate(45deg);
box-shadow: 3px 3px 5px rgba(0,0,0,.08);
}
.scc-geo-tip small { display: block; color: #6b7280; font-size: 12px; }
.scc-geo-tip .scc-geo-tip-label {
display: block; font-size: 11px; font-weight: 700; letter-spacing: .04em;
text-transform: uppercase; color: var(--scc-geo-hover);
} .scc-geo-lijst { margin-top: 14px; }
.scc-geo-lijst summary {
cursor: pointer; font-weight: 600; color: #0d2a4d; list-style: none;
display: inline-flex; align-items: center; gap: 6px;
}
.scc-geo-lijst summary::-webkit-details-marker { display: none; }
.scc-geo-lijst summary::before {
content: '+'; display: inline-flex; align-items: center; justify-content: center;
width: 18px; height: 18px; border-radius: 50%; background: #e2231a; color: #fff;
font-size: 13px; line-height: 1;
}
.scc-geo-lijst[open] summary::before { content: '−'; }
.scc-geo-lijst p { margin: 10px 0 0; font-size: .92rem; line-height: 1.7; } .scc-geo-licht { fill: #f1f2f4; } .scc-geo-rand {
fill: none;
stroke: #9aa1ab;
stroke-width: 1.4;
vector-effect: non-scaling-stroke;
stroke-linejoin: round;
stroke-linecap: round;
pointer-events: none;
}