/* Mediaqueries für Layout*/

/*Logoaustausch*/

@media(max-width:370px){

    .logo {
        display: none;
    }
    .logo370 {
        display: block!important;
    }
}

/* < 500px */

@media(max-width:500px){
    .content{
        line-height: 22px;
    }
}

/* < 768px */

@media(max-width:768px){

    body h1 {
        font-size: 35px;
    }

    .title {
        margin: 80px 0 0 0!important;
        padding: 0!important;
    }
    .content {
        margin: 15px 0 0 0!important;
        padding: 0!important;
    }
    
    .fp-tableCell {
        vertical-align: top;
    }

    #fp-nav {
        display: none;
    }
    .fp-slidesNav {
        display: none;
    }
}

/* < 769px */

@media(min-width:769px){
    #small_main_header{ 
        display:none !important;
    }
    #large_main_header{ 
        display:block !important;
    }
}

/* < 991px */

@media(max-width:991px){
    #large_main_header .row{
        margin-top: -10px;
    }
    
     .modal-resize{
       height: auto;
       margin-top: 15px;
    }
}