/* Kontaktformular */

.hero-contact-form{
	width:100%;
	text-align:left;
}

.hero-form-row{
	margin:0 0 1.1em 0;
}

.hero-contact-form label{
	display:block;
	margin-bottom:0.45em;
	font-size:11px;
	letter-spacing:0.08em;
	text-transform:uppercase;
	line-height:1.2em;
}

.hero-contact-form input[type="text"],
.hero-contact-form input[type="email"],
.hero-contact-form textarea{
	width:100%;
	background:transparent;
	color:#fff;
	border:none;
	border-bottom:1px solid #fff;
	padding:0 0 0.6em 0;
	font-family:HelveticaNeue, Arial, sans-serif;
	font-size:13px;
	text-transform:none;
	outline:none;
	box-sizing:border-box;
}

.hero-contact-form textarea{
	resize:vertical;
	min-height:70px;
	max-height:140px;
}

.hero-contact-form input::placeholder,
.hero-contact-form textarea::placeholder{
	color:rgba(255,255,255,0.65);
}

/* Verhindert Extra-Abstand durch das Haupt-CSS */
.content-center-text .hero-form-row:first-of-type{
	margin-top:0;
	margin-bottom:1.1em;
}

/* Checkbox / Consent */

.hero-form-consent{
	margin-top:0.2em;
	margin-bottom:2em;
}

.hero-contact-form .hero-checkbox-label{
	display:grid;
	grid-template-columns:13px 1fr;
	column-gap:0.6em;
	align-items:start;
	margin:0;
	margin-bottom:0;
	cursor:pointer;
	font-size:10px;
	line-height:1.3em;
	letter-spacing:0.05em;
	text-transform:uppercase;
}

.hero-contact-form .hero-checkbox-label input[type="checkbox"]{
	width:13px;
	height:13px;
	margin:2px 0 0 0;
	padding:0;
	flex-shrink:0;
}

.hero-contact-form .hero-checkbox-label span{
	display:block;
	margin:0;
}

/* Button */

.hero-form-submit{
	margin:0;
}

.hero-contact-form button{
	width:100%;
	background:transparent;
	color:#fff;
	border:1px solid #fff;
	padding:0.9em 1em;
	font-family:HelveticaNeue, Arial, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	cursor:pointer;
	transition:all 0.2s ease;
	box-sizing:border-box;
}

.hero-contact-form button:hover{
	background:#fff;
	color:#000;
}

/* Erfolg / Fehler Meldung */

.form-success{
	border:1px solid #fff;
	padding:12px;
	margin-bottom:20px;
	font-size:12px;
	letter-spacing:0.05em;
	text-transform:uppercase;
}

.form-error{
	border:1px solid #fff;
	padding:12px;
	margin-bottom:20px;
	font-size:12px;
	letter-spacing:0.05em;
	text-transform:uppercase;
	opacity:0.7;
}

/* Mobile Anpassung */

@media screen and (max-width:700px){

	.content-center-text{
		width:72%;
		min-width:unset;
		max-width:unset;
		padding:1.4em;
	}

	.hero-contact-form input[type="text"],
	.hero-contact-form input[type="email"],
	.hero-contact-form textarea{
		font-size:12px;
	}

	.hero-form-consent{
		margin-bottom:2.4em;
	}
}