<!doctype html>
<html class="min-h-screen is-loading" lang="nl-NL">
    <head>
                    <!-- Google Tag Manager -->
            <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-NCC5QHL4');</script>
            <!-- End Google Tag Manager -->
                <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
                <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
	<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
	
	<!-- This site is optimized with the Yoast SEO plugin v25.5 - https://yoast.com/wordpress/plugins/seo/ -->
	<title>Makelaardij en woningadvies onder één dak - Alpina</title>
	<meta name="description" content="Ontdek de makelaarsdiensten van Alpina: persoonlijk, deskundig en altijd dichtbij. Kopen of verkopen? Wij begeleiden je bij elke stap." />
	<link rel="canonical" href="https://advies.alpina.nl/makelaardij/" />
	<meta property="og:locale" content="nl_NL" />
	<meta property="og:type" content="article" />
	<meta property="og:title" content="Makelaardij en woningadvies onder één dak - Alpina" />
	<meta property="og:description" content="Ontdek de makelaarsdiensten van Alpina: persoonlijk, deskundig en altijd dichtbij. Kopen of verkopen? Wij begeleiden je bij elke stap." />
	<meta property="og:url" content="https://advies.alpina.nl/makelaardij/" />
	<meta property="og:site_name" content="Alpina Advies" />
	<meta property="article:modified_time" content="2025-08-06T11:47:33+00:00" />
	<meta property="og:image" content="https://advies.alpina.nl/wp-content/uploads/2025/06/makelaardij-e1749809421549.jpg" />
	<meta property="og:image:width" content="1908" />
	<meta property="og:image:height" content="836" />
	<meta property="og:image:type" content="image/jpeg" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:label1" content="Geschatte leestijd" />
	<meta name="twitter:data1" content="1 minuut" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://advies.alpina.nl/makelaardij/","url":"https://advies.alpina.nl/makelaardij/","name":"Makelaardij en woningadvies onder één dak - Alpina","isPartOf":{"@id":"https://advies.alpina.nl/#website"},"primaryImageOfPage":{"@id":"https://advies.alpina.nl/makelaardij/#primaryimage"},"image":{"@id":"https://advies.alpina.nl/makelaardij/#primaryimage"},"thumbnailUrl":"https://advies.alpina.nl/wp-content/uploads/2025/06/makelaardij-e1749809421549.jpg","datePublished":"2025-05-21T15:33:44+00:00","dateModified":"2025-08-06T11:47:33+00:00","description":"Ontdek de makelaarsdiensten van Alpina: persoonlijk, deskundig en altijd dichtbij. Kopen of verkopen? Wij begeleiden je bij elke stap.","breadcrumb":{"@id":"https://advies.alpina.nl/makelaardij/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https://advies.alpina.nl/makelaardij/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https://advies.alpina.nl/makelaardij/#primaryimage","url":"https://advies.alpina.nl/wp-content/uploads/2025/06/makelaardij-e1749809421549.jpg","contentUrl":"https://advies.alpina.nl/wp-content/uploads/2025/06/makelaardij-e1749809421549.jpg","width":1908,"height":836,"caption":"Young man giving keys of new house to woman"},{"@type":"BreadcrumbList","@id":"https://advies.alpina.nl/makelaardij/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"","item":"https://advies.alpina.nl/"},{"@type":"ListItem","position":2,"name":"Makelaardij"}]},{"@type":"WebSite","@id":"https://advies.alpina.nl/#website","url":"https://advies.alpina.nl/","name":"Alpina Advies","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://advies.alpina.nl/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"}]}</script>
	<!-- / Yoast SEO plugin. -->


<script id="wpml-cookie-js-extra">
var wpml_cookies = {"wp-wpml_current_language":{"value":"nl","expires":1,"path":"\/"}};
var wpml_cookies = {"wp-wpml_current_language":{"value":"nl","expires":1,"path":"\/"}};
</script>
<script src="https://advies.alpina.nl/wp-content/plugins/sitepress-multilingual-cms/res/js/cookies/language-cookie.js?ver=476000" id="wpml-cookie-js" defer data-wp-strategy="defer"></script>
<link rel='shortlink' href='https://advies.alpina.nl/?p=952' />
<meta name="generator" content="WPML ver:4.7.6 stt:37,1;" />

<!-- Wordpress CMS & Makelaar Plugin door Tussendoor B.V. (tussendoor.nl) -->

<link rel="icon" href="https://advies.alpina.nl/wp-content/uploads/2025/06/cropped-favicon-Alpina-32x32.png" sizes="32x32" />
<link rel="icon" href="https://advies.alpina.nl/wp-content/uploads/2025/06/cropped-favicon-Alpina-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://advies.alpina.nl/wp-content/uploads/2025/06/cropped-favicon-Alpina-180x180.png" />
<meta name="msapplication-TileImage" content="https://advies.alpina.nl/wp-content/uploads/2025/06/cropped-favicon-Alpina-270x270.png" />

        <link rel="preload" as="style" href="https://advies.alpina.nl/wp-content/themes/alpina/public/build/assets/app-Du0As4Hx.css" /><link rel="preload" as="style" href="https://advies.alpina.nl/wp-content/themes/alpina/public/build/assets/app-ds4Gh1HN.css" /><link rel="modulepreload" href="https://advies.alpina.nl/wp-content/themes/alpina/public/build/assets/app-Dm1Ypdk6.js" /><link rel="stylesheet" href="https://advies.alpina.nl/wp-content/themes/alpina/public/build/assets/app-Du0As4Hx.css" /><link rel="stylesheet" href="https://advies.alpina.nl/wp-content/themes/alpina/public/build/assets/app-ds4Gh1HN.css" /><script type="module" src="https://advies.alpina.nl/wp-content/themes/alpina/public/build/assets/app-Dm1Ypdk6.js"></script>    </head>

    <body class="wp-singular page-template-default page page-id-952 page-parent wp-embed-responsive wp-theme-alpina min-h-screen antialiased text-base text-alpina-darkblue leading-relaxed pt-[78px] pb-[70px] lg:pt-[127px] lg:pb-0 makelaardij">
                    <!-- Google Tag Manager (noscript) -->
            <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NCC5QHL4"
            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
                <!-- End Google Tag Manager (noscript) -->
        
        <c-load class="min-h-screen" data-load="wrapper">
            <main class="min-h-screen" id="main" data-load="container">
                <c-scroll class="flex flex-col min-h-screen">

                    <header
    class="fixed top-0 w-full flex justify-between items-center h-[78px] bg-alpina-white px-5 border-b border-alpina-middlegrey z-[1040] transition-[margin-top] duration-400 lg:h-auto lg:px-0 lg:flex-col"
    :class="{ 'lg:-mt-[48px]': scrolled }"
    x-data="header"
    x-on:scroll.window="scroll()"
>
    <div class="flex justify-between items-center w-full max-w-[85rem] mx-auto lg:h-[78px] lg:px-5">
        <div class="w-full flex justify-between items-center xl:w-auto">
            <a href="https://advies.alpina.nl/" aria-label="Alpina Advies" class="block max-w-40 mr-8">
                <svg class="w-full" viewBox="0 0 340 109" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M69.3001 68H37.6001C35.9001 68 34.3001 66.9999 33.6001 65.3999L22.5001 40.5999L12.4001 59H22.0001C24.4001 59 26.4001 61 26.4001 63.5C26.4001 66 24.4001 68 22.0001 68H5.0001C3.4001 68 2.0001 67.2 1.2001 65.8C0.400098 64.4 0.400098 62.7 1.2001 61.4L19.0001 28.5999C19.8001 27.0999 21.3001 26.1999 23.0001 26.2999C24.6001 26.3999 26.1001 27.4 26.8001 28.9L40.4001 59H61.9001L37.1001 13.9L32.6001 21.9C31.4001 24.1 28.7001 24.7999 26.6001 23.5999C24.5001 22.3999 23.7001 19.7 24.9001 17.5L33.2001 2.49995C34.0001 1.09995 35.4001 0.199951 37.0001 0.199951C38.6001 0.199951 40.0001 1.09995 40.8001 2.49995L73.0001 61.1999C73.8001 62.5999 73.7001 64.2999 73.0001 65.5999C72.3001 67.0999 70.9001 68 69.3001 68Z" fill="#F39200"/>
<path d="M93.1002 5.10005V58.1H121.1C123.4 58.1 125.2 60.0001 125.2 62.3001C125.2 64.6001 123.3 66.5 121.1 66.5H88.0002C85.7002 66.5 83.7002 64.6 83.7002 62.2V5.10005C83.7002 2.40005 85.8002 0.300049 88.4002 0.300049C91.0002 0.300049 93.1002 2.50005 93.1002 5.10005Z" fill="#0A364B"/>
<path d="M132.8 61.8V4.70003C132.8 2.30003 134.7 0.400024 137.1 0.400024H164.3C178.4 0.400024 182.6 10.4 182.6 22.6C182.6 33.4 177.7 43.6 164.7 43.6H142.4V61.9C142.4 64.6 140.3 66.7 137.6 66.7C135 66.6 132.8 64.5 132.8 61.8ZM162.5 35.2C168.9 35.2 172.1 30.3 172.1 22.4C172.1 13.5 168.9 8.50002 162.9 8.50002H142.4V35.2H162.5Z" fill="#0A364B"/>
<path d="M202.1 5.10005V61.8001C202.1 64.5001 200 66.6001 197.4 66.6001C194.8 66.6001 192.7 64.5001 192.7 61.8001V5.10005C192.7 2.40005 194.8 0.300049 197.4 0.300049C200 0.300049 202.1 2.50005 202.1 5.10005Z" fill="#0A364B"/>
<path d="M266 66.6H261.2C259.6 66.6 258.2 65.7 257.5 64.3C248.3 47 238 29.3 227.2 11.9V61.8C227.2 64.4 225.1 66.6 222.5 66.6C219.9 66.6 217.8 64.5 217.8 61.8V4.70003C217.8 2.30003 219.7 0.400024 222.1 0.400024H228.1C229.5 0.400024 230.9 1.10002 231.7 2.40002C241.8 18.2 251.7 35.6 260.7 52.4V5.20003C260.7 2.50003 262.8 0.400024 265.5 0.400024C268.1 0.400024 270.3 2.60003 270.3 5.20003V62.3C270.2 64.7 268.3 66.6 266 66.6Z" fill="#0A364B"/>
<path d="M323 48.2H292.9C291.2 53.4 289.5 58.6 288 63.6C287.4 65.4 285.8 66.6001 283.9 66.6001H283.1C280.2 66.6001 278.1 63.7001 279.1 60.9001C285.3 42.3001 292.8 21.5 300.2 3.00005C300.9 1.40005 302.4 0.300049 304.1 0.300049H313.5C315.3 0.300049 317 1.50005 317.5 3.30005C323.6 22.2 331.3 43.9 338 60.6C339.2 63.5 337.1 66.6001 334.1 66.6001H332.8C331.1 66.6001 329.5 65.5001 328.9 63.9001C327.1 59.1001 325 53.8 323 48.2ZM306.8 11.3C303 21 299.2 29.5001 295.6 39.9001H320.2C316.6 29.9001 313.2 21 310.3 11.5C310.1 10.7 309.3 10.2001 308.5 10.2001C307.8 10.1001 307.1 10.6 306.8 11.3Z" fill="#0A364B"/>
<path d="M0.600098 88.9V107.8H3.3001V99.9H10.8001V97.6H3.3001V91.3H13.6001V88.9H0.600098Z" fill="#0A364B"/>
<path d="M25.2 88.9H22.5V107.8H25.2V88.9Z" fill="#0A364B"/>
<path d="M51.8 107.8H48.4C45.6 102.7 42.5 97.4 39.2 92.2V107.8H36.5V88.9H40.2C43.3 93.6 46.3 98.7 49 103.7V88.9H51.8C51.8 88.9 51.8 107.8 51.8 107.8Z" fill="#0A364B"/>
<path d="M73.9001 102.6H65.1001C64.5001 104.4 63.9001 106.2 63.4001 107.9H60.6001C62.6001 101.9 65.1001 95 67.6001 89H72.1001C74.1001 95.2 76.9001 102.8 79.1001 107.9H76.0001C75.4001 106.3 74.6001 104.5 73.9001 102.6ZM69.4001 91.2C68.2001 94.1 67.1001 97.1 66.0001 100.2H73.2001C72.1001 97.2 71.1001 94.1 70.2001 91.2H69.4001V91.2Z" fill="#0A364B"/>
<path d="M103 107.8H99.6002C96.8002 102.7 93.7002 97.4 90.4002 92.2V107.8H87.7002V88.9H91.4002C94.5002 93.6 97.5002 98.7 100.2 103.7V88.9H103V107.8Z" fill="#0A364B"/>
<path d="M122.1 88.5C123.8 88.5 126 88.8 127.4 89.2L126.7 91.7C125.6 91.3 123.7 91 122.4 91C118 91 116.3 91.9 116.3 98.2C116.3 104.5 118 105.6 122.4 105.6C123.8 105.6 125.7 105.4 126.7 105L127.4 107.5C125.9 107.9 123.8 108.2 122.1 108.2C116.2 108.2 113.3 105.9 113.3 98.2C113.4 90.5 116.2 88.5 122.1 88.5Z" fill="#0A364B"/>
<path d="M139.5 88.9H136.8V107.8H139.5V88.9Z" fill="#0A364B"/>
<path d="M164.2 88.9V91.3H153.6V96.7H161.2V99H153.6V105.5H164.2V107.8H150.9V88.9H164.2Z" fill="#0A364B"/>
<path d="M187.1 88.9V91.3H176.6V96.7H184.1V99H176.6V105.5H187.1V107.8H173.8V88.9H187.1Z" fill="#0A364B"/>
<path d="M199.5 88.9V105.4H208.8V107.8H196.7V88.9H199.5Z" fill="#0A364B"/>
<path d="M229.5 107C233.2 102.2 237.7 96 240.9 91.3H230.2V88.9H245.1V89.7C241.8 94.8 237.2 101.2 233.7 105.5H244.7V107.9H229.5V107Z" fill="#0A364B"/>
<path d="M267.8 88.9V91.3H257.2V96.7H264.7V99H257.2V105.5H267.8V107.8H254.5V88.9H267.8Z" fill="#0A364B"/>
<path d="M280.2 107.8H277.5V88.9H280.2V107.8ZM288.9 107.8C284.7 101.5 281.4 98.3 280.1 97.8C281.4 97 284.6 93.8 288.3 88.9H291.8C287.9 93.8 285 96.8 283.9 97.6C284.9 98.2 288.3 101.6 292.4 107.8H288.9Z" fill="#0A364B"/>
<path d="M314.3 88.9V91.3H303.7V96.7H311.2V99H303.7V105.5H314.3V107.8H301V88.9H314.3Z" fill="#0A364B"/>
<path d="M339.6 107.8H336.2C333.2 102.6 331.1 100.1 329.8 100.1H326.7V107.8H324V88.9H333.1C337.2 88.9 338.4 91.4 338.4 94.4C338.4 97.1 337.2 99.4 333.2 99.5C334.5 100 336.5 102.7 339.6 107.8ZM326.6 97.8H332.5C334.3 97.8 335.3 96.6 335.3 94.6C335.3 92.4 334.4 91.2 332.6 91.2H326.6V97.8Z" fill="#0A364B"/>
</svg>
            </a>

                            <div
    class="bg-alpina-white hidden [html.is-first-loaded_&]:block fixed z-1039 top-[78px] bottom-0 left-0 right-0 p-5 pb-[136px] items-center overflow-scroll lg:p-0 lg:static lg:w-auto lg:overflow-visible lg:bg-transparent"
    x-show="!is_mobile || open"
    x-init="checkMobile()"
    x-on:resize.window="resize()"
    x-on:keydown.escape.window="open = false"
    x-transition.duration.500ms
    x-trap.noscroll="is_mobile && open"
>
    <ul class="gap-x-8 lg:flex mb-18 lg:mb-0">
                                                    
                            <li class="mb-2 whitespace-nowrap border border-alpina-middlegrey rounded lg:m-0 lg:border-none">
                                <a class="items-center p-4 flex text-xl font-bold lg:px-0 lg:py-2.5 lg:text-base" href="https://advies.alpina.nl/verzekeringen/" @click.prevent="subClick(1030)">
                                                                            <span class="w-8 text-alpina-darkorange mr-3 lg:hidden">
                                            <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
    <path d="M304 16c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 32.4C132.8 55.6 18.9 156 2.1 285.9c-2 15.6 17.3 24.4 27.8 12.7C43.9 283 71.2 272 96 272c38.7 0 71 27.5 78.4 64.1c1.7 8.7 8.7 15.9 17.6 15.9s15.8-7.2 17.6-15.9C217 299.5 249.3 272 288 272s71 27.5 78.4 64.1c1.7 8.7 8.7 15.9 17.6 15.9s15.8-7.2 17.6-15.9C409 299.5 441.3 272 480 272c24.8 0 52.1 11 66.1 26.7c10.5 11.7 29.8 2.9 27.8-12.7C557.1 156 443.2 55.6 304 48.4L304 16zm80 278.3c-19.6-32.5-55.2-54.3-96-54.3s-76.4 21.8-96 54.3C172.4 261.8 136.8 240 96 240c-17.6 0-36.7 4.1-53.7 11.8C73.3 153 171 80 288 80s214.7 73 245.7 171.8C516.7 244.1 497.6 240 480 240c-40.8 0-76.4 21.8-96 54.3zM272 306.7l0 139.8c0 18.5-15 33.4-33.4 33.4c-12.7 0-24.2-7.2-29.9-18.5l-2.3-4.7c-4-7.9-13.6-11.1-21.5-7.2s-11.1 13.6-7.2 21.5l2.3 4.7C191.1 498 213.8 512 238.6 512c36.1 0 65.4-29.3 65.4-65.4l0-139.8c-5-1.8-10.4-2.7-16-2.7s-11 1-16 2.7z" fill="currentColor"/>
