:root {
  --bg: #fbfaf7;
  --ink: #1b1b19;
  --muted: #6a6963;
  --line: #e4e2da;
  --accent: #2a5fb8;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font: 19px/1.7 Georgia, "Iowan Old Style", "Times New Roman", serif;
}
.wrap { max-width: 660px; margin: 0 auto; padding: 0 20px; }
header { padding: 40px 0 28px; border-bottom: 1px solid var(--line); }
.brand {
  font: 500 22px/1 system-ui, -apple-system, "Segoe UI", sans-serif;
  color: var(--ink); text-decoration: none; letter-spacing: -0.01em;
}
.brand span { color: var(--accent); }
.tagline {
  margin: 8px 0 0; color: var(--muted);
  font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
}
main { padding: 32px 0 48px; }
h1 { font-size: clamp(1.8rem, 6vw, 2.4rem); line-height: 1.2; font-weight: 500; margin: 0 0 8px; letter-spacing: -0.01em; }
h2 { font-size: 1.4rem; font-weight: 500; margin: 0 0 4px; line-height: 1.3; }
h2 a { color: var(--ink); text-decoration: none; }
h2 a:hover { color: var(--accent); }
.datum { color: var(--muted); font: 14px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif; margin: 0 0 8px; }
.eintrag { padding: 22px 0; border-bottom: 1px solid var(--line); }
.eintrag:last-child { border-bottom: 0; }
.eintrag p { margin: 0; color: #3a3a37; }
.weiter { display: inline-block; margin-top: 8px; font: 15px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--accent); text-decoration: none; }
.weiter:hover { text-decoration: underline; }
article p { margin: 0 0 1.1em; }
article a { color: var(--accent); }
.zurueck { font: 15px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--accent); text-decoration: none; }
.zurueck:hover { text-decoration: underline; }
footer {
  padding: 20px 0 40px; border-top: 1px solid var(--line); color: var(--muted);
  font: 14px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
}