@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
        body {
            font-family: 'Inter', sans-serif;
            background-color: #6FC0F1;/* 👈 Hier de kleur van de PAGINA achtergrond */
        }
       	
   		 // Initialize Lucide icons on window load
    	window.onload = () => {
    	lucide.createIcons();
        };

    	// Initialiseer Lucide icons
    	// Dit zorgt ervoor dat de icons correct worden weergegeven na het laden van de pagina
   	 	// en na het dynamisch toevoegen van chatberichten.
    	lucide.createIcons();
		
		// Set the current year in the footer
        document.getElementById("jaar").textContent = new Date().getFullYear();
        
        // Disable right-click context menu
        document.addEventListener('contextmenu', event => event.preventDefault());

        // Hamburger menu functionality
        const menuButton = document.getElementById('menu-button');
        const hamburgerMenu = document.getElementById('hamburger-menu');

        if (menuButton && hamburgerMenu) {
            menuButton.addEventListener('click', (event) => {
                event.stopPropagation();
                hamburgerMenu.classList.toggle('hidden');
            });
        }

        // Close menu when clicking outside of it
        document.addEventListener('click', (event) => {
            if (hamburgerMenu && !hamburgerMenu.classList.contains('hidden')) {
                if (!hamburgerMenu.contains(event.target) && !menuButton.contains(event.target)) {
                    hamburgerMenu.classList.add('hidden');
                }
            }
        });

        /* Gebruik deze klasse om de hele laadindicator te verbergen/tonen */
        #loading-area {
            display: none; /* Standaard verborgen */
        }

		/* Plaats nieuwe css code hieronder */