/* unter 1100px paddings der menüpunkte zueinander verringern */
@media screen and (max-width: 1100px) {
	
	.navleft {
		padding-right: 20px;
	}
	
	.navright {
		padding-left: 20px;
	}
	
	.navmiddle {
		padding: 0 20px;
	}
	
	#header .wrapper {
		padding: 0 10px;
	}
	
	.wrapper {
		padding: 0 10px;
	}
	
	.allpadding30 { padding: 10px 10px;}
	
	h1 {
		padding-bottom: 50px;
	}
	
	.bgbak {	
		background-image: none;
	}
	
	
}


/* unter 750px keine spalten mehr, burger-menu */
@media screen and (max-width: 800px) {
	
	.hide {
		display: none !important;
	}
	
	.padding120 { padding-top: 75px; }
	

	.hamburger { /* hamburger anzeigen */
		display: block;
	}
	
	.navbg { /* weißer hintergrund hinter nav */
		background-color: #fff;
		height: 100%;
		width: 100%;
		margin: 0;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1050;
	}
	
	.navbg.shown {
		visibility: visible;
		opacity: 0.9;
	}
		
	.mainmenu { /* dropdown nav */
		text-align: left;
		text-align-last: left;
		height: auto;
		width: 100%;
		position: fixed;
		opacity: 0;
		left: 0;
		right: 0;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
		background-color: #4ac4e1;
		z-index: 1060;
		padding: 10px;
		display: none;
	}
	
	ul.mainmenu {
		display: none;
	}
	
	
	ul.mainmenu.open {
		display: block;
		padding-top: 60px;
	}

	.mainmenu li {
		display: block;
		height: auto;
		padding-bottom: 10px;
	}
			
	.mainmenu.open {
		display: block;
		opacity: 1;
	}
		
	.submenu {
		visibility: visible;
		opacity: 1;
		position: relative;
		display: block;
		padding-top: 5px !important;
		padding-left: 20px !important;
	}
	
	.submenu li {
		padding: 0 0 10px 0;
	}
	
	.submenu li:first-child {
		padding-top: 0 !important;
	}
	.submenu li:last-child {
		padding-bottom: 0 !important;
	}
	
	.navleft {
		padding-right: 0;
	}
	
	.navright {
		padding-left: 0;
	}
	
	.navmiddle {
		padding: 0;
	}
	
	
	.dropdown {
		display: none;
	}
	
	.menutext {
		display: block;
		float: left;
	}
	
	.is-active > .menutext {
	}
	
	#nav {
		position: fixed;
		top: 0;
		width: 100%;
		height: 50px;
	}
	
	.sticky + .navscroll {
		margin-top: 0;
	}
	
	.mobmenu {
		display: block !important;
		padding-top: 30px;
		font-weight: 400;
	}
	
	.mobmenu a {
		color: #FFF !important;
	}

	#header {
		padding-top: 75px;
		min-height: 270px;
		height: 100vh;
	}
	
	#header > .wrapper > .div2 > .halb {
		height: 50vh;
	}
		
	.start {
		display: block !important;
	}
	
	
	.persfoto {
		margin-top: 20px;
	}


	
	.halb {
		display: block;
	}
	
	.hellblau > .halb {
		margin-bottom: 0;
		padding-right: 25px;
	}
		
	.logobox {
		margin-bottom: 0 !important;
		padding-right:0;
	}
	
	.flexbox {
		display: flex;
	}
	
	.flexbox.logobox {
		align-items: flex-end;
	}
	
	.logobox + .halb {
		margin-bottom: 0;
	}
	
	.footerbox {
		padding: 0 10px;
		padding-top: 15px;
		float: none !important;
	}
	
	.footerbox:last-child {
		padding-top: 0;
		margin-top: 0;
	}
	
	#map {
		height: 50vh;
	}
	
	.nointro {
		display: none;
	}
	
	.bigicon {
		background-position: center top;	
	}
	
	.contactframe {
		margin-top: 15px;
	}
	
	.mobile {
		margin-top: 15px;
	}
	
}