.page-lang-laeser {

    .flex-grid {
        .flexgrid;
    }

    .main-container {

        .content-system {
            display: none;
        }

        .container {

            .pane-cover-a-land-laeser-main-content-content {
                .flex-content {

                    .pane-content {
                        margin: 0;
                    }
                }

                .mkbh-flowplayer {
                    min-height: 162px;
                    @media (min-width: 992px) {
                        min-height: 183px;
                    }
                }

                .item-list {

                    .pager {
                        text-align: left;
                    }
                }

                .views-row {
                    position: relative;
                    background-color: @light-grey;
                    padding: 0 10px 1000px;
                    margin: 0 10px -1000px;
                    border-top: 1px solid #c1041f;

                    &:hover {
                        &:before {
                            opacity: 0.3;
                        }
                    }

                    &:before {
                        position: absolute;
                        display: block;
                        content: '';
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        background-color: black;
                        z-index: 0;
                        opacity: 0;
                        transition: 0.3s;
                        -webkit-transition: 0.3s;
                    }

                    &.views-row-custom-background-color.views-row-background-color--dark_red,
                    &.custom-background-applied {
                        &:after {
                            //background-color: #cd5257;
                        }
                    }
                }

                .field-article-main-image {
                    margin: 0 10px 0 -10px;

                    img {
                        width: 100%;
                    }
                }

                .field-article-city-district {
                    font-family: 'Montserrat';
                    font-size: 10px;
                    font-weight: 100;
                    text-transform: uppercase;
                    padding: 9px 0 0;
                    letter-spacing: 1px;

                    &:before {
                        font-family: "mkbh-icons", sans-serif !important;
                        font-size: 8px;
                        content: 'b';
                        color: #c1041f;
                        text-transform: none !important;
                    }
                }

                .views-field-title {
                    font-family: 'Montserrat';
                    z-index: 1;
                    display: inline;
                    padding: 0;

                    &, a {
                        color: #1a1a1a;
                    }
                }

                .field-underrubrik {
                    font: 16px 'Caecilia LT Std';
                    overflow: hidden;
                    padding: 15px 0 10px;
                    min-height: 80px;
                    color: #808080;
                    line-height: 22px;
                }

                .field-article-sub-headline {
                    font-family: 'Montserrat';
                    display: inline;
                    padding: 0;
                    color: #c1041f;

                    + span {
                        color: #9f9f9f;
                    }
                }

                .field-body {
                    font-family: 'Caecilia LT Std';
                    font-size: 16px;
                    padding: 25px 15px 0;
                    height: 132px;
                    overflow: hidden;
                    color: grey;
                }

                .node-title-compound {
                    padding-bottom: 20px;
                    //max-height: 114px;
                    //overflow: hidden;
                }

                .flex-content {

                    .row {
                        overflow: hidden;
                        margin: 0 -10px 10px;
                    }

                    .first-row-wrapper {

                        .views-row-1 {
                            width: 72.9%;

                            .mkbh-flowplayer {
                                height: 490px;
                            }

                            .field-article-main-image {
                                width: 67%;
                                float: right;
                                margin: 0 -10px 0 10px;
                            }
                        }

                        .views-row-2 {
                            width: 22.9%;
                            padding: 0 10px 1000px;

                            .field-article-main-image {
                                margin: 0 -10px;
                            }

                            .mkbh-flowplayer {
                                min-height: 132px;
                            }

                            .field-underrubrik {
                                display: none;
                            }
                        }
                    }

                    .second-row-wrapper {

                        &.row {
                            margin: 0 -10px;
                        }

                        .field-underrubrik {
                            display: none;
                        }

                        .grouped-row {
                            padding: 0 13px 0 10px;

                            .views-row-wrapper {
                                padding: 0;

                                .field-underrubrik {
                                    display: none !important;
                                }

                                &:not(.wide-region) {
                                    .field-article-main-image {
                                        display: none;
                                    }
                                }

                                &.wide-region {
                                    .views-row > div {
                                        display: block;
                                        float: left;
                                        width: 50%;
                                    }
                                }

                                &:nth-child(1), &:nth-child(2) {
                                    //border-right: 1px solid #b3b3b3;
                                    @media (min-width: 992px) {
                                        min-height: 183px;

                                        &:after {
                                            position: absolute;
                                            content: '';
                                            display: block;
                                            width: 1px;
                                            height: 500px;
                                            top: 0;
                                            right: 0;
                                            background: #b3b3b3;
                                            visibility: visible;
                                        }
                                    }
                                }

                                &:nth-child(3) {
                                    border-right: 0;
                                }
                            }

                            @media screen and(max-width: 992px) {
                                padding: 0 12px;

                                &.layout-n-n-w {
                                    .views-row-wrapper:nth-child(1) {
                                        margin: 0 1% 10px;
                                        overflow: hidden;
                                        width: 48%;
                                        float: left;
                                        padding-right: 3px;
                                        border-right: 0;

                                        .views-row {
                                            padding: 0 10px 10px;
                                            margin: 0;
                                            height: 162px;
                                        }
                                    }

                                    .views-row-wrapper:nth-child(2) {
                                        margin: 0 0 10px;
                                        overflow: hidden;
                                        width: 49%;
                                        float: left;
                                        border-right: 0;

                                        .views-row {
                                            padding: 0 10px 10px;
                                            margin: 0;
                                            height: 162px;
                                        }
                                    }

                                    .views-row-wrapper:nth-child(3) {
                                        width: 100%;
                                        clear: both;
                                    }
                                }

                                &.layout-n-w-n {
                                    .views-row-wrapper:nth-child(1) {
                                        margin: 0 0 10px;
                                        overflow: hidden;
                                        width: 100%;
                                        float: none;
                                        border-right: 0;
                                        padding: 0 10px;

                                        .views-row {
                                            padding: 0 10px 10px;
                                            margin: 0;
                                            height: 162px;
                                        }
                                    }

                                    .views-row-wrapper:nth-child(2) {
                                        margin: 0 0 10px;
                                        overflow: hidden;
                                        width: 100%;
                                        float: none;
                                        border-right: 0;
                                        padding: 0 10px;

                                        .views-row {
                                            padding: 0 10px 1000px;
                                            margin: 0 0 -1000px;
                                        }
                                    }

                                    .views-row-wrapper:nth-child(3) {
                                        margin: 0;
                                        overflow: hidden;
                                        width: 100%;
                                        float: none;
                                        border-right: 0;
                                        padding: 0 10px;

                                        .views-row {
                                            padding: 0 10px 10px;
                                            margin: 0;
                                            min-height: 162px;
                                        }
                                    }
                                }

                                &.layout-w-n-n {
                                    .views-row-wrapper:nth-child(1) {
                                        border-right: 0;
                                        width: 100%;
                                        clear: both;
                                        overflow: hidden;
                                        margin-bottom: 10px;
                                    }

                                    .views-row-wrapper:nth-child(2) {
                                        margin: 0 1% 0;
                                        overflow: hidden;
                                        width: 48%;
                                        float: left;
                                        padding-right: 3px;
                                        border-right: 0;

                                        .views-row {
                                            padding: 0 10px 10px;
                                            margin: 0;
                                            height: 162px;
                                        }
                                    }

                                    .views-row-wrapper:nth-child(3) {
                                        margin: 0;
                                        overflow: hidden;
                                        width: 49%;
                                        float: left;
                                        border-right: 0;

                                        .views-row {
                                            padding: 0 10px 10px;
                                            margin: 0;
                                            height: 162px;
                                        }
                                    }
                                }
                            }

                            @media screen and(max-width: 599px) {
                                padding: 0 13px;

                                &.layout-n-n-w {
                                    .views-row-wrapper:nth-child(1) {
                                        width: 100%;
                                        float: none;
                                        margin: 0 0 10px;
                                        padding: 0 7px;
                                    }

                                    .views-row-wrapper:nth-child(2) {
                                        width: 100%;
                                        float: none;
                                        margin: 0 0 10px;
                                        padding: 0 7px;
                                    }

                                    .views-row-wrapper:nth-child(3) {
                                        width: 100%;
                                        float: none;
                                        margin: 0 0 10px;
                                        padding: 0 7px;

                                        .views-row {
                                            padding: 0 0 1010px;
                                            margin: 0 0 -1000px;

                                            .field-article-main-image {
                                                margin: 0 !important;
                                            }

                                            & > div {
                                                float: none;
                                                width: 100%;
                                            }

                                            .field-article-city-district,
                                            .node-title-compound {
                                                padding-left: 13px;
                                                padding-right: 13px;
                                            }
                                        }
                                    }
                                }

                                &.layout-n-w-n {
                                    .views-row-wrapper:nth-child(1) {
                                        width: 100%;
                                        float: none;
                                        margin: 0 0 10px;
                                        padding: 0 7px;
                                    }

                                    .views-row-wrapper:nth-child(2) {
                                        width: 100%;
                                        float: none;
                                        margin: 0 0 10px;
                                        padding: 0 7px;

                                        .views-row {
                                            padding: 0 0 1010px;
                                            margin: 0 0 -1000px;

                                            .field-article-main-image {
                                                margin: 0 !important;
                                            }

                                            & > div {
                                                float: none;
                                                width: 100%;
                                            }

                                            .field-article-city-district,
                                            .node-title-compound {
                                                padding-left: 13px;
                                                padding-right: 13px;
                                            }
                                        }
                                    }

                                    .views-row-wrapper:nth-child(3) {
                                        width: 100%;
                                        float: none;
                                        margin: 0 0 0;
                                        padding: 0 7px;
                                    }
                                }

                                &.layout-w-n-n {
                                    .views-row-wrapper:nth-child(1) {
                                        width: 100%;
                                        float: none;
                                        margin: 0 0 10px;
                                        padding: 0 7px;

                                        .views-row {
                                            padding: 0 0 1010px;
                                            margin: 0 0 -1000px;

                                            .field-article-main-image {
                                                margin: 0 !important;
                                            }

                                            & > div {
                                                float: none;
                                                width: 100%;
                                            }

                                            .field-article-city-district,
                                            .node-title-compound {
                                                padding-left: 13px;
                                                padding-right: 13px;
                                            }
                                        }
                                    }

                                    .views-row-wrapper:nth-child(2) {
                                        width: 100%;
                                        float: none;
                                        margin: 0 0 10px;
                                        padding: 0 7px;
                                    }

                                    .views-row-wrapper:nth-child(3) {
                                        width: 100%;
                                        float: none;
                                        margin: 0 0 0;
                                        padding: 0 7px;
                                    }
                                }
                            }
                        }
                    }
                }

                .text-center {

                    .pager-ellipsis {
                        display: none;
                    }
                }

                .pagination {
                    .prev {
                        display: none;
                    }
                }
            }

            .pane-mkbh-view-group {

                .pane-content {

                    .flex-grid {

                        .flex-column {
                            background-color: #f5dddd;
                            border-top: 1px solid #c1041f;

                            .view .view-content .views-row .views-field-title {
                                color: #f15a24;
                            }

                            .view-content {

                                .views-row {

                                    &:last-child {

                                        .views-field-title {
                                            border-bottom: 0;
                                        }
                                    }

                                    .views-row-content {
                                        border-bottom: 1px solid #f4a992;
                                        min-height: 45px;
                                    }

                                    .views-field-counter {
                                        color: #e6a9ab;
                                    }

                                    .views-field-title {
                                        border-bottom: 1px solid #e9b1b3;

                                        .field-content {
                                            display: inline;
                                            color: #1a1a1a;

                                            a {
                                                color: #1a1a1a;
                                            }
                                        }
                                    }

                                    .views-field-fb-comments {
                                        position: absolute;
                                        color: #e6a9ab;
                                    }
                                }
                            }
                        }

                        .flex-column:nth-child(2) {

                            .view {
                                .view-content {

                                    .views-row {
                                        position: relative;

                                        .views-field-nothing {
                                            position: absolute;
                                            color: #98d3c7;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}