@charset "utf-8";
/* CSS Document */
/* media querie handhelds less than 760px  and greater than 360px********************************/
/* class for Galaxy (380px) an IPhone (320 px) */
/* class name: mobil */

/* Global fuer alle kleiner 901 Pixel */
@media screen and (max-width: 900px){
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 5px !important;
	}
	.flexslider{
		margin-bottom:20px;
	}
	.flexslider .flex-caption h1{
		font-size:1.2em;
	}
	/*.flexslider img{
		width:100%;
		height:100%;
	}
	*/
	.flexslider div h1:after{
		clear:both;
	}
	/*Anpassung 2-Spalter fuer IPAD*/
	.twocol-main{
		width:64%;
	}
	#footer{font-size:11px;}
	
	/* BLOG Einzelink bei Seitenansicht - DE */
	.p1917 .singleLink
	{
		float: none;
		margin-top: 25px;
		width: 100%;
		margin-left: 40%;
	}
}

/* Global fuer alle kleiner 760 Pixel */
@media screen and (max-width: 759px){
	
	.top{
		height:auto;
		border:0px solid green;
	}

	body[class*='p'] .top{
		background:#fff;
	}
	#breadcrumb {
	    font-size: 1.2em;
		line-height:1.6em;
	}	
	#breadcrumb a{display:inline;font-size:1.2em;line-height:1.6em;background:#EFEFEF;text-decoration:none;}
	#breadcrumb a:hover{border:1px solid #00F;}

   .xwrapper {
        width: 300px;
        width: 95%;
        overflow: hidden;
    }
    .contentwrap {
        background-image: none;
    }
    .threecol, .twocol-main, .twocol-right {
        float: none;
        width: 100%;
        margin: 0%;
    }
	#footer{
		background:none;
	}
	 .footer_left,.footer_print,.footer_right {
	    border-bottom: 1px solid lightgray;
	    clear:both;
	    height: auto;
	    text-align: center;
	    width: 96%;
		background:none;
	}
	.footer_print{
		display:none;
	}


	.twocol-main{
 		padding:5px;

	}
	
	.leftbox{
		display:none;
	}
	.content_boxed{
		width:98%;
	}

	#logo{
		width:100%;
		text-align:center;
	}
	#logo img {
		margin: 0;
		width:40%;
		float:none;
	}
	#logo p.slogan{
		display:none;
	}

/************************
	Sprachwahl
**********************/		
	#switch{
		width:90%;
		height:auto;
		margin:auto;
		float:none;
		margin-bottom:10px;
		clear:both;
	}
	#switch .lang{
		width:5.0em; 
		height:1.6em;
		padding-right:0.3em;
	}
	#switch a {	
		font:normal 0.8em sans-serif;
	}

/************************
	SEARCHBOX
**********************/	
	.search_wrapper{
		clear:both;
		width:75%;
		padding:0px;
		/*background:#F0F0F0;*/
		height:30px;
		border:0px solid #e5e5e5;	
		margin-top:1em;
		margin-right:auto;
		margin-left:auto;
		text-align:center;
	}
	.searchbox {
		color:#fff;
		margin:auto;
		width:100%;
		clear:both;
		height:auto;
		float:left;
	}
	.button_search{
		padding:0;
		margin: 0 0 0 20px;
		font-size:1.2em;
		width:27px;
		height:27px;
	}
		
	.searchbox #s {	
		float:left;
	    width: 80%;
		height:1.5 em;
		border:1px solid #e5e5e5;			
	}




	.hide-mobile,.fullNavi {
        display: none;
    }
	
	
	/* Blog Linke Spalte - DE */
	
	.p1917 .news-latest-container
	{
		display: none;
	}
	
	.p1917 .blog-catmenu_mobile
	{
		display: block;
		margin-bottom: 25px;
		font-size: 18px;
		line-height: 36px;
		width: 100%;
	}
	
	.p1924 .blog-catmenu_mobile
	{
		font-size: 18px;
		line-height: 36px;
		display: block;
		margin-top: 20%;
		margin-left: 35%;
	}
	
	.p1924 .singleLink
	{
		float: none;
		margin-top: 25px;
		width: 100%;
		margin-left: 40%;
	}

    #mainNavi {
        background-image: none;
        background-size: contain;
        xwidth: 320px;
		margin-bottom:2em;
		clear:both;
    }	
	.mobilNavi{
		display:block;
		text-align:center;
	}
	.mobilNavi select{
		/*
		background: transparent;
				background:#ddd;
	   width: 90%;
	   padding: 5px;
	   font-size: 16px;
	   line-height: 1;
	   border: 1px solid gray;
	   border-radius: 0;
	   height: 34px;
	   */
	   /*-webkit-appearance:none;*/
	   
	    margin: 0;
    	-webkit-border-radius:4px;
	    -moz-border-radius:4px;
    	border-radius:4px;
	    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    	-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
	    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    	background: #f8f8f8;
	    color:#888;
    	border:none;
	    /*
		outline:none;
	    -webkit-appearance:none;
    	-moz-appearance:none;
	    appearance:none;
    	cursor:pointer;*/
		width:90%;
		padding:10px;
		font-size:1.4em;
		height: 38px;
	}
	.mobilNavi select option:checked{
		color:#fff;
		background:grey;
	}
	label.mobinav {position:relative}
	/*label.mobinav:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
	}
	label.mobinav:before {
	    content:'';
    	right:6px; top:0px;
	    width:20px; height:20px;
    	background:#f8f8f8;
	    position:absolute;
    	pointer-events:none;
	    display:block;
	}
*/
/************************
	Images
**********************/	
/*	.kpx01-left{
		float:left; display:block;margin-right:20px
	}
	.kpx01-right{
		float:right; display:block;margin-left:20px
	}
	*/
	.csc-textpic-single-image {width:100%!important;border:0px solid green;}
