/* Gilt fuer Icons, die per RichText-Format "Icon (Bootstrap)"/"Icon (HWK)"
   (IMPL-010-InlineIcons.md) inline in Fliesstext eingefuegt wurden. Wird sowohl
   im Editor als auch im Frontend geladen, da der Inhalt ganz normaler,
   gespeicherter Beitrags-HTML-Text ist (keine Block-spezifische Ausgabe). */
.uni-inline-icon {
    vertical-align: -0.125em;
}

/* Das aktive Theme definiert fuer .glyphicon standardmaessig float:left/display:block
   (eigenes 32px-Icon-Raster, siehe Kachel-Block) -- fuer Inline-Nutzung im
   Fliesstext ungeeignet. */
.uni-inline-icon.glyphicon {
    display: inline-block !important;
    float: none !important;
    width: auto !important;
    text-align: left !important;
}

/* Format "Icon" (Theme-SVG-Iconset): die SVG-Datei kommt per Inline-Style als mask,
   eingefaerbt ueber die Textfarbe. vertical-align setzt die Icon-Mitte auf die halbe
   Versalhoehe (1cap), ohne cap-Einheit greift -0.125em von .uni-inline-icon. overflow
   haelt die Grundlinie an der Unterkante, trotz des unsichtbaren Zeichens im Span. */
.uni-inline-icon.uni-svg-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    overflow: hidden;
    background-color: currentColor;
    vertical-align: calc((1cap - 1em) / 2);
}