/**
 * In dieser Datei können Sie eigene Anpassungen am CSS für Ihren
 * KuferTools-Auftritt (responsive) einbringen. Bitte nutzen Sie dafür nur diese Datei.
 */ 

 :root {
  --kt-primary-color: #5B195B;
  --kt-footer-color: #5B195B;
  --kt-font-color:  #0c0c0c;
  --kt-button-danger: #A61680;
  --kt-button-danger-hover: #AC1EBE;
  --kt-button-success: #46AEAF;
  --kt-button-success-hover: #2A9196;
}


header {
  background-color: var(--kt-primary-color);
  color: white;
}

/* Menü */
nav, .dialog-active {
  background-color: var(--kt-primary-color);
}

.navbar {
  border-radius: 0;
}

.panel a {
   color: var(--kt-font-color);
}

/* ggf. noch weitere Farbanpassungen  für die Schrift in der Blätternleiste (pagination)  und bei den Reitern */

.kt-pills a, .pagination > li > a, .pagination > li > span {
   color: var(--kt-font-color); 
}

/* Blättern */
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background-color: var(--kt-primary-color);
  border: 1px solid var(--kt-primary-color);
}

/* Reiter */
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
  background-color: var(--kt-primary-color);
}

/* Footer */
footer {
  background-color: var(--kt-footer-color);
}

footer a:focus {
color: #fff;
}

/* Success und Danger Buttons */
.btn-success {
  background-color: var(--kt-button-success);  /* grünblau */
  border-color: var(--kt-button-success); 
}

.btn-success:hover {
  background-color: var(--kt-button-success-hover);
  border-color: var(--kt-button-success-hover);
}

/* Danger Buttons */
.btn-danger {
  background-color: var(--kt-button-danger);  /* lila */
  border-color: var(--kt-button-danger); 
}

.btn-danger:hover {
  background-color: var(--kt-button-danger-hover);
  border-color: var(--kt-button-danger-hover);
}