body {
    --color-background: whitesmoke; /* fast weiß #F5F5F5 245, 245, 245 */
    --color-background-inverse: #1d1d1b; /* fast Schwarz*/
    --color-text: #1d1d1b; /* fast Schwarz 29, 29, 27 */
    --color-text-inverse: whitesmoke;
    --color-primary: #be7251; /* Rostrot 190, 114, 81 */
    --color-secondary: #b7c6ce; /* Silberblau 183, 198, 206 */
    --color-tertiary: #bdbc00; /* Olivgrün */
    --color-quaternary: #e6b92e; /* Gelb */
    --color-entity: #be7251; /* Rostrot */
    --color-person: olivedrab;
    --color-place: indianred;
    --color-term: cadetblue;
    --color-time: indigo;
    --color-link: steelblue;
    --color-link-inverse: #ffffff;
    --color-inactive: darkgray;
    font-size: 16px;
}
/*
Style für Brief-Auszeichnung, Register etc.

⌜⌝
✝✡︎✉
Emoji (evtl. OpenMoji verwenden: All emojis designed by OpenMoji – the open-source emoji and icon project. License: CC BY-SA 4.0)
🔎👤🌍📖✉️⏳
🗨🗺
️💾
📕
👥🍼💀

#1d1d1b fast Schwarz
#be7251 Rostrot
#e6b92e Gelb
#b7c6ce Silberblau
#bdbc00 Olivgrün
*/

section
{
    columns: 2;
}

/*
div
{
    display: inline;
}
*/

div.place {
    margin-bottom: 5px;
}

div.place a {
    text-decoration: none;
    display: block;
    margin-bottom: 3px;
    color: var(--color-link);
}

.incipit {
    font-size: smaller;
}

h1, .heading
{
    text-transform: uppercase;
    font-size: 28px;
}

h2, .heading2
{
    font-weight: bold;
    font-size: 20px;
}

h3, .heading3
{
    font-weight: bold;
    font-size: 18px;
}

h4, .heading4
{
    font-weight: bold;
    font-size: 16px;
}

h5, .heading5
{
    font-size: 16px;
}

hr
{
    border: 1;
    color: grey;
}

.pagebreak, pb
{
	display: block;
    color: var(--color-inactive);
	content: "@n";
}

.columnbreak, cb
{
	display: block;
    color: var(--color-inactive);
	content: "@n";
}

.linebreak, lb
{
    color: var(--color-inactive);
	content: "@n";
}

.text, text
{
    font-size: 16px;
	color: var(--color-text);
}

.addition
{
	color: var(--color-text);
    margin-top: 2px;
    margin-bottom: 2px;
}

.preprint
{
	color: var(--color-inactive);
    margin-top: 2px;
    margin-bottom: 2px;
}

.footnote, note
{
    font-size: 12px;
    text-align: justify;
	display: block;
}

.refanchor
{
    font-style: normal;
    display: inline;
    color: var(--color-link);
}

.marginbox-right
{
    border: 1px;
    margin-right: 12px;
}

.supplied::before
{
    content: '[';
}
.supplied::after
{
    content: ']';
}

.editorial
{
    text-decoration:underline var(--color-primary) dotted;
}

.language
{
    text-decoration:underline var(--color-primary);
}

.translation
{
	color: var(--color-text);
    text-decoration:underline var(--color-primary);
}

.quote
{
	display: block;
	color: var(--color-text);
}

.list
{
    margin-left: 12px;
    margin-right: 12px;
}

.data
{
    font-size: 12px;
	color: var(--color-inactive);
    text-decoration: none;
}

.block
{
	display: block;
}
.block-margin
{
	display: block;
    margin-top: 2px;
    margin-bottom: 2px;
}

.biblio-block
{
	display: block;
	margin-top: 5px;
    margin-left: 2em;
    text-indent: -2em;
}

.data-block
{
	display: block;
    font-size: 85%;
}

.biblio, bibl
{
	color: var(--color-text);
    text-decoration: none;
}

.exile
{
    font-size: 12px;
	display: block;
	text-align: right;
	color: var(--color-link);
    text-decoration: none;
}

.hyperlink, ptr, a
{
	color: var(--color-link);
    text-decoration: none;
}
.hyperlink:hover, ptr:hover, a:hover
{
    color: var(--color-link);
    text-decoration: none;
}

idno, .normdata
{
	color: var(--color-link);
    text-decoration: none;
}

idno:hover, .normdata:hover
{
	color: var(--color-link);
    text-decoration: none;
}

.entity, name
{
    color: var(--color-primary);
}

listPerson, listPlace, ListOrg, listEvent, listRelation
{
	display: block;
	border-top: 2px solid var(--color-inactive);
	border-bottom: 2px solid var(--color-inactive);
	margin-top: 50px;
}

person, place, org, personGrp, event
{
	display: block;
	border-top: 1px solid var(--color-text);
	margin-top: 25px;
}

.person, persName
{
    color: var(--color-person);
}

.place, placeName
{
    color: var(--color-place);
}

.org, orgName
{
    color: var(--color-term);
}

.event, eventName
{
	color:  var(--color-event);
}

