body {
				background: #959796 url(img/seide.jpg);
				margin-left: auto;
				margin-right: auto;
			}

			.wrapper {
				display: grid;
				grid-gap: 10px;
				grid-template-columns: repeat(auto-fill, 200px);
				color: #444;
				justify-content: center;
				align-items: center;				
			}
			

			.rahmen {
				background-color: #e0e8fb;
				border-radius: 10px;
				padding: 5px;
				height: 200px;
				font-size: 150%;
				background-size: contain;
				box-shadow: 12px 12px 8px #000000;
			}

			.box{
				background-color: #e0e8fb;
				border-radius: 0px;
				border-color: #444;
				padding: 5px;
				height: 190px;
			}
			
			#download {
			  position: absolute; 
			  left: 10px; 
			  right: 10px;
			  top: 150px;
			  height: 40px;
			  margin-left: auto;
			  margin-right: auto;
			}
			
			#ve {
			  position: absolute; 
			  left: 10px; 
			  right: 10px;
			  top: 75px;
			  height: 150px;
			  margin-left: auto;
			  margin-right: auto;
			}
			
			#spruch {
			  position: absolute; 
			  left: 10px; 
			  right: 10px;
			  top: 245px;
			  margin-left: auto;
			  margin-right: auto;
			}
			
			#dup {
			  position: absolute; 
			  left: 10px; 
			  right: 10px;
			  top: 315px;
			  margin-left: auto;
			  margin-right: auto;
			}
			
			#errormessage {
			  position: absolute; 
			  left: 10px; 
			  right: 10px;
			  top: 430px;
			  margin-left: auto;
			  margin-right: auto;
			}
			
			#upprogress {
			  position: absolute; 
			  left: 10px; 
			  right: 10px;
			  top: 445px;
			  height: 150px;
			  margin-left: auto;
			  margin-right: auto;
			}
			
			#upok {
			  position: absolute; 
			  left: 10px; 
			  right: 10px;
			  top: 485px;
			  height: 150px;
			  margin-left: auto;
			  margin-right: auto;
			}
			
			#herz {
			  position: absolute; 
			  left: 10px; 
			  right: 10px;
			  top: 525px;
			  margin-left: auto;
			  margin-right: auto;
			}

			.box img{
				padding: 0px;
				height: 180px;
				width: 179px;
				object-fit: contain;
				display: block;
				margin-left: auto;
				margin-right: auto;
			}

			.button {
				  border: none;
				  color: white;
				  padding: 15px 32px;
				  text-align: center;
				  text-decoration: none;
				  display: inline-block;
				  font-size: 40px;
				  margin: 4px 2px;
				  cursor: pointer;
				  color: black;
			}
			
			#file {
			  display: none;
			}

			#inputfilelabel {
			  display: block;
			  text-align: center;
			  padding: 17px;
			  border: solid 1px #000;
			  color: #f00;
			  font-size: 15px;
			}

			#inputfilelabel2 {
			  display: block;
			  text-align: center;
			  padding: 17px;
			  border: solid 1px #000;
			  color: #f00;
			  font-size: 15px;
			}

			#file:invalid~#inputfilelabel2 {
			  display: none;
			}

			#file:valid~#inputfilelabel {
			  display: none;
			}
			
			.heart {
			  animation: beat 2.5s ease 0s infinite;
			}

			@keyframes beat {
			  0% { transform: scale(1);}
			  50% { transform: scale(2.1);}
			}

			@keyframes beat-before {
			  0% { transform: scale(1);}
			  50% { transform: scale(0.8);}
			}

			@keyframes beat-after {
			  0% { transform: scale(1);  }
			  50% { transform: scale(1.6);}
			}
			
			input[type="file"] {
				display: none;
			}
			
			.custom-file-upload {
				border: 1px solid #ccc;
				display: inline-block;
				padding: 6px 12px;
				cursor: pointer;
			}