


.cbwsfm_box {
padding: 2%;
border: 1px solid #000000;
background-color: #fff;
margin-bottom: 10px;
}

/*######################*/
######### CHECKBOX
########################*/

input.cbwsfm_checkbox_slide[type="checkbox"] {
appearance: none;
height: 20px;
width: 50px;
background-color: #34384b;
border-radius: 50px;
position: relative;
transition: 300ms;
cursor: pointer;
outline: none;
border: 1px solid #000;
}

input.cbwsfm_checkbox_slide[type="checkbox"]:before {
content: "";
position: absolute;
height: 10px;
width: 10px;
background-color: #d5d5d5;
border-radius: 50%;
border: 1px solid #000;
left: 3px;
top: 3px;
transition: 300ms;
}

input.cbwsfm_checkbox_slide[type="checkbox"]:checked {
background-color: #ececec;
}

input.cbwsfm_checkbox_slide[type="checkbox"]:checked:before {
background-color: #22c900; /* 5acbff*/
top: 4px;
left: 30px;
height: 15px;
width: 15px;

}


/*######################*/
######### MENU
########################*/

.cbwsfm-menu {
list-style: none;
margin: 0 auto;
padding: 0;
width: fit-content;
}

/* Alle ULs resetten */
.cbwsfm-menu ul {
list-style: none;
margin: 0;
padding: 0;
}

/* Einheitlicher Abstand */
.cbwsfm-menu li {
margin: 6px 0;
list-style: none;
}

/* Links zentriert */
.cbwsfm-menu a {


line-height: normal;

/* min-height: 25px */

padding: 0px 10px;;

color: yellow;
text-decoration: none;
border-radius: 12px;;
box-sizing: border-box;

transition: background-color 0.2s ease, color 0.2s ease;
}

/* Hover */
.cbwsfm-menu a:hover {
background-color: #750003;;
color: #D16500;;

}

/* Submenu: Einzug, aber Text bleibt zentriert */
.cbwsfm-menu ul {
margin-left: 0px;
}