{"id":765,"date":"2026-09-24T08:31:28","date_gmt":"2026-09-24T08:31:28","guid":{"rendered":"https:\/\/bocareal.dk\/?page_id=765"},"modified":"2026-11-02T07:23:31","modified_gmt":"2026-11-02T07:23:31","slug":"boca-real-aarhus-selskabsmenu","status":"publish","type":"page","link":"https:\/\/bocareal.dk\/en\/selskabsmenu\/","title":{"rendered":"Boca Re\u00e1l Aarhus | Selskabsmenu"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"765\" class=\"elementor elementor-765\" 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 Selskabsmenuer (underside)\r\n  --------------------------------------------------------------\r\n  Header, drawer-menu og footer er delt med forside.html \/ menu-page.html \/\r\n  kontakt.html \/ julemenu.html \u2014 hold dem i sync.\r\n\r\n  Sidespecifikt: hero med billede + selskabs-CTA'er, to El Camino-kort i\r\n  frim\u00e6rke (495 \/ Largo 595), \"Inkluderet i fri bar\", Upgrade (vinpakke) +\r\n  Add-on (cocktails) og foresp\u00f8rgselsformular (samme REST-endpoint som\r\n  kontaktsiden, med dato\/antal + emne=Selskabsmenu).\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 (billede + intro + CTA'er) ============ *\/\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    \/* Skraa snit oeverst venstre og nederst hoejre \u2014 samme detalje som menu\/kontakt *\/\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    \/* \"Selskabsmenuer\" er et langt ord i en halv kolonne \u2014 mindre clamp end de andre sider *\/\r\n    font-size: clamp(1.75rem, 3.2vw, 2.9rem);\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.5rem;\r\n    overflow-wrap: anywhere;\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: 58ch;\r\n}\r\n\r\n\/* Hero CTA-raekker: nellike + label | knap *\/\r\n.br-sel-groups {\r\n    display: grid;\r\n    grid-template-columns: auto auto;\r\n    justify-content: start;\r\n    gap: 1rem 2rem;\r\n    align-items: center;\r\n}\r\n.br-sel-groups__label {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n    margin: 0;\r\n}\r\n.br-sel-groups__label .br-nellike {\r\n    width: 22px;\r\n    height: 22px;\r\n}\r\n.br-sel-groups__label strong {\r\n    display: block;\r\n    font-weight: 500;\r\n    font-size: 0.9rem;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    color: var(--br-dark);\r\n}\r\n.br-sel-groups__label span {\r\n    display: block;\r\n    font-size: 0.85rem;\r\n    color: var(--br-orange);\r\n}\r\n.br-sel-groups .br-book-btn {\r\n    justify-self: start;\r\n    box-sizing: border-box;\r\n    height: 3rem;\r\n    line-height: 1;\r\n}\r\n.br-sel-groups .br-book-btn--plain {\r\n    padding: 0 1.25rem;\r\n    display: inline-flex;\r\n    align-items: center;\r\n}\r\n\r\n\/* To El Camino-kort side om side *\/\r\n.br-sel-cards {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 2.5rem 1.5rem 1rem;\r\n    box-sizing: border-box;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 2rem;\r\n    align-items: stretch;\r\n}\r\n.br-sel-cards > * { min-width: 0; }\r\n.br-jul-camino__title small {\r\n    font-size: 0.55em;\r\n    letter-spacing: 0.06em;\r\n    margin-left: 0.4rem;\r\n    vertical-align: 0.15em;\r\n}\r\n.br-jul-camino__meta {\r\n    font-size: 0.85rem;\r\n    font-style: italic;\r\n    color: var(--br-orange);\r\n    margin: 0.35rem 0 0.75rem;\r\n}\r\n.br-jul-camino__price--sm strong { font-size: 2rem; }\r\n\r\n\/* Inkluderet i fri bar *\/\r\n.br-sel-bar {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 2.5rem 1.5rem 3rem;\r\n    box-sizing: border-box;\r\n}\r\n.br-sel-bar__grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(5, auto);\r\n    justify-content: space-between;\r\n    gap: 1.5rem 2.5rem;\r\n}\r\n.br-sel-bar__grid > div { min-width: 0; }\r\n\r\n\/* Upgrade + Add-on side om side, label over boks *\/\r\n.br-sel-offers {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 3rem 1.5rem 3rem;\r\n    box-sizing: border-box;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 3rem;\r\n    align-items: stretch;\r\n}\r\n.br-sel-offers > * { min-width: 0; }\r\n\r\n\/* ============ JULEMENU ============ *\/\r\n.br-jul {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 1rem 1.5rem 3rem;\r\n    box-sizing: border-box;\r\n    display: grid;\r\n    grid-template-columns: 5fr 7fr;\r\n    gap: 3rem 4rem;\r\n    align-items: start;\r\n}\r\n.br-jul > * { min-width: 0; }\r\n\r\n\/* Shared: small Archivo label *\/\r\n.br-jul__label {\r\n    font-size: 0.78rem;\r\n    font-weight: 500;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    margin: 0 0 0.3rem;\r\n}\r\n.br-jul__item {\r\n    font-size: 1rem;\r\n    line-height: 1.45;\r\n    margin: 0;\r\n}\r\n.br-jul__item em {\r\n    font-style: normal;\r\n    font-size: 0.82em;\r\n    color: var(--br-orange);\r\n    margin-left: 0.3em;\r\n}\r\n.br-jul-camino hr.br-jul__hr {\r\n    display: block;\r\n    height: 0;\r\n    border: 0;\r\n    border-top: 1px solid var(--br-peach);\r\n    margin: 2.25rem 0 !important;\r\n    padding: 0;\r\n}\r\n\/* Backup-luft paa naboerne, hvis temaet nulstiller hr-margins *\/\r\n.br-jul-camino__price { margin-bottom: 0.5rem; }\r\n.br-jul-camino .br-jul__label--section { margin-top: 0.25rem; }\r\n\r\n\/* SVG frame (drawn by JS to fit the box) *\/\r\n.br-frame {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    pointer-events: none;\r\n    overflow: visible;\r\n}\r\n.br-frame path {\r\n    fill: none;\r\n    stroke: var(--br-orange);\r\n    stroke-width: 1;\r\n}\r\n\r\n\/* El Camino stamp box *\/\r\n.br-jul-camino {\r\n    position: relative;\r\n    padding: 2.5rem 2.25rem 2.25rem;\r\n}\r\n.br-jul-camino__title {\r\n    font-size: clamp(1.75rem, 2.6vw, 2.25rem);\r\n    font-weight: 500;\r\n    line-height: 1;\r\n    letter-spacing: 0.02em;\r\n    text-transform: uppercase;\r\n    color: var(--br-brown);\r\n    margin: 0;\r\n}\r\n.br-jul-camino__sub {\r\n    font-size: 0.85rem;\r\n    font-style: italic;\r\n    color: var(--br-orange);\r\n    margin: 0.25rem 0 1rem;\r\n}\r\n.br-jul-camino__price {\r\n    display: flex;\r\n    align-items: baseline;\r\n    gap: 0.5rem;\r\n    color: var(--br-brown);\r\n    margin: 0 0 0.5rem;\r\n}\r\n.br-jul-camino__price strong {\r\n    font-size: 2.6rem;\r\n    font-weight: 500;\r\n    line-height: 1;\r\n    font-variant-numeric: tabular-nums;\r\n}\r\n.br-jul-camino__price span { font-size: 1rem; }\r\n.br-jul-camino__section + .br-jul-camino__section { margin-top: 1.25rem; }\r\n.br-jul-camino__heading {\r\n    font-size: 1.35rem;\r\n    font-weight: 500;\r\n    line-height: 1.1;\r\n    letter-spacing: 0.02em;\r\n    text-transform: uppercase;\r\n    color: var(--br-brown);\r\n    margin: 0 0 0.6rem;\r\n}\r\n.br-jul-camino__body {\r\n    font-size: 0.95rem;\r\n    line-height: 1.55;\r\n    margin: 0;\r\n}\r\n.br-jul-camino .br-jul__label { color: var(--br-dark); }\r\n.br-jul-camino .br-jul__label--section { color: var(--br-brown); font-size: 0.95rem; margin-bottom: 1rem; }\r\n\r\n\/* Right column: upgrade \/ add-on rows *\/\r\n.br-jul-side {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 3rem;\r\n}\r\n.br-jul-offer {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    grid-template-rows: auto 1fr;\r\n    gap: 1rem;\r\n    align-items: stretch;\r\n}\r\n.br-jul-offer__lead {\r\n    text-align: left;\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 0;\r\n}\r\n.br-jul-offer__kicker {\r\n    font-size: 0.85rem;\r\n    font-weight: 500;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    color: var(--br-brown);\r\n    margin: 0;\r\n}\r\n.br-jul-offer__title {\r\n    font-size: clamp(1.5rem, 2.2vw, 2rem);\r\n    font-weight: 500;\r\n    line-height: 1;\r\n    letter-spacing: 0.02em;\r\n    text-transform: uppercase;\r\n    color: var(--br-brown);\r\n    margin: 0 0 0.25rem;\r\n}\r\n.br-jul-offer__note {\r\n    font-size: 0.8rem;\r\n    font-style: italic;\r\n    color: var(--br-orange);\r\n    margin: 0 0 1.25rem;\r\n}\r\n.br-jul-offer__price {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: baseline;\r\n    gap: 0.4rem;\r\n    color: var(--br-brown);\r\n    margin: 0;\r\n}\r\n.br-jul-offer__price strong {\r\n    font-size: 1.6rem;\r\n    font-weight: 500;\r\n    line-height: 1;\r\n}\r\n.br-jul-offer__price span { font-size: 0.9rem; }\r\n.br-jul-offer__box {\r\n    background: var(--br-brown);\r\n    color: var(--br-cream);\r\n    padding: 2rem 2.25rem 2rem 2.75rem;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    gap: 0.9rem;\r\n    min-height: 180px;\r\n    \/* Skraa snit oeverst hoejre + nederst venstre *\/\r\n    clip-path: polygon(0 0, 93% 0, 100% 22%, 100% 100%, 7% 100%, 0 78%);\r\n}\r\n.br-jul-offer__box--orange { background: var(--br-orange); }\r\n.br-jul-offer__box .br-jul__label { font-size: 0.85rem; }\r\n.br-jul-offer__box .br-jul__item em { color: var(--br-peach); }\r\n.br-jul-offer__box .br-jul__item { font-size: 1.05rem; }\r\n\r\n\/* Selskaber CTAs *\/\r\n\/* Samme kolonner som .br-jul-offer, saa knapperne flugter med boksenes venstrekant *\/\r\n.br-jul-groups {\r\n    display: grid;\r\n    grid-template-columns: minmax(180px, 2fr) 3fr;\r\n    gap: 1rem 0.75rem;\r\n    align-items: center;\r\n    margin-top: auto;\r\n}\r\n.br-jul-groups__label {\r\n    text-align: right;\r\n    margin: 0;\r\n}\r\n.br-jul-groups__label strong {\r\n    display: block;\r\n    font-weight: 500;\r\n    font-size: 0.9rem;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    color: var(--br-dark);\r\n}\r\n.br-jul-groups__label span {\r\n    font-size: 0.85rem;\r\n    color: var(--br-orange);\r\n}\r\n\/* Begge CTA'er laases til samme hoejde (Book bord = 0.5rem + 2rem pil-boks + 0.5rem) *\/\r\n.br-jul-groups .br-book-btn {\r\n    justify-self: start;\r\n    box-sizing: border-box;\r\n    height: 3rem;\r\n    line-height: 1;\r\n}\r\n.br-jul-groups .br-book-btn--plain {\r\n    padding: 0 1.25rem;\r\n    display: inline-flex;\r\n    align-items: center;\r\n}\r\n\r\n.br-jul-divider {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 0 1.5rem;\r\n}\r\n.br-jul-divider hr {\r\n    border: 0;\r\n    border-top: 1px solid var(--br-peach);\r\n    margin: 0 0rem;\r\n}\r\n\r\n\/* Form intro + date icon *\/\r\n.br-form-section__intro {\r\n    font-size: 0.95rem;\r\n    margin: -0.75rem 0 1.25rem;\r\n    color: var(--br-brown);\r\n}\r\n.br-form__field--icon { position: relative; }\r\n.br-form__field--icon svg {\r\n    position: absolute;\r\n    left: 1rem;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 1.1rem;\r\n    height: 1.1rem;\r\n    color: var(--br-orange);\r\n    pointer-events: none;\r\n}\r\n.br-form .br-form__field--icon input { padding-left: 2.6rem; }\r\n\/* Native date-picker: skjul browserens eget ikon og laeg det usynligt over hele feltet,\r\n   saa et klik hvor som helst aabner kalenderen. Vores eget ikon til venstre bliver staaende. *\/\r\n.br-form .br-form__field--icon input[type=\"date\"] {\r\n    position: relative;\r\n    color: var(--br-dark);\r\n    min-height: 3.1rem;\r\n}\r\n.br-form .br-form__field--icon input[type=\"date\"]::-webkit-calendar-picker-indicator {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    opacity: 0;\r\n    cursor: pointer;\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    \/* Anchor-scroll lander under den sticky header *\/\r\n    scroll-margin-top: 8rem;\r\n}\r\nhtml { scroll-behavior: smooth; }\r\n.br-form-section__header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n    margin: 0 0 1.5rem;\r\n}\r\n.br-form-section h2,\r\n.br-form-section__title {\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;\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\/* ============ HEADINGS FONT (Archivo Expanded Medium) ============ *\/\r\n.br-hero__title,\r\n.br-form-section h2,\r\n.br-form-section__title,\r\n.br-jul__label,\r\n.br-jul-camino__title,\r\n.br-jul-camino__heading,\r\n.br-jul-offer__kicker,\r\n.br-jul-offer__title,\r\n.br-jul-groups__label strong,\r\n.br-sel-groups__label strong,\r\n.br-section-header 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__content { padding-top: 0; }\r\n    .br-hero__title { font-size: 1.4rem; margin-bottom: 1rem; }\r\n    .br-hero__body { font-size: 0.95rem; margin-bottom: 1.5rem; }\r\n    .br-sel-groups { grid-template-columns: 1fr; gap: 0.75rem 0; }\r\n    .br-sel-groups .br-book-btn { margin-bottom: 0.75rem; height: 2.75rem; }\r\n\r\n    .br-sel-cards {\r\n        grid-template-columns: 1fr;\r\n        gap: 2rem;\r\n        padding: 2rem 1.25rem 0.5rem;\r\n    }\r\n    .br-jul-camino { padding: 2rem 1.5rem 1.75rem; }\r\n    .br-sel-bar { padding: 2rem 1.25rem 2rem; }\r\n    .br-sel-bar__grid { grid-template-columns: 1fr 1fr; gap: 1.25rem 1.5rem; }\r\n    .br-sel-offers {\r\n        grid-template-columns: 1fr;\r\n        gap: 2.5rem;\r\n        padding: 2rem 1.25rem 2.5rem;\r\n    }\r\n    .br-jul-offer__box {\r\n        padding: 1.75rem 1.5rem 1.75rem 2rem;\r\n        min-height: 0;\r\n        clip-path: polygon(10% 0, 100% 0, 100% 84%, 90% 100%, 0 100%, 0 16%);\r\n    }\r\n    .br-jul-divider hr { margin: 0; }\r\n\r\n    .br-form-section { padding: 1.5rem 1.25rem 3.5rem; }\r\n    .br-form-section h2,\r\n    .br-form-section__title { font-size: 1.15rem; word-break: break-word; }\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\/DSC036934534-scaled.jpg\" alt=\"Delevenlige spanske serveringer p\u00e5 bordet\">\r\n    <\/div>\r\n    <div class=\"br-hero__content\">\r\n        <h1 class=\"br-hero__title\">Selskabsmenuer<\/h1>\r\n        <p class=\"br-hero__body\">Vores selskabsmenuer er en n\u00f8je sammensat smagsoplevelse, der tager jer gennem den nutidige spanske madkultur serveret i k\u00f8kkenets tempo.<\/p>\r\n        <div class=\"br-sel-groups\">\r\n            <p class=\"br-sel-groups__label\">\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                <span><strong>Mindre selskaber<\/strong><span>Mellem 9&ndash;20 personer<\/span><\/span>\r\n            <\/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            <p class=\"br-sel-groups__label\">\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                <span><strong>St\u00f8rre selskaber<\/strong><span>Flere end 20 personer<\/span><\/span>\r\n            <\/p>\r\n            <a href=\"#br-kontakt\" class=\"br-book-btn br-book-btn--plain\">\r\n                <span class=\"br-book-btn-text\">Kontakt os<\/span>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"br-sel-cards\" aria-label=\"Selskabsmenuer\">\r\n    <div class=\"br-jul-camino\">\r\n        <svg class=\"br-frame\" data-frame=\"stamp\" aria-hidden=\"true\" focusable=\"false\"><path d=\"\"\/><\/svg>\r\n        <h2 class=\"br-jul-camino__title\">El Camino<\/h2>\r\n        <p class=\"br-jul-camino__sub\">Versi\u00f3n de grupo<\/p>\r\n        <p class=\"br-jul-camino__price\"><strong>495<\/strong><span>pr. person<\/span><\/p>\r\n\r\n        <hr class=\"br-jul__hr\">\r\n\r\n        <div class=\"br-jul-camino__section\">\r\n            <h3 class=\"br-jul-camino__heading\">10 serveringer<\/h3>\r\n            <p class=\"br-jul-camino__body\">10 serveringer i et flow efter kokkens tempo med regionale smage, signaturretter &amp; vores version af spanske klassikere &mdash; skabt til at blive delt.<\/p>\r\n        <\/div>\r\n\r\n        <hr class=\"br-jul__hr\">\r\n\r\n        <div class=\"br-jul-camino__section\">\r\n            <p class=\"br-jul__label br-jul__label--section\">Inkl. fri bar<\/p>\r\n            <p class=\"br-jul__item\">Fri bar i \u00f8l, vin, sodavand &amp; vand<\/p>\r\n            <p class=\"br-jul-camino__meta\">2,5 timer<\/p>\r\n            <p class=\"br-jul-camino__price br-jul-camino__price--sm\"><strong>795<\/strong><span>pr. person<\/span><\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"br-jul-camino\">\r\n        <svg class=\"br-frame\" data-frame=\"stamp\" aria-hidden=\"true\" focusable=\"false\"><path d=\"\"\/><\/svg>\r\n        <h2 class=\"br-jul-camino__title\">El Camino<small>Largo<\/small><\/h2>\r\n        <p class=\"br-jul-camino__sub\">Versi\u00f3n de grupo<\/p>\r\n        <p class=\"br-jul-camino__price\"><strong>595<\/strong><span>pr. person<\/span><\/p>\r\n\r\n        <hr class=\"br-jul__hr\">\r\n\r\n        <div class=\"br-jul-camino__section\">\r\n            <p class=\"br-jul__label\">Velkomstbobler<\/p>\r\n            <p class=\"br-jul__item\">Ravent\u00f3s i Blanc<em>'Blanc de Blancs', Brut, 2024<\/em><\/p>\r\n        <\/div>\r\n        <div class=\"br-jul-camino__section\">\r\n            <h3 class=\"br-jul-camino__heading\">10 serveringer<\/h3>\r\n            <p class=\"br-jul-camino__body\">10 serveringer i et flow efter kokkens tempo med regionale smage, signaturretter &amp; vores version af spanske klassikere &mdash; skabt til at blive delt.<\/p>\r\n        <\/div>\r\n        <div class=\"br-jul-camino__section\">\r\n            <p class=\"br-jul__label\">Afrunding<\/p>\r\n            <p class=\"br-jul__item\">Kaffe<\/p>\r\n        <\/div>\r\n\r\n        <hr class=\"br-jul__hr\">\r\n\r\n        <div class=\"br-jul-camino__section\">\r\n            <p class=\"br-jul__label br-jul__label--section\">Inkl. fri bar<\/p>\r\n            <p class=\"br-jul__item\">Fri bar i \u00f8l, vin, sodavand &amp; vand<\/p>\r\n            <p class=\"br-jul-camino__meta\">2,5 timer<\/p>\r\n            <p class=\"br-jul-camino__price br-jul-camino__price--sm\"><strong>895<\/strong><span>pr. person<\/span><\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"br-sel-bar\" aria-labelledby=\"br-sel-bar-title\">\r\n    <header class=\"br-form-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\" aria-hidden=\"true\">\r\n        <h2 class=\"br-form-section__title\" id=\"br-sel-bar-title\">Inkluderet i fri bar<\/h2>\r\n    <\/header>\r\n    <div class=\"br-sel-bar__grid\">\r\n        <div>\r\n            <p class=\"br-jul__label\">Hvidvin<\/p>\r\n            <p class=\"br-jul__item\">Magnetic<em>Sauvignon Blanc, 2025<\/em><\/p>\r\n            <p class=\"br-jul__item\">+ Alkoholfri alternativ<\/p>\r\n        <\/div>\r\n        <div>\r\n            <p class=\"br-jul__label\">R\u00f8dvin<\/p>\r\n            <p class=\"br-jul__item\">Magnetic<em>Garnacha Tinta, 2024<\/em><\/p>\r\n            <p class=\"br-jul__item\">+ Alkoholfri alternativ<\/p>\r\n        <\/div>\r\n        <div>\r\n            <p class=\"br-jul__label\">\u00d8l<\/p>\r\n            <p class=\"br-jul__item\">Tuborg Pilsner<\/p>\r\n            <p class=\"br-jul__item\">+ Alkoholfri alternativ<\/p>\r\n        <\/div>\r\n        <div>\r\n            <p class=\"br-jul__label\">Sodavand<\/p>\r\n            <p class=\"br-jul__item\">Coca Cola &amp; Coca Cola Zero<\/p>\r\n        <\/div>\r\n        <div>\r\n            <p class=\"br-jul__label\">Vand<\/p>\r\n            <p class=\"br-jul__item\">Vand m\/u brus<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<div class=\"br-jul-divider\"><hr><\/div>\r\n\r\n<section class=\"br-sel-offers\" aria-label=\"Upgrade og add-on\">\r\n    <div class=\"br-jul-offer\">\r\n        <div class=\"br-jul-offer__lead\">\r\n            <p class=\"br-jul-offer__kicker\">Upgrade<\/p>\r\n            <h3 class=\"br-jul-offer__title\">Vinpakke<\/h3>\r\n            <p class=\"br-jul-offer__note\">Skal v\u00e6lges af hele selskabet<\/p>\r\n            <p class=\"br-jul-offer__price\"><strong>+ 175<\/strong><span>pr. person<\/span><\/p>\r\n        <\/div>\r\n        <div class=\"br-jul-offer__box\">\r\n            <div>\r\n                <p class=\"br-jul__label\">Hvidvin<\/p>\r\n                <p class=\"br-jul__item\">Familia Torres<em>'Waltraud' Riesling, 2024<\/em><\/p>\r\n            <\/div>\r\n            <div>\r\n                <p class=\"br-jul__label\">R\u00f8dvin<\/p>\r\n                <p class=\"br-jul__item\">Rico Nuevo<em>Garnacha, 2022<\/em><\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"br-jul-offer\">\r\n        <div class=\"br-jul-offer__lead\">\r\n            <p class=\"br-jul-offer__kicker\">Add-on<\/p>\r\n            <h3 class=\"br-jul-offer__title\">Cocktails<\/h3>\r\n            <p class=\"br-jul-offer__note\">Skal v\u00e6lges af hele selskabet<\/p>\r\n            <p class=\"br-jul-offer__price\"><strong>+ 195<\/strong><span>pr. person<\/span><\/p>\r\n        <\/div>\r\n        <div class=\"br-jul-offer__box br-jul-offer__box--orange\">\r\n            <p class=\"br-jul__item\">Espresso Martini<\/p>\r\n            <p class=\"br-jul__item\">Gin MG<em>Gin &amp; Tonic<\/em><\/p>\r\n            <p class=\"br-jul__item\">Sangria Tinto<\/p>\r\n            <p class=\"br-jul__item\">Vermouth Blanco y Pink Grape<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<div class=\"br-jul-divider\"><hr><\/div>\r\n\r\n<section class=\"br-form-section\" id=\"br-kontakt\" aria-labelledby=\"br-form-title\">\r\n    <header class=\"br-form-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\" aria-hidden=\"true\">\r\n        <h2 id=\"br-form-title\">Kontaktformular<\/h2>\r\n    <\/header>\r\n    <p class=\"br-form-section__intro\">Udfyld kontaktformularen med dine \u00f8nsker og behov, s\u00e5 vender vi tilbage hurtigst muligt<\/p>\r\n    <form class=\"br-form\" action=\"#\" method=\"post\">\r\n        <input type=\"hidden\" name=\"emne\" value=\"Selskabsmenu\">\r\n        <label class=\"br-form__field br-form__field--icon\">\r\n            <span class=\"br-visually-hidden\">Dato for event<\/span>\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\/><path d=\"M3 10h18M8 3v4M16 3v4\"\/><\/svg>\r\n            <input type=\"text\" name=\"dato\" placeholder=\"Dato for event\" autocomplete=\"off\" data-datepicker>\r\n        <\/label>\r\n        <label class=\"br-form__field\">\r\n            <span class=\"br-visually-hidden\">Antal g\u00e6ster<\/span>\r\n            <input type=\"number\" name=\"antal\" placeholder=\"Antal g\u00e6ster\" min=\"1\" inputmode=\"numeric\">\r\n        <\/label>\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\">Fort\u00e6l os om dine \u00f8nsker og behov<\/span>\r\n            <textarea name=\"besked\" placeholder=\"Fort\u00e6l os om dine \u00f8nsker og behov\" 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=\"\/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\/* 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\/* Stamp frame \u2014 perforated outline drawn as SVG to fit the El Camino box *\/\r\n(function () {\r\n    var frames = document.querySelectorAll('.br-frame');\r\n    if (!frames.length) return;\r\n\r\n    var R = 9, STEP = 34, 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 stampPath(w, h) {\r\n        var L = 0.5, T = 0.5, Rt = w - 0.5, B = h - 0.5;\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        return d;\r\n    }\r\n\r\n    function draw(svg) {\r\n        var path = svg.querySelector('path'), el = svg.parentNode;\r\n        var w = el.offsetWidth, h = el.offsetHeight;\r\n        if (!w || !h) return;\r\n        svg.setAttribute('viewBox', '0 0 ' + w + ' ' + h);\r\n        path.setAttribute('d', stampPath(w, h));\r\n    }\r\n    function drawAll() { frames.forEach(draw); }\r\n    drawAll();\r\n    if (window.ResizeObserver) {\r\n        var ro = new ResizeObserver(drawAll);\r\n        frames.forEach(function (f) { ro.observe(f.parentNode); });\r\n    } else {\r\n        window.addEventListener('resize', drawAll);\r\n    }\r\n    window.addEventListener('load', drawAll);\r\n})();\r\n\r\n\/* Datofelt: vises som tekst med placeholder, skifter til native date-picker ved fokus\r\n   (type=\"date\" kan ikke vise placeholder). Falder tilbage til tekst hvis feltet forlades tomt. *\/\r\n(function () {\r\n    var el = document.querySelector('[data-datepicker]');\r\n    if (!el) return;\r\n    var today = new Date().toISOString().slice(0, 10);\r\n    function toDate() {\r\n        if (el.type === 'date') return;\r\n        el.type = 'date';\r\n        el.min = today;\r\n        if (typeof el.showPicker === 'function') { try { el.showPicker(); } catch (e) {} }\r\n    }\r\n    el.addEventListener('focus', toDate);\r\n    el.addEventListener('click', toDate);\r\n    el.addEventListener('blur', function () { if (!el.value) el.type = 'text'; });\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        \/\/ yyyy-mm-dd fra date-pickeren -> dd.mm.yyyy i mailen\r\n        if (\/^\\d{4}-\\d{2}-\\d{2}$\/.test(data.dato || '')) {\r\n            var p = data.dato.split('-');\r\n            data.dato = p[2] + '.' + p[1] + '.' + p[0];\r\n        }\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>Vores selskabsmenuer er en n\u00f8je sammensat smagsoplevelse, der tager jer gennem den nutidige spanske madkultur serveret i k\u00f8kkenets tempo.<\/p>","protected":false},"author":1,"featured_media":767,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-765","page","type-page","status-publish","has-post-thumbnail","hentry"],"permalink_manager":null,"_links":{"self":[{"href":"https:\/\/bocareal.dk\/en\/wp-json\/wp\/v2\/pages\/765","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=765"}],"version-history":[{"count":61,"href":"https:\/\/bocareal.dk\/en\/wp-json\/wp\/v2\/pages\/765\/revisions"}],"predecessor-version":[{"id":1156,"href":"https:\/\/bocareal.dk\/en\/wp-json\/wp\/v2\/pages\/765\/revisions\/1156"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bocareal.dk\/en\/wp-json\/wp\/v2\/media\/767"}],"wp:attachment":[{"href":"https:\/\/bocareal.dk\/en\/wp-json\/wp\/v2\/media?parent=765"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}