input[required]:invalid, select[required]:invalid, textarea[required]:invalid	{border-bottom: 2px solid LightCoral;}
input[required]:valid, select[required]:valid, textarea[required]:valid 	{border-bottom: 2px solid PaleGreen;}
input[minlength]:invalid 	{border-bottom: 2px solid LightCoral;}
input[minlength]:valid 	{border-bottom: 2px solid Lime;}
input:in-range			{background-color: rgb(195, 250, 195);}

.toggle_radio label     {position: relative; display: inline-block; width: 10em; height: 3.5em;}
.toggle_radio input     {display: none;}
/* Grundfläche */
.toggle_radio .slider_radio {position: absolute; cursor: pointer; top: 1.5em; left: 3em; width: 4em; height: 2em; background-color: #c32e04; transition: all .3s ease-in-out; border-radius: 1em;}
/* verschiebbarer Button */
.toggle_radio .slider_radio:before {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_radio input:checked + .slider_radio {background-color: #5a9900;}
.toggle_radio input:focus + .slider_radio {background-color: pink;	box-shadow: 0 0 1px #5a9900;}
.toggle_radio input:checked + .slider_radio:before {transform: translateX(1.9em);}
/* Text vor dem FlipFlop-Schalter */
.text_radio .slider_radio:after {position: absolute; content: "AUS"; color: #c32e04; font-weight: bold; height: 1.6em; left: -2.5em; bottom: 0.2em;}
/* Text hinter dem FlipFlop-Schalter */
.text_radio input:checked + .slider_radio:after {position: absolute; content: "AN"; color: #5a9900; left: 4.5em;}
