.realisaties-projects { padding-block:36px 48px; }
.realisaties-projects h2 { color:#104d76; font-size:30px; line-height:1.2; margin-bottom:24px; letter-spacing:0; }
.realisaties-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.realisaties-card { border:1px solid #c9dbe3; border-radius:4px; overflow:hidden; min-width:0; }
.realisaties-card > a { display:flex; flex-direction:column; height:100%; color:#104d76; text-decoration:none; }
.realisaties-card figure { position:relative; flex:none; overflow:hidden; margin:0; height:270px; padding:12px 12px 36px; background:#f2f7f9; }
#site .realisaties-card figure img { display:block; width:100%; height:100%; max-height:100%; object-fit:contain; }
.realisaties-card figcaption { position:absolute; bottom:8px; left:12px; right:12px; text-align:center; font-size:12px; font-weight:600; line-height:1.4; color:#3d535e; }
.realisaties-card-copy { display:flex; flex-direction:column; flex:1; padding:22px; }
.realisaties-card .realisaties-place { color:#104d76; font-size:13px; font-weight:700; margin:0 0 10px; }
.realisaties-card h3 { color:#104d76; font-size:23px; line-height:1.25; margin:0 0 14px; letter-spacing:0; overflow-wrap:break-word; }
.realisaties-card p:not(.realisaties-place) { color:#3d535e; font-size:15px; line-height:1.6; margin:0 0 22px; }
.realisaties-card .textlink { align-self:flex-start; margin-top:auto; font-size:14px; line-height:1.5; font-weight:700; border-bottom:2px solid #00afd7; padding-bottom:6px; }
.realisaties-card > a:hover { background:#f8fbfc; }
.realisaties-card > a:focus-visible { outline:3px solid #104d76; outline-offset:-4px; }
.realisaties-context { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:24px; margin-block:36px; padding-block:28px; border-block:1px solid #c9dbe3; }
.realisaties-context h2 { color:#104d76; font-size:27px; line-height:1.25; margin:0 0 12px; letter-spacing:0; }
.realisaties-context p { color:#3d535e; font-size:16px; line-height:1.6; max-width:68ch; margin:0; }
.realisaties-context > a { color:#104d76; font-size:15px; line-height:1.5; max-width:260px; }
.realisaties-related h2 { color:#104d76; font-size:30px; line-height:1.2; margin-bottom:24px; letter-spacing:0; }
.realisaties-grid--related { grid-template-columns:repeat(2,minmax(0,1fr)); }
.realisaties-grid--related .realisaties-card figure { height:230px; }
.realisaties-service-links { display:flex; flex-wrap:wrap; gap:16px 24px; padding-top:24px; }
.realisaties-service-links a { color:#104d76; font-size:15px; line-height:1.5; text-underline-offset:4px; }
.realisaties-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; }
.site-appointment-float.realisaties-media-visible { visibility:hidden; pointer-events:none; }
@media(max-width:1000px) { .realisaties-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:660px) {
 .realisaties-grid, .realisaties-grid--related { grid-template-columns:1fr; }
 .realisaties-projects { padding-block:28px; }
 .realisaties-projects h2, .realisaties-related h2 { font-size:26px; }
 .realisaties-context { grid-template-columns:1fr; gap:18px; margin-block:28px; }
 .realisaties-context h2 { font-size:24px; }
 .realisaties-card figure { height:290px; }
 .realisaties-card h3 { font-size:22px; }
}

body[data-realisaties-case="true"] #site nav.breadcrumb[aria-label="Broodkruimelpad"]:not(.realisaties-breadcrumb) { display:none!important; }