Ä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(