{"id":7,"date":"2026-09-18T16:58:31","date_gmt":"2026-09-18T16:58:31","guid":{"rendered":"http:\/\/tiborfekete.com\/?page_id=7"},"modified":"2026-09-18T17:23:54","modified_gmt":"2026-09-18T17:23:54","slug":"home","status":"publish","type":"page","link":"https:\/\/tiborfekete.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5302eb7 e-flex e-con-boxed e-con e-parent\" data-id=\"5302eb7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43e1e41 elementor-widget elementor-widget-html\" data-id=\"43e1e41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nTIBOR FEKETE HOMEPAGE \u2014 ELEMENTOR\r\nEGYBEN M\u00c1SOLHAT\u00d3: CSS + HTML + JS\r\n\r\nElementor:\r\n- Page Layout: Elementor Canvas\r\n- 1 db HTML widget\r\n- teljes k\u00f3d bem\u00e1sol\r\n========================================================= -->\r\n\r\n<style>\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600&family=Manrope:wght@300;400;500;600&display=swap\");\r\n\r\n.tf-page{\r\n  --obsidian:#07090D;\r\n  --indigo:#121A2A;\r\n  --ivory:#F1EDE4;\r\n  --silver:#D8D2C4;\r\n  --gold:#B99755;\r\n  --graphite:#20242B;\r\n  --ink:#131820;\r\n\r\n  --serif:\"Cormorant Garamond\", Georgia, serif;\r\n  --sans:\"Manrope\", Arial, sans-serif;\r\n\r\n  --shell:min(1660px, calc(100vw - 120px));\r\n  --shadow:0 24px 70px rgba(4,7,11,.28);\r\n\r\n  width:100vw;\r\n  max-width:none;\r\n  margin-left:calc(50% - 50vw);\r\n  margin-right:calc(50% - 50vw);\r\n\r\n  position:relative;\r\n  isolation:isolate;\r\n  overflow:hidden;\r\n\r\n  color:var(--ink);\r\n  font-family:var(--sans);\r\n  background:var(--ivory);\r\n  font-size:16px;\r\n  line-height:1.55;\r\n}\r\n\r\n.tf-page,\r\n.tf-page *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.tf-page a{\r\n  color:inherit;\r\n  text-decoration:none;\r\n}\r\n\r\n.tf-page img{\r\n  display:block;\r\n  max-width:100%;\r\n}\r\n\r\n.tf-page button,\r\n.tf-page input{\r\n  font:inherit;\r\n}\r\n\r\n.tf-page h1,\r\n.tf-page h2,\r\n.tf-page h3,\r\n.tf-page p{\r\n  margin-top:0;\r\n}\r\n\r\n.tf-page h1,\r\n.tf-page h2{\r\n  font-family:var(--serif);\r\n  font-weight:500;\r\n  letter-spacing:-.025em;\r\n}\r\n\r\n.tf-page .shell{\r\n  width:var(--shell);\r\n  margin-inline:auto;\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n.tf-page .sr-only{\r\n  position:absolute;\r\n  width:1px;\r\n  height:1px;\r\n  padding:0;\r\n  margin:-1px;\r\n  overflow:hidden;\r\n  clip:rect(0,0,0,0);\r\n  white-space:nowrap;\r\n  border:0;\r\n}\r\n\r\n.tf-page .eyebrow{\r\n  margin:0 0 24px;\r\n  font-size:12px;\r\n  letter-spacing:.42em;\r\n  font-weight:600;\r\n}\r\n\r\n.tf-page .eyebrow--gold{\r\n  color:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nBUTTONS\r\n========================================================= *\/\r\n\r\n.tf-page .gold-cta,\r\n.tf-page .outline-cta,\r\n.tf-page .text-cta{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:18px;\r\n  min-height:52px;\r\n  padding:0 24px;\r\n  font-size:13px;\r\n  letter-spacing:.02em;\r\n  transition:.25s ease;\r\n}\r\n\r\n.tf-page .gold-cta{\r\n  background:var(--gold);\r\n  color:var(--ivory);\r\n  border:1px solid var(--gold);\r\n}\r\n\r\n.tf-page .gold-cta:hover{\r\n  transform:translateY(-2px);\r\n  filter:brightness(1.06);\r\n}\r\n\r\n.tf-page .outline-cta{\r\n  border:1px solid rgba(185,151,85,.75);\r\n  color:inherit;\r\n  background:transparent;\r\n}\r\n\r\n.tf-page .outline-cta:hover{\r\n  background:rgba(185,151,85,.10);\r\n}\r\n\r\n.tf-page .text-cta{\r\n  padding-inline:4px;\r\n}\r\n\r\n.tf-page .text-cta:hover{\r\n  color:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nHEADER\r\n========================================================= *\/\r\n\r\n.tf-page .site-header{\r\n  position:absolute;\r\n  z-index:20;\r\n  top:0;\r\n  left:0;\r\n  width:100%;\r\n  color:var(--ivory);\r\n  padding:24px 0;\r\n}\r\n\r\n.tf-page .header-inner{\r\n  display:grid;\r\n  grid-template-columns:320px 1fr auto;\r\n  align-items:center;\r\n  gap:36px;\r\n}\r\n\r\n.tf-page .brand{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:18px;\r\n  min-width:0;\r\n}\r\n\r\n.tf-page .brand-mark{\r\n  width:47px;\r\n  height:47px;\r\n  object-fit:contain;\r\n}\r\n\r\n.tf-page .brand-wordmark{\r\n  width:176px;\r\n  height:auto;\r\n  object-fit:contain;\r\n}\r\n\r\n.tf-page .main-nav{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:34px;\r\n  font-size:13px;\r\n}\r\n\r\n.tf-page .main-nav a{\r\n  position:relative;\r\n  padding:10px 0;\r\n  color:rgba(241,237,228,.86);\r\n}\r\n\r\n.tf-page .main-nav a::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:50%;\r\n  bottom:2px;\r\n  width:0;\r\n  height:1px;\r\n  background:var(--gold);\r\n  transform:translateX(-50%);\r\n  transition:.25s;\r\n}\r\n\r\n.tf-page .main-nav a:hover::after,\r\n.tf-page .main-nav a.active::after{\r\n  width:100%;\r\n}\r\n\r\n.tf-page .header-cta{\r\n  color:var(--ivory);\r\n  min-height:44px;\r\n  padding-inline:18px;\r\n  font-size:12px;\r\n}\r\n\r\n.tf-page .nav-toggle{\r\n  display:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nHERO\r\n========================================================= *\/\r\n\r\n.tf-page .hero{\r\n  position:relative;\r\n  min-height:960px;\r\n  color:var(--ivory);\r\n  background:var(--obsidian);\r\n  isolation:isolate;\r\n  overflow:hidden;\r\n}\r\n\r\n.tf-page .hero-bg{\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(7,9,13,.06),\r\n      rgba(7,9,13,.05)\r\n    ),\r\n    var(--hero-mountains);\r\n\r\n  background-size:cover;\r\n  background-position:center center;\r\n\r\n  z-index:-4;\r\n  transform:scale(1.01);\r\n}\r\n\r\n.tf-page .hero-light{\r\n  position:absolute;\r\n  left:-9%;\r\n  top:-4%;\r\n\r\n  width:68%;\r\n  height:94%;\r\n\r\n  z-index:-2;\r\n\r\n  background:\r\n    radial-gradient(\r\n      ellipse at 20% 35%,\r\n      rgba(241,237,228,.98) 0%,\r\n      rgba(241,237,228,.90) 26%,\r\n      rgba(241,237,228,.55) 48%,\r\n      rgba(241,237,228,.13) 67%,\r\n      transparent 78%\r\n    ),\r\n    radial-gradient(\r\n      ellipse at 42% 66%,\r\n      rgba(241,237,228,.62),\r\n      transparent 66%\r\n    );\r\n\r\n  filter:blur(6px);\r\n}\r\n\r\n.tf-page .hero-content{\r\n  min-height:960px;\r\n\r\n  display:grid;\r\n  grid-template-columns:1.15fr .85fr;\r\n\r\n  align-items:center;\r\n\r\n  padding-top:90px;\r\n}\r\n\r\n.tf-page .hero-copy{\r\n  color:var(--ink);\r\n  padding-left:12px;\r\n  max-width:900px;\r\n\r\n  transform:translateY(-38px);\r\n}\r\n\r\n.tf-page .hero-copy h1{\r\n  font-size:92px;\r\n  line-height:.93;\r\n  margin-bottom:34px;\r\n}\r\n\r\n.tf-page .hero-lead{\r\n  font-size:25px;\r\n  line-height:1.3;\r\n  margin-bottom:38px;\r\n  max-width:690px;\r\n  font-weight:500;\r\n}\r\n\r\n.tf-page .hero-actions{\r\n  display:flex;\r\n  gap:14px;\r\n  align-items:center;\r\n}\r\n\r\n.tf-page .hero-philosophy{\r\n  justify-self:end;\r\n  align-self:center;\r\n\r\n  max-width:430px;\r\n\r\n  margin-top:120px;\r\n  margin-right:20px;\r\n\r\n  color:rgba(241,237,228,.78);\r\n\r\n  font-family:var(--serif);\r\n  font-size:19px;\r\n  line-height:1.55;\r\n}\r\n\r\n.tf-page .fine-line{\r\n  display:block;\r\n  width:42px;\r\n  height:1px;\r\n  background:var(--gold);\r\n  margin-bottom:22px;\r\n}\r\n\r\n.tf-page .hero-mist{\r\n  position:absolute;\r\n\r\n  left:-4%;\r\n  right:-4%;\r\n  bottom:-18px;\r\n\r\n  height:280px;\r\n\r\n  background:\r\n    var(--dark-ivory-mist)\r\n    center bottom \/\r\n    cover no-repeat;\r\n\r\n  z-index:1;\r\n\r\n  mix-blend-mode:screen;\r\n\r\n  filter:saturate(.8);\r\n}\r\n\r\n\r\n\/* =========================================================\r\nLIGHT MARBLE\r\n========================================================= *\/\r\n\r\n.tf-page .light-marble{\r\n  background-color:var(--ivory);\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(241,237,228,.78),\r\n      rgba(241,237,228,.78)\r\n    ),\r\n    var(--ivory-marble);\r\n\r\n  background-size:cover;\r\n  background-position:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n3 AREAS\r\n========================================================= *\/\r\n\r\n.tf-page .areas{\r\n  position:relative;\r\n  padding:0 0 180px;\r\n}\r\n\r\n.tf-page .cards-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n\r\n  gap:24px;\r\n\r\n  transform:translateY(-120px);\r\n\r\n  margin-bottom:-52px;\r\n}\r\n\r\n.tf-page .area-card{\r\n  position:relative;\r\n\r\n  min-height:665px;\r\n\r\n  padding:45px 42px 36px;\r\n\r\n  border:1px solid rgba(185,151,85,.42);\r\n\r\n  box-shadow:var(--shadow);\r\n\r\n  overflow:hidden;\r\n\r\n  background-image:var(--card-bg);\r\n  background-size:cover;\r\n  background-position:center;\r\n\r\n  color:var(--ivory);\r\n}\r\n\r\n.tf-page .area-card--light{\r\n  color:var(--ink);\r\n  border-color:rgba(185,151,85,.34);\r\n}\r\n\r\n.tf-page .card-overlay{\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(7,9,13,.28),\r\n      rgba(7,9,13,.76)\r\n    );\r\n}\r\n\r\n.tf-page .area-card-content{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n\r\n  min-height:580px;\r\n}\r\n\r\n.tf-page .card-number{\r\n  font-family:var(--serif);\r\n  font-size:34px;\r\n\r\n  color:var(--gold);\r\n\r\n  line-height:1;\r\n\r\n  margin-bottom:8px;\r\n}\r\n\r\n.tf-page .area-card h2{\r\n  font-size:46px;\r\n  line-height:1;\r\n\r\n  margin:0 0 10px;\r\n}\r\n\r\n.tf-page .card-kicker{\r\n  font-size:12px;\r\n\r\n  margin-bottom:34px;\r\n\r\n  letter-spacing:.02em;\r\n}\r\n\r\n.tf-page .service-list{\r\n  list-style:none;\r\n\r\n  margin:0;\r\n  padding:0;\r\n\r\n  display:grid;\r\n  gap:10px;\r\n\r\n  font-size:13px;\r\n  line-height:1.2;\r\n}\r\n\r\n.tf-page .service-list li{\r\n  padding-left:26px;\r\n  position:relative;\r\n}\r\n\r\n.tf-page .service-list li::before{\r\n  content:\"\u25c7\";\r\n\r\n  position:absolute;\r\n  left:0;\r\n\r\n  color:var(--gold);\r\n\r\n  font-size:12px;\r\n}\r\n\r\n.tf-page .service-list--spaced{\r\n  gap:17px;\r\n  font-size:14px;\r\n}\r\n\r\n.tf-page .area-card--light .service-list li::before{\r\n  color:#877451;\r\n}\r\n\r\n.tf-page .card-link{\r\n  margin-top:auto;\r\n\r\n  padding-top:28px;\r\n\r\n  color:var(--gold);\r\n\r\n  font-size:12px;\r\n\r\n  display:flex;\r\n  justify-content:space-between;\r\n\r\n  gap:20px;\r\n\r\n  border-top:1px solid rgba(185,151,85,.34);\r\n}\r\n\r\n.tf-page .area-card--light .card-link{\r\n  color:#5f5138;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nSIGNUP\r\n========================================================= *\/\r\n\r\n.tf-page .signup{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n\r\n  gap:100px;\r\n\r\n  align-items:center;\r\n\r\n  padding:48px 40px 10px;\r\n}\r\n\r\n.tf-page .signup h2{\r\n  font-size:62px;\r\n  line-height:.94;\r\n\r\n  margin-bottom:20px;\r\n}\r\n\r\n.tf-page .signup-copy > p:last-child{\r\n  max-width:650px;\r\n  color:#3e4247;\r\n}\r\n\r\n.tf-page .signup-form{\r\n  align-self:end;\r\n  padding-bottom:10px;\r\n}\r\n\r\n.tf-page .signup-row{\r\n  display:grid;\r\n  grid-template-columns:1fr auto;\r\n}\r\n\r\n.tf-page .signup-row input{\r\n  height:54px;\r\n\r\n  border:1px solid rgba(32,36,43,.25);\r\n\r\n  background:rgba(241,237,228,.58);\r\n\r\n  padding:0 18px;\r\n\r\n  outline:none;\r\n\r\n  color:var(--ink);\r\n}\r\n\r\n.tf-page .signup-row input:focus{\r\n  border-color:var(--gold);\r\n}\r\n\r\n.tf-page .signup-form small{\r\n  display:block;\r\n\r\n  margin-top:10px;\r\n\r\n  color:#676b70;\r\n\r\n  font-size:10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nPHILOSOPHY\r\n========================================================= *\/\r\n\r\n.tf-page .dark-section{\r\n  position:relative;\r\n\r\n  background:var(--indigo);\r\n\r\n  color:var(--ivory);\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n.tf-page .philosophy{\r\n  min-height:790px;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(7,9,13,.30),\r\n      rgba(7,9,13,.36)\r\n    ),\r\n    var(--dark-marble);\r\n\r\n  background-size:cover;\r\n  background-position:center;\r\n}\r\n\r\n.tf-page .transition{\r\n  pointer-events:none;\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  right:0;\r\n\r\n  z-index:1;\r\n}\r\n\r\n.tf-page .transition--into-dark{\r\n  top:-115px;\r\n\r\n  height:230px;\r\n\r\n  background:\r\n    var(--ivory-dark-transition)\r\n    center 58% \/\r\n    cover no-repeat;\r\n\r\n  filter:saturate(.7);\r\n}\r\n\r\n.tf-page .transition--out-light{\r\n  bottom:-130px;\r\n\r\n  height:260px;\r\n\r\n  background:\r\n    var(--dark-ivory-mist)\r\n    center bottom \/\r\n    cover no-repeat;\r\n\r\n  transform:rotate(180deg);\r\n\r\n  mix-blend-mode:screen;\r\n\r\n  opacity:.82;\r\n}\r\n\r\n.tf-page .philosophy-grid{\r\n  display:grid;\r\n  grid-template-columns:.78fr 1.22fr;\r\n\r\n  gap:90px;\r\n\r\n  padding:180px 40px 170px;\r\n}\r\n\r\n.tf-page .philosophy-intro h2{\r\n  font-size:70px;\r\n  line-height:.95;\r\n\r\n  margin-bottom:28px;\r\n}\r\n\r\n.tf-page .philosophy-intro > p:not(.eyebrow){\r\n  max-width:500px;\r\n\r\n  color:rgba(241,237,228,.73);\r\n\r\n  margin-bottom:35px;\r\n}\r\n\r\n.tf-page .pillars{\r\n  display:grid;\r\n  grid-template-columns:repeat(2,1fr);\r\n\r\n  align-self:center;\r\n\r\n  border-left:1px solid rgba(185,151,85,.25);\r\n}\r\n\r\n.tf-page .pillar{\r\n  padding:26px 34px 28px;\r\n\r\n  min-height:170px;\r\n\r\n  border-right:1px solid rgba(185,151,85,.25);\r\n  border-bottom:1px solid rgba(185,151,85,.25);\r\n}\r\n\r\n.tf-page .pillar-icon{\r\n  display:block;\r\n\r\n  color:var(--gold);\r\n\r\n  font-size:28px;\r\n\r\n  margin-bottom:12px;\r\n}\r\n\r\n.tf-page .pillar h3{\r\n  font-family:var(--serif);\r\n\r\n  font-weight:500;\r\n\r\n  font-size:24px;\r\n\r\n  margin-bottom:8px;\r\n}\r\n\r\n.tf-page .pillar p{\r\n  font-size:12px;\r\n\r\n  color:rgba(241,237,228,.64);\r\n\r\n  margin:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nDIGITAL SOLUTIONS\r\n========================================================= *\/\r\n\r\n.tf-page .digital-solutions{\r\n  padding:145px 0 120px;\r\n}\r\n\r\n.tf-page .solutions-grid{\r\n  display:grid;\r\n  grid-template-columns:.85fr 1.15fr;\r\n\r\n  gap:95px;\r\n\r\n  align-items:center;\r\n\r\n  padding-inline:40px;\r\n}\r\n\r\n.tf-page .solutions-copy h2{\r\n  font-size:68px;\r\n  line-height:.96;\r\n\r\n  margin-bottom:24px;\r\n}\r\n\r\n.tf-page .solutions-copy > p:not(.eyebrow){\r\n  max-width:580px;\r\n\r\n  color:#4c5157;\r\n\r\n  margin-bottom:34px;\r\n}\r\n\r\n.tf-page .solution-list{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n\r\n  gap:0;\r\n\r\n  border-top:1px solid rgba(32,36,43,.12);\r\n  border-left:1px solid rgba(32,36,43,.12);\r\n}\r\n\r\n.tf-page .solution-list div{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:16px;\r\n\r\n  padding:25px 28px;\r\n\r\n  border-right:1px solid rgba(32,36,43,.12);\r\n  border-bottom:1px solid rgba(32,36,43,.12);\r\n\r\n  font-size:13px;\r\n}\r\n\r\n.tf-page .solution-list span{\r\n  color:var(--gold);\r\n\r\n  font-size:20px;\r\n\r\n  min-width:24px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nPROCESS\r\n========================================================= *\/\r\n\r\n.tf-page .process{\r\n  position:relative;\r\n\r\n  padding:76px 0 88px;\r\n\r\n  color:var(--ivory);\r\n\r\n  background-color:var(--obsidian);\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(7,9,13,.18),\r\n      rgba(7,9,13,.20)\r\n    ),\r\n    var(--process-strip);\r\n\r\n  background-size:cover;\r\n  background-position:center;\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n.tf-page .process::before,\r\n.tf-page .process::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  right:0;\r\n\r\n  height:55px;\r\n\r\n  filter:blur(15px);\r\n\r\n  opacity:.35;\r\n}\r\n\r\n.tf-page .process::before{\r\n  top:-22px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      var(--ivory),\r\n      transparent\r\n    );\r\n}\r\n\r\n.tf-page .process::after{\r\n  bottom:-28px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      0deg,\r\n      var(--ivory),\r\n      transparent\r\n    );\r\n}\r\n\r\n.tf-page .process .eyebrow{\r\n  margin-left:40px;\r\n}\r\n\r\n.tf-page .process-line{\r\n  list-style:none;\r\n\r\n  margin:32px 40px 0;\r\n\r\n  padding:0;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(5,1fr);\r\n\r\n  position:relative;\r\n}\r\n\r\n.tf-page .process-line::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:38px;\r\n  right:38px;\r\n\r\n  top:21px;\r\n\r\n  height:1px;\r\n\r\n  background:rgba(185,151,85,.75);\r\n}\r\n\r\n.tf-page .process-line li{\r\n  position:relative;\r\n\r\n  padding:60px 28px 0 0;\r\n\r\n  min-height:160px;\r\n}\r\n\r\n.tf-page .process-num{\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:0;\r\n\r\n  width:43px;\r\n  height:43px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:1px solid var(--gold);\r\n\r\n  background:rgba(7,9,13,.75);\r\n\r\n  display:grid;\r\n  place-items:center;\r\n\r\n  color:var(--ivory);\r\n\r\n  z-index:2;\r\n\r\n  font-family:var(--serif);\r\n\r\n  font-size:18px;\r\n}\r\n\r\n.tf-page .process-line h3{\r\n  font-family:var(--sans);\r\n\r\n  font-size:14px;\r\n\r\n  font-weight:500;\r\n\r\n  margin-bottom:8px;\r\n}\r\n\r\n.tf-page .process-line p{\r\n  font-size:11px;\r\n\r\n  color:rgba(241,237,228,.65);\r\n\r\n  max-width:180px;\r\n\r\n  margin:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nABOUT\r\n========================================================= *\/\r\n\r\n.tf-page .about{\r\n  position:relative;\r\n\r\n  min-height:760px;\r\n\r\n  padding:125px 0 145px;\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n.tf-page .about-mountains{\r\n  position:absolute;\r\n\r\n  right:-4%;\r\n  bottom:-15%;\r\n\r\n  width:58%;\r\n  height:72%;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      180deg,\r\n      transparent 20%,\r\n      rgba(241,237,228,.12)\r\n    ),\r\n    var(--hero-mountains);\r\n\r\n  background-size:cover;\r\n  background-position:63% 77%;\r\n\r\n  filter:saturate(.7) contrast(.92);\r\n\r\n  opacity:.68;\r\n\r\n  -webkit-mask-image:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent 0%,\r\n      #000 35%,\r\n      #000 100%\r\n    );\r\n\r\n  mask-image:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent 0%,\r\n      #000 35%,\r\n      #000 100%\r\n    );\r\n}\r\n\r\n.tf-page .about-grid{\r\n  display:grid;\r\n  grid-template-columns:1.1fr .7fr;\r\n\r\n  gap:100px;\r\n\r\n  align-items:center;\r\n\r\n  padding-inline:40px;\r\n}\r\n\r\n.tf-page .about-copy{\r\n  max-width:760px;\r\n}\r\n\r\n.tf-page .about-copy h2{\r\n  font-size:68px;\r\n  line-height:.95;\r\n\r\n  margin-bottom:22px;\r\n}\r\n\r\n.tf-page .about-copy > p:not(.eyebrow){\r\n  max-width:660px;\r\n\r\n  color:#4c5157;\r\n\r\n  font-size:14px;\r\n}\r\n\r\n.tf-page .about-copy .gold-cta{\r\n  margin-top:18px;\r\n}\r\n\r\n.tf-page blockquote{\r\n  margin:0;\r\n\r\n  align-self:center;\r\n\r\n  font-family:var(--serif);\r\n\r\n  font-size:28px;\r\n  line-height:1.28;\r\n\r\n  padding-left:34px;\r\n\r\n  border-left:1px solid var(--gold);\r\n\r\n  color:#2a2f35;\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n}\r\n\r\n.tf-page blockquote::after{\r\n  content:\"\";\r\n\r\n  display:block;\r\n\r\n  width:42px;\r\n  height:1px;\r\n\r\n  background:var(--gold);\r\n\r\n  margin-top:22px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nFOOTER\r\n========================================================= *\/\r\n\r\n.tf-page .site-footer{\r\n  color:var(--ivory);\r\n\r\n  background-color:var(--obsidian);\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(7,9,13,.34),\r\n      rgba(7,9,13,.6)\r\n    ),\r\n    var(--dark-marble);\r\n\r\n  background-size:cover;\r\n  background-position:center;\r\n\r\n  padding:64px 0 28px;\r\n\r\n  border-top:1px solid rgba(185,151,85,.25);\r\n}\r\n\r\n.tf-page .footer-grid{\r\n  display:grid;\r\n  grid-template-columns:340px 1fr auto;\r\n\r\n  gap:60px;\r\n\r\n  align-items:center;\r\n\r\n  padding-inline:10px;\r\n}\r\n\r\n.tf-page .footer-logo .brand-mark{\r\n  width:52px;\r\n  height:52px;\r\n}\r\n\r\n.tf-page .footer-logo .brand-wordmark{\r\n  width:180px;\r\n}\r\n\r\n.tf-page .footer-brand p{\r\n  margin:15px 0 0 68px;\r\n\r\n  color:var(--gold);\r\n\r\n  font-size:8px;\r\n\r\n  letter-spacing:.35em;\r\n}\r\n\r\n.tf-page .footer-nav{\r\n  display:flex;\r\n\r\n  justify-content:center;\r\n\r\n  gap:28px;\r\n\r\n  font-size:11px;\r\n\r\n  color:rgba(241,237,228,.75);\r\n}\r\n\r\n.tf-page .footer-nav a:hover{\r\n  color:var(--gold);\r\n}\r\n\r\n.tf-page .socials{\r\n  display:flex;\r\n  gap:12px;\r\n}\r\n\r\n.tf-page .socials a{\r\n  width:28px;\r\n  height:28px;\r\n\r\n  display:grid;\r\n  place-items:center;\r\n\r\n  border:1px solid rgba(216,210,196,.25);\r\n\r\n  border-radius:50%;\r\n\r\n  font-size:11px;\r\n}\r\n\r\n.tf-page .footer-bottom{\r\n  display:flex;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:20px;\r\n\r\n  padding-top:46px;\r\n\r\n  margin-top:42px;\r\n\r\n  border-top:1px solid rgba(185,151,85,.32);\r\n\r\n  font-size:9px;\r\n\r\n  color:rgba(241,237,228,.45);\r\n}\r\n\r\n.tf-page .footer-bottom div{\r\n  display:flex;\r\n  gap:25px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\nRESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1200px){\r\n\r\n  .tf-page{\r\n    --shell:min(1100px,calc(100vw - 50px));\r\n  }\r\n\r\n  .tf-page .header-inner{\r\n    grid-template-columns:250px 1fr auto;\r\n  }\r\n\r\n  .tf-page .brand-wordmark{\r\n    width:145px;\r\n  }\r\n\r\n  .tf-page .main-nav{\r\n    gap:18px;\r\n  }\r\n\r\n  .tf-page .hero-copy h1{\r\n    font-size:74px;\r\n  }\r\n\r\n  .tf-page .hero-content{\r\n    grid-template-columns:1fr .7fr;\r\n  }\r\n\r\n  .tf-page .cards-grid{\r\n    gap:14px;\r\n  }\r\n\r\n  .tf-page .area-card{\r\n    padding:36px 28px;\r\n  }\r\n\r\n  .tf-page .area-card h2{\r\n    font-size:38px;\r\n  }\r\n\r\n  .tf-page .philosophy-grid,\r\n  .tf-page .solutions-grid,\r\n  .tf-page .about-grid{\r\n    gap:50px;\r\n    padding-inline:10px;\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:900px){\r\n\r\n  .tf-page{\r\n    --shell:calc(100vw - 36px);\r\n  }\r\n\r\n  .tf-page .header-inner{\r\n    grid-template-columns:1fr auto;\r\n  }\r\n\r\n  .tf-page .header-cta{\r\n    display:none;\r\n  }\r\n\r\n  .tf-page .brand-wordmark{\r\n    width:130px;\r\n  }\r\n\r\n  .tf-page .brand-mark{\r\n    width:38px;\r\n    height:38px;\r\n  }\r\n\r\n  .tf-page .nav-toggle{\r\n    display:block;\r\n\r\n    background:transparent;\r\n\r\n    border:1px solid rgba(241,237,228,.35);\r\n\r\n    color:var(--ivory);\r\n\r\n    padding:9px 12px;\r\n  }\r\n\r\n  .tf-page .main-nav{\r\n    position:absolute;\r\n\r\n    top:62px;\r\n    right:0;\r\n\r\n    display:none;\r\n\r\n    flex-direction:column;\r\n\r\n    align-items:stretch;\r\n\r\n    background:rgba(7,9,13,.96);\r\n\r\n    padding:20px;\r\n\r\n    width:230px;\r\n\r\n    border:1px solid rgba(185,151,85,.2);\r\n  }\r\n\r\n  .tf-page .main-nav.open{\r\n    display:flex;\r\n  }\r\n\r\n  .tf-page .hero{\r\n    min-height:860px;\r\n  }\r\n\r\n  .tf-page .hero-content{\r\n    min-height:860px;\r\n\r\n    grid-template-columns:1fr;\r\n\r\n    align-items:center;\r\n  }\r\n\r\n  .tf-page .hero-light{\r\n    width:115%;\r\n    height:90%;\r\n    left:-35%;\r\n  }\r\n\r\n  .tf-page .hero-copy{\r\n    transform:none;\r\n    padding-top:100px;\r\n  }\r\n\r\n  .tf-page .hero-copy h1{\r\n    font-size:60px;\r\n  }\r\n\r\n  .tf-page .hero-lead{\r\n    font-size:20px;\r\n  }\r\n\r\n  .tf-page .hero-philosophy{\r\n    display:none;\r\n  }\r\n\r\n  .tf-page .cards-grid{\r\n    grid-template-columns:1fr;\r\n\r\n    transform:translateY(-70px);\r\n\r\n    max-width:620px;\r\n  }\r\n\r\n  .tf-page .area-card{\r\n    min-height:620px;\r\n  }\r\n\r\n  .tf-page .area-card-content{\r\n    min-height:540px;\r\n  }\r\n\r\n  .tf-page .signup{\r\n    grid-template-columns:1fr;\r\n\r\n    gap:35px;\r\n\r\n    padding-inline:0;\r\n  }\r\n\r\n  .tf-page .signup h2{\r\n    font-size:48px;\r\n  }\r\n\r\n  .tf-page .philosophy-grid,\r\n  .tf-page .solutions-grid,\r\n  .tf-page .about-grid{\r\n    grid-template-columns:1fr;\r\n\r\n    padding-inline:0;\r\n  }\r\n\r\n  .tf-page .philosophy-grid{\r\n    padding-top:160px;\r\n  }\r\n\r\n  .tf-page .pillars{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .tf-page .solutions-copy h2,\r\n  .tf-page .about-copy h2,\r\n  .tf-page .philosophy-intro h2{\r\n    font-size:54px;\r\n  }\r\n\r\n  .tf-page .process-line{\r\n    grid-template-columns:1fr;\r\n\r\n    margin-inline:0;\r\n  }\r\n\r\n  .tf-page .process-line::before{\r\n    left:21px;\r\n    right:auto;\r\n\r\n    top:18px;\r\n    bottom:18px;\r\n\r\n    height:auto;\r\n    width:1px;\r\n  }\r\n\r\n  .tf-page .process-line li{\r\n    padding:0 0 34px 70px;\r\n\r\n    min-height:auto;\r\n  }\r\n\r\n  .tf-page .process .eyebrow{\r\n    margin-left:0;\r\n  }\r\n\r\n  .tf-page .about-mountains{\r\n    width:100%;\r\n\r\n    opacity:.32;\r\n  }\r\n\r\n  .tf-page .about-grid{\r\n    gap:50px;\r\n  }\r\n\r\n  .tf-page blockquote{\r\n    font-size:24px;\r\n  }\r\n\r\n  .tf-page .footer-grid{\r\n    grid-template-columns:1fr;\r\n\r\n    justify-items:start;\r\n  }\r\n\r\n  .tf-page .footer-nav{\r\n    justify-content:flex-start;\r\n\r\n    flex-wrap:wrap;\r\n  }\r\n\r\n  .tf-page .footer-bottom{\r\n    flex-direction:column;\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:520px){\r\n\r\n  .tf-page{\r\n    font-size:14px;\r\n  }\r\n\r\n  .tf-page .hero-copy h1{\r\n    font-size:48px;\r\n  }\r\n\r\n  .tf-page .hero-actions{\r\n    flex-wrap:wrap;\r\n  }\r\n\r\n  .tf-page .hero{\r\n    min-height:790px;\r\n  }\r\n\r\n  .tf-page .hero-content{\r\n    min-height:790px;\r\n  }\r\n\r\n  .tf-page .hero-lead{\r\n    font-size:18px;\r\n  }\r\n\r\n  .tf-page .eyebrow{\r\n    font-size:9px;\r\n  }\r\n\r\n  .tf-page .signup h2,\r\n  .tf-page .solutions-copy h2,\r\n  .tf-page .about-copy h2,\r\n  .tf-page .philosophy-intro h2{\r\n    font-size:44px;\r\n  }\r\n\r\n  .tf-page .signup-row{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .tf-page .gold-cta{\r\n    justify-content:center;\r\n  }\r\n\r\n  .tf-page .solution-list{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .tf-page .cards-grid{\r\n    transform:translateY(-45px);\r\n  }\r\n\r\n  .tf-page .area-card{\r\n    padding:34px 24px;\r\n  }\r\n\r\n  .tf-page .area-card h2{\r\n    font-size:40px;\r\n  }\r\n\r\n  .tf-page .footer-brand p{\r\n    margin-left:0;\r\n  }\r\n\r\n  .tf-page .brand-wordmark{\r\n    width:120px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"tf-page\">\r\n\r\n\r\n<!-- =========================================================\r\nHEADER\r\n========================================================= -->\r\n\r\n<header class=\"site-header\" id=\"top\">\r\n\r\n  <div class=\"header-inner shell\">\r\n\r\n    <a\r\n      class=\"brand\"\r\n      href=\"#top\"\r\n      aria-label=\"Tibor Fekete f\u0151oldal\"\r\n    >\r\n\r\n      <img decoding=\"async\"\r\n        class=\"brand-mark\"\r\n        src=\"\"\r\n        data-asset=\"tf-monogram.png\"\r\n        alt=\"TF\"\r\n      >\r\n\r\n      <img decoding=\"async\"\r\n        class=\"brand-wordmark\"\r\n        src=\"\"\r\n        data-asset=\"tibor-fekete-wordmark.png\"\r\n        alt=\"Tibor Fekete\"\r\n      >\r\n\r\n    <\/a>\r\n\r\n\r\n    <button\r\n      class=\"nav-toggle\"\r\n      type=\"button\"\r\n      aria-expanded=\"false\"\r\n      aria-controls=\"main-nav\"\r\n    >\r\n      Men\u00fc\r\n    <\/button>\r\n\r\n\r\n    <nav\r\n      class=\"main-nav\"\r\n      id=\"main-nav\"\r\n      aria-label=\"F\u0151 navig\u00e1ci\u00f3\"\r\n    >\r\n\r\n      <a class=\"active\" href=\"#top\">\r\n        F\u0151oldal\r\n      <\/a>\r\n\r\n      <a href=\"#digitalis\">\r\n        Digit\u00e1lis\r\n      <\/a>\r\n\r\n      <a href=\"#zene\">\r\n        Zene\r\n      <\/a>\r\n\r\n      <a href=\"#jolet\">\r\n        J\u00f3l\u00e9t\r\n      <\/a>\r\n\r\n      <a href=\"#rolam\">\r\n        R\u00f3lam\r\n      <\/a>\r\n\r\n      <a href=\"#blog\">\r\n        Blog\r\n      <\/a>\r\n\r\n    <\/nav>\r\n\r\n\r\n    <a\r\n      class=\"outline-cta header-cta\"\r\n      href=\"#regisztracio\"\r\n    >\r\n      Regisztr\u00e1ci\u00f3\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n<\/header>\r\n\r\n\r\n\r\n<main>\r\n\r\n\r\n<!-- =========================================================\r\nHERO\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"hero\"\r\n  aria-labelledby=\"hero-title\"\r\n>\r\n\r\n  <div\r\n    class=\"hero-bg\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n  <div\r\n    class=\"hero-light\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n\r\n  <div class=\"shell hero-content\">\r\n\r\n\r\n    <div class=\"hero-copy\">\r\n\r\n      <p class=\"eyebrow\">\r\n        RENDSZER \u00b7 HANG \u00b7 EGYENS\u00daLY\r\n      <\/p>\r\n\r\n      <h1 id=\"hero-title\">\r\n        TIBOR FEKETE\r\n      <\/h1>\r\n\r\n      <p class=\"hero-lead\">\r\n        Digit\u00e1lis rendszerek, zene \u00e9s j\u00f3l\u00e9t.\r\n        <br>\r\n        H\u00e1rom ter\u00fclet. Egy gondolkod\u00e1sm\u00f3d.\r\n      <\/p>\r\n\r\n      <div class=\"hero-actions\">\r\n\r\n        <a\r\n          class=\"gold-cta\"\r\n          href=\"#teruletek\"\r\n        >\r\n          Felfedezem a ter\u00fcleteket\r\n          <span>\u2192<\/span>\r\n        <\/a>\r\n\r\n        <a\r\n          class=\"text-cta\"\r\n          href=\"#rolam\"\r\n        >\r\n          R\u00f3lam\r\n          <span>\u2192<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <aside class=\"hero-philosophy\">\r\n\r\n      <span class=\"fine-line\"><\/span>\r\n\r\n      <p>\r\n        A technol\u00f3gia, a m\u0171v\u00e9szet\r\n        <br>\r\n        \u00e9s az emberi egyens\u00faly nem k\u00fcl\u00f6n utak,\r\n        <br>\r\n        hanem ugyanannak az \u00e9letnek\r\n        <br>\r\n        a k\u00fcl\u00f6nb\u00f6z\u0151 n\u00e9z\u0151pontjai.\r\n      <\/p>\r\n\r\n    <\/aside>\r\n\r\n  <\/div>\r\n\r\n\r\n  <div\r\n    class=\"hero-mist\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\n3 F\u0150 TER\u00dcLET\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"areas light-marble\"\r\n  id=\"teruletek\"\r\n>\r\n\r\n\r\n  <div class=\"shell cards-grid\">\r\n\r\n\r\n    <!-- DIGITAL -->\r\n\r\n    <article\r\n      class=\"area-card area-card--dark\"\r\n      id=\"digitalis\"\r\n      style=\"--card-bg:var(--card-digital)\"\r\n    >\r\n\r\n      <div class=\"card-overlay\"><\/div>\r\n\r\n      <div class=\"area-card-content\">\r\n\r\n        <span class=\"card-number\">\r\n          01\r\n        <\/span>\r\n\r\n        <h2>\r\n          DIGIT\u00c1LIS\r\n        <\/h2>\r\n\r\n        <p class=\"card-kicker\">\r\n          Web \u00b7 Rendszerek \u00b7 L\u00e1that\u00f3s\u00e1g\r\n        <\/p>\r\n\r\n\r\n        <ul class=\"service-list\">\r\n\r\n          <li>Weboldalak<\/li>\r\n          <li>WordPress<\/li>\r\n          <li>Egyedi funkci\u00f3k<\/li>\r\n          <li>Plugin \/ integr\u00e1ci\u00f3<\/li>\r\n          <li>Booking rendszerek<\/li>\r\n          <li>Webshop<\/li>\r\n          <li>Fizet\u00e9si rendszerek<\/li>\r\n          <li>Automatiz\u00e1ci\u00f3k<\/li>\r\n          <li>Meta \/ Google hirdet\u00e9sek<\/li>\r\n          <li>Digit\u00e1lis probl\u00e9mamegold\u00e1s<\/li>\r\n\r\n        <\/ul>\r\n\r\n\r\n        <a\r\n          class=\"card-link\"\r\n          href=\"#digitalis-megoldasok\"\r\n        >\r\n\r\n          Tov\u00e1bb a digit\u00e1lis ter\u00fcletre\r\n\r\n          <span>\r\n            \u2192\r\n          <\/span>\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- MUSIC -->\r\n\r\n    <article\r\n      class=\"area-card area-card--dark\"\r\n      id=\"zene\"\r\n      style=\"--card-bg:var(--card-music)\"\r\n    >\r\n\r\n      <div class=\"card-overlay\"><\/div>\r\n\r\n\r\n      <div class=\"area-card-content\">\r\n\r\n        <span class=\"card-number\">\r\n          02\r\n        <\/span>\r\n\r\n        <h2>\r\n          ZENE\r\n        <\/h2>\r\n\r\n        <p class=\"card-kicker\">\r\n          Sound \u00b7 Kompoz\u00edci\u00f3 \u00b7 Projektek\r\n        <\/p>\r\n\r\n\r\n        <ul class=\"service-list service-list--spaced\">\r\n\r\n          <li>Saj\u00e1t zen\u00e9k<\/li>\r\n\r\n          <li>\r\n            Sz\u00ednh\u00e1zi \u00e9s t\u00e1ncprojektek\r\n          <\/li>\r\n\r\n          <li>\r\n            Nemzeti T\u00e1ncsz\u00ednh\u00e1z referencia\r\n          <\/li>\r\n\r\n          <li>\r\n            K\u00e9sz\u00fcl\u0151 zenei k\u00f6nyvt\u00e1r\r\n          <\/li>\r\n\r\n        <\/ul>\r\n\r\n\r\n        <a\r\n          class=\"card-link\"\r\n          href=\"#\"\r\n        >\r\n\r\n          Tov\u00e1bb a zenei ter\u00fcletre\r\n\r\n          <span>\r\n            \u2192\r\n          <\/span>\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n\r\n\r\n    <!-- WELLBEING -->\r\n\r\n    <article\r\n      class=\"area-card area-card--light\"\r\n      id=\"jolet\"\r\n      style=\"--card-bg:var(--card-wellbeing)\"\r\n    >\r\n\r\n\r\n      <div class=\"area-card-content\">\r\n\r\n        <span class=\"card-number\">\r\n          03\r\n        <\/span>\r\n\r\n        <h2>\r\n          J\u00d3L\u00c9T\r\n        <\/h2>\r\n\r\n        <p class=\"card-kicker\">\r\n          Massz\u00e1zs \u00b7 Relax\u00e1ci\u00f3 \u00b7 Receptek \u00b7 Asztroz\u00f3fia\r\n        <\/p>\r\n\r\n\r\n        <ul class=\"service-list service-list--spaced\">\r\n\r\n          <li>\r\n            Massz\u0151ri k\u00e9pes\u00edt\u00e9s 2019 \u00f3ta\r\n          <\/li>\r\n\r\n          <li>\r\n            Kb. 3 \u00e9v gyakorlati tapasztalat\r\n          <\/li>\r\n\r\n          <li>\r\n            Relax\u00e1ci\u00f3s k\u00e9pzetts\u00e9g\r\n          <\/li>\r\n\r\n          <li>\r\n            K\u00e9sz\u00fcl\u0151 relax\u00e1ci\u00f3s hanganyagok\r\n          <\/li>\r\n\r\n          <li>\r\n            Receptek \u00e9s receptk\u00f6nyv\r\n          <\/li>\r\n\r\n          <li>\r\n            Asztroz\u00f3fia \u2013 tanul\u00e1si folyamat\r\n          <\/li>\r\n\r\n          <li>\r\n            \u00cdr\u00e1sok, csillagid\u0151j\u00e1r\u00e1s, megfigyel\u00e9sek\r\n          <\/li>\r\n\r\n        <\/ul>\r\n\r\n\r\n        <a\r\n          class=\"card-link\"\r\n          href=\"#\"\r\n        >\r\n\r\n          Tov\u00e1bb a j\u00f3l\u00e9t ter\u00fcletre\r\n\r\n          <span>\r\n            \u2192\r\n          <\/span>\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n<!-- =========================================================\r\nREGISTRATION\r\n========================================================= -->\r\n\r\n  <div\r\n    class=\"shell signup\"\r\n    id=\"regisztracio\"\r\n  >\r\n\r\n\r\n    <div class=\"signup-copy\">\r\n\r\n      <p class=\"eyebrow eyebrow--gold\">\r\n        MARADJ KAPCSOLATBAN\r\n      <\/p>\r\n\r\n      <h2>\r\n        Inspir\u00e1ci\u00f3, \u00fajdons\u00e1gok,\r\n        <br>\r\n        exkluz\u00edv tartalmak.\r\n      <\/h2>\r\n\r\n      <p>\r\n        Id\u0151nk\u00e9nt k\u00fcld\u00f6k gondolatokat, projekteket,\r\n        <br>\r\n        zen\u00e9ket \u00e9s hasznos tartalmakat \u2013\r\n        h\u00e1rom ter\u00fcletr\u0151l, egy forr\u00e1sb\u00f3l.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <form\r\n      class=\"signup-form\"\r\n      action=\"#\"\r\n      method=\"post\"\r\n    >\r\n\r\n\r\n      <div class=\"signup-row\">\r\n\r\n        <label\r\n          class=\"sr-only\"\r\n          for=\"tf-email\"\r\n        >\r\n          E-mail c\u00edmed\r\n        <\/label>\r\n\r\n\r\n        <input\r\n          id=\"tf-email\"\r\n          type=\"email\"\r\n          name=\"email\"\r\n          placeholder=\"Az e-mail c\u00edmed\"\r\n          autocomplete=\"email\"\r\n          required\r\n        >\r\n\r\n\r\n        <button\r\n          class=\"gold-cta\"\r\n          type=\"submit\"\r\n        >\r\n\r\n          Regisztr\u00e1lok\r\n\r\n          <span>\r\n            \u2192\r\n          <\/span>\r\n\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n\r\n      <small>\r\n        Nincs spam. Csak \u00e9rt\u00e9kes tartalom.\r\n        B\u00e1rmikor leiratkozhatsz.\r\n      <\/small>\r\n\r\n    <\/form>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\nGONDOLKOD\u00c1SM\u00d3D\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"philosophy dark-section\"\r\n  aria-labelledby=\"philosophy-title\"\r\n>\r\n\r\n\r\n  <div\r\n    class=\"transition transition--into-dark\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n\r\n  <div class=\"shell philosophy-grid\">\r\n\r\n\r\n    <div class=\"philosophy-intro\">\r\n\r\n      <p class=\"eyebrow eyebrow--gold\">\r\n        GONDOLKOD\u00c1SM\u00d3D\r\n      <\/p>\r\n\r\n      <h2 id=\"philosophy-title\">\r\n        T\u00f6bb ter\u00fclet.\r\n        <br>\r\n        Egy szeml\u00e9let.\r\n      <\/h2>\r\n\r\n      <p>\r\n        Hiszem, hogy a technol\u00f3gia, a zene \u00e9s a j\u00f3l\u00e9t\r\n        ugyanannak az emberi t\u00f6rekv\u00e9snek a r\u00e9szei:\r\n        alkotni, fejl\u0151dni \u00e9s egyens\u00falyban \u00e9lni.\r\n      <\/p>\r\n\r\n      <a\r\n        class=\"outline-cta\"\r\n        href=\"#rolam\"\r\n      >\r\n\r\n        R\u00f3lam b\u0151vebben\r\n\r\n        <span>\r\n          \u2192\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"pillars\">\r\n\r\n\r\n      <article class=\"pillar\">\r\n\r\n        <span class=\"pillar-icon\">\r\n          \u2726\r\n        <\/span>\r\n\r\n        <h3>\r\n          Kreativit\u00e1s \u00d7 technol\u00f3gia\r\n        <\/h3>\r\n\r\n        <p>\r\n          \u00d6tletek, amelyek m\u0171k\u00f6dnek.\r\n          Rendszerek, amelyek szabads\u00e1got adnak.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <article class=\"pillar\">\r\n\r\n        <span class=\"pillar-icon\">\r\n          \u2197\r\n        <\/span>\r\n\r\n        <h3>\r\n          Folyamatos tanul\u00e1s\r\n        <\/h3>\r\n\r\n        <p>\r\n          Nyitotts\u00e1g, k\u00edv\u00e1ncsis\u00e1g, fejl\u0151d\u00e9s.\r\n          Mindig van k\u00f6vetkez\u0151 l\u00e9p\u00e9s.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <article class=\"pillar\">\r\n\r\n        <span class=\"pillar-icon\">\r\n          \u25c7\r\n        <\/span>\r\n\r\n        <h3>\r\n          Saj\u00e1t projektek\r\n        <\/h3>\r\n\r\n        <p>\r\n          Val\u00f3di tapasztalatok, \u00e9l\u0151 projektek.\r\n          Tanul\u00e1s a gyakorlatban.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <article class=\"pillar\">\r\n\r\n        <span class=\"pillar-icon\">\r\n          \u25ce\r\n        <\/span>\r\n\r\n        <h3>\r\n          Egyedi gondolkod\u00e1s\r\n        <\/h3>\r\n\r\n        <p>\r\n          Nem sablonokban,\r\n          hanem lehet\u0151s\u00e9gekben gondolkodom.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <div\r\n    class=\"transition transition--out-light\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\nDIGITAL SOLUTIONS\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"digital-solutions light-marble\"\r\n  id=\"digitalis-megoldasok\"\r\n  aria-labelledby=\"digital-title\"\r\n>\r\n\r\n\r\n  <div class=\"shell solutions-grid\">\r\n\r\n\r\n    <div class=\"solutions-copy\">\r\n\r\n      <p class=\"eyebrow eyebrow--gold\">\r\n        DIGIT\u00c1LIS MEGOLD\u00c1SOK\r\n      <\/p>\r\n\r\n      <h2 id=\"digital-title\">\r\n        Webes megold\u00e1sok,\r\n        <br>\r\n        val\u00f3di eredm\u00e9nyekhez.\r\n      <\/h2>\r\n\r\n      <p>\r\n        Modern, rugalmas \u00e9s j\u00f3l haszn\u00e1lhat\u00f3 webes megold\u00e1sok\r\n        \u2013 \u00f6tlett\u0151l a megval\u00f3s\u00edt\u00e1sig.\r\n        A c\u00e9l mindig ugyanaz:\r\n        m\u0171k\u00f6d\u0151 rendszerek, amelyek \u00e9rt\u00e9ket teremtenek.\r\n      <\/p>\r\n\r\n      <a\r\n        class=\"gold-cta\"\r\n        href=\"#kapcsolat\"\r\n      >\r\n\r\n        Tov\u00e1bbi r\u00e9szletek\r\n\r\n        <span>\r\n          \u2192\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"solution-list\">\r\n\r\n      <div>\r\n        <span>\u2318<\/span>\r\n        Webdesign & WordPress\r\n      <\/div>\r\n\r\n      <div>\r\n        <span>\u25a5<\/span>\r\n        Analitika\r\n      <\/div>\r\n\r\n      <div>\r\n        <span>\u26d3<\/span>\r\n        Rendszerek & automatiz\u00e1ci\u00f3\r\n      <\/div>\r\n\r\n      <div>\r\n        <span>\u25ec<\/span>\r\n        Meta \/ Google Ads\r\n      <\/div>\r\n\r\n      <div>\r\n        <span>\u25a3<\/span>\r\n        Booking & fizet\u00e9s\r\n      <\/div>\r\n\r\n      <div>\r\n        <span>\u25ce<\/span>\r\n        Pozicion\u00e1l\u00e1s\r\n      <\/div>\r\n\r\n      <div>\r\n        <span>\u25bd<\/span>\r\n        Webshop\r\n      <\/div>\r\n\r\n      <div>\r\n        <span>\u25c7<\/span>\r\n        Integr\u00e1ci\u00f3k\r\n      <\/div>\r\n\r\n      <div>\r\n        <span>\u25eb<\/span>\r\n        UI\/UX\r\n      <\/div>\r\n\r\n      <div>\r\n        <span>\u25c9<\/span>\r\n        Digit\u00e1lis probl\u00e9mamegold\u00e1s\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\nPROCESS\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"process\"\r\n  aria-labelledby=\"process-title\"\r\n>\r\n\r\n\r\n  <div class=\"shell\">\r\n\r\n\r\n    <p class=\"eyebrow eyebrow--gold\">\r\n      \u00cdGY DOLGOZOM\r\n    <\/p>\r\n\r\n\r\n    <h2\r\n      class=\"sr-only\"\r\n      id=\"process-title\"\r\n    >\r\n      Munkafolyamat\r\n    <\/h2>\r\n\r\n\r\n    <ol class=\"process-line\">\r\n\r\n\r\n      <li>\r\n\r\n        <span class=\"process-num\">\r\n          01\r\n        <\/span>\r\n\r\n        <h3>\r\n          Felfedez\u00e9s\r\n        <\/h3>\r\n\r\n        <p>\r\n          Megismerj\u00fck a c\u00e9lokat \u00e9s a lehet\u0151s\u00e9geket.\r\n        <\/p>\r\n\r\n      <\/li>\r\n\r\n\r\n      <li>\r\n\r\n        <span class=\"process-num\">\r\n          02\r\n        <\/span>\r\n\r\n        <h3>\r\n          Strat\u00e9gia\r\n        <\/h3>\r\n\r\n        <p>\r\n          K\u00f6z\u00f6sen kialak\u00edtjuk a megold\u00e1s ir\u00e1ny\u00e1t.\r\n        <\/p>\r\n\r\n      <\/li>\r\n\r\n\r\n      <li>\r\n\r\n        <span class=\"process-num\">\r\n          03\r\n        <\/span>\r\n\r\n        <h3>\r\n          Tervez\u00e9s\r\n        <\/h3>\r\n\r\n        <p>\r\n          Strukt\u00fara, design \u00e9s technikai alapok.\r\n        <\/p>\r\n\r\n      <\/li>\r\n\r\n\r\n      <li>\r\n\r\n        <span class=\"process-num\">\r\n          04\r\n        <\/span>\r\n\r\n        <h3>\r\n          Megval\u00f3s\u00edt\u00e1s\r\n        <\/h3>\r\n\r\n        <p>\r\n          Fejleszt\u00e9s, tesztel\u00e9s, finomhangol\u00e1s.\r\n        <\/p>\r\n\r\n      <\/li>\r\n\r\n\r\n      <li>\r\n\r\n        <span class=\"process-num\">\r\n          05\r\n        <\/span>\r\n\r\n        <h3>\r\n          Ind\u00edt\u00e1s\r\n        <\/h3>\r\n\r\n        <p>\r\n          \u00c9les\u00edt\u00e9s \u00e9s tov\u00e1bbi t\u00e1mogat\u00e1s.\r\n        <\/p>\r\n\r\n      <\/li>\r\n\r\n    <\/ol>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =========================================================\r\nABOUT\r\n========================================================= -->\r\n\r\n<section\r\n  class=\"about light-marble\"\r\n  id=\"rolam\"\r\n  aria-labelledby=\"about-title\"\r\n>\r\n\r\n\r\n  <div\r\n    class=\"about-mountains\"\r\n    aria-hidden=\"true\"\r\n  ><\/div>\r\n\r\n\r\n  <div class=\"shell about-grid\">\r\n\r\n\r\n    <div class=\"about-copy\">\r\n\r\n\r\n      <p class=\"eyebrow eyebrow--gold\">\r\n        R\u00d3LAM\r\n      <\/p>\r\n\r\n\r\n      <h2 id=\"about-title\">\r\n        T\u00f6bb ter\u00fclet.\r\n        <br>\r\n        Egy gondolkod\u00e1sm\u00f3d.\r\n      <\/h2>\r\n\r\n\r\n      <p>\r\n        Az informatika \u00e9s a zene r\u00e9g\u00f3ta r\u00e9sze az \u00e9letemnek.\r\n        A digit\u00e1lis rendszerek \u00e9p\u00edt\u00e9se jelenleg egy er\u0151sen\r\n        fejl\u0151d\u0151 szakmai ir\u00e1ny, amelyben autodidakta m\u00f3don,\r\n        gyakorlati projektekb\u0151l szerzek tapasztalatot.\r\n      <\/p>\r\n\r\n\r\n      <p>\r\n        A massz\u00e1zs \u00e9s a wellbeing m\u00f6g\u00f6tt val\u00f3di k\u00e9pzetts\u00e9g\r\n        \u00e9s t\u00f6bb \u00e9v gyakorlati tapasztalat \u00e1ll.\r\n        Az asztroz\u00f3fia pedig jelenleg egy tanul\u00e1si \u00fat,\r\n        amelyben az \u00edr\u00e1sok, megfigyel\u00e9sek \u00e9s a\r\n        csillagid\u0151j\u00e1r\u00e1s elemz\u00e9se kap teret.\r\n      <\/p>\r\n\r\n\r\n      <a\r\n        class=\"gold-cta\"\r\n        href=\"#kapcsolat\"\r\n      >\r\n\r\n        Ismerj meg k\u00f6zelebbr\u0151l\r\n\r\n        <span>\r\n          \u2192\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <blockquote>\r\n\r\n      \u201eAz egyens\u00faly nem c\u00e9l,\r\n      <br>\r\n      hanem egy folyamatosan\r\n      <br>\r\n      \u00fajrahangolt \u00e1llapot.\u201d\r\n\r\n    <\/blockquote>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/main>\r\n\r\n\r\n\r\n<!-- =========================================================\r\nFOOTER\r\n========================================================= -->\r\n\r\n<footer\r\n  class=\"site-footer\"\r\n  id=\"kapcsolat\"\r\n>\r\n\r\n\r\n  <div class=\"shell footer-grid\">\r\n\r\n\r\n    <div class=\"footer-brand\">\r\n\r\n\r\n      <div class=\"brand footer-logo\">\r\n\r\n        <img decoding=\"async\"\r\n          class=\"brand-mark\"\r\n          src=\"\"\r\n          data-asset=\"tf-monogram.png\"\r\n          alt=\"TF\"\r\n        >\r\n\r\n        <img decoding=\"async\"\r\n          class=\"brand-wordmark\"\r\n          src=\"\"\r\n          data-asset=\"tibor-fekete-wordmark.png\"\r\n          alt=\"Tibor Fekete\"\r\n        >\r\n\r\n      <\/div>\r\n\r\n\r\n      <p>\r\n        RENDSZER \u00b7 HANG \u00b7 EGYENS\u00daLY\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <nav\r\n      class=\"footer-nav\"\r\n      aria-label=\"L\u00e1bl\u00e9c navig\u00e1ci\u00f3\"\r\n    >\r\n\r\n      <a href=\"#top\">\r\n        F\u0151oldal\r\n      <\/a>\r\n\r\n      <a href=\"#digitalis\">\r\n        Digit\u00e1lis\r\n      <\/a>\r\n\r\n      <a href=\"#zene\">\r\n        Zene\r\n      <\/a>\r\n\r\n      <a href=\"#jolet\">\r\n        J\u00f3l\u00e9t\r\n      <\/a>\r\n\r\n      <a href=\"#rolam\">\r\n        R\u00f3lam\r\n      <\/a>\r\n\r\n      <a href=\"#blog\">\r\n        Blog\r\n      <\/a>\r\n\r\n      <a href=\"#kapcsolat\">\r\n        Kapcsolat\r\n      <\/a>\r\n\r\n    <\/nav>\r\n\r\n\r\n\r\n    <div\r\n      class=\"socials\"\r\n      aria-label=\"K\u00f6z\u00f6ss\u00e9gi m\u00e9dia\"\r\n    >\r\n\r\n      <a href=\"#\" aria-label=\"Instagram\">\r\n        \u25ce\r\n      <\/a>\r\n\r\n      <a href=\"#\" aria-label=\"YouTube\">\r\n        \u25b6\r\n      <\/a>\r\n\r\n      <a href=\"#\" aria-label=\"SoundCloud\">\r\n        \u25d2\r\n      <\/a>\r\n\r\n      <a href=\"#\" aria-label=\"Spotify\">\r\n        \u25cf\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <div class=\"shell footer-bottom\">\r\n\r\n    <span>\r\n      \u00a9 2026 Tibor Fekete.\r\n      Minden jog fenntartva.\r\n    <\/span>\r\n\r\n\r\n    <div>\r\n\r\n      <a href=\"#\">\r\n        Adatv\u00e9delem\r\n      <\/a>\r\n\r\n      <a href=\"#\">\r\n        \u00c1SZF\r\n      <\/a>\r\n\r\n      <a href=\"#\">\r\n        Cookie be\u00e1ll\u00edt\u00e1sok\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/footer>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  const root = document.querySelector('.tf-page');\r\n\r\n  if(!root) return;\r\n\r\n\r\n  \/* =========================================================\r\n  CSAK EZT KELL MAJD \u00c1T\u00cdRNOD\r\n\r\n  P\u00e9lda:\r\n  https:\/\/tibor-fekete.hu\/wp-content\/uploads\/tibor-fekete\/\r\n  ========================================================= *\/\r\n\r\n  const ASSET_BASE =\r\n  '\/wp-content\/uploads\/tibor-fekete\/';\r\n\r\n\r\n\r\n  \/* =========================================================\r\n  BACKGROUND ASSETS\r\n  ========================================================= *\/\r\n\r\n  const assets = {\r\n\r\n    '--hero-mountains':\r\n      'hero-mountains.png',\r\n\r\n    '--dark-ivory-mist':\r\n      'dark-ivory-mist.png',\r\n\r\n    '--ivory-marble':\r\n      'ivory-marble.png',\r\n\r\n    '--dark-marble':\r\n      'dark-marble.png',\r\n\r\n    '--ivory-dark-transition':\r\n      'ivory-dark-transition.png',\r\n\r\n    '--process-strip':\r\n      'process-strip.png',\r\n\r\n    '--card-digital':\r\n      'card-digital.png',\r\n\r\n    '--card-music':\r\n      'card-music.png',\r\n\r\n    '--card-wellbeing':\r\n      'card-wellbeing.png'\r\n\r\n  };\r\n\r\n\r\n  Object.entries(assets).forEach(\r\n    ([property,file])=>{\r\n\r\n      root.style.setProperty(\r\n        property,\r\n        `url(\"${ASSET_BASE}${file}\")`\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n\r\n  \/* =========================================================\r\n  LOGOS\r\n  ========================================================= *\/\r\n\r\n  root\r\n    .querySelectorAll('[data-asset]')\r\n    .forEach(img=>{\r\n\r\n      img.src =\r\n        ASSET_BASE +\r\n        img.dataset.asset;\r\n\r\n    });\r\n\r\n\r\n\r\n  \/* =========================================================\r\n  MOBILE NAV\r\n  ========================================================= *\/\r\n\r\n  const toggle =\r\n    root.querySelector('.nav-toggle');\r\n\r\n  const nav =\r\n    root.querySelector('.main-nav');\r\n\r\n\r\n  if(toggle && nav){\r\n\r\n    toggle.addEventListener(\r\n      'click',\r\n      ()=>{\r\n\r\n        const open =\r\n          nav.classList.toggle('open');\r\n\r\n        toggle.setAttribute(\r\n          'aria-expanded',\r\n          String(open)\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    nav\r\n      .querySelectorAll('a')\r\n      .forEach(link=>{\r\n\r\n        link.addEventListener(\r\n          'click',\r\n          ()=>{\r\n\r\n            nav.classList.remove('open');\r\n\r\n            toggle.setAttribute(\r\n              'aria-expanded',\r\n              'false'\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n      });\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =========================================================\r\n  SMOOTH SCROLL\r\n  ========================================================= *\/\r\n\r\n  root\r\n    .querySelectorAll('a[href^=\"#\"]')\r\n    .forEach(link=>{\r\n\r\n      link.addEventListener(\r\n        'click',\r\n        event=>{\r\n\r\n          const id =\r\n            link.getAttribute('href');\r\n\r\n          if(\r\n            !id ||\r\n            id === '#'\r\n          ){\r\n            return;\r\n          }\r\n\r\n\r\n          const target =\r\n            root.querySelector(id);\r\n\r\n\r\n          if(target){\r\n\r\n            event.preventDefault();\r\n\r\n            target.scrollIntoView({\r\n              behavior:'smooth',\r\n              block:'start'\r\n            });\r\n\r\n          }\r\n\r\n        }\r\n      );\r\n\r\n    });\r\n\r\n\r\n\r\n  \/* =========================================================\r\n  REGISTRATION TEMP DEMO\r\n  k\u00e9s\u0151bb ide k\u00f6tj\u00fck az automatiz\u00e1ci\u00f3t\r\n  ========================================================= *\/\r\n\r\n  const signup =\r\n    root.querySelector('.signup-form');\r\n\r\n\r\n  if(signup){\r\n\r\n    signup.addEventListener(\r\n      'submit',\r\n      event=>{\r\n\r\n        event.preventDefault();\r\n\r\n\r\n        const button =\r\n          event.currentTarget\r\n          .querySelector('button');\r\n\r\n\r\n        const original =\r\n          button.innerHTML;\r\n\r\n\r\n        button.textContent =\r\n          'K\u00f6sz\u00f6n\u00f6m';\r\n\r\n\r\n        setTimeout(\r\n          ()=>{\r\n\r\n            button.innerHTML =\r\n              original;\r\n\r\n          },\r\n          1800\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Men\u00fc F\u0151oldal Digit\u00e1lis Zene J\u00f3l\u00e9t R\u00f3lam Blog Regisztr\u00e1ci\u00f3 RENDSZER \u00b7 HANG \u00b7 EGYENS\u00daLY TIBOR FEKETE Digit\u00e1lis rendszerek, zene \u00e9s j\u00f3l\u00e9t. H\u00e1rom ter\u00fclet. Egy gondolkod\u00e1sm\u00f3d. Felfedezem a ter\u00fcleteket \u2192 R\u00f3lam \u2192 A technol\u00f3gia, a m\u0171v\u00e9szet \u00e9s az emberi egyens\u00faly nem k\u00fcl\u00f6n utak, hanem ugyanannak az \u00e9letnek a k\u00fcl\u00f6nb\u00f6z\u0151 n\u00e9z\u0151pontjai. 01 DIGIT\u00c1LIS Web \u00b7 Rendszerek \u00b7 L\u00e1that\u00f3s\u00e1g [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/tiborfekete.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tiborfekete.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tiborfekete.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tiborfekete.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tiborfekete.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":4,"href":"https:\/\/tiborfekete.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/tiborfekete.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/tiborfekete.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}