/* <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><> Suchfeld <><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><> */
#imgheader {
	background-image: url(../images/karlsruhe.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	height: 23em;
}
/* SUCHFELD BEGINN */
#search {
	width: 2000px;
	height: 70px;
	margin: -70px auto 0 auto;
	background-image: linear-gradient(90deg, rgba(155, 25, 26, 0.6) 0%, rgba(155, 25, 26, 0.9) 10%, rgba(155, 25, 26, 0.9) 90%, rgba(155, 25, 26, 0.6) 100%);
	padding: 15px 4em;
}
	#search .suchetitel {
		background-color: #E0E0E0;
		background-image: url(../images/lupeicon.png);
		background-size: 35px;
		background-repeat: no-repeat;
		background-position: 5px;
		box-shadow: 0 0 5px #a6a6a6;
		width: 28%;
		margin-right: 2%;
		float: left;
		-moz-transition: background-color 0.25s ease-in-out;
		-webkit-transition: background-color 0.25s ease-in-out;
		-ms-transition: background-color 0.25s ease-in-out;
		transition: background-color 0.25s ease-in-out;
	}
	#search .sucheort {
		background-color: #E0E0E0;
		background-image: url(../images/orticon.png);
		background-size: 35px;
		background-repeat: no-repeat;
		background-position: 5px;
		box-shadow: 0 0 5px #a6a6a6;
		width: 28%;
		margin-right: 2%;
		float: left;
		-moz-transition: background-color 0.25s ease-in-out;
		-webkit-transition: background-color 0.25s ease-in-out;
		-ms-transition: background-color 0.25s ease-in-out;
		transition: background-color 0.25s ease-in-out;
	}	
	#search .sucheradius {
		background-color: #E0E0E0;
		padding: 0 0 0 10px;
		width: 23%;
		margin-right: 2%;
		float: left;
		-moz-transition: background-color 0.25s ease-in-out;
		-webkit-transition: background-color 0.25s ease-in-out;
		-ms-transition: background-color 0.25s ease-in-out;
		transition: background-color 0.25s ease-in-out;
	}
		#search .suchetitel input,
		#search .sucheort input {
			height: 40px;
			width: 90%;
			border: none;
			margin-left: 10%;
			box-shadow: none;
			box-sizing: border-box;
		}
		#search .sucheradius input {
			height: 40px;
			width: 70%;
			border: none;
			box-shadow: none;
			text-align: right;
			box-sizing: border-box;
		}
	#search .suchetitel:hover,
	#search .sucheort:hover,
	#search .sucheradius:hover {
		background-color: #FFFFFF;
		box-shadow: none;
	}
	#search .suchebutton {
		width: 15%;
		float: left;
	}
		#search .suchebutton input {
			height: 40px;
			margin: 0;
			border-radius: unset;
			background-color: #F0F0F0;
			border: none;
			font-weight: bold;
		}
		#search .suchebutton input:hover {
			color: #b00000;
		}
/* SUCHFELD ENDE */

.inhaltstartseite p {
	margin-bottom: 10px;
}
	.inhaltstartseite a {
		color: #9b191a;
		text-decoration: underline;
	}

/* Normal */
@media screen and (max-width: 2500px) {
	#search {
		width: 1800px;
	}
}
@media screen and (max-width: 1920px) {
	#search {
		width: 1400px;
	}
	#search .suchetitel input,
	#search .sucheort input {
		width: 85%;
		margin-left: 15%;
	}
	#search .sucheradius input {
		width: 60%;
	}	
}

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

@media screen and (max-width: 1540px) {
	#search {
		width: 1000px;
		padding: 15px 2em;
	}
	#search .sucheradius input {
		width: 48%;
	}
}

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

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

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

@media screen and (max-width: 1180px) {
	#search {
		width: 800px;
	}
	#search .suchetitel,
	#search .sucheort {
		background-size: 25px;
		background-position: 3px;
	}
	#search .sucheradius input {
		width: 33%;
	}
}

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

@media screen and (max-width: 900px) {
	#imgheader {
		height: 20em!important;
	}
	#search .suchetitel,
	#search .sucheort {
		width: 50%;
		margin: 10px auto;
		float: none;
	}
		#search .suchetitel input,
		#search .sucheort input {
			width: 90%;
			margin-left: 10%;
		}
	#search .sucheradius {
		width: 40%;
		margin: 10px auto;
		float: none;
	}
		#search .sucheradius input {
			width: 60%;
		}
	#search .suchebutton {
		width: 30%;
		margin: 10px auto;
		float: none;
	}
	#search {
		height: auto;
		width: 100%;
		margin-top: -250px;
	}
}

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

@media screen and (max-width: 736px) {
	#search .sucheradius input {
		width: 45%;
	}
}

@media screen and (max-width: 600px) {
	#search {
		padding: 15px 10px;
	}
	#search .suchetitel,
	#search .sucheort {
		width: 100%;
		margin: 10px auto;
		float: none;
	}
	#search .sucheradius {
		width: 100%;
	}
		#search .sucheradius input {
			width: 73%;
		}
}

@media screen and (max-width: 480px) {
	#search .suchebutton {
		width: 50%;
	}
	#search .sucheradius input {
		width: 65%;
	}
}

@media screen and (max-width: 400px) {
	#search .sucheradius input {
		width: 55%;
	}
}