diff --git a/04_Tablet-Quiz/app/index.html b/04_Tablet-Quiz/app/index.html
index 99da6d2..0dff3e2 100644
--- a/04_Tablet-Quiz/app/index.html
+++ b/04_Tablet-Quiz/app/index.html
@@ -177,6 +177,8 @@
   .deckCard img{display:block;width:100%;height:auto}
   .cardThumb{display:block;width:150px;border-radius:8px;margin:0 auto 14px;box-shadow:0 2px 10px rgba(0,0,0,.12)}
   .choiceGrid{display:flex;flex-direction:column;gap:8px;margin:10px 0}
+  .choiceGrid.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
+  @media(max-width:440px){.choiceGrid.grid2{grid-template-columns:1fr}}
   .choice{text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;font-size:15px;font-weight:600}
   .choice:hover{border-color:var(--ink)}
   .choice.bad{border-color:var(--bad);background:#fdf3f3}
@@ -951,7 +953,7 @@ function renderClassify(){
       <h2 class="setupTitle">Welche Art von Change ist das?</h2>
       <p class="muted">Überlegt gemeinsam und wählt die passende Change-Art. Die Legende hilft beim Einordnen.</p>
       ${hint}
-      <div class="choiceGrid">${choices}</div>
+      <div class="choiceGrid grid2">${choices}</div>
       ${legend}
       <div class="actions"><button class="ghost" id="backDeck">← Andere Karte</button></div>`;
     $("#panel").querySelectorAll(".choice").forEach(el=>{