Warum unsere Hebebühne? 🌳 🛠️ ⚙️ Entdecken Sie unsere Vorteile Klicken Sie auf die Buttons, um mehr zu erfahren! let activeFact = null; function toggleFact(fact) { const facts = [ { title: "🌳 Nachhaltigkeit trifft Spaß", description: "Unser Modell besteht aus biologisch abbaubarem Kunststoff, der umweltfreundlich und sicher ist. So lernen Kinder nicht nur Technik, sondern auch Verantwortung für unsere Umwelt – spielerisch und zukunftsorientiert!", bgColor: "#e0f9e0" }, { title: "🛠️ Lernen durch Bauen", description: "Dank unseres innovativen VisuBau-Prinzips entdecken Kinder die Welt der Technik völlig selbstständig! Statt klassischer Anleitungen nutzen sie Skizzen und logische Verbindungen, um die Hebebühne eigenständig zu konstruieren. So werden Problemlösungsfähigkeit, Kreativität und technisches Verständnis auf spielerische Weise gefördert. Technik, Wissen und Freude – alles in einem Set!", bgColor: "#d5f8d5" }, { title: "⚙️ Technik zum Anfassen", description: "Mit der hydraulischen Hebebühne lernen Kinder spielerisch, wie Hydraulik funktioniert. Vom Zusammenbau bis zur Anwendung erleben sie Technik, wie sie in der Realität genutzt wird – ein ideales Sprungbrett in die Welt der TechnikerInnen!", bgColor: "#c9f7c9" } ]; const container = document.getElementById('fact-container'); // Check if the same button was clicked again if (activeFact === fact) { container.style.opacity = 0; setTimeout(() => (container.style.display = 'none'), 1000); activeFact = null; } else { // Update the fact-container with the selected fact document.getElementById('fact-title').innerText = facts[fact - 1].title; document.getElementById('fact-description').innerText = facts[fact - 1].description; container.style.backgroundColor = facts[fact - 1].bgColor; // Show the fact-container with animation container.style.display = 'block'; setTimeout(() => (container.style.opacity = 1), 10); activeFact = fact; } } Hier kannst du zugehörige Dateien herunterladen: Datei herunterladen .download-link button:hover { background-color: #007BFF; /* Blau */ color: black; /* Schwarze Schrift */ }
