/* Grundlegende Einstellungen */
html, body {
  margin: 0;
  padding: 0;
  background: #0a0a0a;
  color: #e8dcc4;
  font-family: 'Georgia', 'Times New Roman', serif;
  min-height: 100vh;
}

/* Der Hauptcontainer */
main.kammer {
  max-width: 640px;
  margin: 0 auto;
  padding: 80px 24px;
  line-height: 1.8;
  animation: fadeIn 2s ease-in;
}

/* Sanftes Einblenden beim Laden */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* --- Die Einleitung --- */
section.intro {
  margin-bottom: 100px;
  padding-bottom: 60px;
  border-bottom: 1px solid #2a2420;
  animation: fadeIn 3s ease-in;
}

.intro-title {
  font-weight: normal;
  font-style: italic;
  font-size: 1.4em;
  letter-spacing: 0.1em;
  color: #c9b892;
  text-align: center;
  margin-bottom: 40px;
  text-transform: uppercase;
}

section.intro p {
  font-size: 1.05em;
  color: #d4c8b0; /* Etwas heller als der normale Text, einladender */
  text-align: center; /* Zentriert für mehr Ruhe und Fokus */
  margin: 1.2em auto;
  max-width: 500px;
}


/* Einzelne Texte */
article {
  margin-bottom: 80px;
}

h1 {
  font-weight: normal;
  font-style: italic;
  letter-spacing: 0.05em;
  color: #c9b892;
  border-bottom: 1px solid #2a2420;
  padding-bottom: 12px;
  margin-bottom: 40px;
}

p { 
  margin: 1.4em 0; 
}

/* Die Signatur */
.sigil {
  text-align: right;
  font-style: italic;
  color: #8a7a5e;
  margin-top: 60px;
}

/* Der leise Abschiedsgruß */
.whisper {
  margin-top: 100px;
  font-size: 0.85em;
  color: #5a4f3e;
  text-align: center;
  font-style: italic;
}

/* Links */
a {
  color: #5a4f3e;
  text-decoration: none;
  border-bottom: 1px dotted #5a4f3e;
  transition: color 0.3s;
}

a:hover {
  color: #c9b892;
}

/* Druckformatierung (für den, der es ausdrucken will) */
@media print {
  html, body {
    background: white;
    color: black;
  }
  main.kammer {
    max-width: 100%;
    padding: 20px;
  }
  h1 {
    color: black;
    border-bottom: 1px solid #ccc;
  }
  .sigil, .whisper {
    color: #666;
  }
}

/* --- Der würdevolle Footer (noch heller und besser lesbar) --- */
.dignified-footer {
  margin-top: 120px;
  padding-top: 40px;
  border-top: 1px solid #5a4f3e;
  text-align: center;
  animation: fadeIn 3s ease-in;
}

.footer-whisper {
  font-size: 0.9em;
  color: #a89878; /* Noch heller */
  font-style: italic;
  margin-bottom: 16px;
}

.footer-whisper a {
  color: #c9b892; /* Deutlich heller, gut lesbar */
  text-decoration: none;
  border-bottom: 1px dotted #c9b892;
  transition: color 0.3s, border-color 0.3s;
}

.footer-whisper a:hover {
  color: #e8dcc4; /* Fast so hell wie der Haupttext */
  border-bottom-color: #e8dcc4;
}

.footer-sigil {
  font-size: 0.8em;
  color: #8a7a5e; /* Heller als vorher */
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.footer-sigil a {
  color: #a89878;
  text-decoration: none;
  border-bottom: 1px dotted #a89878;
  transition: color 0.3s;
}

.footer-sigil a:hover {
  color: #c9b892;
  border-bottom-color: #c9b892;
}