diff --git a/packages/design-system/docs/components/OcButton/OcButton.md b/packages/design-system/docs/components/OcButton/OcButton.md
index dda1d8766e..ef6d210d6f 100644
--- a/packages/design-system/docs/components/OcButton/OcButton.md
+++ b/packages/design-system/docs/components/OcButton/OcButton.md
@@ -88,4 +88,20 @@ A click handler can be registered via the `@click` property.
 <<< @/components/OcButton/handler.vue
 :::
 
+### Links
+
+Use `type="a"` for external links, `type="router-link"` for internal navigation.
+
+::: livecode
+
+```html
+<!-- External link -->
+<oc-button type="a" href="https://docs.opencloud.eu" target="_blank">Documentation</oc-button>
+
+<!-- Internal navigation -->
+<oc-button type="router-link" :to="{ name: 'files-spaces-projects' }">Projects</oc-button>
+```
+
+:::
+
 ::: component-api
diff --git a/packages/web-runtime/src/pages/account/accountCalendar.vue b/packages/web-runtime/src/pages/account/accountCalendar.vue
index 88b2487c7f..379eceac57 100644
--- a/packages/web-runtime/src/pages/account/accountCalendar.vue
+++ b/packages/web-runtime/src/pages/account/accountCalendar.vue
@@ -18,7 +18,8 @@
           no-hover
           class="ml-1"
           appearance="raw"
-          type="router-link"
+          type="a"
+          target="_blank"
           href="https://docs.opencloud.eu/docs/admin/configuration/radicale-integration/"
         >
           <span v-text="$gettext('here')" />