/* Informatiepagina's: dezelfde huisstijl, met een rustige leesindeling. */
.legal-page {background:#f3efe5}
.legal-page main {width:100%;max-width:100%;overflow-x:clip}
.legal-hero {padding:215px 0 64px;background:radial-gradient(ellipse at 90% 0%,#c9ab5c15,transparent 65%),#123d2b;color:#f3efe5}
.legal-breadcrumb {display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:12px;color:#d5d9ca;margin-bottom:34px}
.legal-breadcrumb a {text-decoration:underline;text-underline-offset:5px;text-decoration-color:#c9ab5c80}
.legal-hero h1 {max-width:1120px;font-size:clamp(40px,6vw,78px);line-height:1.08;margin:0 0 25px;letter-spacing:-.04em}
.legal-hero h1 em {color:#d7be7f;font-weight:400}
.legal-lead {max-width:660px;font-size:17px;color:#e0e3d8;line-height:1.85;margin:0}
.legal-meta {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-top:45px;padding-top:23px;border-top:1px solid #f3efe52e;font-size:12px;color:#d2d9ca}
.legal-print {border:1px solid #f3efe557;background:transparent;color:#f3efe5;border-radius:3px;cursor:pointer;font:inherit;padding:12px 18px;transition:background .2s,border-color .2s;min-height:44px}
.legal-print:hover {background:#f3efe510;border-color:#d7be7f}
.legal-layout {display:grid;grid-template-columns:230px minmax(0,1fr);gap:85px;padding-top:80px;padding-bottom:110px;align-items:start}
.legal-toc {position:sticky;top:165px;padding:0 24px 22px 0;border-right:1px solid #123d2b24;max-height:calc(100svh - 190px);overflow-y:auto}
.legal-toc h2 {font:600 12px 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-bottom:22px;color:#78622c}
.legal-toc a {display:block;font-size:13px;line-height:1.5;padding:9px 0;color:#596258;transition:color .2s}
.legal-toc a:hover,.legal-toc a[aria-current] {color:#123d2b;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#b0903d}
.legal-copy {min-width:0;max-width:790px}
.legal-summary {border-left:3px solid #b0903d;background:#e8e5d9;padding:25px 30px;margin-bottom:54px;font-size:15px;line-height:1.85;color:#394b3b}
.legal-summary p {margin:0}
.legal-summary strong {color:#123d2b}
.legal-section {scroll-margin-top:175px;padding:0 0 38px;margin-bottom:38px;border-bottom:1px solid #123d2b20}
.legal-section:last-child {margin-bottom:0}
.legal-section h2 {font-size:clamp(27px,2.8vw,35px);line-height:1.2;letter-spacing:-.025em;color:#123d2b;margin-bottom:21px}
.legal-section h3 {font:600 16px 'DM Sans',sans-serif;color:#123d2b;margin-top:28px;margin-bottom:12px}
.legal-section p,.legal-section li {font-size:16px;line-height:1.9;color:#4a554a}
.legal-section p:last-child {margin-bottom:0}
.legal-section a,.legal-summary a {text-decoration:underline;text-underline-offset:4px;text-decoration-color:#b0903d;overflow-wrap:anywhere}
.legal-section ul {padding-left:20px}
.legal-section li+li {margin-top:10px}
.legal-facts {margin:28px 0 0;border-top:1px solid #123d2b25}
.legal-facts>div {display:grid;grid-template-columns:170px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid #123d2b25}
.legal-facts dt {font-size:14px;font-weight:600;color:#123d2b}
.legal-facts dd {margin:0;font-size:14px;color:#52604e;line-height:1.8;overflow-wrap:anywhere}
.legal-contact {background:#e7e5d9;border-top:1px solid #123d2b15;padding:65px 0}
.legal-contact .wrap {display:flex;justify-content:space-between;align-items:center;gap:36px}
.legal-contact h2 {font-size:clamp(31px,3.4vw,44px);margin-bottom:16px;color:#123d2b}
.legal-contact p {color:#53604f;margin:0;max-width:540px}
.legal-contact .button {flex-shrink:0}
.legal-page .copyright {color:#b6c0ad}
@media(max-width:900px) {
  .legal-layout {grid-template-columns:180px minmax(0,1fr);gap:38px}
  .legal-facts>div {grid-template-columns:1fr;gap:7px}
}
@media(max-width:650px) {
  .legal-hero {padding:170px 0 45px}
  .legal-hero h1 {font-size:clamp(34px,8.8vw,49px)}
  .legal-lead {font-size:15px}
  .legal-breadcrumb {margin-bottom:28px;font-size:11px}
  .legal-layout {display:block;padding-top:38px;padding-bottom:65px}
  .legal-toc {position:static;max-height:none;border-right:0;border-bottom:1px solid #123d2b25;padding:0 0 25px;margin-bottom:35px}
  .legal-toc nav {display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
  .legal-toc h2 {margin-bottom:12px}
  .legal-toc a {font-size:12px;min-height:44px;display:flex;align-items:center}
  .legal-summary {padding:22px;margin-bottom:38px;font-size:14px}
  .legal-section {scroll-margin-top:110px;margin-bottom:30px;padding-bottom:30px}
  .legal-section p,.legal-section li {font-size:15px}
  .legal-contact .wrap {align-items:flex-start;flex-direction:column;gap:25px}
  .legal-contact {padding:48px 0}
}
@media(prefers-reduced-motion:no-preference) {
  .legal-hero h1 {animation:legal-enter .65s ease-out both}
  @keyframes legal-enter {from {opacity:0;transform:translateY(10px)} to {opacity:1;transform:none}}
}
@media print {
  @page {margin:18mm}
  html {scroll-behavior:auto}
  .legal-page {background:white;color:black;font-size:10pt}
  .legal-page .header,.legal-page .footer,.legal-page .skip,.legal-toc,.legal-print,.legal-breadcrumb,.legal-contact {display:none!important}
  .legal-page main {overflow:visible}
  .legal-hero {background:none;color:black;padding:0 0 20px;border-bottom:1px solid #999}
  .legal-hero h1 {font-size:30pt;color:black}
  .legal-hero h1 em,.legal-lead,.legal-meta {color:black}
  .legal-meta {margin-top:15px;padding-top:0;border:0}
  .legal-page .wrap {width:100%;max-width:none}
  .legal-layout {display:block;padding:25px 0 0}
  .legal-copy {max-width:none}
  .legal-summary {background:none;border:1px solid #777;padding:14px;margin-bottom:25px}
  .legal-section {padding-bottom:18px;margin-bottom:20px}
  .legal-section h2 {font-size:17pt;break-after:avoid}
  .legal-section p,.legal-section li {font-size:10pt;line-height:1.6;orphans:3;widows:3;color:black}
  .legal-section a {color:black}
  .legal-facts>div {break-inside:avoid}
}


/* Bewerkbaar cookieoverzicht, horizontaal leesbaar op kleinere schermen. */
.cookie-policy-table-wrap {
  margin:24px 0;
  overflow-x:auto;
  border:1px solid #123d2b26;
  border-radius:7px;
}
.cookie-policy-table {
  width:100%;
  min-width:660px;
  border-collapse:collapse;
  text-align:left;
  font-size:14px;
  line-height:1.65;
}
.cookie-policy-table caption {
  padding:16px 18px;
  text-align:left;
  color:var(--green);
  font-weight:600;
  background:#fffdf8;
}
.cookie-policy-table th, .cookie-policy-table td {
  padding:16px;
  vertical-align:top;
  border-top:1px solid #123d2b20;
}
.cookie-policy-table thead th {
  color:var(--cream);
  background:var(--green);
  font-weight:600;
}
.cookie-policy-table tbody th { width:24%; color:var(--green); font-weight:600; }
.cookie-policy-table tbody th span { display:block; margin-top:8px; color:#565d56; font-weight:400; font-size:12px; }
.cookie-policy-table code { overflow-wrap:anywhere; }
@media print {
  .cookie-policy-table-wrap { overflow:visible; }
  .cookie-policy-table { min-width:0; font-size:9pt; }
  .cookie-policy-table th, .cookie-policy-table td { padding:8px; }
  .cookie-policy-table thead th { color:black; background:white; }
}


/* Algemene voorwaarden: artikelmenu links naast de volledige tekst. */
@media(min-width:651px) {
  .terms-page .legal-layout {
    grid-template-columns:260px minmax(0,1fr);
    gap:60px;
    grid-template-areas:"toc copy";
  }
  .terms-page .legal-copy { grid-area:copy; }
  .terms-page .legal-toc {
    grid-area:toc;
    border-right:1px solid #123d2b24;
    border-left:0;
    padding:0 24px 22px 0;
  }
}
@media(min-width:651px) and (max-width:900px) {
  .terms-page .legal-layout { grid-template-columns:205px minmax(0,1fr); gap:28px; }
  .terms-page .legal-toc { padding-right:18px; }
}
@media(max-width:650px) {
  .terms-page .legal-toc nav { grid-template-columns:1fr; }
}
@media print {
  .terms-page .legal-layout { display:block; }
}