<style type="text/css">




.subline{
        font-family: 'Noto Sans', sans-serif;
        font-size: 100%;
        letter-spacing: .05em;
        font-weight: normal;
        line-height:1.9em;
        color: #C9B319;     <!--       gold -->
}


.sublinepadding{
        font-family: 'Noto Sans', sans-serif;
        font-size: 100%;
        padding: 0 2% 0 2%;
        letter-spacing: .05em;
        font-weight: normal;
        line-height:1.9em;
        color: #C9B319;     <!--       gold -->
}



/* ============== flexbox ========= */
.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:0px;
        margin: 0px;
        -webkit-flex: 1 100%;
                flex: 1 100%;
}



aside {
        padding-top: 15px;
        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: 3 1 0%;                /* breitenanteil */
                        flex: 3 1 0%;
                -webkit-order: 2;
                        order: 2;
        padding-left:0px;
        margin: 0px;
        }
        aside {
                -webkit-flex: 1 1 0%;                /* breitenanteil */
                        flex: 1 1 0%;
                -webkit-order: 1;
                        order: 1;
        padding-top: 0px;
        padding-right:2%;
        }

}



/* ============== 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,
.p_blog_rubrik_pic {
        font-family: 'Noto Sans', sans-serif;
        font-size: 80%;
        font-weight: bold;
        color: #CEAD16;
        letter-spacing: .15em;
        word-spacing: 0.1em;
        line-height:110%;
        text-transform: uppercase;
        margin-top:14px;
        margin-bottom:12px
}


/* Small screens */
@media all and (max-width: 560px) {
        .p_blog_rubrik_pic {
                font-size:90%;
                color: #FF0000;
                }
}


/* Small screens */
@media all and (max-width: 560px) {
        .p_blog_rubrik {
                margin-top:5px;
                }
}

.h5_diskurs {
        width: 70%;
        font-family: 'Rubik One', sans-serif;
        font-size:2.4em;
        font-weight: normal;
        line-height:1.1em;
        color: #000000;
        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;
                }
}





.p_blog_themen {
        font-family: 'Noto Sans', sans-serif;
        font-size: 125%;
        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:8px

}


.h2_ziffer {
        font-family: 'Noto Sans', sans-serif;
        font-size: 250%;
        font-weight: 400;
        color: #C9B319;
        margin-top:0px;
        margin-bottom:0px
}



.anlauf {
        font-family: 'Noto Serif', serif;
        font-size: 125%;
        font-weight: 400;
        letter-spacing: 0.02em;
        color: #000000;
        word-spacing: 0.1em;
        line-height:150%;
}

/* Small screens */
@media all and (max-width: 560px) {
        .anlauf {
                font-size:95%;
                font-weight: 700;
                }
}


.p_longcopy {
        font-family: 'Noto Serif', serif;
        font-size: 105%;
        color: #000000;
        line-height:160%;
        letter-spacing: 0.03em;
        padding-left:26.5%;
}


.p_longcopy_flex {
        font-family: 'Noto Serif', serif;
        font-size: 105%;
        color: #000000;
        line-height:160%;
        letter-spacing: 0.03em;
        padding-left:0%;
}

/* Small screens */
@media all and (max-width: 560px) {
        .p_longcopy,
        .p_longcopy_flex {
                font-size:95%;
                padding-left:0%;
                }
}



.distance {
        font-family: 'Noto Sans', sans-serif;
        font-size: 0%;
        margin-bottom:30px;

}

/* Small screens Display none */
@media all and (max-width: 560px) {
        .distance {
                display: none;
                }
}



.imgautoflex {
        width: 100%;
        margin-top:17px;
}

/* Small screens */
@media all and (max-width: 560px) {
        .imgautoflex {
                 width: 100%;
                 margin-top:0px;

                }
}


.p_bu {
        font-family: 'Noto Sans', sansserif;
        font-size: 80%;
        color: #6F6F6F;
        line-height:160%;
        letter-spacing: 0.03em;
        padding-left:25%;
}

.p_bu_flex {
        font-family: 'Noto Sans', sansserif;
        font-size: 80%;
        color: #6F6F6F;
        line-height:160%;
        letter-spacing: 0.03em;
        margin-top:0px;
}

/* Small screens */
@media all and (max-width: 560px) {
        .p_bu_flex {
                 padding-left:0%;
                 color: #CEAD16;
                }
}


.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%;
}

.zitatbild {
        width: auto;
        display: block;
        margin-top:40px;
        margin-left: auto;
        margin-right: auto
}




.back {
        font-family: 'Noto Sans', sans-serif;
        font-size: 120%;
        letter-spacing: .1em;
        color: #C9B319;
        text-transform: uppercase;
        margin-top:50px;
}

/* Small screens */
@media all and (max-width: 560px) {
        .back {
                 text-align:center;
                 margin-top:0px;
                }
}


.imgback {
        display: block;
        margin-top:40px;
        margin-bottom: 40px;
}



/* share buttons */
.img_smicons {
        width: 32px;
}

ul.share-buttons{
  list-style: none;
  padding: 0px;
  text-align: left;
  margin-top:12px;
  margin-bottom:4px;
}

ul.share-buttons li{
  display: inline;
}

ul.share-buttons .sr-only {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0px;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}