{"id":517,"date":"2026-09-08T19:41:14","date_gmt":"2026-09-08T17:41:14","guid":{"rendered":"https:\/\/zalasprings.hu\/?page_id=517"},"modified":"2026-09-18T18:55:25","modified_gmt":"2026-09-18T16:55:25","slug":"kontakt","status":"publish","type":"page","link":"https:\/\/zalasprings.hu\/de\/kapcsolat\/","title":{"rendered":"Kontakt"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"517\" class=\"elementor elementor-517\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e36e0a e-con-full e-flex e-con e-parent\" data-id=\"4e36e0a\" 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-0a83c86 elementor-widget elementor-widget-html\" data-id=\"0a83c86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"zs-career-hero\" class=\"zs-main zscareerhero\" aria-labelledby=\"zscareerhero-title\">\r\n  <div class=\"zscareerhero__frame\">\r\n    <img decoding=\"async\" class=\"zscareerhero__image\" src=\"\/wp-content\/uploads\/2026\/09\/contact-header.jpg\" alt=\"Kapcsolat\r\n\" fetchpriority=\"high\">\r\n    <div class=\"zscareerhero__overlay\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"zscareerhero__vignette\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"zscareerhero__content\">\r\n      <h1 id=\"zscareerhero-title\" class=\"zscareerhero__title\">Kapcsolat\r\n<\/h1>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <style>\r\n    #zs-career-hero,#zs-career-hero *,#zs-career-hero *::before,#zs-career-hero *::after{box-sizing:border-box}\r\n    #zs-career-hero{--dark:var(--zs-brand-midnight,#26352c);--ivory:var(--zs-surface,#fbfaf7);width:100%;padding:28px;background:var(--ivory);font-family:\"Brandon book\",\"Brandon Grotesque\",Arial,Helvetica,sans-serif!important}\r\n    #zs-career-hero *{font-family:\"Brandon book\",\"Brandon Grotesque\",Arial,Helvetica,sans-serif!important}\r\n    .zscareerhero__frame{position:relative;width:100%;min-height:clamp(560px,68svh,780px);display:grid;place-items:center;overflow:hidden;border-radius:28px;background:var(--dark);isolation:isolate}\r\n    .zscareerhero__image{position:absolute!important;inset:-2%!important;z-index:-4;display:block!important;width:104%!important;max-width:none!important;height:104%!important;object-fit:cover!important;object-position:center center!important;transform:scale(1.055);animation:zscareerheroImageIn 6s cubic-bezier(.2,.72,.2,1) forwards}\r\n    .zscareerhero__overlay{position:absolute;inset:0;z-index:-3;background:linear-gradient(0deg,rgba(17,34,25,.54) 0%,rgba(17,34,25,.24) 52%,rgba(17,34,25,.14) 100%),linear-gradient(90deg,rgba(20,39,29,.14),rgba(20,39,29,.03) 50%,rgba(20,39,29,.14));pointer-events:none}\r\n    .zscareerhero__vignette{position:absolute;inset:0;z-index:-2;box-shadow:inset 0 0 130px rgba(15,30,22,.22);pointer-events:none}\r\n    .zscareerhero__content{position:relative;z-index:2;width:min(calc(100% - 100px),1480px);margin:0 auto;text-align:center;animation:zscareerheroContentIn .9s .15s cubic-bezier(.2,.72,.2,1) both}\r\n    .zscareerhero__title{margin:0!important;color:#fff!important;font-size:clamp(52px,5.4vw,90px);font-weight:400!important;line-height:.98!important;letter-spacing:-.025em;text-shadow:0 4px 28px rgba(0,0,0,.22)}\r\n    @keyframes zscareerheroImageIn{from{opacity:.7;transform:scale(1.09)}to{opacity:1;transform:scale(1.055)}}\r\n    @keyframes zscareerheroContentIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}\r\n    @media(max-width:1366px){#zs-career-hero{padding:22px}}\r\n    @media(max-width:1200px){#zs-career-hero{padding:18px}.zscareerhero__frame{min-height:620px;border-radius:24px}}\r\n    @media(max-width:1024px){#zs-career-hero{padding:16px}.zscareerhero__frame{min-height:600px;border-radius:22px}.zscareerhero__content{width:calc(100% - 56px)}}\r\n    @media(max-width:880px){#zs-career-hero{padding:12px}.zscareerhero__frame{border-radius:19px}}\r\n    @media(max-width:767px){#zs-career-hero{padding:10px}.zscareerhero__frame{min-height:560px;border-radius:17px}.zscareerhero__overlay{background:linear-gradient(0deg,rgba(17,34,25,.64),rgba(17,34,25,.24) 60%,rgba(17,34,25,.14))}.zscareerhero__content{width:calc(100% - 34px)}.zscareerhero__title{font-size:clamp(44px,13vw,62px)}}\r\n    @media(max-width:420px){.zscareerhero__frame{min-height:520px}.zscareerhero__title{font-size:42px}}\r\n    @media(prefers-reduced-motion:reduce){.zscareerhero__image,.zscareerhero__content{animation:none!important}}\r\n  <\/style>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8835f97 e-con-full e-flex e-con e-parent\" data-id=\"8835f97\" 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-06ac7a4 elementor-widget elementor-widget-html\" data-id=\"06ac7a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  ZALA SPRINGS MAIN\r\n  KAPCSOLAT \u2014 EL\u00c9RHET\u0150S\u00c9GEK\r\n-->\r\n\r\n<section\r\n  id=\"zs-contact-details\"\r\n  class=\"zs-main zscontact\"\r\n  aria-labelledby=\"zscontact-title\"\r\n>\r\n  <div class=\"zscontact__inner\">\r\n\r\n    <header class=\"zscontact__header zscontact__reveal\">\r\n      <div class=\"zscontact__eyebrow\">\r\n        KAPCSOLAT\r\n      <\/div>\r\n\r\n      <h2 id=\"zscontact-title\">\r\n        Zala Springs Health &amp; Golf Resort\r\n      <\/h2>\r\n\r\n      <div class=\"zscontact__line\"><\/div>\r\n\r\n      <p class=\"zscontact__address\">\r\n        8784 Kehidakust\u00e1ny, Golf utca 1.\r\n      <\/p>\r\n    <\/header>\r\n\r\n\r\n    <div class=\"zscontact__grid\">\r\n\r\n      <article class=\"zscontact__card zscontact__reveal\">\r\n        <div class=\"zscontact__index\">01<\/div>\r\n\r\n        <div class=\"zscontact__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M4 5.5h16v13H4z\"><\/path>\r\n            <path d=\"m4 7 8 6 8-6\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Golf \/ Sz\u00e1ll\u00e1s \/ Bistro<\/h3>\r\n\r\n        <a\r\n          class=\"zscontact__phone\"\r\n          href=\"tel:+3683900950\"\r\n        >\r\n          +36 83 900 950\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"zscontact__mail\"\r\n          href=\"mailto:info@zalasprings.hu\"\r\n        >\r\n          info@zalasprings.hu\r\n        <\/a>\r\n      <\/article>\r\n\r\n\r\n      <article class=\"zscontact__card zscontact__reveal\">\r\n        <div class=\"zscontact__index\">02<\/div>\r\n\r\n        <div class=\"zscontact__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M4 5.5h16v13H4z\"><\/path>\r\n            <path d=\"m4 7 8 6 8-6\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Ingatlan \u00e9rt\u00e9kes\u00edt\u00e9s<\/h3>\r\n\r\n        <a\r\n          class=\"zscontact__phone\"\r\n          href=\"tel:+36202304490\"\r\n        >\r\n          +36 20 230 4490\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"zscontact__mail\"\r\n          href=\"mailto:sales@zalasprings.hu\"\r\n        >\r\n          sales@zalasprings.hu\r\n        <\/a>\r\n      <\/article>\r\n\r\n\r\n      <article class=\"zscontact__card zscontact__reveal\">\r\n        <div class=\"zscontact__index\">03<\/div>\r\n\r\n        <div class=\"zscontact__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M4 5.5h16v13H4z\"><\/path>\r\n            <path d=\"m4 7 8 6 8-6\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Rendezv\u00e9ny \/ Esk\u00fcv\u0151<\/h3>\r\n\r\n        <a\r\n          class=\"zscontact__phone\"\r\n          href=\"tel:+36203192642\"\r\n        >\r\n          +36 20 319 2642\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"zscontact__mail\"\r\n          href=\"mailto:events@zalasprings.hu\"\r\n        >\r\n          events@zalasprings.hu\r\n        <\/a>\r\n      <\/article>\r\n\r\n\r\n      <article class=\"zscontact__card zscontact__reveal\">\r\n        <div class=\"zscontact__index\">04<\/div>\r\n\r\n        <div class=\"zscontact__icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M4 5.5h16v13H4z\"><\/path>\r\n            <path d=\"m4 7 8 6 8-6\"><\/path>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <h3>Golf \u00e9rt\u00e9kes\u00edt\u00e9s<\/h3>\r\n\r\n        <a\r\n          class=\"zscontact__phone\"\r\n          href=\"tel:+36202454425\"\r\n        >\r\n          +36 20 245 4425\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"zscontact__mail\"\r\n          href=\"mailto:golfreservations@zalasprings.hu\"\r\n        >\r\n          golfreservations@zalasprings.hu\r\n        <\/a>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <style>\r\n    #zs-contact-details,\r\n    #zs-contact-details *,\r\n    #zs-contact-details *::before,\r\n    #zs-contact-details *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #zs-contact-details {\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      --muted:\r\n        var(--zs-text-soft, #68716c);\r\n\r\n      width: 100%;\r\n\r\n      padding:\r\n        clamp(88px,7vw,124px)\r\n        clamp(20px,4vw,64px);\r\n\r\n      overflow: hidden;\r\n\r\n      background:\r\n        var(--zs-surface, #fbfaf7);\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-contact-details * {\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-contact-details a {\r\n      text-decoration: none;\r\n    }\r\n\r\n    .zscontact__inner {\r\n      width:\r\n        min(100%,1480px);\r\n\r\n      margin:\r\n        0 auto;\r\n    }\r\n\r\n    .zscontact__header {\r\n      width:\r\n        min(100%,940px);\r\n\r\n      margin:\r\n        0 auto clamp(50px,5vw,72px);\r\n\r\n      text-align: center;\r\n    }\r\n\r\n    .zscontact__eyebrow {\r\n      margin-bottom: 12px;\r\n\r\n      color:\r\n        var(--gold);\r\n\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n\r\n      letter-spacing:\r\n        .20em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n    .zscontact__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(42px,4.2vw,68px);\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:\r\n        balance;\r\n    }\r\n\r\n    .zscontact__line {\r\n      width:\r\n        58px;\r\n\r\n      height:\r\n        1px;\r\n\r\n      margin:\r\n        26px auto 25px;\r\n\r\n      background:\r\n        var(--gold);\r\n    }\r\n\r\n    .zscontact__address {\r\n      margin:\r\n        0 !important;\r\n\r\n      color:\r\n        var(--muted);\r\n\r\n      font-size:\r\n        clamp(17px,1.25vw,21px);\r\n\r\n      line-height:\r\n        1.6;\r\n    }\r\n\r\n    .zscontact__grid {\r\n      display: grid;\r\n\r\n      grid-template-columns:\r\n        repeat(4,minmax(0,1fr));\r\n\r\n      gap:\r\n        clamp(14px,1.5vw,22px);\r\n    }\r\n\r\n    .zscontact__card {\r\n      position: relative;\r\n\r\n      min-height:\r\n        270px;\r\n\r\n      display: flex;\r\n      flex-direction: column;\r\n\r\n      align-items:\r\n        flex-start;\r\n\r\n      padding:\r\n        30px 28px 28px;\r\n\r\n      overflow: hidden;\r\n\r\n      border:\r\n        1px solid rgba(38,53,44,.09);\r\n\r\n      border-radius:\r\n        24px;\r\n\r\n      background:\r\n        linear-gradient(\r\n          145deg,\r\n          rgba(255,255,255,.94),\r\n          rgba(246,243,235,.88)\r\n        );\r\n\r\n      box-shadow:\r\n        0 20px 60px rgba(38,53,44,.06);\r\n\r\n      isolation:\r\n        isolate;\r\n\r\n      transition:\r\n        transform .35s ease,\r\n        border-color .35s ease,\r\n        box-shadow .35s ease;\r\n    }\r\n\r\n    .zscontact__card::before {\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n\r\n      width:\r\n        150px;\r\n\r\n      height:\r\n        150px;\r\n\r\n      right:\r\n        -72px;\r\n\r\n      top:\r\n        -78px;\r\n\r\n      border:\r\n        1px solid rgba(194,162,47,.16);\r\n\r\n      border-radius:\r\n        50%;\r\n\r\n      pointer-events:\r\n        none;\r\n    }\r\n\r\n    .zscontact__index {\r\n      position: absolute;\r\n\r\n      top:\r\n        25px;\r\n\r\n      right:\r\n        27px;\r\n\r\n      color:\r\n        rgba(38,53,44,.28);\r\n\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n\r\n      letter-spacing:\r\n        .14em;\r\n    }\r\n\r\n    .zscontact__icon {\r\n      width:\r\n        46px;\r\n\r\n      height:\r\n        46px;\r\n\r\n      display:\r\n        grid;\r\n\r\n      place-items:\r\n        center;\r\n\r\n      margin-bottom:\r\n        28px;\r\n\r\n      border:\r\n        1px solid rgba(194,162,47,.34);\r\n\r\n      border-radius:\r\n        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    .zscontact__icon svg {\r\n      width:\r\n        19px;\r\n\r\n      height:\r\n        19px;\r\n\r\n      fill:\r\n        none;\r\n\r\n      stroke:\r\n        currentColor;\r\n\r\n      stroke-width:\r\n        1.5;\r\n\r\n      stroke-linecap:\r\n        round;\r\n\r\n      stroke-linejoin:\r\n        round;\r\n    }\r\n\r\n    .zscontact__card h3 {\r\n      margin:\r\n        0 0 22px !important;\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      font-size:\r\n        clamp(22px,1.7vw,28px);\r\n\r\n      font-weight:\r\n        400 !important;\r\n\r\n      line-height:\r\n        1.15 !important;\r\n    }\r\n\r\n    .zscontact__phone {\r\n      display:\r\n        inline-flex;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      justify-content:\r\n        center;\r\n\r\n      min-height:\r\n        42px;\r\n\r\n      margin-top:\r\n        auto;\r\n\r\n      padding:\r\n        0 16px;\r\n\r\n      border:\r\n        1px solid rgba(194,162,47,.46);\r\n\r\n      border-radius:\r\n        999px;\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      background:\r\n        rgba(255,255,255,.66);\r\n\r\n      font-size:\r\n        14px;\r\n\r\n      transition:\r\n        background-color .3s ease,\r\n        border-color .3s ease,\r\n        transform .3s ease;\r\n    }\r\n\r\n    .zscontact__mail {\r\n      display: block;\r\n\r\n      margin-top:\r\n        14px;\r\n\r\n      color:\r\n        var(--gold) !important;\r\n\r\n      font-size:\r\n        13px;\r\n\r\n      line-height:\r\n        1.45;\r\n\r\n      overflow-wrap:\r\n        anywhere;\r\n    }\r\n\r\n    .zscontact__reveal {\r\n      opacity: 0;\r\n\r\n      transform:\r\n        translateY(28px);\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    .zscontact__reveal.is-visible {\r\n      opacity:\r\n        1;\r\n\r\n      transform:\r\n        none;\r\n    }\r\n\r\n    @media (hover:hover) and (pointer:fine) {\r\n      .zscontact__card:hover {\r\n        transform:\r\n          translateY(-5px);\r\n\r\n        border-color:\r\n          rgba(194,162,47,.30);\r\n\r\n        box-shadow:\r\n          0 28px 72px rgba(38,53,44,.09);\r\n      }\r\n\r\n      .zscontact__phone:hover {\r\n        transform:\r\n          translateY(-2px);\r\n\r\n        border-color:\r\n          var(--gold);\r\n\r\n        background:\r\n          var(--gold);\r\n      }\r\n\r\n      .zscontact__mail:hover {\r\n        color:\r\n          #9f842b !important;\r\n      }\r\n    }\r\n\r\n    @media (max-width:1366px) {\r\n      #zs-contact-details {\r\n        padding:\r\n          98px 40px;\r\n      }\r\n    }\r\n\r\n    @media (max-width:1200px) {\r\n      #zs-contact-details {\r\n        padding:\r\n          90px 32px;\r\n      }\r\n\r\n      .zscontact__grid {\r\n        grid-template-columns:\r\n          repeat(2,minmax(0,1fr));\r\n      }\r\n    }\r\n\r\n    @media (max-width:1024px) {\r\n      #zs-contact-details {\r\n        padding:\r\n          82px 24px;\r\n      }\r\n    }\r\n\r\n    @media (max-width:880px) {\r\n      #zs-contact-details {\r\n        padding:\r\n          74px 18px;\r\n      }\r\n\r\n      .zscontact__card {\r\n        border-radius:\r\n          21px;\r\n      }\r\n    }\r\n\r\n    @media (max-width:767px) {\r\n      #zs-contact-details {\r\n        padding:\r\n          64px 14px;\r\n      }\r\n\r\n      .zscontact__header {\r\n        margin-bottom:\r\n          38px;\r\n      }\r\n\r\n      .zscontact__header h2 {\r\n        font-size:\r\n          clamp(36px,9.5vw,48px);\r\n      }\r\n\r\n      .zscontact__grid {\r\n        grid-template-columns:\r\n          1fr;\r\n\r\n        gap:\r\n          12px;\r\n      }\r\n\r\n      .zscontact__card {\r\n        min-height:\r\n          230px;\r\n\r\n        padding:\r\n          25px 22px;\r\n      }\r\n\r\n      .zscontact__phone {\r\n        min-height:\r\n          40px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion:reduce) {\r\n      #zs-contact-details *,\r\n      #zs-contact-details *::before,\r\n      #zs-contact-details *::after {\r\n        animation:\r\n          none !important;\r\n\r\n        transition:\r\n          none !important;\r\n      }\r\n\r\n      .zscontact__reveal {\r\n        opacity:\r\n          1 !important;\r\n\r\n        transform:\r\n          none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n\r\n  <script>\r\n  (() => {\r\n    const root =\r\n      document.getElementById(\r\n        'zs-contact-details'\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 items =\r\n      root.querySelectorAll(\r\n        '.zscontact__reveal'\r\n      );\r\n\r\n    if (\r\n      !(\r\n        'IntersectionObserver'\r\n        in window\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: .10,\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-4acd55f e-con-full e-flex e-con e-parent\" data-id=\"4acd55f\" 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-26735cb elementor-widget elementor-widget-html\" data-id=\"26735cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  ZALA SPRINGS MAIN\r\n  KAPCSOLAT \u2014 ELHELYEZKED\u00c9S \/ 3-SZINT\u0170 ZOOM T\u00c9RK\u00c9P\r\n  Kiindul\u00e1s: ingatlan bemutat\u00f3 lok\u00e1ci\u00f3-zoom komponens.\r\n  A legm\u00e9lyebb Zala Springs resort szint elt\u00e1vol\u00edtva.\r\n-->\r\n\r\n<section\r\n  id=\"zs-contact-location\"\r\n  class=\"zs-main zsclocation\"\r\n  aria-labelledby=\"zsclocation-title\"\r\n>\r\n  <div class=\"zsclocation__shell\">\r\n\r\n    <header class=\"zsclocation__header zsclocation__reveal\">\r\n      <div class=\"zsclocation__eyebrow\">\r\n        KAPCSOLAT\r\n      <\/div>\r\n\r\n      <h2 id=\"zsclocation-title\">\r\n        Elhelyezked\u00e9s\r\n      <\/h2>\r\n\r\n      <div class=\"zsclocation__header-line\"><\/div>\r\n    <\/header>\r\n\r\n\r\n    <div class=\"zsclocation__inner\">\r\n\r\n      <!-- ======================================================\r\n           MAP \/ ZOOM\r\n           ====================================================== -->\r\n\r\n      <div class=\"zsclocation__visual zsclocation__reveal\">\r\n\r\n        <div\r\n          class=\"zsclocation__stage\"\r\n          data-stage\r\n          tabindex=\"0\"\r\n          aria-label=\"A Zala Springs elhelyezked\u00e9se \u2013 h\u00e1roml\u00e9pcs\u0151s t\u00e9rk\u00e9pes nagy\u00edt\u00e1s\"\r\n        >\r\n\r\n          <div\r\n            class=\"zsclocation__image-layer is-active\"\r\n            data-layer=\"a\"\r\n          >\r\n            <img decoding=\"async\"\r\n              src=\"\/wp-content\/uploads\/2026\/09\/terkep-hu.jpg\"\r\n              alt=\"A Zala Springs elhelyezked\u00e9se Eur\u00f3p\u00e1ban\"\r\n              data-map-image\r\n              draggable=\"false\"\r\n            >\r\n          <\/div>\r\n\r\n          <div\r\n            class=\"zsclocation__image-layer\"\r\n            data-layer=\"b\"\r\n          >\r\n            <img decoding=\"async\"\r\n              src=\"\/wp-content\/uploads\/2026\/09\/terkep-hu.jpg\"\r\n              alt=\"\"\r\n              data-map-image\r\n              draggable=\"false\"\r\n            >\r\n          <\/div>\r\n\r\n\r\n          <div class=\"zsclocation__stage-top\">\r\n\r\n            <div class=\"zsclocation__level\">\r\n              <span data-level-number>01<\/span>\r\n              <i><\/i>\r\n              <strong data-level-label>Eur\u00f3pa<\/strong>\r\n            <\/div>\r\n\r\n            <div class=\"zsclocation__hint\">\r\n              K\u00f6zel mindenhez\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div\r\n            class=\"zsclocation__zoom-controls\"\r\n            aria-label=\"T\u00e9rk\u00e9p nagy\u00edt\u00e1sa\"\r\n          >\r\n\r\n            <button\r\n              class=\"zsclocation__zoom-button\"\r\n              type=\"button\"\r\n              data-zoom-out\r\n              aria-label=\"Kicsiny\u00edt\u00e9s\"\r\n              disabled\r\n            >\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"><\/circle>\r\n                <path d=\"M15.5 15.5 21 21M7.5 10.5h6\"><\/path>\r\n              <\/svg>\r\n            <\/button>\r\n\r\n            <div\r\n              class=\"zsclocation__progress\"\r\n              aria-hidden=\"true\"\r\n            >\r\n              <span data-progress-bar><\/span>\r\n            <\/div>\r\n\r\n            <button\r\n              class=\"zsclocation__zoom-button zsclocation__zoom-button--primary\"\r\n              type=\"button\"\r\n              data-zoom-in\r\n              aria-label=\"Nagy\u00edt\u00e1s\"\r\n            >\r\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                <circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\"><\/circle>\r\n                <path d=\"M15.5 15.5 21 21M7.5 10.5h6M10.5 7.5v6\"><\/path>\r\n              <\/svg>\r\n            <\/button>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div\r\n            class=\"zsclocation__steps\"\r\n            aria-label=\"T\u00e9rk\u00e9pszintek\"\r\n          >\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"zsclocation__step is-active\"\r\n              data-step=\"0\"\r\n              aria-label=\"Eur\u00f3pa\"\r\n              aria-current=\"step\"\r\n            >\r\n              <span>01<\/span>\r\n            <\/button>\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"zsclocation__step\"\r\n              data-step=\"1\"\r\n              aria-label=\"Magyarorsz\u00e1g\"\r\n            >\r\n              <span>02<\/span>\r\n            <\/button>\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"zsclocation__step\"\r\n              data-step=\"2\"\r\n              aria-label=\"Balaton \u00e9s H\u00e9v\u00edz t\u00e9rs\u00e9ge\"\r\n            >\r\n              <span>03<\/span>\r\n            <\/button>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div\r\n            class=\"zsclocation__focus\"\r\n            data-focus\r\n            aria-hidden=\"true\"\r\n          >\r\n            <span><\/span>\r\n            <i><\/i>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"zsclocation__caption\">\r\n          <span>Nagy\u00edtson a t\u00e9rk\u00e9pen<\/span>\r\n          <i><\/i>\r\n          <strong data-caption>\r\n            Zala Springs Eur\u00f3pa sz\u00edv\u00e9ben\r\n          <\/strong>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ======================================================\r\n           DYNAMIC COPY\r\n           Europe => GPS + rep\u00fcl\u0151\r\n           Hungary \/ Balaton => aut\u00f3s megk\u00f6zel\u00edt\u00e9s\r\n           ====================================================== -->\r\n\r\n      <div\r\n        class=\"zsclocation__copy-wrap zsclocation__reveal\"\r\n        aria-live=\"polite\"\r\n      >\r\n\r\n        <!-- HUNGARY \/ BALATON: AUT\u00d3S MEGK\u00d6ZEL\u00cdT\u00c9S -->\r\n        <article\r\n          class=\"zsclocation__copy-panel\"\r\n          data-copy-panel=\"road\"\r\n        >\r\n          <div class=\"zsclocation__copy-eyebrow\">\r\n            K\u00d6Z\u00daTON\r\n          <\/div>\r\n\r\n          <h3>\r\n            Aut\u00f3val\r\n          <\/h3>\r\n\r\n          <div class=\"zsclocation__gold-line\"><\/div>\r\n\r\n\r\n          <div class=\"zsclocation__route\">\r\n            <span class=\"zsclocation__route-index\">\r\n              01\r\n            <\/span>\r\n\r\n            <div>\r\n              <h4>\r\n                Aut\u00f3val Budapestr\u0151l\r\n              <\/h4>\r\n\r\n              <p>\r\n                Az M7\/E71-es aut\u00f3p\u00e1ly\u00e1r\u00f3l a 170-es kilom\u00e9terk\u0151n\u00e9l Balatonfenyves\r\n                ut\u00e1n kell lehajtani a 76-os kij\u00e1ratn\u00e1l. Balatonszentgy\u00f6rgy\r\n                ir\u00e1ny\u00e1ba, majd jobbra fordulva a 7-es jelz\u00e9s\u0171 \u00faton Keszthely fel\u00e9\r\n                kell haladni. H\u00e9v\u00edz ut\u00e1n a 760-as jelz\u00e9s\u0171 \u00faton 5 km ut\u00e1n\r\n                \u00e9rkez\u00fcnk meg Zalacs\u00e1nyba. Az utaz\u00e1s kb. k\u00e9t \u00f3r\u00e1t vesz ig\u00e9nybe.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n\r\n          <div class=\"zsclocation__route\">\r\n            <span class=\"zsclocation__route-index\">\r\n              02\r\n            <\/span>\r\n\r\n            <div>\r\n              <h4>\r\n                Aut\u00f3val B\u00e9csb\u0151l\r\n              <\/h4>\r\n\r\n              <p>\r\n                Az A3-as jelz\u00e9s\u0171 aut\u00f3p\u00e1ly\u00e1n kell haladni, majd a magyar hat\u00e1rt\r\n                \u00e1tl\u00e9pve a 84-es jelz\u00e9s\u0171 \u00faton S\u00e1rv\u00e1r fel\u00e9. Kehidakust\u00e1ny\r\n                telep\u00fcl\u00e9s ut\u00e1n k\u00f6vetkezik Zalacs\u00e1ny. Az utaz\u00e1s valamivel t\u00f6bb,\r\n                mint k\u00e9t \u00f3r\u00e1t vesz ig\u00e9nybe.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n\r\n          <div class=\"zsclocation__route\">\r\n            <span class=\"zsclocation__route-index\">\r\n              03\r\n            <\/span>\r\n\r\n            <div>\r\n              <h4>\r\n                Aut\u00f3val Z\u00e1gr\u00e1b fel\u0151l\r\n              <\/h4>\r\n\r\n              <p>\r\n                Az A4-es jelz\u00e9s\u0171 aut\u00f3p\u00e1ly\u00e1n Budapest fel\u00e9 sz\u00fcks\u00e9ges haladni.\r\n                A magyar hat\u00e1rt \u00e1tl\u00e9pve az M7-es aut\u00f3p\u00e1lya ir\u00e1ny\u00e1ba forduljunk,\r\n                majd Nagykanizs\u00e1t elhagyva Balatonszentgy\u00f6rgy ir\u00e1ny\u00e1ba kell\r\n                let\u00e9rni az aut\u00f3p\u00e1ly\u00e1r\u00f3l \u00e9s a 7-es jelz\u00e9s\u0171 \u00faton Keszthely fel\u00e9\r\n                forduljunk. H\u00e9v\u00edz ut\u00e1n a 760-as jelz\u00e9s\u0171 \u00faton 5 km ut\u00e1n\r\n                \u00e9rkez\u00fcnk meg Zalacs\u00e1nyba. Az utaz\u00e1s kb. k\u00e9t \u00f3r\u00e1t vesz ig\u00e9nybe.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- EUROPE: GPS + REP\u00dcL\u0150S MEGK\u00d6ZEL\u00cdT\u00c9S -->\r\n        <article\r\n          class=\"zsclocation__copy-panel is-active\"\r\n          data-copy-panel=\"access\"\r\n        >\r\n          <div class=\"zsclocation__copy-eyebrow\">\r\n            \u00c9RKEZ\u00c9S\r\n          <\/div>\r\n\r\n          <h3>\r\n            GPS koordin\u00e1t\u00e1k\r\n          <\/h3>\r\n\r\n          <div class=\"zsclocation__gold-line\"><\/div>\r\n\r\n\r\n          <div class=\"zsclocation__coordinates\">\r\n            <span>\r\n              46.822453, 17.094343\r\n            <\/span>\r\n\r\n            <span>\r\n              46\u00b049\u203220.8\u2033N 17\u00b005\u203239.6\u2033E\r\n            <\/span>\r\n          <\/div>\r\n\r\n\r\n          <div class=\"zsclocation__route zsclocation__route--air\">\r\n            <span class=\"zsclocation__route-index\">\r\n              01\r\n            <\/span>\r\n\r\n            <div>\r\n              <h4>\r\n                Rep\u00fcl\u0151vel Budapestre\r\n              <\/h4>\r\n\r\n              <p>\r\n                A budapesti Liszt Ferenc rep\u00fcl\u0151t\u00e9r a r\u00e9gi\u00f3 egyik\r\n                legforgalmasabb rep\u00fcl\u0151tere sz\u00e1mos nemzetk\u00f6zi j\u00e1rattal.\r\n                Aut\u00f3b\u00e9rl\u00e9sre mind a rept\u00e9ren, mind a f\u0151v\u00e1rosban sz\u00e1mos helyen\r\n                lehet\u0151s\u00e9g ny\u00edlik, ig\u00e9ny eset\u00e9n transzfert biztos\u00edtunk a\r\n                rep\u00fcl\u0151t\u00e9r \u00e9s Zala Springs k\u00f6z\u00f6tt.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n\r\n          <div class=\"zsclocation__route zsclocation__route--air\">\r\n            <span class=\"zsclocation__route-index\">\r\n              02\r\n            <\/span>\r\n\r\n            <div>\r\n              <h4>\r\n                Rep\u00fcl\u0151vel H\u00e9v\u00edz-Balatonra \u00e1prilist\u00f3l novemberig\r\n              <\/h4>\r\n\r\n              <p>\r\n                A H\u00e9v\u00edz-Balaton rep\u00fcl\u0151t\u00e9r \u00e1prilis \u00e9s november k\u00f6z\u00f6tt sz\u00e1mos\r\n                eur\u00f3pai nagyv\u00e1rossal forgalmi \u00f6sszek\u00f6ttet\u00e9sben van.\r\n                A rep\u00fcl\u0151t\u00e9r mind\u00f6ssze 15 perc aut\u00f3\u00fatra tal\u00e1lhat\u00f3 Zala\r\n                Springs-t\u0151l, el\u0151zetes egyeztet\u00e9s alapj\u00e1n a k\u00e9t helysz\u00edn k\u00f6z\u00f6tt\r\n                transzfert biztos\u00edtunk. A rep\u00fcl\u0151t\u00e9ren aut\u00f3b\u00e9rl\u00e9sre is van\r\n                lehet\u0151s\u00e9g.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/article>\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-contact-location,\r\n    #zs-contact-location *,\r\n    #zs-contact-location *::before,\r\n    #zs-contact-location *::after {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    #zs-contact-location {\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      --muted:\r\n        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        radial-gradient(\r\n          circle at 8% 10%,\r\n          rgba(194,162,47,.055),\r\n          transparent 26%\r\n        ),\r\n        linear-gradient(\r\n          180deg,\r\n          #f5f3ed,\r\n          #fbfaf7\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-contact-location * {\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-contact-location button {\r\n      font:\r\n        inherit;\r\n    }\r\n\r\n    .zsclocation__shell {\r\n      width:\r\n        min(100%,1480px);\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    .zsclocation__header {\r\n      width:\r\n        min(100%,900px);\r\n\r\n      margin:\r\n        0 auto clamp(48px,5vw,72px);\r\n\r\n      text-align:\r\n        center;\r\n    }\r\n\r\n    .zsclocation__eyebrow {\r\n      margin-bottom:\r\n        12px;\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      letter-spacing:\r\n        .20em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n    .zsclocation__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,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\r\n    .zsclocation__header-line {\r\n      width:\r\n        58px;\r\n\r\n      height:\r\n        1px;\r\n\r\n      margin:\r\n        25px auto 0;\r\n\r\n      background:\r\n        var(--gold);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       GRID\r\n       ========================================================= *\/\r\n\r\n    .zsclocation__inner {\r\n      display:\r\n        grid;\r\n\r\n      grid-template-columns:\r\n        minmax(0,1.08fr)\r\n        minmax(390px,.92fr);\r\n\r\n      gap:\r\n        clamp(58px,7vw,112px);\r\n\r\n      align-items:\r\n        center;\r\n    }\r\n\r\n    .zsclocation__visual {\r\n      min-width: 0;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       MAP STAGE\r\n       ========================================================= *\/\r\n\r\n    .zsclocation__stage {\r\n      position: relative;\r\n\r\n      width: 100%;\r\n\r\n      aspect-ratio:\r\n        1.6 \/ 1;\r\n\r\n      overflow: hidden;\r\n\r\n      border:\r\n        1px solid rgba(38,53,44,.09);\r\n\r\n      border-radius:\r\n        28px;\r\n\r\n      background:\r\n        #fff;\r\n\r\n      box-shadow:\r\n        0 28px 80px\r\n        rgba(38,53,44,.09);\r\n\r\n      isolation:\r\n        isolate;\r\n\r\n      outline:\r\n        none;\r\n\r\n      touch-action:\r\n        pan-y;\r\n    }\r\n\r\n    .zsclocation__stage:focus-visible {\r\n      box-shadow:\r\n        0 0 0 3px rgba(194,162,47,.28),\r\n        0 28px 80px rgba(38,53,44,.09);\r\n    }\r\n\r\n    .zsclocation__image-layer {\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      opacity:\r\n        0;\r\n\r\n      overflow:\r\n        hidden;\r\n\r\n      pointer-events:\r\n        none;\r\n\r\n      will-change:\r\n        opacity,\r\n        transform;\r\n    }\r\n\r\n    .zsclocation__image-layer.is-active {\r\n      opacity:\r\n        1;\r\n    }\r\n\r\n    .zsclocation__image-layer 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);\r\n\r\n      transform-origin:\r\n        50% 50%;\r\n\r\n      will-change:\r\n        transform,\r\n        opacity;\r\n\r\n      user-select:\r\n        none;\r\n\r\n      -webkit-user-drag:\r\n        none;\r\n    }\r\n\r\n\r\n    \/* FORWARD *\/\r\n\r\n    .zsclocation__image-layer.is-zooming-outgoing img {\r\n      animation:\r\n        zsclocationZoomOutgoing\r\n        .82s\r\n        cubic-bezier(.58,.02,.3,1)\r\n        both;\r\n    }\r\n\r\n    .zsclocation__image-layer.is-zooming-outgoing {\r\n      animation:\r\n        zsclocationFadeOutgoing\r\n        .82s\r\n        cubic-bezier(.58,.02,.3,1)\r\n        both;\r\n    }\r\n\r\n    .zsclocation__image-layer.is-zooming-incoming img {\r\n      animation:\r\n        zsclocationZoomIncoming\r\n        .82s\r\n        cubic-bezier(.18,.75,.24,1)\r\n        both;\r\n    }\r\n\r\n    .zsclocation__image-layer.is-zooming-incoming {\r\n      animation:\r\n        zsclocationFadeIncoming\r\n        .82s\r\n        cubic-bezier(.18,.75,.24,1)\r\n        both;\r\n    }\r\n\r\n\r\n    \/* REVERSE *\/\r\n\r\n    .zsclocation__image-layer.is-unzooming-outgoing img {\r\n      animation:\r\n        zsclocationUnzoomOutgoing\r\n        .78s\r\n        cubic-bezier(.58,.02,.3,1)\r\n        both;\r\n    }\r\n\r\n    .zsclocation__image-layer.is-unzooming-outgoing {\r\n      animation:\r\n        zsclocationFadeOutgoing\r\n        .78s\r\n        ease\r\n        both;\r\n    }\r\n\r\n    .zsclocation__image-layer.is-unzooming-incoming img {\r\n      animation:\r\n        zsclocationUnzoomIncoming\r\n        .78s\r\n        cubic-bezier(.18,.75,.24,1)\r\n        both;\r\n    }\r\n\r\n    .zsclocation__image-layer.is-unzooming-incoming {\r\n      animation:\r\n        zsclocationFadeIncoming\r\n        .78s\r\n        ease\r\n        both;\r\n    }\r\n\r\n    @keyframes zsclocationZoomOutgoing {\r\n      from {\r\n        transform:\r\n          scale(1);\r\n      }\r\n\r\n      to {\r\n        transform:\r\n          scale(2.55);\r\n      }\r\n    }\r\n\r\n    @keyframes zsclocationZoomIncoming {\r\n      from {\r\n        transform:\r\n          scale(.82);\r\n      }\r\n\r\n      to {\r\n        transform:\r\n          scale(1);\r\n      }\r\n    }\r\n\r\n    @keyframes zsclocationUnzoomOutgoing {\r\n      from {\r\n        transform:\r\n          scale(1);\r\n      }\r\n\r\n      to {\r\n        transform:\r\n          scale(.82);\r\n      }\r\n    }\r\n\r\n    @keyframes zsclocationUnzoomIncoming {\r\n      from {\r\n        transform:\r\n          scale(2.2);\r\n      }\r\n\r\n      to {\r\n        transform:\r\n          scale(1);\r\n      }\r\n    }\r\n\r\n    @keyframes zsclocationFadeOutgoing {\r\n      0%,\r\n      38% {\r\n        opacity:\r\n          1;\r\n      }\r\n\r\n      100% {\r\n        opacity:\r\n          0;\r\n      }\r\n    }\r\n\r\n    @keyframes zsclocationFadeIncoming {\r\n      0%,\r\n      27% {\r\n        opacity:\r\n          0;\r\n      }\r\n\r\n      100% {\r\n        opacity:\r\n          1;\r\n      }\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       TOP LABEL\r\n       ========================================================= *\/\r\n\r\n    .zsclocation__stage-top {\r\n      position:\r\n        absolute;\r\n\r\n      z-index:\r\n        10;\r\n\r\n      top:\r\n        20px;\r\n\r\n      right:\r\n        20px;\r\n\r\n      left:\r\n        20px;\r\n\r\n      display:\r\n        flex;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      justify-content:\r\n        space-between;\r\n\r\n      gap:\r\n        20px;\r\n\r\n      pointer-events:\r\n        none;\r\n    }\r\n\r\n    .zsclocation__level {\r\n      min-height:\r\n        38px;\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        10px;\r\n\r\n      padding:\r\n        0 13px;\r\n\r\n      border:\r\n        1px solid rgba(38,53,44,.10);\r\n\r\n      border-radius:\r\n        999px;\r\n\r\n      background:\r\n        rgba(251,250,247,.92);\r\n\r\n      box-shadow:\r\n        0 7px 24px rgba(38,53,44,.05);\r\n\r\n      backdrop-filter:\r\n        blur(12px);\r\n\r\n      -webkit-backdrop-filter:\r\n        blur(12px);\r\n    }\r\n\r\n    .zsclocation__level > span {\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      font-variant-numeric:\r\n        tabular-nums;\r\n    }\r\n\r\n    .zsclocation__level i {\r\n      width:\r\n        24px;\r\n\r\n      height:\r\n        1px;\r\n\r\n      background:\r\n        rgba(38,53,44,.19);\r\n    }\r\n\r\n    .zsclocation__level strong {\r\n      color:\r\n        var(--dark);\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        .14em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n    .zsclocation__hint {\r\n      color:\r\n        rgba(38,53,44,.56);\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\r\n    \/* =========================================================\r\n       CONTROLS\r\n       ========================================================= *\/\r\n\r\n    .zsclocation__zoom-controls {\r\n      position:\r\n        absolute;\r\n\r\n      z-index:\r\n        15;\r\n\r\n      right:\r\n        20px;\r\n\r\n      bottom:\r\n        20px;\r\n\r\n      display:\r\n        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        6px;\r\n\r\n      border:\r\n        1px solid rgba(38,53,44,.10);\r\n\r\n      border-radius:\r\n        999px;\r\n\r\n      background:\r\n        rgba(251,250,247,.94);\r\n\r\n      box-shadow:\r\n        0 12px 35px\r\n        rgba(38,53,44,.10);\r\n\r\n      backdrop-filter:\r\n        blur(15px);\r\n\r\n      -webkit-backdrop-filter:\r\n        blur(15px);\r\n    }\r\n\r\n    .zsclocation__zoom-button {\r\n      width:\r\n        46px;\r\n\r\n      height:\r\n        46px;\r\n\r\n      display:\r\n        grid;\r\n\r\n      place-items:\r\n        center;\r\n\r\n      padding:\r\n        0;\r\n\r\n      border:\r\n        0;\r\n\r\n      border-radius:\r\n        50%;\r\n\r\n      background:\r\n        transparent;\r\n\r\n      color:\r\n        var(--dark);\r\n\r\n      cursor:\r\n        pointer;\r\n\r\n      appearance:\r\n        none;\r\n\r\n      transition:\r\n        background-color .25s ease,\r\n        color .25s ease,\r\n        transform .25s ease,\r\n        opacity .25s ease;\r\n    }\r\n\r\n    .zsclocation__zoom-button svg {\r\n      width:\r\n        20px;\r\n\r\n      height:\r\n        20px;\r\n\r\n      fill:\r\n        none;\r\n\r\n      stroke:\r\n        currentColor;\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    .zsclocation__zoom-button--primary {\r\n      position:\r\n        relative;\r\n\r\n      background:\r\n        var(--gold);\r\n\r\n      color:\r\n        var(--dark);\r\n\r\n      box-shadow:\r\n        0 8px 22px\r\n        rgba(194,162,47,.20);\r\n    }\r\n\r\n    .zsclocation__zoom-button--primary:not(:disabled) {\r\n      animation:\r\n        zsclocationZoomButtonPulse\r\n        1.7s\r\n        cubic-bezier(.2,.72,.2,1)\r\n        infinite;\r\n    }\r\n\r\n    .zsclocation__zoom-button--primary:not(:disabled)::after {\r\n      content:\r\n        \"\";\r\n\r\n      position:\r\n        absolute;\r\n\r\n      inset:\r\n        -6px;\r\n\r\n      border:\r\n        1px solid rgba(194,162,47,.72);\r\n\r\n      border-radius:\r\n        50%;\r\n\r\n      pointer-events:\r\n        none;\r\n\r\n      animation:\r\n        zsclocationZoomRingPulse\r\n        1.7s\r\n        ease-out\r\n        infinite;\r\n    }\r\n\r\n    @keyframes zsclocationZoomButtonPulse {\r\n      0%,\r\n      100% {\r\n        transform:\r\n          scale(1);\r\n\r\n        box-shadow:\r\n          0 8px 22px rgba(194,162,47,.20),\r\n          0 0 0 0 rgba(194,162,47,.30);\r\n      }\r\n\r\n      50% {\r\n        transform:\r\n          scale(1.08);\r\n\r\n        box-shadow:\r\n          0 10px 28px rgba(194,162,47,.28),\r\n          0 0 0 8px rgba(194,162,47,.10);\r\n      }\r\n    }\r\n\r\n    @keyframes zsclocationZoomRingPulse {\r\n      0% {\r\n        opacity:\r\n          .9;\r\n\r\n        transform:\r\n          scale(.88);\r\n      }\r\n\r\n      75%,\r\n      100% {\r\n        opacity:\r\n          0;\r\n\r\n        transform:\r\n          scale(1.35);\r\n      }\r\n    }\r\n\r\n    .zsclocation__zoom-button:disabled {\r\n      opacity:\r\n        .30;\r\n\r\n      cursor:\r\n        default;\r\n    }\r\n\r\n    .zsclocation__progress {\r\n      width:\r\n        68px;\r\n\r\n      height:\r\n        2px;\r\n\r\n      overflow:\r\n        hidden;\r\n\r\n      border-radius:\r\n        999px;\r\n\r\n      background:\r\n        rgba(38,53,44,.11);\r\n    }\r\n\r\n    .zsclocation__progress span {\r\n      display:\r\n        block;\r\n\r\n      width:\r\n        33.333%;\r\n\r\n      height:\r\n        100%;\r\n\r\n      border-radius:\r\n        inherit;\r\n\r\n      background:\r\n        var(--gold);\r\n\r\n      transform-origin:\r\n        left center;\r\n\r\n      transition:\r\n        width .55s\r\n        cubic-bezier(.2,.72,.2,1);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       STEPS\r\n       ========================================================= *\/\r\n\r\n    .zsclocation__steps {\r\n      position:\r\n        absolute;\r\n\r\n      z-index:\r\n        15;\r\n\r\n      bottom:\r\n        25px;\r\n\r\n      left:\r\n        24px;\r\n\r\n      display:\r\n        flex;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      gap:\r\n        7px;\r\n    }\r\n\r\n    .zsclocation__step {\r\n      position:\r\n        relative;\r\n\r\n      width:\r\n        29px;\r\n\r\n      height:\r\n        29px;\r\n\r\n      display:\r\n        grid;\r\n\r\n      place-items:\r\n        center;\r\n\r\n      padding:\r\n        0;\r\n\r\n      border:\r\n        1px solid rgba(38,53,44,.12);\r\n\r\n      border-radius:\r\n        50%;\r\n\r\n      background:\r\n        rgba(251,250,247,.90);\r\n\r\n      color:\r\n        rgba(38,53,44,.45);\r\n\r\n      cursor:\r\n        pointer;\r\n\r\n      transition:\r\n        .3s ease;\r\n    }\r\n\r\n    .zsclocation__step span {\r\n      font-size:\r\n        8px;\r\n\r\n      font-weight:\r\n        700;\r\n\r\n      font-variant-numeric:\r\n        tabular-nums;\r\n    }\r\n\r\n    .zsclocation__step.is-active {\r\n      border-color:\r\n        var(--gold);\r\n\r\n      background:\r\n        var(--dark);\r\n\r\n      color:\r\n        #fff;\r\n\r\n      transform:\r\n        scale(1.10);\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       FOCUS\r\n       ========================================================= *\/\r\n\r\n    .zsclocation__focus {\r\n      position:\r\n        absolute;\r\n\r\n      z-index:\r\n        12;\r\n\r\n      left:\r\n        var(--focus-x,71%);\r\n\r\n      top:\r\n        var(--focus-y,56%);\r\n\r\n      width:\r\n        34px;\r\n\r\n      height:\r\n        34px;\r\n\r\n      transform:\r\n        translate(-50%,-50%);\r\n\r\n      pointer-events:\r\n        none;\r\n\r\n      opacity:\r\n        0;\r\n\r\n      transition:\r\n        left .55s ease,\r\n        top .55s ease;\r\n    }\r\n\r\n    .zsclocation__focus.is-pulsing {\r\n      opacity:\r\n        1;\r\n    }\r\n\r\n    .zsclocation__focus span,\r\n    .zsclocation__focus i {\r\n      position:\r\n        absolute;\r\n\r\n      inset:\r\n        50% auto auto 50%;\r\n\r\n      border:\r\n        1px solid rgba(194,162,47,.82);\r\n\r\n      border-radius:\r\n        50%;\r\n\r\n      transform:\r\n        translate(-50%,-50%);\r\n    }\r\n\r\n    .zsclocation__focus span {\r\n      width:\r\n        11px;\r\n\r\n      height:\r\n        11px;\r\n\r\n      background:\r\n        var(--gold);\r\n    }\r\n\r\n    .zsclocation__focus i {\r\n      width:\r\n        34px;\r\n\r\n      height:\r\n        34px;\r\n\r\n      animation:\r\n        zsclocationPulse\r\n        1.25s ease-out infinite;\r\n    }\r\n\r\n    @keyframes zsclocationPulse {\r\n      0% {\r\n        opacity:\r\n          .8;\r\n\r\n        transform:\r\n          translate(-50%,-50%)\r\n          scale(.45);\r\n      }\r\n\r\n      100% {\r\n        opacity:\r\n          0;\r\n\r\n        transform:\r\n          translate(-50%,-50%)\r\n          scale(1.35);\r\n      }\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       CAPTION\r\n       ========================================================= *\/\r\n\r\n    .zsclocation__caption {\r\n      display:\r\n        flex;\r\n\r\n      align-items:\r\n        center;\r\n\r\n      gap:\r\n        12px;\r\n\r\n      margin-top:\r\n        18px;\r\n\r\n      color:\r\n        #8a918d;\r\n\r\n      font-size:\r\n        10px;\r\n\r\n      letter-spacing:\r\n        .06em;\r\n    }\r\n\r\n    .zsclocation__caption > span {\r\n      color:\r\n        #a18730;\r\n\r\n      font-weight:\r\n        700;\r\n\r\n      text-transform:\r\n        uppercase;\r\n\r\n      letter-spacing:\r\n        .13em;\r\n    }\r\n\r\n    .zsclocation__caption i {\r\n      width:\r\n        34px;\r\n\r\n      height:\r\n        1px;\r\n\r\n      background:\r\n        rgba(194,162,47,.55);\r\n    }\r\n\r\n    .zsclocation__caption strong {\r\n      color:\r\n        var(--muted);\r\n\r\n      font-weight:\r\n        400;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       COPY\r\n       ========================================================= *\/\r\n\r\n    .zsclocation__copy-wrap {\r\n      position:\r\n        relative;\r\n\r\n      min-height:\r\n        560px;\r\n    }\r\n\r\n    .zsclocation__copy-panel {\r\n      display:\r\n        none;\r\n    }\r\n\r\n    .zsclocation__copy-panel.is-active {\r\n      display:\r\n        block;\r\n\r\n      animation:\r\n        zsclocationCopyIn\r\n        .55s\r\n        cubic-bezier(.2,.72,.2,1)\r\n        both;\r\n    }\r\n\r\n    @keyframes zsclocationCopyIn {\r\n      from {\r\n        opacity:\r\n          0;\r\n\r\n        transform:\r\n          translateY(18px);\r\n      }\r\n\r\n      to {\r\n        opacity:\r\n          1;\r\n\r\n        transform:\r\n          none;\r\n      }\r\n    }\r\n\r\n    .zsclocation__copy-eyebrow {\r\n      margin-bottom:\r\n        12px;\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      letter-spacing:\r\n        .20em;\r\n\r\n      text-transform:\r\n        uppercase;\r\n    }\r\n\r\n    .zsclocation__copy-panel h3 {\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(38px,3.4vw,56px);\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        -.022em;\r\n    }\r\n\r\n    .zsclocation__gold-line {\r\n      width:\r\n        56px;\r\n\r\n      height:\r\n        1px;\r\n\r\n      margin:\r\n        24px 0 30px;\r\n\r\n      background:\r\n        var(--gold);\r\n    }\r\n\r\n    .zsclocation__route {\r\n      display:\r\n        grid;\r\n\r\n      grid-template-columns:\r\n        auto minmax(0,1fr);\r\n\r\n      gap:\r\n        17px;\r\n\r\n      padding:\r\n        0 0 22px;\r\n\r\n      margin-bottom:\r\n        22px;\r\n\r\n      border-bottom:\r\n        1px solid rgba(38,53,44,.10);\r\n    }\r\n\r\n    .zsclocation__route:last-child {\r\n      margin-bottom:\r\n        0;\r\n\r\n      padding-bottom:\r\n        0;\r\n\r\n      border-bottom:\r\n        0;\r\n    }\r\n\r\n    .zsclocation__route-index {\r\n      width:\r\n        31px;\r\n\r\n      height:\r\n        31px;\r\n\r\n      display:\r\n        grid;\r\n\r\n      place-items:\r\n        center;\r\n\r\n      margin-top:\r\n        2px;\r\n\r\n      border:\r\n        1px solid rgba(194,162,47,.34);\r\n\r\n      border-radius:\r\n        50%;\r\n\r\n      color:\r\n        var(--gold);\r\n\r\n      font-size:\r\n        8px;\r\n\r\n      font-weight:\r\n        700;\r\n    }\r\n\r\n    .zsclocation__route h4 {\r\n      margin:\r\n        0 0 8px !important;\r\n\r\n      color:\r\n        var(--dark) !important;\r\n\r\n      font-size:\r\n        clamp(19px,1.45vw,24px);\r\n\r\n      font-weight:\r\n        400 !important;\r\n\r\n      line-height:\r\n        1.2 !important;\r\n    }\r\n\r\n    .zsclocation__route p {\r\n      margin:\r\n        0 !important;\r\n\r\n      color:\r\n        var(--muted);\r\n\r\n      font-size:\r\n        clamp(14px,.96vw,16px);\r\n\r\n      line-height:\r\n        1.68;\r\n    }\r\n\r\n    .zsclocation__coordinates {\r\n      display:\r\n        grid;\r\n\r\n      gap:\r\n        5px;\r\n\r\n      margin-bottom:\r\n        30px;\r\n\r\n      padding:\r\n        20px 22px;\r\n\r\n      border-left:\r\n        2px solid var(--gold);\r\n\r\n      border-radius:\r\n        0 17px 17px 0;\r\n\r\n      background:\r\n        rgba(255,255,255,.62);\r\n    }\r\n\r\n    .zsclocation__coordinates span {\r\n      color:\r\n        var(--dark);\r\n\r\n      font-size:\r\n        16px;\r\n\r\n      font-variant-numeric:\r\n        tabular-nums;\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REVEAL\r\n       ========================================================= *\/\r\n\r\n    .zsclocation__reveal {\r\n      opacity:\r\n        0;\r\n\r\n      transform:\r\n        translateY(28px);\r\n\r\n      transition:\r\n        opacity .8s ease,\r\n        transform .95s\r\n        cubic-bezier(.2,.72,.2,1);\r\n    }\r\n\r\n    .zsclocation__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      .zsclocation__zoom-button:not(:disabled):hover {\r\n        background:\r\n          var(--forest);\r\n\r\n        color:\r\n          #fff;\r\n\r\n        transform:\r\n          translateY(-2px);\r\n      }\r\n\r\n      .zsclocation__zoom-button--primary:not(:disabled):hover {\r\n        background:\r\n          #ceb03f;\r\n\r\n        color:\r\n          var(--dark);\r\n\r\n        animation-play-state:\r\n          paused;\r\n      }\r\n\r\n      .zsclocation__zoom-button--primary:not(:disabled):hover::after {\r\n        animation-play-state:\r\n          paused;\r\n      }\r\n\r\n      .zsclocation__step:hover {\r\n        border-color:\r\n          rgba(194,162,47,.65);\r\n\r\n        color:\r\n          var(--dark);\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      #zs-contact-location {\r\n        padding:\r\n          104px 40px;\r\n      }\r\n\r\n      .zsclocation__inner {\r\n        gap:\r\n          70px;\r\n      }\r\n    }\r\n\r\n    @media (max-width:1200px) {\r\n      #zs-contact-location {\r\n        padding:\r\n          96px 32px;\r\n      }\r\n\r\n      .zsclocation__inner {\r\n        grid-template-columns:\r\n          minmax(0,1.05fr)\r\n          minmax(360px,.95fr);\r\n\r\n        gap:\r\n          55px;\r\n      }\r\n    }\r\n\r\n    @media (max-width:1024px) {\r\n      #zs-contact-location {\r\n        padding:\r\n          86px 24px 96px;\r\n      }\r\n\r\n      .zsclocation__inner {\r\n        display:\r\n          flex;\r\n\r\n        flex-direction:\r\n          column;\r\n\r\n        gap:\r\n          48px;\r\n      }\r\n\r\n      .zsclocation__visual {\r\n        order:\r\n          1;\r\n\r\n        width:\r\n          min(100%,850px);\r\n      }\r\n\r\n      .zsclocation__copy-wrap {\r\n        order:\r\n          2;\r\n\r\n        width:\r\n          min(100%,850px);\r\n\r\n        min-height:\r\n          0;\r\n      }\r\n    }\r\n\r\n    @media (max-width:880px) {\r\n      #zs-contact-location {\r\n        padding:\r\n          76px 18px 86px;\r\n      }\r\n\r\n      .zsclocation__stage {\r\n        border-radius:\r\n          22px;\r\n      }\r\n    }\r\n\r\n    @media (max-width:767px) {\r\n      #zs-contact-location {\r\n        padding:\r\n          68px 12px 78px;\r\n      }\r\n\r\n      .zsclocation__header {\r\n        margin-bottom:\r\n          38px;\r\n      }\r\n\r\n      .zsclocation__header h2 {\r\n        font-size:\r\n          clamp(38px,10vw,50px);\r\n      }\r\n\r\n      .zsclocation__inner {\r\n        gap:\r\n          36px;\r\n      }\r\n\r\n      .zsclocation__stage {\r\n        aspect-ratio:\r\n          1 \/ .88;\r\n\r\n        border-radius:\r\n          19px;\r\n      }\r\n\r\n      .zsclocation__stage-top {\r\n        top:\r\n          12px;\r\n\r\n        right:\r\n          12px;\r\n\r\n        left:\r\n          12px;\r\n      }\r\n\r\n      .zsclocation__hint {\r\n        display:\r\n          none;\r\n      }\r\n\r\n      .zsclocation__level {\r\n        min-height:\r\n          34px;\r\n\r\n        padding:\r\n          0 11px;\r\n      }\r\n\r\n      .zsclocation__zoom-controls {\r\n        right:\r\n          12px;\r\n\r\n        bottom:\r\n          12px;\r\n\r\n        padding:\r\n          5px;\r\n      }\r\n\r\n      .zsclocation__zoom-button {\r\n        width:\r\n          42px;\r\n\r\n        height:\r\n          42px;\r\n      }\r\n\r\n      .zsclocation__progress {\r\n        width:\r\n          44px;\r\n      }\r\n\r\n      .zsclocation__steps {\r\n        bottom:\r\n          17px;\r\n\r\n        left:\r\n          14px;\r\n\r\n        gap:\r\n          5px;\r\n      }\r\n\r\n      .zsclocation__step {\r\n        width:\r\n          26px;\r\n\r\n        height:\r\n          26px;\r\n      }\r\n\r\n      .zsclocation__caption {\r\n        margin-top:\r\n          13px;\r\n\r\n        font-size:\r\n          9px;\r\n      }\r\n\r\n      .zsclocation__caption strong {\r\n        display:\r\n          none;\r\n      }\r\n\r\n      .zsclocation__copy-panel h3 {\r\n        font-size:\r\n          clamp(34px,9vw,46px);\r\n      }\r\n\r\n      .zsclocation__route {\r\n        gap:\r\n          13px;\r\n      }\r\n\r\n      .zsclocation__route p {\r\n        font-size:\r\n          14px;\r\n\r\n        line-height:\r\n          1.65;\r\n      }\r\n\r\n      .zsclocation__coordinates {\r\n        padding:\r\n          18px 19px;\r\n      }\r\n\r\n      .zsclocation__coordinates span {\r\n        font-size:\r\n          14px;\r\n      }\r\n    }\r\n\r\n    @media (max-width:480px) {\r\n      .zsclocation__stage {\r\n        aspect-ratio:\r\n          .92 \/ 1;\r\n      }\r\n\r\n      .zsclocation__zoom-controls {\r\n        gap:\r\n          4px;\r\n      }\r\n\r\n      .zsclocation__progress {\r\n        width:\r\n          34px;\r\n      }\r\n    }\r\n\r\n\r\n    \/* =========================================================\r\n       REDUCED MOTION\r\n       ========================================================= *\/\r\n\r\n    @media (prefers-reduced-motion:reduce) {\r\n      #zs-contact-location *,\r\n      #zs-contact-location *::before,\r\n      #zs-contact-location *::after {\r\n        animation:\r\n          none !important;\r\n\r\n        transition:\r\n          none !important;\r\n      }\r\n\r\n      .zsclocation__reveal {\r\n        opacity:\r\n          1 !important;\r\n\r\n        transform:\r\n          none !important;\r\n      }\r\n\r\n      .zsclocation__image-layer {\r\n        opacity:\r\n          0 !important;\r\n      }\r\n\r\n      .zsclocation__image-layer.is-active {\r\n        opacity:\r\n          1 !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n\r\n  <script>\r\n  (() => {\r\n    const root =\r\n      document.getElementById(\r\n        'zs-contact-location'\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       3 LEVELS ONLY\r\n       Deepest Zala Springs resort level intentionally removed.\r\n       ========================================================= *\/\r\n\r\n    const maps = [\r\n\r\n      {\r\n        src:\r\n          '\/wp-content\/uploads\/2026\/09\/terkep-hu.jpg',\r\n\r\n        alt:\r\n          'A Zala Springs elhelyezked\u00e9se Eur\u00f3p\u00e1ban',\r\n\r\n        label:\r\n          'Eur\u00f3pa',\r\n\r\n        caption:\r\n          'Zala Springs Eur\u00f3pa sz\u00edv\u00e9ben',\r\n\r\n        focalX:\r\n          71.0,\r\n\r\n        focalY:\r\n          56.0,\r\n\r\n        copy:\r\n          'access'\r\n      },\r\n\r\n      {\r\n        src:\r\n          '\/wp-content\/uploads\/2026\/09\/ingatlan-bemutato-02.jpg',\r\n\r\n        alt:\r\n          'A Zala Springs elhelyezked\u00e9se Magyarorsz\u00e1gon',\r\n\r\n        label:\r\n          'Magyarorsz\u00e1g',\r\n\r\n        caption:\r\n          'A Balaton nyugati kapuj\u00e1ban',\r\n\r\n        focalX:\r\n          23.5,\r\n\r\n        focalY:\r\n          60.0,\r\n\r\n        copy:\r\n          'road'\r\n      },\r\n\r\n      {\r\n        src:\r\n          '\/wp-content\/uploads\/2026\/09\/ingatlan-bemutato-03.jpg',\r\n\r\n        alt:\r\n          'A Zala Springs a Balaton \u00e9s H\u00e9v\u00edz k\u00f6zel\u00e9ben',\r\n\r\n        label:\r\n          'Balaton',\r\n\r\n        caption:\r\n          'H\u00e9v\u00edz \u00e9s a Balaton k\u00f6zel\u00e9ben',\r\n\r\n        focalX:\r\n          27.8,\r\n\r\n        focalY:\r\n          49.5,\r\n\r\n        copy:\r\n          'road'\r\n      }\r\n\r\n    ];\r\n\r\n\r\n    const stage =\r\n      root.querySelector(\r\n        '[data-stage]'\r\n      );\r\n\r\n    const layers = [\r\n      root.querySelector(\r\n        '[data-layer=\"a\"]'\r\n      ),\r\n      root.querySelector(\r\n        '[data-layer=\"b\"]'\r\n      )\r\n    ];\r\n\r\n    const zoomIn =\r\n      root.querySelector(\r\n        '[data-zoom-in]'\r\n      );\r\n\r\n    const zoomOut =\r\n      root.querySelector(\r\n        '[data-zoom-out]'\r\n      );\r\n\r\n    const progress =\r\n      root.querySelector(\r\n        '[data-progress-bar]'\r\n      );\r\n\r\n    const levelNumber =\r\n      root.querySelector(\r\n        '[data-level-number]'\r\n      );\r\n\r\n    const levelLabel =\r\n      root.querySelector(\r\n        '[data-level-label]'\r\n      );\r\n\r\n    const caption =\r\n      root.querySelector(\r\n        '[data-caption]'\r\n      );\r\n\r\n    const focus =\r\n      root.querySelector(\r\n        '[data-focus]'\r\n      );\r\n\r\n    const stepButtons = [\r\n      ...root.querySelectorAll(\r\n        '[data-step]'\r\n      )\r\n    ];\r\n\r\n    const copyPanels = [\r\n      ...root.querySelectorAll(\r\n        '[data-copy-panel]'\r\n      )\r\n    ];\r\n\r\n\r\n    let index =\r\n      0;\r\n\r\n    let activeLayer =\r\n      0;\r\n\r\n    let busy =\r\n      false;\r\n\r\n    let touchStartX =\r\n      0;\r\n\r\n    const reduce =\r\n      window.matchMedia(\r\n        '(prefers-reduced-motion: reduce)'\r\n      ).matches;\r\n\r\n\r\n    maps.forEach(\r\n      item => {\r\n        const img =\r\n          new Image();\r\n\r\n        img.src =\r\n          item.src;\r\n      }\r\n    );\r\n\r\n\r\n    const updateCopy =\r\n      mode => {\r\n\r\n        copyPanels.forEach(\r\n          panel => {\r\n\r\n            panel.classList.toggle(\r\n              'is-active',\r\n              panel.dataset.copyPanel ===\r\n              mode\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n      };\r\n\r\n\r\n    const updateUi =\r\n      () => {\r\n\r\n        const item =\r\n          maps[index];\r\n\r\n        levelNumber.textContent =\r\n          String(index + 1)\r\n            .padStart(2,'0');\r\n\r\n        levelLabel.textContent =\r\n          item.label;\r\n\r\n        caption.textContent =\r\n          item.caption;\r\n\r\n        progress.style.width =\r\n          (\r\n            ((index + 1) \/\r\n            maps.length) *\r\n            100\r\n          ) + '%';\r\n\r\n        zoomOut.disabled =\r\n          index === 0;\r\n\r\n        zoomIn.disabled =\r\n          index ===\r\n          maps.length - 1;\r\n\r\n        stepButtons.forEach(\r\n          (button,buttonIndex) => {\r\n\r\n            const active =\r\n              buttonIndex ===\r\n              index;\r\n\r\n            button.classList.toggle(\r\n              'is-active',\r\n              active\r\n            );\r\n\r\n            if (active) {\r\n              button.setAttribute(\r\n                'aria-current',\r\n                'step'\r\n              );\r\n            }\r\n\r\n            else {\r\n              button.removeAttribute(\r\n                'aria-current'\r\n              );\r\n            }\r\n\r\n          }\r\n        );\r\n\r\n        updateCopy(\r\n          item.copy\r\n        );\r\n\r\n      };\r\n\r\n\r\n    const pulseFocus =\r\n      fromIndex => {\r\n\r\n        const item =\r\n          maps[fromIndex];\r\n\r\n        root.style.setProperty(\r\n          '--focus-x',\r\n          item.focalX + '%'\r\n        );\r\n\r\n        root.style.setProperty(\r\n          '--focus-y',\r\n          item.focalY + '%'\r\n        );\r\n\r\n        focus.classList.remove(\r\n          'is-pulsing'\r\n        );\r\n\r\n        void focus.offsetWidth;\r\n\r\n        focus.classList.add(\r\n          'is-pulsing'\r\n        );\r\n\r\n        window.setTimeout(\r\n          () =>\r\n            focus.classList.remove(\r\n              'is-pulsing'\r\n            ),\r\n          720\r\n        );\r\n\r\n      };\r\n\r\n\r\n    const goTo =\r\n      nextIndex => {\r\n\r\n        if (\r\n          busy ||\r\n          nextIndex === index ||\r\n          nextIndex < 0 ||\r\n          nextIndex >= maps.length\r\n        ) {\r\n          return;\r\n        }\r\n\r\n        const forward =\r\n          nextIndex > index;\r\n\r\n        const oldIndex =\r\n          index;\r\n\r\n        const outgoing =\r\n          layers[activeLayer];\r\n\r\n        const incoming =\r\n          layers[1 - activeLayer];\r\n\r\n        const outgoingImg =\r\n          outgoing.querySelector(\r\n            'img'\r\n          );\r\n\r\n        const incomingImg =\r\n          incoming.querySelector(\r\n            'img'\r\n          );\r\n\r\n        const target =\r\n          maps[nextIndex];\r\n\r\n        busy =\r\n          true;\r\n\r\n        pulseFocus(\r\n          forward\r\n            ? oldIndex\r\n            : nextIndex\r\n        );\r\n\r\n        const focal =\r\n          forward\r\n            ? maps[oldIndex]\r\n            : maps[nextIndex];\r\n\r\n        outgoingImg.style\r\n          .transformOrigin =\r\n            focal.focalX + '% ' +\r\n            focal.focalY + '%';\r\n\r\n        incomingImg.style\r\n          .transformOrigin =\r\n            focal.focalX + '% ' +\r\n            focal.focalY + '%';\r\n\r\n        incomingImg.src =\r\n          target.src;\r\n\r\n        incomingImg.alt =\r\n          target.alt;\r\n\r\n\r\n        if (reduce) {\r\n\r\n          outgoing.className =\r\n            'zsclocation__image-layer';\r\n\r\n          incoming.className =\r\n            'zsclocation__image-layer is-active';\r\n\r\n          activeLayer =\r\n            1 - activeLayer;\r\n\r\n          index =\r\n            nextIndex;\r\n\r\n          updateUi();\r\n\r\n          busy =\r\n            false;\r\n\r\n          return;\r\n        }\r\n\r\n\r\n        incoming.className =\r\n          'zsclocation__image-layer';\r\n\r\n        void incoming.offsetWidth;\r\n\r\n\r\n        if (forward) {\r\n\r\n          outgoing.className =\r\n            'zsclocation__image-layer is-active is-zooming-outgoing';\r\n\r\n          incoming.className =\r\n            'zsclocation__image-layer is-zooming-incoming';\r\n\r\n        }\r\n\r\n        else {\r\n\r\n          outgoing.className =\r\n            'zsclocation__image-layer is-active is-unzooming-outgoing';\r\n\r\n          incoming.className =\r\n            'zsclocation__image-layer is-unzooming-incoming';\r\n\r\n        }\r\n\r\n\r\n        window.setTimeout(\r\n          () => {\r\n\r\n            index =\r\n              nextIndex;\r\n\r\n            updateUi();\r\n\r\n          },\r\n          390\r\n        );\r\n\r\n\r\n        window.setTimeout(\r\n          () => {\r\n\r\n            outgoing.className =\r\n              'zsclocation__image-layer';\r\n\r\n            incoming.className =\r\n              'zsclocation__image-layer is-active';\r\n\r\n            outgoingImg.style\r\n              .transformOrigin =\r\n                '50% 50%';\r\n\r\n            incomingImg.style\r\n              .transformOrigin =\r\n                '50% 50%';\r\n\r\n            activeLayer =\r\n              1 - activeLayer;\r\n\r\n            busy =\r\n              false;\r\n\r\n          },\r\n          850\r\n        );\r\n\r\n      };\r\n\r\n\r\n    zoomIn.addEventListener(\r\n      'click',\r\n      () =>\r\n        goTo(index + 1)\r\n    );\r\n\r\n    zoomOut.addEventListener(\r\n      'click',\r\n      () =>\r\n        goTo(index - 1)\r\n    );\r\n\r\n\r\n    stepButtons.forEach(\r\n      button => {\r\n\r\n        button.addEventListener(\r\n          'click',\r\n          () =>\r\n            goTo(\r\n              Number(\r\n                button.dataset.step\r\n              )\r\n            )\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    stage.addEventListener(\r\n      'keydown',\r\n      event => {\r\n\r\n        if (\r\n          event.key ===\r\n          'ArrowRight' ||\r\n          event.key ===\r\n          '+' ||\r\n          event.key ===\r\n          '='\r\n        ) {\r\n\r\n          event.preventDefault();\r\n\r\n          goTo(\r\n            index + 1\r\n          );\r\n\r\n        }\r\n\r\n        if (\r\n          event.key ===\r\n          'ArrowLeft' ||\r\n          event.key ===\r\n          '-'\r\n        ) {\r\n\r\n          event.preventDefault();\r\n\r\n          goTo(\r\n            index - 1\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    stage.addEventListener(\r\n      'touchstart',\r\n      event => {\r\n\r\n        touchStartX =\r\n          event.touches[0]\r\n            .clientX;\r\n\r\n      },\r\n      {\r\n        passive:\r\n          true\r\n      }\r\n    );\r\n\r\n\r\n    stage.addEventListener(\r\n      'touchend',\r\n      event => {\r\n\r\n        const endX =\r\n          event.changedTouches[0]\r\n            .clientX;\r\n\r\n        const delta =\r\n          endX -\r\n          touchStartX;\r\n\r\n        if (\r\n          Math.abs(delta) <\r\n          45\r\n        ) {\r\n          return;\r\n        }\r\n\r\n        goTo(\r\n          delta < 0\r\n            ? index + 1\r\n            : index - 1\r\n        );\r\n\r\n      },\r\n      {\r\n        passive:\r\n          true\r\n      }\r\n    );\r\n\r\n\r\n    const reveal =\r\n      root.querySelectorAll(\r\n        '.zsclocation__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    }\r\n\r\n    else {\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 -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\r\n\r\n    updateUi();\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>Kapcsolat KAPCSOLAT Zala Springs Health &amp; Golf Resort 8784 Kehidakust\u00e1ny, Golf utca 1. 01 Golf \/ Sz\u00e1ll\u00e1s \/ Bistro +36 83 900 950 info@zalasprings.hu 02 Ingatlan \u00e9rt\u00e9kes\u00edt\u00e9s +36 20 230 4490 sales@zalasprings.hu 03 Rendezv\u00e9ny \/ Esk\u00fcv\u0151 +36 20 319 2642 events@zalasprings.hu 04 Golf \u00e9rt\u00e9kes\u00edt\u00e9s +36 20 245 4425 golfreservations@zalasprings.hu KAPCSOLAT Elhelyezked\u00e9s 01 Eur\u00f3pa K\u00f6zel mindenhez [&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-517","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zalasprings.hu\/de\/wp-json\/wp\/v2\/pages\/517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zalasprings.hu\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zalasprings.hu\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zalasprings.hu\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zalasprings.hu\/de\/wp-json\/wp\/v2\/comments?post=517"}],"version-history":[{"count":4,"href":"https:\/\/zalasprings.hu\/de\/wp-json\/wp\/v2\/pages\/517\/revisions"}],"predecessor-version":[{"id":2486,"href":"https:\/\/zalasprings.hu\/de\/wp-json\/wp\/v2\/pages\/517\/revisions\/2486"}],"wp:attachment":[{"href":"https:\/\/zalasprings.hu\/de\/wp-json\/wp\/v2\/media?parent=517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}