/* ==========================================================================
   Privacy policy (eigendom: bouwer praktische pagina's)
   Lange juridische tekst in .tekstpagina, met een inhoudsopgave bovenaan.
   ========================================================================== */

/* de H1 is lang: zelfde maat als de andere binnenpagina's, maar smaller gezet */
.privacy-titel { max-width: 835px; margin-inline: auto; text-wrap: balance; }

/* inhoudsopgave: grijs vlak in de witte kaart */
.privacy-inhoud { margin-bottom: 40px; padding: 28px 32px; background: var(--grond); border-radius: var(--r-kaart); }
.lopende-tekst > .privacy-inhoud + * { margin-top: 0; }
.privacy-inhoud__kop {
  font: 500 12px/1.5 var(--font); text-transform: uppercase; letter-spacing: 0.05em; color: var(--rood);
}
.lopende-tekst .privacy-inhoud__lijst {
  margin-top: 12px; padding-left: 0; counter-reset: inhoud;
  columns: 2; column-gap: 32px;
}
.lopende-tekst .privacy-inhoud__lijst li + li { margin-top: 0; }
.privacy-inhoud__lijst li { counter-increment: inhoud; display: flex; gap: 8px; padding: 2px 0; break-inside: avoid; }
.privacy-inhoud__lijst li::before { content: counter(inhoud) '.'; flex: none; min-width: 18px; color: var(--tekst-zacht); font-variant-numeric: tabular-nums; }
.lopende-tekst .privacy-inhoud a { color: var(--zwart); text-decoration: none; border-radius: 4px; transition: color var(--duur) var(--ease); }
.lopende-tekst .privacy-inhoud a:hover { color: var(--rood); text-decoration: underline; text-underline-offset: 3px; }

/* contactgegevens: een blok zonder witregels ertussen */
.privacy-adres { font-style: normal; }
.privacy-adres p + p { margin-top: 0; }

@media (max-width: 767px) {
  .privacy-inhoud { margin-bottom: 32px; padding: 20px; }
  .lopende-tekst .privacy-inhoud__lijst { columns: 1; margin-top: 4px; }
  .privacy-inhoud__lijst li { align-items: center; min-height: 44px; padding: 0; }   /* tikdoel */
  .privacy-inhoud__lijst a { padding: 10px 0; }
}