diff --git a/Customers/CustomerIndex.aspx b/Customers/CustomerIndex.aspx
index 2858a81..84e199b 100644
--- a/Customers/CustomerIndex.aspx
+++ b/Customers/CustomerIndex.aspx
@@ -1,6 +1,19 @@
 ﻿<%@ Page Title="Kundenseite VERAG" Language="VB" MasterPageFile="~/Customers/Customers.master" AutoEventWireup="false" CodeFile="CustomerIndex.aspx.vb" Inherits="Kundenbereich_Default" %>
 
 <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">  
+        <!-- Bootstrap -->
+    <html lang="en"></html>
+    <!-- Required meta tags -->
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1" title="Verag Spedition AG AvisoTV Flex"/>
+   
+    <!-- Bootstrap CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"/>
+    <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"/>
+           <!-- Bootstrap CSS -->
+    
+     
+     <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"/>
     <link rel="shortcut icon" href="images/Icons/favicon/favicon.ico" />
     <style>
          .btn btn-primary{
@@ -18,9 +31,20 @@
          }
         @media (max-width: 558.98px) {
            #conovertab {
-                width: /*445px;*/ 98.01762114537445vw;                
+                width: 350px;                
                 overflow-x: auto;
-            }           
+            } 
+           h1{
+               font-size:12px;
+           }
+           #tableSearch{
+               max-width:350px;
+           }
+           #containerseiterand{
+               margin-left:5px;
+               margin-right:5px;
+               width:350px;
+           }
         }        
     </style>    
 </asp:Content>
@@ -29,7 +53,7 @@
     <!-- Webiste-Content-->
   
             <div id="containerseiterand"> 
-                                    <div style="height:/*90px*/9.68783638320775vh;"></div> 
+                                    
                                           <h1>Kundencenter</h1>
                                             <div id="line" style="width: 90%;"></div>
                                             <br/> 
diff --git a/Customers/GroupPolicies.aspx b/Customers/GroupPolicies.aspx
index 9714de0..ab696c0 100644
--- a/Customers/GroupPolicies.aspx
+++ b/Customers/GroupPolicies.aspx
@@ -1,10 +1,27 @@
 ﻿<%@ Page Title="" Language="VB" MasterPageFile="~/Customers/Customers.master" AutoEventWireup="false" CodeFile="GroupPolicies.aspx.vb" Inherits="Customers_Default" %>
 
-<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
-</asp:Content>
+
 <asp:Content ID="Content2" ContentPlaceHolderID="head" Runat="Server">
+      <!-- Bootstrap -->
+    <html lang="en"></html>
+    <!-- Required meta tags -->
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1" title="Verag Spedition AG AvisoTV Flex"/>
+   
+    <!-- Bootstrap CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"/>
+    <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"/>
+           <!-- Bootstrap CSS -->
+    
+     
+     <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"/>
+    
+    <%@ import Namespace="MySql.Data.MySqlClient" %>
+     <link rel="shortcut icon" href="../images/Icons/favicon/favicon.ico" />
+     <link rel="stylesheet" type="text/css" href="../css/Welcome.css"/>
+    <link rel="stylesheet" type="text/css" href="../css/navbarsidebar2.css" />
 </asp:Content>
 <asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
-    Gruppenrichtlinen
+    <h3>Gruppenrichlinien</h3>
 </asp:Content>
 
diff --git a/Customers/Invoices.aspx b/Customers/Invoices.aspx
index 5915bee..08c48bf 100644
--- a/Customers/Invoices.aspx
+++ b/Customers/Invoices.aspx
@@ -18,77 +18,8 @@
     <%@ import Namespace="MySql.Data.MySqlClient" %>
 
     <style>
