/* === DATEIWEITE EINSTELLUNGEN - BOX === */
/* *** Anzeigebereich - SEITE EINSPALTIG / Seitenbereich  *** */
.box_a1 { padding: 5px; float: left;}
.box_a2 { padding: 5px; float: left;}
.box_a3 { padding: 5px; float: left;}
/* *** Anzeigebereich - SEITE ZWEISPALTIG / Seitenbereich  *** */
.box_b1_li { padding: 5px; float: left;}
.box_b1_re { padding: 5px; float: left;}
.box_b2_re { padding: 5px; float: left;}
.box_b3_re { padding: 5px; float: left;}
/* *** Anzeigebereich - SEITE DREISPALTIG / Seitenbereich  *** */
.box_c1_li { padding: 5px; float: left;}
.box_c1_mi { padding: 5px; float: left; border-color: red;}
.box_c2_mi { padding: 5px; float: left;}
.box_c3_mi { padding: 5px; float: left;}
.box_c1_re { padding: 5px; float: left;}
/* ===  DESKTOP ( Anzeige CENTER 1900px ) ========== */
@media only screen and (min-width: 1801px){
/* *** Anzeigebereich - SEITE EINSPALTIG / Seitenbereich  *** */
.box_a1 { width: 1680px; margin: 5px;}
.box_a2 { width: 830px;  margin: 5px;}
.box_a3 { width: 545px;  margin: 5px;}
/* *** Anzeigebereich - SEITE ZWEINSPALTIG / Seitenbereich  *** */
.box_b1_li { width:  230px; margin: 5px;}
.box_b1_re { width: 1430px; margin: 5px;}
.box_b2_re { width:  705px; margin: 5px;}
.box_b3_re { width:  420px; margin: 5px;}
/* *** Anzeigebereich - SEITE DREISPALTIG / Seitenbereich  *** */
.box_c1_li { width:  230px; margin: 5px;}
.box_c1_mi { width: 1080px; margin: 5px;}
.box_c2_mi { width:  530px; margin: 5px;}
.box_c3_mi { width:  345px; margin: 5px;}
.box_c1_re { width:  330px; margin: 5px;}
}
/* ===  Laptop1 ( Anzeige CENTER 1700px ) ========= */
@media only screen and (max-width: 1800px){
/* *** Anzeigebereich - SEITE EINSPALTIG / Seitenbereich  *** */
.box_a1 { width: 1680px; margin: 5px;}
.box_a2 { width: 830px;  margin: 5px;}
.box_a3 { width: 545px;  margin: 5px;}
/* *** Anzeigebereich - SEITE ZWEINSPALTIG / Seitenbereich  *** */
.box_b1_li { width:  230px; margin: 5px;}
.box_b1_re { width: 1430px; margin: 5px;}
.box_b2_re { width:  705px; margin: 5px;}
.box_b3_re { width:  420px; margin: 5px;}
/* *** Anzeigebereich - SEITE DREISPALTIG / Seitenbereich  *** */
.box_c1_li { width:  230px; margin: 5px;}
.box_c1_mi { width: 1080px; margin: 5px;}
.box_c2_mi { width:  530px; margin: 5px;}
.box_c3_mi { width:  345px; margin: 5px;}
.box_c1_re { width:  330px; margin: 5px;}
}/* ===  Laptop2 ( Anzeige CENTER 1200px ) ========= */
@media only screen and (max-width: 1300px){
/* *** Anzeigebereich - SEITE EINSPALTIG / Seitenbereich  *** */
.box_a1 { width: 1180px; margin: 5px;}
.box_a2 { width: 580px;  margin: 5px;}
.box_a3 { width: 380px;  margin: 5px;}
/* *** Anzeigebereich - SEITE ZWEINSPALTIG / Seitenbereich  *** */
.box_b1_li { width:  230px; margin: 5px;}
.box_b1_re { width: 930px; margin: 5px;}
.box_b2_re { width:  455px; margin: 5px;}
.box_b3_re { width:  280px; margin: 5px;}
/* *** Anzeigebereich - SEITE DREISPALTIG / Seitenbereich  *** */
.box_c1_li { width: 230px; margin: 5px;}
.box_c1_mi { width: 575px; margin: 5px;}
.box_c2_mi { width: 575px; margin: 5px;}
.box_c3_mi { width: 575px; margin: 5px;}
.box_c1_re { width: 330px; margin: 5px;}
}
/* === TABLET  ( Anzeige CENTER 700px ) ============ */
@media only screen and (max-width: 800px){
/* *** Anzeigebereich - SEITE EINSPALTIG / Seitenbereich  *** */
.box_a1 { width: 680px; margin: 5px;}
.box_a2 { width: 330px;  margin: 5px;}
.box_a3 { width: 680px;  margin: 5px;}
/* *** Anzeigebereich - SEITE ZWEINSPALTIG / Seitenbereich  *** */
.box_b1_li { width:  180px; margin: 5px;}
.box_b1_re { width: 480px; margin: 5px;}
.box_b2_re { width:  480px; margin: 5px;}
.box_b3_re { width:  480px; margin: 5px;}
/* *** Anzeigebereich - SEITE DREISPALTIG / Seitenbereich  *** */
.box_c1_li { width: 180px; margin: 5px;}
.box_c1_mi { width: 480px; margin: 5px;}
.box_c2_mi { width: 480px; margin: 5px;}
.box_c3_mi { width: 480px; margin: 5px;}
.box_c1_re { width: 680px; margin: 5px;}
}
/* === PHONE ( Anzeige CENTER 360px ) ============== */
@media only screen and (max-width: 380px){
/* *** Anzeigebereich - SEITE EINSPALTIG / Seitenbereich  *** */
.box_a1 { width: 340px; margin: 5px;}
.box_a2 { width: 340px;  margin: 5px;}
.box_a3 { width: 340px;  margin: 5px;}
/* *** Anzeigebereich - SEITE ZWEINSPALTIG / Seitenbereich  *** */
.box_b1_li { width: 340px; margin: 5px;}
.box_b1_re { width: 340px; margin: 5px;}
.box_b2_re { width: 340px; margin: 5px;}
.box_b3_re { width: 340px; margin: 5px;}
/* *** Anzeigebereich - SEITE DREISPALTIG / Seitenbereich  *** */
.box_c1_li { width: 340px; margin: 5px;}
.box_c1_mi { width: 340px; margin: 5px;}
.box_c2_mi { width: 340px; margin: 5px;}
.box_c3_mi { width: 340px; margin: 5px;}
.box_c1_re { width: 340px; margin: 5px;}
}