@charset "UTF-8";
 
/* *************************************************************************************************** */
/*                             10-thk-responsive-rahmen.css    	                                  **** */
/* *************************************************************************************************** */
/* - ROT *1------------------------------------ alle Geräte ------------------ */
body { border: 5px #ff0000 solid;}


/* - GRÜN *2-----------| 0 =====> 320px | ----------------------------------- */
@media only screen and (max-width:320px) {
body { border: 5px #00ff00 solid;}


}

/* - BLAU *3 ------------------ | 321px ==============> 480px | ------------ */ 
@media only screen and (min-width:321px) and (max-width:480px) {
	body { border: 5px #0000ff solid;}


}

/* - GELB *4 ------------------ | 481px ==============> 768px | ------------ */ 
@media only screen and (min-width:481px) and (max-width:768px) {
	body { border: 5px #ffff00 solid;}


}

/* - LILA *5 ------------------ | 769px ==============> 1024px | ----------- */ 
@media only screen and (min-width:769px) and (max-width:1024px) {
	body { border: 5px #8a2be2 solid;}


}

/* - ORANGE *6 ---------------- | 1025px ==============> 1280px | ---------- */ 
@media only screen and (min-width:1025px) and (max-width:1280px) {
	body { border: 5px #ff7f24 solid;}


}

/* -HELLGRÜN *7 --------------- | 1281px ==============> 1440px | ---------- */ 
@media only screen and (min-width:1281px) and (max-width:1440px) {
	body { border: 5px #ccff00 solid;}


}