@import "../images/sprites/build/sprites";
@import "partials/partials";
@import "../../bootstrap/variables";

// region Global Styles
html, body {
    height: 100%;
    padding: 0;
    margin: 0;
}

body {
    font-family: 'Caecilia LT Std', serif;
    /*font-size: 14px;*/
    word-wrap: break-word;
    color: #1a1a1a;

    &.stripe-modal-open {
        overflow: visible !important;
    }

    &.modal-open {
        overflow: hidden !important;
    }
}

body.mobile .disable-hover,
body.mobile .disable-hover * {
    pointer-events: none !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Caecilia LT Std', serif;
    color: #1a1a1a;
    margin-top: 15px;
    margin-bottom: 25px;
}

h4, h5, h6 {
    font-size: 18px;
}

a {
    color: #c1041f;
    text-decoration: none;

    &:hover, &:focus {
        outline: none;
        color: #c1041f;
        text-decoration: underline;
    }
}

strong {
    color: #121212;
}

dl {
    dt, dd {
        font-family: 'Caecilia LT Std', serif;
        font-size: 14px;
        font-weight: normal;
    }

    dt {
        font-size: 16px;
    }
}

blockquote {
    border: none;
    position: relative;
    padding-left: 50px;
    font-style: italic;

    &:before {
        .mkbh-icon('g', 36px, #c1041f);
        position: absolute;
        top: 5px;
        left: 0;
    }
}

p {
    margin: 10px 0 25px 0;
}

.text-primary {
    color: #c1041f;
}

ul:not(.contextual-links, .krumo-node) {
    font-size: 16px;
    list-style: outside url("../images/sprites/src/icon_arrow_right_o.png");
    padding-left: 0px;
    margin-bottom: 0px;

    li {

        ul {
            margin: 0;
        }
    }
}

ol:not(.contextual-links):not(.krumo-node) {
    font-size: 16px;
    list-style: outside url("../images/sprites/src/icon_arrow_right_o.png");
    padding-left: 0px;
    margin-bottom: 0px;

    li {
        line-height: 26px;

        ol {
            margin: 0;
        }
    }
}

img {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    height: auto !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);

    .ff &.image-full-width-in-parent {
        width: 100% !important;
    }
}

table {
    width: 100% !important;
    border: none;
    font-size: 14px;
    margin-bottom: 15px;

    th {
        padding: 5px 10px;
        border: none;
        background-color: #cd5257;
        border-right: thin dashed white;

        &:last-of-type {
            border-right: thin solid #c1041f;
        }

        font-weight: normal;
        font-size: 16px;
        color: white;
    }

    tbody th {
        border-top: thin dashed white;
        border-right: 0 !important;

        & + td {
            border-left: 0;
        }
    }

    tbody tr:last-of-type th {
        border-bottom: thin solid #c1041f;

        & + td {
            border-left: 0;
        }
    }

    tr {
        border-bottom: 0;
    }

    td {
        padding: 5px 10px;
        //border-color: #c1041f!important;
    }

    @media screen and (max-width: 640px) {
        th {
            border-top: thin solid #c1041f !important;
        }

        tr {
            &:not(:first-child) {
                display: block !important;
                margin-top: 10px;
            }

            td {
                border-top: 0;
                border-right: 1px solid #c1041f !important;
                border-left: 1px solid #c1041f !important;

                &:last-child {
                    border-bottom: thin solid #c1041f !important;
                }
            }
        }
    }
}

.item-list {
    @media (min-width: 1200px) {
        /*padding: 0 10px;*/
    }

    .pager {
        margin: 0 0 10px;

        li {
            a {
                border: none;
                background-color: transparent;
                font-size: 14px;
                font-family: 'Montserrat';
                letter-spacing: 1px;
                position: relative;
                padding: 5px 14px 5px 17px;

                &:before {
                    .pseudo;
                    content: '\f0a9';
                    top: 5px;
                    left: 0;
                }
            }
        }
    }
}

.ajax-progress {
    margin: 0 5px;
}

.modal[role="dialog"] {
    .modal-content {
        border-radius: 0;
        .box-shadow(0 0 10px rgba(0, 0, 0, 0.5));
    }

    .modal-dialog[role="document"] {
        transition: margin-top 150ms linear;
    }

    &.mkbh-stripe-thank-you {
        width: 420px;
        margin-left: -210px;
        left: 50%;
        overflow: hidden;

        &.mkbh-stripe-business-info {
            width: 620px;
            margin-left: -310px;
            overflow: auto;

            @media screen and (max-width: @screen-xs-max) {
                width: 90vw;
                margin: 0 auto;
                left: 0;
            }
        }

        .modal-dialog {
            margin: 0;
            width: 100%;

            .modal-content {
                padding: 20px;

                .modal-body {
                    padding: 20px;
                    background-color: #f5dddd;

                    .close {
                        position: absolute;
                        top: 0;
                        right: 0;
                        opacity: 1;
                        font-weight: normal;
                        font-size: 44px;
                        line-height: 22px;
                        color: white;
                        outline: none;
                        border: none;
                        padding: 0;
                        width: 38px;
                        height: 36px;
                        background-color: #c1041f;
                        z-index: 1;
                    }

                    h3 {
                        margin-top: 20px;
                        margin-bottom: 10px;
                        text-align: left;
                        font-family: 'Montserrat', sans-serif;
                        font-weight: bold;
                        font-size: 26px;
                        line-height: 24px;
                        letter-spacing: 0.0em;
                        color: #333;
                    }

                    p {
                        font-size: 17px;
                        text-align: left;
                        line-height: 22px;
                        color: #333;
                        margin-bottom: 22px;

                        &:last-child {
                            margin-bottom: 0;
                        }
                    }

                    @media screen and (max-width: @screen-xs-max) {
                        h3 {
                            margin-bottom: 15px;
                            font-size: 19px;
                        }

                        p {
                            display: none;
                        }
                    }
                }
            }
        }
    }
}

.page-stripe-pages .content-system {
    h1.page-header {
        display: none;
    }

    max-width: 400px;
    margin: 0 auto;
}

.inline-modal.mkbh-stripe-thank-you {
    .inline-modal-body {
        position: relative;
        padding: 20px;
        background-color: #f5dddd;
        max-width: 400px;
        margin: 0 auto;

        .close {
            position: absolute;
            top: 0;
            right: 0;
            opacity: 1;
            font-weight: normal;
            font-size: 36px;
            line-height: 30px;
            text-align: center;
            color: white;
            outline: none;
            border: none;
            padding: 0;
            width: 38px;
            height: 36px;
            background-color: #c1041f;
            z-index: 1;
        }

        h3 {
            margin-top: 20px;
            margin-bottom: 10px;
            text-align: left;
            font-family: 'Montserrat', sans-serif;
            font-weight: bold;
            font-size: 26px;
            line-height: 24px;
            letter-spacing: 0.0em;
            color: #333;
        }

        p {
            font-size: 17px;
            text-align: left;
            line-height: 22px;
            color: #333;
            margin-bottom: 22px;

            &:last-child {
                margin-bottom: 0;
            }
        }

        .cta {
            text-align: center;

            .btn {
                background-color: #B11D27;
                color: #ffffff;

                min-width: 235px !important;
                border-radius: 10px;
                padding: 10px 16px;

                margin: 0 auto;

                font-family: 'Montserrat', sans-serif;
                font-weight: 400;
                font-size: 16px;
                line-height: 18px;
                letter-spacing: 0.03em;
            }
        }
    }
}

.modal-backdrop {
    transform: translate3d(0px, 0px, 0px);
}

#modalContent {
    .transition(top 175ms cubic-bezier(0.250, 0.100, 0.250, 1.000));

    &.nyhedsbrev-js {
        .transition(all 175ms cubic-bezier(0.250, 0.100, 0.250, 1.000));
        z-index: 1001;
        display: block;
        padding: 15px;
        right: -500px !important;
        bottom: 0 !important;
        will-change: right;
        transition: right 175ms ease-in;

        .ctools-modal-dialog {
            width: 100% !important;
            height: 100% !important;
            margin: 0;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: flex-end;
            align-items: flex-end;
            -webkit-justify-content: flex-end;
            justify-content: flex-end;

            .modal-content {
                width: 340px;
                height: auto;
                max-height: none !important;
            }
        }

        &.open {
            right: 0 !important;
            bottom: 0 !important;
        }

        @media screen and (max-width: 380px) {
            &.open {
                width: 100% !important;
                height: 100% !important;
                top: 0 !important;
                right: 0 !important;
                bottom: 0 !important;
                left: 0 !important;

                .ctools-modal-dialog {
                    .modal-content {
                        width: 100%;
                        height: auto;

                        .alert {
                            display: none;
                        }

                        .form-item-first-name, .form-item-last-name {
                            width: 100% !important;
                        }

                        .form-item-gender {
                            .form-radios {
                                display: flex;

                                .form-type-radio {
                                    flex: 0 0 auto;
                                    margin: 0;
                                    padding-right: 15px;

                                    &:last-child {
                                        padding-right: 0;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }

        @media screen and (max-height: 650px) {
            &.open {
                .ctools-modal-dialog {
                    .modal-content {
                        .nyhedsbrev-modal-description p {
                            margin-bottom: 10px !important;
                        }

                        .form-type-textfield .form-control,
                        .form-type-radio label {
                            font-size: 15px !important;
                        }

                        .names-container {
                            display: flex;

                            .form-item-first-name, .form-item-last-name {
                                flex: 1;
                                margin-bottom: 0;
                            }

                            .form-item-first-name {
                                padding-right: 7px;
                            }

                            .form-item-last-name {
                                padding-left: 7px;
                            }
                        }
                    }
                }
            }
        }

        @media screen and (max-height: 580px) {
            &.open {
                .ctools-modal-dialog {
                    .modal-content {
                        .form-item-gender {
                            .form-radios {
                                display: flex;

                                .form-type-radio {
                                    flex: 0 0 auto;
                                    margin: 0;
                                    padding-right: 15px;

                                    &:last-child {
                                        padding-right: 0;
                                    }
                                }
                            }
                        }

                        .nyhedsbrev-modal-description p {
                            font-size: 14px !important;
                            line-height: 16px !important;
                        }

                        .nyhedsbrev-modal-helper {
                            margin: 5px 0;
                            font-size: 14px;

                            span {
                                top: -3px;
                                font-size: 30px;
                                left: -15px;
                            }
                        }
                    }
                }
            }
        }

        @media screen and (max-height: 565px) {
            &.open {
                .ctools-modal-dialog {
                    .modal-content {
                        .alert {
                            display: none;
                        }

                        .form-control {
                            padding: 5px 7px !important;
                            height: 35px !important;
                        }

                        .form-item-email:after {
                            top: -4px !important;
                        }
                    }
                }
            }
        }

        @media screen and (max-height: 485px) {
            &.open {
                .ctools-modal-dialog {
                    .modal-content {
                        .nyhedsbrev-modal-description {
                            margin-bottom: 15px !important;
                        }

                        .nyhedsbrev-modal-helper {
                            display: none !important;
                        }
                    }
                }
            }
        }

        @media screen and (max-height: 445px) {
            &.open {
                .ctools-modal-dialog {
                    .modal-content {
                        .nyhedsbrev-modal-description {
                            margin-bottom: 15px !important;
                        }

                        .nyhedsbrev-modal-description p:last-child {
                            display: none;
                        }

                        .nyhedsbrev-modal-helper {
                            display: none !important;
                        }
                    }
                }
            }
        }

        @media screen and (max-height: 385px) {
            &.open {
                .ctools-modal-dialog {
                    .modal-content {
                        .nyhedsbrev-modal-description p {
                            display: none;
                        }
                    }
                }
            }
        }

        /* iPhone 2G-4S */
        @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
            &.open {
                .ctools-modal-dialog {
                    .modal-content {
                        .nyhedsbrev-modal-description p {
                            display: block !important;
                        }
                    }
                }
            }
        }

        /* iPhone 2G-4S Landscape */
        @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
            &.open {
                padding: 5px !important;

                .ctools-modal-dialog {
                    .modal-content {
                        .nyhedsbrev-modal-description p {
                            display: none !important;
                        }

                        .nyhedsbrev-modal-image {
                            margin-top: -10px;
                            margin-bottom: 10px;
                        }
                    }
                }
            }
        }
    }
}

.breadcrumb {
    border-radius: 0;
}

.panel-page-node-view-basic-page {
    h1.page-header {
        border-bottom: none;
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        font-size: 34px;
        text-transform: uppercase;
        color: #c1041f;
        padding-left: 200px;
        padding-bottom: 0;
        margin: 40px 0 0;

        @media screen and (max-width: @screen-md-max) {
            padding-left: 0;
        }
    }

    ul.action-links {
        display: none;
    }
}

.mkbh-monster-ad {
    background-color: #fafafa;

    & > .dfp-tag-wrapper {
        padding-bottom: 15px;
        width: 1200px;
        margin: 0 auto;

        .dfp-tag-wrapper {
            border: 1px solid #b3b3b3;
            border-top: 0;
            padding: 15px;

            & > div {
                margin: 0 auto;
                display: block !important;
            }
        }
    }

    @media screen and (max-width: 1200px) {
        display: none;
    }
}

// endregion

// region Flex Layouts
.flex-grid {
    position: relative;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;

    .flex-column {
        position: relative;
        flex: 1;
        -webkit-flex: 1;
    }
}

.flex-grid-sidebar {
    display: flex;
    display: -webkit-flex;

    .flex-sidebar {
        flex: 0 0 200px;
        -webkit-flex: 0 0 200px;
        padding-right: 10px;
    }

    .flex-content {
        flex: 1;
        -webkit-flex: 1;
    }

    @media screen and (max-width: @screen-md-max) {
        display: block;
    }
}

// endregion

// region Alerts & Errors
.alert {
    position: relative;
    border-radius: 0;
    border: none;
    margin-top: 1em;
    margin-bottom: 1em;

    .close {
        position: absolute;
        top: 5px;
        right: 10px;
    }

    &.alert-success {
        border-left: 3px solid #3c763d;
    }

    &.alert-warning {
        border-left: 3px solid #fa9700;
    }

    &.alert-danger {
        border-left: 3px solid #c1041f;
    }
}

div.error, table tr.error {
    color: #c1041f;
    background-color: transparent;
}

// endregion

// region Primary & Secondary Tabs
.tabs--wrapper {
    background-color: #d8d8d8;

    ul.tabs--primary.nav-tabs {
        background-color: #d8d8d8;
        margin-bottom: 0;
        margin-right: -40px;
        margin-left: -40px;
        border: 0;

        & > li {
            margin-bottom: 0px;
            border: 0;

            & > a {
                border: 0;
                border-radius: 0;
                margin-right: 0;
                color: #c1041f;

                &:hover {
                    border: 0;
                    background-color: #ccc;
                }
            }

            &.active > a, &:active > a:hover {
                color: #c1041f;
                cursor: pointer;
                border: 0;
                background-color: #ccc;
            }
        }
    }

    ul.tabs--secondary.pagination {
        margin-top: 0;
        float: right;

        & > li > a {
            border: 0;
            border-radius: 0;
            color: #c1041f;
            background-color: #d8d8d8;
        }

        & > li.active > a, & > li:hover > a {
            background-color: #ccc;
            color: #c1041f;
            cursor: pointer;
        }
    }
}

// endregion

// region Views Global Styles
.view {
    .view-footer {
        p {
            margin: 0;
        }
    }
}

// endregion

// region Header Styles
header#mkbh-header {
    background-color: #fafafa;

    .logo {
        display: block;
        float: left;
        text-align: center;
        padding: 0 10px;
        background-color: #fafafa;
        margin-left: -9px;
        position: relative;
        z-index: 20;

        img {
            width: 190px;
            height: 180px;

            @media screen and (max-width: @screen-xs-max) {
                //background: #ffffff url("../images/sprites/build/sprites.png?v=1.001") @sprite-logo-sm-offset-x @sprite-logo-sm-offset-y no-repeat;
                width: @sprite-logo-sm-width;
                height: @sprite-logo-sm-height;
            }
        }
    }

    .bottom-line {
        border-top: 1px solid #808080;
        background-color: #d8d8d8;
        height: 31px;
        margin-top: -31px;
        z-index: 10;

        .main-navigation-menu-wrapper {
            padding-left: calc(@sprite-logo-width + 40px);
            padding-right: 40px;
            margin-left: -40px;
            margin-right: -40px;
            background-color: #999;
            height: 30px;
            line-height: 30px;
        }
    }

    ul.menu.nav {
        display: block;
        width: 100%;
        white-space: nowrap;

        li {
            display: inline-block;
            text-align: left;
            padding-right: 10px;

            a {
                position: relative;
                font-family: 'Montserrat', sans-serif;
                font-size: 18px;
                color: #fff;
                display: inline-block;
                line-height: 30px;
                height: 30px;
                width: auto;
                padding: 0;

                .underline {
                    position: absolute;
                    bottom: -3px;
                    left: 0;
                    height: 3px;
                    background-color: #c1041f;
                    border-bottom: 1px solid #fbeff1;
                    width: 0;
                    .transition(width 250ms cubic-bezier(0.250, 0.100, 0.250, 1.000));
                }

                &:focus, &:hover {
                    outline: none;
                    background-color: transparent;

                    .underline {
                        width: 100%;
                    }
                }
            }

            &:first-child {
                text-align: center;

                a {
                    padding: 0 5px;

                    i {
                        color: white;
                        font-size: 24px;
                        position: relative;
                        top: 3px;
                    }
                }
            }
        }
    }

    #mkbh-header-user-menu {
        float: right;
        padding: 2em 1em;

        .button {
            display: inline-block;
            vertical-align: middle;
            max-width: 140px;
            height: 48px;

            button {
                display: table-cell;
                position: relative;
                vertical-align: middle;
                font-family: 'Montserrat', sans-serif;
                font-size: 15px;
                font-weight: 300;
                white-space: nowrap;
                line-height: 16px;
                color: #1a1a1a;
                border: 0;
                background-color: transparent;
                text-align: left;

                &:before {
                    display: block;
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                }

                &:focus, &:hover {
                    outline: none;
                    text-decoration: none;
                }

                @media screen and (max-width: @screen-xs-max) {
                    padding-right: 10px !important;
                    padding-left: 41px !important;
                    width: auto !important;

                    .text {
                        display: none;
                    }
                }

                @media screen and (max-width: 380px) {
                    padding-left: 31px !important;
                }

                @media screen and (max-width: 320px) {
                    padding-left: 25px !important;
                }
            }

            &.button-user-register button {
                background: url("../images/svg/icon_signup.svg") 0 50% no-repeat;
                height: 42px;
                padding-left: 63px;
                padding-right: 15px;
            }

            &.button-user-login button {
                background: url("../images/svg/icon_signin.svg") 0 50% no-repeat;
                height: 42px;
                padding-left: 63px;
                padding-right: 15px;
            }

            &.button-search button {
                background: url("../images/svg/icon_search.svg") 0 50% no-repeat;
                height: 48px;
                padding-left: 63px;
                padding-right: 15px;
            }

            &.button-user-profile, &.button-user-logout {
                padding: 1px 15px 0 15px;
                max-width: none;

                a {
                    font-family: 'Montserrat', sans-serif;
                    font-size: 15px;
                    font-weight: 300;
                    line-height: 16px;
                    color: #1a1a1a;

                    &:focus, &:hover {
                        outline: none;
                        text-decoration: none;
                    }

                    img {
                        width: 48px;
                        height: 48px;
                        margin-right: 10px;
                    }

                    img, span {
                        display: inline-block;
                        vertical-align: middle;
                    }
                }

                @media screen and (max-width: @screen-xs-max) {
                    padding-right: 5px !important;
                    padding-left: 0 !important;
                    width: auto !important;
                    text-align: center;

                    .text {
                        display: none;
                    }

                    img {
                        margin-right: 0 !important;
                    }
                }

                @media screen and (max-width: 380px) {
                    width: 46px !important;
                    position: relative;
                    top: 3px;
                }

                @media screen and (max-width: 320px) {
                    width: 35px !important;
                    padding-right: 0 !important;

                    position: relative;
                    top: 6px;
                }
            }

            &.button-user-profile .text {
                padding-top: 5px;
            }

            &.button-user-logout {
                padding: 1px 15px 0 15px;
                max-width: none;

                a {
                    font-family: 'Montserrat', sans-serif;
                    font-size: 15px;
                    font-weight: 300;
                    line-height: 16px;
                    color: #1a1a1a;

                    &:focus, &:hover {
                        outline: none;
                        text-decoration: none;
                    }

                    img {
                        width: 48px;
                        height: 48px;
                        margin-right: 10px;
                    }

                    img, span {
                        display: inline-block;
                        vertical-align: middle;
                    }
                }
            }

            &.button-search {
                max-width: none;
                .transition(all 250ms cubic-bezier(0.250, 0.100, 0.250, 1.000));

                button {
                    position: relative;
                    overflow: hidden;
                    width: 105px;

                    .i18n-en & {
                        width: 130px;
                    }

                    .transition(width 250ms cubic-bezier(0.250, 0.100, 0.250, 1.000));

                    & > .inner {
                        overflow: hidden;
                    }

                    & > span {
                        position: relative;
                        z-index: 20;
                        top: -3px;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        opacity: 1;
                        .transition(all 250ms cubic-bezier(0.250, 0.100, 0.250, 1.000));

                        body.adminimal-menu & {
                            top: 1px;
                        }
                    }

                    & > .search-form {
                        overflow: hidden;
                        position: absolute;
                        width: 230px;
                        right: -300px;
                        top: 4px;
                        .transition(all 250ms cubic-bezier(0.250, 0.100, 0.250, 1.000));

                        input {
                            width: 100%;
                            word-break: break-all;
                            padding-right: 35px;
                        }

                        @media screen and (max-width: @screen-xs-max) {
                            top: 55px;
                        }
                    }

                    &.open {
                        background: none;
                        width: 300px;
                        overflow: visible;

                        & > span {
                            top: 0;
                            left: 205px;
                            opacity: 0.5;
                        }

                        .i18n-en & > span {
                            top: 0;
                            left: 205px;
                            opacity: 0.5;
                        }

                        & > .search-form {
                            width: 100%;
                            right: initial;
                            left: 0;
                            top: 3px;

                            input {
                                width: 100%;
                            }
                        }

                        @media screen and (max-width: @screen-sm-max) {
                            width: 200px !important;

                            & > span, .i18n-en & > span {
                                left: 105px !important;
                            }
                        }

                        @media screen and (max-width: @screen-xs-max) {
                            width: 100% !important;

                            & > span, .i18n-en & > span {
                                left: 5px !important;
                                display: block !important;
                                text-align: right !important;
                            }
                        }
                    }

                    @media screen and (max-width: @screen-xs-max) {
                        overflow: visible;
                    }
                }

                @media screen and (max-width: @screen-xs-max) {
                    &.open {
                        position: absolute;
                        right: 0;
                        top: 60px;
                        left: 179px;
                        width: auto;
                        padding-right: 9px;

                        body.adminimal-menu & {
                            top: 90px;
                        }
                    }
                }
            }
        }

        @media screen and (max-width: @screen-xs-max) {
            padding-right: 0;
            padding-left: 0;
        }
    }
}

// endregion

// region Page Content Styles
#page-wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    overflow: hidden;
    margin: 0 auto -250px;

    .page-node.node-type-article & .content-system,
    .page-node.node-type-you-write & .content-system {
        display: none;
    }

    .page-content {
        padding-top: 20px;
        padding-bottom: 20px;

        body.page-node & {
            padding-top: 0;
        }
    }

    .panels-layout--front-page {
        .flex-grid-sidebar {
            padding-top: 20px;
            border-top: 1px solid #b3b3b3;

            h2.pane-title {
                font-family: 'Montserrat', sans-serif;
                font-weight: 300;
                font-size: 22px;
                letter-spacing: 0.02em;
                color: #c1041f;
                margin: 0;

                @media screen and (max-width: @screen-md-max) {
                    padding: 0;
                    border-top: none;
                    margin-bottom: 10px;

                    br {
                        display: none;
                    }
                }
            }

            &.no-border {
                padding-top: 0;
                border-top: none;

                h2.pane-title {
                    padding-top: 15px;
                    border-top: 1px solid #b3b3b3;

                    @media screen and (max-width: @screen-md-max) {
                        padding: 0;
                        border-top: none;
                        margin-bottom: 20px;

                        br {
                            display: none;
                        }
                    }
                }
            }
        }

        section.panel-pane {
            margin-bottom: 20px;
        }

        .pane-front-page-foto-pane-front-page-photo {
            border-bottom: 1px solid #b3b3b3;
            padding-bottom: 15px;
        }

        &[data-user-has-stripe-subscription="true"] {
            .pane-front-page-foto-pane-front-page-photo {
                border-bottom: 0;
                margin-bottom: 0;
            }
        }
    }

    .panels-layout--article-detail-page {
        &, & * {
            min-width: 0;
        }

        &.node-type-article.node-lang-laeser {
            background-color: #fdf9f5;
        }

        &.article-main-image-layout-full-width {
            .mkbh-block-article-header .block-inner > .gutter-right {
                display: none !important;
            }

            .mkbh-block-article-header .block-inner > .content {
                padding-right: 40px;
            }

            .mkbh-block-article-main-photo.article-type-article,
            .mkbh-block-article-main-photo.article-type-vision,
            .mkbh-block-article-main-photo.article-type-you-write   {
                margin-right: -360px;
            }

            .pane-region-content-top-right {
                margin-top: 630px;
            }

            @media screen and (max-width: @screen-md-max) {
                .mkbh-block-article-header .block-inner > .content {
                    padding-right: 0;
                }

                .pane-region-content-top-right {
                    margin-top: 648px;
                }
            }

            @media screen and (max-width: @screen-sm-max) {
                .mkbh-block-article-main-photo.article-type-article,
                .mkbh-block-article-main-photo.article-type-vision,
                .mkbh-block-article-main-photo.article-type-you-write{
                    margin-right: 0;
                }
            }
        }

        .flex-grid-sidebar {
            padding-top: 15px;
            border-top: 1px solid #b3b3b3;

            h2.pane-title {
                font-family: 'Montserrat', sans-serif;
                font-weight: 300;
                font-size: 22px;
                letter-spacing: 0.02em;
                color: #c1041f;
                width: 100%;
                margin-top: 0;
                padding-top: 0;
            }

            &.no-border {
                padding-top: 0;
                border-top: none;

                h2.pane-title {
                    padding-top: 15px;
                    border-top: 1px solid #b3b3b3;
                }
            }
        }

        .panel-separator {
            display: none;
        }

        section.panel-pane {
            margin-bottom: 15px;

            .pane-content {
                margin: 0;
            }
        }

        .pane-region-content-top-middle {
            padding-right: 40px;

            .node-type-projekt & {
                padding-right: 0;
            }
        }

        .pane-region-content-top-right {
            position: relative;
            padding-left: 0;

            .pane-mkbh-dfp-ad {
                display: block;
                margin-bottom: 0;

                .pane-content {
                    border: 0 !important;
                    box-shadow: 0 0 0 15px white inset;
                    background-color: transparent !important;
                    flex: 0 0 320px;

                    & > .dfp-tag-wrapper .dfp-tag-wrapper {
                        border: 1px solid #b3b3b3 !important;
                        padding: 10px;
                        margin-bottom: 40px;
                    }

                    #dfp-ad-kbh_d7_detail_sidebar_300x600_no1-wrapper {
                        transform: translate3d(0px, 0px, 0px);
                        height: 622px;
                    }
                }
            }

            .node-type-projekt & {
                display: none;
            }
        }

        .pane-region-content-top {
            display: flex;
            flex-direction: row;
            -webkit-flex-direction: row;
            min-width: 0;

            & > .pane-region {
                flex: 1;
                -webkit-flex: 1;
                min-width: 0;

                &.pane-region-content-top-left {
                    flex: 0 0 200px;
                    -webkit-flex: 0 0 200px;
                    min-width: 0;
                }

                &.pane-region-content-top-middle {
                    margin-bottom: 15px;
                    border-bottom: 1px solid #b3b3b3;
                    min-width: 0;
                }

                &.pane-region-content-top-right {
                    flex: 0 0 320px;
                    -webkit-flex: 0 0 320px;
                    margin-bottom: 15px;
                    border-bottom: 1px solid #b3b3b3;
                    min-width: 0;
                }
            }
        }

        .pane-region-content-bottom {
            .pane-mkbh-dfp-ad {
                display: flex;

                & + .panel-separator + .pane-mkbh-dfp-ad {
                    display: none;
                }

                .pane-content > .dfp-tag-wrapper {
                    text-align: center;
                    padding-top: 15px;
                    border-top: 1px solid #b3b3b3;

                    .dfp-tag-wrapper {
                        padding: 15px;
                        border: 1px solid #b3b3b3;
                        display: inline-block;
                    }
                }
            }

            @media screen and (max-width: @screen-sm-max) {
                .pane-mkbh-dfp-ad {
                    .pane-content > .dfp-tag-wrapper {
                        .dfp-tag-wrapper {
                            padding: 9px;
                        }
                    }
                }
            }

            @media screen and (max-width: @screen-xs-max) {
                .pane-mkbh-dfp-ad {
                    display: none;

                    & + .panel-separator + .pane-mkbh-dfp-ad {
                        display: block;
                    }
                }
            }
        }

        .pane-mkbh-article-content {
            .node-type-projekt & {
                margin-bottom: 0;
            }
        }

        .pane-mkbh-blocks-mkbh-block-article-header {
            margin-bottom: 0 !important;

            p {
                margin-bottom: 0;
            }
        }

        .pane-article-mest-laeste-pane-article-mest-leste {
            display: block;
            border-top: 2px solid #c1041f;

            .pane-title {
                font-family: 'Montserrat', sans-serif;
                font-weight: 500;
                font-size: 21px;
                letter-spacing: 0.075em;
                margin-top: 7px;
                margin-bottom: 20px;
                padding: 0;
                color: #1a1a1a;
                border-top: none;
            }

            & + .panel-separator {
                display: none;
            }
        }

        .pane-mkbh-facebook {
            margin-bottom: 40px !important;
        }

        .pane-mkbh-social-share {
            padding-left: 200px;
            margin-bottom: 5px !important;

            @media screen and(max-width: 1200px) {
                padding-left: 0;
            }
        }

        .pane-mailchimp-signup-mkbh-subscribe {
            display: block;
            padding-left: 200px;

            .pane-title {
                font-family: 'Montserrat', sans-serif;
                font-weight: bold;
                font-size: 13px;
                letter-spacing: 0.04em;
                text-transform: uppercase;
                color: #666;
                padding: 0;
                margin-top: 0;
                margin-bottom: 10px;
            }

            .mailchimp-signup-subscribe-form {
                position: relative;

                input[type="text"] {
                    height: 37px;
                    background: url("../images/svg/icon-mailchimp-envelope.svg") 5px 50% no-repeat;
                    background-size: 20px;
                    padding-left: 30px;
                    padding-right: 95px;
                    font-family: 'Montserrat', sans-serif;
                    font-weight: normal;
                    font-size: 13px;
                    letter-spacing: 0.04em;
                    text-transform: uppercase;
                    text-shadow: 0 0 0 #b3b3b3;
                    color: #b3b3b3;

                    &::-webkit-input-placeholder {
                        font-family: 'Montserrat', sans-serif;
                        font-weight: normal;
                        font-size: 13px;
                        letter-spacing: 0.04em;
                        text-transform: uppercase;
                        text-shadow: 0 0 0 #b3b3b3;
                        color: #b3b3b3;
                    }

                    &:-moz-placeholder { /* Firefox 18- */
                        font-family: 'Montserrat', sans-serif;
                        font-weight: normal;
                        font-size: 13px;
                        letter-spacing: 0.04em;
                        text-transform: uppercase;
                        text-shadow: 0 0 0 #b3b3b3;
                        color: #b3b3b3;
                    }

                    &::-moz-placeholder { /* Firefox 19+ */
                        font-family: 'Montserrat', sans-serif;
                        font-weight: normal;
                        font-size: 13px;
                        letter-spacing: 0.04em;
                        text-transform: uppercase;
                        text-shadow: 0 0 0 #b3b3b3;
                        color: #b3b3b3;
                    }

                    &:-ms-input-placeholder {
                        font-family: 'Montserrat', sans-serif;
                        font-weight: normal;
                        font-size: 13px;
                        letter-spacing: 0.04em;
                        text-transform: uppercase;
                        text-shadow: 0 0 0 #b3b3b3;
                        color: #b3b3b3;
                    }
                }

                .form-submit {
                    position: absolute;
                    top: 6px;
                    right: 6px;
                    height: 25px;
                    line-height: 25px;
                    padding: 0 20px;
                    font-family: 'Montserrat', sans-serif;
                    font-size: 11px;
                    font-weight: 100;
                    color: white;
                    background-color: #b3b3b3;
                    border-radius: 5px;
                    border: none;
                }
            }

            @media screen and(max-width: 1200px) {
                padding-left: 0;
            }
        }

        .pane-facebook-comments-box-facebook-comments-box {
            .flex-sidebar {
                .pane-title {
                    border-top: 0;
                    padding-top: 0;
                }
            }

            .flex-content {
                iframe.fb_iframe_widget_lift {
                    margin-top: -5px;
                }

                .fb-comments-list {
                    position: absolute;
                    overflow: hidden;
                    clip: rect(1px 1px 1px 1px);
                    clip: rect(1px, 1px, 1px, 1px);
                    height: 1px;
                    width: 1px;
                }
            }
        }

        &[data-user-has-stripe-subscription="true"] {
            .pane-region-content-top {
                & > .pane-region {
                    &.pane-region-content-top-middle,
                    &.pane-region-content-top-right {
                        border-bottom: 0;
                    }
                }
            }
        }

        @media screen and (max-width: 1200px) {
            padding-right: 10px;
            padding-left: 10px;

            .flex-grid-sidebar {
                h2.pane-title {
                    margin: 0;
                    padding: 0 0 10px 0;
                }
            }

            .pane-facebook-comments-box-facebook-comments-box {
                .facebook-comments-box {
                    margin-right: -10px;
                    margin-left: -5px;
                }
            }
        }

        @media screen and (max-width: @screen-sm-max) {
            .pane-region-content-top, .pane-region-content-bottom {
                width: @screen-sm;
                margin: 0 auto;
            }

            .pane-region-content-top-right {
                display: none;
            }

            .pane-region-content-top-middle {
                padding-right: 0;
            }
        }

        @media screen and (max-width: @screen-xs-max) {
            .pane-region-content-top, .pane-region-content-bottom {
                width: auto;
                margin: inherit;
            }
        }
    }

    .panels-layout--photo-series-detail-page {
        &, & * {
            min-width: 0;
        }

        .flex-grid-sidebar {
            padding-top: 15px;
            border-top: 1px solid #b3b3b3;

            h2.pane-title {
                font-family: 'Montserrat', sans-serif;
                font-weight: 300;
                font-size: 22px;
                letter-spacing: 0.02em;
                color: #c1041f;
                width: 100%;
                margin-top: 0;
                padding-top: 0;
            }

            &.no-border {
                padding-top: 0;
                border-top: none;

                h2.pane-title {
                    padding-top: 15px;
                    border-top: 1px solid #b3b3b3;
                }
            }
        }

        section.panel-pane {
            margin-bottom: 15px;

            .pane-content {
                margin: 0;
            }
        }

        .panel-separator {
            display: none;
        }

        .pane-region-wrapper.pane-region-top {
            background-color: #4d4d4d;

            .pane-region-content-top {
                display: flex;
                display: -webkit-flex;
                flex-direction: row;
                -webkit-flex-direction: row;

                & > .pane-region {
                    flex: 1;
                    -webkit-flex: 1;

                    &.pane-region-content-top-left {
                        flex: 0 0 200px;
                        -webkit-flex: 0 0 200px;
                    }
                }

                .pane-region-content-top-middle {
                    margin-bottom: 15px;
                    padding-bottom: 0;
                    border-bottom: 1px solid #e6e6e6;
                }
            }

            .pane-region-wrapper-row {
                background-color: #1a1a1a;
                margin-right: -40px;
                margin-left: -40px;
            }
        }

        .pane-region-content-bottom {
            .pane-mkbh-dfp-ad {
                display: flex;

                & + .panel-separator + .pane-mkbh-dfp-ad {
                    display: none;
                }

                .pane-content > .dfp-tag-wrapper {
                    text-align: center;
                    padding-top: 15px;
                    border-top: 1px solid #b3b3b3;

                    .dfp-tag-wrapper {
                        padding: 15px;
                        border: 1px solid #b3b3b3;
                        display: inline-block;
                    }
                }
            }

            @media screen and (max-width: @screen-sm-max) {
                .pane-mkbh-dfp-ad {
                    .pane-content > .dfp-tag-wrapper {
                        .dfp-tag-wrapper {
                            padding: 9px;
                        }
                    }
                }
            }

            @media screen and (max-width: @screen-xs-max) {
                .pane-mkbh-dfp-ad {
                    display: none;

                    & + .panel-separator + .pane-mkbh-dfp-ad {
                        display: block;
                    }
                }
            }
        }

        .pane-mkbh-blocks-mkbh-block-article-header {
            margin-bottom: 0 !important;

            p {
                margin-bottom: 0;
            }
        }

        .pane-article-mest-laeste-pane-article-mest-leste {
            display: block;
            border-top: 2px solid #c1041f;

            .pane-title {
                font-family: 'Montserrat', sans-serif;
                font-weight: 500;
                font-size: 21px;
                letter-spacing: 0.075em;
                margin-top: 7px;
                margin-bottom: 20px;
                padding: 0;
                color: #1a1a1a;
                border-top: none;
            }

            & + .panel-separator {
                display: none;
            }
        }

        .pane-mkbh-social-share {
            padding-left: 200px;
            padding-right: 360px;
            margin-bottom: 5px !important;

            .mkbh-social-share-widget {
                border-color: #b3b3b3;
            }

            @media screen and(max-width: 1200px) {
                padding-left: 0;
            }
        }

        .pane-mailchimp-signup-mkbh-subscribe {
            display: block;
            padding-left: 200px;
            padding-right: 360px;
            margin-bottom: 0;

            .pane-title {
                font-family: 'Montserrat', sans-serif;
                font-weight: bold;
                font-size: 13px;
                letter-spacing: 0.04em;
                text-transform: uppercase;
                color: #ccc;
                padding: 0;
                margin-top: 0;
                margin-bottom: 10px;
            }

            .mailchimp-signup-subscribe-form {
                position: relative;

                input[type="text"] {
                    height: 37px;
                    background: url("../images/svg/icon-mailchimp-envelope.svg") 5px 50% no-repeat;
                    background-size: 20px;
                    padding-left: 30px;
                    padding-right: 95px;
                    font-family: 'Montserrat', sans-serif;
                    font-weight: normal;
                    font-size: 13px;
                    letter-spacing: 0.04em;
                    text-transform: uppercase;
                    text-shadow: 0 0 0 #666;
                    color: #666;
                    border-color: #e6e6e6;

                    &::-webkit-input-placeholder {
                        font-family: 'Montserrat', sans-serif;
                        font-weight: normal;
                        font-size: 13px;
                        letter-spacing: 0.04em;
                        text-transform: uppercase;
                        text-shadow: 0 0 0 #666;
                        color: #666;
                    }

                    &:-moz-placeholder { /* Firefox 18- */
                        font-family: 'Montserrat', sans-serif;
                        font-weight: normal;
                        font-size: 13px;
                        letter-spacing: 0.04em;
                        text-transform: uppercase;
                        text-shadow: 0 0 0 #666;
                        color: #666;
                    }

                    &::-moz-placeholder { /* Firefox 19+ */
                        font-family: 'Montserrat', sans-serif;
                        font-weight: normal;
                        font-size: 13px;
                        letter-spacing: 0.04em;
                        text-transform: uppercase;
                        text-shadow: 0 0 0 #666;
                        color: #666;
                    }

                    &:-ms-input-placeholder {
                        font-family: 'Montserrat', sans-serif;
                        font-weight: normal;
                        font-size: 13px;
                        letter-spacing: 0.04em;
                        text-transform: uppercase;
                        text-shadow: 0 0 0 #666;
                        color: #666;
                    }
                }

                .form-submit {
                    position: absolute;
                    top: 6px;
                    right: 6px;
                    height: 25px;
                    line-height: 25px;
                    padding: 0 20px;
                    font-family: 'Montserrat', sans-serif;
                    font-size: 11px;
                    font-weight: 100;
                    color: white;
                    background-color: #b3b3b3;
                    border-radius: 5px;
                    border: none;
                }
            }

            @media screen and(max-width: 1200px) {
                padding-left: 0;
            }
        }

        .pane-facebook-comments-box-facebook-comments-box {
            .flex-sidebar {
                .pane-title {
                    border-top: 0;
                    padding-top: 0;
                }
            }

            .flex-content {
                iframe.fb_iframe_widget_lift {
                    margin-top: -5px;
                }

                .fb-comments-list {
                    position: absolute;
                    overflow: hidden;
                    clip: rect(1px 1px 1px 1px);
                    clip: rect(1px, 1px, 1px, 1px);
                    height: 1px;
                    width: 1px;
                }
            }
        }

        &[data-user-has-stripe-subscription="true"] {
            .pane-facebook-comments-box-facebook-comments-box {
                margin-top: 15px;
            }
        }

        @media screen and (max-width: 1200px) {
            padding-right: 10px;
            padding-left: 10px;

            .flex-grid-sidebar {
                h2.pane-title {
                    margin: 0;
                    padding: 0 0 10px 0;
                }
            }

            .pane-facebook-comments-box-facebook-comments-box {
                .facebook-comments-box {
                    margin-right: -10px;
                    margin-left: -5px;
                }
            }
        }

        @media screen and (max-width: @screen-sm-max) {
            .pane-region-content-top, .pane-region-content-bottom {
                width: @screen-sm;
                margin: 0 auto;
            }

            .pane-region-content-top-right {
                display: none;
            }

            .pane-region-content-top-middle {
                padding-right: 0;
            }

            .pane-mkbh-article-content {
                margin-bottom: 0;
            }

            .pane-mkbh-social-share, .pane-mailchimp-signup-mkbh-subscribe {
                padding-right: 0;
            }
        }

        @media screen and (max-width: @screen-xs-max) {
            .pane-region-content-top, .pane-region-content-bottom {
                width: auto;
                margin: inherit;
            }

            .pane-region-wrapper.pane-region-top {
                .pane-region-wrapper-row {
                    margin-right: 0;
                    margin-left: 0;
                }
            }
        }
    }

    .panels-layout--simple-one-column {
        .flex-grid-sidebar {

            h2.pane-title {
                /*padding-top: 15px;
        border-top: 1px solid #b3b3b3;*/
                font-family: 'Montserrat', sans-serif;
                font-weight: 300;
                font-size: 22px;
                letter-spacing: 0.02em;
                color: #c1041f;
                width: 100%;
                margin-top: 0;
            }

            &.no-border {
                padding-top: 0;
                border-top: none;

                h2.pane-title {
                    padding-top: 15px;
                    border-top: 1px solid #b3b3b3;
                }
            }
        }
    }

    .panels-layout--simple-two-column {
        .node-type-basic-page & {
            margin-bottom: 100px;

            @media screen and(max-width: @screen-sm-max) {
                margin: 0 10px !important;
            }
        }

        .pane-node-field-page-sectioned-sections {
            .pane-content {
                margin-top: 0 !important;
            }
        }

        & > .flex-container {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;

            & > .flex-column {
                -webkit-box-flex: 1;
                -webkit-flex: 1;
                -ms-flex: 1;
                flex: 1;

                &.pane-region-sidebar {
                    -webkit-box-flex: 0;
                    -webkit-flex: 0 0 320px;
                    -ms-flex: 0 0 320px;
                    flex: 0 0 320px;
                    margin-left: 40px;

                    @media screen and (max-width: @screen-md-max) {
                        -webkit-box-flex: 0;
                        -webkit-flex: 0 0 250px;
                        -ms-flex: 0 0 250px;
                        flex: 0 0 250px;
                    }

                    @media screen and (max-width: @screen-sm-max) {
                        margin-left: 0;
                    }
                }
            }

            @media screen and (max-width: @screen-sm-max) {
                display: block;
            }
        }

        .field-collection-item-field-page-sectioned-sections {
            margin-bottom: 15px;
            padding-top: 15px;
            border-top: 1px solid #b3b3b3;
            margin-left: 11px;

            .content {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;

                .entity-heading {
                    -webkit-box-flex: 0;
                    -webkit-flex: 0 0 200px;
                    -ms-flex: 0 0 200px;
                    flex: 0 0 200px;
                    padding-right: 10px;
                    font-family: 'Montserrat', sans-serif;
                    font-weight: 300;
                    font-size: 22px;
                    letter-spacing: 0.02em;
                    color: #c1041f;
                    width: 100%;
                    margin-top: 0;

                    @media screen and (max-width: @screen-md-max) {
                        display: block;
                        padding-bottom: 10px;
                        margin-bottom: 15px;
                    }
                }

                .entity-content {
                    -webkit-box-flex: 1;
                    -webkit-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    font-family: 'Caecilia LT Std', sans-serif;
                    font-size: 18px;
                    line-height: 26px;
                    letter-spacing: 0.025em;

                    .field-page-section-link {
                        .read-more-link-arrow-right-o-big;
                        margin-top: 0px;
                        margin-bottom: 25px;

                        a {
                            color: #1a1a1a;
                        }
                    }

                    h1, h2, h3, h4 {
                        margin-top: 0;
                        font-family: 'Montserrat', serif;
                        font-weight: bold;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        color: #1a1a1a;
                    }

                    h1 {
                        font-size: 40px;
                    }

                    h2 {
                        font-size: 36px;
                    }

                    h3 {
                        font-size: 32px;
                    }

                    h4 {
                        font-size: 28px;
                    }

                    strong {
                        font-weight: normal;
                        color: #1a1a1a;
                        font-family: Montserrat;
                    }

                    p {
                        //word-break: break-all;
                        color: #666;

                        &:first-child {
                            margin-top: 0;
                        }
                    }

                    img {
                        display: inline-block;
                        vertical-align: top;
                        max-width: 100% !important;
                        height: auto !important;
                        margin: 10px !important;

                        @media screen and (max-width: @screen-md-max) {
                            max-width: 450px !important;

                            float: none !important;
                            margin: 15px auto !important;
                            display: block;
                        }

                        @media screen and (max-width: @screen-md-max) {
                            max-width: 100% !important;
                            width: 100%;

                            float: none !important;
                            margin: 15px auto !important;
                            display: block;
                        }
                    }
                }

                @media screen and (max-width: @screen-md-max) {
                    display: block;
                }
            }

            @media screen and (max-width: @screen-sm-max) {
                padding-top: 10px;
            }
        }
    }
}

