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

@media only screen and (min-width: 1025px){

    .ma-header{
        float: left;
        width: 100%;
        height: 80px;
        z-index: 100;       
        box-shadow: 0px 10px #888888;
    }

    .ma-body{
        float: left;
        width: 100%;  
        /*background-image: url('../images/hintergrund-001.jpg');
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;*/
        background-color: white;
        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: 80px;        
    }
    
    .ma-header-02-scroll{
        float: left;
        width: 100%;
        top: 0px;
        left: 0px;
        height: 80px;
        position: fixed;        
        /*background-image: url('../images/acbw.png');*/
        background-position: 0% 50%;
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 100;
    }
    
    .ma-body-01{
        float: left;
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;        
    }
    
    .ma-body-02{
        float: left;
        width: 100%;              
    }
    
    .ma-body-inner{
        float: left;
        width: 100%;
        margin-left: 0%;
        margin-right: 0%; 
        background-color: #96cea7ab;
    }
    
    .ma-body-inner-component{
        float: left;
        /*margin-left: calc(50% - 460px);
        width: 920px;*/       
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        
    }
    
    .ma-template-textbereich{
        float: left;
        width: 60%;
        margin-left: 20%;
        margin-right: 20%;
        margin-top: 50px;
        font-size: 1.2em;
    }
    
    
    /* Blog Layout 2 */
    .cols-2>div{
        float: left;
        width: 50%;        
    }
    
    .cols-2 .column-1{
        float: left;
        width: calc(100% -20px);        
        margin-left: 10px;
        margin-right: 10px;            
    }
    
    .cols-2 .column-2{
        float: left;
        width: calc(100% -20px);        
        margin-left: 10px;
        margin-right: 10px;            
    }  
    
    /* Blog Layout 3 */
    .cols-3>div{
        float: left;
        width: 33%;        
    }
    
    .cols-3 .column-1{
        float: left;
        width: calc(100% -20px);        
        margin-left: 10px;
        margin-right: 10px;
            
    }
    
    .cols-3 .column-2{
        float: left;
        width: calc(100% -20px);        
        margin-left: 10px;
        margin-right: 10px;            
    } 
    
    .cols-3 .column-3{
        float: left;
        width: calc(100% -20px);        
        margin-left: 10px;
        margin-right: 10px;
            
    } 
    


}