{"id":2240,"date":"2026-09-18T12:13:23","date_gmt":"2026-09-18T10:13:23","guid":{"rendered":"https:\/\/zalasprings.hu\/?page_id=2240"},"modified":"2026-10-12T12:10:12","modified_gmt":"2026-10-12T10:10:12","slug":"ingatlan-lake-side-apartmanok-b2","status":"publish","type":"page","link":"https:\/\/zalasprings.hu\/hu\/ingatlan-lake-side-apartmanok-b2\/","title":{"rendered":"Lake-side apartmanok \u2013 B2 Apartmanh\u00e1z"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2240\" class=\"elementor elementor-2240\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0257cf3 e-con-full e-flex e-con e-parent\" data-id=\"0257cf3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2715aaa elementor-widget elementor-widget-html\" data-id=\"2715aaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ZALA SPRINGS MAIN \u2014 LAKE-SIDE B2 APARTMANH\u00c1Z HERO -->\r\n<section id=\"zs-lakeside-b2-hero\" class=\"zs-main zslakeb2hero\" aria-labelledby=\"zslakeb2hero-title\">\r\n  <div class=\"zslakeb2hero__shell\">\r\n    <div class=\"zslakeb2hero__media\" aria-hidden=\"true\">\r\n      <img\r\n        src=\"\/wp-content\/uploads\/2026\/09\/ingatlan-lakeside-b2-header.jpg\"\r\n        alt=\"\"\r\n        fetchpriority=\"high\"\r\n        decoding=\"async\"\r\n      >\r\n    <\/div>\r\n\r\n    <div class=\"zslakeb2hero__overlay\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"zslakeb2hero__glow\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"zslakeb2hero__topline\" aria-hidden=\"true\">\r\n      <span>ZALA SPRINGS<\/span>\r\n      <i><\/i>\r\n      <span>INGATLAN<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"zslakeb2hero__content\">\r\n      <div class=\"zslakeb2hero__eyebrow\">\r\n        <span><\/span>\r\n        <b>B1 APARTMANH\u00c1Z \u00b7 B1<\/b>\r\n      <\/div>\r\n\r\n      <h1 id=\"zslakeb2hero-title\">\r\n        Lake-side apartmanok \u2013 B2 Apartmanh\u00e1z\r\n      <\/h1>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"zslakeb2hero__bottom\" aria-hidden=\"true\">\r\n      <div class=\"zslakeb2hero__scroll-label\">\r\n        <span>Felfedez\u00e9s<\/span>\r\n        <i><b><\/b><\/i>\r\n      <\/div>\r\n\r\n      <div class=\"zslakeb2hero__signature\">\r\n        LAKE-SIDE RESIDENCES\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <style>\r\n    #zs-lakeside-b2-hero,\r\n    #zs-lakeside-b2-hero *,\r\n    #zs-lakeside-b2-hero *::before,\r\n    #zs-lakeside-b2-hero *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #zs-lakeside-b2-hero {\r\n      --gold: var(--zs-brand-gold, #c2a22f);\r\n      --dark: var(--zs-brand-midnight, #26352c);\r\n      --forest: var(--zs-brand-forest, #394a40);\r\n      --ivory: var(--zs-surface, #fbfaf7);\r\n\r\n      --frame: 28px;\r\n      --radius: 28px;\r\n\r\n      position: relative;\r\n\r\n      width: 100%;\r\n      height: 78vh;\r\n      height: 78svh;\r\n      min-height: 620px;\r\n\r\n      padding: var(--frame);\r\n\r\n      overflow: hidden;\r\n\r\n      background: var(--ivory);\r\n\r\n      color: #fff;\r\n\r\n      font-family:\r\n        \"Brandon book\",\r\n        \"Brandon Grotesque\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif !important;\r\n    }\r\n\r\n    #zs-lakeside-b2-hero * {\r\n      font-family:\r\n        \"Brandon book\",\r\n        \"Brandon Grotesque\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif !important;\r\n    }\r\n\r\n    #zs-lakeside-b2-hero a {\r\n      text-decoration: none;\r\n    }\r\n\r\n    .zslakeb2hero__shell {\r\n      position: relative;\r\n\r\n      width: 100%;\r\n      height: 100%;\r\n\r\n      overflow: hidden;\r\n\r\n      border-radius: var(--radius);\r\n\r\n      background: var(--dark);\r\n\r\n      isolation: isolate;\r\n    }\r\n\r\n    .zslakeb2hero__media {\r\n      position: absolute;\r\n\r\n      inset: 0;\r\n\r\n      z-index: -4;\r\n\r\n      overflow: hidden;\r\n    }\r\n\r\n    .zslakeb2hero__media img {\r\n      position: absolute;\r\n\r\n      inset: -3%;\r\n\r\n      display: block;\r\n\r\n      width: 106%;\r\n      max-width: none;\r\n      height: 106%;\r\n\r\n      object-fit: cover;\r\n      object-position: center center;\r\n\r\n      transform: scale(1.035);\r\n\r\n      animation:\r\n        zsppHeroImage 14s ease-out both;\r\n    }\r\n\r\n    .zslakeb2hero__overlay {\r\n      position: absolute;\r\n\r\n      inset: 0;\r\n\r\n      z-index: -3;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(17,37,26,.84) 0%,\r\n          rgba(17,37,26,.66) 34%,\r\n          rgba(17,37,26,.30) 62%,\r\n          rgba(17,37,26,.12) 100%\r\n        ),\r\n        linear-gradient(\r\n          0deg,\r\n          rgba(14,31,22,.46),\r\n          rgba(14,31,22,.08) 52%,\r\n          rgba(14,31,22,.06)\r\n        );\r\n    }\r\n\r\n    .zslakeb2hero__glow {\r\n      position: absolute;\r\n\r\n      z-index: -2;\r\n\r\n      left: 7%;\r\n      bottom: 7%;\r\n\r\n      width: 42vw;\r\n      height: 42vw;\r\n\r\n      border-radius: 50%;\r\n\r\n      background:\r\n        radial-gradient(\r\n          circle,\r\n          rgba(194,162,47,.11),\r\n          rgba(194,162,47,.035) 38%,\r\n          transparent 70%\r\n        );\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .zslakeb2hero__topline {\r\n      position: absolute;\r\n\r\n      z-index: 4;\r\n\r\n      top: clamp(24px, 3vw, 42px);\r\n      left: clamp(28px, 4.5vw, 76px);\r\n\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      gap: 13px;\r\n\r\n      color: rgba(255,255,255,.60);\r\n\r\n      font-size: 9px;\r\n      font-weight: 600;\r\n\r\n      letter-spacing: .21em;\r\n      text-transform: uppercase;\r\n\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n    .zslakeb2hero__topline i {\r\n      width: 38px;\r\n      height: 1px;\r\n\r\n      background:\r\n        rgba(194,162,47,.75);\r\n    }\r\n\r\n    .zslakeb2hero__content {\r\n      position: absolute;\r\n\r\n      z-index: 5;\r\n\r\n      left: clamp(42px, 7vw, 132px);\r\n      bottom: clamp(88px, 12vh, 142px);\r\n\r\n      width: min(900px, 67vw);\r\n    }\r\n\r\n    .zslakeb2hero__eyebrow {\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      gap: 12px;\r\n\r\n      margin-bottom: 17px;\r\n\r\n      color: #e1cd77;\r\n\r\n      font-size:\r\n        clamp(9px, .64vw, 12px);\r\n\r\n      font-weight: 700;\r\n\r\n      letter-spacing: .20em;\r\n      text-transform: uppercase;\r\n\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n    .zslakeb2hero__eyebrow > span {\r\n      width: 34px;\r\n      height: 1px;\r\n\r\n      background: var(--gold);\r\n    }\r\n\r\n    .zslakeb2hero__eyebrow b {\r\n      font-weight: 700;\r\n    }\r\n\r\n    .zslakeb2hero__content h1 {\r\n      max-width: 980px;\r\n\r\n      margin: 0 !important;\r\n\r\n      color: #fff !important;\r\n\r\n      font-size:\r\n        clamp(58px, 5.5vw, 104px);\r\n\r\n      font-weight: 400 !important;\r\n\r\n      line-height: 1.02 !important;\r\n\r\n      letter-spacing: -.018em;\r\n\r\n      text-wrap: balance;\r\n\r\n      opacity: 1;\r\n      transform: none;\r\n      filter: none;\r\n    }\r\n\r\n    .zslakeb2hero__bottom {\r\n      position: absolute;\r\n\r\n      z-index: 5;\r\n\r\n      right: clamp(28px, 4vw, 66px);\r\n      bottom: clamp(24px, 3vw, 40px);\r\n      left: clamp(28px, 4vw, 66px);\r\n\r\n      display: flex;\r\n      align-items: flex-end;\r\n      justify-content: space-between;\r\n\r\n      gap: 20px;\r\n\r\n      pointer-events: none;\r\n\r\n      opacity: 1;\r\n    }\r\n\r\n    .zslakeb2hero__scroll-label {\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      gap: 11px;\r\n\r\n      color:\r\n        rgba(255,255,255,.55);\r\n\r\n      font-size: 8px;\r\n      font-weight: 600;\r\n\r\n      letter-spacing: .17em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .zslakeb2hero__scroll-label i {\r\n      position: relative;\r\n\r\n      width: 66px;\r\n      height: 1px;\r\n\r\n      overflow: hidden;\r\n\r\n      background:\r\n        rgba(255,255,255,.20);\r\n    }\r\n\r\n    .zslakeb2hero__scroll-label i b {\r\n      position: absolute;\r\n\r\n      inset: 0;\r\n\r\n      background: var(--gold);\r\n\r\n      animation:\r\n        zsppScrollLine 2.8s ease-in-out infinite;\r\n    }\r\n\r\n    .zslakeb2hero__signature {\r\n      color:\r\n        rgba(255,255,255,.30);\r\n\r\n      font-size: 8px;\r\n      font-weight: 600;\r\n\r\n      letter-spacing: .22em;\r\n    }\r\n\r\n    #zs-lakeside-b2-hero.is-entered\r\n    .zslakeb2hero__topline {\r\n      opacity: 1;\r\n      transform: none;\r\n\r\n      transition:\r\n        opacity .8s .18s,\r\n        transform .8s .18s;\r\n    }\r\n\r\n    #zs-lakeside-b2-hero.is-entered\r\n    .zslakeb2hero__eyebrow {\r\n      opacity: 1;\r\n      transform: none;\r\n\r\n      transition:\r\n        opacity .8s .28s,\r\n        transform .8s .28s;\r\n    }\r\n\r\n    #zs-lakeside-b2-hero.is-entered\r\n    .zslakeb2hero__content h1 {\r\n      opacity: 1;\r\n      transform: none;\r\n      filter: blur(0);\r\n\r\n      transition:\r\n        opacity .9s .38s,\r\n        transform 1.05s cubic-bezier(.16,.74,.2,1) .38s,\r\n        filter .9s .38s;\r\n    }\r\n\r\n    #zs-lakeside-b2-hero.is-entered\r\n    .zslakeb2hero__bottom {\r\n      opacity: 1;\r\n\r\n      transition:\r\n        opacity .8s .82s;\r\n    }\r\n\r\n    @keyframes zsppHeroImage {\r\n      from {\r\n        transform: scale(1.025);\r\n      }\r\n\r\n      to {\r\n        transform: scale(1.075);\r\n      }\r\n    }\r\n\r\n    @keyframes zsppScrollLine {\r\n      0% {\r\n        transform: translateX(-100%);\r\n      }\r\n\r\n      60% {\r\n        transform: translateX(0);\r\n      }\r\n\r\n      100% {\r\n        transform: translateX(100%);\r\n      }\r\n    }\r\n\r\n    @media (max-width:1366px) {\r\n\r\n      #zs-lakeside-b2-hero {\r\n        --frame: 22px;\r\n        --radius: 28px;\r\n\r\n        min-height: 600px;\r\n      }\r\n\r\n      .zslakeb2hero__content {\r\n        left:\r\n          clamp(36px, 6vw, 90px);\r\n\r\n        width:\r\n          min(820px, 70vw);\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:1200px) {\r\n\r\n      #zs-lakeside-b2-hero {\r\n        --frame: 18px;\r\n        --radius: 24px;\r\n      }\r\n\r\n      .zslakeb2hero__content {\r\n        left:\r\n          clamp(34px, 5vw, 68px);\r\n\r\n        width:\r\n          min(790px, 74vw);\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:1024px) {\r\n\r\n      #zs-lakeside-b2-hero {\r\n        --frame: 16px;\r\n        --radius: 22px;\r\n\r\n        height: 78vh;\r\n        height: 78svh;\r\n\r\n        min-height: 620px;\r\n      }\r\n\r\n      .zslakeb2hero__content {\r\n        left: 50px;\r\n\r\n        width:\r\n          min(760px, 80vw);\r\n      }\r\n\r\n      .zslakeb2hero__topline {\r\n        left: 50px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:880px) {\r\n\r\n      #zs-lakeside-b2-hero {\r\n        --frame: 12px;\r\n        --radius: 19px;\r\n\r\n        min-height: 650px;\r\n      }\r\n\r\n      .zslakeb2hero__content {\r\n        right: 34px;\r\n        left: 34px;\r\n\r\n        width: auto;\r\n      }\r\n\r\n      .zslakeb2hero__topline {\r\n        left: 34px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:767px) {\r\n\r\n      #zs-lakeside-b2-hero {\r\n        --frame: 10px;\r\n        --radius: 18px;\r\n\r\n        height: 86svh;\r\n\r\n        min-height: 680px;\r\n      }\r\n\r\n      .zslakeb2hero__media img {\r\n        object-position:\r\n          58% center;\r\n      }\r\n\r\n      .zslakeb2hero__overlay {\r\n        background:\r\n          linear-gradient(\r\n            0deg,\r\n            rgba(14,31,22,.90),\r\n            rgba(14,31,22,.72) 37%,\r\n            rgba(14,31,22,.28) 69%,\r\n            rgba(14,31,22,.10)\r\n          ),\r\n          linear-gradient(\r\n            90deg,\r\n            rgba(14,31,22,.24),\r\n            rgba(14,31,22,.04)\r\n          );\r\n      }\r\n\r\n      .zslakeb2hero__topline {\r\n        top: 24px;\r\n        left: 22px;\r\n\r\n        gap: 9px;\r\n\r\n        font-size: 8px;\r\n      }\r\n\r\n      .zslakeb2hero__topline i {\r\n        width: 26px;\r\n      }\r\n\r\n      .zslakeb2hero__content {\r\n        right: 22px;\r\n        bottom: 68px;\r\n        left: 22px;\r\n      }\r\n\r\n      .zslakeb2hero__eyebrow {\r\n        margin-bottom: 12px;\r\n\r\n        font-size: 9px;\r\n\r\n        letter-spacing: .16em;\r\n      }\r\n\r\n      .zslakeb2hero__content h1 {\r\n        font-size:\r\n          clamp(44px, 12vw, 62px);\r\n      }\r\n\r\n      .zslakeb2hero__bottom {\r\n        right: 20px;\r\n        bottom: 20px;\r\n        left: 20px;\r\n      }\r\n\r\n      .zslakeb2hero__signature {\r\n        display: none;\r\n      }\r\n\r\n      .zslakeb2hero__scroll-label {\r\n        font-size: 8px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (prefers-reduced-motion:reduce) {\r\n\r\n      #zs-lakeside-b2-hero *,\r\n      #zs-lakeside-b2-hero *::before,\r\n      #zs-lakeside-b2-hero *::after {\r\n        animation: none !important;\r\n        transition: none !important;\r\n      }\r\n\r\n      .zslakeb2hero__topline,\r\n      .zslakeb2hero__eyebrow,\r\n      .zslakeb2hero__content h1,\r\n      .zslakeb2hero__bottom {\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n        filter: none !important;\r\n      }\r\n\r\n    }\r\n  <\/style>\r\n\r\n  <script>\r\n  (() => {\r\n\r\n    const hero =\r\n      document.getElementById(\r\n        'zs-lakeside-b2-hero'\r\n      );\r\n\r\n    if (\r\n      !hero ||\r\n      hero.dataset.ready === '1'\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    hero.dataset.ready = '1';\r\n\r\n    const reduce =\r\n      window.matchMedia(\r\n        '(prefers-reduced-motion: reduce)'\r\n      ).matches;\r\n\r\n    requestAnimationFrame(\r\n      () =>\r\n        requestAnimationFrame(\r\n          () =>\r\n            hero.classList.add(\r\n              'is-entered'\r\n            )\r\n        )\r\n    );\r\n\r\n    const cta =\r\n      hero.querySelector(\r\n        '[data-zspp-scroll]'\r\n      );\r\n\r\n    if (!cta) {\r\n      return;\r\n    }\r\n\r\n    cta.addEventListener(\r\n      'click',\r\n      event => {\r\n\r\n        const target =\r\n          document.querySelector(\r\n            '#inquiry'\r\n          );\r\n\r\n        if (!target) {\r\n          return;\r\n        }\r\n\r\n        event.preventDefault();\r\n\r\n        target.scrollIntoView({\r\n          behavior:\r\n            reduce\r\n              ? 'auto'\r\n              : 'smooth',\r\n\r\n          block:\r\n            'start'\r\n        });\r\n\r\n      }\r\n    );\r\n\r\n  })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac4bad8 e-con-full e-flex e-con e-parent\" data-id=\"ac4bad8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0820cc7 elementor-widget elementor-widget-html\" data-id=\"0820cc7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ZALA SPRINGS MAIN \u2014 LAKE-SIDE B2 \/ INTRO + GAL\u00c9RIA -->\r\n<section id=\"zs-lakeside-b2-intro\" class=\"zs-main zslb2intro\" aria-labelledby=\"zslb2intro-title\">\r\n  <div class=\"zslb2intro__inner\">\r\n\r\n    <div class=\"zslb2intro__grid\">\r\n\r\n      <!-- GALLERY -->\r\n      <div class=\"zslb2intro__gallery zslb2intro__reveal\">\r\n        <div\r\n          class=\"zslb2intro__gallery-frame\"\r\n          tabindex=\"0\"\r\n          aria-label=\"Lake-Side B2 apartmanok gal\u00e9ria\"\r\n        >\r\n          <div class=\"zslb2intro__track\">\r\n\r\n            <figure class=\"zslb2intro__slide is-active\">\r\n              <img\r\n                src=\"\/wp-content\/uploads\/2026\/09\/ingatlan-lakeside-b2-01.jpg\"\r\n                alt=\"Lake-Side B2 apartman enteri\u0151r\"\r\n                loading=\"eager\"\r\n                decoding=\"async\"\r\n              >\r\n            <\/figure>\r\n\r\n            <figure class=\"zslb2intro__slide\">\r\n              <img\r\n                src=\"\/wp-content\/uploads\/2026\/09\/ingatlan-lakeside-b2-02.jpg\"\r\n                alt=\"Lake-Side B2 apartman gal\u00e9ria 02\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              >\r\n            <\/figure>\r\n\r\n            <figure class=\"zslb2intro__slide\">\r\n              <img\r\n                src=\"\/wp-content\/uploads\/2026\/09\/ingatlan-lakeside-b2-03.jpg\"\r\n                alt=\"Lake-Side B2 apartman gal\u00e9ria 03\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              >\r\n            <\/figure>\r\n\r\n            <figure class=\"zslb2intro__slide\">\r\n              <img\r\n                src=\"\/wp-content\/uploads\/2026\/09\/ingatlan-lakeside-b2-04.jpg\"\r\n                alt=\"Lake-Side B2 apartman gal\u00e9ria 04\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              >\r\n            <\/figure>\r\n\r\n            <figure class=\"zslb2intro__slide\">\r\n              <img\r\n                src=\"\/wp-content\/uploads\/2026\/09\/ingatlan-lakeside-b2-05.jpg\"\r\n                alt=\"Lake-Side B2 apartman gal\u00e9ria 05\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              >\r\n            <\/figure>\r\n\r\n            <figure class=\"zslb2intro__slide\">\r\n              <img\r\n                src=\"\/wp-content\/uploads\/2026\/09\/ingatlan-lakeside-b2-06.jpg\"\r\n                alt=\"Lake-Side B2 apartman gal\u00e9ria 06\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              >\r\n            <\/figure>\r\n\r\n            <figure class=\"zslb2intro__slide\">\r\n              <img\r\n                src=\"\/wp-content\/uploads\/2026\/09\/ingatlan-lakeside-b2-07.jpg\"\r\n                alt=\"Lake-Side B2 apartman gal\u00e9ria 07\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              >\r\n            <\/figure>\r\n\r\n            <figure class=\"zslb2intro__slide\">\r\n              <img\r\n                src=\"\/wp-content\/uploads\/2026\/09\/ingatlan-lakeside-b2-08.jpg\"\r\n                alt=\"Lake-Side B2 apartman gal\u00e9ria 08\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              >\r\n            <\/figure>\r\n\r\n            <figure class=\"zslb2intro__slide\">\r\n              <img\r\n                src=\"\/wp-content\/uploads\/2026\/09\/ingatlan-lakeside-b2-09.jpg\"\r\n                alt=\"Lake-Side B2 apartman gal\u00e9ria 09\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n              >\r\n            <\/figure>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"zslb2intro__counter\" aria-hidden=\"true\">\r\n            <span class=\"zslb2intro__current\">01<\/span>\r\n            <i><\/i>\r\n            <span class=\"zslb2intro__total\">09<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"zslb2intro__controls\">\r\n            <button\r\n              class=\"zslb2intro__arrow zslb2intro__arrow--prev\"\r\n              type=\"button\"\r\n              aria-label=\"El\u0151z\u0151 k\u00e9p\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M15 5l-7 7 7 7\"><\/path>\r\n              <\/svg>\r\n            <\/button>\r\n\r\n            <button\r\n              class=\"zslb2intro__arrow zslb2intro__arrow--next\"\r\n              type=\"button\"\r\n              aria-label=\"K\u00f6vetkez\u0151 k\u00e9p\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M9 5l7 7-7 7\"><\/path>\r\n              <\/svg>\r\n            <\/button>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div\r\n          class=\"zslb2intro__dots\"\r\n          role=\"tablist\"\r\n          aria-label=\"Gal\u00e9ria\"\r\n        ><\/div>\r\n      <\/div>\r\n\r\n\r\n      <!-- CONTENT -->\r\n      <article class=\"zslb2intro__content zslb2intro__reveal\">\r\n\r\n        <div class=\"zslb2intro__eyebrow\">\r\n          ZALA SPRINGS RESIDENCES\r\n        <\/div>\r\n\r\n        <h2 id=\"zslb2intro-title\">\r\n          Lake-Side apartmanok - B2\r\n        <\/h2>\r\n\r\n        <div class=\"zslb2intro__gold-line\"><\/div>\r\n\r\n        <p>\r\n          A Zala Springs Golf Resort beruh\u00e1z\u00e1si \u00fcteme 2023-ban el\u00e9rte a k\u00f6vetkez\u0151\r\n          egys\u00e9g, a B2-es \u00e9p\u00fclet \u00e1tad\u00e1s\u00e1t. Leg\u00fajabb apartmanh\u00e1zunk egy olyan k\u00e9t\r\n          emeletes t\u00e1rsash\u00e1z, ahol 20 db lak\u00e1s ker\u00fcl kialak\u00edt\u00e1sra \u00fagy, hogy a\r\n          f\u00f6ldszinten \u00faj szolg\u00e1ltat\u00e1sunkk\u00e9nt elindul\u00f3 prevent\u00edv jelleg\u0171 eg\u00e9szs\u00e9g\u00fcgyi\r\n          centrummal harmonikus egys\u00e9get alkosson.\r\n        <\/p>\r\n\r\n        <p>\r\n          Lak\u00e1saink t\u00f6bbet ny\u00fajtanak, mint egy \u00e1tlagos nyaral\u00f3: \u201e\u00f6tcsillagos\u201d\r\n          k\u00f6rnyezet \u00e9s szolg\u00e1ltat\u00e1sok mellett egyed\u00fcl\u00e1ll\u00f3 \u00e9letmin\u0151s\u00e9gbe val\u00f3\r\n          befektet\u00e9st \u00e9s hossz\u00fat\u00e1v\u00fa visszab\u00e9rl\u00e9si garanci\u00e1t biztos\u00edtanak \u00d6nnek!\r\n          A 3 m\u00e9teres belmagass\u00e1ggal kialak\u00edtott lak\u00e1sok nagy ablakai \u00e9s t\u00e1gas\r\n          erk\u00e9lyei a t\u00f3ra, dombokra \u00e9s a golfp\u00e1ly\u00e1ra ny\u00fajtanak csod\u00e1latos kil\u00e1t\u00e1st.\r\n        <\/p>\r\n\r\n        <p>\r\n          Ezeket a lak\u00e1sokat kifejezetten befektet\u00e9si c\u00e9llal v\u00e1s\u00e1rl\u00f3 \u00fcgyfeleink\r\n          r\u00e9sz\u00e9re aj\u00e1nljuk, mivel b\u00e9rbead\u00e1sa optim\u00e1lis hozamot eredm\u00e9nyez\r\n          tulajdonos\u00e1nak a Resort \u00e9s szolg\u00e1ltat\u00e1sainak folyamatosan n\u00f6vekv\u0151\r\n          n\u00e9pszer\u0171s\u00e9ge miatt.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <style>\r\n    #zs-lakeside-b2-intro,\r\n    #zs-lakeside-b2-intro *,\r\n    #zs-lakeside-b2-intro *::before,\r\n    #zs-lakeside-b2-intro *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #zs-lakeside-b2-intro {\r\n      --gold: var(--zs-brand-gold, #c2a22f);\r\n      --dark: var(--zs-brand-midnight, #26352c);\r\n      --muted: var(--zs-text-soft, #68716c);\r\n\r\n      width: 100%;\r\n\r\n      padding:\r\n        clamp(92px,8vw,138px)\r\n        clamp(20px,4vw,64px);\r\n\r\n      overflow: hidden;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          #fbfaf7,\r\n          #f6f3ec\r\n        );\r\n\r\n      color: var(--dark);\r\n\r\n      font-family:\r\n        \"Brandon book\",\r\n        \"Brandon Grotesque\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif !important;\r\n    }\r\n\r\n    #zs-lakeside-b2-intro * {\r\n      font-family:\r\n        \"Brandon book\",\r\n        \"Brandon Grotesque\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif !important;\r\n    }\r\n\r\n    .zslb2intro__inner {\r\n      width: min(100%,1480px);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .zslb2intro__grid {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        minmax(0,1.12fr)\r\n        minmax(390px,.88fr);\r\n\r\n      gap:\r\n        clamp(58px,7vw,112px);\r\n\r\n      align-items: center;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       GALLERY\r\n       ========================================================= *\/\r\n\r\n    .zslb2intro__gallery {\r\n      min-width: 0;\r\n    }\r\n\r\n    .zslb2intro__gallery-frame {\r\n      position: relative;\r\n\r\n      width: 100%;\r\n      aspect-ratio: 1.48 \/ 1;\r\n\r\n      overflow: hidden;\r\n\r\n      padding: 8px;\r\n\r\n      border:\r\n        1px solid rgba(194,162,47,.22);\r\n\r\n      border-radius: 28px;\r\n\r\n      background:\r\n        rgba(255,255,255,.84);\r\n\r\n      box-shadow:\r\n        0 26px 75px rgba(38,53,44,.10);\r\n\r\n      outline: none;\r\n    }\r\n\r\n    .zslb2intro__gallery-frame:focus-visible {\r\n      box-shadow:\r\n        0 0 0 3px rgba(194,162,47,.24),\r\n        0 26px 75px rgba(38,53,44,.10);\r\n    }\r\n\r\n    .zslb2intro__track {\r\n      position: relative;\r\n\r\n      width: 100%;\r\n      height: 100%;\r\n\r\n      overflow: hidden;\r\n\r\n      border-radius: 20px;\r\n\r\n      background: #e8e7e2;\r\n    }\r\n\r\n    .zslb2intro__slide {\r\n      position: absolute;\r\n\r\n      inset: 0;\r\n\r\n      margin: 0;\r\n\r\n      opacity: 0;\r\n      visibility: hidden;\r\n\r\n      transform: scale(1.035);\r\n\r\n      transition:\r\n        opacity .65s ease,\r\n        visibility .65s ease,\r\n        transform 1.05s cubic-bezier(.2,.72,.2,1);\r\n    }\r\n\r\n    .zslb2intro__slide.is-active {\r\n      opacity: 1;\r\n      visibility: visible;\r\n\r\n      transform: scale(1);\r\n    }\r\n\r\n    .zslb2intro__slide img {\r\n      display: block;\r\n\r\n      width: 100% !important;\r\n      max-width: none !important;\r\n      height: 100% !important;\r\n\r\n      object-fit: cover !important;\r\n      object-position: center center !important;\r\n    }\r\n\r\n    .zslb2intro__gallery-frame::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      inset: 8px;\r\n\r\n      z-index: 2;\r\n\r\n      border-radius: 20px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          transparent 62%,\r\n          rgba(16,31,23,.26)\r\n        );\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .zslb2intro__counter {\r\n      position: absolute;\r\n\r\n      z-index: 4;\r\n\r\n      left: 31px;\r\n      bottom: 29px;\r\n\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      gap: 10px;\r\n\r\n      color:\r\n        rgba(255,255,255,.88);\r\n\r\n      font-size: 10px;\r\n      font-weight: 600;\r\n\r\n      letter-spacing: .16em;\r\n    }\r\n\r\n    .zslb2intro__counter i {\r\n      width: 34px;\r\n      height: 1px;\r\n\r\n      background:\r\n        rgba(194,162,47,.92);\r\n    }\r\n\r\n    .zslb2intro__controls {\r\n      position: absolute;\r\n\r\n      z-index: 5;\r\n\r\n      right: 27px;\r\n      bottom: 24px;\r\n\r\n      display: flex;\r\n\r\n      gap: 8px;\r\n    }\r\n\r\n    .zslb2intro__arrow {\r\n      width: 46px;\r\n      height: 46px;\r\n\r\n      display: grid;\r\n      place-items: center;\r\n\r\n      padding: 0;\r\n\r\n      border:\r\n        1px solid rgba(255,255,255,.5) !important;\r\n\r\n      border-radius: 50% !important;\r\n\r\n      background:\r\n        rgba(255,255,255,.93) !important;\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      cursor: pointer;\r\n      appearance: none;\r\n\r\n      box-shadow:\r\n        0 8px 24px rgba(14,28,20,.14);\r\n\r\n      transition: .25s ease;\r\n    }\r\n\r\n    .zslb2intro__arrow svg {\r\n      width: 18px;\r\n      height: 18px;\r\n\r\n      fill: none;\r\n      stroke: currentColor;\r\n\r\n      stroke-width: 1.8;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .zslb2intro__dots {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      gap: 8px;\r\n\r\n      margin-top: 20px;\r\n    }\r\n\r\n    .zslb2intro__dot {\r\n      width: 7px;\r\n      height: 7px;\r\n\r\n      padding: 0;\r\n\r\n      border: 0 !important;\r\n      border-radius: 50% !important;\r\n\r\n      background:\r\n        rgba(38,53,44,.20) !important;\r\n\r\n      cursor: pointer;\r\n      appearance: none;\r\n\r\n      transition: .3s ease;\r\n    }\r\n\r\n    .zslb2intro__dot.is-active {\r\n      width: 27px;\r\n\r\n      border-radius: 999px !important;\r\n\r\n      background:\r\n        var(--gold) !important;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CONTENT\r\n       ========================================================= *\/\r\n\r\n    .zslb2intro__content {\r\n      max-width: 610px;\r\n    }\r\n\r\n    .zslb2intro__eyebrow {\r\n      margin-bottom: 13px;\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: .2em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .zslb2intro__content h2 {\r\n      margin: 0 !important;\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      font-size:\r\n        clamp(43px,4vw,66px);\r\n\r\n      font-weight:\r\n        400 !important;\r\n\r\n      line-height:\r\n        1.03 !important;\r\n\r\n      letter-spacing:\r\n        -.025em;\r\n\r\n      text-wrap: balance;\r\n    }\r\n\r\n    .zslb2intro__gold-line {\r\n      width: 56px;\r\n      height: 1px;\r\n\r\n      margin:\r\n        25px 0 27px;\r\n\r\n      background:\r\n        var(--gold);\r\n    }\r\n\r\n    .zslb2intro__content p {\r\n      margin:\r\n        0 0 20px !important;\r\n\r\n      color:\r\n        var(--muted);\r\n\r\n      font-size:\r\n        clamp(15px,1.02vw,17px);\r\n\r\n      line-height:\r\n        1.72;\r\n    }\r\n\r\n    .zslb2intro__content\r\n    .zslb2intro__lead {\r\n      color:\r\n        var(--dark);\r\n\r\n      font-size:\r\n        clamp(18px,1.3vw,22px);\r\n\r\n      line-height:\r\n        1.55;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REVEAL\r\n       ========================================================= *\/\r\n\r\n    .zslb2intro__reveal {\r\n      opacity: 0;\r\n\r\n      transform:\r\n        translateY(30px);\r\n\r\n      transition:\r\n        opacity .8s ease,\r\n        transform .95s cubic-bezier(.2,.72,.2,1);\r\n    }\r\n\r\n    .zslb2intro__reveal.is-visible {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       HOVER\r\n       ========================================================= *\/\r\n\r\n    @media (hover:hover) and (pointer:fine) {\r\n\r\n      .zslb2intro__arrow:hover {\r\n        transform:\r\n          translateY(-2px);\r\n\r\n        background:\r\n          var(--gold) !important;\r\n\r\n        border-color:\r\n          var(--gold) !important;\r\n\r\n        color:\r\n          #fff !important;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       RESPONSIVE\r\n       ========================================================= *\/\r\n\r\n    @media (max-width:1366px) {\r\n\r\n      #zs-lakeside-b2-intro {\r\n        padding:\r\n          104px 40px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:1200px) {\r\n\r\n      #zs-lakeside-b2-intro {\r\n        padding:\r\n          96px 32px;\r\n      }\r\n\r\n      .zslb2intro__grid {\r\n        gap:\r\n          60px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:1024px) {\r\n\r\n      #zs-lakeside-b2-intro {\r\n        padding:\r\n          86px 24px;\r\n      }\r\n\r\n      .zslb2intro__grid {\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        gap:\r\n          48px;\r\n      }\r\n\r\n      .zslb2intro__gallery {\r\n        order: 1;\r\n\r\n        width:\r\n          min(100%,850px);\r\n      }\r\n\r\n      .zslb2intro__content {\r\n        order: 2;\r\n\r\n        width:\r\n          min(100%,850px);\r\n\r\n        max-width: none;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:880px) {\r\n\r\n      .zslb2intro__gallery-frame {\r\n        border-radius:\r\n          22px;\r\n      }\r\n\r\n      .zslb2intro__track,\r\n      .zslb2intro__gallery-frame::after {\r\n        border-radius:\r\n          15px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:767px) {\r\n\r\n      #zs-lakeside-b2-intro {\r\n        padding:\r\n          68px 14px;\r\n      }\r\n\r\n      .zslb2intro__grid {\r\n        gap:\r\n          35px;\r\n      }\r\n\r\n      .zslb2intro__content h2 {\r\n        font-size:\r\n          clamp(38px,10vw,50px);\r\n      }\r\n\r\n      .zslb2intro__gallery-frame {\r\n        aspect-ratio:\r\n          1.12 \/ 1;\r\n\r\n        padding:\r\n          6px;\r\n\r\n        border-radius:\r\n          20px;\r\n      }\r\n\r\n      .zslb2intro__track {\r\n        border-radius:\r\n          14px;\r\n      }\r\n\r\n      .zslb2intro__gallery-frame::after {\r\n        inset:\r\n          6px;\r\n\r\n        border-radius:\r\n          14px;\r\n      }\r\n\r\n      .zslb2intro__counter {\r\n        left:\r\n          21px;\r\n\r\n        bottom:\r\n          22px;\r\n      }\r\n\r\n      .zslb2intro__controls {\r\n        right:\r\n          18px;\r\n\r\n        bottom:\r\n          16px;\r\n      }\r\n\r\n      .zslb2intro__arrow {\r\n        width:\r\n          42px;\r\n\r\n        height:\r\n          42px;\r\n      }\r\n\r\n      .zslb2intro__dots {\r\n        margin-top:\r\n          15px;\r\n      }\r\n\r\n      .zslb2intro__content p {\r\n        font-size:\r\n          15px;\r\n      }\r\n\r\n      .zslb2intro__content\r\n      .zslb2intro__lead {\r\n        font-size:\r\n          17px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:480px) {\r\n\r\n      .zslb2intro__gallery-frame {\r\n        aspect-ratio:\r\n          .98 \/ 1;\r\n      }\r\n\r\n    }\r\n\r\n    @media (prefers-reduced-motion:reduce) {\r\n\r\n      .zslb2intro__reveal,\r\n      .zslb2intro__slide,\r\n      .zslb2intro__arrow,\r\n      .zslb2intro__dot {\r\n        transition:\r\n          none !important;\r\n      }\r\n\r\n      .zslb2intro__reveal {\r\n        opacity:\r\n          1 !important;\r\n\r\n        transform:\r\n          none !important;\r\n      }\r\n\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n  <script>\r\n  (() => {\r\n\r\n    const root =\r\n      document.getElementById(\r\n        'zs-lakeside-b2-intro'\r\n      );\r\n\r\n    if (\r\n      !root ||\r\n      root.dataset.ready === '1'\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    root.dataset.ready =\r\n      '1';\r\n\r\n    const slides = [\r\n      ...root.querySelectorAll(\r\n        '.zslb2intro__slide'\r\n      )\r\n    ];\r\n\r\n    const dotsWrap =\r\n      root.querySelector(\r\n        '.zslb2intro__dots'\r\n      );\r\n\r\n    const prev =\r\n      root.querySelector(\r\n        '.zslb2intro__arrow--prev'\r\n      );\r\n\r\n    const next =\r\n      root.querySelector(\r\n        '.zslb2intro__arrow--next'\r\n      );\r\n\r\n    const current =\r\n      root.querySelector(\r\n        '.zslb2intro__current'\r\n      );\r\n\r\n    const total =\r\n      root.querySelector(\r\n        '.zslb2intro__total'\r\n      );\r\n\r\n    const frame =\r\n      root.querySelector(\r\n        '.zslb2intro__gallery-frame'\r\n      );\r\n\r\n    if (!slides.length) {\r\n      return;\r\n    }\r\n\r\n    let index = 0;\r\n    let startX = 0;\r\n    let endX = 0;\r\n\r\n    total.textContent =\r\n      String(slides.length)\r\n        .padStart(2,'0');\r\n\r\n\r\n    slides.forEach(\r\n      (slide,i) => {\r\n\r\n        const dot =\r\n          document.createElement(\r\n            'button'\r\n          );\r\n\r\n        dot.type =\r\n          'button';\r\n\r\n        dot.className =\r\n          'zslb2intro__dot' +\r\n          (\r\n            i === 0\r\n              ? ' is-active'\r\n              : ''\r\n          );\r\n\r\n        dot.setAttribute(\r\n          'aria-label',\r\n          (i + 1) + '. k\u00e9p'\r\n        );\r\n\r\n        dot.addEventListener(\r\n          'click',\r\n          () =>\r\n            show(i)\r\n        );\r\n\r\n        dotsWrap.appendChild(\r\n          dot\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    const dots = [\r\n      ...dotsWrap.querySelectorAll(\r\n        '.zslb2intro__dot'\r\n      )\r\n    ];\r\n\r\n\r\n    function show(nextIndex) {\r\n\r\n      index =\r\n        (\r\n          nextIndex +\r\n          slides.length\r\n        ) %\r\n        slides.length;\r\n\r\n      slides.forEach(\r\n        (slide,i) =>\r\n          slide.classList.toggle(\r\n            'is-active',\r\n            i === index\r\n          )\r\n      );\r\n\r\n      dots.forEach(\r\n        (dot,i) =>\r\n          dot.classList.toggle(\r\n            'is-active',\r\n            i === index\r\n          )\r\n      );\r\n\r\n      current.textContent =\r\n        String(index + 1)\r\n          .padStart(2,'0');\r\n\r\n    }\r\n\r\n\r\n    prev.addEventListener(\r\n      'click',\r\n      () =>\r\n        show(index - 1)\r\n    );\r\n\r\n    next.addEventListener(\r\n      'click',\r\n      () =>\r\n        show(index + 1)\r\n    );\r\n\r\n\r\n    frame.addEventListener(\r\n      'keydown',\r\n      event => {\r\n\r\n        if (\r\n          event.key ===\r\n          'ArrowLeft'\r\n        ) {\r\n          show(index - 1);\r\n        }\r\n\r\n        if (\r\n          event.key ===\r\n          'ArrowRight'\r\n        ) {\r\n          show(index + 1);\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    frame.addEventListener(\r\n      'touchstart',\r\n      event => {\r\n\r\n        startX =\r\n          event.changedTouches[0]\r\n            .screenX;\r\n\r\n      },\r\n      {\r\n        passive: true\r\n      }\r\n    );\r\n\r\n\r\n    frame.addEventListener(\r\n      'touchend',\r\n      event => {\r\n\r\n        endX =\r\n          event.changedTouches[0]\r\n            .screenX;\r\n\r\n        const delta =\r\n          endX -\r\n          startX;\r\n\r\n        if (\r\n          Math.abs(delta) >=\r\n          45\r\n        ) {\r\n\r\n          show(\r\n            delta < 0\r\n              ? index + 1\r\n              : index - 1\r\n          );\r\n\r\n        }\r\n\r\n      },\r\n      {\r\n        passive: true\r\n      }\r\n    );\r\n\r\n\r\n    show(0);\r\n\r\n\r\n    const reveal =\r\n      root.querySelectorAll(\r\n        '.zslb2intro__reveal'\r\n      );\r\n\r\n    if (\r\n      !(\r\n        'IntersectionObserver'\r\n        in window\r\n      )\r\n    ) {\r\n\r\n      reveal.forEach(\r\n        element =>\r\n          element.classList.add(\r\n            'is-visible'\r\n          )\r\n      );\r\n\r\n      return;\r\n    }\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n        entries => {\r\n\r\n          entries.forEach(\r\n            entry => {\r\n\r\n              if (\r\n                !entry.isIntersecting\r\n              ) {\r\n                return;\r\n              }\r\n\r\n              entry.target.classList.add(\r\n                'is-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          threshold: .12,\r\n\r\n          rootMargin:\r\n            '0px 0px -6% 0px'\r\n        }\r\n      );\r\n\r\n    reveal.forEach(\r\n      element =>\r\n        observer.observe(\r\n          element\r\n        )\r\n    );\r\n\r\n  })();\r\n  <\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37162b3 e-con-full e-flex e-con e-parent\" data-id=\"37162b3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d87a67 elementor-widget elementor-widget-html\" data-id=\"9d87a67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ZALA SPRINGS MAIN \u2014 LAKE-SIDE B2 \/ BEFEKTET\u00c9SI MODELL -->\r\n<section id=\"zs-lakeside-b2-investment\" class=\"zs-main zslb2invest\" aria-labelledby=\"zslb2invest-title\">\r\n\r\n  <div class=\"zslb2invest__inner\">\r\n\r\n    <header class=\"zslb2invest__header zslb2invest__reveal\">\r\n      <h2 id=\"zslb2invest-title\">\r\n        Befektet\u00e9si modell\r\n      <\/h2>\r\n\r\n      <div class=\"zslb2invest__gold-line\"><\/div>\r\n    <\/header>\r\n\r\n\r\n    <div class=\"zslb2invest__cards\">\r\n\r\n      <!-- 01 \u2014 GARANT\u00c1LT B\u00c9RLETI D\u00cdJ + K\u00c9NYELMI SZOLG\u00c1LTAT\u00c1SOK -->\r\n      <article class=\"zslb2invest__card zslb2invest__card--return zslb2invest__reveal\">\r\n\r\n        <div class=\"zslb2invest__return-block\">\r\n\r\n          <span class=\"zslb2invest__round-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <rect x=\"5\" y=\"5\" width=\"14\" height=\"14\" rx=\"2\"><\/rect>\r\n              <path d=\"M8 8h8v8H8z\"><\/path>\r\n              <path d=\"M10 12h4\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <strong class=\"zslb2invest__rate\">\r\n            3\u20134%\r\n          <\/strong>\r\n\r\n          <h3>\r\n            3\u20134% garant\u00e1lt b\u00e9rleti d\u00edj 15 \u00e9vre*\r\n          <\/h3>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"zslb2invest__plus\">\r\n          +\r\n        <\/div>\r\n\r\n\r\n        <div class=\"zslb2invest__return-block\">\r\n\r\n          <span class=\"zslb2invest__round-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M4 16c2-4 4-6 8-6s6 2 8 6\"><\/path>\r\n              <path d=\"M6 18h12\"><\/path>\r\n              <circle cx=\"16\" cy=\"6\" r=\"2\"><\/circle>\r\n              <path d=\"M16 2v1M16 9v1M12 6h1M19 6h1\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <h3>\r\n            K\u00e9nyelmi szolg\u00e1ltat\u00e1sok\r\n          <\/h3>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 02 \u2014 FIZET\u00c9SI STRUKT\u00daRA -->\r\n      <article class=\"zslb2invest__card zslb2invest__reveal\">\r\n\r\n        <div class=\"zslb2invest__card-head\">\r\n          <span class=\"zslb2invest__head-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M4 7h16\"><\/path>\r\n              <path d=\"M6 4h12v16H6z\"><\/path>\r\n              <path d=\"M9 12h6M9 16h4\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <h3>\r\n            Fizet\u00e9si strukt\u00fara\r\n          <\/h3>\r\n        <\/div>\r\n\r\n\r\n        <div class=\"zslb2invest__payment-steps\">\r\n\r\n          <div class=\"zslb2invest__payment-step\">\r\n            <span class=\"zslb2invest__step-icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\r\n                <path d=\"M14.5 8.5a4 4 0 1 0 0 7\"><\/path>\r\n                <path d=\"M8.5 10h5M8.5 14h5\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <strong>Regisztr\u00e1ci\u00f3s d\u00edj<\/strong>\r\n            <small>A v\u00e9tel\u00e1r 10%-a<\/small>\r\n          <\/div>\r\n\r\n\r\n          <div class=\"zslb2invest__step-line\" aria-hidden=\"true\">\r\n            <span><\/span>\r\n          <\/div>\r\n\r\n\r\n          <div class=\"zslb2invest__payment-step\">\r\n            <span class=\"zslb2invest__step-icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M5 19h14\"><\/path>\r\n                <path d=\"M7 16h10\"><\/path>\r\n                <path d=\"m8 13 7-7 3 3-7 7-4 1z\"><\/path>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <strong>Szerz\u0151d\u00e9sk\u00f6t\u00e9s<\/strong>\r\n            <small>2 h\u00e9ten bel\u00fcl a regisztr\u00e1ci\u00f3s d\u00edj kifizet\u00e9se ut\u00e1n<\/small>\r\n          <\/div>\r\n\r\n\r\n          <div class=\"zslb2invest__step-line\" aria-hidden=\"true\">\r\n            <span><\/span>\r\n          <\/div>\r\n\r\n\r\n          <div class=\"zslb2invest__payment-step\">\r\n            <span class=\"zslb2invest__step-icon\" aria-hidden=\"true\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <rect x=\"4\" y=\"6\" width=\"16\" height=\"12\" rx=\"2\"><\/rect>\r\n                <path d=\"M4 10h16\"><\/path>\r\n                <circle cx=\"15.5\" cy=\"14\" r=\"1\"><\/circle>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <strong>Teljes v\u00e9tel\u00e1r megfizet\u00e9se<\/strong>\r\n            <small>5 nappal a szerz\u0151d\u00e9sk\u00f6t\u00e9s ut\u00e1n<\/small>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <p class=\"zslb2invest__payment-note\">\r\n          Az \u00e1rak az \u00c1F\u00c1-t \u00e9s a b\u00fatorokat tartalmazz\u00e1k.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <!-- 03 \u2014 K\u00c9NYELMI + B\u00c9RBEAD\u00c1SI SZOLG\u00c1LTAT\u00c1SOK -->\r\n      <article class=\"zslb2invest__card zslb2invest__card--services zslb2invest__reveal\">\r\n\r\n        <div class=\"zslb2invest__card-head\">\r\n          <span class=\"zslb2invest__head-icon\" aria-hidden=\"true\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M5 20V8l7-5 7 5v12\"><\/path>\r\n              <path d=\"M9 20v-6h6v6\"><\/path>\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <h3>\r\n            K\u00e9nyelmi szolg\u00e1ltat\u00e1sok\r\n          <\/h3>\r\n        <\/div>\r\n\r\n\r\n        <ul class=\"zslb2invest__comfort-list\">\r\n          <li>\r\n            <span><svg class=\"zs-invest-list-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" data-zs-icon=\"moon-star\"><path d=\"M20 15.5A8.5 8.5 0 0 1 8.5 4 8.5 8.5 0 1 0 20 15.5Z\"><\/path><path d=\"M17 3v4M15 5h4\"><\/path><\/svg><\/span>\r\n            <div>\r\n              <strong>14 \u00e9jszaka saj\u00e1t haszn\u00e1lat<\/strong>\r\n              <small>\u00e9vente<\/small>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <span><svg class=\"zs-invest-list-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" data-zs-icon=\"golf-flag\"><path d=\"M6 21V3l11 4-11 4\"><\/path><path d=\"M3 21h7\"><\/path><circle cx=\"17\" cy=\"18\" r=\"2\"><\/circle><\/svg><\/span>\r\n            <div>\r\n              <strong>Golf klubtags\u00e1g<\/strong>\r\n              <small data-no-translation data-zslb2-membership-hu=\"3 \u00e9vre &amp; IMG Prestige h\u00e1l\u00f3zati kapcsolat\" data-zslb2-membership-en=\"3 years &amp; IMG Prestige network access\" data-zslb2-membership-de=\"3 Jahre &amp; Zugang zum IMG Prestige Netzwerk\">3 \u00e9vre &amp; IMG Prestige h\u00e1l\u00f3zati kapcsolat<\/small>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <span><svg class=\"zs-invest-list-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" data-zs-icon=\"utensils\"><path d=\"M4 3v7a3 3 0 0 0 6 0V3M7 3v18M17 3v18M17 3c3 2 4 5 4 8h-4\"><\/path><\/svg><\/span>\r\n            <div>\r\n              <strong>10% kedvezm\u00e9ny az \u00e9tteremben<\/strong>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <span><svg class=\"zs-invest-list-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" data-zs-icon=\"spa-waves\"><path d=\"M3 17c3 0 3 2 6 2s3-2 6-2 3 2 6 2\"><\/path><path d=\"M7 13c-1.5-1.5 1.5-2.5 0-4M12 13c-1.5-1.5 1.5-2.5 0-4M17 13c-1.5-1.5 1.5-2.5 0-4\"><\/path><\/svg><\/span>\r\n            <div>\r\n              <strong>Ingyenes wellness bel\u00e9p\u00e9s<\/strong>\r\n              <small>10% kedvezm\u00e9ny a wellness kezel\u00e9sek \u00e1raib\u00f3l<\/small>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <span><svg class=\"zs-invest-list-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" data-zs-icon=\"shopping-bag\"><path d=\"M4 9h16l-1 12H5L4 9Z\"><\/path><path d=\"M9 9V7a3 3 0 0 1 6 0v2\"><\/path><\/svg><\/span>\r\n            <div>\r\n              <strong>10% kedvezm\u00e9ny a Pro Shopban<\/strong>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li>\r\n            <span><svg class=\"zs-invest-list-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" data-zs-icon=\"house-key\"><path d=\"m3 11 9-7 9 7v9H3v-9Z\"><\/path><circle cx=\"14.5\" cy=\"14\" r=\"2\"><\/circle><path d=\"m13.1 15.4-2.2 2.2H9v2\"><\/path><\/svg><\/span>\r\n            <div>\r\n              <strong>B\u00e9rbead\u00e1si szolg\u00e1ltat\u00e1sok<\/strong>\r\n            <\/div>\r\n          <\/li>\r\n        <\/ul>\r\n\r\n\r\n        <div class=\"zslb2invest__services-divider\" aria-hidden=\"true\">\r\n          <span><\/span>\r\n        <\/div>\r\n\r\n\r\n        <ul class=\"zslb2invest__rental-list\">\r\n          <li><span><svg class=\"zs-invest-list-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" data-zs-icon=\"door-check-in\"><rect x=\"8\" y=\"3\" width=\"12\" height=\"18\" rx=\"1.5\"><\/rect><path d=\"M3 12h11m-3-3 3 3-3 3\"><\/path><circle cx=\"17\" cy=\"12\" r=\".8\"><\/circle><\/svg><\/span><strong>Check in\/out<\/strong><\/li>\r\n          <li><span><svg class=\"zs-invest-list-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" data-zs-icon=\"broom\"><path d=\"m14 3 7 7M16 9l-7 7\"><\/path><path d=\"m6 14 4 4-4 4-4-4 4-4Z\"><\/path><\/svg><\/span><strong>Takar\u00edt\u00e1s<\/strong><\/li>\r\n          <li><span><svg class=\"zs-invest-list-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" data-zs-icon=\"receipt\"><path d=\"M5 3h14v18l-3-2-3 2-3-2-3 2-2-2V3Z\"><\/path><path d=\"M9 8h6M9 12h6M9 16h3\"><\/path><\/svg><\/span><strong>Sz\u00e1ml\u00e1z\u00e1s<\/strong><\/li>\r\n          <li><span><svg class=\"zs-invest-list-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" data-zs-icon=\"megaphone\"><path d=\"M3 10h4l11-5v14L7 14H3v-4Z\"><\/path><path d=\"m7 14 2 6h4l-2-5M20 10a3 3 0 0 1 0 4\"><\/path><\/svg><\/span><strong>Online hirdet\u00e9sek<\/strong><\/li>\r\n          <li><span><svg class=\"zs-invest-list-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" data-zs-icon=\"calendar-user\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"><\/rect><path d=\"M7 3v4M17 3v4M3 9h18\"><\/path><circle cx=\"12\" cy=\"14\" r=\"2\"><\/circle><path d=\"M8.5 19c.5-1.5 1.7-2 3.5-2s3 .5 3.5 2\"><\/path><\/svg><\/span><strong>Foglal\u00e1sok \u00e9s vend\u00e9gek kezel\u00e9se<\/strong><\/li>\r\n          <li><span><svg class=\"zs-invest-list-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" data-zs-icon=\"concierge-bell\"><path d=\"M4 17h16M6 17a6 6 0 0 1 12 0M12 8V6M9 6h6M3 21h18\"><\/path><\/svg><\/span><strong>0\u201324 recepci\u00f3<\/strong><\/li>\r\n          <li><span><svg class=\"zs-invest-list-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" data-zs-icon=\"shield-lock\"><path d=\"M12 2 20 5v6c0 5-3.6 8.4-8 11-4.4-2.6-8-6-8-11V5l8-3Z\"><\/path><rect x=\"9\" y=\"11\" width=\"6\" height=\"5\" rx=\"1\"><\/rect><path d=\"M10.5 11V9a1.5 1.5 0 0 1 3 0v2\"><\/path><\/svg><\/span><strong>0\u201324 biztons\u00e1gi szolg\u00e1lat<\/strong><\/li>\r\n          <li><span><svg class=\"zs-invest-list-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" data-zs-icon=\"wrench\"><path d=\"M14.8 6.8a4.5 4.5 0 0 0-5.6 5.6l-6 6a2.1 2.1 0 0 0 3 3l6-6a4.5 4.5 0 0 0 5.6-5.6l-3 3-3-3 3-3Z\"><\/path><\/svg><\/span><strong>Karbantart\u00e1si szolg\u00e1ltat\u00e1sok<\/strong><\/li>\r\n          <li><span><svg class=\"zs-invest-list-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" data-zs-icon=\"sofa\"><path d=\"M5 12V9a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v3\"><\/path><path d=\"M3 12a2 2 0 0 1 2 2v4h14v-4a2 2 0 0 1 2-2v7H3v-7Z\"><\/path><path d=\"M5 19v2M19 19v2\"><\/path><\/svg><\/span><strong>B\u00fatorcsomag opci\u00f3 el\u00e9rhet\u0151<\/strong><\/li>\r\n          <li><span><svg class=\"zs-invest-list-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" data-zs-icon=\"key-round\"><circle cx=\"8\" cy=\"9\" r=\"4\"><\/circle><path d=\"m11 12 9 9m-5-5 2-2m-2 2 2-2\"><\/path><\/svg><\/span><strong>Portaszolg\u00e1lat<\/strong><\/li>\r\n        <\/ul>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- K\u00c1RTY\u00c1K ALATTI \u00d6SSZEFOGLAL\u00d3 -->\r\n    <div class=\"zslb2invest__summary zslb2invest__reveal\">\r\n\r\n      <div class=\"zslb2invest__summary-grid\">\r\n\r\n        <ul>\r\n          <li>\u00c9ves 3\u20134% b\u00e9rleti d\u00edj garancia*<\/li>\r\n          <li>15 \u00e9v futamid\u0151*<\/li>\r\n          <li>Magas sz\u00ednvonal\u00fa ingatlan \u00fczemeltet\u00e9si szolg\u00e1ltat\u00e1s \u00e9s tan\u00e1csad\u00e1s<\/li>\r\n        <\/ul>\r\n\r\n        <ul>\r\n          <li>\u00c9vi 14 \u00e9jszaka saj\u00e1t haszn\u00e1lati lehet\u0151s\u00e9g<\/li>\r\n          <li data-no-translation data-zslb2-membership-hu=\"Golf klubtags\u00e1g 3 \u00e9vre\" data-zslb2-membership-en=\"Golf club membership for 3 years\" data-zslb2-membership-de=\"Golfclub-Mitgliedschaft f\u00fcr 3 Jahre\">Golf klubtags\u00e1g 3 \u00e9vre<\/li>\r\n          <li>10% kedvezm\u00e9ny a ProShopban, a wellness \u00e9s az \u00e9tterem szolg\u00e1ltat\u00e1saib\u00f3l<\/li>\r\n          <li>\r\n            Teljes k\u00f6r\u0171, magas szint\u0171 hotel-jelleg\u0171 szolg\u00e1ltat\u00e1s, \u00e9tterem,\r\n            recepci\u00f3, mos\u00e1s-vasal\u00e1s szolg\u00e1ltat\u00e1s, parkol\u00e1si lehet\u0151s\u00e9g,\r\n            transzfer szolg\u00e1ltat\u00e1s\r\n          <\/li>\r\n          <li>Biztons\u00e1gi szolg\u00e1lat 0\u201324 \u00f3r\u00e1ban, az \u00e9v minden napj\u00e1n<\/li>\r\n          <li>Pozit\u00edv \u00e9rt\u00e9kn\u00f6veked\u00e9s<\/li>\r\n        <\/ul>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <style>\r\n    #zs-lakeside-b2-investment,\r\n    #zs-lakeside-b2-investment *,\r\n    #zs-lakeside-b2-investment *::before,\r\n    #zs-lakeside-b2-investment *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #zs-lakeside-b2-investment {\r\n      --gold: var(--zs-brand-gold,#c2a22f);\r\n      --dark: var(--zs-brand-midnight,#26352c);\r\n      --forest: var(--zs-brand-forest,#394a40);\r\n      --surface: var(--zs-surface,#fbfaf7);\r\n      --muted: var(--zs-text-soft,#68716c);\r\n      --line: var(--zs-line,rgba(38,53,44,.12));\r\n\r\n      width: 100%;\r\n\r\n      padding:\r\n        clamp(94px,8vw,142px)\r\n        clamp(20px,4vw,64px)\r\n        clamp(98px,8vw,142px);\r\n\r\n      overflow: hidden;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          #f6f3ec 0%,\r\n          #fbfaf7 100%\r\n        );\r\n\r\n      color: var(--dark);\r\n\r\n      font-family:\r\n        \"Brandon book\",\r\n        \"Brandon Grotesque\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif !important;\r\n    }\r\n\r\n    #zs-lakeside-b2-investment * {\r\n      font-family:\r\n        \"Brandon book\",\r\n        \"Brandon Grotesque\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif !important;\r\n    }\r\n\r\n    .zslb2invest__inner {\r\n      width: min(100%,1480px);\r\n      margin: 0 auto;\r\n    }\r\n\r\n\r\n    \/* HEADER *\/\r\n\r\n    .zslb2invest__header {\r\n      margin:\r\n        0 auto clamp(52px,5vw,78px);\r\n\r\n      text-align: center;\r\n    }\r\n\r\n    .zslb2invest__header h2 {\r\n      margin: 0 !important;\r\n\r\n      color: var(--dark) !important;\r\n\r\n      font-size:\r\n        clamp(44px,4.7vw,76px);\r\n\r\n      font-weight: 400 !important;\r\n      line-height: 1.04 !important;\r\n\r\n      letter-spacing: -.025em;\r\n    }\r\n\r\n    .zslb2invest__gold-line {\r\n      width: 58px;\r\n      height: 1px;\r\n\r\n      margin:\r\n        27px auto 0;\r\n\r\n      background:\r\n        var(--gold);\r\n    }\r\n\r\n\r\n    \/* CARDS *\/\r\n\r\n    .zslb2invest__cards {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        repeat(3,minmax(0,1fr));\r\n\r\n      gap:\r\n        clamp(18px,1.7vw,26px);\r\n\r\n      align-items: stretch;\r\n    }\r\n\r\n    .zslb2invest__card {\r\n      min-width: 0;\r\n\r\n      overflow: hidden;\r\n\r\n      border:\r\n        1px solid rgba(194,162,47,.42);\r\n\r\n      border-radius: 24px;\r\n\r\n      background:\r\n        rgba(255,255,255,.92);\r\n\r\n      box-shadow:\r\n        0 17px 48px rgba(38,53,44,.055);\r\n    }\r\n\r\n    .zslb2invest__card-head {\r\n      min-height: 68px;\r\n\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      gap: 12px;\r\n\r\n      padding:\r\n        16px 20px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(194,162,47,.10),\r\n          rgba(194,162,47,.04)\r\n        );\r\n    }\r\n\r\n    .zslb2invest__head-icon {\r\n      width: 35px;\r\n      height: 35px;\r\n\r\n      flex: 0 0 35px;\r\n\r\n      display: grid;\r\n      place-items: center;\r\n\r\n      border-radius: 50%;\r\n\r\n      background:\r\n        rgba(194,162,47,.08);\r\n\r\n      color:\r\n        var(--gold);\r\n    }\r\n\r\n    .zslb2invest__head-icon svg {\r\n      width: 17px;\r\n      height: 17px;\r\n\r\n      fill: none;\r\n      stroke: currentColor;\r\n\r\n      stroke-width: 1.55;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .zslb2invest__card-head h3 {\r\n      margin: 0 !important;\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      font-size:\r\n        clamp(20px,1.45vw,25px);\r\n\r\n      font-weight:\r\n        500 !important;\r\n\r\n      line-height:\r\n        1.1 !important;\r\n\r\n      letter-spacing:\r\n        .01em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n\r\n    \/* LEFT MODEL CARD *\/\r\n\r\n    .zslb2invest__card--return {\r\n      display: flex;\r\n      flex-direction: column;\r\n\r\n      justify-content: center;\r\n\r\n      padding:\r\n        clamp(34px,3vw,48px)\r\n        clamp(22px,3vw,38px);\r\n    }\r\n\r\n    .zslb2invest__return-block {\r\n      display: flex;\r\n      flex-direction: column;\r\n\r\n      align-items: center;\r\n\r\n      text-align: center;\r\n    }\r\n\r\n    .zslb2invest__round-icon {\r\n      width: 68px;\r\n      height: 68px;\r\n\r\n      display: grid;\r\n      place-items: center;\r\n\r\n      margin-bottom: 14px;\r\n\r\n      border:\r\n        1px solid rgba(194,162,47,.45);\r\n\r\n      border-radius: 50%;\r\n\r\n      color:\r\n        var(--dark);\r\n    }\r\n\r\n    .zslb2invest__round-icon svg {\r\n      width: 28px;\r\n      height: 28px;\r\n\r\n      fill: none;\r\n      stroke: currentColor;\r\n\r\n      stroke-width: 1.45;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .zslb2invest__rate {\r\n      width: max-content;\r\n\r\n      display: block;\r\n\r\n      margin:\r\n        -2px auto 9px;\r\n\r\n      padding:\r\n        5px 12px;\r\n\r\n      border-radius: 6px;\r\n\r\n      background:\r\n        var(--gold);\r\n\r\n      color: #fff;\r\n\r\n      font-size:\r\n        17px;\r\n\r\n      font-weight:\r\n        700;\r\n    }\r\n\r\n    .zslb2invest__return-block h3 {\r\n      margin: 0 !important;\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      font-size:\r\n        clamp(18px,1.25vw,22px);\r\n\r\n      font-weight:\r\n        600 !important;\r\n\r\n      line-height:\r\n        1.35 !important;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n    .zslb2invest__plus {\r\n      margin:\r\n        32px 0;\r\n\r\n      color:\r\n        var(--gold);\r\n\r\n      font-size:\r\n        26px;\r\n\r\n      font-weight:\r\n        700;\r\n\r\n      text-align:\r\n        center;\r\n    }\r\n\r\n\r\n    \/* PAYMENT STRUCTURE *\/\r\n\r\n    .zslb2invest__payment-steps {\r\n      display: flex;\r\n      flex-direction: column;\r\n\r\n      align-items: center;\r\n\r\n      padding:\r\n        28px 26px 12px;\r\n    }\r\n\r\n    .zslb2invest__payment-step {\r\n      width: 100%;\r\n\r\n      display: flex;\r\n      flex-direction: column;\r\n\r\n      align-items: center;\r\n\r\n      text-align: center;\r\n    }\r\n\r\n    .zslb2invest__step-icon {\r\n      width: 64px;\r\n      height: 64px;\r\n\r\n      display: grid;\r\n      place-items: center;\r\n\r\n      margin-bottom: 12px;\r\n\r\n      border:\r\n        1px solid rgba(194,162,47,.42);\r\n\r\n      border-radius: 50%;\r\n\r\n      color:\r\n        var(--dark);\r\n    }\r\n\r\n    .zslb2invest__step-icon svg {\r\n      width: 27px;\r\n      height: 27px;\r\n\r\n      fill: none;\r\n      stroke: currentColor;\r\n\r\n      stroke-width: 1.4;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .zslb2invest__payment-step strong {\r\n      color:\r\n        var(--dark);\r\n\r\n      font-size:\r\n        14px;\r\n\r\n      font-weight:\r\n        600;\r\n\r\n      line-height:\r\n        1.3;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n    .zslb2invest__payment-step small {\r\n      max-width:\r\n        280px;\r\n\r\n      margin-top:\r\n        3px;\r\n\r\n      color:\r\n        var(--muted);\r\n\r\n      font-size:\r\n        11px;\r\n\r\n      line-height:\r\n        1.4;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n    .zslb2invest__step-line {\r\n      position: relative;\r\n\r\n      width: 1px;\r\n      height: 27px;\r\n\r\n      margin:\r\n        8px 0;\r\n\r\n      background:\r\n        rgba(194,162,47,.40);\r\n    }\r\n\r\n    .zslb2invest__step-line::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      left: 50%;\r\n      bottom: -1px;\r\n\r\n      width: 6px;\r\n      height: 6px;\r\n\r\n      transform:\r\n        translateX(-50%) rotate(45deg);\r\n\r\n      border-right:\r\n        1px solid var(--gold);\r\n\r\n      border-bottom:\r\n        1px solid var(--gold);\r\n    }\r\n\r\n    .zslb2invest__payment-note {\r\n      margin:\r\n        12px 22px 24px !important;\r\n\r\n      padding-top:\r\n        18px;\r\n\r\n      border-top:\r\n        1px solid var(--line);\r\n\r\n      color:\r\n        var(--muted);\r\n\r\n      font-size:\r\n        11px;\r\n\r\n      line-height:\r\n        1.5;\r\n\r\n      text-align:\r\n        center;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n\r\n    \/* COMFORT SERVICES *\/\r\n\r\n    .zslb2invest__comfort-list,\r\n    .zslb2invest__rental-list {\r\n      list-style: none;\r\n\r\n      margin: 0;\r\n    }\r\n\r\n    .zslb2invest__comfort-list {\r\n      display: grid;\r\n\r\n      gap: 16px;\r\n\r\n      padding:\r\n        23px 21px 24px;\r\n    }\r\n\r\n    .zslb2invest__comfort-list li {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        34px minmax(0,1fr);\r\n\r\n      gap: 11px;\r\n\r\n      align-items: center;\r\n    }\r\n\r\n    .zslb2invest__comfort-list li > span,\r\n    .zslb2invest__rental-list li > span {\r\n      width: 31px;\r\n      height: 31px;\r\n\r\n      display: grid;\r\n      place-items: center;\r\n\r\n      border:\r\n        1px solid rgba(194,162,47,.28);\r\n\r\n      border-radius: 50%;\r\n\r\n      color:\r\n        var(--gold);\r\n\r\n      font-size:\r\n        10px;\r\n\r\n      font-weight:\r\n        700;\r\n    }\r\n\r\n    .zslb2invest__comfort-list strong,\r\n    .zslb2invest__comfort-list small {\r\n      display: block;\r\n    }\r\n\r\n    .zslb2invest__comfort-list strong {\r\n      color:\r\n        var(--dark);\r\n\r\n      font-size:\r\n        12px;\r\n\r\n      font-weight:\r\n        600;\r\n\r\n      line-height:\r\n        1.3;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n    .zslb2invest__comfort-list small {\r\n      margin-top:\r\n        2px;\r\n\r\n      color:\r\n        var(--muted);\r\n\r\n      font-size:\r\n        10px;\r\n\r\n      line-height:\r\n        1.35;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n    .zslb2invest__services-divider {\r\n      position: relative;\r\n\r\n      height: 25px;\r\n    }\r\n\r\n    .zslb2invest__services-divider::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      left: 50%;\r\n      top: 0;\r\n\r\n      width: 1px;\r\n      height: 24px;\r\n\r\n      background:\r\n        rgba(194,162,47,.42);\r\n    }\r\n\r\n    .zslb2invest__services-divider::after {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      left: 50%;\r\n      bottom: 0;\r\n\r\n      width: 6px;\r\n      height: 6px;\r\n\r\n      transform:\r\n        translateX(-50%) rotate(45deg);\r\n\r\n      border-right:\r\n        1px solid var(--gold);\r\n\r\n      border-bottom:\r\n        1px solid var(--gold);\r\n    }\r\n\r\n    .zslb2invest__rental-list {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        repeat(2,minmax(0,1fr));\r\n\r\n      gap:\r\n        12px 15px;\r\n\r\n      margin:\r\n        0 10px 10px;\r\n\r\n      padding:\r\n        18px 12px 20px;\r\n\r\n      border:\r\n        1px solid rgba(194,162,47,.30);\r\n\r\n      border-radius:\r\n        16px;\r\n\r\n      background:\r\n        rgba(194,162,47,.025);\r\n    }\r\n\r\n    .zslb2invest__rental-list li {\r\n      min-width: 0;\r\n\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        31px minmax(0,1fr);\r\n\r\n      gap:\r\n        9px;\r\n\r\n      align-items: center;\r\n    }\r\n\r\n    .zslb2invest__rental-list strong {\r\n      color:\r\n        var(--dark);\r\n\r\n      font-size:\r\n        10px;\r\n\r\n      font-weight:\r\n        600;\r\n\r\n      line-height:\r\n        1.3;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n\r\n    \/* SUMMARY *\/\r\n\r\n    .zslb2invest__summary {\r\n      width:\r\n        min(100%,1360px);\r\n\r\n      margin:\r\n        clamp(38px,4vw,58px)\r\n        auto 0;\r\n\r\n      padding:\r\n        clamp(27px,3vw,39px)\r\n        clamp(24px,3vw,42px);\r\n\r\n      border-top:\r\n        1px solid var(--line);\r\n\r\n      border-bottom:\r\n        1px solid var(--line);\r\n\r\n      background:\r\n        rgba(255,255,255,.44);\r\n    }\r\n\r\n    .zslb2invest__summary-grid {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        repeat(2,minmax(0,1fr));\r\n\r\n      gap:\r\n        clamp(28px,5vw,72px);\r\n    }\r\n\r\n    .zslb2invest__summary-grid ul {\r\n      margin: 0;\r\n\r\n      padding-left:\r\n        20px;\r\n\r\n      color:\r\n        var(--muted);\r\n\r\n      font-size:\r\n        clamp(15px,1.05vw,17px);\r\n\r\n      line-height:\r\n        1.65;\r\n    }\r\n\r\n    .zslb2invest__summary-grid li + li {\r\n      margin-top:\r\n        5px;\r\n    }\r\n\r\n    .zslb2invest__summary-grid li::marker {\r\n      color:\r\n        var(--gold);\r\n    }\r\n\r\n\r\n    \/* REVEAL *\/\r\n\r\n    .zslb2invest__reveal {\r\n      opacity: 0;\r\n\r\n      transform:\r\n        translateY(27px);\r\n\r\n      transition:\r\n        opacity .75s ease,\r\n        transform .9s cubic-bezier(.2,.72,.2,1);\r\n    }\r\n\r\n    .zslb2invest__reveal.is-visible {\r\n      opacity: 1;\r\n\r\n      transform: none;\r\n    }\r\n\r\n\r\n    \/* RESPONSIVE *\/\r\n\r\n    @media (max-width:1366px) {\r\n\r\n      #zs-lakeside-b2-investment {\r\n        padding:\r\n          104px 40px 110px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:1200px) {\r\n\r\n      #zs-lakeside-b2-investment {\r\n        padding:\r\n          94px 30px 102px;\r\n      }\r\n\r\n      .zslb2invest__cards {\r\n        gap:\r\n          15px;\r\n      }\r\n\r\n      .zslb2invest__card-head {\r\n        padding:\r\n          15px 16px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:1024px) {\r\n\r\n      #zs-lakeside-b2-investment {\r\n        padding:\r\n          84px 22px 94px;\r\n      }\r\n\r\n      .zslb2invest__cards {\r\n        grid-template-columns:\r\n          1fr;\r\n      }\r\n\r\n      .zslb2invest__card {\r\n        width:\r\n          min(100%,850px);\r\n\r\n        margin:\r\n          0 auto;\r\n      }\r\n\r\n      .zslb2invest__card--return {\r\n        min-height:\r\n          560px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:880px) {\r\n\r\n      #zs-lakeside-b2-investment {\r\n        padding:\r\n          76px 18px 86px;\r\n      }\r\n\r\n      .zslb2invest__card {\r\n        border-radius:\r\n          20px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:767px) {\r\n\r\n      #zs-lakeside-b2-investment {\r\n        padding:\r\n          68px 12px 76px;\r\n      }\r\n\r\n      .zslb2invest__header {\r\n        margin-bottom:\r\n          40px;\r\n      }\r\n\r\n      .zslb2invest__header h2 {\r\n        font-size:\r\n          clamp(38px,10vw,50px);\r\n      }\r\n\r\n      .zslb2invest__card-head h3 {\r\n        font-size:\r\n          20px;\r\n      }\r\n\r\n      .zslb2invest__card--return {\r\n        min-height:\r\n          0;\r\n\r\n        padding:\r\n          36px 22px;\r\n      }\r\n\r\n      .zslb2invest__rental-list {\r\n        grid-template-columns:\r\n          1fr;\r\n      }\r\n\r\n      .zslb2invest__summary-grid {\r\n        grid-template-columns:\r\n          1fr;\r\n\r\n        gap:\r\n          8px;\r\n      }\r\n\r\n      .zslb2invest__summary {\r\n        padding:\r\n          24px 18px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (prefers-reduced-motion:reduce) {\r\n\r\n      .zslb2invest__reveal {\r\n        opacity:\r\n          1 !important;\r\n\r\n        transform:\r\n          none !important;\r\n\r\n        transition:\r\n          none !important;\r\n      }\r\n\r\n    }\r\n\r\n      \/* SVG list-marker normalization *\/\r\n    .zslb2invest__comfort-list li > span .zs-invest-list-icon, .zslb2invest__rental-list li > span .zs-invest-list-icon {width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}\r\n<\/style>\r\n\r\n\r\n  <script>\r\n  (() => {\r\n\r\n    const root =\r\n      document.getElementById(\r\n        'zs-lakeside-b2-investment'\r\n      );\r\n\r\n    if (\r\n      !root ||\r\n      root.dataset.ready === '1'\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    root.dataset.ready =\r\n      '1';\r\n\r\n    \/\/ Display updated club membership term in HU \/ EN \/ DE, without allowing\r\n    \/\/ historic TranslatePress strings with 2 years to overwrite it.\r\n    const queryLang = new URLSearchParams(location.search).get('lang');\r\n    const pathLang = location.pathname.match(\/^\\\/(hu|en|de)(?:\\\/|$)\/i);\r\n    const htmlLang = String(document.documentElement.lang || 'hu').toLowerCase().slice(0,2);\r\n    const requested = String(queryLang || (pathLang && pathLang[1]) || htmlLang).toLowerCase();\r\n    const lang = ['hu','en','de'].includes(requested) ? requested : 'hu';\r\n    root.querySelectorAll('[data-zslb2-membership-hu]').forEach(function(node) {\r\n      const translation = node.getAttribute('data-zslb2-membership-' + lang)\r\n        || node.getAttribute('data-zslb2-membership-hu');\r\n      if (translation) node.textContent = translation;\r\n    });\r\n\r\n\r\n    const items =\r\n      root.querySelectorAll(\r\n        '.zslb2invest__reveal'\r\n      );\r\n\r\n    if (\r\n      !(\r\n        'IntersectionObserver'\r\n        in window\r\n      )\r\n    ) {\r\n\r\n      items.forEach(\r\n        item =>\r\n          item.classList.add(\r\n            'is-visible'\r\n          )\r\n      );\r\n\r\n      return;\r\n    }\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n        entries => {\r\n\r\n          entries.forEach(\r\n            entry => {\r\n\r\n              if (\r\n                !entry.isIntersecting\r\n              ) {\r\n                return;\r\n              }\r\n\r\n              entry.target.classList.add(\r\n                'is-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          threshold:\r\n            .10,\r\n\r\n          rootMargin:\r\n            '0px 0px -6% 0px'\r\n        }\r\n      );\r\n\r\n    items.forEach(\r\n      item =>\r\n        observer.observe(\r\n          item\r\n        )\r\n    );\r\n\r\n  })();\r\n  <\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-df389e2 e-con-full e-flex e-con e-parent\" data-id=\"df389e2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bec1e9e elementor-widget elementor-widget-shortcode\" data-id=\"bec1e9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <section class=\"zs-pfx \" data-zs-property-explorer\n            data-lang=\"hu\"\n            data-channel=\"main\"\n            data-rest-url=\"https:\/\/zalasprings.hu\/hu\/wp-json\/zs\/v1\/property-explorer\"\n            data-resolve-url=\"https:\/\/zalasprings.hu\/hu\/wp-json\/zs\/v1\/property-explorer\/resolve\"\n            data-initial-scene=\"\"\n            data-labels=\"{&quot;eyebrow&quot;:&quot;INGATLANKERES\u0150&quot;,&quot;title&quot;:&quot;Virtu\u00e1lis ingatlankeres\u0151&quot;,&quot;breadcrumbs&quot;:&quot;Navig\u00e1ci\u00f3&quot;,&quot;loading&quot;:&quot;Bet\u00f6lt\u00e9s\u2026&quot;,&quot;back_to_start&quot;:&quot;Vissza a kezd\u0151n\u00e9zethez&quot;,&quot;available&quot;:&quot;El\u00e9rhet\u0151&quot;,&quot;reserved&quot;:&quot;Foglalt&quot;,&quot;sold&quot;:&quot;Elkelt&quot;,&quot;properties&quot;:&quot;Ingatlanok&quot;,&quot;open&quot;:&quot;Megnyit\u00e1s&quot;,&quot;area&quot;:&quot;M\u00e9ret&quot;,&quot;terrace&quot;:&quot;Terasz&quot;,&quot;rooms&quot;:&quot;Szob\u00e1k&quot;,&quot;bathrooms&quot;:&quot;F\u00fcrd\u0151k&quot;,&quot;building&quot;:&quot;\u00c9p\u00fclet&quot;,&quot;floor&quot;:&quot;Emelet&quot;,&quot;type&quot;:&quot;T\u00edpus&quot;,&quot;design&quot;:&quot;Diz\u00e1jn&quot;,&quot;status&quot;:&quot;St\u00e1tusz&quot;,&quot;explore&quot;:&quot;Tov\u00e1bb&quot;,&quot;no_items&quot;:&quot;Ebben a n\u00e9zetben nincs megjelen\u00edthet\u0151 elem.&quot;,&quot;error&quot;:&quot;Az ingatlankeres\u0151 most nem t\u00f6lthet\u0151 be.&quot;,&quot;root&quot;:&quot;Kezd\u0151n\u00e9zet&quot;,&quot;property_list_cta&quot;:&quot;\u00d6sszes ingatlan megtekint\u00e9se&quot;,&quot;properties_eyebrow&quot;:&quot;INGATLANOK&quot;,&quot;properties_title&quot;:&quot;Ingatlanlista&quot;,&quot;properties_intro&quot;:&quot;B\u00f6ng\u00e9sszen az el\u00e9rhet\u0151 \u00e9s kor\u00e1bban \u00e9rt\u00e9kes\u00edtett Zala Springs ingatlanok k\u00f6z\u00f6tt.&quot;,&quot;search&quot;:&quot;Keres\u00e9s&quot;,&quot;search_placeholder&quot;:&quot;Ingatlan k\u00f3d vagy n\u00e9v\u2026&quot;,&quot;all&quot;:&quot;Mind&quot;,&quot;results&quot;:&quot;ingatlan&quot;,&quot;view&quot;:&quot;Megtekint&quot;,&quot;no_results&quot;:&quot;A megadott sz\u0171r\u0151knek nincs megfelel\u0151 ingatlan.&quot;}\">\n            <div class=\"zs-pfx__shell\">\n                <div class=\"zs-pfx__topbar\">\n                    <div>\n                        <span class=\"zs-pfx__eyebrow\">INGATLANKERES\u0150<\/span>\n                        <h2>Virtu\u00e1lis ingatlankeres\u0151<\/h2>\n                    <\/div>\n                    <button type=\"button\" class=\"zs-pfx__root\" data-zs-pfx-root hidden>Vissza a kezd\u0151n\u00e9zethez<\/button>\n                <\/div>\n\n                <nav class=\"zs-pfx__breadcrumbs\" data-zs-pfx-breadcrumbs aria-label=\"Navig\u00e1ci\u00f3\"><\/nav>\n\n                <div class=\"zs-pfx__layout\">\n                    <div class=\"zs-pfx__visual\" data-zs-pfx-visual>\n                        <div class=\"zs-pfx__loading\" data-zs-pfx-loading><span><\/span>Bet\u00f6lt\u00e9s\u2026<\/div>\n                    <\/div>\n                    <aside class=\"zs-pfx__panel\" data-zs-pfx-panel><\/aside>\n                <\/div>\n            <\/div>\n            <div class=\"zs-pfx__list-link-wrap\">\n                <a class=\"zs-pfx__list-link\" href=\"\/hu\/ingatlan-lista\/\">\n                    <span>\u00d6sszes ingatlan megtekint\u00e9se<\/span>\n                    <span aria-hidden=\"true\">\u2192<\/span>\n                <\/a>\n            <\/div>\n        <\/section>\n        \n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c8752d9 e-con-full e-flex e-con e-parent\" data-id=\"c8752d9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1dbf326 elementor-widget elementor-widget-html\" data-id=\"1dbf326\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ZALA SPRINGS MAIN \u2014 LAKE-SIDE B2 \/ LAGOON-DUNE DESIGN SLIDER -->\r\n<section id=\"zs-lakeside-b2-designs\" class=\"zs-main zsgequip\" aria-label=\"Lake-Side B2 design v\u00e1laszt\u00f3\">\r\n\r\n  <div class=\"zsgequip__inner\">\r\n\r\n    <div class=\"zsgequip__tabs zsgequip__reveal\" role=\"tablist\" aria-label=\"Design v\u00e1laszt\u00f3\">\r\n      <button\r\n        class=\"zsgequip__tab is-active\"\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        aria-selected=\"true\"\r\n        data-tab=\"0\"\r\n      >\r\n        Lagoon\r\n      <\/button>\r\n\r\n      <button\r\n        class=\"zsgequip__tab\"\r\n        type=\"button\"\r\n        role=\"tab\"\r\n        aria-selected=\"false\"\r\n        data-tab=\"1\"\r\n      >\r\n        Dune\r\n      <\/button>\r\n    <\/div>\r\n\r\n\r\n    <div class=\"zsgequip__slider zsgequip__reveal\">\r\n\r\n      <div class=\"zsgequip__slides\">\r\n\r\n        <!-- LAGOON -->\r\n        <article class=\"zsgequip__slide is-active\" data-slide=\"0\">\r\n          <div class=\"zsgequip__media\">\r\n            <img\r\n              src=\"\/wp-content\/uploads\/2026\/09\/real-estate-executive-concept-lagoon.jpg\"\r\n              alt=\"Lagoon design enteri\u0151r\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n            <div class=\"zsgequip__media-shade\" aria-hidden=\"true\"><\/div>\r\n            <span class=\"zsgequip__media-label\">LAGOON<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"zsgequip__content\">\r\n            <div class=\"zsgequip__content-inner\">\r\n              <span class=\"zsgequip__content-kicker\">DESIGN 01<\/span>\r\n\r\n              <h2>Lagoon Design<\/h2>\r\n\r\n              <div class=\"zsgequip__content-line\"><\/div>\r\n\r\n              <p>\r\n                Karizmatikus \u00e9s \u00e9l\u00e9nk sz\u00ednvil\u00e1g, harm\u00f3ni\u00e1ban a term\u00e9szet sz\u00edneivel.\r\n                Eleg\u00e1ns \u00e9s kiegyens\u00falyozott megjelen\u00e9s.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n\r\n        <!-- DUNE -->\r\n        <article class=\"zsgequip__slide\" data-slide=\"1\">\r\n          <div class=\"zsgequip__media\">\r\n            <img\r\n              src=\"\/wp-content\/uploads\/2026\/09\/real-estate-executive-concept-dune-2025.jpg\"\r\n              alt=\"Dune design enteri\u0151r\"\r\n              loading=\"lazy\"\r\n              decoding=\"async\"\r\n            >\r\n            <div class=\"zsgequip__media-shade\" aria-hidden=\"true\"><\/div>\r\n            <span class=\"zsgequip__media-label\">DUNE<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"zsgequip__content\">\r\n            <div class=\"zsgequip__content-inner\">\r\n              <span class=\"zsgequip__content-kicker\">DESIGN 02<\/span>\r\n\r\n              <h2>Dune Design<\/h2>\r\n\r\n              <div class=\"zsgequip__content-line\"><\/div>\r\n\r\n              <p>\r\n                L\u00e1gy \u00e9s vil\u00e1gos sz\u00edn\u00f6sszet\u00e9tel. Friss, fiatalos \u00e9s \u00e9lettel teli megjelen\u00e9s.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"zsgequip__footer\">\r\n        <div class=\"zsgequip__dots\" role=\"tablist\" aria-label=\"Design slider\"><\/div>\r\n\r\n        <div class=\"zsgequip__controls\">\r\n          <button\r\n            class=\"zsgequip__arrow zsgequip__arrow--prev\"\r\n            type=\"button\"\r\n            aria-label=\"El\u0151z\u0151 design\"\r\n          >\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M15 5l-7 7 7 7\"><\/path>\r\n            <\/svg>\r\n          <\/button>\r\n\r\n          <button\r\n            class=\"zsgequip__arrow zsgequip__arrow--next\"\r\n            type=\"button\"\r\n            aria-label=\"K\u00f6vetkez\u0151 design\"\r\n          >\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path d=\"M9 5l7 7-7 7\"><\/path>\r\n            <\/svg>\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <style>\r\n    #zs-lakeside-b2-designs,\r\n    #zs-lakeside-b2-designs *,\r\n    #zs-lakeside-b2-designs *::before,\r\n    #zs-lakeside-b2-designs *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #zs-lakeside-b2-designs {\r\n      --gold: var(--zs-brand-gold,#c2a22f);\r\n      --dark: var(--zs-brand-midnight,#26352c);\r\n      --surface: var(--zs-surface,#fbfaf7);\r\n      --muted: var(--zs-text-soft,#68716c);\r\n\r\n      width: 100%;\r\n\r\n      padding:\r\n        clamp(82px,7vw,118px)\r\n        clamp(20px,4vw,64px)\r\n        clamp(96px,8vw,132px);\r\n\r\n      overflow: hidden;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          #fbfaf7 0%,\r\n          #f6f3ec 100%\r\n        );\r\n\r\n      color: var(--dark);\r\n\r\n      font-family:\r\n        \"Brandon book\",\r\n        \"Brandon Grotesque\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif !important;\r\n    }\r\n\r\n    #zs-lakeside-b2-designs * {\r\n      font-family:\r\n        \"Brandon book\",\r\n        \"Brandon Grotesque\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif !important;\r\n    }\r\n\r\n    #zs-lakeside-b2-designs button {\r\n      font: inherit;\r\n    }\r\n\r\n    .zsgequip__inner {\r\n      width: min(100%,1480px);\r\n      margin: 0 auto;\r\n    }\r\n\r\n\r\n    \/* TABS *\/\r\n\r\n    .zsgequip__tabs {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      gap: 8px;\r\n\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .zsgequip__tab {\r\n      min-height: 44px;\r\n\r\n      padding: 0 19px;\r\n\r\n      border:\r\n        1px solid rgba(38,53,44,.10) !important;\r\n\r\n      border-radius: 999px !important;\r\n\r\n      background:\r\n        rgba(255,255,255,.72) !important;\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      font-size: 11px;\r\n      font-weight: 700;\r\n\r\n      letter-spacing: .12em;\r\n      text-transform: uppercase;\r\n\r\n      cursor: pointer;\r\n\r\n      transition:\r\n        background-color .3s ease,\r\n        border-color .3s ease,\r\n        color .3s ease,\r\n        transform .3s ease;\r\n    }\r\n\r\n    .zsgequip__tab.is-active {\r\n      border-color:\r\n        var(--gold) !important;\r\n\r\n      background:\r\n        var(--gold) !important;\r\n\r\n      color:\r\n        var(--dark) !important;\r\n    }\r\n\r\n\r\n    \/* SLIDER *\/\r\n\r\n    .zsgequip__slider {\r\n      width: 100%;\r\n    }\r\n\r\n    .zsgequip__slides {\r\n      position: relative;\r\n      min-height: 560px;\r\n    }\r\n\r\n    .zsgequip__slide {\r\n      position: absolute;\r\n      inset: 0;\r\n\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        minmax(330px,.80fr)\r\n        minmax(0,1.20fr);\r\n\r\n      min-height: 560px;\r\n\r\n      overflow: hidden;\r\n\r\n      border:\r\n        1px solid rgba(38,53,44,.085);\r\n\r\n      border-radius: 30px;\r\n\r\n      background:\r\n        rgba(255,255,255,.92);\r\n\r\n      box-shadow:\r\n        0 26px 78px rgba(38,53,44,.075);\r\n\r\n      opacity: 0;\r\n      visibility: hidden;\r\n\r\n      transform:\r\n        translateY(12px);\r\n\r\n      transition:\r\n        opacity .55s ease,\r\n        visibility .55s ease,\r\n        transform .7s cubic-bezier(.2,.72,.2,1);\r\n    }\r\n\r\n    .zsgequip__slide.is-active {\r\n      position: relative;\r\n\r\n      opacity: 1;\r\n      visibility: visible;\r\n\r\n      transform: none;\r\n    }\r\n\r\n\r\n    \/* IMAGE *\/\r\n\r\n    .zsgequip__media {\r\n      position: relative;\r\n\r\n      min-width: 0;\r\n      min-height: 560px;\r\n\r\n      overflow: hidden;\r\n\r\n      margin: 8px;\r\n\r\n      border-radius: 22px;\r\n\r\n      background: #d9dfda;\r\n\r\n      isolation: isolate;\r\n    }\r\n\r\n    .zsgequip__media img {\r\n      position: absolute !important;\r\n      inset: 0 !important;\r\n\r\n      display: block !important;\r\n\r\n      width: 100% !important;\r\n      max-width: none !important;\r\n      height: 100% !important;\r\n\r\n      object-fit: cover !important;\r\n      object-position: center center !important;\r\n\r\n      transform: scale(1.02);\r\n\r\n      transition:\r\n        transform 1s cubic-bezier(.2,.72,.2,1);\r\n    }\r\n\r\n    .zsgequip__slide.is-active\r\n    .zsgequip__media img {\r\n      transform: scale(1);\r\n    }\r\n\r\n    .zsgequip__media-shade {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 2;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          rgba(14,31,22,.01) 55%,\r\n          rgba(14,31,22,.30) 100%\r\n        );\r\n\r\n      pointer-events: none;\r\n    }\r\n\r\n    .zsgequip__media-label {\r\n      position: absolute;\r\n\r\n      z-index: 3;\r\n\r\n      left: 18px;\r\n      bottom: 18px;\r\n\r\n      min-height: 32px;\r\n\r\n      display: inline-flex;\r\n      align-items: center;\r\n\r\n      padding: 0 12px;\r\n\r\n      border:\r\n        1px solid rgba(255,255,255,.38);\r\n\r\n      border-radius: 999px;\r\n\r\n      background:\r\n        rgba(255,255,255,.13);\r\n\r\n      color: #fff;\r\n\r\n      font-size: 9px;\r\n      font-weight: 700;\r\n\r\n      letter-spacing: .16em;\r\n\r\n      backdrop-filter: blur(10px);\r\n      -webkit-backdrop-filter: blur(10px);\r\n    }\r\n\r\n\r\n    \/* CONTENT *\/\r\n\r\n    .zsgequip__content {\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      padding:\r\n        clamp(46px,5vw,76px);\r\n    }\r\n\r\n    .zsgequip__content-inner {\r\n      width: min(100%,560px);\r\n    }\r\n\r\n    .zsgequip__content-kicker {\r\n      display: block;\r\n\r\n      margin-bottom: 13px;\r\n\r\n      color: var(--gold);\r\n\r\n      font-size: 9px;\r\n      font-weight: 700;\r\n\r\n      letter-spacing: .18em;\r\n    }\r\n\r\n    .zsgequip__content h2 {\r\n      margin: 0 !important;\r\n\r\n      color: var(--dark) !important;\r\n\r\n      font-size:\r\n        clamp(40px,3.6vw,60px);\r\n\r\n      font-weight: 400 !important;\r\n      line-height: 1.04 !important;\r\n\r\n      letter-spacing: -.023em;\r\n    }\r\n\r\n    .zsgequip__content-line {\r\n      width: 56px;\r\n      height: 1px;\r\n\r\n      margin: 24px 0 25px;\r\n\r\n      background: var(--gold);\r\n    }\r\n\r\n    .zsgequip__content p {\r\n      margin: 0 !important;\r\n\r\n      color: var(--muted);\r\n\r\n      font-size:\r\n        clamp(16px,1.08vw,18px);\r\n\r\n      line-height: 1.72;\r\n    }\r\n\r\n\r\n    \/* FOOTER NAV *\/\r\n\r\n    .zsgequip__footer {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n\r\n      gap: 20px;\r\n\r\n      margin-top: 18px;\r\n    }\r\n\r\n    .zsgequip__dots {\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      gap: 8px;\r\n    }\r\n\r\n    .zsgequip__dot {\r\n      width: 7px;\r\n      height: 7px;\r\n\r\n      padding: 0;\r\n\r\n      border: 0 !important;\r\n      border-radius: 50% !important;\r\n\r\n      background:\r\n        rgba(38,53,44,.20) !important;\r\n\r\n      cursor: pointer;\r\n      appearance: none;\r\n\r\n      transition: .3s ease;\r\n    }\r\n\r\n    .zsgequip__dot.is-active {\r\n      width: 27px;\r\n\r\n      border-radius: 999px !important;\r\n\r\n      background:\r\n        var(--gold) !important;\r\n    }\r\n\r\n    .zsgequip__controls {\r\n      display: flex;\r\n      gap: 8px;\r\n    }\r\n\r\n    .zsgequip__arrow {\r\n      width: 46px;\r\n      height: 46px;\r\n\r\n      display: grid;\r\n      place-items: center;\r\n\r\n      padding: 0;\r\n\r\n      border:\r\n        1px solid rgba(38,53,44,.15) !important;\r\n\r\n      border-radius: 50% !important;\r\n\r\n      background:\r\n        #fff !important;\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      cursor: pointer;\r\n\r\n      box-shadow:\r\n        0 8px 24px rgba(38,53,44,.07);\r\n\r\n      transition:\r\n        background-color .25s ease,\r\n        border-color .25s ease,\r\n        color .25s ease,\r\n        transform .25s ease;\r\n    }\r\n\r\n    .zsgequip__arrow svg {\r\n      width: 18px;\r\n      height: 18px;\r\n\r\n      fill: none;\r\n      stroke: currentColor;\r\n\r\n      stroke-width: 1.8;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n\r\n    \/* REVEAL *\/\r\n\r\n    .zsgequip__reveal {\r\n      opacity: 0;\r\n\r\n      transform:\r\n        translateY(28px);\r\n\r\n      transition:\r\n        opacity .8s ease,\r\n        transform .95s cubic-bezier(.2,.72,.2,1);\r\n    }\r\n\r\n    .zsgequip__reveal.is-visible {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n\r\n    @media (hover:hover) and (pointer:fine) {\r\n\r\n      .zsgequip__tab:hover:not(.is-active) {\r\n        border-color:\r\n          rgba(194,162,47,.45) !important;\r\n\r\n        color:\r\n          #9a8029 !important;\r\n      }\r\n\r\n      .zsgequip__arrow:hover {\r\n        transform:\r\n          translateY(-2px);\r\n\r\n        border-color:\r\n          var(--gold) !important;\r\n\r\n        background:\r\n          var(--gold) !important;\r\n\r\n        color:\r\n          var(--dark) !important;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* RESPONSIVE *\/\r\n\r\n    @media (max-width:1366px) {\r\n      #zs-lakeside-b2-designs {\r\n        padding:\r\n          92px 40px 104px;\r\n      }\r\n    }\r\n\r\n    @media (max-width:1200px) {\r\n      #zs-lakeside-b2-designs {\r\n        padding:\r\n          86px 30px 98px;\r\n      }\r\n\r\n      .zsgequip__slides,\r\n      .zsgequip__slide,\r\n      .zsgequip__media {\r\n        min-height: 520px;\r\n      }\r\n    }\r\n\r\n    @media (max-width:1024px) {\r\n      #zs-lakeside-b2-designs {\r\n        padding:\r\n          78px 22px 90px;\r\n      }\r\n\r\n      .zsgequip__slides {\r\n        min-height: 0;\r\n      }\r\n\r\n      .zsgequip__slide {\r\n        position: absolute;\r\n\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        min-height: 0;\r\n      }\r\n\r\n      .zsgequip__slide.is-active {\r\n        position: relative;\r\n      }\r\n\r\n      \/* project rule: image first on responsive *\/\r\n      .zsgequip__media {\r\n        order: 1;\r\n\r\n        min-height: 470px;\r\n        aspect-ratio: 1.45 \/ 1;\r\n      }\r\n\r\n      .zsgequip__content {\r\n        order: 2;\r\n\r\n        padding:\r\n          34px 36px 40px;\r\n      }\r\n\r\n      .zsgequip__content-inner {\r\n        width: min(100%,760px);\r\n      }\r\n    }\r\n\r\n    @media (max-width:880px) {\r\n      #zs-lakeside-b2-designs {\r\n        padding:\r\n          72px 18px 84px;\r\n      }\r\n\r\n      .zsgequip__slide {\r\n        border-radius: 24px;\r\n      }\r\n\r\n      .zsgequip__media {\r\n        border-radius: 17px;\r\n      }\r\n    }\r\n\r\n    @media (max-width:767px) {\r\n      #zs-lakeside-b2-designs {\r\n        padding:\r\n          64px 12px 74px;\r\n      }\r\n\r\n      .zsgequip__tabs {\r\n        margin-bottom: 18px;\r\n      }\r\n\r\n      .zsgequip__tab {\r\n        min-height: 40px;\r\n\r\n        padding: 0 14px;\r\n\r\n        font-size: 10px;\r\n      }\r\n\r\n      .zsgequip__slide {\r\n        border-radius: 20px;\r\n      }\r\n\r\n      .zsgequip__media {\r\n        min-height: 300px;\r\n\r\n        aspect-ratio: 1.12 \/ 1;\r\n\r\n        margin: 6px;\r\n\r\n        border-radius: 14px;\r\n      }\r\n\r\n      .zsgequip__content {\r\n        padding:\r\n          27px 22px 31px;\r\n      }\r\n\r\n      .zsgequip__content h2 {\r\n        font-size:\r\n          clamp(35px,9vw,46px);\r\n      }\r\n\r\n      .zsgequip__content p {\r\n        font-size: 15px;\r\n      }\r\n\r\n      .zsgequip__footer {\r\n        margin-top: 14px;\r\n      }\r\n\r\n      .zsgequip__arrow {\r\n        width: 42px;\r\n        height: 42px;\r\n      }\r\n    }\r\n\r\n    @media (max-width:480px) {\r\n      .zsgequip__media {\r\n        min-height: 270px;\r\n        aspect-ratio: 1 \/ 1;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion:reduce) {\r\n      #zs-lakeside-b2-designs *,\r\n      #zs-lakeside-b2-designs *::before,\r\n      #zs-lakeside-b2-designs *::after {\r\n        animation: none !important;\r\n        transition: none !important;\r\n      }\r\n\r\n      .zsgequip__reveal {\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n\r\n  <script>\r\n  (() => {\r\n\r\n    const root =\r\n      document.getElementById(\r\n        'zs-lakeside-b2-designs'\r\n      );\r\n\r\n    if (\r\n      !root ||\r\n      root.dataset.ready === '1'\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    root.dataset.ready = '1';\r\n\r\n    const slides = [\r\n      ...root.querySelectorAll(\r\n        '[data-slide]'\r\n      )\r\n    ];\r\n\r\n    const tabs = [\r\n      ...root.querySelectorAll(\r\n        '[data-tab]'\r\n      )\r\n    ];\r\n\r\n    const dotsWrap =\r\n      root.querySelector(\r\n        '.zsgequip__dots'\r\n      );\r\n\r\n    const prev =\r\n      root.querySelector(\r\n        '.zsgequip__arrow--prev'\r\n      );\r\n\r\n    const next =\r\n      root.querySelector(\r\n        '.zsgequip__arrow--next'\r\n      );\r\n\r\n    let index = 0;\r\n    let startX = 0;\r\n\r\n\r\n    slides.forEach(\r\n      (slide,i) => {\r\n\r\n        const dot =\r\n          document.createElement(\r\n            'button'\r\n          );\r\n\r\n        dot.type = 'button';\r\n\r\n        dot.className =\r\n          'zsgequip__dot' +\r\n          (i === 0 ? ' is-active' : '');\r\n\r\n        dot.setAttribute(\r\n          'aria-label',\r\n          (i + 1) + '. design'\r\n        );\r\n\r\n        dot.addEventListener(\r\n          'click',\r\n          () => show(i)\r\n        );\r\n\r\n        dotsWrap.appendChild(dot);\r\n      }\r\n    );\r\n\r\n\r\n    const dots = [\r\n      ...dotsWrap.querySelectorAll(\r\n        '.zsgequip__dot'\r\n      )\r\n    ];\r\n\r\n\r\n    function show(nextIndex) {\r\n\r\n      index =\r\n        (\r\n          nextIndex +\r\n          slides.length\r\n        ) %\r\n        slides.length;\r\n\r\n      slides.forEach(\r\n        (slide,i) =>\r\n          slide.classList.toggle(\r\n            'is-active',\r\n            i === index\r\n          )\r\n      );\r\n\r\n      tabs.forEach(\r\n        (tab,i) => {\r\n\r\n          const active =\r\n            i === index;\r\n\r\n          tab.classList.toggle(\r\n            'is-active',\r\n            active\r\n          );\r\n\r\n          tab.setAttribute(\r\n            'aria-selected',\r\n            active ? 'true' : 'false'\r\n          );\r\n        }\r\n      );\r\n\r\n      dots.forEach(\r\n        (dot,i) =>\r\n          dot.classList.toggle(\r\n            'is-active',\r\n            i === index\r\n          )\r\n      );\r\n    }\r\n\r\n\r\n    tabs.forEach(\r\n      tab => {\r\n        tab.addEventListener(\r\n          'click',\r\n          () =>\r\n            show(\r\n              Number(tab.dataset.tab)\r\n            )\r\n        );\r\n      }\r\n    );\r\n\r\n\r\n    prev.addEventListener(\r\n      'click',\r\n      () => show(index - 1)\r\n    );\r\n\r\n    next.addEventListener(\r\n      'click',\r\n      () => show(index + 1)\r\n    );\r\n\r\n\r\n    const slider =\r\n      root.querySelector(\r\n        '.zsgequip__slider'\r\n      );\r\n\r\n    slider.addEventListener(\r\n      'touchstart',\r\n      event => {\r\n        startX =\r\n          event.changedTouches[0]\r\n            .screenX;\r\n      },\r\n      { passive: true }\r\n    );\r\n\r\n    slider.addEventListener(\r\n      'touchend',\r\n      event => {\r\n        const endX =\r\n          event.changedTouches[0]\r\n            .screenX;\r\n\r\n        const delta =\r\n          endX - startX;\r\n\r\n        if (\r\n          Math.abs(delta) >= 45\r\n        ) {\r\n          show(\r\n            delta < 0\r\n              ? index + 1\r\n              : index - 1\r\n          );\r\n        }\r\n      },\r\n      { passive: true }\r\n    );\r\n\r\n\r\n    const reveal =\r\n      root.querySelectorAll(\r\n        '.zsgequip__reveal'\r\n      );\r\n\r\n    if (\r\n      !('IntersectionObserver' in window)\r\n    ) {\r\n      reveal.forEach(\r\n        element =>\r\n          element.classList.add(\r\n            'is-visible'\r\n          )\r\n      );\r\n\r\n      show(0);\r\n      return;\r\n    }\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n        entries => {\r\n          entries.forEach(\r\n            entry => {\r\n              if (!entry.isIntersecting) {\r\n                return;\r\n              }\r\n\r\n              entry.target.classList.add(\r\n                'is-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          threshold: .10,\r\n          rootMargin: '0px 0px -6% 0px'\r\n        }\r\n      );\r\n\r\n    reveal.forEach(\r\n      element =>\r\n        observer.observe(element)\r\n    );\r\n\r\n    show(0);\r\n\r\n  })();\r\n  <\/script>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b8a206 e-con-full e-flex e-con e-parent\" data-id=\"4b8a206\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06cfdce elementor-widget elementor-widget-html\" data-id=\"06cfdce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ZALA SPRINGS MAIN \u2014 INGATLAN BEMUTAT\u00d3 \/ KAPCSOLATTART\u00d3K\r\n     Dynamic source: \/wp-json\/zs\/v1\/contacts\/internal\r\n     JetEngine relations:\r\n       sales     -> assigned_properties\r\n       favorites -> favorite_properties\r\n-->\r\n<section id=\"zs-property-contacts\" class=\"zs-main zscontacts\" aria-labelledby=\"zscontacts-title\">\r\n\r\n  <div class=\"zscontacts__inner\">\r\n\r\n    <header class=\"zscontacts__header zscontacts__reveal\">\r\n      <div class=\"zscontacts__eyebrow\">\r\n        <span><\/span>\r\n        <b>ZALA SPRINGS RESIDENCES<\/b>\r\n        <span><\/span>\r\n      <\/div>\r\n\r\n      <h2 id=\"zscontacts-title\">\r\n        Kapcsolattart\u00f3ink\r\n      <\/h2>\r\n\r\n      <p>\r\n        Szem\u00e9lyes seg\u00edts\u00e9g az ide\u00e1lis Zala Springs ingatlan kiv\u00e1laszt\u00e1s\u00e1hoz.\r\n      <\/p>\r\n    <\/header>\r\n\r\n\r\n    <div class=\"zscontacts__grid\" data-grid aria-live=\"polite\">\r\n      <article class=\"zscontacts__skeleton\" aria-hidden=\"true\">\r\n        <div class=\"zscontacts__skeleton-photo\"><\/div>\r\n        <div class=\"zscontacts__skeleton-body\">\r\n          <span><\/span><span><\/span><span><\/span><span><\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"zscontacts__skeleton\" aria-hidden=\"true\">\r\n        <div class=\"zscontacts__skeleton-photo\"><\/div>\r\n        <div class=\"zscontacts__skeleton-body\">\r\n          <span><\/span><span><\/span><span><\/span><span><\/span>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <style>\r\n    #zs-property-contacts,\r\n    #zs-property-contacts *,\r\n    #zs-property-contacts *::before,\r\n    #zs-property-contacts *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #zs-property-contacts {\r\n      --gold:\r\n        var(--zs-brand-gold, #c2a22f);\r\n\r\n      --dark:\r\n        var(--zs-brand-midnight, #26352c);\r\n\r\n      --forest:\r\n        var(--zs-brand-forest, #394a40);\r\n\r\n      --surface:\r\n        var(--zs-surface, #fbfaf7);\r\n\r\n      --bg:\r\n        var(--zs-bg, #f5f3ed);\r\n\r\n      --muted:\r\n        var(--zs-text-soft, #68716c);\r\n\r\n      --line:\r\n        var(--zs-line, rgba(38,53,44,.12));\r\n\r\n      width: 100%;\r\n\r\n      padding:\r\n        clamp(92px, 8vw, 140px)\r\n        clamp(20px, 4vw, 64px)\r\n        clamp(96px, 8vw, 140px);\r\n\r\n      overflow: hidden;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          #f6f3ec 0%,\r\n          #fbfaf7 100%\r\n        );\r\n\r\n      color:\r\n        var(--dark);\r\n\r\n      font-family:\r\n        \"Brandon book\",\r\n        \"Brandon Grotesque\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif !important;\r\n    }\r\n\r\n    #zs-property-contacts * {\r\n      font-family:\r\n        \"Brandon book\",\r\n        \"Brandon Grotesque\",\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif !important;\r\n    }\r\n\r\n    #zs-property-contacts a {\r\n      text-decoration: none;\r\n    }\r\n\r\n    #zs-property-contacts[hidden] {\r\n      display: none !important;\r\n    }\r\n\r\n    .zscontacts__inner {\r\n      width:\r\n        min(100%, 1240px);\r\n\r\n      margin:\r\n        0 auto;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       HEADER\r\n       ========================================================= *\/\r\n\r\n    .zscontacts__header {\r\n      width:\r\n        min(100%, 820px);\r\n\r\n      margin:\r\n        0 auto\r\n        clamp(46px, 5vw, 72px);\r\n\r\n      text-align:\r\n        center;\r\n    }\r\n\r\n    .zscontacts__eyebrow {\r\n      display:\r\n        flex;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      justify-content:\r\n        center;\r\n\r\n      gap:\r\n        13px;\r\n\r\n      margin-bottom:\r\n        15px;\r\n\r\n      color:\r\n        #9f842b;\r\n\r\n      font-size:\r\n        9px;\r\n\r\n      font-weight:\r\n        700;\r\n\r\n      letter-spacing:\r\n        .21em;\r\n    }\r\n\r\n    .zscontacts__eyebrow span {\r\n      width:\r\n        48px;\r\n\r\n      height:\r\n        1px;\r\n\r\n      background:\r\n        rgba(194,162,47,.62);\r\n    }\r\n\r\n    .zscontacts__eyebrow b {\r\n      font-weight:\r\n        700;\r\n    }\r\n\r\n    .zscontacts__header h2 {\r\n      margin:\r\n        0 !important;\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      font-size:\r\n        clamp(43px, 4.6vw, 72px);\r\n\r\n      font-weight:\r\n        400 !important;\r\n\r\n      line-height:\r\n        1.04 !important;\r\n\r\n      letter-spacing:\r\n        -.025em;\r\n    }\r\n\r\n    .zscontacts__header p {\r\n      margin:\r\n        17px auto 0 !important;\r\n\r\n      color:\r\n        var(--muted);\r\n\r\n      font-size:\r\n        clamp(15px, 1.04vw, 18px);\r\n\r\n      line-height:\r\n        1.6;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       GRID\r\n       ========================================================= *\/\r\n\r\n    .zscontacts__grid {\r\n      display:\r\n        grid;\r\n\r\n      grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n\r\n      gap:\r\n        clamp(22px, 2.4vw, 34px);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CARD\r\n       ========================================================= *\/\r\n\r\n    .zscontacts__card {\r\n      position:\r\n        relative;\r\n\r\n      min-width:\r\n        0;\r\n\r\n      display:\r\n        grid;\r\n\r\n      grid-template-columns:\r\n        minmax(220px, .82fr)\r\n        minmax(0, 1.18fr);\r\n\r\n      overflow:\r\n        hidden;\r\n\r\n      border:\r\n        1px solid rgba(38,53,44,.085);\r\n\r\n      border-radius:\r\n        28px;\r\n\r\n      background:\r\n        rgba(255,255,255,.90);\r\n\r\n      box-shadow:\r\n        0 20px 60px rgba(38,53,44,.06);\r\n\r\n      opacity:\r\n        0;\r\n\r\n      transform:\r\n        translateY(28px);\r\n\r\n      transition:\r\n        opacity .65s ease,\r\n        transform .9s cubic-bezier(.2,.72,.2,1),\r\n        border-color .35s ease,\r\n        box-shadow .35s ease;\r\n    }\r\n\r\n    .zscontacts__card.is-visible {\r\n      opacity:\r\n        1;\r\n\r\n      transform:\r\n        none;\r\n    }\r\n\r\n    .zscontacts__photo {\r\n      position:\r\n        relative;\r\n\r\n      min-height:\r\n        450px;\r\n\r\n      overflow:\r\n        hidden;\r\n\r\n      margin:\r\n        8px;\r\n\r\n      border-radius:\r\n        20px;\r\n\r\n      background:\r\n        #d8ddd8;\r\n\r\n      isolation:\r\n        isolate;\r\n    }\r\n\r\n    .zscontacts__photo img {\r\n      position:\r\n        absolute !important;\r\n\r\n      inset:\r\n        0 !important;\r\n\r\n      display:\r\n        block !important;\r\n\r\n      width:\r\n        100% !important;\r\n\r\n      max-width:\r\n        none !important;\r\n\r\n      height:\r\n        100% !important;\r\n\r\n      object-fit:\r\n        cover !important;\r\n\r\n      object-position:\r\n        center center !important;\r\n\r\n      transform:\r\n        scale(1.015);\r\n\r\n      transition:\r\n        transform .9s\r\n        cubic-bezier(.2,.72,.2,1);\r\n    }\r\n\r\n    .zscontacts__photo::after {\r\n      content:\r\n        \"\";\r\n\r\n      position:\r\n        absolute;\r\n\r\n      inset:\r\n        0;\r\n\r\n      z-index:\r\n        1;\r\n\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          rgba(17,34,25,.01) 55%,\r\n          rgba(17,34,25,.26) 100%\r\n        );\r\n\r\n      pointer-events:\r\n        none;\r\n    }\r\n\r\n    .zscontacts__photo-mark {\r\n      position:\r\n        absolute;\r\n\r\n      z-index:\r\n        3;\r\n\r\n      left:\r\n        16px;\r\n\r\n      bottom:\r\n        16px;\r\n\r\n      min-height:\r\n        31px;\r\n\r\n      display:\r\n        inline-flex;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      padding:\r\n        0 11px;\r\n\r\n      border:\r\n        1px solid rgba(255,255,255,.38);\r\n\r\n      border-radius:\r\n        999px;\r\n\r\n      background:\r\n        rgba(255,255,255,.13);\r\n\r\n      color:\r\n        #fff;\r\n\r\n      font-size:\r\n        8px;\r\n\r\n      font-weight:\r\n        700;\r\n\r\n      letter-spacing:\r\n        .15em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n\r\n      backdrop-filter:\r\n        blur(11px);\r\n\r\n      -webkit-backdrop-filter:\r\n        blur(11px);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       BODY\r\n       ========================================================= *\/\r\n\r\n    .zscontacts__body {\r\n      min-width:\r\n        0;\r\n\r\n      display:\r\n        flex;\r\n\r\n      flex-direction:\r\n        column;\r\n\r\n      justify-content:\r\n        center;\r\n\r\n      padding:\r\n        36px 34px 34px 28px;\r\n    }\r\n\r\n    .zscontacts__role {\r\n      display:\r\n        block;\r\n\r\n      margin-bottom:\r\n        10px;\r\n\r\n      color:\r\n        var(--gold);\r\n\r\n      font-size:\r\n        9px;\r\n\r\n      font-weight:\r\n        700;\r\n\r\n      letter-spacing:\r\n        .16em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n    .zscontacts__name {\r\n      margin:\r\n        0 !important;\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      font-size:\r\n        clamp(33px, 2.5vw, 47px);\r\n\r\n      font-weight:\r\n        400 !important;\r\n\r\n      line-height:\r\n        1.04 !important;\r\n\r\n      letter-spacing:\r\n        -.02em;\r\n    }\r\n\r\n    .zscontacts__line {\r\n      width:\r\n        46px;\r\n\r\n      height:\r\n        1px;\r\n\r\n      margin:\r\n        20px 0 22px;\r\n\r\n      background:\r\n        var(--gold);\r\n    }\r\n\r\n    .zscontacts__contact-list {\r\n      display:\r\n        grid;\r\n\r\n      gap:\r\n        8px;\r\n    }\r\n\r\n    .zscontacts__contact {\r\n      min-width:\r\n        0;\r\n\r\n      display:\r\n        flex;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      gap:\r\n        9px;\r\n\r\n      color:\r\n        var(--muted) !important;\r\n\r\n      font-size:\r\n        14px;\r\n\r\n      line-height:\r\n        1.45;\r\n\r\n      transition:\r\n        color .25s ease;\r\n    }\r\n\r\n    .zscontacts__contact svg {\r\n      width:\r\n        15px;\r\n\r\n      height:\r\n        15px;\r\n\r\n      flex:\r\n        0 0 15px;\r\n\r\n      fill:\r\n        none;\r\n\r\n      stroke:\r\n        var(--gold);\r\n\r\n      stroke-width:\r\n        1.6;\r\n\r\n      stroke-linecap:\r\n        round;\r\n\r\n      stroke-linejoin:\r\n        round;\r\n    }\r\n\r\n    .zscontacts__contact span {\r\n      min-width:\r\n        0;\r\n\r\n      overflow-wrap:\r\n        anywhere;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       FAVORITES \u2014 JETENGINE RELATION\r\n       ========================================================= *\/\r\n\r\n    .zscontacts__favorites {\r\n      margin-top:\r\n        25px;\r\n\r\n      padding-top:\r\n        20px;\r\n\r\n      border-top:\r\n        1px solid var(--line);\r\n    }\r\n\r\n    .zscontacts__favorites-label {\r\n      display:\r\n        block;\r\n\r\n      margin-bottom:\r\n        10px;\r\n\r\n      color:\r\n        #8a918d;\r\n\r\n      font-size:\r\n        8px;\r\n\r\n      font-weight:\r\n        700;\r\n\r\n      letter-spacing:\r\n        .16em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n    .zscontacts__favorite-list {\r\n      display:\r\n        flex;\r\n\r\n      flex-wrap:\r\n        wrap;\r\n\r\n      gap:\r\n        7px;\r\n    }\r\n\r\n    .zscontacts__favorite {\r\n      min-height:\r\n        33px;\r\n\r\n      display:\r\n        inline-flex;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      gap:\r\n        7px;\r\n\r\n      padding:\r\n        0 11px;\r\n\r\n      border:\r\n        1px solid rgba(194,162,47,.25);\r\n\r\n      border-radius:\r\n        999px;\r\n\r\n      background:\r\n        rgba(194,162,47,.06);\r\n\r\n      color:\r\n        var(--dark);\r\n\r\n      font-size:\r\n        10px;\r\n\r\n      font-weight:\r\n        600;\r\n    }\r\n\r\n    .zscontacts__favorite::before {\r\n      content:\r\n        \"\";\r\n\r\n      width:\r\n        5px;\r\n\r\n      height:\r\n        5px;\r\n\r\n      border-radius:\r\n        50%;\r\n\r\n      background:\r\n        var(--gold);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       SKELETON\r\n       ========================================================= *\/\r\n\r\n    .zscontacts__skeleton {\r\n      min-height:\r\n        470px;\r\n\r\n      display:\r\n        grid;\r\n\r\n      grid-template-columns:\r\n        minmax(220px,.82fr)\r\n        minmax(0,1.18fr);\r\n\r\n      overflow:\r\n        hidden;\r\n\r\n      border:\r\n        1px solid rgba(38,53,44,.06);\r\n\r\n      border-radius:\r\n        28px;\r\n\r\n      background:\r\n        rgba(255,255,255,.72);\r\n    }\r\n\r\n    .zscontacts__skeleton-photo {\r\n      margin:\r\n        8px;\r\n\r\n      border-radius:\r\n        20px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          100deg,\r\n          #e0e4e0 20%,\r\n          #f3f5f2 38%,\r\n          #e0e4e0 56%\r\n        );\r\n\r\n      background-size:\r\n        240% 100%;\r\n\r\n      animation:\r\n        zscontactsSkeleton 1.4s linear infinite;\r\n    }\r\n\r\n    .zscontacts__skeleton-body {\r\n      display:\r\n        flex;\r\n\r\n      flex-direction:\r\n        column;\r\n\r\n      gap:\r\n        13px;\r\n\r\n      padding:\r\n        50px 32px;\r\n    }\r\n\r\n    .zscontacts__skeleton-body span {\r\n      height:\r\n        11px;\r\n\r\n      border-radius:\r\n        999px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          100deg,\r\n          #e5e8e5 20%,\r\n          #f7f8f6 38%,\r\n          #e5e8e5 56%\r\n        );\r\n\r\n      background-size:\r\n        240% 100%;\r\n\r\n      animation:\r\n        zscontactsSkeleton 1.4s linear infinite;\r\n    }\r\n\r\n    .zscontacts__skeleton-body span:nth-child(1) {\r\n      width:\r\n        34%;\r\n    }\r\n\r\n    .zscontacts__skeleton-body span:nth-child(2) {\r\n      width:\r\n        77%;\r\n\r\n      height:\r\n        31px;\r\n    }\r\n\r\n    .zscontacts__skeleton-body span:nth-child(3) {\r\n      width:\r\n        62%;\r\n    }\r\n\r\n    .zscontacts__skeleton-body span:nth-child(4) {\r\n      width:\r\n        83%;\r\n    }\r\n\r\n    @keyframes zscontactsSkeleton {\r\n      to {\r\n        background-position-x:\r\n          -240%;\r\n      }\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REVEAL\r\n       ========================================================= *\/\r\n\r\n    .zscontacts__reveal {\r\n      opacity:\r\n        0;\r\n\r\n      transform:\r\n        translateY(26px);\r\n\r\n      transition:\r\n        opacity .75s ease,\r\n        transform .9s\r\n        cubic-bezier(.2,.72,.2,1);\r\n    }\r\n\r\n    .zscontacts__reveal.is-visible {\r\n      opacity:\r\n        1;\r\n\r\n      transform:\r\n        none;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       HOVER\r\n       ========================================================= *\/\r\n\r\n    @media (hover:hover) and (pointer:fine) {\r\n\r\n      .zscontacts__card:hover {\r\n        transform:\r\n          translateY(-6px);\r\n\r\n        border-color:\r\n          rgba(194,162,47,.30);\r\n\r\n        box-shadow:\r\n          0 29px 78px\r\n          rgba(38,53,44,.105);\r\n      }\r\n\r\n      .zscontacts__card:hover\r\n      .zscontacts__photo img {\r\n        transform:\r\n          scale(1.055);\r\n      }\r\n\r\n      .zscontacts__contact:hover {\r\n        color:\r\n          var(--dark) !important;\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       BREAKPOINTS\r\n       ========================================================= *\/\r\n\r\n    @media (max-width:1366px) {\r\n\r\n      #zs-property-contacts {\r\n        padding:\r\n          102px 40px 110px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:1200px) {\r\n\r\n      #zs-property-contacts {\r\n        padding:\r\n          94px 30px 102px;\r\n      }\r\n\r\n      .zscontacts__card,\r\n      .zscontacts__skeleton {\r\n        grid-template-columns:\r\n          minmax(200px,.82fr)\r\n          minmax(0,1.18fr);\r\n      }\r\n\r\n      .zscontacts__photo {\r\n        min-height:\r\n          420px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:1024px) {\r\n\r\n      #zs-property-contacts {\r\n        padding:\r\n          84px 22px 94px;\r\n      }\r\n\r\n      .zscontacts__grid {\r\n        grid-template-columns:\r\n          1fr;\r\n      }\r\n\r\n      .zscontacts__card,\r\n      .zscontacts__skeleton {\r\n        width:\r\n          min(100%, 850px);\r\n\r\n        margin:\r\n          0 auto;\r\n\r\n        grid-template-columns:\r\n          minmax(300px,.82fr)\r\n          minmax(0,1.18fr);\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:880px) {\r\n\r\n      #zs-property-contacts {\r\n        padding:\r\n          76px 18px 86px;\r\n      }\r\n\r\n      .zscontacts__card,\r\n      .zscontacts__skeleton {\r\n        grid-template-columns:\r\n          1fr;\r\n      }\r\n\r\n      .zscontacts__photo {\r\n        min-height:\r\n          520px;\r\n\r\n        aspect-ratio:\r\n          .95 \/ 1;\r\n      }\r\n\r\n      .zscontacts__body {\r\n        padding:\r\n          28px 26px 31px;\r\n      }\r\n\r\n      .zscontacts__skeleton-photo {\r\n        min-height:\r\n          500px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:767px) {\r\n\r\n      #zs-property-contacts {\r\n        padding:\r\n          68px 12px 76px;\r\n      }\r\n\r\n      .zscontacts__header {\r\n        margin-bottom:\r\n          38px;\r\n      }\r\n\r\n      .zscontacts__eyebrow {\r\n        gap:\r\n          9px;\r\n\r\n        font-size:\r\n          8px;\r\n      }\r\n\r\n      .zscontacts__eyebrow span {\r\n        width:\r\n          28px;\r\n      }\r\n\r\n      .zscontacts__header h2 {\r\n        font-size:\r\n          clamp(38px,10vw,50px);\r\n      }\r\n\r\n      .zscontacts__header p {\r\n        font-size:\r\n          15px;\r\n      }\r\n\r\n      .zscontacts__card,\r\n      .zscontacts__skeleton {\r\n        border-radius:\r\n          20px;\r\n      }\r\n\r\n      .zscontacts__photo {\r\n        min-height:\r\n          440px;\r\n\r\n        margin:\r\n          6px;\r\n\r\n        border-radius:\r\n          14px;\r\n      }\r\n\r\n      .zscontacts__body {\r\n        padding:\r\n          25px 21px 28px;\r\n      }\r\n\r\n      .zscontacts__name {\r\n        font-size:\r\n          clamp(32px,9vw,42px);\r\n      }\r\n\r\n      .zscontacts__skeleton-photo {\r\n        min-height:\r\n          420px;\r\n\r\n        border-radius:\r\n          14px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (max-width:480px) {\r\n\r\n      .zscontacts__photo {\r\n        min-height:\r\n          390px;\r\n      }\r\n\r\n      .zscontacts__skeleton-photo {\r\n        min-height:\r\n          370px;\r\n      }\r\n\r\n    }\r\n\r\n    @media (prefers-reduced-motion:reduce) {\r\n\r\n      #zs-property-contacts *,\r\n      #zs-property-contacts *::before,\r\n      #zs-property-contacts *::after {\r\n        animation:\r\n          none !important;\r\n\r\n        transition:\r\n          none !important;\r\n      }\r\n\r\n      .zscontacts__reveal,\r\n      .zscontacts__card {\r\n        opacity:\r\n          1 !important;\r\n\r\n        transform:\r\n          none !important;\r\n      }\r\n\r\n    }\r\n\r\n  <\/style>\r\n\r\n\r\n  <script>\r\n  (() => {\r\n\r\n    const root =\r\n      document.getElementById(\r\n        'zs-property-contacts'\r\n      );\r\n\r\n    if (\r\n      !root ||\r\n      root.dataset.ready === '1'\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    root.dataset.ready =\r\n      '1';\r\n\r\n\r\n    \/* =========================================================\r\n       HELPERS\r\n       ========================================================= *\/\r\n\r\n    const language =\r\n      (() => {\r\n\r\n        const query =\r\n          new URLSearchParams(\r\n            location.search\r\n          ).get('lang');\r\n\r\n        if (\r\n          query &&\r\n          ['hu','en','de']\r\n            .includes(\r\n              query.toLowerCase()\r\n            )\r\n        ) {\r\n          return query.toLowerCase();\r\n        }\r\n\r\n        const match =\r\n          location.pathname.match(\r\n            \/^\\\/(hu|en|de)(?:\\\/|$)\/i\r\n          );\r\n\r\n        return match\r\n          ? match[1].toLowerCase()\r\n          : 'hu';\r\n\r\n      })();\r\n\r\n\r\n    const clean =\r\n      value =>\r\n        value === null ||\r\n        value === undefined\r\n          ? ''\r\n          : String(value).trim();\r\n\r\n\r\n    const strip =\r\n      value => {\r\n\r\n        const element =\r\n          document.createElement('div');\r\n\r\n        element.innerHTML =\r\n          String(value || '');\r\n\r\n        return (\r\n          element.textContent ||\r\n          ''\r\n        ).trim();\r\n\r\n      };\r\n\r\n\r\n    const escapeHtml =\r\n      value => {\r\n\r\n        const element =\r\n          document.createElement('div');\r\n\r\n        element.textContent =\r\n          String(value || '');\r\n\r\n        return element.innerHTML;\r\n\r\n      };\r\n\r\n\r\n    const safeUrl =\r\n      value => {\r\n\r\n        value =\r\n          clean(value);\r\n\r\n        if (!value) {\r\n          return '';\r\n        }\r\n\r\n        if (\r\n          value.startsWith('\/')\r\n        ) {\r\n          return value;\r\n        }\r\n\r\n        try {\r\n\r\n          const url =\r\n            new URL(\r\n              value,\r\n              location.origin\r\n            );\r\n\r\n          if (\r\n            !\/^https?:$\/\r\n              .test(\r\n                url.protocol\r\n              )\r\n          ) {\r\n            return '';\r\n          }\r\n\r\n          if (\r\n            url.origin ===\r\n            location.origin\r\n          ) {\r\n            return (\r\n              url.pathname +\r\n              url.search +\r\n              url.hash\r\n            );\r\n          }\r\n\r\n          return url.href;\r\n\r\n        }\r\n\r\n        catch(error) {\r\n          return '';\r\n        }\r\n\r\n      };\r\n\r\n\r\n    const restBase =\r\n      () => {\r\n\r\n        const discovery =\r\n          document.querySelector(\r\n            'link[rel=\"https:\/\/api.w.org\/\"]'\r\n          );\r\n\r\n        if (\r\n          discovery &&\r\n          discovery.href\r\n        ) {\r\n          return discovery.href\r\n            .endsWith('\/')\r\n              ? discovery.href\r\n              : discovery.href + '\/';\r\n        }\r\n\r\n        return new URL(\r\n          '\/wp-json\/',\r\n          location.origin\r\n        ).href;\r\n\r\n      };\r\n\r\n\r\n    const endpoint =\r\n      () => {\r\n\r\n        const url =\r\n          new URL(\r\n            'zs\/v1\/contacts\/internal',\r\n            restBase()\r\n          );\r\n\r\n        url.searchParams.set(\r\n          'lang',\r\n          language\r\n        );\r\n\r\n        url.searchParams.set(\r\n          'orderby',\r\n          'sort_order'\r\n        );\r\n\r\n        url.searchParams.set(\r\n          'order',\r\n          'asc'\r\n        );\r\n\r\n        url.searchParams.set(\r\n          'limit',\r\n          '100'\r\n        );\r\n\r\n        url.searchParams.set(\r\n          'url_mode',\r\n          'relative'\r\n        );\r\n\r\n        return url.href;\r\n\r\n      };\r\n\r\n\r\n    \/* =========================================================\r\n       ICONS\r\n       ========================================================= *\/\r\n\r\n    const PHONE =\r\n      '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8 4 5.5 6.5c-.8.8-.4 3.3 2.7 6.4 3.1 3.1 5.6 3.5 6.4 2.7L17 13.2l3 2.3-1 3.3c-.4 1.2-1.7 2-3 1.8-3.6-.5-7.4-2.6-10.4-5.6S.5 8.2 0 4.6C-.2 3.3.6 2 1.8 1.6L5.1.5 8 4Z\"\/><\/svg>';\r\n\r\n    const MAIL =\r\n      '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"1.5\"\/><path d=\"m4 7 8 6 8-6\"\/><\/svg>';\r\n\r\n\r\n    \/* =========================================================\r\n       FAVORITES FROM JETENGINE RELATION\r\n       ========================================================= *\/\r\n\r\n    const favoritesHtml =\r\n      item => {\r\n\r\n        const favorites =\r\n          Array.isArray(\r\n            item.favorite_properties\r\n          )\r\n            ? item.favorite_properties\r\n            : [];\r\n\r\n        if (\r\n          !favorites.length\r\n        ) {\r\n          return '';\r\n        }\r\n\r\n        const values =\r\n          favorites\r\n            .map(\r\n              property => {\r\n\r\n                const code =\r\n                  clean(\r\n                    property.property_code\r\n                  );\r\n\r\n                const title =\r\n                  strip(\r\n                    property.title\r\n                  );\r\n\r\n                return code || title;\r\n\r\n              }\r\n            )\r\n            .filter(Boolean);\r\n\r\n        if (\r\n          !values.length\r\n        ) {\r\n          return '';\r\n        }\r\n\r\n        return (\r\n          '<div class=\"zscontacts__favorites\">' +\r\n            '<span class=\"zscontacts__favorites-label\">Kedvenc lak\u00e1s<\/span>' +\r\n            '<div class=\"zscontacts__favorite-list\">' +\r\n              values\r\n                .map(\r\n                  value =>\r\n                    '<span class=\"zscontacts__favorite\">' +\r\n                      escapeHtml(value) +\r\n                    '<\/span>'\r\n                )\r\n                .join('') +\r\n            '<\/div>' +\r\n          '<\/div>'\r\n        );\r\n\r\n      };\r\n\r\n\r\n    \/* =========================================================\r\n       CARD\r\n       ========================================================= *\/\r\n\r\n    const card =\r\n      item => {\r\n\r\n        const name =\r\n          strip(\r\n            item.name ||\r\n            item.title\r\n          );\r\n\r\n        const job =\r\n          strip(\r\n            item.job_title\r\n          );\r\n\r\n        const phone =\r\n          clean(\r\n            item.phone\r\n          );\r\n\r\n        const email =\r\n          clean(\r\n            item.email\r\n          );\r\n\r\n        const photo =\r\n          safeUrl(\r\n            item.photo_url ||\r\n            (\r\n              item.photo &&\r\n              (\r\n                item.photo.url_path ||\r\n                item.photo.url\r\n              )\r\n            )\r\n          );\r\n\r\n        const phoneHref =\r\n          phone\r\n            ? 'tel:' +\r\n              phone.replace(\r\n                \/[^+\\d]\/g,\r\n                ''\r\n              )\r\n            : '';\r\n\r\n        const emailHref =\r\n          email\r\n            ? 'mailto:' + email\r\n            : '';\r\n\r\n        return (\r\n          '<article class=\"zscontacts__card\" data-card>' +\r\n\r\n            '<div class=\"zscontacts__photo\">' +\r\n\r\n              (\r\n                photo\r\n                  ? '<img src=\"' +\r\n                    escapeHtml(photo) +\r\n                    '\" alt=\"' +\r\n                    escapeHtml(name) +\r\n                    '\" loading=\"lazy\" decoding=\"async\">'\r\n                  : ''\r\n              ) +\r\n\r\n              '<span class=\"zscontacts__photo-mark\">Zala Springs<\/span>' +\r\n\r\n            '<\/div>' +\r\n\r\n            '<div class=\"zscontacts__body\">' +\r\n\r\n              (\r\n                job\r\n                  ? '<span class=\"zscontacts__role\">' +\r\n                    escapeHtml(job) +\r\n                    '<\/span>'\r\n                  : ''\r\n              ) +\r\n\r\n              '<h3 class=\"zscontacts__name\">' +\r\n                escapeHtml(name) +\r\n              '<\/h3>' +\r\n\r\n              '<div class=\"zscontacts__line\"><\/div>' +\r\n\r\n              '<div class=\"zscontacts__contact-list\">' +\r\n\r\n                (\r\n                  phone\r\n                    ? '<a class=\"zscontacts__contact\" href=\"' +\r\n                      escapeHtml(phoneHref) +\r\n                      '\">' +\r\n                        PHONE +\r\n                        '<span>' +\r\n                          escapeHtml(phone) +\r\n                        '<\/span>' +\r\n                      '<\/a>'\r\n                    : ''\r\n                ) +\r\n\r\n                (\r\n                  email\r\n                    ? '<a class=\"zscontacts__contact\" href=\"' +\r\n                      escapeHtml(emailHref) +\r\n                      '\">' +\r\n                        MAIL +\r\n                        '<span>' +\r\n                          escapeHtml(email) +\r\n                        '<\/span>' +\r\n                      '<\/a>'\r\n                    : ''\r\n                ) +\r\n\r\n              '<\/div>' +\r\n\r\n              favoritesHtml(item) +\r\n\r\n            '<\/div>' +\r\n\r\n          '<\/article>'\r\n        );\r\n\r\n      };\r\n\r\n\r\n    \/* =========================================================\r\n       FETCH\r\n       ========================================================= *\/\r\n\r\n    const grid =\r\n      root.querySelector(\r\n        '[data-grid]'\r\n      );\r\n\r\n\r\n    fetch(\r\n      endpoint(),\r\n      {\r\n        credentials:\r\n          'same-origin',\r\n\r\n        cache:\r\n          'no-store',\r\n\r\n        headers: {\r\n          Accept:\r\n            'application\/json'\r\n        }\r\n      }\r\n    )\r\n\r\n    .then(\r\n      response => {\r\n\r\n        if (\r\n          !response.ok\r\n        ) {\r\n          throw new Error(\r\n            'HTTP ' +\r\n            response.status\r\n          );\r\n        }\r\n\r\n        return response.json();\r\n\r\n      }\r\n    )\r\n\r\n    .then(\r\n      payload => {\r\n\r\n        const contacts =\r\n          Array.isArray(payload)\r\n            ? payload\r\n            : (\r\n                payload &&\r\n                Array.isArray(\r\n                  payload.items\r\n                )\r\n                  ? payload.items\r\n                  : []\r\n              );\r\n\r\n\r\n        \/*\r\n         * Property sales contacts:\r\n         * the relation payload comes directly from JetEngine.\r\n         * A contact is relevant here when it has a sales assignment\r\n         * and\/or at least one favorite property. If legacy data has\r\n         * neither relation yet, contacts with real estate-looking\r\n         * job titles are kept as a compatibility fallback.\r\n         *\/\r\n        const filtered =\r\n          contacts\r\n            .filter(\r\n              item => {\r\n\r\n                const assigned =\r\n                  Array.isArray(\r\n                    item.assigned_property_ids\r\n                  )\r\n                    ? item.assigned_property_ids\r\n                    : [];\r\n\r\n                const favorites =\r\n                  Array.isArray(\r\n                    item.favorite_property_ids\r\n                  )\r\n                    ? item.favorite_property_ids\r\n                    : [];\r\n\r\n                if (\r\n                  assigned.length ||\r\n                  favorites.length\r\n                ) {\r\n                  return true;\r\n                }\r\n\r\n                const role =\r\n                  strip(\r\n                    item.job_title\r\n                  )\r\n                  .toLowerCase();\r\n\r\n                return (\r\n                  role.includes('sales') ||\r\n                  role.includes('\u00e9rt\u00e9kes') ||\r\n                  role.includes('real estate') ||\r\n                  role.includes('immobil')\r\n                );\r\n\r\n              }\r\n            )\r\n            .sort(\r\n              (a,b) => {\r\n\r\n                const ao =\r\n                  Number(\r\n                    a.sort_order\r\n                  );\r\n\r\n                const bo =\r\n                  Number(\r\n                    b.sort_order\r\n                  );\r\n\r\n                const safeA =\r\n                  Number.isFinite(ao)\r\n                    ? ao\r\n                    : Number.MAX_SAFE_INTEGER;\r\n\r\n                const safeB =\r\n                  Number.isFinite(bo)\r\n                    ? bo\r\n                    : Number.MAX_SAFE_INTEGER;\r\n\r\n                if (\r\n                  safeA !==\r\n                  safeB\r\n                ) {\r\n                  return safeA - safeB;\r\n                }\r\n\r\n                return (\r\n                  Number(a.id || 0) -\r\n                  Number(b.id || 0)\r\n                );\r\n\r\n              }\r\n            );\r\n\r\n\r\n        \/*\r\n         * No property sales contacts = no section and no whitespace.\r\n         *\/\r\n        if (\r\n          !filtered.length\r\n        ) {\r\n          grid.innerHTML =\r\n            '';\r\n\r\n          root.hidden =\r\n            true;\r\n\r\n          return;\r\n        }\r\n\r\n\r\n        grid.innerHTML =\r\n          filtered\r\n            .map(card)\r\n            .join('');\r\n\r\n\r\n        [\r\n          ...grid.querySelectorAll(\r\n            '[data-card]'\r\n          )\r\n        ]\r\n        .forEach(\r\n          (element,index) => {\r\n\r\n            window.setTimeout(\r\n              () =>\r\n                element.classList.add(\r\n                  'is-visible'\r\n                ),\r\n              70 + index * 90\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n\r\n        initReveal();\r\n\r\n      }\r\n    )\r\n\r\n    .catch(\r\n      error => {\r\n\r\n        console.error(\r\n          '[ZS MAIN] Property contacts error:',\r\n          error\r\n        );\r\n\r\n        grid.innerHTML =\r\n          '';\r\n\r\n        root.hidden =\r\n          true;\r\n\r\n      }\r\n    );\r\n\r\n\r\n    \/* =========================================================\r\n       REVEAL\r\n       ========================================================= *\/\r\n\r\n    function initReveal() {\r\n\r\n      const items =\r\n        root.querySelectorAll(\r\n          '.zscontacts__reveal'\r\n        );\r\n\r\n      if (\r\n        !(\r\n          'IntersectionObserver'\r\n          in window\r\n        )\r\n      ) {\r\n\r\n        items.forEach(\r\n          item =>\r\n            item.classList.add(\r\n              'is-visible'\r\n            )\r\n        );\r\n\r\n        return;\r\n      }\r\n\r\n      const observer =\r\n        new IntersectionObserver(\r\n          entries => {\r\n\r\n            entries.forEach(\r\n              entry => {\r\n\r\n                if (\r\n                  !entry.isIntersecting\r\n                ) {\r\n                  return;\r\n                }\r\n\r\n                entry.target\r\n                  .classList.add(\r\n                    'is-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            threshold:\r\n              .10,\r\n\r\n            rootMargin:\r\n              '0px 0px -5% 0px'\r\n          }\r\n        );\r\n\r\n      items.forEach(\r\n        item =>\r\n          observer.observe(\r\n            item\r\n          )\r\n      );\r\n\r\n    }\r\n\r\n  })();\r\n  <\/script>\r\n\r\n<\/section>\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>ZALA SPRINGS INGATLAN B1 APARTMANH\u00c1Z \u00b7 B1 Lake-side apartmanok \u2013 B2 Apartmanh\u00e1z Felfedez\u00e9s LAKE-SIDE RESIDENCES 01 09 ZALA SPRINGS RESIDENCES Lake-Side apartmanok &#8211; B2 A Zala Springs Golf Resort beruh\u00e1z\u00e1si \u00fcteme 2023-ban el\u00e9rte a k\u00f6vetkez\u0151 egys\u00e9g, a B2-es \u00e9p\u00fclet \u00e1tad\u00e1s\u00e1t. Leg\u00fajabb apartmanh\u00e1zunk egy olyan k\u00e9t emeletes t\u00e1rsash\u00e1z, ahol 20 db lak\u00e1s ker\u00fcl kialak\u00edt\u00e1sra \u00fagy, hogy [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2240","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zalasprings.hu\/hu\/wp-json\/wp\/v2\/pages\/2240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zalasprings.hu\/hu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zalasprings.hu\/hu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zalasprings.hu\/hu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zalasprings.hu\/hu\/wp-json\/wp\/v2\/comments?post=2240"}],"version-history":[{"count":16,"href":"https:\/\/zalasprings.hu\/hu\/wp-json\/wp\/v2\/pages\/2240\/revisions"}],"predecessor-version":[{"id":3117,"href":"https:\/\/zalasprings.hu\/hu\/wp-json\/wp\/v2\/pages\/2240\/revisions\/3117"}],"wp:attachment":[{"href":"https:\/\/zalasprings.hu\/hu\/wp-json\/wp\/v2\/media?parent=2240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}