@charset "utf-8";
:root {
    /* --------------------
    /   MediaQueries: (min-width)
    /   Achtung: Wert muss im Media-Query eingestellt werden 
    /            Variable kann nicht verwendet werden ! */

    /* --A:      1;  (<350) mobile first! > keine Untergrenze 
                            iPhoneX mit zoom */
    /* --B:  350px; (iPhoneX hochkant) */
    /* --C:  576px;  */
    /* --D:  768px;  */
    /* --E: 1368px;  */
    /* --E: 1920px; (neu: ev. für 2-3 spaltigen Text ) */

    /* --------------------
    /* ### mobile first ###
    /* --------------------
    /   Font-Sizes (default):
    /   global Fontsize = basis_FS: ( * 16px s.u.)
    /   mobile-first: A muss im Schema für alle 
    /   h[1-6] gesetzt sein, da »DEFAULT« ! */
    --basis_FS:     var(--A_FS);
    --h1_FS:        var(--A_h1_FS);
    --h2_FS:        var(--A_h2_FS);
    --h3_FS:        var(--A_h3_FS);
    --h4_FS:        var(--A_h4_FS);
    --h5_FS:        var(--A_h5_FS);
    --h6_FS:        var(--A_h6_FS);
    /* --------------------
    /   CSS-Info in erstem p im header: */
    --p_INFO: var(--A_cntnt);

    /* --------------------
    /   Berechungen: 
    /   alle Zusätze `_Calc` sind mit Einheit (em)
    /   sonst nur Zahlenwert: */
    /* --------------------
    /   Default-Margin oben unten für p__FS UEM-Berechnung (d.h. _Calc) */
    --default_MG_OU_Calc: calc( var(--MG_OU) * 1em );
    /* --------------------
        marginal-Rand: komplett alle 2 PD + B 
            --marginal_komplett_2PD1B: calc( var(--parent_PD_L) + var(--h_PD_L, 0) + var(--h_BO_L, 0) );
        neu: ist direkt angegebem als Abstand 
        
        obsolet geworden:
        --marginal_komplett_2PD1B: var(--abstand_L, 2);
    */

    /* --------------------
    /   Verkleinerung code_FS wirkt auch innerhalb pre:
    /   da es grundsätzlich sinnvoll ist, jetzt im master.css fixiert
    /   1 für JA
    /   0 für NEIN */
    --pre_code_FS_adjust: 1;
    --ohne_pre_code_adjust: calc( 1 - var(--pre_code_FS_adjust) );
    --pre_real_FS: calc( ( var(--pre_code_FS_adjust, 1)  * var(--code_FS, 1) + 
                        var(--ohne_pre_code_adjust, 0) * 1) * var(--pre_FS) );
    --pre_MG_OU_Calc: calc( var(--MG_OU)/var(--pre_real_FS) * 1em );
    --pre_PD_OU_Calc: calc( 1em * var(--pre_PD_OU, 0.5)/var(--pre_real_FS));
    --ohne_Kompromiss: calc( -1 * ( var(--mit_Kompromiss) - 1 ) );
    --h35_LH: calc( var(--mit_Kompromiss) * var(--basis_LH) + var(--ohne_Kompromiss) * var(--h35___LH) );
    --h12_LH: calc( var(--mit_Kompromiss) * var(--basis_LH) + var(--ohne_Kompromiss) * var(--h12___LH) );
}
/* temp zur Kontolle:  */
footer small {
        display: none;
        line-height: .4em;
        font-size: 40%;
        position: absolute;
        padding: .6em;
        color:   blue;
}
#myContent > footer small {
        text-align: right;
        color: white;
        left: 25%;
}

article.home > h1 {
    --h1_FS:        var(--A_h1_FS);
}
aside.prnt, aside > .prnt {
    --abstand_L:        var(--abstand_R, 2);
    --h_BO_L:           0;
    --hr_MG:            0.5;
}
.prnt {
    color:          var(--dark_text_C);
    /*      Umrechnung: */
    --ohne_Marginalspalte: calc( -1 * ( var(--mit_Marginalspalte) - 1 ) );
    --ohne_LiMarker_L: calc( -1 * ( var(--mit_LiMarker_L) - 1 ) );
    --ohne_LiMarker_L: 1;
    /* --------------------
    /   default-Einrückung für Listen: derzeit auch für pre>code*/
    --h_PD_R:       calc( var(--abstand_R, 2) * var(--mit_Marginalspalte) );
    --parent_PD_R:  calc( var(--abstand_R, 2) * var(--ohne_Marginalspalte) );
    --parent_PD_L: calc( var(--abstand_L, 2) - var(--h_BO_L, 0) - var(--h_PD_L, 0) );

    /* --------------------
    /   mindest-body-PD_OU in uem:
    /   falls gleich am Anfang im body ein H3
    /   nach dem Datum kommt, wird ein Padding benötigt, das mindestens 
    /   so hoch ist wie die Strichstärke,
    /   ansonsten auf jeden Fall die H1 Fontsize */
    --body_PD_OU_Calc: calc( (var(--h1_FS, 2.8125) + var(--h3_BOW_O, 0.1875) ) * 1em );
    /*  hier keine Division durch font-size, da body das default-parent ist */

    /* --------------------
    /   Umkehrungen .._ohneKapitelNr wurde nie verwendet */
    --flattersatz: calc( -1 * ( var(--blocksatz) - 1 ) );

    /* --------------------
    /   weitere Berechnungen
    /* -------------------- */
    --h_MG_L: calc( var(--parent_PD_L, 2) * -1em * var(--mit_Marginalspalte) );
    /* -------------------- 
    /   marginal-spalte: linker Rand Border Einrückung...
    /   muss durch die jeweilige Schriftgröße geteilt werden ! */
    --h_BO_L_and_h_PD_L: calc( var(--h_BO_L, 0) + var(--h_PD_L, 0) );
    /* -------------------- 
    /   der "Abstand" ohne die (je überschr.) optionale Border-Breite, 
    /   also der verbleibende Platz (zB für Kap.Nr...) nach einer Border oder eben sonst
    /   der gane "Abstand" wie festgelegt.
    /     Hintergrund:  parent_PD_L ist : Abstand - optionale Border-Breite - h_PD_L; 
    /                   dabei ist aber h_PD_L in der Regel `0`.
    /   > der Wert ist somit »unabhängig« vom inneren Context (h1, h2...p, ul...). var(--MG_OU, 0.75)*/
    --parent_PD_L_and_h_PD_L: calc( var(--parent_PD_L, 2) * var(--mit_Marginalspalte) + var(--h_PD_L, 0) );
    /* --------------------
    /   pre: */
    --pre_PD_L_Calc: calc( 1em * var(--listen_PD_L, 3.8)/var(--pre_real_FS));
    --pre_MG_R_Calc: calc( 1em * var(--h_PD_R, 0)/var(--pre_real_FS));
    --pre_MG_L_Calc: calc( 1em * var(--h_BO_L_and_h_PD_L, 0)/var(--pre_real_FS));

}
.prnt > h5:not([title]) {
    --h_MG_L:        calc( 1em * var(--h_BO_L_and_h_PD_L) * var(--mit_Marginalspalte) );
    --h_span_indent: var(--real_PD_L);
    --h_PD_R:        calc( var(--real_PD_L) / 2 );
}
.prnt > blockquote > * {
    --h_MG_L: 0;
    --h_span_indent: 0;
    --h_dflt_C: var(--dark_gray_C);
    --h_PD_R: 0;
    /* -------------------- 
    /   Inhalte mit eigenem Element (H1, H2..) werden nicht italic gestellt
    /   die Schriftart auf extra_FONT wird nur bei basis_FONTs (p) geändert */
    font-style: initial;
    /*  damit könnte ma alle Texte auf extra_FONT umstellen, sofern unten
    /   dies auch aktiviert wurde (bei `blockquote { ...`)
    font-family: var(--basis_FONT);
    */
}
.prnt date {
    font-family:        var(--extra_FONT);
    font-size:          smaller;
}

