Website Creation

composer.json

@@ -2,6 +2,7 @@
   "require": {
     "craftcms/cms": "^4.4.0",
     "craftcms/redactor": "3.0.4",
+    "doublesecretagency/craft-siteswitcher": "2.3.0",
     "verbb/super-table": "3.0.12",
     "vlucas/phpdotenv": "^5.4.0"
   },

composer.lock

@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "c953afcf25c6984204fe289ffdd47e25",
+    "content-hash": "ea9ea4b6a63317b3b0ba7e66d1bd10f7",
     "packages": [
         {
             "name": "cebe/markdown",
@@ -953,6 +953,60 @@
             ],
             "time": "2022-12-14T08:49:07+00:00"
         },
+        {
+            "name": "doublesecretagency/craft-siteswitcher",
+            "version": "2.3.0",
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/doublesecretagency/craft-siteswitcher/zipball/d2b92b9d252f34d6775f8477c2a2b9ab01b44cf0",
+                "reference": "d2b92b9d252f34d6775f8477c2a2b9ab01b44cf0",
+                "shasum": ""
+            },
+            "require": {
+                "craftcms/cms": "^4.0.0-beta"
+            },
+            "type": "craft-plugin",
+            "extra": {
+                "name": "Site Switcher",
+                "handle": "site-switcher",
+                "schemaVersion": "0.0.0",
+                "changelogUrl": "https://raw.githubusercontent.com/doublesecretagency/craft-siteswitcher/v2/CHANGELOG.md",
+                "class": "doublesecretagency\\siteswitcher\\SiteSwitcher"
+            },
+            "autoload": {
+                "psr-4": {
+                    "doublesecretagency\\siteswitcher\\": "src/"
+                }
+            },
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Double Secret Agency",
+                    "homepage": "https://www.doublesecretagency.com/plugins"
+                }
+            ],
+            "description": "Easily switch between sites on any page of your website.",
+            "keywords": [
+                "cms",
+                "craft",
+                "craft-plugin",
+                "craftcms",
+                "language-switcher",
+                "languages",
+                "locales",
+                "multi-site",
+                "multisite",
+                "sites",
+                "switcher"
+            ],
+            "support": {
+                "docs": "https://github.com/doublesecretagency/craft-siteswitcher/blob/v2/README.md",
+                "issues": "https://github.com/doublesecretagency/craft-siteswitcher/issues"
+            },
+            "time": "2022-03-29T16:47:10+00:00"
+        },
         {
             "name": "egulias/email-validator",
             "version": "3.2.6",
@@ -1173,11 +1227,16 @@
         },
         {
             "name": "guzzlehttp/guzzle",
-            "version": "7.8.0",
+            "version": "7.8.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/guzzle/guzzle.git",
+                "reference": "41042bc7ab002487b876a0683fc8dce04ddce104"
+            },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/guzzle/guzzle/zipball/1110f66a6530a40fe7aea0378fe608ee2b2248f9",
-                "reference": "1110f66a6530a40fe7aea0378fe608ee2b2248f9",
+                "url": "https://api.github.com/repos/guzzle/guzzle/zipball/41042bc7ab002487b876a0683fc8dce04ddce104",
+                "reference": "41042bc7ab002487b876a0683fc8dce04ddce104",
                 "shasum": ""
             },
             "require": {
@@ -1191,6 +1250,14 @@
             "provide": {
                 "psr/http-client-implementation": "1.0"
             },
+            "require-dev": {
+                "bamarni/composer-bin-plugin": "^1.8.2",
+                "ext-curl": "*",
+                "php-http/client-integration-tests": "dev-master#2c025848417c1135031fdf9c728ee53d0a7ceaee as 3.0.999",
+                "php-http/message-factory": "^1.1",
+                "phpunit/phpunit": "^8.5.36 || ^9.6.15",
+                "psr/log": "^1.1 || ^2.0 || ^3.0"
+            },
             "suggest": {
                 "ext-curl": "Required for CURL handler support",
                 "ext-intl": "Required for Internationalized Domain Name (IDN) support",
@@ -1211,6 +1278,7 @@
                     "GuzzleHttp\\": "src/"
                 }
             },
+            "notification-url": "https://packagist.org/downloads/",
             "license": [
                 "MIT"
             ],
@@ -1263,20 +1331,47 @@
                 "rest",
                 "web service"
             ],
-            "time": "2023-08-27T10:20:53+00:00"
+            "support": {
+                "issues": "https://github.com/guzzle/guzzle/issues",
+                "source": "https://github.com/guzzle/guzzle/tree/7.8.1"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/GrahamCampbell",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/Nyholm",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/guzzlehttp/guzzle",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2023-12-03T20:35:24+00:00"
         },
         {
             "name": "guzzlehttp/promises",
-            "version": "2.0.1",
+            "version": "2.0.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/guzzle/promises.git",
+                "reference": "bbff78d96034045e58e13dedd6ad91b5d1253223"
+            },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/guzzle/promises/zipball/111166291a0f8130081195ac4556a5587d7f1b5d",
-                "reference": "111166291a0f8130081195ac4556a5587d7f1b5d",
+                "url": "https://api.github.com/repos/guzzle/promises/zipball/bbff78d96034045e58e13dedd6ad91b5d1253223",
+                "reference": "bbff78d96034045e58e13dedd6ad91b5d1253223",
                 "shasum": ""
             },
             "require": {
                 "php": "^7.2.5 || ^8.0"
             },
+            "require-dev": {
+                "bamarni/composer-bin-plugin": "^1.8.2",
+                "phpunit/phpunit": "^8.5.36 || ^9.6.15"
+            },
             "type": "library",
             "extra": {
                 "bamarni-bin": {
@@ -1289,6 +1384,7 @@
                     "GuzzleHttp\\Promise\\": "src/"
                 }
             },
+            "notification-url": "https://packagist.org/downloads/",
             "license": [
                 "MIT"
             ],
@@ -1318,15 +1414,38 @@
             "keywords": [
                 "promise"
             ],
