:root {
  --gruen: #294536;
  --gruen-tief: #1c3125;
  --sand: #ECE4D8;
  --sand-hell: #F6F1E9;
  --gold: #A88947;
  --gold-hell: #C4A867;
  --anthrazit: #2A2A2A;
  --line: rgba(42,42,42,0.12);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Source Sans 3', -apple-system, system-ui, sans-serif;
  color: var(--anthrazit);
  background: var(--sand-hell);
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--gruen); text-decoration: underline; text-underline-offset: 2px; }
a:hover { color: var(--gold); }
.wrap { width: min(820px, 90vw); margin: 0 auto; }

/* NAV */
nav {
  position: sticky; top: 0; z-index: 100;
  background: rgba(246,241,233,0.94);
  backdrop-filter: blur(10px);
  box-shadow: 0 1px 0 var(--line);
  padding: 0.7rem 0;
}
.nav-inner { display: flex; align-items: center; justify-content: space-between; width: min(1120px, 90vw); margin: 0 auto; }
.nav-brand { display: flex; align-items: center; gap: 0.7rem; color: var(--gruen); text-decoration: none; }
.nav-brand .mono { color: var(--gruen); }
.mono .berg { fill: none; stroke: currentColor; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; }
.mono .haus { fill: var(--gold); }
.mono .tuer { fill: var(--sand-hell); }
.mono .see  { fill: none; stroke: var(--gold); stroke-width: 4; stroke-linecap: round; }
.nav-brand .txt { display: flex; flex-direction: column; line-height: 1.05; }
.nav-brand .name { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.15rem; font-weight: 600; }
.nav-brand .sub { font-size: 0.6rem; letter-spacing: 0.24em; text-transform: uppercase; opacity: 0.75; }
.nav-links { display: flex; gap: 1.6rem; }
.nav-links a { font-size: 0.88rem; color: var(--anthrazit); text-decoration: none; opacity: 0.8; }
.nav-links a:hover { color: var(--gold); opacity: 1; }

/* DOC */
.doc { padding: 4rem 0 5rem; }
.eyebrow { font-size: 0.72rem; letter-spacing: 0.28em; text-transform: uppercase; font-weight: 600; color: var(--gold); }
h1 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(2.2rem, 5vw, 3.2rem);
  font-weight: 500; line-height: 1.12;
  margin-top: 0.6rem; color: var(--gruen);
}
.lead { font-size: 1.1rem; font-weight: 300; color: rgba(42,42,42,0.75); margin-top: 1.2rem; }
h2 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.65rem; font-weight: 600; color: var(--gruen);
  margin-top: 2.8rem; padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--line);
}
p { margin-top: 1rem; }
ul { margin: 1rem 0 0 1.3rem; }
li { margin-bottom: 0.35rem; }
strong { font-weight: 600; color: var(--gruen); }

.facts { width: 100%; border-collapse: collapse; margin-top: 1.2rem; }
.facts th, .facts td { text-align: left; vertical-align: top; padding: 0.85rem 0; border-bottom: 1px solid var(--line); }
.facts th {
  width: 32%; font-weight: 600; color: var(--gold);
  font-size: 0.78rem; letter-spacing: 0.1em; text-transform: uppercase;
  padding-right: 1.2rem; padding-top: 1rem;
}
.facts tr:last-child th, .facts tr:last-child td { border-bottom: 0; }

.box {
  background: var(--sand); border-left: 3px solid var(--gold);
  border-radius: 4px; padding: 1.2rem 1.4rem; margin-top: 1.2rem;
}
.stand { margin-top: 3rem; font-size: 0.85rem; color: rgba(42,42,42,0.55); font-style: italic; }

/* FOOTER */
footer {
  background: var(--gruen-tief); color: rgba(246,241,233,0.65);
  padding: 2.2rem 0; margin-top: 4rem; font-size: 0.86rem;
}
.footer-inner { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; align-items: center; width: min(1120px, 90vw); margin: 0 auto; }
footer a { color: rgba(246,241,233,0.75); text-decoration: none; }
footer a:hover { color: var(--gold-hell); }
.footer-links { display: flex; gap: 1.5rem; flex-wrap: wrap; }

@media (max-width: 640px) {
  .nav-links { gap: 1rem; }
  .nav-links a { font-size: 0.8rem; }
  .facts th { width: 100%; display: block; border-bottom: 0; padding-bottom: 0.2rem; }
  .facts td { display: block; padding-top: 0; }
}