diff --git a/src/App.vue b/src/App.vue
index 26f317e..eb668ca 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,5 @@
 <script lang="js">
 import { RouterView } from 'vue-router';
-import Navbar from './Navbar.vue';
 import './assets/parallax/jarallax.js';
 import './assets/bootstrap/js/bootstrap.bundle.min.js';
 import './assets/dropdown/js/navbar-dropdown.js';
@@ -14,16 +13,13 @@ import './assets/formoid/formoid.min.js';
 
 export default {
     components: {
-        RouterView,
-        Navbar
+        RouterView
     }
 }
 </script>
 
 <template>
     <!-- Haupt-Component -->
-     <!-- Navigationsleiste, Footer, Klönkasten etc. -->
-     
     <RouterView/>
 </template>
 
diff --git a/src/Fotos/Design ohne Titel (2).png b/src/Fotos/Design ohne Titel (2).png
deleted file mode 100755
index 62349e3..0000000
Binary files a/src/Fotos/Design ohne Titel (2).png and /dev/null differ
diff --git a/src/Fotos/Kategorien/Erntefest/2002.png b/src/Fotos/Kategorien/Erntefest/2002.png
deleted file mode 100755
index 346c4a7..0000000
Binary files a/src/Fotos/Kategorien/Erntefest/2002.png and /dev/null differ
diff --git a/src/Fotos/Kategorien/Erntefest/2003.png b/src/Fotos/Kategorien/Erntefest/2003.png
deleted file mode 100755
index 58c8a13..0000000
Binary files a/src/Fotos/Kategorien/Erntefest/2003.png and /dev/null differ
diff --git a/src/Fotos/Kategorien/Erntefest/2004.png b/src/Fotos/Kategorien/Erntefest/2004.png
deleted file mode 100755
index 31d0ae4..0000000
Binary files a/src/Fotos/Kategorien/Erntefest/2004.png and /dev/null differ
diff --git a/src/Fotos/Kategorien/Erntefest/2005.png b/src/Fotos/Kategorien/Erntefest/2005.png
deleted file mode 100755
index cd318d0..0000000
Binary files a/src/Fotos/Kategorien/Erntefest/2005.png and /dev/null differ
diff --git a/src/Fotos/Kategorien/Erntefest/2006.png b/src/Fotos/Kategorien/Erntefest/2006.png
deleted file mode 100755
index a63e799..0000000
Binary files a/src/Fotos/Kategorien/Erntefest/2006.png and /dev/null differ
diff --git a/src/Fotos/Kategorien/Erntefest/2007.png b/src/Fotos/Kategorien/Erntefest/2007.png
deleted file mode 100755
index 53a9990..0000000
Binary files a/src/Fotos/Kategorien/Erntefest/2007.png and /dev/null differ
diff --git a/src/Fotos/Kategorien/Erntefest/2008.png b/src/Fotos/Kategorien/Erntefest/2008.png
deleted file mode 100755
index bdbe024..0000000
Binary files a/src/Fotos/Kategorien/Erntefest/2008.png and /dev/null differ
diff --git a/src/Fotos/Kategorien/Erntefest/2009.png b/src/Fotos/Kategorien/Erntefest/2009.png
deleted file mode 100755
index 4a75733..0000000
Binary files a/src/Fotos/Kategorien/Erntefest/2009.png and /dev/null differ
diff --git a/src/Fotos/Kategorien/Erntefest/2010.png b/src/Fotos/Kategorien/Erntefest/2010.png
deleted file mode 100755
index d53e47d..0000000
Binary files a/src/Fotos/Kategorien/Erntefest/2010.png and /dev/null differ
diff --git a/src/Fotos/Kategorien/Erntefest/2011.png b/src/Fotos/Kategorien/Erntefest/2011.png
deleted file mode 100755
index e6df6c8..0000000
Binary files a/src/Fotos/Kategorien/Erntefest/2011.png and /dev/null differ
diff --git a/src/Fotos/Kategorien/doppelkopf2007.jpg b/src/Fotos/Kategorien/doppelkopf2007.jpg
deleted file mode 100755
index 3c24aa1..0000000
Binary files a/src/Fotos/Kategorien/doppelkopf2007.jpg and /dev/null differ
diff --git a/src/Fotos/Kategorien/erntefest2008.jpg b/src/Fotos/Kategorien/erntefest2008.jpg
deleted file mode 100755
index d3f7a8a..0000000
Binary files a/src/Fotos/Kategorien/erntefest2008.jpg and /dev/null differ
diff --git a/src/Fotos/Kategorien/fu0ballturnier2000.jpg b/src/Fotos/Kategorien/fu0ballturnier2000.jpg
deleted file mode 100755
index fd4f0fb..0000000
Binary files a/src/Fotos/Kategorien/fu0ballturnier2000.jpg and /dev/null differ
diff --git a/src/Fotos/Kategorien/osterfeuer2011.jpg b/src/Fotos/Kategorien/osterfeuer2011.jpg
deleted file mode 100755
index a670550..0000000
Binary files a/src/Fotos/Kategorien/osterfeuer2011.jpg and /dev/null differ
diff --git a/src/Fotos/erntefest2011.jpg b/src/Fotos/erntefest2011.jpg
deleted file mode 100755
index 2608147..0000000
Binary files a/src/Fotos/erntefest2011.jpg and /dev/null differ
diff --git a/src/Fotos/fußball-wallpaper.jpg b/src/Fotos/fußball-wallpaper.jpg
deleted file mode 100755
index 252f4e1..0000000
Binary files a/src/Fotos/fußball-wallpaper.jpg and /dev/null differ
diff --git a/src/Fotos/fußballturniert2007.jpg b/src/Fotos/fußballturniert2007.jpg
deleted file mode 100755
index 824f2bb..0000000
Binary files a/src/Fotos/fußballturniert2007.jpg and /dev/null differ
diff --git a/src/Fotos/hauptfoto.jpg b/src/Fotos/hauptfoto.jpg
deleted file mode 100755
index cc634c0..0000000
Binary files a/src/Fotos/hauptfoto.jpg and /dev/null differ
diff --git a/src/Fotos/osterfeuer2011.jpg b/src/Fotos/osterfeuer2011.jpg
deleted file mode 100755
index e4c5623..0000000
Binary files a/src/Fotos/osterfeuer2011.jpg and /dev/null differ
diff --git a/src/Fotos/preisdoppelkopf2007.jpg b/src/Fotos/preisdoppelkopf2007.jpg
deleted file mode 100755
index 48cf014..0000000
Binary files a/src/Fotos/preisdoppelkopf2007.jpg and /dev/null differ
diff --git a/src/Main.vue b/src/Main.vue
deleted file mode 100644
index 0b43f08..0000000
--- a/src/Main.vue
+++ /dev/null
@@ -1,123 +0,0 @@
-<script lang="ts">
-import Navbar from "./Navbar.vue";
-import Modal from "./Modal.vue";
-import Embla from "./Embla.vue";
-import Umgebung from "./Umgebung.vue";
-import Footer from "./Footer.vue";
-import RitzenbergenLib from "./ritzenbergenlib.ts";
-import Willkommen from "./Willkommen.vue";
-import Bilderbuch from "./Bilderbuch.vue";
-import Forms from "./Forms.vue";
-import Events from "./Events.vue";
-
-export default {
-  components: {
-    Navbar,
-    Modal,
-    Embla,
-    Umgebung,
-    Footer,
-    Willkommen,
-    Bilderbuch,
-    Forms,
-    Events
-  },
-
-  data() {
-    return {
-      RitzenbergenLib,
-    };
-  },
-  
-};
-</script>
-
-<template>
-  <Navbar />
-  <section
-    class="header16 cid-u6k7q0xIhk mbr-fullscreen mbr-parallax-background"
-    id="hero-17-u6k7q0xIhk"
-  >
-    <div
-      class="mbr-overlay"
-      style="opacity: 0.3; background-color: rgb(0, 0, 0)"
-    ></div>
-    <div class="container-fluid">
-      <div class="row">
-        <div class="content-wrap col-12 col-md-10">
-          <h1
-            class="mbr-section-title mbr-fonts-style mbr-white mb-4 display-1"
-          >
-            <strong>Willkommen auf ritzenbergen.de</strong>
-          </h1>
-          <p class="mbr-fonts-style mbr-text mbr-white mb-4 display-7">
-            Dies ist eine private Homepage über das Dorfleben in Amedorf und
-            Ritzenbergen
-          </p>
-          <div class="mbr-section-btn">
-            <a
-              class="btn btn-white-outline display-7"
-              href="#gallery-9-u6k7q0xbqP"
-              >Erkunden</a
-            >
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-  <section class="features023 cid-u6k7q0xclF" id="metrics-1-u6k7q0xclF">
-    <div class="container">
-      <div class="row content-row justify-content-center">
-        <div
-          class="item features-without-image col-12 col-md-6 col-lg-4 item-mb"
-        >
-          <div class="item-wrapper"></div>
-        </div>
-        <div
-          class="item features-without-image col-12 col-md-6 col-lg-4 item-mb"
-        >
-          <div class="item-wrapper"></div>
-        </div>
-      </div>
-    </div>
-  </section>
-  <Events/>
-
-  <Forms/>
-      
-
-      <Bilderbuch/>
-
-  <section class="slider4 mbr-embla cid-u6k7q0yLdW" id="gallery-13-u6k7q0yLdW">
-    <div class="container-fluid">
-      <div class="row">
-        <div class="col-12">
-
-          <Embla :src="[
-            RitzenbergenLib.api('randomimage.php?path=/erntefest&recursive=1&tn=1&color=white&text=Erntefest&size=5'),
-            RitzenbergenLib.api('randomimage.php?path=/osterfeuer&recursive=1&tn=1&color=white&text=Osterfeuer&size=5'),
-            RitzenbergenLib.api('randomimage.php?path=/doppelkopf&recursive=1&tn=1&color=white&text=Doppelkopf&size=5'),
-            RitzenbergenLib.api('randomimage.php?path=/fussball&recursive=1&tn=1&color=white&text=Fußballturnier&size=5'),
-            'http://ritzenbergen.de/Fotos/hauptfoto.jpg'
-          ]" />
-        </div>
-      </div>
-    </div>
-  </section>
-
-
-
-
-  <Willkommen/>
-
-
-  <br>
-  <br>
-
-
-  <Umgebung/>
-  <Footer/>
-
-</template>
-
-<style lang="css" scoped></style>
diff --git a/src/assets/mobirise/css/additional.scss b/src/assets/mobirise/css/additional.scss
index f5c56bc..16e85d2 100644
--- a/src/assets/mobirise/css/additional.scss
+++ b/src/assets/mobirise/css/additional.scss
@@ -36,7 +36,7 @@ img,
 }
 body, #app {
   font-family: 'Inter Tight';
