#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: #efefef;
			align-items: flex-start;
			padding-bottom: 10px;    
		}
				
		#lexicon #navigation .navigation-headline {
			height: 50px;
			width: 100%;
			background: #b8b8b8;
			display: flex;
			justify-content: center;
			align-items: center;
			font-weight: bold;
			text-transform: uppercase;
			text-align: center; 
			padding: 0 5px;
			box-sizing: border-box;   
		}
				
		#lexicon #navigation .navigation-item {
			height: 25px;
			width: 90%;
			margin: 0 auto;
			padding: 10px 20px;
			display: flex;
			align-items: center;
			box-sizing: border-box;
			border-bottom: 1px solid #b4b4b4;
		}

		#lexicon #navigation .navigation-subitem {
			height: 15px;
			width: 90%;
			margin: 0 auto;
			padding: 0 20px 5px 20px;
			display: flex;
			align-items: center;
			box-sizing: border-box;
			border-bottom: 1px solid #b4b4b4;
		}

		#lexicon #navigation .navigation-subitem i {
			font-size: 11px;
			padding-top: 1px;
		}
				
		#lexicon .lexicon-entry {
			width: 80%;
			box-sizing: border-box;
			background: #efefef;    
		}
				
		#lexicon .lexicon-entry .entry-headline {
			height: 50px;
			width: 100%;
			background: #b8b8b8;
			font-size: 30px;
			display: flex;
			justify-content: center;
			align-items: center;
			font-weight: bold;
			text-transform: uppercase;    
		}
				
		#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;    
		}