/* .1 common devices */

.section{
    position:relative;
    margin-top:0.625rem;
}
.main_box{
    max-width:1275px;
    max-width:79.65em;
    margin-left:auto;
    margin-right:auto;
    padding:0.625rem;
}

/* .2 common Grid 12col */
@media screen and (min-width:1275px){
.col{
    float:left;
    padding:0.625rem;
}

.noinside{
    padding:0;
}

.col_1{
    width:8.33333%
}
.col_2{
    width:16.66667%;
}
.col_3{
    width:25%;
}
.col_4{
    width:33.3333%;
}
.col_5{
    width:41.66665%;
}
.col_6{
    width:50%;
}
.col_7{
    width:58.3333%;
}
.col_8{
    width:66.6666%;
}
.col_9{
    width:75%;
}
.col_10{
    width:83.3333%;
}
.col_11{
    width:91.6666%;
}
.col_12{
    width:100%;
}
}

/* .3 different devices Grid 12col */
/* .3.1 tablet grid 12col 43.5125_79.65*/
@media screen and (min-width:696px) and (max-width:1275px){
    .main_box{
        max-width:1275em;
        max-width:79.65em;
        padding:1.625rem;
        margin:0;
        float:none;
    }
    .tablet_col1{
        width:8.3333%;
    }
    .tablet_col2{
        width:16.66667%;
    }
    .tablet_col3{
        width:25%;
    }
    .tablet_col4{
        width:33.3333%;
    }
    .tablet_col5{
        width:41.6666%;
    }
    .tablet_col6{
        width:50%;
    }
    .tablet_col7{
        width:58.3333%;
    }
    .tablet_col8{
        width:66.6666%;
    }
    .tablet_col9{
        width:75%;
    }
    .tablet_col10{
        width:83.3333%;
    }
    .tablet_col11{
        width:91.6666%;
    }
    .tablet_col12{
        width:100%;
    }
}
/* .3.2 tablet grid 12col 30.24_43.5125 */
@media screen and (min-width:484px) and (max-width:696px){
    .main_box{
        width:100%;
        padding:0.625rem;
        margin:0;
        float:none;
    }
    .tablet_125{
        width:12.5%;
    }
    .tablet_25{
        width:25%;
    }
    .tablet_375{
        width:37.5%;
    }
    .tablet_50{
        width:50%;
    }
    .tablet_625{
        width:62.5%;
    }
    .tablet_75{
        width:75%;
    }
    .tablet_875{
        width:87.5%;
    }
    .tablet_100{
        width:100%;
    }
}
/* .3.3 tablet grid 12col 30.24 */
@media screen and (max-width:484px){
    .main_box{
        width:100%;
        padding:0;
        margin:0;
        float:none;
    }
    .mobile_125{
        width:12.5%;
    }
    .mobile_25{
        width:25%;
    }
    .mobile_375{
        width:37.5%;
    }
    .mobile_50{
        width:50%;
    }
    .mobile_625{
        width:62.5%;
    }
    .mobile_75{
        width:75%;
    }
    .mobile_875{
        width:87.5%;
    }
    .mobile_100{
        width:100%;
    }
}

/* 
stylesheet: template grid12 main
author: sandra caspar
office: atelier caspar berlin
date: july 2021
*/

/*
    1   common devices
    16  common Grid 12col
    65  different devices Grid 12col
        66  tablet grid 12col 43.5125_79.65
        124 tablet grid 12col 30.24_43.5125
        145 tablet grid 12col 30.24
*/