css/showCategory.css

@@ -1,9 +1,19 @@
 /* --- NEUES LAYOUT FÜR KATEGORIEN --- */
 .cat-view-container {
-    min-width: 0;
+    box-sizing: border-box;
+    max-width: 95%;
+    width: 95%;
+    margin: 2rem auto; 
+    padding: 0 1rem;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
     color: #212529;
     line-height: 1.5;
+    min-width: 0;
+}
+
+/* Verhindert Verzerren durch globale Styles im inneren Bereich */
+.cat-view-container * {
+    box-sizing: border-box;
 }
 
 .cat-view-header {
@@ -155,3 +165,17 @@
     color: #94a3b8;
     cursor: not-allowed;
 }
+
+/* Responsive Anpassungen unter 768px (Smartphones) */
+@media (max-width: 768px) {
+    .cat-view-container {
+        margin: 1rem auto;
+        width: 100%;
+        max-width: 100%;
+    }
+    .cat-view-pagination-footer {
+        flex-direction: column;
+        gap: 1rem;
+        align-items: flex-start;
+    }
+}