#lexicon {
			width: 100%;
			display: flex;
			gap: 15px;
			justify-content: space-between;
			align-items: flex-start;    
		}
		
		#lexicon #navigation {
			width: 25%;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			border: 1px solid var(--border);
		}
		
		#lexicon #navigation .navigation-headline {
			min-height: 50px;
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			font-weight: bold;
			text-transform: uppercase;
			text-align: center;
			padding: 0 5px;
			box-sizing: border-box;
			background: var(--akzent3);
			color: var(--text);
			border-bottom: 1px solid var(--border);
		}
		
		#lexicon #navigation .navigation-headline:first-child {
			-moz-border-radius-topleft: 0px;
			-moz-border-radius-topright: 0px;
			-webkit-border-top-left-radius: 0px;
			-webkit-border-top-right-radius: 0px;
			border-top-left-radius: 0px;
			border-top-right-radius: 0px; 
		}
		
		#lexicon #navigation .navigation-headline:first-child a:link,
		#lexicon #navigation .navigation-headline:first-child a:visited,
		#lexicon #navigation .navigation-headline:first-child a:active,
		#lexicon #navigation .navigation-headline:first-child a:hover {
			margin-left: 0;
		}
		
		#lexicon #navigation .navigation-headline a:link,
		#lexicon #navigation .navigation-headline a:visited,
		#lexicon #navigation .navigation-headline a:active,
		#lexicon #navigation .navigation-headline a:hover {
			color: var(--text);
			margin-left: 5px;
		}
		
		#lexicon #navigation .navigation-item {
			min-height: 25px;
			width: 100%;
			margin: 0 auto;
			padding: 5px 20px;
			display: flex;
			align-items: center;
			box-sizing: border-box;
			border-bottom: 1px solid var(--border);
			background: var(--akzent2);
			font-variant: small-caps;
		}
		
		#lexicon #navigation .navigation-item:last-child {
			-moz-border-radius-bottomright: 0px;
			-webkit-border-bottom-right-radius: 0px;
			border-bottom-right-radius: 0px;
			-moz-border-radius-bottomleft: 0px;
			-webkit-border-bottom-left-radius: 0px;
			border-bottom-left-radius: 0px;
		}
		
		#lexicon #navigation .navigation-subitem {
			min-height: 25px;
			width: 100%;
			margin: 0 auto;
			padding: 0 20px 0px 20px;
			display: flex;
			align-items: center;
			box-sizing: border-box;
			border-bottom: 1px solid #ddd;
			background: #f5f5f5;
		}
		
		#lexicon #navigation .navigation-subitem i {
			font-size: 11px;
			padding-top: 1px;
		}
		
		#lexicon #navigation .navigation-externallink-option {
			width: 100%;
			text-align: right;
		}
		
		#lexicon #navigation .navigation-search {
			width: 100%;
			margin: 0 auto;
			padding: 10px 0;
			display: flex;
			align-items: center;
			box-sizing: border-box;
			border-bottom: 1px solid var(--border);
  background: var(--akzent1);
			justify-content: center;
		}
		
		#lexicon #navigation .navigation-search input.textbox {
			width: 68%;
		}
		
		#lexicon .lexicon-entry {
			width: 736px;
			box-sizing: border-box;
			background: var(--akzent1);
			border: 1px solid var(--border);
		}
		
		#lexicon .lexicon-entry .entry-headline {
height: 50px;
  width: 100%;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  text-transform: uppercase;
  background: var(--akzent3);
  color: var(--text); 
			border-bottom: 1px solid var(--border);
		}
		
		
		#lexicon .lexicon-entry .entry-subline {
			text-align: right;
			padding-right: 10px;
			padding-top: 5px;
			background: none;
		}
		
		#lexicon .lexicon-entry .entry {
background: none;
  padding: 0px 0px 15px 0px;
  text-align: justify;
		}
		
		#lexicon .lexicon-entry .entry.content {
			-moz-border-radius-bottomright: 0;
			-webkit-border-bottom-right-radius: 0;
			border-bottom-right-radius: 0;
			-moz-border-radius-bottomleft: 0;
			-webkit-border-bottom-left-radius: 0;
			border-bottom-left-radius: 0;
		}
		
		#lexicon .lexicon-entry .content-bit {
			padding: 0 40px 40px 40px;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			gap: 20px;
			background: none;
		}
		
		#lexicon .lexicon-entry .content-bit .content-letter {
			width: 45%;     
		}
		
		#lexicon .lexicon-entry .content-bit .content-letter .content-item {
			margin-bottom: 5px;    
		}
		
		#lexicon .lexicon-entry .content-bit .content-letter .content-item .content-item-cat {
			font-size:0.7em;
		}
		
		#lexicon .lexicon-entry .lexicon_search_results {
			margin-bottom: 10px;
		}

.lorehead {
	width:735px;
	height: 250px;
	border-bottom: 1px solid var(--border);
	margin-bottom: 10px;
}

.lorebox {
	padding: 10px;
	text-align: justify;
}

.lorebild {
float: left;
  margin-right: 15px;
  font-weight: bold;
  font-size: 14px;
}

.lorebild img {
border: 1px solid var(--border);
  padding: 8px;
  background: var(--akzent2);
}

.lore_font {
  font-size: 30px;
  color: var(--text);
  text-align: center;
  font-family: 'Quintessential';
}