/* KIO — Rechtsseiten (Impressum / Datenschutz) */
:root{
  --bg:#faf6ef; --panel:#fffdf9; --ink:#12294d; --ink-2:#2f456b; --muted:#7e879a;
  --navy:#102246; --navy-deep:#0a1730; --gold:#c69a4f; --gold-2:#dcb878; --gold-deep:#a97e39;
  --line:rgba(18,41,77,.13); --line-gold:rgba(198,154,79,.4);
  --serif:'Cormorant Garamond',Georgia,serif; --display:'Cinzel',Georgia,serif; --sans:'Jost',system-ui,sans-serif;
}
*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  font-family:var(--sans); font-weight:300; color:var(--ink-2);
  background:var(--bg); line-height:1.7; -webkit-font-smoothing:antialiased;
}

/* header bar */
.legal-top{
  background:linear-gradient(160deg,var(--navy) 0%, var(--navy-deep) 100%);
  padding:1.4rem clamp(1.4rem,5vw,4rem);
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
}
.legal-brand{ display:flex; align-items:center; gap:.7rem; text-decoration:none; }
.legal-brand img{ width:38px; height:auto; }
.legal-brand span{
  font-family:var(--display); font-weight:600; letter-spacing:.2em; padding-left:.2em;
  font-size:1.3rem; color:#fdfaf3;
}
.legal-back{
  font-size:.82rem; letter-spacing:.12em; text-transform:uppercase; color:var(--gold-2);
  text-decoration:none; border:1px solid var(--line-gold); border-radius:999px;
  padding:.55rem 1.2rem; transition:background .2s,color .2s;
}
.legal-back:hover{ background:var(--gold); color:var(--navy-deep); border-color:var(--gold); }

/* body */
.legal-wrap{ max-width:820px; margin:0 auto; padding:clamp(2.6rem,6vw,4.5rem) clamp(1.4rem,5vw,2rem) clamp(4rem,10vh,7rem); }
.legal-kicker{
  font-size:.72rem; text-transform:uppercase; letter-spacing:.28em; color:var(--gold-deep);
  margin:0 0 .8rem;
}
.legal-h1{
  font-family:var(--serif); font-weight:600; color:var(--ink);
  font-size:clamp(2rem,5vw,2.9rem); line-height:1.1; margin:0 0 2.2rem; letter-spacing:.01em;
}
.legal-wrap h2{
  font-family:var(--serif); font-weight:600; color:var(--ink);
  font-size:clamp(1.35rem,3vw,1.7rem); line-height:1.2; margin:2.4rem 0 .7rem;
}
.legal-wrap h3{
  font-family:var(--sans); font-weight:500; color:var(--ink);
  font-size:1.02rem; letter-spacing:.02em; margin:1.6rem 0 .4rem;
}
.legal-wrap p{ margin:0 0 1rem; font-size:1rem; }
.legal-wrap a{ color:var(--gold-deep); }
.legal-wrap ul{ margin:0 0 1rem 1.2rem; }
.legal-wrap li{ margin:0 0 .4rem; }
.legal-wrap strong{ color:var(--ink); font-weight:500; }
.legal-hr{ border:0; border-top:1px solid var(--line); margin:2.4rem 0; }

/* placeholder highlight */
.ph{
  background:rgba(198,154,79,.16); color:var(--gold-deep); font-weight:500;
  padding:.05em .4em; border-radius:4px; border:1px dashed var(--line-gold);
}

/* draft banner */
.legal-draft{
  background:#fff4dc; border:1px solid var(--line-gold); border-left:4px solid var(--gold);
  border-radius:8px; padding:1rem 1.2rem; margin:0 0 2.4rem;
  font-size:.92rem; color:var(--ink-2);
}
.legal-draft strong{ color:var(--gold-deep); }

/* footer */
.legal-foot{
  text-align:center; padding:2rem 1.4rem 3rem; color:var(--muted); font-size:.82rem;
  border-top:1px solid var(--line);
}
.legal-foot a{ color:var(--ink-2); text-decoration:none; margin:0 .5rem; }
.legal-foot a:hover{ color:var(--gold-deep); }