Merge remote-tracking branch 'origin/main' into dev-moritz

Layout

.github/workflows/dev-pipeline.yml

@@ -19,7 +19,7 @@ jobs:
           port: 22
           script: |
             cd ~/online-energieausweis
-            git reset --hard HEAD
+            git reset --hard origin/main
             git clean -f -d
             git pull origin main
             git status

.gitignore

@@ -1,28 +1,34 @@
-# build output
-dist/
-
-# generated types
-.astro/
-
-# log files
-logs/
-
-# dependencies
-node_modules/
-
-# logs
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-
-# lockfile
-pnpm-lock.yaml
-bun.lockb
-
-# environment variables
-.env
-.env.production
-
-# macOS-specific files
-.DS_Store
+# build output
+dist/
+
+# generated types
+.astro/
+
+# log files
+logs/
+
+# dependencies
+node_modules/
+
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# lockfile
+pnpm-lock.yaml
+bun.lockb
+
+# environment variables
+.env
+.env.production
+
+# macOS-specific files
+.DS_Store
+
+public/fonts/
+
+*.Identifier
+
+src/lib/Berechnungen/BedarfsausweisWohnen/18599-Tabellenverfahren-Wohngebaeude-komplett-ocr.pdf

.vscode/settings.json

@@ -8,9 +8,10 @@
 	"css.lint.unknownAtRules": "ignore",
 	"scss.lint.unknownAtRules": "ignore",
 	"less.lint.unknownAtRules": "ignore"
-}
+
 	"workbench.colorCustomizations": {
 		"minimap.background": "#00000000",
 		"scrollbar.shadow": "#00000000"
-	}
+	},
+	
 }

Makefile

@@ -1,9 +1,9 @@
-.PHONY: dev database api online-energieausweis all prod bun-install-database bun-install-api
+.PHONY: dev database online-energieausweis all prod bun-install-database # api bun-install-api
 
 online-energieausweis:
-	bun run dev
+	bun run dev --host
 
-dev: online-energieausweis api database
+dev: database online-energieausweis # api
 
 database:
 	$(MAKE) -C ../database dev
@@ -13,21 +13,19 @@ bun-install-database:
 	bun link
 	bun install
 
-bun-install-api: bun-install-database
-	cd ../api
-	bun install
-	bun link @ibcornelsen/database
+# bun-install-api: bun-install-database
+# 	cd ../api
+# 	bun install
+# 	bun link @ibcornelsen/database
 
-api:
-	$(MAKE) -C ../api dev
+# api:
+# 	$(MAKE) -C ../api dev
 
 all:
 	mkdir -p ~/logs
 	bun run dev 2>&1 | tee ~/logs/`date '+%d-%m-%Y_%H:%M:%S'`.log
 
-prod: bun-install-api bun-install-database
-	bun install
-	bun pm trust @ibcornelsen/database
+prod: bun-install-database # bun-install-api
 	mkdir -p ~/logs
 	mkdir -p ~/persistent/online-energieausweis
 	
@@ -39,11 +37,11 @@ prod: bun-install-api bun-install-database
 	fi
 	
 # Auch die API sollte bereits laufen
-	@if [ $$(pm2 pid api) -eq "0" ]; then \
-		cd ../api; \
-		$(MAKE) prod; \
-		cd ../online-energieausweis; \
-	fi
+# @if [ $$(pm2 pid api) -eq "0" ]; then \
+# 	cd ../api; \
+# 	$(MAKE) prod; \
+# 	cd ../online-energieausweis; \
+# fi
 
 	- rm -f ~/online-energieausweis/.env;
 	- touch ~/online-energieausweis/.env;

astro.config.mjs

@@ -4,12 +4,14 @@ import svelte from "@astrojs/svelte";
 import tailwind from "@astrojs/tailwind";
 import node from "@astrojs/node";
 import mdx from "@astrojs/mdx";
+import dsv from "@rollup/plugin-dsv"
+import astroTypesafeAPI from "astro-typesafe-api"
 
 import { fileURLToPath } from "url";
 
 // https://astro.build/config 
 export default defineConfig({
-  integrations: [svelte(), tailwind(), mdx()],
+  integrations: [svelte(), tailwind(), mdx(), astroTypesafeAPI()],
   outDir: "./dist",
   output: "server",
   vite: {
@@ -28,12 +30,16 @@ export default defineConfig({
       commonjsOptions: {
         transformMixedEsModules: false
       }
-    }
+    },
+		plugins: [dsv()]
   },
   adapter: node({
     mode: "middleware"
   }),
   server: {
     port: 3000
+  },
+  devToolbar: {
+    enabled: false
   }
 });

cypress.config.ts

@@ -1,17 +1,42 @@
 import { defineConfig } from "cypress";
