From 5c503a40870dc5ec2d7a5cfcc53743a27694f1f7 Mon Sep 17 00:00:00 2001 From: joerglohrer Date: Mon, 26 Jan 2026 17:48:10 +0000 Subject: [PATCH] mobile optimierung --- docs/religionsfaecher_karte.html | 62 ++++++++++++++++++++++++++++++++ 1 file changed, 62 insertions(+) diff --git a/docs/religionsfaecher_karte.html b/docs/religionsfaecher_karte.html index 923f017..56fd1f2 100644 --- 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; + } + }