#kkreditrechner label {
  font-size: 1.3em;
  width: 160px;
  margin-bottom: 15px;
/*  border: 1px solid red;*/
}

/*.kreditlaufzeitbox, .kreditbetragbox {
  display: block;
  margin-bottom: 80px;
}*/


.kreditbetragbox {
  margin-top: 15px;
  height: 100px;
}

.kreditlaufzeitbox {
  margin-top: 15px;
  height: 100px;
}

.monatsratebox {
  margin-top: 15px;
  /*height: 100px;*/
}

input#rate {
  font-size: 1.7em;
  width: 140px;
}


#kkreditrechner .rechnerfeld {
/*  width:100px;*/
}

#kkreditrechner {
  background-color: #fff;
  padding: 15px;
}


#betragslider, #laufzeitslider {
  margin: 10px;
  width: 100%;


}

#slider-credit, #slider-laufzeit {
  margin-bottom: 20px;
}


#slider-credit-value, #slider-laufzeit-value, #rate {
  text-align: left;
  border: 0;
  background: none;
  width: 110px;
}

#slider-credit-value, #slider-laufzeit-value {
  border-bottom: 2px solid #31A09A;
}

.rechnerfeld {
  display: inline-block;
  border-bottom: 1px dashed #31A09A;
}

#kkontaktformular {
  margin-top: 40px;
}



@font-face {
  font-family: lcd;
  src: url(../fonts/lcd.ttf);
}

#slider-credit-value, #slider-laufzeit-value, #rate, .ui-slider-input {
 /* font-family: 'lcd', 'Poppins', sans-serif;*/
  font-size: 1.4em;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  background-color: #31A09A;
  /*background-color: #54a5ac;*/
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  background-color: #31A09A;
}

.app-hero .hero-slider {
  z-index: 10;
padding: 99px 68px 96px 90px;
}

.whatsapp {
width: 217px;
height: 376px;
background-image: url('../images/wabg.jpg');
}

.logo a {
  background-image: url('../images/kk_logo_hell.svg');
  background-repeat: no-repeat;
  width: 260px;
/*  height: 100px;*/
  height: 60px;
  display: block;
}

.active .logo a {
  background-image: url('../images/kk_logo_dunkel.svg');
}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 800px;
  margin: 20px auto;
}

.form-group input {
outline-color: #31A09A;
}

/*.sepia-hue-rotate {
    -webkit-filter: sepia(1) hue-rotate(120deg);
    filter: sepia(1) hue-rotate(120deg);
    transition-delay: .1s;
  }
}*/

.faerbung {
  filter: sepia(1) hue-rotate(110deg);
  transition-property: filter;
  transition-delay: 1s;
}


.faerbung.aos-animate {
  filter: sepia(0) hue-rotate(0deg);
    transition-property: filter;
  transition-delay: 1s;
}

.col-lg-3 .einfacher-ablauf {

}

#einfacherablauf {
  background-image: url("../images/kredit_hintergrund.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.app-hero {
  height: auto;
}
.app-hero .app-hero-block {
  width: 400px;
  height: auto;
}

.app-hero .app-hero-content {
  background-color: rgba(255,255,255, 0.3);
  border-radius: 25px;
  width: auto;
  margin-top: 110px;
  background: #f7f7f7;
  padding: 20px;
}


.video-showcase::before {
 z-index: 0;
}
#video-showcase ul {
  list-style: disc;
  text-align: left;
  font-size: 18px;
  line-height: 1.7em;
  margin-left: 15px;
}

.app-hero .app-hero-content .button {
margin-top: 15px;
}

.button .btn {
  width: 100%;
  text-transform: none;
}

.noUi-connect {
  background-color: #31A09A;
}
.noUi-vertical {
  height: 240px;
}

.cd-words-wrapper {
  color:  #31A09A;
}

#kkredite img {
  padding-bottom: 10px;
  cursor: zoom-in;
}

#testimonials {
  height: 440px;
}

@media only screen and (max-width: 767px) {
  #testimonials {
    height: 600px;
  }
}

.contact-info {
  color: #FFF;
  text-align: left;
}

.contact-info p {
  color: #FFF;
}

.copyright {
  margin-top: 20px;
  margin-bottom: 20px;
}

.contact-info {
  width:260px;
  margin: auto;
}

.col-12 .contact-info {
 margin-bottom: 20px;
}

.contact .form, .contact .section-title {
  margin-top: 0;
  padding: 0;
}

.form-label {
  text-align: right;
  font-size: 1.4em;
  display: inline-block;
  padding-top: 12px;
  width:100%;
}

#anrrede,#familienstand, #arbeitsverhaeltnis, #wohnverhaeltnis, #haus_grundbesitz, #bestehende_kredite {
  height: 48px;
  border:0;
}

#schufa_popup p {
  margin-bottom: 20px;
}