div.choosepicture{
	margin: 70px auto 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

div.choosepicture a{
	display:block;
	width: 270px;
	height: 270px;
	border-radius: 135px;
	margin: 5px 10px;
}

div.choosepicture div.outer{
	width: 270px; height: 270px;
	background-color: #c52033;
	border-radius: 135px;
	padding: 5px;
	margin: 5px 10px;
}

div.choosepicture div.border{
	width: 260px; height: 260px;
	background-color: #111;
	border-radius: 130px;
	padding: 5px;
}

div.choosepicture div.inner{
	width: 248px; height: 248px;
	border-radius: 125px;
	overflow: hidden;
	transition: background-image 0.5s;
}

div.choosepicture div.picture{
	width: 250px; height: 250px;
	border-radius: 125px;
	background-size: cover;
	background-position: center center;
	transition: transform 0.5s, opacity 0.5s;
	text-align: center;
	line-height: 410px;
	color: #333;
	font-weight: 800;
	font-size: 25px;
}

div.choosepicture div.outer:hover div.picture{
	transform: scale(1.1);
	opacity: 0.5;
	transition: transform 0.5s, opacity 0.5s;
}

div.choosepicture div.outer:hover div.inner{
	background-image: url('../images/check.jpg');
}

div.archiv{
	margin: 70px auto 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

div.archiv a.picture{
	display: block;
	width: 270px;
	height: 270px;
	border-radius: 10px;
}

div.archiv div.outer{
	width: 270px; height: 270px;
	background-color: #1d1d1d;
	border-radius: 10px;
	padding: 5px;
	margin: 5px 10px;
}

div.archiv div.border{
	width: 260px; height: 260px;
	background-color: #111;
	border-radius: 10px;
	padding: 5px;
	margin-top: -25px;
	margin-left: 0px;
}

div.archiv div.inner{
	width: 248px; height: 248px;
	border-radius: 10px;
	overflow: hidden;
	transition: background-image 0.5s;
}

div.archiv a.delete{
	position: relative;
	display: block;
	opacity: 0;
	top: 13px; left: 219px;
	width: 25px; height: 25px;
	z-index: 100;
	background-image: url('../images/delete.png');
	background-position: center center;
	background-repeat: no-repeat;
	transition: opacity 0.5s;
}

div.archiv a.delete:hover{
	filter: brightness(1.5);
}

div.archiv div.outer:hover a.delete:not(.nofunction){
	opacity: 1;
	transition: opacity 0.5s;
}

div.archiv div.picture{
	width: 250px; height: 250px;
	border-radius: 10px;
	background-size: cover;
	background-position: center center;
	transition: transform 0.5s;
	text-align: center;
	line-height: 410px;
	color: #333;
	font-weight: 800;
	font-size: 25px;
}

div.archiv div.outer:hover div.picture{
	transform: scale(1.1);
	transition: transform 0.5s;
}