.switch{display:inline-block;position:relative;width:4.5em;height:2em;}.switch input{display:none;}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;}.switch .slider:before{vertical-align:middle;position:absolute;content:"";width:1.8em;height:1.8em;top:0;bottom:0;left:.1em;margin-top:auto;margin-bottom:auto;background-color:#fff;-webkit-transition:.4s;transition:.4s;}.switch input:checked+.slider{background-color:#007bff;}.switch.switch-color-both-cases input+.slider{background-color:#007bff;}.switch input:checked+.slider:before{-webkit-transform:translateX(2.4em);-ms-transform:translateX(2.4em);transform:translateX(2.4em);}.switch input:checked~.switch-labeled:after{opacity:1;}.switch input:checked~.switch-labeled:before{opacity:0;}.switch .slider-round{border-radius:1em;}.switch .slider-round:before{border-radius:50%;}.switch-labeled{height:2em;line-height:2em;}.switch-labeled:before,.switch-labeled:after{position:absolute;font-weight:bold;-webkit-transition:.4s;transition:.4s;}.switch-labeled:before{left:-3rem;content:"links";color:#007bff;}.switch-labeled:after{right:-3.5rem;content:"rechts";color:#007bff;opacity:0;}