/*
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.w_77{
    width: 67.4167%; /* 33.3333 - 0.75 */
}

.content_row .content_container.w_25{
    width: 20%; /* 33.3333 - 0.75 */
    margin-left: 2.5%!important;
    margin-right: 2.5%!important;
}

.content_row .content_container.w_25:first-child {
    margin-left: 0;
    margin-right: 5%;
}

.content_row .content_container.w_25 + .content_container.w_25 {
    margin-left: 1.6666%;
    margin-right: 3.3333%;
}
.content_row .content_container.w_25 + .content_container.w_25 +.content_container.w_25 {
    margin-right: 1.6666%;
    margin-left: 3.3333%;
}
.content_row .content_container.w_25 + .content_container.w_25 +.content_container.w_25 +.content_container.w_25{
    margin-right: 0;
    margin-left: 5%;
}

.content_row .content_container:first-child:not(.w_100):not(.line):not(.w_25):not(.w_33){
    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;
}


@media screen and (max-width:768px)
{
    .content_row .content_container.w_66,
    .content_row .content_container.w_50,
    .content_row .content_container.w_33,
    .content_row .content_container.w_25,
    .content_row .content_container:first-child:not(.w_100),
    .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%;
    }

}