#form-field-12814 input {
	position: relative;
	width: 2em;
	height: 1em;
	flex-basis: 2em;
}
#form-field-12814 input[type=checkbox]:first-child {
	position: absolute;
	right: 100%;
}
#form-field-12814 input[type=checkbox] + label {
	margin-left: 0;
	--label-width: auto;
}
#form-field-12814 input[type=checkbox] + label::before {
	content: 'aus';
	display: inline-block;
	min-width: 60px;
	color: red;
}
#form-field-12814 input[type=checkbox]:checked + label::before {
	content: 'ein';
	color: green;
}
#form-field-12814 input[type=checkbox]:focus + label::before {
	outline: 1px dotted;
}
#form-field-12813 input[type=checkbox]:first-child {
	position: absolute;
	right: 100%;
}
#form-field-12813 input[type=checkbox] + label {
	margin-left: 0;
	--label-width: auto;
}
#form-field-12813 input[type=checkbox] + label::before {
	content: '';
	font-family: FontAwesome;
	display: inline-block;
	min-width: 60px;
}
#form-field-12813 input[type=checkbox]:checked + label::before {
	content: '';
}
#form-field-12813 input[type=checkbox]:focus + label::before {
	outline: 1px dotted;
}
#form-field-12810 input[type=checkbox]:first-child {
	position: absolute;
	right: 100%;
}
#form-field-12810 input[type=checkbox] + label {
	margin-left: 0;
	--label-width: auto;
	position: relative;
	padding-left: 2.6em;
}
#form-field-12810 input[type=checkbox] + label::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 2em;
	height: 1em;
	border: 1px solid black;
	border-radius: 0.5em;
	background: linear-gradient(to right, green 40%, red 60%);
}
#form-field-12810 input[type=checkbox] + label::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	border: 1px solid black;
	border-radius: 50%;
	background: white;
	transition: left 0.5s;
}
#form-field-12810 input[type=checkbox]:checked + label::after {
	left: 1em;
}
#form-field-12810 input[type=checkbox]:focus + label::before {
	outline: 1px dotted;
	outline-offset: 1px;
}
#form-field-12811 input[type=checkbox]:first-child {
	position: absolute;
	right: 100%;
}
#form-field-12811 input[type=checkbox] + label {
	margin-left: 0;
	--label-width: auto;
	position: relative;
	padding-left: 2.6em;
}
#form-field-12811 input[type=checkbox] + label::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 2em;
	height: 1em;
	border: 1px solid black;
	border-radius: 0.5em;
	background: #666;
}
#form-field-12811 input[type=checkbox] + label::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	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[type=checkbox]:checked + label::after {
	left: 1em;
	background-color: rgb(0,127,0);
}
#form-field-12811 input[type=checkbox]:focus + label::before {
	outline: 1px dotted;
	outline-offset: 1px;
}
#form-field-13882 input[type=checkbox]:first-child {
	position: absolute;
	right: 100%;
}
#form-field-13882 input[type=checkbox] + label {
	margin-left: 0;
	--label-width: auto;
	position: relative;
	padding-left: 2.6em;
}
#form-field-13882 input[type=checkbox] + label::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 2em;
	height: 1em;
	border: 1px solid black;
	border-radius: 0.5em;
	background-color: rgb(255,0,0);
	transition: background-color 0.5s;
}
#form-field-13882 input[type=checkbox]:checked + label::before {
	background-color: rgb(0,127,0);
}
#form-field-13882 input[type=checkbox] + label::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	border: 1px solid black;
	border-radius: 50%;
	background: radial-gradient(circle at 45% 45%,white 53%,#000);
	transition: left 0.5s;
}
#form-field-13882 input[type=checkbox]:checked + label::after {
	left: 1em;
}
#form-field-13882 input[type=checkbox]:focus + label::before {
	outline: 1px dotted;
	outline-offset: 1px;
}
body label , body test + test {
	--kommentar: 'die ganze Regel ist nur gültig, wenn der + Operator erkannt wird';
	color: blue;
}
#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;
}