From 2fb23aa2c7048f90055cfe7ee8b662d28f74bda2 Mon Sep 17 00:00:00 2001
From: Manuel Fink <manuel.fink@sap.com>
Date: Thu, 4 Dec 2025 11:03:41 +0100
Subject: [PATCH] increase content width on widescreen setups

---
 docs/.vitepress/theme/custom.css | 40 ++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css
index 5cccb48..9e2ce2a 100644
--- a/docs/.vitepress/theme/custom.css
+++ b/docs/.vitepress/theme/custom.css
@@ -13,6 +13,46 @@
   --sap-blue-11: #00144A;
 }
 
+/* Increase maximum width of content area */
+/* Default: do not override for ~1920px and below. Wide-screen overrides are applied via media queries. */
+
+/* 2560px and wider screens */
+@media (min-width: 2400px) {
+  :root {
+    /* Allow a wider overall layout without stretching lines too far */
+    --vp-layout-max-width: 1920px;
+  }
+  .VPDoc:not(.has-sidebar) .container {
+    /* Main content container */
+    max-width: 1580px !important;
+  }
+  .VPDoc:not(.has-sidebar) .content {
+    /* Article text column */
+    max-width: 1220px !important;
+  }
+  .VPDoc.has-aside .content-container {
+    /* Content area when aside (TOC) is present */
+    max-width: 1100px !important;
+  }
+}
+
+/* 3440px (ultrawide) and wider screens */
+@media (min-width: 3300px) {
+  :root {
+    /* Slightly larger than the 2560 setting, but still comfortable for reading */
+    --vp-layout-max-width: 2100px;
+  }
+  .VPDoc:not(.has-sidebar) .container {
+    max-width: 1680px !important;
+  }
+  .VPDoc:not(.has-sidebar) .content {
+    max-width: 1320px !important;
+  }
+  .VPDoc.has-aside .content-container {
+    max-width: 1280px !important;
+  }
+}
+
 /* Feature highlighting for the Enforce card */
 .VPFeatures .container {
   display: flex !important;