</svg>                                        </span>
                                    
                                    <span class="grow">Verzekeringen</span>

                                                                            <span class="hidden lg:block w-[15px] ml-2 transition-all" :class="{ 'rotate-180': sub_open === 1030 }">
                                            <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
    <path d="M267.3 395.3c-6.2 6.2-16.4 6.2-22.6 0l-192-192c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L256 361.4 436.7 180.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-192 192z" fill="currentColor"/>
</svg>                                        </span>
                                    
                                    <span class="flex justify-center items-center border border-alpina-middlegrey text-alpina-darkorange rounded ml-2 w-8 h-8 lg:hidden">
                                                                                    <svg x-show="sub_open !== 1030" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z" fill="currentColor"/>
</svg>                                            <svg x-show="sub_open === 1030" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M432 256c0 8.8-7.2 16-16 16L32 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l384 0c8.8 0 16 7.2 16 16z" fill="currentColor"/>
</svg>                                                                            </span>
                                </a>

                                                                    
                                    <div
                                        class="lg:absolute lg:top-[127px] lg:left-0 lg:right-0 lg:bg-alpina-lightgrey lg:px-8 lg:inset-shadow-sm lg:inset-shadow-alpina-ultradarkgrey/25"
                                        x-show="sub_open === 1030"
                                        x-transition:enter="transition ease-out duration-300 transform"
                                        x-transition:enter-start="opacity-0 -translate-y-5"
                                        x-transition:enter-end="opacity-100 translate-y-0"
                                    >
                                        <div class="lg:py-20">
                                                                                            <ul class="pt-1 bg-alpina-lightgrey inset-shadow-sm inset-shadow-alpina-ultradarkgrey/25 lg:pt-0 lg:background-transparent lg:inset-shadow-none lg:grid lg:grid-flow-col lg:max-w-[85rem] lg:mx-auto lg:gap-x-10 lg:px-5">
                                                                                                            
                                                                                                                    <li class=" hidden mb-10 bg-alpina-white p-5 rounded-xl border border-alpina-darkgrey drop-shadow-lg/25 lg:block">
                                                        
                                                            <a
                                                                class="flex justify-between items-center mx-4 py-4 lg:font-bold lg:text-xl lg:cursor-default lg:mx-0 lg:py-0 text-alpina-darkorange"
                                                                :class="{ 'font-bold': sub_sub_open === 1058 }"
                                                                href="#"
                                                                @click.prevent="subSubClick($event, 1058)"
                                                            >
                                                                Populaire verzekeringen

                                                                <span class="flex justify-center items-center text-alpina-ultradarkgrey ml-2 w-8 h-8 lg:hidden">
                                                                                                                                            <svg x-show="sub_sub_open !== 1058" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z" fill="currentColor"/>
</svg>                                                                        <svg x-show="sub_sub_open === 1058" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M432 256c0 8.8-7.2 16-16 16L32 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l384 0c8.8 0 16 7.2 16 16z" fill="currentColor"/>
</svg>                                                                                                                                    </span>
                                                            </a>

                                                                                                                            <ul
                                                                    class="lg:mt-3 lg:pt-3 lg:border-t lg:border-alpina-middlegrey"
                                                                    x-show="!is_mobile || sub_sub_open === 1058"
                                                                    x-transition:enter="transition ease-out duration-300 transform"
                                                                    x-transition:enter-start="opacity-0 -translate-y-5"
                                                                    x-transition:enter-end="opacity-100 translate-y-0"
                                                                >
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/aansprakelijkheidsverzekering/">Aansprakelijkheidsverzekering</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/autoverzekering/">Autoverzekering</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/inboedelverzekering/">Inboedelverzekering</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/opstalverzekering/">Opstalverzekering</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/overlijdensrisicoverzekering-ovr/">Overlijdensrisicoverzekering (ORV)</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/rechtsbijstandsverzekering/">Rechtsbijstandverzekering</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/reisverzekering-doorlopend-en-kort/">Reisverzekering (doorlopend en kort)</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/zorgverzekering/">Zorgverzekering</a>
                                                                        </li>
                                                                                                                                    </ul>
                                                            
                                                                                                                    </li>
                                                                                                                                                                                                                            
                                                                                                                    <li class="">
                                                        
                                                            <a
                                                                class="flex justify-between items-center mx-4 py-4 lg:font-bold lg:text-xl lg:cursor-default lg:mx-0 lg:py-0"
                                                                :class="{ 'font-bold': sub_sub_open === 1067 }"
                                                                href="#"
                                                                @click.prevent="subSubClick($event, 1067)"
                                                            >
                                                                Wonen en aansprakelijkheid

                                                                <span class="flex justify-center items-center text-alpina-ultradarkgrey ml-2 w-8 h-8 lg:hidden">
                                                                                                                                            <svg x-show="sub_sub_open !== 1067" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z" fill="currentColor"/>
</svg>                                                                        <svg x-show="sub_sub_open === 1067" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M432 256c0 8.8-7.2 16-16 16L32 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l384 0c8.8 0 16 7.2 16 16z" fill="currentColor"/>
</svg>                                                                                                                                    </span>
                                                            </a>

                                                                                                                            <ul
                                                                    class="lg:mt-3 lg:pt-3 lg:border-t lg:border-alpina-middlegrey mb-4 lg:mb-10"
                                                                    x-show="!is_mobile || sub_sub_open === 1067"
                                                                    x-transition:enter="transition ease-out duration-300 transform"
                                                                    x-transition:enter-start="opacity-0 -translate-y-5"
                                                                    x-transition:enter-end="opacity-100 translate-y-0"
                                                                >
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/aansprakelijkheidsverzekering/">Aansprakelijkheidsverzekering</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/glasverzekering/">Glasverzekering</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/huisdierenverzekering/">Huisdierenverzekering</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/inboedelverzekering/">Inboedelverzekering</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/kostbaarhedenverzekering/">Kostbaarhedenverzekering</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/ongevallenverzekering/">Ongevallenverzekering</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/opstalverzekering/">Opstalverzekering</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/rechtsbijstandsverzekering/">Rechtsbijstandverzekering</a>
                                                                        </li>
                                                                                                                                    </ul>
                                                            
                                                                                                                    </li>
                                                                                                                                                                                                                            
                                                                                                                    <li class="">
                                                        
                                                            <a
                                                                class="flex justify-between items-center mx-4 py-4 lg:font-bold lg:text-xl lg:cursor-default lg:mx-0 lg:py-0 border-t border-alpina-middlegrey lg:border-none"
                                                                :class="{ 'font-bold': sub_sub_open === 1076 }"
                                                                href="#"
                                                                @click.prevent="subSubClick($event, 1076)"
                                                            >
                                                                Mobiliteit

                                                                <span class="flex justify-center items-center text-alpina-ultradarkgrey ml-2 w-8 h-8 lg:hidden">
                                                                                                                                            <svg x-show="sub_sub_open !== 1076" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z" fill="currentColor"/>
</svg>                                                                        <svg x-show="sub_sub_open === 1076" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M432 256c0 8.8-7.2 16-16 16L32 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l384 0c8.8 0 16 7.2 16 16z" fill="currentColor"/>
</svg>                                                                                                                                    </span>
                                                            </a>

                                                                                                                            <ul
                                                                    class="lg:mt-3 lg:pt-3 lg:border-t lg:border-alpina-middlegrey mb-4 lg:mb-10"
                                                                    x-show="!is_mobile || sub_sub_open === 1076"
                                                                    x-transition:enter="transition ease-out duration-300 transform"
                                                                    x-transition:enter-start="opacity-0 -translate-y-5"
                                                                    x-transition:enter-end="opacity-100 translate-y-0"
                                                                >
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/autoverzekering/">Autoverzekering</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/fietsverzekering/">Fietsverzekering</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/motorverzekering/">Motorverzekering</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/oldtimerverzekering/">Oldtimerverzekering</a>
                                                                        </li>
                                                                                                                                    </ul>
                                                            
                                                                                                                                                                                                                            
                                                        
                                                            <a
                                                                class="flex justify-between items-center mx-4 py-4 lg:font-bold lg:text-xl lg:cursor-default lg:mx-0 lg:py-0 border-t border-alpina-middlegrey lg:border-none"
                                                                :class="{ 'font-bold': sub_sub_open === 1122 }"
                                                                href="#"
                                                                @click.prevent="subSubClick($event, 1122)"
                                                            >
                                                                Leven en Zorg

                                                                <span class="flex justify-center items-center text-alpina-ultradarkgrey ml-2 w-8 h-8 lg:hidden">
                                                                                                                                            <svg x-show="sub_sub_open !== 1122" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z" fill="currentColor"/>
</svg>                                                                        <svg x-show="sub_sub_open === 1122" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M432 256c0 8.8-7.2 16-16 16L32 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l384 0c8.8 0 16 7.2 16 16z" fill="currentColor"/>
</svg>                                                                                                                                    </span>
                                                            </a>

                                                                                                                            <ul
                                                                    class="lg:mt-3 lg:pt-3 lg:border-t lg:border-alpina-middlegrey mb-4 lg:mb-10"
                                                                    x-show="!is_mobile || sub_sub_open === 1122"
                                                                    x-transition:enter="transition ease-out duration-300 transform"
                                                                    x-transition:enter-start="opacity-0 -translate-y-5"
                                                                    x-transition:enter-end="opacity-100 translate-y-0"
                                                                >
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/overlijdensrisicoverzekering-ovr/">Overlijdensrisicoverzekering (ORV)</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/uitvaartverzekering/">Uitvaartverzekering</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/zorgverzekering/">Zorgverzekering</a>
                                                                        </li>
                                                                                                                                    </ul>
                                                            
                                                                                                                    </li>
                                                                                                                                                                                                                            
                                                                                                                    <li class="">
                                                        
                                                            <a
                                                                class="flex justify-between items-center mx-4 py-4 lg:font-bold lg:text-xl lg:cursor-default lg:mx-0 lg:py-0 border-t border-alpina-middlegrey lg:border-none"
                                                                :class="{ 'font-bold': sub_sub_open === 1132 }"
                                                                href="#"
                                                                @click.prevent="subSubClick($event, 1132)"
                                                            >
                                                                Vrije tijd

                                                                <span class="flex justify-center items-center text-alpina-ultradarkgrey ml-2 w-8 h-8 lg:hidden">
                                                                                                                                            <svg x-show="sub_sub_open !== 1132" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z" fill="currentColor"/>
</svg>                                                                        <svg x-show="sub_sub_open === 1132" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M432 256c0 8.8-7.2 16-16 16L32 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l384 0c8.8 0 16 7.2 16 16z" fill="currentColor"/>
</svg>                                                                                                                                    </span>
                                                            </a>

                                                                                                                            <ul
                                                                    class="lg:mt-3 lg:pt-3 lg:border-t lg:border-alpina-middlegrey mb-4 lg:mb-10"
                                                                    x-show="!is_mobile || sub_sub_open === 1132"
                                                                    x-transition:enter="transition ease-out duration-300 transform"
                                                                    x-transition:enter-start="opacity-0 -translate-y-5"
                                                                    x-transition:enter-end="opacity-100 translate-y-0"
                                                                >
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/bootverzekering/">Bootverzekering</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/camperverzekering/">Camperverzekering</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/caravanverzekering/">Caravanverzekering</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/recreatiewoningverzekering/">Recreatiewoningverzekering</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/verzekeringen/reisverzekering-doorlopend-en-kort/">Reisverzekering (doorlopend en kort)</a>
                                                                        </li>
                                                                                                                                    </ul>
                                                            
                                                                                                                    </li>
                                                                                                                                                                                                                    </ul>
                                            
                                                                                            <ul class="border-t bg-alpina-lightgrey border-alpina-middlegrey text-alpina-darkblue px-[26px] py-4 justify-end space-x-5 lg:flex lg:max-w-[85rem] lg:px-5 lg:py-2 lg:mx-auto lg:bg-transparent">
                                                                                                            <li><a class="flex items-center justify-end hover:underline" href="https://advies.alpina.nl/verzekeringen/">Bekijk alle verzekeringen <svg class="ml-4 mt-[-2px] w-[14px]"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M443.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L393.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l377.4 0L244.7 420.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l176-176z" fill="currentColor"/>
</svg></a></li>
                                                                                                    </ul>
                                                                                    </div>
                                    </div>
                                                            </li>
                                                    
                            <li class="mb-2 whitespace-nowrap border border-alpina-middlegrey rounded lg:m-0 lg:border-none">
                                <a class="items-center p-4 flex text-xl font-bold lg:px-0 lg:py-2.5 lg:text-base" href="https://advies.alpina.nl/hypotheken/">
                                                                            <span class="w-8 text-alpina-darkorange mr-3 lg:hidden">
                                            <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
    <path d="M298.6 4c-6-5.3-15.1-5.3-21.2 0L5.4 244c-6.6 5.8-7.3 16-1.4 22.6s16 7.3 22.6 1.4L64 235l0 197c0 44.2 35.8 80 80 80l288 0c44.2 0 80-35.8 80-80l0-197 37.4 33c6.6 5.8 16.7 5.2 22.6-1.4s5.2-16.7-1.4-22.6L298.6 4zM96 432l0-225.3L288 37.3 480 206.7 480 432c0 26.5-21.5 48-48 48l-64 0 0-160c0-17.7-14.3-32-32-32l-96 0c-17.7 0-32 14.3-32 32l0 160-64 0c-26.5 0-48-21.5-48-48zm144 48l0-160 96 0 0 160-96 0z" fill="currentColor"/>
</svg>                                        </span>
                                    
                                    <span class="grow">Hypotheken</span>

                                    
                                    <span class="flex justify-center items-center border border-alpina-middlegrey text-alpina-darkorange rounded ml-2 w-8 h-8 lg:hidden">
                                                                                    <svg class="w-[15px]"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M443.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L393.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l377.4 0L244.7 420.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l176-176z" fill="currentColor"/>
</svg>                                                                            </span>
                                </a>

                                                            </li>
                                                    
                            <li class="mb-2 whitespace-nowrap border border-alpina-middlegrey rounded lg:m-0 lg:border-none">
                                <a class="items-center p-4 flex text-xl font-bold lg:px-0 lg:py-2.5 lg:text-base" href="https://advies.alpina.nl/makelaardij/" @click.prevent="subClick(1033)">
                                                                            <span class="w-8 text-alpina-darkorange mr-3 lg:hidden">
                                            <svg   xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
    <path d="M80 0c8.8 0 16 7.2 16 16l0 48 400 0c8.8 0 16 7.2 16 16s-7.2 16-16 16L96 96l0 400c0 8.8-7.2 16-16 16s-16-7.2-16-16L64 96 16 96C7.2 96 0 88.8 0 80s7.2-16 16-16l48 0 0-48C64 7.2 71.2 0 80 0zm80 160l0 192 288 0 0-192-288 0zm-32 0c0-17.7 14.3-32 32-32l288 0c17.7 0 32 14.3 32 32l0 192c0 17.7-14.3 32-32 32l-288 0c-17.7 0-32-14.3-32-32l0-192z" fill="currentColor"/>
</svg>                                        </span>
                                    
                                    <span class="grow">Makelaardij</span>

                                                                            <span class="hidden lg:block w-[15px] ml-2 transition-all" :class="{ 'rotate-180': sub_open === 1033 }">
                                            <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
    <path d="M267.3 395.3c-6.2 6.2-16.4 6.2-22.6 0l-192-192c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L256 361.4 436.7 180.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-192 192z" fill="currentColor"/>
</svg>                                        </span>
                                    
                                    <span class="flex justify-center items-center border border-alpina-middlegrey text-alpina-darkorange rounded ml-2 w-8 h-8 lg:hidden">
                                                                                    <svg x-show="sub_open !== 1033" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z" fill="currentColor"/>
</svg>                                            <svg x-show="sub_open === 1033" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M432 256c0 8.8-7.2 16-16 16L32 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l384 0c8.8 0 16 7.2 16 16z" fill="currentColor"/>
</svg>                                                                            </span>
                                </a>

                                                                    
                                    <div
                                        class="lg:absolute lg:top-[127px] lg:left-0 lg:right-0 lg:bg-alpina-lightgrey lg:px-8 lg:inset-shadow-sm lg:inset-shadow-alpina-ultradarkgrey/25"
                                        x-show="sub_open === 1033"
                                        x-transition:enter="transition ease-out duration-300 transform"
                                        x-transition:enter-start="opacity-0 -translate-y-5"
                                        x-transition:enter-end="opacity-100 translate-y-0"
                                    >
                                        <div class="lg:py-20">
                                                                                            <ul class="pt-1 bg-alpina-lightgrey inset-shadow-sm inset-shadow-alpina-ultradarkgrey/25 lg:pt-0 lg:background-transparent lg:inset-shadow-none lg:grid lg:grid-flow-col lg:max-w-[85rem] lg:mx-auto lg:gap-x-10 lg:px-5">
                                                                                                            
                                                                                                                    <li class=" hidden mb-10 bg-alpina-white p-5 rounded-xl border border-alpina-darkgrey drop-shadow-lg/25 lg:block">
                                                        
                                                            <a
                                                                class="flex justify-between items-center mx-4 py-4 lg:font-bold lg:text-xl lg:cursor-default lg:mx-0 lg:py-0 text-alpina-darkorange"
                                                                :class="{ 'font-bold': sub_sub_open === 224713 }"
                                                                href="#"
                                                                @click.prevent="subSubClick($event, 224713)"
                                                            >
                                                                Populaire acties

                                                                <span class="flex justify-center items-center text-alpina-ultradarkgrey ml-2 w-8 h-8 lg:hidden">
                                                                                                                                            <svg x-show="sub_sub_open !== 224713" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z" fill="currentColor"/>
