diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..20ae770
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+templates_c
diff --git a/controller/admin_notenupload.php b/controller/admin_notenupload.php
index ba09616..f525f86 100644
--- a/controller/admin_notenupload.php
+++ b/controller/admin_notenupload.php
@@ -72,7 +72,7 @@ if(isset($_POST) && $_SERVER['REQUEST_METHOD'] == "POST")
                                                               )
                                             VALUES
                                                               ( $jndid
-                                                              , '$vpb_file_name'
+                                                              , '$vpb_final_location'
                                                               , '$originalname'
                                                               , $uid
                                                               , '$datum'
diff --git a/media/file_upload/noten/20230331_170955_S15_Santo_Santo_Santo_Santo_il_Signor.pdf b/media/file_upload/noten/20230331_170955_S15_Santo_Santo_Santo_Santo_il_Signor.pdf
new file mode 100644
index 0000000..006eee7
Binary files /dev/null and b/media/file_upload/noten/20230331_170955_S15_Santo_Santo_Santo_Santo_il_Signor.pdf differ
diff --git a/media/file_upload/noten/20230331_170957_238_Santo_Santo_Santo_Santo_il_Signor.pdf b/media/file_upload/noten/20230331_170957_238_Santo_Santo_Santo_Santo_il_Signor.pdf
new file mode 100644
index 0000000..9d14464
Binary files /dev/null and b/media/file_upload/noten/20230331_170957_238_Santo_Santo_Santo_Santo_il_Signor.pdf differ
diff --git a/templates_c/15b779282fc1667ebc65227c3ff810b1d3ec06fd_0.file.navtop.html.php b/templates_c/15b779282fc1667ebc65227c3ff810b1d3ec06fd_0.file.navtop.html.php
index baa364d..42a6b69 100644
--- a/templates_c/15b779282fc1667ebc65227c3ff810b1d3ec06fd_0.file.navtop.html.php
+++ b/templates_c/15b779282fc1667ebc65227c3ff810b1d3ec06fd_0.file.navtop.html.php
@@ -1,18 +1,18 @@
 <?php
-/* Smarty version 3.1.39, created on 2023-03-27 10:33:49
+/* Smarty version 3.1.39, created on 2023-03-31 17:05:08
   from 'F:\git\survey\templates\modern\dashboard\navtop.html' */
 
 /* @var Smarty_Internal_Template $_smarty_tpl */
 if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
   'version' => '3.1.39',
-  'unifunc' => 'content_642154eddee429_56546947',
+  'unifunc' => 'content_6426f6a4c943e1_05184068',
   'has_nocache_code' => false,
   'file_dependency' => 
   array (
     '15b779282fc1667ebc65227c3ff810b1d3ec06fd' => 
     array (
       0 => 'F:\\git\\survey\\templates\\modern\\dashboard\\navtop.html',
-      1 => 1679906028,
+      1 => 1680274932,
       2 => 'file',
     ),
   ),
@@ -20,7 +20,7 @@ if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
   array (
   ),
 ),false)) {
-function content_642154eddee429_56546947 (Smarty_Internal_Template $_smarty_tpl) {
+function content_6426f6a4c943e1_05184068 (Smarty_Internal_Template $_smarty_tpl) {
 ?><!--Navigation top-->
 <style>
 <!-- abweichend von original styles.css -->
@@ -41,7 +41,7 @@ function content_642154eddee429_56546947 (Smarty_Internal_Template $_smarty_tpl)
 </style>
 <nav class="bg-juandmi sb-topnav navbar navbar-expand navbar-dark">
    <!-- Navbar Brand-->
-   <a class="navbar-brand ps-3" href="startseite.php">Administration JU & MI</a>
+   <a class="navbar-brand ps-3" href="index.php">Administration JU & MI</a>
    <!-- Sidebar Toggle: js/scripts.js in der callbackfunktion vom Load aufrufen beim einbetten-->
    <button class="btn btn-link btn-sm order-1 order-lg-0 me-4 me-lg-0" id="sidebarToggle" href="#!"><i class="fas fa-bars"></i></button>
    <!-- Navbar Search-->
diff --git a/templates_c/5e39749cb1a64f7b81c95621b910340c1aee6ae0_0.file.rollen.html.php b/templates_c/5e39749cb1a64f7b81c95621b910340c1aee6ae0_0.file.rollen.html.php
index 161f449..855e68f 100644
--- a/templates_c/5e39749cb1a64f7b81c95621b910340c1aee6ae0_0.file.rollen.html.php
+++ b/templates_c/5e39749cb1a64f7b81c95621b910340c1aee6ae0_0.file.rollen.html.php
@@ -1,18 +1,18 @@
 <?php
-/* Smarty version 3.1.39, created on 2023-03-28 18:51:21
+/* Smarty version 3.1.39, created on 2023-03-31 17:05:13
   from 'F:\git\survey\templates\modern\dashboard\rollen.html' */
 
 /* @var Smarty_Internal_Template $_smarty_tpl */
 if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
   'version' => '3.1.39',
-  'unifunc' => 'content_64231b09d9f379_62984178',
+  'unifunc' => 'content_6426f6a98853d7_89857417',
   'has_nocache_code' => false,
   'file_dependency' => 
   array (
     '5e39749cb1a64f7b81c95621b910340c1aee6ae0' => 
     array (
       0 => 'F:\\git\\survey\\templates\\modern\\dashboard\\rollen.html',
-      1 => 1680022279,
+      1 => 1680274933,
       2 => 'file',
     ),
   ),
@@ -20,7 +20,7 @@ if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
   array (
   ),
 ),false)) {
-function content_64231b09d9f379_62984178 (Smarty_Internal_Template $_smarty_tpl) {
+function content_6426f6a98853d7_89857417 (Smarty_Internal_Template $_smarty_tpl) {
 if ($_smarty_tpl->tpl_vars['action']->value == '') {?>
 <!doctype html>
 <html lang="de">
@@ -136,8 +136,8 @@ $(document).ready(function(){
                   <div class="card-body">
                      <div class="row mt-0 mt-sm-1 mb-0 mb-sm-1">
                         <div class="row mt-0 mb-0">
-                           <div class="d-none col-md-10 d-md-block"><b>Rolle</b></div>
-                           <div class="d-none col-md-2 d-md-block"><b>Aktion</b></div>
+                           <div class="d-none col-md-7 d-md-block"><b>Rolle</b></div>
+                           <div class="d-none col-md-5 d-md-block"><b>Aktion</b></div>
                         </div>
                         <?php
 $__section_table_data_0_loop = (is_array(@$_loop=$_smarty_tpl->tpl_vars['table_data']->value) ? count($_loop) : max(0, (int) $_loop));
@@ -147,9 +147,9 @@ if ($__section_table_data_0_total !== 0) {
 for ($__section_table_data_0_iteration = 1, $_smarty_tpl->tpl_vars['__smarty_section_table_data']->value['index'] = 0; $__section_table_data_0_iteration <= $__section_table_data_0_total; $__section_table_data_0_iteration++, $_smarty_tpl->tpl_vars['__smarty_section_table_data']->value['index']++){
 ?>
                         <div class="row mt-0 mt-sm-1 mb-0 mb-sm-1">
-                           <div class="col-6 col-md-10"><?php echo $_smarty_tpl->tpl_vars['table_data']->value[(isset($_smarty_tpl->tpl_vars['__smarty_section_table_data']->value['index']) ? $_smarty_tpl->tpl_vars['__smarty_section_table_data']->value['index'] : null)]['bezeichnung'];?>
+                           <div class="col-6 col-md-7"><?php echo $_smarty_tpl->tpl_vars['table_data']->value[(isset($_smarty_tpl->tpl_vars['__smarty_section_table_data']->value['index']) ? $_smarty_tpl->tpl_vars['__smarty_section_table_data']->value['index'] : null)]['bezeichnung'];?>
 </div>
-                           <div class="col-6 col-md-2">
+                           <div class="col-6 col-md-5">
                               <a class="btn btn-success btn-rounded btn-icon btn-sm" data-bs-toggle="modal" value="<?php echo $_smarty_tpl->tpl_vars['table_data']->value[(isset($_smarty_tpl->tpl_vars['__smarty_section_table_data']->value['index']) ? $_smarty_tpl->tpl_vars['__smarty_section_table_data']->value['index'] : null)]['rid'];?>
 |rollenzuordnung.php" onclick="ShowZuordnung(this)" data-bs-target="#ZuordnungModal"><i class="fa fa-eye" style="width:18px;"></i></a>
                               <a class="btn btn-success btn-rounded btn-icon btn-sm" data-bs-toggle="modal" value="<?php echo $_smarty_tpl->tpl_vars['table_data']->value[(isset($_smarty_tpl->tpl_vars['__smarty_section_table_data']->value['index']) ? $_smarty_tpl->tpl_vars['__smarty_section_table_data']->value['index'] : null)]['rid'];?>
diff --git a/templates_c/bf479f21e7ad507ad2c2c30536bdf206de07b30e_0.file.index.html.php b/templates_c/bf479f21e7ad507ad2c2c30536bdf206de07b30e_0.file.index.html.php
index 32c09b0..8e69127 100644
--- a/templates_c/bf479f21e7ad507ad2c2c30536bdf206de07b30e_0.file.index.html.php
+++ b/templates_c/bf479f21e7ad507ad2c2c30536bdf206de07b30e_0.file.index.html.php
@@ -1,18 +1,18 @@
 <?php
-/* Smarty version 3.1.39, created on 2023-03-28 06:12:35
+/* Smarty version 3.1.39, created on 2023-03-31 17:04:53
   from 'F:\git\survey\templates\modern\dashboard\index.html' */
 
 /* @var Smarty_Internal_Template $_smarty_tpl */
 if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
   'version' => '3.1.39',
-  'unifunc' => 'content_642269335a1849_37187460',
+  'unifunc' => 'content_6426f695136e94_48182210',
   'has_nocache_code' => false,
   'file_dependency' => 
   array (
     'bf479f21e7ad507ad2c2c30536bdf206de07b30e' => 
     array (
       0 => 'F:\\git\\survey\\templates\\modern\\dashboard\\index.html',
-      1 => 1679910276,
+      1 => 1680274932,
       2 => 'file',
     ),
   ),
@@ -20,135 +20,107 @@ if ($_smarty_tpl->_decodeProperties($_smarty_tpl, array (
   array (
   ),
 ),false)) {
-function content_642269335a1849_37187460 (Smarty_Internal_Template $_smarty_tpl) {
-if ($_smarty_tpl->tpl_vars['action']->value == '') {?>
-<!DOCTYPE html>
+function content_6426f695136e94_48182210 (Smarty_Internal_Template $_smarty_tpl) {
+?><!DOCTYPE html>
 <html lang="en">
-   <head>
+<head>
+      <title>JU & MI Startseite</title>
       <meta charset="utf-8" />
       <meta http-equiv="X-UA-Compatible" content="IE=edge" />
       <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
       <meta name="description" content="" />
       <meta name="author" content="" />
-      <title>JU & MI Administration</title>
+      <link href="../bootstrap/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
+      <!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
       <link href="css/styles.css" rel="stylesheet" />
+      <!-- icons in nav-->
       <?php echo '<script'; ?>
  src="js/all.js" crossorigin="anonymous"><?php echo '</script'; ?>
 >
       <?php echo '<script'; ?>
  src="../jquery/jquery-3.4.1.min.js"><?php echo '</script'; ?>
 >
-      <?php echo '<script'; ?>
- src="../js/lottie_bodymovin/lottie.min.js"><?php echo '</script'; ?>
->
-      <style type="text/css">
-         .lottie-container {
-         justify-content: center;
-         top:  40px;
-         left:  0;
-         right:  0;
-         bottom:  20px;
-         height: 180px;
-         pointer-events: none;
-         }
-      </style>
    </head>
-   <body>
+   <body class="sb-nav-fixed">
       <div id="navtop"></div>
       
       <?php echo '<script'; ?>
 >
-        $(function() {
-         $("#mail").focus();
-        });
-
          $(function(){
+           // im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
+           $("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
+           $("#navleft").load("nav.php");
            $("#footer").load("footer.php");
          });
       <?php echo '</script'; ?>
 >
       
-      <div id="layoutAuthentication">
-         <div id="layoutAuthentication_content">
+      <div id="layoutSidenav">
+         <!-- Navigation left -->
+         <div id="navleft"></div>
+         <div id="layoutSidenav_content">
             <main>
-            <!--Anwendung-->
-            <?php echo '<script'; ?>
- src="../js/components/admin_login.js"><?php echo '</script'; ?>
->
-               <div class="lottie-container" id="lottie-container"></div>
-               <div class="container">
-                  <div class="row justify-content-center">
-                     <div class="col-lg-5">
-                        <div class="card shadow-lg border-0 rounded-lg mt-5">
-                           <div class="card-header">
-                              <h3 class="text-center font-weight-light my-4">Login</h3>
-                           </div>
-                           <div class="card-body">
-                                 <div class="form-floating mb-3">
-                                    <input class="form-control" name="mail" id="mail" type="email" onkeydown="keysave(this)" placeholder="Mailadresse" />
-                                    <label for="inputEmail">Mailadresse</label>
-                                 </div>
-                                 <div class="form-floating mb-3">
-                                    <input class="form-control" name="password" id="password" type="password" onkeydown="keysave(this)" placeholder="Passwort" />
-                                    <label for="inputPassword">Passwort</label>
-                                 </div>
-                                 <!--<div class="form-check mb-3">
-                                    <input class="form-check-input" id="inputRememberPassword" type="checkbox" value="" />
-                                    <label class="form-check-label" for="inputRememberPassword">Remember Password</label>
+               <div class="container-fluid">
+                  <div class="card">
+                     <div class="card-header">
+                        <i class="fas fa-user me-1"></i>
+                        Herzlich willkommen <?php echo $_smarty_tpl->tpl_vars['startseite_name']->value;?>
+
+                     </div>
+                     <div class="card-body">
+                        <p class="card-text">Herzlich willkommen zur Administration von Jugendchor & Miteinander.<br><br>
+                        </p>
+
+<!--
+
+                        <div class="row">
+                            <div class="col-xl-3 col-md-6">
+                                <div class="card bg-primary text-white mb-4">
+                                    <div class="card-body">Primary Card</div>
+                                </div>
+                            </div>
+                            <div class="col-xl-3 col-md-6">
+                                <div class="card bg-warning text-white mb-4">
+                                    <div class="card-body">Warning Card</div>
+                                    <div class="card-footer d-flex align-items-center justify-content-between">
+                                        <a class="small text-white stretched-link" href="#">View Details</a>
+                                        <div class="small text-white"><i class="fas fa-angle-right"></i></div>
                                     </div>
-                                    -->
-                                 <div class="d-flex align-items-center justify-content-between mt-4 mb-0">
-                                    <!--<a class="small" href="password.html">Forgot Password?</a>-->
-                                    &nbsp;
-                                    <input type='submit' class="btn btn-primary" onclick="login();" name='senden' value="Login">
-                                 </div>
-                           </div>
-                           <div class="card-footer text-center py-3">
-                              <!--<div class="small"><a href="register.html">Need an account? Sign up!</a></div>-->
-                           </div>
+                                </div>
+                            </div>
+                            <div class="col-xl-3 col-md-6">
+                                <div class="card bg-success text-white mb-4">
+                                    <div class="card-body">Success Card</div>
+                                    <div class="card-footer d-flex align-items-center justify-content-between">
+                                        <a class="small text-white stretched-link" href="#">View Details</a>
+                                        <div class="small text-white"><i class="fas fa-angle-right"></i></div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-xl-3 col-md-6">
+                                <div class="card bg-danger text-white mb-4">
+                                    <div class="card-body">Danger Card</div>
+                                    <div class="card-footer d-flex align-items-center justify-content-between">
+                                        <a class="small text-white stretched-link" href="#">View Details</a>
+                                        <div class="small text-white"><i class="fas fa-angle-right"></i></div>
+                                    </div>
+                                </div>
+                            </div>
                         </div>
-                        <div id="msg"></div>
+-->
+
+
                      </div>
                   </div>
                </div>
-               <div class="lottie-container" id="lottie-container"></div>
-               <?php echo '<script'; ?>
- type="text/javascript">
-                  var item = bodymovin.loadAnimation({
-                  wrapper: document.getElementById('lottie-container'),
-                  animType: 'svg',
-                  loop: true,
-                  autoplay: true,
-                  path: '../media/data.json'
-                  });
-               <?php echo '</script'; ?>
->
             </main>
-			      
-                  <?php echo '<script'; ?>
- type="text/javascript">
-			         function keysave(ele) {
-			         if(event.key === 'Enter') {
-			         login();
-			         }
-			         }
-			       <?php echo '</script'; ?>
->
-			      
-         </div>
-         <div id="layoutAuthentication_footer">
             <!-- footer -->
             <div id="footer"></div>
          </div>
       </div>
       <?php echo '<script'; ?>
- src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"><?php echo '</script'; ?>
->
-      <?php echo '<script'; ?>
- src="js/scripts.js"><?php echo '</script'; ?>
+ src="../bootstrap/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"><?php echo '</script'; ?>
 >
    </body>
-</html>
-<?php }
-}
+</html><?php }
 }