+import dsv from "@rollup/plugin-dsv"
+
+import { fileURLToPath } from "url";
+import vitePreprocessor from "cypress-vite";
 
 export default defineConfig({
   e2e: {
     baseUrl: "http://localhost:3000",
-    supportFile: false,
 		viewportHeight: 900,
 		viewportWidth: 1660,
+		supportFile: false,
+		specPattern: "./src/cypress/e2e/**/*.{ts,js}",
+		setupNodeEvents(on, config) {
+				on("file:preprocessor", vitePreprocessor({
+					optimizeDeps: {
+						exclude: ["@ibcornelsen/database"]
+					},
+					resolve: {
+						alias: {
+							"#": fileURLToPath(new URL("./src", import.meta.url)),
+							"#components": fileURLToPath(new URL("./src/components", import.meta.url)),
+							"#lib": fileURLToPath(new URL("./src/lib", import.meta.url))
+						}
+					},
+					base: fileURLToPath(new URL("./src", import.meta.url)),
+					build: {
+						commonjsOptions: {
+							transformMixedEsModules: false
+						}
+					},
+					plugins: [dsv()]
+				}))
+		},
   },
-
   component: {
     devServer: {
       framework: "svelte",
-      bundler: "vite",
+      bundler: "vite"
     },
-  },
+  }
 });

docker-compose.yml

@@ -13,7 +13,7 @@ services:
       - ./:/online-energieausweis
       - ./node_modules/@ibcornelsen/ui:/online-energieausweis/node_modules/@ibcornelsen/ui
       - ./node_modules/@ibcornelsen/database:/online-energieausweis/node_modules/@ibcornelsen/database
-      - ./node_modules/@ibcornelsen/api:/online-energieausweis/node_modules/@ibcornelsen/api
+      # - ./node_modules/@ibcornelsen/api:/online-energieausweis/node_modules/@ibcornelsen/api
       - ./node_modules/radix-svelte-icons:/online-energieausweis/node_modules/radix-svelte-icons
       - ../api/persistent:/persistent
   ibcornelsen-api:

package.json

@@ -11,9 +11,10 @@
     "test:e2e": "cypress run",
     "test:unit": "bun test",
     "format": "prettier --write .",
-    "build:production": "astro build && bun --bun server.js",
+    "build:production": "astro build && bun --bun server.ts",
     "i18n:generate": "bunx astro-i18next generate",
-    "prisma:studio": "bunx prisma studio --schema=./node_modules/@ibcornelsen/database/prisma/schema.prisma"
+    "prisma:studio": "bunx prisma studio --schema=./node_modules/@ibcornelsen/database/prisma/schema.prisma",
+    "openapi:generate": "bun astro-typesafe-api generate"
   },
   "private": true,
   "dependencies": {
@@ -21,59 +22,73 @@
     "@astrojs/node": "^8.3.4",
     "@astrojs/svelte": "^2.2.0",
     "@astrojs/tailwind": "^3.1.3",
-    "@ibcornelsen/api": "link:@ibcornelsen/api",
     "@ibcornelsen/database": "link:@ibcornelsen/database",
     "@ibcornelsen/ui": "^0.0.2",
-    "@mollie/api-client": "^3.7.0",
-    "@pdfme/common": "^5.1.7",
-    "@pdfme/generator": "^5.1.7",
-    "@pdfme/ui": "^5.1.7",
+    "@mollie/api-client": "^4.1.0",
+    "@pdfme/common": "^5.2.16",
+    "@pdfme/generator": "^5.2.16",
+    "@pdfme/ui": "^5.2.16",
     "@trpc/client": "^10.45.2",
     "@trpc/server": "^10.45.2",
-    "astro": "^4.16.10",
-    "astro-i18next": "1.0.0-beta.21",
+    "astro": "^4.16.17",
+    "astro-typesafe-api": "^0.2.1",
     "body-scroll-lock": "^4.0.0-beta.0",
     "buffer": "^6.0.3",
-    "bun": "^1.1.34",
+    "bun": "^1.1.45",
     "csvtojson": "^2.0.10",
-    "express": "^4.21.1",
+    "express": "^4.21.2",
     "flag-icons": "^6.15.0",
     "fontkit": "^2.0.4",
-    "i18next": "^23.16.5",
-    "i18next-fs-backend": "^2.3.2",
-    "i18next-http-backend": "^2.6.2",
+    "is-base64": "^1.1.0",
     "js-cookie": "^3.0.5",
-    "js-interpolate": "^1.0.1",
-    "katex": "^0.16.11",
+    "js-interpolate": "^1.3.2",
+    "jsonwebtoken": "^9.0.2",
+    "jwt-decode": "^4.0.0",
     "moment": "^2.30.1",
     "moment-timezone": "^0.5.46",
+    "nodemailer": "^6.10.0",
+    "pdf-lib": "^1.17.1",
+    "postcss-nested": "^7.0.2",
     "radix-svelte-icons": "^1.0.0",
-    "sass": "^1.80.6",
+    "sass": "^1.83.4",
     "svelte": "^3.59.2",
     "svelte-dialogs": "^1.2.2",
     "svelte-preprocess": "^5.1.4",
     "svelte-ripple-action": "^1.0.6",
-    "tailwindcss": "^3.4.14",
+    "tailwindcss": "^3.4.17",
     "trpc-openapi": "^1.2.0",
     "uuid": "^9.0.1",
-    "zod": "^3.23.8"
+    "zod": "^3.24.1"
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@tailwindcss/typography": "^0.5.15",
+    "@rollup/plugin-dsv": "^3.0.5",
+    "@tailwindcss/typography": "^0.5.16",
     "@types/body-scroll-lock": "^3.1.2",
+    "@types/express": "^5.0.0",
     "@types/fontkit": "^2.0.7",
+    "@types/is-base64": "^1.1.3",
     "@types/js-cookie": "^3.0.6",
+    "@types/jsonwebtoken": "^9.0.7",
+    "@types/nodemailer": "^6.4.17",
     "@types/uuid": "^9.0.8",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
-    "bun-types": "^1.1.34",
-    "cypress": "^13.15.2",
+    "autoprefixer": "^10.4.20",
+    "bun-types": "^1.1.45",
+    "cypress": "^13.17.0",
     "cypress-file-upload": "^5.0.8",
-    "daisyui": "^4.12.14",
+    "cypress-vite": "^1.6.0",
+    "daisyui": "^4.12.23",
     "eslint": "~8.15.0",
     "eslint-config-prettier": "8.1.0",
+    "postcss": "^8.5.1",
+    "postcss-import": "^16.1.0",
+    "postcss-nesting": "^13.0.1",
     "prettier": "^2.8.8",
     "typescript": "^4.9.5"
+  },
+  "overrides": {
+    "zod": "^3.24.1"
   }
 }

