.legal-page{
  --bg:var(--kreide,#EEEEEA);
  --ink:var(--asphalt,#26282A);
  --ink-muted:var(--muted-on-light,#4C4F52);
  --focus:var(--asphalt,#26282A);
  background:var(--bg);
  color:var(--ink);
  padding-bottom:0;
}
.legal-page .site-header{
  background:var(--asphalt-2,#1C1E20);
  --bg:var(--asphalt-2,#1C1E20);
  --ink:var(--kreide,#EEEEEA);
  --ink-muted:var(--muted-on-dark,#A6A9AC);
  --focus:var(--orange,#EE6A1F);
  color:var(--ink);
}
.legal-page .site-header__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4,16px)}
.legal-page .legal-home{flex:none}
.legal-page .skip-link{--focus:var(--asphalt,#26282A)}

main.legal{
  box-sizing:content-box;
  max-width:72ch;
  margin-inline:auto;
  padding-block:calc(var(--header-h,72px) + var(--section-y,6rem)) var(--section-y,6rem);
  padding-inline:var(--margin,16px);
  font-family:var(--font-body,"Barlow",system-ui,sans-serif);
  font-size:var(--t-body,1.0625rem);
  line-height:1.55;
  hyphens:auto;
}
main.legal .wrap{width:auto;margin:0;padding:0}
main.legal h1{
  margin:0 0 var(--s-7,48px);
  font-family:var(--font-head,"Barlow Condensed",sans-serif);
  font-weight:800;
  font-size:var(--t-h2,clamp(2.4rem, 1.4rem + 4.2vw, 5.5rem));
  line-height:.95;
  letter-spacing:-.005em;
  hyphens:manual;
  overflow-wrap:break-word;
}
main.legal h2{
  margin:var(--s-7,48px) 0 var(--s-3,12px);
  padding-top:var(--s-4,16px);
  border-top:1px solid var(--line-on-light,rgba(38,40,42,.2));
  font-family:var(--font-head,"Barlow Condensed",sans-serif);
  font-weight:700;
  font-size:1.75rem;
  line-height:1.1;
  hyphens:manual;
  overflow-wrap:break-word;
}
main.legal p,main.legal ul{margin:0 0 var(--s-4,16px);max-width:64ch}
main.legal ul{padding-left:1.25em}
main.legal li{margin-bottom:var(--s-2,8px)}
main.legal li::marker{color:var(--ink-muted)}
main.legal a{
  color:inherit;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.18em;
  overflow-wrap:anywhere;
}
main.legal a:hover{text-decoration-thickness:2px}
.legal-page a:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:2px}

.legal-footer{
  background:var(--asphalt-2,#1C1E20);
  color:var(--kreide,#EEEEEA);
  padding-block:var(--s-6,32px) calc(var(--s-6,32px) + env(safe-area-inset-bottom));
  font-family:var(--font-body,"Barlow",system-ui,sans-serif);
  font-size:var(--t-small,.875rem);
  font-weight:500;
}
.legal-footer__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-4,16px)}
.legal-footer__links{display:flex;flex-wrap:wrap;gap:var(--s-2,8px) var(--s-5,24px);margin:0;padding:0;list-style:none}
.legal-footer__contact{flex-basis:100%;display:flex;flex-wrap:wrap;gap:0 var(--s-5,24px);margin:0;padding:0;list-style:none}
.legal-footer a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  color:inherit;
  text-decoration:underline;
  text-underline-offset:.2em;
}
.legal-footer a[aria-current="page"]{text-decoration-thickness:2px}
.legal-footer a:focus-visible{outline:3px solid var(--orange,#EE6A1F);outline-offset:3px}
.legal-footer p{margin:0;color:var(--muted-on-dark,#A6A9AC)}

@media (max-width:767px){
  main.legal{padding-top:calc(var(--header-h,60px) + var(--s-8,64px))}
  main.legal h2{font-size:1.5rem}
}
@media print{
  .legal-page .site-header,.legal-footer{display:none}
  main.legal{padding:0;max-width:none}
}