<!DOCTYPE html>
<!--[if IE 8]> <html lang="de" class="ie ie8"> <![endif]-->
<!--[if IE 9]> <html lang="de" class="ie ie9"> <![endif]-->
<!--[if gt IE 9]><!--> <html lang="de"> <!--<![endif]-->
<head>
<title>Willkommen | skalar marketing</title>
<meta charset="utf-8">
<meta name="description" content="Klassische Werbung ✅ Webentwicklung ✅und Online-Marketing ✅aus einer Hand. Zertifiziertes Beratungsunternehmen im Förderprogramm go-digital.">
<meta name="author" content="skalar">
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="apple-touch-icon" sizes="180x180" href="/template/skalar2018/_ressources/img/fav/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/template/skalar2018/_ressources/img/fav/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/template/skalar2018/_ressources/img/fav/favicon-16x16.png">
<link rel="manifest" href="/template/skalar2018/_ressources/img/fav/site.webmanifest">
<link rel="mask-icon" href="/template/skalar2018/_ressources/img/fav/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/template/skalar2018/_ressources/img/fav/favicon.ico">
<meta name="msapplication-TileColor" content="#defc58">
<meta name="msapplication-config" content="/template/skalar2018/_ressources/img/fav/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<meta name = "format-detection" content = "telephone=no">
<link id='csscompile' rel="stylesheet" href="/template/skalar2018/dist/css/skalar2018.css?v=1690190749" media="all">
<script defer type="text/javascript" src="/template/skalar2018/pirsch/pirsch.min.js" id="pirschjs" data-endpoint="/template/skalar2018/pirsch/hit.php"></script>
<script defer type="text/javascript" src="/template/skalar2018/pirsch/pirsch-events.min.js" id="pirscheventsjs" data-endpoint="/template/skalar2018/pirsch/event.php"></script>
<script id="_etLoader" type="text/javascript" charset="UTF-8" data-block-cookies="true" data-secure-code="fnx13K" src="//code.etracker.com/code/e.js" async></script>
<!-- Google Tag Manager -->
<script>(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-K87X3D');</script>
<!-- End Google Tag Manager -->
</head>
<body class=" start" id="body">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K87X3D"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="wrap m-scene" id="main">
<header class="header">
<nav class="mainnav">
<!--main menu-->
<div class="logocontainer">
<figure class="logo"><a class="logo__link" href="/"><svg viewBox="0 0 32 50" xmlns="http://www.w3.org/2000/svg">
<g fill="#defc58" fill-rule="evenodd" class="fill">
<path d="M.034 32.771c.98-1.674 2.743-5.484 2.737-8.252C2.767 21.885.98 17.927.02 16.227c-.08-.126.095-.302.237-.193C2.127 17.708 7 22.288 7 24.52c0 2.216-4.825 6.742-6.725 8.438-.104.104-.347.011-.24-.186zM22.023 14.189c-.06-.084.028-.26.19-.158C24.713 16.178 32 22.598 32 24.503c0 1.903-7.283 8.316-9.785 10.463-.11.093-.283-.02-.187-.163 1.584-2.175 5.536-7.845 5.536-10.304 0-2.46-3.96-8.14-5.541-10.31z"/>
<path d="M7.322 49.94C11.13 45.164 22 30.644 22 24.989 22 19.33 11.096 4.93 7.29.057c-.116-.144-.357.01-.272.18 2.419 4.751 8.45 17.105 8.45 24.75 0 7.643-5.995 20.13-8.418 24.78-.093.188.158.312.272.174z"/>
</g>
</svg>
</a></figure>
</div>
<ul class="mainnav__ul">
<li class="mainnav__li ">
<a class="mainnav__a" href="menu">Menü</a>
<ul class="subnav">
<li class="hover-kreation subnav__li "><a class="subnav__a" href="/kreation">Kreation</a>
<div class="navinfo navinfo__kreation" style="margin-top:-0em" data-s="0">
<figure class="subnav__hover__img">
<img src='/img/Files/images/briefbogen-rueckseite-auslandszeit_bg.svg?r-f2500-1300' alt='Kreation' class='cover subnav__OF-cover lazyload objectfit' lazyload='false' srcset='/img/Files/images/briefbogen-rueckseite-auslandszeit_bg.svg?r-f400-0 768w,/img/Files/images/briefbogen-rueckseite-auslandszeit_bg.svg?r-f600-0 1024w,/img/Files/images/briefbogen-rueckseite-auslandszeit_bg.svg?r-f600-0 1200w,/img/Files/images/briefbogen-rueckseite-auslandszeit_bg.svg?r-f1024-0 1600w,/img/Files/images/briefbogen-rueckseite-auslandszeit_bg.svg?r-f1024-0 1920w,/img/Files/images/briefbogen-rueckseite-auslandszeit_bg.svg?r-f1200-0 2560w' />
</figure>
<div class="subnav__hover__text">Wir schützen die Artenvielfalt im Marketing und sichern Ihre Zukunft!</div>
</div>
</li>
<li class="hover-agentur subnav__li "><a class="subnav__a" href="/agentur">Agentur</a>
<div class="navinfo navinfo__agentur" style="margin-top:-4em" data-s="2">
<figure class="subnav__hover__img">
<img src='/img/Files/images/_DSC7938.jpg?r-f2500-1300' alt='Agentur' class='cover subnav__OF-cover lazyload objectfit' lazyload='false' srcset='/img/Files/images/_DSC7938.jpg?r-f400-0 768w,/img/Files/images/_DSC7938.jpg?r-f600-0 1024w,/img/Files/images/_DSC7938.jpg?r-f600-0 1200w,/img/Files/images/_DSC7938.jpg?r-f1024-0 1600w,/img/Files/images/_DSC7938.jpg?r-f1024-0 1920w,/img/Files/images/_DSC7938.jpg?r-f1200-0 2560w' />
</figure>
<div class="subnav__hover__text">Wenn keiner mehr weiter weiß,<br />
sagt uns Charly, wo’s lang geht.</div>
</div>
</li>
<li class="hover-leistungen subnav__li "><a class="subnav__a" href="/leistungen">Leistungen</a>
<div class="navinfo navinfo__leistungen" style="margin-top:-8em" data-s="3">
<figure class="subnav__hover__img">
<img src='/img/Files/images/DSC05283_Screen-1.jpg?r-f2500-1300' alt='Leistungen' class='cover subnav__OF-cover lazyload objectfit' lazyload='false' srcset='/img/Files/images/DSC05283_Screen-1.jpg?r-f400-0 768w,/img/Files/images/DSC05283_Screen-1.jpg?r-f600-0 1024w,/img/Files/images/DSC05283_Screen-1.jpg?r-f600-0 1200w,/img/Files/images/DSC05283_Screen-1.jpg?r-f1024-0 1600w,/img/Files/images/DSC05283_Screen-1.jpg?r-f1024-0 1920w,/img/Files/images/DSC05283_Screen-1.jpg?r-f1200-0 2560w' />
</figure>
<div class="subnav__hover__text">Online Marketing zu ignorieren ist, als würdest Du ein Geschäft eröffnen und es niemandem erzählen.</div>
</div>
</li>
<li class="hover-kontakt subnav__li "><a class="subnav__a" href="/kontakt">Kontakt</a>
<div class="navinfo navinfo__kontakt" style="margin-top:-12em" data-s="6">
<figure class="subnav__hover__img">
<img src='/img/Files/images/_DSC7862.jpg?r-f2500-1300' alt='Kontakt' class='cover subnav__OF-cover lazyload objectfit' lazyload='false' srcset='/img/Files/images/_DSC7862.jpg?r-f400-0 768w,/img/Files/images/_DSC7862.jpg?r-f600-0 1024w,/img/Files/images/_DSC7862.jpg?r-f600-0 1200w,/img/Files/images/_DSC7862.jpg?r-f1024-0 1600w,/img/Files/images/_DSC7862.jpg?r-f1024-0 1920w,/img/Files/images/_DSC7862.jpg?r-f1200-0 2560w' />
</figure>
<div class="subnav__hover__text">Kaffee und Kreativität sind die<br />
zwei Dinge, die uns nie ausgehen!</div>
</div>
</li>
<li class="small subnav__li "><a class="subnav__a" href="/agb">AGB</a>
</li>
<li class="small subnav__li "><a class="subnav__a" href="/impressum">Impressum</a>
</li>
<li class="small subnav__li "><a class="subnav__a" href="/datenschutz">Datenschutz</a>
</li>
<div class="social">
<a href="/impressum" class="social__link">Impressum</a>
<a href="/datenschutz" class="social__link">Datenschutz</a>
<a href="/agb" class="social__link">AGB</a>
<a href="https://www.instagram.com/skalar_marketing" target="_blank" class="instagram"></a>
<a href="https://www.pinterest.de/c662879a7d32812017e5e78894ddf9" target="_blank" class="pinterest"></a>
<a href="https://www.facebook.com/skalardesign" target="_blank" class="facebook"></a>
</div>
</ul>
</li>
</ul>
</nav>
</header>
<main class="main" data-transition="zoomIn2">
<article class="videoheader " data-scrollclass="videoheader__inview" data-midnight="logonormal">
<div class="videoheader__video">
<video class="videoheader__video_interval" preload="" loop="" muted="" autoplay="" playsinline="" id="vid">
<source src="https://player.vimeo.com/progressive_redirect/playback/787529342/rendition/1080p/file.mp4?loc=external&signature=26bc3fb1ff9ddfadbb94f6f204961b68d25ac86f98f529db9ceffcde37c06b27" type='video/mp4' />
</video>
</div>
<div class="videoheader__box">
<h4>skalieren mit skalar</h4>
<h1> <span class="videoheader__italic">Wir entwickeln Design- und Marketingkonzepte,</span><br>
die nicht in Schubladen, sondern zu Ihnen passen. </h1> <div class="videoheader__text">Ein zielgerichtetes Marketing und eine prägnante Unternehmensdarstellung beginnen bei uns mit einer individuellen, strategischen Beratung. Nur so werden aus Budgets erfolgreiche Investitionen.<br />
</div>
<div class="videoheader__box__cta"><a class="videoheader__box__cta__a--v2" href="/kontakt">Schwimm mit</a></div>
</div>
</article>
<article class="slider " data-scrollclass="slider__inview" data-midnight="logoinvers">
<div class="slider__ul swiper-container">
<div class="slider__wrapper swiper-wrapper">
<div class="slider__item swiper-slide">
<div class="slider__box">
<h4>25.06.2024</h4>
<h2><span class="slider__italic">Sechs Unternehmen</span><br>Ein Markenkonzept</h2> <a href="steinel" class="slider__cta">Weitere Infos</a> </div>
<figure class="slider__img">
<img src='/img/Files/images/skalar_referenz_steinel_visitekarte_3.jpg?r-f1920-1080' node='slider' alt='Sechs Unternehmen' class='slider__img slider__OF-cover objectfit pli lazyloaded' data-rz='?r-f1920-1080' lazyload='false' srcset='/img/Files/images/skalar_referenz_steinel_visitekarte_3.jpg?r-f375-0 375w,/img/Files/images/skalar_referenz_steinel_visitekarte_3.jpg?r-f768-0 768w,/img/Files/images/skalar_referenz_steinel_visitekarte_3.jpg?r-f1024-0 1024w,/img/Files/images/skalar_referenz_steinel_visitekarte_3.jpg?r-f1200-0 1200w,/img/Files/images/skalar_referenz_steinel_visitekarte_3.jpg?r-f1600-0 1600w,/img/Files/images/skalar_referenz_steinel_visitekarte_3.jpg?r-f1920-0 1920w,/img/Files/images/skalar_referenz_steinel_visitekarte_3.jpg?r-f2560-0 2560w' style='object-position:48.89% 44.75%' data-info='48.89% 44.75%' />
</figure>
</div>
<div class="slider__item swiper-slide">
<div class="slider__box">
<h4>18.12.2023</h4>
<h2><span class="slider__italic">Runde</span><br>Weihnachten</h2> <a href="weihnachten" class="slider__cta">Weitere Infos</a> </div>
<figure class="slider__img">
<img src='/img/Files/images/skalar_weihnachtskarte.jpg?r-f1920-1080' node='slider' alt='Runde' class='slider__img slider__OF-cover objectfit pli lazyloaded' data-rz='?r-f1920-1080' lazyload='false' srcset='/img/Files/images/skalar_weihnachtskarte.jpg?r-f375-0 375w,/img/Files/images/skalar_weihnachtskarte.jpg?r-f768-0 768w,/img/Files/images/skalar_weihnachtskarte.jpg?r-f1024-0 1024w,/img/Files/images/skalar_weihnachtskarte.jpg?r-f1200-0 1200w,/img/Files/images/skalar_weihnachtskarte.jpg?r-f1600-0 1600w,/img/Files/images/skalar_weihnachtskarte.jpg?r-f1920-0 1920w,/img/Files/images/skalar_weihnachtskarte.jpg?r-f2560-0 2560w' style='object-position:50.95% 54.18%' data-info='50.95% 54.18%' />
</figure>
</div>
<div class="slider__item swiper-slide">
<div class="slider__box">
<h4>29.10.2023</h4>
<h2><span class="slider__italic">Was Dich bewegt</span><br>Landingpage | Fotografie für sportglückt</h2> <a href="sportglueckt" class="slider__cta">Weitere Infos</a> </div>
<figure class="slider__img">
<img src='/img/Files/images/schwimmen_personal_training6216.jpg?r-f1920-1080' node='slider' alt='Was Dich bewegt' class='slider__img slider__OF-cover objectfit pli lazyloaded' data-rz='?r-f1920-1080' lazyload='false' srcset='/img/Files/images/schwimmen_personal_training6216.jpg?r-f375-0 375w,/img/Files/images/schwimmen_personal_training6216.jpg?r-f768-0 768w,/img/Files/images/schwimmen_personal_training6216.jpg?r-f1024-0 1024w,/img/Files/images/schwimmen_personal_training6216.jpg?r-f1200-0 1200w,/img/Files/images/schwimmen_personal_training6216.jpg?r-f1600-0 1600w,/img/Files/images/schwimmen_personal_training6216.jpg?r-f1920-0 1920w,/img/Files/images/schwimmen_personal_training6216.jpg?r-f2560-0 2560w' style='object-position:50.95% 54.18%' data-info='50.95% 54.18%' />
</figure>
</div>
<div class="slider__item swiper-slide">
<div class="slider__box">
<h4>01.03.2023</h4>
<h2><span class="slider__italic">Spannendes Corporate Design</span><br>für die B.E.S.S.E.R. GmbH</h2> <a href="besser" class="slider__cta">Weitere Infos</a> </div>
<figure class="slider__img">
<img src='/img/Files/images/skalar_referenz_Besser_visi_3-1.jpg?r-f1920-1080' node='slider' alt='Spannendes Corporate Design' class='slider__img slider__OF-cover objectfit pli lazyloaded' data-rz='?r-f1920-1080' lazyload='false' srcset='/img/Files/images/skalar_referenz_Besser_visi_3-1.jpg?r-f375-0 375w,/img/Files/images/skalar_referenz_Besser_visi_3-1.jpg?r-f768-0 768w,/img/Files/images/skalar_referenz_Besser_visi_3-1.jpg?r-f1024-0 1024w,/img/Files/images/skalar_referenz_Besser_visi_3-1.jpg?r-f1200-0 1200w,/img/Files/images/skalar_referenz_Besser_visi_3-1.jpg?r-f1600-0 1600w,/img/Files/images/skalar_referenz_Besser_visi_3-1.jpg?r-f1920-0 1920w,/img/Files/images/skalar_referenz_Besser_visi_3-1.jpg?r-f2560-0 2560w' style='object-position:50.95% 54.18%' data-info='50.95% 54.18%' />
</figure>
</div>
<div class="slider__item swiper-slide">
<div class="slider__box">
<h4>27.10.2022</h4>
<h2><span class="slider__italic">Corporate Design</span><br>Moritz-Fontaine-Gesamtschule</h2> <a href="mfg" class="slider__cta">Weitere Infos</a> </div>
<figure class="slider__img">
<img src='/img/Files/images/skalar_referenz_MFG_corporate-design_8.jpg?r-f1920-1080' node='slider' alt='Corporate Design' class='slider__img slider__OF-cover objectfit pli lazyloaded' data-rz='?r-f1920-1080' lazyload='false' srcset='/img/Files/images/skalar_referenz_MFG_corporate-design_8.jpg?r-f375-0 375w,/img/Files/images/skalar_referenz_MFG_corporate-design_8.jpg?r-f768-0 768w,/img/Files/images/skalar_referenz_MFG_corporate-design_8.jpg?r-f1024-0 1024w,/img/Files/images/skalar_referenz_MFG_corporate-design_8.jpg?r-f1200-0 1200w,/img/Files/images/skalar_referenz_MFG_corporate-design_8.jpg?r-f1600-0 1600w,/img/Files/images/skalar_referenz_MFG_corporate-design_8.jpg?r-f1920-0 1920w,/img/Files/images/skalar_referenz_MFG_corporate-design_8.jpg?r-f2560-0 2560w' style='object-position:50.95% 54.18%' data-info='50.95% 54.18%' />
</figure>
</div>
<div class="slider__item swiper-slide">
<div class="slider__box">
<h4>30.05.2022</h4>
<h2><span class="slider__italic">Relaunch Website</span><br>Schoeps & Schlüter Architekten</h2> <a href="schoeps-&-schlueter" class="slider__cta">Weitere Infos</a> </div>
<figure class="slider__img">
<img src='/img/Files/images/skalar_sus_tablet.jpg?r-f1920-1080' node='slider' alt='Relaunch Website' class='slider__img slider__OF-cover objectfit pli lazyloaded' data-rz='?r-f1920-1080' lazyload='false' srcset='/img/Files/images/skalar_sus_tablet.jpg?r-f375-0 375w,/img/Files/images/skalar_sus_tablet.jpg?r-f768-0 768w,/img/Files/images/skalar_sus_tablet.jpg?r-f1024-0 1024w,/img/Files/images/skalar_sus_tablet.jpg?r-f1200-0 1200w,/img/Files/images/skalar_sus_tablet.jpg?r-f1600-0 1600w,/img/Files/images/skalar_sus_tablet.jpg?r-f1920-0 1920w,/img/Files/images/skalar_sus_tablet.jpg?r-f2560-0 2560w' style='object-position:45.83% 60.06%' data-info='45.83% 60.06%' />
</figure>
</div>
<div class="slider__item swiper-slide">
<div class="slider__box">
<h4>05.04.2022</h4>
<h2><span class="slider__italic">Redesign – Veränderungen visualisieren</span><br>Horstkemper Heizung | Sanitär</h2> <a href="horstkemper" class="slider__cta">Weitere Infos</a> </div>
<figure class="slider__img">
<img src='/img/Files/images/horstkemper_mockup_visi_2.jpg?r-f1920-1080' node='slider' alt='Redesign – Veränderungen visualisieren' class='slider__img slider__OF-cover objectfit pli lazyloaded' data-rz='?r-f1920-1080' lazyload='false' srcset='/img/Files/images/horstkemper_mockup_visi_2.jpg?r-f375-0 375w,/img/Files/images/horstkemper_mockup_visi_2.jpg?r-f768-0 768w,/img/Files/images/horstkemper_mockup_visi_2.jpg?r-f1024-0 1024w,/img/Files/images/horstkemper_mockup_visi_2.jpg?r-f1200-0 1200w,/img/Files/images/horstkemper_mockup_visi_2.jpg?r-f1600-0 1600w,/img/Files/images/horstkemper_mockup_visi_2.jpg?r-f1920-0 1920w,/img/Files/images/horstkemper_mockup_visi_2.jpg?r-f2560-0 2560w' style='object-position:0% 0%' data-info='0% 0%' />
</figure>
</div>
</div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev"><i></i><span></span></div>
<div class="swiper-button-next"><span></span><i></i></div>
</div>
</article>
<article class="project " data-scrollclass="project__inview" data-midnight="logonormal">
<div class="project__box project__box--v3">
<h4>Projekte</h4>
<h2><span class="project__italic">sportglückt</span><br>Web / Foto / CMS / Print</h2> <a href="/sportglueckt" class="project__cta">Zeig mir mehr</a> </div>
<a href="/sportglueckt"> <figure class="project__img project__img--v3">
<img src='/img/Files/images/skalar_referenz_sportglueckt_landingpage.jpg?r-f1920-1080' node='bild' alt='sportglückt' class='project__img project__OF-cover objectfit pli lazyloaded' data-rz='?r-f1920-1080' focalPoint='1' lazyload='false' srcset='/img/Files/images/skalar_referenz_sportglueckt_landingpage.jpg?r-f375-0 375w,/img/Files/images/skalar_referenz_sportglueckt_landingpage.jpg?r-f768-0 768w,/img/Files/images/skalar_referenz_sportglueckt_landingpage.jpg?r-f1024-0 1024w,/img/Files/images/skalar_referenz_sportglueckt_landingpage.jpg?r-f1200-0 1200w,/img/Files/images/skalar_referenz_sportglueckt_landingpage.jpg?r-f1600-0 1600w,/img/Files/images/skalar_referenz_sportglueckt_landingpage.jpg?r-f1920-0 1920w,/img/Files/images/skalar_referenz_sportglueckt_landingpage.jpg?r-f2560-0 2560w' style='object-position:50% 50%' data-info='50% 50%' />
</figure>
</a></article>
<article class="project " data-scrollclass="project__inview" data-midnight="logoinvers">
<div class="project__box project__box--v2">
<h4>Projekte</h4>
<h2><span class="project__italic">Orchideen Dürbusch</span><br>CD / Web / Foto / CMS / Print</h2> <a href="duerbusch" class="project__cta">Zeig mir mehr</a> </div>
<a href="duerbusch"> <figure class="project__img project__img--v2">
<img src='/img/Files/images/skalar_visi_orchideen_duerbusch_1.jpg?r-f1920-1080' node='bild' alt='Orchideen Dürbusch' class='project__img project__OF-cover objectfit pli lazyloaded' data-rz='?r-f1920-1080' focalPoint='1' lazyload='false' srcset='/img/Files/images/skalar_visi_orchideen_duerbusch_1.jpg?r-f375-0 375w,/img/Files/images/skalar_visi_orchideen_duerbusch_1.jpg?r-f768-0 768w,/img/Files/images/skalar_visi_orchideen_duerbusch_1.jpg?r-f1024-0 1024w,/img/Files/images/skalar_visi_orchideen_duerbusch_1.jpg?r-f1200-0 1200w,/img/Files/images/skalar_visi_orchideen_duerbusch_1.jpg?r-f1600-0 1600w,/img/Files/images/skalar_visi_orchideen_duerbusch_1.jpg?r-f1920-0 1920w,/img/Files/images/skalar_visi_orchideen_duerbusch_1.jpg?r-f2560-0 2560w' style='object-position:50.33% 44.33%' data-info='50.33% 44.33%' />
</figure>
</a></article>
<article class="timeline " data-scrollclass="timeline__inview" data-midnight="logoinvers">
<div id="Projektablauf" class="anchor scrollSpy"></div> <div class="timeline__arrow "></div>
<div class="timeline__container">
<div class="timeline__container__arrow"></div>
<div class="timeline__container__subs">
<div class="timeline__container__item timeline__container__item--top ">
<a class="timeline__container__itemlink" href="/leistungen#Strategie"> <div class="timeline__container__item__wrapper">
<div class="timeline__container__item__left ">
<div class="timeline__container__item__img">
<img alt='CD' src='/img/Files/images/strategie.svg?r-f2500-1300' data-name='Img' class='cover timeline__OF-contain lazyload objectfit' node='Img' type='img' data-rz='?r-f2500-1300' alt='CD' class='cover timeline__OF-contain lazyload objectfit' data-srcset="/img/Files/images/strategie.svg?r-f320-1200 320w,/img/Files/images/strategie.svg?r-f375-1200 375w,/img/Files/images/strategie.svg?r-f414-1200 414w,/img/Files/images/strategie.svg?r-f768-1200 768w,/img/Files/images/strategie.svg?r-f800-1200 800w,/img/Files/images/strategie.svg?r-f1024-1200 1024w,/img/Files/images/strategie.svg?r-f1600-1200 1600w,/img/Files/images/strategie.svg?r-f1920-1200 1920w,/img/Files/images/strategie.svg?r-f2560-1200 2560w" lazysizes='auto' srcset="/img/Files/images/strategie.svg?r-50-50/blur-0-3/q-75" style='object-position:50% 66.33%' data-info='50% 66.33%'/> </div>
</div>
<div class="timeline__container__item__right ">
<div class="timeline__container__item__headline ">DER ERSTE STEP<br><span>Markenstrategie</span></div>
</div>
</div>
</a></div>
<div class="timeline__container__item timeline__container__item--bottom ">
<a class="timeline__container__itemlink" href="/leistungen#corporate-design"> <div class="timeline__container__item__wrapper">
<div class="timeline__container__item__left ">
<div class="timeline__container__item__img">
<img alt='Corporate Design' src='/img/Files/images/diamant.svg?r-f2500-1300' data-name='Img' class='cover timeline__OF-contain lazyload objectfit' node='Img' type='img' data-rz='?r-f2500-1300' alt='Corporate Design' class='cover timeline__OF-contain lazyload objectfit' data-srcset="/img/Files/images/diamant.svg?r-f320-1200 320w,/img/Files/images/diamant.svg?r-f375-1200 375w,/img/Files/images/diamant.svg?r-f414-1200 414w,/img/Files/images/diamant.svg?r-f768-1200 768w,/img/Files/images/diamant.svg?r-f800-1200 800w,/img/Files/images/diamant.svg?r-f1024-1200 1024w,/img/Files/images/diamant.svg?r-f1600-1200 1600w,/img/Files/images/diamant.svg?r-f1920-1200 1920w,/img/Files/images/diamant.svg?r-f2560-1200 2560w" lazysizes='auto' srcset="/img/Files/images/diamant.svg?r-50-50/blur-0-3/q-75" style='object-position:50% 50%' data-info='50% 50%'/> </div>
</div>
<div class="timeline__container__item__right ">
<div class="timeline__container__item__headline ">UNVERWECHSELBAR<br><span>Corporate Design</span></div>
</div>
</div>
</a></div>
<div class="timeline__container__item timeline__container__item--top ">
<a class="timeline__container__itemlink" href="/leistungen#Print"> <div class="timeline__container__item__wrapper">
<div class="timeline__container__item__left ">
<div class="timeline__container__item__img">
<img alt='Markenkommunikation' src='/img/Files/images/sprechblasen.svg?r-f2500-1300' data-name='Img' class='cover timeline__OF-contain lazyload objectfit' node='Img' type='img' data-rz='?r-f2500-1300' alt='Markenkommunikation' class='cover timeline__OF-contain lazyload objectfit' data-srcset="/img/Files/images/sprechblasen.svg?r-f320-1200 320w,/img/Files/images/sprechblasen.svg?r-f375-1200 375w,/img/Files/images/sprechblasen.svg?r-f414-1200 414w,/img/Files/images/sprechblasen.svg?r-f768-1200 768w,/img/Files/images/sprechblasen.svg?r-f800-1200 800w,/img/Files/images/sprechblasen.svg?r-f1024-1200 1024w,/img/Files/images/sprechblasen.svg?r-f1600-1200 1600w,/img/Files/images/sprechblasen.svg?r-f1920-1200 1920w,/img/Files/images/sprechblasen.svg?r-f2560-1200 2560w" lazysizes='auto' srcset="/img/Files/images/sprechblasen.svg?r-50-50/blur-0-3/q-75" style='object-position:50% 50%' data-info='50% 50%'/> </div>
</div>
<div class="timeline__container__item__right ">
<div class="timeline__container__item__headline ">IN DER ANWENDUNG<br><span>Markenkommunikation</span></div>
</div>
</div>
</a></div>
<div class="timeline__container__item timeline__container__item--bottom ">
<a class="timeline__container__itemlink" href="/leistungen#fotografie"> <div class="timeline__container__item__wrapper">
<div class="timeline__container__item__left ">
<div class="timeline__container__item__img">
<img alt='Fotografie' src='/img/Files/images/foto.svg?r-f2500-1300' data-name='Img' class='cover timeline__OF-contain lazyload objectfit' node='Img' type='img' data-rz='?r-f2500-1300' alt='Fotografie' class='cover timeline__OF-contain lazyload objectfit' data-srcset="/img/Files/images/foto.svg?r-f320-1200 320w,/img/Files/images/foto.svg?r-f375-1200 375w,/img/Files/images/foto.svg?r-f414-1200 414w,/img/Files/images/foto.svg?r-f768-1200 768w,/img/Files/images/foto.svg?r-f800-1200 800w,/img/Files/images/foto.svg?r-f1024-1200 1024w,/img/Files/images/foto.svg?r-f1600-1200 1600w,/img/Files/images/foto.svg?r-f1920-1200 1920w,/img/Files/images/foto.svg?r-f2560-1200 2560w" lazysizes='auto' srcset="/img/Files/images/foto.svg?r-50-50/blur-0-3/q-75" style='object-position:50% 50%' data-info='50% 50%'/> </div>
</div>
<div class="timeline__container__item__right ">
<div class="timeline__container__item__headline ">BILDSPRACHE<br><span>Fotografie</span></div>
</div>
</div>
</a></div>
<div class="timeline__container__item timeline__container__item--top ">
<a class="timeline__container__itemlink" href="/leistungen#Web"> <div class="timeline__container__item__wrapper">
<div class="timeline__container__item__left ">
<div class="timeline__container__item__img">
<img alt='Webdesign' src='/img/Files/images/web.svg?r-f2500-1300' data-name='Img' class='cover timeline__OF-contain lazyload objectfit' node='Img' type='img' data-rz='?r-f2500-1300' alt='Webdesign' class='cover timeline__OF-contain lazyload objectfit' data-srcset="/img/Files/images/web.svg?r-f320-1200 320w,/img/Files/images/web.svg?r-f375-1200 375w,/img/Files/images/web.svg?r-f414-1200 414w,/img/Files/images/web.svg?r-f768-1200 768w,/img/Files/images/web.svg?r-f800-1200 800w,/img/Files/images/web.svg?r-f1024-1200 1024w,/img/Files/images/web.svg?r-f1600-1200 1600w,/img/Files/images/web.svg?r-f1920-1200 1920w,/img/Files/images/web.svg?r-f2560-1200 2560w" lazysizes='auto' srcset="/img/Files/images/web.svg?r-50-50/blur-0-3/q-75" style='object-position:50% 50%' data-info='50% 50%'/> </div>
</div>
<div class="timeline__container__item__right ">
<div class="timeline__container__item__headline ">INDIVIDUELL UND DIGITAL<br><span>Webdesign & -entwicklung</span></div>
</div>
</div>
</a></div>
<div class="timeline__container__item timeline__container__item--bottom ">
<a class="timeline__container__itemlink" href="/online-marketing"> <div class="timeline__container__item__wrapper">
<div class="timeline__container__item__left ">
<div class="timeline__container__item__img">
<img alt='Online-Marketing' src='/img/Files/images/erfolg.svg?r-f2500-1300' data-name='Img' class='cover timeline__OF-contain lazyload objectfit' node='Img' type='img' data-rz='?r-f2500-1300' alt='Online-Marketing' class='cover timeline__OF-contain lazyload objectfit' data-srcset="/img/Files/images/erfolg.svg?r-f320-1200 320w,/img/Files/images/erfolg.svg?r-f375-1200 375w,/img/Files/images/erfolg.svg?r-f414-1200 414w,/img/Files/images/erfolg.svg?r-f768-1200 768w,/img/Files/images/erfolg.svg?r-f800-1200 800w,/img/Files/images/erfolg.svg?r-f1024-1200 1024w,/img/Files/images/erfolg.svg?r-f1600-1200 1600w,/img/Files/images/erfolg.svg?r-f1920-1200 1920w,/img/Files/images/erfolg.svg?r-f2560-1200 2560w" lazysizes='auto' srcset="/img/Files/images/erfolg.svg?r-50-50/blur-0-3/q-75" style='object-position:50% 50%' data-info='50% 50%'/> </div>
</div>
<div class="timeline__container__item__right ">
<div class="timeline__container__item__headline ">DAS SPRUNGBRETT<br><span>Online-Marketing</span></div>
</div>
</div>
</a></div>
</div>
</div>
</article>
<article class="project " data-scrollclass="project__inview" data-midnight="logoinvers">
<div class="project__box project__box--v3">
<h4>Projekte</h4>
<h2><span class="project__italic">Michels Fenster und Türen</span><br>Web / Foto / CMS / Print</h2> <a href="michels" class="project__cta">Zeig mir mehr</a> </div>
<a href="michels"> <figure class="project__img project__img--v3">
<img src='/img/Files/images/michels-broschure1.png?r-f1920-1080' node='bild' alt='Michels Fenster und Türen' class='project__img project__OF-cover objectfit pli lazyloaded' data-rz='?r-f1920-1080' focalPoint='1' lazyload='false' srcset='/img/Files/images/michels-broschure1.png?r-f375-0 375w,/img/Files/images/michels-broschure1.png?r-f768-0 768w,/img/Files/images/michels-broschure1.png?r-f1024-0 1024w,/img/Files/images/michels-broschure1.png?r-f1200-0 1200w,/img/Files/images/michels-broschure1.png?r-f1600-0 1600w,/img/Files/images/michels-broschure1.png?r-f1920-0 1920w,/img/Files/images/michels-broschure1.png?r-f2560-0 2560w' style='object-position:50% 50%' data-info='50% 50%' />
</figure>
</a></article>
<article class="project " data-scrollclass="project__inview" data-midnight="logoinvers">
<div class="project__box project__box--v2">
<h4>Projekte</h4>
<h2><span class="project__italic">Bäckerei Sudbrock</span><br>CD / Web / Foto / CMS / Print</h2> <a href="/sudbrock" class="project__cta">Zeig mir mehr</a> </div>
<a href="/sudbrock"> <figure class="project__img project__img--v2">
<img src='/img/Files/images/sudbrock_referenz_packaging-32_ret.jpg?r-f1920-1080' node='bild' alt='Bäckerei Sudbrock' class='project__img project__OF-cover objectfit pli lazyloaded' data-rz='?r-f1920-1080' focalPoint='1' lazyload='false' srcset='/img/Files/images/sudbrock_referenz_packaging-32_ret.jpg?r-f375-0 375w,/img/Files/images/sudbrock_referenz_packaging-32_ret.jpg?r-f768-0 768w,/img/Files/images/sudbrock_referenz_packaging-32_ret.jpg?r-f1024-0 1024w,/img/Files/images/sudbrock_referenz_packaging-32_ret.jpg?r-f1200-0 1200w,/img/Files/images/sudbrock_referenz_packaging-32_ret.jpg?r-f1600-0 1600w,/img/Files/images/sudbrock_referenz_packaging-32_ret.jpg?r-f1920-0 1920w,/img/Files/images/sudbrock_referenz_packaging-32_ret.jpg?r-f2560-0 2560w' style='object-position:50% 50%' data-info='50% 50%' />
</figure>
</a></article>
<article class="project " data-scrollclass="project__inview" data-midnight="logoinvers">
<div class="project__box project__box--v3">
<h4>Projekte</h4>
<h2><span class="project__italic">Rinkens Trennwandsysteme</span><br>CD / Web / OM / CMS / Print</h2> </div>
<figure class="project__img project__img--v3">
<img src='/img/Files/images/rinkens-5.jpg?r-f1920-1080' node='bild' alt='Rinkens Trennwandsysteme' class='project__img project__OF-cover objectfit pli lazyloaded' data-rz='?r-f1920-1080' focalPoint='1' lazyload='false' srcset='/img/Files/images/rinkens-5.jpg?r-f375-0 375w,/img/Files/images/rinkens-5.jpg?r-f768-0 768w,/img/Files/images/rinkens-5.jpg?r-f1024-0 1024w,/img/Files/images/rinkens-5.jpg?r-f1200-0 1200w,/img/Files/images/rinkens-5.jpg?r-f1600-0 1600w,/img/Files/images/rinkens-5.jpg?r-f1920-0 1920w,/img/Files/images/rinkens-5.jpg?r-f2560-0 2560w' style='object-position:50% 50%' data-info='50% 50%' />
</figure>
</article>
<article class="project " data-scrollclass="project__inview" data-midnight="logoinvers">
<div class="project__box project__box--v1">
<h4>Projekte</h4>
<h2><span class="project__italic">nido</span><br>CD / Web / CMS / Print</h2> <a href="/nido" class="project__cta">Zeig mir mehr</a> </div>
<a href="/nido"> <figure class="project__img project__img--v1">
<img src='/img/Files/images/die_wiege_copy_131x.jpg?r-f1920-1080' node='bild' alt='nido' class='project__img project__OF-cover objectfit pli lazyloaded' data-rz='?r-f1920-1080' focalPoint='1' lazyload='false' srcset='/img/Files/images/die_wiege_copy_131x.jpg?r-f375-0 375w,/img/Files/images/die_wiege_copy_131x.jpg?r-f768-0 768w,/img/Files/images/die_wiege_copy_131x.jpg?r-f1024-0 1024w,/img/Files/images/die_wiege_copy_131x.jpg?r-f1200-0 1200w,/img/Files/images/die_wiege_copy_131x.jpg?r-f1600-0 1600w,/img/Files/images/die_wiege_copy_131x.jpg?r-f1920-0 1920w,/img/Files/images/die_wiege_copy_131x.jpg?r-f2560-0 2560w' style='object-position:50% 50%' data-info='50% 50%' />
</figure>
</a></article>
<article class="project " data-scrollclass="project__inview" data-midnight="logoinvers">
<div class="project__box project__box--v3">
<h4>Projekte</h4>
<h2><span class="project__italic">Sudholt-Wasemann</span><br>CD / Web / Foto / OM / Print</h2> <a href="sudholt-wasemann" class="project__cta">Zeig mir mehr</a> </div>
<a href="sudholt-wasemann"> <figure class="project__img project__img--v3">
<img src='/img/Files/images/PEVUO01.jpg?r-f1920-1080' node='bild' alt='Sudholt-Wasemann' class='project__img project__OF-cover objectfit pli lazyloaded' data-rz='?r-f1920-1080' focalPoint='1' lazyload='false' srcset='/img/Files/images/PEVUO01.jpg?r-f375-0 375w,/img/Files/images/PEVUO01.jpg?r-f768-0 768w,/img/Files/images/PEVUO01.jpg?r-f1024-0 1024w,/img/Files/images/PEVUO01.jpg?r-f1200-0 1200w,/img/Files/images/PEVUO01.jpg?r-f1600-0 1600w,/img/Files/images/PEVUO01.jpg?r-f1920-0 1920w,/img/Files/images/PEVUO01.jpg?r-f2560-0 2560w' style='object-position:50% 50%' data-info='50% 50%' />
</figure>
</a></article>
<article class="project " data-scrollclass="project__inview" data-midnight="logoinvers">
<div class="project__box project__box--v2">
<a href="/mankeplast"> <figure class="project__png project__png--v2">
<video video_interval preload autobuffer src="/Files/files/Logo_grun_1.mp4" muted=""></video>
</figure>
</a> <h4>Projekte</h4>
<h2><span class="project__italic">Mankeplast</span><br>CD / Web / Foto / OM / CMS / Print</h2> <a href="/mankeplast" class="project__cta">Zeig mir mehr</a> </div>
<a href="/mankeplast"> <figure class="project__img project__img--v2">
<img src='/img/Files/images/mankeplast-mockup.png?r-f1920-1080' node='bild' alt='Mankeplast' class='project__img project__OF-cover objectfit pli lazyloaded' data-rz='?r-f1920-1080' focalPoint='1' lazyload='false' srcset='/img/Files/images/mankeplast-mockup.png?r-f375-0 375w,/img/Files/images/mankeplast-mockup.png?r-f768-0 768w,/img/Files/images/mankeplast-mockup.png?r-f1024-0 1024w,/img/Files/images/mankeplast-mockup.png?r-f1200-0 1200w,/img/Files/images/mankeplast-mockup.png?r-f1600-0 1600w,/img/Files/images/mankeplast-mockup.png?r-f1920-0 1920w,/img/Files/images/mankeplast-mockup.png?r-f2560-0 2560w' style='object-position:74.61% 57.45%' data-info='74.61% 57.45%' />
</figure>
</a></article>
<article class="project " data-scrollclass="project__inview" data-midnight="logoinvers">
<div class="project__box project__box--v3">
<h4>Projekte</h4>
<h2><span class="project__italic">Auslandszeit</span><br>CD / Print</h2> <a href="/auslandszeit" class="project__cta">Zeig mir mehr</a> </div>
<a href="/auslandszeit"> <figure class="project__img project__img--v3">
<img src='/img/Files/images/auslandszeit_visitenkarte.jpg?r-f1920-1080' node='bild' alt='Auslandszeit' class='project__img project__OF-cover objectfit pli lazyloaded' data-rz='?r-f1920-1080' focalPoint='1' lazyload='false' srcset='/img/Files/images/auslandszeit_visitenkarte.jpg?r-f375-0 375w,/img/Files/images/auslandszeit_visitenkarte.jpg?r-f768-0 768w,/img/Files/images/auslandszeit_visitenkarte.jpg?r-f1024-0 1024w,/img/Files/images/auslandszeit_visitenkarte.jpg?r-f1200-0 1200w,/img/Files/images/auslandszeit_visitenkarte.jpg?r-f1600-0 1600w,/img/Files/images/auslandszeit_visitenkarte.jpg?r-f1920-0 1920w,/img/Files/images/auslandszeit_visitenkarte.jpg?r-f2560-0 2560w' style='object-position:50% 50%' data-info='50% 50%' />
</figure>
</a></article>
<article class="project " data-scrollclass="project__inview" data-midnight="logoinvers">
<div class="project__box project__box--v2">
<h4>Projekte</h4>
<h2><span class="project__italic">Hotel Sonne</span><br>CD / Web / Foto / Print</h2> <a href="hotel-sonne" class="project__cta">Zeig mir mehr</a> </div>
<a href="hotel-sonne"> <figure class="project__img project__img--v2">
<img src='/img/Files/images/studio0068.jpg?r-f1920-1080' node='bild' alt='Hotel Sonne' class='project__img project__OF-cover objectfit pli lazyloaded' data-rz='?r-f1920-1080' focalPoint='1' lazyload='false' srcset='/img/Files/images/studio0068.jpg?r-f375-0 375w,/img/Files/images/studio0068.jpg?r-f768-0 768w,/img/Files/images/studio0068.jpg?r-f1024-0 1024w,/img/Files/images/studio0068.jpg?r-f1200-0 1200w,/img/Files/images/studio0068.jpg?r-f1600-0 1600w,/img/Files/images/studio0068.jpg?r-f1920-0 1920w,/img/Files/images/studio0068.jpg?r-f2560-0 2560w' style='object-position:50% 50%' data-info='50% 50%' />
</figure>
</a></article>
<article class="project " data-scrollclass="project__inview" data-midnight="logoinvers">
<div class="project__box project__box--v3">
<h4>Projekte</h4>
<h2><span class="project__italic">#ichbinspießig</span><br>CD / Foto / Print</h2> </div>
<figure class="project__img project__img--v3">
<img src='/img/Files/images/skalar_rheda-wiedenbrueck_azubis_claim_spiessig_2.jpg?r-f1920-1080' node='bild' alt='#ichbinspießig' class='project__img project__OF-cover objectfit pli lazyloaded' data-rz='?r-f1920-1080' focalPoint='1' lazyload='false' srcset='/img/Files/images/skalar_rheda-wiedenbrueck_azubis_claim_spiessig_2.jpg?r-f375-0 375w,/img/Files/images/skalar_rheda-wiedenbrueck_azubis_claim_spiessig_2.jpg?r-f768-0 768w,/img/Files/images/skalar_rheda-wiedenbrueck_azubis_claim_spiessig_2.jpg?r-f1024-0 1024w,/img/Files/images/skalar_rheda-wiedenbrueck_azubis_claim_spiessig_2.jpg?r-f1200-0 1200w,/img/Files/images/skalar_rheda-wiedenbrueck_azubis_claim_spiessig_2.jpg?r-f1600-0 1600w,/img/Files/images/skalar_rheda-wiedenbrueck_azubis_claim_spiessig_2.jpg?r-f1920-0 1920w,/img/Files/images/skalar_rheda-wiedenbrueck_azubis_claim_spiessig_2.jpg?r-f2560-0 2560w' style='object-position:50% 50%' data-info='50% 50%' />
</figure>
</article>
<article class="allprojects bounce" data-scrollclass="allprojects__inview" data-midnight="logonormal">
<a href="/kreation">
<div class="allprojects__btn">Alle Projekte<br><span class="allprojects__arrowdown"></span></div>
</a>
</article>
</main>
</div>
<script type="text/javascript" src="/template/_default/_ressources/vendor/modernizr.js"></script>
<script type="text/javascript" src="/template/_default/_ressources/vendor/lazysizes.min.js"></script>
<script src="/template/_default/_ressources/vendor/jquery.js"></script>
<script type='text/javascript' src='/template/skalar2018/dist/js/skalar2018.js?v=47d1d779d42422298868fe68f630bca577115677' ></script>
</body>
</html>