</svg>                                                                        <svg x-show="sub_sub_open === 224713" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M432 256c0 8.8-7.2 16-16 16L32 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l384 0c8.8 0 16 7.2 16 16z" fill="currentColor"/>
</svg>                                                                                                                                    </span>
                                                            </a>

                                                                                                                            <ul
                                                                    class="lg:mt-3 lg:pt-3 lg:border-t lg:border-alpina-middlegrey"
                                                                    x-show="!is_mobile || sub_sub_open === 224713"
                                                                    x-transition:enter="transition ease-out duration-300 transform"
                                                                    x-transition:enter-start="opacity-0 -translate-y-5"
                                                                    x-transition:enter-end="opacity-100 translate-y-0"
                                                                >
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/makelaardij/waardebepaling/">Doe waardecheck (vrijblijvend)</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/hypotheken/">Bereken hypotheek</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="/makelaardij/woningaanbod/">Bekijk woningaanbod</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/zoekopdracht-woning-aanvragen/">Vraag zoekopdracht woning aan</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/makelaardij/taxatie-aanvragen/">Vraag taxatie aan</a>
                                                                        </li>
                                                                                                                                    </ul>
                                                            
                                                                                                                    </li>
                                                                                                                                                                                                                            
                                                                                                                    <li class="">
                                                        
                                                            <a
                                                                class="flex justify-between items-center mx-4 py-4 lg:font-bold lg:text-xl lg:cursor-default lg:mx-0 lg:py-0"
                                                                :class="{ 'font-bold': sub_sub_open === 1619 }"
                                                                href="#"
                                                                @click.prevent="subSubClick($event, 1619)"
                                                            >
                                                                Woningzoekenden

                                                                <span class="flex justify-center items-center text-alpina-ultradarkgrey ml-2 w-8 h-8 lg:hidden">
                                                                                                                                            <svg x-show="sub_sub_open !== 1619" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z" fill="currentColor"/>
</svg>                                                                        <svg x-show="sub_sub_open === 1619" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M432 256c0 8.8-7.2 16-16 16L32 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l384 0c8.8 0 16 7.2 16 16z" fill="currentColor"/>
</svg>                                                                                                                                    </span>
                                                            </a>

                                                                                                                            <ul
                                                                    class="lg:mt-3 lg:pt-3 lg:border-t lg:border-alpina-middlegrey mb-4 lg:mb-10"
                                                                    x-show="!is_mobile || sub_sub_open === 1619"
                                                                    x-transition:enter="transition ease-out duration-300 transform"
                                                                    x-transition:enter-start="opacity-0 -translate-y-5"
                                                                    x-transition:enter-end="opacity-100 translate-y-0"
                                                                >
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/makelaardij/aankopen/">Woning kopen</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="/makelaardij/woningaanbod/">Woningaanbod</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="/makelaardij/nieuwbouw/nieuwbouwaanbod/">Nieuwbouwaanbod</a>
                                                                        </li>
                                                                                                                                    </ul>
                                                            
                                                                                                                    </li>
                                                                                                                                                                                                                            
                                                                                                                    <li class="">
                                                        
                                                            <a
                                                                class="flex justify-between items-center mx-4 py-4 lg:font-bold lg:text-xl lg:cursor-default lg:mx-0 lg:py-0 border-t border-alpina-middlegrey lg:border-none"
                                                                :class="{ 'font-bold': sub_sub_open === 1620 }"
                                                                href="#"
                                                                @click.prevent="subSubClick($event, 1620)"
                                                            >
                                                                Huiseigenaren

                                                                <span class="flex justify-center items-center text-alpina-ultradarkgrey ml-2 w-8 h-8 lg:hidden">
                                                                                                                                            <svg x-show="sub_sub_open !== 1620" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z" fill="currentColor"/>
</svg>                                                                        <svg x-show="sub_sub_open === 1620" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M432 256c0 8.8-7.2 16-16 16L32 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l384 0c8.8 0 16 7.2 16 16z" fill="currentColor"/>
</svg>                                                                                                                                    </span>
                                                            </a>

                                                                                                                            <ul
                                                                    class="lg:mt-3 lg:pt-3 lg:border-t lg:border-alpina-middlegrey mb-4 lg:mb-10"
                                                                    x-show="!is_mobile || sub_sub_open === 1620"
                                                                    x-transition:enter="transition ease-out duration-300 transform"
                                                                    x-transition:enter-start="opacity-0 -translate-y-5"
                                                                    x-transition:enter-end="opacity-100 translate-y-0"
                                                                >
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/makelaardij/verkopen/">Woning verkopen</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/makelaardij/taxeren/">Woning taxeren</a>
                                                                        </li>
                                                                                                                                    </ul>
                                                            
                                                                                                                    </li>
                                                                                                                                                                                                                    </ul>
                                            
                                                                                            <ul class="border-t bg-alpina-lightgrey border-alpina-middlegrey text-alpina-darkblue px-[26px] py-4 justify-end space-x-5 lg:flex lg:max-w-[85rem] lg:px-5 lg:py-2 lg:mx-auto lg:bg-transparent">
                                                                                                            <li><a class="flex items-center justify-end hover:underline" href="https://advies.alpina.nl/makelaardij/">Alles over makelaardij <svg class="ml-4 mt-[-2px] w-[14px]"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M443.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L393.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l377.4 0L244.7 420.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l176-176z" fill="currentColor"/>
</svg></a></li>
                                                                                                    </ul>
                                                                                    </div>
                                    </div>
                                                            </li>
                                                    
                            <li class="mb-2 whitespace-nowrap border border-alpina-middlegrey rounded lg:m-0 lg:border-none">
                                <a class="items-center p-4 flex text-xl font-bold lg:px-0 lg:py-2.5 lg:text-base" href="https://advies.alpina.nl/levensgebeurtenissen/" @click.prevent="subClick(1032)">
                                                                            <span class="w-8 text-alpina-darkorange mr-3 lg:hidden">
                                            <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
    <path d="M163.9 28.9C191.7 .7 235.8-.8 265.3 24.3c5.8 4.9 11 10.4 16.3 15.9c2.1 2.2 4.2 4.5 6.4 6.6c2.1-2.2 4.3-4.4 6.4-6.6c5.2-5.5 10.5-11 16.3-15.9C340.2-.8 384.3 .7 412.1 28.9c29.4 29.8 29.4 78.2 0 108L310.5 240.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L163.9 136.9c-29.4-29.8-29.4-78.2 0-108zm83.6 22.5c-16.8-17.1-44-17.1-60.8 0c-17.1 17.4-17.1 45.7 0 63.1L288 217.3 389.3 114.4c17.1-17.4 17.1-45.7 0-63.1c-16.8-17.1-44-17.1-60.8 0L299.4 80.9c-6.3 6.4-16.5 6.4-22.8 0L247.5 51.4zM151 317.4c13.1-8.8 28.6-13.4 44.4-13.4L344 304c30.9 0 56 25.1 56 56c0 8.6-1.9 16.7-5.4 24l5.6 0 94.7-56.4c8.3-4.9 17.8-7.6 27.5-7.6l1.3 0c28.9 0 52.3 23.4 52.3 52.3c0 17.7-9 34.2-23.8 43.8L432.6 493.9c-18.2 11.8-39.4 18.1-61 18.1L16 512c-8.8 0-16-7.2-16-16s7.2-16 16-16l355.5 0c15.5 0 30.6-4.5 43.6-12.9l119.6-77.8c5.8-3.7 9.2-10.2 9.2-17c0-11.2-9.1-20.3-20.3-20.3l-1.3 0c-3.9 0-7.7 1.1-11.1 3l-98.5 58.7c-2.5 1.5-5.3 2.3-8.2 2.3L344 416l-24 0-64 0c-8.8 0-16-7.2-16-16s7.2-16 16-16l64 0 24 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-148.6 0c-9.5 0-18.7 2.8-26.6 8.1L88.9 397.3c-2.6 1.8-5.7 2.7-8.9 2.7l-64 0c-8.8 0-16-7.2-16-16s7.2-16 16-16l59.2 0L151 317.4z" fill="currentColor"/>
</svg>                                        </span>
                                    
                                    <span class="grow">Levensgebeurtenissen</span>

                                                                            <span class="hidden lg:block w-[15px] ml-2 transition-all" :class="{ 'rotate-180': sub_open === 1032 }">
                                            <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
    <path d="M267.3 395.3c-6.2 6.2-16.4 6.2-22.6 0l-192-192c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L256 361.4 436.7 180.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-192 192z" fill="currentColor"/>
</svg>                                        </span>
                                    
                                    <span class="flex justify-center items-center border border-alpina-middlegrey text-alpina-darkorange rounded ml-2 w-8 h-8 lg:hidden">
                                                                                    <svg x-show="sub_open !== 1032" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z" fill="currentColor"/>
</svg>                                            <svg x-show="sub_open === 1032" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M432 256c0 8.8-7.2 16-16 16L32 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l384 0c8.8 0 16 7.2 16 16z" fill="currentColor"/>
</svg>                                                                            </span>
                                </a>

                                                                    
                                    <div
                                        class="lg:absolute lg:top-[127px] lg:left-0 lg:right-0 lg:bg-alpina-lightgrey lg:px-8 lg:inset-shadow-sm lg:inset-shadow-alpina-ultradarkgrey/25"
                                        x-show="sub_open === 1032"
                                        x-transition:enter="transition ease-out duration-300 transform"
                                        x-transition:enter-start="opacity-0 -translate-y-5"
                                        x-transition:enter-end="opacity-100 translate-y-0"
                                    >
                                        <div class="lg:py-20">
                                                                                            <ul class="pt-1 bg-alpina-lightgrey inset-shadow-sm inset-shadow-alpina-ultradarkgrey/25 lg:pt-0 lg:background-transparent lg:inset-shadow-none lg:grid lg:grid-flow-col lg:max-w-[85rem] lg:mx-auto lg:gap-x-10 lg:px-5">
                                                                                                            
                                                                                                                    <li class="">
                                                        
                                                            <a
                                                                class="flex justify-between items-center mx-4 py-4 lg:font-bold lg:text-xl lg:cursor-default lg:mx-0 lg:py-0"
                                                                :class="{ 'font-bold': sub_sub_open === 1043 }"
                                                                href="https://advies.alpina.nl/levensgebeurtenissen/"
                                                                @click.prevent="subSubClick($event, 1043)"
                                                            >
                                                                Levensfasen

                                                                <span class="flex justify-center items-center text-alpina-ultradarkgrey ml-2 w-8 h-8 lg:hidden">
                                                                                                                                            <svg x-show="sub_sub_open !== 1043" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z" fill="currentColor"/>
</svg>                                                                        <svg x-show="sub_sub_open === 1043" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M432 256c0 8.8-7.2 16-16 16L32 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l384 0c8.8 0 16 7.2 16 16z" fill="currentColor"/>
</svg>                                                                                                                                    </span>
                                                            </a>

                                                                                                                            <ul
                                                                    class="lg:mt-3 lg:pt-3 lg:border-t lg:border-alpina-middlegrey mb-4 lg:mb-10"
                                                                    x-show="!is_mobile || sub_sub_open === 1043"
                                                                    x-transition:enter="transition ease-out duration-300 transform"
                                                                    x-transition:enter-start="opacity-0 -translate-y-5"
                                                                    x-transition:enter-end="opacity-100 translate-y-0"
                                                                >
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/levensgebeurtenissen/18-worden/">18 worden</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/levensgebeurtenissen/studeren-en-of-op-kamers/">Studeren en/of op kamers</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/levensgebeurtenissen/wereldreis-maken/">Wereldreis maken</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/levensgebeurtenissen/overlijden/">Overlijden</a>
                                                                        </li>
                                                                                                                                    </ul>
                                                            
                                                                                                                    </li>
                                                                                                                                                                                                                            
                                                                                                                    <li class="">
                                                        
                                                            <a
                                                                class="flex justify-between items-center mx-4 py-4 lg:font-bold lg:text-xl lg:cursor-default lg:mx-0 lg:py-0 border-t border-alpina-middlegrey lg:border-none"
                                                                :class="{ 'font-bold': sub_sub_open === 1041 }"
                                                                href="#"
                                                                @click.prevent="subSubClick($event, 1041)"
                                                            >
                                                                Relaties & gezinsvorming

                                                                <span class="flex justify-center items-center text-alpina-ultradarkgrey ml-2 w-8 h-8 lg:hidden">
                                                                                                                                            <svg x-show="sub_sub_open !== 1041" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z" fill="currentColor"/>
</svg>                                                                        <svg x-show="sub_sub_open === 1041" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M432 256c0 8.8-7.2 16-16 16L32 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l384 0c8.8 0 16 7.2 16 16z" fill="currentColor"/>
</svg>                                                                                                                                    </span>
                                                            </a>

                                                                                                                            <ul
                                                                    class="lg:mt-3 lg:pt-3 lg:border-t lg:border-alpina-middlegrey mb-4 lg:mb-10"
                                                                    x-show="!is_mobile || sub_sub_open === 1041"
                                                                    x-transition:enter="transition ease-out duration-300 transform"
                                                                    x-transition:enter-start="opacity-0 -translate-y-5"
                                                                    x-transition:enter-end="opacity-100 translate-y-0"
                                                                >
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/levensgebeurtenissen/samenwonen/">Samenwonen</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/levensgebeurtenissen/trouwen-en-of-geregistreerd-partnerschap/">Trouwen en/of geregistreerd partnerschap</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/levensgebeurtenissen/een-kind-krijgen/">Een kind krijgen</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/levensgebeurtenissen/scheiden/">Scheiden</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/levensgebeurtenissen/uit-elkaar-gaan/">Uit elkaar gaan</a>
                                                                        </li>
                                                                                                                                    </ul>
                                                            
                                                                                                                    </li>
                                                                                                                                                                                                                            
                                                                                                                    <li class="">
                                                        
                                                            <a
                                                                class="flex justify-between items-center mx-4 py-4 lg:font-bold lg:text-xl lg:cursor-default lg:mx-0 lg:py-0 border-t border-alpina-middlegrey lg:border-none"
                                                                :class="{ 'font-bold': sub_sub_open === 1042 }"
                                                                href="https://advies.alpina.nl/hypotheken/"
                                                                @click.prevent="subSubClick($event, 1042)"
                                                            >
                                                                Wonen & hypotheek

                                                                <span class="flex justify-center items-center text-alpina-ultradarkgrey ml-2 w-8 h-8 lg:hidden">
                                                                                                                                            <svg x-show="sub_sub_open !== 1042" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z" fill="currentColor"/>
</svg>                                                                        <svg x-show="sub_sub_open === 1042" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M432 256c0 8.8-7.2 16-16 16L32 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l384 0c8.8 0 16 7.2 16 16z" fill="currentColor"/>
</svg>                                                                                                                                    </span>
                                                            </a>

                                                                                                                            <ul
                                                                    class="lg:mt-3 lg:pt-3 lg:border-t lg:border-alpina-middlegrey mb-4 lg:mb-10"
                                                                    x-show="!is_mobile || sub_sub_open === 1042"
                                                                    x-transition:enter="transition ease-out duration-300 transform"
                                                                    x-transition:enter-start="opacity-0 -translate-y-5"
                                                                    x-transition:enter-end="opacity-100 translate-y-0"
                                                                >
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/levensgebeurtenissen/eerste-woning-kopen/">Eerste woning kopen</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/levensgebeurtenissen/volgende-woning-kopen/">Volgende woning kopen</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/levensgebeurtenissen/nieuwbouwwoning-kopen/">Nieuwbouwwoning kopen</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/levensgebeurtenissen/woning-kopen-als-senior/">Woning kopen als senior</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/levensgebeurtenissen/hypotheek-oversluiten/">Hypotheek oversluiten</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/levensgebeurtenissen/hypotheek-verhogen-of-meeverhuizen/">Hypotheek verhogen of meeverhuizen</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/levensgebeurtenissen/rentevaste-periode-loopt-af/">Rentevaste periode loopt af</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/levensgebeurtenissen/hypotheek-afgelost/">Hypotheek afgelost</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/levensgebeurtenissen/overwaarde-berekenen-of-opnemen/">Overwaarde berekenen of opnemen</a>
                                                                        </li>
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/levensgebeurtenissen/woning-verduurzamen-of-verbouwen/">Woning verduurzamen of verbouwen</a>
                                                                        </li>
                                                                                                                                    </ul>
                                                            
                                                                                                                    </li>
                                                                                                                                                                                                                    </ul>
                                            
                                                                                    </div>
                                    </div>
                                                            </li>
                                                    
                            <li class="mb-2 whitespace-nowrap border border-alpina-middlegrey rounded lg:m-0 lg:border-none">
                                <a class="items-center p-4 flex text-xl font-bold lg:px-0 lg:py-2.5 lg:text-base" href="#" @click.prevent="subClick(236116)">
                                    
                                    <span class="grow">Bekijk ook</span>

                                                                            <span class="hidden lg:block w-[15px] ml-2 transition-all" :class="{ 'rotate-180': sub_open === 236116 }">
                                            <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
    <path d="M267.3 395.3c-6.2 6.2-16.4 6.2-22.6 0l-192-192c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L256 361.4 436.7 180.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6l-192 192z" fill="currentColor"/>