// endregion

// region MKBH Blocks
.mkbh-block-front-byens-rum {
    .row {
        margin-bottom: 15px;

        &.overflow-hidden {
            overflow: hidden;
        }

        &.row-small-ones {
            margin-bottom: 0;
        }

        &:last-child {
            margin-bottom: 0;
        }

        .col.border-right {
            border-right: 1px solid #b3b3b3;
        }

        .col.border-left {
            border-left: 1px solid #b3b3b3;
        }

        .region-top-left {
            .node-body {
                margin-bottom: 10px;
            }
        }
    }

    article.mkbh-node-article-display {
        &.node-sub-type-byens-liv {
            .node-inner.custom-background-applied {
                .node-breadcrumbs,
                .node-breadcrumbs li,
                .node-breadcrumbs li:before,
                .node-breadcrumbs li:after,
                .node-title .title,
                .node-body {
                    color: white;
                }

                .node-share-count {
                    background-color: #ef6c3d;
                }
            }
        }

        &.node-sub-type-byens-rum {
            .node-inner.custom-background-applied {
                .node-share-count {
                    background-color: #e6a9ab;
                }
            }
        }

        .node-inner {
            .node-title {
                padding-right: 40px;

                a:before {
                    margin-right: 10px;
                    margin-left: 10px;
                }
            }
        }

        @media screen and (max-width: @screen-sm-max) {
            &.view-mode-large {
                .node-title {
                    font-size: 26px;
                    line-height: 28px;
                }
            }

            &.view-mode-medium {
                .node-image .mkbh-flowplayer {
                    min-height: 170px;
                }
            }
        }
    }

    @media screen and (max-width: @screen-sm-max) {
        .region-bottom-left {
            overflow: hidden;
            margin-bottom: 10px;

            &.border-right {
                border-right: none !important;
            }

            .row-small-ones > div {
                overflow: hidden;
            }
        }

        &.layout-right .region-bottom-right,
        &.layout-left .region-bottom-left {
            article.mkbh-node-article-display {
                .node-inner {
                    display: flex;
                    display: -webkit-flex;
                    flex-direction: row-reverse;
                    -webkit-flex-direction: row-reverse;
                }

                .node-image {
                    flex: 1;
                    -webkit-flex: 1;
                }

                .node-content {
                    flex: 1;
                    -webkit-flex: 1;
                }

                &.view-mode-medium {
                    .node-image .node-share-count {
                        top: 0;
                        left: -50px;
                    }
                }
            }
        }
    }

    @media screen and (max-width: @screen-xs-max) {
        .row {
            margin-bottom: 10px;
        }

        .border-right {
            border-right: none !important;
        }

        .region-top-left {
            overflow: hidden;
            margin-bottom: 10px;
        }

        .region-bottom-left {
            overflow: hidden;
            margin-bottom: 10px;
        }

        .region-small-left {
            overflow: hidden;
            margin-bottom: 10px;
        }

        article.mkbh-node-article-display {
            &.view-mode-medium {
                .node-inner {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal !important;
                    -webkit-box-direction: normal !important;
                    -webkit-flex-direction: row !important;
                    -ms-flex-direction: row !important;
                    flex-direction: row !important;

                    .node-image {
                        position: static;
                        -webkit-box-flex: 0;
                        -webkit-flex: 0 175px;
                        -ms-flex: 0 175px;
                        flex: 0 175px;

                        .mkbh-flowplayer {
                            min-height: auto;
                            padding: 11% 0;
                        }

                        .node-share-count {
                            bottom: initial;
                            top: 1px;
                            right: 20px;
                        }
                    }

                    .node-content {
                        -webkit-box-flex: 1;
                        -webkit-flex: 1;
                        -ms-flex: 1;
                        flex: 1;

                        .node-title {
                            font-size: 22px;
                            line-height: 24px;
                        }

                        .node-body {
                            display: none;
                        }
                    }
                }
            }

            &.view-mode-small {
                .node-inner {
                    .node-content {
                        .node-title {
                            font-size: 22px;
                            line-height: 24px;
                        }

                        .node-body {
                            display: none;
                        }
                    }
                }
            }
        }
    }

    @media screen and (max-width: 480px) {
        article.mkbh-node-article-display {
            .node-inner {
                display: block !important;

                .node-image {
                    position: relative !important;

                    .node-share-count {
                        bottom: -56px !important;
                        right: 10px !important;
                        top: initial !important;
                    }
                }
            }
        }
    }
}

.mkbh-block-front-byens-rum-small {
    .content-row.content {
        overflow: hidden;

        .column {
            &:not(.column-last) {
                padding-right: 10px;
                border-right: 1px solid #b3b3b3;
            }

            &:not(.column-first) {
                padding-left: 10px;
            }

            &.column-first {
                article.mkbh-node-article-display .node-title a:before {
                    margin-left: 0;
                }
            }

            &.small article.node:first-child {
                margin-bottom: 10px;
                overflow: hidden;
            }
        }

        article.mkbh-node-article-display {
            &.view-mode-medium {
                .node-image {
                    .mkbh-flowplayer {
                        min-height: 183px;
                    }
                }

                .node-title {
                    -webkit-hyphens: manual;
                    -moz-hyphens: manual;
                    -ms-hyphens: manual;
                    -o-hyphens: manual;
                    hyphens: manual;

                    a:before {
                        margin-right: 10px;
                        margin-left: 10px;
                    }
                }
            }

            &.view-mode-small {
                position: relative;

                &:first-of-type {
                    margin-bottom: 10px;
                    overflow: hidden;
                }
            }

            &.node-type-photo-series {
                .node-title {
                    .title, .separator, .subtitle {
                        display: inline-block;
                    }
                }

                .node-content ul.node-breadcrumbs {
                    li {
                        &:not(:first-child) {
                            display: none;
                        }

                        &:first-child {
                            &:before {
                                position: relative;
                                top: 2px;
                            }

                            &:after {
                                content: none;
                                display: none;
                            }
                        }
                    }
                }
            }

            &.node-sub-type-byens-liv {
                .node-inner.custom-background-applied {
                    .node-breadcrumbs,
                    .node-breadcrumbs li,
                    .node-breadcrumbs li:before,
                    .node-breadcrumbs li:after,
                    .node-title .title,
                    .node-body {
                        color: white;
                    }

                    .node-share-count {
                        background-color: #ef6c3d;
                    }
                }
            }

            &.node-sub-type-byens-rum {
                .node-inner.custom-background-applied {
                    .node-share-count {
                        background-color: #e6a9ab;
                    }
                }
            }
        }
    }

    .content-row.footer {
        a {
            .read-more-link-arrow-right-o;
            margin-right: 5px;
        }
    }

    @media screen and(max-width: 970px) {
        .content-row.content {
            .flex-grid {
                -webkit-flex-direction: row;
                flex-direction: row;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;

                .column {
                    overflow: hidden;
                    flex: 0 50%;
                    -webkit-flex: 0 50%;

                    &.column-0, &.column-1 {
                        margin-bottom: 10px;
                    }

                    &.column-1 {
                        padding-right: 0;
                        border-right: none;

                        .node-title a:before {
                            margin-right: 0;
                        }
                    }

                    &.column-2 {
                        padding-left: 0;

                        .node-title a:before {
                            margin-left: 0;
                        }
                    }
                }
            }
        }
    }

    @media screen and (max-width: @screen-xs-max) {
        .flex-grid {
            display: block;

            .column {
                padding-left: 0 !important;
                padding-right: 0 !important;
                border-right: none !important;

                .node-title a:before {
                    margin-right: 0 !important;
                    margin-left: 0 !important;
                }

                &.column-last {
                    margin-top: 10px;
                }
            }
        }

        article.mkbh-node-article-display {
            &.view-mode-medium {
                .node-inner {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal !important;
                    -webkit-box-direction: normal !important;
                    -webkit-flex-direction: row !important;
                    -ms-flex-direction: row !important;
                    flex-direction: row !important;

                    .node-image {
                        position: static;
                        -webkit-box-flex: 0;
                        -webkit-flex: 0 175px;
                        -ms-flex: 0 175px;
                        flex: 0 175px;

                        .mkbh-flowplayer {
                            min-height: auto;
                            padding: 11% 0;
                        }

                        .node-share-count {
                            bottom: initial;
                            top: 1px;
                            right: 10px;
                        }
                    }

                    .node-content {
                        -webkit-box-flex: 1;
                        -webkit-flex: 1;
                        -ms-flex: 1;
                        flex: 1;

                        .node-title {
                            font-size: 22px;
                            line-height: 24px;
                        }

                        .node-body {
                            display: none;
                        }
                    }
                }
            }

            &.view-mode-small {
                .node-inner {
                    .node-content {
                        .node-title {
                            font-size: 22px;
                            line-height: 24px;
                        }

                        .node-body {
                            display: none;
                        }
                    }
                }
            }
        }
    }

    @media screen and (max-width: 480px) {
        article.mkbh-node-article-display {
            .node-inner {
                display: block !important;

                .node-image {
                    position: relative !important;

                    .node-share-count {
                        bottom: -56px !important;
                        right: 10px !important;
                        top: initial !important;
                    }
                }
            }
        }
    }
}

