diff --git a/motorradig/.idea/workspace.xml b/motorradig/.idea/workspace.xml
index da7555d..69308dc 100644
--- a/motorradig/.idea/workspace.xml
+++ b/motorradig/.idea/workspace.xml
@@ -3,13 +3,13 @@
   <component name="ChangeListManager">
     <list default="true" id="eed7de89-f054-487c-bf59-36356758942b" name="Default Changelist" comment="">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/app/Http/Controllers/FileController.php" beforeDir="false" afterPath="$PROJECT_DIR$/app/Http/Controllers/FileController.php" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/public/js/app.js" beforeDir="false" afterPath="$PROJECT_DIR$/public/js/app.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/public/upload/images/Superordner2/Gazprom.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/public/upload/images/Superordner2/mod1.png" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/resources/js/app.js" beforeDir="false" afterPath="$PROJECT_DIR$/resources/js/app.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/resources/js/store.js" beforeDir="false" afterPath="$PROJECT_DIR$/resources/js/store.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/resources/js/views/EditPage.vue" beforeDir="false" afterPath="$PROJECT_DIR$/resources/js/views/EditPage.vue" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/resources/js/views/Gallery.vue" beforeDir="false" afterPath="$PROJECT_DIR$/resources/js/views/Gallery.vue" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/resources/js/views/Main.vue" beforeDir="false" afterPath="$PROJECT_DIR$/resources/js/views/Main.vue" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/resources/js/views/Upload.vue" beforeDir="false" afterPath="$PROJECT_DIR$/resources/js/views/Upload.vue" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/resources/js/views/UserList.vue" beforeDir="false" afterPath="$PROJECT_DIR$/resources/js/views/UserList.vue" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
diff --git a/motorradig/public/js/app.js b/motorradig/public/js/app.js
index ce63e6d..07a416b 100644
--- a/motorradig/public/js/app.js
+++ b/motorradig/public/js/app.js
@@ -1925,7 +1925,7 @@ __webpack_require__.r(__webpack_exports__);
       var _this = this;
 
       console.log('Saving to page:' + this.$store.state.page_name);
