Improved font sizes and big header for mobile devices.

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;

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.
 ---