Success-story migration + new plugins + JSON/UX polish

- Success Stories: full migration from old site (48/48, audited),
  markets n:n, quotation content block, columns content block,
  pretty SEO detail URLs via SuccessStoryPathRewrite middleware,
  list/detail split (list page 4 / story page), detailUrl/backUrl
- New plugins: VITEC Locations (grid/list/map + RTE map text),
  VITEC Customer Logos (color/bw logic, only-show-selected),
  VITEC Card (one plugin for product/story/market/solution
  with reloading FlexForm + custom backend preview renderer)
- Eventlist: layout dropdown (list/grid/teaserbar) in settings
- Hero section CB: Images/Video tabs, background video + overlay
- Product JSON: full category rootline (parents), fixed missing
  ConnectionPool import (all-products crash), category tree map
- Backend preview CSS: container-query responsive (narrow columns)
- Docs: ISO architecture spec, root + extension READMEs

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

packages/vitec/Resources/Public/Css/backend-preview.css

@@ -204,4 +204,44 @@
         align-items: flex-start;
         flex-wrap: wrap;
     }
-}
+}
+/* Small monitors: drop the body text — label, headline and badges stay. */
+@media (max-width: 1400px) {
+    .vitec-preview__body-text {
+        display: none;
+    }
+}
+
+/* Real fix: react to the PREVIEW COLUMN width, not the monitor width.
+   The page-module body of a CE containing a vitec preview becomes a size
+   container (e.g. inside narrow b13 container columns). */
+.t3-page-ce-body:has(.vitec-preview) {
+    container-type: inline-size;
+}
+
+/* Narrow column: stack the grid, drop the body text, badges in a row. */
+@container (max-width: 700px) {
+    .vitec-preview {
+        grid-template-columns: 1fr;
+    }
+    .vitec-preview__body-text {
+        display: none;
+    }
+    .vitec-preview__settings {
+        flex-direction: row;
+        align-items: flex-start;
+        flex-wrap: wrap;
+    }
+    .vitec-preview__thumb,
+    .vitec-preview__thumb-placeholder {
+        max-width: 100%;
+        height: auto;
+    }
+}
+
+/* Very narrow column: only label, headline and badges survive. */
+@container (max-width: 420px) {
+    .vitec-preview__subline {
+        display: none;
+    }
+}