{"id":16,"date":"2026-04-21T18:00:04","date_gmt":"2026-04-21T16:00:04","guid":{"rendered":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/?page_id=16"},"modified":"2026-06-16T14:32:28","modified_gmt":"2026-06-16T12:32:28","slug":"munkaim","status":"publish","type":"page","link":"https:\/\/ablilla.hu\/en\/munkaim\/","title":{"rendered":"Work"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"16\" class=\"elementor elementor-16\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62f5ea7 e-flex e-con-boxed e-con e-parent\" data-id=\"62f5ea7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c6496c1 e-con-full e-flex e-con e-child\" data-id=\"c6496c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e0e60c0 e-con-full e-flex e-con e-child\" data-id=\"e0e60c0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-7795c9b e-con-full e-flex e-con e-child\" data-id=\"7795c9b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ade52cc e-con-full e-flex e-con e-child\" data-id=\"ade52cc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-1be7e97 e-con-full e-flex e-con e-child\" data-id=\"1be7e97\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edba7b0 elementor-widget elementor-widget-heading\" data-id=\"edba7b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">MUNK\u00c1IM\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b27b89d elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"b27b89d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4548f3f elementor-widget elementor-widget-heading\" data-id=\"4548f3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">projecteim<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-241542f elementor-widget-tablet_extra__width-initial elementor-widget elementor-widget-heading\" data-id=\"241542f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">V\u00e1logat\u00e1s a legut\u00f3bbi munk\u00e1imb\u00f3l.\nMinden projekt egyedi megold\u00e1s,\n\u00e1tgondolt koncepci\u00f3val \u00e9s letisztult\nvizu\u00e1lis vil\u00e1ggal.<br>\n<br>\nA letisztult vizu\u00e1lis vil\u00e1g mellett\nfontos sz\u00e1momra a funkcionalit\u00e1s is.\nMinden projektn\u00e9l az \u00e1tgondolt\n\u00e9s egys\u00e9ges felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyre t\u00f6rekszem.<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee48918 elementor-widget__width-initial elementor-align-left elementor-widget elementor-widget-button\" data-id=\"ee48918\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"#munkaim\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">T\u00f6bb INf\u00f3<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d74254c e-con-full e-flex e-con e-child\" data-id=\"d74254c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-fee6de5 e-con-full e-flex e-con e-child\" data-id=\"fee6de5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a5f413e e-con-full e-flex e-con e-child\" data-id=\"a5f413e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33924da elementor-widget elementor-widget-image\" data-id=\"33924da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1294\" src=\"https:\/\/ablilla.hu\/wp-content\/uploads\/2026\/06\/Frame-570-scaled.png\" class=\"attachment-full size-full wp-image-1736\" alt=\"\" srcset=\"https:\/\/ablilla.hu\/wp-content\/uploads\/2026\/06\/Frame-570-scaled.png 2560w, https:\/\/ablilla.hu\/wp-content\/uploads\/2026\/06\/Frame-570-300x152.png 300w, https:\/\/ablilla.hu\/wp-content\/uploads\/2026\/06\/Frame-570-1024x518.png 1024w, https:\/\/ablilla.hu\/wp-content\/uploads\/2026\/06\/Frame-570-768x388.png 768w, https:\/\/ablilla.hu\/wp-content\/uploads\/2026\/06\/Frame-570-1536x776.png 1536w, https:\/\/ablilla.hu\/wp-content\/uploads\/2026\/06\/Frame-570-2048x1035.png 2048w, https:\/\/ablilla.hu\/wp-content\/uploads\/2026\/06\/Frame-570-18x9.png 18w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8390277 elementor-widget elementor-widget-image\" data-id=\"8390277\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"615\" height=\"184\" src=\"https:\/\/ablilla.hu\/wp-content\/uploads\/2026\/05\/pontok-1.png\" class=\"attachment-full size-full wp-image-130\" alt=\"\" srcset=\"https:\/\/ablilla.hu\/wp-content\/uploads\/2026\/05\/pontok-1.png 615w, https:\/\/ablilla.hu\/wp-content\/uploads\/2026\/05\/pontok-1-300x90.png 300w\" sizes=\"(max-width: 615px) 100vw, 615px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6cb8223 e-flex e-con-boxed e-con e-parent\" data-id=\"6cb8223\" 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-7201ffb elementor-widget elementor-widget-html\" data-id=\"7201ffb\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"munkaim\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cs-portfolio-section\" id=\"csPortfolio\">\n  <style>\n  #csPortfolio {\n    --cs-dark: #1f2d27;\n    --cs-light: #eeeeee;\n    --cs-border: #dddddd;\n    --cs-circle-fill: #d9d9d9;\n    --cs-circle-stroke: #e8e8e8;\n    --cs-dot: #858585;\n\n    width: 100%;\n    background: #ffffff;\n    font-family: inherit;\n    box-sizing: border-box;\n    color: #222222;\n    scroll-margin-top: 90px;\n  }\n\n  #csPortfolio *,\n  #csPortfolio *::before,\n  #csPortfolio *::after {\n    box-sizing: border-box;\n  }\n\n  #csPortfolio .cs-portfolio-shell {\n    display: grid;\n    grid-template-columns: 51% 49%;\n    height: 820px;\n    min-height: 820px;\n    max-height: 820px;\n    border: 1px solid var(--cs-border);\n    background: #ffffff;\n    overflow: hidden;\n  }\n\n  #csPortfolio .cs-portfolio-left {\n    position: relative;\n    height: 820px;\n    min-height: 820px;\n    background: #ffffff;\n    overflow: hidden;\n  }\n\n  #csPortfolio .cs-arc-wrap {\n    position: absolute;\n    left: 0;\n    top: 50%;\n    width: 430px;\n    height: 760px;\n    transform: translateY(-50%);\n    z-index: 1;\n    overflow: visible;\n    pointer-events: none;\n  }\n\n  #csPortfolio .cs-arc-svg {\n    display: block;\n    width: 430px;\n    height: 760px;\n    overflow: visible;\n  }\n\n  #csPortfolio .cs-circle-bg {\n    fill: var(--cs-circle-fill);\n    stroke: var(--cs-circle-stroke);\n    stroke-width: 18;\n  }\n\n  #csPortfolio .cs-svg-dot {\n    fill: var(--cs-dot);\n    cursor: pointer;\n    pointer-events: auto;\n    transition: r 180ms ease, fill 180ms ease;\n  }\n\n  #csPortfolio .cs-svg-dot:hover {\n    fill: #555555;\n  }\n\n  #csPortfolio .cs-svg-dot.is-active {\n    fill: #000000;\n    r: 18;\n  }\n\n  #csPortfolio .cs-service-layer {\n    position: absolute;\n    inset: 0;\n    z-index: 3;\n  }\n\n  #csPortfolio .cs-service {\n    position: absolute;\n    left: var(--item-x);\n    top: var(--item-y);\n    width: var(--item-w);\n    display: grid;\n    grid-template-columns: 48px minmax(0, 1fr);\n    gap: 14px;\n    align-items: start;\n    opacity: 0.34;\n    cursor: pointer;\n    transition: opacity 180ms ease, border-color 180ms ease, box-shadow 180ms ease;\n  }\n\n  #csPortfolio .cs-service:hover {\n    opacity: 0.7;\n  }\n\n  #csPortfolio .cs-service.is-active {\n    opacity: 1;\n  }\n\n  #csPortfolio .cs-service-number {\n    display: block;\n    color: #222222;\n    font-size: 24px;\n    font-weight: 800;\n    line-height: 1;\n    letter-spacing: 0.01em;\n    white-space: nowrap;\n  }\n\n  #csPortfolio .cs-service-content {\n    min-width: 0;\n  }\n\n  #csPortfolio .cs-service-title {\n    margin: 0 0 8px;\n    color: #222222;\n    font-size: 16px;\n    font-weight: 800;\n    line-height: 1.1;\n    letter-spacing: 0.02em;\n    text-transform: uppercase;\n  }\n\n  #csPortfolio .cs-service-text {\n    margin: 0;\n    color: #555555;\n    font-size: 13.5px;\n    font-weight: 400;\n    line-height: 1.3;\n  }\n\n  #csPortfolio .cs-service-01 {\n    --item-x: 150px;\n    --item-y: 108px;\n    --item-w: 355px;\n  }\n\n  #csPortfolio .cs-service-02 {\n    --item-x: 278px;\n    --item-y: 250px;\n    --item-w: 355px;\n  }\n\n  #csPortfolio .cs-service-03 {\n    --item-x: 318px;\n    --item-y: 392px;\n    --item-w: 330px;\n  }\n\n  #csPortfolio .cs-service-04 {\n    --item-x: 278px;\n    --item-y: 575px;\n    --item-w: 355px;\n  }\n\n  #csPortfolio .cs-service-05 {\n    --item-x: 150px;\n    --item-y: 710px;\n    --item-w: 430px;\n  }\n\n  #csPortfolio .cs-portfolio-right {\n    height: 820px;\n    max-height: 820px;\n    background: var(--cs-light);\n    border-left: 1px solid var(--cs-border);\n    padding: 28px;\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 24px;\n    align-content: start;\n    overflow-y: auto;\n    overflow-x: hidden;\n    scrollbar-width: thin;\n  }\n\n  #csPortfolio .cs-portfolio-right::-webkit-scrollbar {\n    width: 8px;\n  }\n\n  #csPortfolio .cs-portfolio-right::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  #csPortfolio .cs-portfolio-right::-webkit-scrollbar-thumb {\n    background: rgba(0, 0, 0, 0.18);\n    border-radius: 999px;\n  }\n\n  #csPortfolio .cs-work-card {\n    background: #ffffff;\n    min-width: 0;\n    min-height: 365px;\n    height: auto;\n    display: flex;\n    flex-direction: column;\n    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);\n    overflow: hidden;\n    container-type: inline-size;\n  }\n\n  #csPortfolio .cs-work-card.is-hidden {\n    display: none;\n  }\n\n  #csPortfolio .cs-work-image {\n    width: 100%;\n    height: 190px;\n    flex: 0 0 190px;\n    background: #d3d3d3;\n    overflow: hidden;\n  }\n\n  #csPortfolio .cs-work-image img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 300ms ease;\n  }\n\n  #csPortfolio .cs-work-card:hover .cs-work-image img {\n    transform: scale(1.035);\n  }\n\n  #csPortfolio .cs-work-body {\n    flex: 1 1 auto;\n    min-width: 0;\n    padding: 22px 24px 28px;\n    background: #ffffff;\n    display: grid;\n    grid-template-columns: 1fr;\n    grid-template-rows: 54px 24px 54px;\n    row-gap: 13px;\n    align-content: start;\n  }\n\n  #csPortfolio .cs-work-title {\n    margin: 0;\n    color: #111111;\n    font-size: 22px;\n    font-weight: 800;\n    line-height: 1.08;\n    letter-spacing: 0.01em;\n    text-transform: uppercase;\n    overflow-wrap: normal;\n    word-break: normal;\n    hyphens: none;\n  }\n\n  #csPortfolio .cs-work-category {\n    margin: 0;\n    color: #111111;\n    font-size: 16px;\n    font-weight: 700;\n    line-height: 1.15;\n    letter-spacing: 0.03em;\n    text-transform: uppercase;\n    overflow-wrap: normal;\n    word-break: normal;\n  }\n\n  #csPortfolio .cs-work-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: auto;\n    min-width: 130px;\n    height: 44px;\n    padding: 0 26px;\n    margin: 0;\n    border-radius: 999px;\n    background: var(--cs-dark);\n    color: #ffffff !important;\n    text-decoration: none !important;\n    font-size: 16px;\n    font-weight: 800;\n    line-height: 1;\n    box-shadow: 0 0 0 5px rgba(31, 45, 39, 0.12);\n    white-space: nowrap;\n    justify-self: start;\n    align-self: start;\n    transition: background 180ms ease, transform 180ms ease;\n  }\n\n  #csPortfolio .cs-work-button:hover {\n    background: #000000;\n    transform: translateY(-1px);\n  }\n\n  #csPortfolio .cs-empty-message {\n    display: none;\n    grid-column: 1 \/ -1;\n    padding: 40px;\n    background: #ffffff;\n    color: #333333;\n    font-size: 18px;\n    font-weight: 600;\n    text-align: center;\n  }\n\n  #csPortfolio .cs-empty-message.is-visible {\n    display: block;\n  }\n\n  @media (min-width: 1500px) {\n    #csPortfolio .cs-portfolio-shell {\n      height: 860px;\n      min-height: 860px;\n      max-height: 860px;\n    }\n\n    #csPortfolio .cs-portfolio-left {\n      height: 860px;\n      min-height: 860px;\n    }\n\n    #csPortfolio .cs-portfolio-right {\n      height: 860px;\n      max-height: 860px;\n      padding: 30px;\n      gap: 26px;\n    }\n\n    #csPortfolio .cs-arc-wrap {\n      width: 470px;\n      height: 800px;\n    }\n\n    #csPortfolio .cs-arc-svg {\n      width: 470px;\n      height: 800px;\n    }\n\n    #csPortfolio .cs-service {\n      grid-template-columns: 54px minmax(0, 1fr);\n      gap: 16px;\n    }\n\n    #csPortfolio .cs-service-number {\n      font-size: 26px;\n    }\n\n    #csPortfolio .cs-service-title {\n      font-size: 17px;\n    }\n\n    #csPortfolio .cs-service-text {\n      font-size: 14px;\n    }\n\n    #csPortfolio .cs-service-01 {\n      --item-x: 170px;\n      --item-y: 112px;\n      --item-w: 380px;\n    }\n\n    #csPortfolio .cs-service-02 {\n      --item-x: 305px;\n      --item-y: 258px;\n      --item-w: 380px;\n    }\n\n    #csPortfolio .cs-service-03 {\n      --item-x: 345px;\n      --item-y: 405px;\n      --item-w: 350px;\n    }\n\n    #csPortfolio .cs-service-04 {\n      --item-x: 305px;\n      --item-y: 595px;\n      --item-w: 380px;\n    }\n\n    #csPortfolio .cs-service-05 {\n      --item-x: 170px;\n      --item-y: 730px;\n      --item-w: 450px;\n    }\n\n    #csPortfolio .cs-work-card {\n      min-height: 405px;\n    }\n\n    #csPortfolio .cs-work-image {\n      height: 225px;\n      flex-basis: 225px;\n    }\n\n    #csPortfolio .cs-work-body {\n      padding: 24px 26px 30px;\n      grid-template-rows: 58px 26px 56px;\n      row-gap: 14px;\n    }\n\n    #csPortfolio .cs-work-title {\n      font-size: 25px;\n    }\n\n    #csPortfolio .cs-work-category {\n      font-size: 18px;\n    }\n\n    #csPortfolio .cs-work-button {\n      min-width: 140px;\n      height: 48px;\n      padding: 0 28px;\n      font-size: 16px;\n    }\n  }\n\n  @media (max-width: 1280px) {\n    #csPortfolio .cs-portfolio-shell {\n      grid-template-columns: 52% 48%;\n    }\n\n    #csPortfolio .cs-arc-wrap {\n      left: -22px;\n    }\n\n    #csPortfolio .cs-service-number {\n      font-size: 22px;\n    }\n\n    #csPortfolio .cs-service-title {\n      font-size: 15px;\n    }\n\n    #csPortfolio .cs-service-text {\n      font-size: 12.5px;\n    }\n\n    #csPortfolio .cs-service-01 {\n      --item-x: 135px;\n      --item-y: 112px;\n      --item-w: 310px;\n    }\n\n    #csPortfolio .cs-service-02 {\n      --item-x: 255px;\n      --item-y: 258px;\n      --item-w: 310px;\n    }\n\n    #csPortfolio .cs-service-03 {\n      --item-x: 295px;\n      --item-y: 400px;\n      --item-w: 285px;\n    }\n\n    #csPortfolio .cs-service-04 {\n      --item-x: 255px;\n      --item-y: 575px;\n      --item-w: 310px;\n    }\n\n    #csPortfolio .cs-service-05 {\n      --item-x: 135px;\n      --item-y: 710px;\n      --item-w: 370px;\n    }\n\n    #csPortfolio .cs-portfolio-right {\n      padding: 24px;\n      gap: 20px;\n    }\n\n    #csPortfolio .cs-work-card {\n      min-height: 350px;\n    }\n\n    #csPortfolio .cs-work-image {\n      height: 180px;\n      flex-basis: 180px;\n    }\n\n    #csPortfolio .cs-work-body {\n      padding: 20px 22px 26px;\n      grid-template-rows: 52px 23px 52px;\n      row-gap: 12px;\n    }\n\n    #csPortfolio .cs-work-title {\n      font-size: 21px;\n    }\n\n    #csPortfolio .cs-work-category {\n      font-size: 15.5px;\n    }\n\n    #csPortfolio .cs-work-button {\n      min-width: 126px;\n      height: 42px;\n      padding: 0 24px;\n      font-size: 15.5px;\n      box-shadow: 0 0 0 5px rgba(31, 45, 39, 0.12);\n    }\n  }\n\n  @media (max-width: 1080px) {\n    #csPortfolio .cs-portfolio-shell {\n      display: block;\n      height: auto;\n      min-height: auto;\n      max-height: none;\n      overflow: visible;\n    }\n\n    #csPortfolio .cs-portfolio-left {\n      height: auto;\n      min-height: auto;\n      overflow: visible;\n    }\n\n    #csPortfolio .cs-arc-wrap {\n      display: none;\n    }\n\n    #csPortfolio .cs-service-layer {\n      position: relative;\n      inset: auto;\n      padding: 24px;\n      display: flex;\n      flex-direction: column;\n      gap: 14px;\n    }\n\n    #csPortfolio .cs-service {\n      position: relative;\n      left: auto;\n      top: auto;\n      width: auto;\n      grid-template-columns: 64px minmax(0, 1fr);\n      gap: 24px;\n      padding: 22px 24px;\n      border: 1px solid #e6e6e6;\n      opacity: 1;\n      background: #ffffff;\n    }\n\n    #csPortfolio .cs-service:hover {\n      opacity: 1;\n    }\n\n    #csPortfolio .cs-service.is-active {\n      border-color: #111111;\n      box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);\n    }\n\n    #csPortfolio .cs-service-number {\n      font-size: 24px;\n    }\n\n    #csPortfolio .cs-service-title {\n      margin-bottom: 8px;\n      font-size: 18px;\n    }\n\n    #csPortfolio .cs-service-text {\n      max-width: none;\n      font-size: 15px;\n      line-height: 1.35;\n    }\n\n    #csPortfolio .cs-portfolio-right {\n      width: 100%;\n      height: auto;\n      max-height: none;\n      margin: -14px 0 16px;\n      padding: 18px;\n      border: 1px solid #e6e6e6;\n      border-top: 0;\n      background: var(--cs-light);\n      overflow: visible;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 18px;\n    }\n\n    #csPortfolio .cs-work-card {\n      min-height: 350px;\n    }\n\n    #csPortfolio .cs-work-image {\n      height: 180px;\n      flex-basis: 180px;\n    }\n\n    #csPortfolio .cs-work-body {\n      padding: 20px 22px 26px;\n      grid-template-rows: 52px 23px 52px;\n      row-gap: 12px;\n    }\n\n    #csPortfolio .cs-work-title {\n      font-size: 21px;\n    }\n\n    #csPortfolio .cs-work-category {\n      font-size: 15.5px;\n    }\n\n    #csPortfolio .cs-work-button {\n      min-width: 126px;\n      height: 42px;\n      font-size: 15.5px;\n    }\n  }\n\n  @media (max-width: 760px) {\n    #csPortfolio .cs-service-layer {\n      padding: 18px;\n      gap: 12px;\n    }\n\n    #csPortfolio .cs-service {\n      grid-template-columns: 52px minmax(0, 1fr);\n      gap: 16px;\n      padding: 18px;\n    }\n\n    #csPortfolio .cs-service-number {\n      font-size: 22px;\n    }\n\n    #csPortfolio .cs-service-title {\n      font-size: 17px;\n    }\n\n    #csPortfolio .cs-service-text {\n      font-size: 14px;\n    }\n\n    #csPortfolio .cs-portfolio-right {\n      grid-template-columns: 1fr;\n      padding: 16px;\n      gap: 16px;\n    }\n\n    #csPortfolio .cs-work-card {\n      min-height: 0;\n    }\n\n    #csPortfolio .cs-work-image {\n      height: 220px;\n      flex-basis: 220px;\n    }\n\n    #csPortfolio .cs-work-body {\n      padding: 24px 24px 28px;\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n    }\n\n    #csPortfolio .cs-work-title {\n      font-size: 28px;\n      line-height: 1.08;\n      margin-bottom: 14px;\n    }\n\n    #csPortfolio .cs-work-category {\n      font-size: 20px;\n      margin-bottom: 22px;\n    }\n\n    #csPortfolio .cs-work-button {\n      min-width: 145px;\n      height: 50px;\n      padding: 0 28px;\n      font-size: 17px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    #csPortfolio .cs-service {\n      grid-template-columns: 42px minmax(0, 1fr);\n      gap: 12px;\n      padding: 16px;\n    }\n\n    #csPortfolio .cs-service-number {\n      font-size: 20px;\n    }\n\n    #csPortfolio .cs-service-title {\n      font-size: 16px;\n    }\n\n    #csPortfolio .cs-service-text {\n      font-size: 13.5px;\n    }\n\n    #csPortfolio .cs-portfolio-right {\n      padding: 14px;\n    }\n\n    #csPortfolio .cs-work-image {\n      height: 210px;\n      flex-basis: 210px;\n    }\n\n    #csPortfolio .cs-work-body {\n      padding: 22px 22px 26px;\n    }\n\n    #csPortfolio .cs-work-title {\n      font-size: 25px;\n    }\n\n    #csPortfolio .cs-work-category {\n      font-size: 18px;\n      margin-bottom: 20px;\n    }\n\n    #csPortfolio .cs-work-button {\n      min-width: 138px;\n      height: 48px;\n      font-size: 16px;\n    }\n  }\n<\/style>\n\n  <div class=\"cs-portfolio-shell\">\n    <div class=\"cs-portfolio-left\">\n      <div class=\"cs-arc-wrap\" aria-hidden=\"true\">\n        <svg class=\"cs-arc-svg\" viewBox=\"0 0 430 760\" width=\"430\" height=\"760\">\n          <circle class=\"cs-circle-bg\" cx=\"-70\" cy=\"380\" r=\"330\"><\/circle>\n\n          <circle class=\"cs-svg-dot\" data-category=\"uiux\" cx=\"120\" cy=\"110\" r=\"14\"><\/circle>\n          <circle class=\"cs-svg-dot\" data-category=\"arculat\" cx=\"223\" cy=\"228\" r=\"14\"><\/circle>\n          <circle class=\"cs-svg-dot\" data-category=\"csomagolas\" cx=\"260\" cy=\"380\" r=\"14\"><\/circle>\n          <circle class=\"cs-svg-dot\" data-category=\"webdesign\" cx=\"223\" cy=\"532\" r=\"14\"><\/circle>\n          <circle class=\"cs-svg-dot\" data-category=\"kiadvany\" cx=\"120\" cy=\"650\" r=\"14\"><\/circle>\n        <\/svg>\n      <\/div>\n\n      <div class=\"cs-service-layer\">\n        <div class=\"cs-service cs-service-01\" data-category=\"uiux\">\n          <span class=\"cs-service-number\">01<\/span>\n          <div class=\"cs-service-content\">\n            <h3 class=\"cs-service-title\">UX\/UI DESIGN<\/h3>\n            <p class=\"cs-service-text\">\n              Digit\u00e1lis fel\u00fcletek, app- \u00e9s webes koncepci\u00f3k tervez\u00e9se \u00e1tl\u00e1that\u00f3,\n              felhaszn\u00e1l\u00f3bar\u00e1t strukt\u00far\u00e1val.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"cs-service cs-service-02\" data-category=\"arculat\">\n          <span class=\"cs-service-number\">02<\/span>\n          <div class=\"cs-service-content\">\n            <h3 class=\"cs-service-title\">ARCULAT<\/h3>\n            <p class=\"cs-service-text\">\n              K\u00f6vetkezetes, felismerhet\u0151 \u00e9s t\u00f6bb fel\u00fcleten is j\u00f3l haszn\u00e1lhat\u00f3 vizu\u00e1lis\n              rendszerek kialak\u00edt\u00e1sa.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"cs-service cs-service-03\" data-category=\"csomagolas\">\n          <span class=\"cs-service-number\">03<\/span>\n          <div class=\"cs-service-content\">\n            <h3 class=\"cs-service-title\">CSOMAGOL\u00c1S<\/h3>\n            <p class=\"cs-service-text\">\n              Praktikus, karakteres \u00e9s m\u00e1rkaazonos csomagol\u00e1si megold\u00e1sok tervez\u00e9se.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"cs-service cs-service-04\" data-category=\"webdesign\">\n          <span class=\"cs-service-number\">04<\/span>\n          <div class=\"cs-service-content\">\n            <h3 class=\"cs-service-title\">WEBDESIGN<\/h3>\n            <p class=\"cs-service-text\">\n              Reszponz\u00edv weboldalak, webshopok \u00e9s online m\u00e1rkafel\u00fcletek vizu\u00e1lis tervez\u00e9se.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"cs-service cs-service-05\" data-category=\"kiadvany\">\n          <span class=\"cs-service-number\">05<\/span>\n          <div class=\"cs-service-content\">\n            <h3 class=\"cs-service-title\">KIADV\u00c1NYSZERKESZT\u00c9S<\/h3>\n            <p class=\"cs-service-text\">\n              K\u00f6nyvek, albumok \u00e9s nyomtatott kiadv\u00e1nyok vizu\u00e1lis rendszer\u00e9nek kialak\u00edt\u00e1sa.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-portfolio-right\">\n      <article class=\"cs-work-card\" data-category=\"uiux\">\n        <div class=\"cs-work-image\">\n          <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/mobil.png\" alt=\"WOXBOX UX\/UI design\">\n        <\/div>\n\n        <div class=\"cs-work-body\">\n          <h4 class=\"cs-work-title\">WOXBOX<\/h4>\n          <p class=\"cs-work-category\">UX\/UI DESIGN<\/p>\n          <a class=\"cs-work-button\" href=\"#woxbox-uiux-detail\" data-detail=\"woxbox-uiux\">Tov\u00e1bb<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"cs-work-card\" data-category=\"uiux\">\n        <div class=\"cs-work-image\">\n          <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/climb.png\" alt=\"Daily UI gyakorlatok\">\n        <\/div>\n\n        <div class=\"cs-work-body\">\n          <h4 class=\"cs-work-title\">DAILY UI<\/h4>\n          <p class=\"cs-work-category\">UX\/UI DESIGN<\/p>\n          <a class=\"cs-work-button\" href=\"#daily-ui-detail\" data-detail=\"daily-ui\">Tov\u00e1bb<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"cs-work-card\" data-category=\"arculat\">\n        <div class=\"cs-work-image\">\n          <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/0016.jpg\" alt=\"Goga Gallery arculat\">\n        <\/div>\n\n        <div class=\"cs-work-body\">\n          <h4 class=\"cs-work-title\">GOGA GALLERY<\/h4>\n          <p class=\"cs-work-category\">ARCULAT<\/p>\n          <a class=\"cs-work-button\" href=\"#goga-gallery-arculat-detail\" data-detail=\"goga-gallery-arculat\">Tov\u00e1bb<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"cs-work-card\" data-category=\"arculat\">\n        <div class=\"cs-work-image\">\n          <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/0023.jpg\" alt=\"Semmelweis 200 arculat\">\n        <\/div>\n\n        <div class=\"cs-work-body\">\n          <h4 class=\"cs-work-title\">SEMMELWEIS 200<\/h4>\n          <p class=\"cs-work-category\">ARCULAT<\/p>\n          <a class=\"cs-work-button\" href=\"#semmelweis-200-arculat-detail\" data-detail=\"semmelweis-200-arculat\">Tov\u00e1bb<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"cs-work-card\" data-category=\"arculat\">\n        <div class=\"cs-work-image\">\n          <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/kozel_javtott-scaled.jpg\" alt=\"Mac Fisheries arculat\">\n        <\/div>\n\n        <div class=\"cs-work-body\">\n          <h4 class=\"cs-work-title\">MAC FISHERIES<\/h4>\n          <p class=\"cs-work-category\">ARCULAT<\/p>\n          <a class=\"cs-work-button\" href=\"#mac-fisheries-arculat-detail\" data-detail=\"mac-fisheries-arculat\">Tov\u00e1bb<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"cs-work-card\" data-category=\"csomagolas\">\n        <div class=\"cs-work-image\">\n          <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/0044.jpg\" alt=\"WOXBOX csomagol\u00e1s\">\n        <\/div>\n\n        <div class=\"cs-work-body\">\n          <h4 class=\"cs-work-title\">WOXBOX<\/h4>\n          <p class=\"cs-work-category\">CSOMAGOL\u00c1S<\/p>\n          <a class=\"cs-work-button\" href=\"#woxbox-csomagolas-detail\" data-detail=\"woxbox-csomagolas\">Tov\u00e1bb<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"cs-work-card\" data-category=\"csomagolas\">\n        <div class=\"cs-work-image\">\n          <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/1tojastarto-scaled.jpg\" alt=\"EGGS6 csomagol\u00e1s\">\n        <\/div>\n\n        <div class=\"cs-work-body\">\n          <h4 class=\"cs-work-title\">EGGS6<\/h4>\n          <p class=\"cs-work-category\">CSOMAGOL\u00c1S<\/p>\n          <a class=\"cs-work-button\" href=\"#eggs6-csomagolas-detail\" data-detail=\"eggs6-csomagolas\">Tov\u00e1bb<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"cs-work-card\" data-category=\"csomagolas\">\n        <div class=\"cs-work-image\">\n          <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/6proba-scaled.jpg\" alt=\"Mac Fisheries csomagol\u00e1s\">\n        <\/div>\n\n        <div class=\"cs-work-body\">\n          <h4 class=\"cs-work-title\">MAC FISHERIES<\/h4>\n          <p class=\"cs-work-category\">CSOMAGOL\u00c1S<\/p>\n          <a class=\"cs-work-button\" href=\"#mac-fisheries-csomagolas-detail\" data-detail=\"mac-fisheries-csomagolas\">Tov\u00e1bb<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"cs-work-card\" data-category=\"webdesign\">\n        <div class=\"cs-work-image\">\n          <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/WEBSHOP-1.jpg\" alt=\"Mineral Forest webdesign\">\n        <\/div>\n\n        <div class=\"cs-work-body\">\n          <h4 class=\"cs-work-title\">MINERAL FOREST<\/h4>\n          <p class=\"cs-work-category\">WEBDESIGN<\/p>\n          <a class=\"cs-work-button\" href=\"#mineral-forest-webdesign-detail\" data-detail=\"mineral-forest-webdesign\">Tov\u00e1bb<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"cs-work-card\" data-category=\"webdesign\">\n        <div class=\"cs-work-image\">\n          <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/0009.jpg\" alt=\"Leviola webdesign\">\n        <\/div>\n\n        <div class=\"cs-work-body\">\n          <h4 class=\"cs-work-title\">LEVIOLA<\/h4>\n          <p class=\"cs-work-category\">WEBDESIGN<\/p>\n          <a class=\"cs-work-button\" href=\"#leviola-webdesign-detail\" data-detail=\"leviola-webdesign\">Tov\u00e1bb<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"cs-work-card\" data-category=\"webdesign\">\n        <div class=\"cs-work-image\">\n          <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/0007.jpg\" alt=\"Vertim social media design\">\n        <\/div>\n\n        <div class=\"cs-work-body\">\n          <h4 class=\"cs-work-title\">VERTIM<\/h4>\n          <p class=\"cs-work-category\">WEBDESIGN<\/p>\n          <a class=\"cs-work-button\" href=\"#vertim-webdesign-detail\" data-detail=\"vertim-webdesign\">Tov\u00e1bb<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"cs-work-card\" data-category=\"webdesign\">\n        <div class=\"cs-work-image\">\n          <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/redesign_mokup.png\" alt=\"Ireland Shipwrecks redesign\">\n        <\/div>\n\n        <div class=\"cs-work-body\">\n          <h4 class=\"cs-work-title\">IRELAND SHIPWRECKS<\/h4>\n          <p class=\"cs-work-category\">WEBDESIGN<\/p>\n          <a class=\"cs-work-button\" href=\"#ireland-shipwrecks-webdesign-detail\" data-detail=\"ireland-shipwrecks-webdesign\">Tov\u00e1bb<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"cs-work-card\" data-category=\"kiadvany\">\n        <div class=\"cs-work-image\">\n          <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/ter-scaled.jpg\" alt=\"Keith Jarrett kiadv\u00e1ny\">\n        <\/div>\n\n        <div class=\"cs-work-body\">\n          <h4 class=\"cs-work-title\">KEITH JARRETT<\/h4>\n          <p class=\"cs-work-category\">KIADV\u00c1NY<\/p>\n          <a class=\"cs-work-button\" href=\"#keith-jarrett-kiadvany-detail\" data-detail=\"keith-jarrett-kiadvany\">Tov\u00e1bb<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"cs-work-card\" data-category=\"kiadvany\">\n        <div class=\"cs-work-image\">\n          <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2026.-jun.-15.-21_09_46.png\" alt=\"Zsebk\u00f6nyv sorozat\">\n        <\/div>\n\n        <div class=\"cs-work-body\">\n          <h4 class=\"cs-work-title\">ZSEBK\u00d6NYV-SOROZAT<\/h4>\n          <p class=\"cs-work-category\">KIADV\u00c1NY<\/p>\n          <a class=\"cs-work-button\" href=\"#zsebkonyv-kiadvany-detail\" data-detail=\"zsebkonyv-kiadvany\">Tov\u00e1bb<\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"cs-work-card\" data-category=\"kiadvany\">\n        <div class=\"cs-work-image\">\n          <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/liptak.png\" alt=\"Lipt\u00e1k G\u00e1bor Aranyh\u00edd kiadv\u00e1ny\">\n        <\/div>\n\n        <div class=\"cs-work-body\">\n          <h4 class=\"cs-work-title\">ARANYH\u00cdD<\/h4>\n          <p class=\"cs-work-category\">KIADV\u00c1NY<\/p>\n          <a class=\"cs-work-button\" href=\"#aranyhid-kiadvany-detail\" data-detail=\"aranyhid-kiadvany\">Tov\u00e1bb<\/a>\n        <\/div>\n      <\/article>\n\n      <div class=\"cs-empty-message\">\n        Ehhez a kateg\u00f3ri\u00e1hoz m\u00e9g nincs megjelen\u00edthet\u0151 munka.\n      <\/div>\n    <\/div>\n  <\/div>\n\n<script>\n  (function () {\n    const root = document.querySelector('#csPortfolio');\n    if (!root) return;\n\n    const services = root.querySelectorAll('.cs-service');\n    const dots = root.querySelectorAll('.cs-svg-dot');\n    const cards = root.querySelectorAll('.cs-work-card');\n    const emptyMessage = root.querySelector('.cs-empty-message');\n    const rightPanel = root.querySelector('.cs-portfolio-right');\n\n    const mobileAndTabletBreakpoint = window.matchMedia('(max-width: 1080px)');\n    const originalRightPanelParent = rightPanel ? rightPanel.parentNode : null;\n    const originalRightPanelNextSibling = rightPanel ? rightPanel.nextSibling : null;\n\n    const validCategories = ['uiux', 'arculat', 'csomagolas', 'webdesign', 'kiadvany'];\n\n    function restoreRightPanelToDesktopPosition() {\n      if (!rightPanel || !originalRightPanelParent) return;\n\n      originalRightPanelParent.insertBefore(rightPanel, originalRightPanelNextSibling);\n    }\n\n    function moveRightPanelForMobileAndTablet(category) {\n      if (!rightPanel) return;\n\n      if (!mobileAndTabletBreakpoint.matches) {\n        restoreRightPanelToDesktopPosition();\n        return;\n      }\n\n      const activeService = root.querySelector('.cs-service[data-category=\"' + category + '\"]');\n\n      if (activeService) {\n        activeService.insertAdjacentElement('afterend', rightPanel);\n      }\n    }\n\n    function setCategory(category) {\n      if (!validCategories.includes(category)) {\n        category = 'uiux';\n      }\n\n      let visibleCount = 0;\n\n      services.forEach(function (service) {\n        service.classList.toggle('is-active', service.dataset.category === category);\n      });\n\n      dots.forEach(function (dot) {\n        dot.classList.toggle('is-active', dot.dataset.category === category);\n      });\n\n      cards.forEach(function (card) {\n        const isVisible = card.dataset.category === category;\n        card.classList.toggle('is-hidden', !isVisible);\n\n        if (isVisible) {\n          visibleCount += 1;\n        }\n      });\n\n      if (emptyMessage) {\n        emptyMessage.classList.toggle('is-visible', visibleCount === 0);\n      }\n\n      if (rightPanel) {\n        rightPanel.scrollTop = 0;\n      }\n\n      moveRightPanelForMobileAndTablet(category);\n    }\n\n    services.forEach(function (service) {\n      service.addEventListener('click', function () {\n        setCategory(service.dataset.category);\n      });\n    });\n\n    dots.forEach(function (dot) {\n      dot.addEventListener('click', function () {\n        setCategory(dot.dataset.category);\n      });\n    });\n\n    window.addEventListener('resize', function () {\n      const activeService = root.querySelector('.cs-service.is-active');\n\n      if (activeService) {\n        moveRightPanelForMobileAndTablet(activeService.dataset.category);\n      } else if (!mobileAndTabletBreakpoint.matches) {\n        restoreRightPanelToDesktopPosition();\n      }\n    });\n\n    const params = new URLSearchParams(window.location.search);\n    const requestedCategory = params.get('category');\n    const initialCategory = validCategories.includes(requestedCategory)\n      ? requestedCategory\n      : 'uiux';\n\n    setCategory(initialCategory);\n\n    if (window.location.hash === '#csPortfolio') {\n      setTimeout(function () {\n        root.scrollIntoView({\n          behavior: 'smooth',\n          block: 'start'\n        });\n      }, 80);\n    }\n  })();\n<\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-648fa77 e-flex e-con-boxed e-con e-parent\" data-id=\"648fa77\" 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-890abc6 elementor-widget elementor-widget-html\" data-id=\"890abc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cs-project-details\" id=\"csPortfolioDetails\">\n  <style>\n    #csPortfolioDetails {\n      --cs-dark: #222222;\n      --cs-muted: #666666;\n      --cs-accent: #87998d;\n      --cs-border: #d2d2d2;\n      --cs-image-bg: #c7d0d6;\n      --cs-detail-image-offset: 134px;\n\n      width: 100%;\n      background: #ffffff;\n      color: var(--cs-dark);\n      font-family: inherit;\n      box-sizing: border-box;\n      padding: 90px 6vw 110px;\n      border: 1px solid var(--cs-border);\n      border-top: 0;\n      scroll-margin-top: 90px;\n    }\n\n    #csPortfolioDetails *,\n    #csPortfolioDetails *::before,\n    #csPortfolioDetails *::after {\n      box-sizing: border-box;\n    }\n\n    #csPortfolioDetails .cs-detail-panel {\n      display: none;\n      scroll-margin-top: 110px;\n    }\n\n    #csPortfolioDetails .cs-detail-panel.is-active {\n      display: block;\n    }\n\n    #csPortfolioDetails .cs-detail-main {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) minmax(360px, 0.95fr);\n      gap: 70px;\n      align-items: start;\n      min-height: 520px;\n    }\n\n    #csPortfolioDetails .cs-detail-content {\n      min-width: 0;\n    }\n\n    #csPortfolioDetails .cs-detail-kicker-number {\n      margin: 0 0 28px;\n      color: var(--cs-dark);\n      font-size: 42px;\n      font-weight: 800;\n      line-height: 1;\n      letter-spacing: 0.02em;\n    }\n\n    #csPortfolioDetails .cs-detail-kicker-category {\n      margin: 0 0 38px;\n      color: var(--cs-accent);\n      font-size: 26px;\n      font-weight: 800;\n      line-height: 1;\n      text-transform: uppercase;\n      letter-spacing: 0.02em;\n    }\n\n    #csPortfolioDetails .cs-detail-line {\n      width: 260px;\n      height: 2px;\n      margin: 0 0 42px;\n      background: #c5c5c5;\n    }\n\n    #csPortfolioDetails .cs-detail-title {\n      margin: 0 0 24px;\n      color: var(--cs-dark);\n      font-size: 34px;\n      font-weight: 800;\n      line-height: 1.12;\n      text-transform: uppercase;\n      letter-spacing: 0.02em;\n    }\n\n    #csPortfolioDetails .cs-detail-text {\n      margin: 0;\n      max-width: 760px;\n      color: var(--cs-dark);\n      font-size: 22px;\n      font-weight: 400;\n      line-height: 1.55;\n      letter-spacing: 0.12em;\n    }\n\n    #csPortfolioDetails .cs-detail-image {\n      width: 100%;\n      min-height: 430px;\n      margin-top: var(--cs-detail-image-offset);\n      background: var(--cs-image-bg);\n      overflow: hidden;\n    }\n\n    #csPortfolioDetails .cs-detail-image img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      min-height: 430px;\n      object-fit: cover;\n    }\n\n    #csPortfolioDetails .cs-detail-gallery {\n      margin-top: 90px;\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 70px;\n      align-items: start;\n    }\n\n    #csPortfolioDetails .cs-detail-gallery-image {\n      width: 100%;\n      aspect-ratio: 1 \/ 1;\n      min-height: 0;\n      background: var(--cs-image-bg);\n      overflow: hidden;\n    }\n\n    #csPortfolioDetails .cs-detail-gallery-image img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      min-height: 0;\n      object-fit: cover;\n    }\n\n    @media (max-width: 1280px) {\n      #csPortfolioDetails {\n        padding: 70px 5vw 90px;\n      }\n\n      #csPortfolioDetails .cs-detail-main {\n        grid-template-columns: 1fr;\n        gap: 44px;\n      }\n\n      #csPortfolioDetails .cs-detail-image {\n        margin-top: 0;\n      }\n\n      #csPortfolioDetails .cs-detail-text {\n        font-size: 19px;\n        letter-spacing: 0.08em;\n      }\n\n      #csPortfolioDetails .cs-detail-gallery {\n        gap: 36px;\n        margin-top: 64px;\n      }\n    }\n\n    @media (max-width: 760px) {\n      #csPortfolioDetails {\n        padding: 56px 24px 70px;\n        scroll-margin-top: 60px;\n      }\n\n      #csPortfolioDetails .cs-detail-panel {\n        scroll-margin-top: 70px;\n      }\n\n      #csPortfolioDetails .cs-detail-kicker-number {\n        font-size: 34px;\n        margin-bottom: 22px;\n      }\n\n      #csPortfolioDetails .cs-detail-kicker-category {\n        font-size: 22px;\n        margin-bottom: 30px;\n      }\n\n      #csPortfolioDetails .cs-detail-line {\n        width: 200px;\n        margin-bottom: 34px;\n      }\n\n      #csPortfolioDetails .cs-detail-title {\n        font-size: 28px;\n      }\n\n      #csPortfolioDetails .cs-detail-text {\n        font-size: 17px;\n        line-height: 1.55;\n        letter-spacing: 0.05em;\n      }\n\n      #csPortfolioDetails .cs-detail-image,\n      #csPortfolioDetails .cs-detail-image img {\n        min-height: 260px;\n      }\n\n      #csPortfolioDetails .cs-detail-gallery {\n        grid-template-columns: 1fr;\n        gap: 24px;\n        margin-top: 44px;\n      }\n\n      #csPortfolioDetails .cs-detail-gallery-image {\n        aspect-ratio: 1 \/ 1;\n        min-height: 0;\n      }\n\n      #csPortfolioDetails .cs-detail-gallery-image img {\n        min-height: 0;\n      }\n    }\n  <\/style>\n\n  <article class=\"cs-detail-panel is-active\" id=\"woxbox-uiux-detail\" data-detail-panel=\"woxbox-uiux\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">01<\/p>\n        <p class=\"cs-detail-kicker-category\">UX\/UI DESIGN<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">WOXBOX DIGIT\u00c1LIS FEL\u00dcLET<\/h2>\n        <p class=\"cs-detail-text\">\n          A WOXBOX digit\u00e1lis fel\u00fclet\u00e9nek tervez\u00e9se sor\u00e1n az egyszer\u0171 haszn\u00e1lhat\u00f3s\u00e1g,\n          az \u00e1tl\u00e1that\u00f3 strukt\u00fara \u00e9s a m\u00e1rk\u00e1hoz illeszked\u0151 vizu\u00e1lis megjelen\u00e9s volt a\n          k\u00f6z\u00e9ppontban. A c\u00e9l egy gyorsan \u00e9rthet\u0151, k\u00f6nnyen haszn\u00e1lhat\u00f3 \u00e9s vizu\u00e1lisan\n          k\u00f6vetkezetes fel\u00fclet l\u00e9trehoz\u00e1sa volt, amely t\u00e1mogatja a m\u00e1rka karakter\u00e9t.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/mobil.png\" alt=\"WOXBOX UX\/UI mobil fel\u00fclet\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/woxbox_mockup_j.png\" alt=\"WOXBOX UX\/UI mockup\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/05\/mockup_regisztracio_mockuppng-scaled.png\" alt=\"WOXBOX UX\/UI r\u00e9szlet\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-detail-panel\" id=\"daily-ui-detail\" data-detail-panel=\"daily-ui\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">01<\/p>\n        <p class=\"cs-detail-kicker-category\">UX\/UI DESIGN<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">DAILY UI GYAKORLATOK<\/h2>\n        <p class=\"cs-detail-text\">\n          A Daily UI feladatok sor\u00e1n k\u00fcl\u00f6nb\u00f6z\u0151 digit\u00e1lis fel\u00fcleteket \u00e9s mikrointerakci\u00f3kat\n          terveztem. A kih\u00edv\u00e1sok c\u00e9lja a gyors probl\u00e9mamegold\u00e1s, a vizu\u00e1lis d\u00f6nt\u00e9sek\n          tudatos\u00edt\u00e1sa \u00e9s a layoutok k\u00f6vetkezetes fejleszt\u00e9se volt.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/climb.png\" alt=\"Daily UI climb fel\u00fclet\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/daily-ui.png\" alt=\"Daily UI fel\u00fcletek\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/404_oldal.png\" alt=\"Daily UI 404 oldal\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-detail-panel\" id=\"goga-gallery-arculat-detail\" data-detail-panel=\"goga-gallery-arculat\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">02<\/p>\n        <p class=\"cs-detail-kicker-category\">ARCULAT<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">GOGA GALLERY ARCULAT<\/h2>\n        <p class=\"cs-detail-text\">\n          A Goga Gallery arculat\u00e1nak \u00fajratervez\u00e9se sor\u00e1n fontos szempont volt, hogy az \u00faj\n          vizu\u00e1lis rendszer kapcsol\u00f3djon a gal\u00e9ria m\u0171v\u00e9szi vil\u00e1g\u00e1hoz \u00e9s eredeti\n          koncepci\u00f3j\u00e1hoz. A \u201egota\u201d spanyolul cseppet jelent, amely a m\u00e1rka alapgondolat\u00e1ra\n          utal: m\u0171v\u00e9szet mindenkinek. Ezt a mot\u00edvumot kort\u00e1rs, letisztult formanyelvvel\n          dolgoztam fel.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/0016.jpg\" alt=\"Goga Gallery arculat f\u0151 k\u00e9p\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/0015.jpg\" alt=\"Goga Gallery arculat r\u00e9szlet 1\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/0014.jpg\" alt=\"Goga Gallery arculat r\u00e9szlet 2\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-detail-panel\" id=\"semmelweis-200-arculat-detail\" data-detail-panel=\"semmelweis-200-arculat\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">02<\/p>\n        <p class=\"cs-detail-kicker-category\">ARCULAT<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">SEMMELWEIS 200 FESZTIV\u00c1L<\/h2>\n        <p class=\"cs-detail-text\">\n          A Semmelweis 200. \u00e9vfordul\u00f3ra k\u00e9sz\u00fclt arculat c\u00e9lja egy fiatalos, figyelemfelkelt\u0151,\n          m\u00e9gis szakmai hiteless\u00e9get sug\u00e1rz\u00f3 vizu\u00e1lis vil\u00e1g l\u00e9trehoz\u00e1sa volt. A koncepci\u00f3\n          kiindul\u00f3pontj\u00e1t a bakt\u00e9riumok organikus form\u00e1i \u00e9s az orvostudom\u00e1ny mot\u00edvumai\n          adt\u00e1k, amelyeket \u00e9l\u00e9nk sz\u00ednekkel \u00e9s letisztult tipogr\u00e1fi\u00e1val eg\u00e9sz\u00edtettem ki.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/0023.jpg\" alt=\"Semmelweis 200 arculat f\u0151 k\u00e9p\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/0022.jpg\" alt=\"Semmelweis 200 arculat r\u00e9szlet 1\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/0020.jpg\" alt=\"Semmelweis 200 arculat r\u00e9szlet 2\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-detail-panel\" id=\"mac-fisheries-arculat-detail\" data-detail-panel=\"mac-fisheries-arculat\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">02<\/p>\n        <p class=\"cs-detail-kicker-category\">ARCULAT<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">MAC FISHERIES ARCULAT<\/h2>\n        <p class=\"cs-detail-text\">\n          A Mac Fisheries arculata egy teljes vizu\u00e1lis rendszert foglalt mag\u00e1ba, amely a\n          m\u00e1rka f\u0151 tev\u00e9kenys\u00e9g\u00e9hez, a hal\u00e1szathoz \u00e9s a v\u00edz hull\u00e1mz\u00f3 mozg\u00e1s\u00e1hoz kapcsol\u00f3dik.\n          A tervez\u00e9s sor\u00e1n olyan sz\u00edn- \u00e9s formarendszer k\u00e9sz\u00fclt, amely k\u00fcl\u00f6nb\u00f6z\u0151\n          fel\u00fcleteken is egys\u00e9gesen alkalmazhat\u00f3.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/kozel_javtott-scaled.jpg\" alt=\"Mac Fisheries arculat f\u0151 k\u00e9p\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/0033.jpg\" alt=\"Mac Fisheries arculat r\u00e9szlet 1\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/0036.jpg\" alt=\"Mac Fisheries arculat r\u00e9szlet 2\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-detail-panel\" id=\"woxbox-csomagolas-detail\" data-detail-panel=\"woxbox-csomagolas\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">03<\/p>\n        <p class=\"cs-detail-kicker-category\">CSOMAGOL\u00c1S<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">WOXBOX CSOMAGOL\u00c1STERVEZ\u00c9S<\/h2>\n        <p class=\"cs-detail-text\">\n          A WOXBOX csomagol\u00e1s tervez\u00e9s\u00e9n\u00e9l a frissess\u00e9g, az akad\u00e1lymentes haszn\u00e1lat \u00e9s\n          az \u00e9rzelmi befogadhat\u00f3s\u00e1g ker\u00fclt el\u0151t\u00e9rbe. A rendszer Braille- \u00e9s Moon-jelekkel,\n          QR-k\u00f3ddal, er\u0151s kontrasztokkal \u00e9s k\u00f6nnyen olvashat\u00f3 ikonokkal seg\u00edti a haszn\u00e1latot,\n          mik\u00f6zben vizu\u00e1lisan is karakteres, modern term\u00e9k\u00e9lm\u00e9nyt ad.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/0044.jpg\" alt=\"WOXBOX csomagol\u00e1s f\u0151 k\u00e9p\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/0043.jpg\" alt=\"WOXBOX csomagol\u00e1s r\u00e9szlet 1\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/0040-1.jpg\" alt=\"WOXBOX csomagol\u00e1s r\u00e9szlet 2\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-detail-panel\" id=\"eggs6-csomagolas-detail\" data-detail-panel=\"eggs6-csomagolas\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">03<\/p>\n        <p class=\"cs-detail-kicker-category\">CSOMAGOL\u00c1S<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">EGGS6 CSOMAGOL\u00c1S<\/h2>\n        <p class=\"cs-detail-text\">\n          Az EGGS6 toj\u00e1start\u00f3 koncepci\u00f3ja a hagyom\u00e1nyos toj\u00e1scsomagol\u00e1s \u00fajragondol\u00e1s\u00e1ra\n          \u00e9p\u00fcl. A forma stabil, a hajt\u00e1sok \u00e9s r\u00f6gz\u00edt\u00e9sek ragaszt\u00e1s n\u00e9lk\u00fcl is m\u0171k\u00f6dnek,\n          ez\u00e1ltal cs\u00f6kken az anyaghaszn\u00e1lat \u00e9s egyszer\u0171bb\u00e9 v\u00e1lik a gy\u00e1rt\u00e1s. A c\u00e9l egy\n          praktikus, fenntarthat\u00f3bb \u00e9s k\u00f6nnyen felismerhet\u0151 csomagol\u00e1si megold\u00e1s volt.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/1tojastarto-scaled.jpg\" alt=\"EGGS6 csomagol\u00e1s f\u0151 k\u00e9p\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/Eggs6.png\" alt=\"EGGS6 csomagol\u00e1s r\u00e9szlet 1\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/tojastarto_mockuo.png\" alt=\"EGGS6 csomagol\u00e1s mockup\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-detail-panel\" id=\"mac-fisheries-csomagolas-detail\" data-detail-panel=\"mac-fisheries-csomagolas\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">03<\/p>\n        <p class=\"cs-detail-kicker-category\">CSOMAGOL\u00c1S<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">MAC FISHERIES CSOMAGOL\u00c1S<\/h2>\n        <p class=\"cs-detail-text\">\n          A Mac Fisheries csomagol\u00e1si ir\u00e1nya a tengeri vil\u00e1g, a hal\u00e1szati mot\u00edvumok \u00e9s a\n          karakteres term\u00e9kmegjelen\u00e9s vizu\u00e1lis \u00f6sszekapcsol\u00e1s\u00e1ra \u00e9p\u00fcl. A c\u00e9l egy olyan\n          csomagol\u00e1si rendszer kialak\u00edt\u00e1sa volt, amely er\u0151s polci jelenl\u00e9tet ad, mik\u00f6zben\n          illeszkedik a m\u00e1rka arculati alapjaihoz.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/6proba-scaled.jpg\" alt=\"Mac Fisheries csomagol\u00e1s f\u0151 k\u00e9p\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/2proba-scaled.jpg\" alt=\"Mac Fisheries csomagol\u00e1s r\u00e9szlet 1\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/1konzerv-scaled.jpg\" alt=\"Mac Fisheries csomagol\u00e1s r\u00e9szlet 2\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-detail-panel\" id=\"mineral-forest-webdesign-detail\" data-detail-panel=\"mineral-forest-webdesign\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">04<\/p>\n        <p class=\"cs-detail-kicker-category\">WEBDESIGN<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">MINERAL FOREST WEBSHOP<\/h2>\n        <p class=\"cs-detail-text\">\n          A Mineral Forest pr\u00e9mium webshop koncepci\u00f3ja a term\u00e9kek eleg\u00e1ns bemutat\u00e1s\u00e1ra \u00e9s\n          az egyszer\u0171 v\u00e1s\u00e1rl\u00e1si folyamatra \u00e9p\u00fcl. A strukt\u00fara reszponz\u00edv, a checkout folyamat\n          \u00e1tl\u00e1that\u00f3, a vizu\u00e1lis vil\u00e1g pedig finom, visszafogott \u00e9s harmonikus, hogy a\n          term\u00e9kek ker\u00fcljenek a k\u00f6z\u00e9ppontba.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/WEBSHOP-1.jpg\" alt=\"Mineral Forest webshop f\u0151 k\u00e9p\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/ROVIDEN.jpg\" alt=\"Mineral Forest webshop r\u00e9szlet 1\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/mineralforest3.png\" alt=\"Mineral Forest webshop r\u00e9szlet 2\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-detail-panel\" id=\"leviola-webdesign-detail\" data-detail-panel=\"leviola-webdesign\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">04<\/p>\n        <p class=\"cs-detail-kicker-category\">WEBDESIGN<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">LEVIOLA WEBDESIGN<\/h2>\n        <p class=\"cs-detail-text\">\n          A Leviola webdesign c\u00e9lja egy tiszta, k\u00f6nnyen \u00e9rtelmezhet\u0151 \u00e9s eleg\u00e1ns online\n          megjelen\u00e9s kialak\u00edt\u00e1sa volt. A tervez\u00e9s sor\u00e1n a term\u00e9kek \u00e9s a m\u00e1rkahangulat\n          vizu\u00e1lis bemutat\u00e1sa, a j\u00f3l k\u00f6vethet\u0151 tartalmi fel\u00e9p\u00edt\u00e9s \u00e9s a felhaszn\u00e1l\u00f3bar\u00e1t\n          navig\u00e1ci\u00f3 kapott kiemelt szerepet.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/0009.jpg\" alt=\"Leviola webdesign f\u0151 k\u00e9p\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/0008.jpg\" alt=\"Leviola webdesign r\u00e9szlet 1\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/0008.jpg\" alt=\"Leviola webdesign r\u00e9szlet 2\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-detail-panel\" id=\"vertim-webdesign-detail\" data-detail-panel=\"vertim-webdesign\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">04<\/p>\n        <p class=\"cs-detail-kicker-category\">WEBDESIGN<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">VERTIM SOCIAL MEDIA<\/h2>\n        <p class=\"cs-detail-text\">\n          A Vertim vizu\u00e1lis rendszer\u00e9hez kapcsol\u00f3d\u00f3 social media fel\u00fcletek c\u00e9lja az volt,\n          hogy egys\u00e9ges, k\u00f6nnyen felismerhet\u0151 \u00e9s t\u00f6bb platformon is alkalmazhat\u00f3\n          kommunik\u00e1ci\u00f3s alapot adjanak. A koncepci\u00f3 egyszer\u0171 grafikai elemekre,\n          k\u00f6vetkezetes ritmusra \u00e9s j\u00f3l vari\u00e1lhat\u00f3 layoutokra \u00e9p\u00fcl.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/0007.jpg\" alt=\"Vertim webdesign f\u0151 k\u00e9p\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/0006.jpg\" alt=\"Vertim webdesign r\u00e9szlet 1\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/0006.jpg\" alt=\"Vertim webdesign r\u00e9szlet 2\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-detail-panel\" id=\"ireland-shipwrecks-webdesign-detail\" data-detail-panel=\"ireland-shipwrecks-webdesign\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">04<\/p>\n        <p class=\"cs-detail-kicker-category\">WEBDESIGN<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">IRELAND SHIPWRECKS REDESIGN<\/h2>\n        <p class=\"cs-detail-text\">\n          Az Ireland Shipwrecks redesign c\u00e9lja egy informat\u00edv, t\u00f6rt\u00e9neti jelleg\u0171 webes\n          fel\u00fclet \u00fajragondol\u00e1sa volt. A koncepci\u00f3 az \u00e1tl\u00e1that\u00f3 navig\u00e1ci\u00f3ra, a tartalmak\n          k\u00f6nnyebb feldolgozhat\u00f3s\u00e1g\u00e1ra \u00e9s egy karakteresebb, korszer\u0171bb vizu\u00e1lis\n          megjelen\u00e9sre \u00e9p\u00fcl.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/redesign_mokup.png\" alt=\"Ireland Shipwrecks redesign mockup\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/REDESIGN.jpg\" alt=\"Ireland Shipwrecks redesign r\u00e9szlet 1\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/REDESIGN-1.jpg\" alt=\"Ireland Shipwrecks redesign r\u00e9szlet 2\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-detail-panel\" id=\"keith-jarrett-kiadvany-detail\" data-detail-panel=\"keith-jarrett-kiadvany\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">05<\/p>\n        <p class=\"cs-detail-kicker-category\">KIADV\u00c1NY<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">KEITH JARRETT ALBUM<\/h2>\n        <p class=\"cs-detail-text\">\n          A Keith Jarrett zenei albumhoz k\u00e9sz\u00fclt kiadv\u00e1nyterv a zene ritmusait, rezg\u00e9seit\n          \u00e9s improvizat\u00edv vil\u00e1g\u00e1t ford\u00edtja \u00e1t vizu\u00e1lis formanyelvre. A fekete-feh\u00e9r,\n          dinamikus kompoz\u00edci\u00f3k, a karakteres tipogr\u00e1fia \u00e9s az anal\u00f3g hat\u00e1s\u00fa r\u00e9szletek\n          egy\u00fctt teremtenek k\u00eds\u00e9rletez\u0151, m\u00e9gis letisztult albumhangulatot.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/ter-scaled.jpg\" alt=\"Keith Jarrett album f\u0151 k\u00e9p\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/3keith-scaled.jpg\" alt=\"Keith Jarrett album r\u00e9szlet 1\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/1ter-scaled.jpg\" alt=\"Keith Jarrett album r\u00e9szlet 2\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-detail-panel\" id=\"zsebkonyv-kiadvany-detail\" data-detail-panel=\"zsebkonyv-kiadvany\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">05<\/p>\n        <p class=\"cs-detail-kicker-category\">KIADV\u00c1NY<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">ZSEBK\u00d6NYV-SOROZAT<\/h2>\n        <p class=\"cs-detail-text\">\n          A zsebk\u00f6nyv-sorozat klasszikus irodalmi m\u0171vekhez k\u00e9sz\u00fclt kiadv\u00e1nykoncepci\u00f3.\n          A c\u00e9l egy egys\u00e9ges, m\u00e9gis egyedi karakter\u0171 k\u00f6nyvsorozat l\u00e9trehoz\u00e1sa volt,\n          illusztrat\u00edv, expressz\u00edv bor\u00edt\u00f3vil\u00e1ggal.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2026.-jun.-15.-21_09_46.png\" alt=\"Zsebk\u00f6nyv sorozat f\u0151 k\u00e9p\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2026.-jun.-15.-21_09_46.png\" alt=\"Zsebk\u00f6nyv sorozat r\u00e9szlet 1\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2026.-jun.-15.-21_05_30.png\" alt=\"Zsebk\u00f6nyv sorozat r\u00e9szlet 2\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <article class=\"cs-detail-panel\" id=\"aranyhid-kiadvany-detail\" data-detail-panel=\"aranyhid-kiadvany\">\n    <div class=\"cs-detail-main\">\n      <div class=\"cs-detail-content\">\n        <p class=\"cs-detail-kicker-number\">05<\/p>\n        <p class=\"cs-detail-kicker-category\">KIADV\u00c1NY<\/p>\n        <div class=\"cs-detail-line\"><\/div>\n        <h2 class=\"cs-detail-title\">LIPT\u00c1K G\u00c1BOR: ARANYH\u00cdD<\/h2>\n        <p class=\"cs-detail-text\">\n          Az Aranyh\u00edd kiadv\u00e1nyterve Lipt\u00e1k G\u00e1bor balatoni vil\u00e1g\u00e1hoz kapcsol\u00f3dik. A koncepci\u00f3\n          nem csup\u00e1n sz\u00f6veges k\u00f6nyvk\u00e9nt kezeli az anyagot, hanem vizu\u00e1lis \u00e9lm\u00e9nyk\u00e9nt is:\n          a bor\u00edt\u00f3 \u00e9s a bels\u0151 oldalak c\u00e9lja a Balatonhoz k\u00f6t\u0151d\u0151 hangulat, eml\u00e9kezet \u00e9s\n          irodalmi atmoszf\u00e9ra \u00e9rz\u00e9keltet\u00e9se.\n        <\/p>\n      <\/div>\n\n      <div class=\"cs-detail-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/liptak.png\" alt=\"Lipt\u00e1k G\u00e1bor Aranyh\u00edd f\u0151 k\u00e9p\">\n      <\/div>\n    <\/div>\n\n    <div class=\"cs-detail-gallery\">\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2026.-jun.-15.-21_29_54.png\" alt=\"Lipt\u00e1k G\u00e1bor Aranyh\u00edd r\u00e9szlet 1\">\n      <\/div>\n\n      <div class=\"cs-detail-gallery-image\">\n        <img decoding=\"async\" src=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2026.-jun.-15.-21_22_32.png\" alt=\"Lipt\u00e1k G\u00e1bor Aranyh\u00edd r\u00e9szlet 2\">\n      <\/div>\n    <\/div>\n  <\/article>\n\n  <script>\n    (function () {\n      function initPortfolioDetails() {\n        const detailRoot = document.querySelector('#csPortfolioDetails');\n        if (!detailRoot) return;\n\n        const detailPanels = detailRoot.querySelectorAll('.cs-detail-panel');\n\n        function normalizeDetailId(rawValue) {\n          if (!rawValue) return '';\n\n          let value = rawValue\n            .replace(\/^#\/, '')\n            .replace(\/-detail$\/, '')\n            .replace(\/^laviola-\/, 'leviola-');\n\n          if (value === 'leviola-csomagolas') {\n            value = 'leviola-webdesign';\n          }\n\n          if (value === 'laviola-csomagolas') {\n            value = 'leviola-webdesign';\n          }\n\n          if (value === 'mineral-webdesign') {\n            value = 'mineral-forest-webdesign';\n          }\n\n          if (value === 'egg6-csomagolas') {\n            value = 'eggs6-csomagolas';\n          }\n\n          return value;\n        }\n\n        function scrollToDetailsRoot() {\n          window.requestAnimationFrame(function () {\n            const headerOffset = window.innerWidth <= 760 ? 70 : 110;\n            const targetTop =\n              detailRoot.getBoundingClientRect().top + window.pageYOffset - headerOffset;\n\n            window.scrollTo({\n              top: targetTop,\n              behavior: 'smooth'\n            });\n          });\n        }\n\n        function showDetail(detailId, shouldScroll) {\n          const normalizedDetailId = normalizeDetailId(detailId);\n          let foundPanel = false;\n\n          detailPanels.forEach(function (panel) {\n            const isActive = panel.dataset.detailPanel === normalizedDetailId;\n            panel.classList.toggle('is-active', isActive);\n\n            if (isActive) {\n              foundPanel = true;\n            }\n          });\n\n          if (!foundPanel) return;\n\n          if (shouldScroll) {\n            scrollToDetailsRoot();\n          }\n        }\n\n        document.addEventListener('click', function (event) {\n          const dataDetailTrigger = event.target.closest('[data-detail]');\n          const anchorTrigger = event.target.closest('a[href^=\"#\"]');\n\n          let detailId = '';\n\n          if (dataDetailTrigger) {\n            detailId = dataDetailTrigger.getAttribute('data-detail');\n          } else if (anchorTrigger) {\n            const href = anchorTrigger.getAttribute('href');\n\n            if (href && href.indexOf('-detail') !== -1) {\n              detailId = href;\n            }\n          }\n\n          if (!detailId) return;\n\n          const normalizedDetailId = normalizeDetailId(detailId);\n          const matchingPanel = detailRoot.querySelector(\n            '.cs-detail-panel[data-detail-panel=\"' + normalizedDetailId + '\"]'\n          );\n\n          if (!matchingPanel) return;\n\n          event.preventDefault();\n          showDetail(normalizedDetailId, true);\n        });\n\n        window.csShowPortfolioDetail = function (detailId) {\n          showDetail(detailId, true);\n        };\n\n        if (window.location.hash) {\n          const normalizedHashDetailId = normalizeDetailId(window.location.hash);\n          const matchingPanel = detailRoot.querySelector(\n            '.cs-detail-panel[data-detail-panel=\"' + normalizedHashDetailId + '\"]'\n          );\n\n          if (matchingPanel) {\n            showDetail(normalizedHashDetailId, false);\n          }\n        }\n      }\n\n      if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initPortfolioDetails);\n      } else {\n        initPortfolioDetails();\n      }\n    })();\n  <\/script>\n<\/section>\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>MUNK\u00c1IM projecteim V\u00e1logat\u00e1s a legut\u00f3bbi munk\u00e1imb\u00f3l. Minden projekt egyedi megold\u00e1s, \u00e1tgondolt koncepci\u00f3val \u00e9s letisztult vizu\u00e1lis vil\u00e1ggal. A letisztult vizu\u00e1lis vil\u00e1g mellett fontos sz\u00e1momra a funkcionalit\u00e1s is. Minden projektn\u00e9l az \u00e1tgondolt \u00e9s egys\u00e9ges felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyre t\u00f6rekszem. T\u00f6bb INf\u00f3 01 UX\/UI DESIGN Digit\u00e1lis fel\u00fcletek, app- \u00e9s webes koncepci\u00f3k tervez\u00e9se \u00e1tl\u00e1that\u00f3, felhaszn\u00e1l\u00f3bar\u00e1t strukt\u00far\u00e1val. 02 ARCULAT K\u00f6vetkezetes, felismerhet\u0151 \u00e9s [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Munk\u00e1im - Antal-Bartalis Lilla Designer<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/munkaim\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Munk\u00e1im - Antal-Bartalis Lilla Designer\" \/>\n<meta property=\"og:description\" content=\"MUNK\u00c1IM projecteim V\u00e1logat\u00e1s a legut\u00f3bbi munk\u00e1imb\u00f3l. Minden projekt egyedi megold\u00e1s, \u00e1tgondolt koncepci\u00f3val \u00e9s letisztult vizu\u00e1lis vil\u00e1ggal. A letisztult vizu\u00e1lis vil\u00e1g mellett fontos sz\u00e1momra a funkcionalit\u00e1s is. Minden projektn\u00e9l az \u00e1tgondolt \u00e9s egys\u00e9ges felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyre t\u00f6rekszem. T\u00f6bb INf\u00f3 01 UX\/UI DESIGN Digit\u00e1lis fel\u00fcletek, app- \u00e9s webes koncepci\u00f3k tervez\u00e9se \u00e1tl\u00e1that\u00f3, felhaszn\u00e1l\u00f3bar\u00e1t strukt\u00far\u00e1val. 02 ARCULAT K\u00f6vetkezetes, felismerhet\u0151 \u00e9s [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/munkaim\/\" \/>\n<meta property=\"og:site_name\" content=\"Antal-Bartalis Lilla Designer\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-16T12:32:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ablilla.hu\/wp-content\/uploads\/2026\/06\/Frame-570-1024x518.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"518\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/munkaim\\\/\",\"url\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/munkaim\\\/\",\"name\":\"Munk\u00e1im - Antal-Bartalis Lilla Designer\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/munkaim\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/munkaim\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Frame-570-scaled.png\",\"datePublished\":\"2026-04-21T16:00:04+00:00\",\"dateModified\":\"2026-06-16T12:32:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/munkaim\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/munkaim\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/munkaim\\\/#primaryimage\",\"url\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Frame-570-scaled.png\",\"contentUrl\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Frame-570-scaled.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/munkaim\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Kezd\u0151lap\",\"item\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Munk\u00e1im\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/#website\",\"url\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/\",\"name\":\"Antal-Bartalis Lilla UX\\\/UI & Graphic Designer\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/#\\\/schema\\\/person\\\/d2ebaeacd5fcddf7f6d74f837c374dd8\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/#\\\/schema\\\/person\\\/d2ebaeacd5fcddf7f6d74f837c374dd8\",\"name\":\"admin_abl@\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Favicon1.svg\",\"url\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Favicon1.svg\",\"contentUrl\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Favicon1.svg\",\"width\":48,\"height\":48,\"caption\":\"admin_abl@\"},\"logo\":{\"@id\":\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Favicon1.svg\"},\"sameAs\":[\"https:\\\/\\\/antal-bartalis-lilla.holloka-uxuikepzes.hu\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Munk\u00e1im - Antal-Bartalis Lilla Designer","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/munkaim\/","og_locale":"en_US","og_type":"article","og_title":"Munk\u00e1im - Antal-Bartalis Lilla Designer","og_description":"MUNK\u00c1IM projecteim V\u00e1logat\u00e1s a legut\u00f3bbi munk\u00e1imb\u00f3l. Minden projekt egyedi megold\u00e1s, \u00e1tgondolt koncepci\u00f3val \u00e9s letisztult vizu\u00e1lis vil\u00e1ggal. A letisztult vizu\u00e1lis vil\u00e1g mellett fontos sz\u00e1momra a funkcionalit\u00e1s is. Minden projektn\u00e9l az \u00e1tgondolt \u00e9s egys\u00e9ges felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyre t\u00f6rekszem. T\u00f6bb INf\u00f3 01 UX\/UI DESIGN Digit\u00e1lis fel\u00fcletek, app- \u00e9s webes koncepci\u00f3k tervez\u00e9se \u00e1tl\u00e1that\u00f3, felhaszn\u00e1l\u00f3bar\u00e1t strukt\u00far\u00e1val. 02 ARCULAT K\u00f6vetkezetes, felismerhet\u0151 \u00e9s [&hellip;]","og_url":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/munkaim\/","og_site_name":"Antal-Bartalis Lilla Designer","article_modified_time":"2026-06-16T12:32:28+00:00","og_image":[{"width":1024,"height":518,"url":"https:\/\/ablilla.hu\/wp-content\/uploads\/2026\/06\/Frame-570-1024x518.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/munkaim\/","url":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/munkaim\/","name":"Munk\u00e1im - Antal-Bartalis Lilla Designer","isPartOf":{"@id":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/#website"},"primaryImageOfPage":{"@id":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/munkaim\/#primaryimage"},"image":{"@id":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/munkaim\/#primaryimage"},"thumbnailUrl":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/Frame-570-scaled.png","datePublished":"2026-04-21T16:00:04+00:00","dateModified":"2026-06-16T12:32:28+00:00","breadcrumb":{"@id":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/munkaim\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/munkaim\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/munkaim\/#primaryimage","url":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/Frame-570-scaled.png","contentUrl":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/06\/Frame-570-scaled.png"},{"@type":"BreadcrumbList","@id":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/munkaim\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Kezd\u0151lap","item":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/"},{"@type":"ListItem","position":2,"name":"Munk\u00e1im"}]},{"@type":"WebSite","@id":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/#website","url":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/","name":"Antal-Bartalis Lilla UX\/UI & Graphic Designer","description":"","publisher":{"@id":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/#\/schema\/person\/d2ebaeacd5fcddf7f6d74f837c374dd8"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/#\/schema\/person\/d2ebaeacd5fcddf7f6d74f837c374dd8","name":"admin_abl@","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/05\/Favicon1.svg","url":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/05\/Favicon1.svg","contentUrl":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/05\/Favicon1.svg","width":48,"height":48,"caption":"admin_abl@"},"logo":{"@id":"https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu\/wp-content\/uploads\/2026\/05\/Favicon1.svg"},"sameAs":["https:\/\/antal-bartalis-lilla.holloka-uxuikepzes.hu"]}]}},"_links":{"self":[{"href":"https:\/\/ablilla.hu\/en\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ablilla.hu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ablilla.hu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ablilla.hu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ablilla.hu\/en\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":243,"href":"https:\/\/ablilla.hu\/en\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":1766,"href":"https:\/\/ablilla.hu\/en\/wp-json\/wp\/v2\/pages\/16\/revisions\/1766"}],"wp:attachment":[{"href":"https:\/\/ablilla.hu\/en\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}