mediaQueries Apple

/* ####################### APPLE ####################### */´
/* ----------- iPhone 4 & S ----------- */
/* Portrait & Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)

/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (orientation: portrait)

/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (orientation: landscape)

/* ----------- iPhone 5, S, C & SE ----------- */
/* Portrait & Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)

/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (orientation: portrait)

/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (orientation: landscape)

/* ----------- iPhone 6, 6S, 7 & 8 ----------- */
/* Portrait & Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)

/* Portrait */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (orientation: portrait)

/* Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (orientation: landscape)

/* ----------- iPhone 6 Plus, 7 Plus & 8 Plus ----------- */
/* Portrait & Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)

/* Portrait */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (orientation: portrait)

/* Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (orientation: landscape)

/* ----------- iPhone X ----------- */
/* Portrait & Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 812px)

/* Portrait */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 812px)
and (orientation: portrait)

/* Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 812px)
and (orientation: landscape)

/* ----------- I Pads (alle Gernerationen) ----------- */
/* Portrait & Landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
/* ##################################################### */