body{
	padding:1em;
	background-image: url("../images/background-laptop.png");
	background-repeat: no-repeat;
	background-size: cover; /* oder contain / auto */
	background-attachment: fixed; /* damit es fix bleibt beim Scrollen */
	background-position: center;
}

header{
	background-color: white;
	display:flex;
	flex-direction: row;
	justify-content: left;
	align-items: center;
	grid-gap: 2em;
	border-bottom: 0.1em solid black;
	padding: 1em;
}
.logo{
	max-width: 3em;
	max-height: 3em;
}
main{
	background-color: #FFFFFF50;
	padding: 1em;
}
footer{
 	background-color: black;
	color:white;
}
footer li{
	text-decoration: none;
	list-style-type: none;
	text-align: center;
	color: white;
}
button,input[type="submit"]{
	border:0.1em solid black;
	color:black;
	background-color: white;
	padding:1em;
	border-radius: 0px;
	transition: background-color 0.5s ease;
	transition: color 0.2s;
	display: block;
	margin-bottom: 1em;
	margin-top: 1em;
	
}
a{
	text-decoration: none;
}
button:hover, input[type="submit"]:hover{
	background-color: orange;
	color: white;
}
form{
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
label{
	font-size:1.5em;
	margin-right: 1em;
}
input{
	border:0.1em solid black;
	color:black;
	background-color: white;
	padding:1em;
	border-radius: 0px;
	margin-bottom: 1em;
	margin-top:1em;
}
.wrapper-input{
	display:flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.error{
	display:block;
	background-color: rgba(255,0,4,0.50);
	border: 0.1em solid red;
	border-left: 0.2em solid red;
	border-radius: 0.3em;
	padding: 1em;
	margin-bottom: 1em;
	margin-top: 1em; 
}
.success{
	display:block;
	background-color: rgba(0,255,0,0.50);
	border: 0.1em solid green;
	border-left: 0.2em solid green;
	border-radius: 0.3em;
	padding: 1em;
	margin-bottom: 1em;
	margin-top: 1em; 
}
div.one_post{
	display: flex;
	border:0.1em solid black;
	border-radius:0px;
	flex-direction: row;
	align-items: center;
	background-color: white;
	padding: 0.5em;
}
div.one_post > label{
	font-size: 1em;
	margin-left: 1em;
}
#done, #results, #person, #resulter{
	display: grid;
	grid-template-rows:auto;
	grid-template-columns: auto;
	grid-gap: 1em;
}
fieldset > label{
	font-size:1em;
	margin-left:1em;
}
#uploadform{
	display:flex;
	flex-direction: row;
}
#searcher{
	margin-top: 0px;
}
.headertitle{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
#resulter .one_post:nth-of-type(1){
	background-color:gold;
}

#resulter .one_post:nth-of-type(2){
	background-color:silver;
}

#resulter .one_post:nth-of-type(3){
	background-color:sandybrown;
}
@media screen and (max-width:744px){
	body{
		background-image: url("../images/background-mobile.png");
	}
	.wrapper-input{
		flex-direction: column;
		align-items: flex-start;
	}
	#uploadform{
		flex-direction: column;
		align-items: flex-start;
	}
	.logotitel{
		font-size:1.4em;
	}
	#person .one_post{
		flex-direction: column;
		align-items: flex-start;
	}
}