diff --git a/package.json b/package.json
index 3a4e042d..f9e1674d 100644
--- a/package.json
+++ b/package.json
@@ -35,6 +35,7 @@
     "body-scroll-lock": "^4.0.0-beta.0",
     "buffer": "^6.0.3",
     "bun": "^1.1.34",
+    "caniuse-lite": "^1.0.30001684",
     "csvtojson": "^2.0.10",
     "express": "^4.21.1",
     "flag-icons": "^6.15.0",
@@ -44,10 +45,10 @@
     "i18next-http-backend": "^2.6.2",
     "js-cookie": "^3.0.5",
     "js-interpolate": "^1.0.1",
-    "postcss-nested": "^7.0.2",
     "katex": "^0.16.11",
     "moment": "^2.30.1",
     "moment-timezone": "^0.5.46",
+    "postcss-nested": "^7.0.2",
     "radix-svelte-icons": "^1.0.0",
     "sass": "^1.80.6",
     "svelte": "^3.59.2",
diff --git a/src/components/design/sidebars/cards/card-navigation.svelte b/src/components/design/sidebars/cards/card-navigation.svelte
index 5b3c35d0..02e89daf 100644
--- a/src/components/design/sidebars/cards/card-navigation.svelte
+++ b/src/components/design/sidebars/cards/card-navigation.svelte
@@ -99,16 +99,17 @@ if(innerWidth>1024){
 
 <nav id="card-navigation" class="card-navigation hidden box ring-2 ring-primary/50 rounded-tr-none lg:block"> 
 
+  <!-- svelte-ignore a11y-mouse-events-have-key-events -->
   <div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}>
     {#if innerWidth > 1023}
-    <a href="" class="nav-element-child xl:rounded-t-[.75rem] lg:rounded-t-lg xl:rounded-t-xl " >Energieausweis erstellen<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
+    <a href="{'#'}" class="nav-element-child lg:rounded-t-lg xl:rounded-t-xl " >Energieausweis erstellen<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
     {:else}
-    <a href="javascript:void(0)" class="nav-element-child xl:rounded-t-[.75rem]">Energieausweis erstellen<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
+    <a href={undefined} class="nav-element-child xl:rounded-t-[.75rem]">Energieausweis erstellen<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
     {/if}
     
     <ul class="dropdown-content energieasusweis-erstellen">
       {#if innerWidth < 1023}
-      <li><a href="">Energieausweis erstellen</a></li>
+      <li><a href="{'#'}">Energieausweis erstellen</a></li>
       {/if}
       <li><a href="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/">Verbrauchsausweis erstellen</a></li>
       <li><a href="/energieausweis-erstellen/bedarfsausweis-wohngebaeude/">Bedarfsausweis erstellen</a></li>
@@ -121,8 +122,9 @@ if(innerWidth>1024){
     <a class="no-dropdown nav-element-child" href="/welcher-energieausweis">Welcher Energieausweis?</a>
   </div>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}>
-  <a href="javascript:void(0)" class="nav-element-child">Verbrauchsausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
+  <a href={undefined} class="nav-element-child">Verbrauchsausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
     <ul class="dropdown-content verbrauchsausweis">
       {#if innerWidth < 1023}
       <li><a href="index">Verbrauchsausweis</a></li>
@@ -137,8 +139,9 @@ if(innerWidth>1024){
       <li><a href="index">Statistiken zum Verbrauchsausweis Gewerbe</a></li>
   </div>
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}>
-  <a href="javascript:void(0)" class="nav-element-child">Bedarfsausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
+  <a href={undefined} class="nav-element-child">Bedarfsausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
     <ul class="dropdown-content bedarfsausweis">
       {#if innerWidth < 1023}
       <li><a href="index">Bedarfsausweis</a></li>
@@ -155,8 +158,9 @@ if(innerWidth>1024){
 </div>
 
 
+<!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}>
-  <a href="javascript:void(0)" class="nav-element-child">Energieausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
+  <a href={undefined} class="nav-element-child">Energieausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
   <ul class="dropdown-content energieausweis">
     {#if innerWidth < 1023}
     <li><a href="index">Energieausweis</a></li>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 2c39d6f3..99900b21 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -8,7 +8,7 @@ import BannerPrice from "#content/banner-saeule.svelte";
 
 	<h1>Unsere Ausweise im Detail:</h1>
 
-	<!-- <BannerPrice client:load /> -->
+	<BannerPrice client:load />
 </Layout>
 
 
diff --git a/src/style/global.css b/src/style/global.css
index a7b5f345..a02d9826 100644
--- a/src/style/global.css
+++ b/src/style/global.css
@@ -104,7 +104,7 @@ article {
 }
 
 .nav-element:hover > .dropdown-content{ 
-	@apply 			lg:visible lg:opacity-100 lg:block lg:ml-[2px]
+	@apply 			lg:visible lg:opacity-100 lg:block lg:ml-[calc(100%+2px)]
 }
 
 .nav-element:hover:first-child > .nav-element-child{
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index ad03ab2a..7a01d918 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -3,7 +3,7 @@ module.exports = {
 	content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}", "./node_modules/@ibcornelsen/ui/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
 	darkMode: "class",
 	plugins: 
-	[require("daisyui"), 
+	[
 	require("@tailwindcss/typography")],
 	important: true,
 	theme: {
@@ -13,10 +13,23 @@ module.exports = {
 			},
 
 			colors: {
+				'primary': '#ff7d26',
+				'primary-focus': '#ec6a13',
+				'primary-content': '#ffffff',
+
+				'secondary': '#444f94',
+				'secondary-focus': '#2f397f',
+				'secondary-content': '#ffffff',
+
+				'base-200': '#f9fafb',
+				'base-content': '#1e2734',
+				'box-heading': '#3A4AB5',
+
 				"formular-box": "rgba(252,234,187,0.2)",
+
 				"pdf-yellow-bright": "#f3cb00",
 				"pdf-yellow-light": "#fff6ca",
-				"box-heading": 'var(--box-heading)'
+
 			},
 			boxShadow: {
 				'box': '3px 3px 6px rgba(0, 0, 0, 0.1)',
@@ -39,104 +52,102 @@ module.exports = {
 			  }
 		},
 	},
-	daisyui: {
-		themes: [{
-			light: {
-				'primary': '#ff7d26',
-				'primary-focus': '#ec6a13',
-				'primary-content': '#ffffff',
+	//yui: {
+	//themes: [{
+	//	light: {
+	//		'primary': '#ff7d26',
+	//		'primary-focus': '#ec6a13',
+	//		'primary-content': '#ffffff',
 
-				'secondary': '#444f94',
-				'secondary-focus': '#2f397f',
-				'secondary-content': '#ffffff',
+	//		'secondary': '#444f94',
+	//		'secondary-focus': '#2f397f',
+	//		'secondary-content': '#ffffff',
 
-				'--box-heading': '#3A4AB5',
+	//		'accent': '#7b37cd',
+	//		'accent-focus': '#5f25a7',
+	//		'accent-content': '#ffffff',
 
-				'accent': '#7b37cd',
-				'accent-focus': '#5f25a7',
-				'accent-content': '#ffffff',
+	//		'neutral': '#3b424e',
+	//		'neutral-focus': '#2a2e37',
+	//		'neutral-content': '#ffffff',
 
-				'neutral': '#3b424e',
-				'neutral-focus': '#2a2e37',
-				'neutral-content': '#ffffff',
+	//		'base-100': '#ffffff',
+	//		'base-200': '#f9fafb',
+	//		'base-300': '#ced3d9',
+	//		'base-content': '#1e2734',
 
-				'base-100': '#ffffff',
-				'base-200': '#f9fafb',
-				'base-300': '#ced3d9',
-				'base-content': '#1e2734',
+	//		'info': '#0689f4',
+	//		'success': '#04b964',
+	//		"success-content": "#ffffff",
+	//		'warning': '#f49d1a',
+	//		"warning-content": "#ffffff",
+	//		'error': '#e43f3f',
+	//		"error-content": "#ffffff",
 
-				'info': '#0689f4',
-				'success': '#04b964',
-				"success-content": "#ffffff",
-				'warning': '#f49d1a',
-				"warning-content": "#ffffff",
-				'error': '#e43f3f',
-				"error-content": "#ffffff",
+	//		'--rounded-box': '1rem',
+	//		'--rounded-btn': '.5rem',
+	//		'--rounded-badge': '1.9rem',
 
-				'--rounded-box': '1rem',
-				'--rounded-btn': '.5rem',
-				'--rounded-badge': '1.9rem',
+	//		'--animation-btn': '.25s',
+	//		'--animation-input': '.2s',
 
-				'--animation-btn': '.25s',
-				'--animation-input': '.2s',
+	//		'--btn-text-case': 'normal',
+	//		'--navbar-padding': '.5rem',
+	//		'--border-btn': '1px'
+	//	},
+	//	'dark': {
+	//		'primary': '#ff7d26',
+	//		'primary-focus': '#ec6a13',
+	//		'primary-content': '#ffffff',
 
-				'--btn-text-case': 'normal',
-				'--navbar-padding': '.5rem',
-				'--border-btn': '1px'
-			},
-			'dark': {
-				'primary': '#ff7d26',
-				'primary-focus': '#ec6a13',
-				'primary-content': '#ffffff',
+	//		'secondary': '#444f94',
+	//		'secondary-focus': '#2f397f',
+	//		'secondary-content': '#ffffff',
 
-				'secondary': '#444f94',
-				'secondary-focus': '#2f397f',
-				'secondary-content': '#ffffff',
+	//		'--box-heading': '#3A4AB5',
 
-				'--box-heading': '#3A4AB5',
+	//		'accent': '#8c45e3',
+	//		'accent-focus': '#7532c8',
+	//		'accent-content': '#ffffff',
 
-				'accent': '#8c45e3',
-				'accent-focus': '#7532c8',
-				'accent-content': '#ffffff',
+	//		'neutral': '#2a2e37',
+	//		'neutral-focus': '#16181d',
+	//		'neutral-content': '#ffffff',
 
-				'neutral': '#2a2e37',
-				'neutral-focus': '#16181d',
-				'neutral-content': '#ffffff',
+	//		'base-100': '#3b424e',
+	//		'base-200': '#2a2e37',
+	//		'base-300': '#16181d',
+	//		'base-content': '#ebecf0',
 
-				'base-100': '#3b424e',
-				'base-200': '#2a2e37',
-				'base-300': '#16181d',
-				'base-content': '#ebecf0',
+	//		'info': '#0689f4',
+	//		'success': '#04b964',
+	//		'warning': '#f49d1a',
+	//		"warning-content": "#ffffff",
+	//		'error': '#ff6b6b',
+	//		"error-content": "#ffffff",
+	//		"pdf-yellow-bright": "#f3cb00",
+	//		"pdf-yellow-light": "#fff6ca",
 
-				'info': '#0689f4',
-				'success': '#04b964',
-				'warning': '#f49d1a',
-				"warning-content": "#ffffff",
-				'error': '#ff6b6b',
-				"error-content": "#ffffff",
-				"pdf-yellow-bright": "#f3cb00",
-				"pdf-yellow-light": "#fff6ca",
+	//		'--rounded-box': '1rem',
+	//		'--rounded-btn': '.5rem',
+	//		'--rounded-badge': '1.9rem',
 
-				'--rounded-box': '1rem',
-				'--rounded-btn': '.5rem',
-				'--rounded-badge': '1.9rem',
+	//		'--animation-btn': '.25s',
+	//		'--animation-input': '.2s',
 
-				'--animation-btn': '.25s',
-				'--animation-input': '.2s',
-
-				'--btn-text-case': 'uppercase',
-				'--navbar-padding': '.5rem',
-				'--border-btn': '1px',
-			}
-		}, ],
-		darkTheme: "dark", // name of one of the included themes for dark mode
-		base: true, // applies background color and foreground color for root element by default
-		styled: true, // include daisyUI colors and design decisions for all components
-		utils: true, // adds responsive and modifier utility classes
-		prefix: "", // prefix for daisyUI classnames (components, modifiers and responsive class names. Not colors)
-		logs: true, // Shows info about daisyUI version and used config in the console when building your CSS
-		themeRoot: ":root", // The element that receives theme color CSS variables
-	},
+	//		'--btn-text-case': 'uppercase',
+	//		'--navbar-padding': '.5rem',
+	//		'--border-btn': '1px',
+	//	}
+	//}, ],
+	//darkTheme: "dark", // name of one of the included themes for dark mode
+	//base: true, // applies background color and foreground color for root element by default
+	//styled: true, // include daisyUI colors and design decisions for all components
+	//utils: true, // adds responsive and modifier utility classes
+	//prefix: "", // prefix for daisyUI classnames (components, modifiers and responsive class names. Not colors)
+	//logs: true, // Shows info about daisyUI version and used config in the console when building your CSS
+	//themeRoot: ":root", // The element that receives theme color CSS variables
+	//},
 	fontSize: {
 		sm: '0.750rem',
 		base: '1rem',