{"id":14,"date":"2026-05-19T12:47:42","date_gmt":"2026-05-19T12:47:42","guid":{"rendered":"https:\/\/bocareal.dk\/?page_id=14"},"modified":"2026-11-02T07:20:10","modified_gmt":"2026-11-02T07:20:10","slug":"boca-real-aarhus-coming-soon","status":"publish","type":"page","link":"https:\/\/bocareal.dk\/en\/","title":{"rendered":"Boca Re\u00e1l Aarhus"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\" 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 Forside\r\n  --------------------------------------------------------------\r\n  Header, drawer-menu og footer er delt med menu-page.html \u2014 hold dem i sync.\r\n\r\n  Sektioner: hero (billede + tekstboks), intro, The Camino (frim\u00e6rke),\r\n  interi\u00f8r-billede, features (3 buer), \"Er I et selskab?\", footer.\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.br-btn--cream-fill { background: var(--br-cream); color: var(--br-brown); border-color: var(--br-cream); }\r\n.br-btn--cream-fill:hover { background: var(--br-dark); color: var(--br-cream); border-color: var(--br-dark); }\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 (full image + text box) ============ *\/\r\n.br-hero {\r\n    position: relative;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 1rem 1.5rem;\r\n    box-sizing: border-box;\r\n}\r\n.br-hero__image {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    aspect-ratio: 14 \/ 5;\r\n    object-fit: cover;\r\n}\r\n\/* Skr\u00e5 hj\u00f8rnesnit (\u00f8verst h\u00f8jre \/ nederst venstre) \u2014 samme detalje som menusidens hero *\/\r\n.br-hero::before,\r\n.br-hero::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: clamp(60px, 8vw, 110px);\r\n    height: clamp(60px, 8vw, 110px);\r\n    background: var(--br-cream);\r\n    z-index: 1;\r\n    pointer-events: none;\r\n}\r\n.br-hero::before {\r\n    top: 1rem;\r\n    right: 1.5rem;\r\n    clip-path: polygon(0 0, 100% 0, 100% 100%);\r\n}\r\n.br-hero::after {\r\n    bottom: 0.8rem;\r\n    left: 1.5rem;\r\n    clip-path: polygon(0 0, 0 100%, 100% 100%);\r\n}\r\n\/* ============ INTRO (titel venstre, tekst + CTA hoejre) ============ *\/\r\n.br-intro {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 2.5rem 1.5rem 3.5rem;\r\n    box-sizing: border-box;\r\n    display: grid;\r\n    grid-template-columns: auto 1fr;\r\n    gap: 4rem;\r\n    align-items: start;\r\n}\r\n.br-intro > * { min-width: 0; }\r\n.br-intro__title {\r\n    font-size: clamp(1.75rem, 3vw, 2.6rem);\r\n    font-weight: 500;\r\n    line-height: 1.05;\r\n    letter-spacing: 0.01em;\r\n    text-transform: uppercase;\r\n    color: var(--br-dark);\r\n    margin: 0;\r\n    max-width: 15ch;\r\n}\r\n.br-intro__content { max-width: 92ch; }\r\n.br-intro__body {\r\n    font-size: 1.05rem;\r\n    line-height: 1.6;\r\n    margin: 0 0 1.75rem;\r\n    max-width: 188ch;\r\n}\r\n\r\n\/* ============ THE CAMINO (frim\u00e6rke) ============ *\/\r\n.br-camino {\r\n    padding: 1rem 1.5rem 4rem;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    box-sizing: border-box;\r\n}\r\n.br-camino__stamp {\r\n    \/* Frim\u00e6rke-formen tegnes som SVG af JS (.br-camino__frame) \u2014 vektor, saa den\r\n       er skarp paa alle skaermstoerrelser (PNG'en blev pixeleret naar den blev strakt) *\/\r\n    position: relative;\r\n    isolation: isolate;\r\n    color: var(--br-cream);\r\n    padding: 2.5rem 3rem 2.75rem;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 3rem;\r\n    align-items: start;\r\n}\r\n.br-camino__frame {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: -1;\r\n    pointer-events: none;\r\n}\r\n.br-camino__frame path { fill: var(--br-brown); }\r\n.br-camino__eyebrow {\r\n    font-family: 'Fraunces', serif;\r\n    font-variation-settings: 'SOFT' 100;\r\n    font-size: clamp(1.4rem, 2.4vw, 2.1rem);\r\n    font-style: italic;\r\n    font-weight: 500;\r\n    line-height: 1.15;\r\n    letter-spacing: 0.02em;\r\n    text-transform: uppercase;\r\n    margin: 0 0 0.15rem;\r\n}\r\n.br-camino__title {\r\n    font-size: clamp(1.3rem, 2.2vw, 1.9rem);\r\n    font-weight: 500;\r\n    line-height: 1.15;\r\n    letter-spacing: 0.02em;\r\n    text-transform: uppercase;\r\n    margin: 0 0 1rem;\r\n}\r\n.br-camino__body {\r\n    font-size: 0.95rem;\r\n    line-height: 1.6;\r\n    margin: 0 0 1.5rem;\r\n    max-width: 44ch;\r\n}\r\n.br-camino__image {\r\n    display: block;\r\n    -webkit-tap-highlight-color: transparent;\r\n}\r\n.br-camino__image img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    aspect-ratio: 4 \/ 3;\r\n    border-radius: 2px;\r\n    transition: opacity 0.2s ease;\r\n}\r\n.br-camino__image:hover img { opacity: 0.9; }\r\n\r\n\/* ============ INTERIOR VIDEO (sticky reveal) ============ *\/\r\n\/* Videoen staar fast (sticky) mens sektionerne under scroller ind over den.\r\n   Kraever at alt under har solid baggrund + z-index (se .br-features m.fl.). *\/\r\n.br-interior {\r\n    position: sticky;\r\n    top: 0;\r\n    z-index: 0;\r\n    margin: 0;\r\n    padding: 0;\r\n    background: var(--br-dark);\r\n    overflow: hidden;\r\n    \/* width laases eksplicit: ellers lader aspect-ratio max-height styre BREDDEN\r\n       paa brede\/lave skaerme, og videoen bliver smallere end viewporten *\/\r\n    width: 100%;\r\n    aspect-ratio: 21 \/ 9;\r\n    max-height: 80vh;\r\n}\r\n.br-interior video {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n.br-features,\r\n.br-selskab,\r\n.br-footer {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n.br-features,\r\n.br-selskab { background: var(--br-cream); }\r\n\r\n\/* ============ FEATURES ============ *\/\r\n.br-features {\r\n    \/* Fuld-bredde baggrund (daekker den sticky video); indhold begraenset til 1400px via padding *\/\r\n    padding: 4rem max(1.5rem, calc((100% - 1400px) \/ 2)) 2rem;\r\n    box-sizing: border-box;\r\n}\r\n.br-section-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n    margin: 0 0 2rem;\r\n}\r\n.br-section-header__icon {\r\n    width: 40px;\r\n    height: 40px;\r\n}\r\n.br-section-header h2 {\r\n    font-size: clamp(1.15rem, 1.8vw, 1.5rem);\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;\r\n}\r\n.br-features__grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 2rem;\r\n}\r\n.br-feature { min-width: 0; }\r\n.br-feature__image {\r\n    aspect-ratio: 3 \/ 4;\r\n    overflow: hidden;\r\n    margin-bottom: 1rem;\r\n    \/* Bue-form: runde top-hj\u00f8rner, lige bund *\/\r\n    border-radius: 999px 999px 0 0;\r\n}\r\n.br-feature__image img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n.br-feature__title {\r\n    font-size: 1rem;\r\n    font-weight: 500;\r\n    letter-spacing: 0.05em;\r\n    text-transform: uppercase;\r\n    margin: 0 0 0.4rem;\r\n}\r\n.br-feature__body {\r\n    font-size: 0.9rem;\r\n    line-height: 1.5;\r\n    margin: 0;\r\n    opacity: 0.85;\r\n}\r\n.br-selskab__image,\r\n.br-selskab__content { min-width: 0; }\r\n.br-selskab .br-section-header { margin-bottom: 1.5rem; }\r\n\r\n\/* ============ SELSKAB ============ *\/\r\n.br-selskab {\r\n    padding: 5rem max(1.5rem, calc((100% - 1400px) \/ 2)) 3rem;\r\n    box-sizing: border-box;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 4rem;\r\n    align-items: start;\r\n}\r\n.br-selskab__image {\r\n    aspect-ratio: 4 \/ 3;\r\n    overflow: hidden;\r\n}\r\n.br-selskab__image img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n.br-selskab__title {\r\n    font-size: clamp(1.75rem, 3vw, 2.5rem);\r\n    font-weight: 500;\r\n    line-height: 1.1;\r\n    text-transform: uppercase;\r\n    color: var(--br-dark);\r\n    margin: 0 0 2rem;\r\n}\r\n.br-selskab__list {\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n.br-selskab__item {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 1.5rem;\r\n    padding: 1.25rem 0;\r\n    border-top: 1px solid var(--br-peach);\r\n    color: inherit;\r\n    text-decoration: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n    transition: opacity 0.2s ease;\r\n}\r\n.br-selskab__list li:last-child .br-selskab__item { border-bottom: 1px solid var(--br-peach); }\r\n.br-selskab__item:hover { opacity: 0.7; }\r\n.br-selskab__item h3 {\r\n    font-size: 0.85rem;\r\n    font-weight: 500;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    margin: 0 0 0.4rem;\r\n}\r\n.br-selskab__item p {\r\n    margin: 0;\r\n    font-size: 0.95rem;\r\n    line-height: 1.5;\r\n}\r\n.br-selskab__arrow {\r\n    flex-shrink: 0;\r\n    width: 1.5rem;\r\n    height: 1.5rem;\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\/* ============ HEADINGS FONT (Archivo Expanded Medium) ============ *\/\r\n.br-intro__title,\r\n.br-camino__title,\r\n.br-section-header h2,\r\n.br-feature__title,\r\n.br-footer__col-title,\r\n.br-drawer__nav a,\r\n.br-selskab__item h3,\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 { padding: 0.5rem; }\r\n    .br-hero__image { aspect-ratio: 4 \/ 5; }\r\n    .br-hero::before { top: 0.4rem; right: 0.5rem; }\r\n    .br-hero::after { bottom: 0.4rem; left: 0.5rem; }\r\n\r\n    .br-intro {\r\n        grid-template-columns: 1fr;\r\n        gap: 1.25rem;\r\n        padding: 2rem 1.25rem 2.75rem;\r\n    }\r\n    .br-intro__title { font-size: 1.6rem; max-width: none; }\r\n    .br-intro__body { font-size: 0.95rem; margin-bottom: 1.5rem; }\r\n\r\n    .br-camino { padding: 0.5rem 1rem 3rem; }\r\n    .br-camino__stamp {\r\n        grid-template-columns: 1fr;\r\n        gap: 1.5rem;\r\n        padding: 2.5rem 1.5rem;\r\n    }\r\n    .br-camino__image { order: 2; }\r\n    .br-camino__eyebrow { font-size: 1.5rem; }\r\n    .br-camino__title { font-size: 1.25rem; }\r\n\r\n    .br-interior { aspect-ratio: 4 \/ 5; max-height: 100svh; }\r\n\r\n    .br-features { padding: 3rem 0 2rem; }\r\n    .br-features .br-section-header { padding: 0 1.25rem; }\r\n    .br-features__grid {\r\n        display: flex;\r\n        overflow-x: auto;\r\n        scroll-snap-type: x mandatory;\r\n        gap: 1rem;\r\n        padding: 0 2.5rem 0.2rem;\r\n        scrollbar-width: none;\r\n        -ms-overflow-style: none;\r\n    }\r\n    .br-features__grid::-webkit-scrollbar { display: none; }\r\n    .br-feature {\r\n        flex: 0 0 100%;\r\n        scroll-snap-align: center;\r\n    }\r\n\r\n    .br-selskab {\r\n        grid-template-columns: 1fr;\r\n        gap: 2rem;\r\n        padding: 2rem 1.25rem 3rem;\r\n    }    .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    <img decoding=\"async\" src=\"https:\/\/bocareal.dk\/wp-content\/uploads\/2026\/09\/DSC07380-2-scaled-e1790332308137.jpg\" alt=\"Boca Real spisebar med delevenlige retter og vin\" class=\"br-hero__image\">\r\n<\/section>\r\n\r\n<section class=\"br-intro\" aria-labelledby=\"br-intro-title\">\r\n    <h1 class=\"br-intro__title\" id=\"br-intro-title\">Nutidig spansk madkultur<\/h1>\r\n    <div class=\"br-intro__content\">\r\n        <p class=\"br-intro__body\">Boca Re\u00e1l er vores fortolkning af den nutidige spanske madkultur serveret i levende omgivelser med anretninger skabt til at dele. Spanske vine og kolde ca\u00f1as i en atmosf\u00e6re med puls og personlighed.<\/p>\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<\/section>\r\n\r\n<section class=\"br-camino\" aria-labelledby=\"br-camino-title\">\r\n    <div class=\"br-camino__stamp\">\r\n        <svg class=\"br-camino__frame\" aria-hidden=\"true\" focusable=\"false\"><path d=\"\"\/><\/svg>\r\n        <div class=\"br-camino__text\">\r\n            <h2 class=\"br-camino__title\" id=\"br-camino-title\">El Camino<br>eller h\u00e5ndpluk selv<\/h2>\r\n            <p class=\"br-camino__body\">Vores menukort hylder den delevenlige spanske madkultur, hvor \u00e6gte klassikere fortolkes med respekt for traditionerne og h\u00e5ndv\u00e6rket.<\/p>\r\n            <a href=\"\/menu\" class=\"br-btn br-btn--cream-fill\">Se menuen<\/a>\r\n        <\/div>\r\n        <a href=\"\/menu\" class=\"br-camino__image\" aria-label=\"Se menuen\">\r\n            <img decoding=\"async\" src=\"https:\/\/bocareal.dk\/wp-content\/uploads\/2026\/09\/DSC07365-scaled-e1790328553318.jpg\" alt=\"Delevenlige spanske retter p\u00e5 bordet\">\r\n        <\/a>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"br-interior\" aria-label=\"Stemningsvideo fra Boca Real\">\r\n    <video autoplay muted loop playsinline preload=\"metadata\"\r\n           poster=\"https:\/\/bocareal.dk\/wp-content\/uploads\/2026\/09\/DSC07109.jpg\">\r\n        <source src=\"https:\/\/bocareal.dk\/wp-content\/uploads\/2026\/10\/HERO-16_9.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n<\/section>\r\n\r\n<section class=\"br-features\" aria-labelledby=\"br-features-title\">\r\n    <header class=\"br-section-header\">\r\n        <img decoding=\"async\" src=\"https:\/\/bocareal.dk\/wp-content\/uploads\/2026\/07\/Nellike_isoleret_hvid_digital.png\" alt=\"\" class=\"br-nellike br-section-header__icon\" aria-hidden=\"true\">\r\n        <h2 id=\"br-features-title\">La Experiencia Boca<\/h2>\r\n    <\/header>\r\n    <div class=\"br-features__grid\">\r\n        <article class=\"br-feature\">\r\n            <div class=\"br-feature__image\">\r\n                <img decoding=\"async\" src=\"https:\/\/bocareal.dk\/wp-content\/uploads\/2026\/09\/DSC07074.jpg\" alt=\"\">\r\n            <\/div>\r\n            <h3 class=\"br-feature__title\">Ambiente<\/h3>\r\n            <p class=\"br-feature__body\">Varm atmosf\u00e6re smelter sammen med rendyrket storbypuls, levende energi og \u00e6gte karakter<\/p>\r\n        <\/article>\r\n        <article class=\"br-feature\">\r\n            <div class=\"br-feature__image\">\r\n                <img decoding=\"async\" src=\"https:\/\/bocareal.dk\/wp-content\/uploads\/2026\/09\/DSC07399-scaled.jpg\" alt=\"\">\r\n            <\/div>\r\n            <h3 class=\"br-feature__title\">Bocados<\/h3>\r\n            <p class=\"br-feature__body\">Nyfortolkning af spanske klassikere med respekt for h\u00e5ndv\u00e6rk, traditioner &amp; r\u00e5varer<\/p>\r\n        <\/article>\r\n        <article class=\"br-feature\">\r\n            <div class=\"br-feature__image\">\r\n                <img decoding=\"async\" src=\"https:\/\/bocareal.dk\/wp-content\/uploads\/2026\/09\/DSC07344-scaled.jpg\" alt=\"\">\r\n            <\/div>\r\n            <h3 class=\"br-feature__title\">Bebidas<\/h3>\r\n            <p class=\"br-feature__body\">Autentiske smage i glasset; fra San Miguel og kolde ca\u00f1as til sangria, sherry og vino blanco<\/p>\r\n        <\/article>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"br-selskab\" aria-labelledby=\"br-selskab-title\">\r\n    <div class=\"br-selskab__image\">\r\n        <img decoding=\"async\" src=\"https:\/\/bocareal.dk\/wp-content\/uploads\/2026\/09\/DSC07109.jpg\" alt=\"Stemning i restauranten\">\r\n    <\/div>\r\n    <div class=\"br-selskab__content\">\r\n        <header class=\"br-section-header\">\r\n            <img decoding=\"async\" src=\"https:\/\/bocareal.dk\/wp-content\/uploads\/2026\/07\/Nellike_isoleret_hvid_digital.png\" alt=\"\" class=\"br-nellike br-section-header__icon\" aria-hidden=\"true\">\r\n            <h2 id=\"br-selskab-title\">Er I et selskab?<\/h2>\r\n        <\/header>\r\n        <ul class=\"br-selskab__list\">\r\n            <li>\r\n                <a href=\"\/selskabsmenu\" class=\"br-selskab__item\">\r\n                    <div>\r\n                        <h3>Selskabsmenu<\/h3>\r\n                        <p>Vores selskabsmenu er en n\u00f8je sammensat smagsoplevelse, der tager jer gennem den nutidige spanske madkultur.<\/p>\r\n                    <\/div>\r\n                    <svg class=\"br-selskab__arrow\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                        <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n            <\/li>\r\n            \r\n        <\/ul>\r\n    <\/div>\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=\"\/menu\">Mad &amp; 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=\"\/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\/* Frimaerke-form (El Camino) \u2014 fyldt SVG-sti med runde hak langs alle fire kanter og\r\n   kvartcirkler i hjoernerne. Tegnes til boksens faktiske stoerrelse og gentegnes ved resize. *\/\r\n(function () {\r\n    var svg = document.querySelector('.br-camino__frame');\r\n    if (!svg) return;\r\n    var box = svg.parentNode, path = svg.querySelector('path');\r\n    var R = 13, STEP = 76, GAP = 10;\r\n\r\n    function centres(len) {\r\n        var start = R + GAP, usable = len - 2 * start;\r\n        var n = Math.max(1, Math.round(usable \/ STEP));\r\n        var step = usable \/ n, out = [];\r\n        for (var i = 0; i < n; i++) out.push(start + step * (i + 0.5));\r\n        return out;\r\n    }\r\n    function arc(x, y) { return ' A ' + R + ' ' + R + ' 0 0 0 ' + x + ' ' + y; }\r\n\r\n    function draw() {\r\n        var w = box.offsetWidth, h = box.offsetHeight;\r\n        if (!w || !h) return;\r\n        var L = 0, T = 0, Rt = w, B = h;\r\n        var xs = centres(w), ys = centres(h), i, c;\r\n        var d = 'M ' + (L + R) + ' ' + T;\r\n        for (i = 0; i < xs.length; i++) { c = xs[i]; d += ' L ' + (c - R) + ' ' + T + arc(c + R, T); }\r\n        d += ' L ' + (Rt - R) + ' ' + T + arc(Rt, T + R);\r\n        for (i = 0; i < ys.length; i++) { c = ys[i]; d += ' L ' + Rt + ' ' + (c - R) + arc(Rt, c + R); }\r\n        d += ' L ' + Rt + ' ' + (B - R) + arc(Rt - R, B);\r\n        for (i = xs.length - 1; i >= 0; i--) { c = xs[i]; d += ' L ' + (c + R) + ' ' + B + arc(c - R, B); }\r\n        d += ' L ' + (L + R) + ' ' + B + arc(L, B - R);\r\n        for (i = ys.length - 1; i >= 0; i--) { c = ys[i]; d += ' L ' + L + ' ' + (c + R) + arc(L, c - R); }\r\n        d += ' L ' + L + ' ' + (T + R) + arc(L + R, T) + ' Z';\r\n        svg.setAttribute('viewBox', '0 0 ' + w + ' ' + h);\r\n        svg.setAttribute('preserveAspectRatio', 'none');\r\n        path.setAttribute('d', d);\r\n    }\r\n    draw();\r\n    if (window.ResizeObserver) { new ResizeObserver(draw).observe(box); }\r\n    else { window.addEventListener('resize', draw); }\r\n    window.addEventListener('load', draw);\r\n})();\r\n\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\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>Vores fortolkning af den nutidige spanske madkultur i levende omgivelser med delevenlige serveringer &mdash; store som sm\u00e5. Spanske vine og kolde ca\u00f1as i en atmosf\u00e6re med puls og personlighed.<\/p>","protected":false},"author":1,"featured_media":176,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-14","page","type-page","status-publish","has-post-thumbnail","hentry"],"permalink_manager":null,"_links":{"self":[{"href":"https:\/\/bocareal.dk\/en\/wp-json\/wp\/v2\/pages\/14","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=14"}],"version-history":[{"count":430,"href":"https:\/\/bocareal.dk\/en\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":1138,"href":"https:\/\/bocareal.dk\/en\/wp-json\/wp\/v2\/pages\/14\/revisions\/1138"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bocareal.dk\/en\/wp-json\/wp\/v2\/media\/176"}],"wp:attachment":[{"href":"https:\/\/bocareal.dk\/en\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}