/**
* Changelog
* | Date        | Author         | Description
* ----------------------------------------------------------------------------------------------------------------------------
* | 2013-04-16  | MJE (itemis)   | Media Queries im Abschnitt Portrait und Landscape angepasst, damit das iPad mit
* |             |                | Retina-Display die Screen-Darstellung anzeigt, nicht die Mobile-Darstellung.
**/


@import url(/static/screen_default.css);

@import url(/static/screen_default_new.css);



/* Portrait -------------------------------------------------------------------- */

/* iPhone 4, iPhone 5, Android (z.B. Sony Xperia) */
@import url(/static/screen_mobile_portrait.css)
only screen
and (max-device-width: 320px)
and (orientation: portrait);

/* iPhone 6 */
@import url(/static/screen_mobile_portrait.css)
only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (orientation: portrait);

/* iPhone 6 Plus */
@import url(/static/screen_mobile_portrait.css)
only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (orientation: portrait);

/* Samsung Galaxy S5 mini */
@import url(/static/screen_mobile_portrait.css)
only screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 2)
and (orientation: portrait);

/* Samsung Galaxy S5 */
@import url(/static/screen_mobile_portrait.css)
only screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: portrait);

/* Samsung Galaxy S6 */
@import url(/static/screen_mobile_portrait.css)
only screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 4)
and (orientation: portrait);

/* Android mit 480 x 800 und Pixeldichte 1.5 (z.B. Samsung Galaxy S II) */
@import url(/static/screen_mobile_portrait.css)
only screen
  and (device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 1.5)
  and (orientation: portrait),
only screen
  and (device-width: 480px)
  and (-o-min-device-pixel-ratio: 1.5)
  and (orientation: portrait),
only screen
  and (device-width: 480px)
  and (min--moz-device-pixel-ratio: 1.5)
  and (orientation: portrait),
only screen
  and (device-width: 480px)
  and (min-device-pixel-ratio: 1.5)
  and (orientation: portrait);

/* Android mit 720 x 1280 (z.B. Galaxy Nexus) */
@import url(/static/screen_mobile_portrait.css)
only screen
  and (device-width: 720px)
  and (device-height : 1280px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait),
only screen
  and (device-width: 720px)
  and (device-height : 1280px)
  and (-o-min-device-pixel-ratio: 2)
  and (orientation: portrait),
only screen
  and (device-width: 720px)
  and (device-height : 1280px)
  and (min--moz-device-pixel-ratio: 2)
  and (orientation: portrait),
only screen
  and (device-width: 720px)
  and (device-height : 1280px)
  and (min-device-pixel-ratio: 2)
  and (orientation: portrait);


/* Landscape ------------------------------------------------------------------- */

/* iPhone 4, Android (z.B. Sony Xperia) */
@import url(/static/screen_mobile_landscape.css)
only screen
and (max-device-width: 480px)
and (orientation: landscape);

/* iPhone 6 */
@import url(/static/screen_mobile_landscape.css)
only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (orientation: landscape);

/* iPhone 6 Plus */
@import url(/static/screen_mobile_landscape.css)
only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (orientation: landscape);

/* Samsung Galaxy S5 mini */
@import url(/static/screen_mobile_landscape.css)
only screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 2)
and (orientation: landscape);

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

/* Samsung Galaxy S6 */
@import url(/static/screen_mobile_landscape.css)
only screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 4)
and (orientation: landscape);

/* Android mit 480 x 800 und Pixeldichte 1.5 (z.B. Samsung Galaxy S II) */
@import url(/static/screen_mobile_landscape.css)
only screen
  and (device-width: 800px)
  and (-webkit-min-device-pixel-ratio: 1.5)
  and (orientation: landscape),
only screen
  and (device-width: 800px)
  and (-o-min-device-pixel-ratio: 1.5)
  and (orientation: landscape),
only screen
  and (device-width: 800px)
  and (min--moz-device-pixel-ratio: 1.5)
  and (orientation: landscape),
only screen
  and (device-width: 800px)
  and (min-device-pixel-ratio: 1.5)
  and (orientation: landscape);

