/* Ervaringenpagina - bouwt voort op datarecup-modern.css en datarecup-home.css */

.dr-ervaringen #elheader{height:auto}

/* Kop met score */
.dr-ervaringen .dr-erv__kop{display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:40px;align-items:end;margin-bottom:44px}
.dr-ervaringen .dr-erv__score{display:grid;justify-items:end;text-align:right;
  padding:0 0 6px 32px;border-left:1px solid var(--line,rgba(23,40,155,.13))}
.dr-ervaringen .dr-erv__score b{font-family:'Archivo',sans-serif;font-weight:800;
  font-size:clamp(48px,6vw,68px);line-height:.95;letter-spacing:-.03em;color:var(--blue,#17289B)}
.dr-ervaringen .dr-erv__score-of{font-family:'Archivo',sans-serif;font-weight:700;font-size:16px;
  color:var(--ink,#1A1D2E);margin-top:6px}
.dr-ervaringen .dr-erv__score-n{font-size:14px;color:var(--muted,#5B6078)}

/* Citaten */
.dr-ervaringen .dr-erv__citaat{margin:0;background:#fff;
  border:1px solid var(--line,rgba(23,40,155,.13));border-top:3px solid var(--blue,#17289B);
  border-radius:0 0 16px 16px;padding:28px 30px 26px;display:flex;flex-direction:column}
.dr-ervaringen .dr-erv__drager{font-family:'Archivo',sans-serif;font-weight:700;font-size:16px;
  color:var(--blue,#17289B);margin:0 0 14px;line-height:1.3}
.dr-ervaringen .dr-erv__citaat blockquote{margin:0 0 20px;flex:1}
.dr-ervaringen .dr-erv__citaat blockquote p{font-size:16px;line-height:1.7;
  color:var(--ink,#1A1D2E);margin:0 0 12px}
.dr-ervaringen .dr-erv__citaat blockquote p:last-child{margin-bottom:0}
.dr-ervaringen .dr-erv__citaat figcaption{font-size:14px;color:var(--muted,#5B6078);
  padding-top:14px;border-top:1px solid var(--line,rgba(23,40,155,.13))}

/* De eerste groot, met een zichtbaar aanhalingsteken */
.dr-ervaringen .dr-erv__citaat--groot{position:relative;padding:40px 44px 34px 44px;margin-bottom:24px}
.dr-ervaringen .dr-erv__citaat--groot blockquote p{
  font-family:'Archivo',sans-serif;font-weight:500;font-size:clamp(19px,2.1vw,23px);
  line-height:1.5;letter-spacing:-.005em;max-width:46em}
.dr-ervaringen .dr-erv__citaat--groot::before{content:"\201C";position:absolute;right:34px;top:6px;
  font-family:Georgia,serif;font-size:140px;line-height:1;color:rgba(23,40,155,.1)}

.dr-ervaringen .dr-erv__rooster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}

/* Afsluiter */
.dr-ervaringen .dr-erv__slot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center}
.dr-ervaringen .dr-erv__acties{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.dr-ervaringen .dr-erv__tel{font-family:'Archivo',sans-serif;font-weight:800;font-size:22px;
  color:var(--blue,#17289B);text-decoration:none;letter-spacing:-.01em}

@media (max-width:860px){
  .dr-ervaringen .dr-erv__kop,
  .dr-ervaringen .dr-erv__slot{grid-template-columns:1fr;gap:24px}
  .dr-ervaringen .dr-erv__score{justify-items:start;text-align:left;padding:18px 0 0;
    border-left:0;border-top:1px solid var(--line,rgba(23,40,155,.13))}
  .dr-ervaringen .dr-erv__rooster{grid-template-columns:1fr}
  .dr-ervaringen .dr-erv__citaat--groot{padding:30px 24px 26px}
  .dr-ervaringen .dr-erv__citaat--groot::before{font-size:100px;right:18px}
}