.buttonzoom{
    z-index: 800;
    font-size: 18px;
    position: absolute; 
    width: 45px; 
    height: 27px; 
    padding-top: 12px;
    padding-bottom: 5px;
    right: 10px; 
    background: #f5f5f5;
     align-items: center;
      border-radius: 30px;
                     text-align: center;
                     vertical-align: central;
                     justify-content: center;
                    // box-shadow: 5px 5px 5px #cbcbcb;
                      // background: rgba(103, 242, 249, 0.3);
                     //  background: linear-gradient(to right, darkblue, darkorchid,rgba(80,180,240));
                  //     color: white;
                 //      border: 1px solid #e900f0;
 // background: linear-gradient(90deg, rgb(106, 100, 255) 0%, rgb(226, 123, 255) 42%, rgb(88, 200, 217) 85%);
                      background: rgba(200, 200, 200, 0.3);
//border-radius: 16px;
//box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
//border: 1px solid rgba(100, 100, 100, 0.3);
border-image: none;
         border-width: 2px;
  border-style: solid;
         border-color: #e6e6e6;
box-shadow: rgb(244, 244, 244) 6px 6px 7px -0px;
//border: 1px solid rgba(0, 195, 255, 0.3)
}


.buttonpanel{
     z-index: 1005;
    display: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: calc(100% - 0px);
    height: 60px;
    background: white;
    border: 1px solid #cccccc;
  
 //   box-shadow: slategray 0px -10px 20px -18px;
  //  box-shadow: slategray 10px 10px 15px -10px;
   // border-radius: 10px;
    
}
@media (max-width: 801px){
.buttonpanel{
             
             display: flex;
             justify-content: center;
                         
}}



.buttonfilter{
                 position: relative;
              float: left;
                     bottom: 0px;
                     left: 10px;
                     z-index: 1005;
                     padding: 15px;
                     padding-top: 9px;
                     padding-bottom: 9px;
         
                     width: 60px;
                     height: 40px;
             
                     align-items: center;
                     text-align: center;
                     vertical-align: central;
                     justify-content: center;
                     
           //            border-image: radial-gradient(black,white) 1;
 // border-left: silver inset 1px;
 // border-right: silver inset 1px;
                       //    background: #f5f5f5;
             //      color: white;
                //     border-radius: 30px;
          //   background: linear-gradient(120deg, rgb(74, 67, 255) 0%,  rgb(98, 217, 236) 42%, rgb(96, 193, 208) 85%);
         
//box-shadow: rgb(194, 193, 193) 6px 6px 7px -0px;


//border-image: none;
  //       border-width: 1px;
 // border-style: solid;
 //        border-color: white;
                  
                 }
                 
                 
                 
                 .buttonresult{
                      
                  position: relative;
                    float: left;
                    
                     z-index: 1005;
                     padding: 15px;
                     
                     padding-top: 9px;
                     padding-bottom: 9px;
                
                     
                     width: 60px;
                     height: 40px;
                    color: black;
                     align-items: center;
                     text-align: center;
                     vertical-align: central;
                     justify-content: center;
                     font-size: 15px;
         //              border-image: radial-gradient(black,white) 1;
 /// border-left: silver inset 1px;
 // border-right: silver inset 1px;
     
         
                     
                 }
                 .buttonpusch{
                 
       // background:;             
       //                 background: linear-gradient(to right, darkblue, darkorchid,rgba(80,180,240));
     //   border-image: none;
      //   border-width: 2px;
//  border-style: solid;
  //       border-color: white;
      //  color: white;
                     
                 //    background: #9a9a9a;
                //     box-shadow: 3px 3px 5px silver;
                 }
                 
                  
                 @media (min-width: 801px){
                 .buttonzoom{
                          width: 45px; 
                          height: 31px; 
                          padding-top: 7px;
                          font-size: 24px;
                          right: 15px; 
   
                     }
                 }