diff --git a/Documentation/CodeSnippets/ExtensionConfiguration/SitePackage-config.rst.txt b/Documentation/CodeSnippets/ExtensionConfiguration/SitePackage-config.rst.txt
deleted file mode 100644
index 20e40bc6..00000000
--- a/Documentation/CodeSnippets/ExtensionConfiguration/SitePackage-config.rst.txt
+++ /dev/null
@@ -1,9 +0,0 @@
-..  code-block:: yaml
-    :caption: EXT:my_site_package/Configuration/Sets/SitePackage/config.yaml
-    :linenos:
-
-    name: myvendor/my-site-package
-    label: "Example: My Site package"
-    dependencies:
-      - typo3/fluid-styled-content
-      - typo3/fluid-styled-content-css
diff --git a/Documentation/CodeSnippets/ExtensionConfiguration/SitePackage-config.yaml b/Documentation/CodeSnippets/ExtensionConfiguration/SitePackage-config.yaml
new file mode 100644
index 00000000..a989c41a
--- /dev/null
+++ b/Documentation/CodeSnippets/ExtensionConfiguration/SitePackage-config.yaml
@@ -0,0 +1,5 @@
+name: myvendor/my-site-package
+label: "Example: My Site package"
+dependencies:
+  - typo3/fluid-styled-content
+  - typo3/fluid-styled-content-css
\ No newline at end of file
diff --git a/Documentation/CodeSnippets/ExtensionConfiguration/SitePackage-settings.rst.txt b/Documentation/CodeSnippets/ExtensionConfiguration/SitePackage-settings.rst.txt
deleted file mode 100644
index cc09d093..00000000
--- a/Documentation/CodeSnippets/ExtensionConfiguration/SitePackage-settings.rst.txt
+++ /dev/null
@@ -1,19 +0,0 @@
-..  Generated by https://github.com/TYPO3-Documentation/t3docs-codesnippets
-..  Extracted from EXT:site_package/Configuration/Sets/SitePackage/settings.yaml
-
-..  code-block:: yaml
-    :caption: EXT:site_package/Configuration/Sets/SitePackage/settings.yaml
-    :linenos:
-
-    styles:
-      templates:
-        layoutRootPath: EXT:site_package/Resources/Private/Layouts/ContentElements
-        partialRootPath: EXT:site_package/Resources/Private/Partials/ContentElements
-        templateRootPath: EXT:site_package/Resources/Private/Templates/ContentElements
-      content:
-        textmedia:
-          maxW: 1200
-          maxWInText: 600
-          linkWrap:
-            lightboxEnabled: true
-            lightboxCssClass: lightbox
diff --git a/Documentation/CodeSnippets/ExtensionConfiguration/SitePackage-settings.yaml b/Documentation/CodeSnippets/ExtensionConfiguration/SitePackage-settings.yaml
new file mode 100644
index 00000000..7cc131b6
--- /dev/null
+++ b/Documentation/CodeSnippets/ExtensionConfiguration/SitePackage-settings.yaml
@@ -0,0 +1,12 @@
+styles:
+  templates:
+    layoutRootPath: EXT:my_site_package/Resources/Private/Layouts/ContentElements
+    partialRootPath: EXT:my_site_package/Resources/Private/Partials/ContentElements
+    templateRootPath: EXT:my_site_package/Resources/Private/Templates/ContentElements
+  content:
+    textmedia:
+      maxW: 1200
+      maxWInText: 600
+      linkWrap:
+        lightboxEnabled: true
+        lightboxCssClass: lightbox
\ No newline at end of file
diff --git a/Documentation/ContentMapping/Index.rst b/Documentation/ContentMapping/Index.rst
index c7dcfc51..0335df7c 100644
--- a/Documentation/ContentMapping/Index.rst
+++ b/Documentation/ContentMapping/Index.rst
@@ -31,7 +31,10 @@ display the content in the next steps.
 
 Your site set configuration should now look like this:
 
-..  include:: /CodeSnippets/ExtensionConfiguration/SitePackage-config.rst.txt
+..  literalinclude:: /CodeSnippets/ExtensionConfiguration/SitePackage-config.yaml
+    :caption: EXT:my_site_package/Configuration/Sets/SitePackage/config.yaml
+    :language: yaml
+    :linenos:
 
 ..  _cm-dynamic-content-rendering-in-typoscript:
 ..  _backend-page-layouts:
diff --git a/Documentation/SiteSets/Index.rst b/Documentation/SiteSets/Index.rst
index 5d634826..7c115394 100644
--- a/Documentation/SiteSets/Index.rst
+++ b/Documentation/SiteSets/Index.rst
@@ -40,7 +40,10 @@ to the site sets of :composer:`typo3/cms-fluid-styled-content`.
 
 Your site set configuration should now look like this:
 
-..  include:: /CodeSnippets/ExtensionConfiguration/SitePackage-config.rst.txt
+..  literalinclude:: /CodeSnippets/ExtensionConfiguration/SitePackage-config.yaml
+    :caption: EXT:my_site_package/Configuration/Sets/SitePackage/config.yaml
+    :language: yaml
+    :linenos:
 
 Line 1 defines the name of the set. As the example site-package extension only
 provides one set, the name of the set should be the same as the
@@ -57,7 +60,7 @@ Your site set folder now contains the following files:
     :level: 2
     :show-file-icons: true
 
-    *   site_package/Configuration/Sets/SitePackage
+    *   my_site_package/Configuration/Sets/SitePackage
 
         *   config.yaml
         *   page.tsconfig
@@ -75,7 +78,10 @@ We override some default settings of the site set
 :ref:`Site set "Fluid Styled
 Content" <typo3/cms-fluid-styled-content:site-set-fluid-styled-content>`:
 
-..  include:: /CodeSnippets/ExtensionConfiguration/SitePackage-settings.rst.txt
+..  literalinclude:: /CodeSnippets/ExtensionConfiguration/SitePackage-settings.yaml
+    :caption: EXT:my_site_package/Configuration/Sets/SitePackage/settings.yaml
+    :language: yaml
+    :linenos:
 
 Here we override some values for maximal image width in text-media content
 elements, we enable a lightbox for images and set paths for overriding the