/* Rechtstexte der Produkte (Datenschutz und Nutzungsbedingungen je App). Feste dunkle Darstellung wie die Produktseite, Tokens aus theme.css.
   Zusammen mit frame.css (Kopf- und Fußzeile). */
body.legal-page{margin:0;background:var(--bg-canvas);color:var(--fg-1);font:400 1.0625rem/1.65 "DM Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.legal-page *{box-sizing:border-box}
.legal-page :focus-visible{outline:2px solid var(--teal-ink);outline-offset:3px}
.lp a{color:var(--link);text-underline-offset:3px;overflow-wrap:anywhere}
.lp a:hover{color:var(--link-hover)}
.lp{max-width:780px;padding-block:clamp(40px,6vw,88px) clamp(56px,8vw,112px);margin-inline:max(clamp(20px,4vw,48px),calc((100% - 1200px)/2))}
.lp-tag{font:600 .75rem/1.4 "DM Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-ink);margin:0 0 14px}
.lp h1{font:300 clamp(2.25rem,5vw,3.5rem)/1.05 "Newsreader",Georgia,serif;letter-spacing:-.02em;margin:0 0 12px;hyphens:auto}
.lp-meta{color:var(--fg-2);font-size:.9375rem;margin:0 0 32px}
.lp-meta span{color:var(--teal-ink)}
.lang-toggle{display:flex;gap:8px;margin:0 0 40px}
.lang-btn{min-height:44px;padding:0 18px;background:transparent;border:1px solid var(--border-strong);border-radius:6px;color:var(--fg-2);font:500 .9375rem "DM Sans",sans-serif;cursor:pointer}
.lang-btn.active{background:var(--teal-ink);border-color:var(--teal-ink);color:var(--bg-canvas)}
.lang-btn:hover:not(.active){color:var(--fg-1);border-color:var(--fg-2)}
[data-lang]{display:none}
[data-lang].visible{display:block}
.highlight-box{background:var(--bg-tint);border:1px solid var(--border);border-left:3px solid var(--c-teal);border-radius:6px;padding:18px 22px;margin:0 0 32px}
.highlight-box p{color:var(--fg-1);font-size:1rem;margin:0}
.highlight-box strong{color:var(--teal-ink);font-weight:600}
.lp .section{border-top:1px solid var(--border);padding-top:8px;margin-bottom:24px}
.lp .divider{display:none}
.lp h2{font:400 clamp(1.35rem,2vw,1.7rem)/1.2 "Newsreader",Georgia,serif;margin:20px 0 14px}
.lp h3{font:500 1.05rem/1.3 "DM Sans",sans-serif;color:var(--fg-1);margin:24px 0 8px}
.lp p,.lp li{color:var(--fg-2);margin:0 0 12px;max-width:70ch}
.lp ul,.lp ol{padding-left:1.2em;margin:0 0 16px}
.lp li{margin-bottom:6px}
.lp strong{color:var(--fg-1);font-weight:600}