/*
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;
    box-sizing: border-box;
    /*background-color: aqua;*/
}

.content_row {
    margin: 0 auto;
    max-width: 90%;
    width: 1280px;
}

.content_row.full_width {
    max-width: 100%;
    width: 100%;
}

.content_row_outer{
    margin-top: 0;
}
.content_row:first-child {

}
.content_row .content_container {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    box-sizing: border-box;

}
.content_row .content_container .content_element{

}
.content_row .content_container.w_100 {
    width: 100%;
}

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

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

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

.content_row .content_container:first-child:not(.w_100):not(.line){

}

.content_row .content_container.line
{
    border-bottom: 1px solid #9E9E9E;

    margin: 50px 0;
}

.content_row.bg-white {
    background-color: #fff;
}

.content_row.bg-yellow {
    background-color: #FECB00;
}


.content_row.bg_row {
    background-image: none!important;
}

.content_row_outer.bg_row {

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    backdrop-filter: blur(10px);

}

.content_row_outer.full_height {
    min-height: calc(100vh - var(--headerHeight));
}
.content_row_outer:first-child.full_height{
    min-height: calc(100vh - var(--innerHeaderHeight));
}
.content_row_outer.vertical-align-center {
    display: flex;
    align-items: center;
}

.content_row_outer.vertical-align-bottom {
    display: flex;
    align-items: end;
}

.content_row_outer.attachment-fixed {
    background-attachment: fixed;
}

.content_row.padding-inner {
    padding: 2rem;
}

.content_row.margin-top {
    margin-top: 4rem;
}

.content_row.margin-bottom {
    margin-bottom: 4rem;
}

.content_row_outer.bg_row_arrow {
    position: relative;
}
.content_row_outer:not(.bg_row_arrow) .bg_arrow {
    display: none;
}
.content_row_outer .bg_arrow {
    background-color: #ffffff;
    width: 100px;
    height: 50px;
    border-radius: 50px 50px 0 0 ;
    left:calc(50% - 50px);
    text-align: center;
    bottom:0;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
   font-size: 2rem;
}

.content_row_outer.bg_row.bg_cover{
    background-size: cover;
}

.content_row_outer.bg_row.bg_fixed {
    background-attachment: fixed;
}

.content_row_outer.bg_row.bg_left_top {
    background-position: left top;
}

.content_row_outer.bg_row.bg_right_top {
    background-position: left top;
}

.content_row_outer.bg_row.bg_center_top {
    background-position: center top;
}


.content_row_outer.bg_row.bg_left_bottom {
    background-position: left bottom;
}

.content_row_outer.bg_row.bg_right_bottom {
    background-position: left bottom;
}

.content_row_outer.bg_row.bg_center_bottom {
    background-position: center bottom;
}

.content_row[class*=' grid_']{

    box-sizing: border-box;
    display: flex;


}
.content_row_outer[class*=' grid_'] + .content_row_outer[class*=' grid_']{
    margin-top: 2rem;
}

.content_row[class*=' grid_'] .content_container{
    margin:  0 1rem;
}

.content_row[class*=' grid_'] .content_container:first-child{
    margin-left: 0;
}
.content_row[class*=' grid_'] .content_container:last-child{
    margin-right: 0;
}

.content_row[class*=' grid_'] .content_container .content_element{
    height: 100%;
    box-sizing: border-box;
}
/*
.content_row[class*=' grid_'] .content_container .editable,
.content_row[class*=' grid_'] .content_container .editable div,
.content_row[class*=' grid_'] .content_container .youtube_box .video_edit,
.content_row[class*=' grid_'] .content_container .youtube_box .video_edit div,
.content_row[class*=' grid_'] .content_container .google-maps .map_edit,
.content_row[class*=' grid_'] .content_container .google-maps .map_edit div,
.content_row[class*=' grid_'] .content_container .image-card .edit,
.content_row[class*=' grid_'] .content_container .image-card .edit div,
.content_row[class*=' grid_'] .content_container .youtube_click_wrapper div,
.content_row[class*=' grid_'] .content_container .content_element_placeholder
{
    height: auto;
}*/


.content_row[class*=' grid_'] .content_container img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.content_row[class*=' grid_'] .content_container .google-maps,
.content_row[class*=' grid_'] .content_container .google-maps-container,
.content_row[class*=' grid_'] .content_container .map{
    height: 100%;

}
.content_row[class*=' grid_'] .content_container .map{
    padding-bottom: 0;
}

