/* Realova — Rechtsseiten (Impressum/Datenschutz/AGB/Beschwerde). Marken-Look,
   ruhige, gut lesbare Lang-Dokument-Typografie. Schriften via fonts.css. */
:root{
  --paper:#F7F5EF; --surface:#FFFFFF; --muted:#EFEDE6; --line:#E2DDCE;
  --green:#14532D; --green-deep:#0E3A1F; --green-tint:#E7EDE7; --brass:#8A5A00;
  --ink:#1A1A17; --ink-2:#5A5A52; --ink-3:#6B6960; --danger:#B3261E;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:"Hanken Grotesk", system-ui, sans-serif;
  font-size:17px; line-height:1.7; -webkit-font-smoothing:antialiased;
}
a{color:var(--green)}
a:hover{color:var(--green-deep)}
:focus-visible{outline:2px solid var(--green); outline-offset:3px; border-radius:4px}

/* Kopf */
.legal-header{border-bottom:1px solid var(--line); background:rgba(247,245,239,.9); position:sticky; top:0; z-index:10; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px)}
.legal-header .bar{max-width:820px; margin-inline:auto; padding:16px clamp(20px,5vw,32px); display:flex; align-items:center; justify-content:space-between; gap:16px}
.brand{display:inline-flex; align-items:center; gap:10px; text-decoration:none; font-family:"Fraunces",serif; font-weight:600; font-size:1.2rem; color:var(--ink)}
.brand svg{width:30px;height:30px;flex:none}
.back{font-size:.92rem; font-weight:600; text-decoration:none; color:var(--green)}
.back:hover{text-decoration:underline}

/* Entwurf-Banner */
.draft-banner{max-width:820px; margin:22px auto 0; padding:0 clamp(20px,5vw,32px)}
.draft-banner .box{display:flex; gap:13px; align-items:flex-start; background:#FBF3E2; border:1px solid #E7CF9B; border-left:4px solid var(--brass); border-radius:12px; padding:15px 18px; color:#5C4304; font-size:.93rem}
.draft-banner svg{width:20px;height:20px;flex:none;color:var(--brass);margin-top:2px}
.draft-banner b{color:#4A3603}

/* Inhalt */
main.legal{max-width:820px; margin-inline:auto; padding:30px clamp(20px,5vw,32px) 80px}
main.legal h1{font-family:"Fraunces",serif; font-weight:600; font-size:clamp(1.9rem,4vw,2.6rem); line-height:1.1; letter-spacing:-.01em; margin:.2em 0 .1em}
main.legal h2{font-family:"Fraunces",serif; font-weight:600; font-size:1.45rem; margin:2em 0 .5em; padding-top:.3em; border-top:1px solid var(--line); color:var(--green-deep)}
main.legal h3{font-family:"Hanken Grotesk",sans-serif; font-weight:700; font-size:1.12rem; margin:1.6em 0 .3em; color:var(--ink)}
main.legal h2:first-of-type{border-top:0}
main.legal p{margin:.7em 0}
main.legal ul,main.legal ol{margin:.7em 0; padding-left:1.3em}
main.legal li{margin:.32em 0}
main.legal strong{color:var(--ink)}
main.legal code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.86em; background:var(--muted); padding:1px 6px; border-radius:5px; color:var(--green-deep)}
main.legal a{word-break:break-word}
main.legal hr{border:0; border-top:1px solid var(--line); margin:2em 0}
/* Platzhalter [in Klammern] dezent hervorheben kann der Leser nicht, aber Tabellen sauber */
main.legal table{width:100%; border-collapse:collapse; margin:1em 0; font-size:.95rem}
main.legal th,main.legal td{border:1px solid var(--line); padding:8px 11px; text-align:left; vertical-align:top}
main.legal th{background:var(--green-tint); color:var(--green-deep); font-weight:600}
/* Quellen-Warnhinweise (Markdown-Blockquotes) als Notizboxen */
main.legal blockquote{margin:1.1em 0; padding:12px 16px; background:#FBF3E2; border-left:4px solid var(--brass); border-radius:0 10px 10px 0; color:#5C4304; font-size:.93rem}
main.legal blockquote p{margin:.3em 0}

/* Fuß */
.legal-footer{border-top:1px solid var(--line); background:var(--surface)}
.legal-footer .inner{max-width:820px; margin-inline:auto; padding:26px clamp(20px,5vw,32px); display:flex; flex-wrap:wrap; gap:10px 22px; align-items:center; justify-content:space-between; font-size:.9rem; color:var(--ink-2)}
.legal-footer nav{display:flex; gap:18px; flex-wrap:wrap}
.legal-footer a{text-decoration:none; color:var(--ink-2)}
.legal-footer a:hover{color:var(--green)}

@media print{
  .legal-header,.legal-footer{position:static; background:#fff}
  .draft-banner .box,main.legal blockquote{border-color:#999; background:#fff; color:#000}
}