<!DOCTYPE html>
<html lang="de">
<head>
	<!-- Tools (Part 1) -->
	
	<!-- Einstellungen für die lokale Seite -->
	
	<!-- Head -->
		<!-- Einstellungen für die globale Seite -->
	
	<!-- Meta-Daten -->
	<meta charset="UTF-8" />
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0" name="viewport">
	
	<meta name="twitter:widgets:theme" content="light">
	
	<meta property="og:title" content="Home | Scalerist GmbH &#x1F4BB;" />
	<meta property="og:type" content="website" />
	<meta property="og:image" content="https://scalerist.com/assets/images/logo/scalerist-open-graph.jpg" />
	<meta property="og:description" content="Wir von Scalerist sind davon überzeugt, dass jedes Unternehmen seine Traumkunden durch Social Media & Website Marketing erreichen kann." />
	<meta property="og:url" content="https://scalerist.com/">
	
	<title>Home | Scalerist GmbH &#x1F4BB;</title>
	<meta name="description" content="Wir von Scalerist sind davon überzeugt, dass jedes Unternehmen seine Traumkunden durch Social Media & Website Marketing erreichen kann.">

	<link rel="shortcut icon" type="image/x-icon" href="../../assets/images/favicon.ico">

	<!-- Font -->
	<link rel="stylesheet" href="../../assets/fonts/hind-siliguri/hind-siliguri.css" type="text/css">
	<link rel="stylesheet" href="../../assets/fonts/fontawesome/fontawesome.css" > <!--load all styles -->

	<!-- Css -->
	<link rel="stylesheet" href="../../assets/css/core.min.css" />
	<link rel="stylesheet" href="../../assets/css/skin.css" />
	<link rel="stylesheet" href="../../assets/css/custom.css" />

	<!--[if lt IE 9]>
    	<script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

