/* Filename MediaBreakColor.css  */ 
/* Filephath:www.lpcd.dewww/0/MediaBreak.css  */ 
/* Farben für Wartung  09.05.23  */ 
/* Reihenfolge Landscape: dotted Rot, Rot, DarkOrange(Default), dotted DarkOrange, LightSteeleBlue, MediumVioletRed, Olive, Aqua, Fuchsia. */
/* Reihenfolge Portrait: dotted Lime, Lime(Default) , Maroon, Blau, Gold, dotted Gold,  dotted MediumVioletRed, Olive...Bildschirm zu klein. */ 
/* Z-Index: kein */     
/* and (orientation: landscape) bis Landscape MediumVioletRed. */


													/* DarkOrange */ 
/* DarkOrange  Landscape 3 INA  (min-width: 450px) and (max-width: 499.9px)  */ 	
@media only screen and (min-width: 450px) and (max-width: 599.9px) and (orientation: landscape) { 
body {border: 2px solid rgb(255,140,0); border-radius: 0px 20px 0px 0px;} 
}


/* Exact aspect ratio, ------19,5/9---0.461 - and (min-width: 450px) and (orientation: landscape) and (min-width: 450px) */
@media only screen and (min-width: 450px) and (max-width: 599.9px) and (orientation: landscape) and (max-aspect-ratio: 20/9) { 
/* DarkOrange Rot */ 
/* Pixel Anzeige */
.PxAnz {background-color: rgb(250,0,0); /* Rot */ } 
#MdNavOv {background-color: rgb(250,0,0); /*  Rot */ }
}

@media only screen and (min-width: 450px) and (max-width: 599.9px) and (orientation: landscape) and (max-aspect-ratio: 16/9) {  
/* DarkOrange Salmon */ 
/* Maximum aspect ratio 16/9 - Salmon  0,56 */ 
.PxAnz {background-color: rgb(250,128,114); /*  Salmon */ }
#MdNavOv {background-color: rgb(250,128,114); /*  Salmon */ }
.pSpace { height: 0px; }
}


@media only screen and (min-width: 450px) and (max-width: 599.9px) and (orientation: landscape) and (max-aspect-ratio: 12/9) and (min-aspect-ratio: 9/9) { 
/* DarkOrange Gelb */  
.PxAnz {background-color: rgb(255,255,0); /* Gelb */ }
#MdNavOv {background-color: rgb(255,255,0); /* Gelb */ }
.pSpace { height: 0px; margin: 0px 0px 0px 0px; background-color: rgb(245,245,245); /* WhiteSmoke */ }
}



/* DottedRot weiss */
/* DottedRot Landscape 1 HTCDesire (min-width: 240px) and (max-width: 399.9px) and (orientation: landscape) */							 
@media only screen and (min-width: 267px) and (max-width: 399.9px) and (orientation: landscape) {
body { border: 2px dotted rgb(255,0,0); border-radius: 0px 10px 0px 0px; /* DottedRot */}
}

/* dotted Rot */ /* Exact aspect ratio, ------19,5/9---0.461 - */
@media only screen and (min-width: 267px) and (max-width: 399.9px) and (orientation: landscape) and (max-aspect-ratio: 20/9) { 
/* dotted Rot */
/* Pixel Anzeige */
.PxAnz {background-color: rgb(250,0,0); /* Rot */ } 
#MdNavOv {background-color: rgb(250,0,0); /* Rot */ }
}

/* dotted Rot Salmon */ 
@media only screen and (min-width: 267px) and (max-width: 399.9px) and (orientation: landscape) and (max-aspect-ratio: 16/9) {  
/* dotted Rot */
/* Maximum aspect ratio 16/9 - Salmon  0,56 */ 
.PxAnz {background-color: rgb(250,128,114); /*  Salmon */ }
#MdNavOv {background-color: rgb(250,128,114); /*  Salmon */ }
.pSpace { height: 0px; }
}	
 
/* dotted Rot Gelb */  
@media only screen and (min-width: 267px) and (max-width: 399.9px) and (orientation: landscape) and (max-aspect-ratio: 12/9) and (min-aspect-ratio: 9/9) { 
/* dotted Rot Gelb */  
.PxAnz {background-color: rgb(255,255,0); /* Gelb */ }
#MdNavOv {background-color: rgb(255,255,0); /* Gelb */ }
.pSpace { height: 0px; margin: 0px 0px 0px 0px; background-color: rgb(245,245,245); /* WhiteSmoke */ }
}




									/* Rot weiss*/
