M4: PWA + Mobile-UX – Manifest/Service-Worker + Icons, Auf/Ab-Reorder, FAB, Touch-Targets + Safe-Area, Nav-Entdupidung, Heute-Highlight, Aktions-Trennung (Abhaken vs. Bearbeiten/Löschen), OIDC-Fixes + PWA-Tests

templates/mahlzeiten/tage.html.twig

@@ -4,10 +4,10 @@
 
 {% block body %}
     <div class="card">
-        <div class="row-between">
+        <div class="page-head">
             <div>
-                <h1 style="margin: 0;">Tagesansicht</h1>
-                <div class="muted" style="margin-top: 0.2rem;">Alle Mahlzeiten nach Wochentag</div>
+                <h1>Tagesansicht</h1>
+                <div class="subtitle">Alle Mahlzeiten nach Wochentag</div>
             </div>
             <div class="actions">
                 <a class="btn btn-link" href="{{ path('mahlzeiten_index') }}">← Mahlzeiten</a>
@@ -16,10 +16,10 @@
         </div>
 
         {% if total == 0 %}
-            <p class="muted" style="margin-top: 1rem;">Noch keine Mahlzeiten angelegt.</p>
+            <p class="empty">Noch keine Mahlzeiten angelegt.</p>
         {% else %}
             {% for tag, mahlzeiten in tage %}
-                <h2 style="margin: 1.25rem 0 0;">{{ tag }}</h2>
+                <h2 data-count="{{ mahlzeiten|length }}" {% if tag == heute %}data-heute="1"{% endif %}>{{ tag }}</h2>
                 <ul class="list">
                     {% for m in mahlzeiten %}
                         {{ include('mahlzeiten/_mahlzeit.html.twig', { m: m }) }}