diff --git a/public/css/style.css b/public/css/style.css
index 9c8e9e1..0b92e22 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1416,3 +1416,37 @@ body:not(.admin-body) > * {
   align-items: start;
 }
 @media (max-width: 900px) { .contracts-grid { grid-template-columns: 1fr; } }
+
+/* ---- Checkboxen besser sichtbar (Bestellformular) ---- */
+.checkbox-label {
+  background: #f8f8ff;
+  border: 1.5px solid var(--border);
+  border-radius: 10px;
+  padding: 12px 14px;
+  transition: border-color 0.2s, background 0.2s;
+}
+.checkbox-label:hover {
+  border-color: var(--primary);
+  background: #f0f0ff;
+}
+.checkbox-custom {
+  width: 26px;
+  height: 26px;
+  min-width: 26px;
+  border: 2.5px solid #9ca3af;
+  border-radius: 6px;
+  background: white;
+}
+.checkbox-label input:checked + .checkbox-custom {
+  background: var(--primary);
+  border-color: var(--primary);
+  box-shadow: 0 0 0 3px rgba(45,45,204,0.15);
+}
+.checkbox-label input:checked + .checkbox-custom::after {
+  font-size: 0.95rem;
+}
+/* Sepa Mandate Checkbox extra hervorheben */
+.sepa-mandate .checkbox-label {
+  background: #f0f0ff;
+  border-color: var(--primary);
+}