diff --git a/Customers/Cards_Boxes.aspx b/Customers/Cards_Boxes.aspx
new file mode 100644
index 0000000..9d7688f
--- /dev/null
+++ b/Customers/Cards_Boxes.aspx
@@ -0,0 +1,88 @@
+<%@ Page Title="" Language="VB" MasterPageFile="~/Customers/Customers.master" AutoEventWireup="false" CodeFile="Cards_Boxes.aspx.vb" Inherits="Customers_Default" %>
+
+<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
+    <style>
+        /* ---------------------------------------------------
+                CONTENT STYLE
+            ----------------------------------------------------- */
+
+        .btn btn-primary{
+               color: #043381;
+               background-color: #fff;
+            }
+
+        .align-self-center{
+            margin-left: 0.1530221882172915vw /*2px*/;
+            margin-right:  0.1530221882172915vw /*2px*/;
+            
+        }
+           
+        @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;
+         }
+        }
+        /* @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;
+                float: left;
+                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 {
+            color: #fff;
+            background-color: #043381;
+            border-color: #043381;
+      }   
+      table {         
+          font-size: 16px;          
+      }
+      .stretched-link{
+           background-color: #fff;
+           color: #043381;               
+      }
+      #conovertab{
+             /* max-width:width:150px 11.25em;*/
+             margin-left:/*14px*/ 3.0837004405286343vw;
+              max-width:/*390px;*/ 85.90308370044053vw;           
+             overflow-x:auto;             
+         }
+    </style>
+     <link rel="stylesheet" type="text/css" href="../css/navbarsidebar2.css"/>  
+</asp:Content>
+<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
+    <div style="height:/*90px*/9.68783638320775vh;"></div> 
+    <h1> Karten / Boxen:</h1>
+</asp:Content>
+
diff --git a/Customers/Karten_Boxen.aspx.vb b/Customers/Cards_Boxes.aspx.vb
similarity index 100%
rename from Customers/Karten_Boxen.aspx.vb
rename to Customers/Cards_Boxes.aspx.vb
diff --git a/Customers/CustomerIndex.aspx b/Customers/CustomerIndex.aspx
index cdad1ab..1ef2326 100644
--- a/Customers/CustomerIndex.aspx
+++ b/Customers/CustomerIndex.aspx
@@ -21,11 +21,12 @@
                 width: /*445px;*/ 98.01762114537445vw;                
                 overflow-x: auto;
             }           
-        }
-        
+        }        
     </style>
+     <link rel="stylesheet" type="text/css" href="../css/navbarsidebar2.css"/>    
 </asp:Content>
-<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
+
+<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
     <!-- Webiste-Content-->
     <div class="align-self-xl-start" style="/*margin-top:5px;*/margin-left:30px; margin-top:0.6510416666666667vw; margin-right:30px; place-content:center;">
             <div id="containerseiterand"> 
@@ -67,28 +68,28 @@
                                                     <tr><th>Auswahl</th><th>LKW-Nr.</th><th>Kennzeichen</th><th>Standort</th><th>Frächter</th><th>Fracht</th><th>Info</th></tr>
                                                         </thead>
                                                     <tbody id="myTable">
