/* Hands4You — gemeinsames Stylesheet für Impressum + Datenschutz.
   Fundament: brand/tokens.css (Zilla Slab / Work Sans, Ink/Paper/Sand/Clay).
   Bewusst ruhig gesetzt: Rechtstexte werden gelesen, nicht gescrollt. */
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--paper,#F3EFE6);color:var(--ink,#17140F);
  font-family:var(--sans,'Work Sans',system-ui,sans-serif);font-weight:400;
  line-height:1.65;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}

nav{background:var(--ink,#17140F);position:sticky;top:0;z-index:20}
nav .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px;max-width:1180px}
nav .wordmark img{height:30px;width:auto;display:block}
nav .zurueck{color:#CBB99B;text-decoration:none;font-size:13.5px;letter-spacing:.04em}
nav .zurueck:hover{color:#D08A52}

header.kopf{padding:64px 0 34px;border-bottom:1px solid rgba(23,20,15,.14)}
header.kopf .eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:#8f5327;margin-bottom:14px}
h1{font-family:var(--serif,'Zilla Slab',Georgia,serif);font-weight:700;
  font-size:clamp(32px,6vw,52px);line-height:1.06;letter-spacing:-.012em}
header.kopf .stand{margin-top:16px;color:#6b6152;font-size:13.5px}

main{padding:14px 0 70px}
section{padding:34px 0;border-bottom:1px solid rgba(23,20,15,.1)}
section:last-of-type{border-bottom:0}
h2{font-family:var(--serif,'Zilla Slab',Georgia,serif);font-weight:600;
  font-size:clamp(20px,3.4vw,26px);line-height:1.2;margin-bottom:14px}
h3{font-family:var(--serif,'Zilla Slab',Georgia,serif);font-weight:600;
  font-size:17.5px;margin:24px 0 8px}
p{margin-bottom:14px;font-size:16px}
p:last-child{margin-bottom:0}
ul{margin:0 0 14px 0;padding-left:20px}
li{margin-bottom:8px;font-size:16px}
a{color:#8f5327}
a:hover{color:#b5703a}
.adresse{font-style:normal;background:#EAE4D8;border-left:3px solid #b5703a;
  padding:20px 22px;border-radius:0 3px 3px 0;font-size:16px;line-height:1.75}
.hinweis{background:#EAE4D8;border-radius:3px;padding:18px 20px;font-size:14.6px;color:#4a423a}
.toc{margin:26px 0 0;padding:0;list-style:none;columns:2;column-gap:28px}
.toc li{margin-bottom:7px;font-size:14.5px}
@media(max-width:560px){.toc{columns:1}}

footer{background:var(--ink,#17140F);color:#A89E8D;padding:34px 0 46px;font-size:13px}
footer .wrap{max-width:1180px;display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;justify-content:space-between}
footer a{color:#A89E8D;text-decoration:none}
footer a:hover{color:#D08A52}
footer .legal{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
footer .attrib{display:inline-flex;align-items:center;gap:7px;color:#6b6152;font-size:12px}
footer .attrib img{height:13px;width:auto;display:block;opacity:.75}
footer .attrib a{display:inline-flex;align-items:center;gap:7px}
footer .attrib a:hover img{opacity:1}