/* Rot weiss Landscape 2 Desire (min-width: 400px) and (max-width: 449.9px) and (orientation: landscape) */											
@media only screen and (min-width: 400px) and (max-width: 449.9px) and (orientation: landscape) {
body { border: 2px solid rgb(255,0,0); border-radius: 0px 10px 0px 0px; /* Rot */ }
}


/* Rot Rot Exact 	aspect ratio, ------19,5/9---0.461 -  */
@media only screen and (min-width: 400px) and (max-width: 449.9px) and (orientation: landscape) and (max-aspect-ratio: 20/9) { 
/* Rot Rot */
/* Pixel Anzeige */
.PxAnz {background-color: rgb(250,0,0); /* Rot */ } 
#MdNavOv {background-color: rgb(250,0,0); /* Rot */ }
}

/* rot Salmon */ 
@media only screen and (min-width: 400px) and (max-width: 449.9px) and (orientation: landscape) and (max-aspect-ratio: 16/9) {  
/* Rot */
/* Maximum aspect ratio 16/9 - Salmon  0,56 */ 
.PxAnz {background-color: rgb(250,128,114); /*  Salmon */ }
#MdNavOv {background-color: rgb(250,128,114); /*  Salmon */ }
.pSpace { height: 0px;}
}

/* Rot Gelb */
@media only screen and (min-width: 400px) and (max-width: 449.9px) and (orientation: landscape) and (max-aspect-ratio: 12/9) and (min-aspect-ratio: 9/9) {
/* Rot */  
.PxAnz {background-color: rgb(255,255,0); /* Gelb */ }
#MdNavOv {background-color: rgb(255,255,0); /* Gelb */ }
.pSpace { height: 0px; margin: 0px 0px 0px 0px; background-color: rgb(245,245,245); /* WhiteSmoke */ } 
}  



/* DottedDarkOrange */  
/* DottedDarkOrange weiss  Landscape 4  (min-width: 500px) */ 
@media only screen and (min-width: 500px) and (max-width: 599.9px) and (orientation: landscape) { 
body {border: 2px dotted rgb(255,140,0); border-radius: 0px 20px 0px 0px;  /* DottedDarkOrange */  }	
}


/* DottedDarkOrange Rot */
/* Exact aspect ratio, ------19,5/9---0.461 -  and (max-width: 599.9px) */
@media only screen and (min-width: 500px) and (max-width: 599.9px) and (orientation: landscape) and (max-aspect-ratio: 20/9) { 
 /* dotted orange Rot 500 */ 
 .PxAnz {background-color: rgb(253,0,0); /*  Rot */ }
 #MdNavOv {background-color: rgb(250,0,0); /* Rot */ }
}

/* dotted orange Salmon 500 */ 
/* Maximum aspect ratio  16/9  0,56 */
@media only screen and (min-width: 500px) and (max-width: 599.9px) and (orientation: landscape) and (max-aspect-ratio: 16/9) {  
.PxAnz {background-color: rgb(250,128,114); /*  Salmon */ }
 #MdNavOv {background-color: rgb(250,128,114); /*  Salmon */ }
}
 
 /* dotted orange gelb 500*/
@media only screen and (min-width: 500px) and (max-width: 599.9px) and (orientation: landscape) and (max-aspect-ratio: 12/9) and (min-aspect-ratio: 9/9) { 
.PxAnz {background-color: rgb(255,255,0); /* Gelb */ }
.pSpace { height: 0vw; margin: 0px 0px 0px 0px; background-color: rgb(245,245,245); /* WhiteSmoke */ }
 #MdNavOv {background-color: rgb(255,255,0); /* Gelb */  }
}

																/* LightSteelBlue */
/* LightSteelBlue Landscape 5  (min-width: 600px) */ 
@media only screen and (min-width: 600px) and (orientation: landscape) {
body {border: 3px groove rgb(176, 196, 222); border-radius: 10px 10px 0px 0px; /* LightSteelBlue */ }	
}	

/* LightSteelBlue Red */  /* Exact aspect ratio, ------19,5/9---0.461 - */
@media only screen and (min-width: 600px) and (orientation: landscape) and (max-aspect-ratio: 20/9) { 
.PxAnz {background-color: rgb(253,0,0); /*  Rot */ }
#MdNavOv {background-color: rgb(250,0,0); /* Rot */  }
 /* LightSteelBlue Red */
}