.mkbh-block-bliv-static {
    background-color: #cd5257;

    .flex-grid {
        background-color: #c1041f;
        padding: 20px 0 20px 220px;
        margin-right: -40px;
        margin-left: -40px;
        align-items: center;

        .column {
            font-family: 'Montserrat', sans-serif;
            border-right: 1px solid #e1979a;
            padding: 0 20px;
            width: 25%;

            &:last-child {
                border-right: 0;
            }

            p {
                margin: 0 0 10px;
            }

            &:hover, &:active, &:focus {
                outline: none;
                text-decoration: none;
            }
        }

        .column-0 {
            font-size: 50px;
            line-height: 50px;
            color: white;
        }

        .column-1 {
            font-size: 17px;
            line-height: 22px;
            color: #f5dddd;
        }

        .column-2 {
            font-size: 17px;
            line-height: 22px;
            color: white;
            text-align: center;
            padding-top: 15px;

            &:after {
                display: inline-block;
                margin-top: 15px;
                .mkbh-font-awesome-icon('\f0a9', 22px, #fff);
            }
        }

        .column-3 {
            font-size: 17px;
            line-height: 22px;
            color: white;
            text-align: center;

            a {
                display: block;
                color: white;
                text-decoration: none;

                &:before {
                    display: inline-block;
                    content: '';
                    background: url("../images/sprites/build/sprites.png?v=1.001") @sprite-logo-mobile-pay-offset-x @sprite-logo-mobile-pay-offset-y no-repeat;
                    width: @sprite-logo-mobile-pay-width;
                    height: @sprite-logo-mobile-pay-height;
                    margin-bottom: -40px;
                }
            }

            & > div {
                display: inline-block;

                &:before {
                    display: inline-block;
                    content: '';
                    background: url("../images/sprites/build/sprites.png?v=1.001") @sprite-icon-mobile-small-white-offset-x @sprite-icon-mobile-small-white-offset-y no-repeat;
                    width: @sprite-icon-mobile-small-white-width;
                    height: @sprite-icon-mobile-small-white-height;
                    margin-right: 10px;
                }

                & > p {
                    display: inline-block;
                    vertical-align: middle;
                }
            }
        }

        @media screen and(max-width: @screen-md-max) {
            padding: 20px 0 20px 20px;
        }

        @media screen and (max-width: @screen-sm-max) {
            &.mobile {
                display: block;
                margin-right: 0;
                margin-left: 0;
                padding-right: 0;
                padding-left: 0;

                .bliv-static-row {
                    margin: 0 40px;
                    display: flex;

                    .flex-column {
                        flex: 1;

                        &.column-0 {
                            p {
                                width: 225px;
                                margin: 0 auto;
                                text-align: center;
                            }
                        }

                        &.column-1 {
                            text-align: center;
                        }

                        &.column-2 {
                            p {
                                width: 200px;
                                margin: 0 auto;
                                text-align: center;
                            }
                        }
                    }

                    &.first {
                        padding-bottom: 15px;
                        margin-bottom: 15px;
                        border-bottom: 1px solid #e1979a;
                    }
                }
            }
        }

        @media screen and(max-width: 665px) {
            &.mobile {
                .bliv-static-row {
                    margin: 0;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -webkit-justify-content: center;
                    -ms-flex-pack: center;
                    justify-content: center;

                    .flex-column {
                        &.column-0 {
                            font-size: 38px;
                            line-height: 42px;
                            padding-top: 20px;
                            padding-bottom: 20px;

                            p {
                                width: auto;
                            }
                        }

                        &.column-1 {
                            font-size: 14px;
                            line-height: 18px;
                        }

                        &.column-2 {
                            p {
                                width: auto;
                            }
                        }
                    }
                }
            }
        }

        @media screen and(max-width: 480px) {
            &.mobile {
                padding: 0;

                .bliv-static-row {
                    display: block;
                    padding: 0 10px !important;
                    margin: 0 !important;
                    border-bottom: none !important;

                    .flex-column {
                        width: 100%;
                        border-right: 0;
                        border-bottom: 1px solid #e1979a;
                        margin: 0 0 10px 0;
                        padding: 10px 0;
                        display: block;

                        &.column-3 {
                            margin-bottom: 0;
                            border-bottom: 0;
                        }
                    }
                }
            }
        }
    }

    @media screen and (max-width: @screen-sm-max) {
        & > .container {
            width: @screen-sm;
            margin: 0 auto;
        }
    }

    @media screen and (max-width: @screen-xs-max) {
        & > .container {
            width: auto;
            margin: 0;
        }
    }
}

.mkbh-block-front-popular {
    & > .flex-grid {
        overflow: hidden;

        & > .flex-column {
            &:not(.column-last) {
                padding-right: 20px;
            }

            &.column-last {
                position: relative;
                border: 0 !important;
                box-shadow: 0 0 0 15px white inset;
                background-color: transparent !important;
                flex: 0 0 320px;
                min-height: 320px;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;

                & > .dfp-tag-wrapper {
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    border: 1px solid #b3b3b3 !important;
                    padding: 0 10px;

                    .dfp-tag-wrapper {
                        width: 300px;
                        margin: 0 auto;
                        position: absolute;
                        left: 0;
                        right: 0;
                        top: 50%;
                        transform: translateY(-50%);
                        -webkit-transform: translateY(-50%);
                    }
                }
            }
        }
    }

    .view-front-page-popular {
        background-color: #f5dddd;
        border-top: 1px solid #c1041f;
        padding: 10px 20px 1000px 10px;
        margin-bottom: -1000px;

        .view-header {
            font-family: 'Montserrat', sans-serif;
            font-weight: bold;
            font-size: 15px;
            line-height: 15px;
            margin-bottom: 5px;
            color: #1a1a1a;
        }

        &.view-display-id-pane_most_read,
        &.view-display-id-pane_most_commented {
            .view-content {
                padding-bottom: 15px;

                .views-row-grid {
                    display: flex;
                    display: -webkit-flex;

                    .column {
                        flex-grow: 1;
                        -webkit-flex-grow: 1;

                        &.sidebar {
                            flex: 0 0 30px;
                            -webkit-flex: 0 0 30px;
                        }
                    }
                }

                .views-row.views-row-last .views-row-content {
                    border-bottom: 0;
                }

                .views-row-content {
                    width: 100%;
                    min-height: 45px;
                    padding-top: 5px;
                    padding-bottom: 5px;
                    border-bottom: 1px solid #e9b1b3;

                    .article-title {
                        font-family: 'Montserrat', serif;
                        font-weight: bold;
                        font-size: 14px;
                        color: #1a1a1a;

                        &:hover, &:active, &:focus {
                            outline: none;
                            text-decoration: none;
                        }

                        .views-field-field-article-sub-headline {
                            color: #c1041f;
                        }

                        .views-field-title {
                            color: #1a1a1a;
                        }

                        &.no-subtitle .views-field-title {
                            color: #1a1a1a;
                        }
                    }
                }

                .counter {
                    font-family: 'Caecilia LT Std', sans-serif;
                    font-size: 28px;
                    line-height: 18px;
                    color: #e6a9ab;
                    padding: 5px 0 5px 5px;
                }

                .comments-counter {
                    font-family: 'Caecilia LT Std', sans-serif;
                    font-size: 14px;
                    line-height: 14px;
                    color: #e6a9ab;
                    padding: 5px 0 5px 5px;

                    .views-field-nothing {
                        text-align: center;
                        position: relative;
                        left: -6px;
                    }

                    &:before {
                        display: block;
                        content: '';
                        margin: 5px 0 2px 0;
                        background: url("../images/sprites/build/sprites.png?v=1.001") @sprite-icon-comments-count-pink-small-offset-x @sprite-icon-comments-count-pink-small-offset-y no-repeat;
                        width: @sprite-icon-comments-count-pink-small-width;
                        height: @sprite-icon-comments-count-pink-small-height;
                    }
                }
            }
        }
    }

    @media screen and (max-width: 970px) {
        .flex-grid {
            display: block;

            .column {
                display: block;
                overflow: hidden;
                padding-left: 0 !important;
                padding-right: 0 !important;
                border-right: 0;
                border-left: 0;

                &.column-first {
                    margin-bottom: 10px;
                    padding-bottom: 10px;
                    border-bottom: 1px solid #b3b3b3;
                }

                &.column-last {
                    margin-top: 10px;
                }

                .view-front-page-popular {
                    padding-bottom: 0;
                    margin-bottom: 0;

                    .comments-counter .views-field-nothing {
                        left: -9px;
                    }
                }
            }
        }
    }
}

.mkbh-block-front-land-laeser {
    .content-row.content {
        display: flex;
        display: -webkit-flex;
        overflow: hidden;

        .column {
            flex-grow: 1;
            -webkit-flex-grow: 1;

            &:not(.column-last) {
                padding-right: 10px;
                border-right: 1px solid #b3b3b3;
            }

            &:not(.column-first) {
                padding-left: 10px;
            }

            &.column-first {
                position: relative;

                .node-inner {
                    display: flex;
                    display: -webkit-flex;
                    flex-direction: row-reverse;
                    -webkit-flex-direction: row-reverse;
                }

                .node-title a:before {
                    margin-right: 10px;
                }

                .node-image {
                    flex: 1;
                    -webkit-flex: 1;

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

                .node-content {
                    flex: 0 0 245px;
                    -webkit-flex: 0 0 245px;
                }
            }

            &.sidebar {
                position: relative;
                flex: 0 0 245px;
                -webkit-flex: 0 0 245px;

                article.mkbh-node-article-display {
                    &.view-mode-medium {
                        .node-image {
                            .mkbh-flowplayer {
                                min-height: 176px;
                            }
                        }

                        .node-title a:before {
                            margin-left: 10px;
                        }

                        .node-body {
                            display: none;
                        }
                    }

                    &.node-sub-type-byens-liv {
                        .node-inner.custom-background-applied {
                            .node-breadcrumbs,
                            .node-breadcrumbs li,
                            .node-breadcrumbs li:before,
                            .node-breadcrumbs li:after,
                            .node-title .title,
                            .node-body {
                                color: white;
                            }

                            .node-share-count {
                                background-color: #ef6c3d;
                            }
                        }
                    }

                    &.node-sub-type-byens-rum {
                        .node-inner.custom-background-applied {
                            .node-share-count {
                                background-color: #e6a9ab;
                            }
                        }
                    }
                }
            }

            article.mkbh-node-article-display {
                .node-inner {
                    border-top: 1px solid #c1041f;

                    .node-breadcrumbs li:before {
                        color: #c1041f
                    }

                    .node-title .subtitle {
                        color: #c1041f
                    }

                    .node-content {
                        padding: 10px;
                    }

                    &.custom-background-applied {
                        .node-breadcrumbs,
                        .node-breadcrumbs li,
                        .node-breadcrumbs li:before,
                        .node-breadcrumbs li:after,
                        .node-title .title,
                        .node-title .subtitle,
                        .node-title .separator,
                        .node-body {
                            color: white;
                        }
                    }
                }
            }
        }
    }

    .content-row.footer {
        a {
            .read-more-link-arrow-right-o;
        }
    }

    @media screen and (max-width: 970px) {
        .content-row.content {
            .column {
                &.column-first {
                    article.mkbh-node-article-display {
                        .node-inner {
                            display: block;
                        }
                    }
                }
            }
        }
    }

    @media screen and (max-width: @screen-xs-max) {
        .content-row.content {
            display: block;

            .column.column-first {
                margin-bottom: 10px;
                overflow: hidden;
                padding-right: 0;
                border-right: 0;
            }

            .sidebar.column-last {
                padding-left: 0;
            }

            .node-title a:before {
                margin-right: 0 !important;
                margin-left: 0 !important;
            }
        }

        article.mkbh-node-article-display {
            &.view-mode-medium {
                .node-inner {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal !important;
                    -webkit-box-direction: normal !important;
                    -webkit-flex-direction: row !important;
                    -ms-flex-direction: row !important;
                    flex-direction: row !important;

                    .node-image {
                        position: static;
                        -webkit-box-flex: 0;
                        -webkit-flex: 0 175px;
                        -ms-flex: 0 175px;
                        flex: 0 175px;

                        .mkbh-flowplayer {
                            min-height: auto;
                            padding: 11% 0;
                        }

                        .node-share-count {
                            bottom: initial;
                            top: 1px;
                            right: 10px;
                        }
                    }

                    .node-content {
                        -webkit-box-flex: 1;
                        -webkit-flex: 1;
                        -ms-flex: 1;
                        flex: 1;

                        .node-title {
                            font-size: 22px;
                            line-height: 24px;
                        }

                        .node-body {
                            display: none;
                        }
                    }
                }
            }

            &.view-mode-small {
                .node-inner {
                    .node-content {
                        .node-title {
                            font-size: 22px;
                            line-height: 24px;
                        }

                        .node-body {
                            display: none;
                        }
                    }
                }
            }
        }
    }

    @media screen and (max-width: 480px) {
        article.mkbh-node-article-display {
            .node-inner {
                display: block !important;

                .node-image {
                    position: relative !important;

                    .node-share-count {
                        bottom: -56px !important;
                        right: 10px !important;
                        top: initial !important;
                    }
                }
            }
        }
    }
}

.hidden {
    display: none;
}

.mkbh-block-front-du-skriver {
    .flex-grid {
        overflow: hidden;

        .flex-column {
            position: relative;
            padding-left: 10px;
            padding-right: 10px;
            border-left: 1px solid #b3b3b3;

            .node-title a:before {
                margin-right: 10px;
                margin-left: 10px;
            }

            &:first-child {
                padding-left: 0;
                border-left: 0;

                .node-title a:before {
                    margin-right: 10px;
                    margin-left: 0;
                }
            }

            &:last-child {
                padding-right: 0;
            }

            article.mkbh-node-article-display {
                .node-content {
                    padding: 9px 13px;

                    ul.node-breadcrumbs {
                        li {
                            color: #666;

                            &:not(:first-child) {
                                display: none;
                            }

                            &:first-child {
                                &:before {
                                    position: relative;
                                    top: 1px;
                                    margin-right: 5px;
                                }

                                &:after {
                                    content: none;
                                    display: none;
                                }
                            }
                        }
                    }
                }

                &.view-mode-medium {
                    .node-image {
                        .mkbh-flowplayer {
                            min-height: 182px;
                        }
                    }
                }

                &.view-mode-small {
                    position: relative;

                    &:first-of-type {
                        margin-bottom: 10px;
                        overflow: hidden;
                    }

                    .node-title a:before {
                        margin-right: 0;
                        margin-left: 0;
                    }
                }
            }
        }
    }

    .mkbh-block-front-du-skriver--static-region {
        .block-inner {
            background-color: #d0e2f7;
            border-top: 1px solid #29abe2;
            padding: 10px 10px 1000px 10px;
            margin-bottom: -1000px;
        }

        .static-title {
            font-family: 'Montserrat', sans-serif;
            font-weight: bold;
            font-size: 27px;
            line-height: 26px;
            color: #333;
            margin-bottom: 30px;
        }

        .static-body {
            font-family: 'Montserrat', sans-serif;
            font-size: 22px;
            line-height: 26px;
            color: white;
        }

        .static-link {
            position: absolute;
            bottom: 10px;
            right: 20px;

            a {
                .read-more-link-arrow-right-o-blue;

                &:active, &:focus, &:hover {
                    text-decoration: none;
                }
            }
        }
    }

    .content-row.footer {
        a {
            .read-more-link-arrow-right-o;
        }
    }

    @media screen and(max-width: 970px) {
        .content-row {
            &.flex-grid {
                -webkit-flex-direction: row;
                flex-direction: row;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;

                .flex-column {
                    overflow: hidden;
                    flex: 0 50%;
                    -webkit-flex: 0 50%;

                    &:nth-child(1), &:nth-child(2) {
                        margin-bottom: 10px;
                    }

                    &:nth-child(2) {
                        padding-right: 0;
                        border-right: none;

                        .node-title a:before {
                            margin-right: 0;
                        }
                    }

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

            .mkbh-flowplayer {
                min-height: auto;
                padding: 11% 0;
            }
        }
    }

    @media screen and (max-width: @screen-xs-max) {
        .flex-grid {
            display: block;

            .flex-column {
                padding: 0 !important;
                border-right: 0 !important;
                border-left: 0 !important;

                .node-title a:before {
                    margin-right: 0 !important;
                    margin-left: 0 !important;
                }
            }
        }

        article.mkbh-node-article-display {
            &.view-mode-medium {
                .node-inner {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal !important;
                    -webkit-box-direction: normal !important;
                    -webkit-flex-direction: row !important;
                    -ms-flex-direction: row !important;
                    flex-direction: row !important;

                    .node-image {
                        position: static;
                        -webkit-box-flex: 0;
                        -webkit-flex: 0 175px;
                        -ms-flex: 0 175px;
                        flex: 0 175px;

                        .mkbh-flowplayer {
                            min-height: auto;
                            padding: 11% 0;
                        }

                        .node-share-count {
                            bottom: initial;
                            top: 1px;
                            right: 10px;
                        }
                    }

                    .node-content {
                        -webkit-box-flex: 1;
                        -webkit-flex: 1;
                        -ms-flex: 1;
                        flex: 1;

                        .node-title {
                            font-size: 22px;
                            line-height: 24px;
                        }

                        .node-body {
                            display: none;
                        }
                    }
                }
            }

            &.view-mode-small {
                margin-bottom: 10px !important;
                overflow: hidden;

                &:last-of-type {
                    margin-bottom: 0 !important;
                }

                .node-inner {
                    .node-content {
                        .node-title {
                            font-size: 22px;
                            line-height: 24px;
                        }

                        .node-body {
                            display: none;
                        }
                    }
                }
            }
        }

        .mkbh-block-front-du-skriver--static-region {
            padding-bottom: 15px;
            text-align: center;
            margin-bottom: 10px;
            overflow: hidden;

            .block-inner {
                padding: 15px 15px 1000px 15px !important;

                .static-link {
                    position: relative !important;
                    bottom: 0 !important;
                    right: 0 !important;

                    a {
                        margin: 0;
                    }
                }
            }
        }
    }
}

.mkbh-block-front-film {
    .column-content {
        flex: 1 0 67%;
        -webkit-flex: 1 0 67%;
        margin: 0;
    }

    .column-ad {
        flex: 1 0 33%;
        -webkit-flex: 1 0 33%;
        box-shadow: 0 0 0 15px white inset;
        border: 1px solid #b3b3b3 !important;
        background-color: transparent !important;
        background: url("../images/svg/loading-default-red.svg") 50% 50% no-repeat;
        background-size: 10%;
        margin: 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;

        body.hide-ads-from-user & {
            background: transparent;
            border: none !important;
        }

        & > .dfp-tag-wrapper .dfp-tag-wrapper {
            margin: 15px auto;
        }
    }

    @media screen and(max-width: 970px) {
        .flex-grid {
            display: block;
        }
    }

    @media screen and(max-width: @screen-xs-max) {
        .view-content {
            display: block !important;

            .views-row {
                margin-bottom: 10px !important;
            }

            .fivestar-static-item {
                .fivestar-summary, p {
                    display: none;
                }
            }

            .views-field-title {
                padding-right: 0;

                a:before {
                    margin-right: 0 !important;
                }
            }
        }

        .column-content {
            margin-bottom: 10px;
        }

        .column-ad {
            border-top: 1px solid #b3b3b3;
            border-bottom: 1px solid #b3b3b3;
        }
    }
}

.mkbh-block-front-vision {
    .content-row.vision-large {
        overflow: hidden;
        margin-bottom: 15px;

        article.mkbh-node-vision-display {
            .node-inner {
                position: relative;
                display: flex;
                display: -webkit-flex;
                flex-direction: row;
                -webkit-flex-direction: row;
            }

            .node-image {
                flex: 1;
                -webkit-flex: 1;

                .field-article-mi-image {
                    width: 100%;
                    height: 100%;
                    position: relative;

                    picture > * {
                        height: 100% !important;
                        object-fit: cover;
                    }
                }
            }

            .node-content {
                flex: 0 0 24.5%;
                -webkit-flex: 0 0 24.5%;
                padding-bottom: 0;
            }
        }
    }

    .content-row.vision-small {
        position: relative;
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        -webkit-flex-direction: row;

        .column.vision-static {
            flex: 0 0 235px;
            -webkit-flex: 0 0 235px;
        }

        .column.vision-small {
            flex: 1;
            -webkit-flex: 1;

            .vision-small-grid {
                position: relative;
                display: flex;
                display: -webkit-flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                border-right: 1px solid #b3b3b3;

                .column.vision-item-small {
                    position: relative;
                    flex: 0 0 50%;
                    -webkit-flex: 0 0 50%;
                    box-sizing: border-box;
                    overflow: hidden;
                    margin-bottom: 15px;

                    &:nth-last-child(-n+2) {
                        margin-bottom: 0;
                    }

                    &:nth-of-type(odd) {
                        padding-right: 15px;

                        article.mkbh-node-vision-display {
                            position: static;

                            .node-content {
                                .node-title a:before {
                                    margin-right: 15px !important;
                                }

                                .node-content-inner {
                                    padding-right: 100px;
                                }

                                .node-chart {
                                    position: absolute;
                                    top: 0;
                                    right: 5px;
                                }
                            }
                        }
                    }

                    &:nth-of-type(even) {
                        padding-right: 10px;
                    }

                    article.mkbh-node-vision-display {
                        position: static;

                        .node-content {
                            display: flex;
                            display: -webkit-flex;
                            flex-direction: row;
                            -webkit-flex-direction: row;

                            .node-title {
                                word-wrap: normal;
                                word-break: normal;

                                a:before {
                                    margin-right: 10px;
                                }
                            }

                            .node-content-inner {
                                padding-right: 100px;
                                flex-grow: 1;
                                -webkit-flex-grow: 1;
                            }

                            .node-chart {
                                position: absolute;
                                top: 0;
                                right: 0;
                                height: 100%;
                                align-items: center;
                                justify-content: center;
                                display: flex;
                                min-width: 0;
                                flex: 0 0 140px;
                                -webkit-flex: 0 0 140px;

                                .rate-chart {
                                    width: 140px;
                                    height: 140px;
                                }
                            }
                        }
                    }
                }
            }
        }

        .column.vision-static {
            position: relative;
            margin-left: 10px;
            background-color: #c6cee1;
            border-top: 1px solid #0071bc;

            .block-inner {
                padding: 10px;
            }

            .static-title {
                font-family: 'Montserrat', sans-serif;
                font-weight: bold;
                font-size: 27px;
                line-height: 26px;
                color: #333;
                margin-bottom: 30px;
            }

            .static-body {
                font-family: 'Montserrat', sans-serif;
                font-size: 22px;
                line-height: 26px;
                color: white;
            }

            .static-link {
                position: absolute;
                bottom: 10px;
                right: 20px;

                a {
                    .read-more-link-arrow-right-o-blue;
                }
            }
        }
    }

    .content-row.footer {
        a {
            .read-more-link-arrow-right-o;
        }
    }

    @media screen and(max-width: 970px) {
        .content-row.vision-large {
            article.mkbh-node-vision-display {
                .node-inner {
                    display: block;

                    .node-content {
                        display: flex;

                        .node-chart {
                            flex: 0 20%;
                        }

                        .node-content-inner {
                            flex: 1;

                            .node-body {
                                margin-bottom: 10px;
                            }
                        }

                        .node-chart {
                            .rate-chart {
                                width: 150px;
                                height: 150px;
                                float: right;
                                margin: 0;
                            }

                            .highcharts-title {
                                font-size: 18px !important;
                            }
                        }
                    }
                }
            }
        }

        .content-row.vision-small {
            article.mkbh-node-vision-display {
                .node-inner {
                    .node-content {
                        .node-chart {
                            .rate-chart {
                                width: 135px;
                                height: 135px;
                                float: right;
                                margin: 0;
                                position: relative;
                                right: -20px;
                            }

                            .highcharts-title {
                                font-size: 16px !important;
                            }
                        }
                    }
                }
            }
        }
    }

    @media screen and(min-width: 971px) and(max-width: 992px) {
        .content-row.vision-small {
            .column.vision-small .vision-small-grid {
                .column.vision-item-small {
                    &:nth-of-type(odd) {
                        article.mkbh-node-vision-display {
                            position: static;

                            .node-content {
                                .node-content-inner {
                                    padding-right: 100px;
                                }

                                .node-chart {
                                    position: absolute;
                                    top: 0;
                                    right: 5px !important;
                                }
                            }
                        }
                    }

                    &:nth-of-type(even) {
                        article.mkbh-node-vision-display {
                            position: static;

                            .node-content {
                                .node-content-inner {
                                    padding-right: 100px;
                                }

                                .node-chart {
                                    position: absolute;
                                    top: 0;
                                    right: -10px !important;
                                }
                            }
                        }
                    }
                }
            }

            .column.vision-static {
                margin-left: 0;
                text-align: center;

                .block-inner {
                    padding: 15px !important;
                }

                .static-link {
                    position: relative !important;
                    bottom: 0 !important;
                    right: 0 !important;

                    a {
                        margin: 0;
                    }
                }
            }
        }
    }

    @media screen and(max-width: @screen-sm-max) {
        .content-row.vision-small {
            display: block;

            .column.vision-small .vision-small-grid {
                margin-bottom: 15px;
                border-right: 0;

                .column.vision-item-small {
                    &:nth-of-type(odd) {
                        article.mkbh-node-vision-display {
                            position: static;

                            .node-content {
                                .node-content-inner {
                                    padding-right: 100px;
                                }

                                .node-chart {
                                    position: absolute;
                                    top: 0;
                                    right: 25px;
                                }
                            }
                        }
                    }

                    &:nth-of-type(even) {
                        padding-right: 0;

                        article.mkbh-node-vision-display {
                            position: static;

                            .node-content {
                                .node-title a:before {
                                    margin-right: 0 !important;
                                }

                                .node-content-inner {
                                    padding-right: 100px;
                                }

                                .node-chart {
                                    position: absolute;
                                    top: 0;
                                    right: 10px;
                                }
                            }
                        }
                    }
                }
            }

            .column.vision-static {
                margin-left: 0;
                text-align: center;

                .block-inner {
                    padding: 15px !important;
                }

                .static-link {
                    position: relative !important;
                    bottom: 0 !important;
                    right: 0 !important;

                    a {
                        margin: 0;
                    }
                }
            }
        }
    }

    @media screen and(max-width: @screen-xs-max) {
        .content-row.vision-small, .vision-small-grid {
            display: block !important;
        }

        .content-row.vision-small {
            .column.vision-small .vision-small-grid {
                margin-bottom: 0 !important;
            }
        }

        .content-row.vision-large {
            margin-bottom: 10px !important;
        }

        .content-row.vision-small {
            .vision-small-grid {
                border-right: none !important;

                .vision-item-small {
                    padding-right: 0 !important;
                    margin-bottom: 10px !important;
                }
            }

            .column.vision-static {
                margin-left: 0;
            }
        }

        .column.vision-static {
            text-align: center;

            .block-inner {
                padding: 15px !important;
            }

            .static-link {
                position: relative !important;
                bottom: 0 !important;
                right: 0 !important;

                a {
                    margin: 0;
                }
            }
        }

        .content-row {
            article.mkbh-node-vision-display.node-type-vision {
                .node-inner {
                    .node-content {
                        .node-content-inner {
                            padding-right: 75px;

                            .node-sub-type {
                                margin-bottom: 10px;
                            }

                            .node-title {
                                font-size: 20px;
                                line-height: 22px;
                                margin-bottom: 0;
                            }

                            .node-sub-headline {
                                font-size: 10px;
                                line-height: 16px;

                                &:before {
                                    display: inline-block;
                                    vertical-align: middle;
                                    content: '';
                                    background: url("../images/sprites/build/sprites.png?v=1.001") @sprite-icon-vision-location-sm-offset-x @sprite-icon-vision-location-sm-offset-y no-repeat;
                                    width: @sprite-icon-vision-location-sm-width;
                                    height: @sprite-icon-vision-location-sm-height;
                                    margin-right: 5px;
                                }
                            }
                        }

                        .node-chart {
                            position: absolute !important;
                            right: 10px !important;

                            .rate-chart {
                                width: 120px !important;
                                height: 120px !important;
                                float: right !important;
                                margin: 0 !important;
                                position: relative;
                                right: -20px;
                            }

                            .highcharts-title {
                                font-size: 14px !important;
                            }
                        }
                    }
                }

                &.view-mode-large {
                    .node-inner .node-content .node-chart {
                        top: auto;
                    }
                }
            }
        }
    }

    @media screen and(min-width: @screen-md-min) {
        .node-content {
            display: flex;
            display: -webkit-flex;
            flex-direction: column;
            -webkit-flex-direction: column;

            & > * {
                flex: 1;
                -webkit-flex: 1;
            }

            .node-chart {
                margin-top: auto;
            }
        }
    }
}

.mkbh-block-article-header {
    margin-bottom: 20px;

    .block-inner {
        padding-top: 20px;
        padding-bottom: 5px;
        margin-left: -40px;
        margin-right: -40px;
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        -webkit-flex-direction: row;

        & > .gutter-left {
            flex: 0 0 240px;
            -webkit-flex: 0 0 240px;
        }

        & > .gutter-right {
            flex: 0 0 400px;
            -webkit-flex: 0 0 400px;
        }

        & > .content {
            flex: 1;
            -webkit-flex: 1;
        }
    }

    ul.node-breadcrumbs {
        padding: 0;
        list-style: none none;
        margin-bottom: 10px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 100;
        font-size: 17px;
        letter-spacing: 0.04em;
        color: #666;
        text-transform: uppercase;

        li {
            display: inline-block;
            vertical-align: middle;

            &:not(.last):after {
                .mkbh-icon('d', 12px, #666);
                margin-left: 18px;
                margin-right: 10px;
            }

            span {
                color: #666;
            }

            a {
                text-decoration: none;
                color: inherit;
            }
        }

        .node-type:before {
            .mkbh-icon('e', 15px, #c1041f);
            margin-right: 5px;
            position: relative;
            top: 1px;
        }

        .node-location:before {
            .mkbh-icon('b', 15px, #c1041f);
            margin-right: 5px;
            position: relative;
            top: 1px;
        }
    }

    .main-title {
        font-family: 'Montserrat', sans-serif;
        font-size: 42px;
        line-height: 44px;
        margin-bottom: 25px;
        word-wrap: break-word;
        //word-break: keep-all;
        color: #1a1a1a;

        a, a:hover, a:active {
            text-decoration: none;
        }
    }

    .sub-title {
        font-family: 'Caecilia LT Std', sans-serif;
        font-size: 22px;
        color: #999;
        line-height: 26px;
        margin-bottom: 10px;
        word-wrap: break-word;
        //word-break: keep-all;

        a, a:hover, a:active {
            text-decoration: none;
        }
    }

    .debug {
        font-family: 'Caecilia LT Std', sans-serif;
        font-size: 19px;
        color: #1a1a1a;
        line-height: 26px;
        margin-bottom: 10px;
        word-wrap: break-word;
        border-top: 1px solid #999;
        padding-top: 10px;
        border-bottom: 1px solid #999;
        padding-bottom: 10px;
    }

    ul.review-meta-items {
        margin: 0 0 25px;
        padding: 0;
        list-style: none;
        display: table;
        width: 100%;

        li {
            font-family: 'Caecilia LT Std', sans-serif;
            font-size: 20px;
            line-height: 22px;
            margin-bottom: 10px;
            color: #e6e6e6;
            float: none;
            display: table-cell;
            text-align: left;
            vertical-align: top;

            &.item-director-theatre:before {
                .mkbh-icon('i', 18px, #fff);
                margin-right: 5px;
                position: relative;
                top: 1px;
            }

            &.item-premiere {
                text-align: center;
            }

            &.item-rating {
                text-align: right;

                .fivestar-mkbh div.fivestar-widget-static .star span.on {
                    background: url("../../../../../modules/custom/mkbh_fivestar/widgets/MKBH/images/icon_fivestar_star_white_on.svg");
                }

                .fivestar-mkbh div.fivestar-widget-static .star span.off {
                    background: url("../../../../../modules/custom/mkbh_fivestar/widgets/MKBH/images/icon_fivestar_star_white_off.svg");
                }

                /* Javascript Star Version */

                .fivestar-mkbh div.fivestar-widget .star,
                .fivestar-mkbh div.fivestar-widget .star a {
                    background: url("../../../../../modules/custom/mkbh_fivestar/widgets/MKBH/images/icon_fivestar_star_white_off.svg");
                }

                .fivestar-mkbh div.fivestar-widget div.hover a,
                .fivestar-mkbh div.rating div a:hover {
                    background: url("../../../../../modules/custom/mkbh_fivestar/widgets/MKBH/images/icon_fivestar_star_white_off.svg");
                }

                .star {
                    color: transparent;
                    width: 18px;
                    height: 17px;
                    margin-right: 3px;
                    float: none;
                    display: inline-block;
                    vertical-align: top;

                    span {
                        color: transparent;
                        text-indent: 100%;
                        white-space: nowrap;
                        overflow: hidden;
                    }
                }

                .form-item {
                    margin: 0;
                }
            }
        }
    }

    &.article-type-article {
        &.article-sub-type-opinion {
            background-color: #69c4bb;

            .block-inner {
                background-color: #00a99d;
            }

            ul.node-breadcrumbs {
                li {
                    color: #00362f;

                    &:not(.last):after {
                        .mkbh-icon('d', 12px, #006b5e);
                    }

                    span {
                        color: #006b5e;
                    }
                }

                .node-type:before {
                    color: #fff;
                }

                .node-location:before {
                    color: #fff;
                }
            }

            .main-title {
                color: white;
            }

            .sub-title {
                color: white;
            }
        }

        &.article-lang-lesser {
            background-color: #f4f2ed;
            border-bottom: 1px solid #e6e6e6;

            .block-inner {
                background-color: #f4f2ed;
            }

            ul.node-breadcrumbs {
                li {
                    color: #a49091;

                    &:not(.last):after {
                        .mkbh-icon('d', 12px, #a49091);
                    }

                    span {
                        color: #c0b7ae;
                    }
                }

                .node-type:before {
                    color: #c0b7ae;
                }

                .node-location:before {
                    color: #c0b7ae;
                }
            }

            .main-title {
                color: #303030;
            }

            .sub-title {
                color: #303030;
            }
        }

        &.article-sub-type-sponsoreret {
            background-color: transparent;

            .block-inner {
                background-color: transparent;
            }

            ul.node-breadcrumbs {
                li {
                    color: #4d4d4d;

                    &:not(.last):after {
                        .mkbh-icon('d', 12px, #4d4d4d);
                    }

                    span {
                        color: #4d4d4d;
                    }
                }

                .node-type:before {
                    color: #4d4d4d;
                }

                .node-location:before {
                    color: #4d4d4d;
                }
            }

            .main-title {
                color: #1a1a1a;
            }

            .sub-title {
                color: #999;
            }
        }
    }

    &.article-type-you-write {
        background-color: #61c3e5;

        .block-inner {
            background-color: #29abe2;
        }

        ul.node-breadcrumbs {
            li {
                color: #023c56;

                &:not(.last):after {
                    .mkbh-icon('d', 12px, #176475);
                }

                span {
                    color: #176475;
                }
            }

            .node-type:before {
                color: #fff;
            }

            .node-location:before {
                color: #fff;
            }
        }

        .main-title {
            color: white;
        }

        .sub-title {
            color: white;
        }
    }

    &.article-type-vision {
        background-color: #2887bc;

        .block-inner {
            background-color: #0071bc;
        }

        ul.node-breadcrumbs {
            li {
                color: #023c56;

                &:not(.last):after {
                    .mkbh-icon('d', 12px, #023c56);
                }

                span {
                    color: #023c56;
                }
            }

            .node-type:before {
                color: #fff;
            }

            .node-location:before {
                color: #fff;
            }
        }

        .main-title {
            color: white;
        }

        .sub-title {
            color: white;
        }
    }

    &.article-type-photo-series {
        background-color: transparent;

        .block-inner {
            background-color: transparent;
        }

        ul.node-breadcrumbs {
            li {
                color: #e6e6e6;

                &:not(.last):after {
                    .mkbh-icon('d', 12px, #e6e6e6);
                }

                span {
                    color: #e6e6e6;
                }
            }

            .node-type:before {
                color: #f7931e;
            }

            .node-location:before {
                color: #f7931e;
            }
        }

        .main-title {
            color: white;
        }

        .sub-title {
            color: #b3b3b3;
        }
    }

    &.article-type-review {
        background-color: #e1979a;

        .block-inner {
            background-color: #cd5257;
        }

        ul.node-breadcrumbs {
            li {
                color: #7a0622;

                &:not(.last):after {
                    .mkbh-icon('d', 12px, #7a0622);
                }

                span {
                    color: #7a0622;
                }
            }

            .node-type:before {
                color: #fff;
            }

            .node-review-type {
                &.node-review-type-scene:before {
                    .mkbh-icon('b', 15px, #fff);
                }

                &:before {
                    .mkbh-icon('h', 15px, #fff);
                    margin-right: 5px;
                    position: relative;
                    top: 1px;
                }
            }

            .node-location:before {
                color: #fff;
            }
        }

        .main-title {
            color: white;
        }

        .sub-title {
            color: white;
        }
    }

    &.article-type-projekt {
        background-color: #c2c2c2;

        .block-inner {
            background-color: #707070;

            & > .gutter-right {
                flex: 0 0 80px;
                -webkit-flex: 0 0 80px;
            }
        }

        ul.node-breadcrumbs {
            li {
                color: #e6e6e6;

                &:not(.last):after {
                    .mkbh-icon('d', 12px, #7a0622);
                }

                span {
                    color: #7a0622;
                }
            }

            .node-type:before {
                display: inline-block;
                width: 16px;
                height: 16px;
                content: '';
                background: url("../images/svg/icon_breadcrumb-building.svg") 50% 50% no-repeat;
                background-size: 100%;
            }
        }

        .main-title {
            color: white;
        }

        .sub-title {
            color: white;
        }
    }

    @media screen and(max-width: 1200px) {
        .block-inner {
            margin-right: -10px;
            margin-left: -10px;
            padding-right: 10px;
            padding-left: 10px;

            & > .gutter-left {
                display: none;
            }
        }

        &.article-type-photo-series {
            .block-inner {
                & > .gutter-left, & > .gutter-right {
                    display: none;
                }
            }
        }
    }

    @media screen and (max-width: @screen-sm-max) {
        & > .container {
            width: @screen-sm;
            margin: 0 auto;
        }

        .block-inner {
            padding-right: 15px;
            padding-left: 15px;
            margin-right: -15px;
            margin-left: -15px;

            & > .gutter-right {
                display: none;
            }
        }
    }

    @media screen and (max-width: @screen-xs-max) {
        & > .container {
            width: auto;
            margin: 0;
        }

        ul.review-meta-items {
            display: block;

            li {
                display: block;
                text-align: left !important;
            }
        }
    }
}

.mkbh-block-article-main-photo {
    .node-main-media-widget {
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        -webkit-flex-direction: row;

        .column {
            flex: 1;
            -webkit-flex: 1;

            &.sidebar {
                flex: 0 0 200px;
                -webkit-flex: 0 0 200px;

                .ie11 & {
                    flex: 0 0 185px;
                    -webkit-flex: 0 0 185px;
                }
            }
        }
    }

    .media-details {
        padding-right: 15px;
        text-align: right;

        .caption {
            margin-bottom: 15px;
            line-height: 1.24em;
            color: #808080;

            &:before {
                .mkbh-icon('c', 14px, #c1041f);
                display: inline;
                margin-right: 3px;
                position: relative;
                top: 1px;
            }

            div {
                display: inline;
                font-size: inherit;
            }

            .field-article-mi-caption {
                font-size: 16px;
                line-height: 1.3em;
            }
        }

        .author {
            font-size: 12px;
            font-style: italic;
            color: #999;

            label, div {
                display: inline;
                font-size: inherit;
            }
        }
    }

    .media-file {
        img {
            width: 100%;
        }
    }

    &.article-type-article {
        &.article-sub-type-opinion {
            .media-details .caption:before {
                .mkbh-icon('c', 14px, #00a99d);
            }
        }

        &.article-lang-lesser {
            .media-details .caption:before {
                .mkbh-icon('c', 14px, #c1041f);
            }
        }

        &.article-sub-type-sponsoreret {
            .media-details .caption:before {
                .mkbh-icon('c', 14px, #4d4d4d);
            }
        }
    }

    &.article-type-you-write {
        .media-details .caption:before {
            .mkbh-icon('c', 14px, #29abe2);
        }
    }

    &.article-type-vision {
        .media-details .caption:before {
            .mkbh-icon('c', 14px, #0071bc);
        }
    }

    &.article-type-photo-series {
        padding-right: 360px;

        .media-details .caption {
            color: #999;
        }

        .media-details .author {
            color: #808080;
        }

        .media-details .caption:before {
            .mkbh-icon('c', 14px, #f7931e);
        }
    }

    @media screen and(max-width: 1200px) {
        .node-main-media-widget {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -webkit-flex-direction: column-reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;

            .column {
                flex: 1;
                -webkit-flex: 1;

                &.sidebar {
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 auto;
                    flex: 0 0 auto;
                    -webkit-flex: 0 0 auto;
                }
            }
        }

        .media-details {
            margin-top: 10px;
            text-align: left;

            .caption, .author {
                display: inline;
                vertical-align: top;
            }
        }

        &.article-type-photo-series {
            padding-right: 0;
        }
    }
}

.mkbh-block-article-content {
    overflow: hidden;
    position: relative;

    .content {
        font-family: 'Caecilia LT Std', sans-serif;
        font-weight: 400;
        font-size: 18px;
        color: #303030;
        line-height: 1.5em;

        img {
            margin-bottom: 15px;

            &[style*="float:left"] {
                margin-top: 15px;
                margin-bottom: 15px;
                margin-right: 15px;
            }

            &[style*="float:right"] {
                margin-top: 15px;
                margin-bottom: 15px;
                margin-left: 15px;
            }
        }

        p:empty {
            display: none;
        }

        .field-body {
            padding-left: 200px;

            ul:not(.contextual-links):not(.krumo-node):not(.node-breadcrumbs) {
                font-size: 16px;
                list-style: none none;
                padding-left: 22px;
                margin-bottom: 35px;

                li {
                    position: relative;
                    margin-bottom: 10px;

                    &:before {
                        .mkbh-icon('f', 12px, #c1041f);
                        position: absolute;
                        top: 6px;
                        left: -22px;
                    }

                    ul {
                        padding-left: 25px;
                        margin: 0;
                    }
                }
            }

            ol:not(.contextual-links):not(.krumo-node):not(.node-breadcrumbs) {
                font-size: 16px;
                list-style: none none;
                padding-left: 22px;
                margin-bottom: 35px;

                li {
                    position: relative;
                    margin-bottom: 10px;

                    &:before {
                        .mkbh-icon('f', 12px, #c1041f);
                        position: absolute;
                        top: 6px;
                        left: -22px;
                    }

                    ol {
                        padding-left: 25px;
                        margin: 0;
                    }
                }
            }

            a {
                color: #c1041f;
                text-decoration: none;

                &:hover {
                    text-decoration: underline;
                }
            }

            .leaflet-control-container {
                a {
                    color: #000;
                    text-decoration: none;

                    &:hover {
                        text-decoration: none;
                    }
                }
            }

            p:last-child {
                margin-bottom: 0;
            }

            h3, h4, h5, h6 {
                font-size: 20px;
                margin-bottom: 5px;

                & + p {
                    margin-top: 0;
                }
            }

            h2 {
                margin-top: 30px;
            }

            & > .dfp-tag-wrapper .dfp-tag-wrapper {
                float: right;
                margin-left: 10px;
                margin-top: 5px;
                margin-bottom: 10px;

                & > div {
                    display: inline-block !important;
                    vertical-align: top;
                    width: 322px !important;
                    height: 272px !important;
                    border: 1px solid #b3b3b3 !important;
                    padding: 10px;
                }

                @media screen and (max-width: @screen-xs-max) {
                    float: none;

                    margin-left: auto;
                    margin-right: auto;

                    & > div {
                        margin: 0 auto !important;
                        display: block !important;
                    }
                }
            }
        }

        .messages {
            padding-left: 200px;

            &:empty {
                display: none;
            }
        }

        .mkbh-block-article-content-sidebar {
            float: left;
            width: 200px;
            padding-right: 15px;
            margin-bottom: 15px;
            margin-top: 5px;
            position: relative;
            z-index: 100;

            .sidebar-items {
                margin: 0;
                padding: 0;
                list-style: none none;

                li {
                    padding: 5px 0;
                    border-top: 1px solid #e6e6e6;
                    font-family: 'Caecilia LT Std', serif;
                    color: #666;

                    &:last-of-type {
                        border-bottom: 1px solid #e6e6e6;
                    }

                    &.item-vision-sub-type {
                        background-color: #eaecf2;
                        padding: 0;
                        margin-bottom: 10px;
                        text-align: center;
                        font-family: 'Montserrat', sans-serif;
                        font-size: 16px;
                        letter-spacing: 0.05em;
                        color: #0071bc;
                        height: 30px;
                        line-height: 30px;
                        margin-bottom: 15px;

                        &.item-vision-sub-type-tegnestuevision {
                            background-color: #0071bc;
                            color: #fff;
                        }
                    }

                    &.item-author {
                        font-size: 20px;
                        color: #1a1a1a;

                        a {
                            color: inherit;
                        }
                    }

                    &.item-info-about-write {
                        font-size: 16px;
                        line-height: 20px;
                        color: #999;
                        border-top: 0;
                        padding-top: 0;
                        margin-top: -5px;
                    }

                    &.item-writer-photo {
                        border-top: 0;
                        text-align: center;
                        height: 180px;
                        width: 180px;
                        overflow: hidden;
                        margin: 0 auto 10px auto;
                        padding: 0;

                        img {
                            border-radius: 50%;
                            width: 100%;
                            height: auto;
                            margin-bottom: 0;
                        }
                    }

                    &.item-post-date {
                        display: flex;
                        display: -webkit-flex;

                        .date-day {
                            flex: 0 0 auto;
                            -webkit-flex: 0 0 auto;
                            padding-right: 5px;
                            font-size: 38px;
                            line-height: 28px;
                        }

                        .date-month-year {
                            flex: 1;
                            -webkit-flex: 1;

                            .date-month, .date-year {
                                text-transform: lowercase;
                                font-size: 16px;
                                line-height: 16px;
                            }
                        }
                    }

                    &.item-social-widget {
                        .mkbh-social-share-widget {
                            padding: 0;
                            border-width: 0;

                            .share-buttons, .share-count {
                                display: block;
                                width: 100%;
                            }
                        }
                    }

                    &.item-related-projects {
                        padding-right: 15px;

                        h3 {
                            margin-top: 5px;
                            margin-bottom: 0;
                            font-family: 'Caecilia LT Std', sans-serif;
                            font-size: 16px;
                            line-height: 16px;
                            color: #666;
                        }

                        ul:not(.contextual-links):not(.krumo-node) {
                            font-size: 16px;
                            list-style: none;
                            padding-left: 0;
                            margin-bottom: 10px;

                            li {
                                border-top: 0;
                                border-bottom: 0;
                                line-height: 18px;

                                &:before {
                                    .mkbh-icon('f', 12px, #c1272d);
                                    margin-right: 5px;
                                    position: relative;
                                    top: 1px;
                                }

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

                    &.item-vision-rate-widget {
                        padding-top: 60px;
                        border-bottom: 0;

                        h3.rate-title {
                            font-family: 'Montserrat', sans-serif;
                            font-weight: 900;
                            font-size: 24px;
                            text-align: center;
                            line-height: 24px;
                            letter-spacing: -0.06em;
                            color: #1a1a1a;
                            margin: 2px 0 0;
                        }

                        .rate-widget {
                            opacity: 1;
                            .transition(opacity 250ms cubic-bezier(0.250, 0.100, 0.250, 1.000));

                            &.ajax-processing {
                                opacity: 0.5;
                            }

                            .rate-action {
                                position: relative;
                                text-align: center;

                                .fa {
                                    font-size: 32px;
                                    color: #0071bc;
                                }
                            }

                            .rate-chart {
                                width: 130px;
                                height: 130px;
                                margin: 0 auto;
                            }

                            .extra-information {
                                padding-top: 10px;

                                .rate-total-result,
                                .rate-total-votes {
                                    text-align: center;
                                    font-size: 16px;
                                    line-height: 18px;
                                    color: #999;
                                    margin-bottom: 20px;

                                    .rate-total-result-value,
                                    .rate-total-votes-value {
                                        color: #1a1a1a;
                                    }

                                    .rate-total-votes-value {
                                        display: block;
                                        margin-bottom: 20px;

                                        & + span {
                                            font-size: 14px;
                                            display: inline-block;
                                            padding: 0 10px;
                                        }
                                    }

                                    .fa {
                                        color: #0071bc;
                                    }
                                }
                            }
                        }
                    }

                    p {
                        margin: 0;
                    }
                }
            }

            .sidebar-static-items {
                margin: 0;
                padding: 0;
                list-style: none none;
                position: absolute;
                bottom: 0;
            }

            &.article-type-article {
                &.article-sub-type-opinion {
                    .sidebar-items {
                        li {
                            &.item-related-projects {
                                ul:not(.contextual-links):not(.krumo-node) {
                                    li:before {
                                        .mkbh-icon('f', 12px, #00a99d);
                                    }
                                }
                            }
                        }
                    }
                }

                &.article-lang-lesser {
                    .sidebar-items {
                        li {
                            &.item-related-projects {
                                ul:not(.contextual-links):not(.krumo-node) {
                                    li:before {
                                        .mkbh-icon('f', 12px, #c1041f);
                                    }
                                }
                            }
                        }
                    }
                }

                &.article-sub-type-sponsoreret {
                    .sidebar-items {
                        li {
                            &.item-related-projects {
                                ul:not(.contextual-links):not(.krumo-node) {
                                    li:before {
                                        .mkbh-icon('f', 12px, #4d4d4d);
                                    }
                                }
                            }
                        }
                    }
                }
            }

            &.article-type-vision {
                .sidebar-items {
                    li {
                        &.item-related-projects {
                            ul:not(.contextual-links):not(.krumo-node) {
                                li:before {
                                    .mkbh-icon('f', 12px, #0071bc);
                                }
                            }
                        }
                    }
                }
            }

            &.article-type-photo-series {
                &.photo-series-long {
                    position: static;
                }

                .sidebar-items {
                    min-height: 605px;

                    li {
                        border-top: 1px solid #b3b3b3;
                        color: #999;

                        &:last-of-type {
                            border-bottom: 1px solid #b3b3b3;
                        }

                        &.item-author {
                            color: #fff;

                            a {
                                color: inherit;
                            }
                        }

                        &.item-info-about-write {
                            color: #999;
                            border-top: 0;
                            padding-top: 0;
                            margin-top: -5px;
                        }

                        &.item-related-projects {
                            h3 {
                                color: #999;
                            }

                            ul:not(.contextual-links):not(.krumo-node) {
                                li {
                                    &:before {
                                        .mkbh-icon('f', 12px, #f7931e);
                                    }

                                    a {
                                        color: #e6e6e6;
                                    }
                                }
                            }
                        }
                    }
                }
            }

            &.article-type-projekt {
                margin-top: 0;
            }

            @media screen and(max-width: 1200px) {
                float: none;
                width: 100%;

                padding: 0;

                .sidebar-static-items {
                    display: none;
                }

                .sidebar-items {
                    min-height: 0 !important;
                }

                &.article-type-projekt {
                    display: none;
                }
            }
        }

        .mkbh-block-photo-series-photos {
            padding-left: 200px;

            ul.photo-series-photos {
                padding: 0;
                margin: 0;
                list-style: none none;

                li.photo-series-photo {
                    margin-bottom: 15px;

                    &:last-child {
                        margin-bottom: 0;
                    }

                    .flex-column.photo {
                        flex: 1 1 auto;
                    }

                    .flex-column.photo-information {
                        flex: 0 0 360px;
                        padding-left: 20px;

                        .caption-photographer {
                            font-family: "Caecilia LT Std", serif;
                            font-size: 14px;
                            line-height: 18px;
                            border-top: 1px solid #b3b3b3;
                            padding-top: 8px;
                            margin-top: 1px;

                            .caption {
                                color: #999;

                                &:before {
                                    .mkbh-icon('c', 14px, #f7931e);
                                    display: inline;
                                    margin-right: 3px;
                                    position: relative;
                                    top: 1px;
                                }

                                & * {
                                    display: inline;
                                    font-size: inherit;
                                }
                            }

                            .photographer {
                                color: #808080;
                                font-size: 12px;
                                font-style: italic;

                                & * {
                                    display: inline;
                                    font-size: inherit;
                                }
                            }
                        }

                        .mkbh-social-share-widget {
                            padding: .5em 0;
                            border-top: none;
                        }
                    }
                }
            }

            img {
                margin-bottom: 0;

                &[style*="float:left"] {
                    margin-top: 0;
                    margin-bottom: 0;
                    margin-right: 0;
                }

                &[style*="float:right"] {
                    margin-top: 0;
                    margin-bottom: 0;
                    margin-left: 0;
                }
            }

            .photo-series-attached-widgets {
                .mkbh-token-mkbh-inline-photo-series-cta-email-modal {
                    display: none;
                    width: 100%;
                    padding-right: 360px;
                    margin: 0;
                }
            }

            @media screen and(max-width: 1200px) {
                padding-left: 0;

                .photo-series-attached-widgets {
                    .mkbh-token-mkbh-inline-photo-series-cta-email-modal {
                        display: block;
                        margin-top: 15px;
                    }
                }
            }

            @media screen and (max-width: @screen-sm-max) {
                .flex-grid {
                    display: block;
                }

                ul.photo-series-photos {
                    li.photo-series-photo {
                        .flex-column.photo {
                            margin-bottom: 0;
                        }

                        .flex-column.photo-information {
                            margin-bottom: 0;
                            padding-left: 0;
                            border-top: 1px solid #b3b3b3;
                            border-bottom: 1px solid #b3b3b3;
                            padding-top: 10px;
                            padding-bottom: 10px;

                            .caption-photographer {
                                border-top: 0;
                                padding-top: 0;
                            }
                        }
                    }
                }

                .photo-series-attached-widgets {
                    .mkbh-token-mkbh-inline-photo-series-cta-email-modal {
                        margin-top: 15px;
                        padding-right: 0;
                    }
                }
            }
        }

        .mkbh-block-article-inline-vision-rate-widget {
            position: relative;
            float: left;
            clear: both;
            width: 185px;
            margin-left: 0;
            margin-right: 15px;
            margin-bottom: 15px;
            margin-top: 5px;

            .inline-vision-rate-widget {
                padding-top: 60px;
                border-bottom: 0;

                h3.rate-title {
                    font-family: 'Montserrat', sans-serif;
                    font-weight: 900;
                    font-size: 24px;
                    text-align: center;
                    line-height: 24px;
                    letter-spacing: -0.06em;
                    color: #1a1a1a;
                    margin: 2px 0 18px;
                }

                .rate-action {
                    height: 40px;

                    .rate-thumb {
                        height: 40px;
                        width: 40px;
                        position: relative;
                        display: inline-block;

                        .rate-image {
                            position: absolute;
                            top: 0;
                            left: 0;
                            bottom: 0;
                            right: 0;
                            height: 32px;
                            width: 32px;
                            margin: auto;
                            background-size: contain;
                        }
                    }

                    .rate-image:hover {
                        width: 40px;
                        height: 40px;
                    }

                    &-up .rate-image {
                        background: url("../images/rate-widget/thumbs-up-blck.svg") no-repeat;
                        background-size: contain;
                    }


                    &-down .rate-image {
                        background: url("../images/rate-widget/thumbs-down-blck.svg") no-repeat;
                        background-size: contain;
                    }
                }

                .rate-widget-vote-positive .rate-action-up .rate-image {
                    background: url("../images/rate-widget/thumbs-up-blue.svg") no-repeat;
                    background-size: contain;
                }

                .rate-widget-vote-negative .rate-action-down .rate-image {
                    background: url("../images/rate-widget/thumbs-down-blue.svg") no-repeat;
                    background-size: contain;
                }

                .rate-widget {
                    opacity: 0.5;
                    .transition(opacity 250ms cubic-bezier(0.250, 0.100, 0.250, 1.000));

                    &.ajax-processing {
                        opacity: 0.5;
                    }

                    &.ajax-processed {
                        opacity: 1;
                    }

                    .rate-action {
                        position: relative;
                        text-align: center;

                        .fa {
                            font-size: 32px;
                            color: #0071bc;
                        }


                    }

                    .rate-chart {
                        width: 130px;
                        height: 130px;
                        margin: 0 auto;
                    }

                    .extra-information {
                        padding-top: 28px;

                        .rate-total-result,
                        .rate-total-votes {
                            text-align: center;
                            font-size: 16px;
                            line-height: 18px;
                            color: #999;
                            margin-bottom: 20px;

                            .rate-total-result-value,
                            .rate-total-votes-value {
                                color: #1a1a1a;
                            }

                            .rate-total-votes-value {
                                display: block;
                                margin-bottom: 20px;

                                & + span {
                                    font-size: 14px;
                                    display: inline-block;
                                    padding: 0 10px;
                                }
                            }

                            .fa {
                                color: #0071bc;
                            }
                        }
                    }
                }
            }

            @media screen and (max-width: 1200px) {
                margin-left: 0;

                .inline-vision-rate-widget {
                    padding-top: 0;
                }
            }

            @media screen and (max-width: 420px) {
                width: 100%;
                float: none;
            }
        }

        .mkbh-block-article-inline-images {
            margin-left: -200px;
            padding-left: 200px;

            &.has-full-width-images {
                padding-left: 0;
            }

            .flex-container {
                display: flex;
                display: -webkit-flex;
                flex-direction: row;
                -webkit-flex-direction: row;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;

                .flex-item {
                    flex-grow: 1;
                    -webkit-flex-grow: 1;
                    width: 50%;
                    margin-bottom: 15px;

                    // for even number of images, add same amount of padding to every element
                    &:nth-last-child(even):first-child,
                    &:nth-last-child(even):first-child ~ .flex-item {
                        // add 7px of right padding to every second item starting from 0
                        &:nth-of-type(2n-1) {
                            padding-right: 7px;
                        }

                        // add 7px of left padding to every second item starting from 1
                        &:nth-of-type(2n) {
                            padding-left: 7px;
                        }
                    }

                    // for odd number of images, clear padding for last item
                    &:nth-last-child(odd):first-child,
                    &:nth-last-child(odd):first-child ~ .flex-item {
                        // add 7px of right padding to every second item starting from 0
                        &:nth-of-type(2n-1) {
                            padding-right: 7px;
                        }

                        // add 7px of left padding to every second item starting from 1
                        &:nth-of-type(2n) {
                            padding-left: 7px;
                        }

                        // remove padding from last item (which is full width)
                        &:last-of-type {
                            padding: 0;
                        }
                    }
                }
            }

            a {
                display: block;
            }

            .photo {
                margin-bottom: 7px;

                img {
                    display: inline-block;
                    vertical-align: top;
                    width: 100%;
                    height: auto;
                    margin-bottom: 0;
                }
            }

            .footer {
                line-height: 10px;

                .caption {
                    display: inline-block;
                    padding-left: 20px;
                    font-size: 16px;
                    line-height: 1.3em;
                    color: #808080;

                    &:before {
                        .mkbh-icon('c', 11px, #c1041f);
                        display: inline;
                        margin-right: 5px;
                        margin-left: -17px;
                        position: relative;
                        top: 1px;
                    }
                }

                .photographer {
                    font-size: 12px;
                    font-style: italic;
                    color: #999;
                }
            }

            @media screen and (max-width: @screen-md-max) {
                &.has-full-width-images {
                    padding-left: 200px;
                }
            }

            @media screen and (max-width: @screen-xs-max) {
                .flex-container {
                    //display: block;

                    .flex-item {
                        display: block;
                        float: none;
                        width: 100%;
                        padding-right: 0 !important;
                        padding-left: 0 !important;
                    }
                }
            }
        }

        .mkbh-block-article-inline-quote {
            float: left;
            clear: both;
            width: 200px;
            margin-left: -200px;
            margin-bottom: 15px;
            margin-top: 5px;
            padding-right: 30px;
            border: none;
            position: relative;

            &:before {
                .mkbh-icon('g', 36px, #c1041f);
                margin-bottom: 15px;
            }

            .inline-quote {
                font-family: 'Caecilia LT Std', serif;
                font-size: 24px;
                font-style: italic;
                color: #808080;
            }

            @media screen and (max-width: 1200px) {
                margin-left: 0
            }

            @media screen and (max-width: @screen-xs-max) {
                width: 165px;

                .inline-quote {
                    font-size: 20px;
                    line-height: 24px;
                }
            }

            @media screen and (max-width: 380px) {
                float: none;
                width: 100%;
            }
        }

        .mkbh-block-article-inline-fact {
            position: relative;
            float: left;
            clear: both;
            width: 235px;
            margin-left: -200px;
            margin-right: 30px;
            margin-bottom: 15px;
            margin-top: 5px;

            .inline-fact {
                border-top: 1px solid #c1272d;
                background-color: #f5dddd;

                .fact-image {
                    img {
                        display: inline-block;
                        vertical-align: top;
                        width: 100%;
                        height: auto;
                        margin-bottom: 0;
                    }
                }

                .info {
                    font-family: 'Montserrat', sans-serif;
                    font-size: 15px;
                    color: black;
                    text-transform: uppercase;
                    padding-right: 15px;
                    padding-left: 15px;
                    margin-top: 10px;
                    margin-bottom: 10px;

                    .fa {
                        color: #c1041f;
                        margin-right: 5px;
                    }
                }

                .fact-title {
                    font-family: 'Montserrat', sans-serif;
                    font-size: 14px;
                    font-weight: bold;
                    padding-right: 15px;
                    padding-left: 15px;
                    margin-top: 0;
                    margin-bottom: 10px;
                    color: #c1041f;
                }

                .fact-content {
                    font-family: 'Caecilia LT Std', serif;
                    font-size: 14px;
                    line-height: 1.3em;
                    color: #666;
                    padding-right: 15px;
                    padding-left: 15px;
                    padding-bottom: 20px;

                    p {
                        margin-bottom: 15px;
                    }

                    ul li, ol li {
                        font-family: 'Caecilia LT Std', serif;
                        font-size: 14px;
                        line-height: 1.3em;
                        display: table;
                        padding-bottom: 5px;

                        &:before {
                            display: table-cell;
                            padding-right: 5px;
                        }
                    }

                    h3 {
                        font-family: 'Montserrat', sans-serif;
                        font-size: 14px;
                        font-weight: bold;
                        padding-right: 0;
                        padding-left: 0;
                        margin-top: 0;
                        margin-bottom: 10px;
                        color: #c1041f;
                    }
                }
            }

            @media screen and (max-width: 1200px) {
                margin-left: 0
            }

            @media screen and (max-width: @screen-xs-max) {
                width: 165px;
            }

            @media screen and (max-width: 380px) {
                float: none;
                width: 100%;
            }
        }

        .mkbh-block-article-inline-article {
            position: relative;
            overflow: hidden;
            float: left;
            clear: both;
            width: 235px;
            margin-left: -200px;
            margin-right: 30px;
            margin-bottom: 15px;
            margin-top: 5px;

            .inline-article {
                article.mkbh-node-article-display {
                    .node-inner {
                        background-color: #f5dddd;

                        .node-image {
                            img {
                                margin-bottom: 0;
                            }
                        }

                        .node-content {
                            .item-list {
                                font-family: 'Caecilia LT Std', serif;
                                font-size: 14px;
                                line-height: 1.42857143;
                                color: #333;
                                padding: 0;
                            }

                            ul.node-breadcrumbs {
                                font-size: 10px;
                                list-style: none none;
                                padding: 0;
                                margin-bottom: 10px;
                            }

                            .node-body {
                                font-size: 16px;
                            }

                            .node-read-more a {
                                .read-more-link-arrow-right-o;
                                margin-right: 1px;
                            }
                        }
                    }

                    &.node-sub-type-opinion {
                        .node-inner {
                            background-color: #d8e8e5;
                        }

                        .node-writer-name {
                            line-height: 1.3em;
                            font-size: 16px;
                        }
                    }
                }
            }

            @media screen and (max-width: 1200px) {
                margin-left: 0
            }

            @media screen and (max-width: @screen-xs-max) {
                width: 165px;

                article.mkbh-node-article-display {
                    .node-breadcrumbs {
                        display: none;
                    }

                    .node-title {
                        font-size: 18px;
                        line-height: 20px;
                    }

                    .node-body {
                        font-size: 14px;
                        line-height: 20px;
                    }

                    .node-read-more a {
                    }
                }
            }

            @media screen and (max-width: 380px) {
                float: none;
                width: 100%;
            }
        }

        .mkbh-block-article-inline-map {
            position: relative;
            float: left;
            clear: both;
            width: 235px;
            margin-left: -200px;
            margin-right: 30px;
            margin-bottom: 15px;
            margin-top: 5px;

            .inline-map {
                border-top: 1px solid #c1272d;
                background-color: #f5dddd;
                padding: 10px;

                .map-block-title {
                    font-family: 'Montserrat', sans-serif;
                    font-size: 15px;
                    letter-spacing: 0.05em;
                    color: black;
                    text-transform: uppercase;
                    padding-right: 15px;
                    padding-left: 0;
                    margin-top: 0;
                    margin-bottom: 0;

                    .fa {
                        color: #c1041f;
                    }
                }

                .map-title {
                    font-family: 'Montserrat', sans-serif;
                    font-size: 15px;
                    letter-spacing: 0em;
                    line-height: 1.3em;
                    padding-top: 10px;
                    color: #c1041f;
                }

                .map-preface {
                    font-family: 'Caecilia LT Std', serif;
                    font-size: 14px;
                    line-height: 1.3em;
                    color: #666;
                    padding: 0;
                    margin-top: 2px;
                }

                .inline-map-container {
                    margin-top: 15px;
                    height: 280px;
                }

                .map-read-more a {
                    .read-more-link-arrow-right-o;
                    margin-top: 0;

                    &:hover, &:focus, &:active {
                        text-decoration: none;
                    }
                }
            }

            @media screen and (max-width: 1200px) {
                margin-left: 0
            }

            @media screen and (max-width: @screen-xs-max) {
                width: 165px;

                .inline-map {
                    .map-map .inline-map-container,
                    .map-map .inline-map-container[style] {
                        height: 180px;
                    }
                }
            }

            @media screen and (max-width: 380px) {
                float: none;
                width: 100%;
            }
        }

        .mkbh-block-article-inline-du-skriver-modal {
            position: relative;
            float: left;
            clear: both;
            width: 185px;
            margin-left: -200px;
            margin-right: 15px;
            margin-bottom: 15px;
            margin-top: 5px;

            .inline-du-skriver-modal {
                border-top: 1px solid #29abe2;
                background-color: #d0e2f7;
                padding: 10px;

                .block-title {
                    font-family: 'Montserrat', sans-serif;
                    font-weight: bold;
                    font-size: 24px;
                    line-height: 24px;
                    letter-spacing: 0.01em;
                    color: #333;
                    margin-bottom: 25px;
                }

                .block-content {
                    font-family: 'Montserrat', sans-serif;
                    font-size: 20px;
                    line-height: 24px;
                    color: white;
                }

                .read-more {
                    text-align: right;

                    a {
                        .read-more-link-arrow-right-o-light-blue-info;
                        margin-top: 5px;

                        &:active, &:focus, &:hover {
                            text-decoration: none;
                        }
                    }
                }
            }

            @media screen and (max-width: 1200px) {
                margin-left: 0
            }

            @media screen and (max-width: @screen-xs-max) {
                width: 165px;

                .inline-du-skriver-modal {
                    .block-title {
                        font-size: 20px;
                        line-height: 22px;
                    }

                    .block-content {
                        font-size: 18px;
                        line-height: 22px;

                        p:last-child {
                            margin-bottom: 10px;
                        }
                    }

                    .du-skriver-read-more a {
                        margin-top: 0;
                    }
                }
            }

            @media screen and (max-width: 380px) {
                float: none;
                width: 100%;
            }
        }

        .mkbh-block-article-inline-visioner-modal {
            position: relative;
            float: left;
            clear: both;
            width: 185px;
            margin-left: -200px;
            margin-right: 15px;
            margin-bottom: 15px;
            margin-top: 5px;

            .inline-du-skriver-modal {
                border-top: 1px solid #0071bc;
                background-color: #c3d0e3;
                padding: 10px;

                .block-title {
                    font-family: 'Montserrat', sans-serif;
                    font-weight: bold;
                    font-size: 24px;
                    line-height: 24px;
                    letter-spacing: 0.01em;
                    color: #333;
                    margin-bottom: 25px;
                }

                .block-content {
                    font-family: 'Montserrat', sans-serif;
                    font-size: 20px;
                    line-height: 24px;
                    color: white;
                }

                .read-more {
                    text-align: right;

                    a {
                        .read-more-link-arrow-right-o-light-blue-info;
                        color: #0071bc;
                        margin-top: 5px;

                        &:before {
                            color: #0071bc;
                        }

                        &:active, &:focus, &:hover {
                            text-decoration: none;
                        }
                    }
                }
            }

            @media screen and (max-width: 1200px) {
                margin-left: 0
            }

            @media screen and (max-width: @screen-xs-max) {
                width: 165px;

                .inline-du-skriver-modal {
                    .block-title {
                        font-size: 20px;
                        line-height: 22px;
                    }

                    .block-content {
                        font-size: 18px;
                        line-height: 22px;

                        p:last-child {
                            margin-bottom: 10px;
                        }
                    }

                    .du-skriver-read-more a {
                        margin-top: 0;
                    }
                }
            }

            @media screen and (max-width: 380px) {
                float: none;
                width: 100%;
            }
        }

        .mkbh-token-mkbh-inline-mobile-pay {
            font-family: 'Montserrat', sans-serif;
            position: relative;
            float: left;
            clear: both;
            width: 185px;
            margin-left: -200px;
            margin-right: 15px;
            margin-bottom: 15px;
            margin-top: 5px;
            font-weight: bold;

            .inline-mobile-pay {
                .mkbh-block-article-inline-visioner-modal .inline-du-skriver-modal();
                padding-bottom: 26px;

                p {
                    margin-top: 0;
                    margin-bottom: 20px;
                }

                .block-title {
                    margin-bottom: 10px;
                }

                .mobilepay-button > div {
                    background-image: url("../images/mobile-pay-400px-vert.png");
                }

                .block-content {

                    font-weight: 400;
                    font-size: 14px;
                    color: #333333;
                    line-height: 20px;
                }

                .block-image {
                    margin-top: 25px;

                    .mobilepay-button {
                        & > div {
                            width: 80px;
                            height: 97px;
                            background: url("../images/mobile-pay-400px-vert.png") no-repeat;
                            background-size: contain;
                            position: relative;
                            margin-left: auto;
                            margin-right: auto;
                        }

                        span {
                            position: absolute;
                            bottom: 0;
                            right: 0;
                            left: 0;
                            text-align: center;
                            font-weight: 600;
                            font-size: 25px;
                        }
                    }

                    a {
                        color: #333333;
                    }
                }
            }

            @media screen and (max-width: 1200px) {
                margin-left: 0
            }

            @media screen and (max-width: @screen-xs-max) {
                width: 165px;

                .inline-du-skriver-modal {
                    .block-title {
                        font-size: 20px;
                        line-height: 22px;
                    }

                    .block-content {
                        font-size: 18px;
                        line-height: 22px;

                        p:last-child {
                            margin-bottom: 10px;
                        }
                    }

                    .du-skriver-read-more a {
                        margin-top: 0;
                    }
                }
            }

            @media screen and (max-width: 380px) {
                float: none;
                width: 100%;
            }
        }

        .mkbh-token-mkbh-inline-photo-series-cta-email-modal {
            position: relative;
            float: left;
            clear: both;
            width: 185px;
            margin-left: 0;
            margin-right: 15px;
            margin-bottom: 0;
            margin-top: 5px;

            .inline-photo-series-cta-email-modal {
                border-top: 1px solid #f7931e;
                background-color: #e8c5aa;
                padding: 10px;

                .block-title {
                    font-family: 'Montserrat', sans-serif;
                    font-weight: bold;
                    font-size: 24px;
                    line-height: 24px;
                    letter-spacing: 0.01em;
                    color: #333;
                    margin-bottom: 20px;
                }

                .block-content {
                    font-family: 'Montserrat', sans-serif;
                    font-size: 18px;
                    line-height: 20px;
                    color: white;

                    p {
                        margin-bottom: 20px;
                    }
                }

                .read-more {
                    text-align: right;

                    a {
                        font-family: 'Montserrat', serif;
                        font-size: 15px;
                        font-weight: 100;
                        display: inline-block;
                        margin-top: 5px;
                        letter-spacing: 0.05em;
                        color: white;

                        &:before {
                            display: inline-block;
                            margin-right: 5px;
                            font-family: 'FontAwesome', sans-serif;
                            font-size: 14px;
                            content: '\f0a9';
                            color: white;
                        }

                        &:active, &:focus, &:hover {
                            text-decoration: none;
                        }
                    }
                }
            }

            @media screen and (max-width: 1200px) {
                margin-left: 0
            }

            @media screen and (max-width: @screen-xs-max) {
                width: 165px;

                .inline-du-skriver-modal {
                    .block-title {
                        font-size: 20px;
                        line-height: 22px;
                    }

                    .block-content {
                        font-size: 18px;
                        line-height: 22px;

                        p:last-child {
                            margin-bottom: 10px;
                        }
                    }

                    .du-skriver-read-more a {
                        margin-top: 0;
                    }
                }
            }

            @media screen and (max-width: 380px) {
                float: none;
                width: 100%;
            }
        }

        .mkbh-block-article-inline-top-reviews {
            position: relative;
            float: left;
            clear: both;
            width: 235px;
            margin-left: -200px;
            margin-right: 30px;
            margin-bottom: 15px;
            margin-top: 5px;

            .inline-top-reviews {
                border-top: 1px solid #c1272d;
                background-color: #f5dddd;
                padding: 10px;

                .view-title {
                    margin: 0 0 15px;
                    padding: 0;
                    font-family: 'Montserrat', sans-serif;
                    font-size: 14px;
                    font-weight: 600;
                    letter-spacing: 0.09em;
                }

                .view-content {
                    position: relative;

                    .views-row {
                        position: relative;

                        &:last-child {
                            margin-bottom: 0;
                            padding-bottom: 0;
                            border-bottom: 0;

                            .column.views-row-content {
                                border-bottom: 0;
                            }
                        }

                        .views-row-grid {
                            display: flex;
                            display: -webkit-flex;

                            .column {
                                flex-grow: 1;
                                -webkit-flex-grow: 1;

                                &.sidebar {
                                    flex: 0 0 30px;
                                    -webkit-flex: 0 0 30px;
                                }
                            }
                        }

                        .column.counter {
                            font-family: 'Caecilia LT Std', sans-serif;
                            font-size: 28px;
                            line-height: 18px;
                            color: #e6a9ab;
                            padding: 0 0 5px 5px;
                        }

                        .column.views-row-content {
                            position: relative;
                            border-bottom: 1px solid #e9b1b3;
                            padding-bottom: 10px;
                            margin-bottom: 10px;
                            margin-right: 15px;

                            a:before {
                                content: none;
                                display: none;
                            }

                            .views-field-title, .views-field-title a, .field-review-sub-headline {
                                font-family: 'Montserrat', serif;
                                font-weight: bold;
                                font-size: 14px;
                                line-height: 16px;
                                color: #1a1a1a;
                            }

                            .field-review-sub-headline {
                                font-weight: normal;
                                color: #808080;
                                line-height: 20px;
                                margin-bottom: 5px;
                            }

                            .field-review-rating {
                                div.fivestar-widget-static .star {
                                    width: 15px;
                                    height: 14px;
                                    margin-right: 1px;
                                }

                                .form-item {
                                    margin: 0;
                                }
                            }
                        }
                    }
                }
            }

            @media screen and (max-width: 1200px) {
                margin-left: 0
            }

            @media screen and (max-width: @screen-xs-max) {
            }

            @media screen and (max-width: 380px) {
                float: none;
                width: 100%;
            }
        }

        .mkbh-block-article-inline-project-information {
            position: relative;
            padding-left: 200px;
            margin-bottom: 40px;

            .inline-project-information {
                background-color: #fbfaf8;
                border-top: 1px solid #000;
                border-bottom: 1px solid #999;
                font-family: 'Montserrat', sans-serif;
                font-weight: normal;
                font-size: 13px;

                .flex-column {
                    padding: 5px 10px;
                    border-right: 1px solid #ccc;

                    &:last-child {
                        border-right: 0;
                    }
                }

                .column-short-information {
                    flex: 0 0 260px;

                    ul.short-information {
                        margin: 0;
                        padding: 0;
                        list-style: none none;

                        li {
                            font-family: 'Montserrat', sans-serif;
                            font-weight: normal;
                            font-size: 14px;
                            line-height: 16px;
                            color: #1a1a1a;
                            letter-spacing: 0.08em;
                            -webkit-font-smoothing: antialiased;
                            -moz-osx-font-smoothing: grayscale;
                            margin-top: 8px;
                            margin-bottom: 8px;
                            display: flex;

                            .info-label {
                                flex: 0 0 95px;
                                font-weight: 100;
                                font-size: 12px;
                                line-height: 18px;
                                letter-spacing: 0.06em;
                                color: #999;
                                text-transform: uppercase;

                                &:before {
                                    width: 20px;
                                    display: inline-block;
                                    text-align: center;
                                }
                            }

                            .info-value {
                                flex: 1;
                            }

                            &.item-city-district .info-label:before {
                                .mkbh-font-awesome-icon('\f041', 15px, #c1041f);
                                margin-right: 5px;
                            }

                            &.item-type .info-label:before {
                                .mkbh-font-awesome-icon('\f1ad', 15px, #c1041f);
                                margin-right: 5px;
                            }

                            &.item-status .info-label:before {
                                .mkbh-font-awesome-icon('\f058', 15px, #c1041f);
                                margin-right: 5px;
                            }
                        }
                    }
                }

                .column-full-information {
                    ul.full-information {
                        margin: 0;
                        padding: 0;
                        list-style: none none;

                        li {
                            font-family: 'Montserrat', sans-serif;
                            font-weight: normal;
                            font-size: 14px;
                            line-height: 20px;
                            color: #4d4d4d;
                            letter-spacing: 0.09em;
                            -webkit-font-smoothing: antialiased;
                            -moz-osx-font-smoothing: grayscale;
                            margin-top: 8px;
                            margin-bottom: 8px;
                            display: flex;

                            .info-label {
                                flex: 0 0 95px;
                                font-weight: 100;
                                font-size: 12px;
                                line-height: 20px;
                                color: #999;
                                text-transform: uppercase;
                            }

                            .info-value {
                                flex: 1;
                                position: relative;
                                top: -1px;
                            }
                        }
                    }
                }

                .column-map {
                    flex: 0 0 315px;

                    .mkbh-block-article-inline-map {
                        margin: 0;
                        padding: 0;
                        float: none;
                        clear: both;
                        width: 100%;

                        .inline-map-container {
                            height: 200px;
                        }

                        .map-read-more {
                            .read-more-link-arrow-right-o;
                            margin-top: 5px;
                        }
                    }
                }
            }

            @media screen and (max-width: 1200px) {
                padding-left: 0;
            }

            @media screen and (max-width: @screen-sm-max) {
                .flex-grid {
                    display: block;

                    .flex-column {
                        padding: 0 10px !important;
                        margin: 0 !important;
                        margin-bottom: 20px !important;
                        border-right: 0;
                        border-left: 0;

                        &:last-child {
                            margin-bottom: 0 !important;
                        }
                    }
                }

                .column-short-information {
                    .info-label:before {
                        content: none !important;
                        display: none !important;
                    }
                }
            }
        }

        .mkbh-block-article-inline-project-bottom-section {
            position: relative;
            padding-left: 200px;
            margin-top: 25px;

            &, & * {
                min-width: 0;
            }

            .inline-project-bottom-section {
                .flex-grid .flex-column {
                    margin-bottom: 0;

                    &.column-content {
                        padding-right: 40px;
                    }

                    &.column-sidebar {
                        flex: 0 0 315px;
                    }
                }

                .block-wrapper {
                    position: relative;

                    .inline-project-bottom-section-block {
                        border-top: 1px solid #e6e6e6;

                        h3.block-title, h4.block-sub-title {
                            margin-top: 15px;
                            margin-bottom: 10px;
                            width: 100%;
                            font-family: 'Montserrat', sans-serif;
                            font-weight: 300;
                            font-size: 23px;
                            color: #c1041f;
                            letter-spacing: 0.02em;

                            &.no-margin-bottom {
                                margin-bottom: 0;
                            }
                        }

                        h4.block-sub-title {
                            margin-top: 0;
                            margin-bottom: 15px;
                            color: #000;
                        }

                        .block-footer {
                            margin-top: 5px;
                            margin-bottom: 10px;

                            a {
                                .read-more-link-arrow-right-o;
                                margin-top: 0;
                                margin-bottom: 0;

                                &:before {
                                    padding: 0 1px;
                                }
                            }
                        }
                    }
                }
            }

            @media screen and (max-width: 1200px) {
                padding-left: 0;
            }

            @media screen and (max-width: @screen-sm-max) {
                .inline-project-bottom-section {
                    .flex-grid {
                        display: block;

                        .flex-column.column-content {
                            padding-right: 0;
                        }
                    }
                }
            }
        }

        .mkbh-block-article-inline-project-bottom-section-block-related-articles {
            .inline-project-bottom-section-block-related-articles {
                ul.related-projects {
                    margin: 0;
                    padding: 0;
                    list-style: none none;

                    li.related-project {
                        margin-bottom: 15px;

                        &.fade {
                            display: none;

                            &.in {
                                display: block;
                            }
                        }

                        article.mkbh-node-article-display {
                            position: relative;
                            overflow: hidden;

                            .node-image {
                                flex: 0 0 140px;
                                order: 2;

                                img {
                                    margin-bottom: 0;
                                }
                            }

                            .node-content {
                                padding: 7px 10px;
                                order: 1;

                                .node-post-date {
                                    position: relative;
                                    margin: 0 0 13px;
                                    padding: 0;
                                    font-family: 'Montserrat', sans-serif;
                                    font-weight: 100;
                                    font-size: 10px;
                                    letter-spacing: 1px;
                                    line-height: 12px;
                                    color: #666;
                                    text-transform: uppercase;

                                    &:before {
                                        .mkbh-font-awesome-icon('\f017', 10px, #c1041f);
                                        margin: 0 1px;
                                    }
                                }

                                .node-title {
                                    font-size: 18px;
                                    line-height: 20px;

                                    .separator {
                                        font-size: 18px;
                                        position: relative;
                                        top: 0;
                                    }
                                }
                            }

                            &.node-type-photo-series {
                                .node-content {
                                    .node-post-date {
                                        color: white;
                                    }
                                }
                            }
                        }
                    }
                }
            }

            @media screen and (max-width: 480px) {
                .inline-project-bottom-section-block-related-articles {
                    ul.related-projects {
                        li.related-project {
                            article.mkbh-node-article-display {
                                .node-inner {
                                    display: block;
                                }
                            }
                        }
                    }
                }
            }
        }

        .mkbh-block-article-inline-project-bottom-section-block-project-photos {
            .inline-project-bottom-section-block-project-photos {
                ul.project-photos {
                    margin: 0;
                    padding: 0;
                    list-style: none none;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;

                    li.project-photo {
                        flex: 1 0 calc(50% - 20px);
                        margin-right: 20px;
                        margin-top: 0;

                        &:nth-child(n+4) {
                            margin-top: 20px;
                        }

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

                        &.views-row-1:last-child, &.views-row-2:last-child, &.views-row-last {
                            margin-right: 0;
                        }

                        img {
                            margin-bottom: 0;
                        }
                    }
                }

                ul.pager {
                    text-align: left !important;
                    margin-bottom: 0;

                    li a {
                        .read-more-link-arrow-right-o;
                        margin-top: 5px;
                        margin-bottom: 10px;
                        padding: 0 !important;

                        &:before {
                            padding: 0 1px;
                            display: inline;
                            top: 1px;
                        }
                    }
                }
            }

            @media screen and (max-width: @screen-xs-max) {
                .inline-project-bottom-section-block-project-photos {
                    ul.project-photos {
                        li.project-photo {
                            flex: 1 0 calc(100% / 2 - 5px);
                            margin-right: 10px;
                            margin-top: 10px;

                            &:nth-child(2n) {
                                margin-right: 0 !important;
                            }

                            &:nth-child(3n) {
                                margin-right: 10px;
                            }

                            &:nth-child(n+4) {
                                margin-top: 10px;
                            }

                            &.views-row-3:last-child, &.views-row-last {
                                margin-right: 0;
                            }
                        }
                    }
                }
            }

            @media screen and (max-width: 480px) {
                .inline-project-bottom-section-block-project-photos {
                    ul.project-photos {
                        li.project-photo {
                            flex: 1 0 100%;
                            margin-right: 0;
                            margin-top: 10px;

                            &:nth-child(2n) {
                                margin-right: 0 !important;
                            }

                            &:nth-child(3n) {
                                margin-right: 0 !important;
                            }
                        }
                    }
                }
            }
        }

        .mkbh-block-article-inline-project-bottom-section-block-instagram {
            .inline-project-bottom-section-block-instagram {
                .flex-grid {
                    display: flex;
                    flex-wrap: wrap;

                    .flex-column.gram {
                        display: block;
                        position: relative;
                        flex: 1 0 calc(100% / 2 - 5px);
                        margin-right: 5px;
                        margin-bottom: 5px;

                        &:nth-child(2n) {
                            margin-right: 0;
                        }

                        &:nth-last-child(-n+2) {
                            margin-bottom: 0;
                        }

                        &:before {
                            display: block;
                            content: '';
                            background-color: black;
                            opacity: 0;
                            .transition(opacity 250ms cubic-bezier(0.250, 0.100, 0.250, 1.000));
                            position: absolute;
                            top: 0;
                            right: 0;
                            bottom: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            z-index: 100;
                        }

                        &:hover:before {
                            opacity: 0.3;
                        }

                        img {
                            margin-bottom: 0;
                            width: 100%;
                        }
                    }
                }
            }

            @media screen and (max-width: @screen-sm-max) {
                .inline-project-bottom-section-block-instagram {
                    .flex-grid {
                        flex-direction: row;

                        .flex-column.gram {
                            flex: 1 0 calc(33.33% - 5px);

                            &:nth-child(2n) {
                                margin-right: 5px;
                            }

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

            @media screen and (max-width: @screen-xs-max) {
                .inline-project-bottom-section-block-instagram {
                    .flex-grid {
                        flex-direction: row;

                        .flex-column.gram {
                            flex: 1 0 calc(50% - 5px);

                            &:nth-child(2n) {
                                margin-right: 0;
                            }

                            &:nth-child(3n):nth-child(odd) {
                                margin-right: 5px;
                            }
                        }
                    }
                }
            }

            @media screen and (max-width: 480px) {
                .inline-project-bottom-section-block-instagram {
                    .flex-grid {
                        display: block;

                        .flex-column.gram {
                            margin-right: 0 !important;
                            margin-bottom: 10px !important;

                            &:last-child {
                                margin-bottom: 0 !important;
                            }
                        }
                    }
                }
            }
        }

        .mkbh-form--mkbh-article-page-form-project-subscribe {
            position: relative;
            border-top: 1px solid #e6e6e6;

            .mkbh-form--inner {
                padding: 8px 12px;
                background-color: #c2c2c2;
                margin-bottom: 15px;
                margin-top: 15px;

                .form-content {
                    display: flex;

                    .form-call-to-action {
                        flex: 1;
                    }

                    .form-body {
                        flex: 0 0 100px;
                        text-align: right;
                    }

                    h3.form-title,
                    h4.form-sub-title {
                        margin-top: 0;
                        margin-bottom: 5px;
                        width: 100%;
                        font-family: 'Montserrat', sans-serif;
                        font-weight: bold;
                        font-size: 12px;
                        color: #666;
                        letter-spacing: 0.1em;

                        &.no-margin-bottom {
                            margin-bottom: 0;
                        }
                    }

                    h4.form-sub-title {
                        color: #f2f2f2;
                        margin-bottom: 0;
                    }

                    .form-submit {
                        height: 25px;
                        line-height: 25px;
                        padding: 0 20px;
                        font-family: 'Montserrat', sans-serif;
                        font-size: 11px;
                        font-weight: 100;
                        text-transform: uppercase;
                        color: white;
                        background-color: #c1041f;
                        border-radius: 5px;
                        border: none;
                    }
                }

                #mkbh-project-subscribe-form-messages .alert {
                    margin: 10px 0;
                    font-size: 16px;
                    padding: 10px;
                }
            }

            @media screen and (max-width: 630px) {
                .mkbh-form--inner {
                    .form-content {
                        //display: block;
                    }
                }
            }
        }

        .mkbh-block-article-inline-sponsored-bottom-section {
            position: relative;
            padding-left: 200px;
            margin-top: 25px;

            &, & * {
                min-width: 0;
            }

            .inline-sponsored-bottom-section {
                .flex-grid .flex-column {
                    margin-bottom: 0;

                    &.column-content {
                        padding-right: 0px;
                    }

                    &.column-sidebar {
                        flex: 0 0 315px;
                    }
                }

                .block-wrapper {
                    position: relative;
                }
            }

            @media screen and (max-width: 1200px) {
                padding-left: 0;
            }

            @media screen and (max-width: @screen-sm-max) {
                .inline-project-bottom-section {
                    .flex-grid {
                        display: block;

                        .flex-column.column-content {
                            padding-right: 0;
                        }
                    }
                }
            }
        }

        .mkbh-block-article-inline-sponsored-bottom-section-block-sponsored-highlight {
            position: relative;
            border-top: 1px solid #e6e6e6;
            padding-top: 15px;

            .inline-sponsored-bottom-section-block-sponsored-highlight {
                padding: 8px 12px;
                background-color: #c2c2c2;

                h3.highlight-title,
                h4.highlight-sub-title {
                    margin-top: 0;
                    margin-bottom: 5px;
                    width: 100%;
                    font-family: 'Montserrat', sans-serif;
                    font-weight: bold;
                    font-size: 12px;
                    text-transform: uppercase;
                    color: #666;
                    letter-spacing: 0.1em;

                    &.no-margin-bottom {
                        margin-bottom: 0;
                    }
                }

                h4.highlight-sub-title {
                    color: #f2f2f2;
                    margin-bottom: 0;
                }
            }
        }
    }

    &.paywall-denied {
        .field-body {
            position: relative;
        }

        .paywall-content {
            display: none;
        }

        .paywall-overlay {
            position: relative;

            .paywall-overlay-gradient {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 250px;
                background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
            }
        }

        &.article-lang-lesser .paywall-overlay .paywall-overlay-gradient {
            background-image: linear-gradient(to bottom, rgba(253, 249, 245, 0), rgba(253, 249, 245, 1));
        }
    }

    &.article-type-article {
        &.article-sub-type-opinion {
            .field-body {
                ul:not(.contextual-links):not(.krumo-node):not(.node-breadcrumbs) {
                    li {
                        &:before {
                            .mkbh-icon('f', 12px, #00a99d);
                        }
                    }
                }

                ol:not(.contextual-links):not(.krumo-node):not(.node-breadcrumbs) {
                    li {
                        &:before {
                            .mkbh-icon('f', 12px, #00a99d);
                        }
                    }
                }

                blockquote:before {
                    .mkbh-icon('g', 36px, #00a99d);
                }
            }

            .mkbh-block-article-inline-images {
            }

            .mkbh-block-article-inline-quote {
                &:before {
                    .mkbh-icon('g', 36px, #00a99d);
                }
            }

            .mkbh-block-article-inline-fact {
            }

            .mkbh-block-article-inline-article {
            }

            .mkbh-block-article-inline-map {
            }
        }

        &.article-lang-lesser {
            .field-body {
                ul:not(.contextual-links):not(.krumo-node):not(.node-breadcrumbs) {
                    li {
                        &:before {
                            .mkbh-icon('f', 12px, #c1041f);
                        }
                    }
                }

                ol:not(.contextual-links):not(.krumo-node):not(.node-breadcrumbs) {
                    li {
                        &:before {
                            .mkbh-icon('f', 12px, #c1041f);
                        }
                    }
                }

                blockquote:before {
                    .mkbh-icon('g', 36px, #c1041f);
                }
            }

            .mkbh-block-article-inline-images {
            }

            .mkbh-block-article-inline-quote {
                &:before {
                    .mkbh-icon('g', 36px, #c1041f);
                }
            }

            .mkbh-block-article-inline-fact {
            }

            .mkbh-block-article-inline-article {
            }

            .mkbh-block-article-inline-map {
            }
        }

        &.article-sub-type-sponsoreret {
            .field-body {
                ul:not(.contextual-links):not(.krumo-node):not(.node-breadcrumbs) {
                    li {
                        &:before {
                            .mkbh-icon('f', 12px, #4d4d4d);
                        }
                    }
                }

                ol:not(.contextual-links):not(.krumo-node):not(.node-breadcrumbs) {
                    li {
                        &:before {
                            .mkbh-icon('f', 12px, #4d4d4d);
                        }
                    }
                }

                blockquote:before {
                    .mkbh-icon('g', 36px, #4d4d4d);
                }
            }

            .mkbh-block-article-inline-images {
            }

            .mkbh-block-article-inline-quote {
                &:before {
                    .mkbh-icon('g', 36px, #4d4d4d);
                }
            }

            .mkbh-block-article-inline-fact {
            }

            .mkbh-block-article-inline-article {
            }

            .mkbh-block-article-inline-map {
            }
        }
    }

    &.article-type-you-write {
        .field-body {
            ul:not(.contextual-links):not(.krumo-node):not(.node-breadcrumbs) {
                li {
                    &:before {
                        .mkbh-icon('f', 12px, #29abe2);
                    }
                }
            }

            ol:not(.contextual-links):not(.krumo-node):not(.node-breadcrumbs) {
                li {
                    &:before {
                        .mkbh-icon('f', 12px, #29abe2);
                    }
                }
            }

            blockquote:before {
                .mkbh-icon('g', 36px, #29abe2);
            }
        }

        .mkbh-block-article-inline-images {
        }

        .mkbh-block-article-inline-quote {
            &:before {
                .mkbh-icon('g', 36px, #29abe2);
            }
        }

        .mkbh-block-article-inline-fact {
        }

        .mkbh-block-article-inline-article {
        }

        .mkbh-block-article-inline-map {
        }
    }

    &.article-type-vision {
        .field-body {
            ul:not(.contextual-links):not(.krumo-node):not(.node-breadcrumbs) {
                li {
                    &:before {
                        .mkbh-icon('f', 12px, #0071bc);
                    }
                }
            }

            ol:not(.contextual-links):not(.krumo-node):not(.node-breadcrumbs) {
                li {
                    &:before {
                        .mkbh-icon('f', 12px, #0071bc);
                    }
                }
            }

            blockquote:before {
                .mkbh-icon('g', 36px, #0071bc);
            }
        }

        .mkbh-block-article-inline-images {
        }

        .mkbh-block-article-inline-quote {
            &:before {
                .mkbh-icon('g', 36px, #0071bc);
            }
        }

        .mkbh-block-article-inline-fact {
        }

        .mkbh-block-article-inline-article {
        }

        .mkbh-block-article-inline-map {
        }
    }

    &.article-type-photo-series {
        min-height: 800px;

        .content {
            color: #b3b3b3;

            .field-body {
                padding-right: 360px;
                margin-bottom: 25px;
            }

            .messages {
                padding-right: 360px;
            }
        }

        @media screen and(max-width: 1200px) {
            .content {
                .field-body, .messages {
                    padding-right: 0;
                }

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

    &:not(.article-type-vision) {
        .mkbh-block-article-inline-vision-rate-widget {
            .rate-widget-vote-positive .rate-action-up .rate-image {
                background: url("../images/rate-widget/thumbs-up-red.svg") no-repeat !important;
                background-size: contain !important;
            }

            .rate-widget-vote-negative .rate-action-down .rate-image {
                background: url("../images/rate-widget/thumbs-down-red.svg") no-repeat !important;
                background-size: contain !important;
            }

            path:nth-child(1) {
                fill: #c1041f;
            }

            path:nth-child(2) {
                fill: #f5dddd;
            }
        }

        @media screen and(min-width: 1200px) {
            .mkbh-block-article-inline-vision-rate-widget {
                margin-left: -200px;
            }
        }
    }

    @media screen and(max-width: 1200px) {
        .content {
            .field-body, .messages {
                padding-left: 0;
            }
        }

        &.article-type-photo-series {
            min-height: 800px;
        }
    }
}

.mkbh-block-article-related {
    .content-row.content {
        overflow: hidden;

        .column {
            position: relative;

            &:not(.column-last) {
                padding-right: 10px;
                border-right: 1px solid #b3b3b3;
            }

            &:not(.column-first) {
                padding-left: 10px;
            }

            &.column-first {
                margin-left: -10px;
                padding-left: 10px;
            }

            &.small {
                flex: 0 0 245px;
                -webkit-flex: 0 0 245px;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;

                article.mkbh-node-article-display {
                    -webkit-box-flex: 1;
                    -webkit-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                }
            }
        }

        article.mkbh-node-article-display {
            height: 100%;

            .node-inner {
                height: 100%;
                min-height: 100%;
                position: relative;
                padding-bottom: 0;
                margin-bottom: 0;

                .node-image.writer-photo {
                    position: absolute;
                    bottom: 0;
                    width: 100%;

                    @media screen and(max-width: @screen-sm-max) {
                        display: none;
                    }
                }
            }

            &.view-mode-medium {
                .node-image {
                    .mkbh-flowplayer {
                        min-height: 183px;
                    }
                }
            }

            &.node-sub-type-opinion .node-inner {
                display: flex;
                display: -webkit-flex;
                flex-direction: column;
                -webkit-flex-direction: column;

                .node-image.writer-photo {
                    margin: auto auto 15px auto;
                    position: static;
                    padding-top: 10px;
                    height: 190px;
                    width: 180px;
                    overflow: hidden;

                    img {
                        text-align: center;
                        width: 100%;
                        border-radius: 50%;
                    }

                    @media screen and(max-width: @screen-sm-max) {
                        display: none;
                    }
                }
            }

            &.view-mode-small {
                position: relative;

                &:not(:last-of-type) {
                    margin-bottom: 10px;
                    overflow: hidden;
                }
            }
        }
    }

    .content-row.footer {
        a {
            .read-more-link-arrow-right-o;
        }
    }

    @media screen and(max-width: 993px) {
        .content-row.content {
            .flex-grid {
                -webkit-flex-direction: row;
                flex-direction: row;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;

                .column {
                    overflow: hidden;
                    flex: 0 50%;
                    -webkit-flex: 0 50%;

                    &.column-0, &.column-1 {
                        margin-bottom: 10px;
                    }

                    &.column-1 {
                        padding-right: 0;
                        border-right: none;

                        .node-title a:before {
                            margin-right: 0;
                        }
                    }

                    &.column-2 {
                        padding-left: 0;

                        .node-title a:before {
                            margin-left: 0;
                        }
                    }

                    &.column-first {
                        margin-left: 0;
                        padding-left: 0;
                    }
                }
            }
        }
    }

    @media screen and(max-width: @screen-sm-max) {
        .flex-grid {
            .column {
                max-width: none !important;
            }
        }
    }

    @media screen and (max-width: @screen-xs-max) {
        .flex-grid {
            display: block;

            .column {
                padding-left: 0 !important;
                padding-right: 0 !important;
                border-right: none !important;

                .node-title a:before {
                    margin-right: 0 !important;
                    margin-left: 0 !important;
                }

                &.column-last {
                    margin-top: 10px;
                }
            }
        }

        article.mkbh-node-article-display {
            padding-bottom: 0 !important;

            &.view-mode-medium {
                .node-inner {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal !important;
                    -webkit-box-direction: normal !important;
                    -webkit-flex-direction: row !important;
                    -ms-flex-direction: row !important;
                    flex-direction: row !important;

                    .node-image {
                        position: static;
                        -webkit-box-flex: 0;
                        -webkit-flex: 0 175px;
                        -ms-flex: 0 175px;
                        flex: 0 175px;

                        .mkbh-flowplayer {
                            min-height: auto;
                            padding: 11% 0;
                        }

                        .node-share-count {
                            bottom: initial;
                            top: 1px;
                            right: 10px;
                        }
                    }

                    .node-content {
                        -webkit-box-flex: 1;
                        -webkit-flex: 1;
                        -ms-flex: 1;
                        flex: 1;

                        .node-title {
                            font-size: 22px;
                            line-height: 24px;
                        }

                        .node-body {
                            display: none;
                        }
                    }
                }
            }

            &.view-mode-small {
                .node-inner {
                    .node-content {
                        .node-title {
                            font-size: 22px;
                            line-height: 24px;
                        }

                        .node-body {
                            display: none;
                        }
                    }
                }
            }
        }
    }

    @media screen and (max-width: 480px) {
        article.mkbh-node-article-display {
            .node-inner {
                display: block !important;

                .node-image {
                    position: relative !important;
                }
            }
        }
    }
}

.mkbh-block-article-related-visioner {
    .content-row.content {
        .column.content {
            overflow: hidden;

            article.mkbh-node-vision-display {
                overflow: hidden;
                margin-bottom: 15px;

                &:last-of-type {
                    margin-bottom: 0;
                }

                .node-inner {
                    position: relative;
                    display: flex;
                    display: -webkit-flex;
                    flex-direction: row;
                    -webkit-flex-direction: row;
                }

                .node-image {
                    flex: 0 0 235px;
                    -webkit-flex: 0 0 235px;
                    order: 2;
                }

                .node-content {
                    flex: 1;
                    -webkit-flex: 1;
                    order: 1;
                    display: flex;
                    display: -webkit-flex;
                    flex-direction: row;
                    -webkit-flex-direction: row;
                    padding: 13px;
                    padding-bottom: 0;

                    .node-content-inner {
                        flex-grow: 1;
                        -webkit-flex-grow: 1;

                        .node-title {
                            font-size: 24px;
                        }

                        .node-body {
                            font-size: 16px;
                        }

                        .node-sub-type {
                            margin-bottom: 10px;
                        }

                        .node-sub-headline {
                            margin-bottom: 25px;

                            &:before {
                                margin-right: 1px;
                            }
                        }
                    }

                    .node-chart {
                        flex: 1 0 145px;
                        -webkit-flex: 1 0 145px;

                        .rate-chart {
                            margin: 0 auto;
                            width: 150px;
                            height: 150px;
                            float: right;

                            .highcharts-title {
                                font-size: 18px !important;
                                text-shadow: 0 0 0 rgba(0, 0, 0, 1);
                            }
                        }
                    }
                }
            }
        }

        .column.sidebar {
            position: relative;
            overflow: hidden;
            flex: 0 0 246px;
            -webkit-flex: 0 0 246px;
            margin-left: 10px;
            padding-left: 10px;
            border-left: 1px solid #b3b3b3;

            &:before {
                display: block;
                content: '';
                background: url("../images/sprites/build/sprites.png?v=1.001") @sprite-label-vision-most-popular-offset-x @sprite-label-vision-most-popular-offset-y no-repeat;
                width: @sprite-label-vision-most-popular-width;
                height: @sprite-label-vision-most-popular-height;
                position: absolute;
                bottom: 0;
                left: 10px;
                z-index: 10;
            }

            article.mkbh-node-vision-display {
                .node-inner {
                    position: relative;
                    background-color: #c3d0e3;
                    border-left: 27px solid #0071bc;
                }

                .node-content {
                    padding: 13px;
                    padding-bottom: 0;

                    .node-content-inner {
                        margin-bottom: 10px;

                        .node-title {
                            font-size: 24px;
                            line-height: 26px;
                        }

                        .node-sub-headline {
                            margin-bottom: 25px;

                            &:before {
                                margin-right: 1px;
                            }
                        }

                        .node-body {
                            font-size: 16px;
                            color: #666;
                        }
                    }

                    .node-chart {
                        .rate-chart {
                            path {
                                stroke: transparent;
                            }
                        }
                    }
                }
            }
        }
    }

    .content-row.footer {
        a {
            .read-more-link-arrow-right-o;
        }
    }

    @media screen and (max-width: @screen-sm-max) {
        .flex-grid {
            display: block;
        }

        .flex-column.sidebar {
            margin-left: 0 !important;
            padding-left: 0 !important;
            border-left: 0 !important;

            &:before {
                left: 0 !important;
            }

            .node-content {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;

                .node-content-inner {
                    -webkit-box-flex: 1;
                    -webkit-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                }

                .node-chart {
                    -webkit-box-flex: 0;
                    -webkit-flex: 0 0 auto;
                    -ms-flex: 0 0 auto;
                    flex: 0 0 auto;
                    float: right;
                }
            }
        }

        article.mkbh-node-vision-display {
            .node-chart {
                -webkit-box-flex: 1;
                -webkit-flex: 1 0 0;
                -ms-flex: 1 0 0;
                flex: 1 0 0;
            }
        }
    }

    @media screen and (max-width: @screen-xs-max) {
        article.mkbh-node-vision-display {
            .node-image {
                display: none;
            }

            .node-chart {
                -webkit-box-flex: 1;
                -webkit-flex: 1 0 0;
                -ms-flex: 1 0 0;
                flex: 1 0 0;

                .rate-chart {
                    width: 125px !important;
                    height: 125px !important;
                }
            }

            .node-content {
                .node-content-inner {
                    .node-title {
                        font-family: 'Montserrat', sans-serif;
                        font-size: 20px !important;
                        line-height: 22px !important;
                    }
                }
            }
        }

        .content-row.content .column.content article.mkbh-node-vision-display .node-content .node-chart .rate-chart .highcharts-title,
        .content-row.content .column.sidebar article.mkbh-node-vision-display .node-content .node-chart .rate-chart .highcharts-title {
            font-family: 'Montserrat', sans-serif;
            font-weight: lighter;
            font-size: 16px !important;
            color: #1a1a1a;
        }

        .flex-column.sidebar {
            .node-content {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;

                .node-content-inner {
                    -webkit-box-flex: 1;
                    -webkit-flex: 1;
                    -ms-flex: 1;
                    flex: 1;

                    .node-body {
                        display: none;
                    }
                }

                .node-chart {
                    -webkit-box-flex: 0;
                    -webkit-flex: 0 0 auto;
                    -ms-flex: 0 0 auto;
                    flex: 0 0 auto;
                    float: right;
                }
            }
        }

        .flex-grid {
            display: block;
        }
    }
}

.mkbh-block-article-lang-lesser,
.mkbh-block-article-sponsoreret {
    .content-row.content {
        overflow: hidden;

        article.mkbh-node-article-display {
            &.view-mode-medium {
                .node-image {
                    max-height: 240px;
                    overflow: hidden;

                    .mkbh-flowplayer {
                        min-height: 240px;
                        padding: auto 0;
                    }
                }
            }

            &.node-sub-type-sponsoreret {
                .node-inner {
                    border-top: 1px solid #4d4d4d;
                    background-color: #fafafa;

                    ul.node-breadcrumbs {
                        li, li:before, li:after {
                            color: #4d4d4d;

                            &.node-type {
                                display: none;
                            }
                        }
                    }

                    .node-title {
                        .subtitle, .separator {
                            display: none;
                        }
                    }
                }
            }
        }

        .flex-grid {
            justify-content: flex-start;

            .column {
                flex: initial;
                width: calc(100% / 3);
                padding-bottom: 10px;

                &:not(.column-first) {
                    padding-left: 10px;
                    border-left: 1px solid #b3b3b3;

                    .node-title a:before {
                        margin-left: 10px;
                    }
                }

                &:not(.column-last) {
                    padding-right: 10px;

                    .node-title a:before {
                        margin-right: 10px;
                    }
                }
            }
        }
    }

    .content-row.footer {
        a {
            .read-more-link-arrow-right-o;
        }
    }

    @media screen and (max-width: @screen-md-max) {
        .flex-grid {
            .column {
                article.mkbh-node-article-display.view-mode-medium .node-image {
                    max-height: 235px;

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

    @media screen and (max-width: 993px) {
        .content-row.content {
            .flex-grid {
                -webkit-flex-direction: row;
                flex-direction: row;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;

                .column {
                    overflow: hidden;
                    flex: 0 calc(100% / 3);
                    -webkit-flex: 0 calc(100% / 3);
                    width: calc(100% / 3);

                    article.mkbh-node-article-display.view-mode-medium .node-image {
                        max-height: 175px;

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

    @media screen and (max-width: @screen-xs-max) {
        .flex-grid {
            display: block;

            .column {
                max-width: none !important;
                width: 100% !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
                padding-bottom: 0 !important;
                border-right: none !important;
                border-left: none !important;

                .node-image {
                    max-height: unset;
                }

                .node-title a:before {
                    margin-right: 0 !important;
                    margin-left: 0 !important;
                }

                &.column-last {
                    margin-top: 10px;
                }
            }
        }

        article.mkbh-node-article-display {
            &.view-mode-medium {
                .node-inner {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal !important;
                    -webkit-box-direction: normal !important;
                    -webkit-flex-direction: row !important;
                    -ms-flex-direction: row !important;
                    flex-direction: row !important;

                    .node-image {
                        position: static;
                        -webkit-box-flex: 0;
                        -webkit-flex: 0 175px;
                        -ms-flex: 0 175px;
                        flex: 0 175px;

                        .mkbh-flowplayer {
                            min-height: unset;
                            padding: 11% 0;
                        }

                        .node-share-count {
                            bottom: initial;
                            top: 1px;
                            right: 10px;
                        }
                    }

                    .node-content {
                        -webkit-box-flex: 1;
                        -webkit-flex: 1;
                        -ms-flex: 1;
                        flex: 1;

                        .node-title {
                            font-size: 22px;
                            line-height: 24px;
                        }

                        .node-body {
                            display: none;
                        }
                    }
                }
            }
        }
    }

    @media screen and (max-width: 480px) {
        article.mkbh-node-article-display {
            .node-inner {
                display: block !important;

                .node-image {
                    position: relative !important;
                }
            }
        }
    }
}

.mkbh-block-article-seneste {
    .content-row.content {
        overflow: hidden;

        .column {
            position: relative;

            &:not(.column-last) {
                padding-right: 10px;
                border-right: 1px solid #b3b3b3;

                .node-title a:before {
                    margin-right: 10px;
                }
            }

            &:not(.column-first) {
                padding-left: 10px;

                .node-title a:before {
                    margin-left: 10px;
                }
            }

            &.small, &.medium {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;

                article.mkbh-node-article-display {
                    -webkit-box-flex: 1;
                    -webkit-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    position: relative;
                    overflow: hidden;

                    .node-title a:before {
                        margin-left: 0;
                    }
                }
            }

            &.small {
                flex: 0 0 245px;
                -webkit-flex: 0 0 245px;
            }

            &.medium article.mkbh-node-article-display {
                .node-title a:before {
                    margin-left: 0;
                    margin-right: 0;
                }
            }

            &.small article.mkbh-node-article-display {
                .node-title a:before {
                    margin-left: 0;
                }
            }
        }

        article.mkbh-node-article-display {
            padding-bottom: 10px;

            &.view-mode-medium {
                .node-image {
                    .mkbh-flowplayer {
                        min-height: 183px;
                    }
                }
            }

            &.view-mode-small:not(:last-of-type) {
                margin-bottom: 10px;
                overflow: hidden;
            }

            &.node-type-you-write {
                ul.node-breadcrumbs {
                    li.node-type {
                        display: none;
                    }

                    li.node-location:before {
                        color: #29abe2;
                    }
                }
            }

            &.node-type-photo-series {
                ul.node-breadcrumbs {
                    li {
                        color: #e6e6e6;

                        &:before, &:after {
                            display: inline-block;
                            vertical-align: top;
                        }

                        &.node-type {
                            display: none;
                        }

                        &.node-location {
                            display: inline-block;
                            vertical-align: top;
                            position: relative;
                            top: 2px;
                        }
                    }

                }
            }
        }
    }

    .content-row.footer {
        a {
            .read-more-link-arrow-right-o;
            margin-right: 5px;
        }
    }

    @media screen and(max-width: 993px) {
        .content-row.content {
            .flex-grid {
                -webkit-flex-direction: row;
                flex-direction: row;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;

                .column {
                    overflow: hidden;
                    flex: 0 50%;
                    -webkit-flex: 0 50%;
                    max-width: none;

                    &.column-0 {
                        padding-left: 0;
                        margin-left: 0;
                    }

                    &.column-0, &.column-1 {
                        margin-bottom: 10px;
                    }

                    &.column-1 {
                        padding-right: 0;
                        border-right: none;

                        .node-title a:before {
                            margin-right: 0;
                        }
                    }

                    &.column-2 {
                        padding-left: 0;

                        .node-title a:before {
                            margin-left: 0;
                        }
                    }
                }
            }
        }
    }

    @media screen and (max-width: @screen-xs-max) {
        .flex-grid {
            display: block;

            .column {
                padding-left: 0 !important;
                padding-right: 0 !important;
                padding-bottom: 0 !important;
                border-right: none !important;
                border-left: none !important;

                .node-title a:before {
                    margin-right: 0 !important;
                    margin-left: 0 !important;
                }

                &.column-last {
                    margin-top: 10px;
                }
            }
        }

        article.mkbh-node-article-display {
            padding-bottom: 0 !important;

            &.view-mode-medium {
                .node-inner {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal !important;
                    -webkit-box-direction: normal !important;
                    -webkit-flex-direction: row !important;
                    -ms-flex-direction: row !important;
                    flex-direction: row !important;

                    .node-image {
                        position: static;
                        -webkit-box-flex: 0;
                        -webkit-flex: 0 175px;
                        -ms-flex: 0 175px;
                        flex: 0 175px;

                        .mkbh-flowplayer {
                            min-height: auto;
                            padding: 11% 0;
                        }

                        .node-share-count {
                            bottom: initial;
                            top: 1px;
                            right: 10px;
                        }
                    }

                    .node-content {
                        -webkit-box-flex: 1;
                        -webkit-flex: 1;
                        -ms-flex: 1;
                        flex: 1;

                        .node-title {
                            font-size: 22px;
                            line-height: 24px;
                        }

                        .node-body {
                            display: none;
                        }
                    }
                }
            }

            &.view-mode-small {
                .node-inner {
                    .node-content {
                        .node-title {
                            font-size: 22px;
                            line-height: 24px;
                        }

                        .node-body {
                            display: none;
                        }
                    }
                }
            }
        }
    }

    @media screen and (max-width: 480px) {
        article.mkbh-node-article-display {
            .node-inner {
                display: block !important;

                .node-image {
                    position: relative !important;
                }
            }
        }
    }
}

.mkbh-block-article-support-block {
    margin-top: 15px;
    padding-left: 200px;

    .block-inner {
        padding-top: 15px;
        border-top: 1px solid #E7E8E9;

        .content-image {
            padding: 30px 45px 0 30px;
            background-color: #E7E8E9;

            &.style--edge-to-edge {
                padding: 0;

                img {
                    width: 100%;
                    height: auto;
                }
            }

            img {
                display: block;
                margin: 0 auto;
            }
        }

        .block-content {
            padding: 30px 45px;
            background-color: #E7E8E9;

            text-align: center;

            .content-heading {
                color: #1a1a1a;

                font-family: 'Montserrat', sans-serif;
                font-weight: 400;
                font-size: 22px;
                line-height: 28px;
                letter-spacing: 0.02em;

                p, span {
                    margin: 0;
                    padding: 0;
                }
            }

            .content-body {
                color: #1a1a1a;

                font-family: 'Caecilia LT Std', sans-serif;
                font-weight: 400;
                font-size: 18px;
                line-height: 27px;

                p:last-child {
                    margin-bottom: 0;
                }
            }

            .btn-cta {
                background-color: #B11D27;
                color: #ffffff;

                min-width: 235px !important;
                border-radius: 10px;
                padding: 10px 16px;

                margin-top: 55px;
                margin-bottom: 45px;

                font-family: 'Montserrat', sans-serif;
                font-weight: 400;
                font-size: 16px;
                line-height: 18px;
                letter-spacing: 0.03em;

                &:hover, &:focus {
                    text-decoration: none;
                    outline: none;
                }

                .fa {
                    font-size: 22px;
                    padding-left: 5px;
                    vertical-align: -2px;
                }
            }

            .content-subscript {
                font-size: 14px;
                line-height: 21px;

                p:last-child {
                    margin-bottom: 0;
                }
            }
        }
    }

    &.paywall {
        .block-inner .block-content .cta-wrapper {
            display: flex;
            justify-content: space-around;

            .btn {
                flex: 0 0 auto;
            }
        }
    }

    @media screen and(max-width: @screen-md-max) {
        padding-left: 0;
    }

    @media screen and(max-width: @screen-xs-max) {
        .block-inner {
            .content-image {
                padding: 15px 20px 0 20px;

                &.style--edge-to-edge {
                    padding: 0;
                }
            }

            .block-content {
                padding: 15px 20px;
            }
        }

        &.paywall {
            .block-inner .block-content .cta-wrapper {
                display: block;

                .btn {
                    display: block;
                    margin: 20px;
                }
            }
        }
    }
}

.mkbh-facebook-widget.widget-page-plugin {
    border-top: 2px solid #c1041f;

    .widget-title {
        font-family: 'Montserrat', sans-serif;
        font-size: 19px;
        letter-spacing: 0.23em;
        margin-top: 10px;
        margin-bottom: 20px;
        color: #1a1a1a;
    }
}

.mkbh-social-share-widget {
    padding: 1em 0;
    border-top: 1px solid #e6e6e6;

    .share-buttons {
        display: inline-block;
        vertical-align: middle;
        margin-right: 20px;

        & > span {
            opacity: 1;
            .transition(opacity 250ms cubic-bezier(0.250, 0.100, 0.250, 1.000));

            &, & > span {
                display: inline-block;
                vertical-align: top;
                width: 34px !important;
                height: 34px !important;
                padding: 0 !important;
                margin: 0 !important;
            }

            .chicklets {
                width: 34px !important;
                height: 34px !important;
                padding: 0;
                background: none;
            }

            &.st_facebook {
                background-image: url("../images/svg/icon-share-facebook.svg");
            }

            &.st_twitter {
                background-image: url("../images/svg/icon-share-twitter.svg");
            }

            &.st_googleplus {
                background-image: url("../images/svg/icon-share-google.svg");
            }

            &.st_linkedin {
                background-image: url("../images/svg/icon-share-linkedin.svg");
            }

            &.custom_share_email {
                background-image: url("../images/svg/icon-share-email.svg");
            }

            &:hover {
                opacity: 0.75;
            }
        }

        .custom_share_email {
            display: inline-block;
            vertical-align: top;
            width: 34px !important;
            height: 34px !important;
            padding: 0 !important;
            margin: 0 !important;

            & > a {
                display: inline-block;
                vertical-align: top;
                width: 34px !important;
                height: 34px !important;
                padding: 0 !important;
                margin: 0 !important;
                background: none;

                &:hover {
                    opacity: .75;
                    -ms-filter: "alpha(opacity=75)";
                    filter: alpha(opacity=75);
                }
            }
        }
    }

    .share-count {
        display: inline-block;
        vertical-align: middle;

        .share-widget--total-count {
            display: inline-block;
            vertical-align: middle;
            font-family: 'Caecilia LT Std', serif;
            font-size: 16px;
            color: #666;

            & > i {
                color: #c1041f;
            }
        }

        &:before {
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
            font-family: 'FontAwesome', sans-serif;
            content: '\f1e0';
            font-size: 16px;
            color: #666;
            font-style: normal !important;
            font-weight: normal !important;
            font-variant: normal !important;
            text-transform: none !important;
            speak: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
    }

    &.article-type-article.article-sub-type-opinion .share-count .share-widget--total-count i {
        color: #00a99d;
    }

    &.article-type-article.article-sub-type-sponsoreret .share-count .share-widget--total-count i {
        color: #4d4d4d;
    }

    &.article-type-article.article-lang-lesser .share-count .share-widget--total-count i {
        color: #c1041f;
    }

    &.article-type-you-write .share-count .share-widget--total-count i {
        color: #29abe2;
    }

    &.article-type-vision .share-count .share-widget--total-count i {
        color: #0071bc;
    }

    &.article-type-photo-series {
        .share-count {
            &:before {
                color: #999;
            }

            .share-widget--total-count {
                color: #999;

                i {
                    color: #f7931e;
                }
            }
        }

        @media screen and (max-width: @screen-sm-max) {
            display: none;
        }
    }
}

.pane-mkbh-global-stats {
    display: block !important;
    border-top: 2px solid #c1041f;

    .pane-title {
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 500 !important;
        font-size: 19px !important;
        letter-spacing: 0.14em !important;
        color: #1a1a1a !important;
        border-top: none !important;
        padding: 0 !important;
        margin: 9px 0 24px 0 !important;
    }

    .pane-content {
        margin-top: 0 !important;
    }

    .stats {
        margin-bottom: 36px;
        text-align: center;

        .advertisers-sidebar-block-description {
            text-align: left;
        }

        .fa {
            color: #999;
            font-size: 40px;
        }

        .value {
            font-family: 'Caecilia LT Std', sans-serif;
            font-size: 49px;
            line-height: 55px;
            color: #cd5257;
        }

        .description {
            font-family: 'Montserrat', sans-serif;
            font-size: 19px;
            color: #999;
            line-height: 25px;
        }
    }
}

.pane-mkbh-blocks-mkbh-block-front-film {
    margin-bottom: 15px !important;

    @media screen and (max-width: @screen-xs-max) {
        margin-bottom: 0 !important;
    }
}

.pane-mkbh-blocks-mkbh-block-front-scene {
    margin-bottom: 15px !important;

    @media screen and (max-width: @screen-xs-max) {
        border-top: none !important;
        margin-bottom: 0 !important;
    }
}

.pane-mkbh-blocks-mkbh-block-front-du-skriver {
    @media screen and (max-width: @screen-xs-max) {
        //padding-top: 0!important;
        border-top: 0 !important;
    }
}

.support-bar-wrapper {
    backface-visibility: hidden;
    z-index: 1000;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;

    .mkbh-block-support-bar-inner {
        position: relative;
        display: table;
        width: 100%;
    }

    .mkbh-block-support-bar {
        background: red;
        padding: 22px 0;

        .svg, .content {
            display: table-cell;
            vertical-align: middle;
        }

        .svg {
            width: 50px
        }

        .content {
            padding-left: 20px;
            padding-right: 35px;
        }

        h4, h5 {
            margin-top: 0;
            margin-bottom: 0;
            font-family: 'Montserrat', serif;
            font-weight: 400;
            font-size: 20px;
            color: inherit;
        }

        h4 {
            letter-spacing: 0.003em;
            font-weight: 600;
            margin-bottom: 5px;
        }

        h5 {
            letter-spacing: 0.0em;
        }

        [data-toggle="support-bar"] {
            position: absolute;
            top: 0;
            right: 0;
            width: 21px;
            height: 21px;

            @media screen and(max-width: @screen-md-max) {
                top: -20px;
                right: -10px;
                width: 51px;
                height: 61px;
                box-sizing: border-box;
                padding: 20px 10px 20px 20px;
            }

            .svg {
                width: 20px;
            }
        }
    }

    @media screen and(max-width: @screen-md-max) {
        .mkbh-block-support-bar {
            .svg {
                width: 35px
            }

            h4, h5 {
                font-size: 16px;
            }
        }
    }

    @media screen and(max-width: @screen-sm-max) {
        .mkbh-block-support-bar {
            .content {
                padding-left: 10px;
            }

            .svg {
                width: 30px
            }

            h4, h5 {
                font-size: 15px;
            }

            h4 {
                margin-bottom: 10px;
            }
        }
    }
}

// endregion

// region MKBH Views
.view-display-id-pane_front_page_opinion {
    .view-content {
        .views-row {
            overflow: hidden;

            &:not(.views-row-last) {
                padding-right: 10px;
                border-right: 1px solid #b3b3b3;
            }

            &:not(.views-row-first) {
                padding-left: 10px;
            }

            .views-row-inner {
                border-top: 1px solid #00554f;
                background-color: #00a99d;
                padding-bottom: 15px;
            }

            &.views-row-first .views-field-title a:before {
                margin-right: 10px;
            }

            &.views-row-last .views-field-title a:before {
                margin-left: 10px;
            }
        }

        .field-article-main-image {
            float: right;

            img {
                display: block;
                width: 100%;
            }
        }

        .field-article-writer-photo {
            float: right;
            padding: 15px;
            height: 180px;
            width: 180px;
            overflow: hidden;

            img {
                border-radius: 50%;
                width: 100%;
                height: auto;
            }
        }

        .views-field-title {
            padding-right: 10px;
            padding-left: 15px;
            padding-top: 15px;
            overflow: hidden;
            word-wrap: break-word;
            //word-break: keep-all;

            a {
                font-family: 'Caecilia LT Std', serif;
                font-size: 27px;
                line-height: 26px;
                color: #fff;

                &:hover, &:active, &:focus {
                    outline: none;
                    text-decoration: none;
                }
            }

            &:before {
                display: block;
                content: '';
                background: url("../images/sprites/build/sprites.png?v=1.001") @sprite-icon-quote-offset-x @sprite-icon-quote-offset-y no-repeat;
                width: @sprite-icon-quote-width;
                height: @sprite-icon-quote-height;
                margin-bottom: 7px;
            }
        }

        .views-field-field-article-name-of-writer {
            padding-right: 10px;
            padding-left: 15px;
            overflow: hidden;
            margin-top: 12px;
            font-family: 'Montserrat', serif;
            font-size: 14px;
            line-height: 17px;
            color: #fff;
        }

        @media screen and (max-width: @screen-sm-max) {
            &.flex-grid {
                display: block;
            }

            .views-row:not(.views-row-last) {
                padding-right: 0;
                border-right: 0;
                margin-bottom: 10px;
                padding-bottom: 10px;
                border-bottom: 1px solid #b3b3b3;

                .views-field-title a:before {
                    margin-right: 0;
                    margin-bottom: 10px;
                }
            }

            .views-row:not(.views-row-first) {
                padding-left: 0;

                .views-field-title a:before {
                    margin-right: 0;
                    margin-left: 0;
                }
            }
        }
    }

    @media screen and (max-width: @screen-xs-max) {
        .field-article-main-image, .field-article-writer-photo {
            display: none;
        }

        .views-row-inner {
            padding-bottom: 15px;
        }

        .views-field-title {
            a {
                font-size: 22px;
                line-height: 24px;
            }
        }
    }

    .view-footer {
        a {
            .read-more-link-arrow-right-o;
        }
    }
}

.view-display-id-pane_front_page_sponsored {
    .view-content {
        .views-row {
            overflow: hidden;

            .views-field-title a:before {
                margin-right: 10px;
                margin-left: 10px;
            }

            &.views-row-first .views-field-title a:before {
                margin-left: 0;
            }

            &.views-row-last .views-field-title a:before {
                margin-right: 0;
            }

            &:not(.views-row-last) {
                padding-right: 10px;
                border-right: 1px solid #b3b3b3;
            }

            &:not(.views-row-first) {
                padding-left: 10px;
            }

            .views-row-inner {
                border-top: 1px solid #4d4d4d;
                background-color: #fafafa;
                padding-bottom: 1000px;
                margin-bottom: -1000px;
            }
        }

        .field-article-main-image {
            img {
                display: block;
                width: 100%;
            }
        }

        .field-article-type {
            font-family: 'Montserrat', sans-serif;
            font-size: 11px;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: #666;
            padding: 13px;

            &:before {
                .mkbh-icon('a', 8px, #666);
                margin-right: 3px;
            }
        }

        .views-field-title {
            padding-right: 13px;
            padding-left: 13px;
            margin-bottom: 15px;

            a {
                display: inline;
                color: #1a1a1a;
                font-family: 'Montserrat', sans-serif;
                font-size: 26px;
                line-height: 28px;

                &:hover, &:active, &:focus {
                    outline: none;
                    text-decoration: none;
                }
            }
        }

        .field-body, .field-underrubrik {
            padding-right: 13px;
            padding-left: 13px;
            margin-bottom: 20px;
            font-family: 'Caecilia LT Std', sans-serif;
            font-size: 16px;
            color: #808080;
            line-height: 22px;

            p {
                margin: 0;
            }
        }

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

        @media screen and(max-width: @screen-sm-max) {
            .mkbh-flowplayer {
                min-height: auto;
                padding: 10.8% 0px;
            }

            .views-field-title {
                a {
                    font-size: 26px;
                    line-height: 28px;
                }
            }
        }

        @media screen and (max-width: @screen-xs-max) {
            &.flex-grid {
                display: block;

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

                    .views-field-title a:before {
                        margin-right: 0;
                        margin-left: 0;
                    }

                    .views-row-inner {
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: flex;

                        .sponsoreret-image {
                            -webkit-box-flex: 0;
                            -webkit-flex: 0 175px;
                            -ms-flex: 0 175px;
                            flex: 0 175px;
                        }

                        .sponsoreret-content {
                            -webkit-box-flex: 1;
                            -webkit-flex: 1;
                            -ms-flex: 1;
                            flex: 1;
                        }
                    }
                }
            }
        }

        @media screen and(max-width: 480px) {
            &.flex-grid {
                .views-row .views-row-inner {
                    display: block;
                }
            }
        }
    }
}

.view-display-id-pane_front_page_photo {
    .view-content {
        .views-row {
            position: relative;
        }

        .views-row-grid {
            display: flex;
            display: -webkit-flex;
            background-color: #1a1a1a;
            border-top: 1px solid #f7931e;

            .column {
                flex-grow: 1;
                -webkit-flex-grow: 1;

                &.sidebar {
                    flex-shrink: 0;
                    -webkit-flex-shrink: 0;
                    width: 255px;

                    @media screen and (max-width: 970px) {
                        width: 100%;
                    }
                }
            }

            &.desktop {
                display: flex;
                display: -webkit-flex;
            }

            &.mobile {
                display: none;
            }

            @media screen and (max-width: 970px) {
                &.desktop {
                    display: none;
                }

                &.mobile {
                    display: block;
                }
            }
        }

        .photo-info {
            color: white;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 13px;

            .views-field-nothing {
                display: inline-block;
                font-family: 'Montserrat', sans-serif;
                font-size: 11px;
                letter-spacing: 1px;
                text-transform: uppercase;
                color: #f7931e;

                &:before {
                    .mkbh-icon('c', 14px, #f7931e);
                    display: inline-block;
                    vertical-align: middle;
                    position: relative;
                    top: -4px;
                    margin-right: 5px;
                }

                i.arrow:before {
                    .mkbh-icon('d', 8px, #e6e6e6);
                    margin-left: 5px;
                    margin-right: 5px;
                }

                .field-photo-city-district {
                    display: inline-block;
                    font-family: 'Montserrat', sans-serif;
                    font-size: 11px;
                    text-transform: uppercase;
                    color: #f7931e;

                    &:before {
                        .mkbh-icon('b', 12px, #f7931e);
                        margin-right: 0;
                        position: relative;
                        top: 1px;
                    }
                }
            }

            .views-field-title {
                margin-top: 15px;
                padding-right: 15px;

                a {
                    font-family: 'Montserrat', sans-serif;
                    font-size: 25px;
                    line-height: 29px;
                    color: white;
                    letter-spacing: 0.06em;

                    &:hover, &:active, &:focus {
                        outline: none;
                        text-decoration: none;
                    }
                }
            }

            .field-underrubrik {
                padding-right: 15px;
                margin-top: 17px;
                font-family: 'Caecilia LT Std', sans-serif;
                font-size: 16px;
                color: #b3b3b3;
                line-height: 22px;
            }
        }

        .photo-image {
            img {
                display: inline-block;
                vertical-align: top;
                width: 100%;
            }
        }
    }

    .view-footer {
        a {
            .read-more-link-arrow-right-o;
        }
    }
}

.view-display-id-pane_kbh_kortet {
    .gmap-popup {
        a.title * {
            display: inline;
        }
    }

    .view-footer {
        a {
            .read-more-link-arrow-right-o;
        }
    }
}

.view-display-id-pane_front_film {
    .view-content {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;

        .views-row {
            flex: 1 0 50%;
            -webkit-flex: 1 0 50%;
            margin-bottom: 30px;

            &:nth-last-child(-n+2) {
                margin-bottom: 0;
            }

            .panels-layout--article-detail-page .pane-front-page-film-pane-front-film.layout-3-columns & {
                flex: 1 0 calc(100% / 3);
                -webkit-flex: 1 0 calc(100% / 3);
                width: calc(100% / 3);
                max-width: calc(100% / 3);

                &:nth-last-child(-n+3) {
                    margin-bottom: 0;
                }
            }
        }

        .views-row-grid {
            position: relative;
            display: flex;
            display: -webkit-flex;

            .column {
                flex: 1;
                -webkit-flex: 1;

                &.poster {
                    flex: 0 0 120px;
                    -webkit-flex: 0 0 120px;
                }
            }

            .column.poster {
                img {
                    display: inline-block;
                    vertical-align: top;
                    width: 100%;
                    height: auto;
                }
            }

            .column.information {
                padding-left: 10px;

                .fivestar-static-item {
                    margin-top: 5px;
                    margin-bottom: 15px;

                    .form-item {
                        margin: 0;
                    }
                }

                .views-field-title {
                    margin-bottom: 5px;
                    padding-right: 15px;

                    a, a:hover, a:active {
                        text-decoration: none;
                        font-family: 'Montserrat', sans-serif;
                        font-size: 20px;
                        line-height: 15px;
                        color: #1a1a1a;
                    }

                    a:before {
                        margin-right: 10px;
                    }
                }

                .field-review-sub-headline {
                    font-family: 'Montserrat', sans-serif;
                    font-size: 14px;
                    line-height: 14px;
                    margin-bottom: 0;
                    color: #808080;

                    &:before {
                        .mkbh-icon('h', 15px, #c1041f);
                        margin-right: 5px;
                        position: relative;
                        top: 3px;
                    }
                }
            }
        }
    }

    .view-footer {
        a {
            .read-more-link-arrow-right-o;

            @media screen and(max-width: @screen-xs-max) {
                margin-top: 0;
                margin-bottom: 10px;
            }
        }
    }

    @media screen and(max-width: 970px) {
        .flex-grid {
            display: block;
        }

        .view-content {
            .views-row {
                .panels-layout--article-detail-page & {
                    flex: 1 0 50%;
                    -webkit-flex: 1 0 50%;
                }

                .panels-layout--article-detail-page .pane-front-page-film-pane-front-film.layout-3-columns & {
                    flex: 1 0 50%;
                    -webkit-flex: 1 0 50%;
                    width: 50%;
                    max-width: none;
                }
            }
        }
    }

    @media screen and(max-width: @screen-xs-max) {
        .view-content {
            display: block !important;

            .views-row {
                margin-bottom: 10px !important;
                width: 100%;
                max-width: none;

                .panels-layout--article-detail-page .pane-front-page-film-pane-front-film.layout-3-columns & {
                    flex: none;
                    -webkit-flex: none;
                    width: 100%;
                    max-width: none;
                }
            }

            .fivestar-static-item {
                .fivestar-summary, p {
                    display: none;
                }
            }

            .views-field-title {
                padding-right: 0;

                a:before {
                    margin-right: 0 !important;
                }
            }
        }

        .column-content {
            margin-bottom: 10px;
        }

        .column-ad {
            border-top: 1px solid #b3b3b3;
            border-bottom: 1px solid #b3b3b3;
        }
    }
}

.view-display-id-pane_front_scene {
    .view-content {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;

        .views-row {
            flex: 1 0 50%;
            -webkit-flex: 1 0 50%;
            width: 50%;
            max-width: 50%;
            margin-bottom: 30px;

            &:nth-last-child(-n+2) {
                margin-bottom: 0;
            }

            .panels-layout--article-detail-page .pane-front-page-film-pane-front-scene.layout-3-columns & {
                flex: 1 0 calc(100% / 3);
                -webkit-flex: 1 0 calc(100% / 3);
                width: calc(100% / 3);
                max-width: calc(100% / 3);

                &:nth-last-child(-n+3) {
                    margin-bottom: 0;
                }
            }
        }

        .views-row-grid {
            position: relative;
            display: flex;
            display: -webkit-flex;

            .column {
                flex: 1;
                -webkit-flex: 1;

                &.poster {
                    flex: 0 0 120px;
                    -webkit-flex: 0 0 120px;
                }
            }

            .column.poster {
                img {
                    display: inline-block;
                    vertical-align: top;
                    width: 100%;
                    height: auto;
                }
            }

            .column.information {
                padding-left: 10px;

                .fivestar-static-item {
                    margin-top: 5px;
                    margin-bottom: 15px;

                    .form-item {
                        margin: 0;
                    }
                }

                .views-field-title {
                    padding-right: 15px;
                    margin-bottom: 5px;

                    a, a:hover, a:active {
                        text-decoration: none;
                        font-family: 'Montserrat', sans-serif;
                        font-size: 20px;
                        line-height: 15px;
                        color: #1a1a1a;
                    }

                    a:before {
                        margin-right: 10px;
                    }
                }

                .field-review-sub-headline {
                    font-family: 'Montserrat', sans-serif;
                    font-size: 14px;
                    line-height: 14px;
                    margin-bottom: 0;
                    color: #808080;

                    &:before {
                        .mkbh-icon('b', 12px, #c1041f);
                        margin-right: 5px;
                        position: relative;
                        top: 1px;
                    }
                }
            }
        }
    }

    .view-footer {
        a {
            .read-more-link-arrow-right-o;

            @media screen and(max-width: @screen-xs-max) {
                margin-top: 0;
                margin-bottom: 10px;
            }
        }
    }

    @media screen and(max-width: 970px) {
        .flex-grid {
            display: block;
        }

        .view-content {
            .views-row {
                .panels-layout--article-detail-page .pane-front-page-film-pane-front-scene.layout-3-columns & {
                    flex: 1 0 50%;
                    -webkit-flex: 1 0 50%;
                    width: 50%;
                    max-width: 50%;
                }
            }
        }
    }

    @media screen and(max-width: @screen-xs-max) {
        .view-content {
            display: block !important;

            .views-row {
                margin-bottom: 10px !important;
                width: 100%;
                max-width: none;

                .panels-layout--article-detail-page .pane-front-page-film-pane-front-scene.layout-3-columns & {
                    flex: none;
                    -webkit-flex: none;
                    width: 100%;
                    max-width: none;
                }
            }

            .fivestar-static-item {
                .fivestar-summary, p {
                    display: none;
                }
            }

            .views-field-title {
                padding-right: 0;

                a:before {
                    margin-right: 0 !important;
                }
            }
        }

        .column-content {
            margin-bottom: 10px;
        }

        .column-ad {
            border-top: 1px solid #b3b3b3;
            border-bottom: 1px solid #b3b3b3;
        }
    }
}

.view-display-id-pane_related_film,
.view-display-id-pane_related_scene {
    .view-content {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;

        .views-row {
            flex: 1 0 calc(100% / 3);
            -webkit-flex: 1 0 calc(100% / 3);
            width: calc(100% / 3);
            max-width: calc(100% / 3);
            margin-bottom: 30px;

            &:nth-last-child(-n+2) {
                margin-bottom: 0;
            }
        }

        .views-row-grid {
            position: relative;
            display: flex;
            display: -webkit-flex;

            .column {
                flex: 1;
                -webkit-flex: 1;

                &.poster {
                    flex: 0 0 120px;
                    -webkit-flex: 0 0 120px;
                }
            }

            .column.poster {
                img {
                    display: inline-block;
                    vertical-align: top;
                    width: 100%;
                    height: auto;
                }
            }

            .column.information {
                padding-left: 10px;

                .fivestar-static-item {
                    margin-top: 5px;
                    margin-bottom: 15px;

                    .form-item {
                        margin: 0;
                    }
                }

                .views-field-title {
                    margin-bottom: 5px;
                    padding-right: 15px;

                    a, a:hover, a:active {
                        text-decoration: none;
                        font-family: 'Montserrat', sans-serif;
                        font-size: 20px;
                        line-height: 15px;
                        color: #1a1a1a;
                    }

                    a:before {
                        margin-right: 10px;
                    }
                }

                .field-review-sub-headline {
                    font-family: 'Montserrat', sans-serif;
                    font-size: 14px;
                    line-height: 14px;
                    margin-bottom: 0;
                    color: #808080;

                    &:before {
                        .mkbh-icon('h', 15px, #c1041f);
                        margin-right: 5px;
                        position: relative;
                        top: 3px;
                    }
                }
            }
        }
    }

    .view-footer {
        a {
            .read-more-link-arrow-right-o;

            @media screen and(max-width: @screen-xs-max) {
                margin-top: 0;
                margin-bottom: 10px;
            }
        }
    }

    @media screen and(max-width: 970px) {
        .flex-grid {
            display: block;
        }

        .view-content {
            .views-row {
                .panels-layout--article-detail-page & {
                    flex: 1 0 50%;
                    -webkit-flex: 1 0 50%;
                    width: 50%;
                    max-width: 50%;
                }
            }
        }
    }

    @media screen and(max-width: @screen-xs-max) {
        .view-content {
            display: block !important;

            .views-row {
                margin-bottom: 10px !important;
                width: 100% !important;
                max-width: none !important;
            }

            .fivestar-static-item {
                .fivestar-summary, p {
                    display: none;
                }
            }

            .views-field-title {
                padding-right: 0;

                a:before {
                    margin-right: 0 !important;
                }
            }
        }

        .column-content {
            margin-bottom: 10px;
        }

        .column-ad {
            border-top: 1px solid #b3b3b3;
            border-bottom: 1px solid #b3b3b3;
        }
    }
}

.view-display-id-pane_related_scene {
    .view-content {
        .views-row-grid {
            .column.information {
                .field-review-sub-headline {
                    &:before {
                        .mkbh-icon('b', 15px, #c1041f);
                        margin-right: 5px;
                        position: relative;
                        top: 3px;
                    }
                }
            }
        }
    }
}

.view-display-id-pane_article_mest_leste {
    .view-content {
        .views-row {
            display: flex;
            display: -webkit-flex;
            flex-direction: row;
            -webkit-flex-direction: row;
            min-height: 85px;
            position: relative;

            &:not(.views-row-last) {
                margin-bottom: 10px;
                padding-bottom: 20px;
                border-bottom: 1px solid #e6e6e6;
            }

            &.views-row-last {
                margin-bottom: 40px;
            }

            .field-article-main-image,
            .field-photo-main-image,
            .field-project-main-image,
            .field-review-main-image {
                flex: 0 0 120px;
                -webkit-flex: 0 0 120px;
                margin-right: 10px;

                .mkbh-flowplayer {
                    width: 120px;
                    min-height: 80px;
                    .transition(all 250ms cubic-bezier(0.250, 0.100, 0.250, 1.000));

                    &.is-playing {
                        position: absolute;
                        width: 100%;
                        z-index: 100;
                        .transition(all 250ms cubic-bezier(0.250, 0.100, 0.250, 1.000));
                    }
                }
            }

            .views-field-title {
                flex: 1;
                -webkit-flex: 1;

                a {
                    color: #666;
                    font-size: 18px;
                    line-height: 16px;
                }
            }
        }
    }
}

.page-search , .page-vocabulary-tags, .page-vocabulary-city-districts, .page-vocabulary-writer {
    #page-wrapper .row > section {
        display: flex;
        display: -webkit-flex;

        .content-system {
            flex: 0 0 200px;
            -webkit-flex: 0 0 200px;
            padding-right: 10px;

            .page-header {
                font-family: 'Montserrat';
                font-size: 22px;
                font-weight: 100;
                color: #c1272d;
                text-transform: lowercase;
                border-top: 1px solid #b3b3b3;
                border-bottom: none;
                margin: 20px 0 0 0;
                padding: 10px 0 0;
            }
        }

        @media screen and(max-width: @screen-md-max) {
            display: block;

            .content-system {
                padding: 0;
                margin: 0;

                .page-header {
                    margin-left: 1px;
                }
            }

            .page-content {
                padding-left: 10px;
                padding-right: 10px;
            }
        }
    }

    .view {
        .view-content {
            display: flex;
            display: -webkit-flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;

            .views-row {
                position: relative;
                flex: 0 0 25%;
                -webkit-flex: 0 0 25%;
                margin-bottom: 10px;
                overflow: hidden;
                padding-left: 10px;
                padding-right: 10px;

                .node-title a:before {
                    margin-right: 10px;
                    margin-left: 10px;
                }

                &:not(:nth-child(4n)) {
                    border-right: 1px solid #b3b3b3;
                }

                &:last-child {
                    border-right: 0 !important;
                }

                article {
                    .node-image {
                        .mkbh-flowplayer {
                            min-height: 0;
                            padding: 11% 0;
                        }
                    }

                    .node-breadcrumbs {
                        margin-bottom: 0;
                    }

                    .node-post-date {
                        position: relative;
                        margin: 0;
                        padding: 0;
                        font-family: 'Montserrat', sans-serif;
                        font-weight: 100;
                        font-size: 10px;
                        color: #666;
                        text-transform: uppercase;
                        letter-spacing: 1px;
                    }

                    .node-title {
                        margin-top: 10px;
                    }

                    &.node-type-you-write {
                        .node-breadcrumbs li {
                            &:not(.node-type) {
                                display: none;
                            }

                            &:after {
                                content: none;
                                display: none;
                            }
                        }
                    }

                    &.node-type-photo-series {
                        .node-breadcrumbs li {
                            &:not(.node-type) {
                                display: none;
                            }

                            &:after {
                                content: none;
                                display: none;
                            }
                        }
                    }

                    &.node-sub-type-opinion {
                        .node-inner {
                            border-top: 1px solid #00a99d;

                            .node-breadcrumbs {
                                display: none;
                            }

                            .node-content {
                                .node-title {
                                    font-family: 'Caecilia LT Std';
                                    font-size: 26px;
                                    line-height: 28px;

                                    a span {
                                        display: block !important;
                                        position: relative;
                                        padding: 47px 0 1px;

                                        &:after {
                                            position: absolute;
                                            display: block;
                                            content: '';
                                            background-image: url(/sites/all/themes/custom/mkbh/assets/images/sprites/src/quote-green.png);
                                            top: 10px;
                                            left: 5px;
                                            width: 43px;
                                            height: 31px;
                                        }
                                    }

                                    .title {
                                        color: #1a1a1a;
                                        max-height: none;
                                        overflow: hidden;
                                        display: inline-block;
                                        word-wrap: break-word;
                                    }
                                }

                                .node-writer-name {
                                    font-family: 'Montserrat';
                                    font-size: 14px;
                                    color: #808080;
                                    line-height: 17px;
                                    margin: 14px 0 0 0;
                                }
                            }

                            .writer-photo {
                                margin: 15px auto;
                                text-align: center;
                                height: 180px;
                                width: 180px;
                                overflow: hidden;

                                img {
                                    border-radius: 50%;
                                    width: 100%;
                                    height: auto;
                                    min-height: 0;
                                }
                            }
                        }
                    }

                    &.node-type-vision {
                        position: static;

                        .node-sub-type {
                            margin-bottom: 0;
                        }
                    }
                }
            }
        }

        .pager.pager-load-more {
            padding: 10px;
            text-align: left;
        }

        .view-filters {
            padding: 0 10px;

            .views-exposed-form {
                .views-widget-filter-search_api_views_fulltext {
                    float: none;
                    padding: 0;
                    margin-bottom: 5px;
                    padding-bottom: 12px;
                    border-bottom: 1px solid #b3b3b3;

                    label {
                        display: none;
                    }

                    input[type="text"] {
                        width: 100%;
                        word-break: break-all;
                    }
                }

                .views-submit-button {
                    display: none;
                }
            }
        }
    }

    @media screen and (max-width: @screen-md-max) {
        .view {
            margin-right: -10px;
            margin-left: -10px;
        }
    }

    @media screen and(max-width: @screen-sm-max) {
        .view {
            margin-right: 0;
            margin-left: 0;

            .view-content {
                .views-row {
                    flex: 0 0 50%;
                    -webkit-flex: 0 0 50%;
                    padding-right: 0;
                    padding-left: 0;
                    border-right: 0;

                    .node-title a:before {
                        margin-right: 0;
                        margin-left: 0;
                    }

                    &:not(:nth-child(2n)) {
                        padding-right: 10px;
                        border-right: 1px solid #b3b3b3;

                        .node-title a:before {
                            margin-right: 10px;
                        }
                    }

                    &:not(:nth-child(2n+1)) {
                        padding-left: 10px;

                        .node-title a:before {
                            margin-left: 10px;
                        }
                    }

                    article {
                        .node-image {
                            .mkbh-flowplayer {
                                min-height: 0;
                                padding: 11% 0;
                            }
                        }
                    }
                }
            }

            .view-filters {
                padding: 0;
            }

            .pager.pager-load-more {
                padding: 0;
            }
        }
    }

    @media screen and(max-width: @screen-xs-max) {
        .view {
            margin-right: 0;
            margin-left: 0;

            .view-content {
                display: block;

                .views-row {
                    flex: 0 0 100%;
                    -webkit-flex: 0 0 100%;

                    &:not(:nth-child(2n)) {
                        padding-right: 0;
                        border-right: 0;

                        .node-title a:before {
                            margin-right: 0;
                        }
                    }

                    &:not(:nth-child(2n+1)) {
                        padding-left: 0;

                        .node-title a:before {
                            margin-left: 0;
                        }
                    }
                }
            }

            .view-filters {
                padding: 0;
            }

            .pager.pager-load-more {
                padding: 0;
            }
        }
    }
}

/*  Vocabulary overides */
.page-vocabulary-tags, .page-vocabulary-city-districts, .page-vocabulary-writer {
    #page-wrapper .page-content{
        padding-top: 0;
        margin:0;
    }
    .block-system {
        padding-top: 35px;
    }
    @media screen and (min-width: @screen-lg) {
        .block-system {
            padding-left: 200px;
        }
    }
}

.page-vocabulary-writer {
    .mkbh-vocabulary-header-wrapper .mkbh-vocabulary-header {
        margin-top: 20px;

        h2:after {
            width: 100%;
        }

        .voc-writer__main-image, .voc-writer__name-wrapper {
            float: left;
        }

        .voc-writer__main-image {
            margin-right: 22px;

            & > div {
                width: 140px;
                height: 140px;
                border-radius: 50%;
                background-size: cover;

            }
        }

        .voc-writer__info {
            padding-top: 12px;
            margin-bottom: -6px;
            clear: both;

            p {
                font-family: 'Caecilia LT Std', sans-serif;
                font-weight: 400;
                font-size: 18px;
                color: #303030;
                line-height: 1.5em;
            }
        }

        @media (max-width: 767px) {
            padding-left: 20px;

            h2 {
                display: inline-block;
            }

            .voc-writer__main-image, .voc-writer__name-wrapper {
                float: none;
            }

            .voc-writer__main-image {
                text-align: center;

                div {
                    display: inline-block;
                    width: 200px;
                    height: 200px;
                }
            }
        }
    }
}

// endregion

// region MKBH Node Displays
article.mkbh-node-article-display {
    .node-inner {
        border-top: 1px solid #c1041f;
        background-color: #fafafa;
        padding-bottom: 1000px;
        margin-bottom: -1000px;
    }

    .node-image {
        position: relative;

        img {
            display: inline-block;
            vertical-align: top;
            width: 100%;
            height: auto;
        }

        .node-share-count {
            position: absolute;
            bottom: -55px;
            right: 10px;
            width: 40px;
            height: 55px;
            background-color: #ccc;
            color: #fff;
            text-align: center;

            &:before {
                display: block;
                margin: 10px auto 5px;
                .mkbh-font-awesome-icon('\f1e0', 16px, #c1272d)
            }

            .share-widget--total-count {
                img {
                    width: 20px !important;
                    height: auto;
                }

                i {
                    font-style: normal;
                }
            }
        }
    }

    .node-content {
        padding: 10px;

        ul.node-breadcrumbs {
            padding: 0;
            list-style: none none;
            margin-bottom: 10px;
            font-family: 'Montserrat', sans-serif;
            font-size: 10px;
            color: #666;
            text-transform: uppercase;
            font-weight: 300;

            li {
                letter-spacing: 1px;
                display: inline-block;
                vertical-align: middle;

                &:not(.last):after {
                    .mkbh-icon('d', 8px, #666);
                    margin-left: 5px;
                    margin-right: 5px;
                }

                span {
                    color: #666;
                }
            }

            .node-type:before {
                .mkbh-icon('a', 8px, #c1041f);
                margin-right: 3px;
            }

            .node-location:before {
                .mkbh-icon('b', 8px, #c1041f);
                margin-right: 3px;
            }
        }

        .node-title {
            font-family: 'Montserrat', sans-serif;
            font-size: 40px;
            line-height: 44px;
            margin-bottom: 15px;

            a {
                &:before {
                    display: inline-block;
                    float: right;
                }
            }

            &.hide-node-share-count-gutter a:before {
                display: none;
            }

            .title {
                color: #1a1a1a;
                word-wrap: break-word;

                &.no-subtitle {
                    color: #1a1a1a;
                }
            }

            .subtitle {
                color: #c1041f;
            }

            .separator {
                display: inline-block;
                position: relative;
                top: 2px;
                font-weight: 100;
                color: #999;
                padding: 0 6px;
            }

            a, a:hover, a:active {
                text-decoration: none;
            }
        }

        .node-body {
            font-family: 'Caecilia LT Std', sans-serif;
            font-size: 16px;
            color: #808080;
            line-height: 22px;

            p {
                margin: 0;
            }
        }
    }

    &.view-mode-medium {
        .node-image {
            .mkbh-flowplayer {
                min-height: 250px;
            }
        }

        .node-content {
            .node-title {
                font-size: 26px;
                line-height: 28px;
            }

            .separator {
                padding: 0 6px;
                font-size: 28px;
            }
        }

        &.orientation-horizontal {
            .node-inner {
                display: flex;
                display: -webkit-flex;
                flex-direction: row-reverse;
                -webkit-flex-direction: row-reverse;
            }

            .node-image {
                flex: 1;
                -webkit-flex: 1;

                .node-share-count {
                    top: 0;
                    left: -50px;
                }
            }

            .node-content {
                flex: 1;
                -webkit-flex: 1;
            }
        }
    }

    &.view-mode-small {
        .node-content {
            .node-title {
                font-size: 26px;
                line-height: 28px;
            }

            .separator {
                padding: 0 6px;
                font-size: 28px;
            }
        }
    }

    &.node-type-photo-series {
        .node-inner {
            background-color: #1a1a1a;
            border-color: #f7931e;
        }

        .node-content {
            .node-post-date:before {
                color: #f7931e !important;
            }

            ul.node-breadcrumbs {
                color: #f7931e;

                li {
                    &:not(.last):after {
                        .mkbh-icon('d', 8px, #e6e6e6);
                        margin-left: 5px;
                        margin-right: 5px;
                        position: relative;
                        top: -2px;
                        left: 2px;
                    }

                    span {
                        position: relative;
                        top: -2px;
                        color: #f7931e;
                    }
                }

                .node-type:before {
                    .mkbh-icon('c', 14px, #f7931e);
                    margin-right: 5px;
                }

                .node-location:before {
                    .mkbh-icon('b', 12px, #f7931e);
                    margin-right: 3px;
                }
            }
        }

        .node-title {
            .title {
                color: white;

                &.no-subtitle {
                    color: white;
                }
            }

            .subtitle {
                color: #f7931e;
            }
        }

        .node-body {
            color: #b3b3b3;
        }
    }

    &.node-type-you-write {
        .node-inner {
            background-color: #fafafa;
            border-color: #29abe2;
        }

        .node-content {
            .node-post-date:before {
                color: #29abe2 !important;
            }

            ul.node-breadcrumbs {
                color: #29abe2;

                li {
                    span {
                        color: #29abe2;
                    }
                }

                .node-type:before {
                    .mkbh-icon('a', 8px, #29abe2);
                    margin-right: 3px;
                }
            }
        }

        .node-title {
            .title {
                color: #1a1a1a;

                &.no-subtitle {
                    color: #1a1a1a;
                }
            }

            .subtitle {
                color: #29abe2;
            }
        }

        .node-body {
            color: #808080;
        }
    }

    &.node-sub-type-byens-liv {
        .node-inner {
            border-top: 1px solid #f15a24;

            .node-breadcrumbs li:before {
                color: #f15a24;
            }

            .node-title .subtitle {
                color: #f15a24;
            }

            .node-post-date:before {
                color: #f15a24 !important;
            }
        }
    }

    &.node-type-vision {
        .node-inner {
            border-top: 1px solid #0071bc;

            .node-breadcrumbs li:before {
                color: #0071bc;
            }

            .node-title .subtitle {
                color: #0071bc;
            }

            .node-post-date:before {
                color: #0071bc !important;
            }
        }
    }

    &.node-type-review {
        .node-inner {
            border-top: 1px solid #c1041f;

            .node-breadcrumbs li:before {
                color: #c1041f;
            }

            .node-title .subtitle {
                color: #c1041f;
            }

            .node-post-date:before {
                color: #c1041f !important;
            }
        }
    }

    &.node-sub-type-opinion {
        .node-inner {
            border-top: 1px solid #00a99d;

            .node-breadcrumbs li:before {
                color: #00a99d;
            }

            .node-title .subtitle {
                color: #00a99d;
            }

            .node-post-date:before {
                color: #00a99d !important;
            }
        }
    }

    &.node-sub-type-sponsoreret {
        .node-inner {
            border-top: 1px solid #4d4d4d;

            .node-breadcrumbs li:before {
                color: #4d4d4d
            }

            .node-title .subtitle {
                color: #4d4d4d
            }

            .node-post-date:before {
                color: #4d4d4d !important;
            }
        }
    }
}

article.mkbh-node-vision-display {
    position: relative;

    .node-inner {
        border-top: 1px solid #0071bc;
        background-color: #fafafa;
        padding-bottom: 1000px;
        margin-bottom: -1000px;
    }

    .node-image {
        position: relative;

        img {
            display: inline-block;
            vertical-align: top;
            width: 100%;
            height: auto;
        }
    }

    .node-content {
        padding: 10px 15px;

        .node-sub-type {
            font-family: 'Montserrat', sans-serif;
            font-size: 10px;
            line-height: 16px;
            letter-spacing: 0.09em;
            text-transform: uppercase;
            color: #666;
            margin-bottom: 15px;
        }

        .node-title {
            font-family: 'Montserrat', sans-serif;
            font-size: 26px;
            line-height: 28px;
            letter-spacing: 0.04em;
            margin-bottom: 5px;
            word-wrap: break-word;
            word-break: break-word;

            .title {
                color: #1a1a1a;
            }

            a, a:hover, a:active {
                text-decoration: none;
            }
        }

        .node-sub-headline {
            font-family: 'Montserrat', sans-serif;
            font-size: 13px;
            font-weight: 300;
            line-height: 16px;
            letter-spacing: 0.02em;
            text-transform: uppercase;
            color: #0071bc;
            margin-bottom: 15px;

            &:before {
                display: inline-block;
                vertical-align: middle;
                content: '';
                background: url("../images/sprites/build/sprites.png?v=1.001") @sprite-icon-vision-location-offset-x @sprite-icon-vision-location-offset-y no-repeat;
                width: @sprite-icon-vision-location-width;
                height: @sprite-icon-vision-location-height;
                margin-right: 5px;
            }

            span {
                display: inline-block;
                vertical-align: middle;
            }
        }

        .node-body {
            font-family: 'Caecilia LT Std', sans-serif;
            font-size: 16px;
            color: #808080;
            line-height: 22px;

            p {
                margin: 0;
            }
        }

        .node-chart {
            .rate-chart {
                margin: 0 auto;
                width: 175px;
                height: 175px;

                .highcharts-title {
                    font-family: 'Montserrat', sans-serif;
                    font-weight: lighter;
                    font-size: 22px !important;
                    color: #1a1a1a;
                }
            }
        }
    }

    &.view-mode-small {
        .node-content {
            .node-chart {
                .rate-chart {
                    margin: 0 auto;
                    width: 150px;
                    height: 150px;

                    .highcharts-title {
                        font-size: 18px !important;
                        text-shadow: 0 0 0 rgba(0, 0, 0, 1);
                    }
                }
            }
        }
    }
}

// endregion

// region Footer Styles
footer#footer, .pusher {
    height: 300px;
    margin-top: -50px;
}

footer#footer {
    position: relative;
    background-color: #808080;
    overflow: hidden;
    padding-bottom: 30px;

    .block-menu-block {
        margin: 30px 0;
        padding-left: 20px;
        max-height: 210px;
        border-left: 1px solid #fff;

        h2.block-title {
            font-family: 'Montserrat', sans-serif;
            font-size: 15px;
            color: white;
            margin: 0 0 15px 0;
            text-transform: uppercase;
            letter-spacing: 0.18em;
        }

        ul.menu.nav {
            display: -webkit-flex;
            display: flex;
            -webkit-flex-flow: column wrap;
            flex-flow: column wrap;
            height: 180px;

            & > li {
                -webkit-flex: 0 0 auto;
                flex: 0 0 auto;

                & > a {
                    display: inline-block;
                    position: relative;
                    font-family: 'Montserrat', sans-serif;
                    font-weight: 300;
                    font-size: 18px;
                    color: #fff;
                    line-height: 30px;
                    height: 30px;
                    width: auto;
                    padding: 0;

                    .underline {
                        position: absolute;
                        bottom: 3px;
                        left: 0;
                        height: 2px;
                        background-color: rgba(255, 255, 255, 0.75);
                        width: 0;
                        .transition(width 250ms cubic-bezier(0.250, 0.100, 0.250, 1.000));
                    }

                    .loader {
                        display: inline-block;
                        padding-left: 10px;
                        width: 30px;
                        padding-top: 5px;
                    }

                    &:focus, &:hover, &.active {
                        outline: none;
                        background-color: transparent;

                        .underline {
                            width: 100%;
                        }
                    }
                }
            }
        }
    }

    .back-to-top {
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-size: 18px;
        color: #fff;
        position: absolute;
        top: 170px;
        right: 0;

        &:before {
            content: "\f0aa";
            font-family: 'FontAwesome';
            font-style: normal;
            font-size: 18px;
            color: white;
            position: relative;
            top: 1px;
            display: inline-block;
            padding: 2px;
        }

        &:hover {
            cursor: pointer;
        }
    }

    .region-footer-third {
        margin: 30px 0;
        height: 210px;
        border-left: 1px solid white;

        h3 {
            font-family: 'Montserrat', sans-serif;
            font-size: 15px;
            color: white;
            text-transform: uppercase;
            letter-spacing: 0.18em;
            margin-top: 0;
        }

        .item-list {
            padding: 0 10px;
        }

        .mkbh-footer-social-links {
            padding: 0;
            margin: 0;
            list-style: none none;

            li {
                display: inline-block;
                vertical-align: top;
                margin: 0 2px;
            }

            li a {
                display: block;
                margin: 0;
                .text-invisible;
            }

            li.facebook a {
                background: url("../images/sprites/build/sprites.png?v=1.001") @sprite-icon-social-facebook-offset-x @sprite-icon-social-facebook-offset-y no-repeat;
                width: @sprite-icon-social-facebook-width;
                height: @sprite-icon-social-facebook-height;
            }

            li.twitter a {
                background: url("../images/sprites/build/sprites.png?v=1.001") @sprite-icon-social-twitter-offset-x @sprite-icon-social-twitter-offset-y no-repeat;
                width: @sprite-icon-social-twitter-width;
                height: @sprite-icon-social-twitter-height;
            }

            li.instagram a {
                background: url("../images/sprites/build/sprites.png?v=1.001") @sprite-icon-social-instagram-offset-x @sprite-icon-social-instagram-offset-y no-repeat;
                width: @sprite-icon-social-instagram-width;
                height: @sprite-icon-social-instagram-height;
            }

            li.email a {
                background: url("../images/sprites/build/sprites.png?v=1.001") @sprite-icon-social-email-offset-x @sprite-icon-social-email-offset-y no-repeat;
                width: @sprite-icon-social-email-width;
                height: @sprite-icon-social-email-height;
            }
        }
    }

    .copyright {
        p {
            margin: 0;
            font-family: 'Montserrat', sans-serif;
            font-weight: 300;
            font-size: 12px;
            letter-spacing: 0.02em;
            color: white;
        }
    }

    @media screen and (max-width: @screen-sm-max) {
        height: auto;

        #block-menu-block-2 {
            max-height: none;
            border-left: 1px solid #fff;
        }

        .block-menu-block {
            border-left: 0;

            ul.menu.nav {
                display: block;
                height: auto;
            }
        }

        .back-to-top {
            bottom: 20px;
            right: 20px;
            top: inherit;
        }

        .region-footer-third {
            height: 120px;
            border-left: 0;

            & > .item-list {
                padding-left: 20px;
            }

            .mkbh-footer-social-links {
                li.facebook a {
                    margin-left: 0;
                }
            }
        }

        .region-footer-right-sm {
            border-left: 1px solid #fff;
        }
    }

    @media screen and (max-width: 500px) {
        .row > div {
            float: none;
            clear: both;
            width: 100%;
        }

        .region-footer-right-sm {
            margin-bottom: 15px;
        }
    }
}

// endregion

.not-front {

    .views-row {
        .node-title-compound {
            line-height: 28px;
            font-size: 26px;
        }
    }

    a:hover {
        text-decoration: none;
    }

    .main-container {
        .page-content {
            .panel-separator {
                height: 1px;
                background-color: #b3b3b3;
            }

            section[class*=most-read] {
                .mkbh-flowplayer {
                    min-height: 180px;
                }

                .pane-content {
                    margin-left: -10px;
                    margin-right: -10px;

                    .view-content {
                        display: flex;
                        display: -webkit-flex;
                        overflow: hidden;

                        .views-row {
                            flex: 1;
                            -webkit-flex: 1;
                            margin: 0;
                            padding: 0 10px;
                            font-family: 'Montserrat';
                            position: relative;
                            @media (min-width: 992px) {
                                border-right: 1px solid #b3b3b3;
                                &.views-row-last {
                                    border-right: none;
                                }
                            }

                            &:before {
                                display: block;
                                position: absolute;
                                content: '';
                                top: 0;
                                right: 10px;
                                left: 10px;
                                height: 700px;
                                background-color: @light-grey;
                                z-index: -1;
                            }

                            .field-article-main-image {
                                border-top-width: 1px;
                                border-top-style: solid;

                                img {
                                    width: 100%;
                                    height: initial;
                                }
                            }

                            .field-article-city-district {
                                font-family: 'Montserrat', sans-serif;
                                font-size: 10px;
                                color: #666;
                                text-transform: uppercase;
                                font-weight: 100;
                                padding: 11px 0 0 24px;
                                position: relative;
                                letter-spacing: 1px;
                                margin: 0;

                                &:before {
                                    position: absolute;
                                    font-family: "mkbh-icons", sans-serif !important;
                                    font-size: 8px;
                                    content: 'b';
                                    top: 12px;
                                    left: 10px;
                                    text-transform: none !important;
                                }
                            }

                            .views-field-created {
                                .field-article-city-district;
                                padding: 0 0 0 11px;

                                &:before {
                                    display: none;
                                }
                            }

                            .views-field-nothing {
                                font-size: 26px;
                                line-height: 28px;
                                padding: 10px;
                                z-index: 1;

                                .field-content {
                                    a {
                                        color: #1a1a1a;

                                        &:after {
                                            display: block;
                                            content: '';
                                            position: absolute;
                                            top: 0;
                                            left: 10px;
                                            right: 10px;
                                            bottom: 0;
                                            background-color: black;
                                            opacity: 0;
                                            .transition(0.3s);
                                        }

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

                                    a > span {
                                        color: #999;
                                        padding: 0 3px 0 0;
                                        font-weight: lighter;
                                    }

                                    .field-article-sub-headline {
                                        display: inline;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .page-content {
        margin: 0 -10px;

        .panel-separator {
            height: 1px;
            background-color: #b3b3b3;
        }

        section[class*=seneste] {
            .pane-content {
                @media (min-width: 320px) {
                    margin: 0 !important;
                }

                .row.overflow-hidden {
                    overflow: hidden;
                    @media (min-width: 992px) {
                        margin-bottom: 10px;
                    }

                    .load-more {
                        @media (min-width: 768px) and (max-width: 992px) {
                            margin: 2px 0 9px;
                        }
                        @media (max-width: 768px) {
                            margin: 5px 0;
                        }

                        a {
                            letter-spacing: 0.8px;
                            font-family: 'Montserrat';
                            font-size: 14px;
                            font-weight: 400;
                            padding: 5px 0 5px 23px;
                            display: inline-block;
                            @media (min-width: 768px) {
                                padding: 10px 0 10px 23px;
                            }

                            &:before {
                                position: absolute;
                                display: block;
                                content: '\f0a9';
                                font-family: 'FontAwesome';
                                font-size: 16px;
                                top: 4px;
                                left: 12px;
                                color: #c1272d;
                                @media (min-width: 768px) {
                                    top: 10px;
                                }
                            }
                        }
                    }
                }
            }
        }

        .panel-pane {
            display: flex;
            display: -webkit-flex;

            &:first-child {
                .pane-title {
                    border-top: 1px solid #b3b3b3;

                    @media screen and(max-width: 1200px) {
                        border-top: 0;
                        padding-top: 0 !important;
                        padding-bottom: 20px !important;
                    }
                }
            }

            &.visioner-popular {
                .pane-title {
                    border-top: 1px solid #b3b3b3;

                    @media screen and(max-width: 1200px) {
                        border-top: 1px solid #b3b3b3 !important;
                        padding-top: 18px !important;
                        padding-bottom: 10px !important;
                    }
                }
            }

            &:first-child.pane-cover-g-main-content-panel-pane-1 {
                .pane-title {
                    border-top: 0 !important;

                    @media screen and(max-width: 1200px) {
                        border-top: 0 !important;
                        padding-top: 5px !important;
                        padding-bottom: 5px !important;
                    }
                }
            }

            .pane-title {
                flex: 191px 0;
                -webkit-flex: 191px 0;
                padding: 11px 0 20px;
                margin: 0 10px 0 0;
                font-family: 'Montserrat', sans-serif;
                font-weight: 300;
                font-size: 22px;
                letter-spacing: 0.02em;
                color: #c1041f;
                width: 100%;
            }

            .pane-content {
                margin: 19px 0;
                flex: 1;
                -webkit-flex: 1;

                .flex-grid {
                    .flex-column {
                    }
                }

                .load-more {
                    margin: 0;
                }
            }
        }
    }

    /*==================== MEDIA ================================*/

    @media (min-width: 320px) and (max-width: 1200px) {

        .pane-title {
            br {
                display: none;
            }
        }

        .main-container {
            .page-content {
                .panel-pane {
                    flex-direction: column;
                    -webkit-flex-direction: column;

                    .pane-title, .flex-sidebar {
                        padding: 18px 0 10px;
                        flex: 1;
                        -webkit-flex: 1;
                    }

                    .pane-content {
                        //margin-bottom: 10px;
                        margin-top: 0;
                    }
                }
            }
        }
    }

    @media (min-width: 320px) and (max-width: 767px) {

        .node-inner {
            height: initial !important;
        }

        .pane-content {
            .flex-grid {
                .flex-column {
                    margin: 0 0 10px;

                    &:first-child, &:last-child {
                        margin: 0 0 10px;
                    }
                }
            }
        }
    }

    @media (min-width: 320px) and (max-width: 992px) {

        .pane-content {
            .flex-grid {
                flex-direction: column;
                -webkit-flex-direction: column;

                .flex-column, .flex-column:first-child, .flex-column:last-child {
                    margin: 0 0 10px;
                }
            }
        }

        .main-container {
            .page-content {
                section[class*=most-read] {
                    .pane-content {
                        .view-content {
                            .views-row {
                                margin: 0 0 10px;
                                overflow: hidden;
                            }
                        }
                    }
                }
            }
        }
    }

    @media (min-width: 320px) and (max-width: 480px) {
        .main-container {
            .page-content {
                section[class*=most-read] {
                    .pane-content {
                        .view-content {
                            flex-direction: column;
                            -webkit-flex-direction: column;
                        }
                    }
                }
            }
        }
    }

    @media (min-width: 480px) and (max-width: 992px) {
        .main-container {
            .page-content {
                section[class*=most-read] {
                    .pane-content {
                        .view-content {
                            flex-wrap: wrap;

                            .views-row {
                                flex: 50%;
                                -webkit-flex: 50%;
                            }
                        }
                    }
                }
            }
        }
    }
}

.mkbh-block-byens-rum-seneste article.mkbh-node-article-display .node-content ul.node-breadcrumbs,
.field-write-city-district, .field-article-city-district,
.views-field-nothing {
    margin-bottom: 10px;
}

.not-front .main-container .page-content section[class*=most-read] .pane-content .view-content .views-row {

    &:nth-child(odd) {
        @media (min-width: 481px) and (max-width: 992px) {
            padding: 0 5px 10px 10px;
        }

        &:before {
            @media (min-width: 481px) and (max-width: 992px) {
                right: 5px;
            }
        }

        .views-field-nothing .field-content a:after {
            @media (min-width: 481px) and (max-width: 992px) {
                right: 5px;
            }
        }
    }

    &:nth-child(even) {
        @media (min-width: 481px) and (max-width: 992px) {
            padding: 0 10px 10px 5px;
        }

        &:before {
            @media (min-width: 481px) and (max-width: 992px) {
                left: 5px;
            }
        }

        .views-field-nothing .field-content a:after {
            @media (min-width: 481px) and (max-width: 992px) {
                left: 5px;
            }
        }
    }
}

.page-content.page-content-not-found {
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;

    .not-found-title {
        font-family: 'Montserrat', sans-serif;
        text-transform: uppercase;
        font-weight: normal;
        font-size: 21px;
        letter-spacing: 3px;
    }

    .not-found-uh-oh {
        font-family: 'Montserrat', sans-serif;
        font-size: 200px;
        line-height: 120%;
        font-weight: bold;
        color: #c1041f;
    }

    .not-found-message {
        font-family: 'Montserrat', sans-serif;
        font-size: 38px;
        color: #666;
        letter-spacing: -0.025em;
    }

    @media screen and(max-width: @screen-sm-max) {
        .not-found-uh-oh {
            font-size: 100px;
        }

        .not-found-message {
            font-size: 28px;
        }
    }

    @media screen and(max-width: 600px) {
        .not-found-uh-oh {
            font-size: 60px;
        }

        .not-found-message {
            font-size: 22px;
        }
    }
}

.g-recaptcha-image-challenge {
    &[style*="position: absolute"] {
        height: 100vh !important;
        width: 100vw !important;
        overflow: scroll !important;
        margin: 0 !important;
    }

    @media screen and(max-height: 480px) {
        transform: scale(0.8);
        transform-origin: top;
        position: fixed !important;
        top: 0 !important;
        width: 100% !important;
        height: 480px !important;
    }

    @media screen and(max-height: 380px) {
        transform: scale(0.6);
        transform-origin: top;
        position: fixed !important;
        top: 0 !important;
        width: 100% !important;
        height: 480px !important;
    }
}

.btn-cta--become-a-member-v1 {
    display: inline-block;

    background-color: #B11D27 !important;
    color: #ffffff !important;

    min-width: 235px !important;
    border-radius: 10px;
    padding: 10px 16px;

    margin-top: 25px;
    margin-bottom: 25px;

    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.03em;

    &:hover, &:focus {
        text-decoration: none !important;
        outline: none !important;
    }

    .fa {
        font-size: 22px;
        padding-left: 5px;
        vertical-align: -2px;
    }
}