-  background: color-mix(in srgb, $dominant-color 10%, transparent);
+  /* background: color-mix(in srgb, $dominant-color 10%, transparent); */
 }
 
 .display-1 {
diff --git a/src/Embla.vue b/src/components/Embla.vue
similarity index 96%
rename from src/Embla.vue
rename to src/components/Embla.vue
index 1afabe1..08fc8b9 100644
--- a/src/Embla.vue
+++ b/src/components/Embla.vue
@@ -1,6 +1,6 @@
 <script setup>
 import emblaCarouselVue from "embla-carousel-vue";
-import RitzenbergenLib from "./ritzenbergenlib.ts";
+import RitzenbergenLib from "../ritzenbergenlib.ts";
 import { onMounted, ref } from "vue";
 import EmblaItem from "./EmblaItem.vue";
 
diff --git a/src/EmblaItem.vue b/src/components/EmblaItem.vue
similarity index 100%
rename from src/EmblaItem.vue
rename to src/components/EmblaItem.vue
diff --git a/src/Footer.vue b/src/components/Footer.vue
similarity index 100%
rename from src/Footer.vue
rename to src/components/Footer.vue
diff --git a/src/Modal.vue b/src/components/Modal.vue
similarity index 93%
rename from src/Modal.vue
rename to src/components/Modal.vue
index 236a195..370b78d 100644
--- a/src/Modal.vue
+++ b/src/components/Modal.vue
@@ -14,6 +14,6 @@
         </div>
 </template>
 <style lang="css" scoped>
-    @import "assets/modal";
+    @import "../assets/modal";
 
 </style>
\ No newline at end of file
diff --git a/src/Navbar.vue b/src/components/Navbar.vue
similarity index 98%
rename from src/Navbar.vue
rename to src/components/Navbar.vue
index b8a423d..d7a4b6e 100644
--- a/src/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -10,7 +10,7 @@ export default {};
             <a href="/">
               <img
                 class="navbar-logo-img"
-                src="./assets/RitzenbergenOrtsschild.png"
+                src="../assets/RitzenbergenOrtsschild.png"
                 style="height: 60px; padding-left: 5px"
               />
             </a>
diff --git a/src/Bilderbuch.vue b/src/components/startseite/Bilderbuch.vue
similarity index 98%
rename from src/Bilderbuch.vue
rename to src/components/startseite/Bilderbuch.vue
index d475094..de9a7f8 100644
--- a/src/Bilderbuch.vue
+++ b/src/components/startseite/Bilderbuch.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import RitzenbergenLib from "./ritzenbergenlib.ts";
+import RitzenbergenLib from "../../ritzenbergenlib.ts";
 export default {
     data() {
         return {
diff --git a/src/Events.vue b/src/components/startseite/Events.vue
similarity index 98%
rename from src/Events.vue
rename to src/components/startseite/Events.vue
index 8c1162b..1ff1061 100644
--- a/src/Events.vue
+++ b/src/components/startseite/Events.vue
@@ -1,8 +1,8 @@
 <script lang="ts">
-import RitzenbergenLib from "./ritzenbergenlib.ts";
+import RitzenbergenLib from "../../ritzenbergenlib.ts";
 import striptags from "striptags";
 import moment, { Moment } from "moment";
-import Modal from "./Modal.vue";
+import Modal from "../Modal.vue";
 export default {
   data() {
     let openedModals: number[] = [];
diff --git a/src/Forms.vue b/src/components/startseite/Forms.vue
similarity index 100%
rename from src/Forms.vue
rename to src/components/startseite/Forms.vue
diff --git a/src/Jarallax.vue b/src/components/startseite/Jarallax.vue
similarity index 100%
rename from src/Jarallax.vue
rename to src/components/startseite/Jarallax.vue
diff --git a/src/Umgebung.vue b/src/components/startseite/Umgebung.vue
similarity index 100%
rename from src/Umgebung.vue
rename to src/components/startseite/Umgebung.vue
diff --git a/src/components/startseite/Willkommen.vue b/src/components/startseite/Willkommen.vue
new file mode 100644
index 0000000..2e459f5
--- /dev/null
+++ b/src/components/startseite/Willkommen.vue
@@ -0,0 +1,43 @@
+<script lang="ts">
+
+export default {
+    
+}
+
+</script>
+<template>
+    <section
+    class="header16 cid-u6k7q0xIhk mbr-fullscreen mbr-parallax-background"
+    id="hero-17-u6k7q0xIhk"
+  >
+    <div
+      class="mbr-overlay"
+      style="opacity: 0.3; background-color: rgb(0, 0, 0)"
+    ></div>
+    <div class="container-fluid">
+      <div class="row">
+        <div class="content-wrap col-12 col-md-10">
+          <h1
+            class="mbr-section-title mbr-fonts-style mbr-white mb-4 display-1"
+          >
+            <strong>Willkommen auf ritzenbergen.de</strong>
+          </h1>
+          <p class="mbr-fonts-style mbr-text mbr-white mb-4 display-7">
+            Dies ist eine private Homepage über das Dorfleben in Amedorf und
+            Ritzenbergen
+          </p>
+          <div class="mbr-section-btn">
+            <a
+              class="btn btn-white-outline display-7"
+              href="#gallery-9-u6k7q0xbqP"
+              >Erkunden</a
+            >
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+</template>
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/Willkommen.vue b/src/components/startseite/WillkommenText.vue
similarity index 100%
rename from src/Willkommen.vue
rename to src/components/startseite/WillkommenText.vue
diff --git a/src/images/icons/icon-128x128.png b/src/images/icons/icon-128x128.png
deleted file mode 100755
index 6e9cde5..0000000
Binary files a/src/images/icons/icon-128x128.png and /dev/null differ
diff --git a/src/images/icons/icon-144x144.png b/src/images/icons/icon-144x144.png
deleted file mode 100755
index bdf7554..0000000
Binary files a/src/images/icons/icon-144x144.png and /dev/null differ
diff --git a/src/images/icons/icon-152x152.png b/src/images/icons/icon-152x152.png
deleted file mode 100755
index 4300c77..0000000
Binary files a/src/images/icons/icon-152x152.png and /dev/null differ
diff --git a/src/images/icons/icon-192x192.png b/src/images/icons/icon-192x192.png
deleted file mode 100755
index 65973b9..0000000
Binary files a/src/images/icons/icon-192x192.png and /dev/null differ
diff --git a/src/images/icons/icon-384x384.png b/src/images/icons/icon-384x384.png
deleted file mode 100755
index bd4081f..0000000
Binary files a/src/images/icons/icon-384x384.png and /dev/null differ
diff --git a/src/images/icons/icon-512x512.png b/src/images/icons/icon-512x512.png
deleted file mode 100755
index fe69b7e..0000000
Binary files a/src/images/icons/icon-512x512.png and /dev/null differ
diff --git a/src/images/icons/icon-72x72.png b/src/images/icons/icon-72x72.png
deleted file mode 100755
index 49c68d1..0000000
Binary files a/src/images/icons/icon-72x72.png and /dev/null differ
diff --git a/src/images/icons/icon-96x96.png b/src/images/icons/icon-96x96.png
deleted file mode 100755
index e26e6b0..0000000
Binary files a/src/images/icons/icon-96x96.png and /dev/null differ
diff --git a/src/router/index.ts b/src/router/index.ts
index f112835..33d7ee8 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -2,7 +2,7 @@ import { createMemoryHistory, createRouter } from 'vue-router'
 
 
 const routes = [
-  { path: '/', component: () => import('../Main.vue') }
+  { path: '/', component: () => import('../views/Main.vue') }
 ]
 
 export default createRouter({
diff --git a/src/views/Main.vue b/src/views/Main.vue
new file mode 100644
index 0000000..89fc083
--- /dev/null
+++ b/src/views/Main.vue
@@ -0,0 +1,84 @@
+<script lang="ts">
+import Navbar from "../components/Navbar.vue";
+import Modal from "../components/Modal.vue";
+import Embla from "../components/Embla.vue";
+import Umgebung from "../components/startseite/Umgebung.vue";
+import Footer from "../components/Footer.vue";
+import RitzenbergenLib from "../ritzenbergenlib.ts";
+import WillkommenText from "../components/startseite/WillkommenText.vue";
+import Bilderbuch from "../components/startseite/Bilderbuch.vue";
+import Forms from "../components/startseite/Forms.vue";
+import Events from "../components/startseite/Events.vue";
+import Willkommen from "../components/startseite/Willkommen.vue";
+
+export default {
+  components: {
+    Navbar,
+    Modal,
+    Embla,
+    Umgebung,
+    Footer,
+    WillkommenText,
+    Bilderbuch,
+    Forms,
+    Events,
+    Willkommen
+  },
+
+  data() {
+    return {
+      RitzenbergenLib,
+    };
+  },
+  
+};
+</script>
+
+<template>
+  <!-- Startseite -->
+  <Navbar />
+  <Willkommen/>
+  
+  
+  <Events style="margin-top: 120px;"/>
+
+  <Forms/>
+      
+
+  <Bilderbuch/>
+
+
+
+  <section class="slider4 mbr-embla cid-u6k7q0yLdW" id="gallery-13-u6k7q0yLdW">
+    <div class="container-fluid">
+      <div class="row">
+        <div class="col-12">
+
+          <Embla :src="[
+            RitzenbergenLib.api('randomimage.php?path=/erntefest&recursive=1&tn=1&color=white&text=Erntefest&size=5'),
+            RitzenbergenLib.api('randomimage.php?path=/osterfeuer&recursive=1&tn=1&color=white&text=Osterfeuer&size=5'),
+            RitzenbergenLib.api('randomimage.php?path=/doppelkopf&recursive=1&tn=1&color=white&text=Doppelkopf&size=5'),
+            RitzenbergenLib.api('randomimage.php?path=/fussball&recursive=1&tn=1&color=white&text=Fußballturnier&size=5'),
+            'http://ritzenbergen.de/Fotos/hauptfoto.jpg'
+          ]" />
+        </div>
+      </div>
+    </div>
+  </section>
+
+
+
+
+  <WillkommenText/>
+
+
+  <br>
+  <br>
+
+
+  <Umgebung/>
+  <Footer/>
+
+</template>
+
+<style lang="css" scoped></style>