@media screen and (max-width: 1024px) {
	nav#mainnav {
		position: relative;
		top: 0px;
		display:none;
		/*top: -9999px;*/
		padding: 10px;
		text-align:right;
		font-size: 1.5em;
		line-height: 1.5em;
	}

	nav#mainnav.is-active {
		display:block;
	}
	nav#mainnav a:after {
		display: none !important;
	}
	nav#mainnav ul {
		width:100%;
	}
	nav#mainnav li {
		float: none !important;
		width: 100% !important;
		border-bottom: none !important; 
	}

	nav#mainnav li a {
		margin-bottom: 10px !important;
		padding: 10px 20px !important; 
		background: #eee;
	}
	nav#mainnav li a:hover {
		padding-top:7px !important; 
	}
	nav#mainnav ul li a.hilight {
		background:#eee;
	}
	nav#mainnav ul li a.current_page {
		text-decoration:underline;
		background:#ccc;
	}
	nav#mainnav ul ul li a {
		margin-left:2em !important;
	}
	nav#mainnav ul ul ul li a {
		margin-left:4em !important;
	}
	nav#mainnav ul ul ul ul li a {
		margin-left:6em !important;
	}
	nav#mainnav ul ul ul  {
		/*display:none;*/
	}
	
	nav#mainnav ul li:hover {
		background: none;
	}

	nav#mainnav ul li a:hover {
		background: #ccc;
	}
	
	nav#mainnav ul ul {
		display:none;
	}
	nav#mainnav ul ul.in-path, nav#mainnav ul ul.show {
		display:block;
		position: relative !important;
		width: 100%;
		left: 0 !important;
		top: 0 !important;
		background: none !important;
		box-shadow: none;
	}
	nav#mainnav ul li a.page {
		padding-left:1.5em !important;
	}
	nav#mainnav ul ul li a.page:before {
		position: absolute;
		content: "";
		display: inline-block;
		margin-left:-1em;
		width: 0.4em;
		height: 0.4em;
		border-top: none;
		border-right: 0.15em solid #bbb;
		border-bottom: 0.15em solid #bbb;
		border-left: none;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		margin-right: 0.5em;
		margin-top: 0.5em;
		transition-property: margin, border-color;
		transition-duration: 0.5s, 0.5s;
	}
	
}

@media screen and (max-width: 1024px) {
	#mobnav {
		display:block;
	}
	#content {
		width:auto !important;
	}
	#footer table {
		width:90% !important;
	}
}

@media screen and (max-width: 1024px) {
	.c-hamburger {
		width:100px;
		height:100px;
		margin-top:30px;
	}
	.c-hamburger span {
		height:10px;
		top:45px;
		left:20px;
		right:20px;
	}
	.c-hamburger span::before {
		height:10px;
	  top: -20px;
	}

	.c-hamburger span::after {
		height:10px;
	  bottom: -20px;
	}
}

@media screen and (max-width: 1024px) {
	.cd-search-trigger {
		margin-top:30px;
		width:100px;
		height:100px;
	}
	.cd-search-trigger::before {
		top:25px;
		left:24px;
		width:30px;
		height:30px;
		border-width:8px;
	}
	.cd-search-trigger::after {
		height: 8px;
		width: 15px;
		bottom: 27px;
		right: 25px;
	}
}

@media screen and (max-width: 1024px) {
	.cd-search-trigger span::before, .cd-search-trigger span::after {
		width:60px;
		height:10px;
		margin-top:-5px;
		margin-left:-28px;
	}
}

@media screen and (max-width: 1024px) {
	nav#mainnav button.cd-search-trigger {
		display:none;
	}
}

@media screen and (max-width: 1024px) {
	#logo, #logo.small {
		position:fixed;
		top:20px;
		left:20px;
		z-index:1020;
		width:180px !important;
		height:120px !important;
		padding:0px;
	}
	#logo svg {
		width:180px !important;
		height:120px !important;
	}
	#logo *.fil0 {
		fill:#000;
	}
	#logo *.fil1 {
		fill:#acc90b;
	}
}

@media screen and (max-width: 1024px) {
	main.hnavi {
		margin-top:0em;
	}
	nav#hnavi {
		font-size:1.2em;
		line-height:1.8em;
		position:relative;
	}
}

@media screen and (max-width: 1024px) {
	nav#fhnavi {
		font-size:1.2em;
		line-height:1.8em;
	}
}

@media screen and (max-width: 1024px) {
	.pagetext ul.twocol li {
		width:100%;
	}
	.pagetext ul.twocol li:last-child {
		padding-top:1.5em;
		padding-left:0;
	}
	.pagetext ul.stiftung > li {
		width:60%;
		text-align:left !important;
	}
	.pagetext ul.stiftung > li:first-child {
		width:40%;
	}
	.pagetext ul.stiftung > li:last-child {
		width:100%;
	}
}

@media screen and (max-width: 1024px) {
	.childMatrix {
		width:100%;
		margin-right:0;
	}
	.childMatrix > li{
		width:45%;
		margin-right:10px;
		margin-left:10px;
	}
}

@media screen and (max-width: 1024px) {
	footer ul {
		width:100%;
	}
	footer div.copy {
		width:90%;
	}
	footer ul li {
		float:inherit;
		padding:25px;
		width:100% !important;
		text-align:left !important;
	}
	footer ul.nohead li {
		padding-top:0;
		padding-bottom:0;
	}
	footer ul.refs.nohead li a:first-child{
		padding-top:0.5em;
	}
}

@media screen and (max-width: 1024px) {
	#orga2016 {
		width:95%;
	}
}

@media screen and (max-width: 1024px) {
	#orga2016 {
		width:95%;
	}
	#orga2016 td {
		width:36% !important;
	}
	#orga2016 td.obg {
		width:28% !important;
	}
	#orga2016 td ul.twocol li {
		width:100%;
	}
}

@media screen and (max-width: 1024px) {
	#historyList {
		display:none;
	}
	#historyviewport {
		width:100% !important;
		padding-top:0;
	}
	#historyviewport > ul {
		width:100% !important;
	}
	#historyviewport > ul > li {
		float:none;
		padding:0 0 25px 0;
		width:100%;
	}
}

@media screen and (max-width: 1024px) {
	body.obgrn {
		margin-top:0px;
	}
	#mobnav.obgrn {
		display:none;
	}
}

@media screen and (max-width: 1024px) {
	html {
		font-size: 100% !important;
	}
	body {
		margin-top:160px;
	}
}

@media screen and (max-width: 1024px) {
	form#searchform {
		top:160px;
	}
	#baupartnerHomeCatcher {
		top:200px;
		right:-270px;
		width:800px;
	}
	
	section#slider ul > li  > a.bottom:before {
		margin-top:0.6em;
	}
}