<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Eis‑Empire</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Eis‑Empire</h1>
<!-- Geldstand -->
<div id="money">Geld: 0 €</div>
<!-- Kunden‑Queue -->
<section id="queue">
<h2>Kunden</h2>
<ul id="customers"></ul>
</section>
<!-- Mix‑Panel -->
<section id="mix">
<h2>Mix‑Panel</h2>
<div class="ingredients">
<button data-ingredient="Vanille">Vanille</button>
<button data-ingredient="Schokolade">Schokolade</button>
<button data-ingredient="Erdbeere">Erdbeere</button>
<button data-ingredient="Streusel">Streusel</button>
<button data-ingredient="Schokosoße">Schokosoße</button>
</div>
<button id="serveBtn">Servieren</button>
<div id="currentMix">Aktuelle Mischung: –</div>
</section>
<!-- Upgrade‑Panel -->
<section id="upgrades">
<h2>Upgrades</h2>
<button id="upgradeMixer">Turbo‑Mixer (Kosten: 50 €)</button>
</section>
<script src="script.js"></script>
</body>
</html>