<!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" lang="nl">
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" lang="nl">
<![endif]-->
<!--[if !(IE 7) | !(IE 8)  ]><!-->
<html lang="nl">
<!--<![endif]-->

<head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-122665771-2"></script>
    <script>
    window.dataLayer = window.dataLayer || [];

    function gtag() {
        dataLayer.push(arguments);
    }
    gtag('js', new Date());

    gtag('config', 'UA-122665771-2');
    </script>
    <link rel="stylesheet" href="https://use.typekit.net/moy0ief.css">
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width" />
    <title>Walter van den Berg</title>
    <!--[if lt IE 9]>
		<script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

    <!-- This site is optimized with the Yoast SEO plugin v14.0.4 - https://yoast.com/wordpress/plugins/seo/ -->
    <meta name="description" content="De homepage van schrijver Walter van den Berg." />
    <meta name="robots" content="index, follow" />
    <meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
    <meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
    <meta property="og:locale" content="nl_NL" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Walter van den Berg" />
    <meta property="og:description" content="De website van schrijver Walter van den Berg." />
    <meta property="og:url" content="https://waltervandenberg.nl" />
    <meta property="og:site_name" content="Walter van den Berg" />
    <script type="application/ld+json" class="yoast-schema-graph">
    {
        "@context": "https://schema.org",
        "@graph": [{
            "@type": "WebSite",
            "@id": "https://vandenb.com/#website",
            "url": "https://vandenb.com/",
            "name": "vandenb.com",
            "description": "weblog van Walter van den Berg",
            "potentialAction": [{
                "@type": "SearchAction",
                "target": "https://vandenb.com/?s={search_term_string}",
                "query-input": "required name=search_term_string"
            }],
            "inLanguage": "nl"
        }, {
            "@type": "CollectionPage",
            "@id": "https://vandenb.com/#webpage",
            "url": "https://vandenb.com/",
            "name": "vandenb.com - weblog van Walter van den Berg",
            "isPartOf": {
                "@id": "https://vandenb.com/#website"
            },
            "description": "Vandenb.com is het weblog van schrijver Walter van den Berg.",
            "inLanguage": "nl"
        }]
    }
    </script>
    <!-- / Yoast SEO plugin. -->


    <link rel='stylesheet' id='main-css' href='style2020.css' type='text/css' media='all' />
</head>

<body class="home">



    <div class="container">
        <section class="headersection">

            <div class="headercontainer">
                <div class="mastheadcolumn">
                    <h1 class="masthead">

                        <span class="walter">Walter van&nbsp;den&nbsp;Berg</span>
                    </h1>
                    <div class="about">
                        <p>
                        <aside id="text-4" class="widget widget_text">
                            <div class="textwidget">Walter van den Berg is schrijver. <em>Schuld</em>
                                 stond op de shortlist van de Libris Literatuurprijs. <em>Zanger Ronald zingt de blues</em>
                                ligt nu in uw boekhandel.
                                <br>Schrijf u
                                in voor <a href="https://vandenb.substack.com/" target="_blank"
                                    rel="noopener noreferrer">de nieuwsbrief</a>.
                            </div>
                        </aside>
                        </p>
                    </div>
                </div>
                <div class="metacolumn">
                    <div class="metalist">
                        <aside id="custom_html-3" class="widget_text widget widget_custom_html">
                            <div class="textwidget custom-html-widget">
                                
                                <p class="metalink">» Nieuwsbrief: <a href="https://vandenb.substack.com/"
                                        target="_blank" rel="noopener noreferrer">De onschrijfbare laag</a></p>

                                <p class="metalink">» Boekingen via <a
                                        href="https://www.deschrijverscentrale.nl/auteurs/13157">de
                                        Schrijverscentrale</a></p>
                                <p class="metalink">» Contact: <a
                                        href="mailto:walter@vandenb.com">walter@vandenb.com</a></p>

                            </div>
                        </aside>

                    </div>
                </div>
            </div>

        </section>

        <section class="tophrsection">
            <div class="columns">
                <div class="column">
                    <hr class="is-standard-hr">
                </div>
            </div>
        </section>











        <section class="bread">
            <div class="breadcontainer">


                <div class="breadcolumn">
                    <h2 class="articletitle" style="font-size: 5rem !important;">Zanger Ronald zingt de blues</h2>


                    <div class="introcolumn">
                        <p>Verschenen&nbsp;november&nbsp;2025 bij&nbsp;Hollands&nbsp;Diep</p>

                    </div>


                    <div class="article">



                        <div class="articlebread">
                            <p>

                                <img class="size-full wp-image-2397 alignleft" src="zangerRonald.jpeg"
                                    alt="Zanger Ronald zingt de blues" width="40%" />


                                Als Ron te horen krijgt dat hij ongeneeslijk ziek is, brengt hij de dag door zoals hij
                                altijd heeft geleefd: zingend in kroegen, weglopend van verantwoordelijkheden. Met zijn
                                twijfelachtige vriend Joop Vissekom verzint hij een benefietconcert waarbij zanger Marco
                                B. zal komen optreden - een plan dat net zo onwaarschijnlijk is als Rons pogingen zijn
                                leven op orde te krijgen.
                            </p>

                            <p>
                                Maar terwijl hij van kroeg naar kroeg zwalkt, met een groeiend publiek op Facebook,
                                dringen de spoken uit zijn verleden zich op: de stilte van zijn vader, het geweld van
                                zijn stiefvader, zijn eigen tijd in de gevangenis, en vooral: zijn mislukte vaderschap.
                            </p>

                            <p>
                                <em>Zanger Ronald zingt de blues</em> is een tragikomisch verhaal over vaders en zonen,
                                over weglopen en thuiskomen, en over hoe de kleinste leugens die we onszelf vertellen
                                soms de grootste zijn.
                            </p>
