Add mealplan & shuffle tiles to home, restore print cover background, lower page numbers, and expand notes box

app/templates/cookbook.html

@@ -122,6 +122,12 @@
         display: block !important;
         padding: 50mm 14mm 16mm 14mm !important;
         text-align: center !important;
+        background-color: var(--creme, #FAF6F0) !important;
+        background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 200 800' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 5 0 Q 15 200 0 400 T 10 800 L 20 800 Q 10 600 25 400 T 15 0 Z' fill='%231E4D3B' opacity='0.9'/%3E%3Cpath d='M 35 0 Q 25 250 40 500 T 30 800 L 55 800 Q 65 500 45 250 T 50 0 Z' fill='%231E4D3B' opacity='0.85'/%3E%3Cpath d='M 70 0 Q 80 300 65 600 T 75 800 L 85 800 Q 75 500 90 300 T 80 0 Z' fill='%231E4D3B' opacity='0.9'/%3E%3Cpath d='M 105 0 Q 95 200 110 400 T 100 800 L 125 800 Q 135 600 120 400 T 125 0 Z' fill='%231E4D3B' opacity='0.8'/%3E%3Cpath d='M 140 0 Q 150 250 135 500 T 145 800 L 155 800 Q 145 500 160 250 T 150 0 Z' fill='%231E4D3B' opacity='0.9'/%3E%3Cpath d='M 175 0 Q 165 300 180 600 T 170 800 L 195 800 Q 205 500 185 300 T 190 0 Z' fill='%231E4D3B' opacity='0.85'/%3E%3C/svg%3E") !important;
+        background-size: 100% 100% !important;
+        background-repeat: no-repeat !important;
+        -webkit-print-color-adjust: exact !important;
+        print-color-adjust: exact !important;
         page-break-after: always !important;
         break-after: page !important;
         page-break-inside: avoid !important;
@@ -395,43 +401,38 @@
         flex: 1 1 auto !important;
       }
 