-            "time": "2023-08-03T15:11:55+00:00"
+            "support": {
+                "issues": "https://github.com/guzzle/promises/issues",
+                "source": "https://github.com/guzzle/promises/tree/2.0.2"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/GrahamCampbell",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/Nyholm",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/guzzlehttp/promises",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2023-12-03T20:19:20+00:00"
         },
         {
             "name": "guzzlehttp/psr7",
-            "version": "2.6.1",
+            "version": "2.6.2",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/guzzle/psr7.git",
+                "reference": "45b30f99ac27b5ca93cb4831afe16285f57b8221"
+            },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/guzzle/psr7/zipball/be45764272e8873c72dbe3d2edcfdfcc3bc9f727",
-                "reference": "be45764272e8873c72dbe3d2edcfdfcc3bc9f727",
+                "url": "https://api.github.com/repos/guzzle/psr7/zipball/45b30f99ac27b5ca93cb4831afe16285f57b8221",
+                "reference": "45b30f99ac27b5ca93cb4831afe16285f57b8221",
                 "shasum": ""
             },
             "require": {
@@ -1339,6 +1458,11 @@
                 "psr/http-factory-implementation": "1.0",
                 "psr/http-message-implementation": "1.0"
             },
+            "require-dev": {
+                "bamarni/composer-bin-plugin": "^1.8.2",
+                "http-interop/http-factory-tests": "^0.9",
+                "phpunit/phpunit": "^8.5.36 || ^9.6.15"
+            },
             "suggest": {
                 "laminas/laminas-httphandlerrunner": "Emit PSR-7 responses"
             },
@@ -1354,6 +1478,7 @@
                     "GuzzleHttp\\Psr7\\": "src/"
                 }
             },
+            "notification-url": "https://packagist.org/downloads/",
             "license": [
                 "MIT"
             ],
@@ -1405,7 +1530,25 @@
                 "uri",
                 "url"
             ],
