From d913d0c145ec0c80cfa7f4c1800d4dd9be1b0570 Mon Sep 17 00:00:00 2001
From: the-eagle16 <haberaecker8@gmail.com>
Date: Mon, 22 Jun 2026 11:48:17 +0200
Subject: [PATCH] =?UTF-8?q?Bei=20Anmeldung=20Aktualisierungen=20vorgenomme?=
 =?UTF-8?q?n=20;=20Beschreibungen=20im=20Snack&Getr=C3=A4nke=20Men=C3=BC?=
 =?UTF-8?q?=20abge=C3=A4ndert/angepasst?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 97 +++++++++++++++++++++++++++++++++++++++++++++++-------
 1 file changed, 85 insertions(+), 12 deletions(-)

diff --git a/index.html b/index.html
index 4b03faa..e399baf 100644
--- a/index.html
+++ b/index.html
@@ -305,7 +305,7 @@
                             <div class="snack-info">
                                 <span class="badge">Metallbecher</span>
                                 <h3>Limitierter Metallbecher - Zoomania 2</h3>
-                                <p class="snack-card-note">Sammlerbecher mit Popcornfüllung, wahlweise süß oder salzig.</p>
+                                <p class="snack-card-note">Metall Sammelbecher im Zoomania 2 Design.</p>
                                 <div class="option-group">
                                     <button class="opt-btn active">Süß</button>
                                     <button class="opt-btn">Salzig</button>
@@ -343,7 +343,7 @@
                             <div class="snack-info">
                                 <span class="badge">Collector</span>
                                 <h3>Limitierter Sammelbecher - Scream VII</h3>
-                                <p class="snack-card-note">Hallo Sydney! Ghostface in der Tür.</p>
+                                <p class="snack-card-note">Hallo Sydney! Ghostface ist an der Tür.</p>
                                 <div class="option-group">
                                     <button class="opt-btn active">Süß</button>
                                     <button class="opt-btn">Salzig</button>
@@ -427,7 +427,7 @@
                             <div class="snack-info">
                                 <span class="badge">Metallbecher</span>
                                 <h3>Limitierter Metallbecher - Hoppers</h3>
-                                <p class="snack-card-note">Stabiler Becher mit Popcornfüllung.</p>
+                                <p class="snack-card-note">Metall Sammelbecher im HOPPERS Design.</p>
                                 <div class="option-group">
                                     <button class="opt-btn active">Süß</button>
                                     <button class="opt-btn">Salzig</button>
@@ -442,7 +442,7 @@
                             <div class="snack-info">
                                 <span class="badge">Collector</span>
                                 <h3>Limitierter Sammelbecher - Hoppers</h3>
-                                <p class="snack-card-note">Sammlerbecher mit warmem Popcornmoment.</p>
+                                <p class="snack-card-note">Limitierter Sammelbecher als Biberdamm - Mit verteckter Eidechse.</p>
                                 <div class="option-group">
                                     <button class="opt-btn active">Süß</button>
                                     <button class="opt-btn">Salzig</button>
@@ -480,7 +480,7 @@
                             <div class="snack-info">
                                 <span class="badge">Yoshi Cup</span>
                                 <h3>Limitierter Sammelbecher - Yoshi Becher</h3>
-                                <p class="snack-card-note">Verspielter Sammlerbecher für Mario-Fans.</p>
+                                <p class="snack-card-note">Limitierter Sammelbecher in der Form von Yoshi.</p>
                                 <div class="option-group">
                                     <button class="opt-btn active">Süß</button>
                                     <button class="opt-btn">Salzig</button>
@@ -841,6 +841,7 @@
                         <div class="snack-card highlight">
                             <div class="snack-img"><img src="img/nachokombigross.png" alt="Nacho Kombi Groß"></div>
                             <div class="snack-info">
+                                <span class="badge">Bestseller</span>
                                 <h3>Nacho Menü Groß</h3>
                                 <p class="snack-card-note">Nachos groß + 1 Dip + 1x 0,33L Getränk</p>
                                 <div class="option-group">
@@ -985,8 +986,14 @@
     <div class="account-login-box">
         <h2>Mein Konto</h2>
 
-        <input type="email" id="login-email" placeholder="E-Mail">
-        <input type="password" id="login-password" placeholder="Passwort">
+        <label class="auth-field">
+            <input type="email" id="login-email" placeholder="E-Mail" required data-required-message="E-Mail ist ein Pflichtfeld." data-email-message="Bitte gib eine gültige E-Mail-Adresse ein.">
+            <span class="field-error"></span>
+        </label>
+        <label class="auth-field">
+            <input type="password" id="login-password" placeholder="Passwort" required data-required-message="Passwort ist ein Pflichtfeld.">
+            <span class="field-error"></span>
+        </label>
         <button id="btn-forgot-password" type="button">Passwort vergessen?</button>
 
         <div id="login-error" class="hidden">