</svg>                                        </span>
                                    
                                    <span class="flex justify-center items-center border border-alpina-middlegrey text-alpina-darkorange rounded ml-2 w-8 h-8 lg:hidden">
                                                                                    <svg x-show="sub_open !== 236116" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z" fill="currentColor"/>
</svg>                                            <svg x-show="sub_open === 236116" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M432 256c0 8.8-7.2 16-16 16L32 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l384 0c8.8 0 16 7.2 16 16z" fill="currentColor"/>
</svg>                                                                            </span>
                                </a>

                                                                    
                                    <div
                                        class="lg:absolute lg:top-[127px] lg:left-0 lg:right-0 lg:bg-alpina-lightgrey lg:px-8 lg:inset-shadow-sm lg:inset-shadow-alpina-ultradarkgrey/25"
                                        x-show="sub_open === 236116"
                                        x-transition:enter="transition ease-out duration-300 transform"
                                        x-transition:enter-start="opacity-0 -translate-y-5"
                                        x-transition:enter-end="opacity-100 translate-y-0"
                                    >
                                        <div class="lg:py-20">
                                                                                            <ul class="pt-1 bg-alpina-lightgrey inset-shadow-sm inset-shadow-alpina-ultradarkgrey/25 lg:pt-0 lg:background-transparent lg:inset-shadow-none lg:grid lg:grid-flow-col lg:max-w-[85rem] lg:mx-auto lg:gap-x-10 lg:px-5">
                                                                                                            
                                                                                                                    <li class="">
                                                        
                                                            <a
                                                                class="flex justify-between items-center mx-4 py-4 lg:font-bold lg:text-xl lg:cursor-default lg:mx-0 lg:py-0"
                                                                :class="{ 'font-bold': sub_sub_open === 236117 }"
                                                                href="#"
                                                                @click.prevent="subSubClick($event, 236117)"
                                                            >
                                                                Bekijk ook

                                                                <span class="flex justify-center items-center text-alpina-ultradarkgrey ml-2 w-8 h-8 lg:hidden">
                                                                                                                                            <svg x-show="sub_sub_open !== 236117" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z" fill="currentColor"/>
</svg>                                                                        <svg x-show="sub_sub_open === 236117" class="w-[15px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M432 256c0 8.8-7.2 16-16 16L32 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l384 0c8.8 0 16 7.2 16 16z" fill="currentColor"/>
</svg>                                                                                                                                    </span>
                                                            </a>

                                                                                                                            <ul
                                                                    class="lg:mt-3 lg:pt-3 lg:border-t lg:border-alpina-middlegrey mb-4 lg:mb-10"
                                                                    x-show="!is_mobile || sub_sub_open === 236117"
                                                                    x-transition:enter="transition ease-out duration-300 transform"
                                                                    x-transition:enter-start="opacity-0 -translate-y-5"
                                                                    x-transition:enter-end="opacity-100 translate-y-0"
                                                                >
                                                                                                                                            <li class="ml-8 py-1.5 lg:ml-0">
                                                                            <a class="block py-1 lg:py-0 lg:hover:underline" href="https://advies.alpina.nl/bankzaken/">Bankzaken</a>
                                                                        </li>
                                                                                                                                    </ul>
                                                            
                                                                                                                    </li>
                                                                                                                                                                                                                    </ul>
                                            
                                                                                    </div>
                                    </div>
                                                            </li>
                                            </ul>

                                            <ul class="block border-t border-alpina-middlegrey lg:hidden">
                                                            
                                <li class="border-b border-alpina-middlegrey">
                                    <a
                                        class="flex items-center justify-between p-5 text-lg no-underline"
                                        :class="{ 'font-bold': sub_open === 1020 }"
                                        href="https://advies.alpina.nl/over-ons/"
                                         @click.prevent="subClick(1020)"
                                    >
                                        <span>Alpina</span>
                                                                                    <span class="block w-6 text-alpina-darkgrey">
                                                <svg x-show="sub_open !== 1020" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z" fill="currentColor"/>
</svg>                                                <svg x-show="sub_open === 1020" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M432 256c0 8.8-7.2 16-16 16L32 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l384 0c8.8 0 16 7.2 16 16z" fill="currentColor"/>
</svg>                                            </span>
                                                                            </a>

                                                                            <ul
                                            class="px-5 pb-3 -mt-2"
                                            x-show="sub_open === 1020"
                                            x-transition:enter="transition ease-out duration-300 transform"
                                            x-transition:enter-start="opacity-0 -translate-y-5"
                                            x-transition:enter-end="opacity-100 translate-y-0"
                                        >
                                                                                            <li class="block">
                                                    <a class="block py-2" href="https://advies.alpina.nl/over-ons/">
                                                        Over ons
                                                    </a>
                                                </li>
                                                                                            <li class="block">
                                                    <a class="block py-2" href="https://advies.alpina.nl/vind-een-vestiging/">
                                                        Vestigingen
                                                    </a>
                                                </li>
                                                                                            <li class="block">
                                                    <a class="block py-2" href="https://www.alpinagroup.com/werken-bij/">
                                                        Werken bij
                                                    </a>
                                                </li>
                                                                                            <li class="block">
                                                    <a class="block py-2" href="https://advies.alpina.nl/beloningsbeleid/">
                                                        Beloningsbeleid
                                                    </a>
                                                </li>
                                                                                    </ul>
                                                                    </li>
                                                            
                                <li class="border-b border-alpina-middlegrey">
                                    <a
                                        class="flex items-center justify-between p-5 text-lg no-underline"
                                        :class="{ 'font-bold': sub_open === 1022 }"
                                        href="https://advies.alpina.nl/service-contact/"
                                         @click.prevent="subClick(1022)"
                                    >
                                        <span>Direct regelen</span>
                                                                                    <span class="block w-6 text-alpina-darkgrey">
                                                <svg x-show="sub_open !== 1022" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z" fill="currentColor"/>
</svg>                                                <svg x-show="sub_open === 1022" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M432 256c0 8.8-7.2 16-16 16L32 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l384 0c8.8 0 16 7.2 16 16z" fill="currentColor"/>
</svg>                                            </span>
                                                                            </a>

                                                                            <ul
                                            class="px-5 pb-3 -mt-2"
                                            x-show="sub_open === 1022"
                                            x-transition:enter="transition ease-out duration-300 transform"
                                            x-transition:enter-start="opacity-0 -translate-y-5"
                                            x-transition:enter-end="opacity-100 translate-y-0"
                                        >
                                                                                            <li class="block">
                                                    <a class="block py-2" href="https://advies.alpina.nl/schade-melden/">
                                                        Schade melden
                                                    </a>
                                                </li>
                                                                                            <li class="block">
                                                    <a class="block py-2" href="https://advies.alpina.nl/offerte-aanvragen/">
                                                        Offerte aanvragen
                                                    </a>
                                                </li>
                                                                                            <li class="block">
                                                    <a class="block py-2" href="https://advies.alpina.nl/hypotheken/">
                                                        Hypotheek berekenen
                                                    </a>
                                                </li>
                                                                                            <li class="block">
                                                    <a class="block py-2" href="https://advies.alpina.nl/zoekopdracht-woning-aanvragen/">
                                                        Zoekopdracht woning aanvragen
                                                    </a>
                                                </li>
                                                                                            <li class="block">
                                                    <a class="block py-2" href="https://advies.alpina.nl/wijziging-doorgeven/">
                                                        Wijziging doorgeven
                                                    </a>
                                                </li>
                                                                                    </ul>
                                                                    </li>
                                                            
                                <li class="border-b border-alpina-middlegrey">
                                    <a
                                        class="flex items-center justify-between p-5 text-lg no-underline"
                                        :class="{ 'font-bold': sub_open === 1029 }"
                                        href="https://advies.alpina.nl/service-contact/"
                                         @click.prevent="subClick(1029)"
                                    >
                                        <span>Service &amp; contact</span>
                                                                                    <span class="block w-6 text-alpina-darkgrey">
                                                <svg x-show="sub_open !== 1029" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z" fill="currentColor"/>
</svg>                                                <svg x-show="sub_open === 1029" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M432 256c0 8.8-7.2 16-16 16L32 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l384 0c8.8 0 16 7.2 16 16z" fill="currentColor"/>
</svg>                                            </span>
                                                                            </a>

                                                                            <ul
                                            class="px-5 pb-3 -mt-2"
                                            x-show="sub_open === 1029"
                                            x-transition:enter="transition ease-out duration-300 transform"
                                            x-transition:enter-start="opacity-0 -translate-y-5"
                                            x-transition:enter-end="opacity-100 translate-y-0"
                                        >
                                                                                            <li class="block">
                                                    <a class="block py-2" href="https://advies.alpina.nl/service-contact/">
                                                        Contact opnemen
                                                    </a>
                                                </li>
                                                                                            <li class="block">
                                                    <a class="block py-2" href="https://advies.alpina.nl/service-contact/maak-een-afspraak/">
                                                        Maak een afspraak
                                                    </a>
                                                </li>
                                                                                            <li class="block">
                                                    <a class="block py-2" href="https://advies.alpina.nl/service-contact/klachtenregeling/">
                                                        Klacht melden
                                                    </a>
                                                </li>
                                                                                            <li class="block">
                                                    <a class="block py-2" href="https://advies.alpina.nl/verzekering-opzeggen/">
                                                        Verzekering opzeggen
                                                    </a>
                                                </li>
                                                                                            <li class="block">
                                                    <a class="block py-2" href="https://advies.alpina.nl/dienstenwijzer/">
                                                        Dienstenwijzers
                                                    </a>
                                                </li>
                                                                                    </ul>
                                                                    </li>
                                                    </ul>
                    
                                            <ul class="flex items-center justify-end border-b border-alpina-middlegrey mx-5 p-5 text-right gap-x-3 lg:hidden">
                                                            <li class="text-alpina-darkorange">
                                    
                                    NL
                                    
                                                                    </li>
                            
                            <li class="text-alpina-darkgrey mt-[-2px]">
                                <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
    <path d="M256 480c16.7 0 40.4-14.4 61.9-57.3c9.9-19.8 18.2-43.7 24.1-70.7l-172 0c5.9 27 14.2 50.9 24.1 70.7C215.6 465.6 239.3 480 256 480zM164.3 320l183.4 0c2.8-20.2 4.3-41.7 4.3-64s-1.5-43.8-4.3-64l-183.4 0c-2.8 20.2-4.3 41.7-4.3 64s1.5 43.8 4.3 64zM170 160l172 0c-5.9-27-14.2-50.9-24.1-70.7C296.4 46.4 272.7 32 256 32s-40.4 14.4-61.9 57.3C184.2 109.1 175.9 133 170 160zm210 32c2.6 20.5 4 41.9 4 64s-1.4 43.5-4 64l90.8 0c6-20.3 9.3-41.8 9.3-64s-3.2-43.7-9.3-64L380 192zm78.5-32c-25.9-54.5-73.1-96.9-130.9-116.3c21 28.3 37.6 68.8 47.2 116.3l83.8 0zm-321.1 0c9.6-47.6 26.2-88 47.2-116.3C126.7 63.1 79.4 105.5 53.6 160l83.7 0zm-96 32c-6 20.3-9.3 41.8-9.3 64s3.2 43.7 9.3 64l90.8 0c-2.6-20.5-4-41.9-4-64s1.4-43.5 4-64l-90.8 0zM327.5 468.3c57.8-19.5 105-61.8 130.9-116.3l-83.8 0c-9.6 47.6-26.2 88-47.2 116.3zm-143 0c-21-28.3-37.5-68.8-47.2-116.3l-83.7 0c25.9 54.5 73.1 96.9 130.9 116.3zM256 512A256 256 0 1 1 256 0a256 256 0 1 1 0 512z" fill="currentColor"/>
</svg>                            </li>
                        </ul>
                    
                    <a class="fixed z-10 bottom-[86px] left-[50%] text-alpina-darkblue -ml-4 w-8 h-8 lg:hidden" @click.prevent="toggleMenu">
                        <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" fill="currentColor"/></svg>                    </a>
</div>
                    </div>
        <div class="hidden xl:flex space-x-3.5 h-8">
            <form class="relative" role="search" method="get" action="https://advies.alpina.nl/">
                <input class="px-4 rounded placeholder:text-alpina-ultradarkgrey bg-alpina-white outline-1 -outline-offset-1 focus:outline-2 focus:-outline-offset-2 outline-alpina-darkblue h-full" name="s" placeholder="Zoeken">
                <svg class="h-[15px] absolute right-[10px] top-[8px]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
    <path d="M384 208A176 176 0 1 0 32 208a176 176 0 1 0 352 0zM343.3 366C307 397.2 259.7 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 51.7-18.8 99-50 135.3L507.3 484.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L343.3 366z" fill="currentColor"/>
</svg>            </form>
                            <a class="flex items-center border px-3 border-alpina-blue rounded" href="https://advies.alpina.nl/inloggen/">
                    Inloggen
                    <svg class="h-[15px] ml-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M320 128a96 96 0 1 0 -192 0 96 96 0 1 0 192 0zM96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM32 480l384 0c-1.2-79.7-66.2-144-146.3-144l-91.4 0c-80 0-145 64.3-146.3 144zM0 482.3C0 383.8 79.8 304 178.3 304l91.4 0C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7L29.7 512C13.3 512 0 498.7 0 482.3z" fill="currentColor"/>
</svg>
                    </a>
                    </div>
    </div>

    <div class="lg:flex lg:items-center lg:w-full lg:bg-alpina-darkblue lg:order-first lg:h-[48px] lg:corporate:bg-alpina-orange">
        <div class="lg:flex lg:justify-between lg:items-center lg:w-full lg:max-w-[85rem] lg:mx-auto lg:px-5">
            <ul class="hidden text-sm text-alpina-white lg:flex lg:-mx-2.5 corporate:text-alpina-darkblue">
                                    <li class="block px-2.5"><a href="https://advies.alpina.nl/vind-een-vestiging/">Vestigingen</a></li>
                                    <li class="block px-2.5"><a href="https://advies.alpina.nl/schade-melden/">Schade melden</a></li>
                                    <li class="block px-2.5"><a href="https://advies.alpina.nl/over-ons/">Over ons</a></li>
                                    <li class="block px-2.5"><a href="https://advies.alpina.nl/service-contact/">Service &amp; contact</a></li>
                                    <li class="block px-2.5"><a href="https://advies.alpina.nl/inloggen/">Inloggen</a></li>
                            </ul>

            <div class="flex rounded bg-alpina-middlegrey lg:bg-alpina-white text-sm">
                <a href="https://advies.alpina.nl/" class="block rounded px-2 pt-2 pb-1.5 text-alpina-darkblue cursor-default bg-alpina-orange" aria-label="Ga naar particulier">Particulier</a>
                <a href="https://advies.alpina.nl/zakelijk/" class="block rounded px-2 pt-2 pb-1.5 text-alpina-darkblue" aria-label="Ga naar zakelijk">Zakelijk</a>
            </div>
        </div>
    </div>

    <div class="mobile-menu fixed flex items-center h-[70px] z-1041 bottom-0 left-0 right-0 px-3 bg-alpina-darkblue corporate:bg-alpina-orange rounded-t-3xl lg:hidden">
        <ul class="text-white text-xs flex w-full justify-between">
                            <li class="grow basis-[0]">
                    <a class="text-center flex flex-col items-center" href="https://advies.alpina.nl/vind-een-vestiging/">
                                                    <span class="flex w-full h-5">
                                <span class="mx-auto w-5">
                                    <svg   xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
    <path d="M96 16l0 48 64 0 0-48c0-8.8 7.2-16 16-16s16 7.2 16 16l0 48 0 16 0 16-16 0L64 96c-17.7 0-32 14.3-32 32l0 320c0 17.7 14.3 32 32 32l133.5 0c4.2 11.9 10.7 22.8 19 32L64 512c-35.3 0-64-28.7-64-64L0 128C0 92.7 28.7 64 64 64l0-48C64 7.2 71.2 0 80 0s16 7.2 16 16zM512 192c-17.7 0-32-14.3-32-32l0-96c0-17.7-14.3-32-32-32L288 32c-17.7 0-32 14.3-32 32l0 384c0 17.7 14.3 32 32 32l32 0 128 0 128 0c17.7 0 32-14.3 32-32l0-224c0-17.7-14.3-32-32-32l-64 0zm0-128l0 64 0 32 32 0 32 0c35.3 0 64 28.7 64 64l0 224c0 35.3-28.7 64-64 64l-128 0-128 0-32 0c-35.3 0-64-28.7-64-64l0-384c0-35.3 28.7-64 64-64L448 0c35.3 0 64 28.7 64 64zM320 392l0-48c0-13.3 10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 48c0 13.3-10.7 24-24 24l-48 0c-13.3 0-24-10.7-24-24zm32-8l32 0 0-32-32 0 0 32zM344 64l48 0c13.3 0 24 10.7 24 24l0 48c0 13.3-10.7 24-24 24l-48 0c-13.3 0-24-10.7-24-24l0-48c0-13.3 10.7-24 24-24zm8 64l32 0 0-32-32 0 0 32zM320 264l0-48c0-13.3 10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 48c0 13.3-10.7 24-24 24l-48 0c-13.3 0-24-10.7-24-24zm32-8l32 0 0-32-32 0 0 32zM504 448c-13.3 0-24-10.7-24-24l0-48c0-13.3 10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 48c0 13.3-10.7 24-24 24l-48 0zm8-64l0 32 32 0 0-32-32 0zm-32-88l0-48c0-13.3 10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 48c0 13.3-10.7 24-24 24l-48 0c-13.3 0-24-10.7-24-24zm32-8l32 0 0-32-32 0 0 32zM88 352c-13.3 0-24-10.7-24-24l0-48c0-13.3 10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 48c0 13.3-10.7 24-24 24l-48 0zm8-64l0 32 32 0 0-32-32 0zM64 200l0-48c0-13.3 10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 48c0 13.3-10.7 24-24 24l-48 0c-13.3 0-24-10.7-24-24zm32-8l32 0 0-32-32 0 0 32z" fill="currentColor"/>
