.b-huwelijk{--b-huwelijk-p:clamp(96px,calc(11*var(--vw)),150px)}
.b-huwelijk__midden{text-align:center;margin-inline:auto}
.b-huwelijk__midden .b-label{margin-inline:auto}
.b-huwelijk__midden.b-knoppen{justify-content:center}
.b-huwelijk .b-kopgroep{max-width:52rem;margin-inline:auto}
.b-huwelijk .b-lead{max-width:44rem;margin-inline:auto}
.b-huwelijk__slot{margin:2.2rem 0 0;text-align:center;font:500 1.15rem/1.4 var(--font-kop);color:var(--goud)}
.b-huwelijk__slot b{color:var(--oranje)}
.b-huwelijk__portret{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;width:var(--b-huwelijk-p)}
.b-huwelijk__kader{display:block;width:var(--b-huwelijk-p);height:var(--b-huwelijk-p);border-radius:50%;overflow:hidden;box-shadow:0 0 0 4px #fff,0 0 0 7px var(--oranje),var(--schaduw-kaart)}
.b-huwelijk__portret img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.1) translateY(-5%)}
.b-huwelijk__portret figcaption{margin-top:.9rem;font-size:.85rem;line-height:1.35}
.b-huwelijk__portret figcaption b{display:block;font:700 .95rem/1.25 var(--font-kop);color:inherit}
.b-huwelijk__portret figcaption span{display:block;color:var(--ant-zacht)}
.b-huwelijk__logo{margin:0 auto 1rem;height:clamp(64px,calc(7*var(--vw)),88px);display:flex;align-items:center;justify-content:center}
.b-huwelijk__logo img{height:100%;width:auto;display:block}
.b-huwelijk__logo--bresser{background:#fff;border-radius:12px;padding:.55rem .9rem;width:max-content}
.b-huwelijk__fam{margin:0 0 1.4rem}
.b-huwelijk__ringen{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;margin-top:2.5rem}
.b-huwelijk__ring{display:flex;flex-direction:column;justify-content:center}
.b-huwelijk__knoop{align-self:center}
.b-huwelijk__ring{position:relative;border-radius:2rem;padding:2rem 1.5rem 1.8rem;text-align:center}
.b-huwelijk__ring--bresser{background:var(--bruin);color:#fff;border-radius:2rem 0 0 2rem}
.b-huwelijk__ring--brocken{background:#fff;color:var(--ant);border:2px solid var(--lijn);border-left:0;border-radius:0 2rem 2rem 0}
.b-huwelijk__fam{margin:0 0 1.4rem;font:700 1.1rem/1.2 var(--font-kop)}
.b-huwelijk__fam span{display:block;margin-top:.25rem;font:500 .8rem/1.3 var(--font-tekst);opacity:.75}
.b-huwelijk__paar{display:flex;justify-content:center;gap:clamp(1rem,calc(3*var(--vw)),2.5rem)}
.b-huwelijk__ring--bresser .b-huwelijk__kader{box-shadow:0 0 0 4px var(--bruin),0 0 0 7px var(--oranje)}
.b-huwelijk__ring--bresser .b-huwelijk__portret figcaption span{color:rgba(255,255,255,.72)}
.b-huwelijk__knoop{position:relative;z-index:2;width:clamp(96px,calc(9*var(--vw)),124px);aspect-ratio:1;border-radius:50%;background:var(--oranje);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-inline:calc(clamp(96px,calc(9*var(--vw)),124px) / -2);box-shadow:0 0 0 6px #fff,var(--schaduw)}
.b-huwelijk__en{font:800 2.6rem/1 var(--font-kop)}
.b-huwelijk__sinds{font:600 .68rem/1.1 var(--font-kop);text-transform:uppercase;letter-spacing:.06em;margin-top:.25rem;text-align:center;padding-inline:.5rem}
@media (max-width:760px){
.b-huwelijk__ringen{grid-template-columns:1fr}
.b-huwelijk__ring--bresser{border-radius:2rem 2rem 0 0}
.b-huwelijk__ring--brocken{border-radius:0 0 2rem 2rem;border-left:2px solid var(--lijn);border-top:0}
.b-huwelijk__knoop{margin:calc(clamp(96px,calc(9*var(--vw)),124px) / -2) auto;justify-self:center}
.b-huwelijk__ring--bresser{padding-bottom:calc(clamp(96px,calc(9*var(--vw)),124px) / 2 + 1.6rem)}
.b-huwelijk__ring--brocken{padding-top:calc(clamp(96px,calc(9*var(--vw)),124px) / 2 + 1.6rem)}
}