/* ============================================
   LEADERSHIP-DIAGNOSTIK — individuelle Styles
   Passend zur Startseite (Gold-Design)
   ============================================ */

:root {
  --gold: #b49c68;        /* Gold wie Startseite */
  --gold-hover: #c5ab78;  /* etwas heller */
}

/* Seitenlayout */
body.leadership main {
  max-width: 760px;
  margin: 0 auto;
  padding: 3rem 1.5rem 4rem;
  text-align: center;
}

/* Header */
body.leadership header {
  margin-bottom: 2.5rem;
}

body.leadership h1 {
  margin-bottom: 0.3rem;
  font-size: 2.1rem;
}

/* Sections */
body.leadership section {
  margin-bottom: 2.4rem;
}

/* Listen zentriert, aber links ausgerichtet */
body.leadership section ul {
  margin: 0 0 1.1rem;
  padding-left: 1.2rem;
  text-align: left;
  display: inline-block;
}

body.leadership section li {
  margin: 0 0 0.3rem;
}

/* ============================================
   LINKS – Standard Gold → Hover helleres Gold
   ============================================ */

body.leadership a {
  color: var(--gold) !important;
  text-decoration: underline;
  text-underline-offset: 0.16em;
  text-decoration-thickness: 0.09em;
  transition: color 0.2s ease;
}

body.leadership a:hover {
  color: var(--gold-hover) !important;
}

/* ============================================
   BUTTONS — Gold-Basis, schwarze Schrift
   (Garantiert sichtbar — überschreibt styles.css)
   ============================================ */

body.leadership nav.links a.btn {
  background-color: var(--gold) !important;
  color: #111 !important;     /* gut sichtbar auf Weiß */
  padding: 0.6rem 1.2rem;
  border-radius: 6px;
  text-decoration: none;
  display: inline-block;
  transition: background 0.2s ease, color 0.2s ease;
}

body.leadership nav.links a.btn:hover {
  background-color: var(--gold-hover) !important;
  color: #000 !important;
}

/* Auch einzelne Buttons z. B. oben */
body.leadership .btn {
  background-color: var(--gold) !important;
  color: #111 !important;
  padding: 0.6rem 1.2rem;
  border-radius: 6px;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}

body.leadership .btn:hover {
  background-color: var(--gold-hover) !important;
  color: #000 !important;
}

/* Buttonleiste zentriert */
body.leadership nav.links {
  margin-top: 1.6rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}

/* Footer */
body.leadership footer {
  margin-top: 3rem;
  font-size: 0.9rem;
  color: #777;
}

body.leadership footer a:hover {
  color: var(--gold-hover) !important;
}

/* Responsiv */
@media (max-width: 600px) {
  body.leadership main {
    padding: 2.5rem 1.2rem 3.5rem;
  }
}