diff --git a/client/src/pages/hello.vue b/client/src/pages/hello.vue
index 63980292..6227b5fe 100644
--- a/client/src/pages/hello.vue
+++ b/client/src/pages/hello.vue
@@ -56,20 +56,20 @@
       <p>Was ist ein hep Konto und wie kann ich mich dafür registrieren?</p>
       <a
         class="hep-link"
-        href="https://myskillbox.ch/anleitung"
+        :href="`https://${$flavor.baseUrl}/anleitung`"
         >Anleitung anschauen</a
       >
     </div>
     <div class="links">
       <ul class="links__list">
         <li class="links__list-item">
-          <a href="https://myskillbox.ch/angebot">Lizenz kaufen</a>
+          <a :href="`https://${$flavor.baseUrl}/angebot`">Lizenz kaufen</a>
         </li>
         <li class="links__list-item">
           <a :href="$flavor.supportLink">Support</a>
         </li>
         <li class="links__list-item">
-          <a href="https://myskillbox.ch/datenschutz">Datenschutz</a>
+          <a :href="`https://${$flavor.baseUrl}/datenschutz`">Datenschutz</a>
         </li>
       </ul>
     </div>
@@ -78,9 +78,7 @@
 
 <script>
 import { defineAsyncComponent } from 'vue';
-const HepLogoNoClaim = defineAsyncComponent(() =>
-  import('@/components/icons/HepLogoNoClaim.vue')
-);
+const HepLogoNoClaim = defineAsyncComponent(() => import('@/components/icons/HepLogoNoClaim.vue'));
 const EhbLogo = defineAsyncComponent(() => import('@/components/icons/EhbLogo.vue'));
 const Logo = defineAsyncComponent(() => import('@/components/icons/Logo.vue'));