/* Art & Soul — huisstijl (gemigreerd van Webflow naar Divi 5). Gegenereerd bestand. */ /* Kleuren gekoppeld aan Divi 5 globale kleuren (Variabelenbeheer). Waarde na de komma = terugvalwaarde. */ :root { --elements-webflow-library--neutral--800: var(--gcid-as-donkergrijs, #393939); --elements-webflow-library--accent--primary-1: var(--gcid-primary-color, #d80251); --elements-webflow-library--neutral--100: var(--gcid-as-wit, white); --elements-webflow-library--neutral--300: var(--gcid-as-lichtgrijs, #eff0f6); --elements-webflow-library--general--shadow-02: var(--gcid-as-schaduw-2, #14142b14); --elements-webflow-library--neutral--600: var(--gcid-as-grijs, #6e7191); --elements-webflow-library--secondary--off-white: var(--gcid-as-offwhite, #f2f1ff); --elements-webflow-library--secondary--bright-gold: var(--gcid-secondary-color, #e1c9af); --elements-webflow-library--secondary--beige-background: var(--gcid-as-beige, #f3eee8); --elements-webflow-library--general--shadow-01: var(--gcid-as-schaduw-1, #14142b0f); --elements-webflow-library--general--shadow-05: var(--gcid-as-schaduw-5, #14142b29); --elements-webflow-library--general--shadow-04: var(--gcid-as-schaduw-4, #14142b24); --elements-webflow-library--general--shadow-03: var(--gcid-as-schaduw-3, #14142b1a); --elements-webflow-library--neutral--200: var(--gcid-as-lichtgrijs-2, #f7f7fc); --black: var(--elements-webflow-library--secondary--black); --elements-webflow-library--secondary--black: var(--gcid-as-zwart, #000); --elements-webflow-library--secondary--beige2-background: var(--gcid-as-beige-2, #f2ede6); --elements-webflow-library--neutral--400: var(--gcid-as-randgrijs, #dcddeb); --elements-webflow-library--secondary--semi-gold: var(--gcid-as-goud-zacht, #e0c9af); --elements-webflow-library--neutral--text-beige: var(--gcid-as-beige-tekst, #f3eee7); --elements-webflow-library--secondary--gold: var(--gcid-as-goud-donker, #c79242); } /* ===== Art & Soul — Divi 5 neutralisatie (laag-specifiek, Webflow-stijlen winnen) ===== */ #page-container :where(.et_pb_button_module_wrapper), #page-container :where(.et_pb_code.wf-e > .et_pb_code_inner){all:inherit;display:contents} /* Tekstmodules met een Divi-preset: typografie komt uit de preset (lage specificiteit voor de reset). */ #page-container :where(.et_pb_code.wf-e){--flex-direction:row;--horizontal-gap:normal;--vertical-gap:normal;--align-items:normal;flex-direction:row;flex-wrap:nowrap;align-items:normal;justify-content:normal;display:block;gap:normal;padding:0;margin:0;width:auto;max-width:none;flex:initial;position:static;background:none;border:0} #page-container :where(.et_pb_module.wf-e){margin-bottom:0} /* Link-blokken: volledig klikbare kaart via onzichtbare echte link */ #page-container .wf-stretch{position:absolute;inset:0;z-index:5;font-size:0;color:transparent} /* Divi entry/page wrappers */ #page-container #main-content{background:transparent} #page-container #main-content .container:before{display:none} #page-container .et-l--body .et_builder_inner_content,#page-container .entry-content{padding:0} .et_pb_pagebuilder_layout #main-content{padding:0} #page-container{margin: 0px;} #page-container article,#page-container aside,#page-container details,#page-container figcaption,#page-container figure,#page-container footer,#page-container header,#page-container hgroup,#page-container main,#page-container menu,#page-container nav,#page-container section,#page-container summary{display: block;} #page-container [hidden],#page-container template{display: none;} #page-container a{background-color: rgba(0, 0, 0, 0);} #page-container a:active,#page-container a:hover{outline: 0px;} #page-container b,#page-container strong{font-weight: 700;} #page-container h1{margin: 0.67em 0px;}#page-container h1:where(:not([class*="preset--module--"] h1)){font-size: 2em;} #page-container sub,#page-container sup{vertical-align: baseline; font-size: 75%; line-height: 0; position: relative;} #page-container sup{top: -0.5em;} #page-container img{border: 0px;} #page-container svg:not(:root){overflow: hidden;} #page-container button,#page-container input,#page-container optgroup,#page-container select,#page-container textarea{color: inherit; font: inherit; margin: 0px;} #page-container button{overflow: visible;} #page-container button,#page-container select{text-transform: none;} #page-container button,#page-container input[type="reset"]{appearance: button; cursor: pointer;} #page-container button[disabled]{cursor: default;} #page-container input{line-height: normal;} #page-container input[type="number"]::-webkit-inner-spin-button,#page-container input[type="number"]::-webkit-outer-spin-button{height: auto;} #page-container input[type="search"]{appearance: none;} #page-container input[type="search"]::-webkit-search-cancel-button,#page-container input[type="search"]::-webkit-search-decoration{appearance: none;} #page-container textarea{overflow: auto;} @font-face { font-family: webflow-icons; src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype"); font-weight: 400; font-style: normal; } #page-container *{box-sizing: border-box;} #page-container{color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); min-height: 100%; margin: 0px; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px;} #page-container img{vertical-align: middle; max-width: 100%; display: inline-block;} #page-container h1,#page-container h2,#page-container h3,#page-container h4,#page-container h5,#page-container h6{margin-bottom: 10px;}#page-container h1:where(:not([class*="preset--module--"] h1)),#page-container h2:where(:not([class*="preset--module--"] h2)),#page-container h3:where(:not([class*="preset--module--"] h3)),#page-container h4:where(:not([class*="preset--module--"] h4)),#page-container h5:where(:not([class*="preset--module--"] h5)),#page-container h6:where(:not([class*="preset--module--"] h6)){font-weight: 700;} #page-container h1{margin-top: 20px;}#page-container h1:where(:not([class*="preset--module--"] h1)){font-size: 38px; line-height: 44px;} #page-container h2{margin-top: 20px;}#page-container h2:where(:not([class*="preset--module--"] h2)){font-size: 32px; line-height: 36px;} #page-container h3{margin-top: 20px;}#page-container h3:where(:not([class*="preset--module--"] h3)){font-size: 24px; line-height: 30px;} #page-container h4:where(:not([class*="preset--module--"] h4)){font-size: 18px; line-height: 24px;} #page-container h5:where(:not([class*="preset--module--"] h5)){font-size: 14px; line-height: 20px;} #page-container h6:where(:not([class*="preset--module--"] h6)){font-size: 12px; line-height: 18px;} #page-container p{margin-top: 0px; margin-bottom: 10px;} #page-container ul,#page-container ol{margin-top: 0px; margin-bottom: 10px; padding-left: 40px;} #page-container .w-embed::before,#page-container .w-embed::after{content: " "; grid-area: 1 / 1 / 2 / 2; display: table;} #page-container .w-embed::after{clear: both;} #page-container .w-video{width: 100%; padding: 0px; position: relative;} #page-container .w-video iframe,#page-container .w-video object,#page-container .w-video embed{border-width: medium; border-style: none; border-color: currentcolor; border-image: none; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;} #page-container button,#page-container [type="button"],#page-container [type="reset"]{cursor: pointer; appearance: button; border: 0px;} #page-container label{margin-bottom: 5px; font-weight: 700; display: block;} #page-container [data-nav-menu-open]{text-align: center; background: rgb(200, 200, 200); min-width: 200px; position: absolute; top: 100%; left: 0px; right: 0px; overflow: visible; display: block !important;} @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #page-container .grid-footer-4-cols-v14-2{column-gap: 70px; grid-template-rows: auto; grid-template-columns: 0.8fr auto auto auto;} #page-container .video{-webkit-text-stroke-color: var(--elements-webflow-library--secondary--black); border-radius: 4px; margin-top: 40px; margin-bottom: 60px; padding-bottom: 0px;} #page-container .container{margin-top: 86px;} #page-container .italic-text-2{color: var(--elements-webflow-library--neutral--100); font-family: var(--et_global_body_font, Poppins), sans-serif;} #page-container .section-2{padding-top: 60px; padding-bottom: 60px;} @media screen and (min-width: 1440px){#page-container .grid-footer-4-cols-v14-2{column-gap: 80px; grid-template-columns: 0.9fr auto auto auto;}} @media screen and (max-width: 991px){#page-container .grid-footer-4-cols-v14-2{gap: 50px 60px; grid-template-columns: 1fr 1fr 1fr;}} @media screen and (max-width: 767px){#page-container .grid-footer-4-cols-v14-2{grid-template-columns: 1fr 1fr;}} @media screen and (max-width: 479px){#page-container .container-2{padding-top: 40px; padding-bottom: 40px;}} #page-container #w-node-_3c36996b-3c3d-fee7-ebc0-e05b81540546-d84a8529,#page-container #w-node-ee0c2878-b179-0109-409c-0c6417da7a61-17da7a4f{grid-area: span 1 / span 2 / span 1 / span 2;} #page-container #w-node-bfb93215-301b-0f5c-6f53-365e3a2178b5-35944bb2,#page-container #w-node-bfb93215-301b-0f5c-6f53-365e3a2178bf-35944bb2{align-self: center;} #page-container #w-node-d76e6387-7b09-2b57-346b-bffdac78af39-c7f7bf9a{grid-area: span 1 / span 3 / span 1 / span 3;} #page-container #w-node-bfb93215-301b-0f5c-6f53-365e3a2178b5-c7f7bf9a,#page-container #w-node-bfb93215-301b-0f5c-6f53-365e3a2178bf-c7f7bf9a{align-self: center;} #page-container #w-node-_0d410dc7-2f61-5a8b-1886-9e0f4476d898-0de38891,#page-container #w-node-_0d410dc7-2f61-5a8b-1886-9e0f4476d8ba-0de38891,#page-container #w-node-_0d410dc7-2f61-5a8b-1886-9e0f4476d8a9-0de38891,#page-container #w-node-_2744fa8b-eab5-290e-e5d2-587738bd55a5-1b262063{grid-area: span 1 / span 1 / span 1 / span 1;} #page-container #w-node-_2744fa8b-eab5-290e-e5d2-587738bd55a6-b2c54c5c{grid-area: span 1 / span 1 / span 1 / span 1;} #page-container #w-node-b6b37c30-3123-c61f-2522-f621ce619645-b2c54c5c,#page-container #w-node-_1b22144c-6417-c4ca-bc1b-2910e08c0aca-b2c54c5c,#page-container #w-node-e428a76d-a14d-07a8-7397-8dc480c9ba23-b2c54c5c,#page-container #w-node-e537eaa2-6c3e-2fa6-0a26-76469510fa25-b2c54c5c,#page-container #w-node-bad659d7-8f30-e6a5-a81e-25b09b63d3fa-b2c54c5c,#page-container #w-node-_8376d81f-80cc-0e0b-6673-5af277767d84-b2c54c5c,#page-container #w-node-e5792453-acc3-2560-3684-5dc56668c6bf-b2c54c5c{grid-area: span 1 / span 3 / span 1 / span 3;} #page-container #w-node-_9fb8056d-d188-6e33-78e0-3f962577f2f3-ca61aee8,#page-container #w-node-_9fb8056d-d188-6e33-78e0-3f962577f2f3-28c60880,#page-container #w-node-_2744fa8b-eab5-290e-e5d2-587738bd55a5-56a2838a,#page-container #w-node-_2744fa8b-eab5-290e-e5d2-587738bd55a5-c617b397,#page-container #w-node-_2744fa8b-eab5-290e-e5d2-587738bd55a5-d02463b6{grid-area: span 1 / span 1 / span 1 / span 1;} #page-container #w-node-_561856a6-d5f3-1d99-6d7e-f942f304015d-0d0646f9,#page-container #w-node-_561856a6-d5f3-1d99-6d7e-f942f304016e-0d0646f9,#page-container #w-node-_561856a6-d5f3-1d99-6d7e-f942f304017f-0d0646f9,#page-container #w-node-_561856a6-d5f3-1d99-6d7e-f942f3040190-0d0646f9{grid-area: span 1 / span 1 / span 1 / span 1;} #page-container #w-node-_5de4a809-575d-138b-8279-07c1b365f541-0d0646f9{grid-area: span 2 / span 2 / span 2 / span 2;} #page-container #w-node-_3bb66fb6-ad43-9a95-9377-c95668e7effd-43f1ff55,#page-container #w-node-d76e6387-7b09-2b57-346b-bffdac78af39-79b3ad9c{grid-area: span 1 / span 3 / span 1 / span 3;} #page-container #w-node-bfb93215-301b-0f5c-6f53-365e3a2178b5-dc05d36c,#page-container #w-node-bfb93215-301b-0f5c-6f53-365e3a2178bf-dc05d36c{align-self: center;} #page-container #w-node-_53f54f01-169c-7157-d1af-7a3f817fca6f-baa7bd13,#page-container #w-node-_58e87f05-ec8e-430b-59a8-4524a55e8503-baa7bd13{grid-area: span 1 / span 1 / span 1 / span 1;} #page-container #w-node-_2744fa8b-eab5-290e-e5d2-587738bd55a6-d0eccfcb{grid-area: span 1 / span 1 / span 1 / span 1;} #page-container #w-node-b6b37c30-3123-c61f-2522-f621ce619645-d0eccfcb,#page-container #w-node-_1b22144c-6417-c4ca-bc1b-2910e08c0aca-d0eccfcb,#page-container #w-node-e428a76d-a14d-07a8-7397-8dc480c9ba23-d0eccfcb,#page-container #w-node-e537eaa2-6c3e-2fa6-0a26-76469510fa25-d0eccfcb,#page-container #w-node-bad659d7-8f30-e6a5-a81e-25b09b63d3fa-d0eccfcb,#page-container #w-node-_8376d81f-80cc-0e0b-6673-5af277767d84-d0eccfcb,#page-container #w-node-e5792453-acc3-2560-3684-5dc56668c6bf-d0eccfcb{grid-area: span 1 / span 3 / span 1 / span 3;} #page-container #w-node-_2744fa8b-eab5-290e-e5d2-587738bd55a6-2720bdb3{grid-area: span 1 / span 1 / span 1 / span 1;} #page-container #w-node-b6b37c30-3123-c61f-2522-f621ce619645-2720bdb3,#page-container #w-node-_1b22144c-6417-c4ca-bc1b-2910e08c0aca-2720bdb3,#page-container #w-node-e428a76d-a14d-07a8-7397-8dc480c9ba23-2720bdb3,#page-container #w-node-e537eaa2-6c3e-2fa6-0a26-76469510fa25-2720bdb3,#page-container #w-node-bad659d7-8f30-e6a5-a81e-25b09b63d3fa-2720bdb3,#page-container #w-node-_8376d81f-80cc-0e0b-6673-5af277767d84-2720bdb3,#page-container #w-node-e5792453-acc3-2560-3684-5dc56668c6bf-2720bdb3{grid-area: span 1 / span 3 / span 1 / span 3;} #page-container #w-node-_63643e0a-02a9-ee80-f448-d59a8194fd73-2720bdb3,#page-container #w-node-_63643e0a-02a9-ee80-f448-d59a8194fd79-2720bdb3{grid-area: span 1 / span 1 / span 1 / span 1;} #page-container #w-node-_2744fa8b-eab5-290e-e5d2-587738bd55a6-f42a3a22{grid-area: span 1 / span 1 / span 1 / span 1;} #page-container #w-node-b6b37c30-3123-c61f-2522-f621ce619645-f42a3a22,#page-container #w-node-_1b22144c-6417-c4ca-bc1b-2910e08c0aca-f42a3a22,#page-container #w-node-e428a76d-a14d-07a8-7397-8dc480c9ba23-f42a3a22,#page-container #w-node-e537eaa2-6c3e-2fa6-0a26-76469510fa25-f42a3a22,#page-container #w-node-bad659d7-8f30-e6a5-a81e-25b09b63d3fa-f42a3a22,#page-container #w-node-_8376d81f-80cc-0e0b-6673-5af277767d84-f42a3a22,#page-container #w-node-e5792453-acc3-2560-3684-5dc56668c6bf-f42a3a22{grid-area: span 1 / span 3 / span 1 / span 3;} #page-container #w-node-_2744fa8b-eab5-290e-e5d2-587738bd55a6-aeae53d5{grid-area: span 1 / span 1 / span 1 / span 1;} #page-container #w-node-b6b37c30-3123-c61f-2522-f621ce619645-aeae53d5,#page-container #w-node-_1b22144c-6417-c4ca-bc1b-2910e08c0aca-aeae53d5,#page-container #w-node-e428a76d-a14d-07a8-7397-8dc480c9ba23-aeae53d5,#page-container #w-node-e537eaa2-6c3e-2fa6-0a26-76469510fa25-aeae53d5,#page-container #w-node-bad659d7-8f30-e6a5-a81e-25b09b63d3fa-aeae53d5,#page-container #w-node-_8376d81f-80cc-0e0b-6673-5af277767d84-aeae53d5,#page-container #w-node-e5792453-acc3-2560-3684-5dc56668c6bf-aeae53d5,#page-container #w-node-b6b37c30-3123-c61f-2522-f621ce619645-9959e020,#page-container #w-node-_1b22144c-6417-c4ca-bc1b-2910e08c0aca-9959e020,#page-container #w-node-e428a76d-a14d-07a8-7397-8dc480c9ba23-9959e020,#page-container #w-node-e537eaa2-6c3e-2fa6-0a26-76469510fa25-9959e020,#page-container #w-node-_8376d81f-80cc-0e0b-6673-5af277767d84-9959e020,#page-container #w-node-bad659d7-8f30-e6a5-a81e-25b09b63d3fa-9959e020,#page-container #w-node-e5792453-acc3-2560-3684-5dc56668c6bf-9959e020{grid-area: span 1 / span 3 / span 1 / span 3;} #page-container #w-node-_2744fa8b-eab5-290e-e5d2-587738bd55a6-9959e020{grid-area: span 1 / span 1 / span 1 / span 1;} #page-container #w-node-a48ef20f-7de3-45de-9569-41442cd33d42-9959e020{justify-self: center;} @media screen and (max-width: 991px){#page-container #w-node-f9a65957-ee31-fe35-d48c-45554ed6b242-d84a8529,#page-container #w-node-_7183aaee-f6f3-3c81-cdc4-9db30a6432a5-d84a8529,#page-container #w-node-c57d2825-a2d4-fa16-d0b4-8cfac3049d0b-d84a8529{order: 9999;}#page-container #w-node-_35ea213d-0a5c-49aa-ba2b-565fc83de458-c83de454,#page-container #w-node-_35ea213d-0a5c-49aa-ba2b-565fc83de49d-c83de454{grid-area: span 1 / span 3 / span 1 / span 3;}#page-container #w-node-d76e6387-7b09-2b57-346b-bffdac78af39-c7f7bf9a,#page-container #w-node-b6b37c30-3123-c61f-2522-f621ce619645-b2c54c5c,#page-container #w-node-_1b22144c-6417-c4ca-bc1b-2910e08c0aca-b2c54c5c,#page-container #w-node-e428a76d-a14d-07a8-7397-8dc480c9ba23-b2c54c5c,#page-container #w-node-e537eaa2-6c3e-2fa6-0a26-76469510fa25-b2c54c5c,#page-container #w-node-bad659d7-8f30-e6a5-a81e-25b09b63d3fa-b2c54c5c,#page-container #w-node-_8376d81f-80cc-0e0b-6673-5af277767d84-b2c54c5c,#page-container #w-node-e5792453-acc3-2560-3684-5dc56668c6bf-b2c54c5c{grid-column: span 1 / span 1;}#page-container #w-node-_5de4a809-575d-138b-8279-07c1b365f541-0d0646f9{grid-area: span 1 / span 1 / span 1 / span 1;}#page-container #w-node-_3bb66fb6-ad43-9a95-9377-c95668e7effd-43f1ff55,#page-container #w-node-d76e6387-7b09-2b57-346b-bffdac78af39-79b3ad9c,#page-container #w-node-_491b9f3e-7a79-835c-b73a-0681dde80a1e-afab98d7,#page-container #w-node-ba485b6c-078d-5231-9fb8-bb4c7a68f246-afab98d7,#page-container #w-node-_86844ea5-a291-1613-7753-92813c6c0e62-afab98d7,#page-container #w-node-_2b24a36c-a532-06b4-a292-25dfb1a0f38b-afab98d7,#page-container #w-node-_5a6396be-60a2-1566-0b32-47a7ab7f7e6a-afab98d7,#page-container #w-node-_0b9ee557-f3ad-0545-700d-ca33de8ae5df-afab98d7,#page-container #w-node-_491b9f3e-7a79-835c-b73a-0681dde80a1e-96b9463e,#page-container #w-node-ba485b6c-078d-5231-9fb8-bb4c7a68f246-96b9463e,#page-container #w-node-_86844ea5-a291-1613-7753-92813c6c0e62-96b9463e,#page-container #w-node-_2b24a36c-a532-06b4-a292-25dfb1a0f38b-96b9463e,#page-container #w-node-_5a6396be-60a2-1566-0b32-47a7ab7f7e6a-96b9463e,#page-container #w-node-_0b9ee557-f3ad-0545-700d-ca33de8ae5df-96b9463e,#page-container #w-node-b6b37c30-3123-c61f-2522-f621ce619645-d0eccfcb,#page-container #w-node-_1b22144c-6417-c4ca-bc1b-2910e08c0aca-d0eccfcb,#page-container #w-node-e428a76d-a14d-07a8-7397-8dc480c9ba23-d0eccfcb,#page-container #w-node-e537eaa2-6c3e-2fa6-0a26-76469510fa25-d0eccfcb,#page-container #w-node-bad659d7-8f30-e6a5-a81e-25b09b63d3fa-d0eccfcb,#page-container #w-node-_8376d81f-80cc-0e0b-6673-5af277767d84-d0eccfcb,#page-container #w-node-e5792453-acc3-2560-3684-5dc56668c6bf-d0eccfcb,#page-container #w-node-b6b37c30-3123-c61f-2522-f621ce619645-2720bdb3,#page-container #w-node-_1b22144c-6417-c4ca-bc1b-2910e08c0aca-2720bdb3,#page-container #w-node-e428a76d-a14d-07a8-7397-8dc480c9ba23-2720bdb3,#page-container #w-node-e537eaa2-6c3e-2fa6-0a26-76469510fa25-2720bdb3,#page-container #w-node-bad659d7-8f30-e6a5-a81e-25b09b63d3fa-2720bdb3,#page-container #w-node-_8376d81f-80cc-0e0b-6673-5af277767d84-2720bdb3,#page-container #w-node-e5792453-acc3-2560-3684-5dc56668c6bf-2720bdb3{grid-column: span 1 / span 1;}#page-container #w-node-b6b37c30-3123-c61f-2522-f621ce619645-f42a3a22,#page-container #w-node-_1b22144c-6417-c4ca-bc1b-2910e08c0aca-f42a3a22,#page-container #w-node-e428a76d-a14d-07a8-7397-8dc480c9ba23-f42a3a22,#page-container #w-node-e537eaa2-6c3e-2fa6-0a26-76469510fa25-f42a3a22,#page-container #w-node-bad659d7-8f30-e6a5-a81e-25b09b63d3fa-f42a3a22,#page-container #w-node-_8376d81f-80cc-0e0b-6673-5af277767d84-f42a3a22,#page-container #w-node-e5792453-acc3-2560-3684-5dc56668c6bf-f42a3a22,#page-container #w-node-b6b37c30-3123-c61f-2522-f621ce619645-aeae53d5,#page-container #w-node-_1b22144c-6417-c4ca-bc1b-2910e08c0aca-aeae53d5,#page-container #w-node-e428a76d-a14d-07a8-7397-8dc480c9ba23-aeae53d5,#page-container #w-node-e537eaa2-6c3e-2fa6-0a26-76469510fa25-aeae53d5,#page-container #w-node-bad659d7-8f30-e6a5-a81e-25b09b63d3fa-aeae53d5,#page-container #w-node-_8376d81f-80cc-0e0b-6673-5af277767d84-aeae53d5,#page-container #w-node-e5792453-acc3-2560-3684-5dc56668c6bf-aeae53d5,#page-container #w-node-b6b37c30-3123-c61f-2522-f621ce619645-9959e020,#page-container #w-node-_1b22144c-6417-c4ca-bc1b-2910e08c0aca-9959e020,#page-container #w-node-e428a76d-a14d-07a8-7397-8dc480c9ba23-9959e020,#page-container #w-node-e537eaa2-6c3e-2fa6-0a26-76469510fa25-9959e020,#page-container #w-node-_8376d81f-80cc-0e0b-6673-5af277767d84-9959e020,#page-container #w-node-bad659d7-8f30-e6a5-a81e-25b09b63d3fa-9959e020,#page-container #w-node-e5792453-acc3-2560-3684-5dc56668c6bf-9959e020{grid-column: span 1 / span 1;}} @media screen and (max-width: 767px){#page-container #w-node-_35ea213d-0a5c-49aa-ba2b-565fc83de458-c83de454{grid-column: span 2 / span 2;}#page-container #w-node-_35ea213d-0a5c-49aa-ba2b-565fc83de49d-c83de454{grid-area: span 1 / span 2 / span 1 / span 2; align-self: auto;}} /* ============ Art & Soul - Divi-specifieke aanvullingen ============ */ html,body{background-color:#000} body #page-container{background-color:transparent} /* Webflow body-4 (Blogs- en Stories-overzicht) */ .page-id-541 #page-container,.page-id-569 #page-container{color: var(--elements-webflow-library--neutral--100); background-color: rgb(0, 0, 0); font-family: var(--et_global_body_font, Poppins), sans-serif; font-size: 18px; font-weight: 300;} /* ---------- Header (Theme Builder) ---------- */ /* ---------- Accordions ---------- */ #page-container [class*="accordion-header"]{cursor:pointer} #page-container [class*="acordion-body"]{overflow:hidden} #page-container .wf-open [class*="acordion-body"]{height:auto!important;opacity:1!important;transform:none!important} #page-container [class*="accordion-btn-vertical-line"]{transition:transform .3s} #page-container .wf-open [class*="accordion-btn-vertical-line"]{transform:rotate(90deg)} /* ---------- Contactformulier (basis, specifieke varianten hieronder gegenereerd) ---------- */ /* ---------- Groepscarrousel (testimonials) ---------- */ /* ---------- Divi basis-typografie neutraliseren (Webflow-standaard herstellen) ---------- */ #page-container :where(h1, h2, h3, h4, h5, h6){padding-bottom:0}#page-container :where(h1):where(:not([class*="preset--module--"] h1)),#page-container :where(h2):where(:not([class*="preset--module--"] h2)),#page-container :where(h3):where(:not([class*="preset--module--"] h3)),#page-container :where(h4):where(:not([class*="preset--module--"] h4)),#page-container :where(h5):where(:not([class*="preset--module--"] h5)),#page-container :where(h6):where(:not([class*="preset--module--"] h6)){color:inherit} #page-container :where(p){padding-bottom:0} #page-container :where(ul, ol){line-height:inherit} #page-container :where(a:not([class*="preset--module--divi-text--as-bedankt"] a, [class*="preset--module--divi-toggle--"] a, [class*="elfsight-app"] a)){color:revert;text-decoration:revert} /* Gedegradeerde extra H1-koppen (SEO: 1 H1 per pagina) behouden H1-basisopmaak */ /* ---------- Testimonial-carrousel: pijlen zoals in Webflow ---------- */ /* ---- Formuliervarianten ---- */ /* ---- Pagina-specifieke stijlen (voorheen inline) ---- */ /* ---- Afbeeldingsafmetingen (HTML width/height/sizes uit Webflow) ---- */ /* ========================================================================== Knop-presets (Divi 5) – aanvullingen voor Webflow-breakpoints De knoppen worden beheerd met Divi-presets (Divi > Presets > Knop). Divi kent geen breakpoint op 991px en 479px; deze regels houden de oorspronkelijke Webflow-maten op die schermbreedtes exact gelijk. (!important is nodig omdat Divi knop-padding en -tekstgrootte met !important uitgeeft.) ========================================================================== */ @media screen and (min-width: 981px) and (max-width: 991px){ body #page-container .et_pb_section .et_pb_button.preset--module--divi-button--as-knop-primair, body #page-container .et_pb_section .et_pb_button.preset--module--divi-button--as-knop-primair-vet, body #page-container .et_pb_section .et_pb_button.preset--module--divi-button--as-knop-goud { padding-top: 24px !important; padding-bottom: 24px !important; } } @media screen and (max-width: 479px){ body #page-container .et_pb_section .et_pb_button.preset--module--divi-button--as-knop-primair, body #page-container .et_pb_section .et_pb_button.preset--module--divi-button--as-knop-primair-vet, body #page-container .et_pb_section .et_pb_button.preset--module--divi-button--as-knop-secundair, body #page-container .et_pb_section .et_pb_button.preset--module--divi-button--as-knop-secundair-licht, body #page-container .et_pb_section .et_pb_button.preset--module--divi-button--as-knop-secundair-grijs { width: 100%; padding-top: 18px !important; padding-bottom: 18px !important; font-size: 17px !important; line-height: 19px !important; } } /* Eén knop op de homepage is op schermen vanaf 1440px goud (zoals in Webflow). */ @media screen and (min-width: 1440px){ body #page-container .et_pb_section .et_pb_button.as-knop-xl-goud:not(:hover) { background-color: var(--gcid-secondary-color, #e1c9af); } } /* Knoppen met een Art & Soul-preset: geen onderstreping (zoals in Webflow). */ body #page-container .et_pb_section .et_pb_button[class*="preset--module--divi-button--as-knop-"] { text-decoration: none; } /* ========================================================================== Herstel na koppeling Divi-hoofdtekstfont (Poppins) – identiek aan vóór de ombouw ========================================================================== */ /* Reactieformulier op blogposts: Divi zet koppen nu in het Divi-kopfont; origineel was Arial. */ /* Mobiel uitklapmenu: bovenrand had de Divi-standaardkleur (blauw), niet de Primaire Kleur. */ #page-container .et_mobile_menu { border-top-color: #2ea3f2; } /* Basis-tekstgewicht zoals Webflow (400). Divi zet de body standaard op 500. */ body { font-weight: 400; } /* Formulierlabel dat in Webflow vet (strong) was. */ body.page-id-609 #page-container label.et_pb_contact_form_label[for*="persoonlijk-bericht"], body.page-id-610 #page-container label.et_pb_contact_form_label[for*="persoonlijk-bericht"] { font-weight: 700; } /* Koppen in tekst-presets zonder eigen kleur erven de kleur (zoals vóór de ombouw). Lage specificiteit: een kleur in de preset gaat altijd voor. */ .et_pb_text_inner :where(h1, h2, h3, h4, h5, h6){color:inherit} /* === TEKST-PRESETS: aanvulling breakpoints (gegenereerd) === */ /* Tekst wordt beheerd met Divi-presets (Divi > Presets > Tekst). Divi kent geen breakpoints op 991px, 479px en vanaf 1440px; deze regels houden de oorspronkelijke Webflow-maten daar gelijk. */ /* === EINDE TEKST-PRESETS === */ /* === Contactformulier: veldafstanden gelijk aan origineel (Webflow) === */ #page-container .et_pb_contact_form .et_pb_contact_field{row-gap:0!important} #page-container .et_pb_contact_form .et_pb_contact_field textarea{margin-bottom:10px} #page-container .et_pb_contact_form_container{row-gap:0!important} #page-container .et_pb_contact_form_container .et-pb-contact-message:empty{margin:0} #page-container .et_pb_contact_form .et_contact_bottom_container{margin-top:40px} /* === Blogposts: geen extra ruimte onder artikel (gelijk aan origineel) === */ body.single-post #main-content article.et_pb_post{padding-bottom:0;margin-bottom:0} body.single-post #main-content .et_post_meta_wrapper:empty{display:none} /* === Footer: menulijst zonder Divi ul-padding (gelijk aan origineel) === */ /* Blog (Theme Builder-template "Blog – artikel"): koppen en alinea's in de berichtinhoud krijgen hun afstand uit de Divi-modules, niet uit browser/Webflow-standaardmarges. */ #page-container .et_pb_post_content .et_pb_text :is(h1, h2, h3, h4, h5, h6, p){margin-top:0;margin-bottom:0} /* Bedankpagina's: kop zonder Webflow-standaardmarges; afstand komt uit de Divi-preset "Bedankt – kop H1". */ #page-container .et_pb_text[class*="preset--module--divi-text--as-bedankt"] h1{margin:0 auto;max-width:640px;padding:0 8px} /* FAQ-toggles (Divi-preset "FAQ – vraag/antwoord"): plus/min-icoon links in een beige cirkel, zoals op de campagnepagina's. Kleuren komen uit de Divi-globale kleuren. */ /* Native Divi-tekstmodules (zonder Webflow-class): geen extra marge boven de eerste en onder de laatste alinea; de afstand komt uit de Divi-module. */ /* Ankers naar het contactformulier: titel van het formulier netjes bovenaan in beeld */ #Start-Contactformulier{scroll-margin-top:24px} @media (max-width:767px){#Start-Contactformulier{scroll-margin-top:12px}} /* Formulieren: meer regelafstand in de vraag boven het berichtveld */ #page-container .et_pb_contact_form .et_pb_contact_field:has(textarea) .et_pb_contact_form_label{line-height:1.5 !important}