/* ################################################################## */
/* ## FlipFlop-Schalter ## */
/* ## */
.toggle input {
	display: none;
}
.toggle .slider {
	/* Grundfläche */	
	position: absolute;
	cursor: pointer;
	top: 1.5em;
	/* left: 4em; */
	left: 0em;
	width: 4em;
	height: 2em;
	/* background-color: #c32e04; */
	/* red */	
	background-color: rgb(90,153,0);
	/* green */	
	transition: all .3s ease-in-out;
	border-radius: 1em;
}
.toggle .slider:before {
	/* verschiebbarer Button */	
	position: absolute;
	content: "";
	height: 1.6em;
	width: 1.6em;
	left: 0.2em;
	bottom: 0.2em;
	background-color: white;
	border-radius: 50%;
	transition: all .3s ease-in-out;
}
.toggle input:checked + .slider {
	/* background-color: #5a9900; */
	/* green */
	background-color: #c32e04;
	/* red */
}
.toggle input:focus + .slider {
	background-color: pink;
	box-shadow: 0 0 1px #5a9900;
}
.toggle input:checked + .slider:before {
	-webkit-transform: translateX(1.9em);
	/* Android 4 */	
	-ms-transform: translateX(1.9em);
	/* IE9 */	
	transform: translateX(1.9em);
}
/* ## */
/* ################################################################## */
/* ## */
.toggleInfo input {
	display: none;
}
.toggleInfo .slider {
	/* Grundfläche */	
	position: absolute;
	cursor: pointer;
	top: 1.5em;
	left: 6em;
	width: 4em;
	height: 2em;
	/* background-color: #c32e04; */
	/* red */	
	background-color: rgb(90,153,0);
	/* green */	
	transition: all .3s ease-in-out;
	border-radius: 1em;
}
.toggleInfo .slider:before {
	/* verschiebbarer Button */	
	position: absolute;
	content: "";
	height: 1.6em;
	width: 1.6em;
	left: 0.2em;
	bottom: 0.2em;
	background-color: white;
	border-radius: 50%;
	transition: all .3s ease-in-out;
}
.toggleInfo input:checked + .slider {
	/* background-color: #5a9900; */
	/* green */
	background-color: #c32e04;
	/* red */
}
.toggleInfo input:focus + .slider {
	background-color: pink;
	box-shadow: 0 0 1px #5a9900;
}
.toggleInfo input:checked + .slider:before {
	-webkit-transform: translateX(1.9em);
	/* Android 4 */	
	-ms-transform: translateX(1.9em);
	/* IE9 */	
	transform: translateX(1.9em);
}
/* ## */
/* ################################################################## */
/* ## */
.toggletext .slider:after {
	/* Text vor dem FlipFlop-Schalter */	
	position: absolute;
	/* content: "bleibt"; */
	color: rgb(90,153,0);
	font-weight: bold;
	height: 1.6em;
	left: -3.5em;
	bottom: 0.2em;
}
.toggletext input:checked + .slider:after {
	/* Text hinter dem FlipFlop-Schalter */	
	position: absolute;
	/* content: "löschen"; */
	color: #c32e04;
	left: 4.5em;
}
/* ## */
/* ################################################################## */
/* ## */
.toggletextInfo .slider:after {
	/* Text vor dem FlipFlop-Schalter */	
	position: absolute;
	content: "sichtbar";
	color: rgb(90,153,0);
	font-weight: bold;
	height: 1.6em;
	left: -5.0em;
	bottom: 0.2em;
}
.toggletextInfo input:checked + .slider:after {
	/* Text hinter dem FlipFlop-Schalter */	
	position: absolute;
	content: "nicht sichtbar";
	color: #c32e04;
	left: 5.5em;
}
/* ## */
/* ################################################################## */
/* ## */
.toggleHGB input {
	display: none;
}
.toggleHGB .slider {
	/* Grundfläche */	
	position: absolute;
	cursor: pointer;
	/*top: 1.5em;*/
	left: 6em;
	width: 4em;
	height: 2em;
	background-color: rgb(90,153,0);
	transition: all .3s ease-in-out;
	border-radius: 1em;
}
.toggleHGB .slider:before {
	/* verschiebbarer Button */	
	position: absolute;
	content: "";
	height: 1.6em;
	width: 1.6em;
	left: 0.2em;
	bottom: 0.2em;
	background-color: white;
	border-radius: 50%;
	transition: all .3s ease-in-out;
}
.toggleHGB input:checked + .slider {
	background-color: #c32e04;
}
.toggleHGB input:focus + .slider {
	background-color: pink;
	box-shadow: 0 0 1px #5a9900;
}
.toggleHGB input:checked + .slider:before {
	-webkit-transform: translateX(1.9em);
	/* Android 4 */	
	-ms-transform: translateX(1.9em);
	/* IE9 */	
	transform: translateX(1.9em);
}
/* ## */
/* ################################################################## */
/* ## */
.toggletextHGB .slider:after {
	/* Text vor dem FlipFlop-Schalter */	
	position: absolute;
	content: "aktiv";
	color: rgb(90,153,0);
	font-weight: bold;
	height: 1.6em;
	left: -5.0em;
	bottom: 0.2em;
}
.toggletextHGB input:checked + .slider:after {
	/* Text hinter dem FlipFlop-Schalter */	
	position: absolute;
	content: "nicht aktiv";
	color: #c32e04;
	left: 5.5em;
}
/* ## */
/* ################################################################## */
/* ## */
.toggleHGBSD input {
	display: none;
}
.toggleHGBSD .slider {
	/* Grundfläche */	
	position: absolute;
	cursor: pointer;
	/*top: 1.5em;*/
	left: 9.5em;
	width: 4em;
	height: 2em;
	background-color: rgb(90,153,0);
	transition: all .3s ease-in-out;
	border-radius: 1em;
}
.toggleHGBSD .slider:before {
	/* verschiebbarer Button */	
	position: absolute;
	content: "";
	height: 1.6em;
	width: 1.6em;
	left: 0.2em;
	bottom: 0.2em;
	background-color: white;
	border-radius: 50%;
	transition: all .3s ease-in-out;
}
.toggleHGBSD input:checked + .slider {
	background-color: #c32e04;
}
.toggleHGBSD input:focus + .slider {
	background-color: pink;
	box-shadow: 0 0 1px #5a9900;
}
.toggleHGBSD input:checked + .slider:before {
	-webkit-transform: translateX(1.9em);
	/* Android 4 */	
	-ms-transform: translateX(1.9em);
	/* IE9 */	
	transform: translateX(1.9em);
}
/* ## */
/* ################################################################## */
/* ## */
.toggletextHGBSD .slider:after {
	/* Text vor dem FlipFlop-Schalter */	
	position: absolute;
	content: "nicht löschen";
	color: rgb(90,153,0);
	font-weight: bold;
	height: 1.6em;
	left: -9.0em;
	bottom: 0.2em;
}
.toggletextHGBSD input:checked + .slider:after {
	/* Text hinter dem FlipFlop-Schalter */	
	position: absolute;
	content: "löschen";
	color: #c32e04;
	left: 5.5em;
}
/* ## */
/* ################################################################## */