/*
Theme Name: Stilzorg Zorg
Author: IntercomDirect B.V.
Description: Blokthema voor Stilzorg — valdetectie en zorgalarm zonder camera. Zorg-redesign (IBM Plex, klinisch-rustig).
Version: 0.4.0
Requires at least: 6.6
Text Domain: stilzorg
*/

:root { --vw-gutter: 20px; --vw-radius: 12px; --vw-schaduw: 0 1px 2px rgba(22,48,42,.06), 0 10px 30px rgba(22,48,42,.08); }
@media (min-width: 782px) { :root { --vw-gutter: 32px; } }
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img { max-width: 100%; height: auto; }
:where(.wp-site-blocks) > * { margin-block-start: 0; }
.vw-main > .wp-block-post-content { margin-block-start: 0; }
.vw-main .alignfull.vw-sectie, .vw-main .alignfull.vw-hero { padding-left: var(--wp--style--root--padding-left); padding-right: var(--wp--style--root--padding-right); }

/* Kop */
.vw-kop { background: #fff; border-bottom: 1px solid var(--wp--preset--color--mist); }
.vw-merk { display: inline-flex; align-items: center; gap: .6rem; text-decoration: none; color: var(--wp--preset--color--inkt) !important; font-family: var(--wp--preset--font-family--kop); font-weight: 600; font-size: 1.45rem; letter-spacing: -.01em; }
.vw-merk img { width: 40px; height: 40px; }
.vw-nav-knop a { background: var(--wp--preset--color--koraal); color: #fff !important; padding: 11px 18px; border-radius: 8px; font-weight: 600; }
.vw-nav-knop a:hover { background: var(--wp--preset--color--inkt); }
.wp-block-navigation a { text-decoration: none; }
.wp-block-navigation a:hover { color: var(--wp--preset--color--petrol); }
.wp-block-navigation .vw-nav-knop a:hover { color: #fff !important; }
.wp-block-navigation__responsive-container.is-menu-open { background: var(--wp--preset--color--zand) !important; padding: 2rem max(16px,4vw); }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 1.2rem; font-size: 1.2rem; }

/* Kicker, labels */
.vw-kicker { font-family: var(--wp--preset--font-family--mono); text-transform: uppercase; letter-spacing: .08em; font-size: 13px !important; font-weight: 400; line-height: 1.5; color: var(--wp--preset--color--petrol); margin-bottom: .4rem !important; }
.vw-donker .vw-kicker, .z-bg-donker .vw-kicker { color: var(--wp--preset--color--munt); }
.vw-lead { font-size: var(--wp--preset--font-size--groot) !important; color: var(--wp--preset--color--grijs); max-width: 38em; }

/* Hero */
.vw-hero { padding-top: var(--wp--preset--spacing--60) !important; padding-bottom: var(--wp--preset--spacing--60) !important; }
.vw-hero h1 { max-width: 13em; }
.vw-hero h1 em { font-style: italic; color: var(--wp--preset--color--petrol); }
.vw-pills { display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; margin: 1.25rem 0 0; list-style: none; }
.vw-pills li { background: var(--wp--preset--color--wit); border: 1px solid var(--wp--preset--color--lijn); border-radius: 999px; padding: .35rem .85rem; font-size: .92rem; }
.vw-pills li::before { content: "✓"; color: var(--wp--preset--color--petrol); font-weight: 800; margin-right: .4rem; }

/* Illustratie kamer */
.vw-scene { position: relative; aspect-ratio: 5 / 4; border-radius: 28px; background: linear-gradient(180deg, #EEF4EF 0%, #E2EDE5 100%); overflow: hidden; box-shadow: var(--vw-schaduw); }
.vw-scene svg.vw-kamer { position: absolute; inset: 0; width: 100%; height: 100%; }
.vw-golf { transform-origin: 250px 34px; animation: vw-puls 3.2s ease-out infinite; opacity: 0; }
.vw-golf.g2 { animation-delay: 1.05s; } .vw-golf.g3 { animation-delay: 2.1s; }
@keyframes vw-puls { 0% { transform: scale(.25); opacity: .0; } 15% { opacity: .55; } 100% { transform: scale(1.35); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .vw-golf { animation: none; opacity: .35; } .vw-golf.g2 { transform: scale(.75); } .vw-golf.g3 { transform: scale(1.1); } }
.vw-melding { position: absolute; right: 4%; top: 9%; width: min(62%, 300px); background: #fff; border-radius: 16px; padding: .85rem 1rem; box-shadow: 0 12px 34px rgba(22,48,42,.18); font-size: .92rem; line-height: 1.35; animation: vw-in .6s .4s both cubic-bezier(.2,.8,.2,1); }
.vw-melding b { display: block; font-size: 1rem; }
.vw-melding .vw-tijd { color: var(--wp--preset--color--grijs); font-size: .8rem; }
.vw-melding .vw-stip { display: inline-block; width: .55rem; height: .55rem; border-radius: 50%; background: var(--wp--preset--color--alarm); margin-right: .4rem; box-shadow: 0 0 0 4px rgba(179,38,30,.18); }
.vw-melding .vw-acties { display: flex; gap: .4rem; margin-top: .6rem; }
.vw-melding .vw-acties span { flex: 1; text-align: center; border-radius: 9px; padding: .35rem; font-weight: 650; font-size: .82rem; background: var(--wp--preset--color--salie); }
.vw-melding .vw-acties span:first-child { background: var(--wp--preset--color--petrol); color: #fff; }
@keyframes vw-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .vw-melding { animation: none; } }

/* Kaarten */
.vw-kaart { background: var(--wp--preset--color--wit); border: 1px solid var(--wp--preset--color--lijn); border-radius: var(--vw-radius); padding: 1.6rem 1.5rem !important; height: 100%; }
.vw-kaart h3 { font-size: 1.35rem !important; margin-top: .6rem; }
.vw-kaart p { color: var(--wp--preset--color--grijs); margin-bottom: 0; }
.vw-ico { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: var(--wp--preset--color--salie); }
.vw-ico svg { width: 26px; height: 26px; stroke: var(--wp--preset--color--petrol); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.wp-block-columns.vw-rij { gap: 1.25rem; }
.wp-block-columns.vw-rij > .wp-block-column { display: flex; flex-direction: column; }

/* Stappen */
.vw-stappen { counter-reset: stap; }
.vw-stap { position: relative; padding-left: 3.6rem !important; }
.vw-stap::before { counter-increment: stap; content: counter(stap); position: absolute; left: 0; top: .1rem; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: var(--wp--preset--color--petrol); color: #fff; display: grid; place-items: center; font-weight: 750; font-family: var(--wp--preset--font-family--kop); }
.vw-stap h3 { font-size: 1.3rem !important; margin: 0 0 .3rem; }
.vw-stap p { margin: 0; color: var(--wp--preset--color--grijs); }

/* Secties */
.vw-sectie { padding-top: var(--wp--preset--spacing--60) !important; padding-bottom: var(--wp--preset--spacing--60) !important; }
.vw-donker h2, .vw-donker h3, .vw-donker p, .vw-donker li { color: var(--wp--preset--color--zand); }
.vw-donker .vw-kicker { color: #A9CDB5; }
.vw-donker .vw-kaart { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.14); }
.vw-donker .vw-kaart p { color: #CCDAD1; }
.vw-donker .vw-ico { background: rgba(169,205,181,.16); } .vw-donker .vw-ico svg { stroke: #A9CDB5; }
.vw-foto img { border-radius: var(--vw-radius); box-shadow: var(--vw-schaduw); object-fit: cover; width: 100%; }
.vw-foto figcaption { font-size: .85rem; color: var(--wp--preset--color--grijs); }

/* Vinkjeslijst */
.vw-vinkjes { list-style: none; padding-left: 0; }
.vw-vinkjes li { position: relative; padding-left: 1.9rem; margin-bottom: .55rem; }
.vw-vinkjes li::before { content: ""; position: absolute; left: 0; top: .32em; width: 1.15rem; height: 1.15rem; border-radius: 50%; background: var(--wp--preset--color--petrol) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat; }

/* Vergelijking */
.vw-tabel table { border-collapse: separate; border-spacing: 0; width: 100%; background: #fff; border-radius: var(--vw-radius); overflow: hidden; border: 1px solid var(--wp--preset--color--lijn); font-size: .98rem; }
.vw-tabel th, .vw-tabel td { padding: .8rem 1rem; border: 0; border-bottom: 1px solid var(--wp--preset--color--lijn); text-align: left; vertical-align: top; }
.vw-tabel thead th { background: var(--wp--preset--color--salie); font-weight: 700; border-bottom: 0; }
.vw-tabel tr:last-child td { border-bottom: 0; }
.vw-tabel td:nth-child(2) { font-weight: 600; color: var(--wp--preset--color--petrol); }
.vw-tabel { overflow-x: auto; }

/* FAQ */
.vw-faq details { background: #fff; border: 1px solid var(--wp--preset--color--lijn); border-radius: 14px; padding: 0; margin-bottom: .7rem; }
.vw-faq summary { cursor: pointer; padding: 1rem 1.2rem; font-weight: 650; list-style: none; display: flex; justify-content: space-between; gap: 1rem; }
.vw-faq summary::-webkit-details-marker { display: none; }
.vw-faq summary::after { content: "+"; font-size: 1.4rem; line-height: 1; color: var(--wp--preset--color--petrol); }
.vw-faq details[open] summary::after { content: "–"; }
.vw-faq details > :not(summary) { padding: 0 1.2rem 1rem; margin: 0; color: var(--wp--preset--color--grijs); }

/* CTA-blok */
.vw-cta { border-radius: 14px; padding: clamp(2rem,5vw,3.5rem) !important; background: var(--wp--preset--color--petrol); }
.vw-cta h2, .vw-cta p { color: #fff; }
.vw-cta .wp-block-button__link { background: #fff; color: var(--wp--preset--color--inkt); }
.vw-cta .wp-block-button.is-style-outline .wp-block-button__link { background: transparent !important; color: #fff !important; border: 1.5px solid rgba(255,255,255,.6) !important; }
.wp-block-button.is-style-outline .wp-block-button__link { border: 1.5px solid var(--wp--preset--color--petrol) !important; background: transparent !important; color: var(--wp--preset--color--petrol) !important; padding: 14px 22px !important; }
.wp-block-button.is-style-outline .wp-block-button__link:hover { background: var(--wp--preset--color--salie) !important; }

/* [CONTROLEREN]-markering: standaard onopvallend; met ?controle=1 in de URL geel gemarkeerd (alleen bouwversie) */
body.sz-controle .vw-controle { color: #5A4500 !important; background: #FFF3C4; outline: 1px dashed #C9A300; padding: 0 .25rem; border-radius: 4px; }

/* Formulier */
.vw-form { display: grid; gap: 1rem; background: #fff; border: 1px solid var(--wp--preset--color--lijn); border-radius: var(--vw-radius); padding: 1.5rem; }
.vw-form label { display: grid; gap: .35rem; font-weight: 600; font-size: .95rem; }
.vw-form input, .vw-form select, .vw-form textarea { font: inherit; padding: .75rem .9rem; border: 1px solid #C4BCB0; border-radius: 10px; background: var(--wp--preset--color--zand); width: 100%; box-sizing: border-box; }
.vw-form input:focus, .vw-form select:focus, .vw-form textarea:focus { outline: 3px solid rgba(46,102,80,.25); border-color: var(--wp--preset--color--petrol); }
.vw-form .vw-twee { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.vw-form button { font: inherit; font-weight: 600; background: var(--wp--preset--color--koraal); color: #fff; border: 0; border-radius: 8px; padding: .9rem 1.5rem; cursor: pointer; justify-self: start; }
.vw-form button:hover { background: var(--wp--preset--color--inkt); }
.vw-form small { color: var(--wp--preset--color--grijs); font-weight: 400; }

/* Voet */
.vw-voet a { color: var(--wp--preset--color--zand); text-decoration: none; }
.vw-voet a:hover { color: #A9CDB5; }
.vw-voet-merk { display: flex; align-items: center; gap: .6rem; font-family: var(--wp--preset--font-family--kop); font-size: 1.4rem; font-weight: 600; }
.vw-lijst-kaal { list-style: none; padding: 0; } .vw-lijst-kaal li { margin-bottom: .4rem; }
.vw-voet-onder { border-top: 1px solid rgba(255,255,255,.14); padding-top: 1.25rem; margin-top: 2rem !important; color: #BCCAC1; }

@media (max-width: 781px) {
  .vw-form .vw-twee { grid-template-columns: 1fr; }
  .vw-hero { padding-top: 2.5rem !important; }
  .vw-melding { width: 70%; right: 3%; top: 7%; font-size: .82rem; padding: .65rem .8rem; }
}
:focus-visible { outline: 3px solid var(--wp--preset--color--koraal); outline-offset: 2px; }

/* Kop en inleiding van een sectie lijnen uit met de brede kolommen */
.vw-sectie > :not(.alignwide):not(.alignfull), .vw-hero > :not(.alignwide):not(.alignfull) { max-width: var(--wp--style--global--wide-size) !important; }
.vw-sectie > h2 { max-width: min(var(--wp--style--global--wide-size), 100%) !important; }
.vw-sectie > h2 { text-wrap: balance; }
.vw-sectie > .vw-lead, .vw-hero > .vw-lead { max-width: min(var(--wp--style--global--wide-size), 100%) !important; }
.vw-sectie > .vw-lead > *, .vw-lead { text-wrap: pretty; }
.vw-sectie > .vw-faq, .vw-sectie > .vw-tabel { }

/* ===== Uitbreiding v0.2 ===== */
.vw-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.vw-form .vw-akkoord { display: flex; gap: .6rem; align-items: flex-start; font-weight: 400; font-size: .92rem; }
.vw-form .vw-akkoord input { width: 1.15rem; height: 1.15rem; margin-top: .2rem; flex: none; accent-color: var(--wp--preset--color--petrol); }
.vw-form-fout { background: #FBE6E1; color: #8A2C17; border-radius: 10px; padding: .7rem .9rem; margin: 0; font-weight: 600; }
.vw-form-klein { font-size: .82rem; color: var(--wp--preset--color--grijs); margin: 0; }
.vw-form button[disabled] { opacity: .7; cursor: wait; }
.vw-form-kaart { box-shadow: var(--vw-schaduw); }

/* Rekenhulp */
.vw-reken { background: #fff; border: 1px solid var(--wp--preset--color--lijn); border-radius: var(--vw-radius); padding: 1.5rem; box-shadow: var(--vw-schaduw); }
.vw-reken > label { font-weight: 700; display: block; margin-bottom: .6rem; }
.vw-reken-invoer { display: flex; align-items: stretch; gap: .5rem; margin-bottom: .8rem; }
.vw-reken-invoer input { font: inherit; font-size: 1.6rem; font-weight: 700; width: 7rem; text-align: center; border: 1px solid #C4BCB0; border-radius: 12px; background: var(--wp--preset--color--zand); }
.vw-reken-invoer button { font: inherit; font-size: 1.4rem; width: 3rem; border-radius: 12px; border: 1px solid var(--wp--preset--color--lijn); background: var(--wp--preset--color--salie); cursor: pointer; color: var(--wp--preset--color--inkt); }
.vw-reken-schuif { width: 100%; accent-color: var(--wp--preset--color--petrol); }
.vw-reken-uit { display: grid; grid-template-columns: repeat(2, 1fr); gap: .75rem; margin: 1.2rem 0 .8rem; }
.vw-reken-uit div { background: var(--wp--preset--color--zand); border-radius: 12px; padding: .8rem; }
.vw-reken-uit dt { font-size: .8rem; color: var(--wp--preset--color--grijs); }
.vw-reken-uit dd { margin: .2rem 0 0; font-family: var(--wp--preset--font-family--kop); font-size: 1.5rem; font-weight: 600; color: var(--wp--preset--color--petrol); }
.vw-reken-noot { font-size: .85rem; color: var(--wp--preset--color--grijs); margin: 0; }

/* Prijskaarten */
.vw-prijs { font-family: var(--wp--preset--font-family--kop); font-size: clamp(2.4rem, 5vw, 3.4rem); font-weight: 600; line-height: 1; color: var(--wp--preset--color--petrol); margin: .4rem 0 .2rem !important; }
.vw-prijs small { font-family: var(--wp--preset--font-family--tekst); font-size: 1rem; font-weight: 500; color: var(--wp--preset--color--grijs); }
.vw-kaart-uitgelicht { border: 2px solid var(--wp--preset--color--petrol) !important; position: relative; }
.vw-label { display: inline-block; background: var(--wp--preset--color--koraal); color: #fff; font-size: .75rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; padding: .25rem .6rem; border-radius: 6px; }

/* Vertrouwensbalk */
.vw-vertrouwen { display: flex; flex-wrap: wrap; gap: .6rem 2rem; justify-content: space-between; align-items: center; padding: 1.1rem 0; border-top: 1px solid var(--wp--preset--color--lijn); border-bottom: 1px solid var(--wp--preset--color--lijn); margin: 0; list-style: none; }
.vw-vertrouwen li { display: flex; gap: .55rem; align-items: center; font-weight: 600; font-size: .95rem; color: var(--wp--preset--color--inkt); }
.vw-vertrouwen svg { width: 22px; height: 22px; stroke: var(--wp--preset--color--petrol); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; }

/* Cijferblok (alleen feitelijke instellingen) */
.vw-cijfers { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.vw-cijfers div { border-left: 3px solid #A9CDB5; padding-left: 1rem; }
.vw-cijfers b { display: block; font-family: var(--wp--preset--font-family--kop); font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 600; line-height: 1.1; color: #fff; }
.vw-cijfers span { color: #CCDAD1; font-size: .95rem; }
@media (max-width: 781px) { .vw-cijfers { grid-template-columns: 1fr 1fr; } .vw-reken-uit { grid-template-columns: 1fr 1fr; } }

/* Mobiele belbalk */
.vw-belbalk { display: none; }
@media (max-width: 781px) {
  .vw-belbalk { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--wp--preset--color--lijn); }
  .vw-belbalk a { text-align: center; padding: 12px; border-radius: 8px; font-weight: 600; text-decoration: none; border: 1.5px solid var(--wp--preset--color--inkt); color: var(--wp--preset--color--inkt); font-size: .9375rem; }
  .vw-belbalk a.vw-belbalk-hoofd { background: var(--wp--preset--color--koraal); border-color: var(--wp--preset--color--koraal); color: #fff; }
  body { padding-bottom: 68px; }
}

/* Cookiemelding */
.vw-cookie { position: fixed; z-index: 70; left: 16px; right: 16px; bottom: 16px; max-width: 520px; background: #fff; border-radius: 18px; box-shadow: 0 20px 50px rgba(22,48,42,.25); padding: 1.1rem 1.2rem; font-size: .92rem; }
.vw-cookie[hidden] { display: none; }
.vw-cookie p { margin: 0 0 .8rem; }
.vw-cookie div { display: flex; gap: .5rem; justify-content: flex-end; }
.vw-cookie button { font: inherit; font-weight: 700; border-radius: 8px; padding: .6rem 1.1rem; border: 2px solid var(--wp--preset--color--petrol); background: var(--wp--preset--color--petrol); color: #fff; cursor: pointer; }
.vw-cookie .vw-cookie-nee { background: transparent; color: var(--wp--preset--color--petrol); }
@media (max-width: 781px) { .vw-cookie { bottom: 86px; } }

/* Knop als link */
.vw-knop { display: inline-block; background: var(--wp--preset--color--koraal); color: #fff !important; padding: .9375rem 1.5rem; border-radius: 8px; font-weight: 600; text-decoration: none; }
.vw-knop:hover { background: var(--wp--preset--color--inkt); }

/* Kruimelpad */
.vw-kruimel { font-size: .85rem; color: var(--wp--preset--color--grijs); }
.vw-kruimel a { color: var(--wp--preset--color--grijs); }

/* Kennisbank */
.vw-artikel { max-width: 720px; margin-inline: auto; }
.vw-artikel h2 { font-size: clamp(1.5rem, 3vw, 1.9rem) !important; margin-top: 2.2rem; }
.vw-artikel h3 { font-size: 1.3rem !important; margin-top: 1.6rem; }
.vw-artikel p, .vw-artikel li { font-size: 1.08rem; }
.vw-artikel-kop { padding-top: var(--wp--preset--spacing--50) !important; }
.vw-artikel-kop .wp-block-post-title { font-size: var(--wp--preset--font-size--xxl); max-width: 22em; }
.vw-artikel-meta { color: var(--wp--preset--color--grijs); font-size: .92rem; display: flex; gap: .6rem; align-items: center; }
.vw-artikel .wp-block-post-featured-image img, .vw-uitgelicht img { border-radius: var(--vw-radius); }
.vw-kader { background: var(--wp--preset--color--salie); border-radius: var(--vw-radius); padding: 1.3rem 1.5rem !important; }
.vw-kader > :first-child { margin-top: 0; }
.vw-kader p:last-child { margin-bottom: 0; }
.vw-berichten .wp-block-post { background: #fff; border: 1px solid var(--wp--preset--color--lijn); border-radius: var(--vw-radius); overflow: hidden; display: flex; flex-direction: column; transition: transform .2s, box-shadow .2s; }
.vw-berichten .wp-block-post:hover { transform: translateY(-3px); box-shadow: var(--vw-schaduw); }
.vw-berichten .wp-block-post-featured-image { margin: 0; }
.vw-berichten .wp-block-post-featured-image img { aspect-ratio: 3/2; object-fit: cover; width: 100%; }
.vw-berichten .wp-block-post-title { font-size: 1.3rem; padding: 0 1.2rem; margin-top: 1rem; }
.vw-berichten .wp-block-post-title a { text-decoration: none; color: var(--wp--preset--color--inkt); }
.vw-berichten .wp-block-post-excerpt { padding: 0 1.2rem 1.2rem; color: var(--wp--preset--color--grijs); font-size: .95rem; }
.vw-berichten .wp-block-post-excerpt__more-text { display: none; }
.vw-gerelateerd a { font-weight: 600; }

/* Foto's in hero gelijk houden */
.vw-hero .vw-foto img { aspect-ratio: 4/3.2; }
.vw-foto.vw-product img { object-fit: contain; background: #fff; }

/* Toegankelijkheid: links in lopende tekst onderstrepen */
.wp-block-post-content p a, .wp-block-post-content li a, .vw-voet-onder a, .vw-voet p a { text-decoration: underline; text-underline-offset: .18em; }
.vw-voet-onder a { color: #E8F0EA !important; }


/* =====================================================================
   Zorg-redesign v0.4 (22-10-2026): klinisch-rustig, IBM Plex Sans/Mono
   Klassen z-*; helpers: z-dt = alleen desktop, z-mb = alleen mobiel
   ===================================================================== */
:root {
  --z-alarm-vlak: #FBEDEC; --z-alarm-tekst: #8E1F18; --z-alarm-diep: #5A2420;
  --z-warn-vlak: #FBF4EA; --z-warn-rand: #E8C9A0; --z-warn-tekst: #7A4A12;
  --z-knoprand: #C9D4CE; --z-streep: #A9B8B0; --z-top-tekst: #E8F0EA;
}
body { font-size: 1rem; line-height: 1.6; }
.z-mono { font-family: var(--wp--preset--font-family--mono); }
.z-in { max-width: 1176px; margin-inline: auto !important; width: 100%; box-sizing: border-box; }
.z-mb, .z-mb-blok { display: none !important; }

/* Kop en bovenbalk */
.z-kopwrap { margin: 0 !important; padding: 0 var(--vw-gutter); box-sizing: border-box; }
.wp-site-blocks > .z-kopwrap, .wp-site-blocks > .z-voet { margin-inline: calc(-1 * var(--vw-gutter)) !important; }
.z-kopwrap > *, .z-voet > * { margin-block: 0 !important; }
.z-top { background: var(--wp--preset--color--inkt); color: var(--z-top-tekst); font-size: 13px; line-height: 1.5; margin-inline: calc(-1 * var(--vw-gutter)); padding-inline: var(--vw-gutter); }
.z-top-in { padding-block: 8px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; }
.z-top-links { display: flex; gap: 20px; }
.z-top a { color: var(--z-top-tekst); }
.z-top a:hover { color: #fff; }
.z-kop { margin-inline: calc(-1 * var(--vw-gutter)); padding-inline: var(--vw-gutter); }
.z-kop-in { padding-block: 18px; gap: 16px; }
.z-merk { gap: 10px; font-size: 20px; font-weight: 600; letter-spacing: -.01em; }
.z-merk-vlak { width: 34px; height: 34px; border-radius: 9px; background: var(--wp--preset--color--petrol); display: flex; align-items: center; justify-content: center; flex: none; }
.z-merk-vlak svg { width: 20px; height: 20px; }
.z-kop .wp-block-navigation { font-size: 15px; }
.z-kop .wp-block-navigation .wp-block-navigation-item__content { color: var(--wp--preset--color--inkt); padding: 0; }
.z-kop .wp-block-navigation .wp-block-navigation-item.current-menu-item > a:not(.wp-block-navigation-item__content *) { }
.z-kop .wp-block-navigation li.current-menu-item:not(.vw-nav-knop) > a { color: var(--wp--preset--color--petrol); font-weight: 600; }
.z-kop .wp-block-navigation .vw-nav-knop .wp-block-navigation-item__content { color: #fff; padding: 11px 18px; font-size: 15px; line-height: 1.5; }
.wp-block-navigation__responsive-container-open { width: 44px; height: 44px; border: 1px solid var(--wp--preset--color--lijn); border-radius: 8px; background: #fff; align-items: center; justify-content: center; color: var(--wp--preset--color--inkt); }
.wp-block-navigation__responsive-container-open svg { width: 22px; height: 22px; }
.wp-block-navigation__responsive-container.is-menu-open { background: #fff !important; color: var(--wp--preset--color--inkt) !important; padding: 20px var(--vw-gutter) 32px; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close { top: 14px; right: 20px; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 4px; font-size: 1.125rem; align-items: stretch; width: 100%; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { display: block; padding: 12px 0; min-height: 44px; box-sizing: border-box; border-bottom: 1px solid var(--wp--preset--color--mist); }
.wp-block-navigation__responsive-container.is-menu-open .vw-nav-knop .wp-block-navigation-item__content { margin-top: 12px; text-align: center; border-bottom: 0; padding: 14px 18px; }

.z-kop .is-menu-open .wp-block-navigation__responsive-container-content { align-items: stretch !important; justify-content: flex-start; padding-top: 24px; }
.z-kop .is-menu-open .wp-block-navigation__container { align-items: stretch !important; width: 100%; }
.z-kop .is-menu-open .wp-block-navigation-item { width: 100%; align-items: stretch !important; }
.z-kop .is-menu-open .wp-block-navigation-item__content { text-align: left; }
.z-kop .is-menu-open .vw-nav-knop .wp-block-navigation-item__content { text-align: center; }

/* Sectie-opbouw */
.wp-block-post-content > .z-sec { margin-block: 0 !important; }
.vw-main .alignfull.z-sec { padding-inline: var(--vw-gutter); box-sizing: border-box; }
.z-sec > *, .z-in > * { margin-block: 0; }
.z-p88 { padding-block: 88px; }
.z-p80 { padding-block: 80px; }
.z-p72 { padding-block: 72px; }
.z-p64 { padding-block: 64px; }
.z-hero { padding-block: 72px 80px; }
.z-hero-zo { padding-block: 64px; }
.z-bg-licht { background: var(--wp--preset--color--zand); }
.z-bg-salie { background: var(--wp--preset--color--salie); }
.z-bg-donker { background: var(--wp--preset--color--inkt); color: #fff; }
.z-balk-sec { padding-block: 26px; border-bottom: 1px solid var(--wp--preset--color--mist); }
.z-stapel-36, .z-stapel-32, .z-stapel-28, .z-stapel-24, .z-stapel-18, .z-stapel-16, .z-kop-blok { display: flex; flex-direction: column; }
.z-stapel-36 { gap: 36px; } .z-stapel-32 { gap: 32px; } .z-stapel-28 { gap: 28px; } .z-stapel-24 { gap: 24px; } .z-stapel-18 { gap: 18px; } .z-stapel-16 { gap: 16px; }
.z-kop-blok { gap: 12px; max-width: 760px; }
.z-kop-blok > *, .z-stapel-36 > *, .z-stapel-32 > *, .z-stapel-28 > *, .z-stapel-24 > *, .z-stapel-18 > *, .z-stapel-16 > *, .z-hero-tekst > *, .z-cta-tekst > * { margin: 0 !important; }
.z-split { display: flex; flex-wrap: wrap; gap: 56px; align-items: center; }
.z-split-l { flex: 1 1 460px; min-width: 0; }
.z-split-r { flex: 1 1 440px; min-width: 0; }
.z-twee { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px; }
.z-twee.z-gap40 { gap: 40px; } .z-twee.z-gap24 { gap: 24px; }

/* Koppen en tekst */
.z-h1, .z-h2, .z-h3 { margin: 0; font-weight: 600; }
.z-h1 { font-size: 52px; line-height: 1.08; letter-spacing: -.02em; }
.z-h1-46 { font-size: 46px; line-height: 1.1; }
.z-h2 { font-size: 36px; line-height: 1.2; letter-spacing: -.01em; }
.z-h2-34 { font-size: 34px; } .z-h2-32 { font-size: 32px; } .z-h2-30 { font-size: 30px; }
.z-h3 { font-size: 24px; line-height: 1.25; letter-spacing: 0; }
.z-bg-donker .z-h1, .z-bg-donker .z-h2 { color: #fff; }
.z-lead { font-size: 19px !important; line-height: 1.6; color: var(--wp--preset--color--grijs); max-width: 560px; margin: 0; }
.z-lead-18 { font-size: 18px !important; max-width: 600px; }
.z-tekst-17 { font-size: 17px; line-height: 1.65; color: var(--wp--preset--color--grijs); }
.z-bg-salie .z-tekst-17 { color: #2F423B; line-height: 1.6; }
.z-tekst-16 { font-size: 16px; line-height: 1.65; color: var(--wp--preset--color--grijs); }
.z-zacht, .z-zacht-15 { color: var(--wp--preset--color--gedempt); }
.z-zacht-15 { font-size: 15px; }
.z-link { font-weight: 600; }
.z-hero .vw-kicker, .z-hero .z-h1 { max-width: none; }

/* Knoppen */
.z-knoppen { gap: 12px; }
.z-knoppen .wp-block-button__link { font-size: 16px; line-height: 1.5; }
.z-bg-salie .wp-block-button.is-style-outline .wp-block-button__link, .z-cta .wp-block-button.is-style-outline .wp-block-button__link { color: var(--wp--preset--color--inkt) !important; border-color: var(--wp--preset--color--inkt) !important; }
.z-bg-salie .wp-block-button.is-style-outline .wp-block-button__link:hover { background: rgba(255,255,255,.55) !important; }
.z-cta-rij { display: flex; flex-wrap: wrap; gap: 32px; align-items: center; justify-content: space-between; }
.z-cta-tekst { flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.z-cta-donker .z-cta-rij { gap: 24px; }
.z-cta-donker .z-cta-rij > .z-h2 { flex: 1 1 480px; }

/* Hero */
.z-hero-grid { display: flex; flex-wrap: wrap; gap: 56px; align-items: center; }
.z-hero-grid.z-gap48 { gap: 48px; }
.z-hero-tekst { flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 22px; }
.z-hero-zo .z-hero-tekst { flex-basis: 560px; gap: 18px; }
.z-hero-paneel { flex: 1 1 480px; min-width: 0; }
.z-hero-zo .z-hero-paneel { flex-basis: 380px; }
.z-vinkjes { margin: 6px 0 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 24px; font-size: 15px; color: var(--wp--preset--color--grijs); }
.z-vinkjes li { display: flex; gap: 8px; align-items: center; margin: 0; }
.z-vinkjes svg { flex: none; }

/* Meldingsweergave (voorbeeld, fictief) */
.z-paneel { background: #fff; border: 1px solid var(--wp--preset--color--lijn); border-radius: 14px; overflow: hidden; box-shadow: 0 18px 40px rgba(22,48,42,.10); }
.z-paneel-kop { background: var(--wp--preset--color--inkt); color: #fff; padding: 14px 20px; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.z-paneel-titel { font-weight: 600; }
.z-paneel-tijd { font-size: 13px; color: var(--wp--preset--color--munt); }
.z-paneel-body { padding: 18px 20px; display: flex; flex-direction: column; gap: 14px; }
.z-melding { border: 1.5px solid var(--wp--preset--color--alarm); background: var(--z-alarm-vlak); border-radius: 10px; padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; }
.z-melding-kop { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.z-melding-titel { display: flex; align-items: center; gap: 8px; font-weight: 700; color: var(--z-alarm-tekst); }
.z-stip { width: 10px; height: 10px; border-radius: 50%; background: var(--wp--preset--color--alarm); flex: none; }
.z-melding-bev { font-size: 12px; color: var(--z-alarm-tekst); }
.z-melding-tekst { font-size: 14px; color: var(--z-alarm-diep); }
.z-melding-acties { display: flex; gap: 8px; }
.z-pb { flex: 1; text-align: center; border-radius: 7px; padding: 10px; font-weight: 600; font-size: 14px; line-height: 1.5; cursor: default; user-select: none; }
.z-pb-ja { background: var(--wp--preset--color--petrol); color: #fff; }
.z-pb-nee { background: #fff; color: var(--wp--preset--color--inkt); border: 1px solid var(--z-knoprand); }
.z-kamers { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; font-size: 13px; }
.z-kamer { border: 1px solid var(--wp--preset--color--lijn); border-radius: 8px; padding: 10px; line-height: 1.5; display: flex; flex-direction: column; }
.z-kamer b { font-weight: 600; }
.z-kamer .z-ok { color: var(--wp--preset--color--petrol); }
.z-kamer .z-zacht { color: var(--wp--preset--color--gedempt); }
.z-kamer-val { border: 1.5px solid var(--wp--preset--color--alarm); background: var(--z-alarm-vlak); }
.z-kamer-val span { color: var(--z-alarm-tekst); font-weight: 600; }
.z-kamer-let { border-color: var(--z-warn-rand); background: var(--z-warn-vlak); }
.z-kamer-let span { color: var(--z-warn-tekst); }
.z-onderschrift { font-size: 12px; color: var(--wp--preset--color--gedempt); line-height: 1.5; }

/* Vertrouwensbalk */
.z-vertrouwen { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; font-size: 15px; }
.z-vertrouwen > div, .z-vertrouwen-mb > div { display: flex; flex-direction: column; gap: 4px; }
.z-vertrouwen b, .z-vertrouwen-mb b { font-weight: 600; }
.z-vertrouwen span, .z-vertrouwen-mb span { color: var(--wp--preset--color--gedempt); }

/* Zorgsectoren */
.z-sectoren { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.z-sector { border: 1px solid var(--wp--preset--color--lijn); border-radius: 12px; padding: 24px; display: flex; flex-direction: column; gap: 10px; text-decoration: none; color: var(--wp--preset--color--inkt); transition: border-color .15s, box-shadow .15s; }
.z-sector:hover { border-color: var(--wp--preset--color--petrol); box-shadow: 0 6px 18px rgba(22,48,42,.08); color: var(--wp--preset--color--inkt); }
.z-sector-titel { font-weight: 600; font-size: 18px; }
.z-sector-tekst { color: var(--wp--preset--color--grijs); font-size: 15px; line-height: 1.55; }
.z-sector-link { color: var(--wp--preset--color--petrol); font-weight: 600; font-size: 15px; }

/* Stappen in de nachtdienst */
.z-stappen { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 22px; }
.z-stappen li { display: flex; gap: 16px; margin: 0; }
.z-nr { color: var(--wp--preset--color--munt); font-size: 15px; min-width: 28px; }
.z-stap-tekst { display: flex; flex-direction: column; gap: 4px; }
.z-stap-tekst b { font-weight: 600; font-size: 18px; }
.z-stap-tekst span { color: var(--wp--preset--color--nevel); font-size: 16px; line-height: 1.55; }
.z-foto img { width: 100%; max-width: 100%; object-fit: cover; border-radius: 14px; display: block; box-shadow: none; }
.z-foto { margin: 0; }
.z-foto-440 img { height: 440px; } .z-foto-340 img { height: 340px; }

/* Tabellen (instellingen, specificaties) */
.z-tabel { display: flex; flex-direction: column; border: 1px solid var(--wp--preset--color--lijn); border-radius: 12px; overflow: hidden; align-self: start; }
.z-tabel-wit { background: #fff; font-size: 15px; }
.z-rij { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); padding: 16px 20px; border-bottom: 1px solid var(--wp--preset--color--mist); font-size: 15px; gap: 12px; }
.z-rij:last-child { border-bottom: 0; }
.z-rij-k { font-weight: 600; }
.z-rij-v { color: var(--wp--preset--color--grijs); }
.z-rij-spec { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); padding: 14px 20px; }
.z-rij-spec .z-rij-v { font-family: inherit; }
.z-rij-spec .z-rij-v.z-mono { font-family: var(--wp--preset--font-family--mono); }

/* Kaarten privacy / Wzd */
.z-kaart-w { background: #fff; border: 1px solid var(--wp--preset--color--lijn); border-radius: 12px; padding: 32px; display: flex; flex-direction: column; gap: 14px; }
.z-kaart-w > * { margin: 0 !important; }

/* Implementatie */
.z-fases { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.z-fase { border-top: 3px solid var(--wp--preset--color--petrol); padding-top: 18px; display: flex; flex-direction: column; gap: 8px; }
.z-fase-t { font-size: 13px; color: var(--wp--preset--color--petrol); }
.z-fase b { font-weight: 600; font-size: 18px; }
.z-fase > span:last-child { color: var(--wp--preset--color--grijs); font-size: 15px; line-height: 1.55; }
.z-case { border: 1px dashed var(--z-streep); border-radius: 12px; padding: 28px 32px; display: flex; flex-wrap: wrap; gap: 24px; align-items: center; justify-content: space-between; }
.z-case-t { display: flex; flex-direction: column; gap: 6px; }
.z-case-t b { font-weight: 600; font-size: 18px; }
.z-case-t span { color: var(--wp--preset--color--gedempt); font-size: 15px; }
.z-case a { color: var(--wp--preset--color--petrol); font-weight: 600; }

/* Voor zorgorganisaties */
.z-rollen { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.z-rol { border: 1px solid var(--wp--preset--color--lijn); border-radius: 12px; padding: 28px; display: flex; flex-direction: column; gap: 14px; }
.z-rol-l { font-size: 13px; color: var(--wp--preset--color--petrol); }
.z-rol h3 { margin: 0; font-size: 21px; font-weight: 600; line-height: 1.25; letter-spacing: 0; }
.z-rol ul { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 8px; font-size: 15px; line-height: 1.55; color: var(--wp--preset--color--grijs); }
.z-checklist { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; font-size: 15px; }
.z-checklist li { display: flex; justify-content: space-between; gap: 16px; border: 1px solid var(--wp--preset--color--lijn); border-radius: 10px; padding: 14px 18px; margin: 0; }
.z-faq-rij { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.z-faq-rij .wp-block-details { background: #fff; border: 1px solid var(--wp--preset--color--lijn); border-radius: 10px; padding: 18px 20px; margin: 0; }
.z-faq-rij summary { font-weight: 600; cursor: pointer; }
.z-faq-rij .wp-block-details > p { margin: 12px 0 0; color: var(--wp--preset--color--grijs); line-height: 1.6; }

/* Voet */
.z-voet { background: var(--wp--preset--color--inkt); color: var(--wp--preset--color--nevel); font-size: 14px; padding-block: 48px 40px; padding-inline: var(--vw-gutter); margin-block: 0 !important; box-sizing: border-box; }
.z-voet a { color: var(--wp--preset--color--nevel); text-decoration: underline; text-underline-offset: .18em; }
.z-voet a:hover { color: #fff; }
.z-voet-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
.z-voet-kol { display: flex; flex-direction: column; gap: 8px; }
.z-voet-merk { color: #fff; font-weight: 600; font-size: 17px; }
.z-voet-kop { color: #fff; font-weight: 600; }
.z-voet .vw-voet-onder { margin-top: 32px !important; font-size: 13px !important; line-height: 1.6; }

/* Cookiemelding en belbalk volgen het nieuwe ontwerp */
.vw-cookie { border-radius: 12px; }

/* Tablet */
@media (max-width: 1100px) {
  .z-h1 { font-size: 44px; } .z-h1-46 { font-size: 40px; }
  .z-sectoren, .z-fases, .z-vertrouwen { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .z-voet-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .z-rollen { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .z-twee { grid-template-columns: 1fr; gap: 32px; }
  .z-faq-rij { grid-template-columns: 1fr; }
}
/* Menu: tussen 600 en 900 px ook het uitklapmenu gebruiken (zeven items passen daar niet naast het merk) */
@media (min-width: 600px) and (max-width: 900px) {
  .z-kop .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none; }
  .z-kop .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
}

/* Mobiel (zoals Mobiel.dc.html, 390 px) */
@media (max-width: 781px) {
  .z-dt, .z-dt-sec { display: none !important; }
  .z-mb { display: revert !important; }
  .z-mb-blok { display: grid !important; }
  .z-p88, .z-p80, .z-p72, .z-p64 { padding-block: 44px; }
  .z-hero, .z-hero-zo { padding-block: 32px 36px; }
  .z-balk-sec { padding-block: 22px; }
  .z-cta { padding-block: 40px; }
  .z-kop-in { padding-block: 14px; }
  .z-merk { font-size: 18px; gap: 8px; }
  .z-merk-vlak { width: 30px; height: 30px; border-radius: 8px; } .z-merk-vlak svg { width: 18px; height: 18px; }
  .z-h1, .z-h1-46 { font-size: 32px; line-height: 1.12; letter-spacing: -.01em; }
  .z-h2, .z-h2-34, .z-h2-32 { font-size: 26px; line-height: 1.2; }
  .z-cta .z-h2 { font-size: 24px; }
  .z-h2-30 { font-size: 24px; }
  .vw-kicker { font-size: 12px !important; }
  .z-lead, .z-lead-18 { font-size: 16px !important; }
  .z-hero-grid, .z-hero-grid.z-gap48 { gap: 16px; }
  .z-hero-tekst { gap: 16px; flex-basis: 100%; }
  .z-hero-paneel, .z-hero-zo .z-hero-paneel { flex-basis: 100%; margin-top: 6px; }
  .z-knoppen { flex-direction: column; align-items: stretch; gap: 16px; }
  .z-knoppen .wp-block-button, .z-knoppen .wp-block-button__link { width: 100%; box-sizing: border-box; text-align: center; }
  .z-knoppen .wp-block-button__link { padding: 15px !important; }
  .z-knoppen .is-style-outline .wp-block-button__link { padding: 14px !important; }
  .z-cta-rij { gap: 14px; }
  .z-cta-tekst { flex-basis: 100%; }
  .z-paneel { border-radius: 12px; }
  .z-paneel-kop { padding: 10px 14px; font-size: 14px; }
  .z-paneel-body { padding: 12px 14px; gap: 10px; }
  .z-melding { border-radius: 8px; padding: 12px; gap: 8px; }
  .z-melding-titel { font-size: 15px; } .z-stip { width: 9px; height: 9px; }
  .z-pb { padding: 12px; font-size: 15px; }
  .z-onderschrift { font-size: 11px; }
  .z-vertrouwen-mb { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; font-size: 14px; }
  .z-vertrouwen-mb > div { gap: 2px; }
  .z-stapel-36 { gap: 16px; }
  .z-sectoren { grid-template-columns: 1fr; gap: 16px; }
  .z-sector { flex-direction: row; justify-content: space-between; align-items: center; padding: 16px 18px; border-radius: 10px; min-height: 44px; box-sizing: border-box; }
  .z-sector-titel { font-size: 16px; }
  .z-pijl { color: var(--wp--preset--color--petrol); }
  .z-split { gap: 20px; } .z-split-l { flex-basis: 100%; gap: 20px; } .z-split-r { flex-basis: 100%; }
  .z-stappen { gap: 20px; } .z-stappen li { gap: 12px; }
  .z-stap-tekst b { font-size: 16px; } .z-stap-tekst span { font-size: 15px; }
  .z-foto-440 img { height: 220px; border-radius: 12px; } .z-foto-340 img { height: 220px; border-radius: 12px; }
  .z-twee { gap: 14px; }
  .z-stapel-18 { gap: 14px; }
  .z-rij { display: flex; justify-content: space-between; padding: 12px 14px; font-size: 14px; border-radius: 0; }
  .z-tabel { border-radius: 10px; }
  .z-rij-spec { display: grid; grid-template-columns: 1fr; gap: 2px; }
  .z-kaart-w { padding: 22px; gap: 10px; border-radius: 12px; }
  .z-kaart-w .z-h3 { font-size: 20px; }
  .z-kaart-w .z-tekst-16 { font-size: 15px; line-height: 1.6; }
  .z-kaart-w .vw-kicker { font-size: 12px !important; }
  .z-bg-licht.z-p88 .z-twee { gap: 14px; }
  .z-rol { padding: 22px; }
  .z-checklist li { flex-direction: column; gap: 4px; }
  .z-faq-rij { gap: 12px; }
  .z-voet { padding: 32px var(--vw-gutter) 100px; }
  .z-voet-grid { grid-template-columns: 1fr; gap: 8px; }
  .z-voet .vw-voet-onder { margin-top: 20px !important; }
  .z-top { display: none; }
  .z-nav-impl { display: none; }
}