/* Contactpagina: foto en tekst links, formulier blijft rechts staan terwijl de tekst scrolt */
.ct-w{width:min(1160px,calc(100% - 40px));margin-inline:auto}
.ct-kop{padding:60px 0 28px;border-bottom:1px solid #dfe5e6}
.ct-kop h1{margin:0;font-weight:600;letter-spacing:-.02em;color:#233f50;font-size:clamp(2rem,4vw,3rem);line-height:1.12}
.ct-grid{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:0 56px;align-items:start;padding:36px 0 72px}
.ct-grid>.contact-photo{grid-column:1;grid-row:1;margin:0}
.contact-photo img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:4/3;object-fit:cover;object-position:50% 12%;border-radius:18px}
.ct-zij{grid-column:2;grid-row:1/span 2;position:sticky;top:96px}
.ct-zij .contact-direct{white-space:normal}
.ct-delen{grid-column:1;grid-row:2;padding-top:12px}
.ct-deel{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;padding:32px 0;border-bottom:1px solid #dfe5e6}
.ct-deel:last-child{border-bottom:0}
.ct-deel h2,.ct-deel h3{margin:0;font-size:1.25rem;font-weight:600;color:#233f50;line-height:1.25}
.ct-deel p{margin:0 0 .9rem;color:#4b6170;line-height:1.7;font-size:.98rem}
.ct-deel p:last-child{margin-bottom:0}
.ct-deel p strong{color:#233f50;font-weight:600}
.ct-deel p a{color:#377c9d}
.ct-deel .rooster{margin-bottom:.9rem}
.rooster p{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;margin:0;padding:10px 0;border-top:1px solid #dfe5e6;font-size:.94rem;line-height:1.5}
.rooster p:first-child{border-top:0;padding-top:0}
.rooster span:first-child{font-weight:600;color:#233f50;text-transform:capitalize}
/* Te weinig schermhoogte voor het hele formulier: dan scrolt het gewoon mee */
@media(max-height:640px){.ct-zij{position:static}}
@media(max-width:1000px){
  .ct-grid{grid-template-columns:minmax(0,1fr);gap:24px 0}
  .ct-grid>.contact-photo,.ct-zij,.ct-delen{grid-column:1;grid-row:auto}
  .ct-zij{position:static}
  .contact-photo img{aspect-ratio:3/2}
}
@media(max-width:700px){
  .ct-kop{padding:36px 0 20px}
  .ct-grid{padding:24px 0 56px}
  .contact-photo img{aspect-ratio:1}
  .ct-deel{grid-template-columns:minmax(0,1fr);gap:10px;padding:24px 0}
}
