#verzeichnis { 	
				position: relative;
				top: 30px;
				left: 50%;
				transform: translateX(-50%);
				width: 80%;
				height: 100%;
				min-height: calc(100vh - 116px);
				background-color: transparent;
				background-size: cover;
				background-image: url('images_web/bg/HG_container_verzeichnis.png');
				overflow: visible;
				z-index: 250;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				border: none;
				margin-top: 3em;
				padding-top: 6px;
				padding-bottom: 6px;
				padding-left: 6px;
				padding-right: 6px;
				outline-style: none;
			}
#verzeichnis ul {
				display: flex;
				flex-direction: row;
				justify-content: flex-start;
				width: 100%;
				height: auto;
				width: 100%;
				border: none;
				list-style: none;
				margin-bottom: 2em;
				z-index: 100;
				}
.rechteSpalte {
				background-color: transparent;
				height: calc(100vh - 200px);
				padding-left: 9px;

					}
#verzeichnis ul ul{
				display: flex;
				flex-direction: column;
				flex-wrap: wrap;
				}
#verzeichnis li {
				padding-top: 9px;
				padding-bottom: 9px;
				min-width: calc(100%/5);
				font-family: Oswald;
				font-size: 1em;
				font-weight: 400;
				line-height: 1.4em;
				white-space: nowrap;
				text-decoration: none;
				cursor: none;
				}
#verzeichnis li li {
 					
				}
#verzeichnis li a {
				font-size: 0.9em;
				font-weight: 200;
				color: #020000;
				cursor: pointer;
				}				
#verzeichnis li a:hover {
				font-weight: 200;
				color: #020000;
				cursor: pointer;
				text-decoration: underline;
				}

#verzeichnis li a:first-child {
				   
				}
#verzeichnis li:last-child {
 					
				}
#verzeichnis li a:hover {
 			 
}

#verzeichnissliste { 
				position: relative;
				top: 0px;
				left: 50%;
				transform: translateX(-50%);
				width: 80%;
				height: auto;
				min-height: calc(100vh - 116px);
				overflow: auto;
				z-index: 100;
				padding-left: 20px;
				padding-right: 12px;
				padding-top: 45px;
				background-color: yellow;
			}