CSS glatt gezogen

buildtime/static/css/scpq_content.css

@@ -37,6 +37,7 @@ 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 */
 }

buildtime/static/css/scpq_footer.css

@@ -7,7 +7,6 @@ footer {
     border-radius: var(--box-border-radius);
     color: var(--secondary-font-color);
     margin: 16px;
-    padding: 10px;  
     @media (max-width: 768px) {
         padding: 0px; /* Adjust the padding for smaller screens */
         margin: 8px; /* Adjust the margin for smaller screens */

buildtime/templates/pages/index.html

@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="/static/css/scpq_footer.css">
     <link rel="stylesheet" href="/static/css/scpq_content.css">
     <title>Simply CPQ Material Editor V2</title>
-</head>
+</head> 
 <body>
     <header class="row">
         <div class="col-8 col-s-12">
@@ -16,7 +16,7 @@
         </div>  
     </header>
     <div class="row">
-        <nav class="col-2 col-s-6">
+        <nav class="col-2 col-s-12">
             <ul>
                 <li><a href="#">Eigenschaften</a></li>
                 <li><a href="#">Produkte</a></li>
@@ -40,9 +40,11 @@
             </div>
         </main>
     </div> <!-- Closing the initial row div -->
-    <footer class="row col-12">
-        <h6>&copy; 2026 Simply CPQ - All rights reserved - contact: <a href="mailto:Thomas.Sindt@gmx.de">Thomas.Sindt@gmx.de</a></h6>
-    </footer>
+    <footer class="row">
+        <div class="col-12 col-s-12">
+            <h6>&copy; 2026 Simply CPQ - All rights reserved - contact: <a href="mailto:Thomas.Sindt@gmx.de">Thomas.Sindt@gmx.de</a></h6>
+        </div>
+    </footer> <!-- Closing the footer row div -->
 
 </body>
 </html>