@charset "utf-8";
/*	xoogle_Media_Only_Screen_Min_Widths	xoogle_Media_Only_Screen_Min_Widths	xoogle_Media_Only_Screen_Min_Widths	*/
/* Kleine Geräte (Handys, 600px und größer) */
@media only screen and (min-width: 600px) {
    body {
       /* background-color: lightgreen;*/
		font-size: 12px;
    }
}

/* Mittelgroße Geräte (Tablets, 768px bis 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    body {
      	background-color: white;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
    }
	.container {
        width: 80%;
    }
}

/* Große Geräte (kleine Laptops/Desktops, 992px bis 1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    body {
      	background-color: white;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
    }
	.container {
        width: 80%;	/*bestimmt wie eng es werden darf, bevor z.B. Menü zusammengedrückt wird !!*/
		font-size: 16px;
    }
}

/* Extra große Geräte (große Laptops/Desktops, 1200px und größer) */
@media only screen and (min-width: 1200px) {
    body {
      	background-color: white;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
    }
	.container {
        width: 70%;
		font-size: 12px;
    }
}
/* Extra große Geräte (große Laptops/Desktops, 1200px und größer) */
@media only screen and (min-width: 1280px) {
    body {
      	background-color: white;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
    }
	.container {
        width: 90%;
		font-size: 12px;
    }
}

/* Sehr große Bildschirme (4K Monitore, 1920px und größer) */
@media only screen and (min-width: 1920px) {
    body {
      	background-color: white;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
    }
	.container {
        width: 50%;
		font-size: 20px;
    }
}