From cd93fb83e793dacdef0af35c9135cca269b6a676 Mon Sep 17 00:00:00 2001
From: vlle1 <36682087+vlle1@users.noreply.github.com>
Date: Mon, 16 Nov 2020 15:23:54 +0100
Subject: adjust iframe position

---
 index.html | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index 172ad06..559aafb 100644
--- a/index.html
+++ b/index.html
@@ -54,17 +54,20 @@
             </div>
         </div>
     </div>
-    <div style="display: block; margin:auto; position: relative; padding-bottom: 42.2005571%; height: 0; overflow: hidden; width: 100%; height: auto;">
-        <iframe style="position: absolute; 
-        top: 0; 
-        left: 0; 
-        width: 100%; 
-        height: 100%;" width="718" height="303" src="https://www.youtube-nocookie.com/embed/gusAH25c5Zk" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-    </div>
     <div class="w3-row-padding w3-padding-64 w3-container">
         <div class="w3-content">
             <h1>Was erwartet dich auf dem Campus?</h1>
-            <div class="w3-padding-32 w3-text mcfont">
+            <div class="w3-padding-64 w3-third w3-center">
+                <div style="display: block; margin:auto; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; height: auto;" class="w3-half">
+                    <iframe style="position: absolute; 
+                    top: 0; 
+                    left: 0; 
+                    width: 100%; 
+                    height: 100%;" width="718" height="303" src="https://www.youtube-nocookie.com/embed/gusAH25c5Zk" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+                </div>
+            </div>
+            <div class="w3-twothird">
+            <div class="w3-padding-32 w3-text mcfont" style="margin-left:5%">
                 <ol>
                     <li>Erkunde den Campus anhand der Live-Karte (oben verlinkt) und vergleiche ihn mit der Realität (ich empfehle google maps).</li>
                     <li>Erfahre mehr über die Gebäude auf dem Campus - an einigen finden sich kleine Texte mit Hintergründen.</li>
@@ -73,7 +76,7 @@
                 </ol>
 
             </div>
-
+            </div>
         </div>
     </div>
     <figure style="margin:0;">
-- 
cgit v1.2.3-54-g00ecf