CINXE.COM

<!DOCTYPE html> <html lang="nl"> <HEAD>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-MQ2M2WXYQW"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-MQ2M2WXYQW'); </script> <title>Thema Blobs - Architectuurgids</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="description" content="Blobs zijn nieuwe vloeiende gebouwvormen"> <meta name="rating" content="general" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta name="theme-color" content="#425ea3" /> <meta name="application-name" content="Architectuur.ORG" /> <meta name="apple-mobile-web-app-title" content="Architectuur.ORG" /> <link rel="shortcut icon" href="https://www.architectuur.org/favicon.ico" sizes="16x16" type="image/x-icon"/> <meta name="robots" content="index,follow"> <meta name="author" content="www.architectuur.org"> <meta name="contact_addr" content="info(at)architectuur.org" />  <meta property="fb:admins" content="100001024221991"/> <meta property="fb:app_id" content="199525550102285"/> <meta property="og:title" content="Thema Blobs - Architectuurgids"/> <meta property="og:image" content="https://www.architectuur.org/gifs/architectuurorggroot.png"/> <meta property="og:site_name" content="Architectuur.ORG"/> <meta property="og:type" content="website"/> <meta name="twitter:card" content="summary_large_image"> <link href="https://www.architectuur.org/css/zz-style_resp.css" type="text/css" rel="stylesheet" media="screen"> <link href="https://www.architectuur.org/css/zz-print.css" type="text/css" rel="stylesheet" media="print"> <link rel="alternate" title="Architectuur.ORG - Nieuws" type="application/rss+xml" href="https://www.architectuur.org/rssfeed.php"> <link rel="apple-touch-icon-precomposed" href="https://www.architectuur.org/gifs/apple-touch-icon.png"> <script src="https://www.architectuur.org/js/jquery-2.1.1.min.js,jquery-1.5.1.js,jquerytools.scrollable.1.2.5b.js" rel="preload"></script> <script src="https://www.architectuur.org/js/slidebars.js" rel="preload"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script> <script> function nav() { var w = document.myform.mylist.selectedIndex; var url_add = document.myform.mylist.options[w].value; window.location.href = url_add; } </script> <script> $(document).ready(function(){ //Check to see if the window is top if not then display button $(window).scroll(function(){ if ($(this).scrollTop() > 100) { $('.scrollToTop').fadeIn(); } else { $('.scrollToTop').fadeOut(); } }); //Click event to scroll to top $('.scrollToTop').click(function(){ $('html, body').animate({scrollTop : 0},300); return false; }); }); </script> </HEAD> <BODY style="overflow-x: auto;" oncontextmenu="return false;"> <div id="fb-root"></div> <div id="header"> <div id="topmenu"> <div id="logo2"><a href="https://www.architectuur.org/" class="bg active" title="Start">Architectuur.ORG</a></div> <div class="aright"> <ul id="navlist"> <li id="email"><a href="mailto:pers@architectuur.org" title="E-mail de redactie op pers@architectuur.org"></a></li> <li id="rss"><a href="https://www.architectuur.org/rssfeed.php" title="RSS-newsfeed"></a></li> <li id="twitter"><a href="https://bsky.app/profile/architectuur.bsky.social" title="Bluesky"></a></li> <li id="linkedin"><a href="https://www.linkedin.com/groups/3780794/" title="Linkedin Group"></a></li> <li id="facebook"><a href="https://www.facebook.com/groups/250792164957205/" title="Facebook Group"></a></li> </ul> </div> <nav role="navigation"> <div id="menuToggle"> <input type="checkbox" /> <span></span> <span></span> <span></span> <ul id="menu"> <a href="https://www.architectuur.org/" style="font-weight:bold"><li>Nieuws</li></a> <a href="https://www.architectuur.org/boeken.php"><li>Boeken</li></a> <a href="https://www.architectuur.org/hetontwerp.php"><li>Het Ontwerp</li></a> <a href="https://www.architectuur.org/nieuwsarchief/2015/10"><li>Nieuwsarchief</li></a> <a href="https://www.architectuur.org/gids.php" style="font-weight:bold"><li>Gids</li></a> <a href="https://www.architectuur.org/architect/A"><li>Architect</li></a> <a href="https://www.architectuur.org/bureau/A"><li>Bureau</li></a> <a href="https://www.architectuur.org/kaart.php"><li>Kaart</li></a> <a href="https://www.architectuur.org/stromingen.php"><li>Stroming</li></a> <a href="https://www.architectuur.org/thema_blobs.php"><li>Thema</li></a> <a href="https://www.architectuur.org/info.php" style="font-weight:bold"><li>Info</li></a> <a href="https://www.architectuur.org/faq.php"><li>FAQ</li></a> <a href="https://www.architectuur.org/publicaties.php"><li>Publicaties</li></a> <a href="https://www.architectuur.org/colofon.php"><li>Colofon</li></a> </ul> </div> <script> function myFunction() { var x = document.getElementById("myTopnav"); if (x.className === "topnav") { x.className += " responsive"; } else { x.className = "topnav"; } } </script> <ul class="menu2"> <li class="sb-toggle-left"><img src="gifs/slidebar.png" alt="Keuzemenu"></li> </ul> <ul class="dropdown"> <li class="dropbtn"><a href="https://www.architectuur.org/" title="Architectuur Nieuws">Nieuws</a> <ul class="dropdown-content"> <li><a href="https://www.architectuur.org/boeken.php">Boeken</a></li> <li><a href="https://www.architectuur.org/hetontwerp.php">Het Ontwerp</a></li> <li><a href="https://www.architectuur.org/nieuwsarchief/2016/01">Nieuwsarchief</a></li> </ul> </li> <li class="dropbtn"><a href="https://www.architectuur.org/gids.php" title="Architectuurgids">Gids</a> <ul class="dropdown-content"> <li><a href="https://www.architectuur.org/architect/A">Architect</a></li> <li><a href="https://www.architectuur.org/bureau/A">Bureau</a></li> <li><a href="https://www.architectuur.org/typologie/Bedrijfsgebouwen">Project</a></li> <li><a href="https://www.architectuur.org/kaart.php">Kaart</a></li> <li><a href="https://www.architectuur.org/stromingen.php">Stroming</a></li> <li><a href="https://www.architectuur.org/thema_blobs.php">Thema</a></li> </ul> </li> <li class="dropbtn"><a href="https://www.architectuur.org/info.php" title="Achtergrondinformatie">Info</a> <ul class="dropdown-content"> <li><a href="https://www.architectuur.org/faq.php">FAQ</a></li> <li><a href="https://www.architectuur.org/publicaties.php">Publicaties</a></li> <li><a href="https://www.architectuur.org/colofon.php">Colofon</a></li> </ul> </li> <li class="form"> <form name="form" action="https://www.architectuur.org/nieuwszoek.php" method="get"> <input type="text" class="search left rounded" value="Zoek in het nieuws" onfocus="if(!this._haschanged){this.value=''};this._haschanged=true;"/ name="q"/> <button class="go left rounded" aria-label="Zoeken"><span></span></button> </form> </li> </ul> </nav> </div> </div> <div class="wis"></div> <div id="submenu3" style="clear:both"> <div class="nrs"> <form name="myform" class="myform"> <select name="mylist" class="mylist" onChange="nav()"><option value="">Kies een thema</option> <OPTION VALUE="https://www.architectuur.org/thema_blobs.php">Blobs</OPTION> <OPTION VALUE="https://www.architectuur.org/thema_duurzaamheid.php">Duurzaamheid</OPTION> <OPTION VALUE="https://www.architectuur.org/thema_hoogbouw.php">Hoogbouw</OPTION> <OPTION VALUE="https://www.architectuur.org/thema_meervoudig_grondgebruik.php">Meervoudig grondgebruik</OPTION> <OPTION VALUE="https://www.architectuur.org/thema_post65_architectuur.php">Post 65 architectuur</OPTION> <OPTION VALUE="https://www.architectuur.org/thema_transformatie.php">Transformatie</OPTION> </select> <noscript><input type="submit" value="go"></noscript> </form> </div></div> <br/><br class="m"/><br class="m"/><div id="wr1"><div id="wr2"> <ol itemscope itemtype="https://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="https://www.architectuur.org"> <span itemprop="name">Home</span></a> <meta itemprop="position" content="1" /> </li> > <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemscope itemtype="https://schema.org/WebPage" itemprop="item" itemid="https://www.architectuur.org/gids.php" href="https://www.architectuur.org/gids.php"> <span itemprop="name">Gids</span></a> <meta itemprop="position" content="2" /> </li> > <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <span itemprop="name">Thema's Blobs</span> <meta itemprop="position" content="3" /> </li> </ol> <h1>Blobs</h1><div class="spacer2"></div> <p>Nieuwe gebouwvormen uit het <a href="https://www.architectuur.org/stroming_deconstructivisme.php" class="pg">deconstructivisme</a> en <a href="https://www.architectuur.org/stroming_supermodernisme.php" class="pg">supermodernisme</a>. Met de komst van de CAD/CAM-computers in het bouwproces introduceren ontwerpers complexe, vloeiende gebouwvormen. Blob verwijst naar vormeloze monsters uit de gelijknamige film en is tevens een afkorting uit de informatietechnologie: Binary Large OBject. Hiermee wordt de grote hoeveelheid data aangegeven die nodig is om deze, ingewikkelde dubbelgekromde vormen, geometrisch te beschrijven.</p><p>Vaak wordt het 3D-computermodel gebruikt om in de fabriek de vormen te maken (File to factory). Hierbij is de uitwisselbaarheid tussen de verschillende computerprogramma's nog steeds een probleem. De Californische architect Frank Gehry gebruikt een softwarepakket dat ook in de Formule 1 wordt gebruikt: CATIA. De software wordt dan door alle betrokken partijen gebruikt.</p><H3>De bouwkundige realisatie</H3><p>"Buildings by Zaha Hadid Architects are like sausages – you don't want to see how they're made." schreef Lukas Novotny op Twitter met enkele foto's van het Masarycka project in Praag. In het proces van ontwerp tot uitvoering vragen blobs veel inventiviteit. Om de gebouwen te realiseren wordt soms gebruik gemaakt van traditionele technieken uit de scheepsbouw of kassenbouw. Bij een gedeelte van de bouw van het zoetwaterpaviljoen instrueerde architect <a href="https://www.architectuur.org/nox.php" class="pg">Spuybroek</a> de aannemer op de bouwplaats in plaats van te communiceren via tekeningen. <a href="https://www.architectuur.org/zuuk.php" class="pg">Van Zuuk</a> gebruikt maquettes en in de uitwerking een 3D-computermodel om zijn ontwerpen te realiseren.</p><p>De blobs worden bekleed met materialen als zink, koper, staal, aluminium en kunststof die de ingewikkelde vorm kunnen volgen. Door middel van de techniek explosievormen kunnen met metalen complexe dubbelgekromde vlakken worden gemaakt. Als een minder makkelijk vervormbaar materiaal als bijvoorbeeld glas wordt gebruikt dan kan de vorm worden benaderd door gebruik te maken van een groot aantal vlakken, bijvoorbeeld driehoeken. Een voorbeeld is de pui van het stadhuis in Alphen aan den Rijn. De gebouwen zijn echter meestal vrij gesloten en worden vooral gebruikt voor muziekzalen en tentoonstellingsruimten. Soms volgen de binnenruimten niet de gekromde buitenhuid, een voorbeeld is de muziekzaal van het Urban Entertainment Centre in Almere.</p><H3>Studies</H3><p>Er wordt gestudeerd op mogelijkheden om blob-architectuur beter realiseerbaar te maken. Martijn Veltkamp promoveerde in 2007 aan de Technische Universiteit in Delft op zijn ontwerp voor Deltaribben. Deze gebogen ribben bestaan uit drie staalplaten en kunnen worden samengesteld tot de draagstructuur voor een blob. Arno Pronk daarentegen ontwikkelt aan de Technische Universiteit Eindhoven een systeem, waarbij er in mallen op de bouwplaats een dragende blob wordt gerealiseerd: de Blowing Structure Method. Karel Vollers (1951) en fabrikant Alcoa ontwikkelen de AA100Q-Twist, een getordeerd gevelsysteem met te openen delen. Hierbij is ook het glas meegebogen. Ook ontwikkelde Vollers de Pinbed Wizard, een instelbare mal met 200 simultaan bewegende pinnen, waarmee dubbel gekromde panelen van glas, beton of kunststof gemaakt kunnen worden.</p><H3>Architecten</H3><p><a href="https://www.architectuur.org/oosterhuis.php" class="pg">ONL / Kas Oosterhuis</a>, <a href="https://www.architectuur.org/zuuk.php" class="pg">René van Zuuk</a>, <a href="https://www.architectuur.org/nox.php" class="pg">Lars Spuybroek (NOX)</a>, <a href="https://www.architectuur.org/eea.php" class="pg">Erick van Egeraat</a> en <a href="https://www.architectuur.org/unstudio.php" class="pg">UNStudio</a>.</p><div class="lijsten"><h2 class="gidsindex">Referentieprojecten</h2><div class="projectblok"><div class="rechts"> 1993 - 1995 </div> <a href="https://www.architectuur.org/bouwwerk/405/Afvalverwerking_Elhorst_Vloedbelt.html" aria-label="Afvalverwerking Elhorst-Vloedbelt" class="im" style="background-image:url(https://www.architectuur.org/webp2/oosterhuis01_1i.webp);" > </a> <h5><a href="https://www.architectuur.org/bouwwerk/405/Afvalverwerking_Elhorst_Vloedbelt.html" aria-label="Afvalverwerking Elhorst-Vloedbelt" class="projlink">Afvalverwerking Elhorst-Vloedbelt </a></h5> <p><a href="https://www.architectuur.org/bouwwerk/405/Afvalverwerking_Elhorst_Vloedbelt.html" aria-label="Afvalverwerking Elhorst-Vloedbelt" class="projlink">Almelosestraat 3<br>Zenderen</a></p> </div> <div class="projectblok"><div class="rechts"> 1994 - 1997 </div> <a href="https://www.architectuur.org/bouwwerk/383/Waterpaviljoen_Waterland.html" aria-label="Waterpaviljoen Waterland" class="im" style="background-image:url(https://www.architectuur.org/webp2/oosterhuis02_1i.webp);" > </a> <h5><a href="https://www.architectuur.org/bouwwerk/383/Waterpaviljoen_Waterland.html" aria-label="Waterpaviljoen Waterland" class="projlink">Waterpaviljoen Waterland </a></h5> <p><a href="https://www.architectuur.org/bouwwerk/383/Waterpaviljoen_Waterland.html" aria-label="Waterpaviljoen Waterland" class="projlink">Waterexpo<br>Werkeiland Neeltje Jans</a></p> </div> <div class="projectblok"><div class="rechts"> 1996 - 2002 </div> <a href="https://www.architectuur.org/bouwwerk/211/Poppodium_MeZZ.html" aria-label="Poppodium MeZZ" class="im" style="background-image:url(https://www.architectuur.org/webp2/eea06_1i.webp);" > </a> <h5><a href="https://www.architectuur.org/bouwwerk/211/Poppodium_MeZZ.html" aria-label="Poppodium MeZZ" class="projlink">Poppodium MeZZ </a></h5> <p><a href="https://www.architectuur.org/bouwwerk/211/Poppodium_MeZZ.html" aria-label="Poppodium MeZZ" class="projlink">Keizerstraat 101<br>Breda</a></p> </div> <div class="projectblok"><div class="rechts"> 1999 - 2003 </div> <a href="https://www.architectuur.org/bouwwerk/541/Architectuurcentrum_ARCAM.html" aria-label="Architectuurcentrum ARCAM" class="im" style="background-image:url(https://www.architectuur.org/webp2/zuuk03_1i.webp);" > </a> <h5><a href="https://www.architectuur.org/bouwwerk/541/Architectuurcentrum_ARCAM.html" aria-label="Architectuurcentrum ARCAM" class="projlink">Architectuurcentrum ARCAM </a></h5> <p><a href="https://www.architectuur.org/bouwwerk/541/Architectuurcentrum_ARCAM.html" aria-label="Architectuurcentrum ARCAM" class="projlink">Prins Hendrikkade 600<br>Amsterdam</a></p> </div> <div class="projectblok"><div class="rechts"> 1998 - 2003 </div> <a href="https://www.architectuur.org/bouwwerk/123/Waterpompstation.html" aria-label="Waterpompstation" class="im" style="background-image:url(https://www.architectuur.org/webp2/bosch02_1i.webp);" > </a> <h5><a href="https://www.architectuur.org/bouwwerk/123/Waterpompstation.html" aria-label="Waterpompstation" class="projlink">Waterpompstation </a></h5> <p><a href="https://www.architectuur.org/bouwwerk/123/Waterpompstation.html" aria-label="Waterpompstation" class="projlink">Terwijde<br>Utrecht</a></p> </div> <div class="projectblok"><div class="rechts"> 1998 - 2004 </div> <a href="https://www.architectuur.org/bouwwerk/48/Urban_Entertainment_Centre.html" aria-label="Urban Entertainment Centre" class="im" style="background-image:url(https://www.architectuur.org/webp2/alsop01_1i.webp);" > </a> <h5><a href="https://www.architectuur.org/bouwwerk/48/Urban_Entertainment_Centre.html" aria-label="Urban Entertainment Centre" class="projlink">Urban Entertainment Centre </a></h5> <p><a href="https://www.architectuur.org/bouwwerk/48/Urban_Entertainment_Centre.html" aria-label="Urban Entertainment Centre" class="projlink">Schipperplein<br>Almere</a></p> </div> <div class="projectblok"><div class="rechts"> 1998 - 2005 </div> <a href="https://www.architectuur.org/bouwwerk/555/Cockpitgebouw_en_geluidsscherm_A2.html" aria-label="Cockpitgebouw en geluidsscherm A2" class="im" style="background-image:url(https://www.architectuur.org/webp2/oosterhuis05_1i.webp);" > </a> <h5><a href="https://www.architectuur.org/bouwwerk/555/Cockpitgebouw_en_geluidsscherm_A2.html" aria-label="Cockpitgebouw en geluidsscherm A2" class="projlink">Cockpitgebouw en geluidsscherm A2 </a></h5> <p><a href="https://www.architectuur.org/bouwwerk/555/Cockpitgebouw_en_geluidsscherm_A2.html" aria-label="Cockpitgebouw en geluidsscherm A2" class="projlink">Proostwetering 53<br>Utrecht</a></p> </div> <div class="projectblok"><div class="rechts"> 2002 - 2007 </div> <a href="https://www.architectuur.org/bouwwerk/406/iWeb_paviljoen.html" aria-label="iWeb paviljoen" class="im" style="background-image:url(https://www.architectuur.org/webp2/oosterhuis03_1i.webp);" > </a> <h5><a href="https://www.architectuur.org/bouwwerk/406/iWeb_paviljoen.html" aria-label="iWeb paviljoen" class="projlink">iWeb paviljoen </a></h5> <p><a href="https://www.architectuur.org/bouwwerk/406/iWeb_paviljoen.html" aria-label="iWeb paviljoen" class="projlink">Berlageweg 1<br>Delft</a></p> </div> <div class="projectblok"><div class="rechts"> 2004 - 2010 </div> <a href="https://www.architectuur.org/bouwwerk/223/Kantoor_en_fietsenstalling.html" aria-label="Kantoor en fietsenstalling" class="im" style="background-image:url(https://www.architectuur.org/webp2/fuksas01_1i.webp);" > </a> <h5><a href="https://www.architectuur.org/bouwwerk/223/Kantoor_en_fietsenstalling.html" aria-label="Kantoor en fietsenstalling" class="projlink">Kantoor en fietsenstalling </a></h5> <p><a href="https://www.architectuur.org/bouwwerk/223/Kantoor_en_fietsenstalling.html" aria-label="Kantoor en fietsenstalling" class="projlink">18 Septemberplein<br>Eindhoven</a></p> </div> </div><div class="lijsten"><h2 class="gidsindex">Literatuur</h2><table> <tr><td><div class="boek"></div></td><td class="lit"> <b>Hybrid Space - New forms in digital architecture</b><br>Peter Zellner - Thames & Hudson - 1999</td></tr> <tr><td><div class="boek"></div></td><td class="lit"> <b>Twist & Build creating non-orthogonal architecture</b><br>Karel Vollers - 010 publishers - 2001</td></tr> <tr><td><div class="boek"></div></td><td class="lit"> <b>De nieuwe mathematica van de hedendaagse architectuur</b><br>Jane Burry + Mark Burry - Uitgeverij Thoth - 2010</td></tr> </table></div><div class="spacer"></div><div class="web"></div> <script type="text/javascript">var bol_pml={"id":"bol_1317370735335","secure":false,"baseUrl":"partnerprogramma.bol.com","urlPrefix":"http://aai.bol.com/aai","productId":"productid=1001004005741934&productid=1001004010364868&","site_id":"2285","target":true,"rating":true,"price":true,"link_name":"blobs","link_subid":"blobs","image_size":true,"image_position":"left","width":"728","cols":"2","background_color":"#FFFFFF","text_color":"#003399","link_color":"#003399","border_color":"#FFFFFF","letter_type":"verdana","letter_size":"11"};</script><script id="bol_1317370735335" src="http://partnerprogramma.bol.com/partner/static/js/aai/clientProductlink.js" type="text/javascript"></script> <a href="#" class="scrollToTop"></a> </div></div> <div style="clear:both"> <p class="copy">© Architectuur.ORG - 1999 - 2025 | <a href="mailto:info@architectuur.org" CLASS="z" onMouseOver="self.status=''; return true" onMouseOut="window.status=' '; return true">info@architectuur.org</a> | <a href="https://www.architectuur.org/rssfeed.php">RSS-feed</a> | <a href="https://twitter.com/ArchitectuurORG">Twitter</a> | <a href="https://www.linkedin.com/groups?gid=3780794">LinkedIn</a> | <a href="https://www.facebook.com/groups/250792164957205/">Facebook</a></p> </div> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l;j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-69XW'); </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-40910608-1', 'architectuur.org', { cookieFlags: 'max-age=7200;secure;samesite=none' }); ga('send', 'pageview'); </script> <div id="cookie-banner" style="position: fixed; bottom: 0; width: 100%; background: #fff; padding: 10px; border-top: 1px solid #ccc; text-align: center; z-index: 1000;"> <p>We gebruiken cookies voor analyse en advertenties. Geef je toestemming?</p> <button id="accept-cookies" style="margin: 0 5px;">Accepteren</button> <button id="reject-cookies" style="margin: 0 5px;">Weigeren</button> </div> <script> // Controleer of toestemming al is gegeven if (localStorage.getItem('userConsent') === 'granted') { gtag('consent', 'update', { 'ad_storage': 'granted', 'analytics_storage': 'granted' }); document.getElementById('cookie-banner').style.display = 'none'; } else if (localStorage.getItem('userConsent') === 'denied') { gtag('consent', 'update', { 'ad_storage': 'denied', 'analytics_storage': 'denied' }); document.getElementById('cookie-banner').style.display = 'none'; } // Verwerk gebruikerstoestemming document.getElementById('accept-cookies').addEventListener('click', function () { localStorage.setItem('userConsent', 'granted'); gtag('consent', 'update', { 'ad_storage': 'granted', 'analytics_storage': 'granted' }); document.getElementById('cookie-banner').style.display = 'none'; }); document.getElementById('reject-cookies').addEventListener('click', function () { localStorage.setItem('userConsent', 'denied'); gtag('consent', 'update', { 'ad_storage': 'denied', 'analytics_storage': 'denied' }); document.getElementById('cookie-banner').style.display = 'none'; }); </script> </BODY> </HTML>