diff --git a/README.md b/README.md
index f2ec8dc..b124b08 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# profile to AIP Ticket System 👋
+# AIP Ticket System 👋
 
 > Ticket Management Service for IT Support Requests
 
diff --git a/assets/css/mbr-additional.css b/assets/css/mbr-additional.css
index a81db4c..3624f13 100644
--- a/assets/css/mbr-additional.css
+++ b/assets/css/mbr-additional.css
@@ -1066,9 +1066,9 @@ a {
     left: -1rem;
   }
 }
-.cid-sRc7vFQ6FN {
+/* .cid-sRc7vFQ6FN {
   background-image: url("../../../assets/images/home.jpg");
-}
+} */
 .cid-sRc7vFQ6FN .social-row .soc-item {
   display: inline-block;
   text-align: center;
diff --git a/assets/images/nebula.jpg b/assets/images/nebula.jpg
new file mode 100644
index 0000000..8985b9b
Binary files /dev/null and b/assets/images/nebula.jpg differ
diff --git a/auth/profile.php b/auth/profile.php
index 1ff19e5..6a8d3d0 100644
--- a/auth/profile.php
+++ b/auth/profile.php
@@ -1,6 +1,5 @@
 <?php
 include_once('../navbar.php');
-include_once('../inc/head.php');
 include_once('modal-reset-password.php');
 // Initialize the session
 if (!isset($_SESSION)) {
@@ -29,6 +28,7 @@
             resetten</a>
         <a href="logout.php" class="btn btn-danger ml-3">Logout</a>
         <a href="../tickets/ticket-list.php" class="btn btn-info ml-3">Übersicht Ticket Liste</a>
+        <a href="../tickets/ticket-list-bildschirm.php" class="btn btn-info ml-3">Übersicht Ticket Liste(Bildschirm)</a>
     </p>
 </body>
 
diff --git a/index.php b/index.php
index cda6f80..899153e 100644
--- a/index.php
+++ b/index.php
@@ -4,6 +4,42 @@
 
 <!DOCTYPE html>
 <html>
+<style>
+  .slide_bg {
+
+    width: 100%;
+    height: 100%;
+    background-position: center center;
+    background-size: cover;
+    background-repeat: no-repeat;
+    backface-visibility: hidden;
+    animation: slideBG 60s linear infinite 0s;
+    animation-timing-function: ease-in-out;
+    background-image: url('assets/images/home.jpg');
+  }
+
+  @keyframes slideBG {
+    0% {
+      background-image: url('assets/images/home.jpg');
+    }
+
+    25% {
+      background-image: url('assets/images/home.jpg'), url('assets/images/nebula.jpg');
+    }
+
+    50% {
+      background-image: url('assets/images/nebula.jpg');
+    }
+
+    75% {
+      background-image: url('assets/images/nebula.jpg'), url('assets/images/home.jpg');
+    }
+
+    100% {
+      background-image: url('assets/images/home.jpg');
+    }
+  }
+</style>
 
 <head>
   <!-- Special import coz smothscrolling is picky -->
@@ -45,14 +81,14 @@
     </nav>
   </section>
 
-  <section data-bs-version="5.1" class="header13 cid-sRc7vFQ6FN mbr-fullscreen mbr-parallax-background" id="header13-l">
+  <section data-bs-version="5.1" class="slide_bg header13 cid-sRc7vFQ6FN mbr-fullscreen" id="header13-l">
     <div class="align-center container">
       <div class="row justify-content-center">
         <div class="col-12 col-lg-10">
           <h1 style='text-shadow: 0 0 3px #000000 ; font-family:sans-serif' class="animate__animated animate__slideInLeft text-white mbr-section-title mbr-fonts-style mb-3 display-1">
             <strong>Digital Business</strong>
           </h1>
-          <button class="button-28 animate__animated animate__fadeInBottomLeft" data-toggle="modal" data-target="#modalCreateTicket" type="button">Ticket erfassen</button>
+          <button class="button-28 animate__animated animate__fadeInBottomLeft" data-toggle="modal" data-target="#modalCreateTicket" type="button">Problem melden</button>
         </div>
       </div>
     </div>
@@ -73,7 +109,7 @@
                 <div class="card-header" role="tab" id="headingOne">
                   <a role="button" class="collapsed panel-title text-black" data-toggle="collapse" data-bs-toggle="collapse" data-core="" href="#collapse1_2" aria-expanded="true" aria-controls="collapse1">
                     <h6 style='text-shadow: 0 0 3px #000000' class="text-white panel-title-edit mbr-fonts-style mb-0 display-7">
-                      <strong>Wie wird ein Ticket erfasst?</strong>
+                      <strong>Wie wird ein Problem gemolden?</strong>
                     </h6>
                     <span class="sign mbr-iconfont mbri-arrow-down"></span>
                   </a>
@@ -81,7 +117,7 @@
                 <div id="collapse1_2" class="panel-collapse noScroll collapse" role="tabpanel" aria-labelledby="headingOne">
                   <div class="panel-body">
                     <p style='text-shadow: 0 0 3px #000000;background-color: #00000075;border-radius: 10px;padding-left: 10px;' class="text-white mbr-fonts-style panel-text display-7">Klick auf den Knopf
-                      "Ticket erfassen" und gib die erforderlichen Daten ein. Danach klick auf
+                      "Problem melden" und gib die erforderlichen Daten ein. Danach klick auf
                       "Erfassen" und schon ist es erfasst.</p>
                   </div>
                 </div>
diff --git a/tickets/Bell.mp3 b/tickets/Bell.mp3
new file mode 100644
index 0000000..765524b
Binary files /dev/null and b/tickets/Bell.mp3 differ
diff --git a/tickets/modal-assign-ticket.php b/tickets/modal-assign-ticket.php
index f0ea7c5..83977de 100644
--- a/tickets/modal-assign-ticket.php
+++ b/tickets/modal-assign-ticket.php
@@ -11,9 +11,9 @@
                 <form id='myForm' action='assign-ticket.php'>
                     <input class="form-control" type="hidden">
                     <div class="form-group">
-                        <label style='margin-left:170px' col-md-4 control-label>Zuordnen:*</label>
+                        <label col-md-4 control-label>Zuordnen:*</label>
                         <div>
-                            <select class="form-select" style='margin-left:120px' name="assign" required>
+                            <select class="form-control" name="assign" required>
                                 <option value="">Bitte Jemanden wählen</option>
                                 <option value="Babette">Babette</option>
                                 <option value="Jessica">Jessica</option>
@@ -23,6 +23,7 @@
                                 <option value="Sammy">Sammy</option>
                                 <option value="Tim">Tim</option>
                                 <option value="Ulf">Ulf</option>
+                                <option value=" ">Freigeben</option>
                             </select>
                         </div>
                     </div>
diff --git a/tickets/table-list-content-refresh.php b/tickets/table-list-content-refresh.php
new file mode 100644
index 0000000..3d1cc39
--- /dev/null
+++ b/tickets/table-list-content-refresh.php
@@ -0,0 +1,21 @@
+<?php
+require_once('../database/config.php');
+
+#get DB content
+$sql = "SELECT TicketID,Datum,Abteilung,Name,Problem,Assign FROM ticket_table ORDER BY TicketID DESC";
+$result = $link->query($sql);
+
+while ($row = $result->fetch_assoc()) {
+    $ticketID = $row['TicketID'];
+    echo "
+         
+  <tr id=1>
+      <th scope='row'>$row[TicketID]</th>
+      <td>$row[Abteilung]</td>
+      <td>$row[Name]</td>
+      <td>$row[Problem]</td>
+      <td>$row[Datum]</td>
+      <td>$row[Assign]</td>
+  </tr>
+          ";
+}
diff --git a/tickets/ticket-list-bildschirm.php b/tickets/ticket-list-bildschirm.php
new file mode 100644
index 0000000..3ed1c96
--- /dev/null
+++ b/tickets/ticket-list-bildschirm.php
@@ -0,0 +1,81 @@
+<?php
+#header("Refresh: 60");
+require_once('../database/config.php');
+include_once('modal-delete-ticket.php');
+include_once('modal-assign-ticket.php');
+?>
+
+<link rel="stylesheet" href="https://cdn.datatables.net/1.11.3/css/jquery.dataTables.min.css">
+<script src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
+<script src="https://cdn.datatables.net/plug-ins/1.11.3/sorting/any-number.js"></script>
+<script src="https://cdn.datatables.net/plug-ins/1.11.3/sorting/natural.js"></script>
+<script src="https://cdn.datatables.net/plug-ins/1.11.3/sorting/date-de.js"></script>
+<script src="https://cdn.datatables.net/plug-ins/1.11.3/features/scrollResize/dataTables.scrollResize.min.js"></script>
+
+<body>
+    <div class="container">
+
+        <div class="text-center mt-5 pt-5">
+            <h3>Ticket Liste</h3>
+        </div>
+
+        <?php
+        #get DB content
+        $sql = "SELECT TicketID,Datum,Abteilung,Name,Problem,Assign FROM ticket_table ORDER BY TicketID DESC";
+        $result = $link->query($sql);
+        ?>
+        <main class="container" style="margin-top: 25px; overflow-y: auto; height: calc(100vh - 210px);">
+            <?php
+
+            echo "
+  <table style='width:100%' id='table1' class='display'>
+      <thead>
+          <tr>
+              <th>Ticket ID</th>
+              <th>Abteilung</th>
+              <th>Name</th>
+              <th>Problem</th>
+              <th>Erfasst am</th>
+              <th>Bearbeitet von</th>
+          </tr>
+      </thead>
+      <tbody id=1> ";
+
+            while ($row = $result->fetch_assoc()) {
+                $ticketID = $row['TicketID'];
+                echo "
+               
+        <tr id=1>
+            <th scope='row'>$row[TicketID]</th>
+            <td>$row[Abteilung]</td>
+            <td>$row[Name]</td>
+            <td>$row[Problem]</td>
+            <td>$row[Datum]</td>
+            <td>$row[Assign]</td>
+        </tr>
+                ";
+            }
+            echo "
+            </tbody>
+  </table>";
+            ?>
+
+        </main>
+    </div>
+</body>
+<!-- Search Ticket Table -->
+<script>
+    $(document).ready(function() {
+        setInterval(function() {
+            $("#1").load("table-list-content-refresh.php");
+        }, 5000);
+
+
+        $('#table1').DataTable({
+            // scrollResize: true,
+            // scrollY: 100,
+            // scrollCollapse: true,
+            // paging: false
+        });
+    });
+</script>
\ No newline at end of file
