Text bei Infokarten als link

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

@@ -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.
+                                        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 mehr zu haben, können wir Euch die Zimmer beim Roten Ochen wärmlichst empfehlen.
+                                        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>