Änderungen CSS und Verbesserungen Mobilität

AvisoTV_FLEX.aspx

@@ -94,24 +94,26 @@
             display: none;
             position: absolute;
             background-color: #fff;
+            min-width:160px;
             min-width: 10em;
+            min-width: 20.833333333333336vw;
             box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
             z-index: 1;
         }
 
-            /* Links inside the dropdown */
-            .dropdown-content a {
-                color: black;
-                padding:0.75em 1em;
-                text-decoration: none;
-                display: block;
-            }
+         /* Links inside the dropdown */
+         .dropdown-content a {
+             color: black;
+             padding:0.75em 1em;
+             text-decoration: none;
+             display: block;
+         }
 
-            /* Change color of dropdown links on hover */
-            .dropdown-content a:hover {
-                background-color: #043381;
-                color: #fff;                   
-            }
+          /* Change color of dropdown links on hover */
+          .dropdown-content a:hover {
+             background-color: #043381;
+             color: #fff;                   
+          }
 
         /* Show the dropdown menu on hover */
         .dropdown:hover .dropdown-content {
@@ -125,9 +127,10 @@
           
         table{           
         border-collapse: collapse;
-        border-spacing: 0;
+        border-spacing: 0px;
         width: 100%;
         border: 1px solid #ddd;
+        border:0.13020833333333331vw solid #ddd;
         background-color:white;
         color:#043381;
         }
@@ -181,16 +184,19 @@
         }
          
               /*Button Dropdown Menue Language Picker*/
-      .dropbtn {
+    .dropbtn {
     background-color: #fff;      
     left: 65%;
     right: auto;
     width: 100px;
+    width: 13.020833333333334vw;
     height: 20%;
     position: relative;
     color: #043381;
     padding: 0px;
+    font-size:16px;
     font-size: 1em;
+    font-size:2.083333333333333vw;
     border: none;
     z-index:512;
 }
@@ -235,7 +241,7 @@
         }
         .btn btn-primary btn-sm{
              background-color: #fff;
-            color:#043381;
+             color:#043381;
         }
 
         /*Um alle Items der navbar nach rechts zu shiften außer das Nav-Brand(Logo) */
@@ -246,11 +252,9 @@
         list-style-type: none;
       }
         @media (min-width: 768px) {
-            #offcanvasWithBothOptions {
-                min-width: 350px;
-                min-width: 21.875em;
-                max-width: 350px;
-                max-width: 21.875em;
+            #offcanvasWithBothOptions {               
+                min-width: 21.875em;               
+                max-width: 21.875em;                
             }
         }
         .clearfix {
@@ -388,7 +392,7 @@
                                                   <!-- Navigation Bar-->                                               
                                                  <nav class="navbar navbar-expand-lg navbar-light">                    
                                                    <li class="nav-item">
-                                                            <a class="navbar-brand" href="newpageJulius_Sidebar.aspx"><img src="images/Logo_small.png" alt="Verag Spedition AG Logo" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a>
+                                                            <a class="navbar-brand" href="newpageJulius_Sidebar.aspx"><img src="images/Logo_small.png" alt="Schriftzug: Verag AG Blaue Schrift: Verag Spedition Graue Schrift: AG" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a>
                                                      </li>                             
                                                      </nav>
                                                 </div>

navigation_Julius.aspx

@@ -131,7 +131,7 @@
         <div id="main-menu">     
        <!-- <ul><div id="art-banner2"></div> -->
                <nav class="navbar navbar-expand-lg navbar-light">                          
-                            <a class="navbar-brand" href="newpageJulius_Sidebar.aspx?lan2=DE"><img src="images/Logo_small.png" alt="" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a>
+                            <a class="navbar-brand" href="newpageJulius_Sidebar.aspx?lan2=DE"><img src="images/Logo_small.png" alt="Schriftzug: Verag AG Blaue Schrift: Verag Spedition Graue Schrift: AG" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a>
           <%
               Dim flagpath = "images/flags/flagge_DE_AT.gif"
 

sendFeedback.aspx

@@ -167,10 +167,9 @@
     
     
     
-   <body style="width:500px;padding:0px;margin:0px;overflow-x: hidden;background-image:none;align-self:center" >
+   <body style="width:500px;width:25vw;padding:0px;margin:0px;overflow-x: hidden;background-image:none;align-self:center" >
       <div style="width:100%;height:35px;background-color: #003680;font-size:16px;color:white;padding:10px;" ><b>Feedback Verag Spedition AG</b></div>
-         <form id="form1" runat="server">
-           
+         <form id="form1" runat="server">          
           
          Sie können uns hier eine Nachricht schreiben, ein Mitarbeiter wird sich umgehend darum kümmern:
            <br/>  <br/>