assets/css/style.css

@@ -378,7 +378,7 @@ header {
     z-index: 15;
 }
 
-.header__claim h2 {
+.header__claim h2, .header__claim ul {
     font-family: 'Noto Serif', serif;
     font-weight: 700;
     font-weight: normal;
@@ -387,6 +387,10 @@ header {
     margin-top: 0.5em;
 }
 
+.header__claim h2 {
+    margin-left: 7rem;
+}
+
 .header__claim h2 em {
     color: var(--wtf-orange);
 }
@@ -398,7 +402,34 @@ header {
     padding: 0 1rem;
 }
 
-.header__claim p, .header__sub_claim p {
+.header__claim ul {
+    margin: 0;
+    font-size: 2rem;
+}
+
+.header__claim ul li {
+    margin: 0;
+    list-style: none;
+    list-style-image: url('../images/frontpage_tirangle_bullet.svg');
+    list-style-position: inside;
+}
+
+.header__claim ul li.-first {
+    margin-left: 4rem;
+}
+
+.header__claim ul li.-second{
+    margin-left: 2rem;
+}
+
+.header__claim ul li.-third{
+}
+
+.header__claim ul li::marker {
+    font-size: 4.5rem;
+}
+
+.header__sub_claim p {
     font-family: 'Lato', sans-serif;
     font-weight: normal;
     line-height: 1.4rem;

content/contents.lr

@@ -2,10 +2,15 @@ _model: homepage
 ---
 title: Die WTF Kooperative eG
 ---
-claim_heading: <span>Boosten Sie Ihr <em>Projekt</em> mit der</span><br>
+claim_heading: <span>Boosten Sie Ihr <em>IT-Projekt</em> mit der</span><br>
 <span>chaosnahen Genossen&shy;schaft.</span>
 ---
-claim_content: Setzen Sie Projekte mit Unterstützung von über 200 GenossInnen um.<br>Genossen&shy;schaftlich & solidarisch.
+claim_content:
+<ul>
+<li class="-first">Beratung</li>
+<li class="-second">Entwicklung</li>
+<li class="-third">Betrieb</li>
+</ul>
 ---
 subclaim_heading: Die WTF Kooperative eG ist Ihr kompetenter Partner!
 ---