Menü funktioniert nicht //html//

Hallo allezusamen. :) Ich komme mit meiner Website nicht weiter. Das Problem: Ich habe in meiner Website ein Menü eingebaut. Das Ziel des Menüs ist dass, man über den Menüpunkt "Klassen" geht und dann erscheint eine Untermenü (Klasse 5- 10). Wenn man dann wieder Über eine Klasse geht, erscheint das unterste Menü mit den Fächern. Jedoch verschiebt sich die Ganze Navigationsleist wenn man über die 7- 10 Klasse geht.
Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

<!DOCTYPE html>
<html lang="de">
<head>
<title> Gymnasiallernen </title>
<meta charset="utf-8" >
<link href="/css_webseite/awesome.css" rel="stylesheet">
<style>
header{
text-align:center;
font-size:20px;
padding:10px;
}
body{
background:rgba(11,11,11,0.4);
height:1000px;
font-family: sans-serif;
}
*{
padding:0;
margin:0;
box-sizing: border-box;
list-style-type: none;
}
.Menu {
background:rgb(2, 64, 134);
height: 125px;
padding-top:5px;
position:sticky;
top:0px;
left:0px;
}
.Menu ul {
display:inline-flex;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX