{"id":9,"date":"2026-08-24T18:13:33","date_gmt":"2026-08-24T18:13:33","guid":{"rendered":"https:\/\/happilylost.nl\/?page_id=9"},"modified":"2026-08-24T18:40:38","modified_gmt":"2026-08-24T18:40:38","slug":"happily-lost","status":"publish","type":"page","link":"https:\/\/www.happilylost.nl\/","title":{"rendered":"Happily Lost"},"content":{"rendered":"\n<style>\n\/* =========================================================\n   HAPPILY LOST - TIJDELIJKE LANDINGSPAGINA\n   ========================================================= *\/\n\nhtml,\nbody {\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\n\/*\n * De complete WordPress-layout maakt voor deze tijdelijke\n * pagina niet uit. Deze laag vult altijd het hele scherm.\n *\/\n.hl-coming-soon {\n    --hl-green: #365c2d;\n    --hl-dark-green: #294524;\n    --hl-gold: #b5a05b;\n    --hl-cream: #f7f4e9;\n    --hl-text: #64685f;\n\n    position: fixed;\n    inset: 0;\n\n    z-index: 9990;\n\n    width: 100%;\n    height: 100%;\n    min-height: 100vh;\n    min-height: 100svh;\n\n    box-sizing: border-box;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    padding: 40px 25px;\n\n    overflow-y: auto;\n    overflow-x: hidden;\n\n    background:\n        radial-gradient(\n            circle at 12% 15%,\n            rgba(181, 160, 91, 0.10),\n            transparent 32%\n        ),\n        radial-gradient(\n            circle at 88% 85%,\n            rgba(54, 92, 45, 0.09),\n            transparent 35%\n        ),\n        var(--hl-cream);\n\n    color: var(--hl-text);\n\n    font-family:\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Roboto,\n        Arial,\n        sans-serif;\n}\n\n\/* =========================================================\n   CENTRALE INHOUD\n   ========================================================= *\/\n\n.hl-content {\n    position: relative;\n\n    width: 100%;\n    max-width: 760px;\n\n    margin: auto;\n\n    box-sizing: border-box;\n\n    text-align: center;\n}\n\n\/* =========================================================\n   LOGO\n   ========================================================= *\/\n\n.hl-logo {\n    display: block;\n\n    width: min(100%, 500px);\n    height: auto;\n\n    margin: 0 auto 50px auto;\n}\n\n\/* =========================================================\n   TITEL\n   ========================================================= *\/\n\n.hl-title {\n    margin: 0 0 20px 0;\n\n    color: var(--hl-dark-green);\n\n    font-size: clamp(30px, 4vw, 44px);\n    line-height: 1.18;\n\n    font-weight: 600;\n    letter-spacing: -0.025em;\n}\n\n\/* =========================================================\n   TEKST\n   ========================================================= *\/\n\n.hl-text {\n    max-width: 650px;\n\n    margin: 0 auto;\n\n    color: var(--hl-text);\n\n    font-size: clamp(17px, 2vw, 20px);\n    line-height: 1.7;\n\n    font-weight: 400;\n}\n\n.hl-text strong {\n    color: var(--hl-green);\n    font-weight: 600;\n}\n\n.hl-text a {\n    color: var(--hl-green);\n\n    text-decoration-thickness: 1px;\n    text-decoration-color: rgba(54, 92, 45, 0.45);\n    text-underline-offset: 3px;\n}\n\n.hl-text a:hover {\n    color: var(--hl-dark-green);\n}\n\n\/* =========================================================\n   GOUDEN LIJNTJE\n   ========================================================= *\/\n\n.hl-divider {\n    display: block;\n\n    width: 58px;\n    height: 2px;\n\n    margin: 35px auto;\n\n    padding: 0;\n\n    border: 0;\n\n    background: var(--hl-gold);\n\n    opacity: 0.85;\n}\n\n\/* =========================================================\n   CONTACT\n   ========================================================= *\/\n\n.hl-contact {\n    display: flex;\n    flex-wrap: wrap;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 14px;\n}\n\n.hl-contact a {\n    min-width: 220px;\n\n    box-sizing: border-box;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 10px;\n\n    padding: 14px 23px;\n\n    border: 1px solid rgba(54, 92, 45, 0.28);\n    border-radius: 999px;\n\n    background: rgba(255, 255, 255, 0.50);\n\n    color: var(--hl-green);\n\n    font-size: 16px;\n    line-height: 1.2;\n    font-weight: 500;\n\n    text-decoration: none;\n\n    transition:\n        transform 0.2s ease,\n        background 0.2s ease,\n        color 0.2s ease,\n        border-color 0.2s ease,\n        box-shadow 0.2s ease;\n}\n\n.hl-contact a:hover {\n    transform: translateY(-2px);\n\n    background: var(--hl-green);\n    border-color: var(--hl-green);\n\n    color: #ffffff;\n\n    box-shadow:\n        0 8px 22px\n        rgba(41, 69, 36, 0.12);\n}\n\n.hl-contact svg {\n    display: block;\n\n    width: 19px;\n    height: 19px;\n\n    flex: 0 0 19px;\n}\n\n\/* =========================================================\n   WORDPRESS ADMINBALK\n   Alleen zichtbaar wanneer je bent ingelogd.\n   ========================================================= *\/\n\n.admin-bar .hl-coming-soon {\n    top: 32px;\n    height: calc(100% - 32px);\n}\n\n@media screen and (max-width: 782px) {\n    .admin-bar .hl-coming-soon {\n        top: 46px;\n        height: calc(100% - 46px);\n    }\n}\n\n\/* =========================================================\n   MOBIEL\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .hl-coming-soon {\n        padding: 35px 20px;\n    }\n\n    .hl-content {\n        max-width: 440px;\n    }\n\n    .hl-logo {\n        width: min(100%, 390px);\n\n        margin-bottom: 40px;\n    }\n\n    .hl-title {\n        font-size: 30px;\n    }\n\n    .hl-text {\n        font-size: 17px;\n        line-height: 1.6;\n    }\n\n    .hl-divider {\n        margin: 30px auto;\n    }\n\n    .hl-contact {\n        width: 100%;\n\n        flex-direction: column;\n    }\n\n    .hl-contact a {\n        width: 100%;\n        min-width: 0;\n    }\n}\n<\/style>\n\n\n<div class=\"hl-coming-soon\">\n\n    <main class=\"hl-content\">\n\n        <img decoding=\"async\"\n            class=\"hl-logo\"\n            src=\"https:\/\/happilylost.nl\/wp-content\/uploads\/2026\/08\/happily-lost-logo.png\"\n            alt=\"Happily Lost Travels\"\n        >\n\n\n        <h1 class=\"hl-title\">\n            Aan deze website wordt nog gewerkt.\n        <\/h1>\n\n\n        <p class=\"hl-text\">\n\n            <strong>Voor contact of aanvragen<\/strong>\n            kun je al wel contact opnemen via\n\n            <a href=\"mailto:info@happilylost.nl\">\n                info@happilylost.nl\n            <\/a>.\n\n        <\/p>\n\n\n        <hr class=\"hl-divider\">\n\n\n        <div class=\"hl-contact\">\n\n            <a href=\"mailto:info@happilylost.nl\">\n\n                <svg\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.8\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    aria-hidden=\"true\"\n                >\n                    <rect\n                        x=\"3\"\n                        y=\"5\"\n                        width=\"18\"\n                        height=\"14\"\n                        rx=\"2\">\n                    <\/rect>\n\n                    <path d=\"m3 7 9 6 9-6\"><\/path>\n                <\/svg>\n\n                info@happilylost.nl\n\n            <\/a>\n\n\n            <a href=\"tel:+31643001517\">\n\n                <svg\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.8\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    aria-hidden=\"true\"\n                >\n                    <path\n                        d=\"M22 16.92v3\n                        a2 2 0 0 1-2.18 2\n                        19.79 19.79 0 0 1-8.63-3.07\n                        19.5 19.5 0 0 1-6-6\n                        19.79 19.79 0 0 1-3.07-8.67\n                        A2 2 0 0 1 4.11 2h3\n                        a2 2 0 0 1 2 1.72\n                        12.84 12.84 0 0 0 .7 2.81\n                        2 2 0 0 1-.45 2.11\n                        L8.09 9.91\n                        a16 16 0 0 0 6 6\n                        l1.27-1.27\n                        a2 2 0 0 1 2.11-.45\n                        12.84 12.84 0 0 0 2.81.7\n                        A2 2 0 0 1 22 16.92z\">\n                    <\/path>\n                <\/svg>\n\n                +31(0)643001517\n\n            <\/a>\n\n        <\/div>\n\n    <\/main>\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aan deze website wordt nog gewerkt. Voor contact of aanvragen kun je al wel contact opnemen via info@happilylost.nl . info@happilylost.nl +31(0)643001517<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"happily-lost","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.happilylost.nl\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.happilylost.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.happilylost.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.happilylost.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.happilylost.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":2,"href":"https:\/\/www.happilylost.nl\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/www.happilylost.nl\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/www.happilylost.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}