postcss.config.cjs

@@ -0,0 +1,8 @@
+module.exports = {
+  plugins: {
+    'postcss-import': {},
+    'tailwindcss/nesting': {},
+    tailwindcss: {},
+    autoprefixer: {},
+  }
+}

public/fonts/Antique-Olive-Std-Compact_3864.ttfZone.Identifier

@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\all\Downloads\antique-olive-std.zip

public/fonts/HeronSans-Light.woff2Zone.Identifier

@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\all\Downloads\font (1).zip

public/fonts/HeronSans-Regular.eotZone.Identifier

@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\all\Downloads\font (1).zip

public/fonts/HeronSans-Regular.ttfZone.Identifier

@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\all\Downloads\font (1).zip

public/fonts/HeronSans-Regular.woff2Zone.Identifier

@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\all\Downloads\font (1).zip

public/fonts/HeronSans-Regular.woffZone.Identifier

@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\all\Downloads\font (1).zip

public/fonts/HeronSansCond-SemiBold.woff2Zone.Identifier

@@ -1,3 +0,0 @@
-[ZoneTransfer]
-ZoneId=3
-ReferrerUrl=C:\Users\all\Downloads\font (1).zip

public/images/header/logo-IBC-big.svg

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Ebene_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 143 163.6">
+  <!-- Generator: Adobe Illustrator 29.1.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 142)  -->
+  <defs>
+    <style>
+      .st0 {
+        display: none;
+        fill: #878787;
+      }
+
+      .st1 {
+        fill: #445096;
+      }
+
+      .st2 {
+        fill: #c6c6c6;
+      }
+    </style>
+  </defs>
+  <path class="st0" d="M387,57.9c0,3.8-1,6.9-3.1,9.2-2.1,2.3-4.9,3.4-8.5,3.4h-16c-3.8,0-6.8-1.3-8.8-3.9-1.8-2.2-2.7-5-2.7-8.5V21.2c0-3.6,1-6.6,3-8.9,2-2.3,4.8-3.5,8.3-3.5h16.1c3.7,0,6.6,1.2,8.6,3.5s3,5.4,3,9.2l-10.9,2.8c0-3-1.5-4.5-4.6-4.5h-8.5c-2.7,0-4.1,1.3-4.1,3.9v32.1c0,2.5,1.4,3.7,4.1,3.7h9c2.8,0,4.1-1.5,4.1-4.4l10.9,2.7h.1Z"/>
+  <g>
+    <path class="st1" d="M17.6,144.6H3.2V63.3h14.4v81.2h0Z"/>
+    <path class="st1" d="M84.3,128c0,4.8-1.3,8.7-3.8,11.7-2.7,3.1-6.4,4.7-11.1,4.7h-36.5v-14.4h3.6v-52.4h-3.6v-14.4h36.5c4.7,0,8.4,1.6,11.1,4.7,2.5,3,3.8,6.9,3.8,11.7v11c0,6-1.8,10.3-5.4,13,3.6,3,5.4,7.4,5.4,13.2v11.2ZM70,92v-9.3c0-3.2-1.7-4.8-5.1-4.8h-13.9v19h14.1c3.3,0,4.9-1.6,4.9-4.8h0ZM70,125.4v-9.2c0-1.4-.5-2.6-1.4-3.5s-2.1-1.4-3.5-1.4h-14.1v19h13.9c3.4,0,5.1-1.6,5.1-4.8h0Z"/>
+    <path class="st1" d="M17.6,77.7v-14.4h3.7v14.4h-3.7Z"/>
+    <path class="st1" d="M-.5,77.7v-14.4h3.7v14.4H-.5Z"/>
+    <path class="st1" d="M17.6,144.6v-14.4h3.7v14.4h-3.7Z"/>
+    <path class="st1" d="M-.5,144.6v-14.4h3.7v14.4H-.5Z"/>
+    <path class="st2" d="M124.5,130.2h-11.8c-3.6,0-5.3-1.6-5.3-4.9v-43.1c0-3.3,1.8-4.9,5.3-4.9h11.8c3.6,0,5.4,1.9,5.4,5.7h13.1c0-7.4,0-12.7-2.7-15.7s-6.4-4.5-11.1-4.5h-21.1c-5.1,0-8.9,1.7-11.6,5.1-2.3,2.9-3.5,6.6-3.5,11.2v49.1c0,4.6,1.2,8.3,3.5,11.2,2.7,3.4,6.5,5.1,11.6,5.1h21.1c4.7,0,8.4-1.5,11.1-4.5,2.7-3,2.7-8.3,2.7-15.7h-13.1c0,3.8-1.8,5.7-5.4,5.7v.2Z"/>
+    <polygon class="st1" points="90.4 14.4 71.3 .8 52.2 14.4 -.5 52.4 18.7 52.4 71.3 14.4 123.9 52.4 143 52.4 90.4 14.4"/>
+    <path class="st1" d="M-.3,164.1v-9.3h143.4v9.3H-.3Z"/>
+  </g>
+</svg>

