/**
 * 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: #00285a;
  --kt-footer-color: #00285a;
  --kt-font-color:  #00285a;
  --kt-table-hover-background: #774BB6;
}

.kufertools_logo {
  max-width: 350px;
  max-height: 80px; 
}

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

.panel a {
   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);
  font-size: 15px;
}

footer .container {
  width: auto;
}

footer p {
  margin-left: 50px;
}


footer .footerlinks  {
  font-size: 12px;
  text-align: left;
  margin-left: 50px;
}


footer a:focus {
color: #fff;
}

@media (min-width: 768px) {
  footer p, footer .footerlinks {
     margin-top: 20px;
  }
}