#lexicon {
			width: 100%;
			display: flex;
			gap: 20px;
			justify-content: space-between;
			align-items: flex-start;     
		}
		  
		#lexicon #navigation {
			width: 20%;
			display: flex;
			flex-direction: column;
			gap: 10px;
			background: var(--background-color-less-opacity);
			align-items: flex-start;
			padding-bottom: 10px;    
		}
				
		#lexicon #navigation .navigation-headline {
			height: 50px;
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			text-transform: uppercase;
			text-align: center; 
			padding: 0 5px;
			box-sizing: border-box;  
				background: var(--accent-color-less-opacity);
color: var(--text-color-lighter);
			font-weight: 600;
		}
								
		#lexicon #navigation .navigation-headline a{
color: var(--text-color-lighter);
			font-weight: 600;
		}
				

		#lexicon #navigation .navigation-item {
			height: fit-content;
			width: 90%;
			margin: 0 auto;
			padding: 10px 20px;
			display: flex;
			align-items: center;
			box-sizing: border-box;
			border-bottom: 1px solid var(--text-color-lighter);
		}

		#lexicon #navigation .navigation-subitem {
			height: fit-content;
			width: 90%;
			margin: 0 auto;
			padding: 0 20px 5px 20px;
			display: flex;
			align-items: center;
			box-sizing: border-box;
			border-bottom: 1px solid var(--text-color-lighter);
		}

		#lexicon #navigation .navigation-subitem i {
			font-size: 11px;
			padding-top: 1px;
		}
				
		#lexicon .lexicon-entry {
			width: 80%;
			box-sizing: border-box;
			background:var(--background-color-less-opacity);    
		}
				
		#lexicon .lexicon-entry .entry-headline {
			height: 50px;
			width: 100%;
  color: var(--text-color);
  letter-spacing: 0.094rem;
  text-transform: uppercase;
  font-weight: 300;
  padding: var(--10px);
			font-size: 20px;
			display: flex;
			justify-content: center;
			align-items: center;  
		}
				
		#lexicon .lexicon-entry .entry {
			padding: 20px 40px;
			text-align: justify;
			line-height: 180%;    
		}
				
		#lexicon .lexicon-entry .content-bit {    
			padding: 0 40px 40px 40px;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			gap: 20px;    
		}
				
		#lexicon .lexicon-entry .content-bit .content-letter {
			width: 45%;     
		}
				
		#lexicon .lexicon-entry .content-bit .content-letter .content-item {
			margin-bottom: 5px;    
		}