@media only screen and (min-width: 0px) and (max-width: 1720px){
	.slider_slogan {
		font-size: 30px;
		bottom: 100px;
	}
	.slogan_oben, .slogan_unten {
		line-height: 45px;
	}
}
@media only screen and (min-width: 0px) and (max-width: 1470px){
	.slider_slogan {
		font-size: 28px;
		bottom: 85px;
	}
	.slogan_oben, .slogan_unten {
		line-height: 45px;
	}
}
@media only screen and (min-width: 0px) and (max-width: 1279px){
	.menu li a {
		margin-left: 20px;
		font-size: 16px;
	}
	#top {
		float: right;
		width: 80.04%;
		border-bottom: 1px solid #e6e6e6;	
	}
	.slider_slogan {
		font-size: 25px;
		bottom: 70px;
		margin-left: 40px;
	}
	.slogan_oben, .slogan_unten {
		line-height: 40px;
	}
}
@media only screen and (min-width: 0px) and (max-width: 1190px){
	.menu li a {
		margin-left: 18px;
		font-size: 15px;
	}
	#footer img {
		height: 36px;
	}
	h1 {
		font-size: 28px;
	}

}
@media only screen and (min-width: 0px) and (max-width: 1110px){
	.menu li a {
		margin-left: 13px;
		font-size: 14px;
	}
	#gecko {
		margin-left: 20px;
		margin-top: 48px;
	}
	#top {
		float: right;
		width: 81.54%;
		border-bottom: 1px solid #e6e6e6;	
	}
	.slider_slogan {
		font-size: 23px;
		bottom: 50px;
		margin-left: 40px;
	}
	.slogan_oben, .slogan_unten {
		line-height: 35px;
		
	}
	.news_txt {
		height: 230px;
	}
	#footer img {
		height: 32px;
	}
	#right h3, #left h3 {
		font-size: 21px;
		padding-top: 10px;
	}
	#right .hellblaubox h3, #left .hellblaubox h3 {
		font-size: 18px;
	}
	#right .dunkelblaubox h3, #left .dunkelblaubox h3 {
		font-size: 18px;
	}
	#main {
		width: 69%;
	}
	#right {
		width: 25%;
	}
	#left {
		width: 25%;
		margin-right: 6%;
	}
	
}
@media only screen and (min-width: 0px) and (max-width: 1024px){

}
@media only screen and (min-width: 0px) and (max-width: 1023px){
	#menu {
		display: none;
	}
	.flexslider .slides img {
	  width: auto;
	  display: block;
	}
	#gecko {
		margin-left: 20px;
		margin-top: 54px;
	}
	#top {
		float: right;
		width: 75%;
		border-bottom: 1px solid #e6e6e6;	
	}
	.slider_slogan {
		font-size: 21px;
		bottom: 35px;
		margin-left: 40px;
	}
	.slogan_oben, .slogan_unten {
		line-height: 32px;
		
	}
	.news_txt {
		height: 275px;
	}
	#footer img {
		height: 30px;
	}
	
}
@media only screen and (min-width: 0px) and (max-width: 1023px){
	/*.flexslider .slides img {
	  width: auto;
	  display: block;
	   height: 270px!important;
	}*/
	#copyright {
		width: 100%;
		float: right;
		text-align: center;
	}
	#footernav {
		float: left;
		width: 100%;
		padding: 0;
	}
	
