#form-field-12810 input {
	position: relative;
	height: 1em;
	width: 2em;
	flex-basis: 2em;
}
#form-field-12810 input::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	border: 1px solid black;
	border-radius: 0.5em;
	background: linear-gradient(to right, green 49%, red 50%);
}
#form-field-12810 input::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	bottom: 0;
	border: 1px solid black;
	border-radius: 50%;
	background: white;
	transition: left 0.5s;
}
#form-field-12810 input:checked::after {
	left: 50%;
}
#form-field-12811 input {
	position: relative;
	height: 1em;
	width: 2em;
	flex-basis: 2em;
}
#form-field-12811 input::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	border: 1px solid black;
	border-radius: 0.5em;
	background: #666;
}
#form-field-12811 input::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	bottom: 0;
	border: 1px solid black;
	border-radius: 50%;
	background-color: rgb(255,0,0);
	transition: left 0.5s, background-color 0.5s;
}
#form-field-12811 input:checked::after {
	left: 50%;
	background-color: rgb(0,127,0);
}
#form-field-12812 input {
	position: relative;
	height: 1em;
	width: 2em;
	flex-basis: 2em;
}
#form-field-12812 input::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	border: 1px solid black;
	border-radius: 0.5em;
	background-color: rgb(255,0,0);
	transition: background-color 0.5s;
}
#form-field-12812 input:checked::before {
	background-color: rgb(0,127,0);
}
#form-field-12812 input::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	bottom: 0;
	border: 1px solid black;
	border-radius: 50%;
	background: radial-gradient(circle at 45% 45%,white 53%,#000);
	transition: left 0.5s;
}
#form-field-12812 input:checked::after {
	left: 50%;
}
#form-field-12813 input {
	position: relative;
	width: 1em;
	height: 1em;
	flex-basis: 1em;
}
#form-field-12813 input::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: white;
	content: '';
	font-family: FontAwesome;
	border: none;
	border-radius: 0;
}
#form-field-12813 input:checked::after {
	content: '';
}
#form-field-12813 input::before {
	content: none;
}
#form-field-12814 input {
	position: relative;
	width: 2em;
	height: 1em;
	flex-basis: 2em;
}
#form-field-12814 input::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: white;
	content: 'nein';
	color: red;
	border: none;
	border-radius: 0;
	font-family: Arial;
}
#form-field-12814 input:checked::after {
	content: 'ja';
	color: green;
}
#form-field-12814 input::before {
	content: none;
}
#form-12808 {
	--bgcolor: white;
	font-size: 200%;
	padding: 10px;
	background-color: var(--bgcolor);
}
#form-12808 input[type='checkbox'] , #form-12808 input[type='radio'] {
	position: relative;
}
#form-12808 input[type=radio]:checked::after {
	width: 100%;
	height: 100%;
	background: white;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	font-family: FontAwesome;
}
#form-12808 input[type=radio] {
	width: 1em;
	height: 1em;
	flex-basis: 1em;
}