@charset "utf-8";
[type="checkbox"] {
  position: relative;
  /*left: 30px;
  top: 0px;*/
  z-index: 0;
 -webkit-appearance: none;/* */
}
[type="checkbox"] + label {
  position: relative;/**/
  display: block;
  cursor: pointer;
  font-family: sans-serif, serif;
  font-size: 16px;/*24px label schriftgroesse*/
  line-height: 1.3em;
  padding-left:70px;
  position: relative;
  margin-top: -30px;
  /*font-size: 20px; kleine checkbox*/
}
/*unterer bereich bett*/
[type="checkbox"] + label:before {
  width: 60px;
  height: 30px;
  width: 50px;/*50 kleine checkbox*/
 height: 20px; /*20 kleine checkbox*/
  border-radius: 30px;
  border: 2px solid #ddd;
  background-color: #EEE;/*hintergrundfarbe des bettes*/
  content: "";
  margin-right: 15px;
  transition: background-color 0.5s linear;
  z-index: 5;
  position: absolute; /*ich am 15.06*/
  left: 0px;
}
/*der kreis*/
[type="checkbox"] + label:after {
  width: 30px;
  height: 30px;
  width: 20px;/*20 kleine checkbox*/
  height: 20px;/*20 kleine checkbox*/
  border-radius: 30px;
  background-color: #fff;
  content: "";
  transition: margin 0.1s linear;
  box-shadow: 0px 0px 5px #aaa;
  position: absolute;/* ich am 15.06*/
  left: 2px;
  top: 2px;
  z-index: 10;
}
[type="checkbox"]:checked + label:before {
  background-color: #2b8718;  
}
[type="checkbox"]:checked + label:after {
  margin: 0 0 0 30px;
}
/* ich am 08.06.2023 weil die "echte" checkbox noch vorgesehen hat*/
[type="checkbox"]{
	margin-left: 6px;
}
/*rot bei hover technische cookie kann man nicht loeschen*/
#technisch:hover + label{
	color: red;
}