html {
    overflow-x: hidden;
    overflow-y: scroll;
    /* min-width:768px; */
    -webkit-overflow-scrolling: touch;
}

::-webkit-scrollbar {
    -webkit-appearance: false;
    width: 8px;
}

::-webkit-scrollbar-track {
    background-color: rgba(57,57,57, .6);
    border-radius: 8px;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: rgba(156, 156, 156, .6);
}

/* p { 
   -webkit-text-size-adjust:"100%";
   }  */

@media screen {                  
    body {
      -webkit-text-size-adjust: "100%";
    }
  }


          #waehle_container {
              display: flex;
              justify-content:space-around;
              width: 93%;
              margin: auto;
              
              height: 60px;
              /* background: #ffff00; */
              visibility: hidden
          }
          .waehle_child {
        
              margin: auto;
              user-select: none;
              
          }
          #Anwendung {
              left: 3.5%;
              margin-top:1%;
              position:relative;
              width: 93%;
          }
          #Auswahl {
              left: 20%;
              right: 20%;
              top:10%;
              
              padding-top: 4%;
              padding-bottom: 4%;
              
              position:absolute;
              
              background-color: #ffffff;
              
              box-shadow: .5vw .5vw 1vw #00000030;
              visibility: hidden;
              z-index: 3;
          }
          #AuswahlTeil{
              position:relative;
              left: 5%;
              /* top: 8%; */
              user-select:none;
              font-style: normal;
              -webkit-text-size-adjust:none;
          }
          #AuswahlText{
              position:relative;
              left: 5%;
              top: 16%;
              user-select: none;
              font-style: normal;
          }
          #Closebutton {
              position:absolute;
              right: 5%;
              padding-right:0%;
              /* top: 3.9vw; */
              border: none;
              background-color: #ffffff;
              user-select:none;
              color: #808080;
              z-index: 3;
          }
          #Auswahl_buttons{
              top:0;
              bottom:0%;
              height: 100%;

              position:relative;
          }

          .auswahl_button {
              display:grid;grid-auto-flow:row;
              position:static;

              margin-left: auto;
              margin-right: auto;
              margin-top: 1.5%;
              width: 90%;
              border: none;
              text-align: center;
              user-select:none;
          }
          #Menue {
              right: 6vw;
              top: 10vh;
              /* top: 0em; */
              
              position:absolute;
              visibility: hidden;

              transform-origin: 100% 0%;
              
              scale: 1;
              
              border: none;

              /* border: solid; */

              user-select:none;
              z-index: 2;
          }
          #MenueTitle {
              display: flex;
              
              /* top: 10%; */
              left:0%;
              right:0%;
              width: 100%;

              /* scale: .5; */
              
              justify-content:space-around;

              margin-left: auto;
              margin-right: auto;
              padding-top: 6%;
              padding-bottom: 6%;

              border-radius: .6em;
              
              text-align: center;
              /* -webkit-text-size-adjust:100%; */
              background-color: #d9d9d9;
              position:relative;
              border: none;
              color: #000000;
          }
          /* #MenueModell {
              display: flex;
              left:0%;
              right:0%;
              width: 100%;

              justify-content:space-around;

              margin-left: auto;
              margin-right: auto;
              padding-top: 6%;
              padding-bottom: 6%;

              border-radius: .5vw;

              text-align: center;
              -webkit-text-size-adjust:100%;
              background-color: #f8f8f8;
              position:relative;

              border: none;
              color: #000000;
          } */
          #MenueListe {
              top:0%;
              bottom:0%;

              height:100%;

              /* scale: .5; */

              text-align: center;
              
              background-color: #ffffff;
              /* border-radius: .5vw; */
              box-shadow: .2vw .2vw .5vw #00000030;
              /* border: 2px solid; */
              position: relative;
          }
          .modell_button {
              display:grid;grid-auto-flow:row;
              position:static;

              margin-left: auto;
              margin-right: auto;
              margin-top: 1.5%;
              /* border-radius: .5vw; */
              width: 100%;
              background-color: #ffffff;
              border: none;
              text-align: center;
              user-select:none;
              color: #000000;
          }

          #PinchPan_links {

            left: 0%;
            right: 100%;
            top:0%;

            width: 10%;
            height: 75%;
              
            position:absolute;

            visibility: hidden;
            z-index: 1;

            /* border: solid; */
          }
          #PinchPan_rechts {

            left: 90%;
            right: 0%;
            top:0%;

            width: 10%;
            height: 75%;
              
            position:absolute;

            visibility: hidden;
            z-index: 1;

            /* border: solid; */
          }

          #schadenprognose { float: left;text-align:left;height: 40px;margin-left: 3.5%;block-size: auto ;padding-top: 1%;padding-bottom: 5%; user-select: none;visibility: hidden}
          
          #aussendiv_bez_container { display:flex;width:100%;height: 40px;visibility: hidden;bottom: 15%;position: relative;
            
            /* background-image: linear-gradient(to right, rgba(255,255,255,255) 3.5%, rgba(0, 0, 0,0) 0%, rgba(0,0,0,0) 96.5%, rgba(255, 255, 255,255) 0%); */
            }
          
          #aussendiv_bez { display:flex; justify-content:space-around;width:75%;height: 40px;margin-left: 12.5%;block-size: auto;visibility: hidden;position: relative}
           .innendiv_bez { width:8%;margin: auto;user-select: none;color: #808080}

          #bauteil_bez { float: left;text-align:left;width: 15%;margin: 0px;user-select: none}
          #reparaturmethode_bez { float: left;text-align:left;width: 15%;margin: 0px}

          #CHF_bez { float: left;text-align:left;width: 2%;margin: 0px}

          #arbeitskosten_bez { float: left;text-align:right;width: 15%;margin: 0px}
          #lackierkosten_bez { float: left;text-align:right;width: 18%;margin: 0px}
          #ersatzteilkosten_bez { float: left;text-align:right;width: 18%;margin: 0px}

          #dummy_bez { float: left;text-align:left;width: 1%;margin: 0px}

          #closebutton_bez { float: left;text-align:left;width: 0%;margin: 0px}

          #aussendiv { display:flex; justify-content:space-around;width:75%;margin-top: 4%;margin-left: 12.5%}
          .innendiv { width:8%;line-height: 1;user-select: none;height: fit-content}
          
          #bauteil { float: left;text-align:left;width: 15%}
          #reparaturmethode { float: left;text-align:left;width: 15%}

          #CHF { float: left;text-align:left;width: 2%}

          #arbeitskosten { float: left;text-align:right;width: 15%}
          #lackierkosten { float: left;text-align:right;width: 18%}
          #ersatzteilkosten { float: left;text-align:right;width: 18%}

          #dummy { float: left;text-align:left;width: 1%;color: #ffffff}

          #x-buttons { display:-webkit-flex; -webkit-text-size-adjust: none; justify-content:space-between; line-height: 1;margin: 0px;flex-direction: column;z-index: 3;color: #000000;user-select:none;}