/**
 * 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.
 */ 

/* Menü */


.kufertools_logo {
  max-width: 500px;
  height: 66px;
}

header {
  background-color: #7A918D; 
  color: #FFFFFF;
  border-bottom: 2px solid #FFF;
}

nav,  .dialog-active {
  background-color: #7A918D;
}

/* 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: #7A918D;
  border: 1px solid #7A918D;
}

/* Reiter */
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
  background-color: #7A918D;
}

footer {
  background-color: #F6F6F6;
  color: #7A918D;
}


/* Schriftfarbe im Footer  */
footer a, footer a:focus, footer a:hover {
color:  #7A918D;
}

footer figure {
   display: table;
   margin: 0px; 
}


footer .img-fluid1 {
   max-width: 100%;
   width: 288px;
   height: 80px;
}

footer .img-fluid2 {
   max-width: 100%;
   width: 288px;
   height: 75px;
}


@media (max-width: 992px) {
 footer figure {
     margin-top: 25px;
  }
}

@media (max-width: 768px) {
  footer .footerlinks {
    margin-top: 25px;
  }
}


/* Success Buttons */
.btn-danger {
  background-color: #C16B84;  /* lila */
  border-color: #C16B84;
}

.btn-danger:hover {
  background-color: #B84F70;    /* dunkleres lila */
  border-color: #B84F70;
}


/* Success Buttons */
.btn-success {
  background-color: #009688;  /* gruen */
  border-color: #009688;
}

.btn-success:hover {
  background-color: #00847A;    /* dunkleres gruen*/
  border-color: #00847A;
}