#projects_section
{
	padding: 100px 80px;
	background-color: rgb(109, 109, 244);
	}

#projects_section h2
{
	padding: 40px;
	font-size: 50px;
	text-align: center;
	}


#projects_section h3
{
	color: rgb(39, 33, 33);
	}

#projects_section p
{
	color: rgb(39, 33, 33);
	}	

.flex_container
{
	display: flex;
	gap: 60px; /*Abstand der Cards*/
	flex-direction: center;
	justify-content: center; /*Elemente werden zentriert*/
	flex-wrap: wrap;
	}



	

.card /*Bearbeitungen innerhalb der Karten*/
{
	width: 350px;

	background-color: rgb(245, 245, 245);
	border-radius: 15px;
	padding: 30px 30px;
	color: rgb(39, 33, 33);


	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 30px;
	}


.timestamp
{
	font-size: 24px;
	}

.card * /*Damit spreche ich alle cards mit an*/
{
	width: auto;
	height: auto;
	text-align: center;
	}


.card img
{
	
	overflow: hidden; /*bedeutet, dass der Inhalt eines Elements, 
						der über die Grenzen des Elements hinausragt, 
						abgeschnitten und nicht sichtbar gemacht wird*/
	border-radius: 15px;
	}

.card a
{
	width: center;
	padding: 15px 15px;
	border-radius: 40px;
	text-decoration: none;
	margin: 0 auto;
	}


.card a:hover
{	
	background-color:rgb(109, 109, 244);
	}

.card_header 
{
	display: flex;
	justify-content: right;
	align-items: center;
	}

@media(max-width:800px)
{
.logo
	{ 
    content: url("images/logo_2.png");
	}
}