{"id":5,"date":"2026-08-17T10:06:37","date_gmt":"2026-08-17T10:06:37","guid":{"rendered":"https:\/\/hetvenhat.hu\/?page_id=5"},"modified":"2026-08-17T11:55:30","modified_gmt":"2026-08-17T11:55:30","slug":"fooldal","status":"publish","type":"page","link":"https:\/\/hetvenhat.hu\/","title":{"rendered":"F\u0151oldal"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5\" class=\"elementor elementor-5\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6652e05 e-flex e-con-boxed e-con e-parent\" data-id=\"6652e05\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-882ac2a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"882ac2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   HETVENHAT \u2014 RESET\r\n========================================================= *\/\r\n\r\n* {\r\n    box-sizing: border-box;\r\n}\r\n\r\nhtml,\r\nbody {\r\n    margin: 0;\r\n    padding: 0;\r\n    background: #070707;\r\n    overflow-x: hidden;\r\n}\r\n\r\nhtml {\r\n    scroll-behavior: smooth;\r\n}\r\n\r\n\r\n\/* Elementor HTML widget ne korl\u00e1tozzon *\/\r\n\r\n.elementor-widget-html,\r\n.elementor-widget-html .elementor-widget-container {\r\n    width: 100%;\r\n    max-width: none !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SITE \u2014 FULL VIEWPORT BREAKOUT\r\n========================================================= *\/\r\n\r\n.hetvenhat-site {\r\n    --black: #070707;\r\n    --gold: #d9b568;\r\n    --gold-light: #efd28e;\r\n    --white: #f6f2ea;\r\n    --muted: rgba(255,255,255,.68);\r\n\r\n    position: relative;\r\n\r\n    width: 100vw;\r\n    max-width: none;\r\n\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n\r\n    background: var(--black);\r\n    color: var(--white);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.hh-hero {\r\n    position: relative;\r\n\r\n    width: 100vw;\r\n\r\n    \/*\r\n       Desktopon a banner eredeti sz\u00e9les ar\u00e1ny\u00e1t k\u00f6vetj\u00fck.\r\n    *\/\r\n    aspect-ratio: 1680 \/ 896;\r\n\r\n    min-height: 0;\r\n    max-height: none;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #050505;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO IMAGE\r\n========================================================= *\/\r\n\r\n.hh-hero-image {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: contain;\r\n    object-position: center center;\r\n\r\n    transform: scale(1);\r\n\r\n    animation:\r\n        hhHeroImage 2.2s\r\n        cubic-bezier(.16,1,.3,1)\r\n        forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DARK CINEMATIC OVERLAY\r\n========================================================= *\/\r\n\r\n.hh-hero-overlay {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 2;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(0,0,0,.88) 0%,\r\n            rgba(0,0,0,.72) 24%,\r\n            rgba(0,0,0,.34) 46%,\r\n            rgba(0,0,0,.10) 67%,\r\n            rgba(0,0,0,.02) 100%\r\n        ),\r\n\r\n        linear-gradient(\r\n            to bottom,\r\n            rgba(0,0,0,.38) 0%,\r\n            transparent 23%,\r\n            transparent 70%,\r\n            rgba(0,0,0,.52) 100%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.hh-header {\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n\r\n    z-index: 20;\r\n\r\n    width: 100%;\r\n}\r\n\r\n.hh-header-inner {\r\n    width: min(1500px, calc(100% - 100px));\r\n\r\n    height: 108px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    gap: 35px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOGO\r\n========================================================= *\/\r\n\r\n.hh-logo {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 15px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    text-decoration: none;\r\n\r\n    color: white;\r\n}\r\n\r\n.hh-logo-number {\r\n    color: var(--gold);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: 54px;\r\n    font-weight: 400;\r\n\r\n    line-height: .8;\r\n}\r\n\r\n.hh-logo-copy {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.hh-logo-name {\r\n    color: white;\r\n\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n\r\n    letter-spacing: 5px;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n.hh-logo-sub {\r\n    margin-top: 6px;\r\n\r\n    color: rgba(255,255,255,.52);\r\n\r\n    font-size: 8px;\r\n\r\n    letter-spacing: 2.5px;\r\n\r\n    white-space: nowrap;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP NAV\r\n========================================================= *\/\r\n\r\n.hh-nav {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: clamp(20px, 2vw, 38px);\r\n}\r\n\r\n.hh-nav a {\r\n    position: relative;\r\n\r\n    color: rgba(255,255,255,.80);\r\n\r\n    text-decoration: none;\r\n\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 1.6px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    white-space: nowrap;\r\n\r\n    transition:\r\n        color .3s ease;\r\n}\r\n\r\n.hh-nav a::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    bottom: -10px;\r\n\r\n    width: 0;\r\n    height: 1px;\r\n\r\n    background: var(--gold);\r\n\r\n    transition:\r\n        width .45s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.hh-nav a:hover,\r\n.hh-nav a.active {\r\n    color: white;\r\n}\r\n\r\n.hh-nav a:hover::after,\r\n.hh-nav a.active::after {\r\n    width: 100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER ACTION\r\n========================================================= *\/\r\n\r\n.hh-header-action {\r\n    flex-shrink: 0;\r\n}\r\n\r\n.hh-header-button {\r\n    height: 48px;\r\n\r\n    padding: 0 25px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background: var(--gold-light);\r\n\r\n    color: #111;\r\n\r\n    text-decoration: none;\r\n\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.8px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n.hh-header-button:hover {\r\n    background: white;\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE MENU BUTTON\r\n========================================================= *\/\r\n\r\n.hh-menu-button {\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    display: none;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 0;\r\n\r\n    border: 1px solid rgba(255,255,255,.18);\r\n\r\n    background: rgba(0,0,0,.24);\r\n\r\n    cursor: pointer;\r\n\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n}\r\n\r\n.hh-menu-lines {\r\n    width: 20px;\r\n    height: 14px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n}\r\n\r\n.hh-menu-lines span {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 1px;\r\n\r\n    background: white;\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        opacity .35s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO CONTENT\r\n========================================================= *\/\r\n\r\n.hh-hero-content-wrapper {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 5;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.hh-hero-inner {\r\n    width: min(1500px, calc(100% - 100px));\r\n\r\n    margin: 0 auto;\r\n\r\n    padding-top: 72px;\r\n}\r\n\r\n.hh-hero-content {\r\n    width: min(680px, 48%);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EYEBROW\r\n========================================================= *\/\r\n\r\n.hh-eyebrow {\r\n    margin-bottom: 25px;\r\n\r\n    color: var(--gold-light);\r\n\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 5px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(25px);\r\n\r\n    animation:\r\n        hhReveal .9s .15s\r\n        cubic-bezier(.16,1,.3,1)\r\n        forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN TITLE\r\n========================================================= *\/\r\n\r\n.hh-title {\r\n    margin: 0;\r\n\r\n    color: white;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            64px,\r\n            5.9vw,\r\n            105px\r\n        );\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: .93;\r\n\r\n    letter-spacing: -3px;\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(35px);\r\n\r\n    animation:\r\n        hhReveal 1.1s .25s\r\n        cubic-bezier(.16,1,.3,1)\r\n        forwards;\r\n}\r\n\r\n.hh-title span {\r\n    display: block;\r\n\r\n    color: var(--gold-light);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.hh-description {\r\n    max-width: 530px;\r\n\r\n    margin: 30px 0 0;\r\n\r\n    color: rgba(255,255,255,.72);\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.75;\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(30px);\r\n\r\n    animation:\r\n        hhReveal 1s .42s\r\n        cubic-bezier(.16,1,.3,1)\r\n        forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n\r\n.hh-buttons {\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    margin-top: 36px;\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(30px);\r\n\r\n    animation:\r\n        hhReveal 1s .57s\r\n        cubic-bezier(.16,1,.3,1)\r\n        forwards;\r\n}\r\n\r\n.hh-btn {\r\n    min-height: 57px;\r\n\r\n    padding: 0 29px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 20px;\r\n\r\n    text-decoration: none;\r\n\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.8px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    transition:\r\n        transform .35s\r\n        cubic-bezier(.16,1,.3,1),\r\n        background .35s ease,\r\n        border-color .35s ease;\r\n}\r\n\r\n.hh-btn-primary {\r\n    color: #111;\r\n\r\n    background: var(--gold-light);\r\n\r\n    border: 1px solid var(--gold-light);\r\n}\r\n\r\n.hh-btn-secondary {\r\n    color: white;\r\n\r\n    background: rgba(0,0,0,.10);\r\n\r\n    border: 1px solid rgba(255,255,255,.34);\r\n\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n}\r\n\r\n.hh-btn:hover {\r\n    transform: translateY(-3px);\r\n}\r\n\r\n.hh-btn-primary:hover {\r\n    background: white;\r\n\r\n    border-color: white;\r\n}\r\n\r\n.hh-btn-secondary:hover {\r\n    background: rgba(255,255,255,.07);\r\n\r\n    border-color: rgba(255,255,255,.70);\r\n}\r\n\r\n.hh-arrow {\r\n    font-size: 17px;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n}\r\n\r\n.hh-btn:hover .hh-arrow {\r\n    transform: translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL INDICATOR\r\n========================================================= *\/\r\n\r\n.hh-scroll {\r\n    position: absolute;\r\n\r\n    z-index: 10;\r\n\r\n    left: max(\r\n        calc((100vw - 1500px) \/ 2),\r\n        50px\r\n    );\r\n\r\n    bottom: 42px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 15px;\r\n\r\n    color: rgba(255,255,255,.52);\r\n\r\n    font-size: 9px;\r\n\r\n    letter-spacing: 2.5px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n.hh-scroll-line {\r\n    position: relative;\r\n\r\n    width: 1px;\r\n    height: 40px;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        rgba(255,255,255,.17);\r\n}\r\n\r\n.hh-scroll-line::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    top: -100%;\r\n\r\n    width: 1px;\r\n    height: 100%;\r\n\r\n    background: var(--gold);\r\n\r\n    animation:\r\n        hhScroll 1.7s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE NAV\r\n========================================================= *\/\r\n\r\n.hh-mobile-nav {\r\n    position: fixed;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 9999;\r\n\r\n    padding:\r\n        110px\r\n        35px\r\n        50px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n\r\n    background:\r\n        rgba(5,5,5,.97);\r\n\r\n    backdrop-filter: blur(22px);\r\n    -webkit-backdrop-filter: blur(22px);\r\n\r\n    opacity: 0;\r\n\r\n    visibility: hidden;\r\n\r\n    transform: translateY(-20px);\r\n\r\n    transition:\r\n        opacity .45s ease,\r\n        transform .45s\r\n        cubic-bezier(.16,1,.3,1),\r\n        visibility .45s;\r\n}\r\n\r\n.hh-mobile-nav.open {\r\n    opacity: 1;\r\n\r\n    visibility: visible;\r\n\r\n    transform: translateY(0);\r\n}\r\n\r\n.hh-mobile-nav a {\r\n    padding: 10px 0;\r\n\r\n    color: white;\r\n\r\n    text-decoration: none;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            36px,\r\n            10vw,\r\n            60px\r\n        );\r\n\r\n    line-height: 1.15;\r\n}\r\n\r\n.hh-mobile-nav a span {\r\n    margin-right: 8px;\r\n\r\n    color: var(--gold);\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    font-size: .35em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes hhReveal {\r\n\r\n    to {\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translateY(0);\r\n    }\r\n\r\n}\r\n\r\n@keyframes hhHeroImage {\r\n\r\n    from {\r\n        opacity: .5;\r\n\r\n        transform:\r\n            scale(1.01);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n\r\n        transform:\r\n            scale(1);\r\n    }\r\n\r\n}\r\n\r\n@keyframes hhScroll {\r\n\r\n    from {\r\n        transform:\r\n            translateY(0);\r\n    }\r\n\r\n    to {\r\n        transform:\r\n            translateY(200%);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LARGE LAPTOP\r\n========================================================= *\/\r\n\r\n@media (max-width: 1350px) {\r\n\r\n    .hh-header-inner,\r\n    .hh-hero-inner {\r\n        width:\r\n            calc(100% - 70px);\r\n    }\r\n\r\n    .hh-nav {\r\n        gap: 22px;\r\n    }\r\n\r\n    .hh-nav a {\r\n        font-size: 10px;\r\n\r\n        letter-spacing: 1.3px;\r\n    }\r\n\r\n    .hh-logo-number {\r\n        font-size: 48px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .hh-header-inner,\r\n    .hh-hero-inner {\r\n        width:\r\n            calc(100% - 50px);\r\n    }\r\n\r\n    .hh-nav,\r\n    .hh-header-button {\r\n        display: none;\r\n    }\r\n\r\n    .hh-menu-button {\r\n        display: flex;\r\n    }\r\n\r\n    .hh-hero-content {\r\n        width: 55%;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .hh-hero {\r\n        aspect-ratio: auto;\r\n\r\n        width: 100vw;\r\n\r\n        height: 100svh;\r\n\r\n        min-height: 720px;\r\n\r\n        max-height: none;\r\n    }\r\n\r\n\r\n    \/*\r\n       Mobilon m\u00e1s crop:\r\n       jobbra toljuk, hogy a poh\u00e1r megmaradjon.\r\n    *\/\r\n\r\n    .hh-hero-image {\r\n        width: 100%;\r\n        height: 100%;\r\n\r\n        object-fit: cover;\r\n\r\n        object-position:\r\n            72% center;\r\n    }\r\n\r\n\r\n    .hh-hero-overlay {\r\n        background:\r\n\r\n            linear-gradient(\r\n                to bottom,\r\n                rgba(0,0,0,.10) 0%,\r\n                rgba(0,0,0,.13) 24%,\r\n                rgba(0,0,0,.38) 45%,\r\n                rgba(0,0,0,.90) 70%,\r\n                #070707 100%\r\n            ),\r\n\r\n            linear-gradient(\r\n                90deg,\r\n                rgba(0,0,0,.36),\r\n                rgba(0,0,0,.03)\r\n            );\r\n    }\r\n\r\n\r\n    \/* HEADER *\/\r\n\r\n    .hh-header-inner {\r\n        width:\r\n            calc(100% - 32px);\r\n\r\n        height: 82px;\r\n    }\r\n\r\n    .hh-logo {\r\n        gap: 10px;\r\n    }\r\n\r\n    .hh-logo-number {\r\n        font-size: 39px;\r\n    }\r\n\r\n    .hh-logo-name {\r\n        font-size: 11px;\r\n\r\n        letter-spacing: 3.5px;\r\n    }\r\n\r\n    .hh-logo-sub {\r\n        font-size: 6px;\r\n\r\n        letter-spacing: 2px;\r\n    }\r\n\r\n\r\n    \/* HERO *\/\r\n\r\n    .hh-hero-content-wrapper {\r\n        align-items: flex-end;\r\n    }\r\n\r\n    .hh-hero-inner {\r\n        width:\r\n            calc(100% - 36px);\r\n\r\n        padding:\r\n            0\r\n            0\r\n            80px;\r\n    }\r\n\r\n    .hh-hero-content {\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    .hh-eyebrow {\r\n        margin-bottom: 14px;\r\n\r\n        font-size: 9px;\r\n\r\n        letter-spacing: 3.5px;\r\n    }\r\n\r\n\r\n    .hh-title {\r\n        font-size:\r\n            clamp(\r\n                48px,\r\n                15vw,\r\n                68px\r\n            );\r\n\r\n        line-height: .94;\r\n\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n\r\n    .hh-description {\r\n        max-width: 460px;\r\n\r\n        margin-top: 20px;\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.65;\r\n    }\r\n\r\n\r\n    .hh-buttons {\r\n        margin-top: 25px;\r\n\r\n        flex-direction: column;\r\n\r\n        align-items: stretch;\r\n\r\n        gap: 9px;\r\n    }\r\n\r\n\r\n    .hh-btn {\r\n        width: 100%;\r\n\r\n        min-height: 55px;\r\n\r\n        justify-content:\r\n            space-between;\r\n\r\n        padding:\r\n            0\r\n            20px;\r\n    }\r\n\r\n\r\n    .hh-scroll {\r\n        display: none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n    .hh-title {\r\n        font-size: 45px;\r\n    }\r\n\r\n    .hh-description {\r\n        font-size: 13px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    *,\r\n    *::before,\r\n    *::after {\r\n        animation-duration:\r\n            .01ms !important;\r\n\r\n        animation-iteration-count:\r\n            1 !important;\r\n\r\n        scroll-behavior:\r\n            auto !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ABOUT \/ BIO \u2014 PLACEHOLDER VERSION\r\n========================================================= *\/\r\n\r\n.hh-about {\r\n    position: relative;\r\n    width: 100%;\r\n    background: #070707;\r\n    padding: 120px 0 135px;\r\n    overflow: hidden;\r\n}\r\n\r\n.hh-about::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n        radial-gradient(circle at 78% 30%, rgba(217,181,104,.08), transparent 32%),\r\n        linear-gradient(to bottom, rgba(255,255,255,.018), transparent 28%);\r\n    pointer-events: none;\r\n}\r\n\r\n.hh-about-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(1500px, calc(100% - 100px));\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr);\r\n    gap: clamp(60px, 7vw, 120px);\r\n    align-items: center;\r\n}\r\n\r\n.hh-about-copy {\r\n    max-width: 650px;\r\n}\r\n\r\n.hh-section-kicker {\r\n    color: var(--gold-light);\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 4px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 22px;\r\n}\r\n\r\n.hh-about-title {\r\n    margin: 0;\r\n    color: #fff;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: clamp(50px, 4.7vw, 82px);\r\n    font-weight: 400;\r\n    line-height: .98;\r\n    letter-spacing: -2px;\r\n}\r\n\r\n.hh-about-title em {\r\n    color: var(--gold-light);\r\n    font-style: normal;\r\n}\r\n\r\n.hh-about-lead {\r\n    margin: 30px 0 0;\r\n    color: rgba(255,255,255,.72);\r\n    font-size: 17px;\r\n    line-height: 1.8;\r\n    max-width: 600px;\r\n}\r\n\r\n.hh-about-joke {\r\n    margin-top: 22px;\r\n    padding-left: 18px;\r\n    border-left: 1px solid rgba(217,181,104,.7);\r\n    color: rgba(255,255,255,.48);\r\n    font-size: 13px;\r\n    line-height: 1.7;\r\n}\r\n\r\n.hh-founders {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 14px;\r\n    margin-top: 42px;\r\n}\r\n\r\n.hh-founder {\r\n    border-top: 1px solid rgba(255,255,255,.14);\r\n    padding-top: 18px;\r\n}\r\n\r\n.hh-founder-name {\r\n    color: white;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 22px;\r\n    margin-bottom: 7px;\r\n}\r\n\r\n.hh-founder-role {\r\n    color: var(--gold-light);\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    letter-spacing: 2.2px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.hh-about-visual {\r\n    position: relative;\r\n}\r\n\r\n.hh-about-photo-wrap {\r\n    position: relative;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(255,255,255,.09);\r\n    background: #111;\r\n}\r\n\r\n.hh-about-photo {\r\n    width: 100%;\r\n    display: block;\r\n    aspect-ratio: 4 \/ 5;\r\n    object-fit: cover;\r\n    object-position: center 35%;\r\n    filter: saturate(.82) contrast(1.04);\r\n    transform: scale(1.01);\r\n    transition: transform 1.1s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.hh-about-photo-wrap:hover .hh-about-photo {\r\n    transform: scale(1.035);\r\n}\r\n\r\n.hh-about-photo-wrap::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(to top, rgba(0,0,0,.48), transparent 48%);\r\n    pointer-events: none;\r\n}\r\n\r\n.hh-photo-caption {\r\n    position: absolute;\r\n    left: 24px;\r\n    right: 24px;\r\n    bottom: 22px;\r\n    z-index: 2;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    align-items: end;\r\n}\r\n\r\n.hh-photo-caption strong {\r\n    display: block;\r\n    color: white;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 22px;\r\n    font-weight: 400;\r\n}\r\n\r\n.hh-photo-caption span {\r\n    display: block;\r\n    color: rgba(255,255,255,.58);\r\n    font-size: 9px;\r\n    letter-spacing: 1.8px;\r\n    text-transform: uppercase;\r\n    margin-top: 5px;\r\n}\r\n\r\n.hh-about-stamp {\r\n    position: absolute;\r\n    top: -22px;\r\n    right: -22px;\r\n    width: 105px;\r\n    height: 105px;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(217,181,104,.55);\r\n    background: rgba(7,7,7,.86);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    color: var(--gold-light);\r\n    font-size: 9px;\r\n    line-height: 1.45;\r\n    letter-spacing: 1.7px;\r\n    text-transform: uppercase;\r\n    transform: rotate(8deg);\r\n}\r\n\r\n.hh-reveal {\r\n    opacity: 0;\r\n    transform: translateY(34px);\r\n    transition:\r\n        opacity .9s cubic-bezier(.16,1,.3,1),\r\n        transform .9s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.hh-reveal.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n@media (max-width: 1100px) {\r\n    .hh-about-inner {\r\n        width: calc(100% - 50px);\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 50px;\r\n    }\r\n}\r\n\r\n@media (max-width: 820px) {\r\n    .hh-about {\r\n        padding: 86px 0 95px;\r\n    }\r\n\r\n    .hh-about-inner {\r\n        width: calc(100% - 36px);\r\n        grid-template-columns: 1fr;\r\n        gap: 48px;\r\n    }\r\n\r\n    .hh-about-copy {\r\n        max-width: none;\r\n    }\r\n\r\n    .hh-about-title {\r\n        font-size: clamp(46px, 13vw, 68px);\r\n    }\r\n\r\n    .hh-about-lead {\r\n        font-size: 15px;\r\n        line-height: 1.72;\r\n    }\r\n\r\n    .hh-founders {\r\n        margin-top: 34px;\r\n    }\r\n\r\n    .hh-about-visual {\r\n        width: 100%;\r\n    }\r\n\r\n    .hh-about-photo {\r\n        aspect-ratio: 4 \/ 5;\r\n        object-position: center 30%;\r\n    }\r\n\r\n    .hh-about-stamp {\r\n        width: 88px;\r\n        height: 88px;\r\n        right: -6px;\r\n        top: -16px;\r\n        font-size: 8px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hh-founders {\r\n        grid-template-columns: 1fr;\r\n        gap: 18px;\r\n    }\r\n\r\n    .hh-about-title {\r\n        letter-spacing: -1.2px;\r\n    }\r\n\r\n    .hh-photo-caption {\r\n        left: 18px;\r\n        right: 18px;\r\n        bottom: 17px;\r\n    }\r\n\r\n    .hh-photo-caption strong {\r\n        font-size: 19px;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"hetvenhat-site\">\r\n\r\n\r\n    <!-- =====================================================\r\n         HERO\r\n    ====================================================== -->\r\n\r\n    <section class=\"hh-hero\">\r\n\r\n\r\n        <!-- BANNER IMAGE -->\r\n\r\n        <img decoding=\"async\"\r\n            class=\"hh-hero-image\"\r\n            src=\"https:\/\/hetvenhat.hu\/wp-content\/uploads\/2026\/08\/76-new-banner.png\"\r\n            alt=\"\"\r\n        >\r\n\r\n\r\n        <!-- CINEMATIC DARK OVERLAY -->\r\n\r\n        <div class=\"hh-hero-overlay\"><\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             HEADER\r\n        ================================================== -->\r\n\r\n        <header class=\"hh-header\">\r\n\r\n            <div class=\"hh-header-inner\">\r\n\r\n\r\n                <!-- LOGO -->\r\n\r\n                <a\r\n                    href=\"#\"\r\n                    class=\"hh-logo\"\r\n                >\r\n\r\n                    <div class=\"hh-logo-number\">\r\n                        76\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hh-logo-copy\">\r\n\r\n                        <div class=\"hh-logo-name\">\r\n                            HETVENHAT\r\n                        <\/div>\r\n\r\n                        <div class=\"hh-logo-sub\">\r\n                            WINE BAR & WEBSHOP\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- DESKTOP NAV -->\r\n\r\n                <nav class=\"hh-nav\">\r\n\r\n                    <a\r\n                        href=\"#\"\r\n                        class=\"active\"\r\n                    >\r\n                        F\u0151oldal\r\n                    <\/a>\r\n\r\n                    <a href=\"#\">\r\n                        Webshop\r\n                    <\/a>\r\n\r\n                    <a href=\"\/kostolok\/\">\r\n                        K\u00f3stol\u00f3k\r\n                    <\/a>\r\n\r\n                    <a href=\"#\">\r\n                        Bor\u00e1szaink\r\n                    <\/a>\r\n\r\n                    <a href=\"#\">\r\n                        H\u00edrek\r\n                    <\/a>\r\n\r\n                    <a href=\"#\">\r\n                        Kapcsolat\r\n                    <\/a>\r\n\r\n                <\/nav>\r\n\r\n\r\n\r\n                <!-- HEADER ACTION -->\r\n\r\n                <div class=\"hh-header-action\">\r\n\r\n                    <a\r\n                        href=\"#\"\r\n                        class=\"hh-header-button\"\r\n                    >\r\n                        Webshop\r\n                    <\/a>\r\n\r\n\r\n                    <button\r\n                        class=\"hh-menu-button\"\r\n                        id=\"hhMenuButton\"\r\n                        aria-label=\"Men\u00fc\"\r\n                    >\r\n\r\n                        <span class=\"hh-menu-lines\">\r\n\r\n                            <span><\/span>\r\n\r\n                            <span><\/span>\r\n\r\n                            <span><\/span>\r\n\r\n                        <\/span>\r\n\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/header>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             HERO CONTENT\r\n        ================================================== -->\r\n\r\n        <div class=\"hh-hero-content-wrapper\">\r\n\r\n            <div class=\"hh-hero-inner\">\r\n\r\n                <div class=\"hh-hero-content\">\r\n\r\n\r\n                    <div class=\"hh-eyebrow\">\r\n\r\n                        Bor \u2022 \u00e9lm\u00e9ny \u2022 t\u00f6rt\u00e9netek\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <h1 class=\"hh-title\">\r\n\r\n                        T\u00f6bb, mint bor.\r\n\r\n                        <span>\r\n                            Hetvenhat.\r\n                        <\/span>\r\n\r\n                    <\/h1>\r\n\r\n\r\n\r\n                    <p class=\"hh-description\">\r\n\r\n                        V\u00e1logatott borok,\r\n                        k\u00fcl\u00f6nleges k\u00f3stol\u00f3k \u00e9s egy hely,\r\n                        ahol j\u00f3 meg\u00e1llni egy poh\u00e1rra.\r\n\r\n                    <\/p>\r\n\r\n\r\n\r\n                    <div class=\"hh-buttons\">\r\n\r\n\r\n                        <a\r\n                            href=\"#\"\r\n                            class=\"\r\n                                hh-btn\r\n                                hh-btn-primary\r\n                            \"\r\n                        >\r\n\r\n                            Felfedezem\r\n\r\n                            <span class=\"hh-arrow\">\r\n                                \u2192\r\n                            <\/span>\r\n\r\n                        <\/a>\r\n\r\n\r\n\r\n                        <a\r\n                            href=\"\/kostolok\/\"\r\n                            class=\"\r\n                                hh-btn\r\n                                hh-btn-secondary\r\n                            \"\r\n                        >\r\n\r\n                            K\u00f3stol\u00f3k\r\n\r\n                            <span class=\"hh-arrow\">\r\n                                \u2192\r\n                            <\/span>\r\n\r\n                        <\/a>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             SCROLL INDICATOR\r\n        ================================================== -->\r\n\r\n        <div class=\"hh-scroll\">\r\n\r\n            <div class=\"hh-scroll-line\"><\/div>\r\n\r\n            G\u00f6rgess tov\u00e1bb\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         BEMUTATKOZ\u00c1S\r\n    ====================================================== -->\r\n\r\n    <section class=\"hh-about\" id=\"rolunk\">\r\n\r\n        <div class=\"hh-about-inner\">\r\n\r\n            <div class=\"hh-about-copy hh-reveal\">\r\n\r\n                <div class=\"hh-section-kicker\">\r\n                    Bemutatkoz\u00e1s\r\n                <\/div>\r\n\r\n                <h2 class=\"hh-about-title\">\r\n                    \u0150k a <em>Hetvenhat.<\/em>\r\n                <\/h2>\r\n\r\n                <p class=\"hh-about-lead\">\r\n                    Krut\u00e1k Zsolt \u00e9s Kiss Ferenc. K\u00e9t f\u00e9rfi, k\u00e9t garb\u00f3,\r\n                    indokolatlanul komoly arckifejez\u00e9s \u00e9s kurva sok v\u00e9lem\u00e9ny a borr\u00f3l.\r\n                    A Hetvenhat m\u00f6g\u00f6tt \u0151k \u00e1llnak \u2014 borokat v\u00e1logatnak, k\u00f3stol\u00f3kat tartanak,\r\n                    \u00e9s sz\u00fcks\u00e9g eset\u00e9n percekig k\u00e9pesek egy poharat a f\u00e9ny fel\u00e9 tartani.\r\n                <\/p>\r\n\r\n                <p class=\"hh-about-joke\">\r\n                    A r\u00e9szletes szakmai bemutatkoz\u00e1s \u00e9rkezik, amint siker\u00fcl r\u00f3luk olyan\r\n                    f\u00e9nyk\u00e9pet k\u00e9sz\u00edteni, amelyen egyik\u00fck sem \u00fagy n\u00e9z ki, mint egy francia\r\n                    m\u0171v\u00e9szfilm mell\u00e9kszerepl\u0151je vagy egy buzi.\r\n                <\/p>\r\n\r\n                <div class=\"hh-founders\">\r\n\r\n                    <div class=\"hh-founder\">\r\n                        <div class=\"hh-founder-name\">Krut\u00e1k Zsolt<\/div>\r\n                        <div class=\"hh-founder-role\">Hetvenhat \u2022 t\u00e1rsalap\u00edt\u00f3<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"hh-founder\">\r\n                        <div class=\"hh-founder-name\">Kiss Ferenc<\/div>\r\n                        <div class=\"hh-founder-role\">Hetvenhat \u2022 t\u00e1rsalap\u00edt\u00f3<\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hh-about-visual hh-reveal\">\r\n\r\n                <div class=\"hh-about-photo-wrap\">\r\n\r\n                    <img decoding=\"async\"\r\n                        class=\"hh-about-photo\"\r\n                        src=\"https:\/\/hetvenhat.hu\/wp-content\/uploads\/2026\/08\/hetvenhat-bio.png\"\r\n                        alt=\"Krut\u00e1k Zsolt \u00e9s Kiss Ferenc\"\r\n                    >\r\n\r\n                    <div class=\"hh-photo-caption\">\r\n                        <div>\r\n                            <strong>Zsolt & Ferenc<\/strong>\r\n                            <span>Bor \u2022 garb\u00f3 \u2022 megk\u00e9rd\u0151jelezhet\u0151 elegancia<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"hh-about-stamp\">\r\n                    76\r\n                    <br>\r\n                    nagyon\r\n                    <br>\r\n                    komoly\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- =====================================================\r\n         MOBILE NAVIGATION\r\n    ====================================================== -->\r\n\r\n    <div\r\n        class=\"hh-mobile-nav\"\r\n        id=\"hhMobileNav\"\r\n    >\r\n\r\n\r\n        <a href=\"#\">\r\n\r\n            <span>01<\/span>\r\n\r\n            F\u0151oldal\r\n\r\n        <\/a>\r\n\r\n\r\n        <a href=\"#\">\r\n\r\n            <span>02<\/span>\r\n\r\n            Webshop\r\n\r\n        <\/a>\r\n\r\n\r\n        <a href=\"\/kostolok\/\">\r\n\r\n            <span>03<\/span>\r\n\r\n            K\u00f3stol\u00f3k\r\n\r\n        <\/a>\r\n\r\n\r\n        <a href=\"#\">\r\n\r\n            <span>04<\/span>\r\n\r\n            Bor\u00e1szaink\r\n\r\n        <\/a>\r\n\r\n\r\n        <a href=\"#\">\r\n\r\n            <span>05<\/span>\r\n\r\n            H\u00edrek\r\n\r\n        <\/a>\r\n\r\n\r\n        <a href=\"#\">\r\n\r\n            <span>06<\/span>\r\n\r\n            Kapcsolat\r\n\r\n        <\/a>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    const button =\r\n        document.getElementById(\r\n            'hhMenuButton'\r\n        );\r\n\r\n    const menu =\r\n        document.getElementById(\r\n            'hhMobileNav'\r\n        );\r\n\r\n\r\n    if (!button || !menu) {\r\n        return;\r\n    }\r\n\r\n\r\n    button.addEventListener(\r\n        'click',\r\n        function () {\r\n\r\n            menu.classList.toggle(\r\n                'open'\r\n            );\r\n\r\n\r\n            if (\r\n                menu.classList.contains(\r\n                    'open'\r\n                )\r\n            ) {\r\n\r\n                document.body.style.overflow =\r\n                    'hidden';\r\n\r\n            } else {\r\n\r\n                document.body.style.overflow =\r\n                    '';\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    menu\r\n        .querySelectorAll('a')\r\n        .forEach(\r\n            function (link) {\r\n\r\n                link.addEventListener(\r\n                    'click',\r\n                    function () {\r\n\r\n                        menu.classList.remove(\r\n                            'open'\r\n                        );\r\n\r\n                        document.body.style.overflow =\r\n                            '';\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n    const revealItems = document.querySelectorAll('.hh-reveal');\r\n\r\n    if ('IntersectionObserver' in window && revealItems.length) {\r\n        const revealObserver = new IntersectionObserver(function(entries, observer) {\r\n            entries.forEach(function(entry) {\r\n                if (entry.isIntersecting) {\r\n                    entry.target.classList.add('is-visible');\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.16 });\r\n\r\n        revealItems.forEach(function(item) {\r\n            revealObserver.observe(item);\r\n        });\r\n    } else {\r\n        revealItems.forEach(function(item) {\r\n            item.classList.add('is-visible');\r\n        });\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5613c99 elementor-widget elementor-widget-html\" data-id=\"5613c99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   HETVENHAT \u2014 BORB\u00c1R SECTION\r\n========================================================= *\/\r\n\r\n.hh-bar-section {\r\n    --hh-bar-bg: #070707;\r\n    --hh-bar-card: #0d0d0d;\r\n    --hh-bar-gold: #d9b568;\r\n    --hh-bar-gold-light: #efd28e;\r\n    --hh-bar-white: #f5f1e8;\r\n    --hh-bar-muted: rgba(255,255,255,.62);\r\n\r\n    position: relative;\r\n    width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n\r\n    padding: 110px 0 125px;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 80% 20%,\r\n            rgba(217,181,104,.06),\r\n            transparent 35%\r\n        ),\r\n        #070707;\r\n\r\n    color: var(--hh-bar-white);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n========================================================= *\/\r\n\r\n.hh-bar-inner {\r\n    width: min(1500px, calc(100% - 100px));\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.hh-bar-heading-row {\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, .9fr)\r\n        minmax(380px, .7fr);\r\n\r\n    gap: 80px;\r\n\r\n    align-items: end;\r\n\r\n    margin-bottom: 55px;\r\n}\r\n\r\n\r\n.hh-bar-kicker {\r\n    margin-bottom: 18px;\r\n\r\n    color: var(--hh-bar-gold);\r\n\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 4px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.hh-bar-title {\r\n    margin: 0;\r\n\r\n    max-width: 850px;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: clamp(55px, 5.4vw, 92px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: .94;\r\n\r\n    letter-spacing: -3px;\r\n}\r\n\r\n\r\n.hh-bar-title span {\r\n    color: var(--hh-bar-gold-light);\r\n}\r\n\r\n\r\n.hh-bar-intro {\r\n    margin: 0;\r\n\r\n    color: var(--hh-bar-muted);\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BANNER\r\n========================================================= *\/\r\n\r\n.hh-bar-banner {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 590px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #090909;\r\n}\r\n\r\n\r\n.hh-bar-image {\r\n    position: absolute;\r\n\r\n    inset: -5% 0;\r\n\r\n    width: 100%;\r\n    height: 110%;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position: center center;\r\n\r\n    transform: scale(1.02);\r\n\r\n    transition:\r\n        transform 1.4s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n.hh-bar-banner:hover .hh-bar-image {\r\n    transform: scale(1.055);\r\n}\r\n\r\n\r\n\/* IMAGE OVERLAY *\/\r\n\r\n.hh-bar-overlay {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 2;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            to right,\r\n            rgba(0,0,0,.20),\r\n            rgba(0,0,0,.03) 50%,\r\n            rgba(0,0,0,.26)\r\n        ),\r\n\r\n        linear-gradient(\r\n            to bottom,\r\n            rgba(0,0,0,.08) 35%,\r\n            rgba(0,0,0,.82) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LARGE NUMBER\r\n========================================================= *\/\r\n\r\n.hh-bar-number {\r\n    position: absolute;\r\n\r\n    z-index: 3;\r\n\r\n    top: 38px;\r\n    left: 42px;\r\n\r\n    color: rgba(255,255,255,.14);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: clamp(80px, 10vw, 175px);\r\n\r\n    line-height: 1;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT ON IMAGE\r\n========================================================= *\/\r\n\r\n.hh-bar-banner-content {\r\n    position: absolute;\r\n\r\n    z-index: 5;\r\n\r\n    left: 45px;\r\n    right: 45px;\r\n    bottom: 42px;\r\n\r\n    display: flex;\r\n\r\n    justify-content: space-between;\r\n    align-items: flex-end;\r\n\r\n    gap: 50px;\r\n}\r\n\r\n\r\n.hh-bar-caption {\r\n    max-width: 720px;\r\n}\r\n\r\n\r\n.hh-bar-caption-label {\r\n    margin-bottom: 13px;\r\n\r\n    color: var(--hh-bar-gold-light);\r\n\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 3px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.hh-bar-caption-title {\r\n    margin: 0;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: clamp(31px, 3vw, 50px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.06;\r\n}\r\n\r\n\r\n.hh-bar-caption-text {\r\n    max-width: 600px;\r\n\r\n    margin: 16px 0 0;\r\n\r\n    color: rgba(255,255,255,.7);\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INFO CARDS\r\n========================================================= *\/\r\n\r\n.hh-bar-info {\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(3, 1fr);\r\n\r\n    gap: 1px;\r\n\r\n    margin-top: 1px;\r\n\r\n    background: rgba(255,255,255,.10);\r\n}\r\n\r\n\r\n.hh-bar-info-card {\r\n    min-height: 205px;\r\n\r\n    padding: 34px;\r\n\r\n    background: #0b0b0b;\r\n\r\n    transition:\r\n        background .35s ease,\r\n        transform .35s ease;\r\n}\r\n\r\n\r\n.hh-bar-info-card:hover {\r\n    background: #101010;\r\n}\r\n\r\n\r\n.hh-bar-info-number {\r\n    margin-bottom: 24px;\r\n\r\n    color: rgba(217,181,104,.50);\r\n\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 2px;\r\n}\r\n\r\n\r\n.hh-bar-info-label {\r\n    margin-bottom: 11px;\r\n\r\n    color: var(--hh-bar-gold-light);\r\n\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 2.5px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.hh-bar-info-value {\r\n    margin: 0;\r\n\r\n    color: white;\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: 24px;\r\n\r\n    line-height: 1.35;\r\n}\r\n\r\n\r\n.hh-bar-info-small {\r\n    margin: 13px 0 0;\r\n\r\n    color: rgba(255,255,255,.50);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ADDRESS LINK\r\n========================================================= *\/\r\n\r\n.hh-bar-address-link {\r\n    color: inherit;\r\n\r\n    text-decoration: none;\r\n\r\n    border-bottom:\r\n        1px solid rgba(217,181,104,.45);\r\n\r\n    transition:\r\n        color .25s ease,\r\n        border-color .25s ease;\r\n}\r\n\r\n\r\n.hh-bar-address-link:hover {\r\n    color: var(--hh-bar-gold-light);\r\n\r\n    border-color: var(--hh-bar-gold-light);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SILLY NOTE\r\n========================================================= *\/\r\n\r\n.hh-bar-note {\r\n    margin-top: 35px;\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-start;\r\n\r\n    gap: 18px;\r\n\r\n    max-width: 850px;\r\n}\r\n\r\n\r\n.hh-bar-note-line {\r\n    width: 34px;\r\n    height: 1px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    margin-top: 10px;\r\n\r\n    background: var(--hh-bar-gold);\r\n}\r\n\r\n\r\n.hh-bar-note p {\r\n    margin: 0;\r\n\r\n    color: rgba(255,255,255,.48);\r\n\r\n    font-size: 13px;\r\n\r\n    font-style: italic;\r\n\r\n    line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL\r\n========================================================= *\/\r\n\r\n.hh-bar-reveal {\r\n    opacity: 0;\r\n\r\n    transform: translateY(45px);\r\n\r\n    transition:\r\n        opacity .9s ease,\r\n        transform 1s\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n.hh-bar-reveal.hh-visible {\r\n    opacity: 1;\r\n\r\n    transform: translateY(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .hh-bar-inner {\r\n        width: calc(100% - 60px);\r\n    }\r\n\r\n\r\n    .hh-bar-heading-row {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 28px;\r\n    }\r\n\r\n\r\n    .hh-bar-banner {\r\n        min-height: 520px;\r\n    }\r\n\r\n\r\n    .hh-bar-info {\r\n        grid-template-columns: 1fr 1fr;\r\n    }\r\n\r\n\r\n    .hh-bar-info-card:last-child {\r\n        grid-column: 1 \/ -1;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .hh-bar-section {\r\n        padding:\r\n            75px\r\n            0\r\n            85px;\r\n    }\r\n\r\n\r\n    .hh-bar-inner {\r\n        width:\r\n            calc(100% - 34px);\r\n    }\r\n\r\n\r\n    .hh-bar-heading-row {\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n\r\n    .hh-bar-kicker {\r\n        font-size: 9px;\r\n\r\n        letter-spacing: 3px;\r\n    }\r\n\r\n\r\n    .hh-bar-title {\r\n        font-size:\r\n            clamp(\r\n                46px,\r\n                14vw,\r\n                65px\r\n            );\r\n\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n\r\n    .hh-bar-intro {\r\n        font-size: 14px;\r\n\r\n        line-height: 1.7;\r\n    }\r\n\r\n\r\n    \/* MOBILE IMAGE *\/\r\n\r\n    .hh-bar-banner {\r\n        min-height: 620px;\r\n    }\r\n\r\n\r\n    .hh-bar-image {\r\n        inset: 0;\r\n\r\n        height: 100%;\r\n\r\n        object-position: 56% center;\r\n\r\n        transform: none;\r\n    }\r\n\r\n\r\n    .hh-bar-banner:hover .hh-bar-image {\r\n        transform: none;\r\n    }\r\n\r\n\r\n    .hh-bar-overlay {\r\n        background:\r\n\r\n            linear-gradient(\r\n                to bottom,\r\n                rgba(0,0,0,.03) 25%,\r\n                rgba(0,0,0,.22) 50%,\r\n                rgba(0,0,0,.96) 100%\r\n            );\r\n    }\r\n\r\n\r\n    .hh-bar-number {\r\n        top: 24px;\r\n        left: 22px;\r\n\r\n        font-size: 82px;\r\n    }\r\n\r\n\r\n    .hh-bar-banner-content {\r\n        left: 23px;\r\n        right: 23px;\r\n        bottom: 27px;\r\n\r\n        display: block;\r\n    }\r\n\r\n\r\n    .hh-bar-caption-title {\r\n        font-size: 34px;\r\n    }\r\n\r\n\r\n    .hh-bar-caption-text {\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    \/* INFO *\/\r\n\r\n    .hh-bar-info {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n\r\n    .hh-bar-info-card:last-child {\r\n        grid-column: auto;\r\n    }\r\n\r\n\r\n    .hh-bar-info-card {\r\n        min-height: 0;\r\n\r\n        padding: 28px 24px;\r\n    }\r\n\r\n\r\n    .hh-bar-info-value {\r\n        font-size: 22px;\r\n    }\r\n\r\n\r\n    .hh-bar-note {\r\n        margin-top: 28px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .hh-bar-reveal {\r\n        opacity: 1;\r\n\r\n        transform: none;\r\n\r\n        transition: none;\r\n    }\r\n\r\n    .hh-bar-image {\r\n        transform: none !important;\r\n\r\n        transition: none !important;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<section\r\n    id=\"borbar\"\r\n    class=\"hh-bar-section\"\r\n>\r\n\r\n    <div class=\"hh-bar-inner\">\r\n\r\n\r\n        <!-- =============================\r\n             INTRO\r\n        ============================== -->\r\n\r\n        <div\r\n            class=\"\r\n                hh-bar-heading-row\r\n                hh-bar-reveal\r\n            \"\r\n        >\r\n\r\n\r\n            <div>\r\n\r\n                <div class=\"hh-bar-kicker\">\r\n                    Borb\u00e1r\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"hh-bar-title\">\r\n\r\n                    Egy pressz\u00f3,\r\n                    ami este\r\n\r\n                    <span>\r\n                        rossz d\u00f6nt\u00e9seket hoz.\r\n                    <\/span>\r\n\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <p class=\"hh-bar-intro\">\r\n\r\n                Nappal a Kaffeine Espresso Barban\r\n                k\u00e1v\u00e9t k\u00e9rsz.\r\n\r\n                Este ugyanann\u00e1l a pultn\u00e1l m\u00e1r\r\n                Zsolt \u00e9s Feri n\u00e9z r\u00e1d\r\n                indokolatlanul komoly arccal,\r\n                mik\u00f6zben megk\u00e9rdezik,\r\n                hogy \u00e9rzed-e a borban\r\n                a nedves k\u00f6vet.\r\n\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =============================\r\n             IMAGE BANNER\r\n        ============================== -->\r\n\r\n        <div\r\n            class=\"\r\n                hh-bar-banner\r\n                hh-bar-reveal\r\n            \"\r\n        >\r\n\r\n\r\n            <img decoding=\"async\"\r\n                class=\"hh-bar-image\"\r\n                src=\"https:\/\/hetvenhat.hu\/wp-content\/uploads\/2026\/08\/borbar.png\"\r\n                alt=\"Hetvenhat Borb\u00e1r\"\r\n            >\r\n\r\n\r\n            <div class=\"hh-bar-overlay\"><\/div>\r\n\r\n\r\n            <div class=\"hh-bar-number\">\r\n                76\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"hh-bar-banner-content\">\r\n\r\n\r\n                <div class=\"hh-bar-caption\">\r\n\r\n                    <div class=\"hh-bar-caption-label\">\r\n                        Budapest \u2022 Hetvenhat\r\n                    <\/div>\r\n\r\n\r\n                    <h3 class=\"hh-bar-caption-title\">\r\n\r\n                        A hely, ahol a bor\r\n                        komolyabb,\r\n                        mint mi.\r\n\r\n                    <\/h3>\r\n\r\n\r\n                    <p class=\"hh-bar-caption-text\">\r\n\r\n                        V\u00e1logatott borok,\r\n                        s\u00falyos arckifejez\u00e9sek,\r\n                        francia garb\u00f3k\r\n                        \u00e9s teljesen indokolatlan\r\n                        poh\u00e1rforgat\u00e1s.\r\n\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =============================\r\n             INFO\r\n        ============================== -->\r\n\r\n        <div\r\n            class=\"\r\n                hh-bar-info\r\n                hh-bar-reveal\r\n            \"\r\n        >\r\n\r\n\r\n            <!-- LOCATION -->\r\n\r\n            <div class=\"hh-bar-info-card\">\r\n\r\n                <div class=\"hh-bar-info-number\">\r\n                    01\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hh-bar-info-label\">\r\n                    Hol?\r\n                <\/div>\r\n\r\n\r\n                <p class=\"hh-bar-info-value\">\r\n\r\n                    Kaffeine\r\n                    Espresso Bar\r\n\r\n                <\/p>\r\n\r\n\r\n                <p class=\"hh-bar-info-small\">\r\n\r\n                    <a\r\n                        class=\"hh-bar-address-link\"\r\n                        href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=Baross+utca+6+1088+Budapest\"\r\n                        target=\"_blank\"\r\n                        rel=\"noopener\"\r\n                    >\r\n                        1088 Budapest,\r\n                        Baross utca 6.\r\n                    <\/a>\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- OPENING -->\r\n\r\n            <div class=\"hh-bar-info-card\">\r\n\r\n                <div class=\"hh-bar-info-number\">\r\n                    02\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hh-bar-info-label\">\r\n                    Mikor?\r\n                <\/div>\r\n\r\n\r\n                <p class=\"hh-bar-info-value\">\r\n\r\n                    20:00 \u2013 24:00\r\n\r\n                <\/p>\r\n\r\n\r\n                <p class=\"hh-bar-info-small\">\r\n\r\n                    Egyel\u0151re.\r\n\r\n                    Ha elegen j\u00f6tt\u00f6k\r\n                    \u00e9s megfelel\u0151 mennyis\u00e9get\r\n                    isztok,\r\n                    k\u00e9nytelenek lesz\u00fcnk\r\n                    tov\u00e1bb nyitva maradni.\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- PHILOSOPHY -->\r\n\r\n            <div class=\"hh-bar-info-card\">\r\n\r\n                <div class=\"hh-bar-info-number\">\r\n                    03\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hh-bar-info-label\">\r\n                    A terv\r\n                <\/div>\r\n\r\n\r\n                <p class=\"hh-bar-info-value\">\r\n\r\n                    El\u0151sz\u00f6r este.\r\n                    Azt\u00e1n megl\u00e1tjuk.\r\n\r\n                <\/p>\r\n\r\n\r\n                <p class=\"hh-bar-info-small\">\r\n\r\n                    A jelenlegi nyitvatart\u00e1s\r\n                    addig \u00e9rv\u00e9nyes,\r\n                    am\u00edg r\u00e1 nem j\u00f6tt\u00f6k,\r\n                    hogy sokkal jobb itt inni,\r\n                    mint otthon.\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =============================\r\n             FOOTNOTE\r\n        ============================== -->\r\n\r\n        <div\r\n            class=\"\r\n                hh-bar-note\r\n                hh-bar-reveal\r\n            \"\r\n        >\r\n\r\n            <div class=\"hh-bar-note-line\"><\/div>\r\n\r\n\r\n            <p>\r\n\r\n                * A hosszabb nyitvatart\u00e1s\r\n                tudom\u00e1nyosan nem garant\u00e1lt.\r\n                Jelent\u0151s m\u00e9rt\u00e9kben f\u00fcgg\r\n                a vend\u00e9gek sz\u00e1m\u00e1t\u00f3l,\r\n                borfogyaszt\u00e1s\u00e1t\u00f3l\r\n                \u00e9s att\u00f3l,\r\n                hogy Feri mikor akar hazamenni vagy mennyire baszott be aznap.\r\n\r\n            <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    const elements =\r\n        document.querySelectorAll(\r\n            '.hh-bar-reveal'\r\n        );\r\n\r\n\r\n    if (\r\n        !('IntersectionObserver' in window)\r\n    ) {\r\n\r\n        elements.forEach(function (element) {\r\n\r\n            element.classList.add(\r\n                'hh-visible'\r\n            );\r\n\r\n        });\r\n\r\n        return;\r\n    }\r\n\r\n\r\n    const observer =\r\n        new IntersectionObserver(\r\n            function (entries) {\r\n\r\n                entries.forEach(\r\n                    function (entry) {\r\n\r\n                        if (\r\n                            entry.isIntersecting\r\n                        ) {\r\n\r\n                            entry.target\r\n                                .classList\r\n                                .add(\r\n                                    'hh-visible'\r\n                                );\r\n\r\n                            observer.unobserve(\r\n                                entry.target\r\n                            );\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n            },\r\n            {\r\n                threshold: .14\r\n            }\r\n        );\r\n\r\n\r\n    elements.forEach(\r\n        function (element) {\r\n\r\n            observer.observe(\r\n                element\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* subtle image parallax *\/\r\n\r\n    const banner =\r\n        document.querySelector(\r\n            '.hh-bar-banner'\r\n        );\r\n\r\n    const image =\r\n        document.querySelector(\r\n            '.hh-bar-image'\r\n        );\r\n\r\n\r\n    if (\r\n        banner &&\r\n        image &&\r\n        !window.matchMedia(\r\n            '(prefers-reduced-motion: reduce)'\r\n        ).matches\r\n    ) {\r\n\r\n        window.addEventListener(\r\n            'scroll',\r\n            function () {\r\n\r\n                if (\r\n                    window.innerWidth < 768\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n\r\n                const rect =\r\n                    banner.getBoundingClientRect();\r\n\r\n\r\n                if (\r\n                    rect.bottom < 0 ||\r\n                    rect.top > window.innerHeight\r\n                ) {\r\n                    return;\r\n                }\r\n\r\n\r\n                const progress =\r\n                    (\r\n                        window.innerHeight -\r\n                        rect.top\r\n                    )\r\n                    \/\r\n                    (\r\n                        window.innerHeight +\r\n                        rect.height\r\n                    );\r\n\r\n\r\n                const movement =\r\n                    (\r\n                        progress - .5\r\n                    ) * 34;\r\n\r\n\r\n                image.style.transform =\r\n                    'translateY(' +\r\n                    movement +\r\n                    'px) scale(1.04)';\r\n\r\n            },\r\n            {\r\n                passive: true\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>76 HETVENHAT WINE BAR &#038; WEBSHOP F\u0151oldal Webshop K\u00f3stol\u00f3k Bor\u00e1szaink H\u00edrek Kapcsolat Webshop Bor \u2022 \u00e9lm\u00e9ny \u2022 t\u00f6rt\u00e9netek T\u00f6bb, mint bor. Hetvenhat. V\u00e1logatott borok, k\u00fcl\u00f6nleges k\u00f3stol\u00f3k \u00e9s egy hely, ahol j\u00f3 meg\u00e1llni egy poh\u00e1rra. Felfedezem \u2192 K\u00f3stol\u00f3k \u2192 G\u00f6rgess tov\u00e1bb Bemutatkoz\u00e1s \u0150k a Hetvenhat. Krut\u00e1k Zsolt \u00e9s Kiss Ferenc. K\u00e9t f\u00e9rfi, k\u00e9t garb\u00f3, indokolatlanul komoly [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-5","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hetvenhat.hu\/wp-json\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hetvenhat.hu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hetvenhat.hu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hetvenhat.hu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hetvenhat.hu\/wp-json\/wp\/v2\/comments?post=5"}],"version-history":[{"count":40,"href":"https:\/\/hetvenhat.hu\/wp-json\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":70,"href":"https:\/\/hetvenhat.hu\/wp-json\/wp\/v2\/pages\/5\/revisions\/70"}],"wp:attachment":[{"href":"https:\/\/hetvenhat.hu\/wp-json\/wp\/v2\/media?parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}