</svg>                                </span>
                            </span>
                                                <span class="pt-3 block leading-none whitespace-nowrap">Vestigingen</span>
                    </a>
                </li>
                            <li class="grow basis-[0]">
                    <a class="text-center flex flex-col items-center" href="https://advies.alpina.nl/schade-melden/">
                                                    <span class="flex w-full h-5">
                                <span class="mx-auto w-5">
                                    <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
    <path d="M256 480a224 224 0 1 0 0-448 224 224 0 1 0 0 448zM256 0a256 256 0 1 1 0 512A256 256 0 1 1 256 0zM160 300.4c-5.5 6.9-11 14.3-16.2 22c-11.4 17.1-15.8 29-15.8 34.9c0 12.2 11.7 26.7 32 26.7s32-14.5 32-26.7c0-5.9-4.4-17.8-15.8-34.9c-5.1-7.7-10.7-15.1-16.2-22zm-8.6-40.3c4.3-5.5 12.8-5.5 17.1 0c1.6 2 3.3 4.1 5.2 6.3c18.9 23 50.3 61.2 50.3 90.8c0 32.5-28.7 58.7-64 58.7s-64-26.2-64-58.7c0-29.2 30.8-66.9 49.6-90c0 0 0 0 0 0s0 0 0 0c2.1-2.6 4.1-5 5.8-7.2zM256 320c45 0 85.6 20.5 115.7 53.1c6 6.5 5.6 16.6-.9 22.6s-16.6 5.6-22.6-.9c-25-27.1-57.4-42.9-92.3-42.9c-8.8 0-16-7.2-16-16s7.2-16 16-16zM359.6 208a24 24 0 1 1 -48 0 24 24 0 1 1 48 0zm-184-24a24 24 0 1 1 0 48 24 24 0 1 1 0-48z" fill="currentColor"/>
</svg>                                </span>
                            </span>
                                                <span class="pt-3 block leading-none whitespace-nowrap">Schade melden</span>
                    </a>
                </li>
                            <li class="grow basis-[0]">
                    <a class="text-center flex flex-col items-center" href="https://advies.alpina.nl/inloggen/">
                                                    <span class="flex w-full h-5">
                                <span class="mx-auto w-5">
                                    <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M320 128a96 96 0 1 0 -192 0 96 96 0 1 0 192 0zM96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM32 480l384 0c-1.2-79.7-66.2-144-146.3-144l-91.4 0c-80 0-145 64.3-146.3 144zM0 482.3C0 383.8 79.8 304 178.3 304l91.4 0C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7L29.7 512C13.3 512 0 498.7 0 482.3z" fill="currentColor"/>
</svg>
                                    </span>
                            </span>
                                                <span class="pt-3 block leading-none whitespace-nowrap">Inloggen</span>
                    </a>
                </li>
                        <li class="grow basis-[0]">
                <a class="text-center flex flex-col items-center" href="#" @click.prevent="toggleMenu">
                    <span class="flex w-full h-5 py-0.5">
                        <span class="mx-auto w-5">
                            <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M0 80c0-8.8 7.2-16 16-16l416 0c8.8 0 16 7.2 16 16s-7.2 16-16 16L16 96C7.2 96 0 88.8 0 80zM0 240c0-8.8 7.2-16 16-16l416 0c8.8 0 16 7.2 16 16s-7.2 16-16 16L16 256c-8.8 0-16-7.2-16-16zM448 400c0 8.8-7.2 16-16 16L16 416c-8.8 0-16-7.2-16-16s7.2-16 16-16l416 0c8.8 0 16 7.2 16 16z" fill="currentColor"/>
</svg>                        </span>
                    </span>
                    <span class="pt-3 block leading-none">Menu</span>
                </a>
            </li>
        </ul>
    </div>
</header>

                    <div class="grow">
                                                    <div class="w-full mx-auto px-5 max-w-[85rem] py-3 text-sm">
	<span><span><a href="https://advies.alpina.nl/"><span class="inline-block align-[-3px] w-4 h-4"><svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
    <path d="M277.4 4c6-5.3 15.1-5.3 21.2 0l272 240c6.6 5.8 7.3 16 1.4 22.6s-16 7.3-22.6 1.4L512 235l0 197c0 44.2-35.8 80-80 80l-288 0c-44.2 0-80-35.8-80-80l0-197L26.6 268C20 273.8 9.8 273.2 4 266.6S-1.2 249.8 5.4 244L277.4 4zM96 206.7L96 432c0 26.5 21.5 48 48 48l288 0c26.5 0 48-21.5 48-48l0-225.3L288 37.3 96 206.7z" fill="currentColor"/>
</svg></span></a></span> <span class="inline-block align-[3px] mx-2 w-2 h-2 text-alpina-darkgrey"><svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
    <path d="M299.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-192 192c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L265.4 256 84.7 75.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l192 192z" fill="currentColor"/>
</svg></span> <span class="breadcrumb_last" aria-current="page">Makelaardij</span></span>
</div>
                        
                                                    					<section>
    <div class="w-full mx-auto px-5 max-w-[85rem]">
	<div class="min-h-[44svh] rounded-3xl relative overflow-hidden image-mask max-md:disable-mask md:rounded-[35px] flex">
                            <div class="absolute inset-0 z-10">
                                            <img fetchpriority="high" decoding="async" width="1908" height="836" src="https://advies.alpina.nl/wp-content/uploads/2025/06/makelaardij-e1749809421549.jpg" class="absolute w-full h-full object-cover" alt="" srcset="https://advies.alpina.nl/wp-content/uploads/2025/06/makelaardij-e1749809421549.jpg 1908w, https://advies.alpina.nl/wp-content/uploads/2025/06/makelaardij-e1749809421549-300x131.jpg 300w, https://advies.alpina.nl/wp-content/uploads/2025/06/makelaardij-e1749809421549-1024x449.jpg 1024w, https://advies.alpina.nl/wp-content/uploads/2025/06/makelaardij-e1749809421549-768x337.jpg 768w, https://advies.alpina.nl/wp-content/uploads/2025/06/makelaardij-e1749809421549-1536x673.jpg 1536w" sizes="(max-width: 1908px) 100vw, 1908px" />
                                    </div>
            
                            <div class="md:my-auto relative z-20 px-3.5 pb-3.5 md:px-10 w-full md:py-20  mt-auto pt-50 ">
                    <div class="p-5 md:p-8  md:max-w-md corporate:bg-alpina-darkblue corporate:text-alpina-orange bg-alpina-orange/90 backdrop-blur-xs rounded-xl  w-full space-y-4">
                                                    <div>
                                <h1 class="font-bold text-3xl md:text-4xl font-medium mb-2">
    Jouw droomhuis is onze prioriteit.
</h1>
                            </div>
                        
                                                    <p>Of je nu een woning wilt verkopen, op zoekt bent naar een nieuw huis, een taxatie nodig hebt of interesse hebt in nieuwbouw: bij ons ben je aan het juiste adres</p>
                        
                        
                                                    <div class="flex max-sm:flex-col gap-3 pt-3  flex-wrap">
                                                                                                                                </div>
                                            </div>
                </div>
                    </div>
</div>
</section>

<section class="my-20" data-block="cards">
	<div class="w-full mx-auto px-5 max-w-[85rem]">
	<div class="flex flex-wrap  -ml-8  -mb-4">
                                   <div class="w-full lg:w-1/3   pl-8  pb-4">
                        <div class="border  rounded-2xl border-alpina-middlegrey p-3 flex flex-col">
                            <div class="grow">
                                                                                                            <div class="pb-7">
                                            <figure class="aspect-video image-mask relative">
                                                <img decoding="async" width="1920" height="1034" src="https://advies.alpina.nl/wp-content/uploads/2025/05/09-Levensgebeurtenis-Samenwonen-v2-e1749121577825.png" class="absolute inset-0 w-full h-full object-cover" alt="" loading="lazy" srcset="https://advies.alpina.nl/wp-content/uploads/2025/05/09-Levensgebeurtenis-Samenwonen-v2-e1749121577825.png 1920w, https://advies.alpina.nl/wp-content/uploads/2025/05/09-Levensgebeurtenis-Samenwonen-v2-e1749121577825-300x162.png 300w, https://advies.alpina.nl/wp-content/uploads/2025/05/09-Levensgebeurtenis-Samenwonen-v2-e1749121577825-1024x551.png 1024w, https://advies.alpina.nl/wp-content/uploads/2025/05/09-Levensgebeurtenis-Samenwonen-v2-e1749121577825-768x414.png 768w, https://advies.alpina.nl/wp-content/uploads/2025/05/09-Levensgebeurtenis-Samenwonen-v2-e1749121577825-1536x827.png 1536w" sizes="auto, (max-width: 1920px) 100vw, 1920px" />
                                            </figure>
                                        </div>
                                                                    
                                                                    <span class="text-alpina-darkorange font-bold text-base inline-block mb-0.5">Woning kopen</span>
                                
                                                                    <h3 class="font-bold md:text-xl mb-2">
    Vind jouw nieuwe thuis met onze hulp
</h3>
                                
                                                                    <p>Of je nu gericht zoekt of net begint: wij helpen je bij elke stap van het aankoopproces.</p>
                                
                                                            </div>

                                                            <div class="-m-2 mt-3">
                                                                            <a class="whitespace-nowrap group rounded cursor-pointer transition-colors inline-flex items-center pt-3.5 pb-3 px-5 border border-alpina-darkgrey bg-alpina-white text-alpina-darkblue hover:bg-alpina-teal hover:border-alpina-teal m-2" href="/makelaardij/woningaanbod/" target="_self">
    Bekijk ons woningaanbod

                        <svg class="ml-3 w-3.5 h-3.5 inline-block transition-colors"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M443.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L393.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l377.4 0L244.7 420.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l176-176z" fill="currentColor"/>
</svg>            </a>
                                    
                                                                                                                        <a class="whitespace-nowrap group rounded cursor-pointer transition-colors inline-flex items-center pt-3.5 pb-3 px-5 bg-alpina-darkblue text-white hover:bg-alpina-teal! hover:border-alpina-teal! hover:text-alpina-darkblue corporate:bg-alpina-orange m-2" href="https://advies.alpina.nl/zoekopdracht-woning-aanvragen/" target="_self">
    Plaats zoekopdracht woning

                        <svg class="ml-3 w-3.5 h-3.5 inline-block transition-colors text-alpina-orange group-hover:text-alpina-darkblue corporate:text-alpina-white"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M443.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L393.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l377.4 0L244.7 420.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l176-176z" fill="currentColor"/>
</svg>            </a>
                                                                                                            </div>
                                                    </div>
                   </div>
                                   <div class="w-full lg:w-1/3   pl-8  pb-4">
                        <div class="border  rounded-2xl border-alpina-middlegrey p-3 flex flex-col">
                            <div class="grow">
                                                                                                            <div class="pb-7">
                                            <figure class="aspect-video image-mask relative">
                                                <img decoding="async" width="1920" height="928" src="https://advies.alpina.nl/wp-content/uploads/2025/05/19-Levensgebeurtenis-HypotheekOversluiten-v1-e1749132545358.png" class="absolute inset-0 w-full h-full object-cover" alt="" loading="lazy" srcset="https://advies.alpina.nl/wp-content/uploads/2025/05/19-Levensgebeurtenis-HypotheekOversluiten-v1-e1749132545358.png 1920w, https://advies.alpina.nl/wp-content/uploads/2025/05/19-Levensgebeurtenis-HypotheekOversluiten-v1-e1749132545358-300x145.png 300w, https://advies.alpina.nl/wp-content/uploads/2025/05/19-Levensgebeurtenis-HypotheekOversluiten-v1-e1749132545358-1024x495.png 1024w, https://advies.alpina.nl/wp-content/uploads/2025/05/19-Levensgebeurtenis-HypotheekOversluiten-v1-e1749132545358-768x371.png 768w, https://advies.alpina.nl/wp-content/uploads/2025/05/19-Levensgebeurtenis-HypotheekOversluiten-v1-e1749132545358-1536x742.png 1536w" sizes="auto, (max-width: 1920px) 100vw, 1920px" />
                                            </figure>
                                        </div>
                                                                    
                                                                    <span class="text-alpina-darkorange font-bold text-base inline-block mb-0.5">Woning verkopen</span>
                                
                                                                    <h3 class="font-bold md:text-xl mb-2">
    Verkoop je woning met vertrouwen
</h3>
                                
                                                                    <p>Onze makelaars kennen de markt én jouw buurt. Ontdek wat je woning waard is en plan een adviesgesprek.</p>
                                
                                                            </div>

                                                            <div class="-m-2 mt-3">
                                                                            <a class="whitespace-nowrap group rounded cursor-pointer transition-colors inline-flex items-center pt-3.5 pb-3 px-5 border border-alpina-darkgrey bg-alpina-white text-alpina-darkblue hover:bg-alpina-teal hover:border-alpina-teal m-2" href="https://advies.alpina.nl/makelaardij/waardebepaling/" target="_self">
    Doe de waardecheck

                        <svg class="ml-3 w-3.5 h-3.5 inline-block transition-colors"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M443.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L393.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l377.4 0L244.7 420.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l176-176z" fill="currentColor"/>
</svg>            </a>
                                    
                                                                                                                        <a class="whitespace-nowrap group rounded cursor-pointer transition-colors inline-flex items-center pt-3.5 pb-3 px-5 bg-alpina-darkblue text-white hover:bg-alpina-teal! hover:border-alpina-teal! hover:text-alpina-darkblue corporate:bg-alpina-orange m-2" href="https://advies.alpina.nl/vind-een-vestiging/" target="_self">
    Vind een vestiging

                        <svg class="ml-3 w-3.5 h-3.5 inline-block transition-colors text-alpina-orange group-hover:text-alpina-darkblue corporate:text-alpina-white"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M443.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L393.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l377.4 0L244.7 420.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l176-176z" fill="currentColor"/>
</svg>            </a>
                                                                                                            </div>
                                                    </div>
                   </div>
                                   <div class="w-full lg:w-1/3   pl-8  pb-4">
                        <div class="border  rounded-2xl border-alpina-middlegrey p-3 flex flex-col">
                            <div class="grow">
                                                                                                            <div class="pb-7">
                                            <figure class="aspect-video image-mask relative">
                                                <img decoding="async" width="1920" height="944" src="https://advies.alpina.nl/wp-content/uploads/2025/05/17-Levensgebeurtenis-Nieuwbouwwoning-Kopen-v2-e1749132453982.png" class="absolute inset-0 w-full h-full object-cover" alt="" loading="lazy" srcset="https://advies.alpina.nl/wp-content/uploads/2025/05/17-Levensgebeurtenis-Nieuwbouwwoning-Kopen-v2-e1749132453982.png 1920w, https://advies.alpina.nl/wp-content/uploads/2025/05/17-Levensgebeurtenis-Nieuwbouwwoning-Kopen-v2-e1749132453982-300x148.png 300w, https://advies.alpina.nl/wp-content/uploads/2025/05/17-Levensgebeurtenis-Nieuwbouwwoning-Kopen-v2-e1749132453982-1024x503.png 1024w, https://advies.alpina.nl/wp-content/uploads/2025/05/17-Levensgebeurtenis-Nieuwbouwwoning-Kopen-v2-e1749132453982-768x378.png 768w, https://advies.alpina.nl/wp-content/uploads/2025/05/17-Levensgebeurtenis-Nieuwbouwwoning-Kopen-v2-e1749132453982-1536x755.png 1536w" sizes="auto, (max-width: 1920px) 100vw, 1920px" />
                                            </figure>
                                        </div>
                                                                    
                                                                    <span class="text-alpina-darkorange font-bold text-base inline-block mb-0.5">Nieuwbouw</span>
                                
                                                                    <h3 class="font-bold md:text-xl mb-2">
    Een nieuwbouwwoning jouw droom? Ontdek onze projecten