-                                                        <tr><td><asp:CheckBox ID="CheckBox1" runat="server" /></td><td>1</td><td>PAN WE 231</td><td>SUBEN</td><td>TESTFRÄCHTER</td><td>2 Pck Teer</td><td><center><button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo" id="togglecollapse"><img src="../images/Icons/service/hilfe.png" width="15" height="15" /></button></center></td></tr>
-                                                        <tr><td><asp:CheckBox ID="CheckBox2" runat="server" /></td><td>2</td><td>SME IE 889</td><td>SUBEN</td><td>TESTFRÄCHTER</td><td>2 Pck Kaugummis</td><td><center><button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo" id="togglecollapse"><img src="../images/Icons/service/hilfe.png" width="15" height="15" /></button></center></td></tr>
-                                                        <tr><td><asp:CheckBox ID="CheckBox3" runat="server" /></td><td>3</td><td>BGI TA 233</td><td>SUBEN</td><td>TESTFRÄCHTER</td><td>2 Pck Metallstäbe</td><td><center><button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo" id="togglecollapse"><img src="../images/Icons/service/hilfe.png" width="15" height="15" /></button></center></td></tr>
-                                                        <tr><td><asp:CheckBox ID="CheckBox4" runat="server" /></td><td>4</td><td>SWT DD 233</td><td>SUBEN</td><td>TESTFRÄCHTER</td><td>2 Pck Kohle</td><td><center><button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo" id="togglecollapse"><img src="../images/Icons/service/hilfe.png" width="15" height="15" /></button></center></td></tr>
-                                                        <tr><td><asp:CheckBox ID="CheckBox5" runat="server" /></td><td>5</td><td>MF6 F7 666</td><td>Waidhaus</td><td>TESTFRÄCHTER2</td><td>3500 kg Bonbons</td><td><center><button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo" id="togglecollapse"><img src="../images/Icons/service/hilfe.png" width="15" height="15" /></button></center></td></tr>
-                                                        <tr><td><asp:CheckBox ID="CheckBox6" runat="server" /></td><td>6</td><td>VTO 4A 333</td><td>Bad Reichenhall</td><td>TESTFRÄCHTER</td><td>2 Pck Teer</td><td><center><button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo" id="togglecollapse"><img src="../images/Icons/service/hilfe.png" width="15" height="15" /></button></center></td></tr>
-                                                        <tr><td><asp:CheckBox ID="CheckBox7" runat="server" /></td><td>7</td><td>PD6 C7 111</td><td>Waidhaus</td><td>TESTFRÄCHTER</td><td>200 Pck Kafee</td><td><center><button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo" id="togglecollapse"><img src="../images/Icons/service/hilfe.png" width="15" height="15" /></button></center></td></tr>
-                                                        <tr><td><asp:CheckBox ID="CheckBox8" runat="server" /></td><td>8</td><td>EH2 VK 444</td><td>Bad Reichenhall</td><td>TESTFRÄCHTER</td><td>2 Pck Salz</td><td><center><button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo" id="togglecollapse"><img src="../images/Icons/service/hilfe.png" width="15" height="15" /></button></center></td></tr>
+                                                        <tr><td><asp:CheckBox ID="CheckBox9" runat="server" /></td><td>1</td><td>PAN WE 231</td><td>SUBEN</td><td>TESTFRÄCHTER</td><td>2 Pck Teer</td><td><center><button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo" id="togglecollapsesub1"><img src="../images/Icons/service/hilfe.png" width="15" height="15" /></button></center></td></tr>
+                                                        <tr><td><asp:CheckBox ID="CheckBox10" runat="server" /></td><td>2</td><td>SME IE 889</td><td>SUBEN</td><td>TESTFRÄCHTER</td><td>2 Pck Kaugummis</td><td><center><button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo" id="togglecollapsesub2"><img src="../images/Icons/service/hilfe.png" width="15" height="15" /></button></center></td></tr>
+                                                        <tr><td><asp:CheckBox ID="CheckBox11" runat="server" /></td><td>3</td><td>BGI TA 233</td><td>SUBEN</td><td>TESTFRÄCHTER</td><td>2 Pck Metallstäbe</td><td><center><button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo" id="togglecollapsesub3"><img src="../images/Icons/service/hilfe.png" width="15" height="15" /></button></center></td></tr>
+                                                        <tr><td><asp:CheckBox ID="CheckBox12" runat="server" /></td><td>4</td><td>SWT DD 233</td><td>SUBEN</td><td>TESTFRÄCHTER</td><td>2 Pck Kohle</td><td><center><button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo" id="togglecollapse2"><img src="../images/Icons/service/hilfe.png" width="15" height="15" /></button></center></td></tr>
+                                                        <tr><td><asp:CheckBox ID="CheckBox13" runat="server" /></td><td>5</td><td>MF6 F7 666</td><td>Waidhaus</td><td>TESTFRÄCHTER2</td><td>3500 kg Bonbons</td><td><center><button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo" id="togglecollapse2"><img src="../images/Icons/service/hilfe.png" width="15" height="15" /></button></center></td></tr>
+                                                        <tr><td><asp:CheckBox ID="CheckBox14" runat="server" /></td><td>6</td><td>VTO 4A 333</td><td>Bad Reichenhall</td><td>TESTFRÄCHTER</td><td>2 Pck Teer</td><td><center><button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo" id="togglecollapse2"><img src="../images/Icons/service/hilfe.png" width="15" height="15" /></button></center></td></tr>
+                                                        <tr><td><asp:CheckBox ID="CheckBox15" runat="server" /></td><td>7</td><td>PD6 C7 111</td><td>Waidhaus</td><td>TESTFRÄCHTER</td><td>200 Pck Kafee</td><td><center><button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo" id="togglecollapse2"><img src="../images/Icons/service/hilfe.png" width="15" height="15" /></button></center></td></tr>
+                                                        <tr><td><asp:CheckBox ID="CheckBox16" runat="server" /></td><td>8</td><td>EH2 VK 444</td><td>Bad Reichenhall</td><td>TESTFRÄCHTER</td><td>2 Pck Salz</td><td><center><button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo" id="togglecollapse2"><img src="../images/Icons/service/hilfe.png" width="15" height="15" /></button></center></td></tr>
                                                     </tbody>                                                    
                                                 </table>
                                               </div>  
                           <br /><br /><br />
                    <%    End If
-                                    End If
-                                End If
-                            Catch ex As Exception
-                                Response.Write(ex.Message & ex.StackTrace)
-                            End Try %>
+                               End If
+                           End If
+                       Catch ex As Exception
+                           Response.Write(ex.Message & ex.StackTrace)
+                       End Try %>
                                                                                                                                        
                                             
                                                                                 
-                                                                                     <div></div></div>     
+                                                                                     <div></div></div>  </div>   
                                                                                     <%--  <div class="footer_menu">
                                                                                         <div class="footer_menu_content">      
                                                                                              <table>                    
diff --git a/Customers/Customers.master b/Customers/Customers.master
index 654762e..e045ecc 100644
--- a/Customers/Customers.master
+++ b/Customers/Customers.master
@@ -1,11 +1,10 @@
-<%@ Master Language="VB" CodeFile="Customers.master.vb" Inherits="Kundenbereich_Customers" %>
+<%@ Master Language="VB" CodeFile="Customers.master.vb" Inherits="Customers_Customers" %>
 
 <!DOCTYPE html>
 
 <html>
 <head runat="server">
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-  
+     
     <script src="../js/netzwerk.js" type="text/javascript"></script>        
     <link rel="stylesheet" type="text/css" href="../stylesheets/style.css"/>
     <link rel="stylesheet" type="text/css" href="../stylesheets/example.css"/>
@@ -27,148 +26,9 @@
     <!-- Scroll Script-->
     <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>   
     
