@media (max-width: 767px) {
	
	html, body {
		/* width: 300px !important; */
		padding-bottom: 20px;
		height: 1100px;
	}
	
	.bubble.mobile {
		display: block;
		position: relative;
		top: 0px !important;
		margin-top: 20px !important;
		left: 50% !important;
	}
	
	.content-bubbles {
		position: static;
		padding: 0 !important;
		margin: 0 !important;
		left: 0;
		width: 100%;
	}
	
	.bubble-pagetitle h2 {
		margin-top: 0 !important;
	}
/*
	h1.logo {
		position: absolute;
		left: 50%;
	}
	
	#konzerte {
		position: absolute;
		left: 50% !important;
		margin-top: 60px !important;
		top: 180px !important;
	}
	
	#newsletter {
		position: absolute;
		left: 50% !important;
		top: 520px !important;
	}
	
	#social {
		top: 580px;
	}
	
	#impressum {
		position: absolute;
		top: 610px;
		left: 50%;
	}
*/
	
}