public/images/header/logo-IBC-white.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 143.6 163.3">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+
+      .cls-2 {
+        fill: #dae6f7;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M18.1,143.8H3.7V62.5h14.4v81.2h0v.1Z"/>
+  <path class="cls-1" d="M84.8,127.2c0,4.8-1.3,8.7-3.8,11.7-2.7,3.1-6.4,4.7-11.1,4.7h-36.5v-14.4h3.6v-52.4h-3.6v-14.4h36.5c4.7,0,8.4,1.6,11.1,4.7,2.5,3,3.8,6.9,3.8,11.7v11c0,6-1.8,10.3-5.4,13,3.6,3,5.4,7.4,5.4,13.2v11.2h0ZM70.5,91.2v-9.3c0-3.2-1.7-4.8-5.1-4.8h-13.9v19h14.1c3.3,0,4.9-1.6,4.9-4.8h0v-.1ZM70.5,124.6v-9.2c0-1.4-.5-2.6-1.4-3.5s-2.1-1.4-3.5-1.4h-14.1v19h13.9c3.4,0,5.1-1.6,5.1-4.8h0v-.1Z"/>
+  <path class="cls-1" d="M18.1,76.9v-14.4h3.7v14.4h-3.7Z"/>
+  <path class="cls-1" d="M0,76.9v-14.4h3.7v14.4H0Z"/>
+  <path class="cls-1" d="M18.1,143.8v-14.4h3.7v14.4h-3.7Z"/>
+  <path class="cls-1" d="M0,143.8v-14.4h3.7v14.4H0Z"/>
+  <path class="cls-2" d="M125,129.4h-11.8c-3.6,0-5.3-1.6-5.3-4.9v-43.1c0-3.3,1.8-4.9,5.3-4.9h11.8c3.6,0,5.4,1.9,5.4,5.7h13.1c0-7.4,0-12.7-2.7-15.7s-6.4-4.5-11.1-4.5h-21.1c-5.1,0-8.9,1.7-11.6,5.1-2.3,2.9-3.5,6.6-3.5,11.2v49.1c0,4.6,1.2,8.3,3.5,11.2,2.7,3.4,6.5,5.1,11.6,5.1h21.1c4.7,0,8.4-1.5,11.1-4.5,2.7-3,2.7-8.3,2.7-15.7h-13.1c0,3.8-1.8,5.7-5.4,5.7v.2h0Z"/>
+  <polygon class="cls-1" points="90.9 13.6 71.8 0 52.7 13.6 0 51.6 19.2 51.6 71.8 13.6 124.4 51.6 143.5 51.6 90.9 13.6"/>
+  <path class="cls-1" d="M.2,163.3v-9.3h143.4v9.3H.2Z"/>
+</svg>

public/images/header/logo_immowelt.svg

@@ -0,0 +1,7 @@
+<svg width="1090" height="240" viewBox="0 0 1090 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M127.354 233.386H478.982C550.473 233.386 601.664 186.164 601.664 120.088C601.664 53.8362 550.649 6.61414 478.982 6.61414L127.354 6.61414C55.6863 6.61414 6.61365 53.8362 6.61365 120.088C6.61365 186.164 55.8628 233.386 127.354 233.386Z" fill="#303038"/>
+<path d="M960.971 6.61414H478.981C550.648 6.61414 601.663 53.8362 601.663 120.088C601.663 186.164 550.472 233.386 478.981 233.386H960.971C1032.46 233.386 1083.39 186.164 1083.39 120.088C1083.39 53.8362 1032.64 6.61414 960.971 6.61414Z" fill="#FFCC00"/>
+<path d="M514.184 148.459C500.239 148.459 490.707 138.063 490.707 122.909C490.707 107.756 500.239 97.36 514.184 97.36C528.483 97.36 537.662 107.403 537.662 122.909C537.662 138.063 528.129 148.459 514.184 148.459ZM514.184 171.893C542.604 171.893 563.257 151.278 563.257 122.909C563.257 94.3645 542.781 73.9251 514.184 73.9251C485.941 73.9251 465.112 94.717 465.112 122.909C465.112 151.102 485.941 171.893 514.184 171.893ZM312.069 169.25H337.664V108.285C341.018 101.765 347.902 97.1838 354.786 97.1838C363.789 97.1838 370.144 104.232 370.144 114.452V169.25H395.739V108.285C398.564 101.765 405.801 97.1838 413.038 97.1838C422.041 97.1838 428.042 104.232 428.042 114.452V169.25H453.638V109.694C453.638 87.8451 439.516 73.9251 417.628 73.9251C406.154 73.9251 396.798 78.154 389.208 87.4927C383.206 78.5064 374.204 73.9251 362.906 73.9251C351.609 73.9251 341.9 78.6826 336.075 86.7879V76.3919H312.069V169.25ZM153.73 169.25H179.325V108.285C182.679 101.765 189.563 97.1838 196.448 97.1838C205.45 97.1838 211.805 104.232 211.805 114.452V169.25H237.4V108.285C240.225 101.765 247.462 97.1838 254.699 97.1838C263.702 97.1838 269.704 104.232 269.704 114.452V169.25H295.299V109.694C295.299 87.8451 281.177 73.9251 259.289 73.9251C247.815 73.9251 238.46 78.154 230.869 87.4927C224.867 78.5064 215.865 73.9251 204.568 73.9251C193.27 73.9251 183.562 78.6826 177.737 86.7879V76.3919H153.73V169.25ZM122.662 67.5818C131.135 67.5818 137.843 60.8862 137.843 52.9571C137.843 48.9382 136.244 45.0838 133.397 42.242C130.55 39.4002 126.688 37.8037 122.662 37.8037C114.013 37.8037 107.305 44.4994 107.305 52.9571C107.305 61.0624 114.013 67.5818 122.662 67.5818ZM109.776 169.25H135.372V76.3919H109.776V169.25Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M909.769 137.89C909.769 144.409 912.593 147.581 918.418 147.581C920.915 147.563 923.381 147.023 925.656 145.995L928.833 167.316C924.243 169.43 918.595 170.487 912.593 170.487C894.588 170.487 883.644 159.739 883.644 141.59V46.0889H909.769V137.89ZM711.889 76.3841L733.201 131.289L750.545 76.3841H776.493L746.309 169.243H720.538L698.772 111.147L677.468 169.243H651.697L621.16 76.3841H648.52L665.771 131.484L687 76.3841H711.889ZM994.499 143.35C990.086 146.17 985.673 147.579 980.554 147.579C972.434 147.579 967.668 143.174 967.668 135.774V99.1237H999.265V76.3936H967.668V54.016H941.543V76.3936H923.891V99.1237H941.543V138.064C941.543 158.856 955.311 171.895 977.2 171.895C987.261 171.895 995.911 169.428 1003.68 164.319L994.499 143.35ZM777.557 122.913C777.557 94.72 798.21 74.1041 826.1 74.1041C853.284 74.1041 871.113 93.1342 871.113 122.56C871.113 125.732 871.113 128.904 870.76 131.371H802.9C805.745 142.845 814.575 149.872 826.806 149.872C835.985 149.872 843.222 145.995 847.812 138.771L865.641 153.044C857.874 164.673 843.752 171.897 826.982 171.897C798.563 171.897 777.557 150.929 777.557 122.913ZM846.047 112.693C844.019 102.031 836.276 95.6011 825.57 95.6011C814.806 95.6011 806.566 102.21 803.368 112.693H846.047Z" fill="#303038"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M960.707 240H127.352C90.1346 240 58.2585 227.689 35.6342 206.325C12.9859 184.938 0 154.839 0 120.088C0 85.2615 12.9333 55.1164 35.5628 33.7018C58.1691 12.3091 90.0495 9.0111e-06 127.352 9.0111e-06L960.707 0C1035.53 0 1090 49.7061 1090 120.088C1090 190.306 1035.34 240 960.707 240ZM960.707 233.386H127.352C55.861 233.386 6.61179 186.164 6.61179 120.088C6.61179 53.8362 55.6845 6.61418 127.352 6.61418L960.707 6.61417C1032.37 6.61417 1083.39 53.8362 1083.39 120.088C1083.39 186.164 1032.2 233.386 960.707 233.386Z" fill="white"/>
+</svg>

public/images/icons/info-mark.svg

@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 25 38">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+
+      .cls-2 {
+        fill: #c6c6c6;
+        opacity: .7;
+      }
+
+      .cls-2, .cls-3 {
+        display: none;
+      }
+
+      .cls-4 {
+        fill: #616160;
+        opacity: .2;
+      }
+
+      .cls-5 {
+        fill: #445095;
+        stroke: #fff;
+        stroke-miterlimit: 10;
+        stroke-width: .8px;
+      }
+    </style>
+  </defs>
+  <!-- Generator: Adobe Illustrator 28.7.3, SVG Export Plug-In . SVG Version: 1.2.0 Build 164)  -->
+  <g>
+    <g id="Ebene_4" class="cls-3">
+      <rect class="cls-4" width="25" height="38"/>
+    </g>
+    <g id="Ebene_1">
+      <rect class="cls-2" width="25" height="38"/>
+      <g id="Ebene_2">
+        <circle class="cls-5" cx="12.5" cy="17.8" r="9.2"/>
+      </g>
+      <g class="cls-3">
+        <path class="cls-1" d="M13.8,19.8h-3.1v-.3c0-.5,0-.9.2-1.3.1-.3.3-.6.5-.9.2-.3.8-.7,1.6-1.4.4-.4.7-.7.7-1s0-.5-.3-.7c-.2-.2-.4-.2-.8-.2s-.7.1-.9.4c-.2.3-.4.7-.5,1.3l-3.1-.4c.1-1.1.5-2.1,1.3-2.8.7-.7,1.8-1.1,3.3-1.1s2.1.2,2.8.7c1,.7,1.5,1.5,1.5,2.6s-.1.9-.4,1.3-.8.9-1.5,1.6c-.5.4-.9.8-1,1-.1.3-.2.6-.2,1ZM10.6,21.2h3.3v2.9h-3.3v-2.9Z"/>
+      </g>
+      <g id="Ebene_3">
+        <path class="cls-1" d="M13.4,19.8h-1.7c0-.2,0-.4,0-.5,0-.6,0-1,.3-1.4.2-.4.6-.8,1.1-1.2.6-.4.9-.7,1-.9.2-.2.3-.5.3-.7s-.1-.7-.4-.9-.7-.4-1.2-.4-.9.1-1.2.4c-.3.3-.5.7-.7,1.3l-1.7-.2c0-.8.4-1.5,1-2.1.6-.6,1.5-.8,2.5-.8s2,.3,2.6.9c.6.6,1,1.2,1,2s-.1.8-.4,1.2-.7.9-1.5,1.5c-.4.3-.6.6-.7.8,0,.2-.1.6-.1,1.1ZM11.6,23.2v-1.9h1.9v1.9h-1.9Z"/>
+      </g>
+    </g>
+  </g>
+</svg>

