Responsive Design: mobile Layout via streamlit-javascript

app.py

@@ -61,6 +61,15 @@ st.set_page_config(
 inject_css()
 
 
+# ── Responsive: Bildschirmbreite einmalig messen ───────────────────────────────
+def _is_mobile() -> bool:
+    if "screen_width" not in st.session_state:
+        from streamlit_javascript import st_javascript
+        w = st_javascript("window.innerWidth")
+        st.session_state["screen_width"] = int(w) if w else 1200
+    return st.session_state["screen_width"] < 768
+
+
 # ── Home page ──────────────────────────────────────────────────────────────────
 
 def render_home():
@@ -75,7 +84,8 @@ def render_home():
 """, unsafe_allow_html=True)
 
     # Feature tiles
-    col1, col2, col3 = st.columns(3)
+    mobile = _is_mobile()
+    col1, col2, col3 = st.columns(1 if mobile else 3)
     with col1:
         st.markdown("""<div class="at-feature-box">
 <div class="at-feature-icon">🗺️</div>
@@ -422,7 +432,8 @@ def main():
         2: "Länder + Vergleich Bundesländer",
         3: "Bundesland + Vergleich Kommunen",
     }
-    with st.expander("⚙️ Einstellungen", expanded=False):
+    mobile = _is_mobile()
+    with st.expander("⚙️ Einstellungen", expanded=mobile):
         _eu_names = sorted(EUROPEAN_COUNTRIES.keys())
         def _mob_scale_change():
             st.session_state["dl_option"] = st.session_state["_mob_scale"]
@@ -577,7 +588,7 @@ def main():
             current_n = int(trend_df[trend_df["year"] == CURRENT_YEAR]["count"].sum())
             peak_year = int(trend_df.loc[trend_df["count"].idxmax(), "year"])
 
-            col1, col2, col3 = st.columns(3)
+            col1, col2, col3 = st.columns(1 if _is_mobile() else 3)
             col1.metric(f"Gesamt {y_from}–{y_to}", f"{total_all:,}")
             col2.metric(f"Funde {CURRENT_YEAR} (live)", f"{current_n:,}")
             col3.metric("Jahr mit meisten Funden", str(peak_year))

requirements.txt

@@ -1,5 +1,6 @@
 streamlit>=1.57.0
 huggingface_hub>=0.23.0
+streamlit-javascript>=0.1.5
 streamlit-folium>=0.27.0
 pygbif>=0.6.6
 geopandas>=1.0.0