/* ------------------------------------
/   Media Queries: autom. Zuweisungen 
/* ------------------------------------ 
/   sonst alles in Datei mq...css       */
@media screen and (min-width: 350px ) {
    /* ---------------
    /* ###### B ######
    /* --------------- */
    :root {
        --basis_FS: var(--B_FS);
        --p_INFO: var(--B_cntnt);

        --h1_FS:    var(--B_h1_FS, var(--A_h1_FS));
        --h2_FS:    var(--B_h2_FS, var(--A_h2_FS));
        --h3_FS:    var(--B_h3_FS, var(--A_h3_FS));
        --h4_FS:    var(--B_h4_FS, var(--A_h4_FS));
        --h5_FS:    var(--B_h5_FS, var(--A_h5_FS));
        --h6_FS:    var(--B_h6_FS, var(--A_h6_FS));
    }
    article.home > h1 {
        --h1_FS:    var(--B_h1_FS);
    }
}

@media screen and (min-width: 576px ) {
    /* ---------------
    /* ###### C ######
    /* --------------- */
    :root {
        --basis_FS: var(--C_FS);
        --p_INFO:   var(--C_cntnt);

        --h1_FS:    var(--C_h1_FS, var(--B_h1_FS, var(--A_h1_FS)));
        --h2_FS:    var(--C_h2_FS, var(--B_h2_FS, var(--A_h2_FS)));
        --h3_FS:    var(--C_h3_FS, var(--B_h3_FS, var(--A_h3_FS)));
        --h4_FS:    var(--C_h4_FS, var(--B_h4_FS, var(--A_h4_FS)));
        --h5_FS:    var(--C_h5_FS, var(--B_h5_FS, var(--A_h5_FS)));
        --h6_FS:    var(--C_h6_FS, var(--B_h6_FS, var(--A_h6_FS)));
    }
    article.home > h1 {
        --h1_FS:    var(--C_h1_FS);
    }
}

@media screen and (min-width: 768px ) {
    /* ---------------
    /* ###### D ######
    /* --------------- */
    :root {
        --basis_FS: var(--D_FS);
        --p_INFO: var(--D_cntnt);

        --h1_FS:    var(--D_h1_FS, var(--C_h1_FS, var(--B_h1_FS, var(--A_h1_FS))));
        --h2_FS:    var(--D_h2_FS, var(--C_h2_FS, var(--B_h2_FS, var(--A_h2_FS))));
        --h3_FS:    var(--D_h3_FS, var(--C_h3_FS, var(--B_h3_FS, var(--A_h3_FS))));
        --h4_FS:    var(--D_h4_FS, var(--C_h4_FS, var(--B_h4_FS, var(--A_h4_FS))));
        --h5_FS:    var(--D_h5_FS, var(--C_h5_FS, var(--B_h5_FS, var(--A_h5_FS))));
        --h6_FS:    var(--D_h6_FS, var(--C_h6_FS, var(--B_h6_FS, var(--A_h6_FS))));
    }
    article.home > h1 {
        --h1_FS:    var(--D_h1_FS);
    }
}

@media screen and (min-width: 1368px ) {
    /* ---------------
    /* ###### E ######
    /* --------------- */
    :root {
        --basis_FS: var(--E_FS);
        --p_INFO: var(--E_cntnt);

        --h1_FS:    var(--E_h1_FS, var(--D_h1_FS, var(--C_h1_FS, var(--B_h1_FS, var(--A_h1_FS)))));
        --h2_FS:    var(--E_h2_FS, var(--D_h2_FS, var(--C_h2_FS, var(--B_h2_FS, var(--A_h2_FS)))));
        --h3_FS:    var(--E_h3_FS, var(--D_h3_FS, var(--C_h3_FS, var(--B_h3_FS, var(--A_h3_FS)))));
        --h4_FS:    var(--E_h4_FS, var(--D_h4_FS, var(--C_h4_FS, var(--B_h4_FS, var(--A_h4_FS)))));
        --h5_FS:    var(--E_h5_FS, var(--D_h5_FS, var(--C_h5_FS, var(--B_h5_FS, var(--A_h5_FS)))));
        --h6_FS:    var(--E_h6_FS, var(--D_h6_FS, var(--C_h6_FS, var(--B_h6_FS, var(--A_h6_FS)))));
    }
    article.home > h1 {
        --h1_FS:    var(--E_h1_FS);
    }
}

