/* Mediaqueries für index.php */

/* < 1600px */

@media(max-width:1600px){
    body {
        background-image: url('../gfx/bg_desktop.jpg')!important;
    }
    
    body #section7 {
        background-image: url(../gfx/contact_desktop.png);
    }
}

/* < 1225px */

@media(max-width:1225px){
    .new_section_full_content{
        overflow: auto;
}

/* < 1199px */

@media(max-width:1199px){
    #biography-container{
        height: 100px!important;
    }
    .list-planets{
        height: 250px!important;
    }
    #sun-cut{
        height: 250px!important;
    }
    .list-planets li{
        line-height: 250px!important;
    }   
}



/* < 991px */

@media(max-width:991px){
    .new_section_full_content{
        height: 540px;
    }
    #linecontainer{
        margin-top: 30px;
    }
}


/* < 768px */

@media(max-width:768px){
    body {
        background-image: url('../gfx/bg_mobile.jpg')!important;
    }
    body #section1 {
        background-image: url(../gfx/system_visua_mobile.png);
    }
    
    .new_section_full_content{
        height: auto;
    }
    
    body #section6 #slide4 {
        background-image: url(../gfx/geistreich_mobil.png);
        background-position: bottom center;
    }
    
    body #section7 {
        background-image: url(../gfx/contact_mobil.png);
    }
}

/* < 500px */

@media(max-width:500px){
    .sunred, .sunblue{
        display: none;
    }
    
    .sunredmobil, .sunbluemobil{
        display: inline-block;
    }
}