{"id":2,"date":"2022-07-18T15:40:12","date_gmt":"2022-07-18T15:40:12","guid":{"rendered":"http:\/\/localhost:8888\/?page_id=2"},"modified":"2023-12-15T08:11:13","modified_gmt":"2023-12-15T08:11:13","slug":"steunen","status":"publish","type":"page","link":"https:\/\/cliniclowns.be\/cc\/steunen\/","title":{"rendered":"steunen"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull is-light has-custom-content-position is-position-top-left\" style=\"margin-top:0;padding-top:5vw;padding-right:5vw;padding-bottom:5vw;padding-left:5vw;min-height:20vw;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\" style=\"background-color:#141414\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1367\" class=\"wp-block-cover__image-background wp-image-129\" alt=\"\" src=\"https:\/\/cliniclowns.be\/cc\/wp-content\/uploads\/2023\/09\/279298822_143701001517746_8091118037627324136_n.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/cliniclowns.be\/cc\/wp-content\/uploads\/2023\/09\/279298822_143701001517746_8091118037627324136_n.jpg 2048w, https:\/\/cliniclowns.be\/cc\/wp-content\/uploads\/2023\/09\/279298822_143701001517746_8091118037627324136_n-300x200.jpg 300w, https:\/\/cliniclowns.be\/cc\/wp-content\/uploads\/2023\/09\/279298822_143701001517746_8091118037627324136_n-1024x684.jpg 1024w, https:\/\/cliniclowns.be\/cc\/wp-content\/uploads\/2023\/09\/279298822_143701001517746_8091118037627324136_n-768x513.jpg 768w, https:\/\/cliniclowns.be\/cc\/wp-content\/uploads\/2023\/09\/279298822_143701001517746_8091118037627324136_n-1536x1025.jpg 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-group wp-container-content-9cfa9a5a is-vertical is-nowrap is-layout-flex wp-container-core-group-is-layout-d72e8bca wp-block-group-is-layout-flex\">\n<p class=\"has-text-align-left has-background-color has-text-color has-cafetaria-font-family wp-block-paragraph\" style=\"font-size:14em;font-style:normal;font-weight:700;letter-spacing:-4px;line-height:0.8;text-transform:none\">Steunen<\/p>\n<\/div>\n<\/div><\/div>\n\n\n\n<div style=\"height:1vw\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:1vw\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<style type=\"text\/css\">\/* Apply the CSS styles for larger screens here. By default, the layout is horizontal. *\/\n.donationOption {\n  cursor: pointer;\n  text-align: start;\n  color: white;\n  padding: 20px;\n  height: 200px;\n  margin: -2px;\n  width: 33%;\n}\n\n#mostChosenMobile{\n  display:none;\n}\n\n#mostChosenYMobile{\n  display: none;\n}\n\n#dmm_interval_buiten {\n  margin-top: 12px;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n}\n\n#dmm_interval_buiten > div {\n}\n\n#donationOptionsContainer{\n\n}\n\n\/* Media query for mobile screens *\/\n@media only screen and (max-width: 768px) {\n  #dmm_interval_buiten {\n    flex-direction: column;\n    justify-content: center;\n    width: 100vw;\n  }\n  #firstBanner{\n    width: 100vw;\n  }\n  #dmm_form{\n    margin-left: 0 !important;\n    width: 100vw !important;\n  }\n  #donationOptionsContainer {\n    align-items: center;\n    width: 100vw;\n    text-align: center;\n    justify-content: center;\n    display:flex;\n    flex-direction: column;\n  }\n  .donationOption{\n    width: 100vw !important;\n    flex: 1;\n  }\n  #myDivContainer{\n    align-items: center;\n    width: 100vw !important;\n  }\n  #myDiv{\n    width: 100vw !important;\n    margin-left: 0 !important;\n  }\n  #myDiv2{\n    width: 100vw !important;\n    margin-left: 0 !important;\n  }\n    #myDiv3{\n    width: 100vw !important;\n    margin-left: 0 !important;\n  }\n  #horizontalHiddenElement{\n    display: flex !important;\n    flex-direction: column !important;\n    width: 100vw;\n  }\n  #horizontalHiddenElement div {\n    width: 100vw;\n    flex-direction: column;\n  }\n  #dmm_dd{\n    height: 50vw !important;\n  }\n  #dmm_dd2{\n    height: 50vw !important;\n  }\n  .column{\n    width: 50vw !important;\n  }\n  #mostChosen{\n    display:none;\n  }\n  #mostChosenMobile{\n    display: block;\n  }\n  #mostChosenY{\n    display: none;\n  }\n  #mostChosenYMobile{\n    display: block;\n  }\n  .mostChosen{\n    width: 50vw !important;\n  }\n  #mostChosenContainer{\n    width: 50vw !important;\n  }\n  .arrowIcon{\n    display: none;\n    margin-top: 18vw !important;\n  }\n  #giftLabel{\n    margin-left: 0px;\n  }\n  #mijnGegevens{\n    margin-left: 0px !important;\n  }\n  #dmm_eenmalig_end_row{\n    display: flex;\n    flex-direction: row !important;\n  }\n  #submitButton{\n    width: 95% !important;\n  }\n  .hiddenElementPart{\n    width: 100% !important;\n  }\n  #dmm_custom_amount{\n    margin-bottom: 0 !important;\n    margin-top: 3% !important;\n  }\n  #dmm_custom_amount2{\n    margin-bottom: 0 !important;\n    margin-top: 3% !important;\n  }\n  #custom-amount-container{\n    width: 50vw !important;\n  }\n  #custom-amount-container2{\n    width: 50vw !important;\n  }\n  #labelContainer{\n    margin-right: 0 !important;\n    margin-left: 0 !important;\n  }\n  .clownPick{\n    flex-direction: row !important;\n  }\n  .ios-device #dmm_eenmalig_end{\n      margin-bottom: -70px !important;\n  }\n  .ios-device #dmm_dd{\n      margin-top: 5% !important;\n      height: 10vw !important;\n      align-items: center;\n  }\n  .ios-device #mostChosenMobile{\n      margin-top: 0px !important;\n  }\n  .ios-device select {\n    margin-left: 30px;\n    margin-right: 10px !important;\n    height: 30px !important;\n    background-color: #d36421 !important;\n    border: red 1px solid;\n    color: white;\n    font-weight: bold;\n    padding-right: 30px; \/* Adjust as needed for arrow space *\/\n    background-image: url('https:\/\/i.imgur.com\/5h2jNw0.png'); \n    background-repeat: no-repeat;\n    background-position: right center;\n    background-size: contain;\n    \/* ... other styles to match the appearance ... *\/\n}\n\n.ios-device select:before {\n    content: \"Kies je bedrag\";\n    color: white;\n    position: absolute;\n    pointer-events: none;\n}\n\n.ios-device select option {\n    color: black; \/* So that the dropdown items are readable on iOS *\/\n}\n}\n\ninput[type=\"radio\"] {\n  \/* remove standard background appearance *\/\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  \/* create custom radiobutton appearance *\/\n  display: inline-block;\n  width: 20px;\n  height: 20px;\n  padding: 4px;\n  \/* background-color only for content *\/\n  background-clip: content-box;\n  border: 2px solid #bbbbbb;\n  background-color: #e7e6e7;\n  border-radius: 50%;\n}\n\n#extraInfo {\n  display: none;\n}\n\n#myDiv {\n  margin-left: -25%;\n  text-align: left;\n  width: 152%;\n  height: 50px;\n  background-color: #D36422;\n  color: white;\n  overflow: hidden;\n  transition: height 1s;\n}\n\n#myDiv2 {\n  margin-left: -25%;\n  text-align: left;\n  width: 152%;\n  height: 50px;\n  background-color: #D36422;\n  color: white;\n  overflow: hidden;\n  transition: height 1s;\n}\n\n#myDiv3 {\n  margin-left: -25%;\n  text-align: left;\n  width: 152%;\n  height: 50px;\n  background-color: #D36422;\n  color: white;\n  overflow: hidden;\n  transition: height 1s;\n}\n\n#expandableDiv {\n  padding: 15px;\n  height: 0;\n  overflow: hidden;\n  transition: height 1s;\n}\n#expandableDiv img {\n  float: right;\n  padding-left: 10px;  \/* Optional: Adds some space between the text and the image *\/\n}\n\n#expandableDiv2 {\n  padding: 15px;\n  height: 0;\n  overflow: hidden;\n  transition: height 1s;\n}\n#expandableDiv2 img {\n  float: right;\n  padding-left: 10px;  \/* Optional: Adds some space between the text and the image *\/\n}\n\n#expandableDiv3 {\n  padding: 15px;\n  height: 0;\n  overflow: hidden;\n  transition: height 1s;\n}\n#expandableDiv3 img {\n  float: right;\n  padding-left: 10px;  \/* Optional: Adds some space between the text and the image *\/\n}\n\n.selected-option {\n  background-color: blue; \n  color: white; \n}\n\n.column {\n  float: left;\n  width: 50%;\n}\n.row::after {\n  content: \"\";\n  clear: both;\n  display: table;\n}\n\n\/* appearance for checked radiobutton *\/\ninput[type=\"radio\"]:checked {\n  background-color: #93e026;\n}\n\n#adoptEnd .custom-select {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n#adoptEnd .custom-select div {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  width: 90%;\n  margin: 10px;\n  padding-left: 10px;\n  padding-right: 10px;\n  background-color: #d36421;\n}\n\n#adoptEnd .custom-select .selected {\n  background-color: #0864e4; \/* Choose a color you find suitable *\/\n}\n\n#horizontalHiddenElement{\n  display:flex;\n  flex-direction: row;\n}\n\ninput[type=\"radio\"] {\n  vertical-align: middle;\n}\n\n#hiddenElement {\n  flex-direction: column;\n}\n\n#dmm_dd2 {\n  overflow: hidden;\n}\n\n#adoptEnd .custom-select img {\n  margin-right: 10px;\n  margin-left: -10px;\n}\n\n#adoptEnd .custom-select input {\n  margin-left: 0px;\n}\n\n#dmm_interval{\n    height: 60px;\n    background-color:transparent;\n    border: none;\n    overflow: hidden;\n  }\n  #dmm_interval::-moz-focus-inner {\n    border: 0;\n  }\n  #dmm_interval:focus {\n    outline: none;\n  }\n  #dmm_interval option{\n    \/* width: 30%;\n    font-size: 1.2em;\n    padding: 10px 0;\n    text-align: center;\n    margin-right: 20px;\n    display: inline-block;\n    cursor: pointer;\n    border:rgb(204, 204, 0) solid 1px;\n    border-radius: 5px;   \n    color: black;\n    background-color: white; *\/\n  }\n\n  .toggle {\n    align-content: center;\n    text-align: center;\n    align-items: center;\n    padding-left: 20px;\n    display: flex;\n    color: white;\n    width: 100%;\n    height: 70px;\n    justify-content: space-between; \/* Add this line *\/\n  }\n\n  .arrow {\n      padding-right: 20px;\n  }\n\n  .dropdown {\n    position: relative;\n    display: inline-block;\n  }\n  \n  .dropdown-content {\n    display: none;\n    position: absolute;\n    min-width: 160px;\n    z-index: 1;\n  }\n  \n  .dropdown-content .dropdown-item {\n    color: white;\n    padding: 20px;\n    text-align: start;\n    background-color: #0C5849;\n    display: block;\n  }\n  \n  .dropdown:hover .dropdown-content {\n    display: block;\n  }\n\n\n\n  #dmm_interval2{\n    height: auto;\n    border: none;\n    overflow: hidden;\n  }\n  #dmm_interval2::-moz-focus-inner {\n    border: 0;\n  }\n  #dmm_interval2:focus {\n    outline: none;\n  }\n  #dmm_interval2 option{\n    width: 30%;\n    font-size: 1.2em;\n    padding: 10px 0;\n    text-align: center;\n    margin-right: 20px;\n    display: inline-block;\n    cursor: pointer;\n    border:rgb(204, 204, 0) solid 1px;\n    border-radius: 5px;\n    color: rgba(2, 192, 34, 0.844);\n  }\n\n  #divToHidetest{\n    display:none;\n  }\n  #secondSlide1{\n    display:none\n  }\n  #secondSlide2{\n    display:none\n  }\n  #secondSlide3{\n    display:none\n  }\n\n  .IkDoeEenGift{\n    border:rgb(204, 204, 0) solid 1px;\n    background-color: lightgreen;\n    border-radius: 5px;\n    cursor: pointer;\n    color: black;\n  }\n\n  .IkDoeEenGiftBuiten{\n    background-color: white;\n    height: auto;\n    padding: 10px; \n    border-radius: 5px; \n    text-align: center; \n    display: inline-block; \n    width:24%; \n    border: rgb(204, 204, 0) solid 1px\n  }\n\n#dmm_maandelijks_end {\n  outline: none;\n}\n\n\/* Add the box-shadow to the options *\/\n#dmm_maandelijks_end option {\n  background-color: #d36421;\n  color: white;\n  font-family: 'Open Sans', Arial, Helvetica, sans-serif; \n  font-weight: 400;\n  text-align: center;\n  box-shadow: none;\n  border-radius: 5%;\n  padding: 5px;\n  margin-top: 10px;\n  margin-left: 5%;\n  outline: 2px solid rgba(141, 128, 128, 0.5);\n  transition: all 0.2s ease-in-out; \/* Add a transition effect for a smooth animation *\/\n  cursor: pointer;\n}\n\n\/* When an option is hovered over, display the box-shadow *\/\n#dmm_eenmalig_end option:hover {\n  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);\n}\n#dmm_eenmalig_end {\n  outline: none;\n}\n\n\/* Add the box-shadow to the options *\/\n#dmm_eenmalig_end option {\n  background-color: #59BA41;\n  color: white;\n  font-family: 'Open Sans', Arial, Helvetica, sans-serif; \n  font-weight: 800;\n  text-align: center;\n  box-shadow: none;\n  padding: 5px;\n  margin-top: 10px;\n  margin-left: 5%;\n  transition: all 0.2s ease-in-out; \/* Add a transition effect for a smooth animation *\/\n  cursor: pointer;\n}\n\n\/* When an option is hovered over, display the box-shadow *\/\n#dmm_maandelijks_end option:hover {\n  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);\n}\n\n\n\n\/* The Modal (background) *\/\n.modal {\n  display: none; \/* Hidden by default *\/\n  position: fixed; \/* Stay in place *\/\n  z-index: 1; \/* Sit on top *\/\n  top: 0;\n  width: 50%; \/* Full width *\/\n  height: 150%; \/* Full height *\/\n  overflow: auto; \/* Enable scroll if needed *\/\n  background-color: rgb(0,0,0); \/* Fallback color *\/\n  background-color: rgba(0,0,0,0.4); \/* Black w\/ opacity *\/\n}\n\n\/* Modal Content\/Box *\/\n.modal-content {\n  background-color: #fefefe;\n  margin: 15% auto; \/* 15% from the top and centered *\/\n  padding: 20px;\n  border: 1px solid #888;\n  width: 80%; \/* Could be more or less, depending on screen size *\/\n}\n\n\/* The Close Button *\/\n.close {\n  color: #aaa;\n  float: right;\n  font-size: 28px;\n  font-weight: bold;\n}\n\n.close:hover,\n.close:focus {\n  color: black;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n.toggle {\n  cursor: pointer;\n  transition: background-color 0.5s ease;\n}\n\n.toggle:hover {\n  \/* Change the color to a lighter version when hovered *\/\n  filter: brightness(120%);\n}\n\n#hiddenElement {\n  \/* Add a transition to the height *\/\n  transition: height 0.5s ease;\n}\n\t\/** Isotope Portfolio \n\t ****************** **\/\n   #portfolio.portfolio-isotope {\n\t\tdisplay:block;\n\t\tmargin:auto;\n\t\twidth:100%;\n\t}\n\t#portfolio.portfolio-isotope .item-box-desc {\n\t\tmargin-bottom:0;\n\t}\n\t#portfolio.portfolio-isotope-3 .portfolio-item.has-title .inner,\n\t#portfolio.portfolio-isotope-4 .portfolio-item.has-title .inner,\n\t#portfolio.portfolio-isotope-5 .portfolio-item.has-title .inner {\n\t\tmargin-top:-36px !important;\n\t}\n\t#portfolio.portfolio-isotope-6 .portfolio-item.has-title .inner {\n\t\tmargin-top:-26px !important;\n\t}\n\t\n\t\/* 2 columns *\/\n\t#portfolio.portfolio-isotope-2 .portfolio-item {\n\t\tmargin: 0 20px 20px 0;\n\t\tfloat:left;\n\t}\n\t\t#portfolio.portfolio-isotope-2 .item-box-desc {\n\t\t\tpadding:20px;\n\t\t}\n\t\n\t\/* 3 columns *\/\n\t#portfolio.portfolio-isotope-3 .portfolio-item {\n\t\tmargin: 0 15px 15px 0;\n\t}\n\t\t#portfolio.portfolio-isotope-3 .item-box-desc {\n\t\t\tpadding:20px;\n\t\t}\n\t\n\t\/* 4 columns *\/\n\t#portfolio.portfolio-isotope-4 .portfolio-item {\n\t\tmargin: 0 12px 12px 0;\n\t}\n\t\t#portfolio.portfolio-isotope-4 .portfolio-item h3,\n\t\t#portfolio.portfolio-isotope-4 .portfolio-item h4 {\n\t\t\tfont-size:17px;\n\t\t\tline-height:17px;\n\t\t}\n\t\t#portfolio.portfolio-isotope-4 .item-box-desc {\n\t\t\tpadding:20px 10px 20px 10px;\n\t\t}\n\n\t\/* 5 columns *\/\n\t#portfolio.portfolio-isotope-5 .portfolio-item {\n\t\tmargin: 0 10px 10px 0;\n\t}\n\t\t#portfolio.portfolio-isotope-5 .portfolio-item  h3,\n\t\t#portfolio.portfolio-isotope-5 .portfolio-item  h4 {\n\t\t\tfont-size:16px;\n\t\t\tline-height:16px;\n\t\t}\n\t\t#portfolio.portfolio-isotope-5 .item-box-desc {\n\t\t\tpadding:20px 10px 20px 10px;\n\t\t}\n\n\t\/* 6 columns *\/\n\t#portfolio.portfolio-isotope-6 .portfolio-item {\n\t\tmargin: 0 6px 6px 0;\n\t}\n\t\t#portfolio.portfolio-isotope-6 .portfolio-item h3,\n\t\t#portfolio.portfolio-isotope-6 .portfolio-item h4 {\n\t\t\tfont-size:15px;\n\t\t\tline-height:15px;\n\t\t}\n\t\t#portfolio.portfolio-isotope-6 .item-box-desc {\n\t\t\tpadding:20px 10px 20px 10px;\n\t\t}\n\n\t#portfolio.portfolio-isotope.portfolio-nogutter .portfolio-item {\n\t\tmargin:0;\n\t}<\/style>                <div id=\"myDivContainer\" style=\"width: 110%; text-align: center;\">\n                \n                <form id=\"dmm_form\" style=\"width: 1000px; margin-left: -170px;\" novalidate action=\"\/cc\/wp-json\/wp\/v2\/pages\/2\"\n                      class=\"testClass\" method=\"post\">\n                      <h4>Help ons meer kinderen te bezoeken! Steun ons met een bedrag naar keuze.<\/h4>\n                      <img id=\"firstBanner\" width=\"99%\"\/>\n\n                        <script>\n                        window.addEventListener(\"load\", (event) => {\n                            var images = [\n                            \"https:\/\/admin.clinicam.be\/images\/MainBanner.png\",\n                            \"https:\/\/admin.clinicam.be\/images\/Second_Banner.png\",\n                            \/\/... add as many images as you want\n                            ];\n                            \n                            var firstBanner = document.getElementById('firstBanner');\n                            if (firstBanner) {\n                            var selectedImage = images[Math.floor(Math.random() * images.length)];\n                            firstBanner.src = selectedImage;\n                            firstBanner.onerror = function() {\n                                console.log('Failed to load image: ' + selectedImage);\n                            };\n                            } else {\n                            console.log('Element with id \"firstBanner\" not found');\n                            }\n                        });\n                        <\/script>\n\n\n                    \n                                            <div id=\"dmm_interval_buiten\" style=\"font-size:13px;\">\n                        <p height=\"100px\">\n                        <input type=\"hidden\" id=\"dmm_interval\" name=\"dmm_recurring_interval\">\n                        <div id=\"donationOptionsContainer\">\n                        <div id=\"donateOnce\" data-value=\"one1\" class=\"donationOption\" style=\"cursor: pointer; text-align: start;color:white; padding: 20px; height: 200px; margin:-2px; background-color: #0C5849; display: inline-block; width: 33%;\" data-value=\"one1\" onmouseover=\"this.style.backgroundColor='#0e6b55';\" onmouseout=\"this.style.backgroundColor='#0C5849';\">\n                        <p><b><span style=\"font-size: 18px\">EENMALIGE DONATIE<\/span><\/b><\/p>Als je op jaarbasis 40 euro of meer doneert, dan heb je recht op een belastingvermindering van 45%. Zo kost een gift van 100 euro je dus maar 55 euro.<br\/><br\/><b>DONEER ><\/b>\n                        <\/div>\n\n                        <div id=\"donateMonthly\" data-value=\"month2\" class=\"donationOption\" style=\"cursor: pointer; text-align: start;color:white; padding: 20px; height: 200px; margin:-2px; background-color: #117964; display: inline-block; width: 33%;\" data-value=\"month2\" onmouseover=\"this.style.backgroundColor='#149b80';\" onmouseout=\"this.style.backgroundColor='#117964';\">\n                        <p><b><span style=\"font-size: 18px\">MAANDELIJKSE DONATIE<\/span><\/b><\/p>Door te kiezen voor een maandelijkse gift, kunnen wij op structurele wijze werk maken van nieuwe projecten en kunnen we nieuwe zorginstellingen bezoeken.<br\/><br\/><b>DONEER ><\/b>\n                        <\/div>\n\n                        <div id=\"adoptClown\" data-value=\"month3\" class=\"donationOption\" style=\"cursor: pointer; text-align: start;color:white; padding: 20px; height: 200px; margin:-2px; background-color: #16A387; display: inline-block; width: 33%;\" data-value=\"month3\" onmouseover=\"this.style.backgroundColor='#1ac4a1';\" onmouseout=\"this.style.backgroundColor='#16A387';\">\n                        <p><b><span style=\"font-size: 18px\">ADOPTEER EEN CLOWN<\/span><\/b><\/p>Onze clowns zijn elke dag van de week terug te vinden op diverse locaties. Uw gift brengt onze clowns tot bij de kinderen. Stuur onze clown op pad dankzij uw gift.<br\/><br\/><b>DONEER ><\/b>\n                        <\/div>\n                        <\/div>\n\n                        <script>\n                            document.querySelectorAll('.donationOption').forEach(function(option) {\n                                option.addEventListener('click', function() {\n                                    document.getElementById('dmm_interval').value = this.dataset.value.slice(0,-1);\n                                    \/\/document.getElementById('dmm_recurring_interval').value = this.dataset.value.slice(0,-1);\n                                    console.log(document.getElementById('dmm_interval').value);\n                                    console.log(\"1\");\n                                    \/\/ Simulate the select field's onchange event.\n                                    dmm_recurring_methods(this.dataset.value.slice(0,-1));\n                                    showFinalSlide(1);\n                                    showFinalInnerSlide(this.dataset.value.slice(0,-1));\n                                });\n                            });\n                        <\/script>\n                        <\/p>\n                        <\/div>\n                                        <div id=\"secondSlide1\">\n                        <div style=\"width:100%; overflow: hidden\">\n                            <div class=\"IkDoeEenGiftBuiten\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/fzrAM3N.png\" width=\"20px\" margin=\"5px\" height=\"auto\"\/><br\/><p><b>40 euro<\/b><\/p><div><p>Met jouw gift ...<br\/><br\/><\/p><div onclick=\"showFinalSlide(1)\" class=\"IkDoeEenGift\">Ik doe een gift<\/div><\/div><\/div>\n                            <div class=\"IkDoeEenGiftBuiten\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/fzrAM3N.png\" width=\"20px\" margin=\"5px\" height=\"auto\"\/><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/fzrAM3N.png\" width=\"20px\" margin=\"5px\" height=\"auto\"\/><br\/><p><b>60 euro<\/b><\/p><div><p>Met jouw gift ...<br\/><br\/><\/p><div onclick=\"showFinalSlide(1)\" class=\"IkDoeEenGift\">Ik doe een gift<\/div><\/div><\/div>\n                            <div class=\"IkDoeEenGiftBuiten\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/fzrAM3N.png\" width=\"20px\" margin=\"5px\" height=\"auto\"\/><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/fzrAM3N.png\" width=\"20px\" margin=\"5px\" height=\"auto\"\/><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/fzrAM3N.png\" width=\"20px\" margin=\"5px\" height=\"auto\"\/><br\/><p><b>90 euro<\/b><\/p><div><p>Met jouw gift ...<br\/><br\/><\/p><div onclick=\"showFinalSlide(1)\" class=\"IkDoeEenGift\">Ik doe een gift<\/div><\/div><\/div>\n                            <div class=\"IkDoeEenGiftBuiten\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/fzrAM3N.png\" width=\"20px\" margin=\"5px\" height=\"auto\"\/><br\/><p><b>Eigen bedrag<\/b><\/p><div><p>Met jouw gift ...<br\/><br\/><\/p><div onclick=\"showFinalSlide(1)\" class=\"IkDoeEenGift\">Ik doe een gift<\/div><\/div><\/div>\n                        <\/div>\n                    <\/div>\n                    <div id=\"secondSlide2\">\n                    <div style=\"width:100%; overflow: hidden\">\n                            <div class=\"IkDoeEenGiftBuiten\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/fzrAM3N.png\" width=\"20px\" margin=\"5px\" height=\"auto\"\/><br\/><p><b>5 euro<\/b><\/p><div><p>FOTO<br\/><br\/><\/p><div onclick=\"showFinalSlide(2)\" class=\"IkDoeEenGift\">Ik doe een gift<\/div><\/div><\/div>\n                            <div class=\"IkDoeEenGiftBuiten\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/fzrAM3N.png\" width=\"20px\" margin=\"5px\" height=\"auto\"\/><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/fzrAM3N.png\" width=\"20px\" margin=\"5px\" height=\"auto\"\/><br\/><p><b>12 euro<\/b><\/p><div><p>FOTO<br\/><br\/><\/p><div onclick=\"showFinalSlide(2)\" class=\"IkDoeEenGift\">Ik doe een gift<\/div><\/div><\/div>\n                            <div class=\"IkDoeEenGiftBuiten\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/fzrAM3N.png\" width=\"20px\" margin=\"5px\" height=\"auto\"\/><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/fzrAM3N.png\" width=\"20px\" margin=\"5px\" height=\"auto\"\/><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/fzrAM3N.png\" width=\"20px\" margin=\"5px\" height=\"auto\"\/><br\/><p><b>20 euro<\/b><\/p><div><p>FOTO<br\/><br\/><\/p><div onclick=\"showFinalSlide(2)\" class=\"IkDoeEenGift\">Ik doe een gift<\/div><\/div><\/div>\n                            <div class=\"IkDoeEenGiftBuiten\"><img decoding=\"async\" src=\"https:\/\/i.imgur.com\/fzrAM3N.png\" width=\"20px\" margin=\"5px\" height=\"auto\"\/><br\/><p><b>Eigen bedrag<\/b><\/p><div><p>Met jouw gift ...<br\/><br\/><\/p><div onclick=\"showFinalSlide(2)\" class=\"IkDoeEenGift\">Ik doe een gift<\/div><\/div><\/div>\n                        <\/div>\n                    <\/div>\n                    <div id=\"secondSlide3\">\n                    <div style=\"width:100%; overflow: hidden\">\n                            <div class=\"IkDoeEenGiftBuiten\"><img decoding=\"async\" src=\"https:\/\/admin.clinicam.be\/images\/clowns\/fraise-1604925800\/avatar-admin-fraise-1604925800.png\" width=\"20px\" margin=\"5px\" height=\"auto\"\/><br\/><p><b>Fraise<\/b> (5EUR\/M)<\/p><div><p>Clown Fraise bezoekt wekelijks kinderen met een beperking<br\/><br\/><\/p><div onclick=\"showFinalSlide(2)\" class=\"IkDoeEenGift\">Adopteer deze clown<\/div><\/div><\/div>\n                            <div class=\"IkDoeEenGiftBuiten\"><img decoding=\"async\" src=\"https:\/\/admin.clinicam.be\/images\/clowns\/romeo-1604925282\/avatar-admin-romeo-1604925282.png\" width=\"20px\" margin=\"5px\" height=\"auto\"\/><br\/><p><b>Graziella<\/b> (5EUR\/M)<\/p><div><p>Clown Graziella steekt kinderen op de pediatrie afdeling een hart onder de riem<br\/><br\/><\/p><div onclick=\"showFinalSlide(2)\" class=\"IkDoeEenGift\">Adopteer deze clown<\/div><\/div><\/div>\n                            <div class=\"IkDoeEenGiftBuiten\"><img decoding=\"async\" src=\"https:\/\/admin.clinicam.be\/images\/clowns\/pluch-1604932752\/avatar-admin-pluch-1604932752.png\" width=\"20px\" margin=\"5px\" height=\"auto\"\/><br\/><p><b>Pluch<\/b><\/p> (5EUR\/M)<div><p>Wekelijks heeft Pluch contact met heel wat kinderen die via webcam<br\/><br\/><\/p><div onclick=\"showFinalSlide(2)\" class=\"IkDoeEenGift\">Adopteer deze clown<\/div><\/div><\/div>\n                            <div class=\"IkDoeEenGiftBuiten\"><img decoding=\"async\" src=\"https:\/\/admin.clinicam.be\/images\/clowns\/lizzie-1604926486\/avatar-admin-lizzie-1604926486.png\" width=\"20px\" margin=\"5px\" height=\"auto\"\/><br\/><p><b>Lizzie<\/b> (5EUR\/M)<\/p><div><p>Clown Lizzie bezoekt ook kinderen die thuis ziek zijn<br\/><br\/><\/p><div onclick=\"showFinalSlide(2)\" class=\"IkDoeEenGift\">Adopteer deze clown<\/div><\/div><\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"divToHidetest\">\n                        <div class=\"toggle\" id=\"toggle1\" data-value=\"1\" data-color=\"#0C5849\" style=\"background-color: #0C5849;\" id=\"toggle1\"><b>EENMALIGE DONATIE<\/b><span class=\"arrow\">&#9660;<\/span><\/div>\n                        <div class=\"toggle\" id=\"toggle2\" data-value=\"2\" data-color=\"#117964\" style=\"background-color: #117964;\" id=\"toggle2\"><b>MAANDELIJKSE DONATIE<\/b><span class=\"arrow\">&#9660;<\/span><\/div>\n                        <div class=\"toggle\" id=\"toggle3\" data-value=\"3\" data-color=\"#16A387\" style=\"background-color: #16A387;\" id=\"toggle3\"><b>ADOPTEER EEN CLOWN<\/b><span class=\"arrow\">&#9660;<\/span><\/div>\n                    <\/div>\n\n                    <script>\n                    document.getElementById('donateOnce').addEventListener('click', function() {\n                        document.getElementById('toggle1').click();\n                    });\n\n                    document.getElementById('donateMonthly').addEventListener('click', function() {\n                        document.getElementById('toggle2').click();\n                    });\n\n                    document.getElementById('adoptClown').addEventListener('click', function() {\n                        document.getElementById('toggle3').click();\n                    });\n                    document.addEventListener(\"DOMContentLoaded\", function() {\n                            var toggles = document.getElementsByClassName(\"toggle\");\n                            var hiddenElement = document.getElementById(\"hiddenElement\");\n                            var currentParentId;\n\n                            for (let i = 0; i < toggles.length; i++) {\n                                toggles[i].addEventListener(\"click\", function() {\n                                    if (this.id !== currentParentId) {\n                                        this.insertAdjacentElement('afterend', hiddenElement);\n                                        hiddenElement.style.display = \"flex\";\n                                        hiddenElement.style.backgroundColor = this.getAttribute('data-color');\n                                        console.log(this.getAttribute('data-value'))\n                                        if (this.getAttribute('data-value') == 1){\n                                            dmm_recurring_methods('one');\n                                        }\n                                        else {\n                                            dmm_recurring_methods('month');\n                                        }\n                                        showFinalInnerSlide(this.getAttribute('data-value'));\n                                        currentParentId = this.id;\n                                    } else {\n                                        hiddenElement.style.display = hiddenElement.style.display === 'none' ? 'flex' : 'none';\n                                    }\n\n                                    \/\/ Check if the clone exists\n                                    var clone = document.getElementById('clone');\n                                    if (clone) {\n                                        \/\/ If the clone exists, remove it\n                                        clone.remove();\n                                    }\n                                });\n                            }\n                        });\n                    <\/script>\n\n                    <div id=\"hiddenElement\" style=\"padding: 10px; background-color: #0C5849; color: white; display: none;\">\n                    <div id=\"horizontalHiddenElement\">\n                    <br\/>\n                    \n                    <div style=\"text-align:left; width: 33%;\">\n                    <p>\n                        <div id=\"labelContainer\" style=\"text-align: center; margin-left: 50px; margin-right: 50px; margin-top: -15px\">\n                        <input type=\"hidden\" name=\"dmm_currency\" id=\"dmm_currency\" value=\"EUR\"><label style=\"margin-top: -30px;\" for=\"dmm_amount\" id=\"giftLabel\">mijn gift<\/label>                        <\/div>\n                        <div>\n                            <br\/>\n                            <div id=\"eenmaligEnd\" style=\"display:none;\">\n                                <div id=\"dmm_eenmalig_end\" style=\"font-size:13px; width: 100%\">\n                                    <div id=\"dmm_eenmalig_end_row\" class=\"row\" style=\"font-size:13px; width: 100%;\">\n                                        <div id=\"select-container\">\n                                        <select id=\"dmm_dd\"\n                                                multiple\n                                                style=\"width: 50%; height: 200px; font-size:16px; background-color: transparent; border: none; overflow: hidden;\"\n                                                class=\"column\"\n                                                onchange=\"updateCustomAmount('dmm_dd', 'custom-amount-container', 'dmm_amount')\"> <!-- Changed to onchange with parameters -->\n                                            <option style=\"background-color: #d36421;\" value=\"40.00\"><b>40 euro<\/b><\/option>\n                                            <option style=\"background-color: #d36421;\" value=\"60.00\"><b>60 euro<\/b><\/option>\n                                            <option style=\"background-color: #d36421;\" value=\"90.00\"><b>90 euro<\/b><\/option>\n                                            <option style=\"background-color: #d36421;\" value=\"custom_value\"><b>Eigen keuze<\/b><\/option>\n                                        <\/select>\n                                        <\/div>\n                                            <div class=\"column\" style=\"width: 50%; height: 100%; vertical-align: bottom;\">\n                                                    <img decoding=\"async\" class=\"arrowIcon\"style=\"position: absolute; margin-left: -20px; margin-top: 4.5%\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/109\/109618.png\" width=\"15px\" height=\"15px\"\/>\n                                                    <div id=\"mostChosenContainer\"><div id=\"mostChosen\" class=\"mostChosen\" style=\"border-radius: 5%; outline: 1px solid rgba(141, 128, 128, 0.5); margin-top: 17%; height: 80%; font-size: 13px; padding: 7px;\">Meest gekozen: na belastingaftrek kost deze gift je slechts 33 euro!<\/div><div id=\"mostChosenMobile\" class=\"mostChosen\" style=\"border-radius: 5%; outline: 1px solid rgba(141, 128, 128, 0.5); margin-top: 17%; height: 80%; font-size: 13px; padding: 7px;\">Meest gekozen: na belastingaftrek kost een gift van 60 euro je slechts 33 euro!<\/div><\/div>\n                                                    <div id=\"custom-amount-container\" style=\"display:none;\">\n                                                        <style>\n                                                            @media (max-width: 600px) {\n                                                                #mostChosenContainer {\n                                                                    margin-bottom: 30px; \n                                                                }\n                                                                #dm_dd{\n                                                                    height: 12vw;\n                                                                }\n                                                            }\n                                                        <\/style>\n                                                        <input style=\"color: black; width: 110px; height: auto; padding: 5px; margin-top: 18%; border-radius: 5%\" type=\"number\" id=\"dmm_custom_amount\" \n                                                            onchange=\"updateCustomSelection('dmm_custom_amount', 'dmm_dd', 'dmm_amount')\"> <!-- Changed to onchange with parameters -->\n                                                        <span style=\"font-size: 20px;\">&euro;<\/span>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                <\/div>\n                            <\/div>\n                            <div id=\"maandelijksEnd\" style=\"display:none;\">\n                                <div id=\"dmm_maandelijks_end\" style=\"font-size:13px; width: 100%\">\n                                    <div class=\"row\" style=\"font-size:13px; width: 100%;\">\n                                        <select id=\"dmm_dd2\"\n                                                multiple\n                                                style=\"width: 50%; height: 200px; font-size:16px; background-color: transparent; border: none; overflow: hidden;\"\n                                                class=\"column\"\n                                                onchange=\"updateCustomAmount3()\"\n                                                style=\"background-color: transparent\">\n                                            <option value=\"5.00\">5 euro<\/option>\n                                            <option value=\"12.00\">12 euro<\/option>\n                                            <option value=\"20.00\">20 euro<\/option>\n                                            <option style=\"background-color: #41b0ba;\" value=\"custom_value\">Eigen keuze<\/option>\n                                        <\/select>\n                                        <div class=\"column\" style=\" width: 50%; height: 100%; vertical-align: bottom;\">\n                                                    <img decoding=\"async\" class=\"arrowIcon\" style=\"position: absolute; margin-left: -20px; margin-top: 4.5%\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/109\/109618.png\" width=\"15px\" height=\"15px\"\/>\n                                                    <div id=\"mostChosenContainer2\"><div id=\"mostChosenY\" class=\"mostChosen\" style=\"border-radius: 5%; outline: 1px solid rgba(141, 128, 128, 0.5); margin-top: 17%; height: 80%; font-size: 13px; padding: 7px;\">Meest gekozen: na belastingaftrek kost deze gift op jaarbasis 79 euro!<\/div><div class=\"mostChosen\" id=\"mostChosenYMobile\" style=\"border-radius: 5%; outline: 1px solid rgba(141, 128, 128, 0.5); margin-top: 17%; height: 80%; font-size: 13px; padding: 7px;\">Meest gekozen: na belastingaftrek kost een maandelijkse gift van 12 euro je op jaarbasis 79 euro!<\/div><\/div>\n                                                    <div id=\"custom-amount-container2\" style=\"display:none;\">\n                                                        <style>\n                                                            @media (max-width: 600px) {\n                                                                #mostChosenContainer2 {\n                                                                    margin-bottom: 30px; \n                                                                }\n                                                                #dm_dd2{\n                                                                    height: 12vw;\n                                                                }\n                                                            }\n                                                        <\/style>\n                                                        <input style=\"color:black; width: 110px; height: auto; padding: 5px; margin-top: 18%; border-radius: 5%\" type=\"number\" id=\"dmm_custom_amount2\" \n                                                            onchange=\"updateCustomSelection('dmm_custom_amount2', 'dmm_dd2', 'dmm_amount')\"> <!-- Changed to onchange with parameters -->\n                                                        <span style=\"font-size: 20px;\">&euro;<\/span>\n                                                    <\/div>\n                                         <\/div>\n                                    <\/div>\n                                <\/div>\n                                <script>\n                                \/\/ Function to detect iOS devices\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Function to detect iOS devices\n    function isIOS() {\n        return \/iPad|iPhone|iPod\/.test(navigator.userAgent) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1);\n    }\n\n    \/\/ Function to build a custom dropdown, parameterized for reusability\n    function buildCustomDropdown(originalSelectId, customAmountContainerId) {\n        const originalSelect = document.getElementById(originalSelectId);\n        const customAmountContainer = document.getElementById(customAmountContainerId);\n\n        const customDropdown = document.createElement('div');\n        customDropdown.className = 'custom-select';\n        customDropdown.style.maxWidth = '170px'; \/\/ Max width adjusted\n        customDropdown.style.backgroundColor = '#d36421';\n        customDropdown.style.padding = '10px';\n        customDropdown.style.margin = '10px auto'; \/\/ Centered in the div\n        customDropdown.style.cursor = 'pointer';\n        customDropdown.style.position = 'relative';\n        customDropdown.style.textAlign = 'center';\n        customDropdown.style.boxSizing = 'border-box';\n\n        const displaySelected = document.createElement('div');\n        displaySelected.textContent = 'Kies een optie'; \/\/ Assuming 'Select an option' in Dutch\n        displaySelected.style.backgroundColor = '#d36421';\n        displaySelected.style.color = 'white';\n        displaySelected.style.maxWidth = '150px';\n        displaySelected.style.height = '40px';\n        displaySelected.style.lineHeight = '40px';\n        customDropdown.appendChild(displaySelected);\n\n        const optionsContainer = document.createElement('div');\n        optionsContainer.style.display = 'none';\n        optionsContainer.style.position = 'absolute';\n        optionsContainer.style.left = '0';\n        optionsContainer.style.right = '0';\n        optionsContainer.style.backgroundColor = 'white';\n        optionsContainer.style.zIndex = '999';\n        optionsContainer.style.border = '1px solid #ccc';\n        optionsContainer.style.boxSizing = 'border-box';\n        customDropdown.appendChild(optionsContainer);\n\n        Array.from(originalSelect.options).forEach((option) => {\n            const optionDiv = document.createElement('div');\n            optionDiv.textContent = option.text;\n            optionDiv.style.padding = '10px';\n            optionDiv.style.backgroundColor = 'white';\n            optionDiv.style.color = '#333';\n            optionDiv.style.borderBottom = '1px solid #ddd';\n            optionDiv.style.boxSizing = 'border-box';\n\n            optionDiv.onmouseover = () => optionDiv.style.backgroundColor = '#f2f2f2';\n            optionDiv.onmouseout = () => optionDiv.style.backgroundColor = 'white';\n\n            optionDiv.onclick = () => {\n                originalSelect.value = option.value;\n                displaySelected.textContent = option.text;\n                displaySelected.style.backgroundColor = '#d36421';\n                optionsContainer.style.display = 'none';\n                if (typeof originalSelect.onchange === \"function\") {\n                    originalSelect.onchange();\n                }\n            };\n\n            optionsContainer.appendChild(optionDiv);\n        });\n\n        displaySelected.onclick = () => {\n            const isDisplayed = optionsContainer.style.display !== 'none';\n            optionsContainer.style.display = isDisplayed ? 'none' : 'block';\n        };\n\n        originalSelect.parentNode.insertBefore(customDropdown, originalSelect);\n        originalSelect.style.display = 'none';\n\n        \/\/ Layout adjustments for iOS devices\n        if (isIOS()) {\n            customAmountContainer.style.width = '100%';\n            customAmountContainer.style.marginTop = '10px';\n        }\n    }\n\n    \/\/ Apply custom dropdowns for both select elements if on iOS\n    if (isIOS()) {\n        buildCustomDropdown('dmm_dd', 'custom-amount-container');\n        buildCustomDropdown('dmm_dd2', 'custom-amount-container2');\n        document.getElementById('dmm_custom_amount').style.marginLeft = '-150px';\n        document.getElementById('dmm_custom_amount2').style.marginLeft = '-150px';\n    }\n});\n\n                                \/\/ Function to update the color of the selected option\n                                function changeColor(selectID) {\n                                const selectElement = document.getElementById(selectID);\n                                const options = selectElement.options;\n\n                                for (let i = 0; i < options.length; i++) {\n                                    if (options[i].selected) {\n                                    options[i].style.backgroundColor = \"blue\";\n                                    options[i].style.color = \"white\";\n                                    } else {\n                                    options[i].style.backgroundColor = \"#d36421\";\n                                    options[i].style.color = \"white\";\n                                    }\n                                }\n                                }\n                                \/\/ Define a function that will work for multiple dropdowns\n                                function updateCustomAmount(dropdownID, customAmountID, targetID) {\n                                const selected = document.getElementById(dropdownID).value;\n                                const customAmountContainer = document.getElementById(customAmountID);\n                                const targetElement = document.getElementById(targetID);\n\n                                if (selected === \"custom_value\") {\n                                    customAmountContainer.style.display = \"block\";\n                                } else {\n                                    customAmountContainer.style.display = \"none\";\n                                    targetElement.value = selected;\n                                    console.log(targetElement.value);\n                                }\n                                }\n\n                                \/\/ Define a function to update custom selections\n                                function updateCustomSelection(customAmountID, dropdownID, targetID) {\n                                let customAmountValue = document.getElementById(customAmountID).value;\n                                const options = document.getElementById(dropdownID).options;\n                                const targetElement = document.getElementById(targetID);\n\n                                options[options.length - 1].value = customAmountValue;\n\n                                \/\/ Ensure the decimal format\n                                if (!customAmountValue.endsWith(\".00\")) {\n                                    customAmountValue += \".00\";\n                                } else if (customAmountValue.includes(\",00\")) {\n                                    customAmountValue = customAmountValue.replace(\",00\", \".00\");\n                                }\n\n                                targetElement.value = customAmountValue;\n                                console.log(customAmountValue);\n                                console.log(targetElement.value);\n                                }\n\n                                \/\/ Now, link the functions to your dropdowns\n                                document.addEventListener(\"DOMContentLoaded\", function() {\n                                const selectElement1 = document.getElementById(\"dmm_dd\");\n                                selectElement1.addEventListener(\"click\", function() {\n                                    updateCustomAmount(\"dmm_dd\", \"custom-amount-container\", \"dmm_amount\");\n                                    changeColor(\"dmm_dd\");\n                                });\n                                selectElement1.addEventListener(\"focus\", function() {\n                                    changeColor(\"dmm_dd\");\n                                });\n                                selectElement1.addEventListener(\"blur\", function() {\n                                    changeColor(\"dmm_dd\");\n                                });\n\n                                const selectElement2 = document.getElementById(\"dmm_dd2\");\n                                selectElement2.addEventListener(\"click\", function() {\n                                    updateCustomAmount(\"dmm_dd2\", \"custom-amount-container2\", \"dmm_amount\");\n                                    changeColor(\"dmm_dd2\");\n                                });\n                                selectElement1.addEventListener(\"focus\", function() {\n                                    changeColor(\"dmm_dd2\");\n                                });\n                                selectElement1.addEventListener(\"blur\", function() {\n                                    changeColor(\"dmm_dd2\");\n                                });\n                                });\n\n                            <\/script>\n                            <\/div>\n                            <div id=\"adoptEnd\" style=\"display:none; width: 100%;\">\n                                <div id=\"dmm_maandelijks_end\" style=\"font-size:13px; width: 100%\">\n                                <div class=\"custom-select\" style=\"font-size:13px; width: 100%;\">\n                                    <div class=\"clownPick\" onclick=\"updateCustomAmount2('10.00')\">\n                                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/VD1n96w.png\" width=\"130\">\n                                        <p><b>FRAISE<\/b><span style=\"float:right\">10&euro;\/mnd<\/span><br\/>Fraise bezoekt wekelijks kinderen met een beperking!<\/p>\n                                        <input type=\"hidden\" value=\"10.00\">\n                                    <\/div>\n                                    <div class=\"clownPick\" onclick=\"updateCustomAmount2('10.00')\">\n                                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/4pAX6C0.png\" width=\"130\">\n                                        <p><b>GRAZIELLA<\/b><span style=\"float:right\">10&euro;\/mnd<\/span><br\/>Graziella steekt kinderen een hart onder de riem!<\/p>\n                                        <input type=\"hidden\" value=\"10.00\">\n                                    <\/div>\n                                    <div class=\"clownPick\" onclick=\"updateCustomAmount2('10.00')\">\n                                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/Vqyr471.png\" width=\"130\">\n                                        <p><b>PLUCH<\/b><span style=\"float:right\">10&euro;\/mnd<\/span><br\/>Wekelijks heeft Pluch contact met kinderen via de webcam!<\/p>\n                                        <input type=\"hidden\" value=\"10.00\">\n                                    <\/div>\n                                    <div class=\"clownPick\" onclick=\"updateCustomAmount2('10.00')\">\n                                        <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/StoVdYy.png\" width=\"130\">\n                                        <p><b>LIZZIE<\/b><span style=\"float:right\">10&euro;\/mnd<\/span><br\/>Lizzie bezoekt ook thuis kinderen!<\/p>\n                                        <input type=\"hidden\" value=\"10.00\">\n                                    <\/div>\n                                <\/div>\n                                <\/div>\n                                <script>\n                                document.addEventListener(\"DOMContentLoaded\", function() {\n                                const customSelectDivs = document.querySelectorAll(\"#adoptEnd .custom-select div\");\n\n                                customSelectDivs.forEach(div => {\n                                    div.addEventListener(\"click\", function(e) {\n                                    \/\/ Remove the selected class from all divs\n                                    customSelectDivs.forEach(innerDiv => {\n                                        innerDiv.classList.remove(\"selected\");\n                                    });\n\n                                    \/\/ Add the selected class to the clicked div\n                                    this.classList.add(\"selected\");\n\n                                    \/\/ Your existing logic for clicking a div can go here.\n                                    \/\/ For example: updateCustomAmount2(value);\n                                    });\n                                });\n                                });\n                                function updateCustomAmount2(value = null) {\n                                    \/\/ If a value is provided, use it\n                                    if (value !== null) {\n                                        console.log(value);\n                                        document.getElementById(\"dmm_amount\").value = value;\n                                        return;\n                                    }\n\n                                    let selected = document.getElementById(\"dmm_dd2\").value;\n                                    let customAmountContainer = document.getElementById(\"custom-amount-container2\");\n\n                                    if (selected === \"custom_value\") {\n                                        customAmountContainer.style.display = \"block\";\n                                    } else {\n                                        customAmountContainer.style.display = \"none\";\n                                        document.getElementById(\"dmm_amount\").value = selected;\n                                        console.log(document.getElementById(\"dmm_amount\").value);\n                                    }\n                                }\n\n                                function updateCustomSelection2() {\n                                    let customAmountValue = document.getElementById(\"dmm_custom_amount\").value; \/\/ Note: you had a typo here, it was dmm_custom_amount2, but in the HTML it's dmm_custom_amount\n                                    let options = document.getElementById(\"dmm_dd2\").options;\n                                    options[options.length - 1].value = customAmountValue;\n                                    options[options.length - 1].text = customAmountValue;\n\n                                    if (!customAmountValue.endsWith('.00')) {\n                                        customAmountValue += '.00';\n                                    } else if (customAmountValue.endsWith(',00')) {\n                                        customAmountValue = customAmountValue.replace(',00','.00');\n                                    }\n                                    \n                                    document.getElementById(\"dmm_amount\").value = customAmountValue;\n                                    console.log(customAmountValue);\n                                    console.log(document.getElementById(\"dmm_amount\").value);\n                                }\n                                <\/script>\n\n                            <\/div>\n                        <\/div>\n                        <div class=\"test\" style=\"display:none\">\n                        <select id=\"dmm_dd\" style=\"width: 100%;\" class=\"\" onchange=\"console.log(this.value);console.log(this.value.replace(',', '.'));if(this.value!='--'){document.getElementById('dmm_amount').value=this.value.replace(',', '.');document.getElementById('dmm_amount').style.display = 'none';}else{document.getElementById('dmm_amount').style.display = 'block';}\"><option value=\"--\">Kies zelf je bedrag<\/option><option value=\"5,00\">5,00<\/option><option value=\"10,00\">10,00<\/option><option value=\"25,00\">25,00<\/option><\/select><span style=\"display:block;overflow:auto;\">\n                                  <input type=\"number\" step=\"any\" min=\"1\" id=\"dmm_amount\" name=\"dmm_amount\" class=\"\" value=\"\" style=\"width: 100%;float:left;margin-top:15px;\"><\/span>                        <\/div>\n                    <\/p>\n                    <\/div>                    <br><br>\n                    \n\n                    <br><br>\n                    <script>\n                        window.onload = function () {\n                            var dmm_dd = document.getElementById('dmm_dd');\n                            if (dmm_dd !== null) {\n                                if (dmm_dd.value !== '--') {\n                                    document.getElementById('dmm_amount').value = document.getElementById('dmm_dd').value.replace(',', '.');\n                                    document.getElementById('dmm_amount').style.display = 'none';\n                                }\n                            }\n                                                        if (document.getElementById('dmm_interval').value !== 'one') {\n                                document.getElementById('dmm_permission').style.display = 'block';\n                            }\n                            dmm_recurring_methods(document.getElementById('dmm_interval').value);\n                                                        dmm_multicurrency_methods(document.getElementById('dmm_currency').value);\n                        }\n                        function testFunction (){\n                            console.log(document.getElementById('dmm_interval').value.slice(0,-1));\n                            showFinalSlide(1)\n                            \/\/ var divToShow = 'secondSlide' + document.getElementById('dmm_interval').value.slice(-1);\n                            \/\/ document.getElementById(divToShow).style.display = \"block\";\n                            \/\/ document.getElementById('dmm_interval_buiten').style.display = \"none\";\n                        }\n                        function showFinalSlide (id){\n                            console.log(\"Helloooo\");\n                            document.getElementById('dmm_interval_buiten').style.display = \"none\";\n                            document.getElementById('divToHidetest').style.display = \"block\";\n                            document.getElementById('eenmaligEnd').style.display = \"flex\";\n                            document.getElementById('maandelijksEnd').style.display = \"none\";\n                            document.getElementById('adoptEnd').style.display = \"none\";\n                        }\n                        function showFinalInnerSlide (id){\n                            if (id == 1){\n                                document.getElementById('eenmaligEnd').style.display = \"flex\";\n                                document.getElementById('maandelijksEnd').style.display = \"none\";\n                                document.getElementById('adoptEnd').style.display = \"none\";\n                            }\n                            else if (id == 2){\n                                document.getElementById('eenmaligEnd').style.display = \"none\";\n                                document.getElementById('maandelijksEnd').style.display = \"flex\";\n                                document.getElementById('adoptEnd').style.display = \"none\";\n                            }\n                            else {\n                                document.getElementById('eenmaligEnd').style.display = \"none\";\n                                document.getElementById('maandelijksEnd').style.display = \"none\";\n                                document.getElementById('adoptEnd').style.display = \"flex\";\n                            }\n                        }\n                    <\/script>\n\n                    <div class=\"hiddenElementPart\" style=\"text-align:left; width: 33%;\">\n                    <div id=\"mijnGegevens\" style=\"text-align: center; margin-left: 50px; margin-right: 50px;\">\n                    <b>mijn gegevens<\/b>\n                    <\/div>\n                    <br\/>\n                    <div style=\"text-align:left;\">\n                    <input type=\"radio\"\n                            id=\"myRadio1\"\n                            name=\"myRadio\"\n                            autocomplete=\"off\"\n                            class=\"\"\n                            value=\"\"\n                            style=\"margin-right: 10px;\">Ik doe een gift uit persoonlijke naam<br\/>\n                    <input  type=\"radio\"\n                            id=\"myRadio2\"\n                            name=\"myRadio\"\n                            autocomplete=\"off\"\n                            value=\"\"\n                            style=\"margin-right: 10px;\">Ik doe een gift uit naam van organisatie\/bedrijf                    <\/div>\n\n                    <br\/><br\/>\n                    <script type=\"text\/javascript\">\n                    window.addEventListener(\"load\", function() {\n                        const radio1 = document.getElementById('myRadio1');\n                        const radio2 = document.getElementById('myRadio2');\n                        const extraInfo = document.getElementById('extraInfo');\n                        const companyField = document.getElementById('companyField');\n                        const countryField = document.getElementById('countryField');\n\n                        function updateFields() {\n                            \/\/ Hide everything by default\n                            extraInfo.style.display = 'none';\n                            companyField.style.display = 'none';\n                            countryField.style.display = 'none';\n\n                            if (radio1.checked) {\n                                extraInfo.style.display = 'block';\n                            } else if (radio2.checked) {\n                                extraInfo.style.display = 'block';\n                                companyField.style.display = 'block';\n                                countryField.style.display = 'block';\n                            }\n                        }\n\n                        radio1.addEventListener(\"click\", updateFields);\n                        radio2.addEventListener(\"click\", updateFields);\n\n                        \/\/ Initialize to default state\n                        updateFields();\n                    });\n                    <\/script>\n\n                    <p>Indien u ons uw persoonlijke gegevens bezorgt kunnen wij uw gift aan uw belastingaangifte koppelen.<\/p>\n                    <!-- <div id=\"rrn\">\n                        <input type=\"text\"\n                                   id=\"\"\n                                   class=\"\"\n                                   value=\"\"\n                                   placeholder=\"RRN (optioneel)\">\n                        <p>Indien u ons uw RRN bezorgt kunnen wij uw gift aan uw belastingsaangifte koppelen.<\/p>\n                    <\/div> -->\n                    \n                    <\/div>\n\n                                        <div class=\"hiddenElementPart\" style=\"text-align:left; width: 33%;\">\n                    <label for=\"dmm_permission_field\" id=\"dmm_permission\" style=\"display:none\">\n                    <br\/><br\/>\n\t                    <input type=\"checkbox\" id=\"dmm_permission_field\" name=\"dmm_permission\">\n\t                    Ik sta toe dat Cliniclowns Belgie maandelijks het bovenstaande bedrag van mijn rekening neemt.                    <\/label>\n                    <div style=\"width:100%;\">\n                                            <p>\n                            <label for=\"dmm_gdpr\"><input type=\"checkbox\" id=\"dmm_gdpr\" name=\"dmm_gdpr\">\n                            Ik stem in met de <a target=\"_blank\" href=\"https:\/\/cliniclowns.be\/app\/privacy-nl.html\"> Privacy Policy <\/a>                            <\/label>\n\n                        <\/p>\n                                        <\/div>\n                    <p>\n            <script>\n            function dmm_recurring_methods(value) {\n                var x = document.getElementsByClassName(\"dmm_recurring\");\n                var i;\n                for (i = 0; i < x.length; i++) {\n                    x[i].style.display = (value!=\"one\" ? \"none\" : \"block\");\n                    x[i].disabled = (value!=\"one\" ? \"disabled\" : \"\");\n                }\n                \n                var x = document.getElementsByClassName(\"dmm_dd\");\n                var i;\n                for (i = 0; i < x.length; i++) {\n                    x[i].style.display = value!=\"one\" ? \"none\" : \"block\";\n                    x[i].disabled = value!=\"one\" ? \"disabled\" : \"\";\n                }\n                document.getElementById(\"dmm_permission\").style.display = (value == \"one\" ? \"none\" : \"block\");\n            }\n            <\/script>\n        <script>\n        function dmm_multicurrency_methods(value) {\n            let dmm_currencies = {\"AED\":\"AED\",\"AUD\":\"AUD\",\"BGN\":\"BGN\",\"CAD\":\"CAD\",\"CHF\":\"CHF\",\"CZK\":\"CZK\",\"DKK\":\"DKK\",\"EUR\":\"&euro;\",\"GBP\":\"&pound;\",\"HKD\":\"HKD\",\"HRK\":\"HRK\",\"HUF\":\"HUF\",\"ILS\":\"ILS\",\"ISK\":\"ISK\",\"JPY\":\"&yen;\",\"NOK\":\"NOK\",\"NZD\":\"NZD\",\"PHP\":\"PHP\",\"PLN\":\"PLN\",\"RON\":\"RON\",\"RUB\":\"RUB\",\"SEK\":\"SEK\",\"SGD\":\"SGD\",\"USD\":\"US$\",\"ZAR\":\"ZAR\"};\n            document.getElementById(\"dmm_currency_symbol\").innerHTML = dmm_currencies[value];\n            \n            let x = document.getElementsByClassName(\"dmm_nomc\");\n            for (let i = 0; i < x.length; i++) {\n                x[i].style.display = (value!=\"EUR\" ? \"none\" : \"block\");\n                x[i].disabled = (value!=\"EUR\" ? \"disabled\" : \"\");\n            }\n        }\n        <\/script><label style=\"display:inline-block; width:100%;\" class=\"dmm_dd dmm_nomc\"><input type=\"radio\" name=\"dmm_method\" value=\"ideal\" checked> <img decoding=\"async\" style=\"vertical-align:middle;display:inline-block\" src=\"https:\/\/www.mollie.com\/external\/icons\/payment-methods\/ideal.png\"> iDEAL | Wero<br\/><\/label><label style=\"display:inline-block; width:100%;\" class=\"dmm_cc dmm_mc\"><input type=\"radio\" name=\"dmm_method\" value=\"creditcard\" > <img decoding=\"async\" style=\"vertical-align:middle;display:inline-block\" src=\"https:\/\/www.mollie.com\/external\/icons\/payment-methods\/creditcard.png\"> Card<br\/><\/label><label style=\"display:inline-block; width:100%;\" class=\"dmm_recurring dmm_mc\"><input type=\"radio\" name=\"dmm_method\" value=\"paypal\" > <img decoding=\"async\" style=\"vertical-align:middle;display:inline-block\" src=\"https:\/\/www.mollie.com\/external\/icons\/payment-methods\/paypal.png\"> PayPal<br\/><\/label><label style=\"display:inline-block; width:100%;\" class=\"dmm_dd dmm_nomc\"><input type=\"radio\" name=\"dmm_method\" value=\"bancontact\" > <img decoding=\"async\" style=\"vertical-align:middle;display:inline-block\" src=\"https:\/\/www.mollie.com\/external\/icons\/payment-methods\/bancontact.png\"> Bancontact<br\/><\/label><label style=\"display:inline-block; width:100%;\" class=\"dmm_dd dmm_nomc\"><input type=\"radio\" name=\"dmm_method\" value=\"kbc\" > <img decoding=\"async\" style=\"vertical-align:middle;display:inline-block\" src=\"https:\/\/www.mollie.com\/external\/icons\/payment-methods\/kbc.png\"> KBC\/CBC Payment Button<br\/><\/label><label style=\"display:inline-block; width:100%;\" class=\"dmm_dd dmm_nomc\"><input type=\"radio\" name=\"dmm_method\" value=\"belfius\" > <img decoding=\"async\" style=\"vertical-align:middle;display:inline-block\" src=\"https:\/\/www.mollie.com\/external\/icons\/payment-methods\/belfius.png\"> Belfius Pay Button<br\/><\/label><\/p>\n\t                \t\t                <input id=\"submitButton\"\n                               type=\"submit\"\n\t\t                       name=\"dmm_submitted\"\n                               style=\"width: 100%; background-color: #d36421; border-radius:0%; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 400; font-size:16px\"\n\t\t                       class=\"btn btn-3d btn-green btn-lg size-16\"\n\t\t                       value=\"Ik bevestig mijn gift\">\n                               <div id=\"error-message\" style=\"color: red;\"><\/div>\n\t                                    <\/div>\n                    <script type=\"text\/javascript\">\ndocument.addEventListener('DOMContentLoaded', function () {\n    var form = document.getElementById('dmm_form');\n    form.addEventListener('submit', function(event) {\n        var checkbox = document.getElementById('dmm_gdpr');\n        if (!checkbox.checked) {\n            event.preventDefault(); \/\/ Stop form submission\n            document.getElementById('error-message').textContent = 'Please agree to the privacy policy before continuing.';\n        }\n    });\n});\n                        function isIOS() {\n                            return \/iPad|iPhone|iPod\/.test(navigator.userAgent) && !window.MSStream;\n                        }\n\n                        if (isIOS()) {\n                            document.body.classList.add('ios-device');\n                            var selectElement = document.getElementById('dmm_dd');\n                            selectElement.removeAttribute('multiple');\n                        }\n                        window.addEventListener(\"load\", (event) => {\n                        var form = document.getElementById('dmm_form');\n                        form.addEventListener('submit', function(event) {\n                            var isValidForm = myFunction2();\n                            if (!isValidForm) {\n                                event.preventDefault();\n                            }\n                        });\n                    });\n\n                    function myFunction2() {\n                        var isValidForm = true;\n\n                        \/\/ Reset previous errors\n                        var errorMessages = document.getElementsByClassName('error-message');\n                        while(errorMessages[0]) {\n                            errorMessages[0].parentNode.removeChild(errorMessages[0]);\n                        }\n                        var fieldsToValidate = [];\n                        \/\/ Validate form fields\n                        if (document.getElementById('myRadio1').checked == true){\n                            var fieldsToValidate = [\n                                'dmm_name',\n                                'dmm_email',\n                                'dmm_phone',\n                                'dmm_street',\n                                'dmm_house_number',\n                                'dmm_zipcode',\n                                'dmm_city',\n                                'dmm_message',\n                            ];\n                        }\n                        else if (document.getElementById('myRadio2').checked == true){\n                            var fieldsToValidate = [\n                                'dmm_name',\n                                'dmm_email',\n                                'dmm_phone',\n                                'dmm_street',\n                                'dmm_house_number',\n                                'dmm_zipcode',\n                                'dmm_city',\n                                'dmm_message',\n                                'dmm_country',\n                                'dmm_company'\n                            ];\n                        }\n\n                        fieldsToValidate.forEach(function(id) {\n                            var field = document.getElementById(id);\n                            if (field) {\n                                if (!field.value) {\n                                    isValidForm = false;\n                                    var errorMessage = document.createElement('div');\n                                    errorMessage.classList.add('error-message');\n                                    errorMessage.style.color = '#D0312D';\n                                    errorMessage.innerText = \"Dit veld is verplicht voor een fiscaal attest!\";\n                                    field.parentNode.insertBefore(errorMessage, field.nextSibling);\n                                }\n                            }\n                        });\n\n                        var rrnField = document.getElementById('dmm_message');\n                        if (rrnField && rrnField.value) {\n                            var rrnDigits = rrnField.value.replace(\/\\D\/g, '');\n                            if (rrnDigits.length !== 11 || !\/^\\d{2}\\.\\d{2}\\.\\d{2}-\\d{3}\\.\\d{2}$\/.test(rrnField.value)) {\n                                isValidForm = false;\n                                var rrnError = document.createElement('div');\n                                rrnError.classList.add('error-message');\n                                rrnError.style.color = '#D0312D';\n                                rrnError.innerText = \"Geef een geldig rijksregisternummer in (XX.XX.XX-XXX.XX)\";\n                                rrnField.parentNode.insertBefore(rrnError, rrnField.nextSibling);\n                            }\n                        }\n\n                        var vatField = document.getElementById('dmm_country');\n                        if (vatField && vatField.offsetParent !== null && vatField.value) {\n                            var vatDigits = String(vatField.value).replace(\/^BE\\s*\/i, '').replace(\/\\D\/g, '');\n                            if (vatDigits.length !== 10 || !\/^\\d{4}\\.\\d{3}\\.\\d{3}$\/.test(vatField.value)) {\n                                isValidForm = false;\n                                var vatError = document.createElement('div');\n                                vatError.classList.add('error-message');\n                                vatError.style.color = '#D0312D';\n                                vatError.innerText = \"Geef een geldig ondernemingsnummer in (XXXX.XXX.XXX)\";\n                                vatField.parentNode.insertBefore(vatError, vatField.nextSibling);\n                            }\n                        }\n\n                        return isValidForm;\n                    }\n\n                    function dmmFormatRrnInput(value) {\n                        var digits = String(value || '').replace(\/\\D\/g, '').slice(0, 11);\n                        var out = '';\n                        if (digits.length > 0) out = digits.substring(0, Math.min(2, digits.length));\n                        if (digits.length > 2) out += '.' + digits.substring(2, Math.min(4, digits.length));\n                        if (digits.length > 4) out += '.' + digits.substring(4, Math.min(6, digits.length));\n                        if (digits.length > 6) out += '-' + digits.substring(6, Math.min(9, digits.length));\n                        if (digits.length > 9) out += '.' + digits.substring(9, Math.min(11, digits.length));\n                        return out;\n                    }\n\n                    function dmmFormatVatInput(value) {\n                        var digits = String(value || '').replace(\/^BE\\s*\/i, '').replace(\/\\D\/g, '').slice(0, 10);\n                        var out = '';\n                        if (digits.length > 0) out = digits.substring(0, Math.min(4, digits.length));\n                        if (digits.length > 4) out += '.' + digits.substring(4, Math.min(7, digits.length));\n                        if (digits.length > 7) out += '.' + digits.substring(7, Math.min(10, digits.length));\n                        return out;\n                    }\n\n                    document.addEventListener('DOMContentLoaded', function () {\n                        var rrnInput = document.getElementById('dmm_message');\n                        if (rrnInput) {\n                            rrnInput.setAttribute('inputmode', 'numeric');\n                            rrnInput.setAttribute('autocomplete', 'off');\n                            rrnInput.setAttribute('maxlength', '15');\n                            rrnInput.setAttribute('placeholder', \"Rijksregisternummer (XX.XX.XX-XXX.XX)\");\n\n                            if (rrnInput.value) {\n                                rrnInput.value = dmmFormatRrnInput(rrnInput.value);\n                            }\n\n                            rrnInput.addEventListener('input', function () {\n                                var start = this.selectionStart;\n                                var oldLen = this.value.length;\n                                this.value = dmmFormatRrnInput(this.value);\n                                var newLen = this.value.length;\n                                var pos = Math.max(0, start + (newLen - oldLen));\n                                try { this.setSelectionRange(pos, pos); } catch (e) {}\n                            });\n\n                            rrnInput.addEventListener('blur', function () {\n                                this.value = dmmFormatRrnInput(this.value);\n                            });\n                        }\n\n                        var vatInput = document.getElementById('dmm_country');\n                        if (vatInput) {\n                            vatInput.setAttribute('inputmode', 'numeric');\n                            vatInput.setAttribute('autocomplete', 'off');\n                            vatInput.setAttribute('maxlength', '12');\n                            vatInput.setAttribute('placeholder', \"Ondernemingsnummer (XXXX.XXX.XXX)\");\n\n                            if (vatInput.value) {\n                                vatInput.value = dmmFormatVatInput(vatInput.value);\n                            }\n\n                            vatInput.addEventListener('input', function () {\n                                var start = this.selectionStart;\n                                var oldLen = this.value.length;\n                                this.value = dmmFormatVatInput(this.value);\n                                var newLen = this.value.length;\n                                var pos = Math.max(0, start + (newLen - oldLen));\n                                try { this.setSelectionRange(pos, pos); } catch (e) {}\n                            });\n\n                            vatInput.addEventListener('blur', function () {\n                                this.value = dmmFormatVatInput(this.value);\n                            });\n                        }\n                    });\n                    <\/script>\n\n<\/div>\n<style>\n#extraInfo.dmm-credentials {\n    margin: 0 auto;\n    width: 100%;\n    box-sizing: border-box;\n    padding: 18px 16px 22px;\n    background-color: #0C5849;\n    color: #fff;\n    display: none;\n}\n#extraInfo .dmm-credentials-title {\n    margin: 0 0 14px;\n    color: #fff;\n    font-size: 20px;\n    font-weight: 700;\n    text-align: left;\n}\n#extraInfo .dmm-credentials-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px 20px;\n    align-items: start;\n}\n#extraInfo .dmm-credentials-col {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    min-width: 0;\n}\n#extraInfo .dmm-field {\n    margin: 0;\n}\n#extraInfo .dmm-field-split {\n    display: grid;\n    grid-template-columns: 1.2fr 0.8fr;\n    gap: 10px;\n}\n#extraInfo .dmm-input {\n    width: 100% !important;\n    box-sizing: border-box;\n    margin: 0;\n    padding: 11px 12px;\n    border: 1px solid rgba(255, 255, 255, 0.28);\n    border-radius: 6px;\n    background: #ffffff;\n    color: #1f2933 !important;\n    font-size: 15px;\n    font-family: 'Open Sans', Arial, Helvetica, sans-serif;\n    line-height: 1.35;\n    outline: none;\n    transition: border-color 0.15s ease, box-shadow 0.15s ease;\n}\n#extraInfo .dmm-input::placeholder {\n    color: #8a97a3;\n}\n#extraInfo .dmm-input:focus {\n    border-color: #d36421;\n    box-shadow: 0 0 0 3px rgba(211, 100, 33, 0.25);\n}\n#extraInfo .dmm-input.is-invalid {\n    border-color: #D0312D;\n}\n#extraInfo .dmm-field-hint {\n    display: block;\n    margin-top: 5px;\n    color: rgba(255, 255, 255, 0.8);\n    font-size: 12px;\n    line-height: 1.35;\n}\n#extraInfo .error-message {\n    margin-top: 4px;\n    font-size: 13px;\n}\n@media (max-width: 768px) {\n    #extraInfo.dmm-credentials {\n        padding: 14px 12px 18px;\n    }\n    #extraInfo .dmm-credentials-grid {\n        grid-template-columns: 1fr;\n        gap: 10px;\n    }\n    #extraInfo .dmm-field-split {\n        grid-template-columns: 1fr 1fr;\n    }\n}\n<\/style>\n<div class=\"row dmm-credentials\" id=\"extraInfo\">\n                    <h3 class=\"dmm-credentials-title\">Jouw gegevens<\/h3>\n                    <div class=\"dmm-credentials-grid\">\n                    <div class=\"dmm-credentials-col\">\n                                            <p class=\"dmm-field\">\n                            <input type=\"text\"\n                                   id=\"dmm_name\"\n                                   name=\"dmm_name\"\n                                   placeholder=\"Naam\"\n                                   class=\"dmm-input \"\n                                   value=\"\">\n                        <\/p>\n                    \n                                            <p class=\"dmm-field\">\n                            <input type=\"email\"\n                                   id=\"dmm_email\"\n                                   name=\"dmm_email\"\n                                   placeholder=\"E-mail\"\n                                   class=\"dmm-input \"\n                                   value=\"\">\n                        <\/p>\n                    \n                                            <p class=\"dmm-field\">\n                            <input type=\"text\"\n                                   id=\"dmm_phone\"\n                                   name=\"dmm_phone\"\n                                   placeholder=\"Telefoonnnummer\"\n                                   class=\"dmm-input \"\n                                   value=\"\">\n                        <\/p>\n                                                                <p id=\"companyField\" class=\"dmm-field\" style=\"display:none;\">\n                            <input type=\"text\"\n                                   id=\"dmm_company\"\n                                   name=\"dmm_company\"\n                                   placeholder=\"Bedrijfsnaam\"\n                                   class=\"dmm-input \"\n                                   value=\"\">\n                        <\/p>\n                                                                <p id=\"countryField\" class=\"dmm-field\" style=\"display:none;\">\n                            <input type=\"text\"\n                                   id=\"dmm_country\"\n                                   name=\"dmm_country\"\n                                   placeholder=\"Ondernemingsnummer (XXXX.XXX.XXX)\"\n                                   class=\"dmm-input \"\n                                   inputmode=\"numeric\"\n                                   autocomplete=\"off\"\n                                   maxlength=\"12\"\n                                   value=\"\">\n                            <small class=\"dmm-field-hint\">BTW-nummer zonder BE<\/small>\n                        <\/p>\n                                        <\/div>\n                    <div class=\"dmm-credentials-col\">\n                                            <p class=\"dmm-field\">\n                            <input type=\"text\"\n                                   id=\"dmm_street\"\n                                   name=\"dmm_street\"\n                                   placeholder=\"Straat\"\n                                   class=\"dmm-input \"\n                                   value=\"\">\n                        <\/p>\n                        <div class=\"dmm-field dmm-field-split\">\n                            <input type=\"text\"\n                                   id=\"dmm_house_number\"\n                                   name=\"dmm_house_number\"\n                                   placeholder=\"Huisnummer\"\n                                   class=\"dmm-input \"\n                                   value=\"\">\n                            <input type=\"text\"\n                                   id=\"dmm_box_number\"\n                                   name=\"dmm_box_number\"\n                                   placeholder=\"Bus\"\n                                   class=\"dmm-input \"\n                                   value=\"\">\n                        <\/div>\n                        <p class=\"dmm-field\">\n                            <input type=\"text\"\n                                   id=\"dmm_zipcode\"\n                                   name=\"dmm_zipcode\"\n                                   placeholder=\"Postcode\"\n                                   class=\"dmm-input \"\n                                   value=\"\">\n                        <\/p>\n                        <p class=\"dmm-field\">\n                            <input type=\"text\"\n                                   id=\"dmm_city\"\n                                   name=\"dmm_city\"\n                                   placeholder=\"Stad\"\n                                   class=\"dmm-input \"\n                                   value=\"\">\n                        <\/p>\n                    \n                    \n                                            <p class=\"dmm-field\">\n                            <input type=\"text\"\n                                   id=\"dmm_message\"\n                                   name=\"dmm_message\"\n                                   placeholder=\"Rijksregisternummer (XX.XX.XX-XXX.XX)\"\n                                   class=\"dmm-input \"\n                                   inputmode=\"numeric\"\n                                   autocomplete=\"off\"\n                                   maxlength=\"15\"\n                                   value=\"\">\n                        <\/p>\n                                        <\/div>\n                    <\/div>\n                    <\/div>\n\n                    <\/div>\n                <\/form>\n                    <div id=\"myDiv\" onclick=\"expandDiv()\">\n                        <div style=\"padding: 13px; font-size: 16px; @media (max-width: 768px) { font-size: 105px; }\"><b>Hoe kan ik nog steunen ><\/b>\n                        <\/div>\n                        <div style=\"font-size: 14px;\" id=\"expandableDiv\"><img decoding=\"async\" width=\"200px\" src=\"https:\/\/cliniclowns.be\/HTML\/assets\/images\/Payconiq_QR_Transparent.png\"\/>Je kan ons ook altijd steunen door onze QR-code hiernaast te scannen die je zo naar Payconiq zal leiden!<br\/><br\/> Ten slotte is het ook altijd mogelijk om een rechtstreekse storting te doen via ons rekeningnummer, dat je hier kan vinden: <br\/>BE33320111111146 <br\/><br\/>Steunen hoeft natuurlijk niet altijd financieel te zijn. Hieronder vind je een overzicht van mogelijke acties waarmee je ons ook helpt!<br\/> <br\/> <h1 style=\"color:white\"><b>Bedankt! &#127881;<\/b><\/h1><\/div>\n                    <\/div><br\/>\n                    <div id=\"myDiv2\" onclick=\"expandDiv2()\">\n                        <div style=\"padding: 13px; font-size: 16px; @media (max-width: 768px) { font-size: 105px; }\"><b>Hoe kan ik mijn domiciliering stopzetten ><\/b>\n                        <\/div>\n                        <div style=\"font-size: 14px;\" id=\"expandableDiv2\">Wenst u uw domicili\u00ebring aan Cliniclowns toch stop te zetten?  Dat kan kosteloos  door ons  telefonisch te contacteren op het nummer 03 458 79 00.  Wees op uw hoede voor betalenden diensten die sommige bedrijven aanbieden om de opzeg in uw naam te regelen.  Dit is steeds betalend en absoluut niet nodig.<br\/><br\/><\/div>\n                    <\/div><br\/>\n                    <div id=\"myDiv3\" onclick=\"expandDiv3()\">\n                        <div style=\"padding: 13px; font-size: 16px; @media (max-width: 768px) { font-size: 105px; }\"><b>Hoe kan ik mijn rijksregisternummer doorgeven? ><\/b>\n                        <\/div>\n                        <div style=\"font-size: 14px;\" id=\"expandableDiv3\">Voor uw fiscaal attest hebben wij uw rijksregisternummer nodig. Je kan dit altijd doorgeven bij een nieuwe storting. Heb je bijvoorbeeld in het verleden een storting gedaan en hebben wij je rijksregisternummer nog niet, dan kan je die altijd doorgeven via <a href=\"https:\/\/cliniclowns.be\/cc\/fiscaal-attest\">deze link.<\/a><br\/><br\/><\/div>\n                    <\/div>\n                    \n                    <script>\n                        function onSubmitDmmTest() {\n                                                                                    console.log(\"1\");\n                            \n                            console.log(document.getElementById(\"dmm_interval\").value);\n                            console.log(document.getElementById(\"dmm_form\").value);\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t}\n\t\t\t\t\t\tfunction onSubmitDmm(e) {\n                            \/\/ console.log(document.getElementById(\"dmm_recurring\").value);\n                            \/\/ console.log(document.getelementbyid(\"dmm_interval\").value);\n                            \/\/ console.log(document.getElementById(\"dmm_form\").value);\n                        \n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\tgrecaptcha.ready(function() {\n\t\t\t\t\t\t\t\tgrecaptcha.execute(\"\", {action: \"submit\"}).then(function(token) {\n\t\t\t\t\t\t\t\t\tdocument.getElementById(\"dmm_token\").value = token;\n\t\t\t\t\t\t\t\t\tdocument.getElementById(\"dmm_form\").submit();\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t<\/script>\n                    <script>\n                        function expandDiv() {\n                            var myDiv = document.getElementById(\"myDiv\");\n                            var expandableDiv = document.getElementById(\"expandableDiv\"); \/\/ Ensure you have the correct reference to this element\n                            var newHeight = window.innerWidth < 600 ? \"465px\" : \"390px\"; \/\/ Set the height depending on the screen width\n\n                            if (myDiv.style.height == \"50px\") {\n                                myDiv.style.height = newHeight; \/\/ Use the new height variable here\n                            } else {\n                                myDiv.style.height = \"50px\";\n                            }\n\n                            if (expandableDiv.style.height == \"0px\") {\n                                expandableDiv.style.height = newHeight; \/\/ And also here\n                            } else {\n                                expandableDiv.style.height = \"0px\";\n                            }\n                        }\n                        function expandDiv2() {\n                            var myDiv2 = document.getElementById(\"myDiv2\");\n                            var expandableDiv2 = document.getElementById(\"expandableDiv2\"); \/\/ Ensure you have the correct reference to this element\n                            var newHeight = window.innerWidth < 600 ? \"210px\" : \"210px\"; \/\/ Set the height depending on the screen width\n\n                            if (myDiv2.style.height == \"50px\") {\n                                myDiv2.style.height = newHeight; \/\/ Use the new height variable here\n                            } else {\n                                myDiv2.style.height = \"50px\";\n                            }\n\n                            if (expandableDiv2.style.height == \"0px\") {\n                                expandableDiv2.style.height = newHeight; \/\/ And also here\n                            } else {\n                                expandableDiv2.style.height = \"0px\";\n                            }\n                        }\n                        function expandDiv3() {\n                            var myDiv3 = document.getElementById(\"myDiv3\");\n                            var expandableDiv3 = document.getElementById(\"expandableDiv3\"); \/\/ Ensure you have the correct reference to this element\n                            var newHeight = window.innerWidth < 600 ? \"210px\" : \"210px\"; \/\/ Set the height depending on the screen width\n\n                            if (myDiv3.style.height == \"50px\") {\n                                myDiv3.style.height = newHeight; \/\/ Use the new height variable here\n                            } else {\n                                myDiv3.style.height = \"50px\";\n                            }\n\n                            if (expandableDiv3.style.height == \"0px\") {\n                                expandableDiv3.style.height = newHeight; \/\/ And also here\n                            } else {\n                                expandableDiv3.style.height = \"0px\";\n                            }\n                        }\n                        window.onload = function() {\n                                expandDiv();\n                                expandDiv2();\n                                expandDiv3();\n                        }\n                    <\/script>\n                <\/div>\n                \n                \n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-separators","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>steunen - Cliniclowns<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cliniclowns.be\/cc\/steunen\/\" \/>\n<meta property=\"og:locale\" content=\"nl_BE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"steunen - Cliniclowns\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cliniclowns.be\/cc\/steunen\/\" \/>\n<meta property=\"og:site_name\" content=\"Cliniclowns\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-15T08:11:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cliniclowns.be\/cc\/wp-content\/uploads\/2023\/09\/279298822_143701001517746_8091118037627324136_n.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2048\" \/>\n\t<meta property=\"og:image:height\" content=\"1367\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cliniclowns.be\/cc\/steunen\/\",\"url\":\"https:\/\/cliniclowns.be\/cc\/steunen\/\",\"name\":\"steunen - Cliniclowns\",\"isPartOf\":{\"@id\":\"https:\/\/cliniclowns.be\/cc\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cliniclowns.be\/cc\/steunen\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cliniclowns.be\/cc\/steunen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cliniclowns.be\/cc\/wp-content\/uploads\/2023\/09\/279298822_143701001517746_8091118037627324136_n.jpg\",\"datePublished\":\"2022-07-18T15:40:12+00:00\",\"dateModified\":\"2023-12-15T08:11:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cliniclowns.be\/cc\/steunen\/#breadcrumb\"},\"inLanguage\":\"nl-BE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cliniclowns.be\/cc\/steunen\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-BE\",\"@id\":\"https:\/\/cliniclowns.be\/cc\/steunen\/#primaryimage\",\"url\":\"https:\/\/cliniclowns.be\/cc\/wp-content\/uploads\/2023\/09\/279298822_143701001517746_8091118037627324136_n.jpg\",\"contentUrl\":\"https:\/\/cliniclowns.be\/cc\/wp-content\/uploads\/2023\/09\/279298822_143701001517746_8091118037627324136_n.jpg\",\"width\":2048,\"height\":1367},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cliniclowns.be\/cc\/steunen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cliniclowns.be\/cc\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"steunen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cliniclowns.be\/cc\/#website\",\"url\":\"https:\/\/cliniclowns.be\/cc\/\",\"name\":\"Cliniclowns\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cliniclowns.be\/cc\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-BE\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"steunen - Cliniclowns","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cliniclowns.be\/cc\/steunen\/","og_locale":"nl_BE","og_type":"article","og_title":"steunen - Cliniclowns","og_url":"https:\/\/cliniclowns.be\/cc\/steunen\/","og_site_name":"Cliniclowns","article_modified_time":"2023-12-15T08:11:13+00:00","og_image":[{"width":2048,"height":1367,"url":"https:\/\/cliniclowns.be\/cc\/wp-content\/uploads\/2023\/09\/279298822_143701001517746_8091118037627324136_n.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cliniclowns.be\/cc\/steunen\/","url":"https:\/\/cliniclowns.be\/cc\/steunen\/","name":"steunen - Cliniclowns","isPartOf":{"@id":"https:\/\/cliniclowns.be\/cc\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cliniclowns.be\/cc\/steunen\/#primaryimage"},"image":{"@id":"https:\/\/cliniclowns.be\/cc\/steunen\/#primaryimage"},"thumbnailUrl":"https:\/\/cliniclowns.be\/cc\/wp-content\/uploads\/2023\/09\/279298822_143701001517746_8091118037627324136_n.jpg","datePublished":"2022-07-18T15:40:12+00:00","dateModified":"2023-12-15T08:11:13+00:00","breadcrumb":{"@id":"https:\/\/cliniclowns.be\/cc\/steunen\/#breadcrumb"},"inLanguage":"nl-BE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cliniclowns.be\/cc\/steunen\/"]}]},{"@type":"ImageObject","inLanguage":"nl-BE","@id":"https:\/\/cliniclowns.be\/cc\/steunen\/#primaryimage","url":"https:\/\/cliniclowns.be\/cc\/wp-content\/uploads\/2023\/09\/279298822_143701001517746_8091118037627324136_n.jpg","contentUrl":"https:\/\/cliniclowns.be\/cc\/wp-content\/uploads\/2023\/09\/279298822_143701001517746_8091118037627324136_n.jpg","width":2048,"height":1367},{"@type":"BreadcrumbList","@id":"https:\/\/cliniclowns.be\/cc\/steunen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cliniclowns.be\/cc\/"},{"@type":"ListItem","position":2,"name":"steunen"}]},{"@type":"WebSite","@id":"https:\/\/cliniclowns.be\/cc\/#website","url":"https:\/\/cliniclowns.be\/cc\/","name":"Cliniclowns","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cliniclowns.be\/cc\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-BE"}]}},"_links":{"self":[{"href":"https:\/\/cliniclowns.be\/cc\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cliniclowns.be\/cc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cliniclowns.be\/cc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cliniclowns.be\/cc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cliniclowns.be\/cc\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":38,"href":"https:\/\/cliniclowns.be\/cc\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":334,"href":"https:\/\/cliniclowns.be\/cc\/wp-json\/wp\/v2\/pages\/2\/revisions\/334"}],"wp:attachment":[{"href":"https:\/\/cliniclowns.be\/cc\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}