/* Anpassungen für eigenständiges HTML ohne React-Laufzeit. */
.field-group label { display: block; font-weight: 500; }
.field-group input, .field-group textarea { display: block; width: 100%; border: 1px solid #403a34; padding: 8px 12px; }
.privacy-row input[type="checkbox"] { width: 20px; height: 20px; margin-top: 3px; flex: none; accent-color: #ff8a00; }
.privacy-row label { cursor: pointer; }
.submit-button { display: flex; align-items: center; justify-content: center; gap: 9px; border: 0; cursor: pointer; }
.submit-button:disabled { opacity: .65; cursor: wait; }
.faq-item { border-bottom: 1px solid #303030; }
.faq-trigger { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; cursor: pointer; list-style: none; }
.faq-trigger::-webkit-details-marker { display: none; }
.faq-trigger > svg { margin-top: 4px; }
.faq-item[open] .faq-trigger > svg { transform: rotate(180deg); }
.legal-section ul { margin: 16px 0 0; padding-left: 24px; list-style: disc; color: #aaa; }
.legal-section li { margin-bottom: 8px; }
.legal-section a { text-decoration: underline; text-underline-offset: 4px; }
.legal-section a:hover { color: #ff8a00; }
.contact-form noscript p { margin-top: 15px; }
.contact-form noscript a { color: #ffb366; text-decoration: underline; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } }