.app_mldk23-green-wide {
    background:#50bdba;
    color:#fff;
    position: relative;
    margin-top: 1rem;
}

    .app_mldk23-green-wide-bg {
        position: absolute;
        background: #50bdba;
        left: -10000px;
        right: -10000px;
        top: 0;
        bottom: 0;
        z-index: 1;
    }

    .app_mldk23-one-place {
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        position: relative;
        z-index: 2;
    }

        .app_mldk23-one-place-pictures {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            justify-content: center;
            padding-left:1rem;
        }

            .app_mldk23-one-place-pictures > div {
                padding: 2rem 1rem;
            }

.app_mldk23-container {
    width:80%;
    margin: auto;
}

.app_mldk23-h2, .heading-h1 {
    font-size: 2.125rem;
    padding:1.45rem 0;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 2.5rem;
}

.app_mldk23-h3 {
    font-size: 2rem;
    line-height: 2.3rem;
    font-weight: bold;
}

.app_mldk23-h4 {
    font-size:1.65rem;
    line-height: 2.2rem;
}

.app_mldk23-green {
    color:#4fbcb9;
}

.app_mldk23-text-uppercase {
    text-transform: uppercase;
}

.app_mldk23-text-italic {
    font-style: italic;
}

.app_mldk23-text-center {
    text-align: center;
}

.app_mldk23-black {
    color:#000;
}

.app_mldk23-text-block, .article-detail-image__text {
    padding:0 0 1.45rem 0;
    font-size: 0.95rem;
    line-height: 1.45rem;
}

.app_mldk23-dots {
    background:url('https://luxor.crawleit.eu/static/app_mldk/dots.png') no-repeat center center;
    width:5.85rem;
    height:4rem;
}

.app_mldk23-how-it-works {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 1rem 0 2rem 0;
}

.app_mldk23-how-it-works-breadcrumbs {
    font-weight: bold;
    font-size: 1.5rem;
    text-transform: uppercase;
    background: #fff;
    padding-left: 4rem;
    height: 3rem;
    display: flex;
    align-items: center;
}

    .app_mldk23-how-it-works-breadcrumbs img {
        display: none;
    }

    .app_mldk23-how-it-works-breadcrumbs:nth-child(1) {
        background: url("https://luxor.crawleit.eu/static/app_mldk/buy.png") no-repeat left center;
    }

    .app_mldk23-how-it-works-breadcrumbs:nth-child(3) {
        background: url("https://luxor.crawleit.eu/static/app_mldk/download.png") no-repeat left center;
    }

    .app_mldk23-how-it-works-breadcrumbs:nth-child(5) {
        background: url("https://luxor.crawleit.eu/static/app_mldk/read.png") no-repeat left center;
    }

    .app_mldk23-how-it-works-breadcrumbs img {
        margin-right:1rem;
    }

.app_mldk23-thousand {
    min-height: 32rem;
    padding: 2rem 0;
    position: relative;
    display: flex;
    align-items: center;
}

    .app_mldk23-thousand-image {
        position: absolute;
        z-index: 1;
        margin-left:-10%;
    }

    .app_mldk23-thousand-text {
        position: relative;
        z-index: 2;
        margin-left: 60%;
    }

.app_mldk23-hr {
    border-bottom: 1px solid #dbd7d3;
    margin:1rem 0;
}

.app_mldk23-read {
    padding: 2rem 0 0 0;
}

.app_mldk23-button {
    padding: 0 0 2rem 0;
    text-align: center;
}

    .app_mldk23-button a {
        color:#fff;
        font-size: 0.95rem;
        font-weight: bold;
        background: #4fbcb9;
        -webkit-border-radius: 0.5rem;
        -moz-border-radius: 0.5rem;
        border-radius: 0.5rem;
        padding: 1rem 3rem;
        text-decoration: none;
        text-transform: uppercase;
        display: inline-block;
        position: relative;
    }

        .app_mldk23-button a span {
            position: relative;
            z-index: 2;
        }

        .app_mldk23-button a:before {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 0;
            content: "";
            transition: all .3s ease;
            background-color: #3faba9;
            z-index: 1;
            -webkit-border-radius: 0.5rem;
            -moz-border-radius: 0.5rem;
            border-radius: 0.5rem;
        }

        .app_mldk23-button a:hover:before {
            width: 100%;
        }

