/* Gemeinsame Gestaltung für Impressum und Datenschutz.
   Schriften kommen aus fonts.css, lokal gehostet. */
:root{
  --sand:#E9DEC9; --ink:#221B14; --sun:#C2542B;
  --muted:#6B5C48; --faint:#8A7A63;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--sand); color:var(--ink);
  font-family:Archivo,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  padding:34px 24px 64px; line-height:1.65; font-size:15px;
}
a{color:var(--sun)}
a:hover{color:#94391C}

.wrap{max-width:720px; margin:0 auto}

.top{display:flex; align-items:baseline; gap:16px; margin-bottom:48px}
.wordmark{font-size:12px; font-weight:600; letter-spacing:.34em; text-decoration:none; color:var(--ink)}
.origin{margin-left:auto; font-size:10.5px; letter-spacing:.2em; color:var(--faint)}

h1{
  font-family:'Bodoni Moda',Georgia,serif; font-weight:400;
  font-size:clamp(34px,7vw,52px); line-height:1.1; letter-spacing:-.015em;
  margin:0 0 32px;
}
h2{
  font-size:13px; font-weight:600; letter-spacing:.12em; text-transform:uppercase;
  color:var(--faint); margin:40px 0 12px;
}
p{margin:0 0 14px; max-width:62ch}
ul{margin:0 0 14px; padding-left:20px; max-width:62ch}
li{margin-bottom:6px}
address{font-style:normal; margin-bottom:14px}
.note{font-size:13px; color:var(--muted); border-left:2px solid rgba(34,27,20,.2); padding-left:14px; margin:20px 0}

footer{
  margin-top:56px; padding-top:20px; border-top:1px solid rgba(34,27,20,.18);
  display:flex; gap:18px; flex-wrap:wrap;
  font-size:10.5px; letter-spacing:.08em; color:#9A8A73;
}
footer .spacer{margin-left:auto}
footer a{color:#9A8A73; text-decoration:none}
footer a:hover{color:var(--sun)}

@media (min-width:860px){ body{padding:44px 56px 80px} }