.subline{
        font-family: 'Noto Sans', sans-serif;
        font-size: 100%;
        letter-spacing: .05em;
        font-weight: normal;
        line-height:1.9em;
        color: #C9B319;     /*       gold */
}


.sublinepadding{
        padding: 0 2% 0 2%;
        font-size: 100%;
        letter-spacing: .05em;
        color: #968227;     /*       dunkelgold */
}


.sublinepadding_grey{
        padding: 0 2% 0 2%;
        font-size: 100%;
        letter-spacing: .05em;
        color: #5F5F5F;
}



.h5versal_D {
        width: 70%;
        font-family: 'Rubik One', sans-serif;
        font-size:2.1em;
        font-weight: normal;
        color: #000;
        text-transform: uppercase;
}


.h2padding{
        padding: 0 2% 0 2%;
        }







/* ----- NEW ----- */

.h2_starttext {
        font-family: 'Roboto', serif;
        font-size: 800%;
        font-weight: 100;
        word-spacing: 0.05em;
        line-height: 1.3em;
        color: #2F2F2F;
        text-transform: none;
        margin-top:70px;
        margin-bottom:30px;
}

/* Small screens */
@media all and (max-width: 560px) {
        .h2_starttext {
                font-size: 400%;
                }
}


/*
.wrapper {
        max-width: 960px;
        padding: 0 2% 2em 2%;
        margin: 0 auto;
         }
*/

.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 {
        padding-left:00px;
        margin: 0px;
        -webkit-flex: 1 100%;
                flex: 1 100%;
}



aside {
        padding-top: 5px;
        margin: 0px;
        -webkit-flex: 1 100%;
                flex: 1 100%;
}





article {
        background: none;
        border-top: 0px solid  #FFF;
        border-bottom: 0px solid #BFBFBF;
        border-left: 0px solid #FFFFFF;
        border-right: 0px solid #FFFFFF;
}

aside {
        background: none;
        border-top: 0px solid #BFBFBF;
        border-bottom: 0px solid #9F9F9F;
        border-left: 0px solid #FFFFFF;
        border-right: 0px solid #FFFFFF;
}


.noline {
        border-top: 0px solid #BFBFBF;
        border-bottom: 0px solid #9F9F9F;
        border-left: 0px solid #FFFFFF;
        border-right: 0px solid #FFFFFF;
}


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

@media all and (min-width: 560px) {
        article {
                -webkit-flex: 1 1 0%;                /* breitenanteil */
                        flex: 1 1 0%;
                -webkit-order: 2;
                        order: 3;
        padding-left:15px;
        margin: 0px;
        border-top: 0px solid  #BFBFBF;
        border-bottom: 0px solid #FF0000;
        border-left: 0px solid #FFFFFF;
        border-right: 0px solid #FFFFFF;

        }
        aside {
                -webkit-flex: 2 1 0%;                /* breitenanteil */
                        flex: 2 1 0%;
                -webkit-order: 1;
                        order: 1;
        padding-top: 0px;
        padding-right:15px;
        margin: 0px;
        border-top: 0px solid  #BFBFBF;
        border-bottom: 0px solid #00FFDF;
        border-left: 0px solid #FFFFFF;
        border-right: 0px solid #FFFFFF;
        }

}




.boxquer {
        background: none;
        border-top: 1px solid #BFBFBF;
        border-bottom: 0px solid #BFBFBF;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
}

/* ============== blogtexte ========= */


.materialimg {
        margin-top:4px;
}


.rightimg {
        margin-top:4px;
        margin-bottom:12px;
}

.blogbox_credits {
        font-family: 'Noto Sans', sans-serif;
        font-size: 55%;
        color: #9F9F9F;
        line-height:100%;
        margin-top:5px;
        margin-bottom:8px;
        text-align:left;
}

.p_blog_rubrik {
        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:33px;
        margin-bottom:12px
}


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




.h5_diskurs {
        width: 80%;
        font-family: 'Rubik One', sans-serif;
        font-size:1.8em;
        font-weight: normal;
        line-height:1.1em;
        color: #3F3F3F;
        margin-top:8px;
        margin-bottom:8px;
        text-transform: uppercase;
}

/* Small screens */
@media all and (max-width: 560px) {
        .h5_diskurs {
                width: 100%;
                font-size:1.6em;
                }
}


.zitat {
        font-family: 'Source Serif Pro', serif;
        font-size: 150%;
        font-weight: 600;
        letter-spacing: .02em;
        color: #734F1A;
        word-spacing: 0.1em;
        line-height:120%;
}



.p_blog_themen {
        font-family: 'Noto Sans', sans-serif;
        font-size: 120%;
        color: #1C8C95;
        letter-spacing: 0.01em;
        line-height:1.4em;
        margin-top:0px;
        margin-bottom:15px;
}

/* Small screens */
@media all and (max-width: 560px) {
        .p_blog_themen {
                font-size:110%;
                }
}


.p_blog_subtext {
        font-family: 'Noto Sans', sans-serif;
        font-size: 80%;
        color: #6F6F6F;
        letter-spacing: 0.05em;
        line-height:1.4em;
        margin-top:0px;
        margin-bottom:15px;
        max-width:100%;
        padding-left:0%;
}

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


.p_blog_mehr {
        font-family: 'Noto Sans', sans-serif;
        font-size: 70%;
        font-weight: normal;
        letter-spacing: .15em;
        color: #5F5F5F;
        word-spacing: 0.1em;
        line-height:120%;
        text-transform: uppercase;
        margin-top:2px;
        margin-bottom:36px

}


.zitatbild {
        width: auto;
        display: block;
        margin-top:40px;
        margin-left: auto;
        margin-right: auto
}



.distance {
        font-family: 'Noto Sans', sans-serif;
        font-size: 0%;
        margin-bottom:15px;

}



/* Small screens */
@media all and (max-width: 560px) {
        .aufmacher {
                display: none;

                }
}