:root {
  --kt-primary-color: #F5F4F7;
  --kt-footer-color: #00285A;
  --kt-font-color:  #505050;
  --kt-font-nav-color: #00285A;
}

.kufertools_logo {
  max-width: 243.4px;
  max-height: 43px;
}

@media (max-width: 768px) {
  .kufertools_logo{
    max-with: 198.12px;
    max-height: 35px;
  }
}

.stadtlogo {  
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px solid black;
  height: 30px !important;
  max-width: 101.4px;
  max-height:30px;
  }

/* Menue */
nav {
  background-color: var(--kt-primary-color);
}

.dialog-active {
  background-color: var(--kt-footer-color);
} 

/* Schriftfarbe in der Navigation   */
.nav > li > a {
  color: var(--kt-font-nav-color); 
}

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

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

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

/* Blaettern */
.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-footer-color);
  border: 1px solid var(--kt-footer-color);
}

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

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

footer a:focus {
color: #fff;
}