{"id":13,"date":"2026-09-01T12:12:48","date_gmt":"2026-09-01T12:12:48","guid":{"rendered":"https:\/\/flow-fitness.hu\/?page_id=13"},"modified":"2026-09-01T23:48:23","modified_gmt":"2026-09-01T23:48:23","slug":"kezdolap","status":"publish","type":"page","link":"https:\/\/flow-fitness.hu\/","title":{"rendered":"Kezd\u0151lap"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\nFLOW \u2014 Fitness \u2022 Wellness \u2022 Thai Massage<\/title>\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n FLOW \u2014 COMPLETE LUXURY HOMEPAGE\r\n ========================================================= *\/\r\n\r\n*,\r\n*::before,\r\n*::after {\r\n box-sizing: border-box;\r\n}\r\n\r\nhtml {\r\n scroll-padding-top: 86px;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n width: 100% !important;\r\n max-width: 100% !important;\r\n overflow-x: hidden !important;\r\n background: #050505 !important;\r\n scroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n width: 100% !important;\r\n max-width: 100% !important;\r\n min-width: 0 !important;\r\n overflow-x: hidden !important;\r\n background: #050505 !important;\r\n color: #fff;\r\n}\r\n\r\n\/* Elementor \/ WordPress sz\u00e9lek elt\u00fcntet\u00e9se *\/\r\n\r\n#page,\r\n.site,\r\n.site-content,\r\n.content-area,\r\n.entry-content,\r\narticle,\r\n.elementor,\r\n.elementor-page,\r\n.elementor-location-page,\r\n.elementor-location-single,\r\n.elementor-widget-html,\r\n.elementor-widget-container,\r\n.e-con,\r\n.e-con-inner,\r\n.e-con-full,\r\n.elementor-container,\r\n.elementor-section,\r\n.elementor-section-full_width,\r\n.elementor-widget-wrap {\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n width: 100% !important;\r\n max-width: 100% !important;\r\n min-width: 0 !important;\r\n background: transparent !important;\r\n}\r\n\r\n\/* =========================================================\r\n FIX FLOW NAVIG\u00c1CI\u00d3\r\n ========================================================= *\/\r\n.flow-nav {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 999999;\r\n height: 76px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 34px;\r\n background: rgba(5,5,5,.72);\r\n border-bottom: 1px solid rgba(255,255,255,.10);\r\n backdrop-filter: blur(18px);\r\n -webkit-backdrop-filter: blur(18px);\r\n}\r\n.flow-nav-logo {\r\n width: 78px;\r\n height: auto;\r\n filter: brightness(0) invert(1);\r\n}\r\n.flow-nav-links {\r\n display: flex;\r\n align-items: center;\r\n gap: 28px;\r\n}\r\n.flow-nav-book-center {\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n transform: translate(-50%, -50%);\r\n padding: 12px 22px;\r\n border: 1px solid rgba(255,255,255,.70);\r\n color: #fff;\r\n text-decoration: none;\r\n font-family: Arial, Helvetica, sans-serif;\r\n font-size: 10px;\r\n letter-spacing: 3px;\r\n font-weight: 600;\r\n white-space: nowrap;\r\n transition: background .3s ease, color .3s ease, transform .3s ease;\r\n}\r\n.flow-nav-book-center span {\r\n margin-left: 8px;\r\n transition: transform .3s ease;\r\n}\r\n.flow-nav-book-center:hover {\r\n background: #fff;\r\n color: #080808;\r\n transform: translate(-50%, -50%) translateY(-1px);\r\n}\r\n.flow-nav-book-center:hover span { transform: translateX(3px); }\r\n.flow-nav-links a {\r\n color: rgba(255,255,255,.82);\r\n text-decoration: none;\r\n font-family: Arial, Helvetica, sans-serif;\r\n font-size: 10px;\r\n letter-spacing: 2.5px;\r\n font-weight: 500;\r\n transition: color .3s ease, opacity .3s ease;\r\n}\r\n.flow-nav-links a:hover { color: #fff; }\r\n.flow-nav-book {\r\n padding: 11px 17px;\r\n border: 1px solid rgba(255,255,255,.55);\r\n}\r\n.flow-nav-toggle { display:none; }\r\n@media (max-width: 900px) {\r\n .flow-nav { height: 66px; padding: 0 18px; }\r\n .flow-nav-logo { width: 68px; }\r\n .flow-nav-book-center {\r\n font-size: 8px;\r\n letter-spacing: 2px;\r\n padding: 10px 13px;\r\n }\r\n .flow-nav-links {\r\n position: absolute;\r\n top: 66px; left: 12px; right: 12px;\r\n display: none;\r\n flex-direction: column;\r\n align-items: stretch;\r\n gap: 0;\r\n padding: 8px;\r\n background: rgba(7,7,7,.96);\r\n border: 1px solid rgba(255,255,255,.12);\r\n backdrop-filter: blur(18px);\r\n }\r\n .flow-nav-links.is-open { display:flex; }\r\n .flow-nav-links a { padding: 15px 13px; }\r\n .flow-nav-book { text-align:center; margin-top: 4px; }\r\n .flow-nav-toggle {\r\n display:flex; flex-direction:column; justify-content:center; gap:5px;\r\n width:40px; height:40px; border:1px solid rgba(255,255,255,.25);\r\n background:transparent; cursor:pointer; padding:9px;\r\n }\r\n .flow-nav-toggle span { height:1px; width:100%; background:#fff; display:block; }\r\n}\r\n\r\n\r\n.flow-footer-map {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n margin-top: 18px;\r\n padding: 12px 20px;\r\n border: 1px solid rgba(255,255,255,.35);\r\n color: #fff;\r\n text-decoration: none;\r\n font-family: Arial, Helvetica, sans-serif;\r\n font-size: 10px;\r\n letter-spacing: 2.5px;\r\n transition: background .3s ease, color .3s ease;\r\n}\r\n.flow-footer-map:hover { background:#fff; color:#080808; }\r\n\r\n\/* =========================================================\r\n MOBIL ALS\u00d3 NAVIG\u00c1CI\u00d3 \u2013 G\u00d6RGET\u00c9S UT\u00c1N\r\n ========================================================= *\/\r\n@media (max-width: 900px) {\r\n .flow-nav {\r\n transition: opacity .45s ease, transform .45s ease;\r\n }\r\n .flow-nav.flow-nav-scrolled {\r\n opacity: 0;\r\n transform: translateY(-18px);\r\n pointer-events: none;\r\n }\r\n\r\n .flow-nav-bottom {\r\n position: fixed;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n z-index: 1000000;\r\n height: 66px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 18px;\r\n background: rgba(5,5,5,.92);\r\n border: none;\r\n border-radius: 0;\r\n backdrop-filter: blur(18px);\r\n -webkit-backdrop-filter: blur(18px);\r\n opacity: 0;\r\n transform: translateY(24px);\r\n pointer-events: none;\r\n transition: opacity .5s ease, transform .5s ease;\r\n }\r\n .flow-nav-bottom.flow-nav-bottom-visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n pointer-events: auto;\r\n }\r\n .flow-nav.flow-nav-end-hidden, .flow-nav-bottom.flow-nav-end-hidden {\r\n opacity: 0 !important;\r\n transform: translateY(-18px) !important;\r\n pointer-events: none !important;\r\n }\r\n .flow-nav-bottom.flow-nav-end-hidden {\r\n transform: translateY(24px) !important;\r\n }\r\n .flow-nav-bottom .flow-nav-logo {\r\n position: static;\r\n flex-shrink: 0;\r\n width: 68px;\r\n height: auto;\r\n transform: none;\r\n }\r\n .flow-nav-bottom .flow-nav-book-center {\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n transform: translate(-50%, -50%);\r\n margin: 0;\r\n font-size: 8px;\r\n letter-spacing: 2px;\r\n padding: 10px 13px;\r\n }\r\n .flow-nav-bottom .flow-nav-book-center:hover {\r\n transform: translate(-50%, -50%);\r\n }\r\n .flow-nav-bottom .flow-nav-toggle {\r\n flex-shrink: 0;\r\n margin-left: auto;\r\n }\r\n .flow-nav-bottom .flow-nav-links {\r\n top: auto;\r\n bottom: 76px;\r\n left: 0;\r\n right: 0;\r\n width: 100%;\r\n box-sizing: border-box;\r\n }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MUNKAT\u00c1RSAINK\r\n ========================================================= *\/\r\n.flow-team {\r\n position: relative;\r\n padding: 120px 28px 130px;\r\n background: #050505;\r\n}\r\n.flow-team-inner {\r\n max-width: 1180px;\r\n margin: 0 auto;\r\n}\r\n.flow-team-header {\r\n max-width: 760px;\r\n margin: 0 auto 60px;\r\n text-align: center;\r\n}\r\n.flow-team-header h2 {\r\n margin: 16px 0 18px;\r\n font-family: Georgia, 'Times New Roman', serif;\r\n font-size: clamp(42px, 5vw, 72px);\r\n line-height: 1.02;\r\n font-weight: 400;\r\n color: #fff;\r\n}\r\n.flow-team-header p {\r\n margin: 0 auto;\r\n max-width: 650px;\r\n color: rgba(255,255,255,.62);\r\n font-family: Arial, Helvetica, sans-serif;\r\n font-size: 17px;\r\n line-height: 1.7;\r\n}\r\n.flow-team-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 24px;\r\n}\r\n.flow-team-card {\r\n position: relative;\r\n min-width: 0;\r\n overflow: hidden;\r\n background: #0b0b0b;\r\n border: 1px solid rgba(255,255,255,.10);\r\n}\r\n.flow-team-photo {\r\n aspect-ratio: 4 \/ 5;\r\n background-size: cover;\r\n background-position: center;\r\n filter: saturate(.78) contrast(1.03);\r\n transition: transform .6s ease, filter .6s ease;\r\n}\r\n.flow-team-card:hover .flow-team-photo {\r\n transform: scale(1.035);\r\n filter: saturate(.95) contrast(1.05);\r\n}\r\n.flow-team-info {\r\n padding: 22px 22px 24px;\r\n}\r\n.flow-team-role {\r\n display: block;\r\n margin-bottom: 9px;\r\n color: rgba(255,255,255,.48);\r\n font-family: Arial, Helvetica, sans-serif;\r\n font-size: 9px;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n}\r\n.flow-team-name {\r\n margin: 0;\r\n color: #fff;\r\n font-family: Georgia, 'Times New Roman', serif;\r\n font-size: 27px;\r\n font-weight: 400;\r\n line-height: 1.1;\r\n}\r\n\r\n.flow-team-bio {\r\n margin: 12px 0 0;\r\n color: rgba(255,255,255,.58);\r\n font-family: Arial, Helvetica, sans-serif;\r\n font-size: 13px;\r\n line-height: 1.65;\r\n font-weight: 400;\r\n}\r\n@media (max-width: 900px) {\r\n .flow-team-bio { font-size: 12px; line-height: 1.6; }\r\n}\r\n@media (max-width: 900px) {\r\n .flow-team { padding: 86px 20px 100px; }\r\n .flow-team-header { margin-bottom: 38px; }\r\n .flow-team-header h2 { font-size: 43px; }\r\n .flow-team-header p { font-size: 15px; line-height: 1.65; }\r\n .flow-team-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }\r\n .flow-team-info { padding: 16px 15px 18px; }\r\n .flow-team-role { font-size: 7px; letter-spacing: 2px; }\r\n .flow-team-name { font-size: 22px; }\r\n}\r\n@media (max-width: 480px) {\r\n .flow-team { padding-left: 14px; padding-right: 14px; }\r\n .flow-team-grid { gap: 10px; }\r\n .flow-team-name { font-size: 19px; }\r\n}\r\n\r\n\/* =========================================================\r\n LOADER\r\n ========================================================= *\/\r\n\r\n#flow-loader {\r\n position: fixed;\r\n inset: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n height: 100svh;\r\n background: #000;\r\n z-index: 999999999;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n opacity: 1;\r\n visibility: visible;\r\n transition:\r\n opacity 1.35s cubic-bezier(.77,0,.18,1),\r\n visibility 1.35s;\r\n}\r\n\r\n#flow-loader.flow-loader-hidden {\r\n opacity: 0;\r\n visibility: hidden;\r\n pointer-events: none;\r\n}\r\n\r\n.flow-loader-inner {\r\n width: min(90vw, 520px);\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n}\r\n\r\n.flow-loader-logo-wrap {\r\n position: relative;\r\n width: 190px;\r\n height: 190px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.flow-loader-ring {\r\n position: absolute;\r\n width: 178px;\r\n height: 178px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,.13);\r\n}\r\n\r\n.flow-loader-ring::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: -1px;\r\n border-radius: 50%;\r\n border: 2px solid transparent;\r\n border-top-color: rgba(255,255,255,.98);\r\n border-right-color: rgba(255,255,255,.35);\r\n transform: rotate(-20deg);\r\n animation: flowRing 1.65s linear infinite;\r\n}\r\n\r\n@keyframes flowRing {\r\n to {\r\n transform: rotate(340deg);\r\n }\r\n}\r\n\r\n.flow-loader-ring::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 12px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(255,255,255,.055);\r\n}\r\n\r\n.flow-loader-logo {\r\n width: 118px;\r\n height: auto;\r\n max-height: 118px;\r\n object-fit: contain;\r\n\r\n filter:\r\n brightness(0)\r\n invert(1)\r\n contrast(1.2)\r\n drop-shadow(0 0 22px rgba(255,255,255,.18));\r\n\r\n position: relative;\r\n z-index: 3;\r\n\r\n animation:\r\n flowLogoIn 1.2s cubic-bezier(.2,.8,.2,1) both;\r\n}\r\n\r\n@keyframes flowLogoIn {\r\n from {\r\n opacity: 0;\r\n transform: scale(.82);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n.flow-loader-welcome {\r\n margin-top: 34px;\r\n color: rgba(255,255,255,.92);\r\n font-family:\r\n Arial,\r\n Helvetica,\r\n sans-serif;\r\n font-size: 12px;\r\n font-weight: 400;\r\n letter-spacing: 5px;\r\n text-transform: uppercase;\r\n text-align: center;\r\n min-height: 18px;\r\n}\r\n\r\n.flow-loader-welcome::after {\r\n content: \"|\";\r\n display: inline-block;\r\n margin-left: 3px;\r\n opacity: .75;\r\n animation: blinkCursor .65s infinite;\r\n}\r\n\r\n@keyframes blinkCursor {\r\n 50% {\r\n opacity: 0;\r\n }\r\n}\r\n\r\n\/* =========================================================\r\n F\u0150OLDAL\r\n ========================================================= *\/\r\n\r\n#flow-page {\r\n position: relative;\r\n width: 100%;\r\n max-width: 100%;\r\n min-height: 100vh;\r\n overflow-x: hidden;\r\n background: #070707;\r\n}\r\n\r\n\/* =========================================================\r\n HERO\r\n ========================================================= *\/\r\n\r\n.flow-hero {\r\n position: relative;\r\n width: 100%;\r\n min-height: 100svh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(0,0,0,.25) 0%,\r\n rgba(0,0,0,.45) 48%,\r\n rgba(0,0,0,.94) 100%\r\n ),\r\n url(\"https:\/\/flow-fitness.hu\/wp-content\/uploads\/2026\/09\/flow-recepcio.jpg\")\r\n center center \/ cover no-repeat;\r\n}\r\n\r\n.flow-hero::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n\r\n background:\r\n radial-gradient(\r\n circle at 50% 35%,\r\n rgba(255,255,255,.08),\r\n transparent 38%\r\n ),\r\n linear-gradient(\r\n 90deg,\r\n rgba(0,0,0,.25),\r\n transparent 50%,\r\n rgba(0,0,0,.25)\r\n );\r\n\r\n pointer-events: none;\r\n}\r\n\r\n.flow-hero-content {\r\n position: relative;\r\n z-index: 2;\r\n width: min(1100px, 90%);\r\n margin: 0 auto;\r\n text-align: center;\r\n padding: 100px 20px 80px;\r\n}\r\n\r\n.flow-main-logo {\r\n width: min(310px, 65vw);\r\n max-width: 310px;\r\n height: auto;\r\n margin: 0 auto 45px;\r\n\r\n filter:\r\n brightness(0)\r\n invert(1)\r\n drop-shadow(0 8px 30px rgba(0,0,0,.35));\r\n}\r\n\r\n.flow-eyebrow {\r\n margin-bottom: 22px;\r\n\r\n font-family:\r\n Arial,\r\n Helvetica,\r\n sans-serif;\r\n\r\n font-size: 11px;\r\n letter-spacing: 6px;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,.76);\r\n}\r\n\r\n.flow-title {\r\n margin: 0 auto;\r\n max-width: 920px;\r\n\r\n font-family:\r\n Georgia,\r\n \"Times New Roman\",\r\n serif;\r\n\r\n font-size: clamp(42px, 6vw, 78px);\r\n line-height: 1.02;\r\n font-weight: 400;\r\n letter-spacing: -2px;\r\n color: #fff;\r\n\r\n text-shadow:\r\n 0 8px 40px rgba(0,0,0,.5);\r\n}\r\n\r\n.flow-title em {\r\n font-style: normal;\r\n color: rgba(255,255,255,.72);\r\n}\r\n\r\n.flow-hero-line {\r\n width: 70px;\r\n height: 1px;\r\n background: rgba(255,255,255,.65);\r\n margin: 34px auto;\r\n}\r\n\r\n.flow-hero-text {\r\n max-width: 720px;\r\n margin: 0 auto;\r\n\r\n font-family:\r\n Arial,\r\n Helvetica,\r\n sans-serif;\r\n\r\n font-size: 16px;\r\n line-height: 1.8;\r\n font-weight: 300;\r\n color: rgba(255,255,255,.84);\r\n}\r\n\r\n.flow-scroll {\r\n margin-top: 55px;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 12px;\r\n\r\n color: rgba(255,255,255,.55);\r\n\r\n font-family:\r\n Arial,\r\n Helvetica,\r\n sans-serif;\r\n\r\n font-size: 9px;\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.flow-scroll-line {\r\n width: 1px;\r\n height: 50px;\r\n\r\n background:\r\n linear-gradient(\r\n to bottom,\r\n rgba(255,255,255,.75),\r\n transparent\r\n );\r\n}\r\n\r\n\/* =========================================================\r\n SZOLG\u00c1LTAT\u00c1SOK\r\n ========================================================= *\/\r\n\r\n.flow-services {\r\n position: relative;\r\n width: 100%;\r\n padding: 85px 22px 120px;\r\n background: #070707;\r\n}\r\n\r\n.flow-services-header {\r\n width: min(900px, 100%);\r\n margin: 0 auto 60px;\r\n text-align: center;\r\n}\r\n\r\n.flow-services-header h2 {\r\n margin: 0 0 18px;\r\n\r\n font-family:\r\n Georgia,\r\n \"Times New Roman\",\r\n serif;\r\n\r\n font-size: clamp(36px, 5vw, 58px);\r\n line-height: 1.1;\r\n font-weight: 400;\r\n}\r\n\r\n.flow-services-header p {\r\n margin: 0;\r\n\r\n color: rgba(255,255,255,.58);\r\n\r\n font-family:\r\n Arial,\r\n Helvetica,\r\n sans-serif;\r\n\r\n font-size: 14px;\r\n line-height: 1.7;\r\n}\r\n\r\n\/* =========================================================\r\n K\u00c1RTYA GRID\r\n ========================================================= *\/\r\n\r\n.flow-services-grid {\r\n width: min(1180px, 100%);\r\n margin: 0 auto;\r\n\r\n display: grid;\r\n grid-template-columns:\r\n repeat(3, minmax(0, 1fr));\r\n\r\n gap: 20px;\r\n}\r\n\r\n\/* =========================================================\r\n K\u00c1RTYA\r\n ========================================================= *\/\r\n\r\n.flow-card {\r\n position: relative;\r\n display: block;\r\n\r\n min-width: 0;\r\n height: 410px;\r\n\r\n overflow: hidden;\r\n\r\n color: #fff;\r\n background: #111;\r\n\r\n border: 1px solid rgba(255,255,255,.15);\r\n\r\n transition:\r\n transform .6s cubic-bezier(.2,.8,.2,1),\r\n border-color .5s ease,\r\n box-shadow .5s ease;\r\n}\r\n\r\n.flow-card:hover {\r\n transform: translateY(-7px);\r\n\r\n border-color:\r\n rgba(255,255,255,.45);\r\n\r\n box-shadow:\r\n 0 25px 60px rgba(0,0,0,.42);\r\n}\r\n\r\n\/* K\u00e9p *\/\r\n\r\n.flow-card-image {\r\n position: absolute;\r\n inset: 0;\r\n\r\n background-position: center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n\r\n transform: scale(1.01);\r\n\r\n transition:\r\n transform 1s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n.flow-card:hover .flow-card-image {\r\n transform: scale(1.075);\r\n}\r\n\r\n\/* Overlay *\/\r\n\r\n.flow-card::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(0,0,0,.08) 8%,\r\n rgba(0,0,0,.18) 32%,\r\n rgba(0,0,0,.90) 100%\r\n );\r\n\r\n z-index: 1;\r\n}\r\n\r\n\/* Tartalom *\/\r\n\r\n.flow-card-content {\r\n position: absolute;\r\n z-index: 2;\r\n\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n\r\n padding: 30px;\r\n\r\n transform: translateY(4px);\r\n\r\n transition:\r\n transform .5s ease;\r\n}\r\n\r\n.flow-card:hover .flow-card-content {\r\n transform: translateY(0);\r\n}\r\n\r\n.flow-card-number {\r\n display: block;\r\n\r\n margin-bottom: 12px;\r\n\r\n font-family:\r\n Arial,\r\n Helvetica,\r\n sans-serif;\r\n\r\n font-size: 9px;\r\n letter-spacing: 3px;\r\n\r\n color: rgba(255,255,255,.62);\r\n}\r\n\r\n.flow-card h3 {\r\n margin: 0 0 12px;\r\n\r\n font-family:\r\n Arial,\r\n Helvetica,\r\n sans-serif;\r\n\r\n font-size: 18px;\r\n font-weight: 600;\r\n letter-spacing: 3px;\r\n\r\n text-shadow:\r\n 0 3px 14px rgba(0,0,0,.75);\r\n}\r\n\r\n.flow-card p {\r\n margin: 0 0 18px;\r\n max-width: 430px;\r\n\r\n font-family:\r\n Arial,\r\n Helvetica,\r\n sans-serif;\r\n\r\n font-size: 13px;\r\n line-height: 1.65;\r\n font-weight: 400;\r\n\r\n color: rgba(255,255,255,.92);\r\n\r\n text-shadow:\r\n 0 2px 10px rgba(0,0,0,.85);\r\n}\r\n\r\n\/* =========================================================\r\n PR\u00c9MIUM GOMBOK\r\n ========================================================= *\/\r\n\r\n.flow-card-actions {\r\n display: flex;\r\n align-items: stretch;\r\n gap: 8px;\r\n\r\n width: 100%;\r\n max-width: 430px;\r\n}\r\n\r\n.flow-card-btn {\r\n position: relative;\r\n\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 7px;\r\n\r\n min-height: 40px;\r\n flex: 1;\r\n\r\n padding: 10px 13px;\r\n\r\n border-radius: 1px;\r\n\r\n font-family:\r\n Arial,\r\n Helvetica,\r\n sans-serif;\r\n\r\n font-size: 9px;\r\n font-weight: 600;\r\n letter-spacing: 1.8px;\r\n text-transform: uppercase;\r\n\r\n text-decoration: none;\r\n\r\n white-space: nowrap;\r\n\r\n transition:\r\n background .35s ease,\r\n color .35s ease,\r\n border-color .35s ease,\r\n transform .35s ease,\r\n box-shadow .35s ease;\r\n}\r\n\r\n\/* FEDEZD FEL *\/\r\n\r\n.flow-card-btn-explore {\r\n color: #fff;\r\n\r\n background:\r\n rgba(0,0,0,.34);\r\n\r\n border:\r\n 1px solid rgba(255,255,255,.60);\r\n\r\n backdrop-filter:\r\n blur(8px);\r\n}\r\n\r\n.flow-card-btn-explore:hover {\r\n color: #111;\r\n\r\n background: #fff;\r\n\r\n border-color: #fff;\r\n\r\n transform: translateY(-2px);\r\n\r\n box-shadow:\r\n 0 8px 22px rgba(0,0,0,.25);\r\n}\r\n\r\n\r\n\/* MI\u00c9RT FLOW *\/\r\n.flow-why{padding:110px 24px;background:#080808;}\r\n.flow-why-inner{max-width:1180px;margin:0 auto;text-align:center;}\r\n.flow-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:55px;}\r\n.flow-why-card{padding:34px 25px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.025);}\r\n.flow-why-card h3{margin:0 0 13px;font-size:19px;font-weight:500;letter-spacing:.04em;}\r\n.flow-why-card p{margin:0;color:rgba(255,255,255,.62);font-size:14px;line-height:1.75;}\r\n.flow-experience{padding:0 24px 110px;background:#080808;}\r\n.flow-experience-inner{max-width:1180px;min-height:470px;margin:0 auto;position:relative;display:flex;align-items:center;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.35)),url('https:\/\/flow-fitness.hu\/wp-content\/uploads\/2026\/09\/flow-recepcio.jpg') center\/cover;}\r\n.flow-experience-content{max-width:620px;padding:65px;}\r\n.flow-experience-content h2{font-size:clamp(34px,4vw,58px);line-height:1.05;margin:14px 0 24px;font-weight:400;}\r\n.flow-experience-content p{color:rgba(255,255,255,.68);line-height:1.8;max-width:520px;}\r\n.flow-final-cta{padding:115px 24px;text-align:center;background:#0b0b0b;}\r\n.flow-final-cta h2{font-size:clamp(34px,5vw,64px);font-weight:400;margin:12px 0 18px;}\r\n.flow-final-cta p{color:rgba(255,255,255,.62);margin-bottom:35px;}\r\n.flow-final-cta a{display:inline-flex;align-items:center;gap:12px;padding:16px 28px;border:1px solid rgba(255,255,255,.5);color:#fff;text-decoration:none;letter-spacing:.12em;font-size:12px;}\r\n@media(max-width:800px){.flow-why{padding:75px 20px}.flow-why-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:38px}.flow-why-card{padding:25px 17px}.flow-experience{padding:0 20px 75px}.flow-experience-inner{min-height:440px}.flow-experience-content{padding:35px 28px}.flow-final-cta{padding:80px 20px}}\r\n@media(max-width:520px){.flow-why-grid{grid-template-columns:1fr}.flow-experience-inner{min-height:500px}}\r\n\r\n\/* FOGLALJ MOST *\/\r\n\r\n.flow-card-btn-book {\r\n color: #0b0b0b;\r\n\r\n background: #c9a66b;\r\n\r\n border:\r\n 1px solid #c9a66b;\r\n\r\n box-shadow:\r\n 0 5px 20px rgba(0,0,0,.20);\r\n}\r\n\r\n.flow-card-btn-book:hover {\r\n color: #000;\r\n\r\n background: #e0c28d;\r\n\r\n border-color: #e0c28d;\r\n\r\n transform: translateY(-2px);\r\n\r\n box-shadow:\r\n 0 9px 28px rgba(0,0,0,.35);\r\n}\r\n\r\n.flow-card-btn-arrow {\r\n font-size: 13px;\r\n line-height: 1;\r\n\r\n transition:\r\n transform .35s ease;\r\n}\r\n\r\n.flow-card-btn:hover .flow-card-btn-arrow {\r\n transform: translateX(3px);\r\n}\r\n\r\n\/* =========================================================\r\n K\u00c1RTY\u00c1K K\u00c9PEI\r\n ========================================================= *\/\r\n\r\n\/* 01 \u2014 Squash *\/\r\n\r\n.flow-card-squash .flow-card-image {\r\n background-image:\r\n url(\"https:\/\/images.unsplash.com\/photo-1622279457486-62dcc4a431d6?auto=format&fit=crop&w=1400&q=85\");\r\n}\r\n\r\n\/* 02 \u2014 L\u00e1bt\u00e9nisz \/ Futnet *\/\r\n\r\n.flow-card-foot .flow-card-image {\r\n background-image:\r\n url(\"https:\/\/statics-maker.llt-services.com\/mll\/images\/2026\/03\/17\/xlarge\/3d26bdbf-1f57-4b79-bbed-7f8de6d973ed-380.jpg\");\r\n}\r\n\r\n\/* 03 \u2014 Spinning *\/\r\n\r\n.flow-card-spinning .flow-card-image {\r\n background-image:\r\n url(\"https:\/\/images.unsplash.com\/photo-1538805060514-97d9cc17730c?auto=format&fit=crop&w=1400&q=85\");\r\n}\r\n\r\n\/* 04 \u2014 J\u00f3ga *\/\r\n\r\n.flow-card-yoga .flow-card-image {\r\n background-image:\r\n url(\"https:\/\/images.unsplash.com\/photo-1544367567-0f2fcb009e0b?auto=format&fit=crop&w=1400&q=85\");\r\n}\r\n\r\n\/* 05 \u2014 Thai massz\u00e1zs *\/\r\n\r\n.flow-card-massage .flow-card-image {\r\n background-image:\r\n url(\"https:\/\/images.unsplash.com\/photo-1544161515-4ab6ce6db874?auto=format&fit=crop&w=1400&q=85\");\r\n}\r\n\r\n\/* 06 \u2014 Szauna *\/\r\n\r\n.flow-card-sauna .flow-card-image {\r\n background-image:\r\n url(\"https:\/\/love-it-wongamat.com\/officialimages\/sauna.png\");\r\n}\r\n\r\n\/* 07 \u2014 Infraszauna *\/\r\n\r\n.flow-card-infra .flow-card-image {\r\n background-image:\r\n url(\"https:\/\/www.spaworld.com.au\/wp-content\/uploads\/2025\/12\/Jacuzzi-3-Person-Infrared-Sauna.jpg\");\r\n}\r\n\r\n\/* 08 \u2014 Szol\u00e1rium *\/\r\n\r\n.flow-card-solar .flow-card-image {\r\n background-image:\r\n url(\"https:\/\/www.sunebeauty.it\/img\/solarium.png\");\r\n}\r\n\r\n\/* 09 \u2014 Smoothie Bar *\/\r\n\r\n.flow-card-cafe .flow-card-image {\r\n background-image:\r\n url(\"https:\/\/images.unsplash.com\/photo-1495474472287-4d71bcdd2085?auto=format&fit=crop&w=1400&q=85\");\r\n}\r\n\r\n\/* =========================================================\r\n BEMUTATKOZ\u00c1S\r\n ========================================================= *\/\r\n\r\n.flow-intro {\r\n position: relative;\r\n width: 100%;\r\n\r\n padding:\r\n 120px 20px 105px;\r\n\r\n background:\r\n radial-gradient(\r\n circle at 50% 0%,\r\n rgba(255,255,255,.045),\r\n transparent 42%\r\n ),\r\n #080808;\r\n}\r\n\r\n.flow-intro-inner {\r\n width: min(980px, 100%);\r\n margin: auto;\r\n text-align: center;\r\n}\r\n\r\n.flow-section-label {\r\n font-family:\r\n Arial,\r\n Helvetica,\r\n sans-serif;\r\n\r\n font-size: 10px;\r\n letter-spacing: 5px;\r\n text-transform: uppercase;\r\n\r\n color: rgba(255,255,255,.5);\r\n\r\n margin-bottom: 25px;\r\n}\r\n\r\n.flow-section-title {\r\n margin: 0 auto 35px;\r\n\r\n font-family:\r\n Georgia,\r\n \"Times New Roman\",\r\n serif;\r\n\r\n font-weight: 400;\r\n\r\n font-size:\r\n clamp(34px, 5vw, 58px);\r\n\r\n line-height: 1.08;\r\n color: #fff;\r\n}\r\n\r\n.flow-intro p {\r\n max-width: 780px;\r\n margin: 0 auto 25px;\r\n\r\n font-family:\r\n Arial,\r\n Helvetica,\r\n sans-serif;\r\n\r\n font-size: 16px;\r\n line-height: 1.9;\r\n font-weight: 300;\r\n\r\n color: rgba(255,255,255,.72);\r\n}\r\n\r\n.flow-intro strong {\r\n color: #fff;\r\n font-weight: 500;\r\n}\r\n\r\n\/* =========================================================\r\n GAL\u00c9RIA\r\n ========================================================= *\/\r\n.flow-gallery { padding: 110px 22px 120px; background:#080808; }\r\n.flow-gallery-inner { width:min(1180px,100%); margin:0 auto; text-align:center; }\r\n.flow-gallery h2 { margin:0 0 18px; font-family:Georgia,\"Times New Roman\",serif; font-size:clamp(38px,5vw,60px); font-weight:400; }\r\n.flow-gallery p { max-width:650px; margin:0 auto 50px; color:rgba(255,255,255,.58); font:14px\/1.8 Arial,Helvetica,sans-serif; }\r\n.flow-gallery-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:14px; }\r\n.flow-gallery-item { min-height:360px; background-position:center; background-size:cover; background-repeat:no-repeat; border:1px solid rgba(255,255,255,.12); }\r\n.flow-gallery-placeholder { display:flex; align-items:center; justify-content:center; background:#101010; }\r\n.flow-gallery-placeholder span { color:rgba(255,255,255,.25); font:10px Arial,sans-serif; letter-spacing:4px; }\r\n@media(max-width:700px){ .flow-gallery-grid{grid-template-columns:1fr 1fr;} .flow-gallery-item:first-child{grid-column:1\/-1; min-height:280px;} .flow-gallery-item{min-height:180px;} }\r\n\r\n\/* =========================================================\r\n RECEPCI\u00d3 \/ HANGULAT\r\n ========================================================= *\/\r\n\r\n.flow-reception {\r\n position: relative;\r\n\r\n width: 100%;\r\n min-height: 650px;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n overflow: hidden;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n rgba(0,0,0,.88) 0%,\r\n rgba(0,0,0,.62) 45%,\r\n rgba(0,0,0,.20) 100%\r\n ),\r\n url(\"https:\/\/flow-fitness.hu\/wp-content\/uploads\/2026\/09\/flow-recepcio.jpg\")\r\n center center \/ cover no-repeat;\r\n}\r\n\r\n.flow-reception-content {\r\n width: min(1180px, 90%);\r\n margin: 0 auto;\r\n}\r\n\r\n.flow-reception-box {\r\n max-width: 620px;\r\n}\r\n\r\n.flow-reception-box .flow-section-label {\r\n color: rgba(255,255,255,.62);\r\n}\r\n\r\n.flow-reception-box h2 {\r\n margin: 0 0 25px;\r\n\r\n font-family:\r\n Georgia,\r\n \"Times New Roman\",\r\n serif;\r\n\r\n font-size:\r\n clamp(42px, 6vw, 70px);\r\n\r\n line-height: 1.04;\r\n font-weight: 400;\r\n}\r\n\r\n.flow-reception-box p {\r\n margin: 0;\r\n max-width: 520px;\r\n\r\n color: rgba(255,255,255,.78);\r\n\r\n font-family:\r\n Arial,\r\n Helvetica,\r\n sans-serif;\r\n\r\n font-size: 15px;\r\n line-height: 1.8;\r\n}\r\n\r\n\/* =========================================================\r\n FACEBOOK\r\n ========================================================= *\/\r\n\r\n.flow-social {\r\n padding: 95px 20px 105px;\r\n\r\n text-align: center;\r\n\r\n background: #070707;\r\n}\r\n\r\n.flow-social-inner {\r\n width: min(650px, 100%);\r\n margin: auto;\r\n}\r\n\r\n.flow-social h2 {\r\n margin: 0 0 18px;\r\n\r\n font-family:\r\n Georgia,\r\n \"Times New Roman\",\r\n serif;\r\n\r\n font-size:\r\n clamp(34px, 5vw, 52px);\r\n\r\n font-weight: 400;\r\n}\r\n\r\n.flow-social p {\r\n margin: 0 auto 35px;\r\n\r\n color: rgba(255,255,255,.58);\r\n\r\n font-family:\r\n Arial,\r\n Helvetica,\r\n sans-serif;\r\n\r\n font-size: 14px;\r\n line-height: 1.7;\r\n}\r\n\r\n.flow-facebook {\r\n display: inline-flex;\r\n\r\n align-items: center;\r\n justify-content: center;\r\n\r\n gap: 13px;\r\n\r\n min-width: 230px;\r\n\r\n padding: 17px 27px;\r\n\r\n border:\r\n 1px solid rgba(255,255,255,.25);\r\n\r\n color: #fff;\r\n\r\n text-decoration: none;\r\n\r\n font-family:\r\n Arial,\r\n Helvetica,\r\n sans-serif;\r\n\r\n font-size: 10px;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n\r\n transition:\r\n background .35s ease,\r\n border-color .35s ease,\r\n transform .35s ease;\r\n}\r\n\r\n.flow-facebook:hover {\r\n background:\r\n rgba(255,255,255,.09);\r\n\r\n border-color:\r\n rgba(255,255,255,.6);\r\n\r\n transform:\r\n translateY(-3px);\r\n}\r\n\r\n.flow-facebook-icon {\r\n width: 21px;\r\n height: 21px;\r\n\r\n border:\r\n 1px solid rgba(255,255,255,.8);\r\n\r\n border-radius: 50%;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n font-family:\r\n Arial,\r\n Helvetica,\r\n sans-serif;\r\n\r\n font-weight: bold;\r\n font-size: 12px;\r\n}\r\n\r\n\/* =========================================================\r\n FOOTER\r\n ========================================================= *\/\r\n\r\n.flow-footer {\r\n border-top:\r\n 1px solid rgba(255,255,255,.08);\r\n\r\n padding: 35px 20px;\r\n\r\n background: #050505;\r\n\r\n text-align: center;\r\n}\r\n\r\n.flow-footer img {\r\n width: 90px;\r\n height: auto;\r\n\r\n filter:\r\n brightness(0)\r\n invert(1);\r\n\r\n opacity: .7;\r\n\r\n margin-bottom: 15px;\r\n}\r\n\r\n.flow-footer p {\r\n margin: 0;\r\n\r\n font-family:\r\n Arial,\r\n Helvetica,\r\n sans-serif;\r\n\r\n font-size: 9px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n\r\n color: rgba(255,255,255,.35);\r\n}\r\n\r\n\/* =========================================================\r\n TABLET\r\n ========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n .flow-services-grid {\r\n grid-template-columns:\r\n repeat(2, minmax(0, 1fr));\r\n }\r\n\r\n .flow-card {\r\n height: 390px;\r\n }\r\n\r\n .flow-hero-content {\r\n padding-top: 80px;\r\n }\r\n}\r\n\r\n\/* =========================================================\r\n TELEFON \u2014 2 OSZLOP \/ 1:1 K\u00c1RTY\u00c1K\r\n ========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n html,\r\n body {\r\n width: 100% !important;\r\n max-width: 100% !important;\r\n min-width: 0 !important;\r\n overflow-x: hidden !important;\r\n }\r\n\r\n \/* -----------------------------------------------------\r\n LOADER\r\n ----------------------------------------------------- *\/\r\n\r\n .flow-loader-logo-wrap {\r\n width: 170px;\r\n height: 170px;\r\n }\r\n\r\n .flow-loader-ring {\r\n width: 160px;\r\n height: 160px;\r\n }\r\n\r\n .flow-loader-logo {\r\n width: 110px;\r\n\r\n filter:\r\n brightness(0)\r\n invert(1)\r\n contrast(1.2)\r\n drop-shadow(\r\n 0 0 20px\r\n rgba(255,255,255,.18)\r\n );\r\n }\r\n\r\n .flow-loader-welcome {\r\n margin-top: 28px;\r\n font-size: 10px;\r\n letter-spacing: 3px;\r\n }\r\n\r\n \/* -----------------------------------------------------\r\n HERO\r\n ----------------------------------------------------- *\/\r\n\r\n .flow-hero {\r\n min-height: 100svh;\r\n background-position: center center;\r\n }\r\n\r\n .flow-hero-content {\r\n width: 100%;\r\n padding: 90px 22px 65px;\r\n }\r\n\r\n .flow-main-logo {\r\n width: 220px;\r\n margin-bottom: 38px;\r\n }\r\n\r\n .flow-eyebrow {\r\n font-size: 8px;\r\n letter-spacing: 4px;\r\n }\r\n\r\n .flow-title {\r\n font-size:\r\n clamp(37px, 10vw, 52px);\r\n\r\n line-height: 1.04;\r\n letter-spacing: -1px;\r\n }\r\n\r\n .flow-hero-text {\r\n font-size: 14px;\r\n line-height: 1.7;\r\n }\r\n\r\n .flow-scroll {\r\n margin-top: 38px;\r\n }\r\n\r\n \/* -----------------------------------------------------\r\n SERVICES\r\n ----------------------------------------------------- *\/\r\n\r\n .flow-services {\r\n padding:\r\n 55px 12px 80px;\r\n }\r\n\r\n .flow-services-header {\r\n margin-bottom: 35px;\r\n padding: 0 10px;\r\n }\r\n\r\n .flow-services-header p {\r\n font-size: 13px;\r\n }\r\n\r\n .flow-services-grid {\r\n grid-template-columns:\r\n repeat(2, minmax(0, 1fr));\r\n\r\n gap: 9px;\r\n }\r\n\r\n \/* 1:1 mobil k\u00e1rty\u00e1k *\/\r\n\r\n .flow-card {\r\n height: auto;\r\n aspect-ratio: 1 \/ 1;\r\n border-width: 1px;\r\n }\r\n\r\n .flow-card-content {\r\n padding: 14px 12px 13px;\r\n }\r\n\r\n .flow-card-number {\r\n font-size: 7px;\r\n letter-spacing: 1.7px;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .flow-card h3 {\r\n font-size: 12px;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 6px;\r\n line-height: 1.15;\r\n }\r\n\r\n \/* MOBILON J\u00d3VAL OLVASHAT\u00d3BB LE\u00cdR\u00c1S *\/\r\n\r\n .flow-card p {\r\n font-size: 10.5px;\r\n line-height: 1.42;\r\n font-weight: 500;\r\n\r\n color: rgba(255,255,255,.96);\r\n\r\n margin-bottom: 10px;\r\n\r\n text-shadow:\r\n 0 2px 9px rgba(0,0,0,.95);\r\n }\r\n\r\n \/* -----------------------------------------------------\r\n MOBIL PR\u00c9MIUM GOMBOK\r\n ----------------------------------------------------- *\/\r\n\r\n .flow-card-actions {\r\n gap: 5px;\r\n width: 100%;\r\n }\r\n\r\n .flow-card-btn {\r\n min-height: 35px;\r\n\r\n padding:\r\n 8px 4px;\r\n\r\n font-size: 7px;\r\n font-weight: 700;\r\n\r\n letter-spacing: 1px;\r\n\r\n gap: 4px;\r\n }\r\n\r\n .flow-card-btn-arrow {\r\n font-size: 11px;\r\n }\r\n\r\n \/* utols\u00f3 p\u00e1ratlan k\u00e1rtya k\u00f6z\u00e9pen *\/\r\n\r\n .flow-card:nth-child(9) {\r\n grid-column: 1 \/ -1;\r\n\r\n width:\r\n calc(50% - 4.5px);\r\n\r\n justify-self: center;\r\n }\r\n\r\n \/* -----------------------------------------------------\r\n INTRO\r\n ----------------------------------------------------- *\/\r\n\r\n .flow-intro {\r\n padding:\r\n 80px 22px 65px;\r\n }\r\n\r\n .flow-intro p {\r\n font-size: 14px;\r\n line-height: 1.8;\r\n }\r\n\r\n \/* -----------------------------------------------------\r\n RECEPCI\u00d3\r\n ----------------------------------------------------- *\/\r\n\r\n .flow-reception {\r\n min-height: 560px;\r\n background-position: center center;\r\n }\r\n\r\n .flow-reception-content {\r\n width: 90%;\r\n }\r\n\r\n .flow-reception-box h2 {\r\n font-size: 43px;\r\n }\r\n\r\n .flow-reception-box p {\r\n font-size: 13px;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* -----------------------------------------------------\r\n FACEBOOK\r\n ----------------------------------------------------- *\/\r\n\r\n .flow-social {\r\n padding:\r\n 70px 20px 80px;\r\n }\r\n\r\n .flow-facebook {\r\n width: 100%;\r\n max-width: 290px;\r\n }\r\n}\r\n\r\n\/* =========================================================\r\n NAGYON KIS TELEFON\r\n ========================================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n .flow-card-content {\r\n padding:\r\n 13px 10px 11px;\r\n }\r\n\r\n .flow-card-number {\r\n font-size: 6.5px;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .flow-card h3 {\r\n font-size: 10.5px;\r\n letter-spacing: 1.2px;\r\n }\r\n\r\n .flow-card p {\r\n font-size: 9.5px;\r\n line-height: 1.38;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .flow-card-actions {\r\n gap: 4px;\r\n }\r\n\r\n .flow-card-btn {\r\n min-height: 32px;\r\n\r\n padding:\r\n 7px 3px;\r\n\r\n font-size: 6.5px;\r\n letter-spacing: .8px;\r\n }\r\n\r\n .flow-card-btn-arrow {\r\n font-size: 10px;\r\n }\r\n\r\n .flow-main-logo {\r\n width: 200px;\r\n }\r\n}\r\n\r\n\/* =========================================================\r\n REDUCED MOTION\r\n ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n *,\r\n *::before,\r\n *::after {\r\n animation-duration: .01ms !important;\r\n animation-iteration-count: 1 !important;\r\n transition-duration: .01ms !important;\r\n scroll-behavior: auto !important;\r\n }\r\n}\r\n\r\n<\/style>\r\n\r\n<style>\r\n\/* FLOW \u2013 k\u00f6z\u00e9pre igaz\u00edtott, nagyobb, nyomtatott bet\u0171s, pulz\u00e1l\u00f3 FOGLALJ MOST *\/\r\n.flow-nav-book-center, .flow-booking-cta, .flow-bottom-book {\r\n border: none !important;\r\n outline: none !important;\r\n box-shadow: none !important;\r\n font-family: Arial, Helvetica, sans-serif !important;\r\n text-transform: uppercase !important;\r\n font-weight: 700 !important;\r\n animation: flowBookingPulse 2.2s ease-in-out infinite;\r\n}\r\n.flow-nav-book-center {\r\n left: 50% !important;\r\n top: 50% !important;\r\n transform: translate(-50%, -50%) !important;\r\n font-size: 12px !important;\r\n letter-spacing: 4px !important;\r\n padding: 8px 4px !important;\r\n}\r\n.flow-nav-bottom .flow-nav-book-center {\r\n left: 50% !important;\r\n top: 50% !important;\r\n transform: translate(-50%, -50%) !important;\r\n font-size: 11px !important;\r\n letter-spacing: 3.5px !important;\r\n padding: 8px 4px !important;\r\n}\r\n.flow-nav-book-center:hover,\r\n.flow-nav-bottom .flow-nav-book-center:hover {\r\n transform: translate(-50%, -50%) !important;\r\n background: transparent !important;\r\n}\r\n@keyframes flowBookingPulse {\r\n 0%, 100% { color: #fff !important; opacity: .82; text-shadow: 0 0 0 rgba(212,175,55,0); }\r\n 50% { color: #d4af37 !important; opacity: 1; text-shadow: 0 0 14px rgba(212,175,55,.5); }\r\n}\r\n<\/style>\r\n\r\n\r\n<style>\r\n\/* FLOW \u2013 v\u00e9gleges FOGLALJ MOST: keret n\u00e9lk\u00fcl, ny\u00edl n\u00e9lk\u00fcl, egyszer feh\u00e9rb\u0151l aranyba v\u00e1lt *\/\r\n.flow-nav-book-center, .flow-booking-cta, .flow-bottom-book {\r\n border: none !important;\r\n outline: none !important;\r\n box-shadow: none !important;\r\n background: transparent !important;\r\n text-transform: uppercase !important;\r\n color: #fff !important;\r\n opacity: 1 !important;\r\n text-shadow: none !important;\r\n animation: flowBookingGold 1.2s ease 1.5s forwards !important;\r\n}\r\n.flow-nav-book-center span, .flow-booking-cta span, .flow-bottom-book span { display:none !important; }\r\n.flow-nav-book-center:hover, .flow-nav-bottom .flow-nav-book-center:hover {\r\n background: transparent !important;\r\n transform: translate(-50%, -50%) !important;\r\n}\r\n@keyframes flowBookingGold {\r\n from { color: #fff !important; text-shadow: none; }\r\n to { color: #d4af37 !important; text-shadow: 0 0 12px rgba(212,175,55,.35); }\r\n}\r\n<\/style>\r\n\r\n<style>\r\n\/* FLOW \u2013 mobil fels\u0151 log\u00f3 stabil bal oldali poz\u00edci\u00f3 *\/\r\n@media (max-width: 900px){\r\n .flow-nav > .flow-nav-home{\r\n position: static !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: flex-start !important;\r\n width: 68px !important;\r\n height: 66px !important;\r\n margin: 0 !important;\r\n }\r\n .flow-nav > .flow-nav-home .flow-nav-logo{\r\n display:block !important;\r\n width:68px !important;\r\n height:auto !important;\r\n margin:0 !important;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<!-- =======================================================\r\n FLOW LOADER\r\n ======================================================= -->\r\n\r\n<div id=\"flow-loader\">\r\n\r\n <div class=\"flow-loader-inner\">\r\n\r\n <div class=\"flow-loader-logo-wrap\">\r\n\r\n <div class=\"flow-loader-ring\"><\/div>\r\n\r\n <img decoding=\"async\"\r\n class=\"flow-loader-logo\"\r\n src=\"https:\/\/flow-fitness.hu\/wp-content\/uploads\/2026\/09\/flow-logo.png\"\r\n alt=\"FLOW\"\r\n >\r\n\r\n <\/div>\r\n\r\n <div\r\n class=\"flow-loader-welcome\"\r\n id=\"flow-loader-text\"\r\n ><\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =======================================================\r\n TELJES OLDAL\r\n ======================================================= -->\r\n\r\n<!-- =======================================================\r\n FIX FLOW NAVIG\u00c1CI\u00d3\r\n ======================================================= -->\r\n\r\n<!-- =======================================================\r\n MOBIL ALS\u00d3 NAVIG\u00c1CI\u00d3\r\n G\u00f6rget\u00e9s ut\u00e1n finoman megjelenik alul\r\n ======================================================= -->\r\n<nav class=\"flow-nav-bottom\" id=\"flow-nav-bottom\" aria-label=\"Mobil als\u00f3 navig\u00e1ci\u00f3\">\r\n <a class=\"flow-nav-home\" href=\"#fooldal\" aria-label=\"FLOW \u2013 F\u0151oldal\"><img decoding=\"async\" class=\"flow-nav-logo\" src=\"https:\/\/flow-fitness.hu\/wp-content\/uploads\/2026\/09\/flow-logo.png\" alt=\"FLOW\"><\/a>\r\n <a class=\"flow-nav-book-center\" href=\"https:\/\/flow-fitness.hu\/?page_id=136\">FOGLALJ MOST<\/a>\r\n <div class=\"flow-nav-links\" id=\"flow-nav-links-bottom\">\r\n <a href=\"#fooldal\">F\u0150OLDAL<\/a>\r\n <a href=\"#szolgaltatasok\">SZOLG\u00c1LTAT\u00c1SOK<\/a>\r\n <a href=\"#galeria\">GAL\u00c9RIA<\/a>\r\n <a href=\"#rolunk\">R\u00d3LUNK<\/a>\r\n <a href=\"#munkatarsaink\">MUNKAT\u00c1RSAINK<\/a>\r\n <a href=\"#kapcsolat\">KAPCSOLAT<\/a>\r\n <\/div>\r\n <button class=\"flow-nav-toggle\" id=\"flow-nav-toggle-bottom\" aria-label=\"Men\u00fc megnyit\u00e1sa\" aria-expanded=\"false\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n<\/nav>\r\n\r\n<nav class=\"flow-nav\" aria-label=\"F\u0151 navig\u00e1ci\u00f3\">\r\n <a class=\"flow-nav-home\" href=\"#fooldal\" aria-label=\"FLOW \u2013 F\u0151oldal\"><img decoding=\"async\" class=\"flow-nav-logo\" src=\"https:\/\/flow-fitness.hu\/wp-content\/uploads\/2026\/09\/flow-logo.png\" alt=\"FLOW\"><\/a>\r\n <a class=\"flow-nav-book-center\" href=\"https:\/\/flow-fitness.hu\/?page_id=136\">FOGLALJ MOST<\/a>\r\n\r\n <div class=\"flow-nav-links\" id=\"flow-nav-links\">\r\n <a href=\"#fooldal\">F\u0150OLDAL<\/a>\r\n <a href=\"#szolgaltatasok\">SZOLG\u00c1LTAT\u00c1SOK<\/a>\r\n <a href=\"#galeria\">GAL\u00c9RIA<\/a>\r\n <a href=\"#rolunk\">R\u00d3LUNK<\/a>\r\n <a href=\"#munkatarsaink\">MUNKAT\u00c1RSAINK<\/a>\r\n <a href=\"#kapcsolat\">KAPCSOLAT<\/a>\r\n <\/div>\r\n <button class=\"flow-nav-toggle\" id=\"flow-nav-toggle\" aria-label=\"Men\u00fc megnyit\u00e1sa\" aria-expanded=\"false\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n<\/nav>\r\n\r\n<main id=\"flow-page\">\r\n\r\n\r\n<!-- =======================================================\r\n HERO\r\n ======================================================= -->\r\n\r\n<section class=\"flow-hero\" id=\"fooldal\">\r\n\r\n <div class=\"flow-hero-content\">\r\n\r\n <img decoding=\"async\"\r\n class=\"flow-main-logo\"\r\n src=\"https:\/\/flow-fitness.hu\/wp-content\/uploads\/2026\/09\/flow-logo.png\"\r\n alt=\"FLOW Fitness Wellness Thai Massage\"\r\n >\r\n\r\n <h1 class=\"flow-title\">\r\n Ahol a mozg\u00e1s, a felt\u00f6lt\u0151d\u00e9s \u00e9s\r\n <em>a nyugalom<\/em> egyetlen \u00e9lm\u00e9nny\u00e9 v\u00e1lik.\r\n <\/h1>\r\n\r\n <div class=\"flow-hero-line\"><\/div>\r\n\r\n <p class=\"flow-hero-text\">\r\n \u00dcdv\u00f6zl\u00fcnk a FLOW-ban \u2013 egy k\u00fcl\u00f6nleges t\u00e9rben, ahol a modern sport\r\n \u00e9s a tradicion\u00e1lis thai massz\u00e1zs tal\u00e1lkozik.\r\n <br><br>\r\n A FLOW azoknak sz\u00f3l, akik t\u00f6bbre v\u00e1gynak egy egyszer\u0171 edz\u00e9sn\u00e9l vagy kikapcsol\u00f3d\u00e1sn\u00e1l.\r\n Egy hely, ahol akt\u00edvan tehetsz magad\u00e9rt, mik\u00f6zben id\u0151t adsz a testednek \u00e9s az elm\u00e9dnek is.\r\n <\/p>\r\n\r\n <div class=\"flow-hero-tagline\">\r\n Mozdulj. Lass\u00edts. T\u00f6lt\u0151dj.\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =======================================================\r\n SZOLG\u00c1LTAT\u00c1SOK\r\n ======================================================= -->\r\n\r\n<section class=\"flow-services\" id=\"szolgaltatasok\">\r\n\r\n <div class=\"flow-services-header\">\r\n\r\n <div class=\"flow-section-label\">\r\n Fedezd fel a FLOW vil\u00e1g\u00e1t\r\n <\/div>\r\n\r\n <h2>\r\n Minden, amire sz\u00fcks\u00e9ged van.\r\n <\/h2>\r\n\r\n <p>\r\n Mozg\u00e1s, sport, regener\u00e1ci\u00f3 \u00e9s felt\u00f6lt\u0151d\u00e9s\r\n egy helyen.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"flow-services-grid\">\r\n\r\n\r\n <!-- =================================================\r\n 01 \u2014 SQUASH\r\n ================================================= -->\r\n\r\n <article\r\n class=\"flow-card flow-card-squash\"\r\n aria-label=\"Squash\"\r\n >\r\n\r\n <div class=\"flow-card-image\"><\/div>\r\n\r\n <div class=\"flow-card-content\">\r\n\r\n <span class=\"flow-card-number\">\r\n 01 \/ SPORT\r\n <\/span>\r\n\r\n <h3>\r\n SQUASH\r\n <\/h3>\r\n\r\n <p>\r\n P\u00f6rg\u0151s, intenz\u00edv j\u00e1t\u00e9k, ahol minden \u00fct\u00e9s sz\u00e1m\u00edt.\r\n Mozgasd \u00e1t magad \u00e9s \u00e9lvezd a j\u00e1t\u00e9k minden pillanat\u00e1t.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n <!-- =================================================\r\n 02 \u2014 L\u00c1BTENISZ\r\n ================================================= -->\r\n\r\n <article\r\n class=\"flow-card flow-card-foot\"\r\n aria-label=\"L\u00e1bt\u00e9nisz\"\r\n >\r\n\r\n <div class=\"flow-card-image\"><\/div>\r\n\r\n <div class=\"flow-card-content\">\r\n\r\n <span class=\"flow-card-number\">\r\n 02 \/ SPORT\r\n <\/span>\r\n\r\n <h3>\r\n L\u00c1BTENISZ\r\n <\/h3>\r\n\r\n <p>\r\n J\u00e1t\u00e9kos \u00e9s dinamikus mozg\u00e1s,\r\n t\u00f6k\u00e9letes v\u00e1laszt\u00e1s bar\u00e1tokkal vagy egy kis verseng\u00e9shez.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n <!-- =================================================\r\n 03 \u2014 SPINNING\r\n ================================================= -->\r\n\r\n <article\r\n class=\"flow-card flow-card-spinning\"\r\n aria-label=\"Spinning\"\r\n >\r\n\r\n <div class=\"flow-card-image\"><\/div>\r\n\r\n <div class=\"flow-card-content\">\r\n\r\n <span class=\"flow-card-number\">\r\n 03 \/ FITNESS\r\n <\/span>\r\n\r\n <h3>\r\n SPINNING\r\n <\/h3>\r\n\r\n <p>\r\n Intenz\u00edv ker\u00e9kp\u00e1ros edz\u00e9s, amely megmozgat\r\n \u00e9s felt\u00f6lt energi\u00e1val.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n <!-- =================================================\r\n 04 \u2014 J\u00d3GA\r\n ================================================= -->\r\n\r\n <article\r\n class=\"flow-card flow-card-yoga\"\r\n aria-label=\"J\u00f3ga\"\r\n >\r\n\r\n <div class=\"flow-card-image\"><\/div>\r\n\r\n <div class=\"flow-card-content\">\r\n\r\n <span class=\"flow-card-number\">\r\n 04 \/ WELLNESS\r\n <\/span>\r\n\r\n <h3>\r\n J\u00d3GA\r\n <\/h3>\r\n\r\n <p>\r\n Tal\u00e1ld meg az egyens\u00falyt test \u00e9s l\u00e9lek k\u00f6z\u00f6tt.\r\n Tudatos mozg\u00e1s \u00e9s felt\u00f6lt\u0151d\u00e9s nyugodt k\u00f6rnyezetben.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n <!-- =================================================\r\n 05 \u2014 THAI MASSZ\u00c1ZS\r\n ================================================= -->\r\n\r\n <article\r\n class=\"flow-card flow-card-massage\"\r\n aria-label=\"Thai massz\u00e1zs\"\r\n >\r\n\r\n <div class=\"flow-card-image\"><\/div>\r\n\r\n <div class=\"flow-card-content\">\r\n\r\n <span class=\"flow-card-number\">\r\n 05 \/ WELLNESS\r\n <\/span>\r\n\r\n <h3>\r\n THAI MASSZ\u00c1ZS\r\n <\/h3>\r\n\r\n <p>\r\n Tradicion\u00e1lis technik\u00e1k \u00e9s m\u00e9ly relax\u00e1ci\u00f3.\r\n Engedd el a fesz\u00fclts\u00e9get \u00e9s t\u00f6ltsd \u00fajra a tested.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n <!-- =================================================\r\n 06 \u2014 SZAUNA\r\n ================================================= -->\r\n\r\n <article\r\n class=\"flow-card flow-card-sauna\"\r\n aria-label=\"Szauna\"\r\n >\r\n\r\n <div class=\"flow-card-image\"><\/div>\r\n\r\n <div class=\"flow-card-content\">\r\n\r\n <span class=\"flow-card-number\">\r\n 06 \/ WELLNESS\r\n <\/span>\r\n\r\n <h3>\r\n SZAUNA\r\n <\/h3>\r\n\r\n <p>\r\n Kapcsolj ki, laz\u00edts \u00e9s regener\u00e1l\u00f3dj.\r\n T\u00f6k\u00e9letes kieg\u00e9sz\u00edt\u0151je egy akt\u00edv napnak.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n <!-- =================================================\r\n 07 \u2014 INFRASZAUNA\r\n ================================================= -->\r\n\r\n <article\r\n class=\"flow-card flow-card-infra\"\r\n aria-label=\"Infraszauna\"\r\n >\r\n\r\n <div class=\"flow-card-image\"><\/div>\r\n\r\n <div class=\"flow-card-content\">\r\n\r\n <span class=\"flow-card-number\">\r\n 07 \/ WELLNESS\r\n <\/span>\r\n\r\n <h3>\r\n INFRASZAUNA\r\n <\/h3>\r\n\r\n <p>\r\n Meleg, nyugalom \u00e9s felt\u00f6lt\u0151d\u00e9s egy modernebb\r\n wellness\u00e9lm\u00e9nyben.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n <!-- =================================================\r\n 08 \u2014 SZOL\u00c1RIUM\r\n ================================================= -->\r\n\r\n <article\r\n class=\"flow-card flow-card-solar\"\r\n aria-label=\"Szol\u00e1rium\"\r\n >\r\n\r\n <div class=\"flow-card-image\"><\/div>\r\n\r\n <div class=\"flow-card-content\">\r\n\r\n <span class=\"flow-card-number\">\r\n 08 \/ WELLNESS\r\n <\/span>\r\n\r\n <h3>\r\n SZOL\u00c1RIUM\r\n <\/h3>\r\n\r\n <p>\r\n Egy kis \u00e9nid\u0151, egy kis felt\u00f6lt\u0151d\u00e9s.\r\n Modern k\u00f6rnyezetben, amikor szeretn\u00e9l egy kis ragyog\u00e1st.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n <!-- =================================================\r\n 09 \u2014 SMOOTHIE BAR & K\u00c1V\u00c9Z\u00d3\r\n ================================================= -->\r\n\r\n <article\r\n class=\"flow-card flow-card-cafe\"\r\n aria-label=\"Smoothie Bar \u00e9s K\u00e1v\u00e9z\u00f3\"\r\n >\r\n\r\n <div class=\"flow-card-image\"><\/div>\r\n\r\n <div class=\"flow-card-content\">\r\n\r\n <span class=\"flow-card-number\">\r\n 09 \/ LIFESTYLE\r\n <\/span>\r\n\r\n <h3>\r\n SMOOTHIE BAR & K\u00c1V\u00c9Z\u00d3\r\n <\/h3>\r\n\r\n <p>\r\n Friss smoothie-k, k\u00e1v\u00e9 \u00e9s egy kellemes hely,\r\n ahol egy j\u00f3 edz\u00e9s ut\u00e1n egyszer\u0171en j\u00f3 meg\u00e1llni.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n MI\u00c9RT FLOW\r\n ======================================================= -->\r\n<section class=\"flow-why\" id=\"miert-flow\">\r\n <div class=\"flow-why-inner\">\r\n <div class=\"flow-section-label\">MI\u00c9RT FLOW?<\/div>\r\n <h2 class=\"flow-section-title\">Minden egy helyen,<br>egy magasabb szinten.<\/h2>\r\n <div class=\"flow-why-grid\">\r\n <div class=\"flow-why-card\"><h3>Min\u0151s\u00e9g<\/h3><p>Pr\u00e9mium k\u00f6rnyezet \u00e9s szem\u00e9lyre szabott figyelem minden alkalommal.<\/p><\/div>\r\n <div class=\"flow-why-card\"><h3>Mozg\u00e1s<\/h3><p>V\u00e1ltozatos sport\u00e9lm\u00e9nyek, amelyek motiv\u00e1lnak \u00e9s felt\u00f6ltenek.<\/p><\/div>\r\n <div class=\"flow-why-card\"><h3>Regener\u00e1ci\u00f3<\/h3><p>Id\u0151 \u00e9s t\u00e9r a testednek, hogy \u00fajra egyens\u00falyba ker\u00fclj\u00f6n.<\/p><\/div>\r\n <div class=\"flow-why-card\"><h3>\u00c9lm\u00e9ny<\/h3><p>Nem csup\u00e1n egy \u00f3ra vagy kezel\u00e9s, hanem egy teljes FLOW-\u00e9lm\u00e9ny.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- =======================================================\r\n FLOW \u00c9LM\u00c9NY\r\n ======================================================= -->\r\n<section class=\"flow-experience\">\r\n <div class=\"flow-experience-inner\">\r\n <div class=\"flow-experience-content\">\r\n <div class=\"flow-section-label\">A FLOW \u00c9LM\u00c9NY<\/div>\r\n <h2>Nem csak elj\u00f6ssz hozz\u00e1nk.<br>Kiszakadsz egy pillanatra.<\/h2>\r\n <p>A mindennapokb\u00f3l val\u00f3di felt\u00f6lt\u0151d\u00e9sbe \u00e9rkezel. Mozogj, kapcsol\u00f3dj ki, regener\u00e1l\u00f3dj \u2014 \u00e9s tal\u00e1ld meg azt, ami most igaz\u00e1n neked sz\u00f3l.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- =======================================================\r\n BEMUTATKOZ\u00c1S\r\n ======================================================= -->\r\n\r\n<section class=\"flow-intro\" id=\"rolunk\">\r\n\r\n <div class=\"flow-intro-inner\">\r\n\r\n <div class=\"flow-section-label\">\r\n A FLOW \u00c9LM\u00c9NY\r\n <\/div>\r\n\r\n <h2 class=\"flow-section-title\">\r\n T\u00f6bb, mint edz\u00e9s.\r\n <br>\r\n T\u00f6bb, mint kikapcsol\u00f3d\u00e1s.\r\n <\/h2>\r\n\r\n <p>\r\n A <strong>FLOW-t<\/strong> azoknak hoztuk l\u00e9tre,\r\n akik nem egyszer\u0171en edzeni vagy pihenni szeretn\u00e9nek,\r\n hanem egy magasabb szint\u0171 \u00e9letmin\u0151s\u00e9g r\u00e9sz\u00e9v\u00e9\r\n akarj\u00e1k tenni a mozg\u00e1st \u00e9s a felt\u00f6lt\u0151d\u00e9st.\r\n <\/p>\r\n\r\n <p>\r\n L\u00e9pj ki a mindennapokb\u00f3l.\r\n Lass\u00edts. Mozdulj. T\u00f6lt\u0151dj.\r\n Tal\u00e1ld meg a saj\u00e1t <strong>FLOW-\u00e9lm\u00e9nyedet.<\/strong>\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n MUNKAT\u00c1RSAINK\r\n ======================================================= -->\r\n<section class=\"flow-team\" id=\"munkatarsaink\">\r\n <div class=\"flow-team-inner\">\r\n <div class=\"flow-team-header\">\r\n <div class=\"flow-section-label\">A FLOW CSAPATA<\/div>\r\n <h2>Ismerd meg<br>a munkat\u00e1rsainkat.<\/h2>\r\n <p>\r\n Tapasztalt szakemberek, akik az\u00e9rt dolgoznak, hogy minden alkalommal\r\n a lehet\u0151 legt\u00f6bbet hozhasd ki a FLOW-\u00e9lm\u00e9nyb\u0151l.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"flow-team-grid\">\r\n <article class=\"flow-team-card\">\r\n <div class=\"flow-team-photo\" style=\"background-image:url('https:\/\/randomuser.me\/api\/portraits\/women\/44.jpg');\"><\/div>\r\n <div class=\"flow-team-info\">\r\n <span class=\"flow-team-role\">Thai massz\u0151r<\/span>\r\n <h3 class=\"flow-team-name\">Kov\u00e1cs Anna<\/h3>\r\n <p class=\"flow-team-bio\">A tradicion\u00e1lis thai massz\u00e1zs h\u00edve. Nyugodt, figyelmes kezel\u00e9seivel a testi ellazul\u00e1sra \u00e9s a teljes kikapcsol\u00f3d\u00e1sra helyezi a hangs\u00falyt.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"flow-team-card\">\r\n <div class=\"flow-team-photo\" style=\"background-image:url('https:\/\/randomuser.me\/api\/portraits\/women\/68.jpg');\"><\/div>\r\n <div class=\"flow-team-info\">\r\n <span class=\"flow-team-role\">Thai massz\u0151r<\/span>\r\n <h3 class=\"flow-team-name\">Nagy Eszter<\/h3>\r\n <p class=\"flow-team-bio\">T\u00f6bbf\u00e9le thai massz\u00e1zstechnik\u00e1ban j\u00e1rtas, szem\u00e9lyre szabott kezel\u00e9sekkel seg\u00edt, hogy a vend\u00e9gek felt\u00f6lt\u0151dve t\u00e1vozzanak.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"flow-team-card\">\r\n <div class=\"flow-team-photo\" style=\"background-image:url('https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg');\"><\/div>\r\n <div class=\"flow-team-info\">\r\n <span class=\"flow-team-role\">Spinning oktat\u00f3<\/span>\r\n <h3 class=\"flow-team-name\">Varga Bence<\/h3>\r\n <p class=\"flow-team-bio\">Lend\u00fcletes spinning oktat\u00f3, aki a j\u00f3 hangulatot \u00e9s a tudatos terhel\u00e9st \u00f6tv\u00f6zi. \u00d3r\u00e1in mindenki megtal\u00e1lhatja a saj\u00e1t ritmus\u00e1t.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"flow-team-card\">\r\n <div class=\"flow-team-photo\" style=\"background-image:url('https:\/\/randomuser.me\/api\/portraits\/men\/52.jpg');\"><\/div>\r\n <div class=\"flow-team-info\">\r\n <span class=\"flow-team-role\">Squash oktat\u00f3<\/span>\r\n <h3 class=\"flow-team-name\">Szab\u00f3 M\u00e1rton<\/h3>\r\n <p class=\"flow-team-bio\">Versenysportb\u00f3l \u00e9rkezett squash oktat\u00f3. Technik\u00e1ra, mozg\u00e1skoordin\u00e1ci\u00f3ra \u00e9s j\u00e1t\u00e9kos fejl\u0151d\u00e9sre \u00e9p\u00fcl\u0151 edz\u00e9seket tart.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"flow-team-card\">\r\n <div class=\"flow-team-photo\" style=\"background-image:url('https:\/\/randomuser.me\/api\/portraits\/women\/49.jpg');\"><\/div>\r\n <div class=\"flow-team-info\">\r\n <span class=\"flow-team-role\">Futnet oktat\u00f3<\/span>\r\n <h3 class=\"flow-team-name\">Fekete Lilla<\/h3>\r\n <p class=\"flow-team-bio\">A futnet szerelmese, aki kezd\u0151knek \u00e9s halad\u00f3knak egyar\u00e1nt \u00e9lvezetes, energikus edz\u00e9seket \u00e1ll\u00edt \u00f6ssze.<\/p>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"flow-team-card\">\r\n <div class=\"flow-team-photo\" style=\"background-image:url('https:\/\/randomuser.me\/api\/portraits\/men\/75.jpg');\"><\/div>\r\n <div class=\"flow-team-info\">\r\n <span class=\"flow-team-role\">Sportoktat\u00f3<\/span>\r\n <h3 class=\"flow-team-name\">T\u00f3th \u00c1d\u00e1m<\/h3>\r\n <p class=\"flow-team-bio\">Sokoldal\u00fa sportoktat\u00f3, aki a mozg\u00e1s \u00f6r\u00f6m\u00e9t, a fokozatoss\u00e1got \u00e9s a fejl\u0151d\u00e9st tartja legfontosabbnak minden \u00f3r\u00e1n.<\/p>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- =======================================================\r\n RECEPCI\u00d3\r\n ======================================================= -->\r\n\r\n<!-- =======================================================\r\n GAL\u00c9RIA\r\n ======================================================= -->\r\n<section class=\"flow-gallery\" id=\"galeria\">\r\n <div class=\"flow-gallery-inner\">\r\n <div class=\"flow-section-label\">FLOW HANGULAT<\/div>\r\n <h2>Hamarosan megmutatjuk.<\/h2>\r\n <p>A helysz\u00ednr\u0151l k\u00e9sz\u00fcl\u0151 professzion\u00e1lis fot\u00f3kkal hamarosan friss\u00edtj\u00fck a gal\u00e9ri\u00e1t.<\/p>\r\n <div class=\"flow-gallery-grid\">\r\n <div class=\"flow-gallery-item\" style=\"background-image:url(\"https:\/\/flow-fitness.hu\/wp-content\/uploads\/2026\/09\/flow-recepcio.jpg\");\"><\/div>\r\n <div class=\"flow-gallery-item flow-gallery-placeholder\"><span>01<\/span><\/div>\r\n <div class=\"flow-gallery-item flow-gallery-placeholder\"><span>02<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"flow-reception\" id=\"kapcsolat\">\r\n\r\n <div class=\"flow-reception-content\">\r\n\r\n <div class=\"flow-reception-box\">\r\n\r\n <div class=\"flow-section-label\">\r\n \u00c9rkezz meg.\r\n <\/div>\r\n\r\n <h2>\r\n A FLOW m\u00e1r az els\u0151 pillanatban elkezd\u0151dik.\r\n <\/h2>\r\n\r\n <p>\r\n Egy k\u00fcl\u00f6nleges t\u00e9r, ahol a modern k\u00f6rnyezet,\r\n a mozg\u00e1s \u00e9s a felt\u00f6lt\u0151d\u00e9s term\u00e9szetesen kapcsol\u00f3dik \u00f6ssze.\r\n L\u00e9pj be, lass\u00edts le, \u00e9s hagyd magad m\u00f6g\u00f6tt a h\u00e9tk\u00f6znapokat.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n V\u00c9GS\u0150 FOGLAL\u00c1SI CTA\r\n ======================================================= -->\r\n<section class=\"flow-final-cta\">\r\n <div class=\"flow-section-label\">K\u00c9SZEN \u00c1LLSZ?<\/div>\r\n <h2>Tal\u00e1ld meg a saj\u00e1t FLOW-\u00e9lm\u00e9nyedet.<\/h2>\r\n <p>V\u00e1laszd ki, ami most igaz\u00e1n neked sz\u00f3l, \u00e9s foglald le az id\u0151pontodat.<\/p>\r\n <a href=\"https:\/\/flow-fitness.hu\/?page_id=136\">FOGLALJ MOST<\/a>\r\n<\/section>\r\n\r\n<!-- =======================================================\r\n FACEBOOK\r\n ======================================================= -->\r\n\r\n<section class=\"flow-social\">\r\n\r\n <div class=\"flow-social-inner\">\r\n\r\n <div class=\"flow-section-label\">\r\n Maradj kapcsolatban\r\n <\/div>\r\n\r\n <h2>\r\n K\u00f6vess minket.\r\n <\/h2>\r\n\r\n <p>\r\n N\u00e9zd meg a legfrissebb h\u00edreket, programokat,\r\n \u00fajdons\u00e1gokat \u00e9s FLOW-pillanatokat.\r\n <\/p>\r\n\r\n <a\r\n href=\"https:\/\/www.facebook.com\/share\/1DgFkQ4T5k\/\"\r\n target=\"_blank\"\r\n rel=\"noopener\"\r\n class=\"flow-facebook\"\r\n >\r\n\r\n <span class=\"flow-facebook-icon\">\r\n f\r\n <\/span>\r\n\r\n K\u00d6VESS MINKET FACEBOOKON\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =======================================================\r\n FOOTER\r\n ======================================================= -->\r\n\r\n<footer class=\"flow-footer\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/flow-fitness.hu\/wp-content\/uploads\/2026\/09\/flow-logo.png\"\r\n alt=\"FLOW\"\r\n >\r\n\r\n <p>\r\n FLOW \u2014 Fitness \u2022 Wellness \u2022 Thai Massage\r\n <\/p>\r\n\r\n <a class=\"flow-footer-map\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=FLOW+Fitness+Wellness+Thai+Massage\" target=\"_blank\" rel=\"noopener\">\r\n L\u00c1TOGASS EL HOZZ\u00c1NK <span>\u2192<\/span>\r\n <\/a>\r\n\r\n<\/footer>\r\n\r\n\r\n<\/main>\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\n(function(){\r\n const topToggle=document.getElementById('flow-nav-toggle');\r\n const topLinks=document.getElementById('flow-nav-links');\r\n const bottomToggle=document.getElementById('flow-nav-toggle-bottom');\r\n const bottomLinks=document.getElementById('flow-nav-links-bottom');\r\n const topNav=document.querySelector('.flow-nav');\r\n const bottomNav=document.getElementById('flow-nav-bottom');\r\n\r\n \/\/ FLOW log\u00f3: mindig finoman vissza a f\u0151oldal tetej\u00e9re\r\n document.querySelectorAll('.flow-nav-home').forEach(function(home){\r\n home.addEventListener('click',function(e){\r\n e.preventDefault();\r\n window.scrollTo({top:0,behavior:'smooth'});\r\n });\r\n });\r\n\r\n\r\n function bindMenu(toggle, links){\r\n if(!toggle||!links) return;\r\n toggle.addEventListener('click',function(){\r\n const open=links.classList.toggle('is-open');\r\n toggle.setAttribute('aria-expanded',open?'true':'false');\r\n });\r\n links.querySelectorAll('a').forEach(function(a){\r\n a.addEventListener('click',function(){\r\n links.classList.remove('is-open');\r\n toggle.setAttribute('aria-expanded','false');\r\n });\r\n });\r\n }\r\n\r\n bindMenu(topToggle,topLinks);\r\n bindMenu(bottomToggle,bottomLinks);\r\n\r\n if(!topNav||!bottomNav) return;\r\n\r\n function updateNav(){\r\n if(window.innerWidth > 900){\r\n const atBottom = (window.innerHeight + window.scrollY) >= (document.documentElement.scrollHeight - 8);\r\n topNav.classList.remove('flow-nav-scrolled');\r\n topNav.classList.toggle('flow-nav-end-hidden', atBottom);\r\n bottomNav.classList.remove('flow-nav-bottom-visible');\r\n bottomNav.classList.remove('flow-nav-end-hidden');\r\n return;\r\n }\r\n\r\n const scrolled=window.scrollY>90;\r\n const atBottom = (window.innerHeight + window.scrollY) >= (document.documentElement.scrollHeight - 8);\r\n topNav.classList.toggle('flow-nav-scrolled',scrolled && !atBottom);\r\n bottomNav.classList.toggle('flow-nav-bottom-visible',scrolled && !atBottom);\r\n topNav.classList.toggle('flow-nav-end-hidden',atBottom);\r\n bottomNav.classList.toggle('flow-nav-end-hidden',atBottom);\r\n\r\n if(!scrolled || atBottom){\r\n if(topLinks){topLinks.classList.remove('is-open'); topToggle.setAttribute('aria-expanded','false');}\r\n if(bottomLinks){bottomLinks.classList.remove('is-open'); bottomToggle.setAttribute('aria-expanded','false');}\r\n }\r\n }\r\n\r\n let ticking=false;\r\n window.addEventListener('scroll',function(){\r\n if(!ticking){\r\n window.requestAnimationFrame(function(){\r\n updateNav();\r\n ticking=false;\r\n });\r\n ticking=true;\r\n }\r\n },{passive:true});\r\n window.addEventListener('resize',updateNav);\r\n updateNav();\r\n})();\r\n<\/script>\r\n\r\n<!-- =======================================================\r\n LOADER JAVASCRIPT\r\n ======================================================= -->\r\n\r\n<script>\r\n\r\n(function() {\r\n\r\n const loader =\r\n document.getElementById(\"flow-loader\");\r\n\r\n const text =\r\n document.getElementById(\"flow-loader-text\");\r\n\r\n const message =\r\n \"\u00dcdv\u00f6zl\u00fcnk az oldalon\";\r\n\r\n let index = 0;\r\n\r\n let loaderFinished = false;\r\n\r\n \/*\r\n Loader elt\u00fcntet\u00e9se\r\n *\/\r\n\r\n function hideLoader() {\r\n\r\n if (!loader || loaderFinished) {\r\n return;\r\n }\r\n\r\n loaderFinished = true;\r\n\r\n loader.classList.add(\r\n \"flow-loader-hidden\"\r\n );\r\n }\r\n\r\n\r\n \/*\r\n G\u00e9pel\u00e9si effekt\r\n\r\n Az utols\u00f3 karakter ut\u00e1n\r\n r\u00f6vid eleg\u00e1ns v\u00e1rakoz\u00e1s,\r\n majd indul a fade-out.\r\n *\/\r\n\r\n function typeText() {\r\n\r\n if (!text) {\r\n return;\r\n }\r\n\r\n if (index < message.length) {\r\n\r\n text.textContent +=\r\n message.charAt(index);\r\n\r\n index++;\r\n\r\n setTimeout(\r\n typeText,\r\n 48\r\n );\r\n\r\n } else {\r\n\r\n \/*\r\n Amint elk\u00e9sz\u00fclt az utols\u00f3 karakter,\r\n 350 ms ut\u00e1n indul az elt\u0171n\u00e9s.\r\n *\/\r\n\r\n setTimeout(\r\n hideLoader,\r\n 350\r\n );\r\n }\r\n }\r\n\r\n\r\n \/*\r\n Loader ind\u00edt\u00e1sa\r\n *\/\r\n\r\n setTimeout(\r\n function() {\r\n typeText();\r\n },\r\n 450\r\n );\r\n\r\n\r\n \/*\r\n Biztons\u00e1gi fallback.\r\n Ha valami miatt a g\u00e9pel\u00e9s nem futna le,\r\n az oldal akkor sem marad loader alatt.\r\n *\/\r\n\r\n setTimeout(\r\n hideLoader,\r\n 7000\r\n );\r\n\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n<style>\r\n\/* FLOW \u2013 FOGLALJ MOST: 1 m\u00e1sodperc feh\u00e9r, 1 m\u00e1sodperc arany *\/\r\n.flow-nav-book-center,\r\n.flow-mobile-bottom .flow-nav-book-center {\r\n animation: flowBookingColor 2s linear infinite !important;\r\n color: #fff !important;\r\n text-shadow: none !important;\r\n transform: none !important;\r\n box-shadow: none !important;\r\n}\r\n\r\n@keyframes flowBookingColor {\r\n 0%, 49.9% {\r\n color: #fff !important;\r\n text-shadow: none;\r\n }\r\n 50%, 100% {\r\n color: #d4af37 !important;\r\n text-shadow: 0 0 12px rgba(212,175,55,.35);\r\n }\r\n}\r\n<\/style>\r\n\r\n<style>\r\n\/* FLOW \u2013 FOGLALJ MOST v\u00e9gs\u0151 poz\u00edci\u00f3: mindig pontosan k\u00f6z\u00e9pen *\/\r\n.flow-nav-book-center {\r\n position: absolute !important;\r\n left: 50% !important;\r\n top: 50% !important;\r\n transform: translate(-50%, -50%) !important;\r\n margin: 0 !important;\r\n border: none !important;\r\n background: transparent !important;\r\n white-space: nowrap !important;\r\n}\r\n\r\n.flow-nav-bottom .flow-nav-book-center {\r\n position: absolute !important;\r\n left: 50% !important;\r\n top: 50% !important;\r\n transform: translate(-50%, -50%) !important;\r\n margin: 0 !important;\r\n}\r\n\r\n.flow-nav-book-center:hover,\r\n.flow-nav-bottom .flow-nav-book-center:hover {\r\n transform: translate(-50%, -50%) !important;\r\n}\r\n<\/style>\r\n\r\n\r\n<style>\r\n\/* FLOW \u2013 DESKTOP NAV: h\u00e1rom stabil oszlop, hogy a k\u00f6z\u00e9ps\u0151 FOGLALJ MOST soha ne l\u00f3gjon a men\u00fcre *\/\r\n@media (min-width: 901px) {\r\n .flow-nav {\r\n display: grid !important;\r\n grid-template-columns: minmax(120px, 1fr) auto minmax(420px, 1fr) !important;\r\n align-items: center !important;\r\n column-gap: 20px !important;\r\n }\r\n\r\n .flow-nav > .flow-nav-home {\r\n grid-column: 1 !important;\r\n justify-self: start !important;\r\n position: static !important;\r\n }\r\n\r\n .flow-nav > .flow-nav-book-center {\r\n grid-column: 2 !important;\r\n position: static !important;\r\n justify-self: center !important;\r\n left: auto !important;\r\n top: auto !important;\r\n transform: none !important;\r\n margin: 0 !important;\r\n }\r\n\r\n .flow-nav > .flow-nav-links {\r\n grid-column: 3 !important;\r\n justify-self: end !important;\r\n position: static !important;\r\n display: flex !important;\r\n flex-direction: row !important;\r\n align-items: center !important;\r\n justify-content: flex-end !important;\r\n gap: 18px !important;\r\n padding: 0 !important;\r\n background: transparent !important;\r\n border: none !important;\r\n backdrop-filter: none !important;\r\n }\r\n\r\n .flow-nav > .flow-nav-toggle {\r\n display: none !important;\r\n }\r\n\r\n .flow-nav-links a {\r\n font-size: 9px !important;\r\n letter-spacing: 2px !important;\r\n white-space: nowrap !important;\r\n }\r\n}\r\n\r\n\/* Mobilon marad a pontosan k\u00f6z\u00e9pre tett foglal\u00e1s *\/\r\n@media (max-width: 900px) {\r\n .flow-nav {\r\n display: flex !important;\r\n }\r\n .flow-nav > .flow-nav-book-center {\r\n position: absolute !important;\r\n left: 50% !important;\r\n top: 50% !important;\r\n transform: translate(-50%, -50%) !important;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>FLOW \u2014 Fitness \u2022 Wellness \u2022 Thai Massage FOGLALJ MOST F\u0150OLDAL SZOLG\u00c1LTAT\u00c1SOK GAL\u00c9RIA R\u00d3LUNK MUNKAT\u00c1RSAINK KAPCSOLAT FOGLALJ MOST F\u0150OLDAL SZOLG\u00c1LTAT\u00c1SOK GAL\u00c9RIA R\u00d3LUNK MUNKAT\u00c1RSAINK KAPCSOLAT Ahol a mozg\u00e1s, a felt\u00f6lt\u0151d\u00e9s \u00e9s a nyugalom egyetlen \u00e9lm\u00e9nny\u00e9 v\u00e1lik. \u00dcdv\u00f6zl\u00fcnk a FLOW-ban \u2013 egy k\u00fcl\u00f6nleges t\u00e9rben, ahol a modern sport \u00e9s a tradicion\u00e1lis thai massz\u00e1zs tal\u00e1lkozik. A FLOW azoknak […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/flow-fitness.hu\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flow-fitness.hu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/flow-fitness.hu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/flow-fitness.hu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flow-fitness.hu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":94,"href":"https:\/\/flow-fitness.hu\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":173,"href":"https:\/\/flow-fitness.hu\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/173"}],"wp:attachment":[{"href":"https:\/\/flow-fitness.hu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}