@media all and (min-width: 80em) {

   main, .submenue{
          left: var(--mainmenuewith);
          }

   .mmb {display:none;}

   mainmenue {
          left: 0;
          }

   .input-container, .versionsinfo {
          width:40em;
   }

  } /*@media all and (min-width: 80em)*/

  @media all and (max-width: 80em) and (min-width: 40.1em){
     body, .worktimecal .tabview, .cashtable
        {font-size:0.95em;}

     :root{--topicicondim:calc(var(--topmenueheight)*0.6);}
     .datecell .txt{width:calc(var(--topmenueheight)*2);
                    font-size:1.05em;}

     mainmenue {
          left:calc(var(--mainmenuewith) * (-1.2));
          width: calc(var(--mainmenuewith)* 0.85);
          }
    @media all and (max-height: 60em){
            .mmlogo, .mmuser {display:none;}
    }

      main, .submenue {
          left:0em;
      }
      .main {padding:0.6em;}

      .mmb {display:;}

      .input-container, .versionsinfo, .container{
          min-width:20em;
      }

   }   /*@media all and (max-width: 80em)*/

   @media all and (max-width: 40em) {
      body,.worktimecal .tabview, .cashtable, .cashtablezoom
            {font-size:0.70em;}

      :root{--topicicondim:calc(var(--topmenueheight)*0.5);}
      .datecell .txt{width:calc(var(--topmenueheight)*1.5);
                    font-size:1.05em;}

      mainmenue {
          left:calc(var(--mainmenuewith) * (-1.2));
          width: calc(var(--mainmenuewith)* 0.7);
      }


     .mmuser, .mmmenue {display:none;}

      main, .submenue {
          left:0em;
          }
      .main {padding:0.3em;}

      .mmb {display:;}

      .worktimecal .tabview,.worktimecal .kw,.worktimecal .th
             {font-size:0.5rem; font-weight:;}

      .input-container, .versionsinfo {
         min-width:15em;
         max-width:20em;}
         font-weight: bold
   }