public/images/icons/toggle-icon.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 25 50">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #445095;
+      }
+    </style>
+  </defs>
+  <!-- Generator: Adobe Illustrator 28.7.3, SVG Export Plug-In . SVG Version: 1.2.0 Build 164)  -->
+  <g>
+    <g id="Ebene_1">
+      <polygon class="cls-1" points="0 0 0 50 25 25 0 0"/>
+    </g>
+  </g>
+</svg>

public/images/immowelt/gewerbegebaeude_immowelt.svg

@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 271 111.86">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fc0;
+      }
+
+      .cls-2 {
+        fill: #222;
+      }
+    </style>
+  </defs>
+  <g id="Wellen">
+    <path class="cls-1" d="M271,66.01c-1.29,5.97-4.05,11.58-7.44,16.72-3.45,5.11-7.71,9.7-12.58,13.54-4.84,3.88-10.32,6.93-16.02,9.32-5.73,2.35-11.73,3.94-17.8,4.98-12.17,1.95-24.54,1.59-36.56-.24-12.04-1.81-23.79-5.03-35.08-9.32,11.79,2.6,23.6,4.87,35.49,6.03,5.94.54,11.89.93,17.82.81,5.93-.06,11.84-.48,17.66-1.48,11.62-1.85,22.92-5.93,32.54-12.75,4.79-3.42,9.17-7.47,12.89-12.12,3.73-4.64,6.91-9.81,9.09-15.48Z"/>
+    <path class="cls-1" d="M0,87.93c5.04-3.14,10.5-5.58,16.05-7.75,5.56-2.17,11.29-3.9,17.08-5.42,11.63-2.86,23.59-4.58,35.64-5,12.04-.44,24.14.34,36.07,2.2,5.97.92,11.88,2.16,17.74,3.6,2.92.72,5.86,1.55,8.71,2.38,2.85.83,5.61,1.64,8.41,2.4,5.59,1.59,11.21,3.07,16.84,4.41,5.62,1.39,11.28,2.59,16.93,3.66,11.31,2.11,22.72,3.52,34.02,3.34,11.25-.23,22.53-2.12,32.47-7.4,2.49-1.29,4.9-2.77,7.2-4.44,2.3-1.67,4.45-3.55,6.55-5.53,4.16-3.99,7.81-8.6,11.16-13.48-2.24,5.48-5.15,10.75-8.81,15.56-3.65,4.83-8.15,9.1-13.22,12.64-5.12,3.47-10.81,6.13-16.72,8.01-5.91,1.89-12.03,2.97-18.13,3.53-12.24,1.1-24.42.14-36.31-1.64-11.9-1.82-23.57-4.56-35.04-7.76-2.87-.81-5.75-1.67-8.55-2.51-2.79-.85-5.52-1.61-8.31-2.36-5.54-1.51-11.15-2.75-16.78-3.85-11.27-2.16-22.72-3.47-34.23-3.89-11.51-.39-23.1.02-34.61,1.56-5.77.69-11.5,1.73-17.22,2.97-2.86.62-5.7,1.32-8.52,2.12-2.84.76-5.65,1.64-8.43,2.64Z"/>
+  </g>
+  <g id="Gewerbegebaeude">
+    <path class="cls-2" d="M102.42,67.26V.5l-34.28,10.84v54.01c11.44-.32,22.93.35,34.28,1.92Z"/>
+    <path class="cls-2" d="M254.81,65.15c-.02-6.59,0-45.44,0-45.44l-24.88-6.69v66.43s11.96-.84,24.22-12.71c.42-.41.66-.99.65-1.6Z"/>
+    <g>
+      <polygon class="cls-2" points="106.6 9.32 106.6 1.15 226.66 21.84 226.66 28.55 106.6 9.32"/>
+      <polygon class="cls-2" points="107.23 23.77 107.23 14.97 226.66 32.2 226.66 38.05 107.23 23.77"/>
+      <polygon class="cls-2" points="107.23 37.83 107.23 29.04 226.66 40.86 226.66 46.71 107.23 37.83"/>
+      <polygon class="cls-2" points="107.23 51.97 107.23 43.18 226.66 50.12 226.66 55.97 107.23 51.97"/>
+      <polygon class="cls-2" points="107.23 65.17 107.23 56.38 226.66 59.01 226.66 64.86 107.23 65.17"/>
+      <path class="cls-2" d="M122.76,70.93c3.1.69,6.21,1.48,9.24,2.28,1.2.32,2.39.63,3.57.94l91.08.55v-5.86l-119.43-.7h-.09c5.22.81,10.49,1.66,15.63,2.79Z"/>
+    </g>
+    <g>
+      <polygon class="cls-2" points="9.35 50.25 9.23 44.5 65.3 21.2 65.3 40.63 9.35 50.25"/>
+      <polygon class="cls-2" points="65.3 55.68 9.61 61.46 9.44 53.85 65.3 44.92 65.3 55.68"/>
+      <path class="cls-2" d="M43.86,67.57c7.08-1.11,14.25-1.82,21.44-2.12v-5.15l-55.63,4.35.17,7.82,34.02-4.9Z"/>
+    </g>
+  </g>
+</svg>

