Neuer Vibia-Katalog

Registriere dich, um den Vibia-Katalog zu erhalten und entdecke eine Auswahl an Produkten und Lichteffekten, die dich inspirieren werden, einzigartige Projekte zu verwirklichen.

Registriere dich

Entdecke die neuesten Trends und Lichteffekte, die deine Projekte in unserem neuen digitalen Katalog wirklich außergewöhnlich machen.

Sei der Erste, der einzigartige Räume mit unseren neuen Kollektionen kreiert

Katalog anfordern

Bist du noch kein Mitglied in unserem Profi-Bereich?

Tritt bei und du kannst all unsere Werkzeuge nutzen, auf technisches Produktmaterial zugreifen, exklusiven Inhalt entdecken und an maßgeschneiderten Erlebnissen für Designprofis teilnehmen.

Downloads

Alles, was du brauchst: HR-Fotos, 2D- und 3D-Bibliotheken, BIM-Dateien, Produktdatenblätter, Photometrien und Montageanleitungen.

Angebote

Erhalte maßgeschneiderte Angebote für deine Projekte.

Installation und Wartung

Kontakt zu unserem technischen Service, um dir bei allen Fragen zu helfen.

Direkter Kontakt

Kommunikation mit dem Vibia-Ansprechpartner in deiner Region, um dich bei allen Fragen zu beraten.

Neuer Vibia-Katalog

Registriere dich, um den Vibia-Katalog zu erhalten und entdecke eine Auswahl an Produkten und Lichteffekten, die dich inspirieren werden, einzigartige Projekte zu verwirklichen.

Registriere dich

Vibia ist ein globales Beleuchtungsunternehmen mit Sitz in Barcelona.

Licht ist die Grundlage des Raumdesigns. Gemeinsam mit Architekten, Innenarchitekten, Lichtplanern, Ingenieuren und Händlern streben wir danach, die Welt durch ein einziges Ziel zu verbessern: bessere Räume zum Leben zu schaffen.

Vibia

Follow us

// Function to handle intersection function handleIntersect(entries, observer) { entries.forEach(entry => { if (entry.isIntersecting) { // Add class to make the section visible entry.target.classList.add('visible'); // Optionally stop observing the current target if only need animation once observer.unobserve(entry.target); } }); } // Options for the observer (we can adjust the threshold if needed) const options = { threshold: 0.1 // Trigger when 10% of the element is visible }; // Create the intersection observer const observer = new IntersectionObserver(handleIntersect, options); // Observe each section with the class 'hidden-section' document.querySelectorAll('.hidden-section').forEach(section => { observer.observe(section); }); // Add CSS for the hidden and visible states const style = document.createElement('style'); style.innerHTML = ` .hidden-section { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; } .hidden-section.visible { opacity: 1; transform: translateY(0); } `; document.head.appendChild(style);