/* =================================================
Stylesheet fuer die GeBE EuF Website
Basis ist Responsive Design
Stand: v2.0
Datei: GeBEscreen.css
Datum: 2016-01-15
Autor: Armin Egginger
Aufbau: A. Schriften
		1. Kalibrierung und Restauration
		2. Allgemeine Styles
		3. Styles fuer Layoutbereiche
			3.1 Allgemein
			3.2 Navigation
		4. Sonstige Styles
		
Farbangaben:	Dunkelgrau-> Hex #5d656f
				Gelb-> Hex #fcd91d
				Dunkelgrau 50% -> Hex #aeb2b7
				Dunkelgrau 25% -> Hex #d6d8db
				Dunkelgrau 15% -> Hex #e7e8ea
				Dunkelgrau  7% -> Hex #f4f4f5
				Printer-> Hex #487aad
				HMI-> Hex #9d2631
				Cutter->
				Verbrauchsmaterialien -> Hex 84b026
				Hex #965b39 (braun)
				Hex #00909b (tuerkisgruen)
				Hex #7c26ab (lila)

================================================== */

/* Smartphones (portrait and landscape) ----------- */
@import url("gebe_mobile.css") only screen and (min-device-width : 320px) and (max-device-width : 480px);

/* Smartphones (landscape) ----------- */
@import url("gebe_mobile.css") only screen and (min-width : 321px);

/* Smartphones (portrait) ----------- */
@import url("gebe_mobile.css") only screen and (max-width : 320px);

/* iPads (portrait and landscape) ----------- */
@import url("gebe_mobile.css") only screen and (min-device-width : 768px) and (max-device-width : 1024px);

/* iPads (landscape) ----------- */
@import url("gebe_mobile.css") only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape);

/* iPads (portrait) ----------- */
@import url("gebe_mobile.css") only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait);

/**********
iPad 3
**********/
@import url("gebe_mobile.css") only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2);

@import url("gebe_mobile.css") only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2);

/* iPhone 4 ----------- */
@import url("gebe_mobile.css") only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2);

@import url("gebe_mobile.css") only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2);

/* iPhone 5 ----------- */
@import url("gebe_mobile.css") only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2);

@import url("gebe_mobile.css") only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2);

/* iPhone 6 ----------- */
@import url("gebe_mobile.css") only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2);

@import url("gebe_mobile.css") only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2);

/* iPhone 6+ ----------- */
@import url("gebe_mobile.css") only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2);

@import url("gebe_mobile.css") only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2);

/* Samsung Galaxy S3 ----------- */
@import url("gebe_mobile.css") only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2);

@import url("gebe_mobile.css") only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2);

/* Samsung Galaxy S4 ----------- */
@import url("gebe_mobile.css") only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3);

@import url("gebe_mobile.css") only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3);

/* Samsung Galaxy S5 ----------- */
@import url("gebe_mobile.css") only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3);

@import url("gebe_mobile.css") only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3);

/* Desktops and laptops ----------- */
@import url("gebe_desktop.css") only screen  and (min-width : 1224px);

/* Large screens ----------- */
@import url("gebe_desktop.css") only screen  and (min-width : 1824px);


/* ======================================
4. Sonstige Styles
====================================== */
/* Grid */
@import url("gridfullpage.css");

/* =======================================
E N D E   D E S   S T Y L E S H E E T S
======================================= */