/*
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;
    position:relative;
	/*background-color: aqua;*/
}
.content_row.BG_1{
    background-color: #efe9e3;
}
.content_row:first-child {
    /*margin-top: 40px;*/
}
.content_row:first-child.no_top {
    margin-top: 0px;
}
/*---Row-Klassen---------------------------------------------------------------*/
.content_row.intent{
	width: 100%;
	box-sizing: border-box;
	max-width: 1000px;
	margin: 0 auto;
}
.content_row.small_intent{
	width: 100%;
	box-sizing: border-box;
	max-width: 1500px;
	margin: 0 auto;
}
.content_row.oversize{
	width: 100%;
	box-sizing: border-box;
	max-width: 1200px;
	margin: 0 auto;
}
.content_row.margin_top{
	margin-top: 40px;
}
.content_row.margin_bottom{
	margin-bottom: 40px;
}
.content_row.padding_top{
	padding-top: 40px;
}
.content_row.padding_bottom{
	padding-bottom: 40px;
}
.content_row.padding_left{
	padding-left: 40px;
}
.content_row.padding_right{
	padding-right: 40px;
}
.content_row.padding_extra_top{
	padding-top: 100px;
}
.content_row.padding_extra_bottom{
    padding-bottom: 100px!important;
}
.content_row.head_back_ball{
    padding-top: 100px;
    padding-bottom: 50px;
}
.content_row.head_back_ball:before{
    content: "";
    width: 120px;
    height: 120px;
    position: absolute;
    top: 0;
    right: 70px;
    /*background: rgb(239,233,227);*/
    /*background: linear-gradient(180deg, rgba(239,233,227,1) 0%, rgba(239,233,227,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);*/
    background-image: url(../../files/images/layout/jens.jpg);
    background-size: contain;
    background-position: center center;
    z-index: 1;
    border-radius: 50%;
}
.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:1080px){
    .margin_top{
        margin-top:5px !important;
    }
    .margin_bottom{
        margin-bottom:5px  !important;
    }
    .padding_bottom{
        padding-bottom:20px !important;
    }

}
@media screen and (max-width:650px){
    .content_row.head_back_ball:before{
        width: 100px;
        height: 100px;
        top: 0x;
        /*left: calc(50% - 70px);*/
    }
}
@media screen and (max-width:520px)
{
    .content_row.seperate_row{
        padding-bottom: 40px;
        border-bottom: 2px solid #476d9a;
        border-image: radial-gradient(#476d9a, #ffffff) 1;
    }

    .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!important;
        width: 100%;
    }

    .content_row {
        margin: 0;
    }
}