mobile optimierung

2026-01-26 17:48:10 +00:00 · 2026-01-26 17:48:10 +00:00 · 5c503a4087
parent 7e7a1cf06e
commit 5c503a4087
1 changed files with 62 additions and 0 deletions
--- a/docs/religionsfaecher_karte.html
+++ b/docs/religionsfaecher_karte.html
@ -231,6 +231,68 @@
                height: 400px;
            }
        }
+        
+        @media (max-width: 768px) {
+            body {
+                padding: 10px;
+            }
+            
+            .header {
+                padding: 20px;
+            }
+            
+            .header h1 {
+                font-size: 24px;
+            }
+            
+            .content {
+                flex-direction: column-reverse;
+                padding: 10px;
+                height: auto;
+                gap: 10px;
+            }
+            
+            #map {
+                height: 500px;
+                min-height: 500px;
+            }
+            
+            .sidebar {
+                width: 100%;
+                max-height: 350px;
+            }
+        }
+        
+        @media (max-width: 480px) {
+            .header h1 {
+                font-size: 18px;
+            }
+            
+            .header p {
+                font-size: 12px;
+            }
+            
+            #map {
+                height: 60vh;
+                min-height: 400px;
+            }
+            
+            .sidebar {
+                max-height: 40vh;
+            }
+            
+            .sidebar h2 {
+                font-size: 14px;
+            }
+            
+            .stats {
+                grid-template-columns: 1fr;
+            }
+            
+            .fach-list li {
+                font-size: 10px;
+            }
+        }
    </style>
 </head>
 <body>