Use 6 title buttons on the frontpage

* Add use cases and spotlights
* Redefine button size and grid setup

_includes/frontpage/title-content.html

@@ -6,18 +6,24 @@
     
     <div class="services-box">
         <div class="services-title-buttons">
-            <a href="https://helmholtz.cloud/services" class="btn btn-light btn-lg text-dark">
+            <a href="https://helmholtz.cloud/services" class="btn btn-light text-dark">
             Cloud Services
             </a>
-            <a href="https://events.hifis.net/category/4/" class="btn btn-light btn-lg text-dark">
+            <a href="https://events.hifis.net/category/4/" class="btn btn-light text-dark">
                 HIFIS Courses
             </a>
-            <a href="{% link services/software/consulting.html %}" class="btn btn-light btn-lg text-dark">
-                Software Engineering Consulting
+            <a href="{% link services/software-overview.md %}" class="btn btn-light text-dark">
+                Software Services
             </a>
-            <a href="https://aai.helmholtz.de" class="btn btn-light btn-lg text-dark">
+            <a href="https://aai.helmholtz.de" class="btn btn-light text-dark">
                 Identity &amp; Access Management (AAI)
             </a>
+            <a href="{% link usecases.md %}" class="btn btn-light text-dark">
+                Use Cases
+            </a>
+            <a href="{% link spotlights.md %}" class="btn btn-light text-dark">
+                Software Spotlights
+            </a>
         </div>
     </div>
 </div>

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

@@ -14,15 +14,16 @@
 
 .services-title-buttons {
     display:                grid;
-    grid-template-columns:  1fr 1fr;
+    grid-template-columns:  1fr 1fr 1fr;
     grid-auto-rows:         1fr;
 
     @include medium-is-desktop-plus {
-        max-width: 600px;
+        max-width: 800px;
     }
 
     @include medium-is-tablet {
-        grid-template-columns: 1fr 1fr 1fr 1fr;
+        grid-template-columns: 1fr 1fr 1fr;
+        grid-auto-rows: 1fr;
     }
 
     @include medium-is-phone {
@@ -39,9 +40,9 @@
     }
 
     .btn {
-        margin:     0.5rem;
+        margin:     0.25rem;
         display:    flex;
         flex-flow:  column nowrap;
-        min-height: 3.3rem;
+        min-height: 2rem;
     }
 }