.gids{--gids-max:900px}
.gids__hero{position:relative;isolation:isolate;overflow:hidden;
min-height:300px;display:flex;align-items:flex-end;
background:var(--accent)}
.gids__hero--kaal{min-height:200px}
.gids__hero-img{position:absolute;inset:0;width:100%;height:100%;
object-fit:cover;z-index:-2}
.gids__hero:not(.gids__hero--kaal)::after{content:"";position:absolute;inset:0;
z-index:-1;background:rgba(0,0,0,.42)}
.gids__hero-in{width:100%;padding:34px 0}
.gids__hero .shell{max-width:var(--shell);margin:0 auto;padding:0 20px;color:#fff}
.gids__hero--kaal .gids__hero-in{color:var(--on-accent)}
.gids__kruimel{display:flex;flex-wrap:wrap;gap:8px;align-items:center;
font-size:12.5px;margin-bottom:14px;opacity:.9}
.gids__kruimel a{color:inherit;text-decoration:none;border-bottom:1px solid transparent}
.gids__kruimel a:hover{border-bottom-color:currentColor}
.gids__label{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.14em;
text-transform:uppercase;opacity:.9}
.gids__hero h1{margin:0;font-family:var(--display);font-weight:800;
font-size:clamp(30px,5vw,52px);line-height:1.05}
.gids__land{margin:8px 0 0;font-size:15px;opacity:.92}
.gids__body{max-width:var(--shell);margin:0 auto;padding:0 20px 60px}
.gids__cijfers{list-style:none;margin:26px 0 0;padding:18px 22px;display:flex;
flex-wrap:wrap;gap:14px 40px;border:1px solid var(--line);border-radius:var(--r);
background:#fff}
.gids__cijfers li{display:flex;flex-direction:column;gap:2px}
.gids__cijfers b{font-family:var(--display);font-size:24px;font-weight:800;
color:var(--accent-text,var(--accent));line-height:1}
.gids__cijfers span{font-size:12.5px;color:var(--dim)}
.gids__redactie{margin:24px 0;border:1px dashed var(--line);border-radius:var(--r);
background:#fff}
.gids__redactie summary{cursor:pointer;padding:12px 16px;font-weight:700;
font-size:13.5px;color:var(--accent-text,var(--accent))}
.gids__redactie-form{padding:0 16px 16px}
.gids__redactie .hint{margin:0 0 10px;font-size:13px;color:var(--dim);line-height:1.5}
.gids__tekst{max-width:var(--gids-max);margin:28px 0;font-size:17px;line-height:1.7;
color:var(--text)}
.gids__tekst > :first-child{margin-top:0}
.gids__tekst h2,.gids__tekst h3{font-family:var(--display);font-weight:700;
line-height:1.2;margin:1.6em 0 .5em}
.gids__tekst h2{font-size:26px}
.gids__tekst h3{font-size:20px}
.gids__tekst p{margin:0 0 1em}
.gids__tekst a{color:var(--accent-text,var(--accent))}
.gids__tekst ul,.gids__tekst ol{margin:0 0 1em;padding-left:1.3em}
.gids__tekst li{margin:.3em 0}
.gids__aanbod{margin:40px 0 0}
.gids__aanbod h2,.gids__buren h2{font-family:var(--display);font-weight:700;
font-size:24px;margin:0 0 18px}
.gids__meer{display:inline-block;margin-top:22px;background:var(--accent);
color:var(--on-accent);font-weight:700;font-size:14px;text-decoration:none;
padding:12px 20px;border-radius:var(--r);transition:background .18s ease}
.gids__meer:hover{background:var(--accent-dk)}
.gids__buren{margin:48px 0 0}
.gids__buren ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.gids__buren a{display:inline-flex;align-items:center;gap:8px;
border:1px solid var(--line);border-radius:999px;padding:8px 15px;
font-size:14px;font-weight:600;color:var(--text);text-decoration:none;
background:#fff;transition:border-color .15s ease,color .15s ease}
.gids__buren a:hover{border-color:var(--accent);color:var(--accent-text,var(--accent))}
.gids__buren-tag{font-size:11px;font-weight:700;text-transform:uppercase;
letter-spacing:.05em;color:var(--on-accent);background:var(--accent);
border-radius:999px;padding:2px 7px}
@media (max-width:640px){
.gids__hero-in{padding:22px 0}
.gids__tekst{font-size:16px}
.gids__cijfers{gap:12px 26px;padding:14px 16px}
}
.gidsen__kop{background:var(--accent);color:var(--on-accent);padding:44px 0}
.gidsen__kop .shell{max-width:var(--shell);margin:0 auto;padding:0 20px}
.gidsen__label{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.14em;
text-transform:uppercase;opacity:.9}
.gidsen__kop h1{margin:0;font-family:var(--display);font-weight:800;
font-size:clamp(28px,4.4vw,46px);line-height:1.05}
.gidsen__lede{margin:12px 0 0;max-width:620px;font-size:16px;line-height:1.55;opacity:.95}
.gidsen__body{max-width:var(--shell);margin:0 auto;padding:36px 20px 60px}
.gidsen__leeg{font-size:16px;color:var(--dim)}
.gidsen__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
gap:24px}
.gidskaart{display:flex;flex-direction:column;text-decoration:none;color:inherit;
border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;
transition:border-color .15s ease,transform .15s ease}
.gidskaart:hover{border-color:var(--accent);transform:translateY(-2px)}
.gidskaart__media{aspect-ratio:3/2;background:var(--line-2,#eee);overflow:hidden}
.gidskaart__media img{width:100%;height:100%;object-fit:cover;display:block}
.gidskaart__tekst{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.gidskaart__land{font-size:11.5px;font-weight:700;letter-spacing:.05em;
text-transform:uppercase;color:var(--dim)}
.gidskaart h2{margin:0;font-family:var(--display);font-size:21px;font-weight:700;line-height:1.15}
.gidskaart__tekst p{margin:0;font-size:14px;line-height:1.5;color:var(--dim)}
.gidskaart__lees{margin-top:auto;padding-top:8px;font-size:13.5px;font-weight:700;
color:var(--accent-text,var(--accent))}