/*Felder Hintergründe und Text */
        .cb_bgl {
            background-color:var(--cb-backgroundl);
            backdrop-filter: blur(1em);
            }
        .cb_bgm {
            background-color:var(--cb-backgroundm);
            backdrop-filter: blur(1em);
                }
        .cb_bgd {
            background-color:var(--cb-backgroundd);
            backdrop-filter: blur(1em);
            }
        .cb_bgh {
            background-color: var(--hl_color_list);
            backdrop-filter: blur(1em);
        }

/*Zusatz optionen*/
        .highlight {
            border: ;
            box-shadow: inset 0 0 5px 5px rgba(204, 0, 0, 0.50);
        }

        .ntm {
            color:var(--middle_text_color) !important;
            background-color:var(--cb-backgroundl);
            background-image:linear-gradient(-45deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
        }
        .lwd6 {
            color:var(--middle_text_color) !important;
            background-color:var(--cb-backgroundl);
            background-image:linear-gradient(-45deg, rgba(255, 102, 0, 0.25), rgba(255, 102, 0, 0.2));
        }
        .lwd7 {
            color:var(--middle_text_color) !important;
            background-color:var(--cb-backgroundl);
            background-image:linear-gradient(-45deg, rgba(255, 102, 0, 0.35), rgba(255, 102, 0, 0.30));
        }

        .lwd1-5 {
            color:var(--dark_text_color) !important;
            background-color: transparent;
            background-image:linear-gradient(-45deg, rgba(255, 245, 245, 0.6) 20%, rgba(255, 255, 255, 0.5));}

        .lwdbefore {
            color:var(--middle_text_color) !important;
            background-image:linear-gradient(-45deg, rgba(99,99,99, 0.5) 20%, rgba(99,99,99, 0.3));}


        .fd {
            color:var(--middle_text_color) !important;
            background-color:var(--cb-backgroundl);
            background-image:linear-gradient(-45deg, rgba(0, 0, 204, 0.4), rgba(0, 0, 204, 0.35));
        }

        .bu {
            color:var(--dark_text_color) !important;
            background-color:var(--cb-backgroundl);
            background-image:linear-gradient(-45deg, rgba(201, 204, 0, 0.75), rgba(201, 204, 0, 0.65));
        }

        .ulsp {
            color:var(--middle_text_color) !important;
            background-color:var(--cb-backgroundl);
            background-image:linear-gradient(-45deg, rgba(204, 0, 0, 0.25), rgba(204, 0, 0, 0.20));
        }


        .worahead{ color:var(--dark_text_color) !important;
                   background-color: rgba(51, 255, 102, 0.3);
        }
        .worbefore{ color:var(--dark_text_color) !important;
                   background-color: rgba(51, 255, 102, 0.6);
        }
        .todaycell {background-color:var(--cb-backgroundm);
                    color:var(--middle_text_color)  !important;}


        .warn {
              background-color:var(--cb-backgroundwarning);
              }

        .note {
              background-color:var(--cb-backgroundnegative);

        }
             .note > .fil0 {
                fill: var(--dark_text_color) !important;
            }


        .content_box > .cb-topic{
            display:grid;
            grid-template-columns:3em 3em auto 3em 3em;
            grid-auto-rows: 3em;
            grid-gap:1px 1px;
            margin-bottom:1px;

        }
            .cb-topic .cb-top{
                            display:flex;
                            letter-spacing:0.08em;
                            color:var(--light_text_color);
                            font-size:1.2em;
                            align-items: center;
                            padding-left:1em;
                        }

            .cb-topic .cb-tabtop {

                            display:flex;
                            color:var(--light_text_color);
                            font-size:0.8em;
                            align-items: center;
                            justify-content:center;
                            text-align: center;
                            font-weight: normal;
                            line-height: 140%;
            }

                .content_box a:link, .content_box a:visited {text-decoration: underline dotted;
                                   color: inherit;}



            .cb-topic .cb-top_icon {
                            color:var(--light_text_color);
                            display:flex;
                            align-items: center;
                            justify-content:center;
                        }
            .cb-topic .cb-top_icon_c {
                            background-color:var(--hl_color);
                            color:var(--light_text_color);
                            display:flex;
                            align-items: center;
                            justify-content:center;
                        }

            .cb-topic .cb-top_icon_c .fiL0, .cb-topic .cb-top_icon .fiL0{
                                fill:var(--light_text_color);
                                }

            .cb-topic .normgrid {
                        font-size:1.1em;

            }

        .list_grid{
            display:grid;
            grid-auto-rows: 1.5em;
            grid-gap:2px;
            padding:0.5em 0.5em;
        }
        .list_grid{margin-bottom:1px;}

        .list_grid > .cell_grid {
             /*border:1px solid red;*/
        }


        .list_TNr {
            font-family:din1451m;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size:1em;
            width:2.5em;
            height:2.0em;
            letter-spacing:0.05em;
            background-color:var(--middle_text_color);
            color:var(--dark_text_color);
            border-radius:45%;
            box-shadow: inset 0 0 0.05em #2F2F2F,0 0 0 0.15em var(--dark_text_color), 0 0 0 0.25em var(--middle_text_color);
        }


        .list_grid_select_label {

            appearance: none;
            font-size:0.9em;
            width:100%;
            /*box-shadow:0 0 0 0.08em var(--light_color);*/

            border-radius:2em;
            background-color:var(--cb-backgroundd);
            color:var(--light_color);
            outline: none;
            position: relative;
            border:0px;
            display: block;


            }

         ::placeholder, .sl_placeholder {

                color:var(--plh_text_color);
                font-weight:normal;
                font-size:0.8em;
                text-align:center;
             }



         .list_grid select {
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            appearance: none;
            font-size:1em;
            font-weight:normal;
            width:100%;
            height:1.7em !important;
            padding:.3em 2.3em .3em 1em;
            /*box-shadow:0 0 0 0.08em var(--light_color);*/
            border-radius:2em;
            background:none;
            color:var(--light_color);
            outline: none;
            position: relative;
            border:0px;
            transition: box-shadow 400ms;
            cursor: pointer;
            box-shadow :0 0 0 0.08em rgba(255, 255, 255, 0.1);
            z-index:1;

            }

            .list_grid select:required:invalid {
                color:var(--plh_text_color);

            }
            .list_grid option[value=""][disabled] {
                display: none;
            }

            .list_grid optgroup {font-size: 0.8em;}

            .list_grid select option {
                 -moz-appearance: none;
                 -webkit-appearance: none;
                 appearance: none;
                 background-color:transparent;
                 font-size: 1em;
                 color: #2F2F2F;
                 border-radius: .2em 1em .2em .2em;
                 box-shadow :0 0 0 0.08em rgba(255, 255, 255, 0.1);

            }


            .ddcircle {
                    fill:var(--light_text_color);
                    transition: fill 400ms;
            }

            .drdoarrow {
                    position: absolute;
                    top:0.25em;
                    right:0.25em;
                    bottom:0.25em;
                    border-radius:2em;
                    font-size: 1em;
                    z-index: 0;

                }



            .drdoarrow .ddarrow {
                    fill:transparent;
                    transition: fill 200ms;

                   }

            .list_grid_select:hover + .drdoarrow .ddcircle {
                    fill:var(--hl_color);
                   }

            .list_grid_select:hover + .drdoarrow .ddarrow {
                    fill:var(--light_text_color);
                   }
             /*
            .list_grid_select:hover + .drdoarrow .ddarrow {
                    fill:var(--light-color);
                   }*/

            .list_grid_select:hover, .list_grid_select:active {

                box-shadow :0 0 0 0.08em var(--hl_color);


            }

            .list_grid input[type=text], .list_grid input[type=password], .list_grid input[type=number], .list_grid input[type=time], .list_grid input[type=datetime-local] {
                font-size:1em;
                font-weight:normal;
                width:100%;
                height:1.7em;
                padding:.3em 1em .3em 1em;
                border-radius:2em;
                background-color:var(--cb-backgroundd);
                color:var(--light_color);
                outline: none;
                position: relative;
                border:0px;
                transition: box-shadow 400ms;
                cursor: text;
                z-index:1;
                box-shadow :0 0 0 0.08em rgba(255, 255, 255, 0.1);
                }



            .list_grid input[type=submit]   {
                font-size:1em;
                font-weight:normal;
                width:100%;
                height:1.7em;
                padding:.3em 1em .3em 1em;
                border-radius:2em;
                background-image:linear-gradient(120deg, var(--cb-backgroundl) 50%, var(--cb-backgroundd) 100%));
                color:var(--dark_text_color);
                outline: none;
                position: relative;
                border:0px;
                transition: box-shadow 400ms;
                cursor: pointer;
                z-index:1;
                box-shadow :none;


                }

                .list_grid input[type=submit]:hover, .list_grid input[type=submit]:active, .list_grid input[type=submit]:focus{
                     box-shadow :0 0 0 0.05em var(--hl_color);
                     background-image:linear-gradient(120deg, var(--cb-backgroundd) 50%, var(--cb-backgroundl) 100%));


            }

            .list_grid input::placeholder {
                color:var(--plh_text_color);
             }

            .list_grid input:hover, .list_grid input:active, .list_grid input:focus{

                box-shadow :0 0 0 0.08em var(--hl_color);


            }

            .list_grid input[type=date], .list_grid input[type=time] {
                font-size:1em;
                font-weight:normal;
                width:100%;
                height:1.7em;
                padding:.3em 1em .3em 1em;
                border-radius:2em;
                background-color:var(--cb-backgroundd);
                color:var(--light_color);
                outline: none;
                position: relative;
                border:0px;
                transition: box-shadow 400ms;
                cursor: text;
                text-align:center;
                z-index:1;

             }

             .list_grid input[type=date]:hover, .list_grid input[type=date]:active, .list_grid input[type=date]:focus, .list_grid input[type=date]:focus{
                box-shadow :0 0 0 0.05em var(--hl_color);
                 background-image:linear-gradient(120deg, var(--cb-backgroundd) 50%, var(--cb-backgroundl) 100%));
             }


            input[disabled]{
                cursor: not-allowed !important;
                background-color:var(--cb-backgroundl) !important;

            }

            .list_grid input[type=radio]{
                position:relative;
                top:0.20em;

            }



            .switch {
                position: relative;
                display: inline-block;
                width: 2.6em;
                height: 1.4em;
                transition: box-shadow 400ms;
                box-shadow: 0;
            }

            .switch input {
                opacity: 0;
                width: 0;
                height: 0;
            }

            .slider {
                position: absolute;
                cursor: pointer;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: var(--cb-backgroundd);
                webkit-transition: .4s;
                transition: .4s;
            }

            .slider:before {
               position: absolute;
               content: "";
               height: 1em;
               width: 1em;
               left: 0.2em;
               bottom: 0.2em;
               background-color: var(--light_text_color);
               -webkit-transition: .4s;
               transition: .4s;
            }

            input:checked + .slider {
                background-color: var(--hl_color);
            }

            input:checked + .slider:before {
                -webkit-transform: translateX(1.2em);
                -ms-transform: translateX(1.2em);
                transform: translateX(1.2em);
            }
            /* Rounded sliders */
            .slider.round {
                border-radius: 0.7em;
            }

            .slider.round:before {
                border-radius: 0.7em;
            }

            .slider:hover {

               box-shadow :0 0 0 0.08em var(--hl_color);
            }


            /*
            appearance: none;
            border-left: 3px solid rgba(var(--mainhlcolor),0.7);
            border-bottom: 1px solid rgba(var(--mainhlcolor),0.7);
            border-right:0px;
            border-top:0px;
            outline: none;
            width: 100%;
            cursor: pointer;
            height: 1.8em;
            padding-left: 10px;
            background-color:rgba(var(--darkbgcolor),0.1);
            background-image:linear-gradient(315deg, rgba(var(--mainhlcolor),0.7) 0.5em, transparent 0.5em);
            color: rgb(var(--darktextcolor));
            font-size: 1em;
            font-weight:bold;} */




        fieldset  {
             margin:0px;
             padding:0.2em 0.3em 0.3em 0.3em;
             border:0px;
             border-radius:3px;
             box-shadow :0 0 0 0.05em var(--hl_color);
             background-color:var(--cb-backgroundl);
             outline: none;
             font-size:0.9em;

           }
           fieldset legend{
                    font-size:0.9em;
                    font-weight:bold;
                    color: var(--dark_text_color);
                    text-align:left;
                    background-color:rgba(var(--lightbgcolor),1);
                    border:0px;
                    border-radius:5px;
                    padding:0.06em 0.5em;
                    box-shadow :0 0 0 0.05em var(--hl_color);
           }


        .list_grid .fiL0 {
            fill:var(--middle_text_color);
            }


        .svg-trans{
            fill:transparent;
            cursor: pointer;
        }


        .svg-delete{
            fill:var(--red-display);
            cursor: pointer;
            transition: fill 200ms;
        }

        .svg-button:hover .svg-delete, .svg-button:active .svg-delete{
            fill:var(--red-highlight);
            box-shadow:0 0 0.3em #2F2F2F;
        }

        .svg-edit{
            fill:var(--light_text_color);
            cursor: pointer;
        }

        .svg-edit:hover, .svg-edit:active{
            fill:var(--hl_color);

        }

        .ma_Info_Link:hover {
            text-decoration: underline dotted;
        }

        .svg-config{
            fill:var(--light_text_color);
            cursor: pointer;
        }

        .svg-button:hover .svg-config, .svg-button:active .svg-config{
            fill:var(--hl_color);
            transition: fill 200ms;
        }

        .gimage {
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            background-origin: content-box;
            cursor: zoom-in  ;
            box-shadow :0 0 0 0.05em var(--light_text_color);
            transition: box-shadow 400ms;
        }

        .gimage:hover  {
             box-shadow :0 0 0 0.08em var(--hl_color);
        }

        .configbox {display: grid; backdrop-filter: blur(5px);}
        .hidden {display:none;}