/* Styles for the Projekte page */
.projects {
	padding: 5vh;
}

.project-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 20px;
	max-width: 1200px;
	margin: 0 auto;
}

.project {
	background-color: var(--background-color); /* rgba(193, 195, 198, 0.7) */
	padding: 2vw;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.project h3,
p {
	color: var(--primary-color);
}

/* Responsive Design */
@media (max-width: 768px) {
	.project-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
	.projects {
		padding: 3vh;
	}

	.project {
		padding: 2vh;
	}
}