html,body{margin:0;background:#050914;font-family:'IBM Plex Sans',system-ui,sans-serif;overflow-x:hidden}
  a{color:#6DE3FF;text-decoration:none}
  a:hover{color:#a6efff}
  a:focus-visible,button:focus-visible{outline:2px solid #6DE3FF;outline-offset:3px;border-radius:4px}
  @media (prefers-reduced-motion: reduce){*{transition:none !important;animation:none !important}}


/* hover states -- gleiche Nummerierung wie in den anderen Seiten-Stylesheets */
.legal-h1:hover{color:#6DE3FF !important}
.legal-h2:hover{background:rgba(109,227,255,.09) !important}

/* Fließtext der Rechtsseiten. Der Inhalt kommt als reiner Text aus den
   Einstellungen, die Struktur macht das Template -- hier steht nur, wie sie
   aussieht. Eine Spalte mit Lesebreite statt der 1680px des Canvas. */
.mb-legal{max-width:860px}
.mb-legal h2{
  margin:36px 0 12px;font-size:20px;font-weight:600;letter-spacing:-.01em;color:#F2F6FA;
  padding-top:20px;border-top:1px solid rgba(109,227,255,.10);
}
.mb-legal h2:first-child{margin-top:0;padding-top:0;border-top:0}
.mb-legal p{margin:0 0 14px;font-size:15.5px;line-height:1.7;color:#B6C2CF;text-wrap:pretty}
.mb-legal ul{margin:0 0 14px;padding-left:20px}
.mb-legal li{margin-bottom:6px;font-size:15.5px;line-height:1.7;color:#B6C2CF}
.mb-legal a{color:#6DE3FF}
.mb-legal-empty{color:#A2AFBE}
.mb-legal .mono{font-family:'IBM Plex Mono',monospace;font-size:14px;color:#6DE3FF}