Pawel Gola | Webdesign & Webflow Entwickler

<!DOCTYPE html> <html data-wf-page="620e54f0dd07f84228369ca7" data-wf-site="620e54f0dd07f825ed369ca5"> <head> <meta charset="utf-8"> <title>Pawel Gola | Webdesign & Webflow Entwickler</title> <meta content="Deine Webflow Website mit WOW-Effekt. Weil Dein Business eine Website verdient, die Nutzer begeistert und diese in Kunden verwandelt." name="description"> <meta content="Pawel Gola | Webdesign & Webflow Entwickler" property="og:title"> <meta content="Deine Webflow Website mit WOW-Effekt. Weil Dein Business eine Website verdient, die Nutzer begeistert und diese in Kunden verwandelt." property="og:description"> <meta content="https://uploads-ssl.webflow.com/620e54f0dd07f825ed369ca5/6221fe842ce3cc034ba72267_gola-social.jpg" property="og:image"> <meta content="Pawel Gola | Webdesign & Webflow Entwickler" property="twitter:title"> <meta content="Deine Webflow Website mit WOW-Effekt. Weil Dein Business eine Website verdient, die Nutzer begeistert und diese in Kunden verwandelt." property="twitter:description"> <meta content="https://uploads-ssl.webflow.com/620e54f0dd07f825ed369ca5/6221fe842ce3cc034ba72267_gola-social.jpg" property="twitter:image"> <meta property="og:type" content="website"> <meta content="summary_large_image" name="twitter:card"> <meta content="width=device-width, initial-scale=1" name="viewport"> <link href="css/normalize.css" rel="stylesheet" type="text/css"> <link href="css/components.css" rel="stylesheet" type="text/css"> <link href="css/gola-design.css" rel="stylesheet" type="text/css"> <style>@media (min-width:992px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="02edbe12-0d17-3149-a63d-708fff71f907"] {-webkit-transform:translate3d(0, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="0f78cd8d-f275-6941-f3a1-47624cb6d639"] {-webkit-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="e835966c-d792-69b1-93d0-32ce4f3703dc"] {-webkit-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="19510231-826a-7883-d170-02d6dcd6893c"] {-webkit-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}}@media (max-width:991px) and (min-width:768px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="0f78cd8d-f275-6941-f3a1-47624cb6d639"] {-webkit-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="e835966c-d792-69b1-93d0-32ce4f3703dc"] {-webkit-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="19510231-826a-7883-d170-02d6dcd6893c"] {-webkit-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}}@media (max-width:767px) and (min-width:480px) {html.w-mod-js:not(.w-mod-ix) [data-w-id="0f78cd8d-f275-6941-f3a1-47624cb6d639"] {-webkit-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="e835966c-d792-69b1-93d0-32ce4f3703dc"] {-webkit-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}html.w-mod-js:not(.w-mod-ix) [data-w-id="19510231-826a-7883-d170-02d6dcd6893c"] {-webkit-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);}}</style> <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script> <script type="text/javascript">WebFont.load({ google: { families: ["Sora:regular,500","Urbanist:300,regular,500"] }});</script>  <script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script> <link href="images/favicon.png" rel="shortcut icon" type="image/x-icon"> <link href="images/webclip.png" rel="apple-touch-icon"> <style> * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* * Page Transition */ body .page-transition { display: block } .w-editor .page-transition { display: none; } .no-scroll-page-transition { overflow: hidden; position: relative; } /* * Cursor */ body:hover .cursor {opacity: 100%;} .cursor { transform: translate(-50%, -50%); pointer-events: none; position: fixed; opacity: 0%; } .cursor.visit-website .cursor-visit-website { display: block; } .cursor.start-project .cursor-start-project { display: block; } .cursor.write-email .cursor-write-email { display: block; } .cursor.coming-soon .cursor-coming-soon { display: block; } </style>  <script async="" fs-cc-debug="false" src="https://cdn.jsdelivr.net/npm/@finsweet/cookie-consent@1/fs-cc.js" fs-cc-mode="opt-in" fs-cc-expires="30"></script>  <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-KH40NK4452" type="fs-cc" fs-cc-categories="analytics"></script> <script type="fs-cc" fs-cc-categories="analytics"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-KH40NK4452', { 'anonymize_ip': true }); </script> </head> <body class="body"> <div data-w-id="d24e5ea8-78da-f5b7-6dab-ac39945b55b0" class="page-wrapper"> <div class="global"> <div class="cursor"> <div class="cursor-visit-website"> <div class="cursor-text">Visit<br>Website</div> </div> <div class="cursor-start-project"> <div class="cursor-text">Erst-<br>gespräch<br></div> </div> <div class="cursor-write-email"> <div class="cursor-text">Email<br>schreiben</div> </div> <div class="cursor-coming-soon"> <div class="cursor-text">coming<br>Soon</div> </div> </div> <div class="page-transition"> <div data-w-id="8ac9d04f-c10d-66be-7aaa-f37009a238a4" class="page-transition-trigger"></div> <div class="page-trainsition-content"> <div class="page-transition-logo-wrapper"> <div class="clip"><img src="images/logo-inverse.svg" loading="lazy" alt="" class="page-transition-logo"></div> <div class="page-transition-logo-square"></div> </div> </div> </div> <div class="global-styles w-embed"> <style> html { font-size: 1rem; } @media screen and (max-width:1920px) { html { font-size: 1rem; } } @media screen and (max-width:1440px) { html { font-size: calc(0.8126951092611863rem + 0.20811654526534862vw); } } @media screen and (max-width:479px) { html { font-size: calc(0.7497384937238494rem + 0.41841004184100417vw); } } .celebrate-heading-01 { backface-visibility: hidden; -webkit-font-smoothing: antialiased; } /* Snippet gets rid of top margin on first element in any rich text*/ .w-richtext>:first-child { margin-top: 0; } /* Snippet gets rid of bottom margin on last element in any rich text*/ .w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { margin-bottom: 0; } /* Snippet prevents all click and hover interaction with an element */ .clickable-off { pointer-events: none; } /* Snippet enables all click and hover interaction with an element */ .clickable-on{ pointer-events: auto; } /*Hide focus outline for main content element*/ main:focus-visible { outline: -webkit-focus-ring-color auto 0px; } /* Make sure containers never lose their center alignment*/ .container-medium, .container-small, .container-large { margin-right: auto !important; margin-left: auto !important; } /*Reset buttons, and links styles*/ a { color: inherit; text-decoration: inherit; font-size: inherit; } /* * Marquee */ .marquee-heading.outline { -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #25282f; } .marquee-heading.outline.light { -webkit-text-stroke-color: #fff; } /* * Dark Mode */ .body { transition: color 0.5s ease, background-color 0.5s ease; } .dark-mode { color: #fff; background-color: #25282f; } .dark-mode .marquee-heading.outline { -webkit-text-stroke-color: #fff; } .dark-mode .marquee-heading.outline.light { -webkit-text-stroke-color: #25282f; } .dark-mode .marquee-heading.light:not(.outline) { color: #25282f; } .process-number-line { transition: background-color 0.5s ease; } .dark-mode .section-dark, .dark-mode .process-number-line { background-color: #25282f; } .dark-mode .section-dark { color: #25282f; background-color: #fff; } .dark-mode .subnav-line { background-color: #fff; } .dark-mode .heading-h4 { color: #fff; } .dark-mode .card.card-default { color: #fff; } .dark-mode .contact-item-border-top, .dark-mode .contact-item-border-bottom { background-color: rgba(255,255,255,0.2); } .splide__sr, .splide__pagination { display: none; } </style> </div> </div> <header class="navbar"> <div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar-wrapper w-nav"> <div class="page-padding"> <div class="navbar-container"> <div id="w-node-_7048fef1-5ae9-e866-ba1c-a4c989cc85d8-d4efe39a" class="navbar-left"> <a href="index.html" aria-current="page" class="navbar-logo-link w-nav-brand w--current"><img src="images/logo.svg" loading="lazy" alt="" class="navbar-logo"></a> </div> <div id="w-node-f307c655-a800-e3ea-a7bb-81a5649e5144-d4efe39a" class="navbar-center"> <div class="availabitlity"> <div class="availabitlity-dot"> <div class="availabitlity-dot-top"></div> <div class="availabitlity-dot-bottom"></div> </div> <div class="availabitlity-text">Ausgebucht bis Januar '23</div> </div> </div> <div id="w-node-_9e56c16c-63e1-59eb-ea16-fed1d4efe3aa-d4efe39a" class="navbar-right"> <nav role="navigation" class="navbar-menu w-nav-menu"> <a href="https://templates.gola.io" class="nav-text-wrapper w-inline-block"> <div class="nav-text">Webflow TEmplates</div> <div class="nav-text-hover">Webflow TEmplates</div> </a> </nav> <a href="#kontakt" class="button button-primary w-button">Kontakt</a> </div> </div> </div> </div> </header> <div data-w-id="f6f0eaf7-74df-a1d5-9b45-508835785e07" class="page-progress"></div> <main class="main-wrapper"> <div data-w-id="7206de22-7e81-9708-09fc-ac4ed860aff8" class="section-hero wf-section"> <div class="page-padding"> <div class="padding-vertical"> <div class="text-align-center"> <div class="hero-heading-wrapper"> <div class="hero-heading-01-wrapper"> <div class="clip"> <h1 id="w-node-_7206de22-7e81-9708-09fc-ac4ed860b000-28369ca7" style="-webkit-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="hero-heading-00">Deine</h1> </div> </div> <div class="hero-heading-02-wrapper"> <div class="clip"> <h1 id="w-node-_18d084f8-3b25-15ce-03e6-cc2991586db2-28369ca7" style="-webkit-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="hero-heading-01">Webflow Website</h1> </div> </div> <div class="hero-heading-03-wrapper"> <div class="clip"> <h1 id="w-node-cfe9bc86-c092-bdee-1089-a5287eaa0eee-28369ca7" style="-webkit-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="hero-heading-02">mit WOW-Effekt</h1> </div> </div> </div> <div class="margin-bottom margin-huge"> <div class="hero-subline-wrapper"> <p data-w-id="7206de22-7e81-9708-09fc-ac4ed860b004" style="-webkit-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="text-size-lead">Weil Dein Business eine Website verdient, die Nutzer begeistert und diese in Kunden verwandelt. </p> </div> </div> <div data-w-id="c986b011-51ce-c61e-d209-5b21d6279c88" style="opacity:0;-webkit-transform:translate3d(0, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, -20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="w-embed"><svg width="36" height="102" viewbox="0 0 36 102" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18 0L18 100" stroke="currentColor"></path> <path d="M35 84L18 101L1 84" stroke="currentColor"></path> </svg></div> </div> </div> </div> <div class="hero-blur"></div> </div> <div class="section-features wf-section"> <div class="page-padding"> <div class="container-default"> <div class="padding-top padding-huge"> <div id="w-node-_0ef0c73d-2f24-47cd-57c6-54da828bf6d2-28369ca7" class="margin-bottom margin-huge"> <div class="w-layout-grid features-top-grid"> <div class="clip"> <h2 id="w-node-da5e3ad2-e453-c930-ab29-9eb72d7513cc-28369ca7" data-w-id="da5e3ad2-e453-c930-ab29-9eb72d7513cc" style="-webkit-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-moz-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-ms-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);opacity:0">Deine Website ist mehr als nur eine Visitenkarte</h2> </div> <p data-w-id="20d82fdc-304e-1f2f-fde5-7654a968ef00" style="-webkit-transform:translate3d(0px, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0px, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0px, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0px, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="text-size-medium">Oft ist Deine Website der erste Kontaktpunkt mit Deiner Marke und repräsentiert somit auch Dein Unternehmen. Was glaubst Du, welchen Eindruck eine schlecht konzipierte Website auf Deine Kunden macht?<br><br>Wie wäre es, wenn Deine Website...<br>‍<br><strong>•</strong> eine <strong>klare Struktur</strong> hat?<br><strong>•</strong> ein <strong>gutes Benutzererlebnis</strong> liefert?<br><strong>•</strong> <strong>gut aussieht</strong>?<br><strong>•</strong> <strong>Besucher auch zu Kunden macht</strong>?<br>‍<br>Klingt gut? Dann bist du hier genau richitg!<br></p> </div> </div> <div class="w-layout-grid home-features_grid"> <div class="home-features_grid-card-wrapper"> <div data-w-id="7aee6e2e-d79e-f259-d46a-2a3aa1d1ed4a" style="-webkit-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-moz-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-ms-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);opacity:0" class="card card-default"> <div class="margin-bottom margin-small"> <div class="icon-1x1-large w-embed"><svg width="32" height="30" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> </div> <div class="margin-bottom margin-small"> <h3 id="w-node-_7aee6e2e-d79e-f259-d46a-2a3aa1d1ed4b-28369ca7" class="card-heading">Besucher in <br>Kunden umwandeln</h3> </div> <p>Überzeuge Deine Besucher durch klare Benutzerführung und ein starkes Konzept.</p> </div> </div> <div class="home-features_grid-card-wrapper"> <div data-w-id="9006fdb8-09c5-a7fb-6029-3e1731b45b46" style="-webkit-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-moz-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-ms-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);opacity:0" class="card card-default"> <div class="margin-bottom margin-small"> <div class="icon-1x1-large w-embed"><svg width="32" height="30" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> </div> <div class="margin-bottom margin-small"> <h3 id="w-node-_9006fdb8-09c5-a7fb-6029-3e1731b45b4a-28369ca7" class="card-heading">Qualitative<br>Anfragen</h3> </div> <p>Ziehe Die richtigen Kunden an und erhalte qualitativ hochwertige Anfragen.</p> </div> </div> <div class="home-features_grid-card-wrapper"> <div data-w-id="10ed88bd-f685-66ac-a088-b9181d9d439a" style="-webkit-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-moz-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-ms-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);opacity:0" class="card card-default"> <div class="margin-bottom margin-small"> <div class="icon-1x1-large w-embed"><svg width="32" height="30" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> </div> <div class="margin-bottom margin-small"> <h3 id="w-node-_10ed88bd-f685-66ac-a088-b9181d9d439e-28369ca7" class="card-heading">Professionelles<br>Auftreten</h3> </div> <p>Überzeuge deine Nutzer in den ersten Sekunden und stärke das Vertrauen in Deine Marke.</p> </div> </div> <div class="home-features_grid-card-wrapper"> <div data-w-id="ed409807-d030-f989-f125-3276da4ba9b6" style="-webkit-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-moz-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-ms-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);opacity:0" class="card card-default"> <div class="margin-bottom margin-small"> <div class="icon-1x1-large w-embed"><svg width="32" height="30" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> </div> <div class="margin-bottom margin-small"> <h3 id="w-node-ed409807-d030-f989-f125-3276da4ba9ba-28369ca7" class="card-heading">Von der Konkurrenz abheben</h3> </div> <p>Hebe Dich deutlich mit einer High-End Website von Deiner Konkurrenz ab.</p> </div> </div> <div class="home-features_grid-card-wrapper"> <div data-w-id="b1765d2f-6b1d-c0ae-11a7-7acfbdf679aa" style="-webkit-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-moz-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-ms-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);opacity:0" class="card card-default"> <div class="margin-bottom margin-small"> <div class="icon-1x1-large w-embed"><svg width="32" height="30" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> </div> <div class="margin-bottom margin-small"> <h3 id="w-node-b1765d2f-6b1d-c0ae-11a7-7acfbdf679ae-28369ca7" class="card-heading">Vermittle <br>Deine Vision</h3> </div> <p>Deine Werte und Vision spiegeln sich im Webdesign wider und begeistern Deine Nutzer.</p> </div> </div> <div class="home-features_grid-card-wrapper"> <div data-w-id="7b158770-42a6-6f26-1ab9-b10028a9d003" style="-webkit-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-moz-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-ms-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);opacity:0" class="card card-default"> <div class="margin-bottom margin-small"> <div class="icon-1x1-large w-embed"><svg width="32" height="30" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> </div> <div class="margin-bottom margin-small"> <h3 id="w-node-_7b158770-42a6-6f26-1ab9-b10028a9d007-28369ca7" class="card-heading">Schnell & einfach<br>zu pflegen</h3> </div> <p>Verwalte Deinen Content im Handumdrehen selbst, ohne Programmierer.</p> </div> </div> </div> </div> </div> </div> </div> <div class="section-marquee wf-section"> <div class="padding-top padding-xhuge"> <div data-w-id="dedf6504-ac53-1a01-3a42-4b3d6a4d0f79" class="marquee-wrapper"> <div class="marquee-heading outline">Selected</div> <div class="marquee-heading">Work</div> <div class="marquee-heading outline">Selected</div> <div class="marquee-heading">Work</div> <div class="marquee-heading outline">Selected</div> </div> </div> </div> <div id="work" data-w-id="9ce1f96a-7f63-84a9-673b-cd06d4c84865" class="section-work wf-section"> <div class="dark-mode-trigger clickable-off"></div> <div class="padding-top padding-xhuge"> <div class="work-list"> <div class="work-item"> <a data-w-id="02edbe12-0d17-3149-a63d-708fff71f907" style="-webkit-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" href="https://www.gola.io/solve" target="_blank" class="work-item-card visit-website w-inline-block"> <div class="work-item-desktop"> <div class="work-item-desktop-ratio"><img src="images/work-solve.webp" loading="lazy" sizes="(max-width: 991px) 50vw, 40vw" srcset="images/work-solve-p-500.webp 500w, images/work-solve-p-800.webp 800w, images/work-solve-p-1080.webp 1080w, images/work-solve-p-1600.webp 1600w, images/work-solve.webp 1920w" alt="" class="work-item-image"></div> </div> </a> </div> <div class="work-item"> <a data-w-id="e58e0b60-9628-bbaf-9ed0-49754aaa15b9" style="-webkit-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" href="#" target="_blank" class="work-item-card w-inline-block"> <div class="work-item-mobile"> <div class="work-item-mobile-ratio"><img src="images/work-mobile-ma-models.jpg" loading="lazy" sizes="(max-width: 991px) 16vw, 13vw" srcset="images/work-mobile-ma-models-p-500.jpeg 500w, images/work-mobile-ma-models.jpg 800w" alt="" class="work-item-image"></div> </div> </a> </div> <div class="work-item"> <a data-w-id="90380cf8-4eb0-4ae6-e267-b9eb8d0349dc" style="-webkit-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" href="#" class="work-item-card visit-website w-inline-block"> <div class="work-item-desktop"> <div class="work-item-desktop-ratio"><img src="images/work-jacob-groenberg.jpg" loading="lazy" sizes="(max-width: 991px) 50vw, 40vw" srcset="images/work-jacob-groenberg-p-1080.jpeg 1080w, images/work-jacob-groenberg-p-1600.jpeg 1600w, images/work-jacob-groenberg.jpg 1920w" alt="" class="work-item-image"></div> </div> </a> </div> <div class="work-item"> <a data-w-id="a7e9e48b-a5e2-4675-27d5-0b21b40492ad" style="-webkit-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" href="#" class="work-item-card w-inline-block"> <div class="work-item-mobile"> <div class="work-item-mobile-ratio"><img src="images/work-jakob-mobile.jpg" loading="lazy" alt="" class="work-item-image"></div> </div> </a> </div> <div class="work-item"> <a data-w-id="1a4bc821-2854-aa32-9ecf-80a4ee0cd403" style="-webkit-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" href="https://www.gola.io/banquee" target="_blank" class="work-item-card visit-website w-inline-block"> <div class="work-item-desktop"> <div class="work-item-desktop-ratio"><img src="images/work-banquee.webp" loading="lazy" sizes="(max-width: 991px) 50vw, 40vw" srcset="images/work-banquee-p-500.webp 500w, images/work-banquee-p-800.webp 800w, images/work-banquee-p-1080.webp 1080w, images/work-banquee-p-1600.webp 1600w, images/work-banquee.webp 1920w" alt="" class="work-item-image"></div> </div> </a> </div> <div class="work-item"> <a data-w-id="78887a07-8a63-0f74-a86c-72f065025820" style="-webkit-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" href="https://www.gola.io/fyrre" target="_blank" class="work-item-card visit-website w-inline-block"> <div class="work-item-desktop"> <div class="work-item-desktop-ratio"><img src="images/work-fyrre.webp" loading="lazy" sizes="(max-width: 991px) 50vw, 40vw" srcset="images/work-fyrre-p-500.webp 500w, images/work-fyrre-p-800.webp 800w, images/work-fyrre-p-1080.webp 1080w, images/work-fyrre-p-1600.webp 1600w, images/work-fyrre.webp 1920w" alt="" class="work-item-image"></div> </div> </a> </div> <div class="work-item"> <a data-w-id="bf602581-86fe-00c8-4d18-3a89df05fc4a" style="-webkit-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" href="#" target="_blank" class="work-item-card visit-website w-inline-block"> <div class="work-item-desktop"> <div class="work-item-desktop-ratio"><img src="images/work-ma-models-2.jpg" loading="lazy" sizes="(max-width: 991px) 50vw, 40vw" srcset="images/work-ma-models-2-p-1080.jpeg 1080w, images/work-ma-models-2-p-1600.jpeg 1600w, images/work-ma-models-2.jpg 1920w" alt="" class="work-item-image"></div> </div> </a> </div> <div class="work-item"> <a data-w-id="b16060a0-50d7-86e1-d63d-68aa88256423" style="-webkit-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" href="#" class="work-item-card w-inline-block"> <div class="work-item-mobile"> <div class="work-item-mobile-ratio"><img src="images/work-mobile-novritsch.jpg" loading="lazy" sizes="(max-width: 991px) 16vw, 13vw" srcset="images/work-mobile-novritsch-p-500.jpeg 500w, images/work-mobile-novritsch.jpg 800w" alt="" class="work-item-image"></div> </div> </a> </div> <div class="work-item"> <a data-w-id="55a7575a-03ac-3fde-f9d3-392271116c57" style="-webkit-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" href="https://bbg-immobiliengruppe.de/" target="_blank" class="work-item-card visit-website w-inline-block"> <div class="work-item-desktop"> <div class="work-item-desktop-ratio"><img src="images/work-bbg.jpg" loading="lazy" sizes="(max-width: 991px) 50vw, 40vw" srcset="images/work-bbg-p-500.jpeg 500w, images/work-bbg-p-1080.jpeg 1080w, images/work-bbg-p-1600.jpeg 1600w, images/work-bbg.jpg 1920w" alt="" class="work-item-image"></div> </div> </a> </div> <div class="work-item"> <a data-w-id="6ae63168-5c06-bcdf-b7b6-becac56f524e" style="-webkit-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" href="https://bbg-immobiliengruppe.de/" target="_blank" class="work-item-card visit-website w-inline-block"> <div class="work-item-mobile"> <div class="work-item-mobile-ratio"><img src="images/work-mobile-bbg.jpg" loading="lazy" sizes="(max-width: 991px) 16vw, 13vw" srcset="images/work-mobile-bbg-p-500.jpeg 500w, images/work-mobile-bbg.jpg 800w" alt="" class="work-item-image"></div> </div> </a> </div> <div class="work-item"> <a data-w-id="3b20b754-632d-b3af-790a-3e5b6bdad85b" style="-webkit-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 15vh, 0) scale3d(0.95, 0.95, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" href="https://woodandnails.de/" target="_blank" class="work-item-card visit-website w-inline-block"> <div class="work-item-desktop"> <div class="work-item-desktop-ratio"><img src="images/work-wn.jpg" loading="lazy" sizes="(max-width: 991px) 50vw, 40vw" srcset="images/work-wn-p-800.jpeg 800w, images/work-wn-p-1080.jpeg 1080w, images/work-wn-p-1600.jpeg 1600w, images/work-wn.jpg 1920w" alt="" class="work-item-image"></div> </div> </a> </div> </div> </div> </div> <div class="section-quote wf-section"> <div class="page-padding"> <div class="container-xsmall"> <div class="padding-top padding-xxhuge"> <div class="text-align-center"> <div class="margin-bottom margin-small"> <div class="text-color-primary w-embed"><svg width="80" height="80" viewbox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M26.3559 36.7778C24.7121 36.7833 23.0973 37.2119 21.6671 38.0222C23.6807 32.81 27.0205 28.214 31.3559 24.6889C31.604 24.4846 31.8094 24.2335 31.9604 23.9498C32.1114 23.6662 32.205 23.3555 32.236 23.0357C32.2669 22.7159 32.2346 22.393 32.1408 22.0857C32.047 21.7784 31.8936 21.4925 31.6893 21.2444C31.485 20.9964 31.2339 20.791 30.9502 20.64C30.6666 20.489 30.3559 20.3954 30.0361 20.3644C29.7162 20.3335 29.3934 20.3658 29.0861 20.4596C28.7787 20.5534 28.4929 20.7068 28.2448 20.9111C19.3559 28.1333 15.4004 38.1333 15.4004 44.3333C15.4157 46.5255 16.069 48.6658 17.2805 50.4929C18.492 52.32 20.2092 53.7549 22.2226 54.6222C23.5256 55.2534 24.9526 55.5874 26.4004 55.6C27.6747 55.6619 28.9484 55.4644 30.1442 55.0194C31.3399 54.5744 32.4328 53.8912 33.3566 53.0112C34.2804 52.1312 35.0159 51.0728 35.5184 49.9C36.0209 48.7273 36.2801 47.4647 36.2801 46.1889C36.2801 44.913 36.0209 43.6505 35.5184 42.4777C35.0159 41.305 34.2804 40.2466 33.3566 39.3666C32.4328 38.4866 31.3399 37.8033 30.1442 37.3583C28.9484 36.9133 27.6747 36.7158 26.4004 36.7778H26.3559Z" fill="currentColor"></path> <path d="M51.1108 36.7776C49.4667 36.7811 47.8514 37.2098 46.4219 38.022C48.4348 32.8152 51.7658 28.2207 56.0886 24.6887C56.3592 24.4936 56.587 24.2453 56.758 23.9589C56.929 23.6726 57.0396 23.3543 57.0829 23.0236C57.1263 22.6929 57.1015 22.3568 57.0102 22.036C56.9188 21.7152 56.7628 21.4166 56.5516 21.1584C56.3405 20.9002 56.0788 20.6879 55.7826 20.5346C55.4863 20.3814 55.1619 20.2903 54.8292 20.2671C54.4964 20.244 54.1625 20.2891 53.8479 20.3998C53.5332 20.5105 53.2446 20.6845 52.9997 20.9109C44.1108 28.1331 40.1553 38.1331 40.1553 44.3331C40.1658 46.5005 40.8 48.619 41.9822 50.4356C43.1644 52.2522 44.8445 53.6901 46.8219 54.5776C48.158 55.2272 49.6252 55.5618 51.1108 55.5553C52.3852 55.6173 53.6588 55.4198 54.8546 54.9748C56.0503 54.5298 57.1432 53.8466 58.067 52.9666C58.9909 52.0866 59.7263 51.0281 60.2289 49.8554C60.7314 48.6827 60.9905 47.4201 60.9905 46.1442C60.9905 44.8684 60.7314 43.6058 60.2289 42.4331C59.7263 41.2603 58.9909 40.2019 58.067 39.3219C57.1432 38.4419 56.0503 37.7587 54.8546 37.3137C53.6588 36.8687 52.3852 36.6712 51.1108 36.7331V36.7776Z" fill="currentColor"></path> </svg></div> </div> <div class="margin-bottom margin-small"> <h3 class="heading-h2">Gutes Design ermutigt den Betrachter, mehr erfahren zu wollen.</h3> </div> <div class="margin-bottom margin-large"> <div>Alexander Isley, Trello</div> </div> <div data-w-id="b0602983-bfd8-d5f9-31d2-342b88541cc1" style="opacity:0" class="w-embed"><svg width="36" height="102" viewbox="0 0 36 102" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18 0L18 100" stroke="currentColor"></path> <path d="M35 84L18 101L1 84" stroke="currentColor"></path> </svg></div> </div> </div> </div> </div> </div> <div id="prozess" class="section-marquee wf-section"> <div class="padding-vertical padding-xhuge"> <div data-w-id="affe607b-9898-7a74-e0f9-e93fb2aff758" class="marquee-wrapper"> <div class="marquee-heading outline">Process</div> <div class="marquee-heading">Prozess</div> <div class="marquee-heading outline">Prozess</div> <div class="marquee-heading">Prozess</div> <div class="marquee-heading outline">Process</div> </div> </div> </div> <div id="process" data-w-id="fc9fbf12-e8d5-2476-ac4b-843c4a28ddfc" class="section-process wf-section"> <div style="-webkit-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;display:none" class="tooltip-box wireframes"> <div id="w-node-_66261d43-f448-8d5a-005e-f8a760bcee02-28369ca7" class="tooltip-box-inner"> <div><img src="images/tooltip-wireframes.jpg" loading="lazy" width="200" height="200" srcset="images/tooltip-wireframes-p-500.jpeg 500w, images/tooltip-wireframes-p-800.jpeg 800w, images/tooltip-wireframes.jpg 1000w" sizes="100vw" alt=""></div> <div class="tooltip-box-content"> <div id="w-node-c7ef0ac0-dfc2-68fb-e340-9599fdeaad0f-28369ca7" class="tooltip-box-headline"> <h5>Was sind Wireframes?</h5> </div> <p class="text-size-small">Mit Hilfe von Wireframes erstellen wir die Basis für das komplette Layout der Website. Mit einem Minimum an visuellen Elementen. So können wir effizient herausfinden, wo Bilder und Texte hinkommen sowie die Benutzerführung optimieren. </p> </div> </div> </div> <div style="-webkit-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;display:none" class="tooltip-box prototyp"> <div class="tooltip-box-inner"> <div><img src="images/tooltip-prototype.jpg" loading="lazy" width="200" height="200" srcset="images/tooltip-prototype-p-500.jpeg 500w, images/tooltip-prototype-p-800.jpeg 800w, images/tooltip-prototype.jpg 1000w" sizes="100vw" alt=""></div> <div class="tooltip-box-content"> <div id="w-node-_3f295ba6-c933-da7e-3074-842272b9269a-28369ca7" class="tooltip-box-headline"> <h5>Interaktiver Prototyp</h5> </div> <p class="text-size-small">Mit dem interaktiven Prototypen wird den Wireframes sowie auch dem finalen Design Leben eingehaucht. Ohne die Website zu programmieren, kannst Du dich durch die Seite klicken und bekommst ein gutes Feeling wie das Endprodukt aussehen wird.</p> </div> </div> </div> <div style="-webkit-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;display:none" class="tooltip-box webdesign-system"> <div class="tooltip-box-inner"> <div><img src="images/tooltip-webdesign-system.jpg" loading="lazy" width="200" height="200" srcset="images/tooltip-webdesign-system-p-500.jpeg 500w, images/tooltip-webdesign-system-p-800.jpeg 800w, images/tooltip-webdesign-system.jpg 1000w" sizes="100vw" alt=""></div> <div class="tooltip-box-content"> <div id="w-node-e34b85d5-962e-e1b7-5534-501006e87a18-28369ca7" class="tooltip-box-headline"> <h5>Webdesign System</h5> </div> <p class="text-size-small">Elemente wie Buttons, Listen und Headlines und auch größere Komponenten werden modular aufgebaut, sodass Du diese auf weiteren Seiten einfach nutzen kannst, ohne alles selbst zu programmieren.</p> </div> </div> </div> <div style="-webkit-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0;display:none" class="tooltip-box cms"> <div class="tooltip-box-inner"> <div><img src="images/tooltip-cms.jpg" loading="lazy" width="200" height="200" srcset="images/tooltip-cms-p-500.jpeg 500w, images/tooltip-cms-p-800.jpeg 800w, images/tooltip-cms.jpg 1000w" sizes="100vw" alt=""></div> <div class="tooltip-box-content"> <div id="w-node-_66ab79d6-5c06-a59a-a55d-68542ffde557-28369ca7" class="tooltip-box-headline"> <h5>Webflow CMS</h5> </div> <p class="text-size-small">Die komplette Website wird mit dem Content Management System Webflow aufgebaut. So kannst du alle Inhalte selbst kinderleicht anpassen und erweitern. </p> </div> </div> </div> <div class="page-padding"> <div class="container-default"> <div class="margin-bottom margin-xhuge"> <div id="w-node-a89b8986-7557-d7a5-3a3d-1dd5047c7b61-28369ca7" class="max-width-large"> <div class="margin-bottom margin-small"> <div class="clip"> <h2 data-w-id="a89b8986-7557-d7a5-3a3d-1dd5047c7b63" style="-webkit-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-moz-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-ms-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);opacity:0" class="heading-h1">Deine Website startklar in nur <br>6 Schritten</h2> </div> </div> <p data-w-id="c75f474d-97cc-6ddf-22cd-544c0b91b1f0" style="-webkit-transform:translate3d(0px, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0px, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0px, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0px, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="text-size-large">Vom Konzept und der Strategie bis zum Design und der Entwicklung, bekommst Du bei mir alles verpackt in einem Prozess. Kein lästiges Hin & Her. Ein Preis. Ein Prozess.<br></p> </div> </div> </div> <div class="process-container"> <div class="timeline-wrapper"> <div class="timeline-bar"> <div class="timeline-bar-progress"></div> </div> </div> <div class="process-wrapper"> <div class="process-item"> <div id="w-node-_4018cc09-fb72-baa6-e7f2-7671159b83a6-28369ca7" class="process-left"> <div class="process-number-wrapper"> <div class="process-number"> <div class="process-number-01"> <div class="heading-large">01</div> </div> </div> <div class="process-number-line"></div> </div> </div> <div id="w-node-_4bc5d3c7-4ea3-1b3a-27a3-22fabb832527-28369ca7" class="process-right"> <div class="timeline-item-01"> <div class="process-item-heading-mobile">01</div> <div class="margin-bottom margin-medium"> <div class="margin-bottom margin-tiny"> <div class="text-meta">Macht's klick?</div> </div> <h3>Discovery Call</h3> </div> <div class="margin-bottom margin-large"> <p class="text-size-medium">Beim Discovery Call schauen wir erstmal, ob es denn auch klick macht zwischen uns. D.h. wir lernen uns ein wenig besser kennen. Eine vertrauensvolle Zusammenarbeit ist mir wichtig. Denn sie macht nicht nur mehr Spaß, sondern führt auch zu einem erfolgreichem Ergebnis. <br><br>Bevor es allerdings losgeht, finden wir heraus wie und ob ich Dir überhaupt helfen kann. Welche Anforderungen hast du an deine neue Webseite? Wieso brauchst du überhaupt eine neue Webseite? Welche Ziele hast du und welche Probleme können wir mit einer neuen Webseite lösen? </p> </div> <div data-w-id="9a8fd2c2-b15d-7617-f01e-8f5b6d4aea55" class="process-item-list"> <div class="process-item-list-item"> <div data-w-id="0f78cd8d-f275-6941-f3a1-47624cb6d639" class="process-item-list-item-grid _01"> <div class="icon-1x1-large w-embed"><svg width="24" height="24" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="heading-h6">Wir lernen uns besser kennen</div> </div> </div> <div class="process-item-list-item"> <div data-w-id="e835966c-d792-69b1-93d0-32ce4f3703dc" class="process-item-list-item-grid _02"> <div class="icon-1x1-large w-embed"><svg width="24" height="24" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="heading-h6">Wie kann ich dir am besten helfen?</div> </div> </div> <div class="process-item-list-item"> <div data-w-id="19510231-826a-7883-d170-02d6dcd6893c" class="process-item-list-item-grid _03"> <div class="icon-1x1-large w-embed"><svg width="24" height="24" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="heading-h6">Verstehen welche Ziele Du mit der Webseite hast</div> </div> </div> </div> </div> </div> </div> <div class="process-item"> <div id="w-node-_5a183cc8-6940-30e5-6b3c-ed63099710ce-28369ca7" class="process-left"> <div class="process-number-wrapper"> <div class="process-number"> <div class="process-number-02"> <div class="heading-large">02</div> </div> </div> <div class="process-number-line"></div> </div> </div> <div id="w-node-_5a183cc8-6940-30e5-6b3c-ed63099710d1-28369ca7" class="process-right"> <div class="timeline-item-02"> <div class="process-item-heading-mobile">02</div> <div class="margin-bottom margin-medium"> <div class="margin-bottom margin-tiny"> <div class="text-meta">Wo soll's hingehen?</div> </div> <h3>Konzept & Strategie</h3> </div> <div class="margin-bottom margin-large"> <p class="text-size-medium">Gemeinsam entwickeln wir eine Strategie, die Deine Ziele und die Bedürfnisse Deiner Zielgruppe erfolgreich zusammenbringt. Anhand dieses Konzepts erstelle ich die ersten <strong data-w-id="5b08f6f9-d557-3319-8d90-e7934b77d50f" class="tooltip-trigger wireframes">Wireframes</strong> und einen interaktiven <strong data-w-id="906b4f14-8599-cf10-1763-ba6e35b2f4de" class="tooltip-trigger prototyp">Prototypen</strong>. Dadurch bekommen wir einen sehr guten Eindruck der Webseite und der Benutzerführung. Der Vorteil dabei ist, dass wir das gesamte Layout, die Bilder und benötigte Inhalte schnell iterieren können.</p> </div> <div data-w-id="9a790791-d58c-ac21-cb50-ab9178077180" class="process-item-list"> <div class="process-item-list-item"> <div style="-webkit-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="process-item-list-item-grid _01"> <div class="icon-1x1-large w-embed"><svg width="24" height="24" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="heading-h6">UX Design</div> </div> </div> <div class="process-item-list-item"> <div style="-webkit-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="process-item-list-item-grid _02"> <div class="icon-1x1-large w-embed"><svg width="24" height="24" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="heading-h6">Wireframes</div> </div> </div> <div class="process-item-list-item"> <div style="-webkit-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="process-item-list-item-grid _03"> <div class="icon-1x1-large w-embed"><svg width="24" height="24" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="heading-h6">Interaktiver Prototyp der Wireframes</div> </div> </div> </div> </div> </div> </div> <div class="process-item"> <div id="w-node-_56fae74a-be2e-08a9-f472-f214f95ab1bd-28369ca7" class="process-left"> <div class="process-number-wrapper"> <div class="process-number"> <div class="process-number-03"> <div class="heading-large">03</div> </div> </div> <div class="process-number-line"></div> </div> </div> <div id="w-node-_56fae74a-be2e-08a9-f472-f214f95ab1c0-28369ca7" class="process-right"> <div class="timeline-item-03"> <div class="process-item-heading-mobile">03</div> <div class="margin-bottom margin-medium"> <div class="margin-bottom margin-tiny"> <div class="text-meta">Eine Priese Magie</div> </div> <h3>Design</h3> </div> <div class="margin-bottom margin-large"> <p class="text-size-medium">Jetzt kommt die Magie ins Spiel. Ich erstelle anhand des zuvor entwickelten Konzepts ein High-End Screendesign perfekt zugeschnitten auf Deine Brand. Ein Webdesign, das Dich deutlich von Deiner Konkurrenz abhebt, ideal zu Deiner Zielgruppe passt und ein tolles Nutzererlebnis bietet. Mit einem interaktiven Prototypen bekommst Du direkt ein Feeling wie Deine neue Webseite anfühlen wird.</p> </div> <div data-w-id="42e61ed7-34db-766a-2ca0-5726accff694" class="process-item-list"> <div class="process-item-list-item"> <div style="-webkit-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="process-item-list-item-grid _01"> <div class="icon-1x1-large w-embed"><svg width="24" height="24" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="heading-h6">High-End Webdesign zugeschnitten auf Deine Brand</div> </div> </div> <div class="process-item-list-item"> <div style="-webkit-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="process-item-list-item-grid _02"> <div class="icon-1x1-large w-embed"><svg width="24" height="24" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="heading-h6">Interaktiver Prototyp des Designs</div> </div> </div> </div> </div> </div> </div> <div class="process-item"> <div id="w-node-_065e0d53-e143-7bdc-c76f-2af20e88d171-28369ca7" class="process-left"> <div class="process-number-wrapper"> <div class="process-number"> <div class="process-number-04"> <div class="heading-large">04</div> </div> </div> <div class="process-number-line"></div> </div> </div> <div id="w-node-_065e0d53-e143-7bdc-c76f-2af20e88d174-28369ca7" class="process-right"> <div class="timeline-item-04"> <div class="process-item-heading-mobile">04</div> <div class="margin-bottom margin-medium"> <div class="margin-bottom margin-tiny"> <div class="text-meta">Noch mehr Magie</div> </div> <h3>Webflow Entwicklung</h3> </div> <div class="margin-bottom margin-large"> <p class="text-size-medium">In diesem Schritt hauchen wir Deinem neuen High-End Design ein wenig Leben ein. Du bekommst eine eigenst entwickelte Webflow Webseite inkl. einem modularen <strong data-w-id="d93e2318-ec16-8342-b933-c6a3c59b7898" class="tooltip-trigger webdesign-system">Webdesign System</strong> sowie <strong data-w-id="e3fa265c-2559-6fd7-1c06-7bb52af0c7c1" class="tooltip-trigger cms">CMS</strong> Anbindung<strong>.</strong> Animationen geben Deiner Seite den nötigen Pepp und heben Dich von der langweiligen Konkurrenz ab.<br></p> </div> <div data-w-id="b34066e4-07e6-4c5c-4b76-bf97d4646e65" class="process-item-list"> <div class="process-item-list-item"> <div style="-webkit-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="process-item-list-item-grid _01"> <div class="icon-1x1-large w-embed"><svg width="24" height="24" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="heading-h6">Custom Webflow Website</div> </div> </div> <div class="process-item-list-item"> <div style="-webkit-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="process-item-list-item-grid _02"> <div class="icon-1x1-large w-embed"><svg width="24" height="24" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="heading-h6">Modulares Webdesign System</div> </div> </div> <div class="process-item-list-item"> <div style="-webkit-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="process-item-list-item-grid _03"> <div class="icon-1x1-large w-embed"><svg width="24" height="24" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="heading-h6">CMS Anbindung</div> </div> </div> </div> </div> </div> </div> <div class="process-item"> <div id="w-node-_4d00ae48-f9cf-926a-4ee7-ee2b80d8ddf3-28369ca7" class="process-left"> <div class="process-number-wrapper"> <div class="process-number"> <div class="process-number-05"> <div class="heading-large">05</div> </div> </div> <div class="process-number-line"></div> </div> </div> <div id="w-node-_4d00ae48-f9cf-926a-4ee7-ee2b80d8ddf6-28369ca7" class="process-right"> <div class="timeline-item-05"> <div class="process-item-heading-mobile">05</div> <div class="margin-bottom margin-medium"> <div class="margin-bottom margin-tiny"> <div class="text-meta">Schlüssel-Übergabe</div> </div> <h3>Website Onboarding</h3> </div> <div class="margin-bottom margin-large"> <p class="text-size-medium">In einem persönlichen Webflow Workshop zeige ich Dir wie Du schnell und problemlos Änderungen auf Deiner neuen Webseite vornehmen kannst. Zusätzlich bekommst Du personalisierte Webflow Video Tutorials, die Du jederzeit abrufen kannst. Editiere Deine Webflow Webseite ohne kompliziertes Backend oder gar zusätzlichem Programmierer. So einfach ist das.</p> </div> <div data-w-id="62e6d149-46f2-9457-88c5-f9c8bbadca86" class="process-item-list"> <div class="process-item-list-item"> <div style="-webkit-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="process-item-list-item-grid _01"> <div class="icon-1x1-large w-embed"><svg width="24" height="24" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="heading-h6">Persönlicher Webflow Workshop</div> </div> </div> <div class="process-item-list-item"> <div style="-webkit-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="process-item-list-item-grid _02"> <div class="icon-1x1-large w-embed"><svg width="24" height="24" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="heading-h6">Personalisierte Webflow Video Tutorials</div> </div> </div> <div class="process-item-list-item"> <div style="-webkit-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 110%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="process-item-list-item-grid _03"> <div class="icon-1x1-large w-embed"><svg width="24" height="24" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="heading-h6">Ändere Texte und Bilder direkt auf der Webseite</div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div data-w-id="841287ce-4fcf-cbac-fe18-5bed38013dd9" class="section-celebrate wf-section"> <div class="dark-mode-trigger clickable-off"></div> <div class="celebrate-animation-trigger"></div> <div class="celebrate-sticky-container"> <div class="celebrate-headline-wrapper-01"> <div class="page-padding"> <div class="celebrate-heading-01">06</div> </div> </div> <div class="celebrate-headline-wrapper-02"> <div class="page-padding"> <div class="max-width-xlarge"> <div class="margin-bottom margin-small"> <h3>Launch Day</h3> </div> <div class="margin-bottom margin-large"> <h3 class="heading-h1">Zeit, um digital<br>zu rocken!</h3> </div> <div class="celebrate-button-wrapper"> <div class="celebrate-count-trigger"> <div id="confetti-button" class="celebrate-button first"> <a href="#" id="confetti-btn" class="button button-secondary w-button">Das feiere ich</a> </div> <div class="celebrate-button second"> <a href="#" class="button button-secondary w-button">Keep Going, Baby!</a> </div> </div> <div class="celebrate-message first"> <div>Ich mag Deine Einstellung! 🥳</div> </div> <div class="celebrate-message second"> <div>Ok, du meinst es ernst 🤔</div> </div> </div> <div class="margin-top margin-huge"> <div data-w-id="e9493ad1-e97f-8538-e238-ff20f584def8" style="opacity:0" class="w-embed"><svg width="36" height="102" viewbox="0 0 36 102" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18 0L18 100" stroke="currentColor"></path> <path d="M35 84L18 101L1 84" stroke="currentColor"></path> </svg></div> </div> </div> </div> </div> </div> </div> <div class="section-webflow wf-section"> <div class="page-padding"> <div class="container-default"> <div class="padding-top padding-huge"> <div id="w-node-accbe407-7506-a6b5-ef9e-7b0698b039c4-28369ca7" class="margin-bottom margin-huge"> <div class="w-layout-grid webflow-heading-grid"> <div id="w-node-accbe407-7506-a6b5-ef9e-7b0698b039c6-28369ca7"> <div class="margin-bottom margin-small"> <div data-w-id="c6982751-eb6f-a4c2-8c59-211af720a5cc"> <div class="clip"> <div style="-webkit-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 10deg);-moz-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 10deg);-ms-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 10deg);transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 10deg);opacity:0" class="line-1"> <h2 id="w-node-c6982751-eb6f-a4c2-8c59-211af720a5cf-28369ca7" class="heading-h1">Die Macht <br>ist mit Dir</h2> </div> </div> </div> </div> <p data-w-id="accbe407-7506-a6b5-ef9e-7b0698b039cc" style="-webkit-transform:translate3d(0px, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0px, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0px, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0px, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="text-size-large">Besser gesagt, Webflow ist mit Dir! Kein wochenlanges Hin & Her mit Programmierern mehr. Du hast jetzt das Sagen über Deine Website! Webflow bietet Dir die Möglichkeit alle Inhalte selbst zu pflegen. Und das spielend leicht. Glaub mir, Du wirst es lieben!</p> </div> </div> </div> <div class="margin-bottom margin-huge"> <div class="w-layout-grid home-features_grid"> <div id="w-node-accbe407-7506-a6b5-ef9e-7b0698b039cf-28369ca7" class="home-features_grid-card-wrapper"> <div data-w-id="accbe407-7506-a6b5-ef9e-7b0698b039d0" style="-webkit-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-moz-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-ms-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);opacity:0" class="card card-default"> <div class="margin-bottom margin-small"> <div class="icon-1x1-large w-embed"><svg width="32" height="32" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> </div> <div class="margin-bottom margin-small"> <h3 id="w-node-accbe407-7506-a6b5-ef9e-7b0698b039d4-28369ca7" class="card-heading">Fokussiere Dich auf<br>Deine Expertise</h3> </div> <p>Mach doch einfach das, was Du am liebsten machst. Genau, die Arbeit mit Deinen Kunden und an Deinem Business. Um den Rest kümmere ich mich.</p> </div> </div> <div id="w-node-accbe407-7506-a6b5-ef9e-7b0698b039d8-28369ca7" class="home-features_grid-card-wrapper"> <div data-w-id="accbe407-7506-a6b5-ef9e-7b0698b039d9" style="-webkit-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-moz-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-ms-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);opacity:0" class="card card-default"> <div class="margin-bottom margin-small"> <div class="icon-1x1-large w-embed"><svg width="32" height="32" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> </div> <div class="margin-bottom margin-small"> <h3 id="w-node-accbe407-7506-a6b5-ef9e-7b0698b039dd-28369ca7" class="card-heading">Texte & Bilder <br>kinderleicht anpassen</h3> </div> <p>Keine kompliziertes Backend. Einfach direkt auf der Webseite den Content anpassen. Easy oder? Wirf mal einen Blick auf das untere Video.</p> </div> </div> <div class="home-features_grid-card-wrapper"> <div data-w-id="accbe407-7506-a6b5-ef9e-7b0698b039e2" style="-webkit-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-moz-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-ms-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);opacity:0" class="card card-default"> <div class="margin-bottom margin-small"> <div class="icon-1x1-large w-embed"><svg width="32" height="32" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> </div> <div class="margin-bottom margin-small"> <h3 id="w-node-accbe407-7506-a6b5-ef9e-7b0698b039e6-28369ca7" class="card-heading">Easy Updates<br>+ Easy Backups</h3> </div> <p>Keine kaputte Webseite nach Updates. Keine verlorenen Daten mehr. Deine Webflow Webseite ist immer auf dem aktuellstes Stand und gut gesichert.</p> </div> </div> </div> </div> <div class="div-block-13"> <div data-poster-url="videos/webflow-editor-poster-00001.jpg" data-video-urls="videos/webflow-editor-transcode.mp4,videos/webflow-editor-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" class="background-video w-background-video w-background-video-atom"><video id="bfa5e1e3-7ffc-a70d-8656-615f7ed74ddb-video" autoplay="" loop="" style="background-image:url("videos/webflow-editor-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"> <source src="videos/webflow-editor-transcode.mp4" data-wf-ignore="true"> <source src="videos/webflow-editor-transcode.webm" data-wf-ignore="true"> </video></div> </div> <div class="margin-top margin-xsmall"> <div>Sag ich doch - Texte und Bilder anpassen in Webflow ist kinderleicht!</div> </div> </div> </div> </div> </div> <div id="kunden" class="section-marquee wf-section"> <div class="padding-top padding-xhuge"> <div data-w-id="9f57ceab-5894-505b-2c60-981b03ea9664" class="marquee-wrapper"> <div class="marquee-heading outline">Feedback</div> <div class="marquee-heading">Feedback</div> <div class="marquee-heading outline">Feedback</div> <div class="marquee-heading">Feedback</div> <div class="marquee-heading outline">Feedback</div> </div> </div> </div> <div data-w-id="1d749b5b-eeb1-fe28-7cfa-88072fffb2a9" class="section-logos-marquee wf-section"> <div class="padding-top padding-medium"> <div class="logos-marquee-wrapper"><img src="images/logo-tbu.svg" loading="lazy" height="" alt="" class="logos-marquee-image"><img src="images/logo-moving-monkey.svg" loading="lazy" height="" alt="" class="logos-marquee-image"><img src="images/logo-ff.svg" loading="lazy" alt="" class="logos-marquee-image"><img src="images/logo-novritsch.svg" loading="lazy" height="" alt="" class="logos-marquee-image"><img src="images/logo-wood-nails.svg" loading="lazy" alt="" class="logos-marquee-image"><img src="images/logo-tnl.svg" loading="lazy" alt="" class="logos-marquee-image"><img src="images/logo-bbg.svg" loading="lazy" alt="" class="logos-marquee-image"><img src="images/logo-webflow.svg" loading="lazy" height="" alt="" class="logos-marquee-image"></div> </div> </div> <div id="testimonials" class="section-testimonials wf-section"> <div class="page-padding"> <div class="container-default"> <div class="padding-top padding-xhuge"> <div id="w-node-_64e130df-acc0-9897-e444-ad82d010ad11-28369ca7" class="margin-bottom margin-huge"> <div class="w-layout-grid testimonials-heading-grid"> <div id="w-node-_64e130df-acc0-9897-e444-ad82d010ad13-28369ca7" data-w-id="64e130df-acc0-9897-e444-ad82d010ad13"> <div class="clip"> <div style="-webkit-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 10deg);-moz-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 10deg);-ms-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 10deg);transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 10deg);opacity:0" class="line-1"> <h2 id="w-node-_64e130df-acc0-9897-e444-ad82d010ad15-28369ca7" class="heading-h1">Was meine</h2> </div> </div> <div class="clip"> <div style="-webkit-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 10deg);-moz-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 10deg);-ms-transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 10deg);transform:translate3d(0, 100%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 10deg);opacity:0" class="line-2"> <h2 class="heading-h1">Kunden sagen</h2> </div> </div> </div> </div> </div> <div class="w-layout-grid testimonials-grid"> <div id="w-node-_22b426a2-735b-5e2c-67bd-ac7a1c9bc758-28369ca7"> <div class="testimonials-card-wrapper"> <div data-w-id="64e130df-acc0-9897-e444-ad82d010ad1d" style="-webkit-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-moz-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-ms-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);opacity:0" class="card card-default"> <div class="margin-bottom margin-small"> <div class="testimonials-rating w-embed"><svg width="24" height="26" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="testimonials-rating w-embed"><svg width="24" height="26" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="testimonials-rating w-embed"><svg width="24" height="26" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="testimonials-rating w-embed"><svg width="24" height="26" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="testimonials-rating w-embed"><svg width="24" height="26" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> </div> <div class="margin-bottom margin-small"> <div class="testimonials-heading"> <h3 id="w-node-_64e130df-acc0-9897-e444-ad82d010ad21-28369ca7" class="heading-h4">Pawel hat ein großartiges Verständnis für alle Aspekte seiner Arbeit</h3> </div> </div> <div class="margin-bottom margin-medium"> <p>Von herausragendem Design, übersichtlicher Gestaltung des Back Ends, als auch professioneller Kommunikation.<br><br>Jedes Projekt ist bisher ein großer Erfolg gewesen. Meine Webseite hat nicht nur ein komplettes Redesign erfahren, sondern bietet mir nun zum ersten Mal die Möglichkeit mein Unternehmen auch in der Außendarstellung zu skalieren. Ein Aspekt, der vorher immer auf der Strecke geblieben ist.<br>‍<br>Jetzt ist jeder Meilenstein, den ich mit Moving Monkey erreiche, auch in der Anpassung der Webseite erkennbar und schnell einzupflegen.<br><br>Pawel hat für jedes Problem eine Lösung. Sei es technische Bugs, wie auch bei Designaspekten. Ich hätte mir keine schönere Seite vorstellen können, wie die, die in Zusammenarbeit mit Pawel entstanden ist!<br><br>Tausend Dank für alles und ich freue mich auf die weiteren Projekte :)</p> </div> <div class="margin-bottom margin-small"> <h4 id="w-node-f8c4e353-cc33-363d-3022-9c5fd299d851-28369ca7" class="heading-h5">Leon Steage</h4> <div class="text-meta">Gründer von Moving MOnkey</div> </div> </div> </div> <div class="testimonials-card-wrapper"> <div data-w-id="86c656a6-505f-93bb-1d66-e2342d0a43ee" style="-webkit-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-moz-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-ms-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);opacity:0" class="card card-default"> <div class="margin-bottom margin-small"> <div class="testimonials-rating w-embed"><svg width="24" height="26" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="testimonials-rating w-embed"><svg width="24" height="26" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="testimonials-rating w-embed"><svg width="24" height="26" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="testimonials-rating w-embed"><svg width="24" height="26" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="testimonials-rating w-embed"><svg width="24" height="26" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> </div> <div class="margin-bottom margin-small"> <div class="testimonials-heading"> <h3 id="w-node-_86c656a6-505f-93bb-1d66-e2342d0a43f6-28369ca7" class="heading-h4">Super Zussamenarbeit mit Top-Website als Ergebnis</h3> </div> </div> <div class="margin-bottom margin-medium"> <p>Extrem versierter Webdesigner, der seine Projekte ganzheitlich denkt und schnell auf Feedback reagiert. Habe als Texter das Vergnügen gehabt ein großes Homepage-Projekt mit Pawel zu realisieren. <br><br>Kunde happy. Texter happy. Alle happy. Super Zusammenarbeit mit Top-Website als Ergebnis.</p> </div> <div class="margin-bottom margin-small"> <div class="margin-bottom margin-small"><img src="images/testimonial-stefan.jpg" loading="lazy" width="70" height="70" alt="" class="testimonials-image"></div> <h4 id="w-node-_86c656a6-505f-93bb-1d66-e2342d0a4409-28369ca7" class="heading-h5">Stefan Khunigk</h4> <div class="text-meta">Text-Gott</div> </div> </div> </div> </div> <div id="w-node-_33840f2e-594e-e5e8-6174-8736bd0d21c2-28369ca7"> <div class="testimonials-card-wrapper"> <div data-w-id="2c2724a2-802c-8b05-c02d-eafc3784b38e" style="-webkit-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-moz-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-ms-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);opacity:0" class="card card-default"> <div class="margin-bottom margin-small"> <div class="testimonials-rating w-embed"><svg width="24" height="26" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="testimonials-rating w-embed"><svg width="24" height="26" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="testimonials-rating w-embed"><svg width="24" height="26" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="testimonials-rating w-embed"><svg width="24" height="26" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="testimonials-rating w-embed"><svg width="24" height="26" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> </div> <div class="margin-bottom margin-small"> <div class="testimonials-heading"> <h3 id="w-node-_2c2724a2-802c-8b05-c02d-eafc3784b396-28369ca7" class="heading-h4">Die Arbeit mit Pawel hat meine Erwartungen weit übertroffen</h3> </div> </div> <div class="margin-bottom margin-medium"> <p>Die Arbeit mit Pawel hat meine Erwartungen weit übertroffen. Er ist schnell, professionell und kreativ.<br><br>Als ich mich an Pawel wandte, suchte ich nach einer Website, was ich im Gegenzug erhielt, war eine Identität und eine Karriere, definitiv eine der besten Entscheidungen meines Lebens.<br><br>Er hat mir nicht nur geholfen, indem er mir eine Website erstellt hat, die meiner Mission, Menschen in großem Maßstab zu helfen, entspricht, meine Website ist jetzt vollständig monetarisiert, und ich muss nie wieder in das 9-5-Hamsterrad zurückkehren.<br><br>Er ist ein menschlicher Schatz, der ein absoluter Meister seines Fachs ist.</p> </div> <div class="margin-bottom margin-small"> <div class="margin-bottom margin-small"><img src="images/testimonial-daniel.jpg" loading="lazy" width="70" height="70" alt="" class="testimonials-image"></div> <h4 id="w-node-_2c2724a2-802c-8b05-c02d-eafc3784b3a9-28369ca7" class="heading-h5">Daniel Karim</h4> <div class="text-meta">Psychology Coach</div> </div> </div> </div> <div class="testimonials-card-wrapper"> <div data-w-id="a914a25a-4014-8288-99e1-8f49ca0f6926" style="-webkit-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-moz-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);-ms-transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);transform:translate3d(0, 80px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 6deg);opacity:0" class="card card-default"> <div class="margin-bottom margin-small"> <div class="testimonials-rating w-embed"><svg width="24" height="26" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="testimonials-rating w-embed"><svg width="24" height="26" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="testimonials-rating w-embed"><svg width="24" height="26" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="testimonials-rating w-embed"><svg width="24" height="26" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="testimonials-rating w-embed"><svg width="24" height="26" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> </div> <div class="margin-bottom margin-small"> <div class="testimonials-heading"> <h3 id="w-node-a914a25a-4014-8288-99e1-8f49ca0f692f-28369ca7" class="heading-h4">Das Ergebnis kann sich sehen lassen. Wir sind super zufrieden. </h3> </div> </div> <div class="margin-bottom margin-medium"> <p>Wir haben eine komplett neue Website inkl. individualisiertem Webshop bei Dir in Auftrag gegeben. Schon das erste Telefongespräch war sehr angenehm und überzeugend. <br><br>Das Ergebnis kann sich sehen lassen. Wir haben schon viel positives Feedback erhalten und auch wir (Dietrik und ich) sind super zufrieden.<br><br>Besonders gefallen hat mir, dass Du immer offen für meine Vorschläge warst und auch immer sehr bemüht diese zu berücksichtigen und umzusetzen, sodass ich viel zum Inhalt und Design beitragen konnte. Wenn das mal nicht der Fall war, hast Du mir plausibel erklärt wieso Du Dieses oder Jenes nicht umsetzten würdest. <br><br>Auch meine Detailverliebtheit in Bezug auf Farben und Schrift hat dich nicht aus der Ruhe gebracht. Weiterhin hast Du hast Du immer sehr zügig und schnell Deine Arbeit erledigt. <br><br>Insgesamt eine sehr professionelle Arbeit, die Du abgeliefert hast.</p> </div> <div class="margin-bottom margin-small"> <div class="margin-bottom margin-small"><img src="images/testimonial-wood.jpg" loading="lazy" width="70" height="70" alt="" class="testimonials-image"></div> <h4 id="w-node-a914a25a-4014-8288-99e1-8f49ca0f693e-28369ca7" class="heading-h5">Wood & Nails</h4> <div class="text-meta">Online Shop</div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="about" data-w-id="dd7f1d7e-3215-54eb-5596-589b0a82471e" class="section-about wf-section"> <div class="page-padding"> <div class="container-default"> <div class="padding-top padding-xhuge"> <div class="w-layout-grid about-grid"> <div id="w-node-_34fe62b0-f258-8cbe-2dda-96505d855a12-28369ca7"> <div class="margin-bottom margin-large"> <h2 id="w-node-_34fe62b0-f258-8cbe-2dda-96505d855a14-28369ca7">Eine Website, <br>die begeistert!</h2> </div> <div class="margin-bottom margin-large"> <p class="text-size-medium">Ich bin seit über 15 Jahren als Webdesigner und Webentwickler tätig. Ich liebe klares und elegantes Design, das begeistert und sich auf das Wesentliche fokussiert. <br><br>Mit einem guten Auge für Design sowie meinem technischen Know-How verbinde ich das beste beider Welten. Das heißt für Dich - Das Design wird auch so umgesetzt, wie es der Designer vorsieht, mit allen Details.<br><br>Mein Anspruch? Ganz einfach, die beste Website bauen, die du je hattest. Eine High-End Website, die deine Ziele erfüllt sowie Dich und Deine Kunden zum Staunen bringt. Ein echtes Erlebnis eben.<br></p> </div> <div class="margin-bottom margin-xlarge"> <div class="about-social"> <a href="https://www.instagram.com/gola.design/" target="_blank" class="about-social-icon w-inline-block"> <div class="icon-1x1-medium w-embed"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 24 24" width="24" height="24"> <path fill="none" d="M0 0h24v24H0z"></path> <path d="M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0-2a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm6.5-.25a1.25 1.25 0 0 1-2.5 0 1.25 1.25 0 0 1 2.5 0zM12 4c-2.474 0-2.878.007-4.029.058-.784.037-1.31.142-1.798.332-.434.168-.747.369-1.08.703a2.89 2.89 0 0 0-.704 1.08c-.19.49-.295 1.015-.331 1.798C4.006 9.075 4 9.461 4 12c0 2.474.007 2.878.058 4.029.037.783.142 1.31.331 1.797.17.435.37.748.702 1.08.337.336.65.537 1.08.703.494.191 1.02.297 1.8.333C9.075 19.994 9.461 20 12 20c2.474 0 2.878-.007 4.029-.058.782-.037 1.309-.142 1.797-.331.433-.169.748-.37 1.08-.702.337-.337.538-.65.704-1.08.19-.493.296-1.02.332-1.8.052-1.104.058-1.49.058-4.029 0-2.474-.007-2.878-.058-4.029-.037-.782-.142-1.31-.332-1.798a2.911 2.911 0 0 0-.703-1.08 2.884 2.884 0 0 0-1.08-.704c-.49-.19-1.016-.295-1.798-.331C14.925 4.006 14.539 4 12 4zm0-2c2.717 0 3.056.01 4.122.06 1.065.05 1.79.217 2.428.465.66.254 1.216.598 1.772 1.153a4.908 4.908 0 0 1 1.153 1.772c.247.637.415 1.363.465 2.428.047 1.066.06 1.405.06 4.122 0 2.717-.01 3.056-.06 4.122-.05 1.065-.218 1.79-.465 2.428a4.883 4.883 0 0 1-1.153 1.772 4.915 4.915 0 0 1-1.772 1.153c-.637.247-1.363.415-2.428.465-1.066.047-1.405.06-4.122.06-2.717 0-3.056-.01-4.122-.06-1.065-.05-1.79-.218-2.428-.465a4.89 4.89 0 0 1-1.772-1.153 4.904 4.904 0 0 1-1.153-1.772c-.248-.637-.415-1.363-.465-2.428C2.013 15.056 2 14.717 2 12c0-2.717.01-3.056.06-4.122.05-1.066.217-1.79.465-2.428a4.88 4.88 0 0 1 1.153-1.772A4.897 4.897 0 0 1 5.45 2.525c.638-.248 1.362-.415 2.428-.465C8.944 2.013 9.283 2 12 2z"></path> </svg></div> </a> <a href="https://twitter.com/gola99" target="_blank" class="about-social-icon w-inline-block"> <div class="icon-1x1-medium w-embed"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 24 24" width="24" height="24"> <path fill="none" d="M0 0h24v24H0z"></path> <path d="M22.162 5.656a8.384 8.384 0 0 1-2.402.658A4.196 4.196 0 0 0 21.6 4c-.82.488-1.719.83-2.656 1.015a4.182 4.182 0 0 0-7.126 3.814 11.874 11.874 0 0 1-8.62-4.37 4.168 4.168 0 0 0-.566 2.103c0 1.45.738 2.731 1.86 3.481a4.168 4.168 0 0 1-1.894-.523v.052a4.185 4.185 0 0 0 3.355 4.101 4.21 4.21 0 0 1-1.89.072A4.185 4.185 0 0 0 7.97 16.65a8.394 8.394 0 0 1-6.191 1.732 11.83 11.83 0 0 0 6.41 1.88c7.693 0 11.9-6.373 11.9-11.9 0-.18-.005-.362-.013-.54a8.496 8.496 0 0 0 2.087-2.165z"></path> </svg></div> </a> <a href="https://www.linkedin.com/in/pawel-gola-386585142/" target="_blank" class="about-social-icon w-inline-block"> <div class="icon-1x1-medium w-embed"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 24 24" width="24" height="24"> <path fill="none" d="M0 0h24v24H0z"></path> <path d="M18.335 18.339H15.67v-4.177c0-.996-.02-2.278-1.39-2.278-1.389 0-1.601 1.084-1.601 2.205v4.25h-2.666V9.75h2.56v1.17h.035c.358-.674 1.228-1.387 2.528-1.387 2.7 0 3.2 1.778 3.2 4.091v4.715zM7.003 8.575a1.546 1.546 0 0 1-1.548-1.549 1.548 1.548 0 1 1 1.547 1.549zm1.336 9.764H5.666V9.75H8.34v8.589zM19.67 3H4.329C3.593 3 3 3.58 3 4.297v15.406C3 20.42 3.594 21 4.328 21h15.338C20.4 21 21 20.42 21 19.703V4.297C21 3.58 20.4 3 19.666 3h.003z"></path> </svg></div> </a> </div> </div> </div> <div id="w-node-dd7f1d7e-3215-54eb-5596-589b0a824728-28369ca7" class="about-image-wrapper"> <div class="about-image-star w-embed"><svg width="40" height="40" viewbox="0 0 42 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.0424 40.8L5.38578 35.9588L14.9471 23.6139L0 19.0753L2.5416 11.269L17.2466 16.4732L16.8835 0.799988H25.1135L24.7504 16.4732L39.3949 11.269L41.9365 19.0753L27.0499 23.6139L36.4902 35.9588L29.8336 40.8L20.9985 27.9709L12.0424 40.8Z" fill="#E4F15F"></path> </svg></div> <div class="about-image-title-wrapper"> <div class="about-image-title">* Hi, ich bin Pawel</div> </div><img src="images/pawel.png" loading="lazy" width="500" alt=""> </div> </div> </div> </div> </div> </div> <footer id="kontakt" class="footer wf-section"> <div id="contact" class="section-marquee section-dark"> <div class="padding-vertical padding-large"> <div data-w-id="a123c37c-3bb3-cff6-b953-fd3277ed7096" class="marquee-wrapper"> <div class="marquee-heading outline light">Kontakt</div> <div class="marquee-heading light">Kontakt</div> <div class="marquee-heading outline light">Kontakt</div> <div class="marquee-heading light">Kontakt</div> <div class="marquee-heading outline light">Kontakt</div> </div> </div> </div> <div class="dark-mode-trigger clickable-off"></div> <div class="page-padding"> <div class="container-large"> <div class="footer-inner"> <div class="padding-top padding-xxhuge"> <div class="w-layout-grid contact-top-grid"> <div id="w-node-cbb4f24e-86a1-ec47-b575-f57a4d8a7e37-4d8a7e30"> <div class="line-1"> <h2 id="w-node-cbb4f24e-86a1-ec47-b575-f57a4d8a7e39-4d8a7e30" class="heading-h3">Let's talk</h2> </div> </div> <div> <p class="text-size-large">Lass uns mit einem unverbindlichem Erstgespräch starten. Wir schauen gemeinsam über Deine aktuelle Website, Deine Ziele und Herausforderungen und wie wir diese lösen können.<br><br>Außerdem erhältst Du in diesem Erstgespräch praktische Tipps für Deine Website, die Du direkt selbst umsetzen kannst. <br><br>Ich freue mich Dich kennenzulernen.</p> </div> </div> </div> <div class="padding-top padding-xxhuge"> <div class="contact-grid"> <div data-w-id="cbb4f24e-86a1-ec47-b575-f57a4d8a7e46" class="contact-item-project"> <div class="contact-item-border-top"></div> <a href="https://calendly.com/pawelgola/call" target="_blank" class="contact-item-inner w-inline-block"> <div class="contact-item-headline-wrapper"> <div class="contact-item-headline"> <h3 class="heading-h2 display-inline-block">Erstgespräch vereinbaren</h3> </div> </div> <div class="contact-item-arrow-wrapper"> <div class="contact-item-arrow w-embed"><svg width="102" height="36" viewbox="0 0 102 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 18H100" stroke="currentColor"></path> <path d="M84 1L101 18L84 35" stroke="currentColor"></path> </svg></div> </div> </a> <div class="contact-item-border-bottom"></div> </div> <div data-w-id="cbb4f24e-86a1-ec47-b575-f57a4d8a7e50" class="contact-item-email"> <a href="mailto:pawel@gola.io" class="contact-item-inner w-inline-block"> <div class="contact-item-headline-wrapper"> <div class="contact-item-headline"> <h3 class="heading-h2 display-inline-block">Email schreiben</h3> </div> </div> <div class="contact-item-arrow-wrapper"> <div class="contact-item-arrow w-embed"><svg width="102" height="36" viewbox="0 0 102 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 18H100" stroke="currentColor"></path> <path d="M84 1L101 18L84 35" stroke="currentColor"></path> </svg></div> </div> </a> <div class="contact-item-border-bottom"></div> </div> </div> </div> </div> <div class="footer-bottom-grid"> <div id="w-node-cbb4f24e-86a1-ec47-b575-f57a4d8a7e5a-4d8a7e30" class="footer-bottom-left"> <div id="w-node-cbb4f24e-86a1-ec47-b575-f57a4d8a7e5b-4d8a7e30" class="text-size-small">© 2022 by Pawel Gola</div> </div> <div id="w-node-cbb4f24e-86a1-ec47-b575-f57a4d8a7e5d-4d8a7e30" class="foooter-bottom-social"> <a href="https://www.instagram.com/gola.design/" target="_blank" class="footer-bottom-social-icon w-inline-block"> <div class="icon-1x1-medium w-embed"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 24 24" width="24" height="24"> <path fill="none" d="M0 0h24v24H0z"></path> <path d="M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0-2a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm6.5-.25a1.25 1.25 0 0 1-2.5 0 1.25 1.25 0 0 1 2.5 0zM12 4c-2.474 0-2.878.007-4.029.058-.784.037-1.31.142-1.798.332-.434.168-.747.369-1.08.703a2.89 2.89 0 0 0-.704 1.08c-.19.49-.295 1.015-.331 1.798C4.006 9.075 4 9.461 4 12c0 2.474.007 2.878.058 4.029.037.783.142 1.31.331 1.797.17.435.37.748.702 1.08.337.336.65.537 1.08.703.494.191 1.02.297 1.8.333C9.075 19.994 9.461 20 12 20c2.474 0 2.878-.007 4.029-.058.782-.037 1.309-.142 1.797-.331.433-.169.748-.37 1.08-.702.337-.337.538-.65.704-1.08.19-.493.296-1.02.332-1.8.052-1.104.058-1.49.058-4.029 0-2.474-.007-2.878-.058-4.029-.037-.782-.142-1.31-.332-1.798a2.911 2.911 0 0 0-.703-1.08 2.884 2.884 0 0 0-1.08-.704c-.49-.19-1.016-.295-1.798-.331C14.925 4.006 14.539 4 12 4zm0-2c2.717 0 3.056.01 4.122.06 1.065.05 1.79.217 2.428.465.66.254 1.216.598 1.772 1.153a4.908 4.908 0 0 1 1.153 1.772c.247.637.415 1.363.465 2.428.047 1.066.06 1.405.06 4.122 0 2.717-.01 3.056-.06 4.122-.05 1.065-.218 1.79-.465 2.428a4.883 4.883 0 0 1-1.153 1.772 4.915 4.915 0 0 1-1.772 1.153c-.637.247-1.363.415-2.428.465-1.066.047-1.405.06-4.122.06-2.717 0-3.056-.01-4.122-.06-1.065-.05-1.79-.218-2.428-.465a4.89 4.89 0 0 1-1.772-1.153 4.904 4.904 0 0 1-1.153-1.772c-.248-.637-.415-1.363-.465-2.428C2.013 15.056 2 14.717 2 12c0-2.717.01-3.056.06-4.122.05-1.066.217-1.79.465-2.428a4.88 4.88 0 0 1 1.153-1.772A4.897 4.897 0 0 1 5.45 2.525c.638-.248 1.362-.415 2.428-.465C8.944 2.013 9.283 2 12 2z"></path> </svg></div> </a> <a href="https://twitter.com/gola99" target="_blank" class="footer-bottom-social-icon w-inline-block"> <div class="icon-1x1-medium w-embed"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 24 24" width="24" height="24"> <path fill="none" d="M0 0h24v24H0z"></path> <path d="M22.162 5.656a8.384 8.384 0 0 1-2.402.658A4.196 4.196 0 0 0 21.6 4c-.82.488-1.719.83-2.656 1.015a4.182 4.182 0 0 0-7.126 3.814 11.874 11.874 0 0 1-8.62-4.37 4.168 4.168 0 0 0-.566 2.103c0 1.45.738 2.731 1.86 3.481a4.168 4.168 0 0 1-1.894-.523v.052a4.185 4.185 0 0 0 3.355 4.101 4.21 4.21 0 0 1-1.89.072A4.185 4.185 0 0 0 7.97 16.65a8.394 8.394 0 0 1-6.191 1.732 11.83 11.83 0 0 0 6.41 1.88c7.693 0 11.9-6.373 11.9-11.9 0-.18-.005-.362-.013-.54a8.496 8.496 0 0 0 2.087-2.165z"></path> </svg></div> </a> <a href="https://www.linkedin.com/in/pawel-gola-386585142/" target="_blank" class="footer-bottom-social-icon w-inline-block"> <div class="icon-1x1-medium w-embed"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 24 24" width="24" height="24"> <path fill="none" d="M0 0h24v24H0z"></path> <path d="M18.335 18.339H15.67v-4.177c0-.996-.02-2.278-1.39-2.278-1.389 0-1.601 1.084-1.601 2.205v4.25h-2.666V9.75h2.56v1.17h.035c.358-.674 1.228-1.387 2.528-1.387 2.7 0 3.2 1.778 3.2 4.091v4.715zM7.003 8.575a1.546 1.546 0 0 1-1.548-1.549 1.548 1.548 0 1 1 1.547 1.549zm1.336 9.764H5.666V9.75H8.34v8.589zM19.67 3H4.329C3.593 3 3 3.58 3 4.297v15.406C3 20.42 3.594 21 4.328 21h15.338C20.4 21 21 20.42 21 19.703V4.297C21 3.58 20.4 3 19.666 3h.003z"></path> </svg></div> </a> <a href="https://www.behance.net/pawelgola" target="_blank" class="footer-bottom-social-icon w-inline-block"> <div class="icon-1x1-medium w-embed"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 24 24" width="24" height="24"> <path fill="none" d="M0 0h24v24H0z"></path> <path d="M7.443 5.35c.639 0 1.23.05 1.77.198a3.83 3.83 0 0 1 1.377.544c.394.247.689.594.885 1.039.197.445.295.99.295 1.583 0 .693-.147 1.286-.491 1.731-.295.446-.787.841-1.377 1.138.836.248 1.475.693 1.868 1.286.394.594.64 1.336.64 2.177 0 .693-.148 1.286-.394 1.781-.246.495-.639.94-1.082 1.237a5.078 5.078 0 0 1-1.573.692c-.59.149-1.18.248-1.77.248H1V5.35h6.443zm-.394 5.54c.541 0 .984-.148 1.328-.395.344-.247.492-.693.492-1.237 0-.297-.05-.594-.148-.791-.098-.198-.246-.347-.442-.495-.197-.099-.394-.198-.64-.247-.246-.05-.491-.05-.787-.05H4v3.216h3.05zm.148 5.838c.295 0 .59-.05.836-.099a1.72 1.72 0 0 0 .688-.297 1.76 1.76 0 0 0 .492-.544c.098-.247.197-.544.197-.89 0-.693-.197-1.188-.59-1.534-.394-.297-.935-.445-1.574-.445H4v3.81h3.197zm9.492-.05c.393.396.983.594 1.77.594.541 0 1.033-.148 1.426-.395.394-.297.64-.594.738-.891h2.41c-.394 1.187-.984 2.028-1.77 2.572-.788.495-1.722.792-2.853.792a5.753 5.753 0 0 1-2.115-.396 3.93 3.93 0 0 1-1.574-1.088 3.93 3.93 0 0 1-.983-1.633c-.246-.643-.345-1.335-.345-2.127 0-.742.099-1.434.345-2.078a5.34 5.34 0 0 1 1.032-1.682c.443-.445.984-.84 1.574-1.088a5.49 5.49 0 0 1 2.066-.396c.836 0 1.574.149 2.213.495.64.346 1.131.742 1.525 1.336a6.01 6.01 0 0 1 .885 1.88c.098.692.147 1.385.098 2.176H16c0 .792.295 1.534.689 1.93zm3.098-5.194c-.344-.346-.885-.544-1.525-.544-.442 0-.787.099-1.082.247-.295.149-.491.347-.688.545a1.322 1.322 0 0 0-.344.692c-.05.248-.099.445-.099.643h4.426c-.098-.742-.344-1.236-.688-1.583zM15.459 6.29h5.508v1.336H15.46V6.29z"></path> </svg></div> </a> <a href="https://dribbble.com/pawelgola" target="_blank" class="footer-bottom-social-icon w-inline-block"> <div class="icon-1x1-medium w-embed"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 24 24" width="24" height="24"> <path fill="none" d="M0 0h24v24H0z"></path> <path d="M19.989 11.572a7.96 7.96 0 0 0-1.573-4.351 9.749 9.749 0 0 1-.92.87 13.157 13.157 0 0 1-3.313 2.01c.167.35.32.689.455 1.009v.003a9.186 9.186 0 0 1 .11.27c1.514-.17 3.11-.108 4.657.101.206.028.4.058.584.088zm-9.385-7.45a46.164 46.164 0 0 1 2.692 4.27c1.223-.482 2.234-1.09 3.048-1.767a7.88 7.88 0 0 0 .796-.755A7.968 7.968 0 0 0 12 4a8.05 8.05 0 0 0-1.396.121zM4.253 9.997a29.21 29.21 0 0 0 2.04-.123 31.53 31.53 0 0 0 4.862-.822 54.365 54.365 0 0 0-2.7-4.227 8.018 8.018 0 0 0-4.202 5.172zm1.53 7.038c.388-.567.898-1.205 1.575-1.899 1.454-1.49 3.17-2.65 5.156-3.29l.062-.018c-.165-.364-.32-.689-.476-.995-1.836.535-3.77.869-5.697 1.042-.94.085-1.783.122-2.403.128a7.967 7.967 0 0 0 1.784 5.032zm9.222 2.38a35.947 35.947 0 0 0-1.632-5.709c-2.002.727-3.597 1.79-4.83 3.058a9.77 9.77 0 0 0-1.317 1.655A7.964 7.964 0 0 0 12 20a7.977 7.977 0 0 0 3.005-.583zm1.873-1.075a7.998 7.998 0 0 0 2.987-4.87c-.34-.085-.771-.17-1.245-.236a12.023 12.023 0 0 0-3.18-.033 39.368 39.368 0 0 1 1.438 5.14zM12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z"></path> </svg></div> </a> </div> <div id="w-node-cbb4f24e-86a1-ec47-b575-f57a4d8a7e64-4d8a7e30" class="footer-bottom-right"> <div class="subnav"> <div class="subnav-item"> <a href="impressum.html" class="w-inline-block"> <div class="text-meta">Impressum</div> </a> </div> <div class="subnav-item"> <div class="subnav-line"></div> </div> <div class="subnav-item"> <a href="datenschutz.html" class="w-inline-block"> <div class="text-meta">Datenschutz</div> </a> </div> </div> </div> </div> </div> </div> </footer> </main> </div> <div class="cookie-banner"> <div fs-cc="banner" class="fs-cc-banner"> <div class="fs-cc-banner2_container"> <div class="margin-bottom-2 margin-small"> <h3 class="heading-h4">Diese Webseite <br>verwendet Cookies 🍪</h3> </div> <div class="fs-cc-banner2_text">Wir nutzen Cookies auf unserer Website. Einige von ihnen sind essenziell, während andere uns helfen, diese Website und Ihre Erfahrung zu verbessern.</div> <div class="fs-cc-banner2_buttons-wrapper"> <a fs-cc="allow" href="#" class="fs-cc-banner2_button w-button">Akzeptieren</a> <a fs-cc="open-preferences" href="#" class="fs-cc-banner2_button fs-cc-button-alt w-button">Einstellungen ändern</a> </div> </div> </div> <div fs-cc="manager" class="fs-cc-manager"> <div fs-cc="open-preferences" role="button" tabindex="0" title="Cookie Preferences" aria-label="Cookie Preferences" class="fs-cc-manager-button w-embed"><svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 8L9 8.01" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M16 15L16 15.01" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M10 17L10 17.01" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M11 13L11 13.01" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M6 12L6 12.01" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M12 21C16.9706 21 21 16.9706 21 12C21 11.4402 20.9489 10.8924 20.8511 10.361C20.3413 10.7613 19.6985 11 19 11C18.4536 11 17.9413 10.8539 17.5 10.5987C17.0587 10.8539 16.5464 11 16 11C14.3431 11 13 9.65685 13 8C13 7.60975 13.0745 7.23691 13.2101 6.89492C11.9365 6.54821 11 5.38347 11 4C11 3.66387 11.0553 3.34065 11.1572 3.03894C6.58185 3.46383 3 7.31362 3 12C3 16.9706 7.02944 21 12 21Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg></div> </div> <div fs-cc-scroll="disable" fs-cc="preferences" class="fs-cc-prefs"> <div class="fs-cc-prefs2_form-wrapper w-form"> <form id="cookie-preferences" name="wf-form-Cookie-Preferences" data-name="Cookie Preferences" method="get" class="fs-cc-prefs2_form"> <div fs-cc="close" class="fs-cc-prefs2_close"> <div class="fs-cc-preferences2_close-icon w-embed"><svg fill="currentColor" aria-hidden="true" focusable="false" viewbox="0 0 16 16"> <path d="M9.414 8l4.293-4.293-1.414-1.414L8 6.586 3.707 2.293 2.293 3.707 6.586 8l-4.293 4.293 1.414 1.414L8 9.414l4.293 4.293 1.414-1.414L9.414 8z"></path> </svg></div> </div> <div class="fs-cc-prefs2_content"> <div class="fs-cc-prefs2_space-small"> <div class="fs-cc-prefs2_title-2">Datenschutzeinstellung</div> </div> <div class="fs-cc-prefs2_option"> <div class="fs-cc-prefs2_toggle-wrapper-2"> <div class="fs-cc-prefs2_label-2">Essential</div> <div>Erforderlich</div> </div> </div> <div class="fs-cc-prefs2_option hide"> <div class="fs-cc-prefs2_toggle-wrapper-2"> <div class="fs-cc-prefs2_label-2">Marketing cookies</div><label class="w-checkbox fs-cc-prefs2_checkbox-field"> <div class="w-checkbox-input w-checkbox-input--inputType-custom fs-cc-prefs2_checkbox-2"></div><input type="checkbox" id="marketing-2" name="marketing-2" data-name="Marketing 2" fs-cc-checkbox="marketing" style="opacity:0;position:absolute;z-index:-1"><span for="marketing-2" class="fs-cc-prefs2_checkbox-label w-form-label">Essential</span> </label> </div> </div> <div class="fs-cc-prefs2_option hide"> <div class="fs-cc-prefs2_toggle-wrapper-2"> <div class="fs-cc-prefs2_label-2">Personalization cookies</div><label class="w-checkbox fs-cc-prefs2_checkbox-field"> <div class="w-checkbox-input w-checkbox-input--inputType-custom fs-cc-prefs2_checkbox-2"></div><input type="checkbox" id="personalization-2" name="personalization-2" data-name="Personalization 2" fs-cc-checkbox="personalization" style="opacity:0;position:absolute;z-index:-1"><span for="personalization-2" class="fs-cc-prefs2_checkbox-label w-form-label">Essential</span> </label> </div> </div> <div class="fs-cc-prefs2_option"> <div class="fs-cc-prefs2_toggle-wrapper-2"> <div class="fs-cc-prefs2_label-2">Analytics</div><label class="w-checkbox fs-cc-prefs2_checkbox-field"> <div class="w-checkbox-input w-checkbox-input--inputType-custom fs-cc-prefs2_checkbox-2"></div><input type="checkbox" id="analytics-2" name="analytics-2" data-name="Analytics 2" fs-cc-checkbox="analytics" style="opacity:0;position:absolute;z-index:-1"><span for="analytics-2" class="fs-cc-prefs2_checkbox-label w-form-label">Essential</span> </label> </div> <p class="text-size-tiny">Mit dem Akzeptieren dieser Einstellung wird das Laden von Google Analytics genehmigt.<br></p> </div> <div class="fs-cc-prefs2_buttons-wrapper"> <a fs-cc="deny" href="#" class="fs-cc-prefs2_button-2 fs-cc-button-alt w-button">Alle Ablehnen</a> <a fs-cc="allow" href="#" class="fs-cc-prefs2_button-2 w-button">Alle Akzeptieren</a> <a fs-cc="submit" href="#" class="fs-cc-prefs2_submit w-button">Speichern</a> </div> </div> </form> <div class="w-form-done"></div> <div class="w-form-fail"></div> <div fs-cc="close" class="fs-cc-prefs2_overlay-2"></div> </div> </div> </div> <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=620e54f0dd07f825ed369ca5" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <script src="js/gola-design.js" type="text/javascript"></script>  <script> /* * Page Transition */ let transitionTrigger = $(".page-transition-trigger"); let introDurationMS = 2400; let exitDurationMS = 1600; let excludedClass = "no-page-transition"; // On Page Load if (transitionTrigger.length > 0) { transitionTrigger.click(); $("body").addClass("no-scroll-page-transition"); setTimeout(() => { $("body").removeClass("no-scroll-page-transition"); }, introDurationMS); } // On Link Click $("a").on("click", function (e) { if ($(this).prop("hostname") == window.location.host && $(this).attr("href").indexOf("#") === -1 && !$(this).hasClass(excludedClass) && $(this).attr("target") !== "_blank" && transitionTrigger.length > 0) { e.preventDefault(); $("body").addClass("no-scroll-page-transition"); let transitionURL = $(this).attr("href"); transitionTrigger.click(); setTimeout(function () {window.location = transitionURL;}, exitDurationMS); } }); // On Back Button Tap window.onpageshow = function(event) {if (event.persisted) {window.location.reload()}}; // Hide Transition on Window Width Resize setTimeout(() => {$(window).on("resize", function () { setTimeout(() => {$(".page-transition").css("display", "none");}, 50);}); }, introDurationMS); /* * Cursor */ let cursor = document.querySelector('.cursor'); window.addEventListener('mousemove', cursorMove); function cursorMove(e) { cursor.style.top = e.clientY + 'px'; cursor.style.left = e.clientX + 'px'; } $( ".navbar-logo-link" ).mouseenter(function() { $('.cursor').addClass('logo-hover'); window.removeEventListener("mousemove", cursorMove); var elWidth = $(this).outerWidth() + 10; var elTop = $(this).offset().top - $(document).scrollTop(); var elLeft = $(this).offset().left; cursor.style.top = (elTop + 5) + 'px'; cursor.style.left = (elLeft + elWidth) + 'px'; }); $( ".navbar-logo-link" ).mouseleave(function() { window.addEventListener("mousemove", cursorMove); $('.cursor').removeClass('logo-hover'); }); // Visit Website $( ".visit-website" ).mouseenter(function() { $('.cursor').addClass('visit-website'); }); $( ".visit-website" ).mouseleave(function() { $('.cursor').removeClass('visit-website'); }); // Coming Soon $( ".coming-soon" ).mouseenter(function() { $('.cursor').addClass('coming-soon'); }); $( ".coming-soon" ).mouseleave(function() { $('.cursor').removeClass('coming-soon'); }); // Start Project $( ".contact-item-project" ).mouseenter(function() { $('.cursor').addClass('start-project'); }); $( ".contact-item-project" ).mouseleave(function() { $('.cursor').removeClass('start-project'); }); // Write Email $( ".contact-item-email" ).mouseenter(function() { $('.cursor').addClass('write-email'); }); $( ".contact-item-email" ).mouseleave(function() { $('.cursor').removeClass('write-email'); }); /* * Dark Mode */ document.addEventListener('DOMContentLoaded', () => { document.querySelectorAll('.dark-mode-trigger').forEach(trigger => { new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if(entry.isIntersecting){ document.querySelectorAll('.body').forEach(target => target.classList.add('dark-mode')); } else{ document.querySelectorAll('.body').forEach(target => target.classList.remove('dark-mode')); } }); }, { threshold: 0.25 }).observe(trigger); }); }); </script> <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.3.2/dist/confetti.browser.min.js"></script> <script> let fired = false; let celebrateCount = 0; const sectionCelebrate = document.querySelector('.section-celebrate'); document.addEventListener('scroll', function () { const rect = sectionCelebrate.getBoundingClientRect(); const trigger = sectionCelebrate.clientHeight * 0.1; const position = rect.top * -1; if((position > trigger && position < (trigger + rect.height/2) ) && fired === false){ fired = true; confettiFireworks(); } if( rect.top > 0 && fired === true){ fired = false; } }); const colors = ['#E4F15F', '#ffffff']; function confettiFireworks(){ var duration = 4 * 1000; var animationEnd = Date.now() + duration; var defaults = { startVelocity: 30, spread: 360, ticks: 60, zIndex: 0 }; function randomInRange(min, max) { return Math.random() * (max - min) + min; } var interval = setInterval(function() { var timeLeft = animationEnd - Date.now(); if (timeLeft <= 0) { return clearInterval(interval); } var particleCount = 50 * (timeLeft / duration); // since particles fall down, start a bit higher than random confetti(Object.assign({}, defaults, { particleCount, colors: colors, origin: { x: randomInRange(0.1, 0.3), y: Math.random() - 0.2 } })); confetti(Object.assign({}, defaults, { particleCount, colors: colors, origin: { x: randomInRange(0.7, 0.9), y: Math.random() - 0.2 } })); }, 250); } function confettiDefault(){ function randomInRange(min, max) { return Math.random() * (max - min) + min; } confetti({ angle: randomInRange(55, 125), spread: randomInRange(50, 70), particleCount: randomInRange(50, 100), origin: { y: 0.6 }, colors: colors }); } /* * Celebrate Button Count */ $('.celebrate-count-trigger').on('click', function(){ celebrateCount++; if(celebrateCount > 4){ $('.celebrate-button.first').hide(); $('.celebrate-button.second').show(); $('.celebrate-message.first').show(); } if(celebrateCount > 10){ $('.celebrate-message.first').hide(); $('.celebrate-message.second').show(); } }); $('.celebrate-button').click(function() { confettiDefault(); }); </script> </body> </html>

CINXE.COM

Pawel Gola | Webdesign & Webflow Entwickler