diff --git a/package-lock.json b/package-lock.json
index 2a7af86..47aed3a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,8 @@
       "dependencies": {
         "@tauri-apps/api": "^2",
         "@tauri-apps/plugin-opener": "^2",
+        "embla-carousel-autoplay": "^8.6.0",
+        "embla-carousel-vue": "^8.6.0",
         "jquery": "^3.7.1",
         "moment": "^2.30.1",
         "striptags": "^3.2.0",
@@ -1268,6 +1270,43 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/embla-carousel": {
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/embla-carousel/-/embla-carousel-8.6.0.tgz",
+      "integrity": "sha512-SjWyZBHJPbqxHOzckOfo8lHisEaJWmwd23XppYFYVh10bU66/Pn5tkVkbkCMZVdbUE5eTCI2nD8OyIP4Z+uwkA==",
+      "license": "MIT"
+    },
+    "node_modules/embla-carousel-autoplay": {
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/embla-carousel-autoplay/-/embla-carousel-autoplay-8.6.0.tgz",
+      "integrity": "sha512-OBu5G3nwaSXkZCo1A6LTaFMZ8EpkYbwIaH+bPqdBnDGQ2fh4+NbzjXjs2SktoPNKCtflfVMc75njaDHOYXcrsA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "embla-carousel": "8.6.0"
+      }
+    },
+    "node_modules/embla-carousel-reactive-utils": {
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/embla-carousel-reactive-utils/-/embla-carousel-reactive-utils-8.6.0.tgz",
+      "integrity": "sha512-fMVUDUEx0/uIEDM0Mz3dHznDhfX+znCCDCeIophYb1QGVM7YThSWX+wz11zlYwWFOr74b4QLGg0hrGPJeG2s4A==",
+      "license": "MIT",
+      "peerDependencies": {
+        "embla-carousel": "8.6.0"
+      }
+    },
+    "node_modules/embla-carousel-vue": {
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/embla-carousel-vue/-/embla-carousel-vue-8.6.0.tgz",
+      "integrity": "sha512-v8UO5UsyLocZnu/LbfQA7Dn2QHuZKurJY93VUmZYP//QRWoCWOsionmvLLAlibkET3pGPs7++03VhJKbWD7vhQ==",
+      "license": "MIT",
+      "dependencies": {
+        "embla-carousel": "8.6.0",
+        "embla-carousel-reactive-utils": "8.6.0"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.37"
+      }
+    },
     "node_modules/entities": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
diff --git a/package.json b/package.json
index 98c1ccd..9fe6557 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,8 @@
   "dependencies": {
     "@tauri-apps/api": "^2",
     "@tauri-apps/plugin-opener": "^2",
+    "embla-carousel-autoplay": "^8.6.0",
+    "embla-carousel-vue": "^8.6.0",
     "jquery": "^3.7.1",
     "moment": "^2.30.1",
     "striptags": "^3.2.0",
diff --git a/src/App.vue b/src/App.vue
index 67efa14..26f317e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,8 +5,6 @@ import './assets/parallax/jarallax.js';
 import './assets/bootstrap/js/bootstrap.bundle.min.js';
 import './assets/dropdown/js/navbar-dropdown.js';
 import './assets/mbr-switch-arrow/mbr-switch-arrow.js';
-import './assets/embla/embla.min.js';
-import './assets/embla/script.js';
 import './assets/scrollgallery/scroll-gallery.js';
 import './assets/smoothscroll/smooth-scroll.js';
 /* import './assets/ytplayer/index.js'; */
diff --git a/src/Embla.vue b/src/Embla.vue
new file mode 100644
index 0000000..42fb7f3
--- /dev/null
+++ b/src/Embla.vue
@@ -0,0 +1,99 @@
+<script setup>
+  import { onMounted } from 'vue'
+  import emblaCarouselVue from 'embla-carousel-vue'
+
+  const [emblaRef, emblaApi] = emblaCarouselVue({ loop: false });
+  onMounted(() => {
+    if (emblaApi.value) {
+      console.log(emblaApi.value.slideNodes()) // Access API
+    }
+  })
+</script>
+
+<template>
+  <section class="slider4 mbr-embla cid-u6k7q0yLdW" id="gallery-13-u6k7q0yLdW">
+    <div class="container-fluid">
+      <div class="row">
+        <div class="col-12">
+          <div class="embla position-relative" data-skip-snaps="true" data-align="center"
+            data-contain-scroll="trimSnaps" data-loop="true" data-auto-play="true" data-auto-play-interval="2"
+            data-draggable="true">
+            <div class="embla__viewport">
+              <div class="embla__container">
+                <div class="embla__slide slider-image item" style="margin-left: 1rem; margin-right: 1rem;">
+                  <div class="slide-content">
+                    <div class="item-img">
+                      <div class="item-wrapper">
+                        <a href="galerie.php#erntefest">
+                          <img
+                            src="./randomimage.php?path=bilder/erntefest&recursive=1&tn=1&color=white&text=Erntefest&size=5" />
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="embla__slide slider-image item" style="margin-left: 1rem; margin-right: 1rem;">
+                  <div class="slide-content">
+                    <div class="item-img">
+                      <div class="item-wrapper">
+                        <a href="galerie.php#fussballturnier">
+                          <img
+                            src="./randomimage.php?path=bilder/fussball&recursive=1&tn=1&color=white&text=Fußballturnier&size=3" />
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="embla__slide slider-image item" style="margin-left: 1rem; margin-right: 1rem;">
+                  <div class="slide-content">
+                    <div class="item-img">
+                      <div class="item-wrapper">
+                        <a href="galerie.php#doppelkopf">
+                          <img
+                            src="./randomimage.php?path=bilder/doppelkopf&recursive=1&tn=1&color=white&text=Doppelkopfturnier&size=3" />
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="embla__slide slider-image item" style="margin-left: 1rem; margin-right: 1rem;">
+                  <div class="slide-content">
+                    <div class="item-img">
+                      <div class="item-wrapper">
+                        <a href="galerie.php#osterfeuer">
+                          <img
+                            src="./randomimage.php?path=bilder/osterfeuer&recursive=1&tn=1&color=white&text=Osterfeuer&size=5" />
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div class="embla__slide slider-image item" style="margin-left: 1rem; margin-right: 1rem;">
+                  <div class="slide-content">
+                    <div class="item-img">
+                      <div class="item-wrapper">
+                        <img src="./Fotos/hauptfoto.jpg" />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <button class="embla__button embla__button--prev">
+              <span class="mobi-mbri mobi-mbri-arrow-prev" aria-hidden="true"></span>
+              <span class="sr-only visually-hidden visually-hidden">Previous</span>
+            </button>
+            <button class="embla__button embla__button--next">
+              <span class="mobi-mbri mobi-mbri-arrow-next" aria-hidden="true"></span>
+              <span class="sr-only visually-hidden visually-hidden">Next</span>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/Main.vue b/src/Main.vue
index 9e6b5ee..0236875 100644
--- a/src/Main.vue
+++ b/src/Main.vue
@@ -3,10 +3,12 @@ import Navbar from "./Navbar.vue";
 import striptags from "striptags";
 import moment, { Moment } from "moment";
 import Modal from "./Modal.vue";
+import Embla from "./Embla.vue";
 export default {
   components: {
     Navbar,
-    Modal
+    Modal,
+    Embla
   },
   computed: {
     events() {
@@ -205,6 +207,239 @@ export default {
         </div>
     </div>
   </section>
+
+  <section id="anmeldeformular">
+
+      <section class="form5 cid-u6k7q0BfGa">
+        <div class="container">
+          <div class="row justify-content-center">
+            <div class="col-12 content-head">
+              <div class="mbr-section-head mb-5">
+                <h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
+                  <strong>Überschrift</strong>
+                </h3><br>
+                <h5 style="text-align: center;"><b></b> <br>
+                  Inhalt</h5><br>
+                if public
+
+
+                  <div class="modal-container">
+                    <div class="modal">
+
+                      <div class="modal-content">
+                        <span class="closeBtn" style="cursor: pointer;">x</span>
+                        <h1>Modal-Überschrift</h1>
+                        Ergebnisse
+                      </div>
+
+                    </div>
+                    <br><br>
+                  </div>
+                  else
+                  <p style="text-align: center;">Minitext<br><br>
+                    
+                </p>
+              </div>
+            </div>
+          </div>
+          <div class="row justify-content-center">
+            <div class="col-lg-8 mx-auto mbr-form" data-form-type="formoid">
+              <form action="formularergebnisse-eintragen.php" method="POST" class="mbr-form form-with-styler"
+                data-form-title="Form Name" onsubmit="return false;"><input type="hidden" name="email"
+                  data-form-email="true" value="">
+                <div class="dragArea row">
+                  <div class="col-md col-sm-12 form-group mb-3" data-for="name">
+                    <input type="text" maxlength="128" name="name" placeholder="Label1"
+                      data-form-field="name" class="form-control" value="" id="name-form02-0">
+                  </div>
+
+                  <div class="col-12 form-group mb-3" data-for="textarea">
+                    <input type="text" name="textarea" maxlength="128" placeholder="Label2"
+                      data-form-field="textarea" class="form-control" id="textarea-form02-0">
+                  </div>
+                  <div class="col-lg-12 col-md-12 col-sm-12 align-center mbr-section-btn">
+                    <button type="submit" class="btn btn-primary display-7 formular-submit-button">Absenden</button>
+                  </div>
+                </div>
+                <input type="hidden" value="<?php echo $id; ?>" name="id">
+              </form>
+            </div>
+          </div>
+        </div>
+      </section>
+      
+
+      <section class="gallery09 cid-u6k7q0xbqP" id="gallery-9-u6k7q0xbqP">
+    <div class="container">
+      <div class="row justify-content-center">
+        <div class="col-12 col-md-12 col-lg-4 main-text">
+          <div class="">
+            <h5 class="mbr-section-title mbr-fonts-style mt-0 mb-4 display-2">
+              <strong>Bilderbuch Ritzenbergen</strong>
+            </h5>
+            <h6 class="mbr-section-subtitle mbr-fonts-style mt-0 mb-4 display-7">
+              Klicke auf ein Bild um in unsere Galerie zu gelangen. Die Bilder sind nach Jahreszahl und Kategorie
+              geordnet.
+            </h6>
+          </div>
+        </div>
+        <div class="col-lg-8 side-features row">
+          <div class="item features-image col-12 col-md-6 col-lg-6 active">
+            <div class="item-wrapper">
+              <div class="item-img">
+                <a href="./galerie.php#doppelkopf"><img
+                    src="./randomimage.php?path=bilder/doppelkopf&recursive=1&tn=1&color=white&text=Doppelkopf&size=3"></a>
+              </div>
+            </div>
+          </div>
+          <div class="item features-image col-12 col-md-6 col-lg-6 active">
+            <div class="item-wrapper">
+              <div class="item-img">
+                <a href="./galerie.php#erntefest"><img
+                    src="./randomimage.php?path=bilder/erntefest&recursive=1&tn=1&color=white&text=Erntefest&size=3"></a>
+              </div>
+            </div>
+          </div>
+          <div class="item features-image col-12 col-md-6 col-lg-6 active">
+            <div class="item-wrapper">
+              <div class="item-img">
+                <a href="./galerie.php#fussballturnier"><img
+                    src="./randomimage.php?path=bilder/fussball&recursive=1&tn=1&color=white&text=Fußballturnier&size=3"></a>
+              </div>
+            </div>
+          </div>
+          <div class="item features-image col-12 col-md-6 col-lg-6 active">
+            <div class="item-wrapper">
+              <div class="item-img">
+                <a href="./galerie.php#osterfeuer"><img
+                    src="./randomimage.php?path=bilder/osterfeuer&recursive=1&tn=1&color=white&text=Osterfeuer&size=3"></a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+
+  <Embla/>
+
+
+
+
+  <section class="article12 cid-u6k7q0yKNv" id="about-us-12-u6k7q0yKNv">
+    <div class="container">
+      <div class="row justify-content-center">
+        <div class="col-md-12 col-lg-10">
+          <h3 class="mbr-section-title mbr-fonts-style mb-4 mt-0 display-2">
+            <strong>Willkommen in Ritzenbergen</strong>
+          </h3>
+          <p class="mbr-text mbr-fonts-style display-7">Ritzenbergen, ehemalig "Rikinburg" wurde nur ein einziges mal im
+            Jahr 935 in der historischen Überlieferung erwähnt. In diesem Jahr wurde sie vom Edelherren Willarius der
+            Bremer Kirche geschenkt. Eine Identifikation dieser Burg mit einem auf einer Karte des Amtes Thedinghausen
+            von 1765 eingetragenen Hügel von etwa 150 m Durchmesser oberhalb eines alten Weserarms in Ritzenbergen ist
+            aber bisher nicht gesichert.</p>
+          <p class="mbr-text mbr-fonts-style display-7">Die Gemeinde Amedorf/Ritzenbergen wurde zusammen mit der
+            Gemeinde Holtum-Marsch im Jahr 1968 in die damalige Gemeinde Blender eingegliedert.</p>
+          <p class="mbr-text mbr-fonts-style display-7">In der Galerie findest du viele Fotos aus den letzten Jahren</p>
+        </div>
+      </div>
+    </div>
+  </section>
+
+
+
+
+  <section class="gallery10 cid-u6k7q0zbuN" id="features-61-u6k7q0zbuN">
+    <div class="container-fluid">
+      <div class="loop-container">
+        <div class="item display-1" data-linewords="
+        Amedorf & Ritzenbergen *
+          Niedersachsen *
+          Gemeinde Blender *
+          Landkreis Verden *" data-direction="-1" data-speed="0.05">
+        </div>
+        <div class="item display-1" data-linewords="
+          Amedorf & Ritzenbergen *
+          Niedersachsen *
+          Gemeinde Blender *
+          Landkreis Verden *" data-direction="-1" data-speed="0.05">
+        </div>
+      </div>
+    </div>
+  </section>
+
+
+
+  <section class="header14 cid-u6k7q0zosO mbr-parallax-background" id="call-to-action-9-u6k7q0zosO">
+    <div class="container">
+      <div class="row justify-content-center">
+        <div class="card col-12 col-md-12 col-lg-10">
+          <div class="card-wrapper">
+            <div class="card-box align-center">
+              <h1 class="card-title mbr-fonts-style mb-4 display-1">
+                <strong>Entdecke die Umgebung</strong>
+              </h1>
+              <p class="mbr-text mbr-fonts-style mb-4 display-7">
+                Hier findest du nützliche Links aus der Umgebung
+              </p>
+              <section class="umgebung">
+                <div>
+                  <ul>
+                    <b>
+                      <li><a href="https://alt-blender.de" target="_blank">alt-blender.de - Historische Fotos und
+                          Dokumente aus
+                          Blender und umzu</a></li>
+                    </b>
+                    <b>
+                      <li><a href="https://www.verden.de/" target="_blank">Verden/Aller</a></li>
+                    </b>
+                    <b>
+                      <li><a href="https://www.langwedel.de/" target="_blank">Flecken Langwedel</a></li>
+                    </b>
+                    <b>
+                      <li><a href="https://www.feuerwehr-blender.de/" target="_blank">Freiwillige Feuerwehr
+                          Blender</a></li>
+                    </b>
+                    <b>
+                      <li><a href="https://www.browiede.de/" target="_blank">Landgasthaus Browiede</a></li>
+                    </b>
+                    <b>
+                      <li><a href="https://www.mittelweserverband.de/" target="_blank">Mittelweserverband</a></li>
+                    </b>
+                    <b>
+                      <li><a href="http://angelverein-doerverden.de/" target="_blank">Angelverein Dörverden</a></li>
+                    </b>
+                    <b>
+                      <li><a href="https://www.theater-holtum.de/" target="_blank">Theatergruppe des gemischten
+                          Chores "Polyhymnia"
+                          Holtum Marsch</a></li>
+                    </b>
+                    <b>
+                      <li><a href="https://www.thedinghausen.de/" target="_blank">Samtgemeinde Thedinghausen</a>
+                      </li>
+                    </b>
+                    <b>
+                      <li><a href="https://www.tsv-blender.de/">TSV Blender</a></li>
+                    </b>
+                    <b>
+                      <li><a href="https://tsvintschede.de-zign.de/">TSV "Weserstrand" Intschede</a></li>
+                    </b>
+                    <b>
+                      <li><a href="https://www.intscheder-bauernhofeis.de/">Intscheder Bauernhofeis</a></li>
+                    </b>
+                  </ul>
+                </div>
+              </section>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  </section>
+
 </template>
 
 <style lang="css" scoped></style>