{"id":16,"date":"2026-06-29T19:42:58","date_gmt":"2026-06-29T19:42:58","guid":{"rendered":"https:\/\/googlekursus.dk\/?page_id=16"},"modified":"2026-09-11T13:41:21","modified_gmt":"2026-09-11T11:41:21","slug":"kontakt","status":"publish","type":"page","link":"https:\/\/graastenraadhus.dk\/en\/kontakt\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70f957b2 e-flex e-con-boxed e-con e-parent\" data-id=\"70f957b2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-781aaf24 e-con-full e-flex e-con e-child\" data-id=\"781aaf24\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f653f3c elementor-widget elementor-widget-text-editor\" data-id=\"f653f3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\n    <div class=\"dgr-contact-card is-closed\">\n\n        <!-- ========================================\n             VENSTRE SIDE \u2013 KONTAKTOPLYSNINGER\n        ========================================= -->\n\n        <div class=\"dgr-contact-main\">\n\n            <div class=\"dgr-eyebrow\">\n                DET GAMLE R\u00c5DHUS\n            <\/div>\n\n            <h2 class=\"dgr-contact-title\">\n                Kontakt os\n            <\/h2>\n\n            <p class=\"dgr-contact-intro\">\n                Har du sp\u00f8rgsm\u00e5l til dit ophold, en reservation eller noget helt tredje?\n                Du er altid velkommen til at kontakte os.\n            <\/p>\n\n\n            <div class=\"dgr-contact-divider\"><\/div>\n\n\n            <!-- Adresse -->\n\n            <a\n                class=\"dgr-contact-row\"\n                href=\"https:\/\/www.google.com\/maps\/search\/?api=1&#038;query=Torvet+8,+6300+Gr%C3%A5sten\"\n                target=\"_blank\"\n                rel=\"noopener\"\n            >\n\n                <span class=\"dgr-row-icon\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1112 6a2.5 2.5 0 010 5.5z\"\/>\n                    <\/svg>\n                <\/span>\n\n                <span class=\"dgr-row-content\">\n\n                    <span class=\"dgr-row-label\">\n                        Adresse\n                    <\/span>\n\n                    <span class=\"dgr-row-value\">\n                        Torvet 8, 6300 Gr\u00e5sten\n                    <\/span>\n\n                <\/span>\n\n                <span class=\"dgr-row-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/a>\n\n\n            <!-- Telefon -->\n\n            <a\n                class=\"dgr-contact-row\"\n                href=\"tel:+4574651200\"\n            >\n\n                <span class=\"dgr-row-icon\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M6.62 10.79a15.464 15.464 0 006.59 6.59l2.2-2.2a1 1 0 011.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 011 1V20a1 1 0 01-1 1C10.61 21 3 13.39 3 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.45.57 3.57a1 1 0 01-.25 1.02l-2.2 2.2z\"\/>\n                    <\/svg>\n                <\/span>\n\n                <span class=\"dgr-row-content\">\n\n                    <span class=\"dgr-row-label\">\n                        Telefon\n                    <\/span>\n\n                    <span class=\"dgr-row-value\">\n                        74 65 12 00\n                    <\/span>\n\n                <\/span>\n\n                <span class=\"dgr-row-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/a>\n\n\n            <!-- Email -->\n\n            <a\n                class=\"dgr-contact-row\"\n                href=\"mailto:info@graastenraadhus.dk\"\n            >\n\n                <span class=\"dgr-row-icon\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M20 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\n                    <\/svg>\n                <\/span>\n\n                <span class=\"dgr-row-content\">\n\n                    <span class=\"dgr-row-label\">\n                        E-mail\n                    <\/span>\n\n                    <span class=\"dgr-row-value\">\n                        info@graastenraadhus.dk\n                    <\/span>\n\n                <\/span>\n\n                <span class=\"dgr-row-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/a>\n\n\n            <!-- CVR -->\n\n            <div class=\"dgr-contact-row dgr-no-link\">\n\n                <span class=\"dgr-row-icon\">\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M4 3h16a2 2 0 012 2v14a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2zm2 4v2h4V7H6zm0 4v2h4v-2H6zm0 4v2h4v-2H6zm6-8v2h6V7h-6zm0 4v2h6v-2h-6zm0 4v2h6v-2h-6z\"\/>\n                    <\/svg>\n                <\/span>\n\n                <span class=\"dgr-row-content\">\n\n                    <span class=\"dgr-row-label\">\n                        CVR\n                    <\/span>\n\n                    <span class=\"dgr-row-value\">\n                        36981393\n                    <\/span>\n\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- ========================================\n             H\u00d8JRE SIDE \u2013 TELEFON & SERVICE\n        ========================================= -->\n\n        <div class=\"dgr-phone-panel\">\n\n            <div class=\"dgr-phone-panel-inner\">\n\n                <div class=\"dgr-phone-status\">\n\n                    <span class=\"dgr-status-dot\"><\/span>\n\n                    <span class=\"dgr-status-label\">\n                        Telefonen er lukket                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"dgr-phone-heading\">\n                    Telefon &#038; service\n                <\/div>\n\n\n                <p class=\"dgr-phone-description\">\n                    Vores telefon er bemandet p\u00e5 hverdage.\n                <\/p>\n\n\n                <a\n                    class=\"dgr-main-phone\"\n                    href=\"tel:+4574651200\"\n                >\n                    74 65 12 00\n                <\/a>\n\n\n                <div class=\"dgr-opening-hours\">\n\n                    <div class=\"dgr-opening-icon\">\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M12 2a10 10 0 100 20 10 10 0 000-20zm1 5v4.59l3.2 3.2-1.4 1.42L11 12.41V7h2z\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n                    <div class=\"dgr-opening-content\">\n\n                        <span class=\"dgr-opening-label\">\n                            Telefonens \u00e5bningstid\n                        <\/span>\n\n                        <div class=\"dgr-opening-line\">\n\n                            <span>\n                                Mandag \u2013 fredag\n                            <\/span>\n\n                            <strong>\n                                08.00 \u2013 16.00\n                            <\/strong>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"dgr-next-opening\">\n\n                    <span class=\"dgr-next-dot\">\u25cf<\/span>\n\n                    <span class=\"dgr-next-text\">\n                        Telefonen \u00e5bner igen mandag kl. 08.00                    <\/span>\n\n                <\/div>\n\n\n                <!-- Servicetelefon -->\n\n                <div class=\"dgr-emergency-box\">\n\n                    <div class=\"dgr-emergency-icon\">\n\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                            <path d=\"M12 1a10 10 0 00-10 10v3a3 3 0 003 3h2v-7H4.08a8 8 0 0115.84 0H17v7h2v1a2 2 0 01-2 2h-3v-2h-4v4h7a4 4 0 004-4v-7A10 10 0 0012 1z\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n                    <div class=\"dgr-emergency-content\">\n\n                        <strong>\n                            Brug for hj\u00e6lp uden for \u00e5bningstid?\n                        <\/strong>\n\n                        <p>\n                            Ring p\u00e5\n                            <a href=\"tel:+4574651200\">74 65 12 00<\/a>\n                            og f\u00f8lg telefonmenuen for at blive stillet videre til\n                            <strong>servicetelefonen<\/strong>.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <a\n                    class=\"dgr-call-button\"\n                    href=\"tel:+4574651200\"\n                >\n\n                    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                        <path d=\"M6.62 10.79a15.464 15.464 0 006.59 6.59l2.2-2.2a1 1 0 011.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 011 1V20a1 1 0 01-1 1C10.61 21 3 13.39 3 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.45.57 3.57a1 1 0 01-.25 1.02l-2.2 2.2z\"\/>\n                    <\/svg>\n\n                    <span>\n                        Ring til Det Gamle R\u00e5dhus\n                    <\/span>\n\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <style>\n\n    \/*\n    ==========================================================\n    DET GAMLE R\u00c5DHUS \u2013 KOMPLET KONTAKTBOKS\n    ==========================================================\n    *\/\n\n    .dgr-contact-card {\n\n        --dgr-green: #005c4b;\n        --dgr-green-hover: #00493c;\n        --dgr-green-light: #eaf3f0;\n        --dgr-green-extra-light: #f5f8f7;\n\n        --dgr-red: #b52b25;\n        --dgr-red-dark: #94221d;\n        --dgr-red-light: #faeceb;\n\n        --dgr-text: #25312f;\n        --dgr-muted: #6b7472;\n        --dgr-line: #e1e7e5;\n\n        width: min(920px, calc(100% - 40px));\n\n        margin: 0 auto;\n\n        display: grid;\n\n        grid-template-columns:\n            minmax(0, 1.08fr)\n            minmax(0, .92fr);\n\n        background: #ffffff;\n\n        border-radius: 10px;\n\n        overflow: hidden;\n\n        box-shadow:\n            0 25px 65px rgba(0, 40, 32, .17),\n            0 4px 12px rgba(0, 0, 0, .06);\n\n        font-family: inherit;\n\n        color: var(--dgr-text);\n\n        box-sizing: border-box;\n    }\n\n\n    .dgr-contact-card *,\n    .dgr-contact-card *::before,\n    .dgr-contact-card *::after {\n\n        box-sizing: border-box;\n    }\n\n\n    \/*\n    ==========================================================\n    VENSTRE SIDE\n    ==========================================================\n    *\/\n\n    .dgr-contact-main {\n\n        padding: 45px 46px 42px;\n\n        background:\n            linear-gradient(\n                145deg,\n                #ffffff 0%,\n                #ffffff 70%,\n                #f9fbfa 100%\n            );\n    }\n\n\n    .dgr-eyebrow {\n\n        margin-bottom: 8px;\n\n        color: var(--dgr-green);\n\n        font-size: 11px;\n\n        line-height: 1.2;\n\n        font-weight: 700;\n\n        letter-spacing: .15em;\n    }\n\n\n    .dgr-contact-title {\n\n        margin: 0 0 10px !important;\n\n        color: var(--dgr-green) !important;\n\n        font-size: clamp(36px, 4vw, 48px) !important;\n\n        line-height: 1.05 !important;\n\n        font-weight: 700 !important;\n\n        letter-spacing: -.035em;\n    }\n\n\n    .dgr-contact-intro {\n\n        max-width: 500px;\n\n        margin: 0 !important;\n\n        color: var(--dgr-muted);\n\n        font-size: 15px;\n\n        line-height: 1.65;\n    }\n\n\n    .dgr-contact-divider {\n\n        width: 100%;\n\n        height: 1px;\n\n        margin: 29px 0 8px;\n\n        background: var(--dgr-line);\n    }\n\n\n    \/*\n    CONTACT ROWS\n    *\/\n\n    .dgr-contact-row {\n\n        display: flex;\n\n        align-items: center;\n\n        gap: 14px;\n\n        min-height: 67px;\n\n        padding: 10px 5px;\n\n        border-bottom: 1px solid #edf0ef;\n\n        color: inherit !important;\n\n        text-decoration: none !important;\n\n        transition:\n            transform .18s ease,\n            padding .18s ease,\n            background .18s ease;\n    }\n\n\n    a.dgr-contact-row:hover {\n\n        padding-left: 10px;\n\n        background: rgba(0, 92, 75, .035);\n\n        color: inherit !important;\n    }\n\n\n    .dgr-row-icon {\n\n        display: flex;\n\n        align-items: center;\n        justify-content: center;\n\n        width: 37px;\n        height: 37px;\n\n        flex: 0 0 37px;\n\n        border-radius: 50%;\n\n        background: var(--dgr-green-light);\n    }\n\n\n    .dgr-row-icon svg {\n\n        width: 17px;\n        height: 17px;\n\n        fill: var(--dgr-green);\n    }\n\n\n    .dgr-row-content {\n\n        display: flex;\n\n        flex: 1;\n\n        min-width: 0;\n\n        flex-direction: column;\n    }\n\n\n    .dgr-row-label {\n\n        margin-bottom: 2px;\n\n        color: #89918f;\n\n        font-size: 10px;\n\n        line-height: 1.2;\n\n        font-weight: 700;\n\n        letter-spacing: .08em;\n\n        text-transform: uppercase;\n    }\n\n\n    .dgr-row-value {\n\n        color: var(--dgr-text);\n\n        font-size: 14px;\n\n        line-height: 1.45;\n\n        font-weight: 500;\n\n        overflow-wrap: anywhere;\n    }\n\n\n    .dgr-row-arrow {\n\n        color: #a2aaa8;\n\n        font-size: 18px;\n\n        transition:\n            color .18s ease,\n            transform .18s ease;\n    }\n\n\n    a.dgr-contact-row:hover .dgr-row-arrow {\n\n        color: var(--dgr-green);\n\n        transform: translateX(3px);\n    }\n\n\n    \/*\n    ==========================================================\n    H\u00d8JRE SIDE\n    ==========================================================\n    *\/\n\n    .dgr-phone-panel {\n\n        position: relative;\n\n        display: flex;\n\n        background:\n            linear-gradient(\n                155deg,\n                #f2f7f5 0%,\n                #e8f1ee 100%\n            );\n\n        border-left: 1px solid var(--dgr-line);\n    }\n\n\n    .dgr-phone-panel::before {\n\n        content: \"\";\n\n        position: absolute;\n\n        top: 0;\n        left: 0;\n\n        width: 5px;\n        height: 100%;\n\n        background: var(--dgr-green);\n\n        transition: background .3s ease;\n    }\n\n\n    .dgr-contact-card.is-closed\n    .dgr-phone-panel::before {\n\n        background: var(--dgr-red);\n    }\n\n\n    .dgr-phone-panel-inner {\n\n        width: 100%;\n\n        padding: 45px 40px 40px;\n    }\n\n\n    \/*\n    STATUS\n    *\/\n\n    .dgr-phone-status {\n\n        display: inline-flex;\n\n        align-items: center;\n\n        gap: 9px;\n\n        margin-bottom: 27px;\n\n        padding: 8px 13px;\n\n        border-radius: 100px;\n\n        background: #dfeee9;\n\n        color: var(--dgr-green);\n\n        font-size: 11px;\n\n        line-height: 1;\n\n        font-weight: 700;\n\n        letter-spacing: .07em;\n\n        text-transform: uppercase;\n    }\n\n\n    .dgr-contact-card.is-closed\n    .dgr-phone-status {\n\n        background: var(--dgr-red-light);\n\n        color: var(--dgr-red);\n    }\n\n\n    .dgr-status-dot {\n\n        position: relative;\n\n        width: 9px;\n        height: 9px;\n\n        flex: 0 0 9px;\n\n        border-radius: 50%;\n\n        background: #28a35b;\n    }\n\n\n    .dgr-contact-card.is-open\n    .dgr-status-dot::after {\n\n        content: \"\";\n\n        position: absolute;\n\n        left: 50%;\n        top: 50%;\n\n        width: 9px;\n        height: 9px;\n\n        transform: translate(-50%, -50%);\n\n        border-radius: 50%;\n\n        background: #28a35b;\n\n        animation: dgrContactPulse 2s infinite;\n    }\n\n\n    @keyframes dgrContactPulse {\n\n        0% {\n            box-shadow:\n                0 0 0 0 rgba(40, 163, 91, .42);\n        }\n\n        70% {\n            box-shadow:\n                0 0 0 8px rgba(40, 163, 91, 0);\n        }\n\n        100% {\n            box-shadow:\n                0 0 0 0 rgba(40, 163, 91, 0);\n        }\n    }\n\n\n    .dgr-contact-card.is-closed\n    .dgr-status-dot {\n\n        background: var(--dgr-red);\n    }\n\n\n    \/*\n    TELEPHONE HEADING\n    *\/\n\n    .dgr-phone-heading {\n\n        margin-bottom: 7px;\n\n        color: var(--dgr-green);\n\n        font-size: 28px;\n\n        line-height: 1.15;\n\n        font-weight: 700;\n\n        letter-spacing: -.025em;\n    }\n\n\n    .dgr-phone-description {\n\n        margin: 0 0 4px !important;\n\n        color: var(--dgr-muted);\n\n        font-size: 14px;\n\n        line-height: 1.5;\n    }\n\n\n    \/*\n    MAIN PHONE NUMBER\n    *\/\n\n    .dgr-main-phone {\n\n        display: inline-block;\n\n        margin-bottom: 24px;\n\n        color: var(--dgr-text) !important;\n\n        font-size: 29px;\n\n        line-height: 1.25;\n\n        font-weight: 700;\n\n        letter-spacing: .01em;\n\n        text-decoration: none !important;\n\n        transition: color .18s ease;\n    }\n\n\n    .dgr-main-phone:hover {\n\n        color: var(--dgr-green) !important;\n    }\n\n\n    \/*\n    OPENING HOURS\n    *\/\n\n    .dgr-opening-hours {\n\n        display: flex;\n\n        align-items: center;\n\n        gap: 12px;\n\n        padding: 16px 0;\n\n        border-top: 1px solid rgba(0, 92, 75, .12);\n\n        border-bottom: 1px solid rgba(0, 92, 75, .12);\n    }\n\n\n    .dgr-opening-icon {\n\n        display: flex;\n\n        align-items: center;\n        justify-content: center;\n\n        width: 38px;\n        height: 38px;\n\n        flex: 0 0 38px;\n\n        border-radius: 50%;\n\n        background: #ffffff;\n    }\n\n\n    .dgr-opening-icon svg {\n\n        width: 18px;\n        height: 18px;\n\n        fill: var(--dgr-green);\n    }\n\n\n    .dgr-opening-content {\n\n        width: 100%;\n    }\n\n\n    .dgr-opening-label {\n\n        display: block;\n\n        margin-bottom: 4px;\n\n        color: var(--dgr-text);\n\n        font-size: 12px;\n\n        font-weight: 700;\n    }\n\n\n    .dgr-opening-line {\n\n        display: flex;\n\n        align-items: center;\n\n        justify-content: space-between;\n\n        gap: 15px;\n\n        color: var(--dgr-muted);\n\n        font-size: 13px;\n    }\n\n\n    .dgr-opening-line strong {\n\n        color: var(--dgr-text);\n\n        white-space: nowrap;\n    }\n\n\n    \/*\n    NEXT OPENING\n    *\/\n\n    .dgr-next-opening {\n\n        display: flex;\n\n        align-items: center;\n\n        gap: 8px;\n\n        margin-top: 13px;\n\n        color: var(--dgr-green);\n\n        font-size: 12.5px;\n\n        line-height: 1.4;\n\n        font-weight: 600;\n    }\n\n\n    .dgr-contact-card.is-closed\n    .dgr-next-opening {\n\n        color: var(--dgr-red);\n    }\n\n\n    .dgr-next-dot {\n\n        font-size: 7px;\n    }\n\n\n    \/*\n    SERVICE BOX\n    *\/\n\n    .dgr-emergency-box {\n\n        display: flex;\n\n        align-items: flex-start;\n\n        gap: 12px;\n\n        margin-top: 25px;\n\n        padding: 16px;\n\n        border-radius: 7px;\n\n        background: rgba(255, 255, 255, .72);\n\n        border: 1px solid rgba(0, 92, 75, .10);\n    }\n\n\n    .dgr-contact-card.is-closed\n    .dgr-emergency-box {\n\n        background: rgba(255, 247, 246, .95);\n\n        border-color: rgba(181, 43, 37, .14);\n    }\n\n\n    .dgr-emergency-icon {\n\n        display: flex;\n\n        align-items: center;\n        justify-content: center;\n\n        width: 30px;\n        height: 30px;\n\n        flex: 0 0 30px;\n\n        border-radius: 50%;\n\n        background: var(--dgr-green);\n    }\n\n\n    .dgr-contact-card.is-closed\n    .dgr-emergency-icon {\n\n        background: var(--dgr-red);\n    }\n\n\n    .dgr-emergency-icon svg {\n\n        width: 15px;\n        height: 15px;\n\n        fill: #ffffff;\n    }\n\n\n    .dgr-emergency-content > strong {\n\n        display: block;\n\n        margin-bottom: 4px;\n\n        color: var(--dgr-text);\n\n        font-size: 12.5px;\n\n        line-height: 1.4;\n    }\n\n\n    .dgr-emergency-content p {\n\n        margin: 0 !important;\n\n        color: var(--dgr-muted);\n\n        font-size: 12px;\n\n        line-height: 1.55;\n    }\n\n\n    .dgr-emergency-content a {\n\n        color: var(--dgr-green) !important;\n\n        font-weight: 700;\n\n        text-decoration: none !important;\n    }\n\n\n    .dgr-contact-card.is-closed\n    .dgr-emergency-content a {\n\n        color: var(--dgr-red) !important;\n    }\n\n\n    \/*\n    CALL BUTTON\n    *\/\n\n    .dgr-call-button {\n\n        display: flex;\n\n        align-items: center;\n\n        justify-content: center;\n\n        gap: 9px;\n\n        width: 100%;\n\n        margin-top: 20px;\n\n        padding: 14px 18px;\n\n        border-radius: 5px;\n\n        background: var(--dgr-green);\n\n        color: #ffffff !important;\n\n        font-size: 13px;\n\n        line-height: 1.2;\n\n        font-weight: 700;\n\n        text-decoration: none !important;\n\n        box-shadow:\n            0 7px 18px rgba(0, 92, 75, .19);\n\n        transition:\n            background .2s ease,\n            transform .2s ease,\n            box-shadow .2s ease;\n    }\n\n\n    .dgr-call-button:hover {\n\n        background: var(--dgr-green-hover);\n\n        color: #ffffff !important;\n\n        transform: translateY(-2px);\n\n        box-shadow:\n            0 10px 24px rgba(0, 92, 75, .26);\n    }\n\n\n    .dgr-call-button svg {\n\n        width: 16px;\n        height: 16px;\n\n        fill: currentColor;\n    }\n\n\n    \/*\n    Lukket = r\u00f8d ringeknap\n    *\/\n\n    .dgr-contact-card.is-closed\n    .dgr-call-button {\n\n        background: var(--dgr-red);\n\n        box-shadow:\n            0 7px 18px rgba(181, 43, 37, .17);\n    }\n\n\n    .dgr-contact-card.is-closed\n    .dgr-call-button:hover {\n\n        background: var(--dgr-red-dark);\n    }\n\n\n    \/*\n    ==========================================================\n    TABLET\n    ==========================================================\n    *\/\n\n    @media (max-width: 850px) {\n\n        .dgr-contact-card {\n\n            width: min(650px, calc(100% - 30px));\n\n            grid-template-columns: 1fr;\n        }\n\n\n        .dgr-phone-panel {\n\n            border-left: 0;\n\n            border-top: 1px solid var(--dgr-line);\n        }\n\n\n        .dgr-phone-panel::before {\n\n            width: 100%;\n            height: 5px;\n        }\n    }\n\n\n    \/*\n    ==========================================================\n    MOBIL\n    ==========================================================\n    *\/\n\n    @media (max-width: 550px) {\n\n        .dgr-contact-card {\n\n            width: calc(100% - 20px);\n\n            border-radius: 7px;\n        }\n\n\n        .dgr-contact-main {\n\n            padding: 31px 25px 29px;\n        }\n\n\n        .dgr-phone-panel-inner {\n\n            padding: 31px 25px 27px;\n        }\n\n\n        .dgr-contact-title {\n\n            font-size: 35px !important;\n        }\n\n\n        .dgr-contact-intro {\n\n            font-size: 14px;\n        }\n\n\n        .dgr-row-value {\n\n            font-size: 13px;\n        }\n\n\n        .dgr-phone-heading {\n\n            font-size: 25px;\n        }\n\n\n        .dgr-main-phone {\n\n            font-size: 27px;\n        }\n\n\n        .dgr-opening-line {\n\n            align-items: flex-start;\n\n            flex-direction: column;\n\n            gap: 2px;\n        }\n    }\n\n    <\/style>\n\n\n    <script>\n\n    \/*\n    ==========================================================\n    LIVE STATUS\n    ==========================================================\n\n    PHP s\u00f8rger allerede for korrekt status ved indl\u00e6sning.\n\n    JavaScript opdaterer derefter hvert minut,\n    s\u00e5 siden automatisk skifter mellem \u00e5ben\/lukket.\n\n    Altid dansk tid:\n    Europe\/Copenhagen\n    *\/\n\n    (function () {\n\n        function startDgrContactCards() {\n\n            const cards =\n                document.querySelectorAll('.dgr-contact-card');\n\n\n            cards.forEach(function (card) {\n\n                \/*\n                Undg\u00e5 at initialisere samme kort flere gange.\n                *\/\n\n                if (card.dataset.dgrInitialized === '1') {\n                    return;\n                }\n\n                card.dataset.dgrInitialized = '1';\n\n\n                const statusLabel =\n                    card.querySelector('.dgr-status-label');\n\n                const nextText =\n                    card.querySelector('.dgr-next-text');\n\n\n                function getDanishTime() {\n\n                    const parts =\n                        new Intl.DateTimeFormat(\n                            'en-GB',\n                            {\n                                timeZone: 'Europe\/Copenhagen',\n                                weekday: 'short',\n                                hour: '2-digit',\n                                minute: '2-digit',\n                                hourCycle: 'h23'\n                            }\n                        ).formatToParts(new Date());\n\n\n                    const result = {};\n\n\n                    parts.forEach(function (part) {\n\n                        result[part.type] = part.value;\n\n                    });\n\n\n                    return {\n\n                        weekday: result.weekday,\n\n                        hour:\n                            parseInt(\n                                result.hour,\n                                10\n                            ),\n\n                        minute:\n                            parseInt(\n                                result.minute,\n                                10\n                            )\n\n                    };\n                }\n\n\n                function updateDgrStatus() {\n\n                    const now =\n                        getDanishTime();\n\n\n                    const days = {\n\n                        Mon: 1,\n                        Tue: 2,\n                        Wed: 3,\n                        Thu: 4,\n                        Fri: 5,\n                        Sat: 6,\n                        Sun: 7\n\n                    };\n\n\n                    const day =\n                        days[now.weekday];\n\n\n                    const minutes =\n                        (now.hour * 60) +\n                        now.minute;\n\n\n                    const opening =\n                        8 * 60;\n\n\n                    const closing =\n                        16 * 60;\n\n\n                    const weekday =\n                        day >= 1 &&\n                        day <= 5;\n\n\n                    const open =\n                        weekday &#038;&#038;\n                        minutes >= opening &&\n                        minutes < closing;\n\n\n                    card.classList.remove(\n                        'is-open',\n                        'is-closed'\n                    );\n\n\n                    \/*\n                    ------------------------------\n                    TELEFONEN ER \u00c5BEN\n                    ------------------------------\n                    *\/\n\n                    if (open) {\n\n                        card.classList.add(\n                            'is-open'\n                        );\n\n\n                        statusLabel.textContent =\n                            'Telefonen er \u00e5ben';\n\n\n                        const remaining =\n                            closing - minutes;\n\n\n                        if (remaining <= 60) {\n\n                            nextText.textContent =\n                                'Telefonen lukker om ' +\n                                remaining +\n                                ' min.';\n\n                        } else {\n\n                            nextText.textContent =\n                                'Telefonen lukker kl. 16.00';\n\n                        }\n\n\n                        return;\n                    }\n\n\n                    \/*\n                    ------------------------------\n                    TELEFONEN ER LUKKET\n                    ------------------------------\n                    *\/\n\n                    card.classList.add(\n                        'is-closed'\n                    );\n\n\n                    statusLabel.textContent =\n                        'Telefonen er lukket';\n\n\n                    \/*\n                    Hverdag f\u00f8r kl. 08\n                    *\/\n\n                    if (\n                        weekday &#038;&#038;\n                        minutes < opening\n                    ) {\n\n                        nextText.textContent =\n                            'Telefonen \u00e5bner i dag kl. 08.00';\n\n                        return;\n                    }\n\n\n                    \/*\n                    Mandag-torsdag efter kl. 16\n                    *\/\n\n                    if (\n                        day >= 1 &&\n                        day <= 4\n                    ) {\n\n                        nextText.textContent =\n                            'Telefonen \u00e5bner igen i morgen kl. 08.00';\n\n                        return;\n                    }\n\n\n                    \/*\n                    Fredag efter kl. 16 + weekend\n                    *\/\n\n                    nextText.textContent =\n                        'Telefonen \u00e5bner igen mandag kl. 08.00';\n\n                }\n\n\n                updateDgrStatus();\n\n\n                setInterval(\n                    updateDgrStatus,\n                    60000\n                );\n\n            });\n\n        }\n\n\n        \/*\n        Virker b\u00e5de hvis scriptet indl\u00e6ses f\u00f8r\n        og efter DOMContentLoaded.\n        *\/\n\n        if (document.readyState === 'loading') {\n\n            document.addEventListener(\n                'DOMContentLoaded',\n                startDgrContactCards\n            );\n\n        } else {\n\n            startDgrContactCards();\n\n        }\n\n    })();\n\n    <\/script>\n\n    <\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kontakt Det Gamle R\u00e5dhus i Gr\u00e5sten \u2013 ring p\u00e5 74 65 12 00, skriv til info@graastenraadhus.dk, eller find os p\u00e5 Torvet 8. Vi hj\u00e6lper gerne med dit ophold.<\/p>","protected":false},"author":2,"featured_media":115,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-16","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/graastenraadhus.dk\/en\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graastenraadhus.dk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/graastenraadhus.dk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/graastenraadhus.dk\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/graastenraadhus.dk\/en\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":16,"href":"https:\/\/graastenraadhus.dk\/en\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":418,"href":"https:\/\/graastenraadhus.dk\/en\/wp-json\/wp\/v2\/pages\/16\/revisions\/418"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graastenraadhus.dk\/en\/wp-json\/wp\/v2\/media\/115"}],"wp:attachment":[{"href":"https:\/\/graastenraadhus.dk\/en\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}