/* Dummy's: brief per post en de aanmeldpagina (aanvulling Adressen verzamelen) */
.vdb{width:640px;position:relative;padding:0 0 40px 40px}
.vdb-envelop{position:absolute;left:0;bottom:0;width:560px;height:300px;background:#F3EEE4;border-radius:4px;box-shadow:0 30px 60px rgba(20,35,61,.14),inset 0 0 0 1px rgba(0,0,0,.04);transform:rotate(-4deg)}
.vdb-venster{position:absolute;left:40px;top:120px;width:220px;height:70px;border-radius:3px;background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.vdb-porto{position:absolute;right:26px;top:22px;font:700 10px/1.2 var(--getypt);letter-spacing:.08em;color:#8A8274;border:1px solid #C9C0B0;padding:8px 10px}
.vdb-vel{position:relative;width:560px;background:#fff;padding:44px 50px 46px;display:grid;gap:12px;font-size:14.5px;line-height:1.6;color:var(--vd-inkt);box-shadow:0 2px 0 rgba(0,0,0,.02),0 40px 80px rgba(20,35,61,.16);transform:rotate(1.2deg)}
.vdb-kop{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid var(--vd-lijn);margin-bottom:6px}
.vdb-kop p{font-size:11.5px;line-height:1.5;color:var(--vd-grijs);text-align:right}
.vdb-aan{font-size:13px;color:var(--vd-grijs)}
.vdb-datum{font-size:13px;color:var(--vd-grijs);text-align:right;margin-top:-4px}
.vdb-aanhef{font:400 19px/1.3 var(--vd-serif);color:var(--vd-groen);margin-top:6px}
.vdb-code{display:grid;grid-template-columns:116px 1fr;gap:20px;align-items:center;background:var(--vd-zand);border-radius:8px;padding:16px;margin:6px 0}
.vdb-qr{width:116px;height:116px;display:block}
.vdb-code div{display:grid;gap:5px}
.vdb-code b{font:500 20px/1.2 var(--vd-serif);color:var(--vd-groen)}
.vdb-code span{font-size:13px;color:var(--vd-grijs);line-height:1.45}
.vdb-code em{font-style:normal;font:700 12px/1 var(--getypt);color:var(--vd-oker-2);margin-top:4px}
.vdb-groet{margin-top:4px}
.vdb-handtekening{font:italic 400 30px/1 var(--vd-serif);color:var(--vd-groen)}
.vdb-naam{font-size:12.5px;color:var(--vd-grijs)}

.vdb-land{flex:1;display:flex;flex-direction:column;gap:14px;padding:12px 22px 30px}
.vdb-land img{width:100%;height:170px;object-fit:cover;object-position:50% 35%;border-radius:12px}
.vdb-land h5{font:400 30px/1.1 var(--vd-serif);color:var(--vd-groen);letter-spacing:-.01em;margin:4px 0 0}
.vdb-land > p{font-size:15px;line-height:1.55;color:var(--vd-grijs)}
.vdb-veld{display:grid;gap:6px;background:#fff;border:1.5px solid var(--vd-groen);border-radius:12px;padding:12px 14px}
.vdb-veld span{font-size:12px;color:var(--vd-grijs)}
.vdb-veld b{font-weight:500;font-size:16px;color:var(--vd-inkt)}
.vdb-vink{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:13px;line-height:1.5;color:var(--vd-inkt)}
.vdb-vink i{width:22px;height:22px;border-radius:6px;background:var(--vd-groen) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='m6 11 3.5 3.5L16 8' fill='none' stroke='%23F5F1EA' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/22px no-repeat}
.vdb-knop{justify-content:center;padding:16px;font-size:15px;margin-top:2px}
.vdb-klein{font-size:11.5px;color:var(--vd-grijs-2);text-align:center}

/* kopbeeld van de aanvullingspagina */
.aanv-beeld{background:linear-gradient(160deg,#E9E4DA,#DCD5C8);display:grid;place-items:center;padding:clamp(28px,4vw,56px)}
.aanv-comp{position:relative;width:min(100%,640px);padding-bottom:4%}
.aanv-comp .aanv-brief{width:84%}
.aanv-comp .aanv-tel{position:absolute;right:0;bottom:0;width:34%;filter:drop-shadow(0 30px 40px rgba(20,35,61,.2))}