-            "time": "2023-08-27T10:13:57+00:00"
+            "support": {
+                "issues": "https://github.com/guzzle/psr7/issues",
+                "source": "https://github.com/guzzle/psr7/tree/2.6.2"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/GrahamCampbell",
+                    "type": "github"
+                },
+                {
+                    "url": "https://github.com/Nyholm",
+                    "type": "github"
+                },
+                {
+                    "url": "https://tidelift.com/funding/github/packagist/guzzlehttp/psr7",
+                    "type": "tidelift"
+                }
+            ],
+            "time": "2023-12-03T20:05:35+00:00"
         },
         {
             "name": "illuminate/collections",

config/project/fields/href--486c1fd0-59d3-4e75-8949-264812aa6391.yaml

@@ -15,5 +15,5 @@ settings:
   placeholder: null
   uiMode: normal
 translationKeyFormat: null
-translationMethod: none
+translationMethod: site
 type: craft\fields\PlainText

config/project/fields/kategorien--83b264ed-5b44-4c03-9d73-fcb8d523bc8f.yaml

@@ -6,30 +6,40 @@ instructions: null
 name: Kategorien
 searchable: false
 settings:
-  allowSelfRelations: false
-  branchLimit: null
-  localizeRelations: false
-  maintainHierarchy: false
-  maxRelations: null
-  minRelations: null
-  selectionCondition:
+  options:
+    -
       __assoc__:
         -
-        - elementType
-        - craft\elements\Entry
-      -
-        - fieldContext
-        - global
-      -
-        - class
-        - craft\elements\conditions\entries\EntryCondition
-  selectionLabel: null
-  showSiteMenu: false
-  sources:
-    - 'section:2bc4df95-41a1-4200-b353-96b8a3327b7c' # Themen
-  targetSiteId: null
-  validateRelatedElements: false
-  viewMode: null
+          - label
+          - field.kategorien.option.abfallwirtschaftundentsorgung.label
+        -
+          - value
+          - abfallwirtschaftundentsorgung
+        -
+          - default
+          - ''
+    -
+      __assoc__:
+        -
+          - label
+          - field.kategorien.option.digitalisierung.label
+        -
+          - value
+          - digitalisierung
+        -
+          - default
+          - ''
+    -
+      __assoc__:
+        -
+          - label
+          - field.kategorien.option.bildung.label
+        -
+          - value
+          - bildung
+        -
+          - default
+          - ''
 translationKeyFormat: null
-translationMethod: site
-type: craft\fields\Entries
+translationMethod: none
+type: craft\fields\Checkboxes

config/project/fields/richText--2f276d6c-86ef-467a-af14-2374b73b69f3.yaml

@@ -23,5 +23,5 @@ settings:
   showUnpermittedVolumes: false
   uiMode: enlarged
 translationKeyFormat: null
-translationMethod: none
+translationMethod: site
 type: craft\redactor\Field

config/project/fields/teaser--5a9a170c-9780-4162-ab56-dbf793656257.yaml

@@ -15,5 +15,5 @@ settings:
   placeholder: null
   uiMode: normal
 translationKeyFormat: null
-translationMethod: none
+translationMethod: site
 type: craft\fields\PlainText

config/project/matrixBlockTypes/contentGrid--b9666ace-985d-4553-97e3-cda91399f3a0.yaml

@@ -95,7 +95,7 @@ fields:
       showUnpermittedVolumes: false
       uiMode: enlarged
     translationKeyFormat: null
-    translationMethod: none
+    translationMethod: site
     type: craft\redactor\Field
   2a1afa39-32e3-4f1f-8766-488817c00035: # Background Color
     columnSuffix: fclouqej
@@ -179,7 +179,7 @@ fields:
     searchable: false
     settings:
       blockTypeFields: 0
-      changedFieldIndicator: 448642480
+      changedFieldIndicator: 326718794
       columns:
         __assoc__:
           -
@@ -205,7 +205,7 @@ fields:
       selectionLabel: null
       staticField: null
     translationKeyFormat: null
-    translationMethod: none
+    translationMethod: site
     type: verbb\supertable\fields\SuperTableField
   f6c43733-7be4-4646-bcbe-98afacdf796e: # Label
     columnSuffix: yrpomtfc

config/project/matrixBlockTypes/imageAndText--39e79cd4-9bd8-4883-ada1-f4d648486fe2.yaml

@@ -224,7 +224,7 @@ fields:
       showUnpermittedVolumes: false
       uiMode: enlarged
     translationKeyFormat: null
-    translationMethod: none
+    translationMethod: site
     type: craft\redactor\Field
   bd600fbe-5b75-4222-97b8-75c5210b1bb2: # Max Width Limit
     columnSuffix: yqedembr

config/project/matrixBlockTypes/slider--9bdf424f-e0e6-45d7-9e84-f12bb23210e6.yaml

@@ -159,7 +159,7 @@ fields:
     searchable: false
     settings:
       blockTypeFields: 0
-      changedFieldIndicator: 1926348027
+      changedFieldIndicator: 1982921836
       columns:
         __assoc__:
           -
@@ -185,7 +185,7 @@ fields:
       selectionLabel: null
       staticField: null
     translationKeyFormat: null
-    translationMethod: none
+    translationMethod: site
     type: verbb\supertable\fields\SuperTableField
 handle: slider
 name: Slider

config/project/matrixBlockTypes/text--103cae2d-2d7d-43dd-b563-92b6ad45e7c4.yaml

@@ -175,7 +175,7 @@ fields:
       showUnpermittedVolumes: false
       uiMode: enlarged
     translationKeyFormat: null
-    translationMethod: none
+    translationMethod: site
     type: craft\redactor\Field
 handle: text
 name: Text

config/project/matrixBlockTypes/videos--4b9c175d-63e4-4230-8560-0c3d54be3d18.yaml

+field: 2e014bcb-5ee8-48d0-9e8c-33a881bda8f4 # Elements
+fieldLayouts:
+  a7386951-8f3d-42cc-bfeb-6f3f3b94d8cf:
+    tabs:
+      -
+        elementCondition: null
+        elements:
+          -
+            elementCondition: null
+            fieldUid: 9f638f3a-f979-4040-93dc-d6520d22d318 # Videos
+            instructions: null
+            label: null
+            required: false
+            tip: null
+            type: craft\fieldlayoutelements\CustomField
+            uid: 1dd41608-bb7f-4502-8b17-d5d0de82abf0
+            userCondition: null
+            warning: null
+            width: 100
+          -
+            elementCondition: null
+            fieldUid: 44d5ccdc-52ea-49d7-a9f9-357d35c30195 # Max Width Limit
+            instructions: null
+            label: null
+            required: false
+            tip: null
+            type: craft\fieldlayoutelements\CustomField
+            uid: 1195e23e-0622-42df-a930-f11ea324be9d
+            userCondition: null
+            warning: null
+            width: 100
+        name: Content
+        uid: f7c2f589-4842-4c14-a7be-2524ce799ea6
+        userCondition: null
+fields:
+  9f638f3a-f979-4040-93dc-d6520d22d318: # Videos
+    columnSuffix: null
+    contentColumnType: string
+    fieldGroup: null
+    handle: videos
+    instructions: null
+    name: Videos
+    searchable: false
+    settings:
+      blockTypeFields: 0
+      changedFieldIndicator: 1466631042
+      columns:
+        __assoc__:
+          -
+            - 12d52470-7b10-4c82-a374-1e4c6b1b3b39 # Headline
+            -
+              __assoc__:
+                -
+                  - width
+                  - ''
+          -
+            - a49d5895-4c93-4585-a40f-0fdf559a6cd7 # Teaser
+            -
+              __assoc__:
+                -
+                  - width
+                  - ''
+          -
+            - 5dfb2327-839b-49de-8533-1484bcc5c810 # Image
+            -
+              __assoc__:
+                -
+                  - width
+                  - ''
+          -
+            - b4e0f73a-14a2-4f5e-bc44-e983d12a2db2 # Href
+            -
+              __assoc__:
+                -
+                  - width
+                  - ''
+      contentTable: '{{%stc_10_videos}}'
+      fieldLayout: table
+      maxRows: null
+      minRows: null
+      propagationKeyFormat: null
+      propagationMethod: all
+      selectionLabel: null
+      staticField: null
+    translationKeyFormat: null
+    translationMethod: site
+    type: verbb\supertable\fields\SuperTableField
+  44d5ccdc-52ea-49d7-a9f9-357d35c30195: # Max Width Limit
+    columnSuffix: qyvubvli
+    contentColumnType: string(13)
+    fieldGroup: null
+    handle: maxWidthLimit
+    instructions: null
+    name: 'Max Width Limit'
+    searchable: false
+    settings:
+      columnType: null
+      options:
+        -
+          __assoc__:
+            -
+              - label
+              - 'Yes'
+            -
+              - value
+              - maxWidthLimit
+            -
+              - default
+              - '1'
+        -
+          __assoc__:
+            -
+              - label
+              - 'No'
+            -
+              - value
+              - 'no'
+            -
+              - default
+              - ''
+    translationKeyFormat: null
+    translationMethod: none
+    type: craft\fields\Dropdown
+handle: videos
+name: Videos
+sortOrder: 7

config/project/project.yaml

-dateModified: 1701364956
+dateModified: 1701964577
 elementSources:
   craft\elements\Asset:
     -
@@ -51,7 +51,9 @@ meta:
     2bc4df95-41a1-4200-b353-96b8a3327b7c: Themen # Themen
     2e014bcb-5ee8-48d0-9e8c-33a881bda8f4: Elements # Elements
     2f276d6c-86ef-467a-af14-2374b73b69f3: 'Rich text' # Rich text
+    4b9c175d-63e4-4230-8560-0c3d54be3d18: Videos # Videos
     5a9a170c-9780-4162-ab56-dbf793656257: Teaser # Teaser
+    5dfb2327-839b-49de-8533-1484bcc5c810: Image # Image
     6a8f437c-f040-4357-9376-d06d779f4b9d: 'Current Status' # Current Status
     6e5fc1fa-0743-4b7f-aa15-b51445b4f5fa: Label # Label
     7aa20c43-822b-4a4d-937e-e91605bdbb97: Label # Label
@@ -63,11 +65,14 @@ meta:
     9a71e69a-bccf-4fba-a743-e3d846202492: 'Max Width Limit' # Max Width Limit
     9bdf424f-e0e6-45d7-9e84-f12bb23210e6: Slider # Slider
     9f6f218e-6133-4095-bf95-f37cba729f73: 'Max Width Limit' # Max Width Limit
+    9f638f3a-f979-4040-93dc-d6520d22d318: Videos # Videos
     09f14279-5c24-4955-b2be-439a0ae44c85: 'Content Grid' # Content Grid
+    12d52470-7b10-4c82-a374-1e4c6b1b3b39: Headline # Headline
     26e40963-b329-4e84-9975-b8d1616ede32: bdk # bdk
     33db6c0c-386a-4261-8730-96efed307516: Address # Address
     39e3c841-c1e1-4650-ae19-b19ce6b234ff: Default # Default
     39e79cd4-9bd8-4883-ada1-f4d648486fe2: 'Image And Text' # Image And Text
+    44d5ccdc-52ea-49d7-a9f9-357d35c30195: 'Max Width Limit' # Max Width Limit
     47af23ae-71fc-4e71-b6be-59db26789d35: Facts # Facts
     47b72803-61d7-42f3-adce-a1fcb3ee1115: Themen # Themen
     83b264ed-5b44-4c03-9d73-fcb8d523bc8f: Kategorien # Kategorien
@@ -90,11 +95,14 @@ meta:
     80442797-395a-4aff-a605-589d241acabe: Image # Image
     a4f1b731-f97d-4920-8033-13ed068d7cdf: Nav # Nav
     a31dbf24-2d7c-4005-b9f2-8a6ed1254303: 'Teaser Image' # Teaser Image
+    a49d5895-4c93-4585-a40f-0fdf559a6cd7: Teaser # Teaser
     ad259416-e818-4300-a744-b7e5d8657e37: Image # Image
+    b4e0f73a-14a2-4f5e-bc44-e983d12a2db2: Href # Href
     b6fcef38-d001-4b61-9d45-a1a088df18ba: 'Channel Types' # Channel Types
     b60b3058-4c56-41a1-a364-795da4447e68: Text # Text
     b8422f00-5252-4da9-b455-95d5ac4235af: Global # Global
     b9666ace-985d-4553-97e3-cda91399f3a0: 'Content Grid' # Content Grid
+    b83633aa-1624-4644-a246-2cb5f5f81be9: 'EN bdk' # EN bdk
     bd600fbe-5b75-4222-97b8-75c5210b1bb2: 'Max Width Limit' # Max Width Limit
     bdba3344-51c2-4e93-b740-2dfcd2133430: Headline # Headline
     c6c05446-82c5-4f17-a715-6f08244c01f3: Home # Home
@@ -111,6 +119,10 @@ plugins:
     edition: standard
     enabled: true
     schemaVersion: 2.3.0
+  site-switcher:
+    edition: standard
+    enabled: true
+    schemaVersion: 0.0.0
   super-table:
     edition: standard
     enabled: true

config/project/sections/facts--8ade1e09-014f-4414-8354-936e3a3516eb.yaml

@@ -9,4 +9,9 @@ siteSettings:
     hasUrls: true
     template: facts/_entry
     uriFormat: 'facts/{slug}'
+  b83633aa-1624-4644-a246-2cb5f5f81be9: # EN bdk
+    enabledByDefault: true
+    hasUrls: true
+    template: facts/_entry
+    uriFormat: 'facts/{slug}'
 type: channel

config/project/sections/home--274f2409-7af1-4e0f-8332-b8787dbb8dbf.yaml

@@ -9,4 +9,9 @@ siteSettings:
     hasUrls: true
     template: _singles/home
     uriFormat: __home__
+  b83633aa-1624-4644-a246-2cb5f5f81be9: # EN bdk
+    enabledByDefault: true
+    hasUrls: true
+    template: _singles/home
+    uriFormat: __home__
 type: single

config/project/sections/nav--a4f1b731-f97d-4920-8033-13ed068d7cdf.yaml

@@ -2,13 +2,18 @@ defaultPlacement: end
 enableVersioning: true
 handle: nav
 name: Nav
-propagationMethod: all
+propagationMethod: none
 siteSettings:
   379d162c-5979-483a-9582-29dc715f1932: # bdk
     enabledByDefault: true
     hasUrls: false
     template: null
     uriFormat: null
+  b83633aa-1624-4644-a246-2cb5f5f81be9: # EN bdk
+    enabledByDefault: true
+    hasUrls: false
+    template: null
+    uriFormat: null
 structure:
   maxLevels: null
   uid: 9cd4dde9-faf0-4603-aa6e-9d49bcb1c81b

config/project/sections/themen--2bc4df95-41a1-4200-b353-96b8a3327b7c.yaml

@@ -9,4 +9,9 @@ siteSettings:
     hasUrls: true
     template: themen/_entry
     uriFormat: 'themen/{slug}'
+  b83633aa-1624-4644-a246-2cb5f5f81be9: # EN bdk
+    enabledByDefault: true
+    hasUrls: true
+    template: themen/_entry
+    uriFormat: 'themen/{slug}'
 type: channel

config/project/sites/enBdk--b83633aa-1624-4644-a246-2cb5f5f81be9.yaml

+baseUrl: '@web/en'
+enabled: '1'
+handle: enBdk
+hasUrls: true
+language: en
+name: 'EN bdk'
+primary: false
+siteGroup: 26e40963-b329-4e84-9975-b8d1616ede32 # bdk
+sortOrder: 2

config/project/superTableBlockTypes/158e2c91-5348-45ee-a8b3-4dae310bacfe.yaml

+changedFieldIndicator: 1687062849
+field: 9f638f3a-f979-4040-93dc-d6520d22d318 # Videos
+fieldLayouts:
+  73866599-50c3-42ab-a522-56e10140fad8:
+    tabs:
+      -
+        elementCondition: null
+        elements:
+          -
+            elementCondition: null
+            fieldUid: 12d52470-7b10-4c82-a374-1e4c6b1b3b39 # Headline
+            instructions: null
+            label: null
+            required: false
+            tip: null
+            type: craft\fieldlayoutelements\CustomField
+            uid: fe32a0a3-de30-4511-9a8b-72ecb321349f
+            userCondition: null
+            warning: null
+            width: 100
+          -
+            elementCondition: null
+            fieldUid: a49d5895-4c93-4585-a40f-0fdf559a6cd7 # Teaser
+            instructions: null
+            label: null
+            required: false
+            tip: null
+            type: craft\fieldlayoutelements\CustomField
+            uid: fa722189-85ec-4d07-a108-eb69532f6d11
+            userCondition: null
+            warning: null
+            width: 100
+          -
+            elementCondition: null
+            fieldUid: 5dfb2327-839b-49de-8533-1484bcc5c810 # Image
+            instructions: null
+            label: null
+            required: false
+            tip: null
+            type: craft\fieldlayoutelements\CustomField
+            uid: 28f6067e-e79b-4c65-b1f2-782451e3491b
+            userCondition: null
+            warning: null
+            width: 100
+          -
+            elementCondition: null
+            fieldUid: b4e0f73a-14a2-4f5e-bc44-e983d12a2db2 # Href
+            instructions: null
+            label: null
+            required: false
+            tip: null
+            type: craft\fieldlayoutelements\CustomField
+            uid: f6012147-6549-4280-a714-a8d6fa6bc87f
+            userCondition: null
+            warning: null
+            width: 100
+        name: Content
+        uid: a0724924-5611-4b0d-9f1e-34bc7b235306
+        userCondition: null
+fields:
+  5dfb2327-839b-49de-8533-1484bcc5c810: # Image
+    columnSuffix: null
+    contentColumnType: string
+    fieldGroup: null
+    handle: image
+    instructions: null
+    name: Image
+    searchable: false
+    settings:
+      allowSelfRelations: false
+      allowSubfolders: false
+      allowUploads: true
+      allowedKinds: null
+      branchLimit: null
+      defaultUploadLocationSource: 'volume:8867d79b-6217-4d46-bcea-0a137dc84bb6' # assets
+      defaultUploadLocationSubpath: null
+      localizeRelations: false
+      maintainHierarchy: false
+      maxRelations: null
+      minRelations: null
+      previewMode: full
+      restrictFiles: false
+      restrictLocation: false
+      restrictedDefaultUploadSubpath: null
+      restrictedLocationSource: 'volume:8867d79b-6217-4d46-bcea-0a137dc84bb6' # assets
+      restrictedLocationSubpath: null
+      selectionCondition:
+        __assoc__:
+          -
+            - elementType
+            - craft\elements\Asset
+          -
+            - fieldContext
+            - global
+          -
+            - class
+            - craft\elements\conditions\assets\AssetCondition
+      selectionLabel: null
+      showSiteMenu: false
+      showUnpermittedFiles: false
+      showUnpermittedVolumes: false
+      sources: '*'
+      targetSiteId: null
+      validateRelatedElements: false
+      viewMode: list
+    translationKeyFormat: null
+    translationMethod: site
+    type: craft\fields\Assets
+  12d52470-7b10-4c82-a374-1e4c6b1b3b39: # Headline
+    columnSuffix: aarehcit
+    contentColumnType: text
+    fieldGroup: null
+    handle: headline
+    instructions: null
+    name: Headline
+    searchable: false
+    settings:
+      byteLimit: null
+      charLimit: null
+      code: false
+      columnType: null
+      initialRows: 4
+      multiline: false
+      placeholder: null
+      uiMode: normal
+    translationKeyFormat: null
+    translationMethod: site
+    type: craft\fields\PlainText
+  a49d5895-4c93-4585-a40f-0fdf559a6cd7: # Teaser
+    columnSuffix: rryewszo
+    contentColumnType: text
+    fieldGroup: null
+    handle: teaser
+    instructions: null
+    name: Teaser
+    searchable: false
+    settings:
+      availableTransforms: ''
+      availableVolumes: '*'
+      columnType: text
+      configSelectionMode: choose
+      defaultTransform: ''
+      manualConfig: ''
+      purifierConfig: null
+      purifyHtml: true
+      redactorConfig: null
+      removeEmptyTags: false
+      removeInlineStyles: false
+      removeNbsp: false
+      showHtmlButtonForNonAdmins: false
+      showUnpermittedFiles: false
+      showUnpermittedVolumes: false
+      uiMode: enlarged
+    translationKeyFormat: null
+    translationMethod: site
+    type: craft\redactor\Field
+  b4e0f73a-14a2-4f5e-bc44-e983d12a2db2: # Href
+    columnSuffix: qnhipaaw
+    contentColumnType: string(255)
+    fieldGroup: null
+    handle: href
+    instructions: null
+    name: Href
+    searchable: false
+    settings:
+      maxLength: 255
+      types:
+        - url
+    translationKeyFormat: null
+    translationMethod: none
+    type: craft\fields\Url

config/project/superTableBlockTypes/8dc2a500-e6b4-4aa7-b02e-807ed99af6a5.yaml

-changedFieldIndicator: 2126085172
+changedFieldIndicator: 1943351889
 field: 09f14279-5c24-4955-b2be-439a0ae44c85 # Content Grid
 fieldLayouts:
   85bc6806-50dc-495a-b139-8d9f51eab5e2:
@@ -109,5 +109,5 @@ fields:
       showUnpermittedVolumes: false
       uiMode: enlarged
     translationKeyFormat: null
-    translationMethod: none
+    translationMethod: site
     type: craft\redactor\Field

config/project/superTableBlockTypes/ba47d4d6-b44c-4097-9cdb-20cb9fd0ae53.yaml

-changedFieldIndicator: 1919344286
+changedFieldIndicator: 255129316
 field: 88511bdb-a301-42e1-a34e-9e94961cdf23 # Slider
 fieldLayouts:
   c7624067-84d4-4ee0-997f-3d4cd8fa139b:
@@ -109,5 +109,5 @@ fields:
       showUnpermittedVolumes: false
       uiMode: enlarged
     translationKeyFormat: null
-    translationMethod: none
+    translationMethod: site
     type: craft\redactor\Field

templates/components/element.twig

@@ -18,6 +18,8 @@
         {{ include('components/facts.twig', { 'element': element }) }}
         {% elseif element.type == "themen" %}
         {{ include('components/themen.twig', { 'element': element }) }}
+        {% elseif element.type == "videos" %}
+        {{ include('components/videos.twig', { 'element': element }) }}
         {% endif %}
     </div>
 </div>
\ No newline at end of file

templates/components/facts.twig

-<div class="news">
+<h2>
+    {% if craft.app.language == 'de' %}
+        Facts zur Daseinsvorsorge
+    {% elseif craft.app.language == 'en' %}
+        Facts about Daseinsvorsorge
+    {% endif %}</h2>
+<div class="news mt16">
     {% for newsElement in craft.entries.section('facts').limit(3) %}
     {% set image = newsElement.images.one() %}
-    <a href="{{newsElement.url}}" class="news-item">
-        <div class="news-thumbnail">
-            <img src="{{ craft.app.sites.primarySite.baseUrl }}/{{image.url}}" alt="{{image.title}}">
+    <div class="wm-card wm-card--m wm-card--linked" data-wm-card>
+        
+        <h3 class="wm-card__heading ">
+            <a href="{{newsElement.url}}" class="wm-card__link wm-link--unstyled ">
+                {{newsElement.title}}
+            </a>
+        </h3>
+        <div class="wm-card__media ">
+            <img class="wm-image   wm-card__image" loading="lazy" src="{{ craft.app.sites.primarySite.baseUrl}}/{{image.url}}" width="350"
+                height="197" data-src="" alt="Bildbeschreibung">
+        </div>
+        <div class="wm-card__content wm-rich-text ">
+            {{ newsElement.teaser }}
         </div>
-        <div class="news-details">
-            <h3 class="news-heading">{{newsElement.title}}</h3>
-            <p class="news-teaser">
-                {{ newsElement.teaser|length > 100 ? newsElement.teaser|slice(0, 100) ~ '...'
-                :newsElement.teaser }}
-            </p>
     </div>
-    </a>
-
     {% endfor %}
 </div>
\ No newline at end of file

templates/components/footer.twig

-<footer>
-    <div class="container">
-        <div class="logos">
-            <img src="{{ craft.app.sites.primarySite.baseUrl }}/assets/logo2.png" alt="logo">
-            <img class="img-small" src="{{ craft.app.sites.primarySite.baseUrl }}/assets/Wienholding_Logo.svg" alt="Wienholding_Logo">
-            <img class="img-small" src="{{ craft.app.sites.primarySite.baseUrl }}/assets/WKO_logo.svg" alt="Wirtschaftskammer_Österreich_logo">
-        </div>
-
-        <div class="footer-details">
-            <p>{{ companyInfo.address }}{{ companyInfo.companyRegisterNumber }}</p>
-            <a href="impressum">Impressum</a>
-        </div>
+<footer class="wm-site-footer">
+    <div class="wm-section__content">
+        <div class="wm-photo-credits js-wm-photo-credits" hidden=""><strong>Foto-Credits:</strong></div>
+        <ul class="wm-h-links--noline wm-u-mbxxs wm-list--reset wm-list--pipe-lg">
+            <li><a href="#">Impressum</a></li>
+            <li><a href="#">Datenschutz</a></li>
+            <li><a href="#">Barrierefreiheit</a></li>
+        </ul>
+        <div>© Stadt Wien, Rathaus, A-1010 Wien</div>
     </div>
 </footer>
\ No newline at end of file

templates/components/navigation.twig

-<header id="myHeader">
-    <div class="header-content">
-        <a id="logo" href="/"><img src="{{ craft.app.sites.primarySite.baseUrl }}/{{ companyInfo.logo.one().url }}" alt="VED"></a>
-
-        <img id="hamburgermenu" src="{{ craft.app.sites.primarySite.baseUrl }}/assets/list.svg" alt="menu">
-
-        <nav id="menu">
-            <img id="close" src="{{ craft.app.sites.primarySite.baseUrl }}/assets/x-lg.svg" alt="close">
+{% set baseurl = craft.app.sites.primarySite.baseUrl %}
+{% set element = (category ?? entry ?? null) %}
+<header class="wm-site-header js-wm-site-header wm-site-header--no-margin">
+    <div class="wm-skip-links js-wm-skip-links wm-h-vh"><a href="#content" class="wm-btn wm-btn--small js-wm-skip-link">Zum Inhalt springen
+        </a><a href="https://www.wien.gv.at/info/barrierefreiheit.html"
+            class="wm-btn wm-btn--small wm-btn--i js-wm-skip-link">Barrierefreiheit auf wien.gv.at</a></div>
+    <div class="wm-site-header__inner">
+        <div class="wm-site-header__title"><a href="/" class="wm-link--unstyled">BDK</a></div><span class="wm-site-header__logo"><a
+                class="wm-site-header__logo-link" href="/"><span class="wm-h-vh">Startseite
+                    wien.gv.at</span> <img src="{{baseurl}}/assets/logo.png"></a></span>
+    </div>
+    <div data-wm-nav-main-wrapper="" class="wm-nav-wrapper wm-nav-wrapper--h wm-nav-wrapper--nebelgrau">
+        <div class="wm-nav-wrapper__inner wm-nav-wrapper__inner--h">
+            <nav class="wm-nav-main wm-nav-main--h" data-wm-nav-main="true" aria-labelledby="mainnav_title"><span hidden=""
+                    id="mainnav_title">Hauptmenü</span> <button type="button" class="wm-nav-main__toggle wm-nav-main-btn wm-btn--clean"
+                    data-wm-nav-main-toggle="" role="button" aria-expanded="false" aria-controls="nav_content"><span
+                        class="wm-nav-main-btn__text wm-nav-main-btn__text--burger wm-h-vh wm-nav-main-btn__text--hidden">Menü
+                    </span><span><svg class="wm-icon wm-nav-main-btn__icon wm-nav-main-btn__icon--open" width="28" height="28"
+                            aria-hidden="true" focusable="false">
+                            <use xlink:href="/assets/130/icons/svg/sprite.symbol.svg#burger"></use>
+                        </svg> <svg class="wm-icon wm-nav-main-btn__icon wm-nav-main-btn__icon--close" width="28" height="28"
+                            aria-hidden="true" focusable="false">
+                            <use xlink:href="/assets/130/icons/svg/sprite.symbol.svg#close"></use>
+                        </svg></span></button>
+                <div class="wm-nav-main__header" data-wm-nav-main-header=""></div>
+                <div class="wm-nav-main__inner" data-wm-nav-main-inner="" tabindex="-1">
+                    <div class="wm-nav-main__content" id="nav_content">
+                        <div class="wm-nav-main__lists">
+                            <ol class="wm-nav-main__list wm-nav-main__list--is-visible">
                                 {% for page in nav %}
-                <a href="{{page.href}}" title="{{page.title}}" class="menu-item">{{page.title}}</a>
+                                    <li>
+                                        <a href="{{page.href}}" title="{{page.title}}"
+                                            class="menu-item wm-nav-main__link">
+                                            <span>{{page.title}}</span>
+                                        </a>
+                                    </li>
                                 {% endfor %}
+                            </ol>
+                        </div>
+                    </div>
+                </div>
             </nav>
+            <div class="wm-nav-main__actions js-wm-nav-main-actions js-wm-search-container">
+                <ul class="wm-u-mb0 wm-u-ttu wm-h-links--noline wm-list--reset wm-list--pipe">
+                    <li><a href="{{ siteSwitcher('default', element) }}">de</a></li>
+                    <li><a href="{{ siteSwitcher('enBdk', element) }}">en</a></li>
+                </ul>
+            </div>
+        </div>
     </div>
 </header>
\ No newline at end of file

templates/components/slider.twig

@@ -2,13 +2,13 @@
     <div class="swiper mySwiper">
         <div class="swiper-wrapper">
             {% for sliderElement in element.slider.all() %}
-            <div class="swiper-slide" style="background-image: url('{{ sliderElement.image.one().url }}');">
-                {{sliderElement.text}}
+            <div class="swiper-slide"
+                style="background-image: url('{{ craft.app.sites.primarySite.baseUrl}}/{{ sliderElement.image.one().url }}');">
+                <div class="swiper-slide-content">{{sliderElement.text}}</div>
             </div>
             {% endfor %}
         </div>
-        <div class="swiper-pagination"></div>
-        <div class="swiper-button-next"></div>
-        <div class="swiper-button-prev"></div>
+        <div class="swiper-button-next" data-controls="next"></div>
+        <div class="swiper-button-prev" data-controls="prev"></div>
     </div>
 </div>
\ No newline at end of file

templates/components/text.twig

-{{element.text}}
\ No newline at end of file
+<div class="wm-row wm-rich-text">{{element.text}}</div>
\ No newline at end of file

templates/components/videos.twig

+<div class="news">
+    {% for newsElement in element.videos.all() %}
+    {% set image = newsElement.image.one() %}
+    <div class="wm-card wm-card--m wm-card--linked" data-wm-card>
+        <h3 class="wm-card__heading ">
+            <a href="{{newsElement.href}}" class="wm-card__link wm-link--unstyled " target=”_blank”>
+                {{newsElement.headline}}
+            </a>
+        </h3>
+        <div class="wm-card__media ">
+            <img class="wm-image   wm-card__image" loading="lazy" src="{{ craft.app.sites.primarySite.baseUrl}}/{{image.url}}" width="350"
+                height="197" data-src="" alt="Bildbeschreibung">
+            <svg class="wm-icon wm-card__icon" width="60" height="60" aria-hidden="true" focusable="false">
+                <use xlink:href="/assets/icons/sprite.symbol.svg#play"></use>
+            </svg>
+        </div>
+        <div class="wm-card__content wm-rich-text ">
+                {{ newsElement.teaser }}
+        </div>
+    </div>
+    {% endfor %}
+</div>
\ No newline at end of file

templates/facts/index.twig

 {% extends "index" %}
+{% set baseurl = craft.app.sites.primarySite.baseUrl %}
 {% block content %}
-{% set category = craft.app.request.param('category') %}
-{{category}}
-{% set factsQuery = craft.entries().section('facts').kategorien(category) %}
+<div class="maxWidthLimit">
+    {% set category = craft.app.request.param('category') %}
+    {% set factsQuery = craft.entries().section('facts').kategorien(category|t) %}
 
-<form class="fact-filters">
+    <form class="fact-filters wm-nav-tag__list">
         {% for thema in craft.entries.section('themen') %}
-    <input id="{{thema.title}}" type="submit" name="category" value="{{thema.title}}">
+        <button id="{{thema.slug}}" type="submit" class="wm-nav-tag__link" name="category" value="{{thema.slug}}">{{thema.title}}</button>
         {% endfor %}
-</form>
-{% paginate factsQuery.limit(1) as entries %}
-
-{% for entry in entries %}
-<div class="fact-filter">{{entry.title}}{{entry.kategorien.one().title}}</div>
-{% endfor %}
-
-<a href="{{ paginate.firstUrl }}">First Page</a>
-{% if paginate.prevUrl %}<a href="{{ paginate.prevUrl }}">Previous Page</a>{% endif %}
-
-{% for page, url in paginate.getPrevUrls(5) %}
-<a href="{{ url }}">{{ page }}</a>
-{% endfor %}
-<span class="current">{{ paginate.currentPage }}</span>
-
-{% for page, url in paginate.getNextUrls(5) %}
-<a href="{{ url }}">{{ page }}</a>
-{% endfor %}
-
-{% if paginate.nextUrl %}<a href="{{ paginate.nextUrl }}">Next Page</a>{% endif %}
-<a href="{{ paginate.lastUrl }}">Last Page</a>
-<div class="news maxWidthLimit">
-    {% for newsElement in craft.entries.section('facts').all() %}
-
-    {% set image = newsElement.images.one() %}
-    <a href="{{newsElement.url}}" class="news-item">
-        <div class="news-thumbnail">
-            <img src="{{ craft.app.sites.primarySite.baseUrl }}/{{image.url}}" alt="{{image.title}}">
+    </form>
+    {% paginate factsQuery.limit(12) as entries %}
+    <div class="news">
+        {% for entry in entries %}
+        {% set image = entry.images.one() %}
+        <div class="wm-card wm-card--m wm-card--linked" data-wm-card>
+            {% for ket in entry.kategorien %}
+            <a href="#">{{ket.label|t}}</a>
+            {% endfor %}
+            <h3 class="wm-card__heading ">
+                <a href="{{entry.url}}" class="wm-card__link wm-link--unstyled ">
+                    {{entry.title}}
+                </a>
+            </h3>
+            <div class="wm-card__media ">
+                <img class="wm-image   wm-card__image" loading="lazy" src="{{ baseurl }}/{{image.url}}" width="350" height="197" data-src=""
+                    alt="Bildbeschreibung">
             </div>
-        <div class="news-details">
-            <h3 class="news-heading">{{newsElement.title}}</h3>
-            <p class="news-teaser">
-                {{ newsElement.teaser|length > 100 ? newsElement.teaser|slice(0, 100) ~ '...'
-                :newsElement.teaser }}
-            </p>
+            <div class="wm-card__content wm-rich-text ">
+                <p>{{ entry.teaser}}</p>
             </div>
-    </a>
+        </div>
+        {% endfor %}
+    </div>
+    <nav class="wm-pagination mt32" aria-labelledby="">
+        <ol class="wm-pagination__items">
+            <li class="wm-pagination__item">
+                {% if paginate.prevUrl %}<a class="wm-pagination__link  button-prev" href="{{ paginate.prevUrl }}"></a>{% endif %}
+            </li>
+
+            {% for page, url in paginate.getPrevUrls(5) %}
+            <li class="wm-pagination__item">
+                <a class="wm-pagination__link" href="{{ url }}">{{ page }}</a>
+            </li>
+            {% endfor %}
+            <li class="wm-pagination__item">
+                <span class="current  wm-pagination__link " aria-current="page">{{ paginate.currentPage }}</span>
+            </li>
 
+            {% for page, url in paginate.getNextUrls(5) %}
+            <li class="wm-pagination__item">
+                <a class="wm-pagination__link" href="{{ url }}">{{ page }}</a>
+            </li>
             {% endfor %}
+
+            {% if paginate.nextUrl %}<li class="wm-pagination__item"></li><a class="wm-pagination__link button-next"
+                href="{{ paginate.nextUrl }}"></a></li>{% endif %}
+        </ol>
+    </nav>
+
+    <!--<a href="{{ paginate.firstUrl }}">First Page</a>
+    {% if paginate.prevUrl %}<a href="{{ paginate.prevUrl }}">Previous Page</a>{% endif %}
+
+    {% for page, url in paginate.getPrevUrls(5) %}
+    <a href="{{ url }}">{{ page }}</a>
+    {% endfor %}
+    <span class="current">{{ paginate.currentPage }}</span>
+
+    {% for page, url in paginate.getNextUrls(5) %}
+    <a href="{{ url }}">{{ page }}</a>
+    {% endfor %}
+
+    {% if paginate.nextUrl %}<a href="{{ paginate.nextUrl }}">Next Page</a>{% endif %}-->
+
 </div>
 {% endblock %}
\ No newline at end of file

templates/index.twig

@@ -7,6 +7,7 @@
     <title>Startseite | BDK</title>
     <link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
     {% css "/assets/css/style.css" %}
+    {% css "/assets/css/main.css" %}
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
 </head>
 

templates/themen/index.twig

 {% extends "index" %}
 {% block content %}
-<div class="news maxWidthLimit">
+<h1 class="maxWidthLimit mt32">{% if craft.app.language == 'de' %}Themen{% elseif craft.app.language == 'en' %}Topics{% endif %}</h1>
+<div class="news mt16 maxWidthLimit">
     {% for newsElement in craft.entries.section('themen').all() %}
-
     {% set image = newsElement.image.one() %}
-    <a href="{{newsElement.url}}" class="news-item">
-        <div class="news-thumbnail">
-            <img src="{{ craft.app.sites.primarySite.baseUrl }}/{{image.url}}" alt="{{image.title}}">
+    <div class="wm-card wm-card--m wm-card--linked" data-wm-card>
+        <h3 class="wm-card__heading ">
+            <a href="{{newsElement.url}}" class="wm-card__link wm-link--unstyled ">
+                <strong>{{newsElement.title}}</strong>
+            </a>
+        </h3>
+        <div class="wm-card__media ">
+            <img class="wm-image   wm-card__image" loading="lazy" src="{{ craft.app.sites.primarySite.baseUrl}}/{{image.url}}" width="350"
+                height="197" data-src="" alt="Bildbeschreibung">
+        </div>
+        <div class="wm-card__content wm-rich-text ">
+            {{ newsElement.teaser }}
         </div>
-        <div class="news-details">
-            <h3 class="news-heading component_headline">{{newsElement.title}}</h3>
-            <p class="news-teaser">
-                {{ newsElement.teaser|length > 100 ? newsElement.teaser|slice(0, 100) ~ '...'
-                :newsElement.teaser }}
-            </p>
     </div>
-    </a>
-
     {% endfor %}
 </div>
 {% endblock %}
\ No newline at end of file

translations/de/app.php

+<?php
+
+return [
+    'field.kategorien.option.abfallwirtschaftUndEntsorgung.label' => 'Abfall',
+    'field.kategorien.option.bildung.label' => 'Bildung',
+    'field.kategorien.option.digitalisierung.label' => 'Digitalisierung',
+    'wastemanagementanddisposal' => 'abfallwirtschaftundentsorgung',
+    'digitalization' => 'digitalisierung',
+    'education' => 'bildung'
+];
\ No newline at end of file

translations/de/site.php

 <?php
 
 return [
-    'maxWidthLimit' => 'Maximale Breite begrenzt?',
-    'Max Width Limit' => 'Maximale Breite begrenzt?',
-    'Background Color' => 'Hintergrundfarbe',
-    'Elements' => 'Elemente',
-    'Content Grid' => 'Inhaltsraster',
-    'Images' => 'Bilder',
-    'Image' => 'Bild',
-    'Image And Text' => 'Bild und Text',
-    'Headline' => 'Überschrift',
-    'Yes' => 'Ja',
-    'No' => 'Nein',
-    'Grid Layout' => 'Raster Layout',
-    'Address' => 'Adresse',
-    'Company Register Number' => 'Firmenbuchnummer',
-    'Light Grey' => 'Hellgrau',
-    'Grey' => 'Grau',
+    'field.kategorien.option.abfallwirtschaftundentsorgung.label' => 'Abfallwirtschaft- und Entsorgung',
+    'field.kategorien.option.bildung.label' => 'Bildung',
+    'field.kategorien.option.digitalisierung.label' => 'Digitalisierung',
+    'wastemanagementanddisposal' => 'abfallwirtschaftundentsorgung',
+    'digitalization' => 'digitalisierung',
+    'education' => 'bildung',
 ];
\ No newline at end of file

translations/en/app.php

+<?php
+
+return [
+    'field.kategorien.option.abfallwirtschaftundentsorgung.label' => 'Wastemanagement- and Disposal',
+    'field.kategorien.option.bildung.label' => 'Education',
+    'field.kategorien.option.digitalisierung.label' => 'Digitalization',
+    'Abfall' => 'Waste',
+    'Digitalisierung' => 'digitalization',
+    'Bildung' => 'education'
+];
\ No newline at end of file

translations/en/site.php

+<?php
+
+return [
+    'field.kategorien.option.abfallwirtschaftundentsorgung.label' => 'Wastemanagement- and Disposal',
+    'field.kategorien.option.bildung.label' => 'Education',
+    'field.kategorien.option.digitalisierung.label' => 'Digitalization',
+    'wastemanagementanddisposal' => 'abfallwirtschaftundentsorgung',
+    'digitalization' => 'digitalisierung',
+    'education' => 'bildung',
+    'Abfall' => 'Waste',
+    'Digitalisierung' => 'digitalization',
+    'Bildung' => 'education'
+];
\ No newline at end of file

web/assets/icons/chevron-left.svg

+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-9 -5 24 24" height="24" width="24"><path d="M0 7.852a15.5 15.5 0 0 0 3.522 4.016c1.406 1.247 2.673 2.159 2.714 2.2l1.492-2.03a24.961 24.961 0 0 1-5.283-5.015A25.411 25.411 0 0 1 7.728 2.03L6.236 0c-.062.041-1.305.953-2.693 2.2A15.038 15.038 0 0 0 .021 6.22v1.632z" fill="#292929"/></svg>

web/assets/icons/chevron-right.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="14" viewBox="0 0 10 14"  preserveAspectRatio="xMinYMin">
+  <path d="M7.728,6.216A15.5,15.5,0,0,0,4.206,2.2C2.8.953,1.533.041,1.492,0L0,2.03A24.961,24.961,0,0,1,5.283,7.045,25.411,25.411,0,0,1,0,12.038l1.492,2.03c.062-.041,1.305-.953,2.693-2.2a15.038,15.038,0,0,0,3.522-4.02V6.216Z" fill="#292929"></path>
+</svg>

web/assets/js/menu.js

+
+var swiper = new Swiper(".mySwiper", {
+    pagination: {
+        el: ".swiper-pagination",
+    },
+    navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+    },
+    slidesPerView: 1,
+    loop: true,
+    autoplay: {
+        delay: 5000,
+    },
+});
+
+document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+    anchor.addEventListener('click', function (e) {
+        e.preventDefault();
+
+        document.querySelector(this.getAttribute('href')).scrollIntoView({
+            behavior: 'smooth'
+        });
+    });
+});
\ No newline at end of file

web/assets/list.svg

+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"></path>
+</svg>