-        /* ---------------------------------------------------
-                CONTENT STYLE
-            ----------------------------------------------------- */
-        .btn btn-primary{
-               color: #043381;
-               background-color: #fff;
-            }
-
-        .align-self-center{
-            margin-left: 0.1530221882172915vw /*2px*/;
-            margin-right:  0.1530221882172915vw /*2px*/;            
-        }
-        #content {
-        align-content:center;
-          justify-content:center;
-        }
-
-        @media (max-width: 558.98px) {
-            .alert {
-                width: /*450px;*/ 99.11894273127753vw;
-                /* width:1328px;*/
-            }
-       .align-self-center{
-              width:100%;
-        }         
-        #bodycontent{
-             width: 100%;
-        }     
-        #containerseiterand{
-             width:90%;
-             justify-content:start;
-         }
-        #input-group{
-            max-width:90%;
-        }
-        }
-        /* @media (min-width: 320px) and (min-height: 640px) {*/
-        @media (min-width: 558.98px) {
-            #content_all {
-                font-size: 1rem;
-                font-size: 3.303964757709251vw;
-                min-width: /*445px;*/ 98.01762114537445vw;               
-                overflow-x: hidden;
-                margin-left: 0px;
-                padding-right: /*-20px*/ -4.405286343612334vw;
-            }
-            #conovertab{
-             /* max-width:width:150px 11.25em;*/            
-             width:1400px;           
-             overflow-x:auto;             
-            }           
-        }
-        #innerhtmltable{
-                margin-left: /*5px*/0.19615535504119264vw;
-        }      
-         #pagecontent{                  
-                  font-size: 1em;
-                  display: flex;
-                  align-items: center;
-                  justify-content: center;
-         }
-        .btn-primary:hover {
-            color: #043381;
-            background-color:#fff;
-            border-color: #043381;
-        }
-        .btn-primary {
-           color: #fff;
-           background-color: #043381;
-           border-color: #043381;
-        }   
+       
+      
         table {         
            font-size: 16px;          
         }
@@ -112,7 +43,7 @@
     
    <div class="align-self-flex-center" style="/*margin-top:5px;*/margin-left:25px; margin-top:0.6510416666666667vw; margin-right:25px;">
             <div id="containerseiterand"> 
-  <div style="height:/*90px*/9.68783638320775vh;"></div> 
+  
     
      <div class="d-flex flex-col-4" style="align-content:center">
      <h5>Rechnungen</h5>
diff --git a/Customers/LKWs.aspx b/Customers/LKWs.aspx
index 5a6d087..4baa770 100644
--- a/Customers/LKWs.aspx
+++ b/Customers/LKWs.aspx
@@ -7,7 +7,7 @@
 
     <div class="align-self-flex-center" style="/*margin-top:5px;*/margin-left:25px; margin-top:0.6510416666666667vw; margin-right:25px;">
             <div id="containerseiterand"> 
-  <div style="height:/*90px*/9.68783638320775vh;"></div> 
+ 
     
      <div class="d-flex flex-col-4" style="align-content:center">
      <h5>Hier befindet sich eine Übersicht über alle LKWS</h5>
diff --git a/Customers/Login_Edit_User.aspx b/Customers/Login_Edit_User.aspx
index 6c4d8a4..ffc1b45 100644
--- a/Customers/Login_Edit_User.aspx
+++ b/Customers/Login_Edit_User.aspx
@@ -11,27 +11,71 @@
    
     <!-- Bootstrap CSS -->
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"/>
-    <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"/>
-           <!-- Bootstrap CSS -->
-    
+    <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"/>           <!-- Bootstrap CSS -->    
      
      <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"/>
     
     <%@ import Namespace="MySql.Data.MySqlClient" %>
-
+    
     <style>
-        #ImageButton1{
-            width:50px;
-            height:50px;
+       textcontent1{
+           font-size:/*18px*/0.7377049180327869vw;
+       }
+        @media (min-width: 575px) {
+            .modal-dialog modal-dialog-scrollable{
+                width:850px;
+            }
+        }
+
+        @media (max-width: 575px) {
+              .modal-dialog modal-dialog-scrollable{
+                width:250px;
+                overflow-x:auto;
+            }
+            #exampleModalLabel{
+                 font-size:12px;
+             }
+            #Image1{
+                width:40px;
+                height:40px;
+            }
+           #butclose{
+               transform:translateX(-50%);
+           }  
         }
     </style>
+    <link rel="stylesheet" href="../css/navbarsidebar2.css" type="text/css" />
 </asp:Content>
 <asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
