/* --- Rechtsseiten: Typografie fuer Fliesstext, baut auf den Tokens der Landingpage auf --- */
.reveal{opacity:1;transform:none}
.legal-hero{background:var(--ink);padding:150px 0 60px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.legal-hero::after{content:"";position:absolute;inset:0;background:
  linear-gradient(105deg,transparent 0 42%,rgba(245,168,0,.07) 42% 43%,transparent 43%),
  linear-gradient(105deg,transparent 0 61%,rgba(245,168,0,.05) 61% 62%,transparent 62%);
  pointer-events:none}
.legal-hero .wrap{position:relative;z-index:1}
.legal-hero .eyebrow{display:inline-block;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;
  letter-spacing:.2em;font-size:13px;font-weight:600;color:var(--orange);margin-bottom:16px}
.legal-hero h1{font-size:clamp(44px,7vw,86px);color:#fff;font-weight:800;margin-bottom:20px}
.legal-lead{color:#A9B3BD;font-size:18px;max-width:640px;line-height:1.55}

.legal-body{background:var(--paper);color:var(--ink);padding:70px 0 90px}
/* Zeilenlaenge begrenzen, aber linksbuendig zur Hero-Ueberschrift bleiben */
.legal-wrap>*{max-width:820px}
.legal-meta{font-size:14px;color:var(--muted-dark);border-left:3px solid var(--orange);
  padding-left:14px;margin-bottom:44px}
.legal-wrap h2{font-size:clamp(24px,3.2vw,32px);margin:48px 0 16px;color:var(--ink);font-weight:700}
.legal-wrap h2:first-of-type{margin-top:0}
.legal-wrap p{font-size:16.5px;line-height:1.72;color:#3C4652;margin-bottom:16px}
.legal-wrap ul{margin:0 0 18px 0;padding-left:22px}
.legal-wrap li{font-size:16.5px;line-height:1.72;color:#3C4652;margin-bottom:8px}
.legal-wrap a{color:var(--amber);text-decoration:underline;text-underline-offset:3px;
  transition:color .2s}
.legal-wrap a:hover{color:var(--ink)}
.legal-wrap strong{color:var(--ink);font-weight:600}
.legal-callout{background:var(--card);border-left:3px solid var(--orange);
  padding:20px 22px;border-radius:0 6px 6px 0;margin:24px 0}
.legal-callout p{margin:0}
.legal-cta{margin-top:56px;padding-top:34px;border-top:1px solid var(--line-dark);
  display:flex;flex-wrap:wrap;align-items:center;gap:18px;justify-content:space-between}
.legal-cta p{margin:0;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;
  font-size:21px;font-weight:700;color:var(--ink)}
@media(max-width:760px){
  .legal-hero{padding:120px 0 46px}
  .legal-body{padding:52px 0 66px}
  .legal-wrap h2{margin:38px 0 14px}
}