@media only screen and (min-width: 1px) and (max-width: 980px) {

	#container{
		width:100vw;
		margin-top:0;
	}
	/*********** Header ************/
	#header{
		width:100vw;
		
	}
	
	#Logo {
		margin-left: 108px;
	}

	
	/*********** Content ************/
	#contentBox{
		width:100vw;
	}
	#content {
		position:relative;
		z-index:501;
		padding-left: 80px;
	}
	#content h1{
		margin-top: 30px;
	}
	
	/*********** Menu ************/
	.hamburger {
		display:block;
		width:24px;
		height:24px;
		cursor: pointer;
		position:absolute;
		left:80px;
		top:24;
		z-index: 500;
	}
	.hamburger-line {
		height:3px;
		margin-bottom:2px;
		background-color: rgb(253,188,17);
	}
	#navi-responsive {
		padding-left:0;
		padding-top: 20px;
		width:100%;
		margin-bottom:30px;
		display:none;
	}
	#content #navi-responsive ul {
		padding-left:0;
	}
	#navi {
		display:none;
	}
	
	#content .navigation ul {
		list-style-position: inside;
		list-style-type:none;
	}
	.navigation-responsive ul li {
		text-align:left;
		border-bottom: 1px solid rgb(253,188,17);
		line-height:30px;
	}
	.navigation-responsive ul li ul li {
		padding-left:20px;
	}
	.navigation-responsive ul li ul li:last-child {
		border-bottom: none;
	}
	
	#lageplan object {
		width:100%;
	}

}

@media only screen and (min-width: 1px) and (max-width: 755px) {
	
	#content img {
		width:100%;
		height:auto;
	}	

}
@media only screen and (min-width: 1px) and (max-width: 630px) {

	#BGR01, #BGR02 {
		display:none;
	}	

}

@media only screen and (min-width: 1px) and (max-width: 475px) {

	/*********** Header ************/
	
	#headerContainer {
		background-image:none;
	}
	
	#Logo {
		margin: 40px auto 0 5%;
		display: inline-block;
	}	
	
	/*********** Content ************/

	#content {
		padding-left: 10%;
		padding-right: 10%;
	}
	#contentBox{
		border-left: none;
	}
	#contentBoxBackground {
		display:none;
	}
	#contentContainer {
		border-bottom:26px solid rgb(253,188,17);
	}
	
	/*********** Menu ************/
	.hamburger {
		left:10%;
	}
	


}
@media only screen and (min-width: 321px) and (max-width: 384px) {
	#Logo {
		margin: 40px auto 0 1%;
		width:98%;
		height:auto;
	}
	
}
@media only screen and (min-width: 1px) and (max-width: 320px) {

	/*********** Header ************/
	
	#header, #headerContainer {
		height:150px;
		padding-right:0;
	}
	#Logo {
		margin: 30px auto 0 0;
		width:95%;
		height:auto;
	}	
	
	/*********** Content ************/

	#contentBox {
		padding-right:0;
	}
	#content {
		padding-left: 20px;
		padding-right: 20px;
	}
	/*********** Menu ************/
	.hamburger {
		left:20px;
	}


}