/* com_widerruf – Formular im Scheinhardt-Stil */

.widerruf {
	max-width: 680px;
	margin: 0 auto 60px;
	color: #013970;
}

.widerruf-title {
	color: #013970;
	text-transform: uppercase;
	border-left: 8px solid #7d9bc1;
	padding-left: 14px;
	margin: 0 0 24px;
}

.widerruf-intro { margin-bottom: 28px; }

.wf-field { margin-bottom: 20px; }

.wf-field label {
	display: block;
	font-weight: bold;
	margin-bottom: 6px;
}

.wf-req { color: #a8224d; }

.wf-field input,
.wf-field textarea {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	padding: 10px 12px;
	border: 1px solid #b9c6d8;
	border-radius: 2px;
	font: inherit;
	color: #013970;
	background: #fff;
}

.wf-field input:focus,
.wf-field textarea:focus {
	outline: none;
	border-color: #013970;
	box-shadow: 0 0 0 2px rgba(1, 57, 112, 0.15);
}

.wf-help {
	display: block;
	font-size: 0.85em;
	color: #5a6b85;
	margin-top: 4px;
}

.wf-optional {
	border: 0;
	background: #e5ebf3;
	padding: 16px 20px 4px;
	margin: 28px 0;
}

.wf-optional legend {
	float: left;
	width: 100%;
	font-weight: bold;
	padding: 0;
	margin-bottom: 12px;
}

.wf-optional legend + * { clear: both; }

.wf-declaration { margin: 24px 0 14px; }

.wf-btn {
	display: inline-block;
	padding: 14px 32px;
	border: 0;
	border-radius: 3px;
	background: #a8224d;
	color: #fff;
	font: inherit;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	cursor: pointer;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.wf-btn:hover,
.wf-btn:focus { background: #8e1c41; }

.wf-alternative {
	margin-top: 36px;
	font-size: 0.9em;
	color: #5a6b85;
}

.wf-alternative a,
.wf-link { color: #013970; }

.wf-receipt {
	background: #e5ebf3;
	border-left: 4px solid #7d9bc1;
	padding: 16px 20px;
	margin-bottom: 24px;
}

.wf-receipt-label { font-size: 0.9em; color: #5a6b85; }
.wf-receipt-label strong { color: #013970; }
.wf-receipt-time { font-size: 1.3em; font-weight: bold; margin: 2px 0 8px; }

.wf-warning {
	border-left: 4px solid #a8224d;
	background: #fbeef2;
	padding: 12px 16px;
}

/* Honeypot */
.wf-hp {
	position: absolute !important;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

@media (max-width: 767px) {
	.wf-btn { width: 100%; }
}