{"id":574,"date":"2026-09-23T09:04:15","date_gmt":"2026-09-23T09:04:15","guid":{"rendered":"https:\/\/bocareal.dk\/?page_id=574"},"modified":"2026-11-02T07:21:55","modified_gmt":"2026-11-02T07:21:55","slug":"boca-real-aarhus-kontakt-os","status":"publish","type":"page","link":"https:\/\/bocareal.dk\/en\/kontakt\/","title":{"rendered":"Boca Re\u00e1l Aarhus | Kontakt os"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"574\" class=\"elementor elementor-574\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1dc0fe3 e-con-full e-flex e-con e-parent\" data-id=\"1dc0fe3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f48ae14 elementor-widget elementor-widget-html\" data-id=\"f48ae14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  Boca Real \u2014 Kontakt (underside)\r\n  --------------------------------------------------------------\r\n  Header, drawer-menu og footer er delt med forside.html \/ menu-page.html\r\n  \u2014 hold dem i sync.\r\n\r\n  Sidespecifikt: hero med billede + kontaktinfo, kontaktformular.\r\n  Formularen er ren HTML \u2014 action\/backend skal kobles p\u00e5 i WP\r\n  (Elementor Pro Form, Contact Form 7 el.lign.).\r\n  --------------------------------------------------------------\r\n-->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght,SOFT@0,9..144,300..700,0..100;1,9..144,300..700,0..100&family=Archivo:wdth,wght@62.5..125,100..900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n@font-face {\r\n    font-family: 'Archivo Expanded';\r\n    src: local('Archivo Expanded Medium'),\r\n         url('https:\/\/bocareal.dk\/wp-content\/uploads\/2026\/09\/Archivo_Expanded-Medium.ttf') format('truetype');\r\n    font-weight: 500;\r\n    font-style: normal;\r\n    font-display: swap;\r\n}\r\n\r\n:root {\r\n    --br-cream: #F7E5D7;\r\n    --br-peach: #E8C2A5;\r\n    --br-orange: #A6542F;\r\n    --br-brown: #843922;\r\n    --br-dark: #4F271D;\r\n    --br-black: #1C1312;\r\n}\r\n\r\nhtml, body {\r\n    background: var(--br-cream);\r\n    margin: 0;\r\n    font-family: 'Fraunces', serif;\r\n    font-variation-settings: 'SOFT' 100;\r\n    color: var(--br-dark);\r\n}\r\n\r\n\/* ============ SHARED BUTTONS ============ *\/\r\n.br-btn {\r\n    display: inline-block;\r\n    padding: 0.65rem 1.25rem;\r\n    font-family: 'Fraunces', serif;\r\n    font-variation-settings: 'SOFT' 100;\r\n    font-size: 0.8rem;\r\n    font-weight: 600;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    text-align: center;\r\n    cursor: pointer;\r\n    -webkit-tap-highlight-color: transparent;\r\n    border: 1px solid var(--br-dark);\r\n    background: transparent;\r\n    color: var(--br-dark);\r\n    border-radius: 4px;\r\n    transition: background 0.2s ease, color 0.2s ease;\r\n    white-space: nowrap;\r\n    line-height: 1.2;\r\n}\r\n.br-btn:hover {\r\n    background: var(--br-dark);\r\n    color: var(--br-cream);\r\n}\r\n\r\n\/* Book bord CTA with arrow box (same as v2) *\/\r\n.br-book-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n    background: var(--br-dark);\r\n    color: var(--br-cream);\r\n    padding: 0.5rem 0.5rem 0.5rem 1.25rem;\r\n    font-family: 'Fraunces', serif;\r\n    font-variation-settings: 'SOFT' 100;\r\n    font-size: 0.8rem;\r\n    font-weight: 600;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n    transition: background 0.2s ease;\r\n    border-radius: 4px;\r\n}\r\n.br-book-btn-text {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    white-space: nowrap;\r\n}\r\n.br-book-btn-arrow {\r\n    background: var(--br-orange);\r\n    width: 2rem;\r\n    height: 2rem;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 2px;\r\n    transition: background 0.2s ease;\r\n    flex-shrink: 0;\r\n}\r\n.br-book-btn-arrow svg {\r\n    width: 1.35rem;\r\n    height: 1.35rem;\r\n    display: block;\r\n}\r\n.br-book-btn:hover { background: var(--br-black); color: var(--br-cream); }\r\n.br-book-btn:hover .br-book-btn-arrow { background: var(--br-brown); }\r\n\r\n\/* Nellike icon (from v2) *\/\r\n.br-nellike {\r\n    display: inline-block;\r\n    width: 40px;\r\n    height: 40px;\r\n    object-fit: contain;\r\n    flex-shrink: 0;\r\n    filter: brightness(0) saturate(100%) invert(17%) sepia(63%) saturate(1265%) hue-rotate(345deg) brightness(94%) contrast(96%);\r\n}\r\n\r\n\/* ============ HEADER ============ *\/\r\n.br-header {\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 100;\r\n    background: var(--br-cream);\r\n    color: var(--br-dark);\r\n    border-bottom: 1px solid rgba(79, 39, 29, 0.12);\r\n}\r\n.br-header__inner {\r\n    padding: 0.2rem 2.5rem;\r\n    display: grid;\r\n    grid-template-columns: 1fr auto 1fr;\r\n    align-items: center;\r\n    gap: 1rem;\r\n}\r\n.br-header__menu-btn {\r\n    justify-self: start;\r\n    background: none;\r\n    border: none;\r\n    color: inherit;\r\n    font-family: inherit;\r\n    font-variation-settings: 'SOFT' 100;\r\n    font-size: 0.95rem;\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n    padding: 0.5rem 0;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.55rem;\r\n    -webkit-tap-highlight-color: transparent;\r\n}\r\n.br-header__menu-btn:hover,\r\n.br-header__menu-btn:focus,\r\n.br-header__menu-btn:focus-visible,\r\n.br-header__menu-btn:active {\r\n    background: transparent;\r\n    color: var(--br-dark);\r\n    border: none;\r\n    outline: none;\r\n    box-shadow: none;\r\n    text-decoration: none;\r\n    opacity: 0.7;\r\n}\r\n.br-header__menu-icon {\r\n    display: inline-block;\r\n    width: 22px;\r\n    height: 16px;\r\n    position: relative;\r\n}\r\n.br-header__menu-icon::before,\r\n.br-header__menu-icon::after,\r\n.br-header__menu-icon > span {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    height: 2px;\r\n    background: currentColor;\r\n}\r\n.br-header__menu-icon::before { top: 0; }\r\n.br-header__menu-icon > span { top: 50%; transform: translateY(-50%); display: block; }\r\n.br-header__menu-icon::after { bottom: 0; }\r\n.br-header__logo {\r\n    justify-self: center;\r\n    display: block;\r\n    text-decoration: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n}\r\n.br-header__logo-img {\r\n    display: block;\r\n    height: 120px;\r\n    width: 120px;\r\n    \/* PNG'en har ~36% gennemsigtig luft over og ~41% under selve logoet.\r\n       Negative margins tr\u00e6kker luften ud af headerens h\u00f8jde uden at skalere logoet. *\/\r\n    margin: -28px 0;\r\n    pointer-events: none;\r\n}\r\n.br-header .br-book-btn { justify-self: end; }\r\n\r\n\/* ============ DRAWER (left-slide menu) ============ *\/\r\n.br-drawer {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n    width: min(360px, 85vw);\r\n    background: var(--br-cream);\r\n    color: var(--br-dark);\r\n    z-index: 200;\r\n    transform: translateX(-100%);\r\n    transition: transform 0.35s ease;\r\n    padding: 4.5rem 2rem 2rem;\r\n    overflow-y: auto;\r\n    font-family: 'Fraunces', serif;\r\n    font-variation-settings: 'SOFT' 100;\r\n    box-sizing: border-box;\r\n}\r\n.br-drawer[data-open=\"true\"] { transform: translateX(0); }\r\n.br-drawer__close {\r\n    position: absolute;\r\n    top: 0.75rem;\r\n    right: 1rem;\r\n    background: none;\r\n    border: none;\r\n    color: inherit;\r\n    font-family: inherit;\r\n    font-size: 2.25rem;\r\n    font-weight: 300;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n    padding: 0.5rem;\r\n    -webkit-tap-highlight-color: transparent;\r\n}\r\n.br-drawer__close:hover,\r\n.br-drawer__close:focus,\r\n.br-drawer__close:active {\r\n    background: none;\r\n    outline: none;\r\n    box-shadow: none;\r\n    opacity: 0.7;\r\n}\r\n.br-drawer__nav ul {\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1.5rem;\r\n}\r\n.br-drawer__nav a {\r\n    display: block;\r\n    color: inherit;\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n    font-size: 0.9rem;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    -webkit-tap-highlight-color: transparent;\r\n    transition: opacity 0.2s ease;\r\n}\r\n.br-drawer__nav a:hover { opacity: 0.7; }\r\n\/* Book bord som CTA nederst i draweren, adskilt fra links med luft + streg *\/\r\n\r\n\r\n.br-drawer__cta {\r\n    margin-top: 2.5rem;\r\n    padding-top: 2rem;\r\n    border-top: 1px solid var(--br-peach);\r\n}\r\n.br-drawer__cta .br-book-btn { display: inline-flex; }.br-drawer-backdrop {\r\n    position: fixed;\r\n    inset: 0;\r\n    background: rgba(28, 19, 18, 0.5);\r\n    z-index: 150;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transition: opacity 0.35s ease;\r\n}\r\n.br-drawer-backdrop[data-open=\"true\"] {\r\n    opacity: 1;\r\n    pointer-events: auto;\r\n}\r\n\r\n\/* ============ HERO (image + intro) ============ *\/\r\n.br-hero {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 3.5rem 1.5rem 1rem;\r\n    box-sizing: border-box;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 3.5rem;\r\n    align-items: start;\r\n}\r\n.br-hero__image,\r\n.br-hero__content { min-width: 0; }\r\n.br-hero__image {\r\n    aspect-ratio: 21 \/ 10;\r\n    overflow: hidden;\r\n    \/* Skr\u00e5t snit i \u00f8verste venstre og nederste h\u00f8jre hj\u00f8rne (brand-detalje fra v2) *\/\r\n    clip-path: polygon(9% 0, 100% 0, 100% 83%, 91% 100%, 0 100%, 0 17%);\r\n}\r\n.br-hero__image img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n.br-hero__content { padding-top: 0.5rem; }\r\n.br-hero__title {\r\n    font-size: clamp(2.25rem, 4.5vw, 3.5rem);\r\n    font-weight: 500;\r\n    line-height: 1;\r\n    letter-spacing: 0.01em;\r\n    text-transform: uppercase;\r\n    color: var(--br-dark);\r\n    margin: 0 0 1.75rem;\r\n}\r\n.br-hero__body {\r\n    font-size: 1.05rem;\r\n    line-height: 1.55;\r\n    margin: 0 0 2rem;\r\n    max-width: 52ch;\r\n}\r\n\r\n\/* ============ KONTAKT ============ *\/\r\n.br-contact-list {\r\n    list-style: none;\r\n    margin: 0.25rem 0 0;\r\n    padding: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.6rem;\r\n}\r\n.br-contact-list li {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n    font-size: 1rem;\r\n}\r\n.br-contact-list .br-nellike {\r\n    width: 20px;\r\n    height: 20px;\r\n}\r\n.br-contact-list a {\r\n    color: inherit;\r\n    text-decoration: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n}\r\n.br-contact-list a:hover {\r\n    text-decoration: underline;\r\n    text-underline-offset: 3px;\r\n}\r\n\r\n.br-form-section {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 2rem 1.5rem 6rem;\r\n    box-sizing: border-box;\r\n}\r\n.br-form-section h2 {\r\n    font-size: clamp(1.5rem, 2.5vw, 2rem);\r\n    font-weight: 500;\r\n    letter-spacing: 0.02em;\r\n    text-transform: uppercase;\r\n    color: var(--br-dark);\r\n    margin: 0 0 1.5rem 2.5rem;\r\n}\r\n.br-header-container {\r\n  display: flex;\r\n  align-items: center; \/* S\u00f8rger for, at billede og tekst er centreret vertikalt i forhold til hinanden *\/\r\n  gap: 10px; \/* Afstand mellem billedet og overskriften *\/\r\n  padding-bottom: 20px;\r\n}\r\n\r\n\/* S\u00f8rg for at h2 ikke har u\u00f8nsket top-margin *\/\r\n#br-form-title {\r\n  margin: 0;\r\n}\r\n.br-form {\r\n    max-width: 1180px;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 1rem 1.5rem;\r\n}\r\n.br-form__field { display: block; min-width: 0; }\r\n.br-form__field--full { grid-column: 1 \/ -1; }\r\n.br-form input,\r\n.br-form textarea {\r\n    display: block;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    background: transparent;\r\n    border: 1px solid var(--br-dark);\r\n    border-radius: 4px;\r\n    color: var(--br-dark);\r\n    font-family: 'Fraunces', serif;\r\n    font-variation-settings: 'SOFT' 100;\r\n    font-size: 1rem;\r\n    line-height: 1.4;\r\n    padding: 0.85rem 1rem;\r\n    margin: 0;\r\n    outline: none;\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n}\r\n.br-form textarea {\r\n    min-height: 150px;\r\n    resize: vertical;\r\n}\r\n.br-form ::placeholder {\r\n    color: var(--br-orange);\r\n    opacity: 1;\r\n}\r\n.br-form input:focus,\r\n.br-form textarea:focus {\r\n    border-color: var(--br-brown);\r\n    box-shadow: 0 0 0 1px var(--br-brown);\r\n}\r\n.br-form__footer {\r\n    grid-column: 1 \/ -1;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 1rem 1.5rem;\r\n    align-items: start;\r\n    margin-top: 0.25rem;\r\n}\r\n.br-form__submit {\r\n    justify-self: start;\r\n    background: var(--br-brown);\r\n    color: var(--br-cream);\r\n    border-color: var(--br-brown);\r\n    padding: 0.65rem 1.25rem;\r\n}\r\n.br-form__submit:hover,\r\n.br-form__submit:focus {\r\n    background: var(--br-dark);\r\n    border-color: var(--br-dark);\r\n    color: var(--br-cream);\r\n    outline: none;\r\n}\r\n.br-form__note {\r\n    font-size: 0.75rem;\r\n    line-height: 1.5;\r\n    margin: 0;\r\n    opacity: 0.85;\r\n}\r\n.br-form__note a {\r\n    color: inherit;\r\n    text-decoration: underline;\r\n    text-underline-offset: 3px;\r\n}\r\n.br-form__hp {\r\n    position: absolute;\r\n    left: -9999px;\r\n    width: 1px;\r\n    height: 1px;\r\n    opacity: 0;\r\n}\r\n.br-form__status {\r\n    grid-column: 1 \/ -1;\r\n    margin: 0;\r\n    padding: 0.85rem 1rem;\r\n    border: 1px solid var(--br-peach);\r\n    border-radius: 4px;\r\n    font-size: 0.95rem;\r\n    line-height: 1.5;\r\n}\r\n.br-form__status--ok { background: rgba(232, 194, 165, 0.35); }\r\n.br-form__status--error { border-color: var(--br-orange); color: var(--br-orange); }\r\n.br-form__submit[disabled] { opacity: 0.6; cursor: default; }\r\n.br-visually-hidden {\r\n    position: absolute;\r\n    width: 1px;\r\n    height: 1px;\r\n    overflow: hidden;\r\n    clip: rect(0 0 0 0);\r\n    white-space: nowrap;\r\n}\r\n\r\n\/* ============ FOOTER (from v2) ============ *\/\r\n.br-footer {\r\n    background: var(--br-black);\r\n    color: var(--br-cream);\r\n    padding: 3rem 1.5rem 3rem;\r\n    font-family: 'Fraunces', serif;\r\n    font-variation-settings: 'SOFT' 100;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n.br-footer__inner {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1.3fr 1fr 1.3fr;\r\n    gap: 3rem;\r\n}\r\n.br-footer__nav {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n}\r\n.br-footer__nav ul {\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.65rem;\r\n}\r\n.br-footer__nav a {\r\n    color: inherit;\r\n    text-decoration: none;\r\n    font-size: 0.9rem;\r\n    font-weight: 600;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    transition: opacity 0.2s ease;\r\n}\r\n.br-footer__nav a:hover { opacity: 0.7; }\r\n.br-footer__socials {\r\n    display: flex;\r\n    gap: 1rem;\r\n    margin-top: auto;\r\n    padding-top: 1.75rem;\r\n}\r\n.br-footer__socials a {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 1px solid rgba(247, 229, 215, 0.35);\r\n    border-radius: 50%;\r\n    color: var(--br-cream);\r\n    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;\r\n    -webkit-tap-highlight-color: transparent;\r\n}\r\n.br-footer__socials a:hover {\r\n    background: var(--br-cream);\r\n    border-color: var(--br-cream);\r\n    color: var(--br-black);\r\n}\r\n.br-footer__socials svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    display: block;\r\n}\r\n\r\n.br-footer__col-title {\r\n    font-size: 0.8rem;\r\n    font-weight: 600;\r\n    letter-spacing: 0.18em;\r\n    margin: 0 0 1.25rem;\r\n    text-transform: uppercase;\r\n    color: rgba(247, 229, 215, 0.65);\r\n}\r\n.br-footer__col address {\r\n    font-style: normal;\r\n    font-size: 0.9rem;\r\n    line-height: 1.65;\r\n}\r\n.br-footer__col p {\r\n    font-size: 0.9rem;\r\n    line-height: 1.65;\r\n    margin: 0 0 1rem;\r\n}\r\n.br-footer__col p:last-child { margin-bottom: 0; }\r\n.br-footer__col a {\r\n    color: inherit;\r\n    text-decoration: underline;\r\n    text-underline-offset: 3px;\r\n    transition: opacity 0.2s ease;\r\n}\r\n.br-footer__col a:hover { opacity: 0.75; }\r\n\r\n\r\n\/* ============ HEADINGS FONT (Archivo Expanded Medium) ============ *\/\r\n.br-hero__title,\r\n.br-form-section h2,\r\n.br-footer__col-title,\r\n.br-drawer__nav a,\r\n.br-footer__nav a {\r\n    font-family: 'Archivo Expanded', 'Archivo', sans-serif;\r\n    font-weight: 500;\r\n    font-stretch: 125%;\r\n    font-variation-settings: 'wdth' 125;\r\n}\r\n\r\n\/* ============ MOBILE ============ *\/\r\n@media (max-width: 900px) {\r\n   .br-header__inner {\r\n        padding: 0.75rem 1rem;\r\n        gap: 0.5rem;\r\n    }\r\n    .br-header__logo-img {\r\n        height: 64px;\r\n        width: 64px;\r\n        margin: -12px 0;\r\n    }\r\n    .br-header__menu-text { display: none; }\r\n    .br-header .br-book-btn {\r\n        font-size: 0.65rem;\r\n        padding: 0.4rem 0.6rem;\r\n        letter-spacing: 0.06em;\r\n    }\r\n    .br-header .br-book-btn {\r\n        padding: 0.35rem 0.35rem 0.35rem 0.75rem;\r\n        gap: 0.4rem;\r\n    }\r\n    .br-header .br-book-btn-arrow {\r\n        width: 1.5rem;\r\n        height: 1.5rem;\r\n    }\r\n    .br-header .br-book-btn-arrow svg {\r\n        width: 1rem;\r\n        height: 1rem;\r\n    }\r\n\r\n    .br-hero {\r\n        grid-template-columns: 1fr;\r\n        gap: 1.75rem;\r\n        padding: 1.5rem 1.25rem 1rem;\r\n    }\r\n    .br-hero__image { aspect-ratio: 16 \/ 10; }\r\n    .br-hero__title { font-size: 2rem; margin-bottom: 1rem; }\r\n    .br-hero__body { font-size: 0.95rem; margin-bottom: 1.5rem; }\r\n#br-form-title {\r\n    font-size: 1.0rem; \/* G\u00f8r skriftst\u00f8rrelsen mindre p\u00e5 mobil *\/\r\n    word-break: break-word; \/* Tillader lange ord at bryde hvis n\u00f8dvendigt *\/\r\n  }\r\n\r\n  .br-nellike {\r\n    max-width: 40px; \/* Skalerer billedet lidt ned p\u00e5 mobil, s\u00e5 der er mere plads til teksten *\/\r\n    height: auto;\r\n    flex-shrink: 0;  \/* Forhindrer at billedet bliver klemt fladt *\/\r\n  }\r\n\r\n    .br-form-section { padding: 1.5rem 1.25rem 3.5rem; }\r\n    .br-form-section h2 { margin-left: 0; }\r\n    .br-form,\r\n    .br-form__footer { grid-template-columns: 1fr; }\r\n    .br-form__note { order: -1; }    .br-footer {\r\n        padding: 2.5rem 1.5rem 2.5rem;\r\n    }\r\n    .br-footer__inner {\r\n        grid-template-columns: 1fr;\r\n        gap: 2rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 400px) {\r\n    .br-header__inner {\r\n        padding: 0.6rem 0.75rem;\r\n    }\r\n    .br-header__logo-img {\r\n        height: 40px;\r\n    }\r\n    .br-header .br-book-btn {\r\n        font-size: 0.55rem;\r\n        padding: 0.35rem 0.55rem;\r\n        letter-spacing: 0.04em;\r\n    }\r\n    .br-header .br-book-btn {\r\n        padding: 0.3rem 0.3rem 0.3rem 0.55rem;\r\n    }\r\n    .br-header .br-book-btn-arrow {\r\n        width: 1.3rem;\r\n        height: 1.3rem;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<header class=\"br-header\">\r\n    <div class=\"br-header__inner\">\r\n        <button class=\"br-header__menu-btn\" type=\"button\" aria-label=\"\u00c5bn menu\" aria-expanded=\"false\" aria-controls=\"br-drawer\">\r\n            <span class=\"br-header__menu-icon\" aria-hidden=\"true\"><span><\/span><\/span>\r\n            <span class=\"br-header__menu-text\">Menu<\/span>\r\n        <\/button>\r\n\r\n        <a href=\"\/\" class=\"br-header__logo\" aria-label=\"Boca Real forside\">\r\n            <img decoding=\"async\" src=\"https:\/\/bocareal.dk\/wp-content\/uploads\/2026\/07\/boca_3-scaled.png\"\r\n                 alt=\"Boca Real\"\r\n                 class=\"br-header__logo-img\">\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/book.easytable.com\/book\/?id=95b92&amp;lang=auto\" class=\"br-book-btn\" target=\"_blank\" rel=\"noopener\">\r\n            <span class=\"br-book-btn-text\">Book bord<\/span>\r\n            <span class=\"br-book-btn-arrow\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path d=\"M6 12h11M12 6l6 6-6 6\"\/>\r\n                <\/svg>\r\n            <\/span>\r\n        <\/a>\r\n    <\/div>\r\n<\/header>\r\n\r\n<aside class=\"br-drawer\" id=\"br-drawer\" data-open=\"false\" aria-hidden=\"true\" aria-label=\"Hovednavigation\">\r\n    <button class=\"br-drawer__close\" type=\"button\" aria-label=\"Luk menu\">&times;<\/button>\r\n    <nav class=\"br-drawer__nav\">\r\n        <ul>\r\n            <li><a href=\"\/menu\">Menukort<\/a><\/li>\r\n            <li><a href=\"\/selskabsmenu\">Selskabsmenu<\/a><\/li>\r\n            <li><a href=\"\/julemenu\">Julemenu<\/a><\/li>\r\n             <li><a href=\"\/nytaar\">Nyt\u00e5r<\/a><\/li>\r\n            <li><a href=\"https:\/\/order.lifepeaks.dk\/boca-real\" target=\"_blank\" rel=\"noopener\">Gavekort<\/a><\/li>\r\n            <li><a href=\"\/kontakt\">Kontakt os<\/a><\/li>\r\n            <li><a href=\"https:\/\/recruitment.diningsix.dk\/karriere\" target=\"_blank\" rel=\"noopener\">Bliv en del af holdet<\/a><\/li>\r\n        <\/ul>\r\n    <\/nav>\r\n    <div class=\"br-drawer__cta\">\r\n        <a href=\"https:\/\/book.easytable.com\/book\/?id=95b92&amp;lang=auto\" class=\"br-book-btn\" target=\"_blank\" rel=\"noopener\">\r\n            <span class=\"br-book-btn-text\">Book bord<\/span>\r\n            <span class=\"br-book-btn-arrow\" aria-hidden=\"true\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                    <path d=\"M6 12h11M12 6l6 6-6 6\"\/>\r\n                <\/svg>\r\n            <\/span>\r\n        <\/a>\r\n    <\/div>\r\n<\/aside><div class=\"br-drawer-backdrop\" data-open=\"false\" aria-hidden=\"true\"><\/div>\r\n\r\n<section class=\"br-hero\">\r\n    <div class=\"br-hero__image\">\r\n        <img decoding=\"async\" src=\"https:\/\/bocareal.dk\/wp-content\/uploads\/2026\/09\/DSC07107.jpg\" alt=\"Lamper i Boca Real\">\r\n    <\/div>\r\n    <div class=\"br-hero__content\">\r\n        <h1 class=\"br-hero__title\">Kontakt Boca<\/h1>\r\n        <p class=\"br-hero__body\">Vi sidder klar til at hj\u00e6lpe dig, hvis du har sp\u00f8rgsm\u00e5l eller andre henvendelser. Kontakt os p\u00e5 telefon, e-mail eller udfyld kontaktformularen.<\/p>\r\n        <ul class=\"br-contact-list\">\r\n            <li>\r\n                <img decoding=\"async\" src=\"https:\/\/bocareal.dk\/wp-content\/uploads\/2026\/07\/Nellike_isoleret_hvid_digital.png\" alt=\"\" class=\"br-nellike\" aria-hidden=\"true\">\r\n                <a href=\"tel:+4569156997\">69 15 69 97<\/a>\r\n            <\/li>\r\n            <li>\r\n                <img decoding=\"async\" src=\"https:\/\/bocareal.dk\/wp-content\/uploads\/2026\/07\/Nellike_isoleret_hvid_digital.png\" alt=\"\" class=\"br-nellike\" aria-hidden=\"true\">\r\n                <a href=\"mailto:info@bocareal.dk\">info@bocareal.dk<\/a>\r\n            <\/li>\r\n        <\/ul>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"br-form-section\" aria-labelledby=\"br-form-title\">\r\n     <div class=\"br-header-container\">\r\n  <img decoding=\"async\" src=\"https:\/\/bocareal.dk\/wp-content\/uploads\/2026\/07\/Nellike_isoleret_hvid_digital.png\" alt=\"\" class=\"br-nellike\" aria-hidden=\"true\">\r\n  <h2 id=\"br-form-title\">Kontaktformular<\/h2>\r\n<\/div>\r\n    <form class=\"br-form\" action=\"#\" method=\"post\">\r\n        <label class=\"br-form__field\">\r\n            <span class=\"br-visually-hidden\">Fornavn<\/span>\r\n            <input type=\"text\" name=\"fornavn\" placeholder=\"Fornavn\" autocomplete=\"given-name\" required>\r\n        <\/label>\r\n        <label class=\"br-form__field\">\r\n            <span class=\"br-visually-hidden\">Efternavn<\/span>\r\n            <input type=\"text\" name=\"efternavn\" placeholder=\"Efternavn\" autocomplete=\"family-name\" required>\r\n        <\/label>\r\n        <label class=\"br-form__field\">\r\n            <span class=\"br-visually-hidden\">Telefonnummer<\/span>\r\n            <input type=\"tel\" name=\"telefon\" placeholder=\"Telefonnummer\" autocomplete=\"tel\">\r\n        <\/label>\r\n        <label class=\"br-form__field\">\r\n            <span class=\"br-visually-hidden\">E-mail<\/span>\r\n            <input type=\"email\" name=\"email\" placeholder=\"E-mail\" autocomplete=\"email\" required>\r\n        <\/label>\r\n        <label class=\"br-form__field br-form__field--full\">\r\n            <span class=\"br-visually-hidden\">Din foresp\u00f8rgsel<\/span>\r\n            <textarea name=\"besked\" placeholder=\"Din foresp\u00f8rgsel\" required><\/textarea>\r\n        <\/label>\r\n        <!-- Honeypot: skjult for mennesker, udfyldes af bots -->\r\n        <input type=\"text\" name=\"website\" class=\"br-form__hp\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\">\r\n        <div class=\"br-form__footer\">\r\n            <button type=\"submit\" class=\"br-btn br-form__submit\">Send foresp\u00f8rgsel<\/button>\r\n            <p class=\"br-form__note\">N\u00e5r du kontakter os, behandler vi dine personoplysninger. Du kan l\u00e6se mere om vores behandling af dine personoplysninger i vores <a href=\"https:\/\/www.diningsix.dk\/privatlivs-og-cookiepolitik\/\" target=\"_blank\" rel=\"noopener\">privatlivspolitik<\/a>.<\/p>\r\n        <\/div>\r\n        <p class=\"br-form__status\" role=\"status\" aria-live=\"polite\" hidden><\/p>\r\n    <\/form>\r\n<\/section>\r\n\r\n<footer class=\"br-footer\">\r\n    <div class=\"br-footer__inner\">\r\n        <nav class=\"br-footer__nav\" aria-label=\"Footer-navigation\">\r\n            <ul>\r\n                <li><a href=\"https:\/\/book.easytable.com\/book\/?id=95b92&amp;lang=auto\" target=\"_blank\" rel=\"noopener\">Book bord<\/a><\/li>\r\n                <li><a href=\"https:\/\/bocareal.dk\/menu\">Mad & Vin<\/a><\/li>\r\n                <li><a href=\"https:\/\/order.lifepeaks.dk\/boca-real\" target=\"_blank\" rel=\"noopener\">Gavekort<\/a><\/li>\r\n                <li><a href=\"https:\/\/bocareal.dk\/kontakt\">Kontakt os<\/a><\/li>\r\n                <li><a href=\"https:\/\/recruitment.diningsix.dk\/karriere\" target=\"_blank\" rel=\"noopener\">Bliv en del af holdet<\/a><\/li>\r\n                <li><a href=\"https:\/\/diningsix.dk\/plus\/\" target=\"_blank\" rel=\"noopener\">DiningSix+ Loyalitetsapp<\/a><\/li>\r\n            <\/ul>\r\n            <div class=\"br-footer__socials\" aria-label=\"Sociale medier\">\r\n                <a href=\"https:\/\/www.facebook.com\/profile.php?id=61590902534949\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n                        <path d=\"M13.5 21v-7.5h2.55l.38-3H13.5V8.62c0-.87.24-1.47 1.5-1.47h1.6V4.47C16.32 4.43 15.37 4.35 14.27 4.35c-2.3 0-3.87 1.4-3.87 3.97v2.18H7.85v3h2.55V21h3.1z\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n                <a href=\"https:\/\/www.instagram.com\/boca.real\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                        <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/>\r\n                        <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\r\n                        <circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n                <a href=\"https:\/\/www.tiktok.com\/@boca_real\" target=\"_blank\" rel=\"noopener\" aria-label=\"TikTok\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n                        <path d=\"M16.6 5.82a4.28 4.28 0 0 1-3.77-4.32h-3.2v13.4a2.6 2.6 0 1 1-2.6-2.6c.27 0 .53.04.78.12v-3.26a5.86 5.86 0 0 0-.78-.05 5.86 5.86 0 1 0 5.86 5.86V9.15a7.5 7.5 0 0 0 4.36 1.4V7.35a4.3 4.3 0 0 1-.65-.05z\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n            <\/div>\r\n        <\/nav>\r\n        <div class=\"br-footer__col\">\r\n            <h4 class=\"br-footer__col-title\">Kontakt<\/h4>\r\n            <address>\r\n                Klosterport 2<br>\r\n                8000 Aarhus<br><br>\r\n                CVR: 42976997<br>\r\n                <a href=\"mailto:info@bocareal.dk\">info@bocareal.dk<\/a><br>\r\n                <a href=\"tel:+4569156997\">69 15 69 97<\/a>\r\n            <\/address>\r\n        <\/div>\r\n        <div class=\"br-footer__col\">\r\n            <h4 class=\"br-footer__col-title\">K\u00f8kkenets \u00e5bningstider<\/h4>\r\n            <p>Vi gl\u00e6der os til at tage imod dig fra klokken 17.00.<br>Seneste bordbooking er tilg\u00e6ngelig:<\/p>\r\n            <p>\r\n                Tirsdag &mdash; Onsdag: 21.00<br>\r\n                Torsdag: 21.30<br>\r\n                Fredag &mdash; L\u00f8rdag: 22.00<br>\r\n                S\u00f8ndag: 21.00\r\n            <\/p>\r\n            <p>\r\n            <a href=\"https:\/\/www.findsmiley.dk\/app\/1592771\" target=\"_blank\" rel=\"noopener\">Se F\u00f8devarestyrelsens smiley-rapporter<\/a><br>\r\n            <a href=\"\/handelsbetingelser\">L\u00e6s vores Handelsbetingelser<\/a><br>\r\n            <a href=\"https:\/\/www.diningsix.dk\/privatlivs-og-cookiepolitik\/\" target=\"_blank\" rel=\"noopener\">L\u00e6s vores Privatlivs- og Cookiepolitik<\/a><\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/footer>\r\n\r\n<script type=\"text\/javascript\">\r\n(function() { var st=document.createElement('script'); st.type='text\/javascript'; st.async=true; st.src='\/\/book.easytable.com\/book\/widget\/v3\/book.js'; var sc=document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(st, sc); })();\r\n<\/script>\r\n\r\n<script>\r\n\/* Drawer menu \u2014 slides in from the left; closes on X, backdrop, Escape or link click *\/\r\n(function () {\r\n    var menuBtn = document.querySelector('.br-header__menu-btn');\r\n    var drawer = document.getElementById('br-drawer');\r\n    var closeBtn = document.querySelector('.br-drawer__close');\r\n    var backdrop = document.querySelector('.br-drawer-backdrop');\r\n    if (!menuBtn || !drawer) return;\r\n\r\n    function setOpen(open) {\r\n        menuBtn.setAttribute('aria-expanded', String(open));\r\n        drawer.setAttribute('data-open', String(open));\r\n        drawer.setAttribute('aria-hidden', String(!open));\r\n        if (backdrop) backdrop.setAttribute('data-open', String(open));\r\n        document.body.style.overflow = open ? 'hidden' : '';\r\n    }\r\n\r\n    menuBtn.addEventListener('click', function () {\r\n        setOpen(menuBtn.getAttribute('aria-expanded') !== 'true');\r\n    });\r\n    if (closeBtn) closeBtn.addEventListener('click', function () { setOpen(false); });\r\n    if (backdrop) backdrop.addEventListener('click', function () { setOpen(false); });\r\n    drawer.querySelectorAll('a').forEach(function (a) {\r\n        a.addEventListener('click', function () { setOpen(false); });\r\n    });\r\n    document.addEventListener('keydown', function (e) {\r\n        if (e.key === 'Escape' && menuBtn.getAttribute('aria-expanded') === 'true') setOpen(false);\r\n    });\r\n})();\r\n\r\n\/* Kontaktformular \u2014 sender til REST-endpointet fra Code Snippet\r\n   \"Boca Real - Kontaktformular\" (boca\/v1\/contact) og viser svar inline. *\/\r\n(function () {\r\n    var form = document.querySelector('.br-form');\r\n    if (!form) return;\r\n    var status = form.querySelector('.br-form__status');\r\n    var btn = form.querySelector('.br-form__submit');\r\n    \/\/ ?rest_route= virker uanset permalink-indstilling (sitet k\u00f8rer \"Plain\")\r\n    var ENDPOINT = '\/?rest_route=\/boca\/v1\/contact';\r\n    var FALLBACK = 'Noget gik galt. Pr\u00f8v igen, eller skriv til info@bocareal.dk.';\r\n\r\n    function show(msg, ok) {\r\n        status.textContent = msg;\r\n        status.hidden = false;\r\n        status.classList.toggle('br-form__status--ok', ok);\r\n        status.classList.toggle('br-form__status--error', !ok);\r\n    }\r\n\r\n    form.addEventListener('submit', function (e) {\r\n        e.preventDefault();\r\n        if (!form.checkValidity()) { form.reportValidity(); return; }\r\n\r\n        var data = {};\r\n        new FormData(form).forEach(function (v, k) { data[k] = v; });\r\n\r\n        var label = btn.textContent;\r\n        btn.disabled = true;\r\n        btn.textContent = 'Sender\u2026';\r\n        status.hidden = true;\r\n\r\n        fetch(ENDPOINT, {\r\n            method: 'POST',\r\n            headers: { 'Content-Type': 'application\/json' },\r\n            body: JSON.stringify(data)\r\n        })\r\n        .then(function (r) { return r.json().then(function (j) { return { ok: r.ok, body: j }; }); })\r\n        .then(function (res) {\r\n            if (res.ok && res.body && res.body.success) {\r\n                form.reset();\r\n                show('Tak for din henvendelse \u2014 vi vender tilbage hurtigst muligt.', true);\r\n            } else {\r\n                show((res.body && res.body.message) || FALLBACK, false);\r\n            }\r\n        })\r\n        .catch(function () { show(FALLBACK, false); })\r\n        .then(function () { btn.disabled = false; btn.textContent = label; });\r\n    });\r\n})();\r\n<\/script>\r\n<script type=\"text\/javascript\">\r\n\/\/load and execute script with lpSleekPeek function\r\nvar script = document.createElement('script');script.async=0;script.setAttribute('src', '\/\/app.lifepeaks.dk\/button\/boca-real?'+(Math.random()*1*new Date()));document.getElementsByTagName('head')[0].appendChild(script);\r\n<\/script>\r\n\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>Vi sidder klar til at hj\u00e6lpe dig, hvis du har sp\u00f8rgsm\u00e5l eller andre henvendelser. Kontakt os p\u00e5 telefon, e-mail eller udfyld kontaktformularen.<\/p>","protected":false},"author":1,"featured_media":499,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-574","page","type-page","status-publish","has-post-thumbnail","hentry"],"permalink_manager":null,"_links":{"self":[{"href":"https:\/\/bocareal.dk\/en\/wp-json\/wp\/v2\/pages\/574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bocareal.dk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bocareal.dk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bocareal.dk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bocareal.dk\/en\/wp-json\/wp\/v2\/comments?post=574"}],"version-history":[{"count":64,"href":"https:\/\/bocareal.dk\/en\/wp-json\/wp\/v2\/pages\/574\/revisions"}],"predecessor-version":[{"id":1147,"href":"https:\/\/bocareal.dk\/en\/wp-json\/wp\/v2\/pages\/574\/revisions\/1147"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bocareal.dk\/en\/wp-json\/wp\/v2\/media\/499"}],"wp:attachment":[{"href":"https:\/\/bocareal.dk\/en\/wp-json\/wp\/v2\/media?parent=574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}