From 9cb9754e9cf4427b872cb327946d08d8abf92f0b Mon Sep 17 00:00:00 2001
From: DylanBarnes <leon.walter@stud.ph.weingarten.de>
Date: Wed, 3 Jun 2026 13:19:11 +0000
Subject: [PATCH] Quiz Seite erstellt und README aktualisiert

---
 css/style.css | 32 ++++++++++++++++++--------------
 index.html    |  2 +-
 quiz.html     |  2 +-
 3 files changed, 20 insertions(+), 16 deletions(-)

diff --git a/css/style.css b/css/style.css
index 647cedc..470ea55 100644
--- a/css/style.css
+++ b/css/style.css
@@ -4,11 +4,8 @@
   font-size: 2.5rem;
   font-weight: 700;
   text-align: center;
-  padding: 2rem 1rem;
-  margin: 1rem 0;
-  background: rgba(255, 255, 255, 0.9);
+  padding: 2rem;
   border-radius: 12px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   transition: all 0.5s ease;
 }
 
@@ -2195,27 +2192,32 @@ body.dark .kinetic-btn:hover {
 
 .quiz-answers {
   display: grid;
-  gap: 1rem;
+  gap: 1.5rem;
   margin: 2rem 0;
 }
 
 .answer-btn {
-  padding: 1rem 1.5rem;
-  border: 2px solid #e2e8f0;
+  padding: 1.75rem 2rem;
+  min-height: 70px;
+  border: 2px solid #cbd5e1;
   background: white;
   color: #1e293b;
-  border-radius: 12px;
-  font-size: 1rem;
+  border-radius: 16px;
+  font-size: 1.1rem;
   cursor: pointer;
   transition: all 0.3s ease;
   text-align: left;
-  font-weight: 500;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
 }
 
 .answer-btn:hover:not(:disabled) {
   border-color: #667eea;
-  background: rgba(102, 126, 234, 0.05);
-  transform: translateX(4px);
+  background: linear-gradient(135deg, rgba(102, 126, 234, 0.08), rgba(118, 75, 162, 0.05));
+  transform: translateX(6px) translateY(-2px);
+  box-shadow: 0 8px 20px rgba(102, 126, 234, 0.2);
 }
 
 .answer-btn:disabled {
@@ -2223,15 +2225,17 @@ body.dark .kinetic-btn:hover {
 }
 
 .answer-btn.correct {
-  background: #dcfce7;
+  background: linear-gradient(135deg, #dcfce7, #d1fae5);
   border-color: #16a34a;
   color: #15803d;
+  box-shadow: 0 4px 12px rgba(22, 163, 74, 0.2);
 }
 
 .answer-btn.incorrect {
-  background: #fee2e2;
+  background: linear-gradient(135deg, #fee2e2, #fecaca);
   border-color: #dc2626;
   color: #991b1b;
+  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.2);
 }
 
 .feedback {
diff --git a/index.html b/index.html
index 2cd1eb7..4f607c0 100644
--- a/index.html
+++ b/index.html
@@ -26,7 +26,7 @@
         <span class="word" style="--index: 3">Website!</span>
       </h1>
       <p class="hero-subtitle">Ein interaktives Lernprojekt im Bereich der Web-Entwicklung</p>
-      <p class="hero-subtitle" id="begruessung"></p>
+      <p  id="begruessung"></p>
       <div class="scroll-indicator">
         <span>Scroll zum Erkunden</span>
         <svg class="scroll-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
diff --git a/quiz.html b/quiz.html
index da3b7af..61b0d96 100644
--- a/quiz.html
+++ b/quiz.html
@@ -13,7 +13,7 @@
 
 <main>
   <section class="content-section">
-    <h1 class="section-title">🧠 EIS Mini-Quiz</h1>
+    <h1 class="section-title">EIS Mini-Quiz</h1>
     <p class="section-subtitle">Teste dein Wissen über Web-Entwicklung und unsere PH Weingarten!</p>
     
     <div id="quiz-container" class="quiz-container">