@media only screen and (min-width: 0px) and (max-width: 899px){
	.col5050 {
		padding-right: 4%;
		padding-left: 4%;
	}
	.col25 {
		width: 47.008%;	
		margin-right: 3.988%;
		margin-bottom: 20px;
	}
	.col20 {
		width: 32.194%;	
		margin-bottom: 25px;
	}
	.marg03, .marg0 {
		margin: 0;
	}
	.marg04 {
		margin-left: 16.097%;	
	}
	.news_txt {
		height: 175px;
	}
	#footer img {
		height: 24px;
	}
	
}
@media only screen and (min-width: 0px) and (max-width: 840px){
	
}
@media only screen and (min-width: 0px) and (max-width: 860px){
	.col5050 {
		float: left;
		width: 100%;
		padding-right: 20%;
		padding-left: 2%;
		margin-top: 20px;
	}
	.col2525 {
		float: left;
		width: 50%;	
		padding-left: 2%;
	}
	#footer img {
		height: auto;
	}
	.slogan_unten {
		margin-left: 40px;
	}
	#right h3, #left h3 {
		font-size: 18px;
	}
	#right .hellblaubox h3, #left .hellblaubox h3 {
		font-size: 15px;
	}
	#right .dunkelblaubox h3, #left .dunkelblaubox h3 {
		font-size: 15px;
	}
	#main {
		width: 66%;
	}
	#right {
		width: 30%;
	}
	#left {
		width: 30%;
		margin-right: 4%;
	}
}
@media only screen and (min-width: 601px) and (max-width: 690px){

}
@media only screen and (min-width: 0px) and (max-width: 768px){
	#right h3, #left h3 {
		font-size: 18px;
	}
	#right .hellblaubox h3, #left .hellblaubox h3 {
		font-size: 15px;
	}
	#right .dunkelblaubox h3, #left .dunkelblaubox h3 {
		font-size: 15px;
	}
	#main {
		width: 66%;
	}
	#right {
		width: 30%;
	}
	#left {
		width: 30%;
		margin-right: 4%;
	}
	
}
@media only screen and (min-width: 0px) and (max-width: 767px){
	.col81 {
		width: 100%;
		margin: auto;
	}
	#main {
		width: 100%;
	}
	#right {
		width: 100%;
		border-top: 1px solid #dadada;
		padding-top: 40px;
		margin-top: 40px;
		 font-size: 13px;
  		line-height: 20px;
	}
	#left {
		width: 100%;
		margin: 0;
		border-top: 1px solid #dadada;
		padding-top: 40px;
		margin-top: 40px;
		 font-size: 13px;
  		line-height: 20px;
	}
	#right h3, #left h3 {
		font-size: 26px;
		padding-top: 12px;
		padding-bottom: 3px;
	}
	#right .hellblaubox h3, #left .hellblaubox h3 {
		font-size: 20px;
		line-height: 60px;
	}
	#right .dunkelblaubox h3, #left .dunkelblaubox h3 {
		font-size: 20px;
		line-height: 60px;
	}
	.col33 {
		float: left;
		width: 100%;
		margin-bottom: 25px;
	}
	.col66 {
		float: left;
		width: 100%;
	}
	.js_col50_l {
		width: 100%;
		padding: 0;
	}
	.js_col50_r {
		width: 100%;
		padding: 0;
	}
}
@media only screen and (min-width: 0px) and (max-width: 660px){
	header #mobilenav {
		margin-top: 26px;
		margin-left: 20px;
	}
	header #gecko {
		margin-top: 33px;
	}
	header.smaller #gecko {
		margin-top: 22px;
	}
	.flexslider .slides img {
	  width: auto;
	  display: block;
	  height: 220px!important;
	}
	#wechsler {
		border-bottom: 10px solid #3dadde;
	}
	.flex-direction-nav a:before {
	  	font-size: 30px;
	}
	body {
		font-size: 14px;
		line-height: 24px;
	}
	h1 {
		font-size: 24px;
	}
	#footer img {
		height: 32px;
	}
	#top {
		width: 66%;
	}
	#topphone {
		display: none;
	}
	header {
		height: 75px;
	}
	header #logo  {
		width: 130px;
		height: auto;
		margin-top: 10px;
		overflow: hidden;
	}
	header.smaller #logo  {
		float: left;
		width: 130px;
		height: auto;
		margin-top: 10px;
	}
	header #mobilenav {
		margin-top: 18px;
	}
	header #gecko {
		margin-top: 26px;
	}
	header.smaller #gecko {
		margin-top: 26px;
	}
	
	
}
@media only screen and (min-width: 0px) and (max-width: 540px){
	.flexslider .slides img {
	  width: auto;
	  display: block;
	  height: 190px!important;
	}
	
	#wechsler {
		border-bottom: 8px solid #3dadde;
	}
	.news_txt {
		height: 215px;
	}
	.slider_slogan {
		font-size: 16px;
		bottom: 15px;
		margin-left: 20px;
	}
	.slogan_oben, .slogan_unten {
		line-height: 28px;
		
	}
	.news_txt {
		height: 230px;
	}
	#footer img {
		height: 32px;
	}
}
@media only screen and (min-width: 0px) and (max-width: 500px){
	.newsbox_txt {
		float: left;
		width: 100%;
	}
	.newsbox_img {
		float: left;
		width: 100%;
		padding-right: 0%;
	}
}
@media only screen and (min-width: 0px) and (max-width: 480px){
	.col5050 {
		float: left;
		width: 100%;
		padding-right: 2%;
		padding-left: 2%;
		margin-top: 2px;
	}
	.col25 {
		width: 86%;	
		margin-right: 0%;
		margin-left: 7%;
		margin-bottom: 20px;
	}
	.news_txt {
		height: auto;
		padding-bottom: 20px;
	}
	.marg02, .marg0 {
		margin: 0;
		margin-left: 7%;
		margin-bottom: 20px;
	}
	.newsbox {
		font-size: 15px;
		 line-height: 22px;
	}
	.col2525 {
		float: left;
		width: 100%;	
		padding-left: 2%;
		margin-bottom: 30px;
	}
	.col20 {
		width: 86%;	
		margin-right: 0;
		margin-bottom: 20px;
		margin-left: 7%;
	}
	.marg03, .marg0 {
		margin-bottom: 20px;
		margin-left: 7%;
	}
	#footer img {
		height: auto;
	}
	.slider_slogan {
		display: none;
	}
	#gecko {
		display: none;
	}
}

@media only screen and (min-width: 0px) and (max-width: 440px){
	
	/* Portrait */
	@media screen and (orientation:portrait) {

	/* Landscape */
	@media screen and (orientation:landscape) {
	   /* Landscape styles here */
	}
}
@media only screen and (min-width: 0px) and (max-width: 399px){
	#top {
		width: 55%;
	}

}
@media only screen and (min-width: 0px) and (max-width: 360px){
	.flexslider .slides img {
	  width: auto;
	  display: block;
	  height: 170px!important;
	}
}