/* LightSteelBlue Salmon */   
/* Maximum aspect ratio  16/9  0,56 */
@media only screen and (min-width: 600px) and (orientation: landscape) and (max-aspect-ratio: 16/9) {  
 .PxAnz {background-color: rgb(250,128,114); /*  Salmon */ }
 #MdNavOv {background-color: rgb(250,128,114); /*  Salmon */ }
}
 
 /* LightSteelBlue Gelb */  
@media only screen and (min-width: 600px) and (orientation: landscape) and (max-aspect-ratio: 12/9) and (min-aspect-ratio: 9/9) { 
.PxAnz {background-color: rgb(255,255,0); /* Gelb */ }
 #MdNavOv {background-color: rgb(255,255,0); /* Gelb */ }
.pSpace { height: 0vw; margin: 0px 0px 0px 0px; background-color: rgb(245,245,245); /* WhiteSmoke */ }
}




/* MediumVioletRed Landscape 6  min-width: 768px */ 
@media only screen and (min-width: 768px) and (orientation: landscape) { 
body {border: 3px groove rgb(199, 21, 133); border-radius: 10px 10px 0px 0px; /* MediumVioletRed Landscape */ }
}

 /* MediumVioletRed  Rot */
@media only screen and (min-width: 768px) and (orientation: landscape) and (max-aspect-ratio: 20/9) {
#MdNavOv {background-color: rgb(250,0,0); /* Rot */ }
}
/* MediumVioletRed Salmon */
@media only screen and (min-width: 768px) and (orientation: landscape) and (max-aspect-ratio: 16/9) {
#MdNavOv {background-color: rgb(250,128,114); /*  Salmon */ }
}
/* MediumVioletRed Gelb */
@media only screen and (min-width: 768px) and (orientation: landscape) and (max-aspect-ratio: 12/9) and (min-aspect-ratio: 9/9) { 
#MdNavOv {background-color: rgb(255,255,0); /* Gelb */ } 
}


/* Olive Landscape 7 (min-width: 992px) */ 
@media only screen and (min-width: 992px) {
body {border: 3px solid rgb(128, 128, 0); border-radius: 10px 10px 0px 0px; /* Olive */ }	
}
	
/* Olive Rot */
@media only screen and (min-width: 992px) and (max-aspect-ratio: 20/9) {
#MdNavOv {background-color: rgb(250,0,0); /* Rot */ }
}

/* Olive Salmon*/  
@media only screen and (min-width: 992px) and (max-aspect-ratio: 16/9) {
#MdNavOv {background-color: rgb(250,128,114); /*  Salmon */ }
}
/* Olive Gelb*/  
@media only screen and (min-width: 992px) and (max-aspect-ratio: 12/9) and (min-aspect-ratio: 9/9) { 
#MdNavOv {background-color: rgb(255,255,0); /* Gelb */ }
}


	
/* Plum  Landscape 8  (min-width: 1200px) */ 
@media only screen and (min-width: 1200px) { 
body {border: 2px solid rgb(221, 160, 221); border-radius: 10px 10px 0px 0px; /* Plum*/ }
}	
/* Plum Red */
@media only screen and (min-width: 1200px) and (max-aspect-ratio: 20/9) {
/*  */
#MdNavOv {background-color: rgb(250,0,0); /* Rot */ }
}
/* Plum Salmon */  
@media only screen and (min-width: 1200px) and (max-aspect-ratio: 16/9) {
/*  */
#MdNavOv {background-color: rgb(250,128,114); /*  Salmon */ }
}
/* Plum Gelb */  
@media only screen and (min-width: 1200px) and (max-aspect-ratio: 12/9) and (min-aspect-ratio: 9/9) { 
/*  */
#MdNavOv {background-color: rgb(255,255,0); /* Gelb */ }
}

	
	
/* Aqua Landscape 9  (min-width: 1400px) */ 
@media only screen and (min-width: 1400px) {
body {border: 3px solid rgb(0, 255, 255); border-radius: 10px 10px 0px 0px; /* Aqua */ }
}

/* Aqua */
@media only screen and (min-width:1400px) and (max-aspect-ratio: 20/9) {
#MdNavOv {background-color: rgb(250,0,0); /* Rot */ }
}
/* Aqua Salmon*/  
@media only screen and (min-width:1400px) and (max-aspect-ratio: 16/9) {
#MdNavOv {background-color: rgb(250,128,114); /*  Salmon */ }
}
/* Aqua Gelb */  
@media only screen and (min-width:1400px) and (max-aspect-ratio: 12/9) and (min-aspect-ratio: 9/9) {
#MdNavOv {background-color: rgb(255,255,0); /* Gelb */ }	
}	

