{"id":18,"date":"2022-10-20T09:05:56","date_gmt":"2022-10-20T07:05:56","guid":{"rendered":"https:\/\/enter.dvdv.hu\/?page_id=18"},"modified":"2023-02-09T18:10:12","modified_gmt":"2023-02-09T17:10:12","slug":"enterlumi","status":"publish","type":"page","link":"https:\/\/enter.dvdv.hu\/nl\/","title":{"rendered":"Enter<strong> lumi<\/strong>"},"content":{"rendered":"<style>\n    #aboutsection{\n        opacity: 0;\n    }\n    #aboutsection.is-inview{\n        opacity: 1;\n    }\n\n    \n<\/style>\n<section id=\"aboutsection\" class=\"w-full grid grid-cols-12 relative transition duration-1000 ease-in-out\" data-scroll data-scroll-repeat=\"true\" data-scroll-direction=\"horizontal\">\n\n            <div class=\"col-span-12 pt-16 pb-4 md:pb-8 md:pt-20\"><h2>Mrs<strong>.<\/strong> &amp; Mr<strong>. LUMI<\/strong><\/h2><\/div>\n        <div class=\"col-span-12 sm:col-span-5 md:col-span-6 md:pr-[4.16666666vw]\">\n        <figure class=\"w-full\" data-scroll>\n            <img decoding=\"async\" class=\"w-full\" src=\"https:\/\/enter.dvdv.hu\/wp-content\/uploads\/2023\/01\/Jamie-en-Mira.jpg\" alt=\"Mr. &#038; Mrs. Lumi\">\n            <figcaption class=\"text-p1m md:text-p1 font-aff mt-2\"><\/figcaption>\n        <\/figure>\n        \n       \n    <\/div>\n    <div class=\"col-span-12 pt-4 md:pt-0 sm:col-span-7 md:col-span-6 block\">\n        <h4>Enter <strong>LUMI<\/strong> wordt gerund door Mira Matic en Jamie van Lede. Als levens- en werkpartners bundelen zij twee decennia aan ervaring op het gebied van duurzame architectuur, tentoonstellingsontwerp, visuele verhalen en ruimtecreatie. Als ruimtelijk ontwerper heeft Mira samengewerkt met kunstenaars, fotografen, musea en kunstinstellingen van over de hele wereld. Jamie is een prijswinnende en baanbrekende architect die gespecialiseerd is in duurzame architectuur, inheems bouwen en ecologisch ontwerp.<\/h4>\n        <a class=\"block md:pt-9 text-h4m sm:text-h4t md:text-h4 lg:text-h4lg font-aff underline hover:no-underline mt-4 md:mt-0\" href=\"https:\/\/enter.dvdv.hu\/nl\/about-us\/\">Lees meer<\/a>\n            <\/div>\n\n<\/section>\n\n\n\n<section class=\"anim4 w-full relative my-14 md:my-28 inline-block\" data-scroll-speed=\".5\" data-scroll data-scroll-repeat=\"true\">\n    <span><\/span>\n    <span><\/span>\n    <span><\/span>\n<\/section>\n<style>\n   \n    section{\n        --size: -0.25rem;\n        --size2: 0.25rem;\n        --size3: .5rem;\n        --size4: -.5rem;\n    }\n    @media (min-width:768px){\n        section{\n            --size: -0.5rem;\n            --size2: 0.5rem;\n            --size3: 1rem;\n            --size4: -1rem;\n        }\n    }\n    .anim1 span:nth-child(1){\n        transform: rotate(-90deg)translateX(var(--size));\n    }\n\n    .anim1 span:nth-child(2){\n        transform: rotate(0deg)translateX(var(--size));\n    }\n\n    .anim1 span:nth-child(3){\n        transform: rotate(90deg)translateX(var(--size));\n    }\n    .anim1.is-inview span:nth-child(1){\n        transform: rotate(90deg)translateX(var(--size));\n    }\n\n    .anim1.is-inview span:nth-child(3){\n        transform: rotate(-90deg)translateX(var(--size));\n    }\n\n\n    .anim2 span:nth-child(1){\n        transform: rotate(-90deg)translateX(var(--size2));\n    }\n\n    .anim2 span:nth-child(2){\n        transform: rotate(0deg)translateX(var(--size2));\n    }\n\n    .anim2 span:nth-child(3){\n        transform: rotate(90deg)translateX(var(--size2));\n    }\n    .anim2.is-inview span:nth-child(1){\n        transform: rotate(90deg)translateX(var(--size2));\n    }\n\n    .anim2.is-inview span:nth-child(3){\n        transform: rotate(-90deg)translateX(var(--size2));\n    }\n\n\n    .anim3 span:nth-child(1){\n        transform: rotate(-90deg)translateX(var(--size3));\n    }\n\n    .anim3 span:nth-child(2){\n        transform: rotate(0deg)translateX(var(--size3));\n    }\n\n    .anim3 span:nth-child(3){\n        transform: rotate(-45deg)translateX(var(--size3));\n    }\n    .anim3.is-inview span:nth-child(1){\n        transform: rotate(0deg)translateX(var(--size3));\n    }\n\n    .anim3.is-inview span:nth-child(3){\n        transform: rotate(-45deg)translateX(var(--size3));\n    }\n\n    .anim3.is-inview span:nth-child(2){\n        transform: rotate(-90deg)translateX(var(--size3));\n    }\n\n\n     .anim3 span:nth-child(1){\n        transform: rotate(-90deg)translateX(var(--size3));\n    }\n\n    .anim3 span:nth-child(2){\n        transform: rotate(0deg)translateX(var(--size3));\n    }\n\n    .anim3 span:nth-child(3){\n        transform: rotate(-45deg)translateX(var(--size3));\n    }\n    .anim3.is-inview span:nth-child(1){\n        transform: rotate(0deg)translateX(var(--size3));\n    }\n\n    .anim3.is-inview span:nth-child(3){\n        transform: rotate(-45deg)translateX(var(--size3));\n    }\n\n    .anim3.is-inview span:nth-child(2){\n        transform: rotate(-90deg)translateX(var(--size3));\n    }\n\n\n\n\n\n\n\n    .anim4 span:nth-child(1){\n        transform: rotate(45deg)translateY(var(--size4));\n    }\n\n    .anim4 span:nth-child(2){\n        transform: rotate(0deg)translateY(var(--size4));\n    }\n\n    .anim4 span:nth-child(3){\n        transform: rotate(-45deg)translateY(var(--size4));\n    }\n    .anim4.is-inview span:nth-child(1){\n        transform: rotate(0deg)translateY(var(--size4));\n    }\n\n    .anim4.is-inview span:nth-child(2){\n        transform: rotate(-45deg)translateY(var(--size4));\n    }\n\n    .anim4.is-inview span:nth-child(3){\n        transform: rotate(45deg)translateY(var(--size4));\n    }\n<\/style>\n\n\n<h2 class=\"alignfull wp-block-heading\">Onze <strong>DIENSTEN<\/strong><\/h2>\n\n\n\n<section class=\"internal-links flex flex-wrap mt-8 md:mt-32 pb-7 md:pb-16 relative justify-end sm:justify-start\">\n            <!-- <div class=\"absolute md:bottom-28 left-4 transition-all duration-300 section-anim\">\n            <span class=\"h-4 w-28 bg-black block absolute bottom-0 left-0\"><\/span>\n            <span class=\"h-4 w-28 bg-black block absolute bottom-0 left-0\"><\/span>\n            <span class=\"h-4 w-28 bg-black block absolute bottom-0 left-0\"><\/span>\n        <\/div> -->\n        <div class=\"w-full sm:w-4\/12 mb-8 sm:mb-0\">\n            <h3 class=\"font-jak uppercase title-elem opacity-0 transition duration-500 ease-out\" data-scroll data-scroll-repeat=\"true\" data-scroll-offset=\"25%\">WIJ<\/h3>\n            <h3 class=\"font-jak uppercase title-elem opacity-0 transition duration-500 ease-out\" data-scroll data-scroll-repeat=\"true\" data-scroll-offset=\"25%\">\r\nONTWERPEN<\/h3>\n            <h3 class=\"font-jak uppercase title-elem opacity-0 transition duration-500 ease-out\" data-scroll data-scroll-repeat=\"true\" data-scroll-offset=\"25%\">\r\nRUIMTE<\/h3>\n\n    <\/div>\n    <div class=\"w-10\/12 sm:w-8\/12 grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-6\">\n                    <a href=\"https:\/\/enter.dvdv.hu\/nl\/lumi-architecture\/\" class=\"transition duration-300 ease-in-out place-content-start translate-y-0 md:hover:-translate-y-4 w-full grid grid-cols-1 gap-2\">\n                            <figure class=\"aspect-video w-full\">\n                    <img decoding=\"async\" class=\"h-full w-full object-cover\" src=\"https:\/\/enter.dvdv.hu\/wp-content\/uploads\/2023\/01\/SP2014-Woning-Lanxmeer-Culemborg-Exterieur-25-HiRes-1024x682.jpg\" alt=\"Architecture\">\n                <\/figure>\n                            <h4><span class=\"lumi-text font-jak\">LUMI <\/span>Architectuur<\/h4>\n                <p class=\"p2 font-jakr leading-tight\">Duurzame architectuur ge\u00efnspireerd door kunst en natuur.<\/p>\n            <\/a>\n                        <a href=\"https:\/\/enter.dvdv.hu\/nl\/exhibition\/\" class=\"transition duration-300 ease-in-out place-content-start translate-y-0 md:hover:-translate-y-4 w-full grid grid-cols-1 gap-2\">\n                            <figure class=\"aspect-video w-full\">\n                    <img decoding=\"async\" class=\"h-full w-full object-cover\" src=\"https:\/\/enter.dvdv.hu\/wp-content\/uploads\/2023\/01\/Vivian3-1024x683.jpg\" alt=\"Exhibitions\">\n                <\/figure>\n                            <h4><span class=\"lumi-text font-jak\">LUMI <\/span>Tentoonstellingen<\/h4>\n                <p class=\"p2 font-jakr leading-tight\">Het ontwerpen van creatieve ruimte voor kunst, fotografie en visueel verhalen vertellen.<\/p>\n            <\/a>\n                <\/div>\n\n\n<\/section>\n\n\n<section class=\"internal-links flex flex-wrap mt-8 md:mt-32 pb-7 md:pb-16 relative justify-end sm:justify-start\">\n            <!-- <div class=\"absolute md:bottom-28 left-4 transition-all duration-300 section-anim\">\n            <span class=\"h-4 w-28 bg-black block absolute bottom-0 left-0\"><\/span>\n            <span class=\"h-4 w-28 bg-black block absolute bottom-0 left-0\"><\/span>\n            <span class=\"h-4 w-28 bg-black block absolute bottom-0 left-0\"><\/span>\n        <\/div> -->\n        <div class=\"w-full sm:w-4\/12 mb-8 sm:mb-0\">\n            <h3 class=\"font-jak uppercase title-elem opacity-0 transition duration-500 ease-out\" data-scroll data-scroll-repeat=\"true\" data-scroll-offset=\"25%\">WIJ<\/h3>\n            <h3 class=\"font-jak uppercase title-elem opacity-0 transition duration-500 ease-out\" data-scroll data-scroll-repeat=\"true\" data-scroll-offset=\"25%\">\r\nBIEDEN<\/h3>\n            <h3 class=\"font-jak uppercase title-elem opacity-0 transition duration-500 ease-out\" data-scroll data-scroll-repeat=\"true\" data-scroll-offset=\"25%\">\r\nRUIMTE<\/h3>\n\n    <\/div>\n    <div class=\"w-10\/12 sm:w-8\/12 grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-6\">\n                    <a href=\"https:\/\/enter.dvdv.hu\/nl\/meetings\/\" class=\"transition duration-300 ease-in-out place-content-start translate-y-0 md:hover:-translate-y-4 w-full grid grid-cols-1 gap-2\">\n                            <figure class=\"aspect-video w-full\">\n                    <img decoding=\"async\" class=\"h-full w-full object-cover\" src=\"https:\/\/enter.dvdv.hu\/wp-content\/uploads\/2023\/01\/LUMI-Meetings-1024x683.jpg\" alt=\"Meetings\">\n                <\/figure>\n                            <h4><span class=\"lumi-text font-jak\">LUMI <\/span>Vergaderingen<\/h4>\n                <p class=\"p2 font-jakr leading-tight\">Een plek in de natuur net buiten Rotterdam voor vergaderingen, workshops, trainingen en teambuilding.<\/p>\n            <\/a>\n                        <a href=\"https:\/\/enter.dvdv.hu\/nl\/rooms\/\" class=\"transition duration-300 ease-in-out place-content-start translate-y-0 md:hover:-translate-y-4 w-full grid grid-cols-1 gap-2\">\n                            <figure class=\"aspect-video w-full\">\n                    <img decoding=\"async\" class=\"h-full w-full object-cover\" src=\"https:\/\/enter.dvdv.hu\/wp-content\/uploads\/2023\/01\/Lumi-HR-2493-1024x683.jpg\" alt=\"Rooms\">\n                <\/figure>\n                            <h4><span class=\"lumi-text font-jak\">LUMI <\/span>Ruimtes<\/h4>\n                <p class=\"p2 font-jakr leading-tight\">Een verrassend overnachtingsverblijf om ge\u00efnspireerd en creatief te worden.<\/p>\n            <\/a>\n                <\/div>\n\n\n<\/section>\n\n\n<section class=\"internal-links flex flex-wrap mt-8 md:mt-32 pb-7 md:pb-16 relative justify-end sm:justify-start\">\n            <!-- <div class=\"absolute md:bottom-28 left-4 transition-all duration-300 section-anim\">\n            <span class=\"h-4 w-28 bg-black block absolute bottom-0 left-0\"><\/span>\n            <span class=\"h-4 w-28 bg-black block absolute bottom-0 left-0\"><\/span>\n            <span class=\"h-4 w-28 bg-black block absolute bottom-0 left-0\"><\/span>\n        <\/div> -->\n        <div class=\"w-full sm:w-4\/12 mb-8 sm:mb-0\">\n            <h3 class=\"font-jak uppercase title-elem opacity-0 transition duration-500 ease-out\" data-scroll data-scroll-repeat=\"true\" data-scroll-offset=\"25%\">WIJ BRENGEN<\/h3>\n            <h3 class=\"font-jak uppercase title-elem opacity-0 transition duration-500 ease-out\" data-scroll data-scroll-repeat=\"true\" data-scroll-offset=\"25%\">\r\nRUIMTE<\/h3>\n            <h3 class=\"font-jak uppercase title-elem opacity-0 transition duration-500 ease-out\" data-scroll data-scroll-repeat=\"true\" data-scroll-offset=\"25%\">\r\nTOT LEVEN<\/h3>\n\n    <\/div>\n    <div class=\"w-10\/12 sm:w-8\/12 grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-6\">\n                    <a href=\"https:\/\/enter.dvdv.hu\/nl\/events\/\" class=\"transition duration-300 ease-in-out place-content-start translate-y-0 md:hover:-translate-y-4 w-full grid grid-cols-1 gap-2\">\n                            <figure class=\"aspect-video w-full\">\n                    <img decoding=\"async\" class=\"h-full w-full object-cover\" src=\"https:\/\/enter.dvdv.hu\/wp-content\/uploads\/2023\/01\/220830-MIRA-MATIC_220827-FE0256-FredErnst-1600px-1-1024x637.jpg\" alt=\"Events\">\n                <\/figure>\n                            <h4><span class=\"lumi-text font-jak\">LUMI <\/span>Evenementen<\/h4>\n                <p class=\"p2 font-jakr leading-tight\">Van concerten tot kampvuuravonden. Van creatieve diners tot inspirerende lezingen. We vinden het leuk om evenementen te organiseren en onze plek te delen met gelijkgestemde mensen.<\/p>\n            <\/a>\n                        <a href=\"https:\/\/enter.dvdv.hu\/nl\/art-collection\/\" class=\"transition duration-300 ease-in-out place-content-start translate-y-0 md:hover:-translate-y-4 w-full grid grid-cols-1 gap-2\">\n                            <figure class=\"aspect-video w-full\">\n                    <img decoding=\"async\" class=\"h-full w-full object-cover\" src=\"https:\/\/enter.dvdv.hu\/wp-content\/uploads\/2023\/01\/Lumi-HR-2449-1024x683.jpg\" alt=\"Art Collection\">\n                <\/figure>\n                            <h4><span class=\"lumi-text font-jak\">LUMI <\/span>Kunstcollectie<\/h4>\n                <p class=\"p2 font-jakr leading-tight\">We houden van kunst en werken graag samen met creatieve geesten. We integreren kunst in onze projecten en adviseren kunstenaars over hoe ze hun werk kunnen tentoonstellen. En we houden ervan kunst te verzamelen die ge\u00efnspireerd is op de natuur.<\/p>\n            <\/a>\n                        <a href=\"https:\/\/enter.dvdv.hu\/nl\/library\/\" class=\"transition duration-300 ease-in-out place-content-start translate-y-0 md:hover:-translate-y-4 w-full grid grid-cols-1 gap-2\">\n                            <figure class=\"aspect-video w-full\">\n                    <img decoding=\"async\" class=\"h-full w-full object-cover\" src=\"https:\/\/enter.dvdv.hu\/wp-content\/uploads\/2023\/01\/Lumi-HR-2460-683x1024.jpg\" alt=\"Library\">\n                <\/figure>\n                            <h4><span class=\"lumi-text font-jak\">LUMI <\/span>Bibliotheek<\/h4>\n                <p class=\"p2 font-jakr leading-tight\">Onze collectie van meer dan 5000 boeken over architectuur, natuur, ecologie, kunst, fotografie, antropologie, design en meer.<\/p>\n            <\/a>\n                        <a href=\"https:\/\/enter.dvdv.hu\/nl\/lumi-academy\/\" class=\"transition duration-300 ease-in-out place-content-start translate-y-0 md:hover:-translate-y-4 w-full grid grid-cols-1 gap-2\">\n                            <figure class=\"aspect-video w-full\">\n                    <img decoding=\"async\" class=\"h-full w-full object-cover\" src=\"https:\/\/enter.dvdv.hu\/wp-content\/uploads\/2023\/01\/SP2016-Vijverschie-2-1024x682.jpg\" alt=\"Academy\">\n                <\/figure>\n                            <h4><span class=\"lumi-text font-jak\">LUMI <\/span>Academie<\/h4>\n                <p class=\"p2 font-jakr leading-tight\">Op de natuur gebaseerd leren waarbij je je eigen talenten en gaven ontdekt voor het cre\u00ebren van een betere wereld.<\/p>\n            <\/a>\n                <\/div>\n\n\n<\/section>\n\n\n<section class=\"anim3 w-full relative my-14 md:my-28 inline-block\" data-scroll-speed=\".5\" data-scroll data-scroll-repeat=\"true\">\n    <span><\/span>\n    <span><\/span>\n    <span><\/span>\n<\/section>\n<style>\n   \n    section{\n        --size: -0.25rem;\n        --size2: 0.25rem;\n        --size3: .5rem;\n        --size4: -.5rem;\n    }\n    @media (min-width:768px){\n        section{\n            --size: -0.5rem;\n            --size2: 0.5rem;\n            --size3: 1rem;\n            --size4: -1rem;\n        }\n    }\n    .anim1 span:nth-child(1){\n        transform: rotate(-90deg)translateX(var(--size));\n    }\n\n    .anim1 span:nth-child(2){\n        transform: rotate(0deg)translateX(var(--size));\n    }\n\n    .anim1 span:nth-child(3){\n        transform: rotate(90deg)translateX(var(--size));\n    }\n    .anim1.is-inview span:nth-child(1){\n        transform: rotate(90deg)translateX(var(--size));\n    }\n\n    .anim1.is-inview span:nth-child(3){\n        transform: rotate(-90deg)translateX(var(--size));\n    }\n\n\n    .anim2 span:nth-child(1){\n        transform: rotate(-90deg)translateX(var(--size2));\n    }\n\n    .anim2 span:nth-child(2){\n        transform: rotate(0deg)translateX(var(--size2));\n    }\n\n    .anim2 span:nth-child(3){\n        transform: rotate(90deg)translateX(var(--size2));\n    }\n    .anim2.is-inview span:nth-child(1){\n        transform: rotate(90deg)translateX(var(--size2));\n    }\n\n    .anim2.is-inview span:nth-child(3){\n        transform: rotate(-90deg)translateX(var(--size2));\n    }\n\n\n    .anim3 span:nth-child(1){\n        transform: rotate(-90deg)translateX(var(--size3));\n    }\n\n    .anim3 span:nth-child(2){\n        transform: rotate(0deg)translateX(var(--size3));\n    }\n\n    .anim3 span:nth-child(3){\n        transform: rotate(-45deg)translateX(var(--size3));\n    }\n    .anim3.is-inview span:nth-child(1){\n        transform: rotate(0deg)translateX(var(--size3));\n    }\n\n    .anim3.is-inview span:nth-child(3){\n        transform: rotate(-45deg)translateX(var(--size3));\n    }\n\n    .anim3.is-inview span:nth-child(2){\n        transform: rotate(-90deg)translateX(var(--size3));\n    }\n\n\n     .anim3 span:nth-child(1){\n        transform: rotate(-90deg)translateX(var(--size3));\n    }\n\n    .anim3 span:nth-child(2){\n        transform: rotate(0deg)translateX(var(--size3));\n    }\n\n    .anim3 span:nth-child(3){\n        transform: rotate(-45deg)translateX(var(--size3));\n    }\n    .anim3.is-inview span:nth-child(1){\n        transform: rotate(0deg)translateX(var(--size3));\n    }\n\n    .anim3.is-inview span:nth-child(3){\n        transform: rotate(-45deg)translateX(var(--size3));\n    }\n\n    .anim3.is-inview span:nth-child(2){\n        transform: rotate(-90deg)translateX(var(--size3));\n    }\n\n\n\n\n\n\n\n    .anim4 span:nth-child(1){\n        transform: rotate(45deg)translateY(var(--size4));\n    }\n\n    .anim4 span:nth-child(2){\n        transform: rotate(0deg)translateY(var(--size4));\n    }\n\n    .anim4 span:nth-child(3){\n        transform: rotate(-45deg)translateY(var(--size4));\n    }\n    .anim4.is-inview span:nth-child(1){\n        transform: rotate(0deg)translateY(var(--size4));\n    }\n\n    .anim4.is-inview span:nth-child(2){\n        transform: rotate(-45deg)translateY(var(--size4));\n    }\n\n    .anim4.is-inview span:nth-child(3){\n        transform: rotate(45deg)translateY(var(--size4));\n    }\n<\/style>\n\n\n<h2 class=\"alignfull wp-block-heading\">Wij <strong>ontwerpen<\/strong> Ruimte<\/h2>\n\n\n<div class=\"md:mt-4 w-full grid grid-cols-1 grid-rows-1 place-items-center slideshow-track relative mb-8 md:mb-0\">\n    <button class=\"hidden md:block absolute top-0 left-0 h-[95%] opacity-0 w-1\/3 z-10 navigator\" id=\"prev\"><\/button>\n    <button class=\"hidden md:block absolute top-0 right-0 h-[95%] opacity-0 w-1\/3 z-10 navigator\" id=\"next\"><\/button>\n        \n            <img decoding=\"async\" data-source=\"slide-1\" src=\"https:\/\/enter.dvdv.hu\/wp-content\/uploads\/2023\/01\/SP2014-Woning-Lanxmeer-Culemborg-Exterieur-25-HiRes.jpg\" alt=\"\" class=\"slide opacity-100 w-full h-full object-cover row-span-full col-span-full transition duration-500 ease-in-out aspect-video md:aspect-video z-0 opacity-100\">\n      \n        \n            <img decoding=\"async\" data-source=\"slide-2\" src=\"https:\/\/enter.dvdv.hu\/wp-content\/uploads\/2023\/01\/Vivian3.jpg\" alt=\"\" class=\"slide opacity-0 w-full h-full object-cover row-span-full col-span-full transition duration-500 ease-in-out aspect-video md:aspect-video z-0\">\n      \n        <div class=\"w-full flex justify-end slideshow-bottom mt-4 relative z-20\">\n            <button onclick=\"slider('slide-1')\" class=\"opacity-100 bg-white border-2 border-black dot w-2 h-2 ml-2\" data-target=\"slide-1\"><\/button>\n        \n            <button onclick=\"slider('slide-2')\" class=\"opacity-100 border-black border-2 bg-black dot w-2 h-2 ml-2\" data-target=\"slide-2\"><\/button>\n        \n        <script>\n\n\n        \n function slider(i){\n    document.querySelectorAll('.dot').forEach((e)=>{\n        if(e.getAttribute('data-target')==i){\n            e.classList.remove('bg-black')\n            e.classList.add('bg-white')\n        }else{\n            e.classList.remove('bg-white')\n            e.classList.add( 'bg-black')\n        }\n    })\n    document.querySelectorAll('.slide').forEach((e)=>{\n        if(e.getAttribute('data-source')==i){\n            e.classList.remove('opacity-0')\n            e.classList.add('opacity-100')\n        }else{\n            e.classList.remove('opacity-100')\n            e.classList.add('opacity-0')\n        }\n    })\n    \n}\n    <\/script>\n    <\/div>\n<\/div>\n\n\n\n\n    <div class=\"flex flex-wrap mb-16 justify-start sm:justify-end\">\n                    <div class=\"w-full flex justify-start mb-12 sm:mb-16 md:mb-0\">\n                                <h3 class=\"font-jak uppercase\">\n                    Duurzaamheid,<br \/>\r\nArchitectuur,<br \/>\r\nTentoonstellingsontwerp                <\/h3>\n                            <\/div>\n                            <div class=\"w-full sm:w-8\/12 md:w-1\/2 font-aff image-section-content\">\n                <h4>Wij ontwerpen duurzame gebouwen, interieurs, tentoonstellingen en ervaringen. Ruimtes voor mensen. Ruimtes voor verhalen vertellen. Ruimte voor samenwerking. Ruimtes ge\u00efnspireerd door de prachtige werking van de natuur en de magie van kunst en creativiteit.<\/h4>\n\n    <\/div>\n\n                <\/div>\n\n<div class=\"hidden grid-cols-1 grid-cols-2 grid-cols-3\"><\/div>\n\n\n\n<h2 class=\"alignfull wp-block-heading\">Wij <strong>BIEDEN<\/strong> Ruimte<\/h2>\n\n\n<div class=\"my-2 sm:my-4 md:my-6 w-full grid gap-4 md:grid-cols-\" >\n        <img decoding=\"async\" src=\"https:\/\/enter.dvdv.hu\/wp-content\/uploads\/2023\/01\/LUMI-Meetings.jpg\" alt=\"LUMI Meetings\" class=\"w-full h-full object-cover aspect-video md:aspect-video\">\n    <\/div>\n    <div class=\"flex flex-wrap mb-16 justify-start sm:justify-end\">\n                    <div class=\"w-full flex justify-start mb-12 sm:mb-16 md:mb-0\">\n                                <h3 class=\"font-jak uppercase\">\n                    LUMI OP DE Vijverschie,<br \/>\r\nNaast Rotterdam,<br \/>\r\nVERGADERINGEN en kamers                <\/h3>\n                            <\/div>\n                            <div class=\"w-full sm:w-8\/12 md:w-1\/2 font-aff image-section-content\">\n                <h4>We vinden het heerlijk om de plek die we hebben gecre\u00eberd te delen. Gelegen net buiten de stad nodigen we je uit voor een breed scala aan bijeenkomsten. Kom bij ons langs voor een brainstorm in de natuur. Een bijeenkomst met goede koffie. Organiseer je creatieve workshop of geef een inspirerende presentatie onder eeuwenoude houten balken. <strong>LUMI<\/strong> is een plek waar je idee\u00ebn kunnen landen of opstijgen. Een plek om je geest tot rust te brengen of juist te activeren. Een plek waar je komt om te leren en te vergeten, om te cre\u00ebren en te overwegen. Een plek voor mensen en idee\u00ebn.<\/h4>\n\n    <\/div>\n\n                <\/div>\n\n<div class=\"hidden grid-cols-1 grid-cols-2 grid-cols-3\"><\/div>\n\n\n\n<h2 class=\"alignfull wp-block-heading\">Wij <strong>BRENG<\/strong> Ruimte tot <strong>LEVEN<\/strong><\/h2>\n\n\n<div class=\"my-2 sm:my-4 md:my-6 w-full grid gap-4 md:grid-cols-\" >\n        <img decoding=\"async\" src=\"https:\/\/enter.dvdv.hu\/wp-content\/uploads\/2023\/01\/220830-MIRA-MATIC_220827-FE0287-FredErnst-1600px.jpg\" alt=\"220830 MIRA MATIC_220827-FE0287-FredErnst-1600px\" class=\"w-full h-full object-cover aspect-video md:aspect-video\">\n    <\/div>\n    <div class=\"flex flex-wrap mb-16 justify-start sm:justify-end\">\n                    <div class=\"w-full flex justify-start mb-12 sm:mb-16 md:mb-0\">\n                                <h3 class=\"font-jak uppercase\">\n                    Concerten<br \/>\r\nOntmoetingsmogelijkheden<br \/>\r\nin Ruimte-KUNST-Natuur                <\/h3>\n                            <\/div>\n                            <div class=\"w-full sm:w-8\/12 md:w-1\/2 font-aff image-section-content\">\n                <h4>We worden aangetrokken door magische plekken. Plekken vol leven en verwondering. Plekken voor viering. Plekken van kennis en plekken voor creativiteit. Ge\u00efnspireerd door deze plekken hebben we ons huis omgetoverd tot een plek waar we evenementen organiseren, samenwerken met kunstenaars, kunst en boeken verzamelen en een academie runnen. Een klein paradijs in de Nederlandse polder voor gelijkgestemde mensen om een \u200b\u200bmooiere toekomst te bedenken.<\/h4>\n\n    <\/div>\n\n                <\/div>\n\n<div class=\"hidden grid-cols-1 grid-cols-2 grid-cols-3\"><\/div>\n\n\n\n<section class=\"anim1 w-full relative my-14 md:my-28 inline-block\" data-scroll-speed=\".5\" data-scroll data-scroll-repeat=\"true\">\n    <span><\/span>\n    <span><\/span>\n    <span><\/span>\n<\/section>\n<style>\n   \n    section{\n        --size: -0.25rem;\n        --size2: 0.25rem;\n        --size3: .5rem;\n        --size4: -.5rem;\n    }\n    @media (min-width:768px){\n        section{\n            --size: -0.5rem;\n            --size2: 0.5rem;\n            --size3: 1rem;\n            --size4: -1rem;\n        }\n    }\n    .anim1 span:nth-child(1){\n        transform: rotate(-90deg)translateX(var(--size));\n    }\n\n    .anim1 span:nth-child(2){\n        transform: rotate(0deg)translateX(var(--size));\n    }\n\n    .anim1 span:nth-child(3){\n        transform: rotate(90deg)translateX(var(--size));\n    }\n    .anim1.is-inview span:nth-child(1){\n        transform: rotate(90deg)translateX(var(--size));\n    }\n\n    .anim1.is-inview span:nth-child(3){\n        transform: rotate(-90deg)translateX(var(--size));\n    }\n\n\n    .anim2 span:nth-child(1){\n        transform: rotate(-90deg)translateX(var(--size2));\n    }\n\n    .anim2 span:nth-child(2){\n        transform: rotate(0deg)translateX(var(--size2));\n    }\n\n    .anim2 span:nth-child(3){\n        transform: rotate(90deg)translateX(var(--size2));\n    }\n    .anim2.is-inview span:nth-child(1){\n        transform: rotate(90deg)translateX(var(--size2));\n    }\n\n    .anim2.is-inview span:nth-child(3){\n        transform: rotate(-90deg)translateX(var(--size2));\n    }\n\n\n    .anim3 span:nth-child(1){\n        transform: rotate(-90deg)translateX(var(--size3));\n    }\n\n    .anim3 span:nth-child(2){\n        transform: rotate(0deg)translateX(var(--size3));\n    }\n\n    .anim3 span:nth-child(3){\n        transform: rotate(-45deg)translateX(var(--size3));\n    }\n    .anim3.is-inview span:nth-child(1){\n        transform: rotate(0deg)translateX(var(--size3));\n    }\n\n    .anim3.is-inview span:nth-child(3){\n        transform: rotate(-45deg)translateX(var(--size3));\n    }\n\n    .anim3.is-inview span:nth-child(2){\n        transform: rotate(-90deg)translateX(var(--size3));\n    }\n\n\n     .anim3 span:nth-child(1){\n        transform: rotate(-90deg)translateX(var(--size3));\n    }\n\n    .anim3 span:nth-child(2){\n        transform: rotate(0deg)translateX(var(--size3));\n    }\n\n    .anim3 span:nth-child(3){\n        transform: rotate(-45deg)translateX(var(--size3));\n    }\n    .anim3.is-inview span:nth-child(1){\n        transform: rotate(0deg)translateX(var(--size3));\n    }\n\n    .anim3.is-inview span:nth-child(3){\n        transform: rotate(-45deg)translateX(var(--size3));\n    }\n\n    .anim3.is-inview span:nth-child(2){\n        transform: rotate(-90deg)translateX(var(--size3));\n    }\n\n\n\n\n\n\n\n    .anim4 span:nth-child(1){\n        transform: rotate(45deg)translateY(var(--size4));\n    }\n\n    .anim4 span:nth-child(2){\n        transform: rotate(0deg)translateY(var(--size4));\n    }\n\n    .anim4 span:nth-child(3){\n        transform: rotate(-45deg)translateY(var(--size4));\n    }\n    .anim4.is-inview span:nth-child(1){\n        transform: rotate(0deg)translateY(var(--size4));\n    }\n\n    .anim4.is-inview span:nth-child(2){\n        transform: rotate(-45deg)translateY(var(--size4));\n    }\n\n    .anim4.is-inview span:nth-child(3){\n        transform: rotate(45deg)translateY(var(--size4));\n    }\n<\/style>","protected":false},"excerpt":{"rendered":"<p>Our SERVICES We design Space We OFFER Space We BRING Space to LIFE<\/p>","protected":false},"author":1,"featured_media":640,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/enter.dvdv.hu\/nl\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/enter.dvdv.hu\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/enter.dvdv.hu\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/enter.dvdv.hu\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/enter.dvdv.hu\/nl\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":77,"href":"https:\/\/enter.dvdv.hu\/nl\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":646,"href":"https:\/\/enter.dvdv.hu\/nl\/wp-json\/wp\/v2\/pages\/18\/revisions\/646"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/enter.dvdv.hu\/nl\/wp-json\/wp\/v2\/media\/640"}],"wp:attachment":[{"href":"https:\/\/enter.dvdv.hu\/nl\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}