/* =========================================================
   CASCADERUN WEBSITE - stijl van de plugin
   Menubalk onderaan op mobiel, uitklapmenu, zoeken en cookiemelding.
   Werkt samen met assets/website.js.
   ========================================================= */

/* Hamburgermenu van Divi in de header onzichtbaar: het menu zit in de pil
   onderaan. Bewust visibility in plaats van display: none, want Divi leidt de
   hoogte van de header (en daarmee de grootte van het logo) af van deze knop. */
@media only screen and (max-width: 980px) {
    #et_mobile_nav_menu {
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* =========================================================
   Mobiel: zwevend pill-menu onderaan met uitklapmenu
   (werkt samen met de JavaScript in Integratie > body)
   ========================================================= */

/* Licht (standaard) */
:root {
    --cr-bg: #ffffff;
    --cr-glas: rgba(255, 255, 255, .82);
    --cr-tekst: #5f6b78;
    --cr-kop: #1d2b3a;
    --cr-actief: #084b8f;
    --cr-pil: #e4edf7;
    --cr-knop: #084b8f;
    --cr-knop-tekst: #ffffff;
    --cr-greep: rgba(8, 75, 143, .22);
    --cr-veld: #f2f6fb;
    --cr-mark: rgba(222, 99, 57, .22);
    --cr-ring: rgba(8, 75, 143, .18);
    --cr-knop-schaduw: rgba(8, 75, 143, .35);
    --cr-lijn: rgba(8, 75, 143, .12);
    --cr-schaduw: rgba(8, 40, 80, .16);
    --cr-hoogte: 62px;
    --cr-afstand: max(12px, env(safe-area-inset-bottom, 0px));
    --cr-ruimte: calc(var(--cr-hoogte) + var(--cr-afstand) + 12px);
    --cr-zacht: cubic-bezier(.22, .61, .36, 1);
}

/* Donker: volgt automatisch het thema van het apparaat.
   Geen los donker palet, maar het Cascaderun-blauw van de header, met wit. */
@media (prefers-color-scheme: dark) {
    :root {
        --cr-bg: #084b8f;
        --cr-glas: rgba(8, 75, 143, .86);
        --cr-tekst: rgba(255, 255, 255, .78);
        --cr-kop: #ffffff;
        --cr-actief: #ffffff;
        --cr-pil: rgba(255, 255, 255, .16);
        --cr-knop: #ffffff;
        --cr-knop-tekst: #084b8f;
        --cr-greep: rgba(255, 255, 255, .45);
        --cr-veld: rgba(255, 255, 255, .12);
        --cr-mark: rgba(255, 255, 255, .28);
        --cr-ring: rgba(255, 255, 255, .25);
        --cr-knop-schaduw: rgba(4, 30, 60, .35);
        --cr-lijn: rgba(255, 255, 255, .16);
        --cr-schaduw: rgba(4, 30, 60, .35);
    }
}

.cr-tabbar, .cr-sheet, .cr-backdrop { display: none; }

@media only screen and (max-width: 980px) {

    body.cr-heeft-tabbar { padding-bottom: var(--cr-ruimte); }

    /* ----- De balk: een pil met drie knoppen plus een losse blauwe menuknop ----- */
    .cr-tabbar {
        display: flex;
        gap: 8px;
        position: fixed;
        z-index: 2147483002;
        left: 50%;
        bottom: var(--cr-afstand);
        transform: translateX(-50%);
        width: calc(100% - 20px);
        max-width: 440px;
        height: var(--cr-hoogte);
        color-scheme: light dark;
    }
    body.cr-typen .cr-tabbar { display: none; }

    .cr-pil {
        flex: 1;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        padding: 5px;
        box-sizing: border-box;
        background: var(--cr-glas);
        -webkit-backdrop-filter: blur(18px) saturate(1.6);
        backdrop-filter: blur(18px) saturate(1.6);
        border: 1px solid var(--cr-lijn);
        border-radius: 999px;
        box-shadow: 0 10px 30px var(--cr-schaduw);
    }

    .cr-tab,
    .cr-menuknop {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        min-width: 0;
        margin: 0;
        border: 0;
        border-radius: 999px;
        cursor: pointer;
        font-family: inherit;
        font-weight: 600;
        line-height: 1.1;
        text-decoration: none;
        white-space: nowrap;
        -webkit-tap-highlight-color: transparent;
    }
    .cr-tab svg,
    .cr-menuknop svg {
        width: 22px;
        height: 22px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .cr-tab {
        padding: 0 8px;
        background: none;
        color: var(--cr-tekst);
        font-size: 11px;
        transition: background-color .2s ease, color .2s ease;
    }
    .cr-tab[aria-current="page"],
    .cr-tab[aria-expanded="true"] { background: var(--cr-pil); color: var(--cr-actief); }
    /* Staat er een venster open (inschrijven, menu, zoeken), dan is alleen de
       knop van dat venster gemarkeerd. Anders kunnen de pagina waar je bent en
       het open venster als twee markeringen tegen elkaar aan komen te staan. */
    body.cr-sheet-open .cr-tab[aria-current="page"]:not([aria-expanded="true"]) {
        background: none;
        color: var(--cr-tekst);
    }
    .cr-tab:active, .cr-menuknop:active { transform: scale(.96); }
    .cr-tab:focus-visible { outline: 2px solid var(--cr-actief); outline-offset: -2px; }

    /* Menuknop: losse pil in Cascaderun-blauw */
    .cr-menuknop {
        flex: none;
        min-width: 76px;
        padding: 0 18px;
        background: var(--cr-knop);
        color: var(--cr-knop-tekst);
        font-size: 11px;
        font-weight: 700;
        box-shadow: 0 6px 18px var(--cr-knop-schaduw);
    }
    .cr-menuknop:focus-visible { outline: 3px solid #de6339; outline-offset: 3px; }

    /* Menuknop wisselt tussen hamburger en kruisje */
    .cr-menuknop .cr-icoon-sluit { display: none; }
    .cr-menuknop[aria-expanded="true"] .cr-icoon-menu { display: none; }
    .cr-menuknop[aria-expanded="true"] .cr-icoon-sluit { display: block; }

    /* ----- Uitklapmenu boven de balk ----- */
    .cr-backdrop {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 2147483000;
        background: rgba(10, 25, 40, .40);
        opacity: 0;
        pointer-events: none;
        touch-action: none;            /* voorkomt dat de pagina eronder meescrolt */
        will-change: opacity;
        transition: opacity .25s ease;
    }
    .cr-sheet {
        display: block;
        position: fixed;
        z-index: 2147483001;
        left: 50%;
        bottom: calc(var(--cr-ruimte) - 2px);
        width: calc(100% - 20px);
        max-width: 440px;
        overflow: hidden;
        box-sizing: border-box;
        background: var(--cr-bg);
        border: 1px solid var(--cr-lijn);
        border-radius: 24px;
        box-shadow: 0 10px 30px var(--cr-schaduw);
        opacity: 0;
        visibility: hidden;
        transform: translate(-50%, 12px) scale(.98);
        transform-origin: bottom center;
        will-change: transform, opacity;
        contain: layout;
        transition: opacity .25s ease, transform .25s var(--cr-zacht), visibility 0s linear .25s;
    }
    /* Glaseffect van de pil uit zolang er een kaart open is: de achtergrond is
       dan toch gedimd, en de vervaging steeds opnieuw berekenen tijdens de
       animatie kost veel rekenkracht. Ook tijdens het sluiten blijft het uit,
       omdat de kaart dan achter de pil langs naar beneden glijdt. */
    body.cr-sheet-open .cr-pil,
    body.cr-sluiten .cr-pil {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background: var(--cr-bg);
    }
    body.cr-sheet-open .cr-backdrop { opacity: 1; pointer-events: auto; }
    .cr-sheet.is-open {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, 0);
        transition: opacity .25s ease, transform .25s var(--cr-zacht);
    }

    /* Inschrijfmodule als bijna schermvullende kaart boven de balk.
       Altijd licht, omdat de module zelf geen donkere versie heeft. */
    .cr-sheet--inschrijven {
        display: flex;
        flex-direction: column;
        top: max(16px, calc(env(safe-area-inset-top, 0px) + 12px));
        background: #fff;
        border-color: #e4e9ef;
        color-scheme: light;
    }
    .cr-inschrijf__kop {
        flex: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 10px 10px 10px 20px;
        border-bottom: 1px solid #e4e9ef;
    }
    .cr-inschrijf__titel {
        margin: 0;
        padding: 0;
        font-size: 17px;
        font-weight: 700;
        line-height: 1.2;
        color: #16202c;
    }
    .cr-inschrijf__sluit {
        flex: none;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0;
        background: #f2f6fb;
        border: 1px solid #dde7f2;
        border-radius: 50%;
        cursor: pointer;
        color: #084b8f;
    }
    .cr-inschrijf__sluit svg {
        width: 20px; height: 20px;
        fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round;
    }
    .cr-inschrijf__sluit:focus-visible { outline: 2px solid #084b8f; outline-offset: 2px; }
    .cr-inschrijf__inhoud {
        flex: 1;
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }
    /* De module zit al in een kaart, dus de eigen rand en schaduw kunnen weg */
    .cr-inschrijf__inhoud #crx-inschrijven .crx-panel {
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }
    .cr-inschrijf__inhoud #crx-inschrijven #crx-r-overzicht { scroll-margin-top: 0; }

    /* Greepje bovenaan elke kaart: laat zien dat je hem omlaag kunt vegen */
    .cr-greep {
        position: absolute;
        top: 6px;
        left: 50%;
        width: 36px;
        height: 4px;
        margin-left: -18px;
        border-radius: 2px;
        background: var(--cr-greep);
        z-index: 100;
        pointer-events: none;
    }
    .cr-sheet--inschrijven .cr-greep { background: #cfd8e2; }

    /* Lagen: submenu's schuiven als nieuwe pagina van rechts naar binnen */
    .cr-lagen {
        position: relative;
        height: 320px;                 /* wordt door de JavaScript op maat gezet */
        transition: height .3s var(--cr-zacht);
    }
    .cr-lagen.zonder-animatie,
    .cr-lagen.zonder-animatie .cr-laag { transition: none !important; }
    .cr-laag {
        position: absolute;
        top: 0; left: 0; right: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
        box-sizing: border-box;
        padding: 6px 16px 8px;
        background: var(--cr-bg);
        transform: translateX(100%);
        will-change: transform;
        transition: transform .3s var(--cr-zacht);
    }
    .cr-laag.is-actief { transform: translateX(0); }
    .cr-laag.is-onder { transform: translateX(-24%); }

    .cr-laag__kop {
        display: flex;
        align-items: center;
        gap: 6px;
        margin: 0 -4px 2px;
        padding: 4px 0 8px;
        border-bottom: 1px solid var(--cr-lijn);
    }
    .cr-terug {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        margin: 0;
        padding: 8px 10px 8px 4px;
        background: none;
        border: 0;
        border-radius: 999px;
        cursor: pointer;
        color: var(--cr-actief);
        font-family: inherit;
        font-size: 15px;
        font-weight: 600;
    }
    .cr-terug svg {
        width: 20px; height: 20px;
        fill: none; stroke: currentColor; stroke-width: 2.2;
        stroke-linecap: round; stroke-linejoin: round;
    }
    .cr-laag__titel {
        margin: 0 0 0 auto;
        padding: 0 6px 0 0;
        font-size: 15px;
        font-weight: 700;
        color: var(--cr-kop);
    }

    .cr-sheet ul { list-style: none; margin: 0; padding: 0; }
    .cr-sheet li { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid var(--cr-lijn); }
    .cr-sheet li:last-child { border-bottom: 0; }

    .cr-item {
        display: flex;
        align-items: center;
        gap: 14px;
        width: 100%;
        margin: 0;
        padding: 13px 4px;
        box-sizing: border-box;
        background: none;
        border: 0;
        border-radius: 12px;
        cursor: pointer;
        text-align: left;
        text-decoration: none;
        font-family: inherit;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.3;
        color: var(--cr-kop) !important;
    }
    .cr-item__tekst { flex: 1; }
    .cr-item[aria-current="page"] { color: var(--cr-actief) !important; }
    .cr-item[aria-current="page"] .cr-item__tekst::after,
    .cr-item.bevat-huidige .cr-item__tekst::after {
        content: "";
        display: inline-block;
        width: 6px; height: 6px;
        margin-left: 8px;
        vertical-align: middle;
        border-radius: 50%;
        background: var(--cr-actief);
    }
    .cr-item:focus-visible { outline: 2px solid var(--cr-actief); outline-offset: -2px; }
    .cr-item .cr-verder {
        width: 18px; height: 18px; flex: none;
        fill: none; stroke: var(--cr-tekst); stroke-width: 2;
        stroke-linecap: round; stroke-linejoin: round;
    }

    /* Iconen: Font Awesome-tekeningen als masker, zodat ze meekleuren met licht en donker */
    .cr-sheet {
        --cr-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Ccircle%20cx='12'%20cy='12'%20r='4'/%3E%3C/svg%3E");
    }
    .cr-ico {
        flex: none;
        width: 20px;
        height: 20px;
        background-color: var(--cr-actief);
        -webkit-mask: var(--cr-ico) center / contain no-repeat;
        mask: var(--cr-ico) center / contain no-repeat;
    }

    /* Divi's terug-naar-boven-knop boven de balk houden */
    .et_pb_scroll_top.et-pb-icon { bottom: calc(var(--cr-ruimte) + 4px) !important; }

    /* Valt de cookiemelding achter de balk? Vul de class in en haal de commentaartekens weg:
    .JOUW-COOKIEBALK { bottom: var(--cr-ruimte) !important; }
    */
}

/* Heel smalle schermen: iets compacter */
@media only screen and (max-width: 350px) {
    .cr-tab { font-size: 10px; padding: 0 4px; }
    .cr-menuknop { min-width: 64px; padding: 0 12px; }
}

@media (prefers-reduced-motion: reduce) {
    .cr-tab, .cr-sheet, .cr-backdrop, .cr-lagen, .cr-laag { transition: none !important; }
    .cr-tab:active, .cr-menuknop:active { transform: none; }
}

/* =========================================================
   Zoeken: zoekvenster, vergrootglas in de header (desktop) en
   zoekveld bovenin het menu (mobiel)
   (werkt samen met de body-code en het snippet "Zoekindex")
   ========================================================= */

/* Vergrootglas in de header, alleen op desktop. De hoogte wordt door de
   body-code gelijkgetrokken met de tekst van de menu-items. */
.cr-zoekknop { display: none; }
@media only screen and (min-width: 981px) {
    #et-top-navigation .cr-zoekknop {
        display: flex;
        float: right;
        align-items: center;
        justify-content: center;
        position: relative;
        top: 0;
        width: 40px;
        height: 40px;
        margin: 0 0 0 14px;
        padding: 0;
        background: none;
        border: 0;
        border-radius: 50%;
        cursor: pointer;
        color: #fff;
        transition: background-color .2s ease;
    }
    #et-top-navigation .cr-zoekknop:hover { background: rgba(255, 255, 255, .14); }
    #et-top-navigation .cr-zoekknop:focus-visible { outline: 3px solid #de6339; outline-offset: 2px; }
    #et-top-navigation .cr-zoekknop svg {
        width: 22px; height: 22px;
        fill: none; stroke: currentColor; stroke-width: 2.2;
        stroke-linecap: round; stroke-linejoin: round;
    }

    /* Donkere achtergrond achter het zoekvenster op desktop */
    .cr-backdrop {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 2147483000;
        background: rgba(10, 25, 40, .40);
        opacity: 0;
        pointer-events: none;
        transition: opacity .25s ease;
    }
    body.cr-sheet-open .cr-backdrop { opacity: 1; pointer-events: auto; }
}

/* Zoekveld bovenin het menu (mobiel) */
.cr-zoekrij {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    height: 44px;
    margin: 10px 0 8px;                 /* ruimte boven en onder het zoekveld in het menu */
    padding: 0 14px;
    box-sizing: border-box;
    background: var(--cr-veld);
    border: 1px solid var(--cr-lijn);
    border-radius: 999px;
    cursor: pointer;
    font-family: inherit;
    font-size: 15px;
    color: var(--cr-tekst);
    text-align: left;
    -webkit-tap-highlight-color: transparent;
}
.cr-zoekrij svg,
.cr-zoek__veld > svg {
    flex: none;
    width: 20px; height: 20px;
    fill: none; stroke: currentColor; stroke-width: 2.2;
    stroke-linecap: round; stroke-linejoin: round;
}
.cr-zoekrij:focus-visible { outline: 2px solid var(--cr-actief); outline-offset: 2px; }

/* Het zoekvenster */
.cr-zoek {
    --cr-zoek-top: 12vh;
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 2147483001;
    left: 50%;
    top: var(--cr-zoek-top);
    width: calc(100% - 48px);
    max-width: 640px;
    max-height: calc(100vh - var(--cr-zoek-top) - 8vh);
    box-sizing: border-box;
    overflow: hidden;
    background: var(--cr-bg);
    color: var(--cr-kop);
    border: 1px solid var(--cr-lijn);
    border-radius: 24px;
    box-shadow: 0 24px 60px var(--cr-schaduw);
    font-family: inherit;
    color-scheme: light dark;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -12px) scale(.98);
    transform-origin: top center;
    will-change: transform, opacity;
    transition: opacity .25s ease, transform .25s var(--cr-zacht), visibility 0s linear .25s;
}
.cr-zoek.is-open {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
    transition: opacity .25s ease, transform .25s var(--cr-zacht);
}
.cr-zoek .cr-greep { display: none; }

