responsive Design für Smartphones

css/article.css

@@ -97,3 +97,27 @@
 .wp-editor-scope .btn-publish:hover {
     background-color: #006ba1;
 }
+
+@media (max-width: 760px) {
+    .wp-editor-scope.editor-container {
+        /* Sidebar nach unten */
+        flex-direction: column;
+    }
+
+    .wp-editor-scope .editor-main {
+        /* weniger Innenabstand */
+        padding: 20px;
+    }
+
+    .wp-editor-scope #post-content {
+        /* Verhindert, dass das Textfeld auf kleinen Displays kollabiert */
+        min-height: 300px;
+    }
+
+    .wp-editor-scope .editor-sidebar {
+        width: 100%;
+        /* Entfernt den linken Rand und setzt ihn nach oben als Trenner */
+        border-left: none;
+        border-top: 1px solid #e0e0e0;
+    }
+}