/* Android mit 720 x 1280 (z.B. Galaxy Nexus) */
/* Variante 1 */ @import url(/static/screen_mobile_landscape.css)
only screen
  and (device-width: 1280px)
  and (device-height : 720px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape),
only screen
  and (device-width: 1280px)
  and (device-height : 720px)
  and (-o-min-device-pixel-ratio: 2)
  and (orientation: landscape),
only screen
  and (device-width: 1280px)
  and (device-height : 720px)
  and (min--moz-device-pixel-ratio: 2)
  and (orientation: landscape),
only screen
  and (device-width: 1280px)
  and (device-height : 720px)
  and (min-device-pixel-ratio: 2)
  and (orientation: landscape);

/* Variante 2 */ @import url(/static/screen_mobile_landscape.css)
only screen
  and (device-width: 720px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape),
only screen
  and (device-width: 720px)
  and (-o-min-device-pixel-ratio: 2)
  and (orientation: landscape),
only screen
  and (device-width: 720px)
  and (min--moz-device-pixel-ratio: 2)
  and (orientation: landscape),
only screen
  and (device-width: 720px)
  and (min-device-pixel-ratio: 2)
  and (orientation: landscape);

/* iPhone5  */
@import url(/static/screen_mobile_landscape_iphone5.css)
only screen
and (device-width: 320px)
and (device-height: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape);



/* Portrait und Landscape ------------------------------------------------------ */

/* iPhone 4, iPhone 5, Android (z.B. Sony Xperia) */
@import url(/static/screen_mobile.css)
only screen
and (min-device-width: 320px)
and (max-device-height : 568px);

/* iPhone 6 */
@import url(/static/screen_mobile.css)
only screen
and (min-device-width: 375px)
and (max-device-width: 667px);

/* iPhone 6 Plus */
@import url(/static/screen_mobile.css)
only screen
and (min-device-width: 414px)
and (max-device-width: 736px);

/* Samsung Galaxy S5 mini */
@import url(/static/screen_mobile.css)
only screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 2);

/* Samsung Galaxy S5 */
@import url(/static/screen_mobile.css)
only screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3);

/* Samsung Galaxy S6 */
@import url(/static/screen_mobile.css)
only screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 4);

/* Android mit 480 x 800 und Pixeldichte 1.5 (z.B. Samsung Galaxy S II) */
@import url(/static/screen_mobile.css)
only screen
  and (min-device-width: 480px)
  and (max-device-width: 800px)
  and (-webkit-device-pixel-ratio: 1.5),
only screen
  and (min-device-width: 480px)
  and (max-device-width: 800px)
  and (-o-device-pixel-ratio: 1.5),
only screen
  and (min-device-width: 480px)
  and (max-device-width: 800px)
  and (-moz-device-pixel-ratio: 1.5),
only screen
  and (min-device-width: 480px)
  and (max-device-width: 800px)
  and (device-pixel-ratio: 1.5);

/* Android mit 720 x 1280 und Pixeldichte 2 (z.B. Galaxy Nexus) */
@import url(/static/screen_mobile.css)
only screen
  and (device-width: 720px)
  and (device-height : 1280px)
  and (-webkit-min-device-pixel-ratio: 2),
only screen
  and (device-width: 720px)
  and (device-height : 1280px)
  and (-o-min-device-pixel-ratio: 2),
only screen
  and (device-width: 720px)
  and (device-height : 1280px)
  and (min--moz-device-pixel-ratio: 2),
only screen
  and (device-height : 720px)
  and (device-height : 1280px)
  and (min-device-pixel-ratio: 2),
only screen
  and (device-height : 720px)
  and (device-width: 1280px)
  and (-webkit-min-device-pixel-ratio: 2),
only screen
  and (device-height : 720px)
  and (device-width: 1280px)
  and (-o-min-device-pixel-ratio: 2),
only screen
  and (device-height : 720px)
  and (device-width: 1280px)
  and (min--moz-device-pixel-ratio: 2),
only screen
  and (device-height : 720px)
  and (device-width: 1280px)
  and (min-device-pixel-ratio: 2);