.cr-zoek__kop {
    flex: none;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 18px 16px 12px;            /* ruimte rond het zoekveld in het zoekvenster */
}
.cr-zoek__veld {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 48px;
    padding: 0 6px 0 16px;
    box-sizing: border-box;
    background: var(--cr-veld);
    border: 1px solid var(--cr-lijn);
    border-radius: 999px;
    color: var(--cr-tekst);
    transition: border-color .15s ease, box-shadow .15s ease;
}
.cr-zoek__veld:focus-within { border-color: var(--cr-actief); box-shadow: 0 0 0 3px var(--cr-ring); }
.cr-zoek__veld input {
    flex: 1;
    min-width: 0;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    font-family: inherit;
    font-size: 16px !important;     /* 16px voorkomt inzoomen op de iPhone */
    line-height: 1.2;
    color: var(--cr-kop) !important;
}
.cr-zoek__veld input::placeholder { color: var(--cr-tekst); opacity: 1; }
.cr-zoek__veld input::-webkit-search-cancel-button,
.cr-zoek__veld input::-webkit-search-decoration { -webkit-appearance: none; display: none; }
.cr-zoek__wis {
    flex: none;
    width: 34px; height: 34px;
    display: flex; align-items: center; justify-content: center;
    margin: 0; padding: 0;
    background: none; border: 0; border-radius: 50%;
    cursor: pointer; color: var(--cr-tekst);
}
.cr-zoek__wis[hidden] { display: none; }
.cr-zoek__wis svg {
    width: 18px; height: 18px;
    fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round;
}
.cr-zoek__sluit {
    flex: none;
    margin: 0;
    padding: 10px 6px;
    background: none;
    border: 0;
    cursor: pointer;
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    color: var(--cr-actief);
}
.cr-zoek__wis:focus-visible,
.cr-zoek__sluit:focus-visible { outline: 2px solid var(--cr-actief); outline-offset: 2px; border-radius: 8px; }

