/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 31.08.2016, 10:21:44
    Author     : scharte
*/

.content_row {
    display: block;
	/*background-color: aqua;*/
}

.content_row:first-child {
    margin-top: 40px;
}
.content_row:first-child.no_top {
    margin-top: 0px;
}

.content_row .content_container {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    box-sizing: border-box;
	/*background-color: fuchsia;*/
}
.content_row .content_container .content_element{
    /*background-color: hotpink;*/
}
.content_row .content_container.w_100 {
    width: 100%;
}

.content_row .content_container.w_66 {
    width: 65.9166%;     /* 66.6666 - 0.75 */
}

.content_row .content_container.w_50{
    width: 49.25%;     /* 50 - 0.75 */
}

.content_row .content_container.w_33{
    width: 32.5833%; /* 33.3333 - 0.75 */
}

.content_row .content_container:first-child:not(.w_100):not(.line){
    margin-right: 0.75%;
}

.content_row .content_container.w_50 + .content_container.w_50,
.content_row .content_container.w_66 + .content_container.w_33,
.content_row .content_container.w_33 + .content_container.w_66
{
    margin-right: 0;
    margin-left: 0.75%;
}
.content_row .content_container.w_33 + .content_container.w_33
{
    margin-right: 0.375%;
    margin-left: 0.375%;
}
.content_row .content_container.w_33 + .content_container.w_33 + .content_container.w_33
{
    margin-right: 0;
    margin-left: 0.75%;
}
.content_row .content_container.line
{
    border-bottom: 1px solid #9E9E9E;

    margin: 50px 0;
}

.row {
    /*margin: 0 -15px;*/
}

.row div[class^='col-'], .row div[class*=' col-'] {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    /*padding: 0 15px;*/
}


.row .col-0 { display: none !important; }
.row .col-0_5 { width: 4.1666%; }
.row .col-1 { width: 8.33333333%; }
.row .col-1_5 { width: 12.49995%; }
.row .col-2 { width: 16.66666667%; }
.row .col-2_5 { width: 20.8333%; }
.row .col-3 { width: 25%; }
.row .col-3_5 { width: 29.1667%; }
.row .col-4 { width: 33.33333333%; }
.row .col-4_5 { width: 37.5000%; }
.row .col-5 { width: 41.66666667%; }
.row .col-5_5 { width: 45.8333%; }
.row .col-6 { width: 50%; }
.row .col-6_5 { width: 54.1667%; }
.row .col-7 { width: 58.33333333%; }
.row .col-7_5 { width: 62.5000%; }
.row .col-8 { width: 66.66666667%; }
.row .col-8_5 { width: 70.8333%; }
.row .col-9 { width: 75%; }
.row .col-9_5 { width: 79.1667%; }
.row .col-10 { width: 83.33333333%; }
.row .col-10_5 { width: 87.5000%; }
.row .col-11 { width: 91.66666667%; }
.row .col-11_5 { width: 95.8333%; }
.row .col-12 { width: 100%; }



@media screen and (max-width:520px)
{
    .content_row .content_container.w_66,
    .content_row .content_container.w_50,
    .content_row .content_container.w_33,
    .content_row .content_container:first-child:not(.w_100),
    .content_row .content_container:first-child:not(.w_100):not(.line),
    .content_row .content_container.w_50 + .content_container.w_50,
    .content_row .content_container.w_66 + .content_container.w_33,
    .content_row .content_container.w_33 + .content_container.w_66{
        margin: 0;
        width: 100%;
    }

    .content_row {
        margin: 0 1%;
    }

}