/* header */
.headerBackground
{
	background-color: black;
}

/* eventcalendar */

.eventcalendar
{
 float: left;	
 width: 200px;
}

.eventtext
{
 text-align: left	
}

table 
{
  display: flex;
  justify-content: center;
  text-align: left;
}

.box
{
	margin-left: auto;
    margin-right: auto;
    width: 80%;
	min-height: 200px;
	background-color: rgb(125, 125, 125, 0.5);
	color: black;
	padding: 15px;
}
.box2
{
	margin-left: auto;
    margin-right: auto;
    width: 80%;
	min-height: 200px;
	background-color: rgb(25, 25, 25, 0.5);
	color: black;
	padding: 15px;
}

/* maps */

#map
{
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	background-color: rgb(125, 125, 125, 0.7);
	color: black;
	padding: 15px;
}

/* logos */

#maskottchen 
{
	display: flex; 
    //margin-right: auto;
	margin-left: 3%;
	margin-top: 1%;
	width: 220px;
	height: 220px;
}



#mail
{
	float: right;
	margin-top: 2.5%;
	margin-right: 2%;
}

#fb
{
	float: right;
	margin-top: 2%;
	margin-right: 2%;
}

#Stoapfaelzer_Spitzbuam
{
	margin-left: 15%;
}

/* mobile responsive */

@media screen and (max-width: 1000px) 
{
	.box 
	{
		width: 100%;	
	}
	.box2 
	{
		width: 100%;	
	}
	
	body 
	{		
		background-size: auto auto;
	}
	
	#map
	{
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		background-color: rgb(125, 125, 125, 0.7);
		color: black;
		padding: 5px;
	}
	
	.content {
	   padding-left: 142px;
	}
}

@media screen and (max-width: 800px) 
{
	#map
	{
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		background-color: rgb(125, 125, 125, 0.7);
		color: black;
		padding: 5px;
	}
}

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

	#kirwa_filchendorf
	{

		margin-top: 20%;
	}

	.pictures
	{			
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	p
	{
		text-align: center;
	}

	#fb
	{
		float: left;
		margin-top: 2.2%;
		margin-left: 1%;
		width: 40%;
	}
	
	#fbpng
	{
		width: 70px;
	}
	
	#mail
	{
		float: right;
		margin-top: 4%;
		margin-right: 2%;
		margin-left: 2%;
		width: 40%;

	}
	
	#mailpng
	{
		width: 60px;
	}
	
	#maskottchen 
	{
		width: 90%;
		height: 70%;
	}
	

	.eventcalendar
	{
		padding-left: 35%;
		padding-right: 35%;
	}
	

}