1<!DOCTYPE html><html class="no-js" lang="de"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width"><meta name="web_author" content="Graphek GmbH, [email protected]" /><link rel="profile" href="http://gmpg.org/xfn/11" /><link rel="pingback" href="https://graphek.de/xmlrpc.php" /><link rel="icon" href="https://graphek.de/wp-content/themes/graphek4/images/favicon.ico?t=2"><link rel="icon" href="https://graphek.de/wp-content/themes/graphek4/images/favicon.svg" type="image/svg+xml"><link rel="apple-touch-icon" href="https://graphek.de/wp-content/themes/graphek4/images/apple-touch-icon.png"><meta name="theme-color" content="#000000"><link rel="dns-prefetch" href="https://sst.graphek.de"><title>Graphek | Werbeagentur für Design & Entwicklung aus Bremen</title><meta name="description" content="Graphek ist deine Werbeagentur aus Bremen für Design & Webentwicklung. WordPress, Branding & UI/UX von der Idee bis zum Launch. Jetzt Projekt anfragen."/><meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/><link rel="canonical" href="https://graphek.de/" /><meta property="og:locale" content="de_DE" /><meta property="og:type" content="website" /><meta property="og:title" content="Graphek | Werbeagentur für Design & Entwicklung aus Bremen" /><meta property="og:description" content="Graphek ist deine Werbeagentur aus Bremen für Design & Webentwicklung. WordPress, Branding & UI/UX von der Idee bis zum Launch. Jetzt Projekt anfragen." /><meta property="og:url" content="https://graphek.de/" /><meta property="og:site_name" content="Graphek GmbH | Webdesign & Entwicklung aus Bremen" /><meta property="og:updated_time" content="2026-08-10T14:44:13+02:00" /><meta property="og:image" content="https://graphek.de/wp-content/uploads/2026/03/DSCF2092-1400x934.webp" /><meta property="og:image:secure_url" content="https://graphek.de/wp-content/uploads/2026/03/DSCF2092-1400x934.webp" /><meta property="og:image:width" content="1400" /><meta property="og:image:height" content="934" /><meta property="og:image:alt" content="Werbeagentur" /><meta property="og:image:type" content="image/jpeg" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:title" content="Graphek | Werbeagentur für Design & Entwicklung aus Bremen" /><meta name="twitter:description" content="Graphek ist deine Werbeagentur aus Bremen für Design & Webentwicklung. WordPress, Branding & UI/UX von der Idee bis zum Launch. Jetzt Projekt anfragen." /><meta name="twitter:image" content="https://graphek.de/wp-content/uploads/2026/03/DSCF2092-1400x934.webp" />
1<script type="application/ld+json" class="rank-math-schema-pro">{"@context":"https://schema.org","@graph":[{"@type":"Place","@id":"https://graphek.de/#place","geo":{"@type":"GeoCoordinates","latitude":"53.07517314236527","longitude":"8.768470197236727"},"hasMap":"https://www.google.com/maps/search/?api=1&query=53.07517314236527,8.768470197236727","address":{"@type":"PostalAddress","streetAddress":"Am Tabakquartier 50 Loft 6","addressLocality":"Bremen","addressRegion":"Bremen","postalCode":"28197","addressCountry":"Germany"}},{"@type":["LocalBusiness","Organization"],"@id":"https://graphek.de/#organization","name":"Graphek GmbH","url":"https://graphek.de","sameAs":["https://de.linkedin.com/company/graphek-digitalmanufaktur","https://www.instagram.com/digitalmanufaktur/","https://www.google.com/maps/place/?q=place_id:ChIJQT9e4bIpsUcRCNSdyVeKpKM"],"email":"[email protected]","address":{"@type":"PostalAddress","streetAddress":"Am Tabakquartier 50 Loft 6","addressLocality":"Bremen","addressRegion":"Bremen","postalCode":"28197","addressCountry":"Germany"},"logo":{"@type":"ImageObject","@id":"https://graphek.de/#logo","url":"https://graphek.de/wp-content/uploads/2023/10/logo.png","contentUrl":"https://graphek.de/wp-content/uploads/2023/10/logo.png","caption":"Graphek GmbH |\u00a0Webdesign & Entwicklung aus Bremen","inLanguage":"de","width":"1757","height":"1729"},"priceRange":"$$","openingHours":["Mo,Tu,We,Th,Fr 09:00-17:00"],"description":"Graphek ist eine Werbeagentur aus Bremen, spezialisiert auf Webdesign, UI/UX Design und WordPress-Entwicklung. Seit 2013 entwickeln wir individuelle Websites, Online-Shops und Corporate Designs f\u00fcr Unternehmen aller Gr\u00f6\u00dfen \u2014 von der Konzeption bis zum Launch. Unser Fokus liegt auf ma\u00dfgeschneiderten L\u00f6sungen statt Baukasten-Templates.","foundingDate":"2013","location":{"@id":"https://graphek.de/#place"},"image":{"@type":"ImageObject","url":"https://graphek.de/wp-content/uploads/2026/03/DSCF2092-scaled.webp","width":"2560","height":"1707"},"telephone":"+4942169698983"},{"@type":"WebSite","@id":"https://graphek.de/#website","url":"https://graphek.de","name":"Graphek GmbH |\u00a0Webdesign & Entwicklung aus Bremen","alternateName":"Graphek GmbH","publisher":{"@id":"https://graphek.de/#organization"},"inLanguage":"de","potentialAction":{"@type":"SearchAction","target":"https://graphek.de/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"ImageObject","@id":"https://graphek.de/wp-content/uploads/2026/03/DSCF2092-scaled.webp","url":"https://graphek.de/wp-content/uploads/2026/03/DSCF2092-scaled.webp","width":"2560","height":"1707","inLanguage":"de"},{"@type":"WebPage","@id":"https://graphek.de/#webpage","url":"https://graphek.de/","name":"Graphek | Werbeagentur f\u00fcr Design & Entwicklung aus Bremen","datePublished":"2023-01-05T10:08:43+01:00","dateModified":"2026-08-10T14:44:13+02:00","about":{"@id":"https://graphek.de/#organization"},"isPartOf":{"@id":"https://graphek.de/#website"},"primaryImageOfPage":{"@id":"https://graphek.de/wp-content/uploads/2026/03/DSCF2092-scaled.webp"},"inLanguage":"de"},{"@type":"Service","name":"Graphek | Werbeagentur f\u00fcr Design & Entwicklung aus Bremen","description":"Graphek ist deine Werbeagentur aus Bremen f\u00fcr Design & Webentwicklung. WordPress, Branding & UI/UX von der Idee bis zum Launch. Jetzt Projekt anfragen.","serviceType":"Design & Entwicklung","offers":{"@type":"Offer","availability":"InStock"},"image":{"@id":"https://graphek.de/wp-content/uploads/2026/03/DSCF2092-scaled.webp"},"@id":"https://graphek.de/#schema-1701209","mainEntityOfPage":{"@id":"https://graphek.de/#webpage"}}]}</script>
1 <link rel='preload' href='https://graphek.de/wp-content/themes/graphek4/assets/fonts/Outfit-Regular.woff2' as='font' type='font/woff2' crossorigin /><link rel='preload' href='https://graphek.de/wp-content/themes/graphek4/assets/fonts/Outfit-SemiBold.woff2' as='font' type='font/woff2' crossorigin /><link rel='preload' href='https://graphek.de/wp-content/themes/graphek4/assets/fonts/Outfit-Bold.woff2' as='font' type='font/woff2' crossorigin /><link rel='preload' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/hero_particles.min.css?t=1779794399' as='style' /><link rel='preload' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/benefits.min.css?t=1779794399' as='style' /><link rel='preload' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/mockup_scale.min.css?t=1779794400' as='style' /><link rel='preload' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/text_cta.min.css?t=1779794400' as='style' /><link rel='preload' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/bild_text_cta.min.css?t=1779794399' as='style' /><link rel='preload' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/textblock.min.css?t=1779794401' as='style' /><link rel='preload' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/testimonial.min.css?t=1779794400' as='style' /><link rel='preload' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/drei_spalten_teaser.min.css?t=1779794399' as='style' /><link rel='preload' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/fullwidth_slider.min.css?t=1779794399' as='style' /><link rel='preload' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/text_link_grid.min.css?t=1779794400' as='style' /><link rel='preload' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/logo_grid.min.css?t=1779794400' as='style' /><link rel='preload' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/fullwidth_media.min.css?t=1779794399' as='style' /><link rel='preload' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/blog_slider.min.css?t=1779794399' as='style' /><link rel='preload' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/big_claim.min.css?t=1779794399' as='style' /><link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://graphek.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgraphek.de%2F" /><link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://graphek.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgraphek.de%2F&format=xml" /><style id="wp-img-auto-sizes-contain-inline-css">img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 2/*# sourceURL=wp-img-auto-sizes-contain-inline-css */</style><link rel="preload" fetchpriority="high" as="image" href="https://graphek.de/wp-content/themes/graphek4/images/logo_small_white.svg"><link rel="preload" fetchpriority="high" as="image" href="https://graphek.de/wp-content/themes/graphek4/images/GWA_Siegel3_Weiss.svg"><link rel="preload" fetchpriority="high" as="image" href="https://graphek.de/wp-content/themes/graphek4/images/menu.svg"><link rel="preload" fetchpriority="high" as="image" href="https://graphek.de/wp-content/themes/graphek4/images/close.svg"><link rel="preload" fetchpriority="high" as="image" href="https://graphek.de/wp-content/themes/graphek4/images/logo_small_white.svg"><link rel="preload" fetchpriority="high" as="image" href="https://graphek.de/wp-content/themes/graphek4/images/stars_white.svg"><link rel="preload" fetchpriority="high" as="image" href="https://graphek.de/wp-content/themes/graphek4/images/arrow_open_external.svg"><link rel="preload" fetchpriority="high" as="image" href="https://graphek.de/wp-content/themes/graphek4/images/close.svg"><style id="global-styles-inline-css">:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
20) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
2.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 3/*# sourceURL=global-styles-inline-css */</style><link rel='stylesheet' id='plugins-css' href='https://graphek.de/wp-content/themes/graphek4/assets/css/_plugins.css?ver=1789037090' media='all' /><link rel='stylesheet' id='style-css' href='https://graphek.de/wp-content/themes/graphek4/style.css?ver=1789037090' media='all' />
3<script id="graphek-monitor-browser-errors-js-before">window.GraphekMonitorErrors={"endpoint":"https:\/\/graphek.de\/wp-json\/graphek-monitor\/v1\/js-errors","nonce":"18ce3311b9"}; 4//# sourceURL=graphek-monitor-browser-errors-js-before</script>
4
4<script id="graphek-monitor-browser-errors-js" src="https://graphek.de/wp-content/plugins/graphek-monitor/assets/browser-errors.js?ver=0.7.4"></script>
4 <link rel="https://api.w.org/" href="https://graphek.de/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://graphek.de/wp-json/wp/v2/pages/2" /><link rel='shortlink' href='https://graphek.de/' />
4<script>theme_dir = "https://graphek.de/wp-content/themes/graphek4"; 5 function isLoaded(classname, method) { 6 if ( typeof classname == 'object' ) { 7 var loaded = true; 8 classname.forEach(function (item) { 9 if (typeof window[item] === 'undefined') loaded = false; 10 }); 11 if (loaded) return method(); 12 } 13 if (typeof window[classname] !== 'undefined') return method(); 14 setTimeout(function () { isLoaded(classname, method) }, 150); 15 }</script>
15
15<script>// GTAG Stub 16 window.dataLayer = window.dataLayer || []; 17 function gtag(){ dataLayer.push(arguments); } 18 19 gtag('consent', 'default', { 20 analytics_storage: 'denied', 21 ad_storage: 'denied', 22 ad_user_data: 'denied', 23 ad_personalization: 'denied' 24 });</script>
24 </head><body class="home wp-singular page-template-default page page-id-2 wp-theme-graphek4 initNav"><div id="custom_cursor"></div><div id="pagewrapper"><div id="nav_toggle_scrolled" class="is-magnetic"></div><header id="main_header" data-theme="light"><div class="wrap"><a class="logo" href="https://graphek.de"> 25<img fetchpriority="high" class="light desktop" width="294" height="80" src="https://graphek.de/wp-content/themes/graphek4/images/logo.svg" alt="Graphek Logo" /> 26<img fetchpriority="high" class="dark desktop" width="294" height="80" src="https://graphek.de/wp-content/themes/graphek4/images/logo_white.svg" alt="Graphek Logo White" /> 27</a><nav id="nav_main"><div class="menu-header-container"><ul id="menu-header" class="menu"><li id="menu-item-1195" class="hide_desktop menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-2 current_page_item menu-item-1195"><a href="https://graphek.de/" aria-current="page">Moin</a></li><li id="menu-item-649" class="has_bubble menu-item menu-item-type-post_type menu-item-object-page menu-item-649"><a href="https://graphek.de/referenzen-werbeagentur/">Referenzen</a></li><li id="menu-item-651" class="mega_trigger menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-651"><a href="https://graphek.de/expertise/">Expertise</a><ul class="sub-menu"><li id="menu-item-7181" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7181"><a href="https://graphek.de/expertise/ui-ux-design-agentur/">UI / UX Design</a></li><li id="menu-item-7177" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7177"><a href="https://graphek.de/expertise/webdesign-agentur-bremen/">Webdesign</a></li><li id="menu-item-7178" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7178"><a href="https://graphek.de/expertise/corporate-design-agentur/">Corporate Design</a></li><li id="menu-item-7179" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7179"><a href="https://graphek.de/expertise/wordpress-agentur-bremen/">WordPress</a></li><li id="menu-item-7175" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7175"><a href="https://graphek.de/expertise/wordpress-wartungsvertrag/">WordPress Wartung</a></li><li id="menu-item-7180" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7180"><a href="https://graphek.de/expertise/webentwicklung-agentur/">Webentwicklung</a></li><li id="menu-item-7176" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7176"><a href="https://graphek.de/expertise/onlineshop-agentur/">E-Commerce</a></li></ul></li><li id="menu-item-656" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-656"><a href="https://graphek.de/digitalagentur-bremen/">Agentur</a></li><li id="menu-item-6862" class="hide_on_desktop_nav menu-item menu-item-type-post_type menu-item-object-page menu-item-6862"><a href="https://graphek.de/blog/">Blog</a></li><li id="menu-item-969" class="header_cta hide_mobile menu-item menu-item-type-post_type menu-item-object-page menu-item-969"><a href="https://graphek.de/kontakt/">Kontakt</a></li></ul></div></nav></div></header><header id="mobile_header" data-theme="light"><div class="wrap"> 28<a class="logo" href="https://graphek.de"> 29<img fetchpriority="high" class="logo light" width="523" height="794" src="https://graphek.de/wp-content/themes/graphek4/images/logo_small_black.svg" alt="Graphek Logo Icon Black" /> 30<img fetchpriority="high" class="logo dark" width="523" height="794" src="https://graphek.de/wp-content/themes/graphek4/images/logo_small_white.svg" alt="Graphek Logo Icon White" decoding="sync"/> 31</a><div class="mobile_header_right"> 32<img fetchpriority="high" width="227" height="72" class="award" src="https://graphek.de/wp-content/themes/graphek4/images/GWA_Siegel3_Weiss.svg" alt="German Web Awards Winner 2024" decoding="sync"/></div></div></header><main><link rel='stylesheet' property='stylesheet' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/hero_particles.min.css?t=1779794399' type='text/css' media='all' /><section data-theme="light" class="modul hero_particles has_grid_lines has_noisy_bg " id="mod_6ac0f3b5ef464" 33data-anchor="" 34><div class="grid_lines" aria-hidden="true"></div><div class="wrap"><div class="content_left"><div class="text"><h1 class="text_size_normal">Deine Werbeagentur aus Bremen</h1><h2 class="p1 h1">Design & Entwicklung<br /> 35für individuelle Projekte.</h2><p class="p1">Bei uns kommt nichts von der Stange. Unser <a href="https://graphek.de/expertise/ui-ux-design-agentur/">UI/UX Design</a> & <a href="https://graphek.de/expertise/webdesign-agentur-bremen/">Webdesign</a> passt perfekt zu deinem Projekt und wird <a href="https://graphek.de/expertise/webentwicklung-agentur/">individuell</a> oder mit <a href="https://graphek.de/expertise/wordpress-agentur-bremen/">WordPress</a> umgesetzt.</p></div><div class="cta_buttons">
36<a class="button has_avatar double_line special " href="#modal-speed-dating"><div class="avatar"><video loop muted autoplay playsinline> 37<source src="https://graphek.de/wp-content/themes/graphek4/partials/sidenav/bubble.mp4?t=2" type="video/mp4"></video></div><div class="button_text"> 38<span class="title"> 39Buche ein 15-min Gespräch </span> 40<span class="subline"> 41Kostenlos & unverbindlich </span></div> 42</a> 43<a class="button outline" href="https://graphek.de/kontakt/" target=""> 44<span>Kontakt</span> 45</a></div></div><div class="content_bottom"><div class="badge_wrap"> 46<img width="227" height="72" class="award" src="https://graphek.de/wp-content/themes/graphek4/images/GWA_Siegel3_Schwarz.svg" alt="German Web Awards Winner 2024" /></div></div></div><div class="particles_wrap"><link rel='stylesheet' href='https://graphek.de/wp-content/themes/graphek4/assets/css_parts/particles.min.css?ver=1789037094' type='text/css' media='all' />
46<script src='https://graphek.de/wp-content/themes/graphek4/partials/particles/particles.min.js?t=1790323088'></script>
46
46<script>var gameScoreboardConfig = { 47 restUrl: 'https://graphek.de/wp-json/game/v1/scores', 48 startUrl: 'https://graphek.de/wp-json/game/v1/start' 49};</script>
49 <dialog class="game_intro_modal" id="game_intro_modal_mod_6ac0f3b5ef464"> 50<button class="game_intro_close" aria-label="SchlieÃen"> 51<img src="https://graphek.de/wp-content/themes/graphek4/images/close_black.svg" width="24" height="24" alt="X" /> 52</button><div class="game_intro_content"><h3 class="game_intro_headline"> 53Knackst du den Highscore?</h3><p class="game_intro_description">Steuere das Space Shuttle mit den <strong>Pfeiltasten</strong> und aktiviere den Blaster mit der <strong>Leertaste</strong> um Meteoriten platzen zu lassen. Du hast <strong>30 Sekunden</strong> Zeit.</p><div class="game_intro_controls"> 54<img width="343" height="266" src="https://graphek.de/wp-content/themes/graphek4/images/game_controls.svg" alt="Steuerung: Pfeiltasten zum Bewegen, Leertaste zum SchieÃen" /></div><div class="game_intro_start_wrap"><div class="game_button_wrapper"> 55<button class="button game_button game_intro_start">Spiel starten</button></div></div></div> 56</dialog><dialog class="game_intro_modal game_end_modal" id="game_end_modal_mod_6ac0f3b5ef464"><div class="modal_top"> 57<button class="button outline game_end_restart" id="game_end_restart_mod_6ac0f3b5ef464">Nochmal spielen</button> 58<button class="game_intro_close game_end_close" aria-label="SchlieÃen"> 59<img src="https://graphek.de/wp-content/themes/graphek4/images/close_black.svg" width="24" height="24" alt="X" /> 60</button></div><div class="game_end_content"><p class="game_end_label">Deine Punkte</p><div class="game_end_score_display" id="game_end_score_mod_6ac0f3b5ef464">0</div><p class="game_end_quip" id="game_end_quip_mod_6ac0f3b5ef464"></p><div class="game_end_form" id="game_end_form_mod_6ac0f3b5ef464"><div class="game_end_input_row"> 61<input type="text" class="game_end_name_input" id="game_end_name_mod_6ac0f3b5ef464" placeholder="Dein Name" maxlength="20" /> 62<button class="button game_end_submit" id="game_end_submit_mod_6ac0f3b5ef464">Eintragen</button></div><p class="game_end_error" id="game_end_error_mod_6ac0f3b5ef464"></p></div><div class="game_end_scoreboard" id="game_end_scoreboard_mod_6ac0f3b5ef464"><h4 class="game_end_scoreboard_headline">Top 10</h4><ol class="game_end_list" id="game_end_list_mod_6ac0f3b5ef464"></ol></div><div class="game_end_actions"> 63<a class="button has_avatar double_line special " href="#modal-speed-dating"><div class="avatar"><video loop muted autoplay playsinline> 64<source src="https://graphek.de/wp-content/themes/graphek4/partials/sidenav/bubble.mp4?t=2" type="video/mp4"></video></div><div class="button_text"> 65<span class="title"> 66Buche ein 15-min Gespräch </span> 67<span class="subline"> 68Kostenlos & unverbindlich </span></div> 69</a> 70<button class="button outline game_end_quit" id="game_end_quit_mod_6ac0f3b5ef464">Zurück zur Website</button></div></div> 71</dialog><dialog class="game_intro_modal game_over_modal" id="game_over_modal_mod_6ac0f3b5ef464"> 72<button class="game_intro_close game_over_close" aria-label="SchlieÃen"> 73<img src="https://graphek.de/wp-content/themes/graphek4/images/close_black.svg" width="24" height="24" alt="X" /> 74</button><div class="game_over_content"><h3 class="game_over_headline">Game Over</h3><p class="game_over_message">Du wurdest getroffen!</p><p class="game_over_score_label">Deine Punkte</p><div class="game_over_score" id="game_over_score_mod_6ac0f3b5ef464">0</div><div class="game_over_actions"><div class="game_button_wrapper"> 75<button class="button game_button game_over_restart" id="game_over_restart_mod_6ac0f3b5ef464">Nochmal spielen</button></div> 76<button class="button outline game_over_quit" id="game_over_quit_mod_6ac0f3b5ef464">Spiel beenden</button></div></div> 77</dialog><div class="game_button_wrapper on_canvas"> 78<button class="button game_button" id="start_game_button"> 79Spiel starten 80</button></div><div class="game_button_wrapper end_game"> 81<button class="button game_button" id="end_game_button_mod_6ac0f3b5ef464"> 82Spiel beenden 83</button></div><div class="game_info" id="game_info_mod_6ac0f3b5ef464"><div class="game_info_score"> 84<span class="game_info_label">Deine Punkte</span> 85<span class="game_info_value" id="game_score_mod_6ac0f3b5ef464">0</span></div><div class="game_info_time"><div class="game_info_label"> 86<svg width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M11 5V11L15 13M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> 87Aktuelle Zeit:</div><div class="game_info_value"> 88<span id="game_timer_mod_6ac0f3b5ef464">30</span> 89<span class="game_info_unit">Sekunden</span></div></div></div><div class="game_countdown" id="game_countdown_mod_6ac0f3b5ef464"></div><div class="game_ship_countdown" id="game_ship_countdown_mod_6ac0f3b5ef464"></div>
89<canvas id="particles_canvas_mod_6ac0f3b5ef464" aria-hidden="true"></canvas> 90<img src="https://graphek.de/wp-content/uploads/2026/03/favicon.svg" id="particles_canvas_mod_6ac0f3b5ef464_src" class="skip-lazy" style="display:none" aria-hidden="true" crossorigin="anonymous" loading="eager" alt="" />
90<script>initParticles('particles_canvas_mod_6ac0f3b5ef464', {"particleSizeMin":3,"particleSizeMax":10,"samplingStep":2,"mouseRadius":120,"mouseForce":30,"returnSpeed":0.08,"friction":0.4,"idleAmplitude":2,"idleSpeed":0.02,"ambientCount":30,"ambientSpeed":0.3,"ambientMouseForce":1,"svgX":75,"svgY":67,"svgMaxWidth":100,"svgMaxHeight":65,"ship":true,"shipSize":20,"shipLineWidth":2.5,"shipIdleDrift":0.15,"shipThrustPower":0.07,"shipMaxSpeed":2.5,"shipFriction":0.985,"shipRotateSpeed":0.04,"shipThrustCount":1,"shipThrustLifespan":40,"shipRadius":80,"shipForce":15,"bulletSpeed":8,"bulletRadius":2,"bulletFireRate":8,"explosionCount":6,"explosionLifespan":30,"particleRespawnDelay":180,"asteroidSpawnRate":90,"asteroidMaxCount":8,"asteroidMinRadius":30,"asteroidMaxRadius":60,"asteroidMinSpeed":0.8,"asteroidMaxSpeed":2,"asteroidPoints":25,"asteroidStrokeWidth":3}, null); 91(function() { 92 var canvasEl = document.getElementById('particles_canvas_mod_6ac0f3b5ef464'); 93 var modal = document.getElementById('game_intro_modal_mod_6ac0f3b5ef464'); 94 var startBtn = document.getElementById('start_game_button'); 95 var endBtn = document.getElementById('end_game_button_mod_6ac0f3b5ef464'); 96 var introStartBtn = modal.querySelector('.game_intro_start'); 97 var closeBtn = modal.querySelector('.game_intro_close'); 98 var modul = canvasEl.closest('.modul'); 99 var countdownEl = document.getElementById('game_countdown_mod_6ac0f3b5ef464'); 100 var shipCountdownEl = document.getElementById('game_ship_countdown_mod_6ac0f3b5ef464'); 101 var gameInfoEl = document.getElementById('game_info_mod_6ac0f3b5ef464'); 102 var scoreEl = document.getElementById('game_score_mod_6ac0f3b5ef464'); 103 var timerEl = document.getElementById('game_timer_mod_6ac0f3b5ef464'); 104 105 var endModal = document.getElementById('game_end_modal_mod_6ac0f3b5ef464'); 106 var endScoreEl = document.getElementById('game_end_score_mod_6ac0f3b5ef464'); 107 var endFormEl = document.getElementById('game_end_form_mod_6ac0f3b5ef464'); 108 var endNameInput = document.getElementById('game_end_name_mod_6ac0f3b5ef464'); 109 var endSubmitBtn = document.getElementById('game_end_submit_mod_6ac0f3b5ef464'); 110 var endErrorEl = document.getElementById('game_end_error_mod_6ac0f3b5ef464'); 111 var endListEl = document.getElementById('game_end_list_mod_6ac0f3b5ef464'); 112 var endRestartBtn = document.getElementById('game_end_restart_mod_6ac0f3b5ef464'); 113 var endQuitBtn = document.getElementById('game_end_quit_mod_6ac0f3b5ef464'); 114 var endQuipEl = document.getElementById('game_end_quip_mod_6ac0f3b5ef464'); 115 var endCloseBtn = endModal.querySelector('.game_end_close'); 116 117 var overModal = document.getElementById('game_over_modal_mod_6ac0f3b5ef464'); 118 var overScoreEl = document.getElementById('game_over_score_mod_6ac0f3b5ef464'); 119 var overRestartBtn = document.getElementById('game_over_restart_mod_6ac0f3b5ef464'); 120 var overQuitBtn = document.getElementById('game_over_quit_mod_6ac0f3b5ef464'); 121 var overCloseBtn = overModal.querySelector('.game_over_close'); 122 123 var gameTimerInterval = null; 124 var gameScore = 0; 125 var gameSecret = null; 126 var countdownCancelled = false; 127 var countdownDelayTimer = null; 128 129 function getScoreQuip(score) { 130 if (score === 0) return 'Hast du überhaupt geschossen?'; 131 if (score <= 40) return 'Hol dir erstmal einen Kaffee.'; 132 if (score <= 100) return 'Da geht noch was...'; 133 if (score <= 200) return 'Nicht schlecht, Anfänger-Glück?'; 134 if (score <= 260) return 'Du hast das Tutorial überlebt!'; 135 if (score <= 320) return 'Okay, du weiÃt was du tust.'; 136 if (score <= 380) return 'Die Asteroiden fangen an, nervös zu werden.'; 137 if (score <= 440) return 'Nicht schlecht für einen Erdling.'; 138 if (score <= 500) return 'Houston, wir haben einen Piloten!'; 139 if (score <= 560) return 'Respekt! Die Asteroiden zittern.'; 140 if (score <= 640) return 'Die NASA hat angerufen â sie wollen dich.'; 141 if (score <= 720) return 'Space Commander Level erreicht!'; 142 if (score <= 800) return 'Selbst Chuck Norris wäre beeindruckt.'; 143 if (score <= 880) return 'Du spielst das nicht zum ersten Mal, oder?'; 144 if (score <= 960) return 'Okay, das war definitiv kein Glück mehr.'; 145 return 'Bist du ein Roboter?!'; 146 } 147 148 function getAPI() { 149 return window.particlesAPI && window.particlesAPI['particles_canvas_mod_6ac0f3b5ef464']; 150 } 151 152 function runCountdown(callback) { 153 var nums = [3, 2, 1]; 154 var i = 0; 155 countdownCancelled = false;
156 countdownEl.classList.add('active'); 157 158 function showNext() { 159 if (countdownCancelled) { 160 countdownEl.classList.remove('active'); 161 countdownEl.textContent = ''; 162 return; 163 } 164 if (i >= nums.length) { 165 countdownEl.classList.remove('active'); 166 countdownEl.textContent = ''; 167 if (callback) callback(); 168 return; 169 } 170 var span = document.createElement('span'); 171 span.textContent = nums[i]; 172 countdownEl.textContent = ''; 173 countdownEl.appendChild(span); 174 i++; 175 setTimeout(showNext, 900); 176 } 177 178 showNext(); 179 } 180 181 function fetchGameSecret() { 182 var cfg = window.gameScoreboardConfig; 183 fetch(cfg.startUrl, { method: 'POST' }) 184 .then(function(r) { return r.json(); }) 185 .then(function(data) { 186 if (data.success && data.data.secret) { 187 gameSecret = data.data.secret; 188 } 189 }) 190 .catch(function() {}); 191 } 192 193 function hmacSign(secret, message) { 194 if (typeof crypto !== 'undefined' && crypto.subtle) { 195 var enc = new TextEncoder(); 196 return crypto.subtle.importKey( 197 'raw', enc.encode(secret), { name: 'HMAC', hash: 'SHA-256' }, false, ['sign'] 198 ).then(function(key) { 199 return crypto.subtle.sign('HMAC', key, enc.encode(message)); 200 }).then(function(buf) { 201 return Array.from(new Uint8Array(buf)).map(function(b) { 202 return b.toString(16).padStart(2, '0'); 203 }).join(''); 204 }); 205 } 206 // Fallback für HTTP (lokale Entwicklung): SHA-256-HMAC in reinem JS 207 return new Promise(function(resolve) { 208 function sha256(msgBytes) { 209 var h = [0x6a09e667,0xbb67ae85,0x3c6ef372,0xa54ff53a,0x510e527f,0x9b05688c,0x1f83d9ab,0x5be0cd19]; 210 var k = [0x428a2f98,0x71374491,0xb5c0fbcf,0xe9b5dba5,0x3956c25b,0x59f111f1,0x923f82a4,0xab1c5ed5,0xd807aa98,0x12835b01,0x243185be,0x550c7dc3,0x72be5d74,0x80deb1fe,0x9bdc06a7,0xc19bf174,0xe49b69c1,0xefbe4786,0x0fc19dc6,0x240ca1cc,0x2de92c6f,0x4a7484aa,0x5cb0a9dc,0x76f988da,0x983e5152,0xa831c66d,0xb00327c8,0xbf597fc7,0xc6e00bf3,0xd5a79147,0x06ca6351,0x14292967,0x27b70a85,0x2e1b2138,0x4d2c6dfc,0x53380d13,0x650a7354,0x766a0abb,0x81c2c92e,0x92722c85,0xa2bfe8a1,0xa81a664b,0xc24b8b70,0xc76c51a3,0xd192e819,0xd6990624,0xf40e3585,0x106aa070,0x19a4c116,0x1e376c08,0x2748774c,0x34b0bcb5,0x391c0cb3,0x4ed8aa4a,0x5b9cca4f,0x682e6ff3,0x748f82ee,0x78a5636f,0x84c87814,0x8cc70208,0x90befffa,0xa4506ceb,0xbef9a3f7,0xc67178f2]; 211 var l = msgBytes.length, bl = l * 8; 212 msgBytes.push(0x80); 213 while (msgBytes.length % 64 !== 56) msgBytes.push(0); 214 msgBytes.push(0,0,0,0,(bl>>>24)&0xff,(bl>>>16)&0xff,(bl>>>8)&0xff,bl&0xff); 215 for (var off = 0; off < msgBytes.length; off += 64) { 216 var w = []; 217 for (var i = 0; i < 16; i++) w[i] = (msgBytes[off+i*4]<<24)|(msgBytes[off+i*4+1]<<16)|(msgBytes[off+i*4+2]<<8)|msgBytes[off+i*4+3]; 218 for (var i = 16; i < 64; i++) { 219 var s0 = (((w[i-15]>>>7)|(w[i-15]<<25))^((w[i-15]>>>18)|(w[i-15]<<14))^(w[i-15]>>>3))|0; 220 var s1 = (((w[i-2]>>>17)|(w[i-2]<<15))^((w[i-2]>>>19)|(w[i-2]<<13))^(w[i-2]>>>10))|0; 221 w[i] = (w[i-16]+s0+w[i-7]+s1)|0; 222 } 223 var a=h[0],b=h[1],c=h[2],d=h[3],e=h[4],f=h[5],g=h[6],hh=h[7]; 224 for (var i = 0; i < 64; i++) { 225 var S1 = (((e>>>6)|(e<<26))^((e>>>11)|(e<<21))^((e>>>25)|(e<<7)))|0; 226 var ch = ((e&f)^((~e)&g))|0; 227 var t1 = (hh+S1+ch+k[i]+w[i])|0; 228 var S0 = (((a>>>2)|(a<<30))^((a>>>13)|(a<<19))^((a>>>22)|(a<<10)))|0; 229 var maj = ((a&b)^(a&c)^(b&c))|0; 230 var t2 = (S0+maj)|0; 231 hh=g;g=f;f=e;e=(d+t1)|0;d=c;c=b;b=a;a=(t1+t2)|0; 232 } 233 h[0]=(h[0]+a)|0;h[1]=(h[1]+b)|0;h[2]=(h[2]+c)|0;h[3]=(h[3]+d)|0;h[4]=(h[4]+e)|0;h[5]=(h[5]+f)|0;h[6]=(h[6]+g)|0;h[7]=(h[7]+hh)|0; 234 } 235 var out = []; 236 for (var i = 0; i < 8; i++) { out.push((h[i]>>>24)&0xff,(h[i]>>>16)&0xff,(h[i]>>>8)&0xff,h[i]&0xff); } 237 return out; 238 } 239 function strToBytes(s) { for (var b=[],i=0;i<s.length;i++) b.push(s.charCodeAt(i)&0xff); return b; } 240 function xorPad(key, pad) { var r=[]; for(var i=0;i<64;i++) r.push((key[i]||0)^pad); return r; } 241 var keyBytes = strToBytes(secret); 242 if (keyBytes.length > 64) keyBytes = sha256(keyBytes.slice()); 243 var ipad = xorPad(keyBytes, 0x36); 244 var opad = xorPad(keyBytes, 0x5c); 245 var inner = sha256(ipad.concat(strToBytes(message))); 246 var hmac = sha256(opad.concat(inner)); 247 resolve(hmac.map(function(b) { return b.toString(16).padStart(2, '0'); }).join('')); 248 }); 249 } 250 251 function startGame() { 252 gameScore = 0; 253 gameSecret = null; 254 scoreEl.textContent = '0'; 255 timerEl.textContent = '30'; 256 gameInfoEl.classList.add('active'); 257 fetchGameSecret(); 258 loadScoreboard(); 259 260 var api = getAPI(); 261 if (api) { 262 api.startRound(); 263 api.setOnScore(function(points) { 264 gameScore += points || 1; 265 scoreEl.textContent = gameScore; 266 }); 267 } 268 269 var timeLeft = 30; 270 gameTimerInterval = setInterval(function() { 271 timeLeft--; 272 timerEl.textContent = timeLeft; 273 if (timeLeft <= 10 && timeLeft > 0) { 274 var pos = api ? api.getShipPosition() : null; 275 if (pos) { 276 var span = document.createElement('span'); 277 span.textContent = timeLeft; 278 shipCountdownEl.textContent = ''; 279 shipCountdownEl.appendChild(span); 280 shipCountdownEl.style.left = pos.x + 'px'; 281 shipCountdownEl.style.top = (pos.y - 50) + 'px'; 282 shipCountdownEl.classList.add('active'); 283 } 284 } else { 285 shipCountdownEl.classList.remove('active'); 286 shipCountdownEl.textContent = ''; 287 } 288 if (timeLeft <= 0) { 289 clearInterval(gameTimerInterval); 290 gameTimerInterval = null; 291 shipCountdownEl.classList.remove('active'); 292 shipCountdownEl.textContent = ''; 293 endGame(); 294 } 295 }, 1000); 296 } 297
298 function renderScoreboard(scores, highlightRank) { 299 endListEl.innerHTML = ''; 300 scores.forEach(function(entry, i) { 301 var li = document.createElement('li'); 302 li.className = 'game_score_entry' + (highlightRank && i === highlightRank - 1 ? ' highlighted' : ''); 303 li.innerHTML = '<span class="game_score_rank">' + (i + 1) + '.</span>' + 304 '<span class="game_score_name">' + entry.name + '</span>' + 305 '<span class="game_score_points">' + entry.score + '</span>'; 306 endListEl.appendChild(li); 307 }); 308 } 309 310 function loadScoreboard() { 311 var cfg = window.gameScoreboardConfig; 312 fetch(cfg.restUrl) 313 .then(function(r) { return r.json(); }) 314 .then(function(data) { 315 if (data.success && data.data.scores) { 316 renderScoreboard(data.data.scores); 317 } 318 }) 319 .catch(function() {}); 320 } 321 322 function exitGameFully() { 323 var api = getAPI(); 324 if (api) api.exitGameMode(); 325 if (modul) modul.classList.remove('game_active'); 326 document.body.classList.remove('game_mode'); 327 } 328 329 function endGame() { 330 countdownCancelled = true; 331 if (countdownDelayTimer) { 332 clearTimeout(countdownDelayTimer); 333 countdownDelayTimer = null; 334 } 335 countdownEl.classList.remove('active'); 336 countdownEl.textContent = ''; 337 if (gameTimerInterval) { 338 clearInterval(gameTimerInterval); 339 gameTimerInterval = null; 340 } 341 gameInfoEl.classList.remove('active'); 342 343 var api = getAPI(); 344 if (api) { 345 api.stopRound(); 346 api.setOnScore(null); 347 } 348 349 // End-Dialog öffnen, Game-Mode bleibt aktiv 350 endScoreEl.textContent = gameScore; 351 endQuipEl.textContent = getScoreQuip(gameScore); 352 endFormEl.style.display = ''; 353 endNameInput.value = ''; 354 endErrorEl.textContent = ''; 355 endSubmitBtn.disabled = false; 356 endModal.setAttribute('open', ''); 357 // Vertikal zentrieren im Viewport, aber nie über den Container hinaus 358 requestAnimationFrame(function() { 359 var containerRect = canvasEl.closest('.particles_wrap').getBoundingClientRect(); 360 var dialogHeight = endModal.offsetHeight; 361 var top = (window.innerHeight - dialogHeight) / 2 - containerRect.top + window.scrollY; 362 endModal.style.top = Math.max(20, top) + 'px'; 363 }); 364 } 365 366 startBtn.addEventListener('click', function(e) { 367 e.preventDefault(); 368 modal.showModal(); 369 }); 370 371 closeBtn.addEventListener('click', function() { 372 modal.close(); 373 }); 374 375 introStartBtn.addEventListener('click', function() { 376 modal.close(); 377 window.scrollTo({ top: 0, behavior: 'smooth' }); 378 var api = getAPI(); 379 if (api) api.enterGameMode(); 380 if (modul) modul.classList.add('game_active'); 381 document.body.classList.add('game_mode'); 382 383 countdownDelayTimer = setTimeout(function() { 384 countdownDelayTimer = null; 385 runCountdown(startGame); 386 }, 1200); 387 }); 388 389 function quitGame() { 390 countdownCancelled = true; 391 if (countdownDelayTimer) { 392 clearTimeout(countdownDelayTimer); 393 countdownDelayTimer = null; 394 } 395 countdownEl.classList.remove('active'); 396 countdownEl.textContent = ''; 397 if (gameTimerInterval) { 398 clearInterval(gameTimerInterval); 399 gameTimerInterval = null; 400 } 401 gameInfoEl.classList.remove('active'); 402 shipCountdownEl.classList.remove('active'); 403 shipCountdownEl.textContent = ''; 404 var api = getAPI(); 405 if (api) api.setOnScore(null); 406 endModal.removeAttribute('open'); 407 overModal.removeAttribute('open'); 408 modal.close(); 409 exitGameFully(); 410 } 411 412 endBtn.addEventListener('click', quitGame); 413 canvasEl.addEventListener('gameAutoEnd', quitGame); 414 415 modal.addEventListener('click', function(e) { 416 if (e.target === modal) modal.close(); 417 }); 418 419 // Score submit 420 endSubmitBtn.addEventListener('click', function() { 421 var name = endNameInput.value.trim(); 422 if (!name) { 423 endErrorEl.textContent = 'Bitte gib einen Namen ein.'; 424 return; 425 } 426 endErrorEl.textContent = ''; 427 endSubmitBtn.disabled = true; 428 429 if (!gameSecret) { 430 endErrorEl.textContent = 'Spiel-Session abgelaufen. Bitte nochmal spielen.'; 431 endSubmitBtn.disabled = false; 432 return; 433 } 434 435 var cfg = window.gameScoreboardConfig; 436 var ts = Math.floor(Date.now() / 1000); 437 var msg = 'score=' + gameScore + '&name=' + name + '&ts=' + ts; 438 439 hmacSign(gameSecret, msg).then(function(signature) { 440 return fetch(cfg.restUrl, { 441 method: 'POST', 442 headers: { 'Content-Type': 'application/json' }, 443 body: JSON.stringify({ 444 name: name, 445 score: gameScore, 446 secret: gameSecret, 447 timestamp: ts, 448 signature: signature 449 }) 450 }); 451 }) 452 .then(function(r) { return r.json(); }) 453 .then(function(data) { 454 if (data.success) { 455 endFormEl.style.display = 'none'; 456 renderScoreboard(data.data.scores, data.data.rank); 457 } else { 458 endErrorEl.textContent = data.data && data.data.message ? data.data.message : 'Fehler beim Speichern.'; 459 endSubmitBtn.disabled = false;
460 } 461 }) 462 .catch(function() { 463 endErrorEl.textContent = 'Verbindungsfehler.'; 464 endSubmitBtn.disabled = false; 465 }); 466 }); 467 468 // Enter-Key auf Input â Submit 469 endNameInput.addEventListener('keydown', function(e) { 470 if (e.key === 'Enter') { 471 e.preventDefault(); 472 endSubmitBtn.click(); 473 } 474 }); 475 476 // Nochmal spielen (Game-Mode ist noch aktiv) 477 endRestartBtn.addEventListener('click', function() { 478 endModal.removeAttribute('open'); 479 var api = getAPI(); 480 if (api) api.stopRound(); 481 window.scrollTo({ top: 0, behavior: 'smooth' }); 482 483 countdownDelayTimer = setTimeout(function() { 484 countdownDelayTimer = null; 485 runCountdown(startGame); 486 }, 1200); 487 }); 488 489 // Spiel beenden 490 endQuitBtn.addEventListener('click', function() { 491 endModal.removeAttribute('open'); 492 exitGameFully(); 493 }); 494 495 // End-Dialog schlieÃen â Spiel beenden 496 endCloseBtn.addEventListener('click', function() { 497 endModal.removeAttribute('open'); 498 exitGameFully(); 499 }); 500 501 endModal.addEventListener('click', function(e) { 502 if (e.target === endModal) { 503 endModal.removeAttribute('open'); 504 exitGameFully(); 505 } 506 }); 507 508 // Ship destroyed â Game Over 509 canvasEl.addEventListener('shipDestroyed', function() { 510 if (gameTimerInterval) { 511 clearInterval(gameTimerInterval); 512 gameTimerInterval = null; 513 } 514 shipCountdownEl.classList.remove('active'); 515 shipCountdownEl.textContent = ''; 516 gameInfoEl.classList.remove('active'); 517 var api = getAPI(); 518 if (api) { 519 api.stopRound(); 520 api.setOnScore(null); 521 } 522 523 setTimeout(function() { 524 overScoreEl.textContent = gameScore; 525 overModal.setAttribute('open', ''); 526 requestAnimationFrame(function() { 527 var containerRect = canvasEl.closest('.particles_wrap').getBoundingClientRect(); 528 var dialogHeight = overModal.offsetHeight; 529 var top = (window.innerHeight - dialogHeight) / 2 - containerRect.top + window.scrollY; 530 overModal.style.top = Math.max(20, top) + 'px'; 531 }); 532 }, 1000); 533 }); 534 535 // Game Over: Nochmal spielen 536 overRestartBtn.addEventListener('click', function() { 537 overModal.removeAttribute('open'); 538 var api = getAPI(); 539 if (api) { 540 api.stopRound(); 541 api.resetShip(); 542 } 543 window.scrollTo({ top: 0, behavior: 'smooth' }); 544 countdownDelayTimer = setTimeout(function() { 545 countdownDelayTimer = null; 546 runCountdown(startGame); 547 }, 1200); 548 }); 549 550 // Game Over: Spiel beenden 551 overQuitBtn.addEventListener('click', function() { 552 overModal.removeAttribute('open'); 553 exitGameFully(); 554 }); 555 556 overCloseBtn.addEventListener('click', function() { 557 overModal.removeAttribute('open'); 558 exitGameFully(); 559 }); 560 561 overModal.addEventListener('click', function(e) { 562 if (e.target === overModal) { 563 overModal.removeAttribute('open'); 564 exitGameFully(); 565 } 566 }); 567})();</script>
567 </div></section><link rel='stylesheet' property='stylesheet' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/benefits.min.css?t=1779794399' type='text/css' media='all' /><section data-theme="light" class="modul benefits " id="mod_6ac0f3b5efa83" 568data-anchor="" 569><div class="wrap"><div class="intro"><p class="h2">Warum Unternehmen zu uns kommen und bei uns bleiben:</p></div><div class="container"><div class="item reveal fade-bottom" data-delay="0"><p><strong>Website-Besucher*innen</strong> in zahlende Kundschaft umwandeln.</p></div><div class="item reveal fade-bottom" data-delay="100"><p><strong>Umsatzsteigerung</strong> durch Customer Journeys.</p></div><div class="item reveal fade-bottom" data-delay="200"><p><strong>Professioneller Auftritt</strong> mittels Animation & Design.</p></div><div class="item reveal fade-bottom" data-delay="300"><p><strong>Erhöhung der Reichweite</strong> von Marken & Produkten.</p></div><div class="item reveal fade-bottom" data-delay="400"><p><strong>Verbesserung der User Experience</strong> digitaler Produkte.</p></div><div class="item reveal fade-bottom" data-delay="500"><p><strong>Performance von Websites </strong>durch Analyse und Optimierung.</p></div></div></div>
569<script>(() => { 570 571})();</script>
571 </section><link rel='stylesheet' property='stylesheet' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/mockup_scale.min.css?t=1779794400' type='text/css' media='all' /><section data-theme="light" class="modul mockup_scale " id="mod_6ac0f3b5efe36" 572data-anchor="" 573><picture class="mockup"> 574<img 575width="2560" 576height="1293" 577src="https://graphek.de/wp-content/uploads/2023/10/Startseitezoomsliderv4-scaled-1-scaled.webp" 578srcset="https://graphek.de/wp-content/uploads/2023/10/Startseitezoomsliderv4-scaled-1-scaled.webp 1400w, https://graphek.de/wp-content/uploads/2023/10/Startseitezoomsliderv4-scaled-1-scaled.webp 2500w, https://graphek.de/wp-content/uploads/2023/10/Startseitezoomsliderv4-scaled-1-scaled.webp 2560w, " 579sizes="200vw" 580alt="Collage von diversen Referenzen aus den Bereichen Website Design, UI / UX, Webentwicklung und Corporate Design" 581/> 582</picture><div class="text"><p class="h1" style="text-align: center;">Unsere Mission ist die Wertschöpfung von digitalen Produkten durch Design & Entwicklung.</p></div>
582<script>(() => { 583 584 document.addEventListener('DOMContentLoaded', function(){ 585 586 var mockup = document.querySelector('#mod_6ac0f3b5efe36 .mockup') 587 var text = document.querySelector('#mod_6ac0f3b5efe36 .text') 588 589 ScrollTrigger.config({ ignoreMobileResize: true }); 590 591 var tl = gsap.timeline({ 592 scrollTrigger: { 593 trigger: '#mod_6ac0f3b5efe36', 594 start: 'center center', 595 end: '+=160%', 596 scrub: 0.5, 597 pin: true, 598 pinSpacing: true, 599 pinType: ('ontouchstart' in window) ? 'fixed' : 'transform', 600 } 601 }) 602 603 tl.fromTo(mockup, { 604 scale: 5, 605 }, 606 { 607 scale: 1, 608 duration: 1 609 }, 'mocky') 610 611 tl.fromTo(text, { 612 scale: 1, 613 }, 614 { 615 scale: .2, 616 duration: 1 617 }, 'mocky') 618 619 620 }) 621})();</script>
621 </section><link rel='stylesheet' property='stylesheet' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/text_cta.min.css?t=1779794400' type='text/css' media='all' /><section data-theme="dark" class="modul text_cta " id="mod_6ac0f3b5f0248" 622data-anchor="" 623><div class="wrap"><div class="logo"><svg width="25" height="38" viewBox="0 0 25 38" fill="none" xmlns="http://www.w3.org/2000/svg"> 624<path d="M24.5028 13.1692C24.5639 11.0513 24.0598 9.0476 23.1357 7.28774L23.2655 2.73952L18.8127 2.61762V2.67095C17.0636 1.58913 15.032 0.933946 12.8475 0.865379C6.23321 0.682537 0.703438 5.90118 0.512493 12.4911C0.329185 19.0887 5.55344 24.6045 12.1678 24.7873C18.7821 24.9702 24.3119 19.7592 24.4952 13.1616L24.5028 13.1692ZM5.56872 12.6359C5.67565 8.81905 8.87589 5.80214 12.7101 5.9088C16.5366 6.01546 19.5612 9.20759 19.4542 13.0321C19.3473 16.8489 16.1471 19.8658 12.3129 19.7592C8.48636 19.6525 5.46179 16.4604 5.56872 12.6359Z" fill="white"/> 625<path d="M20.6153 26.7224L6.36316 32.482C5.08001 33 4.46135 34.4628 4.98072 35.7427C5.37788 36.7179 6.31733 37.3045 7.31025 37.3045C7.6234 37.3045 7.94418 37.2435 8.2497 37.1216L22.5018 31.3621C23.785 30.844 24.4037 29.3813 23.8843 28.1014C23.3649 26.8215 21.9061 26.2044 20.6153 26.7224Z" fill="white"/> 626</svg></div><div class="text"><p class="font_weight_normal keep_headline_size color_medium" style="text-align: center;">Mit <strong>10 Jahren Erfahrung</strong> sind wir stolz darauf, einer Vielzahl von zukunftsorientierten Innovator*innen erfolgreich dabei geholfen zu haben, neue <strong>digitale Produkte</strong>, <strong>Dienstleistungen</strong>, <strong>Geschäftsmodelle</strong> und <strong>Marken</strong> zu entwickeln oder bestehende neu zu erfinden.</p></div><a class="link" href="#projekte" aria-label="Scroll zum Anker"> 627<svg width="23" height="24" viewBox="0 0 23 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 628<path d="M10.4472 23.3651C11.0329 23.9509 11.9827 23.9509 12.5685 23.3651L22.1144 13.8192C22.7002 13.2334 22.7002 12.2836 22.1144 11.6978C21.5286 11.1121 20.5789 11.1121 19.9931 11.6978L11.5078 20.1831L3.02253 11.6978C2.43674 11.1121 1.487 11.1121 0.90121 11.6978C0.315423 12.2836 0.315423 13.2334 0.90121 13.8192L10.4472 23.3651ZM10.0078 0.304443L10.0078 22.3044L13.0078 22.3044L13.0078 0.304443L10.0078 0.304443Z" fill="white"/> 629</svg> 630</a></div>
630<script defer src='https://graphek.de/wp-content/themes/graphek4/assets/js/include/splitType.min.js?t=1779794404'></script>
630
630<script>isLoaded(['SplitType', 'gsap'], () => { 631 632 gsap.registerPlugin(ScrollTrigger) 633 634 const splitTypes = document.querySelectorAll('#mod_6ac0f3b5f0248 .text'); 635 636 splitTypes.forEach((char, i) => { 637 const text = new SplitType(char, { types: 'words' }) 638 639 let start_top = 'top 90%'; 640 let end_top = 'top 30%'; 641 642 // Get window outer widh 643 if ( window.innerWidth < 1000 ) { 644 start_top = 'top 60%'; 645 end_top = 'top 10%'; 646 } 647 648 gsap.from(text.words, { 649 scrollTrigger: { 650 trigger: char, 651 start: start_top, 652 end: end_top, 653 scrub: true, 654 }, 655 // filter: 'blur(2px)', 656 opacity: 0.1, 657 stagger: 0.1, 658 }) 659 }); 660 661});</script>
661 </section><link rel='stylesheet' property='stylesheet' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/bild_text_cta.min.css?t=1779794399' type='text/css' media='all' /><section data-theme="dark" class="modul bild_text_cta padding_top_0 " id="mod_6ac0f3b5f0667" 662data-anchor="projekte" 663><div class="container "><div class="item"><a data-text="Projekt</br>anzeigen" 664href="https://graphek.de/referenzen/ui-ux-dashboard/" aria-label="Projekt anzeigen" 665class="image_container " 666> 667<img width="1920" height="1080" src="https://graphek.de/wp-content/uploads/2025/03/tyssenkrupp.webp" class="attachment-large size-large" alt="" decoding="async" fetchpriority="high" srcset="https://graphek.de/wp-content/uploads/2025/03/tyssenkrupp.webp 1920w, https://graphek.de/wp-content/uploads/2025/03/tyssenkrupp-900x506.webp 900w, https://graphek.de/wp-content/uploads/2025/03/tyssenkrupp-500x281.webp 500w, https://graphek.de/wp-content/uploads/2025/03/tyssenkrupp-1400x788.webp 1400w" sizes="(max-width: 600px) 66vw, (max-width: 1920px) 100vw, 1920px" /> </a><div class="content_container"><div class="content"><a href="https://graphek.de/referenzen/ui-ux-dashboard/" class="text_top"><h2 class="title">Premium UI/UX Dashboard mit Komponenten in Dark & Light Mode</h2> 668</a><div class="project_tags tag_wrapper dark"> 669<a class="tag" href="https://graphek.de/referenzen-werbeagentur/?tag=din-en-iso-9241-210"> 670DIN EN ISO 9241-210 </a> 671<a class="tag" href="https://graphek.de/referenzen-werbeagentur/?tag=user-centered-design"> 672User-Centered Design </a> 673<a class="tag" href="https://graphek.de/referenzen-werbeagentur/?tag=figma"> 674Figma </a> 675<a class="tag" href="https://graphek.de/referenzen/designsystem/"> 676Designsystem </a> 677<a class="tag" href="https://graphek.de/referenzen-werbeagentur/?tag=prototyping"> 678Prototyping </a> 679<a class="tag" href="https://graphek.de/expertise/ui-ux-design-agentur/"> 680UI/UX </a></div><div class="text_bot"><p>Es wurde ein umfassendes Designsystem entwickelt, das alle UI-Komponenten, Typografie-, Farb- und Interaktionsrichtlinien abdeckt â sowohl für den Light- als auch für den Dark Mode. Die Verwendung eines Token-basierten Ansatzes ermöglichte eine flexible und wartbare Skalierung des Designs. Das Ergebnis ist eine moderne, modulare Designgrundlage, die zukünftige digitale Lösungen visuell und funktional vereint.</p></div></div></div></div><div class="item"><a data-text="Projekt</br>anzeigen" 681href="https://graphek.de/referenzen/skat-webapp-in-angular-mit-headless-cms/" aria-label="Projekt anzeigen" 682class="image_container " 683> 684<img width="2500" height="2058" src="https://graphek.de/wp-content/uploads/2026/03/Macbookmit-karten2-2500x2058.webp" class="attachment-large size-large" alt="Ein modernes Laptop-Mockup auf dunklem Hintergrund, umgeben von schwebenden Skat-Spielkarten. Auf dem Bildschirm ist die Website von SkatGuru mit der Ãberschrift 'Die Zukunft des modernen Skatsports hat begonnen' zu sehen." decoding="async" srcset="https://graphek.de/wp-content/uploads/2026/03/Macbookmit-karten2-2500x2058.webp 2500w, https://graphek.de/wp-content/uploads/2026/03/Macbookmit-karten2-900x741.webp 900w, https://graphek.de/wp-content/uploads/2026/03/Macbookmit-karten2-500x412.webp 500w, https://graphek.de/wp-content/uploads/2026/03/Macbookmit-karten2-1400x1152.webp 1400w" sizes="(max-width: 600px) 66vw, (max-width: 2500px) 100v
684w, 2500px" /> </a><div class="content_container"><div class="content"><a href="https://graphek.de/referenzen/skat-webapp-in-angular-mit-headless-cms/" class="text_top"><h2 class="title">Skat Webapp mit Angular und Headless CMS â Digitale Plattform für Turniere und Ranglisten</h2> 685</a><div class="project_tags tag_wrapper dark"> 686<a class="tag" href="https://graphek.de/referenzen-werbeagentur/?tag=user-centered-design"> 687User-Centered Design </a> 688<a class="tag" href="https://graphek.de/referenzen-werbeagentur/?tag=figma"> 689Figma </a> 690<a class="tag" href="https://graphek.de/referenzen-werbeagentur/?tag=prototyping"> 691Prototyping </a> 692<a class="tag" href="https://graphek.de/expertise/webdesign-agentur-bremen/"> 693Webdesign </a> 694<a class="tag" href="https://graphek.de/expertise/webentwicklung-agentur/"> 695Webentwicklung </a></div><div class="text_bot"><p>Für Skatguru entwickelten wir eine digitale Plattform zur Organisation von Skatturnieren. Die Webapp basiert auf Angular und wird über ein Headless CMS mit WordPress und REST API mit Inhalten versorgt. Spieler, Vereine und Turnierleiter können Turniere organisieren, Ergebnisse erfassen und Ranglisten in Echtzeit verfolgen â optimiert für Web, Mobile und Tablet.</p></div></div></div></div><div class="item"><a data-text="Projekt</br>anzeigen" 696href="https://graphek.de/referenzen/plantura/" aria-label="Projekt anzeigen" 697class="image_container " 698><video autoplay muted loop playsinline src="https://graphek.de/wp-content/uploads/2023/04/PLANTURASTARTSEITEsmall.mp4"></video> 699</a><div class="content_container"><div class="content"><a href="https://graphek.de/referenzen/plantura/" class="text_top"><h2 class="title">Unser grüner Daumen im UI / UX Design</h2> 700</a><div class="project_tags tag_wrapper dark"> 701<a class="tag" href="https://graphek.de/referenzen-werbeagentur/?tag=din-en-iso-9241-210"> 702DIN EN ISO 9241-210 </a> 703<a class="tag" href="https://graphek.de/referenzen-werbeagentur/?tag=user-centered-design"> 704User-Centered Design </a> 705<a class="tag" href="https://graphek.de/referenzen-werbeagentur/?tag=figma"> 706Figma </a> 707<a class="tag" href="https://graphek.de/referenzen/designsystem/"> 708Designsystem </a> 709<a class="tag" href="https://graphek.de/referenzen-werbeagentur/?tag=prototyping"> 710Prototyping </a> 711<a class="tag" href="https://graphek.de/expertise/ui-ux-design-agentur/"> 712UI/UX </a> 713<a class="tag" href="https://graphek.de/expertise/webdesign-agentur-bremen/"> 714Webdesign </a></div><div class="text_bot"><p>Plantura bringt mit einer durchdachten User Experience dein Zuhause zum Grünen. Mit dem Fokus auf einem starken User Interface im Shop, Magazin und App stehen die Benutzenden im Vordergrund.</p></div></div></div></div></div></section><link rel='stylesheet' property='stylesheet' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/textblock.min.css?t=1779794401' type='text/css' media='all' /><section data-theme="dark" class="modul textblock padding_top_0 " id="mod_6ac0f3b601ec0" 715data-anchor="" 716><div class="wrap is_centered"><div class="text"><p style="text-align: center;"><a class="button" href="https://graphek.de/referenzen-werbeagentur/">Alle Referenzen anzeigen</a></p></div></div></section><link rel='stylesheet' property='stylesheet' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/testimonial.min.css?t=1779794400' type='text/css' media='all' /><section data-theme="light" class="modul testimonial " id="mod_6ac0f3b6021db" 717data-anchor="" 718><div class="testimonial_text"><div class="partial_stars"> 719<span>
7205.0 </span> 721<img class="stars" width="130" height="22" src="https://graphek.de/wp-content/themes/graphek4/images/stars.svg" alt="5 Sterne Bewertung" /></div><div class="text"> 722Wir sind sehr happy mit der Arbeit, die Graphek für unser Corporate Design geleistet hat! Es gab durchdachte und kreative Design-Entwürfe, die selbst die kritischsten Stimmen in unserem Unternehmen überzeugt haben.</div><div class="autor"><div class="avatar"> 723<img width="226" height="208" src="https://graphek.de/wp-content/uploads/2024/09/Lennart-Barfs-Portrait-small-e1729170647724.webp" class="attachment-thumbnail size-thumbnail" alt="" style="object-position: 50% 50%;" decoding="async" /></div> 724Lennard Barfs</div></div>
724<script>isLoaded(['SplitType', 'gsap'], () => { 725 726 gsap.registerPlugin(ScrollTrigger) 727 728 const splitTypes = document.querySelectorAll('#mod_6ac0f3b6021db .text'); 729 730 splitTypes.forEach((char, i) => { 731 const text = new SplitType(char, { types: 'words' }) 732 733 let start_top = 'top 90%'; 734 let end_top = 'top 30%'; 735 736 // Get window outer widh 737 if ( window.innerWidth < 1000 ) { 738 start_top = 'top 70%'; 739 end_top = 'top 10%'; 740 } 741 742 gsap.from(text.words, { 743 scrollTrigger: { 744 trigger: char, 745 start: start_top, 746 end: end_top, 747 scrub: true, 748 }, 749 opacity: 0.2, 750 stagger: 0.1, 751 }) 752 }); 753 754});</script>
754 </section><link rel='stylesheet' property='stylesheet' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/drei_spalten_teaser.min.css?t=1779794399' type='text/css' media='all' /><section data-theme="light" class="modul drei_spalten_teaser padding_top_125 padding_bottom_50 " id="mod_6ac0f3b602bb9" 755data-anchor="" 756><div class="wrap"><div class="container"><div 757class="item reveal fade-bottom no_custom_cursor " 758data-delay="0" 759><div class="content"><div class="number"> 760 </div><p class="h2">Let’s Get Ready to Rumble</p><a 761class="button cc_interactive outline" 762href="https://graphek.de/kontakt/" 763> 764<span> 765Projekt starten </span></a></div></div><div 766class="item reveal fade-bottom no_custom_cursor " 767data-delay="100" 768><div class="content"><div class="number"> 76901</div><p><strong>Exploration</strong><br /> 770Unsere Reise beginnt immer bei dir. Wir verschaffen uns im Erstgespräch einen Ãberblick über dein Projekt und die Zielgruppe und legen die Route fest.</p></div></div><div 771class="item reveal fade-bottom no_custom_cursor " 772data-delay="200" 773><div class="content"><div class="number"> 77402</div><p><strong>Konzept</strong><br /> 775Wir saugen Ideen auf und schaffen Fakten durch datengetriebene Analyse des Marktumfelds. In der strategischen Beratung legen wir die Meilensteine für dein Projekt fest.</p></div></div><div 776class="item reveal fade-bottom no_custom_cursor " 777data-delay="300" 778><div class="content"><div class="number"> 77903</div><p><strong>Design</strong><br /> 780Wir sprudeln vor Kreativität und gestalten fantastische Layouts für alle Medien und Zielgruppen im <a href="https://graphek.de/expertise/webdesign-agentur-bremen/">Webdesign</a> und <a href="https://graphek.de/expertise/corporate-design-agentur/">Corporate Design</a>.</p></div></div><div 781class="item reveal fade-bottom no_custom_cursor " 782data-delay="400" 783><div class="content"><div class="number"> 78404</div><p><strong>Entwicklung</strong><br /> 785Wir bieten <a href="https://graphek.de/expertise/webentwicklung-agentur/">individuelle Programmierung</a> von Designs mittels moderner Sprachen & Frameworks – vom einfachen Webauftritt auf <a href="https://graphek.de/expertise/wordpress-agentur-bremen/">WordPress-Basis</a> bis zu <a href="https://graphek.de/expertise/onlineshop-agentur/">E-Commerce</a> Projekten.</p></div></div><div 786class="item reveal fade-bottom no_custom_cursor " 787data-delay="500" 788><div class="content"><div class="number"> 78905</div><p><strong>Support</strong><br /> 790Wir legen viel Wert auf beständige Partnerschaften und <a href="https://graphek.de/expertise/wordpress-wartungsvertrag/">betreuen dein Projekt</a> selbstverständlich auch nach der Veröffentlichung ganzheitlich.</p></div></div></div></div>
790<script>(() => { 791 function calcCursor() { 792 if( window.innerWidth < 1000 ) { 793 document.querySelectorAll('#mod_6ac0f3b602bb9 .item.no_custom_cursor').forEach(el => { 794 el.classList.remove('no_custom_cursor'); 795 }); 796 } else { 797 document.querySelectorAll('#mod_6ac0f3b602bb9 .item').forEach(el => { 798 el.classList.add('no_custom_cursor'); 799 }); 800 } 801 } 802 calcCursor(); 803 window.addEventListener('resize', calcCursor); 804})();</script>
804 </section><section data-theme="light" class="modul textblock padding_bottom_50 " id="mod_6ac0f3b602e98" 805data-anchor="" 806><div class="wrap "><div class="text"><h2>Wir verbinden ausgezeichnetes Design mit modernen Technologien, um digitale Projekte zu realisieren, die begeistern.</h2><p>Am Standort unserer Werbeagentur in Bremen stellen wir interdisziplinäre & flexible Teams zusammen, die Konzept, <a href="https://graphek.de/expertise/ui-ux-design-agentur/">UX/UI</a>, <a href="https://graphek.de/expertise/corporate-design-agentur/">Corporate Design</a> und <a href="https://graphek.de/expertise/webentwicklung-agentur/">Individualentwicklung</a> auf höchstem Level liefern.</p></div></div><style>#mod_6ac0f3b602e98 .text { 807 max-width: 1100px; 808 }</style></section><link rel='stylesheet' property='stylesheet' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/fullwidth_slider.min.css?t=1779794399' type='text/css' media='all' /><section data-theme="light" class="modul fullwidth_slider padding_bottom_125 wrapped" id="mod_6ac0f3b6031d8" 809data-anchor="" 810><style>#mod_6ac0f3b6031d8 {padding-bottom: var(--module_spacing);}</style><div class="wrap"><div class="splide" role="group" aria-label="Slider" style="height:" id="slider_mod_6ac0f3b6031d8"><div class="splide__track"><div class="splide__list"><div class="splide__slide"> 811<img width="2500" height="1667" src="https://graphek.de/wp-content/uploads/2025/06/DSCF2179-2500x1667.webp" class="attachment-large size-large" alt="" style="object-position: 50% 50%;" decoding="async" srcset="https://graphek.de/wp-content/uploads/2025/06/DSCF2179-2500x1667.webp 2500w, https://graphek.de/wp-content/uploads/2025/06/DSCF2179-900x600.webp 900w, https://graphek.de/wp-content/uploads/2025/06/DSCF2179-500x333.webp 500w, https://graphek.de/wp-content/uploads/2025/06/DSCF2179-1400x934.webp 1400w" sizes="(max-width: 600px) 66vw, (max-width: 2500px) 100v
811w, 2500px" /></div><div class="splide__slide"> 812<img width="2500" height="1667" src="https://graphek.de/wp-content/uploads/2025/06/DSCF2098-2500x1667.webp" class="attachment-large size-large" alt="" style="object-position: 50% 50%;" decoding="async" srcset="https://graphek.de/wp-content/uploads/2025/06/DSCF2098-2500x1667.webp 2500w, https://graphek.de/wp-content/uploads/2025/06/DSCF2098-900x600.webp 900w, https://graphek.de/wp-content/uploads/2025/06/DSCF2098-500x333.webp 500w, https://graphek.de/wp-content/uploads/2025/06/DSCF2098-1400x934.webp 1400w" sizes="(max-width: 600px) 66vw, (max-width: 2500px) 100vw, 2500px" /></div><div class="splide__slide"> 813<img width="2500" height="1667" src="https://graphek.de/wp-content/uploads/2025/06/DSCF2195-2500x1667.webp" class="attachment-large size-large" alt="" style="object-position: 50% 50%;" decoding="async" srcset="https://graphek.de/wp-content/uploads/2025/06/DSCF2195-2500x1667.webp 2500w, https://graphek.de/wp-content/uploads/2025/06/DSCF2195-900x600.webp 900w, https://graphek.de/wp-content/uploads/2025/06/DSCF2195-500x333.webp 500w, https://graphek.de/wp-content/uploads/2025/06/DSCF2195-1400x934.webp 1400w" sizes="(max-width: 600px) 66vw, (max-width: 2500px) 100v
813w, 2500px" /></div><div class="splide__slide"> 814<img width="2500" height="1667" src="https://graphek.de/wp-content/uploads/2025/06/DSCF2049-2500x1667.jpg.webp" class="attachment-large size-large" alt="" style="object-position: 50% 50%;" decoding="async" srcset="https://graphek.de/wp-content/uploads/2025/06/DSCF2049-2500x1667.jpg.webp 2500w, https://graphek.de/wp-content/uploads/2025/06/DSCF2049-900x600.jpg.webp 900w, https://graphek.de/wp-content/uploads/2025/06/DSCF2049-500x333.jpg.webp 500w, https://graphek.de/wp-content/uploads/2025/06/DSCF2049-1400x934.jpg.webp 1400w" sizes="(max-width: 600px) 66vw, (max-width: 2500px) 100vw, 2500px" /></div><div class="splide__slide"> 815<img width="2500" height="1667" src="https://graphek.de/wp-content/uploads/2025/06/DSCF2068-2500x1667.webp" class="attachment-large size-large" alt="" style="object-position: 50% 50%;" decoding="async" srcset="https://graphek.de/wp-content/uploads/2025/06/DSCF2068-2500x1667.webp 2500w, https://graphek.de/wp-content/uploads/2025/06/DSCF2068-900x600.webp 900w, https://graphek.de/wp-content/uploads/2025/06/DSCF2068-500x333.webp 500w, https://graphek.de/wp-content/uploads/2025/06/DSCF2068-1400x934.webp 1400w" sizes="(max-width: 600px) 66vw, (max-width: 2500px) 100v
815w, 2500px" /></div><div class="splide__slide"> 816<img width="2500" height="1667" src="https://graphek.de/wp-content/uploads/2025/06/DSCF2092-2500x1667.webp" class="attachment-large size-large" alt="" style="object-position: 50% 50%;" decoding="async" srcset="https://graphek.de/wp-content/uploads/2025/06/DSCF2092-2500x1667.webp 2500w, https://graphek.de/wp-content/uploads/2025/06/DSCF2092-900x600.webp 900w, https://graphek.de/wp-content/uploads/2025/06/DSCF2092-500x333.webp 500w, https://graphek.de/wp-content/uploads/2025/06/DSCF2092-1400x934.webp 1400w" sizes="(max-width: 600px) 66vw, (max-width: 2500px) 100vw, 2500px" /></div></div></div><div class="wrap"><div class="splide__arrows"> 817<button class="splide__arrow splide__arrow--prev"> 818<img width="19" height="16" src="https://graphek.de/wp-content/themes/graphek4/images/arrow_left_sm.svg" alt="Zurück"> 819</button> 820<button class="splide__arrow splide__arrow--next"> 821<img width="19" height="16" src="https://graphek.de/wp-content/themes/graphek4/images/arrow_right_sm.svg" alt="Vor"> 822</button></div></div></div></div>
822<script defer src='https://graphek.de/wp-content/themes/graphek4/assets/js/include/splide.min.js?t=1779794404'></script>
822
822<script>isLoaded('Splide', () => { 823 824 new Splide( '#slider_mod_6ac0f3b6031d8', { 825 type: 'loop', 826 pagination: false, 827 perPage: 1, 828 autoplay: true, 829 }).mount(); 830 831})</script>
831 </section><section data-theme="dark" class="modul textblock padding_bottom_50 " id="mod_6ac0f3b6042b7" 832data-anchor="" 833><div class="wrap "><div class="text"><h2>Expertise aus Bremen & Oldenburg</h2></div></div><style>#mod_6ac0f3b6042b7 .text { 834 max-width: 580px; 835 }</style></section><link rel='stylesheet' property='stylesheet' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/text_link_grid.min.css?t=1779794400' type='text/css' media='all' /><section data-theme="dark" class="modul text_link_grid padding_top_0 padding_bottom_75 style_text two_columns" id="mod_6ac0f3b6045d9" 836data-anchor="" 837><div class="wrap"><div class="container"> 838<a class="item reveal fade-bottom" href="https://graphek.de/expertise/ui-ux-design-agentur/" data-delay="0"><div class="number"> 83901</div><div class="text"><h3 data-pm-slice="1 1 []">UI / UX Design</h3><p>Wir entwickeln fantastische User- & Customer Journeys für Websites und Apps. Ãber Micro-Interactions und Navigationskonzepte zur vollständigen Applikation.</p></div> 840<button class="learn_more button outline">Mehr erfahren</button> 841</a> 842<a class="item reveal fade-bottom" href="https://graphek.de/expertise/webentwicklung-agentur/" data-delay="100"><div class="number"> 84302</div><div class="text"><h3 data-pm-slice="1 1 []">Webentwicklung</h3><p>Einer der Schwerpunkte unserer Werbeagentur ist die Webentwicklung nach modernen Standards. Durch individuelle Programmierung entwickeln wir Web-Apps, Portale und Content Management Systeme.</p></div> 844<button class="learn_more button outline">Mehr erfahren</button> 845</a> 846<a class="item reveal fade-bottom" href="https://graphek.de/expertise/webdesign-agentur-bremen/" data-delay="200"><div class="number"> 84703</div><div class="text"><h3 data-pm-slice="1 1 []">Webdesign</h3><p>Unser Design zeichnet sich durch brillante Individualität aus. Wir liefern nichts von der Stange und gestalten für jeden Kunden ein eigenes, perfekt abgestimmtes Layout.</p></div> 848<button class="learn_more button outline">Mehr erfahren</button> 849</a> 850<a class="item reveal fade-bottom" href="https://graphek.de/expertise/wordpress-agentur-bremen/" data-delay="300"><div class="number"> 85104</div><div class="text"><h3 data-pm-slice="1 1 []">WordPress Entwicklung</h3><p>Wir sind Expertinnen und Experten für die Entwicklung von individuellen Themes und Plug-Ins. Mit höchster Flexibilität und Konsistenz im CMS kannst du deine Website einfach selbst verwalten.</p></div> 852<button class="learn_more button outline">Mehr erfahren</button> 853</a> 854<a class="item reveal fade-bottom" href="https://graphek.de/expertise/corporate-design-agentur/" data-delay="400"><div class="number"> 85505</div><div class="text"><h3 data-pm-slice="1 1 []">Corporate Design</h3><p>Als Design Agentur sorgen wir für die Basis deines AuÃenauftritts, der im Kopf bleibt. Durch analytische Markenentwicklung und Grafikdesign zu einer ganzheitlichen Gestaltung.</p></div> 856<button class="learn_more button outline">Mehr erfahren</button> 857</a> 858<a class="item reveal fade-bottom" href="https://graphek.de/expertise/wordpress-wartungsvertrag/" data-delay="500"><div class="number"> 85906</div><div class="text"><h3 class="h2 h3">WordPress Wartung</h3><p class="no_margin text_size_small">Durch regelmäÃige Wartung kümmern wir uns um den reibungslosen Betrieb deiner Website. Mit der Betreuung durch unser Expertenteam musst du dich um nichts mehr kümmern.</p></div> 860<button class="learn_more button outline">Mehr erfahren</button> 861</a> 862<a class="item reveal fade-bottom" href="https://graphek.de/referenzen/logoentwicklung/" data-delay="600"><div class="number"> 86307</div><div class="text"><h3 class="h2 h3">Logoentwicklung</h3><p class="text_size_small">Wir bieten Logoentwicklung für verschiedenste Branchen, Marken und Produkte. Unsere Entwürfe zeichnen sich durch Klarheit und einen hohen Wiedererkennungswert aus â überzeuge dich selbst!</p></div> 864<button class="learn_more button outline">Mehr erfahren</button> 865</a> 866<a class="item reveal fade-bottom" href="https://graphek.de/expertise/onlineshop-agentur/" data-delay="700"><div class="number"> 86708</div><div class="text"><h3 data-pm-slice="1 1 []">Online-Shops</h3><p>Mit einem ganzheitlichem Konzept verhelfen wir deinem Online-Shop zum Erfolg, indem wir Design, Programmierung und Marketing zu einer Symbiose zusammenführen.</p></div> 868<button class="learn_more button outline">Mehr erfahren</button> 869</a></div></div></section><section data-theme="dark" class="modul textblock padding_top_175 padding_bottom_25 " id="mod_6ac0f3b604871" 870data-anchor="" 871><div class="wrap is_centered"><div class="text"><p><strong>Mit groÃartigen Kunden erfolgreich</strong></p><h2>Seit über 10 Jahren für Gründer*innen, Start-ups, den Mittelstand & Konzerne.</h2></div></div><style>#mod_6ac0f3b604871 .text { 872 max-width: 1200px; 873 }</style></section><link rel='stylesheet' property='stylesheet' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/logo_grid.min.css?t=1779794400' type='text/css' media='all' /><section data-theme="dark" class="modul logo_grid " id="mod_6ac0f3b604b3e" 874data-anchor="" 875><div class="wrap"><div class="gallery"> 876<img width="2500" height="1250" src="https://graphek.de/wp-content/uploads/2026/03/About-You.svg" class="reveal fade-bottom" alt="About You - Landingpage für Shopping-Kampagnen aus unserer Werbeagentur Bremen" style="object-position: 50% 50%;" data-delay="0" decoding="async" /> <img width="2500" height="1250" src="https://graphek.de/wp-content/uploads/2026/03/Bircher.svg" class="reveal fade-bottom" alt="Bircher BBC - UI / UX Design aus Bremen für die das Schweizer Unternehmen" style="object-position: 50% 50%;" data-delay="20" decoding="async" /> <img width="2500" height="1250" src="https://graphek.de/wp-content/uploads/2026/03/cewe.svg" class="reveal fade-bottom" alt="CEWE - Konzepte und Lösungen für Print-Produkte aus unserer Werbeagentur Bremen" style="object-position: 50% 50%;" data-delay="40" decoding="async" /> <img width="2500" height="1250" src="https://graphek.de/wp-content/uploads/2026/03/EWE-Oldenburg.svg" class="reveal fade-bottom" alt="EWE - Logoentwicklung für die EWE aus unserer Werbeagentur Bremen" style="object-position: 50% 50%;" data-delay="60" decoding="async" /> <img width="2500" height="1250" src="https://graphek.de/wp-content/uploads/2026/03/Hanse-Merkur.svg" class="reveal fade-bottom" alt="Hanse Merkur - Webdesign und Entwicklung aus Bremen" style="object-position: 50% 50%;" data-delay="80" decoding="async" /> <img width="2500" height="1250" src="https://graphek.de/wp-content/uploads/2026/03/Heinemann.svg" class="reveal fade-bottom" alt="Heinemann - UI / UX Design für eine App" style="object-position: 50% 50%;" data-delay="100" decoding="async" /> <img width="2500" height="1250" src="https://graphek.de/wp-content/uploads/2026/03/Hochschule-Bremen.svg" class="reveal fade-bottom" alt="HSB - Corporate Design und Print aus Bremen für die HSB" style="object-position: 50% 50%;" data-delay="120" decoding="async" /> <img width="2500" height="1250" src="https://graphek.de/wp-content/uploads/2026/03/OBI.svg" class="reveal fade-bottom" alt="OBI - UI / UX Design aus Bremen für die OBI App" style="object-position: 50% 50%;" data-delay="140" decoding="async" /> <img width="2500" height="1250" src="https://graphek.de/wp-content/uploads/2026/03/Plantura.svg" class="reveal fade-bottom" alt="Plantura - User Interface Design für eine App - Made in Bremen" style="object-position: 50% 50%;" data-delay="160" decoding="async" /> <img width="2500" height="1250" src="https://graphek.de/wp-content/uploads/2026/03/Renault.svg" class="reveal fade-bottom" alt="Renault - Mit Emotionen zum Ziel" style="object-position: 50% 50%;" data-delay="180" decoding="async" /> <img width="2500" height="1250" src="https://graphek.de/wp-content/uploads/2026/03/sixt.svg" class="reveal fade-bottom" alt="SIXT - Eine Kampagne für die Auto-Vermietung" style="object-position: 50% 50%;" data-delay="200" decoding="async" /> <img width="2500" height="1250" src="https://graphek.de/wp-content/uploads/2026/03/Sparkasse.svg" class="reveal fade-bottom" alt="Sparkasse - UI/UX Entwicklung für die Sparkasse App" style="object-position: 50% 50%;" data-delay="220" decoding="async" /> <img width="2500" height="1250" src="https://graphek.de/wp-content/uploads/2026/03/tese.svg" class="reveal fade-bottom" alt="tesa Logo - Unsere Bremer Werbeagentur hat für Tesa gearbeitet" style="object-position: 50% 50%;" data-delay="240" decoding="async" /> <img width="2500" height="1250" src="https://graphek.de/wp-content/uploads/2026/03/thyssenkrupp.svg" class="reveal fade-bottom" alt="thyssenkrupp - Design System Etnwcklung aus Bremen" style="object-position: 50% 50%;" data-delay="260" decoding="async" /> <img width="2500" height="1250" src="https://graphek.de/wp-content/uploads/2026/03/Volksbank.svg" class="reveal fade-bottom" alt="Volksbank - Aus einem Projekt unserer Werbeagentur" style="object-position: 50% 50%;" data-delay="280" decoding="async" /> <img width="2500" height="1250" src="https://graphek.de/wp-content/uploads/2026/03/Volkswagen.svg" class="reveal fade-bottom" alt="VW - In unserer Werbeagentur aus Bremen haben wir für VW gearbeitet" style="object-position: 50% 50%;" data-delay="300" decoding="async" /></div></div>
876<script>(() => { 877 878})();</script>
878 </section><link rel='stylesheet' property='stylesheet' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/fullwidth_media.min.css?t=1779794399' type='text/css' media='all' /><section data-theme="dark" class="modul fullwidth_media padding_bottom_50 " id="mod_6ac0f3b6088bd" 879data-anchor="" 880><div class="wrap"><div class="img_wrap"><picture style="aspect-ratio: 2500/1288;"> 881<img width="2500" height="1288" src="https://graphek.de/wp-content/uploads/2023/09/graphek-gruendertage-scaled.webp" class="img" alt="Unsere Mitarbeiter Vanessa und Bernd auf den Startupdays in Oldenburg - Werbeagentur Bremen" style="object-position: 50% 50%;" decoding="async" /> </picture></div></div>
881<script>(() => { 882 883 const muteButton = document.querySelector('#mod_6ac0f3b6088bd .video_sound'); 884 885 if ( muteButton ) 886 { 887 const video = document.querySelector('#mod_6ac0f3b6088bd video'); 888 889 video.addEventListener('play', function (e) { 890 muteButton.style.display = 'block'; 891 }); 892 893 muteButton.addEventListener('click', function (e) { 894 // Get Video Selector from data-attribute 895 if (video.muted) { 896 video.muted = false; 897 muteButton.classList.remove('muted'); 898 } else { 899 video.muted = true; 900 muteButton.classList.add('muted'); 901 } 902 }); 903 904 // Mute Video when scrolled past it 905 const videoOffset = video.offsetTop; 906 const videoHeight = video.offsetHeight; 907 let muteTicking = false 908 909 window.addEventListener('scroll', function () { 910 if (muteTicking) return 911 muteTicking = true 912 requestAnimationFrame(function () { 913 if (window.pageYOffset >= videoOffset + videoHeight + 250) { 914 video.muted = true; 915 muteButton.classList.add('muted'); 916 } 917 muteTicking = false 918 }) 919 }, { passive: true }); 920 } 921 922})();</script>
922 </section><section data-theme="dark" class="modul textblock padding_top_50 " id="mod_6ac0f3b608c6c" 923data-anchor="" 924><div class="wrap is_centered"><div class="text"><p style="text-align: center;" data-pm-slice="1 1 []"><h2 style="text-align: center;">Lass` mal schnacken!</h2><p style="text-align: center;">Als <strong><a href="https://graphek.de/expertise/webdesign-agentur-bremen/"><u>Webdesign Agentur</u></a> </strong>in Bremen und Oldenburg gestalten wir digitale Erlebnisse in den Bereichen, <strong><a href="https://graphek.de/expertise/ui-ux-design-agentur/"><u>UI / UX Design</u></a></strong>, <strong><a href="https://graphek.de/expertise/webentwicklung-agentur/"><u>Webentwicklung</u></a></strong> & <strong><a href="https://graphek.de/expertise/corporate-design-agentur/"><u>Corporate Design</u></a></strong>. Melde dich einfach mit deinem Projekt bei uns.</p><p style="text-align: center;"><a 925class="button cc_interactive " 926href="/kontakt" 927> 928<span> 929Kontakt aufnehmen </span></a><a 930class="button cc_interactive outline" 931href="tel:+42169698983" 932> 933<span> 9340421 69 69 89 83 </span></a></p></p></div></div><style>#mod_6ac0f3b608c6c .text { 935 max-width: 1300px; 936 }</style></section><link rel='stylesheet' property='stylesheet' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/blog_slider.min.css?t=1779794399' type='text/css' media='all' /><section data-theme="dark" class="modul blog_slider padding_top_0 " id="mod_6ac0f3b608f63" 937data-anchor="" 938><div class="wrap intro"><p><a href="https://graphek.de/blog/">Blog</a>.</p></div><div class="slider_randlos_wrapper"><div class="wrap"><div class="position_helper"></div></div><div class="splide_wrap"><div class="splide" aria-label="Zugehörige Beiträge Slider"><div class="splide__track"><div class="splide__list"> 939<a class="splide__slide" href="https://graphek.de/wireframe-erstellen-anleitung-tools-und-beispiele/"><div class="image_container"> 940<img src="https://graphek.de/wp-content/uploads/2026/04/wireframe-900x502.webp" alt="Wireframe erstellen: Anleitung, Tools und Beispiele"></div><div class="content_container"><h3> 941Wireframe erstellen: Anleitung, Tools und Beispiele</h3><div class="excerpt"> 942Bevor ein Pixel gesetzt wird, bevor Farben, Schriften oder Bilder ins Spiel kommen, steht eine...</div></div> 943</a> 944<a class="splide__slide" href="https://graphek.de/prototyping-so-testest-du-ideen-vor-der-entwicklung/"><div class="image_container"> 945<img src="https://graphek.de/wp-content/uploads/2026/04/prototyping-900x502.webp" alt="Prototyping: So testest du Ideen vor der Entwicklung"></div><div class="content_container"><h3> 946Prototyping: So testest du Ideen vor der Entwicklung</h3><div class="excerpt"> 947Du hast eine Idee für eine neue Website, eine Web-App oder ein digitales Produkt. Du...</div></div> 948</a> 949<a class="splide__slide" href="https://graphek.de/individualsoftware-entwickeln-lassen/"><div class="image_container"> 950<img src="https://graphek.de/wp-content/uploads/2026/03/individualsoftware-entwickeln-lassen-900x491.webp" alt="Individualsoftware entwickeln lassen: Lohnt sich das für dein Unternehmen?"></div><div class="content_container"><h3> 951Individualsoftware entwickeln lassen: Lohnt sich das für dein Unternehmen?</h3><div class="excerpt"> 952Excel-Chaos, Workarounds in der Standardsoftware, Prozesse die nicht zusammenpassen â kennst du das? Irgendwann stellt...</div></div> 953</a> 954<a class="splide__slide" href="https://graphek.de/web-app-vs-native-app/"><div class="image_container"> 955<img src="https://graphek.de/wp-content/uploads/2026/03/web-app-vs-native-app-900x491.webp" alt="Web-App vs. Native App: Welche Lösung passt zu deinem Projekt?"></div><div class="content_container"><h3> 956Web-App vs. Native App: Welche Lösung passt zu deinem Projekt?</h3><div class="excerpt"> 957Du planst eine App â aber soll es eine Web-App oder eine Native App werden?...</div></div> 958</a> 959<a class="splide__slide" href="https://graphek.de/minimum-viable-product/"><div class="image_container"> 960<img src="https://graphek.de/wp-content/uploads/2026/02/minimum-viable-product-900x502.webp" alt="MVP Entwicklung: Minimum Viable Product mit KI-Unterstützung"></div><div class="content_container"><h3> 961MVP Entwicklung: Minimum Viable Product mit KI-Unterstützung</h3><div class="excerpt"> 962Du hast eine Idee für ein digitales Produkt, aber weiÃt nicht, ob sie am Markt...</div></div> 963</a> 964<a class="splide__slide" href="https://graphek.de/core-web-vitals/"><div class="image_container"> 965<img src="https://graphek.de/wp-content/uploads/2026/02/core-web-vitals-900x491.webp" alt="Core Web Vitals: Was sie bedeuten und wie du sie verbesserst"></div><div class="content_container"><h3> 966Core Web Vitals: Was sie bedeuten und wie du sie verbesserst</h3><div class="excerpt"> 967Core Web Vitals sind Googles Metriken für die Nutzererfahrung einer Website. Sie messen, wie schnell...</div></div> 968</a> 969<a class="splide__slide" href="https://graphek.de/onepager/"><div class="image_container"> 970<img src="https://graphek.de/wp-content/uploads/2026/02/onepager-900x491.webp" alt="Onepager: Wann eine Single-Page-Website die richtige Wahl ist"></div><div class="content_container"><h3> 971Onepager: Wann eine Single-Page-Website die richtige Wahl ist</h3><div class="excerpt"> 972Ein Onepager â auch One Pager, Single-Page-Website oder Einseiter genannt â ist eine Website, die...</div></div> 973</a> 974<a class="splide__slide" href="https://graphek.de/website-redesign-wann-es-sinnvoll-ist-wie-es-gelingt-2026/"><div class="image_container"> 975<img src="https://graphek.de/wp-content/uploads/2026/02/website-redesign-900x491.webp" alt="Website Redesign: Wann es sinnvoll ist & wie es gelingt [2026]"></div><div class="content_container"><h3> 976Website Redesign: Wann es sinnvoll ist & wie es gelingt [2026]</h3><div class="excerpt"> 977Deine Website sieht aus wie 2018? Die Absprungrate steigt, die Conversions sinken â und du...</div></div> 978</a> 979<a class="splide__slide" href="https://graphek.de/website-relaunch-checkliste-planung/"><div class="image_container"> 980<img src="https://graphek.de/wp-content/uploads/2026/02/website-relaunch-900x502.webp" alt="Website Relaunch â Checkliste & Planung"></div><div class="content_container"><h3> 981Website Relaunch â Checkliste & Planung</h3><div class="excerpt"> 982Deine Website ist in die Jahre gekommen, die Technik veraltet, das Design nicht mehr zeitgemäÃ?...</div></div> 983</a> 984<a class="splide__slide" href="https://graphek.de/website-erstellen-lassen-was-kostet-webdesign-wirklich/"><div class="image_container"> 985<img src="https://graphek.de/wp-content/uploads/2026/02/was-kostet-eine-website-900x491.webp" alt="Website erstellen lassen: Was kostet Webdesign wirklich?"></div><div class="content_container"><h3> 986Website erstellen lassen: Was kostet Webdesign wirklich?</h3><div class="excerpt"> 987Was kostet eine Website? Diese Frage hören wir als Webdesign-Agentur mehrmals pro Woche. Und die...</div></div> 988</a></div></div><div class="splide__arrows"><div class="arrows_wrapper"> 989<button class="splide__arrow splide__arrow--prev" aria-label="Zurück"> 990<svg width="10" height="17" viewBox="0 0 10 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 991<path d="M9.2073 9.20692C9.59782 8.81639 9.59782 8.18323 9.2073 7.7927L2.84334 1.42871C2.45281 1.03821 1.81965 1.03821 1.42912 1.42871C1.0386 1.81931 1.0386 2.45241 1.42912 2.84291L7.08598 8.49981L1.42912 14.1567C1.0386 14.5472 1.0386 15.1803 1.42912 15.5709C1.81965 15.9
991614 2.45281 15.9614 2.84334 15.5709L9.2073 9.20692ZM7.50019 9.49981L8.50019 9.49981L8.50019 7.49981L7.50019 7.49981L7.50019 9.49981Z" fill="currentColor"/> 992</svg> 993</button> 994<button class="splide__arrow splide__arrow--next" aria-label="Weiter"> 995<svg width="10" height="17" viewBox="0 0 10 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 996<path d="M9.2073 9.20692C9.59782 8.81639 9.59782 8.18323 9.2073 7.7927L2.84334 1.42871C2.45281 1.03821 1.81965 1.03821 1.42912 1.42871C1.0386 1.81931 1.0386 2.45241 1.42912 2.84291L7.08598 8.49981L1.42912 14.1567C1.0386 14.5472 1.0386 15.1803 1.42912 15.5709C1.81965 15.9614 2.45281 15.9614 2.84334 15.5709L9.2073 9.20692ZM7.50019 9.49981L8.50019 9.49981L8.50019 7.49981L7.50019 7.49981L7.50019 9.49981Z" fill="currentColor"/> 997</svg> 998</button></div></div></div></div></div>
998<script>isLoaded('Splide', () => { 999 1000 const element = document.getElementById('mod_6ac0f3b608f63'); 1001 const splideElement = element.querySelector('.splide'); 1002 1003 let options = { 1004 type : 'slide', 1005 focus : 'start', 1006 pagination : false, 1007 arrows : true, 1008 autoplay : false, 1009 interval : 3000, 1010 autoWidth : true, 1011 gap : '23px', 1012 omitEnd : true, 1013 } 1014 1015 var splide = new Splide(splideElement, options); 1016 1017 splide.mount(); 1018 1019 // Slider auf gleiche Position wie das gewrappte Element setzen, nach rechts auslaufend 1020 const leftCalcElement = element.querySelector('.position_helper'); 1021 const slideWrap = element.querySelector('.splide_wrap'); 1022 const arrowsElement = element.querySelector('.splide__arrows'); 1023 1024 function calcPosition() { 1025 const offsetLeft = leftCalcElement.offsetLeft; 1026 slideWrap.style.paddingLeft = (offsetLeft + 0) + 'px'; 1027 hide_arrows_when_all_visible(offsetLeft); 1028 splide.refresh(); 1029 } 1030 1031 calcPosition(); 1032 window.addEventListener('resize', calcPosition); 1033 1034 // Wenn alle Slides sichtbar sind, dann keine Slider-Pfeile anzeigen 1035 function hide_arrows_when_all_visible(offsetLeft) { 1036 const allSlides = element.querySelectorAll('.splide__slide'); 1037 const gap = 23; // Gap aus den Splide-Optionen 1038 let totalSlidesWidth = 0;
1039 allSlides.forEach(slide => { 1040 totalSlidesWidth += slide.offsetWidth; 1041 }); 1042 totalSlidesWidth += (allSlides.length - 1) * gap; // Gaps zwischen Slides addieren 1043 const trackPaddingRight = 20; // padding-right aus SCSS 1044 const visibleWidth = window.innerWidth - offsetLeft - trackPaddingRight; 1045 1046 if (arrowsElement) { 1047 arrowsElement.style.display = (totalSlidesWidth <= visibleWidth) ? 'none' : 'flex'; 1048 } 1049 } 1050 1051 1052});</script>
1052 </section><link rel='stylesheet' property='stylesheet' href='https://graphek.de/wp-content/themes/graphek4/assets/css_modules/big_claim.min.css?t=1779794399' type='text/css' media='all' /><section data-theme="light" class="modul big_claim " id="mod_6ac0f3b60b22e" 1053data-anchor="" 1054><div class="wrap"><div class="text_wrap"><div class="text"><h2 class="h1">Deine Werbeagentur aus Bremen.<br /> 1055Für eine unvergleichliche<br /> 1056Visual Experience.</h2></div><div class="logo_dotted"> 1057<svg width="371" height="564" viewBox="0 0 371 564" fill="none" xmlns="http://www.w3.org/2000/svg"><style>.draw { 1058 stroke-dasharray: 4; 1059 animation: dashdraw 30s linear infinite; 1060 } 1061 @keyframes dashdraw { 1062 0% { 1063 stroke-dashoffset: 0; 1064 } 1065 /* 1066 50% { 1067 stroke-dashoffset: 50; 1068 } 1069 */ 1070 100% { 1071 stroke-dashoffset: 1000; 1072 } 1073 }</style><path class="draw" d="M370.238 192.518L370.738 192.537C370.686 193.887 370.619 195.234 370.538 196.576L370.039 196.546C369.958 197.887 369.863 199.223 369.753 200.556L370.252 200.597C370.141 201.945 370.016 203.289 369.876 204.629L369.379 204.577C369.24 205.913 369.087 207.245 368.919 208.572L369.415 208.634C369.246 209.975 369.062 211.312 368.864 212.643L368.37 212.57C368.172 213.9 367.96 215.226 367.734 216.546L368.227 216.63C367.999 217.96 367.758 219.285 367.502 220.605L367.011 220.51C366.755 221.831 366.485 223.147 366.2 224.458L366.689 224.564C366.404 225.881 366.104 227.192 365.791 228.498L365.304 228.382C364.99 229.691 364.662 230.995 364.32 232.294L364.803 232.421C364.46 233.723 364.103 235.02 363.732 236.31L363.252 236.172C362.88 237.467 362.494 238.755 362.095 240.038L362.572 240.186C362.172 241.473 361.757 242.753 361.33 244.027L360.856 243.868C360.427 245.144 359.986 246.413 359.53 247.675L360.001 247.845C359.544 249.113 359.073 250.375 358.589 251.63L358.122 251.45C357.639 252.704 357.142 253.952 356.631 255.192L357.094 255.382C356.581 256.63 356.055 257.87 355.515 259.103L355.057 258.903C354.519 260.134 353.968 261.358 353.404 262.574L353.857 262.784C353.29 264.008 352.709 265.224 352.116 266.433L351.667 266.213C351.076 267.419 350.471 268.617 349.854 269.807L350.298 270.037C349.677 271.235 349.044 272.425 348.398 273.607L347.959 273.367C347.315 274.546 346.658 275.717 345.989 276.88L346.423 277.129C345.751 278.297 345.066 279.458 344.369 280.61L343.941 280.351C343.246 281.501 342.538 282.642 341.819 283.775L342.241 284.043C341.518 285.181 340.784 286.31 340.038 287.43L339.622 287.153C338.877 288.271 338.12 289.381 337.351 290.482L337.761 290.768C336.99 291.873 336.207 292.969 335.413 294.055L335.009 293.76C334.216 294.845 333.412 295.921 332.596 296.988L332.993 297.292C332.175 298.361 331.345 299.422 330.504 300.473L330.114 300.161C329.274 301.21 328.424 302.25 327.562 303.28L327.946 303.601C327.082 304.634 326.207 305.658 325.321 306.672L324.945 306.343C324.061 307.355 323.166 308.357 322.26 309.349L322.63 309.686C321.722 310.681 320.803 311.666 319.874 312.64L319.512 312.295C318.585 313.268 317.648 314.23 316.701 315.182L317.055 315.535C316.105 316.489 315.145 317.434 314.174 318.367L313.827 318.007C312.86 318.938 311.882 319.859 310.894 320.769L311.233 321.137C310.242 322.049 309.242 322.951 308.232 323.842L307.901 323.467C306.894 324.356 305.877 325.234 304.851 326.1L305.173 326.482C304.144 327.351 303.106 328.209 302.059 329.055L301.744 328.666C300.7 329.511 299.646 330.344 298.582 331.165L298.888 331.561C297.823 332.384 296.749 333.196 295.666 333.996L295.368 333.594C294.288 334.392 293.199 335.179 292.101 335.954L292.389 336.363C291.29 337.139 290.182 337.903 289.065 338.656L288.785 338.242C287.672 338.992 286.549 339.731 285.419 340.458L285.689 340.878C284.557 341.606 283.417 342.322 282.268 343.026L282.007 342.599C280.862 343.301 279.709 343.99 278.548 344.667L278.8 345.099C277.637 345.777 276.466 346.443 275.288 347.096L275.045 346.659C273.872 347.31 272.69 347.948 271.501 348.574L271.734 349.017C270.542 349.644 269.343 350.258 268.137 350.86L267.914 350.412C266.713 351.011 265.505 351.597 264.29 352.171L264.504 352.623C263.286 353.198 262.061 353.76 260.828 354.309L260.625 353.852C259.4 354.397 258.168 354.93 256.93 355.45L257.123 355.911C255.882 356.432 254.633 356.94 253.378 357.434L253.195 356.969C251.947 357.461 250.693 357.939 249.433 358.404L249.606 358.873C248.343 359.339 247.074 359.792 245.799 360.231L245.636 359.758C244.368 360.195 243.094 360.618 241.814 361.028L241.966 361.504C240.685 361.914 239.398 362.311 238.105 362.693L237.963 362.214C236.676 362.595 235.384 362.962 234.086 363.316L234.217 363.798C232.92 364.152 231.618 364.491 230.31 364.816L230.189 364.331C228.886 364.656 227.577 364.966 226.263 365.263L226.374 365.751C225.064 366.047 223.749 366.328 222.429 366.596L222.33 366.106C221.014 366.373 219.693 366.626 218.367 366.865L218.456 367.357C217.134 367.595 215.808 367.819 214.478 368.029L214.4 367.535C213.074 367.744 211.745 367.939 210.411 368.12L210.478 368.615C209.146 368.796 207.809 368.962 206.469 369.114L206.413 368.617C205.081 368.768 203.746 368.904 202.406 369.026L202.452 369.524C201.111 369.647 199.767 369.755 198.419 369.848L198.384 369.349C197.049 369.442 195.711 369.52 194.369 369.584L194.393 370.084C193.048 370.148 191.699 370.198 190.346 370.233L190.333 369.733C188.997 369.768 187.657 369.788 186.314 369.794L186.316 370.294C184.971 370.301 183.623 370.292 182.272 370.269L182.281 369.77C181.607 369.758 180.933 369.743 180.258 369.724C179.582 369.706 178.908 369.684
1073178.235 369.658L178.216 370.157C176.866 370.105 175.52 370.039 174.177 369.959L174.207 369.46C172.867 369.379 171.53 369.285 170.197 369.176L170.157 369.674C168.809 369.565 167.465 369.44 166.125 369.302L166.176 368.804C164.84 368.666 163.509 368.514 162.181 368.348L162.119 368.844C160.778 368.676 159.442 368.493 158.11 368.297L158.183 367.802C156.853 367.606 155.527 367.396 154.206 367.171L154.122 367.664C152.793 367.438 151.468 367.198 150.148 366.944L150.242 366.453C148.921 366.199 147.604 365.93 146.292 365.648L146.187 366.137C144.87 365.854 143.559 365.556 142.253 365.245L142.369 364.759C141.058 364.447 139.754 364.12 138.454 363.781L138.328 364.264C137.025 363.924 135.728 363.569 134.437 363.201L134.574 362.72C133.279 362.351 131.99 361.968 130.707 361.571L130.559 362.049C129.272 361.651 127.991 361.24 126.716 360.815L126.874 360.341C125.597 359.915 124.328 359.476 123.064 359.024L122.896 359.495C121.626 359.041 120.363 358.573 119.107 358.092L119.286 357.626C118.031 357.145 116.782 356.651 115.541 356.144L115.352 356.607C114.103 356.098 112.861 355.575 111.627 355.039L111.826 354.58C110.594 354.046 109.368 353.498 108.151 352.937L107.942 353.392C106.716 352.828 105.498 352.251 104.288 351.661L104.507 351.212C103.299 350.624 102.099 350.023 100.907 349.409L100.678 349.854C99.479 349.237 98.2874 348.608 97.1036 347.965L97.3419 347.526C96.1611 346.885 94.9881 346.233 93.8231 345.567L93.5752 346.002C92.4046 345.333 91.2421 344.652 90.0879 343.96L90.3453 343.531C89.1932 342.839 88.0494 342.136 86.914 341.42L86.6474 341.843C85.5076 341.125 84.3762 340.394 83.2535 339.652L83.5292 339.235C82.4082 338.494 81.2959 337.741 80.1923 336.976L79.9075 337.387C78.8004 336.62 77.7021 335.841 76.6128 335.051L76.9064 334.646C75.8186 333.857 74.7398 333.057 73.6702 332.245L73.3679 332.643C72.2953 331.829 71.2319 331.003 70.1779 330.166L70.4888 329.775C69.4363 328.939 68.3932 328.092 67.3596 327.235L67.0403 327.62C66.004 326.759 64.9772 325.888 63.9602 325.007L64.2878 324.629C63.2727 323.749 62.2673 322.858 61.2719 321.956L60.9363 322.327C59.9381 321.423 58.9498 320.508 57.9717 319.583L58.3153 319.219C57.3395 318.296 56.3738 317.363 55.4184 316.419L55.067 316.775C54.1088 315.828 53.161 314.872 52.2237 313.905L52.5827 313.557C51.6478 312.593 50.7234 311.618 49.8097 310.634L49.4433 310.974C48.527 309.987 47.6215 308.99 46.7268 307.984L47.1005 307.652C46.2082 306.648 45.3268 305.634 44.4564 304.611L44.0756 304.935C43.2031 303.91 42.3416 302.875 41.4912 301.831L41.879 301.515C41.031 300.473 40.1942 299.423 39.3687 298.363L38.9742 298.67C38.1471 297.608 37.3313 296.537 36.5271 295.456L36.9282 295.158C36.1261 294.081 35.3356 292.994 34.5567 291.9L34.1493 292.189C33.3691 291.093 32.6007 289.987 31.8441 288.873L32.2577 288.592C31.5033 287.481 30.7606 286.362 30.0301 285.234L29.6104 285.506C28.8787 284.376 28.1589 283.238 27.4514 282.092L27.8768 281.83C27.1715 280.687 26.4784 279.537 25.7977 278.378L25.3666 278.631C24.6846 277.471 24.015 276.302 23.3579 275.126L23.7944 274.882C23.1398 273.711 22.4977 272.531 21.8682 271.344L21.4265 271.579C20.7956 270.389 20.1775 269.192 19.5721 267.988L20.0189 267.763C19.4164 266.565 18.8266 265.359 18.2497 264.146L17.7982 264.361C17.2198 263.144 16.6544 261.921 16.102 260.69L16.5582 260.486C16.0091 259.262 15.473 258.032 14.9501 256.795L14.4895 256.99C13.9652 255.75 13.454 254.503 12.9562 253.25L13.4209 253.065C12.926 251.819 12.4444 250.566 11.9762 249.307L11.5075 249.481C11.0384 248.22 10.5827 246.952 10.1406 245.678L10.613 245.514C10.1732 244.247 9.74698 242.974 9.3344 241.695L8.85854 241.848C8.44568 240.568 8.04646 239.282 7.66106 237.99L8.14018 237.847C7.75648 236.561 7.3865 235.27 7.03042 233.972L6.54825 234.105C6.19253 232.809 5.85063 231.507 5.52273 230.201L6.00769 230.079C5.68079 228.776 5.36784 227.468 5.06899 226.155L4.58146 226.266C4.28358 224.957 3.99967 223.643 3.72991 222.324L4.21977 222.223C3.95074 220.908 3.69582 219.588 3.45516 218.263L2.9632 218.352C2.72324 217.031 2.49742 215.705 2.2859 214.374L2.7797 214.296C2.56909 212.971 2.3727 211.642 2.19068 210.308L1.69528 210.376C1.5135 209.044 1.34602 207.708 1.19299 206.368L1.68976 206.311C1.53779 204.98 1.40011 203.645 1.27687 202.306L0.778977 202.351C0.655618 201.011 0.546696 199.667 0.452365 198.319L0.951145 198.284C0.857782 196.949 0.77875 195.611 0.714198 194.27L0.214776 194.294C0.150049 192.949 0.0998422 191.6 0.0643046 190.248L0.564132 190.234C0.529005 188.898 0.508249 187.558 0.50201 186.215L0.00201523 186.217C-0.0042313 184.873 0.00403334 183.525 0.0269544 182.174L0.526883 182.183C0.538311 181.509 0.553392 180.835 0.572145 180.16C0.591704 179.485 0.614895 178.811 0.6417 178.138L0.142096 178.118C0.195862 176.768 0.264128 175.421 0.346739 174.079L0.845796 174.11C0.928313 172.769 1.02518 171.432 1.13625 170.1L0.637973 170.058C0.750319 168.71 0.877153 167.366 1.01831 166.027L1.51556 166.079C1.65634 164.743 1.81141 163.412 1.98061 162.084L1.48462 162.021C1.65557 160.68 1.84089 159.344 2.04044 158.013L2.53492 158.087C2.73425 156.757 2.94782 155.431 3.17544 154.111L2.68271 154.026C2.91191 152.697 3.15534 151.372 3.41283 150.052L3.90357 150.148C4.16136 148.827 4.43328 147.511 4.71916 146.2L4.23065 146.094C4.51778 144.777 4.81895 143.466 5.134 142.16L5.62006 142.278C5.93597 140.968 6.26588 139.664 6.60961 138.366L6.12627 138.238C6.47093 136.937 6.82946 135.641 7.20168 134.351L7.68208 134.489C8.05548 133.195 8.44268 131.907 8.84353 130.624L8.3663 130.475C8.76835 129.189 9.18408 127.909 9.61332 126.635L10.0871 126.795C10.5168 125.52 10.96 124.251 11.4167 122.989L10.9465 122.819C11.4051 121.551 11.8772 120.29 12.3626 119.035L12.8289 119.216C13.3139 11
10737.962 13.8123 116.715 14.3238 115.475L13.8616 115.284C14.3757 114.037 14.9032 112.797 15.4436 111.565L15.9016 111.765C16.441 110.535 16.9935 109.312 17.5589 108.095L17.1055 107.885C17.6741 106.661 18.2556 105.446 18.85 104.237L19.2987 104.458C19.8914 103.253 20.4969 102.055 21.115 100.865L20.6713 100.635C21.293 99.4375 21.9275 98.2481 22.5744 97.0665L23.013 97.3067C23.6581 96.1283 24.3158 94.9577 24.9858 93.7952L24.5526 93.5455C25.2257 92.3775 25.9112 91.2175 26.6089 90.0658L27.0365 90.3248C27.7327 89.1755 28.4411 88.0344 29.1615 86.9017L28.7396 86.6334C29.4627 85.4964 30.1979 84.3677 30.945 83.2477L31.3609 83.5252C32.1066 82.4072 32.8642 81.2978 33.6334 80.1972L33.2236 79.9107C33.9953 78.8065 34.7788 77.7112 35.5737 76.6248L35.9772 76.92C36.7708 75.8355 37.576 74.7599 38.3924 73.6935L37.9954 73.3895C38.8142 72.32 39.6444 71.2598 40.4857 70.2088L40.876 70.5213C41.7159 69.4722 42.5669 68.4325 43.4289 67.4023L43.0455 67.0815C43.9098 66.0485 44.7851 65.0251 45.6713 64.0114L46.0477 64.3405C46.932 63.3289 47.8272 62.327 48.733 61.3351L48.3637 60.9979C49.2719 60.0033 50.1908 59.0185 51.1202 58.0439L51.482 58.3889C52.4091 57.4167 53.3465 56.4545 54.2943 55.5027L53.9399 55.1499C54.8903 54.1954 55.8509 53.2512 56.8215 52.3174L57.1682 52.6777C58.1362 51.7466 59.1143 50.8258 60.1023 49.9157L59.7635 49.5479C60.754 48.6354 61.7545 47.7336 62.7646 46.8425L63.0954 47.2175C64.1027 46.3289 65.1196 45.4512 66.1461 44.5844L65.8235 44.2024C66.8523 43.3336 67.8907 42.4758 68.9383 41.6292L69.2526 42.0181C70.2974 41.1738 71.3514 40.3407 72.4146 39.5189L72.1088 39.1233C73.1739 38.2999 74.2482 37.4879 75.3314 36.6873L75.6285 37.0894C76.7088 36.291 77.798 35.5041 78.896 34.7288L78.6075 34.3204C79.707 33.544 80.8152 32.7792 81.932 32.0263L82.2115 32.4408C83.3251 31.69 84.4473 30.951 85.5778 30.2239L85.3073 29.8033C86.4393 29.0752 87.5797 28.3591 88.7282 27.6551L88.9895 28.0814C90.1344 27.3797 91.2873 26.69 92.4482 26.0126L92.1962 25.5808C93.3589 24.9024 94.5295 24.2362 95.7078 23.5825L95.9504 24.0198C97.1242 23.3686 98.3057 22.7298 99.4948 22.1035L99.2618 21.6611C100.453 21.0337 101.652 20.4189 102.858 19.8168L103.081 20.2641C104.282 19.6649 105.49 19.0783 106.705 18.5045L106.491 18.0524C107.709 17.4772 108.934 16.9149 110.166 16.3656L110.37 16.8223C111.595 16.2762 112.826 15.7431 114.065 15.223L113.871 14.762C115.113 14.2406 116.361 13.7323 117.616 13.2372L117.8 13.7024C119.047 13.2103 120.301 12.7315 121.561 12.266L121.388 11.7969C122.651 11.3305 123.92 10.8774 125.195 10.4378L125.358 10.9105C126.626 10.4734 127.9 10.0496 129.18 9.63949L129.028 9.16333C130.309 8.75287 131.596 8.35597 132.889 7.9728L133.031 8.45219C134.317 8.07078 135.61 7.70303 136.908 7.34908L136.776 6.86669C138.073 6.51307 139.376 6.17319 140.683 5.84723L140.804 6.33238C142.107 6.00747 143.416 5.69642 144.73 5.39939L144.62 4.9117C145.929 4.6156 147.244 4.3334 148.564 4.06526L148.663 4.55525C149.98 4.28783 151.301 4.03444 152.626 3.79522L152.537 3.30317C153.859 3.0647 155.185 2.84029 156.516 2.63009L156.594 3.12397C157.919 2.91464 159.249 2.71944 160.583 2.53854L160.516 2.04307C161.848 1.86243 163.184 1.696 164.525 1.54394L164.581 2.04075C165.913 1.88972 167.248 1.75289 168.588 1.63042L168.542 1.1325C169.883 1.00992 171.227 0.901692 172.576 0.807965L172.61 1.30676C173.945 1.21399 175.283 1.13546 176.625 1.07133L176.601 0.571896C177.947 0.50759 179.296 0.457718 180.648 0.422428L180.661 0.922258C181.998 0.887378 183.338 0.866783 184.681 0.860617L184.679 0.360622C186.024 0.354449 187.372 0.362702 188.723 0.385525L188.714 0.885453C189.388 0.89683 190.062 0.911836 190.737 0.93049C191.413 0.9517 192.087 0.976548 192.761 1.00502L192.782 0.505463C194.137 0.562732 195.489 0.63461 196.836 0.720935L196.804 1.21991C198.154 1.30643 199.501 1.40751 200.843 1.52297L200.886 1.02481C202.237 1.14109 203.584 1.27192 204.927 1.41713L204.874 1.91424C206.218 2.05963 207.558 2.21948 208.894 2.39363L208.959 1.89783C210.303 2.07315 211.644 2.26293 212.979 2.46698L212.904 2.96124C214.241 3.16553 215.573 3.38417 216.9 3.61699L216.987 3.12451C218.322 3.35873 219.652 3.60726 220.978 3.86993L220.88 4.36039C222.207 4.62321 223.528 4.90022 224.843 5.19125L224.951 4.70305C226.275 4.99583 227.594 5.30276 228.907 5.62366L228.788 6.10937C230.101 6.43027 231.409 6.76517 232.711 7.11391L232.84 6.63094C234.149 6.98155 235.453 7.34611 236.75 7.72443L236.61 8.20445C237.908 8.58276 239.2 8.97487 240.486 9.38059L240.636 8.90376C241.928 9.31147 243.215 9.73288 244.495 10.1678L244.334 10.6413C245.613 11.076 246.887 11.5242 248.154 11.9858L248.325 11.5161C249.598 11.9799 250.864 12.4572 252.125 12.9478L251.943 13.4137C253.202 13.9038 254.455 14.4071 255.701 14.9236L255.892 14.4617C257.144 14.9804 258.388 15.5123 259.626 16.0572L259.425 16.5148C260.661 17.0591 261.891 17.6164 263.113 18.1865L263.325 17.7333C264.552 18.3056 265.773 18.8908 266.986 19.4887L266.765 19.9372C267.977 20.5342 269.181 21.144 270.378 21.7662L270.609 21.3226C271.811 21.9471 273.005 22.5842 274.192 23.2337L273.952 23.6723C275.136 24.3207 276.313 24.9814 277.483 25.6543L277.732 25.2209C278.906 25.8961 280.072 26.583
10736 281.23 27.2831L280.972 27.7111C281.55 28.0601 282.126 28.4121 282.7 28.7671L283.463 29.239V28.3419V28.1358H283.09L283.16 28.0231L284.861 28.0696L284.875 27.5698L288.699 27.6745L288.685 28.1743L292.509 28.279L292.523 27.7792L296.347 27.8839L296.333 28.3837L300.157 28.4884L300.171 27.9886L303.995 28.0933L303.981 28.5931L307.805 28.6977L307.819 28.1979L311.643 28.3026L311.63 28.8024L315.454 28.9071L315.467 28.4073L319.291 28.512L319.278 29.0118L323.102 29.1165L323.115 28.6167L326.94 28.7214L326.926 29.2212L330.75 29.3258L330.764 28.826L334.588 28.9307L334.574 29.4305L338.398 29.5352L338.412 29.0354L342.236 29.1401L342.222 29.6399L346.046 29.7446L346.06 29.2448L349.884 29.3495L349.87 29.8493L351.282 29.8879L351.241 31.3405L351.74 31.3548L351.629 35.2608L351.129 35.2465L351.018 39.1525L351.517 39.1668L351.406 43.0728L350.906 43.0585L350.795 46.9645L351.294 46.9788L351.183 50.8848L350.683 50.8705L350.572 54.7765L351.071 54.7908L350.96 58.6967L350.46 58.6825L350.348 62.5885L350.848 62.6027L350.737 66.5087L350.237 66.4945L350.125 70.4005L350.625 70.4147L350.514 74.3207L350.014 74.3064L349.902 78.2124L350.402 78.2267L350.291 82.1327L349.791 82.1184L349.679 86.0244L350.179 86.0387L350.068 89.9447L349.568 89.9304L349.456 93.8364L349.956 93.8507L349.845 97.7567L349.345 97.7424L349.289 99.6954L349.285 99.8263L349.346 99.9421C349.65 100.521 349.951 101.101 350.249 101.683L350.694 101.455C351.291 102.621 351.876 103.794 352.449 104.974L351.999 105.192C352.57 106.368 353.129 107.549 353.676 108.738L354.13 108.529C354.678 109.719 355.213 110.915 355.736 112.118L355.278 112.317C355.799 113.515 356.308 114.72 356.804 115.93L357.267 115.74C357.764 116.952 358.248 118.17 358.72 119.394L358.253 119.574C358.723 120.793 359.181 122.017 359.625 123.248L360.095 123.078C360.54 124.31 360.973 125.547 361.392 126.79L360.918 126.95C361.336 128.188 361.741 129.431 362.133 130.679L362.61 130.529C363.002 131.779 363.381 133.034 363.747 134.294L363.267 134.433C363.631 135.687 363.982 136.946 364.32 138.21L364.803 138.081C365.141 139.346 365.466 140.616 365.778 141.891L365.292 142.009C365.602 143.278 365.899 144.551 366.183 145.829L366.671 145.721C366.954 146.999 367.224 148.281 367.481 149.568L366.99 149.666C367.245 150.946 367.487 152.231 367.715 153.52L368.208 153.433C368.436 154.721 368.65 156.015 368.851 157.312L368.357 157.389C368.557 158.678 368.743 159.972 368.915 161.27L369.411 161.204C369.583 162.501 369.741 163.802 369.886 165.107L369.389 165.162C369.533 166.46 369.663 167.76 369.779 169.065L370.277 169.021C370.393 170.324 370.496 171.63 370.584 172.941L370.085 172.974C370.173 174.276 370.247 175.581 370.307 176.889L370.807 176.866C370.867 178.173 370.913 179.483 370.945 180.796L370.445 180.809C370.477 182.113 370.495 183.42 370.499 184.73L370.999 184.729C371.003 186.036 370.993 187.347 370.969 188.66L370.469 188.651C370.465 188.918 370.459 189.185 370.453 189.452L370.337 189.337L370.305 190.495C370.286 191.171 370.264 191.845 370.238 192.518ZM188.64 77.8937L188.626 78.3935L188.64 77.8937C187.965 77.875 187.292 77.8624 186.619 77.8561L186.614 78.356C185.274 78.3434 183.939 78.3554 182.609 78.3916L182.596 77.8918C181.247 77.9286 179.905 77.9902 178.569 78.0761L178.601 78.5751C177.262 78.6613 175.929 78.7722 174.603 78.9072L174.552 78.4098C173.212 78.5462 171.879 78.7072 170.554 78.8924L170.623 79.3876C169.296 79.5729 167.977 79.7824 166.666 80.0159L166.578 79.5236C165.252 79.7597 163.933 80.0201 162.623 80.3043L162.729 80.793C161.419 81.0772 160.118 81.3854 158.826 81.717L158.702 81.2327C157.398 81.5672 156.104 81.9255 154.819 82.307L154.962 82.7863C153.678 83.1675 152.405 83.5721 151.142 83.9995L150.981 83.5258C149.707 83.9571 148.442 84.4115 147.189 84.8886L147.367 85.3559C146.115 85.8324 144.875 86.3316 143.646 86.853L143.451 86.3927C142.213 86.9179 140.986 87.4655 139.772 88.0351L139.984 88.4878C138.773 89.056 137.574 89.6462 136.387 90.2579L136.158 89.8134C134.963 90.4294 133.781 91.0669 132.612 91.7256L132.858 92.1612C131.692 92.8183 130.539 93.4965 129.401 94.1953L129.139 93.7692C127.994 94.4722 126.862 95.196 125.745 95.94L126.023 96.3562C124.909 97.0977 123.811 97.8594 122.727 98.6408L122.435 98.2353C121.345 99.0211 120.271 99.8267 119.212 100.652L119.519 101.046C118.464 101.868 117.425 102.709 116.402 103.569L116.08 103.186C115.052 104.051 114.04 104.934 113.045 105.835L113.38 106.206C112.389 107.104 111.415 108.019 110.459 108.953L110.11 108.595C109.148 109.533 108.205 110.489 107.279 111.462L107.641 111.806C106.72 112.775 105.816 113.76 104.931 114.762L104.556 114.431C103.668 115.438 102.798 116.461 101.946 117.5L102.333 11
10737.817C101.487 118.851 100.659 119.9 99.8507 120.966L99.4524 120.664C98.6411 121.733 97.8494 122.818 97.0778 123.919L97.4872 124.206C96.72 125.3 95.9727 126.408 95.2459 127.532L94.8261 127.26C94.0973 128.387 93.3891 129.528 92.7018 130.683L93.1315 130.939C92.4488 132.086 91.787 133.247 91.1465 134.422L90.7075 134.183C90.0654 135.361 89.4447 136.552 88.8459 137.756L89.2936 137.978C88.699 139.174 88.1262 140.382 87.5756 141.603L87.1198 141.398C86.5684 142.62 86.0393 143.855 85.5328 145.101L85.9961 145.289C85.494 146.525 85.0144 147.772 84.5578 149.031L84.0877 148.86C83.6306 150.12 83.1964 151.391 82.7856 152.672L83.2618 152.825C82.8545 154.096 82.4704 155.377 82.11 156.668L81.6284 156.533C81.268 157.824 80.9311 159.125 80.6182 160.435L81.1046 160.551C80.7952 161.847 80.5095 163.152 80.2479 164.466L79.7575 164.368C79.4961 165.681 79.2586 167.002 79.0455 168.332L79.5392 168.412C79.3284 169.728 79.1416 171.052 78.9793 172.385L78.483 172.324C78.3211 173.653 78.1835 174.99 78.0707 176.333L78.569 176.375C78.4577 177.701 78.3706 179.033 78.3082 180.372L77.8087 180.349C77.7774 181.021 77.7523 181.694 77.7334 182.369C77.7145 183.044 77.7019 183.718 77.6955 184.39L78.1955 184.395C78.1828 185.736 78.195 187.071 78.2316 188.4L77.7318 188.414C77.769 189.762 77.8311 191.104 77.9178 192.44L78.4168 192.407C78.5037 193.746 78.6155 195.079 78.7516 196.405L78.2542 196.456C78.3917 197.796 78.554 199.129 78.7407 200.454L79.2358 200.384C79.4225 201.711 79.6337 203.03 79.8689 204.341L79.3768 204.429C79.6147 205.755 79.8771 207.073 80.1634 208.382L80.6518 208.275C80.9382 209.584 81.2486 210.885 81.5827 212.177L81.0986 212.302C81.4356 213.605 81.7964 214.898 82.1807 216.182L82.6597 216.038C83.0436 217.321 83.451 218.593 83.8813 219.855L83.4081 220.017C83.8423 221.29 84.2998 222.553 84.7801 223.805L85.2469 223.626C85.7265 224.876 86.229 226.115 86.7538 227.343L86.294 227.54C86.8226 228.776 87.3737 230.001 87.9469 231.213L88.3989 231C88.9707 232.209 89.5645 233.407 90.1799 234.591L89.7362 234.822C90.3557 236.014 90.997 237.194 91.6595 238.361L92.0943 238.114C92.7551 239.277 93.437 240.427 94.1397 241.564L93.7145 241.827C94.4213 242.97 95.149 244.098 95.8969 245.213L96.3121 244.934C97.0574 246.044 97.823 247.14 98.6083 248.221L98.2038 248.515C98.9935 249.602 99.803 250.673 100.632 251.729L101.025 251.42C101.851 252.472 102.696 253.508 103.56 254.528L103.178 254.851C104.046 255.876 104.933 256.884 105.838 257.876L106.207 257.539C107.108 258.526 108.028 259.496 108.965 260.45L108.608 260.8C109.55 261.758 110.509 262.698 111.486 263.62L111.829 263.256C112.8 264.174 113.789 265.074 114.795 265.955L114.465 266.331C115.475 267.216 116.501 268.082 117.543 268.929L117.859 268.541C118.895 269.384 119.948 270.207 121.017 271.012L120.716 271.411C121.788 272.218 122.876 273.006 123.979 273.774L124.264 273.363C125.361 274.127 126.472 274.87 127.598 275.593L127.328 276.014C128.457 276.738 129.6 277.443 130.758 278.126L131.012 277.696C132.161 278.374 133.325 279.032 134.501 279.669L134.263 280.109C135.443 280.747 136.636 281.364 137.842 281.959L138.063 281.511C139.26 282.102 140.47 282.671 141.692 283.218L141.488 283.674C142.712 284.222 143.948 284.748 145.196 285.251L145.383 284.788C146.619 285.286 147.868 285.763 149.127 286.216L148.958 286.687C150.218 287.141 151.49 287.572 152.772 287.98L152.924 287.503C154.195 287.908 155.477 288.289 156.769 288.647L156.635 289.129C157.926 289.487 159.228 289.822 160.539 290.132L160.654 289.646C161.95 289.953 163.255 290.237 164.569 290.496L164.472 290.987C165.785 291.246 167.107 291.482 168.437 291.694L168.515 291.2C169.832 291.409 171.156 291.595 172.489 291.756L172.429 292.252C173.758 292.413 175.094 292.55 176.438 292.662L176.479 292.163C177.805 292.274 179.137 292.36 180.476 292.422L180.453 292.922C181.125 292.953 181.798 292.978 182.473 292.997C183.148 293.016 183.822 293.028 184.494 293.034L184.499 292.534C185.84 292.547 187.175 292.535 188.504 292.499L188.518 292.999C189.866 292.962 191.208 292.9 192.544 292.814L192.512 292.315C193.851 292.229 195.184 292.118 196.511 291.983L196.561 292.481C197.901 292.344 199.234 292.183 200.56 291.998L200.491 291.503C201.817 291.318 203.137 291.108 204.448 290.875L204.535 291.367C205.862 291.131 207.18 290.87 208.49 290.586L208.384 290.098C209.694 289.813 210.995 289.505 212.288 289.174L212.412 289.658C213.715 289.323 215.01 288.965 216.294 288.583L216.152 288.104C217.435 287.723 218.709 287.318 219.972 286.891L220.132 287.365C221.407 286.933 222.671 286.479 223.924 28
10736.002L223.746 285.535C224.998 285.058 226.239 284.559 227.468 284.038L227.663 284.498C228.901 283.973 230.127 283.425 231.342 282.855L231.129 282.403C232.341 281.834 233.54 281.244 234.726 280.633L234.956 281.077C236.15 280.461 237.333 279.824 238.501 279.165L238.256 278.729C239.422 278.072 240.574 277.394 241.713 276.695L241.974 277.121C243.12 276.418 244.251 275.694 245.368 274.95L245.091 274.534C246.204 273.793 247.303 273.031 248.386 272.25L248.679 272.655C249.768 271.869 250.843 271.064 251.902 270.239L251.594 269.844C252.649 269.022 253.689 268.181 254.712 267.321L255.033 267.704C256.062 266.84 257.074 265.957 258.069 265.055L257.733 264.685C258.724 263.787 259.698 262.871 260.655 261.938L261.004 262.296C261.965 261.358 262.909 260.402 263.835 259.429L263.472 259.084C264.394 258.116 265.297 257.13 266.182 256.128L266.557 256.459C267.446 255.453 268.316 254.43 269.167 253.39L268.78 253.074C269.627 252.04 270.455 250.99 271.263 249.925L271.661 250.227C272.472 249.157 273.264 248.072 274.036 246.972L273.626 246.685C274.394 245.591 275.141 244.482 275.868 243.359L276.287 243.63C277.016 242.504 277.724 241.363 278.412 240.208L277.982 239.952C278.665 238.804 279.327 237.643 279.967 236.468L280.406 236.708C281.048 235.53 281.669 234.339 282.268 233.135L281.82 232.912C282.414 231.716 282.987 230.508 283.538 229.287L283.994 229.493C284.545 228.271 285.074 227.036 285.581 225.789L285.117 225.601C285.62 224.365 286.099 223.118 286.556 221.86L287.026 222.03C287.483 220.77 287.917 219.5 288.328 218.218L287.852 218.065C288.259 216.795 288.643 215.514 289.004 214.223L289.485 214.357C289.846 213.066 290.182 211.766 290.495 210.455L290.009 210.339C290.318 209.044 290.604 207.739 290.866 206.425L291.356 206.523C291.617 205.21 291.855 203.888 292.068 202.558L291.574 202.479C291.785 201.163 291.972 199.838 292.134 198.506L292.63 198.566C292.792 197.237 292.93 195.901 293.043 194.557L292.545 194.515C292.656 193.19 292.743 191.857 292.805 190.518L293.305 190.541C293.336 189.87 293.361 189.196 293.38 188.521C293.399 187.846 293.412 187.173 293.418 186.5L292.918 186.495C292.931 185.155 292.918 183.82 292.882 182.49L293.382 182.477C293.345 181.129 293.282 179.787 293.196 178.451L292.697 178.483C292.61 177.144 292.498 175.811 292.362 174.485L292.859 174.434C292.722 173.094 292.559 171.762 292.373 170.436L291.878 170.506C291.691 169.18 291.48 167.861 291.245 166.55L291.737 166.462C291.499 165.136 291.236 163.818 290.95 162.509L290.462 162.615C290.175 161.306 289.865 160.005 289.531 158.714L290.015 158.589C289.678 157.286 289.317 155.992 288.933 154.709L288.454 154.852C288.07 153.57 287.663 152.297 287.232 151.035L287.705 150.874C287.271 149.6 286.814 148.337 286.333 147.085L285.867 147.264C285.387 146.014 284.884 144.775 284.36 143.548L284.819 143.351C284.291 142.115 283.74 140.89 283.167 139.677L282.715 139.891C282.143 138.681 281.549 137.484 280.934 136.299L281.377 136.069C280.758 134.876 280.116 133.696 279.454 132.53L279.019 132.777C278.358 131.613 277.676 130.463 276.974 129.327L277.399 129.064C276.692 127.921 275.965 126.792 275.217 125.678L274.801 125.956C274.056 124.846 273.29 123.75 272.505 122.67L272.91 122.376C272.12 121.289 271.31 120.217 270.482 119.162L270.088 119.47C269.263 118.419 268.418 117.383 267.554 116.363L267.935 116.04C267.068 115.015 266.181 114.006 265.275 113.015L264.906 113.352C264.005 112.364 263.086 111.394 262.148 110.441L262.505 110.09C261.564 109.133 260.604 108.193 259.628 107.271L259.285 107.634C258.313 106.717 257.324 105.817 256.319 104.936L256.648 104.56C255.639 103.675 254.613 102.809 253.57 101.961L253.255 102.349C252.218 101.507 251.165 100.683 250.097 99.8788L250.398 99.4793C249.325 98.6722 248.238 97.8844 247.135 97.1167L246.849 97.5271C245.753 96.7639 244.641 96.0206 243.515 95.2977L243.785 94.8769C242.657 94.1522 241.513 93.4478 240.356 92.7644L240.102 93.1949C238.952 92.5162 237.789 91.8582 236.612 91.2214L236.85 90.7817C235.67 90.1435 234.478 89.5265 233.272 88.9314L233.05 89.3797C231.853 88.7888 230.643 88.2196 229.421 87.6724L229.626 87.2161C228.402 86.6682 227.166 86.1424 225.918 85.6392L225.731 86.1029C224.494 85.6042 223.246 85.1277 221.986 84.6742L222.156 84.2038C220.895 83.7497 219.623 83.3185 218.341 82.9105L218.189 83.387C216.918 82.9826 215.637 82.6011 214.345 82.2432L214.478 81.7613C213.187 81.4034 211.886 81.0689 210.575 80.7582L210.46 81.2448C209.164 80.9376 207.858 80.6539 206.544 80.3942L206.641 79.9037C205.328 79.6441 204.007 79.4083 202.677 79.1968L202.598 79.6906C201.282 79.4813 199.957 79.2958 198.625 79.1347L198.685 78.6383C197.356 78.4776 196.019 78.341 194.676 78.2289L194.634 78.7272C193.309 78.6167 191.976 78.5302 190.637 78.4681L190.66 77.9687C189.989 77.9375 189.315 77.9126 188.64 77.8937Z" stroke="white" stroke-dasharray="4 4"/> 1074<path class="draw" d="M60.9501 489.633L60.9503 489.633L62.7863 488.891L62.5989 488.428L66.2708 486.944L66.4582 487.408L70.1301 485.924L69.9427 485.46L73.6146 483.976L73.802 484.44L77.4739 482.956L77.2866 482.492L80.9585 481.008L81.1458 481.472L84.8177 479.988L84.6304 479.525L88.3023 478.041L88.4896 478.504L92.1615 477.02L91.9742 476.557L95.6461 475.073L95.8334 475.536L99.5053 474.053L99.318 473.589L102.99 472.105L103.177 472.569L106.849 471.085L106.662 470.621L110.334 469.137L110.521 469.601L114.193 468.117L114.006 467.653L117.677 466.17L117.865 466.633L121.537 465.149L121.349 464.686L125.021 463.202L125.209 463.665L128.881 462.181L128.693 461.718L132.365 460.234L132.552 460.698L136.224 459.214L136.037 458.75L139.709 457.266L139.896 457.73L143.568 456.246L143.381 455.782L147.053 454.298L147.24 454.762L150.912 453.278L150.725 452.815L154.397 451.331L154.584 451.794L158.256 450.31L158.068 449.847L161.74 448.363L161.928 448.827L165.6 447.343L165.412 446.879L169.084 445.395L169.271 445.859L172.943 444.375L172.756 443.911L176.428 442.427L176.615 442.891L180.287 441.407L180.1 440.944L183.772 439.46L183.959 439.923L187.631 438.439L187.444 437.976L191.116 436.492L191.303 436.955L194.975 435.472L194.787 435.008L198.459 433.524L198.647 433.988L202.319 432.504L202.131 432.04L205.803 430.556L205.991 431.02L209.662 429.536L209.475 429.072L213.147 427.589L213.334 428.052L217.006 426.568L216.819 426.105L220.491 424.621L220.678 425.084L224.35 423.6L224.163 423.137L227.835 421.653L228.022 422.117L231.694 420.633L231.507 420.169L235.178 418.685L235.366 419.149L239.038 417.665L238.85 417.201L242.522 415.717L242.71 416.181L246.382 414.697L246.194 414.234L249.866 412.75L250.053 413.213L253.725 411.729L253.538 411.266L257.21 409.782L257.397 410.246L261.069 408.762L260.882 408.298L264.5
107454 406.814L264.741 407.278L268.413 405.794L268.226 405.33L271.898 403.846L272.085 404.31L275.757 402.826L275.569 402.363L279.241 400.879L279.429 401.342L281.264 400.601C281.848 400.366 282.435 400.147 283.024 399.942L282.86 399.47C284.071 399.05 285.289 398.692 286.511 398.397L286.629 398.882C287.856 398.585 289.087 398.351 290.318 398.177L290.249 397.682C291.513 397.504 292.777 397.389 294.038 397.336L294.059 397.836C295.316 397.783 296.569 397.792 297.814 397.862L297.842 397.363C299.114 397.434 300.376 397.568 301.626 397.762L301.55 398.256C302.79 398.448 304.018 398.701 305.229 399.012L305.353 398.528C306.584 398.845 307.797 399.221 308.988 399.654L308.817 400.124C309.994 400.553 311.15 401.039 312.279 401.58L312.495 401.129C313.639 401.677 314.756 402.28 315.842 402.938L315.583 403.366C316.653 404.014 317.692 404.715 318.697 405.467L318.996 405.066C320.009 405.825 320.987 406.635 321.926 407.494L321.588 407.863C322.508 408.705 323.39 409.596 324.229 410.533L324.601 410.2C325.443 411.14 326.243 412.126 326.996 413.157L326.592 413.452C327.325 414.456 328.014 415.502 328.654 416.59L329.085 416.336C329.723 417.42 330.313 418.544 330.852 419.707L330.398 419.917C330.66 420.482 330.91 421.057 331.147 421.641C331.383 422.224 331.605 422.809 331.81 423.397L332.282 423.231C332.705 424.439 333.065 425.655 333.362 426.875L332.876 426.993C333.174 428.218 333.409 429.447 333.582 430.677L334.077 430.607C334.255 431.869 334.369 433.132 334.42 434.392L333.921 434.412C333.972 435.667 333.96 436.918 333.888 438.162L334.387 438.191C334.313 439.46 334.177 440.721 333.98 441.969L333.486 441.891C333.291 443.129 333.035 444.355 332.72 445.563L333.204 445.689C332.884 446.917 332.505 448.127 332.068 449.316L331.599 449.143C331.167 450.317 330.679 451.47 330.135 452.597L330.585 452.814C330.034 453.954 329.428 455.068 328.768 456.151L328.341 455.891C327.691 456.957 326.988 457.993 326.234 458.994L326.633 459.295C325.873 460.305 325.062 461.279 324.201 462.214L323.833 461.876C322.989 462.792 322.098 463.671 321.16 464.507L321.493 464.88C320.552 465.718 319.565 466.515 318.534 467.265L318.24 466.86C317.236 467.591 316.189 468.277 315.102 468.914L315.354 469.345C314.271 469.98 313.147 470.568 311.985 471.104L311.776 470.65C311.211 470.91 310.636 471.159 310.053 471.394L310.24 471.858L310.053 471.394L308.217 472.136L308.404 472.6L304.732 474.084L304.545 473.62L300.873 475.104L301.06 475.568L297.388 477.051L297.201 476.588L293.529 478.072L293.716 478.535L290.044 480.019L289.857 479.556L286.185 481.039L286.373 481.503L282.701 482.987L282.513 482.523L278.841 484.007L279.029 484.471L275.357 485.955L275.169 485.491L271.498 486.975L271.685 487.439L268.013 488.923L267.826 488.459L264.154 489.943L264.341 490.406L260.669 491.89L260.482 491.427L256.81 492.911L256.997 493.374L253.325 494.858L253.138 494.394L249.466 495.878L249.654 496.342L245.982 497.826L245.794 497.362L242.122 498.846L242.31 499.31L238.638 500.794L238.45 500.33L234.779 501.814L234.966 502.277L231.294 503.761L231.107 503.298L227.435 504.782L227.622 505.245L223.95 506.729L223.763 506.266L220.091 507.749L220.278 508.213L216.606 509.697L216.419 509.233L212.747 510.717L212.934 511.181L209.263 512.665L209.075 512.201L205.403 513.685L205.591 514.149L201.919 515.632L201.731 515.169L198.059 516.653L198.247 517.116L194.575 518.6L194.388 518.137L190.716 519.62L190.903 520.084L187.231 521.568L187.044 521.104L183.372 522.588L183.559 523.052L179.887 524.536L179.7 524.072L176.028 525.556L176.215 526.02L172.544 527.503L172.356 527.04L168.684 528.524L168.872 528.987L165.2 530.471L165.012 530.008L161.34 531.492L161.528 531.955L157.856 533.439L157.669 532.975L153.997 534.459L154.184 534.923L150.512 536.407L150.325 535.943L146.653 537.427L146.84 537.891L143.168 539.375L142.981 538.911L139.309 540.395L139.496 540.858L135.824 542.342L135.637 541.879L131.965 543.363L132.153 543.826L128.481 545.31L128.293 544.847L124.621 546.33L124.809 546.794L121.137 548.278L120.95 547.814L117.278 549.298L117.465 549.762L113.793 551.246L113.606 550.782L109.934 552.266L110.121 552.73L106.449 554.213L106.262 553.75L102.59 555.234L102.777 555.697L99.1054 557.181L98.9181 556.718L95.2462 558.201L95.4335 558.665L91.7616 560.149L91.5743 559.685L89.7404 560.426C89.74 560.427 89.7397 560.427 89.7393 560.427C89.169 560.654 88.5953 560.868 88.0187 561.068L88.1823 561.54C87.0031 561.949 85.8122 562.299 84.6148 562.593L84.4958 562.107C83.299 562.401 82.0959 562.636 80.8918 562.813L80.9646 563.3
107408C79.7299 563.489 78.4941 563.61 77.263 563.671L77.2383 563.172C76.6251 563.202 76.0132 563.217 75.4033 563.217C74.7711 563.217 74.1403 563.202 73.5115 563.171L73.4869 563.67C72.2064 563.607 70.9339 563.481 69.6739 563.294L69.7473 562.8C68.4966 562.614 67.2583 562.367 66.0369 562.062L65.9155 562.547C64.6743 562.236 63.4504 561.865 62.2483 561.435L62.4166 560.964C61.2282 560.54 60.0615 560.057 58.9209 559.519L58.7074 559.971C57.5526 559.425 56.4242 558.823 55.3269 558.167L55.5838 557.738C54.5032 557.091 53.4532 556.39 52.4383 555.637L52.1404 556.039C51.1169 555.279 50.1285 554.468 49.1798 553.606L49.516 553.236C48.5863 552.391 47.6951 551.497 46.8469 550.556L46.4755 550.891C45.6249 549.947 44.817 548.957 44.0559 547.921L44.4589 547.625C43.7176 546.616 43.0214 545.563 42.3742 544.469L41.9438 544.723C41.2995 543.633 40.7033 542.503 40.159 541.333L40.6123 541.122C40.3475 540.553 40.0952 539.974 39.8557 539.386C39.6193 538.803 39.3983 538.218 39.1926 537.631L38.7207 537.796C38.2977 536.589 37.9384 535.373 37.6412 534.152L38.127 534.034C37.8288 532.81 37.5939 531.58 37.4207 530.351L36.9256 530.42C36.7478 529.158 36.6341 527.895 36.5827 526.636L37.0823 526.616C37.0311 525.361 37.0425 524.109 37.1149 522.865L36.6158 522.836C36.6896 521.567 36.826 520.307 37.0231 519.058L37.5169 519.136C37.7124 517.898 37.9683 516.673 38.2829 515.464L37.799 515.338C38.1184 514.111 38.4976 512.901 38.9345 511.712L39.4038 511.885C39.8354 510.71 40.3242 509.558 40.8682 508.431L40.418 508.214C40.9685 507.073 41.5749 505.959 42.2352 504.876L42.6621 505.136C43.3121 504.07 44.0151 503.034 44.7691 502.033L44.3697 501.732C45.1299 500.723 45.9413 499.748 46.8021 498.813L47.17 499.152C48.0136 498.235 48.9052 497.357 49.843 496.521L49.5103 496.148C50.4511 495.309 51.4379 494.513 52.4688 493.763L52.7629 494.167C53.7671 493.437 54.8138 492.751 55.9013 492.114L55.6485 491.682C56.7322 491.047 57.8558 490.46 59.0178 489.924L59.2272 490.378C59.7923 490.117 60.3667 489.869 60.9501 489.633Z" stroke="white" stroke-dasharray="4 4"/> 1075</svg></div></div><div class="logo_vertical"> 1076<svg width="74" height="433" viewBox="0 0 74 433" fill="none" xmlns="http://www.w3.org/2000/svg"> 1077<path d="M64.7591 163.864L64.7591 166.532L49.8457 166.532C48.6788 166.532 47.6158 166.382 46.6515 166.079C45.6871 165.775 44.8467 165.307 44.1279 164.671C43.409 164.034 42.8573 163.208 42.47 162.188C42.0803 161.171 41.8878 159.976 41.8878 158.607C41.8878 157.422 42.0347 156.263 42.3334 155.137C42.6295 154.01 43.0648 152.978 43.6343 152.039L46.1098 152.687C45.5377 153.689 45.1124 154.638 44.8315 155.531C44.5531 156.428 44.4114 157.41 44.4114 158.478C44.4114 159.351 44.5329 160.133 44.7759 160.822C45.0189 161.51 45.3555 162.082 45.7883 162.535C46.2211 162.991 46.7248 163.332 47.3019 163.563C47.879 163.793 48.4966 163.91 49.1522 163.91L51.4024 163.91L51.4024 163.829C51.0354 163.527 50.6531 163.122 50.2608 162.616C49.8659 162.107 49.5496 161.485 49.3091 160.748C49.0662 160.009 48.9446 159.212 48.9446 158.361C48.9446 157.316 49.1369 156.314 49.5191 155.359C49.9013 154.408 50.4481 153.57 51.1518 152.854C51.8579 152.135 52.7058 151.575 53.7006 151.17C54.6928 150.768 55.7685 150.565 56.9354 150.565C58.4769 150.565 59.874 150.92 61.1244 151.631C62.3747 152.345 63.3265 153.284 63.9795 154.453C64.6326 155.623 64.959 156.883 64.959 158.23C64.959 159.308 64.749 160.333 64.3288 161.302C63.9086 162.272 63.3113 163.105 62.5343 163.793L62.5343 163.859L64.7667 163.859L64.7591 163.864ZM51.4479 158.574C51.4479 159.361 51.5871 160.09 51.8681 160.758C52.149 161.429 52.5413 162.004 53.04 162.482C53.5437 162.963 54.1385 163.327 54.8269 163.583C55.5154 163.836 56.257 163.963 57.0442 163.963C57.8313 163.963 58.5629 163.826 59.2337 163.55C59.907 163.277 60.484 162.895 60.9649 162.411C61.4458 161.928 61.8129 161.351 62.0711 160.687C62.3292 160.024 62.4609 159.321 62.4609 158.576C62.4609 157.832 62.3241 157.134 62.0482 156.481C61.7748 155.828 61.3902 155.266 60.8992 154.79C60.4107 154.317 59.8259 153.95 59.1526 153.691C58.4793 153.433 57.7656 153.302 57.0113 153.302C56.6114 153.302 56.1685 153.347 55.6749 153.438C55.1864 153.532 54.7004 153.696 54.2195 153.942C53.7411 154.185 53.2856 154.519 52.8629 154.944C52.4376 155.37 52.0934 155.904 51.8352 156.546C51.577 157.189 51.4479 157.865 51.4479 158.576L51.4479 158.574Z" fill="#252525"/> 1078<path d="M64.9512 179.474C64.9512 179.788 64.9411 180.008 64.9183 180.137L61.9568 180.137C61.9897 179.75 62.0075 179.393 62.0075 179.069C62.0075 178.325 61.8709 177.649 61.595 177.039C61.3216 176.429 60.9292 175.913 60.423 175.485C59.9167 175.06 59.3194 174.736 58.636 174.506C57.95 174.28 57.211 174.166 56.4137 174.166L48.633 174.166L48.633 171.483L64.7589 171.483L64.7589 174.166L61.9442 174.166L61.9442 174.232C62.9035 174.837 63.6451 175.591 64.1665 176.498C64.6904 177.404 64.9512 178.396 64.9512 179.474Z" fill="#252525"/> 1079<path d="M64.7583 195.343L64.7583 198.026L48.6324 198.026L48.6324 195.455L51.1889 195.455L51.1889 195.404C50.3157 194.746 49.6348 193.934 49.1514 192.962C48.6654 191.992 48.4225 190.924 48.4225 189.76C48.4225 188.378 48.7388 187.087 49.369 185.877C49.9993 184.67 50.9459 183.698 52.2064 182.959C53.4669 182.222 54.9299 181.853 56.5929 181.853C57.7673
1079181.853 58.8684 182.045 59.8935 182.432C60.9186 182.822 61.807 183.374 62.5613 184.093C63.3156 184.809 63.9028 185.649 64.3229 186.616C64.7431 187.58 64.9531 188.623 64.9531 189.747C64.9531 190.871 64.7279 191.876 64.2824 192.835C63.8344 193.794 63.194 194.607 62.3638 195.278L62.3638 195.343L64.7583 195.343ZM50.8802 190.02C50.8802 190.732 51.0168 191.418 51.2901 192.073C51.566 192.731 51.9559 193.313 52.4621 193.822C52.9684 194.326 53.5758 194.726 54.282 195.009C54.9882 195.295 55.7501 195.437 56.5701 195.437C57.3902 195.437 58.1445 195.303 58.8684 195.032C59.5923 194.761 60.2225 194.384 60.7692 193.893C61.3134 193.402 61.7361 192.825 62.0399 192.162C62.3411 191.499 62.4929 190.795 62.4929 190.051C62.4929 189.307 62.3512 188.585 62.0703 187.915C61.7918 187.246 61.3893 186.662 60.8654 186.158C60.344 185.657 59.7137 185.27 58.9721 184.994C58.2356 184.72 57.4333 184.581 56.5701 184.581C55.7728 184.581 55.0235 184.713 54.3224 184.971C53.6188 185.229 53.0138 185.599 52.5025 186.077C51.9887 186.558 51.5913 187.135 51.3053 187.808C51.0193 188.482 50.8776 189.218 50.8776 190.015L50.8802 190.02Z" fill="#252525"/> 1080<path d="M64.9507 211.226C64.9507 212.348 64.7405 213.393 64.3203 214.357C63.9002 215.324 63.313 216.165 62.5587 216.881C61.8044 217.6 60.9135 218.151 59.8909 218.541C58.8658 218.929 57.7648 219.121 56.5904 219.121C54.9275 219.121 53.467 218.751 52.2039 218.015C50.9434 217.276 49.9968 216.304 49.3666 215.096C48.7363 213.887 48.4199 212.593 48.4199 211.214C48.4199 210.371 48.5514 209.574 48.8172 208.819C49.0804 208.065 49.4222 207.435 49.8449 206.926C50.265 206.42 50.6575 206.02 51.027 205.729L51.027 205.663L42.0795 205.663L42.0795 202.995L64.7583 202.995L64.7583 205.681L62.3816 205.681L62.3816 205.746C63.2093 206.415 63.8471 207.225 64.2901 208.171C64.7305 209.12 64.9531 210.14 64.9531 211.226L64.9507 211.226ZM50.8802 210.953C50.8802 211.75 51.0219 212.487 51.3079 213.16C51.5939 213.833 51.9913 214.41 52.5051 214.891C53.0164 215.37 53.6239 215.739 54.325 215.997C55.0261 216.256 55.7728 216.387 56.5726 216.387C57.4357 216.387 58.2356 216.248 58.9747 215.975C59.7138 215.699 60.344 215.312 60.868 214.808C61.3919 214.307 61.7943 213.722 62.0727 213.054C62.3537 212.383 62.4954 211.672 62.4954 210.918C62.4954 210.163 62.3435 209.487 62.0423 208.832C61.7411 208.174 61.316 207.602 60.7718 207.118C60.2251 206.63 59.5923 206.255 58.8709 205.984C58.1495 205.714 57.3826 205.579 56.5726 205.579C55.7626 205.579 54.9906 205.724 54.2845 206.007C53.5783 206.293 52.9708 206.688 52.4646 207.189C51.9584 207.693 51.5686 208.267 51.2927 208.92C51.0194 209.574 50.8826 210.249 50.8826 210.95L50.8802 210.953Z" fill="#252525"/> 1081<path d="M64.9516 231.916C64.9516 232.789 64.8175 233.589 64.5466 234.31C64.2758 235.032 63.8709 235.649 63.3267 236.16C62.78 236.674 62.0864 237.069 61.241 237.35C60.3931 237.631 59.4136 237.77 58.305 237.77L48.6158 237.77L48.6158 235.087L57.543 235.087C60.8436 235.087 62.4939 233.771 62.4939 231.139C62.4939 230.351 62.3623 229.635 62.1041 228.987C61.846 228.342 61.4688 227.787 60.9727 227.329C60.4766 226.871 59.8691 226.519 59.1528 226.279C58.434 226.036 57.6342 225.914 56.7508 225.914L48.631 225.914L48.631 223.231L73.0234 223.231L73.0234 225.914L62.137 225.914L62.137 225.98C63.0558 226.648 63.7545 227.499 64.2328 228.527C64.7138 229.557 64.9516 230.686 64.9516 231.916Z" fill="#252525"/> 1082<path d="M56.9458 256.823C56.5357 256.823 56.1686 256.797 55.8472 256.742L55.8472 244.352C55.1132 244.438 54.4399 244.63 53.8249 244.926C53.2098 245.223 52.6859 245.607 52.248 246.083C51.8101 246.557 51.476 247.108 51.2457 247.731C51.0128 248.359 50.8964 249.022 50.8964 249.72C50.8964 250.227 50.9672 250.751 51.1064 251.297C51.2456 251.842 51.4886 252.378 51.8329 252.907C52.1796 253.436 52.5871 253.889 53.0629 254.264L51.4609 256.142C50.5243 255.421 49.7826 254.507 49.2385 253.401C48.6917 252.295 48.4209 251.037 48.4209 249.622C48.4209 248.207 48.7448 246.891 49.3928 245.658C50.0383 244.428 51.0002 243.446 52.2784 242.707C53.5541 241.97 55.0246 241.601 56.685 241.601C58.1733 241.601 59.5477 241.917 60.8082 242.547C62.0687 243.177 63.0761 244.091 63.8253 245.288C64.5745 246.488 64.9492 247.83 64.9492 249.318C64.9492 249.837 64.8833 250.424 64.7568 251.08C64.6252 251.738 64.3822 252.391 64.0228 253.036C63.6583 253.684 63.2128 254.254 62.6787 254.752C62.1447 255.246 61.5347 255.658 60.8437 255.982C60.1552 256.304 59.4668 256.527 58.7808 256.646C58.0949 256.762 57.4849 256.823 56.9458 256.823ZM62.4763 249.465C62.4763 248.85 62.3749 248.26 62.1699 247.693C61.9649 247.126 61.6713 246.622 61.2891 246.179C60.9069 245.739 60.4437 245.364 59.897 245.058C59.3528 244.749 58.7454 244.537 58.0797 244.418L58.0797 254.155C58.391 254.102 58.7378 254.018 59.1226 253.904C59.5048 253.79 59.8869 253.621 60.264 253.396C60.6412 253.17 60.9981 252.879 61.3398 252.53C61.6789 252.181 61.9549 251.733 62.165 251.196C62.3751 250.657 62.4814 250.077 62.4814 249.465L62.4763 249.465Z" fill="#252525"/> 1083<path d="M56.0219 267.013L56.0219 266.962L52.2707 263.583L48.631 263.583L48.631 260.915L73.0234 260.915L73.0234 263.583L55.9586 263.583L55.9586 263.633L64.7567 271.576L64.7567 274.826L58.0771 268.81L48.631 274.859L48.631 271.804L56.0219 267.018L56.0219 267.013Z" fill="#252525"/> 1084<path d="M33.2715 164.043L33.2715 166.726L8.87914 166.726L8.87914 164.155L11.4355 164.155L11.4355 164.107C10.5622
1084163.459 9.88141 162.656 9.39797 161.697C8.91199 160.735 8.66903 159.68 8.66903 158.525C8.66903 157.146 8.98536 155.853 9.61561 154.643C10.2459 153.435 11.1925 152.463 12.453 151.724C13.7135 150.988 15.1765 150.618 16.8394 150.618C18.0139 150.618 19.1149 150.811 20.14 151.2C21.1651 151.588 22.0536 152.139 22.8079 152.858C23.5621 153.575 24.1493 154.415 24.5695 155.382C24.9897 156.346 25.1998 157.389 25.1998 158.513C25.1998 159.637 24.9745 160.621 24.529 161.568C24.081 162.517 23.4407 163.324 22.6105 163.995L22.6105 164.043L33.2715 164.043ZM11.1292 158.786C11.1292 159.475 11.2659 160.148 11.5393 160.801C11.8152 161.454 12.2049 162.031 12.7112 162.532C13.2174 163.033 13.8248 163.426 14.531 163.712C15.2372 163.998 15.9991 164.142 16.8192 164.142C17.6393 164.142 18.3936 164.005 19.1175 163.737C19.8388 163.466 20.4717 163.089 21.0184 162.603C21.5626 162.117 21.9853 161.548 22.289 160.897C22.5902 160.244 22.7421 159.551 22.7421 158.816C22.7421 158.082 22.6003 157.351 22.3193 156.68C22.0409 156.012 21.6385 155.427 21.1146 154.926C20.5931 154.422 19.9629 154.038 19.2213 153.759C18.4847 153.486 17.6823 153.349 16.8192 153.349C16.0219 153.349 15.2727 153.478 14.5716 153.736C13.8679 153.995 13.263 154.364 12.7517 154.843C12.2379 155.324 11.8405 155.901 11.5545 156.574C11.2685 157.247 11.1267 157.984 11.1267 158.781L11.1292 158.786Z" fill="#252525"/> 1085<path d="M28.0007 173.474C28.0007 172.935 28.183 172.482 28.55 172.115C28.917 171.75 29.3599 171.565 29.8763 171.565C30.1243 171.565 30.3952 171.626 30.6863 171.75C30.9773 171.874 31.2305 172.097 31.4456 172.413C31.6633 172.73 31.7695 173.087 31.7695 173.474C31.7695 173.861 31.6633 174.203 31.4456 174.524C31.2305 174.848 30.9747 175.074 30.6786 175.198C30.3825 175.322 30.1142 175.385 29.8789 175.385C29.6435 175.385 29.3776 175.322 29.0865 175.198C28.7954 175.074 28.5399 174.848 28.3247 174.524C28.1096 174.203 28.0032 173.851 28.0032 173.474L28.0007 173.474ZM8.88066 172.115L25.0064 172.115L25.0064 174.782L8.88066 174.782L8.88066 172.115Z" fill="#252525"/> 1086<path d="M25.0071 192.415L25.0071 195.083L10.0937 195.083C8.92685 195.083 7.86375 194.933 6.89939 194.629C5.93504 194.326 5.09477 193.857 4.37593 193.222C3.65709 192.584 3.10523 191.759 2.71797 190.739C2.32818 189.722 2.13586 188.527 2.13586 187.158C2.13586 185.973 2.28261 184.814 2.58128 183.687C2.87742 182.561 3.31281 181.528 3.88231 180.589L6.3577 181.237C5.78566 182.24 5.36048 183.189 5.07953 184.082C4.80111 184.978 4.65932 185.96 4.65932 187.029C4.65932 187.902 4.78093 188.684 5.02391 189.372C5.2669 190.061 5.60354 190.633 6.03636 191.086C6.46919 191.542 6.97288 191.883 7.54997 192.114C8.12707 192.344 8.74455 192.46 9.40011 192.46L11.6503 192.46L11.6503 192.379C11.2833 192.078 10.9012 191.673 10.5088 191.167C10.114 190.658 9.79753 190.035 9.55707 189.299C9.31408 188.56 9.19261 187.763 9.19261 186.912C9.19261 185.867 9.38498 184.864 9.76718 183.91C10.1494 182.958 10.6961 182.121 11.3998 181.404C12.106 180.686 12.9539 180.126 13.9486 179.721C14.9408 179.319 16.0165 179.116 17.1833 179.116C18.7248 179.116 20.122 179.471 21.3724 180.182C22.6228 180.896 23.5744 181.835 24.2275 183.004C24.8805 184.173 25.207 185.434 25.207 186.78C25.207 187.859 24.997 188.884 24.5768 189.853C24.1567 190.823 23.5592 191.655 22.7822 192.344L22.7822 192.41L25.0147 192.41L25.0071 192.415ZM11.6959 187.125C11.6959 187.912 11.835 188.641 12.116 189.309C12.397 189.98 12.7894 190.554 13.288 191.033C13.7917 191.514 14.3865 191.878 15.075 192.134C15.7635 192.387 16.505 192.513 17.2922 192.513C18.0794 192.513 18.8109 192.377 19.4816 192.101C20.1549 191.828 20.7321 191.445 21.213 190.962C21.6939 190.476 22.0608 189.901 22.319 189.238C22.5772 188.575 22.7088 187.871 22.7088 187.127C22.7088 186.383 22.5721 185.684 22.2962 185.031C22.0229 184.378 21.6381 183.816 21.1471 183.341C20.6586 182.867 20.0739 182.5 19.4006 182.242C18.7274 181.984 18.0136 181.852 17.2593 181.852C16.8594 181.852 16.4164 181.898 15.9228 181.989C15.4343 182.083 14.9483 182.247 14.4674 182.493C13.989 182.736 13.5335 183.07 13.1108 183.495C12.6856 183.92 12.3413 184.454 12.0831 185.097C11.825 185.74 11.6959 186.416 11.6959 187.127L11.6959 187.125Z" fill="#252525"/> 1087<path d="M27.9987 201.634C27.9987 201.095 28.181 200.642 28.5481 200.275C28.9151 199.91 29.358 199.726 29.8743 199.726C30.1224 199.726 30.3932 199.786 30.6843 199.91C30.9754 200.034 31.2285 200.257 31.4436 200.574C31.6613 200.89 31.7676 201.247 31.7676 201.634C31.7676 202.021 31.6613 202.363 31.4436 202.684C31.2285 203.008 30.9728 203.234 30.6766 203.358C30.3805 203.482 30.1123 203.545 29.8769 203.545C29.6415 203.545 29.3756 203.482 29.0846 203.358C28.7935 203.234 28.5379 203.008 28.3228 202.684C28.1076 202.363 28.0013 202.011 28.0013 201.634L27.9987 201.634ZM8.87871 200.275L25.0045 200.275L25.0045 202.943L8.87871 202.943L8.87871 200.275Z" fill="#252525"/> 1088<path d="M8.67023 212.733C8.67023 209.941 10.3433 208.544 13.6869 208.544L22.68 208.544L22.68 206.491L25.0086 206.491L25.0086 208.544L30.5239 208.544L30.8125 211.227L25.0061 211.227L25.0061 216.565L22.6774 216.565L22.6774 211.227L14.0868 211.227C13.0845 211.227 12.3505 211.374 11.8873 211.665C11.4241 211.956 11.1912 212.467 11.1912 213.204C11.1912 213.644 11.2696 214.107 11.4265 214.586C11.5835 215.067 11.781 215.51 12.0189 215.922L9.67255 216.633C9.28528 215.955 9.01955 215.294 8.88033 214.662C8.74112 214.024 8.67023 213.383 8.67023 212.735L8.67023 212.733Z" fill="#252525"/> 1089<path d="M25.0082 232.045L25.0082 234.728L8.88244 234.728L8.88244 232.156L11.4389 232.156L11.4389 232.105C10.5657 231.447 9.88472 230.635 9.40127 229.663C8.9153 228.693 8.67234 227.625 8.67234 226.461C8.67234 225.079 8.98879 223.788 9.61904 222.578C10.2493 221.371 11.1959 220.399 12.4564 219.66C13.7169 218.923 15.1799 218.554 16.8429 218.554C18.0173 218.554 19.1184 218.746 20.1435 219.133C21.1686 219.523 22.0569 220.075 22.8112 220.794C23.5654 221.51 24.1528 222.35 24.5729 223.317C24.9931 224.282 25.2031 225.324 25.2031 226.448C25.2031 227.572 24.9779 228.577 24.5324 229.536C24.0844 230.496 23.444 231.308 22.6138 231.979L22.6138 232.045L25.0082 232.045ZM11.1301 226.722C11.1301 227.433 11.2668 228.119 11.5401 228.774C11.816 229.432 12.2058 230.015 12.712 230.523C13.2182 231.027 13.8257 231.427 14.5319 231.71C15.2381 231.997 15.9999 232.138 16.82 232.138C17.6401 232.138 18.3944 232.004 19.1183 231.733C19.8397 231.462 20.4725 231.085 21.0192 230.594C21.5634 230.103 21.9861 229.526 22.2899 228.863C22.5911 228.2 22.7429 227.496 22.7429 226.752C22.7429 226.008 22.6011 225.286 22.3201 224.616C22.0417 223.948 21.6393 223.363 21.1154 222.859C20.594 222.358 19.9637 221.971 19.2221 221.695C18.4856 221.421 17.6831 221.282 16.82 221.282C16.0227 221.282 15.2735 221.414 14.5724 221.672C13.8688 221.93 13.2638 222.3 12.7525 222.778C12.2387 223.259 11.8413 223.836 11.5553 224.509C11.2693 225.183 11.1276 225.919 11.1276 226.717L11.1301 226.722Z" fill="#252525"/> 1090<path d="M8.87914 239.921L33.2715 239.921L33.2715 242.589L8.87914 242.589L8.87914 239.921Z" fill="#252525"/> 1091<path d="M25.2012 276.265C25.2012 280.029 22.9105 281.909 18.3266 281.909L8.88049 281.909L8.88049 279.241L17.5977 279.241C19.3872 279.241 20.6932 278.933 21.5132 278.32C22.3308 277.705 22.7435 276.756 22.7435 275.473C22.7435 274.858 22.6093 274.273 22.3385 273.716C22.0676 273.162 21.6777 272.676 21.1665 272.261C20.6526 271.846 20.03 271.522 19.2985 271.291C18.5645 271.058 17.7596 270.942 16.8889 270.942L8.88296 270.942L8.88296 268.274L17.633 268.274C19.3795 268.274 20.6678 267.953 21.498 267.31C22.3283 266.667 22.7435 265.71 22.7435 264.439C22.7435 263.794 22.6093 263.184 22.3385 262.612C22.0676 262.04 21.6777 261.541 21.1665 261.116C20.6526 260.691 20.03 260.359 19.2985 260.121C18.567 259.883 17.7596 259.764 16.8889 259.764L8.88296 259.764L8.88296 257.097L25.0087 257.097L25.0087 259.764L22.26 259.764L22.26 259.815C23.1965 260.473 23.9229 261.276 24.4342 262.225C24.9455 263.174 25.2012 264.176 25.2012 265.234C25.2012 266.485 24.9404 267.543 24.4165 268.403C23.8951 269.266 23.1104 269.909 22.0625 270.329L22.0625 270.395C23.0673 271.053 23.8394 271.891 24.3861 272.909C24.9303 273.929 25.2012 275.047 25.2012 276.265Z" fill="#252525"/> 1092<path d="M25.0082 299.236L25.0082 301.919L8.88244 301.919L8.88244 299.347L11.4389 299.347L11.4389 299.297C10.5657 298.639 9.88472 297.826 9.40127 296.854C8.9153 295.885 8.67234 294.817 8.67234 293.652C8.67234 292.27 8.98879 290.979 9.61904 289.77C10.2493 288.562 11.1959 287.59 12.4564 286.851C13.7169 286.115 15.1799 285.745 16.8429 285.745C18.0173 285.745 19.1184 285.937 20.1435 286.325C21.1686 286.715 22.0569 287.266 22.8112 287.985C23.5654 288.701 24.1528 289.542 24.5729 290.509C24.9931 291.473 25.2031 292.516 25.2031 293.64C25.2031 294.763 24.9779 295.768 24.5324 296.728C24.0844 297.687 23.444 298.499 22.6138 299.17L22.6138 299.236L25.0082 299.236ZM11.1301 293.913C11.1301 294.624 11.2668 295.31 11.5401 295.966C11.816 296.624 12.2058 297.206 12.712 297.715C13.2182 298.219 13.8257 298.618 14.5319 298.902C15.2381 299.188 15.9999 299.33 16.82 299.33C17.6401 299.33 18.3944 299.195 19.1183 298.925C19.8397 298.654 20.4725 298.277 21.0192 297.786C21.5634 297.295 21.9861 296.718 22.2899 296.054C22.5911 295.391 22.7429 294.688 22.7429 293.943C22.7429 293.199 22.6011 292.478 22.3201 291.807C22.0417 291.139 21.6393 290.554 21.1154 290.051C20.594 289.549 19.9637 289.162 19.2221 288.886C18.4856 288.613 17.6831 288.474 16.82 288.474C16.0227 288.474 15.2735 288.605 14.5724 288.863C13.8688 289.122 13.2638 289.491 12.7525 289.97C12.2387 290.45 11.8413 291.028 11.5553 291.701C11.2693 292.374 11.1276 293.111 11.1276 293.908L11.1301 293.913Z" fill="#252525"/> 1093<path d="M25.2 315.46C25.2 316.32 25.0632 317.11 24.7873 317.829C24.514 318.548 24.0964 319.158 23.5345 319.664C22.9726 320.17 22.2639 320.562 21.4084 320.836C20.5503 321.109 19.5606 321.248 18.4419 321.248L8.8666 321.248L8.8666 318.563L17.6977 318.563C18.8393 318.563 19.7757 318.421 20.5047 318.135C21.2337 317.849 21.788 317.424 22.1702 316.859C22.5524 316.295 22.7448 315.546 22.7448 314.619C22.7448 313.875 22.6131 313.189 22.3499 312.564C22.0841 311.939 21.6994 311.402 21.1932 310.957C20.687 310.509 20.0719 310.162 19.348 309.922C18.6267 309.679 17.8243 309.557 16.9384 309.557L8.8844 309.557L8.8844 306.874L25.0102 306.874L25.0102 309.557L22.2284 309.557L22.2284 309.608C23.1776 310.276 23.9091 311.119 24.4279 312.136C24.9468 313.156 25.2051 314.262 25.2051 315.462L25.2 315.46Z" fill="#252525"/> 1094<path d="M25.0072 337.15L25.0072 339.835L8.88139 339.835L8.88139 337.15L11.5492 337.15L11.5492 337.102C10.6329 336.464 9.92425 335.684 9.42309 334.758C8.92192 333.829 8.67129 332.844 8.67129 331.796C8.67129 330.878 8.81047 330.047 9.08383 329.298C9.35
1094719 328.549 9.7724 327.911 10.3292 327.382C10.8836 326.853 11.5897 326.448 12.4477 326.167C13.3058 325.886 14.2879 325.747 15.399 325.747L25.0072 325.747L25.0072 328.43L16.176 328.43C15.28 328.43 14.5107 328.516 13.8627 328.681C13.2172 328.848 12.6933 329.096 12.2933 329.425C11.896 329.756 11.6048 330.164 11.4201 330.655C11.2378 331.143 11.1468 331.715 11.1468 332.361C11.1468 333.006 11.2834 333.606 11.5593 334.188C11.8327 334.77 12.2326 335.284 12.7566 335.727C13.278 336.168 13.9208 336.517 14.6827 336.773C15.442 337.026 16.2824 337.152 17.1962 337.152L25.0098 337.152L25.0072 337.15Z" fill="#252525"/> 1095<path d="M8.87997 345.479L22.6771 345.479L22.6771 343.507L25.0058 343.507L25.0058 345.479L28.2733 345.479C29.1263 345.479 29.8807 345.58 30.5388 345.787C31.1968 345.992 31.7411 346.289 32.1714 346.676C32.6017 347.063 32.9281 347.536 33.1508 348.098C33.3736 348.66 33.4824 349.295 33.4824 350.007C33.4824 351.376 33.1432 352.629 32.4649 353.76L30.1514 353.161C30.7007 352.085 30.9766 351.143 30.9766 350.348C30.9766 348.88 29.9894 348.146 28.0152 348.146L25.0058 348.146L25.0058 352.725L22.6771 352.725L22.6771 348.146L8.87997 348.146L8.87997 345.479Z" fill="#252525"/> 1096<path d="M25.0082 368.047L25.0082 370.73L8.88244 370.73L8.88244 368.158L11.4389 368.158L11.4389 368.107C10.5657 367.449 9.88472 366.637 9.40127 365.665C8.9153 364.695 8.67234 363.627 8.67234 362.463C8.67234 361.081 8.98879 359.79 9.61904 358.58C10.2493 357.373 11.1959 356.401 12.4564 355.662C13.7169 354.925 15.1799 354.556 16.8429 354.556C18.0173 354.556 19.1184 354.748 20.1435 355.135C21.1686 355.525 22.0569 356.077 22.8112 356.796C23.5654 357.512 24.1528 358.352 24.5729 359.319C24.9931 360.284 25.2031 361.326 25.2031 362.45C25.2031 363.574 24.9779 364.579 24.5324 365.538C24.0844 366.498 23.444 367.31 22.6138 367.981L22.6138 368.047L25.0082 368.047ZM11.1301 362.724C11.1301 363.435 11.2668 364.121 11.5401 364.776C11.816 365.434 12.2058 366.017 12.712 366.525C13.2182 367.029 13.8257 367.429 14.5319 367.713C15.2381 367.999 15.9999 368.14 16.82 368.14C17.6401 368.14 18.3944 368.006 19.1183 367.735C19.8422 367.464 20.4725 367.087 21.0192 366.596C21.5634 366.105 21.9861 365.528 22.2899 364.865C22.5911 364.202 22.7429 363.498 22.7429 362.754C22.7429 362.01 22.6011 361.289 22.3201 360.618C22.0417 359.95 21.6393 359.365 21.1154 358.861C20.594 358.36 19.9637 357.973 19.2221 357.697C18.4856 357.423 17.6831 357.284 16.82 357.284C16.0227 357.284 15.2735 357.416 14.5724 357.674C13.8688 357.932 13.2638 358.302 12.7525 358.78C12.2387 359.261 11.8413 359.838 11.5553 360.511C11.2693 361.185 11.1276 361.921 11.1276 362.719L11.1301 362.724Z" fill="#252525"/> 1097<path d="M16.2699 381.794L16.2699 381.743L12.5189 378.364L8.87914 378.364L8.87914 375.696L33.2715 375.696L33.2715 378.364L16.2067 378.364L16.2067 378.415L25.0049 386.357L25.0049 389.607L18.3252 383.591L8.87913 389.64L8.87913 386.585L16.2699 381.799L16.2699 381.794Z" fill="#252525"/> 1098<path d="M8.67023 397.499C8.67023 394.707 10.3433 393.31 13.6869 393.31L22.68 393.31L22.68 391.257L25.0086 391.257L25.0086 393.31L30.5239 393.31L30.8125 395.993L25.0061 395.993L25.0061 401.331L22.6774 401.331L22.6774 395.993L14.0868 395.993C13.0845 395.993 12.3505 396.139 11.8873 396.43C11.4241 396.722 11.1912 397.233 11.1912 397.969C11.1912 398.41 11.2696 398.873 11.4265 399.351C11.5835 399.832 11.781 400.275 12.0189 400.688L9.67255 401.399C9.28528 400.721 9.01955 400.06 8.88033 399.427C8.74112 398.789 8.67023 398.149 8.67023 397.501L8.67023 397.499Z" fill="#252525"/> 1099<path d="M25.0091 416.068L25.0091 418.753L8.88334 418.753L8.88334 416.068L11.5512 416.068L11.5512 416.02C10.6349 415.382 9.9262 414.602 9.42504 413.676C8.92388 412.747 8.67324 411.762 8.67324 410.714C8.67324 409.796 8.81242 408.965 9.08578 408.216C9.35915 407.467 9.77435 406.829 10.3312 406.3C10.8855 405.771 11.5916 405.366 12.4497 405.085C13.3077 404.804 14.2898 404.665 15.401 404.665L25.0091 404.665L25.0091 407.348L16.178 407.348C15.282 407.348 14.5126 407.434 13.8646 407.599C13.2192 407.766 12.6952 408.014 12.2953 408.343C11.8979 408.674 11.6068 409.082 11.422 409.573C11.2398 410.061 11.1487 410.633 11.1487 411.279C11.1487 411.924 11.2854 412.524 11.5613 413.106C11.8347 413.688 12.2346 414.202 12.7585 414.645C13.2799 415.086 13.9228 415.435 14.6847 415.691C15.444 415.944 16.2844 416.07 17.1981 416.07L25.0117 416.07L25.0091 416.068Z" fill="#252525"/> 1100<path d="M25.2012 431.709C25.2012 432.022 25.191 432.243 25.1682 432.372L22.2068 432.372C22.2397 431.984 22.2574 431.628 22.2574 431.304C22.2574 430.559 22.1207 429.884 21.8448 429.274C21.5715 428.664 21.1792 428.147 20.673 427.719C20.1667 427.294 19.5694 426.97 18.886 426.74C18.2 426.515 17.461 426.401 16.6637 426.401L8.88296 426.401L8.88296 423.718L25.0087 423.718L25.0087 426.401L22.1941 426.401L22.1941 426.467C23.1534 427.072 23.8951 427.826 24.4165 428.732C24.9404 429.638 25.2012 430.63 25.2012 431.709Z" fill="#252525"/> 1101<path d="M62.4649 31.8899C62.6143 26.5492 61.3867 21.4843 59.1036 17.0346V4.7714H47.7236C43.3018 2.06562 38.1358 0.443184 32.5926 0.288786C15.6442 -0.189597 1.46736 13.2127 0.988981 30.1611C0.510599 47.1095 13.9129 61.2863 30.8613 61.7647C47.8097 62.2431 61.9865 48.8408 62.4649 31.8924V31.8899ZM13.9306 30.523C14.2065 20.7098 22.4149 12.952 32.2281 13.2279C42.0413 13.5038 49.7992 21.7121 49.5233 31.5253C49.2474 41.3385 41.039 49.0964 31.2258 48.8205C21.4126 48.5446 13.6547 40.3362 13.9306 30.523Z" fill="#252525"/> 1102<path d="M62.0976 70.6086C60.7865 67.3738 57.1113 65.8171 53.8613 67.1232L17.9245 8
11021.6822C14.6872 82.9933 13.128 86.6812 14.4391 89.9185C15.4364 92.3762 17.803 93.8696 20.3037 93.8696C21.0934 93.8696 21.8958 93.7203 22.6754 93.4039L58.6123 78.8448C61.8496 77.5337 63.4088 73.8459 62.0976 70.6086Z" fill="#252525"/> 1103</svg></div></div>
1103<script>isLoaded(['SplitType', 'gsap'], () => { 1104 1105 gsap.registerPlugin(ScrollTrigger) 1106 1107 const splitTypes = document.querySelectorAll('#mod_6ac0f3b60b22e .text'); 1108 1109 splitTypes.forEach((char, i) => { 1110 const text = new SplitType(char, { types: 'words' }) 1111 1112 let start_top = 'top 90%'; 1113 let end_top = 'top 30%'; 1114 1115 // Get window outer widh 1116 if ( window.innerWidth < 1000 ) { 1117 start_top = 'top 70%'; 1118 end_top = 'top 20%'; 1119 } 1120 1121 gsap.from(text.words, { 1122 scrollTrigger: { 1123 trigger: char, 1124 start: start_top, 1125 end: end_top, 1126 scrub: true, 1127 }, 1128 translateY: '40px', 1129 filter: 'blur(10px)', 1130 opacity: 0.1, 1131 stagger: 0.1, 1132 }) 1133 }); 1134 1135});</script>
1135 </section></main><footer id="main_footer"><div class="footer_intro"><div class="wrap"> 1136<a href="https://graphek.de" class="footer_logo"> 1137<img src="https://graphek.de/wp-content/themes/graphek4/images/logo_small_black.svg" width="25" height="38" alt="Graphek Logo Icon" /> 1138</a><div class="footer_desc"><div class="text"><h3 class="subtitle font_weight_normal">Deiner Bremer Werbeagentur</h3><div class="h3"><p>Wir entwickeln <a href="https://graphek.de/expertise/webdesign-agentur-bremen/">responsive Websites</a>, <a href="https://graphek.de/expertise/webentwicklung-agentur/">WebApps</a> und <a href="https://graphek.de/expertise/corporate-design-agentur/">Corporate Designs</a>, welche die Fundamente ambitionierter Digitalstrategien bilden.</p></div></div></div></div></div><div class="wrap menu_area"><nav class="footer_menu"><ul id="menu-footer-nav" class="menu"><li id="menu-item-3256" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3256"><a href="https://graphek.de/referenzen-werbeagentur/">Referenzen</a><ul class="sub-menu"><li id="menu-item-3257" class="menu-item menu-item-type-post_type menu-item-object-projekt menu-item-3257"><a href="https://graphek.de/referenzen/mein-fruehstueck/">MeinFrühstück24</a></li><li id="menu-item-3260" class="menu-item menu-item-type-post_type menu-item-object-projekt menu-item-3260"><a href="https://graphek.de/referenzen/kevin-gideon/">Kevin Gideon</a></li><li id="menu-item-3258" class="menu-item menu-item-type-post_type menu-item-object-projekt menu-item-3258"><a href="https://graphek.de/referenzen/platido/">Plaques24</a></li><li id="menu-item-3261" class="menu-item menu-item-type-post_type menu-item-object-projekt menu-item-3261"><a href="https://graphek.de/referenzen/brigg-jugendhilfe/">BRIGG</a></li><li id="menu-item-3262" class="menu-item menu-item-type-post_type menu-item-object-projekt menu-item-3262"><a href="https://graphek.de/referenzen/plantura/">Plantura</a></li><li id="menu-item-3259" class="menu-item menu-item-type-post_type menu-item-object-projekt menu-item-3259"><a href="https://graphek.de/referenzen/vierhaus/">Vierhaus Group</a></li><li id="menu-item-3638" class="menu-item menu-item-type-post_type menu-item-object-projekt menu-item-3638"><a href="https://graphek.de/referenzen/nina-kastens/">Nina Kastens</a></li></ul></li><li id="menu-item-407" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-407"><a href="https://graphek.de/expertise/">Expertise</a><ul class="sub-menu"><li id="menu-item-3255" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3255"><a href="https://graphek.de/expertise/ui-ux-design-agentur/">UI / UX Design</a></li><li id="menu-item-6765" class="menu-item menu-item-type-post_type menu-item-object-projekt menu-item-6765"><a href="https://graphek.de/referenzen/designsystem/">Design Systeme</a></li><li id="menu-item-6726" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6726"><a href="https://graphek.de/expertise/webdesign-agentur-bremen/">Webdesign</a></li>
1138<li id="menu-item-3254" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3254"><a href="https://graphek.de/expertise/webentwicklung-agentur/">Webentwicklung</a></li><li id="menu-item-3253" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3253"><a href="https://graphek.de/expertise/wordpress-agentur-bremen/">WordPress</a></li><li id="menu-item-3250" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3250"><a href="https://graphek.de/expertise/onlineshop-agentur/">Onlineshop</a></li><li id="menu-item-3249" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3249"><a href="https://graphek.de/expertise/wordpress-wartungsvertrag/">WordPress Wartung</a></li><li id="menu-item-3252" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3252"><a href="https://graphek.de/expertise/corporate-design-agentur/">Corporate Design</a></li><li id="menu-item-3637" class="menu-item menu-item-type-post_type menu-item-object-projekt menu-item-3637"><a href="https://graphek.de/referenzen/logoentwicklung/">Logoentwicklung</a></li></ul></li><li id="menu-item-4335" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-4335"><a href="https://graphek.de/digitalagentur-bremen/">Agentur</a><ul class="sub-menu"><li id="menu-item-3789" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3789"><a href="https://graphek.de/digitalagentur-bremen/">Ãber uns</a></li><li id="menu-item-3749" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3749"><a href="https://graphek.de/digitalagentur-bremen#graphektivities">Graphektivities</a></li><li id="menu-item-3747" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3747"><a href="https://graphek.de/digitalagentur-bremen#die-gruender">Die Gründer</a></li><li id="menu-item-3750" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3750"><a href="https://graphek.de/digitalagentur-bremen#10-jahre-graphek">10 Jahre Graphek</a></li><li id="menu-item-3247" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3247"><a href="https://graphek.de/kontakt/">Kontakt</a></li><li id="menu-item-5585" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5585"><a href="https://graphek.de/blog/">Blog</a></li></ul></li></ul></nav><aside class="adresse"><div><strong>Graphek GmbH</strong></div><div><div>Am Tabakquartier 50<br/>Loft 6</div><div> 1139<span>28197</span> <span>Bremen</span></div></div><div class="contact"> 1140Tel: <a href="tel:+4942169698983">0421 69 69 89 83</a><br> 1141E-Mail: <a href="mailto:[email protected]">[email protected]</a></div></aside></div><div class="footer_bottom"><div class="wrap"><div class="bottom_content"><div class="left"> 1142<img class="award" width="227" height="72" src="https://graphek.de/wp-content/themes/graphek4/images/GWA_Siegel3_Schwarz.svg" alt="German Web Awards Winner 2024" /> 1143<img class="award csswinner" width="300" height="60" src="https://graphek.de/wp-content/themes/graphek4/images/CSSWinnerStar.svg" alt="CSSWinner Star 2024" /><div class="copyright"> 1144© 2026 Graphek GmbH | Werbeagentur in Bremen & Oldenburg</div></div><div class="right"><ul id="menu-footer-nav-bottom" class="menu"><li id="menu-item-860" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-860"><a rel="privacy-policy" href="https://graphek.de/datenschutzerklaerung/">Datenschutzerklärung</a></li><li id="menu-item-4521" class="cookie_settings menu-item menu-item-type-custom menu-item-object-custom menu-item-4521"><a href="#!">Cookie Einstellungen</a></li><li id="menu-item-861" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-861"><a href="https://graphek.de/impressum/">Impressum</a></li></ul></div></div></div></div></footer></div><div id="mobile_nav_container"> 1145<button id="mobile_nav_trigger"> 1146<span class="show"> 1147Navigation 1148<img width="13" height="10" src="https://graphek.de/wp-content/themes/graphek4/images/menu.svg" alt="Open Menu" fetchpriority="high" decoding="sync"> 1149</span> 1150<span class="hide"> 1151<img width="10" height="10" src="https://graphek.de/wp-content/themes/graphek4/images/close.svg" alt="Close Menu" fetchpriority="high" decoding="sync"> 1152</span> 1153</button><div id="mobile_nav"><div class="top_area"><div class="inner"> 1154<a class="logo" href="https://graphek.de"> 1155<img width="25" height="38" src="https://graphek.de/wp-content/themes/graphek4/images/logo_small_white.svg" alt="Graphek Logo White" fetchpriority="high" decoding="sync"/> 1156</a> 1157<a class="stars_wrapper" target="_blank" href="https://maps.app.goo.gl/SD2jL6JeU14BwNnK6"><div class="partial_stars"> 1158<span>
11595.0 </span> 1160<img class="stars" width="130" height="22" src="https://graphek.de/wp-content/themes/graphek4/images/stars_white.svg" alt="5 Sterne Bewertung" fetchpriority="high" decoding="sync"/> 1161<img class="external_link" width="9" height="9" src="https://graphek.de/wp-content/themes/graphek4/images/arrow_open_external.svg" alt="Bewertungen öffnen" fetchpriority="high" decoding="sync"/></div> </a></div></div><nav id="main_mobile"><div class="menu-header-container"><ul id="menu-header-1" class="menu"><li class="hide_desktop menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-2 current_page_item menu-item-1195"><a href="https://graphek.de/" aria-current="page">Moin</a></li><li class="has_bubble menu-item menu-item-type-post_type menu-item-object-page menu-item-649"><a href="https://graphek.de/referenzen-werbeagentur/">Referenzen</a></li><li class="mega_trigger menu-item menu-item-type-post_type menu-item-object-page menu-item-651"><a href="https://graphek.de/expertise/">Expertise</a></li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-656"><a href="https://graphek.de/digitalagentur-bremen/">Agentur</a></li><li class="hide_on_desktop_nav menu-item menu-item-type-post_type menu-item-object-page menu-item-6862"><a href="https://graphek.de/blog/">Blog</a></li><li class="header_cta hide_mobile menu-item menu-item-type-post_type menu-item-object-page menu-item-969"><a href="https://graphek.de/kontakt/">Kontakt</a></li></ul></div></nav><nav id="expertise"><div class="menu-expertise-container"><ul id="menu-expertise" class="menu"><li id="menu-item-6727" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6727"><a href="https://graphek.de/expertise/webdesign-agentur-bremen/">Webdesign</a></li><li id="menu-item-3839" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3839"><a href="https://graphek.de/expertise/ui-ux-design-agentur/">UI / UX Design</a></li><li id="menu-item-6766" class="menu-item menu-item-type-post_type menu-item-object-projekt menu-item-6766"><a href="https://graphek.de/referenzen/designsystem/">Design Systeme</a></li><li id="menu-item-3837" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3837"><a href="https://graphek.de/expertise/corporate-design-agentur/">Corporate Design</a></li><li id="menu-item-6767" class="menu-item menu-item-type-post_type menu-item-object-projekt menu-item-6767"><a href="https://graphek.de/referenzen/logoentwicklung/">Logoentwicklung</a></li><li id="menu-item-3841" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3841"><a href="https://graphek.de/expertise/webentwicklung-agentur/">Webentwicklung</a></li><li id="menu-item-3842" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3842"><a href="https://graphek.de/expertise/wordpress-agentur-bremen/">WordPress</a></li><li id="menu-item-3843" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3843"><a href="https://graphek.de/expertise/wordpress-wartungsvertrag/">WordPress Wartung</a></li><li id="menu-item-3838" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3838"><a href="https://graphek.de/expertise/onlineshop-agentur/">Onlineshop</a></li></ul></div></nav><div class="anfrage"> 1162<a class="button has_arrow" href="https://graphek.de/kontakt/" id="projektanfrage"> 1163Kontakt </a> 1164<button class="button has_arrow" id="back_to_main"> 1165Hauptmenü 1166</button></div></div></div>
1166<script>(() => { 1167 1168 const mobileNav = document.getElementById('mobile_nav'); 1169 const menuTrigger = document.getElementById('mobile_nav_trigger'); 1170 1171 window.addEventListener('DOMContentLoaded', () => { 1172 setTimeout(() => { 1173 menuTrigger.classList.add('show'); 1174 }, 1000); 1175 }); 1176 1177 menuTrigger.addEventListener('click', function() { 1178 if ( document.body.classList.contains('mobileNavShow') ) { 1179 document.body.classList.remove('mobileNavShow'); 1180 mobileNav.classList.remove('show-expertise'); 1181 mobileNav.classList.remove('show-main'); 1182 } else { 1183 document.body.classList.add('mobileNavShow'); 1184 } 1185 }); 1186 1187 const expertiseTrigger = document.querySelector('#main_mobile .mega_trigger'); 1188 1189 expertiseTrigger.addEventListener("click", function(e) { 1190 e.preventDefault(); 1191 e.stopPropagation(); 1192 mobileNav.classList.add('show-expertise'); 1193 mobileNav.classList.remove('show-main'); 1194 }); 1195 1196 const backButton = document.querySelector('#back_to_main'); 1197 1198 backButton.addEventListener("click", function(e) { 1199 e.preventDefault(); 1200 e.stopPropagation(); 1201 mobileNav.classList.remove('show-expertise'); 1202 mobileNav.classList.add('show-main'); 1203 }); 1204 1205 1206 // Show Nav when page is scrolled down at least xxx of document 1207 // if ( document.body.scrollHeight < 1700 ) { 1208 // menuTrigger.classList.add('show'); 1209 // } 1210 // else { 1211 // window.addEventListener('scroll', () => { 1212 // if (window.scrollY > 1500 ) { 1213 // menuTrigger.classList.add('show'); 1214 // } else { 1215 // menuTrigger.classList.remove('show'); 1216 // } 1217 // }); 1218 // } 1219 1220})();</script>
1220<link rel='stylesheet' href='https://graphek.de/wp-content/themes/graphek4/assets/css_parts/cookieconsent.min.css?ver=1789037096' media='print' onload="this.media='all'" />
1220<script>window.datenschutz_mail = "[email protected]"; 1221window.impressum_url = "https:\/\/graphek.de\/impressum\/"; 1222window.datenschutz_url = "https:\/\/graphek.de\/datenschutzerklaerung\/"; 1223 1224(() => { 1225 // DOMContentLoaded also fires when a deferred download failed. Wait for both 1226 // actual load events and the DOM; synthetic DOM events must not re-run consent. 1227 const domReady = document.readyState === 'loading' 1228 ? new Promise(resolve => document.addEventListener('DOMContentLoaded', resolve, { once: true })) 1229 : Promise.resolve(); 1230 1231 function loadConsentScript(url, retry = true) { 1232 return new Promise((resolve, reject) => { 1233 const script = document.createElement('script'); 1234 script.src = url; 1235 script.onload = resolve; 1236 script.onerror = () => { 1237 script.remove(); 1238 // One fresh request recovers transient failures; a permanent failure is 1239 // reported below and all consent-managed services remain blocked. 1240 if (retry) resolve(loadConsentScript(url + '&retry=1', false)); 1241 else reject(new Error('Cookie Consent: Script konnte nicht geladen werden: ' + url)); 1242 }; 1243 document.head.appendChild(script); 1244 }); 1245 } 1246 1247 Promise.all([ 1248 domReady, 1249 loadConsentScript("https:\/\/graphek.de\/wp-content\/themes\/graphek4\/partials\/cookieconsent\/cookieconsent.js?ver=1774467326"), 1250 loadConsentScript("https:\/\/graphek.de\/wp-content\/themes\/graphek4\/partials\/cookieconsent\/cookieconsent_de.js?ver=1789718939") 1251 ]).then(() => { 1252 if (!window.CookieConsent || typeof window.CookieConsent.run !== 'function' || !window.cc_de) { 1253 throw new Error('Cookie Consent: Geladene Scripts stellen Bibliothek oder Ãbersetzung nicht bereit.'); 1254 } 1255 1256 /** 1257 * All config. options available here: 1258 * https://cookieconsent.orestbida.com/reference/configuration-reference.html 1259 */ 1260 return CookieConsent.run({ 1261 1262 // root: 'body', 1263 // autoShow: true, 1264 // disablePageInteraction: true, 1265 // hideFromBots: true, 1266 // mode: 'opt-in', 1267 revision: 6, 1268 1269 cookie: { 1270 name: 'cc_cookie', 1271 // domain: location.hostname, 1272 // path: '/', 1273 // sameSite: "Lax", 1274 // expiresAfterDays: 365, 1275 }, 1276 1277 // https://cookieconsent.orestbida.com/reference/configuration-reference.html#guioptions 1278 guiOptions: { 1279 consentModal: { 1280 layout: 'cloud inline', 1281 position: 'bottom center', 1282 equalWeightButtons: true, 1283 flipButtons: false 1284 }, 1285 preferencesModal: { 1286 layout: 'box', 1287 equalWeightButtons: true, 1288 flipButtons: false 1289 } 1290 }, 1291 1292 categories: { 1293 necessary: { 1294 enabled: true, // this category is enabled by default 1295 readOnly: true // this category cannot be disabled 1296 }, 1297 // Analytics = Umami (self-hosted, analytics.graphek.de) und Google Tag Manager 1298 // (sst.graphek.de, GTM-5LHJ5CX6; Google Analytics + Google-Ads-Conversion), wie vor der 1299 // Umami-Integration. Umami setzt keine Cookies; die Regeln betreffen Google und Hotjar-Altbestand. 1300 analytics: { 1301 readOnly: false, 1302 autoClear: { 1303 cookies: [ 1304 { 1305 name: /^(_hj)/ // regex 1306 }, 1307 { 1308 name: /^_ga/, // regex: match all cookies starting with '_ga' 1309 }, 1310 { 1311 name: '_gid', // string: exact cookie name 1312 } 1313 ] 1314 } 1315 }, 1316 openai_ads: { 1317 enabled: false, 1318 readOnly: false, 1319 autoClear: { 1320 cookies: [ 1321 { 1322 name: '__oppref' 1323 }, 1324 { 1325 name: 'graphek_openai_oppref' 1326 } 1327 ] 1328 } 1329 }, 1330 campaign_attribution: { 1331 enabled: false, 1332 readOnly: false, 1333 autoClear: { 1334 cookies: [ 1335 { 1336 name: 'graphek_campaign_source' 1337 } 1338 ] 1339 } 1340 }, 1341 external: { 1342 readOnly: false, 1343 autoClear: { 1344 cookies: [ 1345 { 1346 name: 'calendar.google.com', // string: exact cookie name 1347 } 1348 ] 1349 } 1350 }, 1351 }, 1352 1353 language: { 1354 default: 'de', 1355 translations: { 1356 de: cc_de 1357 } 1358 } 1359 }); 1360 1361 }).then(() => { 1362 // Cookie-Consent via .cookie_settings Klasse triggern (Für WP Menue) 1363 const cookieSettingsButtons = document.querySelectorAll('.cookie_settings'); 1364 if ( cookieSettingsButtons ) { 1365 cookieSettingsButtons.forEach(function(cookieSettingsButton) { 1366 cookieSettingsButton.addEventListener('click', function(event) { 1367 event.preventDefault(); 1368 CookieConsent.showPreferences(); 1369 }); 1370 }); 1371 } 1372 }).catch(error => { 1373 console.error('Cookie Consent konnte nicht initialisiert werden.', error); 1374 }); 1375})();</script>
1375 <div class="sidenav_container hide" id="sidenav"><button class="sidenav_item" id="trigger_welcome" aria-label="Welcome Video"><div class="left"><div class="icon warm_welcome"><video loop muted autoplay playsinline> 1376<source src="https://graphek.de/wp-content/themes/graphek4/partials/sidenav/bubble.mp4?t=2" type="video/mp4"></video></div><div class="title">Herzlich Willkommen!</div></div><div class="right"> 1377<img width="10" height="17" src="https://graphek.de/wp-content/themes/graphek4/images/icon-arrow-chevron-right-black.svg" alt="Arrow" /></div> 1378</button> 1379<a class="sidenav_item kontakt" href="https://graphek.de/kontakt/"><div class="left"><div class="icon"> 1380<img height="512" width="512" src="https://graphek.de/wp-content/themes/graphek4/images/contact.svg" alt="Kontakt" /></div><div class="title">Kontakt</div></div><div class="right"> 1381<img width="10" height="17" src="https://graphek.de/wp-content/themes/graphek4/images/icon-arrow-chevron-right-black.svg" alt="Arrow" /></div> 1382</a> 1383<button class="sidenav_item back_to_top"><div class="left"><div class="icon"> 1384<img width="30" height="30" src="https://graphek.de/wp-content/themes/graphek4/images/icon_back_to_top.svg" alt="Zum Seitenanfang" ></div><div class="title">Zum Seitenanfang</div></div><div class="right"> 1385<img width="10" height="17" src="https://graphek.de/wp-content/themes/graphek4/images/icon-arrow-chevron-right-black.svg" alt="Arrow" /></div> 1386</button></div><div class="welcome_video" id="welcome_video_full"><div class="video_container"><video id="welcome_video" data-src="https://graphek.de/wp-content/themes/graphek4/partials/sidenav/welcome.mp4?t=2" playsinline controls></video> 1387<a class="kontakt video_link" href="https://graphek.de/kontakt/">Kontakt</a> 1388<a class="referenzen video_link" href="https://graphek.de/referenzen-werbeagentur/">Referenzen</a> 1389<a class="agentur video_link" href="https://graphek.de/digitalagentur-bremen/">Ãber uns</a></div><button id="close_welcome_video"> 1390<img width="10" height="10" src="https://graphek.de/wp-content/themes/graphek4/images/close.svg" alt="Video schlieÃen" fetchpriority="high" decoding="sync"> 1391</button></div>
1391<script>(() => { 1392 1393 const backToTop = document.querySelector('.back_to_top'); 1394 1395 backToTop.addEventListener('click', () => { 1396 window.scrollTo({ 1397 top: 0, 1398 behavior: 'smooth' 1399 }); 1400 }); 1401 1402 const triggerWrapper = document.getElementById('sidenav'); 1403 const trigger = document.getElementById('trigger_welcome'); 1404 // const triggerClose = document.getElementById('hide_welcome_trigger'); 1405 const video = document.getElementById('welcome_video'); 1406 const videoWrapper = document.getElementById('welcome_video_full'); 1407 const closeButton = document.getElementById('close_welcome_video'); 1408 1409 // Video Buttons & Tags 1410 const buttonKontakt = videoWrapper.querySelector('.video_link.kontakt'); 1411 const buttonReferenzen = videoWrapper.querySelector('.video_link.referenzen'); 1412 const buttonAgentur = videoWrapper.querySelector('.video_link.agentur'); 1413 const videoLinks = videoWrapper.querySelectorAll('.video_link'); 1414 1415 // Show Sidenav after scrolling past first viewport 1416 let sidenavTicking = false 1417 window.addEventListener('scroll', function () { 1418 if (sidenavTicking) return 1419 sidenavTicking = true 1420 requestAnimationFrame(function () { 1421 if (window.scrollY > window.innerHeight) { 1422 triggerWrapper.classList.remove('hide'); 1423 } else { 1424 triggerWrapper.classList.add('hide'); 1425 } 1426 sidenavTicking = false 1427 }) 1428 }, { passive: true }); 1429 1430 trigger.addEventListener('click', () => { 1431 triggerWrapper.classList.add('hide'); 1432 videoWrapper.classList.add('show'); 1433 videoLinks.forEach(link => link.classList.remove('active') ); 1434 video.src = video.dataset.src; 1435 video.play(); 1436 video.addEventListener("timeupdate", (event) => { 1437 if ( event.target.currentTime > 5.5 ) { 1438 buttonAgentur.classList.add('active'); 1439 } 1440 if ( event.target.currentTime > 11.5 ) { 1441 buttonReferenzen.classList.add('active'); 1442 } 1443 if ( event.target.currentTime > 18 ) { 1444 buttonKontakt.classList.add('active'); 1445 } 1446 }); 1447 1448 }); 1449 1450 closeButton.addEventListener('click', () => { 1451 triggerWrapper.classList.remove('hide'); 1452 videoWrapper.classList.remove('show'); 1453 video.pause(); 1454 video.currentTime = 0; 1455 }); 1456 1457})();</script>
1457 <dialog id="modal-speed-dating" class="termin-modal" aria-labelledby="Speed Dating mit Alex & Hannes"><button class="termin-modal-close" aria-label="SchlieÃen" title="SchlieÃen" onclick="this.closest('dialog').close();"> 1458<img src="https://graphek.de/wp-content/themes/graphek4/images/close_black.svg" alt="SchlieÃen" /> 1459</button><h3>15-Minuten Speed-Dating mit Alex & Hannes</h3><div class="cookie_activation_notice"> 1460Bitte akzeptiere die Cookie-Einstellungen für die Gruppe "external", um den Kalender für die Terminbuchung anzuzeigen.<div class="button_wrapper"> 1461<button class="button cookie_settings"> 1462Cookie Einstellungen öffnen </button></div></div><div class="termin_modal_iframe_target" data-src="https://calendar.google.com/calendar/appointments/schedules/AcZssZ0iOoerQy-6xXzpz6VrOyVCRbn0DDJZv8W3NuGINyfh-x_r9iuP1zYDcqKXWyK1WW7AkFId-uqQ?gv=true"></div> 1463</dialog>
1463<script>(() => { 1464 1465 const dialog = document.querySelector('#modal-speed-dating'); 1466 1467 if ( ! dialog ) { 1468 return; 1469 } 1470 1471 function openModal() { 1472 const iframe = dialog.querySelector('iframe[data-src]'); 1473 if (iframe) { 1474 iframe.src = iframe.dataset.src; 1475 iframe.removeAttribute('data-src'); 1476 } 1477 dialog.showModal(); 1478 } 1479 1480 window.addEventListener('hashchange', () => { 1481 if (location.hash !== '#modal-speed-dating') return; 1482 openModal(); 1483 }); 1484 1485 dialog.addEventListener('close', () => { 1486 history.replaceState(null, '', ' '); 1487 }); 1488 1489 if (location.hash === '#modal-speed-dating') { 1490 openModal(); 1491 } 1492 1493 // Close the dialog when clicking outside of it 1494 dialog.addEventListener('click', (event) => { 1495 if (event.target === dialog) { 1496 dialog.close(); 1497 } 1498 }); 1499 1500 // Cookie-Button: Modal schlieÃen, damit der Consent-Dialog nicht dahinter liegt 1501 let reopenAfterConsent = false; 1502 const cookieBtn = dialog.querySelector('.cookie_settings'); 1503 if ( cookieBtn ) { 1504 cookieBtn.addEventListener('click', () => { 1505 reopenAfterConsent = true; 1506 dialog.close(); 1507 }); 1508 } 1509 1510 // Cookie Consent: dynamisch iframe nachladen 1511 ['cc:onConsent', 'cc:onChange'].forEach(event => 1512 window.addEventListener(event, ({detail}) => { 1513 1514 if ( detail.cookie.categories.indexOf('external') === -1 ) { 1515 return; 1516 } 1517 1518 const target = dialog.querySelector('.termin_modal_iframe_target'); 1519 if ( ! target ) return; 1520 1521 const src = target.dataset.src; 1522 if ( ! src ) return; 1523 1524 const iframe = document.createElement('iframe'); 1525 iframe.src = src; 1526 iframe.style.border = '0'; 1527 iframe.width = '100%'; 1528 iframe.height = '600'; 1529 iframe.frameBorder = '0'; 1530 target.replaceWith(iframe); 1531 1532 const notice = dialog.querySelector('.cookie_activation_notice'); 1533 if ( notice ) notice.remove(); 1534 1535 if ( reopenAfterConsent ) { 1536 reopenAfterConsent = false; 1537 openModal(); 1538 } 1539 1540 }) 1541 ); 1542 1543})();</script>
1543 <dialog id="modal-wp-wartung" class="termin-modal" aria-labelledby="WordPress Wartung buchen"><button class="termin-modal-close" aria-label="SchlieÃen" title="SchlieÃen" onclick="this.closest('dialog').close();"> 1544<img src="https://graphek.de/wp-content/themes/graphek4/images/close_black.svg" alt="SchlieÃen" /> 1545</button><h3>Lass uns kurz über die Wartung deiner WordPress-Website sprechen.</h3><div class="cookie_activation_notice"> 1546Bitte akzeptiere die Cookie-Einstellungen für die Gruppe "external", um den Kalender für die Terminbuchung anzuzeigen.<div class="button_wrapper"> 1547<button class="button cookie_settings"> 1548Cookie Einstellungen öffnen </button></div></div><div class="termin_modal_iframe_target" data-src="https://calendar.google.com/calendar/appointments/schedules/AcZssZ0axT_Chfd_aqCBmyXULuLCDbPcxiXw3YRfupuWEAEm02KrIkXJn2cHYz8gT94nfL94d1LK8SXu?gv=true"></div> 1549</dialog>
1549<script>(() => { 1550 1551 const dialog = document.querySelector('#modal-wp-wartung'); 1552 1553 if ( ! dialog ) { 1554 return; 1555 } 1556 1557 function openModal() { 1558 const iframe = dialog.querySelector('iframe[data-src]'); 1559 if (iframe) { 1560 iframe.src = iframe.dataset.src; 1561 iframe.removeAttribute('data-src'); 1562 } 1563 dialog.showModal(); 1564 } 1565 1566 window.addEventListener('hashchange', () => { 1567 if (location.hash !== '#modal-wp-wartung') return; 1568 openModal(); 1569 }); 1570 1571 dialog.addEventListener('close', () => { 1572 history.replaceState(null, '', ' '); 1573 }); 1574 1575 if (location.hash === '#modal-wp-wartung') { 1576 openModal(); 1577 } 1578 1579 // Close the dialog when clicking outside of it 1580 dialog.addEventListener('click', (event) => { 1581 if (event.target === dialog) { 1582 dialog.close(); 1583 } 1584 }); 1585 1586 // Cookie-Button: Modal schlieÃen, damit der Consent-Dialog nicht dahinter liegt 1587 let reopenAfterConsent = false; 1588 const cookieBtn = dialog.querySelector('.cookie_settings'); 1589 if ( cookieBtn ) { 1590 cookieBtn.addEventListener('click', () => { 1591 reopenAfterConsent = true; 1592 dialog.close(); 1593 }); 1594 } 1595 1596 // Cookie Consent: dynamisch iframe nachladen 1597 ['cc:onConsent', 'cc:onChange'].forEach(event => 1598 window.addEventListener(event, ({detail}) => { 1599 1600 if ( detail.cookie.categories.indexOf('external') === -1 ) { 1601 return; 1602 } 1603 1604 const target = dialog.querySelector('.termin_modal_iframe_target'); 1605 if ( ! target ) return; 1606 1607 const src = target.dataset.src; 1608 if ( ! src ) return; 1609 1610 const iframe = document.createElement('iframe'); 1611 iframe.src = src; 1612 iframe.style.border = '0'; 1613 iframe.width = '100%'; 1614 iframe.height = '600'; 1615 iframe.frameBorder = '0'; 1616 target.replaceWith(iframe); 1617 1618 const notice = dialog.querySelector('.cookie_activation_notice'); 1619 if ( notice ) notice.remove(); 1620 1621 if ( reopenAfterConsent ) { 1622 reopenAfterConsent = false; 1623 openModal(); 1624 } 1625 1626 }) 1627 ); 1628 1629})();</script>
1629
1629<script type="text/plain" data-category="analytics" defer 1630 src="https://analytics.graphek.de/script.js" 1631 data-website-id="2fc111a0-ee4e-4611-b345-9d49cf93ff7c" 1632 data-domains="graphek.de,www.graphek.de"></script>
1632
1632<script>// Wird die Analytics-Einwilligung widerrufen, nachdem der Tracker geladen wurde, wird die 1633 // Seite neu geladen, damit kein initialisierter Tracker im Dokument zurueckbleibt. Umamis 1634 // eigener Schalter (localStorage 'umami.disabled') wird bewusst nicht gesetzt: das waere 1635 // ein Schreibzugriff ins Endgeraet genau bei jemandem, der gerade abgelehnt hat. 1636 ['cc:onConsent', 'cc:onChange'].forEach(function(event) { 1637 window.addEventListener(event, function() { 1638 if (!window.CookieConsent) return; 1639 1640 if (CookieConsent.acceptedCategory('analytics')) { 1641 window._umamiConsented = true; 1642 } else if (window._umamiConsented && !window._umamiReloadRequested) { 1643 window._umamiReloadRequested = true; 1644 window.location.reload(); 1645 } 1646 }); 1647 });</script>
1647
1647<script>function loadGTM() { 1648 if (window._gtmLoaded) return; 1649 window._gtmLoaded = true; 1650 window.dataLayer.push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); 1651 var s = document.createElement('script'); 1652 s.async = true; 1653 s.src = 'https://sst.graphek.de/gtm.js?id=GTM-5LHJ5CX6'; 1654 document.head.appendChild(s); 1655 } 1656 1657 function syncGoogleConsent() { 1658 if (typeof window.gtag !== 'function' || !window.CookieConsent) return; 1659 1660 var analyticsGranted = CookieConsent.acceptedCategory('analytics'); 1661 gtag('consent', 'update', { 1662 analytics_storage: analyticsGranted ? 'granted' : 'denied', 1663 ad_storage: 'denied', 1664 ad_user_data: 'denied', 1665 ad_personalization: 'denied' 1666 }); 1667 } 1668 1669 ['cc:onConsent', 'cc:onChange'].forEach(function(event) { 1670 window.addEventListener(event, function() { 1671 syncGoogleConsent(); 1672 if (CookieConsent.acceptedCategory('analytics')) { 1673 loadGTM(); 1674 } else if (window._gtmLoaded && !window._gtmReloadRequested) { 1675 window._gtmReloadRequested = true; 1676 window.location.reload(); 1677 } 1678 }); 1679 });</script>
1679
1679<script type="text/plain" data-category="openai_ads" src="https://graphek.de/wp-content/themes/graphek4/partials/openai_ads/openai_ads.min.js"></script>
1679
1679<script src="https://graphek.de/wp-content/themes/graphek4/partials/campaign_attribution/campaign_attribution.min.js"></script>
1679
1679<script type="speculationrules">{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/graphek4/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}</script>
1679
1679<script type="text/javascript">var sbiajaxurl = "https://graphek.de/wp-admin/admin-ajax.php";</script>
1679
1679<script id="plugins-js" defer src="https://graphek.de/wp-content/themes/graphek4/assets/js/dist/_plugins.min.js?ver=1779794404"></script>
1679
1679<script id="boilerplate-js" defer src="https://graphek.de/wp-content/themes/graphek4/assets/js/dist/_build.min.js?&ver=1779794403"></script>
1679
1679<script data-wp-strategy="defer" defer id="litespeed-cache-js" src="https://graphek.de/wp-content/plugins/litespeed-cache/assets/js/instant_click.min.js?ver=7.9.1"></script>
1679 </body></html> 1680<!-- Page optimized by LiteSpeed Cache @2026-10-03 14:23:18 --> 1681 1682<!-- Page cached by LiteSpeed Cache 7.9.1 on 2026-10-03 14:23:18 -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.