-    <link rel="stylesheet" type="text/css" href="../css/StyleSheetWebsiteNew.css"/>
-
-    <script type="text/javascript" src="../js/languageupdatescript.js"></script>
-     
-    <!--Hover Info --> 
-      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
-     <!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> -->
-        <script type="text/javascript">
-
-            $(document).ready(function () {
-                $(".btn").click(function () {
-                    $("#myModal").modal("show");
-                });
-            });
-        </script>      
-
-    <asp:ContentPlaceHolder id="head" runat="server">
-<script src="../js/netzwerk.js" type="text/javascript"></script>        
-    <link rel="stylesheet" type="text/css" href="../stylesheets/style.css"/>
-    <link rel="stylesheet" type="text/css" href="../stylesheets/example.css"/>
-        <link rel="shortcut icon" href="images/Icons/favicon/favicon.ico" />
-    <script type="text/javascript">
-        // Vergebe den Event-Handler
-        document.onkeydown = handleKeyEvent;
-        // Funktion, die den Event verarbeitet
-        function handleKeyEvent(e) {
-            // MSIE nimmt das Event-Objekt aus window.event, DOM-kompatible Browser aus dem e-Funktionsparameter
-            if (!e) e = window.event;
-            // keyCode muss 70 sein und ctrlKey true
-            if (e.keyCode == 68 && e.ctrlKey) {
-                alert('Strg+D wurde gedrückt');
-                //topup
-            }
-        }
-    </script>
-              
-    <!-- Scroll Script-->
-    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>   
-    
-    <link rel="stylesheet" type="text/css" href="../css/StyleSheetWebsiteNew.css"/>    
-    <script type="text/javascript" src="../js/languageupdatescript.js"></script>
-     
-    <!--Hover Info --> 
-      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
-     <!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> -->
-        <script type="text/javascript">
-
-            $(document).ready(function () {
-                $(".btn").click(function () {
-                    $("#myModal").modal("show");
-                });
-            });
-        </script>          
-        <style>
-             body{
-             background-image: url(../images/road.jpg);
-             background-position:center center;
-             background-repeat: no-repeat;
-             background-attachment:fixed;
-             background-size:cover;
-             background-color:#fff;
-        }
-               #myTable tr:hover{
-            color:white;
-            background-color:#043381;
-        }
-            table{           
-            border-collapse: collapse;
-            border-spacing: 0px;            
-            border: 1px solid #ddd;
-            border:1px solid #ddd;
-            background-color:white;
-            color:#043381;
-            overflow-x:auto;
-            width: 60%;
-        }
-        #flex-container{
-            width:1800px;            
-        }     
-        #containerinnavbar{
-           width:80%;
-        }
-        #contentcontainer{
-            width:2048px;
-        }
-        ContentPlaceHolder1{
-            width:1725px;
-        }
-       @media (max-width: 575px){
-            table {
-                border-collapse: collapse;
-                border-spacing: 0.125em;
-                width: /*575px;*/ 126.65198237885463vw;
-                border: /*1px*/2.1744791666666665vw solid #ddd;                
-                background-color:#fff;
-                color: #043381;
-                overflow-x:auto;
-                font-size:3.3769100169779285vw;
-            }
-           .containerSearch{
-                width:17.621145374449338vw;
-                color:#043381;
-                background-color:#fff;
-            }
-           }
-        @media (min-width: 575px) {
-            #offcanvasWithBothOptions {
-                min-width: 17.692852087756545vw;
-                max-width: 17.692852087756545vw;
-            }
-            #normaltable {            
-            padding-left: -0.125em;              
-            }
-             #conovertab{
-              max-width:150px 11.25em;
-             margin-left:35px;                        
-             overflow-x:auto;             
-            } 
-             .containerSearch{
-                width:3.1821797931583133vw;
-                color:#043381;
-                background-color:#fff;
-            }           
-            
-        }        
-    </style>
-    </asp:ContentPlaceHolder>
-      <!-- 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" %>
+     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+  
+     <%@ import Namespace="MySql.Data.MySqlClient" %>
     <script runat="server">
 
         Sub Page_Load() Handles Me.Load
@@ -215,25 +75,198 @@
         ' End Property,
     </script>
 
-        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-        <title>VERAG Kundenseite</title>
+    <link rel="stylesheet" type="text/css" href="../css/StyleSheetWebsiteNew.css"/>
+     <link rel="stylesheet" type="text/css" href="/css/navbarsidebar.css"/>   
+    <script type="text/javascript" src="../js/languageupdatescript.js"></script>
+     
+    <!--Hover Info --> 
+      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+     <!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> -->
+        <script type="text/javascript">
 
