{"id":639,"date":"2026-08-14T17:46:50","date_gmt":"2026-08-14T17:46:50","guid":{"rendered":"https:\/\/youthdirection.com\/?page_id=639"},"modified":"2026-08-14T20:36:20","modified_gmt":"2026-08-14T20:36:20","slug":"kalenderen","status":"publish","type":"page","link":"https:\/\/youthdirection.com\/en\/kalenderen\/","title":{"rendered":""},"content":{"rendered":"<div class=\"wp-block-columns alignfull ext-animate--on has-tertiary-background-color has-background is-layout-flex wp-container-core-columns-is-layout-cb0a7ccb wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-tertiary-background-color has-background is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;600;700;900&display=swap');\n\n    .yd-orbit-wrapper {\n        font-family: 'Space Grotesk', sans-serif;\n        background-color: #18181b;\n        color: #f4f4f5;\n        padding: 20px 20px 60px 20px;\n        position: relative;\n        overflow: hidden;\n        border-radius: 32px;\n        border: 1px solid #3f3f46;\n        margin: 0 auto 40px auto;\n        max-width: 1200px;\n        box-sizing: border-box;\n    }\n\n    .yd-orbit-wrapper * {\n        box-sizing: border-box;\n    }\n\n    \/* Kosmisk stjernehimmel baggrund i komponenten *\/\n    .yd-orbit-wrapper::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background-image: radial-gradient(rgba(255, 191, 0, 0.4) 1px, transparent 0);\n        background-size: 40px 40px;\n        opacity: 0.15;\n        z-index: 0;\n    }\n\n    .yd-orbit-container {\n        position: relative;\n        z-index: 1;\n        text-align: center;\n    }\n\n    \/* OVERSKRIFT STIL MATCHET PR\u00c6CIS TIL BILLEDET *\/\n    .yd-orbit-title-area {\n        margin-bottom: 50px;\n    }\n\n    .yd-orbit-title-area h2 {\n        font-size: 3.8rem;\n        font-weight: 900;\n        text-transform: none;\n        letter-spacing: -1px;\n        margin: 0;\n        color: #ffbf00;\n        display: inline-block;\n    }\n\n    .yd-orbit-title-area p {\n        color: #a1a1aa;\n        font-size: 1.1rem;\n        margin-top: 15px;\n        letter-spacing: 1px;\n    }\n\n    \/* Orbit gitter *\/\n    .yd-orbit-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 35px;\n        justify-items: center;\n    }\n\n    \/* Planet-kort *\/\n    .yd-planet-card {\n        position: relative;\n        width: 100%;\n        max-width: 340px;\n        height: 380px;\n        background: #27272a;\n        border: 2px dashed rgba(255, 191, 0, 0.3);\n        border-radius: 40% 60% 50% 50% \/ 50% 40% 60% 50%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        padding: 30px;\n        cursor: pointer;\n        transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    }\n\n    .yd-planet-card:hover {\n        transform: translateY(-12px) scale(1.04) rotate(1deg);\n        border-color: #ffbf00;\n        background: rgba(39, 39, 42, 0.9);\n        box-shadow: 0 0 35px rgba(255, 191, 0, 0.25);\n    }\n\n    \/* Satellit-ring \/ badge *\/\n    .yd-planet-ring {\n        position: absolute;\n        top: 20px;\n        background: #ffbf00;\n        color: #18181b;\n        font-weight: 800;\n        font-size: 0.75rem;\n        padding: 6px 16px;\n        border-radius: 20px;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        box-shadow: 0 0 15px rgba(255, 191, 0, 0.4);\n    }\n\n    .yd-planet-date {\n        margin: 20px 0 10px 0;\n        font-size: 2.2rem;\n        font-weight: 900;\n        color: #fff;\n    }\n\n    .yd-planet-date span {\n        font-size: 0.95rem;\n        color: #ffbf00;\n        display: block;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n    }\n\n    .yd-planet-title {\n        font-size: 1.3rem;\n        font-weight: 700;\n        text-align: center;\n        margin: 10px 0 20px 0;\n        line-height: 1.3;\n        color: #fff;\n    }\n\n    .yd-planet-coords {\n        font-size: 0.85rem;\n        color: #a1a1aa;\n        text-align: center;\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n        width: 100%;\n        padding-top: 15px;\n        display: flex;\n        flex-direction: column;\n        gap: 5px;\n        font-weight: 600;\n    }\n\n    \/* INTERAKTIV POP-UP MODAL (\u00c5bner ved klik) *\/\n    .yd-space-modal {\n        display: none;\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(24, 24, 27, 0.9);\n        backdrop-filter: blur(10px);\n        z-index: 9999;\n        justify-content: center;\n        align-items: center;\n        padding: 20px;\n    }\n\n    .yd-space-modal-content {\n        background-color: #27272a;\n        border: 3px solid #ffbf00;\n        border-radius: 30px;\n        padding: 40px;\n        max-width: 520px;\n        width: 100%;\n        box-shadow: 0 0 50px rgba(255, 191, 0, 0.3);\n        position: relative;\n        transform: scale(0.7) rotate(-4deg);\n        animation: spacePopup 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;\n    }\n\n    @keyframes spacePopup {\n        to {\n            transform: scale(1) rotate(0deg);\n        }\n    }\n\n    .yd-space-close {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n        background: #18181b;\n        color: #ffbf00;\n        border: 2px solid #ffbf00;\n        width: 38px;\n        height: 38px;\n        border-radius: 50%;\n        font-size: 18px;\n        font-weight: bold;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.2s;\n    }\n\n    .yd-space-close:hover {\n        background: #ffbf00;\n        color: #18181b;\n    }\n\n    .yd-space-modal-date {\n        color: #ffbf00;\n        font-weight: 800;\n        font-size: 0.85rem;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        margin-bottom: 8px;\n        display: block;\n    }\n\n    .yd-space-modal-title {\n        font-size: 2.2rem;\n        font-weight: 900;\n        color: #fff;\n        margin-bottom: 20px;\n        line-height: 1.1;\n    }\n\n    .yd-space-modal-body {\n        background-color: #18181b;\n        border: 1px solid #3f3f46;\n        border-radius: 16px;\n        padding: 20px;\n        font-size: 0.95rem;\n        color: #a1a1aa;\n        line-height: 1.6;\n        margin-bottom: 24px;\n    }\n\n    .yd-space-modal-btn {\n        display: block;\n        background-color: #ffbf00;\n        color: #18181b;\n        font-weight: 900;\n        padding: 16px;\n        border-radius: 12px;\n        text-decoration: none;\n        font-size: 1rem;\n        text-align: center;\n        box-shadow: 0 10px 25px -5px rgba(255, 191, 0, 0.4);\n        transition: transform 0.2s;\n    }\n\n    .yd-space-modal-btn:hover {\n        transform: scale(1.02);\n    }\n<\/style>\n\n<div class=\"yd-orbit-wrapper\">\n    <div class=\"yd-orbit-container\">\n        <div class=\"yd-orbit-title-area\">\n            <h2>Eventkalender<\/h2>\n            <p>Sv\u00e6v ind i de n\u00e6ste destinationer \u2013 klik p\u00e5 en planet for at lande og l\u00e6se mere<\/p>\n        <\/div>\n\n        <div class=\"yd-orbit-grid\">\n            <div class=\"yd-planet-card\" onclick=\"openSpaceModal('Titel', 'Dag M\u00e5ned', 'Tidsrum', 'Adresse', 'Her kan du skrive en l\u00e6ngere beskrivelse eller detaljer om det p\u00e5g\u00e6ldende arrangement.')\">\n                <div class=\"yd-planet-ring\">Badge<\/div>\n                <div class=\"yd-planet-date\">\n                    Dag <span>M\u00e5ned<\/span>\n                <\/div>\n                <h3 class=\"yd-planet-title\">Titel<\/h3>\n                <div class=\"yd-planet-coords\">\n                    <span>\ud83d\udd52 Tidsrum<\/span>\n                    <span>\ud83d\udccd Adresse<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"yd-planet-card\" onclick=\"openSpaceModal('Titel', 'Dag M\u00e5ned', 'Tidsrum', 'Adresse', 'Her kan du skrive en l\u00e6ngere beskrivelse eller detaljer om det p\u00e5g\u00e6ldende arrangement.')\">\n                <div class=\"yd-planet-ring\">Badge<\/div>\n                <div class=\"yd-planet-date\">\n                    Dag <span>M\u00e5ned<\/span>\n                <\/div>\n                <h3 class=\"yd-planet-title\">Titel<\/h3>\n                <div class=\"yd-planet-coords\">\n                    <span>\ud83d\udd52 Tidsrum<\/span>\n                    <span>\ud83d\udccd Adresse<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"yd-planet-card\" onclick=\"openSpaceModal('Titel', 'Dag M\u00e5ned', 'Tidsrum', 'Adresse', 'Her kan du skrive en l\u00e6ngere beskrivelse eller detaljer om det p\u00e5g\u00e6ldende arrangement.')\">\n                <div class=\"yd-planet-ring\">Badge<\/div>\n                <div class=\"yd-planet-date\">\n                    Dag <span>M\u00e5ned<\/span>\n                <\/div>\n                <h3 class=\"yd-planet-title\">Titel<\/h3>\n                <div class=\"yd-planet-coords\">\n                    <span>\ud83d\udd52 Tidsrum<\/span>\n                    <span>\ud83d\udccd Adresse<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"ydSpaceModal\" class=\"yd-space-modal\" onclick=\"closeSpaceModalOnBg(event)\">\n    <div class=\"yd-space-modal-content\">\n        <button class=\"yd-space-close\" onclick=\"closeSpaceModal()\">\u2715<\/button>\n        <span id=\"spaceModalDate\" class=\"yd-space-modal-date\"><\/span>\n        <h2 id=\"spaceModalTitle\" class=\"yd-space-modal-title\"><\/h2>\n        <div id=\"spaceModalBody\" class=\"yd-space-modal-body\"><\/div>\n        <a href=\"https:\/\/youthdirection.com\/da_dk\/kontakt\/\" class=\"yd-space-modal-btn\">Sikr din plads \/ Tilmeld dig<\/a>\n    <\/div>\n<\/div>\n\n<script>\n    function openSpaceModal(title, date, time, location, description) {\n        document.getElementById('spaceModalTitle').innerText = title;\n        document.getElementById('spaceModalDate').innerText = date + ' \u2022 ' + time + ' \u2022 ' + location;\n        document.getElementById('spaceModalBody').innerText = description;\n        document.getElementById('ydSpaceModal').style.display = 'flex';\n    }\n\n    function closeSpaceModal() {\n        document.getElementById('ydSpaceModal').style.display = 'none';\n    }\n\n    function closeSpaceModalOnBg(event) {\n        if (event.target.id === 'ydSpaceModal') {\n            document.getElementById('ydSpaceModal').style.display = 'none';\n        }\n    }\n<\/script>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Eventkalender Sv\u00e6v ind i de n\u00e6ste destinationer \u2013 klik p\u00e5 en planet for at lande og l\u00e6se mere Badge Dag M\u00e5ned Titel \ud83d\udd52 Tidsrum \ud83d\udccd Adresse Badge Dag M\u00e5ned Titel \ud83d\udd52 Tidsrum \ud83d\udccd Adresse Badge Dag M\u00e5ned Titel \ud83d\udd52 Tidsrum \ud83d\udccd Adresse \u2715 Sikr din plads \/ Tilmeld dig<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-with-title","meta":{"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-639","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/youthdirection.com\/en\/wp-json\/wp\/v2\/pages\/639","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/youthdirection.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/youthdirection.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/youthdirection.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/youthdirection.com\/en\/wp-json\/wp\/v2\/comments?post=639"}],"version-history":[{"count":14,"href":"https:\/\/youthdirection.com\/en\/wp-json\/wp\/v2\/pages\/639\/revisions"}],"predecessor-version":[{"id":655,"href":"https:\/\/youthdirection.com\/en\/wp-json\/wp\/v2\/pages\/639\/revisions\/655"}],"wp:attachment":[{"href":"https:\/\/youthdirection.com\/en\/wp-json\/wp\/v2\/media?parent=639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}