</h3>
                                
                                                                    <p>Van eerste ideeën tot sleutelklaar: bekijk het nieuwste woningaanbod of laat je inspireren door ons magazine.</p>
                                
                                                            </div>

                                                            <div class="-m-2 mt-3">
                                                                            <a class="whitespace-nowrap group rounded cursor-pointer transition-colors inline-flex items-center pt-3.5 pb-3 px-5 border border-alpina-darkgrey bg-alpina-white text-alpina-darkblue hover:bg-alpina-teal hover:border-alpina-teal m-2" href="/makelaardij/nieuwbouw/nieuwbouwaanbod/" target="_self">
    Bekijk ons nieuwbouwaanbod

                        <svg class="ml-3 w-3.5 h-3.5 inline-block transition-colors"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M443.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L393.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l377.4 0L244.7 420.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l176-176z" fill="currentColor"/>
</svg>            </a>
                                    
                                                                    </div>
                                                    </div>
                   </div>
                                   <div class="w-full lg:w-1/3   pl-8  pb-4">
                        <div class="border  rounded-2xl border-alpina-middlegrey p-3 flex flex-col">
                            <div class="grow">
                                                                                                            <div class="pb-7">
                                            <figure class="aspect-video image-mask relative">
                                                <img decoding="async" width="1824" height="824" src="https://advies.alpina.nl/wp-content/uploads/2025/05/21-Levensgebeurtenis-Rentevaste-Periode-Loopt-Af-v1-e1749116332118.png" class="absolute inset-0 w-full h-full object-cover" alt="" loading="lazy" srcset="https://advies.alpina.nl/wp-content/uploads/2025/05/21-Levensgebeurtenis-Rentevaste-Periode-Loopt-Af-v1-e1749116332118.png 1824w, https://advies.alpina.nl/wp-content/uploads/2025/05/21-Levensgebeurtenis-Rentevaste-Periode-Loopt-Af-v1-e1749116332118-300x136.png 300w, https://advies.alpina.nl/wp-content/uploads/2025/05/21-Levensgebeurtenis-Rentevaste-Periode-Loopt-Af-v1-e1749116332118-1024x463.png 1024w, https://advies.alpina.nl/wp-content/uploads/2025/05/21-Levensgebeurtenis-Rentevaste-Periode-Loopt-Af-v1-e1749116332118-768x347.png 768w, https://advies.alpina.nl/wp-content/uploads/2025/05/21-Levensgebeurtenis-Rentevaste-Periode-Loopt-Af-v1-e1749116332118-1536x694.png 1536w" sizes="auto, (max-width: 1824px) 100vw, 1824px" />
                                            </figure>
                                        </div>
                                                                    
                                                                    <span class="text-alpina-darkorange font-bold text-base inline-block mb-0.5">Woning taxeren</span>
                                
                                                                    <h3 class="font-bold md:text-xl mb-2">
    Eerlijk inzicht in je woningwaarde
</h3>
                                
                                                                    <p>Heb je taxatie nodig voor verkoop, hypotheek of iets anders? Wij regelen het snel en professioneel.</p>
                                
                                                            </div>

                                                            <div class="-m-2 mt-3">
                                                                            <a class="whitespace-nowrap group rounded cursor-pointer transition-colors inline-flex items-center pt-3.5 pb-3 px-5 border border-alpina-darkgrey bg-alpina-white text-alpina-darkblue hover:bg-alpina-teal hover:border-alpina-teal m-2" href="https://advies.alpina.nl/makelaardij/taxatie-aanvragen/" target="_self">
    Vraag een taxatie aan

                        <svg class="ml-3 w-3.5 h-3.5 inline-block transition-colors"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M443.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L393.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l377.4 0L244.7 420.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l176-176z" fill="currentColor"/>
</svg>            </a>
                                    
                                                                                                                        <a class="whitespace-nowrap group rounded cursor-pointer transition-colors inline-flex items-center pt-3.5 pb-3 px-5 bg-alpina-darkblue text-white hover:bg-alpina-teal! hover:border-alpina-teal! hover:text-alpina-darkblue corporate:bg-alpina-orange m-2" href="https://advies.alpina.nl/vind-een-vestiging/" target="_self">
    Vind een vestiging

                        <svg class="ml-3 w-3.5 h-3.5 inline-block transition-colors text-alpina-orange group-hover:text-alpina-darkblue corporate:text-alpina-white"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M443.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L393.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l377.4 0L244.7 420.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l176-176z" fill="currentColor"/>
</svg>            </a>
                                                                                                            </div>
                                                    </div>
                   </div>
                                   <div class="w-full lg:w-1/3   pl-8  pb-4">
                        <div class="border  rounded-2xl border-alpina-middlegrey p-3 flex flex-col">
                            <div class="grow">
                                                                                                            <div class="pb-7">
                                            <figure class="aspect-video image-mask relative">
                                                <img decoding="async" width="1904" height="1270" src="https://advies.alpina.nl/wp-content/uploads/2025/06/zakelijk-huisvesting.jpg" class="absolute inset-0 w-full h-full object-cover" alt="" loading="lazy" srcset="https://advies.alpina.nl/wp-content/uploads/2025/06/zakelijk-huisvesting.jpg 1904w, https://advies.alpina.nl/wp-content/uploads/2025/06/zakelijk-huisvesting-300x200.jpg 300w, https://advies.alpina.nl/wp-content/uploads/2025/06/zakelijk-huisvesting-1024x683.jpg 1024w, https://advies.alpina.nl/wp-content/uploads/2025/06/zakelijk-huisvesting-768x512.jpg 768w, https://advies.alpina.nl/wp-content/uploads/2025/06/zakelijk-huisvesting-1536x1025.jpg 1536w" sizes="auto, (max-width: 1904px) 100vw, 1904px" />
                                            </figure>
                                        </div>
                                                                    
                                                                    <span class="text-alpina-darkorange font-bold text-base inline-block mb-0.5">Bedrijfshuisvesting</span>
                                
                                                                    <h3 class="font-bold md:text-xl mb-2">
    Vind je nieuwe bedrijfslocatie
</h3>
                                
                                                                    <p>Onze experts zijn lid van NVM Business en zijn op de hoogte van de meest recente ontwikkelingen en trends in jouw sector.</p>
                                
                                                            </div>

                                                            <div class="-m-2 mt-3">
                                                                            <a class="whitespace-nowrap group rounded cursor-pointer transition-colors inline-flex items-center pt-3.5 pb-3 px-5 border border-alpina-darkgrey bg-alpina-white text-alpina-darkblue hover:bg-alpina-teal hover:border-alpina-teal m-2" href="https://advies.alpina.nl/zakelijk/makelaardij/" target="_self">
    Bekijk ons bedrijfsaanbod

                        <svg class="ml-3 w-3.5 h-3.5 inline-block transition-colors"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M443.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L393.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l377.4 0L244.7 420.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l176-176z" fill="currentColor"/>
</svg>            </a>
                                    
                                                                    </div>
                                                    </div>
                   </div>
                            </div>
</div>
</section>



<section class="my-20" data-block="testimonial">
	<div class="w-full mx-auto px-5 max-w-[85rem]">
	<div class="bg-alpina-orange py-14 md:py-16 px-5 md:px-20 rounded-3xl corporate:bg-alpina-darkblue corporate:text-alpina-orange">
            <span class="text-white inline-block w-14 md:w-26">
                <svg  viewBox="0 0 94 67" xmlns="http://www.w3.org/2000/svg"><path d="M0.0234375 66.9942L27.9274 0.690186H48.4074L28.4394 66.9942H0.0234375ZM45.5914 66.9942L73.4954 0.690186H93.9754L74.0074 66.9942H45.5914Z" fill="currentColor"/></svg>            </span>

                            <blockquote class="text-2xl md:text-4xl leading-normal pt-4 md:pt-8">
                    <p class="leading-snug">
                        “Mijn situatie was net even anders, maar ik voelde me echt gehoord. Binnen no-time had ik duidelijk en persoonlijk advies.”
                    </p>
                </blockquote>
            

            <div class="flex items-center pt-8">
                
                                    <div class="relative">
                        <span class="block text-lg md:text-2xl">T. Dreumel</span>
                                            </div>
                            </div>
        </div>
</div>
</section>


<section class="my-20" data-block="cards">
	<div class="w-full mx-auto px-5 max-w-[85rem]">
	<div class="lg:max-w-3xl mx-auto lg:pb-16 pb-4 lg:text-center">
                                    <h2 class="font-bold text-2xl md:text-3xl font-bold mb-2 text-alpina-darkorange">
    Waarom Alpina Makelaardij?
</h2>
                
                
                            </div>
        
                    <div class="flex flex-wrap  justify-center -ml-14  -mb-4">
                                   <div class="w-full lg:w-1/3   pl-14  pb-4">
                        <div class="border  lg:border-none h-full  rounded-2xl border-alpina-middlegrey p-3 flex flex-col">
                            <div class="grow">
                                                                                                            <span class="w-10 h-10 md:w-16 md:h-11 block mb-12 text-alpina-darkorange [&#038;_svg]:w-full [&#038;_svg]:h-full">
                                            <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M320 128l0 16c0 53-43 96-96 96s-96-43-96-96l0-16 34.3 0c31.7 0 61.1-14.5 80.4-38.7l6.3 6.3c10.5 10.5 24.7 16.4 39.6 16.4l30.1 0c.9 5.2 1.3 10.5 1.3 16zM228.7 52.7c-1.3 1.3-2.4 2.8-3.1 4.5C213.5 81 189.1 96 162.3 96l-28.9 0c13.2-37.3 48.7-64 90.5-64c35.5 0 66.6 19.3 83.2 48l-18.6 0c-6.4 0-12.5-2.5-17-7L251.3 52.7c-6.2-6.2-16.4-6.2-22.6 0zM96 128l0 16c0 70.7 57.3 128 128 128s128-57.3 128-128l0-16C352 57.3 294.7 0 224 0S96 57.3 96 128zm96 176c-8.8 0-16 7.2-16 16s7.2 16 16 16l9.8 0-21.7 65-32.1-69.5c-2.9-6.3-9.5-10-16.3-8.8C56.8 336.5 0 402.3 0 481.3c0 17 13.8 30.7 30.7 30.7l386.6 0c17 0 30.7-13.8 30.7-30.7c0-79-56.8-144.7-131.8-158.6c-6.8-1.3-13.4 2.5-16.3 8.8L267.9 401l-21.7-65 9.8 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0-32 0zm17.5 160.5l-9.7-21.1L224 370.6l24.3 72.8-9.7 21.1c-5.7 12.4-23.3 12.4-29.1 0zm-29.1 13.4c.3 .7 .7 1.4 1 2.1L32 480c.6-58.1 39.5-107.1 92.7-122.8l55.7 120.7zM416 480l-149.4 0c.3-.7 .7-1.4 1-2.1l55.7-120.7c53.2 15.7 92.1 64.6 92.7 122.8z" fill="currentColor"/>
</svg>                                        </span>
                                                                    
                                
                                                                    <h3 class="font-bold md:text-xl mb-2">
    Altijd een expert bij jou in de buurt
</h3>
                                
                                                                    <p>Onze makelaars kennen jouw regio én de lokale markt van binnen en van buiten.</p>
                                
                                                            </div>

                                                    </div>
                   </div>
                                   <div class="w-full lg:w-1/3   pl-14  pb-4">
                        <div class="border  lg:border-none h-full  rounded-2xl border-alpina-middlegrey p-3 flex flex-col">
                            <div class="grow">
                                                                                                            <span class="w-10 h-10 md:w-16 md:h-11 block mb-12 text-alpina-darkorange [&#038;_svg]:w-full [&#038;_svg]:h-full">
                                            <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
    <path d="M352 448l0-256-112 0c-26.5 0-48-21.5-48-48l0-112L64 32C46.3 32 32 46.3 32 64l0 384c0 17.7 14.3 32 32 32l256 0c17.7 0 32-14.3 32-32zm-.5-288c-.7-2.8-2.1-5.4-4.2-7.4L231.4 36.7c-2.1-2.1-4.6-3.5-7.4-4.2L224 144c0 8.8 7.2 16 16 16l111.5 0zM0 64C0 28.7 28.7 0 64 0L220.1 0c12.7 0 24.9 5.1 33.9 14.1L369.9 129.9c9 9 14.1 21.2 14.1 33.9L384 448c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 64z" fill="currentColor"/>
</svg>                                        </span>
                                                                    
                                
                                                                    <h3 class="font-bold md:text-xl mb-2">
    Persoonlijk, betrokken en eerlijk advies
</h3>
                                
                                                                    <p>We nemen de tijd voor je en denken mee, zonder gedoe of verkooppraatjes.</p>
                                
                                                            </div>

                                                    </div>
                   </div>
                                   <div class="w-full lg:w-1/3   pl-14  pb-4">
                        <div class="border  lg:border-none h-full  rounded-2xl border-alpina-middlegrey p-3 flex flex-col">
                            <div class="grow">
                                                                                                            <span class="w-10 h-10 md:w-16 md:h-11 block mb-12 text-alpina-darkorange [&#038;_svg]:w-full [&#038;_svg]:h-full">
                                            <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
    <path d="M277.4 4c6-5.3 15.1-5.3 21.2 0L512.5 192.8c-5.4-.5-10.9-.8-16.5-.8c-10.2 0-20.2 .9-29.9 2.5L288 37.3 96 206.7 96 432c0 26.5 21.5 48 48 48l64 0 0-160c0-17.7 14.3-32 32-32l96 0c1 0 2.1 .1 3.1 .1c-5.1 10.1-9.3 20.7-12.5 31.9L240 320l0 160 16 0 80 0 24.2 0c10 12.1 21.7 22.9 34.6 32L144 512c-44.2 0-80-35.8-80-80l0-197L26.6 268C20 273.8 9.8 273.2 4 266.6S-1.2 249.8 5.4 244L277.4 4zM496 480a112 112 0 1 0 0-224 112 112 0 1 0 0 224zm0-256a144 144 0 1 1 0 288 144 144 0 1 1 0-288zm67.3 100.7c6.2 6.2 6.2 16.4 0 22.6l-72 72c-6.2 6.2-16.4 6.2-22.6 0l-40-40c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L480 385.4l60.7-60.7c6.2-6.2 16.4-6.2 22.6 0z" fill="currentColor"/>
</svg>                                        </span>
                                                                    
                                
                                                                    <h3 class="font-bold md:text-xl mb-2">
    Alles onder één dak
</h3>
                                
                                                                    <p>Van verkoop tot hypotheekadvies &#8211; bij Alpina regel je alles eenvoudig op één plek.</p>
                                
                                                            </div>

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



<section class="my-20">
	<div class="w-full mx-auto px-5 max-w-[85rem]">
	<div class="border border-alpina-middlegrey rounded-3xl py-20 px-4 lg:px-10">
                            <div class="pb-10 border-b border-alpina-middlegrey">
                    <h2 class="font-bold text-2xl md:text-3xl font-bold mb-2">
    Alles onder één dak
</h2>
                </div>
            
                                                
                    <div class="py-9 border-b last:pb-0 last:border-b-0 border-alpina-middlegrey">
                        <div class="flex flex-wrap  flex-row-reverse ">
                                                            <div class="w-full pb-5 lg:pb-0 lg:w-1/2">
                                    <figure class="aspect-video image-mask">
                                        <img decoding="async" width="1920" height="848" src="https://advies.alpina.nl/wp-content/uploads/2025/05/16-Levensgebeurtenis-VolgendeWoningKopen-v1-e1749116522103.png" class="w-full h-full object-cover" alt="" srcset="https://advies.alpina.nl/wp-content/uploads/2025/05/16-Levensgebeurtenis-VolgendeWoningKopen-v1-e1749116522103.png 1920w, https://advies.alpina.nl/wp-content/uploads/2025/05/16-Levensgebeurtenis-VolgendeWoningKopen-v1-e1749116522103-300x133.png 300w, https://advies.alpina.nl/wp-content/uploads/2025/05/16-Levensgebeurtenis-VolgendeWoningKopen-v1-e1749116522103-1024x452.png 1024w, https://advies.alpina.nl/wp-content/uploads/2025/05/16-Levensgebeurtenis-VolgendeWoningKopen-v1-e1749116522103-768x339.png 768w, https://advies.alpina.nl/wp-content/uploads/2025/05/16-Levensgebeurtenis-VolgendeWoningKopen-v1-e1749116522103-1536x678.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" />
                                    </figure>
                                </div>
                            
                                                            <div class="w-full   lg:pr-14  lg:w-1/2 ">
                                    
                                                                            <div class="pt-3">
                                            <div class="[&amp;&gt;*:not(:first-child)]:pt-5 [&amp;_a]:underline [&amp;_ul]:space-y-1.5 [&amp;_li]:pl-5 [&amp;_li]:relative [&amp;_li:before]:content-[&#039;&#039;] [&amp;_li:before]:size-2 [&amp;_li:before]:bg-current [&amp;_li:before]:block [&amp;_li:before]:rounded-full [&amp;_li:before]:absolute [&amp;_li:before]:top-[0.45em] [&amp;_li:before]:left-0 [&amp;_h1]:text-2xl [&amp;_h1]:font-bold [&amp;_h2]:text-xl [&amp;_h2]:font-bold [&amp;_h3]:text-lg [&amp;_h3]:font-bold [&amp;_h4]:text-base [&amp;_h4]:font-bold [&amp;_h5]:text-sm [&amp;_h5]:font-bold [&amp;_h6]:text-xs [&amp;_h6]:font-bold ">
    <p><span style="font-weight: 400;">Een woning verkopen of kopen is een grote stap. Bij Alpina combineren we kennis van de markt met persoonlijke begeleiding. We denken met je mee, zijn bereikbaar en zetten dat extra stapje. Of je nu zoekt naar je eerste woning, je huis goed wilt verkopen of plannen hebt voor nieuwbouw: wij staan naast je. Met alles onder één dak – makelaardij, hypotheekadvies, verzekeringen en taxatie. Wel zo handig.</span></p>