@@ -1001,14 +1008,80 @@
 
 
     <div id="register-modal" class="modal hidden">
-        <div class="modal-content account-auth-modal">
+        <div class="modal-content account-auth-modal register-auth-modal">
             <button id="btn-close-register" class="modal-close-btn" type="button" aria-label="Registrierung schliessen">&times;</button>
             <h2>Registrieren</h2>
             <p class="auth-modal-subtitle">Erstelle dein Konto für schnellere Buchungen.</p>
-            <input type="text" id="reg-firstname" placeholder="Vorname">
-            <input type="text" id="reg-lastname" placeholder="Nachname">
-            <input type="email" id="reg-email" placeholder="E-Mail">
-            <input type="password" id="reg-password" placeholder="Passwort">
+
+            <div class="register-form-grid">
+                <section class="register-form-section">
+                    <h3>Meine Daten</h3>
+                    <div class="gender-field auth-field" data-field-for="reg-salutation">
+                        <input type="hidden" id="reg-salutation" required data-required-message="Anrede ist ein Pflichtfeld.">
+                        <div class="gender-selector" role="group" aria-label="Anrede">
+                            <button type="button" data-gender="Frau">Frau</button>
+                            <button type="button" data-gender="Herr">Herr</button>
+                            <button type="button" data-gender="Divers">Divers</button>
+                        </div>
+                        <span class="field-error"></span>
+                    </div>
+                    <label class="auth-field">
+                        <input type="text" id="reg-firstname" placeholder="Vorname" required data-required-message="Vorname ist ein Pflichtfeld.">
+                        <span class="field-error"></span>
+                    </label>
+                    <label class="auth-field">
+                        <input type="text" id="reg-lastname" placeholder="Nachname" required data-required-message="Nachname ist ein Pflichtfeld.">
+                        <span class="field-error"></span>
+                    </label>
+                    <label class="auth-field">
+                        <input type="date" id="reg-birthday" placeholder="Geburtstag" required data-required-message="Geburtstag ist ein Pflichtfeld.">
+                        <span class="field-error"></span>
+                    </label>
+                    <div class="register-row street-row">
+                        <label class="auth-field">
+                            <input type="text" id="reg-street" placeholder="Straße" required data-required-message="Straße ist ein Pflichtfeld.">
+                            <span class="field-error"></span>
+                        </label>
+                        <label class="auth-field">
+                            <input type="text" id="reg-house-number" placeholder="Nr." required data-required-message="Hausnummer ist ein Pflichtfeld.">
+                            <span class="field-error"></span>
+                        </label>
+                    </div>
+                    <div class="register-row">
+                        <label class="auth-field">
+                            <input type="text" id="reg-zip" placeholder="PLZ" required data-required-message="PLZ ist ein Pflichtfeld.">
+                            <span class="field-error"></span>
+                        </label>
+                        <label class="auth-field">
+                            <input type="text" id="reg-city" placeholder="Ort" required data-required-message="Ort ist ein Pflichtfeld.">
+                            <span class="field-error"></span>
+                        </label>
+                    </div>
+                    <label class="auth-field">
+                        <select id="reg-country" required data-required-message="Land ist ein Pflichtfeld.">
+                            <option value="Deutschland">Deutschland</option>
+                            <option value="Österreich">Österreich</option>
+                            <option value="Schweiz">Schweiz</option>
+                            <option value="Luxemburg">Luxemburg</option>
+                        </select>
+                        <span class="field-error"></span>
+                    </label>
+                </section>
+
+                <section class="register-form-section">
+                    <h3>Anmeldeinformationen</h3>
+                    <label class="auth-field">
+                        <input type="email" id="reg-email" placeholder="E-Mail" required data-required-message="E-Mail ist ein Pflichtfeld." data-email-message="Bitte gib eine gültige E-Mail-Adresse ein.">
+                        <span class="field-error"></span>
+                    </label>
+                    <label class="auth-field">
+                        <input type="password" id="reg-password" placeholder="Passwort" required minlength="8" maxlength="32" data-required-message="Passwort ist ein Pflichtfeld." data-password-message="Passwort muss 8 bis 32 Zeichen haben.">
+                        <span class="field-error"></span>
+                    </label>
+                    <p class="register-warning">Achte auf eine korrekte E-Mail-Adresse. An diese Adresse wird deine Buchungsbestätigung gesendet.</p>
+                    <p class="register-warning">Passwort mit 8 bis 32 Zeichen.</p>
+                </section>
+            </div>
             <button id="btn-register-save" class="auth-submit-btn" type="button">Konto erstellen</button>
         </div>
     </div>