2022 updates

content/anreise.md

@@ -2,44 +2,49 @@
 title: Anreise
 date: '2020-07-27'
 ---
-<p>
-<img src="../assets/LetzteInfos.png" class="zoom" style="max-width: 350px; z-index: 5000 !important;"  />
-</p>
 
-Gerade am Dorf bietet sich am ehesten die Anreise mit dem eigenen Kraftfahrzeug an.\
-Bildet Fahrgemeinschaften.\
-Wie es mit den Öffis aussieht, steht weiter unten.
+<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>
 
-## Mit dem KFZ
-**Verein für Sozialwesen und Ökologie Gülle Mühle e.V.**\
-Daubachtal 1\
-65558 Langenscheid
+<div class="two-column-grid">
+    <div>
+        <h2>Mit dem Auto</h2>
+        <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>
 
-**Achtet unbedingt auf die richtige Postleitzahl, es gibt nicht nur ein Langenscheid!! (Persönliche Erfahrung)**
-
-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:
-
-<img src="../assets/anfahrt.png" class="zoom" />
-
-
-## Mit den Öffentlichen
-Neben der Anreise mit dem eigenen KFZ ist die Anreise durch öffentliche Verkehrsmittel durchaus möglich. Im Folgenden einige Details und Beispiele.
-
-<img src="../assets/anlauf.png" class="zoom" />
-
-<hr />
-
-Wir sind uns sicher, dass ihr das auch selbst auf die Kette bekommt.\
-Dennoch hier zwei Beispielverbindungen mit dem ÖPNV:\
-_Keine Gewähr für die Beispiele. Prüft eure Verbindungen bitte selbst nach._
-
-**Beispiel-Verbindung ab Frankfurt**
-<img src="../assets/oeffi_frankfurt.png" class="zoom" />
-
-<hr />
-
-**Beispiel-Verbindung ab Koblenz**
-<img src="../assets/oeffi_koblenz.png" class="zoom" />
+<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) {