/*  */
#contact-form {
	width: 100%;
	margin: 0 auto;
	justify-content: center;
	padding: 1rem 0;
}

/* Kontaktformular selbst */
#contact-form form {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 70%;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 10px;
	/* position: relative; */
}

#contact-form .interessenten_formular {
	margin-bottom: 15rem;
}

.kontakt_formular .col_form {
	width: 100%;
}

select,
input[type="text"],
input[type="email"],
textarea {
	/*min-width: 35rem;*/
	max-width: 100%;
}

label {
	display: block;
	width: 100%;
}

input,
textarea,
button,
select {
	width: 100%;
	padding: 1rem;
	border: none;
	border-radius: 1rem;
}

select,
option {
	background-color: var(--weiss);
}

#contact input[type="checkbox"] {
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 18px !important;
}

#contact-form .immo_typ {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 2rem;
	margin: 3rem 0 5rem 0;
	text-align: left;
	color: var(--weiss);
	font-weight: 100 !important;
}

#contact-form .immo_typ label {
	display: flex;
	flex: 1 0 fit-content;
	align-items: center;
	justify-content: flex-start;
	color: var(--main_color_dark);
}

#contact-form .kontakt_checkbox {
	margin-top: 1rem;
	text-align: left;
}

/* Textfelder */
input.fehler[type="text"],
input.fehler[type="email"] {
	outline: 2px solid var(--aktiv_color) !important;
}

/* Checkboxen */
input.fehler[type="checkbox"] {
	outline: 2px solid var(--aktiv_color) !important;
	box-shadow: 0 0 5px var(--aktiv_color) !important;
}

/* Label für Checkboxen */
label.fehler {
	color: var(--aktiv_color) !important;
}

.error-message {
	display: none;
	padding: 1rem;
	background-color: var(--aktiv_color);
	color: var(--weiss);
	margin-top: 1rem;
	border-radius: 5px;
	position: relative;
	z-index: 100;
}

.error-message.visible {
	display: block;
}

#contact-form .button_send {
	width: max-content;
	background: var(--main_color_dark);
	color: var(--weiss);
	font-size: clamp(1rem, 5vw, 1.125rem);
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 2rem 0 5rem 0;
	padding: 1rem 5rem;
	border-radius: 100vw;
	transition: 0.3s all ease-in-out;
	cursor: pointer;
}

#contact-form .button_send:hover {
	background-color: var(--aktiv_color);
	transition: 0.3s all ease-in-out;
}

textarea {
	height: 15rem;
	resize: none;
}

input[type="text"],
input[type="email"],
textarea,
select,
option {
	display: flex;
	justify-content: center;
	background-color: transparent !important;
	border: 1px solid var(--grau);
	outline: none;
	margin: 0 auto 3rem auto;
}

.kontakt_formular form .col_form {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
}

.kontakt_formular form .col_form .col_input {
	display: flex;
	flex-direction: column;
	width: calc(50% - 2rem);
}

.kontakt_formular form .col_form .col_input input {
	width: 100%;
	border: 1px solid var(--grau);
}

.kontakt_formular form label,
input[type="text"],
input[type="email"],
textarea,
select {
	font-family: "Roboto-SemiBold", sans-serif;
	font-size: clamp(1rem, 3vw, 1.2rem);
	width: 100%;
}

.kontakt_formular form label {
	color: var(--menu_items);
	font-size: clamp(1.2rem, 5vw, 1.5rem);
	margin-bottom: 1rem;
}

::placeholder {
	color: var(--grau);
}

.h2_interessenten,
.wunsch_kriterium {
	display: flex;
	width: 70%;
	margin: 50px auto;
	padding: 0 4rem;
	text-align: left;
	color: var(--main_color_dark);
	font-weight: 100;
	letter-spacing: 2px;
}

/* Für Checkboxen */
.privacy5 {
	width: 100%;
	margin-bottom: 2rem;
	padding: 1rem 0;
	text-align: left;
	color: var(--main_color_dark);
	font-weight: 100;
	line-height: 2;
}

.wunsch_kriterium {
	width: 100%;
	margin: 0 auto 2rem auto;
	text-align: left;
	padding: 0;
}

#widerspruch {
	float: flex;
	width: 100%;
	margin: 1em auto;
	justify-content: center;
	text-align: center;
}

#widerspruch2 {
	width: 100%;
	margin: 1em auto;
}

.widerspruch_accept_checkbox {
	/* für Kontaktseite */
	margin: 1em 0em;
	z-index: 0;
}

.widerspruch_accept_checkbox2,
.widerspruch_accept_checkbox3 {
	/* für Kontaktseite */
	margin: 0em 0em;
}

.privacy_accept_checkbox5 {
	margin: 0 auto;
	justify-content: center;
	text-align: center;
}

.privacy_accept_checkbox6 {
	margin: 0.3em 0.5em;
	z-index: 0;
}

.daten_check {
	width: fit-content;
	justify-content: left;
	align-items: center;
	display: flex;
	text-align: center;
	color: var(--main_color_dark);
}

/*** ENDE Gesamtes Kontakt-Formular  ***/