{"id":8928,"date":"2026-09-22T13:31:40","date_gmt":"2026-09-22T13:31:40","guid":{"rendered":"https:\/\/familycam.org\/home-nl\/prijzen\/"},"modified":"2026-10-14T07:52:11","modified_gmt":"2026-10-14T07:52:11","slug":"prijzen","status":"publish","type":"page","link":"https:\/\/familycam.org\/nl\/home-nl\/prijzen\/","title":{"rendered":"Prijzen"},"content":{"rendered":"

[et_pb_section fb_built=”1″ _builder_version=”4.27.9″ _module_preset=”default” width=”90%” module_alignment=”center” custom_padding=”64px||32px||false|false” global_colors_info=”{}”][et_pb_row _builder_version=”4.27.9″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.9″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.27.9″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n

Voel u veilig met FamilyCam<\/h1>\n

[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.27.9″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.9″ _module_preset=”default” global_colors_info=”{}”][dct_code_template _builder_version=\"4.27.9\" _module_preset=\"default\" hover_enabled=\"0\" global_colors_info=\"{}\" sticky_enabled=\"0\"][dct_template_item item_type=\"css_template\" css_code=\"\n& {\n --pc-ink: #181818;\n --pc-muted: #666;\n --pc-faint: #888;\n --pc-line: #ececec;\n --pc-accent: #0077cc;\n --pc-accent-dark: #005999;\n --pc-btn: #274dea;\n --pc-btn-hover: #277dea;\n --pc-card: #fff;\n --pc-cols: 1;\n display: block;\n container: pc \/ inline-size;\n color: var(--pc-ink);\n}\n\n.pc { display: flex; flex-direction: column; gap: 48px; }\n\n\/* ---------- Plan cards ---------- *\/\n.pc-plans {\n display: grid;\n grid-template-columns: minmax(0, 1fr);\n gap: 16px;\n}\n.pc-spacer { display: none; }\n\n\/* Each card spans five rows of the parent grid (subgrid), so names, taglines,\n prices, texts and buttons line up across cards when they sit side by side. *\/\n.pc-card {\n display: grid;\n grid-row: span 5;\n grid-template-rows: subgrid;\n row-gap: 0;\n align-content: start;\n padding: 24px;\n background: var(--pc-card);\n border-radius: 16px;\n}\n.pc-card h3.pc-name {\n margin: 0;\n padding: 0 0 4px;\n font-size: clamp(28px, calc(18cqi \/ var(--pc-cols)), 40px);\n font-weight: 600;\n line-height: 1.15;\n color: var(--pc-ink);\n}\n.pc-card p { margin: 0; padding: 0; }\n.pc-tagline {\n font-size: clamp(17px, calc(9.5cqi \/ var(--pc-cols)), 26px);\n font-weight: 600;\n line-height: 1.25;\n color: var(--pc-muted);\n}\n.pc-card p.pc-price {\n padding: 10px 0 14px;\n font-size: clamp(19px, calc(10cqi \/ var(--pc-cols)), 22px);\n font-weight: 500;\n line-height: 1.3;\n color: var(--pc-accent);\n}\n.pc-price-note { font-size: .72em; white-space: nowrap; }\n.pc-price-note:empty { display: none; }\n.pc-text {\n padding-bottom: 24px;\n font-size: clamp(15px, calc(7.5cqi \/ var(--pc-cols)), 18px);\n font-weight: 500;\n line-height: 1.5;\n color: var(--pc-ink);\n}\n.pc-text p { padding: 0; }\n\n.pc-btn {\n display: inline-block;\n padding: 10px 24px;\n border-radius: 16px;\n background: var(--pc-btn);\n color: #fff !important;\n font-size: 18px;\n font-weight: 500;\n line-height: 1.4;\n text-align: center;\n text-decoration: none;\n transition: transform 300ms, background-color 300ms;\n}\n.pc-btn:hover, .pc-btn:focus-visible { background: var(--pc-btn-hover); transform: scale(1.02); }\n.pc-btn:focus-visible { outline: 2px solid var(--pc-ink); outline-offset: 2px; }\n\n\/* Card buttons sit at the bottom of the card; full width when cards are side by side. *\/\n.pc-card .pc-btn {\n align-self: end;\n justify-self: start;\n padding: 10px 16px;\n font-size: clamp(15px, calc(7.5cqi \/ var(--pc-cols)), 18px);\n}\n\n.pc-more { margin: 0; padding: 0; text-align: center; }\n.pc-btn-pill { padding: 8px 32px; border-radius: 32px; background: var(--pc-accent); font-weight: 600; }\n.pc-btn-pill:hover, .pc-btn-pill:focus-visible { background: var(--pc-accent-dark); transform: none; }\n\n\/* ---------- Comparison table ---------- *\/\n.pc-cmp-wrap {\n overflow-x: auto;\n padding: 20px 16px 8px;\n background: var(--pc-card);\n border-radius: 16px;\n}\n.pc-cmp-wrap h3.pc-cmp-title {\n margin: 0;\n padding: 0 0 16px;\n font-size: clamp(22px, 5cqi, 28px);\n font-weight: 600;\n line-height: 1.2;\n color: var(--pc-ink);\n}\n\n\/* Plan switcher (narrow only). The radios are visually hidden but stay keyboard and screen reader accessible. *\/\n.pc-r {\n position: absolute;\n width: 1px;\n height: 1px;\n margin: 0;\n opacity: 0;\n pointer-events: none;\n}\n.pc-switch {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 4px;\n margin-bottom: 8px;\n padding: 4px;\n border-radius: 12px;\n background: #f1f5fb;\n}\n.pc-switch label {\n display: block;\n padding: 8px 4px;\n border-radius: 9px;\n text-align: center;\n font-size: 14px;\n font-weight: 600;\n line-height: 1.25;\n color: var(--pc-ink);\n cursor: pointer;\n overflow-wrap: anywhere;\n transition: background-color 200ms, color 200ms;\n}\n.pc-switch label span { display: block; font-size: 11px; font-weight: 500; color: var(--pc-accent); }\n.pc-switch label:hover { background: #e3ebf7; }\n.pc-r1:checked ~ .pc-switch .pc-l1,\n.pc-r2:checked ~ .pc-switch .pc-l2,\n.pc-r3:checked ~ .pc-switch .pc-l3 { background: var(--pc-accent); color: #fff; }\n.pc-r1:checked ~ .pc-switch .pc-l1 span,\n.pc-r2:checked ~ .pc-switch .pc-l2 span,\n.pc-r3:checked ~ .pc-switch .pc-l3 span { color: rgba(255, 255, 255, .85); }\n.pc-r1:focus-visible ~ .pc-switch .pc-l1,\n.pc-r2:focus-visible ~ .pc-switch .pc-l2,\n.pc-r3:focus-visible ~ .pc-switch .pc-l3 { outline: 2px solid var(--pc-ink); outline-offset: 2px; }\n\ntable.pc-cmp {\n width: 100%;\n margin: 0;\n border: 0;\n border-collapse: collapse;\n font-size: 14px;\n line-height: 1.35;\n color: var(--pc-ink);\n}\n.pc-cmp th, .pc-cmp td {\n padding: 13px 2px;\n border: 0;\n border-top: 1px solid var(--pc-line);\n vertical-align: middle;\n text-align: center;\n font-weight: 400;\n}\n\n\/* Narrow: no header row (the switcher names the plan) and only the chosen plan's column, right-aligned. *\/\n.pc-cmp thead { display: none; }\n.pc-cmp td { display: none; width: 35%; padding-right: 4px; text-align: right; }\n.pc-r1:checked ~ .pc-cmp td:nth-child(2),\n.pc-r2:checked ~ .pc-cmp td:nth-child(3),\n.pc-r3:checked ~ .pc-cmp td:nth-child(4) { display: table-cell; }\n\n\/* Header: plan names, with the lease\/own type underneath *\/\n.pc-cmp thead th, .pc-cmp thead td {\n padding-top: 16px;\n padding-bottom: 14px;\n border-top: 0;\n font-size: 16px;\n font-weight: 600;\n color: var(--pc-ink);\n overflow-wrap: anywhere;\n}\n.pc-cmp thead th span {\n display: block;\n margin-top: 2px;\n font-size: 12px;\n font-weight: 500;\n color: var(--pc-accent);\n}\n\n.pc-cmp tbody th%91scope=%22row%22%93 {\n padding-left: 0;\n text-align: left;\n font-weight: 500;\n color: var(--pc-ink);\n hyphens: auto;\n overflow-wrap: break-word;\n}\n\n\/* Section titles: a soft band in the page background colour, small caps in brand blue *\/\n.pc-cmp tr.pc-sec th {\n padding: 10px 12px;\n border-top: 0;\n background: #f1f5fb;\n text-align: left;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: .1em;\n text-transform: uppercase;\n color: var(--pc-accent);\n}\n.pc-cmp tr.pc-sec + tr > * { border-top: 0; }\n\n\/* Cell values: %22{{yes}}%22 draws a check, %22{{no}}%22 or empty draws a dash, anything else is shown as text. *\/\n.pc-v { font-weight: 600; color: var(--pc-accent); overflow-wrap: anywhere; }\n\/* Optional unit after a value, e.g. %22\/month%22 *\/\n.pc-unit { margin-left: 1px; font-size: .78em; font-weight: 500; color: #a3abb8; white-space: nowrap; }\n.pc-unit:empty { display: none; }\n.pc-v%91data-v=%22{{yes}}%22 i%93, .pc-v%91data-v=%22{{no}}%22 i%93, .pc-v%91data-v=%22%22%93 {\n position: relative;\n display: inline-block;\n width: 22px;\n height: 22px;\n overflow: hidden;\n white-space: nowrap;\n text-indent: 100%;\n vertical-align: middle;\n}\n.pc-v%91data-v=%22{{yes}}%22 i%93 { border-radius: 50%; background: var(--pc-accent); }\n.pc-v%91data-v=%22{{yes}}%22 i%93::after {\n content: %22%22;\n position: absolute;\n left: 8px;\n top: 4.5px;\n width: 4.5px;\n height: 9px;\n border: solid #fff;\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n}\n.pc-v%91data-v=%22{{no}}%22 i%93::after, .pc-v%91data-v=%22%22%93::after {\n content: %22%22;\n position: absolute;\n left: 6px;\n top: 10px;\n width: 10px;\n height: 2px;\n border-radius: 1px;\n background: #d3d8e0;\n}\n\n\/* ---------- Full comparison table: all three plans side by side ---------- *\/\n@container pc (min-width: 560px) {\n .pc-cmp-wrap { padding: 24px 24px 12px; }\n .pc-cmp-wrap h3.pc-cmp-title { padding-bottom: 4px; }\n .pc-r, .pc-switch { display: none; }\n table.pc-cmp { table-layout: fixed; }\n .pc-cmp col.pc-col-label { width: 40%; }\n .pc-cmp thead { display: table-header-group; }\n .pc-cmp td,\n .pc-r1:checked ~ .pc-cmp td:nth-child(2),\n .pc-r2:checked ~ .pc-cmp td:nth-child(3),\n .pc-r3:checked ~ .pc-cmp td:nth-child(4) { display: table-cell; }\n .pc-cmp td { width: auto; text-align: center; }\n .pc-cmp th, .pc-cmp td { padding: 14px 4px; }\n}\n\n\n\/* ---------- Three cards side by side ---------- *\/\n@container pc (min-width: 700px) {\n .pc { --pc-cols: 3; }\n .pc-plans { grid-template-columns: repeat(3, minmax(0, 1fr)); }\n .pc-card .pc-btn { justify-self: stretch; }\n .pc-cmp col.pc-col-label { width: 34%; }\n .pc-cmp th, .pc-cmp td { padding: 14px 8px; }\n}\n\n\/* ---------- Label column + cards, lined up with the table ---------- *\/\n@container pc (min-width: 1040px) {\n .pc { --pc-cols: 4; }\n .pc { gap: 64px; }\n \/* No column gap: margins keep every column exactly 25% wide, like the table below. *\/\n .pc-plans { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 0; }\n .pc-spacer { display: block; grid-row: span 5; }\n .pc-card { margin: 0 12px; padding: 28px 24px; }\n .pc-cmp col.pc-col-label { width: 25%; }\n .pc-cmp th, .pc-cmp td { padding: 16px 12px; }\n \/* Edge-to-edge table so its 25% columns match the cards above; the label column carries the inset. *\/\n .pc-cmp-wrap { padding: 32px 0 12px; }\n .pc-cmp-wrap h3.pc-cmp-title { padding: 0 24px 8px; }\n .pc-cmp tbody th%91scope=%22row%22%93, .pc-cmp tr.pc-sec th { padding-left: 24px; }\n}\n\" _builder_version=\"4.27.9\" _module_preset=\"default\" hover_enabled=\"0\" global_colors_info=\"{}\" sticky_enabled=\"0\"][\/dct_template_item][dct_template_item item_type=\"html_template\" html_code=\"

\n\n
\n
<\/div>\n
\n

{{plan1_name}}<\/h3>\n

{{plan1_tagline}}<\/p>\n

{{plan1_price}} {{plan1_price_note}}<\/span><\/p>\n

{{plan1_text}}<\/div>\n {{plan1_button}}<\/a>\n <\/article>\n\n
\n

{{plan2_name}}<\/h3>\n

{{plan2_tagline}}<\/p>\n

{{plan2_price}} {{plan2_price_note}}<\/span><\/p>\n

{{plan2_text}}<\/div>\n {{plan2_button}}<\/a>\n <\/article>\n\n
\n

{{plan3_name}}<\/h3>\n

{{plan3_tagline}}<\/p>\n

{{plan3_price}} {{plan3_price_note}}<\/span><\/p>\n

{{plan3_text}}<\/div>\n {{plan3_button}}<\/a>\n <\/article>\n <\/div>\n\n
\n \n \n \n \n\n

{{overview_title}}<\/h3>\n\n
\n