Initial commit

components/CookieConsent.module.css

@@ -0,0 +1,33 @@
+:global(#cc-main) {
+  /* Deine bestehenden Button-Overrides */
+  --cc-font-family: var(--font-body);
+  --cc-bg: #ffffff;
+  --cc-btn-bg-primary: var(--btn-bg-primary);
+  --cc-btn-bg-primary-hover: var(--btn-bg-primary-hover);
+  --cc-btn-bg-primary-active: var(--btn-bg-primary-active);
+  --cc-btn-text-light: var(--btn-text-light);
+  --cc-btn-text-dark: var(--btn-text-dark);
+  --cc-btn-bg-secondary: var(--btn-bg-ghost-hover);
+  --cc-btn-bg-secondary-hover: var(--btn-bg-primary);
+  --cc-btn-bg-secondary-text: var(--btn-text-dark);
+  --cc-btn-border-radius: var(--btn-radius);
+  --cc-modal-border-radius: 12px;
+  --cc-primary-color: var(--font-body-color);
+  --cc-toggle-on-bg: var(--btn-bg-primary);
+}
+
+:global(#cc-main a),
+:global(#cc-main a:link),
+:global(#cc-main a:visited),
+:global(#cc-main a:hover),
+:global(#cc-main a:focus),
+:global(#cc-main a:active) {
+  text-decoration: none !important;
+  border-bottom: none !important;
+  box-shadow: none !important;
+  background-image: none !important;
+}
+
+:global(#cc-main .cm) {
+  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08) !important;
+}