</div>                                        </div>
                                    
                                                                    </div>
                                                    </div>
                    </div>
                                    
                    <div class="py-9 border-b last:pb-0 last:border-b-0 border-alpina-middlegrey">
                        <div class="flex flex-wrap ">
                            
                                                            <div class="w-full ">
                                                                            <h3 class="font-bold md:text-xl mb-2">
    Wil je je kansen vergroten bij kopen of verkopen?
</h3>
                                    
                                                                            <div class="pt-3">
                                            <div class="[&amp;&gt;*:not(:first-child)]:pt-5 [&amp;_a]:underline [&amp;_ul]:space-y-1.5 [&amp;_li]:pl-5 [&amp;_li]:relative [&amp;_li:before]:content-[&#039;&#039;] [&amp;_li:before]:size-2 [&amp;_li:before]:bg-current [&amp;_li:before]:block [&amp;_li:before]:rounded-full [&amp;_li:before]:absolute [&amp;_li:before]:top-[0.45em] [&amp;_li:before]:left-0 [&amp;_h1]:text-2xl [&amp;_h1]:font-bold [&amp;_h2]:text-xl [&amp;_h2]:font-bold [&amp;_h3]:text-lg [&amp;_h3]:font-bold [&amp;_h4]:text-base [&amp;_h4]:font-bold [&amp;_h5]:text-sm [&amp;_h5]:font-bold [&amp;_h6]:text-xs [&amp;_h6]:font-bold ">
    <p><span style="font-weight: 400;">Je bent uit je woning gegroeid, toe aan een nieuwe omgeving of je droomwoning kwam onverwacht voorbij. Of je nu wilt verkopen, kopen of allebei: bij Alpina helpen we je graag verder. Samen kijken we wat er mogelijk is en wat het beste bij jouw situatie past. Onze ervaren makelaars begeleiden je bij elke stap — van waardebepaling en presentatie tot bezichtigingen, biedingen en de sleuteloverdracht. Persoonlijk, deskundig en zonder gedoe. Zo maak jij met vertrouwen de volgende stap op de woningmarkt.</span></p>
</div>                                        </div>
                                    
                                                                    </div>
                                                    </div>
                    </div>
                                    
                    <div class="py-9 border-b last:pb-0 last:border-b-0 border-alpina-middlegrey">
                        <div class="flex flex-wrap  flex-row-reverse ">
                            
                                                            <div class="w-full ">
                                                                            <h3 class="font-bold md:text-xl mb-2">
    Over onze makelaarsdiensten
</h3>
                                    
                                                                            <div class="pt-3">
                                            <div class="[&amp;&gt;*:not(:first-child)]:pt-5 [&amp;_a]:underline [&amp;_ul]:space-y-1.5 [&amp;_li]:pl-5 [&amp;_li]:relative [&amp;_li:before]:content-[&#039;&#039;] [&amp;_li:before]:size-2 [&amp;_li:before]:bg-current [&amp;_li:before]:block [&amp;_li:before]:rounded-full [&amp;_li:before]:absolute [&amp;_li:before]:top-[0.45em] [&amp;_li:before]:left-0 [&amp;_h1]:text-2xl [&amp;_h1]:font-bold [&amp;_h2]:text-xl [&amp;_h2]:font-bold [&amp;_h3]:text-lg [&amp;_h3]:font-bold [&amp;_h4]:text-base [&amp;_h4]:font-bold [&amp;_h5]:text-sm [&amp;_h5]:font-bold [&amp;_h6]:text-xs [&amp;_h6]:font-bold ">
    <p><span style="font-weight: 400;">We bieden meer dan alleen een makelaar. Wij luisteren naar wat jij belangrijk vindt. Of je nu je woning wilt verkopen, op zoek bent naar een nieuw huis, een taxatie nodig hebt of interesse hebt in nieuwbouw, we begeleiden je stap voor stap. Onze aanpak is persoonlijk, helder en altijd gericht op wat jij nodig hebt.</span></p>
<p><span style="font-weight: 400;">We regelen onder meer:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Waardebepaling en advies</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Onderhandeling en strategie</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Promotie via o.a. Funda, social media en video</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Begeleiding bij nieuwbouwprojecten</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Aansluiting bij hypotheek- en verzekeringsadvies</span></li>
</ul>
</div>                                        </div>
                                    
                                                                    </div>
                                                    </div>
                    </div>
                                    </div>
</div>
</section>


<section class="my-20">
	<div class="w-full mx-auto px-5 max-w-[85rem]">
	<div class="rounded-3xl lg:border border-alpina-middlegrey lg:py-20">
            <div class="flex flex-col items-center">
                                    <h2 class="font-bold text-2xl md:text-3xl font-bold mb-2 text-alpina-darkorange">
    Vind een makelaar in jouw regio
</h2>
                
                                    <div class="text-center max-w-2xl">
                        <p class="text-3xl md:text-4xl pt-2">Persoonlijk contact dichtbij</p>
                    </div>
                
                                    <div class="text-center max-w-2xl pt-3">
                        <p class="text-base">Onze makelaars zijn actief in jouw buurt en kennen de lokale markt door en door. Vind de juiste makelaar voor jouw situatie.</p>
                    </div>
                            </div>

                            <div class="flex flex-wrap justify-center gap-4 pt-7">
                                                                        <a class="whitespace-nowrap group rounded cursor-pointer transition-colors inline-flex items-center pt-3.5 pb-3 px-5 bg-alpina-darkblue text-white hover:bg-alpina-teal! hover:border-alpina-teal! hover:text-alpina-darkblue corporate:bg-alpina-orange" href="https://advies.alpina.nl/vind-een-vestiging/">
    Vind een vestiging

                        <svg class="ml-3 w-3.5 h-3.5 inline-block transition-colors text-alpina-orange group-hover:text-alpina-darkblue corporate:text-alpina-white"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M443.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L393.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l377.4 0L244.7 420.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l176-176z" fill="currentColor"/>
</svg>            </a>
                                                            </div>
                    </div>
</div>
</section>


<section class="my-20">
	<div class="w-full mx-auto px-5 max-w-[85rem]">
	<div class="bg-alpina-lightgrey border-alpina-middlegrey border pt-5 pb-20 lg:py-20 rounded-3xl px-5 md:px-20">
                <div class="w-11 h-11 text-alpina-darkorange pb-22 block">
                    <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
    <path d="M192 416c0-17.7-14.3-32-32-32l-96 0c-17.7 0-32-14.3-32-32L32 64c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32l0 288c0 17.7-14.3 32-32 32l-138.7 0c-6.9 0-13.7 2.2-19.2 6.4L192 464l0-48zM64 0C28.7 0 0 28.7 0 64L0 352c0 35.3 28.7 64 64 64l64 0 32 0 0 32 0 48c0 6.1 3.4 11.6 8.8 14.3s11.9 2.1 16.8-1.5L309.3 416 448 416c35.3 0 64-28.7 64-64l0-288c0-35.3-28.7-64-64-64L64 0zM168.7 121.8l-.2 .7c-2.2 8.5 2.9 17.3 11.4 19.5s17.3-2.9 19.5-11.4l.2-.7c2.8-10.6 12.3-17.9 23.2-17.9l57.1 0c17.6 0 32 14.5 32 32.3c0 12.1-6.8 23.2-17.5 28.7l-45.8 23.4c-5.4 2.7-8.7 8.2-8.7 14.3l0 29.5c0 8.8 7.2 16 16 16s16-7.2 16-16l0-19.7 37.1-18.9c21.5-11 34.9-33.2 34.9-57.2C344 109 315.5 80 280 80l-57.1 0c-25.5 0-47.7 17.2-54.2 41.8zM280 304a24 24 0 1 0 -48 0 24 24 0 1 0 48 0z" fill="currentColor"/>
</svg>                </div>

                                    <div class="pb-10">
                        <h2 class="font-bold text-2xl md:text-3xl font-bold mb-2">
    Veelgestelde vragen
</h2>
                    </div>
                
                                    <c-accordion class="block space-y-8">
                                                    
                                                            <div>
                                    
                                    <div class="border-t border-alpina-middlegrey">
                                                                                    <div class="relative border-b border-alpina-middlegrey text-alpin" data-dom="item">
    <button class="relative w-full flex items-center justify-between cursor-pointer py-4" data-accordion="toggler">
        <span class="text-left [.is-open_&#038;]:font-bold">Wat is Bieden met Zekerheid?</span>

        <span class="size-4 block text-alpina-darkgrey shrink-0 ml-3.5">
            <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z" fill="currentColor"/>
</svg>        </span>
    </button>

    <div class="overflow-hidden relative h-0" data-accordion="content">
        <div class="h-auto overflow-auto" data-accordion="inner">
            <div class="pb-4 max-w-xl">
                <div class="[&amp;&gt;*:not(:first-child)]:pt-5 [&amp;_a]:underline [&amp;_ul]:space-y-1.5 [&amp;_li]:pl-5 [&amp;_li]:relative [&amp;_li:before]:content-[&#039;&#039;] [&amp;_li:before]:size-2 [&amp;_li:before]:bg-current [&amp;_li:before]:block [&amp;_li:before]:rounded-full [&amp;_li:before]:absolute [&amp;_li:before]:top-[0.45em] [&amp;_li:before]:left-0 [&amp;_h1]:text-2xl [&amp;_h1]:font-bold [&amp;_h2]:text-xl [&amp;_h2]:font-bold [&amp;_h3]:text-lg [&amp;_h3]:font-bold [&amp;_h4]:text-base [&amp;_h4]:font-bold [&amp;_h5]:text-sm [&amp;_h5]:font-bold [&amp;_h6]:text-xs [&amp;_h6]:font-bold ">
    <p>Bieden met Zekerheid garandeert de betaling van een boete als de financiering voor de woning niet rondkomt. Hierdoor kun je bieden zonder voorbehoud van financiering, zonder het risico van een boete. Voor verkopers is een bod zonder financieringsvoorbehoud zeer aantrekkelijk, omdat ze dan niet zes tot acht weken hoeven te wachten om zekerheid te krijgen over de koop. Met een bod zonder voorbehoud heeft de verkoper direct na de wettelijke bedenktijd van drie dagen al zekerheid. Daarom wordt een bod zonder voorbehoud vier keer vaker geaccepteerd dan een bod met voorbehoud. Vaak zie je ook dat een verkoper een lager bod accepteert simpelweg omdat er geen financieringsvoorbehoud is.</p>
</div>            </div>
        </div>
    </div>    
</div>                                                                            </div>
                                </div>
                                                                        </c-accordion>
                            </div>
</div>
</section>


<section class="my-20">
	<div class="w-full mx-auto px-5 max-w-[85rem]">
	<div class="rounded-3xl lg:border border-alpina-middlegrey lg:py-20">
            <div class="flex flex-col items-center">
                                    <h2 class="font-bold text-2xl md:text-3xl font-bold mb-2 text-alpina-darkorange">
    Service &amp; contact
</h2>
                
                                    <div class="text-center max-w-2xl">
                        <p class="text-3xl md:text-4xl pt-2">Heb je nog vragen?<br />
</p>
                    </div>
                
                                    <div class="text-center max-w-2xl pt-3">
                        <p class="text-base">Hier vind je verschillende manieren om contact met ons op te nemen<br />
</p>
                    </div>
                            </div>

                            <div class="flex flex-wrap justify-center gap-4 pt-7">
                                                                        <a class="whitespace-nowrap group rounded cursor-pointer transition-colors inline-flex items-center pt-3.5 pb-3 px-5 bg-alpina-darkblue text-white hover:bg-alpina-teal! hover:border-alpina-teal! hover:text-alpina-darkblue corporate:bg-alpina-orange" href="https://advies.alpina.nl/service-contact/">
    Service &#038; contact

                        <svg class="ml-3 w-3.5 h-3.5 inline-block transition-colors text-alpina-orange group-hover:text-alpina-darkblue corporate:text-alpina-white"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M443.3 267.3c6.2-6.2 6.2-16.4 0-22.6l-176-176c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L393.4 240 16 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l377.4 0L244.7 420.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l176-176z" fill="currentColor"/>
</svg>            </a>
                                                            </div>
                    </div>
</div>
</section>


<section class="my-20">
	<div class="w-full mx-auto px-5 max-w-[85rem]">
	<h2 class="font-bold text-2xl md:text-3xl font-bold mb-2 pb-4">
    Ook interessant
</h2>

                            <div class="flex flex-wrap -mb-5 -ml-8">
                                            <div class="w-full lg:w-1/3 pb-5 pl-8">
                            <article class="block h-full">
        <a class="block p-3 border border-alpina-middlegrey rounded-2xl h-full" href="https://advies.alpina.nl/levensgebeurtenissen/eerste-woning-kopen/">
            <figure class="aspect-video image-mask relative">
                <img decoding="async" width="1920" height="826" src="https://advies.alpina.nl/wp-content/uploads/2025/05/15-Levensgebeurtenis-EersteWoningKopen-v1-e1749116188917.png" class="absolute inset-0 w-full h-full object-cover" alt="" loading="lazy" srcset="https://advies.alpina.nl/wp-content/uploads/2025/05/15-Levensgebeurtenis-EersteWoningKopen-v1-e1749116188917.png 1920w, https://advies.alpina.nl/wp-content/uploads/2025/05/15-Levensgebeurtenis-EersteWoningKopen-v1-e1749116188917-300x129.png 300w, https://advies.alpina.nl/wp-content/uploads/2025/05/15-Levensgebeurtenis-EersteWoningKopen-v1-e1749116188917-1024x441.png 1024w, https://advies.alpina.nl/wp-content/uploads/2025/05/15-Levensgebeurtenis-EersteWoningKopen-v1-e1749116188917-768x330.png 768w, https://advies.alpina.nl/wp-content/uploads/2025/05/15-Levensgebeurtenis-EersteWoningKopen-v1-e1749116188917-1536x661.png 1536w" sizes="auto, (max-width: 1920px) 100vw, 1920px" />
            </figure>

            <div class="pt-4">
                                    <span class="text-alpina-darkorange font-bold text-base inline-block mb-0.5">Levensgebeurtenissen</span>
                
                <h3 class="font-bold md:text-xl mb-2">
    Eerste woning kopen
</h3>
            </div>
        </a>
   </article>
                        </div>
                                            <div class="w-full lg:w-1/3 pb-5 pl-8">
                            <article class="block h-full">
        <a class="block p-3 border border-alpina-middlegrey rounded-2xl h-full" href="https://advies.alpina.nl/levensgebeurtenissen/volgende-woning-kopen/">
            <figure class="aspect-video image-mask relative">
                <img decoding="async" width="1920" height="848" src="https://advies.alpina.nl/wp-content/uploads/2025/05/16-Levensgebeurtenis-VolgendeWoningKopen-v1-e1749116522103.png" class="absolute inset-0 w-full h-full object-cover" alt="" loading="lazy" srcset="https://advies.alpina.nl/wp-content/uploads/2025/05/16-Levensgebeurtenis-VolgendeWoningKopen-v1-e1749116522103.png 1920w, https://advies.alpina.nl/wp-content/uploads/2025/05/16-Levensgebeurtenis-VolgendeWoningKopen-v1-e1749116522103-300x133.png 300w, https://advies.alpina.nl/wp-content/uploads/2025/05/16-Levensgebeurtenis-VolgendeWoningKopen-v1-e1749116522103-1024x452.png 1024w, https://advies.alpina.nl/wp-content/uploads/2025/05/16-Levensgebeurtenis-VolgendeWoningKopen-v1-e1749116522103-768x339.png 768w, https://advies.alpina.nl/wp-content/uploads/2025/05/16-Levensgebeurtenis-VolgendeWoningKopen-v1-e1749116522103-1536x678.png 1536w" sizes="auto, (max-width: 1920px) 100vw, 1920px" />
            </figure>

            <div class="pt-4">
                                    <span class="text-alpina-darkorange font-bold text-base inline-block mb-0.5">Levensgebeurtenissen</span>
                
                <h3 class="font-bold md:text-xl mb-2">
    Volgende woning kopen
