:root {
  --kt-primary-color: #7BB5E3;
  --kt-footer-color: #51A7DD;
  --kt-font-color:  #6B7280;
  --kt-footer-container-color: #E6E6E6;
  --kt-footer-font-color: #505050;
  --kt-table-hover-background: #3C9DD9;
}

.kufertools_logo {
  height: auto;
  max-width: 250px; 
  max-height: 102px,
}

/* Menü */
nav,  .dialog-active {
  background-color: var(--kt-primary-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 {
  min-height: 230px;
  background: #fff;
  background: -moz-linear-gradient(top,#fff 0%,#fff 33%,#51A7DD 33%,#51A7DD 100%);
  background: -webkit-linear-gradient(top,#fff 0%,#fff 33%,#51A7DD 33%,#51A7DD 100%);
  background: linear-gradient(top bottom,#fff 0%,#fff 33%,#51A7DD 33%,#51A7DD 100%);
  padding-bottom: 0px;
}


/** Container  im Footer */
footer > .container{
  padding-top: 10px;
  padding-right: 15px;
  padding-left: 15px;
  background-color: var(--kt-footer-container-color);
  color: var(--kt-footer-font-color);
  min-height: 200px;
  magin-right: auto;
  margin-left: auto;
  width: 460px;
}

/* Schriftfarbe im Footer  */
footer a, footer a:focus, footer a:hover {
color:  var(--kt-footer-font-color);
}


/** Footerlinks für kleine Screens z.B. Handies links platziert */
footer .footerlinks {
  text-align: left;
}

@media (min-width: 768px) {
  footer > .container {
     width: 750px;
  }
}

@media (min-width: 992px) {
  footer > .container {
    width: 980px;
  }
  
  /** Footerlinks ab Tabletgröße rechts platziert  */
  footer .footerlinks {
     text-align: right;
  }

}

@media (min-width: 1180px) {
  footer > .container {
    width: 1170px;
  }
}


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

.btn-danger:hover {
  background-color: var(--kt-table-hover-background);    /* dunkleres blau */
  border-color: var(--kt-table-hover-background);
}

/* Success Button */
.btn-success {
  background-color: #4B9228;  /* gruen */
  border-color: #4B9228; 
}

.btn-success:hover {
  background-color: #4F9757;    /* dunkleres gruen */
  border-color: #4B9757;
}