/* Aviso legal pagina */
body.pagina-legal{line-height:1.75}
.legal-wrap{max-width:860px;margin:0 auto;padding:0 32px}
.legal-wrap h1{max-width:26ch;margin:0 auto}
.legal-wrap h2{font-size:1.2rem;margin:48px 0 16px;color:var(--goud);font-weight:600}
.legal-wrap h3{font-size:1rem;margin:32px 0 10px;color:#1c1b18}
/* overflow-wrap: de handtekeningregel van streepjes in de privacyverklaring is
   een aaneengesloten reeks tekens; zonder dit duwt hij de pagina op de telefoon
   82px breder dan het scherm. De tekst zelf blijft ongewijzigd. */
.legal-wrap p{margin-bottom:15px;color:var(--zacht);font-size:.95rem;overflow-wrap:anywhere}
.legal-wrap h4{font-size:.95rem;margin:24px 0 8px;color:#1c1b18;font-weight:600}

/* Opsommingen en tabellen die bij de omzetting vanuit Word waren ingeklapt tot
   doorlopende tekst. De woorden zijn niet gewijzigd; alleen de structuur die
   Word wel had en de omzetting kwijtraakte, staat er weer in. */
.legal-wrap ul.legal-lijst,
.legal-wrap ol.legal-lijst{margin:0 0 15px 22px;padding:0;color:var(--zacht);font-size:.95rem}
.legal-wrap ul.legal-lijst li,
.legal-wrap ol.legal-lijst li{margin-bottom:10px;overflow-wrap:anywhere}

/* De omhullende div mag schuiven op een smal scherm; de tabel zelf blijft een
   echte tabel, zodat schermlezers de kolomkoppen bij de cellen houden. */
.legal-wrap .legal-tabel-rol{overflow-x:auto;margin:0 0 24px}
.legal-wrap .legal-tabel{width:100%;border-collapse:collapse;min-width:520px;
  font-size:.85rem;color:var(--zacht)}
.legal-wrap .legal-tabel th,
.legal-wrap .legal-tabel td{border:1px solid #e2ded6;padding:9px 12px;text-align:left;vertical-align:top}
.legal-wrap .legal-tabel th{background:#f6f4f0;color:#1c1b18;font-weight:600;white-space:nowrap}
.legal-wrap .legal-tabel td[colspan]{text-align:center;color:#6d6960}

/* Plaats en datum onderaan het aviso legal: een ondertekening, geen kop. */
.legal-wrap .legal-datum{margin-top:48px;color:#1c1b18;font-weight:600}