</h3>
            </div>
        </a>
   </article>
                        </div>
                                            <div class="w-full lg:w-1/3 pb-5 pl-8">
                            <article class="block h-full">
        <a class="block p-3 border border-alpina-middlegrey rounded-2xl h-full" href="https://advies.alpina.nl/levensgebeurtenissen/woning-verkopen/">
            <figure class="aspect-video image-mask relative">
                <img decoding="async" width="1920" height="1076" src="https://advies.alpina.nl/wp-content/uploads/2025/05/14-Levensgebeurtenis-Woning-Verkopen-v2.png" class="absolute inset-0 w-full h-full object-cover" alt="" loading="lazy" srcset="https://advies.alpina.nl/wp-content/uploads/2025/05/14-Levensgebeurtenis-Woning-Verkopen-v2.png 1920w, https://advies.alpina.nl/wp-content/uploads/2025/05/14-Levensgebeurtenis-Woning-Verkopen-v2-300x168.png 300w, https://advies.alpina.nl/wp-content/uploads/2025/05/14-Levensgebeurtenis-Woning-Verkopen-v2-1024x574.png 1024w, https://advies.alpina.nl/wp-content/uploads/2025/05/14-Levensgebeurtenis-Woning-Verkopen-v2-768x430.png 768w, https://advies.alpina.nl/wp-content/uploads/2025/05/14-Levensgebeurtenis-Woning-Verkopen-v2-1536x861.png 1536w" sizes="auto, (max-width: 1920px) 100vw, 1920px" />
            </figure>

            <div class="pt-4">
                                    <span class="text-alpina-darkorange font-bold text-base inline-block mb-0.5">Makelaardij</span>
                
                <h3 class="font-bold md:text-xl mb-2">
    Woning verkopen
</h3>
            </div>
        </a>
   </article>
                        </div>
                                    </div>
</div>
</section>



<p></p>
	                                            </div>

                    <footer class="bg-alpina-lightgrey text-alpina-darkblue pb-12 md:pb-0">
    <div class="w-full mx-auto px-5 max-w-[85rem] py-12">
	<ul class="block md:flex" x-data="footer">
                                    
                    <li class="border-b border-alpina-middlegrey md:grow md:basis-[0] md:border-none">
                        <a class="flex items-center justify-between p-5 text-xl font-bold no-underline md:inline-block md:p-0 md:mb-4" href="https://advies.alpina.nl/over-ons/" target="_self" @click="toggle($event, 1020)">
                            <span>Alpina</span>
                                                            <span class="block w-6 text-alpina-darkgrey md:hidden">
                                    <svg x-show="sub_open !== 1020" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z" fill="currentColor"/>
</svg>                                    <svg x-show="sub_open === 1020" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M432 256c0 8.8-7.2 16-16 16L32 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l384 0c8.8 0 16 7.2 16 16z" fill="currentColor"/>
</svg>                                </span>
                                                    </a>

                                                    <ul
                                class="px-5 pb-3 -mt-2 md:!block md:p-0 md:-mb-4"
                                x-show="sub_open === 1020"
                                x-transition:enter="transition ease-out duration-300 transform"
                                x-transition:enter-start="opacity-0 -translate-y-5"
                                x-transition:enter-end="opacity-100 translate-y-0"
                            >
                                                                    <li class="block">
                                        <a class="block py-2 md:inline-block md:p-0 md:mb-4" href="https://advies.alpina.nl/over-ons/" target="_self">
                                            <div class="flex items-center">
                                                Over ons

                                                                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="block">
                                        <a class="block py-2 md:inline-block md:p-0 md:mb-4" href="https://advies.alpina.nl/vind-een-vestiging/" target="_self">
                                            <div class="flex items-center">
                                                Vestigingen

                                                                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="block">
                                        <a class="block py-2 md:inline-block md:p-0 md:mb-4" href="https://www.alpinagroup.com/werken-bij/" target="_blank">
                                            <div class="flex items-center">
                                                Werken bij

                                                                                                    <span class="block w-3 h-3 ml-2.5 mt-0.25 text-alpina-darkorange">
                                                        <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
    <path d="M336 0c-8.8 0-16 7.2-16 16s7.2 16 16 16l121.4 0L212.7 276.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L480 54.6 480 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-160c0-8.8-7.2-16-16-16L336 0zM64 32C28.7 32 0 60.7 0 96L0 448c0 35.3 28.7 64 64 64l352 0c35.3 0 64-28.7 64-64l0-144c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 144c0 17.7-14.3 32-32 32L64 480c-17.7 0-32-14.3-32-32L32 96c0-17.7 14.3-32 32-32l144 0c8.8 0 16-7.2 16-16s-7.2-16-16-16L64 32z" fill="currentColor"/>
</svg>                                                    </span>
                                                                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="block">
                                        <a class="block py-2 md:inline-block md:p-0 md:mb-4" href="https://advies.alpina.nl/beloningsbeleid/" target="_self">
                                            <div class="flex items-center">
                                                Beloningsbeleid

                                                                                            </div>
                                        </a>
                                    </li>
                                                            </ul>
                                            </li>
                                    
                    <li class="border-b border-alpina-middlegrey md:grow md:basis-[0] md:border-none">
                        <a class="flex items-center justify-between p-5 text-xl font-bold no-underline md:inline-block md:p-0 md:mb-4" href="https://advies.alpina.nl/service-contact/" target="_self" @click="toggle($event, 1022)">
                            <span>Direct regelen</span>
                                                            <span class="block w-6 text-alpina-darkgrey md:hidden">
                                    <svg x-show="sub_open !== 1022" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z" fill="currentColor"/>
</svg>                                    <svg x-show="sub_open === 1022" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M432 256c0 8.8-7.2 16-16 16L32 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l384 0c8.8 0 16 7.2 16 16z" fill="currentColor"/>
</svg>                                </span>
                                                    </a>

                                                    <ul
                                class="px-5 pb-3 -mt-2 md:!block md:p-0 md:-mb-4"
                                x-show="sub_open === 1022"
                                x-transition:enter="transition ease-out duration-300 transform"
                                x-transition:enter-start="opacity-0 -translate-y-5"
                                x-transition:enter-end="opacity-100 translate-y-0"
                            >
                                                                    <li class="block">
                                        <a class="block py-2 md:inline-block md:p-0 md:mb-4" href="https://advies.alpina.nl/schade-melden/" target="_self">
                                            <div class="flex items-center">
                                                Schade melden

                                                                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="block">
                                        <a class="block py-2 md:inline-block md:p-0 md:mb-4" href="https://advies.alpina.nl/offerte-aanvragen/" target="_self">
                                            <div class="flex items-center">
                                                Offerte aanvragen

                                                                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="block">
                                        <a class="block py-2 md:inline-block md:p-0 md:mb-4" href="https://advies.alpina.nl/hypotheken/" target="_self">
                                            <div class="flex items-center">
                                                Hypotheek berekenen

                                                                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="block">
                                        <a class="block py-2 md:inline-block md:p-0 md:mb-4" href="https://advies.alpina.nl/zoekopdracht-woning-aanvragen/" target="_self">
                                            <div class="flex items-center">
                                                Zoekopdracht woning aanvragen

                                                                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="block">
                                        <a class="block py-2 md:inline-block md:p-0 md:mb-4" href="https://advies.alpina.nl/wijziging-doorgeven/" target="_self">
                                            <div class="flex items-center">
                                                Wijziging doorgeven

                                                                                            </div>
                                        </a>
                                    </li>
                                                            </ul>
                                            </li>
                                    
                    <li class="border-b border-alpina-middlegrey md:grow md:basis-[0] md:border-none">
                        <a class="flex items-center justify-between p-5 text-xl font-bold no-underline md:inline-block md:p-0 md:mb-4" href="https://advies.alpina.nl/service-contact/" target="_self" @click="toggle($event, 1029)">
                            <span>Service &amp; contact</span>
                                                            <span class="block w-6 text-alpina-darkgrey md:hidden">
                                    <svg x-show="sub_open !== 1029" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M240 64c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 176L32 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l176 0 0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 176 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-176 0 0-176z" fill="currentColor"/>
</svg>                                    <svg x-show="sub_open === 1029" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
    <path d="M432 256c0 8.8-7.2 16-16 16L32 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l384 0c8.8 0 16 7.2 16 16z" fill="currentColor"/>
</svg>                                </span>
                                                    </a>

                                                    <ul
                                class="px-5 pb-3 -mt-2 md:!block md:p-0 md:-mb-4"
                                x-show="sub_open === 1029"
                                x-transition:enter="transition ease-out duration-300 transform"
                                x-transition:enter-start="opacity-0 -translate-y-5"
                                x-transition:enter-end="opacity-100 translate-y-0"
                            >
                                                                    <li class="block">
                                        <a class="block py-2 md:inline-block md:p-0 md:mb-4" href="https://advies.alpina.nl/service-contact/" target="_self">
                                            <div class="flex items-center">
                                                Contact opnemen

                                                                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="block">
                                        <a class="block py-2 md:inline-block md:p-0 md:mb-4" href="https://advies.alpina.nl/service-contact/maak-een-afspraak/" target="_self">
                                            <div class="flex items-center">
                                                Maak een afspraak

                                                                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="block">
                                        <a class="block py-2 md:inline-block md:p-0 md:mb-4" href="https://advies.alpina.nl/service-contact/klachtenregeling/" target="_self">
                                            <div class="flex items-center">
                                                Klacht melden

                                                                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="block">
                                        <a class="block py-2 md:inline-block md:p-0 md:mb-4" href="https://advies.alpina.nl/verzekering-opzeggen/" target="_self">
                                            <div class="flex items-center">
                                                Verzekering opzeggen

                                                                                            </div>
                                        </a>
                                    </li>
                                                                    <li class="block">
                                        <a class="block py-2 md:inline-block md:p-0 md:mb-4" href="https://advies.alpina.nl/dienstenwijzer/" target="_self">
                                            <div class="flex items-center">
                                                Dienstenwijzers

                                                                                            </div>
                                        </a>
                                    </li>
                                                            </ul>
                                            </li>
                
                 <li class="max-md:mt-12 border-b border-alpina-middlegrey px-5 pb-12 md:grow md:basis-[0] md:border-none md:order-last">
                    <h2 class="font-bold text-2xl md:text-3xl font-bold !text-xl mb-5">
    Nieuwsbrief
</h2>
                    <p class="mb-2">
    Ontvang het laatste nieuws en updates van ons.
</p>

                    <c-form class="block">
                        <form class="flex space-x-3.5 mb-2" action="https://advies.alpina.nl/wp-admin/admin-ajax.php?action=alpina_newsletter" data-dom="form" method="post">
                            <input class="px-4 rounded placeholder:text-alpina-ultradarkgrey bg-alpina-white outline-1 -outline-offset-1 focus:outline-2 focus:-outline-offset-2 outline-alpina-darkblue h-13 w-full" type="email" placeholder="Jouw e-mailadres *" name="email" required="required">

                            <input type="hidden" name="page_url" value="https://advies.alpina.nl/makelaardij/" />

                            <button class="whitespace-nowrap group rounded cursor-pointer transition-colors inline-flex items-center pt-3.5 pb-3 px-5 bg-alpina-darkblue text-white hover:bg-alpina-teal! hover:border-alpina-teal! hover:text-alpina-darkblue corporate:bg-alpina-orange" type="submit">
    Verstuur

    </button>
                        </form>
                    </c-form>

                    <p class="text-xs text-alpina-darkestgrey pt-1.5">Door je in te schrijven ga je akkoord met ons <a class="underline" href="https://advies.alpina.nl/privacyverklaring/">Privacyverklaring</a></p>

                                            <ul class="flex items-center px-0 -mx-3.5 pt-14">
                                                            <li class="px-3.5">
                                    <a class="block w-4.5" aria-label="LinkedIn Icon" href="https://www.linkedin.com/company/alpinafinancieelzeker/" target="_blank" rel="noopener noreferrer">
                                        <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" fill="currentColor"/></svg>
                                    </a>
                                </li>
                                                            <li class="px-3.5">
                                    <a class="block w-4.5" aria-label="Instagram Icon" href="https://www.instagram.com/alpina.nl/" target="_blank" rel="noopener noreferrer">
                                        <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M194.4 211.7a53.3 53.3 0 1 0 59.3 88.7 53.3 53.3 0 1 0 -59.3-88.7zm142.3-68.4c-5.2-5.2-11.5-9.3-18.4-12c-18.1-7.1-57.6-6.8-83.1-6.5c-4.1 0-7.9 .1-11.2 .1c-3.3 0-7.2 0-11.4-.1c-25.5-.3-64.8-.7-82.9 6.5c-6.9 2.7-13.1 6.8-18.4 12s-9.3 11.5-12 18.4c-7.1 18.1-6.7 57.7-6.5 83.2c0 4.1 .1 7.9 .1 11.1s0 7-.1 11.1c-.2 25.5-.6 65.1 6.5 83.2c2.7 6.9 6.8 13.1 12 18.4s11.5 9.3 18.4 12c18.1 7.1 57.6 6.8 83.1 6.5c4.1 0 7.9-.1 11.2-.1c3.3 0 7.2 0 11.4 .1c25.5 .3 64.8 .7 82.9-6.5c6.9-2.7 13.1-6.8 18.4-12s9.3-11.5 12-18.4c7.2-18 6.8-57.4 6.5-83c0-4.2-.1-8.1-.1-11.4s0-7.1 .1-11.4c.3-25.5 .7-64.9-6.5-83l0 0c-2.7-6.9-6.8-13.1-12-18.4zm-67.1 44.5A82 82 0 1 1 178.4 324.2a82 82 0 1 1 91.1-136.4zm29.2-1.3c-3.1-2.1-5.6-5.1-7.1-8.6s-1.8-7.3-1.1-11.1s2.6-7.1 5.2-9.8s6.1-4.5 9.8-5.2s7.6-.4 11.1 1.1s6.5 3.9 8.6 7s3.2 6.8 3.2 10.6c0 2.5-.5 5-1.4 7.3s-2.4 4.4-4.1 6.2s-3.9 3.2-6.2 4.2s-4.8 1.5-7.3 1.5l0 0c-3.8 0-7.5-1.1-10.6-3.2zM448 96c0-35.3-28.7-64-64-64H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96zM357 389c-18.7 18.7-41.4 24.6-67 25.9c-26.4 1.5-105.6 1.5-132 0c-25.6-1.3-48.3-7.2-67-25.9s-24.6-41.4-25.8-67c-1.5-26.4-1.5-105.6 0-132c1.3-25.6 7.1-48.3 25.8-67s41.5-24.6 67-25.8c26.4-1.5 105.6-1.5 132 0c25.6 1.3 48.3 7.1 67 25.8s24.6 41.4 25.8 67c1.5 26.3 1.5 105.4 0 131.9c-1.3 25.6-7.1 48.3-25.8 67z" fill="currentColor"/></svg>
                                    </a>
                                </li>
                                                            <li class="px-3.5">
                                    <a class="block w-4.5" aria-label="Facebook Icon" href="https://www.facebook.com/alpinafinzeker" target="_blank" rel="noopener noreferrer">
                                        <svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z" fill="currentColor"/></svg>
                                    </a>
                                </li>
                                                    </ul>
                                    </li>
            </ul>
</div>

    <div class="flex justify-end px-5 pb-5">
        <c-scroll-top class="c-scroll-block || block">
            <button class="bg-alpina-middlegrey w-13 h-13 relative rounded-md cursor-pointer" data-dom="button">
                <span class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
                    <svg class="w-4.5 h-4.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
    <path d="M16 32C7.2 32 0 39.2 0 48s7.2 16 16 16l352 0c8.8 0 16-7.2 16-16s-7.2-16-16-16L16 32zM203.3 132.7c-6.2-6.2-16.4-6.2-22.6 0l-128 128c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L176 182.6 176 288l0 176c0 8.8 7.2 16 16 16s16-7.2 16-16l0-176 0-105.4L308.7 283.3c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6l-128-128z" fill="currentColor"/>
</svg>                </span>
            </button>
        </c-scroll-top>
    </div>

    <div class="py-3 md:border-t-2 md:border-alpina-middlegrey max-md:-mt-24">
        <div class="w-full mx-auto px-5 max-w-[85rem]">
	<div class="md:flex md:justify-between md:items-center md:text-sm">
                <ul class="block px-5 pb-5 md:flex md:p-0 md:-mx-2.5">
                    <li class="block py-2 md:py-0 md:px-2.5">&copy; 2025 Alpina.nl</li>

                                            <li class="block py-2 md:py-0 md:px-2.5"><a class="underline hover:no-underline" href="https://advies.alpina.nl/algemene-voorwaarden/" target="_self">Algemene voorwaarden</a></li>
                                            <li class="block py-2 md:py-0 md:px-2.5"><a class="underline hover:no-underline" href="https://advies.alpina.nl/cookies/" target="_self">Cookies</a></li>
                                            <li class="block py-2 md:py-0 md:px-2.5"><a class="underline hover:no-underline" href="https://advies.alpina.nl/privacyverklaring/" target="_self">Privacybeleid</a></li>
                                            <li class="block py-2 md:py-0 md:px-2.5"><a class="underline hover:no-underline" href="https://advies.alpina.nl/disclaimer/" target="_self">Disclaimer</a></li>
                                    </ul>
            </div>
</div>
    </div>
</footer>

                </c-scroll>
            </main>
        </c-load>

                                <div id="grecaptcha-container-id"></div>
        
            <script>
                window.app = { recaptchaPublicKey: '6LdIkXsrAAAAADE0cpjVUYDGiEJLFL0lrqSivcva' }
            </script>
        
            <script src="https://www.google.com/recaptcha/api.js?render=6LdIkXsrAAAAADE0cpjVUYDGiEJLFL0lrqSivcva"></script>
            <style>
                .grecaptcha-badge {
                    visibility: hidden;
                    pointer-events: none;
                    opacity: 0;
                    height: 0px !important;
                }
            </style>
        
                <script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/alpina\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
    </body>
</html>
