From d83b0288ebf0108ea57f2215c05c41c63d7a703b Mon Sep 17 00:00:00 2001
From: Stephan <spamonia@gmail.com>
Date: Sun, 21 Mar 2021 17:56:28 +0100
Subject: [PATCH] Improved font sizes and big header for mobile devices.

---
 assets/css/style.css | 42 ++++++++++++++++++++++++++++++++++++++++--
 content/contents.lr  |  6 +++---
 2 files changed, 43 insertions(+), 5 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index 1123717..fbcb928 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -466,7 +466,7 @@ h1 {
     font-size: 3.5rem;
     color: var(--wtf-orange);
     margin: 1rem 0 0 0;
-    line-height: 1.2em;
+    line-height: 1.3em;
 }
 
 h2 {
@@ -1305,6 +1305,29 @@ footer {
         --column-count: 1
     }
 
+    /* global styles - start */
+    h1 {
+        font-size: 2rem;
+    }
+
+    h2 {
+        font-size: 1.25rem;
+    }
+
+    h3 {
+        font-size: 1.15rem;
+    }
+
+    h4 {
+        font-size: 1.1rem;
+    }
+
+    h5 {
+        font-size: 1.05rem;
+    }
+
+    /* global styles - start */
+
     .header__secondary_nav {
         display: none;
     }
@@ -1355,8 +1378,16 @@ footer {
         margin: 0 0.5rem 0.5rem 0.5rem;
     }
 
+    .header__claim p, .header__sub_claim p {
+        font-size: 1rem;
+    }
+
     .header__claim h2, .header__sub_claim h2 {
-        font-size: 2rem;
+        font-size: 1.25rem;
+    }
+
+    .header__button, .content__button, .claim__button {
+        font-size: 1em;
     }
 
     .bg_box__top_bar_left,
@@ -1510,10 +1541,17 @@ footer {
     }
 
     .card {
+        margin-top: 1.5rem;
         max-width: 450px;
     }
     /* homepage - end */
 
+    /* content - start */
+    .content__teaser {
+        font-size: 1rem;
+    }
+    /* content - end */
+
     /* footer - start */
     footer {
         grid-template-rows: 23px auto;
diff --git a/content/contents.lr b/content/contents.lr
index 96b61e2..6acc4a2 100644
--- a/content/contents.lr
+++ b/content/contents.lr
@@ -2,7 +2,7 @@ _model: homepage
 ---
 title: Die WTF Kooperative eG
 ---
-claim_heading: <span>Werde <em>Teilchen&shy;beschleu&shy;nigerIn</em></span><br><span>in der chaosnahen Genossenschaft.</span>
+claim_heading: <span>Werde <em>Teilchen&shy;beschleu&shy;nigerIn</em></span><br><span>in der chaosnahen Genossen&shy;schaft.</span>
 ---
 claim_content: Booste Projekte mit Unterstütung von über 150 GenossInnen<br>Genossen&shy;schaftlich & solidarisch.
 ---
@@ -25,7 +25,7 @@ Die Idee der „Hackergenossenschaft“ wurde zum ersten Mal auf dem 34C3 vorges
 
 Ein Unternehmen, dass jedem einzelnen von uns gehört, in dem jeder von uns eine Stimme und das Recht auf Mitsprache hat. Das alles ist nun machbar - in unserer WTF Kooperative eG.
 ----
-content_footer: 
+content_footer:
 ----
 content_image: nasa-space-shuttle.jpg
 ----
@@ -55,7 +55,7 @@ box_content: Wir verstehen uns als Plattform for Hackende, auf der sich mit Glei
 -----
 box_link: Projekte
 -----
-box_url: 
+box_url:
 ##### flow_one_innerbox_section #####
 title: Genossenschafts­anteile sind eine Anlage, kein Geschenk.
 -----