-         <link rel="stylesheet" type="text/css" href="../css/navbarsidebar2.css"/>
-        
-        <link rel="stylesheet" type="text/css" href="../css/main.css"/>
-        <link rel="stylesheet" type="text/css" href="../css/style.css"/>
-        <link rel="stylesheet" type="text/css" href="../css/status.css"/>
-        <link rel="SHORTCUT ICON" href="../images/Icons/favicon/favicon.ico" />
-    <!-- <link rel="stylesheet" type="text/css" href="css/edit_main.css"> -->
-    <style>
-       
-   
+            $(document).ready(function () {
+                $(".btn").click(function () {
+                    $("#myModal").modal("show");
+                });
+            });
+        </script>      
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <title></title>
+    <asp:ContentPlaceHolder id="ContentPlaceHolder2" runat="server">
+<script src="../js/netzwerk.js" type="text/javascript"></script>        
+    <link rel="stylesheet" type="text/css" href="../stylesheets/style.css"/>
+    <link rel="stylesheet" type="text/css" href="../stylesheets/example.css"/>
+        <link rel="shortcut icon" href="images/Icons/favicon/favicon.ico" />
+    <script type="text/javascript">
+        // Vergebe den Event-Handler
+        document.onkeydown = handleKeyEvent;
+        // Funktion, die den Event verarbeitet
+        function handleKeyEvent(e) {
+            // MSIE nimmt das Event-Objekt aus window.event, DOM-kompatible Browser aus dem e-Funktionsparameter
+            if (!e) e = window.event;
+            // keyCode muss 70 sein und ctrlKey true
+            if (e.keyCode == 68 && e.ctrlKey) {
+                alert('Strg+D wurde gedrückt');
+                //topup
+            }
+        }
+    </script>
+              
+    <!-- Scroll Script-->
+    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>   
+     <link rel="stylesheet" type="text/css" href="../css/navbarsidebar2.css"/>  
+    <link rel="stylesheet" type="text/css" href="../css/StyleSheetWebsiteNew.css"/>    
+    <script type="text/javascript" src="../js/languageupdatescript.js"></script>
+     
+    <!--Hover Info --> 
+      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+     <!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> -->
+        <script type="text/javascript">
+
+            $(document).ready(function () {
+                $(".btn").click(function () {
+                    $("#myModal").modal("show");
+                });
+            });
+        </script>          
+        <style>
+             body{
+             background-image: url(../images/road.jpg);
+             background-position:center center;
+             background-repeat: no-repeat;
+             background-attachment:fixed;
+             background-size:cover;
+             background-color:#fff;
+        }
+            #myTable tr:hover{
+            color:white;
+            background-color:#043381;
+        }
+            table{           
+            border-collapse: collapse;
+            border-spacing: 0px;            
+            border: 1px solid #ddd;
+            border:1px solid #ddd;
+            background-color:white;
+            color:#043381;
+            overflow-x:auto;
+            width: 60%;
+        }
+        #flex-container{
+            width:1800px;            
+        }     
+        #containerinnavbar{
+           width:80%;
+        }
+        #contentcontainer{
+            width:2048px;
+        }
+        ContentPlaceHolder1{
+            width:1725px;
+        }
+        #sidebarCollapse{
+            margin-left:-250px;
+        }
+       @media (max-width: 575px){
+            table {
+                border-collapse: collapse;
+                border-spacing: 0.125em;
+                width: /*575px;*/ 126.65198237885463vw;
+                border: /*1px*/2.1744791666666665vw solid #ddd;                
+                background-color:#fff;
+                color: #043381;
+                overflow-x:auto;
+                font-size:3.3769100169779285vw;
+            }
+           .containerSearch{
+                width:17.621145374449338vw;
+                color:#043381;
+                background-color:#fff;
+            }
+           #sidebar{           
+                min-width: 250px;
+                max-width: 250px;
+                min-height: 100vh;
+            
+             background-color: #fff;
+             color: #043381;
+           }
+           #sidebar.active {
+                margin-left: 0;
+            }
+           #sidebar.active {
+            margin-left: -250px;
+        }  
+           }
+        @media (min-width: 575px) {
+            #offcanvasWithBothOptions {
+                min-width: 17.692852087756545vw;
+                max-width: 17.692852087756545vw;
+            }
+            #normaltable {            
+            padding-left: -0.125em;              
+            }
+             #conovertab{
+              max-width:150px 11.25em;
+             margin-left:35px;                        
+             overflow-x:auto;             
+            } 
+             .containerSearch{
+                width:3.1821797931583133vw;
+                color:#043381;
+                background-color:#fff;
+            }           
+             body{
+         font-family: 'Poppins', sans-serif;
+                background: #fafafa;           
+          background-image: url(images/road.jpg);
+          background-position:center center;
+          background-repeat: no-repeat;
+          background-attachment:fixed;
+          background-size:cover;
+         /* background-color:#043381;*/
+     }
+           
+           .sidebar-header{             
+             background-color: #fff;
+             max-width:250px;
+             color: #043381;
+           }
+           .container-fluid{
+              background-color: #fff;
+              color: #043381;
+           }
+           .navbar-brand{
+              background-color: #fff;
+              color: #043381;
+           }
+           .container-xxl{
+               background-color:#fff;
+           }     
+           .list-unstyled components{
+               background-color:#fff;
+               max-width:250px;
+           }
+           a[data-toggle="collapse"] {
+    position: relative;
+}
+
+.dropdown-toggle::after {
+    display: block;
+    position: absolute;
+    top: 50%;
+    right: 20px;
+    transform: translateY(-50%);
+}
+        }        
     </style>
+    </asp:ContentPlaceHolder>
+    <asp:ContentPlaceHolder id="head" runat="server">
+
+    </asp:ContentPlaceHolder>
 </head>
 <body>
-     <div class="containerall">
-        <form id="leftLinks" runat="server" style="min-height:100%;height:auto !important;height:100%;">                                      
-                                <div id="bodycontent" style=" width:1625px;">                                             
+     <div id="bodycontent" style=" width:1625px;">                                             
                  
                                              
                         <!-- <div id="nav-main">
@@ -261,174 +294,211 @@
                                                                                   If Not Request.QueryString("lan") Is Nothing Then
                                                                                       laenderkuerzel = Request.QueryString("lan")
                                                                                   End If
+
+                                                                                  VERAG_PROG_ALLGEMEIN.cAllgemein.TESTSYSTEM = False
+
+                                                                                  Dim LT As New VERAG_PROG_ALLGEMEIN.cLanguageText_LIST("HOMEPAGE", "LOGIN", "STATUS", "")
+                                                                                  Dim V_LST As New VERAG_PROG_ALLGEMEIN.cVermerkeCodes_LIST
+                                                                                  Dim lan = "DE"
+
+                                                                                  'Response.Write(DB2.qry_contentNew(menuID, lan)) 
+
+                                                                                  Dim flagpath = "images/flags/flagge_DE_AT.gif"
+
+                                                                                  Dim lan3 As String = Request.QueryString("lan3")
+                                                                                  If laenderkuerzel = "DE" And lan3 = "0" Then
+                                                                                      flagpath = "images/flags/flagge_DE_AT.gif"
+                                                                                  ElseIf laenderkuerzel = "EN" And lan3 = "0" Then
+                                                                                      flagpath = "images/flags/flagge_GB.gif"
+                                                                                  ElseIf laenderkuerzel = "SRB" And lan3 = "0" Then
+                                                                                      flagpath = "images/flags/flagge_BIH.gif"
+                                                                                  ElseIf laenderkuerzel = "SRB" And lan3 = "1" Then
+                                                                                      flagpath = "images/flags/flagge_SM.gif"
+                                                                                  ElseIf laenderkuerzel = "BG" And lan3 = "0" Then
+                                                                                      flagpath = "images/flags/flagge_BG.gif"
+                                                                                  ElseIf laenderkuerzel = "TR" And lan3 = "0" Then
+                                                                                      flagpath = "images/flags/flagge_TR.gif"
+                                                                                  End If
+
+
                                                                                   %>          
-                                                                                                                                                                                                 
-                                                                          <!--  <div class="pagecontent">-->
-                                                                       <!--   <div class="content_all"><div class="content_all"> -->
-              
-                                                                              <!-- Dropdown Button Languages--> 
-                                                                         <!--     <%'Dim name As String
-'name = "AvisoTV_Flex.aspx"%>
+     <li class="wrapper">
+        <!-- Sidebar  -->
+        <nav id="sidebar">
+            <div class="container-fluid">              
+                <div class="sidebar-header">
+                    <a class="navbar-brand" href="../newpageJulius_Sidebar.aspx"><img src="../images/Logo_small.png" width="175" height="35" alt="Logo VERAG Spedition AG" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"/></a>   
+                </div>
 
