/* Simplify Technologies */

@media handheld, projection, tv {
	html {overflow-y: auto;}
}

/* 4-Spalten (4 x 230px = 920px) */
@media only screen and (max-width:1280px){
	.wrapper, hr {padding:0px 20px 0px 20px; max-width:960px; min-width:960px;}
	
	#nav_main>.wrapper>ul>li {font-size: 14px;}
	#nav_main>.wrapper>ul>li:not(:first-of-type) {margin-left:10px;}
	
	.highlight_links_2 a>.corner>span p {margin-top:-10px; font-size: 14px; line-height:18px;}
	
	.highlight_3 .wrapper>div>.corner {left:-12%;}
	.highlight_3 .wrapper>div>.corner>span {background-size: 40px auto;}
	.highlight_3 .wrapper>div>h4 {font-size:14px;}
	.highlight_3 .wrapper>div>div p {font-size:13px;}
	.highlight_3 .wrapper>div>div {font-size:13px;}
	
	.content_highlight .wrapper {padding-left:20%;}
		
}

/* Mobile Landscape = 3-Spalten (3 x 230px = 690px) */
@media only screen and (max-width:980px){
	
	.desktop {display:none;}
	
	h1 {font-size: 28px; line-height:32px; margin:30px 0px 30px 0px;}
	h2 {font-size: 28px; line-height:32px; margin:30px 0px 15px 0px;}
	h3 {font-size: 22px; line-height:28px; margin:25px 0px 15px 0px;}
	
	.toggleLess a {padding-right: 40px; margin-right:-10px; background-position:right 10px center;}
	
	.wrapper, hr {padding:0px 10px 0px 10px; max-width:710px; min-width:710px;}
	
	header {background-color:#0214c0; height:80px;}
		#logo {top:10px; left:10px; height:60px;}
		#logo img {height:58px; border-bottom:5px solid #0214c0; padding:10px 20px 5px 20px;}
		#nav_top {display:none;}
		#nav_main {display:none;}
		#nav_sub {height:auto;border:0px; background:none;text-align:left;}
			#nav_sub .wrapper {}
			#nav_sub form {position:absolute;left:270px;top:47px;padding:0px;}
			#nav_sub form span:first-of-type {display:none;}
			#nav_sub form input[type=text] {width:220px;}
		
		#mobile_home {display:block;}
	
	.highlight_links_2 a>.corner {top:-30%; left:-20%; width:70%; height:140%;}
	.highlight_links_2 a>.corner>span h4 {font-size: 14px; line-height:18px;}
	.highlight_links_2 a>.corner>span p {font-size: 12px; line-height:14px;}
	
	.highlight_3 .wrapper {display:block;}
	.highlight_3 .wrapper>div>div {padding-left:25%;min-height:120px;}
	.highlight_3 .wrapper>div>.corner {width:30%; left:-12%; top:-20%;}
	.highlight_3 .wrapper>div>.corner>span {background-position:60% 85%;}
	.highlight_3 .wrapper>div {margin-top:40px!important;width:100%;}
	.highlight_3 .wrapper>div:first-of-type {margin-top:0px!important;}

	.content.halb article {width:100%;}
	.content.drittel article {width:100%;}

	.content_highlight .wrapper {padding-left:25%;}
	.content_highlight .wrapper>.corner {top:-15%; left:-17%; width:20%; height:125%;}
	.content_highlight .wrapper .column2 {display:block;}
	.content_highlight .wrapper .column2 article {width:100%;margin-top:40px!important;}
	.content_highlight .wrapper .column2 article:first-of-type {margin-top:0px!important;}
	
	footer .footernav {display:none;}
}

/* Mobile Portrait = 2-Spalten (2 x 230px = 460px) */
@media only screen and (max-width:710px){
	.wrapper, hr {max-width:480px; min-width:480px;}
	
	#nav_sub form {left:200px;}
	#nav_sub form input[type=text] {width:120px;}
	
	.content .wrapper {display:block;}
	.content article {width:100%;margin-top:40px!important;}
	.content article:first-of-type {margin-top:0px!important;}
	
	.highlight_links_2 .wrapper {display:block;}
	.highlight_links_2 a {width:100%;margin-top:40px!important;}
	.highlight_links_2 :first-of-type {margin-top:0px!important;}
	.highlight_links_2 a>.corner {top:-15%; left:-10%; width:40%; height:125%;}
	.highlight_links_2 a>.corner>span h4 {font-size: 17px; line-height:23px;}
	.highlight_links_2 a>.corner>span p {margin-top:0px; font-size: 14px; line-height:18px;}
	
	.highlight_3 .wrapper>div>div {padding-left:35%;min-height:160px;}
	.highlight_3 .wrapper>div>.corner {width:40%; left:-12%; top:-20%;}
	.highlight_3 .wrapper>div>.corner>span {background-position:55% 85%;}
	
	.content_highlight .wrapper>.corner {top:-15%; left:-36%; width:28%; height:125%;}
	
	.content_highlight_images {height:150px;}
	.content_highlight_images .wrapper img {margin-top: -80px; height: 200px;}
	
	footer .footerinfo span {display:block; float:none; margin-bottom:30px; height:50px;}
	footer .footerinfo span img {margin-right:20px;float:left;}
}