.grm-gids{max-width:var(--grm-w,1424px);margin:0 auto;padding:0 22px 72px;min-width:0;color:var(--grm-ink,#041e42);font-family:"Inter",Inter,sans-serif}
.grm-gids *{box-sizing:border-box}

.grm-gids__kop{max-width:820px;margin:8px 0 40px}
.grm-gids__eyebrow{display:inline-block;margin-bottom:10px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#1668C7}
.grm-gids__kop h1{margin:0 0 12px;font-family:"Inter Tight",sans-serif;font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:#041E42}
.grm-gids__kop p{margin:0;font-size:17px;line-height:1.6;color:var(--grm-ink-700,#33424f)}
.grm-gids__kop--smal{max-width:720px}

.grm-gids__cijfers{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0}
.grm-gids__cijfers li{flex:1 1 150px;min-width:0;padding:15px 17px;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:12px;background:#fff}
.grm-gids__cijfers strong{display:block;font-family:"Inter Tight",sans-serif;font-size:26px;font-weight:800;color:#103A63;line-height:1.1}
.grm-gids__cijfers span{display:block;margin-top:3px;font-size:13px;color:#55636E}
.grm-gids__kop-cta{margin-top:24px}

.grm-gids__body{display:grid;grid-template-columns:274px minmax(0,1fr);gap:44px;align-items:start;min-width:0}
.grm-gids__zij{position:sticky;top:150px;min-width:0}
.grm-gids__inhoud h2{margin:0 0 12px;font-family:"Inter Tight",sans-serif;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#55636E}
.grm-gids__inhoud ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.grm-gids__inhoud a{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:9px;color:var(--grm-ink-700,#33424f);font-size:14px;font-weight:600;text-decoration:none;line-height:1.35}
.grm-gids__inhoud a:hover{background:#EDF2F8;color:#103A63}
.grm-gids__inhoud a.is-actief{background:#103A63;color:#fff}
.grm-gids__nr{flex:0 0 auto;width:22px;height:22px;border-radius:6px;background:#EDF2F8;color:#103A63;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.grm-gids__inhoud a.is-actief .grm-gids__nr{background:rgba(255,255,255,.22);color:#fff}
.grm-gids__zij-cta{margin-top:16px;width:100%;justify-content:center}

.grm-gids__tekst{min-width:0;max-width:760px}
.grm-gids__hoofdstuk{padding:0 0 34px;margin-bottom:34px;border-bottom:1px solid var(--grm-line-soft,#eaeff5);scroll-margin-top:160px}
.grm-gids__hoofdstuk:last-of-type{border-bottom:0}
.grm-gids__hoofdstuk-kop{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.grm-gids__hoofdstuk h2{display:flex;align-items:center;gap:10px;margin:0;font-family:"Inter Tight",sans-serif;font-size:24px;font-weight:800;letter-spacing:-.01em;color:#041E42;line-height:1.2}
.grm-gids__hoofdstuk-nr{flex:0 0 auto;font-size:14px;font-weight:800;color:#1668C7}
.grm-gids__hoofdstuk p{margin:0 0 14px;font-size:16px;line-height:1.72;color:var(--grm-ink-700,#33424f)}
.grm-gids__hoofdstuk p:last-child{margin-bottom:0}

.grm-gids__vraag{margin-top:18px;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:11px;background:var(--grm-paper,#fff)}
.grm-gids__vraag summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;font-weight:700;font-size:14.5px;color:#041E42;list-style:none}
.grm-gids__vraag summary::-webkit-details-marker{display:none}
.grm-gids__vraag summary .material-symbols-rounded{font-size:20px;color:#55636E;transition:transform .2s}
.grm-gids__vraag[open] summary .material-symbols-rounded{transform:rotate(180deg)}
.grm-gids__vraag p{margin:0;padding:0 16px 15px;font-size:14.5px;line-height:1.65;color:var(--grm-ink-700,#33424f)}

.grm-gids__slot{margin-top:8px;padding:34px 28px;border-radius:16px;background:var(--grm-rij-merk);color:#fff}
.grm-gids__slot h2{margin:0 0 8px;font-family:"Inter Tight",sans-serif;font-size:25px;font-weight:800;color:#fff}
.grm-gids__slot p{margin:0 0 20px;font-size:15.5px;line-height:1.6;color:var(--grm-brand-100,#d3e0ef)}
.grm-gids__slot a{color:#fff;text-decoration:underline}
.grm-gids__slot-ctas{display:flex;flex-wrap:wrap;gap:10px}
.grm-gids__slot-ctas a{text-decoration:none}

.grm-gids__contactregel{margin:26px 0 0;padding-top:20px;border-top:1px solid var(--grm-line-soft,#eaeff5);font-size:14.5px;color:#55636E}
.grm-gids--juridisch .grm-gids__hoofdstuk{padding-bottom:22px;margin-bottom:22px}

@media (max-width:900px){
  .grm-gids__body{grid-template-columns:1fr;gap:26px}
  .grm-gids__zij{position:static;top:auto}
  .grm-gids__inhoud ol{flex-direction:row;flex-wrap:wrap;gap:6px}
  .grm-gids__inhoud a{padding:8px 11px;border:1px solid var(--grm-line-soft,#eaeff5);font-size:13px}
  .grm-gids__zij-cta{display:none}
}
@media (max-width:640px){
  .grm-gids{padding:0 15px 56px}
  .grm-gids__cijfers li{flex:1 1 132px;padding:12px 13px}
  .grm-gids__cijfers strong{font-size:22px}
  .grm-gids__hoofdstuk h2{font-size:20px}
  .grm-gids__slot{padding:24px 18px}
}

.grm-azindex{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 26px}
.grm-azindex__letter{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:9px;background:#fff;color:#103A63;font-weight:700;font-size:14px;text-decoration:none;transition:background .14s,border-color .14s}
.grm-azindex__letter:hover{background:#EDF2F8;border-color:#1668C7}
.grm-azindex__letter.is-actief{background:#103A63;border-color:#103A63;color:#fff}
.grm-azindex__lijst{display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:2px;min-width:0}
.grm-azindex__lijst a{display:block;padding:9px 12px;border-radius:8px;color:var(--grm-ink-700,#33424f);font-size:14.5px;text-decoration:none}
.grm-azindex__lijst a:hover{background:#EDF2F8;color:#103A63}
.grm-azindex__leeg{padding:22px;border:1px dashed #D7DEE7;border-radius:12px;color:#55636E;font-size:15px}

.grm-sitemap{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:26px;min-width:0}
.grm-sitemap__blok{min-width:0}
.grm-sitemap__blok--breed{grid-column:1/-1}
.grm-sitemap__blok h2{margin:0 0 11px;font-family:"Inter Tight",sans-serif;font-size:17px;font-weight:800;color:#041E42}
.grm-sitemap__blok ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}
.grm-sitemap__kolommen{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:1px}
.grm-sitemap__blok a{display:block;padding:6px 9px;border-radius:7px;color:var(--grm-ink-700,#33424f);font-size:14px;text-decoration:none}
.grm-sitemap__blok a:hover{background:#EDF2F8;color:#103A63}

@media (max-width:640px){
  .grm-azindex__letter{min-width:36px;height:36px;font-size:13px}
  .grm-sitemap{gap:20px}
}

.grm-gids__datum{margin:14px 0 0;font-size:13.5px;font-weight:600;color:#55636E}
.grm-gids__lijst{margin:0 0 16px;padding:0;list-style:none;display:flex;flex-direction:column;gap:11px}
.grm-gids__lijst li{position:relative;padding-left:26px;font-size:16px;line-height:1.68;color:var(--grm-ink-700,#33424f)}
.grm-gids__lijst li::before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:3px;background:#1668C7}
.grm-gids__lijst li strong{color:#041E42}
.grm-gids__lijst a{color:#1668C7;font-weight:600}
.grm-gids__hoofdstuk a{color:#1668C7;font-weight:600}
.grm-gids__tekst--breed{max-width:860px;margin:0 auto}
.grm-gids--juridisch .grm-gids__hoofdstuk .grm-faq2{margin-top:6px}
.grm-gids__contactregel{margin-top:26px;padding-top:20px;border-top:1px solid var(--grm-line-soft,#eaeff5);font-size:14.5px;color:#55636E}
.grm-gids__contactregel a{color:#1668C7;font-weight:600}

.grm-alt{max-width:900px;margin:0 auto;padding:0 24px 60px}
.grm-alt__kop{padding:34px 0 10px}
.grm-alt__kop h1{margin:0 0 12px;font-family:"Inter Tight",sans-serif;font-size:clamp(27px,4vw,40px);font-weight:800;letter-spacing:-.02em;line-height:1.08;color:#041E42}
.grm-alt__sub{margin:0 0 16px;font-size:17.5px;line-height:1.6;color:var(--grm-ink-700,#33424f)}
.grm-alt__fomo{margin:0;padding:16px 18px;background:var(--grm-warn-50,#fef7e0);border:1px solid var(--grm-warn-50,#FEF7E0);border-radius:12px;font-size:16px;line-height:1.6;font-weight:600;color:var(--grm-ink-700,#33424f)}
.grm-alt__blok{padding:26px 0;border-bottom:1px solid var(--grm-line-soft,#eaeff5)}
.grm-alt__blok:last-of-type{border-bottom:0}
.grm-alt__blok h2{margin:0 0 12px;font-family:"Inter Tight",sans-serif;font-size:clamp(20px,2.6vw,25px);font-weight:800;letter-spacing:-.01em;color:#041E42}
.grm-alt__blok p{margin:0 0 14px;font-size:16px;line-height:1.72;color:var(--grm-ink-700,#33424f)}
.grm-alt__blok p:last-child{margin-bottom:0}
.grm-alt__blok--wij{background:var(--grm-canvas,#f5f7fa);border-radius:16px;padding:26px 26px 20px;border-bottom:0;margin:8px 0}
.grm-alt__lijst{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:10px}
.grm-alt__lijst li{position:relative;padding-left:26px;font-size:16px;line-height:1.65;color:var(--grm-ink-700,#33424f);list-style:none}
.grm-alt__lijst li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:3px;background:#1668C7}
.grm-alt__raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.grm-alt__kaart{display:block;padding:20px;background:#fff;border:1px solid #D7DEE7;border-radius:14px;text-decoration:none;transition:border-color .15s ease,transform .15s ease}
.grm-alt__kaart:hover{border-color:#1668C7;transform:translateY(-2px)}
.grm-alt__kaart h3{margin:0 0 8px;font-size:17px;font-weight:800;color:#041E42}
.grm-alt__kaart p{margin:0 0 12px;font-size:14.5px;line-height:1.6;color:#55636E}
.grm-alt__lees{font-size:13.5px;font-weight:700;color:#1668C7}
.grm-alt__cta{margin-top:22px;padding:30px 28px;border-radius:18px;background:var(--grm-rij-merk);color:#fff}
.grm-alt__cta h2{margin:0 0 10px;font-family:"Inter Tight",sans-serif;font-size:24px;font-weight:800;color:#fff}
.grm-alt__cta p{margin:0 0 18px;font-size:15.5px;line-height:1.65;color:rgba(255,255,255,.92)}
.grm-alt__ctas{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:600px){.grm-alt{padding:0 16px 44px}.grm-alt__blok--wij,.grm-alt__cta{padding:22px 18px}}

.grm-alt__snel{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.grm-alt__snel a{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid var(--grm-line,#D7DEE7);border-radius:999px;background:#fff;color:var(--grm-ink,#041E42);font-size:14px;font-weight:600;text-decoration:none;transition:border-color .12s,color .12s}
.grm-alt__snel a:hover{border-color:var(--grm-accent,#1668C7);color:var(--grm-accent,#1668C7)}
.grm-alt__snel .grm-tel{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--grm-vlak,var(--grm-canvas,#f5f7fa));font-size:12px;font-weight:700;color:var(--gm-text-secondary,#55636E)}
.grm-alt__blok--buren{border-top:1px solid var(--grm-line,#D7DEE7);padding-top:22px}
.grm-alt__lijst--buren{display:flex;flex-wrap:wrap;gap:8px 22px}
.grm-alt__lijst--buren li{padding-left:0}
.grm-alt__lijst--buren li::before{display:none}
.grm-alt__lijst--buren a{color:var(--grm-accent,#1668C7);font-weight:600;text-decoration:none}
.grm-alt__lijst--buren a:hover{text-decoration:underline}
.grm-alt__alles{display:inline-block;margin-top:10px;color:var(--grm-marine,#103A63);font-weight:700;text-decoration:underline}

/*
  Het figuur naast een hoofdstukkop.

  De gids was tekst en niets anders: acht koppen, dertig alinea's en hooguit
  een pictogram van vierenveertig pixels. Dat leest als een handleiding en niet
  als een uitnodiging, terwijl juist deze pagina een bedrijf over de streep
  moet trekken. Het figuur staat naast de kop en niet erboven, zodat het
  hoofdstuk begint met beeld en tekst naast elkaar in plaats van met nog een
  regel.

  Het pictogram stond er eerst naast, en dat waren er dus twee: een tekening
  van achtentachtig pixels en daarnaast nog een tegel met een symbool uit de
  lettertypeset, allebei voor dezelfde kop. Twee iconen naast elkaar zeggen
  niets extra en maken de kop alleen maar smaller. Het pictogram is eruit; het
  figuur is de enige markering en gaat mee omlaag in formaat, zodat het naast
  een kop van vierentwintig pixels staat en niet erboven uit steekt.

  Op een telefoon verdween het figuur eerder helemaal, want op die breedte duwde
  het de kop van het scherm. Nu het de enige markering is mag het daar niet meer
  weg, anders staat een hoofdstuk daar zonder beeld. Het krimpt in plaats
  daarvan mee naar de maat die het pictogram had.
*/
.grm-gids__hoofdstuk-fig{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:64px;padding:4px 0}
.grm-gids__hoofdstuk-fig .grm-fig{max-width:64px}
.grm-gids__hoofdstuk-kop{align-items:center}
@media(max-width:720px){
  .grm-gids__hoofdstuk-fig{width:44px;padding:0}
  .grm-gids__hoofdstuk-fig .grm-fig{max-width:44px}
}

/* De golf onder de paginakop loopt in de kleur van de body eronder. Zonder
   deze regel staat hij op de volle breedte van het scherm terwijl de kop
   binnen de leesbreedte blijft, en dan lijkt de pagina te verspringen. */
.grm-gids > .grm-golf{margin:0 0 30px}