deploy: 9bd278379b

anreise/index.html

@@ -88,31 +88,46 @@
     <div id="content">
         <h1>Anreise</h1>
         <hr />
+        <div>
+    <iframe class="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2545.2665752309954!2d7.94715471614292!3d50.36158357946324!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47bdd3ab5337c6bb%3A0x6c3f87adea50281!2zR8O8bGxlLU3DvGhsZSBlLlYu!5e0!3m2!1sen!2sde!4v1633731385674!5m2!1sen!2sde" allowfullscreen="" loading="lazy"></iframe>
+</div>
+<div class="two-column-grid">
+    <div>
+        <h2>Mit dem Auto</h2>
         <p>
-<img src="../assets/LetzteInfos.png" class="zoom" style="max-width: 350px; z-index: 5000 !important;"  />
-</p>
-<p>Gerade am Dorf bietet sich am ehesten die Anreise mit dem eigenen Kraftfahrzeug an.<br>
-Bildet Fahrgemeinschaften.<br>
-Wie es mit den Öffis aussieht, steht weiter unten.</p>
-<h2 id="mit-dem-kfz">Mit dem KFZ</h2>
-<p><strong>Verein für Sozialwesen und Ökologie Gülle Mühle e.V.</strong><br>
-Daubachtal 1<br>
-65558 Langenscheid</p>
-<p><strong>Achtet unbedingt auf die richtige Postleitzahl, es gibt nicht nur ein Langenscheid!! (Persönliche Erfahrung)</strong></p>
-<p>Sowohl Google Maps als auch sonstige Routenplaner und Navigationssysteme sollten die Adresse schlucken. Falls nicht, findet ihr hier eine kleine Abbildung, die euch vom Ort aus den Weg weist:</p>
-<p><img src="../assets/anfahrt.png" class="zoom" /></p>
-<h2 id="mit-den-öffentlichen">Mit den Öffentlichen</h2>
-<p>Neben der Anreise mit dem eigenen KFZ ist die Anreise durch öffentliche Verkehrsmittel durchaus möglich. Im Folgenden einige Details und Beispiele.</p>
-<p><img src="../assets/anlauf.png" class="zoom" /></p>
-<hr />
-<p>Wir sind uns sicher, dass ihr das auch selbst auf die Kette bekommt.<br>
-Dennoch hier zwei Beispielverbindungen mit dem ÖPNV:<br>
-<em>Keine Gewähr für die Beispiele. Prüft eure Verbindungen bitte selbst nach.</em></p>
-<p><strong>Beispiel-Verbindung ab Frankfurt</strong>
-<img src="../assets/oeffi_frankfurt.png" class="zoom" /></p>
-<hr />
-<p><strong>Beispiel-Verbindung ab Koblenz</strong>
-<img src="../assets/oeffi_koblenz.png" class="zoom" /></p>
+            <strong>Verein für Sozialwesen und Ökologie Gülle Mühle e.V.</strong><br />
+            Daubachtal 1<br />
+            65558 Langenscheid<br />
+        </p>
+        <p>
+            <strong>Achtet unbedingt auf die richtige Postleitzahl, es gibt nicht nur ein Langenscheid!</strong>
+        </p>
+        <p>
+            Sowohl gängige Navigationsapps als auch sonstige Routenplaner und Navigationssysteme sollten die Adresse schlucken.
+        </p>
+    </div>
+    <div>
+        <h2>Bus & Bahn</h2>
+        <p>
+            Eure Haltestelle heißt <strong>Eugenstr., Langenscheid</strong>.<br />
+            Hier hält der <strong>Bus 560</strong>.
+        </p>
+        <p>
+            <i class="fas fa-external-link-alt"></i> <i class="fas fa-file-pdf"></i> <a href="https://www.vrminfo.de/fileadmin/data/pdf/fahrplanbuecher/2022/560.pdf" target="_blank">Fahrplan der Linie 560</a>
+        </p>
+    </div>
+</div>
+<h2>Wegweiser vor Ort</h2>
+<div class="two-column-grid">
+    <div>
+        <strong>Mit dem Auto</strong>
+        <img src="../assets/anfahrt.png" class="zoom" style="height: auto; width: auto; max-width: 100%; max-height: 100%;" />
+    </div>
+    <div>
+        <strong>Zu Fuß</strong>
+        <img src="../assets/anlauf.png" class="zoom" style="height: auto; width: auto; max-width: 100%; max-height: 100%;" />
+    </div>
+</div>
 <script>
     document.addEventListener("DOMContentLoaded", function(event) { 
         new Zooming().listen('.zoom');
@@ -130,7 +145,7 @@ Dennoch hier zwei Beispielverbindungen mit dem ÖPNV:<br>
         Eine Schnapsidee des Chapter Siegen: Name folgt...
       </p>
       <p>
-        <a href='http://durstiger-donnerstag.de/index.php?page=kontakt_impressum' target="_blank">Impressum</a> | <a href='http://durstiger-donnerstag.de/index.php?page=datenschutz' target="_blank">Datenschutzerklärung</a>
+        <a href='https://ddwe.beging.de/impressum'>Impressum</a> | <a href='https://ddwe.beging.de/datenschutz'>Datenschutzerklärung</a>
       </p>
       </p>
       <p>