/* ############################################################
	SUCHFORMULAR
############################################################ */

/* Allgemeines */
.mdl110-modul-box {
	position: relative;
	width: 100%;
}


/* Modultitel */
h1.modultitel {
	margin-bottom: 22px;
}
@media screen and (min-width: 768px) {
	h1.modultitel {
		margin-top: 29px;
	}
}
@media screen and (min-width: 1200px) {
	h1.modultitel {
		margin-bottom: 33px;
	}
}


/* Formular */
.mdl110-form {
	position: relative;
	display: flex;
	align-items: flex-end;
	width: 100%;
}


/* Resets */
.mdl110-form input:focus, .mdl110-form input:active,
.mdl110-form button.search-button:focus, .mdl110-form button.search-button:active {
	outline: none;
}


/* Textfelder */
.mdl110-form input {
	position: relative;
	width: 100%;
	padding: 7px 0 8px;
	border: none;
	border-bottom: 1px solid var(--main-color-2);
	border-radius: 0;
	background-color: transparent;
	font-size: 1rem; /* 16px */
	line-height: 1.375;
	color: var(--main-color-2);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
@media screen and (min-width: 768px) {
	.mdl110-form input {
		padding-top: 8px;
		padding-bottom: 9px;
		font-size: 1.3125rem; /* 21px */
	}
}
@media screen and (min-width: 1400px) {
	.mdl110-form input {
		padding-top: 9px;
		padding-bottom: 10px;
		font-size: 1.5rem; /* 24px */
	}
}


/* Placeholder */
.mdl110-form input::-webkit-input-placeholder {
	color: var(--main-color-3);
}
.mdl110-form input::-moz-placeholder {
	color: var(--main-color-3);
}
.mdl110-form input:-ms-input-placeholder {
	color: var(--main-color-3);
}
.mdl110-form input:-moz-placeholder {
	color: var(--main-color-3);
}


/* Button */
.mdl110-form button.search-button {
	display: inline-block;
	cursor: pointer;
	position: relative;
	width: auto;
	margin-left: 15px;
	padding: 7px 19px 8px;
	border: none;
	border-radius: 10px;
	background-color: var(--main-color-2);
	font-size: 0.875rem; /* 14px */
	color: var(--main-color-white);
}
@media screen and (min-width: 768px) {
	.mdl110-form button.search-button {
		margin-left: 17px;
		padding: 8px 21px 9px;
		font-size: 1rem; /* 16px */
	}
}
@media screen and (min-width: 992px) {
	.mdl110-form button.search-button {
		-o-transition: background 300ms var(--cubic-bezier);
		-ms-transition: background 300ms var(--cubic-bezier);
		-moz-transition: background 300ms var(--cubic-bezier);
		-webkit-transition: background 300ms var(--cubic-bezier);
		transition: background 300ms var(--cubic-bezier);
	}
	.mdl110-form button.search-button:hover {
		background-color: var(--main-color-1);
	}
}
@media screen and (min-width: 1400px) {
	.mdl110-form button.search-button {
		margin-left: 20px;
		padding: 9px 24px 10px;
		font-size: 1.125rem; /* 18px */
	}
}


 /* ############################################################
	ERGEBNISLISTE
############################################################ */

/* Allgemein */
.mdl110-ergebnisliste {
	position: relative;
	width: 100%;
	margin-top: 43px;
}
@media screen and (min-width: 768px) {
	.mdl110-ergebnisliste {
		margin-top: 56px;
	}
}
@media screen and (min-width: 1400px) {
	.mdl110-ergebnisliste {
		margin-top: 64px;
	}
}


/* Absätze */
.mdl110-ergebnisliste h2 + p, .mdl110-ergebnisliste h2 + h3 {
	margin-top: 0;
}
.mdl110-ergebnisliste p + h2, .mdl110-ergebnisliste h3 + h2 {
	margin-top: 31px;
}
@media screen and (min-width: 768px) {
	.mdl110-ergebnisliste p + h2, .mdl110-ergebnisliste h3 + h2 {
		margin-top: 42px;
	}
}
@media screen and (min-width: 1400px) {
	.mdl110-ergebnisliste p + h2, .mdl110-ergebnisliste h3 + h2 {
		margin-top: 48px;
	}
}