@media (min-width: 0px) and (max-width: 1440px) {	
	#sublogo {
		z-index: 4;
		position: absolute;
		right: 70px;
		margin-right:0px;
	}
	.logo_o {
		margin-right: 70px;
	}
	.container {
		padding-left: 17px;
		padding-right: 17px;
	}
	.containerbig {
		padding-left: 17px;
		padding-right: 17px;
	}
	.flex-control-nav {
	  width: 483px;
		margin-right: 24px;
		margin-right: 301px;
	  padding-left: 17px;
	  padding-right: 17px;
	  position: absolute;
	  z-index: 10;
	  top: 238px;
	  left: auto;
	  right: 0;
	  margin-left: -720px;
	  margin-left: 0;
	  text-align: center;
	  text-align: right;
	}
	#seitenlogos {
	  float: right;
	  width: auto;
	  margin-top: -225px;
	}
}
@media (min-width: 0px) and (max-width: 1200px) {	
	h4, h4 a, h4 a:link, h4 a:visited {
		font-size: 18px;
	}
	#sublogo {
		z-index: 4;
		position: absolute;
		right: 0;
		margin-right:55px;
		width: 184px;
		height: auto;
		margin-top: 12px;
		background: none !important;
	}
	#sublogo img {
		margin-right: 0px;
		width: 80%;
	}
	.logo_o {
		float: right;
		width: auto;
		background: url(../images/bg_logo.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 400px;
		height: 311px;
		margin-right: 7.305%;
		/*margin-right: 134px;*/
	}
	.logo {
		float: right;
		text-align: right;
		width: 242px;
		height: 118px;
		padding-right: 38px;
	}
	.slogan {
		font-size: 28px;
		margin-top: 80px;
		padding-left: 70px;
		padding-bottom: 13px;
		background-position: 135px bottom;
		background-size: 70px;
	}
	#blueten {
		width: 320px;
		height: 374px;
		background: url(../images/blueten1.png);
		background-repeat: no-repeat;
		background-size: 100%;	
		margin-right: 0;
		margin-left: 60px;
		margin-top: 60px;
		/*margin-right: 566px;*/
		float: left;
	}
	#blueten a, #blueten a:link, #blueten a:visited {
		font-size: 21px;
		display: block;
		line-height: 26px;
	}
	#foerderbar {
		width: 160px;
		margin-left: 158px;
		margin-top: 49px;
	}
	#wastun {
		width: 120px;
		margin-left: 156px;
		margin-top: 80px;
	}
	#unterstuetzt {
		width: 160px;
		margin-left: 13px;
		margin-top: 40px;
	}
	.left ul li a, .left ul li a:link, .left ul li a:visited,
	.left2 ul li a, .left2 ul li a:link, .left2 ul li a:visited {
		font-size: 17px;		
	}
	.left ul li ul li,
	.left2 ul li ul li {
		padding-left: 30px;
	}
	.flex-control-nav {
	  width: 483px;
		margin-right: 24px;
		margin-right: 22%;
	  padding-left: 17px;
	  padding-right: 17px;
	  position: absolute;
	  z-index: 10;
	  top: 240px;
	  left: auto;
	  right: 0;
	  margin-left: -720px;
	  margin-left: 0;
	  text-align: center;
	  text-align: right;
	}
}
@media (min-width: 0px) and (max-width: 1100px) {
	.blogbuttonlink {
		width: 22.849%;
		padding-top: 17px;
	}
	.blog_txt {
		padding-left: 7px;
		float: left;
		width: 77.151%;
	}
	#menu a, #menu a:link, #menu a:visited {
		font-size: 17px;
		margin-right: 7px;
		padding-left: 18px;
	}
}
@media (min-width: 0px) and (max-width: 1023px) {
	#sublogo {
		display: none;
	}
	#blueten {
		margin-left: 40px;
		margin-top: 40px;
		/*margin-right: 566px;*/
	}
	#menu a, #menu a:link, #menu a:visited {
		font-size: 15px;
		margin-right: 7px;
		padding-left: 18px;
	}
	a.callbutton {
		font-size: 14.5px;	
	}
	.blogbuttonlink {
		width: 27.243%;
		padding-top: 17px;
	}
	.blog_txt {
		padding-left: 7px;
		float: left;
		width: 72.757%;
	}
	.logo_o {
		float: right;
		width: auto;
		background: url(../images/bg_logo.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width: 314px;
		height: 220px;
		margin-right: 7.305%;
		/*margin-right: 134px;*/
	}
	.logo {
		float: right;
		text-align: right;
		width: 190px;
		height: 118px;
		padding-right: 25px;
	}
	.slogan {
		font-size: 22px;
		margin-top: 36px;
		padding-left: 55px;
		padding-bottom: 12px;
		background-position: 101px bottom;
		background-size: 67px;
	}
	.flex-control-nav {
	  width: 483px;
		margin-right: 24px;
		margin-right: 198px;
	  padding-left: 17px;
	  padding-right: 17px;
	  position: absolute;
	  z-index: 10;
	  top: 182px;
	  left: auto;
	  right: 0;
	  margin-left: -720px;
	  margin-left: 0;
	  text-align: center;
	  text-align: right;
	}

}
@media (min-width: 0px) and (max-width: 899px) {
	.home-bottom {
		display: none;
	}
	#mobile {
		display: block;
	}
	body {
		font-size: 14px;
	}
	h1 {
		font-size: 25px;
	}
	h2 {
		margin: 0;
		padding: 0;
	}
	h3 {
		padding-bottom: 16px;
		font-size: 21px;
	}
	h4, h4 a, h4 a:link, h4 a:visited {
		padding-bottom: 3px;
		font-size: 16px;
	}
	.newsbox h4 {
		padding-bottom: 20px;
	}
	a.callbutton {
		font-size: 16.5px;	
	}
	
	#blueten {
		display: none;
	}
	#navbar {
		display: none;
	}
	.start_i {
		background: url(../images/bg_dotted.png);
		background-position: left top;
		background-repeat: repeat-y;	
	}
	#breadcrumbs {
		/*display: none;*/
	}
	#bread {
		margin: 0;
		padding: 0;
	}
	.main {
		width: 100%;
	}
	.left, .left2, .left3 {
		display: none;
	}
	.inhalt, .inhalt2 {
		width: 100%;
		padding-left: 20px;
		padding-right: 0;
	}
	.inhalt3 {
		width: 100%;
		padding-left: 0px;
		padding-right: 0;
	}
	.right {
		float: left;
		width: 100%;	
		padding-left: 20px;
		padding-top: 30px;
	}
	.right_w {
		float: left;
		width: 100%;
		padding-left: 20px;
	}
	#buttons {
		width: auto;
		margin-left: 5.5%;
	}
	#callspin {
		float: left;
		width: 100%;
	}
	.col31, .col37 {
		float: left;
		width: 100%;
		padding-left: 20px;
		padding-right: 0px;
		padding-bottom: 0px;
		background: none;
	}
	.calls {
		padding-bottom: 50px;
	}
	.newsbox {	
		margin-bottom: 18px;
	}
	.news_img {
		padding-right: 25px;
	}
	#callbuttons {
		float: left;
		width: 55%;
		padding-top: 50px;
	}
	#karte {
		margin-top: 0px;
		float: left;
		width: 45%;
		padding-bottom: 50px;
	}
	.bloglink {
		float: left;
		width: 55%;
		padding-top: 0px;
		margin-top: 190px;
		position: absolute;
	}
	.blogbuttonlink {
		width: 20.142%;
		padding-top: 15px;
	}
	.blog_txt {
		width: 79.858%;
	}
	#footernav {
		color: #ffffff;
		font-size: 12px;
		line-height: 22px;
		padding-left: 36px;
		padding-top: 15px;
		padding-bottom: 15px;
		float: left;
		width: 100%;
		background: #b4d0d0;
		margin-bottom: 13px;
	}
	#footernav a, #footernav a:link, #footernav a:visited {
		color: #006362;
		font-family: 'SamsungImaginationModernRg';
		font-weight: normal;
		font-size: 20px;
		line-height: 44px;
		text-decoration: none;
		padding-left: 8px;
		padding-right: 8px;
		display: block;
	}
	.nomob {
		display: none;
	}
	#footer_i {
		background: url(../images/bg_footer.png);
		background-repeat: repeat-x;
		background-position: left bottom;
		min-height: 28px;
	}
	.team_img {
		width: 33.333%;
		width: 210px;
	}
	.team_txt {
		width: 66.667%;
		width: auto;
	}
	#mobbutton {
		display: block;   
	}
	#mobbutton {
		width: 245px;
		height: 167px;
		position: absolute;
		left: 0%;
		margin-left: 70px;
		top: 20%;
		z-index: 5;
	}
	#footer h6 {
		margin-top: 30px;
		padding-bottom: 5px;
	}
	#footer .grid.align-right {
		text-align: left;
	}
	#socfooter {
    	float: left;
	}
	#suchequick {
		position: absolute;
		top: 20px;
		left: 0;
		width: 100%;
	}
	#suchequick_i {
		width: 221px;
		margin-left: 70px;

	}
}
@media (min-width: 0px) and (max-width: 767px) {
	.col50_l, .col50_r {
		width: 100%;
		padding: 0;
	}
	#mobilenav {
		top: 180px;
	}
	#buttons {
		display: none;
	}
	#callbuttons {
		float: left;
		width: 100%;
		padding-top: 50px;
		padding-bottom: 30px;
	}
	#karte {
		margin-top: 0px;
		float: left;
		width: 100%;
		padding-bottom: 50px;
		display: none;
	}
	.bloglink {
		float: left;
		width: 100%;
		padding-top: 0px;
		margin-top: 0px;
		position: relative;
		padding-bottom: 50px;
	}
	.blogbuttonlink {
		width: 20.142%;
		width: 85px;
		padding-top: 15px;
	}
	.blog_txt {
		width: auto;
	}
	#logo_o {
		display: block;
		background: none;
		height: auto;
	}
	#logo {
		width: auto;
		height: auto;
		margin: 0;
		padding: 0;
		max-width: 50%;
	}
	#slogan {
		display: none;
	}
	.news_img {
		padding-right: 10px;
	}
	.col86 {
		padding-right: 0px;
	}
	.col73 {
		padding-right: 0px;
	}
	article {
		padding-left: 0px;
	}
	.projektbox {
		float: left;
		width: 50%;
	}
	.col64 {
		float: left;
		width: 100%;
		/*width: 663px;*/
		max-width: 100%;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit  */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko         */
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 0px;
	}
	.col36 {
		float: left;
		width: 100%;
		/*width: 385px;*/
		max-width: 100%;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit  */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko         */
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 0px;
		padding-top: 25px;
	}
	.slides .containerbig {
		display: none;
	}
	.flex-control-nav {
		display: none;	
	}
	#initiativen {
		padding-bottom: 25px;
		float: left;
		width: 100%;
	}
	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 0px;
		height: 0;
		overflow: hidden;
	}

	.video-container iframe {
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		max-width: 460px;
		height: 100%;
	}
	.w995 h1 {
		font-size: 40px;
		padding-bottom: 15px;
	}
	.w995 {
		margin-top: -40px;
		font-size: 17px;
		line-height: 26px;
	}
	.section-row h2 {
		font-size: 32px;
		padding-bottom: 15px;
	}
	.section-row {
		font-size: 16px;
		line-height: 26px;
	}
	#bottom .align-right {
		text-align: center;
	}
	
}
@media (min-width: 0px) and (max-width: 660px) {
	.col33 {
		width: 100%;
		padding-bottom: 20px;
	}
	.col66,  .col666 {
		width: 100%;
		padding-left: 20px;
	}
	.tx-sf-event-mgt .csc-default {
		border-bottom: 1px solid #dddddd;
		margin-bottom: 25px;
	}
	
}
@media (min-width: 0px) and (max-width: 580px) {
	.col40 {
		width: 100%;
		padding-left: 20px;
		padding-right: 0px;
		padding-bottom: 20px;
	}
	.col60 {
		width: 100%;
		padding-left: 20px;
		padding-right: 0px;
	}
	.col42 {
		width: 100%;
		padding-left: 20px;
		padding-right: 0px;
	}
	.col58 {
		width: 100%;
		padding-left: 20px;
		padding-right: 0px;
	}
	.team_img {
		width: 33.333%;
	}
	.team_txt {
		width: 66.667%;
	}
	.projektbox {
		float: left;
		width: 100%;
	}
	#suchequick {
		position: absolute;
		top: 70px;
		left: 0;
		width: 100%;
	}
	#suchequick_i {
		width: 221px;
		margin-left: 5px;

	}
}
@media (min-width: 0px) and (max-width: 480px) {
	.containerbig {
		padding-left: 10px;
		padding-right: 17px;
	}
	#mobile {
		top: 15px;
		left: 13px;
	}
	#mobilenav {
		top: 140px;
	}
	.blogbuttonlink {
		width: 32%;
		padding-top: 15px;
	}
	.blog_txt {
		width: 68%;
		float: left;
		 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit  */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko         */
		box-sizing: border-box;
	}
	a.blogbutton {
		font-size: 20px;
	}
	#footer_i {
		background: none;
	}
	#footer_logos {
		float: none;
		padding-left: 0px;
		padding-right: 0px;
		width: 272px;
		clear: both;
		margin: auto;
	}
	a.callbutton {
		font-size: 16px;
	}
	#footernav {
		padding-left: 23px;
	}
	.col33 {
		padding-right: 0px;
	}
	.news_imgsub {
		width: 100%;
		padding-right: 0px;
		padding-bottom: 15px;
	}
	.news_txtsub {
		width: 100%;
	}
	.col40 {
		width: 100%;
		padding-left: 20px;
		padding-right: 0px;
		padding-bottom: 20px;
	}
	.col60 {
		width: 100%;
		padding-left: 20px;
		padding-right: 0px;
	}
}
@media (min-width: 0px) and (max-width: 420px) {
	a.callbutton {
		font-size: 15px;
	}
	.teambox {
		padding-bottom: 25px;
	}
	.team_img {
		width: 100%;
		padding-right: 0;
		padding-bottom: 10px;
	}
	.team_txt {
		width: 100%;
	}
	#suchequick {
		position: absolute;
		top: 90px;
		left: 0;
		width: 100%;
	}
	#suchequick_i {
		width: 221px;
		margin-left: 5px;

	}
}
@media (min-width: 0px) and (max-width: 380px) {
	a.callbutton {
		font-size: 14px;
		padding-right: 12px;
		padding-left: 10px;
		padding-top: 23px;
	}
}
@media (min-width: 0px) and (max-width: 360px) {
	a.callbutton {
		font-size: 12px;
	}
	
}
/* Portrait */
@media screen and (orientation:portrait) {
	@media (min-width: 0px) and (max-width: 767px) {
		#mobbutton {
				display: none;   
		}
	   #mobbutton {
			display: block;  
			left: 50%;
			margin-left: -122px;
	   }
	}
}
/* Landscape */
@media screen and (orientation:landscape) {
  #logo img {
		max-height: 144px;
	}
}
@media (min-width: 0px) and (max-height: 860px) {
	#logoover {
		position: absolute;
		z-index: 2;
		width: 320px;
		margin-top: 20px;
		left: 40px;
		margin-left: 0;
	}
	#blueten {
		width: 320px;
		height: 374px;
		background: url(../images/blueten1.png);
		background-repeat: no-repeat;
		background-size: 100%;	
		margin-right: 0;
		margin-left: 60px;
		margin-top: 60px;
		/*margin-right: 566px;*/
		float: left;
	}
	#blueten a, #blueten a:link, #blueten a:visited {
		font-size: 21px;
		display: block;
		line-height: 26px;
	}
	#foerderbar {
		width: 160px;
		margin-left: 158px;
		margin-top: 49px;
	}
	#wastun {
		width: 120px;
		margin-left: 156px;
		margin-top: 80px;
	}
	#unterstuetzt {
		width: 160px;
		margin-left: 13px;
		margin-top: 40px;
	}
}
@media only screen and (min-width: 0px) and (max-width: 599px){
	#main div.csc-textpic .csc-textpic-imagewrap figure, #main div.csc-textpic figure.csc-textpic-imagewrap,
	#main .csc-textpic-center-inner .csc-textpic-imagewrap figure,
	#main .csc-textpic-imagewrap {
	  margin-top: 0px;
	  margin-right: 0px;
	  /*margin-bottom: 15px;*/
	  margin-left: 0px;
	  display: bock;
	  width: 100%;
	  overflow: visible;
	  max-width: 100%;
	  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit  */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko         */
		box-sizing: border-box; 
	}
	/* Zeile 447 */

	#main .csc-textpic-center-inner,
	#main .csc-textpic-center-outer {
	 	display: bock;
	  max-width: 100%;
	  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit  */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko         */
		box-sizing: border-box; 
	}
	#main div.csc-textpic .csc-textpic-imagewrap img,
	#main .csc-textpic-center-inner .csc-textpic-imagewrap img {
	  max-width: 100%;
	  height: auto;
	  margin-bottom: 20px;
	}
	#main div.csc-textpic .csc-textpic-imagewrap figure, #main div.csc-textpic figure.csc-textpic-imagewrap
	{
	  margin-top: 0px;
	  margin-right: 0px;
	  margin-bottom: 0px;
	  margin-left: 0px;
	  display: block;
	}
	.csc-textpic-intext-right-nowrap .csc-textpic-text	{
	  margin-right: 0px;
	}
	
	/* Zeile 179 */
	.csc-textpic-intext-right-nowrap-262 .csc-textpic-text
	{
	  margin-right: 0px;
	}
}

@media only screen and (max-width: 1199px) {
	
	.owl-carousel .owl-nav {
		position: absolute;
		top: auto;
		bottom: 0;
		margin-top: 0px;
		width: 100%;
		height: 0;
	}	
	.owl-carousel .owl-nav .owl-prev	{
		position: absolute;
		left: 50%;
		width: 16px;
		height: 25px;
		background-image: url("../images/prev2.png");
		background-repeat: no-repeat;
		margin-top: 10px;
		margin-left: -50px;
	}
	.owl-carousel .owl-nav .owl-next {
		position: absolute;
		right: 50%;
		width: 16px;
		height: 25px;
		background-image: url("../images/next2.png");
		background-repeat: no-repeat;
		background-size: 100% auto;
		margin-top: 10px;
		margin-right: -50px;
	}

}