:root {
  --attac-red: #e65324;
  --attac-dark: #b83c15;
  --bs-primary: #e65324;
  --bs-link-color: #b83c15;
  --bs-link-hover-color: #923011;
}
body {
  background: #faf9f7;
  color: #242424;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.55;
}
header.bd-navbar, #navbar-main {
  background: #fff !important;
  border-bottom: 4px solid var(--attac-red);
  box-shadow: 0 2px 8px #0000000a;
}
header.bd-navbar .nav-link, #navbar-main .nav-link {
  color: #333 !important;
}
header.bd-navbar .nav-link:hover, #navbar-main .nav-link:hover {
  color: var(--attac-red) !important;
}
.navbar-brand {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: #242424 !important;
  font-weight: 650;
}
.navbar-brand img.attac-logo {
  width: 105px;
  height: 48px;
  object-fit: contain;
  background: #fff;
}
a { color: var(--attac-red); }
a:hover { color: var(--attac-dark); }
.btn-primary {
  background-color: var(--attac-red);
  border-color: var(--attac-red);
}
.btn-primary:hover, .btn-primary:focus {
  background-color: var(--attac-dark);
  border-color: var(--attac-dark);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--attac-red);
}
.card, .list-group-item, .table {
  background-color: #fff;
}
h1, h2, h3 { letter-spacing: -.025em; }
.footer { margin-top: 3rem; color: #666; }
:focus-visible { outline: 3px solid #e65324; outline-offset: 3px; }
@media (max-width: 575px) {
  .navbar-brand { gap: 8px; font-size: 1rem; }
  .navbar-brand img.attac-logo { width: 80px; height: 40px; }
}

.btn-primary,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #211b18;
}
.btn-primary:hover, .btn-primary:focus {
    color: #fff;
}

/* Attac-Zweitfarbe */
:root {
  --bs-link-color: #a3465c;
  --bs-link-hover-color: #813648;
  --bs-info: #a3465c;
  --bs-info-rgb: 163, 70, 92;
}
a, .nav-link, .page-link, .btn-link {
  color: #a3465c;
}
a:hover, .nav-link:hover, .page-link:hover {
  color: #813648;
}
.btn-outline-primary {
  color: #a3465c;
  border-color: #a3465c;
}
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-info {
  color: #fff;
  background-color: #a3465c;
  border-color: #a3465c;
}
.btn-info:hover {
  color: #fff;
  background-color: #813648;
  border-color: #813648;
}
.pagination .page-item.active .page-link {
  color: #fff;
  background-color: #a3465c;
  border-color: #a3465c;
}
.form-control:focus, .form-select:focus {
  border-color: #a3465c;
  box-shadow: 0 0 0 .2rem rgb(163 70 92 / 20%);
}
.form-check-input:checked {
  background-color: #a3465c;
  border-color: #a3465c;
}
#navbar-main input[type="search"],
#navbar-main input[name="q"] {
  background-color: #f5e9ed;
  color: #44202b;
  border-color: #a3465c;
}

/* Tabellen: grüne Kopfzeile und dezente Zeilen */
.table {
  --bs-table-bg: #fff;
  --bs-table-striped-bg: #f4f6ee;
  --bs-table-hover-bg: #dde3c8;
  --bs-table-border-color: #d2d8c3;
}
.table > thead > tr > th,
.table > thead > tr > td {
  background-color: #dde3c8;
  color: #293023;
}
.table > tbody > tr:hover > * {
  --bs-table-accent-bg: #dde3c8;
  --bs-table-bg-state: #dde3c8;
}

/* HyperKitty: Listenübersicht */
.all-lists table.lists tr.list,
.all-lists table.lists tr.list > td {
  background-color: #f4f6ee;
  color: #293023;
}
.all-lists table.lists tr.list.private,
.all-lists table.lists tr.list.private > td,
.all-lists table.lists tr.list:hover,
.all-lists table.lists tr.list:hover > td {
  background-color: #dde3c8;
  color: #293023;
  --bs-table-accent-bg: transparent;
  --bs-table-bg-state: transparent;
}
.all-lists table.lists tr.list .list-name,
.all-lists table.lists tr.list:hover a {
  color: #813648;
}
.all-lists table.lists .list-tags {
  color: #505a43;
}
.all-lists table.lists .chart-data .bars rect,
.all-lists table.lists tr.list:hover .chart-data .bars rect {
  fill: #e65324;
}
.all-lists nav.sort-mode .active {
  border-bottom-color: #e65324;
}
#navbar-main .search-button {
  background-color: #a3465c;
  color: #fff;
}

.table > thead > tr > th,
.table > thead > tr > td {
  background-color: #e65324;
  color: #fff;
  font-weight: 600;
  --bs-table-bg: #e65324;
  --bs-table-color: #fff;
  box-shadow: none;
}
.table > thead a {
  color: #fff;
}

.all-lists table.lists > thead > tr > th,
.all-lists table.lists > thead > tr > th * {
  color: #fff !important;
  font-weight: 700 !important;
}

.fa-envelope,
.fa-envelope-o,
.fa-envelope-open,
.fa-envelope-open-o {
  color: #e65324 !important;
}

/* Nachrichten im Archiv als weiße Boxen */
.email {
  background: #fff;
  border: 1px solid #e1e0dc;
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 20px;
  box-shadow: 0 2px 8px rgb(0 0 0 / 4%);
}
.email .email-header {
  padding-bottom: 16px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
}
@media (max-width: 575px) {
  .email {
    padding: 16px;
  }
}