-                                                         <div Class="dropdown"> 
-                                                                <button Class="dropbtn"> <img id="myImage" src="images/flags/flagge_A.gif" style="border:1px solid #000;width:30px;"/>Language Picker</button>
-                                                                <div Class="dropdown-content">                
-                                                                    <a id="ButtonOesterreichLangPicker" class="btn btn-primary btn-sm" onclick="changeflag(A)" href="<%'=name %>?AvisoId=<%'=Request.QueryString("AvisoId")%>&lan2=DE"><img src="images/flags/flagge_A.gif" style="border:1px solid #000;width:30px;"/>Österreich</a>
-                                                                    <a id="ButtonDeutschLangPicker" class="btn btn-primary btn-sm"  onclick="changeflag(D)" href="<%'=name %>?AvisoId=<%'=Request.QueryString("AvisoId")%>&lan2=de"><img src="images/flags/flagge_D.gif" style="border:1px solid #000;width:30px;"/>Deutsch</a>
-                                                                    <a id="ButtonEnglischLangPicker" class="btn btn-primary btn-sm" onclick="changeflag(GB)" href="<%'=name %>?AvisoId=<%'=Request.QueryString("AvisoId")%>&lan2=EN"><img src="images/flags/flagge_GB.gif" style="border:1px solid #000;width:30px;"/>Englisch</a>
-                                                                    <a id="ButtonSerbischLangPicker" class="btn btn-primary btn-sm" onclick="changeflag(BIH)" href="<%'=name %>?AvisoId=<%'=Request.QueryString("AvisoId")%>&lan2=SRB"><img  src="images/flags/flagge_BIH.gif" style="border:1px solid #000;width:30px;"/>Bosnien und Herzegowina</a> 
-                                                                    <a id="ButtonSerbischZweiLangPicker" class="btn btn-primary btn-sm" onclick="changeflag(SM)" href="<%'=name %>?AvisoId=<%'=Request.QueryString("AvisoId")%>&lan2=SRB"><img src="images/flags/flagge_SM.gif" style="border:1px solid #000;width:30px;"/>Serbien</a> 
-                                                                    <a id="ButtonBulgariaLangPicker" class="btn btn-primary btn-sm" onclick="changeflag(BG)" href="<%'=name %>?AvisoId=<%'=Request.QueryString("AvisoId")%>&lan2=BG"><img src="images/flags/flagge_BG.gif" style="border:1px solid #000;width:30px;"/>Bulgarien</a>
-                                                                    <a id="ButtonTürkeiLangPicker" class="btn btn-primary btn-sm"  onclick="changeflag(TR)" href="<%'=name %>?AvisoId=<%'=Request.QueryString("AvisoId")%>&lan2=TR"><img src="images/flags/flagge_TR.gif" style="border:1px solid #000;width:30px;"/>Türkei</a>
-                                                                </div>
-                                                        </div> -->
-                                                                                <%
-'Dim lan As String = Request.QueryString("lan")
-'If lan ="" then lan="de"
-'Dim menuID As String = Request.QueryString("menuID")
-'If menuID = "" Then menuID = "1"
-'Dim DB2 As New cDBFunctions
-                                                                               %>
-                                                                               <% 
-                                                                                   VERAG_PROG_ALLGEMEIN.cAllgemein.TESTSYSTEM = False
-
-                                                                                   Dim LT As New VERAG_PROG_ALLGEMEIN.cLanguageText_LIST("HOMEPAGE", "LOGIN", "STATUS", "")
-                                                                                   Dim V_LST As New VERAG_PROG_ALLGEMEIN.cVermerkeCodes_LIST
-                                                                                   Dim lan = "DE"
-
-                                                                                   'Response.Write(DB2.qry_contentNew(menuID, lan)) %>
-                                                                                <!--   </div> -->
-                                        
-                                                  
-                                                  
-                                                                                       
-                                                      
-                                                         <%If Me.Page.User.Identity.Name = "test" Then
-                                                                 'MsgBox(Me.Page.User.Identity.Name) %>
-                                                     <!-- Navigation Bar-->                                               
-                                                 <nav class="navbar fixed-top navbar-expand-lg navbar-light" style="background-color:#fff">
+             <ul class="collapse list-unstyled">
+                                        <p style="font-size:medium;font-weight:600;" data-toggle="tooltip" data-placement="right" title="Durchklicken und mehr über uns erfahren!">VERAG Hauptmenü:</p>
+                                        <li class="active">
+                                         <li>
+                                                           <!-- <a href="#WelcomeSubmenu1" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">Startseite</a>                        
+                                                            <ul style="list-style: none;"class="collapse list-unstyled" id="WelcomeSubmenu1">
+                                                                 <span class="navbar-toggler-icon"></span>-->
+                                                                <li>
+                                                                    <a href="Welcome.aspx">Startseite</a>
+                                                                </li>
+                                                          <!--  </ul>-->
+                       </li>
+                 <li>
+                                         <li>
+                                                        <!--    <a href="#RechnungenSubmenu1" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">Rechnungen</a>                        
+                                                            <ul style="list-style: none;"class="collapse list-unstyled" id="RechnungenSubmenu1">
+                                                                 <span class="navbar-toggler-icon"></span>-->
+                                                                <li>
+                                                                    <%If Me.Page.User.Identity.Name = "test" Then %>
+                                                                    <a href="Invoices.aspx">Rechnungen</a>
+                                                                    <%ElseIf Me.Page.User.Identity.Name = "test2" Then %>
+                                                                    <a href="LKWs.aspx">LKWs</a>
+                                                                    <%End If %>
+                                                                </li>
+                                                             <!--  </ul>-->
+                       </li>
+                 </li>
+                 <li>
+                                                        <!--    <a href="#RechnungenSubmenu1" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">Rechnungen</a>                        
+                                                            <ul style="list-style: none;"class="collapse list-unstyled" id="RechnungenSubmenu1">
+                                                                 <span class="navbar-toggler-icon"></span>-->
+                                                                <li>
+                                                                    <%If Me.Page.User.Identity.Name = "test" Then %>
+                                                                    <a href="CustomerIndex.aspx">Kundenseite</a>
+                                                                    <%ElseIf Me.Page.User.Identity.Name = "test2" Then %>
+                                                                    <a href="Cards_Boxes.aspx">Karten_Boxen</a>
+                                                                    <%End If %>
+                                                                </li>
+                                                             <!--  </ul>-->
+                       </li>
+                  <li>
+                                                        <!--    <a href="#RechnungenSubmenu1" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">Rechnungen</a>                        
+                                                            <ul style="list-style: none;"class="collapse list-unstyled" id="RechnungenSubmenu1">
+                                                                 <span class="navbar-toggler-icon"></span>-->
+                                                                <li>
+                                                                    <%If Me.Page.User.Identity.Name = "test" Then %>
+                                                                    <a href="#">Coming soon</a>
+                                                                    <%ElseIf Me.Page.User.Identity.Name = "test2" Then %>
+                                                                    <a href="Invoices.aspx">Rechnungen</a>
+                                                                    <%End If %>
+                                                                </li>
+                                                             <!--  </ul>-->
+                       </li>
+             </ul>                
+                </div></nav>   
+         <div id="content">
+         <div class="d-md-none">      
+                                        <nav class="navbar navbar-expand-lg navbar-light bg-light justify-content-md-center flex-nowrap">               
+                                                         <button type="button" id="sidebarCollapse1" class="btn btn-info" style="background-color:#fff; color:#043381;">
+                                                            <div class="align-self: center"></div>
+                                                               <span><img src="../images/Icons/main/menu veragblau.svg" style="width:initial;height:initial;" alt="Hamburger Menu Stripes in Verag Blue" data-toggle="tooltip" data-placement="top" title="Zeigt das Menü an."></span>
+                                                             </button>
+                                             <a class="navbar-brand" href="../newpageJulius_Sidebar.aspx?lan2=DE"><img src="../images/Logo_small.png" style="width:90%;height:90%;" alt="VERAG Spedition AG Logo with blue word color until grey AG" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a>                                                                                                                                                           
+                                                   <button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-target="#offcanvasWithBothOptions1" aria-controls="offcanvasWithBothOptions1" style="background-color:#fff; color:#043381;"><img id="myImage" src="../<%=flagpath%>" style="border:1px solid #fff;width:30px;"/></button>
+                                              </nav>
+                                          
+                                               <div class="offcanvas offcanvas-end" data-bs-scroll="true" tabindex="-1" id="offcanvasWithBothOptions" aria-labelledby="offcanvasWithBothOptionsLabel2">
+                                                      <div class="offcanvas-header">
+                                                      <h5 class="offcanvas-title" id="offcanvasWithBothOptionsLabel2">Sprachauswahl:</h5>
+                                                       <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+                                                   </div>
+                                                        <div class="offcanvas-body">
+                                                          <%  Dim strDElang2 = "&nbsp; Deutsch"
+                                                              Dim strENlang2 = "&nbsp; Englisch"
+                                                              Dim strBIHLang2 = "&nbsp; Bosnisch"
+                                                              Dim strSRBlang2 = "&nbsp; Serbisch"
+                                                              Dim strBGlang2 = "&nbsp; Bulgarisch"
+                                                              Dim strTRlang2 = "&nbsp; Türkisch"%>                                                           
+                                                            
+                                                         <ul style="list-style: none;">
+                                                             <li style="transform: rotate(0);">
+                                                                 <!--<a id="ButtonDeutschLangPicker" class="btn btn-primary btn-sm"   href="<%'= navParent%>&lan=DE"><img src="<%'= imgPath%>images/flags/flagge_DE_AT.gif" <%' If laenderkuerzel = "de" Then Response.Write("style='border:1px solid #000'")%>/>DE/AT</a>-->
+                                                                 <a id="ButtonDeutschLangPicker2" href="<%= navParent%>&lan2=DE&lan3=0" class="stretched-link" style="text-decoration: none;"><img src="../<%= imgPath%>images/flags/flagge_DE_AT_big.gif"; width="20"; <% If laenderkuerzel = "de" Then Response.Write("style='border:1px solid #000'")%>/><%=strDElang2 %></a>
+                                                             </li>
+                                                             <li style="transform: rotate(0);">
+                                                                 <!--<a id="ButtonEnglischLangPicker" class="btn btn-primary btn-sm" href="<%'= navParent%>&lan=EN"><img src="<%'= imgPath%>images/flags/flagge_GB.gif" <%' If laenderkuerzel = "en" Then Response.Write("style='border:1px solid #000'")%>/>EN</a>-->
+                                                                 <a id="ButtonEnglischLangPicker2" href="<%= navParent%>&lan2=EN&lan3=0" class="stretched-link" style="text-decoration: none;"><img src="../<%= imgPath%>images/flags/flagge_GB_big.gif"; width="20"; <% If laenderkuerzel = "en" Then Response.Write("style='border:1px solid #000'")%>/><%=strENlang2 %></a>
+                                                             </li>
+                                                             <li style="transform: rotate(0);">
+                                                                 <!--<a id="ButtonSerbischLangPicker" class="btn btn-primary btn-sm" href="<%'= navParent%>&lan=SRB"><img src="<%'= imgPath%>images/flags/flagge_BIH.gif" <%' If laenderkuerzel = "yu" Then Response.Write("style='border:1px solid #000'")%> />BIH</a>-->
+                                                                 <a id="ButtonSerbischLangPicker2" href="<%= navParent%>&lan2=SRB&lan3=0" class="stretched-link" style="text-decoration: none;"><img src="../<%= imgPath%>images/flags/flagge_BIH_big.gif"; width="20"; <% If laenderkuerzel = "de" Then Response.Write("style='border:1px solid #000'")%> /><%=strBIHLang2 %></a>
+                                                             </li>
+                                                             <li style="transform: rotate(0);">
+                                                                 <!--<a id="ButtonSerbischZweiLangPicker" class="btn btn-primary btn-sm" href="<%'= navParent%>&lan=SM"><img src="<'%= imgPath%>images/flags/flagge_SM.gif" <%' If laenderkuerzel = "yu" Then Response.Write("style='border:1px solid #000'")%> />SRB</a>-->
+                                                                 <a id="ButtonSerbischZweiLangPicker2" href="<%= navParent%>&lan2=SRB&lan3=1" class="stretched-link" style="text-decoration: none;"><img src="../<%= imgPath%>images/flags/flagge_SM_big.gif"; width="20"; <% If laenderkuerzel = "yu" Then Response.Write("style='border:1px solid #000'")%> /><%=strSRBlang2 %></a>
+                                                             </li>
+                                                             <li style="transform: rotate(0);">
+                                                                 <!--<a id="ButtonBulgariaLangPicker" class="btn btn-primary btn-sm"  href="<%'= navParent%>&lan=BG"><img src="<%'= imgPath%>images/flags/flagge_BG.gif" <%' If laenderkuerzel = "bg" Then Response.Write("style='border:1px solid #000'")%>/>BG</a>-->
+                                                                 <a id="ButtonBulgariaLangPicker2" href="<%= navParent%>&lan2=BG&lan3=0" class="stretched-link" style="text-decoration: none;"><img src="../<%= imgPath%>images/flags/flagge_BG_big.gif"; width="20"; <% If laenderkuerzel = "bg" Then Response.Write("style='border:1px solid #000'")%>/><%=strBGlang2 %></a>
+                                                             </li>
+                                                             <li style="transform: rotate(0);">
+                                                                 <!--<a id="ButtonTürkeiLangPicker" class="btn btn-primary btn-sm"  href="<%'= navParent%>&lan=TR"><img src="<%'= imgPath%>images/flags/flagge_TR.gif" <%' If laenderkuerzel = "yu" Then Response.Write("style='border:1px solid #000'")%>/>TR</a>-->
+                                                                 <a id="ButtonTürkeiLangPicker2" href="<%= navParent%>&lan2=TR&lan3=0" class="stretched-link" style="text-decoration: none;"><img src="../<%= imgPath%>images/flags/flagge_TR_big.gif"; width="20";" <% If laenderkuerzel = "en" Then Response.Write("style='border:1px solid #000'")%>/><%=strENlang2%></a>
+                                                             </li>
+                                                          </ul>                                                     
+                                                </div>
+                                       </div>    
+                        </div>
+    
+     <div class="d-none d-md-block">
+                                        <nav class="navbar fixed-top navbar-expand-lg navbar-light" style="background-color:#fff">
                                                       <a class="navbar-brand" href="../newpageJulius_Sidebar.aspx"><img src="../images/Logo_small.png"  style:"width:120px" alt="Schriftzug: Verag AG Blaue Schrift: Verag Spedition Graue Schrift: AG" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"/></a>              
                                                        <div class="mx-auto" style="width: 900px;">  
                                                         <div class="btn-group">
                                                           <a type="button" class="btn btn-primary" href="Welcome.aspx" style="background-color:#fff; color:#043381;border:hidden;">Startseite</a>