.relation, relation
{
    color: var(--color-secondary);
}

.lost
{
	color: var(--color-incative);
}

.date
{
	color: var(--color-text);
}

.lifedata, birth, death
{
    font-size: 12px;
	color: var(--color-text);
}

.listitem { 
  margin-top: 6px;
  margin-bottom: 18px;
}

b .bold
{
    font-weight: bold;
}

.uppercase
{
    text-transform: uppercase;
}

.cursive
{
    font-style: italic;
}

.strikethrough
{
    text-decoration: line-through;
}

.underline
{
    text-decoration: underline;
}

.overwritten
{
    vertical-align: super;
}

.invisible
{
    font-size: 0%;
}

.super
{
    vertical-align: super;
}

/*labels (ufind Uni Wien)*/
.label { 
  display: inline-flex;
  flex-direction: row;
  position: relative;
  vertical-align: top;
  margin-top: 0.2em;
  cursor: pointer;
} 
.label.label-register-de .label-content:hover::after { 
  text-indent: 0;
  content: ' Registereintrag';
}
.label.label-register-en .label-content:hover::after { 
  text-indent: 0;
  content: ' Register entry';
}
.label.label-person .label-content:hover::after { 
  text-indent: 0;
  content: ' Person';
}
.label.label-place-de .label-content:hover::after { 
  text-indent: 0;
  content: ' Ort';
}
.label.label-place-en .label-content:hover::after { 
  text-indent: 0;
  content: ' Place';
}
.label.label-term-de .label-content:hover::after { 
  text-indent: 0;
  content: ' Begriff';
}
.label.label-term-en .label-content:hover::after { 
  text-indent: 0;
  content: ' Term';
}
.label.label-event-de .label-content:hover::after { 
  text-indent: 0;
  content: ' Ereignis';
}
.label.label-event-en .label-content:hover::after { 
  text-indent: 0;
  content: ' Event';
}
.label.label-biblio-de .label-content:hover::after { 
  text-indent: 0;
  content: ' Bibliograhie';
}
.label.label-biblio-en .label-content:hover::after { 
  text-indent: 0;
  content: ' Bibliograhy';
}
.label.label-search-de .label-content:hover::after { 
  text-indent: 0;
  content: ' In den Briefen suchen';
}
.label.label-search-en .label-content:hover::after { 
  text-indent: 0;
  content: ' Search in the letters';
}
.label.label-letter-de .label-content:hover::after { 
  text-indent: 0;
  content: ' Brief verfügbar: zum Öffnen klicken';
}
.label.label-letter-en .label-content:hover::after { 
  text-indent: 0;
  content: ' Letter available: click to open';
}
.label.label-noletter-de .label-content:hover::after { 
  text-indent: 0;
  content: ' Brief nicht überliefert';
}
.label.label-noletter-en .label-content:hover::after { 
  text-indent: 0;
  content: ' Letter not preserved';
}
.label.label-letternothere-de .label-content:hover::after { 
  text-indent: 0;
  content: ' Brief nicht verfügbar';
}
.label.label-letternothere-en .label-content:hover::after { 
  text-indent: 0;
  content: ' Letter not available';
}
.label .label-content, .label .label-nocontent { 
  font-size: 12px;

  color: var(--color-text);

  margin: 0;
  padding: 0 0.6em 0 0.6em;

  height: 1.2em;
  overflow: hidden;

  user-select: none;

  text-indent: 0;
  text-decoration:none;

  border-bottom-right-radius:0.3em;
  border-top-right-radius:0.3em;  
  border-bottom-left-radius:0.3em;
  border-top-left-radius:0.3em; 
} 

.label:before { 
  right: 0.65em;
  top: 0.35em;
}
.label:after { 
  left: 0.65em;
  top: 0.35em;
}

/* ------------------------------- */

.label.label-register .label-content   { /*background: var(--color-secondary);*/ }
.label.label-register .label-nocontent { /*background: var(--color-secondary);*/ }
.label.label-register::before    { border-right-color: var(--color-secondary); }
.label.label-register::after     { box-shadow:-0.1em -0.1em 0.2em darkgray; }

.label.label-search .label-content   { /*background: var(--color-secondary);*/ }
.label.label-search .label-nocontent { /*background: var(--color-secondary);*/ }
.label.label-search::before    { border-right-color: var(--color-secondary); }
.label.label-search::after     { box-shadow:-0.1em -0.1em 0.2em darkgray; }

.label.label-letter .label-content   { /*background: var(--color-secondary);*/ }
.label.label-letter .label-nocontent { /*background: var(--color-secondary);*/ }
.label.label-letter::before    { border-right-color: var(--color-secondary); }
.label.label-letter::after     { box-shadow:-0.1em -0.1em 0.2em darkgray; }

.label.label-noletter .label-content   { /*background: var(--color-secondary);*/ }
.label.label-noletter .label-nocontent { /*background: var(--color-secondary);*/ }
.label.label-noletter::before    { border-right-color: var(--color-secondary); }
.label.label-noletter::after     { box-shadow:-0.1em -0.1em 0.2em darkgray; }