From fae60c50fc3672abfa78c7fd48ff62a43571d2d9 Mon Sep 17 00:00:00 2001
From: Lukas Schulz <lukas.schulz@simiworld.de>
Date: Wed, 24 Mar 2021 22:29:26 +0100
Subject: [PATCH] updated css for mobile view

---
 index.html | 44 ++++++++++++++++++++++++++++++++++++++------
 1 file changed, 38 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index d57cd6f..3861022 100644
--- a/index.html
+++ b/index.html
@@ -395,15 +395,17 @@
 
               }
               .title_title {
-                height: 240px;
+                margin-top: 100px;
+                height: 300px;
                 font-size: 50px;
                 display: flex;
                 align-items: center;
                 justify-content: center;
               }
               .ueberschrift {
-                font-size: 50px;
-                height: 60px;
+                font-size: 45px;
+                height: 140px;
+                margin-bottom: 50px;
               }
 
               /* Toggle Show/Hide Menu */
@@ -422,9 +424,15 @@
               p {
                 margin-left: 15px;
                 margin-right: 15px;
+                margin-bottom: 20px;
               }
               .title {
-                height: 500px;
+                height: 600px;
+              }
+              .spacing {
+                margin-top: 10px;
+                margin-bottom: 10px;
+                height: 60px ;
               }
               .prezi iframe{
                 height: 300px;
@@ -435,6 +443,30 @@
               .kontakt_items {
                 height: 900px;
               }
+              .hilfe > h1{
+                  height: 40px;
+                  margin-top: 50px;
+              }
+              .hilfe > p {
+                margin-top: 00px;
+              }
+              .hilfe > button {
+                height: 00px;
+                margin-bottom: 0px;
+              }
+              .handbuch_btn {
+                margin-top: 00px;
+              }
+              .prezi_p {
+                margin-bottom: 60px;
+              }
+              .kontakt > h1 {
+                height: 40px;
+                margin-top: 50px;
+              }
+              .kontakt > p {
+                margin-bottom: 80px;
+              }
             }
 
 
@@ -502,13 +534,13 @@
                 <div class="embed prezi">
                   <iframe src="https://prezi.com/view/jfNaZCWSVAgiSeqTVqis/embed" webkitallowfullscreen="1" mozallowfullscreen="1" allowfullscreen="1"></iframe>
                 </div>
-				<p>
+				<p class="prezi_p">
                   Bei weitergehenden Fragen und Problemen hilft unser Handbuch als eine ausführliche Anleitung weiter.
                 </p>
 
 
                 <div class="buttons spacing">
-                  <button class="white_btn" onclick="window.location.href='/about/assets/handbuch.pdf';">Handbuch</a>
+                  <button class="white_btn handbuch_btn" onclick="window.location.href='/about/assets/handbuch.pdf';">Handbuch</a>
                 </div>
             </div>