/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */


label[for="Leasing-Angebot"],
label[for="Mehr-Informationen-Angebot"],
label[for="Probefahrt"],
label.gcdm-label
{
	display: block;
}

.form__messages .form__message {
	display: none;
}

.form {
	position: relative;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.form::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255, 0);
	transition: background 0.25s ease-out, z-index 0s linear 0.25s;
	z-index: -1;
}

.form--disabled::before {
	background: rgba(255,255,255, 0.8);
	z-index: 10;
	transition: background 0.35s ease-in, z-index 0s linear 0s;
}


.form::after {
	content: '';
	position: absolute;
	top: calc( 50% - 60px );
	left: calc( 50% - 60px );
	border: 16px solid #f3f3f3;
	border-top: 16px solid #121212;
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s ease-out, visibility 0s linear 0.25s, z-index 0s linear 0.25s;
	z-index: -1;
}

.form--disabled::after {
	opacity: 1;
	visibility: visible;
	z-index: 20;
	transition: opacity 0.35s ease-in, visibility 0s linear 0s, z-index linear 0s;
}