/* Contact 7 Catcha — Frontend
   Bewusst dezent, damit sich das Captcha in jedes Theme einfuegt. */

.c7c-captcha-wrap {
	display: block;
}

.c7c-captcha {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.c7c-captcha-image {
	position: relative;
	display: inline-flex;
	align-items: center;
	line-height: 0;
}

.c7c-captcha-image img {
	display: block;
	width: 220px;
	height: 70px;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 6px;
	background: #f5f7fa;
}

.c7c-reload {
	position: absolute;
	top: 4px;
	right: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	padding: 0;
	color: #356e35;
	background: rgba(255, 255, 255, .9);
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 6px;
	cursor: pointer;
	transition: background .15s ease, transform .15s ease;
}

.c7c-reload:hover {
	background: #fff;
	transform: rotate(-30deg);
}

.c7c-input.c7c-input {
	max-width: 200px;
	letter-spacing: .12em;
	text-transform: uppercase;
}

/* Honeypot: fuer Menschen unsichtbar und nicht fokussierbar. */
.c7c-hp-wrap {
	position: absolute !important;
	left: -9999px !important;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}