/* Kontobereich im Seitenkopf (wie /baumarktwissen, /Lexikon, /craftpartner): Personen-Symbol + Name (fett),
   darunter Rollenkuerzel, darunter Abmelden und Verwaltung */
.konto__block { display: inline-flex; vertical-align: top; }
.konto__name { display: inline-flex; align-items: flex-start; gap: .35rem; font-size: .75rem; line-height: 1; }
.konto__name svg { flex: none; margin-top: .05rem; }
.konto__text { display: flex; flex-direction: column; gap: .2rem; }
.konto__benutzer { font-weight: 700; }
.konto__rollen { display: flex; flex-wrap: wrap; gap: .25rem; font-weight: 700; font-size: .5625rem; letter-spacing: .06em; }
.konto__rollen abbr { text-decoration: none; cursor: help; }
.konto__aktionen { display: flex; gap: .75rem; }
.konto__link { font-size: .6875rem; font-weight: 700; text-decoration: none; border-bottom: 2px solid transparent; }
.konto__link:hover { text-decoration: none; border-bottom-color: currentColor; }

/* ZMSGraphic: Bildausrichtung links/rechts mit umfliessendem Text (wie ZMS 2 bzw. ZMSGraphic/f_css_defaults,
   das zms_theme_basic nicht einbindet - sonst stand das Bild "rechts" ueber dem Text) */
div.ZMSGraphic::after { content: ""; display: table; clear: both; }
div.ZMSGraphic div.graphic.alignright { float: right; margin: 0 0 1rem 1.5rem !important; }
div.ZMSGraphic div.graphic.alignleft { float: left; margin: 0 1.5rem 1rem 0 !important; }
div.ZMSGraphic div.graphic.alignright + div.text,
div.ZMSGraphic div.graphic.alignleft + div.text { overflow: hidden; }