/* IT-Roc Kontaktformular – Captcha-Feld „Ich bin kein Roboter“ (nur auf kontakt.html geladen) */
.captcha { display: flex; align-items: center; gap: .85rem; margin: 0 0 1.25rem; padding: .8rem 1rem; max-width: 360px;
  background: #FFFFFF; border: 1px solid var(--linie, #E3DFEE); border-radius: 12px; }
.captcha label { display: flex; align-items: center; gap: .7rem; cursor: pointer; flex: 1; margin: 0; }
.captcha input[type="checkbox"] { width: 22px; height: 22px; accent-color: #22A06B; flex: none; margin: 0; cursor: pointer; }
.captcha-text { display: flex; flex-direction: column; line-height: 1.25; }
.captcha-text strong { color: var(--tinte, #1D1729); font-size: .98rem; font-weight: 600; }
.captcha-status { color: #6B6F86; font-size: .8rem; }
.captcha-icon { flex: none; width: 26px; height: 26px; color: #9AA3BF; }
.captcha-icon svg { width: 26px; height: 26px; }
.captcha[data-zustand="pruefen"] .captcha-status::before { content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 6px; vertical-align: -1px;
  border: 2px solid #C9C3DC; border-top-color: #6C35FF; border-radius: 50%; animation: captcha-dreh .8s linear infinite; }
.captcha[data-zustand="ok"] .captcha-status { color: #15803D; font-weight: 600; }
.captcha[data-zustand="ok"] .captcha-icon { color: #22A06B; }
.captcha[data-zustand="fehler"] .captcha-status { color: #B42318; }
.captcha-js-hinweis { color: #B42318; font-size: .85rem; margin: 0; }
@keyframes captcha-dreh { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .captcha[data-zustand="pruefen"] .captcha-status::before { animation: none; } }