new cdn source to fix time out problems and releas submitt butten nur im fehlerfall

frontend/css/styles.css

@@ -10235,6 +10235,7 @@ header.masthead .masthead-heading {
   font-family: "Pacifico", cursive;
   font-weight: 300;
   margin-bottom: 0;
+  color: #3e0006;
 }
 #portfolio .portfolio-item .portfolio-caption .portfolio-caption-subheading {
   font-style: italic;

frontend/index.html

@@ -10,10 +10,10 @@
         <!-- Font Awesome icons (free version)-->
         <script src="https://use.fontawesome.com/releases/v5.13.0/js/all.js" crossorigin="anonymous"></script>
         <!-- Google fonts-->
+        <link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet" type="text/css" />
         <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
         <link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css" />
         <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css" />
-        <link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet" type="text/css" />
         <!-- Core theme CSS (includes Bootstrap)-->
         <link href="css/styles.css" rel="stylesheet" />
     </head>
@@ -444,11 +444,12 @@
                                 </div>
                                 <img class="img-fluid" src="assets/img/info/anfahrt.jpg" alt="" />
                             </a>
+                            <a class="portfolio-link" data-toggle="modal" href="#infoAnfahrt">
                             <div class="portfolio-caption">
                                 <div class="portfolio-caption-heading">Traulocation</div>
                                 <div class="portfolio-caption-subheading text-muted">Wo findet Ihr die Kirche?</div>
-
                             </div>
+                            </a>
                         </div>
                     </div>
                     <div class="col-lg-4 col-sm-6 mb-4">
@@ -460,10 +461,12 @@
                                 <!-- bild quelle: unsplash https://unsplash.com/photos/tPxnF8LVNEI -->
                                 <img class="img-fluid" src="assets/img/info/auto_small.jpg" alt="" />
                             </a>
+                            <a class="portfolio-link" data-toggle="modal" href="#infoConvoi">
                             <div class="portfolio-caption">
                                 <div class="portfolio-caption-heading">Wegbeschreibung</div>
                                 <div class="portfolio-caption-subheading text-muted">Wie kommen wir von der Kirche zum Gastwirtschaft zum Roten Ochsen?</div>
                             </div>
+                            </a>
                         </div>
                     </div>
                     <div class="col-lg-4 col-sm-6 mb-4">
@@ -474,10 +477,12 @@
                                 </div>
                                 <img class="img-fluid" src="assets/img/info/hotell_small.jpg" alt="" />
                             </a>
+                            <a class="portfolio-link" data-toggle="modal" href="#infoUnterkunft">
                             <div class="portfolio-caption">
                                 <div class="portfolio-caption-heading">Unterkunft</div>
                                 <div class="portfolio-caption-subheading text-muted">Ihr braucht ein Hotelzimmer?</div>
                             </div>
+                            </a>
                         </div>
                     </div>
                     <div class="col-lg-6 col-sm-6 mb-4 mb-lg-0">
@@ -488,10 +493,12 @@
                                 </div>
                                 <img class="img-fluid" src="assets/img/info/kleider_small.jpg" alt="" />
                             </a>
+                            <a class="portfolio-link" data-toggle="modal" href="#infoDresscode">
                             <div class="portfolio-caption">
                                 <div class="portfolio-caption-heading">Dresscode</div>
                                 <div class="portfolio-caption-subheading text-muted">Was soll ich nur anziehen?</div>
                             </div>
+                            </a>
                         </div>
                     </div>
                     <div class="col-lg-6 col-sm-6 mb-4 mb-sm-0">
@@ -502,10 +509,12 @@
                                 </div>
                                 <img class="img-fluid" src="assets/img/info/geschenk_small.jpeg" alt="" />
                             </a>
+                            <a class="portfolio-link" data-toggle="modal" href="#infoGeschenk">
                             <div class="portfolio-caption">
                                 <div class="portfolio-caption-heading">Geschenketisch</div>
                                 <div class="portfolio-caption-subheading text-muted">Wie können wir euch eine Freude machen?</div>
                             </div>
+                            </a>
                         </div>
                     </div>
                 </div>
@@ -679,8 +688,8 @@
                                     <p class="item-intro text-muted">Wir empfehlen Euch, an unser Partylocation, in der Gastwirtschaft zum Roten Ochsen ein Zimmer zu buchen.</p>
                                     <img class="img-fluid d-block mx-auto" src="assets/img/info/hotell.jpg" alt="" />
                                     <p> Die Gastwirtschaft zum Roten Ochsen, in der wir feiern werden, bietet auch <a href="https://www.roter-ochse-kalchreuth.de/hotel" target="_blank">Hotelzimmer</a> an.
-                                        Wir haben uns dort ein Zimmer für unsere Hochzeitsnacht genommen und weieter Zimmer für Euch geblockt.
-                                        Solltet Ihr noch nach einer Unterkunft suchen, um nach der Party keinen Heimweg mehr zu haben, können wir Euch die Zimmer beim Roten Ochen wärmlichst empfehlen.
+                                        Wir haben uns dort ein Zimmer für unsere Hochzeitsnacht genommen und weitere Zimmer für Euch geblockt.
+                                        Solltet Ihr noch nach einer Unterkunft suchen, um nach der Party keinen Heimweg zu haben, können wir Euch die Zimmer beim Roten Ochsen empfehlen.
                                         Besonders freuen wir uns auf ein entspanntes, gemeinsames Frühstück mit allen Übernachtungsgästen am nächsten Morgen.
                                         Gebt bei der Buchung einfach an, dass Ihr zu Hochzeitsgesellschaft gehört.
                                     </p>
@@ -699,7 +708,9 @@
 
         <!-- Bootstrap core JS-->
         <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
-        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script>
+        <!-- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script> -->
+        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
         <!-- Third party plugin JS-->
         <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
         <!-- Contact form JS-->

frontend/js/form.js

@@ -46,7 +46,7 @@ $(function () {
                         .append("<script src='js/scripts.js'></script>");
 
                     //hide sendMessageButton
-                    $("#sendMessageButton").style.visibility = "hidden";
+                    // $this.style.visibility = "hidden";
 
                     //clear all fields
                     $("#form_anmelden").trigger("reset");
@@ -81,13 +81,16 @@ $(function () {
                         .append("</div>")
                         .append("<script src='js/scripts.js'></script>");
 
-
-                },
-                complete: function () {
                     setTimeout(function () {
                         $this.prop("disabled", false); // Re-enable submit button when AJAX call is complete
                     }, 1000);
+
                 },
+                // complete: function () {
+                //     setTimeout(function () {
+                //         $this.prop("disabled", false); // Re-enable submit button when AJAX call is complete
+                //     }, 1000);
+                // },
             });
         },
         filter: function () {