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

# # iPad - Horizontal
# # iPad - Vertikal 
# # iPhone - Horiztonal 
# # iPhone - Vertikal 

===================================================
===================================================
INFORMATIONEN 
===================================================
===================================================
*/

/* Media - Query =============================== */

/* iPad - horizontal ================= */
@media (max-width:1200px) {

}

/* iPad - vertikal ================== */
@media (max-width:900px) {
    
    
}

/* iPhone 6 - horizontal ============= */
@media (max-width:767px) {
    #vi-body {margin:0 15px;}
    #vi-intro img {width:100%;}
    .vi-scroll-btn {margin-top:50px;}
    #site-navigation li {font-size:3em;}
    .vi-content.about h1 {width:auto;}
    .vi-bgtext {margin-bottom:0;}
    .vi-bg-dark {display:none;}
    #vi-about {height:1100px;}
    .service h1 {color:#000;}
    #vi-service {height:1550px;}
    section#vi-contact {margin-top:-100px;}
    section#vi-impressum,
    section#vi-datenschutz
    {margin-top:0;}
    .mail {font-size:1.5em;}
    .contact .vi-line {margin:10px 0 0 -116px;width:230px;}

/* iPhone 6 - vertikal =============== */
@media (max-width:500px) {
    

}