.cr-zoek__resultaten {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding: 0 8px 14px;
}
.cr-zoek__status {
    margin: 2px 10px 6px;
    padding: 0;
    font-size: 13px;
    line-height: 1.4;
    color: var(--cr-tekst);
}
.cr-zoek__status:empty { display: none; }
.cr-zoek__kopje {
    margin: 6px 10px 10px;
    padding: 0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--cr-tekst);
}
.cr-zoek__snel {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 10px 4px;
}
.cr-zoek__snel a {
    padding: 8px 14px;
    border-radius: 999px;
    background: var(--cr-pil);
    color: var(--cr-actief) !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
}
.cr-zoek__lijst,
.cr-zoek__lijst li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.cr-zoek__item {
    display: block;
    padding: 11px 12px;
    border-radius: 14px;
    text-decoration: none !important;
    color: var(--cr-kop) !important;
    -webkit-tap-highlight-color: transparent;
}
.cr-zoek__item.is-actief,
.cr-zoek__item:focus-visible { background: var(--cr-pil); outline: none; }
.cr-zoek__meta {
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: 600;
    color: var(--cr-tekst);
}
.cr-zoek__titel {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--cr-kop);
}
.cr-zoek__fragment {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-top: 3px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--cr-tekst);
}
.cr-zoek__fragment:empty { display: none; }
.cr-zoek mark {
    padding: 0 1px;
    border-radius: 3px;
    background: var(--cr-mark);
    color: inherit;
    font-weight: inherit;
}
.cr-zoek__fragment mark { color: var(--cr-kop); }
.cr-zoek__leeg {
    margin: 0;
    padding: 18px 12px 12px;
    font-size: 15px;
    line-height: 1.5;
    color: var(--cr-tekst);
}
.cr-zoek__leeg a { color: var(--cr-actief) !important; font-weight: 600; }
.cr-zoek__hulp {
    flex: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 20px;
    margin: 0;
    padding: 12px 20px 14px;
    border-top: 1px solid var(--cr-lijn);
    font-size: 12px;
    line-height: 1;
    color: var(--cr-tekst);
}
.cr-zoek__hulp span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.cr-zoek__hulp kbd {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    margin: 0;
    padding: 0 6px;
    box-sizing: border-box;
    background: var(--cr-veld);
    border: 1px solid var(--cr-lijn);
    border-radius: 6px;
    box-shadow: none;
    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    color: var(--cr-kop);
}
.cr-zoek__hulp span kbd:last-of-type { margin-right: 2px; }

