components/02_Molecules/textSection/_textSection.scss

@@ -10,11 +10,7 @@
 
 .LP-TextSection{
 
-    &__Text {
+    .LP-Text {
         line-height: 1.4rem;
-        .LP-Link{
-            font-family: $-primary-serif-font;
-            margin: 0 3px;
-        }
     }
 }

components/02_Molecules/textSection/textSection.hbs

@@ -3,8 +3,6 @@
         {{> @headline headline=headline}}
     </header>
     <div class="LP-TextSection__Text">
-        {{#each paragraphs}}
+        {{> @paragraph text=text}}
-        {{> @paragraph text=this}}
-        {{/each}}
     </div>
 </article>

components/04_Templates/codex/_codex.scss

@@ -1,5 +1,10 @@
 .LP-TextSection{
+    margin-right: 25%;
 
+    .LP-Link{
+        margin: 0 3px;
+        padding: 4px 4px;
+    }
     .LP-UnorderedList{
         font-family: $-primary-serif-font;
         font-size: 1.4rem;

components/04_Templates/home/home.config.json

@@ -1,8 +1,5 @@
 {
     "context":{
-        "paragraphs": [
-            "Welcome to our Urban Exploration community catalogue, explorer", "We strictly follow our UrBex codex and expect you to do so, too.", "You can create, view and share your favorite lost places with other members of this site. You can upload photos, place links to your web galleries and contribute your knowledge by tagging other places or commenting on them. You will find detailed information on where these locations are, how to get there and what to expect from them. This might even include detailed information on the surroundings or the history of a lost place.", "Since vandalism is a growing problem these days, no sensitive information is available to the public. You have to sign up with a voucher code as an invitation to join this community. Only admins can create these codes. Usually you are given a code when we know you in real life in person. A request from an unknown person will most probably be denied."
-        ],
         "places": [
             {
                 "image": "/images/photo_2020-04-09_18-27-13.jpg",

components/04_Templates/home/home.hbs

@@ -1,3 +1,5 @@
 
-    {{> @textsection headline='Start'}}
+    {{> @textsection headline='At vero eos et accusam et justo duo dolores' text='Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.'}}
     {{> @placegrid places=places}}
+
+Icons made by <a class="LP-Link" href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon"> www.flaticon.com</a>

public/main.css

@@ -855,11 +855,8 @@ body {
   .LP-Content {
     padding: 15px; } }
 
-.LP-TextSection__Text {
+.LP-TextSection .LP-Text {
   line-height: 1.4rem; }
-  .LP-TextSection__Text .LP-Link {
-    font-family: "Crimson Text", Times, serif;
-    margin: 0 3px; }
 
 .LP-PlaceTeaser {
   width: 280px; }
@@ -1496,7 +1493,12 @@ body {
     padding: 0;
     margin-bottom: 25px; } }
 
-.LP-TextSection .LP-UnorderedList {
+.LP-TextSection {
+  margin-right: 25%; }
+  .LP-TextSection .LP-Link {
+    margin: 0 3px;
+    padding: 4px 4px; }
+  .LP-TextSection .LP-UnorderedList {
     font-family: "Crimson Text", Times, serif;
     font-size: 1.4rem; }
     .LP-TextSection .LP-UnorderedList li {