Änderungen GUI sowie Anpassungen an Mobilansicht

css/Customers/CustomerAVISO.css

@@ -170,7 +170,7 @@ hr{
 }
 @media (max-width: 558.98px) {
     body{
-        max-width:390px;
+        max-width:558px;
     }
     h1 {
         color: #043381;
@@ -205,22 +205,22 @@ hr{
         padding-left: 60px;
     }
     .container-fluid {
-        width: 700px;
+        width: 558px;
     }    
     #cont1 {
-        width: 700px;
+        width: 558px;
     }
     #containerseiterand {
         min-width: 700px;
     }
     .flex-fill {
-        width: 700px;
+        width: 558px;
     }
     #cont3 {
-        width: 700px;
+        width: 558px;
     }
     #cont4 {
-        min-width: 750px;
+        min-width: 550px;
     }
     tbody {
         font-size: 3.303964757709251vw;
@@ -277,47 +277,64 @@ hr{
         background-color: lightcoral;
     }
 }
-@media (min-width: 558.98px) {
+@media (min-width: 322.98px) {
+    body {
+        width: 322.98px;
+    }
+
     #txt_Absender {
-        width: 850px;
+        width: 279.98px;
     }
+
     #txt_Empfaenger {
-        width: 850px;
+        width: 279.98px;
     }
+
     #txt_LKWNr {
-        width: 850px;
+        width: 279.98px;
     }
+
     #txt_KdNrAuftrag {
-        width: 850px;
+        width: 279.98px;
     }
+
     #normaltable {
-        width: 100%;
+        width: 322.98px;
     }
+
     #txt_LKWNr:valid {
         color: black;
     }
+
     #txt_LKWNr:invalid {
         border: 1px solid red;
         background-color: lightcoral;
     }
+
     #txt_KdNrAuftrag:valid {
         color: black;
     }
+
     #txt_KdNrAuftrag:invalid {
         border: 1px solid red;
         background-color: lightcoral;
     }
+
     #txt_Absender:valid {
         color: black;
     }
+
     #txt_Absender:invalid {
         border: 1px solid red;
         background-color: lightcoral;
-    }    #txt_Empfaenger:valid {
+    }
+
+    #txt_Empfaenger:valid {
         color: black;
     }
+
     #txt_Empfaenger:invalid {
         border: 1px solid red;
         background-color: lightcoral;
-    }
+    }    
 }

css/Customers/Invoices.css

@@ -161,5 +161,110 @@ ContentPlaceHolder1_Send_Data {
         border: 1px solid #000000;
         margin-left: 15px;
     }
-    
-}  
+    @media (max-width: 349.98px) {
+        body {
+            width: 349.98px;
+            max-width: 349.98px;
+        }
+
+        tbody {
+            font-size: 3.303964757709251vw;
+            height: auto;
+            flex-wrap: wrap;
+            width: 349.98px;
+            max-width: 350px;
+        }
+
+        #normaltable {
+            width: 10%;
+        }
+
+        #conovertab {
+            /* max-width:width:150px 11.25em;*/
+            margin-left: /*14px*/ 3.0837004405286343vw;
+            max-width: /*390px;*/ 85.90308370044053vw;
+            overflow-x: auto;
+        }
+
+        h1 {
+            color: #043381;
+            font-size: 22px;
+        }
+
+        h2 {
+            color: #043381;
+            font-size: 30px;
+        }
+
+        #containerseiterand {
+            margin-left: 5px;
+            margin-right: 5px;
+            width: 349.98px;
+            max-width: 349.98px;
+        }
+
+        .flex-fill {
+            width: 349px;
+        }
+
+        #cont3 {
+            width: 349.98px;
+        }
+
+        #cont4 {
+            min-width: 349.98px;
+        }
+
+        #pickdate1 {
+            border: 1px solid #000000;
+        }
+
+        #pickdate1 {
+            border: 1px solid #000000;
+        }
+
+        .flex-fill {
+            width: 349.98px;
+        }
+
+        #cont3 {
+            width: 349.98px;
+        }
+
+        #cont4 {
+            min-width: 349.98px;
+        }
+
+        tbody {
+            font-size: 3.303964757709251vw;
+            height: auto;
+            flex-wrap: wrap;
+            width: fit-content;
+        }
+
+        #normaltable {
+            width: 100%;
+        }
+
+        #ContentPlaceHolder1_conovertab {
+            /* max-width:width:150px 11.25em;*/
+            margin-left: /*14px*/ 3.0837004405286343vw;
+            max-width: /*390px;*/ 85.90308370044053vw;
+            overflow-x: auto;
+        }
+
+        #ContentPlaceHolder1_Send_Data {
+            height: 15px;
+            width: 349.98px;
+        }
+
+        #ContentPlaceHolder1_lbl_bis {
+            border: 1px solid #000000;
+            margin-left: 15px;
+        }
+
+        #ContentPlaceHolder1_pickdate1 {
+            border: 1px solid #000000;
+            margin-left: 15px;
+        }
+    }  

css/Customers/LKWs.css

@@ -43,3 +43,33 @@
         width: 350px;
     }
 }
+@media (max-width: 349.98px) {
+    #conovertab {
+        width: 348px;
+        overflow-x: auto;
+    }
+
+    body {
+        width: 348px;
+    }
+
+    h1 {
+        color: #043381;
+        font-size: 22px;
+    }
+
+    h2 {
+        color: #043381;
+        font-size: 30px;
+    }
+
+    #tableSearch {
+        max-width: 348px;
+    }
+
+    #containerseiterand {
+        margin-left: 5px;
+        margin-right: 5px;
+        width: 348px;
+    }
+}

css/Customers/Welcome.css

@@ -42,9 +42,6 @@ h1 {
     width: 1200px;
     height: 333px;
 }
-body{
-    width:
-}
 @media (max-width: 558.98px) {
     #conovertab {
         width: 350px;
@@ -83,10 +80,10 @@ body{
         height: 72px;
     }
 
-        .carousel-item active {
-            width: 360px;
-            height: 72px;
-        }
+    .carousel-item active {
+        width: 360px;
+        height: 72px;
+    }
 
     #imgcar.d-block w-100 {
         width: 360px;
@@ -104,4 +101,44 @@ body{
     .modal-content{
         width:400px;
     }
+}
+@media (max-width: 323px) {
+    #conovertab{
+        width: 320px;
+        overflow-x: auto;
+    }
+
+    body {
+        width: 320px;
+    }
+
+    h1 {
+        color: #043381;
+        font-size: 21px;
+    }
+
+    #tableSearch {
+        max-width: 315px;
+    }
+
+    #containerseiterand {
+        margin-left: 5px;
+        margin-right: 5px;
+        width: 315px;
+    }
+
+    #imgcar {
+        width: 310px;
+        height: auto;
+    }
+
+    .carousel-inner {
+        width: 320px;
+        height: 72px;
+    }
+
+    .carousel-item {
+        width: 320px;
+        height: 72px;
+    }
 }