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>