/* sw12-desktop-only: these page rules were designed at 1440; below 1101px the earlier responsive layout applies */
@media (min-width:1101px){
/* sw11 round, group c: websites, werkwijze, over-ons, contact. Everything is scoped to body.cpg (set in those four pages only). */

/* ---------- shared: every heading and text block is fully readable at rest ---------- */
/* section headings were written in by a scroll-scrubbed clip and a light sweep that left words cut or grey */
html body.cpg main h2.b2-lt:not(#x):not(#y),
html body.cpg main .c-st:not(#x):not(#y){animation:none!important;clip-path:none!important;opacity:1!important;transform:none!important}
html body.cpg main h2.b2-lt:not(#x):not(#y){background:none!important;-webkit-text-fill-color:currentColor;color:#f3eee4!important}
html body.cpg main h2.b2-lt em{-webkit-text-fill-color:currentColor;background:none!important;color:inherit!important}

/* one calm fade when a block first comes into view (opacity and transform only, ends fully opaque) */
html body.cpg main .c-rv:not(#x):not(#y){opacity:0!important;transform:translateY(14px)!important;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)!important}
html body.cpg main .c-rv.c-in:not(#x):not(#y){opacity:1!important;transform:none!important}
@media (prefers-reduced-motion:reduce){html body.cpg main .c-rv:not(#x):not(#y){opacity:1!important;transform:none!important;transition:none!important}}

/* first screen starts closer to the navigation */
html body.cpg-web main > section.g-roomo:first-child{padding-top:44px!important}
html body.cpg-ww main > section.g-roomo:first-child{padding-top:44px!important}
html body.cpg-over main > section.g-roomo:first-child{padding-top:56px!important}
html body.cpg-ct main > section.g37-open:first-child{padding-top:24px!important}

/* ---------- websites: the package ladder as one aligned comparison ---------- */
/* columns: choice dot, package, scope, delivery, price */
html body.cpg-web .pk15 .c-pkhd,
html body.cpg-web .pk15 .pk-row:not(#x):not(#y){display:grid!important;grid-template-columns:28px 196px minmax(0,1fr) 160px 164px!important;column-gap:20px!important;row-gap:6px!important;align-items:start!important}
html body.cpg-web .pk15 .pk-row:not(#x):not(#y){grid-template-rows:34px auto auto auto!important}
html body.cpg-web .pk15 .c-pkhd{padding:0 12px 12px 10px;border-bottom:1px solid rgba(243,238,228,.16);font:600 11.5px/1.2 Manrope,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(243,238,228,.62)}
html body.cpg-web .pk15 .c-pkhd span:first-child{grid-column:2}
html body.cpg-web .pk15 .c-pkhd span:last-child{text-align:right}
html body.cpg-web .pk15 .pk-row:not(#x):not(#y){padding:22px 12px 22px 10px!important;min-height:0!important}
html body.cpg-web .pk15 .pk-row > input{grid-column:1;grid-row:1;margin-top:9px!important}
html body.cpg-web .pk15 .pk-row > .pk-n{grid-column:2;grid-row:1;margin:0!important;font-size:28px!important;line-height:1.1!important;white-space:nowrap}
html body.cpg-web .pk15 .pk-row > .pk-f{grid-column:2;grid-row:2 / 5;margin:0!important;color:rgba(243,238,228,.74)!important;font-size:15px!important;line-height:1.45!important}
html body.cpg-web .pk15 .pk-row > .pk-om-tag{grid-column:2;grid-row:2;position:static!important;margin:4px 0 0!important;align-self:start;justify-self:start}
html body.cpg-web .pk15 .pk-row > .pk-s{display:contents!important}
html body.cpg-web .pk15 .pk-row .g40-sc{grid-column:3;grid-row:1 / span 2;display:block!important;margin:4px 0 0!important;padding:0!important;border:0!important;font-size:16px!important;line-height:1.45!important;color:#efe9dc!important}
html body.cpg-web .pk15 .pk-row .g34-olb{display:none!important}
html body.cpg-web .pk15 .pk-row .g34-ol:not(#x),html body.cpg-web .pk15 .pk-row .g34-ol[hidden]:not(#x){display:block!important;margin:6px 0 0!important;padding:0!important;border:0!important;background:none!important;font-size:13.5px!important;line-height:1.45!important;color:rgba(243,238,228,.62)!important;box-shadow:none!important;position:static!important}
html body.cpg-web .pk15 .pk-row .g40-dv{grid-column:4;grid-row:1 / span 2;display:block!important;margin:4px 0 0!important;padding:0!important;border:0!important;font-size:16px!important;line-height:1.45!important}
html body.cpg-web .pk15 .pk-row .g45-lt-k{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html body.cpg-web .pk15 .pk-row .g45-lt-v{color:#efe9dc!important;font-weight:400!important}
html body.cpg-web .pk15 .pk-row .g40-exb{grid-column:3;grid-row:3;display:block!important;margin:2px 0 0!important;padding:0!important;border:0!important;font-size:14.5px!important;line-height:1.45!important}
html body.cpg-web .pk15 .pk-row .g40-exb .pk-ex{color:rgba(243,238,228,.62)!important;padding:0!important;border:0!important}
html body.cpg-web .pk15 .pk-row > .pk-p{grid-column:5;grid-row:1 / span 3;margin:0!important;text-align:right!important;justify-self:end!important;align-self:start!important;font-size:30px!important;line-height:1.05!important;display:block!important}
html body.cpg-web .pk15 .pk-row > .pk-p .g-now,html body.cpg-web .pk15 .pk-row > .pk-p .g45-now{font-size:30px!important;line-height:1.05!important;display:inline!important}
html body.cpg-web .pk15 .pk-row > .pk-p .g45-omp small{font:400 13px/1 Manrope,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:rgba(243,238,228,.62)!important;margin-right:6px;vertical-align:.45em}
html body.cpg-web .pk15 .pk-row > .pk-p .g45-was{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:3px;margin-top:10px!important;font:400 13px/1.3 Manrope,system-ui,sans-serif!important}
html body.cpg-web .pk15 .pk-row > .pk-p .g45-was s{color:rgba(243,238,228,.62)!important;font:inherit!important}
html body.cpg-web .pk15 .pk-row > .pk-p .g45-was .g-save{color:rgba(243,238,228,.78)!important;font:inherit!important;display:inline!important;margin:0!important}
/* what each package adds: the line is always there, the list opens on the chosen package */
html body.cpg-web .pk15 .pk-row .pk-get{grid-column:3 / span 3;grid-row:4;display:grid!important;grid-template-columns:1fr 1fr;column-gap:28px;row-gap:6px;margin:12px 0 0!important;padding:14px 0 0!important;border-top:1px solid rgba(243,238,228,.12)!important}
html body.cpg-web .pk15 .pk-row .pk-gb{grid-column:1 / -1;margin:0 0 4px!important}
html body.cpg-web .pk15 .pk-row .pk-gi{font-size:14.5px!important;line-height:1.45!important;margin:0!important}
html body.cpg-web .pk15 .pk-row:not(.on) .pk-gi{display:none!important}
html body.cpg-web .pk15 .pk-row:not(.on) .pk-gb{margin:0!important;opacity:1!important}
html body.cpg-web .pk15 .pk-row:not(.on) .pk-gb::after{content:"";display:inline-block;width:6px;height:6px;margin:0 0 2px 10px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
html body.cpg-web .pk15 .pk-row > .pk-f{margin-top:4px!important}
html body.cpg-web .pk15 .pk-h + .sub{margin-bottom:28px!important}
/* the comparison table reads faster with tighter rows */
html body.cpg-web #vergelijken tbody th,html body.cpg-web #vergelijken tbody td{padding-top:14px!important;padding-bottom:14px!important}

/* ---------- werkwijze: a compact timeline, every step readable ---------- */
html.b18-st body.cpg-ww .sp .g43-st > li:not(#x):not(#y),html body.cpg-ww .sp .g43-st > li:not(#x):not(#y){opacity:1!important;transform:none!important}
html body.cpg-ww .sp .g43-st:not(#x){gap:30px!important}
html body.cpg-ww .sp .g43-st > li:not(#x):not(#y){display:grid!important;grid-template-columns:336px minmax(0,1fr);column-gap:24px;align-items:baseline}
html:root body.cpg-ww .sp .g43-st > li > b:not(#x):not(#y):not(#z){font-size:25px!important;line-height:1.2!important;margin:0!important}
html:root body.cpg-ww .sp .g43-st > li > p:not(#x):not(#y):not(#z){margin:0!important;max-width:none!important;color:rgba(246,239,220,.86)!important;font-size:16.5px!important;line-height:1.5!important}
html body.cpg-ww .sp-sec:not(#x){padding-top:104px!important}
html body.cpg-ww .sp-sec:first-child:not(#x){padding-top:72px!important}
html body.cpg-ww .g43-plan:not(#x){color:rgba(246,239,220,.78)!important;margin-top:40px!important}

/* ---------- over-ons: story in two columns, then four concrete promises on one line ---------- */
html body.cpg-over .c-story .g46-story-in{row-gap:72px!important}
html body.cpg-over .c-story .g46-story-t p{margin:0 0 18px!important;color:rgba(246,239,220,.84)!important}
html body.cpg-over .c-story .g46-story-t p.c-story-lead{font-size:30px!important;line-height:1.28!important;letter-spacing:-.005em;color:#f3eee4!important;margin-bottom:26px!important}
html body.cpg-over .c-facts{grid-column:1 / -1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:32px}
html body.cpg-over .c-facts li{margin:0;padding:22px 0 0;border-top:1px solid rgba(243,238,228,.2);display:flex;flex-direction:column;gap:10px}
html body.cpg-over .c-facts li::marker{content:none}
html body.cpg-over .c-facts b{font-size:24px;line-height:1.15;font-weight:400;color:#f3eee4}
html body.cpg-over .c-facts span{font-size:15.5px;line-height:1.5;color:rgba(246,239,220,.8)}
html body.cpg-over .c-story:not(#x){padding-bottom:40px!important}
/* the proposal sits beside its heading instead of under it */
html body.cpg-over .g25-prop > .wrap:not(#x){display:grid!important;grid-template-columns:360px minmax(0,1fr);column-gap:64px;align-items:start}
html body.cpg-over .g25-prop h2:not(#x){margin:0!important;font-size:56px!important;line-height:1.05!important;position:sticky;top:120px}
html body.cpg-over .g25-prop .g-prop14:not(#x){margin:0!important}
html body.cpg-over .g25-prop:not(#x){padding-bottom:40px!important}

/* ---------- contact: direct contact first, a lighter form ---------- */
html body.cpg-ct .g37-dl dd .c-mail{font-family:Newsreader,Georgia,serif;font-size:24px;line-height:1.2;color:#f3eee4;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:rgba(242,205,69,.7)}
html body.cpg-ct .g37-dl dd .c-mail:hover{text-decoration-color:#f2cd45}
html body.cpg-ct .g37-dl > div:first-child{align-items:center}
html body.cpg-ct .g37-team:not(#x){margin-top:36px!important;gap:28px!important}
html body.cpg-ct .g37-pp:not(#x){width:auto!important;display:grid!important;grid-template-columns:112px auto;column-gap:18px;align-items:end}
html body.cpg-ct .g37-pf:not(#x){width:112px!important;height:140px!important}
html body.cpg-ct .g37-pf img{width:100%!important;height:100%!important;object-fit:cover}
html body.cpg-ct .g37-pp figcaption:not(#x){margin:0!important;display:flex!important;flex-direction:column;gap:4px;width:auto!important}
html body.cpg-ct .g37-pp figcaption .wl:not(#x){display:flex!important;flex-direction:column!important;gap:2px!important}
html body.cpg-ct .g37-pp figcaption .wl > span::before{display:none!important;content:none!important}
html body.cpg-ct .g37-pp figcaption .wl > span{color:rgba(246,239,220,.8)!important;margin:0!important;padding:0!important}
html body.cpg-ct .g37-card:not(#x){background:rgba(246,239,220,.025)!important;border:1px solid rgba(246,239,220,.12)!important;box-shadow:none!important}
html body.cpg-ct .g37-in:not(#x){background:rgba(246,239,220,.06)!important;border:1px solid rgba(246,239,220,.34)!important}
html body.cpg-ct .g37-in:not(#x):focus{border-color:#f2cd45!important;outline:none}
html body.cpg-ct .g37-in::placeholder{color:rgba(246,239,220,.6)!important;opacity:1}
html body.cpg-ct .g37-form label,html body.cpg-ct .g37-form legend:not(.g37-fh){color:#efe9dc!important}
/* topic and reply choices: the chosen one is outlined, so the only yellow fill is the send button */
html body.cpg-ct .g37-pill input:checked + span:not(#x):not(#y){background:rgba(242,205,69,.12)!important;color:#f6efdc!important;border-color:rgba(242,205,69,.8)!important;box-shadow:none!important}
html body.cpg-ct .g37-pill span:not(#x){border-color:rgba(246,239,220,.3)!important}
html body.cpg-ct .g42-hpl:not(#x){display:inline-block!important;margin-top:16px!important;font-weight:400!important;font-size:15px!important;color:#efe9dc!important;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(246,239,220,.4)}
html body.cpg-ct .g43-ctq:not(#x){padding-top:96px!important}
html body.cpg-web .pk15 .pk-om22 > .pk-f{grid-row:3 / 5!important;margin-top:8px!important}
/* the summary starts level with the page title, so the first screen has no empty corner */
html body.cpg-web .pk15 .pk-sum:not(#x){margin-top:-252px!important}
/* table: the eight lines every package has sit together in one row */
html body.cpg-web #vergelijken tr.c-all th{vertical-align:top;color:#f3eee4!important}
html body.cpg-web #vergelijken tr.c-all td{padding-top:16px!important;padding-bottom:16px!important;background:none!important}
html body.cpg-web #vergelijken .c-all-l{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px;max-width:860px}
html body.cpg-web #vergelijken .c-all-l li{position:relative;padding-left:26px;font-size:15px;line-height:1.4;color:#efe9dc}
html body.cpg-web #vergelijken .c-all-l li::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:#f2cd45 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.4l2.6 2.5L13 6.6' fill='none' stroke='%230f2119' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}

/* text links with a circled arrow become plain underlined links (arrows stay on the yellow and ghost buttons only) */
html body.cpg main a.g-tl:not(#x):not(#y)::after,html body.cpg main a.g-tl:not(#x):not(#y)::before{display:none!important;content:none!important}
html body.cpg main a.g-tl:not(#x):not(#y){display:inline!important;padding:0!important;gap:0!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:5px!important;text-decoration-color:rgba(242,205,69,.7)!important}
html body.cpg main a.g-tl:not(#x):not(#y):hover{text-decoration-color:#f2cd45!important}

/* werkwijze: the title on two lines, so the three steps from wireframe to site fit in the first screen */
html:root body.cpg-ww main > section.g-roomo:first-child .g-roomo-in:not(#x):not(#y):not(#z){grid-template-columns:minmax(0,1fr)!important}
html body.cpg-ww main > section.g-roomo:first-child .g-roomo-t:not(#x){max-width:none!important}
html body.cpg-ww main > section.g-roomo:first-child h1:not(#x){max-width:none!important}
html body.cpg-ww main > section.g-roomo:first-child:not(#x){padding-bottom:0!important;min-height:0!important}
html body.cpg-ww .ww22:not(#x){padding-top:40px!important;padding-bottom:24px!important}
html:root body.cpg-ww .sp #afspraken .qa p:not(#x):not(#y):not(#z){font-size:24px!important;line-height:1.45!important;max-width:52ch!important;padding-left:24px!important;border-left:1px solid rgba(242,205,69,.8)!important}
html body.cpg-ww #afspraken .qa:not(#x){border:0!important}

/* contact: FAQ columns on the page grid */
html body.cpg-ct .g43-ctq .kq-col:not(#x){margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:auto!important}
html body.cpg-web #vergelijken tr.c-all td{text-align:left!important}
/* websites: calmer section rhythm below the configurator */
html:root body.cpg-web main .pz-tbl:not(#x):not(#y){padding-top:120px!important;padding-bottom:0!important}
html:root body.cpg-web main .pz-year:not(#x):not(#y){padding-top:112px!important;padding-bottom:0!important}
html:root body.cpg-web main .pz-faq:not(#x):not(#y){padding-top:112px!important;padding-bottom:0!important}
html:root body.cpg-web main .pk-end:not(#x):not(#y){padding-top:120px!important}
/* werkwijze: the closing question sits closer */
html:root body.cpg-ww .sp-sec#afspraken:not(#x):not(#y){padding-bottom:0!important}
html:root body.cpg-ww main + .g-invite:not(#x),html:root body.cpg-ww .g-invite:not(#x):not(#y){padding-top:112px!important}
html:root body.cpg-ct .g37-pp figcaption .wl > b:not(#x):not(#y)::after{display:none!important;content:none!important}
html:root body.cpg-ct .g37-pp:not(#x):not(#y){align-items:start!important}
html:root body.cpg-ct .g37-pp figcaption:not(#x):not(#y){padding-top:10px!important}
html:root body.cpg-ct .g37-pill input:checked + span:not(#x):not(#y){box-shadow:inset 0 0 0 1px rgba(242,205,69,.9)!important}
html:root body.cpg-ct .g37-open-in:not(#x):not(#y){padding-bottom:24px!important}
/* over-ons: tighter rhythm between story, proposal and the invitation */
html:root body.cpg-over .c-story:not(#x):not(#y){padding-top:120px!important;padding-bottom:24px!important}
html:root body.cpg-over .g25-prop:not(#x):not(#y){padding-top:104px!important;padding-bottom:0!important}
html:root body.cpg-over .g-invite:not(#x):not(#y){padding-top:120px!important}
/* werkwijze: the page ends closer to its last section */
html:root body.cpg-ww .wrap.sp:not(#x):not(#y){padding-bottom:0!important;margin-bottom:0!important}
html:root body.cpg-over section.g-invite:not(#x):not(#y):not(#z){margin-top:0!important;padding-top:96px!important}
html:root body.cpg-ww section.g-invite:not(#x):not(#y):not(#z){margin-top:0!important;padding-top:24px!important}
html:root body.cpg-ww .sp-sec#afspraken:not(#x):not(#y):not(#z){min-height:0!important;padding-bottom:0!important;align-items:start!important}
/* summary: a long total ("vanaf USD 995") drops whole to its own line instead of breaking */
html:root body.cpg-web .pk-sum .pk-tot:not(#x):not(#y){display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;justify-content:space-between!important;column-gap:16px}
html:root body.cpg-web .pk-sum #pk-total:not(#x){white-space:nowrap!important;margin-left:auto!important}

/* ================= sw11-fable round, group c ================= */

/* ---------- werkwijze: the three steps grow from wireframe to site, on one ground line ---------- */
html:root body.cpg-ww .ww22 .ww22-l:not(#x):not(#y):not(#z){grid-template-columns:3.3fr 4.2fr 5.5fr!important;grid-template-rows:auto auto auto!important;column-gap:32px!important;row-gap:0!important;align-items:start!important;margin-top:-46px!important}
html:root body.cpg-ww .ww22 .ww22-s:not(#x):not(#y):not(#z){display:grid!important;grid-row:1 / span 3!important;grid-template-rows:subgrid!important;row-gap:0!important}
html:root body.cpg-ww .ww22 .ww22-s > figure:not(#x):not(#y){align-self:end!important;margin:0!important}
html:root body.cpg-ww .ww22 .ww22-s > h3:not(#x):not(#y){margin:20px 0 0!important;padding-top:18px!important;border-top:1px solid rgba(243,238,228,.18)!important;font-size:28px!important;line-height:1.15!important}
html:root body.cpg-ww .ww22 .ww22-s > p:not(#x):not(#y){margin:10px 0 0!important;font-size:16px!important;line-height:1.55!important;color:rgba(243,238,228,.78)!important;max-width:44ch}
html:root body.cpg-ww .ww22 > .wrap > .lab:not(#x):not(#y){display:block!important;max-width:280px!important;min-height:46px;line-height:1.5!important;margin:0!important}
html:root body.cpg-ww .ww22:not(#x):not(#y){padding-top:20px!important}

/* ---------- werkwijze: section headings scroll with their section (no pinned heading over the next one) ---------- */
html:root body.cpg-ww .sp-sec > h2:not(#x):not(#y):not(#z){position:static!important;top:auto!important;grid-column:1!important;grid-row:1!important;align-self:start!important}
/* the planning note sits under the heading, so the left column carries the how and the right the steps */
html:root body.cpg-ww #planning:not(#x):not(#y){grid-template-rows:auto auto 1fr auto!important}
html:root body.cpg-ww #planning > .g43-plan:not(#x):not(#y){grid-column:1!important;grid-row:2!important;align-self:start!important;margin:28px 0 0!important;max-width:36ch!important;font-size:16px!important;line-height:1.6!important;color:rgba(243,238,228,.74)!important}
html:root body.cpg-ww #planning > .g43-st:not(#x):not(#y){grid-column:2!important;grid-row:1 / span 3!important}
html:root body.cpg-ww #planning > .g43-portal:not(#x):not(#y){grid-column:2!important;grid-row:4!important;margin-top:44px!important}

/* ---------- werkwijze: payment thresholds as three calm rows, the three parts follow the last row ---------- */
html:root body.cpg-ww #betalen dl.rows:not(#x):not(#y):not(#z){display:block!important;margin:6px 0 0!important;border-bottom:1px solid rgba(243,238,228,.16)!important}
html:root body.cpg-ww #betalen dl.rows > div:not(#x):not(#y):not(#z){display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;column-gap:24px!important;align-items:baseline!important;margin:0!important;padding:18px 0 19px!important;border:0!important;border-top:1px solid rgba(243,238,228,.16)!important;width:auto!important;background:none!important}
html:root body.cpg-ww #betalen dl.rows dt:not(#x):not(#y){font-size:26px!important;line-height:1.2!important;white-space:nowrap!important;margin:0!important}
html:root body.cpg-ww #betalen dl.rows dd:not(#x):not(#y){margin:0!important;font-size:17px!important;line-height:1.5!important;color:#efe9dc!important;max-width:none!important}
html:root body.cpg-ww #betalen .g43-pay:not(#x):not(#y){margin-top:44px!important}
html:root body.cpg-ww #betalen > .sub:not(#x):not(#y){margin-top:36px!important}
html:root body.cpg-ww #afspraken .qa:not(#x):not(#y):not(#z){margin-top:6px!important}

/* ---------- contact: the whole form in the first screen ---------- */
html:root body.cpg-ct .g37-card:not(#x):not(#y){padding:36px 44px 32px!important}
html:root body.cpg-ct .g37-fh:not(#x):not(#y){margin-bottom:18px!important}
html:root body.cpg-ct .g37-topics:not(#x):not(#y){margin-bottom:0!important}
html:root body.cpg-ct .g37-grid:not(#x):not(#y){margin-top:22px!important;row-gap:18px!important}
html:root body.cpg-ct input.g37-in:not(#x):not(#y){height:48px!important;min-height:0!important}
html:root body.cpg-ct textarea.g37-in:not(#x):not(#y){min-height:96px!important;height:96px!important}
html:root body.cpg-ct .g37-send:not(#x):not(#y){margin-top:22px!important}
/* the shortcut to the free homepage reads as a link */
html:root body.cpg-ct a.g42-hpl:not(#x):not(#y){margin-top:14px!important;color:#f2cd45!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:5px!important;text-decoration-color:rgba(242,205,69,.6)!important}
html:root body.cpg-ct a.g42-hpl:not(#x):not(#y):hover{text-decoration-color:#f2cd45!important}
/* questions: two balanced columns, no hole beside the price list; "Alle vragen" on the right gutter */
html:root body.cpg-ct .g43-ctq .kq-col:not(#x):not(#y):not(#z){display:block!important;columns:2!important;column-gap:56px!important}
html:root body.cpg-ct .g43-ctq .kq-i:not(#x):not(#y){break-inside:avoid!important;width:auto!important}
html:root body.cpg-ct .g43-ctq-h:not(#x):not(#y){align-items:baseline!important}
html:root body.cpg-ct .g43-ctq-h > a.g-tl:not(#x):not(#y):not(#z){margin-left:auto!important}

/* ---------- over-ons ---------- */
/* first screen sits in the middle of the window */
html:root body.cpg-over main > section.g-roomo:first-child:not(#x):not(#y){padding-top:92px!important}
html:root body.cpg-over .c-story:not(#x):not(#y):not(#z){padding-top:96px!important}
html:root body.cpg-over .wp-person .c-wl2{margin:4px 0 0;font:400 14.5px/1.4 Manrope,system-ui,sans-serif;color:rgba(243,238,228,.66)}
/* the four promises as rows beside the story, in place of four equal columns */
html:root body.cpg-over .c-story .c-facts:not(#x):not(#y):not(#z){grid-column:2!important;display:block!important;margin:0!important;border-bottom:1px solid rgba(243,238,228,.16)}
html:root body.cpg-over .c-story .c-facts li:not(#x):not(#y):not(#z){display:grid!important;grid-template-columns:232px minmax(0,1fr)!important;column-gap:24px!important;align-items:baseline!important;padding:18px 0 19px!important;border:0!important;border-top:1px solid rgba(243,238,228,.16)!important}
html:root body.cpg-over .c-story .c-facts li b:not(#x):not(#y){font-size:23px!important;line-height:1.2!important;font-weight:400!important}
html:root body.cpg-over .c-story .c-facts li span:not(#x):not(#y){font-size:16px!important;line-height:1.55!important;color:rgba(243,238,228,.78)!important}
html:root body.cpg-over .c-story .g46-story-in:not(#x):not(#y){row-gap:48px!important}

/* ---------- websites ---------- */
/* each package shows its example site */
html:root body.cpg-web .pk15 .pk-row .g40-exb:not(#x):not(#y){display:flex!important;align-items:center!important;gap:16px!important;margin-top:14px!important}
html:root body.cpg-web .pk15 .pk-row .g40-exb .pk-img:not(#x):not(#y){display:block!important;flex:0 0 128px;width:128px!important;height:80px!important;margin:0!important;padding:0!important;border:0!important;border-radius:3px!important;overflow:hidden!important;background:none!important;box-shadow:none!important;position:static!important}
html:root body.cpg-web .pk15 .pk-row .g40-exb .pk-img img:not(#x):not(#y){display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 0!important;transform:none!important;opacity:1!important;filter:none!important}
html:root body.cpg-web .pk15 .pk-row .g40-exb .pk-ex:not(#x):not(#y){color:rgba(243,238,228,.7)!important;font-size:15px!important;line-height:1.45!important}
/* supporting lines a little larger and clearer */
html:root body.cpg-web .pk15 .pk-row .g34-ol:not(#x):not(#y):not(#z){font-size:14.5px!important;color:rgba(243,238,228,.72)!important}
html:root body.cpg-web .pk15 .pk-row .g-save:not(#x):not(#y){font-size:14px!important;color:rgba(243,238,228,.86)!important}
html:root body.cpg-web .pk15 .pk-row .g-was:not(#x):not(#y){font-size:14px!important;color:rgba(243,238,228,.66)!important}
/* the "In Start" list on the page grid */
html:root body.cpg-web .pk-main > .pk-d:not(#x):not(#y){padding-left:0!important;padding-right:0!important}
/* summary: no blank band under the small labels */
html:root body.cpg-web .pk-sum > .lab:not(#x):not(#y){padding-bottom:4px!important}
html:root body.cpg-web .pk-sum .pk-yrs:not(#x):not(#y){margin-top:10px!important}
/* comparison: the tinted column is the package you chose above */
html:root body.cpg-web #vergelijken :is(td,th):not(#x):not(#y){background-color:transparent!important;background-image:none!important}
html:root body.cpg-web #vergelijken thead th:not(#x):not(#y){color:#fff6dc!important}
html:root body.cpg-web #vergelijken :is(td,th).c-hi:not(#x):not(#y){background-color:rgba(235,194,47,.055)!important}
html:root body.cpg-web #vergelijken thead th.c-hi:not(#x):not(#y){color:#ebc22f!important}

/* --- iteration 2 --- */
html:root body.cpg-ww .ww22:not(#x):not(#y):not(#z){padding-top:0!important}
html:root body.cpg-ww .ww22 .ww22-l:not(#x):not(#y):not(#z):not(#w){grid-template-columns:3.3fr 4.2fr 5.3fr!important}
html:root body.cpg-ww .ww22 .ww22-s > h3:not(#x):not(#y):not(#z){margin-top:16px!important;padding-top:14px!important}
html:root body.cpg-ww #afspraken .qa > div:not(#x):not(#y){padding:0!important;border:0!important}
html:root body.cpg-ww #afspraken .qa p:not(#x):not(#y):not(#z):not(#w){margin-top:0!important}
html:root body.cpg-ww section.g-invite:not(#x):not(#y):not(#z):not(#w){padding-top:112px!important}
/* websites: example thumbnail with its name on one line */
html:root body.cpg-web .pk15 .pk-row .g40-exb:not(#x):not(#y):not(#z){grid-column:3 / 5!important}
html:root body.cpg-web .pk15 .pk-row .g40-exb .pk-img:not(#x):not(#y):not(#z){flex:0 0 112px;width:112px!important;height:70px!important}

/* ================= sw12 round ================= */
/* Bij elk pakket: tidy two-column list instead of a ragged wrap */
html body.cpg-web #vergelijken .c-all-l{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 40px;max-width:none}
html body.cpg-web #vergelijken .c-all-l li{line-height:1.35}
html body.cpg-web #vergelijken tr.c-all td{padding-top:22px!important;padding-bottom:22px!important}
html body.cpg-web #vergelijken tr.c-all th{padding-top:22px!important}
/* sw12 (owner 12 Nov): "Bij elk pakket" sits above the comparison table, not inside it */
html body.cpg-web #vergelijken .c-all-b{display:grid;grid-template-columns:220px minmax(0,1fr);gap:0 40px;align-items:start;margin:36px 0 56px;padding:26px 22px;border-top:1px solid rgba(242,205,69,.35);border-bottom:1px solid rgba(255,255,255,.08)}
html body.cpg-web #vergelijken .c-all-h{margin:0;font:600 15px/1.4 Manrope,sans-serif;color:#f3eee4}
html body.cpg-web #vergelijken .c-all-b .c-all-l:not(#x){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 36px;max-width:none}

}
/* sw12 mobile: extras rows are one compact line with a clear Opties pill that turns into Sluiten when open */
@media (max-width:1100px){
  html:root body .pk-gx .pk-gs:not(#a):not(#b):not(#c){display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-areas:"n n b" "s c b"!important;align-items:center!important;column-gap:10px!important;row-gap:3px!important;padding:16px 0!important}
  html:root body .pk-gx .pk-gs .pk-gn:not(#a):not(#b):not(#c){grid-area:n!important;font-size:21px!important;line-height:1.2!important;margin:0!important}
  html:root body .pk-gx .pk-gs .pk-gsel:not(#a):not(#b):not(#c){grid-area:s!important;font-size:13.5px!important;margin:0!important;text-align:left!important}
  html:root body .pk-gx .pk-gs .pk-gc:not(#a):not(#b):not(#c){grid-area:c!important;font-size:13.5px!important;margin:0!important;text-align:left!important;justify-self:start!important;color:rgba(240,234,220,.6)!important}
  html:root body .pk-gx .pk-gs .pk-gc:not(#a):not(#b):not(#c)::before{content:"· ";color:rgba(240,234,220,.4)}
  html:root body .pk-gx .pk-gs:not(#a):not(#b):not(#c)::after{grid-area:b!important;content:"Opties  +"!important;white-space:pre!important;width:auto!important;height:auto!important;-webkit-mask:none!important;mask:none!important;background:transparent!important;border:1px solid rgba(242,205,69,.55)!important;border-radius:999px!important;padding:9px 14px!important;font:600 13px/1 Manrope,sans-serif!important;color:#f2cd45!important;transform:none!important;align-self:center!important}
  html:root body .pk-gx .pk-gd[open]>.pk-gs:not(#a):not(#b):not(#c)::after{content:"Sluiten  −"!important;background:rgba(242,205,69,.12)!important}
}
/* sw12 mobile: websites spacing below desktop */
@media (max-width:1100px){
  html:root body.cpg-web main>.pz-tbl:not(#a):not(#b):not(#c){padding-bottom:0!important}
  html:root body.cpg-web :is(.pz-tbl,.pz-year) h2:not(#a):not(#b):not(#c){margin-bottom:28px!important}
  html:root body.cpg-web .pk-h:not(#a):not(#b):not(#c){margin-top:48px!important}
}
/* sw12 mobile: on a tablet the two-column bottom sections read as one column (headings were squeezed into a narrow track) */
@media (min-width:700px) and (max-width:1100px){
  html:root body.cpg-web :is(.pz-year,.pz-faq) .wrap.pz-two:not(#a):not(#b):not(#c),html:root body.cpg-web .pk-end .pk-end-in:not(#a):not(#b):not(#c){display:block!important}
  html:root body.cpg-web :is(.pz-year,.pz-faq) .wrap.pz-two>*+*:not(#a):not(#b):not(#c),html:root body.cpg-web .pk-end .pk-end-in>*+*:not(#a):not(#b):not(#c){margin-top:32px!important;max-width:none!important;width:auto!important}
  html:root body.cpg-web .pz-year ul.pz-list:not(#a):not(#b):not(#c){grid-template-columns:repeat(3,minmax(0,1fr))!important}
}