/* FRAMO scrollcomfort. Mobiele basis; uitbreiding uitsluitend met min-width. */
:root{--framo-sticky-height:112px;--framo-sticky-top:0px}
html{scroll-padding-top:calc(var(--framo-sticky-height) + var(--framo-sticky-top) + 16px)}
.framo-sticky-masthead{position:sticky;top:var(--framo-sticky-top);z-index:1001;isolation:isolate;width:100%;background:var(--framo-header-bg,#fff);box-shadow:0 3px 16px rgb(0 0 0 / .08)}
.framo-sticky-masthead>.site-header,.framo-sticky-masthead>.header{position:relative;top:auto;z-index:auto;transform:none;filter:none;backdrop-filter:none}
.framo-sticky-masthead .race-line{position:static;top:auto}
.framo-sticky-info{background:#153b2b;color:#fff;font:600 11px/1.5 system-ui,-apple-system,sans-serif}
.framo-sticky-info__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;max-width:1220px;margin:auto;padding:7px 14px}
.framo-sticky-info a{color:inherit;text-decoration:none;min-height:24px;display:inline-flex;align-items:center}
.framo-sticky-info a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.framo-sticky-masthead .framo-sticky-panel{position:fixed!important;top:calc(var(--framo-sticky-height) + var(--framo-sticky-top))!important;bottom:auto!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;max-height:calc(100vh - var(--framo-sticky-height) - var(--framo-sticky-top) - 8px)!important;max-height:calc(100dvh - var(--framo-sticky-height) - var(--framo-sticky-top) - 8px)!important;overflow-y:auto!important;overflow-x:hidden;overscroll-behavior:contain;background:var(--framo-header-bg,#fff)!important;color:var(--framo-header-color,#13283b);box-shadow:0 14px 24px rgb(0 0 0 / .16);z-index:5;box-sizing:border-box}
.framo-sticky-masthead .framo-sticky-panel a{min-height:44px}
.framo-sticky-masthead :is(button,summary,a):focus-visible{outline:2px solid currentColor;outline-offset:4px}
main [id]{scroll-margin-top:calc(var(--framo-sticky-height) + var(--framo-sticky-top) + 16px)}
@media(min-width:601px){body.admin-bar .framo-sticky-masthead{top:46px}}
@media(min-width:783px){body.admin-bar .framo-sticky-masthead{top:32px}}
@media(min-width:768px){.framo-sticky-info{font-size:12px}.framo-sticky-info__inner{padding-inline:24px}}
@media print{.framo-sticky-masthead{position:static;box-shadow:none}.framo-sticky-info{display:none}html{scroll-padding-top:0}main [id]{scroll-margin-top:0}}