/*
Autor: Werbung 705, Marco Brüggemann, www.705gruppe.de
*/
/* ========================================================================================== */
/* ===   GLOBAL DEFINITION über 1024px   ==================================================== */
/* ========================================================================================== */

.bg_1 { background-color: #7da57d;}
.bg_2 { background-color: #b6c6ab;}
.bg_3 { background-color: #a0b898;}
.bg_4 { background-color: #e6e6da;}
.bg_5 { background-color: #f3f3ed;}

.bg_w { background-color: #fff;}
.bg_g10 { background-color: #ededed;}
.bg_g20 { background-color: #adadad;}
.bg_g30 { background-color: #c6c6c6;}
.bg_g40 { background-color: #b2b2b2;}
.bg_g50 { background-color: #9d9d9d;}
.bg_g60 { background-color: #878787;}
.bg_g70 { background-color: #706f6f;}
.bg_g80 { background-color: #575757;}
.bg_g90 { background-color: #3c3c3c;}
.bg_s { background-color: #000;}

.color_1 { color: #7da57d;}
.color_2 { color: #b6c6ab;}
.color_3 { color: #a0b898;}
.color_4 { color: #e6e6da;}
.color_5 { color: #f3f3ed;}

.color_w { color: #fff;}
.color_g10 { color: #ededed;}
.color_g20 { color: #adadad;}
.color_g30 { color: #c6c6c6;}
.color_g40 { color: #b2b2b2;}
.color_g50 { color: #9d9d9d;}
.color_g60 { color: #878787;}
.color_g70 { color: #706f6f;}
.color_g80 { color: #575757;}
.color_g90 { color: #3c3c3c;}
.color_s { color: #000;}

/* ---  ENDE - GLOBAL DEFINITION über 1024px - ENDE   --------------------------------------- */

/* ========================================================================================== */
/* ===   DEFINITION unter 500px   =========================================================== */
/* ========================================================================================== */
/* CSS-Überschreibung kleine Handys START --------------- */
@media screen and (max-width: 499px) {

}
/* ---  ENDE - DEFINITION unter 500px - ENDE   ---------------------------------------------- */



/* ========================================================================================== */
/* ===   DEFINITION 500px bis 767px   ======================================================= */
/* ========================================================================================== */

@media screen and (min-width: 500px) and (max-width: 767px) {
	
}
/* ---  ENDE - DEFINITION 500px bis 767px - ENDE   ------------------------------------------ */



/* ========================================================================================== */
/* ===   DEFINITION 768px bis 1024px   ====================================================== */
/* ========================================================================================== */

@media screen and (min-width: 768px) and (max-width: 1096px) {
	
}
/* ---  ENDE - DEFINITION 768px bis 1024px - ENDE   ----------------------------------------- */