/* Buttons */

.btn-bms {
    color: #fff;
    background-color: #c00000;
    border-color: #c00000;
  }
  .btn-bms:hover {
    color: #c00000;
    background-color: #006a25;
    border-color: #c00000;
  }
  .btn-check:focus + .btn-bms, .btn-bms:focus {
    color: #fff;
    background-color: #006a25;
    border-color: #c00000;
    box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
  }
  .btn-check:checked + .btn-bms, .btn-check:active + .btn-bms, .btn-bms:active, .btn-bms.active, .show > .btn-bms.dropdown-toggle {
    color: #fff;
    background-color: #c00000;
    border-color: #006a25;
  }
  .btn-check:checked + .btn-bms:focus, .btn-check:active + .btn-bms:focus, .btn-bms:active:focus, .btn-bms.active:focus, .show > .btn-bms.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
  }
  .btn-bms:disabled, .btn-bms.disabled {
    color: #fff;
    background-color: #c00000;
    border-color: #c00000;
  }
/* Buttons ENDE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* VALIDIERUNG FORMULAR  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Anzeige der Validierung */
input[type="text"]:required { 
  border-bottom: 2px solid red;
}

input[type="text"]:valid { 
  border-bottom: 2px solid #c00000;
}

input[type="email"]:required { 
  border-bottom: 2px solid red;
}

input[type="email"]:valid { 
  border-bottom: 2px solid #c00000;
}

input[type="password"]:required { 
  border-bottom: 2px solid red;
}

input[type="password"]:valid { 
  border-bottom: 2px solid #c00000;
}

select:required { 
  border-bottom: 2px solid red;
}

select:valid { 
  border-bottom: 2px solid #c00000;
}

textarea:required { 
  border-bottom: 2px solid red;
}

textarea:valid { 
  border-bottom: 2px solid #c00000;
}

input[type="tel"]:required { 
  border-bottom: 2px solid red;
}

input[type="tel"]:valid { 
  border-bottom: 2px solid #c00000;
}

input[type="number"]:required { 
  border-bottom: 2px solid red;
}

input[type="number"]:valid { 
  border-bottom: 2px solid #c00000;
}

input[type="file"]:required { 
  border-bottom: 2px solid red;
}

input[type="file"]:valid { 
  border-bottom: 2px solid #c00000;
}
/* VALIDIERUNG FORMULAR  ENDE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* VALIDIERUNG Passwortprüfung ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* DIV zeigen bei Klick auf Passwortfeld */
#message {
  display:none;
  background: #f1f1f1;
  color: #000;
  position: relative;
  padding: 20px;
  margin-top: 10px;
}

#message p {
  padding: 10px 35px;
  font-size: 18px;
}

/*Wenn korrekt, dann grüner Haken */
.valid {
  color: green;
}

.valid:before {
  position: relative;
  left: -35px;
  content: "✔";
}

/* Wenn falsch, dann Kreuz und rot */
.invalid {
  color: red;
}

.invalid:before {
  position: relative;
  left: -35px;
  content: "✖";
}

/* VALIDIERUNG Passwortprüfung ENDE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */