/* Dummy's: socials van Van Dijk Advies (neutrale postvorm, geen merken) */

/* tekstpost met foto */
.vdp-li{width:540px}
.vdp-li .dm-post-kop b{grid-column:2;grid-row:1}
.vdp-li .dm-post-kop small{grid-column:2;grid-row:2}
.vdp-li .dm-post-kop .punten{grid-column:3;grid-row:1/3}
.vdp-li-beeld{width:100%;height:420px;object-fit:cover;object-position:50% 30%}
.vdp-li-tel{display:flex;align-items:center;gap:8px;padding:10px 18px;font-size:13px;color:#666}
.vdp-li-tel span{display:flex}
.vdp-li-tel i{width:16px;height:16px;border-radius:50%;background:var(--vd-oker);border:2px solid #fff;display:block}
.vdp-li-tel i + i{background:var(--vd-groen);margin-left:-6px}

/* vierkante en staande posts */
.vdp-ig{width:420px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px rgba(20,35,61,.10),0 30px 60px rgba(20,35,61,.12);color:#1d2226}
.vdp-kop{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px 14px}
.vdp-kop .av{width:34px;height:34px;border-radius:50%;background:var(--vd-groen);color:var(--vd-zand);display:grid;place-items:center;font:italic 500 14px/1 var(--vd-serif);box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--vd-oker)}
.vdp-kop div{display:grid;gap:1px;font-size:13px}
.vdp-kop small{font-size:11.5px;color:#777}
.vdp-kop .punten{color:#666;letter-spacing:1px}
.vdp-vlak{width:420px;height:420px;position:relative;overflow:hidden}
.vdp-vlak.vdp-staand{height:525px}
.vdp-voet{display:flex;gap:16px;padding:12px 14px 6px}
.vdp-voet .ic{width:22px;height:22px;display:block;background:no-repeat center/22px}
.vdp-voet .hart{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z'/%3E%3C/svg%3E")}
.vdp-voet .bel{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M4 12a8 8 0 1 1 3.5 6.6L4 20l1.3-3.4A8 8 0 0 1 4 12z'/%3E%3C/svg%3E")}
.vdp-voet .deel{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M21 4 3 11l7 2 2 7z'/%3E%3C/svg%3E")}
.vdp-voet .bewaar{margin-left:auto;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M6 4h12v16l-6-4-6 4z'/%3E%3C/svg%3E")}
.vdp-bijschrift{padding:4px 14px 14px;font-size:13.5px;line-height:1.45}

/* statement */
.vdp-statement{background:var(--vd-groen);display:grid;align-content:space-between;padding:38px 36px 30px}
.vdp-statement p{font:italic 300 40px/1.08 var(--vd-serif);color:var(--vd-zand);letter-spacing:-.015em}
.vdp-statement .vd-logo{color:#D9B687}
.vdp-statement .vd-logo i{background:#D9B687;color:var(--vd-groen)}

/* tip-lijst */
.vdp-lijst{background:var(--vd-zand);padding:34px 34px 30px;display:grid;align-content:center;gap:14px}
.vdp-lijst h4{font-size:31px;line-height:1.08;font-weight:400}
.vdp-lijst ol{list-style:none;counter-reset:t;margin:10px 0 0;padding:0;display:grid;gap:0}
.vdp-lijst li{counter-increment:t;display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:baseline;padding:13px 0;border-top:1px solid var(--vd-lijn);font:500 16px/1.35 var(--vd-sans);color:var(--vd-inkt)}
.vdp-lijst li::before{content:counter(t);font:italic 400 24px/1 var(--vd-serif);color:var(--vd-oker-2)}

/* foto met tekst */
.vdp-foto img{width:100%;height:100%;object-fit:cover}
.vdp-foto p{position:absolute;left:0;right:0;bottom:0;background:var(--vd-groen);color:var(--vd-zand);padding:20px 24px 22px;font:400 24px/1.2 var(--vd-serif)}
.vdp-foto p em{display:block;font-style:italic;color:#E6CBA4}
.vdp-boven p{top:0;bottom:auto;background:none;background:linear-gradient(rgba(20,32,28,.62),transparent);padding:22px 24px 60px;font-size:22px}
.vdp-boven img{object-position:50% 50%}

/* quote met portret */
.vdp-quote{display:grid;grid-template-columns:1fr 1fr;background:var(--vd-zand)}
.vdp-quote img{width:100%;height:420px;object-fit:cover;object-position:50% 25%}
.vdp-quote div{padding:28px 22px;display:grid;align-content:center;gap:14px}
.vdp-quote p{font:italic 400 24px/1.2 var(--vd-serif);color:var(--vd-groen)}
.vdp-quote span{font:600 11px/1 var(--vd-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--vd-oker-2)}

/* raster van zes */
.vdp-raster{width:1200px;display:grid;grid-template-columns:repeat(3,1fr);gap:44px;align-items:start}
.vdp-kolom{display:grid;gap:44px}
.vdp-kolom.omlaag{margin-top:80px}