PageSourceSearch

https://graphek.de/blog/

html graphek.de collected 2026-10-07 01:52:15 UTC 73,957 bytes, 694 lines download raw bytes

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 &amp; Design Infos, Tips &amp; Tricks | Graphek</title><meta name="description" content="Unser Blog für Design &amp; Entwicklung. Infos, Tips &amp; Tricks zu WordPress &amp; 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 &amp; Design Infos, Tips &amp; Tricks | Graphek" /><meta property="og:description" content="Unser Blog für Design &amp; Entwicklung. Infos, Tips &amp; Tricks zu WordPress &amp; Designthemen und allem, was dazugehört." /><meta property="og:url" content="https://graphek.de/blog/" /><meta property="og:site_name" content="Graphek GmbH | Webdesign &amp; 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 &amp; Design Infos, Tips &amp; Tricks | Graphek" /><meta name="twitter:description" content="Unser Blog für Design &amp; Entwicklung. Infos, Tips &amp; Tricks zu WordPress &amp; 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&amp;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 &amp; 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 &amp; 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 &amp; Design Infos, Tips &amp; 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">&#8230;</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">&#8230;</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">&#8230;</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">&#8230;</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 &#8211; 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">&#8230;</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">&#8230;</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">&#8230;</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 &#038; 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 &#038; 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">&#8230;</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 &#038; Planung">
75</a></figure><h2 class="h3">
76<a href="https://graphek.de/website-relaunch-checkliste-planung/">Website Relaunch – Checkliste &#038; 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">&#8230;</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">&#8230;</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">&#8230;</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">&#8230;</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">&#8230;</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">&#8230;</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">&#8230;</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">&#8230;</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 &#8211; 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">&#8230;</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 &#038; 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 &#038; 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">&#8230;</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 &#8222;was kostet ein logo design&#8220;.</p><p> <a href="https://graphek.de/seo-fuer-anfaenger-teil-3-der-perfekte-seo-text/#more-6139" class="more-link">&#8230;</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">&#8230;</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">&#8230;</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">&#8230;</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">&#8230;</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?&#038;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.