:root {

    --dark: #103D74;
    --dark-hover: #0c3070;

    /* bootstrap farbe überschreiben */
    --bs-dark: #103D74;
    --navbar-height: 120px; 

    /*   #B09246; */
    --light: rgba(176, 146, 70, 0.5); 

   /* SECONDARY COLOR */
    --bs-secondary: rgba(176, 146, 70, 0.2);
    --bs-secondary-rgb: 176, 146, 70;

    --bs-dark: #103D74;
    --bs-dark-rgb: 16, 61, 116;

}

.pagination {
  --bs-pagination-color: #965151;
  --bs-pagination-bg: rgba(176, 146, 70, 0.5);
  --bs-pagination-border-color: rgba(176, 146, 70, 0.5);

  --bs-pagination-hover-color: #fff;
  --bs-pagination-hover-bg: rgba(176, 146, 70, 0.7);
  --bs-pagination-hover-border-color: #A37F3E;

  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #103D74;
  --bs-pagination-active-border-color: #103D74;

  --bs-pagination-disabled-color: #ccc;
  --bs-pagination-disabled-bg: #e9ecef;
  --bs-pagination-disabled-border-color: #dee2e6;
}

.btn-secondary {
  --bs-btn-bg: rgba(176, 146, 70, 0.5);
  --bs-btn-border-color: rgba(176, 146, 70, 0.5);
  --bs-btn-color: #fff;

  --bs-btn-hover-bg: rgba(176, 146, 70, 0.7);
  --bs-btn-hover-border-color: rgba(176, 146, 70, 0.7);
  --bs-btn-hover-color: #fff;

  --bs-btn-active-bg: rgba(176, 146, 70, 0.8);
  --bs-btn-active-border-color: rgba(176, 146, 70, 0.8);
}

.btn-primary {
    background-color: var(--dark);
    border-color: var(--dark);
}

.btn-primary:hover {
    background-color: var(--dark-hover);
    border-color: var(--dark-hover);
}