Projektmenedzsment \u2013 H\u00e1tt\u00e9r Controll Bt.<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n :root { --navy: #102F40; --primary: #006080; --accent: #D4AF37; --logo-blue: #A8C8D8; --text: #111; --muted: #555; --light-muted: #888; --surface: #F7F9FA; --border: #DDE4E8; --white: #fff; }\n html { scroll-behavior: smooth; }\n body { font-family: 'Inter', sans-serif; color: var(--text); background: var(--white); font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; }\n .nav { position: fixed; isolation: isolate; top: 0; left: 0; right: 0; z-index: 100; background: rgba(16,47,64,0.97); backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: space-between; padding: 0 56px; height: 80px; border-bottom: 1px solid rgba(168,200,216,0.12); }\n .nav-logo { display: flex; align-items: center; gap: 14px; text-decoration: none; }\n .nav-logo svg { width: 64px; height: 64px; }\n .nav-logo-name { font-size: 17px; font-weight: 700; color: var(--white); }\n .nav-logo-sub { font-size: 11px; font-weight: 500; color: var(--logo-blue); letter-spacing: 0.1em; text-transform: uppercase; margin-top: 1px; }\n .nav-links { display: flex; align-items: center; gap: 36px; list-style: none; }\n .nav-links a { color: rgba(255,255,255,0.72); text-decoration: none; font-size: 14px; font-weight: 500; transition: color 0.2s; }\n .nav-links a:hover { color: var(--white); }\n .nav-links a.active { color: var(--white); border-bottom: 2px solid var(--accent); padding-bottom: 2px; }\n .nav-links .nav-cta { background: var(--accent) !important; color: var(--navy) !important; padding: 9px 22px; border-radius: 6px; font-weight: 700 !important; border-bottom: none !important; transition: opacity 0.2s; }\n .nav-links .nav-cta:hover { opacity: 0.88; }\n .nav-mobile .nav-cta { background: transparent !important; color: rgba(255,255,255,0.85) !important; padding: 14px 28px !important; border-radius: 0 !important; font-weight: 700 !important; border-top: 1px solid rgba(212,175,55,0.3) !important; border-bottom: none !important; }\n .page-hero { background: linear-gradient(135deg, var(--navy) 0%, var(--primary) 100%); padding: 140px 56px 80px; text-align: center; width: 100%; min-height: 40vh; display: flex; flex-direction: column; align-items: center; justify-content: center; }\n .page-hero-eyebrow { display: inline-flex; align-items: center; gap: 8px; background: rgba(168,200,216,0.12); border: 1px solid rgba(168,200,216,0.22); border-radius: 100px; padding: 6px 18px; font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--logo-blue); margin-bottom: 24px; }\n .page-hero-eyebrow span { width: 6px; height: 6px; background: var(--accent); border-radius: 50%; display: inline-block; }\n .page-hero h1 { font-size: clamp(32px, 5vw, 56px); font-weight: 800; color: var(--white); line-height: 1.12; letter-spacing: -0.025em; margin-bottom: 20px; }\n .page-hero h1 em { font-style: normal; color: var(--accent); }\n .page-hero-lead { font-size: 18px; color: rgba(255,255,255,0.75); max-width: 600px; margin: 0 auto 0; line-height: 1.72; }\n\n \/* EXPERT BLOCK *\/\n .expert { background: var(--surface); padding: 64px 56px; border-bottom: 1px solid var(--border); }\n .expert-inner { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }\n .expert-title { font-size: clamp(22px, 2.5vw, 32px); font-weight: 800; color: var(--navy); line-height: 1.2; margin-bottom: 16px; letter-spacing: -0.015em; }\n .expert-title em { font-style: normal; color: var(--primary); }\n .expert-text { font-size: 16px; color: var(--muted); line-height: 1.75; margin-bottom: 16px; }\n .expert-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }\n .expert-tag { font-size: 12px; font-weight: 600; color: var(--primary); background: rgba(0,96,128,0.08); border: 1px solid rgba(0,96,128,0.15); border-radius: 20px; padding: 5px 12px; }\n .expert-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n .expert-stat { background: var(--white); border: 1px solid var(--border); border-radius: 12px; padding: 24px 20px; text-align: center; }\n .expert-stat-num { font-size: 36px; font-weight: 800; color: var(--navy); line-height: 1; margin-bottom: 4px; }\n .expert-stat-num em { font-style: normal; color: var(--accent); }\n .expert-stat-label { font-size: 13px; color: var(--muted); font-weight: 500; }\n\n \/* PHASE NAVIGATOR - integrated from v2 but restyled *\/\n .phase-section { padding: 80px 56px; background: var(--white); }\n .phase-section-inner { max-width: 900px; margin: 0 auto; }\n .section-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; color: var(--primary); margin-bottom: 12px; }\n .section-title { font-size: clamp(26px, 3vw, 40px); font-weight: 800; color: var(--navy); line-height: 1.16; letter-spacing: -0.02em; margin-bottom: 16px; }\n .section-lead { font-size: 17px; color: var(--muted); line-height: 1.72; margin-bottom: 44px; max-width: 640px; }\n .phase-nav { display: flex; border: 1.5px solid var(--border); border-radius: 12px; overflow: hidden; margin-bottom: 0; background: var(--surface); }\n .phase-btn { flex: 1; background: transparent; border: none; border-right: 1px solid var(--border); padding: 14px 8px; font-size: 12px; font-weight: 600; color: var(--muted); cursor: pointer; transition: background .15s, color .15s; line-height: 1.3; font-family: 'Inter', sans-serif; }\n .phase-btn:last-child { border-right: none; }\n .phase-btn:hover { background: rgba(0,96,128,0.05); color: var(--navy); }\n .phase-btn.active { background: var(--navy); color: var(--white); }\n .phase-dot { display: block; width: 24px; height: 24px; border-radius: 50%; background: rgba(0,0,0,0.08); font-size: 11px; font-weight: 700; line-height: 24px; text-align: center; margin: 0 auto 6px; }\n .phase-btn.active .phase-dot { background: var(--accent); color: var(--navy); }\n .phase-panel { display: none; padding: 40px 0 32px; border-bottom: 1px solid var(--border); }\n .phase-panel.active { display: block; }\n .phase-num { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--primary); margin-bottom: 8px; }\n .phase-title-text { font-size: 22px; font-weight: 800; color: var(--navy); margin-bottom: 12px; }\n .phase-desc { font-size: 16px; line-height: 1.72; color: var(--muted); margin-bottom: 28px; max-width: 660px; }\n .task-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; }\n .task-card { background: var(--white); border: 1.5px solid var(--border); border-radius: 10px; padding: 18px 16px; transition: border-color 0.2s; }\n .task-card:hover { border-color: var(--primary); }\n .task-card svg { width: 20px; height: 20px; stroke: var(--primary); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; margin-bottom: 10px; display: block; }\n .task-label { font-size: 13px; font-weight: 700; color: var(--navy); margin-bottom: 4px; }\n .task-sub { font-size: 12px; color: var(--muted); line-height: 1.45; }\n .nav-row { display: flex; justify-content: space-between; align-items: center; padding: 20px 0 0; }\n .nav-btn { background: transparent; border: 1.5px solid var(--border); border-radius: 8px; padding: 9px 20px; font-size: 13px; cursor: pointer; color: var(--navy); font-family: 'Inter', sans-serif; font-weight: 500; transition: background 0.15s, border-color 0.15s; }\n .nav-btn:hover:not(:disabled) { background: var(--surface); border-color: var(--primary); }\n .nav-btn:disabled { opacity: .3; cursor: default; }\n .phase-counter { font-size: 13px; color: var(--muted); }\n\n \/* CLOSING *\/\n .closing-section { background: var(--navy); padding: 80px 56px; text-align: center; }\n .closing-section h2 { font-size: clamp(24px, 3vw, 36px); font-weight: 800; color: var(--white); margin-bottom: 16px; line-height: 1.2; }\n .closing-section p { font-size: 17px; color: rgba(255,255,255,0.68); max-width: 560px; margin: 0 auto 36px; line-height: 1.72; }\n .btn-primary { display: inline-block; background: var(--accent); color: var(--navy); padding: 14px 32px; border-radius: 8px; font-weight: 700; font-size: 15px; text-decoration: none; transition: opacity 0.2s; }\n .btn-primary:hover { opacity: 0.88; }\n\n footer { background: var(--navy); padding: 52px 56px 32px; border-top: 1px solid rgba(168,200,216,0.09); }\n .footer-inner { max-width: 1100px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 24px; padding-bottom: 28px; border-bottom: 1px solid rgba(168,200,216,0.09); margin-bottom: 28px; }\n .footer-logo { display: flex; align-items: center; gap: 14px; }\n .footer-logo svg { width: 40px; height: 40px; }\n .footer-logo-name { font-size: 14px; font-weight: 700; color: var(--white); }\n .footer-logo-sub { font-size: 10px; color: rgba(168,200,216,0.6); letter-spacing: 0.08em; text-transform: uppercase; margin-top: 1px; }\n .footer-links { display: flex; gap: 28px; list-style: none; flex-wrap: wrap; }\n .footer-links a { font-size: 13px; color: rgba(255,255,255,0.45); text-decoration: none; transition: color 0.2s; }\n .footer-links a:hover { color: var(--white); }\n .footer-bottom { max-width: 1100px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; }\n .footer-copy, .footer-gdpr { font-size: 12px; color: rgba(255,255,255,0.30); text-decoration: none; }\n\n @media (max-width: 900px) {\n .nav { padding: 0 24px; } .nav-links { display: none; }\n .phase-section, .expert, .closing-section, footer { padding-left: 24px; padding-right: 24px; }\n .expert-inner { grid-template-columns: 1fr; gap: 40px; }\n .page-hero { padding-left: 24px; padding-right: 24px; }\n }\n .nav-dropdown { position: relative; }\n .nav-dropdown > a { cursor: pointer; }\n .nav-sub { display: none; position: absolute; top: 100%; left: -16px; padding-top: 12px; list-style: none; min-width: 200px; z-index: 200; }\n .nav-sub-inner { background: rgba(16,47,64,0.98); border: 1px solid rgba(168,200,216,0.15); border-radius: 10px; padding: 8px 0; box-shadow: 0 8px 32px rgba(0,0,0,0.25); }\n .nav-sub li a { display: block; padding: 10px 20px; font-size: 14px; color: rgba(255,255,255,0.72) !important; font-weight: 500; transition: background 0.15s, color 0.15s; border-bottom: none !important; }\n .nav-sub li a:hover { background: rgba(168,200,216,0.08); color: var(--white) !important; }\n .nav-dropdown:hover .nav-sub { display: block; }\n\n \/* MOBILE NAV *\/\n .nav-hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 8px; background: none; border: none; }\n .nav-hamburger span { display: block; width: 24px; height: 2px; background: var(--white); border-radius: 2px; transition: all 0.3s; }\n .nav-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }\n .nav-hamburger.open span:nth-child(2) { opacity: 0; }\n .nav-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }\n .nav-mobile { display: none; position: absolute; top: 80px; left: 0; right: 0; width: 100%; background: #102F40; border-bottom: 2px solid rgba(212,175,55,0.3); z-index: 99999; padding: 8px 0 16px; box-shadow: 0 8px 24px rgba(0,0,0,0.4); }\n .nav-mobile.open { display: block !important; }\n .nav-mobile ul { list-style: none; padding: 0; margin: 0; }\n .nav-mobile ul li { display: block; }\n .nav-mobile ul li a { display: block; padding: 14px 28px; font-size: 16px; font-weight: 500; color: rgba(255,255,255,0.85) !important; text-decoration: none; border-bottom: 1px solid rgba(168,200,216,0.08); }\n .nav-mobile ul li a:active { background: rgba(168,200,216,0.12); }\n .nav-mobile ul li a.nav-cta { color: rgba(255,255,255,0.85) !important; font-weight: 700; border-top: 1px solid rgba(212,175,55,0.3); }\n .nav-mobile-sub { background: rgba(0,0,0,0.2); }\n .nav-mobile-sub li a { padding-left: 44px !important; font-size: 14px !important; color: rgba(255,255,255,0.65) !important; }\n @media (max-width: 900px) {\n .nav-links { display: none; }\n .nav-hamburger { display: flex; }\n }\n<\/style>\n<\/head>\n<body>\n\n<nav class=\"nav\">\n <a href=\"https:\/\/hattercontroll-teszt.ifree.page\/fooldal\/\" class=\"nav-logo\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 500\"><rect width=\"500\" height=\"500\" fill=\"none\"\/><g stroke=\"#ffffff\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"150\" y1=\"170\" x2=\"150\" y2=\"360\" stroke-width=\"4\"\/><line x1=\"255\" y1=\"130\" x2=\"255\" y2=\"360\" stroke-width=\"4\"\/><line x1=\"150\" y1=\"285\" x2=\"255\" y2=\"285\" stroke-width=\"4\"\/><polyline points=\"220,270 220,150 290,100 290,240\" stroke-width=\"3.5\"\/><line x1=\"240\" y1=\"170\" x2=\"240\" y2=\"350\" stroke-width=\"1.3\"\/><line x1=\"255\" y1=\"150\" x2=\"255\" y2=\"340\" stroke-width=\"1.3\"\/><line x1=\"270\" y1=\"135\" x2=\"270\" y2=\"220\" stroke-width=\"1.3\"\/><path d=\"M300 260 Q290 260 290 270 L290 340 Q290 350 300 350 L385 350\" stroke-width=\"4\"\/><path d=\"M300 260 L385 260\" stroke-width=\"4\"\/><line x1=\"330\" y1=\"295\" x2=\"330\" y2=\"340\" stroke-width=\"1.3\"\/><line x1=\"345\" y1=\"305\" x2=\"345\" y2=\"340\" stroke-width=\"1.3\"\/><line x1=\"360\" y1=\"320\" x2=\"360\" y2=\"340\" stroke-width=\"1.3\"\/><\/g><\/svg>\n <div>\n <div class=\"nav-logo-name\">H\u00e1tt\u00e9r Controll<\/div>\n <div class=\"nav-logo-sub\">M\u0171szaki tan\u00e1csad\u00e1s<\/div>\n <\/div>\n <\/a>\n <ul class=\"nav-links\">\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/fooldal\/#bemutatkozas\">Bemutatkoz\u00e1s<\/a><\/li>\n <li class=\"nav-dropdown\"><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/fooldal\/#szolgaltatasok\">Szolg\u00e1ltat\u00e1sok \u25be<\/a>\n <ul class=\"nav-sub\"><div class=\"nav-sub-inner\">\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/engedelyeztetes\/\">Enged\u00e9lyeztet\u00e9s<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/projektmenedzsment\/\">Projektmenedzsment<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/uzemeltetes\/\">\u00dczemeltet\u00e9s<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/e-adminisztracio\/\">E-adminisztr\u00e1ci\u00f3<\/a><\/li>\n <\/div><\/ul><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/fooldal\/#referenciak\">Referenci\u00e1k<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/kapcsolat\/\" class=\"nav-cta\">Kapcsolat<\/a><\/li>\n <\/ul>\n <button class=\"nav-hamburger\" id=\"navHamburger\" onclick=\"toggleMobileNav()\" aria-label=\"Men\u00fc\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n<\/nav>\n\n\n<div class=\"nav-mobile\" id=\"navMobile\">\n <ul>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/fooldal\/#bemutatkozas\" onclick=\"closeMobileNav()\">Bemutatkoz\u00e1s<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/fooldal\/#szolgaltatasok\" onclick=\"closeMobileNav()\">Szolg\u00e1ltat\u00e1sok<\/a><\/li>\n <ul class=\"nav-mobile-sub\">\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/engedelyeztetes\/\" onclick=\"closeMobileNav()\">Enged\u00e9lyeztet\u00e9s<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/projektmenedzsment\/\" onclick=\"closeMobileNav()\">Projektmenedzsment<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/uzemeltetes\/\" onclick=\"closeMobileNav()\">\u00dczemeltet\u00e9s<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/e-adminisztracio\/\" onclick=\"closeMobileNav()\">E-adminisztr\u00e1ci\u00f3<\/a><\/li>\n <\/ul>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/fooldal\/#referenciak\" onclick=\"closeMobileNav(); return true;\">Referenci\u00e1k<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/kapcsolat\/\" onclick=\"closeMobileNav()\">Kapcsolat<\/a><\/li>\n <\/ul>\n<\/div>\n\n<div class=\"page-hero\">\n <div class=\"page-hero-eyebrow\"><span><\/span> Szolg\u00e1ltat\u00e1s<\/div>\n <h1>Projektmenedzsment ,<br><em>az els\u0151 t\u00e1rgyal\u00e1st\u00f3l a kulcs\u00e1tad\u00e1sig<\/em><\/h1>\n <p class=\"page-hero-lead\">Nem fel\u00fcgyel\u00fcnk, ir\u00e1ny\u00edtunk. Az \u00fcgyf\u00e9l d\u00f6nt, mi int\u00e9z\u00fcnk. A tervez\u00e9si egyeztet\u00e9sekt\u0151l a kulcs\u00e1tad\u00e1sig minden f\u00e1zist akt\u00edvan koordin\u00e1lunk.<\/p>\n<\/div>\n\n<div class=\"expert\">\n <div class=\"expert-inner\">\n <div>\n <h2 class=\"expert-title\">T\u00f6bb mint 12 \u00e9v tapasztalat, <em>Megb\u00edz\u00f3i \u00e9s Gener\u00e1l Kivitelez\u0151i oldalon egyar\u00e1nt<\/em><\/h2>\n <p class=\"expert-text\">Kiskereskedelmi bels\u0151\u00e9p\u00edt\u00e9szeti projektekt\u0151l eg\u00e9szen ipari \u00e9s vegyes funkci\u00f3j\u00fa fejleszt\u00e9sekig sz\u00e1mos komplex beruh\u00e1z\u00e1s teljes k\u00f6r\u0171 koordin\u00e1ci\u00f3j\u00e1ban szerezt\u00fcnk tapasztalatot, a projekt indul\u00e1s\u00e1t\u00f3l kezd\u0151d\u0151en eg\u00e9szen az \u00e1tad\u00e1sig.<\/p>\n <p class=\"expert-text\">Munk\u00e1nk k\u00f6z\u00e9ppontj\u00e1ban a Megb\u00edz\u00f3i \u00e9rdekek k\u00e9pviselete \u00e1ll: megval\u00f3s\u00edthat\u00f3s\u00e1gi elemz\u00e9sekkel minimaliz\u00e1ljuk a kock\u00e1zatokat, \u00e9s megalapozott d\u00f6nt\u00e9si alapot biztos\u00edtunk minden f\u00e1zisban. A telek kiv\u00e1laszt\u00e1s\u00e1ban \u00e9s koncepci\u00f3tervek k\u00e9sz\u00edt\u00e9s\u00e9ben is hathat\u00f3s seg\u00edts\u00e9get ny\u00fajtunk a Megb\u00edz\u00f3nak.<\/p>\n <div class=\"expert-tags\">\n <span class=\"expert-tag\">Logisztikai fejleszt\u00e9sek<\/span>\n <span class=\"expert-tag\">Bev\u00e1s\u00e1rl\u00f3k\u00f6zpontok<\/span>\n <span class=\"expert-tag\">Retail kivitelez\u00e9s<\/span>\n <span class=\"expert-tag\">Ipari beruh\u00e1z\u00e1sok<\/span>\n <span class=\"expert-tag\">Irodah\u00e1zak<\/span>\n <span class=\"expert-tag\">Nemzetk\u00f6zi projektek<\/span>\n <\/div>\n <\/div>\n <div class=\"expert-stats\">\n <div class=\"expert-stat\"><div class=\"expert-stat-num\">12<em>+<\/em><\/div><div class=\"expert-stat-label\">\u00c9v tapasztalat<\/div><\/div>\n <div class=\"expert-stat\"><div class=\"expert-stat-num\">50<em>+<\/em><\/div><div class=\"expert-stat-label\">Befejezett projekt<\/div><\/div>\n <div class=\"expert-stat\"><div class=\"expert-stat-num\">5<\/div><div class=\"expert-stat-label\">Orsz\u00e1g (HU, DE, LT, NO, CZ)<\/div><\/div>\n <div class=\"expert-stat\"><div class=\"expert-stat-num\">5<\/div><div class=\"expert-stat-label\">Akt\u00edv ipar\u00e1g<\/div><\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<section class=\"phase-section\">\n <div class=\"phase-section-inner\">\n <p class=\"section-eyebrow\">Az \u00e9p\u00edt\u00e9si projekt teljes \u00e9letciklusa<\/p>\n <h2 class=\"section-title\">\u00d6t f\u00e1zis, egyetlen k\u00e9zben<\/h2>\n <p class=\"section-lead\">A tervez\u00e9si egyeztet\u00e9sekt\u0151l a kulcs\u00e1tad\u00e1sig minden f\u00e1zist akt\u00edvan koordin\u00e1lunk. Nem fel\u00fcgyel\u00fcnk, ir\u00e1ny\u00edtunk.<\/p>\n\n <div class=\"phase-nav\" id=\"phaseNav\"><\/div>\n <div id=\"phasePanels\"><\/div>\n <div class=\"nav-row\">\n <button class=\"nav-btn\" id=\"prevBtn\" onclick=\"changePhase(-1)\" disabled>\u2190 El\u0151z\u0151<\/button>\n <span class=\"phase-counter\" id=\"phaseCounter\">1 \/ 5<\/span>\n <button class=\"nav-btn\" id=\"nextBtn\" onclick=\"changePhase(1)\">K\u00f6vetkez\u0151 \u2192<\/button>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"closing-section\">\n <h2>Amit mi elv\u00e9gz\u00fcnk, azt \u00d6nnek nem kell.<\/h2>\n <p>T\u00f6bb \u00e9vtizedes tapasztalattal \u00e1llunk Megrendel\u0151i \u00e9s Beruh\u00e1z\u00f3i oldalon egyar\u00e1nt, bele\u00e9rtve az \u00e1llami \u00e9s \u00f6nkorm\u00e1nyzati projekteket. Ha k\u00e9rd\u00e9se van, vagy konkr\u00e9t projektet szeretne megbesz\u00e9lni, keressen fel el\u00e9rhet\u0151s\u00e9geinken!<\/p>\n <a href=\"https:\/\/hattercontroll-teszt.ifree.page\/kapcsolat\/\" class=\"btn-primary\">Kapcsolatfelv\u00e9tel!<\/a>\n<\/div>\n\n<footer>\n <div class=\"footer-inner\">\n <div class=\"footer-logo\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 500\"><rect width=\"500\" height=\"500\" fill=\"none\"\/><g stroke=\"#d4af37\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"150\" y1=\"170\" x2=\"150\" y2=\"360\" stroke-width=\"4\"\/><line x1=\"255\" y1=\"130\" x2=\"255\" y2=\"360\" stroke-width=\"4\"\/><line x1=\"150\" y1=\"285\" x2=\"255\" y2=\"285\" stroke-width=\"4\"\/><polyline points=\"220,270 220,150 290,100 290,240\" stroke-width=\"3.5\"\/><line x1=\"240\" y1=\"170\" x2=\"240\" y2=\"350\" stroke-width=\"1.3\"\/><line x1=\"255\" y1=\"150\" x2=\"255\" y2=\"340\" stroke-width=\"1.3\"\/><line x1=\"270\" y1=\"135\" x2=\"270\" y2=\"220\" stroke-width=\"1.3\"\/><path d=\"M300 260 Q290 260 290 270 L290 340 Q290 350 300 350 L385 350\" stroke-width=\"4\"\/><path d=\"M300 260 L385 260\" stroke-width=\"4\"\/><line x1=\"330\" y1=\"295\" x2=\"330\" y2=\"340\" stroke-width=\"1.3\"\/><line x1=\"345\" y1=\"305\" x2=\"345\" y2=\"340\" stroke-width=\"1.3\"\/><line x1=\"360\" y1=\"320\" x2=\"360\" y2=\"340\" stroke-width=\"1.3\"\/><\/g><\/svg>\n <div>\n <div class=\"footer-logo-name\">H\u00e1tt\u00e9r Controll Bt.<\/div>\n <div class=\"footer-logo-sub\">M\u0171szaki tan\u00e1csad\u00e1s<\/div>\n <\/div>\n <\/div>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/engedelyeztetes\/\">Enged\u00e9lyeztet\u00e9s<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/projektmenedzsment\/\">Projektmenedzsment<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/uzemeltetes\/\">\u00dczemeltet\u00e9s<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/e-adminisztracio\/\">E-adminisztr\u00e1ci\u00f3<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/kapcsolat\/\">Kapcsolat<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-bottom\">\n <span class=\"footer-copy\">\u00a9 2026 H\u00e1tt\u00e9r Controll Bt., Minden jog fenntartva.<\/span>\n <a href=\"https:\/\/hattercontroll-teszt.ifree.page\/gdpr\/\" class=\"footer-gdpr\">GDPR \/ Adatkezel\u00e9si t\u00e1j\u00e9koztat\u00f3<\/a>\n <\/div>\n<\/footer>\n\n<script>\nconst phases = [\n { label:\"El\u0151k\u00e9sz\u00edt\u00e9s\", num:\"01, El\u0151k\u00e9sz\u00edt\u00e9s\", title:\"Tervez\u00e9s \u00e9s tervez\u00e9si koordin\u00e1ci\u00f3\", desc:\"A tervez\u00e9si f\u00e1zis az, ahol a projekt sorsa eld\u0151l. \u00d6sszehangoljuk a szak\u00e1gi tervez\u0151ket, kisz\u0171rj\u00fck az \u00fctk\u00f6z\u00e9seket, \u00e9s gondoskodunk r\u00f3la, hogy a tervdokument\u00e1ci\u00f3 val\u00f3ban megval\u00f3s\u00edthat\u00f3 legyen, miel\u0151tt az els\u0151 kapav\u00e1g\u00e1s megt\u00f6rt\u00e9nik.\", tasks:[{icon:'<circle cx=\"12\" cy=\"12\" r=\"3\"\/><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"6\"\/><line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"21\"\/><line x1=\"3\" y1=\"12\" x2=\"6\" y2=\"12\"\/><line x1=\"18\" y1=\"12\" x2=\"21\" y2=\"12\"\/>',label:\"Tervez\u0151i csapat koordin\u00e1l\u00e1sa\",sub:\"Szak\u00e1gak kiv\u00e1laszt\u00e1sa, megb\u00edz\u00e1sok koordin\u00e1l\u00e1sa\"},{icon:'<polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/>',label:\"Szak\u00e1gi tervegyeztet\u00e9sek\",sub:\"\u00dctk\u00f6z\u00e9sek kisz\u0171r\u00e9se, d\u00f6nt\u00e9si pontok r\u00f6gz\u00edt\u00e9se\"},{icon:'<rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/>',label:\"Projektnapt\u00e1r fel\u00e1ll\u00edt\u00e1sa\",sub:\"M\u00e9rf\u00f6ldk\u00f6vek, hat\u00e1rid\u0151k, felel\u0151s\u00f6k\"},{icon:'<line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>',label:\"Kiindul\u00f3 k\u00f6lts\u00e9gterv\",sub:\"Becs\u00fclt budget \u00f6ssze\u00e1ll\u00edt\u00e1sa, tartal\u00e9k tervez\u00e9se\"}]},\n { label:\"Enged\u00e9lyez\u00e9s\", num:\"02, Enged\u00e9lyez\u00e9s\", title:\"Hat\u00f3s\u00e1gi elj\u00e1r\u00e1sok kezel\u00e9se\", desc:\"Hi\u00e1nyp\u00f3tl\u00e1s n\u00e9lk\u00fcl, hat\u00e1rid\u0151re, ez az \u00edg\u00e9ret\u00fcnk a hat\u00f3s\u00e1gi enged\u00e9lyez\u00e9si folyamatra. A teljes dokument\u00e1ci\u00f3t \u00f6ssze\u00e1ll\u00edtjuk, beny\u00fajtjuk, \u00e9s v\u00e9gigvissz\u00fck az elj\u00e1r\u00e1st.\", tasks:[{icon:'<path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"9\" y1=\"15\" x2=\"15\" y2=\"15\"\/>',label:\"Enged\u00e9lyez\u00e9si dokument\u00e1ci\u00f3\",sub:\"\u00d6ssze\u00e1ll\u00edt\u00e1s, beny\u00fajt\u00e1s, \u00fcgyint\u00e9z\u00e9s\"},{icon:'<path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>',label:\"Hat\u00f3s\u00e1gok \u00e9s \u00f6nkorm\u00e1nyzat\",sub:\"Folyamatos szem\u00e9lyes k\u00e9pviselet\"},{icon:'<path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/>',label:\"F\u00f6ldhivatali \u00fcgyek\",sub:\"Telekingatlan-\u00fcgyek, v\u00e1ltoz\u00e1svezet\u00e9s\"},{icon:'<polyline points=\"9 11 12 14 22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/>',label:\"Szakhat\u00f3s\u00e1gi egyeztet\u00e9sek\",sub:\"T\u0171zv\u00e9delem, k\u00f6z\u00fczem, \u00f6r\u00f6ks\u00e9gv\u00e9delem\"}]},\n { label:\"Kivitelez\u00e9s\", num:\"03, Kivitelez\u00e9s\", title:\"Helysz\u00edni koordin\u00e1ci\u00f3 \u00e9s fel\u00fcgyelet\", desc:\"A kivitelez\u00e9s f\u00e1zis\u00e1ban ak\u00e1r napi helysz\u00edni jelenl\u00e9ttel koordin\u00e1ljuk a Gener\u00e1l Kivitelez\u0151t \u00e9s az Alv\u00e1llalkoz\u00f3kat, fel\u00fcgyelj\u00fck a min\u0151s\u00e9get \u00e9s tartjuk a hat\u00e1rid\u0151ket.\", tasks:[{icon:'<path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/>',label:\"Alv\u00e1llalkoz\u00f3i versenyeztet\u00e9s\",sub:\"Aj\u00e1nlatk\u00e9r\u00e9s, \u00e9rt\u00e9kel\u00e9s, szerz\u0151d\u00e9sk\u00f6t\u00e9s\"},{icon:'<path d=\"M1 6v16l7-4 8 4 7-4V2l-7 4-8-4-7 4z\"\/>',label:\"M\u0171szaki ellen\u0151rz\u00e9s\",sub:\"Helysz\u00edni fel\u00fcgyelet, min\u0151s\u00e9gbiztos\u00edt\u00e1s\"},{icon:'<path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/>',label:\"\u00c9p\u00edt\u00e9si napl\u00f3\",sub:\"Napi r\u00f6gz\u00edt\u00e9s, dokument\u00e1l\u00e1s\"},{icon:'<line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/>',label:\"\u00dctemterv-kontroll\",sub:\"Cs\u00fasz\u00e1sok azonos\u00edt\u00e1sa, kezel\u00e9se\"}]},\n { label:\"P\u00e9nz\u00fcgyek\", num:\"04, P\u00e9nz\u00fcgyek\", title:\"P\u00e9nz\u00fcgyi \u00e9s szerz\u0151d\u00e9ses kontroll\", desc:\"Minden kifizet\u00e9s m\u00f6g\u00f6tt igazolt teljes\u00edt\u00e9s \u00e1ll. Folyamatosan nyomon k\u00f6vetj\u00fck a k\u00f6lts\u00e9geket, kezelj\u00fck a p\u00f3tmunk\u00e1kat, \u00e9s rendszeres riportok k\u00e9sz\u00edt\u00e9s\u00e9vel naprak\u00e9szen tartjuk a Megrendel\u0151t.\", tasks:[{icon:'<line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>',label:\"Terv-t\u00e9ny \u00f6sszehasonl\u00edt\u00e1s\",sub:\"Folyamatos budget-kontroll, elt\u00e9r\u00e9sek kezel\u00e9se\"},{icon:'<path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>',label:\"Teljes\u00edt\u00e9sigazol\u00e1s\",sub:\"Sz\u00e1mlaellen\u0151rz\u00e9s, alv\u00e1llalkoz\u00f3i elsz\u00e1mol\u00e1s\"},{icon:'<circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/>',label:\"P\u00f3tmunka-kezel\u00e9s\",sub:\"V\u00e1ltoz\u00e1skezel\u00e9s, j\u00f3v\u00e1hagy\u00e1si folyamat\"},{icon:'<polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/>',label:\"Megrendel\u0151i riport\",sub:\"Rendszeres \u00f6sszefoglal\u00f3k a Megrendel\u0151nek\"}]},\n { label:\"\u00c1tad\u00e1s\", num:\"05, \u00c1tad\u00e1s\", title:\"Haszn\u00e1latbav\u00e9tel \u00e9s Projektz\u00e1r\u00e1s\", desc:\"A haszn\u00e1latbav\u00e9teli enged\u00e9ly megszerz\u00e9se, a z\u00e1r\u00f3 dokument\u00e1ci\u00f3 \u00e9s a garanci\u00e1lis id\u0151szak kezel\u00e9se a mi feladatunk, a kulcs\u00e1tad\u00e1sig \u00e9s azon t\u00fal.\", tasks:[{icon:'<path d=\"M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4\"\/>',label:\"Haszn\u00e1latbav\u00e9teli enged\u00e9ly\",sub:\"Elj\u00e1r\u00e1s v\u00e9gigvitele, dokument\u00e1ci\u00f3 \u00e1tad\u00e1sa\"},{icon:'<polyline points=\"20 6 9 17 4 12\"\/>',label:\"Z\u00e1r\u00f3 elsz\u00e1mol\u00e1s\",sub:\"V\u00e9gleges p\u00e9nz\u00fcgyi lez\u00e1r\u00e1s\"},{icon:'<path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/>',label:\"Hibafelv\u00e9tel \u00e9s visszaellen\u0151rz\u00e9s\",sub:\"\u00c1tad\u00e1s el\u0151tt hib\u00e1k r\u00f6gz\u00edt\u00e9se \u00e9s jav\u00edttat\u00e1sa\"},{icon:'<path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>',label:\"J\u00f3t\u00e1ll\u00e1si id\u0151szak\",sub:\"Garanci\u00e1lis ig\u00e9nyek koordin\u00e1l\u00e1sa\"}]}\n];\nlet current = 0;\nfunction render() {\n const nav = document.getElementById('phaseNav');\n const panels = document.getElementById('phasePanels');\n nav.innerHTML = phases.map((p,i) => `<button class=\"phase-btn${i===current?' active':''}\" onclick=\"goPhase(${i})\"><span class=\"phase-dot\">${i+1}<\/span>${p.label}<\/button>`).join('');\n panels.innerHTML = phases.map((p,i) => `<div class=\"phase-panel${i===current?' active':''}\"><p class=\"phase-num\">${p.num}<\/p><p class=\"phase-title-text\">${p.title}<\/p><p class=\"phase-desc\">${p.desc}<\/p><div class=\"task-grid\">${p.tasks.map(t=>`<div class=\"task-card\"><svg viewBox=\"0 0 24 24\">${t.icon}<\/svg><p class=\"task-label\">${t.label}<\/p><p class=\"task-sub\">${t.sub}<\/p><\/div>`).join('')}<\/div><\/div>`).join('');\n document.getElementById('phaseCounter').textContent = `${current+1} \/ ${phases.length}`;\n document.getElementById('prevBtn').disabled = current === 0;\n document.getElementById('nextBtn').disabled = current === phases.length - 1;\n}\nfunction goPhase(i) { current = i; render(); }\nfunction changePhase(d) { current = Math.max(0, Math.min(phases.length-1, current+d)); render(); }\nrender();\n<\/script>\n\n<script>\n\/\/ Mobile navigation\nfunction toggleMobileNav() {\n var btn = document.getElementById('navHamburger');\n var menu = document.getElementById('navMobile');\n if (!btn || !menu) return;\n var isOpen = menu.style.display === 'block';\n if (isOpen) {\n menu.style.display = 'none';\n btn.classList.remove('open');\n } else {\n menu.style.display = 'block';\n btn.classList.add('open');\n }\n}\nfunction closeMobileNav() {\n var btn = document.getElementById('navHamburger');\n var menu = document.getElementById('navMobile');\n if (btn) btn.classList.remove('open');\n if (menu) menu.style.display = 'none';\n}\ndocument.addEventListener('DOMContentLoaded', function() {\n var menu = document.getElementById('navMobile');\n if (menu) menu.style.display = 'none';\n document.addEventListener('click', function(e) {\n var hamburger = document.getElementById('navHamburger');\n var menu = document.getElementById('navMobile');\n if (!hamburger || !menu) return;\n if (!hamburger.contains(e.target) && !menu.contains(e.target)) {\n closeMobileNav();\n }\n });\n});\n<\/script>\n<\/body>\n<\/html>\n\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>Projektmenedzsment \u2013 H\u00e1tt\u00e9r Controll Bt. H\u00e1tt\u00e9r Controll M\u0171szaki tan\u00e1csad\u00e1s Bemutatkoz\u00e1s Szolg\u00e1ltat\u00e1sok \u25be Enged\u00e9lyeztet\u00e9s Projektmenedzsment \u00dczemeltet\u00e9s E-adminisztr\u00e1ci\u00f3 Referenci\u00e1k Kapcsolat Bemutatkoz\u00e1s Szolg\u00e1ltat\u00e1sok […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-48","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hattercontroll.hu\/en\/wp-json\/wp\/v2\/pages\/48","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hattercontroll.hu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hattercontroll.hu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hattercontroll.hu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hattercontroll.hu\/en\/wp-json\/wp\/v2\/comments?post=48"}],"version-history":[{"count":28,"href":"https:\/\/hattercontroll.hu\/en\/wp-json\/wp\/v2\/pages\/48\/revisions"}],"predecessor-version":[{"id":211,"href":"https:\/\/hattercontroll.hu\/en\/wp-json\/wp\/v2\/pages\/48\/revisions\/211"}],"wp:attachment":[{"href":"https:\/\/hattercontroll.hu\/en\/wp-json\/wp\/v2\/media?parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nProjektmenedzsment \u2013 H\u00e1tt\u00e9r Controll Bt.<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n :root { --navy: #102F40; --primary: #006080; --accent: #D4AF37; --logo-blue: #A8C8D8; --text: #111; --muted: #555; --light-muted: #888; --surface: #F7F9FA; --border: #DDE4E8; --white: #fff; }\n html { scroll-behavior: smooth; }\n body { font-family: 'Inter', sans-serif; color: var(--text); background: var(--white); font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; }\n .nav { position: fixed; isolation: isolate; top: 0; left: 0; right: 0; z-index: 100; background: rgba(16,47,64,0.97); backdrop-filter: blur(10px); display: flex; align-items: center; justify-content: space-between; padding: 0 56px; height: 80px; border-bottom: 1px solid rgba(168,200,216,0.12); }\n .nav-logo { display: flex; align-items: center; gap: 14px; text-decoration: none; }\n .nav-logo svg { width: 64px; height: 64px; }\n .nav-logo-name { font-size: 17px; font-weight: 700; color: var(--white); }\n .nav-logo-sub { font-size: 11px; font-weight: 500; color: var(--logo-blue); letter-spacing: 0.1em; text-transform: uppercase; margin-top: 1px; }\n .nav-links { display: flex; align-items: center; gap: 36px; list-style: none; }\n .nav-links a { color: rgba(255,255,255,0.72); text-decoration: none; font-size: 14px; font-weight: 500; transition: color 0.2s; }\n .nav-links a:hover { color: var(--white); }\n .nav-links a.active { color: var(--white); border-bottom: 2px solid var(--accent); padding-bottom: 2px; }\n .nav-links .nav-cta { background: var(--accent) !important; color: var(--navy) !important; padding: 9px 22px; border-radius: 6px; font-weight: 700 !important; border-bottom: none !important; transition: opacity 0.2s; }\n .nav-links .nav-cta:hover { opacity: 0.88; }\n .nav-mobile .nav-cta { background: transparent !important; color: rgba(255,255,255,0.85) !important; padding: 14px 28px !important; border-radius: 0 !important; font-weight: 700 !important; border-top: 1px solid rgba(212,175,55,0.3) !important; border-bottom: none !important; }\n .page-hero { background: linear-gradient(135deg, var(--navy) 0%, var(--primary) 100%); padding: 140px 56px 80px; text-align: center; width: 100%; min-height: 40vh; display: flex; flex-direction: column; align-items: center; justify-content: center; }\n .page-hero-eyebrow { display: inline-flex; align-items: center; gap: 8px; background: rgba(168,200,216,0.12); border: 1px solid rgba(168,200,216,0.22); border-radius: 100px; padding: 6px 18px; font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--logo-blue); margin-bottom: 24px; }\n .page-hero-eyebrow span { width: 6px; height: 6px; background: var(--accent); border-radius: 50%; display: inline-block; }\n .page-hero h1 { font-size: clamp(32px, 5vw, 56px); font-weight: 800; color: var(--white); line-height: 1.12; letter-spacing: -0.025em; margin-bottom: 20px; }\n .page-hero h1 em { font-style: normal; color: var(--accent); }\n .page-hero-lead { font-size: 18px; color: rgba(255,255,255,0.75); max-width: 600px; margin: 0 auto 0; line-height: 1.72; }\n\n \/* EXPERT BLOCK *\/\n .expert { background: var(--surface); padding: 64px 56px; border-bottom: 1px solid var(--border); }\n .expert-inner { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }\n .expert-title { font-size: clamp(22px, 2.5vw, 32px); font-weight: 800; color: var(--navy); line-height: 1.2; margin-bottom: 16px; letter-spacing: -0.015em; }\n .expert-title em { font-style: normal; color: var(--primary); }\n .expert-text { font-size: 16px; color: var(--muted); line-height: 1.75; margin-bottom: 16px; }\n .expert-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }\n .expert-tag { font-size: 12px; font-weight: 600; color: var(--primary); background: rgba(0,96,128,0.08); border: 1px solid rgba(0,96,128,0.15); border-radius: 20px; padding: 5px 12px; }\n .expert-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n .expert-stat { background: var(--white); border: 1px solid var(--border); border-radius: 12px; padding: 24px 20px; text-align: center; }\n .expert-stat-num { font-size: 36px; font-weight: 800; color: var(--navy); line-height: 1; margin-bottom: 4px; }\n .expert-stat-num em { font-style: normal; color: var(--accent); }\n .expert-stat-label { font-size: 13px; color: var(--muted); font-weight: 500; }\n\n \/* PHASE NAVIGATOR - integrated from v2 but restyled *\/\n .phase-section { padding: 80px 56px; background: var(--white); }\n .phase-section-inner { max-width: 900px; margin: 0 auto; }\n .section-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; color: var(--primary); margin-bottom: 12px; }\n .section-title { font-size: clamp(26px, 3vw, 40px); font-weight: 800; color: var(--navy); line-height: 1.16; letter-spacing: -0.02em; margin-bottom: 16px; }\n .section-lead { font-size: 17px; color: var(--muted); line-height: 1.72; margin-bottom: 44px; max-width: 640px; }\n .phase-nav { display: flex; border: 1.5px solid var(--border); border-radius: 12px; overflow: hidden; margin-bottom: 0; background: var(--surface); }\n .phase-btn { flex: 1; background: transparent; border: none; border-right: 1px solid var(--border); padding: 14px 8px; font-size: 12px; font-weight: 600; color: var(--muted); cursor: pointer; transition: background .15s, color .15s; line-height: 1.3; font-family: 'Inter', sans-serif; }\n .phase-btn:last-child { border-right: none; }\n .phase-btn:hover { background: rgba(0,96,128,0.05); color: var(--navy); }\n .phase-btn.active { background: var(--navy); color: var(--white); }\n .phase-dot { display: block; width: 24px; height: 24px; border-radius: 50%; background: rgba(0,0,0,0.08); font-size: 11px; font-weight: 700; line-height: 24px; text-align: center; margin: 0 auto 6px; }\n .phase-btn.active .phase-dot { background: var(--accent); color: var(--navy); }\n .phase-panel { display: none; padding: 40px 0 32px; border-bottom: 1px solid var(--border); }\n .phase-panel.active { display: block; }\n .phase-num { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--primary); margin-bottom: 8px; }\n .phase-title-text { font-size: 22px; font-weight: 800; color: var(--navy); margin-bottom: 12px; }\n .phase-desc { font-size: 16px; line-height: 1.72; color: var(--muted); margin-bottom: 28px; max-width: 660px; }\n .task-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; }\n .task-card { background: var(--white); border: 1.5px solid var(--border); border-radius: 10px; padding: 18px 16px; transition: border-color 0.2s; }\n .task-card:hover { border-color: var(--primary); }\n .task-card svg { width: 20px; height: 20px; stroke: var(--primary); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; margin-bottom: 10px; display: block; }\n .task-label { font-size: 13px; font-weight: 700; color: var(--navy); margin-bottom: 4px; }\n .task-sub { font-size: 12px; color: var(--muted); line-height: 1.45; }\n .nav-row { display: flex; justify-content: space-between; align-items: center; padding: 20px 0 0; }\n .nav-btn { background: transparent; border: 1.5px solid var(--border); border-radius: 8px; padding: 9px 20px; font-size: 13px; cursor: pointer; color: var(--navy); font-family: 'Inter', sans-serif; font-weight: 500; transition: background 0.15s, border-color 0.15s; }\n .nav-btn:hover:not(:disabled) { background: var(--surface); border-color: var(--primary); }\n .nav-btn:disabled { opacity: .3; cursor: default; }\n .phase-counter { font-size: 13px; color: var(--muted); }\n\n \/* CLOSING *\/\n .closing-section { background: var(--navy); padding: 80px 56px; text-align: center; }\n .closing-section h2 { font-size: clamp(24px, 3vw, 36px); font-weight: 800; color: var(--white); margin-bottom: 16px; line-height: 1.2; }\n .closing-section p { font-size: 17px; color: rgba(255,255,255,0.68); max-width: 560px; margin: 0 auto 36px; line-height: 1.72; }\n .btn-primary { display: inline-block; background: var(--accent); color: var(--navy); padding: 14px 32px; border-radius: 8px; font-weight: 700; font-size: 15px; text-decoration: none; transition: opacity 0.2s; }\n .btn-primary:hover { opacity: 0.88; }\n\n footer { background: var(--navy); padding: 52px 56px 32px; border-top: 1px solid rgba(168,200,216,0.09); }\n .footer-inner { max-width: 1100px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 24px; padding-bottom: 28px; border-bottom: 1px solid rgba(168,200,216,0.09); margin-bottom: 28px; }\n .footer-logo { display: flex; align-items: center; gap: 14px; }\n .footer-logo svg { width: 40px; height: 40px; }\n .footer-logo-name { font-size: 14px; font-weight: 700; color: var(--white); }\n .footer-logo-sub { font-size: 10px; color: rgba(168,200,216,0.6); letter-spacing: 0.08em; text-transform: uppercase; margin-top: 1px; }\n .footer-links { display: flex; gap: 28px; list-style: none; flex-wrap: wrap; }\n .footer-links a { font-size: 13px; color: rgba(255,255,255,0.45); text-decoration: none; transition: color 0.2s; }\n .footer-links a:hover { color: var(--white); }\n .footer-bottom { max-width: 1100px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; }\n .footer-copy, .footer-gdpr { font-size: 12px; color: rgba(255,255,255,0.30); text-decoration: none; }\n\n @media (max-width: 900px) {\n .nav { padding: 0 24px; } .nav-links { display: none; }\n .phase-section, .expert, .closing-section, footer { padding-left: 24px; padding-right: 24px; }\n .expert-inner { grid-template-columns: 1fr; gap: 40px; }\n .page-hero { padding-left: 24px; padding-right: 24px; }\n }\n .nav-dropdown { position: relative; }\n .nav-dropdown > a { cursor: pointer; }\n .nav-sub { display: none; position: absolute; top: 100%; left: -16px; padding-top: 12px; list-style: none; min-width: 200px; z-index: 200; }\n .nav-sub-inner { background: rgba(16,47,64,0.98); border: 1px solid rgba(168,200,216,0.15); border-radius: 10px; padding: 8px 0; box-shadow: 0 8px 32px rgba(0,0,0,0.25); }\n .nav-sub li a { display: block; padding: 10px 20px; font-size: 14px; color: rgba(255,255,255,0.72) !important; font-weight: 500; transition: background 0.15s, color 0.15s; border-bottom: none !important; }\n .nav-sub li a:hover { background: rgba(168,200,216,0.08); color: var(--white) !important; }\n .nav-dropdown:hover .nav-sub { display: block; }\n\n \/* MOBILE NAV *\/\n .nav-hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 8px; background: none; border: none; }\n .nav-hamburger span { display: block; width: 24px; height: 2px; background: var(--white); border-radius: 2px; transition: all 0.3s; }\n .nav-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }\n .nav-hamburger.open span:nth-child(2) { opacity: 0; }\n .nav-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }\n .nav-mobile { display: none; position: absolute; top: 80px; left: 0; right: 0; width: 100%; background: #102F40; border-bottom: 2px solid rgba(212,175,55,0.3); z-index: 99999; padding: 8px 0 16px; box-shadow: 0 8px 24px rgba(0,0,0,0.4); }\n .nav-mobile.open { display: block !important; }\n .nav-mobile ul { list-style: none; padding: 0; margin: 0; }\n .nav-mobile ul li { display: block; }\n .nav-mobile ul li a { display: block; padding: 14px 28px; font-size: 16px; font-weight: 500; color: rgba(255,255,255,0.85) !important; text-decoration: none; border-bottom: 1px solid rgba(168,200,216,0.08); }\n .nav-mobile ul li a:active { background: rgba(168,200,216,0.12); }\n .nav-mobile ul li a.nav-cta { color: rgba(255,255,255,0.85) !important; font-weight: 700; border-top: 1px solid rgba(212,175,55,0.3); }\n .nav-mobile-sub { background: rgba(0,0,0,0.2); }\n .nav-mobile-sub li a { padding-left: 44px !important; font-size: 14px !important; color: rgba(255,255,255,0.65) !important; }\n @media (max-width: 900px) {\n .nav-links { display: none; }\n .nav-hamburger { display: flex; }\n }\n<\/style>\n<\/head>\n<body>\n\n<nav class=\"nav\">\n <a href=\"https:\/\/hattercontroll-teszt.ifree.page\/fooldal\/\" class=\"nav-logo\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 500\"><rect width=\"500\" height=\"500\" fill=\"none\"\/><g stroke=\"#ffffff\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"150\" y1=\"170\" x2=\"150\" y2=\"360\" stroke-width=\"4\"\/><line x1=\"255\" y1=\"130\" x2=\"255\" y2=\"360\" stroke-width=\"4\"\/><line x1=\"150\" y1=\"285\" x2=\"255\" y2=\"285\" stroke-width=\"4\"\/><polyline points=\"220,270 220,150 290,100 290,240\" stroke-width=\"3.5\"\/><line x1=\"240\" y1=\"170\" x2=\"240\" y2=\"350\" stroke-width=\"1.3\"\/><line x1=\"255\" y1=\"150\" x2=\"255\" y2=\"340\" stroke-width=\"1.3\"\/><line x1=\"270\" y1=\"135\" x2=\"270\" y2=\"220\" stroke-width=\"1.3\"\/><path d=\"M300 260 Q290 260 290 270 L290 340 Q290 350 300 350 L385 350\" stroke-width=\"4\"\/><path d=\"M300 260 L385 260\" stroke-width=\"4\"\/><line x1=\"330\" y1=\"295\" x2=\"330\" y2=\"340\" stroke-width=\"1.3\"\/><line x1=\"345\" y1=\"305\" x2=\"345\" y2=\"340\" stroke-width=\"1.3\"\/><line x1=\"360\" y1=\"320\" x2=\"360\" y2=\"340\" stroke-width=\"1.3\"\/><\/g><\/svg>\n <div>\n <div class=\"nav-logo-name\">H\u00e1tt\u00e9r Controll<\/div>\n <div class=\"nav-logo-sub\">M\u0171szaki tan\u00e1csad\u00e1s<\/div>\n <\/div>\n <\/a>\n <ul class=\"nav-links\">\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/fooldal\/#bemutatkozas\">Bemutatkoz\u00e1s<\/a><\/li>\n <li class=\"nav-dropdown\"><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/fooldal\/#szolgaltatasok\">Szolg\u00e1ltat\u00e1sok \u25be<\/a>\n <ul class=\"nav-sub\"><div class=\"nav-sub-inner\">\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/engedelyeztetes\/\">Enged\u00e9lyeztet\u00e9s<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/projektmenedzsment\/\">Projektmenedzsment<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/uzemeltetes\/\">\u00dczemeltet\u00e9s<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/e-adminisztracio\/\">E-adminisztr\u00e1ci\u00f3<\/a><\/li>\n <\/div><\/ul><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/fooldal\/#referenciak\">Referenci\u00e1k<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/kapcsolat\/\" class=\"nav-cta\">Kapcsolat<\/a><\/li>\n <\/ul>\n <button class=\"nav-hamburger\" id=\"navHamburger\" onclick=\"toggleMobileNav()\" aria-label=\"Men\u00fc\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n<\/nav>\n\n\n<div class=\"nav-mobile\" id=\"navMobile\">\n <ul>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/fooldal\/#bemutatkozas\" onclick=\"closeMobileNav()\">Bemutatkoz\u00e1s<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/fooldal\/#szolgaltatasok\" onclick=\"closeMobileNav()\">Szolg\u00e1ltat\u00e1sok<\/a><\/li>\n <ul class=\"nav-mobile-sub\">\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/engedelyeztetes\/\" onclick=\"closeMobileNav()\">Enged\u00e9lyeztet\u00e9s<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/projektmenedzsment\/\" onclick=\"closeMobileNav()\">Projektmenedzsment<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/uzemeltetes\/\" onclick=\"closeMobileNav()\">\u00dczemeltet\u00e9s<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/e-adminisztracio\/\" onclick=\"closeMobileNav()\">E-adminisztr\u00e1ci\u00f3<\/a><\/li>\n <\/ul>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/fooldal\/#referenciak\" onclick=\"closeMobileNav(); return true;\">Referenci\u00e1k<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/kapcsolat\/\" onclick=\"closeMobileNav()\">Kapcsolat<\/a><\/li>\n <\/ul>\n<\/div>\n\n<div class=\"page-hero\">\n <div class=\"page-hero-eyebrow\"><span><\/span> Szolg\u00e1ltat\u00e1s<\/div>\n <h1>Projektmenedzsment ,<br><em>az els\u0151 t\u00e1rgyal\u00e1st\u00f3l a kulcs\u00e1tad\u00e1sig<\/em><\/h1>\n <p class=\"page-hero-lead\">Nem fel\u00fcgyel\u00fcnk, ir\u00e1ny\u00edtunk. Az \u00fcgyf\u00e9l d\u00f6nt, mi int\u00e9z\u00fcnk. A tervez\u00e9si egyeztet\u00e9sekt\u0151l a kulcs\u00e1tad\u00e1sig minden f\u00e1zist akt\u00edvan koordin\u00e1lunk.<\/p>\n<\/div>\n\n<div class=\"expert\">\n <div class=\"expert-inner\">\n <div>\n <h2 class=\"expert-title\">T\u00f6bb mint 12 \u00e9v tapasztalat, <em>Megb\u00edz\u00f3i \u00e9s Gener\u00e1l Kivitelez\u0151i oldalon egyar\u00e1nt<\/em><\/h2>\n <p class=\"expert-text\">Kiskereskedelmi bels\u0151\u00e9p\u00edt\u00e9szeti projektekt\u0151l eg\u00e9szen ipari \u00e9s vegyes funkci\u00f3j\u00fa fejleszt\u00e9sekig sz\u00e1mos komplex beruh\u00e1z\u00e1s teljes k\u00f6r\u0171 koordin\u00e1ci\u00f3j\u00e1ban szerezt\u00fcnk tapasztalatot, a projekt indul\u00e1s\u00e1t\u00f3l kezd\u0151d\u0151en eg\u00e9szen az \u00e1tad\u00e1sig.<\/p>\n <p class=\"expert-text\">Munk\u00e1nk k\u00f6z\u00e9ppontj\u00e1ban a Megb\u00edz\u00f3i \u00e9rdekek k\u00e9pviselete \u00e1ll: megval\u00f3s\u00edthat\u00f3s\u00e1gi elemz\u00e9sekkel minimaliz\u00e1ljuk a kock\u00e1zatokat, \u00e9s megalapozott d\u00f6nt\u00e9si alapot biztos\u00edtunk minden f\u00e1zisban. A telek kiv\u00e1laszt\u00e1s\u00e1ban \u00e9s koncepci\u00f3tervek k\u00e9sz\u00edt\u00e9s\u00e9ben is hathat\u00f3s seg\u00edts\u00e9get ny\u00fajtunk a Megb\u00edz\u00f3nak.<\/p>\n <div class=\"expert-tags\">\n <span class=\"expert-tag\">Logisztikai fejleszt\u00e9sek<\/span>\n <span class=\"expert-tag\">Bev\u00e1s\u00e1rl\u00f3k\u00f6zpontok<\/span>\n <span class=\"expert-tag\">Retail kivitelez\u00e9s<\/span>\n <span class=\"expert-tag\">Ipari beruh\u00e1z\u00e1sok<\/span>\n <span class=\"expert-tag\">Irodah\u00e1zak<\/span>\n <span class=\"expert-tag\">Nemzetk\u00f6zi projektek<\/span>\n <\/div>\n <\/div>\n <div class=\"expert-stats\">\n <div class=\"expert-stat\"><div class=\"expert-stat-num\">12<em>+<\/em><\/div><div class=\"expert-stat-label\">\u00c9v tapasztalat<\/div><\/div>\n <div class=\"expert-stat\"><div class=\"expert-stat-num\">50<em>+<\/em><\/div><div class=\"expert-stat-label\">Befejezett projekt<\/div><\/div>\n <div class=\"expert-stat\"><div class=\"expert-stat-num\">5<\/div><div class=\"expert-stat-label\">Orsz\u00e1g (HU, DE, LT, NO, CZ)<\/div><\/div>\n <div class=\"expert-stat\"><div class=\"expert-stat-num\">5<\/div><div class=\"expert-stat-label\">Akt\u00edv ipar\u00e1g<\/div><\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<section class=\"phase-section\">\n <div class=\"phase-section-inner\">\n <p class=\"section-eyebrow\">Az \u00e9p\u00edt\u00e9si projekt teljes \u00e9letciklusa<\/p>\n <h2 class=\"section-title\">\u00d6t f\u00e1zis, egyetlen k\u00e9zben<\/h2>\n <p class=\"section-lead\">A tervez\u00e9si egyeztet\u00e9sekt\u0151l a kulcs\u00e1tad\u00e1sig minden f\u00e1zist akt\u00edvan koordin\u00e1lunk. Nem fel\u00fcgyel\u00fcnk, ir\u00e1ny\u00edtunk.<\/p>\n\n <div class=\"phase-nav\" id=\"phaseNav\"><\/div>\n <div id=\"phasePanels\"><\/div>\n <div class=\"nav-row\">\n <button class=\"nav-btn\" id=\"prevBtn\" onclick=\"changePhase(-1)\" disabled>\u2190 El\u0151z\u0151<\/button>\n <span class=\"phase-counter\" id=\"phaseCounter\">1 \/ 5<\/span>\n <button class=\"nav-btn\" id=\"nextBtn\" onclick=\"changePhase(1)\">K\u00f6vetkez\u0151 \u2192<\/button>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"closing-section\">\n <h2>Amit mi elv\u00e9gz\u00fcnk, azt \u00d6nnek nem kell.<\/h2>\n <p>T\u00f6bb \u00e9vtizedes tapasztalattal \u00e1llunk Megrendel\u0151i \u00e9s Beruh\u00e1z\u00f3i oldalon egyar\u00e1nt, bele\u00e9rtve az \u00e1llami \u00e9s \u00f6nkorm\u00e1nyzati projekteket. Ha k\u00e9rd\u00e9se van, vagy konkr\u00e9t projektet szeretne megbesz\u00e9lni, keressen fel el\u00e9rhet\u0151s\u00e9geinken!<\/p>\n <a href=\"https:\/\/hattercontroll-teszt.ifree.page\/kapcsolat\/\" class=\"btn-primary\">Kapcsolatfelv\u00e9tel!<\/a>\n<\/div>\n\n<footer>\n <div class=\"footer-inner\">\n <div class=\"footer-logo\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 500\"><rect width=\"500\" height=\"500\" fill=\"none\"\/><g stroke=\"#d4af37\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"150\" y1=\"170\" x2=\"150\" y2=\"360\" stroke-width=\"4\"\/><line x1=\"255\" y1=\"130\" x2=\"255\" y2=\"360\" stroke-width=\"4\"\/><line x1=\"150\" y1=\"285\" x2=\"255\" y2=\"285\" stroke-width=\"4\"\/><polyline points=\"220,270 220,150 290,100 290,240\" stroke-width=\"3.5\"\/><line x1=\"240\" y1=\"170\" x2=\"240\" y2=\"350\" stroke-width=\"1.3\"\/><line x1=\"255\" y1=\"150\" x2=\"255\" y2=\"340\" stroke-width=\"1.3\"\/><line x1=\"270\" y1=\"135\" x2=\"270\" y2=\"220\" stroke-width=\"1.3\"\/><path d=\"M300 260 Q290 260 290 270 L290 340 Q290 350 300 350 L385 350\" stroke-width=\"4\"\/><path d=\"M300 260 L385 260\" stroke-width=\"4\"\/><line x1=\"330\" y1=\"295\" x2=\"330\" y2=\"340\" stroke-width=\"1.3\"\/><line x1=\"345\" y1=\"305\" x2=\"345\" y2=\"340\" stroke-width=\"1.3\"\/><line x1=\"360\" y1=\"320\" x2=\"360\" y2=\"340\" stroke-width=\"1.3\"\/><\/g><\/svg>\n <div>\n <div class=\"footer-logo-name\">H\u00e1tt\u00e9r Controll Bt.<\/div>\n <div class=\"footer-logo-sub\">M\u0171szaki tan\u00e1csad\u00e1s<\/div>\n <\/div>\n <\/div>\n <ul class=\"footer-links\">\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/engedelyeztetes\/\">Enged\u00e9lyeztet\u00e9s<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/projektmenedzsment\/\">Projektmenedzsment<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/uzemeltetes\/\">\u00dczemeltet\u00e9s<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/e-adminisztracio\/\">E-adminisztr\u00e1ci\u00f3<\/a><\/li>\n <li><a href=\"https:\/\/hattercontroll-teszt.ifree.page\/kapcsolat\/\">Kapcsolat<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-bottom\">\n <span class=\"footer-copy\">\u00a9 2026 H\u00e1tt\u00e9r Controll Bt., Minden jog fenntartva.<\/span>\n <a href=\"https:\/\/hattercontroll-teszt.ifree.page\/gdpr\/\" class=\"footer-gdpr\">GDPR \/ Adatkezel\u00e9si t\u00e1j\u00e9koztat\u00f3<\/a>\n <\/div>\n<\/footer>\n\n<script>\nconst phases = [\n { label:\"El\u0151k\u00e9sz\u00edt\u00e9s\", num:\"01, El\u0151k\u00e9sz\u00edt\u00e9s\", title:\"Tervez\u00e9s \u00e9s tervez\u00e9si koordin\u00e1ci\u00f3\", desc:\"A tervez\u00e9si f\u00e1zis az, ahol a projekt sorsa eld\u0151l. \u00d6sszehangoljuk a szak\u00e1gi tervez\u0151ket, kisz\u0171rj\u00fck az \u00fctk\u00f6z\u00e9seket, \u00e9s gondoskodunk r\u00f3la, hogy a tervdokument\u00e1ci\u00f3 val\u00f3ban megval\u00f3s\u00edthat\u00f3 legyen, miel\u0151tt az els\u0151 kapav\u00e1g\u00e1s megt\u00f6rt\u00e9nik.\", tasks:[{icon:'<circle cx=\"12\" cy=\"12\" r=\"3\"\/><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"6\"\/><line x1=\"12\" y1=\"18\" x2=\"12\" y2=\"21\"\/><line x1=\"3\" y1=\"12\" x2=\"6\" y2=\"12\"\/><line x1=\"18\" y1=\"12\" x2=\"21\" y2=\"12\"\/>',label:\"Tervez\u0151i csapat koordin\u00e1l\u00e1sa\",sub:\"Szak\u00e1gak kiv\u00e1laszt\u00e1sa, megb\u00edz\u00e1sok koordin\u00e1l\u00e1sa\"},{icon:'<polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/>',label:\"Szak\u00e1gi tervegyeztet\u00e9sek\",sub:\"\u00dctk\u00f6z\u00e9sek kisz\u0171r\u00e9se, d\u00f6nt\u00e9si pontok r\u00f6gz\u00edt\u00e9se\"},{icon:'<rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/>',label:\"Projektnapt\u00e1r fel\u00e1ll\u00edt\u00e1sa\",sub:\"M\u00e9rf\u00f6ldk\u00f6vek, hat\u00e1rid\u0151k, felel\u0151s\u00f6k\"},{icon:'<line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>',label:\"Kiindul\u00f3 k\u00f6lts\u00e9gterv\",sub:\"Becs\u00fclt budget \u00f6ssze\u00e1ll\u00edt\u00e1sa, tartal\u00e9k tervez\u00e9se\"}]},\n { label:\"Enged\u00e9lyez\u00e9s\", num:\"02, Enged\u00e9lyez\u00e9s\", title:\"Hat\u00f3s\u00e1gi elj\u00e1r\u00e1sok kezel\u00e9se\", desc:\"Hi\u00e1nyp\u00f3tl\u00e1s n\u00e9lk\u00fcl, hat\u00e1rid\u0151re, ez az \u00edg\u00e9ret\u00fcnk a hat\u00f3s\u00e1gi enged\u00e9lyez\u00e9si folyamatra. A teljes dokument\u00e1ci\u00f3t \u00f6ssze\u00e1ll\u00edtjuk, beny\u00fajtjuk, \u00e9s v\u00e9gigvissz\u00fck az elj\u00e1r\u00e1st.\", tasks:[{icon:'<path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"9\" y1=\"15\" x2=\"15\" y2=\"15\"\/>',label:\"Enged\u00e9lyez\u00e9si dokument\u00e1ci\u00f3\",sub:\"\u00d6ssze\u00e1ll\u00edt\u00e1s, beny\u00fajt\u00e1s, \u00fcgyint\u00e9z\u00e9s\"},{icon:'<path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>',label:\"Hat\u00f3s\u00e1gok \u00e9s \u00f6nkorm\u00e1nyzat\",sub:\"Folyamatos szem\u00e9lyes k\u00e9pviselet\"},{icon:'<path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/>',label:\"F\u00f6ldhivatali \u00fcgyek\",sub:\"Telekingatlan-\u00fcgyek, v\u00e1ltoz\u00e1svezet\u00e9s\"},{icon:'<polyline points=\"9 11 12 14 22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/>',label:\"Szakhat\u00f3s\u00e1gi egyeztet\u00e9sek\",sub:\"T\u0171zv\u00e9delem, k\u00f6z\u00fczem, \u00f6r\u00f6ks\u00e9gv\u00e9delem\"}]},\n { label:\"Kivitelez\u00e9s\", num:\"03, Kivitelez\u00e9s\", title:\"Helysz\u00edni koordin\u00e1ci\u00f3 \u00e9s fel\u00fcgyelet\", desc:\"A kivitelez\u00e9s f\u00e1zis\u00e1ban ak\u00e1r napi helysz\u00edni jelenl\u00e9ttel koordin\u00e1ljuk a Gener\u00e1l Kivitelez\u0151t \u00e9s az Alv\u00e1llalkoz\u00f3kat, fel\u00fcgyelj\u00fck a min\u0151s\u00e9get \u00e9s tartjuk a hat\u00e1rid\u0151ket.\", tasks:[{icon:'<path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/>',label:\"Alv\u00e1llalkoz\u00f3i versenyeztet\u00e9s\",sub:\"Aj\u00e1nlatk\u00e9r\u00e9s, \u00e9rt\u00e9kel\u00e9s, szerz\u0151d\u00e9sk\u00f6t\u00e9s\"},{icon:'<path d=\"M1 6v16l7-4 8 4 7-4V2l-7 4-8-4-7 4z\"\/>',label:\"M\u0171szaki ellen\u0151rz\u00e9s\",sub:\"Helysz\u00edni fel\u00fcgyelet, min\u0151s\u00e9gbiztos\u00edt\u00e1s\"},{icon:'<path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/>',label:\"\u00c9p\u00edt\u00e9si napl\u00f3\",sub:\"Napi r\u00f6gz\u00edt\u00e9s, dokument\u00e1l\u00e1s\"},{icon:'<line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/>',label:\"\u00dctemterv-kontroll\",sub:\"Cs\u00fasz\u00e1sok azonos\u00edt\u00e1sa, kezel\u00e9se\"}]},\n { label:\"P\u00e9nz\u00fcgyek\", num:\"04, P\u00e9nz\u00fcgyek\", title:\"P\u00e9nz\u00fcgyi \u00e9s szerz\u0151d\u00e9ses kontroll\", desc:\"Minden kifizet\u00e9s m\u00f6g\u00f6tt igazolt teljes\u00edt\u00e9s \u00e1ll. Folyamatosan nyomon k\u00f6vetj\u00fck a k\u00f6lts\u00e9geket, kezelj\u00fck a p\u00f3tmunk\u00e1kat, \u00e9s rendszeres riportok k\u00e9sz\u00edt\u00e9s\u00e9vel naprak\u00e9szen tartjuk a Megrendel\u0151t.\", tasks:[{icon:'<line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"23\"\/><path d=\"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/>',label:\"Terv-t\u00e9ny \u00f6sszehasonl\u00edt\u00e1s\",sub:\"Folyamatos budget-kontroll, elt\u00e9r\u00e9sek kezel\u00e9se\"},{icon:'<path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>',label:\"Teljes\u00edt\u00e9sigazol\u00e1s\",sub:\"Sz\u00e1mlaellen\u0151rz\u00e9s, alv\u00e1llalkoz\u00f3i elsz\u00e1mol\u00e1s\"},{icon:'<circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/>',label:\"P\u00f3tmunka-kezel\u00e9s\",sub:\"V\u00e1ltoz\u00e1skezel\u00e9s, j\u00f3v\u00e1hagy\u00e1si folyamat\"},{icon:'<polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/>',label:\"Megrendel\u0151i riport\",sub:\"Rendszeres \u00f6sszefoglal\u00f3k a Megrendel\u0151nek\"}]},\n { label:\"\u00c1tad\u00e1s\", num:\"05, \u00c1tad\u00e1s\", title:\"Haszn\u00e1latbav\u00e9tel \u00e9s Projektz\u00e1r\u00e1s\", desc:\"A haszn\u00e1latbav\u00e9teli enged\u00e9ly megszerz\u00e9se, a z\u00e1r\u00f3 dokument\u00e1ci\u00f3 \u00e9s a garanci\u00e1lis id\u0151szak kezel\u00e9se a mi feladatunk, a kulcs\u00e1tad\u00e1sig \u00e9s azon t\u00fal.\", tasks:[{icon:'<path d=\"M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4\"\/>',label:\"Haszn\u00e1latbav\u00e9teli enged\u00e9ly\",sub:\"Elj\u00e1r\u00e1s v\u00e9gigvitele, dokument\u00e1ci\u00f3 \u00e1tad\u00e1sa\"},{icon:'<polyline points=\"20 6 9 17 4 12\"\/>',label:\"Z\u00e1r\u00f3 elsz\u00e1mol\u00e1s\",sub:\"V\u00e9gleges p\u00e9nz\u00fcgyi lez\u00e1r\u00e1s\"},{icon:'<path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/>',label:\"Hibafelv\u00e9tel \u00e9s visszaellen\u0151rz\u00e9s\",sub:\"\u00c1tad\u00e1s el\u0151tt hib\u00e1k r\u00f6gz\u00edt\u00e9se \u00e9s jav\u00edttat\u00e1sa\"},{icon:'<path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>',label:\"J\u00f3t\u00e1ll\u00e1si id\u0151szak\",sub:\"Garanci\u00e1lis ig\u00e9nyek koordin\u00e1l\u00e1sa\"}]}\n];\nlet current = 0;\nfunction render() {\n const nav = document.getElementById('phaseNav');\n const panels = document.getElementById('phasePanels');\n nav.innerHTML = phases.map((p,i) => `<button class=\"phase-btn${i===current?' active':''}\" onclick=\"goPhase(${i})\"><span class=\"phase-dot\">${i+1}<\/span>${p.label}<\/button>`).join('');\n panels.innerHTML = phases.map((p,i) => `<div class=\"phase-panel${i===current?' active':''}\"><p class=\"phase-num\">${p.num}<\/p><p class=\"phase-title-text\">${p.title}<\/p><p class=\"phase-desc\">${p.desc}<\/p><div class=\"task-grid\">${p.tasks.map(t=>`<div class=\"task-card\"><svg viewBox=\"0 0 24 24\">${t.icon}<\/svg><p class=\"task-label\">${t.label}<\/p><p class=\"task-sub\">${t.sub}<\/p><\/div>`).join('')}<\/div><\/div>`).join('');\n document.getElementById('phaseCounter').textContent = `${current+1} \/ ${phases.length}`;\n document.getElementById('prevBtn').disabled = current === 0;\n document.getElementById('nextBtn').disabled = current === phases.length - 1;\n}\nfunction goPhase(i) { current = i; render(); }\nfunction changePhase(d) { current = Math.max(0, Math.min(phases.length-1, current+d)); render(); }\nrender();\n<\/script>\n\n<script>\n\/\/ Mobile navigation\nfunction toggleMobileNav() {\n var btn = document.getElementById('navHamburger');\n var menu = document.getElementById('navMobile');\n if (!btn || !menu) return;\n var isOpen = menu.style.display === 'block';\n if (isOpen) {\n menu.style.display = 'none';\n btn.classList.remove('open');\n } else {\n menu.style.display = 'block';\n btn.classList.add('open');\n }\n}\nfunction closeMobileNav() {\n var btn = document.getElementById('navHamburger');\n var menu = document.getElementById('navMobile');\n if (btn) btn.classList.remove('open');\n if (menu) menu.style.display = 'none';\n}\ndocument.addEventListener('DOMContentLoaded', function() {\n var menu = document.getElementById('navMobile');\n if (menu) menu.style.display = 'none';\n document.addEventListener('click', function(e) {\n var hamburger = document.getElementById('navHamburger');\n var menu = document.getElementById('navMobile');\n if (!hamburger || !menu) return;\n if (!hamburger.contains(e.target) && !menu.contains(e.target)) {\n closeMobileNav();\n }\n });\n});\n<\/script>\n<\/body>\n<\/html>\n\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>Projektmenedzsment \u2013 H\u00e1tt\u00e9r Controll Bt. H\u00e1tt\u00e9r Controll M\u0171szaki tan\u00e1csad\u00e1s Bemutatkoz\u00e1s Szolg\u00e1ltat\u00e1sok \u25be Enged\u00e9lyeztet\u00e9s Projektmenedzsment \u00dczemeltet\u00e9s E-adminisztr\u00e1ci\u00f3 Referenci\u00e1k Kapcsolat Bemutatkoz\u00e1s Szolg\u00e1ltat\u00e1sok […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-48","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hattercontroll.hu\/en\/wp-json\/wp\/v2\/pages\/48","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hattercontroll.hu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hattercontroll.hu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hattercontroll.hu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hattercontroll.hu\/en\/wp-json\/wp\/v2\/comments?post=48"}],"version-history":[{"count":28,"href":"https:\/\/hattercontroll.hu\/en\/wp-json\/wp\/v2\/pages\/48\/revisions"}],"predecessor-version":[{"id":211,"href":"https:\/\/hattercontroll.hu\/en\/wp-json\/wp\/v2\/pages\/48\/revisions\/211"}],"wp:attachment":[{"href":"https:\/\/hattercontroll.hu\/en\/wp-json\/wp\/v2\/media?parent=48"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}