Kleine fix für die Webseite

web/index_v6.html

@@ -1216,8 +1216,18 @@
             }
 
             .demo-panels {
+                grid-template-columns: repeat(3, 1fr);
                 min-height: 300px;
             }
+
+            section {
+                padding-top: 4rem;
+                padding-bottom: 4rem;
+            }
+
+            .features, .workflow, .demo, .techstack, .download {
+                padding: 4rem 0;
+            }
         }
 
         @media (max-width: 768px) {
@@ -1254,6 +1264,10 @@
                 padding: 2rem 1.5rem;
             }
 
+            .hero-measure {
+                display: none;
+            }
+
             .section-title {
                 font-size: 2rem;
             }
@@ -1286,16 +1300,46 @@
                 text-align: center;
             }
 
+            .footer-links {
+                flex-wrap: wrap;
+                justify-content: center;
+            }
+
             .footer-meta {
                 text-align: center;
             }
+
+            .features, .workflow, .demo, .techstack, .download {
+                padding: 3rem 0;
+            }
+
+            .section-subtitle {
+                margin-bottom: 2rem;
+            }
+
+            .code-block {
+                font-size: 0.75rem;
+                word-break: break-all;
+            }
         }
 
         @media (max-width: 480px) {
+            .container {
+                padding: 0 1rem;
+            }
+
             .hero-title {
                 font-size: 2.2rem;
             }
 
+            .hero-tagline {
+                font-size: 1.1rem;
+            }
+
+            .hero-panel {
+                padding: 1.5rem 1.25rem;
+            }
+
             .hero-actions {
                 flex-direction: column;
             }
@@ -1304,6 +1348,45 @@
                 width: 100%;
                 justify-content: center;
             }
+
+            .section-title {
+                font-size: 1.6rem;
+            }
+
+            .section-subtitle {
+                font-size: 0.95rem;
+            }
+
+            .download-panel {
+                padding: 1.5rem 1rem;
+            }
+
+            .install-step {
+                flex-direction: column;
+                gap: 0.5rem;
+            }
+
+            .install-step-num {
+                border-right: none;
+                border-bottom: 1px solid var(--concrete-surface);
+                padding-right: 0;
+                padding-bottom: 0.5rem;
+                width: auto;
+                justify-content: flex-start;
+            }
+
+            .tech-badge {
+                font-size: 0.7rem;
+                padding: 0.5rem 0.8rem;
+            }
+
+            .features, .workflow, .demo, .techstack, .download {
+                padding: 2.5rem 0;
+            }
+
+            .navbar-inner {
+                padding: 0 1rem;
+            }
         }
     </style>
 </head>