-      .notes-box {
+      .notes-box,
-        margin-top: 2.5mm !important;
+      .notes-box-empty {
-        padding: 4px 8px !important;
+        display: block !important;
-        font-size: 0.76rem !important;
+        margin-top: 3.5mm !important;
-        line-height: 1.2 !important;
+        padding: 6px 10px 8px 10px !important;
+        font-size: 0.80rem !important;
+        line-height: 1.25 !important;
         background: #FFF9D2 !important;
         background-color: #FFF9D2 !important;
         border: 1.5px dashed #D4C165 !important;
         border-radius: 6px !important;
+        min-height: 26mm !important;
+        box-sizing: border-box !important;
       }
 
       .notes-box-title {
         font-weight: 700 !important;
-        font-size: 0.78rem !important;
+        font-size: 0.82rem !important;
-        margin-bottom: 2px !important;
+        margin-bottom: 3px !important;
-      }
+        color: #554400 !important;
-
-      .notes-box-empty {
-        display: block !important;
-        padding: 4px 8px !important;
-        margin-top: 2.5mm !important;
-        background: #FFF9D2 !important;
-        background-color: #FFF9D2 !important;
-        border: 1.5px dashed #D4C165 !important;
-        border-radius: 6px !important;
       }
 
       .notes-blank-lines {
         display: flex !important;
         flex-direction: column !important;
-        gap: 6px !important;
+        gap: 0 !important;
         margin-top: 2px !important;
       }
 
       .notes-blank-line {
-        border-bottom: 1px dotted rgba(100, 90, 70, 0.4) !important;
+        border-bottom: 1.2px dotted rgba(140, 120, 60, 0.5) !important;
-        height: 8px !important;
+        height: 6.5mm !important;
         width: 100% !important;
       }
 
@@ -442,7 +443,7 @@
       /* 5. SEITENZAHL FEST IN DEN ECKEN DES BLATTES VERANKERT */
       .page-footer {
         position: absolute !important;
-        bottom: 6mm !important;
+        bottom: 3.5mm !important;
         left: 14mm !important;
         right: 14mm !important;
         width: auto !important;
@@ -828,7 +829,7 @@
                   </div>
                 {% else %}
                   <div class="notes-box notes-box-empty print-only">
-                    <div class="notes-box-title">💡 Eigene Notizen & Tipps</div>
+                    <div class="notes-box-title">💡 Tipp & Notiz</div>
                     <div class="notes-blank-lines">
                       <div class="notes-blank-line"></div>
                       <div class="notes-blank-line"></div>

app/templates/home.html

@@ -166,26 +166,32 @@
     .portal-cookbook .portal-icon-box {
       background: #EAF4EE;
     }
+    .portal-mealplan .portal-icon-box {
+      background: #EBF3F8;
+    }
+    .portal-shuffle .portal-icon-box {
+      background: #FDF1E7;
+    }
     .portal-shopping .portal-icon-box {
       background: #FFF8D6;
     }
 
     .portal-title {
       font-family: var(--font-hand);
-      font-size: 2.4rem;
+      font-size: 2.15rem;
       font-weight: 700;
       color: var(--tannengruen);
       margin: 0;
-      line-height: 1;
+      line-height: 1.05;
     }
 
     .portal-subtitle {
-      font-size: 0.92rem;
+      font-size: 0.90rem;
       color: #666;
       margin: 0;
       line-height: 1.35;
       font-weight: 500;
-      max-width: 240px;
+      max-width: 250px;
     }
 
     .portal-badge {
@@ -202,6 +208,14 @@
       background: #E8F2EC;
       color: var(--tannengruen);
     }
+    .portal-mealplan .portal-badge {
+      background: #E0EBF5;
+      color: #1A4D6E;
+    }
+    .portal-shuffle .portal-badge {
+      background: #FDE8D8;
+      color: #8A3B14;
+    }
     .portal-shopping .portal-badge {
       background: var(--gelb);
       color: #7A5C00;
@@ -272,21 +286,41 @@
     <div class="portal-grid">
 
       <!-- PORTAL 1: KOCHBUCH -->
-      <a href="/cookbook" class="portal-card portal-cookbook" title="Zum Kochbuch & Essensplaner">
+      <a href="/cookbook" class="portal-card portal-cookbook" title="Zum Kochbuch & allen Rezepten">
         <div class="portal-icon-box">📖</div>
         <div>
           <h2 class="portal-title">Kochbuch</h2>
-          <p class="portal-subtitle">Rezepte durchstöbern • Zufallsgenerator • Wochenmenüplan</p>
+          <p class="portal-subtitle">Rezepte durchstöbern • Suchen • Drucken & PDF</p>
           <span class="portal-badge">📖 {{ recipe_count }} Rezepte</span>
         </div>
       </a>
 
-      <!-- PORTAL 2: EINKAUFSLISTE -->
+      <!-- PORTAL 2: WOCHENMENÜ-PLAN -->
+      <a href="/cookbook?open=mealplan" class="portal-card portal-mealplan" title="Zum Wochenmenü-Plan">
+        <div class="portal-icon-box">📅</div>
+        <div>
+          <h2 class="portal-title">Wochenmenü-Plan</h2>
+          <p class="portal-subtitle">Mahlzeiten planen • Vorschau • Zutaten exportieren</p>
+          <span class="portal-badge">📅 KW {{ current_week }} planen</span>
+        </div>
+      </a>
+
+      <!-- PORTAL 3: SHUFFLE-GENERATOR -->
+      <a href="/cookbook?open=shuffle" class="portal-card portal-shuffle" title="Zum Shuffle-Generator">
+        <div class="portal-icon-box">🎲</div>
+        <div>
+          <h2 class="portal-title">Shuffle-Generator</h2>
+          <p class="portal-subtitle">Zufällige Gerichte würfeln • Vormerken & Kochen</p>
+          <span class="portal-badge">🎲 Zufallsauswahl</span>
+        </div>
+      </a>
+
+      <!-- PORTAL 4: EINKAUFSLISTE -->
       <a href="/shopping-list" class="portal-card portal-shopping" title="Zur Einkaufsliste">
         <div class="portal-icon-box">🛒</div>
         <div>
           <h2 class="portal-title">Einkaufsliste</h2>
-          <p class="portal-subtitle">Supermarkt-Laufweg • Live-Sync • Wochenplan-Import</p>
+          <p class="portal-subtitle">Supermarkt-Laufweg • Live-Sync • Abhaken</p>
           <span class="portal-badge">🛒 {{ open_shopping_count }} offene Artikel</span>
         </div>
       </a>