{"id":5098,"date":"2026-10-23T13:56:00","date_gmt":"2026-10-23T13:56:00","guid":{"rendered":"https:\/\/artfulcat-design.de\/?page_id=5098"},"modified":"2026-10-23T13:56:00","modified_gmt":"2026-10-23T13:56:00","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/artfulcat-design.de\/en\/portfolio\/","title":{"rendered":"Portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5098\" class=\"elementor elementor-5098 elementor-5005\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-275d6134 e-con-full e-flex e-con e-parent\" data-id=\"275d6134\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9457b0e elementor-widget elementor-widget-html\" data-id=\"a9457b0e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n#acd-portfolio.acd-portfolio-page {\n  --gold: #bb9654;\n  --gold-light: #ddc48d;\n  --black: #050505;\n  --panel: #0a0a0a;\n  --panel-soft: #111;\n  --white: #f4f3ef;\n  --muted: rgba(244,243,239,.62);\n  --line: rgba(255,255,255,.16);\n  --ease: cubic-bezier(.2,.78,.2,1);\n  position: relative;\n  width: 100%;\n  min-width: 0;\n  overflow: clip;\n  background: var(--black);\n  color: var(--white);\n  font-family: Inter, Arial, Helvetica, sans-serif;\n  font-size: 16px;\n  line-height: 1.5;\n  text-align: left;\n}\n#acd-portfolio *, #acd-portfolio *::before, #acd-portfolio *::after { box-sizing: border-box; }\n#acd-portfolio h1, #acd-portfolio h2, #acd-portfolio h3, #acd-portfolio p, #acd-portfolio ul, #acd-portfolio ol { margin: 0; }\n#acd-portfolio ul, #acd-portfolio ol { padding: 0; }\n#acd-portfolio a { color: inherit; text-decoration: none; }\n#acd-portfolio img, #acd-portfolio svg { display: block; max-width: 100%; }\n#acd-portfolio button, #acd-portfolio input, #acd-portfolio textarea { font: inherit; }\n#acd-portfolio button { margin: 0; border-radius: 0; }\n#acd-portfolio a:focus-visible, #acd-portfolio button:focus-visible, #acd-portfolio input:focus-visible, #acd-portfolio textarea:focus-visible, #acd-portfolio summary:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 4px; }\n#acd-portfolio .acd-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }\n#acd-portfolio .acd-w-container { width: min(1240px, calc(100% - 80px)); margin-inline: auto; }\n#acd-portfolio .acd-w-section { position: relative; padding: clamp(88px, 10vw, 150px) 0; }\n#acd-portfolio .acd-w-skip { position: fixed; z-index: 1005; top: 10px; left: 10px; padding: 10px 14px; transform: translateY(-150%); background: var(--white); color: #111; }\n#acd-portfolio .acd-w-skip:focus { transform: none; }\n\n#acd-portfolio .acd-w-header {\n  position: sticky;\n  z-index: 100;\n  top: 0;\n  display: grid;\n  grid-template-columns: minmax(230px,340px) 1fr auto;\n  align-items: center;\n  min-height: 80px;\n  padding: 10px clamp(28px,4vw,74px);\n  border-bottom: 1px solid rgba(255,255,255,.08);\n  background: rgba(4,4,4,.94);\n  backdrop-filter: blur(15px);\n  transition: min-height .3s ease, box-shadow .3s ease;\n}\n#acd-portfolio .acd-w-header.is-scrolled { min-height: 68px; box-shadow: 0 12px 34px rgba(0,0,0,.3); }\n#acd-portfolio .acd-w-brand { display: block; width: min(310px,100%); }\n#acd-portfolio .acd-w-brand svg { width: 100%; height: auto; max-height: 52px; object-fit: contain; }\n#acd-portfolio .acd-w-nav { display: flex; align-items: center; justify-content: center; gap: clamp(24px,3vw,50px); }\n#acd-portfolio .acd-w-nav-link, #acd-portfolio .acd-w-lang { position: relative; display: inline-flex; align-items: center; min-height: 42px; padding: 0; border: 0; background: transparent; color: rgba(255,255,255,.68); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }\n#acd-portfolio .acd-w-nav-link::after { content: ''; position: absolute; left: 0; right: 100%; bottom: 4px; height: 1px; background: var(--gold-light); transition: right .3s var(--ease); }\n#acd-portfolio .acd-w-nav-link:hover, #acd-portfolio .acd-w-nav-link:focus-visible, #acd-portfolio .acd-w-nav-active { color: var(--white); }\n#acd-portfolio .acd-w-nav-link:hover::after, #acd-portfolio .acd-w-nav-link:focus-visible::after, #acd-portfolio .acd-w-nav-active::after { right: 0; }\n#acd-portfolio .acd-w-nav-group { position: relative; }\n#acd-portfolio .acd-w-nav-group .acd-w-nav-link span { margin-left: 8px; color: var(--gold-light); }\n#acd-portfolio .acd-w-submenu { position: absolute; top: calc(100% + 8px); left: 50%; width: 220px; visibility: hidden; opacity: 0; transform: translate(-50%,10px); list-style: none; padding: 10px; border: 1px solid var(--line); background: #090909; box-shadow: 0 18px 55px rgba(0,0,0,.45); transition: .25s ease; }\n#acd-portfolio .acd-w-submenu a { display: block; padding: 11px 12px; color: rgba(255,255,255,.7); font-size: 11px; letter-spacing: .06em; }\n#acd-portfolio .acd-w-submenu a:hover, #acd-portfolio .acd-w-submenu a:focus-visible, #acd-portfolio .acd-w-submenu a[aria-current=\"page\"] { background: rgba(187,150,84,.13); color: var(--gold-light); }\n#acd-portfolio .acd-w-nav-group:hover .acd-w-submenu, #acd-portfolio .acd-w-nav-group:focus-within .acd-w-submenu, #acd-portfolio .acd-w-nav-group.is-open .acd-w-submenu { visibility: visible; opacity: 1; transform: translate(-50%,0); }\n#acd-portfolio .acd-w-actions { display: flex; align-items: center; gap: 22px; }\n#acd-portfolio .acd-w-lang { min-width: 28px; justify-content: center; }\n#acd-portfolio .acd-w-button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 44px; border: 1px solid var(--gold); padding: 11px 24px; background: var(--gold); color: #090909; font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; cursor: pointer; transition: color .25s ease, background .25s ease, transform .25s ease; }\n#acd-portfolio .acd-w-button:hover { background: var(--gold-light); transform: translateY(-2px); }\n#acd-portfolio .acd-w-button:active { transform: translateY(0); }\n#acd-portfolio .acd-w-button-outline { background: transparent; color: var(--white); border-color: rgba(255,255,255,.35); }\n#acd-portfolio .acd-w-button-outline:hover { background: rgba(255,255,255,.08); color: var(--white); }\n#acd-portfolio .acd-w-menu-toggle { display: none; }\n\n#acd-portfolio .acd-w-hero { position: relative; min-height: min(860px,calc(100svh - 80px)); display: grid; align-items: center; overflow: hidden; isolation: isolate; }\n#acd-portfolio .acd-w-video, #acd-portfolio .acd-w-hero-shade { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; }\n#acd-portfolio .acd-w-video { object-fit: cover; filter: grayscale(1) contrast(1.08) brightness(.82); }\n#acd-portfolio .acd-w-hero-shade { z-index: -1; background: linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.73) 53%,rgba(0,0,0,.34) 100%),linear-gradient(0deg,#050505 0%,transparent 28%); }\n#acd-portfolio .acd-w-hero-inner { padding-block: 65px 95px; }\n#acd-portfolio .acd-w-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-bottom: clamp(50px,8vh,84px); color: rgba(255,255,255,.48); font-size: 9px; letter-spacing: .14em; text-transform: uppercase; }\n#acd-portfolio .acd-w-breadcrumb a:hover { color: var(--gold-light); }\n#acd-portfolio .acd-w-hero-grid { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(280px,.55fr); align-items: center; gap: clamp(45px,7vw,110px); }\n#acd-portfolio .acd-w-eyebrow, #acd-portfolio .acd-w-section-number { color: var(--gold-light); font-size: 10px; letter-spacing: .2em; text-transform: uppercase; }\n#acd-portfolio .acd-w-hero h1 { max-width: 880px; margin: 19px 0 27px; font-size: clamp(58px,7.5vw,124px); font-weight: 800; line-height: .87; letter-spacing: -.068em; text-transform: uppercase; }\n#acd-portfolio .acd-w-hero h1 strong { color: transparent; font-weight: inherit; -webkit-text-stroke: 1px rgba(255,255,255,.78); }\n#acd-portfolio .acd-w-hero-copy { max-width: 670px; color: rgba(255,255,255,.7); font-size: clamp(16px,1.45vw,21px); line-height: 1.65; }\n#acd-portfolio .acd-w-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 40px; }\n#acd-portfolio .acd-w-hero-art { display: grid; justify-items: center; gap: 34px; }\n#acd-portfolio .acd-w-icon-frame { display: grid; place-items: center; width: min(290px,25vw); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.16); background: rgba(0,0,0,.3); color: var(--gold-light); backdrop-filter: blur(9px); }\n#acd-portfolio .acd-w-icon { width: 47%; height: 47%; }\n#acd-portfolio .acd-w-icon-svg { width: 100%; height: 100%; overflow: visible; color: currentColor; }\n#acd-portfolio .acd-w-icon-svg .acd-svg-piece { fill: currentColor !important; opacity: 1; }\n#acd-portfolio.acd-w-js .acd-w-icon-svg .acd-svg-piece { opacity: 0; clip-path: inset(100% 0 0 0); }\n#acd-portfolio.acd-w-js.acd-w-ready .acd-w-icon-svg .acd-svg-piece { animation: acd-w-icon-build .45s var(--ease) forwards; animation-delay: calc(var(--piece) * 18ms + 180ms); }\n@keyframes acd-w-icon-build { to { opacity: 1; clip-path: inset(0); } }\n#acd-portfolio .acd-w-hero-meta { display: grid; grid-template-columns: repeat(3,auto); gap: 18px; width: 100%; color: rgba(255,255,255,.5); font-size: 8px; letter-spacing: .13em; text-align: center; text-transform: uppercase; }\n#acd-portfolio .acd-w-down { display: inline-flex; align-items: center; gap: 18px; margin-top: 42px; padding-bottom: 8px; border-bottom: 1px solid var(--gold); font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }\n#acd-portfolio .acd-w-down span { color: var(--gold-light); }\n\n#acd-portfolio .acd-w-intro { background: var(--white); color: #111; }\n#acd-portfolio .acd-w-intro-grid { display: grid; grid-template-columns: minmax(170px,.42fr) 1.58fr; gap: 55px; }\n#acd-portfolio .acd-w-intro .acd-w-section-number, #acd-portfolio .acd-w-cta .acd-w-section-number { color: #8d6a2e; }\n#acd-portfolio .acd-w-intro h2, #acd-portfolio .acd-w-section-head h2 { font-size: clamp(38px,5.1vw,76px); font-weight: 300; line-height: 1.02; letter-spacing: -.045em; }\n#acd-portfolio .acd-w-intro-copy { display: grid; grid-template-columns: 1.2fr .8fr; gap: 50px; margin-top: 35px; }\n#acd-portfolio .acd-w-intro-copy p { color: rgba(0,0,0,.64); font-size: clamp(16px,1.35vw,20px); line-height: 1.75; }\n#acd-portfolio .acd-w-intro-note { padding-left: 24px; border-left: 1px solid rgba(0,0,0,.2); }\n\n#acd-portfolio .acd-w-scope { background: #080808; }\n#acd-portfolio .acd-w-section-head { display: grid; grid-template-columns: 1.5fr .75fr; align-items: end; gap: 55px; margin-bottom: clamp(50px,7vw,84px); }\n#acd-portfolio .acd-w-section-head h2 { margin-top: 16px; }\n#acd-portfolio .acd-w-section-head > p { max-width: 420px; padding-bottom: 7px; color: var(--muted); line-height: 1.7; }\n#acd-portfolio .acd-w-scope-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }\n#acd-portfolio .acd-w-scope-card { min-height: 310px; padding: clamp(24px,3vw,38px); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #080808; transition: background .35s ease, color .35s ease; }\n#acd-portfolio .acd-w-scope-card:hover { background: var(--gold); color: #090909; }\n#acd-portfolio .acd-w-card-number { color: var(--gold-light); font-size: 9px; letter-spacing: .17em; }\n#acd-portfolio .acd-w-scope-card:hover .acd-w-card-number { color: rgba(0,0,0,.55); }\n#acd-portfolio .acd-w-scope-card h3 { margin-top: 70px; font-size: clamp(24px,2.1vw,34px); font-weight: 300; line-height: 1.1; letter-spacing: -.035em; }\n#acd-portfolio .acd-w-scope-card p { margin-top: 18px; color: var(--muted); line-height: 1.65; }\n#acd-portfolio .acd-w-scope-card:hover p { color: rgba(0,0,0,.68); }\n\n#acd-portfolio.acd-w-js [data-reveal] { opacity: 0; transform: translateY(30px); }\n#acd-portfolio.acd-w-js [data-reveal].is-visible { opacity: 1; transform: none; transition: opacity .7s ease var(--delay,0ms), transform .8s var(--ease) var(--delay,0ms); }\n\n#acd-portfolio .acd-w-outcomes { background: #101010; }\n#acd-portfolio .acd-w-outcomes-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(50px,8vw,120px); align-items: start; }\n#acd-portfolio .acd-w-outcomes h2 { margin-top: 17px; font-size: clamp(46px,6.3vw,92px); font-weight: 800; line-height: .9; letter-spacing: -.06em; text-transform: uppercase; }\n#acd-portfolio .acd-w-outcomes h2 strong { display: block; color: transparent; font-weight: inherit; -webkit-text-stroke: 1px rgba(255,255,255,.68); }\n#acd-portfolio .acd-w-outcome-list { list-style: none; border-top: 1px solid var(--line); }\n#acd-portfolio .acd-w-outcome-list li { display: grid; grid-template-columns: 54px 1fr; gap: 20px; padding: 29px 0; border-bottom: 1px solid var(--line); }\n#acd-portfolio .acd-w-outcome-list span { color: var(--gold-light); font-size: 10px; letter-spacing: .15em; }\n#acd-portfolio .acd-w-outcome-list h3 { font-size: 24px; font-weight: 400; }\n#acd-portfolio .acd-w-outcome-list p { margin-top: 8px; color: var(--muted); line-height: 1.65; }\n\n#acd-portfolio .acd-w-process { background: var(--white); color: #111; }\n#acd-portfolio .acd-w-process .acd-w-section-number { color: #8d6a2e; }\n#acd-portfolio .acd-w-process .acd-w-section-head > p { color: rgba(0,0,0,.62); }\n#acd-portfolio .acd-w-process-list { display: grid; grid-template-columns: repeat(5,1fr); list-style: none; border-top: 1px solid rgba(0,0,0,.2); border-left: 1px solid rgba(0,0,0,.2); }\n#acd-portfolio .acd-w-process-list li { min-height: 280px; padding: 27px; border-right: 1px solid rgba(0,0,0,.2); border-bottom: 1px solid rgba(0,0,0,.2); }\n#acd-portfolio .acd-w-process-list span { color: #8d6a2e; font-size: 10px; letter-spacing: .16em; }\n#acd-portfolio .acd-w-process-list h3 { margin-top: 76px; font-size: 23px; font-weight: 400; }\n#acd-portfolio .acd-w-process-list p { margin-top: 12px; color: rgba(0,0,0,.62); line-height: 1.6; }\n\n#acd-portfolio .acd-w-faq { background: #080808; }\n#acd-portfolio .acd-w-faq-grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(50px,8vw,115px); }\n#acd-portfolio .acd-w-faq h2 { margin-top: 16px; font-size: clamp(40px,5.3vw,76px); font-weight: 300; line-height: 1.02; letter-spacing: -.045em; }\n#acd-portfolio .acd-w-faq-list { border-top: 1px solid var(--line); }\n#acd-portfolio .acd-w-faq details { border-bottom: 1px solid var(--line); }\n#acd-portfolio .acd-w-faq summary { position: relative; list-style: none; padding: 27px 54px 27px 0; cursor: pointer; font-size: clamp(17px,1.5vw,22px); }\n#acd-portfolio .acd-w-faq summary::-webkit-details-marker { display: none; }\n#acd-portfolio .acd-w-faq summary::after { content: '+'; position: absolute; right: 5px; top: 23px; color: var(--gold-light); font-size: 24px; font-weight: 300; transition: transform .25s ease; }\n#acd-portfolio .acd-w-faq details[open] summary::after { transform: rotate(45deg); }\n#acd-portfolio .acd-w-faq details p { max-width: 700px; padding: 0 50px 28px 0; color: var(--muted); line-height: 1.7; }\n\n#acd-portfolio .acd-w-cta { overflow: hidden; background: var(--white); color: #111; }\n#acd-portfolio .acd-w-cta::after { content: ''; position: absolute; top: -32%; right: -8%; width: min(42vw,650px); aspect-ratio: 1; border: 1px solid rgba(0,0,0,.12); transform: rotate(34deg); }\n#acd-portfolio .acd-w-cta-inner { position: relative; z-index: 1; }\n#acd-portfolio .acd-w-cta h2 { max-width: 1050px; margin: 22px 0 42px; font-size: clamp(50px,7vw,108px); font-weight: 800; line-height: .9; letter-spacing: -.06em; text-transform: uppercase; }\n#acd-portfolio .acd-w-cta h2 strong { color: #99722f; font-weight: inherit; }\n#acd-portfolio .acd-w-button-large { min-height: 54px; padding-inline: 30px; }\n\n#acd-portfolio .acd-w-footer { position: relative; min-height: 150px; overflow: hidden; border-top: 1px solid rgba(255,255,255,.08); background: #0a0a0a; }\n#acd-portfolio .acd-cat-track { position: absolute; z-index: 0; inset: 0 6% auto; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); align-items: start; gap: clamp(4px,1vw,16px); height: 78px; padding-top: 3px; pointer-events: none; }\n#acd-portfolio .acd-leo-pose { display: block; justify-self: center; width: 100%; max-width: 126px; height: 52px; object-fit: contain; opacity: 0; filter: brightness(0); transform: translateY(var(--leo-y,0)); }\n#acd-portfolio .acd-cat-track:not(.is-ready) .acd-leo-pose:first-child { opacity: .72; }\n#acd-portfolio .acd-cat-track.is-ready .acd-leo-pose { animation: acd-w-leo-trail 5.4s steps(1,end) infinite; animation-delay: var(--leo-delay,0s); }\n#acd-portfolio .acd-cat-track.is-paused .acd-leo-pose { animation-play-state: paused; }\n#acd-portfolio .acd-leo-pose.is-missing { visibility: hidden; }\n@keyframes acd-w-leo-trail { 0% { opacity:.8; } 16.666666% { opacity:.52; } 33.333333% { opacity:.22; } 50%,100% { opacity:0; } }\n#acd-portfolio .acd-w-footer-inner { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr auto 1fr; align-items: end; gap: 30px; min-height: 150px; width: min(1240px,calc(100% - 80px)); margin: auto; padding: 82px 0 25px; }\n#acd-portfolio .acd-w-footer-inner > span { color: rgba(255,255,255,.32); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }\n#acd-portfolio .acd-w-footer-inner > p { color: rgba(255,255,255,.76); font-size: clamp(14px,1.3vw,20px); white-space: nowrap; }\n#acd-portfolio .acd-w-footer-inner > p strong { color: var(--gold-light); font-weight: 400; }\n#acd-portfolio .acd-legal-nav { position: relative; z-index: 2; display: flex; justify-content: flex-end; align-items: center; }\n#acd-portfolio .acd-legal-fallback { display: flex; gap: 14px; }\n#acd-portfolio .acd-legal-nav a, #acd-portfolio .acd-legal-trigger { color: rgba(255,255,255,.62); font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }\n\n#acd-portfolio .acd-w-modal { position: fixed; z-index: 500; inset: 0; display: grid; place-items: center; visibility: hidden; opacity: 0; padding: 18px; background: rgba(0,0,0,.8); backdrop-filter: blur(10px); transition: opacity .25s ease,visibility .25s ease; }\n#acd-portfolio .acd-w-modal.open { visibility: visible; opacity: 1; }\n#acd-portfolio .acd-w-modal-card { position: relative; width: min(620px,100%); max-height: calc(100dvh - 36px); overflow: auto; padding: clamp(24px,4vw,44px); border: 1px solid var(--line); background: linear-gradient(145deg,rgba(255,255,255,.055),transparent 36%),#0b0b0b; box-shadow: 0 30px 90px rgba(0,0,0,.55); transform: translateY(18px) scale(.98); transition: transform .3s var(--ease); }\n#acd-portfolio .acd-w-modal.open .acd-w-modal-card { transform: none; }\n#acd-portfolio .acd-w-modal-close { position: absolute; top: 14px; right: 14px; width: 40px; height: 40px; border: 1px solid rgba(255,255,255,.2); background: transparent; color: #fff; font-size: 21px; cursor: pointer; }\n#acd-portfolio .acd-w-modal-eyebrow { color: var(--gold-light); font-size: 9px; letter-spacing: .2em; text-transform: uppercase; }\n#acd-portfolio .acd-w-modal h2 { margin-top: 10px; font-size: clamp(28px,5vw,48px); font-weight: 300; line-height: 1.1; letter-spacing: -.04em; }\n#acd-portfolio .acd-w-modal-intro { max-width: 470px; margin-top: 13px; color: var(--muted); line-height: 1.6; }\n#acd-portfolio .acd-contact-form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 25px; }\n#acd-portfolio .acd-contact-form label:not(.acd-privacy-check) { display: grid; gap: 7px; color: rgba(255,255,255,.68); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }\n#acd-portfolio .acd-contact-form input, #acd-portfolio .acd-contact-form textarea { width: 100%; border: 1px solid var(--line); border-radius: 0; padding: 12px 13px; background: rgba(255,255,255,.045); color: #fff; }\n#acd-portfolio .acd-contact-form textarea { min-height: 110px; resize: vertical; }\n#acd-portfolio .acd-field-full, #acd-portfolio .acd-privacy-check, #acd-portfolio .acd-form-footer { grid-column: 1\/-1; }\n#acd-portfolio .acd-privacy-check { display: flex; align-items: flex-start; gap: 9px; color: rgba(255,255,255,.58); font-size: 11px; line-height: 1.45; }\n#acd-portfolio .acd-privacy-check input { width: auto; margin-top: 3px; }\n#acd-portfolio .acd-privacy-check a, #acd-portfolio .acd-form-footer a { color: var(--gold-light); text-decoration: underline; }\n#acd-portfolio .acd-form-footer { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 5px; color: rgba(255,255,255,.62); font-size: 11px; line-height: 1.65; }\n\n@media (max-width: 1100px) {\n  #acd-portfolio .acd-w-header { grid-template-columns: minmax(200px,280px) 1fr auto; padding-inline: 28px; }\n  #acd-portfolio .acd-w-nav { gap: 20px; }\n  #acd-portfolio .acd-w-actions { gap: 12px; }\n  #acd-portfolio .acd-w-scope-grid { grid-template-columns: repeat(2,1fr); }\n  #acd-portfolio .acd-w-process-list { grid-template-columns: repeat(3,1fr); }\n  #acd-portfolio .acd-w-process-list li:nth-child(4), #acd-portfolio .acd-w-process-list li:nth-child(5) { grid-column: span 1; }\n}\n@media (max-width: 820px) {\n    #acd-portfolio .acd-w-container { width: min(calc(100% - 36px),720px); }\n  #acd-portfolio .acd-w-section { padding-block: 78px; }\n  #acd-portfolio .acd-w-header { grid-template-columns: 1fr auto auto; min-height: 68px; padding: 8px 18px; }\n  #acd-portfolio .acd-w-brand { width: min(210px,58vw); }\n  #acd-portfolio .acd-w-brand svg { max-height: 44px; }\n  #acd-portfolio .acd-w-menu-toggle { grid-column: 2; display: grid; place-content: center; gap: 6px; width: 42px; height: 42px; border: 0; background: transparent; cursor: pointer; }\n  #acd-portfolio .acd-w-menu-toggle span { display: block; width: 22px; height: 1px; background: #fff; transition: .25s ease; }\n  #acd-portfolio .acd-w-menu-toggle[aria-expanded=\"true\"] span:first-child { transform: translateY(3.5px) rotate(45deg); }\n  #acd-portfolio .acd-w-menu-toggle[aria-expanded=\"true\"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }\n  #acd-portfolio .acd-w-nav { position: absolute; top: 100%; left: 0; right: 0; display: none; align-items: stretch; flex-direction: column; gap: 0; max-height: calc(100dvh - 68px); overflow: auto; padding: 12px 18px 24px; border-top: 1px solid var(--line); background: #070707; }\n  #acd-portfolio .acd-w-nav.is-open { display: flex; }\n  #acd-portfolio .acd-w-nav-link { justify-content: space-between; width: 100%; min-height: 52px; border-bottom: 1px solid var(--line); }\n  #acd-portfolio .acd-w-nav-link::after { display: none; }\n  #acd-portfolio .acd-w-submenu { position: static; display: none; width: 100%; visibility: visible; opacity: 1; transform: none; padding: 5px 0 12px 15px; border: 0; border-bottom: 1px solid var(--line); box-shadow: none; }\n  #acd-portfolio .acd-w-nav-group.is-open .acd-w-submenu { display: block; transform: none; }\n  #acd-portfolio .acd-w-actions { grid-column: 3; }\n  #acd-portfolio .acd-w-lang { display: none; }\n  #acd-portfolio .acd-w-actions .acd-w-button { min-height: 38px; padding: 8px 14px; font-size: 8px; }\n  #acd-portfolio .acd-w-hero { min-height: auto; }\n  #acd-portfolio .acd-w-hero-inner { padding-block: 60px 75px; }\n  #acd-portfolio .acd-w-breadcrumb { margin-bottom: 64px; }\n  #acd-portfolio .acd-w-hero-grid, #acd-portfolio .acd-w-intro-grid, #acd-portfolio .acd-w-section-head, #acd-portfolio .acd-w-outcomes-grid, #acd-portfolio .acd-w-faq-grid { grid-template-columns: 1fr; }\n  #acd-portfolio .acd-w-hero h1 { font-size: clamp(55px,14.5vw,94px); }\n  #acd-portfolio .acd-w-hero-art { justify-items: start; }\n  #acd-portfolio .acd-w-icon-frame { width: min(230px,58vw); }\n  #acd-portfolio .acd-w-hero-meta { width: min(330px,100%); }\n  #acd-portfolio .acd-w-intro-copy { grid-template-columns: 1fr; gap: 25px; }\n  #acd-portfolio .acd-w-process-list { grid-template-columns: repeat(2,1fr); }\n  #acd-portfolio .acd-w-process-list li:last-child { grid-column: 1\/-1; }\n  #acd-portfolio .acd-w-footer-inner { grid-template-columns: 1fr auto; width: calc(100% - 36px); padding-top: 75px; }\n  #acd-portfolio .acd-w-footer-inner > p { grid-row: 1; grid-column: 1\/-1; white-space: normal; }\n}\n@media (max-width: 560px) {\n  #acd-portfolio .acd-w-brand { width: min(170px,49vw); }\n  #acd-portfolio .acd-w-scope-grid, #acd-portfolio .acd-w-process-list { grid-template-columns: 1fr; }\n  #acd-portfolio .acd-w-process-list li:last-child { grid-column: auto; }\n  #acd-portfolio .acd-w-scope-card { min-height: 280px; }\n  #acd-portfolio .acd-w-footer-inner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }\n  #acd-portfolio .acd-w-footer-inner > p { flex-basis: 100%; }\n  #acd-portfolio .acd-leo-pose { height: 42px; }\n  #acd-portfolio .acd-contact-form { grid-template-columns: 1fr; }\n  #acd-portfolio .acd-field-full, #acd-portfolio .acd-privacy-check, #acd-portfolio .acd-form-footer { grid-column: auto; }\n  #acd-portfolio .acd-form-footer { align-items: stretch; flex-direction: column; }\n}\n@media (prefers-reduced-motion: reduce) {\n  #acd-portfolio *, #acd-portfolio *::before, #acd-portfolio *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }\n  #acd-portfolio.acd-w-js [data-reveal] { opacity: 1; transform: none; }\n  #acd-portfolio.acd-w-js .acd-w-icon-svg .acd-svg-piece { opacity: 1; clip-path: none; animation: none; }\n  #acd-portfolio .acd-cat-track.is-ready .acd-leo-pose { animation: none !important; opacity: 0; }\n  #acd-portfolio .acd-cat-track.is-ready .acd-leo-pose:nth-child(1) { opacity: .22; }\n  #acd-portfolio .acd-cat-track.is-ready .acd-leo-pose:nth-child(2) { opacity: .52; }\n  #acd-portfolio .acd-cat-track.is-ready .acd-leo-pose:nth-child(3) { opacity: .8; }\n}\n\n\/* Portfolio-specific presentation *\/\n#acd-portfolio .acd-p-hero-deck { position: relative; width: min(370px,28vw); height: 460px; perspective: 1000px; }\n#acd-portfolio .acd-p-mini-card { position: absolute; inset: 22px 12px 20px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; padding: 28px; border: 1px solid rgba(255,255,255,.2); background: #0a0a0a; box-shadow: 0 28px 75px rgba(0,0,0,.42); transform-origin: bottom center; }\n#acd-portfolio .acd-p-mini-card::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(0deg,rgba(0,0,0,.94),rgba(0,0,0,.08) 66%),var(--mini-image); background-position: center,top center; background-size: cover; filter: grayscale(1) contrast(1.06) brightness(.72); transform: scale(1.02); }\n#acd-portfolio .acd-p-mini-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(128deg,transparent 0 44%,rgba(255,255,255,.09) 44.3% 44.8%,transparent 45.1%),linear-gradient(33deg,transparent 0 60%,rgba(187,150,84,.24) 60.3% 60.8%,transparent 61.1%); }\n#acd-portfolio .acd-p-mini-card:nth-child(1) { transform: translate(-47px,16px) rotate(-8deg); opacity: .54; }\n#acd-portfolio .acd-p-mini-card:nth-child(2) { transform: translate(35px,8px) rotate(7deg); opacity: .72; }\n#acd-portfolio .acd-p-mini-card:nth-child(3) { transform: translate(0) rotate(0); }\n#acd-portfolio .acd-p-mini-card span, #acd-portfolio .acd-p-mini-card strong { position: relative; z-index: 2; }\n#acd-portfolio .acd-p-mini-card span { color: var(--gold-light); font-size: 9px; letter-spacing: .17em; text-transform: uppercase; }\n#acd-portfolio .acd-p-mini-card strong { margin-top: 8px; font-size: clamp(24px,2.3vw,36px); font-weight: 300; line-height: 1.05; }\n#acd-portfolio.acd-w-js.acd-w-ready .acd-p-mini-card:nth-child(1) { animation: acd-p-deck-one .8s var(--ease) .1s both; }\n#acd-portfolio.acd-w-js.acd-w-ready .acd-p-mini-card:nth-child(2) { animation: acd-p-deck-two .8s var(--ease) .22s both; }\n#acd-portfolio.acd-w-js.acd-w-ready .acd-p-mini-card:nth-child(3) { animation: acd-p-deck-three .8s var(--ease) .34s both; }\n@keyframes acd-p-deck-one { from { opacity: 0; transform: translate(0,46px) rotate(0); } to { opacity: .54; transform: translate(-47px,16px) rotate(-8deg); } }\n@keyframes acd-p-deck-two { from { opacity: 0; transform: translate(0,46px) rotate(0); } to { opacity: .72; transform: translate(35px,8px) rotate(7deg); } }\n@keyframes acd-p-deck-three { from { opacity: 0; transform: translateY(46px); } to { opacity: 1; transform: none; } }\n\n#acd-portfolio .acd-p-showcase { overflow: hidden; background: #080808; }\n#acd-portfolio .acd-p-showcase-head { display: grid; grid-template-columns: 1.35fr .65fr; align-items: end; gap: 50px; margin-bottom: 56px; }\n#acd-portfolio .acd-p-showcase-head h2 { margin-top: 16px; font-size: clamp(42px,6vw,86px); font-weight: 300; line-height: .97; letter-spacing: -.052em; }\n#acd-portfolio .acd-p-showcase-head > div:last-child { display: grid; justify-items: end; gap: 22px; }\n#acd-portfolio .acd-p-showcase-head p:last-child { max-width: 430px; color: var(--muted); line-height: 1.7; }\n#acd-portfolio .acd-p-controls { display: flex; gap: 9px; }\n#acd-portfolio .acd-p-control { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid var(--line); background: transparent; color: var(--white); cursor: pointer; transition: .25s ease; }\n#acd-portfolio .acd-p-control:hover { border-color: var(--gold); background: var(--gold); color: #090909; }\n#acd-portfolio .acd-p-control:disabled { opacity: .3; cursor: default; background: transparent; color: var(--white); }\n#acd-portfolio .acd-p-track-wrap { position: relative; }\n#acd-portfolio .acd-p-track { display: flex; align-items: stretch; overflow-x: auto; overflow-y: hidden; padding: 12px max(40px,calc((100vw - 1240px)\/2)) 38px; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-inline: contain; }\n#acd-portfolio .acd-p-track::-webkit-scrollbar { display: none; }\n#acd-portfolio .acd-p-case { position: relative; z-index: 1; flex: 0 0 clamp(310px,31vw,410px); min-height: 535px; margin-left: -42px; overflow: hidden; scroll-snap-align: start; border: 1px solid rgba(255,255,255,.19); background: #0c0c0c; transition: transform .4s var(--ease),border-color .3s ease,box-shadow .4s ease; }\n#acd-portfolio .acd-p-case:first-child { margin-left: 0; }\n#acd-portfolio .acd-p-case:hover, #acd-portfolio .acd-p-case:focus-within { z-index: 4; transform: translateY(-10px); border-color: var(--gold); box-shadow: 0 26px 70px rgba(0,0,0,.44); }\n#acd-portfolio .acd-p-case-hit { display: flex; min-height: 535px; flex-direction: column; color: inherit; }\n#acd-portfolio .acd-p-case-visual { position: relative; height: 270px; overflow: hidden; border-bottom: 1px solid var(--line); background: #151515; }\n#acd-portfolio .acd-p-case-visual::before { content: ''; position: absolute; z-index: 1; inset: 0; background: linear-gradient(0deg,rgba(0,0,0,.64),transparent 58%),linear-gradient(135deg,rgba(255,255,255,.08),transparent 34%); pointer-events: none; }\n#acd-portfolio .acd-p-case-visual::after { content: ''; position: absolute; z-index: 2; width: 132px; height: 132px; top: -48px; right: -20px; border: 1px solid rgba(221,196,141,.5); transform: rotate(var(--shape-rotate,18deg)); pointer-events: none; }\n#acd-portfolio .acd-p-case-image { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: top center; filter: grayscale(1) contrast(1.03) brightness(.73); transform: scale(1.015); transition: filter .55s ease,transform .75s var(--ease); }\n#acd-portfolio .acd-p-case:hover .acd-p-case-image, #acd-portfolio .acd-p-case:focus-within .acd-p-case-image { filter: grayscale(0) contrast(1) brightness(.96); transform: scale(1.055); }\n#acd-portfolio .acd-p-project-tag { position: absolute; z-index: 3; left: 20px; bottom: 18px; padding: 7px 9px; border: 1px solid rgba(221,196,141,.65); background: rgba(0,0,0,.7); color: var(--gold-light); font-size: 8px; letter-spacing: .16em; text-transform: uppercase; }\n#acd-portfolio .acd-p-case-body { display: flex; min-height: 264px; flex: 1; flex-direction: column; padding: 26px; }\n#acd-portfolio .acd-p-case-meta { display: flex; justify-content: space-between; gap: 18px; color: var(--gold-light); font-size: 8px; letter-spacing: .14em; text-transform: uppercase; }\n#acd-portfolio .acd-p-case h3 { margin-top: 22px; font-size: clamp(27px,2.5vw,38px); font-weight: 300; line-height: 1.02; letter-spacing: -.04em; }\n#acd-portfolio .acd-p-case-link { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 24px; border-top: 1px solid var(--line); color: rgba(255,255,255,.72); font-size: 9px; letter-spacing: .14em; text-transform: uppercase; }\n#acd-portfolio .acd-p-case-link span { color: var(--gold-light); font-size: 17px; }\n#acd-portfolio .acd-p-progress { position: relative; height: 1px; width: min(1240px,calc(100% - 80px)); margin: 0 auto; overflow: hidden; background: rgba(255,255,255,.14); }\n#acd-portfolio .acd-p-progress span { position: absolute; inset: 0 auto 0 0; width: 11.111%; background: var(--gold-light); transform-origin: left; transition: width .2s linear; }\n\n#acd-portfolio .acd-p-format { background: var(--white); color: #111; }\n#acd-portfolio .acd-p-format .acd-w-section-number { color: #8d6a2e; }\n#acd-portfolio .acd-p-format-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(50px,8vw,115px); align-items: start; }\n#acd-portfolio .acd-p-format h2 { margin-top: 17px; font-size: clamp(42px,5.5vw,78px); font-weight: 300; line-height: 1; letter-spacing: -.05em; }\n#acd-portfolio .acd-p-format-list { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(0,0,0,.19); border-left: 1px solid rgba(0,0,0,.19); }\n#acd-portfolio .acd-p-format-list article { min-height: 300px; padding: 28px; border-right: 1px solid rgba(0,0,0,.19); border-bottom: 1px solid rgba(0,0,0,.19); }\n#acd-portfolio .acd-p-format-list span { color: #8d6a2e; font-size: 9px; letter-spacing: .16em; }\n#acd-portfolio .acd-p-format-list h3 { margin-top: 74px; font-size: 24px; font-weight: 400; }\n#acd-portfolio .acd-p-format-list p { margin-top: 13px; color: rgba(0,0,0,.62); line-height: 1.65; }\n\n#acd-portfolio .acd-p-access { background: radial-gradient(circle at 80% 20%,rgba(187,150,84,.16),transparent 32%),#0a0a0a; }\n#acd-portfolio .acd-p-access-inner { display: grid; grid-template-columns: 1.25fr .75fr; align-items: end; gap: 60px; }\n#acd-portfolio .acd-p-access h2 { margin-top: 18px; font-size: clamp(48px,6.4vw,94px); font-weight: 800; line-height: .9; letter-spacing: -.06em; text-transform: uppercase; }\n#acd-portfolio .acd-p-access h2 strong { display: block; color: transparent; font-weight: inherit; -webkit-text-stroke: 1px rgba(255,255,255,.68); }\n#acd-portfolio .acd-p-access-copy { display: grid; gap: 24px; }\n#acd-portfolio .acd-p-access-copy p { color: var(--muted); line-height: 1.75; }\n#acd-portfolio .acd-p-access-note { color: var(--gold-light) !important; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }\n\n@media (max-width: 1000px) {\n  #acd-portfolio .acd-p-showcase-head, #acd-portfolio .acd-p-format-grid, #acd-portfolio .acd-p-access-inner { grid-template-columns: 1fr; }\n  #acd-portfolio .acd-p-showcase-head > div:last-child { justify-items: start; }\n  #acd-portfolio .acd-p-format-list { grid-template-columns: repeat(3,1fr); }\n}\n@media (max-width: 820px) {\n  #acd-portfolio .acd-p-hero-deck { width: min(340px,82vw); height: 390px; margin: 20px 0 0 28px; }\n  #acd-portfolio .acd-p-track { padding-inline: 18px; }\n  #acd-portfolio .acd-p-case { flex-basis: min(82vw,370px); margin-left: -24px; }\n  #acd-portfolio .acd-p-progress { width: calc(100% - 36px); }\n  #acd-portfolio .acd-p-format-list { grid-template-columns: 1fr; }\n  #acd-portfolio .acd-p-format-list article { min-height: 230px; }\n  #acd-portfolio .acd-p-format-list h3 { margin-top: 45px; }\n}\n@media (max-width: 560px) {\n  #acd-portfolio .acd-p-mini-card:nth-child(1) { transform: translate(-22px,12px) rotate(-6deg); }\n  #acd-portfolio .acd-p-mini-card:nth-child(2) { transform: translate(18px,6px) rotate(5deg); }\n  #acd-portfolio .acd-p-showcase-head { margin-bottom: 34px; }\n  #acd-portfolio .acd-p-case { flex-basis: calc(100vw - 54px); min-height: 500px; margin-left: 12px; }\n  #acd-portfolio .acd-p-case:first-child { margin-left: 0; }\n  #acd-portfolio .acd-p-case-visual { height: 245px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  #acd-portfolio.acd-w-js.acd-w-ready .acd-p-mini-card { animation: none !important; }\n  #acd-portfolio .acd-p-track { scroll-behavior: auto; }\n}\n\n\n\/* Explicit section colors protect against WordPress\/Elementor theme overrides. *\/\n#acd-portfolio h1,#acd-portfolio h2,#acd-portfolio h3{color:#f4f3ef!important;-webkit-text-fill-color:#f4f3ef!important;opacity:1!important}\n#acd-portfolio .acd-w-intro h2,#acd-portfolio .acd-p-format h2,#acd-portfolio .acd-p-format h3{color:#111!important;-webkit-text-fill-color:#111!important}\n#acd-portfolio .acd-w-hero h1 strong,#acd-portfolio .acd-p-access h2 strong{color:transparent!important;-webkit-text-fill-color:transparent!important;-webkit-text-stroke:1px rgba(255,255,255,.75)}\n#acd-portfolio [hidden]{display:none!important}\n#acd-portfolio .acd-p-case{min-width:0}\n#acd-portfolio .acd-p-case h3{overflow-wrap:anywhere}\n#acd-portfolio .acd-p-format-grid>*{min-width:0}\n#acd-portfolio .acd-p-format-list{grid-template-columns:1fr}\n#acd-portfolio .acd-p-format-list article{min-height:0;padding:28px}\n#acd-portfolio .acd-p-format-list h3{margin-top:20px}\n#acd-portfolio .acd-w-hero-art{min-width:0}\n@media(max-width:560px){#acd-portfolio .acd-w-hero h1{font-size:clamp(43px,11vw,64px);overflow-wrap:normal}#acd-portfolio .acd-p-access h2{font-size:clamp(36px,10vw,55px);overflow-wrap:normal}}\n\n<\/style>\n<div id=\"acd-portfolio\" class=\"acd-portfolio-page\" lang=\"en\" dir=\"ltr\">\n\n    <section class=\"acd-w-hero\" aria-labelledby=\"acd-p-title\">\n      <video class=\"acd-w-video\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" preload=\"none\" aria-hidden=\"true\">\n        <source src=\"https:\/\/artfulcat-design.de\/wp-content\/uploads\/2025\/02\/diamant-hintergrund-rotate.webm\" type=\"video\/webm\">\n      <\/source><\/video>\n      <div class=\"acd-w-hero-shade\" aria-hidden=\"true\"><\/div>\n      <div class=\"acd-w-container acd-w-hero-inner\">\n        <nav class=\"acd-w-breadcrumb\" aria-label=\"Breadcrumb navigation\"><a href=\"https:\/\/artfulcat-design.de\/\">Home<\/a><span aria-hidden=\"true\">\/<\/span><span aria-current=\"page\">Portfolio<\/span><\/nav>\n        <div class=\"acd-w-hero-grid\">\n          <div>\n            <p class=\"acd-w-eyebrow\">Portfolio \u00b7 Case studies<\/p>\n            <h1 id=\"acd-p-title\">Work.<br><strong>That makes an impact.<\/strong><\/h1>\n            <p class=\"acd-w-hero-copy\">Selected projects, different people and solutions that start exactly where brands want to move forward.<\/p>\n            <div class=\"acd-w-hero-actions\">\n              <a class=\"acd-w-button\" href=\"#acd-p-projects\">Explore projects <span aria-hidden=\"true\">\u2193<\/span><\/a>\n              <button class=\"acd-w-button acd-w-button-outline\" type=\"button\" data-acd-case-study-access=\"\" data-e-disable-page-transition=\"true\">Request all case studies<\/button>\n            <\/div>\n          <\/div>\n          <div class=\"acd-w-hero-art\" aria-hidden=\"true\">\n            <div class=\"acd-p-hero-deck\">\n              <div class=\"acd-p-mini-card\" style=\"--mini-image:url('https:\/\/artfulcat-design.de\/wp-content\/uploads\/2026\/09\/beinke-immobilien-project-view.webp')\"><span>Case study 02<\/span><strong>Beinke Immobilien<\/strong><\/div>\n              <div class=\"acd-p-mini-card\" style=\"--mini-image:url('https:\/\/artfulcat-design.de\/wp-content\/uploads\/2026\/09\/abyss-project-view.webp')\"><span>Case study 01<\/span><strong>Abyss<\/strong><\/div>\n              <div class=\"acd-p-mini-card\" style=\"--mini-image:url('https:\/\/artfulcat-design.de\/wp-content\/uploads\/2026\/09\/kb-exclusive-kuechen-project-view.webp')\"><span>Case study 07<\/span><strong>KB Exclusive K\u00fcchen<\/strong><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"acd-w-intro acd-w-section\" aria-labelledby=\"acd-p-intro-title\">\n      <div class=\"acd-w-container acd-w-intro-grid\">\n        <p class=\"acd-w-section-number\">00 \/ Selection<\/p>\n        <div data-reveal=\"\">\n          <h2 id=\"acd-p-intro-title\">More than showing.<br>Make it an experience.<\/h2>\n          <div class=\"acd-w-intro-copy\">\n            <p>Every project starts somewhere different. Our case studies show not only results, but also challenges, decisions and the path to the right solution.<\/p>\n            <p class=\"acd-w-intro-note\">A carefully selected preview remains public. Detailed insights, galleries and PDFs can be requested personally.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"acd-p-showcase acd-w-section\" id=\"acd-p-projects\" aria-labelledby=\"acd-p-projects-title\">\n      <div class=\"acd-w-container acd-p-showcase-head\" data-reveal=\"\">\n        <div><p class=\"acd-w-section-number\">01 \/ Projects<\/p><h2 id=\"acd-p-projects-title\">Selected<br>case studies.<\/h2><\/div>\n        <div>\n          <p>Navigate sideways through the projects or open a case study directly.<\/p>\n          <div class=\"acd-p-controls\">\n            <button class=\"acd-p-control\" id=\"acd-p-prev\" type=\"button\" hidden=\"\" aria-label=\"Previous projects\">\u2190<\/button>\n            <button class=\"acd-p-control\" id=\"acd-p-next\" type=\"button\" hidden=\"\" aria-label=\"More projects\">\u2192<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      <p class=\"acd-sr-only\" id=\"acd-p-carousel-status\" aria-live=\"polite\">Project 1 of 9<\/p>\n      <div class=\"acd-p-track-wrap\">\n        <div class=\"acd-p-track\" id=\"acd-p-track\" tabindex=\"0\" aria-label=\"Case studies\">\n          <article class=\"acd-p-case\" data-reveal=\"\" style=\"--shape-rotate:-15deg;--delay:0ms\">\n            <a class=\"acd-p-case-hit\" href=\"https:\/\/artfulcat-design.de\/abyss-fallstudie\/\" aria-label=\"View the public case study for Abyss\">\n              <div class=\"acd-p-case-visual\">\n                <img class=\"acd-p-case-image\" src=\"https:\/\/artfulcat-design.de\/wp-content\/uploads\/2026\/09\/abyss-project-view.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n                <span class=\"acd-p-project-tag\">Preview<\/span>\n              <\/div>\n              <div class=\"acd-p-case-body\">\n                <p class=\"acd-p-case-meta\"><span>Artist website<\/span><span>01 \/ 09<\/span><\/p>\n                <h3>Abyss<\/h3>\n                <span class=\"acd-p-case-link\">View case study <span aria-hidden=\"true\">\u2197<\/span><\/span>\n              <\/div>\n            <\/a>\n          <\/article>\n          <article class=\"acd-p-case\" data-reveal=\"\" style=\"--shape-rotate:24deg;--delay:65ms\">\n            <a class=\"acd-p-case-hit\" href=\"https:\/\/artfulcat-design.de\/beinke-immobilien-fallstudie\/\" aria-label=\"View the public case study for Beinke Immobilien\">\n              <div class=\"acd-p-case-visual\">\n                <img class=\"acd-p-case-image\" src=\"https:\/\/artfulcat-design.de\/wp-content\/uploads\/2026\/09\/beinke-immobilien-project-view.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n                <span class=\"acd-p-project-tag\">Preview<\/span>\n              <\/div>\n              <div class=\"acd-p-case-body\">\n                <p class=\"acd-p-case-meta\"><span>Real estate web design<\/span><span>02 \/ 09<\/span><\/p>\n                <h3>Beinke Immobilien<\/h3>\n                <span class=\"acd-p-case-link\">View case study <span aria-hidden=\"true\">\u2197<\/span><\/span>\n              <\/div>\n            <\/a>\n          <\/article>\n          <article class=\"acd-p-case\" data-reveal=\"\" style=\"--shape-rotate:-20deg;--delay:130ms\">\n            <a class=\"acd-p-case-hit\" href=\"https:\/\/artfulcat-design.de\/biechele-gmbh-fallstudie\/\" aria-label=\"View the public case study for Biechele GmbH\">\n              <div class=\"acd-p-case-visual\">\n                <img class=\"acd-p-case-image\" src=\"https:\/\/artfulcat-design.de\/wp-content\/uploads\/2026\/09\/biechele-gmbh-project-view.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n                <span class=\"acd-p-project-tag\">Preview<\/span>\n              <\/div>\n              <div class=\"acd-p-case-body\">\n                <p class=\"acd-p-case-meta\"><span>B2B web design<\/span><span>03 \/ 09<\/span><\/p>\n                <h3>Biechele GmbH<\/h3>\n                <span class=\"acd-p-case-link\">View case study <span aria-hidden=\"true\">\u2197<\/span><\/span>\n              <\/div>\n            <\/a>\n          <\/article>\n          <article class=\"acd-p-case\" data-reveal=\"\" style=\"--shape-rotate:12deg;--delay:0ms\">\n            <a class=\"acd-p-case-hit\" href=\"https:\/\/artfulcat-design.de\/euwww-fallstudie\/\" aria-label=\"View the public case study for EUWWW\">\n              <div class=\"acd-p-case-visual\">\n                <img class=\"acd-p-case-image\" src=\"https:\/\/artfulcat-design.de\/wp-content\/uploads\/2026\/09\/euwww-project-view.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n                <span class=\"acd-p-project-tag\">Preview<\/span>\n              <\/div>\n              <div class=\"acd-p-case-body\">\n                <p class=\"acd-p-case-meta\"><span>Information platform<\/span><span>04 \/ 09<\/span><\/p>\n                <h3>EUWWW<\/h3>\n                <span class=\"acd-p-case-link\">View case study <span aria-hidden=\"true\">\u2197<\/span><\/span>\n              <\/div>\n            <\/a>\n          <\/article>\n          <article class=\"acd-p-case\" data-reveal=\"\" style=\"--shape-rotate:-26deg;--delay:65ms\">\n            <a class=\"acd-p-case-hit\" href=\"https:\/\/artfulcat-design.de\/autolackiererei-jung-fallstudie\/\" aria-label=\"View the public case study for Autolackiererei Jung\">\n              <div class=\"acd-p-case-visual\">\n                <img class=\"acd-p-case-image\" src=\"https:\/\/artfulcat-design.de\/wp-content\/uploads\/2026\/09\/autolackiererei-jung-project-view.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n                <span class=\"acd-p-project-tag\">Preview<\/span>\n              <\/div>\n              <div class=\"acd-p-case-body\">\n                <p class=\"acd-p-case-meta\"><span>Local web design<\/span><span>05 \/ 09<\/span><\/p>\n                <h3>Autolackiererei Jung<\/h3>\n                <span class=\"acd-p-case-link\">View case study <span aria-hidden=\"true\">\u2197<\/span><\/span>\n              <\/div>\n            <\/a>\n          <\/article>\n          <article class=\"acd-p-case\" data-reveal=\"\" style=\"--shape-rotate:20deg;--delay:130ms\">\n            <a class=\"acd-p-case-hit\" href=\"https:\/\/artfulcat-design.de\/jochen-siebel-gemeinwohloekonomie-fallstudie\/\" aria-label=\"View the public case study for Jochen Siebel \/ Economy for the Common Good\">\n              <div class=\"acd-p-case-visual\">\n                <img class=\"acd-p-case-image\" src=\"https:\/\/artfulcat-design.de\/wp-content\/uploads\/2026\/09\/jochen-siebel-gemeinwohloekonomie-project-view.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n                <span class=\"acd-p-project-tag\">Preview<\/span>\n              <\/div>\n              <div class=\"acd-p-case-body\">\n                <p class=\"acd-p-case-meta\"><span>Consulting &amp; knowledge<\/span><span>06 \/ 09<\/span><\/p>\n                <h3>Jochen Siebel \/ Economy for the Common Good<\/h3>\n                <span class=\"acd-p-case-link\">View case study <span aria-hidden=\"true\">\u2197<\/span><\/span>\n              <\/div>\n            <\/a>\n          <\/article>\n          <article class=\"acd-p-case\" data-reveal=\"\" style=\"--shape-rotate:-12deg;--delay:0ms\">\n            <a class=\"acd-p-case-hit\" href=\"https:\/\/artfulcat-design.de\/kb-exclusive-kuechen-fallstudie\/\" aria-label=\"View the public case study for KB Exclusive K\u00fcchen\">\n              <div class=\"acd-p-case-visual\">\n                <img class=\"acd-p-case-image\" src=\"https:\/\/artfulcat-design.de\/wp-content\/uploads\/2026\/09\/kb-exclusive-kuechen-project-view.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n                <span class=\"acd-p-project-tag\">Preview<\/span>\n              <\/div>\n              <div class=\"acd-p-case-body\">\n                <p class=\"acd-p-case-meta\"><span>Premium web design<\/span><span>07 \/ 09<\/span><\/p>\n                <h3>KB Exclusive K\u00fcchen<\/h3>\n                <span class=\"acd-p-case-link\">View case study <span aria-hidden=\"true\">\u2197<\/span><\/span>\n              <\/div>\n            <\/a>\n          <\/article>\n          <article class=\"acd-p-case\" data-reveal=\"\" style=\"--shape-rotate:17deg;--delay:65ms\">\n            <a class=\"acd-p-case-hit\" href=\"https:\/\/artfulcat-design.de\/liebezeit-it-fallstudie\/\" aria-label=\"View the public case study for Liebezeit IT\">\n              <div class=\"acd-p-case-visual\">\n                <img class=\"acd-p-case-image\" src=\"https:\/\/artfulcat-design.de\/wp-content\/uploads\/2026\/09\/liebezeit-it-project-view.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n                <span class=\"acd-p-project-tag\">Preview<\/span>\n              <\/div>\n              <div class=\"acd-p-case-body\">\n                <p class=\"acd-p-case-meta\"><span>IT &amp; security<\/span><span>08 \/ 09<\/span><\/p>\n                <h3>Liebezeit IT<\/h3>\n                <span class=\"acd-p-case-link\">View case study <span aria-hidden=\"true\">\u2197<\/span><\/span>\n              <\/div>\n            <\/a>\n          <\/article>\n          <article class=\"acd-p-case\" data-reveal=\"\" style=\"--shape-rotate:-18deg;--delay:130ms\">\n            <a class=\"acd-p-case-hit\" href=\"https:\/\/artfulcat-design.de\/mein-mix-fallstudie\/\" aria-label=\"View the public case study for Mein Mix\">\n              <div class=\"acd-p-case-visual\">\n                <img class=\"acd-p-case-image\" src=\"https:\/\/artfulcat-design.de\/wp-content\/uploads\/2026\/09\/mein-mix-project-view.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\">\n                <span class=\"acd-p-project-tag\">Preview<\/span>\n              <\/div>\n              <div class=\"acd-p-case-body\">\n                <p class=\"acd-p-case-meta\"><span>E-commerce<\/span><span>09 \/ 09<\/span><\/p>\n                <h3>Mein Mix<\/h3>\n                <span class=\"acd-p-case-link\">View case study <span aria-hidden=\"true\">\u2197<\/span><\/span>\n              <\/div>\n            <\/a>\n          <\/article>\n        <\/div>\n      <\/div>\n      <div class=\"acd-p-progress\" aria-hidden=\"true\"><span id=\"acd-p-progress-bar\"><\/span><\/div>\n    <\/section>\n\n    <section class=\"acd-p-format acd-w-section\" aria-labelledby=\"acd-p-format-title\">\n      <div class=\"acd-w-container acd-p-format-grid\">\n        <div data-reveal=\"\"><p class=\"acd-w-section-number\">02 \/ Insights<\/p><h2 id=\"acd-p-format-title\">More than<br>screenshots.<\/h2><\/div>\n        <div class=\"acd-p-format-list\">\n          <article data-reveal=\"\"><span>01<\/span><h3>Context<\/h3><p>Context and the challenge show why a solution was needed.<\/p><\/article>\n          <article data-reveal=\"\" style=\"--delay:70ms\"><span>02<\/span><h3>Development<\/h3><p>Screenshots, sequences and GIFs make design and movement understandable.<\/p><\/article>\n          <article data-reveal=\"\" style=\"--delay:140ms\"><span>03<\/span><h3>Impact<\/h3><p>Results and lessons put the changes brought by the project into context.<\/p><\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"acd-p-access acd-w-section\" aria-labelledby=\"acd-p-access-title\">\n      <div class=\"acd-w-container acd-p-access-inner\">\n        <div data-reveal=\"\">\n          <p class=\"acd-w-section-number\">03 \/ Full insights<\/p>\n          <h2 id=\"acd-p-access-title\">Want to see more?<strong>Request access.<\/strong><\/h2>\n        <\/div>\n        <div class=\"acd-p-access-copy\" data-reveal=\"\">\n          <p>Some projects can only be shown in detail in a protected setting. Request access to the full case studies using the access form.<\/p>\n          <p class=\"acd-p-access-note\">No newsletter subscription.<\/p>\n          <button class=\"acd-w-button\" type=\"button\" data-acd-case-study-access=\"\" data-e-disable-page-transition=\"true\">Request case studies <span aria-hidden=\"true\">\u2197<\/span><\/button>\n        <\/div>\n      <\/div>\n    <\/section>\n  \n<\/div>\n<script>\n(function(){\n'use strict';\nfunction init(){\n const root=document.getElementById('acd-portfolio');\n if(!root||root.dataset.portfolioReady==='true')return;\n const track=root.querySelector('#acd-p-track');\n const prev=root.querySelector('#acd-p-prev');\n const next=root.querySelector('#acd-p-next');\n const bar=root.querySelector('#acd-p-progress-bar');\n const status=root.querySelector('#acd-p-carousel-status');\n if(!track||!prev||!next||!bar||!status)return;\n const cards=Array.from(track.querySelectorAll('.acd-p-case'));\n if(!cards.length)return;\n root.dataset.portfolioReady='true';\n const reduced=window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n function update(){\n  const max=Math.max(0,track.scrollWidth-track.clientWidth);\n  const left=Math.max(0,Math.min(max,track.scrollLeft));\n  const ratio=max?left\/max:1;\n  const min=100\/cards.length;\n  bar.style.width=(min+ratio*(100-min))+'%';\n  prev.disabled=left<=3;next.disabled=left>=max-3;\n  const box=track.getBoundingClientRect();\n  const start=parseFloat(getComputedStyle(track).paddingLeft)||0;\n  let index=0,distance=Infinity;\n  cards.forEach(function(card,i){const d=Math.abs(card.getBoundingClientRect().left-box.left-start);if(d<distance){distance=d;index=i;}});\n  status.textContent=\"Project \"+(index+1)+\" of \"+cards.length;\n }\n function move(direction){\n  const step=cards.length>1?Math.abs(cards[1].offsetLeft-cards[0].offsetLeft):cards[0].offsetWidth;\n  track.scrollBy({left:direction*step,behavior:reduced?'auto':'smooth'});\n }\n prev.hidden=false;next.hidden=false;\n prev.addEventListener('click',function(){move(-1);});\n next.addEventListener('click',function(){move(1);});\n track.addEventListener('keydown',function(e){\n  if(e.target!==track)return;\n  if(e.key==='ArrowRight'||e.key==='ArrowLeft'){e.preventDefault();move(e.key==='ArrowRight'?1:-1);}\n  if(e.key==='Home'||e.key==='End'){e.preventDefault();track.scrollTo({left:e.key==='Home'?0:track.scrollWidth,behavior:reduced?'auto':'smooth'});}\n });\n let frame=0;\n function schedule(){if(frame)return;frame=requestAnimationFrame(function(){frame=0;update();});}\n track.addEventListener('scroll',schedule,{passive:true});\n window.addEventListener('resize',schedule,{passive:true});\n if(typeof ResizeObserver==='function'){const observer=new ResizeObserver(schedule);observer.observe(track);}\n update();\n}\nif(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init,{once:true});else init();\n})();\n<\/script>\n<style data-acd-translation-css=\"1\">\n\/* Headings inherit the nearest dark\/light panel colour, overriding theme text colours. *\/\n#acd-home h1,#acd-home h2,#acd-home h3,#acd-portfolio h1,#acd-portfolio h2,#acd-portfolio h3{color:inherit!important;-webkit-text-fill-color:currentColor!important}\n#acd-home h1 strong,#acd-home h2 strong,#acd-portfolio h1 strong,#acd-portfolio h2 strong{-webkit-text-fill-color:currentColor!important}\n#acd-home .acd-public-gate,#acd-home.acd-full-case .acd-public-gate h2{color:#f4f3ef!important;-webkit-text-fill-color:currentColor!important}\n#acd-home .acd-public-gate h2 strong{color:#ddc48d!important;-webkit-text-fill-color:currentColor!important}\n#acd-home .acd-w-hero h1 strong,#acd-home .acd-w-outcomes h2 strong,#acd-home .acd-p-access h2 strong,#acd-portfolio .acd-w-hero h1 strong,#acd-portfolio .acd-w-outcomes h2 strong,#acd-portfolio .acd-p-access h2 strong{color:transparent!important;-webkit-text-fill-color:transparent!important}\n#acd-home .acd-w-scope-card:hover h3{color:#090909!important;-webkit-text-fill-color:#090909!important}\n#acd-home input:not([type=\"checkbox\"]):not([type=\"radio\"]),#acd-home textarea{background:#f4f3ef!important;color:#111!important;-webkit-text-fill-color:#111!important}\n[lang=\"ar\"],[lang=\"ar\"] text{font-family:Tahoma,Arial,sans-serif!important}\n[lang=\"hi\"],[lang=\"hi\"] text{font-family:\"Nirmala UI\",\"Noto Sans Devanagari\",Mangal,Arial,sans-serif!important}\n[lang=\"ar\"] *,[lang=\"hi\"] *{letter-spacing:normal!important}\n[lang=\"ar\"] h1,[lang=\"ar\"] h2,[lang=\"ar\"] h3,[lang=\"hi\"] h1,[lang=\"hi\"] h2,[lang=\"hi\"] h3{line-height:1.35!important;overflow-wrap:anywhere}\n[lang=\"ar\"] p,[lang=\"hi\"] p{line-height:1.85!important}\n[dir=\"rtl\"] .acd-p-track{direction:ltr!important}[dir=\"rtl\"] .acd-p-case{direction:rtl!important}\n[dir=\"rtl\"] input[type=\"email\"],[dir=\"rtl\"] input[type=\"tel\"],[dir=\"rtl\"] a[href^=\"mailto:\"],[dir=\"rtl\"] a[href^=\"tel:\"]{direction:ltr;unicode-bidi:isolate}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-5098","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.4 - aioseo.com -->\n\t<meta name=\"description\" content=\"Selected projects, different people and solutions that start exactly where brands want to move forward.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/artfulcat-design.de\/en\/portfolio\/\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.4\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Webagentur Artfulcat-Design - Media Design und Entwicklung\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Portfolio | Artfulcat Design\" \/>\n\t\t<meta property=\"og:description\" content=\"Selected projects, different people and solutions that start exactly where brands want to move forward.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/artfulcat-design.de\/en\/portfolio\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/artfulcat-design.de\/wp-content\/uploads\/2025\/02\/logo-transparent.svg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/artfulcat-design.de\/wp-content\/uploads\/2025\/02\/logo-transparent.svg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t\t<meta property=\"og:image:height\" content=\"184\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-10-23T13:56:00+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-10-23T13:56:00+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Portfolio | Artfulcat Design\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Selected projects, different people and solutions that start exactly where brands want to move forward.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/artfulcat-design.de\/wp-content\/uploads\/2025\/02\/logo-transparent.svg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/artfulcat-design.de\\\/en\\\/portfolio\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/artfulcat-design.de\\\/en\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/artfulcat-design.de\\\/en\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/artfulcat-design.de\\\/en\\\/portfolio\\\/#listItem\",\"name\":\"Portfolio\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/artfulcat-design.de\\\/en\\\/portfolio\\\/#listItem\",\"position\":2,\"name\":\"Portfolio\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/artfulcat-design.de\\\/en\\\/#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/artfulcat-design.de\\\/en\\\/#organization\",\"name\":\"Webagentur Artfulcat-Design\",\"description\":\"Media Design und Entwicklung\",\"url\":\"https:\\\/\\\/artfulcat-design.de\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/artfulcat-design.de\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/logo-transparent.svg\",\"@id\":\"https:\\\/\\\/artfulcat-design.de\\\/en\\\/portfolio\\\/#organizationLogo\",\"width\":1000,\"height\":184},\"image\":{\"@id\":\"https:\\\/\\\/artfulcat-design.de\\\/en\\\/portfolio\\\/#organizationLogo\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/artfulcat-design.de\\\/en\\\/portfolio\\\/#webpage\",\"url\":\"https:\\\/\\\/artfulcat-design.de\\\/en\\\/portfolio\\\/\",\"name\":\"Portfolio | Artfulcat Design\",\"description\":\"Selected projects, different people and solutions that start exactly where brands want to move forward.\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/artfulcat-design.de\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/artfulcat-design.de\\\/en\\\/portfolio\\\/#breadcrumblist\"},\"datePublished\":\"2026-10-23T13:56:00+00:00\",\"dateModified\":\"2026-10-23T13:56:00+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/artfulcat-design.de\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/artfulcat-design.de\\\/en\\\/\",\"name\":\"Webagentur Artfulcat-Design\",\"description\":\"Media Design und Entwicklung\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/artfulcat-design.de\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Portfolio | Artfulcat Design","description":"Selected projects, different people and solutions that start exactly where brands want to move forward.","canonical_url":"https:\/\/artfulcat-design.de\/en\/portfolio\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/artfulcat-design.de\/en\/portfolio\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/artfulcat-design.de\/en\/#listItem","position":1,"name":"Home","item":"https:\/\/artfulcat-design.de\/en\/","nextItem":{"@type":"ListItem","@id":"https:\/\/artfulcat-design.de\/en\/portfolio\/#listItem","name":"Portfolio"}},{"@type":"ListItem","@id":"https:\/\/artfulcat-design.de\/en\/portfolio\/#listItem","position":2,"name":"Portfolio","previousItem":{"@type":"ListItem","@id":"https:\/\/artfulcat-design.de\/en\/#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/artfulcat-design.de\/en\/#organization","name":"Webagentur Artfulcat-Design","description":"Media Design und Entwicklung","url":"https:\/\/artfulcat-design.de\/en\/","logo":{"@type":"ImageObject","url":"https:\/\/artfulcat-design.de\/wp-content\/uploads\/2025\/02\/logo-transparent.svg","@id":"https:\/\/artfulcat-design.de\/en\/portfolio\/#organizationLogo","width":1000,"height":184},"image":{"@id":"https:\/\/artfulcat-design.de\/en\/portfolio\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/artfulcat-design.de\/en\/portfolio\/#webpage","url":"https:\/\/artfulcat-design.de\/en\/portfolio\/","name":"Portfolio | Artfulcat Design","description":"Selected projects, different people and solutions that start exactly where brands want to move forward.","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/artfulcat-design.de\/en\/#website"},"breadcrumb":{"@id":"https:\/\/artfulcat-design.de\/en\/portfolio\/#breadcrumblist"},"datePublished":"2026-10-23T13:56:00+00:00","dateModified":"2026-10-23T13:56:00+00:00"},{"@type":"WebSite","@id":"https:\/\/artfulcat-design.de\/en\/#website","url":"https:\/\/artfulcat-design.de\/en\/","name":"Webagentur Artfulcat-Design","description":"Media Design und Entwicklung","inLanguage":"en-US","publisher":{"@id":"https:\/\/artfulcat-design.de\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"Webagentur Artfulcat-Design - Media Design und Entwicklung","og:type":"article","og:title":"Portfolio | Artfulcat Design","og:description":"Selected projects, different people and solutions that start exactly where brands want to move forward.","og:url":"https:\/\/artfulcat-design.de\/en\/portfolio\/","og:image":"https:\/\/artfulcat-design.de\/wp-content\/uploads\/2025\/02\/logo-transparent.svg","og:image:secure_url":"https:\/\/artfulcat-design.de\/wp-content\/uploads\/2025\/02\/logo-transparent.svg","og:image:width":1000,"og:image:height":184,"article:published_time":"2026-10-23T13:56:00+00:00","article:modified_time":"2026-10-23T13:56:00+00:00","twitter:card":"summary_large_image","twitter:title":"Portfolio | Artfulcat Design","twitter:description":"Selected projects, different people and solutions that start exactly where brands want to move forward.","twitter:image":"https:\/\/artfulcat-design.de\/wp-content\/uploads\/2025\/02\/logo-transparent.svg"},"aioseo_meta_data":{"post_id":"5098","title":"Portfolio | Artfulcat Design","description":"Selected projects, different people and solutions that start exactly where brands want to move forward.","keywords":null,"keyphrases":{"focus":[],"additional":[]},"focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_image_url":null,"twitter_title":null,"twitter_description":null,"schema_type":"default","schema_type_options":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":0,"frequency":"default","local_seo":null,"limit_modified_date":false,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null,"created":"2026-10-22 20:45:11","updated":"2026-10-23 14:21:14"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/artfulcat-design.de\/en\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tPortfolio\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/artfulcat-design.de\/en\/"},{"label":"Portfolio","link":"https:\/\/artfulcat-design.de\/en\/portfolio\/"}],"_links":{"self":[{"href":"https:\/\/artfulcat-design.de\/en\/wp-json\/wp\/v2\/pages\/5098","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/artfulcat-design.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/artfulcat-design.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/artfulcat-design.de\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/artfulcat-design.de\/en\/wp-json\/wp\/v2\/comments?post=5098"}],"version-history":[{"count":1,"href":"https:\/\/artfulcat-design.de\/en\/wp-json\/wp\/v2\/pages\/5098\/revisions"}],"predecessor-version":[{"id":5188,"href":"https:\/\/artfulcat-design.de\/en\/wp-json\/wp\/v2\/pages\/5098\/revisions\/5188"}],"wp:attachment":[{"href":"https:\/\/artfulcat-design.de\/en\/wp-json\/wp\/v2\/media?parent=5098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}