From b1b794bebe12eefe98f840679ca690a808866f61 Mon Sep 17 00:00:00 2001
From: Christian <info@chrosey.de>
Date: Fri, 10 Apr 2020 21:35:40 +0200
Subject: [PATCH] =?UTF-8?q?[TASK]=20f=C3=BCr=20gro=C3=9Fe=20Bildschirme=20?=
 =?UTF-8?q?optimiert?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 30 +++++++++++++++++-------------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/index.html b/index.html
index 94c31fe..6b3c300 100644
--- a/index.html
+++ b/index.html
@@ -51,6 +51,10 @@
         <div class="row">
             <div class="col s12 center">
                 <h2 class="light-green-text">Willkommen</h2>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col s12 l6 offset-l3">
                 <p>
                     Wir heißen Sie seit September 2019 in unserer gemütlichen Ferienwohnung "Wanderlust" herzlich
                     Willkommen.
@@ -87,7 +91,7 @@
         </div>
 
         <div class="row">
-            <div class="slider col m6 offset-m3">
+            <div class="slider col l6 offset-l3">
                 <ul class="slides">
                     <li>
                         <img src="bilder/1500px/6.jpg" alt="Blick auf den Hauseingang">
@@ -137,7 +141,7 @@
                     </li>
                 </ul>
             </div>
-            <div class="col s12 m8">
+            <div class="col s12 m8 l6 offset-l3">
                 <p>
                     Unsere gemütliche Ferienwohnung "Wanderlust“ liegt im Zentrum des heilklimatischen Luftkurortes
                     Finsterbergen.
@@ -158,7 +162,7 @@
                     werden.
                 </p>
             </div>
-            <div class="col s12 m4">
+            <div class="col s12 m4 l3">
                 <h3 class="heading-5 light-green-text text-darken-3">Top-Ausstattung</h3>
                 <ul>
                     <li>Holz-Kamin</li>
@@ -184,7 +188,7 @@
             </div>
         </div>
         <div class="row">
-            <div class="col s12 m8">
+            <div class="col s12 m8 l6 offset-l3">
                 <p>
                     Wir wollen Ihnen einen erholsamen Aufenthalt bieten und tolle Eindrücke verschaffen, von denen
                     Sie
@@ -211,7 +215,7 @@
                     Wir freuen uns auf Ihren Besuch.
                 </p>
             </div>
-            <div class="col s12 m4">
+            <div class="col s12 m4 l3">
                 <div class="row">
                     <div class="col s12">
                         <h3 class="heading-5 light-green-text text-darken-3">Kontakt</h3>
@@ -241,13 +245,13 @@
             </div>
         </div>
         <div class="row">
-            <div class="col s12 m8">
+            <div class="col s12 m8 l6 offset-l3">
                 <iframe
                     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"></iframe>
             </div>
-            <div class="col s12 m4">
+            <div class="col s12 m4 l3">
                 <div class="row">
                     <div class="col s12">
                         <h3 class="heading-5 light-green-text text-darken-3">Anreise planen</h3>
@@ -279,13 +283,13 @@
     <footer class="page-footer white black-text">
         <div class="container">
             <div class="row">
-                <div class="col s12 m4">
+                <div class="col s12 m4 l2 offset-l3">
                     <a href="impressum.pdf" title="Link zum Impressum">Impressum</a>
                 </div>
-                <div class="col s12 m4 center-align">
+                <div class="col s12 m4 l2 center-align">
                     <a href="datenschutz.pdf" title="Link zum Datenschutz">Datenschutz</a>
                 </div>
-                <div class="col s12 m4 right-align">
+                <div class="col s12 m4 l2 right-align">
                     <a href="https://www.google.com/travel/guide?q=urlaub+in+friedrichroda&dest_mid=/m/0b6h53&tcfs=EiUKCS9tLzBiNmg1MxoYCgoyMDIwLTA0LTI2EgoyMDIwLTA0LTMw"
                         target="_blank" title="Externer Link zum Google-Reiseführer für Friedrichroda">
                         Reiseführer Friedrichroda</a>
@@ -293,12 +297,12 @@
 
             </div>
             <div class="row">
-                <div class="col s4">
+                <div class="col s4 l2 offset-l3">
                     made by <a href="https://chrosey.de" title="Externer Link zu chrosey.de">chrosey</a> with <a
                         href="https://materializecss.com" title="externer Link zu Materialize.css">Materialize</a>
                 </div>
-                <div class="col s4"></div>
-                <div class="col s4 right-align">
+                <div class="col s4 l2"></div>
+                <div class="col s4 right-align l2">
                     urlaub-friedrichroda.de
                 </div>
             </div>