[TASK] Title zu Iframe hinzugefügt

README.md

@@ -0,0 +1,26 @@
+# Ferienwohnung "Wanderlust"
+
+Webseite für die Ferienwohnung der Familie Frank
+
+[Webseite](https://www.ferienwohnung-friedrichroda.de)
+
+
+## Neue Bilder zum Slider hinzufügen
+1. das gewünschte Bild in der richtigen Größe hochladen (1500px Breite) und in den Ordner `bilder/1500px` ablegen
+2. in der index.html nach `div.slider` suchen
+3. innerhalb des Elements `div.slides` ein komplettes `li`-Element kopieren
+4. das kopierte Element an die gewünscht Stelle schieben 
+5. in dem eingefügen Element den Dateinamen in `img[src]` ersetzen durch den der hochgeladenen Datei
+6. die Bildbeschreibung `img[alt]` und die angezeigte Betitelung `div.caption>div.card-panel>h3` anpassen
+
+## Parallax-Bild ausstauschen
+1. das gewünschte Bild in der richgtigen Größe hochladen (2400px Breite) und in den Ordner `bilder/2400px` ablegen
+2. den Parallax-Bereich suchen, der ausgetauscht werden soll
+3. den Dateinamen in `img[src]` ersetzen durch den der hochgeladenen Datei
+4. die Bildbeschreibung austauschen `img[alt]`
+
+## Farben wechseln
+1. die gewünschte Farbe bei [materialize.css](https://materializecss.com/color.html#palette) suchen
+2. in der `index.html` nach der der alten Farbe suchen und durch die neue ersetzen (`.old-color.old-color-modifier`)
+3. in der `style.css` nach `a:not([href^='#'])` suchen und durch den Farbcode der neuen Farbe ersetzen
+4. 

index.html

@@ -259,7 +259,7 @@
         </div>
         <div class="row">
             <div class="col s12 m8 l6 offset-l3">
-                <iframe
+                <iframe title="Auf die Anfahrts-Adresse zentrierter Kartenausschnitt von Google Maps"
                     src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2519.777837443754!2d10.588956515965446!3d50.83527886744169!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47a381a5941d6f53%3A0x871dd2e074ff9078!2sFerienwohnung%20WANDERLUST%20mit%20Kamin!5e0!3m2!1sde!2sde!4v1586533961647!5m2!1sde!2sde"
                     frameborder="0" style="border:0; width:100%; height:500px;" allowfullscreen="" aria-hidden="false"
                     tabindex="0" loading="lazy"></iframe>

style.css

@@ -1,3 +1,7 @@
+:root {
+    --primary-color: #33691e;
+}
+
 #willkommen-banner {
     height: calc(100vh - 64px);
 }
@@ -37,7 +41,7 @@
 }
 
 a:not([href^='#']) {
-    color: #8bc34a;
+    color: var(--primary-color);
 }
 
 #logo-container img {