-                                                          <button type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="background-color:#fff; color:#043381;border:hidden;">
-                                                           <span class="visually-hidden">Toggle Dropdown</span>
+                                                          <button type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="background-color:#fff; color:#043381;border:hidden;">
+                                                           <!--  <span class="visually-hidden">Toggle Dropdown</span>-->
                                                           </button>
-                                                          <div class="dropdown-menu">
+                                                         <!-- <div class="dropdown-menu">
                                                             <a class="dropdown-item" href="#">Action</a>
                                                             <a class="dropdown-item" href="#">Another action</a>
                                                             <a class="dropdown-item" href="#">Something else here</a>
                                                             <div class="dropdown-divider"></div>
                                                             <a class="dropdown-item" href="#">Separated link</a>
-                                                          </div>
+                                                          </div>-->
                                                         </div>
 
                                                           <div class="btn-group">
                                                           <a type="button" class="btn btn-primary" href="Invoices.aspx" style="background-color:#fff; color:#043381;border:hidden;">Rechnungen</a>
                                                           <button type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="background-color:#fff; color:#043381;border:hidden;">
-                                                           <span class="visually-hidden">Toggle Dropdown</span>
+                                                         <!--  <span class="visually-hidden">Toggle Dropdown</span>-->
                                                           </button>