@media screen and (min-width: 1920px ) {
    /* ---------------
    /* ###### F ######
    /* --------------- */
    :root {
        --basis_FS: var(--F_FS);
        --p_INFO: var(--F_cntnt);

        --h1_FS:    var(--F_h1_FS, var(--E_h1_FS, var(--D_h1_FS, var(--C_h1_FS, var(--B_h1_FS, var(--A_h1_FS))))));
        --h2_FS:    var(--F_h2_FS, var(--E_h2_FS, var(--D_h2_FS, var(--C_h2_FS, var(--B_h2_FS, var(--A_h2_FS))))));
        --h3_FS:    var(--F_h3_FS, var(--E_h3_FS, var(--D_h3_FS, var(--C_h3_FS, var(--B_h3_FS, var(--A_h3_FS))))));
        --h4_FS:    var(--F_h4_FS, var(--E_h4_FS, var(--D_h4_FS, var(--C_h4_FS, var(--B_h4_FS, var(--A_h4_FS))))));
        --h5_FS:    var(--F_h5_FS, var(--E_h5_FS, var(--D_h5_FS, var(--C_h5_FS, var(--B_h5_FS, var(--A_h5_FS))))));
        --h6_FS:    var(--F_h6_FS, var(--E_h6_FS, var(--D_h6_FS, var(--C_h6_FS, var(--B_h6_FS, var(--A_h6_FS))))));
    }
    article.home > h1 {
        --h1_FS:    var(--F_h1_FS);
    }
}

/* ------------------------------------
/   h-customProperties per Context:  */
/* ------------------------------------
/   Bsp.: border-left Variable wird mit 1 angegeben 
/   oder gar nicht > dann default 0 wirksam 
/   -------------------
/   Erläuterung: Die immmer gleichen cPs (custom Properties) werden 
/   für jede Überschrift immer wieder neu festgelegt, das ist dann der jeweilige
/   Context wo die Variable den zugewiesenen Wert hat.
/    Wenn immer die genannte Variable nicht existiert, dann greift der nach dem
/   Komma genannte  Default-Wert. */
h1 {
    --h_FS:         var(--h1_FS, 2.25);
    --h_FF:         var(--h1_FF, var(--h_FONT));
    --h_C:          var(--h1_C, var(--h_dflt_C));
    --h_BGC:        var(--h1_BGC, var(--h_dflt_BGC));
    --h_mitBO_L:    var(--h1_mitBO_L, 0);
    --h_UPPER:      var(--h1_UPPER, initial);
    --h_LSP:        var(--h1_LSP, normal);
    --h_BOW_O:      var(--h1_BOW_O, 0);
    --h_BOW_U:      var(--h1_BOW_U, 0);
    --h_BO_O_design:var(--h1_BO_O_design, var(--h_BO_default_d));
    --h_BO_U_design:var(--h1_BO_U_design, var(--h_BO_default_d));
    /* ist das selbe wie:
    /   --h_span_indent: calc( var(--parent_PD_L_and_h_PD_L, 0) + 
            ( ( 1 - var(--h_mitBO_L) ) * var(--h_BO_L, 0)) );
    */
    --kapNr:        var(--c4_h1);
    --mitKapitelNr: var(--mK_h1);
}
h2 {
    --h_FS:         var(--h2_FS, 1.8125);
    --h_FF:         var(--h2_FF, var(--h_FONT));
    --h_C:          var(--h2_C, var(--h_dflt_C));
    --h_BGC:        var(--h2_BGC, var(--h_dflt_BGC));
    --h_mitBO_L:    var(--h2_mitBO_L, 0);
    --h_UPPER:      var(--h2_UPPER, initial);
    --h_LSP:        var(--h2_LSP, normal);
    --h_BOW_O:      var(--h2_BOW_O, 0);
    --h_BOW_U:      var(--h2_BOW_U, 0);
    --h_BO_O_design:var(--h2_BO_O_design, var(--h_BO_default_d));
    --h_BO_U_design:var(--h2_BO_U_design, var(--h_BO_default_d));
    --kapNr:        var(--c4_h2);
    --mitKapitelNr: var(--mK_h2);
}
h3 {
    --h_FS:         var(--h3_FS, 1.25);
    --h_FF:         var(--h3_FF, var(--h_FONT));
    --h_C:          var(--h3_C, var(--h_dflt_C));
    --h_BGC:        var(--h3_BGC, var(--h_dflt_BGC));
    --h_mitBO_L:    var(--h3_mitBO_L, 0);
    --h_UPPER:      var(--h3_UPPER, initial);
    --h_LSP:        var(--h3_LSP, normal);
    --h_BOW_O:      var(--h3_BOW_O, 0);
    --h_BOW_U:      var(--h3_BOW_U, 0);
    --h_BO_O_design:var(--h3_BO_O_design, var(--h_BO_default_d));
    --h_BO_U_design:var(--h3_BO_U_design, var(--h_BO_default_d));
    --h_PD_O:       var(--h3_PD_O, 0);
    --h_PD_U:       var(--h3_PD_U, 0);
    --kapNr:        var(--c4_h3);
    --mitKapitelNr: var(--mK_h3);
}
h4 {
    --h_FS:         var(--h4_FS, 1.0);
    --h_FF:         var(--h4_FF, var(--h_FONT));
    --h_C:          var(--h4_C, var(--h_dflt_C));
    --h_BGC:        var(--h4_BGC, var(--h_dflt_BGC));
    --h_mitBO_L:    var(--h4_mitBO_L, 0);
    --h_UPPER:      var(--h4_UPPER, initial);
    --h_LSP:        var(--h4_LSP, normal);
    --h_BOW_O:      var(--h4_BOW_O, 0);
    --h_BOW_U:      var(--h4_BOW_U, 0);
    --h_BO_O_design:var(--h4_BO_O_design, var(--h_BO_default_d));
    --h_BO_U_design:var(--h4_BO_U_design, var(--h_BO_default_d));
    --h_PD_O:       var(--h4_PD_O, 0);
    --h_PD_U:       var(--h4_PD_U, 0);
    --kapNr:        var(--c4_h4);
    --mitKapitelNr: var(--mK_h4);
}
h5 {
    --h_FS:         var(--h5_FS, 0.875);
    --h_FF:         var(--h5_FF, var(--h_FONT));
    --h_C:          var(--h5_C, var(--h_dflt_C));
    --h_BGC:        var(--h5_BGC, var(--h_dflt_BGC));
    --h_mitBO_L:    var(--h5_mitBO_L, 0);
    --h_UPPER:      var(--h5_UPPER, initial);
    --h_LSP:        var(--h5_LSP, normal);
    --h_BOW_O:      var(--h5_BOW_O, 0);
    --h_BOW_U:      var(--h5_BOW_U, 0);
    --h_BO_O_design:var(--h5_BO_O_design, var(--h_BO_default_d));
    --h_BO_U_design:var(--h5_BO_U_design, var(--h_BO_default_d));
    --h_PD_O:       var(--h5_PD_O, 0);
    --h_PD_U:       var(--h5_PD_U, 0);
    --kapNr:        var(--c4_h5);
    --mitKapitelNr: var(--mK_h5);
}
h6 {
    --h_FS:         var(--h6_FS, 0.875);
    --h_FF:         var(--h6_FF, var(--h_FONT));
    --h_C:          var(--h6_C, var(--h_dflt_C));
    --h_BGC:        var(--h6_BGC, var(--h_dflt_BGC));
    --h_mitBO_L:    var(--h6_mitBO_L, 0);
    --h_UPPER:      var(--h6_UPPER, initial);
    --h_LSP:        var(--h6_LSP, normal);
    /* kein neg Margin, da float right: Abweichung zu h1-h6 */
    --h_MG_L: 0em;
}
/* -------------------- */

