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>Blog - WordPress & Design Infos, Tips & Tricks | Graphek</title><meta name="description" content="Unser Blog für Design & Entwicklung. Infos, Tips & Tricks zu WordPress & Designthemen und allem, was dazugehört."/><meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/><link rel="canonical" href="https://graphek.de/blog/" /><meta property="og:locale" content="de_DE" /><meta property="og:type" content="website" /><meta property="og:title" content="Blog - WordPress & Design Infos, Tips & Tricks | Graphek" /><meta property="og:description" content="Unser Blog für Design & Entwicklung. Infos, Tips & Tricks zu WordPress & Designthemen und allem, was dazugehört." /><meta property="og:url" content="https://graphek.de/blog/" /><meta property="og:site_name" content="Graphek GmbH | Webdesign & Entwicklung aus Bremen" /><meta property="og:image" content="https://graphek.de/wp-content/uploads/2023/09/Logoreferenzteam-1400x658.jpg" /><meta property="og:image:secure_url" content="https://graphek.de/wp-content/uploads/2023/09/Logoreferenzteam-1400x658.jpg" /><meta property="og:image:width" content="1400" /><meta property="og:image:height" content="658" /><meta property="og:image:alt" content="Graphek Logo und Team von Graphek" /><meta property="og:image:type" content="image/jpeg" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:title" content="Blog - WordPress & Design Infos, Tips & Tricks | Graphek" /><meta name="twitter:description" content="Unser Blog für Design & Entwicklung. Infos, Tips & Tricks zu WordPress & Designthemen und allem, was dazugehört." /><meta name="twitter:image" content="https://graphek.de/wp-content/uploads/2023/09/Logoreferenzteam-1400x658.jpg" />
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","@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"},{"@type":"BreadcrumbList","@id":"https://graphek.de/blog/#breadcrumb","itemListElement":[{"@type":"ListItem","position":"1","item":{"@id":"https://graphek.de","name":"Startseite"}}]},{"@type":"CollectionPage","@id":"https://graphek.de/blog/#webpage","url":"https://graphek.de/blog/","name":"Blog - WordPress & Design Infos, Tips & Tricks |\u00a0Graphek","isPartOf":{"@id":"https://graphek.de/#website"},"inLanguage":"de","breadcrumb":{"@id":"https://graphek.de/blog/#breadcrumb"}}]}</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/toggle_boxen.min.css?t=1779794401' as='style' /><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><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,0) 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%);
2--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/" />
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="blog 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="dark"><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 menu-item-1195"><a href="https://graphek.de/">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 current-menu-item page_item page-item-5536 current_page_item current_page_parent menu-item-6862"><a href="https://graphek.de/blog/" aria-current="page">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="dark"><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" /> 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" /></div></div></header><main><section class="modul blog_header" data-theme="dark"><div class="wrap"><h1>Blog.</h1></div></section><section class="modul blog_loop" data-theme="light"><div class="wrap"><article><figure> 33<a href="https://graphek.de/wireframe-erstellen-anleitung-tools-und-beispiele/"> 34<img src="https://graphek.de/wp-content/uploads/2026/04/wireframe.webp" alt="Wireframe erstellen: Anleitung, Tools und Beispiele"> 35</a></figure><h2 class="h3"> 36<a href="https://graphek.de/wireframe-erstellen-anleitung-tools-und-beispiele/">Wireframe erstellen: Anleitung, Tools und Beispiele</a></h2><div class="content"><p></p><p>Bevor ein Pixel gesetzt wird, bevor Farben, Schriften oder Bilder ins Spiel kommen, steht eine Frage im Raum: <strong>Was soll wohin?</strong> Genau das beantwortet ein <strong>Wireframe</strong>
36 â der strukturelle Bauplan deiner Website oder App.</p><p> <a href="https://graphek.de/wireframe-erstellen-anleitung-tools-und-beispiele/#more-7545" class="more-link">…</a></p></div> 37<a class="button" href="https://graphek.de/wireframe-erstellen-anleitung-tools-und-beispiele/">Weiterlesen</a></article><article><figure> 38<a href="https://graphek.de/prototyping-so-testest-du-ideen-vor-der-entwicklung/"> 39<img src="https://graphek.de/wp-content/uploads/2026/04/prototyping.webp" alt="Prototyping: So testest du Ideen vor der Entwicklung"> 40</a></figure><h2 class="h3"> 41<a href="https://graphek.de/prototyping-so-testest-du-ideen-vor-der-entwicklung/">Prototyping: So testest du Ideen vor der Entwicklung</a></h2><div class="content"><p></p><p>Du hast eine Idee für eine neue Website, eine <a class="external-link" href="https://graphek.de/web-app-vs-native-app/" target="_blank" rel="noopener nofollow" aria-label="https://graphek.de/web-app-vs-native-app/" data-tooltip-position="top">Web-App</a> oder ein digitales Produkt. Du weiÃt, was es können soll â zumindest grob. Die Versuchung ist groÃ, direkt mit der Entwicklung zu starten. Aber genau hier passieren die teuersten Fehler: Features, die niemand braucht. Abläufe, die Nutzer nicht verstehen. Designs, die am Ziel vorbei gehen.</p><p> <a href="https://graphek.de/prototyping-so-testest-du-ideen-vor-der-entwicklung/#more-7541" class="more-link">…</a></p></div> 42<a class="button" href="https://graphek.de/prototyping-so-testest-du-ideen-vor-der-entwicklung/">Weiterlesen</a></article><article><figure> 43<a href="https://graphek.de/individualsoftware-entwickeln-lassen/"> 44<img src="https://graphek.de/wp-content/uploads/2026/03/individualsoftware-entwickeln-lassen.webp" alt="Individualsoftware entwickeln lassen: Lohnt sich das für dein Unternehmen?"> 45</a></figure><h2 class="h3"> 46<a href="https://graphek.de/individualsoftware-entwickeln-lassen/">Individualsoftware entwickeln lassen: Lohnt sich das für dein Unternehmen?</a></h2><div class="content"><p>Excel-Chaos, Workarounds in der Standardsoftware, Prozesse die nicht zusammenpassen â kennst du das? Irgendwann stellt sich die Frage: Weiterwursteln oder eine Individualsoftware entwickeln lassen, die genau zu deinen Prozessen passt?</p><p>In diesem Guide klären wir ehrlich: Wann lohnt sich maÃgeschneiderte Software wirklich â und wann ist eine Standardlösung die bessere Wahl?</p><p> <a href="https://graphek.de/individualsoftware-entwickeln-lassen/#more-7293" class="more-link">…</a></p></div> 47<a class="button" href="https://graphek.de/individualsoftware-entwickeln-lassen/">Weiterlesen</a></article><article><figure> 48<a href="https://graphek.de/web-app-vs-native-app/"> 49<img src="https://graphek.de/wp-content/uploads/2026/03/web-app-vs-native-app.webp" alt="Web-App vs. Native App: Welche Lösung passt zu deinem Projekt?"> 50</a></figure><h2 class="h3"> 51<a href="https://graphek.de/web-app-vs-native-app/">Web-App vs. Native App: Welche Lösung passt zu deinem Projekt?</a></h2><div class="content"><p>Du planst eine App â aber soll es eine Web-App oder eine Native App werden? Diese Entscheidung beeinflusst Budget, Entwicklungszeit und die Nutzererfahrung grundlegend. In diesem Guide vergleichen wir beide Ansätze ehrlich und zeigen dir, wann welche Lösung Sinn macht.</p><p> <a href="https://graphek.de/web-app-vs-native-app/#more-7282" class="more-link">…</a></p></div> 52<a class="button" href="https://graphek.de/web-app-vs-native-app/">Weiterlesen</a></article><article><figure> 53<a href="https://graphek.de/minimum-viable-product/"> 54<img src="https://graphek.de/wp-content/uploads/2026/02/minimum-viable-product.webp" alt="MVP Entwicklung: Minimum Viable Product mit KI-Unterstützung"> 55</a></figure><h2 class="h3"> 56<a href="https://graphek.de/minimum-viable-product/">MVP Entwicklung: Minimum Viable Product mit KI-Unterstützung</a></h2><div class="content"><p>Du hast eine Idee für ein digitales Produkt, aber weiÃt nicht, ob sie am Markt funktioniert? Genau dafür gibt es das Minimum Viable Product – kurz MVP. Statt Monate in die Entwicklung zu stecken, testest du deine Idee mit minimalem Aufwand am echten Markt.</p><p> <a href="https://graphek.de/minimum-viable-product/#more-6843" class="more-link">…</a></p></div> 57<a class="button" href="https://graphek.de/minimum-viable-product/">Weiterlesen</a></article><article><figure> 58<a href="https://graphek.de/core-web-vitals/"> 59<img src="https://graphek.de/wp-content/uploads/2026/02/core-web-vitals.webp" alt="Core Web Vitals: Was sie bedeuten und wie du sie verbesserst"> 60</a></figure><h2 class="h3"> 61<a href="https://graphek.de/core-web-vitals/">Core Web Vitals: Was sie bedeuten und wie du sie verbesserst</a></h2><div class="content"><p><strong>Core Web Vitals</strong> sind Googles Metriken für die Nutzererfahrung einer Website. Sie messen, wie schnell deine Seite lädt, wie schnell sie auf Interaktionen reagiert und wie stabil das Layout beim Laden bleibt.</p><p> <a href="https://graphek.de/core-web-vitals/#more-6839" class="more-link">…</a></p></div> 62<a class="button" href="https://graphek.de/core-web-vitals/">Weiterlesen</a></article><article><figure> 63<a href="https://graphek.de/onepager/"> 64<img src="https://graphek.de/wp-content/uploads/2026/02/onepager.webp" alt="Onepager: Wann eine Single-Page-Website die richtige Wahl ist"> 65</a></figure><h2 class="h3"> 66<a href="https://graphek.de/onepager/">Onepager: Wann eine Single-Page-Website die richtige Wahl ist</a></h2><div class="content"><p>Ein <strong>Onepager</strong> â auch One Pager, Single-Page-Website oder Einseiter genannt â ist eine Website, die komplett auf einer einzigen Seite funktioniert. Kein Menü mit Unterseiten, kein Klicken durch verschiedene Bereiche. Alles auf einen Blick, erreichbar durch Scrollen.</p><p> <a href="https://graphek.de/onepager/#more-6825" class="more-link">…</a></p></div> 67<a class="button" href="https://graphek.de/onepager/">Weiterlesen</a></article><article><figure> 68<a href="https://graphek.de/website-redesign-wann-es-sinnvoll-ist-wie-es-gelingt-2026/"> 69<img src="https://graphek.de/wp-content/uploads/2026/02/website-redesign.webp" alt="Website Redesign: Wann es sinnvoll ist & wie es gelingt [2026]"> 70</a></figure><h2 class="h3"> 71<a href="https://graphek.de/website-redesign-wann-es-sinnvoll-ist-wie-es-gelingt-2026/">Website Redesign: Wann es sinnvoll ist & wie es gelingt [2026]</a></h2><div class="content"><p>
71Deine Website sieht aus wie 2018? Die Absprungrate steigt, die Conversions sinken â und du fragst dich, ob ein Website Redesign die Lösung ist?</p><p> <a href="https://graphek.de/website-redesign-wann-es-sinnvoll-ist-wie-es-gelingt-2026/#more-6816" class="more-link">…</a></p></div> 72<a class="button" href="https://graphek.de/website-redesign-wann-es-sinnvoll-ist-wie-es-gelingt-2026/">Weiterlesen</a></article><article><figure> 73<a href="https://graphek.de/website-relaunch-checkliste-planung/"> 74<img src="https://graphek.de/wp-content/uploads/2026/02/website-relaunch.webp" alt="Website Relaunch â Checkliste & Planung"> 75</a></figure><h2 class="h3"> 76<a href="https://graphek.de/website-relaunch-checkliste-planung/">Website Relaunch â Checkliste & Planung</a></h2><div class="content"><p>Deine Website ist in die Jahre gekommen, die Technik veraltet, das Design nicht mehr zeitgemäÃ? Dann wird es Zeit für einen <strong>Website Relaunch</strong>. Doch Vorsicht: Ohne sorgfältige Planung kann ein Relaunch schnell zum SEO-Desaster werden â mit Ranking-Verlusten und frustrierten Nutzern.</p><p> <a href="https://graphek.de/website-relaunch-checkliste-planung/#more-6806" class="more-link">…</a></p></div> 77<a class="button" href="https://graphek.de/website-relaunch-checkliste-planung/">Weiterlesen</a></article><article><figure> 78<a href="https://graphek.de/website-erstellen-lassen-was-kostet-webdesign-wirklich/"> 79<img src="https://graphek.de/wp-content/uploads/2026/02/was-kostet-eine-website.webp" alt="Website erstellen lassen: Was kostet Webdesign wirklich?"> 80</a></figure><h2 class="h3"> 81<a href="https://graphek.de/website-erstellen-lassen-was-kostet-webdesign-wirklich/">Website erstellen lassen: Was kostet Webdesign wirklich?</a></h2><div class="content"><p>Was kostet eine Website? Diese Frage hören wir als Webdesign-Agentur mehrmals pro Woche. Und die ehrliche Antwort ist: Es kommt drauf an.</p><p> <a href="https://graphek.de/website-erstellen-lassen-was-kostet-webdesign-wirklich/#more-6795" class="more-link">…</a></p></div> 82<a class="button" href="https://graphek.de/website-erstellen-lassen-was-kostet-webdesign-wirklich/">Weiterlesen</a></article><article><figure> 83<a href="https://graphek.de/wordpress-backup-erstellen-die-komplette-anleitung/"> 84<img src="https://graphek.de/wp-content/uploads/2026/02/wordpress-backup.webp" alt="WordPress Backup erstellen: Die komplette Anleitung"> 85</a></figure><h2 class="h3"> 86<a href="https://graphek.de/wordpress-backup-erstellen-die-komplette-anleitung/">WordPress Backup erstellen: Die komplette Anleitung</a></h2><div class="content"><p>Ein <strong>WordPress Backup</strong>
86 ist deine Lebensversicherung. Server-Crash, Hackerangriff, fehlgeschlagenes Update â ohne Sicherung kann jahrelange Arbeit in Sekunden verloren sein. In diesem Guide zeigen wir dir, wie du deine WordPress-Website richtig sicherst.</p><p> <a href="https://graphek.de/wordpress-backup-erstellen-die-komplette-anleitung/#more-6741" class="more-link">…</a></p></div> 87<a class="button" href="https://graphek.de/wordpress-backup-erstellen-die-komplette-anleitung/">Weiterlesen</a></article><article><figure> 88<a href="https://graphek.de/wordpress-gehackt-sofort-hilfe-schritt-fuer-schritt-anleitung/"> 89<img src="https://graphek.de/wp-content/uploads/2026/01/wordpress-gehackt.webp" alt="WordPress gehackt? Sofort-Hilfe + Schritt-für-Schritt Anleitung"> 90</a></figure><h2 class="h3"> 91<a href="https://graphek.de/wordpress-gehackt-sofort-hilfe-schritt-fuer-schritt-anleitung/">WordPress gehackt? Sofort-Hilfe + Schritt-für-Schritt Anleitung</a></h2><div class="content"><p>Deine <strong>WordPress-Seite wurde gehackt</strong>? Keine Panik. In diesem Guide zeigen wir dir genau, was du jetzt tun musst â von den ersten Sofort-MaÃnahmen bis zur vollständigen Bereinigung deiner Website.</p><p> <a href="https://graphek.de/wordpress-gehackt-sofort-hilfe-schritt-fuer-schritt-anleitung/#more-6736" class="more-link">…</a></p></div> 92<a class="button" href="https://graphek.de/wordpress-gehackt-sofort-hilfe-schritt-fuer-schritt-anleitung/">Weiterlesen</a></article><article><figure> 93<a href="https://graphek.de/wordpress-update/"> 94<img src="https://graphek.de/wp-content/uploads/2026/02/wordpress-update.webp" alt="WordPress Update: So hältst du deine Website sicher und aktuell"> 95</a></figure><h2 class="h3"> 96<a href="https://graphek.de/wordpress-update/">WordPress Update: So hältst du deine Website sicher und aktuell</a></h2><div class="content"><p>WordPress Updates sind das A und O für eine sichere und schnelle Website. Doch viele Website-Betreiber schieben sie vor sich her â aus Angst, etwas kaputt zu machen. In diesem Guide zeigen wir dir, wie du Updates richtig durchführst und welche Fehler du vermeiden solltest.</p><p> <a href="https://graphek.de/wordpress-update/#more-6729" class="more-link">…</a></p></div> 97<a class="button" href="https://graphek.de/wordpress-update/">Weiterlesen</a></article><article><figure> 98<a href="https://graphek.de/wordpress-sicherheit/"> 99<img src="https://graphek.de/wp-content/uploads/2026/02/wordpress-sicherheit.webp" alt="WordPress Sicherheit: So schützt du deine Website vor Hackern"> 100</a></figure><h2 class="h3"> 101<a href="https://graphek.de/wordpress-sicherheit/">WordPress Sicherheit: So schützt du deine Website vor Hackern</a></h2><div class="content"><p>WordPress betreibt über 40% aller Websites weltweit â und ist damit das beliebteste Ziel für Hacker. Die gute Nachricht: Mit den richtigen SicherheitsmaÃnahmen machst du es Angreifern extrem schwer. In diesem Guide zeigen wir dir die 10 wichtigsten Schritte für eine sichere WordPress-Installation.</p><p> <a href="https://graphek.de/wordpress-sicherheit/#more-6715" class="more-link">…</a></p></div> 102<a class="button" href="https://graphek.de/wordpress-sicherheit/">Weiterlesen</a></article><article><figure> 103<a href="https://graphek.de/wordpress-wartung-checkliste/"> 104<img src="https://graphek.de/wp-content/uploads/2026/02/wordpress-wartung-checkliste-1.webp" alt="WordPress Wartung Checkliste + PDF Download"> 105</a></figure><h2 class="h3"> 106<a href="https://graphek.de/wordpress-wartung-checkliste/">WordPress Wartung Checkliste + PDF Download</a></h2><div class="content"><p>Du suchst eine <strong>WordPress Wartung Checkliste</strong>, um deine Website selbst zu pflegen? Hier bekommst du sie â komplett mit allen wöchentlichen, monatlichen und vierteljährlichen Aufgaben. Plus: ehrliche Einschätzung, wann du besser Profis ranlassen solltest.</p><p> <a href="https://graphek.de/wordpress-wartung-checkliste/#more-6656" class="more-link">…</a></p></div> 107<a class="button" href="https://graphek.de/wordpress-wartung-checkliste/">Weiterlesen</a></article><article><figure> 108<a href="https://graphek.de/wordpress-wartung-kosten/"> 109<img src="https://graphek.de/wp-content/uploads/2026/02/wordpress-wartung-kosten.jpeg.webp" alt="WordPress Wartung Kosten: Was kostet professionelle WP-Betreuung wirklich?"> 110</a></figure><h2 class="h3"> 111<a href="https://graphek.de/wordpress-wartung-kosten/">WordPress Wartung Kosten: Was kostet professionelle WP-Betreuung wirklich?</a></h2><div class="content"><p>
111Du hast eine WordPress-Website und fragst dich, was die Wartung eigentlich kostet? Spoiler: Es kommt drauf an. Aber keine Sorge â nach diesem Artikel weiÃt du genau, mit welchen Kosten du rechnen musst und ob sich eine professionelle WordPress-Betreuung für dich lohnt.</p><p> <a href="https://graphek.de/wordpress-wartung-kosten/#more-6643" class="more-link">…</a></p></div> 112<a class="button" href="https://graphek.de/wordpress-wartung-kosten/">Weiterlesen</a></article><article><figure> 113<a href="https://graphek.de/mobile-first-warum-mobile-nutzer-prioritaet-haben/"> 114<img src="https://graphek.de/wp-content/uploads/2026/02/mobile-first-webdesign.webp" alt="Mobile First: Warum mobile Nutzer Priorität haben"> 115</a></figure><h2 class="h3"> 116<a href="https://graphek.de/mobile-first-warum-mobile-nutzer-prioritaet-haben/">Mobile First: Warum mobile Nutzer Priorität haben</a></h2><div class="content"><p><a href="https://www.statista.com/statistics/277125/share-of-website-traffic-coming-from-mobile-devices/" target="_blank" rel="noopener">62,66% des weltweiten Web-Traffics</a> kommen von Smartphones – Tendenz steigend. Die Mehrheit deiner Besucher sieht deine Website auf einem kleinen Bildschirm. Das heiÃt: Mobile Nutzer verdienen besondere Aufmerksamkeit.</p><p> <a href="https://graphek.de/mobile-first-warum-mobile-nutzer-prioritaet-haben/#more-6801" class="more-link">…</a></p></div> 117<a class="button" href="https://graphek.de/mobile-first-warum-mobile-nutzer-prioritaet-haben/">Weiterlesen</a></article><article><figure> 118<a href="https://graphek.de/seo-fuer-anfaenger-teil-4-offpage-seo-tools/"> 119<img src="https://graphek.de/wp-content/uploads/2026/02/offpage-seo-tools.webp" alt="SEO für Anfänger Teil 4: OffPage SEO & Tools"> 120</a></figure><h2 class="h3"> 121<a href="https://graphek.de/seo-fuer-anfaenger-teil-4-offpage-seo-tools/">SEO für Anfänger Teil 4: OffPage SEO & Tools</a></h2><div class="content"><p class="p1">In den letzten Teilen unserer SEO-Serie haben wir das komplette Fundament für deine Sichtbarkeit gelegt. Du weiÃt, wie Google denkt, wie du die richtigen Keywords findest und wie du daraus perfekte SEO-Texte erstellst. Deine Website ist also bestens vorbereitet.</p><p> <a href="https://graphek.de/seo-fuer-anfaenger-teil-4-offpage-seo-tools/#more-6168" class="more-link">…</a></p></div> 122<a class="button" href="https://graphek.de/seo-fuer-anfaenger-teil-4-offpage-seo-tools/">Weiterlesen</a></article><article><figure> 123<a href="https://graphek.de/seo-fuer-anfaenger-teil-3-der-perfekte-seo-text/"> 124<img src="https://graphek.de/wp-content/uploads/2026/02/seo-text.webp" alt="SEO für Anfänger Teil 3: Der perfekte SEO-Text"> 125</a></figure><h2 class="h3"> 126<a href="https://graphek.de/seo-fuer-anfaenger-teil-3-der-perfekte-seo-text/">SEO für Anfänger Teil 3: Der perfekte SEO-Text</a></h2><div class="content"><p class="p1">Im <a href="https://graphek.de/seo-fuer-anfaenger-teil-2-keyword-recherche/"><span class="s1">letzten Teil unserer SEO-Serie</span></a> hast du gelernt, wie du mit Tools wie Ubersuggest die Goldstücke unter den Keywords findest. Du hast jetzt also einen vielversprechenden Suchbegriff, wie zum Beispiel „was kostet ein logo design“.</p><p> <a href="https://graphek.de/seo-fuer-anfaenger-teil-3-der-perfekte-seo-text/#more-6139" class="more-link">…</a></p></div> 127<a class="button" href="https://graphek.de/seo-fuer-anfaenger-teil-3-der-perfekte-seo-text/">Weiterlesen</a></article><article><figure> 128<a href="https://graphek.de/seo-fuer-anfaenger-teil-2-keyword-recherche/"> 129<img src="https://graphek.de/wp-content/uploads/2026/02/keyword-analyse.webp" alt="SEO für Anfänger Teil 2: Keyword-Recherche"> 130</a></figure><h2 class="h3"> 131<a href="https://graphek.de/seo-fuer-anfaenger-teil-2-keyword-recherche/">SEO für Anfänger Teil 2: Keyword-Recherche</a></h2><div class="content"><p class="ng-star-inserted"><span class="ng-star-inserted">Im <a href="https://graphek.de/seo-fuer-anfaenger-teil-1-wie-google-funktioniert/">ersten Teil unserer SEO-Serie</a> hast du gelernt, nach welchen Regeln Google spielt. Du weiÃt jetzt, dass es auf Technik, Inhalt und Autorität ankommt. Aber worüber genau sollst du schreiben, um deine Wunschkunden zu erreichen?</span></p><p> <a href="https://graphek.de/seo-fuer-anfaenger-teil-2-keyword-recherche/#more-6120" class="more-link">…</a></p></div> 132<a class="button" href="https://graphek.de/seo-fuer-anfaenger-teil-2-keyword-recherche/">Weiterlesen</a></article><article><figure> 133<a href="https://graphek.de/seo-fuer-anfaenger-teil-1-wie-google-funktioniert/"> 134<img src="https://graphek.de/wp-content/uploads/2026/02/wie-seo-funktioniert.webp" alt="SEO für Anfänger Teil 1: Wie Google funktioniert"> 135</a></figure><h2 class="h3"> 136<a href="https://graphek.de/seo-fuer-anfaenger-teil-1-wie-google-funktioniert/">SEO für Anfänger Teil 1: Wie Google funktioniert</a></h2><div class="content"><p class="ng-star-inserted"><span class="ng-star-inserted">Vergiss den Mythos, SEO sei ein Buch mit sieben Siegeln. Im Kern ist Suchmaschinenoptimierung ein strategischer Prozess, der zwei einfache Ziele verfolgt: Das Vertrauen von Google zu gewinnen und das Problem deiner potenziellen Kunden bestmöglich zu lösen.</span></p><p> <a href="https://graphek.de/seo-fuer-anfaenger-teil-1-wie-google-funktioniert/#more-6107" class="more-link">…</a></p></div> 137<a class="button" href="https://graphek.de/seo-fuer-anfaenger-teil-1-wie-google-funktioniert/">Weiterlesen</a></article><article><figure> 138<a href="https://graphek.de/barrierefreiheit-barrierefreiheitsstaerkungsgesetz-bfsg-was-beachten/"> 139<img src="https://graphek.de/wp-content/uploads/2026/02/barrierefreiheit-bfsg.webp" alt="Barrierefreiheit und das Barrierefreiheitsstärkungsgesetz (BFSG): Was gilt es zu beachten?"> 140</a></figure><h2 class="h3"> 141<a href="https://graphek.de/barrierefreiheit-barrierefreiheitsstaerkungsgesetz-bfsg-was-beachten/">Barrierefreiheit und das Barrierefreiheitsstärkungsgesetz (BFSG): Was gilt es zu beachten?</a></h2><div class="content"><p>Wäre es nicht toll, wenn jeder Mensch das Internet problemlos nutzen und genieÃen könnte, ganz egal, welche Fähigkeiten oder Einschränkungen er hat?</p><p> <a href="https://graphek.de/barrierefreiheit-barrierefreiheitsstaerkungsgesetz-bfsg-was-beachten/#more-5810" class="more-link">…</a></p></div> 142<a class="button" href="https://graphek.de/barrierefreiheit-barrierefreiheitsstaerkungsgesetz-bfsg-was-beachten/">Weiterlesen</a></article><article><figure> 143<a href="https://graphek.de/wordpress-theme-oder-individualentwicklung-das-sind-die-unterschiede/"> 144<img src="https://graphek.de/wp-content/uploads/2026/02/wordpress-theme-vs-indiv
144idualentwicklung.webp" alt="WordPress Theme oder Individualentwicklung? Das sind die Unterschiede."> 145</a></figure><h2 class="h3"> 146<a href="https://graphek.de/wordpress-theme-oder-individualentwicklung-das-sind-die-unterschiede/">WordPress Theme oder Individualentwicklung? Das sind die Unterschiede.</a></h2><div class="content"><div><p>Es gibt diverse Methoden, eine Website mit WordPress aufzusetzen. Grundsätzlich Unterscheiden wir zwischen einer Entwicklung auf Theme-Basis oder der Entwicklung eines eigenen, individuellen Themes. <a href="https://graphek.de/wordpress-theme-oder-individualentwicklung-das-sind-die-unterschiede/#more-5538" class="more-link">…</a></div></div> 147<a class="button" href="https://graphek.de/wordpress-theme-oder-individualentwicklung-das-sind-die-unterschiede/">Weiterlesen</a></article></div></section></main><footer id="main_footer"><div class="footer_intro"><div class="wrap"> 148<a href="https://graphek.de" class="footer_logo"> 149<img src="https://graphek.de/wp-content/themes/graphek4/images/logo_small_black.svg" width="25" height="38" alt="Graphek Logo Icon" /> 150</a></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>
150<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 current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor 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 current-menu-item page_item page-item-5536 current_page_item current_page_parent menu-item-5585"><a href="https://graphek.de/blog/" aria-current="page">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> 151<span>28197</span> <span>Bremen</span></div></div><div class="contact"> 152Tel: <a href="tel:+4942169698983">0421 69 69 89 83</a><br> 153E-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"> 154<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" /> 155<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"> 156© 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"> 157<button id="mobile_nav_trigger"> 158<span class="show"> 159Navigation 160<img width="13" height="10" src="https://graphek.de/wp-content/themes/graphek4/images/menu.svg" alt="Open Menu"> 161</span> 162<span class="hide"> 163<img width="10" height="10" src="https://graphek.de/wp-content/themes/graphek4/images/close.svg" alt="Close Menu"> 164</span> 165</button><div id="mobile_nav"><div class="top_area"><div class="inner"> 166<a class="logo" href="https://graphek.de"> 167<img width="25" height="38" src="https://graphek.de/wp-content/themes/graphek4/images/logo_small_white.svg" alt="Graphek Logo White" /> 168</a> 169<a class="stars_wrapper" target="_blank" href="https://maps.app.goo.gl/SD2jL6JeU14BwNnK6"><div class="partial_stars"> 170<span>
1715.0 </span> 172<img class="stars" width="130" height="22" src="https://graphek.de/wp-content/themes/graphek4/images/stars_white.svg" alt="5 Sterne Bewertung" /> 173<img class="external_link" width="9" height="9" src="https://graphek.de/wp-content/themes/graphek4/images/arrow_open_external.svg" alt="Bewertungen öffnen" /></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 menu-item-1195"><a href="https://graphek.de/">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 current-menu-item page_item page-item-5536 current_page_item current_page_parent menu-item-6862"><a href="https://graphek.de/blog/" aria-current="page">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"> 174<a class="button has_arrow" href="https://graphek.de/kontakt/" id="projektanfrage"> 175Kontakt </a> 176<button class="button has_arrow" id="back_to_main"> 177Hauptmenü 178</button></div></div></div>
178<script>(() => { 179 180 const mobileNav = document.getElementById('mobile_nav'); 181 const menuTrigger = document.getElementById('mobile_nav_trigger'); 182 183 window.addEventListener('DOMContentLoaded', () => { 184 setTimeout(() => { 185 menuTrigger.classList.add('show'); 186 }, 1000); 187 }); 188 189 menuTrigger.addEventListener('click', function() { 190 if ( document.body.classList.contains('mobileNavShow') ) { 191 document.body.classList.remove('mobileNavShow'); 192 mobileNav.classList.remove('show-expertise'); 193 mobileNav.classList.remove('show-main'); 194 } else { 195 document.body.classList.add('mobileNavShow'); 196 } 197 }); 198 199 const expertiseTrigger = document.querySelector('#main_mobile .mega_trigger'); 200 201 expertiseTrigger.addEventListener("click", function(e) { 202 e.preventDefault(); 203 e.stopPropagation(); 204 mobileNav.classList.add('show-expertise'); 205 mobileNav.classList.remove('show-main'); 206 }); 207 208 const backButton = document.querySelector('#back_to_main'); 209 210 backButton.addEventListener("click", function(e) { 211 e.preventDefault(); 212 e.stopPropagation(); 213 mobileNav.classList.remove('show-expertise'); 214 mobileNav.classList.add('show-main'); 215 }); 216 217 218 // Show Nav when page is scrolled down at least xxx of document 219 // if ( document.body.scrollHeight < 1700 ) { 220 // menuTrigger.classList.add('show'); 221 // } 222 // else { 223 // window.addEventListener('scroll', () => { 224 // if (window.scrollY > 1500 ) { 225 // menuTrigger.classList.add('show'); 226 // } else { 227 // menuTrigger.classList.remove('show'); 228 // } 229 // }); 230 // } 231 232})();</script>
232<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'" />
232<script>window.datenschutz_mail = "[email protected]"; 233window.impressum_url = "https:\/\/graphek.de\/impressum\/"; 234window.datenschutz_url = "https:\/\/graphek.de\/datenschutzerklaerung\/"; 235 236(() => { 237 // DOMContentLoaded also fires when a deferred download failed. Wait for both 238 // actual load events and the DOM; synthetic DOM events must not re-run consent. 239 const domReady = document.readyState === 'loading' 240 ? new Promise(resolve => document.addEventListener('DOMContentLoaded', resolve, { once: true })) 241 : Promise.resolve(); 242 243 function loadConsentScript(url, retry = true) { 244 return new Promise((resolve, reject) => { 245 const script = document.createElement('script'); 246 script.src = url; 247 script.onload = resolve; 248 script.onerror = () => { 249 script.remove(); 250 // One fresh request recovers transient failures; a permanent failure is 251 // reported below and all consent-managed services remain blocked. 252 if (retry) resolve(loadConsentScript(url + '&retry=1', false)); 253 else reject(new Error('Cookie Consent: Script konnte nicht geladen werden: ' + url)); 254 }; 255 document.head.appendChild(script); 256 }); 257 } 258 259 Promise.all([ 260 domReady, 261 loadConsentScript("https:\/\/graphek.de\/wp-content\/themes\/graphek4\/partials\/cookieconsent\/cookieconsent.js?ver=1774467326"), 262 loadConsentScript("https:\/\/graphek.de\/wp-content\/themes\/graphek4\/partials\/cookieconsent\/cookieconsent_de.js?ver=1789718939") 263 ]).then(() => { 264 if (!window.CookieConsent || typeof window.CookieConsent.run !== 'function' || !window.cc_de) { 265 throw new Error('Cookie Consent: Geladene Scripts stellen Bibliothek oder Ãbersetzung nicht bereit.'); 266 } 267 268 /** 269 * All config. options available here: 270 * https://cookieconsent.orestbida.com/reference/configuration-reference.html 271 */ 272 return CookieConsent.run({ 273 274 // root: 'body', 275 // autoShow: true, 276 // disablePageInteraction: true, 277 // hideFromBots: true, 278 // mode: 'opt-in', 279 revision: 6, 280 281 cookie: { 282 name: 'cc_cookie', 283 // domain: location.hostname, 284 // path: '/', 285 // sameSite: "Lax", 286 // expiresAfterDays: 365, 287 }, 288 289 // https://cookieconsent.orestbida.com/reference/configuration-reference.html#guioptions 290 guiOptions: { 291 consentModal: { 292 layout: 'cloud inline', 293 position: 'bottom center', 294 equalWeightButtons: true, 295 flipButtons: false 296 }, 297 preferencesModal: { 298 layout: 'box', 299 equalWeightButtons: true, 300 flipButtons: false 301 } 302 }, 303 304 categories: { 305 necessary: { 306 enabled: true, // this category is enabled by default 307 readOnly: true // this category cannot be disabled 308 }, 309 // Analytics = Umami (self-hosted, analytics.graphek.de) und Google Tag Manager 310 // (sst.graphek.de, GTM-5LHJ5CX6; Google Analytics + Google-Ads-Conversion), wie vor der 311 // Umami-Integration. Umami setzt keine Cookies; die Regeln betreffen Google und Hotjar-Altbestand. 312 analytics: { 313 readOnly: false, 314 autoClear: { 315 cookies: [ 316 { 317 name: /^(_hj)/ // regex 318 }, 319 { 320 name: /^_ga/, // regex: match all cookies starting with '_ga' 321 }, 322 { 323 name: '_gid', // string: exact cookie name 324 } 325 ] 326 } 327 }, 328 openai_ads: { 329 enabled: false, 330 readOnly: false, 331 autoClear: { 332 cookies: [ 333 { 334 name: '__oppref' 335 }, 336 { 337 name: 'graphek_openai_oppref' 338 } 339 ] 340 } 341 }, 342 campaign_attribution: { 343 enabled: false, 344 readOnly: false, 345 autoClear: { 346 cookies: [ 347 { 348 name: 'graphek_campaign_source' 349 } 350 ] 351 } 352 }, 353 external: { 354 readOnly: false, 355 autoClear: { 356 cookies: [ 357 { 358 name: 'calendar.google.com', // string: exact cookie name 359 } 360 ] 361 } 362 }, 363 }, 364 365 language: { 366 default: 'de', 367 translations: { 368 de: cc_de 369 } 370 } 371 }); 372 373 }).then(() => { 374 // Cookie-Consent via .cookie_settings Klasse triggern (Für WP Menue) 375 const cookieSettingsButtons = document.querySelectorAll('.cookie_settings'); 376 if ( cookieSettingsButtons ) { 377 cookieSettingsButtons.forEach(function(cookieSettingsButton) { 378 cookieSettingsButton.addEventListener('click', function(event) { 379 event.preventDefault(); 380 CookieConsent.showPreferences(); 381 }); 382 }); 383 } 384 }).catch(error => { 385 console.error('Cookie Consent konnte nicht initialisiert werden.', error); 386 }); 387})();</script>
387 <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> 388<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"> 389<img width="10" height="17" src="https://graphek.de/wp-content/themes/graphek4/images/icon-arrow-chevron-right-black.svg" alt="Arrow" /></div> 390</button> 391<a class="sidenav_item kontakt" href="https://graphek.de/kontakt/"><div class="left"><div class="icon"> 392<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"> 393<img width="10" height="17" src="https://graphek.de/wp-content/themes/graphek4/images/icon-arrow-chevron-right-black.svg" alt="Arrow" /></div> 394</a> 395<button class="sidenav_item back_to_top"><div class="left"><div class="icon"> 396<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"> 397<img width="10" height="17" src="https://graphek.de/wp-content/themes/graphek4/images/icon-arrow-chevron-right-black.svg" alt="Arrow" /></div> 398</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> 399<a class="kontakt video_link" href="https://graphek.de/kontakt/">Kontakt</a> 400<a class="referenzen video_link" href="https://graphek.de/referenzen-werbeagentur/">Referenzen</a> 401<a class="agentur video_link" href="https://graphek.de/digitalagentur-bremen/">Ãber uns</a></div><button id="close_welcome_video"> 402<img width="10" height="10" src="https://graphek.de/wp-content/themes/graphek4/images/close.svg" alt="Video schlieÃen"> 403</button></div>
403<script>(() => { 404 405 const backToTop = document.querySelector('.back_to_top'); 406 407 backToTop.addEventListener('click', () => { 408 window.scrollTo({ 409 top: 0, 410 behavior: 'smooth' 411 }); 412 }); 413 414 const triggerWrapper = document.getElementById('sidenav'); 415 const trigger = document.getElementById('trigger_welcome'); 416 // const triggerClose = document.getElementById('hide_welcome_trigger'); 417 const video = document.getElementById('welcome_video'); 418 const videoWrapper = document.getElementById('welcome_video_full'); 419 const closeButton = document.getElementById('close_welcome_video'); 420 421 // Video Buttons & Tags 422 const buttonKontakt = videoWrapper.querySelector('.video_link.kontakt'); 423 const buttonReferenzen = videoWrapper.querySelector('.video_link.referenzen'); 424 const buttonAgentur = videoWrapper.querySelector('.video_link.agentur'); 425 const videoLinks = videoWrapper.querySelectorAll('.video_link'); 426 427 // Show Sidenav after scrolling past first viewport 428 let sidenavTicking = false 429 window.addEventListener('scroll', function () { 430 if (sidenavTicking) return 431 sidenavTicking = true 432 requestAnimationFrame(function () { 433 if (window.scrollY > window.innerHeight) { 434 triggerWrapper.classList.remove('hide'); 435 } else { 436 triggerWrapper.classList.add('hide'); 437 } 438 sidenavTicking = false 439 }) 440 }, { passive: true }); 441 442 trigger.addEventListener('click', () => { 443 triggerWrapper.classList.add('hide'); 444 videoWrapper.classList.add('show'); 445 videoLinks.forEach(link => link.classList.remove('active') ); 446 video.src = video.dataset.src; 447 video.play(); 448 video.addEventListener("timeupdate", (event) => { 449 if ( event.target.currentTime > 5.5 ) { 450 buttonAgentur.classList.add('active'); 451 } 452 if ( event.target.currentTime > 11.5 ) { 453 buttonReferenzen.classList.add('active'); 454 } 455 if ( event.target.currentTime > 18 ) { 456 buttonKontakt.classList.add('active'); 457 } 458 }); 459 460 }); 461 462 closeButton.addEventListener('click', () => { 463 triggerWrapper.classList.remove('hide'); 464 videoWrapper.classList.remove('show'); 465 video.pause(); 466 video.currentTime = 0; 467 }); 468 469})();</script>
469 <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();"> 470<img src="https://graphek.de/wp-content/themes/graphek4/images/close_black.svg" alt="SchlieÃen" /> 471</button><h3>15-Minuten Speed-Dating mit Alex & Hannes</h3><div class="cookie_activation_notice"> 472Bitte akzeptiere die Cookie-Einstellungen für die Gruppe "external", um den Kalender für die Terminbuchung anzuzeigen.<div class="button_wrapper"> 473<button class="button cookie_settings"> 474Cookie 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> 475</dialog>
475<script>(() => { 476 477 const dialog = document.querySelector('#modal-speed-dating'); 478 479 if ( ! dialog ) { 480 return; 481 } 482 483 function openModal() { 484 const iframe = dialog.querySelector('iframe[data-src]'); 485 if (iframe) { 486 iframe.src = iframe.dataset.src; 487 iframe.removeAttribute('data-src'); 488 } 489 dialog.showModal(); 490 } 491 492 window.addEventListener('hashchange', () => { 493 if (location.hash !== '#modal-speed-dating') return; 494 openModal(); 495 }); 496 497 dialog.addEventListener('close', () => { 498 history.replaceState(null, '', ' '); 499 }); 500 501 if (location.hash === '#modal-speed-dating') { 502 openModal(); 503 } 504 505 // Close the dialog when clicking outside of it 506 dialog.addEventListener('click', (event) => { 507 if (event.target === dialog) { 508 dialog.close(); 509 } 510 }); 511 512 // Cookie-Button: Modal schlieÃen, damit der Consent-Dialog nicht dahinter liegt 513 let reopenAfterConsent = false; 514 const cookieBtn = dialog.querySelector('.cookie_settings'); 515 if ( cookieBtn ) { 516 cookieBtn.addEventListener('click', () => { 517 reopenAfterConsent = true; 518 dialog.close(); 519 }); 520 } 521 522 // Cookie Consent: dynamisch iframe nachladen 523 ['cc:onConsent', 'cc:onChange'].forEach(event => 524 window.addEventListener(event, ({detail}) => { 525 526 if ( detail.cookie.categories.indexOf('external') === -1 ) { 527 return; 528 } 529 530 const target = dialog.querySelector('.termin_modal_iframe_target'); 531 if ( ! target ) return; 532 533 const src = target.dataset.src; 534 if ( ! src ) return; 535 536 const iframe = document.createElement('iframe'); 537 iframe.src = src; 538 iframe.style.border = '0'; 539 iframe.width = '100%'; 540 iframe.height = '600'; 541 iframe.frameBorder = '0'; 542 target.replaceWith(iframe); 543 544 const notice = dialog.querySelector('.cookie_activation_notice'); 545 if ( notice ) notice.remove(); 546 547 if ( reopenAfterConsent ) { 548 reopenAfterConsent = false; 549 openModal(); 550 } 551 552 }) 553 ); 554 555})();</script>
555 <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();"> 556<img src="https://graphek.de/wp-content/themes/graphek4/images/close_black.svg" alt="SchlieÃen" /> 557</button><h3>Lass uns kurz über die Wartung deiner WordPress-Website sprechen.</h3><div class="cookie_activation_notice"> 558Bitte akzeptiere die Cookie-Einstellungen für die Gruppe "external", um den Kalender für die Terminbuchung anzuzeigen.<div class="button_wrapper"> 559<button class="button cookie_settings"> 560Cookie 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> 561</dialog>
561<script>(() => { 562 563 const dialog = document.querySelector('#modal-wp-wartung'); 564 565 if ( ! dialog ) { 566 return; 567 } 568 569 function openModal() { 570 const iframe = dialog.querySelector('iframe[data-src]'); 571 if (iframe) { 572 iframe.src = iframe.dataset.src; 573 iframe.removeAttribute('data-src'); 574 } 575 dialog.showModal(); 576 } 577 578 window.addEventListener('hashchange', () => { 579 if (location.hash !== '#modal-wp-wartung') return; 580 openModal(); 581 }); 582 583 dialog.addEventListener('close', () => { 584 history.replaceState(null, '', ' '); 585 }); 586 587 if (location.hash === '#modal-wp-wartung') { 588 openModal(); 589 } 590 591 // Close the dialog when clicking outside of it 592 dialog.addEventListener('click', (event) => { 593 if (event.target === dialog) { 594 dialog.close(); 595 } 596 }); 597 598 // Cookie-Button: Modal schlieÃen, damit der Consent-Dialog nicht dahinter liegt 599 let reopenAfterConsent = false; 600 const cookieBtn = dialog.querySelector('.cookie_settings'); 601 if ( cookieBtn ) { 602 cookieBtn.addEventListener('click', () => { 603 reopenAfterConsent = true; 604 dialog.close(); 605 }); 606 } 607 608 // Cookie Consent: dynamisch iframe nachladen 609 ['cc:onConsent', 'cc:onChange'].forEach(event => 610 window.addEventListener(event, ({detail}) => { 611 612 if ( detail.cookie.categories.indexOf('external') === -1 ) { 613 return; 614 } 615 616 const target = dialog.querySelector('.termin_modal_iframe_target'); 617 if ( ! target ) return; 618 619 const src = target.dataset.src; 620 if ( ! src ) return; 621 622 const iframe = document.createElement('iframe'); 623 iframe.src = src; 624 iframe.style.border = '0'; 625 iframe.width = '100%'; 626 iframe.height = '600'; 627 iframe.frameBorder = '0'; 628 target.replaceWith(iframe); 629 630 const notice = dialog.querySelector('.cookie_activation_notice'); 631 if ( notice ) notice.remove(); 632 633 if ( reopenAfterConsent ) { 634 reopenAfterConsent = false; 635 openModal(); 636 } 637 638 }) 639 ); 640 641})();</script>
641
641<script type="text/plain" data-category="analytics" defer 642 src="https://analytics.graphek.de/script.js" 643 data-website-id="2fc111a0-ee4e-4611-b345-9d49cf93ff7c" 644 data-domains="graphek.de,www.graphek.de"></script>
644
644<script>// Wird die Analytics-Einwilligung widerrufen, nachdem der Tracker geladen wurde, wird die 645 // Seite neu geladen, damit kein initialisierter Tracker im Dokument zurueckbleibt. Umamis 646 // eigener Schalter (localStorage 'umami.disabled') wird bewusst nicht gesetzt: das waere 647 // ein Schreibzugriff ins Endgeraet genau bei jemandem, der gerade abgelehnt hat. 648 ['cc:onConsent', 'cc:onChange'].forEach(function(event) { 649 window.addEventListener(event, function() { 650 if (!window.CookieConsent) return; 651 652 if (CookieConsent.acceptedCategory('analytics')) { 653 window._umamiConsented = true; 654 } else if (window._umamiConsented && !window._umamiReloadRequested) { 655 window._umamiReloadRequested = true; 656 window.location.reload(); 657 } 658 }); 659 });</script>
659
659<script>function loadGTM() { 660 if (window._gtmLoaded) return; 661 window._gtmLoaded = true; 662 window.dataLayer.push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); 663 var s = document.createElement('script'); 664 s.async = true; 665 s.src = 'https://sst.graphek.de/gtm.js?id=GTM-5LHJ5CX6'; 666 document.head.appendChild(s); 667 } 668 669 function syncGoogleConsent() { 670 if (typeof window.gtag !== 'function' || !window.CookieConsent) return; 671 672 var analyticsGranted = CookieConsent.acceptedCategory('analytics'); 673 gtag('consent', 'update', { 674 analytics_storage: analyticsGranted ? 'granted' : 'denied', 675 ad_storage: 'denied', 676 ad_user_data: 'denied', 677 ad_personalization: 'denied' 678 }); 679 } 680 681 ['cc:onConsent', 'cc:onChange'].forEach(function(event) { 682 window.addEventListener(event, function() { 683 syncGoogleConsent(); 684 if (CookieConsent.acceptedCategory('analytics')) { 685 loadGTM(); 686 } else if (window._gtmLoaded && !window._gtmReloadRequested) { 687 window._gtmReloadRequested = true; 688 window.location.reload(); 689 } 690 }); 691 });</script>
691
691<script type="text/plain" data-category="openai_ads" src="https://graphek.de/wp-content/themes/graphek4/partials/openai_ads/openai_ads.min.js"></script>
691
691<script src="https://graphek.de/wp-content/themes/graphek4/partials/campaign_attribution/campaign_attribution.min.js"></script>
691
691<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>
691
691<script type="text/javascript">var sbiajaxurl = "https://graphek.de/wp-admin/admin-ajax.php";</script>
691
691<script id="plugins-js" defer src="https://graphek.de/wp-content/themes/graphek4/assets/js/dist/_plugins.min.js?ver=1779794404"></script>
691
691<script id="boilerplate-js" defer src="https://graphek.de/wp-content/themes/graphek4/assets/js/dist/_build.min.js?&ver=1779794403"></script>
691
691<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>
691 </body></html> 692<!-- Page optimized by LiteSpeed Cache @2026-10-03 21:47:24 --> 693 694<!-- Page cached by LiteSpeed Cache 7.9.1 on 2026-10-03 21:47:24 -->
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.