-                                                          <div class="dropdown-menu">
+                                                         <!-- <div class="dropdown-menu">
                                                             <a class="dropdown-item" href="#">Action</a>
                                                             <a class="dropdown-item" href="#">Another action</a>
                                                             <a class="dropdown-item" href="#">Something else here</a>
                                                             <div class="dropdown-divider"></div>
                                                             <a class="dropdown-item" href="#">Separated link</a>
-                                                          </div>
+                                                          </div>-->
                                                         </div>
               
 
                                                           <div class="btn-group">
                                                           <a type="button" class="btn btn-primary" href="CustomerIndex.aspx" style="background-color:#fff; color:#043381;border:hidden;">Kundenseite</a>
                                                           <button type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="background-color:#fff; color:#043381;border:hidden;">
-                                                           <span class="visually-hidden">Toggle Dropdown</span>
+                                                           <!--  <span class="visually-hidden">Toggle Dropdown</span>-->
                                                           </button>
-                                                          <div class="dropdown-menu">
+                                                         <!-- <div class="dropdown-menu">
                                                             <a class="dropdown-item" href="#">Action</a>
                                                             <a class="dropdown-item" href="#">Another action</a>
                                                             <a class="dropdown-item" href="#">Something else here</a>
                                                             <div class="dropdown-divider"></div>
                                                             <a class="dropdown-item" href="#">Separated link</a>
-                                                          </div>
+                                                          </div>-->
                                                         </div>  
                                                             </div>
                                                      </nav>
-                                                          <% End If    %>    
-                                                  
+                                         </div>
+    <form id="form1" runat="server">
 