* {
    box-sizing: border-box;
}
html {
    font-size: calc( var(--basis_FS) * 16px);
    line-height: var(--basis_LH);
}
body {
    /* --------------------
    /   normale Schrift: 
    /   1em sind bis hierher noch (16px * basis_FS): s.o.
    /   erste änderung kann aber hier schon kommen: */
    font-family: var(--basis_FONT);
    font-weight: var(--basis_FW);
    background-color: var(--body_BGC);
    padding-top: var(--body_PD_OU_Calc, 0em);
    padding-bottom: var(--body_PD_OU_Calc, 0em);
    /* --------------------
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    /   normalerweise hat body kein PD_L
    /   Ausnahme: bei »nur MD« ist body das Parent */
    /* --------------------
    /   für div.abs_border :
    /   damit bei Aktivierung auch
    /   die ganze Höhe genommen wird und nicht nur 100vh (von ganz oben)*/
}
.prnt {
    /*  statt oben im body:
    /           font-size: calc(var(--body_FS) * 1em);
    /   jetzt als parent_FS*/
    font-size: calc(var(--parent_FS) * 1em);
    position: relative;
    padding-left: calc( 1em * var(--parent_PD_L, 0));
    padding-right: calc( 1em * var(--parent_PD_R, 0));
}

    /* --------------------
    /*  Überschriften
    /* -------------------- */

    /* --------------------
    /   Sonderfall Überschrift mit Linien: (ursprünglich nur H3)
    /   hier kann eine Nummerierung mittels SPAN-Element
    /   am Textanfang in den Border, bzw Padding-L heraus-
    /   gezogen werden (davor-gestellt): das wird jetzt richtig 
    /   berechnet. Nun auch bei anderen Überschriften mit Border-Left.
    /
    /   pauschal wurde das so richtig berechnet (ursprünglich):
    /      padding-left: calc( var(--marginal_komplett_2PD1B) /var(--h3_FS) * 1em ); */

.prnt > figure h3 {
    /* enthält schon Einheit 1em: daher: `/ 1em` */
    --h_BOW_O: calc(var(--_home_img_BO_W) / 1em);
    --h_BOW_U: calc(var(--_home_img_BO_W) / 1em);
}

h1, h2, h3, h4, h5, h6 {
    --h_span_indent: calc( var(--parent_PD_L_and_h_PD_L, 0)  + var(--real_PD_L, 0) + ( ( -1 * 
                        ( var(--h_mitBO_L) - 1 ) ) * var(--h_BO_L, 0)) );
    font-size: calc(var(--h_FS) * 1em);
    font-family: var(--h_FF);
    color: var(--h_C);
    background-color: var(--h_BGC);
    text-transform: var(--h_UPPER);
    letter-spacing: var(--h_LSP);
    border-top:    calc(var(--h_BOW_O) / var(--h_FS) *1em) var(--h_BO_O_design);
    border-bottom: calc(var(--h_BOW_U) / var(--h_FS) *1em) var(--h_BO_U_design);
    border-left: calc( 1em * var(--h_mitBO_L) * var(--h_BO_L, 0) / 
                        var(--h_FS) ) solid var(--h_BO_L_C);
    margin: calc( var(--MG_OU, .75)/var(--h_FS) * 1em ) 0;
    margin-left: calc( var(--h_MG_L, 0) / var(--h_FS) );
    padding-right: calc( 1em * var(--h_PD_R, 0)/var(--h_FS) );
    padding-left: calc( 1em * var(--h_span_indent, 0) / var(--h_FS));
    padding-top:    calc( 1em * var(--h_PD_O, 0) * var(--ohne_Kompromiss, 0) / var(--h_FS) );
    padding-bottom: calc( 1em * var(--h_PD_U, 0) * var(--ohne_Kompromiss, 0) / var(--h_FS) );
    text-indent: calc( -1em * var(--h_span_indent, 0) * var(--mitKapitelNr, 0) / var(--h_FS));
    
}
.prnt > h5:not([title])
{
    margin-right: calc( 1em * var(--abstand_R, 2) / var(--h_FS) * var(--mit_Marginalspalte) );
    border-radius: calc( 1em * var(--main_BO_radius) / 2 );
}
h3, h4, h5 {
    line-height: var(--h35_LH);
}
h1 {
    /* --------------------
    /   die source-sans wird bei 900
    /   noch etwas fetter
    /   bei Titillium ist die 900 nicht brauchbar,
    /   daher wird die 900 dort einfach nicht geladen 
    /   > HEAD der HTML */
    font-weight: 700;
    line-height: var(--h12_LH);
}   
h2 {
    padding-bottom: .2em; /* wegen möglicher Unterlängen*/
    /* --------------------
    /   padding-top: .2em;
    /   für ÜÄÖ >> müsste mit Datum ausgeglichen werden ! */
    line-height: var(--h12_LH);
    /* page-break-before: always; */
}   

