diff -rN -u old-smederee/modules/hub/src/main/twirl/de/smederee/hub/views/welcome.scala.html new-smederee/modules/hub/src/main/twirl/de/smederee/hub/views/welcome.scala.html
--- old-smederee/modules/hub/src/main/twirl/de/smederee/hub/views/welcome.scala.html	2025-02-02 10:07:11.986575564 +0000
+++ new-smederee/modules/hub/src/main/twirl/de/smederee/hub/views/welcome.scala.html	2025-02-02 10:07:11.986575564 +0000
@@ -6,13 +6,13 @@
   </div>
   <div class="content">
     <div class="ribbon l-box-lrg pure-g" style="background: #2d3e50; color: #aaa; padding: 2em; border-bottom: 1px solid rgba(0,0,0,0.1);">
-      <div class="l-box-lrg is-center pure-u-1 pure-u-md-1-2 pure-u-lg-2-5">
+      <div class="l-box-lrg pure-u-1 pure-u-md-1-2 pure-u-lg-2-5 is-center" style="margin: 0 auto 0 auto;">
         <img width="300" alt="@Messages("landingpage.welcome.image.alt")" class="pure-img-responsive" src="@{baseUri.addPath("assets/img/clark-tibbs-oqStl2L5oxI-unsplash.jpg")}">
       </div>
-      <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-3-5">
-        <h2 class="content-head content-head-ribbon" style="color: white;">@Messages("landingpage.welcome.ribbon.title")</h2>
+      <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-3-5" style="margin: 0 auto 0 auto;">
+        <h2 class="content-head content-head-ribbon is-center" style="color: white;">@Messages("landingpage.welcome.ribbon.title")</h2>
         <p>@Messages("landingpage.welcome.ribbon.text")</p>
-        <p><a class="pure-button pure-button-primary" href="@{baseUri.addPath("login")}">@Messages("global.login")</a></p>
+        <p class="is-center"><a class="pure-button pure-button-primary" href="@{baseUri.addPath("login")}">@Messages("global.login")</a></p>
       </div>
     </div>
   </div>