.relation{padding:68px 0;background:#fff}.relation-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}.relation h2{font-size:clamp(31px,4vw,44px)}.relation-copy{border-left:5px solid var(--gold);padding-left:28px}.relation-copy p{color:var(--muted);font-size:18px;margin-top:0}.text-link{color:var(--red);font-weight:700;text-decoration:underline;text-underline-offset:3px}.trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.trust-row span{border:1px solid var(--line);padding:8px 12px;font-size:14px;font-weight:700}.connected{margin-top:30px;padding:22px;background:var(--soft);border-left:4px solid var(--gold)}.connected p{margin:5px 0 0}.site-link{color:var(--red);font-weight:700;text-decoration:underline;text-underline-offset:3px}@media(max-width:850px){.relation-grid{grid-template-columns:1fr;gap:25px}}
.relation-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 36px;background:#cbd6d3;border:1px solid #cbd6d3}.relation-flow>div{position:relative;padding:25px;background:#f7faf9}.relation-flow span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:13px;border-radius:50%;background:#174f48;color:#fff;font:700 15px Arial,sans-serif}.relation-flow b{font:700 21px/1.25 Georgia,serif;color:#153b36}.relation-flow p{margin:8px 0 0;font:15px/1.55 Arial,sans-serif;color:#52645f}.definition-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.definition-list>div{padding:18px;border-left:3px solid #a67c45;background:#f5f8f7}.definition-list h3{margin:0 0 8px;color:#173f3a}.definition-list p{margin:0}@media(max-width:760px){.relation-flow,.definition-list{grid-template-columns:1fr}}
/* Het aangeleverde witte beeldmerk vloeit op de lichte merksurface in de achtergrond. */
.db-mark{margin:0;max-width:470px;padding:16px 20px 14px;background:#f2f4f3;border-top:3px solid #a98145;box-shadow:0 18px 38px rgba(10,28,27,.10)}.db-mark a{display:block;color:inherit}.db-mark-image{display:block;overflow:hidden;aspect-ratio:1.55;background:#f2f4f3}.db-mark-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.16);mix-blend-mode:multiply}.db-mark figcaption{font:600 13px/1.5 Arial,sans-serif;letter-spacing:.02em;color:#3b5650;text-align:center;margin:1px auto 0;max-width:35ch}.db-mark a:focus-visible{outline:3px solid #a98145;outline-offset:4px}.db-mark--hero{justify-self:end;width:100%;align-self:center}.about-brand-hero .wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.75fr);align-items:center;gap:42px}.about-brand-hero h1{max-width:820px}.about-brand-hero p{max-width:740px}.db-mark--home{max-width:380px;margin-top:22px}.db-mark--aside{max-width:100%;margin-bottom:28px;padding:8px 12px 12px;box-shadow:none}.db-mark--aside figcaption{font-size:12px}.db-mark--appointment{max-width:310px;margin:12px 0 22px;box-shadow:none;padding:6px 10px;border-top-width:2px}@media(max-width:850px){.about-brand-hero .wrap{grid-template-columns:1fr;gap:28px}.db-mark--hero{justify-self:start;max-width:440px}}@media(max-width:520px){.db-mark{padding:10px 12px}.db-mark figcaption{font-size:12px}}