Treeview und Formfeld als Dummy aufgebaut

buildtime/static/css/scpq_content.css

@@ -3,7 +3,7 @@
 main {
     padding: var(--main-content-padding);
     margin: 16px;
-    height: calc(100vh - var(--header-height) - var(--footer-height) - 4 * var(--main-content-padding) - 64px);
+    height: calc(100vh - var(--header-height) - var(--footer-height) - 4 * var(--main-content-padding));
     /* 32px für die Margen */
     overflow-y: auto;
     /* Scrollbar, wenn der Inhalt zu groß ist */
@@ -12,7 +12,7 @@ main {
 }
 
 nav {
-    height: calc(100vh - var(--header-height) - var(--footer-height) - 4 * var(--main-content-padding) - 64px);
+    height: calc(100vh - var(--header-height) - var(--footer-height) - 4 * var(--main-content-padding));
     overflow-y: auto;
     /* Scrollbar, wenn der Inhalt zu groß ist */
     display: flex; /* Macht die Liste horizontal */
@@ -26,10 +26,10 @@ nav {
     }
     padding: 5px; 
     background-color: var(--primary-color);
+    color: var(--secondary-font-color);
 }
 
 nav ul {
-    padding-top: 15px; /* Entfernt die Standard-Padding der Liste */
     list-style-type: none; /* Entfernt die Standard-Aufzählungszeichen */
 
     flex-wrap: wrap; /* Elemente umbrechen, wenn der Platz nicht ausreicht */
@@ -37,7 +37,6 @@ nav ul {
 }
 
 nav ul li a {
-    padding-top: 16px; /* Abstand oben für die Links */
     text-decoration: none; /* Entfernt die Unterstreichung */
     color: var(--secondary-font-color); /* Setzt die Schriftfarbe */
 }
@@ -46,6 +45,13 @@ nav ul li a:hover {
     font-weight: bold; /* Macht den Text fett */
 }
 
+.rootNode {
+    padding-top: 28px;
+    /* Einrückung für die Wurzelknoten */
+    color: var(--primary-color);
+    font-weight: bold;
+}
+
 .editor-container {
     height: calc(100vh - var(--header-height) - var(--footer-height) - 4 * var(--main-content-padding) - 96px);
     display: flex;
@@ -83,7 +89,7 @@ nav ul li a:hover {
 }
 
 .leaf {
-    padding-left: 20px;
+    padding-left: 28px;
     /* Einrückung für Blätter */
     color: var(--primary-color);
     font-weight: lighter;