-    <div class="flex-fill">
-        
-           Userwerwaltung für: <asp:LoginName ID="LoginName1" runat="server" />
-        
-        <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/images/samples/default-avatar.jpg"/>
-        </div>
+    <div class="flex-fill">        
+         <div id="textcontent1">
+             Userverwaltung für:
+         </div>  
+        <p>
+            <asp:LoginName ID="LoginName1" runat="server" />        
+            <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="background-color:#fff"><img src="../images/samples/default-avatar.jpg"; width="80"; /></button> 
+        </p>
+        <!-- Mdoal -->
+                        																	<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel">
+                            																		<div class="modal-dialog modal-dialog-scrollable" style="min-width: 850px; min-height: 800px;  overflow: hidden; place-self:center">
+                              																				<div class="modal-content">
+                               																		 	<div class="modal-header">
+                                 																		 	<h5 class="modal-title" id="exampleModalLabel">Profilbild:</h5>
+                                 																		 	<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                                																		</div>
+                               																			<div class="modal-body">
+                                   																			<div class="container-fluid" >
+                                                                                                                   <center>
+                                  																				        <p><asp:Image ID="Image1" runat="server" ImageUrl="~/images/samples/default-avatar.jpg"/> </p>
+                                                                                                                   </center>
+                                        																	</div>
+                                																		</div>
+                                																			<div class="modal-footer">
+                                  																			<button type="button" id="butclose" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>                                
+                                																			</div>
+                              																			</div>
+                            																		</div>
+                         																	</div>
+            </div>        
 </asp:Content>
 
diff --git a/Customers/Welcome.aspx b/Customers/Welcome.aspx
index 0eeca7d..571ecb2 100644
--- a/Customers/Welcome.aspx
+++ b/Customers/Welcome.aspx
@@ -1,7 +1,21 @@
 ﻿<%@ Page Title="" Language="VB" MasterPageFile="~/Customers/Customers.master" AutoEventWireup="false" CodeFile="Welcome.aspx.vb" Inherits="Customers_Default" %>
 
 <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
+        <!-- Bootstrap -->
+    <html lang="en"></html>
+    <!-- Required meta tags -->
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1" title="Verag Spedition AG AvisoTV Flex"/>
+   
+    <!-- Bootstrap CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"/>
+    <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"/>
+           <!-- Bootstrap CSS -->
     
+     
+     <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"/>
+    
+    <%@ import Namespace="MySql.Data.MySqlClient" %>
    <style>
       .container{
         background-color:#fff;         
@@ -39,7 +53,7 @@
 <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
     <div class="align-self-xl-start" style="/*margin-top:5px;*/margin-left:30px; margin-top:0.6510416666666667vw; margin-right:30px; place-content:center; width:1725px;">
             <div id="containerseiterand" style="width:1625px"> 
-         <div style="height:/*90px*/9.68783638320775vh;"></div> 
+       
         <div>
             
         <h1>Hauptseite Kunden:</h1>
diff --git a/css/navbarsidebar2.css b/css/navbarsidebar 2.css
similarity index 99%
rename from css/navbarsidebar2.css
rename to css/navbarsidebar 2.css
index cde35cf..72dceb6 100644
--- a/css/navbarsidebar2.css
+++ b/css/navbarsidebar 2.css	
@@ -1,7 +1,6 @@
 ﻿
 /*Sidenav */
 @import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
-
 body {
     font-family: 'Poppins', sans-serif;
     background: #fafafa;
@@ -86,12 +85,12 @@ a:focus {
 #sidebarCollapse {
     background-color: #043381;
     color: #fff;
-    margin-left: -250px;
-    
+    margin-right: -43px;
+    margin-right: -2.5rem;
 }
 
     #sidebarCollapse:hover {
-        background-color: #043381;
+        background-color: #043381;        
         color: #fff;
         border-radius: 5px;
         border-radius: 0.313em;
@@ -103,22 +102,22 @@ a:focus {
             ----------------------------------------------------- */
 
 .wrapper {
-    display: flex;
-    align-items: stretch;
+    display: flow;
+    align-items:center;
 }
 
 #sidebar {
     min-width: 250px;
     max-width: 250px;
-    background-color: #fff;
-    color: #043381;
+    background-color:#fff;
+    color:#043381;
 }
 
     #sidebar.active {
         margin-left: -250px;
-    }
+    }      
 
-    #sidebar .sidebar-header {
+    #sidebar .sidebar-header {        
         background: #fff;
     }
 
@@ -154,26 +153,40 @@ a:focus {
         background-color: #043381;
     }
 
-a[data-toggle="collapse"] {
-    position: relative;   
-}
+    a[data-toggle="collapse"] {
+        position: relative;
+    }
 
-.dropdown-toggle::after {
-    display: block;
-    position: absolute;
-    top: 50%;
-    right: 20px;
-    transform: translateY(-50%);
-}
+    .dropdown-toggle::after {
+        display: block;
+        position: absolute;
+        top: 50%;
+        right: 20px;
+        transform: translateY(-50%);
+    }
 
-ul ul a {
-    font-size: 0.875em !important;
-    padding-left: 30px !important;
-    background-color: #fff;
-}
+    ul ul a {
+        font-size: 0.875em !important;
+        padding-left: 30px !important;
+        background-color: #fff;
+    }
 
+    ul.CTAs {
+        padding: 20px;
+    }
 
-/* a.download {
+    ul.CTAs a {
+        text-align: center;
+        font-size: 14px !important;
+        font-size: 1.8229166666666667vw !important;
+        font-size: 0.875rem !important;
+        display: block;
+        border-radius: 5px;
+        border-radius: 0.313rem;
+        margin-bottom: 5px;
+        margin-bottom: 0.313rem;
+    }
+            /* a.download {
                 background: #fff;
                 color: #043381;
             }
@@ -188,34 +201,32 @@ ul ul a {
                 CONTENT STYLE
             ----------------------------------------------------- */
 
-#content {
-    max-width: /*575px;*/ 126.65198237885463vw;
-    padding: 20px;
-    padding: 1.25em;
-    min-height: 100vh;
-    transition: all 0.5s;
-    background-color: #fff;
-}
-
-#container-xxl {
-    background-color: #fff;
-}
+            #content {
+                max-width: /*575px;*/ 126.65198237885463vw;
+                padding: 20px;
+                padding: 1.25em;
+                min-height: 100vh;
+                transition: all 0.5s;
+               
+            }
+            #container-xxl {
+                background-color: #fff;
+            }
 /* ---------------------------------------------------
                     MEDIAQUERIES
                 ----------------------------------------------------- */
 /* @media (max-width: 320px) and (max-height: 640px){*/
 @media (max-width: 575.98px) {
     #sidebar {
-        padding: /*2px*/ 0.44052863436123346vw;
-        font-size: 1em;
-        margin-left: -250px;
-        background-color: #fff;
-        color: #043381;
-    }
-
-        #sidebar.active {
+            padding: /*2px*/ 0.44052863436123346vw;
+            font-size: 1em;
             margin-left: -250px;
+            background-color: #fff;
+            color: #043381;
         }
+    #sidebar.active {
+        margin-left: 0;
+    }
 
     #content {
         font-size: 1.57em;
@@ -296,13 +307,12 @@ ul ul a {
         #sidebar.active {
             margin-left: -250px;
         }
-
     #content_all {
         font-size: 1rem;
         font-size: 1.2333000033333vw;
         min-width: 110%;
         float: left;
-        background-color: #fff;
+        background-color:#fff;
     }
 
     #footer_content b {
@@ -8679,3 +8689,4 @@ li {
     background-color: #fff;
     color: #043381;
 }
+
diff --git a/images/Icons/main/Logout.png b/images/Icons/main/Logout.png
new file mode 100644
index 0000000..fa6c431
Binary files /dev/null and b/images/Icons/main/Logout.png differ
diff --git a/images/Icons/main/Logout.svg b/images/Icons/main/Logout.svg
new file mode 100644
index 0000000..fa6c431
Binary files /dev/null and b/images/Icons/main/Logout.svg differ
