@media (min-width: 320px) and (max-width: 992px) {
    .page-lang-laeser {

        .main-container {

            .container {

                .pane-cover-a-land-laeser-main-content-content {
                    flex-direction: column;
                    -webkit-flex-direction: column;

                    .views-row {
                    }

                    .field-body {
                        margin: 0 0 15px;
                    }

                    .flex-sidebar {
                        padding: 0;
                    }

                    .flex-content {

                        .first-row-wrapper {

                            .views-row-1 {
                                width: auto;
                                overflow: hidden;

                                .mkbh-flowplayer {
                                    height: auto;
                                }

                                .field-article-main-image {
                                    float: none;
                                    width: 100%;
                                }
                            }

                            .views-row-2 {
                                width: auto;
                            }
                        }

                        .second-row-wrapper {

                            .col-md-4 {
                                width: 100%;

                                .views-row {
                                    float: none;
                                    height: auto;

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

                            .col-8 {
                                width: initial;
                                padding: 0 10px;

                                .views-row {
                                    width: 100%;
                                    margin: 0 0 10px;
                                }
                            }
                        }
                    }
                }

                .pane-mkbh-view-group {

                    .pane-content {

                        .flex-grid {
                            flex-direction: column;
                            -webkit-flex-direction: column;
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 320px) and (max-width: 599px) {
    .page-lang-laeser {
        .main-container {
            .container {
                .pane-cover-a-land-laeser-main-content-content {
                    .flex-sidebar {
                        .pane-title {
                            margin: 0;
                        }
                    }

                    .flex-content {
                        .view-content {
                            .row {
                                .views-row {
                                    padding: 0 10px 10px;

                                    .field-article-main-image {
                                        margin: 0 -10px !important;
                                        width: initial;
                                    }
                                }
                            }

                            .first-row-wrapper {
                                .views-row-1 {
                                    margin: 0 10px 10px;
                                }

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

@media (min-width: 600px) and (max-width: 992px) {
    .page-lang-laeser {

        .main-container {

            .container {

                .pane-cover-a-land-laeser-main-content-content {
                    .flex-sidebar {
                        .pane-title {
                            margin: 0;
                        }
                    }

                    .flex-content {

                        .first-row-wrapper {
                            margin: 0 -10px 0;

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

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

                        .second-row-wrapper {

                            .col-md-4 {
                                width: 100%;

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

                                    .node-title-compound {
                                        width: 49%;
                                    }

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

                            .col-8 {
                                display: flex;
                                display: -webkit-flex;
                                flex-wrap: wrap;
                                -webkit-flex-wrap: wrap;
                                margin: 0 -1%;

                                .views-row {
                                    width: 48%;
                                    margin: 0 1% 10px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .page-lang-laeser {

        .main-container {

            .container {

                .pane-cover-a-land-laeser-main-content-content {
                    flex-direction: column;
                    -webkit-flex-direction: column;

                    .flex-sidebar {
                        .pane-title {
                            margin: 0;
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 993px) {
    .page-lang-laeser {
        .main-container {
            .container {
                .pane-cover-a-land-laeser-main-content-content {
                    .views-row {
                        &.views-row-1 {
                            .field-underrubrik {
                                max-height: initial;
                            }
                        }
                    }

                    .flex-sidebar {
                        padding: 0;
                    }

                    .flex-content {
                        .first-row-wrapper {
                            .views-row-1 {
                                position: relative;

                                &:after {
                                    display: block;
                                    position: absolute;
                                    content: '';
                                    top: 0;
                                    bottom: 0;
                                    right: -10px;
                                    width: 1px;
                                    background-color: @border-right;
                                }

                                .mkbh-flowplayer {
                                    height: 440px;
                                }
                            }

                            .views-row-2 {
                                width: 22.9%;

                                .field-body {
                                    height: 90px;
                                }
                            }
                        }

                        .second-row-wrapper {
                            .col-md-4 {
                                &:after {
                                    display: block;
                                    position: absolute;
                                    content: '';
                                    top: 0;
                                    bottom: 10px;
                                    right: 0;
                                    width: 1px;
                                    background-color: @border-right;
                                }
                            }

                            .col-8 {
                                position: relative;

                                &:before {
                                    display: block;
                                    position: absolute;
                                    content: '';
                                    top: 0;
                                    bottom: 10px;
                                    left: 49.6%;
                                    width: 1px;
                                    background-color: @border-right;
                                }

                                .views-row {
                                    width: 45.8%;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 1200px) {
    .page-lang-laeser {
        .main-container {
            .page-content {
                .panel-pane {
                    .flex-sidebar {
                        padding: 0 10px 0 0;
                    }
                }
            }
        }
    }
}