@media (min-width: 768px) {
	body {
		overflow: hidden;
	}


	.main-title {
		font-size: 2em;
		letter-spacing: 0.05em;
	}

	.artist-subtitle {
		font-size: 0.9rem;
	}

	body.gates-open .mobile-nav-buttons {
		opacity: 1;
		transform: translateY(0);
		transition-delay: 1s;
	}

	.close-btn {
		top: 10px;
		right: 15px;
		width: 35px;
		height: 35px;
		font-size: 1rem;
		color: #ffffff;
	}



	.door {
		background-image: url("/img/main.webp");
	}

	#open-gates-btn {
		font-size: 1rem;
		padding: 14px 0;
		width: 230px;
	}

	.hero-center {
		font-size: 2rem;
	}

	.hero-genre-text {
		font-size: 20px;
		width: 400px;
		background-color: rgba(0, 0, 0, 0.3);
	}

	.section-title {
		font-size: 2rem;
	}
	.section-title::after {
		width: 60px;
	}

	.social-icon-box {
		width: 70px;
		height: 70px;
	}


	.social-icon-img {
		width: 40px;
		height: 40px;
	
	}

	.overlay-h4-style {
		font-size: 1.5rem;
	}

	#impressum-overlay .overlay-content {
		background:
			linear-gradient(rgba(10, 10, 10, 0.65), rgba(10, 10, 10, 0.8)),
			url("/img/impressum.webp") center/cover no-repeat;
	}


	.text-section {
		font-size: 18px;
	}

	
}