@media screen and (max-width: 1280px) {
	.crossfade_header {
		
	}
/*	.crossfade_header figure {
		max-height: 200px;
	}*/
}
@media screen and (max-width: 1000px) {
	.crossfade_header {
		display: none;
	}
	nav, 	#content_wrap {
		max-width: 95vw;
		margin: 0 auto;
	}
	#cssmenu > ul {
		max-width: 200px;
	}
	#cssmenu > ul > li > a {
    padding-left: 1.5em;
	}
	#navi_heading {
		padding-left: 0.5rem;
	}
	#logo {
		right: 0;
		height: 110px;
		max-width: 220px;
		margin-top: 0;
	}
	#logo img { 
		display: block;
		max-height: 100%;
	}
	.inner_left, .inner_right {
    width: auto;
	}
}
@media screen and (max-width: 768px) {
	
	body {
		background: linear-gradient(to left, rgba(92,195,234,1) 0%,rgba(18,41,69,1) 90%)
	}
	
	main {
		margin: 0 1em;
		background: linear-gradient(to left, rgba(92,195,234,1) 0%,rgba(18,41,69,1) 90%)
	}
	
	.crossfade_header, #navi_heading, #content_leftside {
		display: none;
	}
	#logo {
		top: 3.5em;
		left: 1em;
		height: 88px;
	}
	header {
		min-height: 0;
		background: linear-gradient(to left, rgba(92,195,234,1) 0%,rgba(18,41,69,1) 90%) /*rz 15.04.2019 */
	}
	nav {
		max-width: 100%;
		padding: 0;
	}
	#cssmenu .submenu-button::before, #cssmenu .submenu-button::after {
		/*background: white;*/
	}
	#cssmenu .submenu-opened::before, #cssmenu .submenu-opened::after {
		background: #111;
	}
	#cssmenu > ul {
    margin-top: 20px;
    max-width: 100%;
	}
	#cssmenu ul ul {
		max-width: 100%;
	}
	#cssmenu > ul, #cssmenu ul ul {
		border: 0; 
	}
	#cssmenu ul li:hover > ul > li ul {
		background: transparent;
	}
	#cssmenu li > ul.open {
		left: 0;
	}
	#cssmenu ul ul li a {
		color: white;
	}
	#content_wrap {
		max-width: 100%;
		margin: 0;
	}
	#content_wrap section > div {
		width: 100%;
		max-width: 100%;
	}
	.content_left, section {
		flex-direction: column;
	}
	.content_right {
		flex-direction: column-reverse;
	}
	.content, .half_picture, .inner_left, .content_single {
    padding: 1em;
	}
}
@media screen and (max-width: 680px) {
	/*#content_wrap section > div {
		width: 100%;
	}
	.content_left, section {
		flex-direction: column;
	}
	.content_right {
		flex-direction: column-reverse;
	}*/
}
@media screen and (max-width: 480px) {
	footer  {
		padding-left: 0vw;
	}
	footer li {
		float: none;
		font-size: 0.8em;
	}
	footer .copyright {
		margin-top: 0.5em;
	}
	.home .space_between {
		max-width: 100%;
	}
	.home .space_between {
		flex-direction: column;
	}
}