-      axios.post('http://localhost:8000/api/v1/auth/save_page', {
+      axios.post(this.$store.state.app_url + '/api/v1/auth/save_page', {
         page: this.$store.state.page_name,
         body: this.editor.view.docView.dom.innerHTML
       }, {
@@ -2052,7 +2052,7 @@ __webpack_require__.r(__webpack_exports__);
       var _this = this;
 
       console.log('Saving to page:' + this.$store.state.page_name);
-      axios.post('http://localhost:8000/api/v1/auth/save_page', {
+      axios.post(this.$store.state.app_url + '/api/v1/auth/save_page', {
         page: this.$store.state.page_name,
         body: this.editor.view.docView.dom.innerHTML
       }, {
@@ -2075,7 +2075,7 @@ __webpack_require__.r(__webpack_exports__);
 
       formData.append('image', selectedFile);
       formData.append('folder', selectedFolder);
-      axios.post('http://localhost:8000/api/v1/auth/upload', formData, {
+      axios.post(this.$store.state.app_url + '/api/v1/auth/upload', formData, {
         headers: {
           'Authorization': 'Bearer ' + this.$store.state.user_token,
           'Content-Type': 'multipart/form-data'
@@ -2091,7 +2091,7 @@ __webpack_require__.r(__webpack_exports__);
       console.log("Request creation of folder:" + folderName);
       var formData = new FormData();
       formData.append("folder", folderName);
-      axios.post('http://localhost:8000/api/v1/auth/create_folder', formData, {
+      axios.post(this.$store.state.app_url + '/api/v1/auth/create_folder', formData, {
         headers: {
           'Authorization': 'Bearer ' + this.$store.state.user_token,
           'Content-Type': 'multipart/form-data'
@@ -2108,7 +2108,7 @@ __webpack_require__.r(__webpack_exports__);
       var _this3 = this;
 
       console.log("Requesting folders with images");
-      axios.post('http://localhost:8000/api/v1/auth/get_folders_with_images', {}, {
+      axios.post(this.$store.state.app_url + '/api/v1/auth/get_folders_with_images', {}, {
         headers: {
           'Authorization': 'Bearer ' + this.$store.state.user_token
         }
@@ -2225,7 +2225,7 @@ __webpack_require__.r(__webpack_exports__);
 
       console.log("logging out with token " + this.$store.state.user_token); // Empty brackets are an empty object usually containing form data
 
-      axios.post('http://localhost:8000/api/v1/auth/logout', {}, {
+      axios.post(this.$store.state.app_url + '/api/v1/auth/logout', {}, {
         headers: {
           'Authorization': 'Bearer ' + this.$store.state.user_token
         }
@@ -2255,7 +2255,7 @@ __webpack_require__.r(__webpack_exports__);
 
       console.log("loadPage: " + page_name);
       this.$store.state.page_name = page_name;
-      axios.post('http://localhost:8000/api/v1/load_page', {
+      axios.post(this.$store.state.app_url + '/api/v1/load_page', {
         page: page_name
       }, {
         headers: {
@@ -2395,7 +2395,7 @@ __webpack_require__.r(__webpack_exports__);
       var _this = this;
 
       console.log('Saving to page:' + this.$store.state.page_name);
-      axios.post('http://localhost:8000/api/v1/auth/save_page', {
+      axios.post(this.$store.state.app_url + '/api/v1/auth/save_page', {
         page: this.$store.state.page_name,
         body: this.editor.view.docView.dom.innerHTML
       }, {
@@ -2418,7 +2418,7 @@ __webpack_require__.r(__webpack_exports__);
 
       formData.append('image', selectedFile);
       formData.append('folder', selectedFolder);
-      axios.post('http://localhost:8000/api/v1/auth/upload', formData, {
+      axios.post(this.$store.state.app_url + '/api/v1/auth/upload', formData, {
         headers: {
           'Authorization': 'Bearer ' + this.$store.state.user_token,
           'Content-Type': 'multipart/form-data'
@@ -2434,7 +2434,7 @@ __webpack_require__.r(__webpack_exports__);
       console.log("Request creation of folder:" + folderName);
       var formData = new FormData();
       formData.append("folder", folderName);
-      axios.post('http://localhost:8000/api/v1/auth/create_folder', formData, {
+      axios.post(this.$store.state.app_url + '/api/v1/auth/create_folder', formData, {
         headers: {
           'Authorization': 'Bearer ' + this.$store.state.user_token,
           'Content-Type': 'multipart/form-data'
@@ -2451,7 +2451,7 @@ __webpack_require__.r(__webpack_exports__);
       var _this3 = this;
 
       console.log("Requesting folders");
-      axios.post('http://localhost:8000/api/v1/auth/get_folders', {}, {
+      axios.post(this.$store.state.app_url + '/api/v1/auth/get_folders', {}, {
         headers: {
           'Authorization': 'Bearer ' + this.$store.state.user_token
         }
@@ -2547,7 +2547,7 @@ __webpack_require__.r(__webpack_exports__);
 
       console.log("logging out with token " + this.$store.state.user_token); // Empty brackets are an empty object usually containing form data
 
-      axios.post('http://localhost:8000/api/v1/auth/logout', {}, {
+      axios.post(this.$store.state.app_url + '/api/v1/auth/logout', {}, {
         headers: {
           'Authorization': 'Bearer ' + this.$store.state.user_token
         }
@@ -2570,7 +2570,7 @@ __webpack_require__.r(__webpack_exports__);
 
       console.log("loadPage: " + page_name);
       this.$store.state.page_name = page_name;
-      axios.post('http://localhost:8000/api/v1/load_page', {
+      axios.post(this.$store.state.app_url + '/api/v1/load_page', {
         page: page_name
       }, {
         headers: {
@@ -2586,7 +2586,7 @@ __webpack_require__.r(__webpack_exports__);
       var _this3 = this;
 
       // Empty brackets are an empty object usually containing form data
-      axios.post('http://localhost:8000/api/v1/auth/get_userlist', {}, {
+      axios.post(this.$store.state.app_url + '/api/v1/auth/get_userlist', {}, {
         headers: {
           'Authorization': 'Bearer ' + this.$store.state.user_token
         }
@@ -2604,7 +2604,7 @@ __webpack_require__.r(__webpack_exports__);
 
       console.log("Setting new role for userid " + user_id + ": " + role); // Empty brackets are an empty object usually containing form data
 
-      axios.post('http://localhost:8000/api/v1/auth/set_role', {
+      axios.post(this.$store.state.app_url + '/api/v1/auth/set_role', {
         user_id: user_id,
         role: role
       }, {
@@ -2621,7 +2621,7 @@ __webpack_require__.r(__webpack_exports__);
 
       console.log("Deleting userid " + user_id); // Empty brackets are an empty object usually containing form data
 
-      axios.post('http://localhost:8000/api/v1/auth/delete_user', {
+      axios.post(this.$store.state.app_url + '/api/v1/auth/delete_user', {
         user_id: user_id
       }, {
         headers: {
@@ -49219,7 +49219,9 @@ var store = new vuex__WEBPACK_IMPORTED_MODULE_1__["default"].Store({
     page_content: '<h1 style="font-align:center;">Placeholder</h1>',
     userlist: {},
     folders: {},
-    selectedFolder: "default"
+    selectedFolder: "default",
+    //app_url:"http://www.programmschmiede.de"
+    app_url: "http://www.localhost:8000"
   }
 });
 
diff --git a/motorradig/public/upload/images/Superordner3/Shell B.png b/motorradig/public/upload/images/Superordner3/Shell B.png
new file mode 100644
index 0000000..8d76e0c
Binary files /dev/null and b/motorradig/public/upload/images/Superordner3/Shell B.png differ
diff --git a/motorradig/public/upload/images/Superordner3/thumbnail/Shell B.png b/motorradig/public/upload/images/Superordner3/thumbnail/Shell B.png
new file mode 100644
index 0000000..0062769
Binary files /dev/null and b/motorradig/public/upload/images/Superordner3/thumbnail/Shell B.png differ
diff --git a/motorradig/resources/js/store.js b/motorradig/resources/js/store.js
index 7e96de6..f53dc67 100644
--- a/motorradig/resources/js/store.js
+++ b/motorradig/resources/js/store.js
@@ -10,6 +10,9 @@ export const store = new Vuex.Store({
         page_content:'<h1 style="font-align:center;">Placeholder</h1>',
         userlist:{},
         folders:{},
-        selectedFolder:"default"
+        selectedFolder:"default",
+
+        //app_url:"http://www.programmschmiede.de"
+        app_url:"http://www.localhost:8000"
     }
 });
diff --git a/motorradig/resources/js/views/EditPage.vue b/motorradig/resources/js/views/EditPage.vue
index 37e9390..95f0f1e 100644
--- a/motorradig/resources/js/views/EditPage.vue
+++ b/motorradig/resources/js/views/EditPage.vue
@@ -118,7 +118,7 @@
             },
             savePage() {
                 console.log('Saving to page:'+this.$store.state.page_name);
-                axios.post('http://localhost:8000/api/v1/auth/save_page',{
+                axios.post(this.$store.state.app_url+'/api/v1/auth/save_page',{
                     page: this.$store.state.page_name,
                     body: this.editor.view.docView.dom.innerHTML
                 }, {
diff --git a/motorradig/resources/js/views/Gallery.vue b/motorradig/resources/js/views/Gallery.vue
index 1050396..15f3e95 100644
--- a/motorradig/resources/js/views/Gallery.vue
+++ b/motorradig/resources/js/views/Gallery.vue
@@ -131,7 +131,7 @@
             },
             savePage() {
                 console.log('Saving to page:'+this.$store.state.page_name);
-                axios.post('http://localhost:8000/api/v1/auth/save_page',{
+                axios.post(this.$store.state.app_url+'/api/v1/auth/save_page',{
                     page: this.$store.state.page_name,
                     body: this.editor.view.docView.dom.innerHTML
                 }, {
@@ -156,7 +156,7 @@
                 formData.append('image',selectedFile);
                 formData.append('folder',selectedFolder);
 
-                axios.post('http://localhost:8000/api/v1/auth/upload',formData,{
+                axios.post(this.$store.state.app_url+'/api/v1/auth/upload',formData,{
                     headers: {
                         'Authorization': 'Bearer ' + this.$store.state.user_token,
                         'Content-Type':  'multipart/form-data'
@@ -173,7 +173,7 @@
 
                 const formData = new FormData();
                 formData.append("folder", folderName);
-                axios.post('http://localhost:8000/api/v1/auth/create_folder',formData,{
+                axios.post(this.$store.state.app_url+'/api/v1/auth/create_folder',formData,{
                     headers: {
                         'Authorization': 'Bearer ' + this.$store.state.user_token,
                         'Content-Type':  'multipart/form-data'
@@ -187,7 +187,7 @@
             },
             loadFoldersWithImages() {
                 console.log("Requesting folders with images");
-                axios.post('http://localhost:8000/api/v1/auth/get_folders_with_images',{},{
+                axios.post(this.$store.state.app_url+'/api/v1/auth/get_folders_with_images',{},{
                     headers: {
                         'Authorization': 'Bearer ' + this.$store.state.user_token
                     }
diff --git a/motorradig/resources/js/views/Main.vue b/motorradig/resources/js/views/Main.vue
index f1d78ca..a4079b4 100644
--- a/motorradig/resources/js/views/Main.vue
+++ b/motorradig/resources/js/views/Main.vue
@@ -66,7 +66,7 @@
                 console.log("logging out with token "+this.$store.state.user_token);
 
                 // Empty brackets are an empty object usually containing form data
-                axios.post('http://localhost:8000/api/v1/auth/logout',{}, {
+                axios.post(this.$store.state.app_url+'/api/v1/auth/logout',{}, {
                         headers: {
                             'Authorization': 'Bearer ' + this.$store.state.user_token
                         }
@@ -97,7 +97,7 @@
 
                 this.$store.state.page_name=page_name;
 
-                axios.post('http://localhost:8000/api/v1/load_page',{
+                axios.post(this.$store.state.app_url+'/api/v1/load_page',{
                     page: page_name
 
                 }, {
diff --git a/motorradig/resources/js/views/Upload.vue b/motorradig/resources/js/views/Upload.vue
index a4e2553..30c8bd4 100644
--- a/motorradig/resources/js/views/Upload.vue
+++ b/motorradig/resources/js/views/Upload.vue
@@ -127,7 +127,7 @@
             },
             savePage() {
                 console.log('Saving to page:'+this.$store.state.page_name);
-                axios.post('http://localhost:8000/api/v1/auth/save_page',{
+                axios.post(this.$store.state.app_url+'/api/v1/auth/save_page',{
                     page: this.$store.state.page_name,
                     body: this.editor.view.docView.dom.innerHTML
                 }, {
@@ -156,7 +156,7 @@
                 formData.append('image',selectedFile);
                 formData.append('folder',selectedFolder);
 
-                axios.post('http://localhost:8000/api/v1/auth/upload',formData,{
+                axios.post(this.$store.state.app_url+'/api/v1/auth/upload',formData,{
                     headers: {
                         'Authorization': 'Bearer ' + this.$store.state.user_token,
                         'Content-Type':  'multipart/form-data'
@@ -173,7 +173,7 @@
 
                 const formData = new FormData();
                 formData.append("folder", folderName);
-                axios.post('http://localhost:8000/api/v1/auth/create_folder',formData,{
+                axios.post(this.$store.state.app_url+'/api/v1/auth/create_folder',formData,{
                     headers: {
                         'Authorization': 'Bearer ' + this.$store.state.user_token,
                         'Content-Type':  'multipart/form-data'
@@ -187,7 +187,7 @@
             },
             loadFolders() {
                 console.log("Requesting folders");
-                axios.post('http://localhost:8000/api/v1/auth/get_folders',{},{
+                axios.post(this.$store.state.app_url+'/api/v1/auth/get_folders',{},{
                     headers: {
                         'Authorization': 'Bearer ' + this.$store.state.user_token
                     }
diff --git a/motorradig/resources/js/views/UserList.vue b/motorradig/resources/js/views/UserList.vue
index f04ad61..3e53d01 100644
--- a/motorradig/resources/js/views/UserList.vue
+++ b/motorradig/resources/js/views/UserList.vue
@@ -61,7 +61,7 @@
                 console.log("logging out with token "+this.$store.state.user_token);
 
                 // Empty brackets are an empty object usually containing form data
-                axios.post('http://localhost:8000/api/v1/auth/logout',{}, {
+                axios.post(this.$store.state.app_url+'/api/v1/auth/logout',{}, {
                         headers: {
                             'Authorization': 'Bearer ' + this.$store.state.user_token
                         }
@@ -85,7 +85,7 @@
 
                 this.$store.state.page_name=page_name;
 
-                axios.post('http://localhost:8000/api/v1/load_page',{
+                axios.post(this.$store.state.app_url+'/api/v1/load_page',{
                     page: page_name
 
                 }, {
@@ -104,7 +104,7 @@
             },
             loadUserList() {
                 // Empty brackets are an empty object usually containing form data
-                axios.post('http://localhost:8000/api/v1/auth/get_userlist', {}, {
+                axios.post(this.$store.state.app_url+'/api/v1/auth/get_userlist', {}, {
                     headers: {
                         'Authorization': 'Bearer ' + this.$store.state.user_token
                     }
@@ -124,7 +124,7 @@
                 console.log("Setting new role for userid "+user_id+": "+role);
 
                 // Empty brackets are an empty object usually containing form data
-                axios.post('http://localhost:8000/api/v1/auth/set_role',{
+                axios.post(this.$store.state.app_url+'/api/v1/auth/set_role',{
                     user_id:user_id,
                     role:role
                 }, {
@@ -142,7 +142,7 @@
                 console.log("Deleting userid "+user_id);
 
                 // Empty brackets are an empty object usually containing form data
-                axios.post('http://localhost:8000/api/v1/auth/delete_user',{
+                axios.post(this.$store.state.app_url+'/api/v1/auth/delete_user',{
                     user_id:user_id
                 }, {
                     headers: {