/* 
    Created on : 07.03.2017, 15:41:17
    Author     : mac
*/

@media only screen and (min-width: 401px) and (max-width: 640px){ 
    
    .ma-header{
        float: left;
        width: 100%;
        height: 40px;
        z-index: 100;        
    }

    .ma-body{
        float: left;
        width: 100%;          
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;*/
        min-height: 90vh;
    }

    .ma-footer{        
        float: left;
        width: 100%;         
        bottom: 0;                
        background-color: white;
        
    }

    .ma-header-01{
        float: left;
        width: 100%;
        height: 65px;
    }

    .ma-header-02{
        float: left;
        width: 100%;
        height: 40px;        
    }
    
    .ma-header-02-scroll{
        float: left;
        width: 100%;
        top: 0px;
        left: 0px;
        height: 40px;
        position: fixed;       
        background-position: 0% 50%;
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 100;
    }
    
    .ma-body-01{
        float: left;
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;        
    }
    
    .ma-body-inner{
        float: left;
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;  
        background-color: #f5f5f5;
    }
    
    .ma-body-02{
        float: left;
        width: 100%;              
    }
    
    .ma-body-inner-component{
        float: left;
        width: calc(100% 20px);
	padding: 10px 10px 10px 10px;        
    }
    
    .ma-template-textbereich{
        float: left;
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 50px;
        font-size: 1.2em;
    }
    
    /* Blog Layout 2 */
    .cols-2>div{
        float: left;
        width: 100%;        
    }
    
    .cols-2 .column-1{
        float: left;
        width: 100%;                    
    }
    
    .cols-2 .column-2{
        float: left;
        width: 100%;                      
    }  
    
    /* Blog Layout 3 */
    .cols-3>div{
        float: left;
        width: 100%;        
    }
    
    .cols-3 .column-1{
        float: left;
        width: 100%;            
    }
    
    .cols-3 .column-2{
        float: left;
        width: 100%;                    
    } 
    
    .cols-3 .column-3{
        float: left;
        width: 100%;           
    } 
    
    
    
}