body{
    color: #3f3f3f;
    padding: 25px;
    font-size: 32pt;
}
table{
    width: 100%;
}
.switch{
    vertical-align: middle;
    text-align: right;
    width: 65px;
}
.form-switch{
    padding: 0px;
}
.form-check-input{
    margin-left: 0px !important;
}
.batt { 
    position: relative; /* WICHTIG: sonst hat ::before keine Fläche */ 
    /*color: white; */
    text-align: center;
    width: 100px;
}
.batt span { 
    position: relative; 
    z-index: 2; /* Text über der Maske */
    text-align:center;
    vertical-align: middle;
    font-size: 24pt;
}
/* Gemeinsame Mask-Eigenschaften für alle Batteriestände */ 
.batt::before {
    content: ""; 
    position: absolute; 
    inset: 0; 
    z-index: 1; 
    -webkit-mask-repeat: no-repeat; 
    mask-repeat: no-repeat; 
    -webkit-mask-size: contain; 
    mask-size: contain; 
    -webkit-mask-position: left; 
    mask-position: left; 
    background-color: #888888; /* Standardfarbe */ 
}

.batt0::before{
    -webkit-mask-image: url('../images/battery_android_0.svg');
    mask-image: url('../images/battery_android_0.svg');
    background-color: rgb(151, 0, 0);
}
.batt1::before{
    -webkit-mask-image: url('../images/battery_android_frame_1.svg');
    mask-image: url('../images/battery_android_frame_1.svg');
    background-color: rgb(151, 0, 0);
}
.batt2::before{
    -webkit-mask-image: url('../images/battery_android_frame_2.svg');
    mask-image: url('../images/battery_android_frame_2.svg');
    background-color: rgb(151, 111, 0);
}
.batt3::before{
    -webkit-mask-image: url('../images/battery_android_frame_3.svg');
    mask-image: url('../images/battery_android_frame_3.svg');
    background-color: rgb(48, 151, 0);
}
.batt4::before{
    -webkit-mask-image: url('../images/battery_android_frame_4.svg');
    mask-image: url('../images/battery_android_frame_4.svg');
    background-color: rgb(48, 151, 0);
}
.batt5::before{
    -webkit-mask-image: url('../images/battery_android_frame_5.svg');
    mask-image: url('../images/battery_android_frame_5.svg');
    background-color: rgb(48, 151, 0);
}
.batt6::before{
    -webkit-mask-image: url('../images/battery_android_frame_6.svg');
    mask-image: url('../images/battery_android_frame_6.svg');
    background-color: rgb(48, 151, 0);
}
.batt7::before{
    -webkit-mask-image: url('../images/battery_android_frame_full.svg');
    mask-image: url('../images/battery_android_frame_full.svg');
    background-color: rgb(48, 151, 0);
}
.modal-body{
    font-size: 14pt;
}
.active{
    background-color: rgb(255, 174, 53);
}
.activeSwitch{
    background-color: rgb(255, 83, 53);
    color: white;
}