.bounding {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
                flex-flow: row wrap;
}



/* Mobile first - alle Dokument-Blöcke bekommen 100% Breite */

.article_L {
        padding-left:00px;
        margin: 0px;
        -webkit-flex: 1 100%;
                flex: 1 100%;
        -webkit-order: 1;
                order: 1;
}



.aside_R {
        padding-top: 10px;
        margin-top: 30px;
        -webkit-flex: 1 10%;
                flex: 1 10%;
        -webkit-order: 2;
                order: 2;
}





.article_L {
        background: none;

}

.aside_R {
        background: none;
        border-top: 1px solid #BFBFBF;
        border-bottom: 0px solid #9F9F9F;
        border-left: 0px solid #9F9F9F;
        border-right: 0px solid #FFFFFF;

}




/* Smart Phones und Tablets mit mittlerer Auflösung */

@media all and (min-width: 560px) {
        .article_L {
                -webkit-flex: 2 1 0%;                /* breitenanteil */
                        flex: 2 1 0%;
                -webkit-order: 1;
                        order: 1;
        padding-right:15px;
        margin: 0px;


        }
        .aside_R {
                -webkit-flex: 1 1 0%;                /* breitenanteil */
                        flex: 1 1 0%;
                -webkit-order: 2;
                        order: 2;
        padding-top: 00px;
        padding-left:15px;
        margin: 0px;
        border-top: 0px solid #BFBFBF;
        border-left: 1px solid #9F9F9F;
        }

}



/* mids */

@media all and (min-width: 810px) {
        .article_L {
                -webkit-flex: 3 1 0%;                /* breitenanteil */
                        flex: 3 1 0%;
                -webkit-order: 1;
                        order: 1;
        padding-right:30px;
        margin: 0px;


        }
        .aside_R {
                -webkit-flex: 1 1 0%;                /* breitenanteil */
                        flex: 1 1 0%;
                -webkit-order: 2;
                        order: 2;
        padding-top: 0px;
        padding-left:30px;
        margin: 0px;
        border-top: 0px solid #BFBFBF;
        border-bottom: 0px solid #9F9F9F;
        border-left: 1px solid #9F9F9F;
        border-right: 0px solid #FFFFFF;

        }

}





.p_bu,
.p_bu_pic {
        font-family: 'Noto Sans', sans-serif;
        font-size: 70%;
        font-weight: bold;
        color: #CEAD16;
        letter-spacing: .15em;
        word-spacing: 0.1em;
        line-height:110%;
        text-transform: uppercase;
        margin-top:10px;
        margin-bottom:12px
}


/* Small screens */
@media all and (max-width: 560px) {
        .p_bu_pic {
                font-size:90%;
                color: #FF0000;
                }
}

/* Small screens */
@media all and (max-width: 560px) {
        .p_bu {
                margin-top:5px;
                }
}