/**
 * 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.
 */ 
nav, .dialog-active {
  background-color: #1866A1;
}

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


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



/* Neue Variante mit dem Effekt: Container im Footer steht oben über den Footer heraus */

footer {
  min-height: 230px;
  background: #fff;
  background: -moz-linear-gradient(top, #fff 0%, #fff 33%, #1866A1 33%, #1866A1 100%);
  background: -webkit-linear-gradient(top, #fff 0%, #fff 33%, #1866A1 33%, #00285a 100%);
  background: linear-gradient(to bottom, #fff 0%, #fff 33%, #1866A1 33%, #1866A1 100%);
  padding-bottom: 0px;
}



/** Container  im Footer */
footer > .container{
  padding-top: 10px;
  padding-right: 15px;
  padding-left: 15px;
  background-color: #D7D7D7;
  color: #505050;
  min-height: 200px;
  magin-right: auto;
  margin-left: auto;
  width: 460px;
}

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

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

/** Footerlinks ab Tabletgröße rechts platziert  */
 footer .footerlinks {
     text-align: right;
  }  
}

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

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

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


/* Success Buttons */
.btn-success {
  background-color: #1866A0;  /* blau */
  border-color: #1866A0;
}

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


/* Danger Buttons */
.btn-danger {
  background-color: #A94442; /* rot */
  border-color: #A94442;
}

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