/* Mobiel: bovenaan het scherm, en rekening houdend met het toetsenbord */
@media only screen and (max-width: 980px) {
    .cr-zoek {
        --cr-zoek-top: max(12px, calc(env(safe-area-inset-top, 0px) + 8px));
        width: calc(100% - 20px);
        max-width: 440px;
        max-height: calc(var(--cr-vv-h, 100vh) - var(--cr-zoek-top) - var(--cr-ruimte));
    }
    body.cr-typen .cr-zoek {
        max-height: calc(var(--cr-vv-h, 100vh) - var(--cr-zoek-top) - 12px);
    }
    .cr-zoek__hulp { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .cr-zoek { transition: none !important; }
}

/* =========================================================
   Cookiemelding: op mobiel boven de balk, op desktop linksonder
   (tekst en knop via Instellingen > Cookiemelding)
   ========================================================= */
.cr-cookie {
    position: fixed;
    z-index: 2147482990;           /* onder het menu en de inschrijfkaart */
    left: 24px;
    bottom: 24px;
    width: calc(100% - 48px);
    max-width: 400px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0;
    padding: 14px 14px 14px 18px;
    background: var(--cr-bg);
    border: 1px solid var(--cr-lijn);
    border-radius: 20px;
    box-shadow: 0 10px 30px var(--cr-schaduw);
    font-family: inherit;
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .3s ease, transform .3s var(--cr-zacht);
}
.cr-cookie.is-zichtbaar { opacity: 1; transform: none; }

.cr-cookie__tekst {
    flex: 1;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.45;
    color: var(--cr-kop);
}
.cr-cookie__tekst a {
    color: var(--cr-actief) !important;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.cr-cookie__knop {
    flex: none;
    margin: 0;
    padding: 11px 18px;
    background: var(--cr-knop);
    color: var(--cr-knop-tekst);
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    -webkit-tap-highlight-color: transparent;
}
.cr-cookie__knop:active { transform: scale(.97); }
.cr-cookie__knop:focus-visible,
.cr-cookie__tekst a:focus-visible { outline: 3px solid #de6339; outline-offset: 3px; }

/* Mobiel: gecentreerd, zwevend boven de pil */
@media only screen and (max-width: 980px) {
    .cr-cookie {
        left: 50%;
        bottom: var(--cr-ruimte);
        width: calc(100% - 20px);
        max-width: 440px;
        transform: translate(-50%, 16px);
    }
    .cr-cookie.is-zichtbaar { transform: translate(-50%, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .cr-cookie { transition: none; }
}

/* =========================================================
   Iconen in het uitklapmenu
   Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com
   Iconen: CC BY 4.0 - https://fontawesome.com/license/free
   Nieuw menu-item? Het nummer staat in WordPress bij Weergave > Menu's
   (of zoek in de paginabron naar "menu-item-"). Geef het door met een
   icoonnaam van fontawesome.com/search, dan lever ik de regel aan.
   ========================================================= */
@media only screen and (max-width: 980px) {

    /* Deelnemen (flag-checkered) */
    .cr-sheet .menu-item-63 { --cr-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20transform='translate%2832%200%29'%20d='M32%200C49.7%200%2064%2014.3%2064%2032V48l69-17.2c38.1-9.5%2078.3-5.1%20113.5%2012.5c46.3%2023.2%20100.8%2023.2%20147.1%200l9.6-4.8C423.8%2028.1%20448%2043.1%20448%2066.1V345.8c0%2013.3-8.3%2025.3-20.8%2030l-34.7%2013c-46.2%2017.3-97.6%2014.6-141.7-7.4c-37.9-19-81.3-23.7-122.5-13.4L64%20384v96c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32V400%20334%2064%2032C0%2014.3%2014.3%200%2032%200zM64%20187.1l64-13.9v65.5L64%20252.6V318l48.8-12.2c5.1-1.3%2010.1-2.4%2015.2-3.3V238.7l38.9-8.4c8.3-1.8%2016.7-2.5%2025.1-2.1l0-64c13.6%20.4%2027.2%202.6%2040.4%206.4l23.6%206.9v66.7l-41.7-12.3c-7.3-2.1-14.8-3.4-22.3-3.8v71.4c21.8%201.9%2043.3%206.7%2064%2014.4V244.2l22.7%206.7c13.5%204%2027.3%206.4%2041.3%207.4V194c-7.8-.8-15.6-2.3-23.2-4.5l-40.8-12v-62c-13-3.8-25.8-8.8-38.2-15c-8.2-4.1-16.9-7-25.8-8.8v72.4c-13-.4-26%20.8-38.7%203.6L128%20173.2V98L64%20114v73.1zM320%20335.7c16.8%201.5%2033.9-.7%2050-6.8l14-5.2V251.9l-7.9%201.8c-18.4%204.3-37.3%205.7-56.1%204.5v77.4zm64-149.4V115.4c-20.9%206.1-42.4%209.1-64%209.1V194c13.9%201.4%2028%20.5%2041.7-2.6l22.3-5.2z'/%3E%3C/svg%3E"); }

    /* 5 & 10 Mijl (person-running) */
    .cr-sheet .menu-item-64 { --cr-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20transform='translate%2832%200%29'%20d='M320%2048a48%2048%200%201%200%20-96%200%2048%2048%200%201%200%2096%200zM125.7%20175.5c9.9-9.9%2023.4-15.5%2037.5-15.5c1.9%200%203.8%20.1%205.6%20.3L137.6%20254c-9.3%2028%201.7%2058.8%2026.8%2074.5l86.2%2053.9-25.4%2088.8c-4.9%2017%205%2034.7%2022%2039.6s34.7-5%2039.6-22l28.7-100.4c5.9-20.6-2.6-42.6-20.7-53.9L238%20299l30.9-82.4%205.1%2012.3C289%20264.7%20323.9%20288%20362.7%20288H384c17.7%200%2032-14.3%2032-32s-14.3-32-32-32H362.7c-12.9%200-24.6-7.8-29.5-19.7l-6.3-15c-14.6-35.1-44.1-61.9-80.5-73.1l-48.7-15c-11.1-3.4-22.7-5.2-34.4-5.2c-31%200-60.8%2012.3-82.7%2034.3L57.4%20153.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200l23.1-23.1zM91.2%20352H32c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h69.6c19%200%2036.2-11.2%2043.9-28.5L157%20361.6l-9.5-6c-17.5-10.9-30.5-26.8-37.9-44.9L91.2%20352z'/%3E%3C/svg%3E"); }

    /* Bedrijventeams (building) */
    .cr-sheet .menu-item-65 { --cr-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20transform='translate%2864%200%29'%20d='M48%200C21.5%200%200%2021.5%200%2048V464c0%2026.5%2021.5%2048%2048%2048h96V432c0-26.5%2021.5-48%2048-48s48%2021.5%2048%2048v80h96c26.5%200%2048-21.5%2048-48V48c0-26.5-21.5-48-48-48H48zM64%20240c0-8.8%207.2-16%2016-16h32c8.8%200%2016%207.2%2016%2016v32c0%208.8-7.2%2016-16%2016H80c-8.8%200-16-7.2-16-16V240zm112-16h32c8.8%200%2016%207.2%2016%2016v32c0%208.8-7.2%2016-16%2016H176c-8.8%200-16-7.2-16-16V240c0-8.8%207.2-16%2016-16zm80%2016c0-8.8%207.2-16%2016-16h32c8.8%200%2016%207.2%2016%2016v32c0%208.8-7.2%2016-16%2016H272c-8.8%200-16-7.2-16-16V240zM80%2096h32c8.8%200%2016%207.2%2016%2016v32c0%208.8-7.2%2016-16%2016H80c-8.8%200-16-7.2-16-16V112c0-8.8%207.2-16%2016-16zm80%2016c0-8.8%207.2-16%2016-16h32c8.8%200%2016%207.2%2016%2016v32c0%208.8-7.2%2016-16%2016H176c-8.8%200-16-7.2-16-16V112zM272%2096h32c8.8%200%2016%207.2%2016%2016v32c0%208.8-7.2%2016-16%2016H272c-8.8%200-16-7.2-16-16V112c0-8.8%207.2-16%2016-16z'/%3E%3C/svg%3E"); }

    /* DuoRun (user-group) */
    .cr-sheet .menu-item-7474 { --cr-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20640'%3E%3Cpath%20transform='translate%280%2064%29'%20d='M96%20128a128%20128%200%201%201%20256%200A128%20128%200%201%201%2096%20128zM0%20482.3C0%20383.8%2079.8%20304%20178.3%20304h91.4C368.2%20304%20448%20383.8%20448%20482.3c0%2016.4-13.3%2029.7-29.7%2029.7H29.7C13.3%20512%200%20498.7%200%20482.3zM609.3%20512H471.4c5.4-9.4%208.6-20.3%208.6-32v-8c0-60.7-27.1-115.2-69.8-151.8c2.4-.1%204.7-.2%207.1-.2h61.4C567.8%20320%20640%20392.2%20640%20481.3c0%2017-13.8%2030.7-30.7%2030.7zM432%20256c-31%200-59-12.6-79.3-32.9C372.4%20196.5%20384%20163.6%20384%20128c0-26.8-6.6-52.1-18.3-74.3C384.3%2040.1%20407.2%2032%20432%2032c61.9%200%20112%2050.1%20112%20112s-50.1%20112-112%20112z'/%3E%3C/svg%3E"); }

    /* Giga-G (accessible-icon) */
    .cr-sheet .menu-item-66 { --cr-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20transform='translate%2832%200%29'%20d='M423.9%20255.8L411%20413.1c-3.3%2040.7-63.9%2035.1-60.6-4.9l10-122.5-41.1%202.3c10.1%2020.7%2015.8%2043.9%2015.8%2068.5%200%2041.2-16.1%2078.7-42.3%20106.5l-39.3-39.3c57.9-63.7%2013.1-167.2-74-167.2-25.9%200-49.5%209.9-67.2%2026L73%20243.2c22-20.7%2050.1-35.1%2081.4-40.2l75.3-85.7-42.6-24.8-51.6%2046c-30%2026.8-70.6-18.5-40.5-45.4l68-60.7c9.8-8.8%2024.1-10.2%2035.5-3.6%200%200%20139.3%2080.9%20139.5%2081.1%2016.2%2010.1%2020.7%2036%206.1%2052.6L285.7%20229l106.1-5.9c18.5-1.1%2033.6%2014.4%2032.1%2032.7zm-64.9-154c28.1%200%2050.9-22.8%2050.9-50.9C409.9%2022.8%20387.1%200%20359%200c-28.1%200-50.9%2022.8-50.9%2050.9%200%2028.1%2022.8%2050.9%2050.9%2050.9zM179.6%20456.5c-80.6%200-127.4-90.6-82.7-156.1l-39.7-39.7C36.4%20287%2024%20320.3%2024%20356.4c0%20130.7%20150.7%20201.4%20251.4%20122.5l-39.7-39.7c-16%2010.9-35.3%2017.3-56.1%2017.3z'/%3E%3C/svg%3E"); }

    /* Unicef Kinderloop (child) */
    .cr-sheet .menu-item-67 { --cr-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20transform='translate%2896%200%29'%20d='M96%2064a64%2064%200%201%201%20128%200A64%2064%200%201%201%2096%2064zm48%20320v96c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32V287.8L59.1%20321c-9.4%2015-29.2%2019.4-44.1%2010S-4.5%20301.9%204.9%20287l39.9-63.3C69.7%20184%20113.2%20160%20160%20160s90.3%2024%20115.2%2063.6L315.1%20287c9.4%2015%204.9%2034.7-10%2044.1s-34.7%204.9-44.1-10L240%20287.8V480c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32V384H144z'/%3E%3C/svg%3E"); }

    /* Vitaal (heart-pulse) */
    .cr-sheet .menu-item-1103 { --cr-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20transform='translate%280%200%29'%20d='M228.3%20469.1L47.6%20300.4c-4.2-3.9-8.2-8.1-11.9-12.4h87c22.6%200%2043-13.6%2051.7-34.5l10.5-25.2%2049.3%20109.5c3.8%208.5%2012.1%2014%2021.4%2014.1s17.8-5%2022-13.3L320%20253.7l1.7%203.4c9.5%2019%2028.9%2031%2050.1%2031H476.3c-3.7%204.3-7.7%208.5-11.9%2012.4L283.7%20469.1c-7.5%207-17.4%2010.9-27.7%2010.9s-20.2-3.9-27.7-10.9zM503.7%20240h-132c-3%200-5.8-1.7-7.2-4.4l-23.2-46.3c-4.1-8.1-12.4-13.3-21.5-13.3s-17.4%205.1-21.5%2013.3l-41.4%2082.8L205.9%20158.2c-3.9-8.7-12.7-14.3-22.2-14.1s-18.1%205.9-21.8%2014.8l-31.8%2076.3c-1.2%203-4.2%204.9-7.4%204.9H16c-2.6%200-5%20.4-7.3%201.1C3%20225.2%200%20208.2%200%20190.9v-5.8c0-69.9%2050.5-129.5%20119.4-141C165%2036.5%20211.4%2051.4%20244%2084l12%2012%2012-12c32.6-32.6%2079-47.5%20124.6-39.9C461.5%2055.6%20512%20115.2%20512%20185.1v5.8c0%2016.9-2.8%2033.5-8.3%2049.1z'/%3E%3C/svg%3E"); }

    /* Info (circle-info) */
    .cr-sheet .menu-item-626 { --cr-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20transform='translate%280%200%29'%20d='M256%20512A256%20256%200%201%200%20256%200a256%20256%200%201%200%200%20512zM216%20336h24V272H216c-13.3%200-24-10.7-24-24s10.7-24%2024-24h48c13.3%200%2024%2010.7%2024%2024v88h8c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024H216c-13.3%200-24-10.7-24-24s10.7-24%2024-24zm40-208a32%2032%200%201%201%200%2064%2032%2032%200%201%201%200-64z'/%3E%3C/svg%3E"); }

    /* Afterparty (music) */
    .cr-sheet .menu-item-70 { --cr-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20transform='translate%280%200%29'%20d='M499.1%206.3c8.1%206%2012.9%2015.6%2012.9%2025.7v72V368c0%2044.2-43%2080-96%2080s-96-35.8-96-80s43-80%2096-80c11.2%200%2022%201.6%2032%204.6V147L192%20223.8V432c0%2044.2-43%2080-96%2080s-96-35.8-96-80s43-80%2096-80c11.2%200%2022%201.6%2032%204.6V200%20128c0-14.1%209.3-26.6%2022.8-30.7l320-96c9.7-2.9%2020.2-1.1%2028.3%205z'/%3E%3C/svg%3E"); }

    /* Bereikbaarheid (location-arrow) */
    .cr-sheet .menu-item-69 { --cr-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20transform='translate%2832%200%29'%20d='M429.6%2092.1c4.9-11.9%202.1-25.6-7-34.7s-22.8-11.9-34.7-7l-352%20144c-14.2%205.8-22.2%2020.8-19.3%2035.8s16.1%2025.8%2031.4%2025.8H224V432c0%2015.3%2010.8%2028.4%2025.8%2031.4s30-5.1%2035.8-19.3l144-352z'/%3E%3C/svg%3E"); }

    /* Foto's en video's (camera) */
    .cr-sheet .menu-item-71 { --cr-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20transform='translate%280%200%29'%20d='M149.1%2064.8L138.7%2096H64C28.7%2096%200%20124.7%200%20160V416c0%2035.3%2028.7%2064%2064%2064H448c35.3%200%2064-28.7%2064-64V160c0-35.3-28.7-64-64-64H373.3L362.9%2064.8C356.4%2045.2%20338.1%2032%20317.4%2032H194.6c-20.7%200-39%2013.2-45.5%2032.8zM256%20192a96%2096%200%201%201%200%20192%2096%2096%200%201%201%200-192z'/%3E%3C/svg%3E"); }

    /* Over ons (users) */
    .cr-sheet .menu-item-72 { --cr-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20640'%3E%3Cpath%20transform='translate%280%2064%29'%20d='M144%200a80%2080%200%201%201%200%20160A80%2080%200%201%201%20144%200zM512%200a80%2080%200%201%201%200%20160A80%2080%200%201%201%20512%200zM0%20298.7C0%20239.8%2047.8%20192%20106.7%20192h42.7c15.9%200%2031%203.5%2044.6%209.7c-1.3%207.2-1.9%2014.7-1.9%2022.3c0%2038.2%2016.8%2072.5%2043.3%2096c-.2%200-.4%200-.7%200H21.3C9.6%20320%200%20310.4%200%20298.7zM405.3%20320c-.2%200-.4%200-.7%200c26.6-23.5%2043.3-57.8%2043.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3%2028.7-9.7%2044.6-9.7h42.7C592.2%20192%20640%20239.8%20640%20298.7c0%2011.8-9.6%2021.3-21.3%2021.3H405.3zM224%20224a96%2096%200%201%201%20192%200%2096%2096%200%201%201%20-192%200zM128%20485.3C128%20411.7%20187.7%20352%20261.3%20352H378.7C452.3%20352%20512%20411.7%20512%20485.3c0%2014.7-11.9%2026.7-26.7%2026.7H154.7c-14.7%200-26.7-11.9-26.7-26.7z'/%3E%3C/svg%3E"); }

    /* Parcoursen (map) */
    .cr-sheet .menu-item-73 { --cr-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20576%20576'%3E%3Cpath%20transform='translate%280%2032%29'%20d='M384%20476.1L192%20421.2V35.9L384%2090.8V476.1zm32-1.2V88.4L543.1%2037.5c15.8-6.3%2032.9%205.3%2032.9%2022.3V394.6c0%209.8-6%2018.6-15.1%2022.3L416%20474.8zM15.1%2095.1L160%2037.2V423.6L32.9%20474.5C17.1%20480.8%200%20469.2%200%20452.2V117.4c0-9.8%206-18.6%2015.1-22.3z'/%3E%3C/svg%3E"); }

    /* Uitslagen (trophy) */
    .cr-sheet .menu-item-76 { --cr-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20576%20576'%3E%3Cpath%20transform='translate%280%2032%29'%20d='M400%200H176c-26.5%200-48.1%2021.8-47.1%2048.2c.2%205.3%20.4%2010.6%20.7%2015.8H24C10.7%2064%200%2074.7%200%2088c0%2092.6%2033.5%20157%2078.5%20200.7c44.3%2043.1%2098.3%2064.8%20138.1%2075.8c23.4%206.5%2039.4%2026%2039.4%2045.6c0%2020.9-17%2037.9-37.9%2037.9H192c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032H384c17.7%200%2032-14.3%2032-32s-14.3-32-32-32H357.9C337%20448%20320%20431%20320%20410.1c0-19.6%2015.9-39.2%2039.4-45.6c39.9-11%2093.9-32.7%20138.2-75.8C542.5%20245%20576%20180.6%20576%2088c0-13.3-10.7-24-24-24H446.4c.3-5.2%20.5-10.4%20.7-15.8C448.1%2021.8%20426.5%200%20400%200zM48.9%20112h84.4c9.1%2090.1%2029.2%20150.3%2051.9%20190.6c-24.9-11-50.8-26.5-73.2-48.3c-32-31.1-58-76-63-142.3zM464.1%20254.3c-22.4%2021.8-48.3%2037.3-73.2%2048.3c22.7-40.3%2042.8-100.5%2051.9-190.6h84.4c-5.1%2066.3-31.1%20111.2-63%20142.3z'/%3E%3C/svg%3E"); }

    /* Vrijwilligers (handshake-angle) */
    .cr-sheet .menu-item-77 { --cr-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20640'%3E%3Cpath%20transform='translate%280%2064%29'%20d='M544%20248v3.3l69.7-69.7c21.9-21.9%2021.9-57.3%200-79.2L535.6%2024.4c-21.9-21.9-57.3-21.9-79.2%200L416.3%2064.5c-2.7-.3-5.5-.5-8.3-.5H296c-37.1%200-67.6%2028-71.6%2064H224V248c0%2022.1%2017.9%2040%2040%2040s40-17.9%2040-40V176c0%200%200-.1%200-.1V160l16%200%20136%200c0%200%200%200%20.1%200H464c44.2%200%2080%2035.8%2080%2080v8zM336%20192v56c0%2039.8-32.2%2072-72%2072s-72-32.2-72-72V129.4c-35.9%206.2-65.8%2032.3-76%2068.2L99.5%20255.2%2026.3%20328.4c-21.9%2021.9-21.9%2057.3%200%2079.2l78.1%2078.1c21.9%2021.9%2057.3%2021.9%2079.2%200l37.7-37.7c.9%200%201.8%20.1%202.7%20.1H384c26.5%200%2048-21.5%2048-48c0-5.6-1-11-2.7-16H432c26.5%200%2048-21.5%2048-48c0-12.8-5-24.4-13.2-33c25.7-5%2045.1-27.6%2045.2-54.8v-.4c-.1-30.8-25.1-55.8-56-55.8c0%200%200%200%200%200l-120%200z'/%3E%3C/svg%3E"); }

    /* Contact (envelope) */
    .cr-sheet .menu-item-81 { --cr-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20transform='translate%280%200%29'%20d='M48%2064C21.5%2064%200%2085.5%200%20112c0%2015.1%207.1%2029.3%2019.2%2038.4L236.8%20313.6c11.4%208.5%2027%208.5%2038.4%200L492.8%20150.4c12.1-9.1%2019.2-23.3%2019.2-38.4c0-26.5-21.5-48-48-48H48zM0%20176V384c0%2035.3%2028.7%2064%2064%2064H448c35.3%200%2064-28.7%2064-64V176L294.4%20339.2c-22.8%2017.1-54%2017.1-76.8%200L0%20176z'/%3E%3C/svg%3E"); }

    /* Nieuws (newspaper) */
    .cr-sheet .menu-item-80 { --cr-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20transform='translate%280%200%29'%20d='M96%2096c0-35.3%2028.7-64%2064-64H448c35.3%200%2064%2028.7%2064%2064V416c0%2035.3-28.7%2064-64%2064H80c-44.2%200-80-35.8-80-80V128c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032V400c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16V96zm64%2024v80c0%2013.3%2010.7%2024%2024%2024H296c13.3%200%2024-10.7%2024-24V120c0-13.3-10.7-24-24-24H184c-13.3%200-24%2010.7-24%2024zm208-8c0%208.8%207.2%2016%2016%2016h48c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H384c-8.8%200-16%207.2-16%2016zm0%2096c0%208.8%207.2%2016%2016%2016h48c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H384c-8.8%200-16%207.2-16%2016zM160%20304c0%208.8%207.2%2016%2016%2016H432c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H176c-8.8%200-16%207.2-16%2016zm0%2096c0%208.8%207.2%2016%2016%2016H432c8.8%200%2016-7.2%2016-16s-7.2-16-16-16H176c-8.8%200-16%207.2-16%2016z'/%3E%3C/svg%3E"); }

    /* Testlopen (stopwatch) */
    .cr-sheet .menu-item-75 { --cr-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20transform='translate%2832%200%29'%20d='M176%200c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h16V98.4C92.3%20113.8%2016%20200%2016%20304c0%20114.9%2093.1%20208%20208%20208s208-93.1%20208-208c0-41.8-12.3-80.7-33.5-113.2l24.1-24.1c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L355.7%20143c-28.1-23-62.2-38.8-99.7-44.6V64h16c17.7%200%2032-14.3%2032-32s-14.3-32-32-32H224%20176zm72%20192V320c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24V192c0-13.3%2010.7-24%2024-24s24%2010.7%2024%2024z'/%3E%3C/svg%3E"); }

    /* Veelgestelde vragen (circle-question) */
    .cr-sheet .menu-item-78 { --cr-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20transform='translate%280%200%29'%20d='M256%20512A256%20256%200%201%200%20256%200a256%20256%200%201%200%200%20512zM169.8%20165.3c7.9-22.3%2029.1-37.3%2052.8-37.3h58.3c34.9%200%2063.1%2028.3%2063.1%2063.1c0%2022.6-12.1%2043.5-31.7%2054.8L280%20264.4c-.2%2013-10.9%2023.6-24%2023.6c-13.3%200-24-10.7-24-24V250.5c0-8.6%204.6-16.5%2012.1-20.8l44.3-25.4c4.7-2.7%207.6-7.7%207.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4%200-6.4%202.1-7.5%205.3l-.4%201.2c-4.4%2012.5-18.2%2019-30.6%2014.6s-19-18.2-14.6-30.6l.4-1.2zM224%20352a32%2032%200%201%201%2064%200%2032%2032%200%201%201%20-64%200z'/%3E%3C/svg%3E"); }

    /* Sponsoren en sponsorniveaus (star) */
    .cr-sheet .menu-item-74,
    .cr-sheet .menu-item-1090,
    .cr-sheet .menu-item-1099,
    .cr-sheet .menu-item-822,
    .cr-sheet .menu-item-838 { --cr-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20576%20576'%3E%3Cpath%20transform='translate%280%2032%29'%20d='M316.9%2018C311.6%207%20300.4%200%20288.1%200s-23.4%207-28.8%2018L195%20150.3%2051.4%20171.5c-12%201.8-22%2010.2-25.7%2021.7s-.7%2024.2%207.9%2032.7L137.8%20329%20113.2%20474.7c-2%2012%203%2024.2%2012.9%2031.3s23%208%2033.8%202.3l128.3-68.5%20128.3%2068.5c10.8%205.7%2023.9%204.9%2033.8-2.3s14.9-19.3%2012.9-31.3L438.5%20329%20542.7%20225.9c8.6-8.5%2011.7-21.2%207.9-32.7s-13.7-19.9-25.7-21.7L381.2%20150.3%20316.9%2018z'/%3E%3C/svg%3E"); }

    /* Sponsorpakketten (box-open) */
    .cr-sheet .menu-item-823 { --cr-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20640'%3E%3Cpath%20transform='translate%280%2064%29'%20d='M58.9%2042.1c3-6.1%209.6-9.6%2016.3-8.7L320%2064%20564.8%2033.4c6.7-.8%2013.3%202.7%2016.3%208.7l41.7%2083.4c9%2017.9-.6%2039.6-19.8%2045.1L439.6%20217.3c-13.9%204-28.8-1.9-36.2-14.3L320%2064%20236.6%20203c-7.4%2012.4-22.3%2018.3-36.2%2014.3L37.1%20170.6c-19.3-5.5-28.8-27.2-19.8-45.1L58.9%2042.1zM321.1%20128l54.9%2091.4c14.9%2024.8%2044.6%2036.6%2072.5%2028.6L576%20211.6v167c0%2022-15%2041.2-36.4%2046.6l-204.1%2051c-10.2%202.6-20.9%202.6-31%200l-204.1-51C79%20419.7%2064%20400.5%2064%20378.5v-167L191.6%20248c27.8%208%2057.6-3.8%2072.5-28.6L318.9%20128h2.2z'/%3E%3C/svg%3E"); }

    /* Donateurs (gift) */
    .cr-sheet .menu-item-837 { --cr-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20transform='translate%280%200%29'%20d='M190.5%2068.8L225.3%20128H224%20152c-22.1%200-40-17.9-40-40s17.9-40%2040-40h2.2c14.9%200%2028.8%207.9%2036.3%2020.8zM64%2088c0%2014.4%203.5%2028%209.6%2040H32c-17.7%200-32%2014.3-32%2032v64c0%2017.7%2014.3%2032%2032%2032H480c17.7%200%2032-14.3%2032-32V160c0-17.7-14.3-32-32-32H438.4c6.1-12%209.6-25.6%209.6-40c0-48.6-39.4-88-88-88h-2.2c-31.9%200-61.5%2016.9-77.7%2044.4L256%2085.5l-24.1-41C215.7%2016.9%20186.1%200%20154.2%200H152C103.4%200%2064%2039.4%2064%2088zm336%200c0%2022.1-17.9%2040-40%2040H288h-1.3l34.8-59.2C329.1%2055.9%20342.9%2048%20357.8%2048H360c22.1%200%2040%2017.9%2040%2040zM32%20288V464c0%2026.5%2021.5%2048%2048%2048H224V288H32zM288%20512H432c26.5%200%2048-21.5%2048-48V288H288V512z'/%3E%3C/svg%3E"); }
}

/* Geen greepje bovenaan de kaarten. Omlaag vegen om te sluiten werkt nog wel. */
.cr-greep { display: none !important; }