@media only screen and (max-width: 599px) {

}

@media only screen and (min-width: 600px ) {

}

@media only screen and (min-width: 980px ) {

}

@media only screen and (min-width: 1260px ) {

}



/*anzahl news spalten - handy/ geringe schirmbreite*/
@media (max-width: 500px) { /*768 = ipad hochformat, soll noch als "klein" gelten*/

 #logotext{
		font-size:20px;
		line-height:28px;
		padding:10px;
	     padding-top:8%;/*2.5em;*/		
}

 	li.topmenu > a, li.topmenuselected > a {
		    font-size: 11.5px;
	}
	
	#kontakt {
	font-size:0.72em;
	}
}
 @media (min-width:500px) { /*768 = ipad hochformat, soll noch als "klein" gelten*/ 
	#kontakt {
	font-size:0.78em;
	}

 #logotext{
		font-size:26px;
		line-height:35px;
		padding:12px;
		padding-top:10%;
}

 	li.topmenu > a, li.topmenuselected > a {
		    font-size: 12px;
	}
	.drop-down li { /* schmälere topmenu einträge*/
		padding : 0 0px 0 0px;    /*..phone*/
	}
} 
@media (min-width: 625px) {
	#kontakt {
	font-size:0.8em;
	}
 	li.topmenu > a, li.topmenuselected > a {
		    font-size: 12.5px;
	}
}

 @media (min-width:647px) { /*768 = ipad hochformat, soll noch als "klein" gelten*/ 

	 #logotext{
			font-size:28px;
			line-height:34px;
			padding:10px;
			padding-top:12%;
	}

 	li.topmenu > a, li.topmenuselected > a {
		    font-size: 13px;
	}
}


@media (min-width: 720px) {
 	#kontakt {
	font-size:0.85em;
	}
	li.topmenu > a, li.topmenuselected > a {
		    font-size: 13.5px;
	}
	.drop-down li { /* schmälere topmenu einträge*/
		padding : 0 4px 0 0px;    /*..phone*/
	}
}


@media (min-width: 760px) {
 	li.topmenu > a, li.topmenuselected > a {
		    font-size: 14px;
	}
}

@media (min-width: 790px) {
 	#kontakt {
		font-size:0.88em;
	}

 	li.topmenu > a, li.topmenuselected > a {
		    font-size: 14.5px;
	}
}


@media (min-width: 840px) {
 	li.topmenu > a, li.topmenuselected > a {
		    font-size: 15px;
	}

	#logotext{
			font-size:37px;
			line-height:38px;
			 padding-top:3.0em;
	}
}

@media (min-width: 900px) {
	#kontakt {
		font-size:0.95em;
	}
 	li.topmenu > a, li.topmenuselected > a {
		    font-size: 16px;
	}
}

@media (max-width: 780px) { /*768 = ipad hochformat, soll noch als "klein" gelten*/
 
 
	 div.news{
		width:100%;
	}
	/*bei geringer breite auf 2 pseudospalten reduzieren*/
	div.news_bildmaterial_einzelbild{
			width:50%; /*bei nur 2 Spalten ist fixer %-Satz besser wiel gleichmäßiger*/
			/*min-width:140px;*/
			padding:2% 1em;    	
			    	/*damit klar ist wohin die beschrftung gehört brauchts unterhalb abstand*/
			float:left;
		}	
		div.news_bildmaterial_einzelbild br{
			line-height: 0.5em; /*damit beschriftungen beim Bild bleiben*/
		}
		
	div.news_bildmaterial_einzelbild:nth-child(odd){
 		clear: both;
 	}
	div.news_bildmaterial_subrow{
		display:table-row;
	}
	table#suchformtabelle td{
		min-width: 20%; 
	}	
	table#suchformtabelle input[type="text"] { 
		/*max-width: 99%;*/ 
	}
	
	.drop-down li ul {
	    padding: 0px 0px;  /* y x kleinere submenues für kleine displays*/
	}
	.drop-down li ul { /* schmälere menuzellen*/
    		width: 125px; /*125 - 180  ... könnt man auch zB iphone versus größer unterscheiden*/
	}
	
}

/*bei sehr geringer breite auf 1 pseudospalte reduzieren*/

 @media (max-width: 361px) { /* iphone 5 = 320 6-10 = 414*/

	div.news_bildmaterial_einzelbild{
			width:100%;
			max-width:100%;
			min-width:140px;		
		}	
	}


/*anzahl news spalten - PC / große schirmbreite*/

@media (min-width: 780px) {

	div.news{
		width:50%;
	}
	div.news_bildmaterial_row{
		display:table-row;
	}
	div.news_bildmaterial_einzelbild{
		    /*idee statt 25%:*/
		display:table-cell; /*... responsive */ 
		    
			max-width:30%;
			min-width:20%;
			padding:1em;    				
	}
	/*suchform , normale variante */
	div.suchformrow{
		display:table-row;
	}
	div.suchformcell{
		display:table-cell; /*... responsive */ 
	}
	div.suchlabel{
			text-align: right;
			padding-right:0.4em;
	}
	div#suchformtabelle{	
		display:table;
	}
	.drop-down li ul {
	    padding: 7px;  /*größere menues für große displays*/
	}
	.drop-down li {
		padding : 0 5px 0 3px;    /*..PC*/
	}
	.drop-down li ul {
    		width: 180px; /*125 - 180  ... könnt man auch zB iphone versus größer unterscheiden*/
	}
}



@media (min-width: 840px) {
	.drop-down li {
		padding : 0 8px 0 3px;    /*..PC*/
	}
}
/*body */
@media (max-width: 999px) {
	body { width:100%; /*1000px;*/}
}

@media (min-width: 1000px) {
	body  { width:1000px; /*1000px;*/}

}