/* ===== Legal-Seiten – Typo + Außenkanten (einspaltig) ===== */
:root{
  --side:86px;
  --side-m:20px;
}

/* Außenkanten wie Concept */
.legal-page .wrap{
  padding-left:var(--side);
  padding-right:var(--side);
  padding-top:72px;
  padding-bottom:120px;
}
@media (max-width:768px){
  .legal-page .wrap{
    padding-left:var(--side-m);
    padding-right:var(--side-m);
  }
}

/* Typo wie Concept */
.legal-page h1, .legal-page h2, .legal-page h3, .legal-page h4, .legal-page h5, .legal-page h6{
  font-family:"Swear Display", serif !important;
  font-weight:400;
  font-synthesis:none;
  max-width:100%;
}
.legal-page p, .legal-page .copy, .legal-page li{
  font-family:"Swear Text", serif !important;
  font-weight:400;
  font-style:normal;
  font-synthesis:none;
}

/* Silbentrennung & Wortumbruch (lange Begriffe) */
.legal-page, .legal-page .wrap{
  word-break:normal;
  overflow-wrap:anywhere;
}
.legal-page h1, .legal-page h3, .legal-page .copy,
.legal-page .copy p, .legal-page .copy li{
  -webkit-hyphens:auto;
  hyphens:auto;
}

/* Headline-Größen 1:1 wie Concept */
.legal-page h1{
  font-size:140px;
  line-height:.92;
  letter-spacing:-.02em;
  margin:0 0 2rem;
}
.legal-page h3{
  font-size:32px;
  line-height:1.15;
  margin:2.5rem 0 1rem;
}
.legal-page .copy{
  line-height:1.65;
  margin:0 0 1.25rem;
}
.legal-page a.link{ text-decoration:underline; }

/* Listen spacing */
.legal-page ul{ padding-left:1.2em; margin:0 0 1.25rem; }
.legal-page li{ margin:0.25rem 0; }

/* Mobile Typo wie Concept */
@media (max-width:768px){
  .legal-page h1{
    font-size:80px;
    line-height:.95;
    letter-spacing:-.01em;
  }
  .legal-page h3{
    font-size: