/* WOWCredit Wizard Safe v4.0.0 */
.wckw-form{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;color:#0c1c4c}
.wckw-steps{list-style:none;margin:0;padding:0}
.wckw-step{display:none}
.wckw-step.active{display:block}
.wckw-field{margin-bottom:16px; margin-right:0;}
.wckw-field label{display:block;font-weight:600;margin-bottom:6px}
.wckw-badge{display:inline-block;margin-left:6px;font-size:12px;padding:2px 6px;border-radius:10px;background:#eef2f7;color:#466}
.wckw-select,
.wckw-field select,
.wckw-field input[type=text],
.wckw-field input[type=email],
.wckw-field input[type=tel],
.wckw-field input[type=date]{
  width:100%;
  padding:12px;
  border:1px solid #dfe6ef;
  border-radius:10px;
  background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.03);
}
.wckw-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin-bottom: 12px;
}
.wckw-field {
    margin-bottom: 12px;
}
.wckw-grid > .wckw-field {
  margin-bottom: 0px;
}

@media (max-width:680px){.wckw-grid{grid-template-columns:1fr}}
.wckw-amount-box{background:#fff;border:1px solid #eef1f4;border-radius:10px;padding:12px}
.wckw-inline-row{display:flex;justify-content:space-between;margin-top:8px;font-size:14px;color:#445}
.wckw-nav{display:flex;gap:10px;}
.wckw-nav button{background:#0c1c4c;border:none;color:#fff;padding:10px 14px;border-radius:8px;cursor:pointer}
.wckw-nav button:disabled{opacity:.6;cursor:not-allowed}
.wckw-msg{margin-top:12px;color:#0c1c4c}
input[type=range]{width:100%;}
/* Range track fill */
input[type=range]{--track:#e6ecf3;--fill:#0c1c4c;}
input[type=range]::-webkit-slider-runnable-track{
  height:6px;
  background:linear-gradient(to right,var(--fill) 0%,var(--fill) calc(var(--pct,0)*1%),var(--track) calc(var(--pct,0)*1%),var(--track) 100%);
  border-radius:4px}
input[type=range]::-moz-range-track{
  height:6px;
  background:linear-gradient(to right,var(--fill) 0%,var(--fill) calc(var(--pct,0)*1%),var(--track) calc(var(--pct,0)*1%),var(--track) 100%);
  border-radius:4px}
.wckw-error{border-color:#e74c3c !important; outline:0}
.wckw-error-msg{background:#fff3f3;border:1px solid #ffc9c9;color:#922;padding:10px;border-radius:8px;margin-bottom:10px}

/* Input wie Text aussehen lassen */
.wckw-value input.wckw-val-amount,
.wckw-value input.wckw-val-term {
  background: transparent;
  font: inherit;
  color: inherit;
  width: 7em;
  padding: 6px;
  margin: 0;
  appearance: none;
  -moz-appearance: textfield;
  box-shadow: none;
  outline: none;
  text-align: center;
}

.wckw-min, .wckw-max, .wckw-value-margin {
    padding: 6px;
}

/* Fokuszustand leicht, dezent */
.wckw-val-amount:focus {
  outline: none;
  background: #fff;
  box-shadow: 0 0 0 1px #ddd inset;
  border-radius: 4px;
}

/* Alle Inputs im Formular sicher schwarz */
.wckw-form .wckw-field input,
.wckw-form .wckw-field select {
  color: #0c1c4c;
  border-radius: 10px;
}

.wckw-field input:focus{
  background:rgb(217, 230, 235);
}

/* Fix Form Breite*/
.wckw-form{
  width:100%;
  max-width: 980px;
  margin: 0 auto;
}
.single-content .wckw-form ul,
.single-content .wckw-form ol {
  padding-left: 0;
  margin-left: 0;
}

/* --- Range Slider Fix (Chrome/Edge) --- */
.wckw-form input[type="range"]{
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 20px;           /* stabile Box */
  background: transparent;
  /*padding: 0;*/
}

/* Track */
.wckw-form input[type="range"]::-webkit-slider-runnable-track{
  height: 6px;
  border-radius: 10px;
  background: linear-gradient(
    to right,
    var(--fill,#0c1c4c) 0%,
    var(--fill,#0c1c4c) calc(var(--pct,0)*1%),
    var(--track,#e6ecf3) calc(var(--pct,0)*1%),
    var(--track,#e6ecf3) 100%
  );
}

/* Thumb (der Punkt) */
.wckw-form input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: var(--fill,#0c1c4c);   /* WICHTIG: sichtbar */
  border: 2px solid #fff;           /* macht ihn auf dunklem Track gut sichtbar */
  box-shadow: 0 1px 2px rgba(0,0,0,.15);
  margin-top: -7px;                 /* (20-6)/2 */
}

/* Optional: Fokus */
.wckw-form input[type="range"]:focus{
  outline: none;
}

/* Zurück = Outline / Negativ */
.wckw-nav .wckw-prev{
  background:#fff;
  color:#0c1c4c;
  border:2px solid rgb(223, 230, 239);
}


@media (min-width: 681px){
  .wckw-nav{
    display:grid;
    grid-template-columns: 1fr 1fr; /* zwei Spalten */
    gap:10px;
  }

  /* Buttons nehmen 50% ihrer Spalte ein */
  .wckw-nav button{
    width:50%;
  }

  /* Zurück linksbündig */
  .wckw-nav .wckw-prev{
    justify-self:start;
  }

  /* Weiter / Submit rechtsbündig */
  .wckw-nav .wckw-next,
  .wckw-nav .wckw-submit{
    justify-self:end;
  }

  /* Wenn nur ein Button vorhanden ist → rechte Spalte */
  .wckw-nav .wckw-next:only-child,
  .wckw-nav .wckw-submit:only-child{
    grid-column:2;
  }
}

@media (max-width: 680px){
  .wckw-nav{
    display:flex;
    gap:10px;
  }

  /* Standard: Buttons vollbreit */
  .wckw-nav button{
    width:100%;
  }

  /* Sonderfall: nur ein Button (Weiter/Submit) */
  .wckw-nav .wckw-next:only-child,
  .wckw-nav .wckw-submit:only-child{
    width:50%;
    margin-left:auto; /* rechts ausrichten */
  }
}