/* Fuchsia Landscape 10  (min-width: 1600px) */ 
@media only screen and (min-width: 1600px) { 
body {border: 3px solid rgb(255, 0, 255); border-radius: 10px 10px 0px 0px;  /* Fuchsia */ }
}	
	
/* Fuchsia */
@media only screen and (min-width:1600px) and (max-aspect-ratio: 20/9) {
/* 2Fotos Landscape Maximum aspect ratio 19,5/9 - 0.461 -  Rot IN EM geht*/
#MdNavOv {background-color: rgb(250,0,0); /* Rot */ }
}
/* Fuchsia Salmon */  
@media only screen and (min-width:1600px) and (max-aspect-ratio: 16/9) {
/* 2Fotos Landscape Maximum aspect ratio 16/9 -  0,5625  Salmon  nie gesehen */  
#MdNavOv {background-color: rgb(250,128,114); /*  Salmon */ }
}
/* Fuchsia Gelb */  
@media only screen and (min-width:1600px) and (max-aspect-ratio: 12/9) and (min-aspect-ratio: 9/9) and (orientation: landscape) { 
/* Maximum aspect ratio 12/9 -  0,75    gelb geht nie gesehen */
#MdNavOv {background-color: rgb(255,255,0); /* Gelb */ }	
}




/* ================================================= */	
/* Ab hier Portrait */





/* Dotted Lime Desire Portrait 1  */ 
/* Desire und HTCDesire (min-width: 160px) (max-width: 239.9px)(orientation: portrait) */     
@media only screen and (min-width: 160px) and (max-width: 239.9px) and (orientation: portrait) { 
body {border: 2px dotted Lime; border-radius: 0px 10px 0px 0px;}  /* Dotted Lime Desire*/
}	

/* Lime INA Portrait 2   */
/* Portrait 1 min MozBrauser  (min-width: 240px)(max-width: 304.9px)(orientation: portrait) */
@media only screen and (min-width: 240px) and (max-width: 304.9px) and (orientation: portrait) {
body {border: 2px solid Lime; border-radius: 0px 10px 0px 0px;} /* LIME portrait INA */
}

/* Maroon */
/* Maroon Portrait 3 (min-width: 305px) and (max-width: 399.9px) and (orientation: portrait) */
@media only screen and (min-width: 305px) and (max-width: 399.9px) and (orientation: portrait) {
 body {border: 2px solid rgb(128,0,0); border-radius: 0px 10px 0px 0px;  /* Maroon */ }
}

/*  Blue */ 														 /* Blue */ 
/* Portrait 4 (min-width: 400px) and (max-width: 499.9px) and (orientation: portrait) */	
@media only screen and (min-width: 400px) and (max-width: 499.9px) and (orientation: portrait) {
 body {border: 2px solid rgb(0,0,255); border-radius: 0px 10px 0px 0px;  /* Blue */ } 
}

/* Gold */ 																/* Gold */ 
/* Portrait 5 (min-width: 500.0px) and (max-width: 599.9px) and (orientation: portrait) */
@media only screen and (min-width: 500px) and (max-width: 599.9px) and (orientation: portrait) {
 body {border: 2px solid rgb(255,215,0); border-radius: 0px 10px 0px 0px;  /* Gold */ }
}

/* dotted Gold */ 													 /* dotted Gold */ 			 	
/* Portrait 6 (min-width: 600.0px) and (max-width: 767.9px) and (orientation: portrait) */
@media only screen and (min-width: 600px) and (max-width: 767.9px) and (orientation: portrait) {
body { border: 2px dotted rgb(255, 215, 0); border-radius: 0px 10px 0px 0px; /* Gold */ }	
}

/* DottedMediumVioletRed */ 										/* DottedMediumVioletRed */ 
/* Portrait 7 (min-width: 768px) and (max-width: 991.9px) and (orientation: portrait) */
@media only screen and (min-width: 768px) and (max-width: 991.9px) and (orientation: portrait) {
body {border: 3px dotted rgb(199, 21, 133); border-radius: 0px 10px 0px 0px;}
}

/* DottedOlive */ 													/* DottedOlive */ 
/* Portrait 8 (min-width: 992px) and (max-width: 1200px) and (orientation: portrait) */
@media only screen and (min-width: 992px) and (max-width: 1200px) and (orientation: portrait) {
body {border: 3px dotted rgb(128,128,0); border-radius: 0px 10px 0px 0px;}
}