/* Gemeinsames Design für Impressum und Datenschutz */
:root {
  --bg-1: #dde7cd; --bg-2: #cbdaba; --bg-3: #b6c9a2;
  --ink: #26331f; --ink-soft: rgba(38, 51, 31, .68); --accent: #4a7d3a;
}

* { box-sizing: border-box; }

html, body { margin: 0; }

body {
  min-height: 100vh;
  font: 400 16px/1.65 "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  color: var(--ink);
  background:
    radial-gradient(48% 55% at 14% 8%, rgba(226, 238, 150, .8), transparent 70%),
    radial-gradient(55% 60% at 92% 96%, rgba(138, 182, 112, .7), transparent 70%),
    linear-gradient(160deg, var(--bg-1), var(--bg-2) 60%, var(--bg-3));
  background-attachment: fixed;
}

.page {
  width: min(780px, calc(100% - 32px));
  margin: clamp(24px, 6vh, 64px) auto;
  padding: clamp(22px, 4vw, 44px);
  border-radius: 22px;
  background: rgba(244, 249, 236, .82);
  box-shadow: 0 20px 50px rgba(46, 72, 34, .18), inset 0 0 0 1px rgba(255, 255, 255, .8);
}

.back {
  display: inline-block;
  margin-bottom: 18px;
  font-size: 14px;
  font-weight: 500;
  color: var(--accent);
  text-decoration: none;
}

.back:hover { text-decoration: underline; }

h1 {
  margin: 0 0 14px;
  font: 700 clamp(28px, 4vw, 40px)/1.1 "Figtree", system-ui, sans-serif;
  letter-spacing: -.02em;
}

h2 { margin: 28px 0 8px; font: 700 20px/1.2 "Figtree", system-ui, sans-serif; }

p { margin: 0 0 12px; }

.todo { color: var(--ink-soft); }