Änderungen (relevant):

- Add‑on Checkout auf Transactions + Transaction‑ID speichern: app/Services/Addons/EventAddonCheckoutService.php
  - Paket/Marketing Checkout auf Transactions: app/Services/Paddle/PaddleCheckoutService.php
  - Gift‑Voucher Checkout: Customer anlegen/finden + Transactions: app/Services/GiftVouchers/
    GiftVoucherCheckoutService.php
  - Tests aktualisiert: tests/Feature/Tenant/EventAddonCheckoutTest.php, tests/Unit/PaddleCheckoutServiceTest.php,
tests/Unit/GiftVoucherCheckoutServiceTest.php

resources/js/admin/mobile/components/LegalConsentSheet.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { YStack } from '@tamagui/stacks';
 import { SizableText as Text } from '@tamagui/text';
+import { useTheme } from '@tamagui/core';
 import { MobileSheet } from './Sheet';
 import { CTAButton } from './Primitives';
 
@@ -36,9 +37,24 @@ export function LegalConsentSheet({
   copy,
   t,
 }: LegalConsentSheetProps) {
+  const theme = useTheme();
   const [acceptedTerms, setAcceptedTerms] = React.useState(false);
   const [acceptedWaiver, setAcceptedWaiver] = React.useState(false);
   const [error, setError] = React.useState<string | null>(null);
+  const checkboxAccent = String(theme.primary?.val ?? '#2563eb');
+  const checkboxBorder = String(theme.borderColor?.val ?? '#e5e7eb');
+  const checkboxSurface = String(theme.surface?.val ?? '#ffffff');
+  const checkboxStyle = {
+    marginTop: 4,
+    width: 18,
+    height: 18,
+    accentColor: checkboxAccent,
+    backgroundColor: checkboxSurface,
+    border: `1px solid ${checkboxBorder}`,
+    borderRadius: 4,
+    appearance: 'auto',
+    WebkitAppearance: 'auto',
+  } as const;
 
   React.useEffect(() => {
     if (open) {
@@ -103,7 +119,7 @@ export function LegalConsentSheet({
               type="checkbox"
               checked={acceptedTerms}
               onChange={(event) => setAcceptedTerms(event.target.checked)}
-              style={{ marginTop: 4, width: 16, height: 16 }}
+              style={checkboxStyle}
             />
             <Text fontSize="$sm" color="#111827">
               {copy?.checkboxTerms ?? t(
@@ -119,7 +135,7 @@ export function LegalConsentSheet({
               type="checkbox"
               checked={acceptedWaiver}
               onChange={(event) => setAcceptedWaiver(event.target.checked)}
-              style={{ marginTop: 4, width: 16, height: 16 }}
+              style={checkboxStyle}
             />
             <Text fontSize="$sm" color="#111827">
               {copy?.checkboxWaiver ?? t(

resources/js/admin/mobile/components/__tests__/LegalConsentSheet.test.tsx

@@ -0,0 +1,41 @@
+import React from 'react';
+import { describe, expect, it, vi } from 'vitest';
+import { render } from '@testing-library/react';
+
+vi.mock('@tamagui/core', () => ({
+  useTheme: () => ({
+    primary: { val: '#2563eb' },
+    borderColor: { val: '#e5e7eb' },
+    surface: { val: '#ffffff' },
+  }),
+}));
+
+vi.mock('@tamagui/stacks', () => ({
+  YStack: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
+  XStack: ({ children }: { children: React.ReactNode }) => <div>{children}</div>,
+}));
+
+vi.mock('@tamagui/text', () => ({
+  SizableText: ({ children }: { children: React.ReactNode }) => <span>{children}</span>,
+}));
+
+vi.mock('@tamagui/react-native-web-lite', () => ({
+  Pressable: ({ children }: { children: React.ReactNode }) => <button type="button">{children}</button>,
+}));
+
+import { LegalConsentSheet } from '../LegalConsentSheet';
+
+describe('LegalConsentSheet', () => {
+  it('renders the required consent checkboxes when open', () => {
+    const { getAllByRole } = render(
+      <LegalConsentSheet
+        open
+        onClose={vi.fn()}
+        onConfirm={vi.fn()}
+        t={(key, fallback) => fallback ?? key}
+      />
+    );
+
+    expect(getAllByRole('checkbox')).toHaveLength(2);
+  });
+});