.app_mldk23-text-block a {
    text-decoration: none;
    color:#3faba9;
    font-weight: bold;
}

    .app_mldk23-text-block a:hover {
        text-decoration: underline;
    }

.article-detail-image {
    overflow: hidden;
    background: #fff;
}

    .article-detail-image__top {
        background: transparent;
    }

.article-detail-image:first-child {
    background-color: #fcf9f5;
}

.article-detail-image:nth-child(2),
.article-detail-image:nth-child(3),
.article-detail-image:nth-child(4),
.article-detail-image:nth-child(5),
.article-detail-image:nth-child(6),
.article-detail-image:nth-child(7),
.article-detail-image:nth-child(8),
.article-detail-image:nth-child(2) .article-detail-image__top,
.article-detail-image:nth-child(3) .article-detail-image__top,
.article-detail-image:nth-child(4) .article-detail-image__top,
.article-detail-image:nth-child(5) .article-detail-image__top,
.article-detail-image:nth-child(6) .article-detail-image__top,
.article-detail-image:nth-child(7) .article-detail-image__top,
.article-detail-image:nth-child(8) .article-detail-image__top,
.article-detail-image:nth-child(4) .article-detail-image__text,
.article-detail-image:last-child .article-detail-image__text,
.article-detail-image:last-child .article-detail-image__top {
    padding: 0;
    margin: 0;
}

.article-detail-image:nth-child(4) .app_mldk23-h2 {
    padding-bottom: 0;
    margin-bottom: 0;
}

.content--no-padding-top {
    padding-bottom: 0;
}

@media screen and (max-width: 1062px) {
    .app_mldk23-dots {
        width:6rem;
    }

    .app_mldk23-thousand-image {
        margin-left: -14%;
        width: 82%;
    }

    .app_mldk23-thousand-text {
        margin-left: 60%;
    }
}

@media screen and (max-width: 962px) {
    .app_mldk23-dots {
        width: 2rem;
        margin: 0 0.6rem;
    }

    .app_mldk23-one-place-pictures {
        padding-left:0;
    }

    .app_mldk23-one-place {
        flex-wrap: wrap;
    }

        .app_mldk23-one-place > div:first-child {
            padding: 4rem 0 2rem 0;
            text-align: center;
        }

        .app_mldk23-one-place > div:last-child {
            padding: 0 0 2rem 0;
        }


    .app_mldk23-thousand {
        background: none;
        display: block;
    }

    .app_mldk23-thousand-image {
        display: block;
        position: relative;
        margin-left: 0;
        width: 100%;
    }

    .app_mldk23-thousand-text {
        margin:0;
        text-align: center;
    }
}

@media screen and (max-width: 662px) {
    .app_mldk23-dots {
        display: none;
    }

    .app_mldk23-how-it-works {
        display: block;
    }

    .app_mldk23-how-it-works-breadcrumbs {
        padding: 0 0 0 4rem;
        margin: 1rem 0 0 0;
    }

    .app_mldk23-how-it-works-breadcrumbs br {
        display: none;
    }

    .app_mldk23-how-it-works-breadcrumbs:first-child {
        margin: 0;
    }

    .app_mldk23-h2, .heading-h1 {
        font-size: 1.75rem;
        padding:2rem 0;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 2.2rem;
    }

    .app_mldk23-h3 {
        font-size: 1.825rem;
        line-height: 2rem;
        font-weight: bold;
    }

    .app_mldk23-h4 {
        font-size:1.25rem;
        line-height: 1.825rem;
    }

    .app_mldk23-one-place-pictures {
        flex-wrap: wrap;
    }

    .app_mldk23-one-place-pictures > div:first-child {
        flex-basis: 100%;
        text-align: center;
    }

}

@media screen and (max-width: 462px) {
    .app_mldk23-text-center, .app_mldk23-thousand-text {
        text-align: left;
    }

    .app_mldk23-how-it-works-breadcrumbs {
        font-size: 1.2rem;
    }
}