/* kirchhoff-rv.de – Version 1.0.0 */
:root {
  --page: #ece7df;
  --card: #fffdf9;
  --text: #2b2622;
  --muted: #7a7068;
  --accent: #a4472f;
  --shadow: 0 10px 40px rgba(60, 40, 20, .15);
}
@media (prefers-color-scheme: dark) {
  :root { --page: #1a1714; --card: #26221e; --text: #eee7de; --muted: #a39a90; --accent: #e28e74; --shadow: 0 10px 40px rgba(0,0,0,.5); }
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: var(--page); color: var(--text);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.5;
  min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 2rem 1rem;
}
a { color: var(--accent); }

/* Startseite */
.card {
  width: 100%; max-width: 44rem;
  background: var(--card); border-radius: 10px; box-shadow: var(--shadow);
  display: grid; grid-template-columns: 2fr 3fr; overflow: hidden;
}
.photo {
  min-height: 360px;
  background: url("mehlsack.jpg") center 30% / cover no-repeat;
}
.text { padding: 2.5rem 2rem; display: flex; flex-direction: column; justify-content: center; }
.text h1 { margin: 0 0 .3rem; font-size: 2rem; font-weight: 600; line-height: 1.2; }
.text .place { color: var(--muted); margin: 0; }

/* Impressum, Datenschutz */
.page {
  width: 100%; max-width: 44rem;
  background: var(--card); border-radius: 10px; box-shadow: var(--shadow);
  padding: 2.5rem 2rem;
}
.page h1 { margin: 0 0 1.5rem; font-size: 1.8rem; font-weight: 600; }
.page h2 { margin: 2rem 0 .5rem; font-size: 1.1rem; }
.page p, .page ul { margin: 0 0 1rem; }
.page .back { display: inline-block; margin-bottom: 1.5rem; font-size: .9rem; }
.page .stand { margin-top: 2rem; font-size: .85rem; color: var(--muted); }

footer { margin-top: 1.5rem; font-size: .85rem; color: var(--muted); }
footer a { color: var(--muted); margin: 0 .6rem; }

@media (max-width: 560px) {
  body { justify-content: flex-start; }
  .card { grid-template-columns: 1fr; }
  .photo { min-height: 260px; background-position: center 25%; }
  .text, .page { padding: 2rem 1.5rem; }
}