switch to nuxt ui

src/assets/css/main.css

@@ -0,0 +1,20 @@
+@import 'tailwindcss';
+@import '@nuxt/ui';
+@import 'tw-animate-css';
+
+/* Custom Colors */
+@layer base {
+  button,
+  [role='button'] {
+    @apply cursor-pointer;
+  }
+
+  :disabled,
+  [disabled] {
+    @apply cursor-not-allowed;
+  }
+}
+
+:root {
+  --ui-header-height: 48px; /* oder was auch immer deine Header-Höhe ist */
+}

src/assets/css/tailwind.css

@@ -1,11 +0,0 @@
-@import 'tailwindcss';
-@import 'flyonui/variants.css';
-@import 'tailwindcss-intersect';
-
-@plugin "tailwindcss-motion";
-@plugin "@iconify/tailwind4";
-@plugin "flyonui" {
-  themes: all;
-}
-
-@source "../../../node_modules/flyonui/flyonui.js";