public/images/immowelt/immowelt.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 109 32" xmlns="http://www.w3.org/2000/svg" class="css-1qno6kt"><title>immowelt Startseite</title><g fill-rule="evenodd" clip-rule="evenodd"><path fill="#323232" d="M12.736 4.664C5.568 4.664.664 9.384.664 16.008c0 6.608 4.92 11.328 12.072 11.328h35.16c7.152 0 12.273-4.72 12.273-11.328 0-6.624-5.104-11.344-12.273-11.344z"></path><path fill="#fc0" d="M47.896 4.664c7.169 0 12.273 4.72 12.273 11.344 0 6.608-5.12 11.328-12.273 11.328h48.2c7.153 0 12.241-4.72 12.241-11.328 0-6.624-5.072-11.344-12.24-11.344z"></path><path fill="#fff" d="M12.264 7.784c-.864 0-1.536.664-1.536 1.512 0 .808.672 1.464 1.536 1.464.848 0 1.52-.672 1.52-1.464a1.513 1.513 0 0 0-1.52-1.512zm39.153 5.952c1.431 0 2.351 1.008 2.351 2.552 0 1.52-.952 2.56-2.352 2.56-1.392 0-2.344-1.04-2.344-2.56 0-1.512.952-2.552 2.344-2.552zM10.975 11.64v9.288h2.56V11.64zm9.48-.248c-1.128 0-2.096.48-2.68 1.288v-1.04h-2.4v9.288h2.56v-6.096c.328-.656 1.024-1.112 1.712-1.112.896 0 1.536.704 1.536 1.728v5.48h2.56v-6.096c.28-.656 1-1.112 1.728-1.112.896 0 1.496.704 1.496 1.728v5.48h2.56v-5.96c0-2.184-1.408-3.576-3.6-3.576-1.144 0-2.08.424-2.84 1.36-.6-.904-1.504-1.36-2.632-1.36zm15.832 0c-1.128 0-2.096.48-2.68 1.288v-1.04h-2.4v9.288h2.56v-6.096c.336-.656 1.024-1.112 1.712-1.112.896 0 1.536.704 1.536 1.728v5.48h2.56v-6.096c.28-.656 1.008-1.112 1.728-1.112.904 0 1.504.704 1.504 1.728v5.48h2.552v-5.96c0-2.184-1.408-3.576-3.6-3.576-1.144 0-2.08.424-2.84 1.36-.6-.904-1.496-1.36-2.632-1.36zm15.128 0c-2.823 0-4.904 2.08-4.904 4.896 0 2.824 2.08 4.904 4.904 4.904 2.849 0 4.912-2.064 4.912-4.904 0-2.848-2.048-4.896-4.912-4.896z"></path><path fill="#323232" d="M90.977 17.792c0 .648.28.968.863.968.249 0 .497-.056.729-.16l.312 2.128c-.456.216-1.024.32-1.625.32-1.8 0-2.887-1.072-2.887-2.888V8.608h2.608zM71.192 11.64l2.129 5.488 1.735-5.488h2.592l-3.016 9.288h-2.575l-2.177-5.816-2.135 5.816h-2.577L62.12 11.64h2.736l1.72 5.512 2.128-5.512zm28.257 6.696c-.44.28-.88.424-1.392.424-.816 0-1.288-.44-1.288-1.184v-3.664h3.16V11.64h-3.16V9.4h-2.616v2.24h-1.76v2.272h1.76v3.896c0 2.08 1.376 3.384 3.567 3.384 1.009 0 1.873-.248 2.649-.76zm-21.697-2.048c0-2.816 2.072-4.88 4.857-4.88 2.72 0 4.504 1.904 4.504 4.848 0 .32 0 .632-.033.88h-6.792c.289 1.152 1.169 1.848 2.392 1.848.92 0 1.64-.384 2.104-1.104l1.785 1.424c-.784 1.16-2.192 1.888-3.872 1.888-2.84 0-4.945-2.096-4.945-4.904zm6.857-1.016c-.208-1.072-.984-1.712-2.048-1.712-1.08 0-1.904.664-2.224 1.712z"></path><path fill="#fff" d="M96.073 28H12.736c-3.72 0-6.912-1.232-9.176-3.368C1.296 22.496 0 19.48 0 16.008c0-3.48 1.296-6.496 3.56-8.64C5.816 5.232 9.008 4 12.736 4h83.337C103.553 4 109 8.968 109 16.008 109 23.032 103.536 28 96.072 28zm0-.664H12.736c-7.152 0-12.072-4.72-12.072-11.328 0-6.624 4.904-11.344 12.072-11.344h83.337c7.168 0 12.264 4.72 12.264 11.344 0 6.608-5.112 11.328-12.264 11.328z"></path></g></svg>