</head>
<body class="shop scroll1"><!-- class="preload-page" data-loader-type="full-width-bar" --><!-- class="preload-page" data-loader-type="full-width-bar" -->

	<!-- Tools (Part 2) -->
	
	<!-- Overlay Navigation Menu -->
	<div class="overlay-navigation-wrapper" data-no-scrollbar data-animation="scale-in">
		<div class="overlay-navigation-scroll-pane">
			<div class="overlay-navigation-inner">
				<div class="v-align-middle">
					<div class="overlay-navigation-header row collapse full-width">
						<div class="column width-12">
							<div class="navigation-hide overlay-nav-hide">
								<a href="#">
									<span class="icon-cancel"></span>
								</a>
							</div>
						</div>
					</div>
					<div class="row collapse full-width">
						<div class="column width-12">
							<nav class="overlay-navigation nav-block center">
								<ul>
									<li class="current">
										<a href="/">Home</a>
									</li>
									<li>
										<a href="loesungen" class="contains-sub-menu">Lösungen</a>
										<ul class="sub-menu">
											<li>
												<a href="loesungen/social-media-marketing">Social Media Marketing</a>
											</li>
											<li>
												<a href="loesungen/webdesign">Webdesign</a>
											</li>
										</ul>
									</li>
									<li>
										<a href="jobs">Jobs</a>
									</li>
									<li>
										<a href="ueber-uns" class="contains-sub-menu">Über uns</a>
										<ul class="sub-menu">
											<li>
												<a href="ueber-uns#team">Team</a>
											</li>
											<li>
												<a href="ueber-uns#standort">Standort</a>
											</li>
											<li>
												<a href="ueber-uns#referenzen">Referenzen</a>
											</li>
											<li>
												<a href="ueber-uns/media-assets">Media Assets</a>
											</li>
										</ul>
									</li>
									<li>
										<a href="kontakt">Kontakt</a>
									</li>
								</ul>
							</nav>
						</div>
					</div>
					<div class="overlay-navigation-footer row full-width center">
						<div class="column width-12 no-padding">
							<p class="copyright">&copy; Scalerist GmbH 2026. All Rights Reserved.</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Overlay Navigation Menu End -->

	<!-- Side Navigation Menu -->
	<aside class="side-navigation-wrapper enter-left" data-no-scrollbar data-animation="slide-in">
		<div class="side-navigation-scroll-pane">
			<div class="side-navigation-inner">
				<div class="side-navigation-header">
					<div class="navigation-hide side-nav-hide">
						<a href="#">
							<span class="icon-cancel medium"></span>
						</a>
					</div>
				</div>
				<nav class="side-navigation nav-block left">
					<ul>
						<li class="current">
							<a href="/">Home</a>
						</li>
						<li>
							<a href="loesungen" class="contains-sub-menu">Lösungen</a>
							<ul class="sub-menu">
								<li>
									<a href="loesungen/social-media-marketing">Social Media Marketing</a>
								</li>
								<li>
									<a href="loesungen/webdesign">Webdesign</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="jobs">Jobs</a>
						</li>
						<li>
							<a href="ueber-uns" class="contains-sub-menu">Über uns</a>
							<ul class="sub-menu">
								<li>
									<a href="ueber-uns#team">Team</a>
								</li>
								<li>
									<a href="ueber-uns#standort">Standort</a>
								</li>
								<li>
									<a href="ueber-uns#referenzen">Referenzen</a>
								</li>
								<li>
									<a href="ueber-uns/media-assets">Media Assets</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="kontakt">Kontakt</a>
						</li>
					</ul>
				</nav>
				<div class="side-navigation-footer left">
					<p class="copyright no-margin-bottom">&copy; Scalerist GmbH 2026. All Rights Reserved.</p>
				</div>
			</div>
		</div>
	</aside>
	<!-- Side Navigation Menu End -->
	<div class="wrapper reveal-side-navigation">
		<div class="wrapper-inner">

			<!-- Header -->
						<header class="header width-auto header-fixed header-fixed-on-mobile header-transparent" data-bkg-threshold="1">
				<div class="header-inner">
					<div class="row nav-bar">
						<div class="column width-12 nav-bar-inner">
							<div class="logo">
								<div class="logo-inner">
									<a href="../../"><img src="../../assets/images/logo/scalerist-r-white_square_bg-blue.svg" alt="scalerist Logo" /></a>
									<a href="../../"><img src="../../assets/images/logo/scalerist-r-white_only-s_square_bg-blue.svg" alt="scalerist Logo" /></a>
								</div>
							</div>
							<nav class="navigation nav-block secondary-navigation nav-right">
								<ul>
									<li class="aux-navigation">
										<!-- Aux Navigation -->
										<a href="#" class="navigation-show overlay-nav-show nav-icon">
											<span class="icon-menu"></span>
										</a>
									</li>
								</ul>
							</nav>
						</div>
					</div>
				</div>
			</header>			<!-- Header End -->

			<!-- Content -->
			<div class="content clearfix">

				<!-- Slider -->
				<section class="section-block featured-media window-height tm-slider-parallax-container" style="background-color: #4755a5">
					<div class="tm-slider-container full-width-slider" data-featured-slider data-parallax data-scale-under="960" data-speed="1100" data-scale-min-height="100vh">
						<ul class="tms-slides">
							<li class="tms-slide" data-image data-force-fit data-animation="scaleIn" data-overlay-bkg-color="#000000" data-overlay-bkg-opacity="0.25">


								<style>

									/* Für Tablets */
									@media (max-width: 1024px) {
										.tms-content-inner {
									        display: flex; /* Aktiviert Flexbox, wenn nicht bereits aktiviert */
									        flex-direction: column; /* Stellt die Flex-Richtung auf vertikal */
									        justify-content: flex-end; /* Ausrichtung des Inhalts am Ende (unten) */
									        height: 100%; /* Stellt sicher, dass der Container die volle Höhe einnimmt */
									    }
									    .tms-content-inner {
									        align-items: flex-end; /* Verschiebt den Inhalt zum unteren Rand des Containers */
									        padding-bottom: 33%; /* Passt die Position weiter an, um im unteren Drittel zu sein */
									    }
									}
									/* Für größere Mobilgeräte */
									@media (max-width: 768px) {
										.tms-content-inner {
									        display: flex; /* Aktiviert Flexbox, wenn nicht bereits aktiviert */
									        flex-direction: column; /* Stellt die Flex-Richtung auf vertikal */
									        justify-content: flex-end; /* Ausrichtung des Inhalts am Ende (unten) */
									        height: 100%; /* Stellt sicher, dass der Container die volle Höhe einnimmt */
									    }
									    .tms-content-inner {
									        align-items: flex-end; /* Verschiebt den Inhalt zum unteren Rand des Containers */
									        padding-bottom: 33%; /* Passt die Position weiter an, um im unteren Drittel zu sein */
									    }
									}
								</style>


								<div class="tms-content" style="text-align: left">
									<div class="tms-content-inner">
										<div class="row">
											<div class="column width-8">
												<h1 class="title-large color-white mb-30">
													<span class="tms-caption" data-animate-in="preset:slideInUpShort;duration:1000ms;" data-no-scale>Hallo!</span>
												</h1>
											</div>
											<div class="column width-8">
												<!--<p class="tms-caption text-medium weight-regular color-white mb-30"
													data-animate-in="preset:slideInUpShort;duration:1000ms;delay:200ms;"
													data-no-scale
												>
													Sprichst du die <span class="highlight-red">Sprache deiner Zielgruppe</span>?
												</p>-->
												<!--<h2 class="color-white mb-30">
													<span class="tms-caption" data-animate-in="preset:slideInUpShort;duration:1000ms;" data-no-scale>Möchtest du online deine Traumkunden erreichen?
												</h2>-->
												<h1 class="title-large color-white mb-30">
													<span class="tms-caption" data-animate-in="preset:slideInUpShort;duration:1000ms;" data-no-scale>Möchtest du online Kunden oder Fachkräfte gewinnen?</span>
												</h1>
												<div class="tms-caption"
													data-animate-in="preset:slideInUpShort;duration:1000ms;delay:400ms;"
													data-x="center"
													data-y="bottom"
													data-offsety="50"
												>
													<a href="#wir-machen-das-moeglich" data-offset="-40" class="scroll-link text-large weight-bold color-white">Ja, klar!</a>
													<!--<span class="text-small color-white">/</span>
													<a href="#" class="next-full-width-slider text-small weight-bold color-white" data-offset="-60">Was ist meine Zielgruppe?</a>-->
												</div>
											</div>
										</div>
									</div>
								</div>




								<style>
									/* Optimierung der Bildgröße für mobile Endgeräte */

									.image-container-startseite img {
									    width: 100vw;  /* Stellt die Breite auf die volle Breite der Viewport ein */
									    height: 100vh; /* Stellt die Höhe auf die volle Höhe der Viewport ein */
									    object-fit: cover; /* Sorgt dafür, dass das Bild den Container bedeckt, ohne seine Proportionen zu verlieren */
									    object-position: left center; /* Startposition, um sicherzustellen, dass das Bild auf großen Bildschirmen gut aussieht */
									}

									/* Für kleine Monitore */
									@media (max-width: 1920px) {
									    .image-container-startseite img {
									        object-position: calc(100% + 0px) center; /* Verschiebt das Bild um 100 Pixel weiter nach rechts */
									    }
									}
									/* Für Tablets */
									@media (max-width: 1024px) {
									    .image-container-startseite img {
									        object-position: calc(80% + 50px) center; /* Verschiebt das Bild um 100 Pixel weiter nach rechts */
									    }
									}
									/* Für größere Mobilgeräte */
									@media (max-width: 768px) {
									    .image-container-startseite img {
									        object-position: calc(82% + 50px) center; /* Verschiebt das Bild um 50 Pixel weiter nach rechts */
									    }
									}
									/* Für kleine Mobilgeräte */
									@media (max-width: 480px) {
									    .image-container-startseite img {
									        object-position: 80% center; /* Zentriert das Bild */
									    }
									}

								</style>							

    							<div class="image-container-startseite">
									<img data-src="assets/images/slider/scalerist-social-media-1.jpg" data-retina src="assets/images/blank.png" alt="Tobias ruft an"/>
								</div>








							</li>
							<!--<li class="tms-slide" data-video data-video-bkg-vimeo data-pause-on-scroll data-animation="slideTopBottom" data-overlay-bkg-color="#000000" data-overlay-bkg-opacity="0.1">
								<img data-src="assets/images/slider/slider-tobias-telefoniert-mit-stativ.jpg" data-retina src="assets/images/blank.png" alt=""/>
								<iframe width="2500" height="1600" src="https://player.vimeo.com/video/91809592?api=1"></iframe>
							</li>-->
						</ul>
					</div>
				</section>
				<!-- Slider End -->

				<!-- Intro Title -->
				<!--<div class="section-block intro-title-1" style="height: 100vh">
					<div class="row">
						<div class="column width-12">
							<div class="title-container">
								<div class="title-container-inner">
									<h1 class="title-large" style="line-height: 1.2"><span class="highlight-5" style="color: #fff">Wir machen das für dich möglich!</span></h1>
									<h1 class="title-large mb-50" style="line-height: 1.8">Denn wir sind die <span class="highlight-1" style="color: #fff">angesagte Agentur</span> für <span class="highlight-2" style="color: #fff">Social Media Marketing</span> und <span class="highlight-2" style="color: #fff">Webdesign</span> aus Rheinbach.</h1>
									<h3 class="center"><a href="loesungen">Zeigt mir eure Lösungen!</a></h3>
								</div>
							</div>
						</div>
					</div>
				</div>-->
				<!-- Intro Title End -->

				<!-- Intro Title -->
				<div class="section-block intro-title-1 bkg-grey-ultralight" style="height: 110vh" id="wir-machen-das-moeglich">
					<div class="row">
						<div class="column width-12">
							<div class="title-container">
								<div class="title-container-inner">
									<h1 class="title-large" style="line-height: 1.8"><span class="highlight-5" style="color: #fff">Wir machen das für dich möglich!</span></h1>
									<h1 class="title-large mb-40" style="line-height: 1.8">Denn wir sind die <span class="highlight-1" style="color: #fff">angesagte Agentur</span> für <span class="highlight-2" style="color: #fff">Social Media Marketing</span> und <span class="highlight-2" style="color: #fff">Webdesign</span> aus Rheinbach.</h1>
									<h3 class="center"><a href="loesungen">Zeigt mir eure Lösungen!</a></h3>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- Intro Title End -->

				<!-- Intro Title -->
				<!--<div class="section-block intro-title-1 color-white" style="height: 100vh;background-color: #4755a5">
					<div class="row">
						<div class="column width-12">
							<div class="title-container">
								<div class="title-container-inner">
									<h1 class="title-large" style="line-height: 1.8">Mit <span class="highlight-1" style="color: #fff">unseren Lösungen</span> baust du echte und <span class="highlight-5" style="color: #fff">authentische Verbindungen</span> zu deiner <span class="highlight-1" style="color: #fff">Zielgruppe</span> auf!</h1>
									<h3 class="center"><a href="loesungen">Wie macht ihr das?</a></h3>
								</div>
							</div>
						</div>
					</div>
				</div>-->
				<!-- Intro Title End -->

				<!-- Hero Section 5 -->
				<section id="social-media-marketing" class="section-block hero-5 window-height right show-media-column-on-mobile">
					<div class="media-column width-6 window-height background-none">
						<div class="tm-slider-container content-slider window-height" data-nav-arrows="false" data-nav-key-arbod="false" data-auto-advance data-auto-advance-interval="4000" data-progress-bar="false" data-speed="1000" data-scale-under="0" data-width="722">
							<ul class="tms-slides">
								<li class="tms-slide" data-image data-force-fit data-as-bkg-image data-overlay-bkg-color="#000000" data-overlay-bkg-opacity="0.0">
									<img data-src="assets/images/loesungen/jpg/scalerist-filmt-ein-buero-2.jpg" data-retina src="images/blank.png" alt="Social Media Marketing"/>
								</li>
							</ul>
						</div>
					</div>
					<div class="row">
						<div class="column width-5">
							<div class="hero-content split-hero-content">
								<div class="hero-content-inner left">
									<h3 class="mb-40">Social Media Marketing</h3>
									<h5 style="text-align: justify;font-weight: 500;line-height: 1.5">Mit uns baust du echte & authentische Verbindungen zu deiner Zielgruppe auf, ohne selbst viel Zeit dafür aufzuwenden. Denn wir erstellen für dich ansprechende Videos & Bilder, veröffentlichen diese täglich auf den angesagtesten Social Media Plattformen und kommunizieren mit deiner Zielgruppe.</h5>
									<h5 style="text-align: justify;font-weight: 500;line-height: 1.5"><a href="loesungen/social-media-marketing">Mehr erfahren</a></h5>
								</div>
							</div>
						</div>
					</div>
				</section>
				<!-- Hero Section 5 End -->

				<!-- Hero Section 5 -->
				<section id="social-media-marketing" class="section-block hero-5 window-height left show-media-column-on-mobile">
					<div class="media-column width-6 window-height background-none">
						<div class="tm-slider-container content-slider window-height" data-nav-arrows="false" data-nav-key-arbod="false" data-auto-advance data-auto-advance-interval="4000" data-progress-bar="false" data-speed="1000" data-scale-under="0" data-width="722">
							<ul class="tms-slides">
								<li class="tms-slide" data-image data-force-fit data-as-bkg-image data-overlay-bkg-color="#000000" data-overlay-bkg-opacity="0.0">
									<img data-src="assets/images/loesungen/jpg/loesungen-2c.jpg" data-retina src="images/blank.png" alt="Webdesign"/>
								</li>
							</ul>
						</div>
					</div>
					<div class="row">
						<div class="column width-5 offset-7">
							<div class="hero-content split-hero-content">
								<div class="hero-content-inner left">
									<h3 class="mb-40">Webdesign</h3>
									<h5 style="text-align: justify;font-weight: 500;line-height: 1.5">Wir erstellen für dich den passenden Internetauftritt. Wenn du Inhalte wie Texte, Bilder oder Videos ändern magst, können wir diese schnell austauschen. Selbstverständlich kannst du die Inhalte auf deiner Website auf Wunsch auch selbst ändern.</h5>
									<h5 style="text-align: justify;font-weight: 500;line-height: 1.5"><a href="loesungen/webdesign">Mehr erfahren</a></h5>
								</div>
							</div>
						</div>
					</div>
				</section>
				<!-- Hero Section 5 End -->

				<!-- Social Media Plattformen -->
				<div class="section-block bkg-grey-ultralight" id="plattformen">
					<div class="row">
						<div class="column width-10 offset-1 center">
							<h2 class="mb-50">Diese Plattformen gehören zu unserer Expertise</h2>
						</div>
					</div>
										<div class="row flex boxes">
						<div class="column width-4">
							<div class="feature-column box rounded large center horizon color-white" data-animate-in="preset:flipInY;duration:1000ms;" data-threshold="1" style="border: 0px; background-color: #010101; box-shadow: 0rem 0rem 1.8rem rgba(0,0,0,.2);">
								<a href="https://www.tiktok.com/@tobiasgoehring" target="_blank">
									<div class="feature-text">
										<h5><i class="fab fa-tiktok"></i> TikTok</h5>
									</div>
								</a>	
							</div>
						</div>
						<div class="column width-4">
							<div class="feature-column box rounded large center horizon color-white" data-animate-in="preset:flipInY;duration:1000ms;" data-threshold="1" style="border: 0px; background-color: #E1306C; box-shadow: 0rem 0rem 1.8rem rgba(0,0,0,.2);">
								<a href="https://instagram.com/scalerist" target="_blank">
									<div class="feature-text">
										<h5><i class="fab fa-instagram"></i> Instagram</h5>
									</div>
								</a>
							</div>
						</div>
						<div class="column width-4">
							<div class="feature-column box rounded large center horizon color-white" data-animate-in="preset:flipInY;duration:1000ms;" data-threshold="1" style="border: 0px;background-color: #4267B2; box-shadow: 0rem 0rem 1.8rem rgba(0,0,0,.2);">
								<a href="https://de.wikipedia.org/wiki/Facebook" target="_blank">
									<div class="feature-text">
										<h5><i class="fab fa-facebook"></i> Facebook</h5>
									</div>
								</a>
							</div>
						</div>
						<div class="column width-4">
							<div class="feature-column box rounded large center horizon color-white" data-animate-in="preset:flipInY;duration:1000ms;" data-threshold="1" style="border: 0px; background-color: #FF0000; box-shadow: 0rem 0rem 1.8rem rgba(0,0,0,.2);">
								<a href="https://de.wikipedia.org/wiki/YouTube" target="_blank">
									<div class="feature-text">
										<h5><i class="fab fa-youtube"></i> YouTube</h5>
									</div>
								</a>
							</div>
						</div>
						<div class="column width-4">
							<div class="feature-column box rounded large center horizon color-white" data-animate-in="preset:flipInY;duration:1000ms;" data-threshold="1" style="border: 0px; background-color: #0a66c2; box-shadow: 0rem 0rem 1.8rem rgba(0,0,0,.2);">
								<a href="https://www.linkedin.com/company/scalerist/" target="_blank">
									<div class="feature-text">
										<h5><i class="fab fa-linkedin"></i> LinkedIn</h5>
									</div>
							</div>
						</div>
						<div class="column width-4">
							<div class="feature-column box rounded large center horizon color-white" data-animate-in="preset:flipInY;duration:1000ms;" data-threshold="1" style="border: 0px; background-color: #25D366; box-shadow: 0rem 0rem 1.8rem rgba(0,0,0,.2);">
								<a href="https://wa.me/message/FZLHQ2AVYBGBB1" target="_blank">
									<div class="feature-text">
										<h5><i class="fab fa-whatsapp"></i> WhatsApp</h5>
									</div>
								</a>
							</div>
						</div>
						<!--<div class="column width-4">
							<div class="feature-column box rounded large center horizon color-white" data-animate-in="preset:flipInY;duration:1000ms;" data-threshold="1" style="border: 0px;background-color: #1DA1F2; box-shadow: 0rem 0rem 1.8rem rgba(0,0,0,.2);">
								<a href="https://de.wikipedia.org/wiki/Twitter" target="_blank">
									<div class="feature-text">
										<h5><i class="fab fa-twitter"></i> Twitter</h5>
									</div>
								</a>
							</div>
						</div>-->
						<!--<div class="column width-4">
							<div class="feature-column box rounded large center horizon" data-animate-in="preset:flipInY;duration:1000ms;" data-threshold="1" style="border: 0px;background-color: #FFFC00; box-shadow: 0rem 0rem 1.8rem rgba(0,0,0,.2);">
								<a href="https://de.wikipedia.org/wiki/Snapchat" target="_blank">
								<div class="feature-text">
									<h5><i class="fab fa-snapchat"></i> Snapchat</h5>
								</div>
							</div>
						</div>-->
						<!--<div class="column width-4">
							<div class="feature-column box rounded large center horizon color-white" data-animate-in="preset:flipInY;duration:1000ms;" data-threshold="1" style="border: 0px; background-color: #E60023; box-shadow: 0rem 0rem 1.8rem rgba(0,0,0,.2);">
								<a href="https://de.wikipedia.org/wiki/Pinterest" target="_blank">
									<div class="feature-text">
										<h5><i class="fab fa-pinterest"></i> Pinterest</h5>
									</div>
								</a>
							</div>
						</div>-->
					</div>
				</div>
				<!-- Social Media Plattformen End -->


				<!-- Portfolio Grid -->
				<!--<div id="recent-work" class="section-block grid-container no-margins fade-in-progressively" data-layout-mode="masonry" data-grid-ratio="1" data-animate-filter-duration="1000" data-set-dimensions data-animate-resize data-animate-resize-duration="700">
					<div class="row">
						<div class="column width-12">
							<div class="row grid content-grid-3">
								<div class="grid-item grid-sizer design">
									<div class="thumbnail overlay-slide-in-top img-scale-in horizon" data-animate-in="preset:slideInRightShort;duration:300ms;" data-threshold="0.2" data-hover-easing="easeInOutCirc" data-hover-speed="500" data-hover-bkg-color="#A95AA8" data-hover-bkg-opacity="1">
										<a class="overlay-link" href="project-style-one.html">
											<img src="assets/images/kundenprojekte/malerfachbetrieb-kohlhas-kg/malerfachbetrieb-kohlhas-kg-1.jpg" alt="Malerfachbetrieb Kohlhas KG"/>
											<span class="overlay-info">
												<span>
													<span>
														<span class="project-title">TikTok & Instagram</span>
														<span class="project-description">Malerfachbetrieb Kohlhas KG</span>
													</span>
												</span>
											</span>
										</a>
									</div>
								</div>
								<div class="grid-item grid-sizer design">
									<div class="thumbnail overlay-slide-in-top img-scale-in horizon" data-animate-in="preset:slideInRightShort;duration:300ms;" data-threshold="0.2" data-hover-easing="easeInOutCirc" data-hover-speed="500" data-hover-bkg-color="#A95AA8" data-hover-bkg-opacity="1">
										<a class="overlay-link" href="project-style-one.html">
											<img src="assets/images/kundenprojekte/malerfachbetrieb-kohlhas-kg/malerfachbetrieb-kohlhas-kg-1.jpg" alt="Malerfachbetrieb Kohlhas KG"/>
											<span class="overlay-info">
												<span>
													<span>
														<span class="project-title">TikTok & Instagram</span>
														<span class="project-description">Malerfachbetrieb Kohlhas KG</span>
													</span>
												</span>
											</span>
										</a>
									</div>
								</div>
								<div class="grid-item grid-sizer design">
									<div class="thumbnail overlay-slide-in-top img-scale-in horizon" data-animate-in="preset:slideInRightShort;duration:300ms;" data-threshold="0.2" data-hover-easing="easeInOutCirc" data-hover-speed="500" data-hover-bkg-color="#A95AA8" data-hover-bkg-opacity="1">
										<a class="overlay-link" href="project-style-one.html">
											<img src="assets/images/kundenprojekte/malerfachbetrieb-kohlhas-kg/malerfachbetrieb-kohlhas-kg-1.jpg" alt="Malerfachbetrieb Kohlhas KG"/>
											<span class="overlay-info">
												<span>
													<span>
														<span class="project-title">TikTok & Instagram</span>
														<span class="project-description">Malerfachbetrieb Kohlhas KG</span>
													</span>
												</span>
											</span>
										</a>
									</div>
								</div>
								<div class="grid-item design web">
									<div class="thumbnail overlay-slide-in-top img-scale-in horizon" data-animate-in="preset:slideInRightShort;duration:300ms;delay:100ms;" data-threshold="0.2" data-hover-easing="easeInOutCirc" data-hover-speed="500" data-hover-bkg-color="#8B92E9" data-hover-bkg-opacity="1">
										<a class="overlay-link" href="project-style-one.html">
											<img src="assets/images/kundenprojekte/pizzeria-porto-fino/pizzeria-porto-fino-1.jpg" alt="Pizzeria Porto Fino"/>
											<span class="overlay-info">
												<span>
													<span>
														<span class="project-title">Website</span>
														<span class="project-description">Pizzeria Porto Fino</span>
													</span>
												</span>
											</span>
										</a>
									</div>
								</div>
								<div class="grid-item design web">
									<div class="thumbnail overlay-slide-in-top img-scale-in horizon" data-animate-in="preset:slideInRightShort;duration:300ms;delay:100ms;" data-threshold="0.2" data-hover-easing="easeInOutCirc" data-hover-speed="500" data-hover-bkg-color="#A95AA8" data-hover-bkg-opacity="1">
										<a class="overlay-link" href="project-style-one.html">
											<img src="assets/images/kundenprojekte/pizzeria-porto-fino/pizzeria-porto-fino-1.jpg" alt="Pizzeria Porto Fino"/>
											<span class="overlay-info">
												<span>
													<span>
														<span class="project-title">Wordpress Website</span>
														<span class="project-description">Magnetfabrik Bonn GmbH</span>
													</span>
												</span>
											</span>
										</a>
									</div>
								</div>
								<div class="grid-item grid-sizer design">
									<div class="thumbnail overlay-slide-in-top img-scale-in horizon" data-animate-in="preset:slideInRightShort;duration:300ms;" data-threshold="0.2" data-hover-easing="easeInOutCirc" data-hover-speed="500" data-hover-bkg-color="#8B92E9" data-hover-bkg-opacity="1">
										<a class="overlay-link" href="project-style-one.html">
											<img src="assets/images/kundenprojekte/malerfachbetrieb-kohlhas-kg/malerfachbetrieb-kohlhas-kg-1.jpg" alt="Malerfachbetrieb Kohlhas KG"/>
											<span class="overlay-info">
												<span>
													<span>
														<span class="project-title">Instagram & Facebook</span>
														<span class="project-description">Bürgermeisterkandidat Oliver Wolf</span>
													</span>
												</span>
											</span>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>-->
				<!-- Portfolio Grid End -->

				<!-- Referenzen -->
				<div class="section-block pt-150 pb-150" id="referenzen">
					<div class="row">
						<div class="column width-10 offset-1 center">
							<h2>Eine Auswahl glücklicher Kunden</h2>
							<h4 class="mb-50">Hier siehst du eine Auswahl von Unternehmen die uns vertrauen, denn gemeinsam erreichen wir mehr.</h4>
						</div>
					</div>
										<div class="row center">
						<div class="column width-12">
							<div class="row content-grid-4">
								<!-- Row 1 Start -->
								<div class="grid-item">
									<img src="../../assets/images/kundenlogos/der-spiegel.webp" onerror="this.onerror=null; this.src='../../assets/images/kundenlogos/png/der-spiegel.png'" style="max-width:50%" alt="DER SPIEGEL"/>
								</div>
								<div class="grid-item">
									<img src="../../assets/images/kundenlogos/mlp.webp" onerror="this.onerror=null; this.src='../../assets/images/kundenlogos/png/mlp.png'" style="max-width:50%" alt="MLP"/>
								</div>
								<div class="grid-item">
									<img src="../../assets/images/kundenlogos/knauber.webp" onerror="this.onerror=null; this.src='../../assets/images/kundenlogos/png/knauber.png'" style="max-width:50%" alt="Knauber Baumärkte"/>
								</div>
								<div class="grid-item">
									<a href="https://magnetfabrik.de/" target="_blank">
										<img src="../../assets/images/kundenlogos/magnetfabrik-bonn.webp" onerror="this.onerror=null; this.src='../../assets/images/kundenlogos/png/magnetfabrik-bonn.png'" style="max-width:50%" alt="Magnetfabrik Bonn GmbH"/>
									</a>
								</div>
								<!-- Row 1 End -->
								<!-- Row 1.1 Start -->
								<div class="grid-item">
									<a href="https://jobarea20.me/" target="_blank">
										<img src="../../assets/images/kundenlogos/jobarea20.svg" style="max-width:50%" alt="JOBAREA20"/>
									</a>
								</div>
								<div class="grid-item">
									<a href="https://www.youtube.com/channel/UCI5ru0lo91RCX1RrtDY4C6Q" target="_blank">
										<img src="../../assets/images/kundenlogos/camperland-bong.svg" style="max-width:50%" alt="Camperland Bong"/>
									</a>
								</div>
								<div class="grid-item">
									<img src="../../assets/images/kundenlogos/malerfachbetrieb-kohlhas-kg.webp" onerror="this.onerror=null; this.src='../../assets/images/kundenlogos/png/malerfachbetrieb-kohlhas-kg.png'" style="max-width:50%" alt="Malerfachbetrieb Kohlhas KG"/>
								</div>
								<!-- Row 1.1 End -->
								<div class="grid-item">
									<img src="../../assets/images/kundenlogos/schneider-elektro.svg" style="max-width:50%" alt="Schneider-Elektro Rheinbach"/>
								</div>
								<!-- Row 2 Start -->
								<div class="grid-item">
									<img src="../../assets/images/kundenlogos/phcd.svg" style="max-width:50%" alt="Peter Hansen Ceramic Design"/>
								</div>
								<div class="grid-item">
									<img src="../../assets/images/kundenlogos/wotec.svg" onerror="this.onerror=null; this.src='../../assets/images/kundenlogos/png/wotec.png'" style="max-width:50%" alt="WOTEC"/>
								</div>
								<div class="grid-item">
									<img src="../../assets/images/kundenlogos/pointreef.webp" onerror="this.onerror=null; this.src='../../assets/images/kundenlogos/png/pointreef.png'" style="max-width:50%" alt="pointreef"/>
								</div>
								<div class="grid-item">
									<img src="../../assets/images/kundenlogos/gigwork.webp" onerror="this.onerror=null; this.src='../../assets/images/kundenlogos/png/gigwork.png'" style="max-width:50%" alt="gigwork"/>
								</div>
								<!-- Row 2 End -->
								<!-- Row 3 Start -->
								<div class="grid-item">
									<img src="../../assets/images/kundenlogos/wirtschaftsfoerderung-rheinbach.svg" onerror="this.onerror=null; this.src='../../assets/images/kundenlogos/png/wirtschaftsfoerderung-rheinbach.png'" style="max-width:50%" alt="Wirtschaftsfoerderung Rheinbach"/>
								</div>
								<div class="grid-item">
									<img src="../../assets/images/kundenlogos/froker-me.webp" onerror="this.onerror=null; this.src='../../assets/images/kundenlogos/png/froker-me.png'" style="max-width:50%" alt="froker-me"/>
								</div>


								<div class="grid-item" style="padding-top: 35px;">
									<img src="../../assets/images/kundenlogos/airflow.svg" onerror="this.onerror=null; this.src='../../assets/images/kundenlogos/png/airflow.svg'" style="max-width:50%;" alt="airflow"/>
								</div>
								<!--<div class="grid-item">
									<img src="../../assets/images/kundenlogos/pixxbox.webp" onerror="this.onerror=null; this.src='../../assets/images/kundenlogos/png/pixxbox.png'" style="max-width:50%" alt="pixxbox"/>
								</div>-->
								<div class="grid-item">
									<img src="../../assets/images/kundenlogos/wertewandel.webp" onerror="this.onerror=null; this.src='../../assets/images/kundenlogos/png/wertewandel.png'" style="max-width:50%" alt="wertewandel"/>
								</div>
								<!-- Row 3 End -->
								<!-- Row 4 Start -->
								<div class="grid-item">
									<img src="../../assets/images/kundenlogos/poempeldart.webp" onerror="this.onerror=null; this.src='../../assets/images/kundenlogos/png/poempeldart.png'" style="max-width:50%" alt="poempeldart"/>
								</div>
								<div class="grid-item">
									<img src="../../assets/images/kundenlogos/hosseini-partner.webp" onerror="this.onerror=null; this.src='../../assets/images/kundenlogos/png/hosseini-partner.png'" style="max-width:50%" alt="hosseini-partner"/>
								</div>
								<div class="grid-item">
									<img src="../../assets/images/kundenlogos/itsadonie.webp" onerror="this.onerror=null; this.src='../../assets/images/kundenlogos/png/itsadonie.png'" style="max-width:50%" alt="itsadonie"/>
								</div>
								<div class="grid-item">
									<img src="../../assets/images/kundenlogos/katrin-kisner.webp" onerror="this.onerror=null; this.src='../../assets/images/kundenlogos/png/katrin-kisner.png'" style="max-width:50%" alt="katrin-kisner"/>
								</div>
								<!-- Row 4 End -->
								<!-- Row 5 Start -->
								<div class="grid-item">
									<img src="../../assets/images/kundenlogos/seria-ars-film.webp" onerror="this.onerror=null; this.src='../../assets/images/kundenlogos/png/seria-ars-film.png'" style="max-width:50%" alt="Seria Ars Film"/>
								</div>
								<div class="grid-item">
									<img src="../../assets/images/kundenlogos/fs-sicherheit.webp" onerror="this.onerror=null; this.src='../../assets/images/kundenlogos/png/fs-sicherheit.png'" style="max-width:50%" alt="fs-sicherheit"/>
								</div>
								<div class="grid-item">
									<img src="../../assets/images/kundenlogos/eventakzent.webp" onerror="this.onerror=null; this.src='../../assets/images/kundenlogos/png/eventakzent.png'" style="max-width:50%" alt="eventakzent"/>
								</div>
								<div class="grid-item">
									<img src="../../assets/images/kundenlogos/bubcon.webp" onerror="this.onerror=null; this.src='../../assets/images/kundenlogos/png/bubcon.png'" style="max-width:50%" alt="bubcon"/>
								</div>
								<!-- Row 5 End -->
								<!-- Row 6 Start -->
								<div class="grid-item">
									<img src="../../assets/images/kundenlogos/lets-move-club.webp" onerror="this.onerror=null; this.src='../../assets/images/kundenlogos/png/lets-move-club.png'" style="max-width:50%" alt="lets-move-club"/>
								</div>
								<div class="grid-item">
									<img src="../../assets/images/kundenlogos/fahrschule-degener.webp" onerror="this.onerror=null; this.src='../../assets/images/kundenlogos/png/fahrschule-degener.png'" style="max-width:50%" alt="fahrschule-degener"/>
								</div>
								<div class="grid-item">
									<img src="../../assets/images/kundenlogos/hensberg-guerel.webp" onerror="this.onerror=null; this.src='../../assets/images/kundenlogos/png/hensberg-guerel.png'" style="max-width:50%" alt="hensberg-guerel"/>
								</div>
								<div class="grid-item">
									<img src="../../assets/images/kundenlogos/hebamme-franziska-nagel.webp" onerror="this.onerror=null; this.src='../../assets/images/kundenlogos/png/hebamme-franziska-nagel.png'" style="max-width:50%" alt="hebamme-franziska-nagel"/>
								</div>
								<!-- Row 6 End -->
							</div>
						</div>
					</div>				</div>
				<!-- Referenzen End -->
			
				<!-- Call to Action -->
				<div class="section-block pt-100 pb-100 center color-white" style="background-color: #EC6794" id="call-to-action">
					<div class="row">
						<div class="column width-12">
							<p class="mb-10 lead">Interesse oder Fragen? Wir freuen uns über deine Kontaktaufnahme.<p>
						</div>
					</div>
										<div class="row">
						<div class="column width-10 offset-1">
							<div class="column width-4 mb-20">
								<p class="mb-0 lead"><i class="fas fa-phone-volume"></i> <u><script type="text/javascript" language="javascript">
								<!--
								// Email obfuscator script 2.1 by Tim Williams, University of Arizona
								// Random encryption key feature coded by Andrew Moulden
								// This code is freeware provided these four comment lines remain intact
								// A wizard to generate this code is at http://www.jottings.com/obfuscator/
								{ coded = "FswwwabbrssGw"
								  key = "sh7rdA5aguz8iCn1YHDkpWxybX4tGSZEoLqMOfRFBjJcQ0T2U9mV3Nel6vIKwP"
								  shift=coded.length
								  link=""
								  for (i=0; i<coded.length; i++) {
								    if (key.indexOf(coded.charAt(i))==-1) {
								      ltr = coded.charAt(i)
								      link += (ltr)
								    }
								    else {     
								      ltr = (key.indexOf(coded.charAt(i))-shift+key.length) % key.length
								      link += (key.charAt(ltr))
								    }
								  }
								document.write("<a href='tel:"+link+"'>Telefon</a>")
								}
								//-->
								</script><noscript>Sorry, you need Javascript on to email me.</noscript></u></p>
							</div>
							<div class="column width-4 mb-20">
								<p class="mb-0 lead">
									<i class="fas fa-envelope"></i> <u><script type="text/javascript" language="javascript">
									<!--
									// Email obfuscator script 2.1 by Tim Williams, University of Arizona
									// Random encryption key feature coded by Andrew Moulden
									// This code is freeware provided these four comment lines remain intact
									// A wizard to generate this code is at http://www.jottings.com/obfuscator/
									{ coded = "PmV5@F346laPFH.Hl40"
									  key = "5DJhFZtfi8v7mQILba6qSdYGEHVPKcW0pxwg4OXUuyeoAjTs3R2M9kznNB1Crl"
									  shift=coded.length
									  link=""
									  for (i=0; i<coded.length; i++) {
									    if (key.indexOf(coded.charAt(i))==-1) {
									      ltr = coded.charAt(i)
									      link += (ltr)
									    }
									    else {     
									      ltr = (key.indexOf(coded.charAt(i))-shift+key.length) % key.length
									      link += (key.charAt(ltr))
									    }
									  }
									document.write("<a href='mailto:"+link+"'>E-Mail</a>")
									}
									//-->
									</script><noscript>Aktivieren Sie Javascript, um die E-Mailadresse zu sehen.</noscript></u></a></u>
								</p>
							</div>
							<div class="column width-4">
								<p class="mb-0 lead"><i class="fab fa-whatsapp"></i> <u><script type="text/javascript" language="javascript">
								<!--
								// Email obfuscator script 2.1 by Tim Williams, University of Arizona
								// Random encryption key feature coded by Andrew Moulden
								// This code is freeware provided these four comment lines remain intact
								// A wizard to generate this code is at http://www.jottings.com/obfuscator/
								{ coded = "+7FGGGa44VFFIG"
								  key = "lpqfzx237CNdZR9gcorPGVBm6Js0FkbMDUALv1aKOY8XWnyuhHEIijwT45QSte"
								  shift=coded.length
								  link=""
								  for (i=0; i<coded.length; i++) {
								    if (key.indexOf(coded.charAt(i))==-1) {
								      ltr = coded.charAt(i)
								      link += (ltr)
								    }
								    else {
								      ltr = (key.indexOf(coded.charAt(i))-shift+key.length) % key.length
								      link += (key.charAt(ltr))
								    }
								  }
								document.write("<a href='https://wa.me/"+link+"?text=Ich%20habe%20eine%20Frage%2E%20Wann%20könnten%20wir%20telefonieren%3F'>WhatsApp</a>")
								}
								//-->
								</script><noscript>Sorry, you need Javascript on to email me.</noscript>
								</u></p>
							</div>
						</div>
					</div>				</div>
				<!-- Call to Action End -->

			</div>
			<!-- Content End -->

			<!-- Footer -->
						<!-- Footer -->
			<footer class="footer">
				<div class="footer-top">
					<div class="row flex">
						<div class="column width-3">
							<div class="widget">
								<div class="footer-logo mb-30">
									<a href="../../"><img src="../../assets/images/logo/scalerist-r-white.svg" alt="scalerist Logo" /></a>
								</div>
							</div>
						</div>
						<div class="column width-3">
							<div class="widget">
								<h4 class="widget-title"><strong>Menü</strong></h4>
								<ul class="list-group small">
									<li>
										<a href="../../">Home</a>
									</li>
									<li>
										<a href="../../loesungen">Lösungen</a>
									</li>
									<li>
										<a href="../../ueber-uns">Über uns</a>
									</li>
									<li>
										<a href="../../kontakt">Kontakt</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="column width-3">
							<div class="widget">
								<h4 class="widget-title"><strong>Social Media von CEO Tobias</strong></h4>
								<ul class="list-group small">
									<li>
										<a href="https://www.tiktok.com/@tobiasgoehring" target="_blank">TikTok</a>
									</li>
									<li>
										<a href="https://instagram.com/tobias.goehring" target="_blank">Instagram</a>
									</li>
									<li>
										<a href="https://www.linkedin.com/in/tobiasgoehring" target="_blank">LinkedIn</a>
									</li>
									<li>
										<a href="https://www.youtube.com/c/tobiasgoehring" target="_blank">YouTube</a>
									</li>

								</ul>
							</div>
						</div>
						<div class="column width-3">
							<div class="widget">
								<h4 class="widget-title"><strong>Unser Standort</strong></h4>
								<p class="mb-20">Scalerist GmbH<br>Marie-Curie-Str. 5<br>D-53359 Rheinbach</p>
								<ul class="social-list list-horizontal">
									<li><a href="https://de.linkedin.com/company/scalerist" target="_blank"><i class="fab fa-linkedin font15px"></i></span></a></li>
									<li><a href="https://instagram.com/scalerist" target="_blank"><i class="fab fa-instagram font15px"></i></span></a></li>
									<li><a href="https://facebook.com/scalerist" target="_blank"><i class="fab fa-facebook-square font15px"></i></span></a></li>
									<li><a href="https://www.tiktok.com/@scalerist" target="_blank"><i class="fab fa-tiktok font15px"></i></span></a></li>
									<li><a href="https://x.com/scalerist" target="_blank"><i class="fab fa-x-twitter font15px"></i></span></a></li>
									<li><a href="https://www.xing.com/pages/scaleristgmbh" target="_blank"><i class="fab fa-xing font15px"></i></span></a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="footer-bottom">
					<div class="row">
						<div class="column width-12">
							<div class="footer-bottom-inner">
								<p class="copyright pull-left clear-float-on-mobile">
									<a href="../../impressum">Impressum</a> | <a href="../../datenschutz">Datenschutz | <a href="../../datenschutz-social-media">Datenschutz Social Media</a><br>
									&copy; Scalerist GmbH 2026. All Rights Reserved.
								</p>
								<p class="pull-right clear-float-on-mobile">
									<a href="#" class="scroll-to-top" data-no-hide>Nach oben</a>
								</p>
							</div>
						</div>
					</div>
				</div>
			</footer>
			<!-- Footer End -->			<!-- Footer End -->

		</div>
	</div>
		
		<!-- Foot -->
			<!-- Js -->
	<script src="../../assets/js/jquery-1.12.4.min.js"></script>
	<script src="../../assets/js/timber.master.min.js"></script>		<!-- Foot End -->

</body>
</html>