<div id="boekhandel">
    
                            <h3>Koop bij een boekhandel in de buurt</h3>
                            <p>Voer de 4 cijfers van je postcode aan en klik op de naam van je favoriete boekhandel. Je komt direct bij de verkooppagina van <i>Zanger Ronald zingt de blues</i>.</p>
                            <div id="bookstore-widget"></div>
                            <p style="padding-bottom:20px;">
                            Bestellen bij een echte boekhandel houdt de literatuur overeind, en je hebt je boek net zo snel binnen als via de grote blauwe reus<sup><a href="https://www.bol.com/nl/nl/p/zanger-ronald-zingt-de-blues/9300000235345724/" title="Maar als je echt niet anders kan...">*</a></sup>.     
                            <br>Mis je je boekhandel in de lijst? Stuur me een mailtje met de juiste url en ik voeg je toe!</p>
</div>
                            <h3>Anderen over <i>Zanger Ronald zingt de blues</i></h3>

                            <p><i>Peter Zantingh:</i>
                                "Je hóórt deze mannen praten en denken, je hebt te doen met de onbeholpen manier waarop
                                ze met elkaar omgaan, hoe ze het hart op de tong lijken te hebben en ondertussen juist
                                overal omheen lullen. En dat terwijl Walter er wel in slaagt het ons, de lezers, zonder
                                enig omhaal te tonen - welke zwaktes hier spelen, wat ze eigenlijk écht willen, zelfs
                                zonder dat ze het aan zichzelf toe kunnen of willen geven. Hoe hij daarin slaagt, dat is
                                echt waanzinnig knap."</p>

                            <p><i>Gerbrand Bakker:</i>

                                "Heel erg goed, zo 'klein' en daardoor groots, zo zwierig en gecontroleerd"</p>

                            <p><i>Jan van Mersbergen:</i>
                                "Deze roman is om drie redenen geweldig. 1. De manier waarop verteller Ron woord houdt:
                                geweldig. 2. De personages die niet zoals in veel boeken vreemden voor de schrijver
                                zijn; Walter van den Berg kent zijn mensen: geweldig. 3. Het feit dat de poëzie van
                                Nederlandstalige muziek nu eindelijk een eervolle plek heeft in onze literatuur:
                                geweldig."
                            <p>

                            <p><i>Gustaaf Peek:</i>
                                "Walter van den Berg kent zijn wereld, kent de mens en laat ons lachen en huilen. Een
                                puntgave roman als een open hart, kwetsbaar, eerlijk en ontroerend."


                            <p><i>Manon Uphoff:</i>

                                "Zanger Ronald lives a little, sings a little, 'sloeg een man de pijp uit', raakt alles
                                kwijt en komt tot helderheid"</p>




                            <p><i>Gilles van der Loo:</i>
                                "Alleen de chroniqueur van Amsterdam Nieuw-West kan zo'n boek schrijven - Zanger Ron is
                                even schrijnend als hilarisch en Walter van den Berg is een meester."</p>

                            <p><i>Frank Nellen:</i>
                                "Zanger Ronald zingt de blues is een prachtige, tragikomische roman. Wat kan Walter goed
                                dialogen uit z'n pen toveren en wat is hij goed in het neerzetten van overtuigende
                                personages aan de onderkant van de maatschappij. Nergens wordt het boek melodramatisch
                                of pathetisch. Altijd is daar die humor van Walter, ik heb vaak hardop gelachen bij dit
                                boek."</p>

                            <p><i>Alex Boogers:</i>
                                "Wat niet besproken wordt, maar wel voelbaar wordt gemaakt, wat niet geschreven staat,
                                maar toch wordt verteld - daar blinkt Walter van den Berg in uit. Het menselijk
                                onbehagen krijgt een stem in zijn werk."</p>

                            <p><i>Arjen Lubach:</i>
                                "Lees Walter van den Berg!"</p>


                        </div>
                    </div>

                </div>






                <div class="breadcolumn">
                    <hr class="between-hr">
                </div>


                <div class="breadcolumn">
                    <h2 class="articletitle">Walter van den Berg</h2>





                    <div class="article">



                        <div class="articlebread">




                            <p>




                                <em> Walter van den Berg (1970, Amstelveen) is schrijver. Zijn eerste drie romans werden
                                    uitgegeven bij de Bezige Bij, de vierde bij Das Mag. Zijn volgende romans
                                    verschijnen bij Hollands Diep.
                            </p>
                            <p>Om geld te verdienen werkt hij als martech specialist. Na jarenlang in Amsterdam gewoond
                                te hebben, woont hij &mdash; na een mooie tussenstop in een klein dorpje in de Betuwe
                                &mdash; nu met vrouw, zoon en hond in Tilburg. </em></p>


                            <table border="0" width="100%">
                                <tr>
                                    <td width="47%"><img src="walter_links.jpg"></td>
                                    <td width="5%">&nbsp;</td>
                                    <td width="47%"><img src="walter_rechts.jpg"></td>
                                </tr>
                                <tr>
                                    <td>
                                        <p>Foto's door Jildiz Kaptein</p>
                                    </td>
                                </tr>
                            </table>

                        </div>
                    </div>

                </div>




                <div class="breadcolumn">
                    <hr class="between-hr">
                </div>

                <div class="breadcolumn">
                    <h2 class="articletitle" style="font-size: 5rem !important;">Ruimte</h2>


                    <div class="introcolumn">
                        <p>Verschenen&nbsp;september&nbsp;2020 bij&nbsp;Hollands&nbsp;Diep</p>

                    </div>


                    <div class="article">



                        <div class="articlebread">
                            <p>

                                <img class="size-full wp-image-2397 alignleft" src="ruimte_omslag.jpg" alt="Ruimte"
                                    width="40%" />


                                Dimphy ontvlucht met haar zoon Wes het drama dat ze zelf heeft geschapen door verliefd
                                te worden op een gewelddadige man. Die vlucht resoneert vijfentwintig jaar later in Wes'
                                eigen drama tijdens een lange nacht in Amsterdam.
                            </p>

                            <p>Zijn immens succesvolle zelfhulpboek heeft namelijk een noodlottig en onbedoeld effect:
                                zijn fans nemen een ongelukkige grap te serieus met catastrofale gevolgen.</p>

                            <p>In een veelbekeken tv-show maakt Wes zichzelf met nóg een onhandige uitspraak volksvijand
                                nummer 1. Hij ziet geen andere keus dan opnieuw te vluchten. </p>

                            <p>Ruimte gaat over levensbepalende beslissingen en hun verstrekkende gevolgen, maar meer
                                nog over de onderliggende oorzaken: waar ligt het daadwerkelijke begin van een drama?
                            </p>

                            <p><b><a href="https://www.athenaeum.nl/leesfragmenten/2020/ruimte/">&raquo; Lees het eerste
                                        hoofdstuk op de website van Athenaum Boekhandels</a></b></p>

                            <h3>De pers over <i>Ruimte</i></h3>
                            <p><i>De Groene Amsterdammer:</i> "Ruimte kun je met recht a helluva read noemen. Vanaf de
                                eerste alinea word je krachtig in het bewustzijn van de personages gezogen."</p>
                            <p><i>De Volkskrant:</i> "Een soepele, kale stijl, met fantastische dialogen"</p>
                            <p><i>NRC Handelsblad:</i> "Dat is goed aan Ruimte: hoe Van den Berg met goedgekozen details
                                zijn scènes levendig maakt en grauwheid en troosteloosheid tekent."</p>



                            <h3>Interviews over <i>Ruimte</i></h3>
                            <p>
                                Walter heeft <a
                                    href="https://www.trouw.nl/cultuur-media/schrijver-walter-van-den-berg-de-nieuwe-vriend-van-mijn-moeder-bleek-een-seriele-gezinsterrorist~bb66f617/">met
                                    Sander Becker in Trouw</a> een gesprek gehad over zijn nieuwe boek, en
                                <a
                                    href="https://www.parool.nl/ps/schrijver-walter-van-den-berg-mensen-zijn-zo-raar-je-kunt-er-een-boek-over-schrijven~ba3b419a/">met
                                    Els Quaegebeur in Het Parool</a>.
                            </p>

                        </div>
                    </div>

                </div>





                <div class="breadcolumn">
                    <hr class="between-hr">
                </div>

                <div class="breadcolumn">
                    <h2 class="articletitle">Koop Ruimte (bij uw favoriete boekhandel)</h2>


                    <div class="introcolumn">
                        <p>Lang leve de boekhandel om de hoek</p>

                    </div>


                    <div class="article">



                        <div class="articlebread">
                            <p>



                                Als u <i>Ruimte</i> wilt kopen, ondersteun dan bij voorkeur uw lokale boekhandel.
                                Boekhandels kunnen het zwaar hebben in deze gekke tijden.


                            </p>

                            <p>Ook als u boeken online wilt bestellen, heeft uw boekhandel zeer
                                waarschijnlijk een webshop die net zo snel kan leveren als de grote blauwe reus.
                                <a href="https://www.google.fi/search?q=boekhandel">Google</a> op de naam van uw
                                boekhandel en zoek op hun website naar <i>Ruimte</i>.

                            <p>De volgende boekhandelaren verkopen <i>Ruimte</i> graag:</p>

                            <p><b><a href="https://www.athenaeum.nl/leesfragmenten/2020/ruimte/">Athenaum
                                        Boekhandels</a></b> heeft het eerste hoofdstuk online staan, met een link naar
                                het boek.</p>


                            <p><b><a href="https://www.deutrechtseboekenbar.nl/boeken/">De Utrechtse Boekenbar</a></b>:
                                <i>Als een sneltrein heb ik hem uitgelezen. Heerlijk boek om aan te gaan raden aan
                                    mensen. Spannend, urgent, verrassend.</i>
                            </p>

                            <p><b><a href="https://www.libris.nl/boekhandel-spui/boek/?authortitle=walter-van-den-berg/ruimte--9789048853335">'t
                                        Spui in Vlissingen</a></b>: <i>Wanneer je een boek in één dag verslindt moet het
                                    wel goed zijn en dat is het ook! Een heel knap geconstrueerd verhaal en een
                                    wervelende vaart! Aanrader deluxe!</i></p>

                            <p><b><a href="https://www.libris.nl/venstra/boek/?authortitle=walter-van-den-berg/ruimte--9789048853335">Venstra
                                        in Amstelveen</a></b>: <i>[een] roman [...] die als een wervelwind door je
                                    lichaam, ziel en geest raast. Het verhaal schuurt, hakt en vertedert. En als de wind
                                    dan gaat liggen, blijf jij in stilte geërgerd, denkend maar zeker ook genietend
                                    achter. Ruimte. Wat een roman, wat een prestatie.</i></p>

                            <p><b><a href="https://www.readshop.nl/RUIMTE/p/9001966598">The Read Shop in
                                        Almere-Haven</a></b>: <i>Net als zijn vorige romans zeer de moeite waard.
                                    Sterker nog, dit kan wel eens zijn allerbeste zijn. Het is een boek dat meerdere
                                    gevoelens bij de lezer opwekt en dat je vanaf de eerste pagina’s bijna niet meer uit
                                    je hoofd kan krijgen. </i></p>

                            <p><b><a href="https://www.libris.nl/leesteken/boek/?authortitle=walter-van-den-berg/ruimte--9789048853335">Het
                                        Leesteken in Purmerend</a></b>: <i>Niet weg te leggen!</i></p>

                            <p>Of toch: <a href="https://www.bol.com/nl/p/ruimte/9300000002203441/">de grote blauwe
                                    reus</a>.</p>



                        </div>
                    </div>

                </div>










                <div class="breadcolumn">
                    <hr class="between-hr">
                </div>

                <div class="breadcolumn">
                    <h2 class="articletitle">Schuld</h2>


                    <div class="introcolumn">
                        <p>Verschenen in 2016 bij uitgeverij&nbsp;Das&nbsp;Mag</p>

                    </div>


                    <div class="article">



                        <div class="articlebread">
                            <p>

                                <img class="size-full wp-image-2397 alignleft"
                                    src="http://vandenb.com/wp-content/uploads/2015/10/schuld-omslag.png" alt="Schuld"
                                    width="40%" />


                                In Schuld maakt Kevin gejatte laptops schoon. Vieze filmpjes die hij vindt zet hij
                                online en de vrouwen uit de filmpjes belt hij op. Hij zoekt bewijs dat zijn moeder niet
                                de enige slechte vrouw op de wereld is. Zijn vader, ‘Zingende Ron’, komt net uit de bak
                                en trekt in bij Sandra. Dat is geen liefde, dat is een afspraak. Ron heeft iets voor
                                haar gedaan en zij doet nu iets voor hem terug.
                            </p>

                            <p>Schuld werd uitgeroepen tot Boek van de maand bij <em>De Wereld Draait Door</em> in
                                februari 2016, en stond op de shortlist van de Libris Literatuurprijs, editie 2017.</p>

                            <p>Schuld kreeg onder andere 4 ballen in NRC Handelsblad (recensent Arjen Fortuin zei dat de
                                eerste zin klassiek kan worden); De Telegraaf gaf 4 sterren en noemde het boek ‘rauw
                                proza zoals we van deze begenadigde schrijver gewend zijn’; de Groene Amsterdammer had
                                het over 'hele sterke shit' en Jeroen Vullings gaf <a
                                    href="https://www.vn.nl/walter-van-den-berg-schuld/" target="_blank">een mooie
                                    bespreking</a> in Vrij Nederland.</p>

                            <p><em><a href="https://vandenb.com/schuld/" target="_blank">Lees meer over Schuld</a> op
                                    vandenb.com, het weblog van Walter van den Berg.</em></p>
                        </div>
                    </div>

                </div>





                <div class="breadcolumn">
                    <hr class="between-hr">
                </div>

                <div class="breadcolumn">
                    <h2 class="articletitle">Van dode mannen win&nbsp;je&nbsp;niet</h2>


                    <div class="introcolumn">
                        <p>Verschenen in 2013 bij De&nbsp;Bezige&nbsp;Bij</p>

                    </div>


                    <div class="article">



                        <div class="articlebread">
                            <p>

                                <img class="size-full alignleft"
                                    src="http://vandenb.com/images/2013-10/van-dode-mannen-win-je-niet.png"
                                    alt="Van dode mannen win je niet" width="40%" />


                                Als je een vrouw slaat, doe je je ringen af. Je raakt haar op haar lijf, haar ledematen,
                                maar nooit in het gezicht. En na afloop heb je spijt, want dat gelooft ze. Elke keer
                                weer.
                            </p>

                            <p>De verteller van deze roman kent de regels van het spel. Met overdonderende charme dringt
                                hij binnen in het leven van een vrouw. Als hij eenmaal haar vertrouwen gewonnen heeft,
                                toont hij zijn ware aard.</p>

                            <p>De verteller komt terecht bij een vrouw met een zoontje, en ze zijn vrienden, die jongen
                                en hij. Dat zorgt bij het zoontje voor twijfel: waar ligt zijn solidariteit?</p>

                            <p>De verteller is niet de slechterik in deze relatie, vindt hij zelf. Daarom blijft hij
                                proberen de jongen te overtuigen dat zijn kant de juiste kant is, door het verhaal aan
                                hem te vertellen, zelfs als ze uit elkaars leven zijn verdwenen. Ook al wordt het steeds
                                duidelijker dat de jongen uiteindelijk de kant van zijn moeder heeft gekozen.

                            <p><em>Van dode mannen win je niet</em> stond op de longlist van de AKO Literatuurprijs, en
                                werd onder andere lovend besproken in <a
                                    href="http://vandenb.com/wp-content/uploads/2015/10/recensie-vrij-nederland.png"
                                    target="_blank">Vrij Nederland</a>, <a
                                    href="https://vandenb.com/images/2013-10/recensie-nrc.jpg" target="_blank">NRC</a>,
                                De Groene Amsterdammer en de Telegraaf.</p>


                            <p><em><a href="https://vandenb.com/van-dode-mannen-win-je-niet/" target="_blank">Lees meer
                                        over Van dode mannen win je niet</a>.</em></p>
                        </div>
                    </div>

                </div>





                <div class="breadcolumn">
                    <hr class="between-hr">
                </div>

                <div class="breadcolumn">
                    <h2 class="articletitle">Eerder...</h2>


                    <div class="introcolumn">
                        <p>De&nbsp;hondenkoning en West</p>

                    </div>


                    <div class="article">



                        <div class="articlebread">





                            <p>Walter van den Berg debuteerde in 2004 bij De Bezige Bij met de roman
                                <em>De&nbsp;hondenkoning</em>, die werd genomineerd voor de Debutantenprijs. Zijn tweede
                                roman, <em>West</em>, volgde in 2007 en werd lovend besproken in onder andere Het
                                Parool, HP/De Tijd, NRC en De Morgen.
                            </p>


                            <p><em>Lees meer over <a href="https://vandenb.com/de-hondenkoning/" target="_blank">De
                                        hondenkoning</a> en <a href="https://vandenb.com/west/"
                                        target="_blank">West</a>.</em></p>
                        </div>
                    </div>

                </div>





            </div>
        </section>


        <section class="bottomhrsection">
            <div class="bottomhrcontainer">
                <div class="bottomhrcolumn">
                    <hr class="is-standard-hr">
                </div>
            </div>
        </section>


















        <section class="voeter is-hidden-desktop">
            <div class="columns is-4">
                <div class="column is-mono is-size-7 has-text-centered">
                    <aside id="custom_html-3" class="widget_text widget widget_custom_html">
                        <div class="textwidget custom-html-widget">
                            <p class="metalink">» Weblog: <a href="https://vandenb.com">vandenb.com</a></p>
                            <p class="metalink">» Nieuwsbrief: <a href="https://vandenb.substack.com/" target="_blank"
                                    rel="noopener noreferrer">De onschrijfbare laag</a></p>

                            <p class="metalink">» Boekingen via <a
                                    href="https://www.deschrijverscentrale.nl/auteurs/13157">de Schrijverscentrale</a>
                            </p>
                            <p class="metalink">» Contact: <a href="mailto:walter@vandenb.com">walter@vandenb.com</a>
                            </p>
                        </div>
                    </aside>
                </div>
            </div>
        </section>

        <div class="has-topbumper-of-30">

            <div class="analytics">

                <p>Statistieken worden gemeten door Google Analytics.</p>

            </div>

        </div>

    <!-- Bookstore Finder Widget Styles -->
    <style>
        /* Widget container styling to match site */
        #bookstore-widget {
            margin: 20px 0 30px 0;
        }

        .bookstore-finder {
            font-family: inherit;
            background: #f8f8f8;
            border-radius: 4px;
            padding: 20px;
            box-sizing: border-box;
        }

        .bookstore-finder * {
            box-sizing: border-box;
        }

        .bookstore-finder-input {
            width: 100%;
            padding: 12px 16px;
            font-size: 16px;
            font-family: inherit;
            border: 1px solid #ccc;
            border-radius: 4px;
            outline: none;
            transition: border-color 0.2s;
        }

        .bookstore-finder-input:focus {
            border-color: #333;
        }

        .bookstore-finder-input::placeholder {
            color: #999;
        }

        .bookstore-finder-results {
            margin-top: 16px;
        }

        .bookstore-finder-result {
            padding: 12px 0;
            border-bottom: 1px solid #e0e0e0;
        }

        .bookstore-finder-result:last-child {
            border-bottom: none;
        }

        .bookstore-finder-name {
            font-weight: bold;
            color: #000;
            text-decoration: none;
            display: block;
            margin-bottom: 4px;
        }

        .bookstore-finder-name:hover {
            text-decoration: underline;
        }

        .bookstore-finder-location {
            font-size: 0.9em;
            color: #666;
        }

        .bookstore-finder-empty {
            padding: 15px 0;
            text-align: center;
            color: #666;
        }

        .bookstore-finder-hint {
            font-size: 0.85em;
            color: #888;
            margin-top: 8px;
        }
    </style>

    <!-- Bookstore Finder Widget Script -->
    <script>
        (function() {
            'use strict';

            let bookstores = [];
            const container = document.getElementById('bookstore-widget');

            // Render widget
            container.innerHTML = `
                <div class="bookstore-finder">
                    <input
                        type="text"
                        class="bookstore-finder-input"
                        id="postcode-input"
                        placeholder="Voer je postcode in (bijv. 1012)"
                        maxlength="4"
                        inputmode="numeric"
                        pattern="[0-9]*"
                    >
                    <div class="bookstore-finder-hint">Voer de eerste 4 cijfers van je postcode in.</div>
                    <div class="bookstore-finder-results" id="bookstore-results"></div>
                </div>
            `;

            const resultsContainer = document.getElementById('bookstore-results');
            const postcodeInput = document.getElementById('postcode-input');

            // Load bookstores data
            async function loadBookstores() {
                try {
                    const response = await fetch('/data/bookstores.json');
                    if (!response.ok) {
                        throw new Error('Failed to load bookstores');
                    }
                    bookstores = await response.json();
                } catch (error) {
                    console.error('Error loading bookstores:', error);
                    resultsContainer.innerHTML = '<div class="bookstore-finder-empty">Kon boekhandels niet laden</div>';
                }
            }

            // Calculate "distance" based on postal code prefix
            function getPostcodeDistance(userPostcode, storePostcode) {
                if (!storePostcode) return 999999;

                // Extract numeric parts (first 4 digits)
                const userNum = parseInt(userPostcode);
                const storeNum = parseInt(storePostcode.substring(0, 4));

                // Calculate absolute numerical difference
                const diff = Math.abs(userNum - storeNum);

                // Return the absolute difference as distance
                // This ensures 5038 and 5044 are both 3 units away from 5041
                return diff;
            }

            // Escape HTML to prevent XSS
            function escapeHtml(text) {
                const div = document.createElement('div');
                div.textContent = text;
                return div.innerHTML;
            }

            // Search and display results
            function searchBookstores(postcode) {
                if (!postcode || postcode.length < 2) {
                    resultsContainer.innerHTML = '';
                    return;
                }

                const results = bookstores
                    .map(store => ({
                        ...store,
                        distance: getPostcodeDistance(postcode, store.postal_code)
                    }))
                    .sort((a, b) => {
                        if (a.distance !== b.distance) return a.distance - b.distance;
                        return a.city.localeCompare(b.city);
                    })
                    .slice(0, 10);

                if (results.length === 0) {
                    resultsContainer.innerHTML = '<div class="bookstore-finder-empty">Geen boekhandels gevonden</div>';
                    return;
                }

                const html = results.map(store => `
                    <div class="bookstore-finder-result">
                        <a href="${store.product_url}" target="_blank" rel="noopener" class="bookstore-finder-name">
                            ${escapeHtml(store.name)}
                        </a>
                        <div class="bookstore-finder-location">
                            ${escapeHtml(store.postal_code)} ${escapeHtml(store.city)}
                        </div>
                    </div>
                `).join('');

                resultsContainer.innerHTML = html;
            }

            // Event listener
            postcodeInput.addEventListener('input', function(e) {
                const value = e.target.value.replace(/[^0-9]/g, '');
                e.target.value = value;
                searchBookstores(value);
            });

            // Initialize
            loadBookstores();
        })();
    </script>

</body>

</html>