p, h5, blockquote {
    hyphens: auto;
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-chars: auto 5;
    -webkit-hyphenate-limit-lines: 2;
}
p, pre {
    /* --------------------
    /   wichtig: alle line-heights müssen gleich sein (h6 + Folgetyp) 
    /       möglicherweise geht das noch anders mit extra LH für H1-5 */
    /*  h6 wurde oben schon behandelt ! (>entfernt) */
    line-height: var(--basis_LH);
}
section.prnt.statistik > form.frm,
p {
    background-color: var(--p_BGC);
    /* --------------------
    /   border: 0 solid violet;
    /   padding left soll wie bei H1,H3,H5 sein und zusätzlich 
    /   deren border-left addiert */
    margin: var(--default_MG_OU_Calc) 0;
    /*  padding ist bei p left 0 (im margin left eingerechnet ) */
    padding-right: calc( 1em * var(--h_PD_R, 0) );
}
.prnt p + p {
    text-indent: calc( 1em * var(--listen_PD_L, 0.4) * var(--blocksatz) );
    margin-top: calc( -1 * var(--default_MG_OU_Calc) * var(--blocksatz) + 
                    var(--default_MG_OU_Calc) * var(--flattersatz));
}
.prnt p {
    text-align: var(--fliesstext_ALIGN);
}
.prnt p > img,
.prnt li > img
 {
   max-width: 100%;
    border:   3px solid var(--main_C)
}
ul > li {list-style-type: square;}
li ul > li {list-style-type: disc;}
li li ul > li {list-style-type: circle;}
ul > li::marker {color: var(--main_C);}
.prnt li p {
    margin: 0;
}
.prnt li p:not(:first-child) {
    text-indent: calc( 1em * var(--listen_PD_L, 0.4) );
}
.prnt > p {
    /* --------------------
    /   Marginal-Spalte des Elternelementes:
    /   Einrückung setzt sich zusammen aus
    /   optionaler Border der H und festgelegtem PD_L
    /   Üblicherweise wird dazu nur ein PD-L des Elternelementes verwendet 
    /   hier aber kommt das noch dazu (falls nicht beid 0 sind):
    /   > muss bei p mit Padding-Left gelöst werden */
    padding-left: calc( 1em * var(--h_BO_L_and_h_PD_L) );
    /* --------------------
    /   ursprünlich waren auch andere »Elternelemente« dabei:
    , main > p, section > p, article > p, div > p, header > p
    /   > main, section, article, div, header
    /   diese sind jetzt nach "projekt".css verschoben oder nicht gewünscht 
    /   allerdings wird dort zumindest eines verwendet (article derzeit aktiv) */
}
ol, ul, dl {
    padding-right: calc( 1em * var(--h_PD_R, 0) );
}
ol, ul {
    padding-left: calc( 1em * var(--listen_PD_L, 0.4) );
}
dd {
    margin-left: calc( 1em * var(--listen_PD_L, 0.4) );
}
blockquote {
    padding-right: calc( 1em * var(--h_PD_R, 0) / var(--bq_FS) );
}
.prnt > ol, 
.prnt > ul, 
.prnt > dl {
    /*  alles was font-size wie p hat */
    margin-left: calc( 1em * var(--h_BO_L_and_h_PD_L));
    margin-top: var(--default_MG_OU_Calc);
    margin-bottom: var(--default_MG_OU_Calc);
}
.prnt > ol, 
.prnt > ul {
    padding-left: calc( 1em * var(--listen_PD_L, 0.4) * var(--einger_LiMarker) );
}
.prnt > blockquote {
    /*  Blockquote hat links ine border übicherweise, 
    /   daher darf das padding nicht 0 sein. */
    /*  neu besser an h_span_PD_R gebunden */
    padding-left: calc(1em * var(--h_span_PD_R) / var(--bq_FS) );
    /*  mit der zweiten Zeile wird ggf vorne rausgezogen: */    
    margin-left: calc( 1em * (var(--h_BO_L_and_h_PD_L) + var(--bq_indent_LR, 2)) / var(--bq_FS) -
        ( 1em * (var(--h_span_PD_R) + var(--bq_BOW_L, 0.5)) / var(--bq_FS) ) * var(--mit_LiMarker_L) );
    margin-right: calc( 1em * var(--bq_indent_LR, 2) );
    margin-top: var(--default_MG_OU_Calc);
    margin-bottom: var(--default_MG_OU_Calc);
}

hr {
    border-top: 0;
    border-bottom: calc( var(--hr_BOW, .4) * 1em ) var(--hr_lineStyle, dashed) var(--hr_BGC);
    border-left: 0;
    border-right: 0;
    /* --------------------
    /   margin wird vermittelt per `calc(-50vw + 50%)`
    /   aber das klappt nur wenn das Elternelement auch 
    /   li und re das selbe padding hat ! */
    margin: calc( var(--hr_MG, 0.75) * 1em ) calc(-50vw + 50%);
}
.prnt > hr {
    /* --------------------
    /   fett per:    
    /       border-bottom-width: 2rem;
    /   statt vermittelt: alles nach links */
    /* --------------------
    /   in .prnt ist links und rechts zumeist nicht gleich
    /   > Sonderbehandlung */
    margin-left:  calc( var(--parent_PD_L, 0) * -1em );
    margin-right: calc( var(--parent_PD_R, 0) * -1em );
}

h6 {
    text-align: right;
    float: right;
    font-family: var(--h_FF);
    color: var(--h_C);
    background-color: var(--h_BGC);
    padding-left: 1em;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: calc( 1em * ( var(--h_PD_R, 0)/var(--h_FS) + var(--h6_mini_PD_R, 0)) );
}
h6::before {
    color: var(--h6_bef_C);
    content: var(--h6_bef_Content, " ");
    font-weight: normal;
    /* font-family: "Font Awesome 5 Free";
    font-weight: 900; */
}

h6::after {
    /*  wird ggf von Klasse `date4h[x]` überschrieben */
    /* --------------------
    /   Kompromisslösung (ohne Klassen)
    /   wirkt per default
    /   immer wenn für H6 keine Klasse 
    /   vorgegeben wurde */
    content: "";
    font-size: calc(var(--h3_FS)/var(--h_FS) * 1em);
    font-family: var(--h_FONT);
    /* line-height für alle gleich jetzt zu H1 passen
    line-height: calc( 1em * var(--h12_LH) / var(--h6_FS)  );
    */
}

