/* Dienstenpagina. Onder body.dr-diensten. */
.dr-diensten #elheader{height:auto}

.dr-diensten .dr-section__label{margin-top:8px}
.dr-diensten .dr-dienst__raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:0 0 34px}
.dr-diensten .dr-dienst__kaart{display:flex;flex-direction:column;gap:6px;background:#fff;text-decoration:none;color:inherit;
  border:1px solid var(--line,rgba(23,40,155,.13));border-top:3px solid var(--blue,#17289B);border-radius:0 0 14px 14px;
  padding:18px 20px;transition:box-shadow .15s,border-color .15s}
.dr-diensten .dr-dienst__kaart:hover{box-shadow:0 6px 20px rgba(23,40,155,.08);border-color:var(--blue,#17289B)}
.dr-diensten .dr-dienst__kaart:focus-visible{outline:2px solid var(--blue,#17289B);outline-offset:3px}
.dr-diensten .dr-dienst__naam{font-family:'Archivo',sans-serif;font-weight:700;font-size:18px;word-spacing:.12em;color:var(--ink,#1A1D2E)}
.dr-diensten .dr-dienst__kort{font-size:15px;line-height:1.5;color:var(--muted,#5B6078)}

.dr-diensten .dr-dienst{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:center;
  padding:44px 0;border-bottom:1px solid var(--line,rgba(23,40,155,.13));scroll-margin-top:90px}
.dr-diensten .dr-dienst:first-child{padding-top:8px}
.dr-diensten .dr-dienst:last-child{border-bottom:0}
.dr-diensten .dr-dienst--beeld{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
.dr-diensten .dr-dienst__tekst{max-width:68ch}
.dr-diensten .dr-dienst__groep{font-family:'Archivo',sans-serif;font-weight:700;font-size:15px;color:var(--blue,#17289B);margin:0 0 6px}
.dr-diensten .dr-dienst__kop{font-family:'Archivo','Syne',sans-serif;font-weight:700;font-size:clamp(24px,2.8vw,32px);
  letter-spacing:-.02em;word-spacing:.18em;line-height:1.15;color:var(--ink,#1A1D2E);margin:0 0 14px}
.dr-diensten .dr-dienst__tekst p{font-size:17px;line-height:1.7;color:var(--ink,#1A1D2E);margin:0 0 12px}
.dr-diensten .dr-dienst__punten{margin:4px 0 12px;padding:0;list-style:none;display:grid;gap:8px}
.dr-diensten .dr-dienst__punten li{position:relative;padding-left:24px;font-size:16px;line-height:1.55}
.dr-diensten .dr-dienst__punten li::before{content:"—";position:absolute;left:0;color:var(--blue,#17289B)}
.dr-diensten .dr-dienst__meer{font-weight:600;color:var(--blue,#17289B);text-decoration:none}
.dr-diensten .dr-dienst__meer:hover{text-decoration:underline;text-underline-offset:3px}
.dr-diensten .dr-dienst__beeld img{width:100%;height:auto;border-radius:14px;display:block}

.dr-diensten .dr-dienst__slot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
.dr-diensten .dr-dienst__acties{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.dr-diensten .dr-dienst__tel{font-family:'Archivo',sans-serif;font-weight:800;font-size:22px;color:var(--blue,#17289B);text-decoration:none}

@media (max-width:860px){
  .dr-diensten .dr-dienst--beeld,.dr-diensten .dr-dienst__slot{grid-template-columns:1fr;gap:24px}
  .dr-diensten .dr-dienst__beeld{order:-1}
}