@media (max-height: 599px) {
	div.panorama{		height:280px !important;}
}
@media (min-height: 600px) {
	div.panorama{		height:290px !important;}
}
@media (max-height: 610px) {
	div.panorama{		height:300px !important;}
}
@media (min-height: 620px) {
	div.panorama{		height:310px !important;}
}
@media (min-height: 650px) {
	div.panorama{		height:340px !important;}
}
@media (min-height: 700px) {
	div.panorama{ 	height:380px;}
}
@media (min-height: 800px) {
	div.panorama{ 	height:480px;}
}


@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 ) {

}

 @media (max-width: 500px) {
	#logo img{
		width:96%;
		margin-bottom:0.8em;
		margin-left:1.2%;/*10px*/;	}
	#logotext
	{width:99%; 
	}
	#logotext img
	{padding-left:1.2%;
	} 
}
/*anzahl news spalten - handy/ geringe schirmbreite*/
 @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;    	
			padding-bottom:2% 1.8em;    	
			    	/*damit klar ist wohin die beschrftung gehört brauchts unterhalb abstand*/
			float:left;
		}	
		div.news_bildmaterial_einzelbild br{
			line-height: 0.2em; /*damit beschriftungen beim Bild bleiben*/
		}
		div.news_bildmaterial_einzelbild img {
			margin-bottom: 0.2em; /*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 { /* schmälere topmenu einträge*/
		padding : 0 0px 0 0px;    /*..phone*/
	}
	.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 13px 0 7px;    /*..PC*/
	}
	.drop-down li ul {
    		width: 180px; /*125 - 180  ... könnt man auch zB iphone versus größer unterscheiden*/
	}
}


/*body */
@media (max-width: 999px) {
	body { width:100%; /*1000px;*/}
}

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

}
@media (max-width: 570px) { 
	/*grezwert vergrößern, denn am iphone passt nur "eine würdige und "
		neben das ild, Rest unterhalb bei 570 bei seite Lit - 50 Jahre
		... oder schrift etwas kleiner?
	*/
	div.topBildUnterhalbKleiner{
		max-width:95% !important;

	}
	div.topBildUnterhalbKleiner + p{
		/* unklar ob nötig */
		display:block;
		clear:both;
		width:100%;
	}

}