@media  screen and (max-width: 768px){
    .content_row[class*=' grid_']{
        flex-direction:column;

    }
    .content_row[class*=' grid_'] .content_container.w_66,
    .content_row[class*=' grid_'] .content_container.w_25,
    .content_row[class*=' grid_'] .content_container.w_50,
    .content_row[class*=' grid_'] .content_container.w_33,
    .content_row[class*=' grid_'] .content_container:first-child:not(.w_100),
    .content_row[class*=' grid_'] .content_container:first-child:not(.w_100):not(.line),
    .content_row[class*=' grid_'] .content_container.w_50 + .content_container.w_50,
    .content_row[class*=' grid_'] .content_container.w_66 + .content_container.w_33,
    .content_row[class*=' grid_'] .content_container.w_33 + .content_container.w_66{
        margin: 0;
        margin-top: 1rem;
        width: 100%;
    }

    .content_row_outer[class*=' grid_'] + .content_row_outer[class*=' grid_']{
        margin-top: 0;
    }
    .content_row[class*=' grid_'] .content_container {
        margin-top: 1rem;
    }
}


.content_row.grid_center {
    justify-content:stretch;
    align-content: center;
}
.content_row.grid_left_bottom {
    justify-content: start;
    align-content: end;
}

.row:not(.prefab) {
    /*margin: 0 -15px;*/
    display: block;

}
a.row {
    color:initial;
}

.row.head {
    font-weight: bold;
}
.row.error{
    background: linear-gradient(to top, rgba(255,0,0,0.2),rgba(255,0,0,0.2));
}

.row.success{
    background: linear-gradient(to top, rgba(39,175,0,0.2),rgba(39,175,0,0.2));
}

.row.line{
    border-top: 1px solid #e5e5e5;
    padding-top: 1rem;
    margin-top: 1rem;
}

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

.row div[class^='col-'].no_pad, .row div[class*=' col-'].no_pad {
    padding: 0em;
}

.content_row_image_overlay {
    position: absolute;
    left:2rem;
    top:2rem;
    border:2px solid #fff;
    opacity: 0.2;
    width: 300px;
    height:168px;
    background-size: cover;
    background-attachment: unset;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: opacity 0.4s;
    background-color: #2d2d2d;
    background-blend-mode: luminosity;
}

.content_row_image_overlay:hover {
    opacity: 1;
}

.content_row.container_padding .content_container {
    padding: 0 3rem;
}


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





@media screen and (max-width:1380px){
    .row div.col-0 { display: inline-block ; }
    .row div.col-m-0 { display: none ; }
    .row div.col-m-0_5 { width: 4.1666%; }
    .row div.col-m-1 { width: 8.33333333%; }
    .row div.col-m-1_5 { width: 12.49995%; }
    .row div.col-m-2 { width: 16.66666667%; }
    .row div.col-m-2_5 { width: 20.8333%; }
    .row div.col-m-3 { width: 25%; }
    .row div.col-m-3_5 { width: 29.1667%; }
    .row div.col-m-4 { width: 33.33333333%; }
    .row div.col-m-4_5 { width: 37.5000%; }
    .row div.col-m-5 { width: 41.66666667%; }
    .row div.col-m-5_5 { width: 45.8333%; }
    .row div.col-m-6 { width: 50%; }
    .row div.col-m-6_5 { width: 54.1667%; }
    .row div.col-m-7 { width: 58.33333333%; }
    .row div.col-m-7_5 { width: 62.5000%; }
    .row div.col-m-8 { width: 66.66666667%; }
    .row div.col-m-8_5 { width: 70.8333%; }
    .row div.col-m-9 { width: 75%; }
    .row div.col-m-9_5 { width: 79.1667%; }
    .row div.col-m-10 { width: 83.33333333%; }
    .row div.col-m-10_5 { width: 87.5000%; }
    .row div.col-m-11 { width: 91.66666667%; }
    .row div.col-m-11_5 { width: 95.8333%; }
    .row div.col-m-12 { width: 100%; }
}
@media screen and (max-width:520px)
{
    .content_row .content_container.w_66,
    .content_row .content_container.w_25,
    .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%;
    }


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

    .content_row.padding-inner {
        padding: 1rem;
    }

    .content_row_outer .bg_arrow {
        display: none;
    }
    .content_row_outer .slogan article.text{
        display: block;
        margin-top: var(--content-row-height);
    }
    .content_row_outer.bg_row.slogan_row{
        background-size: 100% auto;
        background-position: top center;
    }
    .content_row.padding-inner.slogan_row{
        padding: 0;
    }
    .slogan_row .slogan article.text .h,
    .slogan_row .slogan article.text p:not(:empty){
        display: block;
        font-size:1.4rem;
        text-align: center;
    }
    .slogan_row  .slogan article.text .h {
        margin-bottom: 0;
    }



    .content_row.margin-top {
        margin-top: 2rem;
    }

    .content_row.margin-bottom {
        margin-bottom: 2rem;
    }
}