{"id":14031,"date":"2026-06-04T09:12:44","date_gmt":"2026-06-04T09:12:44","guid":{"rendered":"https:\/\/co-office.nu\/?page_id=14031"},"modified":"2026-06-04T10:41:46","modified_gmt":"2026-06-04T10:41:46","slug":"privacyverklaring","status":"publish","type":"page","link":"https:\/\/co-office.nu\/en\/privacyverklaring\/","title":{"rendered":"Co-Office | Privacyverklaring"},"content":{"rendered":"<div data-data-eoa-type=\"data-frgx\" data-data-eoa-id=\"14031\" class=\"data-eoa data-eoa-14031\" data-data-eoa-post-type=\"page\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-f7aba06 layoutID-full e-flex layoutID e-parent\" data-id=\"f7aba06\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-2137a7a data-eoa-data-hxm__width-initial data-eoa-data-hxm-mobile__width-inherit data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"2137a7a\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<h1 class=\"s-xxl splitword l3 dark\">Privacyverklaring<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-246372a layoutID-full e-flex layoutID e-parent\" data-id=\"246372a\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-0226880 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"0226880\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<style>\r\n  .co-privacy,\r\n  .co-privacy *,\r\n  .co-privacy *::before,\r\n  .co-privacy *::after {\r\n    box-sizing: border-box;\r\n    font-style: normal !important;\r\n  }\r\n\r\n  .co-privacy {\r\n    --co-primary: #131a1d;\r\n    --co-secondary: #1a2528;\r\n    --co-light: #6a7a7f;\r\n    --co-white: #ffffff;\r\n    --co-bg: #ffffff;\r\n    --co-soft: #f7f8f8;\r\n    --co-soft-blue: #eeffff;\r\n    --co-soft-blue-light: #e4ffff;\r\n    --co-border: rgba(26, 37, 40, 0.14);\r\n    --co-border-strong: rgba(26, 37, 40, 0.28);\r\n    --co-radius: 8px;\r\n    --co-ease: cubic-bezier(0.9, 0, 0.1, 1);\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    color: var(--co-secondary);\r\n    background-color: var(--co-bg);\r\n    font-family: var(--fontuse, \"PPNeueMontreal-Book\"), Arial, sans-serif;\r\n    font-style: normal !important;\r\n    font-weight: 400;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .co-privacy h1,\r\n  .co-privacy h2,\r\n  .co-privacy h3,\r\n  .co-privacy h4,\r\n  .co-privacy h5,\r\n  .co-privacy h6,\r\n  .co-privacy p,\r\n  .co-privacy span,\r\n  .co-privacy li,\r\n  .co-privacy a,\r\n  .co-privacy button,\r\n  .co-privacy summary,\r\n  .co-privacy div {\r\n    font-family: var(--fontuse, \"PPNeueMontreal-Book\"), Arial, sans-serif !important;\r\n    font-style: normal !important;\r\n  }\r\n\r\n  .co-privacy h2,\r\n  .co-privacy h3,\r\n  .co-privacy p {\r\n    margin: 0;\r\n  }\r\n\r\n  .co-privacy a {\r\n    color: inherit;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .co-privacy button {\r\n    border: 0;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .co-privacy__progress {\r\n    position: fixed;\r\n    z-index: 999;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 3px;\r\n    background-color: rgba(26, 37, 40, 0.08);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .co-privacy__progress-bar {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: var(--co-secondary);\r\n    transform: scaleX(0);\r\n    transform-origin: left center;\r\n    will-change: transform;\r\n  }\r\n\r\n  .co-privacy__layout {\r\n    display: grid;\r\n    width: min(100%, 1440px);\r\n    margin: 0 auto;\r\n    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);\r\n    align-items: stretch;\r\n    gap: clamp(3rem, 7vw, 8rem);\r\n    padding: 10rem 0rem;\r\n  }\r\n\r\n  .co-privacy__sidebar-slot {\r\n    position: relative;\r\n    min-width: 0;\r\n    align-self: stretch;\r\n  }\r\n\r\n  .co-privacy__sidebar {\r\n    position: relative;\r\n    width: 100%;\r\n    height: max-content;\r\n  }\r\n\r\n  .co-privacy__sidebar.is-fixed {\r\n    position: fixed;\r\n    z-index: 40;\r\n    top: 7rem;\r\n  }\r\n\r\n  .co-privacy__sidebar.is-bottom {\r\n    position: absolute;\r\n    top: auto;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n  }\r\n\r\n  .co-privacy__sidebar-head {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 1rem;\r\n    padding-bottom: 1rem;\r\n    border-bottom: 1px solid var(--co-border);\r\n  }\r\n\r\n  .co-privacy__sidebar-label {\r\n    color: var(--co-light);\r\n    font-size: 0.75rem;\r\n    font-weight: 400;\r\n    letter-spacing: 0.1em;\r\n    line-height: 1;\r\n  }\r\n\r\n  .co-privacy__expand {\r\n    padding: 0;\r\n    color: var(--co-secondary);\r\n    background-color: transparent;\r\n    font-size: 0.75rem;\r\n    font-weight: 400;\r\n    line-height: 1;\r\n    transition: opacity 250ms ease;\r\n  }\r\n\r\n  .co-privacy__expand:hover {\r\n    opacity: 0.55;\r\n  }\r\n\r\n  .co-privacy__nav {\r\n    display: grid;\r\n    margin-top: 0.9rem;\r\n  }\r\n\r\n  .co-privacy__nav-link {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: 1.85rem minmax(0, 1fr);\r\n    align-items: center;\r\n    gap: 0.45rem;\r\n    padding: 0.66rem 0;\r\n    color: var(--co-light);\r\n    font-size: 0.86rem;\r\n    font-weight: 400;\r\n    line-height: 1.15;\r\n    transition:\r\n      color 300ms ease,\r\n      transform 400ms var(--co-ease);\r\n  }\r\n\r\n  .co-privacy__nav-link::before {\r\n    position: absolute;\r\n    bottom: 0.2rem;\r\n    left: 0;\r\n    width: 0;\r\n    height: 1px;\r\n    background-color: var(--co-secondary);\r\n    content: \"\";\r\n    transition: width 400ms var(--co-ease);\r\n  }\r\n\r\n  .co-privacy__nav-link:hover,\r\n  .co-privacy__nav-link.is-active {\r\n    color: var(--co-secondary);\r\n    transform: translateX(0.2rem);\r\n  }\r\n\r\n  .co-privacy__nav-link.is-active::before {\r\n    width: 1rem;\r\n  }\r\n\r\n  .co-privacy__nav-index {\r\n    color: rgba(26, 37, 40, 0.38);\r\n    font-size: 0.7rem;\r\n    letter-spacing: 0.04em;\r\n  }\r\n\r\n  .co-privacy__help {\r\n    margin-top: 2rem;\r\n    padding: 1.05rem;\r\n    border-radius: var(--co-radius);\r\n    background-color: var(--co-soft-blue);\r\n  }\r\n\r\n  .co-privacy__help-label {\r\n    display: block;\r\n    color: var(--co-light);\r\n    font-size: 0.7rem;\r\n    letter-spacing: 0.08em;\r\n  }\r\n\r\n  .co-privacy__help-text {\r\n    margin-top: 0.65rem !important;\r\n    color: var(--co-secondary);\r\n    font-size: 0.84rem;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .co-privacy__help-link {\r\n    text-decoration: underline !important;\r\n    text-decoration-color: rgba(26, 37, 40, 0.24) !important;\r\n    text-underline-offset: 0.18rem;\r\n    transition: text-decoration-color 250ms ease;\r\n  }\r\n\r\n  .co-privacy__help-link:hover {\r\n    text-decoration-color: var(--co-secondary) !important;\r\n  }\r\n\r\n  .co-privacy__content {\r\n    min-width: 0;\r\n  }\r\n\r\n  .co-privacy__section {\r\n    padding: clamp(3.2rem, 6vw, 6rem) 0;\r\n    border-top: 1px solid var(--co-border);\r\n    scroll-margin-top: 7rem;\r\n  }\r\n\r\n  .co-privacy__section:first-child {\r\n    padding-top: 0;\r\n    border-top: 0;\r\n  }\r\n\r\n  .co-privacy__section-head {\r\n    display: grid;\r\n    grid-template-columns: 3rem minmax(0, 1fr);\r\n    gap: 0.6rem;\r\n  }\r\n\r\n  .co-privacy__section-number {\r\n    padding-top: 0.43rem;\r\n    color: var(--co-light);\r\n    font-size: 0.74rem;\r\n    letter-spacing: 0.08em;\r\n  }\r\n\r\n  .co-privacy__section-title {\r\n    max-width: 18ch;\r\n    color: var(--co-secondary) !important;\r\n    font-size: clamp(2rem, 2.2vw, 3.6rem);\r\n    font-style: normal !important;\r\n    font-weight: 400 !important;\r\n    letter-spacing: -0.03em;\r\n    line-height: 0.98;\r\n  }\r\n\r\n  .co-privacy__section-body {\r\n    max-width: 840px;\r\n    margin-top: 2rem;\r\n    margin-left: 3.6rem;\r\n  }\r\n\r\n  .co-privacy__section-body p {\r\n    color: var(--co-light) !important;\r\n    font-size: clamp(1rem, 1.25vw, 1.12rem);\r\n    font-style: normal !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .co-privacy__section-body p + p {\r\n    margin-top: 1rem;\r\n  }\r\n\r\n  .co-privacy__text-link {\r\n    color: var(--co-secondary) !important;\r\n    text-decoration: underline !important;\r\n    text-decoration-color: rgba(26, 37, 40, 0.2) !important;\r\n    text-underline-offset: 0.2rem;\r\n    transition: text-decoration-color 250ms ease;\r\n  }\r\n\r\n  .co-privacy__text-link:hover {\r\n    text-decoration-color: var(--co-secondary) !important;\r\n  }\r\n\r\n  .co-privacy__info-grid {\r\n    display: grid;\r\n    margin-top: 2rem;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    grid-auto-rows: minmax(min-content, auto);\r\n    align-items: stretch;\r\n    gap: 0.7rem;\r\n  }\r\n\r\n  .co-privacy__info-grid + p {\r\n    margin-top: 1.75rem !important;\r\n  }\r\n\r\n  .co-privacy__info-card {\r\n    display: flex;\r\n    height: auto !important;\r\n    min-height: 0 !important;\r\n    flex-direction: column;\r\n    padding: 1.2rem;\r\n    border: 1px solid var(--co-border);\r\n    border-radius: var(--co-radius);\r\n    background-color: var(--co-soft);\r\n    overflow: hidden;\r\n    transition:\r\n      transform 400ms var(--co-ease),\r\n      background-color 300ms ease;\r\n  }\r\n\r\n  .co-privacy__info-card:hover {\r\n    background-color: var(--co-soft-blue);\r\n    transform: translateY(-0.25rem);\r\n  }\r\n\r\n  .co-privacy__info-label {\r\n    color: var(--co-light) !important;\r\n    font-size: 0.7rem !important;\r\n    letter-spacing: 0.08em;\r\n  }\r\n\r\n  .co-privacy__info-value {\r\n    margin-top: 0.55rem !important;\r\n    color: var(--co-secondary) !important;\r\n    font-size: 1rem !important;\r\n    line-height: 1.45 !important;\r\n  }\r\n\r\n  .co-privacy__company-list,\r\n  .co-privacy__simple-list {\r\n    display: grid;\r\n    margin: 1.3rem 0 0;\r\n    padding: 0;\r\n    gap: 0.6rem;\r\n    list-style: none;\r\n  }\r\n\r\n  .co-privacy__company-list + p,\r\n  .co-privacy__simple-list + p {\r\n    margin-top: 1.75rem !important;\r\n  }\r\n\r\n  .co-privacy__company-list li,\r\n  .co-privacy__simple-list li {\r\n    position: relative;\r\n    padding-left: 1.15rem;\r\n    color: var(--co-light);\r\n    font-size: 0.96rem;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .co-privacy__company-list li::before,\r\n  .co-privacy__simple-list li::before {\r\n    position: absolute;\r\n    top: 0.58rem;\r\n    left: 0;\r\n    width: 0.4rem;\r\n    height: 0.4rem;\r\n    border-radius: 50%;\r\n    background-color: var(--co-light);\r\n    content: \"\";\r\n  }\r\n\r\n  .co-privacy__accordions {\r\n    display: grid;\r\n    margin-top: 2rem;\r\n    gap: 0.55rem;\r\n  }\r\n\r\n  .co-privacy__accordions + p {\r\n    margin-top: 1.75rem !important;\r\n  }\r\n\r\n  .co-privacy__accordion {\r\n    overflow: hidden;\r\n    border: 1px solid var(--co-border);\r\n    border-radius: var(--co-radius);\r\n    background-color: var(--co-white);\r\n    transition:\r\n      border-color 300ms ease,\r\n      background-color 300ms ease;\r\n  }\r\n\r\n  .co-privacy__accordion[open] {\r\n    border-color: var(--co-border-strong);\r\n    background-color: var(--co-soft);\r\n  }\r\n\r\n  .co-privacy__accordion-summary {\r\n    display: flex;\r\n    min-height: 4.4rem;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 1rem;\r\n    padding: 1rem 1.1rem;\r\n    color: var(--co-secondary);\r\n    cursor: pointer;\r\n    list-style: none;\r\n  }\r\n\r\n  .co-privacy__accordion-summary::-webkit-details-marker {\r\n    display: none;\r\n  }\r\n\r\n  .co-privacy__accordion-title-wrap {\r\n    display: flex;\r\n    min-width: 0;\r\n    align-items: center;\r\n    gap: 0.85rem;\r\n  }\r\n\r\n  .co-privacy__accordion-index {\r\n    color: var(--co-light);\r\n    font-size: 0.7rem;\r\n    letter-spacing: 0.06em;\r\n  }\r\n\r\n  .co-privacy__accordion-title {\r\n    color: var(--co-secondary);\r\n    font-size: clamp(1rem, 1.5vw, 1.18rem);\r\n    font-style: normal !important;\r\n    font-weight: 400;\r\n    letter-spacing: -0.018em;\r\n  }\r\n\r\n  .co-privacy__accordion-icon {\r\n    position: relative;\r\n    display: block;\r\n    width: 1.5rem;\r\n    height: 1.5rem;\r\n    flex: 0 0 auto;\r\n    border-radius: 50%;\r\n    background-color: var(--co-soft-blue);\r\n    transition:\r\n      background-color 300ms ease,\r\n      transform 400ms var(--co-ease);\r\n  }\r\n\r\n  .co-privacy__accordion-icon::before,\r\n  .co-privacy__accordion-icon::after {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 0.55rem;\r\n    height: 1px;\r\n    background-color: var(--co-secondary);\r\n    content: \"\";\r\n    transform: translate(-50%, -50%);\r\n    transition: transform 350ms var(--co-ease);\r\n  }\r\n\r\n  .co-privacy__accordion-icon::after {\r\n    transform: translate(-50%, -50%) rotate(90deg);\r\n  }\r\n\r\n  .co-privacy__accordion[open] .co-privacy__accordion-icon {\r\n    background-color: var(--co-soft-blue-light);\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  .co-privacy__accordion[open] .co-privacy__accordion-icon::after {\r\n    transform: translate(-50%, -50%);\r\n  }\r\n\r\n  .co-privacy__accordion-content {\r\n    overflow: hidden;\r\n  }\r\n\r\n  .co-privacy__accordion-inner {\r\n    padding: 0 1.1rem 1.1rem;\r\n  }\r\n\r\n  .co-privacy__data-table {\r\n    display: grid;\r\n    border-top: 1px solid var(--co-border);\r\n  }\r\n\r\n  .co-privacy__data-row {\r\n    display: grid;\r\n    grid-template-columns: minmax(8rem, 0.72fr) minmax(0, 1.28fr);\r\n    gap: 1rem;\r\n    padding: 0.85rem 0;\r\n    border-bottom: 1px solid var(--co-border);\r\n  }\r\n\r\n  .co-privacy__data-row:last-child {\r\n    border-bottom: 0;\r\n  }\r\n\r\n  .co-privacy__data-label {\r\n    color: var(--co-light);\r\n    font-size: 0.74rem;\r\n    letter-spacing: 0.05em;\r\n  }\r\n\r\n  .co-privacy__data-value {\r\n    color: var(--co-secondary);\r\n    font-size: 0.93rem;\r\n    line-height: 1.55;\r\n  }\r\n\r\n  .co-privacy__rights-grid {\r\n    display: grid;\r\n    margin-top: 2rem;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    grid-auto-rows: minmax(min-content, auto);\r\n    align-items: stretch;\r\n    gap: 0.7rem;\r\n  }\r\n\r\n  .co-privacy__rights-grid + p {\r\n    margin-top: 1.75rem !important;\r\n  }\r\n\r\n  .co-privacy__right-card {\r\n    display: flex;\r\n    height: auto !important;\r\n    min-height: 12.5rem;\r\n    flex-direction: column;\r\n    padding: 1.15rem 1.15rem 1.35rem;\r\n    border: 1px solid var(--co-border);\r\n    border-radius: var(--co-radius);\r\n    background-color: var(--co-soft);\r\n    overflow: hidden;\r\n    transition:\r\n      transform 400ms var(--co-ease),\r\n      background-color 300ms ease;\r\n  }\r\n\r\n  .co-privacy__right-card:hover {\r\n    background-color: var(--co-soft-blue);\r\n    transform: translateY(-0.25rem);\r\n  }\r\n\r\n  .co-privacy__right-number {\r\n    display: block;\r\n    flex: 0 0 auto;\r\n    color: var(--co-light);\r\n    font-size: 0.7rem;\r\n    letter-spacing: 0.06em;\r\n  }\r\n\r\n  .co-privacy__right-title {\r\n    margin-top: 1.75rem !important;\r\n    color: var(--co-secondary) !important;\r\n    font-size: 1.12rem;\r\n    font-style: normal !important;\r\n    font-weight: 400 !important;\r\n    letter-spacing: -0.02em;\r\n    line-height: 1.15;\r\n  }\r\n\r\n  .co-privacy__right-text {\r\n    margin-top: 0.55rem !important;\r\n    color: var(--co-light) !important;\r\n    font-size: 0.9rem !important;\r\n    font-style: normal !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.55 !important;\r\n  }\r\n\r\n  .co-privacy__contact {\r\n    padding: clamp(1.8rem, 4vw, 3.5rem);\r\n    border-radius: var(--co-radius);\r\n    background-color: var(--co-soft-blue);\r\n  }\r\n\r\n  .co-privacy__contact-label {\r\n    display: block;\r\n    color: var(--co-light);\r\n    font-size: 0.72rem;\r\n    letter-spacing: 0.08em;\r\n  }\r\n\r\n  .co-privacy__contact-title {\r\n    max-width: 13ch;\r\n    margin-top: 0.85rem !important;\r\n    color: var(--co-secondary) !important;\r\n    font-size: clamp(2.3rem, 5vw, 5rem);\r\n    font-style: normal !important;\r\n    font-weight: 400 !important;\r\n    letter-spacing: -0.055em;\r\n    line-height: 0.98;\r\n  }\r\n\r\n  .co-privacy__contact-text {\r\n    max-width: 700px;\r\n    margin-top: 1.1rem !important;\r\n    color: var(--co-light) !important;\r\n    font-size: 1rem !important;\r\n    font-style: normal !important;\r\n    line-height: 1.6 !important;\r\n  }\r\n\r\n  .co-privacy__actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 0.6rem;\r\n    margin-top: 1.5rem;\r\n  }\r\n\r\n  .co-privacy__button {\r\n    display: inline-flex;\r\n    min-height: 3.1rem;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.55rem;\r\n    padding: 0 1.1rem;\r\n    border-radius: 50px;\r\n    color: var(--co-white) !important;\r\n    background-color: var(--co-secondary);\r\n    font-size: 0.88rem;\r\n    font-style: normal !important;\r\n    font-weight: 400;\r\n    transition:\r\n      background-color 300ms ease,\r\n      transform 400ms var(--co-ease);\r\n  }\r\n\r\n  .co-privacy__button:hover {\r\n    background-color: var(--co-light);\r\n    transform: translateY(-0.15rem);\r\n  }\r\n\r\n  .co-privacy__button--light {\r\n    color: var(--co-secondary) !important;\r\n    background-color: var(--co-white);\r\n  }\r\n\r\n  .co-privacy__button--light:hover {\r\n    color: var(--co-white) !important;\r\n    background-color: var(--co-light);\r\n  }\r\n\r\n  .co-privacy__button-icon {\r\n    width: 0.9rem;\r\n    height: 0.9rem;\r\n    flex: 0 0 auto;\r\n  }\r\n\r\n  .co-privacy__toast {\r\n    position: fixed;\r\n    z-index: 999;\r\n    right: 1rem;\r\n    bottom: 1rem;\r\n    padding: 0.75rem 0.95rem;\r\n    border-radius: 50px;\r\n    color: var(--co-white);\r\n    background-color: var(--co-secondary);\r\n    font-size: 0.82rem;\r\n    font-style: normal !important;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transform: translateY(0.7rem);\r\n  }\r\n\r\n  @media screen and (max-width: 990px) {\r\n    .co-privacy__layout {\r\n      display: block;\r\n      padding: 0 1rem 5rem;\r\n    }\r\n\r\n    .co-privacy__sidebar-slot {\r\n      position: sticky;\r\n      z-index: 30;\r\n      top: 0;\r\n      margin: 0 -1rem 2rem;\r\n    }\r\n\r\n    .co-privacy__sidebar,\r\n    .co-privacy__sidebar.is-fixed,\r\n    .co-privacy__sidebar.is-bottom {\r\n      position: relative;\r\n      top: auto;\r\n      right: auto;\r\n      bottom: auto;\r\n      left: auto;\r\n      width: auto;\r\n      margin: 0;\r\n      padding: 1rem;\r\n      border-bottom: 1px solid var(--co-border);\r\n      background-color: rgba(255, 255, 255, 0.96);\r\n      backdrop-filter: blur(16px);\r\n    }\r\n\r\n    .co-privacy__sidebar-head {\r\n      padding-bottom: 0.8rem;\r\n    }\r\n\r\n    .co-privacy__nav {\r\n      display: flex;\r\n      gap: 0.4rem;\r\n      margin-top: 0.75rem;\r\n      overflow-x: auto;\r\n      scrollbar-width: none;\r\n    }\r\n\r\n    .co-privacy__nav::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    .co-privacy__nav-link {\r\n      display: flex;\r\n      min-width: max-content;\r\n      gap: 0.38rem;\r\n      padding: 0.65rem 0.75rem;\r\n      border-radius: 50px;\r\n      background-color: var(--co-soft);\r\n      font-size: 0.78rem;\r\n    }\r\n\r\n    .co-privacy__nav-link::before {\r\n      display: none;\r\n    }\r\n\r\n    .co-privacy__nav-link:hover,\r\n    .co-privacy__nav-link.is-active {\r\n      color: var(--co-white);\r\n      background-color: var(--co-secondary);\r\n      transform: none;\r\n    }\r\n\r\n    .co-privacy__nav-link.is-active .co-privacy__nav-index {\r\n      color: rgba(255, 255, 255, 0.62);\r\n    }\r\n\r\n    .co-privacy__help {\r\n      display: none;\r\n    }\r\n\r\n    .co-privacy__section {\r\n      padding: 3.5rem 0;\r\n      scroll-margin-top: 9rem;\r\n    }\r\n\r\n    .co-privacy__section-head {\r\n      grid-template-columns: 2.2rem minmax(0, 1fr);\r\n      gap: 0.5rem;\r\n    }\r\n\r\n    .co-privacy__section-number {\r\n      padding-top: 0.25rem;\r\n    }\r\n\r\n    .co-privacy__section-title {\r\n      font-size: clamp(2rem, 8vw, 3.2rem);\r\n    }\r\n\r\n    .co-privacy__section-body {\r\n      margin-top: 1.5rem;\r\n      margin-left: 2.7rem;\r\n    }\r\n\r\n    .co-privacy__info-grid,\r\n    .co-privacy__rights-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .co-privacy__right-card {\r\n      min-height: 0;\r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: 600px) {\r\n    .co-privacy__section-body {\r\n      margin-left: 0;\r\n    }\r\n\r\n    .co-privacy__section-head {\r\n      display: block;\r\n    }\r\n\r\n    .co-privacy__section-number {\r\n      display: block;\r\n      margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .co-privacy__data-row {\r\n      display: block;\r\n    }\r\n\r\n    .co-privacy__data-value {\r\n      margin-top: 0.35rem;\r\n    }\r\n\r\n    .co-privacy__accordion-summary {\r\n      min-height: 4rem;\r\n      padding: 0.9rem;\r\n    }\r\n\r\n    .co-privacy__accordion-inner {\r\n      padding: 0 0.9rem 0.9rem;\r\n    }\r\n\r\n    .co-privacy__actions {\r\n      display: grid;\r\n    }\r\n\r\n    .co-privacy__button {\r\n      width: 100%;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"co-privacy\">\r\n  <div class=\"co-privacy__progress\" aria-hidden=\"true\">\r\n    <span class=\"co-privacy__progress-bar\"><\/span>\r\n  <\/div>\r\n\r\n  <div class=\"co-privacy__layout\">\r\n    <div class=\"co-privacy__sidebar-slot\">\r\n      <aside class=\"co-privacy__sidebar\" aria-label=\"Privacy statement navigation\">\r\n      <div class=\"co-privacy__sidebar-head\">\r\n        <span class=\"co-privacy__sidebar-label\">Contents<\/span>\r\n\r\n        <button\r\n          class=\"co-privacy__expand\"\r\n          type=\"button\"\r\n          data-co-privacy-expand\r\n>\r\n          Expand all\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <nav class=\"co-privacy__nav\">\r\n        <a class=\"co-privacy__nav-link is-active\" href=\"#co-privacy-introduction\">\r\n          <span class=\"co-privacy__nav-index\">01<\/span>\r\n          <span>Introduction<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"co-privacy__nav-link\" href=\"#co-privacy-organisation\">\r\n          <span class=\"co-privacy__nav-index\">02<\/span>\r\n          <span>Who we are<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"co-privacy__nav-link\" href=\"#co-privacy-processing\">\r\n          <span class=\"co-privacy__nav-index\">03<\/span>\r\n          <span>How we use data<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"co-privacy__nav-link\" href=\"#co-privacy-sources\">\r\n          <span class=\"co-privacy__nav-index\">04<\/span>\r\n          <span>How we obtain data<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"co-privacy__nav-link\" href=\"#co-privacy-rights\">\r\n          <span class=\"co-privacy__nav-index\">05<\/span>\r\n          <span>Your rights<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"co-privacy__nav-link\" href=\"#co-privacy-recipients\">\r\n          <span class=\"co-privacy__nav-index\">06<\/span>\r\n          <span>Recipients<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"co-privacy__nav-link\" href=\"#co-privacy-transfer\">\r\n          <span class=\"co-privacy__nav-index\">07<\/span>\r\n          <span>International transfer<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"co-privacy__nav-link\" href=\"#co-privacy-cookies\">\r\n          <span class=\"co-privacy__nav-index\">08<\/span>\r\n          <span>Cookies<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"co-privacy__nav-link\" href=\"#co-privacy-changes\">\r\n          <span class=\"co-privacy__nav-index\">09<\/span>\r\n          <span>Changes<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"co-privacy__nav-link\" href=\"#co-privacy-contact\">\r\n          <span class=\"co-privacy__nav-index\">10<\/span>\r\n          <span>Questions and complaints<\/span>\r\n        <\/a>\r\n      <\/nav>\r\n\r\n      <div class=\"co-privacy__help\">\r\n        <span class=\"co-privacy__help-label\">Need help?<\/span>\r\n\r\n        <p class=\"co-privacy__help-text\">\r\n          Send your question or privacy request to\r\n          <a class=\"co-privacy__help-link\" href=\"mailto:info@co-office.nl\">\r\n            info@co-office.nl\r\n          <\/a>.\r\n        <\/p>\r\n      <\/div>\r\n      <\/aside>\r\n    <\/div>\r\n\r\n    <div class=\"co-privacy__content\">\r\n      <section\r\n        class=\"co-privacy__section\"\r\n        id=\"co-privacy-introduction\"\r\n        data-co-privacy-section\r\n>\r\n        <div class=\"co-privacy__section-head\">\r\n          <span class=\"co-privacy__section-number\">01<\/span>\r\n\r\n          <h2 class=\"co-privacy__section-title\">\r\n            Introduction\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"co-privacy__section-body\">\r\n          <p>\r\n            Co-Office takes your privacy very seriously and processes\r\n            information about you in a secure manner. In this Privacy\r\n            Statement, we explain which data we process, why we process\r\n            it and which rights you have in relation to the processing\r\n            of your personal data.\r\n          <\/p>\r\n\r\n          <p>\r\n            We recommend reading this statement carefully. For questions\r\n            about your privacy or the way we handle personal data, you can\r\n            contact us at\r\n            <a class=\"co-privacy__text-link\" href=\"mailto:info@co-office.nl\">\r\n              info@co-office.nl\r\n            <\/a>.\r\n          <\/p>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section\r\n        class=\"co-privacy__section\"\r\n        id=\"co-privacy-organisation\"\r\n        data-co-privacy-section\r\n>\r\n        <div class=\"co-privacy__section-head\">\r\n          <span class=\"co-privacy__section-number\">02<\/span>\r\n\r\n          <h2 class=\"co-privacy__section-title\">\r\n            Who is Co-Office?\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"co-privacy__section-body\">\r\n          <p>\r\n            Co-Office Holding B.V. is a private limited company with its\r\n            registered office at John M. Keynesplein 10, 1066 EP Amsterdam.\r\n            The company is registered in the Commercial Register of the\r\n            Chamber of Commerce under number 82550662.\r\n          <\/p>\r\n\r\n          <p>\r\n            Co-Office Holding B.V. is the controller for the processing of\r\n            your personal data. This means that Co-Office determines why\r\n            personal data is used and how this processing takes place.\r\n          <\/p>\r\n\r\n          <div class=\"co-privacy__info-grid\">\r\n            <article class=\"co-privacy__info-card\">\r\n              <p class=\"co-privacy__info-label\">Registered office<\/p>\r\n\r\n              <p class=\"co-privacy__info-value\">\r\n                John M. Keynesplein 10<br>\r\n                1066 EP Amsterdam\r\n              <\/p>\r\n            <\/article>\r\n\r\n            <article class=\"co-privacy__info-card\">\r\n              <p class=\"co-privacy__info-label\">Chamber of Commerce<\/p>\r\n              <p class=\"co-privacy__info-value\">82550662<\/p>\r\n            <\/article>\r\n\r\n            <article class=\"co-privacy__info-card\">\r\n              <p class=\"co-privacy__info-label\">Controller<\/p>\r\n              <p class=\"co-privacy__info-value\">Co-Office Holding B.V.<\/p>\r\n            <\/article>\r\n\r\n            <article class=\"co-privacy__info-card\">\r\n              <p class=\"co-privacy__info-label\">Privacy contact<\/p>\r\n\r\n              <p class=\"co-privacy__info-value\">\r\n                <a class=\"co-privacy__text-link\" href=\"mailto:info@co-office.nl\">\r\n                  info@co-office.nl\r\n                <\/a>\r\n              <\/p>\r\n            <\/article>\r\n          <\/div>\r\n\r\n          <p>\r\n            Co-Office Holding B.V. also acts for and on behalf of the\r\n            following companies:\r\n          <\/p>\r\n\r\n          <ul class=\"co-privacy__company-list\">\r\n            <li>Co-Office Zuidas B.V.<\/li>\r\n            <li>OurOffice Bruggebouw B.V.<\/li>\r\n            <li>Our-Office Sloterdijk B.V.<\/li>\r\n            <li>Co-Office Valley B.V.<\/li>\r\n            <li>Co-Office The Pulse B.V.<\/li>\r\n            <li>Co-Office Herengracht B.V.<\/li>\r\n            <li>Our-Office Hoofddorp B.V.<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section\r\n        class=\"co-privacy__section\"\r\n        id=\"co-privacy-processing\"\r\n        data-co-privacy-section\r\n>\r\n        <div class=\"co-privacy__section-head\">\r\n          <span class=\"co-privacy__section-number\">03<\/span>\r\n\r\n          <h2 class=\"co-privacy__section-title\">\r\n            How do we use your data?\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"co-privacy__section-body\">\r\n          <p>\r\n            Below you can find an overview of the purposes for which\r\n            Co-Office Holding B.V. processes personal data. Each panel\r\n            explains which data is used, the legal basis for processing\r\n            and the applicable retention period.\r\n          <\/p>\r\n\r\n          <div class=\"co-privacy__accordions\">\r\n            <details class=\"co-privacy__accordion\">\r\n              <summary class=\"co-privacy__accordion-summary\">\r\n                <span class=\"co-privacy__accordion-title-wrap\">\r\n                  <span class=\"co-privacy__accordion-index\">01<\/span>\r\n\r\n                  <span class=\"co-privacy__accordion-title\">\r\n                    Financial administration\r\n                  <\/span>\r\n                <\/span>\r\n\r\n                <span class=\"co-privacy__accordion-icon\" aria-hidden=\"true\"><\/span>\r\n              <\/summary>\r\n\r\n              <div class=\"co-privacy__accordion-content\">\r\n                <div class=\"co-privacy__accordion-inner\">\r\n                  <div class=\"co-privacy__data-table\">\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Purpose<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        Managing our financial administration.\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Data<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        Name, company name, billing address, bank details\r\n                        such as bank name, IBAN and BIC, and outstanding balance.\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Legal basis<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        Performance of an agreement.\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Retention period<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        As long as necessary for this purpose and in accordance\r\n                        with applicable statutory obligations.\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/details>\r\n\r\n            <details class=\"co-privacy__accordion\">\r\n              <summary class=\"co-privacy__accordion-summary\">\r\n                <span class=\"co-privacy__accordion-title-wrap\">\r\n                  <span class=\"co-privacy__accordion-index\">02<\/span>\r\n\r\n                  <span class=\"co-privacy__accordion-title\">\r\n                    Invoicing\r\n                  <\/span>\r\n                <\/span>\r\n\r\n                <span class=\"co-privacy__accordion-icon\" aria-hidden=\"true\"><\/span>\r\n              <\/summary>\r\n\r\n              <div class=\"co-privacy__accordion-content\">\r\n                <div class=\"co-privacy__accordion-inner\">\r\n                  <div class=\"co-privacy__data-table\">\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Purpose<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        Preparing, sending and administering invoices.\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Data<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        Company name, billing address, Chamber of Commerce\r\n                        number, VAT number, customer number, phone number\r\n                        and email address.\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Legal basis<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        Performance of an agreement.\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Retention period<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        As long as necessary for this purpose and in accordance\r\n                        with applicable statutory obligations.\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/details>\r\n\r\n            <details class=\"co-privacy__accordion\">\r\n              <summary class=\"co-privacy__accordion-summary\">\r\n                <span class=\"co-privacy__accordion-title-wrap\">\r\n                  <span class=\"co-privacy__accordion-index\">03<\/span>\r\n\r\n                  <span class=\"co-privacy__accordion-title\">\r\n                    Customer relationship management\r\n                  <\/span>\r\n                <\/span>\r\n\r\n                <span class=\"co-privacy__accordion-icon\" aria-hidden=\"true\"><\/span>\r\n              <\/summary>\r\n\r\n              <div class=\"co-privacy__accordion-content\">\r\n                <div class=\"co-privacy__accordion-inner\">\r\n                  <div class=\"co-privacy__data-table\">\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Purpose<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        Maintaining customer relationships and providing\r\n                        appropriate support.\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Data<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        Name, email address, order history, phone number,\r\n                        Chamber of Commerce number, website URL, company\r\n                        logo and business address.\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Legal basis<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        Performance of an agreement.\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Retention period<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        As long as necessary for this purpose.\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/details>\r\n\r\n            <details class=\"co-privacy__accordion\">\r\n              <summary class=\"co-privacy__accordion-summary\">\r\n                <span class=\"co-privacy__accordion-title-wrap\">\r\n                  <span class=\"co-privacy__accordion-index\">04<\/span>\r\n\r\n                  <span class=\"co-privacy__accordion-title\">\r\n                    Service provision\r\n                  <\/span>\r\n                <\/span>\r\n\r\n                <span class=\"co-privacy__accordion-icon\" aria-hidden=\"true\"><\/span>\r\n              <\/summary>\r\n\r\n              <div class=\"co-privacy__accordion-content\">\r\n                <div class=\"co-privacy__accordion-inner\">\r\n                  <div class=\"co-privacy__data-table\">\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Purpose<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        Providing the requested services and support.\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Data<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        Name details, email address, file data, financial data,\r\n                        data required to provide the service and data generated\r\n                        during the provision of the service.\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Legal basis<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        Performance of an agreement.\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Retention period<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        As long as necessary for this purpose.\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/details>\r\n\r\n            <details class=\"co-privacy__accordion\">\r\n              <summary class=\"co-privacy__accordion-summary\">\r\n                <span class=\"co-privacy__accordion-title-wrap\">\r\n                  <span class=\"co-privacy__accordion-index\">05<\/span>\r\n\r\n                  <span class=\"co-privacy__accordion-title\">\r\n                    Rental agreements\r\n                  <\/span>\r\n                <\/span>\r\n\r\n                <span class=\"co-privacy__accordion-icon\" aria-hidden=\"true\"><\/span>\r\n              <\/summary>\r\n\r\n              <div class=\"co-privacy__accordion-content\">\r\n                <div class=\"co-privacy__accordion-inner\">\r\n                  <div class=\"co-privacy__data-table\">\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Purpose<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        Preparing, administering and performing rental agreements.\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Data<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        Name and address details, Chamber of Commerce number,\r\n                        IBAN, VAT number, phone number, email address, gender\r\n                        and copy of identity document where legally permitted\r\n                        and necessary.\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Legal basis<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        Performance of an agreement and, where applicable,\r\n                        compliance with a legal obligation.\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Retention period<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        As long as necessary for this purpose and in accordance\r\n                        with applicable statutory obligations.\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/details>\r\n\r\n            <details class=\"co-privacy__accordion\">\r\n              <summary class=\"co-privacy__accordion-summary\">\r\n                <span class=\"co-privacy__accordion-title-wrap\">\r\n                  <span class=\"co-privacy__accordion-index\">06<\/span>\r\n\r\n                  <span class=\"co-privacy__accordion-title\">\r\n                    Website account\r\n                  <\/span>\r\n                <\/span>\r\n\r\n                <span class=\"co-privacy__accordion-icon\" aria-hidden=\"true\"><\/span>\r\n              <\/summary>\r\n\r\n              <div class=\"co-privacy__accordion-content\">\r\n                <div class=\"co-privacy__accordion-inner\">\r\n                  <div class=\"co-privacy__data-table\">\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Purpose<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        Offering and managing an online account.\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Data<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        Name, address, email address and username.\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Legal basis<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        Consent or performance of an agreement, depending\r\n                        on the purpose of the account.\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Retention period<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        As long as necessary for this purpose.\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/details>\r\n\r\n            <details class=\"co-privacy__accordion\">\r\n              <summary class=\"co-privacy__accordion-summary\">\r\n                <span class=\"co-privacy__accordion-title-wrap\">\r\n                  <span class=\"co-privacy__accordion-index\">07<\/span>\r\n\r\n                  <span class=\"co-privacy__accordion-title\">\r\n                    Company listing on our website\r\n                  <\/span>\r\n                <\/span>\r\n\r\n                <span class=\"co-privacy__accordion-icon\" aria-hidden=\"true\"><\/span>\r\n              <\/summary>\r\n\r\n              <div class=\"co-privacy__accordion-content\">\r\n                <div class=\"co-privacy__accordion-inner\">\r\n                  <div class=\"co-privacy__data-table\">\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Purpose<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        Mentioning a company on the Co-Office website.\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Data<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        Company name, logo and website URL.\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Legal basis<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        Consent.\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"co-privacy__data-row\">\r\n                      <div class=\"co-privacy__data-label\">Retention period<\/div>\r\n\r\n                      <div class=\"co-privacy__data-value\">\r\n                        As long as necessary for this purpose or until\r\n                        consent is withdrawn.\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/details>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section\r\n        class=\"co-privacy__section\"\r\n        id=\"co-privacy-sources\"\r\n        data-co-privacy-section\r\n>\r\n        <div class=\"co-privacy__section-head\">\r\n          <span class=\"co-privacy__section-number\">04<\/span>\r\n\r\n          <h2 class=\"co-privacy__section-title\">\r\n            How do we obtain your data?\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"co-privacy__section-body\">\r\n          <p>\r\n            Co-Office Holding B.V. may have personal data about you because\r\n            you provided this information directly to us. In some situations,\r\n            Co-Office may also receive information from other parties, such as\r\n            online or offline brokers involved in the rental or introduction\r\n            process.\r\n          <\/p>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section\r\n        class=\"co-privacy__section\"\r\n        id=\"co-privacy-rights\"\r\n        data-co-privacy-section\r\n>\r\n        <div class=\"co-privacy__section-head\">\r\n          <span class=\"co-privacy__section-number\">05<\/span>\r\n\r\n          <h2 class=\"co-privacy__section-title\">\r\n            What are your rights?\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"co-privacy__section-body\">\r\n          <p>\r\n            Under the General Data Protection Regulation, you have several\r\n            rights concerning your personal data and the way it is processed.\r\n            You can submit a request by emailing\r\n            <a class=\"co-privacy__text-link\" href=\"mailto:info@co-office.nl\">\r\n              info@co-office.nl\r\n            <\/a>.\r\n          <\/p>\r\n\r\n          <div class=\"co-privacy__rights-grid\">\r\n            <article class=\"co-privacy__right-card\">\r\n              <span class=\"co-privacy__right-number\">01<\/span>\r\n              <h3 class=\"co-privacy__right-title\">Access<\/h3>\r\n\r\n              <p class=\"co-privacy__right-text\">\r\n                You can ask which personal data Co-Office has stored about you.\r\n              <\/p>\r\n            <\/article>\r\n\r\n            <article class=\"co-privacy__right-card\">\r\n              <span class=\"co-privacy__right-number\">02<\/span>\r\n              <h3 class=\"co-privacy__right-title\">Correction<\/h3>\r\n\r\n              <p class=\"co-privacy__right-text\">\r\n                You can request changes, additions or corrections if your\r\n                personal data is incomplete or inaccurate.\r\n              <\/p>\r\n            <\/article>\r\n\r\n            <article class=\"co-privacy__right-card\">\r\n              <span class=\"co-privacy__right-number\">03<\/span>\r\n              <h3 class=\"co-privacy__right-title\">Deletion<\/h3>\r\n\r\n              <p class=\"co-privacy__right-text\">\r\n                In certain situations, you can request that Co-Office deletes\r\n                personal data that is no longer required.\r\n              <\/p>\r\n            <\/article>\r\n\r\n            <article class=\"co-privacy__right-card\">\r\n              <span class=\"co-privacy__right-number\">04<\/span>\r\n              <h3 class=\"co-privacy__right-title\">Restriction<\/h3>\r\n\r\n              <p class=\"co-privacy__right-text\">\r\n                Under certain conditions, you can ask Co-Office to restrict\r\n                the processing of your personal data.\r\n              <\/p>\r\n            <\/article>\r\n\r\n            <article class=\"co-privacy__right-card\">\r\n              <span class=\"co-privacy__right-number\">05<\/span>\r\n              <h3 class=\"co-privacy__right-title\">Objection<\/h3>\r\n\r\n              <p class=\"co-privacy__right-text\">\r\n                You may object to processing based on a legitimate interest\r\n                of Co-Office or another party.\r\n              <\/p>\r\n            <\/article>\r\n\r\n            <article class=\"co-privacy__right-card\">\r\n              <span class=\"co-privacy__right-number\">06<\/span>\r\n              <h3 class=\"co-privacy__right-title\">Data portability<\/h3>\r\n\r\n              <p class=\"co-privacy__right-text\">\r\n                You can request your personal data in a structured, commonly\r\n                used and machine-readable format.\r\n              <\/p>\r\n            <\/article>\r\n\r\n            <article class=\"co-privacy__right-card\">\r\n              <span class=\"co-privacy__right-number\">07<\/span>\r\n              <h3 class=\"co-privacy__right-title\">Withdraw consent<\/h3>\r\n\r\n              <p class=\"co-privacy__right-text\">\r\n                Where processing is based on consent, you may withdraw that\r\n                consent at any time. This does not affect processing carried\r\n                out before the withdrawal.\r\n              <\/p>\r\n            <\/article>\r\n          <\/div>\r\n\r\n          <p>\r\n            Co-Office Holding B.V. will respond to your request as soon as\r\n            possible and no later than one month after receiving it. If your\r\n            request is rejected, we will explain the reason for the rejection.\r\n          <\/p>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section\r\n        class=\"co-privacy__section\"\r\n        id=\"co-privacy-recipients\"\r\n        data-co-privacy-section\r\n>\r\n        <div class=\"co-privacy__section-head\">\r\n          <span class=\"co-privacy__section-number\">06<\/span>\r\n\r\n          <h2 class=\"co-privacy__section-title\">\r\n            Recipients of personal data\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"co-privacy__section-body\">\r\n          <p>\r\n            Where necessary, personal data may be shared with carefully\r\n            selected parties that support Co-Office in providing services\r\n            or fulfilling legal obligations.\r\n          <\/p>\r\n\r\n          <ul class=\"co-privacy__simple-list\">\r\n            <li>Processors acting on behalf of Co-Office.<\/li>\r\n            <li>Parties involved in the performance of an agreement.<\/li>\r\n            <li>External advisors, such as legal or financial advisors.<\/li>\r\n            <li>Authorities where disclosure is required by law.<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section\r\n        class=\"co-privacy__section\"\r\n        id=\"co-privacy-transfer\"\r\n        data-co-privacy-section\r\n>\r\n        <div class=\"co-privacy__section-head\">\r\n          <span class=\"co-privacy__section-number\">07<\/span>\r\n\r\n          <h2 class=\"co-privacy__section-title\">\r\n            International data transfers\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"co-privacy__section-body\">\r\n          <p>\r\n            For technical or operational reasons, it may be necessary to\r\n            transfer personal data to parties located outside the European\r\n            Economic Area. Where this occurs, Co-Office will take appropriate\r\n            measures to protect your personal data.\r\n          <\/p>\r\n\r\n          <p>\r\n            Depending on the recipient and destination, these safeguards\r\n            may include an adequacy decision, participation in the EU-U.S.\r\n            Data Privacy Framework, Standard Contractual Clauses approved\r\n            by the European Commission or another lawful transfer mechanism.\r\n          <\/p>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section\r\n        class=\"co-privacy__section\"\r\n        id=\"co-privacy-cookies\"\r\n        data-co-privacy-section\r\n>\r\n        <div class=\"co-privacy__section-head\">\r\n          <span class=\"co-privacy__section-number\">08<\/span>\r\n\r\n          <h2 class=\"co-privacy__section-title\">\r\n            Cookies and similar technologies\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"co-privacy__section-body\">\r\n          <p>\r\n            Cookies are small pieces of text information sent to your browser\r\n            when you visit a website. They may be stored on your computer,\r\n            tablet or mobile phone. Cookies placed through the Co-Office\r\n            website cannot damage your device or the files stored on it.\r\n          <\/p>\r\n\r\n          <p>\r\n            When this statement refers to cookies, it also includes similar\r\n            technologies that collect information, such as local storage,\r\n            pixels or device-related identifiers. Where required, Co-Office\r\n            will request consent before placing non-essential cookies.\r\n          <\/p>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section\r\n        class=\"co-privacy__section\"\r\n        id=\"co-privacy-changes\"\r\n        data-co-privacy-section\r\n>\r\n        <div class=\"co-privacy__section-head\">\r\n          <span class=\"co-privacy__section-number\">09<\/span>\r\n\r\n          <h2 class=\"co-privacy__section-title\">\r\n            Can this statement change?\r\n          <\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"co-privacy__section-body\">\r\n          <p>\r\n            This Privacy Statement may be amended from time to time. We\r\n            recommend checking this page regularly so that you remain\r\n            informed about the latest version and any relevant changes.\r\n          <\/p>\r\n        <\/div>\r\n      <\/section>\r\n\r\n      <section\r\n        class=\"co-privacy__section\"\r\n        id=\"co-privacy-contact\"\r\n        data-co-privacy-section\r\n>\r\n        <div class=\"co-privacy__contact\">\r\n          <span class=\"co-privacy__contact-label\">\r\n            Questions or complaints\r\n          <\/span>\r\n\r\n          <h2 class=\"co-privacy__contact-title\">\r\n            Let us know how we can help.\r\n          <\/h2>\r\n\r\n          <p class=\"co-privacy__contact-text\">\r\n            For questions, requests or complaints about the way Co-Office\r\n            processes your personal data, send an email to info@co-office.nl.\r\n            You may also submit a complaint to the competent national\r\n            supervisory authority. In the Netherlands, this is the\r\n            Autoriteit Persoonsgegevens.\r\n          <\/p>\r\n\r\n          <div class=\"co-privacy__actions\">\r\n            <a\r\n              class=\"co-privacy__button\"\r\n              href=\"mailto:info@co-office.nl\"\r\n            >\r\n              <svg\r\n                class=\"co-privacy__button-icon\"\r\n                viewbox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n                aria-hidden=\"true\"\r\n              >\r\n                <path d=\"M4 4h16v16H4z\"><\/path>\r\n                <path d=\"m4 6 8 6 8-6\"><\/path>\r\n              <\/svg>\r\n\r\n              Send an email\r\n            <\/a>\r\n\r\n            <button\r\n              class=\"co-privacy__button co-privacy__button--light\"\r\n              type=\"button\"\r\n              data-co-privacy-copy\r\n>\r\n              Copy email address\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/section>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div\r\n    class=\"co-privacy__toast\"\r\n    data-co-privacy-toast\r\n role=\"status\"\r\n    aria-live=\"polite\"\r\n  >\r\n    Email address copied\r\n  <\/div>\r\n<\/section>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\r\n<script>\r\n  (() => {\r\n    function initCoPrivacy() {\r\n      const root = document.querySelector(\".co-privacy\");\r\n\r\n      if (!root || root.dataset.coPrivacyReady === \"true\") return;\r\n\r\n      root.dataset.coPrivacyReady = \"true\";\r\n\r\n      const accordions = Array.from(\r\n        root.querySelectorAll(\".co-privacy__accordion\")\r\n      );\r\n\r\n      const navLinks = Array.from(\r\n        root.querySelectorAll(\".co-privacy__nav-link\")\r\n      );\r\n\r\n      const sections = Array.from(\r\n        root.querySelectorAll(\"[data-co-privacy-section]\")\r\n      );\r\n\r\n      const layout = root.querySelector(\".co-privacy__layout\");\r\n      const sidebarSlot = root.querySelector(\".co-privacy__sidebar-slot\");\r\n      const sidebar = root.querySelector(\".co-privacy__sidebar\");\r\n      const content = root.querySelector(\".co-privacy__content\");\r\n      const progressBar = root.querySelector(\".co-privacy__progress-bar\");\r\n      const expandButton = root.querySelector(\"[data-co-privacy-expand]\");\r\n      const copyButton = root.querySelector(\"[data-co-privacy-copy]\");\r\n      const toast = root.querySelector(\"[data-co-privacy-toast]\");\r\n\r\n      const desktopBreakpoint = 990;\r\n      const desktopTopOffset = 112;\r\n\r\n      let frameRequested = false;\r\n\r\n      function requestPageUpdate() {\r\n        if (frameRequested) return;\r\n\r\n        frameRequested = true;\r\n\r\n        window.requestAnimationFrame(() => {\r\n          frameRequested = false;\r\n          updateProgress();\r\n          updateSidebar();\r\n          updateActiveNavigation();\r\n        });\r\n      }\r\n\r\n      function updateProgress() {\r\n        if (!progressBar) return;\r\n\r\n        const scrollTop =\r\n          window.pageYOffset ||\r\n          document.documentElement.scrollTop ||\r\n          document.body.scrollTop ||\r\n          0;\r\n\r\n        const scrollHeight =\r\n          document.documentElement.scrollHeight - window.innerHeight;\r\n\r\n        const progress =\r\n          scrollHeight > 0\r\n            ? Math.min(Math.max(scrollTop \/ scrollHeight, 0), 1)\r\n            : 0;\r\n\r\n        progressBar.style.transform = `scaleX(${progress})`;\r\n      }\r\n\r\n      function resetDesktopSidebarStyles() {\r\n        if (!sidebar || !sidebarSlot) return;\r\n\r\n        sidebar.classList.remove(\"is-fixed\", \"is-bottom\");\r\n        sidebar.style.removeProperty(\"left\");\r\n        sidebar.style.removeProperty(\"width\");\r\n        sidebarSlot.style.removeProperty(\"min-height\");\r\n      }\r\n\r\n      function updateSidebar() {\r\n        if (!layout || !sidebarSlot || !sidebar || !content) return;\r\n\r\n        if (window.innerWidth <= desktopBreakpoint) {\r\n          resetDesktopSidebarStyles();\r\n          return;\r\n        }\r\n\r\n        const scrollTop =\r\n          window.pageYOffset ||\r\n          document.documentElement.scrollTop ||\r\n          document.body.scrollTop ||\r\n          0;\r\n\r\n        sidebarSlot.style.minHeight = `${sidebar.offsetHeight}px`;\r\n\r\n        const slotRect = sidebarSlot.getBoundingClientRect();\r\n        const slotTop = scrollTop + slotRect.top;\r\n        const slotBottom = slotTop + sidebarSlot.offsetHeight;\r\n        const sidebarHeight = sidebar.offsetHeight;\r\n        const fixedStart = slotTop - desktopTopOffset;\r\n        const fixedEnd = slotBottom - sidebarHeight - desktopTopOffset;\r\n\r\n        sidebar.classList.remove(\"is-fixed\", \"is-bottom\");\r\n        sidebar.style.removeProperty(\"left\");\r\n        sidebar.style.removeProperty(\"width\");\r\n\r\n        if (scrollTop <= fixedStart) return;\r\n\r\n        if (scrollTop >= fixedEnd) {\r\n          sidebar.classList.add(\"is-bottom\");\r\n          return;\r\n        }\r\n\r\n        const updatedSlotRect = sidebarSlot.getBoundingClientRect();\r\n\r\n        sidebar.classList.add(\"is-fixed\");\r\n        sidebar.style.left = `${updatedSlotRect.left}px`;\r\n        sidebar.style.width = `${updatedSlotRect.width}px`;\r\n      }\r\n\r\n      function updateExpandButton() {\r\n        if (!expandButton) return;\r\n\r\n        const everyAccordionIsOpen =\r\n          accordions.length > 0 &&\r\n          accordions.every((accordion) => accordion.open);\r\n\r\n        expandButton.textContent = everyAccordionIsOpen\r\n          ? \"Collapse all\"\r\n          : \"Expand all\";\r\n\r\n        expandButton.setAttribute(\r\n          \"aria-expanded\",\r\n          everyAccordionIsOpen ? \"true\" : \"false\"\r\n        );\r\n      }\r\n\r\n      accordions.forEach((accordion) => {\r\n        accordion.addEventListener(\"toggle\", () => {\r\n          updateExpandButton();\r\n\r\n          window.requestAnimationFrame(() => {\r\n            updateSidebar();\r\n\r\n            if (\r\n              typeof ScrollTrigger !== \"undefined\" &&\r\n              typeof ScrollTrigger.refresh === \"function\"\r\n            ) {\r\n              ScrollTrigger.refresh();\r\n            }\r\n          });\r\n        });\r\n      });\r\n\r\n      if (expandButton) {\r\n        expandButton.addEventListener(\"click\", () => {\r\n          const shouldOpen = !accordions.every(\r\n            (accordion) => accordion.open\r\n          );\r\n\r\n          accordions.forEach((accordion) => {\r\n            accordion.open = shouldOpen;\r\n          });\r\n\r\n          updateExpandButton();\r\n\r\n          window.requestAnimationFrame(() => {\r\n            updateSidebar();\r\n\r\n            if (\r\n              typeof ScrollTrigger !== \"undefined\" &&\r\n              typeof ScrollTrigger.refresh === \"function\"\r\n            ) {\r\n              ScrollTrigger.refresh();\r\n            }\r\n          });\r\n        });\r\n      }\r\n\r\n      navLinks.forEach((link) => {\r\n        link.addEventListener(\"click\", (event) => {\r\n          const selector = link.getAttribute(\"href\");\r\n          const target = selector\r\n            ? document.querySelector(selector)\r\n            : null;\r\n\r\n          if (!target) return;\r\n\r\n          event.preventDefault();\r\n\r\n          target.scrollIntoView({\r\n            behavior: \"smooth\",\r\n            block: \"start\"\r\n          });\r\n        });\r\n      });\r\n\r\n      function updateActiveNavigation() {\r\n        if (!sections.length || !navLinks.length) return;\r\n\r\n        const marker = window.innerHeight * 0.38;\r\n        let activeSection = sections[0];\r\n\r\n        sections.forEach((section) => {\r\n          const rect = section.getBoundingClientRect();\r\n\r\n          if (rect.top <= marker) {\r\n            activeSection = section;\r\n          }\r\n        });\r\n\r\n        navLinks.forEach((link) => {\r\n          link.classList.toggle(\r\n            \"is-active\",\r\n            link.getAttribute(\"href\") === `#${activeSection.id}`\r\n          );\r\n        });\r\n      }\r\n\r\n      if (copyButton) {\r\n        copyButton.addEventListener(\"click\", async () => {\r\n          const email = \"info@co-office.nl\";\r\n\r\n          try {\r\n            await navigator.clipboard.writeText(email);\r\n            showToast(\"Email address copied\");\r\n          } catch (error) {\r\n            const helper = document.createElement(\"textarea\");\r\n\r\n            helper.value = email;\r\n            helper.setAttribute(\"readonly\", \"\");\r\n            helper.style.position = \"absolute\";\r\n            helper.style.left = \"-9999px\";\r\n\r\n            document.body.appendChild(helper);\r\n            helper.select();\r\n            document.execCommand(\"copy\");\r\n            helper.remove();\r\n\r\n            showToast(\"Email address copied\");\r\n          }\r\n        });\r\n      }\r\n\r\n      function showToast(message) {\r\n        if (!toast) return;\r\n\r\n        toast.textContent = message;\r\n\r\n        if (typeof gsap !== \"undefined\") {\r\n          gsap.killTweensOf(toast);\r\n\r\n          gsap.timeline()\r\n            .to(toast, {\r\n              y: 0,\r\n              opacity: 1,\r\n              duration: 0.3,\r\n              ease: \"power3.out\"\r\n            })\r\n            .to(toast, {\r\n              y: 10,\r\n              opacity: 0,\r\n              duration: 0.3,\r\n              delay: 1.4,\r\n              ease: \"power3.in\"\r\n            });\r\n\r\n          return;\r\n        }\r\n\r\n        toast.style.opacity = \"1\";\r\n        toast.style.transform = \"translateY(0)\";\r\n\r\n        window.setTimeout(() => {\r\n          toast.style.opacity = \"0\";\r\n          toast.style.transform = \"translateY(0.7rem)\";\r\n        }, 1700);\r\n      }\r\n\r\n      if (\r\n        typeof gsap !== \"undefined\" &&\r\n        typeof ScrollTrigger !== \"undefined\"\r\n      ) {\r\n        gsap.registerPlugin(ScrollTrigger);\r\n\r\n        gsap.utils.toArray(\".co-privacy__section\").forEach((section) => {\r\n          const items = section.querySelectorAll(\r\n            \".co-privacy__section-number, .co-privacy__section-title, .co-privacy__section-body > p, .co-privacy__info-grid, .co-privacy__accordions, .co-privacy__rights-grid, .co-privacy__simple-list, .co-privacy__contact\"\r\n          );\r\n\r\n          gsap.from(items, {\r\n            y: 22,\r\n            opacity: 0,\r\n            duration: 0.78,\r\n            stagger: 0.045,\r\n            ease: \"power3.out\",\r\n            clearProps: \"transform,opacity\",\r\n            scrollTrigger: {\r\n              trigger: section,\r\n              start: \"top 86%\",\r\n              once: true\r\n            }\r\n          });\r\n        });\r\n      }\r\n\r\n      updateExpandButton();\r\n      requestPageUpdate();\r\n\r\n      window.addEventListener(\"scroll\", requestPageUpdate, {\r\n        passive: true\r\n      });\r\n\r\n      window.addEventListener(\"resize\", requestPageUpdate);\r\n\r\n      window.addEventListener(\"load\", requestPageUpdate);\r\n\r\n      if (typeof ResizeObserver !== \"undefined\" && layout) {\r\n        const resizeObserver = new ResizeObserver(() => {\r\n          requestPageUpdate();\r\n        });\r\n\r\n        resizeObserver.observe(layout);\r\n      }\r\n    }\r\n\r\n    if (document.readyState === \"loading\") {\r\n      document.addEventListener(\"DOMContentLoaded\", initCoPrivacy, {\r\n        once: true\r\n      });\r\n    } else {\r\n      initCoPrivacy();\r\n    }\r\n  })();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-f1c9147 layoutID-full e-flex layoutID e-parent\" data-id=\"f1c9147\" data-dynamic_type=\"container\">\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-4c310b7 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"4c310b7\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<script>\nconst lenis = new Lenis({\nduration: 1.5,\neasing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)), \ndirection: 'vertical', \/\/ vertical, horizontal\ngestureDirection: 'vertical', \/\/ vertical, horizontal, both\nsmooth: true,\nmouseMultiplier: 0.95,\nsmoothTouch: false,\ntouchMultiplier: 3.5,\ninfinite: false,\n})\n\n\/\/get scroll value\nlenis.on('scroll', ({ scroll, limit, velocity, direction, progress }) => {\nconsole.log({ scroll, limit, velocity, direction, progress })\n})\n\nfunction raf(time) {\nlenis.raf(time)\nrequestAnimationFrame(raf)\n}\n\nrequestAnimationFrame(raf)\n<\/script>\n<script src=\"https:\/\/unpkg.com\/lenis@1.1.19\/dist\/lenis.min.js\"><\/script>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n<script src=\"\/attributes\/js\/Splittext.js\"><\/script>\n\n<script src=\"https:\/\/co-office.nu\/attributes\/js\/CustomEase.min.js\"><\/script>\n\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n\n\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-9fe6584 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"9fe6584\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<script>\r\n    gsap.registerPlugin(ScrollTrigger, SplitText);\r\n\r\n    function createGlitchfadeAnimation(dynamic) {\r\n        if (dynamic.dataset.animated) return;\r\n        dynamic.dataset.animated = \"true\";\r\n\r\n        var mySplitText = new SplitText(dynamic, {type:\"chars, words\"}),\r\n            tl = gsap.timeline({\r\n                scrollTrigger: {\r\n                    trigger: dynamic,\r\n                    start: \"top 80%\", \r\n                    toggleActions: \"play none none reverse\",\r\n                },\r\n                defaults: {duration: 1.2, ease: \"power4.out\", delay: 0.1}\r\n            }),\r\n            numChars = mySplitText.chars.length;\r\n\r\n        var maxStartTime = 0.688 - 0.13;\r\n\r\n        for (var i = 0; i < numChars; i++) {\r\n            var randomStartTime = Math.random() * maxStartTime;\r\n            tl.from(mySplitText.chars[i], {opacity: 0}, randomStartTime);\r\n        }\r\n    }\r\n\r\n    function triggerGlitchfade(dynamics) {\r\n        dynamics.forEach(dynamic => {\r\n            gsap.set(dynamic, {visibility: \"visible\"});\r\n            createGlitchfadeAnimation(dynamic);\r\n        });\r\n    }\r\n\r\n    function createMainTitleAnimation(dynamic) {\r\n        if (dynamic.dataset.animated) return;\r\n        dynamic.dataset.animated = \"true\";\r\n\r\n        var tl = gsap.timeline();\r\n\r\n        var text = new SplitText(dynamic, { types: \"lines\", linesClass: \"lineChild\" });\r\n        var mask = new SplitText(dynamic, { types: \"lines\", linesClass: \"lineParent\" });\r\n\r\n        gsap.set(dynamic, { display: \"block\" });\r\n\r\n        ScrollTrigger.create({\r\n            animation: tl,\r\n            trigger: dynamic,\r\n            start: \"top 85%\", \r\n            end: \"bottom center\", \r\n            toggleActions: \"play none none reverse\"\r\n        });\r\n\r\n        tl.fromTo(text.lines, { y: 100 }, { y: 0, duration: 1.15, stagger: 0.1, ease:\"power4.inOut\" }, \"+=0\");\r\n    }\r\n\r\n    function triggerMainTitle(dynamics) {\r\n        dynamics.forEach(dynamic => {\r\n            createMainTitleAnimation(dynamic);\r\n        });\r\n    }\r\n\r\n    document.addEventListener('DOMContentLoaded', (event) => {\r\n        triggerGlitchfade(document.querySelectorAll('.glitchfade'));\r\n        triggerMainTitle(document.querySelectorAll('.maintitle'));\r\n    });\r\n\r\n\r\n    setTimeout(() => {\r\n        const newText = document.createElement('div');\r\n        newText.classList.add('text', 'glitchfade');\r\n        document.body.appendChild(newText);\r\n        triggerGlitchfade([newText]);\r\n    }, 2000);\r\n\r\n    setTimeout(() => {\r\n        const newTitle = document.createElement('div');\r\n        newTitle.classList.add('maintitle', 'hide');\r\n        document.body.appendChild(newTitle);\r\n        triggerMainTitle([newTitle]);\r\n    }, 4000);\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"data-eoa-dynamic data-eoa-dynamic-73d7f93 data-eoa-data-hxm data-eoa-data-hxm-html\" data-id=\"73d7f93\" data-dynamic_type=\"data-hxm\" data-data-hxm_type=\"html.default\">\n\t\t\t\t<div class=\"data-eoa-data-hxm-container\">\n\t\t\t<script>\r\n  gsap.registerPlugin(CustomEase);\r\n\r\n const customEase1 = CustomEase.create(\"ccv\", \"M0,0 C0.9,0.1,0.1,1,1,1\");\r\n\r\nconst customEase3 = CustomEase.create(\"ccv2\", \"M0,0 C0.9,0.1,0.05,0.95,1,1\");\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n  const tl = gsap.timeline();\r\n\r\n  tl.fromTo(\".menu-button[data-v-649bbaab]\", \r\n    {\r\n      y: \"-110\",\r\n      opacity: 0\r\n    },\r\n    {\r\n      y: \"0\",\r\n      opacity: 1,\r\n      stagger: 0.1,\r\n      duration: 1.5,\r\n      ease: \"ccv\"\r\n    },\r\n    0 \/\/ Start time\r\n  );\r\n\r\n  tl.fromTo(\"#cooffice-logo\", \r\n    {\r\n      y: \"-110\",\r\n      opacity: 0\r\n    },\r\n    {\r\n      y: \"0\",\r\n      opacity: 1,\r\n      stagger: 0.1,\r\n      duration: 1.5,\r\n      ease: \"ccv\"\r\n    },\r\n    0 \/\/ Start time\r\n  );\r\n\r\n  tl.fromTo(\".contactwrapper\", \r\n    {\r\n      y: \"-110\",\r\n      opacity: 0\r\n    },\r\n    {\r\n      y: \"0\",\r\n      opacity: 1,\r\n      stagger: 0.1,\r\n      delay: 0.23,\r\n      duration: 1.5,\r\n      ease: \"ccv\"\r\n    },\r\n    0 \/\/ Start time\r\n  );\r\n\r\n  tl.from(\".slide\", {\r\n    y: 160,\r\n    stagger: 0.2,\r\n    opacity: 0,\r\n    duration: 1.7,\r\n    ease: \"power4.out\"\r\n  }, \"+=0.7\");\r\n\r\n  tl.fromTo(\".notification\", \r\n    {\r\n      y: \"90\",\r\n      opacity: 0\r\n    },\r\n    {\r\n      y: \"0\",\r\n      opacity: 1,\r\n      stagger: 0.1,\r\n      duration: 1.35,\r\n      ease: \"power4.inOut\"\r\n    },\r\n    0 \/\/ Start time\r\n  );\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Privacyverklaring Contents Expand all 01 Introduction 02 Who we are 03 How we use data 04 How we obtain data 05 Your rights 06 Recipients 07 International transfer 08 Cookies 09 Changes 10 Questions and complaints Need help? Send your question or privacy request to info@co-office.nl . 01 Introduction Co-Office takes your privacy very seriously [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_improvement_type_select":"improve_an_existing","_thumb_yes_seoaic":false,"_frame_yes_seoaic":false,"seoaic_generate_description":"","seoaic_improve_instructions_prompt":"","seoaic_rollback_content_improvement":"","seoaic_idea_thumbnail_generator":"","thumbnail_generated":false,"thumbnail_generate_prompt":"","seoaic_article_description":"","footnotes":""},"class_list":["post-14031","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/14031","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/comments?post=14031"}],"version-history":[{"count":5,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/14031\/revisions"}],"predecessor-version":[{"id":14038,"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/pages\/14031\/revisions\/14038"}],"wp:attachment":[{"href":"https:\/\/co-office.nu\/en\/wp-json\/wp\/v2\/media?parent=14031"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}