@media only screen and (max-width: 1000px) {
	#base {
		width: 90%;
	}
	
	.imgbox {
		margin-right:5%;
	}
	
	#menu {
		height: auto;
		padding: 30px 26px 20px 0px;
		margin-top:20px;
	}
	
}

@media only screen and (max-width: 830px) {
	.logo a {
		float:none;
		margin:0 auto;
		text-align: center;
	}
	.logo a img {
		float:none;
		margin:0 auto;
		text-align: center;
	}
	
}

@media only screen and (max-width: 750px) {
	#menu a {
		padding: 10px 15px;
	}
}



@media only screen and (max-width: 625px) {
	.navi {
		width:100% !important;
	}

	
	.col_25 {
		width:33%;
		float:left;
	}

	nav ul li {
		display:inline-block;
	}
	
	.imgbox {
		margin-top: 20px;
	}
	
	#menu {
		background: url(../img/bg_nav-mob.png) center top no-repeat;
		background-size:cover;
		padding: 10px 26px 20px 25px;
	}
	
	#inhalt {
		padding:15px 0;
	}
	
	h1, h2 {
		margin-left: 0px;
	}

	#footer {
		padding: 0 0px;
	}
}




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

	
	nav ul {
		background:rgba(0,0,0,0.8);
		position:absolute;
		top:64px;
		right:25px;
		left:25px;
		z-index:1000;
	}
	
	nav ul li ul {
		background-image: none;	
		position: static;
	}
	
	nav ul li {
		width:auto;
		max-width:none;
		display:none;
		float:none;
		margin:0px;
		padding:5px 0 5px 0;
	}
	
	nav ul li.last {
		padding:0px 0 5px 0;
	}
	
	nav ul li ul li {
		background: none;
		padding-left:0px;
		margin: 0;
		border-bottom:none;
	}
	
	nav ul li ul li a {
		background: none;
		padding:15px 0px 15px 30px;
		border-bottom:1px dotted #fff;
	}

	nav ul li a, nav ul li span {
		border-top:none !important;
		white-space:nowrap;
		padding-left:14px;
		text-align:left;
		padding:10px 0px;
		margin: 0 15px;
	}


	.button_menu {
		display:block;
		background:#0984e2;
		position:relative;
		cursor:pointer;
		color:#fff;
		padding:10px 20px 10px 20px;
		z-index:30;
		width:100%;
		margin:0px 0;
		top:0px;
		right:0px;
		
	}

	.button_menu:hover {
		background:#015dd5;	
	}

	
	#inhalt {
		padding: 30px 0 15px 0;
	}

}

@media only screen and (min-width : 536px) {
	.button_menu {
		display:none;
	}
	
	nav {
	}
	
	nav ul {
		position:static;
	}
	
	nav ul li {
		display:inline-block !important;
	}

}

@media only screen and (max-width : 400px) {
	.kontakt textarea, .kontakt input {
		width: 100%;
	}
	label {
		width: 100%;
	}
}

@media only screen and (min-width: 626px) {
	nav ul li {
		display:block !important;
	}	
}