/* TE-Vereinsleben - Grunddesign für Schützenvereine & Bruderschaften */

:root {
  /* Grün + Braun bewusst als Unterscheidung zur bordeauxfarbenen Orchester-Seite —
     siehe dashboard.html weltThemaAnwenden(), das dieselben Farben für die gemeinsame
     Oberfläche übernimmt, wenn die aktive Organisation zur Vereinsleben-Welt gehört. */
  --verein-primär: #1B4D3E;
  --verein-primär-dunkel: #13362B;
  --verein-sekundär: #7A5230;
  --verein-hintergrund: #F9F7F2;
  --verein-text: #211D19;
  --verein-text-sanft: #5C554A;
  --verein-linie: #DCD1B4;
  --waldgruen: var(--verein-primär);
  --braun: var(--verein-sekundär);
  --elfenbein: var(--verein-hintergrund);
}

body.vereinsleben {
  margin: 0;
  background: var(--verein-hintergrund);
  color: var(--verein-text);
  font-family: 'Source Sans 3', sans-serif;
}

.vereinsleben header {
  border-bottom: 2px solid var(--verein-sekundär);
  background: #fff;
}

.vereinsleben .brand h1 {
  color: var(--verein-primär-dunkel);
}

.vereinsleben .brand .clef {
  color: var(--verein-sekundär);
}

.vereinsleben .nav-tabs {
  border-bottom-color: var(--verein-linie);
}

.vereinsleben .nav-link.active {
  color: var(--verein-primär);
  border-bottom: 3px solid var(--verein-primär);
}

.vereinsleben button.primary {
  background: var(--verein-primär);
  color: #fff;
  border: none;
}

.vereinsleben button.primary:hover {
  background: var(--verein-primär-dunkel);
}

.vereinsleben .akzent-linie {
  height: 3px;
  background: var(--verein-sekundär);
  width: 40px;
  margin-bottom: 20px;
}

.vereinsleben .zielscheibe {
  width: 24px;
  height: 24px;
  border: 2px solid var(--verein-primär);
  border-radius: 50%;
  position: relative;
  display: inline-block;
}

.vereinsleben .zielscheibe::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background: var(--verein-sekundär);
  border-radius: 50%;
}