/*spezial css frontpage*/

#div_kontakt_form button,
.btn_start {
	background-color: #ffffff;
	border: 1px solid grey;
	border-radius: 10px;
	cursor: pointer;
	display: block;
	font-size: 1rem;
	margin: 0 auto 2rem auto;
	padding: 10px 25px;
	transition: all .4s ease-in-out;
}
body #page-container div#btn_gutschein_anfordern:hover,
#div_kontakt_form button:hover,
.btn_start hover {
	border-color: #fe5757;
	color: #fe5757;
transition: all .4s ease-in-out;
}
#sec_one img {
    max-height: 40vh;

}
#sec_contact {
	display: flex;
	flex-direction: column-reverse;

}
#sec_contact #contact_left,
#sec_contact #div_kontakt_form {
  width: 98%;
	margin: 0 auto;
}
#sec_contact .wp-block-group {
	border: 1px solid grey;
	border-radius: 15px;
  padding: 1rem;
	margin-bottom: 1rem;
}
#sec_contact #contact_left a {
	display: block;
	text-align: center;
}
#sec_contact #contact_left .wp-block-group p {
	padding-bottom: 0;
}
/*Form*/
#sec_contact #div_kontakt_form .form_row {
	border-bottom: 1px solid grey;
	border-left: 1px solid grey;
	border-radius: 0 0 0 15px;
	padding: 5px;
  margin-bottom: 2rem;
}
#sec_contact #div_kontakt_form label {
	border: none;
	font-size: .8em;
}
#sec_contact #div_kontakt_form input {
	width: calc(100% - 145px);
	border: none;
	outline: none;
	font-size: .8em;
}
#sec_contact #div_kontakt_form input::placeholder {
	display: none;
	color: #fff;
}
#sec_contact #div_kontakt_form .form_row:first-of-type {
	margin-top: 4rem;
}
#sec_contact #div_kontakt_form .form_row:last-of-type {
	display: none;
}

/*Responsive groesser 770px*/
@media all and (min-width: 770px) {
	#content_page section#sec_contact {
		flex-direction: row;
		justify-content: space-around;
	  flex-wrap: wrap;
	}
	#sec_contact #contact_left,
	#sec_contact #div_kontakt_form {
	  width: 45%;
	}
}
/*Responsive groesser 1024px*/
@media all and (min-width: 1024px) {
	#sec_contact #div_kontakt_form label {
		font-size: 1em;
	}
	#sec_contact #div_kontakt_form input {
		width: calc(100% - 180px);
	}
}