@charset "utf-8";
/* CSS Document */


/* -------- MAX 1260px -------- */

@media screen and (max-width: 1260px) {
	
	.next-date {
		-webkit-transform: scale(.8);
		    -ms-transform: scale(.8);
		        transform: scale(.8);
		margin-left: 5%;
	}
	
	#main-nav {
		height: 75%;
	}	
	
	#small-nav ul.imprint-nav {
		display: none;
	}
	
	#page-teaser li a, .gallery-images li {
		min-height: 200px;
	}

	form {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	
}


/* -------- MAX 820px -------- */

@media screen and (max-width: 820px) {
	
	:root {
		--space: 20px;
	}	

	#hero {
		align-content: center;
		height: 65vh;
		margin-bottom: calc(var(--space)* 5);
	}

	.hero-img-overlay {
		display: none;
	}

	#hero .logo {
		margin-top: 20%;
		text-align: center;
	}

	#about .inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}

	.gallery {
		min-width: none;
		position: relative;
		display: none;
	}
	
	.mob-column {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	
	.mob-column-rev {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
	
	#footer-nav {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	
	#footer-nav ul, #footer-nav ul:last-child {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	#formular {
		margin-bottom: 180px;
	}
	
}


/* -------- MAX 650px -------- */

@media screen and (max-width: 650px) {
	
	header {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
	}

	.gallery-images.gallery-small li {
		min-height: 150px;
		min-width: 150px;
	}
	
}


/* -------- MAX 450px -------- */

@media screen and (max-width: 450px) {

	.logo h1 {
		font-size: 3rem;
	}

	.spacer {
		display: none;
	}

	#music-player.overlay-player {
		padding: 0;
		width: 100%;
		gap: 0;
	}

	.player-container {
		gap: 0;
	}

	#player-cover {
		margin: 0;
	}

	#player-functions > .player-controls {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.player-info p {
		display: none;
	}

	.player-sharing {
		display: none;
	}

	.progress-container {
		display: none;
	}

	.progress-container input[type="range"] {
		height: 2px;
		border-radius: 0;
	}
	
	#main-nav {
		height: 60%;
	}

	.image-resources p {
		font-size: 14px;
	}
	
}