From 13833ef41008a036871d42473faa1bf4a1d5aad9 Mon Sep 17 00:00:00 2001
From: Thomas <dornbirn@gmx.at>
Date: Fri, 24 Apr 2026 09:18:29 +0200
Subject: [PATCH] Lehrplan: modul-klima.php 2D/3D-Doppel-Launcher +
 Geraete-Hinweis
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Sonderfall im Partial fuer MODULE_ID=klima: zwei CTAs
  "2D starten" (primary) + "3D starten" (secondary), beide mit
  level=1 als Default
- WebGL-Hinweistext unter den CTAs (dezent, iPad Gen 8 als Schwelle,
  2D didaktisch identisch empfohlen)
- .md-device-hint CSS: fjord-Akzent, max-width 560px, 14px

Andere Module unveraendert — Single-CTA-Pfad bleibt Default.
Atlas' 19.04.-Toggle-Auftrag erledigt.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 App/pages/_partials/modul_detail.php | 29 +++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/App/pages/_partials/modul_detail.php b/App/pages/_partials/modul_detail.php
index 0bf73d3..8b2aed5 100644
--- a/App/pages/_partials/modul_detail.php
+++ b/App/pages/_partials/modul_detail.php
@@ -215,6 +215,17 @@ $countryMeta = [
   .md-cta-secondary:hover { background: var(--ggs-fjord-light); }
   .md-cta-secondary:active { transform: scale(0.98); }
 
+  /* Geräte-Hinweis unter den CTAs (z.B. WebGL-Hinweis bei Klima 3D) */
+  .md-device-hint {
+    margin-top: .9rem; max-width: 560px;
+    font-size: .85rem; line-height: 1.5; color: var(--ggs-text-muted);
+    padding: .7rem .9rem;
+    background: var(--ggs-fjord-light);
+    border-radius: var(--ggs-radius-sm);
+    border-left: 3px solid var(--ggs-fjord);
+  }
+  .md-device-hint strong { color: var(--ggs-fjord-dark); }
+
   /* ===== Meta-Bar (Dauer, Alter, Status) ===== */
   .md-meta {
     max-width: 1100px; margin: 0 auto 2rem; padding: 0 1.2rem;
@@ -444,7 +455,16 @@ $countryMeta = [
     <h1><span class="md-hero-icon"><?= esc($module['icon']) ?></span><?= esc($module['title']) ?></h1>
     <p class="md-hero-subtitle"><?= esc($shortDesc ?? $module['subtitle']) ?></p>
     <div class="md-hero-cta">
-      <?php if ($module['status'] === 'aktiv' || $module['status'] === 'beta'): ?>
+      <?php if ($MODULE_ID === 'klima'): ?>
+        <!-- Sonderfall: Klima hat zwei Varianten (2D + 3D). Beide starten dasselbe Level-
+             system, sind didaktisch identisch; die 3D-Variante benoetigt WebGL. -->
+        <a href="<?= $bp ?>/klima-2d?level=1" class="md-cta-btn md-cta-primary">
+          ▶ 2D starten
+        </a>
+        <a href="<?= $bp ?>/klima-3d?level=1" class="md-cta-btn md-cta-secondary">
+          ▶ 3D starten
+        </a>
+      <?php elseif ($module['status'] === 'aktiv' || $module['status'] === 'beta'): ?>
         <a href="<?= $bp ?>/<?= esc($module['play_url']) ?>" class="md-cta-btn md-cta-primary">
           ▶ Simulation starten
         </a>
@@ -457,6 +477,13 @@ $countryMeta = [
         📘 Lehrplan-Bezug
       </a>
     </div>
+    <?php if ($MODULE_ID === 'klima'): ?>
+      <p class="md-device-hint">
+        <strong>3D benötigt WebGL</strong> und etwas Rechenleistung. Läuft flüssig
+        auf iPads ab Generation 8 und auf Laptops ab 2019. Auf älteren Geräten
+        empfehlen wir die 2D-Variante — didaktisch identisch, gleiches Level-System.
+      </p>
+    <?php endif; ?>
   </div>
 </section>