.contact-form { min-width: 0; }
.contact-form h2 { font-size: 1.5rem; margin-bottom: 12px; }
.contact-form .form-intro { font-size: .85rem; margin-bottom: 24px; }
.contact-form fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.contact-form fieldset[hidden] { display: none; }
.contact-form legend { font-size: .9rem; font-weight: 650; margin: 4px 0 14px; }
.contact-form .optional { font-weight: 400; color: var(--c-text-muted); }
.contact-form .field-error { margin: 6px 0 0; color: #a2212b; font-size: .82rem; }
.contact-form [aria-invalid="true"] { border-color: #b0232d; }
.contact-form .form-status { padding: 12px; border-radius: 8px; background: #f1f6f8; overflow-wrap: anywhere; }
.contact-form .form-status[data-state="error"] { color: #8e202a; background: #fff0f1; }
.contact-form .form-status[data-state="success"] { color: #215c44; background: #ecf7f1; }
.contact-form button:disabled { cursor: wait; opacity: .65; }
.contact-form .contact-trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.contact-form textarea { resize: vertical; min-height: 140px; }
.contact-support { margin-top: 26px; }
.contact-support a { text-decoration: underline; text-underline-offset: 3px; }
#kontaktformular { scroll-margin-top: 100px; }
@media (max-width: 480px) { .contact-form { padding: 22px 18px; } }