Merge branch 'overall-motivation-extendable' into 'master'

Mission statement, extendable

See merge request hifis/hifis.net!245

_includes/frontpage/title-content.html

 <div>
-    <h1>Federated IT for Science</h1>
-    <p>HIFIS ensures an excellent information environment for outstanding research in all Helmholtz research fields.</p>
+    <h1>Helmholtz IT for Science</h1>
+    <details class="my-3">
+        <summary>
+            <strong>HIFIS builds and sustains an excellent IT infrastructure connecting all Helmholtz research fields
+                and centres.</strong>
+        </summary>
+        <div>
+            <p>
+                This includes a secure and easy-to-use collaborative environment with efficiently accessible IT services
+                from anywhere.
+                HIFIS further supports Research Software Engineering (RSE) with a high level of quality, visibility and
+                sustainability.
+            </p>
+            <p>
+                The HIFIS clusters develop technologies, processes and policy frameworks for harmonized access to
+                fundamental backbone services, such as Helmholtz AAI, and Helmholtz Cloud services. HIFIS Software also
+                provides education, technology, consulting and community services.
+            </p>
+        </div>
+    </details>
 </div>
 <div class="services-box">
     <div class="services-title-buttons">

_sass/common/_title.scss

@@ -48,7 +48,7 @@ div#title {
         display:            flex;
         flex-flow:          row nowrap;
         column-gap:         1rem;
-        align-items:        flex-end;
+        align-items:        flex-start;
         justify-content:    space-between;
 
         @include medium-is-tablet-minus {
@@ -63,6 +63,9 @@ div#title {
             the transitions above and below.
         */
         padding-top:     3rem;
+        @include medium-is-tablet-plus {
+            padding-top:     3.5rem;
+        }
         padding-bottom:  2rem;
         padding-left:   $document-side-margin;
         padding-right:  $document-side-margin;

assets/css/title/service-title-buttons.scss

@@ -13,6 +13,10 @@
     display:                grid;
     grid-template-columns:  1fr 1fr;
 
+    @include medium-is-desktop-plus {
+        width: 488px;
+    }
+
     @include medium-is-tablet {
         grid-template-columns: 1fr 1fr 1fr 1fr;
     }