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/ContentBlocks/ContentElements/hero-section/config.yaml

@@ -4,6 +4,11 @@ prefixFields: true
 prefixType: vendor
 
 fields:
+  # ──────────────────────────────────────────────────────────────────────
+  - identifier: tab_content
+    type: Tab
+    label: Content
+
   - identifier: eyebrow
     type: Text
     max: 50
@@ -29,10 +34,6 @@ fields:
       - identifier: subheader
         useExistingField: true
 
-
-
-
-
   - identifier: bodytext
     useExistingField: true
     enableRichtext: true
@@ -53,7 +54,33 @@ fields:
   - identifier: Vitec/ButtonStyle
     type: Basic
 
-  # --- Image ---
+  - identifier: hero_layout_variant
+    type: Select
+    renderType: selectSingle
+    default: fullscreen
+    items:
+      - label: Fullscreen
+        value: fullscreen
+      - label: Medium
+        value: md
+      - label: Small
+        value: sm
+      - label: Extra Small
+        value: xs
+
+  - identifier: show_logo_wall
+    type: Checkbox
+    default: 0
+
+  - identifier: debug
+    type: Checkbox
+    default: 0
+
+  # ──────────────────────────────────────────────────────────────────────
+  - identifier: tab_images
+    type: Tab
+    label: Images
+
   - identifier: hero_bgimage
     type: File
     minitems: 0
@@ -82,7 +109,11 @@ fields:
       - label: Fullwidth
         value: fullwidth
 
-  # --- Video ---
+  # ──────────────────────────────────────────────────────────────────────
+  - identifier: tab_video
+    type: Tab
+    label: Video
+
   - identifier: hero_video
     type: File
     minitems: 0
@@ -115,24 +146,28 @@ fields:
     type: Checkbox
     default: 1
 
-  - identifier: hero_layout_variant
-    type: Select
-    renderType: selectSingle
-    default: fullscreen
-    items:
-      - label: Fullscreen
-        value: fullscreen
-      - label: Medium
-        value: md
-      - label: Small
-        value: sm
-      - label: Extra Small
-        value: xs
+  # --- Background video with overlay layer ---
+  - identifier: hero_bgvideo
+    type: File
+    label: Background Video
+    description: 'Fullscreen background video behind the hero content.'
+    minitems: 0
+    maxitems: 1
+    allowed: mp4,webm,ogv,mov,m4v
 
-  - identifier: show_logo_wall
-    type: Checkbox
-    default: 0
+  - identifier: hero_overlay_color
+    type: Color
+    label: Overlay Color
+    description: 'Overlay layer on top of the background video/image.'
 
-  - identifier: debug
-    type: Checkbox
-    default: 0
+  - identifier: hero_overlay_opacity
+    type: Number
+    label: 'Overlay Opacity (0–1)'
+    format: decimal
+    default: 0.4
+    range:
+      lower: 0
+      upper: 1
+    slider:
+      step: 0.05
+      width: 200

packages/vitec/ContentBlocks/ContentElements/hero-section/language/labels.xlf

@@ -102,6 +102,28 @@
       <trans-unit id="hero_bgimage.description">
         <source>Optional background image placed behind the hero content.</source>
       </trans-unit>
+      <trans-unit id="tab_content.label">
+        <source>Content</source>
+      </trans-unit>
+      <trans-unit id="tab_images.label">
+        <source>Images</source>
+      </trans-unit>
+      <trans-unit id="tab_video.label">
+        <source>Video</source>
+      </trans-unit>
+      <trans-unit id="hero_bgvideo.label">
+        <source>Background Video</source>
+      </trans-unit>
+      <trans-unit id="hero_bgvideo.description">
+        <source>Fullscreen background video behind the hero content.</source>
+      </trans-unit>
+      <trans-unit id="hero_overlay_color.label">
+        <source>Overlay Color</source>
+      </trans-unit>
+      <trans-unit id="hero_overlay_opacity.label">
+        <source>Overlay Opacity (0–1)</source>
+      </trans-unit>
+
     </body>
   </file>
 </xliff>