diff --git a/frontend/css/styles.css b/frontend/css/styles.css
index 7163b15..e10e4e6 100644
--- a/frontend/css/styles.css
+++ b/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;
diff --git a/frontend/index.html b/frontend/index.html
index 4f7953a..3e7e084 100644
--- a/frontend/index.html
+++ b/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.
-                                        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>