#projectName {
	position:absolute;
	top:50px;
	min-height:100px;
	color:#000;
	right:50px;
}
.menuHeader{
	display: flex;
	flex-direction: row;
	align-items:center;
	gap:15px;
	/*justify-content: space-between;*/
	margin:10px;
	margin-bottom:10px;

}



.scrollmenu2{
	display:none;
	position:fixed;
    top: 50%; /* 50% von der oberen Fensterkante */
    left:5%; /* 50% von der linken Fensterkante */
    transform: translate(-2%, -50%); /* Verschiebt das Element um die Hälfte seiner eigenen Breite und Höhe */
	height:auto;
	width:auto;
	background: rgba(255,255,255,0.9);
	padding-bottom:30px;
	width:20%;
	min-width:200px;
	
}




/*.menuHeader div{
    flex: 1 1 auto;   
    min-width: 0;
    
    text-align: center; 
    padding: 2px;
}*/



.container2 {
	overflow: auto;
	 
	width:100%;
	height:auto;  
} 

.container a {
	display: inline-block;
	text-decoration: none;
	border:1px solid#dfdfdf;
	padding: 40px;
	align-items:center;
	color:#393939;
}
/* layout hong */
.container2 a {
	display:block;
	text-decoration: none;

	padding: 2%;

	padding-left:15%;

	align-items:center;
	color:#393939;
}
.container2 a::marker {
	position:absolute;

}
.right {
  margin-left: auto; /* Drückt das Element nach rechts */
}
.menuentry{
	display:block;
	background-image: url('../img/bullet.png'); /* Hintergrundbild */
	background-size: 7px 7px; /* Hintergrundbildgröße: Breite x Höhe */
	background-position: left center; /* Position: links und vertikal zentriert */
	background-repeat: no-repeat; /* Verhindert Wiederholung des Hintergrunds */
	background-position: 0px 7px; /* Abstand von links und oben */
	padding-left:18px;
	
}
.unter{
	display:block;
	background-image: url('../img/bullet.png'); /* Hintergrundbild */
	background-size: 7px 7px; /* Hintergrundbildgröße: Breite x Höhe */
	background-position: left center; /* Position: links und vertikal zentriert */
	background-repeat: no-repeat; /* Verhindert Wiederholung des Hintergrunds */
	background-position: 0px 7px; /* Abstand von links und oben */
	padding-left:18px;
}
.headElm{
	cursor:pointer;
	width:10%;
}	
@media (max-width: 768px) { 
    /* Anpassung für Mobilgeräte */
    .menuentry, 
    .unter {
        background-size: 4px 4px; /* Kleiner für mobile Ansicht */
        padding-left: 14px;       /* Eventuell auch den Abstand anpassen */
        background-position: 0px 2px;
    }
}


@media (max-width: 767.98px) { 
 
	.scrollmenu2{
		margin-left:5%;
		left:0px;
	}
}

.headElm img{
    max-width: 100%; /* Bild skaliert mit dem Container */
    height: auto; /* Seitenverhältnis bleibt erhalten */
    object-fit: cover; /* Bild füllt den verfügbaren Platz */

}
@media (max-width: 768px) {
    .menuHeader {
        display: flex;
        flex-direction: row;
        align-items: center; /* Bild und Text mittig ausrichten */
        gap: 0px;
    }

    .menuHeader img {
       /* height: 20px;  Größere, einheitliche Höhe */
       /* width: auto;  Automatische Breite für das richtige Seitenverhältnis */
        object-fit: contain;
        flex-shrink: 0; /* Verhindert, dass das Bild schrumpft */

    }
	
	.headElm:not(.right) img {
    display: none;
	}
	.scrollmenu2 {
		padding-top: 1%;
	}

    .menuHeader h2 {
        margin: 0;
        line-height: 1.2;
    }
}