/* ------------------------
/      temp: denn 
/       ohne content hat das keine Bedeutung */
h1::before, h2::before, h3::before, h4::before, h5::before {
    /* --------------------
    /   Vorbereitet für einheitliche 
    /   Nummerierungsfarbe */
    color: var(--h4_C);
    /* das stört ! 
        font-family: input-mono-compressed, monospace;
    */
}
/* bei H6 mit Klassenangabe davor :
/   siehe Projekt-CSS
/   
/   h1::before {
/       content: "";
/   }
/   h2::before {
/       content: "";
/   }
/   h3::before {
/       content: "";
/   }
/   h4::before {
/       content: "";
/   }
/   h5::before {
/       content: "";
/   }
*/



h6:not([class]) + h1 {
    /* wird negativ ! */
    margin-top: calc( (var(--h3_FS) - var(--h_FS)) * 1em / var(--h_FS) );
}
h6:not([class]) + h2 {
    /* wird negativ ! */
    margin-top: calc( (var(--h3_FS) - var(--h_FS)) * 1em / var(--h_FS) );
}
/* h6:not([class]) + h2::before {
    das gehört nicht hier her: ggf. in Projekt 
    font-weight: bold;
    font-family: var(--h_FONT);
    color: var(--h4_C);
} */
   
h6:not([class]) + h3 {
    /* wird negativ falls BOW */
    margin-top: calc(var(--h3_BOW_O) / var(--h3_FS) * -1em);
}
h6:not([class]) + h4,
h6:not([class]) + h5 {
    /*  Akt Problem:
    /   bei h6:first-child mit H4 und H5 danach ist dort (im h6:after) die größere 
    /   Schrift als vorne beim H4/H5:
    /
    /   Bei den Klassen wird dort im H6 daher das selbe margin-top eingetragen wie bei den H4/H5:
    /   Hier im "noClass" muss ich das vorne mit negativem margin ausgleichen */
    margin-top: 0;
}
h6:not([class]) + p::before {
    content: "";
    font-size: calc(var(--cntKap_FS) * 1em);
    font-weight: bold;
    font-family: var(--h_FONT);
}

h1::before, 
h2::before, 
h3::before, 
h4::before, 
h5::before {
    /* obligatorisch */
    box-sizing: border-box;
    display: inline-block;
    text-align: right;
    padding-right: calc(1em * var(--h_span_PD_R)/( var(--cntKap_FS)) );
    font-size: calc(var(--cntKap_FS) / var(--h_FS) * 1em);
    width: calc( 1em * var(--h_span_indent) / var(--cntKap_FS));
    /* Gestaltung: */
    font-family: var(--h_FONT);
    font-weight: 700;
    color: var(--kapNr_C);
    content: var(--kapNr, none);
}

div.boxtest {
    border: 1vw solid black; 
    background-color: darkgray;
    width: 90vw; 
    margin: 1vw auto;
    text-align: center;
}
div.abs_border {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: calc( 1em *  var(--h_BO_L, 0));
    height: 100%;
    background-color: var(--_abs_BGC);
}
pre {
    overflow-x: scroll;
    padding: var(--pre_PD_OU_Calc);
    padding-left: var(--pre_PD_L_Calc);
    margin: var(--pre_MG_OU_Calc) var(--pre_MG_R_Calc) var(--pre_MG_OU_Calc) 0;
    /* --------------------
    /   neu: aus prism.css */
    font-size: calc( var(--pre_real_FS) * 1em);
    /* entspricht: calc( ( var(--pre_code_FS_adjust)  * var(--code_FS) + 
    /        var(--ohne_pre_code_adjust) * 1) * var(--pre_FS) * 1em); */

    /* pre_code_FS_adjust x code_FS + ohne_pre_code_adjust x 1 */
    /* --------------------
    /   (optional : code_FS) * pre_FS +1em
    /   somit wird code_FS in pre-Fontsize eingereichnet */
    /* --------------------
    /      font-size: calc(var(--pre_FS) * 1em);
    /   Diese alte verkleinerung/änderung der font-size stört bei
    /   den »line-numbers«
    /   ebenso  gilt das bei `code font-size`
    /   Grund: divers: 
    /   * Vererbungsproblem bei Line-Height..
    /   * Untergeordnete span...
    /        font-size: calc(var(--pre_FS) * 1em);
    */
    background-color: var(--pre_BGC);
    border: .1em solid var(--pre_BOC);
    border-radius: .4em;
    opacity: .8;
}
.prnt > pre {
    /* --------------------
    /   analog dazu (ist bei [p_FS = pre_FS] das selbe:)
    /   ohne div > pre: denn div wird von »macdown« erzeugt 
    /   margin-left: var(--pre_MG_L_Calc); */
    margin-left: var(--pre_MG_L_Calc, 0);
}
.prnt div:not([class]) > pre, .prnt > div.code-toolbar > pre {
    /* --------------------
    /   der MG_L ist schon im div angelegt, s.u. */
    margin-left: 0em;
}
.prnt > div:not([class]), .prnt > div.code-toolbar {
    /* --------------------
    /   MacDown Besonderheit: div um jedes pre: */
    margin-left: calc( 1em * var(--h_BO_L_and_h_PD_L) );
}

