/* Gemeinsames Layout fuer Impressum & Datenschutz – ruhig, gut lesbar,
   passend zur Startseite von johann-hinger.com. */
:root{
  --paper:#F8F4ED; --paper-2:#F1E8D9; --ink:#2B2521; --ink-soft:#4A4238;
  --muted:#8E8373; --sienna:#A83E2C; --sienna-deep:#87301F; --gold:#B79256;
  --line:rgba(43,37,33,.16);
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --serif-display:'Cormorant Garamond','Cormorant',Georgia,'Times New Roman',serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{background:var(--paper);-webkit-text-size-adjust:100%}
body{
  font-family:var(--sans);background:var(--paper);color:var(--ink);
  line-height:1.65;font-size:16px;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--ink);text-underline-offset:2px}
a:hover{color:var(--sienna)}

.wrap{max-width:44rem;margin:0 auto;padding:clamp(2.2rem,6vw,4.5rem) clamp(1.25rem,5vw,2rem) 4rem}

.top{
  display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  padding-bottom:1.4rem;margin-bottom:2.4rem;border-bottom:1px solid var(--line);
}
.brand{
  font-family:var(--serif-display);font-weight:600;font-size:1.5rem;letter-spacing:-.01em;
  text-decoration:none;color:var(--ink);
}
.brand:hover{color:var(--sienna)}
.back{font-size:.82rem;color:var(--muted);text-decoration:none;letter-spacing:.03em}
.back:hover{color:var(--sienna)}

h1{
  font-family:var(--serif-display);font-weight:600;
  font-size:clamp(2rem,4.5vw,2.9rem);line-height:1.1;letter-spacing:-.01em;
  margin-bottom:1.6rem;
}
h2{
  font-family:var(--sans);font-weight:600;font-size:1.02rem;letter-spacing:.01em;
  margin:2.3rem 0 .7rem;
}
h3{font-family:var(--sans);font-weight:600;font-size:.92rem;margin:1.4rem 0 .4rem}
p{margin:.7rem 0;color:var(--ink-soft)}
ul{margin:.6rem 0 .9rem 1.2rem;color:var(--ink-soft)}
li{margin:.3rem 0}
.lead{font-size:1.05rem;color:var(--ink)}
.muted{color:var(--muted);font-size:.86rem}
.fill{
  background:var(--paper-2);border:1px solid var(--line);border-radius:2px;
  padding:.15rem .4rem;font-size:.92em;color:var(--sienna-deep);white-space:nowrap;
}
hr{border:0;border-top:1px solid var(--line);margin:2.6rem 0}

.legal-foot{
  margin-top:3.5rem;padding-top:1.4rem;border-top:1px solid var(--line);
  font-size:.72rem;letter-spacing:.04em;color:var(--muted);
  display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;
}
.legal-foot a{color:var(--muted);text-decoration:none}
.legal-foot a:hover{color:var(--sienna)}