{"id":57,"date":"2026-08-17T11:50:41","date_gmt":"2026-08-17T11:50:41","guid":{"rendered":"https:\/\/hetvenhat.hu\/?page_id=57"},"modified":"2026-08-28T12:46:55","modified_gmt":"2026-08-28T12:46:55","slug":"kostolok","status":"publish","type":"page","link":"https:\/\/hetvenhat.hu\/en\/kostolok\/","title":{"rendered":"Tastings"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"57\" class=\"elementor elementor-57\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f106f7 e-flex e-con-boxed e-con e-parent\" data-id=\"7f106f7\" 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-1f2f04d elementor-widget elementor-widget-html\" data-id=\"1f2f04d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================================\r\n   PAGE BACKGROUND\r\n========================================================= *\/\r\n\r\nhtml,\r\nbody,\r\n#page,\r\n.site,\r\n.site-main,\r\n.elementor,\r\n.elementor-page,\r\n.elementor-section-wrap,\r\n.elementor-element,\r\n.e-con,\r\n.e-con-inner,\r\n.elementor-widget,\r\n.elementor-widget-container {\r\n    background-color: #070707 !important;\r\n}\r\n\r\n\/* Mobile-safe sizing: nothing in this page may widen the viewport *\/\r\n.hh-tasting-hero,\r\n.hh-tasting-hero *,\r\n.hh-mobile-nav,\r\n.hh-mobile-nav * {\r\n    box-sizing: border-box;\r\n}\r\n\r\nhtml,\r\nbody {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    overflow-x: hidden !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HETVENHAT \u2014 K\u00d3STOL\u00d3K HERO\r\n========================================================= *\/\r\n\r\n.hh-tasting-hero {\r\n    --bg: #070707;\r\n    --gold: #d9b568;\r\n    --gold-light: #efd28e;\r\n    --white: #f6f2ea;\r\n\r\n    position: relative;\r\n\r\n    \/* Full viewport breakout without Elementor side clipping *\/\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n\r\n    \/* Match the actual 1717\u00d7916 banner ratio on laptop\/desktop.\r\n       This prevents the hero from becoming artificially tall and cropping the image. *\/\r\n    aspect-ratio: 1717 \/ 916;\r\n    min-height: 0;\r\n\r\n    margin-left: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--bg);\r\n\r\n    color: var(--white);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO IMAGE\r\n========================================================= *\/\r\n\r\n.hh-tasting-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    object-fit: cover;\r\n\r\n    object-position: center center;\r\n\r\n    transform: scale(1);\r\n\r\n    animation:\r\n        hhTastingImageIn 1.8s\r\n        cubic-bezier(.16,1,.3,1)\r\n        forwards;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DARK OVERLAY\r\n========================================================= *\/\r\n\r\n.hh-tasting-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,.94) 0%,\r\n            rgba(0,0,0,.76) 27%,\r\n            rgba(0,0,0,.32) 55%,\r\n            rgba(0,0,0,.10) 100%\r\n        ),\r\n\r\n        linear-gradient(\r\n            to bottom,\r\n            rgba(0,0,0,.25) 0%,\r\n            transparent 50%,\r\n            #070707 100%\r\n        );\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    width: 100%;\r\n\r\n    z-index: 50;\r\n}\r\n\r\n\r\n.hh-header-inner {\r\n    width: min(\r\n        1500px,\r\n        calc(100% - 100px)\r\n    );\r\n\r\n    height: 108px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\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\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\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\r\n    font-weight: 400;\r\n\r\n    line-height: .8;\r\n}\r\n\r\n\r\n.hh-logo-copy {\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n}\r\n\r\n\r\n.hh-logo-name {\r\n    color: white;\r\n\r\n    font-size: 15px;\r\n\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\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\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: clamp(\r\n        16px,\r\n        1.55vw,\r\n        30px\r\n    );\r\n}\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\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\r\n.hh-nav a::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n\r\n    bottom: -10px;\r\n\r\n    width: 0;\r\n\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\r\n.hh-nav a:hover,\r\n.hh-nav a.active {\r\n    color: white;\r\n}\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 BUTTON\r\n========================================================= *\/\r\n\r\n.hh-header-action {\r\n    flex-shrink: 0;\r\n}\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\r\n    align-items: center;\r\n\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\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\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\r\n    height: 48px;\r\n\r\n    display: none;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    padding: 0;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.18);\r\n\r\n    background:\r\n        rgba(0,0,0,.24);\r\n\r\n    cursor: pointer;\r\n\r\n    backdrop-filter: blur(10px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(10px);\r\n}\r\n\r\n\r\n.hh-menu-lines {\r\n    width: 20px;\r\n\r\n    height: 14px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: space-between;\r\n}\r\n\r\n\r\n.hh-menu-lines span {\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    height: 1px;\r\n\r\n    background: white;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE MENU\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\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    background:\r\n        rgba(5,5,5,.97);\r\n\r\n    backdrop-filter:\r\n        blur(22px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(22px);\r\n\r\n    opacity: 0;\r\n\r\n    visibility: hidden;\r\n\r\n    transform:\r\n        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\r\n.hh-mobile-nav.open {\r\n    opacity: 1;\r\n\r\n    visibility: visible;\r\n\r\n    transform:\r\n        translateY(0);\r\n}\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\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   HERO CONTENT\r\n========================================================= *\/\r\n\r\n.hh-tasting-hero-inner {\r\n    position: relative;\r\n\r\n    z-index: 5;\r\n\r\n    width:\r\n        min(\r\n            1500px,\r\n            calc(100% - 100px)\r\n        );\r\n\r\n    min-height: 100%;\r\n    height: 100%;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n}\r\n\r\n\r\n.hh-tasting-hero-content {\r\n    max-width: 710px;\r\n\r\n    padding-top: 80px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.hh-tasting-eyebrow {\r\n    margin-bottom: 25px;\r\n\r\n    color: var(--gold-light);\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\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:\r\n        translateY(25px);\r\n\r\n    animation:\r\n        hhTastingReveal\r\n        .8s\r\n        .1s\r\n        forwards\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.hh-tasting-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:\r\n        clamp(\r\n            65px,\r\n            7vw,\r\n            120px\r\n        );\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: .90;\r\n\r\n    letter-spacing: -4px;\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translateY(35px);\r\n\r\n    animation:\r\n        hhTastingReveal\r\n        1s\r\n        .2s\r\n        forwards\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n.hh-tasting-title span {\r\n    display: block;\r\n\r\n    color: var(--gold-light);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COPY\r\n========================================================= *\/\r\n\r\n.hh-tasting-copy {\r\n    max-width: 570px;\r\n\r\n    margin: 32px 0 0;\r\n\r\n    color:\r\n        rgba(255,255,255,.68);\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.8;\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translateY(30px);\r\n\r\n    animation:\r\n        hhTastingReveal\r\n        1s\r\n        .36s\r\n        forwards\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUOTE\r\n========================================================= *\/\r\n\r\n.hh-tasting-quote {\r\n    max-width: 620px;\r\n\r\n    margin-top: 34px;\r\n\r\n    padding-left: 22px;\r\n\r\n    border-left:\r\n        1px solid\r\n        var(--gold);\r\n\r\n    color:\r\n        rgba(255,255,255,.48);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: 15px;\r\n\r\n    font-style: italic;\r\n\r\n    line-height: 1.7;\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translateY(25px);\r\n\r\n    animation:\r\n        hhTastingReveal\r\n        1s\r\n        .5s\r\n        forwards\r\n        cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLL\r\n========================================================= *\/\r\n\r\n.hh-tasting-scroll {\r\n    position: absolute;\r\n\r\n    z-index: 5;\r\n\r\n    bottom: 55px;\r\n\r\n    left: max(\r\n        calc(\r\n            (100vw - 1500px)\r\n            \/ 2\r\n        ),\r\n        50px\r\n    );\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 15px;\r\n\r\n    color:\r\n        rgba(255,255,255,.42);\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\r\n.hh-tasting-scroll-line {\r\n    width: 38px;\r\n\r\n    height: 1px;\r\n\r\n    background: var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes hhTastingReveal {\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\r\n@keyframes hhTastingImageIn {\r\n\r\n    from {\r\n        opacity: .5;\r\n\r\n        transform:\r\n            scale(1.015);\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\r\n\/* =========================================================\r\n   SMALL LAPTOP \/ TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .hh-header-inner,\r\n    .hh-tasting-hero-inner {\r\n        width:\r\n            calc(100% - 50px);\r\n    }\r\n\r\n\r\n    .hh-nav,\r\n    .hh-header-button {\r\n        display: none;\r\n    }\r\n\r\n\r\n    .hh-menu-button {\r\n        display: flex;\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-tasting-hero {\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n\r\n        width: 100vw;\r\n        max-width: 100vw;\r\n\r\n        aspect-ratio: auto;\r\n        min-height: 760px;\r\n        height: 100svh;\r\n\r\n        overflow: hidden;\r\n    }\r\n\r\n\r\n    \/* HEADER *\/\r\n\r\n    .hh-header-inner {\r\n        width: 100%;\r\n        max-width: 100%;\r\n        height: 82px;\r\n\r\n        padding-left: 16px;\r\n        padding-right: 16px;\r\n\r\n        margin: 0;\r\n        gap: 12px;\r\n    }\r\n\r\n    .hh-header-action {\r\n        margin-left: auto;\r\n        flex: 0 0 auto;\r\n    }\r\n\r\n    .hh-menu-button {\r\n        flex: 0 0 48px;\r\n        max-width: 48px;\r\n    }\r\n\r\n\r\n    .hh-logo {\r\n        gap: 10px;\r\n    }\r\n\r\n\r\n    .hh-logo-number {\r\n        font-size: 39px;\r\n    }\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\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-tasting-hero-inner {\r\n        width: 100%;\r\n        max-width: 100%;\r\n\r\n        min-height: 760px;\r\n\r\n        padding-left: 18px;\r\n        padding-right: 18px;\r\n\r\n        align-items: flex-end;\r\n\r\n        padding-bottom: 90px;\r\n    }\r\n\r\n\r\n    .hh-tasting-hero-content {\r\n        width: 100%;\r\n        max-width: 100%;\r\n        min-width: 0;\r\n        padding-top: 0;\r\n    }\r\n\r\n    .hh-tasting-title,\r\n    .hh-tasting-copy,\r\n    .hh-tasting-quote {\r\n        max-width: 100%;\r\n        overflow-wrap: anywhere;\r\n    }\r\n\r\n    .hh-mobile-nav {\r\n        width: 100vw;\r\n        max-width: 100vw;\r\n        padding-left: 24px;\r\n        padding-right: 24px;\r\n        overflow-x: hidden;\r\n    }\r\n\r\n\r\n    .hh-tasting-hero-image {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        object-position: 67% center;\r\n        transform: scale(1);\r\n    }\r\n\r\n\r\n    .hh-tasting-hero-overlay {\r\n\r\n        background:\r\n\r\n            linear-gradient(\r\n                to bottom,\r\n                rgba(0,0,0,.08) 0%,\r\n                rgba(0,0,0,.20) 32%,\r\n                rgba(0,0,0,.82) 68%,\r\n                #070707 100%\r\n            ),\r\n\r\n            linear-gradient(\r\n                90deg,\r\n                rgba(0,0,0,.40),\r\n                transparent\r\n            );\r\n    }\r\n\r\n\r\n    .hh-tasting-eyebrow {\r\n        font-size: 9px;\r\n\r\n        letter-spacing: 3.5px;\r\n    }\r\n\r\n\r\n    .hh-tasting-title {\r\n        font-size:\r\n            clamp(\r\n                53px,\r\n                16vw,\r\n                75px\r\n            );\r\n\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n\r\n    .hh-tasting-copy {\r\n        margin-top: 22px;\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.7;\r\n    }\r\n\r\n\r\n    .hh-tasting-quote {\r\n        margin-top: 24px;\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n\r\n    .hh-tasting-scroll {\r\n        display: none;\r\n    }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .hh-tasting-title {\r\n        font-size: clamp(46px, 14vw, 62px);\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n    .hh-tasting-copy {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .hh-tasting-quote {\r\n        padding-left: 16px;\r\n        font-size: 12px;\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-tasting-hero-image,\r\n    .hh-tasting-eyebrow,\r\n    .hh-tasting-title,\r\n    .hh-tasting-copy,\r\n    .hh-tasting-quote {\r\n\r\n        animation: none !important;\r\n\r\n        opacity: 1;\r\n\r\n        transform: none;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<section class=\"hh-tasting-hero\">\r\n\r\n\r\n    <!-- =====================================================\r\n         IMAGE\r\n    ====================================================== -->\r\n\r\n    <img decoding=\"async\"\r\n        class=\"hh-tasting-hero-image\"\r\n        src=\"https:\/\/hetvenhat.hu\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-28-2026-01_45_41-PM.png\"\r\n        alt=\"Hetvenhat bork\u00f3stol\u00f3k\"\r\n    >\r\n\r\n\r\n    <div class=\"hh-tasting-hero-overlay\"><\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         TOP MENU\r\n    ====================================================== -->\r\n\r\n    <header class=\"hh-header\">\r\n\r\n\r\n        <div class=\"hh-header-inner\">\r\n\r\n\r\n            <!-- LOGO -->\r\n\r\n            <a\r\n                href=\"https:\/\/hetvenhat.hu\/en\/\"\r\n                class=\"hh-logo\"\r\n            >\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\r\n                    <div class=\"hh-logo-name\">\r\n                        seventy-six\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hh-logo-sub\">\r\n                        WINE BAR &amp; WEBSHOP\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\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\r\n                <a href=\"https:\/\/hetvenhat.hu\/en\/\">\r\n                    Home\r\n                <\/a>\r\n\r\n\r\n                <a href=\"https:\/\/hetvenhat.hu\/en\/webshop-2\/\">\r\n                    Online shop\r\n                <\/a>\r\n\r\n\r\n                <a\r\n                    href=\"https:\/\/hetvenhat.hu\/en\/kostolok\/\"\r\n                    class=\"active\"\r\n                >\r\n                    Tastings\r\n                <\/a>\r\n\r\n\r\n                <a href=\"https:\/\/hetvenhat.hu\/en\/boraszaink\/\">\r\n                    Our winemakers\r\n                <\/a>\r\n\r\n\r\n                <a href=\"https:\/\/hetvenhat.hu\/en\/hirek-2\/\">\r\n                    News\r\n                <\/a>\r\n\r\n\r\n                <a href=\"https:\/\/hetvenhat.hu\/en\/viszonteladoknak-2\/\">\r\n                    For trade\r\n                <\/a>\r\n\r\n\r\n                <a href=\"https:\/\/hetvenhat.hu\/en\/kapcsolat-2\/\">\r\n                    Contact\r\n                <\/a>\r\n\r\n\r\n            <\/nav>\r\n\r\n\r\n\r\n            <!-- RIGHT SIDE -->\r\n\r\n            <div class=\"hh-header-action\">\r\n\r\n\r\n                <a\r\n                    href=\"https:\/\/hetvenhat.hu\/en\/webshop-2\/\"\r\n                    class=\"hh-header-button\"\r\n                >\r\n                    Online shop\r\n                <\/a>\r\n\r\n\r\n                <button\r\n                    class=\"hh-menu-button\"\r\n                    id=\"hhTastingMenuButton\"\r\n                    aria-label=\"Menu\"\r\n                >\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\r\n                <\/button>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\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-tasting-hero-inner\">\r\n\r\n\r\n        <div class=\"hh-tasting-hero-content\">\r\n\r\n\r\n            <div class=\"hh-tasting-eyebrow\">\r\n                Hetvenhat \u2022 K\u00f3stol\u00f3k\r\n            <\/div>\r\n\r\n\r\n            <h1 class=\"hh-tasting-title\">\r\n\r\n                K\u00f3stolunk.\r\n\r\n                <span>\r\n                    T\u00falmagyar\u00e1zzuk.\r\n                <\/span>\r\n\r\n            <\/h1>\r\n\r\n\r\n            <p class=\"hh-tasting-copy\">\r\n\r\n                Borok, t\u00f6rt\u00e9netek \u00e9s olyan kifejez\u00e9sek,\r\n                amelyeket n\u00e9h\u00e1ny poh\u00e1r ut\u00e1n m\u00e1r senki nem mer\r\n                megk\u00e9rdezni, hogy val\u00f3j\u00e1ban mit jelentenek.\r\n\r\n                Nem kell \u00e9rtened a borhoz.\r\n                El\u00e9g, ha megfelel\u0151 pillanatban lassan b\u00f3logatsz.\r\n\r\n            <\/p>\r\n\r\n\r\n            <div class=\"hh-tasting-quote\">\r\n\r\n                \u201eHat\u00e1rozott savgerinc,\r\n                visszafogott mineralit\u00e1s,\r\n                eleg\u00e1ns hord\u00f3haszn\u00e1lat.\u201d\r\n\r\n                \u2014 valaki, aki t\u00edz perce m\u00e9g azt k\u00e9rdezte,\r\n                hol van a mosd\u00f3.\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         SCROLL MARKER\r\n    ====================================================== -->\r\n\r\n    <div class=\"hh-tasting-scroll\">\r\n\r\n\r\n        <div class=\"hh-tasting-scroll-line\"><\/div>\r\n\r\n\r\n        2027-es k\u00f3stol\u00f3k\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/section>\r\n\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=\"hhTastingMobileNav\"\r\n>\r\n\r\n\r\n    <a href=\"https:\/\/hetvenhat.hu\/en\/\">\r\n\r\n        <span>01<\/span>\r\n\r\n        Home\r\n\r\n    <\/a>\r\n\r\n\r\n    <a href=\"https:\/\/hetvenhat.hu\/en\/webshop-2\/\">\r\n\r\n        <span>02<\/span>\r\n\r\n        Online shop\r\n\r\n    <\/a>\r\n\r\n\r\n    <a href=\"https:\/\/hetvenhat.hu\/en\/kostolok\/\">\r\n\r\n        <span>03<\/span>\r\n\r\n        Tastings\r\n\r\n    <\/a>\r\n\r\n\r\n    <a href=\"https:\/\/hetvenhat.hu\/en\/boraszaink\/\">\r\n\r\n        <span>04<\/span>\r\n\r\n        Our winemakers\r\n\r\n    <\/a>\r\n\r\n\r\n    <a href=\"https:\/\/hetvenhat.hu\/en\/hirek-2\/\">\r\n\r\n        <span>05<\/span>\r\n\r\n        News\r\n\r\n    <\/a>\r\n\r\n\r\n    <a href=\"https:\/\/hetvenhat.hu\/en\/viszonteladoknak-2\/\">\r\n\r\n        <span>06<\/span>\r\n\r\n        For trade\r\n\r\n    <\/a>\r\n\r\n\r\n    <a href=\"https:\/\/hetvenhat.hu\/en\/kapcsolat-2\/\">\r\n\r\n        <span>07<\/span>\r\n\r\n        Contact\r\n\r\n    <\/a>\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            'hhTastingMenuButton'\r\n        );\r\n\r\n    const menu =\r\n        document.getElementById(\r\n            'hhTastingMobileNav'\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            document.body.style.overflow =\r\n                menu.classList.contains(\r\n                    'open'\r\n                )\r\n                ? 'hidden'\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<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1aa9271 elementor-widget elementor-widget-html\" data-id=\"1aa9271\" 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 2027 K\u00d3STOL\u00d3K\r\n========================================================= *\/\r\n\r\n.hh-events {\r\n    --bg: #070707;\r\n    --card: #0c0c0c;\r\n    --gold: #d9b568;\r\n    --gold-light: #efd28e;\r\n    --white: #f5f1e8;\r\n\r\n    width: 100vw;\r\n\r\n    margin-left: calc(50% - 50vw);\r\n\r\n    padding: 110px 0 130px;\r\n\r\n    background:\r\n\r\n        radial-gradient(\r\n            circle at 50% 0%,\r\n            rgba(217,181,104,.06),\r\n            transparent 30%\r\n        ),\r\n\r\n        #070707;\r\n\r\n    color: var(--white);\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\r\n.hh-events-inner {\r\n    width: min(1500px, calc(100% - 100px));\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* HEADER *\/\r\n\r\n.hh-events-heading {\r\n    display: flex;\r\n\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n\r\n    gap: 40px;\r\n\r\n    margin-bottom: 55px;\r\n}\r\n\r\n\r\n.hh-events-label {\r\n    margin-bottom: 15px;\r\n\r\n    color: var(--gold);\r\n\r\n    font-size: 10px;\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-events-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(45px, 5vw, 78px);\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: -2px;\r\n}\r\n\r\n\r\n.hh-events-heading-note {\r\n    max-width: 380px;\r\n\r\n    margin: 0;\r\n\r\n    color: rgba(255,255,255,.44);\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.7;\r\n\r\n    text-align: right;\r\n}\r\n\r\n\r\n\/* EVENT GRID *\/\r\n\r\n.hh-events-grid {\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(3, 1fr);\r\n\r\n    gap: 14px;\r\n}\r\n\r\n\r\n\/* CARD *\/\r\n\r\n.hh-event-card {\r\n    position: relative;\r\n\r\n    min-height: 500px;\r\n\r\n    padding: 38px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(255,255,255,.025),\r\n            transparent\r\n        ),\r\n\r\n        #0c0c0c;\r\n\r\n    border: 1px solid rgba(255,255,255,.09);\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        transform .5s cubic-bezier(.16,1,.3,1),\r\n        border-color .4s ease,\r\n        background .4s ease;\r\n}\r\n\r\n\r\n.hh-event-card:hover {\r\n    transform: translateY(-10px);\r\n\r\n    border-color: rgba(217,181,104,.45);\r\n\r\n    background: #101010;\r\n}\r\n\r\n\r\n\/* NUMBER *\/\r\n\r\n.hh-event-number {\r\n    position: absolute;\r\n\r\n    right: 25px;\r\n    top: 15px;\r\n\r\n    color: rgba(255,255,255,.025);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: 145px;\r\n\r\n    line-height: 1;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* DATE *\/\r\n\r\n.hh-event-date {\r\n    margin-bottom: 50px;\r\n}\r\n\r\n\r\n.hh-event-day {\r\n    color: var(--gold-light);\r\n\r\n    font-family:\r\n        Georgia,\r\n        \"Times New Roman\",\r\n        serif;\r\n\r\n    font-size: 70px;\r\n\r\n    line-height: .8;\r\n}\r\n\r\n\r\n.hh-event-month {\r\n    margin-top: 14px;\r\n\r\n    color: rgba(255,255,255,.7);\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\/* EVENT CONTENT *\/\r\n\r\n.hh-event-name {\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: 29px;\r\n\r\n    font-weight: 400;\r\n\r\n    line-height: 1.15;\r\n}\r\n\r\n\r\n.hh-event-description {\r\n    margin: 19px 0 0;\r\n\r\n    color: rgba(255,255,255,.54);\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* BOTTOM *\/\r\n\r\n.hh-event-bottom {\r\n    margin-top: auto;\r\n\r\n    padding-top: 40px;\r\n}\r\n\r\n\r\n.hh-event-meta {\r\n    margin-bottom: 22px;\r\n\r\n    display: flex;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 18px;\r\n\r\n    color: rgba(255,255,255,.40);\r\n\r\n    font-size: 10px;\r\n\r\n    letter-spacing: 1.2px;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.hh-event-button {\r\n    width: 100%;\r\n    min-height: 54px;\r\n\r\n    padding: 0 20px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: space-between;\r\n\r\n    border: 1px solid rgba(217,181,104,.40);\r\n\r\n    color: var(--gold-light);\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: 2px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        color .3s ease,\r\n        border-color .3s ease;\r\n}\r\n\r\n\r\n.hh-event-button:hover {\r\n    background: var(--gold-light);\r\n\r\n    border-color: var(--gold-light);\r\n\r\n    color: #111;\r\n}\r\n\r\n\r\n\/* FOOTNOTE *\/\r\n\r\n.hh-events-warning {\r\n    margin-top: 42px;\r\n\r\n    padding-top: 26px;\r\n\r\n    border-top: 1px solid rgba(255,255,255,.08);\r\n\r\n    color: rgba(255,255,255,.33);\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* REVEAL *\/\r\n\r\n.hh-event-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 cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\r\n.hh-event-reveal.hh-event-visible {\r\n    opacity: 1;\r\n\r\n    transform: translateY(0);\r\n}\r\n\r\n\r\n.hh-event-card:nth-child(2) {\r\n    transition-delay: .10s;\r\n}\r\n\r\n\r\n.hh-event-card:nth-child(3) {\r\n    transition-delay: .20s;\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    .hh-events-inner {\r\n        width: calc(100% - 60px);\r\n    }\r\n\r\n\r\n    .hh-events-grid {\r\n        grid-template-columns: 1fr 1fr;\r\n    }\r\n\r\n\r\n    .hh-event-card:last-child {\r\n        grid-column: 1 \/ -1;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .hh-events {\r\n        padding: 80px 0 90px;\r\n    }\r\n\r\n\r\n    .hh-events-inner {\r\n        width: calc(100% - 34px);\r\n    }\r\n\r\n\r\n    .hh-events-heading {\r\n        display: block;\r\n\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n\r\n    .hh-events-heading-note {\r\n        margin-top: 20px;\r\n\r\n        text-align: left;\r\n    }\r\n\r\n\r\n    .hh-events-grid {\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 10px;\r\n    }\r\n\r\n\r\n    .hh-event-card:last-child {\r\n        grid-column: auto;\r\n    }\r\n\r\n\r\n    .hh-event-card {\r\n        min-height: 460px;\r\n\r\n        padding: 28px;\r\n    }\r\n\r\n\r\n    .hh-event-day {\r\n        font-size: 60px;\r\n    }\r\n\r\n\r\n    .hh-event-name {\r\n        font-size: 27px;\r\n    }\r\n\r\n}\r\n\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .hh-event-reveal {\r\n\r\n        opacity: 1;\r\n\r\n        transform: none;\r\n\r\n        transition: none;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"hh-events\">\r\n\r\n    <div class=\"hh-events-inner\">\r\n\r\n\r\n        <div class=\"hh-events-heading hh-event-reveal\">\r\n\r\n            <div>\r\n\r\n                <div class=\"hh-events-label\">\r\n                    K\u00f6vetkez\u0151 alkalmak\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"hh-events-title\">\r\n                    2027. M\u00e1r most megb\u00e1ntuk.\r\n                <\/h2>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p class=\"hh-events-heading-note\">\r\n\r\n                A programok jelenleg teljesen fikt\u00edvek.\r\n                A borfogyaszt\u00e1s azonban k\u00e9s\u0151bb v\u00e1rhat\u00f3an val\u00f3di lesz.\r\n\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"hh-events-grid\">\r\n\r\n\r\n            <!-- EVENT 1 -->\r\n\r\n            <article class=\"hh-event-card hh-event-reveal\">\r\n\r\n                <div class=\"hh-event-number\">\r\n                    01\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hh-event-date\">\r\n\r\n                    <div class=\"hh-event-day\">\r\n                        17\r\n                    <\/div>\r\n\r\n                    <div class=\"hh-event-month\">\r\n                        Janu\u00e1r \u2022 2027\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3 class=\"hh-event-name\">\r\n\r\n                    V\u00f6r\u00f6sborok,\r\n                    amikr\u0151l t\u00fal sokat besz\u00e9l\u00fcnk\r\n\r\n                <\/h3>\r\n\r\n\r\n                <p class=\"hh-event-description\">\r\n\r\n                    Merlot, Cabernet, Pinot \u00e9s m\u00e9g n\u00e9h\u00e1ny olyan sz\u00f3,\r\n                    amit egy id\u0151 ut\u00e1n egyre magabiztosabban ejt\u00fcnk ki.\r\n\r\n                    Feri elmagyar\u00e1zza.\r\n                    Zsolt k\u00f6zben b\u00f3logat.\r\n                    A v\u00e9g\u00e9re val\u00f3sz\u00edn\u0171leg te is.\r\n\r\n                <\/p>\r\n\r\n\r\n                <div class=\"hh-event-bottom\">\r\n\r\n                    <div class=\"hh-event-meta\">\r\n\r\n                        <span>19:00<\/span>\r\n\r\n                        <span>90 perc*<\/span>\r\n\r\n                        <span>10 990 Ft \/ f\u0151*<\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <a href=\"#\" class=\"hh-event-button\">\r\n\r\n                        Helyet foglalok\r\n\r\n                        <span>\u2192<\/span>\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- EVENT 2 -->\r\n\r\n            <article class=\"hh-event-card hh-event-reveal\">\r\n\r\n                <div class=\"hh-event-number\">\r\n                    02\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hh-event-date\">\r\n\r\n                    <div class=\"hh-event-day\">\r\n                        14\r\n                    <\/div>\r\n\r\n                    <div class=\"hh-event-month\">\r\n                        Febru\u00e1r \u2022 2027\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3 class=\"hh-event-name\">\r\n\r\n                    Vak k\u00f3stol\u00f3:\r\n                    most kider\u00fcl,\r\n                    ki hazudott eddig\r\n\r\n                <\/h3>\r\n\r\n\r\n                <p class=\"hh-event-description\">\r\n\r\n                    Nincs c\u00edmke.\r\n                    Nincs \u00e9vj\u00e1rat.\r\n                    Nincs seg\u00edts\u00e9g.\r\n\r\n                    Csak te, a poh\u00e1r \u00e9s az \u00f6nbizalmad.\r\n\r\n                    Spoiler:\r\n                    az ut\u00f3bbi v\u00e1rhat\u00f3an gyorsabban fogy,\r\n                    mint a bor.\r\n\r\n                <\/p>\r\n\r\n\r\n                <div class=\"hh-event-bottom\">\r\n\r\n                    <div class=\"hh-event-meta\">\r\n\r\n                        <span>19:00<\/span>\r\n\r\n                        <span>90 perc*<\/span>\r\n\r\n                        <span>9 990 Ft \/ f\u0151*<\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <a href=\"#\" class=\"hh-event-button\">\r\n\r\n                        Megal\u00e1zom magam\r\n\r\n                        <span>\u2192<\/span>\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- EVENT 3 -->\r\n\r\n            <article class=\"hh-event-card hh-event-reveal\">\r\n\r\n                <div class=\"hh-event-number\">\r\n                    03\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hh-event-date\">\r\n\r\n                    <div class=\"hh-event-day\">\r\n                        20\r\n                    <\/div>\r\n\r\n                    <div class=\"hh-event-month\">\r\n                        M\u00e1rcius \u2022 2027\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <h3 class=\"hh-event-name\">\r\n\r\n                    P\u00e9ntek esti\r\n                    t\u00falmagyar\u00e1z\u00e1s\r\n\r\n                <\/h3>\r\n\r\n\r\n                <p class=\"hh-event-description\">\r\n\r\n                    Egy este, amikor minden bor m\u00f6g\u00f6tt\r\n                    t\u00f6rt\u00e9net van.\r\n\r\n                    Ha nincs, csin\u00e1lunk neki.\r\n\r\n                    A harmadik poh\u00e1r ut\u00e1n\r\n                    m\u00e1r mindenki szem\u00e9lyesen ismeri\r\n                    a d\u0171l\u0151t.\r\n\r\n                <\/p>\r\n\r\n\r\n                <div class=\"hh-event-bottom\">\r\n\r\n                    <div class=\"hh-event-meta\">\r\n\r\n                        <span>20:00<\/span>\r\n\r\n                        <span>120 perc*<\/span>\r\n\r\n                        <span>12 990 Ft \/ f\u0151*<\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <a href=\"#\" class=\"hh-event-button\">\r\n\r\n                        Ezt v\u00e1llalom\r\n\r\n                        <span>\u2192<\/span>\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"hh-events-warning hh-event-reveal\">\r\n\r\n            * Minden d\u00e1tum, \u00e1r, id\u0151tartam \u00e9s program jelenleg placeholder.\r\n            A francia garb\u00f3 viszont sajnos nagyon is val\u00f3s lehet.\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    const items =\r\n        document.querySelectorAll(\r\n            '.hh-event-reveal'\r\n        );\r\n\r\n\r\n    if (\r\n        !('IntersectionObserver' in window)\r\n    ) {\r\n\r\n        items.forEach(function (item) {\r\n\r\n            item.classList.add(\r\n                'hh-event-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-event-visible'\r\n                                );\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: .12\r\n            }\r\n        );\r\n\r\n\r\n    items.forEach(\r\n        function (item) {\r\n\r\n            observer.observe(item);\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>","protected":false},"excerpt":{"rendered":"<p>76 HETVENHAT WINE BAR &#038; WEBSHOP F\u0151oldal Webshop K\u00f3stol\u00f3k Bor\u00e1szaink H\u00edrek Viszontelad\u00f3knak Kapcsolat Webshop Hetvenhat \u2022 K\u00f3stol\u00f3k K\u00f3stolunk. T\u00falmagyar\u00e1zzuk. Borok, t\u00f6rt\u00e9netek \u00e9s olyan kifejez\u00e9sek, amelyeket n\u00e9h\u00e1ny poh\u00e1r ut\u00e1n m\u00e1r senki nem mer megk\u00e9rdezni, hogy val\u00f3j\u00e1ban mit jelentenek. Nem kell \u00e9rtened a borhoz. El\u00e9g, ha megfelel\u0151 pillanatban lassan b\u00f3logatsz. \u201eHat\u00e1rozott savgerinc, visszafogott mineralit\u00e1s, eleg\u00e1ns hord\u00f3haszn\u00e1lat.\u201d \u2014 [&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-57","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hetvenhat.hu\/en\/wp-json\/wp\/v2\/pages\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hetvenhat.hu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hetvenhat.hu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hetvenhat.hu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hetvenhat.hu\/en\/wp-json\/wp\/v2\/comments?post=57"}],"version-history":[{"count":25,"href":"https:\/\/hetvenhat.hu\/en\/wp-json\/wp\/v2\/pages\/57\/revisions"}],"predecessor-version":[{"id":218,"href":"https:\/\/hetvenhat.hu\/en\/wp-json\/wp\/v2\/pages\/57\/revisions\/218"}],"wp:attachment":[{"href":"https:\/\/hetvenhat.hu\/en\/wp-json\/wp\/v2\/media?parent=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}