/************************
	Grids
**********************/	


	/* Floating elements aufheben */
	.kpx-3cols{
		margin-bottom:10px;
		padding:0;
		width:100%;
		float:none;

	}	
	.kpx-l_margin_2{
		margin-left:0;
	}
	div[class*='fl_']{
		float:none;
	}
/***** GRIDS anpassen             */
	
/***** Slider komplett ausblenden  wenn kein Alternativ-Content  */
	/*.slider{display:none;}*/
	
	/***** Slider auf Startseite Titel ausblenden    */
		.flex-caption{display:none;}
	/***** Aber nicht bei der Qualität in allen Details Seite    */
	.p1837 .flex-caption
	{
		display:block;
		font-size: 12px;
		line-height: 15px;
	}	
	
	.p1933 .flex-caption
	{
		display:block;
		font-size: 12px;
		line-height: 15px;
	}	
	
	/* tt_content */ 
	/*
	div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; }
	div.csc-textpic-right .csc-textpic-imagewrap { float: none; }	
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: none; }
*/
	
	/*text and images*/
	.csc-default{

	}
	.csc-textpic{
		border:0px solid blue;
		width:100%;
	}		
	/* Golden Grid Layout für Bild im Text*/
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap{
		width: 50%; /* Bildcontainer Breite */
		}
	.csc-textpic-text{
		border:0px solid green;
	}
	/* Untertitel ausblenden*/ 
	.csc-textpic-caption{
		display:none;
	}
	/*Skaliern Bilder Bsp Nachhaltigkeit Ökologie für Firefox*/
	.csc-textpic-imagerow img{
		width: 100%;
	}
	/*BU zu lang - Anzeige unterbinden */
	.fancybox-title-float-wrap .child{
		display:none;
	}
	/* Text neben Bild rechts + Links: hardcoded margin override! */
	.csc-textpic-intext-left-nowrap div{float:none;display:block;clear:both;border:0px solid green;width:auto;margin:0!important;padding:0;}
	.csc-textpic-intext-right-nowrap div{float:none;display:block;border:0px solid green;width:auto;margin:0!important;padding:0;}
	
	
/************************
	tt_news_mobile
**********************/	


	.news-list-container{
		width:100%;
		border:0px solid black;
	}
	
	.news-list-item
	{	
		padding-bottom:0px; /*solid #dae0a7;*/
		margin-bottom: 25px;
		margin-right:0px;
		width: 100%;
		height: auto;
		float: none;
		border-right: none;
		border-bottom:1px solid #e5e5e5;
		padding: 3px;
	}
	.news-list-image img{
		height:80px;
		display:none;
	}
	

	/*NEWS List Single*/
	
	.news-single-item{
		border:0px solid gray;
		width: 100%;
	}
	
	.news-single-item h2{
		color: #000;
		margin-bottom: 20px;
		border: 0px solid red;
	}
	
	.news-single-item-content{
		float:none;
		width: 98%;
		text-align:justify;
	}
	
	.news-single-img{
		float:none;
		width:220px;
		margin: auto;
	}

	/* Formulare*/
	.csc-mailform-field{
	}

	.csc-mailform label{
		float:none;
		width:82%;
		text-align:left;
	}
	.csc-mailform input, .csc-mailform textarea{
		width:80%;
	}

	/****************************
	*   Layout Content-Elemente *
	****************************/
	.nachhaltigkeit-info{ 
		width:100%;
		margin-left:5%;
	}
	
	/*******************************
	*   Submenu eg. Nachhaltigkeit *
	*******************************/	
	.menu_subpages{
		width: 100%;
		padding: 5px;
		height:auto;
		clear:all;
	}
	.menu_subpages a{
		display:
	}
	/*******************************
	*   Sitemap					   *
	*******************************/
	
	.p1849 .csc-sitemap{
		font-size:1.4em;
	}
	.p1849 .csc-sitemap li{
		padding:0.2em;
	}
}



/* For Smartphones, Tablets or other Displays less then 499px ====================== */
@media screen and  (max-width: 499px) {

    
}


