/**
 * Ankers: houd het doel van /pagina/#anker vrij van de vaste header.
 *
 * --px-anchor-offset is de actuele headerhoogte (assets/js/px-anchors.js), met
 * --px-header-height (components/px-header/js/frontend.js) als terugval.
 * De terugval geldt alleen tot dat script draait; assets/js/px-anchors.js
 * corrigeert de positie na het laden. Werkt voor ankers in tekst (id op een
 * kop of alinea) en voor de HTML-ID van een module (BB Geavanceerd > HTML-element).
 */
html {
  scroll-padding-top: calc(var(--px-anchor-offset, var(--px-header-height, calc(var(--D5) + var(--D2)))) + var(--D1));
}

/* In de BB-editor staat de header niet vast. */
html:has(body.fl-builder-edit) {
  scroll-padding-top: var(--D1);
}