KI-AGENT: Impressum auf Federspiel Technology aktualisiert

website/app/assets/css/main.css

@@ -436,6 +436,60 @@ footer {
   margin-bottom: 0;
 }
 
+.legal-page {
+  margin: 0 auto;
+  max-width: 1180px;
+  padding: clamp(3rem, 7vw, 6rem) clamp(1rem, 4vw, 2rem) 5rem;
+}
+
+.legal-heading {
+  max-width: 45rem;
+  margin-bottom: 2.5rem;
+}
+
+.legal-heading h1 {
+  max-width: none;
+}
+
+.legal-heading p,
+.legal-grid p {
+  color: #51605c;
+  font-size: 1.02rem;
+  line-height: 1.7;
+}
+
+.legal-grid {
+  display: grid;
+  gap: 1rem;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.legal-grid article {
+  background: rgba(255, 255, 255, 0.76);
+  border: 1px solid rgba(23, 33, 31, 0.1);
+  border-radius: 0.5rem;
+  padding: 1.35rem;
+}
+
+.legal-grid h2 {
+  font-size: 1.2rem;
+  margin-bottom: 0.75rem;
+}
+
+.legal-grid p {
+  margin-bottom: 0.8rem;
+}
+
+.legal-grid p:last-child {
+  margin-bottom: 0;
+}
+
+.legal-grid a {
+  color: var(--accent-dark);
+  font-weight: 700;
+  overflow-wrap: anywhere;
+}
+
 footer {
   align-items: center;
   border-top: 1px solid rgba(23, 33, 31, 0.1);
@@ -477,7 +531,8 @@ footer p {
   }
 
   .highlights,
-  .feature-grid {
+  .feature-grid,
+  .legal-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
@@ -531,7 +586,8 @@ footer p {
 
   .metric-row,
   .highlights,
-  .feature-grid {
+  .feature-grid,
+  .legal-grid {
     grid-template-columns: 1fr;
   }
 }