update legend mobile

vcm/index.html

@@ -382,6 +382,28 @@
                 <button class="btn_standard" id="buttonCar" style="width:13em;height:2em;" onclick="setRouteCar();">Route Auto</button>
                 <button class="btn_standard" id="buttonPub" style="width:13em;height:2em;" onclick="setRoutePublic();">Route ÖPNV<div id="loaderPub" style="display:none;" class="loader"></div></button>
                 <button class="btn_standard" style="width:8em;height:2em;" onclick="deletenav();">Route löschen</button><br><br>
+                <ul style="padding-left:0em">
+                    <li style="width:65px;">
+                        <svg width="100" height="20">
+                        <rect width="60" height="20" style="fill:rgb(30,144,255);stroke-width:1.5;stroke:rgb(153,153,153)" />
+                        </svg>
+                        <p class="contentOne" style="margin-top:0em">zu Fuß</p>
+                    </li>
+                    <li style="width:65px;">
+                        <svg width="100" height="20">
+                        <rect width="60" height="20" style="fill:rgb(199,21,133);stroke-width:1.5;stroke:rgb(153,153,153)" />
+                        </svg>
+                        <p class="contentOne" style="margin-top:0em">mit Auto</p>
+                    </li>
+                    <li style="width:65px;">
+                        <svg width="100" height="20">
+                        <rect width="60" height="20" style="fill:rgb(255, 140, 0);stroke-width:1.5;stroke:rgb(153,153,153)" />
+                        </svg>
+                        <p class="contentOne" style="margin-top:0em">mit Bahn</p>
+                    </li>
+
+                </ul>
+                
                 <p class="contentOne">Dauer mit dem Auto</p>
                 <input type="text" id="Routeduration" name="Duration" disabled style="border-style: none none none solid;"><br>
                 <p class="contentOne">Dauer mit ÖPNV</p>