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/css/style.css

+* {
+    box-sizing: border-box;
+    margin: 0;
+}
+
+html {
+    scroll-behavior: smooth;
+}
+
+body {
+    margin: 0;
+    line-height: 1.5;
+}
+
+::-webkit-scrollbar {
+    width: 10px;
+}
+
+::-webkit-scrollbar-track {
+    background: #f1f1f1;
+}
+
+::-webkit-scrollbar-thumb {
+    background: rgb(216, 0, 0);
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: rgb(214, 0, 0);
+}
+
+
+body {
+    background-color: #F6F6F6;
+    color: rgb(31, 31, 31);
+}
+
+.sticky {
+    position: fixed;
+    top: 0;
+    width: 100%;
+}
+
+header {
+    z-index: 10;
+    background-color: white;
+    position: absolute;
+    top: 0;
+    width: 100%;
+    background-color: #fff;
+    transition: all 1.5s;
+}
+
+main {
+    transition: all .4s ease;
+}
+
+.secondary-bg {
+    background-color: #F0F0F5;
+}
+
+.sticky .header-content {
+    padding-top: 20px;
+    padding-bottom: 20px;
+}
+
+.component__slider {
+    margin-top: 0 !important;
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+}
+
+.component_headline {
+    margin-bottom: 40px;
+    text-align: center;
+}
+
+.header-content {
+    display: flex;
+    flex-direction: column;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    padding: 40px 0;
+    gap: 20px;
+    max-width: 1800px;
+    margin: 0 auto;
+    width: 95%;
+    transition: padding .4s ease;
+}
+
+.header-content #logo,
+#logo img {
+    height: 36px;
+    font-size: 0;
+}
+
+#menu {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 50px;
+    z-index: 99;
+}
+
+#menu a {
+    color: #000;
+    text-decoration: none;
+    font-size: 1.4em;
+}
+
+.sticky #menu a {
+    color: black;
+}
+
+.banner {
+    height: 100svh;
+    min-height: 600px;
+    background-image: url('../../assets/stefan-steinbauer-Is4oR1SLtr0-unsplash.jpg');
+    background-attachment: fixed;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    max-height: 1300px;
+}
+
+.banner-subpage {
+    background-image: url('../../assets/michael-niessl-nuvaRAeaMdc-unsplash.jpg');
+    height: 600px;
+}
+
+.banner-overlay {
+    background-color: rgba(0, 0, 0, 0.432);
+    display: flex;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
+}
+
+.banner-content {
+    color: white;
+    max-width: 1800px;
+    width: 95%;
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+    align-items: start;
+}
+
+.banner-content h1 {
+    line-height: 1;
+}
+
+.banner-subpage .banner-content {
+    align-items: center;
+}
+
+.highlight-red {
+    color: red;
+    font-weight: bolder;
+}
+
+.banner-content p {
+    font-size: 30px;
+}
+
+.news {
+    display: grid;
+    flex-direction: row;
+    gap: 20px;
+    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+}
+
+.news-item {
+    aspect-ratio: 1 / 1;
+    width: 33%;
+    display: flex;
+    gap: 10px;
+    flex-direction: column;
+    text-decoration: none;
+    color: black;
+    background-color: white;
+    border: 1px solid #DDD;
+}
+
+.news-item:hover .news-thumbnail img {
+    transform: scale(110%);
+}
+
+.news-thumbnail img {
+    aspect-ratio: 4 / 3;
+    object-fit: cover;
+    overflow: hidden;
+    width: 100%;
+    height: 100%;
+    transition: 0.3s;
+}
+
+.news-thumbnail {
+    width: 100%;
+    overflow: hidden;
+}
+
+.news-details {
+    padding: 15px;
+    padding-top: 5px;
+}
+
+.news-heading {
+    font-size: 25px;
+    font-weight: 500;
+}
+
+.news-teaser {
+    font-size: 20px;
+}
+
+.news-thumbnail {
+    width: 100%;
+}
+
+section {
+    display: flex;
+    gap: 20px;
+    flex-direction: column;
+    align-items: start;
+}
+
+section h2 {
+    padding: 0;
+}
+
+.button {
+    background-color: white;
+    padding: 15px 25px;
+    font-weight: 500;
+    color: black;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 14pt;
+}
+
+.btn-red {
+    background-color: rgb(214, 0, 0);
+    color: white;
+}
+
+.services {
+    margin: 0 auto;
+}
+
+.services h2 {
+    margin: 50px auto;
+}
+
+.content-grid {
+    display: grid;
+    grid-template-columns: 6fr 6fr;
+    align-items: center;
+}
+
+.content-text {
+    display: flex;
+    justify-content: center;
+    background-color: white;
+    flex-direction: column;
+    padding: 7%;
+    height: 100%;
+}
+
+.content-text h3 {
+    padding: 0;
+}
+
+.content-image {
+    height: 100%;
+    width: 100%;
+    object-fit: cover;
+}
+
+.reverse .content-text {
+    grid-row: 1;
+}
+
+.component {
+    margin: 40px auto;
+    padding-top: 40px;
+    padding-bottom: 40px;
+    scroll-margin-top: 80px;
+}
+
+.maxWidthLimit {
+    max-width: 1200px;
+    margin: auto;
+    padding-left: 60px;
+    padding-right: 60px;
+}
+
+.grid {
+    display: grid;
+    align-items: center;
+}
+
+.grid-5050 {
+    grid-template-columns: 1fr 1fr;
+    gap: 16px;
+}
+
+.grid-2080 {
+    grid-template-columns: 1fr 4fr;
+    gap: 16px;
+}
+
+.grid img {
+    height: auto;
+    width: 100%;
+}
+
+.team-container {
+    margin: 20px auto;
+}
+
+.team-container h2 {
+    margin: 40px auto;
+}
+
+.team-person {
+    display: flex;
+    align-items: center;
+    gap: 40px;
+}
+
+.team-person img {
+    width: 100%;
+    aspect-ratio: 1 / 1;
+    max-width: 185px;
+    margin: 0 auto;
+    display: block;
+    object-fit: cover;
+    border-radius: 50%;
+}
+
+.team {
+    display: flex;
+    max-width: 100%;
+    flex-direction: column;
+    text-align: start;
+    gap: 40px;
+}
+
+.projects img {
+    margin-bottom: 20px;
+}
+
+.wm-list--pipe-lg {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+
+.wm-list--pipe-lg>*+:before {
+    content: "|";
+    padding-right: 1rem;
+}
+
+.wm-list--pipe-lg>*+* {
+    margin-left: 1.5rem;
+}
+
+.text-centered {
+    text-align: center;
+}
+
+.contact {
+    display: grid;
+    grid-template-columns: 6fr 6fr;
+    gap: 40px;
+}
+
+iframe {
+    width: 100%;
+    bottom: 0;
+}
+
+.logos {
+    display: flex;
+    gap: 25px;
+    align-items: end;
+    height: 100px;
+}
+
+.img-small {
+    height: 40%;
+    width: auto;
+}
+
+#hamburgermenu,
+#close {
+    display: none;
+    cursor: pointer;
+    height: 40px;
+}
+
+#close {
+    position: absolute;
+    top: 30px;
+    right: 20px;
+}
+
+.image-text {
+    margin: 20px auto;
+    background-color: white;
+    padding: 20px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
+.image-text img {
+    width: 300px;
+    margin-bottom: 0 !important;
+    margin-right: 20px;
+    height: auto;
+}
+
+.image-text p {
+    padding: 0px;
+    padding-top: 0;
+}
+
+.image-text h3 {
+    padding-top: 0px;
+    padding-bottom: 10px;
+    line-height: 1;
+}
+
+.swiper {
+    width: 100%;
+    height: 100%;
+    aspect-ratio: 2/1;
+}
+
+.swiper-container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 30px;
+    width: 100%;
+    background-attachment: fixed;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+.swiper-slide {
+    font-size: 18px;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+    align-items: start;
+    padding-left: 3rem;
+    padding-right: 3rem;
+    gap: 20px;
+    background-position: center center;
+    background-repeat: no-repeat;
+}
+
+.swiper-slide p {
+    font-size: 18pt;
+    color: #fff;
+}
+
+.swiper-slide h1 {
+    line-height: 1;
+}
+
+.swiper-slide img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+
+}
+
+.swiper-slide-content {
+    background-color: #fff;
+    padding: 2.5rem 3rem 3rem;
+}
+
+.swiper-pagination-bullet {
+    background-color: #fff;
+    opacity: 1;
+}
+
+.swiper-button-next,
+.swiper-button-prev {
+    font-size: 0;
+    width: 60px;
+    height: 60px;
+    border-radius: 100%;
+    background-color: #fff;
+    color: #000;
+    top: calc(50% - 10px);
+    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
+}
+
+.swiper-button-next:after,
+.swiper-button-prev:after {
+    font-size: 0px;
+}
+
+.swiper-pagination-bullet-active {
+    background: #ff0000;
+}
+
+.swiper-slide-content p {
+    font-size: 17px;
+}
+
+.swiper-slide-content>*+* {
+    margin-bottom: 0;
+    margin-top: 1.5rem;
+}
+
+.button-next {
+    background: #f3f1ef url(../icons/chevron-right.svg) no-repeat;
+}
+
+.button-prev {
+    background: #f3f1ef url(../icons/chevron-left.svg) no-repeat;
+}
+
+.button-next,
+.button-prev {
+    background-position: center center;
+}
+
+
+.mt32 {
+    margin-top: 32px;
+}
+
+.mt64 {
+    margin-top: 64px;
+}
+
+.mt16 {
+    margin-top: 16px;
+}
+
+.mb32 {
+    margin-bottom: 32px;
+}
+
+@media only screen and (max-width: 1200px) {
+    .maxWidthLimit {
+        padding-left: 32px;
+        padding-right: 32px;
+    }
+
+    #menu {
+        gap: 30px;
+    }
+
+    #menu a {
+        font-size: 1.4em;
+    }
+
+    .header-content #logo,
+    #logo img {
+        height: 36px;
+    }
+
+    .banner-content {
+        width: 100%;
+        padding: 20px;
+    }
+}
+
+@media only screen and (max-width: 992px) {
+
+    .news-item {
+        width: 100%;
+        aspect-ratio: unset;
+        margin: 0;
+        display: grid;
+        grid-template-columns: 4fr 8fr;
+        align-items: center;
+    }
+
+    .news-thumbnail {
+        aspect-ratio: unset;
+        width: 100%;
+    }
+
+    .news-details {
+        padding: 10px;
+    }
+
+    .news-details h3 {
+        padding: 0;
+    }
+
+    h1 {
+        font-size: 40px;
+    }
+
+    h2 {
+        font-size: 35px;
+    }
+
+    h3 {
+        font-size: 25px;
+    }
+
+    p,
+    .news-teaser {
+        font-size: 17px;
+    }
+
+    #hamburgermenu,
+    #close {
+        display: block;
+    }
+
+    #menu {
+        display: none;
+        position: fixed;
+        top: 0;
+        left: 0;
+        height: 100%;
+        width: 100%;
+        background-color: white;
+        gap: 10px;
+        align-items: center;
+        flex-direction: column;
+        justify-content: center;
+        z-index: 99;
+    }
+
+    #menu a {
+        font-size: 1.6em;
+        color: #000;
+    }
+
+    .header-content,
+    footer {
+        padding: 30px 20px;
+        width: auto;
+    }
+
+    .banner {
+        min-height: 300px;
+    }
+}
+
+@media only screen and (min-width: 993px) {
+    #menu {
+        display: flex !important;
+    }
+}
+
+@media only screen and (max-width: 768px) {
+
+    .swiper-button-next,
+    .swiper-button-prev {
+        display: none;
+    }
+
+    .news {
+        flex-direction: column;
+    }
+
+    .banner {
+        background-attachment: unset;
+    }
+
+
+    footer .container {
+        flex-direction: column-reverse;
+        gap: 50px;
+        margin-top: 30px;
+        width: 100%;
+    }
+
+    .logos {
+        width: 100%;
+        max-width: 400px;
+        align-self: baseline;
+    }
+
+    .content-grid {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .content-text {
+        padding: 20px;
+    }
+
+    .services {
+        display: flex;
+        flex-direction: column;
+        gap: 20px;
+    }
+
+    .services h2 {
+        margin: 20px auto;
+    }
+
+    main {
+        margin: 0;
+    }
+
+    .image-text img {
+        margin-right: 10px;
+    }
+
+    .team-person {
+        padding: 20px;
+        flex-direction: column;
+        gap: 20px;
+        background-color: white;
+    }
+
+    .team-person img {
+        max-width: 250px;
+    }
+
+    .team-container {
+        margin: 0;
+    }
+
+    .banner {
+        height: 400px;
+    }
+
+    .image-text {
+        flex-direction: column;
+        padding: 0;
+    }
+
+    .image-text p {
+        padding: 20px;
+        padding-top: 0;
+    }
+
+    .image-text h3 {
+        padding: 20px;
+        padding-bottom: 10px;
+    }
+
+    .image-text img {
+        width: 100%;
+        margin: 0;
+        float: none;
+    }
+
+    .component {
+        margin: 20px auto;
+        padding-top: 20px;
+        padding-bottom: 20px;
+    }
+}
+
+@media only screen and (max-width: 600px) {
+    .news-item {
+        display: flex;
+        gap: 0;
+    }
+
+    .news {
+        display: flex;
+    }
+
+    .grid {
+        display: flex;
+        flex-direction: column;
+        gap: 16px;
+    }
+
+    .swiper-slide {
+        padding: 0px;
+    }
+
+    .grid img {
+        max-height: 200px;
+        width: auto;
+    }
+
+    .img-small {
+        width: 20%;
+    }
+
+    footer img {
+        width: 30%;
+    }
+
+    .logos {
+        gap: 10px;
+        justify-content: center;
+    }
+
+    .logos {
+        display: grid;
+        grid-template-columns: 4fr 3fr 3fr;
+        gap: 20px;
+        align-items: end;
+        justify-items: center;
+    }
+
+    .logos img {
+        width: 100% !important;
+    }
+
+    h1 {
+        font-size: 2rem !important;
+    }
+
+    h2 {
+        padding: 10px 0;
+        font-size: 30px;
+    }
+
+    .banner-content p {
+        font-size: 20px;
+    }
+
+    .swiper-container {
+        padding: 0;
+    }
+
+}
\ 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/icons/sprite.symbol.svg

+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol viewBox="0 0 123.14 123.14" id="amtswege" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h123.14v123.14H0z"/><path fill="currentColor" d="M33.86 33.779l.012-6 43.1.09-.012 6zM33.87 40.09h43.1v6h-43.1zm0 12.31h43.1v6h-43.1zm8.41 31.82l-4.11 8.22h-4.3v6h8.01l2.04-4.09 4.1 4.09h10.47v-6H50.5l-8.22-8.22z"/><path fill="currentColor" d="M114 62.25L101 49.3l-5.65 5.64V6.23H15.47v110.68h79.89v-36.1zm-8.49 0L75 92.66h-4.49V88.2L101 57.78zm-16.15 48.66H21.47V12.23h67.89v48.69L64.52 85.7v13h13l11.84-11.9z"/><path fill="currentColor" d="M33.87 64.74H58.5v6H33.87z"/></symbol><symbol viewBox="0 0 123.14 123.14" id="burger" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h123.14v123.14H0z"/><path d="M17.67 27.59h87v-6h-87zM17.67 58.57h87v6h-87zM17.67 95.49h87v6h-87z"/></symbol><symbol viewBox="0 0 200 200" id="check" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="10" d="M36.77 116.11l35.91 41.9 94.78-114.72"/></symbol><symbol viewBox="-6 -6 24 24" id="chevron-down" xmlns="http://www.w3.org/2000/svg"><path d="M5.182 9.864a15.5 15.5 0 01-4.016-3.522c-1.247-1.406-2.159-2.673-2.2-2.714l2.03-1.492a24.961 24.961 0 005.015 5.283 25.411 25.411 0 004.993-5.283l2.03 1.492a36.107 36.107 0 01-2.2 2.693 15.038 15.038 0 01-4.02 3.522H5.182z" data-name="Path 239"/></symbol><symbol viewBox="-9 -5 24 24" id="chevron-left" xmlns="http://www.w3.org/2000/svg"><path d="M0 7.852a15.5 15.5 0 003.522 4.016c1.406 1.247 2.673 2.159 2.714 2.2l1.492-2.03a24.961 24.961 0 01-5.283-5.015A25.411 25.411 0 017.728 2.03L6.236 0c-.062.041-1.305.953-2.693 2.2A15.038 15.038 0 00.021 6.22v1.632z" fill="currentColor"/></symbol><symbol viewBox="-9 -5 24 24" id="chevron-right" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M7.728 6.216A15.5 15.5 0 004.206 2.2C2.8.953 1.533.041 1.492 0L0 2.03a24.961 24.961 0 015.283 5.015A25.411 25.411 0 010 12.038l1.492 2.03a36.107 36.107 0 002.693-2.2 15.038 15.038 0 003.522-4.02V6.216z"/></symbol><symbol viewBox="-6 -6 24 24" id="chevron-up" xmlns="http://www.w3.org/2000/svg"><path data-name="Path 239" d="M6.818 2.136a15.5 15.5 0 014.016 3.522c1.247 1.406 2.159 2.673 2.2 2.714l-2.03 1.492a24.961 24.961 0 00-5.015-5.283A25.411 25.411 0 00.996 9.864l-2.03-1.492a36.107 36.107 0 012.2-2.693 15.038 15.038 0 014.02-3.522h1.632z"/></symbol><symbol viewBox="0 0 123.15 123.15" id="clock" xmlns="http://www.w3.org/2000/svg"><path d="M61.57 98.52A36.94 36.94 0 1187.7 87.7a36.73 36.73 0 01-26.13 10.82zm0-67.73a30.79 30.79 0 1030.79 30.78 30.82 30.82 0 00-30.79-30.78z"/><path d="M110.83 61.57h-6.16a43.1 43.1 0 00-43.1-43.1v-6.16a49.27 49.27 0 0149.26 49.26zm-36.94 3.08h-15.4V43.1h6.16v15.39h9.24v6.16z"/><path fill="none" d="M0 0h123.15v123.15H0z"/></symbol><symbol viewBox="0 0 123.14 123.14" id="close" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h123.14v123.14H0z"/><path fill="#292929" d="M103.72 23.63l-4.24-4.24-37.9 37.9-37.91-37.9-4.24 4.24 37.9 37.9-37.9 37.91 4.24 4.24 37.91-37.9 37.9 37.9 4.24-4.24-37.9-37.91 37.9-37.9z"/></symbol><symbol viewBox="0 0 123.24 123.24" id="contact" xmlns="http://www.w3.org/2000/svg"><path fill="#292929" d="M24.82 6.19l-.08 30.88h-6.22v6.16h6.2l-.1 36.94h-6.11v6.16h6.09l-.08 30.69 80.05.21.3-110.83-80.05-.21zm73.62 104.87l-67.73-.18.26-98.51 67.73.18-.26 98.51z"/><path fill="#292929" d="M64.96 49.39c5.94 0 10.78-4.83 10.78-10.78 0-5.94-4.83-10.78-10.78-10.78-5.94 0-10.78 4.83-10.78 10.78 0 5.94 4.83 10.78 10.78 10.78zm0-15.39c2.54 0 4.61 2.07 4.61 4.61s-2.07 4.61-4.61 4.61c-2.54 0-4.61-2.07-4.61-4.61S62.41 34 64.96 34zM57.18 87.15c-2.38-9.84-2.91-15-2.98-24.47 3.56-.58 7.17-.91 10.76-.96 3.6.05 7.21.37 10.76.96-.07 9.47-.6 14.63-2.98 24.47l5.99 1.45c2.71-11.2 3.16-16.91 3.16-28.41v-2.6l-2.48-.5A79.2 79.2 0 0065 55.56c-4.83.07-9.77.58-14.5 1.53l-2.48.5v2.6c0 11.5.46 17.22 3.16 28.41l6-1.45z"/></symbol><symbol viewBox="0 0 123.14 123.14" id="contact_alternative" xmlns="http://www.w3.org/2000/svg"><path class="akcls-1" d="M61.57 43.18A18.48 18.48 0 1043.1 24.71a18.49 18.49 0 0018.47 18.47zm0-30.78a12.31 12.31 0 11-12.31 12.31A12.32 12.32 0 0161.57 12.4zm28.31 43.03a155.9 155.9 0 00-28.26-3h-.09a156.1 156.1 0 00-28.27 3l-2.48.5v2.67c0 23.1.86 33.85 6.25 56.11l6-1.45C38 92.4 37 81.91 37 61a149.56 149.56 0 0124.62-2.41A149.56 149.56 0 0186.19 61c-.06 20.91-1 31.4-6.06 52.26l6 1.45c5.38-22.26 6.24-33 6.24-56.11v-2.67z"/><path fill="none" d="M0 0h123.14v123.14H0z"/></symbol><symbol viewBox="0 0 33 34" id="contact_loggedin" xmlns="http://www.w3.org/2000/svg"><g transform="translate(10787.234 -9741.766)"><circle cx="16" cy="16" r="16" transform="translate(-10787.234 9741.766)" fill="#d6d1ca"/><path d="M-10778.114 9771.953a50.348 50.348 0 01-1-11.71v-.683l.635-.129a40.034 40.034 0 017.236-.768h.023a39.941 39.941 0 017.233.768l.637.129v.683a50.4 50.4 0 01-1 11.707 15.8 15.8 0 01-13.764.003zm6.88-15.657a4.73 4.73 0 114.733-4.729 4.732 4.732 0 01-4.733 4.729z" fill="#f3f1ef"/></g></symbol><symbol viewBox="0 0 33 34" id="contact_notification" xmlns="http://www.w3.org/2000/svg"><g transform="translate(10787.234 -9741.766)"><circle cx="16" cy="16" r="16" transform="translate(-10787.234 9741.766)" fill="#d6d1ca"/><path d="M-10778.114 9771.953a50.348 50.348 0 01-1-11.71v-.683l.635-.129a40.034 40.034 0 017.236-.768h.023a39.941 39.941 0 017.233.768l.637.129v.683a50.4 50.4 0 01-1 11.707 15.8 15.8 0 01-13.764.003zm6.88-15.657a4.73 4.73 0 114.733-4.729 4.732 4.732 0 01-4.733 4.729z" fill="#f3f1ef"/><g transform="translate(-10764.234 9765.765)" fill="#ff5a64" stroke="#ffced1" stroke-width="2"><circle cx="4" cy="4" r="4" stroke="none"/><circle cx="4" cy="4" r="5" fill="none"/></g></g></symbol><symbol viewBox="0 0 123.24 123.24" id="download" xmlns="http://www.w3.org/2000/svg"><path class="anst3" d="M24.9 38.05l-.21-.22"/><path fill="#292929" d="M100.04 72.04l-6.11.79c.9 6.9 1.41 14 1.52 21.15h-61.5c.11-7.15.62-14.26 1.52-21.15l-6.11-.79c-1.06 8.15-1.6 16.57-1.6 25.03v3.08h73.88v-3.08c0-8.47-.54-16.89-1.6-25.03z"/><path fill="#292929" d="M66.72 81.67c2.72-1.39 5.94-4.22 9.82-8.62 3-3.4 5.24-6.46 5.34-6.59l-4.97-3.64c-2.19 2.99-5.86 7.41-9.14 10.45V26.18h-6.16v47.07c-3.27-3.03-6.93-7.45-9.11-10.42l-4.97 3.64c.09.13 2.33 3.18 5.34 6.59 3.88 4.39 7.1 7.22 9.82 8.62h4.03z"/></symbol><symbol viewBox="0 0 123.24 123.24" id="email" xmlns="http://www.w3.org/2000/svg"><path fill="#292929" d="M18.52 30.92v61.57h86.2V30.92h-86.2zm6.16 55.41V56.38l36.94 8.48 36.94-8.48v29.95H24.68zm72.96-36.06l-36.01 8.27-36.01-8.27c-.92-5.82-.93-12.51-.93-12.59v-.62h73.89v.62c-.01.08-.03 6.78-.94 12.59z"/></symbol><symbol viewBox="0 0 123.15 123.15" id="embed" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h123.15v123.15H0z" fill="none"/><path d="M88.943 31.238l-4.24 4.24 28.66 28.66-28.13 28.13 4.24 4.25 32.38-32.38zm-53.83-.712l-33 32.99 32.38 32.38 4.24-4.25-28.13-28.13 28.75-28.75z" fill="currentColor"/><path d="M74.29 23.853l5.291 1.709-32.414 79.006-5.291-1.709z"/></symbol><symbol viewBox="0 0 123.15 123.15" id="euro" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h123.15v123.15H0z"/><path d="M73.89 98.51A37.07 37.07 0 0139 73.82h34.9v-6H37.42a36.12 36.12 0 010-12.5h36.5v-6h-35a37.08 37.08 0 0135-24.86 36.65 36.65 0 0122.75 7.84l3.69-4.73a42.59 42.59 0 00-26.47-9.11 43.1 43.1 0 00-41.26 30.86H18.47v6h12.84a43.26 43.26 0 00-.45 6.16 44.11 44.11 0 00.47 6.34H18.47v6h14.21a43.08 43.08 0 0041.21 30.69 42.53 42.53 0 0026.47-9.12l-3.69-4.72a36.65 36.65 0 01-22.78 7.84z" fill="#292929"/></symbol><symbol viewBox="0 0 200 200" id="external" xmlns="http://www.w3.org/2000/svg"><defs><style>.arcls-1{fill:none;stroke:#1a1a18;stroke-miterlimit:10;stroke-width:10px}</style></defs><path class="arcls-1" d="M73.21 129.49L176.96 25.75M178.68 90c0-.11 1.82-11.72 2.71-25.88 1-15.69.42-27.67-1.64-35.69l-5.5-5.5c-8-2.06-20-2.61-35.68-1.63-13.43.84-24.67 2.52-25.91 2.71M181.87 108.47v73.15H21.59V21.34h72.72"/></symbol><symbol shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 333333 333333" id="facebook" xmlns="http://www.w3.org/2000/svg"><path d="M302077 0H31255C14069 0 1 14068 1 31256v270822c0 17186 14068 31254 31254 31254h270822c17186 0 31254-14068 31254-31254l2-270824C333333 14068 319265 0 302079 0h-2zM187907 95783h35461V53254h-35461c-27307 0-49588 22274-49588 49618v21255h-28355v42539h28350v113412h42533V166666h35427l7094-42539h-42523v-21255c0-3848 3247-7094 7060-7094v6h2z" fill="#3b5998"/></symbol><symbol viewBox="0 0 123.15 123.15" id="fullscreen" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h123.15v123.15H0z"/><path d="M94.32 24.54L71.75 47.11 76 51.39l22.58-22.56a79.84 79.84 0 01-.92 13.57l6 .93c0-.16.59-3.83.87-8.28.36-5.75.08-9.95-.84-12.81l-2.8-2.8c-2.85-.92-7.06-1.19-12.8-.83-4.45.27-8.13.84-8.28.86l.92 6a79.35 79.35 0 0113.59-.93zm-69.76 4.27l22.57 22.57 4.27-4.28-22.55-22.55a78.87 78.87 0 0113.57.91l.93-6c-.16 0-3.84-.59-8.29-.87-5.74-.35-10-.08-12.8.84l-2.8 2.8c-.92 2.86-1.19 7.06-.84 12.8.28 4.45.85 8.13.87 8.29l6-.93a79.3 79.3 0 01-.93-13.58zm4.26 69.78L51.39 76l-4.28-4.28L24.56 94.3a78.87 78.87 0 01.91-13.57l-6-.93c0 .16-.59 3.84-.87 8.29-.35 5.74-.08 9.94.84 12.8l2.8 2.8c2.85.92 7.06 1.19 12.8.83 4.45-.27 8.13-.84 8.29-.86l-.93-6a79.3 79.3 0 01-13.58.93zm69.75-4.27L76 71.75 71.73 76l22.55 22.58a78.87 78.87 0 01-13.57-.91l-.92 6c.15 0 3.83.59 8.28.87 5.74.35 10 .08 12.8-.84l2.8-2.8c.92-2.85 1.2-7.06.84-12.8-.28-4.45-.85-8.13-.87-8.29l-6 .93a79.3 79.3 0 01.93 13.58z"/></symbol><symbol viewBox="0 0 200 200" id="handson" xmlns="http://www.w3.org/2000/svg"><path fill="#181715" d="M169.9 18.7l-2.7.6c-6.4 1.5-14.2 6.4-20.8 13l-3.5 3.5 7.5 7.5-70.3 70.3-7.2-6.9L18.6 161l2.3 3.4c2.1 3 4.4 5.9 7 8.4 2.6 2.6 5.4 5 8.4 7l3.4 2.3 54.8-54.8-7.2-6.9 70.2-70.2 7.5 7.5 3.5-3.5c6.6-6.6 11.4-14.4 12.9-20.8l.6-2.7-12.1-12zM38.6 169.2c-1.3-1-2.5-2.2-3.7-3.3l-.1-.1c-1.2-1.2-2.3-2.4-3.3-3.6L73 120.7l7.2 6.9-41.6 41.6zM164.8 43.6l-7.6-7.6c3.6-3 7.1-5 9.8-6.1l3.9 3.9c-1.1 2.7-3.1 6.1-6.1 9.8z"/><path fill="#181715" d="M39 78.7c6 2.4 12.5 2.7 18.7 1.1l24.1 24.1 7.1-7.1-28.6-28.6-3 1.2c-4.7 1.8-9.9 1.8-14.6 0-5-1.9-8.9-5.7-11-10.6-1-2.3-1.6-4.8-1.7-7.3 2.7 2.3 5.5 4.4 8.5 6.3l1.3.9h1.6c1.2 0 5.5-.5 10.8-5.8 5.4-5.3 5.8-9.7 5.8-11v-1.5l-.8-1.3c-1.9-2.9-4.1-5.7-6.3-8.4 2.2.1 4.4.5 6.5 1.4 5 1.9 8.9 5.7 11 10.6 2.1 4.9 2.2 10.3.3 15.3l-1.2 3L96 89.8l7.1-7.1L79 58.6c1.8-6.6 1.3-13.5-1.5-19.8-3.2-7.3-9.1-13-16.5-15.9-7.1-2.8-14.8-2.8-21.9 0l-7.2 2.8 5.6 5.4c3.7 3.6 7.1 7.5 10.1 11.7-.4.7-1.1 1.8-2.3 3-1.2 1.2-2.3 2-3 2.4-4.2-3-8.2-6.3-11.8-10l-5.4-5.5-2.8 7.2c-2.9 7.5-2.8 15.6.4 23 3 7.3 8.9 12.9 16.3 15.8zM160.9 122.9c-6-2.4-12.5-2.7-18.7-1.1l-24.6-24.6-7.1 7.1 29 29 3-1.2c4.7-1.8 9.9-1.8 14.6 0 7.6 3 12.4 10.2 12.7 17.9-2.7-2.3-5.5-4.4-8.5-6.4l-1.3-.9h-1.6c-1.2 0-5.5.5-10.8 5.8-5.4 5.3-5.8 9.7-5.8 11v1.5l.8 1.3c2 2.9 4.1 5.7 6.3 8.4-2.2-.1-4.4-.5-6.5-1.4-5-1.9-8.9-5.7-11-10.6-2.1-4.9-2.2-10.3-.3-15.3l1.2-3-29-29-7.1 7.1 24.6 24.6c-1.8 6.6-1.3 13.5 1.5 19.8 3.2 7.3 9.1 13 16.5 15.9 3.5 1.4 7.2 2.1 10.9 2.1s7.4-.7 11-2.1l7.2-2.8-5.6-5.4c-3.7-3.6-7.1-7.6-10.1-11.8.4-.7 1.1-1.8 2.3-3 1.2-1.2 2.3-2 3-2.4 4.2 3 8.2 6.4 11.8 10.1l5.4 5.6 2.8-7.2c2.9-7.5 2.8-15.6-.4-23-2.8-7.4-8.7-13-16.2-16z"/></symbol><symbol viewBox="0 0 200 200" id="home" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M178.54 96.46L100 17.93 21.46 96.46l7.08 7.08L40 92.07V180h120V92.07l11.46 11.47zM110 170H90v-45h20zm40 0h-30v-55H80v55H50V82.07l50-50 50 50z"/></symbol><symbol viewBox="0 0 123.15 123.15" id="info" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h123.15v123.15H0z"/><path fill="currentColor" d="M61.57 18.63a43 43 0 1043 43 43.07 43.07 0 00-43-43zm0 80.05a37 37 0 1137-37 37.07 37.07 0 01-37 37z"/><path fill="currentColor" d="M58.57 49.25h6v36.96h-6zm0-12.32h6v6.16h-6z"/></symbol><symbol viewBox="0 0 512 512" id="instagram" xmlns="http://www.w3.org/2000/svg"><path d="M96.1 23.2c-16.2 6.3-29.9 14.7-43.6 28.4C38.8 65.2 30.4 79 24.1 95.1c-6.1 15.6-10.2 33.5-11.4 59.7-1.2 26.2-1.5 34.6-1.5 101.4s.3 75.2 1.5 101.4c1.2 26.2 5.4 44.1 11.4 59.7 6.3 16.2 14.7 29.9 28.4 43.6 13.7 13.7 27.4 22.1 43.6 28.4 15.6 6.1 33.5 10.2 59.7 11.4 26.2 1.2 34.6 1.5 101.4 1.5 66.8 0 75.2-.3 101.4-1.5 26.2-1.2 44.1-5.4 59.7-11.4 16.2-6.3 29.9-14.7 43.6-28.4 13.7-13.7 22.1-27.4 28.4-43.6 6.1-15.6 10.2-33.5 11.4-59.7 1.2-26.2 1.5-34.6 1.5-101.4s-.3-75.2-1.5-101.4c-1.2-26.2-5.4-44.1-11.4-59.7C484 79 475.6 65.2 462 51.6c-13.7-13.7-27.4-22.1-43.6-28.4-15.6-6.1-33.5-10.2-59.7-11.4-26.2-1.2-34.6-1.5-101.4-1.5s-75.2.3-101.4 1.5c-26.3 1.1-44.2 5.3-59.8 11.4zM356.6 56c24 1.1 37 5.1 45.7 8.5 11.5 4.5 19.7 9.8 28.3 18.4 8.6 8.6 13.9 16.8 18.4 28.3 3.4 8.7 7.4 21.7 8.5 45.7 1.2 25.9 1.4 33.7 1.4 99.4s-.3 73.5-1.4 99.4c-1.1 24-5.1 37-8.5 45.7-4.5 11.5-9.8 19.7-18.4 28.3-8.6 8.6-16.8 13.9-28.3 18.4-8.7 3.4-21.7 7.4-45.7 8.5-25.9 1.2-33.7 1.4-99.4 1.4s-73.5-.3-99.4-1.4c-24-1.1-37-5.1-45.7-8.5-11.5-4.5-19.7-9.8-28.3-18.4-8.6-8.6-13.9-16.8-18.4-28.3-3.4-8.7-7.4-21.7-8.5-45.7-1.2-25.9-1.4-33.7-1.4-99.4s.3-73.5 1.4-99.4c1.1-24 5.1-37 8.5-45.7 4.5-11.5 9.8-19.7 18.4-28.3 8.6-8.6 16.8-13.9 28.3-18.4 8.7-3.4 21.7-7.4 45.7-8.5 25.9-1.2 33.7-1.4 99.4-1.4s73.5.2 99.4 1.4z" fill="#b63385"/><path d="M130.9 256.3c0 69.8 56.6 126.3 126.3 126.3S383.5 326 383.5 256.3 327 130 257.2 130s-126.3 56.5-126.3 126.3zm208.3 0c0 45.3-36.7 82-82 82s-82-36.7-82-82 36.7-82 82-82 82 36.7 82 82z" fill="#b63385"/><circle cx="388.6" cy="125" r="29.5" fill="#b63385"/></symbol><symbol viewBox="0 0 123.15 123.15" id="language" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h123.15v123.15H0z"/><path d="M61.53 15.41a46.15 46.15 0 1046.14 46.15 46.2 46.2 0 00-46.14-46.15zM99 76.06c-2.53-.74-6.27-1.72-11-2.63a57.54 57.54 0 000-23.81 106.19 106.19 0 0010.91-2.79A40 40 0 0199 76.06zm-59-14.5a50.35 50.35 0 011.1-10.88 134.94 134.94 0 0017.43 1.53v18.73a133.15 133.15 0 00-17.43 1.52 50.61 50.61 0 01-1.16-10.9zm24.53-37.69a45.94 45.94 0 0115.8 21 128.36 128.36 0 01-15.8 1.36zm-6 0V46.2a127.62 127.62 0 01-15.73-1.35 45.84 45.84 0 0115.73-20.97zm0 53.06v22.3A45.79 45.79 0 0142.8 78.29a127.62 127.62 0 0115.73-1.35zm6 22.3V76.94a133.53 133.53 0 0115.81 1.31 46 46 0 01-15.81 20.99zm0-28.31V52.21A134.18 134.18 0 0082 50.68a51.51 51.51 0 010 21.74 140.46 140.46 0 00-17.47-1.49zM96.2 41.36C94 42 90.59 43 86.34 43.81a51.33 51.33 0 00-13.47-20.76A40.33 40.33 0 0196.2 41.36zM50.22 23a51.37 51.37 0 00-13.43 20.81c-4.28-.81-7.67-1.81-9.94-2.45A40.35 40.35 0 0150.22 23zm-26 23.79a107.3 107.3 0 0011 2.8 56.08 56.08 0 00-1.25 11.93 56.93 56.93 0 001.25 12 104.38 104.38 0 00-11 2.8 40 40 0 010-29.48zm2.68 35c2.26-.69 5.64-1.6 9.93-2.45a51.27 51.27 0 0013.42 20.74 40.33 40.33 0 01-23.38-18.3zm46 18.28a51.21 51.21 0 0013.45-20.82c4.15.79 7.53 1.63 10 2.31a40.26 40.26 0 01-23.48 18.5z" fill="#292929"/></symbol><symbol viewBox="0 0 200 200" id="language-change" xmlns="http://www.w3.org/2000/svg"><path d="M102.9 55.1L97.6 30H20.1v105H82l8 24.8h90V55.1h-77.1zm-72.8-15h59.3l18.1 85H30.1v-85zm73.1 94.9l-7.6 9.4-3-9.4h10.6zm66.8 14.8h-65.9l14.9-18.5-14-66.2h65v84.7z"/><path d="M118.4 100.1H145c-.7 6.8-2.7 12-5.3 15.9-2.8-2.8-4.8-6.4-4.8-10.7h-10c0 7.3 3 13.1 7.4 17.5-2.6 1.5-5.3 2.1-7.6 2.1v10c4.8 0 10.7-1.8 16-5.8 7 4 14.7 5.8 19.2 5.8v-10c-2.4 0-7.3-1.1-12-3.3 3.7-5.3 6.4-12.4 7.1-21.5h5.5v-10h-14.1l-6.9-19.6-9.4 3.3 5.7 16.3h-17.4v10zm-38.7-20c-1.4-3.9-2.8-7.6-4.3-11.1s-2.9-6.6-4.4-9.4H59c-1.4 2.8-2.9 5.9-4.4 9.4-1.5 3.5-2.9 7.2-4.2 11.1-1.3 3.9-2.6 8-3.7 12.1-1.1 4.2-2.1 8.3-2.8 12.4h11.3c.6-3.4 1.2-6.7 1.9-10h15.4c.7 3.2 1.4 6.6 1.9 10h11.7c-.7-4.1-1.6-8.2-2.8-12.4-1-4.1-2.3-8.2-3.6-12.1zm-20.2 5.3c.8-2.7 1.6-5.4 2.4-8 .9-2.6 1.8-5.2 2.8-7.7h.4c1 2.5 1.9 5.1 2.8 7.7.9 2.6 1.7 5.3 2.4 8H59.5z"/></symbol><symbol shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 333333 333333" id="linkedin" xmlns="http://www.w3.org/2000/svg"><path d="M302077 0H31255C14069 0 1 14068 1 31256v270822c0 17186 14068 31254 31254 31254h270822c17186 0 31254-14068 31254-31254l2-270824C333333 14068 319265 0 302079 0h-2zM142041 135879h34068v17465l493 1c4744-8512 16345-17465 33644-17465 35974-2 42628 22387 42628 51509v59324l-35529 1v-52589c0-12537-260-28675-18473-28675-18499 0-21333 13646-21333 27761v53503h-35496V135878zm-24630-30787c0 10198-8276 18473-18474 18473s-18477-8276-18477-18473c0-10198 8279-18474 18477-18474s18474 8276 18474 18474zm-36951 30787h36951v110836H80460V135879z" fill="#0077b5"/></symbol><symbol viewBox="0 0 200 200" id="microscope"><path fill="currentColor" d="M160 140.05A15 15 0 00150 126c-.93-28.35-12.92-53-30.09-62a15 15 0 00-10-13V35H70v70h5v20h30v-20h5V79.13a15.06 15.06 0 007.1-5.28C130 81.94 139.17 102.64 140 126a15 15 0 00-9.13 9H50v10h80.86a15.07 15.07 0 006.43 7.86 90 90 0 01-6.1 17.15H60v10h77.31l1.4-2.69a98.78 98.78 0 008.39-22.47 15 15 0 0012.9-14.8zM80 45h20v6a14.91 14.91 0 000 28.16V95H80zm15 70H85v-10h10zm10-45a5 5 0 115-5 5 5 0 01-5 5zm40 75a5 5 0 115-4.95 5 5 0 01-5 4.95zM80 20h20v10H80z"/></symbol><symbol viewBox="0 0 200 200" id="pause" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="10" d="M79.57 66.23v76.15M112.49 66.23v76.15"/></symbol><symbol viewBox="0 0 200 200" id="pin" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M100.22 35.52h-2.43c-26.29.66-46.94 22.31-47 49.29 0 6 1.19 12.35 3.78 20.16 10.92 32.86 30.7 50.81 41.51 58.58l2.92 2.1 2.92-2.1c10.82-7.78 30.6-25.72 41.51-58.58 2.6-7.81 3.8-14.22 3.78-20.16-.06-26.97-20.7-48.63-46.99-49.29zm33.72 66.29c-9.1 27.4-24.77 43.41-34.94 51.42-10.17-8-25.83-24-34.94-51.42-2.24-6.75-3.28-12.14-3.27-17C60.84 63.33 77.17 46.08 98 45.52h2c20.8.56 37.13 17.81 37.18 39.32.04 4.83-1 10.22-3.24 16.97z"/><path fill="currentColor" d="M99 55.9a28.16 28.16 0 1028.16 28.16A28.19 28.19 0 0099 55.9zm0 46.31a18.16 18.16 0 1118.16-18.15A18.17 18.17 0 0199 102.21z"/></symbol><symbol viewBox="0 0 200 200" id="play" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="10" d="M83.42 135.07l61.67-36.4-61.85-36.59.18 72.99z"/></symbol><symbol viewBox="0 0 200 200" id="play-button" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#1a1a18" stroke-miterlimit="10" stroke-width="10" d="M74.11 139.09l61.66-36.41-61.85-36.59.19 73z"/><circle fill="none" stroke="#1a1a18" stroke-miterlimit="10" stroke-width="10" cx="97.84" cy="102.59" r="79.37"/></symbol><symbol viewBox="0 0 123.14 123.14" id="search" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h123.14v123.14H0z"/><path d="M103.74 99.44L73 68.69a30.84 30.84 0 10-4.25 4.24l30.75 30.76zM24.56 49.21a24.71 24.71 0 1124.71 24.71 24.74 24.74 0 01-24.71-24.71z"/></symbol><symbol viewBox="0 0 200 200" id="settings" xmlns="http://www.w3.org/2000/svg"><path fill="#181715" d="M114.7 180H85.3l-1.4-2.8c-2.8-5.7-4.7-11.8-5.7-18-1.6-.6-3.2-1.3-4.7-2-5.1 3.7-10.7 6.6-16.7 8.7l-3 1L33 146.1l1-3c2.1-6 5-11.6 8.7-16.7-.7-1.6-1.4-3.2-2-4.8-6.2-1-12.3-2.9-18-5.7l-2.8-1.4V85.3l2.8-1.4c5.7-2.8 11.8-4.7 18-5.7.6-1.6 1.3-3.2 2-4.7-3.7-5.1-6.6-10.7-8.7-16.7l-1-3L53.8 33l3 1c6 2.1 11.6 5 16.8 8.7 1.6-.7 3.2-1.4 4.8-2 1-6.2 2.9-12.3 5.6-18l1.4-2.8h29.4l1.4 2.8c2.8 5.7 4.7 11.8 5.7 18 1.6.6 3.2 1.3 4.8 2 5.1-3.7 10.7-6.6 16.7-8.7l3-1 20.8 20.8-1 3c-2.1 6-5 11.6-8.7 16.8.7 1.6 1.4 3.2 2 4.8 6.2 1 12.3 2.9 18 5.6l2.8 1.4v29.4l-2.8 1.4c-5.7 2.8-11.8 4.7-18 5.7-.6 1.6-1.3 3.2-2 4.8 3.7 5.1 6.6 10.7 8.7 16.7l1 3-20.8 20.8-3-1c-6-2.1-11.6-5-16.7-8.7-1.6.7-3.2 1.4-4.8 2-1 6.2-2.9 12.3-5.7 18l-1.5 2.5zm-23-10h16.6c2-4.8 3.3-9.9 3.9-15.1l.4-3.2 3.1-1c3.1-1 6.2-2.2 9-3.8l2.9-1.5 2.6 2c4.1 3.3 8.6 5.9 13.4 7.9l11.8-11.8c-2-4.8-4.7-9.3-7.9-13.4l-2.1-2.6 1.5-2.9c1.5-2.9 2.8-5.9 3.8-9l1-3.1 3.2-.4c5.2-.6 10.3-1.9 15.1-3.9V91.7c-4.8-2-9.9-3.3-15.1-3.9l-3.3-.4-1-3.1c-1-3.1-2.2-6.2-3.8-9l-1.5-2.9 2-2.6c3.3-4.1 6-8.6 7.9-13.5l-11.8-11.8c-4.8 2-9.3 4.7-13.4 7.9l-2.6 2.1-2.9-1.5c-2.9-1.5-5.9-2.8-9-3.8l-3.1-1-.4-3.2c-.6-5.2-1.9-10.3-3.9-15.1H91.7c-2 4.8-3.3 9.9-3.9 15.1l-.4 3.3-3.1 1c-3.1 1-6.2 2.2-9 3.8l-2.9 1.5-2.6-2c-4.1-3.3-8.6-5.9-13.5-7.9L44.6 56.4c2 4.8 4.7 9.3 7.9 13.4l2.1 2.6-1.5 2.9c-1.5 2.9-2.8 5.9-3.8 9l-1 3.1-3.2.4c-5.2.6-10.3 1.9-15.1 3.9v16.6c4.8 2 9.9 3.3 15.1 3.9l3.2.4 1 3.1c1 3.1 2.2 6.1 3.8 9l1.5 2.9-2.1 2.6c-3.3 4.1-5.9 8.6-7.9 13.4l11.8 11.8c4.8-2 9.3-4.7 13.4-7.9l2.6-2.1 2.9 1.5c2.9 1.5 5.9 2.8 9 3.8l3.1 1 .4 3.2c.6 5.2 1.9 10.3 3.9 15.1z"/><path fill="#181715" d="M100 127.3c-15.1 0-27.3-12.3-27.3-27.3 0-15.1 12.3-27.3 27.3-27.3 15.1 0 27.3 12.3 27.3 27.3 0 15.1-12.2 27.3-27.3 27.3zm0-44.6c-9.6 0-17.3 7.8-17.3 17.3 0 9.6 7.8 17.3 17.3 17.3 9.6 0 17.3-7.8 17.3-17.3 0-9.6-7.7-17.3-17.3-17.3z"/></symbol><symbol viewBox="0 0 123.15 123.15" id="share" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h123.15v123.15H0z"/><path fill="currentColor" d="M90.82 77.05a13.75 13.75 0 00-10.68 5.1L45.68 65a13.34 13.34 0 00.42-3.31 13.71 13.71 0 00-.43-3.34L80.16 41a13.77 13.77 0 10-3.11-8.7 13.57 13.57 0 00.43 3.33L43 53a13.78 13.78 0 100 17.38l34.47 17.14a13.4 13.4 0 00-.42 3.31 13.78 13.78 0 1013.77-13.78zm0-52.51a7.78 7.78 0 11-7.77 7.78 7.79 7.79 0 017.77-7.78zM32.33 69.43a7.78 7.78 0 117.77-7.78 7.79 7.79 0 01-7.77 7.78zM90.82 98.6a7.78 7.78 0 117.78-7.77 7.78 7.78 0 01-7.78 7.77z"/></symbol><symbol viewBox="0 0 123.15 123.15" id="sound" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h123.15v123.15H0z"/><path d="M65.21 103.74L41.57 76.9h-23V46.25h23l23.65-26.87 2.18 1.46a49 49 0 010 81.44zM24.55 70.9h19.73l21.91 24.87a43 43 0 000-68.42l-21.93 24.9H24.55z"/><path class="bjcls-2" d="M89 103.55l-4.55-3.9a58.57 58.57 0 00-.15-76.45l4.53-3.93a64.54 64.54 0 01.17 84.28z"/></symbol><symbol viewBox="0 0 200 200" id="syringe" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M112.37 45.2L98.23 31.06l-7.07 7.07 14.14 14.14-63.64 63.64 10.61 10.61-7.07 7.07a15 15 0 00-2.92 17.06l-30.82 30.81 7.08 7.08 30.81-30.82a15 15 0 0017.06-2.92l7.07-7.07 10.61 10.61 63.64-63.64 14.14 14.14 7.07-7.07-14.14-14.14zm-53 102.53a5 5 0 01-7.07-7.07l7.07-7.07 7.07 7.07zm70.71-49.5l-14.17-14.14-7.07 7.07L123 105.3l-7.07 7.07L102 98.49l-7 7.07 13.89 13.89-7.07 7.07-14.19-14.15-7.08 7.08 14.15 14.14-10.61 10.6-28.28-28.28 56.56-56.57 28.29 28.29zM186.62 55.81l-42.43-42.43-7.07 7.07 10.61 10.61-21.21 21.21 7.07 7.07 21.21-21.21 7.07 7.07-21.21 21.21 7.07 7.07 21.21-21.21 10.61 10.61 7.07-7.07z"/></symbol><symbol viewBox="0 0 200 200" id="telefon" xmlns="http://www.w3.org/2000/svg"><defs><style>.blcls-1{fill:#1a1a18}</style></defs><path class="blcls-1" d="M136.53 141.31h-36.26l-10.62 10.62a96 96 0 01-42-42l10.63-10.61V63.06l-22-22-3.55 3.56-22.8 22.8v2.07A120.31 120.31 0 00130.1 189.66h2.07l22.91-22.9 3.45-3.45zm-32.12 10h28l10.43 10.43a95.37 95.37 0 01-43.35-5.49zM48.28 95.18l-4.94 4.94a95.37 95.37 0 01-5.49-43.35L48.28 67.2zm79.77 84.46A110.3 110.3 0 0120 71.54l7.41-7.42a105.56 105.56 0 00105.41 108.16c.88 0 1.77 0 2.65-.05zM124.63 110.65h10a45.17 45.17 0 00-45.12-45.12v10a35.17 35.17 0 0135.12 35.12zM89.51 10.2v10A90.55 90.55 0 01180 110.65h10A100.56 100.56 0 0089.51 10.2z"/><path class="blcls-1" d="M89.51 37.86v10a62.86 62.86 0 0162.78 62.79h10a72.87 72.87 0 00-72.78-72.79z"/></symbol><symbol shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 333333 333333" id="twitter" xmlns="http://www.w3.org/2000/svg"><path d="M302077 0H31255C14069 0 1 14068 1 31256v270822c0 17186 14068 31254 31254 31254h270822c17186 0 31254-14068 31254-31254l2-270824C333333 14068 319265 0 302079 0h-2zm-33549 103487c-7489 3350-15558 5575-23983 6568 8632-5170 15233-13361 18384-23115-8068 4772-17034 8271-26535 10143-7640-8117-18490-13163-30510-13163-23080 0-41766 18697-41766 41763 0 3256 361 6440 1068 9512-34728-1760-65516-18386-86126-43680-3697 6378-5654 13630-5654 21004v5c0 14483 7354 27292 18573 34762-6847-204-13287-2113-18941-5207v522c0 20254 14396 37154 33525 40974-3505 952-7204 1477-11015 1477-2700 0-5301-278-7887-748 5343 16587 20765 28679 39029 29032-14320 11219-32306 17899-51914 17899-3384 0-6681-207-9974-602 18535 11893 40492 18780 64080 18780 76848 0 118908-63685 118908-118903 0-1835-41-3613-117-5410 8162-5839 15238-13207 20840-21595l19-19-4 2z" fill="#1da1f2"/></symbol><symbol shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 333333 333333" id="whatsapp" xmlns="http://www.w3.org/2000/svg"><path d="M302077 0H31255C14069 0 1 14068 1 31256v270822c0 17186 14068 31254 31254 31254h270822c17186 0 31254-14068 31254-31254l2-270824C333333 14068 319265 0 302079 0h-2zm-62988 98696c-17931-17968-41780-27850-67183-27850-52328-1-94918 42593-94918 94959 0 16727 4382 33089 12684 47464l-13479 49218 50343-13212c13883 7563 29502 11572 45356 11572h38c52331 0 94957-42594 94957-94957 0-25381-9882-49217-27813-67179l14-14zm-67155 146128c-14182 0-28074-3822-40193-11011l-2890-1725-29874 7824 7978-29119-1868-2991c-7943-12543-12089-27060-12089-41992 0-43527 35407-78948 78980-78948 21069 0 40919 8239 55809 23128 14897 14936 23089 34739 23089 55844-35 43558-35443 78980-78948 78980l7 11zm43269-59134c-2359-1200-14039-6922-16206-7714-2168-792-3748-1201-5356 1199-1570 2359-6134 7715-7524 9316-1391 1574-2765 1799-5124 598s-10035-3703-19088-11790c-7043-6285-11818-14070-13208-16428-1389-2358-156-3667 1053-4824 1091-1057 2361-2766 3557-4156 1200-1390 1573-2362 2361-3967 792-1574 406-2964-190-4157-598-1196-5356-12876-7295-17634-1905-4649-3892-4001-5352-4082-1390-71-2963-71-4530-71s-4157 594-6324 2959c-2168 2359-8313 8124-8313 19800 0 11680 8496 22945 9688 24555 1200 1570 16735 25560 40531 35826 5656 2431 10072 3891 13514 5022 5690 1795 10853 1535 14936 932 4564-672 14039-5730 16026-11272 1985-5546 1985-10291 1391-11272-563-1056-2133-1639-4529-2855l-18 15h-1z" fill="#01e675"/></symbol><symbol viewBox="0 0 1024 1024" id="wien-bot" xmlns="http://www.w3.org/2000/svg"><path d="M198.44 834.86l730.62-242.81c6.09 124.07-71.97 303.78-257.16 376.63-181.29 71.31-376.04 1.06-473.46-133.82zm450.7-635.27c-4.25-1.6-10.14-3.56-16.51-5.53l9.66-47c28.03-6.74 48.4-32.36 47.63-62.5-.89-34.91-28.52-61.31-63.37-60.55-34.59.76-61.88 28.58-61.68 62.87.11 19.9 10.62 38.1 26.17 49.54l-9.26 45.04c-139.74-25.34-256.06 19.87-350.5 119.27l-37.22-33.06c2.05-6.45 3.12-13.26 2.88-20.25-1.17-34.17-29.95-60.95-64.47-60.02-34.76.94-61.42 28.9-60.6 63.54.81 34.25 29.24 61.86 63.33 61.5 8.53-.09 16.74-2.07 24.23-5.52l37.88 33.65c-99.39 131.98-94.89 290.53-60.88 375.4 257.56-85.59 515.16-171.19 773.94-257.19C862.9 329.9 775.54 244.69 649.14 199.59zM419.65 436.83c1.18 34.25-27.71 64.66-61.74 65.02-34.09.36-62.52-27.25-63.33-61.5-.82-34.64 25.85-62.6 60.61-63.54 34.51-.93 63.29 25.86 64.46 60.02zm208.25-69.48c.88 34.51-25.95 63.09-60.25 64.21-34.19 1.11-64.62-27.93-64.81-61.88-.19-34.29 27.1-62.11 61.68-62.87 34.85-.77 62.49 25.64 63.38 60.54z" fill="none" stroke="#f1636b" stroke-width="33.692" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"/></symbol><symbol viewBox="0 0 123.24 123.24" id="wifi" xmlns="http://www.w3.org/2000/svg"><path fill="#292929" d="M105.1 48.92a61.326 61.326 0 00-19.54-13.18c-7.58-3.21-15.63-4.83-23.93-4.83s-16.35 1.63-23.93 4.83c-7.32 3.1-13.9 7.53-19.54 13.18l-4.35-4.35c6.21-6.21 13.44-11.09 21.5-14.49 8.34-3.53 17.2-5.32 26.33-5.32s17.99 1.79 26.33 5.32a67.51 67.51 0 0121.5 14.49l-4.37 4.35zM80.75 75.78c-5.11-5.11-11.9-7.92-19.13-7.92S47.6 70.67 42.5 75.78l-4.35-4.35c6.27-6.27 14.61-9.73 23.48-9.73s17.21 3.45 23.48 9.73l-4.36 4.35z"/><path fill="#292929" d="M92.92 62.27c-8.36-8.36-19.48-12.96-31.3-12.96s-22.94 4.6-31.3 12.96l-4.35-4.35c9.52-9.52 22.19-14.77 35.65-14.77s26.13 5.24 35.65 14.77l-4.35 4.35zM61.62 98.65c-5.09 0-9.24-4.14-9.24-9.24s4.14-9.24 9.24-9.24 9.24 4.14 9.24 9.24-4.14 9.24-9.24 9.24zm0-12.32c-1.7 0-3.08 1.38-3.08 3.08s1.38 3.08 3.08 3.08 3.08-1.38 3.08-3.08-1.38-3.08-3.08-3.08z"/></symbol><symbol shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 1333.34 1333.33" id="xing" xmlns="http://www.w3.org/2000/svg"><path d="M1208.31 0H125.02C56.28 0 0 56.27 0 125.02v1083.29c0 68.74 56.28 125.02 125.02 125.02h1083.29c68.74 0 125.02-56.28 125.02-125.02l.01-1083.3c0-68.74-56.28-125.02-125.02-125.02h-.01zM876.22 260.36c-17.5 0-25.09 11.03-31.37 22.32 0 0-252.48 447.75-260.8 462.45.43.8 166.53 305.52 166.53 305.52 5.81 10.39 14.79 22.32 32.74 22.32h117.06c7.06 0 12.58-2.67 15.56-7.49 3.12-5 3.04-11.61-.24-18.11L750.48 745.5a.747.747 0 01-.12-.39c0-.14.04-.28.12-.39l259.49-458.8c3.25-6.47 3.33-13.08.24-18.09-2.99-4.82-8.52-7.48-15.58-7.48h-118.4zM383.86 420.84c-7.06 0-13 2.48-15.98 7.32-3.09 5.01-2.61 11.46.67 17.98l79.24 137.17c.13.27.13.43 0 .67L323.27 803.72c-3.25 6.48-3.09 12.97 0 17.98 2.98 4.82 8.26 7.99 15.31 7.99h117.2c17.52 0 25.97-11.83 31.96-22.65 0 0 121.78-215.38 126.52-223.74-.48-.78-80.57-140.5-80.57-140.5-5.83-10.39-14.65-21.97-32.63-21.97h-117.2z" fill="#046064"/></symbol><symbol shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 333333 333333" id="youtube" xmlns="http://www.w3.org/2000/svg"><path d="M302077 0H31255C14069 0 1 14068 1 31256v270822c0 17186 14068 31254 31254 31254h270822c17186 0 31254-14068 31254-31254l2-270824C333333 14068 319265 0 302079 0h-2zm-38146 126961s-1939-13688-7905-19698c-7561-7905-16026-7956-19896-8414-27768-2023-69473-2023-69473-2023h-73s-41686 0-69469 2023c-3885 473-12339 506-19896 8414-5970 6010-7868 19698-7868 19698s-1976 16063-1976 32159v15052c0 16063 1975 32158 1975 32158s1939 13688 7868 19709c7557 7905 17489 7648 21923 8491 15897 1518 67531 1975 67531 1975s41742-74 69509-2059c3885-459 12336-506 19896-8414 5970-6010 7905-19713 7905-19713s1977-16063 1977-32158v-15051c-40-16063-2016-32158-2016-32158l-11 10-1-1zm-117844 65472v-55811l53644 27998-53644 27812z" fill="red"/></symbol><symbol viewBox="0 0 123.14 123.14" id="zoom" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h123.14v123.14H0z"/><path d="M103.74 99.44L73 68.69a30.84 30.84 0 10-4.25 4.24l30.75 30.76zM24.56 49.21a24.71 24.71 0 1124.71 24.71 24.74 24.74 0 01-24.71-24.71z"/><path d="M64.64 46.21H52.25V33.83h-6v12.38H33.87v6h12.38v12.38h6V52.21h12.39v-6z"/></symbol></svg>
\ No newline at end of file

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>