/* =================================================
Stylesheet fuer die GeBE CuP Website
Basis ist Responsive Design
Stand: v1.0
Datei: Tastaturen.css
Datum: 2016-01-06
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
		5. Farben

Farbangaben:	Dunkelgrau-> Hex #707882 (EuF #5d656f) #5c6670
				Magenta -> Hex #d82f99 (EuF 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
				Verbrauchsmaterialien -> Hex 84b026
				Hex #965b39 (braun)
				Hex #00909b (tuerkisgruen)
				Hex #7c26ab (lila)

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

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

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

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

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

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

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

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

@import url("tastaturen_mobil.css?v2.1") 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("tastaturen_mobil.css?v2.1") only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2);

@import url("tastaturen_mobil.css?v2.1") 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("tastaturen_mobil.css?v2.1") only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2);

@import url("tastaturen_mobil.css?v2.1") 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("tastaturen_mobil.css?v2.1") only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2);

@import url("tastaturen_mobil.css?v2.1") 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("tastaturen_mobil.css?v2.1") only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2);

@import url("tastaturen_mobil.css?v2.1") 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("tastaturen_mobil.css?v2.1") only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2);

@import url("tastaturen_mobil.css?v2.1") 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("tastaturen_mobil.css?v2.1") only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3);

@import url("tastaturen_mobil.css?v2.1") 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("tastaturen_mobil.css?v2.1") only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3);

@import url("tastaturen_mobil.css?v2.1") 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("tastaturen_desktop.css?v2.1") only screen  and (min-width : 1224px);

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

/* Print ----------- */
@import url("tastaturen_desktop.css?v2.1") only print;


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

/* ======================================
5 Farben
====================================== */
.BGCblack {
    background-color: black;
}
.BGCwhite {
    background-color: white;
}
.BGCgrey {
    background-color: #5d656f;
}
.BGCpink {
    background-color: #d82f99;
}
.TXTblack, .TXTblack a {
    color: black;
}
.TXTwhite, .TXTwhite a{
    color: white;
}
.TXTgrey, .TXTgrey a{
    color: #707882;
}
.TXTpink, .TXTpink a{
    color: #d82f99;
}
/* ======================================
5 Farben ENDE
====================================== */

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