<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Webshop &#8211; TK Mediendesign</title>
	<atom:link href="https://tk-mediendesign.de/tag/webshop/feed/" rel="self" type="application/rss+xml" />
	<link>https://tk-mediendesign.de</link>
	<description>Grafik- &#38; Webdesign für Handwerk &#38; kleine Unternehmen</description>
	<lastBuildDate>Fri, 06 Nov 2026 14:28:24 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.4</generator>

<image>
	<url>https://tk-mediendesign.de/wp-content/uploads/2025/10/TKM_Faviconlogo-150x150.png</url>
	<title>Webshop &#8211; TK Mediendesign</title>
	<link>https://tk-mediendesign.de</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>DirSync: Software-Rebranding und Webshop-Relaunch</title>
		<link>https://tk-mediendesign.de/software-rebranding-webshop-relaunch-dirsync/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Tue, 30 Dec 2025 12:12:44 +0000</pubDate>
				<category><![CDATA[Projekte]]></category>
		<category><![CDATA[Logodesign]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Corporate Design]]></category>
		<category><![CDATA[IT-Support]]></category>
		<category><![CDATA[Relaunch]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Webshop]]></category>
		<guid isPermaLink="false">https://tk-mediendesign.de/?p=3466</guid>

					<description><![CDATA[<p>Case Study DirSync: Software-Rebranding mit neuem Logo, überarbeiteter Produktverpackung und gestalterischem Webshop-Relaunch.</p>
<p>Der Beitrag <a rel="nofollow" href="https://tk-mediendesign.de/software-rebranding-webshop-relaunch-dirsync/">DirSync: Software-Rebranding und Webshop-Relaunch</a> erschien zuerst auf <a rel="nofollow" href="https://tk-mediendesign.de">TK Mediendesign</a>.</p>
]]></description>
			<style id="elementor-post-3466">.elementor-3466 .elementor-element.elementor-element-ls000001{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0rem 0rem;--row-gap:0rem;--column-gap:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-3466 .elementor-element.elementor-element-ls000001:not(.elementor-motion-effects-element-type-background), .elementor-3466 .elementor-element.elementor-element-ls000001 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1E2228;background-image:url("https://tk-mediendesign.de/wp-content/uploads/2026/11/DirSync_Hero_1920x1080.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-3466 .elementor-element.elementor-element-ls000003{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:1.5rem 1.5rem;--row-gap:1.5rem;--column-gap:1.5rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-3466 .elementor-element.elementor-element-ls000004{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;padding:0rem 0rem 0rem 0rem;font-family:"Roboto", Sans-serif;font-size:0.78rem;font-weight:700;text-transform:uppercase;line-height:1.4em;letter-spacing:0.09em;color:#F0F1F3;}.elementor-3466 .elementor-element.elementor-element-ls000005{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;text-align:start;}.elementor-3466 .elementor-element.elementor-element-ls000005 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:3.65rem;font-weight:700;line-height:1.08em;color:#FFFFFF;}.elementor-3466 .elementor-element.elementor-element-ls000006{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;padding:0rem 0rem 0rem 0rem;font-family:"Roboto", Sans-serif;font-size:1.06rem;line-height:1.65em;color:#F0F1F3;}.elementor-3466 .elementor-element.elementor-element-ls000007 .elementor-button{background-color:#ED6B25;font-family:"Roboto", Sans-serif;font-size:1rem;font-weight:700;line-height:1.4em;fill:#1E2228;color:#1E2228;border-style:solid;border-width:2px 2px 2px 2px;border-color:#ED6B25;border-radius:4px 4px 4px 4px;padding:.625rem 1.5rem .625rem 1.5rem;}.elementor-3466 .elementor-element.elementor-element-ls000007 .elementor-button:hover, .elementor-3466 .elementor-element.elementor-element-ls000007 .elementor-button:focus{background-color:#1E2228;color:#ED6B25;border-color:#ED6B25;}.elementor-3466 .elementor-element.elementor-element-ls000007{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-3466 .elementor-element.elementor-element-ls000007 .elementor-button:hover svg, .elementor-3466 .elementor-element.elementor-element-ls000007 .elementor-button:focus svg{fill:#ED6B25;}.elementor-3466 .elementor-element.elementor-element-ls000009{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;padding:0rem 0rem 0rem 0rem;font-family:"Roboto", Sans-serif;font-size:1.06rem;line-height:1.65em;color:#E2E5E8;}.elementor-3466 .elementor-element.elementor-element-ls000010{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;text-align:center;}.elementor-3466 .elementor-element.elementor-element-ls000010 img{width:100%;}.elementor-3466 .elementor-element.elementor-element-ksbody01{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3466 .elementor-element.elementor-element-ds000005{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3466 .elementor-element.elementor-element-ds000019{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3466 .elementor-element.elementor-element-ds000018{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3466 .elementor-element.elementor-element-ds000011{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3466 .elementor-element.elementor-element-ds000014{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3466 .elementor-element.elementor-element-ds000017{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3466 .elementor-element.elementor-element-ds000025{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3466 .elementor-element.elementor-element-ds000039{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3466 .elementor-element.elementor-element-ds000038{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3466 .elementor-element.elementor-element-ds000031{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3466 .elementor-element.elementor-element-ds000034{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3466 .elementor-element.elementor-element-ds000037{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3466 .elementor-element.elementor-element-ds000047{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3466 .elementor-element.elementor-element-ds000046{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3466 .elementor-element.elementor-element-ds000044{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3466 .elementor-element.elementor-element-ds000056{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3466 .elementor-element.elementor-element-ds000055{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3466 .elementor-element.elementor-element-ds000054{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3466 .elementor-element.elementor-element-ds000070{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3466 .elementor-element.elementor-element-ds000069{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3466 .elementor-element.elementor-element-ds000062{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3466 .elementor-element.elementor-element-ds000065{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3466 .elementor-element.elementor-element-ds000068{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3466 .elementor-element.elementor-element-ds000075{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3466 .elementor-element.elementor-element-dt000001{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-3466 .elementor-element.elementor-element-dt000002{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-3466 .elementor-element.elementor-element-dt000003{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3466 .elementor-element.elementor-element-ls000001:not(.elementor-motion-effects-element-type-background), .elementor-3466 .elementor-element.elementor-element-ls000001 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://tk-mediendesign.de/wp-content/uploads/2026/11/DirSync_Hero_1200x1200.webp");}.elementor-3466 .elementor-element.elementor-element-ls000001{--padding-top:0rem;--padding-bottom:0rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-3466 .elementor-element.elementor-element-ls000005 .elementor-heading-title{font-size:3rem;}}@media(max-width:767px){.elementor-3466 .elementor-element.elementor-element-ls000001{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-3466 .elementor-element.elementor-element-ls000003{--width:100%;}.elementor-3466 .elementor-element.elementor-element-ls000005 .elementor-heading-title{font-size:2.45rem;}}@media(min-width:768px){.elementor-3466 .elementor-element.elementor-element-ls000001{--content-width:1180px;}.elementor-3466 .elementor-element.elementor-element-ls000003{--width:56%;}.elementor-3466 .elementor-element.elementor-element-dt000001{--width:100%;}.elementor-3466 .elementor-element.elementor-element-dt000002{--width:100%;}.elementor-3466 .elementor-element.elementor-element-dt000003{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-ls000002 */.elementor-3466 .elementor-element.elementor-element-ls000002{display:none;}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ls000001 *//* TK Mediendesign | Dentallabor | eigenständige Desktop-, Tablet-, Mobil-Layouts */
.elementor-3466 .elementor-element.elementor-element-ls000001{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(45rem,52vw,56rem);background-color:#1E2228!important;background-size:cover!important;background-position:center 42%!important;}
.elementor-3466 .elementor-element.elementor-element-ls000001::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#1E2228 0%,#1e2228fa 23%,#1e2228ed 40%,#1e2228a8 54%,transparent 78%),linear-gradient(0deg,#1e2228a8,transparent 26%);}
.elementor-3466 .elementor-element.elementor-element-ls000001>.e-con-inner{position:relative;z-index:2;justify-content:center;min-height:inherit;gap:0;}
.elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-copy{position:relative;box-sizing:border-box;min-width:0;width:50%;max-width:42rem;padding:clamp(4rem,6vw,7rem) 0;gap:1.3rem;align-self:flex-start;}
.elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-eyebrow{font:700 .78rem/1.5 Roboto,sans-serif;letter-spacing:.09em;text-transform:uppercase;}
.elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-title .elementor-heading-title{font:700 clamp(2.7rem,3.9vw,4.1rem)/1.08 Roboto,sans-serif;letter-spacing:-.034em;hyphens:none;word-break:normal;overflow-wrap:normal;}
.elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-sub{max-width:37rem;font:400 1.08rem/1.62 Roboto,sans-serif;}
.elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-phone{font:500 .94rem/1.6 Roboto,sans-serif;}
.elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-phone a{color:#fff;text-underline-offset:.22em;}
.elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-trust{font:.84rem/1.6 Roboto,sans-serif;}
.elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-mobile-photo{display:none;}
.elementor-3466 .elementor-element.elementor-element-ls000001 .elementor-widget-text-editor p:last-child{margin-bottom:0;}
.elementor-3466 .elementor-element.elementor-element-ls000001 a:focus-visible{outline:3px solid #ED6B25;outline-offset:4px;}
.elementor-3466 .elementor-element.elementor-element-ls000001 .tk-primary-cta .elementor-button{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:.625rem 1.5rem;border:2px solid #ED6B25;border-radius:4px;background:#ED6B25;color:#1E2228;font:700 1rem/1.4 Roboto,sans-serif;letter-spacing:0;text-transform:none;transition:background-color .2s ease,color .2s ease;}
.elementor-3466 .elementor-element.elementor-element-ls000001 .tk-primary-cta .elementor-button:hover{color:#ED6B25;background:#1E2228;}
@media(min-width:1201px){.elementor-3466 .elementor-element.elementor-element-ls000001{background-image:url("https://tk-mediendesign.de/wp-content/uploads/2026/11/DirSync_Hero_1920x1080.webp")!important;}}
/* Tablet 768–1200px: Foto rechts als eigener Bildbereich, Text links ohne Überlagerung */
@media(min-width:768px) and (max-width:1200px){
 .elementor-3466 .elementor-element.elementor-element-ls000001{min-height:clamp(42rem,70vw,50rem);background-image:none!important;background-color:#1E2228!important;}
 .elementor-3466 .elementor-element.elementor-element-ls000001::after{content:"";position:absolute;inset:0 0 0 auto;width:54%;z-index:0;pointer-events:none;background:url("https://tk-mediendesign.de/wp-content/uploads/2026/11/DirSync_Hero_1200x1200.webp") center 42%/cover no-repeat;}
 .elementor-3466 .elementor-element.elementor-element-ls000001::before{z-index:1;background:linear-gradient(90deg,#1E2228 0%,#1E2228 43%,#1e2228f7 47%,#1e2228b8 51%,transparent 59%)!important;}
 .elementor-3466 .elementor-element.elementor-element-ls000001>.e-con-inner{min-height:inherit;position:relative;z-index:2;justify-content:center;}
 .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-copy{box-sizing:border-box;width:46%!important;min-width:0;max-width:none!important;padding:clamp(3rem,5vw,4.8rem) 0!important;gap:clamp(.75rem,1.3vw,1.1rem)!important;}
 .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-title .elementor-heading-title{font-size:clamp(1.9rem,3.4vw,2.45rem)!important;line-height:1.13!important;hyphens:none;word-break:normal;overflow-wrap:normal;}
 .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-sub{font-size:clamp(.94rem,1.38vw,1.04rem)!important;line-height:1.58!important;}
 .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-eyebrow{font-size:.7rem!important;}
 .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-phone{font-size:.82rem!important;}
 .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-trust{font-size:.75rem!important;}
 .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-primary-cta .elementor-button{font-size:.9rem;min-height:3rem;padding:.58rem 1rem;}
}
/* Smartphone: Text auf Anthrazit, darunter unverdeckt das quadratische Foto */
@media(max-width:767px){
 .elementor-3466 .elementor-element.elementor-element-ls000001{min-height:0!important;background-image:none!important;padding:0!important;}
 .elementor-3466 .elementor-element.elementor-element-ls000001::before,.elementor-3466 .elementor-element.elementor-element-ls000001::after{display:none!important;}
 .elementor-3466 .elementor-element.elementor-element-ls000001>.e-con-inner{min-height:0;width:100%;max-width:none;gap:0;}
 .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-copy{width:100%!important;min-width:0;max-width:none!important;padding:2.75rem 1.5rem 2.4rem!important;gap:1.25rem!important;}
 .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-title .elementor-heading-title{font-size:clamp(2rem,8.4vw,2.8rem)!important;line-height:1.1!important;}
 .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-sub{font-size:1rem!important;line-height:1.6!important;}
 .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-phone{font-size:.88rem!important;}
 .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-trust{font-size:.78rem!important;}
 .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-mobile-photo{display:block;width:100%;position:relative;margin:0;}
 .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-mobile-photo img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center top;}
 .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-mobile-photo::before{content:"";position:absolute;z-index:2;inset:-1px 0 auto;height:clamp(1.25rem,6vw,2rem);pointer-events:none;background:linear-gradient(170deg,#1E2228 0 32%,#1e2228ad 32% 54%,#1e22284d 54% 76%,transparent 76%);}
 .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-mobile-photo::after{content:"";position:absolute;inset:auto 0 0;height:16%;pointer-events:none;background:linear-gradient(0deg,#1e2228a6,transparent);}
 .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-primary-cta .elementor-button,.elementor-3466 .elementor-element.elementor-element-ls000001 .tk-primary-cta .elementor-button-wrapper{width:100%;}
}


/* TKMD Hero MASTER V4 – 02.11.2026
   Ein einziges Desktop-Raster für Start, Kontakt & Leistungen.
   Kachel exakt 31rem, am 1200px-Raster links und unten bündig.
   Nur Desktop: Tablet- und Mobil-Breakpoints bleiben unverändert. */
@media (min-width:1201px) {
 .elementor-3466 .elementor-element.elementor-element-ls000001 {
   position:relative!important;
   box-sizing:border-box!important;
   width:100%!important;
   max-width:none!important;
   height:auto!important;
   min-height:max(40rem,calc(100svh - 7rem))!important;
   overflow:hidden!important;
   background-size:cover!important;
   background-repeat:no-repeat!important;
   background-position:center center!important;
 }
 .elementor-3466 .elementor-element.elementor-element-ls000001::before {content:none!important;display:none!important;background:none!important;opacity:0!important;}
 .elementor-3466 .elementor-element.elementor-element-ls000001 > .e-con-inner {
   position:static!important;
   transform:none!important;
   filter:none!important;
   box-sizing:border-box!important;
   width:100%!important;
   max-width:none!important;
   min-height:0!important;
   margin:0!important;
   padding:0!important;
 }
 .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-copy,
 .elementor-3466 .elementor-element.elementor-element-ls000001 > .e-con-inner > .tk-hero-copy {
   position:absolute!important;
   z-index:3!important;
   box-sizing:border-box!important;
   top:clamp(2.5rem,4vw,4.25rem)!important;
   bottom:0!important;
   left:max(1.5rem,calc(50vw - 590px))!important;
   right:auto!important;
   width:31rem!important;
   min-width:0!important;
   max-width:31rem!important;
   height:auto!important;
   min-height:0!important;
   flex:0 0 auto!important;
   align-self:auto!important;
   margin:0!important;
   padding:clamp(1.5rem,2.1vw,2.4rem)!important;
   display:flex!important;
   flex-direction:column!important;
   justify-content:center!important;
   align-items:stretch!important;
   gap:clamp(.85rem,1.2vw,1.25rem)!important;
   background:rgba(30,34,40,.86)!important;
   border:0!important;
   border-radius:0!important;
   box-shadow:none!important;
   opacity:1!important;
   visibility:visible!important;
   transform:none!important;
 }
 .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-title .elementor-heading-title{
   font-size:clamp(2.15rem,2.8vw,3.15rem)!important;
   line-height:1.12!important;
   letter-spacing:-.025em!important;
   hyphens:none!important;
   overflow-wrap:normal!important;
 }
 .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-sub{font-size:clamp(.96rem,1vw,1.04rem)!important;line-height:1.56!important;}
 .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-trust{font-size:clamp(.72rem,.85vw,.8rem)!important;line-height:1.5!important;}
 .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-phone{font-size:.85rem!important;line-height:1.5!important;}
}
/* TKMD TABLET HERO MASTER V2 – 03.11.2026
   768–1200px: keine Verlaufsfläche, links ein schmaler,
   einheitlicher Anthrazit-Balken (43 %) ohne Versatz.
   Das Foto beginnt exakt nach der linken Fläche bei 43 %; keine überlagerten Flächen.
   Nur Tablet – Desktop und Smartphone bleiben unverändert.
   Für neue Unterseiten dieselbe Gestaltung übernehmen. */
@media (min-width:768px) and (max-width:1200px) {
  .elementor-3466 .elementor-element.elementor-element-ls000001 {
    position:relative!important;
    isolation:isolate!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    min-height:clamp(43rem,76vw,54rem)!important;
    height:auto!important;
    overflow:hidden!important;
    padding:0!important;
    background-color:#1E2228!important;
    background-image:none!important;
  }
  .elementor-3466 .elementor-element.elementor-element-ls000001::before {
    content:none!important;
    display:none!important;
    background:none!important;
    opacity:0!important;
  }
  .elementor-3466 .elementor-element.elementor-element-ls000001::after {
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    box-sizing:border-box!important;
    width:57%!important;
    height:100%!important;
    z-index:0!important;
    pointer-events:none!important;
    background-image:url("https://tk-mediendesign.de/wp-content/uploads/2026/11/DirSync_Hero_1200x1200.webp")!important;
    background-position:65% center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
  }
  .elementor-3466 .elementor-element.elementor-element-ls000001 > .e-con-inner {
    position:static!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
    filter:none!important;
  }
  .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-copy,
  .elementor-3466 .elementor-element.elementor-element-ls000001 > .e-con-inner > .tk-hero-copy {
    position:absolute!important;
    z-index:3!important;
    top:0!important;
    left:0!important;
    right:auto!important;
    bottom:0!important;
    box-sizing:border-box!important;
    width:43%!important;
    max-width:43%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    flex:0 0 auto!important;
    align-self:auto!important;
    margin:0!important;
    padding:clamp(1.3rem,2.35vw,2.2rem)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:stretch!important;
    gap:clamp(.65rem,1.15vw,1.1rem)!important;
    background:rgba(30,34,40,.86)!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-title .elementor-heading-title {
    font-size:clamp(1.85rem,2.9vw,2.35rem)!important;
    line-height:1.13!important;
    hyphens:none!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }
  .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-sub {
    font-size:clamp(.92rem,1.32vw,1.04rem)!important;
    line-height:1.55!important;
    max-width:100%!important;
    overflow-wrap:break-word!important;
  }
  .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-eyebrow {font-size:.70rem!important;line-height:1.5!important;}
  .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-trust {font-size:.72rem!important;line-height:1.45!important;}
  .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-hero-phone {font-size:.80rem!important;line-height:1.45!important;}
  .elementor-3466 .elementor-element.elementor-element-ls000001 .tk-primary-cta .elementor-button {
    font-size:clamp(.81rem,1.15vw,.94rem)!important;
    padding:.68rem .85rem!important;
    min-height:3rem!important;
    white-space:normal!important;
    text-align:center!important;
  }
}
/* DirSync-Projekt-Hero Desktop: Mockup vollstaendig zeigen.
   Die Originalgrafik ist 1920x1080 (16:9), der sichtbare
   Hero kann durch die Bildschirmhoehe deutlich flacher sein.
   Kein cover – deshalb keine Beschneidung oben und unten.
   Nur Desktop, Tablet-V2 und Mobil bleiben unveraendert. */
@media (min-width:1201px) {
 .elementor-3466 .elementor-element.elementor-element-ls000001 {
   background-color:#f0f0f0!important;
   background-image:url("https://tk-mediendesign.de/wp-content/uploads/2026/11/DirSync_Hero_1920x1080.webp"),
     linear-gradient(to bottom,#f0f0f0 0%,#f0f0f0 77%,#d5d5d5 90%,#d2d2d2 100%)!important;
   background-size:auto 100%,100% 100%!important;
   background-position:right center,center center!important;
   background-repeat:no-repeat,no-repeat!important;
 }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ksbody01 *//* TKMD Case-Study Layout V1 – wiederverwendbar für die Projektberichte */
.elementor-3466 .elementor-element.elementor-element-ksbody01{width:100%;max-width:none;background:#fff;color:#1E2228;font-family:Roboto,Arial,sans-serif;display:flex;flex-direction:column;gap:0;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-section{box-sizing:border-box;width:min(1180px,calc(100% - 3rem));max-width:1180px;margin:0 auto;padding:clamp(3.25rem,6vw,6rem) 0;display:flex;flex-direction:column;gap:1.25rem;align-items:stretch;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-section + .tk-case-section{border-top:1px solid #e8e9e9;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-kicker{color:#ED6B25;font:700 .78rem/1.5 Roboto,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-heading .elementor-heading-title{font:700 clamp(1.85rem,3vw,2.8rem)/1.15 Roboto,Arial,sans-serif;letter-spacing:-.025em;color:#1E2228;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-subheading .elementor-heading-title{font:700 clamp(1.3rem,2vw,1.65rem)/1.25 Roboto,Arial,sans-serif;color:#1E2228;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-lead{max-width:66rem;font:400 clamp(1rem,1.3vw,1.14rem)/1.72 Roboto,Arial,sans-serif;color:#3B454D;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-body{font:400 1rem/1.75 Roboto,Arial,sans-serif;color:#3B454D;max-width:69rem;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-body strong,.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-lead strong{color:#1E2228;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-body p:last-child,.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-lead p:last-child{margin-bottom:0;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1.4rem;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-chip{background:#f4f5f5;padding:1.1rem 1rem;border-left:3px solid #ED6B25;min-height:5.5rem;display:flex;flex-direction:column;gap:.4rem;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-chip small{font:.73rem/1.45 Roboto,Arial,sans-serif;color:#7D868C;text-transform:uppercase;letter-spacing:.055em;font-weight:700;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-chip strong{font:700 .98rem/1.4 Roboto,Arial,sans-serif;color:#1E2228;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:clamp(1.4rem,4vw,4.5rem);align-items:center;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-row.tk-case-reverse{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-image{min-width:0;width:100%;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-image img{display:block;width:100%;height:auto;max-width:100%;border-radius:8px;box-shadow:0 9px 29px rgba(30,34,40,.1);}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-image-cap{font:.82rem/1.5 Roboto,Arial,sans-serif;color:#7D868C;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-cardgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.2rem;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-card{background:#f4f5f5;border:1px solid #e6e8e9;padding:1.45rem 1.3rem;display:flex;flex-direction:column;gap:.75rem;min-width:0;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-card .elementor-heading-title{font:700 1.19rem/1.28 Roboto,Arial,sans-serif;color:#1E2228;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-card .elementor-widget-text-editor{font:.96rem/1.65 Roboto,Arial,sans-serif;color:#3B454D;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-figure{display:flex;flex-direction:column;gap:.85rem;min-width:0;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-figure img{display:block;width:100%;height:auto;max-width:100%;border-radius:6px;box-shadow:0 8px 25px rgba(30,34,40,.10);}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-figure .tk-case-subheading .elementor-heading-title{font-size:1.2rem;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-figure .elementor-widget-text-editor{font:.94rem/1.65 Roboto,Arial,sans-serif;color:#3B454D;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-compare-wrap{width:100%;max-width:1030px;margin:1rem auto .25rem;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-note{max-width:1030px;font:.86rem/1.55 Roboto,Arial,sans-serif;color:#7D868C;}
/* WP Hello hängt Schlagwörter unter den Beitrag: Case-Study braucht diese nicht. */
body.single-post .post-tags{display:none!important;}
@media(max-width:1024px){
 .elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-chips{grid-template-columns:repeat(2,minmax(0,1fr));}
 .elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-section{padding:clamp(2.7rem,5vw,4rem) 0;}
}
@media(max-width:767px){
 .elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-section{width:calc(100% - 2.5rem);padding:2.7rem 0;gap:1rem;}
 .elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;}
 .elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-chip{padding:.8rem .7rem;min-height:0;}
 .elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-chip strong{font-size:.86rem;}
 .elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-row,.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-row.tk-case-reverse,.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-cardgrid,.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-two{grid-template-columns:minmax(0,1fr);gap:1rem;}
 .elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-compare-wrap{margin:.5rem auto;}
  }
@media(prefers-reduced-motion:reduce){.elementor-3466 .elementor-element.elementor-element-ksbody01 *{scroll-behavior:auto!important;transition:none!important;}}


/* Bewährter Abschluss-CTA – direkt aus Referenzen übernommen. */
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-standard-final{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;background:#1E2228!important;color:#fff!important;padding:0!important;margin:0!important;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-standard-final .tk-ref-shell{box-sizing:border-box;width:min(1180px,calc(100% - 3rem));max-width:1180px;margin:0 auto;padding:clamp(3.6rem,6vw,6rem) 0;display:flex;flex-direction:column;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-standard-final .tk-ref-final-copy{display:flex;flex-direction:column;align-items:flex-start;max-width:62rem;gap:1.15rem;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-standard-final .tk-ref-kicker{font:700 .78rem/1.5 Roboto,Arial,sans-serif!important;letter-spacing:.09em;text-transform:uppercase;color:#ED6B25!important;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-standard-final .tk-ref-title .elementor-heading-title{font:700 clamp(2rem,3.2vw,3rem)/1.14 Roboto,Arial,sans-serif!important;color:#fff!important;letter-spacing:-.025em;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-standard-final .tk-ref-lead{font:400 1.05rem/1.65 Roboto,Arial,sans-serif!important;color:#DAE0E4!important;max-width:52rem;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-standard-final .tk-ref-final-btn .elementor-button{font:700 .98rem/1.5 Roboto,Arial,sans-serif!important;background:#ED6B25!important;border:2px solid #ED6B25!important;color:#1E2228!important;padding:1rem 1.45rem!important;border-radius:4px!important;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-standard-final .tk-ref-final-btn .elementor-button:hover{background:#1E2228!important;color:#ED6B25!important;}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-standard-final a:focus-visible{outline:3px solid #ED6B25;outline-offset:4px;}
@media(max-width:767px){.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-standard-final .tk-ref-shell{width:calc(100% - 2.5rem);padding:3rem 0;}.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-standard-final .tk-ref-final-btn,.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-standard-final .tk-ref-final-btn .elementor-button{width:100%;}}

/* Präziser Handlungsimpuls unter dem bestehenden Referenzen-CTA */
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-standard-final .tk-case-cta-micro{
  color:#CAD0D3!important;
  font:400 .82rem/1.55 Roboto,Arial,sans-serif!important;
  letter-spacing:.01em;
  margin-top:-.45rem;
}
.elementor-3466 .elementor-element.elementor-element-ksbody01 .tk-case-standard-final .tk-case-cta-micro p{margin:0!important;}/* End custom CSS */</style>							<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3466" class="elementor elementor-3466" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-ls000001 tk-lp-section tk-page-v2 tk-lp-hero tk-dirsync-hero e-flex e-con-boxed e-con e-parent" data-id="ls000001" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-ls000002 tk-hero-image-preload elementor-widget elementor-widget-html" data-id="ls000002" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<link rel="preload" as="image" fetchpriority="high" media="(min-width:1201px)" href="https://tk-mediendesign.de/wp-content/uploads/2026/11/DirSync_Hero_1920x1080.webp">
<link rel="preload" as="image" fetchpriority="high" media="(min-width:768px) and (max-width:1200px)" href="https://tk-mediendesign.de/wp-content/uploads/2026/11/DirSync_Hero_1200x1200.webp">
<link rel="preload" as="image" fetchpriority="high" media="(max-width:767px)" href="https://tk-mediendesign.de/wp-content/uploads/2026/11/DirSync_Hero_1080x1080.webp">				</div>
		<div class="elementor-element elementor-element-ls000003 e-con-full tk-hero-copy e-flex e-con e-child" data-id="ls000003" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ls000004 tk-hero-eyebrow elementor-widget elementor-widget-text-editor" data-id="ls000004" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>REFERENZ · BACKUP-SOFTWARE · REBRANDING</p>								</div>
				<div class="elementor-element elementor-element-ls000005 tk-hero-title elementor-widget elementor-widget-heading" data-id="ls000005" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h1 class="elementor-heading-title elementor-size-default">DirSync: <span style="color:#ED6B25">Software klarer präsentieren.</span></h1>				</div>
				<div class="elementor-element elementor-element-ls000006 tk-hero-sub elementor-widget elementor-widget-text-editor" data-id="ls000006" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Ein gutes technisches Produkt muss auch verstanden werden. Um die Software klarer zu präsentieren, habe ich für DirSync beim Software-Rebranding Logo, Produktdarstellung und Webshop aufeinander abgestimmt.</p>								</div>
				<div class="elementor-element elementor-element-ls000007 elementor-align-left elementor-mobile-align-justify tk-primary-cta tk-hero-cta tk-action-v2 elementor-widget elementor-widget-button" data-id="ls000007" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-md" href="https://tk-mediendesign.de/kontakt-tk-mediendesign/">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Kostenloses Webdesign-Erstgespräch anfragen →</span>
					</span>
					</a>
								</div>
				<div class="elementor-element elementor-element-ls000009 tk-hero-trust elementor-widget elementor-widget-text-editor" data-id="ls000009" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Logo-Rebranding · Produktdesign · Webshop-Relaunch</p>								</div>
				</div>
				<div class="elementor-element elementor-element-ls000010 tk-hero-mobile-photo elementor-widget elementor-widget-image" data-id="ls000010" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img fetchpriority="high" decoding="async" width="1080" height="1079" src="https://tk-mediendesign.de/wp-content/uploads/2026/11/DirSync_Hero_1080x1080.webp" class="attachment-full size-full wp-image-6689" alt="DirSync-Website auf einem Desktop-Monitor und Smartphone mit Familienfoto, orangefarbenen Schaltflächen und blauem Hintergrund." srcset="https://tk-mediendesign.de/wp-content/uploads/2026/11/DirSync_Hero_1080x1080.webp 1080w, https://tk-mediendesign.de/wp-content/uploads/2026/11/DirSync_Hero_1080x1080-300x300.webp 300w, https://tk-mediendesign.de/wp-content/uploads/2026/11/DirSync_Hero_1080x1080-1024x1024.webp 1024w, https://tk-mediendesign.de/wp-content/uploads/2026/11/DirSync_Hero_1080x1080-150x150.webp 150w, https://tk-mediendesign.de/wp-content/uploads/2026/11/DirSync_Hero_1080x1080-768x767.webp 768w" sizes="(max-width: 1080px) 100vw, 1080px" />															</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-ksbody01 tk-case-study-dirsync e-con-full e-flex e-con e-parent" data-id="ksbody01" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-ds000005 e-con-full tk-case-section tk-case-intro e-flex e-con e-child" data-id="ds000005" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ds000001 tk-case-kicker elementor-widget elementor-widget-text-editor" data-id="ds000001" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>PROJEKT AUF EINEN BLICK</p>								</div>
				<div class="elementor-element elementor-element-ds000002 tk-case-heading elementor-widget elementor-widget-heading" data-id="ds000002" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Ein technisches Produkt. Ein verständlicherer Markenauftritt.</h2>				</div>
				<div class="elementor-element elementor-element-ds000003 tk-case-lead elementor-widget elementor-widget-text-editor" data-id="ds000003" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>DirSync bietet Software zur Datensicherung. Damit die Vorteile einer solchen Lösung online klarer erkennbar werden, habe ich den visuellen Markenauftritt überarbeitet. Das Projekt verbindet ein neues Logo, eine zeitgemäßere Produktdarstellung und den gestalterischen Relaunch des Webshops.</p>								</div>
				<div class="elementor-element elementor-element-ds000004 elementor-widget elementor-widget-html" data-id="ds000004" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div class="tk-case-chips" aria-label="Projektüberblick"><div class="tk-case-chip"><small>Projekt</small><strong>DirSync Backup Software</strong></div><div class="tk-case-chip"><small>Branche</small><strong>Software & Datensicherung</strong></div><div class="tk-case-chip"><small>Aufgabe</small><strong>Rebranding & Webshop</strong></div><div class="tk-case-chip"><small>Leistungen</small><strong>Logo · Design · Web</strong></div></div>				</div>
				</div>
		<div class="elementor-element elementor-element-ds000019 e-con-full tk-case-section tk-case-challenge e-flex e-con e-child" data-id="ds000019" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ds000006 tk-case-kicker elementor-widget elementor-widget-text-editor" data-id="ds000006" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>DIE HERAUSFORDERUNG</p>								</div>
				<div class="elementor-element elementor-element-ds000007 tk-case-heading elementor-widget elementor-widget-heading" data-id="ds000007" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Wer Backup-Software anbietet, muss zuerst Vertrauen schaffen.</h2>				</div>
				<div class="elementor-element elementor-element-ds000008 tk-case-lead elementor-widget elementor-widget-text-editor" data-id="ds000008" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Datensicherung ist für viele Nutzer ein wichtiges Thema – aber selten eines, mit dem sie sich gerne lange beschäftigen. Die ältere DirSync-Gestaltung transportierte den Nutzen nur begrenzt: Logo, Verpackung und Webshop wirkten nicht mehr wie ein zusammengehöriges, zeitgemäßes Produkt. Informationen zur Software und die Wege zu Test- und Kaufmöglichkeiten sollten verständlicher werden.</p>								</div>
		<div class="elementor-element elementor-element-ds000018 e-con-full tk-case-cardgrid e-flex e-con e-child" data-id="ds000018" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-ds000011 e-con-full tk-case-card e-flex e-con e-child" data-id="ds000011" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ds000009 tk-case-subheading elementor-widget elementor-widget-heading" data-id="ds000009" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h3 class="elementor-heading-title elementor-size-default">Technik verständlich erklären</h3>				</div>
				<div class="elementor-element elementor-element-ds000010 tk-case-body elementor-widget elementor-widget-text-editor" data-id="ds000010" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Besucher sollen schnell verstehen, wofür die Software gedacht ist und warum eine zuverlässige Datensicherung wichtig ist.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-ds000014 e-con-full tk-case-card e-flex e-con e-child" data-id="ds000014" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ds000012 tk-case-subheading elementor-widget elementor-widget-heading" data-id="ds000012" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h3 class="elementor-heading-title elementor-size-default">Marke wiedererkennen</h3>				</div>
				<div class="elementor-element elementor-element-ds000013 tk-case-body elementor-widget elementor-widget-text-editor" data-id="ds000013" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Logo, Produktgestaltung und Webshop brauchen eine gemeinsame Formsprache statt verschiedener Gestaltungsstände.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-ds000017 e-con-full tk-case-card e-flex e-con e-child" data-id="ds000017" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ds000015 tk-case-subheading elementor-widget elementor-widget-heading" data-id="ds000015" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h3 class="elementor-heading-title elementor-size-default">Orientierung im Shop schaffen</h3>				</div>
				<div class="elementor-element elementor-element-ds000016 tk-case-body elementor-widget elementor-widget-text-editor" data-id="ds000016" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Produktinformationen, Navigation und die nächsten Schritte müssen leicht auffindbar sein.</p>								</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-ds000025 e-con-full tk-case-section tk-case-before-after e-flex e-con e-child" data-id="ds000025" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ds000020 tk-case-kicker elementor-widget elementor-widget-text-editor" data-id="ds000020" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>PRODUKTGESTALTUNG – VORHER UND NACHHER</p>								</div>
				<div class="elementor-element elementor-element-ds000021 tk-case-heading elementor-widget elementor-widget-heading" data-id="ds000021" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Wie aus einer älteren Verpackung eine klarere Produktmarke wird.</h2>				</div>
				<div class="elementor-element elementor-element-ds000022 tk-case-lead elementor-widget elementor-widget-text-editor" data-id="ds000022" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Das Bild zeigt die Veränderung im direkten Vergleich: Links die ursprüngliche blau-orange DirSync-Verpackung mit Pfeilsymbol, rechts die überarbeitete Variante mit geometrischer Bildmarke und einer deutlich ruhigeren Gestaltung. Ein gutes Rebranding setzt nicht nur eine neue Farbe ein – es sorgt dafür, dass das Produkt schneller wiedererkannt wird.</p>								</div>
				<div class="elementor-element elementor-element-ds000023 tk-case-image tk-case-wide-image elementor-widget elementor-widget-image" data-id="ds000023" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img decoding="async" width="1122" height="631" src="https://tk-mediendesign.de/wp-content/uploads/2025/12/software-verpackung-design-vorher-nachher-vergleich.jpg" class="attachment-full size-full wp-image-3473" alt="Gegenüberstellung der DirSync-Softwareverpackungen: links ältere blau-orange Version mit Pfeil-Symbol, rechts neues Design mit geometrischem Logo und klarer Typografie." srcset="https://tk-mediendesign.de/wp-content/uploads/2025/12/software-verpackung-design-vorher-nachher-vergleich.jpg 1122w, https://tk-mediendesign.de/wp-content/uploads/2025/12/software-verpackung-design-vorher-nachher-vergleich-300x169.jpg 300w, https://tk-mediendesign.de/wp-content/uploads/2025/12/software-verpackung-design-vorher-nachher-vergleich-1024x576.jpg 1024w, https://tk-mediendesign.de/wp-content/uploads/2025/12/software-verpackung-design-vorher-nachher-vergleich-768x432.jpg 768w" sizes="(max-width: 1122px) 100vw, 1122px" />															</div>
				<div class="elementor-element elementor-element-ds000024 tk-case-note elementor-widget elementor-widget-text-editor" data-id="ds000024" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Links: bisherige Verpackung · Rechts: neu gestaltete Produktverpackung.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-ds000039 e-con-full tk-case-section tk-case-process e-flex e-con e-child" data-id="ds000039" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ds000026 tk-case-kicker elementor-widget elementor-widget-text-editor" data-id="ds000026" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>MEINE UMSETZUNG</p>								</div>
				<div class="elementor-element elementor-element-ds000027 tk-case-heading elementor-widget elementor-widget-heading" data-id="ds000027" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Logo, Produkt und Webshop aus einem Gestaltungskonzept.</h2>				</div>
				<div class="elementor-element elementor-element-ds000028 tk-case-lead elementor-widget elementor-widget-text-editor" data-id="ds000028" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Meine Aufgabe war, eine einheitliche visuelle Linie zu schaffen und sie dort einzusetzen, wo Kunden mit dem Produkt in Berührung kommen: beim Logo, bei der Produktdarstellung und auf der Website. Die technische Software selbst war nicht Gegenstand dieses Designprojekts.</p>								</div>
		<div class="elementor-element elementor-element-ds000038 e-con-full tk-case-cardgrid e-flex e-con e-child" data-id="ds000038" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-ds000031 e-con-full tk-case-card e-flex e-con e-child" data-id="ds000031" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ds000029 tk-case-subheading elementor-widget elementor-widget-heading" data-id="ds000029" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h3 class="elementor-heading-title elementor-size-default">01 · Logo modernisieren</h3>				</div>
				<div class="elementor-element elementor-element-ds000030 tk-case-body elementor-widget elementor-widget-text-editor" data-id="ds000030" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Das bisherige Erscheinungsbild durch eine klare geometrische Bildmarke, eine modernisierte Wortmarke und abgestimmte Akzentfarben ersetzen.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-ds000034 e-con-full tk-case-card e-flex e-con e-child" data-id="ds000034" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ds000032 tk-case-subheading elementor-widget elementor-widget-heading" data-id="ds000032" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h3 class="elementor-heading-title elementor-size-default">02 · Produktdarstellung ordnen</h3>				</div>
				<div class="elementor-element elementor-element-ds000033 tk-case-body elementor-widget elementor-widget-text-editor" data-id="ds000033" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Typografie, Flächen, Farben und Verpackungsdarstellung überarbeiten, damit das Produkt konsistenter wirkt.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-ds000037 e-con-full tk-case-card e-flex e-con e-child" data-id="ds000037" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ds000035 tk-case-subheading elementor-widget elementor-widget-heading" data-id="ds000035" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h3 class="elementor-heading-title elementor-size-default">03 · Webshop gestalten</h3>				</div>
				<div class="elementor-element elementor-element-ds000036 tk-case-body elementor-widget elementor-widget-text-editor" data-id="ds000036" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Die neue Gestaltung auf die Produktpräsentation, die Navigation und die Informationsbereiche des Webshops übertragen.</p>								</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-ds000047 e-con-full tk-case-section tk-case-branding e-flex e-con e-child" data-id="ds000047" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ds000040 tk-case-kicker elementor-widget elementor-widget-text-editor" data-id="ds000040" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>LOGO &#038; CORPORATE DESIGN</p>								</div>
		<div class="elementor-element elementor-element-ds000046 e-con-full tk-case-row e-flex e-con e-child" data-id="ds000046" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-ds000044 e-con-full tk-case-col e-flex e-con e-child" data-id="ds000044" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ds000041 tk-case-heading elementor-widget elementor-widget-heading" data-id="ds000041" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Ein Logo, das auch im kleinen Format eindeutig bleibt.</h2>				</div>
				<div class="elementor-element elementor-element-ds000042 tk-case-body elementor-widget elementor-widget-text-editor" data-id="ds000042" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Das überarbeitete DirSync-Logo kombiniert eine markante geometrische Bildmarke mit einer klaren Wortmarke. Dunkelgrau und Orange sorgen für Kontrast und Wiedererkennung. Die Gestaltung wirkt sowohl auf der Produktverpackung als auch im Header des Webshops.</p>								</div>
				<div class="elementor-element elementor-element-ds000043 tk-case-body elementor-widget elementor-widget-text-editor" data-id="ds000043" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Wichtig war mir, dass das Zeichen auch ohne zusätzliche Erklärungen funktioniert: auf einer Website, in einer Software-Grafik und auf gedrucktem Material.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-ds000045 tk-case-image elementor-widget elementor-widget-image" data-id="ds000045" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img decoding="async" width="2560" height="1707" src="https://tk-mediendesign.de/wp-content/uploads/2025/12/neues-software-logo-design-mockup-scaled.jpg" class="attachment-full size-full wp-image-3474" alt="Neues DirSync-Logo in Orange und Dunkelgrau mit geometrischer Bildmarke und Schriftzug data backup auf weißem Papier." srcset="https://tk-mediendesign.de/wp-content/uploads/2025/12/neues-software-logo-design-mockup-scaled.jpg 2560w, https://tk-mediendesign.de/wp-content/uploads/2025/12/neues-software-logo-design-mockup-300x200.jpg 300w, https://tk-mediendesign.de/wp-content/uploads/2025/12/neues-software-logo-design-mockup-1024x683.jpg 1024w, https://tk-mediendesign.de/wp-content/uploads/2025/12/neues-software-logo-design-mockup-768x512.jpg 768w, https://tk-mediendesign.de/wp-content/uploads/2025/12/neues-software-logo-design-mockup-1536x1024.jpg 1536w, https://tk-mediendesign.de/wp-content/uploads/2025/12/neues-software-logo-design-mockup-2048x1365.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" />															</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-ds000056 e-con-full tk-case-section tk-case-website e-flex e-con e-child" data-id="ds000056" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ds000048 tk-case-kicker elementor-widget elementor-widget-text-editor" data-id="ds000048" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>WEBSHOP-RELAUNCH</p>								</div>
		<div class="elementor-element elementor-element-ds000055 e-con-full tk-case-row tk-case-reverse e-flex e-con e-child" data-id="ds000055" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ds000049 tk-case-image elementor-widget elementor-widget-image" data-id="ds000049" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="1621" height="1080" src="https://tk-mediendesign.de/wp-content/uploads/2026/11/DirSync_1620x1080.webp" class="attachment-full size-full wp-image-6688" alt="Webdesign-Referenz DirSync: Website der Backup-Software auf iMac und Smartphone mit Bergpanorama und Familie." srcset="https://tk-mediendesign.de/wp-content/uploads/2026/11/DirSync_1620x1080.webp 1621w, https://tk-mediendesign.de/wp-content/uploads/2026/11/DirSync_1620x1080-300x200.webp 300w, https://tk-mediendesign.de/wp-content/uploads/2026/11/DirSync_1620x1080-1024x682.webp 1024w, https://tk-mediendesign.de/wp-content/uploads/2026/11/DirSync_1620x1080-768x512.webp 768w, https://tk-mediendesign.de/wp-content/uploads/2026/11/DirSync_1620x1080-1536x1023.webp 1536w" sizes="(max-width: 1621px) 100vw, 1621px" />															</div>
		<div class="elementor-element elementor-element-ds000054 e-con-full tk-case-col e-flex e-con e-child" data-id="ds000054" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ds000050 tk-case-heading elementor-widget elementor-widget-heading" data-id="ds000050" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Nicht nur moderner aussehen – das Angebot schneller verstehen.</h2>				</div>
				<div class="elementor-element elementor-element-ds000051 tk-case-body elementor-widget elementor-widget-text-editor" data-id="ds000051" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Beim Webshop habe ich den Markenauftritt in die digitale Produktpräsentation übersetzt. Nutzer sollen schon auf den ersten Blick erkennen, dass es um Backup-Software geht. Dazu gehören eine verständliche Einstiegsbotschaft, gut gegliederte Informationen und deutlich erkennbare Handlungswege.</p>								</div>
				<div class="elementor-element elementor-element-ds000052 tk-case-body elementor-widget elementor-widget-text-editor" data-id="ds000052" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Das Mockup zeigt die DirSync-Website auf Desktop-Monitor und Smartphone. Die Darstellung verbindet das überarbeitete Logo mit Blau- und Orangetönen sowie einer emotionaleren Bildsprache, ohne die technische Funktion aus dem Blick zu verlieren.</p>								</div>
				<div class="elementor-element elementor-element-ds000053 tk-case-body elementor-widget elementor-widget-text-editor" data-id="ds000053" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<a href="https://dirsync.de" target="_blank" rel="noopener noreferrer">DirSync-Website ansehen ↗</a>								</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-ds000070 e-con-full tk-case-section tk-case-use e-flex e-con e-child" data-id="ds000070" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ds000057 tk-case-kicker elementor-widget elementor-widget-text-editor" data-id="ds000057" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>WAS DAS FÜR DIE KUNDEN BEDEUTET</p>								</div>
				<div class="elementor-element elementor-element-ds000058 tk-case-heading elementor-widget elementor-widget-heading" data-id="ds000058" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Ein klarer Auftritt nimmt Fragen vorweg.</h2>				</div>
				<div class="elementor-element elementor-element-ds000059 tk-case-lead elementor-widget elementor-widget-text-editor" data-id="ds000059" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Wenn ein Produkt technisch ist, hilft ein guter Webauftritt vor allem bei der Einordnung: Was macht die Software? Für wen eignet sie sich? Wo finde ich weitere Informationen und wie kann ich sie ausprobieren? Diese Fragen sollten sich nicht erst nach langem Suchen beantworten lassen.</p>								</div>
		<div class="elementor-element elementor-element-ds000069 e-con-full tk-case-cardgrid e-flex e-con e-child" data-id="ds000069" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-ds000062 e-con-full tk-case-card e-flex e-con e-child" data-id="ds000062" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ds000060 tk-case-subheading elementor-widget elementor-widget-heading" data-id="ds000060" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h3 class="elementor-heading-title elementor-size-default">Schneller verstehen</h3>				</div>
				<div class="elementor-element elementor-element-ds000061 tk-case-body elementor-widget elementor-widget-text-editor" data-id="ds000061" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Einstieg und Produktbeschreibung sind auf eine klarere Botschaft ausgerichtet.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-ds000065 e-con-full tk-case-card e-flex e-con e-child" data-id="ds000065" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ds000063 tk-case-subheading elementor-widget elementor-widget-heading" data-id="ds000063" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h3 class="elementor-heading-title elementor-size-default">Leichter orientieren</h3>				</div>
				<div class="elementor-element elementor-element-ds000064 tk-case-body elementor-widget elementor-widget-text-editor" data-id="ds000064" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Einheitliche Gestaltung unterstützt die Führung durch den Webshop und die Produktinformationen.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-ds000068 e-con-full tk-case-card e-flex e-con e-child" data-id="ds000068" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ds000066 tk-case-subheading elementor-widget elementor-widget-heading" data-id="ds000066" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h3 class="elementor-heading-title elementor-size-default">Seriös wiedererkennen</h3>				</div>
				<div class="elementor-element elementor-element-ds000067 tk-case-body elementor-widget elementor-widget-text-editor" data-id="ds000067" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Logo, Produktgrafiken und Website vermitteln einen zusammenhängenden professionellen Eindruck.</p>								</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-ds000075 e-con-full tk-case-section tk-case-outcome e-flex e-con e-child" data-id="ds000075" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ds000071 tk-case-kicker elementor-widget elementor-widget-text-editor" data-id="ds000071" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>DAS ERGEBNIS</p>								</div>
				<div class="elementor-element elementor-element-ds000072 tk-case-heading elementor-widget elementor-widget-heading" data-id="ds000072" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Eine Produktmarke, die auf allen Kontaktpunkten zusammenpasst.</h2>				</div>
				<div class="elementor-element elementor-element-ds000073 tk-case-lead elementor-widget elementor-widget-text-editor" data-id="ds000073" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>DirSync präsentiert sich mit überarbeitetem Logo, klarerer Produktgestaltung und einem darauf abgestimmten Webshop. Das Ergebnis ist ein verständlicherer visueller Auftritt für eine technisch anspruchsvolle Leistung – vom ersten Eindruck bis zu den Produktinformationen.</p>								</div>
				<div class="elementor-element elementor-element-ds000074 tk-case-body elementor-widget elementor-widget-text-editor" data-id="ds000074" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Das Projekt zeigt, was gutes Rebranding leisten soll: <strong>Produktqualität sichtbar machen und Wiedererkennung schaffen</strong> – und den Weg zur nächsten Entscheidung erleichtern. Konkrete Umsatz- oder Rankingsteigerungen werden damit nicht behauptet.</p>								</div>
				</div>
		<div class="elementor-element elementor-element-dt000001 e-con-full tk-case-standard-final e-flex e-con e-child" data-id="dt000001" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-dt000002 e-con-full tk-ref-shell e-flex e-con e-child" data-id="dt000002" data-element_type="container" data-e-type="container">
		<div class="elementor-element elementor-element-dt000003 e-con-full tk-ref-final-copy e-flex e-con e-child" data-id="dt000003" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-dt000004 tk-ref-kicker elementor-widget elementor-widget-text-editor" data-id="dt000004" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>ERKENNEN SIE IHR PRODUKT DARIN WIEDER?</p>								</div>
				<div class="elementor-element elementor-element-dt000005 tk-ref-title elementor-widget elementor-widget-heading" data-id="dt000005" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h2 class="elementor-heading-title elementor-size-default">Ist Ihr Produkt gut – aber online schwer zu verstehen?</h2>				</div>
				<div class="elementor-element elementor-element-dt000006 tk-ref-lead elementor-widget elementor-widget-text-editor" data-id="dt000006" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Vielleicht ist Ihre Software oder Dienstleistung überzeugend, doch Website, Logo und Produktdarstellung machen den Nutzen noch nicht deutlich. Erzählen Sie mir, wo Besucher heute Fragen haben. Gemeinsam besprechen wir, was sich an Gestaltung und Struktur sinnvoll verbessern lässt.</p>								</div>
				<div class="elementor-element elementor-element-dt000007 tk-ref-final-btn elementor-widget elementor-widget-button" data-id="dt000007" data-element_type="widget" data-e-type="widget" data-widget_type="button.default">
										<a class="elementor-button elementor-button-link elementor-size-sm" href="https://tk-mediendesign.de/kontakt-tk-mediendesign/">
						<span class="elementor-button-content-wrapper">
									<span class="elementor-button-text">Kostenloses Design-Erstgespräch anfragen →</span>
					</span>
					</a>
								</div>
				<div class="elementor-element elementor-element-dt000008 tk-case-cta-micro elementor-widget elementor-widget-text-editor" data-id="dt000008" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Kostenlos · unverbindlich · persönliche Antwort von mir</p>								</div>
				</div>
				</div>
				</div>
				</div>
				</div>
		<p>Der Beitrag <a rel="nofollow" href="https://tk-mediendesign.de/software-rebranding-webshop-relaunch-dirsync/">DirSync: Software-Rebranding und Webshop-Relaunch</a> erschien zuerst auf <a rel="nofollow" href="https://tk-mediendesign.de">TK Mediendesign</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