-                                                     <%If Me.Page.User.Identity.Name = "test2" Then
-                                                             'MsgBox(Me.Page.User.Identity.Name) %>
-                                              <nav class="navbar fixed-top navbar-expand-lg navbar-light" style="background-color:#fff">
-                                                   <a class="navbar-brand" href="../newpageJulius_Sidebar.aspx"><img src="../images/Logo_small.png"  style:"width:120px" alt="Schriftzug: Verag AG Blaue Schrift: Verag Spedition Graue Schrift: AG" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"/></a>                                    
-                                                        <div class="mx-auto" style="width: 900px;">  
-                                                        <div class="btn-group">
-                                                          <a type="button" class="btn btn-primary" href="LKWs.aspx" style="background-color:#fff; color:#043381;border:hidden;">LKWs</a>
-                                                          <button type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="background-color:#fff; color:#043381;border:hidden;">
-                                                           <span class="visually-hidden">Toggle Dropdown</span>
-                                                          </button>
-                                                          <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                            <div class="dropdown-divider"></div>
-                                                            <a class="dropdown-item" href="#">Separated link</a>
-                                                          </div>
-                                                        </div>
-
-                                                          <div class="btn-group">
-                                                          <a type="button" class="btn btn-primary" href="Karten_Boxen.aspx" style="background-color:#fff; color:#043381;border:hidden;">Karten/Boxen</a>
-                                                          <button type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="background-color:#fff; color:#043381;border:hidden;">
-                                                           <span class="visually-hidden">Toggle Dropdown</span>
-                                                          </button>
-                                                          <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                            <div class="dropdown-divider"></div>
-                                                            <a class="dropdown-item" href="#">Separated link</a>
-                                                          </div>
-                                                        </div>
-              
-
-                                                          <div class="btn-group">
-                                                          <a type="button" class="btn btn-primary" href="Invoices.aspx" style="background-color:#fff; color:#043381;border:hidden;">Rechnungen</a>
-                                                          <button type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="background-color:#fff; color:#043381;border:hidden;">
-                                                           <span class="visually-hidden">Toggle Dropdown</span>
-                                                          </button>
-                                                          <div class="dropdown-menu">
-                                                            <a class="dropdown-item" href="#">Action</a>
-                                                            <a class="dropdown-item" href="#">Another action</a>
-                                                            <a class="dropdown-item" href="#">Something else here</a>
-                                                            <div class="dropdown-divider"></div>
-                                                            <a class="dropdown-item" href="#">Separated link</a>
-                                                          </div>
-                                                        </div></div>  
-                                                  </nav>
-                                                          <% End If    %>    
-                                                   
-                                                   
-                                                   
-                               
-                                            
-                                                            
-                                               
-                                         
-                     <!-- Webiste-Content-->
-                                    <div id="contentcontainer" style=" width:1725px;">
-                                <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
+    <div>
+        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
         
-                                </asp:ContentPlaceHolder>
-                                        </div>
-                                    </div>
-
-             <div class="align-self-end">
-                             <div class="footer">
-                                <div class="footer_content"><b>VERAG Spedition AG</b> &nbsp;&nbsp; A-4975 Suben 100 &nbsp;&nbsp; Tel.: +43 7711 2777-0,&nbsp;&nbsp;Fax: +43 7711 31600,&nbsp;&nbsp;email: info@verag.ag</div> </div>                              
-      </div>   </form>
-     </div>
-        
-
-         <script type="text/javascript" src="../js/toptions/top_up-min.js"></script>   
+        </asp:ContentPlaceHolder>
+        </div> 
+    </form>   
+   </div></li></div>
+  
+     <script type="text/javascript" src="../js/toptions/top_up-min.js"></script>   
          <script type="text/javascript" src="../js/scrollscript.js"></script>   
          <!-- JQUERY Script fuer Modal-->
          <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
@@ -444,7 +514,6 @@
         <script src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.concat.min.js"></script>
      <script>
          // Filter table
-
          $(document).ready(function () {
              $("#tableSearch").on("keyup", function () {
                  var value = $(this).val().toLowerCase();
@@ -454,5 +523,12 @@
              });
          });
      </script>
-    </body>
+    <script type="text/javascript">
+        $(document).ready(function () {
+            $('#sidebarCollapse').on('click', function () {
+                $('#sidebar').toggleClass('active');
+            });
+        });
+    </script>      
+</body>
 </html>
diff --git a/Customers/Customers.master.vb b/Customers/Customers.master.vb
index cff2d15..57a57a3 100644
--- a/Customers/Customers.master.vb
+++ b/Customers/Customers.master.vb
@@ -1,5 +1,5 @@
 
-Partial Class Kundenbereich_Customers
+Partial Class Customers_Customers
     Inherits System.Web.UI.MasterPage
 End Class
 
diff --git a/Customers/Invoices.aspx b/Customers/Invoices.aspx
index 5aa4bfb..140c025 100644
--- a/Customers/Invoices.aspx
+++ b/Customers/Invoices.aspx
@@ -96,7 +96,7 @@
     </style>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     <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="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
@@ -113,10 +113,7 @@
                          <div class="d-flex flex-col-4">
                              <asp:Label ID="Label1" runat="server" Text="Datum"></asp:Label>        
                           <div class="input-group">
-                              <input type="text" id="myInput1" onkeyup="filterdatvonbis()" placeholder="Von"/>         
-                                  
-     
-                        
+                              <input type="text" id="myInput1" onkeyup="filterdatvonbis()" placeholder="Von"/>                       
                              <input type="text" id="myInput2" onkeyup="filterdatvonbis()" placeholder="Bis"/>        
                         </div>
                     </div>
diff --git a/Customers/Karten_Boxen.aspx b/Customers/Karten_Boxen.aspx
deleted file mode 100644
index d6dbb93..0000000
--- a/Customers/Karten_Boxen.aspx
+++ /dev/null
@@ -1,7 +0,0 @@
-<%@ Page Title="" Language="VB" MasterPageFile="~/Customers/Customers.master" AutoEventWireup="false" CodeFile="Karten_Boxen.aspx.vb" Inherits="Customers_Default" %>
-
-<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
-</asp:Content>
-<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
-</asp:Content>
-