/* OLD VARIABLES 

$bsh-light-grey:		#ebebeb;
$bsh-background-grey:	#b2b2b2;
$bsh-dark-grey:			#5d5d5d;
$bsh-orange:			#eb700e;
$bsh-red:				#a53030;

*/
/* =======================================================================
	BSH
   ======================================================================= */
/* Red */
/* Orange */
/* Dark Grey */
/* Light Grey */
/* Lighter Grey */
/* Black */
/* =======================================================================
	Neff
   ======================================================================= */
/* Dark Grey */
/* Grey */
/* Middle Grey */
/* Light Grey */
/* Extra Light Grey */
/* Red */
/* White */
/* =======================================================================
	Bosch
   ======================================================================= */
/* Royal Blue */
/* Red */
/* Pastel Red */
/* Light Blue */
/* Dark Grey */
/* Grey */
/* Light Grey */
/* Black */
/* =======================================================================
	Siemens
   ======================================================================= */
/* Dark Greyish Blue */
/* Dark Blue */
/* Greyish Blue */
/* Light Greyish Blue */
/* Turquoise */
/* Turquoise Light */
/* Black */
/* line 11, sass/featureToggles/checkbox.scss */
.radio label,
.checkbox label {
  cursor: pointer;
}

/* line 27, sass/featureToggles/checkbox.scss */
input[type="checkbox"],
input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 31, sass/featureToggles/checkbox.scss */
input[type="checkbox"] ~ label,
input[type="radio"] ~ label {
  position: relative;
  padding: 4px 0 0 30px;
  user-select: none;
  margin-bottom: 2px;
}

/* line 37, sass/featureToggles/checkbox.scss */
input[type="checkbox"] ~ label:before,
input[type="radio"] ~ label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  border: 1px solid #b20838;
  border-radius: 0;
  background: #FFFFFF;
  text-align: center;
  transition: background 200ms ease-out;
}

/* line 51, sass/featureToggles/checkbox.scss */
input[type="checkbox"] ~ label:after,
input[type="radio"] ~ label:after {
  content: "";
  position: absolute;
  transform: scale(0);
  transition: transform 200ms ease-out;
}

/* line 59, sass/featureToggles/checkbox.scss */
input[type="checkbox"] ~ label:hover:before,
input[type="radio"] ~ label:hover:before {
  border-color: #b20838;
  border-width: 2px;
}

/* line 66, sass/featureToggles/checkbox.scss */
input[type="checkbox"].is-invalid ~ label:before,
input[type="radio"].is-invalid ~ label:before {
  border-color: red;
}

/* line 73, sass/featureToggles/checkbox.scss */
input[type="checkbox"] ~ label:after {
  background-color: transparent;
  content: "";
  display: block;
  position: absolute;
  left: 8px;
  top: 4px;
  width: 8px;
  height: 14px;
  opacity: 0.1;
  border-bottom: 3px solid #b20838;
  border-right: 3px solid #b20838;
  transform: rotate(45deg);
  transition: border-color 0.3s ease;
}

/* line 92, sass/featureToggles/checkbox.scss */
input[type="checkbox"]:checked ~ label:before {
  content: "";
  background-color: #b20838;
  border-color: #b20838;
  border-width: 2px;
}

/* line 99, sass/featureToggles/checkbox.scss */
input[type="checkbox"]:checked ~ label:after {
  content: "";
  opacity: 1;
  border-color: #FFFFFF;
}

/* line 110, sass/featureToggles/checkbox.scss */
input[type="radio"] ~ label:before, input[type="radio"] ~ label:after {
  border-radius: 50%;
}

/* line 115, sass/featureToggles/checkbox.scss */
input[type="radio"] ~ label:after {
  left: 5px;
  top: 5px;
  width: 15px;
  height: 15px;
}

/* line 125, sass/featureToggles/checkbox.scss */
input[type="radio"]:checked ~ label:before {
  animation: borderscale 300ms ease-in;
}

/* line 129, sass/featureToggles/checkbox.scss */
input[type="radio"]:checked ~ label:after {
  background: #b20838;
  transform: scale(1);
}

/*# sourceMappingURL=checkbox.css.map */