/* Wunschbrunnen – gemeinsame Stilbasis für eigenständige Rechtsseiten (App-Datenschutz etc.) */
@font-face{font-family:'Fraunces';font-style:normal;font-weight:300 600;font-display:swap;src:url(/fonts/fraunces.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/inter.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono.woff2) format('woff2')}

:root{
  --abyss:#081823; --deep:#0c2533; --mid:#143b50;
  --shimmer:#5bd1d7; --shimmer-dim:#3ba7ad; --coin:#e7b96a;
  --surface:#eef3f3; --ink:#0d2330; --ink-soft:#4a6472; --mist:#92aeba;
  --line-light:rgba(13,35,48,.12);
  --display:"Fraunces",Georgia,serif;
  --body:"Inter",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
  --maxw:760px; --pad:clamp(20px,5vw,40px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--body);background:var(--surface);color:var(--ink);
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--shimmer-dim)}
a:hover{color:var(--mid)}
img{max-width:100%;display:block}

/* Kopfleiste */
.legal-head{background:var(--abyss);color:#eef5f5}
.legal-head__in{max-width:var(--maxw);margin:0 auto;padding:1rem var(--pad);
  display:flex;align-items:center;gap:.7rem}
.legal-head__mark{width:30px;height:30px;flex:none}
.legal-head__brand{font-family:var(--display);font-weight:500;font-size:1.15rem;letter-spacing:-.01em;color:#eef5f5;text-decoration:none}
.legal-head__crumb{margin-left:auto;font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--shimmer)}

/* Inhalt */
.legal-wrap{max-width:var(--maxw);margin:0 auto;padding:clamp(2rem,6vw,3.5rem) var(--pad) 4rem}
.legal-wrap h1{font-family:var(--display);font-weight:400;font-size:clamp(1.8rem,5vw,2.6rem);
  letter-spacing:-.015em;line-height:1.1;margin:0 0 .4rem}
.legal-wrap h2{font-family:var(--display);font-weight:500;font-size:1.3rem;letter-spacing:-.01em;
  margin:2.4rem 0 .6rem;padding-top:1.4rem;border-top:1px solid var(--line-light)}
.legal-wrap h2:first-of-type{border-top:none;padding-top:0}
.legal-wrap p,.legal-wrap li{color:var(--ink);max-width:66ch}
.legal-wrap ul{padding-left:1.2rem}
.legal-wrap li{margin:.3rem 0}
.legal-meta{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;color:var(--ink-soft);margin:0 0 2rem}

/* Entwurfs-/Platzhalter-Hinweise */
.legal-draft{background:#fff7e6;border:1px solid var(--coin);border-radius:12px;
  padding:1rem 1.1rem;margin:0 0 2rem;font-size:.95rem}
.legal-draft strong{color:#8a5a12}
.q{background:rgba(231,185,106,.22);border-bottom:1px dashed var(--coin);padding:0 .15em;border-radius:3px}

/* Fußzeile */
.legal-foot{border-top:1px solid var(--line-light);margin-top:3rem;padding-top:1.4rem;
  font-size:.85rem;color:var(--ink-soft);display:flex;gap:1.2rem;flex-wrap:wrap}
.legal-foot a{color:var(--ink-soft)}
.legal-foot a:hover{color:var(--mid)}