/**
 * 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: #91CBBF;
  --kt-footer-color: #83C4BB;
  --kt-font-color:  #0C3261;
  --kt-footer-font-color: #22466D;
}

.kufertools_logo {
  height: auto;
  max-height: 60px;
  max-width: 418px;
}

/* Menü */


nav, .dialog-active {
    background: linear-gradient(347deg,#b7e1d7 0%,#80c2b9 23%,#b7e1d7 45%,#80c2b9 63%,#faffe0 100%);
}

.nav > li > a, .dialog-active {
     color: var(--kt-font-color); 
}

.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: linear-gradient(347deg,#b7e1d7 0%,#80c2b9 23%,#b7e1d7 45%,#80c2b9 63%,#faffe0 100%);
  color:  var(--kt-footer-font-color);
}

footer a, footer a:focus, footer a:hover {
color:  var(--kt-footer-font-color);
}

@media (max-width: 768px) {
  .kufertools_logo {
  max-height: 44.5px;
  max-width: 310px;
}
}