/* 

Copyright @Viziion Design Studio GbR, Martin Gruber & Pascal Inter
Web: http://www.viziion.de

Device: Mobile
Version: 1.0

*/

/* ===========================================================
==============================================================
** INFORMATIONEN 
==============================================================
==============================================================
 
Gliederung:

# IPHONE
# # iPhone 4 und 4S
# # iPhone 5 und 5S
# # iPhone 6
# # iPhone 6+
# IPAD
# # iPad 4
# # iPad Pro 9"
# # iPad Pro 12"

--------------

Farben:

Primär:#1a1a1a;
Sekundär:#56D690;

Weiß:#fff;
Schwarz:#000;

==============================================================
==============================================================
/// INFORMTAIONEN 
==============================================================
=========================================================== */

/* ===========================================================
==============================================================
** IPHONE 
==============================================================
=========================================================== */

/* ================================================
===================================================
** iPhone 4 und 4S */

/* Portrait und Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
      .vi-headline a {color:#FFDE00;}
      .vi-icon {width:60px;height:60px;margin-left:5%;float:none;}
      .vi-pl-content {margin-left:5%;margin-top:20px;}
      #vi-planung {min-height:480px;}
      #vi-contact {height:850px;}
      #vi-contact a {color:#fff;}
      
      .vi-btt {margin-top:-70px;}
      .vi-btt img {width:40px;}
      
      h5 {font-size:1em;text-align:center;}
      
      #vi-navigation li {padding:0 6px;}
      #vi-navigation ul {width:280px;}
      
      .vi-headline {margin-top:50px;margin-left:5%;}
      #vi-intro {min-height:480px;}
      
      .vi-au-cards .vi-icon {margin:20px auto;}
      
      .vi-ab-content {width:80%;padding:5%;}
      
      #vi-partner .vi-icon {float:left;width:60px;height:60px;border:4px solid #ffde00;}
      #vi-partner {padding:80px 5% 0 5%;width:90%;}
      #vi-partner span {padding:5px 10px 5px 50px;margin-top:0;margin-left:-30px;}
      
      #vi-footer {font-size:0.8em;}
      .vi-fo-content {width:70%;}
      
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
      
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
      .vi-headline {margin-top:30px;}
      #vi-intro {min-height:200px;}
      .vi-arrow-down {display:none;}
      #vi-planung {min-height:340px;}
      #vi-triangle {height:50px;}
      #vi-contact {height:800px;}
}

/* /// iPhone 4 und 4S
===================================================
================================================ */


/* ================================================
===================================================
iPhone 5 und 5S */

/* Portrait und Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
}

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

}
/* /// iPhone 5 und 5S
===================================================
================================================ */


/* ================================================
===================================================
iPhone 6 */

/* Portrait und Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

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

}

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

}

/* /// iPhone 6
===================================================
================================================ */


/* ================================================
===================================================
iPhone 6+ */

/* Portrait und Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

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

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
      
      #vi-navigation li {margin-top:40px;}
      #vi-planung {min-height:414px;}

}

/* /// iPhone 6+
===================================================
================================================ */

/* ===========================================================
==============================================================
/// IPHONE
==============================================================
=========================================================== */

/* ===========================================================
==============================================================
** IPAD 
==============================================================
=========================================================== */

/* ================================================
===================================================
iPad 4 */

/* Portrait und Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

      .vi-headline a {color:#FFDE00;}
      #vi-contact a {color:#fff;}
}

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

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* /// iPad 4
===================================================
================================================ */


/* ================================================
===================================================
iPad Pro 9" */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1536px) 
  and (max-device-width: 2048px) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 1536px) 
  and (max-device-width: 2048px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 1536px) 
  and (max-device-width: 2048px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* /// iPad Pro 9"
===================================================
================================================ */


/* ================================================
===================================================
iPad Pro 12" */

/* Portrait und Landscape */
@media only screen 
  and (min-device-width: 2048px) 
  and (max-device-width: 2732px) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 2048px) 
  and (max-device-width: 2732px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 2048px) 
  and (max-device-width: 2732px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* /// iPad Pro 12"
===================================================
================================================ */

/* ===========================================================
==============================================================
/// IPAD 
==============================================================
=========================================================== */