code {
    /* --------------------
    font-size: 1em;
    /   Diese verkleinerung/änderung der font-size stört bei
    /   den »line-numbers«:
    /   Lösung vorerst: darf nur ohne Klasse wirken
    /   FF wurde bisher noch von line-numbers überschrieben: */
    font-family: var(--mono_FONT);
}
/*
pre > code {
    font-size: calc(var(--code_FS) *1em);
}
*/
:not(pre) > code {
    font-size: calc(var(--code_FS) *1em);
    padding: 0 .3em 0 .3em;
    border-radius: 0.4em;
    color: var(--code_C);
    border: .1em solid var(--code_C);
    background-color: var(--max_light_C);
    /* damit werden langer code normal umbrochen 
    /   insbesondere in Listen-Li 
    /   normal bei blocksatz, sonst nowwrap*/
    white-space: var(--inlineCode_WRAP, nowrap);
    hyphens: none;
}
code[class*="language-"],
pre[class*="language-"],
pre,
pre > code {
    /* --------------------
    /   von geändertem prism.css, 
    /   jetzt erzwungen: */
    text-shadow: none !important;
    font-family: var(--mono_FONT) !important;
    line-height: var(--basis_LH) !important;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"],
pre {
    /* --------------------
    /   von geändertem prism.css, 
    /   jetzt erzwungen: */
    background-color: var(--pre_BGC) !important;
}

h1 > code, h2 > code, h3 > code, h4 > code, h5 > code {
    /* --------------------
    /   code in Überschriften
    /   darf nicht upercase werden */
    text-transform: initial;
}

.prnt blockquote {
    border-left-color:      var(--bq_BOC);
}

blockquote {
    --basis_FONT: var(--extra_FONT);
    font-family: var(--basis_FONT);
    font-size: calc(var(--bq_FS) * 1em);
    font-style: italic;
    color: var(--bq_C);
    border-left: calc( var(--bq_BOW_L, 0.5) / var(--bq_FS) * 1em) solid;
    /*  wurde oben schon eingestellt (vorrangig da genauer)
    /   > für Projekt-Voreinstellung */
    padding-left: calc(1em * var(--h_span_PD_R) / var(--bq_FS) );
}

blockquote > :first-child {
    /*  normalerweise ohne Auswirkung
    /   denn bq hat auch default_MG_OU,
    /   nur zur Sicherheit */
    margin-top: 0;
}
blockquote > :last-child {
    /*  s.o. first-child */
    margin-bottom: 0;
}

figure {
    /*  solange es innerhalb `.meta vorkommt`
    /   denn .meta hat schon MG_OU 
    /   ansonsten (li re defaultwert (40px user agent) auf 0 setzen)*/
    margin:                 0;
    display:                flex;
    flex-flow:              column;
    justify-content:        flex-start;
}
figcaption {
    flex:               1 1 auto;
}


h1 > code, h2 > code {
    /* --------------------
    /   falls eine große Überschrift auch code enthält, 
    /   gibt es Probleme vor allem wenn ein Umbruch dazu kommt:
    /   daher Schrift für code-Element etwas kleiner (als 0.8125) */
    font-size: 0.7em;
    padding: 0.0em 0.3em;
} 
h1 + h5, h1 + h6 + h5,
h2 + h5, h2 + h6 + h5 {
    /* --------------------
    /   Das soll ein für MD-Dateien automatischer Einleitungs-Text
    /   werden. Es braucht keine Klasse nur: h5 nach h1 
    /   (mit oder ohne Datum)*/
    color: var(--h5_einleitung_C);
    border-color: #fff0;
    background-color: #fff0;
    font-family: var(--h_FONT);
    font-weight: 300;
    font-style: italic;
    text-transform: none;
}
em {
    letter-spacing: 0.03em;
    color: var(--h_BO_L_C);
    color: var(--em_C);
    font-weight: var(--em_FW, normal);
}
strong {
    letter-spacing: 0.05em;
    color: var(--h_BO_L_C);
    color: var(--dark_saturate_C);
    font-weight: 800;
    text-transform: var(--strong_UPPER, none);
}
a {
    text-decoration:none;
}
a:not(.in_h1_home, .btn) {
    color: var(--a_C);
}
.prnt > *:not(.meta, figure) a:not(.in_h1_home, .btn, .wlk) {
    border-bottom: .1em dotted;
    font-family: var(--h_FONT);
    font-weight: 400;
    font-size: .875em;
}
.prnt > *:not(.meta, figure) a.wlk {
    border-bottom: .1em dotted;
}
.prnt > *:not(.meta, figure) a:not(.in_h1_home, .btn, .wlk):before {
    content: var(--a_bef_Content);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: .9em;
}
.prnt > *:not(.meta, figure) a.wlk::before {
    --a_bef_Content: "\f309";
    content: var(--a_bef_Content);
    font-family: "Font Awesome 5 Free";
    font-size: .6em;
}
a[href*="download_file"]:not(.in_h1_home, .btn):before {
    --a_bef_Content: "\f019";
    margin-right: .4em;
}
a[href*="show_file"]:not(.in_h1_home, .btn):before {
    --a_bef_Content: "\f06e";
    margin-right: .4em;
}
a.no_b {
    --a_bef_Content: "";
}
#abkz a.arrow_only {
    border-bottom: none;
}

fieldset a::before {
    content: var(--a_bef_Content);
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    color: var(--a_C);
    border-bottom: .1em dotted;
    font-size: .84em;
}

table {
    padding: 0;
    border-collapse: collapse; 
    font-family: var(--extra_FONT);
    font-size: calc(var(--table_FS) * 1em);
    overflow: scroll;
    margin-top: calc( var(--MG_OU) * 1em / var(--table_FS) );
    margin-bottom: calc( var(--MG_OU) * 1em / var(--table_FS) );
    margin-left: calc( 1em * var(--h_BO_L_and_h_PD_L) / var(--table_FS));
    margin-right: calc( 1em * var(--h_PD_R) / var(--table_FS));
}
table tr {
    border-top: 1px solid #cccccc;
    background-color: white;
    margin: 0;
    padding: 0; }
table tr:nth-child(2n+1) {
    /*oder auch per: tr:nth-child(even)*/
    background-color: #f8f8f8;
}
table tr th {
    font-weight: bold;
    border: 1px solid #cccccc;
    margin: 0;
    padding: 6px 13px;
}
table tr td {
    border: 1px solid #cccccc;
    margin: 0;
    padding: 6px 13px;
}
table tr th :first-child, table tr td :first-child {
    margin-top: 0;
}
table tr th :last-child, table tr td :last-child {
    margin-bottom: 0;
}
.prnt div.scroll_x {
    /*  für Tabellen 
    /   > müssen darin eingeschlossen werden */
    overflow-x: scroll;
    margin-top: calc( var(--MG_OU) * 1em );
    margin-bottom: calc( var(--MG_OU) * 1em );
    margin-left: calc( 1em * var(--h_BO_L_and_h_PD_L) );
    margin-right: calc( 1em * var(--h_PD_R) );
}
.prnt div.scroll_x table {
    margin: 0;
}
table code {
    font-size: 1em;
}
sup {
    font-size: 0.83em;
    vertical-align: super;
    line-height: 0;
}
span.like-sup {
    font-size: 0.83em;
    line-height: 0;
}

