/* Shared styles for Impressum & Datenschutz (Green Voodoo) */
:root{
  --green:#7a9a6e; --green-deep:#4f6b49; --terracotta:#b4724a;
  --font-display:'Space Grotesk',system-ui,sans-serif;
  --font-body:'Source Sans 3',system-ui,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,monospace;
  --bg:#f2ede4; --bg-2:#e8e0d0; --surface:#faf6ee;
  --ink:#1a1a1a; --ink-2:#4a4238; --ink-mute:#867a68; --line:#d9cdb2;
  --maxw:820px; --gutter:24px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0; background:var(--bg); color:var(--ink); font-family:var(--font-body);
  font-size:17px; line-height:1.65; -webkit-font-smoothing:antialiased;}
a{color:var(--green-deep);}
.legal-nav{border-bottom:1px solid var(--ink); background:color-mix(in srgb,var(--bg) 92%,transparent);
  position:sticky; top:0; backdrop-filter:blur(10px);}
.legal-nav-inner{max-width:var(--maxw); margin:0 auto; padding:16px var(--gutter);
  display:flex; align-items:center; justify-content:space-between; gap:16px;}
.brand{display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--ink);}
.brand svg{width:28px; height:28px;}
.brand span{font-family:var(--font-display); font-weight:700; font-size:17px; text-transform:lowercase;}
.back{font-family:var(--font-mono); font-size:12px; letter-spacing:0.12em; text-transform:uppercase;
  text-decoration:none; color:var(--ink-mute); border:1px solid var(--line); padding:8px 14px;}
.back:hover{color:var(--ink); border-color:var(--ink);}
main{max-width:var(--maxw); margin:0 auto; padding:60px var(--gutter) 100px;}
.kicker{font-family:var(--font-display); font-size:15px; font-weight:600; letter-spacing:0.2em;
  text-transform:uppercase; color:var(--terracotta);}
h1{font-family:var(--font-display); font-weight:600; letter-spacing:-0.02em; font-size:clamp(32px,5vw,48px); margin:10px 0 8px; line-height:1.1;}
h2{font-family:var(--font-display); font-weight:600; font-size:22px; margin:40px 0 8px; letter-spacing:-0.01em;}
h3{font-family:var(--font-display); font-weight:600; font-size:17px; margin:24px 0 4px;}
p,li{color:var(--ink-2);}
ul{padding-left:20px;}
li{margin:6px 0;}
.muted{color:var(--ink-mute); font-size:14px;}
.box{background:var(--surface); border:1px solid var(--line); padding:20px 22px; margin:18px 0;}
.legal-footer{border-top:1px solid var(--ink); margin-top:60px;}
.legal-footer-inner{max-width:var(--maxw); margin:0 auto; padding:24px var(--gutter);
  font-family:var(--font-mono); font-size:11px; letter-spacing:0.1em; text-transform:uppercase;
  color:var(--ink-mute); display:flex; gap:18px; flex-wrap:wrap;}
.legal-footer-inner a{color:var(--ink-mute); text-decoration:none;}
.legal-footer-inner a:hover{color:var(--ink);}