@media only screen and (min-width : 300px) and (max-width : 399px), only screen and (min-device-width : 300px) and  (max-device-width : 399px){	
	
	section#content {
		position: relative;
		top: 220px;
	}
	
	
	/*
	Menü anpassungen
	*/
	button#primaryNavbar-toggle, button#secondaryNavbar-toggle, button#customnavbar-toggle {
		font-size: 20px;
	}

	
	#cssmenu{
		overflow:scroll;   
		height: 500px;
	}

	#cssmenu > ul > li > a {
		font-size: 40px;
		padding: 11px 15px 10px 10px;
		padding: 10px;
	}
	#cssmenu ul ul li a{
		font-size: 40px;
		padding: 10px;
	}
	/*
	Menü anpassungen ende
	*/	
	
	
	.head-container-title{
		float: left;
		font-family: cursive;
		font-size: 30px;
	}
	
	.head-container-location{
		float: left;
		font-family: cursive;
		font-size: 25;
	}
	
	.head-container-since{
		float: left;
		font-family: cursive;
		font-size: 20px;
	}
	
	
	
	
	.news-box{
	    box-shadow: 0px 0px 10px 0px #000000;
	}
	
	.news-box-head{
		width: 99.50%;
		background-color: #eff751;
		padding: 1px;
		color: #000000;
		font-weight: bold;
		/* text-shadow: 1px 1px black; */
		/* box-shadow: 0px 0px 10px 0px #000000;*/
	}
	
	.news-box-content{
		padding: 1px;
		width:99.99%;
	}
	
	.wellcome_title{
		float:right;
		font-size: 40px;
		font-family: cursive;
	}	
	
	.wellcome_text{
		float:left;
		font-size: 30px;
	}
	
	.index_leftbox{
		float:left;
		width:100%
	}
	
	.index_rightbox{
		float:left;
		width:100%;
	}
	
	
/* Modal Content */
.modal-content {
  position: fixed;
  background-color: #fefefe;
  z-index: 12000;

  width: 100%;
  top: 150px;

  left:5px;
  margin: 0 auto;
    padding: 0 0px;
    max-width: 450px;


  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  animation-name: animatetop;
  animation-duration: 0.4s;
}
	
}