PageSourceSearch

https://www.der-informationsdesigner.de/agentur-blog/referenzen/

html der-informationsdesigner.de collected 2026-10-06 19:29:17 UTC 124,951 bytes, 1,843 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de">
3<head>
4<meta charset="utf-8">
5<title>Referenzen Archive - Blog Webdesign + Gestaltung</title>
6<link rel="pingback" href="https://www.der-informationsdesigner.de/agentur-blog/xmlrpc.php">
7<!-- Headbereich mit Stylesheets, jQuery, Google Analytics, etc. einbinden -->
8<!-- Einstellung für Viewport (mobile Geräte) -->
9<!-- <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0" /> -->
10<meta name="viewport" content="width=device-width, initial-scale=1" />
11<meta name="apple-mobile-web-app-capable" content="yes" />
12<!-- Thumbnail für Bild in mobilen Suchergebnissen -->
13<meta name="thumbnail" content="https://www.der-informationsdesigner.de/bilder/allgemein/werbeagentur-allgaeu-der-informationsdesigner.png" />
14<!--
15<PageMap>
16<DataObject type="thumbnail">
17<Attribute name="src" value="https://www.der-informationsdesigner.de/bilder/allgemein/werbeagentur-allgaeu-der-informationsdesigner.png"/>
18<Attribute name="width" value="200"/>
19<Attribute name="height" value="200"/>
20</DataObject>
21</PageMap>
22-->
23<!-- Logo als strukturierte Daten für Organisation -->
24<script type="application/ld+json">
25{
26"@context": "https://schema.org",
27"@type": "Organization",
28"url": "https://www.der-informationsdesigner.de/",
29"logo": "https://www.der-informationsdesigner.de/bilder/allgemein/werbeagentur-allgaeu-der-informationsdesigner.png"
30}
31</script>
31
32<!-- Pinterest Bestätigung -->
33<meta name="p:domain_verify" content="237604fc5f39b453baf8e7ce460b3035"/>
34<!-- Preloading von ein paar Schriften -->
35<link rel="preload" href="/fonts/lato-v23-latin-regular.woff2" as="font" type="font/woff" crossorigin="anonymous">
36<link rel="preload" href="/fonts/lato-v23-latin-700.woff2" as="font" type="font/woff" crossorigin="anonymous">
37<link rel="preload" href="/fonts/lato-v23-latin-900.woff2" as="font" type="font/woff" crossorigin="anonymous">    
38<!-- Einbinden aller relevanter CSS-Files (komprimiert / minimiert) -->
39<!-- und mit Preload-Funktion -->
40<link onload="this.rel='stylesheet'" onerror="this.rel='stylesheet'" rel="stylesheet" href="https://www.der-informationsdesigner.de/min/b=css&amp;f=normalize-legacy_min.css,bootstrap_min.css,styles_min.css,content_min.css,layerslider_min.css,slider-skins/v5/skin_min.css" />
41<noscript><link rel="stylesheet" type="text/css" href="https://www.der-informationsdesigner.de/min/b=css&amp;f=normalize-legacy_min.css,bootstrap_min.css,styles_min.css,content_min.css,layerslider_min.css,slider-skins/v5/skin_min.css" /></noscript>
42<!-- Das benötigen wir, damit auch die Browser die kein Preload beherrschen, die CSS-Files korrekt laden -->
43<script type="text/javascript" src="/js/cssrelpreload.js"></script>
43
44<!-- HTML5 shiv print polyfill für Internet Explorer Browsers 8 und älter -->
45<!--[if lt IE 9]>
45<script src="js/html5shiv-printshiv.js" media="all"></script>
45<![endif]-->
46<!-- Favicons -->
47<link rel="apple-touch-icon" sizes="57x57" href="/favicons/apple-touch-icon-57x57.png">
48<link rel="apple-touch-icon" sizes="60x60" href="/favicons/apple-touch-icon-60x60.png">
49<link rel="apple-touch-icon" sizes="72x72" href="/favicons/apple-touch-icon-72x72.png">
50<link rel="apple-touch-icon" sizes="76x76" href="/favicons/apple-touch-icon-76x76.png">
51<link rel="apple-touch-icon" sizes="114x114" href="/favicons/apple-touch-icon-114x114.png">
52<link rel="apple-touch-icon" sizes="120x120" href="/favicons/apple-touch-icon-120x120.png">
53<link rel="apple-touch-icon" sizes="144x144" href="/favicons/apple-touch-icon-144x144.png">
54<link rel="apple-touch-icon" sizes="152x152" href="/favicons/apple-touch-icon-152x152.png">
55<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon-180x180.png">
56<link rel="icon" type="image/png" href="/favicons/favicon-32x32.png" sizes="32x32">
57<link rel="icon" type="image/png" href="/favicons/android-chrome-192x192.png" sizes="192x192">
58<link rel="icon" type="image/png" href="/favicons/favicon-96x96.png" sizes="96x96">
59<link rel="icon" type="image/png" href="/favicons/favicon-16x16.png" sizes="16x16">
60<link rel="manifest" href="/favicons/manifest.json">
61<meta name="msapplication-TileColor" content="#d2232a">
62<meta name="msapplication-TileImage" content="/favicons/mstile-144x144.png">
63<meta name="theme-color" content="#ffffff"> 
64<!-- Integration jQuery- / jQuery UI Version -->
65<!--
66<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
vendor: 1 bytes, line 66
66
67<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
67
68-->
69<script src="/js/jquery-2.1.4.min.js"></script>
vendor: 1 bytes, line 69
69
70<script src="/js/jquery-ui-1.10.4.min.js"></script>
70
71<!-- Modernizr -->
72<script src="/js/jquery-modernizr-2.6.2.min.js"></script>
72
73<!-- Tracking-Code einbinden -->
74<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 74-75
74
75<script async src="https://www.googletagmanager.com/gtag/js?id=
75UA-19147577-4
vendor: 12 bytes, line 75
75"></script>
76<script>
vendor: 127 bytes, lines 77-80
77window.dataLayer = window.dataLayer || [];
78function gtag(){dataLayer.push(arguments);}
79gtag('js', new Date());
80gtag('config', '
80UA-19147577-4
vendor: 28 bytes, line 80
80', {'anonymize_ip': true});
81</script>
81
82<!-- Tag-Manager-Code HEAD einbinden - Hilft bei der zentralen Verwaltung von Code-Snippets wie Analytics, etc. -->
83<!-- Start Canonical -->
84<!-- Ende Canonical -->
85<!-- Start Cookie Plugin -->
86<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/cookieconsent.css" />
87<script src="https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/cookieconsent.js" defer></script>
87
88<!-- Ende Cookie Plugin -->
89<!-- Vorausladen für Google Analytics -->
90<link rel="preconnect" href="https://www.googletagmanager.com">
91<link rel="preconnect" href="https://www.google-analytics.com">    
92<!-- ProvenExpert Bewertungssiegel -->
93<!-- alte Version -->
94<!--<style type="text/css">body {-ms-overflow-style: scrollbar;} @media(max-width:991px){.ProvenExpert_widget_container {display:none !important;}}</style>
95<a class="ProvenExpert_widget_container" href="https://www.provenexpert.com/der-informationsdesigner-werbeagentur/?utm_source=Widget&amp;utm_medium=Widget&amp;utm_campaign=Widget" title="Kundenbewertungen &amp; Erfahrungen zu Der Informationsdesigner Werbeagentur. Mehr Infos anzeigen." target="_blank" style="text-decoration:none;z-index:9999;position:fixed;float:left;line-height:0;right:0;top:100px;" rel="noopener noreferrer"><img src="https://images.provenexpert.com/ab/09/762a509c21b831041516fc90a16d/widget_square_180_de_0.png" alt="Erfahrungen &amp; Bewertungen zu Der Informationsdesigner Werbeagentur" width="180" height="180" style="border:0" /></a>-->
96<!-- alte Version -->
97<!-- ProvenExpert Bewertungssiegel -->    
98<!-- ProvenExpert ProSeal Widget -->
99<!--    
100<noscript>
101<a href="https://www.provenexpert.com/de-de/der-informationsdesigner-werbeagentur?utm_source=seals&utm_campaign=proseal&utm_medium=profile&utm_content=4f7ab196-075b-4a66-8ac7-6cdb098ea052" target="_blank" title="Kundenbewertungen & Erfahrungen zu Der Informationsdesigner Werbeagentur. " class="pe-pro-seal-more-infos" rel="nofollow">Mehr Infos</a>
102</noscript>
103<script src="https://s.provenexpert.net/seals/proseal.js" async="async"></script>
vendor: 1 bytes, line 103
103
104<script id="proSeal">
105window.addEventListener('load', function(event) {
106window.provenExpert.proSeal({
107widgetId: "4f7ab196-075b-4a66-8ac7-6cdb098ea052",
108language:"de-DE",
109bannerColor: "#0DB1CD",
110textColor: "#FFFFFF",
111showReviews: true,
112hideDate: false,
113hideName: false,
114bottom: "0px",
115stickyToSide: "right",
116googleStars: false,
117zIndex: "9999",
118})
119});
120</script>
120
121-->
122<!-- ProvenExpert ProSeal Widget -->
123<!-- Schema LocalBusiness + Google Sterne -->  
124<script type="application/ld+json">
125{
126"@context": "https://schema.org",
127"@type": "ProfessionalService",
128"name": "Der Informationsdesigner | Werbeagentur Allgäu",
129"image": "https://www.der-informationsdesigner.de/bilder/allgemein/thomas-soyter-der-informationsdesigner-webdesign-gestaltung-webprogrammierung-kaufbeuren-allgaeu.svg",
130"@id": "",
131"url": "https://www.der-informationsdesigner.de/",
132"telephone": "08341 9972964",
133"aggregateRating": {
134"@type": "AggregateRating",
135"ratingValue": "4.8",
136"ratingCount": "29",
137"bestRating": "5"
138},
139"address": {
140"@type": "PostalAddress",
141"streetAddress": "Oggenrieder Weg 7",
142"addressLocality": "Kaufbeuren",
143"postalCode": "87600",
144"addressCountry": "DE"
145},
146"geo": {
147"@type": "GeoCoordinates",
148"latitude": 47.89130000000001,
149"longitude": 10.61272
150},
151"openingHoursSpecification": {
152"@type": "OpeningHoursSpecification",
153"dayOfWeek": [
154"Monday",
155"Tuesday",
156"Wednesday",
157"Thursday",
158"Friday"
159],
160"opens": "09:00",
161"closes": "18:00"
162} 
163}
164</script>
164
165<!-- // Schema LocalBusiness + Google Sterne --> 
166<meta name='robots' content='max-image-preview:large' />
167<!-- This site is optimized with the Yoast SEO plugin v9.0.2 - https://yoast.com/wordpress/plugins/seo/ -->
168<meta name="description" content="Auf unserem Blog erhalten Sie Informationen zum Thema Webdesign, Gestaltung, SEO sowie unsere neuesten Referenzen."/>
169<link rel="canonical" href="https://www.der-informationsdesigner.de/agentur-blog/category/referenzen/" />
170<meta property="og:locale" content="de_DE" />
171<meta property="og:type" content="object" />
172<meta property="og:title" content="Referenzen Archive - Blog Webdesign + Gestaltung" />
173<meta property="og:description" content="Auf unserem Blog erhalten Sie Informationen zum Thema Webdesign, Gestaltung, SEO sowie unsere neuesten Referenzen." />
174<meta property="og:url" content="https://www.der-informationsdesigner.de/agentur-blog/category/referenzen/" />
175<meta property="og:site_name" content="Blog Webdesign + Gestaltung | Der Informationsdesigner" />
176<meta name="twitter:card" content="summary" />
177<meta name="twitter:description" content="Auf unserem Blog erhalten Sie Informationen zum Thema Webdesign, Gestaltung, SEO sowie unsere neuesten Referenzen." />
178<meta name="twitter:title" content="Referenzen Archive - Blog Webdesign + Gestaltung" />
179<script type='application/ld+json'>{"@context":"https:\/\/schema.org","@type":"Organization","url":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/","sameAs":["https:\/\/www.facebook.com\/derinformationsdesigner"],"@id":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/#organization","name":"Der Informationsdesigner | Werbeagentur Allg\u00e4u mit Stil","logo":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2016\/02\/logo-thomas-soyter-der-informationsdesigner.png"}</script>
179
180<!-- / Yoast SEO plugin. -->
181<link rel="alternate" type="application/rss+xml" title="Blog Webdesign + Gestaltung | Der Informationsdesigner &raquo; Kategorie-Feed für Referenzen" href="https://www.der-informationsdesigner.de/agentur-blog/category/referenzen/feed/" />
182<style id="wp-img-auto-sizes-contain-inline-css">
183img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
184/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
185</style>
186<style id="wp-block-library-inline-css">
187:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
187--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
188/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
189</style>
190<style id="classic-theme-styles-inline-css">
191/*! This file is auto-generated */
192.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
193/*# sourceURL=/wp-includes/css/classic-themes.min.css */
194</style>
195<style id="global-styles-inline-css">
196: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%);
196--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);}: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;}
196.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;}
197/*# sourceURL=global-styles-inline-css */
198</style>
199<!-- <link rel='stylesheet' id='wp-pagenavi-css' href='https://www.der-informationsdesigner.de/agentur-blog/wp-content/plugins/wp-pagenavi/pagenavi-css.css?ver=2.70' media='all' /> -->
200<link rel="stylesheet" type="text/css" href="//www.der-informationsdesigner.de/agentur-blog/wp-content/cache/wpfc-minified/llecl20s/g1pax.css" media="all"/>
201<link rel="https://api.w.org/" href="https://www.der-informationsdesigner.de/agentur-blog/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.der-informationsdesigner.de/agentur-blog/wp-json/wp/v2/categories/4" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.der-informationsdesigner.de/agentur-blog/xmlrpc.php?rsd" />
202<!-- start Simple Custom CSS and JS -->
203<script type="text/javascript">
204jQuery(document).ready(function( $ )
205{
206// Inhaltsverzeichnis sticky beim Scrollen + aufklappbar	
207// checken wie hoch das Inhaltsverzeichnis ist und die Höhe auf den Platzhalter-Container "inhaltsverzeichnis-top" übertragen - sonst klappt es mit den Anker-Links nicht
208var height_toc = $('.inhaltsverzeichnis').outerHeight();
209//alert (height_toc);
210function boxtothetop() 
211{		
212var windowTop = $(window).scrollTop();
213if ( $(".inhaltsverzeichnis-top").length ) 
214{
215var top = $('.inhaltsverzeichnis-top').offset().top;
216}
217if (windowTop > top && (window.matchMedia('(min-width: 992px)').matches))
218{
219//$('.inhaltsverzeichnis-top').height($('.inhaltsverzeichnis').outerHeight());
220$('.inhaltsverzeichnis-top').height(height_toc);			
221$('.inhaltsverzeichnis').first().addClass('sticky');
222$('.inhaltsverzeichnis.sticky.closed').attr('title', 'Inhaltsverzeichnis einblenden');
223$('.inhaltsverzeichnis.sticky.open').attr('title', 'Inhaltsverzeichnis ausblenden');
224} 
225else 
226{
227$('.inhaltsverzeichnis').first().removeClass('sticky');
228$('.inhaltsverzeichnis').first().removeClass('open');
229$('.inhaltsverzeichnis').first().addClass('closed');
230$('.inhaltsverzeichnis-top').height(0);
231$('.inhaltsverzeichnis').attr('title', '');
232}
233}
234$(function() 
235{
236$(window).scroll(boxtothetop);
237boxtothetop();
238});	
239$('.inhaltsverzeichnis').on("click", function() 
240{
241if ( $( '.inhaltsverzeichnis' ).hasClass( "sticky") && ( $( '.inhaltsverzeichnis' ).hasClass( "closed") ) )
242{ 
243//alert("open");
244$(this).addClass('open'); 
245$(this).removeClass('closed');
246$(this).attr('title', 'Inhaltsverzeichnis ausblenden');
247}
248else if ( $( '.inhaltsverzeichnis' ).hasClass( "sticky") && ( $( '.inhaltsverzeichnis' ).hasClass( "open") ) )
249{ 
250//alert("close");
251$(this).addClass('closed');
252$(this).removeClass('open');
253$(this).attr('title', 'Inhaltsverzeichnis einblenden');
254}
255});
256// Inhaltsverzeichnis ausblenden, wenn irgendwo außerhalb im Browserfenster geklickt wird
257$(document).mouseup(function(e) 
258{
259var container = document.getElementsByClassName('inhaltsverzeichnis')[0];
260if (container !== undefined && container !== event.target && !container.contains(event.target)) 
261{  
262if ( $( '.inhaltsverzeichnis' ).hasClass( "sticky")  && ( $( '.inhaltsverzeichnis' ).hasClass( "open") ))
263{ 
264//alert("close body")
265$('.inhaltsverzeichnis.sticky.open').addClass('closed'); 
266$('.inhaltsverzeichnis.sticky.open').removeClass('open');
267$('.inhaltsverzeichnis.sticky.closed').attr('title', 'Inhaltsverzeichnis einblenden');
268}
269}
270});
271// bei sticky Inhaltsverzeichnis aktiven Menüpunkt highlighten
272var topMenu = $('.inhaltsverzeichnis:first'),
273topMenuHeight = topMenu.outerHeight()+15,
274// All list items
275menuItems = topMenu.find("a"),
276// Anchors corresponding to menu items
277scrollItems = menuItems.map(function(){
278var item = $($(this).attr("href"));
279if (item.length) { return item; }
280});
281// Bind to scroll
282$(window).scroll(function()
283{
284// Get container scroll position
285var fromTop = $(this).scrollTop()+topMenuHeight;
286// Get id of current scroll item
287var cur = scrollItems.map(function(){
288if ($(this).offset().top < fromTop)
289return this;
290});
291// Get the id of the current element
292cur = cur[cur.length-1];
293var id = cur && cur.length ? cur[0].id : "";
294// Set/remove active class
295menuItems
296.parent().removeClass("active")
297.end().filter("[href='#"+id+"']").parent().addClass("active");
298});
299// Reading Progressbar einbinden
300window.addEventListener('scroll', function(e) {
301var s = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
302var body = document.body;
303var html = document.documentElement;
304var d = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
305var c = window.innerHeight;
306var position = (s / (d - c)) * 100;
307document.getElementById('progress-bar').setAttribute('style', 'width: ' + position + '%');
308});
309// Auswahl ob kompaktere oder umfangreichere Darstellung der Blogeinträge
310var blog_ansicht = sessionStorage.getItem("blog_ansicht");
311if (blog_ansicht == "kompakt")
312{
313$('.einleitungstext,.teaserbild,.postinhalt').hide();	
314$(".blog-kompakt").css({"backgroundColor": "#D2232A", "color": "white"});
315$(".blog-erweitert").css({"backgroundColor": "#eee", "color": "#222 !important"});		
316}
317else
318{
319$(".blog-erweitert").css({"backgroundColor": "#D2232A", "color": "white"});
320$(".blog-kompakt").css({"backgroundColor": "#eee", "color": "#222 !important"});
321}
322$('.blog-kompakt').on('click', function()
323{
324$('.einleitungstext,.teaserbild,.postinhalt').hide();		
325var blog_ansicht = "kompakt";
326sessionStorage.setItem("blog_ansicht", blog_ansicht);	
327//alert (blog_ansicht);		
328//$(".blog-kompakt").css({"backgroundColor": "#D2232A", "color": "white"});
329//$(".blog-erweitert").css({"backgroundColor": "#eee", "color": "#222 !important"});
330location.reload();
331});
332$('.blog-erweitert').on('click', function()
333{
334$('.einleitungstext,.teaserbild,.postinhalt').show();
335var blog_ansicht = "erweitert";
336sessionStorage.setItem("blog_ansicht", blog_ansicht);	
337//alert (blog_ansicht);
338//$(".blog-erweitert").css({"backgroundColor": "#D2232A", "color": "white"});
339//$(".blog-kompakt").css({"backgroundColor": "#eee", "color": "#222 !important"});
340location.reload();
341});
342});</script>
342
343<!-- end Simple Custom CSS and JS -->
344<style id="wplmi-inline-css" type="text/css"> span.wplmi-user-avatar { width: 16px;display: inline-block !important;flex-shrink: 0; } img.wplmi-elementor-avatar { border-radius: 100%;margin-right: 3px; } 
345</style>
346<style id="wp-custom-css">
347</style>
348</head>
349<div id="reading-progress"><span id="progress-bar" class="bar" style="width: 0%"></span></div>
350<body>
351<!-- <body style="display: none"> -->
352<!-- Kontakt-Panel einbinden -->
353<!-- KONTAKT-PANEL -->
354<!-- eigentlicher Panel mit Formular etc. -->
355<aside class="pushy pushy-right">
356<div class="panel-inhalt-balken">
357<div class="panel-close menu-btn"></div>
358<h2 id="anfrageueberschrift">Nehmen Sie Kontakt mit uns auf</h2>
359<div title="Ihr Ansprechpartner: Thomas Soyter" class="panel-inhalt-balken-portrait"></div>
360</div>
361<div id="dialog-modal-panel-formular">Vielen Dank für Mitteilung</div>
362<div class="panel-formular">
363<form action="javascript:;" method="post" name="panel-form" id="panel-form">
364<label for="name"></label><input id="name" name="name" type="text" placeholder="Ihr Name" data-validation="required" data-validation-error-msg-required="Bitte geben Sie Ihren Nachnamen an">
365<label for="vorname"></label><input id="vorname" name="vorname" type="text" placeholder="Ihr Vorname" data-validation="required" data-validation-error-msg-required="Bitte geben Sie Ihren Vornamen an">
366<label for="telefon"></label><input id="telefon" name="telefon" type="text" placeholder="Ihre Telefon-Nummer">
367<label for="email"></label><input id="email" name="email" type="text" placeholder="Ihre E-Mail-Adresse" data-validation="required email" data-validation-error-msg-required="Bitte geben Sie Ihre E-Mail-Adresse an" data-validation-error-msg-email="Bitte geben Sie eine korrekte E-Mail-Adresse an">
368<label for="betreff"></label><input id="betreff" name="betreff" type="text" placeholder="Betreff zur Mitteilung">
369<label for="mitteilung"></label><textarea id="mitteilung" name="mitteilung" placeholder="Ihre Mitteilung" data-validation="required" data-validation-error-msg-required="Bitte schreiben Sie uns eine Mitteilung"></textarea>
370<div class="datenschutzhinweis">
371<label for="datenschutz"></label><input data-validation="required" data-validation-error-msg-required="Bitte Bedingungen akzeptieren" id="datenschutz" name="datenschutz" type="checkbox" value="ja">
372<strong>Bitte akzeptieren Sie die Bedingungen um fortzufahren</strong> - Sie erklären sich damit einverstanden, dass Ihre Daten zur Bearbeitung Ihres Anliegens verwendet werden. Weitere Informationen finden Sie in der <a target="_blank" href="/datenschutz/">Datenschutzerklärung</a>.</div>
373<div class="parallelogram-button"><label for="senden"></label><input id="senden" class="beschriftung" name="senden" type="submit" value="Formular senden"></div>
374</form>
375<div class="panel-formular-trennlinie"></div>
376<div class="panel-formular-adresse-linien">    
377<div class="panel-formular-adresse">
378<div itemscope itemtype="https://schema.org/Organization">
379<table>
380<tr>
381<td class="icon"><img title="" alt="Firmenbezeichnung | Büro für Gestaltung, Webdesign und Webentwicklung" style="margin-left: 2px" src="/bilder/allgemein/icon-firmenbezeichnung-webagentur-designagentur-kaufbeuren-allgaeu-kempten.svg"></td>
382<td><span itemprop="name">Thomas Soyter | Der Informationsdesigner</span></td>
383</tr>
384<tr>
385<td class="icon"><img title="" alt="Anschrift | Thomas Soyter - Der Informationsdesigner in Kaufbeuren im Allgäu (nähe Kempten)" style="margin-left: 3px" src="/bilder/allgemein/icon-standort
385-thomas-soyter-kaufbeuren-allgaeu-kempten.svg"></td>
386<td>
387<div itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
388<span itemprop="streetAddress">Oggenrieder Weg 7</span>, <span itemprop="postalCode">87600 Kaufbeuren</span>
389</div></td>
390</tr>
391<tr>
392<td class="icon"><img title="Kontaktaufnahme per Telefon" alt="Kontakt per Telefon | Thomas Soyter - Der Informationsdesigner in Kaufbeuren im Allgäu (nähe Kempten)" src="/bilder/allgemein/icon-telefon-kontakt-thomas-soyter-webprogrammierung-webdesign-screendesign-printdesign.svg"></td>
393<td><span itemprop="telephone">08341 - 9972964</span></td>
394</tr>
395<tr>
396<td class="icon"><img title="Kontaktaufnahme per E-Mail" alt="E-Mail-Kontakt | Thomas Soyter - Der Informationsdesigner in Kaufbeuren im Allgäu (nähe Kempten)" src="/bilder/allgemein/icon-emailadresse-thomas-soyter-reponsive-webdesign-corporate-design-suchmaschinenoptimierung-onlineshops.svg"></td>
397<td><span itemprop="email"><a href="/cdn-cgi/l/email-protection#2a0c091b1a13110c091a131d110c091b1a1f110c091b1a12110c091a1c1e110c091b1a1a110c091b1a1b110c091b1b1e110c091a1e1f110c091b1a1f110c091b1b1a110c091b1a18110c091b1b1b110c091b1b1e110c091b1a13110c091a131d110c091b1b1c110c091b1a1f110c091b1b1b110c091b1b1a110c091b1b1f110c091b1a1a110c091b1a1b110c091b1b1f110c091b1a1f110c091b1a19110c091b1b1a110c091b1a1b110c091b1b1e110c091a1e1c110c091b1a1a110c091b1a1b11">&#109;&#097;&#105;&#108;&#064;&#100;&#101;&#114;&#045;&#105;&#110;&#102;&#111;&#114;&#109;&#097;&#116;&#105;&#111;&#110;&#115;&#100;&#101;&#115;&#105;&#103;&#110;&#101;&#114;&#046;&#100;&#101;</a></span></td>
398</tr>
399<tr>
400<td class="icon"><img title="Kontaktaufnahme per Skype" alt="Kontakt per Skype | Thomas Soyter - Der Informationsdesigner in Kaufbeuren im Allgäu (nähe Kempten)" src="/bilder/allgemein/icon-skype-der-informationsdesigner-webdesign-allgaeu-corporate-design-suchmaschinenoptimierung-onlineshops.svg"></td>
401<td><a href="skype:live:mail_29247?chat">Der Informationsdesigner</a></td>
402</tr>
403</table>
404</div>
405</div>
406<div class="panel-formular-linienabschluss"></div>
407</div>
408</div>
409</aside>
410<!-- // eigentlicher Panel mit Formular etc. -->
411<!-- Seiten-Overlay für Kontakt-Panel -->
412<div class="site-overlay"></div>
413<!-- // Seiten-Overlay für Kontakt-Panel -->
414<!-- // KONTAKT-PANEL -->
415<!-- Scroll-to-Top einbinden -->
416<!-- Scroll-To-Top-Button -->
417<a href="#" class="scrollToTop"></a>
418<!-- // Scroll-To-Top-Button -->
419<!-- Headerbereich einbinden -->
420<!-- Für Einbindung von Facebook-Videos notwendig -->
421<div id="fb-root"></div>
vendor: 109 bytes, lines 421-422
421
422<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
422<script async defer src="https://connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v3.2&appId=839345139526836&autoLogAppEvents=1"></script>
422
423<!-- Tag-Manager-Code BODY einbinden - Hilft bei der zentralen Verwaltung von Code-Snippets wie Analytics, etc. -->
424<!-- ALLGEMEINER INHALTSCONTAINER -->
425<a name="#webdesign-webentwicklung-gestaltung"></a>
426<div id="container" class="container-fluid"> 
427<!--Bootstrap-Container -->
428<div class="row">
429<!-- Breadcrumb -->
430<ol class="breadcrumb" vocab="https://schema.org/" typeof="BreadcrumbList">
431<li property="itemListElement" typeof="ListItem">
432<a title="Thomas Soyter - Der Informationsdesigner | Webagentur / Internetagentur und Büro für Grafik- und Printdesign aus dem Allgäu" property="item" typeof="WebPage"
433href="https://www.der-informationsdesigner.de/#">
434<span property="name">Start</span></a>
435<meta property="position" content="1">
436</li>
437›
438<li property="itemListElement" typeof="ListItem">
439<a title="Professionelles Webdesign, professionelle Webentwicklung und kreative Gestaltungslösungen für den Raum Kempten, Augsburg, Kaufbeuren und das Allgäu" property="item" typeof="WebPage"
440href="https://www.der-informationsdesigner.de#webdesign-webentwicklung-gestaltung">
441<span property="name">Webdesign ▪ Webentwicklung ▪ Gestaltung</span></a>
442<meta property="position" content="2">
443</li>
444</ol>
445<!-- // Breadcrumb -->
446<!-- HEADER -->
447<header id="c_mainheader" role="banner">
448<div id="c_mainheader-overlay">
449<!-- Logo -->
450<div class="logo-headline">
451<a href="https://www.der-informationsdesigner.de#webdesign-webentwicklung-gestaltung" title="Thomas Soyter - Der Informationsdesigner | Gestaltung, Webdesign und Web-Entwicklung aus dem Allgäu"><img src="/bilder/allgemein/thomas-soyter-der-informationsdesigner-webdesign-gestaltung-webprogrammierung-kaufbeuren-allgaeu.svg" alt="Thomas Soyter - Der Informationsdesigner | hochwertige und professionelle Webseiten, Geschäftsdrucksachen, aussagekräftige Logos für den Raum Kempten, Kaufbeuren, Augsburg und das Allgäu" />
452<span><strong>Webdesign, Webentwicklung und Design aus dem Allgäu für das Allgäu // Der Informationsdesigner aus Kaufbeuren | Büro für Gestaltung und neue Medien</strong></span>
453</a>
454</div>
455<div class="logo-subline">
456<span></span>    
457</div>
458<p class="einleitung"></p>
459<!-- // Logo -->
460<!-- Icon für Kontaktpanel -->
461<div title="Anfrage und Kontaktaufnahme" id="c_icon-kontaktpanel" class="menu-btn"></div>
462<!-- // Icon für Kontaktpanel -->
463<!-- Hauptnavigation -->
464<nav role="navigation">
465<ul>
466<li class=""><a title="Wer und was ist Thomas Soyter | Der Informationsdesigner aus Kaufbeuren im Allgäu?" href="/profil/internetagentur-kaufbeuren-kempten-augsburg.php">Profil</a></li>
467<li class=""><a title="Portfolio | Webdesign, Screendesign, Webprogrammierung, Gestaltung, Printdesign, Suchmaschinenoptimierung, Responsive Design, ..." href="/leistungen/werbeagentur-kaufbeuren.php">Leistungen</a></li>
468<li class=""><a title="Showcase | Beispiele aus der Praxis zum Thema Webdesign, Printdesign, Webentwicklung, ..." href="/agentur-blog/referenzen/">Referenzen</a></li>
469<!-- 
470<li class=""><a class="baustelle" title="Showcase | Beispiele aus der Praxis zum Thema Webdesign, Printdesign, Webentwicklung, ..." href="#">Referenzen</a></li>
471-->
472<li class="icon anfrage menu-btn"><a title="Mitteilung | Anfrage für ein neues Projekt z. B. eine neue Website, einen Online-Shop, Geschäftsdrucksachen, ..." href="#">Anfrage</a></li>
473<li class="aktiver-navipunkt"><a title="Unser Blog - mehr erfahren über Webdesign, Gestaltung, Design, neueste Webtrends, aktuelle Referenzen, etc." href="/agentur-blog/index.php">Blog</a></li>
474<!-- 
475<li class=""><a title="Preise | Webdesign, Online-Shop, WordPress" href="/leistungen/preise-webdesign-allgaeu-kempten-kaufbeuren-augsburg.php">Preise</a></li>
476-->
477<li class=""><a title="Informationen | Adresse, Anfahrt und Kontaktmöglichkeiten" href="/kontakt/index.php">Kontakt</a></li>
478</ul>
479</nav> 
480<!-- // Hauptnavigation -->
481<!-- Mobile Menü -->
482<div class="mobile-nav">
483<div class="mobilemenu-btn" id="mobilemenu-btn">
484<div id="mobilemenu-icon">
485<span></span>
486<span></span>
487<span></span>
488<span></span>
489<span></span>
490<span></span>
491</div>
492</div>
493<div class="mobilmenu-zusatzkontakt"><a href="tel:083419972964">Tel. 08341 - 9972964</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="/cdn-cgi/l/email-protection#7c111d15103d2818190e5115121a130e111d081513120f18190f151b12190e3833281819" onclick="this.href=this.href.replace(/AT/,'&#64;').replace(/DOT/,'&#46;')">E-Mail</a></div>
494<div class="responsive-menu">
495<ul>
496<li class=""><a href="/profil/internetagentur-kaufbeuren-kempten-augsburg.php">Profil</a></li>
497<li class=""><a href="/leistungen/werbeagentur-kaufbeuren.php">Leistungen</a></li>
498<li class=""><a href="/agentur-blog/referenzen/">Referenzen</a></li>
499<li class="icon anfrage menu-btn"><a href="#">Anfrage</a></li>
500<!-- 
501<li class=""><a href="/leistungen/preise-webdesign-allgaeu-kempten-kaufbeuren-augsburg.php">Preise</a></li>
502-->
503<li class="aktiver-navipunkt-mobile"><a href="/agentur-blog/index.php">Agentur-Blog</a></li>
504<li class=""><a href="/kontakt/index.php">Kontakt</a></li>
505</ul>
506</div>
507</div>
508<!-- Mobile Menü -->
509</div>    
510</header>
511<!-- // HEADER -->
512<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
513<div class="clear"></div>
514<!-- Schreibtisch-Headerbild einbinden -->
515<!-- Schreibtisch-Headerbild -->
516<div id="schreibtisch-headerbild-2">
517<div class="headline">Agentur-Blog</div>
518</div>
519<!-- // Schreibtisch-Headerbild -->
520<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
521<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
522<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->    
523<!-- MAIN -->
524<main role="main">
525<section class="inhalt-ebene-zwei-spalte-links col-lg-9 col-md-8">  
526<!-- Auswahl zwischen kompakter und erweiterter Ansicht der Blogeinträge -->
527<div class="auswahl-blogdarstellung">
528<a class="blog-erweitert" href="javascript:;">Erweiterte Ansicht</a><a class="blog-kompakt" href="javascript:;">Kompakte Ansicht</a>       
529</div>
530<!-- Wenn Kategorie-Übersicht -->
531<h1 class="archivhinweis">Kategorie: Referenzen</h1>
532<!-- Wenn Monats-Übersicht -->
533<!-- Wenn Schlagwort-Übersicht -->
534<article class="c_blogartikel">
535<h2><a title="Weiterlesen: Webdesign E-Commerce-Website Pirschershop" href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/webdesign-onlineshop-pirschershop/">Webdesign E-Commerce-Website Pirschershop</a></h2>
536<div class="postdatum col-lg-3 col-md-12">31.05.2019</div>
537<div class="posttags col-lg-9 col-md-12"><span><a href='https://www.der-informationsdesigner.de/agentur-blog/tag/responsive-webdesign/' title='Weitere Beiträge zum Schlagwort Responsive Webdesign'>Responsive Webdesign</a></span></div>
538<p class="einleitungstext"><em>Neue Referenz:</em> Webdesign Online-Shop für Jagdbedarf & Bekleidung</p>                        
539<figure class="teaserbild">
540<a href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/webdesign-onlineshop-pirschershop/" title="Weiterlesen: Webdesign E-Commerce-Website Pirschershop">
541<img class="img-responsive" src="https://www.der-informationsdesigner.de/agentur-blog/wp-content/uploads/2019/05/referenzen-online-shop-webdesign-pirschershop.png" alt="" />
542</a>
543</figure>
544<div class="postinhalt">
545<p><em>Redesign Online-Shop:</em> Für den Pirschershop, einen international aktiven Anbieter für Jagdbedarf &#038; Bekleidung aus Meitingen haben wir die Überarbeitung und Gestaltung des kompletten Shop-Designs übernommen. </p>
546<div class="more-link">
547<div class="parallelogram-button rot">
548<div class="beschriftung rot"><a href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/webdesign-onlineshop-pirschershop/">Weiterlesen</a></div>
549</div>
550</div>
551</div>
552<!-- Kommentarfunktion -->
553<!-- // Kommentarfunktion -->
554</article>
555<article class="c_blogartikel">
556<h2><a title="Weiterlesen: Printdesign Katalog Pirschershop" href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/printdesign-katalog-prospekt-pirschershop/">Printdesign Katalog Pirschershop</a></h2>
557<div class="postdatum col-lg-3 col-md-12">17.05.2019</div>
558<div class="posttags col-lg-9 col-md-12"><span><a href='https://www.der-informationsdesigner.de/agentur-blog/tag/katalog/' title='Weitere Beiträge zum Schlagwort Katalog'>Katalog</a>, <a href='https://www.der-informationsdesigner.de/agentur-blog/tag/prospekt/' title='Weitere Beiträge zum Schlagwort Prospekt'>Prospekt</a></span></div>
559<p class="einleitungstext"><em>Neue Referenz:</em> Prospekt-Beileger für Jagdbekleidung und Zubehör</p>                        
560<figure class="teaserbild">
561<a href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/printdesign-katalog-prospekt-pirschershop/" title="Weiterlesen: Printdesign Katalog Pirschershop">
562<img class="img-responsive" src="https://www.der-informationsdesigner.de/agentur-blog/wp-content/uploads/2019/05/referenzen-gestaltung-printdesign-prospekt-pirschershop.png" alt="" />
563</a>
564</figure>
565<div class="postinhalt">
566<p><em>Printdesign:</em> Für den Pirschershop aus Meitingen haben wir die Gestaltung und Umsetzung des aktuellen <strong>16-seitigen Prospektbeilegers</strong>
566 als Bestandteil unserer Leistungen als <a href="https://www.der-informationsdesigner.de/leistungen/grafikdesign-printdesign-allgaeu/">Print- und Designagentur</a> aus dem Allgäu  übernommen.</p>
567<div class="more-link">
568<div class="parallelogram-button rot">
569<div class="beschriftung rot"><a href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/printdesign-katalog-prospekt-pirschershop/">Weiterlesen</a></div>
570</div>
571</div>
572</div>
573<!-- Kommentarfunktion -->
574<!-- // Kommentarfunktion -->
575</article>
576<article class="c_blogartikel">
577<h2><a title="Weiterlesen: WordPress-Website Naturheilpraxis Moser" href="https://www.der-informationsdesigner.de/agentur-blog/webdesign/wordpress-website-naturheilpraxis-moser/">WordPress-Website Naturheilpraxis Moser</a></h2>
578<div class="postdatum col-lg-3 col-md-12">25.04.2019</div>
579<div class="posttags col-lg-9 col-md-12"><span><a href='https://www.der-informationsdesigner.de/agentur-blog/tag/responsive-webdesign/' title='Weitere Beiträge zum Schlagwort Responsive Webdesign'>Responsive Webdesign</a>, <a href='https://www.der-informationsdesigner.de/agentur-blog/tag/wordpress/' title='Weitere Beiträge zum Schlagwort WordPress'>WordPress</a></span></div>
580<p class="einleitungstext"><em>Neue Referenz:</em> Design und Umsetzung WordPress-Website Naturheilpraxis Moser</p>                        
581<figure class="teaserbild">
582<a href="https://www.der-informationsdesigner.de/agentur-blog/webdesign/wordpress-website-naturheilpraxis-moser/" title="Weiterlesen: WordPress-Website Naturheilpraxis Moser">
583<img class="img-responsive" src="https://www.der-informationsdesigner.de/agentur-blog/wp-content/uploads/2019/04/referenzen-wordpress-website-webdesign-webprogrammierung-naturheilpraxis-moser.png" alt="" />
584</a>
585</figure>
586<div class="postinhalt">
587<p><em>Neue WordPress-Website:</em> Für die Naturheilpraxis Moser aus Kaufbeuren haben wir den Relaunch übernommen und eine Internetseite mittels des beliebten und marktführenden Content-Management-System WordPress gestaltet bzw. umgesetzt. </p>
588<div class="more-link">
589<div class="parallelogram-button rot">
590<div class="beschriftung rot"><a href="https://www.der-informationsdesigner.de/agentur-blog/webdesign/wordpress-website-naturheilpraxis-moser/">Weiterlesen</a></div>
591</div>
592</div>
593</div>
594<!-- Kommentarfunktion -->
595<!-- // Kommentarfunktion -->
596</article>
597<article class="c_blogartikel">
598<h2><a title="Weiterlesen: WordPress-Website PGM GmbH" href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/allgaeu-wordpress-website-pgm-gmbh/">WordPress-Website PGM GmbH</a></h2>
599<div class="postdatum col-lg-3 col-md-12">11.03.2019</div>
600<div class="posttags col-lg-9 col-md-12"><span><a href='https://www.der-informationsdesigner.de/agentur-blog/tag/responsive-webdesign/' title='Weitere Beiträge zum Schlagwort Responsive Webdesign'>Responsive Webdesign</a>, <a href='https://www.der-informationsdesigner.de/agentur-blog/tag/wordpress/' title='Weitere Beiträge zum Schlagwort WordPress'>WordPress</a></span></div>
601<p class="einleitungstext">Webdesign und (responsive) Webentwicklung einer Firmen-Website zum Thema Prüfstands- und Getriebebau auf WordPress-Basis.</p>                        
602<figure class="teaserbild">
603<a href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/allgaeu-wordpress-website-pgm-gmbh/" title="Weiterlesen: WordPress-Website PGM GmbH">
604<img class="img-responsive" src="https://www.der-informationsdesigner.de/agentur-blog/wp-content/uploads/2019/03/referenzen-wordpress-website-webdesign-webprogrammierung-pgm-gmbh.png" alt="" />
605</a>
606</figure>
607<div class="postinhalt">
608<p><em>Neue WordPress-Website:</em> Für die Prüfstands- und Getriebebau Müller GmbH aus Kaufbeuren haben wir den Relaunch übernommen und eine Internetseite mittels des beliebten und marktführenden Content-Management-System WordPress gestaltet bzw. umgesetzt. </p>
609<div class="more-link">
610<div class="parallelogram-button rot">
611<div class="beschriftung rot"><a href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/allgaeu-wordpress-website-pgm-gmbh/">Weiterlesen</a></div>
612</div>
613</div>
614</div>
615<!-- Kommentarfunktion -->
616<!-- // Kommentarfunktion -->
617</article>
618<article class="c_blogartikel">
619<h2><a title="Weiterlesen: WordPress-Website Passagenviertel Sparkasse" href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/wordpress-website-passagenviertel-sparkasse/">WordPress-Website Passagenviertel Sparkasse</a></h2>
620<div class="postdatum col-lg-3 col-md-12">08.03.2019</div>
621<div class="posttags col-lg-9 col-md-12"><span><a href='https://www.der-informationsdesigner.de/agentur-blog/tag/content-management-system/' title='Weitere Beiträge zum Schlagwort Content-Management-System'>Content-Management-System</a>, <a href='https://www.der-informationsdesigner.de/agentur-blog/tag/wordpress/' title='Weitere Beiträge zum Schlagwort WordPress'>WordPress</a></span></div>
622<p class="einleitungstext">Umsetzung und Programmierung einer WordPress-Website zur Initiative "Passagenviertel Kaufbeuren".</p>                        
623<figure class="teaserbild">
624<a href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/wordpress-website-passagenviertel-sparkasse/" title="Weiterlesen: WordPress-Website Passagenviertel Sparkasse">
625<img class="img-responsive" src="https://www.der-informationsdesigner.de/agentur-blog/wp-content/uploads/2019/03/referenzen-webprogrammierung-wordpress-website-passagenviertel-kaufbeuren.png" alt="" />
626</a>
627</figure>
628<div class="postinhalt">
629<p><em>Neue WordPress-Website:</em> In Zusammenarbeit mit der Agentur <strong>designsolist</strong>, die für das Konzept sowie das Webdesign verantwortlich zeichnet, entwickelten wir auf Basis des beliebten und flexiblen <a title="Erfahren Sie mehr zu unseren Leistungen aus dem Bereich Content-Management-Systeme" href="https://www.der-informationsdesigner.de/leistungen/cms-agentur-allgaeu/">Content-Management-Systems</a> <a title="Weitere Infos über unsere Leistungen als WordPress-Agentur aus dem Allgäu" href="https://www.der-informationsdesigner.de/leistungen/wordpress-agentur-allgaeu/">WordPress</a> eine Webpräsenz, die durch Einfachheit und Benutzerfreundlichkeit besticht.</p>
630<div class="more-link">
631<div class="parallelogram-button rot">
632<div class="beschriftung rot"><a href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/wordpress-website-passagenviertel-sparkasse/">Weiterlesen</a></div>
633</div>
634</div>
635</div>
636<!-- Kommentarfunktion -->
637<!-- // Kommentarfunktion -->
638</article>
639<article class="c_blogartikel">
640<h2><a title="Weiterlesen: WordPress-Website Ferienhaus Luino Lago Maggiore" href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/wordpress-website-ferienhaus-luino-lago-maggiore/">WordPress-Website Ferienhaus Luino Lago Maggiore</a></h2>
641<div class="postdatum col-lg-3 col-md-12">06.03.2019</div>
642<div class="posttags col-lg-9 col-md-12"><span><a href='https://www.der-informationsdesigner.de/agentur-blog/tag/content-management-system/' title='Weitere Beiträge zum Schlagwort Content-Management-System'>Content-Management-System</a>, <a href='https://www.der-informationsdesigner.de/agentur-blog/tag/wordpress/' title='Weitere Beiträge zum Schlagwort WordPress'>WordPress</a></span></div>
643<p class="einleitungstext">
643Design und Umsetzung einer One-Page-Website mit WordPress inkl. vollautomatischen Buchungssystem.</p>                        
644<figure class="teaserbild">
645<a href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/wordpress-website-ferienhaus-luino-lago-maggiore/" title="Weiterlesen: WordPress-Website Ferienhaus Luino Lago Maggiore">
646<img class="img-responsive" src="https://www.der-informationsdesigner.de/agentur-blog/wp-content/uploads/2019/03/referenzen-wordpress-website-webprogrammierung-ferienhaus-luino.png" alt="" />
647</a>
648</figure>
649<div class="postinhalt">
650<p><em>Neue WordPress-Website:</em> Zur Unterstützung der Vermietung eines Ferienhauses waren wir mit dem Design und der Umsetzung einer Onepage-Website mittels des <a title="Erfahren Sie mehr zu unseren Leistungen aus dem Bereich Content-Management-Systeme" href="https://www.der-informationsdesigner.de/leistungen/cms-agentur-allgaeu/">Content-Management-Systems</a> <a title="Weitere Infos über unsere Leistungen als WordPress-Agentur aus dem Allgäu" href="https://www.der-informationsdesigner.de/leistungen/wordpress-agentur-allgaeu/">WordPress</a> beauftragt.</p>
651<div class="more-link">
652<div class="parallelogram-button rot">
653<div class="beschriftung rot"><a href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/wordpress-website-ferienhaus-luino-lago-maggiore/">Weiterlesen</a></div>
654</div>
655</div>
656</div>
657<!-- Kommentarfunktion -->
658<!-- // Kommentarfunktion -->
659</article>
660<article class="c_blogartikel">
661<h2><a title="Weiterlesen: Logo-Redesign PGM GmbH" href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/logo-redesign-pgm-gmbh/">Logo-Redesign PGM GmbH</a></h2>
662<div class="postdatum col-lg-3 col-md-12">29.10.2018</div>
663<div class="posttags col-lg-9 col-md-12"><span><a href='https://www.der-informationsdesigner.de/agentur-blog/tag/logodesign/' title='Weitere Beiträge zum Schlagwort Logodesign'>Logodesign</a></span></div>
664<p class="einleitungstext">Redesign und Modernisierung eines Logos zum Thema Prüfstands- und Getriebebau.</p>                        
665<figure class="teaserbild">
666<a href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/logo-redesign-pgm-gmbh/" title="Weiterlesen: Logo-Redesign PGM GmbH">
667<img class="img-responsive" src="https://www.der-informationsdesigner.de/agentur-blog/wp-content/uploads/2018/10/referenzen-redesign-logo-corporate-design-grafikdesign-pgm-gmbh.png" alt="" />
668</a>
669</figure>
670<div class="postinhalt">
671<p><em>Logo-Redesign:</em> Für die PGM GmbH aus Kaufbeuren haben wir die Logo-Überarbeitung bzw. das <a title="Mehr zum Thema Logo-Design und Logo-Gestaltung als Bestandteil unserer Leistungen als Print- und Designagentur aus dem Allgäu" href="https://www.der-informationsdesigner.de/leistungen/logo-design-allgaeu/">Logo-Design</a> übernommen und eine zeitgemäße Version der Wort-/Bildmarke entwickelt.</p>
672<div class="more-link">
673<div class="parallelogram-button rot">
674<div class="beschriftung rot"><a href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/logo-redesign-pgm-gmbh/">Weiterlesen</a></div>
675</div>
676</div>
677</div>
678<!-- Kommentarfunktion -->
679<!-- // Kommentarfunktion -->
680</article>
681<article class="c_blogartikel">
682<h2><a title="Weiterlesen: Contenido-Website Farbberatung Pietsch" href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/contenido-website-farbberatung-pietsch/">Contenido-Website Farbberatung Pietsch</a></h2>
683<div class="postdatum col-lg-3 col-md-12">05.06.2016</div>
684<div class="posttags col-lg-9 col-md-12"><span><a href='https://www.der-informationsdesigner.de/agentur-blog/tag/contenido/' title='Weitere Beiträge zum Schlagwort Contenido'>Contenido</a>, <a href='https://www.der-informationsdesigner.de/agentur-blog/tag/content-management-system/' title='Weitere Beiträge zum Schlagwort Content-Management-System'>Content-Management-System</a></span></div>
685<p class="einleitungstext">Gestaltung und Programmierung einer schlanken Contenido-Website zum Thema Farb- und Stilberatung.</p>                        
686<figure class="teaserbild">
687<a href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/contenido-website-farbberatung-pietsch/" title="Weiterlesen: Contenido-Website Farbberatung Pietsch">
688<img class="img-responsive" src="https://www.der-informationsdesigner.de/agentur-blog/wp-content/uploads/2016/06/referenzen-contenido-website-webdesign-webprogrammierung-farb
688-stilberatung-pietsch.png" alt="" />
689</a>
690</figure>
691<div class="postinhalt">
692<p>Für den Kunden &#8222;Farbberatung Pietsch&#8220; aus Kaufbeuren, realisierten wir neben dem Webdesign, ebenfalls die Webprogrammierung mittels des schlanken und flexiblen <a title="Erfahren Sie mehr zu unseren Leistungen aus dem Bereich Content-Management-Systeme" href="https://www.der-informationsdesigner.de/leistungen/cms-agentur-allgaeu/">Content-Management-Systems</a> <a target="_blank" title="Mehr zum Content-Management-System Contenido auf der Entwickler-Website" href="http://www.contenido.org/" rel="noopener">Contenido</a>.</p>
693<div class="more-link">
694<div class="parallelogram-button rot">
695<div class="beschriftung rot"><a href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/contenido-website-farbberatung-pietsch/">Weiterlesen</a></div>
696</div>
697</div>
698</div>
699<!-- Kommentarfunktion -->
700<!-- // Kommentarfunktion -->
701</article>
702<article class="c_blogartikel">
703<h2><a title="Weiterlesen: WordPress-Website Zweckverband Fernwasser Oberes Allgäu" href="https://www.der-informationsdesigner.de/agentur-blog/webdesign/wordpress-website-zweckverband-fernwasser-oberes-allgaeu/">WordPress-Website Zweckverband Fernwasser Oberes Allgäu</a></h2>
704<div class="postdatum col-lg-3 col-md-12">10.03.2016</div>
705<div class="posttags col-lg-9 col-md-12"><span><a href='https://www.der-informationsdesigner.de/agentur-blog/tag/content-management-system/' title='Weitere Beiträge zum Schlagwort Content-Management-System'>Content-Management-System</a>, <a href='https://www.der-informationsdesigner.de/agentur-blog/tag/wordpress/' title='Weitere Beiträge zum Schlagwort WordPress'>WordPress</a></span></div>
706<p class="einleitungstext">Webdesign und Webprogrammierung einer modernen WordPress-Website zum Thema Trinkwasser.</p>                        
707<figure class="teaserbild">
708<a href="https://www.der-informationsdesigner.de/agentur-blog/webdesign/wordpress-website-zweckverband-fernwasser-oberes-allgaeu/" title="Weiterlesen: WordPress-Website Zweckverband Fernwasser Oberes Allgäu">
709<img class="img-responsive" src="https://www.der-informationsdesigner.de/agentur-blog/wp-content/uploads/2016/03/referenzen-wordpress-website-webdesign-webprogrammierung-zweckverband-fernwasser-oberes-allgaeu.png" alt="" />
710</a>
711</figure>
712<div class="postinhalt">
713<p><em>Neue WordPress-Website:</em> Für den Zweckverband Fernwasser Oberes Allgäu aus Burgberg haben wir den Relaunch übernommen und eine Internetseite mittels WordPress gestaltet bzw. entwickelt. </p>
714<div class="more-link">
715<div class="parallelogram-button rot">
716<div class="beschriftung rot"><a href="https://www.der-informationsdesigner.de/agentur-blog/webdesign/wordpress-website-zweckverband-fernwasser-oberes-allgaeu/">Weiterlesen</a></div>
717</div>
718</div>
719</div>
720<!-- Kommentarfunktion -->
721<!-- // Kommentarfunktion -->
722</article>
723<article class="c_blogartikel">
724<h2><a title="Weiterlesen: WordPress-Website Frauencoaching Angela Maunz" href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/wordpress-website-frauencoaching-angela-maunz/">WordPress-Website Frauencoaching Angela Maunz</a></h2>
725<div class="postdatum col-lg-3 col-md-12">10.02.2016</div>
726<div class="posttags col-lg-9 col-md-12"><span><a href='https://www.der-informationsdesigner.de/agentur-blog/tag/content-management-system/' title='Weitere Beiträge zum Schlagwort Content-Management-System'>Content-Management-System</a>, <a href='https://www.der-informationsdesigner.de/agentur-blog/tag/wordpress/' title='Weitere Beiträge zum Schlagwort WordPress'>WordPress</a></span></div>
727<p class="einleitungstext">Realisation und Programmierung einer schlanken WordPress-Website zum Thema Frauencoaching.</p>                        
728<figure class="teaserbild">
729<a href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/wordpress-website-frauencoaching-angela-maunz/" title="Weiterlesen: WordPress-Website Frauencoaching Angela Maunz">
730<img class="img-responsive" src="https://www.der-informationsdesigner.de/agentur-blog/wp-content/uploads/2016/02/referenzen-wordpress-website-frauencoaching-angela-maunz.png" alt="" />
731</a>
732</figure>
733<div class="postinhalt">
734<p><em>Neue Webprogrammierung in WordPress:</em> In enger Zusammenarbeit mit der Agentur designsolist aus Kaufbeuren, verantwortlich für das Design der Website, entstand eine schlanke und für den Kunden einfach zu pflegende Internetseite mittels des <a title="Erfahren Sie mehr zu unseren Leistungen aus dem Bereich Content-Management-Systeme" href="https://www.der-informationsdesigner.de/leistungen/cms-agentur-allgaeu/">Content-Management-System</a> <a title="Weitere Infos über unsere Leistungen als WordPress-Agentur aus dem Allgäu" href="https://www.der-informationsdesigner.de/leistungen/wordpress-agentur-allgaeu/">WordPress</a>. </p>
735<div class="more-link">
736<div class="parallelogram-button rot">
737<div class="beschriftung rot"><a href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/wordpress-website-frauencoaching-angela-maunz/">Weiterlesen</a></div>
738</div>
739</div>
740</div>
741<!-- Kommentarfunktion -->
742<!-- // Kommentarfunktion -->
743</article>
744<article class="c_blogartikel">
745<h2><a title="Weiterlesen: Autocenter Lill Responsive Webprogrammierung" href="https://www.der-informationsdesigner.de/agentur-blog/webprogrammierung/autocenter-lill-responsive-webprogrammierung/">Autocenter Lill Responsive Webprogrammierung</a></h2>
746<div class="postdatum col-lg-3 col-md-12">01.01.2016</div>
747<div class="posttags col-lg-9 col-md-12"><span><a href='https://www.der-informationsdesigner.de/agentur-blog/tag/autocenter-lill/' title='Weitere Beiträge zum Schlagwort Autocenter Lill'>Autocenter Lill</a>, <a href='https://www.der-informationsdesigner.de/agentur-blog/tag/responsive-webde
747sign/' title='Weitere Beiträge zum Schlagwort Responsive Webdesign'>Responsive Webdesign</a></span></div>
748<p class="einleitungstext">Responsive Umsetzung / Programmierung einer Kunden-Website optimiert für mobile Endgeräte (Smartphones).</p>                        
749<figure class="teaserbild">
750<a href="https://www.der-informationsdesigner.de/agentur-blog/webprogrammierung/autocenter-lill-responsive-webprogrammierung/" title="Weiterlesen: Autocenter Lill Responsive Webprogrammierung">
751<img class="img-responsive" src="https://www.der-informationsdesigner.de/agentur-blog/wp-content/uploads/2015/10/referenzen-responsive-webedesign-autocenter-lill.png" alt="" />
752</a>
753</figure>
754<div class="postinhalt">
755<p>In Zusammenarbeit mit unserem Kooperationspartner designsolist (verantwortlich für das Responsive Webdesign) haben wir für unseren Kunden, dem Autocenter Lill in Kaufbeuren die <strong>Umsetzung und Optimierung der Website für mobile Endgeräte</strong> (im Speziellen für Smartphones) übernommen (Stichwort: responsive Webprogrammierung).</p>
756<div class="more-link">
757<div class="parallelogram-button rot">
758<div class="beschriftung rot"><a href="https://www.der-informationsdesigner.de/agentur-blog/webprogrammierung/autocenter-lill-responsive-webprogrammierung/">Weiterlesen</a></div>
759</div>
760</div>
761</div>
762<!-- Kommentarfunktion -->
763<!-- // Kommentarfunktion -->
764</article>
765<article class="c_blogartikel">
766<h2><a title="Weiterlesen: Webprogrammierung Internetseite Autocenter Lill" href="https://www.der-informationsdesigner.de/agentur-blog/webprogrammierung/webprogrammierung-internetseite-autocenter-lill/">Webprogrammierung Internetseite Autocenter Lill</a></h2>
767<div class="postdatum col-lg-3 col-md-12">10.11.2015</div>
768<div class="posttags col-lg-9 col-md-12"><span><a href='https://www.der-informationsdesigner.de/agentur-blog/tag/autocenter-lill/' title='Weitere Beiträge zum Schlagwort Autocenter Lill'>Autocenter Lill</a>, <a href='https://www.der-informationsdesigner.de/agentur-blog/tag/wordpress/' title='Weitere Beiträge zum Schlagwort WordPress'>WordPress</a></span></div>
769<p class="einleitungstext">Umsetzung einer WordPress-Website zur einfachen und flexiblen Pflege von Inhalten.</p>                        
770<figure class="teaserbild">
771<a href="https://www.der-informationsdesigner.de/agentur-blog/webprogrammierung/webprogrammierung-internetseite-autocenter-lill/" title="Weiterlesen: Webprogrammierung Internetseite Autocenter Lill">
772<img class="img-responsive" src="https://www.der-informationsdesigner.de/agentur-blog/wp-content/uploads/2015/10/referenzen-webedesign-autocenter-lill.png" alt="" />
773</a>
774</figure>
775<div class="postinhalt">
776<p><em>Neue Webprogrammierung:</em> Für unseren Kunden, dem Autocenter Lill in Kaufbeuren haben wir die <strong><a title="Moderne Webprogrammierung und Webentwicklung aus dem Allgäu - Wir realisieren Ihr Web-Projekt" href="https://www.der-informationsdesigner.de/leistungen/webentwicklung-webprogrammierung-allgaeu/">Webprogrammierung</a> und Umsetzung</strong> der Internetseite basierend auf dem beliebten Content-Management-System <strong><a title="Wir sind Ihre erfahrene WordPress-Agentur aus dem Allgäu" href="https://www.der-informationsdesigner.de/leistungen/wordpress-agentur-allgaeu/">WordPress</a></strong> realisiert. </p>
777<div class="more-link">
778<div class="parallelogram-button rot">
779<div class="beschriftung rot"><a href="https://www.der-informationsdesigner.de/agentur-blog/webprogrammierung/webprogrammierung-internetseite-autocenter-lill/">Weiterlesen</a></div>
780</div>
781</div>
782</div>
783<!-- Kommentarfunktion -->
784<!-- // Kommentarfunktion -->
785</article>
786<!-- Seitennavigation (Pseudo, da Infinite-Scrolling -->
787<!-- // Seitennavigation (Pseudo, da Infinite-Scrolling -->
788</section>
789<!-- Sidebar-Elemente einbinden -->
790<!-- Sidebar -->
791<aside class="inhalt-ebene-zwei-spalte-rechts col-lg-3 col-md-4">
792<div class="c_sidebar-check">
793<div id="c_bewertungen-mybusiness">
794</div>
795<!-- Link zur Startseite Blog -->
796<nav id="c_link_startseite-blog">
797<ul>
798<li><a title="Zur Startseite unseres Agentur-Blogs" href="https://www.der-informationsdesigner.de/agentur-blog/"><strong>‹ Zur Startseite des Agentur-Blogs</strong></a></li>
799</ul>
800</nav>
801<!-- // Link zur Startseite Blog -->
802<!-- Kategorien auslesen -->
803<nav><h3>Kategorien</h3><ul>                    <li  ><a href="https://www.der-informationsdesigner.de/agentur-blog/category/allgemein/" title="Alle Beiträge aus der Kategorie Allgemein anzeigen">Allgemein</a></li>
804<li  ><a href="https://www.der-informationsdesigner.de/agentur-blog/category/marketing/" title="Alle Beiträge aus der Kategorie Marketing anzeigen">Marketing</a></li>
805<li  ><a href="https://www.der-informationsdesigner.de/agentur-blog/category/onlinemarketing/" title="Alle Beiträge aus der Kategorie Onlinemarketing anzeigen">Onlinemarketing</a></li>
806<li  ><a href="https://www.der-informationsdesigner.de/agentur-blog/category/printdesign-gestaltung/" title="Alle Beiträge aus der Kategorie Printdesign &amp; Gestaltung anzeigen">Printdesign &amp; Gestaltung</a></li>
807<li  class="aktiver-navipunkt"  ><a href="https://www.der-informationsdesigner.de/agentur-blog/category/referenzen/" title="Alle Beiträge aus der Kategorie Referenzen anzeigen">Referenzen</a></li>
808<li  ><a href="https://www.der-informationsdesigner.de/agentur-blog/category/suchmaschinenoptimierung/" title="Alle Beiträge aus der Kategorie Suchmaschinenoptimierung anzeigen">
808Suchmaschinenoptimierung</a></li>
809<li  ><a href="https://www.der-informationsdesigner.de/agentur-blog/category/webdesign/" title="Alle Beiträge aus der Kategorie Webdesign anzeigen">Webdesign</a></li>
810<li  ><a href="https://www.der-informationsdesigner.de/agentur-blog/category/webprogrammierung/" title="Alle Beiträge aus der Kategorie Webprogrammierung anzeigen">Webprogrammierung</a></li>
811</ul></nav>                <!-- // Kategorien auslesen -->
812<!-- Kontaktinfos -->
813<div class="cta-kontakt sidebar">
814<div class="abstand"><span>Sie haben Fragen zu unseren Leistungen?</span><br />Telefon: 0 83 41 / 99 72 96 4<br /><a title="Kontakt aufnehmen mit DER INFORMATIONSDESIGNER - Büro für Gestaltung, Web und Marketing" href="/cdn-cgi/l/email-protection#0d606c64614c5969687f2064636b627f606c796462637e69687e646a63687f4942596968" onclick="this.href=this.href.replace(/AT/,'&#64;').replace(/DOT/,'&#46;')">E-Mail-Kontakt</a></div></div>
815<!-- // Kontaktinfos -->
816<!-- Letzte 5 Beiträge auslesen -->
vendor: 109 bytes, lines 816-817
816
817<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
817<script type="text/javascript">
818$( document ).ready(function() {
819// Mehr-Button für Beiträge
820$('.mehr-beitraege-button').on('click', function() {
821$('.listeneintrag-beitrag:hidden:lt(5)').show();
822if ($('.listeneintrag-beitrag:hidden').length == 0) {
823$(this).hide();
824$('.weniger-beitraege-button').show();
825}
826});
827$('.weniger-beitraege-button').on('click', function() { 
828$('.listeneintrag-beitrag:gt(4)').hide();
829$(this).hide();
830$('.mehr-beitraege-button').show();
831});
832});
833</script>
833
834<nav>
835<h3>Letzte Beiträge</h3>
836<ul>
837<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/suchmaschinenoptimierung/seo-fuer-kleine-unternehmen-so-wirst-du-2026-online-gefunden/" title="Weiterlesen: SEO für kleine Unternehmen: So wirst du 2026 online gefunden">SEO für kleine Unternehmen: So wirst du 2026 online gefunden</a></li>
838<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/webdesign/saas-website-design-inspiration-aufbau-best-practices/" title="Weiterlesen: SaaS Website Design &#8211; Inspiration, Aufbau &#038; Best Practices">SaaS Website Design &#8211; Inspiration, Aufbau &#038; Best Practices</a></li>
839<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/allgemein/checkliste-fuer-webdesign-von-logo-bis-responsives-layout-2026/" title="Weiterlesen: Checkliste für Webdesign: Von Logo bis responsives Layout 2026">Checkliste für Webdesign: Von Logo bis responsives Layout 2026</a></li>
840<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/allgemein/mehr-sichtbarkeit-im-internet-5-tipps-fuer-einen-erfolgreichen-einstieg/" title="Weiterlesen: Mehr Sichtbarkeit im Internet: 5 Tipps für einen erfolgreichen Einstieg">Mehr Sichtbarkeit im Internet: 5 Tipps für einen erfolgreichen Einstieg</a></li>
841<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/webdesign/was-macht-einen-homepage-baukasten-zukunftssicher/" title="Weiterlesen: Was macht einen Homepage-Baukasten zukunftssicher?">Was macht einen Homepage-Baukasten zukunftssicher?</a></li>
842<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/marketing/warum-strategisches-marketing-heute-ueber-sichtbarkeit-und-wachstum-entscheidet/" title="Weiterlesen: Warum strategisches Marketing heute über Sichtbarkeit und Wachstum entscheidet">Warum strategisches Marketing heute über Sichtbarkeit und Wachstum entscheidet</a></li>
843<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/onlinemarketing/sehen-statt-nachfragen-wie-produktbilder-servicekosten-spuerbar-senken/" title="Weiterlesen: Sehen statt Nachfragen: Wie Produktbilder Servicekosten spürbar senken">Sehen statt Nachfragen: Wie Produktbilder Servicekosten spürbar senken</a></li>
844<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/webdesign/webdesign-3-gruende-warum-ein-guter-webauftritt-eindruck-macht/" title="Weiterlesen: Webdesign: 3 Gründe, warum ein guter Webauftritt Eindruck macht">Webdesign: 3 Gründe, warum ein guter Webauftritt Eindruck macht</a></li>
845<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/allgemein/social-media-als-erfolgsfaktor-so-nutzen-unternehmen-die-digitalen-netzwerke/" title="Weiterlesen: Social Media als Erfolgsfaktor: So nutzen Unternehmen die digitalen Netzwerke">Social Media als Erfolgsfaktor: So nutzen Unternehmen die digitalen Netzwerke</a></li>
846<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/allgemein/erfolgsfaktoren-im-e-commerce-die-rolle-von-webdesign-und-digitalisierung/" title="Weiterlesen: Erfolgsfaktoren im E-Commerce: Die Rolle von Webdesign und Digitalisierung">Erfolgsfaktoren im E-Commerce: Die Rolle von Webdesign und Digitalisierung</a></li>
847<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/allgemein/eine-gute-website-ist-der-schluessel-zum-erfolg-im-immobiliengeschaeft/" title="Weiterlesen: Eine gute Website ist der Schlüssel zum Erfolg im Immobiliengeschäft">Eine gute Website ist der Schlüssel zum Erfolg im Immobiliengeschäft</a></li>
848<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/allgemein/top-platzierung-in-den-suchmaschinen-darauf-kommt-es-heute-an/" title="Weiterlesen: Top Platzierung in den Suchmaschinen − Darauf kommt es heute an">Top Platzierung in den Suchmaschinen − Darauf kommt es heute an</a></li>
849<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/allgemein/web-design-fuer-starkes-branding-identitaet-staerken/" title="Weiterlesen: Besseres Branding durch Web-Design: Wie Sie als Unternehmen Ihre Markenidentität stärken">Besseres Branding durch Web-Design: Wie Sie als Unternehmen Ihre Markenidentität stärken</a></li>
850<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/allgemein/social-media-marketing-kunden-direkt-ansprechen/" title="Weiterlesen: Social Media Marketing – Kunden direkt ansprechen">Social Media Marketing – Kunden direkt ansprechen</a></li>
851<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/allgemein/leitfaden-warum-ui-fuer-seo-wichtig-ist/" title="Weiterlesen: Ein Insider-Leitfaden, warum das UI für SEO wichtig ist">Ein Insider-Leitfaden, warum das UI für SEO wichtig ist</a></li>
852<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/allgemein/die-bedeutung-von-videomaterial-fuer-das-webdesign/" title="Weiterlesen: Die Bedeutung von Videomaterial für das Webdesign">Die Bedeutung von Videomaterial für das Webdesign</a></li>
853<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/suchmaschinenoptimierung/seo-ueberschriften-struktur-formulierungen/" title="Weiterlesen: SEO-Überschriften – warum Struktur und Formulierungen so wichtig sind">
853SEO-Überschriften – warum Struktur und Formulierungen so wichtig sind</a></li>
854<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/allgemein/e-commerce-b2b-erfolgsstrategien/" title="Weiterlesen: E-Commerce im B2B: Erfolgsstrategien für das digitale Zeitalter">E-Commerce im B2B: Erfolgsstrategien für das digitale Zeitalter</a></li>
855<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/allgemein/elektronischer-handel-bewertungen-zweck/" title="Weiterlesen: Elektronischer Handel – Welchen Zweck hat die Bewertung?">Elektronischer Handel – Welchen Zweck hat die Bewertung?</a></li>
856<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/allgemein/linkedin-netzwerk-wie-kann-ich-meine-infos-schoener-teilen/" title="Weiterlesen: LinkedIn-Netzwerk – Wie kann ich meine Infos schöner teilen">LinkedIn-Netzwerk – Wie kann ich meine Infos schöner teilen</a></li>
857<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/suchmaschinenoptimierung/die-offpage-optimierung-als-wichtiger-bestandteil-von-seo/" title="Weiterlesen: Die Offpage-Optimierung als wichtiger Bestandteil von SEO">Die Offpage-Optimierung als wichtiger Bestandteil von SEO</a></li>
858<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/suchmaschinenoptimierung/user-experience-ux-als-seo-rankingfaktor/" title="Weiterlesen: User Experience (UX) als SEO Rankingfaktor?">User Experience (UX) als SEO Rankingfaktor?</a></li>
859<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/webdesign/webdesign-trends-2023-fuer-moderne-websites/" title="Weiterlesen: Webdesign-Trends 2023 für moderne Websites">Webdesign-Trends 2023 für moderne Websites</a></li>
860<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/suchmaschinenoptimierung/einen-onlineshop-eroeffnen-ueberlegungen-und-massnahmen-vor-dem-launch/" title="Weiterlesen: Einen Onlineshop eröffnen: Überlegungen und Maßnahmen vor dem Launch">Einen Onlineshop eröffnen: Überlegungen und Maßnahmen vor dem Launch</a></li>
861<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/suchmaschinenoptimierung/e-commerce-seo-massnahmen-fuer-steigende-umsaetze/" title="Weiterlesen: E-Commerce SEO: Maßnahmen für steigende Umsätze">E-Commerce SEO: Maßnahmen für steigende Umsätze</a></li>
862<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/suchmaschinenoptimierung/wdfidf-wunder-formel-oder-ist-content-king/" title="Weiterlesen: WDF*IDF: Wunder-Formel oder ist eher Content King?">WDF*IDF: Wunder-Formel oder ist eher Content King?</a></li>
863<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/suchmaschinenoptimierung/warum-seo-so-wichtig-fuer-affiliate-websites-ist/" title="Weiterlesen: Warum SEO so wichtig für Affiliate-Websites ist?">Warum SEO so wichtig für Affiliate-Websites ist?</a></li>
864<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/allgemein/was-ist-webdesign/" title="Weiterlesen: Was ist Webdesign?">Was ist Webdesign?</a></li>
865<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/allgemein/psychologie-im-e-commerce-tipps-fuer-erfolgreichen-onlineshop/" title="Weiterlesen: Psychologie im E-Commerce: Tipps für einen erfolgreichen Online-Shop">Psychologie im E-Commerce: Tipps für einen erfolgreichen Online-Shop</a></li>
866<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/marketing/starke-marke-fuer-das-eigene-start-up-so-gelingts/" title="Weiterlesen: Starke Marke für das eigene Start-up: So gelingt`s">Starke Marke für das eigene Start-up: So gelingt`s</a></li>
867<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/onlinemarketing/wo-findet-man-eine-gute-marketing-agentur/" title="Weiterlesen: Wo findet man eine gute Marketing-Agentur?">Wo findet man eine gute Marketing-Agentur?</a></li>
868<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/webdesign/c
868hunking-optimale-verarbeitung-von-inhalten-im-webdesign/" title="Weiterlesen: Chunking: optimale Verarbeitung von Inhalten im Webdesign">Chunking: optimale Verarbeitung von Inhalten im Webdesign</a></li>
869<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/webdesign/farbpsychologie-im-webdesign-wie-wirken-farben/" title="Weiterlesen: Farbpsychologie im Webdesign &#8211; Wie wirken Farben?">Farbpsychologie im Webdesign &#8211; Wie wirken Farben?</a></li>
870<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/suchmaschinenoptimierung/warum-ist-seo-so-wichtig-fuer-online-shops/" title="Weiterlesen: Warum ist SEO so wichtig für Online-Shops?">Warum ist SEO so wichtig für Online-Shops?</a></li>
871<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/webprogrammierung/onlineshop-mit-woocommerce-wordpress-eine-gute-wahl/" title="Weiterlesen: Onlineshop mit WooCommerce &#038; WordPress &#8211; eine gute Wahl?">Onlineshop mit WooCommerce &#038; WordPress &#8211; eine gute Wahl?</a></li>
872<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/webdesign/was-ist-gute-website-usability/" title="Weiterlesen: Was ist gute Website-Usability?">Was ist gute Website-Usability?</a></li>
873<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/suchmaschinenoptimierung/wie-erstelle-ich-guten-seo-text/" title="Weiterlesen: Wie erstelle ich guten SEO-Text?">Wie erstelle ich guten SEO-Text?</a></li>
874<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/webdesign/bedeutung-geometrischer-formen-im-webdesign/" title="Weiterlesen: Bedeutung geometrischer Formen im Webdesign">Bedeutung geometrischer Formen im Webdesign</a></li>
875<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/printdesign-gestaltung/11-gruende-fuer-professionelles-grafikdesign-allgaeu/" title="Weiterlesen: 11 Gründe für professionelles Grafikdesign">11 Gründe für professionelles Grafikdesign</a></li>
876<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/allgemein/die-7-interaktionsprinzipien-fuer-eine-bessere-usability/" title="Weiterlesen: Die 7 Interaktionsprinzipien für eine bessere Usability">Die 7 Interaktionsprinzipien für eine bessere Usability</a></li>
877<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/allgemein/warum-eine-gute-landing-page-wichtig-fuer-ihren-verkaufserfolgs-ist/" title="Weiterlesen: Warum eine gute Landing Page wichtig für Ihren Verkaufserfolgs ist">Warum eine gute Landing Page wichtig für Ihren Verkaufserfolgs ist</a></li>
878<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/webdesign/jpg-png-gif-bildformate-im-web/" title="Weiterlesen: JPG, PNG, GIF – Bildformate im Web">JPG, PNG, GIF – Bildformate im Web</a></li>
879<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/allgemein/persuasive-design-psychologie-im-webdesign/" title="Weiterlesen: Persuasive Design: Psychologie im Webdesign">Persuasive Design: Psychologie im Webdesign</a></li>
880<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/allgemein/10-dinge-erstellung-online-shop/" title="Weiterlesen: 10 Dinge die man bei Erstellung eines Online-Shops beachten sollte">10 Dinge die man bei Erstellung eines Online-Shops beachten sollte</a></li>
881<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/webdesign/die-bedeutung-unterschiedlicher-positionierungen-im-webdesign/" title="Weiterlesen: Die Bedeutung unterschiedlicher Positionierungen im Webdesign">Die Bedeutung unterschiedlicher Positionierungen im Webdesign</a></li>
882<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/webprogrammierung/wordpress-gutenberg-editor-revolution/" title="Weiterlesen: Der WordPress Gutenberg-Editor &#8211; Eine echte Revolution?">Der WordPress Gutenberg-Editor &#8211; Eine echte Revolution?</a></li>
883<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/webdesign-onlineshop-pirschershop/" title="Weiterlesen: Webdesign E-Commerce-Website Pirschershop">Webdesign E-Commerce-Website Pirschershop</a></li>
884<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/onlinemarketing/personalisiertes-e-mail-marketing-d
884arauf-kommt-es-an/" title="Weiterlesen: Personalisiertes E-Mail-Marketing: Darauf kommt es an">Personalisiertes E-Mail-Marketing: Darauf kommt es an</a></li>
885<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/printdesign-katalog-prospekt-pirschershop/" title="Weiterlesen: Printdesign Katalog Pirschershop">Printdesign Katalog Pirschershop</a></li>
886<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/suchmaschinenoptimierung/ranking-faktoren-2019-google/" title="Weiterlesen: Ranking-Faktoren 2019">Ranking-Faktoren 2019</a></li>
887<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/webdesign/wordpress-website-naturheilpraxis-moser/" title="Weiterlesen: WordPress-Website Naturheilpraxis Moser">WordPress-Website Naturheilpraxis Moser</a></li>
888<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/allgaeu-wordpress-website-pgm-gmbh/" title="Weiterlesen: WordPress-Website PGM GmbH">WordPress-Website PGM GmbH</a></li>
889<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/wordpress-website-passagenviertel-sparkasse/" title="Weiterlesen: WordPress-Website Passagenviertel Sparkasse">WordPress-Website Passagenviertel Sparkasse</a></li>
890<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/wordpress-website-ferienhaus-luino-lago-maggiore/" title="Weiterlesen: WordPress-Website Ferienhaus Luino Lago Maggiore">WordPress-Website Ferienhaus Luino Lago Maggiore</a></li>
891<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/logo-redesign-pgm-gmbh/" title="Weiterlesen: Logo-Redesign PGM GmbH">Logo-Redesign PGM GmbH</a></li>
892<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/allgemein/webdesign-trends-2017/" title="Weiterlesen: Webdesign Trends 2017 &#8211; Eine Infografik">Webdesign Trends 2017 &#8211; Eine Infografik</a></li>
893<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/suchmaschinenoptimierung/gruende-abstrafung-google/" title="Weiterlesen: Gründe für eine Abstrafung durch Google">Gründe für eine Abstrafung durch Google</a></li>
894<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/onlinemarketing/die-ideale-zeit-fuer-social-media-posts/" title="Weiterlesen: Die ideale Zeit für Social-Media-Posts">Die ideale Zeit für Social-Media-Posts</a></li>
895<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/webdesign/was-ist-gutes-webdesign/" title="Weiterlesen: Was ist gutes Webdesign?">Was ist gutes Webdesign?</a></li>
896<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/onlinemarketing/tipps-zur-gestaltung-eines-online-shops/" title="Weiterlesen: Tipps zur Gestaltung eines Online-Shops">Tipps zur Gestaltung eines Online-Shops</a></li>
897<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/marketing/werbung-durch-die-hintertuer-below-the-line-marketing/" title="Weiterlesen: Below the Line-Marketing: Werbung durch die Hintertür">Below the Line-Marketing: Werbung durch die Hintertür</a></li>
898<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/webprogrammierung/vorteile-content-management-systeme-cms/" title="Weiterlesen: Vorteile eines Content-Management-Systems (CMS)">Vorteile eines Content-Management-Systems (CMS)</a></li>
899<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/webprogrammierung/onlineshop-mit-woocommerce-und-wordpress/" title="Weiterlesen: Onlineshop mit WooCommerce und WordPress">Onlineshop mit WooCommerce und WordPress</a></li>
900<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/contenido-website-farbberatung-pietsch/" title="Weiterlesen: Contenido-Website Farbberatung Pietsch">Contenido-Website Farbberatung Pietsch</a></li>
901<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/printdesign-gestaltung/was-zeichnet-gutes-logodesign-aus/" title="Weiterlesen: Was zeichnet gutes Logodesign aus?">Was zeichnet gutes Logodesign aus?</a></li>
902<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/onlinemarketing/aenderungen-bei-google-adwords/" title="Weiterlesen: Änderungen bei Google Adwords">Änderungen bei Google Adwords</a></li>
903<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/webdesign/wordpress-website-zweckverband-fernwasser
903-oberes-allgaeu/" title="Weiterlesen: WordPress-Website Zweckverband Fernwasser Oberes Allgäu">WordPress-Website Zweckverband Fernwasser Oberes Allgäu</a></li>
904<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/allgemein/angebote-existenzgruender-internetseite-briefpapier-visitenkarten-flyer/" title="Weiterlesen: Angebote für Existenzgründer &#038; Startups">Angebote für Existenzgründer &#038; Startups</a></li>
905<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/referenzen/wordpress-website-frauencoaching-angela-maunz/" title="Weiterlesen: WordPress-Website Frauencoaching Angela Maunz">WordPress-Website Frauencoaching Angela Maunz</a></li>
906<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/webprogrammierung/vorteile-wordpress-content-management-system/" title="Weiterlesen: WordPress als Content-Management-System &#8211; Vorteile für Unternehmenswebseiten">WordPress als Content-Management-System &#8211; Vorteile für Unternehmenswebseiten</a></li>
907<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/webprogrammierung/autocenter-lill-responsive-webprogrammierung/" title="Weiterlesen: Autocenter Lill Responsive Webprogrammierung">Autocenter Lill Responsive Webprogrammierung</a></li>
908<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/webdesign/die-webdesign-trends-2016/" title="Weiterlesen: Die Webdesign Trends 2016">Die Webdesign Trends 2016</a></li>
909<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/webdesign/warum-responsive-webdesign/" title="Weiterlesen: Warum Responsive Webdesign?">Warum Responsive Webdesign?</a></li>
910<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/webprogrammierung/webprogrammierung-internetseite-autocenter-lill/" title="Weiterlesen: Webprogrammierung Internetseite Autocenter Lill">Webprogrammierung Internetseite Autocenter Lill</a></li>
911<li class="listeneintrag-beitrag" ><a href="https://www.der-informationsdesigner.de/agentur-blog/allgemein/kuenstlersozialabgabe-was-auftraggeber-beachten-muessen/" title="Weiterlesen: Künstlersozialabgabe: Was Auftraggeber beachten müssen">Künstlersozialabgabe: Was Auftraggeber beachten müssen</a></li>
912<li class="mehr-beitraege-button parallelogram-button">
913<div class="beschriftung">
914<div class="mehr-beitraege-button-beschriftung">Mehr Beiträge anzeigen</div>
915</div>
916</li>
917<li class="weniger-beitraege-button parallelogram-button">
918<div class="beschriftung">
919<div class="weniger-beitraege-button-beschriftung">Weniger Beiträge anzeigen</div>
920</div>
921</li>                
922</ul>
923</nav>
924<!-- Letzte 5 Beiträge auslesen -->
925<!-- Archive (letzte 6 Monate( einlesen) -->
926<!--
927<nav>
928<h3>Archive</h3>
929<ul>
930</ul>
931</nav>
932-->
933<!-- // Archive (letzte 6 Monate( einlesen) -->
934<!-- Schlagwort-Wolke -->
935<nav>
936<h3>Schlagworte</h3>
937<div class="tag_cloud sj_tagcloud_set_0"><a id="sj_tag_0" class="size_4 color_3" href="https://www.der-informationsdesigner.de/agentur-blog/tag/responsive-webdesign/">Responsive Webdesign</a><a id="sj_tag_1" class="size_3 color_3" href="https://www.der-informationsdesigner.de/agentur-blog/tag/e-commerce/">E-Commerce</a><a id="sj_tag_2" class="size_1 color_1" href="https://www.der-informationsdesigner.de/agentur-blog/tag/sem/">SEM</a><a id="sj_tag_3" class="size_4 color_3" href="https://www.der-informationsdesigner.de/agentur-blog/tag/wordpress/">WordPress</a><a id="sj_tag_4" class="size_1 color_1" href="https://www.der-informationsdesigner.de/agentur-blog/tag/infografik/">Infografik</a><a id="sj_tag_5" class="size_1 color_3" href="https://www.der-informationsdesigner.de/agentur-blog/tag/seo/">SEO</a><a id="sj_tag_6" class="size_1 color_1" href="https://www.der-informationsdesigner.de/agentur-blog/tag/dateiformate/">Dateiformate</a><a id="sj_tag_7" class="size_3 color_3" href="https://www.der-informationsdesigner.de/agentur-blog/tag/google/">Google</a><a id="sj_tag_8" class="size_2 color_1" href="https://www.der-informationsdesigner.de/agentur-blog/tag/formen/">Formen</a><a id="sj_tag_9" class="size_3 color_3" href="https://www.der-informationsdesigner.de/agentur-blog/tag/online-shop/">Online-Shop</a><a id="sj_tag_10" class="size_2 color_2" href="https://www.der-informationsdesigner.de/agentur-blog/tag/logodesign/">Logodesign</a><a id="sj_tag_11" class="size_3 color_3" href="https://www.der-informationsdesigner.de/agentur-blog/tag/psychologie/">Psychologie</a><a id="sj_tag_12" class="size_2 color_1" href="https://www.der-informationsdesigner.de/agentur-blog/tag/autocenter-lill/">Autocenter Lill</a><a id="sj_tag_13" class="size_4 color_2" href="https://www.der-informationsdesigner.de/agentur-blog/tag/content-management-system/">Content-Management-System</a><a id="sj_tag_14" class="size_2 color_2" href="https://www.der-informationsdesigner.de/agentur-blog/tag/woocommerce/">WooCommerce</a></div><style>body .sj_tagcloud_set_0 a {margin-right:5px !important; margin-bottom:10px !important; display:inline-block !important; line-height:14px !important; text-decoration:none !important; border:none !important; transition: all 0.5s !important; }body .sj_tagcloud_set_0 a.size_1 {font-size:14px !important; }body .sj_tagcloud_set_0 a.color_1 {color:#666666 !important; background-color:#e5e5e5 !important; border-radius:inheritpx !important; padding:inheritpx !important; }body .sj_tagcloud_set_0 a.color_1:hover {color:red !important;background-color:#e5e5e5 !important; }body .sj_tagcloud_set_0 a.size_2 {font-size:14px !important; }body .sj_tagcloud_set_0 a.color_2 {color:#666666 !important; background-color:#d8d8d8 !important; border-radius:inheritpx !important; padding:inheritpx !important; }body .sj_tagcloud_set_0 a.color_2:hover {color:red !important;background-color:#d8d8d8 !important; }body .sj_tagcloud_set_0 a.size_3 {font-size:14px !important; }body .sj_tagcloud_set_0 a.color_3 {color:#666666 !important; background-color:#cccccc !important; border-radius:inheritpx !important; padding:inheritpx !important; }body .sj_tagcloud_set_0 a.color_3:hover {color:red !important;background-color:#cccccc !important; }body .sj_tagcloud_set_0 a.size_4 {font-size:14px !important; }body .sj_tagcloud_set_0 a.color_4 {color:#666666 !important; background-color:#bfbfbf !important; border-radius:inheritpx !important; padding:inheritpx !important; }body .sj_tagcloud_set_0 a.color_4:hover {color:red !important;background-color:#bfbfbf !important; }</style>                </nav>
938<!-- // Schlagwort-Wolke -->
939<!-- Kontaktinfos -->
940<div class="cta-kontakt sidebar scroll">
941<div class="abstand"><span>Sie haben Fragen zu unseren Leistungen?</span><br />Telefon: 0 83 41 / 99 72 96 4<br /><a title="Kontakt aufnehmen mit DER INFORMATIONSDESIGNER - Büro für Gestaltung, Web und Marketing" href="/cdn-cgi/l/email-protection#4a272b23260b1e2e2f386723242c2538272b3e232524392e2f39232d242f380e051e2e2f" onclick="this.href=this.href.replace(/AT/,'&#64;').replace(/DOT/,'&#46;')">E-Mail-Kontakt</a>
942</div>
943</div>
944<!-- // Kontaktinfos -->
945</div>
946</aside>
947<!-- // Sidebar -->            
948<div class="clear"></div>
949<!-- Artikelnavigation -->
950<!-- Weiterempfehlen einbinden -->
951<!-- Hinweis WordPress einbinden -->
952<!-- Hinweis auf WordPress -->
953<div id="c_hinweis-weiterempfehlen-referenzen">
954<div class="wrapper-tabelle">
955<div class="wrapper-inhalt">
956<div class="wordpress-icon"></div>
957<h3>WordPress-Agentur aus dem Allgäu</h3>                        
958<h4>Wir bieten alles rund um das beliebteste Content-Management-System WordPress: Website, Anpassung, Service, Schulung und Programmierung</h4>
959<div class="parallelogram-button rot">
960<div class="beschriftung rot"><a title="Ihre WordPress-Agentur aus dem Allgäu - Wir realisieren WordPress-Websites und bieten WordPress-Schulungen an" href="/leistungen/wordpress-agentur-allgaeu.php">Mehr erfahren</a></div>
961</div>
962</div>
963</div>
964</div>
965<!-- // Hinweis auf WordPress -->            
966<!-- Google Bewertungen einbinden -->
967<!-- Projekt starten einbinden -->
968<!-- Call-to-action Projekt starten -->
969<div id="c_calltoaction-projekt-starten" class="">
970<div class="wrapper-tabelle">
971<div class="wrapper-inhalt">
972<a class="menu-btn" title="Sie planen eine neue Website, die Überarbeitung ihrer Geschäftsdrucksachen, einen Onlineshop oder ..." href="#">Ein Projekt mit uns starten <span style="font-size: 18px">&#8658;</span></a>
973</div>
974</div>    
975</div>
976<!-- // Call-to-action Projekt starten -->
977</main>
978<!-- // MAIN -->  
979<!-- Popup Baustelle einbinden -->
980<!-- Footer einbinden -->
981<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->  
982<!-- FOOTER --> 
983<footer id="c_mainfooter" class="" role="contentinfo">
984<!-- Spalten im Footer -->
985<!-- Footerspalten nur anzeigen, wenn gewünscht -->
986<!-- // Footerspalten nur anzeigen, wenn gewünscht -->
987<!-- Hinweis auf Region -->
988<!--<div id="c_hinweis-region">
989<div class="wrapper-tabelle">
990<div class="wrapper-inhalt">
991<h3>Werbeagentur Der Informationsdesigner – Wir sind im Allgäu und darüber hinaus für Sie da!</h3>
992<p><strong>Im Oberallgäu:</strong></p>
993<p>Altusried · Bad Hindelang · Balderschwang · Betzigau · Blaichach · Bolsterlang · Buchenberg · Burgberg i. Allgäu · Dietmannsried · Durach · Fischen i. Allgäu · Haldenwang · Immenstadt i. Allgäu · Kempten · Kleinwalsertal · Lauben · Missen-Wilhams · Obermaiselstein · Oberstaufen · Oberstdorf · Ofterschwang · Oy-Mittelberg · Rettenberg · Sonthofen · Sulzberg · Waltenhofen · Weitnau · Wertach · Wiggensbach · Wildpoldsried</p>
994<p><strong>Im Ostallgäu:</strong></p>
995<p>Aitrang · Baisweil · Bidingen · Biessenhofen · Buchloe · Eggenthal · Eisenberg · Friesenried · Füssen · Germaringen · Görisried · Günzach · Halblech · Hopferau · Irsee · Jengen · Kaltental · Kraftisried · Lamerdingen · Lechbruck am See · Lengenwang · Marktoberdorf · Mauerstetten · Nesselwang · Obergünzburg · Oberostendorf · Osterzell · Pforzen · Pfronten · Rettenbach am Auerberg · Rieden · Rieden am Forggensee · Ronsberg · Roßhaupten · Rückholz · Ruderatshofen · Schwangau · Seeg · Störten am Auersberg · Stöttwang · Unterthingau · Untrasried · Waal · Wald · Westendorf</p>
996<p><strong>Im Unterallgäu:</strong></p>
997<p>Amberg · Apfeltrach · Babenhausen · Bad Grönenbach · Bad Wörishofen · Benningen · Böhen · Boos · Breitenbrunn · Buxheim · Dirlewang · Egg an der Günz · Eppishausen · Erkheim · Ettringen · Fellheim · Hawangen · Heimertingen · Holzgünz · Kammlach · Kettershausen · Kirchhaslach · Kirchheim in Schwaben · Kronburg · Lachen · Lauben · Lautrach · Legau · Markt Rettenbach · Markt Wald · Memmingen · Memmingerberg · Mindelheim · Niederrieden · Oberrieden · Oberschönegg · Ottobeuren · Pfaffenhausen · Pleß · Rammingen · Salgen 
997· Sontheim · Stetten · Trunkelsberg · Türkheim · Tussenhausen · Ungerhausen · Unteregg · Westerheim · Wiedergeltingen · Winterrieden · Wolfertschwenden · Woringen</p>
998<p><strong>Im Westallgäu:</strong></p>
999<p>Gestratz · Grünenbach · Hergensweiler · Heimenkirch · Hergatz · Lindau · Lindenberg im Allgäu · Maierhöfen · Oberreute · Oberstaufen · Opfenbach · Röthenbach (Allgäu) · Scheidegg · Sigmarszell · Stiefenhofen · Weiler-Simmerberg · Hergatz · Argenbühl · Isny im Allgäu · Leutkirch im Allgäu · Ravensburg · Bad Wurzach · Wangen im Allgäu</p>
1000</div>
1001</div>
1002</div>-->
1003<!-- // Hinweis auf Region -->
1004<!-- Copyright und Subnavigation -->
1005<div id="c_mainfooter-copyright-subnavigation">
1006<div id="c_mainfooter-copyright">
1007<small class="col-md-7">&copy; <time datetime="2019">2026</time>
1008- Der Informationsdesigner, <a title="Werbeagentur - Der Informationsdesigner" href="/werbeagentur.php">Werbeagentur</a> Kaufbeuren im <a title="Wissenswertes über das Allgäu" href="/region-allgaeu.php">Allgäu</a><br />Gestaltung mit Stil und ❤ für die Region Kempten, Augsburg, Oberallgäu, Unterallgäu, Westallgäu, Ostallgäu und darüber hinaus</small> <!--<a rel="noopener" href="http://medien.blogtotal.de/" title="Blogtotal"><img src="https://www.blogtotal.de/blogtotal_icon_9043.png" border="0" alt="Blogtotal" style="height: 0; width: 0" /></a>
1008<script type="text/javascript" src="https://www.blogtotal.de/blogtotal_stats_9043.js"></script>
1008-->
1009<nav role="navigation" class="c_mainfooter-subnavigation normal col-md-5">
1010<ul>
1011<li class="aktiver-navipunkt"><a title="Agentur-Blog - Neuigkeiten über uns, Webdesign, Gestaltung, Design, angesagte Trends, aktuelle Referenzen, etc." href="/agentur-blog/">Agentur-Blog</a></li>
1012<li class=""><a title="Sie sind auf der Suche nach einem zuverlässigen Kooperationspartner für den Bereich Gestaltung und / oder Web?" href="/kooperation/freelancer-webdesign-grafikdesign-allgaeu-kaufbeuren-kempten-augsburg.php">Kooperation</a></li>
1013<li class=""><a title="Sie sind Existenzgründer und auf der Suche nach preislich attraktiven Gestaltungs- und Weblösungen?" href="/existenzgruender/angebote-webdesign-printdesign.php">Existenzgründer</a></li>
1014</ul>
1015</nav>  
1016<nav class="c_mainfooter-subnavigation zusatz col-md-12" role="navigation">
1017<ul>
1018<li class=""><a title="Rechtliche Informationen und sonstige Hinweise" href="/impressum/index.php">Impressum</a></li>
1019<li class=""><a title="Hinweise zum Datenschutz" href="/datenschutz/index.php">Datenschutz</a></li>
1020<li class=""><a title="Allgemeine Geschäftsbedingungen" href="/agb/index.php">AGB</a></li>
1021</ul>
1022</nav>
1023</div>          
1024</div>
1025<!-- // Copyright und Subnavigation -->
1026</footer>    
1027<!-- // FOOTER -->  
1028<!-- Hinweis-Lasche Agentur-Blog -->
1029<!-- // Hinweis-Lasche Agentur-Blog -->
1030<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// --> 
1031</div>    
1032<!--// Bootstrap-Container -->
1033</div>
1034<!-- // ALLGEMEINER INHALTSCONTAINER -->  
1035<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
1036<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
1037<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->    
1038<!-- jQuery Plugins Integration (komprimiert) -->
vendor: 112 bytes, lines 1038-1039
1038   
1039<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1039<script defer type="text/javascript" src="https://www.der-informationsdesigner.de/min/b=js&amp;f=plugins/jquery-plugin-loadingbar.js,plugins/jquery-plugin-formlabel.js,plugins/jquery-plugin-panel.js,plugins/jquery-plugin-form-validator.js,plugins/jquery-plugin-parallax.js,plugins/jquery-plugin-inview.js,plugins/plugin-cookieconsent.js"></script>
1039
1040<!-- Chat-Modul -->
1041<!--Start of Tawk.to Script-->
1042<script type="text/javascript">
1043/*
1044var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
1045(function(){
1046var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
1047s1.async=true;
1048s1.src='https://embed.tawk.to/5d5e9278eb1a6b0be608d187/default';
1049s1.charset='UTF-8';
1050s1.setAttribute('crossorigin','*');
1051s0.parentNode.insertBefore(s1,s0);
1052})();
1053*/
1054</script>
1054
1055<!--End of Tawk.to Script-->
1056<!-- // Chat-Modul -->    
1057<!-- ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->  
1058<!-- JS Allgemein einbinden -->
1059<!-- jQuery Funktionsaufrufe ALLGEMEIN -->
1060<script>
1061// Page-Loader
1062//$('body').jpreLoader({
1063//showPercentage: false,
1064//loaderVPos: '50%',
1065//autoClose: true,
1066//});
1067jQuery(document).ready(function($) 
1068{
1069// RESPONSIVE MENÜ
1070$('#mobilemenu-icon').click(function(){
1071$(this).toggleClass('open');
1072});
1073$( '.mobilemenu-btn' ).click(function(){
1074$('.mobilemenu-btn').toggleClass('aktiv')
1075$('.responsive-menu').toggleClass('expand')
1076$('.expand').slideDown(800);
1077})
1078// VORÜBERGEHENDE LÖSUNG
1079//Text Buttons im oberen Ein- und Ausklappbereich je nach Screengröße anpassen
1080function anpassungbuttontexte() 
1081{
1082//alert(screen.width);
1083if (Modernizr.mq('(max-width: 1100px)')) {
1084var txt1 = "Online";
1085var txt2 = "Offline";
1086$('.b1').html(txt1);
1087$('.b2').html(txt2);
1088} 
1089else 
1090{
1091var txt1 = "Webdesign & Webentwicklung";
1092var txt2 = "Gestaltung & Printdesign";
1093$('.b1').html(txt1);
1094$('.b2').html(txt2);
1095}
1096};
1097anpassungbuttontexte();
1098$(window).resize(anpassungbuttontexte);
1099//Text Überschrift im Anfrage-Panel ändern bei kleinen Screengrößen
1100function anpassungtextanfrageueberschrift() 
1101{
1102//alert(screen.width);
1103if (Modernizr.mq('(max-width: 440px)')) {
1104var txtanfrageueberschrift = "Kontakt aufnehmen";
1105$('#anfrageueberschrift').html(txtanfrageueberschrift);
1106} 
1107else 
1108{
1109var txtanfrageueberschrift = "Nehmen Sie Kontakt mit uns auf";
1110$('#anfrageueberschrift').html(txtanfrageueberschrift);
1111}
1112};
1113anpassungtextanfrageueberschrift();
1114$(window).resize(anpassungtextanfrageueberschrift);
1115// Animation Balken bei Hauptnavigation
1116$("#c_mainheader nav ul li a").hover
1117(
1118function() 
1119{
1120$(this).animate({backgroundPositionY: '-60'}, 'fast','easeOutBack');
1121},
1122function() 
1123{
1124$(this).animate({backgroundPositionY: '-70'}, 'fast','easeInBack');
1125}
1126);
1127// Reihenfolge für Sidebar und Inhalt tauschen
1128function reihenfolgeinhaltsidebar() 
1129{
1130if (Modernizr.mq('(max-width: 991px)')) 
1131{
1132$('.inhalt-ebene-zwei-spalte-rechts').insertBefore( $('.inhalt-ebene-zwei-spalte-links'));
1133}
1134else
1135{
1136$('.inhalt-ebene-zwei-spalte-rechts').insertAfter( $('.inhalt-ebene-zwei-spalte-links'));
1137}
1138}
1139//reihenfolgeinhaltsidebar();
1140//$(window).resize(reihenfolgeinhaltsidebar);
1141// Sticky Sidebar beim Scrollen
1142if ( $( ".cta-kontakt.sidebar" ).length ) {
1143$(window).scroll(function() 
1144{
1145$('.c_sidebar-check').bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
1146if (isInView) {
1147// element is now visible in the viewport
1148$('.cta-kontakt.sidebar.scroll').css( "opacity", "0" );
1149$('.cta-kontakt.sidebar.scroll').hide();
1150//$('.cta-kontakt.sidebar.scroll').stop().animate({"opacity": 0});
1151if (visiblePartY == 'top') {
1152// top part of element is visible
1153} else if (visiblePartY == 'bottom') {
1154// bottom part of element is visible
1155} else {
1156// whole part of element is visible
1157}
1158} else {
1159// element has gone out of viewport
1160$('.cta-kontakt.sidebar.scroll').css( "opacity", "0" );
1161$('.cta-kontakt.sidebar.scroll').show();
1162$('.cta-kontakt.sidebar.scroll').stop().animate({"opacity": 1});
1163}
1164});
1165});
1166var new_width = $('.inhalt-ebene-zwei-spalte-rechts').width();
1167$('.cta-kontakt.sidebar.scroll').width(new_width); 
1168}
1169// Popup Baustelle				
1170$('#baustellen-hinweis').dialog(
1171{
1172autoOpen: false,
1173width:'auto',
1174closeOnEscape: true,
1175closeText: "",
1176//show: 'Explode',
1177modal: true,
1178open: function (event, ui) 
1179{
1180$('.ui-widget-overlay').addClass('site-overlay');
1181$('body').addClass('modal-active');
1182//$('.ui-dialog').css("margin-top","-70px"); 				
1183$('.ui-widget-overlay').bind('click',function()
1184{
1185$('#baustellen-hinweis').dialog('close');
1186})
1187},
1188close: function (event, ui) 
1189{
1190$('.ui-widget-overlay').removeClass('site-overlay');
1191$('body').removeClass('modal-active');							
1192}
1193});
1194$('.baustelle').click(function () 
1195{
1196$('html, body').scrollTop(0);
1197$('#c_mainheader').removeClass('sticky');
1198$("#baustellen-hinweis").dialog( "open" );
1199$(".ls-nav-stop").trigger("click");
1200})
1201$('#baustellen-hinweis .schliessen').click(function () 
1202{
1203$("#baustellen-hinweis").dialog( "close" );
1204//$(".ls-nav-start").trigger("click");
1205})
1206// Popup WordPress-Angebot				
1207$('#wordpress-angebot').dialog(
1208{
1209autoOpen: false,
1210width:'auto',
1211closeOnEscape: true,
1212closeText: "",
1213//show: 'Explode',
1214modal: true,
1215//position: { my: "center center", at: "center center", of: window },
1216open: function (event, ui) 
1217{
1218$('.ui-widget-overlay').addClass('site-overlay');
1219$('body').addClass('modal-active');
1220//$('.ui-dialog').css("margin-top","-70px"); 
1221$('.ui-widget-overlay').bind('click',function()
1222{
1223$('#wordpress-angebot').dialog('close');
1224})
1225},
1226close: function (event, ui) 
1227{
1228$('.ui-widget-overlay').removeClass('site-overlay');
1229$('body').removeClass('modal-active');							
1230}
1231});
1232$('#wordpress-angebot .schliessen').click(function () 
1233{
1234$("#wordpress-angebot").dialog( "close" );
1235//$(".ls-nav-start").trigger("click");
1236})		
1237// Angebots-Popup anzeigen und zwar nur 1x pro Session		
1238function loadWordPressPopup() 
1239{
1240if(sessionStorage["PopupShown"] != 'yes')
1241{ 
1242$("#wordpress-angebot").dialog( "open" );
1243sessionStorage["PopupShown"] = 'yes'; 
1244}
1245};
1246if (Modernizr.mq('(min-width: 480px)')) 
1247{
1248//window.onload = setTimeout(loadWordPressPopup, 2000);
1249}
1250// Sticky Navigation
1251function sticky()
1252{
1253var window_top=$(window).scrollTop();
1254var top_position=$('body').offset().top;
1255var element_to_stick=$('#c_mainheader');
1256var element_to_change=$('#c_mainheader h1');
1257if (window_top > top_position) {
1258element_to_stick.addClass('sticky');
1259element_to_change.addClass('angepasst');
1260} else {
1261element_to_stick.removeClass('sticky');
1262element_to_change.removeClass('angepasst');
1263}
1264}
1265$(window).scroll(sticky);
1266sticky();
1267// Form-Validator für seitliches Kontakt-Panel
1268$.validate
1269({
1270form : '#panel-form',
1271onError : function($form) 
1272{
1273//alert('Validation of form '+$form.attr('id')+' failed!');
1274return false;
1275},
1276onSuccess : function($form) 
1277{
1278$.ajax({
1279type: "POST",
1280url:"/includes/allgemein/kontaktpanel-formular-verarbeitung",
1281data: $('#panel-form').serialize(),
1282success: function() {
1283$("#dialog-modal-panel-formular").dialog("open");
1284$('#panel-form').get(0).reset();
1285//$(".panel-close.menu-bt").trigger("click");
1286//$("#dialog-modal-panel-formular").dialog("close");
1287},
1288error: function() {
1289}
1290})			
1291}
1292});
1293// Form-Validator für Kontaktformular
1294$.validate
1295({
1296form : '#contact-form',
1297onError : function($form) 
1298{
1299//alert('Validation of form '+$form.attr('id')+' failed!');
1300return false;
1301},
1302onSuccess : function($form) 
1303{
1304$.ajax({
1305type: "POST",
1306url:"/includes/allgemein/kontaktpanel-formular-verarbeitung",
1307data: $('#contact-form').serialize(),
1308success: function() {
1309$("#dialog-modal-kontaktformular").dialog("open");
1310$('#contact-form').get(0).reset();
1311},
1312error: function() {
1313}
1314})			
1315}
1316});			
1317$('.menu-btn').click(function(){						
1318// Slider pausieren
1319$(".ls-nav-stop").trigger("click");
1320});
1321$('.panel-close.menu-btn, .site-overlay').click(function(){
1322$(".panel-close.menu-bt").trigger("click");
1323$('#panel-form').get(0).reset();
1324$('.sticky-placeholder-label').css('display','block');	
1325// Slider weiterlaufen lassen
1326$(".ls-nav-start").trigger("click");
1327});
1328// Bestätigungsfenster Modal für Formular in seitlichem Kontaktpanel		
1329$("#dialog-modal-panel-formular").dialog({
1330height: 20,
1331modal: true,
1332autoOpen: false,
1333appendTo: ".pushy",
1334closeOnEscape: true,
1335closeText: "", 
1336position: { my: "center top", at: "center top", of: ".panel-formular" },
1337open: function (event, ui) {
1338$('.pushy .ui-dialog').addClass('aktiv');
1339$('#panel-form').get(0).reset();
1340$('.sticky-placeholder-label').css('display','block');	
1341},
1342close: function (event, ui) {
1343$('.pushy .ui-dialog').removeClass('aktiv');
1344$(".panel-close.menu-btn").trigger("click");
1345}
1346});
1347// Bestätigungsfenster Modal für normales Kontaktformular			
1348$("#dialog-modal-kontaktformular").dialog({
1349height: 20,
1350modal: true,
1351autoOpen: false,
1352appendTo: ".kontakt-formular",
1353closeOnEscape: true,
1354closeText: "", 
1355position: { my: "center top", at: "center top", of: ".kontakt-formular" },
1356open: function (event, ui) {
1357$('#c_kontakt-formular .ui-dialog').addClass('aktiv');
1358$('#contact-form').get(0).reset();
1359$('#contact-form .sticky-placeholder-label').css('display','block');	
1360},
1361close: function (event, ui) {
1362$('#c_kontakt-formular .ui-dialog').removeClass('aktiv');
1363}
1364});			
1365// Scroll-To-Top
1366// Check to see if the window is top if not then display button
1367$(window).scroll(function(){
1368if ($(this).scrollTop() > 100) {
1369$('.scrollToTop').fadeIn();
1370} else {
1371$('.scrollToTop').fadeOut();
1372}
1373});
1374// Click event to scroll to top
1375$('.scrollToTop').click(function(){
1376$('html, body').animate({scrollTop : 0},800);
1377return false;
1378});
1379// Scroll-To-Anker
1380$(function(){
1381$('a[href*=#]').click(function() 
1382{
1383if (location.pathname.replace(/^\//,") == this.pathname.replace(/^\//,")
1384&& location.hostname == this.hostname) {
1385var $target = $(this.hash);
1386$target = $target.length && $target || $('[name=" + this.hash.slice(1) +"]');
1387if ($target.length) {
1388var targetOffset = $target.offset().top-140;
1389$('html,body').animate({scrollTop: targetOffset}, 1000);
1390return false;
1391}
1392}
1393});
1394});
1395});
1396</script>
vendor: 1 bytes, line 1396
1396
1397<script type="speculationrules">
1398{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/agentur-blog/*"},{"not":{"href_matches":["/agentur-blog/wp-*.php","/agentur-blog/wp-admin/*","/agentur-blog/wp-content/uploads/*","/agentur-blog/wp-content/*","/agentur-blog/wp-content/plugins/*","/agentur-blog/wp-content/themes/blog/*","/agentur-blog/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
1399</script>
1399
1400<style>.lazyload,.lazyloading{opacity:0;}.lazyloaded{opacity:1;transition:opacity 300ms;}</style><noscript><style>.lazyload{display:none;}</style></noscript>
1400<script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script>
1400<script async data-noptimize="1" src='https://www.der-informationsdesigner.de/agentur-blog/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js'></script>
1400<script id="dsq_count_script-js-extra">
1401var countVars = {"disqusShortname":"der-informationsdesigner"};
1402//# sourceURL=dsq_count_script-js-extra
1403</script>
vendor: 1 bytes, line 1403
1403
1404<script id="dsq_count_script-js" src="https://www.der-informationsdesigner.de/agentur-blog/wp-content/plugins/disqus-conditional-load/disqus-core/media/js/count.js?ver=91aec77838181a5e9dfb2e220715489f"></script>
1404
1405<!-- start Simple Custom CSS and JS -->
1406<style type="text/css">
1407body 
1408{
1409overflow-x: hidden;
1410width: 100%;
1411}
1412/* 404 Fehler-Seite */
1413.zeile-404-fehler
1414{
1415margin-top: 5rem;
1416margin-bottom: 3rem;
1417display: flex;
1418align-items: center;
1419justify-content: center;
1420}
1421.spalte-404-fehler.links
1422{
1423flex: 30%;
1424padding-right: 1rem;
1425}
1426.spalte-404-fehler .bild
1427{
1428margin-bottom: 0 !important;
1429}
1430.spalte-404-fehler.rechts
1431{
1432flex: 70%;
1433padding-left: 1rem;
1434}
1435.code-404-fehler
1436{
1437color: #D2232A; 
1438border-radius: unset; 
1439font-size: 3rem; 
1440padding: 0.5rem;
1441}
1442.cta-kontakt.hinweis-fuer-links-etc.spezial-404-fehler
1443{
1444background-color: white;
1445border: 2px solid #eee;
1446}
1447.cta-kontakt.hinweis-fuer-links-etc.spezial-404-fehler p
1448{
1449padding-bottom: 0;
1450}
1451.cta-kontakt.hinweis-fuer-links-etc.spezial-404-fehler ul
1452{
1453margin-bottom: 0;
1454}
1455@media only screen and (max-width: 991px)
1456{
1457.code-404-fehler
1458{
1459font-size: 2rem;
1460}
1461.inhalt-ebene-zwei-spalte-links.spezial-404-fehler
1462{
1463width: 100%;
1464}
1465}
1466/* Reading Progress Bar */
1467#reading-progress 
1468{
1469position: fixed;
1470bottom: 0px;
1471width: 100%;
1472height: 5px;
1473margin: 0px;
1474left: 0px;
1475z-index: 999999;
1476}
1477#reading-progress .bar 
1478{
1479height: 5px;   /* Die Höhe des Balkens */
1480position: fixed;
1481bottom: 0px;
1482z-index: 99;
1483background-color:#D2232A;  /* Die Farbe des Balkens. Hier Rot */
1484}
1485/* Zurück-Link auf Blog-Detailseite */
1486#c_link_startseite-blog.resp-zurueck-uebersicht
1487{
1488display: none;
1489}
1490#c_link_startseite-blog.resp-zurueck-uebersicht ul
1491{
1492padding-left: 0;
1493}
1494#c_link_startseite-blog.resp-zurueck-uebersicht ul li:before
1495{
1496content: '';
1497padding-right: 0;
1498}
1499@media only screen and (max-width: 991px)
1500{
1501#c_link_startseite-blog.resp-zurueck-uebersicht
1502{
1503display: block;
1504}
1505}
1506/* Inhaltsverzeichnis */
1507.cta-kontakt.hinweis-fuer-links-etc.inhaltsverzeichnis
1508{
1509background-color: white;
1510border: 2px solid #eee;
1511}
1512.cta-kontakt.hinweis-fuer-links-etc.inhaltsverzeichnis h4:before
1513{
1514content: "☷";
1515}
1516.cta-kontakt.hinweis-fuer-links-etc.inhaltsverzeichnis.box-downloads
1517{
1518border-color: #50BAC2;
1519}
1520.cta-kontakt.hinweis-fuer-links-etc.inhaltsverzeichnis.box-downloads:after
1521{
1522clear: both !important;
1523}
1524.box-downloads-label
1525{
1526background-color: #50BAC2; 
1527color: white; padding: 1rem; 
1528text-transform: uppercase; 
1529font-size: 1.4rem; 
1530float: right; 
1531margin-top: -2rem; 
1532margin-right: -2rem; 
1533font-weight: bold; 
1534border-radius: 0 0.5rem 0 0;
1535}
1536.inhaltsverzeichnis.sticky 
1537{
1538margin-top: 0;
1539position: fixed;
1540top: 200px;
1541z-index: 999999;
1542-webkit-border-radius: 0 1rem 1rem 0px !important;
1543border-radius: 0 1rem 1rem 0px !important;
1544left: 0;
1545width: 50px;
1546height: 50px;
1547overflow: hidden;
1548margin-bottom: 0 !important;
1549-webkit-box-shadow: 0 0 10px 0px rgb(0 0 0 / 15%);
1550box-shadow: 0 0 10px 0px rgb(0 0 0 / 15%);
1551border: 0 !important;
1552}
1553@media only screen and (max-width : 991px)
1554{
1555.inhaltsverzeichnis-top 
1556{
1557display: none;
1558}
1559}
1560.inhaltsverzeichnis.sticky ul,
1561.inhaltsverzeichnis.sticky h4
1562{
1563font-size: 1.6rem;
1564}
1565.inhaltsverzeichnis.sticky ul
1566{
1567padding-left: 1rem;
1568padding-right: 2rem;
1569}
1570.inhaltsverzeichnis.sticky ul
1571{
1572border-spacing: 0 0.5rem;
1573}
1574.inhaltsverzeichnis.sticky:before 
1575{
1576content: "☷";
1577width: 50px;
1578height: 50px;
1579font-size: 25px;
1580top: 0px;
1581position: absolute;
1582left: 0;
1583padding-top: 6px;
1584text-align: center;
1585cursor: pointer;
1586color: #222;
1587font-weight: bold;
1588}
1589.inhaltsverzeichnis.sticky:hover::before 
1590{
1591color: #d2212a;
1592}
1593.inhaltsverzeichnis.sticky.open:before
1594{
1595content: "←";
1596}
1597.inhaltsverzeichnis.sticky h4
1598{
1599margin-top: 2rem;
1600}
1601.inhaltsverzeichnis.sticky.open 
1602{
1603width: auto;
1604max-width: 800px;
1605overflow: auto;
1606height: auto;
1607/*opacity: 0.5;*/
1608background-color: rgba(255,255,255,0.5);
1609/* Transition-Effekt Einblenden */
1610-webkit-transition: all 0.4s ease;                  
1611-moz-transition: all 0.4s ease;                 
1612-o-transition: all 0.4s ease;   
1613-ms-transition: all 0.4s ease;          
1614transition: all 0.4s ease;	
1615/* Transition-Effekt Einblenden */	
1616}
1617.inhaltsverzeichnis.sticky.open:hover 
1618{
1619/*opacity: 1;*/
1620background-color: rgba(255,255,255,1);
1621/* Transition-Effekt Einblenden */
1622-webkit-transition: all 0.4s ease;                  
1623-moz-transition: all 0.4s ease;                 
1624-o-transition: all 0.4s ease;   
1625-ms-transition: all 0.4s ease;          
1626transition: all 0.4s ease;	
1627/* Transition-Effekt Einblenden */
1628}
1629.inhaltsverzeichnis.sticky li.active a
1630{
1631font-weight: bold;
1632}
1633/* Ankerbereiche */
1634.c_blogartikel .ankerbereich
1635{
1636padding-top: 30px; 
1637margin-top: -30px;
1638}
1639/* FAQs */
1640.accordions
1641{
1642margin-bottom: 9rem;
1643}
1644.accordions-head-title
1645{
1646margin-left: 0px !important;
1647font-weight: bold;
1648}
1649.accordions-head
1650{
1651margin-bottom: 5px !important;
1652border-radius: 1rem !important;
1653}
1654.ui-state-active .accordions-head-title,
1655.ui-state-active i
1656{
1657color: white !important;
1658}
1659/* Tabelle */
1660.c_blogartikel table
1661{
1662width: 100%;
1663font-size: 1.6rem !important;
1664}
1665.c_blogartikel table ul
1666{
1667font-size: 1.6rem !important;
1668margin-bottom: 0;
1669padding-left: 0;
1670}
1671.c_blogartikel tr:nth-child(even) 
1672{
1673background-color: #e5e5e5;
1674border-bottom: 1px solid white;
1675}
1676.c_blogartikel tr:nth-child(odd) 
1677{
1678background-color: #eee;
1679border-bottom: 1px solid white;
1680}
1681.c_blogartikel table th
1682{
1683background-color: #50BAC2;
1684color: white;
1685padding: 1rem;
1686padding-left: 2rem;
1687padding-right: 2rem;
1688vertical-align: middle;
1689}
1690.c_blogartikel table td
1691{
1692padding: 1rem;
1693padding-left: 2rem;
1694padding-right: 2rem;
1695border-bottom: 1px solid white;
1696vertical-align: top;
1697}
1698/* Schlagworte */
1699.c_blogartikel ul.schlagworte li
1700{
1701display: inline-block;
1702padding: 1rem;
1703border: 1px solid white;
1704background-color: white;
1705margin-right: 1rem;
1706border-radius: 1rem;
1707}
1708.c_blogartikel ul.schlagworte li:before
1709{
1710content: none;
1711}
1712.c_blogartikel ul.schlagworte.alternative li
1713{
1714border-color: none;
1715background-color: #eee;
1716}
1717.c_blogartikel ul.schlagworte.alternative.farben li a
1718{
1719color: white;
1720border-bottom: none;
1721}
1722.c_blogartikel ul.schlagworte.alternative.farben li a:hover
1723{
1724color: rgba(255,255,255,0.8);
1725}
1726.c_blogartikel ul.schlagworte.alternative.farben li a.farben-beschriftung-spezial
1727{
1728color: #222;
1729}
1730.c_blogartikel ul.schlagworte.alternative.farben li a.farben-beschriftung-spezial:hover
1731{
1732color: rgba(34,2,0,0.8);
1733}
1734/* CTA Download */
1735.c_blogartikel .cta-download-blogbeitrag
1736{
1737text-align: center;
1738color: white;
1739background-color: #333;
1740margin-top: -4rem;
1741padding-bottom: 2rem;
1742}
1743.c_blogartikel .cta-download-blogbeitrag h4
1744{
1745color: white;
1746}
1747/* SPEZIELLE INHALTE */
1748/* Blogbeitrag Farbpsychologie im Webdesign */
1749.c_blogartikel .sektion-farbe
1750{
1751color: white;
1752padding: 4rem;
1753font-size: 5rem;
1754font-weight: bold;
1755text-transform: uppercase;
1756text-align: center;
1757letter-spacing: .5rem;
1758border-radius: 1rem 1rem 0 0;
1759border-bottom: 5px solid white;
1760margin-top: 15rem;
1761}
1762.c_blogartikel .sektion-farbe.spezial
1763{
1764color: #222;
1765}
1766.c_blogartikel .farben-ueberblick
1767{
1768margin-bottom: 6rem;
1769margin-top: 4rem;
1770}
1771.c_blogartikel .farben-ueberblick th
1772{
1773text-align: right;
1774padding-right: 2rem;
1775}
1776.c_blogartikel .farben-ueberblick tr:nth-child(even) th
1777{
1778background-color: #64c2c9;
1779}
1780.c_blogartikel .beispiel-kontrast td
1781{
1782background-color: #50bac2;
1783}
1784.c_blogartikel .beispiel-kontrast .kontrast-heller1
1785{
1786background-color: rgba(80,186,194,0.6);
1787}
1788.c_blogartikel .beispiel-kontrast .kontrast-heller2
1789{
1790background-color: rgba(80,186,194,0.2);
1791}
1792.c_blogartikel .beispiel-schrift-ton-in-ton
1793{
1794background-color: rgba(80,186,194,0.0.08);
1795color: #50bac2;
1796}
1797/* Ansicht Blogartikel kompakt oder erweitert */
1798.auswahl-blogdarstellung
1799{
1800margin-top: 0rem;
1801}
1802.auswahl-blogdarstellung a
1803{
1804background-color: #eee;
1805padding: 2rem;
1806border-bottom: 0 !important;
1807font-size: 1.8rem;
1808display: inline-block;
1809width: 50%;
1810text-align: center;
1811}
1812.auswahl-blogdarstellung a.blog-erweitert
1813{
1814border-radius: 0rem 0rem 0rem 1rem;
1815}
1816.auswahl-blogdarstellung a.blog-kompakt
1817{
1818border-radius: 0rem 0rem 1rem 0rem;
1819}
1820/* Inhaltsbereich */
1821.inhalt-ebene-zwei-spalte-links ol 
1822{
1823margin: 0;
1824padding: 0;
1825font-size: 2rem;
1826display: table;
1827border-collapse: separate;
1828border-spacing: 0 1rem;
1829padding-left: 2rem;
1830list-style-type: decimal;
1831padding-top: 0rem;
1832margin-bottom: 3rem;
1833margin-left: 2rem;
1834}
1835.inhalt-ebene-zwei-spalte-links ol li 
1836{
1837margin-bottom: 1rem;
1838/* display: table-row; */
1839}</style>
1840<!-- end Simple Custom CSS and JS -->
1841<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"baf6aec22851481ea6608a6063aedb35","r":1,"spa":2}' crossorigin="anonymous"></script>
1841
1842</body>
1843</html><!-- WP Fastest Cache file was created in 0.35620188713074 seconds, on 23-08-26 15:41:34 -->

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.