/* responsive-FKVZH.css  */

/* ********************************************************* 
	Socil Medien wird mit $respoOn ausgeblendet
	
	Wappenzeile: $wappenzeile = true = PC w'zeile 
	             $wappenzeile = false = Mobil (MB) w'zeile 

********************************************************* */

@media only screen and (max-width: 820px) {
	
	/* wappenzeile auf MB setzen */
	$wappenzeile = false; 
	
    .box.teaser {
        float: none;
        margin: 0 0 1em 0;
        width: 100%;
    }
    .box.teaser figure {
        width: 30%;
        height: 30%;
        float: left;
        margin: 0 2% 2% 0;
    }

    nav {
        opacity: 0;
        width: 0;
    }

    .main {
        width: 100%;
    }

    h3 {
        margin: 0 0 0.6em 0;
    }
    p {
        margin-bottom: 0;
    }
	
	.split2{
		width:100%;
		padding:10px 2% 10px 2%;
		float:left;
		text-align:left;
		color:#7E7E7E;
    }
	
	.split2-1{
		width:100%;
		padding:10px 2% 10px 2%;
		float:left;
		text-align:left;
		color:#7E7E7E;
		background-color:#eeeeee;
	}
	
	
	
	.split4{
	    /* 250px - 250x100/1000 = 25 */
		width:100%;
		padding:1% 2% 10% 20%;	//padding:1% 2% 1% 2%;****	
		//float:left;
		text-align:left;
		color:#7E7E7E;
		background: #ffffff;
		background: #ff0000;
		//border-right:4px solid #d1e3db;
		border-bottom:4px solid #d1e3db;
    }
  
   .split4ToR{ /* ohne rechten Rahmen */
		width:100%;
		padding:1% 2% 1% 2%;		
		float:left;
		text-align:left;
		color:#7E7E7E;
		background: #ffffff;
		border-right:1px solid #d1e3db;
	    border-bottom:2px solid #d1e3db;
    }
  
    .split2-10{
		width:100%;
		padding:10px 2% 10px 2%;
		//float:left;
		text-align:left;
		color:#7E7E7E;
		background-color:#CEECF5;
    }  
  
  
  
	.nosplit{
		width:100%;
		float:left;
		text-align:left;
		color:#7E7E7E;
		padding:10px 2% 10px 2%;
    }
		
  
  
    .split4 a img { width:60%; height: auto; }
	
	.logo img { width: 100%;}
	
	.split2 { width: 100%;}
	
	#fadeinbox{             
			//position:absolute;             
			width: 300px; 			 
			//width: 600px;             
			left: 0;             
			top: -400px;             
			border: 2px solid gray;             
			background-color: lightyellow;   			
			padding: 4px;             
			z-index: 100;             
			visibility:hidden;   
	}
	
	#respoON { display: none;  }
	
    .aaaa { display: none;  }  /* ************************************************************* */

    #useful_links{
			width:100%;	// width:40%;
			float:left;
			padding-right:3%;
			padding-left:3%;
			border-right:1px solid #cfcdcd;
			border-left:1px solid white;
			margin-top:20px;
    }	
	     
		 
	/* TEST    ******   */	 
	.FoBoTextM{
			width: 100% //width:28%;
			float:left;
			font-family: Verdana, helvetica, arial, sans-serif; 
			font-size: 8pt;
			color:#FFFFFF;
			padding-top:16px;
			text-decoration: none;
	}
		
	.FoBoTextCo{
			width: 100%; //width:36%;
			float:left;
			font-family: Verdana, helvetica, arial, sans-serif; 
			font-size: 8pt;
			color:#FFFFFF;
			padding-top:16px;
			text-decoration: none;
	}
		
	.FoBoTextSi{
			width: 100%; //width:10%;
			float:left;
			font-family: Verdana, helvetica, arial, sans-serif; 
			font-size: 8pt;
			color:#FFFFFF;
			padding-top:16px;
			text-decoration: none;
	}	 
		 

} /* media-only */