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&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&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&utm_medium=Widget&utm_campaign=Widget" title="Kundenbewertungen & 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 & 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 » 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">mail@der-informationsdesigner.de</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> | <a href="/cdn-cgi/l/email-protection#7c111d15103d2818190e5115121a130e111d081513120f18190f151b12190e3833281819" onclick="this.href=this.href.replace(/AT/,'@').replace(/DOT/,'.')">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 & 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 „Farbberatung Pietsch“ 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 & Gestaltung anzeigen">Printdesign & 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/,'@').replace(/DOT/,'.')">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 – Inspiration, Aufbau & Best Practices">SaaS Website Design – Inspiration, Aufbau & 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 – Wie wirken Farben?">Farbpsychologie im Webdesign – 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 & WordPress – eine gute Wahl?">Onlineshop mit WooCommerce & WordPress – 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 – Eine echte Revolution?">Der WordPress Gutenberg-Editor – 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 – Eine Infografik">Webdesign Trends 2017 – 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 & Startups">Angebote für Existenzgründer & 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 – Vorteile für Unternehmenswebseiten">WordPress als Content-Management-System – 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/,'@').replace(/DOT/,'.')">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">⇒</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">© <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&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.