/*  neues PRISM hat andere Klassennamen für »show-language«
    erstes DIV: code-toolbar    bisher: ohne
    zweites DIV:toolbar         statt: prism-show-language
    drittes DIV:toolbar-item    statt: prism-show-language-label
    ... und es steht jetzt dahinter aber das ist wohl egal,
    wegen ``position: absolute``
*/
div > div.prism-show-language, div.code-toolbar > .toolbar {
    /*  2 Angaben werden ggf.  
    /   von MacDwon verfeinert
    /   hier spezifischer angegeben (zus. `div >` davor ), 
    /   daher kein !important nötig */
    margin-right: calc( 1em * var(--h_PD_R, 0));
}
div > div.prism-show-language > div.prism-show-language-label,
div.code-toolbar > pre + div.toolbar {
    /*  selbe font-size 
    /   wie pre > code */
    font-size: calc( var(--pre_real_FS) * 1em);;
    background-color: transparent;
    border-left: .1em solid var(--pre_BOC);
    border-bottom: .1em solid var(--pre_BOC);
    border-radius: 0 .4em 0 .4em;
    opacity: 0.8;
}
ul#nav-links li a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* border-right: calc(1em * var(--nav_BO_U) / 0.9375 ) solid var(--_fT_C); */
}
.btn_line, .subNav {
    display:                flex;
    column-gap:             .4em;
    row-gap:                .4em;
    align-items:            baseline;
    /* wird bei btn_line ggf überschrieben: */
    justify-content:        flex-start;
}
.prnt > .btn_line {
    flex-wrap:              wrap;
}
.prnt > .btn_line.ch_post {
    /* Klasse: change-post */
    /* nur die .btn_line gleich am Artikel-Anfang mit publish-Button */
    flex-wrap:              wrap-reverse;
    /* durch `reverse` bleibt der publish-Button (1.Element das umgebrochen wird) 
    obendrüber — sonst wäre der darunter */
}
.btn_line > #quick_publish {
    font-family:            var(--h_FONT);
    letter-spacing:         .05em;
    margin:                 var(--default_MG_OU_Calc) 0 0 0;
    padding:                0;
    margin-left:            auto;
    display:                flex;
    justify-content:        flex-end;
    /* border:                 2px solid rgb(35, 0, 212); */
}
ul.btn_line > * {
    list-style-type:        none;  
}
.prnt.privat {
    /* --dark_text_C:          var(--main_C); */
    /* --dark_saturate_C:      #4d2768; */
    /* --dark_saturate_C:      var(--main_C);
    --h1_C:                 var(--main_C); */
    /* justify-self:           end; */
}   
.hide_it, div.fg.hide_it {
    display: none;
}
nav#nav2 {
    flex-wrap:          wrap;
    row-gap:            .3em;
}
#nav2 > form + a[disabled="disabled"] {
    pointer-events: none;
    cursor: default;
    box-shadow: none;
    opacity: .6;
}

#nav2 > form > legend {
    line-height:            calc(1em * var(--min_LH));
    align-self:             center;
    /* temp:
    color: var(--dark_text_C);
    */
}

input#cb_fltr1 + label::before {
    content: 'öffentlich';
}
input#cb_fltr1[disabled] + label::before {
    content: 'Status';
}
input#cb_fltr1[checked] + label::before {
    content: 'privat (Entwurf)';
}
input#cb_fltr2 + label::before {
    content: 'von Anderen';
}
input#cb_fltr2[disabled] + label::before {
    content: 'Urheber';
}
input#cb_fltr2[checked] + label::before {
    content: 'nur von mir';
}
div.h5_width {
    margin-left: calc( var(--h_MG_L, 0) / var(--parent_FS) );
}
#logo > .logo_title > a {
    font-size:          calc( 1.25 * 1em / var(--h_FS) * var(--_15zu16));
    letter-spacing:     .1em;
    line-height:        1.2em;
}
.backhome {
    /* für den home-Text, so wie nav-texte */
    font-size:          calc( 1em / 1.25);
    font-weight:        var(--basis_FW);
    /* letter-spacing: .2em; */
    letter-spacing:     .1em;
    /* text-transform:     uppercase; */
}
:root {
    --Pagi_plus_H_calc: calc(16px * var(--basis_FS) * var(--main_FS) * var(--nav_FS) * (var(--MG_OU) + var(--Rub_H)));
}
section#rubriken {
    justify-self:       stretch;
    /* margin-top:         calc(-1em * var(--grid_gap)); */
    /* border-bottom: calc(1em * var(--grid_gap)) solid red; */
    position:           fixed;
    top:                var(--nav_H);
    z-index:            1;
    background-color:   var(--main_C);
    margin:             0;
    opacity:            1;
    width:              100%;
    left:               0;
    padding:            0 calc( var(--x_MG_PD_LR) + env(safe-area-inset-right)) 
                        0 calc( var(--x_MG_PD_LR) + env(safe-area-inset-left));

}
section#rubriken > p {
    text-align:         center;
    line-height:        2em;
    white-space:        nowrap;
    padding-top:        .3em;
    overflow-x:         scroll;
    font-size:          calc(1em * var(--nav_FS));
    height:             calc(1em *  var(--Rub_H));
    margin-bottom:      0;
}
#rubriken > p > a {
    /* margin: auto; */
    position:           relative;
}
section#rubriken > p::-webkit-scrollbar {
    display: none;
}
#rubriken .btn.b_sm.prim.sel {
    color:              var(--fb_a_style_C);
    background-color:   aliceblue;
    border-color:       aliceblue;
}
.small_group_name {
    color:              var(--light_saturate_C);
    color:              var(--dark_text_C);
    position:           absolute;
    top:                -0.7em;
    left:               -0.6em;
    padding:            .3em;
    font-size:          80%;
    border-left:        .3em solid var(--dark_text_C);
}
#abkz dl.dic_abk {
    position:           relative;
}
#mySidebar > section > h2 + p.v_info {
    font-size:          calc(var(--table_FS) * 1em);
    color:              var(--h5_BGC);
    position:           relative;
}
#abkz p.v_info.abs {
    /* abs=absolut: innerhalb von dl positioniert daher font-size-Korrektur; */
    font-size:          calc(var(--table_FS) * 1em / var(--_14zu16));
    position:           absolute;
    top:                calc(-1em * 1 / var(--table_FS));
    right:              6em;
    margin-top:         0;
    margin-bottom:      0;
}
section.prnt > p.v_info > a.fas_i {
    /* font-size:          calc(1em  / var(--table_FS)); */
    border-bottom:      none;
    --a_bef_Content:    "\f05a";
    /* position:           absolute;
    top:                -1em;
    left:               0; */
}