CINXE.COM

<!DOCTYPE html> <html lang="en-US" data-semplice="5.3.4"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel="alternate" hreflang="en" href="https://sohocreativegroup.com/" /> <link rel="alternate" hreflang="de" href="https://sohocreativegroup.com/de" /> <link rel="alternate" hreflang="x-default" href="https://sohocreativegroup.com/" />  <title>Web Design Berlin | Branding | UX | Creative Agency</title> <meta name="description" content="Web Design Berlin - Creative agency specialised in Branding, UX/UI, Web Design, Web Development, SEO & eCommerce." /> <link rel="canonical" href="https://sohocreativegroup.com/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Web Design Berlin | Branding | UX | Creative Agency" /> <meta property="og:description" content="Web Design Berlin - Creative agency specialised in Branding, UX/UI, Web Design, Web Development, SEO & eCommerce." /> <meta property="og:url" content="https://sohocreativegroup.com/" /> <meta property="og:site_name" content="SOHO Creative Group" /> <meta property="article:publisher" content="https://www.facebook.com/sohocreative.berlin" /> <meta property="article:modified_time" content="2024-11-01T16:57:47+00:00" /> <meta property="og:image" content="https://sohocreativegroup.com/wp-content/uploads/2019/03/scg-home-scaled.jpg" /> <meta property="og:image:width" content="2560" /> <meta property="og:image:height" content="1617" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Web Design Berlin | Branding | UX | Creative Agency" /> <meta name="twitter:description" content="Web Design Berlin - Creative agency specialised in Branding, UX/UI, Web Design, Web Development, SEO & eCommerce." /> <meta name="twitter:image" content="https://sohocreativegroup.com/wp-content/uploads/2023/09/charlesdeluvio-Lks7vei-eAg-unsplash-scaled.jpg" /> <meta name="twitter:site" content="@scgberlin" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://sohocreativegroup.com/","url":"https://sohocreativegroup.com/","name":"Web Design Berlin | Branding | UX | Creative Agency","isPartOf":{"@id":"https://sohocreativegroup.com/#website"},"about":{"@id":"https://sohocreativegroup.com/#organization"},"datePublished":"2019-02-27T10:39:18+00:00","dateModified":"2024-11-01T16:57:47+00:00","description":"Web Design Berlin - Creative agency specialised in Branding, UX/UI, Web Design, Web Development, SEO & eCommerce.","breadcrumb":{"@id":"https://sohocreativegroup.com/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://sohocreativegroup.com/"]}]},{"@type":"BreadcrumbList","@id":"https://sohocreativegroup.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://sohocreativegroup.com/#website","url":"https://sohocreativegroup.com/","name":"SOHO Creative Group","description":"Web Design Berlin | Branding | Wordpress","publisher":{"@id":"https://sohocreativegroup.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://sohocreativegroup.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://sohocreativegroup.com/#organization","name":"SOHO Creative Group","url":"https://sohocreativegroup.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://sohocreativegroup.com/#/schema/logo/image/","url":"https://sohocreativegroup.com/wp-content/uploads/2020/06/icon.jpg","contentUrl":"https://sohocreativegroup.com/wp-content/uploads/2020/06/icon.jpg","width":493,"height":493,"caption":"SOHO Creative Group"},"image":{"@id":"https://sohocreativegroup.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/sohocreative.berlin","https://x.com/scgberlin","https://www.instagram.com/soho.creative.group/","https://www.linkedin.com/company/soho-creative-group"]}]}</script>  <link rel='dns-prefetch' href='//www.googletagmanager.com' /> <link rel='stylesheet' id='wpo_min-header-0-css' href='https://sohocreativegroup.com/wp-content/cache/wpo-minify/1732432176/assets/wpo-minify-header-3811504e.min.css' type='text/css' media='all' /> <script type="text/javascript" src="https://sohocreativegroup.com/wp-content/cache/wpo-minify/1732432176/assets/wpo-minify-header-7c740e54.min.js" id="wpo_min-header-0-js"></script>   <script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=GT-55KZCK2" id="google_gtagjs-js" async></script> <script type="text/javascript" id="google_gtagjs-js-after"> /* <![CDATA[ */ window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);} gtag("set","linker",{"domains":["sohocreativegroup.com"]}); gtag("js", new Date()); gtag("set", "developer_id.dZTNiMT", true); gtag("config", "GT-55KZCK2"); /* ]]> */ </script>  <meta name="generator" content="WPML ver:4.6.14 stt:1,3;" /> <meta name="generator" content="Site Kit by Google 1.140.0" /><link rel='stylesheet' type='text/css' href='/MyFontsWebfontsKit.css'><style type="text/css" id="semplice-webfonts-selfhosted">/* EOT */ @font-face { font-family: TTCommons-DemiBold; src: url('/webfonts/38E0A2_1_0.eot'); } /* WOFF */ @font-face { font-family: TTCommons-DemiBold; src: url('/webfonts/38E0A2_1_0.woff' format('woff'); } /* WOFF2 */ @font-face { font-family: TTCommons-DemiBold; src: url('/webfonts/38E0A2_1_0.woff2' format('woff2'); } /* TTF */ @font-face { font-family: TTCommons-DemiBold; src: url('/webfonts/38E0A2_1_0.ttf' format('ttf'); }/* EOT */ @font-face { font-family: TTCommons-Medium; src: url('/webfonts/38E0A2_0_0.eot'); } /* WOFF */ @font-face { font-family: TTCommons-Medium; src: url('/webfonts/38E0A2_0_0.woff' format('woff'); } /* WOFF2 */ @font-face { font-family: TTCommons-Medium; src: url('/webfonts/38E0A2_0_0.woff2' format('woff2'); } /* TTF */ @font-face { font-family: TTCommons-Medium; src: url('/webfonts/38E0A2_0_0.ttf' format('ttf'); }@font-face { font-family: 'TTCommons-Regular'; src: url('/wp-content/uploads/fonts/TTCommons-Regular.ttf') format('ttf'); }</style><style type="text/css" id="semplice-webfonts-css">.font_j84okk2bj, [data-font="font_j84okk2bj"], [data-font="font_j84okk2bj"] li a, #content-holder h1, #content-holder h2, #content-holder h3, #content-holder h4, #content-holder h5, #content-holder h6 {font-family: "TTCommons-DemiBold", sans-serif;font-weight: 400;font-variation-settings: normal;font-style: normal;}.font_9upht1a8f, [data-font="font_9upht1a8f"], [data-font="font_9upht1a8f"] li a, #content-holder p, #content-holder li {font-family: "TTCommons-Medium", sans-serif;font-weight: 400;font-variation-settings: normal;font-style: normal;}.font_o3j6mne7v, [data-font="font_o3j6mne7v"], [data-font="font_o3j6mne7v"] li a {font-family: "TTCommons-Regular", sans-serif;font-weight: 400;font-variation-settings: normal;font-style: normal;}</style> <style type="text/css" id="semplice-custom-css"> .container { max-width: 1230px; } #content-holder h2 { font-size: 2rem;line-height: 2.6666666666666665rem;}#content-holder h3 { font-size: 1rem;line-height: 1.5555555555555556rem;letter-spacing: 0rem;}#content-holder h4 { font-size: 1rem;line-height: 1.5555555555555556rem;}#content-holder h5 { font-size: 0.8888888888888888rem;line-height: 1.3333333333333333rem;}@media screen and (min-width: 992px) and (max-width: 1169.98px) { }@media screen and (min-width: 768px) and (max-width: 991.98px) { }@media screen and (min-width: 544px) and (max-width: 767.98px) { }@media screen and (max-width: 543.98px) { } .project-panel { background: #f5f5f5; padding: 2.5rem 0rem; } [data-pp-gutter="no"] .project-panel .pp-thumbs, .project-panel .pp-thumbs { margin-bottom: -1.9444444444444444rem; } #content-holder .panel-label, .projectnav-preview .panel-label { color: #000000; font-size: 2rem; text-transform: uppercase; padding-left: 0rem; padding-bottom: 2.6666666666666665rem; text-align: center; line-height: 1; } .project-panel .pp-title { padding: 0.5555555555555556rem 0rem 1.9444444444444444rem 0rem; } .project-panel .pp-title a { color: #000000; font-size: 0.7222222222222222rem; text-transform: none; } .project-panel .pp-title span { color: #999999; font-size: 0.7222222222222222rem; text-transform: none; } .semplice-next-prev { background: #ffffff; padding: 0rem 0rem 0rem 0rem; } .semplice-next-prev .np-inner { height: 10rem; } .semplice-next-prev .np-inner .np-link .np-prefix, .semplice-next-prev .np-inner .np-link .np-label { color: #000000; font-size: 1.555555555555556rem; text-transform: none; letter-spacing: 0rem; } .semplice-next-prev .np-inner .np-link .np-text-above { padding-bottom: 2px; } .semplice-next-prev .np-inner .np-link .np-label-above { color: #aaaaaa; font-size: 0.7777777777777778rem; text-transform: uppercase; letter-spacing: 1px; } .semplice-next-prev .np-inner .np-link .np-text { padding: 0rem 0rem; } .semplice-next .np-text { margin-right: -0rem; } .semplice-next-prev .nextprev-seperator { width: 1px; margin: 1.666666666666667rem -0px; background: #000000; } .np-link:hover { background: #ffffff; } .np-link:hover .np-text .np-label, .np-link:hover .np-text .np-prefix { color: #000000 !important; } .np-link:hover .np-label-above { color: #000000 !important; } a { color: #1c01d1; }#share-holder2 { display: none; } @font-face { font-family: TTCommons-Bold; src: url(/webfonts/38E0A2_1_0.woff); font-weight: 400; font-style: normal; } .highlighted-header span { background-color: #000; padding: 5px 10px; } .display-posts-listing.grid .title { float: left; } .display-posts-listing.grid .title { text-transform: capitalize; } .project-panel .pp-thumb p.pp-title a { line-height: 40px; } .project-panel .pp-thumb.column a:has(img), .display-posts-listing.grid .listing-item a.image { float: left; background: #000; width: 100%; height: auto; } .project-panel .pp-thumb.column a:has(img) img:hover, .display-posts-listing.grid img:hover { opacity: 0.6; } .wpforms-submit-spinner { display: none !important; } .post .post-meta { margin-bottom: 30px !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{ -webkit-box-shadow: 0 0 0 30px #fff inset !important; } .single-post .post-meta .category-meta { text-align: center; } div.wpforms-container-full .wpforms-form .wpforms-error-container { color: #fff !important; margin-bottom: 5px; } div.wpforms-container-full .wpforms-form label.wpforms-error, div.wpforms-container-full .wpforms-form em.wpforms-error { margin-top: 10px !important; } .wpforms-container .wpforms-field { padding: 0 0 20px 0 !important; } .semplice-navbar [data-nav=logo-left-menu-right] .logo, .navbar-inner nav ul li a span, .is-frontend #content-holder .ce-button .is-content a, .project-panel .pp-thumb p.pp-title a, .thumb .post-title, .ditty-ticker .ditty-item { font-family: "TTCommons-DemiBold", sans-serif; font-weight: 400; font-style: normal; } div.wpforms-container-full input[type=submit]:focus:after, div.wpforms-container-full button[type=submit]:focus:after, div.wpforms-container-full .wpforms-page-button:focus:after { content: none !important; } .link a:hover { color: #1c01d1 !important; } div.wpforms-container-full .wpforms-form .wpforms-submit-container { margin-top: 0 !important; } .wpforms-container label.wpforms-error, .wpforms-container em.wpforms-error { color: #fff !important; font-size: 1em; font-family: "TTCommons-DemiBold", sans-serif; font-weight: 400; font-style: normal; } div.wpforms-container-full .wpforms-form label.wpforms-error:before, div.wpforms-container-full .wpforms-form em.wpforms-error:before { background-color: #fff !important; } div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) { background: #fff !important; border: 3px solid #1c01d1 !important; text-align: center; margin: 0; padding: 5px !important; } .is-frontend #content-holder input:focus, div.wpforms-container-full .wpforms-form textarea:focus, .is-frontend #content-holder input:active, div.wpforms-container-full .wpforms-form textarea:active { border: 3px solid #1c01d1; } div.wpforms-container-full .wpforms-form .wpforms-submit-container { text-align: center; } .is-frontend #content-holder input, div.wpforms-container-full .wpforms-form textarea { background-color: #fff; border: 3px solid #fff; box-shadow: none; font-size: 18px; padding: 8px 15px; border-radius: 0; font-family: "TTCommons-DemiBold", sans-serif; font-weight: 400; font-style: normal; height: auto; } .is-frontend #content-holder button { background-color: #072aff; box-shadow: none; font-size: 18px; padding: 10px 15px; border-radius: 0; font-family: "TTCommons-DemiBold", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; height: auto; } .is-frontend #content-holder button:hover { background-color: #000; } .is-frontend #content-holder button:focus, .is-frontend #content-holder button:active { background: #072aff; outline: none; } #content-holder blockquote p { font-style: italic; } .single-post #content-holder h2 { font-size: 1.3333333333333333rem; line-height: 2rem; } .footer a:hover, .footer a span:hover { color: #000 !important; } .ditty-ticker__items2 { padding: 10px 0; } .ditty { padding: 10px 0; background: #fff; } .display-posts-listing.grid img { object-fit: cover; max-height: 160px; } .display-posts-listing.grid .title { font-family: "TTCommons-Bold", sans-serif; font-weight: 400; font-style: normal; margin-top: 10px; } .post .post-heading h1 { font-family: inherit !important; font-weight: 700 !important; } .post table { border-color: #1c01d1; border-radius: 0; border-style: solid; border-width: 0px; margin-bottom: 40px; } .post table td, .post table th { border-left: 0; font-family: "TTCommons-Medium", sans-serif; font-weight: 400; font-style: normal; line-height: 30px; border-top: 0; padding: 15px 15px 0 0; } .post table th { font-weight: 700; } .blog-pagination a, .post-meta .category-meta { font-family: "TTCommons-Medium", sans-serif; font-weight: 400; font-style: normal; } .home #content-holder .content-block .post-thumbnail img { max-height: 360px; } .project-panel .pp-thumb img { max-height: 232px; object-fit: cover; } .is-frontend #content-holder #cover-103.semplice-cover, .is-frontend #content-holder #cover-3310.semplice-cover { height: 420px !important; } .post .post-heading a { color: #000; } .post .post-heading h1 { font-size: 2rem; line-height: 2.66667rem; margin-bottom: 1.2rem; } .scrollmagic-pin-spacer .is-content h2, .apg-post-title .title { font-family: "TTCommons-DemiBold", sans-serif; font-weight: 400; font-style: normal; } .post-divider { height: 0; background: transparent; } p, li { font-family: "TTCommons-Medium", sans-serif; font-weight: 400; font-style: normal; } body, html, pre { color: #000; } .post a.more-link { color: #fff; background: #072aff; border: 0; } .post a.more-link:hover { color: #fff; background: #000; border: 0; } #content-holder h3 { text-transform: uppercase; } .contact-page-link a { color: #fff; } .contact-page-link a:hover { color: #072aff; } .is-frontend #overlay-menu .overlay-menu-inner nav ul li.current-menu-item a span { color: #072aff; } .social-icons img { max-height: 28px; } .social-icons img:hover { opacity: .7; } .navbar-inner .navbar-right { font-family: TTCommons-DemiBold; } .navbar-inner .logo a { letter-spacing: 2px; } .post .post-heading h2 a, .post .post-meta h2 a, .post .post-meta p a { color: #000000; } .post .post-heading h2 a:hover, .post .post-meta h2 a:hover, .post .post-meta p a:hover { color: #000000; opacity: 1; } .footer h4, .footer h5 { margin: 10px 0; } #content .share-box .share-icons-wrapper .semplice-share-icons, #content-holder .share-box .share-icons-wrapper .semplice-share-icons { padding: 0 20px; } h1, h2, h3, h4, h5, #content-holder .ce-button .is-content a { text-transform: uppercase; } .is-frontend #content-holder .ce-button .is-content a { font-size: inherit; line-height: normal; padding: inherit; margin: 5px 10px; } /*.footer { background-image: linear-gradient(135deg,#2662ad 0%,#002aff 80%); }*/ .project-panel .pp-title a { font-size: inherit !important; } .project-panel .pp-title a:hover { color: #072aff; } .project-panel { background: transparent !important; } .footer a { color: #fff; } .footer a:hover { color: #000; } .footer .is-content h4, .footer .is-content h5, .footer .is-content h6, .footer .is-content p { margin-bottom: 0; } .half { max-width: 50%; margin: 0 auto; } .quarter { max-width: 25%; margin: 0 auto; } .column-content.projects { margin-bottom: 30px; } .copyright { border-top: 1px solid #fff; padding-top: 5px; } #content-holder .content-block .column { transform: none !important; } .standard .menu-item {position: relative;} /* Main Styling for Subnav */ .standard .sub-menu { position: absolute !important; background: #000 !important; height: auto !important; width: 160px !important; padding: 20px 14px !important; border-radius: 0px !important; box-shadow: 2px 2px 6px 4px rgba(0,0,0,0.15) !important; justify-content: center !important; opacity: 0 !important; transition: ease 0.5s all !important; display: block !important; left: 50% !important; top: 20px !important; transform: translateX(-50%) !important; margin-top: 20px !important; z-index: 0 !important; } /* Subnav Reveal Effects */ .standard .menu-item:hover .sub-menu { opacity: 1 !important; margin-top: 0px !important; z-index: 5 !important; } /* Subnav List Item Spacing */ .standard .sub-menu li { margin-bottom: 10px !important; } .standard .sub-menu li:last-child { margin-bottom: 0px !important; } /* Subnav List Item Styling */ .standard .sub-menu li a span { color: #fff !important; font-size: 15px !important; width: 100% !important; display: block !important; text-align: center !important; font-weight: 400; } /* Subnav List Item Hover Effects */ .standard .sub-menu li:hover a span { color: #1c01d1 !important; } /* Overlay Menu Subnav Spacing */ #overlay-menu .sub-menu { padding: 10px !important; } /* Overlay Menu Subnav Item Styling */ #overlay-menu .sub-menu li a span { color: #222 !important; font-size: 16px !important; width: 100% !important; display: block !important; text-align: center !important; } /* Overlay Menu Subnav Item Hover Effects */ #overlay-menu .sub-menu li a span { color: #fff !important; } /* Grid style */ .display-posts-listing.grid { display: grid; grid-gap: 16px; } .display-posts-listing.grid .title { display: block; } .display-posts-listing.grid img { display: block; max-width: 100%; height: auto; } @media (min-width: 600px) { .display-posts-listing.grid { grid-template-columns: repeat( 2, 1fr ); } } @media (min-width: 1024px) { .display-posts-listing.grid { grid-template-columns: repeat( 4, 1fr ); } } @media screen and (-webkit-min-device-pixel-ratio:0) { /* this will target only Mac Safari and Chrome browsers */ .semplice-navbar .logo { top: 1px; } } @media only screen and (max-device-width : 667px) { .semplice-navbar .logo { top: 2px; } #content-holder .content-block.footer .column:nth-child(2) { display: none; } } @media screen and (max-width : 667px) { .is-frontend #content-holder .semplice-navbar { position: fixed !important; } } @supports (-ms-ime-align: auto) { /* Microsoft EdgeV13&14 CSS styles go here */ .semplice-navbar .logo { top: -1px; } } @supports (-ms-accelerator: true) { /* Microsoft EdgeV13 CSS styles go here */ .semplice-navbar .logo { top: -1px; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10 & IE11 CSS styles go here */ .semplice-navbar .logo { top: -1px; } } @media only screen and (max-device-width : 667px) { } @media screen and (max-width: 770px) { #content-holder .content-block .column.hide-on-mobile { display: none; } .footer .is-content h5 { text-align: center !important; } .footer .socialprofiles ul { justify-content: center !important; } } @media screen and (max-width: 768px) { .copyright { border-top: 0; padding-top: 5px; } .footer .is-content h6 { text-align: center !important; } .display-posts-listing.grid .title { font-family: TTCommons-Bold; } } @media screen and (max-width: 667px) { [data-lg-width='2'] { width: 100% !important; max-width: 100%; flex: 0 0 auto; flex-basis: 100%; } div.wpforms-container-full .wpforms-form .wpforms-submit-container2 { text-align: left; } .hide-on-mobile { display: none; } .is-frontend #content-holder button.flickity-button.flickity-prev-next-button.next { right: -5px; } .is-frontend #content-holder button.flickity-button.flickity-prev-next-button.previous { left: -5px; } }#nprogress .bar { background: #1c01d1; }.back-to-top a svg { fill: #000000; } #content-holder .thumb .thumb-inner .thumb-hover {background-color: rgba(0, 0, 0, 0.5);background-size: auto;background-position: 0% 0%;background-repeat: no-repeat;}#content-holder .thumb .thumb-hover-meta { padding: 2.22rem; }#content-holder .thumb .thumb-hover-meta .title { color: #ffffff; font-size: 1.33rem; text-transform: none; }#content-holder .thumb .thumb-hover-meta .category { color: #999999; font-size: 1rem; text-transform: none; }#content-holder .thumb video { opacity: 1; } </style> <style type="text/css" id="7-post-css"> #content-7 .semplice-cover .show-more svg, #content-7 .semplice-cover .show-more img { width: 2.9444rem; }.cover-transparent { background: rgba(0,0,0,0) !important; }#content-7 .sections { margin-top: 0px !important; }#content-7 #cover-7 .semplice-cover-inner > .background-video {background-color: #000000;}#content-7 #column_2s8e8petf {}#content-7 #content_ogc89orq4 {padding-right: 0rem;padding-left: 0rem;}#content-7 #content_ogc89orq4 .is-content {}@media screen and (max-width: 543.98px) { #content-7 #content_ogc89orq4 {padding-right: 1.1111111111111112rem;padding-left: 1.1111111111111112rem;}#content-7 #content_ogc89orq4 .is-content {}}#content-7 #content_hyamn1s5v .spacer { background-color: transparent; }#content-7 #content_hyamn1s5v .spacer { height: 2.2222222222222223rem; } #content-7 #content_ogpqgavan .is-content {background-color: #072aff;} #content-7 #content_ogpqgavan .is-content:hover {color: #ffffff !important;background-color: #000000 !important;} #content-7 #content_ogpqgavan .is-content a{color: #ffffff;} #content-7 #content_ogpqgavan .is-content:hover a {color: #ffffff !important;} #content-7 #column_z58mv7z2k {background-color: transparent;}#content_x8a329n2u .apg-hor-full .even { background-color: #000000; }#content_x8a329n2u .apg-hor-full .odd { background-color: #072aff; } #section_3nwzvt7xz .row, #section_3nwzvt7xz .row .column { height: 100% !important; } #section_3nwzvt7xz .column-content { height: 100vh; } #content_x8a329n2u .apg-hor-full .apg-post .apg-post-title, #apg-transition-content_x8a329n2u .apg-grid-item .apg-post-title { padding: 2.7777777777777777rem; margin: 2.7777777777777777rem 0; } #content_x8a329n2u .apg-hor-full .apg-post .apg-post-title .title, #apg-transition-content_x8a329n2u .apg-grid-item .apg-post-title .title { font-size: 1.2222222222222223rem; color: white; text-transform: uppercase; letter-spacing: 0rem; line-height: 100%;} #content_x8a329n2u .apg-hor-full .apg-post .apg-post-title .type, #apg-transition-content_x8a329n2u .apg-grid-item .apg-post-title .type { font-size: 1.111111111111111‬rem; color: white; text-transform: none; padding-top: 0.5555555555555556rem;} #content_x8a329n2u .apg-hor-full .flickity-button-icon path { fill: #ffffff;} #content_x8a329n2u .apg-hor-full .flickity-prev-next-button { background-color: rgba(0, 0, 0, 0);} #content_x8a329n2u .apg-hor-full .flickity-slider:hover .apg-post .apg-grid-item { opacity: 0.4; } #content_x8a329n2u .apg-hor-full .flickity-slider .apg-post:hover .apg-grid-item .post-thumbnail img { transform: scale(1.03); } #content-7 #content_x8a329n2u {background-color: #111111;}#content-7 #content_x8a329n2u .is-content {}#content-7 #content_wars2c1sy .spacer { background-color: transparent; }#content-7 #content_wars2c1sy .spacer { height: 3.888888888888889rem; }@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-7 #content_fzi6bsfky {padding-top: 3.3333333333333335rem;}#content-7 #content_fzi6bsfky .is-content {}}@media screen and (max-width: 543.98px) { #content-7 #content_fzi6bsfky {padding-top: 3.3333333333333335rem;}#content-7 #content_fzi6bsfky .is-content {}}#content-7 #content_xzvk3zcog .spacer { background-color: transparent; }#content-7 #content_xzvk3zcog .spacer { height: 2.2222222222222223rem; } #content-7 #content_xyaqx2lh5 .is-content {background-color: #072aff;} #content-7 #content_xyaqx2lh5 .is-content:hover {color: #ffffff !important;background-color: #000000 !important;} #content-7 #content_xyaqx2lh5 .is-content a{color: #ffffff;} #content-7 #content_xyaqx2lh5 .is-content:hover a {} #content-7 #content_7cp61uwqz .spacer { background-color: transparent; }#content-7 #content_7cp61uwqz .spacer { height: 3.888888888888889rem; }#content-7 #section_290b80c75 {padding-bottom: 0rem;background-color: #072aff;}@media screen and (min-width: 992px) and (max-width: 1169.98px) { #content-7 #section_290b80c75 {padding-top: 2.7777777777777777rem;padding-right: 1.6666666666666667rem;padding-bottom: 2.7777777777777777rem;padding-left: 1.6666666666666667rem;}}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-7 #section_290b80c75 {padding-top: 2.7777777777777777rem;padding-right: 1.6666666666666667rem;padding-bottom: 2.7777777777777777rem;padding-left: 1.6666666666666667rem;}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-7 #section_290b80c75 {padding-right: 1.6666666666666667rem;padding-bottom: 0rem;padding-left: 1.6666666666666667rem;}}@media screen and (max-width: 543.98px) { #content-7 #section_290b80c75 {padding-right: 1.6666666666666667rem;padding-bottom: 0rem;padding-left: 1.6666666666666667rem;}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-7 #column_76e166a7c {height: 2.7777777777777777rem;}}@media screen and (max-width: 543.98px) { #content-7 #column_76e166a7c {height: 2.7777777777777777rem;}} #content-7 #content_f5d07f48b .is-content {background-color: #ffffff;} #content-7 #content_f5d07f48b .is-content:hover {color: #000000 !important;background-color: #000000 !important;} #content-7 #content_f5d07f48b .is-content a{color: #000000;} #content-7 #content_f5d07f48b .is-content:hover a {color: #ffffff !important;} #content-7 #content_f5d07f48b {padding-top: 1.1111111111111112rem;}#content-7 #content_f5d07f48b .is-content {}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-7 #column_31ebd3edf {height: 2.7777777777777777rem;}}@media screen and (max-width: 543.98px) { #content-7 #column_31ebd3edf {height: 2.7777777777777777rem;}}#content-7 #content_2bfce48d8 {padding-bottom: 0rem;}#content-7 #content_2bfce48d8 .is-content {}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-7 #content_2bfce48d8 {padding-bottom: 2.7777777777777777rem;}#content-7 #content_2bfce48d8 .is-content {}}@media screen and (max-width: 543.98px) { #content-7 #content_2bfce48d8 {padding-bottom: 2.7777777777777777rem;}#content-7 #content_2bfce48d8 .is-content {}}#content-7 #section_a0ae5bd51 {padding-bottom: 0rem;background-color: #000000;}@media screen and (min-width: 992px) and (max-width: 1169.98px) { #content-7 #section_a0ae5bd51 {padding-top: 2.7777777777777777rem;padding-right: 1.6666666666666667rem;padding-bottom: 2.7777777777777777rem;padding-left: 1.6666666666666667rem;}}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-7 #section_a0ae5bd51 {padding-top: 2.7777777777777777rem;padding-right: 1.6666666666666667rem;padding-bottom: 2.7777777777777777rem;padding-left: 1.6666666666666667rem;}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-7 #section_a0ae5bd51 {padding-right: 1.6666666666666667rem;padding-bottom: 0rem;padding-left: 1.6666666666666667rem;}}@media screen and (max-width: 543.98px) { #content-7 #section_a0ae5bd51 {padding-right: 1.6666666666666667rem;padding-bottom: 0rem;padding-left: 1.6666666666666667rem;}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-7 #column_6bbd1e39e {order: 1;}}@media screen and (max-width: 543.98px) { #content-7 #column_6bbd1e39e {order: 1;}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-7 #content_c29e9cc2c {padding-bottom: 2.7777777777777777rem;}#content-7 #content_c29e9cc2c .is-content {}}@media screen and (max-width: 543.98px) { #content-7 #content_c29e9cc2c {padding-bottom: 2.7777777777777777rem;}#content-7 #content_c29e9cc2c .is-content {}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-7 #column_078d8649d {height: 2.7777777777777777rem;}}@media screen and (max-width: 543.98px) { #content-7 #column_078d8649d {height: 2.7777777777777777rem;}}@media screen and (min-width: 992px) and (max-width: 1169.98px) { #content-7 #content_73e45f237 {padding-top: 2.7777777777777777rem;}#content-7 #content_73e45f237 .is-content {}}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-7 #content_73e45f237 {padding-top: 2.7777777777777777rem;}#content-7 #content_73e45f237 .is-content {}} #content-7 #content_6d9537005 .is-content {background-color: #072aff;} #content-7 #content_6d9537005 .is-content:hover {color: #ffffff !important;background-color: #ffffff !important;} #content-7 #content_6d9537005 .is-content a{color: #ffffff;} #content-7 #content_6d9537005 .is-content:hover a {color: #000000 !important;} #content-7 #content_6d9537005 {padding-top: 1.1111111111111112rem;}#content-7 #content_6d9537005 .is-content {}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-7 #column_fbefa0268 {height: 2.7777777777777777rem;}}@media screen and (max-width: 543.98px) { #content-7 #column_fbefa0268 {height: 2.7777777777777777rem;}}#content-7 #section_1ab297682 {padding-bottom: 0rem;background-color: #072aff;}@media screen and (min-width: 992px) and (max-width: 1169.98px) { #content-7 #section_1ab297682 {padding-top: 2.7777777777777777rem;padding-right: 1.6666666666666667rem;padding-bottom: 2.7777777777777777rem;padding-left: 1.6666666666666667rem;}}@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-7 #section_1ab297682 {padding-top: 2.7777777777777777rem;padding-right: 1.6666666666666667rem;padding-bottom: 2.7777777777777777rem;padding-left: 1.6666666666666667rem;}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-7 #section_1ab297682 {padding-right: 1.6666666666666667rem;padding-bottom: 0rem;padding-left: 1.6666666666666667rem;}}@media screen and (max-width: 543.98px) { #content-7 #section_1ab297682 {padding-right: 1.6666666666666667rem;padding-bottom: 0rem;padding-left: 1.6666666666666667rem;}}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-7 #column_e17a1abcf {height: 2.7777777777777777rem;}}@media screen and (max-width: 543.98px) { #content-7 #column_e17a1abcf {height: 2.7777777777777777rem;}} #content-7 #content_f79c560cf .is-content {background-color: #ffffff;} #content-7 #content_f79c560cf .is-content:hover {color: #000000 !important;background-color: #000000 !important;} #content-7 #content_f79c560cf .is-content a{color: #000000;} #content-7 #content_f79c560cf .is-content:hover a {color: #ffffff !important;} #content-7 #content_f79c560cf {padding-top: 1.1111111111111112rem;}#content-7 #content_f79c560cf .is-content {}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-7 #column_965b16980 {height: 2.7777777777777777rem;}}@media screen and (max-width: 543.98px) { #content-7 #column_965b16980 {height: 2.7777777777777777rem;}}#content-7 #content_d39e9fce0 {padding-bottom: 0rem;}#content-7 #content_d39e9fce0 .is-content {}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-7 #content_d39e9fce0 {padding-bottom: 2.7777777777777777rem;}#content-7 #content_d39e9fce0 .is-content {}}@media screen and (max-width: 543.98px) { #content-7 #content_d39e9fce0 {padding-bottom: 2.7777777777777777rem;}#content-7 #content_d39e9fce0 .is-content {}}#content-7 #content_40j5idrcn .spacer { background-color: transparent; }#content-7 #content_40j5idrcn .spacer { height: 3.888888888888889rem; }@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-7 #content_yn8oepfyw {padding-top: 0rem;}#content-7 #content_yn8oepfyw .is-content {}}@media screen and (max-width: 543.98px) { #content-7 #content_yn8oepfyw {padding-top: 0rem;}#content-7 #content_yn8oepfyw .is-content {}}#content-7 #content_grtk2tgm8 {padding-top: 1.1111111111111112rem;padding-bottom: 1.1111111111111112rem;}#content-7 #content_grtk2tgm8 .is-content {}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-7 #content_4h1jl1oyh {padding-top: 0rem;padding-bottom: 3.3333333333333335rem;}#content-7 #content_4h1jl1oyh .is-content {}}@media screen and (max-width: 543.98px) { #content-7 #content_4h1jl1oyh {padding-top: 0rem;padding-bottom: 3.3333333333333335rem;}#content-7 #content_4h1jl1oyh .is-content {}}#content-7 #content_156adb6b3 {padding-top: 1.1111111111111112rem;padding-bottom: 1.1111111111111112rem;}#content-7 #content_156adb6b3 .is-content {}#content-7 #section_1a5106acf {padding-top: 3.3333333333333335rem;padding-bottom: 3.888888888888889rem;}#content-7 #content_41196c45d {padding-top: 0.8333333333333334rem;}#content-7 #content_41196c45d .is-content {}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-7 #content_41196c45d {padding-top: 0.8333333333333334rem;}#content-7 #content_41196c45d .is-content {}}#content-7 #section_230ee252f > .background-video {background-color: #000000;}#content-7 #section_230ee252f {background-color: #000000;}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-7 #content_64213aa7f {padding-top: 11.11111111111111rem;padding-bottom: 11.11111111111111rem;}#content-7 #content_64213aa7f .is-content {}}@media screen and (max-width: 543.98px) { #content-7 #content_64213aa7f {padding-top: 11.11111111111111rem;padding-bottom: 11.11111111111111rem;}#content-7 #content_64213aa7f .is-content {}}#content-7 #section_230ee252f{background-color: #000000;opacity: 1;border-color: #000000;border-width: 0;background-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);transform: translateY(0) translateX(0) rotate(0deg) rotateY(0deg) rotateX(0deg) skew(0deg,0deg) scale(1,1);}#content-7 #column_9337b466d{opacity: 1;border-color: #000000;border-width: 0;background-color: transparent;background-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);transform: translateY(1.1111rem) translateX(1.1111rem) rotate(0deg) rotateY(0deg) rotateX(0deg) skew(0deg,0deg) scale(1,1);}#content-7 #section_d89f3bd00 .container {height: 22.22222222222222rem;}#content-7 #section_d89f3bd00 {background-color: #000000;}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-7 #content_30a8041fa {padding-top: 5.555555555555555rem;padding-bottom: 5.555555555555555rem;}#content-7 #content_30a8041fa .is-content {}}@media screen and (max-width: 543.98px) { #content-7 #content_30a8041fa {padding-top: 5.555555555555555rem;padding-bottom: 5.555555555555555rem;}#content-7 #content_30a8041fa .is-content {}}#content-7 #section_d89f3bd00{background-color: #000000;opacity: 1;border-color: #000000;border-width: 0;background-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);transform: translateY(0) translateX(0) rotate(0deg) rotateY(0deg) rotateX(0deg) skew(0deg,0deg) scale(1,1);}#content-7 #column_8e4a60867{opacity: 1;border-color: #000000;border-width: 0;background-color: transparent;background-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%);transform: translateY(1.1111rem) translateX(1.1111rem) rotate(0deg) rotateY(0deg) rotateX(0deg) skew(0deg,0deg) scale(1,1);}#content-7 .transition-wrap {background-color: #ffffff;}.back-to-top a svg { fill: #000000; }#content-7 #section_25ce12acf {padding-bottom: 1.1111111111111112rem;background-color: #072aff;}#content-7 #content_d62354907 .spacer { background-color: transparent; }#content-7 #content_d62354907 .spacer { height: 1.6666666666666667rem; }#content-7 #content_9a640f79d {padding-bottom: 0rem;}#content-7 #content_9a640f79d .is-content {}#content-7 #content_51c0ad569 {padding-bottom: 0rem;}#content-7 #content_51c0ad569 .is-content {}#content-7 #content_5ac6a47b1 {padding-bottom: 0rem;}#content-7 #content_5ac6a47b1 .is-content {}#content-7 #content_403fbd57b .spacer { background-color: transparent; }#content-7 #content_403fbd57b .spacer { height: 1.6666666666666667rem; }#content-7 #content_4db3ca146 .spacer { background-color: transparent; }#content-7 #content_4db3ca146 .spacer { height: 1.6666666666666667rem; }#content-7 #content_ae6dc6a0b {padding-bottom: 0rem;}#content-7 #content_ae6dc6a0b .is-content {}#content-7 #content_d33ca959e {padding-bottom: 0rem;}#content-7 #content_d33ca959e .is-content {}#content-7 #content_a7302a43e {padding-bottom: 0rem;}#content-7 #content_a7302a43e .is-content {}#content-7 #content_dbb82f69c .spacer { background-color: transparent; }#content-7 #content_dbb82f69c .spacer { height: 1.6666666666666667rem; }#content-7 #content_c4936dd12 .spacer { background-color: transparent; }#content-7 #content_c4936dd12 .spacer { height: 1.6666666666666667rem; }#content-7 #content_c050493e8 {padding-bottom: 0rem;}#content-7 #content_c050493e8 .is-content {}#content-7 #content_5ba0e8e72 {padding-bottom: 0rem;}#content-7 #content_5ba0e8e72 .is-content {}#content-7 #content_b4e3ede33 {padding-bottom: 0rem;}#content-7 #content_b4e3ede33 .is-content {}#content-7 #content_8808c7a75 .spacer { background-color: transparent; }#content-7 #content_8808c7a75 .spacer { height: 1.6666666666666667rem; }#content-7 #content_55e76ec1c .spacer { background-color: transparent; }#content-7 #content_55e76ec1c .spacer { height: 1.6666666666666667rem; }#content-7 #content_c37136bb1 .socialprofiles .social-profile a:hover svg path { fill: #000000; }#content-7 #content_c37136bb1 .socialprofiles .social-profile svg path { fill: #ffffff; }#content-7 #content_c37136bb1 .socialprofiles .social-profile svg { height: 1.2222222222222223rem; }#content-7 #content_c37136bb1 .socialprofiles { margin: 0 -0.5555555555555556rem; }#content-7 #content_c37136bb1 .socialprofiles .social-profile a { padding: 0 0.5555555555555556rem; }#content-7 #content_c37136bb1 .socialprofiles .social-profile a:hover svg path { fill: #000000; }@media screen and (min-width: 992px) and (max-width: 1169.98px) { #content-7 #content_c37136bb1 .socialprofiles .social-profile svg path { fill: #ffffff; }#content-7 #content_c37136bb1 .socialprofiles .social-profile svg { height: 1.2222222222222223rem; }#content-7 #content_c37136bb1 .socialprofiles { margin: 0 -0.5555555555555556rem; }#content-7 #content_c37136bb1 .socialprofiles .social-profile a { padding: 0 0.5555555555555556rem; }#content-7 #content_c37136bb1 .socialprofiles .social-profile a:hover svg path { fill: #000000; } }@media screen and (min-width: 768px) and (max-width: 991.98px) { #content-7 #content_c37136bb1 .socialprofiles .social-profile svg path { fill: #ffffff; }#content-7 #content_c37136bb1 .socialprofiles .social-profile svg { height: 1.2222222222222223rem; }#content-7 #content_c37136bb1 .socialprofiles { margin: 0 -0.5555555555555556rem; }#content-7 #content_c37136bb1 .socialprofiles .social-profile a { padding: 0 0.5555555555555556rem; }#content-7 #content_c37136bb1 .socialprofiles .social-profile a:hover svg path { fill: #000000; } }@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-7 #content_c37136bb1 .socialprofiles .social-profile svg path { fill: #ffffff; }#content-7 #content_c37136bb1 .socialprofiles .social-profile svg { height: 1.2222222222222223rem; }#content-7 #content_c37136bb1 .socialprofiles { margin: 0 -0.5555555555555556rem; }#content-7 #content_c37136bb1 .socialprofiles .social-profile a { padding: 0 0.5555555555555556rem; }#content-7 #content_c37136bb1 .socialprofiles .social-profile a:hover svg path { fill: #000000; } }@media screen and (max-width: 543.98px) { #content-7 #content_c37136bb1 .socialprofiles .social-profile svg path { fill: #ffffff; }#content-7 #content_c37136bb1 .socialprofiles .social-profile svg { height: 1.2222222222222223rem; }#content-7 #content_c37136bb1 .socialprofiles { margin: 0 -0.5555555555555556rem; }#content-7 #content_c37136bb1 .socialprofiles .social-profile a { padding: 0 0.5555555555555556rem; }#content-7 #content_c37136bb1 .socialprofiles .social-profile a:hover svg path { fill: #000000; } }#content-7 #content_c37136bb1 {padding-top: 1.1111111111111112rem;padding-bottom: 0rem;}#content-7 #content_c37136bb1 .is-content {}@media screen and (min-width: 544px) and (max-width: 767.98px) { #content-7 #content_c37136bb1 {padding-bottom: 0.8333333333333334rem;}#content-7 #content_c37136bb1 .is-content {}}@media screen and (max-width: 543.98px) { #content-7 #content_c37136bb1 {padding-bottom: 0.8333333333333334rem;}#content-7 #content_c37136bb1 .is-content {}} .nav_1w4sxjb58 { background-color: rgba(0, 0, 0, 1);; }.nav_1w4sxjb58 { height: 3.3333333333333335rem; }.is-frontend #content-7 .sections { margin-top: 3.3333333333333335rem; }.nav_1w4sxjb58 { padding-top: 0rem; }.nav_1w4sxjb58 { padding-bottom: 0rem; }.nav_1w4sxjb58 .navbar-inner .navbar-left, .nav_1w4sxjb58 .navbar-inner .navbar-center, .nav_1w4sxjb58 .navbar-inner .navbar-distributed { left: 1.1111111111111112rem; }.nav_1w4sxjb58 .container-fluid .navbar-inner .navbar-right, .nav_1w4sxjb58 .container-fluid .navbar-inner .navbar-distributed { right: 1.1111111111111112rem; }.nav_1w4sxjb58 .container-fluid .hamburger a:after { padding-right: 1.1111111111111rem; }.nav_1w4sxjb58 .navbar-inner .logo a { color: #ffffff; }.nav_1w4sxjb58 .navbar-inner .logo a { font-size: 2.2222222222222223rem; }.logo a { letter-spacing: 0.005555555555555556rem; }.nav_1w4sxjb58 .navbar-inner .logo { align-items: center; }.nav_1w4sxjb58 .navbar-inner .hamburger a.menu-icon span { background-color: #ffffff; }.nav_1w4sxjb58 .navbar-inner .hamburger a.menu-icon { width: 24; }.nav_1w4sxjb58 .navbar-inner .hamburger a.menu-icon span { height: 2px; }.nav_1w4sxjb58 .navbar-inner .hamburger a.open-menu span::before { transform: translateY(-6px); }.nav_1w4sxjb58 .navbar-inner .hamburger a.open-menu span::after { transform: translateY(6px); }.nav_1w4sxjb58 .navbar-inner .hamburger a.open-menu:hover span::before { transform: translateY(-8px); }.nav_1w4sxjb58 .navbar-inner .hamburger a.open-menu:hover span::after { transform: translateY(8px); }.nav_1w4sxjb58 .navbar-inner .hamburger a.menu-icon { height: 14px; }.nav_1w4sxjb58 .navbar-inner .hamburger a.menu-icon span { margin-top: 7px; }.nav_1w4sxjb58 .navbar-inner nav ul li a span { font-size: 1.1666666666666667rem; }.nav_1w4sxjb58 .navbar-inner nav ul li a span { color: #ffffff; }.nav_1w4sxjb58 .navbar-inner nav ul li a span { letter-spacing: 0.011111111111111112rem; }.nav_1w4sxjb58 .navbar-inner nav ul li a span { border-bottom-color: #ffffff; }.nav_1w4sxjb58 .navbar-inner nav ul li a:hover span, .navbar-inner nav ul li.current-menu-item a span, .navbar-inner nav ul li.current_page_item a span, .nav_1w4sxjb58 .navbar-inner nav ul li.wrap-focus a span { color: #072aff; }.nav_1w4sxjb58 .navbar-inner nav ul li.current-menu-item a span { color: #072aff; }.nav_1w4sxjb58 .navbar-inner nav ul li.current_page_item a span { color: #072aff; }[data-post-type="project"] .navbar-inner nav ul li.portfolio-grid a span, [data-post-type="post"] .navbar-inner nav ul li.blog-overview a span { color: #072aff; }.nav_1w4sxjb58 .navbar-inner nav ul li a:hover span { border-bottom-color: #072aff; }.nav_1w4sxjb58 .navbar-inner nav ul li.current-menu-item a span { border-bottom-color: #072aff; }.nav_1w4sxjb58 .navbar-inner nav ul li.current_page_item a span { border-bottom-color: #072aff; }[data-post-type="project"] .navbar-inner nav ul li.portfolio-grid a span, [data-post-type="post"] .navbar-inner nav ul li.blog-overview a span { border-bottom-color: #072aff; }#overlay-menu { background-color: rgba(0, 0, 0, 1); }#overlay-menu .overlay-menu-inner nav ul li a span { font-size: 1.5555555555555556rem; }#overlay-menu .overlay-menu-inner nav ul li a span { color: #ffffff; }#overlay-menu .overlay-menu-inner nav ul li a span { border-bottom-width: 0rem; }@media screen and (min-width: 992px) and (max-width: 1169.98px) { .nav_1w4sxjb58 .navbar-inner .hamburger a.menu-icon { height: 14px; }.nav_1w4sxjb58 .navbar-inner .hamburger a.menu-icon span { margin-top: 7px; }}@media screen and (min-width: 768px) and (max-width: 991.98px) { .nav_1w4sxjb58 .navbar-inner .hamburger a.menu-icon { height: 14px; }.nav_1w4sxjb58 .navbar-inner .hamburger a.menu-icon span { margin-top: 7px; }}@media screen and (min-width: 544px) and (max-width: 767.98px) { .nav_1w4sxjb58 .navbar-inner .hamburger a.menu-icon { height: 14px; }.nav_1w4sxjb58 .navbar-inner .hamburger a.menu-icon span { margin-top: 7px; }}@media screen and (max-width: 543.98px) { .nav_1w4sxjb58 .navbar-inner .hamburger a.menu-icon { height: 14px; }.nav_1w4sxjb58 .navbar-inner .hamburger a.menu-icon span { margin-top: 7px; }} </style>  <script type="text/javascript"> /* <![CDATA[ */ ( function( w, d, s, l, i ) { w[l] = w[l] || []; w[l].push( {'gtm.start': new Date().getTime(), event: 'gtm.js'} ); var f = d.getElementsByTagName( s )[0], j = d.createElement( s ), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore( j, f ); } )( window, document, 'script', 'dataLayer', 'GTM-WM6ZMBX' ); /* ]]> */ </script>  <script> var clicky_site_ids = clicky_site_ids || []; clicky_site_ids.push("101387564"); </script> <script async src="//static.getclicky.com/js"></script><link rel="icon" href="https://sohocreativegroup.com/wp-content/uploads/2020/06/icon-150x150.jpg" sizes="32x32" /> <link rel="icon" href="https://sohocreativegroup.com/wp-content/uploads/2020/06/icon-300x300.jpg" sizes="192x192" /> <link rel="apple-touch-icon" href="https://sohocreativegroup.com/wp-content/uploads/2020/06/icon-300x300.jpg" /> <meta name="msapplication-TileImage" content="https://sohocreativegroup.com/wp-content/uploads/2020/06/icon-300x300.jpg" /> <style id="wpforms-css-vars-root"> :root { --wpforms-field-border-radius: 3px; --wpforms-field-border-style: solid; --wpforms-field-border-size: 1px; --wpforms-field-background-color: #ffffff; --wpforms-field-border-color: rgba( 0, 0, 0, 0.25 ); --wpforms-field-border-color-spare: rgba( 0, 0, 0, 0.25 ); --wpforms-field-text-color: rgba( 0, 0, 0, 0.7 ); --wpforms-field-menu-color: #ffffff; --wpforms-label-color: rgba( 0, 0, 0, 0.85 ); --wpforms-label-sublabel-color: rgba( 0, 0, 0, 0.55 ); --wpforms-label-error-color: #d63637; --wpforms-button-border-radius: 3px; --wpforms-button-border-style: none; --wpforms-button-border-size: 1px; --wpforms-button-background-color: #066aab; --wpforms-button-border-color: #066aab; --wpforms-button-text-color: #ffffff; --wpforms-page-break-color: #066aab; --wpforms-background-image: none; --wpforms-background-position: center center; --wpforms-background-repeat: no-repeat; --wpforms-background-size: cover; --wpforms-background-width: 100px; --wpforms-background-height: 100px; --wpforms-background-color: rgba( 0, 0, 0, 0 ); --wpforms-background-url: none; --wpforms-container-padding: 0px; --wpforms-container-border-style: none; --wpforms-container-border-width: 1px; --wpforms-container-border-color: #000000; --wpforms-container-border-radius: 3px; --wpforms-field-size-input-height: 43px; --wpforms-field-size-input-spacing: 15px; --wpforms-field-size-font-size: 16px; --wpforms-field-size-line-height: 19px; --wpforms-field-size-padding-h: 14px; --wpforms-field-size-checkbox-size: 16px; --wpforms-field-size-sublabel-spacing: 5px; --wpforms-field-size-icon-size: 1; --wpforms-label-size-font-size: 16px; --wpforms-label-size-line-height: 19px; --wpforms-label-size-sublabel-font-size: 14px; --wpforms-label-size-sublabel-line-height: 17px; --wpforms-button-size-font-size: 17px; --wpforms-button-size-height: 41px; --wpforms-button-size-padding-h: 15px; --wpforms-button-size-margin-top: 10px; --wpforms-container-shadow-size-box-shadow: none; } </style> <style>html{margin-top:0px!important;}#wpadminbar{top:auto!important;bottom:0;}</style>  <script src="https://ipmeta.io/plugin.js"></script> <script> var data = provideGtmPlugin({ gtmEventKey: 'ipmeta_loaded', }); window.dataLayer = window.dataLayer || []; window.dataLayer.push(data); </script><link rel="shortcut icon" type="image/png" href="https://sohocreativegroup.com/wp-content/uploads/2019/03/icon.jpg" sizes="32x32"> <link rel="stylesheet" type="text/css" href="/wp-includes/css/MyFontsWebfontsKit.css"> </head> <body data-rsssl=1 class="home page-template-default page page-id-7 is-frontend static-mode static-transitions mejs-semplice-ui" data-post-type="page" data-post-id="7"> <div id="content-holder" data-active-post="7"> <header class="nav_1w4sxjb58 semplice-navbar active-navbar sticky-nav " data-cover-transparent="disabled" data-bg-overlay-visibility="visible" data-mobile-fallback="enabled"> <div class="container-fluid" data-nav="logo-left-menu-right"> <div class="navbar-inner menu-type-text" data-xl-width="12" data-navbar-type="container-fluid"> <div class="logo navbar-left"><a href="https://sohocreativegroup.com" title="SOHO Creative Group">SOHO</a></div> <nav class="standard navbar-right" data-font="regular"><ul class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3034"><a href="https://sohocreativegroup.com/about"><span>About</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-4312"><a href="https://sohocreativegroup.com/services"><span>Services</span></a> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4315"><a href="https://sohocreativegroup.com/services/web-design"><span>Web Design</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4314"><a href="https://sohocreativegroup.com/services/brand-design"><span>Brand Design</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4313"><a href="https://sohocreativegroup.com/services/seo"><span>SEO</span></a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-104"><a href="https://sohocreativegroup.com/projects"><span>Projects</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-114"><a href="https://sohocreativegroup.com/blog"><span>Blog</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3127"><a href="https://sohocreativegroup.com/contact"><span>Contact</span></a></li> <li class="menu-item wpml-ls-slot-2 wpml-ls-item wpml-ls-item-de wpml-ls-menu-item wpml-ls-first-item wpml-ls-last-item menu-item-type-wpml_ls_menu_item menu-item-object-wpml_ls_menu_item menu-item-wpml-ls-2-de"><a href="https://sohocreativegroup.com/de" title="DE"><span><span class="wpml-ls-display">DE</span></span></a></li> </ul></nav> <div class="hamburger navbar-right semplice-menu"><a class="open-menu menu-icon"><span></span></a></div> </div> </div> </header> <div id="overlay-menu"> <div class="overlay-menu-inner" data-xl-width="12"> <nav class="overlay-nav" data-justify="center" data-align="align-middle"> <ul class="container"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3034"><a href="https://sohocreativegroup.com/about"><span>About</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-4312"><a href="https://sohocreativegroup.com/services"><span>Services</span></a> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4315"><a href="https://sohocreativegroup.com/services/web-design"><span>Web Design</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4314"><a href="https://sohocreativegroup.com/services/brand-design"><span>Brand Design</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4313"><a href="https://sohocreativegroup.com/services/seo"><span>SEO</span></a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-104"><a href="https://sohocreativegroup.com/projects"><span>Projects</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-114"><a href="https://sohocreativegroup.com/blog"><span>Blog</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3127"><a href="https://sohocreativegroup.com/contact"><span>Contact</span></a></li> <li class="menu-item wpml-ls-slot-2 wpml-ls-item wpml-ls-item-de wpml-ls-menu-item wpml-ls-first-item wpml-ls-last-item menu-item-type-wpml_ls_menu_item menu-item-object-wpml_ls_menu_item menu-item-wpml-ls-2-de"><a href="https://sohocreativegroup.com/de" title="DE"><span><span class="wpml-ls-display">DE</span></span></a></li> </ul> </nav> </div> </div> <div id="content-7" class="content-container active-content hide-on-init"> <div class="transition-wrap"> <div class="sections"> <section id="cover-7" class="semplice-cover" data-height="fullscreen" data-column-mode-sm="single" data-column-mode-xs="single" data-valign="stretch" data-layout="grid" data-gutter="no" data-justify="center" data-cover="visible" data-cover-effect="parallax" > <div class="semplice-cover-inner" data-effect-settings='[]'><a class="show-more show-more-visible semplice-event" data-event-type="helper" data-event="scrollToContent"><svg version="1.1" id="Ebene_2_1_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="53px" height="20px" viewBox="0 0 53 20" enable-background="new 0 0 53 20" xml:space="preserve"> <g> <polygon points="26.5,17.688 9.114,3.779 10.303,2.312 26.5,15.269 42.697,2.313 43.886,3.779 "/> </g> </svg> </a> <div class="background-video"> <video data-autoplay autoplay webkit-playsinline playsinline loop muted data-object-fit="cover"> <source src="https://sohocreativegroup.com/wp-content/uploads/2022/12/web-design-berlin.mp4" type="video/mp4"> </video> </div> <div class="container"><div id="row_cover" class="row"><div id="column_h6e3nuz62" class="column spacer-column" data-xl-width="1" > <div class="content-wrapper"> </div> </div><div id="column_2s8e8petf" class="column" data-xl-width="9" data-valign="center" > <div class="content-wrapper"> <div id="content_ogc89orq4" class="column-content" data-module="paragraph" > <div class="is-content has-lg has-md has-sm has-xs"><div data-content-for="xl"><h1 data-mce-style="text-align: center; font-size: 2rem; line-height: 2.66667rem;" style="text-align: center; font-size: 2rem; line-height: 2.66667rem;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">Creative agency in Berlin, specialised in Web design, Branding, UX/UI, SEO & eCommerce.</span></h1></div><div data-content-for="lg"><h2 data-mce-style="text-align: center; font-size: 2rem; line-height: 2.66667rem;" style="text-align: center; font-size: 2rem; line-height: 2.66667rem;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">Creative agency in Berlin, specialised in Web design, Branding, UX/UI, SEO.</span></h2></div><div data-content-for="md"><h3 data-mce-style="text-align: center; font-size: 2rem; line-height: 2.66667rem;" style="text-align: center; font-size: 2rem; line-height: 2.66667rem;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">Creative agency in Berlin, specialised in Web design, Branding, UX/UI, SEO.</span></h3></div><div data-content-for="sm"><h4 data-mce-style="text-align: center; font-size: 1.66667rem; line-height: 2.11111rem;" style="text-align: center; font-size: 1.66667rem; line-height: 2.11111rem;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">Creative agency in Berlin, specialised in Web design, Branding, UX/UI, SEO.</span></h4></div><div data-content-for="xs"><h5 data-mce-style="text-align: center; font-size: 1.66667rem; line-height: 2.11111rem;" style="text-align: center; font-size: 1.66667rem; line-height: 2.11111rem;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">Creative agency in Berlin, specialised in Web design, Branding, UX/UI, SEO.</span></h5></div></div> </div> <div id="content_hyamn1s5v" class="column-content" data-module="spacer" > <div class="spacer-container"> <div class="is-content"> <div class="spacer"></div> </div> </div> </div> <div id="content_ogpqgavan" class="column-content" data-module="button" > <div class="ce-button" data-align="center"> <div class="is-content" data-width="auto"> <a data-font="regular" href="/projects" target="_self">Latest projects</a> </div> </div> </div> </div> </div><div id="column_z58mv7z2k" class="column spacer-column" data-xl-width="1" > <div class="content-wrapper"> </div> </div></div></div></div> </section> <section id="section_3nwzvt7xz" class="content-block section-module" data-column-mode-sm="single" data-column-mode-xs="single" data-layout="fluid" data-gutter="no" data-height="fullscreen" > <div class="container"><div id="row_sg7umo7kc" class="row"><div id="column_12psrfha4" class="column" data-xl-width="12" > <div class="content-wrapper"> <div id="content_x8a329n2u" class="column-content" data-module="advancedportfoliogrid" data-apg-preset="horizontal-fullscreen" > <div class="apg apg-hor-full" data-object-fit="inside" data-title-visibility="title" data-arrow-visibility="visible" data-arrow-size="small" data-mouseover="scale-opacity"> <div class="post-4089 apg-post apg-post-hor-full carousel-cell even" data-xl-width="6" data-lg-width="6" data-md-width="6" data-sm-width="12" data-xs-width="12" data-apg-object-position="top-center"> <a class="apg-link" href="https://sohocreativegroup.com/project/platte-berlin" data-custom-transition="horizontal-fullscreen" data-transition-element="transition_021319288"></a> <div class="apg-grid-item"> <div class="post-thumbnail" data-scale="3"> <img src="https://sohocreativegroup.com/wp-content/uploads/2022/05/platte-kosmos-scaled.jpeg"> </div> <div class="apg-post-title none" data-title-align="top-center"> <div class="title" data-font="font_j84okk2bj">PLATTE.Berlin</div> <div class="type" data-font="regúlar">Corporate Design, Branding, UX/UI, WordPress</div> </div> </div> </div> <div class="post-3898 apg-post apg-post-hor-full carousel-cell odd" data-xl-width="6" data-lg-width="6" data-md-width="6" data-sm-width="12" data-xs-width="12" data-apg-object-position="top-center"> <a class="apg-link" href="https://sohocreativegroup.com/project/agnitio-capital" data-custom-transition="horizontal-fullscreen" data-transition-element="transition_5a5177431"></a> <div class="apg-grid-item"> <div class="post-thumbnail" data-scale="3"> <img src="https://sohocreativegroup.com/wp-content/uploads/2022/05/agnitio1.jpeg"> </div> <div class="apg-post-title none" data-title-align="top-center"> <div class="title" data-font="font_j84okk2bj">Agnitio Capital</div> <div class="type" data-font="regúlar">Website Design, WordPress, Custom Web Development</div> </div> </div> </div> <div class="post-77 apg-post apg-post-hor-full carousel-cell even" data-xl-width="6" data-lg-width="6" data-md-width="6" data-sm-width="12" data-xs-width="12" data-apg-object-position="top-center"> <a class="apg-link" href="https://sohocreativegroup.com/project/mgi" data-custom-transition="horizontal-fullscreen" data-transition-element="transition_7cf594317"></a> <div class="apg-grid-item"> <div class="post-thumbnail" data-scale="3"> <img src="https://sohocreativegroup.com/wp-content/uploads/2019/02/mgi-landingpage-scaled.jpg"> </div> <div class="apg-post-title none" data-title-align="top-center"> <div class="title" data-font="font_j84okk2bj">MGI</div> <div class="type" data-font="regúlar">Corporate Design, Branding, UX/UI, WordPress</div> </div> </div> </div> <div class="post-4249 apg-post apg-post-hor-full carousel-cell odd" data-xl-width="6" data-lg-width="6" data-md-width="6" data-sm-width="12" data-xs-width="12" data-apg-object-position="top-center"> <a class="apg-link" href="https://sohocreativegroup.com/project/eit-community" data-custom-transition="horizontal-fullscreen" data-transition-element="transition_0cd22c349"></a> <div class="apg-grid-item"> <div class="post-thumbnail" data-scale="3"> <img src="https://sohocreativegroup.com/wp-content/uploads/2023/02/eit.jpg"> </div> <div class="apg-post-title none" data-title-align="top-center"> <div class="title" data-font="font_j84okk2bj">EIT Community</div> <div class="type" data-font="regúlar">Website Design, WordPress, Custom Web Development</div> </div> </div> </div> <div class="post-3221 apg-post apg-post-hor-full carousel-cell even" data-xl-width="6" data-lg-width="6" data-md-width="6" data-sm-width="12" data-xs-width="12" data-apg-object-position="top-center"> <a class="apg-link" href="https://sohocreativegroup.com/project/mimi" data-custom-transition="horizontal-fullscreen" data-transition-element="transition_b8cf172f6"></a> <div class="apg-grid-item"> <div class="post-thumbnail" data-scale="3"> <img src="https://sohocreativegroup.com/wp-content/uploads/2022/08/mimi-background-purple.png"> </div> <div class="apg-post-title none" data-title-align="top-center"> <div class="title" data-font="font_j84okk2bj">Mimi</div> <div class="type" data-font="regúlar">UX, Website Design, WordPress, WooCommerce</div> </div> </div> </div> <div class="post-4120 apg-post apg-post-hor-full carousel-cell odd" data-xl-width="6" data-lg-width="6" data-md-width="6" data-sm-width="12" data-xs-width="12" data-apg-object-position="top-center"> <a class="apg-link" href="https://sohocreativegroup.com/project/factory-berlin" data-custom-transition="horizontal-fullscreen" data-transition-element="transition_4bf0f6471"></a> <div class="apg-grid-item"> <div class="post-thumbnail" data-scale="3"> <img src="https://sohocreativegroup.com/wp-content/uploads/2022/05/factoryberlin.jpg"> </div> <div class="apg-post-title none" data-title-align="top-center"> <div class="title" data-font="font_j84okk2bj">Factory Berlin</div> <div class="type" data-font="regúlar">Corporate Design, Branding, UX/UI, WordPress</div> </div> </div> </div> </div> <script> (function($) { $(document).ready(function () { // is already initialized? if($("#content_x8a329n2u").find(".flickity-slider").length > 0) { var flickityHtml = $("#content_x8a329n2u").find(".flickity-slider").html(); $("#content_x8a329n2u").find(".apg").html(flickityHtml); } $("#content_x8a329n2u").find(".apg").flickity({ prevNextButtons: true, contain: true, pageDots: false, groupCells: true, percentPosition: true, setGallerySize: false, wrapAround: true, imagesLoaded: true, draggable: true, cellAlign: "left", arrowShape: "M95.849,46.323H14.1L40.364,20.15a4.166,4.166,0,0,0-5.9-5.881L1.076,47.537a4.162,4.162,0,0,0,0,5.891L34.462,86.7a4.166,4.166,0,0,0,5.9-5.881L14.1,54.642H95.849A4.159,4.159,0,1,0,95.849,46.323Z", pauseAutoPlayOnHover: false, selectedAttraction: 0.025, friction: 0.28, }); $("#content_x8a329n2u").on("staticClick.flickity", function(event, pointer, cellElement, cellIndex) { var $el = $(cellElement); if(semplice.frontend_mode == "static" && semplice.static_transitions == "disabled") { history.replaceState({ apg: s4.helper.setApgHistory() }, "", window.location.href); window.location = $el.find(".apg-link").attr("href"); } else { $el.find(".apg-link").click(); } }); }); })(jQuery); </script> </div> </div> </div></div></div> </section> <section id="section_c2cc10fa8" class="content-block" data-column-mode-sm="single" data-column-mode-xs="single" > <div class="container"><div id="row_996d5b9b2" class="row"><div id="column_b44453c53" class="column" data-xl-width="12" > <div class="content-wrapper"> <div id="content_wars2c1sy" class="column-content" data-module="spacer" > <div class="spacer-container"> <div class="is-content"> <div class="spacer"></div> </div> </div> </div> </div> </div></div></div> </section> <section id="section_b23991d5b" class="content-block" data-column-mode-sm="single" data-column-mode-xs="single" > <div class="container"><div id="row_63ec53076" class="row"><div id="column_4b30fe78d" class="column" data-xl-width="6" > <div class="content-wrapper"> <div id="content_1mqjlnl0v" class="column-content" data-module="paragraph" > <div class="is-content has-sm has-xs"><div data-content-for="xl"><h3><span style="color: rgb(7, 42, 255);" data-mce-style="color: #072aff;">Hello!</span></h3><h2>We're SOHO Creative Group, providing expertise in Branding, UX/UI, Web design & dev from our base in Berlin.</h2></div><div data-content-for="sm"><h3 style="font-size: 1.667rem; line-height: 2.111rem;" data-mce-style="font-size: 1.667rem; line-height: 2.111rem;"><span style="color: rgb(7, 42, 255);" data-mce-style="color: #072aff;">Hello!</span></h3><h2 style="font-size: 1.667rem; line-height: 2.111rem;" data-mce-style="font-size: 1.667rem; line-height: 2.111rem;">We're SOHO Creative Group, providing expertise in Branding, UX/UI, Web design & dev from our base in Berlin.</h2></div><div data-content-for="xs"><h3><span style="color: rgb(7, 42, 255);" data-mce-style="color: #072aff;">Hello!</span></h3><h2 style="font-size: 1.667rem; line-height: 2.111rem;" data-mce-style="font-size: 1.667rem; line-height: 2.111rem;">We're SOHO Creative Group, providing expertise in Branding, UX/UI, Web design & dev from our base in Berlin.</h2></div></div> </div> </div> </div><div id="column_98e82d335" class="column" data-xl-width="6" > <div class="content-wrapper"> <div id="content_fzi6bsfky" class="column-content" data-module="paragraph" > <div class="is-content"><div data-content-for="xl"><h3><span style="color: rgb(7, 42, 255);" data-mce-style="color: #072aff;">Overview</span></h3><p>Every project and client is unique, we believe in organically creating each brand and corporate identity from the source. An in-house workshop is how we begin most projects. We get to know our client's corporate culture, identity and business goals. From there, we roll out the brand strategy, corporate identity and website, including all necessary collateral.</p></div></div> </div> <div id="content_xzvk3zcog" class="column-content" data-module="spacer" > <div class="spacer-container"> <div class="is-content"> <div class="spacer"></div> </div> </div> </div> <div id="content_xyaqx2lh5" class="column-content" data-module="button" > <div class="ce-button" data-align="left"> <div class="is-content" data-width="auto"> <a data-font="font-family" href="/contact" target="_self">let's talk about your project!</a> </div> </div> </div> </div> </div></div></div> </section> <section id="section_5ex93pwno" class="content-block" data-column-mode-sm="single" data-column-mode-xs="single" > <div class="container"><div id="row_9ia29g252" class="row"><div id="column_v371axf91" class="column" data-xl-width="12" > <div class="content-wrapper"> <div id="content_7cp61uwqz" class="column-content" data-module="spacer" > <div class="spacer-container"> <div class="is-content"> <div class="spacer"></div> </div> </div> </div> </div> </div></div></div> </section> <section id="section_290b80c75" class="content-block" data-column-mode-sm="single" data-column-mode-xs="single" data-layout="fluid" data-gutter="no" data-justify="left" data-valign="center" > <div class="container"><div id="row_30f2d13fc" class="row"><div id="column_76e166a7c" class="column spacer-column" data-xl-width="1" data-md-width="1" data-lg-width="1" > <div class="content-wrapper"> </div> </div><div id="column_4142161ac" class="column" data-xl-width="4" data-md-width="5" data-lg-width="6" > <div class="content-wrapper"> <div id="content_0ca5fd75a" class="column-content" data-module="paragraph" > <div class="is-content has-md has-sm has-xs"><div data-content-for="xl"><h2 style="text-align: center;" data-mce-style="text-align: center;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;" class="font_j84okk2bj">Web Design</span></h2></div><div data-content-for="md"><h2 style="text-align: center;" data-mce-style="text-align: center;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;" class="font_j84okk2bj">Web Design</span></h2></div><div data-content-for="sm"><h2 style="font-size: 1.667rem; line-height: 2.111rem; text-align: center;" data-mce-style="font-size: 1.667rem; line-height: 2.111rem; text-align: center;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;" class="font_j84okk2bj">Web Design</span></h2></div><div data-content-for="xs"><h2 style="font-size: 1.667rem; line-height: 2.111rem; text-align: center;" data-mce-style="font-size: 1.667rem; line-height: 2.111rem; text-align: center;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;" class="font_j84okk2bj">Web Design</span></h2></div></div> </div> <div id="content_f5d07f48b" class="column-content" data-module="button" > <div class="ce-button" data-align="center"> <div class="is-content" data-width="auto"> <a data-font="font-family" href="https://sohocreativegroup.com/services/web-design" target="_self">More info</a> </div> </div> </div> </div> </div><div id="column_31ebd3edf" class="column spacer-column" data-xl-width="1" data-md-width="1" data-lg-width="1" > <div class="content-wrapper"> </div> </div><div id="column_fc03c08bd" class="column" data-xl-width="6" data-md-width="5" data-lg-width="4" data-valign="center" > <div class="content-wrapper"> <div id="content_2bfce48d8" class="column-content" data-module="image" > <div class="ce-image" data-align="left"><img class="is-content" src="https://sohocreativegroup.com/wp-content/uploads/2023/09/charlesdeluvio-Lks7vei-eAg-unsplash-scaled.jpg" width="2560" height="1707" alt="Design System" caption="" data-width="original" data-scaling="no"></div> </div> </div> </div></div></div> </section> <section id="section_a0ae5bd51" class="content-block" data-column-mode-sm="single" data-column-mode-xs="single" data-layout="fluid" data-gutter="no" data-justify="left" data-valign="center" > <div class="container"><div id="row_5a66c7fcc" class="row"><div id="column_6bbd1e39e" class="column" data-xl-width="6" data-md-width="5" data-lg-width="4" > <div class="content-wrapper"> <div id="content_c29e9cc2c" class="column-content" data-module="image" > <div class="ce-image" data-align="left"><img class="is-content" src="https://sohocreativegroup.com/wp-content/uploads/2023/09/milad-fakurian-fWJfsE93q1E-unsplash-scaled.jpg" width="2560" height="1707" alt="SEO Meta Tags" caption="" data-width="original" data-scaling="no"></div> </div> </div> </div><div id="column_078d8649d" class="column spacer-column" data-xl-width="1" data-md-width="1" data-lg-width="1" > <div class="content-wrapper"> </div> </div><div id="column_8c240fdac" class="column" data-xl-width="4" data-md-width="5" data-lg-width="6" > <div class="content-wrapper"> <div id="content_73e45f237" class="column-content" data-module="paragraph" > <div class="is-content has-md has-sm has-xs"><div data-content-for="xl"><h2 style="text-align: center;" data-mce-style="text-align: center;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;" class="font_j84okk2bj">Brand Design</span></h2></div><div data-content-for="md"><h2 style="text-align: center;" data-mce-style="text-align: center;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;" class="font_j84okk2bj">Brand Design</span></h2></div><div data-content-for="sm"><h2 style="font-size: 1.667rem; line-height: 2.111rem; text-align: center;" data-mce-style="font-size: 1.667rem; line-height: 2.111rem; text-align: center;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;" class="font_j84okk2bj">Brand Design</span></h2></div><div data-content-for="xs"><h2 style="font-size: 1.667rem; line-height: 2.111rem; text-align: center;" data-mce-style="font-size: 1.667rem; line-height: 2.111rem; text-align: center;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;" class="font_j84okk2bj">Brand Design</span></h2></div></div> </div> <div id="content_6d9537005" class="column-content" data-module="button" > <div class="ce-button" data-align="center"> <div class="is-content" data-width="auto"> <a data-font="font-family" href="https://sohocreativegroup.com/services/brand-design" target="_self">More info</a> </div> </div> </div> </div> </div><div id="column_fbefa0268" class="column spacer-column" data-xl-width="1" data-md-width="1" data-lg-width="1" > <div class="content-wrapper"> </div> </div></div></div> </section> <section id="section_1ab297682" class="content-block" data-column-mode-sm="single" data-column-mode-xs="single" data-layout="fluid" data-gutter="no" data-justify="left" data-valign="center" > <div class="container"><div id="row_de36c48fd" class="row"><div id="column_e17a1abcf" class="column spacer-column" data-xl-width="1" data-md-width="1" data-lg-width="1" > <div class="content-wrapper"> </div> </div><div id="column_be73a9b87" class="column" data-xl-width="4" data-md-width="5" data-lg-width="6" > <div class="content-wrapper"> <div id="content_071b7346d" class="column-content" data-module="paragraph" > <div class="is-content has-md has-sm has-xs"><div data-content-for="xl"><h2 style="text-align: center;" data-mce-style="text-align: center;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;" class="font_j84okk2bj">SEO</span></h2></div><div data-content-for="md"><h2 style="text-align: center;" data-mce-style="text-align: center;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;" class="font_j84okk2bj">SEO</span></h2></div><div data-content-for="sm"><h2 style="font-size: 1.667rem; line-height: 2.111rem; text-align: center;" data-mce-style="font-size: 1.667rem; line-height: 2.111rem; text-align: center;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;" class="font_j84okk2bj">SEO</span></h2></div><div data-content-for="xs"><h2 style="font-size: 1.667rem; line-height: 2.111rem; text-align: center;" data-mce-style="font-size: 1.667rem; line-height: 2.111rem; text-align: center;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;" class="font_j84okk2bj">SEO</span></h2></div></div> </div> <div id="content_f79c560cf" class="column-content" data-module="button" > <div class="ce-button" data-align="center"> <div class="is-content" data-width="auto"> <a data-font="font-family" href="https://sohocreativegroup.com/services/seo" target="_self">More info</a> </div> </div> </div> </div> </div><div id="column_965b16980" class="column spacer-column" data-xl-width="1" data-md-width="1" data-lg-width="1" > <div class="content-wrapper"> </div> </div><div id="column_f4188c32d" class="column" data-xl-width="6" data-md-width="5" data-lg-width="4" data-valign="center" > <div class="content-wrapper"> <div id="content_d39e9fce0" class="column-content" data-module="image" > <div class="ce-image" data-align="left"><img class="is-content" src="https://sohocreativegroup.com/wp-content/uploads/2023/07/pexels-andrea-piacquadio-3892922-scaled.jpg" width="2560" height="1707" alt="SEO Workshop" caption="" data-width="original" data-scaling="no"></div> </div> </div> </div></div></div> </section> <section id="section_g3yyx4ksh" class="content-block" data-column-mode-sm="single" data-column-mode-xs="single" > <div class="container"><div id="row_0eha522j3" class="row"><div id="column_5dbt9dvvr" class="column" data-xl-width="12" > <div class="content-wrapper"> <div id="content_40j5idrcn" class="column-content" data-module="spacer" > <div class="spacer-container"> <div class="is-content"> <div class="spacer"></div> </div> </div> </div> </div> </div></div></div> </section> <section id="section_2pannlf2b" class="content-block" data-column-mode-sm="single" data-column-mode-xs="single" > <div class="container"><div id="row_s8g3x6w0e" class="row"><div id="column_06u0tidb0" class="column" data-xl-width="6" > <div class="content-wrapper"> <div id="content_yn8oepfyw" class="column-content" data-module="paragraph" > <div class="is-content"><div data-content-for="xl"><h3><a title="Branding Agency Berlin" href="/projects" data-mce-href="/projects" data-mce-selected="1"><span style="color: rgb(7, 42, 255);" data-mce-style="color: #072aff;">Branding Agency Berlin</span></a></h3></div></div> </div> <div id="content_grtk2tgm8" class="column-content" data-module="paragraph" > <div class="is-content has-sm has-xs"><div data-content-for="xl"><h2><span style="color: rgb(0, 0, 0);" data-mce-style="color: #000000;" class="font_j84okk2bj">Creative, Strategy + Dev</span></h2></div><div data-content-for="sm"><h2 style="font-size: 1.667rem; line-height: 2.111rem;" data-mce-style="font-size: 1.667rem; line-height: 2.111rem;"><span style="color: rgb(0, 0, 0);" data-mce-style="color: #000000;" class="font_j84okk2bj">Creative, Strategy + Dev</span></h2></div><div data-content-for="xs"><h2 style="font-size: 1.667rem; line-height: 2.111rem;" data-mce-style="font-size: 1.667rem; line-height: 2.111rem;"><span style="color: rgb(0, 0, 0);" data-mce-style="color: #000000;" class="font_j84okk2bj">Creative, Strategy + Dev</span></h2></div></div> </div> <div id="content_4h1jl1oyh" class="column-content" data-module="paragraph" > <div class="is-content"><div data-content-for="xl"><p>Your brand is what makes you stand out amongst your competitors. It speaks to your clients. It communicates who you are, what you offer and why consumers should be drawn towards you. In addition to <a data-mce-href="/services/brand-design" href="/services/brand-design">branding</a> and <a data-mce-href="/services/web-design" href="/services/web-design">web design</a>, we also offer consultancy, strategy, interactive workshops, eCommerce, <a data-mce-href="/services/seo" href="/services/seo">SEO</a>, custom web development, online marketing + social media campaigns.</p></div></div> </div> </div> </div><div id="column_pv7qv91b4" class="column" data-xl-width="6" > <div class="content-wrapper"> <div id="content_kbeqpiute" class="column-content" data-module="paragraph" > <div class="is-content has-sm has-xs"><div data-content-for="xl"><h3><a title="Web Design Berlin" href="/about" data-mce-href="/about" data-mce-selected="1"><span style="color: #072aff;" data-mce-style="color: #072aff;">Web Design Berlin</span></a></h3></div><div data-content-for="sm"><h3><a title="Web Design Berlin" href="/about" data-mce-href="/about" data-mce-selected="1"><span style="color: #072aff;" data-mce-style="color: #072aff;">Web Design Berlin</span></a></h3></div><div data-content-for="xs"><h3><a title="Web Design Berlin" href="/about" data-mce-href="/about" data-mce-selected="1"><span style="color: #072aff;" data-mce-style="color: #072aff;">Web Design Berlin</span></a></h3></div></div> </div> <div id="content_156adb6b3" class="column-content" data-module="paragraph" > <div class="is-content has-sm has-xs"><div data-content-for="xl"><h2><span style="color: rgb(0, 0, 0);" data-mce-style="color: #000000;" class="font_j84okk2bj">Let's discuss your project!</span></h2></div><div data-content-for="sm"><h2 style="font-size: 1.667rem; line-height: 2.111rem;" data-mce-style="font-size: 1.667rem; line-height: 2.111rem;"><span style="color: rgb(0, 0, 0);" data-mce-style="color: #000000;" class="font_j84okk2bj">Let's discuss your project!</span></h2></div><div data-content-for="xs"><h2 style="font-size: 1.667rem; line-height: 2.111rem;" data-mce-style="font-size: 1.667rem; line-height: 2.111rem;"><span style="color: rgb(0, 0, 0);" data-mce-style="color: #000000;" class="font_j84okk2bj">Let's discuss your project!</span></h2></div></div> </div> <div id="content_qc31jh6xs" class="column-content" data-module="paragraph" > <div class="is-content has-md has-sm has-xs"><div data-content-for="xl"><p>Creating your brand and website is an organic process beginning with <a data-mce-href="/project-briefing" href="/project-briefing">contacting us with your project details</a>, followed by a meeting for information gathering. We believe in transparency and will always be honest regarding timelines, what we recommend for your project and how we think we can work best for you. We are digital creatives with an entrepreneurial background.</p></div><div data-content-for="md"><p>Creating your brand and website is an organic process beginning with <a data-mce-href="/project-briefing" href="/project-briefing" data-mce-selected="1">contacting us with your project details</a>, followed by a meeting for information gathering. We believe in transparency and will always be honest regarding timelines, what we recommend for your project and how we think we can work best for you. We are digital creatives with an entrepreneurial background.</p></div><div data-content-for="sm"><p>Creating your brand and website is an organic process beginning with <a data-mce-href="/project-briefing" href="/project-briefing" data-mce-selected="1">contacting us with your project details</a>, followed by an online meeting for information gathering. We believe in transparency and will always be honest regarding timelines, what we recommend for your project and how we think we can work best for you. We are digital creatives with an entrepreneurial background.</p></div><div data-content-for="xs"><p>Creating your brand and website is an organic process beginning with <a data-mce-href="/project-briefing" href="/project-briefing" data-mce-selected="1">contacting us with your project details</a>, followed by an online meeting for information gathering. We believe in transparency and will always be honest regarding timelines, what we recommend for your project and how we think we can work best for you. We are digital creatives with an entrepreneurial background.</p></div></div> </div> </div> </div></div></div> </section> <section id="section_1a5106acf" class="content-block" data-column-mode-sm="single" data-column-mode-xs="single" data-layout="grid" data-gutter="yes" > <div class="container"><div id="row_a5f4be9a6" class="row"><div id="column_9b1840f5f" class="column" data-xl-width="12" > <div class="content-wrapper"> <div id="content_201o744uy" class="column-content" data-module="paragraph" > <div class="is-content has-sm has-xs"><div data-content-for="xl"><h2><span style="color: rgb(0, 0, 0);" data-mce-style="color: #000000;" class="font_j84okk2bj">Latest blog articles</span></h2></div><div data-content-for="sm"><h2 style="font-size: 1.667rem; line-height: 2.111rem;" data-mce-style="font-size: 1.667rem; line-height: 2.111rem;"><span style="color: rgb(0, 0, 0);" data-mce-style="color: #000000;" class="font_j84okk2bj">Latest blog articles</span></h2></div><div data-content-for="xs"><h2 style="font-size: 1.667rem; line-height: 2.111rem;" data-mce-style="font-size: 1.667rem; line-height: 2.111rem;"><span style="color: rgb(0, 0, 0);" data-mce-style="color: #000000;" class="font_j84okk2bj">Latest blog articles</span></h2></div></div> </div> <div id="content_41196c45d" class="column-content" data-module="code" > <div class="is-content ce-code"> <div class="display-posts-listing grid"><div class="listing-item"><a class="image" href="https://sohocreativegroup.com/what-investors-really-want-to-see-in-your-pitch-deck"><img width="2560" height="1707" src="https://sohocreativegroup.com/wp-content/uploads/2024/11/slidebean-UWRn79hIQKY-unsplash-scaled.jpg" class="attachment-small size-small wp-post-image" alt="pitch deck" decoding="async" loading="lazy" srcset="https://sohocreativegroup.com/wp-content/uploads/2024/11/slidebean-UWRn79hIQKY-unsplash-scaled.jpg 2560w, https://sohocreativegroup.com/wp-content/uploads/2024/11/slidebean-UWRn79hIQKY-unsplash-300x200.jpg 300w, https://sohocreativegroup.com/wp-content/uploads/2024/11/slidebean-UWRn79hIQKY-unsplash-1024x683.jpg 1024w, https://sohocreativegroup.com/wp-content/uploads/2024/11/slidebean-UWRn79hIQKY-unsplash-768x512.jpg 768w, https://sohocreativegroup.com/wp-content/uploads/2024/11/slidebean-UWRn79hIQKY-unsplash-1536x1024.jpg 1536w, https://sohocreativegroup.com/wp-content/uploads/2024/11/slidebean-UWRn79hIQKY-unsplash-2048x1366.jpg 2048w" sizes="auto, (max-width: 2560px) 100vw, 2560px" /></a> <a class="title" href="https://sohocreativegroup.com/what-investors-really-want-to-see-in-your-pitch-deck">What investors really want to see in your pitch deck</a></div><div class="listing-item"><a class="image" href="https://sohocreativegroup.com/headless-cms-vs-traditional-cms-which-is-better-for-your-business"><img width="2560" height="1440" src="https://sohocreativegroup.com/wp-content/uploads/2024/01/growtika-nGoCBxiaRO0-unsplash-scaled.jpg" class="attachment-small size-small wp-post-image" alt="Headless CMS vs Traditional CMS" decoding="async" loading="lazy" srcset="https://sohocreativegroup.com/wp-content/uploads/2024/01/growtika-nGoCBxiaRO0-unsplash-scaled.jpg 2560w, https://sohocreativegroup.com/wp-content/uploads/2024/01/growtika-nGoCBxiaRO0-unsplash-300x169.jpg 300w, https://sohocreativegroup.com/wp-content/uploads/2024/01/growtika-nGoCBxiaRO0-unsplash-1024x576.jpg 1024w, https://sohocreativegroup.com/wp-content/uploads/2024/01/growtika-nGoCBxiaRO0-unsplash-768x432.jpg 768w, https://sohocreativegroup.com/wp-content/uploads/2024/01/growtika-nGoCBxiaRO0-unsplash-1536x864.jpg 1536w, https://sohocreativegroup.com/wp-content/uploads/2024/01/growtika-nGoCBxiaRO0-unsplash-2048x1152.jpg 2048w" sizes="auto, (max-width: 2560px) 100vw, 2560px" /></a> <a class="title" href="https://sohocreativegroup.com/headless-cms-vs-traditional-cms-which-is-better-for-your-business">Headless CMS vs Traditional CMS: Which is Better for Your Business?</a></div><div class="listing-item"><a class="image" href="https://sohocreativegroup.com/figma-vs-adobe-xd-which-suits-your-design-needs-better"><img width="2560" height="1708" src="https://sohocreativegroup.com/wp-content/uploads/2024/02/zac-wolff-7uSKXpksCKg-unsplash-scaled.jpg" class="attachment-small size-small wp-post-image" alt="Figma vs Adobe XD" decoding="async" loading="lazy" srcset="https://sohocreativegroup.com/wp-content/uploads/2024/02/zac-wolff-7uSKXpksCKg-unsplash-scaled.jpg 2560w, https://sohocreativegroup.com/wp-content/uploads/2024/02/zac-wolff-7uSKXpksCKg-unsplash-300x200.jpg 300w, https://sohocreativegroup.com/wp-content/uploads/2024/02/zac-wolff-7uSKXpksCKg-unsplash-1024x683.jpg 1024w, https://sohocreativegroup.com/wp-content/uploads/2024/02/zac-wolff-7uSKXpksCKg-unsplash-768x512.jpg 768w, https://sohocreativegroup.com/wp-content/uploads/2024/02/zac-wolff-7uSKXpksCKg-unsplash-1536x1025.jpg 1536w, https://sohocreativegroup.com/wp-content/uploads/2024/02/zac-wolff-7uSKXpksCKg-unsplash-2048x1366.jpg 2048w" sizes="auto, (max-width: 2560px) 100vw, 2560px" /></a> <a class="title" href="https://sohocreativegroup.com/figma-vs-adobe-xd-which-suits-your-design-needs-better">Figma vs Adobe XD: Which Suits Your Design Needs Better?</a></div><div class="listing-item"><a class="image" href="https://sohocreativegroup.com/eco-friendly-entrepreneurship-how-sustainable-startups-can-incorporate-green-practices-into-business-operations"><img width="2560" height="1707" src="https://sohocreativegroup.com/wp-content/uploads/2023/11/dylan-nolte-iehln6oWmdg-unsplash-scaled.jpg" class="attachment-small size-small wp-post-image" alt="sustainability" decoding="async" loading="lazy" srcset="https://sohocreativegroup.com/wp-content/uploads/2023/11/dylan-nolte-iehln6oWmdg-unsplash-scaled.jpg 2560w, https://sohocreativegroup.com/wp-content/uploads/2023/11/dylan-nolte-iehln6oWmdg-unsplash-300x200.jpg 300w, https://sohocreativegroup.com/wp-content/uploads/2023/11/dylan-nolte-iehln6oWmdg-unsplash-1024x683.jpg 1024w, https://sohocreativegroup.com/wp-content/uploads/2023/11/dylan-nolte-iehln6oWmdg-unsplash-768x512.jpg 768w, https://sohocreativegroup.com/wp-content/uploads/2023/11/dylan-nolte-iehln6oWmdg-unsplash-1536x1024.jpg 1536w, https://sohocreativegroup.com/wp-content/uploads/2023/11/dylan-nolte-iehln6oWmdg-unsplash-2048x1365.jpg 2048w" sizes="auto, (max-width: 2560px) 100vw, 2560px" /></a> <a class="title" href="https://sohocreativegroup.com/eco-friendly-entrepreneurship-how-sustainable-startups-can-incorporate-green-practices-into-business-operations">Eco-Friendly Entrepreneurship: Incorporating Green Practices</a></div></div> </div> </div> </div> </div></div></div> </section> <section id="section_230ee252f" class="content-block" data-column-mode-sm="single" data-column-mode-xs="single" data-height="fullscreen" data-valign="center" > <div class="background-video"> <video data-autoplay autoplay webkit-playsinline playsinline loop muted data-object-fit="cover"> <source src="https://sohocreativegroup.com/wp-content/uploads/2022/12/web-design-berlin.mp4" type="video/mp4"> </video> </div> <div class="container"><div id="row_9a2118f98" class="row"><div id="column_9337b466d" class="column" data-xl-width="12" > <div class="content-wrapper"> <div id="content_64213aa7f" class="column-content" data-module="paragraph" > <div class="is-content has-lg has-md has-sm has-xs"><div data-content-for="xl"><h2 data-mce-style="text-align: center;" style="text-align: center;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">SOHO CREATIVE GROUP</span></h2></div><div data-content-for="lg"><h2 data-mce-style="text-align: center; font-size: 2rem; line-height: 2.66667rem;" style="text-align: center; font-size: 2rem; line-height: 2.66667rem;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">SOHO CREATIVE GROUP</span></h2></div><div data-content-for="md"><h2 data-mce-style="text-align: center; font-size: 2rem; line-height: 2.66667rem;" style="text-align: center; font-size: 2rem; line-height: 2.66667rem;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">SOHO CREATIVE GROUP</span></h2></div><div data-content-for="sm"><h2 data-mce-style="text-align: center; line-height: 2.111rem; font-size: 1.667rem;" style="text-align: center; line-height: 2.111rem; font-size: 1.667rem;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">SOHO CREATIVE GROUP</span></h2></div><div data-content-for="xs"><h2 data-mce-style="text-align: center; font-size: 1.66667rem; line-height: 2.111rem;" style="text-align: center; font-size: 1.66667rem; line-height: 2.111rem;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">SOHO CREATIVE GROUP</span></h2></div></div> </div> </div> </div></div></div> </section> <section id="section_d89f3bd00" class="content-block" data-column-mode-sm="single" data-column-mode-xs="single" data-height="custom" data-valign="center" > <div class="container"><div id="row_468da1f4e" class="row"><div id="column_8e4a60867" class="column" data-xl-width="12" > <div class="content-wrapper"> <div id="content_30a8041fa" class="column-content" data-module="paragraph" > <div class="is-content has-lg has-md has-sm has-xs"><div data-content-for="xl"><h2 data-mce-style="text-align: center;" style="text-align: center;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">BRANDING, UX / UI / WEB DESIGN, ECOMMERCE & WORDPRESS WEBSITES BUILT IN BERLIN.</span></h2></div><div data-content-for="lg"><h2 data-mce-style="text-align: center; font-size: 2rem; line-height: 2.66667rem;" style="text-align: center; font-size: 2rem; line-height: 2.66667rem;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">BRANDING, UX / UI / WEB DESIGN, ECOMMERCE & WORDPRESS WEBSITES BUILT IN BERLIN.</span></h2></div><div data-content-for="md"><h2 data-mce-style="text-align: center; font-size: 2rem; line-height: 2.66667rem;" style="text-align: center; font-size: 2rem; line-height: 2.66667rem;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">BRANDING, UX / UI / WEB DESIGN, ECOMMERCE & WORDPRESS WEBSITES BUILT IN BERLIN.</span></h2></div><div data-content-for="sm"><h2 data-mce-style="text-align: center; line-height: 2.11111rem; font-size: 1.667rem;" style="text-align: center; line-height: 2.11111rem; font-size: 1.667rem;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">BRANDING, UX / UI / WEB DESIGN, ECOMMERCE & WORDPRESS WEBSITES BUILT IN BERLIN.</span></h2></div><div data-content-for="xs"><h2 data-mce-style="text-align: center; font-size: 1.66667rem; line-height: 2.11111rem;" style="text-align: center; font-size: 1.66667rem; line-height: 2.11111rem;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">BRANDING, UX / UI / WEB DESIGN, ECOMMERCE & WORDPRESS WEBSITES BUILT IN BERLIN.</span></h2></div></div> </div> </div> </div></div></div> </section> <section id="section_0503c3432" class="content-block" data-column-mode-sm="single" data-column-mode-xs="single" data-layout="fluid" data-gutter="no" > <div class="container"><div id="row_62595d06a" class="row"><div id="column_5cc7cbf69" class="column" data-xl-width="12" > <div class="content-wrapper"> <div id="content_165c1e292" class="column-content" data-module="code" > <div class="is-content ce-code"> <div class="ditty ditty--pre" data-id="4316" data-uniqid="ditty-6745b2c19409a"></div> </div> </div> </div> </div></div></div> </section> <section id="section_25ce12acf" class="content-block footer" data-column-mode-sm="single" data-column-mode-xs="single" data-xs-visibility="visbile" > <div class="container"><div id="row_cff1aa1e2" class="row"><div id="column_048ec8927" class="column hide-on-mobile" data-xl-width="3" > <div class="content-wrapper"> <div id="content_d62354907" class="column-content" data-module="spacer" > <div class="spacer-container"> <div class="is-content"> <div class="spacer"></div> </div> </div> </div> <div id="content_9a640f79d" class="column-content" data-module="text" > <div class="is-content"><h6 data-mce-style="font-size: 1rem;" style="font-size: 1rem;" data-font-size-xl="1.000rem"><a data-mce-href="/about" href="/about" data-mce-selected="1"><span color="#ffffff" face="TTCommons-DemiBold, sans-serif" data-mce-style="color: #ffffff; font-family: TTCommons-DemiBold, sans-serif;" style="color: #ffffff; font-family: TTCommons-DemiBold, sans-serif;"><span style="font-weight: 400;" data-mce-style="font-weight: 400;">About</span></span></a></h6></div> </div> <div id="content_51c0ad569" class="column-content" data-module="text" > <div class="is-content"><h6 data-mce-style="font-size: 1rem;" style="font-size: 1rem;" data-font-size-xl="1.000rem"><span class="font_o3j6mne7v"><a data-mce-href="/projects" href="/projects" data-mce-selected="1"><span data-mce-style="color: #ffffff; font-family: TTCommons-DemiBold, sans-serif;" style="color: #ffffff; font-family: TTCommons-DemiBold, sans-serif;">Projects</span></a></span></h6></div> </div> <div id="content_5ac6a47b1" class="column-content" data-module="text" > <div class="is-content"><h6 data-mce-style="font-size: 1rem;" style="font-size: 1rem;" data-font-size-xl="1.000rem"><a data-mce-href="/contact" href="/contact" data-mce-selected="1"><span color="#ffffff" face="TTCommons-DemiBold, sans-serif" data-mce-style="color: #ffffff; font-family: TTCommons-DemiBold, sans-serif;" style="color: #ffffff; font-family: TTCommons-DemiBold, sans-serif;"><span style="font-weight: 400;" data-mce-style="font-weight: 400;">Contact</span></span></a></h6></div> </div> <div id="content_403fbd57b" class="column-content" data-module="spacer" > <div class="spacer-container"> <div class="is-content"> <div class="spacer"></div> </div> </div> </div> </div> </div><div id="column_64b2f5e5d" class="column hide-on-mobile" data-xl-width="3" > <div class="content-wrapper"> <div id="content_4db3ca146" class="column-content" data-module="spacer" > <div class="spacer-container"> <div class="is-content"> <div class="spacer"></div> </div> </div> </div> <div id="content_ae6dc6a0b" class="column-content" data-module="text" > <div class="is-content"><h6 data-mce-style="font-size: 1rem;" style="font-size: 1rem;" data-font-size-xl="1.000rem"><a data-mce-href="/blog" href="/blog" data-mce-selected="1"><span color="#ffffff" face="TTCommons-DemiBold, sans-serif" data-mce-style="color: #ffffff; font-family: TTCommons-DemiBold, sans-serif;" style="color: #ffffff; font-family: TTCommons-DemiBold, sans-serif;"><span style="font-weight: 400;" data-mce-style="font-weight: 400;">Blog</span></span></a></h6></div> </div> <div id="content_d33ca959e" class="column-content" data-module="text" > <div class="is-content"><h6 data-mce-style="font-size: 1rem;" style="font-size: 1rem;" data-font-size-xl="1.000rem"><a data-mce-href="/services" href="/services" data-mce-selected="1"><span color="#ffffff" face="TTCommons-DemiBold, sans-serif" data-mce-style="color: #ffffff; font-family: TTCommons-DemiBold, sans-serif;" style="color: #ffffff; font-family: TTCommons-DemiBold, sans-serif;"><span style="font-weight: 400;" data-mce-style="font-weight: 400;">Services</span></span></a></h6></div> </div> <div id="content_a7302a43e" class="column-content" data-module="text" > <div class="is-content"><h6 data-mce-style="font-size: 1rem;" style="font-size: 1rem;" data-font-size-xl="1.000rem"><a data-mce-href="https://www.crunchbase.com/organization/soho-creative-group" href="https://www.crunchbase.com/organization/soho-creative-group" data-mce-selected="1" target="_blank" rel="noopener"><span data-mce-style="color: #ffffff; font-family: TTCommons-DemiBold, sans-serif;" style="color: #ffffff; font-family: TTCommons-DemiBold, sans-serif;"><span style="font-weight: 400;" data-mce-style="font-weight: 400;">Crunchbase</span></span></a></h6></div> </div> <div id="content_dbb82f69c" class="column-content" data-module="spacer" > <div class="spacer-container"> <div class="is-content"> <div class="spacer"></div> </div> </div> </div> </div> </div><div id="column_e1b6260ea" class="column hide-on-mobile" data-xl-width="3" > <div class="content-wrapper"> <div id="content_c4936dd12" class="column-content" data-module="spacer" > <div class="spacer-container"> <div class="is-content"> <div class="spacer"></div> </div> </div> </div> <div id="content_c050493e8" class="column-content" data-module="text" > <div class="is-content"><h6 data-mce-style="font-size: 1rem;" style="font-size: 1rem;" data-font-size-xl="1.000rem"><a data-mce-href="https://www.awwwards.com/sohocreativegroup/" href="https://www.awwwards.com/sohocreativegroup/" data-mce-selected="1" target="_blank" rel="noopener"><span data-mce-style="color: #ffffff; font-family: TTCommons-DemiBold, sans-serif;" style="color: #ffffff; font-family: TTCommons-DemiBold, sans-serif;"><span style="font-weight: 400;" data-mce-style="font-weight: 400;">Awwwards</span></span></a></h6></div> </div> <div id="content_5ba0e8e72" class="column-content" data-module="text" > <div class="is-content"><h6 data-mce-style="font-size: 1rem;" style="font-size: 1rem;" data-font-size-xl="1.000rem"><a data-mce-href="https://www.designrush.com/agency/profile/soho-creative-group" href="https://www.designrush.com/agency/profile/soho-creative-group" data-mce-selected="1" target="_blank" rel="noopener"><span data-mce-style="color: #ffffff; font-family: TTCommons-DemiBold, sans-serif;" style="color: #ffffff; font-family: TTCommons-DemiBold, sans-serif;"><span style="font-weight: 400;" data-mce-style="font-weight: 400;">Designrush</span></span></a></h6></div> </div> <div id="content_b4e3ede33" class="column-content" data-module="text" > <div class="is-content"><h6 data-mce-style="font-size: 1rem;" style="font-size: 1rem;" data-font-size-xl="1.000rem"><a data-mce-href="https://digitalagencynetwork.com/agency/soho-creative-group/" href="https://digitalagencynetwork.com/agency/soho-creative-group/" target="_blank" rel="noopener" data-mce-selected="1"><span data-mce-style="color: #ffffff; font-family: TTCommons-DemiBold, sans-serif;" style="color: #ffffff; font-family: TTCommons-DemiBold, sans-serif;"><span style="font-weight: 400;" data-mce-style="font-weight: 400;">Digital Agency Network</span></span></a></h6></div> </div> <div id="content_8808c7a75" class="column-content" data-module="spacer" > <div class="spacer-container"> <div class="is-content"> <div class="spacer"></div> </div> </div> </div> </div> </div><div id="column_7e807ca5e" class="column" data-xl-width="3" > <div class="content-wrapper"> <div id="content_55e76ec1c" class="column-content" data-module="spacer" > <div class="spacer-container"> <div class="is-content"> <div class="spacer"></div> </div> </div> </div> <div id="content_c37136bb1" class="column-content" data-module="socialprofiles" > <div class="socialprofiles is-content" data-distributed="default" data-align="right"> <div class="inner"> <ul> <li class="social-profile social-profile-linkedin"><a href="https://www.linkedin.com/company/soho-creative-group" target="_blank"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.64334 11.0341H0.310005V3.54076H2.64334V11.0341ZM1.41334 2.60409H1.39667C1.218 2.61742 1.0385 2.59366 0.869449 2.53432C0.700393 2.47498 0.545429 2.38134 0.414282 2.25927C0.283134 2.1372 0.178635 1.98934 0.107344 1.82497C0.036053 1.66059 -0.000491084 1.48326 4.98345e-06 1.30409C4.98345e-06 0.564092 0.563338 0.00409261 1.43 0.00409261C1.60953 -0.0101492 1.79005 0.0128711 1.96025 0.0717087C2.13046 0.130546 2.28666 0.223931 2.41906 0.346001C2.55146 0.468071 2.6572 0.616192 2.72963 0.781066C2.80207 0.94594 2.83965 1.12401 2.84 1.30409C2.84 2.03076 2.29 2.60409 1.41334 2.60409ZM12 11.0341H9.33333V7.15742C9.33333 6.15742 8.92 5.45076 8 5.45076C7.71925 5.45073 7.44565 5.53934 7.2182 5.70393C6.99076 5.86853 6.82107 6.10073 6.73334 6.36742C6.67759 6.56563 6.65839 6.77234 6.67667 6.97742V11.0341H4.07C4.07 11.0341 4.10334 4.16742 4.07 3.54409H6.69667V4.73076C6.85334 4.21742 7.69667 3.48409 9.03 3.48409C10.6967 3.48409 12 4.56076 12 6.88076V11.0341Z" fill="white"/> </svg> </a></li><li class="social-profile social-profile-facebook"><a href="https://www.facebook.com/sohocreative.berlin" target="_blank"><svg width="7" height="14" viewBox="0 0 7 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 4.59024H1.41684V3.20035C1.41684 2.58433 1.41684 1.6372 1.87885 1.05199C2.13247 0.703432 2.47034 0.424892 2.86087 0.242419C3.2514 0.0599464 3.68184 -0.0204979 4.11191 0.00861065C4.97587 -0.0292053 5.84076 0.0576732 6.67993 0.266568L6.32187 2.38798C5.94529 2.2837 5.55745 2.22552 5.16684 2.21472C4.60858 2.21472 4.11191 2.41493 4.11191 2.98474V4.59024H6.39887L6.24102 6.66544H4.11191V13.869H1.41684V6.66544H0V4.59024Z" fill="white"/> </svg> </a></li><li class="social-profile social-profile-twitter"><a href="https://twitter.com/scgberlin" target="_blank"><svg width="16" height="13" viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.0693 1.44569C14.5052 1.69499 13.907 1.85865 13.2945 1.93125C13.9392 1.54578 14.4213 0.938635 14.6507 0.223399C14.044 0.58365 13.38 0.837089 12.6875 0.972678C12.2631 0.521932 11.7131 0.208931 11.1088 0.0741669C10.5045 -0.0605969 9.87366 -0.010921 9.2979 0.216768C8.72215 0.444456 8.22796 0.83968 7.87928 1.35131C7.5306 1.86294 7.34347 2.46742 7.3421 3.08657C7.34121 3.32327 7.3679 3.55928 7.42164 3.7898C6.19227 3.72819 4.98954 3.40908 3.89134 2.85313C2.79313 2.29717 1.82393 1.51677 1.04648 0.562458C0.652065 1.24347 0.531648 2.04908 0.709687 2.81565C0.887726 3.58223 1.35087 4.2523 2.00506 4.68977C1.51369 4.6745 1.03302 4.5425 0.602773 4.30467V4.34234C0.603192 5.05637 0.850606 5.74826 1.30304 6.30064C1.75548 6.85302 2.38508 7.23188 3.08502 7.37295C2.8192 7.4464 2.54455 7.48302 2.26877 7.48178C2.06933 7.48306 1.87025 7.46483 1.67437 7.42737C1.87108 8.0422 2.25545 8.57996 2.77349 8.96511C3.29154 9.35027 3.91722 9.56346 4.56265 9.57474C3.2687 10.5837 1.63003 11.0438 0 10.8556C1.41347 11.7638 3.05836 12.2463 4.73846 12.2454C10.4271 12.2454 13.5289 7.5362 13.5289 3.45493C13.5289 3.32098 13.5289 3.18703 13.5289 3.03634C14.1325 2.60156 14.6541 2.06297 15.0693 1.44569Z" fill="white"/> </svg> </a></li><li class="social-profile social-profile-instagram"><a href="https://www.instagram.com/soho.creative.group" target="_blank"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.5007 0C5.46381 0 5.20817 0.00890629 4.40818 0.045293C3.60973 0.0818555 3.06475 0.208242 2.58785 0.39375C2.09455 0.585293 1.67613 0.841523 1.25924 1.25859C0.842051 1.67543 0.585762 2.09391 0.393575 2.58703C0.207657 3.06404 0.0810936 3.6092 0.0451757 4.40736C0.00937488 5.20734 0 5.46316 0 7.50006C0 9.53695 0.00908207 9.79178 0.045293 10.5918C0.0820313 11.3903 0.208418 11.9353 0.39375 12.4121C0.585469 12.9054 0.841699 13.3239 1.25877 13.7408C1.67549 14.1579 2.09391 14.4148 2.58691 14.6064C3.0641 14.7918 3.60926 14.9183 4.40754 14.9548C5.20758 14.9912 5.46305 15.0001 7.49977 15.0001C9.53684 15.0001 9.79166 14.9912 10.5917 14.9548C11.3901 14.9183 11.9357 14.7918 12.413 14.6064C12.9061 14.4148 13.3239 14.1579 13.7406 13.7408C14.1578 13.3239 14.4141 12.9054 14.6062 12.4123C14.7906 11.9353 14.9172 11.3901 14.9547 10.5919C14.9906 9.79195 15 9.53695 15 7.50006C15 5.46316 14.9906 5.20752 14.9547 4.40754C14.9172 3.60908 14.7906 3.06404 14.6062 2.58721C14.4141 2.09391 14.1578 1.67543 13.7406 1.25859C13.3234 0.841406 12.9062 0.585117 12.4125 0.39375C11.9343 0.208242 11.389 0.0818555 10.5906 0.045293C9.79055 0.00890629 9.5359 0 7.49836 0H7.5007ZM7.25057 1.35147H7.25074L7.5007 1.35152C9.5032 1.35152 9.74057 1.35873 10.5313 1.39465C11.2626 1.42811 11.6595 1.55027 11.9239 1.65293C12.2739 1.78887 12.5234 1.95141 12.7857 2.21391C13.0482 2.47641 13.2108 2.72643 13.347 3.07641C13.4497 3.34049 13.572 3.73734 13.6053 4.46859C13.6412 5.25926 13.6491 5.49674 13.6491 7.49836C13.6491 9.49992 13.6412 9.7374 13.6053 10.5281C13.5718 11.2593 13.4497 11.6562 13.347 11.9203C13.2111 12.2702 13.0482 12.5195 12.7857 12.7818C12.5232 13.0443 12.274 13.2069 11.9239 13.3428C11.6598 13.4459 11.2626 13.5678 10.5313 13.6012C9.74074 13.6372 9.5032 13.645 7.5007 13.645C5.49803 13.645 5.26066 13.6372 4.47006 13.6012C3.73881 13.5674 3.3419 13.4453 3.0774 13.3426C2.72736 13.2067 2.47734 13.0441 2.21484 12.7816C1.95234 12.5191 1.78986 12.2698 1.65363 11.9196C1.55098 11.6556 1.42863 11.2587 1.39535 10.5274C1.35938 9.73682 1.35223 9.49928 1.35223 7.49648C1.35223 5.49363 1.35938 5.25738 1.39535 4.46672C1.42875 3.73547 1.55098 3.33861 1.65363 3.07424C1.78957 2.7242 1.95234 2.47424 2.21484 2.21174C2.47734 1.94924 2.72736 1.7867 3.0774 1.65047C3.34178 1.54734 3.73881 1.42547 4.47006 1.39184C5.16193 1.36061 5.43006 1.35123 6.82787 1.34965V1.35152C6.95848 1.35135 7.09899 1.35141 7.25057 1.35147ZM10.6042 3.49658C10.6042 2.99953 11.0073 2.59688 11.5042 2.59688V2.59658C12.0011 2.59658 12.4042 2.99971 12.4042 3.49658C12.4042 3.99346 12.0011 4.39658 11.5042 4.39658C11.0073 4.39658 10.6042 3.99346 10.6042 3.49658ZM7.50053 3.64846C5.37357 3.64852 3.6491 5.37305 3.6491 7.50006C3.6491 9.62713 5.37363 11.3509 7.5007 11.3509C9.62777 11.3509 11.3517 9.62713 11.3517 7.50006C11.3517 5.37299 9.6276 3.64846 7.50053 3.64846ZM10.0007 7.50006C10.0007 6.11924 8.88135 5.00004 7.5007 5.00004C6.11988 5.00004 5.00068 6.11924 5.00068 7.50006C5.00068 8.8807 6.11988 10.0001 7.5007 10.0001C8.88135 10.0001 10.0007 8.8807 10.0007 7.50006Z" fill="white"/> </svg> </a></li> </ul> </div> </div> </div> </div> </div></div><div id="row_f9b6e4d42" class="row"><div id="column_fd5aa57c7" class="column" data-xl-width="6" > <div class="content-wrapper"> <div id="content_2d6788648" class="column-content copyright" data-module="text" > <div class="is-content"><h6 style="text-align: left;" data-mce-style="text-align: left;"><span style="color: rgb(255, 255, 255);" data-mce-style="color: rgb(255, 255, 255);" class="font_9upht1a8f">© 2024 SOHO Creative Group. All Rights Reserved.</span></h6></div> </div> </div> </div><div id="column_3696569df" class="column" data-xl-width="6" > <div class="content-wrapper"> <div id="content_a154fa9f1" class="column-content copyright" data-module="text" > <div class="is-content"><h6 style="text-align: right;" data-mce-style="text-align: right;"><span class="font_9upht1a8f"><span style="color: rgb(255, 255, 255);" data-mce-style="color: rgb(255, 255, 255);">Email us at <a data-mce-href="mailto:info@sohocreativegroup.com" href="mailto:info@sohocreativegroup.com" target="_blank" rel="noopener" data-mce-selected="1" style="color: rgb(255, 255, 255);" data-mce-style="color: #ffffff;">info@sohocreativegroup.com</a></span></span></h6></div> </div> </div> </div></div></div> </section> </div> </div> </div> </div> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" title="Close (Esc)"></button> <button class="pswp__button pswp__button--share" title="Share"></button> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <div class="back-to-top"> <a class="semplice-event" data-event-type="helper" data-event="scrollToTop"><svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="53px" height="20px" viewBox="0 0 53 20" enable-background="new 0 0 53 20" xml:space="preserve"> <g id="Ebene_3"> </g> <g> <polygon points="43.886,16.221 42.697,17.687 26.5,4.731 10.303,17.688 9.114,16.221 26.5,2.312 "/> </g> </svg> </a> </div>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WM6ZMBX" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <script type="text/javascript" id="mediaelement-js-extra"> /* <![CDATA[ */ var _wpmejsSettings = {"pluginPath":"\/wp-includes\/js\/mediaelement\/","classPrefix":"mejs-","stretching":"responsive","audioShortcodeLibrary":"mediaelement","videoShortcodeLibrary":"mediaelement"}; /* ]]> */ </script> <script type="text/javascript" id="wpo_min-footer-0-js-extra"> /* <![CDATA[ */ var mtphr_dnt_vars = {"is_rtl":""}; /* ]]> */ </script> <script type="text/javascript" src="https://sohocreativegroup.com/wp-content/cache/wpo-minify/1732432176/assets/wpo-minify-footer-1d4937f2.min.js" id="wpo_min-footer-0-js"></script> <script type="text/javascript" id="wpo_min-footer-1-js-extra"> /* <![CDATA[ */ var semplice = {"default_api_url":"https:\/\/sohocreativegroup.com\/wp-json","semplice_api_url":"https:\/\/sohocreativegroup.com\/wp-json\/semplice\/v1\/frontend","template_dir":"https:\/\/sohocreativegroup.com\/wp-content\/themes\/semplice5","category_base":"\/category\/","tag_base":"\/tag\/","nonce":"c351b6e1d4","frontend_mode":"static","static_transitions":"enabled","site_name":"SOHO Creative Group","base_url":"https:\/\/sohocreativegroup.com","frontpage_id":"7","blog_home":"https:\/\/sohocreativegroup.com\/blog","blog_navbar":"","sr_status":"disabled","blog_sr_status":"disabled","is_preview":"","password_form":"\r\n<div class=\"post-password-form\">\r\n\t<div class=\"inner\">\r\n\t\t<form action=\"https:\/\/sohocreativegroup.com\/wp-login.php?action=postpass\" method=\"post\">\r\n\t\t\t<div class=\"password-lock\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"35\" height=\"52\" viewBox=\"0 0 35 52\">\r\n <path id=\"Form_1\" data-name=\"Form 1\" d=\"M31.3,25.028H27.056a0.755,0.755,0,0,1-.752-0.757V14.654a8.8,8.8,0,1,0-17.608,0v9.616a0.755,0.755,0,0,1-.752.757H3.7a0.755,0.755,0,0,1-.752-0.757V14.654a14.556,14.556,0,1,1,29.111,0v9.616A0.755,0.755,0,0,1,31.3,25.028Zm-3.495-1.514h2.743V14.654a13.051,13.051,0,1,0-26.1,0v8.859H7.192V14.654a10.309,10.309,0,1,1,20.617,0v8.859Zm4.43,28.475H2.761A2.77,2.77,0,0,1,0,49.213V25.28a1.763,1.763,0,0,1,1.755-1.766H33.242A1.763,1.763,0,0,1,35,25.28V49.213A2.77,2.77,0,0,1,32.239,51.988ZM1.758,25.028a0.252,0.252,0,0,0-.251.252V49.213a1.259,1.259,0,0,0,1.254,1.262H32.239a1.259,1.259,0,0,0,1.254-1.262V25.28a0.252,0.252,0,0,0-.251-0.252H1.758ZM20.849,43h-6.7a0.75,0.75,0,0,1-.61-0.314,0.763,0.763,0,0,1-.1-0.682l1.471-4.44a4.1,4.1,0,1,1,5.184,0L21.563,42a0.763,0.763,0,0,1-.1.682A0.75,0.75,0,0,1,20.849,43ZM15.2,41.487H19.8l-1.319-3.979a0.76,0.76,0,0,1,.33-0.891,2.6,2.6,0,1,0-2.633,0,0.76,0.76,0,0,1,.33.891Z\"\/>\r\n<\/svg>\r\n<\/div>\r\n\t\t\t<p>This content is protected. <br \/><span>To view, please enter the password.<\/span><\/p>\r\n\t\t\t<div class=\"input-fields\">\r\n\t\t\t\t<input name=\"post_password\" class=\"post-password-input\" type=\"password\" size=\"20\" maxlength=\"20\" placeholder=\"Enter password\" \/><input type=\"submit\" name=\"Submit\" value=\"Submit\" \/>\t\t\t<\/div>\r\n\t\t<\/form>\r\n\t<\/div>\r\n<\/div>\r\n\r\n","portfolio_order":[4089,3898,3221,4120,4249,3115,77,4240,3040],"gallery":{"prev":"<svg version=\"1.1\" id=\"Ebene_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\r\n\twidth=\"18px\" height=\"40px\" viewBox=\"0 0 18 40\" enable-background=\"new 0 0 18 40\" xml:space=\"preserve\">\r\n<g id=\"Ebene_2\">\r\n\t<g>\r\n\t\t<polygon points=\"16.3,40 0.3,20 16.3,0 17.7,1 2.5,20 17.7,39 \t\t\"\/>\r\n\t<\/g>\r\n<\/g>\r\n<\/svg>\r\n","next":"<svg version=\"1.1\" id=\"Ebene_1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\"\r\n\twidth=\"18px\" height=\"40px\" viewBox=\"0 0 18 40\" enable-background=\"new 0 0 18 40\" xml:space=\"preserve\">\r\n<g id=\"Ebene_2\">\r\n\t<g>\r\n\t\t<polygon points=\"0.3,39 15.5,20 0.3,1 1.7,0 17.7,20 1.7,40 \t\t\"\/>\r\n\t<\/g>\r\n<\/g>\r\n<\/svg>\r\n"},"sr_options":{"viewFactor":0,"easing":"ease-out","mobile":"false"}}; /* ]]> */ </script> <script type="text/javascript" src="https://sohocreativegroup.com/wp-content/cache/wpo-minify/1732432176/assets/wpo-minify-footer-9b4c1cd1.min.js" id="wpo_min-footer-1-js"></script> <script type="text/javascript" id="ditty-js-before"> /* <![CDATA[ */ const dittyVars = {"ajaxurl":"https:\/\/sohocreativegroup.com\/wp-admin\/admin-ajax.php","security":"ff659e8fa7","mode":"production","strings":{"add_title":"Add title","confirm_delete_item":"Are you sure you want to delete this Item? This action cannot be undone.","confirm_delete_display":"Are you sure you want to delete this Display?","confirm_delete_layout":"Are you sure you want to delete this Layout?","layout_css_error":"There is an error in your css.<br\/>Click to close this message."},"adminStrings":false,"globals":[{"selector":"","position":"","ditty":4316,"display":0,"custom_id":"","custom_classes":"","live_updates":0}],"updateIcon":"fas fa-sync-alt fa-spin","updateInterval":600,"dittyDevelopment":false} /* ]]> */ </script> <script type="text/javascript" src="https://sohocreativegroup.com/wp-content/plugins/ditty-news-ticker/build/ditty.js" id="ditty-js"></script> <script type="text/javascript" src="https://sohocreativegroup.com/wp-content/plugins/ditty-news-ticker/includes/js/partials/helpers.js" id="ditty-helpers-js"></script> <script type="text/javascript" src="https://sohocreativegroup.com/wp-content/plugins/ditty-news-ticker/build/dittyDisplayTicker.js" id="ditty-display-ticker-js"></script> <script id="ditty-singles"> jQuery( function( $ ) { $( 'div[data-uniqid="ditty-6745b2c19409a"]' ).ditty_ticker({"direction":"left","minHeight":"300px","spacing":"5","speed":"10","heightEase":"easeInOutQuint","heightSpeed":"0","scrollInit":"filled","scrollDelay":"0","cloneItems":"yes","wrapItems":"yes","hoverPause":"","titleDisplay":"none","titleContentsSize":"stretch","titleContentsPosition":"start","titleElement":"h3","titleElementPosition":"start","titleElementVerticalPosition":"start","itemElementsWrap":"nowrap","paging":"1","perPage":"10","autoplay":"0","transition":"fade","transitionEase":"easeInOutQuint","transitionSpeed":"1","initTransition":"fade","initTransitionEase":"easeInOutQuint","initTransitionSpeed":"1","initHeightEase":"easeInOutQuint","initHeightSpeed":"1","arrows":"none","arrowsPosition":"center","arrowsIconColor":"#777","arrowsStatic":"1","arrowsPadding":{"paddingTop":"","paddingBottom":"","paddingLeft":"","paddingRight":""},"bullets":"style1","bulletsPosition":"bottomCenter","bulletsColor":"#777","bulletsColorActive":"#000","bulletsSpacing":"5px","bulletsPadding":{"paddingTop":"","paddingBottom":"","paddingLeft":"","paddingRight":""},"borderStyle":"none","contentsBorderStyle":"none","pageBorderStyle":"none","itemBorderStyle":"none","orderby":"list","order":"desc","itemBgColor":"rgba(255,255,255, 1)","itemTextColor":"rgba(0, 0, 0, 1)","id":"4316","uniqid":"ditty-6745b2c19409a","title":"Footer","status":"publish","display":"4316","items":[{"id":"1","uniq_id":"1","parent_id":"0","timestamp":"1691484842","timestamp_iso":"2023-08-08T08:54:02+00:00","html":"<div class=\"ditty-item ditty-item--1 ditty-item-type--default ditty-layout--1_default\" data-item_id=\"1\" data-item_uniq_id=\"1\" data-parent_id=\"0\" data-item_type=\"default\" data-layout_id=\"1_default\"><div class=\"ditty-item__elements\"><div class=\"ditty-item__content\">UX\/UI \u2022 Responsive Web Design \u2022 Branding \u2022 Wordpress \u2022 SEO \u2022 Marketing \u2022 Content Writing \u2022 Content Management \u2022 Consulting \u2022 Support & Maintenance \u2022 Project Management \u2022 <\/div><\/div><\/div>","css":"","layout_id":"1_default","meta":[]}]}); } ); </script> <script type="text/javascript" id="7-motion-js"> (function ($) { "use strict";var playRepeat = [];var endDuration = 50;var options = JSON.parse('{"id":"section_230ee252f","trigger":"#content-holder #section_230ee252f","start":"top bottom-=100%","end":"+=100%","pin":true,"markers":false,"pinSpacing":false,"scrub":0}'); if(options.pin === true) { if("section_230ee252f".indexOf("section_") > -1 || "section_230ee252f".indexOf("cover") > -1) { $("#section_230ee252f").wrap("<div class='section-pin sp_section_230ee252f'></div>"); options["trigger"] = ".sp_section_230ee252f"; } else if("section_230ee252f".indexOf("column_") > -1) { $("#section_230ee252f").wrap("<div class='column-pin-outer cpo_section_230ee252f'><div class='column-pin-inner cpi_section_230ee252f '></div></div>"); options["trigger"] = ".cpi_section_230ee252f"; var atts = $("#section_230ee252f").prop("attributes"); $.each(atts, function(key, attr) { if(attr.name.indexOf("width") > -1) { $(".cpo_section_230ee252f").attr(attr.name, attr.value); } }); } else if("section_230ee252f".indexOf("content_") > -1) { options["trigger"] = "#section_230ee252f"; } } s4.animate.gsap["section_230ee252f"] = gsap.timeline({ scrollTrigger: options, }); // gsap set transform gsap.set("#content-holder #section_230ee252f", JSON.parse('{"translateY":0,"translateX":0,"rotate":"0deg","rotateY":"0deg","rotateX":"0deg","skewX":"0deg","skewY":"0deg","scaleX":"1","scaleY":"1"}')); // parse props var props = JSON.parse('{"duration":0.8,"ease":"Power0.easeNone","delay":0,"opacity":1}'); // add to timeline s4.animate.gsap["section_230ee252f"].to("#content-holder #section_230ee252f", props); // pause timeline s4.animate.gsap["section_230ee252f"].pause(); var playRepeat = [];var endDuration = 50;var options = JSON.parse('{"id":"column_9337b466d","trigger":"#content-holder #column_9337b466d","start":"top bottom-=100%","end":"migrated top","pin":false,"markers":false,"pinSpacing":false,"scrub":0}'); if(typeof endDuration !== "undefined") { var vpHeight = parseInt($(window).height()); var content = document.getElementById("column_9337b466d"); var contentRect = content.getBoundingClientRect(); var contentHeight = contentRect.height; var newEnd = Math.round(((endDuration * (vpHeight / 100)) - contentHeight) / (contentHeight / 100)); // changing end if(false !== newEnd && null !== newEnd) { options["end"] = options["end"].replace("migrated", "bottom+=" + newEnd + "%"); } } if(options.pin === true) { if("column_9337b466d".indexOf("section_") > -1 || "column_9337b466d".indexOf("cover") > -1) { $("#column_9337b466d").wrap("<div class='section-pin sp_column_9337b466d'></div>"); options["trigger"] = ".sp_column_9337b466d"; } else if("column_9337b466d".indexOf("column_") > -1) { $("#column_9337b466d").wrap("<div class='column-pin-outer cpo_column_9337b466d'><div class='column-pin-inner cpi_column_9337b466d '></div></div>"); options["trigger"] = ".cpi_column_9337b466d"; var atts = $("#column_9337b466d").prop("attributes"); $.each(atts, function(key, attr) { if(attr.name.indexOf("width") > -1) { $(".cpo_column_9337b466d").attr(attr.name, attr.value); } }); } else if("column_9337b466d".indexOf("content_") > -1) { options["trigger"] = "#column_9337b466d"; } } s4.animate.gsap["column_9337b466d"] = gsap.timeline({ scrollTrigger: options, }); // gsap set transform gsap.set("#content-holder #column_9337b466d", JSON.parse('{"translateY":"1.1111rem","translateX":"1.1111rem","rotate":"0deg","rotateY":"0deg","rotateX":"0deg","skewX":"0deg","skewY":"0deg","scaleX":"1","scaleY":"1"}')); // parse props var props = JSON.parse('{"duration":0.8,"ease":"Power0.easeNone","delay":0,"x":0,"y":0}'); // add to timeline s4.animate.gsap["column_9337b466d"].to("#content-holder #column_9337b466d", props); // pause timeline s4.animate.gsap["column_9337b466d"].pause(); var playRepeat = [];var endDuration = 50;var options = JSON.parse('{"id":"section_d89f3bd00","trigger":"#content-holder #section_d89f3bd00","start":"top bottom-=100%","end":"+=100%","pin":true,"markers":false,"pinSpacing":false,"scrub":0}'); if(options.pin === true) { if("section_d89f3bd00".indexOf("section_") > -1 || "section_d89f3bd00".indexOf("cover") > -1) { $("#section_d89f3bd00").wrap("<div class='section-pin sp_section_d89f3bd00'></div>"); options["trigger"] = ".sp_section_d89f3bd00"; } else if("section_d89f3bd00".indexOf("column_") > -1) { $("#section_d89f3bd00").wrap("<div class='column-pin-outer cpo_section_d89f3bd00'><div class='column-pin-inner cpi_section_d89f3bd00 '></div></div>"); options["trigger"] = ".cpi_section_d89f3bd00"; var atts = $("#section_d89f3bd00").prop("attributes"); $.each(atts, function(key, attr) { if(attr.name.indexOf("width") > -1) { $(".cpo_section_d89f3bd00").attr(attr.name, attr.value); } }); } else if("section_d89f3bd00".indexOf("content_") > -1) { options["trigger"] = "#section_d89f3bd00"; } } s4.animate.gsap["section_d89f3bd00"] = gsap.timeline({ scrollTrigger: options, }); // gsap set transform gsap.set("#content-holder #section_d89f3bd00", JSON.parse('{"translateY":0,"translateX":0,"rotate":"0deg","rotateY":"0deg","rotateX":"0deg","skewX":"0deg","skewY":"0deg","scaleX":"1","scaleY":"1"}')); // parse props var props = JSON.parse('{"duration":0.8,"ease":"Power0.easeNone","delay":0,"opacity":1}'); // add to timeline s4.animate.gsap["section_d89f3bd00"].to("#content-holder #section_d89f3bd00", props); // pause timeline s4.animate.gsap["section_d89f3bd00"].pause(); var playRepeat = [];var endDuration = 50;var options = JSON.parse('{"id":"column_8e4a60867","trigger":"#content-holder #column_8e4a60867","start":"top bottom-=100%","end":"migrated top","pin":false,"markers":false,"pinSpacing":false,"scrub":0}'); if(typeof endDuration !== "undefined") { var vpHeight = parseInt($(window).height()); var content = document.getElementById("column_8e4a60867"); var contentRect = content.getBoundingClientRect(); var contentHeight = contentRect.height; var newEnd = Math.round(((endDuration * (vpHeight / 100)) - contentHeight) / (contentHeight / 100)); // changing end if(false !== newEnd && null !== newEnd) { options["end"] = options["end"].replace("migrated", "bottom+=" + newEnd + "%"); } } if(options.pin === true) { if("column_8e4a60867".indexOf("section_") > -1 || "column_8e4a60867".indexOf("cover") > -1) { $("#column_8e4a60867").wrap("<div class='section-pin sp_column_8e4a60867'></div>"); options["trigger"] = ".sp_column_8e4a60867"; } else if("column_8e4a60867".indexOf("column_") > -1) { $("#column_8e4a60867").wrap("<div class='column-pin-outer cpo_column_8e4a60867'><div class='column-pin-inner cpi_column_8e4a60867 '></div></div>"); options["trigger"] = ".cpi_column_8e4a60867"; var atts = $("#column_8e4a60867").prop("attributes"); $.each(atts, function(key, attr) { if(attr.name.indexOf("width") > -1) { $(".cpo_column_8e4a60867").attr(attr.name, attr.value); } }); } else if("column_8e4a60867".indexOf("content_") > -1) { options["trigger"] = "#column_8e4a60867"; } } s4.animate.gsap["column_8e4a60867"] = gsap.timeline({ scrollTrigger: options, }); // gsap set transform gsap.set("#content-holder #column_8e4a60867", JSON.parse('{"translateY":"1.1111rem","translateX":"1.1111rem","rotate":"0deg","rotateY":"0deg","rotateX":"0deg","skewX":"0deg","skewY":"0deg","scaleX":"1","scaleY":"1"}')); // parse props var props = JSON.parse('{"duration":0.8,"ease":"Power0.easeNone","delay":0,"x":0,"y":0}'); // add to timeline s4.animate.gsap["column_8e4a60867"].to("#content-holder #column_8e4a60867", props); // pause timeline s4.animate.gsap["column_8e4a60867"].pause(); $(window).scroll();})(jQuery);(function ($) { "use strict";$(window).scroll();})(jQuery); </script> </body> </html>