# F/X Web Consulting | Internetagentur München Knowledge Base Generated: 2026-10-13 04:36:55 ## Jahresrückblick und Weihnachtsgrüße 2025 **Source:** [https://www.muenchen-webdesign.de/2025/12/21/jahresrueckblick-und-weihnachtsgruesse-2025/](https://www.muenchen-webdesign.de/2025/12/21/jahresrueckblick-und-weihnachtsgruesse-2025/) **Date:** 2025-12-21 **Category:** Allgemein, Referenzen, Unternehmens-News | **Tags:** 2025, AeroTecRacing, Datenschutz, Datenschutzerklärung, DDG, Digitale-Dienste-Gesetz, Impressum, Jenseitskontakte München, Kundenreferenzen, TDDDG, Telemediengesetz, TMG, TTDSG, Website, Weihnachten, Weihnachtsgrüße | **Keyword:** Weihnachtsgrüße 2025 [![Weihnachtsbild X-Mas mit Logo F/X Web Consulting](https://www.muenchen-webdesign.de/wp-content/uploads/2022/12/XMAS-FX-Web-Consulting.jpg)](https://www.fx-web.de) Weihnachtsgrüße von F/X Web Consulting ## Jahresrückblick 2025 ### Neue regionale Website-Projekte Einen Überblick über unsere 2025 und in den vorherigen Jahren fertiggestellten Webseiten finden Sie natürlich wie immer auf unserer Website unter [Kundenreferenzen](https://www.fx-web.de/kundenreferenzen). Hier unsere beiden Highlights in 2025: #### Jenseitskontakte München | Claudia Hopf Im Juli 2025 kontaktierte uns Frau Hopf aufgrund einer Empfehlung eines früheren Kunden von uns. Sie hatte sich mit einem Gewerbe für Jenseitskontakte und Trauerbegleitung selbständig gemacht und benötigte nun eine kleine aber dennoch ansprechende Website. Nach unserem [Beratungsgespräch](https://www.fx-web.de/internet-beratung) begannen wir im August mit der Erstellung des Designs, und als wir alle Inhalte erhalten und integriert hatten, stellten wir die Website Anfang Dezember live: [![Screenshot der Website von Jenseitskontakte München | Claudia Hopf](https://www.muenchen-webdesign.de/wp-content/uploads/2025/12/2025-12-05-jenseitskontakte-muenchen.de_-660x399.jpg)](https://jenseitskontakte-muenchen.de/) Die Website von Jenseitskontakte München | Claudia Hopf Frau Hopf ist begeistert von ihrer Website, und erhielt auch aus ihrem Umfeld sehr positives Feedback. Zudem sind in den letzten beiden Wochen bereits die ersten Anfragen über das Kontaktformular eingegangen, so dass sich der Erfolg mit ihrer eigenen Website nun bereits einstellt, was uns natürlich ebenfalls freut. Die Zusammenarbeit mit Frau Hopf war sehr kreativ und sympathisch, das hat uns die Arbeit sehr erleichert. Daher auch an dieser Stelle ein herzliches Dankeschön dafür! #### AeroTecRacing | Racing-Parts for Performance Die folgende Website - genauer gesagt der Online-Shop - ist ein gutes Beispiel dafür, dass sich unsere gute Arbeit, unser regionaler Fokus sowie die langfristige Kundenbindung auszahlen: denn der Auftraggeber, die [KFZ Technik Driefer GmbH](https://www.kfz-driefer.de/) in München-Feldmoching, beauftragte uns bereits 2017 mit der Erstellung einer Website für den Kfz-Meisterbetrieb, die wir auch in den Folgejahren immer wieder mal aktualisieren mussten. Da Herr Driefer mit unserer Dienstleistung immer sehr zufrieden war, folgte nun die Beauftragung eines Online-Shops für individuelle Carbon- und Motorsportartikel. Das Shop-System basiert auf IONOS MyWebsite Now Shop Plus, mit dem wir bislang noch keine Erfahrung hatten. In Anbetracht des Umstands, dass die Designmöglichkeiten mit diesem System - im Vergleich zu den sonst von uns genutzten CMS-Systemen - relativ eingeschränkt sind, sind wir mit dem Ergebnis sehr zufrieden: [![Screenshot der Website (Online-Shop) von AeroTecRacing](https://www.muenchen-webdesign.de/wp-content/uploads/2025/12/2025-12-08-aerotecracing.com_-660x399.jpg)](https://www.aerotecracing.com/) Der Online-Shop von AeroTecRacing Bei Online-Shops müssen immer eine ganze Menge an Einstellungen vorgenommen und rechtliche Vorgaben eingehalten werden. In der engen Zusammenarbeit mit Herrn Driefer konnten wir diese Hürde jedoch sehr gut meistern. Auch hier hat die Erstellung viel Freude bereitet und wir wünschen [AeroTecRacing](https://www.aerotecracing.com/) viel Erfolg! ## Aktualisierung Datenschutzerklärung & Impressum Aufgrund der Tatsache, dass sich nach unserem letzten Newsletter-Aufruf im September 2025 ([F/X News 2025-01 | Wichtig: Impressum-Aktualisierung!](https://www.muenchen-webdesign.de/2025/09/04/f-x-news-2025-01-wichtig-impressum-aktualisierung/)) nur sehr wenige Kunden bei uns gemeldet haben, wiederholen wir diesen Hinweis nochmals im Rahmen dieses Weihnachtsgrußes. **Sie sollten sich bitte einfach bewusst sein, dass veraltete und/oder inkorrekte Angaben im Impressum oder der Datenschutzerklärung rechtliche Konsequenzen haben können** - in der Regel in Form einer Unterlassungserklärung durch mehr oder weniger seriöse Anwaltskanzleien. Wir weisen nicht aus Eigennutz daraufhin, sondern um Ihnen ein solch unangenehmes Erlebnis zu ersparen - und sehen dies darüber hinaus auch als Service am Kunden an, gemäß unserem Slogan: > **_„Wir nehmen Ihre Website persönlich!"_** **Wir empfehlen Ihnen**, dass Sie das Impressum und ganz besonders die Datenschutzerklärung auf Ihrer Website **mindestens einmal jährlich** von uns überprüfen und bei Bedarf auch aktualisieren zu lassen. Rufen Sie uns dazu ab dem 7. Januar 2025 einfach an oder [senden Sie uns eine E-Mail](mailto:franz.kohl@fx-web.de) und wir kümmern uns darum! ## Betriebsurlaub Auch wir benötigen wie jedes Jahr mal eine Pause und haben daher **vom 22. Dezember 2025 bis einschließlich 6. Januar 2026 geschlossen**. Danach geht es wieder mit neu aufgeladenem Akku frisch erholt und mit Freude an der kreativen Arbeit weiter. ## Weihnachten - Zeit für Besinnung **DANKE!** Das ist das Erste und Wichtigste, was uns beim Rückblick auf 2025 in den Sinn kommt. Ein von Herzen kommendes Dankeschön an alle unsere Kunden und Partner, sowohl die langjährigen als auch die neu hinzugekommenen - mit denen wir gewachsen sind und weiter wachsen werden. Nun ist für viele von uns endlich Zeit um etwas innezuhalten, durchzuatmen und zur Ruhe zu kommen. Zeit für Besinnung. **Wir wünschen unseren Kunden und Partnern ruhige und besinnliche Weihnachten, angenehme Feiertage und einen guten Start ins Jahr 2026!** Herzlichst Ihr Franz X. Kohl ![Portraitbild Franz X. Kohl](https://www.muenchen-webdesign.de/wp-content/uploads/2013/01/2012-05-FranzXKohl-100x100.jpg) Franz X. Kohl F/X Web Consulting --- ## F/X News 2025-01 | Wichtig: Impressum-Aktualisierung! **Source:** [https://www.muenchen-webdesign.de/2025/09/04/f-x-news-2025-01-wichtig-impressum-aktualisierung/](https://www.muenchen-webdesign.de/2025/09/04/f-x-news-2025-01-wichtig-impressum-aktualisierung/) **Date:** 2025-09-04 **Category:** Allgemein, Tipps & Tricks | **Tags:** 2025, Abmahnung, Datenschutz, Datenschutzerklärung, eRecht24, EU, EU-Streitschlichtung, Impressum, Streitbeilegungsplattform | **Keyword:** Impressum ![F/X-News - Newsletter Cover Image](https://www.muenchen-webdesign.de/wp-content/uploads/2025/08/FX-Web-Consulting_Cover_FX-News_600x291px.jpg) ## Abmahnfalle: EU stellt Streitbeilegungsplattform ein Was zunächst wie eine Erleichterung im EU-Vorschriftendschungel klingt, kann unangenehme Folgen für Shop-Betreiber haben. Wer den Hinweis auf die OS-Plattform nicht entfernt, könnte in die Falle von Abmahnern geraten. Betreiber von Websites und Onlineshops haben es schwer, in einer Fülle von Gesetzen, Verordnungen und Vorschriften den Überblick zu behalten. Schnell gerät man nicht nur ins Visier von Behörden und Gesetzeshütern, sondern auch von Abmahnern, die ein Geschäftsmodell daraus gemacht haben, vermeintlichen Mitbewerbern das Geld aus der Tasche zu ziehen. Mit der **Einstellung der EU-Online-Streitbeilegungsplattform (OS-Plattform) zum 20. Juli 2025** ergibt sich eine neue Angriffsfläche für diese Abmahner. Seit 2016 war jeder Onlineshop dazu verpflichtet, einen „leicht zugänglichen" Link zu dieser Plattform auf den Webseiten zu veröffentlichen. In der Regel findet sich der Hinweis im Impressum oder in den Allgemeinen Geschäftsbedingungen (AGB). Allerdings wurde die Streitbeilegungsplattform kaum genutzt. Es sollen EU-weit pro Jahr nur etwas 200 Fälle gewesen sein. Auch das war ein gefundenes Fressen für Abmahner, die beim Fehlen des Hinweises tätig werden konnten. Mit der Einstellung der Plattform ist dieser Hinweis aber obsolet. **Nun kann der Spieß aber umgedreht werden:** Wer den Link weiterhin auf seinen Webseiten integriert hat, läuft nun Gefahr, dass dies als Täuschung von Verbrauchern aufgefasst werden könnte, denn die OS-Plattform gibt es ja nicht mehr. ### Allgemeine Handlungsempfehlung Anwälte und Verbände raten daher, den Hinweis auf die OS-Plattform umgehend zu entfernen. „_Es könnte als irreführend angesehen werden, Verbraucher auf eine Streitbeilegungsmöglichkeit hinzuweisen, die es gar nicht mehr gibt_", [schreibt beispielsweise die Industrie- und Handelskammer Dresden](https://www.ihk.de/dresden/servicenavigation/presse-publikationen/meldungen/eu-plattform-einstellung-2025-6489474). Die IHK stellt aber auch klar, dass der Hinweis auf das deutsche Verbraucherstreitbeilegungsgesetz VSBG erhalten bleibt. Nach § 36 VSBG ist man verpflichtet auf der Webseite und in den AGB zu erklären, ob man bereit bzw. verpflichtet ist, an alternativer Streitbeilegung teilzunehmen und wenn das zutrifft, auf die zuständige Verbraucherschlichtungsstelle hinzuweisen. ### Handlungsempfehlung und Angebot F/X Web Consulting Als [eRecht24-Premium-Partner](https://www.fx-web.de/erecht24-agency) nutzt F/X Web Consulting bereits von Beginn an das rechtliche Know-How und die bewährten Praxistools von eRecht24 sowohl für unsere eigenen Webseiten als auch für die Websites unserer Kunden. Somit sollten alle unsere Kunden, welche von uns ab ca. 2016 eine Website erstellt bekamen, in etwa folgenden Passus im Impressum ihrer Website finden: **EU-Streitschlichtung** Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit: [https://ec.europa.eu/consumers/odr/](https://ec.europa.eu/consumers/odr/). Unsere E-Mail-Adresse finden Sie oben im Impressum. **Diesen Passus sollten Sie bitte vollständig entfernen bzw. von uns entfernen lassen!** Den folgenden Abschnitt sollten Sie in der Regel ebenfalls in Ihrem von uns erstellten Impressum finden: **Verbraucher­streit­beilegung / Universal­schlichtungs­stelle** Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen. **Diesen Abschnitt bitte nicht entfernen!** Sofern Sie die von uns empfohlene Aktualisierung des Impressum nicht selbst vornehmen können oder möchten und/oder eine - von uns ebenfalls sehr empfohlene - **Aktualisierung des Impressum und der Datenschutzerklärung** auf Ihrer Website oder Ihrem Online-Shop durchführen lassen möchten, **finden Sie hierzu weiter unten mehr Informationen und ein faires Festpreisangebot**. ## Festpreis-Angebot bis 31.10.2025: Aktualisierung Impressum & Datenschutzerklärung Jedes Jahr ändern sich im Bereich des Datenschutzes viele Regelungen und Links (z.B. zu den Datenschutzbestimmungen diverser Anbieter wie Google, Facebook & Co.). Aber gelegentlich ist auch eine Aktualisierung der Angaben im Impressum Ihrer Website nötig, wie Sie weiter oben ja erfahren haben. Ein Beispiel dafür: Das Telemediengesetz (TMG) wurde mittlerweile umbenannt. Seit Mitte Mai 2024 muss dies im Impressum einer Website umgesetzt werden. Somit ist ein Hinweis im Impressum auf das TMG mittlerweile eher schädlich. Es empfiehlt sich daher auf Ihren Impressums-Seiten den Hinweis „Angaben gemäß § 5 TMG" (falls vorhanden) vollständig und ersatzlos zu streichen. Allerdings gibt es auch in der Datenschutzerklärung noch Hinweise auf das TMG, weshalb diese von uns über den eRecht24-Generator vollständig neu erstellt und aktualisiert werden sollte um auch in der Datenschutzerklärung die neuesten und rechtlich sicheren Formulierungen zu nutzen. Wir empfehlen Ihnen, dass Sie das Impressum und ganz besonders die Datenschutzerklärung auf Ihrer Website mindestens einmal jährlich von uns überprüfen und bei Bedarf auch aktualisieren zu lassen. Wir bieten Ihnen **bis einschließlich 31. Oktober 2025** die Aktualisierung von Impressum und Datenschutzerklärung **zum Festpreis von 49,- EUR** (zzgl. ges. MwSt.) pro Website / Online-Shop an. [Senden Sie uns für die Beauftragung einfach eine E-Mail](mailto:franz.kohl@fx-web.de?subject=Aktualisierung Impressum und Datenschutzerklärung) mit dem Betreff „Aktualisierung Impressum und Datenschutzerklärung" und geben Sie im Nachrichtentext die Website(s) an, für welche die Aktualisierung beauftragt wird. **Hinweis**: Kunden, welche einen Servicevertrag mit uns abgeschlossen haben, sollten uns ebenfalls per E-Mail beauftragen. Sie erhalten von uns jedoch keine separate Rechnung, die Abrechnung erfolgt wie bei allen sonstigen Aufträgen auch über die Servicepauschale. **Wir kümmern uns dann zeitnah um die entsprechende Aktualisierung und benachrichtigen Sie natürlich sobald diese abgeschlossen ist.** --- ## Jahresrückblick, Datenschutz und Weihnachtsgrüße 2024 **Source:** [https://www.muenchen-webdesign.de/2024/12/23/jahresrueckblick-datenschutz-und-weihnachtsgruesse-2024/](https://www.muenchen-webdesign.de/2024/12/23/jahresrueckblick-datenschutz-und-weihnachtsgruesse-2024/) **Date:** 2024-12-23 **Category:** Allgemein, Referenzen, Unternehmens-News | **Tags:** 2024, Datenschutz, Datenschutzerklärung, DDG, Digitale-Dienste-Gesetz, Impressum, Kundenreferenzen, P.S.I. Speditions GmbH, Starke Kinder München, TDDDG, Telemediengesetz, TMG, TTDSG, Website, Weihnachten, Weihnachtsgrüße | **Keyword:** Weihnachtsgrüße 2024 [![Weihnachtsbild X-Mas mit Logo F/X Web Consulting](https://www.muenchen-webdesign.de/wp-content/uploads/2022/12/XMAS-FX-Web-Consulting.jpg)](https://www.fx-web.de) Weihnachtsgrüße von F/X Web Consulting ## Jahresrückblick 2024 ### Neue regionale Website-Projekte Einen Überblick über unsere 2024 fertiggestellten Webseiten finden Sie natürlich wie immer auf unserer Website unter [Kundenreferenzen](https://www.fx-web.de/kundenreferenzen). Hier unsere beiden Highlights: #### P.S.I. Speditions GmbH Anfang 2024 konnten wir eines der größten Website-Projekte unserer Unternehmenshistorie abschließen - den Relaunch der Website der [P.S.I. Speditions GmbH](https://www.psi-spedition.de/) in Oberschleißheim: ![Screenshot der neuen Website der P.S.I. Speditions GmbH](https://www.muenchen-webdesign.de/wp-content/uploads/2024/12/2024-01-04-psi-spedition.de-RELAUNCH-660x399.jpg) Die neue Website der P.S.I. Speditions GmbH Die vorherige Website musste aufgrund technischer Probleme völlig neu erstellt werden. Und da es sich hierbei um eine zweisprachige Website (deutsch & englisch) handelt, war der Aufwand entsprechend groß. Aber es hat sich gelohnt, denn das Design ist nun großzügiger und moderner geworden und wir konnten auch einige stilistische Elemente in Form von Piktogrammen integrieren. Das großartige Feedback des P.S.I.-Teams bei der Projektübergabe hat uns sehr gefreut! #### Starke Kinder München Etwas später im Jahr 2024 hatten wir nach längerer Pause endlich wieder die Gelegenheit eine Website im Themenbereich Kinder zu erstellen. Starke Kinder München ist ein Herzensprojekt von Tina Moser aus dem Münchner Norden: [![Screenshot der Website von Starke Kinder München](https://www.muenchen-webdesign.de/wp-content/uploads/2024/12/2024-03-22-starke-kinder-muenchen.de_-660x399.jpg)](https://starke-kinder-muenchen.de/) Die Website von Starke Kinder München Auch hier hat uns die Erstellung viel Spaß gemacht und das Feedback unserer Kundin sehr gefreut! ## Aktualisierung Ihrer Datenschutzerklärung und Impressum Jedes Jahr ändern sich im Bereich des Datenschutzes viele Regelungen und Links (z.B. zu den Datenschutzbestimmungen diverser Anbieter wie Google, Facebook & Co.). Aber gelegentlich ist auch eine Aktualisierung der Angaben im Impressum Ihrer Website nötig. **Ein Beispiel dafür:** Das Telemediengesetz (TMG) wurde mittlerweile umbenannt. Seit Mitte Mai 2024 muss dies im Impressum einer Website umgesetzt werden. Somit ist ein Hinweis im Impressum auf das TMG mittlerweile eher schädlich. Es empfiehlt sich daher auf Ihren Impressums-Seiten den Hinweis „Angaben gemäß § 5 TMG" (falls vorhanden) vollständig und ersatzlos zu streichen. Mehr Informationen dazu finden Sie unter [Das solltest du im Impressum deiner Website ändern](https://www.vgsd.de/gefahr-von-abmahnungen-das-solltest-du-jetzt-in-deinem-impressum-aendern/). **Wir empfehlen Ihnen**, dass Sie das Impressum und ganz besonders die Datenschutzerklärung auf Ihrer Website **mindestens einmal jährlich** von uns überprüfen und bei Bedarf auch aktualisieren zu lassen. Rufen Sie uns dazu ab dem 7. Januar 2025 einfach an oder [senden Sie uns eine E-Mail](mailto:anfrage@fx-web.de) und wir kümmern uns darum! ## Betriebsurlaub Auch wir benötigen mal eine Pause und haben daher vom 23. Dezember 2024 bis einschließlich 6. Januar 2025 geschlossen. Danach geht es wie immer frisch erholt und mit viel Freude an der Arbeit weiter. ## Weihnachtsgrüße 2024 Das Jahr 2024 geht zu Ende - erneut ein Jahr mit vielen Belastungen für unsere Gesellschaft. Gerade in solch schwierigen Zeiten schätzen wir all unsere Kunden und Partner, mit denen wir in den vergangenen Jahren gewachsen sind, und die uns über all die Jahre die Treue gehalten haben. **Dafür möchte ich mich bei Ihnen an dieser Stelle ganz persönlich herzlichst bedanken!** Nun ist für viele Menschen endlich Zeit um etwas innezuhalten, sich zu besinnen und zur Ruhe zu kommen. **Wir wünschen unseren Kunden und Partnern ruhige und besinnliche Weihnachten, angenehme Feiertage und einen guten Start ins Jahr 2025!** Herzlichst Ihr Franz X. Kohl ![Portraitbild Franz X. Kohl](https://www.muenchen-webdesign.de/wp-content/uploads/2013/01/2012-05-FranzXKohl-100x100.jpg) Franz X. Kohl F/X Web Consulting --- ## Relaunch: Memeti Gartenbau GmbH **Source:** [https://www.muenchen-webdesign.de/2023/12/22/relaunch-memeti-gartenbau-gmbh/](https://www.muenchen-webdesign.de/2023/12/22/relaunch-memeti-gartenbau-gmbh/) **Date:** 2023-12-22 **Category:** Referenzen, Relaunches, Unternehmens-News | **Tags:** Gartenbau, Landschaftsbau, Memeti, Relaunch, responsive, Webdesign | **Keyword:** Gartenbau ## Kundenreferenz aus der Handwerksbranche Gartenbau & Landschaftsbau Zum Jahresende 2023 freuen wir uns, euch eine Kundenreferenz aus der Branche Gartenbau & Landschaftsbau präsentieren zu dürfen. ## Der Kunde und die Vorgeschichte Wir kennen Herrn Memeti schon seit etwa 2011 als Kunde. So kamen wir auch irgendwann Anfang 2014 ins Gespräch betreffend einer professionellen Website für sein Unternehmen, welches damals noch einfach unter Gartenbau Memeti firmierte. Es gab zwar bereits eine Website, welche ein Bekannter von Herrn Memeti mal „so nebenbei" erstellt hatte, diese befand sich jedoch in einem unfertigen und völlig unprofessionellen Zustand. Zudem hatte Herr Memeti keinen Zugriff auf die Inhalte und konnte somit auch keine inhaltlichen Korrekturen vornehmen. Erschwerend kam hinzu, dass dieser Bekannte sich weigerte, die Rechte an der Domain gartenbaumemeti.de an Herrn Memeti zu übertragen. ## Das ursprüngliche Projekt Als Herr Memeti uns dann Anfang 2014 beauftragte mussten wir aus oben genannten Gründen mit einer neuen Domain beginnen - [gartenbaumemeti.info](https://www.gartenbaumemeti.info/). Die Website wurde dann von uns bereits zu diesem Zeitpunkt im Responsive Webdesign erstellt. Das war zu diesem Zeitpunkt mit dem verwendeten Worldsoft-CMS jedoch noch eine echte Herausforderung, da die Worldsoft AG die dringend für einfacheres und Standard-konformes Responsive Design benötigten Elemente (auf Basis des Bootstrap-Framework) erst in der zweiten Jahreshälfte 2014 im Worldsoft-CMS einführte. ## Die Website von Gartenbau Memeti vor dem Relaunch Hier nun ein Screenshot der Homepage von Gartenbau Memeti nach der Fertigstellung im Juni 2014: ![Screenshot der Website von Gartenbau Memeti zum Zeitpunkt der ersten Fertigstellung im Juni 2014](https://www.muenchen-webdesign.de/wp-content/uploads/2024/03/2014-06-gartenbaumemeti.de-responsive-web-design-4-screens-copyright.jpg) Die Website von Gartenbau Memeti zum Zeitpunkt der ersten Fertigstellung im Juni 2014 ## Das Relaunch-Projekt Im Frühjahr 2023 wandte sich der mittlerweile erwachsene Sohn von Herrn Memeti an uns mit dem Ziel, die Website optisch zu optimieren und auf den neuesten Stand der Technik zu bringen. Dank der zwischenzeitlich ja von der Worldsoft AG für Responsive Design optimierten Version des Worldsoft-CMS war dies auch nicht mehr mit der 2014 noch notwendigen Handarbeit und den damaligen Modifikationen „unter der Motorhaube" des CMS verbunden. Gleichzeitig wurde ab Sommer 2023 die Unternehmensumstellung von Gartenbau Memeti zu einer GmbH vorangetrieben, so dass die neue Website nun bereits diese Umstellung zur [Memeti Gartenbau GmbH](https://www.gartenbaumemeti.info/) reflektiert. Es wurden zahlreiche neue Bilder aus dem Alltag des Unternehmens sowie von Referenzprojekten zur Verfügung gestellt. Auch der Leistungskatalog wurde überarbeitet, und zudem gibt es nun eine neue Seite für Stellenangebote. Des Weiteren wurde eine State-of-the-art Cookie-Consent-Lösung integriert. ## Die neue Website von Memeti Gartenbau GmbH Hier nun ein Screenshot der neuen Website von [Memeti Gartenbau GmbH](https://www.gartenbaumemeti.info/) nach der Fertigstellung im Dezember 2023: ![Screenshot der Website von Memeti Gartenbau GmbH nach dem Relaunch im Dezember 2023](https://www.muenchen-webdesign.de/wp-content/uploads/2024/03/2023-12-20-gartenbaumemeti.info-RELAUNCH-copyright.jpg) Die Website der Memeti Gartenbau GmbH nach dem Relaunch im Dezember 2023 ## Fazit: Die Zusammenarbeit mit Herrn Memeti's Sohn war sehr konstruktiv, und wir bedanken uns an dieser Stelle für das erneute Vertrauen in die Dienstleistung von [F/X Web Consulting](https://www.fx-web.de). Nun freuen wir uns auf entspannte Urlaubstage über Weihnachten und Neujahr, und greifen dann im neuen Jahr wieder voll an. --- ## Weihnachtsgrüße 2022 **Source:** [https://www.muenchen-webdesign.de/2022/12/24/weihnachtsgruesse-2022/](https://www.muenchen-webdesign.de/2022/12/24/weihnachtsgruesse-2022/) **Date:** 2022-12-24 **Category:** Allgemein, Unternehmens-News | **Tags:** 2022, Hebamme, Kundenfeedbacks, Kundenreferenzen, Sachverständigen-Büro, Website, Weihnachten, Weihnachtsgrüße | **Keyword:** Weihnachtsgrüße ![Weihnachtsgrüße 2022 mit einem Weihnachtsbild X-Mas mit Logo F/X Web Consulting](https://www.muenchen-webdesign.de/wp-content/uploads/2022/12/XMAS-FX-Web-Consulting.jpg) Weihnachtsgrüße von F/X Web Consulting Das Jahr 2022 geht zu Ende - leider auch erneut ein Jahr mit vielen Belastungen und Besonderheiten, welche vielen Menschen Sorgen bereiten. Es war aber auch ein Jahr, in dem uns allen bewusst wurde, wie zerbrechlich unser über die Jahre erarbeiteter und wie selbstverständlich eingeschätzter Wohlstand sein kann. Erneut wurde aber auch deutlich, wie wichtig die Nähe zu unseren Mitmenschen und persönliche Kontakte zu unserem Umfeld sind - und wie wenig selbstverständlich unsere lieb gewonnenen Freiheiten sind. Gerade in solch schwierigen Zeiten schätzen wir all unsere Kunden und Partner, mit denen wir in den vergangenen Jahren gewachsen sind und die uns über all die Jahre die Treue gehalten haben. **Dafür möchte ich mich bei Ihnen an dieser Stelle ganz persönlich herzlichst bedanken!** Nun ist für viele Menschen endlich Zeit um etwas innezuhalten, sich zu besinnen und zur Ruhe zu kommen. Auch unser Unternehmen F/X Web Consulting blieb nicht von den aktuell schwierigen Bedingungen verschont. Die Akquise von Neukunden und neuen Projekten ist bedingt durch die Existenzsorgen in vielen Branchen schwer bis unmöglich geworden, so dass sich unser Geschäft dieses Jahr neben den beiden fertiggestellten Website-Projekten vor allem auf die Wartung und Modernisierung bestehender Projekte stützte. Ich bin jedoch optimistisch, dass es im nächsten Jahr wieder bergauf geht - für uns alle! ## Neue regionale Website-Projekte Den Überblick über unsere 2022 fertiggestellten Webseiten finden Sie natürlich wie immer auf unserer Website unter [Kundenreferenzen](https://www.fx-web.de/kundenreferenzen). Im Frühjahr 2022 konnten wir ein [Website-Projekt für ein Sachverständigen-Büro](https://www.muenchen-webdesign.de/2022/03/28/neue-kundenreferenz-sachverstaendigen-buero-guenther-wagner/) fertigstellen, und Mitte Dezember eine Website für eine Hebamme. ### Sachverständigen-Büro Günther Wagner [![Screenshot der Website des Sachverständigen-Büro Günther Wagner](https://www.muenchen-webdesign.de/wp-content/uploads/2022/12/2022-03-24-gutachter-muenchen.biz-copyright.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2022/12/2022-03-24-gutachter-muenchen.biz-copyright.jpg) Screenshot der Website des Sachverständigen-Büro Günther Wagner ### Hebamme Susanne Böhm [![Screenshot der Website von Hebamme Susanne Böhm](https://www.muenchen-webdesign.de/wp-content/uploads/2022/12/2022-12-17-hebamme-boehm.de-copyright.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2022/12/2022-12-17-hebamme-boehm.de-copyright.jpg) Screenshot der Website von Hebamme Susanne Böhm Sie sehen, wir decken weiterhin die unterschiedlichsten Branchen ab und sind schon neugierig, was uns das Jahr 2023 wohl an neuen Projekten oder Branchen beschert. Wir haben auch neue [Kundenfeedbacks](https://www.fx-web.de/kundenfeedbacks) erhalten, die uns sehr gefreut haben - sind diese doch eine Bestätigung für unsere Arbeit, die wir im Rahmen der mit Leidenschaft und Liebe zum Detail umgesetzten Projekte geleistet haben. ## Betriebsurlaub Auch wir benötigen mal eine Pause und haben daher vom 24. Dezember 2022 bis einschließlich 8. Januar 2023 geschlossen. Danach geht es wie immer frisch erholt und mit viel Freude und Begeisterung an der Arbeit weiter. ## Weihnachtsgrüße Ich hoffe, Sie finden über die kommenden Feiertage Zeit zum „Durchatmen", „Herunterkommen" und einfach „die Seele baumeln lassen" - sei es im Kreis der Familie, mit Freunden, oder auch einfach für sich selbst. **Ich wünsche Ihnen und all Ihren Lieben ein Frohes Weihnachtsfest, ruhige und besinnliche Feiertage, sowie ein gutes und erfolgreiches neues Jahr 2023!** Mit herzlichen & weihnachtlichen Grüßen ![Portraitbild Franz X. Kohl](https://www.muenchen-webdesign.de/wp-content/uploads/2013/01/2012-05-FranzXKohl-100x100.jpg) Franz X. Kohl F/X Web Consulting --- ## Formular-Spam und unerwünschte Nachrichten vermeiden **Source:** [https://www.muenchen-webdesign.de/2022/11/22/formular-spam-und-unerwuenschte-nachrichten-vermeiden/](https://www.muenchen-webdesign.de/2022/11/22/formular-spam-und-unerwuenschte-nachrichten-vermeiden/) **Date:** 2022-11-22 **Category:** Allgemein, Tipps & Tricks | **Tags:** Captcha, CRM, DSGVO, Formular-Spam, Formularfelder, Geo-Location, Kontaktformular, Newsletter, Recaptcha, Spam | **Keyword:** Formular-Spam ## Auslöser: Formular-Spam und unerwünschte Nachrichten Leiden Sie auch unter Formular-Spam? Betreiben Sie eine Website mit einem oder mehreren Formularen, z.B. einem Kontaktformular und einem Formular für die Registrierung für Ihren Newsletter? Erhalten Sie, wenn sich darüber jemand mit Ihnen in Verbindung setzt bzw. sich für Ihren Newsletter registriert eine Benachrichtigung per E-Mail und wird für den Vorgang automatisch ein Eintrag in Ihrem CRM-System erstellt? ![Spam-Stoppschild](https://www.muenchen-webdesign.de/wp-content/uploads/2022/12/pixabay_spam-940521_1200-660x466.jpg) Dann kennen Sie sehr wahrscheinlich auch die Thematik, dass Sie darüber - je nach Bekanntheit und Beliebtheit Ihrer Webseite - zahlreiche unerwünschte und sinnlose Nachrichten und Einträge im CRM erhalten. In unserem Fall sind dies beispielsweise meist Nachrichten aus allen Ländern der Welt mit Kooperationsangeboten für Website-Erstellung und -Programmierung, die bei uns in der Regel von Unternehmen aus Indien und USA stammen. Da wir unsere Dienstleistungen aus verschiedenen Gründen jedoch ausschließlich im deutschsprachigen Raum - primär Deutschland und Österreich, gelegentlich auch in der Schweiz - anbieten, und zudem hohen Wert auf eine qualitativ hochwertige Eigenleistung setzen, sind solche Kooperationsangebote für uns nicht von Bedeutung. Wir haben sogar oberhalb unseres Kontaktformulars extra eine englische Textpassage eingefügt die den Besucher darum bittet, von Anfragen außerhalb des deutschsprachigen Raums abzusehen - nur hält das diese Unternehmen leider nicht davon ab es trotzdem zu versuchen. Zudem erhalten wir zunehmend Nachrichten mit identischem Vornamen und Nachnamen, oder mit für uns sinnlosen englischsprachigen Angeboten im Nachrichtentext, wo alleine dadurch schon erkennbar ist, dass das Formular nicht von einem Menschen vor einem Bildschirm sondern von einer Automatik-Software (meist als Formular-Bot oder Spam-Bot bezeichnet) ausgefüllt und versendet wurde. Letztere „Anfragen" sind für uns als Unternehmen natürlich völlig nutzlos, da sich dahinter ja keinerlei Interesse an unseren Dienstleistungen verbirgt, sondern hier per Masseneintragungen versucht wird, irgendetwas zu verkaufen oder uns sogar zum Besuch von mit Schadcode verseuchten Websites zu verleiten. ## Wie kann man Formular-Spam und unerwünschte Nachrichten vermeiden? Es gibt verschiedene Methoden um die oben geschilderten, unerwünschten CRM-Einträge und Nachrichten zu vermeiden. Hier eine Liste möglicher Maßnahmen, ohne Anspruch auf Vollständigkeit. ### Versteckte Formularfelder Man integriert in das Formular ein für den menschlichen Besucher unsichtbares Formularfeld, welches nur Formular-Bots „sehen" (da diese nur den HTML-Code der Seite „lesen" und untersuchen können) - und eben auch ausfüllen. Dies macht man sich zunutze, indem man - entsprechende Programmierkenntnisse vorausgesetzt - beim Versuch, das Formular abzusenden, im Hintergrund das unsichtbare Formularfeld überprüft, und die Versendung unterbindet, wenn in diesem Feld etwas eingetragen wurde. ### Captchas Das bekannteste Captcha ist das ReCAPTCHA von Google, welches man auf vielen Formularen im Web finden kann. Hier muss der Besucher in der Regel eine Bilderfrage beantworten, indem er die passenden Kästchen aus einem Bildermosaik anklickt (z.B. alle Fahrräder im Bild). Es gibt aber auch einfachere Captchas, wo der Besucher z.B. eine einfache Rechenaufgabe korrekt lösen muss bevor das Formular abgesendet werden kann. Die meisten Formularlösungen in CMS-Systemen haben eine Captcha-Option integriert, die dann einfach genutzt werden kann. In unserem Formularsystem gibt es leider nur das ReCAPTCHA von Google. Das wäre leicht zu integrieren und hätte uns zumindest vor den Formular-Bot-Einträgen bewahrt. Allerdings gibt es schon seit Jahren immer wieder Stimmen von Internetrechts-Experten (z.B. auch [eRecht24](https://www.fx-web.de/erecht24)), die vor der Verwendung des ReCAPTCHAS aus Datenschutzgründen warnen - und werden es deshalb auch weiterhin nicht verwenden. ### Sitzungs-Kenner (Session Token) Bei dieser Methode erhält der Besucher beim Besuch der Website ein sogenanntes Session-Cookie (eine kleine Textdatei die ihn eindeutig identifiziert). Da Formular-Bots keine Cookies verwenden, kann auf der Formular-Seite so unterschieden werden, ob es sich um einen echten Besucher oder einen Bot handelt. Das Problem mit dieser Variante ist jedoch, dass ein Besucher, bevor er auf die Formularseite geht, zuerst auf mindestens einer anderen Seite der Website gewesen sein muss, damit die Cookie-Datei erzeugt werden konnte. Falls der Besucher jedoch - sei es durch einen Link in den Suchmaschinen-Resultaten oder einer E-Mail, oder weil er sich ein entsprechendes Lesezeichen im Browser gespeichert hat - direkt auf der Formularseite landet, scheitert diese Methode. Und natürlich erfordert auch dies entsprechende Programmierkenntnisse. ### Prüfung der IP-Adressen Man kann Merkmale der Formular-Bots, z.B. deren IP-Adresse, in einer eigenen Datenbank oder Datenbanktabelle speichern, und diese regelmäßig auf bestimmte Muster und Häufungen überprüfen. Erhält man beispielsweise häufig von derselben oder ähnlichen IP-Adressen Formular-Spam, kann man das Versenden des Formulars unterbinden, wenn eine IP-Adresse einem so erfassten bzw. erkannten Muster entspricht. Das Problem bei dieser Methode (zumindest innerhalb der EU): ob die Erfassung (also Speicherung über einen gewissen Zeitraum) der vollständigen IP-Adresse dem Website-Betreiber gemäß EU-DSGVO (der EU-Datenschutzgrundverordnung) gestattet ist, muss rechtlich geklärt werden. Hierfür gibt es rechtliche Vorgaben, an die sich z.B. auch die Hosting-Provider (welche immer die vollständige IP-Adresse für einen bestimmten Zeitraum speichern) halten müssen. ### Überprüfung der Geo-Location Wer sich mit IP-Adressen auskennt weiß, dass sich anhand der IP-Adresse eines Besuchers auch dessen ungefährer Standort ermitteln lässt. Die Genauigkeit der Daten entsprechender Dienste im Internet zur Abfrage des geografischen Ortes - sogenannte Geo-Location-Services - unterscheiden sich jedoch je nach Anbieter. Dies gilt ganz besonders für Dienste, welche kostenfrei angeboten werden. Möchte man wie wir Interessenten außerhalb unserer Kundenzielgruppe aus deutschsprachigen Ländern am Absenden unserer Formulare hindern, reicht die Genauigkeit auf Landesebene jedoch aus. Entscheidend ist, dass sich die Daten nicht nur wie bei den meisten Anbietern per Eingabemaske sondern programmgesteuert als Web Service ansteuern und abfragen lassen. Wir haben uns nach längerer Suche und diversen Tests für die kostenfreie Lösung von [ipinfo.io](https://ipinfo.io/) entschieden. Zwar stimmte bei den meisten unserer Testabfragen die Angabe des Ortes nicht (es wurde meistens „Dortmund" statt „München" angezeigt), aber für unseren Zweck, also die Abfrage des Herkunftslandes (Deutschland, Österreich, Schweiz) genügt dieser Web Service unseren Anforderungen. Und für den Fall, dass der Web Service einmal nicht funktionieren oder verfügbar sein sollte, und somit das Land nicht ermittelt werden kann, lassen wir natürlich den Versand des Formulars zu. ## Die beste Lösung: eine Kombination von mehreren Methoden Wie bereits erläutert, ist kaum eine der zuvor beschriebenen Methoden hundertprozentig zuverlässig - dies gilt insbesondere dann, wenn man lediglich auf kostenfreie Lösungen zurückgreifen möchte. In diesem Fall bleibt nur noch eine Lösung: man kombiniert mehrere der oben beschriebenen Lösungen und erhöht damit die Wahrscheinlichkeit dafür, dass ein Formular- oder Spam-Bot am Versenden des Formulars gehindert wird. Wir selbst nutzen aktuell versteckte Formularfelder in Kombination mit der Überprüfung der Geo-Location zur Abwehr von Formular-Spam. In einem Folge-Artikel werden wir die Integration dieser beiden Methoden gegen Formular-Spam und unerwünschte Nachrichten näher erläutern und dann hier auch entsprechend verlinken. --- ## Neue Kundenreferenz: Sachverständigen-Büro Günther Wagner **Source:** [https://www.muenchen-webdesign.de/2022/03/28/neue-kundenreferenz-sachverstaendigen-buero-guenther-wagner/](https://www.muenchen-webdesign.de/2022/03/28/neue-kundenreferenz-sachverstaendigen-buero-guenther-wagner/) **Date:** 2022-03-28 **Category:** Referenzen, Responsive Webdesign, Tipps & Tricks, Unternehmens-News | **Tags:** Kundenreferenz, OnePager, Referenz, Responsive Design, Sachverständigen-Büro, Sachverständiger | **Keyword:** Sachverständigen-Büro Wir freuen uns sehr, dass wir heute wieder über eine neue Website-Kundenreferenz für einen Kunden aus der Handwerksbranche - dem [Sachverständigen-Büro Günther Wagner](https://www.gutachter-muenchen.biz/) in München - berichten können. ## Der Kunde Günther Wagner ist nicht nur ein Sachverständiger, sondern darüber hinaus auch Inhaber der [Spenglerei und Dachdeckerei Wagner](https://www.dachdecker-muenchen.info) in München-Moosach. Wir durften bereits 2015 die neue Website für dieses Unternehmen, die Günther und Eduard Wagner GbR, erstellen. Sechs Jahre später beauftragte Herr Wagner uns nun auch seine Website für sein Sachverständigen-Büro zu erstellen, was uns natürlich sehr gefreut hat. ## Das Projekt Als uns Herr Wagner zu Beginn skizzierte, in welche Richtung das Design gehen und welche Inhalte dargestellt werden sollten, hatten wir sofort die zündenden Idee: das war 10 Jahre nach unserer Unternehmensgründung 2012 endlich die Gelegenheit für uns, zum ersten Mal eine **OnePager-Website** für einen Kunden zu erstellen! Als OnePager werden Websites bezeichnet, die im Single Page Webdesign dargestellt werden, wo also die Nutz-Inhalte auf einer einzigen HTML-Seite präsentiert werden. Der Inhalt dieser Website wird somit auf dieser einen Seite vertikal aufgebaut. Nur die rechtlichen Pflicht-Seiten, also Impressum und Datenschutzerklärung, erhalten eigenständige Inhaltsseiten. Um bei OnePagern einzelne Bereiche voneinander abzugrenzen, werden grafische Elemente benutzt. Anders als bei Webseiten mit Unterseiten, wird die Struktur in der Regel über sogenannten Sektionen und Sprungmarken erreicht, die man über die Menüpunkte aus der Navigation direkt „anspringen" kann. Was das „Anspringen" etwas kniffliger macht kam auch hier zum Tragen: ein fixer, feststehender Bereich (hier die Navigationsleiste). Denn der „Sprungmechanismus" in HTML berücksichtigt solche fixen Elemente nicht bzw. „weiß nichts davon". Hier hat man dann grundsätzlich zwei Möglichkeiten: entweder man setzt einen eigenen Event-Handler ein (der meist mit JavaScript realisiert wird), der das „Springen" (Scrollen) zur richtigen Position realisiert, oder man setzt die Sprungziele (Anker) an Stellen im HTML-Code, welche den zusätzlich notwendigen Abstand zum oberen Bildschirmrand realisieren. Eine weitere Besonderheit dieser Website, die auch wir erstmalig zum Einsatz gebracht haben - die Website hat insgesamt drei feststehende Bereiche: die Kopfleiste, die Fußleiste, und die Navigationsleiste auf der linken Seite. ## Die Website des Sachverständigen-Büro Günther Wagner Das vollflächige Hintergrundbild der Website stammt - wie schon auf der Website für die Spenglerei und Dachdeckerei - vom Unternehmer selbst. Wir waren uns beim ersten Blick darauf einig, dass dieses Bild stimmig zum Website-Design und zum Thema passt. [![Screenshot der Website des Sachverständigen-Büro Günther Wagner](https://www.muenchen-webdesign.de/wp-content/uploads/2022/12/2022-03-24-gutachter-muenchen.biz-copyright.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2022/12/2022-03-24-gutachter-muenchen.biz-copyright.jpg) Screenshot der Website des Sachverständigen-Büro Günther Wagner ## Fazit Die fixe Navigationsleiste für das Responsive Design zu gestalten war eine kleine Herausforderung, die uns aber wie immer bei solchen technischen Kniffen viel Spaß bereitet hat. Wir hatten erneut eine tolle und konstruktive Zusammenarbeit mit unserem Kunden Günther Wagner und seiner Frau Helga, und möchten uns an dieser Stelle auch nochmals herzlichst dafür bei den beiden bedanken! --- ## Firmenjubiläum: 10 Jahre F/X Web Consulting! **Source:** [https://www.muenchen-webdesign.de/2022/02/01/firmenjubilaeum-10-jahre-fx-web-consulting/](https://www.muenchen-webdesign.de/2022/02/01/firmenjubilaeum-10-jahre-fx-web-consulting/) **Date:** 2022-02-01 **Category:** Unternehmens-News | **Tags:** 10 Jahre, F/X Web Consulting, Firmenjubiläum, Internetagentur, Jubiläum, Kundenfeedbacks, Kundenreferenzen, München, Partner, Webagentur | **Keyword:** Firmenjubiläum ## Wir feiern 10-jähriges Firmenjubiläum Unfassbar, wie schnell doch die Zeit vergeht... denn tatsächlich feiert die Münchner Internetagentur [F/X Web Consulting](https://www.fx-web.de) am 1. Februar 2022 ihr **10-jähriges Firmenjubiläum**! Wir blicken zurück auf zehn spannende, kreative, erlebnisreiche und erfolgreiche Jahre. ![Jubiläum - 10 Jahre F/X Web Consulting](https://www.muenchen-webdesign.de/wp-content/uploads/2022/02/2022-02-01-fx-web-de-fb-opengraph-link-post-1200x627-Jubilaeum-10-Jahre-FX-Web-Consulting.jpg) Firmenjubiläum - 10 Jahre F/X Web Consulting ## Kleiner Rückblick Seit der **Firmengründung am 01.02.2012** ist viel passiert - hier ein paar Daten & Fakten: - Gründung: 01.02.2012 - Facebook-Fanseite publiziert: 25.04.2012 - Unternehmens-Blog veröffentlicht: 01.09.2012 (erster Blog-Beitrag: [Servus München!](https://www.muenchen-webdesign.de/2012/09/01/servus-muenchen/)) - Google+ Seite publiziert: 06.06.2013 (G+ gibt es nicht mehr) - XING Unternehmensseite publiziert: 15.08.2013 - LinkedIn-Seite publiziert: 16.12.2017 - Redesign & Relaunch [www.fx-web.de](https://www.fx-web.de/): 22.12.2017 (Blog-Beitrag: [Redesign & Relaunch: F/X Web Consulting...](https://www.muenchen-webdesign.de/2018/01/12/redesign-relaunch-fx-web-consulting-internetagentur-muenchen/)) - Erstellte Kunden-Websites (Stand 31.01.2022): 44 - Erstellte Online-Shops: 2 - Kunden (alle Dienstleistungen): >60 - Getrunkene Tassen Kaffee: unzählbar... - Mit Photoshop bearbeitete Bilder: unzählbar... - Firmenjubiläum 10-Jahre F/X Web Consulting: 01.02.2022 ## Zeitreise Wer einmal die **Design-Entwicklung unserer eigenen Website** nachverfolgen möchte, kann dies übrigens ganz leicht über die **Wayback Machine** tun - die älteste Version unserer Website dort stammt vom [27. September 2011](https://web.archive.org/web/20110927222618/http://www.fx-web.de/)! ## Highlights Die professionellen Ergebnisse unserer Arbeit und die zunehmende Expertise in all diesen Jahren lässt sich am einfachsten über unsere [Kundenreferenzen](https://www.fx-web.de/kundenreferenzen) aufzeigen, die wir chronologisch auf unserer Website auflisten. Und was uns in diesen Jahren ebenfalls immer wieder riesig gefreut hat, waren **das Lob und die Zufriedenheit unserer Kunden** - belegt durch die zahlreichen [Kundenfeedbacks auf unserer Website](https://www.fx-web.de/kundenfeedbacks), aber auch die Stand heute insgesamt [19 Google-Bewertungen mit 5-Sternen](https://www.google.de/search?num=40&source=hp&ei=CmzbWuP4LIPSwAKx0K3gCg&q=f%2Fx+web+consulting&oq=f%2Fx+web+consulting&gs_l=psy-ab.3..0i22i30k1j38.636.3564.0.4232.19.17.0.1.1.0.148.1401.12j4.16.0....0...1c..64.psy-ab..2.17.1407.0..0j0i22i10i30k1.0.wolbAXpanZ0#lrd=0x479e76d1cf4206bb:0x30c6b1b1da2ca75a,1,,,). ![Zum 10-jährigen Firmenjubiläum: F/X Web Consulting in der Google Suche](https://www.muenchen-webdesign.de/wp-content/uploads/2022/01/2022-02-01-FX-Web-Consulting-in-der-Google-Suche.jpg) Zum 10-jährigen Firmenjubiläum: F/X Web Consulting in der Google Suche Wir sind im Laufe der Jahre auch einige Kooperationen mit [Partnern](https://www.fx-web.de/partner) eingegangen, von denen **unsere Kunden profitieren** - unter anderem mit [eRecht24](https://www.fx-web.de/erecht24) (für rechtssichere Websites), mit der [IT-Recht Kanzlei München](https://www.fx-web.de/it-recht-kanzlei) (für rechtssichere Online-Shops) und zuletzt mit [Usercentrics](https://www.fx-web.de/usercentrics-de) (DSGVO-konforme Consent-Management-Lösungen). ## Ausblick Wir werden weiterhin wie gewohnt für unsere bestehenden und künftigen Kunden unser Spektrum an Dienstleistungen **in höchster Qualität** und **im wertschätzenden Dialog** erbringen. Das hat sich die vergangenen 10 Jahre bewährt und wird dementsprechend auch so fortgeführt. Änderungen stehen natürlich trotzdem an - nicht nur (aber auch) weil sich der Markt immer weiterentwickelt, die Kunden (noch) anspruchsvoller werden, und weil **neue Technologien und Trends** verfügbar werden, die beherrscht und umgesetzt werden wollen. Wir planen beispielsweise die **Umstellung auf ein anderes Newsletter-System**, um künftig mit einem moderneren und leichter bedienbaren System unsere Kunden und Interessenten öfter und zuverlässiger als bisher mit wichtigen und interessanten Informationen zu versorgen. Ebenfalls in der Überlegung ist der **strategische Wechsel** zu einem anderen CMS-System - denn das bisher bei 95 % unserer Kunden zum Einsatz gekommene CMS wird voraussichtlich nicht mehr modernisiert, und das Nachfolgesystem des Anbieters überzeugt uns nicht genug um künftig darauf zu setzen. Die nächsten Monate werden zeigen, wohin die CMS-Reise gehen wird... **Wir bedanken uns an dieser Stelle bei allen unseren Kunden**, und natürlich ganz besonders bei jenen Kunden, die uns bis heute die Treue gehalten haben und weiterhin gerne auf unsere Dienstleistungen zurückgreifen! Ebenfalls bedanken möchten wir uns bei unseren treuen Lesern unseres Unternehmens-Blogs, [www.muenchen-webdesign.de](https://www.muenchen-webdesign.de/), und natürlich auch bei unseren Fans auf den verschiedenen Social Media Plattformen wie z.B. auf unserer [Facebook-Fanseite](https://www.facebook.com/FXWebConsulting). Wir freuen uns auch schon sehr auf die nächsten 10 Jahre - auf dass wir am 01.02.2032 erneut ein Firmenjubiläum begehen können! --- ## Newsletter **Source:** [https://www.muenchen-webdesign.de/newsletter/](https://www.muenchen-webdesign.de/newsletter/) **Date:** 2022-01-28 Vorname oder ganzer Name Email Indem Du fortfährst, akzeptierst Du unsere Datenschutzerklärung. --- ## Fragenkatalog für Website-Angebote & Website-Aufträge **Source:** [https://www.muenchen-webdesign.de/2021/08/09/fragenkatalog-fuer-website-angebote-und-website-auftraege/](https://www.muenchen-webdesign.de/2021/08/09/fragenkatalog-fuer-website-angebote-und-website-auftraege/) **Date:** 2021-08-09 **Category:** Allgemein, Tipps & Tricks | **Tags:** Angebot, Angebotserstellung, Antworten, Auftrag, Fragen, Fragenkatalog, Homepage, Webseite, Website | **Keyword:** Fragenkatalog für Website ![Schreibtisch mit Tablet und verschiedenen Zeichen- und Mal-Werkzeugen - Symbolische Darstellung für den Fragenkatalog für Website-Angebote](https://www.muenchen-webdesign.de/wp-content/uploads/2021/08/2021-08-09-Beitragsbild-pexels-und-fragezeichen.jpg) **Frage**: Wozu benötigt man einen Fragenkatalog für Website-Angebote? **Antwort**: Eine Website - egal ob Image-Website oder Online-Shop - kauft man nicht „mal so nebenbei". Und ein bewährter Fragenkatalog hilft enorm dabei im Vorfeld bei der Planung nichts wichtiges zu vergessen. Jede Website ist anders - und sollte es auch sein, um Ihrem Unternehmen einen individuellen Charakter zu geben. Zwar soll jede Website letztendlich eine Idee (Dienstleistungen, Produkte) erfolgreich verkaufen, aber die Ansprüche und Wunschvorstellungen der Unternehmen sind natürlich unterschiedlich. **Was haben Sie sich vorgestellt?** Die unten stehenden Fragen helfen Ihnen bei der Planung - und uns bei der Angebotskalkulation für Ihre neue Website. Nehmen Sie sich bitte Zeit für die Beantwortung und schriftliche Erfassung. Damit ersparen Sie sich selbst und uns später aufwändige Änderungen und Kostenabweichungen. ## Was genau wünschen Sie sich von uns? Beispiele: - Die digitale Umsetzung einer Website, die Sie schon ganz klar vor Augen haben. - Oder die Entwicklung einer Website inkl. Konzept und Design, die Ihr Business optimal darstellt? - Optimierungs-Tipps für eine bestehende Website? Oder etwas ganz anderes? ## Was ist das Ziel (Sinn und Zweck) Ihrer neuen Website? Eine vollständige Image-Website zur Vermarktung Ihrer Marke und Ihres Unternehmens? Gezielte Bewerbung einzelner Dienstleistungen/Produkte? ## Wer ist Ihre Zielgruppe? Kleiner Tipp: „Alle" ist in der Regel keine Zielgruppe. Richtet sich Ihre Website an Privatkunden oder Geschäftskunden? An Frauen oder Männer? Alter? Länder? Sprachen? ## Struktur und Umfang der Website Welche Menüstruktur bzw. wie viele Unterseiten soll Ihre Website ungefähr haben? Oder hatten Sie an einen sog. „Onepager" gedacht (alle Rubriken - außer Datenschutzerklärung und Impressum - werden untereinander auf nur einer Seite dargestellt)? ## Gibt es bereits einen Hosting-Vertrag? Wenn ja, mit welchem Anbieter (z.B. IONOS, Strato, Domainfactory, Hetzner, ...)? Wenn nein, gibt es Ihrerseits Präferenzen für einen bestimmten Hosting-Anbieter? ## Besitzen Sie bereits eine oder mehrere Domains? Falls ja, und falls diese bereits bei einem Hosting-Anbieter „geparkt" ist/sind, empfiehlt es sich oft dort auch das Hosting zu nutzen bzw. zu beauftragen. Soll die Domain (wenn vorhanden) auch als E-Mail-Adresse genutzt werden? Falls der Domain-Name recht lang ist, empfiehlt es sich u.U. eine eigene (kürzere) Domain für die E-Mail-Kommunikation zu verwenden. Schließlich muss die E-Mail-Adresse ja auch noch auf die Visitenkarte passen... ## Müssen auch E-Mail-Postfächer eingerichtet werden? Gerade bei neuen Unternehmen bzw. Startups muss zu Beginn auch eine E-Mail-Infrastruktur eingerichtet werden, denn eine Nutzung von Freemail-Adressen (GMX, Hotmail, etc.) wird im kommerziellen Umfeld eher als unseriös angesehen. ## Gibt es bereits ein Logo und/oder eine Corporate Identity (CI)? Für die Entwicklung einer CI und professionellen Logos (und Print-Produkten wie Visitenkarten, Briefpapier, etc.) arbeiten wir mit erfahrenen Grafikdesigner aus unserer Region zusammen, die wir Ihnen guten Gewissens empfehlen können. ## Wie wichtig ist die Auffindbarkeit über Suchmaschinen? Bei Unternehmensgründungen und neuen Websites dauert es in der Regel etwas, bis diese von Google & Co. indiziert werden. Wir beraten Sie gerne dazu, wie dieser Prozess beschleunigt werden kann. Sie müssen sich jedoch im Vorfeld überlegen, zu welchen Suchbegriffen Ihre Website in den Suchresultaten bevorzugt gelistet werden soll. Überlegen Sie sich dazu mindestens drei Begriffe oder Phrasen, mit denen Ihre potentiellen Kunden Ihre Dienstleistung oder Ihre Produkte suchen werden. ## Verfassen Sie die Texte für die Website selbst? Nicht jeder von uns ist zum Schriftsteller geboren. Und Texte von vergleichbaren Webseiten zu kopieren kann böse ins Auge gehen - nicht nur aus Copyright-Gründen, sondern auch weil die Suchmaschinen heute so „schlau" sind, dass sie solche kopierten Texte erkennen, und Sie dann mit einer schlechten Positionierung in den Suchresultaten „bestrafen". Planen Sie die Erstellungszeit für die Texte in Ihren Zeitplan für die Website-Erstellung mit ein, und wenden Sie sich im Zweifelsfall an entsprechende Textagenturen. ## Haben Sie bereits ein Impressum und eine Datenschutzerklärung? Jede kommerzielle Website benötigt ein Impressum und eine Datenschutzerklärung. Wir bieten Ihnen hierzu maßgeschneiderte Texte an, die wir als Premium-Agenturpartner von eRecht24 mit Hilfe deren Generatoren individuell für Ihre Website erstellen. Wir können dafür jedoch keine Haftung übernehmen, da wir keine Juristen sind. Wir empfehlen daher, die von uns so erstellten Seiten von einem Anwalt für Internetrecht prüfen zu lassen. ## Planen Sie Videodateien in Ihre Website einzubinden? Falls ja, sollten wir im Vorfeld wissen, wie viele Videos eingebunden werden sollen, ob diese als eigene Videodateien vorliegen oder von einer anderen Website (z.B. YouTube) eingebettet werden sollen, und wie viele Videos ggf. auf einer einzelnen Inhaltsseite angezeigt werden sollen. Denn davon hängt ab, wie wir die Videos einbinden und wie viel Aufwand zu leisten ist - eine Vorstellung davon, wieviel es dabei zu beachten gibt, erhalten Sie in einem früheren Artikel von uns zu diesem Thema: [HTML5 Video einbinden - Browser-unabhängig - Schritt-für-Schritt Anleitung](https://www.muenchen-webdesign.de/2013/12/24/html5-video-browser-unabhaengig-in-der-eigenen-website-integrieren/) ## Haben Sie bereits Fotos für die Website, die für kommerzielle Zwecke verwendet werden dürfen? Planen Sie ein Foto-Shooting mit einer Foto- oder Werbeagentur, oder soll Bildmaterial von Bilddatenbanken verwendet und/oder eingekauft werden? Einfachere Foto-Shooting-Aufträge können wir gerne mit anbieten. Für höhere Ansprüche (insbesondere Produkt-/Objekt-Fotografie) empfehlen wir Ihnen entsprechende Profis, und können auch hierbei Empfehlungen geben. ## Planen Sie, direkt über Ihre Website etwas zu verkaufen? Wenn ja, was? Denn je nach Anzahl der Produkte oder Dienstleistungen, die online verkauft werden sollen, empfiehlt es sich einen eigenen Online-Shop einrichten zu lassen. Hierfür haben wir einen eigenen [Fragenkatalog speziell für die Erstellung von Online-Shops erstellt](https://www.fx-web.de/faq-fragenkatalog-online-shop). ## Hätten Sie gerne ein Kontaktformular auf Ihrer Website? Hier wäre zu klären, welche Angabe darüber abgefragt und welche Eingaben ermöglicht werden sollen (z.B. vorgefertigte Fragen). ## Werden Sie sich nach der Veröffentlichung um die inhaltliche Pflege der Website kümmern? Falls ja: benötigen Sie nach Fertigstellung der Website von uns eine Einführung hinsichtlich der Verwaltung der Website mit dem gewählten Content Management System (CMS), z.B. WordPress? Haben Sie Beispiele für Websites, die Ihnen vom Design und den Funktionen her gefallen? Oder gibt es ggf. ein fertiges, meist von einer Marketing-Agentur vorgegebenen Design? Dann geben Sie uns bitte mindestens 2-3 Website-Beispiele deren Designs und Funktionalität Ihnen gefallen (jeweils mit Angaben dazu, was Ihnen konkret gefällt), bzw. senden Sie uns das vorgegebene Design zu. Erst dann können wir für eine Angebotserstellung abschätzen, wie viel Aufwand unsererseits für die Designerstellung notwendig sein wird. ## Wie sieht Ihr Zeitplan aus? Wir sind mal mehr und mal weniger stark ausgelastet. Damit wir Ihnen eine zuverlässige Angabe für die Projektfertigstellung geben können, benötigen wir die Antworten auf obige Fragen, aber natürlich müssen wir auch Ihre Zeitvorstellungen kennen. ## Sonstige Fragen oder Wünsche? Obiger Fragenkatalog für Website-Angebote erhebt natürlich keinen Anspruch auf Vollständigkeit, dazu ist das Website-Business wie auch die Anforderungen und Wünsche der Kunden zu komplex. Falls Sie also noch eine Frage oder einen Wunsch haben, den wir mit unseren Fragen oben nicht erfasst haben, dann lassen Sie es uns bitte wissen. Wir werden den Fragenkatalog für Website-Angebote dann gerne aktualisieren. --- ## MEGAmäßig: Cloud-Speicher & Kommunikationslösung von MEGA **Source:** [https://www.muenchen-webdesign.de/2020/03/14/megamaessig-cloud-speicher-kommunikationsloesung-von-mega/](https://www.muenchen-webdesign.de/2020/03/14/megamaessig-cloud-speicher-kommunikationsloesung-von-mega/) **Date:** 2020-03-14 **Category:** Tipps & Tricks, Tools | **Tags:** 2020, Backup, Chat, Cloud, Cloud-Backup, Cloud-Speicher, Cloud-Synchronisierung, Dateisicherung, Dateisynchronisierung, MEGA, MEGAchat, MEGAsync | **Keyword:** Cloud-Speicher ## MEGAzufrieden - Cloud-Speicher vom Feinsten [![Logo MEGA mit Schriftzug MEGA - Cloud-Speicher vom Feinsten](https://www.muenchen-webdesign.de/wp-content/uploads/2020/03/Logo-MEGA-Icon-und-Schriftzug-300x98.png)](https://www.fx-web.de/mega-startseite) Wir hatten hier auf unserem Blog ja schon einmal über unsere früheren Lösungen zum Synchronisieren von Dateien zwischen verschiedenen Computern berichtet (siehe unseren Artikel von 2013: [Endlich ein Ersatz: Alternative zu Windows Live Mesh!](https://www.muenchen-webdesign.de/2013/03/16/endlich-ein-ersatz-alternative-zu-windows-live-mesh/)). Zu dieser Zeit gab es auch bereits andere Cloud-Speicher wie die von Microsoft OneDrive, Google Drive, Dropbox & Co. - nur konnte mich damals keine der zugehörigen Synchronisations-Clients überzeugen. Im gleichen Artikel hatten wir über die Jahre (2017, 2018 und 2019) immer wieder kleine Updates zu den zwischenzeitlichen Veränderungen eingepflegt. 2017 mussten wir ja von Cubby auf MEGA wechseln, da LogMeIn ja Ende 2016 angekündigt hatte, dass es den Service im April 2017 einstellen wird. **Soviel vorneweg:** was ich 2018 geschrieben hatte gilt nach wie vor. Wir sind MEGAmäßig zufrieden mit dem Service von MEGA und den Möglichkeiten die uns dort zur Verfügung stehen. Da wir gerne unseren Kunden, Partnern und Blog-Lesern Empfehlungen geben ist es nun an der Zeit hier etwas mehr über MEGA und seine Vorzüge zu schreiben. ## Wer oder was ist MEGA? MEGA Limited wurde in Neuseeland gegründet und ist dort beheimatet. Es gibt jedoch auch Büros in Spanien und Portugal, und es gibt eine EU-Niederlassung in Luxemburg. Der Name des Unternehmens ist ein rekursives Akronym und steht für **M**ega **E**ncrypted **G**lobal **A**ccess. Das Unternehmen bietet einen **zuverlässigen und sicheren Cloud-Speicher** (Online-Speicher) mit **schneller Datenübertragung** und **durchgehender** **Verschlüsselung** (eine sogenannte (End-to-End-Verschlüsselung). Darüber hinaus gibt es auch eine Lösung zum **einfachen Nachrichten- und Dateiaustausch** sowie **qualitativ hochwertige Audio-/Videokonferenzen** mit dem Ende-zu-Ende-verschlüsselten **MEGAchat**. ## Was bietet MEGA? MEGA kann im einfachsten Fall einfach über einen der gängigen Browser (inkl. Microsoft Edge) genutzt werden. Mit Hilfe entsprechender **Browser-Erweiterungen** (Extensions) **für Firefox, Chrome und Opera** können die Lade- und Download-Zeiten noch weiter beschleunigt und der Datentransfer noch sicherer gestaltet werden. Diese Erweiterungen können ganz einfach aus dem jeweiligen Browser heraus in den zugehörigen App- bzw. Extension-Stores gesucht und installiert werden. Über entsprechende [Apps für den Desktop](https://www.fx-web.de/mega-desktop-apps-sync) (Windows, Mac, Linux) werden Dateien kontinuierlich auf verschiedensten Geräten mit verschiedensten Betriebssystemen synchron gehalten (**MEGAsync** - siehe Screenshot). [![Screenshot MEGAsync-Client](https://www.muenchen-webdesign.de/wp-content/uploads/2020/03/Screenshot-MEGAsync-Client.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2020/03/Screenshot-MEGAsync-Client.jpg) Der MEGAsync-Client (für Originalgröße klicken) Eine [UWP-App für Windows 10](https://www.fx-web.de/mega-uwp-app) sowie [Mobile Apps in den Stores für Apple iPhone und Android Smartphones](https://www.fx-web.de/mega-mobile-apps) erhöhen den Komfort im Umgang mit den MEGA-Funktionen und den Daten zusätzlich. Hier einige der **Highlights** des Angebots von MEGA: - Automatische Synchronisierung - Durchgehende Verschlüsselung - Dateiversionierung - Sicherer Echtzeitnachrichtenaustausch per Chat oder Video- und Audiokonferenzen - Dokumentenfreigabe (z.B. an Ihre Kunden) - Dokumentenempfang (z.B. von Ihren Lieferanten oder Kooperationspartnern) - Verschiedene Tarifpläne für den [persönlichen Bedarf](https://www.fx-web.de/mega-pro) oder den [Business-Bedarf](https://www.fx-web.de/mega-business) - Benutzerverwaltung (nur Business-Accounts) Selbstverständlich erfüllt MEGA Limited auch **alle Anforderungen der EU-DSGVO**. Sowohl die Browser-Oberfläche wie auch die Apps können **auf Deutsch** eingestellt werden. Ein echtes Killer-Argument und Highlight für MEGA bzw. den MEGAsync-Client ist die Tatsache, dass hier - im Gegensatz zu beispielsweise Microsoft OneDrive - jedes beliebige Verzeichnis auf der eigenen Festplatte synchronisiert werden kann, egal wo es sich befindet. OneDrive hingegen „zwingt" den Anwender dazu das OneDrive-Verzeichnis im eigenen User-Verzeichnis anzulegen - was dann auch bedeutet, dass zu synchronisierende Dateien dort explizit abgelegt werden müssen. Damit „sabotiert" Microsoft sein eigenes, schon mit Windows XP eingeführtes Konzept der Anwender-Bibliotheken (Dokumente, Downloads, Musik, etc.) - für mich ein absolutes No-Go. Wie die Synchronisierungs-Clients der anderen Anbieter (Dropbox, Google Drive, etc.) dies handhaben werde ich mir bei Gelegenheit auch mal ansehen. ## Wie nutzen wir den Cloud-Speicher und die Dienste von MEGA? F/X Web Consulting nutzt den Cloud-Speicher seit Anfang 2017 sowohl für den **Cloud-Backup der Geschäftsdaten** und gleichzeitig für die **Synchronisation der Daten über verschiedene Endgeräte** hinweg. Mit Endgeräten sind in unserem Fall Desktop-Rechner und Notebooks (jeweils auf Basis Windows 10) sowie Android Smartphones (Samsung Galaxy) gemeint. Selbstverständlich sind unserer Endgeräte DSGVO-konform konfiguriert und mit den aktuellsten Sicherheitsstandards abgesichert (z.B. Bitlocker-Festplattenverschlüsselung, Login mit PIN bzw. Windows Hello). Passwörter sind zudem in einer Passwortmanager-Lösung nochmals extra verschlüsselt erfasst - zu dieser Lösung schreibe ich bei Gelegenheit noch einen extra Artikel. Zusätzlich zur Nutzung des Cloud-Speicher setzen wir seit kurzem auch die Lösung von MEGA zum **einfachen Nachrichten- und Dateiaustausch** sowie **qualitativ hochwertige Audio-/Videokonferenzen** mit dem Ende-zu-Ende-verschlüsselten **MEGAchat** ein. Auf unserer Unternehmens-Website ist dies nur durch den neu hinzugekommenen, recht unaufdringlichen [Chat beginnen](https://www.fx-web.de/mega-chat-beginnen)-Link im „Ihr Ansprechpartner"-Sidebar-Widget erkennbar: ![Screenshot Chat beginnen von www.fx-web.de](https://www.muenchen-webdesign.de/wp-content/uploads/2020/03/Screenshot-Chat-beginnen-MEGAchat.jpg) Screenshot: neuer „Chat beginnen"-Link **Ich bin schon sehr gespannt** ob diese neue Kommunikationsmethode von unseren Website-Besuchern und Interessenten genutzt werden wird. ## MEGAüberraschung - doppelt hält länger In Zeiten, in denen alles nur teurer wird oder manchmal auch zum gleichen Preis Leistungen entfallen, war es eine echte MEGA-Überraschung (und ein tolles Weihnachtsgeschenk), als MEGA [am 16. Dezember auf ihrem Blog](https://web.archive.org/web/20240618100449/https://blog.mega.io/festivities-come-early-double-the-value-for-money-at-mega) ankündigten, dass ab sofort bei allen Bezahl-Tarifen die zur Verfügung stehende **Größe des Cloud-Speicher verdoppelt wird!** Als ich kurz darauf in meiner MEGA Desktop App nachgesehen habe war es bereits geschehen - seither habe ich 400 GB anstelle der 200 GB zur Verfügung. **Erstklassig, zwei Daumen hoch!** Diese Aktion kam auch gerade zur rechten Zeit, denn ich hatte bereits ca. 190 GB meiner 200 GB genutzt, und hätte somit spätestens bei der nächsten Verlängerung im Januar 2020 den nächst höheren Tarifplan buchen müssen... ## Was kostet MEGA Cloud-Speicher inkl. Datensynchronisation und MEGAchat? Los geht's (Stand März 2020) bereits **ab 4,99 EUR pro Monat** im Tarif PRO Lite mit sage und schreibe **400 GB Cloud-Speicher!** Diese Speichermenge dürfte für kleine Unternehmen wie F/X Web Consulting in der Regel locker reichen (sofern man nicht z.B. Architekt ist und dort komplexe CAD-Pläne über viele Jahre ablegt). Und die (bei jährlicher Zahlweise) etwa 60 EUR pro Jahr sind meines Erachtens nach ein sehr fairer Preis und wirklich gut angelegt. ## Fazit Ich bin also seit gut drei Jahren hochzufrieden mit dem Cloud-Speicher und den weiteren Möglichkeiten von MEGA. Die Sicherheit Ihrer Firmendaten und -Kommunikation liegt Ihnen ebenso am Herzen wie uns? Dann sollten Sie ebenfalls mit den Lösungen von MEGA die Risiken der Cloudnutzung minimieren. Millionen Menschen vertrauen MEGA bereits einige Milliarden Dateien zur Speicherung in deren hochmoderner Infrastruktur an. Möchten Sie ebenfalls Ihre Daten **mit einem der sichersten Cloud- und Kommunikationsdienstleister unserer Zeit** schützen? Dann können Sie sich [hier über das Angebot von MEGA informieren](https://www.fx-web.de/mega-startseite). --- ## Worldsoft E-Mail: Postfach-Einrichtung in Mail-Programmen **Source:** [https://www.muenchen-webdesign.de/2020/02/29/worldsoft-e-mail-postfach-einrichtung-in-mail-programmen/](https://www.muenchen-webdesign.de/2020/02/29/worldsoft-e-mail-postfach-einrichtung-in-mail-programmen/) **Date:** 2020-02-29 **Category:** Tipps & Tricks, Worldsoft-CMS | **Tags:** 2020, Android, Anleitungen, Apple, Atmail, einrichten, iOS, iPad, iPhone, Mail, Microsoft, Outlook, Postfach, Spexmail, Thunderbird, Worldsoft, Worldsoft E-Mail, Worldsoft-CMS | **Keyword:** Worldsoft Mail ## ![Übersicht von E-Mail-Programm-Icons](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Worldsoft-Email-Atmail-einrichten-Kopfbild-Beitragsbild.jpg) ## Worldsoft Mail (Atmail): Postfach in E-Mail-Programmen einrichten Die Websites der überwiegenden Mehrheit unserer Kunden wurden von uns mit dem [Worldsoft-CMS](https://fx.worldsoft.info/) der Worldsoft AG erstellt. In den Worldsoft-CMS-Paketen sind auch eine bestimmte Anzahl an E-Mail-Postfächern enthalten. Diese können - wie bei anderen großen Mail-Anbietern wie Hotmail/Outlook.com, Gmail & Co. auch - über den Webmail-Client Roundcube im Browser abgerufen und bearbeitet werden. Viele Kunden schätzen es jedoch, wenn sie Ihre E-Mail-Nachrichten auf ihrem Computer in ihrem gewohnten E-Mail-Programm abrufen und beantworten können - ganz besonders dann, wenn mehr als ein Postfach (ggf. auch bei verschiedenen Anbietern) genutzt wird. So entfällt die manchmal lästige, mehrfache Anmeldeprozedur an den diversen Webmail-Programmen. Außerdem kann man so die Nachrichten in allen Postfächer mit den immer gleichen Bedienschritten im vertrauten E-Mail-Programm erstellen, beantworten und archivieren. Hinzu kommt die Postfachnutzung auf Smartphones und anderen mobilen Geräten. Insbesondere auf Smartphones können Sie von den dort vorhandenen oder installierbaren E-Mail-Programmen beispielsweise mit Push-Nachrichten über neu eingegangene E-Mails benachrichtigt werden. Das funktioniert mit den Webmail-Clients im Smartphone-Browser nicht. Nicht zuletzt haben immer mehr Nutzer mehr als einen Computer, Tablet und/oder Smartphone - und nutzen auf allen Geräten das gleiche oder ähnliche E-Mail-Programme. ## Mail-Postfach-Einrichtung mit IMAP oder POP3? Eine grundsätzliche Entscheidung müssen Sie bei fast allen E-Mail-Programmen bei der Einrichtung des Postfachs treffen: ob Sie das POP3-Protokoll oder das IMAP-Protokoll nutzen wollen. ### POP3 Die Bezeichnung POP3 ist eine Abkürzung für _Post Office Protocol_ und schon deutlich älter als IMAP. POP3 stammt noch aus einer Zeit, in der Mails mit **einem einzigen Rechner** - ob daheim im Büro - abgerufen wurden. Standardmäßig werden bei POP3 die Nachrichten nach dem Abruf auf dem Server gelöscht. Viele Menschen greifen jedoch heutzutage mit mehreren Geräten (Arbeitsplatz-Rechner, Tablet, Heim-PC, Smartphone,...) auf ihr Postfach zu. Möchte man also mit mehreren Geräten über POP3 seine E-Mails abrufen, darf nur auf einem Rechner die Einstellung „Nachrichten nach Abruf auf dem Server löschen" aktiv sein. Gleichzeitig hat dies zur Folge, dass neue Nachrichten auf allen anderen Geräten erneut als „neu" heruntergeladen (und im Webmail als „neu" angezeigt) werden, auch wenn sie auf dem anderen Gerät bereits gelesen wurden. Ebenfalls lästig: Markieren Sie eine E-Mail als gelesen, passiert dies nur im Mail-Programm auf dem jeweiligen Gerät. Alle anderen Geräte (wie auch das Webmail) kriegen davon schlichtweg nichts mit. Und: Greifen Sie gerne auf Ihre „gesendeten Mails" zurück, werden Sie ebenfalls feststellen, dass nur die Mails dort gespeichert wurden, die Sie auf dem entsprechenden Gerät versendet haben. Das gleiche gilt im Übrigen auch für die Entwürfe. Mal eben eine Mail im Büro anfangen, in den Entwürfen speichern und auf dem Weg nach Hause in der Bahn via Smartphone beenden und verschicken geht so nicht. Ebenfalls problematisch mit POP3 sind **Backups**, denn diese finden auf Server-Ebene bei den meisten Anbietern zwar in regelmäßigen Intervallen (zum Beispiel dreimal täglich) statt. Was Sie jedoch zwischen den Sicherungen an Nachrichten empfangen und versenden kann die Sicherung nicht berücksichtigen. Somit müssen Sie sich selbst um einen zuverlässigen Backup kümmern. ### IMAP Die Abkürzung IMAP steht für _Internet Message Access Protocol_. Bei diesem moderneren Protokoll bleiben alle Mails zentral auf dem Mailserver des Mailanbieters gespeichert. Mit einem IMAP-Postfach verbundene Geräte laden die Mails primär nicht herunter, sondern zeigen diese im Prinzip nur an (ähnlich Webmail). Moderne Mail-Programme arbeiten jedoch längst mit einem lokalen Zwischenspeicher (Cache), so dass Nachrichten in mit dem Server-Postfach synchronisierten Verzeichnissen (Posteingang, Postausgang, Entwürfe, etc.) auch gelesen und beantwortet werden können, wenn gerade keine Internet-Verbindung besteht. IMAP hat (vor allem gegenüber POP3) für den Nutzer **nur Vorteile**: Versenden Sie im Büro eine E-Mail, können Sie diese in Ihrem „Gesendete Nachrichten"-Ordner auch unterwegs noch einmal aufrufen. Und markieren Sie von unterwegs eine Mail als gelesen, wird diese auch auf dem heimischen Computer als gelesen markiert. Auch eine begonnene und in Entwürfe abgelegte Nachricht können Sie auf jedem anderen Gerät weiter bearbeiten und dann dort versenden. Der Mail-Provider kann (da die Nachrichten ja auf dem Mail-Server verbleiben) brauchbare **Backups im Hintergrund** anfertigen und bei Bedarf entsprechend wiederherstellen. Falls Sie in Ihrem Mailprogramm Ordner zur strukturierten Archivierung von Nachrichten erstellt haben und nutzen, werden diese ebenfalls auf dem Server abgelegt und mit gesichert. Geht das Smartphone verloren, können Sie nach der Neueinrichtung des Postfachs auf dem neuen Gerät sofort wieder auf Ihre Nachrichten zugreifen, da diese ja noch vollständig auf dem Mail-Server liegen. ### Fazit In den meisten Fällen ist die **Einrichtung des Postfachs über das IMAP-Protokoll zu empfehlen**, selbst wenn man nur ein Gerät und ein Postfach hat. Die Nutzung von POP3 empfiehlt sich nur dann, wenn man die Nachrichten nur auf einem einzigen Gerät empfangen und beantworten möchte, und POP3 ggf. neben Webmail die einzige kostenfreie Zugriffsvariante des Mail-Anbieters ist. ## Anleitungen zur Einrichtung des Worldsoft Postfachs in Mail-Programmen Sie finden im Folgenden die **Anleitungen im PDF-Format** zur Einrichtung von Worldsoft Postfächern für die am Markt gängigsten E-Mail-Programme. Die meisten Anleitungen wurden von der [Worldsoft AG](https://fx.worldsoft.info/) erstellt und haben einen entsprechenden Copyright-Vermerk im Dokument. Wir haben weitere Anleitungen geplant und werden diese hier zur Verfügung stellen sobald sie fertiggestellt sind. Wo verfügbar haben wir zusätzlich Links zu den Supportseiten der Programm- bzw. App-Anbieter mit angegeben. Da sich Links im Laufe der Zeit gerne mal ändern, ohne dass der Anbieter vernünftige Weiterleitungsmechanismen anbietet, freuen wir uns, wenn Sie [uns auf ungültige Links aufmerksam machen](https://www.fx-web.de/kontakt). ### Microsoft Outlook - ![Microsoft Outlook 2003 Icon](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Microsoft-Outlook-2003-Icon.png) [Microsoft Outlook 2003](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Anleitung-Postfach-Einrichtung-Worldsoft-Email-Atmail-Microsoft-Outlook-2003.pdf) - ![Microsoft Outlook 2007 Icon](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Microsoft-Outlook-2007-Icon.png) [Microsoft Outlook 2007](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Anleitung-Postfach-Einrichtung-Worldsoft-Email-Atmail-Microsoft-Outlook-2007.pdf) - ![Microsoft Outlook 2010 Icon](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Microsoft-Outlook-2010-Icon.png) [Microsoft Outlook 2010](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Anleitung-Postfach-Einrichtung-Worldsoft-Email-Atmail-Microsoft-Outlook-2010.pdf) - ![Microsoft Outlook 2013 Icon](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Microsoft-Outlook-2013-Icon.png) [Microsoft Outlook 2013](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Anleitung-Postfach-Einrichtung-Worldsoft-Email-Atmail-Microsoft-Outlook-2013.pdf) - ![Microsoft Outlook 2016/2019/365 Icon](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Microsoft-Outlook-2016-2019-365-Icon.png) [Microsoft Outlook 2016 / 2019 / 365](https://www.muenchen-webdesign.de/wp-content/uploads/2020/06/Anleitung-Postfach-Einrichtung-Worldsoft-Email-Atmail-Microsoft-Outlook-2016-2019-365.pdf) - ![Microsoft Outlook Android Icon](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Microsoft-Outlook-Android-Icon.png) Microsoft Outlook App für Android (geplant) ### Microsoft Mail App (Windows 10) - ![Microsoft Mail Icon](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Microsoft-Mail-Icon.png) Microsoft Mail App (geplant) ### Mozilla Thunderbird - ![Mozilla Thunderbird Icon](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Mozilla-Thunderbird-Icon.png) [Mozilla Thunderbird](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Anleitung-Postfach-Einrichtung-Worldsoft-Email-Atmail-Mozilla-Thunderbird-3.pdf) ### Android Email - ![Android Mail Icon](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Android-Mail-Icon.png) [Android Email](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Anleitung-Postfach-Einrichtung-Worldsoft-Email-Atmail-Android.pdf) - ![Android Samsung Mail Icon](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Android-Samsung-Mail-Icon.png) Android Email ab Android Version 8 (geplant) ### Apple iPhone, iPad, iPod touch (iOS) - ![Apple iOS Mail Icon](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Apple-iOS-Mail-Icon.png) [Apple iPhone & iPad bis iOS 6](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Anleitung-Postfach-Einrichtung-Worldsoft-Email-Atmail-Apple-Mail-iOS6-iPhone-iPad.pdf) - ![Apple iOS Mail Icon](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Apple-iOS-Mail-Icon.png) [Apple iPhone & iPad für iOS 7 und 8](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Anleitung-Postfach-Einrichtung-Worldsoft-Email-Atmail-Apple-Mail-iOS7-iOS8-iPhone-iPad.pdf) - [Apple Support: Senden oder Empfangen von E-Mails auf deinem iPhone, iPad oder iPod touch nicht möglich](https://support.apple.com/de-de/HT201419) ### Apple Mail (Mac) - ![Apple Mac Mail Icon](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Apple-Mac-Mail-Icon.png) [Apple Mail auf Mac](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/Anleitung-Postfach-Einrichtung-Worldsoft-Email-Atmail-Apple-Mail-Mac.pdf) - [Apple Support: Mail auf dem Mac verwenden](https://support.apple.com/de-de/HT204093) ## Postfachnutzung mit Webmail (Roundcube) Wir referenzieren hier der Vollständigkeit halber auch die von Worldsoft zur Verfügung gestellte **Schnellanleitung für den Webmail-Client Roundcube**. Diese Kurzanleitung finden Sie über den folgenden Link: [Worldsoft Support: Roundcube Webmail](https://www.fx-web.de/worldsoft-roundcube-webmail). Beachten Sie bitte auch unseren wichtigen Hinweis zur Schnellanleitung in unserem Artikel [Worldsoft E-Mail: Umstellung von Atmail auf Roundcube](https://www.muenchen-webdesign.de/2020/02/26/worldsoft-email-umstellung-von-atmail-auf-roundcube/). ## Verwaltung der Worldsoft E-Mail-Postfächer (Spexmail) Die Einrichtung neuer und Verwaltung bestehender E-Mail-Postfächer mit der neuen Spexmail-Administrations-Oberfläche ist auf der Website von Worldsoft beschrieben: [E-Mail-Postfächer Verwaltung SpexMail](https://support.worldsoft.info/e-mail-adressen). Dort wird beschrieben, wie Sie neue Postfächer und E-Mail-Weiterleitungen einrichten sowie die sogenannten Whitelists (sichere E-Mail-Absenderadressen) und Blacklists (unsichere bzw. Spam-E-Mail-Absenderadressen) verwalten können. Auch wie Sie eine Abwesenheitsnotiz eintragen und das Passwort für ein Postfach ändern können (inkl. Passwortregeln) wird dort erläutert. --- ## Worldsoft E-Mail: Umstellung von Atmail auf Roundcube **Source:** [https://www.muenchen-webdesign.de/2020/02/26/worldsoft-email-umstellung-von-atmail-auf-roundcube/](https://www.muenchen-webdesign.de/2020/02/26/worldsoft-email-umstellung-von-atmail-auf-roundcube/) **Date:** 2020-02-26 **Category:** Tipps & Tricks, Worldsoft-CMS | **Tags:** 2020, Atmail, Outlook, Roundcube, Thunderbird, Worldsoft, Worldsoft E-Mail, Worldsoft-CMS | **Keyword:** Worldsoft E-Mail ## Worldsoft E-Mail: Neue Webmail-Oberfläche und E-Mail-Infrastruktur Am 11. Februar 2020 informierte die Worldsoft AG ihre Kunden via Newsletter über die geplante Änderung der E-Mail-Infrastruktur wie folgt: > Sehr geehrter ..., > > > > seit letztem Jahr arbeiten wir an einer neuen E-Mail-Infrastruktur. Mit diesem Schritt können wir den E-Mail-Versand verbessern und den Empfang/Versand von Spam besser unterbinden. Seit Dezember 2019 wird diese neue Infrastruktur von Worldsoft im Live-Betrieb genutzt und als sehr gut befunden. > Welche Änderungen entstehen dadurch für Sie? > > > > In der Nacht vom 23. auf 24. Februar wird die bisherige Webmail-Oberfläche von atmail durch die neue Webmail-Oberfläche von Roundcube ersetzt. Das Login und auch der Link zur Webmail bleiben für Sie gleich. Es ändert sich nur die Bedienoberfläche der Webmails. Wenn Sie Outlook, Thunderbird oder ein anderes E-Mail-Programm auf Ihrem PC verwenden, müssen Sie KEINE Änderungen vornehmen. > > > > Ende März werden wir zusammen mit unserem neuen Partner SpamExperts den E-Mail-Versand übernehmen. SpamExperts ist eine leistungsstarke E-Mail-Sicherheitslösung. Alle ein- & ausgehenden E-Mails werden gefiltert. Dadurch wird der Empfang und Versand verbessert und wir können Spam besser bekämpfen. Über das genaue Datum und den Ablauf der Umstellung werden wir Sie noch frühzeitig informieren. Die Umstellung wurde von Worldsoft planmäßig in der Nacht vom 23. auf den 24.02.2020 durchgeführt. ## Was bedeutet diese E-Mail-Umstellung für Worldsoft-CMS Kunden? Alle Worldsoft Kunden, welche - eine Website auf Basis des Worldsoft-CMS betreiben, und - eines oder mehrere der in den Worldsoft-CMS-Paketen enthaltenen E-Mail-Postfächer eingerichtet haben, und - die Nachrichten aus den Postfächern über die Webmail-Schnittstelle im Browser abfragen, müssen nun lediglich das Webmail über einen leicht veränderten Link (URL) aufrufen. Die alte URL für das Webmail sah bisher so aus: https://atmailXX.worldsoft-mail.net/mail (z.B. https://atmail05.worldsoft-mail.net/mail) Die neue URL für Webmail sieht nun so aus (der Teil /mail am Ende entfällt): https://atmailXX.worldsoft-mail.net/ (z.B. https://atmail05.worldsoft-mail.net/) ### Wichtige Hinweise: - Verwenden Sie bitte immer die **HTTPS**-Variante der URLs - nur dann ist gewährleistet, dass der Datenverkehr im Internet von und zu Ihrem Postfach **verschlüsselt** erfolgt. - Denken Sie bitte daran, ggf. gespeicherte **Favoriten / Lesezeichen / Bookmarks** in Ihrem Browser entsprechend zu aktualisieren oder neu zu erstellen. ## Was ist Roundcube? Roundcube ist die neue E-Mail-Infrastruktur für die mit dem Worldsoft-CMS mit zur Verfügung gestellten Postfächer. Das Webmail-Interface ist nun moderner, und auch die Technik darunter erlaubt beispielsweise eine bessere Filterung von Spam-Nachrichten. [![Worldsoft E-Mail: Anmeldemaske zu Roundcube Webmail](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/anmeldemaske-roundcube.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/anmeldemaske-roundcube.jpg) Anmeldemaske zu Roundcube Webmail Eine Schnellanleitung zur Bedienung von Roundcube Webmail finden Sie unter [Worldsoft Support: Roundcube Webmail](https://www.fx-web.de/worldsoft-roundcube-webmail). ### Wichtiger Hinweis zur Schnellanleitung: Die in der Schnellanleitung angegebene Webmail-URL ([webmail.worldsoft-mail.net](https://webmail.worldsoft-mail.net/)) scheint Stand 26.02.2020 noch nicht durchgängig für alle bisherigen atmailXX-Server zu funktionieren. Nutzen Sie daher im Falle von auftretenden Fehlern zunächst weiterhin die URL https://atmail**XX**.worldsoft-mail.net/ (mit der für Sie gültigen Nummer anstelle des **XX** wie oben beschrieben) und versuchen Sie es in einigen Tagen nochmals. Sollte es dann noch immer nicht funktionieren, können Sie auch den Worldsoft Support unter (Anti-Spam-BOT-kodierte E-Mail-Adresse: support@worldsoft.ch) kontaktieren. Sollte die Anmeldung im Webmail jedoch bereits über die URL https://atmail**XX**.worldsoft-mail.net/ mit einem Fehler wie „Login failed" scheitern, dann überprüfen Sie bitte, ob Ihr Passwort korrekt ist. Falls Sie Ihr Postfach-Passwort schon sehr lange nicht geändert haben sollten, so vergeben Sie bitte ein neues Passwort (möglicherweise entspricht Ihr Passwort nicht mehr den vor einiger Zeit bei Worldsoft eingeführten Passwort-Richtlinien). ### Passwort ändern / Weiterleitung einrichten / weitere Postfächer einrichten Wie Sie ein neues Passwort vergeben, eine Weiterleitung an ein anderes Postfach einrichten oder auch weitere Postfächer hinzufügen können finden Sie unter [Worldsoft Support: E-Mail-Postfächer](https://www.fx-web.de/worldsoft-email-postfach-einrichten) beschrieben. ## Einrichtung von Worldsoft E-Mail-Postfächern in E-Mail-Programmen Wie im Worldsoft-Newsletter schon beschrieben, ändert sich nichts an der Einrichtung Ihrer Postfächer in Mail-Programmen wie **Microsoft Outlook**, **Apple Mail**, **Mozilla Thunderbird** & Co. Eine Liste mit Anleitungen von Worldsoft zur Einrichtung des Postfachs in verschiedenen Mail-Programmen finden Sie bei uns im Blog-Artikel [Worldsoft E-Mail: Postfach-Einrichtung in Mail-Programmen](https://www.muenchen-webdesign.de/2020/02/29/worldsoft-e-mail-postfach-einrichtung-in-mail-programmen/). ## Trotzdem noch Probleme mit dem Worldsoft E-Mail-Postfach? Sollten Sie trotz Befolgung der obigen Hinweise noch Probleme bei der Anmeldung zum neuen Webmail oder der Einrichtung Ihres Postfachs in einem Email-Programm haben, wenden Sie sich bitte vertrauensvoll unter (Anti-Spam-BOT-kodierte E-Mail-Adresse: support@worldsoft.ch) an den Worldsoft Support. Bedenken Sie bitte, dass weder der Worldsoft Support noch wir eine Möglichkeit haben, Ihnen Ihr ggf. vergessenes Passwort zu übermitteln. Die Postfach-Passwörter werden bei der Vergabe verschlüsselt gespeichert, so dass niemand die Möglichkeit hat, dieses auszulesen. --- ## Zertifizierung: Microsoft Certified Azure Fundamentals **Source:** [https://www.muenchen-webdesign.de/2020/02/16/zertifizierung-microsoft-certified-azure-fundamentals/](https://www.muenchen-webdesign.de/2020/02/16/zertifizierung-microsoft-certified-azure-fundamentals/) **Date:** 2020-02-16 **Category:** Unternehmens-News | **Tags:** 2020, Azure, Cloud, Cloud-Computing, Internetagentur, Microsoft, München, Webdesign, Weiterbildung, Zertifikate, Zertifizierungen | **Keyword:** zertifizierung ## Um was geht's? Wir haben am 28.01.2020 zu unseren bestehenden Zertifizierungen eine weitere wichtige Zertifizierung hinzugefügt: die Zertifizierung **Microsoft Certified Azure Fundamentals** [![Zertifizierung: ein kleiner Ausschnitt der Zertifizierungen von F/X Web Consulting](https://www.muenchen-webdesign.de/wp-content/uploads/2020/02/2019-07-18-fx-web.de-Zertifizierungen.jpg)](https://www.fx-web.de/zertifizierungen) ## Vorbereitung auf die Zertifizierung Um diese Zertifizierung erfolgreich zu absolvieren waren neben der Teilnahme an einem Microsoft Training Day zu Azure Fundamentals noch einige weitere Tage an Selbststudium nötig. Microsoft bietet hierzu ein wirklich gut gelungenes [Online-Training zu Azure Fundamentals](https://docs.microsoft.com/en-us/learn/paths/azure-fundamentals/) an. Dieses Training können wir nur jedem wärmstens empfehlen, wenn die Prüfung ([AZ900 Microsoft Azure Fundamentals Exam](https://www.microsoft.com/learning/exam-AZ-900.aspx)) im ersten Anlauf bestanden werden soll. ## Hintergrund zur Zertifizierung Warum ist diese Zertifizierung so wichtig für die Zukunft von F/X Web Consulting? Immer mehr Unternehmen verlagern einen Teil ihrer IT-Systeme oder gar die gesamte IT-Infrastruktur in die Cloud. Sowohl bei großen Public Cloud Providern wie AWS (Amazon Web Services), Google Cloud, Microsoft Azure, oder auch bei kleineren Private Cloud Providern. Die Zukunft im Cloud-Computing bedeutet nicht nur ein Umdenken bei den Business-Entscheidern, sondern auch die Nutzung neuer Technologien wie Container (samt zugehöriger Container-Orchestrierungs-Lösung) und Micro-Services. Und was heute primär Enterprise-Unternehmen anspricht, wird über kurz oder lang auch den Mittelstand sowie auch kleinere Unternehmen erreichen. Um auf diese künftigen Entwicklungen vorbereitet zu sein, bilden wir uns in diesen Themen weiter. Und sorgen natürlich auch dafür, das erworbene Expertenwissen durch entsprechende Zertifizierungen nachzuweisen. ## Die Zertifizierungen von F/X Web Consulting im Überblick Einen vollständigen Überblick über unsere Zertifizierungen gibt es auf unserer Website unter [Unternehmen > Zertifizierungen](https://www.fx-web.de/zertifizierungen). Einfach mal vorbeischauen. --- ## F/X Web Consulting auf Platz 9 der Unternehmensberatungen in München **Source:** [https://www.muenchen-webdesign.de/2020/01/11/f-x-web-consulting-auf-platz-9-der-unternehmensberatungen-in-muenchen/](https://www.muenchen-webdesign.de/2020/01/11/f-x-web-consulting-auf-platz-9-der-unternehmensberatungen-in-muenchen/) **Date:** 2020-01-11 **Category:** Unternehmens-News | **Tags:** 2020, Bewertungen, Bewertungssiegel, Empfehlungen, F/X Web Consulting, Internetagentur, München, Unternehmens-Website, Unternehmensberatung | **Keyword:** Unternehmensberatungen München ## Gelungene Überraschung Da haben wir als kleine Internetagentur mal nicht schlecht gestaunt, weil wir zuvor nichts davon wussten - wir sind in den Top 10, nämlich auf Platz 9 der Unternehmensberatungen in München! Denn am 10. Januar 2020 flattert uns eine E-Mail von 11880.com mit folgendem Text ins Postfach: > Betreff: Ihre aktuellen Bewertungen im Netz! > > > > Hallo sehr geehrte Damen und Herren, > > > > mit **5 Sternen aus 29 Bewertungen auf 4 Portalen** gehören Sie zu den Besten in Ihrer Branche in München. Aus diesem Grund zeichnen wir Sie heute mit Ihrem persönlichen Bewertungssiegel aus. So können Sie mit Ihren guten Bewertungen kostenlos auf Ihrer Website werben. > > > > ... > > > > Mit freundlichen Grüßen > > > > Ihr werkenntdenBESTEN Team Wir waren uns gar nicht darüber im Klaren, dass wir innerhalb der letzten acht Jahre derart viele Bewertungen erhalten haben, und die Freude darüber war entsprechend riesig. Dass wir mit diesem exzellenten Bewertungs-Ergebnis für **Unternehmensberatungen in München** auf unserer Website werben können muss man uns nicht zweimal sagen. Innerhalb kürzester Zeit haben wir unseren [Unternehmenseintrag auf werkenntdenbesten.de](https://www.werkenntdenbesten.de/e/B102692446/unternehmensberatung/muenchen/f-x-web-consulting-bewertungen.html) vervollständigt. Gleich im Anschluss haben wir dann das Bewertungssiegel auf unserer [Kundenfeedback-Seite](https://www.fx-web.de/kundenfeedbacks) in der Seitenleiste integriert. Denn wie der Volksmund so schön sagt: **_Klappern gehört zum Geschäft!_** ## Unser Unternehmenseintrag bei werkenntdenBESTEN.de So sieht unserer Unternehmenseintrag in der Kategorie Unternehmensberatungen in München auf der Website von **wer kennt den BESTEN** nun aus: [![Internetagentur F/X Web Consulting auf Platz 9 der Unternehmensberatungen in München - 29 Bewertungen und Empfehlungen - werkenntdenBESTEN.de](https://www.muenchen-webdesign.de/wp-content/uploads/2020/01/2020-01-11-FX-Web-Consulting-in-München-Unternehmensberatung-29-Bewertungen-und-Empfehlungen---werkenntdenBESTEN.de_.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2020/01/2020-01-11-FX-Web-Consulting-in-München-Unternehmensberatung-29-Bewertungen-und-Empfehlungen---werkenntdenBESTEN.de_.jpg) Internetagentur F/X Web Consulting auf Platz 9 der Unternehmensberatungen in München - 29 Bewertungen & Empfehlungen ## Das Bewertungssiegel-Widget auf unserer Website So haben wir das Bewertungssiegel-Widget von werkenntdenBESTEN.de auf [www.fx-web.de](https://www.fx-web.de/kundenfeedbacks) integriert: [![werkenntdenBESTEN.de-Bewertungssiegel auf unserer Kundenfeedback-Seite auf www.fx-web.de](https://www.muenchen-webdesign.de/wp-content/uploads/2020/01/2020-01-11-Kundenfeedbacks-FX-Web-Consulting-Internetagentur-München-werkenntdenBESTEN.de-Bewertungssiegel.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2020/01/2020-01-11-Kundenfeedbacks-FX-Web-Consulting-Internetagentur-München-werkenntdenBESTEN.de-Bewertungssiegel.jpg) werkenntdenBESTEN.de-Bewertungssiegel Es war allerdings (das ist für uns bei solchen Integrationen aber nicht ungewöhnlich sondern schon fast Tagesgeschäft) - noch etwas Nacharbeit mit CSS-Formatierungen nötig, bis der integrierte Bewertungssiegel-Banner auch wirklich auf allen Bildschirmformaten sauber (responsive) dargestellt wird. Aber wer uns kennt weiß auch, dass **wir nur 100% saubere Ergebnisse abliefern** - und dazu gehört auch, dass eine Website nicht nur auf großen Desktop-Monitoren sondern eben auch auf jedem Tablet und jedem SmartPhone gut aussieht. ## Dankeschön Wir freuen uns sehr über diese für uns doch beeindruckende Anzahl an 5-Sterne-Bewertungen und den aktuell **9. Platz in der Kategorie Unternehmensberatungen in München**. Wir möchten uns an dieser Stelle deshalb auch nochmals **herzlichst bei allen bedanken**, die uns bewertet haben! Das spornt uns an, auch in Zukunft nur erstklassige Ergebnisse abzuliefern - in der Beratung, im Webdesign und in der Umsetzung. --- ## Die moderne Website 2019: Attraktiv, nutzerfreundlich und rechtssicher **Source:** [https://www.muenchen-webdesign.de/2019/10/14/die-moderne-website-2019-attraktiv-nutzerfreundlich-und-rechtssicher/](https://www.muenchen-webdesign.de/2019/10/14/die-moderne-website-2019-attraktiv-nutzerfreundlich-und-rechtssicher/) **Date:** 2019-10-14 **Category:** Allgemein, Responsive Webdesign, Unternehmens-News | **Tags:** 2019, Consulting, Design, Experten, F/X Web Consulting, Firmen-Website, Homepage, Homepagebaukasten, modern, responsive, Spezialisten, Unternehmens-Website, Website | **Keyword:** website 2019 ## Worum geht's? **Unternehmer sollten ihren Onlineauftritt so gestalten, dass Kunden dort möglichst lange verweilen und gerne wieder dorthin zurückkehren. Das gilt für jede kommerzielle Website - auch 2019. ** Die firmeneigene Website ist für jedes Unternehmen ein wichtiges Aushängeschild: Sie informiert über das Leistungsangebot, die Firmenphilosophie sowie die Kontaktdaten. Gleichzeitig soll sie die Besucher und natürlich insbesondere **potenzielle Kunden neugierig machen**, und ihr Interesse für die dort präsentierten Produkte und Dienstleistungen wecken. ## Wie geht's? Darum ist es wichtig, die Internetseite individuell und sorgfältig auf das jeweilige Unternehmen abzustimmen, sowie stets aktuell zu halten. Es gilt zudem, bei der Gestaltung einige Regeln zu beachten, um die Verweildauer und Aufmerksamkeitsspanne der Besucher zu verlängern. „_So sollten die Seiten einen schnellen Überblick ermöglichen, gleichzeitig modern und ästhetisch anspruchsvoll wirken_", erläutert Franz X. Kohl. Der 53-jährige Web Consultant und Webdesigner aus München entwickelt mit seiner [Internetagentur F/X Web Consulting](https://www.fx-web.de) seit 2012 Webauftritte für Freiberufler, Firmen und Vereine. [![Screenshot der Website von F/X Web Consulting im im Responsive Webdesign](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2017-12-22-fx-web.de-responsive-web-design-4-screens-copyright-660x495.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2017-12-22-fx-web.de-responsive-web-design-4-screens-copyright.jpg) Screenshot der Website von F/X Web Consulting im Responsive Webdesign ## So geht's - die Website 2019 und in Zukunft Das Webdesign beinhaltet das ästhetische Seitendesign mit Aufbau, Schriftarten, Formen und Farben, in der Regel am vorhandenen oder zu entwickelnden Corporate Design. Aber bevor er im ersten Beratungsgespräch mit dem Kunden über Design spricht, stellt er eine viel wichtigere Frage: „_Was wollen Sie mit Ihrer Website erreichen?_" Denn die Antwort darauf bestimme darüber, wie die Internetseite inhaltlich und strukturell gestaltet wird. Sie liefere aber auch den Rückschluss darauf, ob der Kunde über die Website hinaus - die in der Regel das Zentrum für das digitale Unternehmens-Marketing darstellt - auch noch Bedarf an **ergänzenden Internet-Marketing-Instrumenten** wie beispielsweise E-Mail-Direkt-Marketing, einen Unternehmens-Blog oder Social Media Auftritte hat. „_Egal wie umfangreich es dann wird - am Ende sollte alles aufeinander abgestimmt sein und miteinander harmonieren_", ist Franz X. Kohl überzeugt. Das Interesse der Onlinebesucher lasse sich mit Bewegtbildern und Videosequenzen wecken, vor allem aber durch eine übersichtliche Seitenstruktur - z.B. mit Hilfe sogenannter Akkordeons, so der Experte. Im Mittelpunkt stehe die sogenannte User Experience (UX), wörtlich übersetzt: Nutzererfahrung. „_Ein Unternehmen, das in seinem Onlineangebot eine gute UX erreicht, erleichtert die Neukundengewinnung, stärkt die Kundenbindung und steigert letztlich den Umsatz_" ist der Web Consultant überzeugt. Hilfreich seien Kontaktmöglichkeiten auf der Webseite, etwa mittels E-Mail oder Kontaktformular, per Social Media und Blogs, sowie telefonische Rückruf-Funktionen. ## Beispiele Den Internetauftritt der Münchner Firma [DAFSA Baustoffhandel GmbH & Co. KG](https://www.dafsa-baustoffhandel.de/) beispielsweise hat F/X Web Consulting streng nach den Vorgaben des Familienbetriebs konzipiert: hochwertig, modern, klar, übersichtlich, schlicht, gut strukturiert - „_denn weniger ist oft mehr_", erklärt Franz X. Kohl. [![Screenshot der Website von DAFSA Baustoffhandel GmbH & Co. KG](https://www.muenchen-webdesign.de/wp-content/uploads/2019/10/2019-08-24-dafsa-baustoffhandel.de-MIX-copyright-660x495.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2019/10/2019-08-24-dafsa-baustoffhandel.de-MIX-copyright.jpg) Screenshot der Website von DAFSA Baustoffhandel GmbH & Co. KG - www.dafsa-baustoffhandel.de Ein weiteres Beispiel sei die Website des [Café Blücher in München-Milbertshofen](https://www.bluecher-bar.de/). „_Die Hintergrundbilder wurden alle vom Betreiber der Gaststätte selbst fotografiert, und spiegeln die Vielfalt der angebotenen Getränke und Speisen des Betriebs wider_", so Kohl. [![Screenshot der Website des Café Blücher](https://www.muenchen-webdesign.de/wp-content/uploads/2019/10/2013-11-bluecher-bar.de-responsive-web-design-4-screens-copyright-660x495.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2019/10/2013-11-bluecher-bar.de-responsive-web-design-4-screens-copyright.jpg) Screenshot der Website des Café Blücher - www.bluecher-bar.de ## Auch noch wichtig Um das Nutzererlebnis zu verbessern, seien überdies authentische Fotos, Kundenreferenzen und Feedbacks von Kunden gut geeignet. Ähnlich wichtig sind sogenannte **Call-to-Action**-Möglichkeiten, also „Einladungen" an den Besucher, mit dem Unternehmen in Kontakt zu treten. Dies kann z.B. durch die Möglichkeit zur Registrierung für einen Newsletter oder auch der Download von kostenfreien Informationen wie Imagebroschüren oder Produktflyern sein. ## Extrem wichtig In jedem Fall unabdingbar: **Die Webseiten müssen für mobile Endgeräte optimiert werden.** Die Inhalte werden dabei so gestaltet, dass sie sich auf Smartphones und kleinen Tablets mit ihren vergleichsweise kleinen Bildschirmen gut darstellen lassen. Das sogenannte Responsive Design sorgt dafür, dass sich die Webseite automatisch an die Bildschirmgröße des genutzten Endgeräts anpasst. **Google bevorzugt** im Ranking der Suchanfragen im Übrigen **die mobilen Webseiten im Responsive Design**. „_Wer darauf verzichtet, muss damit rechnen, dass die Homepage beim Google-Ranking in den Suchresultaten viel weiter hinten landet - was die Zahl der Seitenaufrufe und damit die Reichweite für neue potentielle Kunden deutlich reduziert_", unterstreicht Franz X. Kohl abschließend. ## Fazit Eine moderne Unternehmens-Website muss 2019 und auch die nächsten Jahre attraktiv, nutzerfreundlich und rechtssicher sein. **Besinnen Sie sich auf Ihre Kernkompetenzen** und **geben Sie die Erstellung Ihrer Internetseite in professionelle Hände** wie die der [Münchner Internetagentur F/X Web Consulting](https://www.fx-web.de). Wir von F/X Web Consulting haben leider schon zu viele Webseiten gesehen, die nach bestem Vermögen vom Unternehmer selbst oder jemandem aus seinem Umfeld mit Hilfe eines **Homepagebaukasten** „günstig" erstellt wurden. Aber genau so sehen die Ergebnisse dann auch aus: austauschbare Design die man schon auf vielen anderen Websites gesehen hat, fehlerhafte Inhalte, fehlende (und damit abmahnfähige!) Quellenverweise auf Bilder, rechtlich unzureichende Cookie-Abfragen, und einiges mehr. Und diese Art von **Unprofessionalität schreckt potentielle Interessenten eher ab**, da diese dann oft entsprechende Rückschlüsse auf die Qualität der beworbenen Produkte und Dienstleistungen ziehen und sich lieber einem Mitbewerber mit einer Website aus Expertenhand zuwenden. Noch schlimmer ist es, wenn wir eine veraltete, fehlerhafte oder im schlimmsten Fall gar keine **Datenschutzerklärung** oder **Impressum** finden - denn damit sind Tür und Tor für eine **Abmahnung durch Mitbewerber** und **auf Abmahnungen spezialisierte Anwaltskanzleien** offen, gegen die sie sich nur eingeschränkt „wehren" können. Und dies in der Regel auch nur unter Zuhilfenahme eines entsprechend versierten Fachanwalts für Internetrecht. F/X Web Consulting ist [Premium-Agenturpartner bei eRecht24](https://www.fx-web.de/erecht24-agency), und kann Ihnen dadurch immer die aktuellen rechtlichen Ansprüche vermitteln und in Ihrer Website umsetzen. **Vertrauen Sie mit Ihrer Website 2019 und die nächsten Jahre auf professionelle Experten-Unterstützung - vertrauen Sie auf F/X Web Consulting.** --- ## Die Auswirkungen der aktuellen EuGH Urteile zu Cookies, Einwilligung und Google Analytics für Webseitenbetreiber **Source:** [https://www.muenchen-webdesign.de/2019/10/11/die-auswirkungen-der-aktuellen-eugh-urteile-zu-cookies-einwilligung-und-google-analytics-fuer-webseitenbetreiber/](https://www.muenchen-webdesign.de/2019/10/11/die-auswirkungen-der-aktuellen-eugh-urteile-zu-cookies-einwilligung-und-google-analytics-fuer-webseitenbetreiber/) **Date:** 2019-10-11 **Category:** Allgemein | **Tags:** 2019, Analytics, Consent, Cookie, Cookies, EuGH, Google, Website | **Keyword:** Cookies ## Vorabinformation zum EuGH-Urteil zu Cookies Der Europäische Gerichtshof (EuGH) hat am 1. Oktober 2019 entschieden: wenn Internetnutzer dazu bereit sind, personenbezogene Daten preiszugeben, müssen sie dies dem Websitebetreiber künftig durch einen Klick **aktiv** mitteilen. Das von deutschen Verbraucherschützern erstrittene Urteil verursacht neue datenschutzrechtliche Umstellungen für Webseitenbetreiber. In der Entscheidung des EuGH ging es um „Cookies"-Hinweise, also jene im Netz ständig auftauchenden Hinweise auf kleine Textdateien, die Informationen über den Nutzer, seinen Computer und die verwendete Software enthalten können. Teils werden diese Dateien benutzt, damit überhaupt eine Navigation auf der Seite möglich ist, teils, um Nutzer wiederzuerkennen, und auch, um Informationen über das Verhalten der Nutzer zu erlangen und entsprechend Werbung zu schalten. Die im Folgenden zur Verfügung gestellten Informationen basieren größtenteils auf einem Artikel, welchen eRecht24 am 02.10.2019 ihren eRecht24 Premium-Mitgliedern und -Agenturen (wie [F/X Web Consulting](https://www.fx-web.de)) zur Verfügung gestellt hat. **F/X Web Consulting übernimmt keinerlei Haftung für die Korrektheit und Vollständigkeit dieser Informationen.** Dieser Artikel stellt auch keine rechtliche Beratung dar (die wir auch gar nicht leisten dürften) und kann eine solche auch nicht ersetzen. Wenden Sie sich deshalb im Zweifelsfall bitte an einen auf Internetrecht spezialisierten Juristen. ## Inhalt 1. Google Analytics und Cookies vor der DSGVO 2. Google Analytics nach der DSGVO 3. Tracking-Cookies nach den aktuellen EuGH-Urteilen 4. Welche Möglichkeiten für eine Einwilligung empfiehlt eRecht24? 5. Die Anpassung der Datenschutzerklärung nicht vergessen 6. Checkliste für Consent Tools 7. Was mache ich, wenn mir keine der Lösungen zusagt? 8. Ab wann/bis wann muss die Einwilligungslösung auf Webseiten umgesetzt werden? 9. Gibt es denn wirklich keine Lösung ohne Einwilligung? 10. Was macht eRecht24? ## 1. Google Analytics und Cookies vor der DSGVO Vor der DSGVO war die rechtssichere Einbindung von **Google Analytics** möglich. Was Cookies angeht, gab es in Deutschland (aus sehr komplizierten juristischen Gründen, die wir hier nicht erläutern) die Auffassung, dass bei Third Party Cookies ein Opt-Out genügt. Man informierte den Nutzer per Cookie-Banner, hat die Cookies aber trotzdem gesetzt. Der Nutzer musste dann irgendwie widersprechen. Das geht aber nach den letzten EuGH-Urteilen nun nicht mehr. ## 2. Google Analytics nach der DSGVO Mit Einführung der DSGVO wurde darauf verwiesen, dass diese Frage erst durch die ePrivacy-Verordnung geregelt wird und sich Webseitenbetreiber bis dahin auf das berechtige Interesse in Art. 6 Abs. 1 lit. f DSGVO zu setzen. eRecht24 waren aber bereits erste Bußgeldandrohungen von Datenschutzbehörden im Zusammenhang mit Google Analytics, Criteo und Double Click bekannt geworden. Es wurden noch keine Bußgelder verhängt. Es handelte sich bisher lediglich um Androhungen von Bußgeldern durch die Bayerischen und Niedersächsischen Datenschutzbehörden. Auch die anstehende ePrivacy-Verordnung wird Third Party Tracking Cookies nicht mehr unbegrenzt ohne Einwilligung zulassen. Das berechtigte Interesse wird bei Google Analytics also nicht helfen. ## 3. Tracking-Cookies nach den aktuellen EuGH Urteilen Es gab in den letzten Wochen mehrere Urteile des EuGH, in der diese Fragen behandelt wurden. Kurz zusammengefasst: **Tracking-Cookies dürfen nicht mehr ohne echte Einwilligung der Nutzer gesetzt werden.** Dabei ist es wohl egal, ob in den Cookies tatsächlich personenbezogene Daten gespeichert werden oder ob nur anonyme Daten gespeichert werden. Es sind aber nicht alle Cookies betroffen. Weiter ohne Einwilligung erlaubt sind so genannte First Party Cookies, die für eine Webseite erforderlich sind. Das sind beispielsweise - Warenkorb-Cookies - Cookies für Logins - Cookies die eine Länder- oder Sprachauswahl betreffen - Cookies, die Consent Tools für die Cookie Einwilligung setzen Im Wesentlichen geht es bei der aktuellen Diskussion also um Marketing- und Tracking-Cookies. eRecht24 empfiehlt deshalb, Google Analytics & Co. nur noch mit vorheriger Einwilligung über ein Consent Tool einzusetzen. ## 4. Welche Möglichkeiten für eine Einwilligung empfiehlt eRecht24? ### Usercentrics eRecht24 bietet allen eRecht24 Premium-Nutzern eine Consent-Lösung von Usercentrics an, das für viele Webseiten unabhängig von einem CMS die Einwilligungen abfragt. Die Lösung ist unter "Cookie Einwilligung" bereits im eRecht24 Projekt-Manager integriert. Das Tool deckt die wichtigsten Dienste wie Google Analytics ab. Das Tool ist **ohne Zusatzkosten exklusiv in eRecht24 Premium** enthalten. Da die Lösungen von Usercentrics in der Regel mehrere hunderte Euro im Monat kosten, können eRecht24 Premium-Nutzer so viel Geld sparen. Die Vereinbarung mit Usercentrics gilt aber deshalb auch **nur für eRecht24 Premium Nutzer. ** **Ausnahme:** eRecht24 Premium-Agentur-Mitglieder wie F/X Web Consulting können diese Lösung auch für die Webseiten Ihrer Kunden ohne Zusatzkosten über den eRecht24 Projekt-Manager nutzen. Da das Tool unabhängig von einem CMS auf möglichst vielen Webseiten funktioniert, benötigt man für die korrekte Einbindung allerdings etwas Programmierungs-Know-How. Falls Sie diese Möglichkeit nutzen möchten, nehmen Sie bitte [Kontakt mit F/X Web Consulting](https://www.fx-web.de/696/kontakt) auf. ### Borlabs Cookie Wenn Sie mit WordPress arbeiten und ein PlugIn nutzen wollen, empfiehlt eRecht24 **Borlabs Cookie**. eRecht24 hat mit Benjamin Bornschein, dem CEO und Entwickler von Borlabs Cookies, einen **Rabatt von bis zu 45% für eRecht24 Premium Nutzer** vereinbart. Auch hier war Voraussetzung, dass der Rabatt** nur für eRecht24 Premium Nutzer** gilt. **Ausnahme:** eRecht24 Premium-Agentur-Mitglieder wie F/X Web Consulting können dieses Rabatt-Angebot auch für die Webseiten Ihrer Kunden nutzen. Falls Sie diese Möglichkeit nutzen möchten, nehmen Sie bitte [Kontakt mit F/X Web Consulting](https://www.fx-web.de/696/kontakt) auf. ### Consent Management Provider (CMP) Das Tool [Consent Management Provider](https://www.consentmanager.de/) funktioniert ebenfalls unabhängig von einem bestimmten CMS. Es gibt eine kostenlose Variante für bis zu 10.000 Page Views/ Monat. Wir verhandeln auch hier mit dem Anbieter Jan Winkler über einen exklusiven Rabatt für Premium Nutzer für die kostenpflichtigen Versionen: ## 5. Die Anpassung der Datenschutzerklärung nicht vergessen Wenn Sie die hier vorgestellten Tools nutzen, dann müssen Sie auch Ihre Datenschutzerklärung anpassen. Wir nehmen einen entsprechenden Passus zu diesen Diensten in den nächsten Tagen in unseren Datenschutz-Generator auf. ## 6. Checkliste für Consent Tools - Die Einwilligung muss durch den Nutzer gesetzt werden und darf nicht schon per default angekreuzt sein - Das Tool muss vor der Einwilligung alle Cookies (bis auf das eigene Cookie des Consent Tools) blocken - Cookies dürfen erst nach der Einwilligung des Nutzers gesetzt werden - Es muss in der Einwilligungsbox jedes Tool einzeln benannt sein - Die Einwilligungen können (nach aktuellem Stand) in Gruppen zusammengefasst sein und müssen nicht für jedes Tool einzeln erklärt werden - Stellen Sie Ihr Consent Tool in Ihrer Datenschutzerklärung dar ## 7. Was mache ich, wenn mir keine der Lösungen zusagt? Egal ob aus technischen, wirtschaftlichen oder rechtlichen Überlegungen: Wenn Sie keine Lösung auf dem Markt finden, die ihren Ansprüchen gerecht wird bleibt nur, eine Lösung für Ihre Webseiten und Dienste selbst entwickeln zu lassen. ## 8. Ab wann/bis wann muss die Einwilligungslösung umgesetzt werden? Das aktuelle EuGH Urteil (Werbeeinwilligung Planet49) vom 01. Oktober 2019 entscheidet den ursprünglichen Fall nicht, dieser geht erst einmal zurück zum BGH. Genau wie der EuGH-Fall zum Facebook Button (Fashion ID) erst einmal zurück zum OLG Düsseldorf geht. **Aber:** Die deutschen Gerichte werden sich in ihren Urteilen an die Vorgaben des EuGH halten. Und die Datenschutzbehörden werden wohl ebenfalls dieser Auffassung folgen. Deswegen gibt es hier keine festen Fristen für die Umsetzung. Sie sollten sich aber nicht zu viel Zeit lassen, da seit dem 01. Oktober 2019 die Meinung des EuGH (zumindest teilweise) klar ist. Nur teilweise deshalb, weil das gesamte Urteil des EuGH Urteils zu Cookie Einwilligungen erst in einigen Tagen im Original vorliegen wird. ## 9. Gibt es denn wirklich keine Lösung ohne Einwilligung? Doch. Aber mit viel händischem Aufwand und nicht ohne juristisches Risiko. So ist zum Beispiel eine Frage, ob Tracking ohne Einwilligung etwa über lokal eingebundene Dienste wie Matomo weiter möglich ist. Oder ob die EuGH-Urteile auch einen Dienst wie eTracker betrifft, der aktuell davon ausgeht, dass für das Tracking keine gesonderte Einwilligung nötig ist. Hinzu kommen dann aufwändige händische Lösungen für Ihre Seite bzw. Ihr individuelles CMS, die die eine ungefragt Datenübertragung durch die unzähligen Tools und PlugIns auf Webseiten einzeln verhindern. Ein Beispiel, wie die Umsetzung dann für eine WordPress-Seite aussehen kann, finden Sie hier: [https://raidboxes.de/dsgvo-wordpress-technische-massnahmen/](https://raidboxes.de/dsgvo-wordpress-technische-massnahmen/) ## 10. Was macht eRecht24? - Wir haben die DSGVO konsequent dazu genutzt, Dienste zu entfernen, die ungefragt auf Nutzerdaten zugreifen. - Was Social Media, Likes und Shares auf Facebook, Twitter, LinkedIn, Xing & Co. angeht, nutzen wir ausschließlich unser eigenes Safe Sharing Tool. Hier werden beim „Betreten" der Webseite keine Daten an die Social Media Plattformen übertragen. - Was das Tracking angeht haben uns dazu entschlossen, Google Analytics aktuell nicht zu nutzen. - Wir prüfen, ob die Lösung von eTracker perspektivisch auch ohne Einwilligung nutzbar ist. - Wir werden auf den Seiten von eRecht24 für die Dienste, die eine Einwilligung benötigen, ebenfalls die Lösung von Usercentrics einsetzen. --- ## Tipps & Tricks: Anonym im Internet surfen - wie geht das? **Source:** [https://www.muenchen-webdesign.de/2019/09/15/anonym-im-internet-surfen-wie-geht-das/](https://www.muenchen-webdesign.de/2019/09/15/anonym-im-internet-surfen-wie-geht-das/) **Date:** 2019-09-15 **Category:** Allgemein, Tipps & Tricks, Tools | **Tags:** anonym, Apple, Browser, Chrome, Cookies, Duck Duck Go, Edge, Firefox, Google, Inkognito, InPrivate, Internet Explorer, Microsoft, Modus, Mozilla, Opera, Privat, Proxy, Pseudonyme, Safari, Server, Suchmaschinen, surfen, Tor | **Keyword:** anonym im internet surfen **Wer im Internet unterwegs ist oder lediglich etwas liest, hinterlässt überall Spuren - und zwar oft mehr als ihm oder ihr lieb ist. Hier ein paar Tipps dazu, wie Sie anonym im Internet surfen können ohne zu viel über sich preiszugeben.** ## Anonym surfen? [![Anonym im Internet surfen - Browser Icons mit Privatmodus-Maske](https://www.muenchen-webdesign.de/wp-content/uploads/2019/09/Browser-Icons-With-Privacy-Mask-e1568551659624-300x198.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2019/09/Browser-Icons-With-Privacy-Mask.jpg)Ist es Ihnen auch schon passiert, dass Ihr Computer Ihnen im Browser beim Surfen oder auch in Apps plötzlich Produkte zum Kauf vorschlägt, nach denen Sie ein paar Tage vorher noch gesucht hatten? Natürlich ist es bequem, dass Ihr Online-Buch-Shop Ihnen bereits nach der ersten Bestellung nur noch artverwandte Bücher empfiehlt. Aber spätestens wenn die ersten an Sie persönlich adressierten Spam-Mails in Ihrem Postfach auftauchen, oder Werbeanzeigen beim nächsten Internet-Besuch exakt das gleiche Produkt darstellen, das Sie vor kurzem gesucht hatten, wird offensichtlich: Ein wenig anonymer im Internet wäre manches Mal nicht verkehrt. Hier ein paar einfache Verhaltensweisen, mit denen Sie weniger Spuren im Netz hinterlassen. ## Alternativen zu Google nutzen: anonyme Suchmaschinen Wenn Sie vermeiden wollen, all zu viele Daten von sich preiszugeben, können Sie auf spezielle Suchmaschinen ausweichen. Denn große Anbieter wie Google, Bing oder Yahoo speichern neben Ihren eingegebenen Suchbegriffen auch Ihre IP-Adresse (Internet-Protocol-Adresse). Anhand dieser IP-Adresse kann ein Website-Besuch, ein Download und viele weitere Aktivitäten jederzeit Ihrem Internet-Anschluss - und damit Ihnen selbst bzw. Ihrem Haushalt - zugeordnet werden. Um das zu verhindern, können Sie auf die Funktion **Privates Surfen** umsteigen. Beachten Sie jedoch, dass mit dieser Funktion je nach Browser zwar keine Seiteninformationen, Sucheinträge oder sonstige Ihrer Aktivitäten im Browser gespeichert und weitergeleitet werden, Ihre IP-Adresse aber weiterhin erkennbar ist. Die verschiedenen gängigen Browser haben unterschiedliche Bezeichnungen für die Funktion des privat Surfen verwendet - hier die entsprechenden Benennungen: - **Google Chrome**: [Inkognitomodus](https://support.google.com/chrome/answer/95464?co=GENIE.Platform%3DDesktop&hl=de) (Inkognitofenster) - **Mozilla Firefox**: [Privater Modus](https://support.mozilla.org/de/kb/privater-modus) (Privates Fenster) - **Microsoft Edge** & **Internet Explorer**: [InPrivate-Browsen](https://support.microsoft.com/de-de/help/4026200/microsoft-edge-browse-inprivate) (InPrivate-Fenster) - **Apple Safari**: - Mac: [Privates Surfen](https://support.apple.com/de-de/guide/safari/ibrw1069/mac) (Privates Fenster) - iPhone, iPad, iPod touch: [Privates Surfen](https://support.apple.com/de-de/HT203036) - **Opera**: [Privatmodus](https://help.opera.com/de/touch/privatmodus/) Suchmaschinen wie **Duck Duck Go** ([https://duckduckgo.com](https://duckduckgo.com/)) verzichten hingegen auf diese Speicherung - und greifen dabei dennoch auf die Suchergebnisse der großen Anbieter zurück - so bleiben Sie unerkannt. Wir bei [F/X Web Consulting](https://www.fx-web.de) nutzen diese Möglichkeit sehr oft - ganz besonders dann, wenn wir für uns oder auch für Kunden herausfinden wollen, wie deren Websites bei Google & Co. gelistet werden. Denn wenn man hier ein einigermaßen zuverlässiges Ergebnis erhalten möchte, darf die Suchmaschine den Sucher und dessen Computer nicht „wiedererkennen" - was in der Regel im Privat-Modus gewährleistet ist. ## **Augen auf bei Cookies** Die einfachste Maßnahme ist es, auf den Einsatz von Cookies zu verzichten. Cookies sind kleine Datenpakete, die bestimmte Websites auf Ihrem Computer speichern. Dort befinden sich dann beispielsweise Informationen darüber, nach welchen Artikeln Sie gesucht und welche Sie erworben haben. Sie können diese Funktion meist im Einstellungsmenü Ihres Browsers abschalten. **Manche Websites funktionieren jedoch ohne Cookies nicht mehr korrekt.** Eine Alternative ist es deshalb Cookies zuzulassen, diese aber in regelmäßigen Abständen zu löschen. Auch diese Löschfunktion befindet sich bei den meisten Browsern im Einstellungsmenü (oft auch über die Tastenkombination STRG+SHIFT+ENTF schnell erreichbar). Dort sollten Sie auch in regelmäßigen Abständen die Liste der von Ihnen besuchten Internetadressen (Historie/Verlauf), die gespeicherten Kennwörter, gespeicherte Formulareinträge und sonstige gespeicherte Daten löschen. Außerdem sollten Sie keinesfalls wichtige Kennwörter oder Zugangsdaten in Ihrem Browser speichern, da sie dort für Hacker und Dritte mit etwas Know-How relativ leicht zugänglich sind. Verwenden Sie stattdessen lieber einen Passwort-Manager wie [Keepass](https://keepass.info/) oder [Enpass](https://www.enpass.io/). ## Anonym surfen mit Hilfe von Browser Add-ons Nutzen Sie sogenannte Add-ons, um Ihren Besuch im Internet so sicher und anonym wie möglich zu gestalten. Add-ons sind Erweiterungen, die in Browsern wie Mozilla Firefox oder Google Chrome hinzugefügt werden können, um Skriptsprachen wie JavaScript und Flash auszuschalten. Skriptsprachen sind zum Aufruf von dynamischen Inhalten wie Videos oder auch zur Validierung von Formularinhalten notwendig. Jedoch können über Skriptsprachen auch die Interaktionen des Internet-Nutzers ausgewertet bzw. nachverfolgt werden. Mit Add-ons können Sie JavaScript/Flash (z.B. mit [NoScript](https://noscript.net/)) sowie Werbe-Blocker (z.B. mit [Adblock Plus](https://adblockplus.org/de/)) einfach per Kopfdruck ein- oder ausschalten, um keine Spuren zu hinterlassen. ## Virtuelle „Tarnkappe" via Tor Browser oder Proxy-Server Alternativ können Sie über den [Browser Tor](https://www.torproject.org/) anonym im Internet surfen. Bei diesem Browser werden eine Reihe anonymer Knotenpunkte hintereinander genutzt um Ihre Spuren zu verwischen. Eine weitere, altbekannte Möglichkeit im Internet anonym unterwegs zu sein ist die Nutzung eines sogenannten [Proxy-Servers](https://de.wikipedia.org/wiki/Proxy_(Rechnernetz)) (oft einfach nur Proxy genannt). Indem Sie Ihren Datenverkehr über diese Zwischenstelle „tunneln" verwischen Sie Ihre Spuren. Mit Nutzung eines Proxy-Servers ist Ihre wahre IP-Adresse im Internet nicht mehr erkennbar. Für „Datenkraken" wird es so wesentlich schwieriger herauszufinden, wer eine bestimmte Website tatsächlich besucht hat. Eine Liste von kostenlosen Proxy-Servern und wie man diese einrichtet finden Sie über die Suchmaschine mit den Suchbegriffen „proxy server nutzen kostenlos" oder auch [direkt hier](https://www.netzwelt.de/proxy/index.html). Des weiteren können Sie auch ein [Tor Netzwerk](https://de.wikipedia.org/wiki/Tor_%28Netzwerk%29) nutzen. Dieses dient dazu, Ihr Netzwerk von Verbindungsdaten zu anonymisieren und damit zu verhindern, dass jemand Ihren Datenverkehr analysiert. ## Pseudonyme verwenden Zu guter Letzt sollten Sie es wann immer möglich vermeiden persönliche Angaben preiszugeben. Dies gilt vor allem für Seiten die leicht für andere zugänglich sind, wie z.B. **Profile in Foren**. Verwenden Sie dort nach Möglichkeit ein Pseudonym anstelle Ihres richtigen Namens. Für private Interessen lohnt sich auch die Einrichtung einer zusätzlichen E-Mail-Adresse (meist bei bei einem kostenlosen E-Mail-Anbieter). Auch hier sollten Sie als Adresse ein Pseudonym wählen, das keine Rückschlüsse auf Ihren vollständigen Namen zulässt. Manche Seiten, wie z.B. Karrierenetzwerke, lassen jedoch keine Verwendung von Pseudonymen zu. Hier sollten Sie genau überlegen welche persönlichen Daten Sie von sich preisgeben und welche sich später eventuell einmal schädlich auf Ihre Karriere auswirken könnten. Wenn Sie einen Zugang zu einem Forum, zu einem sozialen Netzwerk oder auch zu einem Online-Shop nicht mehr verwenden, dann löschen Sie diesen. Falls das nicht möglich sein sollte fordern Sie den Betreiber der Seite auf, Ihre Daten vollständig zu entfernen. ## Fazit Sie kennen nun verschiedene Möglichkeiten wie Sie anonym im Internet surfen können, die meisten davon sogar kostenlos. Wenn Sie im Artikel eine Möglichkeit vermissen, oder eine bevorzugte Methode oder Software zum anonymisierten Surfen haben, dann lassen Sie es uns unten in den Kommentaren wissen. --- ## Regional: F/X Web Consulting jetzt auch auf nebenan.de **Source:** [https://www.muenchen-webdesign.de/2019/07/19/regional-auf-nebenan-de/](https://www.muenchen-webdesign.de/2019/07/19/regional-auf-nebenan-de/) **Date:** 2019-07-19 **Category:** Allgemein, Social Media, Unternehmens-News | **Tags:** 2019, F/X Web Consulting, nebenan.de, regional, Regionaler Fokus, Unternehmen | **Keyword:** regional ## F/X Web Consulting ist jetzt auch regional auf nebenan.de vertreten Als Unternehmen mit regionalem Fokus ist uns die Stärkung lokaler Geschäfte und Unternehmer ein Anliegen. Deshalb sind wir Mitglied im regionalen Verein [Unternehmer für Feldmoching e.V.](https://www.die-feldmochinger.de/unternehmen/fx-web-consulting/), und deshalb auch seit kurzem mit einem Gewerbeprofil auf der Nachbarschafts-Plattform nebenan.de vertreten. Hier geht's zu unserem Gewerbeprofil: [https://nebenan.de/places/businesses/3301](https://nebenan.de/places/businesses/3301) ## Screenshot: ![Screenshot: Gewerbeprofil von F/X Web Consulting auf nebenan.de](https://www.muenchen-webdesign.de/wp-content/uploads/2019/07/2019-07-18-fx-web.de-gewerbeprofil-auf-nebenan.de_.jpg) Screenshot: Gewerbeprofil von F/X Web Consulting auf nebenan.de Ach ja - „liken" geht bei nebenan.de auch ganz leicht - einfach auf das „Empfehlen"-Herz klicken! ## Eure Meinung? Wir sind neugierig: Lokale Unternehmen mit Fokus auf regional - wie findet ihr das? Einfach Kommentar hinterlassen! --- ## Branchenfilter-Funktion für unsere Kundenreferenzen **Source:** [https://www.muenchen-webdesign.de/2019/06/15/branchenfilter-fuer-kundenreferenzen/](https://www.muenchen-webdesign.de/2019/06/15/branchenfilter-fuer-kundenreferenzen/) **Date:** 2019-06-15 **Category:** Referenzen, Technik, Unternehmens-News | **Tags:** 2019, Branchenfilter, CSS, JavaScript, Kundenreferenzen | **Keyword:** Branchenfilter ## Branchenfilter - worum geht's? Nachdem wir mittlerweile **mehr als 30 Kundenreferenzen** auf unserer Referenzen-Seite präsentieren, und diese bislang lediglich chronologisch nach Kalenderjahren gruppiert waren, wurde es langsam unübersichtlich... ...also haben wir kürzlich eine Filtermöglichkeit eingebaut, der es unseren Interessenten erlaubt, sich gezielt Kundenreferenzen aus bestimmten Branchen und Unter-Branchen anzeigen zu lassen: [![Screenshot: Neuer Branchenfilter für unsere Kundenreferenzen](https://www.muenchen-webdesign.de/wp-content/uploads/2019/07/2019-06-12-Kundenreferenzen-mit-Branchenfilter-Funktion.jpg)](https://www.fx-web.de/749/unternehmen/kundenreferenzen) Screenshot: Neuer Branchenfilter für unsere Kundenreferenzen ## Technik? Hier kommt eine Mischung aus JavaScript/jQuery und CSS zum Einsatz - natürlich mit Fallback für Browser, die JavaScript deaktiviert haben. Das für sich alleine ist noch keine Riesenaufgabe für geübte Programmierer wie uns. Die eigentliche Herausforderung bestand darin, dass alle Kundenreferenzen in einem sogenannten Accordion gelistet werden - und zwar ein Accordion-Tab pro Kalenderjahr. Der Filter musste also so programmiert werden, dass er die Jahres-Tabs, in denen zum eingestellten Filter passende Referenzen enthalten sind, öffnet, und alle anderen Tabs schließt. ## Gefällt's? Probiert unseren neuen Branchenfilter doch mal aus - dazu einfach oben auf das Screenshot-Bild oder auf den folgenden Link klicken: [https://www.fx-web.de/749/unternehmen/kundenreferenzen](https://www.fx-web.de/749/unternehmen/kundenreferenzen) Wir würden uns freuen, wenn Ihr uns ein Feedback oder gerne auch Verbesserungsvorschläge zum neuen Branchenfilter als Kommentar hinterlasst. --- ## Relaunch und erste Kundenreferenz aus der Branche Öffentliche Verwaltung **Source:** [https://www.muenchen-webdesign.de/2019/05/18/relaunch-und-erste-kundenreferenz-aus-der-branche-oeffentliche-verwaltung/](https://www.muenchen-webdesign.de/2019/05/18/relaunch-und-erste-kundenreferenz-aus-der-branche-oeffentliche-verwaltung/) **Date:** 2019-05-18 **Category:** Referenzen, Unternehmens-News | **Tags:** 2019, Gemeinde, Kundenreferenz, Öffentliche Vewaltung, Relaunch, Vierkirchen | **Keyword:** Öffentliche Verwaltung ## Erste Kundenreferenz aus der Branche Öffentliche Verwaltung: Gemeinde Vierkirchen Ein Bericht über unsere neueste und erste Kundenreferenz aus der Branche **Öffentliche Verwaltung** - dem Relaunch der Website der **Gemeinde Vierkirchen**. ## Der Kunde Die Gemeinde Vierkirchen liegt im Nord-Osten von Dachau, und ist bekannt für den Einsatz moderner Technologien. Mit ihren digitalen Dienstleistungen ist sie auch ein **Vorzeigebeispiel im Bereich der öffentlichen Verwaltung**. Trotzdem war die Website der Gemeinde Vierkirchen bereits „in die Jahre gekommen", sowohl optisch wie auch was die Unterstützung mobiler Geräte angeht. Ein Relaunch war bereits für 2016/2017 geplant, fand jedoch aufgrund von Schwierigkeiten außerhalb des Einflussbereichs der Gemeinde nicht statt. In dieser Situation wurde der Gemeinde im Juni 2018 durch einen ihrer Dienstleister das Unternehmen [F/X Web Consulting](https://www.fx-web.de) für den Relaunch empfohlen. Im Folgenden ein Screenshot der Website vor dem Relaunch. In der Tablet- und Smartphone-Ansicht links unten ist leicht erkennbar, dass die Site nicht mobil-tauglich war, und wichtige Gemeinde-Informationen und -Hinweise aus der rechten Seitenspalte gar nicht angezeigt wurden: ![Screenshot der Website vierkirchen.de vor dem Relaunch 2019](https://www.muenchen-webdesign.de/wp-content/uploads/2019/07/2019-02-09-vierkirchen.de-VORHER-copyright.jpg) Screenshot der Website vierkirchen.de vor dem Relaunch 2019 Am 20.06.2019 fand dann unser erstes Treffen im Rathaus der Gemeinde Vierkirchen mit dem Bürgermeister und den IT-Verantwortlichen statt. Wir konnten mit unserer [360-Grad-Internet-Beratung](https://www.fx-web.de/internet-beratung) die Anwesenden von unserer Leistungsfähigkeit überzeugen. Auch das bereits vorliegende Lastenheft und die grundsätzliche Design-Richtung wurden besprochen. Wir konnten auch eine Fertigstellung bis Ende 2018 in Aussicht stellen, was der Gemeinde sehr wichtig war. ## Das Projekt Bereits die Angebotserstellung war eine Mammut-Aufgabe - denn das Lastenheft umfasste viele Punkte die zu erfüllen waren. Darunter waren auch Anforderungen, die mit dem von uns präferierten Worldsoft-CMS nicht ohne zusätzliche Programmierung und/oder den Zukauf externer Drittanbieter-Lösungen zu stemmen waren (z.B. der Rathauswegweiser und ein gewerbliches Branchenbuch). Spätestens zu diesem Zeitpunkt war uns auch klar, **dass dies das größte aller bisher von uns ausgelieferten Website-Projekte werden würde**. Am 11.07.2019 erhielten wir von der Gemeinde Vierkirchen **grünes Licht für den Auftrag**, damit konnte es nun losgehen und wir mit der Planung der Migration starten. ### Projektstart Zunächst begannen wir damit einen Projektplan samt To-Do-Liste der anfallenden Tätigkeiten zu erstellen, um auch garantiert nichts zu vergessen und auch eine sinnvolle Reihenfolge der anfallenden Aufgaben sicherzustellen. Denn es galt einiges zu beachten und mit der Gemeinde zu koordinieren - darunter auch der notwendige **Umzug der Domain zum neuen Provider**. Des Weiteren die Vorbereitungen für die seitens der Gemeinde-IT-Abteilung zu treffenden **Maßnahmen für das in Eigenregie betriebene Mailsystem**. Auch erstellten wir eine Mapping-Tabelle für die Inhalte der bisherigen Website, um diese damit zur neuen Navigationsstruktur zuzuordnen und nicht mehr benötigte Inhalte ausfiltern zu können. Damit behielten wir auch die Übersicht darüber, welche Inhalte (insgesamt galt es über 80 Inhaltsseiten zu migrieren) schon in die neue Website übernommen wurden. Am 03.08.2019 wurde das [Worldsoft-CMS](http://www.fx.worldsoft.info/) beim neuen Provider, der Worldsoft AG, beauftragt. Nun konnten wir mit der Entwicklung des Designs beginnen, was in den meisten unserer Web-Projekte die zeitlich anspruchvollste Aufgabe ist. Im Falle der Gemeinde Vierkirchen war dieser Teil jedoch deutlich weniger zeitintensiv, da noch viele Spezialanforderungen entwickelt bzw. eingekauft werden mussten. ### Design fertiggestellt Anfang Oktober hatten wir das Design fertiggestellt und trafen uns erneut mit den Beteiligten bei der Gemeinde Vierkirchen. Nach einigen kleinen Veränderungen **erhielten wir am 16.10.2019 die Design-Freigabe vom Bürgermeister** und stürzten uns in die noch zahlreichen anstehenden Aufgaben: die **Migration der Inhaltsseiten**, die **Integration der Drittanbieterlösungen**, Konfiguration und Einrichtung diverser Module (z.B. den Veranstaltungskalender) in der Backend-Software, der [Worldsoft Business Suite (WBS)](http://fx.worldsoft-wbs.info/), und noch einiges mehr. Die Gemeinde beauftragte zuerst einen freiberuflichen Programmierer für die Entwicklung der benötigten Speziallösungen. Dieser lieferte jedoch über einen Zeitraum von mehreren Wochen nichts Vorzeigbares. Durch diesen Zeitverlust war die für Ende 2018 geplante Fertigstellung bereits nicht mehr möglich. Deshalb entschied sich die Gemeinde dann für vorhandene Kauflösungen von Drittanbietern, die mit relativ wenig Aufwand unsererseits optisch an das Design der Gemeinde Vierkirchen angepasst werden konnte. Nun wurde in enger Zusammenarbeit mit dem Gemeinde-IT-Verantwortlichen nach **Lösungen für die Spezialanforderungen** gesucht und auch gefunden. Diese werden auf Gemeinde-eigenen Systemen gehostet, und per iframe in die Website integriert. Um sicherzugehen, dass diese integrierten Speziallösungen sich auch optimal an sich verändernde Bildschirmgrößen anpassen, ließen wir von den Anbietern sogar spezielle PHP-Funktionen implementieren. Nun wird via [window.postMessage()](https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage) ein Kommunikationskanal zwischen Website und Speziallösung etabliert und uns darüber eine [automatische Höhenanpassung der integrierten iframes](https://stackoverflow.com/questions/8223239/how-to-get-height-of-iframe-cross-domain) in der Website ermöglicht. Mit dem Kauf und der Integration der Drittanbieterlösungen war es natürlich nicht getan. Glücklicherweise hatte sich die Gemeinde-IT bereit erklärt, die beiden Lösungen mit den notwendigen Daten zu füllen (z.B. alle Mitarbeiter und Abteilungen in den Rathauswegweiser einzupflegen). Dieser Vorgang, und letzte notwendige Maßnahmen unsererseits wurden im Januar 2019 umgesetzt. Anfang Februar 2019 war die neue Website dann fertig, und am 08.02.2019 starteten wir in Absprache mit der Gemeinde den Umzug der Domain zum neuen Provider. ## Die neue Website Auf dieses Projekt sind wir mal so richtig stolz - denn entstanden ist eine ultra-moderne Website mit - einer Schnellzugriffs-Funktionsleiste am oberen Bildschirmrand, - einem zweispaltigen und flächigen Dropdown-Menü mit Piktogrammen, - einem zeitgesteuerten News-Bereich für Ankündigungen und Bekanntmachungen, - einem Veranstaltungskalender (der auch von Besuchern mit Leben gefüllt werden kann), und - zwei nahtlos integrierten Drittanbieter-Lösungen für Rathauswegweiser und Branchenkatalog Selbstverständlich erfüllt die neue Website auch alle an Websites aus dem Bereich öffentliche Verwaltung bzw. der kommunalen Verwaltungen gestellte Anforderungen zur Barrierefreiheit. Dazu zählen eine gute Lesbarkeit auf allen Geräten (inklusive Flat-Design), kontrastreiche Elemente und auch eine einstellbare Schriftgröße für Menschen mit eingeschränkter Sehfähigkeit. Hier ein Screenshot der neuen Homepage zum Zeitpunkt des [Relaunch](https://www.muenchen-webdesign.de/tag/relaunch/) im Februar 2019 - überzeugt euch selbst unter [https://www.vierkirchen.de/](https://www.vierkirchen.de/) wie gut die Website unserer bescheidenen Meinung nach gelungen ist! ![Screenshot: Relaunch der Website www.vierkirchen.de im Februar 2019 - Kundenreferenz aus der Branche Öffentliche Verwaltung](https://www.muenchen-webdesign.de/wp-content/uploads/2019/07/2019-02-09-vierkirchen.de-copyright.jpg) Screenshot: Relaunch der Website www.vierkirchen.de im Februar 2019 ## Fazit Die Erstellung der Website wie auch die tolle Zusammenarbeit mit den IT-Verantwortlichen bei der Gemeinde Vierkirchen hat viel Spaß gemacht. Und wir freuen uns, nun endlich auch eine **Referenz in der Branche Öffentliche Verwaltung** vorweisen zu können. Frau Bestle, die bei der Gemeinde für die inhaltliche Pflege der Website verantwortlich ist, hat uns freundlicherweise auch [in Form eines Kundenfeedbacks](https://www.fx-web.de/750#andrea-bestle) attestiert, wie zufrieden die Gemeinde mit der von uns erbrachten Dienstleistung ist. **Wir bedanken uns an dieser Stelle nochmals herzlichst bei der Gemeinde für die tolle Kooperation.** In der Branche **Öffentliche Verwaltung** gibt es noch sehr viele Websites die modernisiert werden müssen. Falls Sie für eine solche Website verantwortlich sind, [nehmen Sie einfach Kontakt mit uns auf](https://www.fx-web.de/696/kontakt)! --- ## Kundenreferenz aus der Gesundheitsbranche **Source:** [https://www.muenchen-webdesign.de/2019/04/13/kundenreferenz-aus-der-gesundheitsbranche/](https://www.muenchen-webdesign.de/2019/04/13/kundenreferenz-aus-der-gesundheitsbranche/) **Date:** 2019-04-13 **Category:** Referenzen, Unternehmens-News | **Tags:** 2019, Coaching, Gesundheit, Gesundheitsbranche, Kundenreferenz, Praxis, Psychotherapie, Relaunch | **Keyword:** Gesundheitsbranche ## Relaunch in der Gesundheitsbranche: Praxis für Psychotherapie & Coaching - Nicole Betz Ein Kurzbericht über unsere neueste und erste Kundenreferenz für eine Website aus der **Gesundheitsbranche**. ## Der Kunde Frau Betz betreibt ihre Praxis für Psychotherapie & Coaching in Oberschleißheim, nördlich von München. Sie plante schon länger Ihre Website zu modernisieren, die sie bislang vollständig selbst erstellt und auch immer inhaltlich gepflegt und verbessert hatte. Die für Responsive Design notwendigen Anforderungen wurden jedoch von der von ihr verwendeten Web-Software nicht unterstützt, und so hatte sie auf der Suche nach einem Webdesign-Profi im Herbst 2018 Kontakt mit uns aufgenommen. Hier ein Screenshot der früheren Website der auf der links unten dargestellten Tablet- und Smartphone-Ansicht zeigt, dass die Site nicht mobil-tauglich war, da auf der rechten Seite Inhalte abgeschnitten wurden: ![Screenshot: die Website heilenundentfalten.de aus der Gesundheitsbranche vor dem Relaunch](https://www.muenchen-webdesign.de/wp-content/uploads/2019/07/2018-12-heilenundentfalten.de-VORHER-copyright.jpg) Screenshot: die Website heilenundentfalten.de vor dem Relaunch Nachdem wir ihr - wie dies bei uns üblich ist - im Rahmen unserer [360-Grad-Internet-Beratung](https://www.fx-web.de/internet-beratung) die grundsätzlichen Möglichkeiten aufgezeigt und auch die grundsätzliche Design-Richtung besprochen hatten, konnte es kurz darauf auch bereits losgehen. ## Das Projekt Ende Oktober begannen wir der Arbeit. Das Design der Site und das Logo sollten im Großen und Ganzen erhalten bleiben. Wir modernisierten aber natürlich in Richtung Responsive Webdesign und verwendeten modernere Schriftarten, wie beispielsweise die **trendige Schriftart Nunito**. Außerdem stellten wir vom bisher verwendeten senkrechten Navigationsmenü auf ein horizontales Dropdown-Menü um. Die Inhalte wurden größtenteils von der bisherigen Website übernommen. Frau Betz „feilte" aber noch an ein paar Stellen an ihren Texten, und die Navigationsstruktur wurde inhaltlich etwas angepasst. Anfang Februar 2019 war die neue Website fertig und wir starteten den Umzug der Domain vom bisherigen zum neuen Provider. ## Die neue Website Hier nun ein Screenshot der neuen Homepage zum Zeitpunkt des [Relaunch](https://www.muenchen-webdesign.de/tag/relaunch/) im Februar 2019 - am besten gleich mal live unter [https://www.heilenundentfalten.de/](https://www.heilenundentfalten.de/) vorbeischauen! ![Screenshot: Relaunch der Website www.heilenundentfalten.de aus der Gesundheitsbranche im Februar 2019](https://www.muenchen-webdesign.de/wp-content/uploads/2019/07/2019-02-09-heilenundentfalten.de-copyright.jpg) Screenshot: Relaunch der Website www.heilenundentfalten.de im Februar 2019 ## Fazit Die Erstellung der Website und auch die Zusammenarbeit mit Frau Betz hat viel Freude bereitet, und wir freuen uns nun endlich auch eine **Referenz in der Gesundheitsbranche** vorweisen zu können. Frau Betz war mit unserer Dienstleistung sehr zufrieden, was sie uns freundlicherweise auch [in Form eines Kundenfeedbacks](https://www.fx-web.de/750#nicole-betz) attestiert hat. Wir bedanken uns an dieser Stelle nochmals herzlichst bei Frau Betz für die tolle Zusammenarbeit und wünschen ihr weiterhin **viel Erfolg mit ihrer Praxis für Psychotherapie & Coaching!** --- ## Social Media - Checkliste für Weihnachten **Source:** [https://www.muenchen-webdesign.de/2018/12/09/social-media-checkliste-fuer-weihnachten/](https://www.muenchen-webdesign.de/2018/12/09/social-media-checkliste-fuer-weihnachten/) **Date:** 2018-12-09 **Category:** Social Media, Tipps & Tricks | **Tags:** Planung, Social Media, Tipps, Weihnachten | **Keyword:** social media weihnachten Als Bezieher der stets hilfreichen [Social Media Tipps](https://emarcon.de/social-media-experte/newsletter/) des [Social Media Beraters Josef Rankl](https://emarcon.de/social-media-agentur/) hat uns die Dezember-Ausgabe dieses Jahr rechtzeitig an etwas erinnert: nämlich dass wir uns besser bereits in den nächsten Tagen um die Vorbereitung unserer Social Media Aktivitäten vor und während der Weihnachtszeit inklusive Silvester/Neujahr kümmern sollten - und nicht wie so oft in den vergangenen Jahren „auf den letzten Drücker". Die Dezember 2018-Ausgabe hat nämlich auch den Verweis auf den Artikel [Social Media-Checkliste für Weihnachten](https://web.archive.org/web/20231129043308/https://www.eishofer.com/social-media-checkliste-fuer-weihnachten_/) von Astrid Eishofer aus Wien mit 10 guten und lesenswerten Tipps dazu geliefert. [![10 Social-Media-Tipps-Weihnachten](https://www.muenchen-webdesign.de/wp-content/uploads/2018/12/Socialmedia-Tipps-Weihnachten-Instagram-Facebook-774x320-300x124.png)](https://web.archive.org/web/20231129043308/https://www.eishofer.com/social-media-checkliste-fuer-weihnachten_/) © Astrid Eishofer - www.eishofer.com Hier die 10 + 1 Social Media-Tipps für die Weihnachtszeit im Überblick: 1. Pimpen Sie Ihre Profile auf! 2. Promotion: Planen Sie Ihre Weihnachtsaktionen rechtzeitig! 3. Schreiben Sie eine Checkliste mit den Meilensteinen bis Weihnachten! 4. Achtung bei Rabattaktionen und Gutscheinen 5. Achten Sie auf sinnvolle Weihnachtsaktionen 6. Planen Sie Ihre Posts für die Feiertage vor 7. Achten Sie beim Vorplanen auf den Text Ihrer Postings! 8. Jahresrückblick 9. Betriebsurlaube ankündigen! 10. Sorgen Sie rechtzeitig für die Urlaubsbetreuung Ihrer Social Media - Kanäle 11. Starten Sie keine reine Verkauf-Show, sondern liefern Sie Inspirationen Die Details zu den insgesamt 11 Tipps finden Sie im [vollständigen Artikel auf www.eishofer.com](https://web.archive.org/web/20231129043308/https://www.eishofer.com/social-media-checkliste-fuer-weihnachten_/). Und um Punkt 9. - Betriebsurlaube ankündigen - zumindest gleich hier für den Blog abhaken zu können, hier der frühzeitige Hinweis auf unsere Betriebsferien 2018/19: wir sind **vom 22.12.18 bis einschließlich 06.01.19 im Betriebsurlaub**. Ich wünsche Ihnen eine angenehme Lektüre, gelungene Vorbereitung und eine fröhliche Vorweihnachtszeit. --- ## Kundenreferenz aus der Handwerksbranche: SF Abwassertechnik **Source:** [https://www.muenchen-webdesign.de/2018/07/16/neue-kundenreferenz-aus-der-handwerksbranche-sf-abwassertechnik/](https://www.muenchen-webdesign.de/2018/07/16/neue-kundenreferenz-aus-der-handwerksbranche-sf-abwassertechnik/) **Date:** 2018-07-16 **Category:** Referenzen, Responsive Webdesign, Unternehmens-News | **Tags:** 2018, Abwassertechnik, Handwerksbranche, Kundenreferenz, München, München-Feldmoching, München-Lerchenau, Referenz | **Keyword:** Handwerksbranche ## Neue Kundenreferenz aus der Handwerksbranche Abwassertechnik Heute zur Abwechslung mal kurz & knackig - unsere neueste Kundenreferenz für eine **Website für einen Kunden aus der Handwerksbranche** - der SF Abwassertechnik in München-Lerchenau. ## Der Kunde Der Unternehmensinhaber, Herr Fetahu, kam im Februar diesen Jahres auf Empfehlung eines unserer Kunden, der [AZEMI-BAU GmbH](https://www.azemi-bau.de/), zu uns. Nachdem wir ihn im Rahmen unserer [360-Grad-Internet-Beratung](https://www.fx-web.de/internet-beratung) zu den grundsätzlichen Möglichkeiten im Online-Marketing (inkl. Google My Business) beraten und auch die grundsätzliche Design-Richtung besprochen hatten, waren wir uns schnell einig. ## Das Projekt Mitte März begannen wir der Arbeit, sobald die Domain **rohrreinigung-muenchen.de** eingekauft worden war. Allerdings hatten wir noch kein fertiges Logo, nur die blaue Basisfarbe des Logos. Aber das genügte uns um den ersten Design-Entwurf zu erstellen und vom Kunden bestätigen zu lassen. Nach Erhalt des finalen Logos von unserem Grafikdesigner, der wie wir ebenfalls aus **München-Feldmoching** kommt, stellten wir das Design fertig. Sobald vom Kunden die letzten Texte eintrafen war die Fertigstellung nur noch ein Klacks. Nachdem die Website Anfang Mai 2018 live ging machten wir uns auch an die Erstellung des Google My Business Eintrags für SF Abwassertechnik. Nach Erhalt der Bestätigungs-PIN von Google für die Verifizierung als lokales Unternehmen trugen wir diese ein, und das Projekt war abgeschlossen. ## Die Website von SF Abwassertechnik Hier ein Screenshot der Homepage - oder am besten gleich mal live unter [https://www.rohrreinigung-muenchen.de/](https://www.rohrreinigung-muenchen.de/) bei SF Abwassertechnik vorbeischauen! [![Screenshot der Website rohrreinigung-muenchen.de - Handwerksbranche Abwassertechnik](https://www.muenchen-webdesign.de/wp-content/uploads/2018/07/2018-05-22-rohrreinigung-muenchen.de-copyright.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2018/07/2018-05-22-rohrreinigung-muenchen.de-copyright.jpg) ## Dazugelernt Wir haben auch wieder ein klein wenig einen Einblick in eine für uns bislang unbekannte Handwerksbranche erhalten. Was wir in dieser Zeit über die Abwassertechnik- und Rohrreinigungs-Branche gelernt haben? Dass man auch in diesem eher „schmutzigen" Handwerk **umweltverträglich** vorgehen und arbeiten kann! Das finden wir klasse, und da SF Abwassertechnik sich genau diese Umweltverträglichkeit auf die Fahne geschrieben hat, würden wir dieses Unternehmen jederzeit empfehlen. ## Fazit Die Erstellung der Website hat viel Spaß gemacht, und wir konnten wieder ein paar neue Design-Ideen umsetzen. Herr Fetahu war mit unserer Dienstleistung sehr zufrieden, und das ist uns wie immer am wichtigsten. Ich bedanke mich an dieser Stelle auch nochmals herzlichst bei Herrn Fetahu für die jederzeit angenehme Kooperation. Ich wünsche ihm weiterhin **ganz viel Erfolg mit seinem Fachbetrieb für Abwassertechnik und Rohrreinigung!** --- ## Datenschutz-Benutzereinstellungen **Source:** [https://www.muenchen-webdesign.de/datenschutz-benutzereinstellungen/](https://www.muenchen-webdesign.de/datenschutz-benutzereinstellungen/) **Date:** 2018-06-03 **Keyword:** datenschutz Hier können Sie Ihre ganz persönlichen Datenschutz-Einstellungen vornehmen. --- ## Redesign & Relaunch: F/X Web Consulting | Internetagentur München **Source:** [https://www.muenchen-webdesign.de/2018/01/12/redesign-relaunch-fx-web-consulting-internetagentur-muenchen/](https://www.muenchen-webdesign.de/2018/01/12/redesign-relaunch-fx-web-consulting-internetagentur-muenchen/) **Date:** 2018-01-12 **Category:** Allgemein, Relaunches, Unternehmens-News | **Tags:** 2018, F/X Web Consulting, Internetagentur, Migration, München, Redesign, Relaunch, Responsive Webdesign, Shariff, Worldsoft-CMS | **Keyword:** Redesign ## Geschafft: Redesign & Relaunch fx-web.de Der **22. Dezember 2017** ist ein Meilenstein in der Firmengeschichte von F/X Web Consulting - denn es ist der Tag, an dem wir unsere Unternehmens-Website [www.fx-web.de](https://www.fx-web.de) nach monatelanger Vorarbeit im völlig neuen Design (deshalb Redesign), auf einem völlig anderen Content Management System (CMS), bei einem „neuen" Provider und mit vielen neuen Features und auch neuen Inhalten (deshalb Relaunch) live gestellt haben. [![Screenshot der neuen Website von F/X Web Consulting im Responsive Webdesign](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2017-12-22-fx-web.de-responsive-web-design-4-screens-copyright.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2017-12-22-fx-web.de-responsive-web-design-4-screens-copyright.jpg) Redesigned & Relaunched: die neue Website von F/X Web Consulting | Internetagentur München im Responsive Webdesign ## Redesign vs. Relaunch: der Unterschied Die beiden am häufigsten verwendeten Ausdrücke für die Überarbeitung einer Internetseite sind **Redesign** und **Relaunch**. Beide scheinen auf den ersten Blick das Gleiche zu bedeuten, dem ist aber nicht so. Bei unserer Migration kam beides zusammen. Beim **Redesign** einer Seite erfolgt ein „Rundumschlag": neben dem Design werden auch Struktur und Inhalte der Seiten grundlegend überarbeitet. Ziel ist es, die Akzeptanz der Seiten beim Nutzer zu verbessern und langfristig den Erfolg der Seiten zu steigern. Beim **Relaunch** einer Internetpräsenz findet „lediglich" eine Überarbeitung des Inhaltes und der Strukturen statt. Die Inhalte sind meist schon vorhanden, das Design der Webseite ist gut durchdacht, und es müssen technische oder optische Weiterentwicklungen optimiert oder angepasst werden. Das kann beispielsweise die Umstellung auf HTML5 sein, aber auch ein Umzug der Domain zu einem neuen Provider. ## Vorgeschichte Wir hatten ja schon im März 2015 hier über den [Relaunch unserer Website im Responsive Webdesign](https://www.muenchen-webdesign.de/2015/03/17/relaunch-fx-web-consulting-dank-google-endlich-im-responsive-webdesign/) berichtet. Wer den Artikel gelesen hat weiß, dass wir deutlich über 90 Prozent unserer Kunden-Websites auf Basis des [Worldsoft-CMS](http://www.fx.worldsoft.info/) von der Worldsoft AG erstellen. Unsere eigene Website entstand jedoch bereits während unserer **Startup-Phase im Frühjahr 2011** - zu einem Zeitpunkt, als wir das Worldsoft-CMS noch nicht kannten. Hier ein Screenshot unserer Website aus dem Jahr 2011: [![Screenshot der Website von F/X Web Consulting im Juni 2011](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2011-06-fx-web.de_.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2011-06-fx-web.de_.jpg) Screenshot der Website von F/X Web Consulting im Juni 2011 Als wir dann Anfang 2015 unsere Website mit allen uns zur Verfügung stehenden Mitteln auf **Responsive Design** umstellten hatten wir noch Hoffnung. Die Hoffnung, dass der Hersteller des von uns eingesetzten Desktop-CMS weblica es bis Jahresende schaffen würde, die geplante Version 4 des CMS mit den längst überfälligen Änderungen für Responsive Design zu veröffentlichen. So sah unsere Website nach dem **Relaunch im Responsive Webdesign im März 2015** aus: [![Screenshot unserer Website nach der Umstellung auf Responsive Webdesign im März 2015](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2015-03-15-fx-web.de-responsive-web-design-4-screens-copyright.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2015-03-15-fx-web.de-responsive-web-design-4-screens-copyright.jpg) Unsere Website nach der Umstellung auf Responsive Webdesign im März 2015 Es verging das Jahr 2015 ohne erkennbaren Fortschritt. Auch 2016 gab es nur Ankündigungen und kleinere Updates von weblica, jedoch nach wie vor keine native Unterstützung für Responsive Design. Im **Frühjahr 2017** entschieden wir uns dann endgültig nicht länger auf dieses CMS bzw. dessen Hersteller empros zu vertrauen, sondern unsere **Website zum Worldsoft-CMS zu migrieren**. Und wir haben uns richtig entschieden. In der weblica Entwicklerpost vom 12.10.2017 wurde angekündigt, dass eine Version 4.0 RC-1 am 17.10.2017 veröffentlicht würde. Am selben Tag würden dann auch neue Informationen zur Veröffentlichung der finalen Version verfügbar sein. Nur ist das bis Stand heute (12.01.2018) immer noch die letzte Entwicklerpost... ## Migration zum Worldsoft-CMS Die Entscheidung, unsere Website [fx-web.de](https://www.fx-web.de) künftig mit dem Worldsoft-CMS umzusetzen und zu betreiben war naheliegend. Da wir **über 90 Prozent unserer Kunden-Websites** auf diesem CMS erstellt haben, besitzen wir darin auch das umfangreichste Expertenwissen und kennen das System in- und auswendig. Das CMS erlaubt uns auch eine wesentlich **freiere und flexiblere Gestaltung des Designs**, inklusive völlig verschiedener Designs je Navigationspunkt. Letzteres ist auf unserer neuen Website vor allem am Design der Homepage erkennbar, die von uns völlig anders gestaltet wurde als die anderen Inhaltsseiten. Damit wir unsere Website unterbrechungsfrei nach und nach migrieren und für den Umzug vorbereiten konnten, erstellten wir die neue Seite „im Verborgenen" auf einer unserer vorhandenen Worldsoft-CMS Sites. Diese Website, [www.muenchen-ausbildung.de](http://www.muenchen-ausbildung.de), hatten wir vor einigen Jahren als Worldsoft-ITC-Website ins Leben gerufen. Damals hatten wir noch Pläne, als [zertifizierte Worldsoft-Trainer](https://www.fx-web.de/751/unternehmen/zertifizierungen) anderen Menschen die Vorzüge des Worldsoft-CMS und des Worldsoft-Unternehmenskonzepts nahezubringen und sie zu Worldsoft-Webmastern auszubilden. Leider überholte uns die Realität, und wir fanden nicht die Zeit dafür, hier das nötige Zeitbudget zu investieren. Zudem hat Worldsoft das Unternehmenskonzept zwischenzeitlich in das sogenannte [Internet Success Coach](https://www.fx-web.de/isc) (ISC) Konzept verwandelt. Damit war unsere ITC-Website inklusive veraltetem Design mittlerweile „überholt", wurde nicht mehr benötigt und war perfekt für unsere Migration geeignet. Für die Domain muenchen-ausbildung.de haben wir schon eine neue Idee - und bis wir diese umsetzen wird man über muenchen-ausbildung.de einfach zu [www.fx-web.de](https://www.fx-web.de) weitergeleitet. Die Migration erforderte auch eine umfangreiche und sorgfältige Planung im Vorfeld, in die wir nun unsere Erfahrungen aus den sechs Jahren Praxis mit unseren Kunden einfließen lassen konnten: ### SEO: Weiterleitung alt nach neu Beim Worldsoft-CMS haben die Links (URLs) zu den Navigationspunkten und zugehörigen Inhaltsseiten ein bestimmtes Format mit einer Nummer in der URL, somit war eine Änderung der URLs nicht zu vermeiden. Damit wir **unsere guten Rankings bei Google & Co.** behalten konnten war es somit erforderlich, alle bisherigen Links auf die entsprechenden neuen Seiten per 301er-Weiterleitung zuzuordnen. Deshalb erstellten wir schon zu Beginn eine Tabelle mit allen Zuordnungen, um zum Zeitpunkt des Domain-Umzugs alle notwendigen Weiterleitungen schnell erstellen zu können. ### Konsolidierung und Neustrukturierung der Inhalte Wir stellten unsere Navigationsstruktur auf den Prüfstand und sahen uns auch unsere über 40 Inhaltsseiten genau an. Wir behielten bewährte Strukturen und Inhalte, entfernten nicht mehr zutreffende oder veraltete Menüs und Inhalte, und konsolidierten die Informationen wo sinnvoll. Natürlich kamen auch neue Inhalte hinzu, so z.B. die Download-Möglichkeit für unseren [Website-Marketing Report](https://www.fx-web.de/810/dienstleistungen/marketing-report), das Anforderungsformular für unseren [Website-Check](https://www.fx-web.de/811/dienstleistungen/website-check), oder auch unser neues [Glossar](https://www.fx-web.de/1053/dienstleistungen/glossar) zu den gängigsten Internet- und Website-Begriffen. ### Straffung von Inhalten Unsere Liste der [Kundenreferenzen](https://www.fx-web.de/749/unternehmen/kundenreferenzen) auf Basis des Worldsoft-CMS ist mittlerweile so umfangreich, dass wir diese mit Hilfe eines sogenannten Accordions in „aufklappbare" Jahre untergliedert haben. Zudem wurden die [Referenzen aus den Jahren 2011 und 2012](https://www.fx-web.de/1234/unternehmen/kundenreferenzen-archiv) in eine eigene Archiv-Inhaltsseite ausgegliedert, um die Ladezeit der Kundenreferenzen-Seite in einem akzeptablen Rahmen zu halten. ## Neue Optik ### Optimierung der Inhalte für große Bildschirme Wir hatten viele unserer Bilder - vor allem die Screenshots der Kunden-Website-Referenzen - in der Vergangenheit mit einer Auflösung von 660 x 399 Pixeln erstellt. Was 2011 noch völlig ausreichend war, ist heute nicht mehr zeitgemäß. Dies gilt ganz besonders auch für Geräte von Apple mit Retina-Displays, bei denen die Bilder in doppelt so hoher Auflösung angezeigt werden müssen um eine Unschärfe bei der Darstellung zu verhindern. Daher nutzten wir auch gleich die Chance, und erfüllten uns zwei lang gehegte Wünsche: zum Einen ein Design, welches **die gesamte Breite des Bildschirms ausnutzt**; und zum Anderen ein **horizontales Dropdown-Menü** welches es uns endlich erlaubte, von einem dreispaltigen auf ein **zweispaltiges Design** umzustellen. Denn bei unserem alten CMS war keine Umstellung des Menü-Typs möglich, und somit waren wir zwingend auf die linke Spalte für die Darstellung der Untermenüpunkte angewiesen. Im Zuge dieses großzügigeren Designs erhöhten wir auch über alle Ebenen hinweg die Schriftartgrößen, und führten **neue Schriftarten für die Überschriften** ein. Denn die Corporate Design Schriftart aus unserem Logo, die in Windows mitgelieferte Schriftart **Candara**, hatten wir bisher auch in den Überschriften (H1, H2, H3, H4) verwendet. Nur ist Candara leider nur auf Windows PCs garantiert verfügbar. Auf allen anderen Betriebssystemen mussten wir damit rechnen, dass die Candara-Schriftart durch eine vom System als Ersatz ausgesuchte oder die im Browser als Standard-Schriftart eingestellte Schriftart (meist Times New Roman) ersetzt wird. Gleichzeitig ist Candara nicht als Google Web Font oder anderweitig kostenfrei für die Verwendung auf Webseiten verfügbar. Deshalb suchten wir uns für die H1-Überschriften eine neue Schriftart, die der Candara möglichst ähnlich sieht und auch als kostenfreier Google Web Font verfügbar ist. Für die H2-Überschriften wollten wir nun eine harmonische Kontrast-Schriftart. Dank entsprechender Schriftarten-Vergleichstools wurden wir auch fündig: unsere neue Schriftart für die H1-Überschriften heißt **Quattrocento Sans**, die für H2-Überschriften **Quantico**. Ab H3 und darunter nutzen wir nun unsere reguläre Fließtext-Schriftart, **Noto Sans**. ## Neue Features Vieles von dem, was mit dem bisherigen CMS aufgrund dessen Design-Limitierungen nicht umsetzbar war, haben wir nun endlich realisiert: ### Feststehende Navigationsleiste am oberen Bildschirmrand (Sticky Nav Bar) Auf der alten Website wurde unser **Firmenlogo** aufgrund des ursprünglichen Website-Designs recht groß dargestellt und wirkte damit sehr dominant. Durch das Redesign unserer Website hatten wir nun endlich die Möglichkeit dies zu ändern. Wir hatten außerdem auf der alten Website schon von Beginn an die für unsere Besucher wichtigsten **Schnellzugriffs-Links** (Shortcuts) für [Kundenreferenzen](https://www.fx-web.de/749/unternehmen/kundenreferenzen), [Kundenfeedbacks](https://www.fx-web.de/750/unternehmen/kundenfeedbacks) und [Kontakt](https://www.fx-web.de/696/kontakt) als Text-Links ganz oben auf jeder Seite integriert. Das wollten wir auch auf der neuen Seite so beibehalten, diese allerdings permanent sichtbar und moderner darstellen. Also kombinierten wir einfach die beiden Bereiche - das Firmen-Logo (nun deutlich dezenter) und die wichtigsten Schnellzugriffs-Links (nun in Form von **Material Icons**) - in eine **Sticky Navigation Bar**. Das ist eine feststehende Navigationsleiste am oberen Bildschirmrand die dort fixiert angezeigt wird, egal wie weit man auf der jeweiligen Seite nach unten scrollt. [![Unsere Sticky-Navbar im Desktop-Modus](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2018-01-09-fx-web.de-Sticky-Navbar-Desktop.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2018-01-09-fx-web.de-Sticky-Navbar-Desktop.jpg) Unsere Sticky-Navbar im Desktop-Modus Sobald eine Bildschirmbreite von 768 Pixeln unterschritten wird nutzen wir diesen Bereich auch für die Platzierung des Hamburger-Icons zur Anzeige des Off-Canvas-Menüs. [![Unsere Sticky-Navbar im Mobile-Modus](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2018-01-09-fx-web.de-Sticky-Navbar-Mobile.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2018-01-09-fx-web.de-Sticky-Navbar-Mobile.jpg) Unsere Sticky-Navbar im Mobile-Modus ### Vollflächiges Bild (Cover-Image) auf der Homepage Das Cover-Image nutzt für die Darstellung bei jeder Bildschirmgröße automatisch den vollständigen Bereich unterhalb der oben fixierten Navigationsleiste und der darunter befindlichen Hauptmenüleiste. Natürlich funktioniert das auf allen Bildschirmgrößen - vom kleinsten Smartphone bis zum großen Mac Pro oder Microsoft Surface Studio. ### Mobiles und scrollbares Off-Canvas Menü Die mobile Version des im Worldsoft-CMS enthaltenen Menüs (Mega-Menu) genügt meistens bei nicht zu umfangreichen Navigationsstrukturen. Denn das Mega-Menu zeigt Untermenüs erst an, wenn der zugehörige Hauptmenüpunkt angeklickt bzw. per Touch geöffnet wird. Wir wollten jedoch alle Untermenüpunkte bereits beim Öffnen des Menüs angezeigt erhalten. Und - das gebe ich gerne zu - auch hier etwas Besonderes implementieren. Deshalb nutzen wir das Mega-Menu nur für die Darstellung als horizontales Dropdown-Menü ab einer Bildschirmbreite von 768 Pixeln. Wird diese Breite jedoch unterschritten, blenden wir das Dropdown-Menü aus und ersetzen es durch unser eigenes **mobiles Off-Canvas-Menü**. Auf einem **Apple iPhone 6s** sieht das dann beispielsweise wie hier dargestellt aus: [![Redesign: Homepage F/X Web Consulting | Internetagentur München auf einem Apple iPhone 6s](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2018-01-09-Homepage_-FX-Web-Consulting_Internetagentur-Muenchen_Apple-iPhone-6s-660x372.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2018-01-09-Homepage_-FX-Web-Consulting_Internetagentur-Muenchen_Apple-iPhone-6s.jpg) Redesign: die neue Homepage von F/X Web Consulting | Internetagentur München auf einem Apple iPhone 6s Geöffnet wird das Off-Canvas-Menü wie üblich über das weit verbreitete **Hamburger-Icon** (drei horizontale Balken), dem wir noch dazu eine kleine **CSS-Animation** verpasst haben: die drei Balken verwandeln sich drehend in ein Kreuz zum Schließen des Hamburger-Menüs: [![Redesign: die Homepage F/X Web Consulting | Internetagentur München auf einem Apple iPhone 6s mit geöffnetem Off-Canvas-Menü](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2018-01-09-Homepage_-FX-Web-Consulting_Internetagentur-Muenchen_Off-Canvas-Menu_Apple-iPhone-6s-660x372.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2018-01-09-Homepage_-FX-Web-Consulting_Internetagentur-Muenchen_Off-Canvas-Menu_Apple-iPhone-6s.jpg) Redesign: Homepage F/X Web Consulting | Internetagentur München auf einem Apple iPhone 6s mit geöffnetem Off-Canvas-Menü ### Dynamischer „Zurück nach oben"-Button (Scroll-back-to-top-Button) In der alten Webseite hatten wir bei längeren Inhaltsseiten „Zurück nach oben"-Textlinks verwendet, teilweise auch mehrfach. Diese Möglichkeit dient dazu es dem Besucher - insbesondere auf Smartphones - zu ersparen, auf längeren Seiten erst wieder mühsam nach oben scrollen zu müssen um an das Menü und somit zu anderen Inhalten zu gelangen. In der neuen Website realisierten wir dies mittels eines dynamischen „Zurück nach oben"-Buttons, der rechts unten halb-transparent angezeigt wird. **Dynamisch** deswegen, weil dieser Button erst angezeigt wird, wenn die Seite eine bestimmte Mindeststrecke (etwas mehr als die Bildschirmhöhe) nach unten gescrollt wird. [![Der Scroll-to-Top-Button auf unserer neuen Website](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2018-01-09-fx-web.de-Scroll-to-Top-Button-660x180.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2018-01-09-fx-web.de-Scroll-to-Top-Button.jpg) Der Scroll-to-Top-Button auf unserer neuen Website ### Schnellinfo-Erläuterungen (Tooltips) zu Begriffen **Tooltips** sind kleine Pop-up-Fenster in Anwendungsprogrammen oder Webseiten. In Anwendungen werden sie meist als kurze Erläuterung für Elemente in der grafischen Benutzeroberfläche verwendet, in Webseiten oft als Kurzbeschreibung für Bilder oder Link-Ziele. Wir nutzen diese Tooltips für **kurze Erläuterungen zu Begriffen im Fließtext**. So ermöglichen wir es dem Website-Besucher die Erklärung nur bei Bedarf abzurufen und hierfür auch nicht extra Google & Co. oder unser Glossar bemühen zu müssen. Derzeit setzen wir diese Tooltips nur auf unserer Homepage ein, werden diese jedoch sukzessive wo sinnvoll auch auf anderen Inhaltsseiten integrieren. [![Beispiel-Tooltip auf unserer Homepage auf einem Samsung Galaxy S7](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2018-01-09-fx-web.de-Homepage-Tooltip_Samsung-Galaxy-S7-660x361.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2018/01/2018-01-09-fx-web.de-Homepage-Tooltip_Samsung-Galaxy-S7.jpg) Tooltip für den Begriff „Website-Check" auf unserer Homepage auf einem Samsung Galaxy S7 Sobald man mit der Maus auf den entsprechend markierten Text (erkennbar an der gepunkteten Unterstreichung) zeigt wird der Tooltip angezeigt. Da auf einem Touch-Bildschirm keine Maus zur Verfügung steht, haben wir dieses Feature zusätzlich angepasst. Auf **Touchscreen-Geräten ohne Zeigegerät** wird nicht auf Verweilen mit der Maus sondern auf Touch/Tap mit dem Finger oder Stift reagiert. Nach einem erneuten Touch/Tap auf einen nicht markierten Text wird der Tooltip wieder ausgeblendet. ### Fancybox für Bilder Wir setzen die [Fancybox](https://www.fx-web.de/1053/dienstleistungen/glossar#fancybox) primär - aber nicht nur - zur vergrößerten Darstellung unserer Kundenreferenzen ein. Dort unterstützt unsere jQuery-basierende Fancybox der neuesten Generation sogar einen Vollbild- und einen Slideshow-Modus, und zeigt die hinterlegten ALT-Texte als Bildunterschrift an. ### Shariff-Lösung für Social Media Plugins Auf unserer alten Website hatten wir zu Beginn die sogenannte [2 Klicks für mehr Datenschutz](https://www.heise.de/ct/artikel/2-Klicks-fuer-mehr-Datenschutz-1333879.html)-Lösung von heise online aus dem Jahr 2011 für unsere Social Media Plug-Ins im Einsatz. Nachdem diese dann 2014 durch eine Weiterentwicklung von heise online namens [Shariff](https://www.heise.de/news/Datenschutz-und-Social-Media-Der-c-t-Shariff-ist-im-Einsatz-2470103.html) abgelöst wurde, hatten wir zeitnah auf diese Lösung umgestellt. Hier auf unserem WordPress-basierenden Unternehmens-Blog und auf unserer bisherigen Website war diese Umstellung kein Problem. Bei der Migration stellten wir jedoch fest, dass für die **Shariff-Lösung** eine neuere jQuery-Version erforderlich war als die im Worldsoft-CMS bis dato verfügbare Version. Also mussten wir erst die Worldsoft AG davon überzeugen, die jQuery-Version im Worldsoft-CMS zu aktualisieren. Der zuständige Entwickler bei Worldsoft erkannte nach unserer Argumentation den Sinn und die Notwendigkeit, die **Shariff-Lösung als Modul im Worldsoft-CMS** zur Verfügung zu stellen. Er integrierte auch gleich das notwendige Backend für die Anzeige der Zahl in den Buttons, wie oft der Inhalt bereits geteilt wurde. So können nun alle Worldsoft-Webmaster und -Kunden recht einfach die gängigen Social Media Plug-Ins datenschutzkonform einbinden und tragen damit zu mehr Datenschutz und Privatsphäre bei. Zu den bisher von uns eingesetzten Social Media Teilen-Buttons für [Facebook](https://www.facebook.com/FXWebConsulting/), [Google+](https://plus.google.com/+FXWebConsultingM%C3%BCnchen) und [XING](https://www.xing.com/pages/f-xwebconsulting) haben wir nun noch den Share-Button für [LinkedIn](https://www.linkedin.com/company/fx-web-consulting/) hinzugenommen, da LinkedIn neben XING im deutschen Markt im geschäftlichen Umfeld zunehmend an Bedeutung gewinnt. Bei dieser Gelegenheit haben wir dann bei LinkedIn auch gleich ein [LinkedIn-Unternehmensprofil für F/X Web Consulting](https://www.linkedin.com/company/fx-web-consulting/) eingerichtet. ## Fazit Die **Migration unserer Website** von der ersten Planung im **März 2017** bis zum Domainumzug und Live-Schaltung am **22. Dezember 2017** hat etwa 10 Monate gedauert - ein echtes Mammut-Projekt. Es wäre deutlich schneller gegangen, wenn wir uns exklusiv dieser Migration gewidmet hätten. Aber natürlich haben unsere **Kundenprojekte** immer die höhere Priorität und damit Vorrang. Wir werden unsere Website selbstverständlich auch weiterhin inhaltlich „tunen", sei es für neue [Dienstleistungen](https://www.fx-web.de/694/dienstleistungen) (die wir schon ausgebrütet haben), für die Suchmaschinenoptimierung (SEO), oder auch die kontinuierliche Erweiterung unserer [FAQ](https://www.fx-web.de/868/dienstleistungen/faq) und des [Glossars](https://www.fx-web.de/1053/dienstleistungen/glossar). ## Feedback **Wie gefällt Ihnen unsere neue Webseite? Wie finden Sie das neue Design? Gefallen Ihnen die neuen Features?** Wir würden uns freuen, wenn Sie uns einen Kommentar zum Redesign und Relaunch unserer Website hinterlassen! Niemand ist perfekt - wenn Sie also einen Fehler oder eine Fehlfunktion entdecken, lassen Sie es uns bitte wissen. ## Wie geht's weiter? Als nächstes **hausinternes Projekt** steht ein **Redesign unseres Unternehmens-Blogs** an. Der ist nämlich mittlerweile optisch auch schon etwas „in die Jahre gekommen". Und er passt nun natürlich optisch nicht mehr zu unserer neuen Unternehmens-Website. Für dieses Redesign werden wir allerdings einen deutlich geringeren Aufwand betreiben müssen und sind optimistisch, dies noch im ersten Halbjahr 2018 über die Bühne zu bringen. **Bleiben Sie neugierig** und schauen Sie gerne öfter hier bei unserem Unternehmens-Blog und auf unserer neuen Website vorbei - wir freuen uns auf Sie! --- ## Neue Kundenreferenz: KFZ Service Driefer **Source:** [https://www.muenchen-webdesign.de/2017/12/17/neue-kundenreferenz-kfz-service-driefer/](https://www.muenchen-webdesign.de/2017/12/17/neue-kundenreferenz-kfz-service-driefer/) **Date:** 2017-12-17 **Category:** Referenzen, Unternehmens-News | **Tags:** 2017, Handwerk, Handwerksbranche, Kfz-Service, Kundenreferenz, Logo-Erstellung, München, München-Feldmoching, Referenz | **Keyword:** kundenreferenz Wir freuen uns sehr, dass wir heute [nach längerer Pause](https://www.muenchen-webdesign.de/2016/02/24/neue-kundenreferenz-orthopaedische-praxis-dr-scharl/) endlich wieder über eine neue Kundenreferenz für eine **Website für einen Kunden aus der Handwerksbranche** - dem **KFZ Service Driefer in München** - hier berichten zu können. ## Der Kunde Wir sind bereits seit Jahren ein sehr zufriedener Kunde beim [KFZ Service Driefer](https://www.kfz-driefer.de/) (vormals Reifen Sterr) - denn das ist unser Partner an unserem Standort in **München-Feldmoching**, wenn der zweimal jährlich fällige Wechsel der Räder von Sommer- auf Winterbereifung und umgekehrt ansteht. Bis Ende 2014 firmierte das Unternehmen unter dem Namen Reifen Sterr. Der vormalige Besitzer des Meisterbetriebs übergab dann im Winter 2014/2015 den Betrieb an Herrn Driefer, der ihn (und den bewährten Reifenwechsel- und Einlagerungs-Service) seither nun nicht nur weiterführt, sondern auch das Spektrum der Dienstleistungen um weitere zeitgemäße Angebote wie beispielsweise [Smart Repair](https://www.kfz-driefer.de/94/dienstleistungen/lackierung) erweitert hat. Als modernes Unternehmen wollte Herr Driefer natürlich auch eine Website zur Darstellung des Unternehmens und der angebotenen Services - und sprach uns Anfang 2017 darauf an. ## Das Projekt Unsere [Website-Erstberatung](https://www.fx-web.de/dienstleistungen/internet-beratung/) für diese Kundenreferenz fand dann im Mai 2017 statt. Wie wir das bei Kunden aus handwerklichen Branchen kennen und gewohnt sind, wollte Herr Driefer eher eine „bodenständige" Website: einfach in der Navigation, klar strukturierte Inhalte, keinen Schnick-Schnack - aber trotzdem eine Website, die auch optisch etwas „hermacht". Wir machten Herrn Driefer dann entsprechende Design- und Inhalts-Vorschläge, und Ende Mai wurden wir dann auch offiziell beauftragt die Website zu erstellen. Die zuvor besprochene Navigationsstruktur war schnell erstellt, und auch die Textinhalte waren bald größtenteils fertiggestellt. Schwierigkeiten gab es nur bei der **Frage des Logos**, welches bei uns in den meisten Fällen die Basis für das weitere Design der Website ist. Ursprünglich wollten wir hier wieder auf einen bewährten Grafikdesign-[Kooperationspartner](https://www.fx-web.de/partner/) zurückgreifen. Leider war dieser jedoch zum Zeitpunkt der Kontaktaufnahme zuerst im Urlaub, und danach erst einmal derart ausgelastet, dass mit einer Lieferung des fertigen Logos in frühestens zwei Monaten zu rechnen gewesen wäre. Also griffen wir „mutig" selbst zum Photoshop-Pinsel und **erstellten selbst ein Logo für die Website**: [![Logo KFZ Service Driefer](https://www.muenchen-webdesign.de/wp-content/uploads/2017/12/logo-mit-text-kfz-driefer1-660x92.png)](https://www.kfz-driefer.de) Danach konnten wir dann das Design fertigstellen und uns auch um passende **Bilder für den Slider auf der Homepage** kümmern. Das ging dann relativ zügig voran, so dass wir Mitte November tatsächlich fast fertig waren - es fehlte nur noch ein Porträtfoto von Herrn Driefer und sein Werdegang in Textform für die Seite [Über uns](https://www.kfz-driefer.de/99/ueber-uns). Das Porträtfoto war schnell geschossen, anschließend verpassten wir dem Foto nach dem **Freistellen mit Photoshop** noch einen kreativen Hintergrund, und der Text war dann vor Ort in der Werkstatt auch gleich erstellt - voilà, fertig war die neue Website-Schönheit! ## Die Website von KFZ Service Driefer Vor allem die Slider-Bilder auf der Homepage gefallen uns wie auch dem Kunden sehr, und erlauben schon mal einen kleinen „Öha!"-Ausruf: [![Screenshot der Website von KFZ Service Driefer im Responsive Webdesign](https://www.muenchen-webdesign.de/wp-content/uploads/2017/12/2017-12-17-kfz-driefer.de-copyright.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2017/12/2017-12-17-kfz-driefer.de-copyright.jpg) Aber am besten sieht man es natürlich live auf der Website - also schnell mal beim [Internetauftritt von KFZ Service Driefer](https://www.kfz-driefer.de) vorbeigeschaut! ## Fazit Auch wenn sich das Projekt über mehrere Monate hingezogen hat, so hat uns die Website-Erstellung und die **Erstellung des Logos mit Photoshop** doch sehr viel Spaß gemacht. Und wie immer ist uns am Ende am wichtigsten, dass dem Kunden das Ergebnis und auch die Zusammenarbeit gefallen hat - und Herr Driefer hat uns beides gerne bestätigt. Sobald wir von ihm sein schriftliches Feedback zu dieser Kundenreferenz erhalten wird dieses natürlich wie gewohnt auf unserer Website unter [Kundenfeedbacks](https://www.fx-web.de/unternehmen/kundenfeedbacks/) zu finden sein. Ich bedanke mich an dieser Stelle auch nochmals herzlichst bei Herrn Driefer für die jederzeit angenehme Zusammenarbeit, und wünsche ihm weiterhin **ganz viel Erfolg mit seinem Kfz-Meisterbetrieb!** Wir werden ihm auf jeden Fall noch sehr lange als Kunde erhalten bleiben. --- ## F/X-Quick-Tipp: Favicon in Browser-Tab aktualisieren **Source:** [https://www.muenchen-webdesign.de/2017/10/29/fx-quick-tipp-favicon-in-browser-tab-aktualisieren/](https://www.muenchen-webdesign.de/2017/10/29/fx-quick-tipp-favicon-in-browser-tab-aktualisieren/) **Date:** 2017-10-29 **Category:** Tipps & Tricks, Tools | **Tags:** Browser, Chrome, Favicon, Firefox, Icon, Internet Explorer, Tastenkombination, Tipp, Trick, Windows | **Keyword:** favicon ## Was ist ein Favicon? [Wikipedia](https://de.wikipedia.org/wiki/Favicon) erklärt den Begriff **Favicon** wie folgt: > Ein **Favicon** ist ein sehr kleines, 16×16 oder 32×32 Pixel großes Icon, Symbol oder Logo, wie es typischerweise in der Adresszeile eines Webbrowsers links von der URL angezeigt wird. Das Favicon dient meist dazu, die zugehörige Website auf wiedererkennbare Weise zu kennzeichnen. Es erscheint auch in der **Lesezeichenliste** (Favoriten), bei den **Registerkarten** und unter Windows beim Speichern einer Seite. Die Einführung geht auf den Computerkonzern Microsoft zurück, dessen Internet Explorer 5 im Jahr 1999 erstmals Favicons darstellte. ## Auf die Größe kommt es (doch) an Allerdings ist diese Erläuterung nicht mehr ganz aktuell: von den im Jahr 2017 aktuellen Browsern zeigt lediglich der Internet Explorer 11 das Favicon in der Adresszeile an. Und es fehlt die Information, dass von Microsoft ab Internet Explorer 9 außer 16×16 und 32×32 Pixel noch **weitere Icon-Größen** unterstützt werden: 24×24 und 64×64 Pixel. Letzteres ist insbesondere im Hinblick darauf wichtig zu wissen, weil man seit Windows Vista aus dem Internet Explorer 9 (und neueren Versionen) heraus einen Webseiten-Link zum Start-Menü hinzufügen kann. Ab Windows 7 kam dann noch die Möglichkeit dazu, einen **Website-Link zur Windows Taskleiste (Taskbar) hinzuzufügen**, um häufig genutzte Webseiten schnell öffnen zu können. In beiden Fällen wird dann - sofern vorhanden - die Favicon-Größe 64×64 Pixel verwendet. Ist jedoch in der Icon-Datei (.ico) kein 64×64 Pixel Icon vorhanden, wird das größte in der Datei enthaltene Icon verwendet und auf 64×64 Pixel vergrößert - was dann natürlich meistens ein unscharfes Ergebnis liefert. Hier in der ersten Abbildung dargestellt der Zustand des Drag&Drop-Vorgangs bevor man den Website-Link auf der Taskbar „fallen lässt". Darunter ist der fertige Shortcut auf der Taskbar (in Windows 10) abgebildet: ![Website auf Taskbar anpinnen](https://www.muenchen-webdesign.de/wp-content/uploads/2017/10/Website-auf-Taskbar-anpinnen-e1509292055818.jpg) Website auf der Taskleiste anpinnen ![Auf der Taskbar angepinnte Website mit Tooltip beim Mouse-Hover](https://www.muenchen-webdesign.de/wp-content/uploads/2017/10/Auf-der-Taskbar-angepinnte-Website-mit-Tooltip-beim-Mouse-Hover-e1509291804367.jpg) Auf der Taskleiste angepinnte Website mit Tooltip ## Geniales Favicon-Tool: der X-Icon Editor Wer also für Internet Explorer 9 und neuer ein Favicon erstellen will das immer gut aussieht, dem empfehle ich den [X-Icon Editor.](http://www.xiconeditor.com/) Mit Hilfe dieses genialen und einfach zu bedienenden Online-Werkzeugs erstellen wir seit Jahren die Favicons für unsere Kunden-Websites. Denn es speichert alle vier vom Internet Explorer (bzw. von Windows für die Taskbar) unterstützten Pixelgrößen des Favicons in einer favicon.ico ab. ## Wo wird das Favicon angezeigt? Wer jetzt noch rätselt, wofür ein Favicon eigentlich gut ist und wo es angezeigt wird, hier sind Screenshots von den drei gängigsten Browsern dazu (das Favicon ist jeweils rot umrandet): ![Chrome - Favicon in Tab und Lesezeichen](https://www.muenchen-webdesign.de/wp-content/uploads/2017/10/Chrome-Favicon-in-Tab-und-Lesezeichen.jpg) Chrome - Favicon in Tab und Lesezeichen ![Firefox - Favicon in Tab und Lesezeichen](https://www.muenchen-webdesign.de/wp-content/uploads/2017/10/Firefox-Favicon-in-Tab-und-Lesezeichen.jpg) Firefox - Favicon in Tab und Lesezeichen ![IE11 - Favicon in Adressleiste, Tab und Favoriten](https://www.muenchen-webdesign.de/wp-content/uploads/2017/10/IE11-Favicon-in-Adressleiste-Tab-und-Lesezeichen.jpg) IE11 - Favicon in Adressleiste, Tab und Favoriten ## Browser zum Anzeigen des neuen/geänderten Favicons „zwingen" Nun aber zum eigentlichen Auslöser für den heutigen Quick-Tipp. Seit Jahren erlebe ich es bei der Erstellung neuer [Kunden-Websites](https://www.fx-web.de/unternehmen/kundenreferenzen/) immer wieder, dass trotz korrektem Einbau das **Favicon in der Webseite nicht im Browser angezeigt wird**. Das gilt ganz besonders beim [Worldsoft-CMS](http://fx.worldsoft.info/), bei dem nach der Grundeinrichtung des CMS durch Worldsoft bereits ein „Dummy"-Favicon (das Firmenlogo der Worldsoft AG) installiert ist. In der Regel ist es so, dass wenn ich die Website mit dem neuen oder geänderten Favicon **zum allerersten Mal im Browser aufrufe**, das neue Favicon dort auch sofort korrekt angezeigt wird. Wurde die Website jedoch bereits vorher einmal in diesem Browser geöffnet, hängt es sehr vom jeweiligen Browser ab, ob dieser das neue Favicon sofort anzeigt oder nicht. Ich arbeite meistens mit Mozilla Firefox, aber Worldsoft-CMS Websites bearbeite ich aus diversen Gründen seit über zwei Jahren in der Regel mit Google Chrome. Meiner Erfahrung nach zeigt **Chrome** ein geändertes Favicon sofort an. Manchmal muss ich jedoch auch bei Chrome „nachhelfen", d.h. die Website forciert mit der Tastenkombination STRG+F5 vom Webserver neu laden. Im **Firefox** jedoch hilft in der Regel auch kein erzwungenes Neuladen der Seite vom Webserver. Auch beim **Internet Explorer** kann ich mich aus Zeiten, als ich noch verstärkt mit dem IE gearbeitet habe, an vergebliche Neulade-Versuche erinnern. ## Was läuft da schief? Der Grund für dieses Fehlverhalten dürfte an der Art und Weise liegen, wie die verschiedenen Browser die Zwischenspeicherung (das **Caching**) der Favicons für Lesezeichen (Bookmarks), Registerkarten (Tabs), usw. handhaben. Meine Versuche vor einigen Jahren hatten nämlich bereits ergeben, dass das Problem verschwand, wenn ich für das geänderte Favicon **einen anderen Dateinamen verwendete** als den Dateinamen des bisherigen Favicons. Da die Browser aber standardmäßig im Hautverzeichnis der Website nach einem Favicon mit dem Dateinamen **favicon.ico** suchen, wollte ich keinen anderen Dateinamen wählen. Ganz einfach um beim Standard zu bleiben und unsere Kunden und mich vor unliebsamen Überraschungen in der Zukunft zu schützen. ## Die Lösung des Problems Heute lief ich wieder einmal genau in dieses Problem. Deshalb nahm ich mir die Zeit erneut zu recherchieren, nachdem meine Recherchen vor ein paar Jahren ja leider erfolglos geblieben waren. Und siehe da - ich wurde fündig! Es ist unglaublich - wenn man die Lösung weiß und sieht, wie einfach diese ist, könnte man schon den Kopf schütteln ob der Tatsache, dass man nicht selbst darauf gekommen ist... Hier die kurze und simple Vorgehensweise um den** Browser zur Anzeige des Favicons zu „zwingen"**: 1. Aufruf der Website, dabei jedoch den Pfad zur Favicon-Datei hinten an die URL anhängen: Beispiel: [www.fx-web.de**/favicon.ico **](https://www.fx-web.de/favicon.ico)Der Browser zeigt im Inhaltsfenster nur das Favicon an. 2. Jetzt das Neuladen dieser Seite mit der für den jeweiligen Browser gültigen Tastenkombination (STRG+F5, STRG+SHIFT+R, etc. - siehe auch unten) erzwingen. 3. Jetzt die Website wie üblich aufrufen: Beispiel: [www.fx-web.de](https://www.fx-web.de) 4. Sollte das noch nicht reichen, muss der Browser (alle Fenster!) geschlossen und neu geöffnet werden. Spätestens jetzt sollte jedoch das geänderte Favicon korrekt angezeigt werden. Das war's schon! Ich habe diesen Vorgang mit allen gängigen Browsern auf Windows PC's erfolgreich getestet. Da mir jedoch kein Mac zur Verfügung steht hoffe ich, dass es auch für den Safari Browser auf der iOS Plattform funktioniert. Gerne können Sie uns Ihre persönliche Erfahrung (bitte mit detaillierten Versionsangaben zum Betriebssystem und Browser) unten über die Kommentarfunktion mitteilen. ## Browser-Tastenkombinationen zum erzwungenen Neuladen einer Seite Das „erzwungene" Neuladen (engl.: **hard refresh** oder auch **hard reload**) einer Website-Seite kann in den gängigen Browsern wie folgt erreicht werden: ### Google Chrome #### Windows / Linux: - **STRG**-Taste gedrückt halten und **F5**-Taste drücken, oder - **STRG**-Taste und **SHIFT**-Taste gedrückt halten, dann die **R**-Taste drücken, oder - **STRG**-Taste gedrückt halten und mit der Maus auf den **Neu laden-Button** klicken, oder - Mit der **F12**-Taste die Entwicklertools öffnen, dann **Rechtsklick** (oder langer Linksklick) auf den **Neu laden-Button** und den gewünschten Menübefehl aus dem Kontextmenü auswählen: [![Chrome - Kontextmenü des Neu-Laden-Buttons](https://www.muenchen-webdesign.de/wp-content/uploads/2017/10/Chrome-Kontextmenue-des-Neu-Laden-Buttons-300x117.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2017/10/Chrome-Kontextmenue-des-Neu-Laden-Buttons.jpg) Chrome - Kontextmenü des Neu-Laden-Buttons #### Mac: - **CMD**-Taste („Apfel-Taste") und **SHIFT**-Taste (Taste mit Pfeil nach oben) gedrückt halten, dann die **R**-Taste drücken, oder - **SHIFT**-Taste gedrückt halten und mit der Maus auf den **Neu laden-Button** klicken ### Mozilla Firefox #### Windows / Linux: - **STRG**-Taste gedrückt halten und **F5**-Taste drücken, oder - **STRG**-Taste und **SHIFT**-Taste gedrückt halten, dann die **R**-Taste drücken #### Mac: - **CMD**-Taste („Apfel-Taste") und **SHIFT**-Taste (Taste mit Pfeil nach oben) gedrückt halten, dann die **R**-Taste drücken, oder - **SHIFT**-Taste gedrückt halten und mit der Maus auf den **Neu laden-Button** klicken ### Microsoft Internet Explorer / Microsoft Edge - **STRG**-Taste gedrückt halten und **F5**-Taste drücken, oder - **STRG**-Taste gedrückt halten und mit der Maus auf den **Neu laden-Button** klicken ## Fazit Ich hoffe, dass ich euch mit diesem **F/X-Quick-Tipp** weiterhelfen konnte. Über Kommentare und Feedbacks zum Artikel und Teilen auf Facebook & Co. würde ich mich sehr freuen! --- ## Mega-Website-Relaunch: Kirchheimer Narrenrat e.V. nun im Responsive Design **Source:** [https://www.muenchen-webdesign.de/2017/04/07/mega-website-relaunch-kirchheimer-narrenrat-e-v-nun-im-responsive-design/](https://www.muenchen-webdesign.de/2017/04/07/mega-website-relaunch-kirchheimer-narrenrat-e-v-nun-im-responsive-design/) **Date:** 2017-04-07 **Category:** Referenzen, Unternehmens-News | **Tags:** Karnevalsverein, Kundenreferenzen, Responsive Design | **Keyword:** relaunch ## Relaunch im Responsive Design oder „Was lange währt, wird endlich gut!" Dieses Sprichwort wird gerne verwendet, wenn nach langer Zeit ein vorzeigbares Ergebnis zu sehen ist. Dann hat sich der Aufwand gelohnt und das Resultat ist gut oder gar fantastisch. Nie war diese Redensart bei F/X Web Consulting zutreffender als bei unserer neuesten Kundenreferenz: dem Relaunch der neuen Website des **Kirchheimer Narrenrat e.V.**, auch **Kirnarra** genannt. ## Historie Im **Mai 2015** hatte mich ein guter alter Freund (gleichzeitig ehemaliger Präsident des Vereins) darauf angesprochen, ob ich denn die Website des Kirchheimer Narrenrat e.V. modernisieren könnte. Er selbst hatte sich etwa seit dem Jahr 2000 mit viel Engagement um die Website gekümmert. Er sah sich jedoch aus verschiedensten Gründen nicht mehr in der Lage, diese nun auf den modernsten Stand der Dinge zu bringen. Ich sah mir die Webseite an und war sofort Feuer und Flamme für dieses Projekt. Einerseits, weil es eine völlig andere „Branche" (Karnevalsverein) war mit der ich bislang noch keinerlei Vorerfahrungen hatte. Andererseits, weil mir bereits nach dem ersten Gespräch klar war, dass dies aufgrund der historisch gewachsenen Datenmenge (insbesondere **umfangreiche Bildergalerien**) und einiger spezieller Anforderungen (**geschlossener Mitgliederbereich**) ein sehr spannendes Projekt für einen Relaunch und damit eine echte Herausforderung war. Es dauerte dann aber doch noch eine Weile bis ein Termin für eine Erstberatung mit Vorstandsmitgliedern der Kirnarra zustande kam - am **13.** August 2015 war es dann soweit. Das Beratungsgespräch verlief sehr gut und angenehm, und am Ende war erkennbar, dass F/X Web Consulting „gute Karten" für den **Relaunch-Auftrag** hatte. Die Fertigstellung war für den Tag der Inthronisation der Karnevalssaison 2015/2016 am 05.01.2016 vorgesehen. Entsprechend flott wurde dann bereits zwei Tage nach dessen Versand unser Angebot akzeptiert und wir mit dem Relaunch beauftragt - und ich konnte meinen verdienten Sommerurlaub antreten. ## Vorher So sah die bisherige Website aus (die noch eine Intro-Seite besaß): [![Screenshot der Intro-Seite von kirnarra.de am 07.11.15](https://www.muenchen-webdesign.de/wp-content/uploads/2017/04/2015-11-07-Screenshot-kirnarra.de-ALT-Intro-Seite-300x164.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2017/04/2015-11-07-Screenshot-kirnarra.de-ALT-Intro-Seite.jpg) Screenshot der Intro-Seite von kirnarra.de am 07.11.15 [![Screenshot der Home-Seite von kirnarra.de am 07.11.15](https://www.muenchen-webdesign.de/wp-content/uploads/2017/04/2015-11-07-Screenshot-kirnarra.de-ALT-Home-Seite-300x164.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2017/04/2015-11-07-Screenshot-kirnarra.de-ALT-Home-Seite.jpg) Screenshot der Home-Seite von kirnarra.de am 07.11.15 ## Projektablauf - 2015 Im September begannen wir damit, die neue Navigationsstrukur zu erstellen. Die alte Website war noch auf der Basis von **Frames** und **statischen HTML-Seiten** (also ohne ein [CMS](https://www.fx-web.de/glossar#cms)) erstellt worden, was schon seit einigen Jahren nicht mehr „State-of-the-Art" ist. Zudem erhalten auf Frames basierende Seiten meist ein schlechteres Ranking in den Suchmaschinen. Wir konsolidierten entsprechend die alte Frame-Navigation zu einer neuen, vereinfachten Navigation, um den Besucher schneller die gewünschten Informationen finden zu lassen. Wir optimierten auch **das Logo der Kirnarra** und wurden bei der Suche nach einem Web-Font für die im Schriftzug „Kirnarra" verwendete Serifen-Schriftart **Matura Script Capitals** fündig. Die ersten, für das Design, den Slider und einige Inhaltsseiten benötigten Bilder wurden auch bereits geliefert, und wir machten uns ans Werk, die neuen Inhaltsseiten zur neuen Navigation zu erstellen. Bedingt durch die Umstellung der Website von statischen HTML-Seiten auf das [Worldsoft-CMS](http://fx.worldsoft.info/) musste auch der Provider gewechselt - und damit auch zahlreiche Mitglieder- und Funktions-Postfächer umgezogen - werden. Auch dies galt es zu koordinieren, Ansprechpartner beim Verein war hierfür der Ratsschreiber. Dank der exzellenten Zusammenarbeit mit ihm wurden alle Mitglieder rechtzeitig über den Wechsel informiert. Diese konnten später **ohne Unterbrechung auf Ihre E-Mails und den neuen geschlossenen Mitgliederbereich zugreifen**. Der Umzug zu einem neuen Provider und einem CMS-System erforderte es, alle bisherigen - oft auf Basis von HTML-Tabellen formatierte - Inhalte neu ohne Tabellen und im Hinblick auf Responsive Design zu erstellen - was „Handarbeit" bedeutete und entsprechend einiges an Zeit in Anspruch nahm. Die **via YouTube mit deren Standard-Embedded-Code eingebetteten Videos** stellten wir so um, dass sie **asynchron geladen werden** - da ansonsten die Ladezeit einer Videogalerie-Inhaltsseite unerträglich geworden wäre. ### Eingebremst... Ende **November 2015** waren große Teile der bisherigen Website auf die neue Website umgezogen, es fehlten lediglich noch Teile des internen Mitgliederbereichs sowie ein Großteil der umfangreichen Bildergalerien. Deshalb vereinbarten wir einen ersten **Projekt-Review-Termin** mit dem Auftraggeber für Mitte Dezember. Diesen nutzten wir auch gleich für eine erste Einführung des bei der Kirnarra für die Inhaltspflege verantwortlichen Ratsschreibers. Im Rahmen dieses Termins wurde auch klar, dass bedingt durch die **enorme Menge an Fotos in den jährlichen Fotogalerien** (teilweise über 300 Bilder pro Jahr) der ursprünglich geplante Fertigstellungstermin am 05.01.2016 gefährdet war. Außerdem gab es noch technische Schwierigkeiten mit dem CMS-System beim Login in den internen Mitgliederbereich, die durch den CMS-Anbieter behoben werden mussten. Dadurch bestand die Gefahr, dass bei einem forcierten Umzug zum geplanten Zeitpunkt die Mitglieder nicht mehr auf den Auftrittskalender und weitere wichtige internen Informationen hätten zugreifen können. Deshalb entschieden wir schweren Herzens und in Übereinstimmung mit dem Verein, den Relaunch der neuen Website auf einen Zeitpunkt nach der abgeschlossenen Saison 2015/16 zu verschieben. ## Projektablauf - 2016 Ab **Januar 2016** wurden die restlichen Inhalte, insbesondere die Bilder aus den Fotogalerien, umgezogen, sowie das **Gästebuch** optimiert. Das technische Problem mit dem CMS-System und den Mitglieder-Logins wurde vom Hersteller gelöst. Bedingt durch das alte, stark in die Jahre gekommene Backend des CMS-Systems gab es jedoch die Einschränkung, dass sich die Mitglieder nicht wie bisher gewohnt mit ihrer E-Mail-Adresse im internen Bereich hätten anmelden können, sondern mit einer eigens dafür erstellten Kennung. Der CMS-Provider, die Worldsoft AG, hatte bereits vor einiger Zeit mit einer **Neuentwicklung des Backend** (die [WBS - Worldsoft Business Suite](http://fx.worldsoft-wbs.info/)) begonnen, aber noch keinen Zeitpunkt für die Fertigstellung benannt. Die im Vergleich zum bisherigen Backend wesentlich modernere WBS hätte uns einige Sorgen abgenommen. Umso überraschter waren wir, als die Worldsoft AG im März 2016 die Verfügbarkeit der ersten Ausbaustufe der neuen WBS verkündete. Nach Rücksprache mit unserem Auftraggeber ließen wir dann im April den bisherigen Backend von Worldsoft auf die neue WBS umstellen. Damit wurde es ermöglicht, dass sich **die Mitglieder wie gewohnt per E-Mail-Adresse anmelden können**. Zudem ist die WBS insgesamt deutlich bedienerfreundlicher (und im Responsive Design) gestaltet, was dem Ratsschreiber der Kirnarra die Verwaltung der Mitgliederdaten deutlich erleichtert. Im **Mai und Juni 2016** waren wir dann mit einigen WBS-spezifischen Themen beschäftigt, und **programmierten noch in JavaScript/jQuery ein paar Funktionen nach**, die das CMS-System nicht von sich aus beherrscht. So stellen wir damit beispielsweise sicher, dass beim Durchforsten der Bilder in den Fotogalerien bei einem Bild kein Untertitel angezeigt wird, wenn keiner eingegeben wurde. Denn das CMS zeigt standardmäßig ansonsten den Namen der Bilddatei an, was aber nicht gewünscht war. Es wurden die letzten Bilder zu den neuen Fotogalerien umgezogen und letzte kleine Korrekturen und Optimierungen vorgenommen. Als neuer Fertigstellungszeitpunkt (Website Go-Live) wurde der **20. September 2016** vereinbart, also rechtzeitig vor Beginn der neuen Karnevalssaison. ## Projekt-Endspurt Am **16.09.2016** stellten wir dem Präsidium im Rahmen einer Vorstandssitzung die neue Website vor. Die Anwesenden waren sehr zufrieden mit dem neuen Design und lobten auch die neue Navigation und inhaltliche Aufteilung. [Hier finden Sie das Feedback dazu auf unserer Website](https://www.fx-web.de/unternehmen/kundenfeedbacks/#a1663). Der geplante Go-Live-Termin wurde nochmals bestätigt. Die Mitglieder wurden rechtzeitig vorher über den bevorstehenden Umzug der Website informiert und mit neuen Zugangsdaten zu ihren E-Mail-Postfächern und zum internen Mitgliederbereich versorgt. Und so ging die neue Website dann auch am **20.09.2016** endlich **live**. ## Nachher Hier ein Screenshot der von uns erstellten neuen Website am Tag des Relaunchs: [![Screenshot der Website der Kirnarra nach dem Relaunch im Responsive Design](https://www.muenchen-webdesign.de/wp-content/uploads/2017/04/2016-09-29-kirnarra.de-responsive-design-4-screens-copyright.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2017/04/2016-09-29-kirnarra.de-responsive-design-4-screens-copyright.jpg) Die Website der Kirnarra nach dem Relaunch im Responsive Design ## Fazit Nach dem Relaunch erfolgte auch noch eine mehrstündige Schulung des Ratsschreibers in die WBS um künftig die Mitgliederverwaltung übernehmen zu können. Und selbstverständlich stehen wir ihm auch weiterhin bei Bedarf mit Rat und Tat zur Seite. Kürzlich haben wir die Website auch mit einem **SSL-Zertifikat** ausgestattet, so dass der Datenaustausch mit der Website nun ausschließlich verschlüsselt erfolgt. Das bedeutet ein klares Plus für die Datensicherheit der Informationen für die Mitglieder im internen Bereich. Mehr zum Thema SSL-Zertifikat finden Sie auch in unserem Artikel [Blog von F/X Web Consulting auf SSL (HTTPS) umgestellt](https://www.muenchen-webdesign.de/2017/01/22/unternehmens-blog-von-fx-web-consulting-auf-ssl-https-umgestellt/). Wir haben im Rahmen dieses Projekts einiges dazugelernt (z.B. im Bereich der **realistischen Aufwandsschätzung**) und einige nette Mitglieder bei der Kirnarra kennengelernt. Unser **ganz besonderer Dank** geht an Dieter S. und Thomas H., ohne deren tolle Unterstützung sich dieses Mammut-Projekt wesentlich schwieriger gestaltet hätte. Wer sich bei der Kirnarra über deren Vereinstätigkeiten informieren möchte, findet alles dazu unter [www.kirnarra.de](https://www.kirnarra.de/) - auch die Informationen zum [Mitglied werden](https://web.archive.org/web/20161023205937/http://www.kirnarra.de/). --- ## Weiterleitung von HTTP auf HTTPS mit www per htaccess-Datei einrichten **Source:** [https://www.muenchen-webdesign.de/2017/02/11/weiterleitung-von-http-auf-https-mit-www-per-htaccess-datei-einrichten/](https://www.muenchen-webdesign.de/2017/02/11/weiterleitung-von-http-auf-https-mit-www-per-htaccess-datei-einrichten/) **Date:** 2017-02-11 **Category:** Sicherheitsinformationen, Technik, Tipps & Tricks, WordPress | **Tags:** 301, CMS, Duplicate Content, FTP, htaccess, HTTP, HTTPS, SSL, TLS, Verschlüsselung, Weiterleitung, WordPress, Worldsoft-CMS, www | **Keyword:** htaccess ## .htaccess-Datei - eine praxiserprobte Universallösung In diesem Artikel stellen wir Ihnen eine Universallösung für eine .htaccess-Datei vor. Mit Hilfe dieser Datei können Sie auf jeder beliebigen Website die permanente Weiterleitung von HTTP nach HTTPS mit Prefix www einrichten. ## Wozu ist eine Weiterleitung von HTTP auf HTTPS notwendig? Wie schon in unserem [vorherigen Beitrag zur Umstellung unseres eigenen Blogs auf HTTPS](https://www.muenchen-webdesign.de/2017/01/22/unternehmens-blog-von-fx-web-consulting-auf-ssl-https-umgestellt/) berichtet, ist es zunehmend wichtig, nicht nur Online-Shops sondern „ganz normale" Websites mit einem **SSL-Zertifikat** zu versehen um einen **verschlüsselten Datentransfer** des Besuchers mit der Website zu ermöglichen. ![HTTPS-gesicherte Verbindung](https://www.muenchen-webdesign.de/wp-content/uploads/2017/01/https-150x150.png)Das Zertifikat alleine genügt jedoch bei vielen Webhosting-Anbietern noch nicht. Denn Ihr Besucher kann die Website nach wie vor nicht nur über HTTPS sondern auch **weiterhin über HTTP aufrufen**. Und da viele Internet-Surfer heutzutage Ihre Lieblings-Webseiten in den Browser-Favoriten/-Lesezeichen speichern, ist dort natürlich weiterhin die HTTP-Variante gespeichert. Sendet Ihnen Ihr Website-Besucher nun per Kontaktformular eine Anfrage, werden die sensiblen Daten des Besuchers **unverschlüsselt über das Internet übertragen**, und können abgefangen werden. Hinzu kommt noch das Problem von **Duplicate Content**. ## Was ist Duplicate Content? Duplicate Content (doppelte Inhalte) entsteht, sobald identische oder sehr ähnliche Texte oder Textteile, Bilder und weitere Inhalte über unterschiedliche URLs zu erreichen sind. Oder anders formuliert: der gleiche oder ein sehr ähnlicher Inhalt ist auf verschiedenen Seiten der gleichen oder einer anderen Website zu finden. ### Beispiele für Duplicate Content sind: - Eine Website ist sowohl **mit www** als auch **ohne www** erreichbar - Eine Website ist sowohl **mit http** als auch **via https** erreichbar - Der Inhalt ist in verschiedenen (digitalen) Versionen online zu finden (z.B. HTML und PDF) - Umfangreiche Inhalte werden in der Seitenleiste (Sidebar) und/oder im Fußbereich (Footer) verwendet, und diese Inhalte wiederholen sich auf jeder Inhaltsseite der Webseite - Der Inhalt wurde (unerlaubt) kopiert Suchmaschinen wie Google & Co. und ihre Algorithmen bemühen sich, dem Nutzer die besten und möglichst nur relevante Suchergebnisse zu liefern. Doppelte Inhalte erschweren den Suchmaschinen jedoch die Arbeit, zwischen verschiedenen Versionen eine Entscheidung für das beste Ergebnis zu treffen. Jeder Webseitenbetreiber sollte es sich daher zum Ziel setzen, **einzigartige Inhalte zu publizieren**, und dadurch die Gefahr doppelter Inhalte zu minimieren. **Nur am Rande bemerkt:** ob sich Duplicate Content negativ auf das Ranking der Website bei den Suchmaschinen auswirkt wird nach wie vor kontrovers diskutiert. Bei den großen SEO-Agenturen gibt es dazu jedenfalls keine einheitlichen Aussagen. Wenn Sie auf Nummer Sicher gehen möchten, vermeiden Sie doppelte Inhalte. ## Wie erreiche ich die Weiterleitung von HTTP auf HTTPS (mit und ohne www)? Ob Sie sich um die Weiterleitung von HTTP auf HTTPS und ggf. auch die Weiterleitung auf mit oder ohne www selbst kümmern müssen hängt in der Regel von **zwei Faktoren** ab: 1. Dem **Webhosting-Anbieter** bzw. der von ihm verwendeten Webhosting-Plattform (z.B. cPanel, Plesk), und 2. Dem verwendeten **CMS-System** Manche Webhosting-Provider stellen automatisch sicher, dass bei der Aktivierung des SSL-Zertifikats für eine Domain sämtliche Aufrufe der Website über HTTPS erfolgen. Bei anderen Providern müssen Sie sich selbst darum kümmern, und dies geschieht dann in der Regel über die sogenannte **.htaccess-Datei**. Wenn Sie sich nicht sicher sind, fragen Sie Ihren Webspace-Provider. Auch bei **CMS-Systemen** gibt es Unterschiede in der Handhabung von HTTP vs. HTTPS, wie auch der Verwendung des www-Prefix. Bei **WordPress** etwa müssen Sie (wie auch wir bei unserem Unternehmens-Blog) nach einer Umstellung auf HTTPS zusätzlich die WordPress-Konfiguration auf den Aufruf via HTTPS anpassen. Dies erfolgt entweder in der WordPress-Administration oder über die Datei wp_config.php ([hier finden Sie eine Erläuterung dazu](https://web.archive.org/web/20171211012949/https://www.webongo.de/wordpress-https-umstellen/)). Das Gleiche gilt für die automatische Weiterleitung auf mit www oder ohne www - auch hier müssen die entsprechenden Anpassungen vorgenommen werden. Beim **Worldsoft-CMS**, welches wir bei über 90% unserer Kunden einsetzen, müssen wir lediglich in der Administration eine einzige SSL-Einstellung aktivieren, und schon wird die Website automatisch nur über HTTPS ausgeliefert. Genauso einfach ist die Konfiguration dafür, ob Sie Ihre Website lieber mit oder ohne www-Prefix angezeigt bekommen möchten. Aus diesen und weiteren Gründen ist beim Worldsoft-CMS auch gar kein Zugriff auf eine .htaccess-Datei notwendig und möglich - **alles wird bequem über die Administration eingestellt**. ## Was ist eine .htaccess-Datei? Die .htaccess Datei ist eine **Konfigurationsdatei im reinen Textformat**, die in der Regel **im Hauptverzeichnis eines Webauftritts** angelegt wird. Hierbei handelt es sich in der Regel um das gleiche Verzeichnis, in dem sich auch die Inhaltsseite index.htm oder index.php befinden. Diese Datei bietet die Möglichkeit, Verzeichnis-spezifische Einstellungen für eine Domain und deren Unterseiten bzw. -verzeichnisse vorzunehmen. Eine .htaccess Datei kann überall dort platziert werden wo der Besucherfluss kontrolliert werden soll. So ist es zum Beispiel möglich, Verzeichnisse, Seiten oder auch einzelne Dateien vor dem Zugriff von Besuchern zu schützen und Weiterleitungen (sogenannte **Redirects**) auf andere Verzeichnisse oder Seiten einzurichten. Eine **permanente Weiterleitung** wird auch als **301er-Redirect** bezeichnet. Der Zugriff auf die .htaccess-Datei unterscheidet sich ebenfalls von Provider zu Provider. Manche ermöglichen den direkten, editierenden Zugriff auf den Inhalt aus der Administration heraus. Bei anderen Anbietern ist die Verwendung eines FTP-Client-Programms (beispielsweise FileZilla) nötig, um die .htaccess-Datei herunterzuladen, den Inhalt zu bearbeiten, und die Datei anschließend wieder hochzuladen. **Ein wichtiger Hinweis:** Bitte beachten Sie, dass fehlerhafte Eingaben in der .htaccess Datei schwerwiegende Auswirkungen bis hin zur Nicht-Erreichbarkeit Ihrer Website haben können. Änderungen an der .htaccess treten direkt nach der Speicherung bzw. dem Hochladen der Datei in Kraft. Erstellen Sie daher vor jeder Änderung der .htaccess Datei unbedingt eine Sicherungskopie - oder [wenden Sie sich an Profis wie uns](https://www.fx-web.de/kontakt). ## Die eierlegende Wollmilchsau (Universal-Lösung) einer .htaccess-Datei ### Warum „eierlegende Wollmilchsau"? Weil ich mir seit Jahren bis vor kurzem bei jeder vorzunehmenden Änderung einer .htaccess-Datei den kleinen grauen Gehirnkasten zermartern und mich oft über einige misslungene Versuche ärgern musste, bevor es dann gepasst hat. Was auch daran liegt, dass die Regeln für die Weiterleitung als sogenannte **Regular Expressions** (reguläre Ausdrücke, kurz **RegEx**) eingetragen werden. Und ich habe mich schon immer mit RegEx's schwer getan, so auch zuletzt bei unserer [Umstellung von muenchen-webdesign.de auf HTTPS/SSL](https://www.muenchen-webdesign.de/2017/01/22/unternehmens-blog-von-fx-web-consulting-auf-ssl-https-umgestellt/). Aber vor kurzem war die Umstellung auf HTTPS bei einem Online-Shop durchzuführen. Erschwerend kam hinzu, dass wir bestehende Weiterleitungen auf Ziele außerhalb des Online-Shops in der .htaccess-Datei beibehalten mussten. Was ich auch versuchte, es klappte nicht mit dem Wissen das ich schon hatte. Also machte ich mich erneut auf die Suche im www-Dschungel nach einer **universellen Lösung** - **und wurde endlich fündig!** Nachdem ich diese Lösung in der .htaccess-Datei des oben erwähnten Online-Shops hinterlegt hatte, funktionierte plötzlich alles wie von Geisterhand richtig. Und auch wenn ich die Lösung inhaltlich verstehe, so wäre ich wohl nie in der Lage gewesen, diese selbst zu erstellen. Es sei denn, mit Hilfe eines mehrwöchigen Aufenthalts in einem Kloster in völliger Abgeschiedenheit (aber natürlich mit DSL-Anschluss)... ### So sieht die Universal-Lösung für eine .htaccess-Datei für die Weiterleitung von HTTP nach HTTPS und mit www-Prefix aus Nun will ich Sie aber nicht länger auf die Folter spannen, hier ist die Lösung: ``` `RewriteEngine On # ensure www. RewriteCond %{HTTP_HOST} !^www\. [NC] RewriteRule ^ https://www.%{HTTP_HOST}%{REQUEST_URI} [L,R=301] # ensure https RewriteCond %{HTTP:X-Forwarded-Proto} !https RewriteCond %{HTTPS} off RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301] ` ``` Einen Grundkurs (Tutorial) zur Verwendung und Erstellung von .htaccess-Dateien [finden Sie hier](https://de.onpage.org/knowledge-base/tutorials/htaccess/). Hier nur kurz erläutert was gemacht wird: In der ersten Zeile wird mit **RewriteEngine On** das Modul mod_rewrite des Apache-Webservers gestartet. Ohne dieses Modul wären die restlichen Zeilen wirkungslos. Die zweite und fünfte Zeile sind Kommentarzeilen. Alle Zeilen, die mit einem Hashtag **#** beginnen, sind Kommentarzeilen und ansonsten ohne Funktion. Die dritte und vierte Zeile sorgen dafür, dass sämtliche eingehenden Anfragen mit dem Prefix (Subdomain) **www** an den Webserver gesendet werden. Zuerst wird mit dem Schlüsselwort RewriteCond (Rewrite Condition) festgelegt, welchem Muster die eingehende Anfrage (URL) entsprechend muss, damit dann die hinter dem Schlüsselwort RewriteRule (Rewrite Rule = Umschreibe-Regel) spezifizierte Anweisung bzw. Regel ausgeführt wird. Die 301 am Ende der vierten Zeile sorgt dafür, dass den Bots der Suchmaschinen diese Weiterleitung als permanente Weiterleitung (**301er-Redirect**) mitgeteilt wird. Die letzten drei Zeilen sorgen dafür, dass sämtliche eingehenden HTTP-Anfragen auf eine **HTTPS-Anfrage** an den Webserver umgewandelt werden. Hier sind gleich zwei RewriteCond-Bedingungen zu erfüllen, bevor dann die hinter RewriteRule angegebene Regel ausgeführt wird. Auch hier ist in der achten Zeile die Kennzeichnung als **301er-Weiterleitung** erkennbar. Natürlich darf an dieser Stelle nicht der Verweis auf den Urheber dieser Lösung ([Eric K](http://serverfault.com/users/316657/eric-k)) fehlen, dem ich auf ewig dankbar sein werde. [Sie finden die Lösung im Original hier](https://serverfault.com/questions/523199/redirect-all-http-and-https-non-www-urls-to-https-www-example-com-via-htaccess). [![Screenshot der Antwort aus dem Orignal-Posting zur htaccess-Universal-Lösung für die Redirects auf https und mit www](https://www.muenchen-webdesign.de/wp-content/uploads/2017/02/Screenshot-des-Orignal-Postings-zu-htaccess-universal-redirects-https-und-www-auf-serverfault.com_.jpg)](https://serverfault.com/questions/523199/redirect-all-http-and-https-non-www-urls-to-https-www-example-com-via-htaccess) Diese Lösung sollte auch mit relativ wenig Aufwand so umzuschreiben sein, dass immer auf „ohne www" weiterleitet wird. Aber diesem Thema widme ich mich erst dann wenn der erste Kunde darauf besteht... ## Fazit Blut, Schweiß und Tränen ade! Ich bin heilfroh für künftige Weiterleitungs-Anforderungen endlich eine Universal-Lösung zu haben, die für jede Website-Domain einsetzbar ist. Und die trotzdem noch um funktionierende permanente Weiterleitungen (z.B. über RedirectPermanent) erweitert werden kann, ohne dass es Fehler gibt. Ich hoffe, diese Universal-.htaccess-Datei hilft noch vielen weiteren Webmastern wie mir - viel Spaß damit! --- ## Blog von F/X Web Consulting auf SSL \(HTTPS\) umgestellt **Source:** [https://www.muenchen-webdesign.de/2017/01/22/unternehmens-blog-von-fx-web-consulting-auf-ssl-https-umgestellt/](https://www.muenchen-webdesign.de/2017/01/22/unternehmens-blog-von-fx-web-consulting-auf-ssl-https-umgestellt/) **Date:** 2017-01-22 **Category:** Sicherheitsinformationen, Suchmaschinenoptimierung (SEO), Technik, Unternehmens-News, WordPress | **Tags:** Google, HTTP, HTTPS, Ranking, SEO, SSL, TLS, Umstellung, Verschlüsselung, WordPress, Zertifikate | **Keyword:** SSL ## Ab sofort via SSL erreichbar: https://www.muenchen-webdesign.de Nach unserer **Umstellung auf SSL/HTTPS** sieht es nach dem Aufruf der Site in der Google Chrome Browser-Adresszeile ab sofort erfreulicherweise so aus: ![Screenshot Browser-Adressleiste mit SECURE-Vermerk: www.muenchen-webdesign.de ab sofort nur noch per SSL/HTTPS erreichbar](https://www.muenchen-webdesign.de/wp-content/uploads/2017/01/google-chrome-mucwd-secure-sicher.png) ## Was ist SSL bzw. TLS? SSL (Secure Sockets Layer - die alte Vorgängerbezeichnung) bzw. TLS (Transport Layer Security - die heute gängige, neue Bezeichnung) ist ein hybrides **Verschlüsselungsprotokoll** zur sicheren Datenübertragung im Internet. TLS-Verschlüsselung wird heute vor allem in Verbindung mit HTTPS für den Zugriff auf Webseiten, aber auch Webservices oder z.B. für den Zugriff auf Office 365 (Outlook Web Access, OWA) eingesetzt. Im Unterschied zum unverschlüsselten Zugriff auf Webseiten via HTTP werden beim Zugriff via HTTPS sämtliche Daten zur und von der Website **verschlüsselt übertragen**. Beim unverschlüsselten Datentransfer können diese von Hackern im Internet „abgegriffen" und natürlich entsprechend missbräuchlich verwendet werden - beim verschlüsselten Datentransfer jedoch hat der Hacker im Normalfall keine Chance. Insbesondere Betreiber von Online-Shops achten in der Regel darauf, dass der Shop nur über HTTPS erreichbar ist - denn hier werden im Rahmen von Kauftransaktionen **sensible Kundendaten** (Name, Adresse, Kreditkartendaten, etc.) übertragen, und wenn dies verschlüsselt erfolgt, sind die Daten des Kunden geschützt. Allerdings ist die SSL/TLS-Verschlüsselung auch nur sicher wenn das zugehörige Zertifikat von einer **vertrauenswürdigen Zertifizierungsstelle** ausgestellt wurde. John Mueller von Google macht dazu in einem Google Webmaster Hangout sehr interessante Aussagen: [https://youtu.be/AdzlHxRJpak?t=1015](https://youtu.be/AdzlHxRJpak?t=1015) Hier finden sich [mehr Informationen zu TLS auf Wikipedia](https://de.wikipedia.org/wiki/Transport_Layer_Security). ## Warum die Umstellung auf SSL? Wir hatten ja schon seit längerem unsere F/X Web Consulting Unternehmens-Website auf SSL umgestellt, nachdem im August 2014 bekannt geworden war, dass **Google Webseiten mit SSL im Ranking bevorzugt** (englischer Artikel im Google Webmaster Central Blog: [HTTPS as a ranking signal](https://developers.google.com/search/blog/2014/08/https-as-ranking-signal)) - also ein wichtiger Baustein für die Suchmaschinenoptimierung (SEO). Es gibt jedoch noch einen Vorteil: **der Abruf der Seiten wird schneller!** Das sorgt für zufriedenere Besucher (speziell auf Smartphones/Tablets ohne LTE) und ist auch ein wichtiger Suchmaschinenfaktor. Das klingt im ersten Moment unlogisch, schließlich benötigt die Ver- und Entschlüsselung zusätzliche Rechenzeit. Aber es wird klar wenn man weiß, dass die meisten Webserver für die verschlüsselte Verbindung Googles SPDY-Protokoll, eine Alternative zu HTTPS, verwenden - und diese ist bereits standardmäßig verschlüsselt. Da ein SSL-Zertifikat in der Regel je nach **Validierungsstufe** (siehe auch [Extended-Validation-Zertifikat](https://de.wikipedia.org/wiki/Extended-Validation-Zertifikat)) einige Kosten verursachen kann, und wir hier auf unserem Unternehmens-Blog keine Formulare einsetzen oder sensible Transaktionen erfolgen, hatten wir bisher auf die Umstellung verzichtet. Nun geht Google aber mit seinem Chrome Browser noch einen Schritt weiter, und **warnt ab Januar 2017** im Chrome Browser ab Version 56 den Browser-Nutzer vor Webseiten ohne SSL-Zertifikat- das sieht dann wie folgt aus: ![Screenshot: Google Chrome - Anzeige Not Secure in der Browser-Adressleiste](https://www.muenchen-webdesign.de/wp-content/uploads/2017/01/google-chrome-no-https.png) Hier auch ein [Artikel dazu auf dem dogado-Blog](https://www.dogado.de/google-chrome-warnt-vor-seiten-ohne-ssl-zertifikat-https/). Und Google plant offensichtlich, die Warnhinweise im Browser schrittweise auszuweiten. Es bleibt abzuwarten, ob andere Browser-Hersteller nachziehen... Nachdem wir unsere (Erst-)Besucher aber keinesfalls verschrecken wollen, haben wir uns nun auch auf www.muenchen-webdesign.de an die Umstellung gemacht. ## Die Umstellung auf SSL (HTTPS) in der Praxis **Was war also zu tun? ** Folgende Schritte mussten wir nach und nach erledigen, um die Umstellung hinzubekommen. 1. Bei unserem Website-Provider einen **Certificate Signing Request** (CSR) erstellen 2. Mit dem CSR bei einer Zertifizierungsstelle das SSL-Server-Zertifikat für www.muenchen-webdesign.de besorgen 3. Das ausgestellte SSL-Zertifikat bei unserem Provider hochladen 4. Das hochgeladene Zertifikat in den Website-Einstellungen der Domain zuordnen (damit es auch verwendet wird) 5. Die .htaccess-Datei unserer Website so anpassen, dass automatisch immer (also auch bei Eingabe von http://www.muenchen-webdesign.de ohne 's') immer auf die HTTPS-Variante weitergeleitet wird 6. Die wp_config.php von WordPress mit Hilfe der entsprechenden DEFINE-Befehle auf HTTPS umstellen und hochladen: `define('WP_SITEURL', 'https://www.muenchen-webdesign.de');` `define('WP_HOME', 'https://www.muenchen-webdesign.de');` 7. Nach dem ersten Aufruf der Website mit HTTPS alle Seiten und Beiträge nach „alten" Verlinkungen auf Ressourcen (Seiten, Beiträge, Bilder) von unserer eigenen Website durchforsten und korrigieren. Wenn man eine umfangreiche Website hat, empfiehlt es sich, diesen Schritt bereits vor der Umstellung umzusetzen - denn je nach Umfang der Inhalte kann das eine Weile dauern, falls man nicht schon zuvor konsequent „sauber" gearbeitet hat (also bei Ressourcen der eigenen Website relative Links verwendet). Hierbei sind uns dann auch gleich zwei Schwächen von WordPress aufgefallen, dazu aber weiter unten mehr. 8. Nach der Korrektur aller Links die Website nochmals mit Google Chrome, Mozilla Firefox und Microsoft Internet Explorer 11 sowie Microsoft Edge geprüft - alles gut! Nun müssen wir nur noch Google über die Google Search Console „mitteilen", dass sie uns künftig über HTTPS indizieren sollen. ## Worauf man vor der Umstellung achten sollte Bei Verlinkungen auf eigene Ressourcen (also **interne Links** auf Seiten der eigenen Website und Bilder, die auf der eigenen Website liegen) sollten Sie nach Möglichkeit nur **relative Links** verwenden. Verlinken Sie also nicht per **absolutem Link** (Beispiel: http://www.domain.tld/meine-unterseite/index.html) sondern per relativem Link auf /meine-unterseite/index.html. **Warum?** Weil spätestens nach der Umstellung auf SSL, sprich HTTPS, die Browser bemängeln, wenn innerhalb einer Seite einer Website auf eigene Ressourcen mit HTTP verlinkt wird (sogenannte „gemischte Inhalte"oder auf Englisch „mixed content"). Ganz besonders deutlich sieht man dies im Internet Explorer, der dann diese via HTTP verlinkten internen Inhalte erst gar nicht anzeigt, sondern stattdessen dem Browser-Nutzer am unteren Bildschirmrand die Fehlermeldung „**Nur sicherer Inhalt wird angezeigt**" präsentiert: ![Screenshot: Internet Explorer Meldung bei Verwendung von SSL und mixed content: Nur sicherer Inhalt wird angezeigt](https://www.muenchen-webdesign.de/wp-content/uploads/2017/01/Internet-Explorer-Meldung-nur-sicherer-Inhalt-wird-angezeigt.jpg) ## WordPress-Eigenheiten Im Rahmen der Umstellung auf SSL sind uns zwei WordPress-Eigenheiten aufgefallen, auf die man achten muss. Die betrifft allerdings nur Website-Betreiber, die ihre Website bislang ohne SSL betrieben haben. Wer von vornherein seinen WordPress-Blog mit SSL eingerichtet und betrieben hat, den betrifft dies nicht (so lange er keine expliziten internen HTTP-Links verwendet). ### Absolute Links (URLs) auf interne Seiten und Blog-Beiträge Werden in WordPress Links auf eigene (interne) Seiten oder auch Blog-Beiträge erstellt, so nutzt WordPress hierzu leider immer absolute Links. Beim noch relativ neuen Inline-Link-Editor in WordPress sieht das dann so aus: ![Screenshot: WordPress - Inline-Link-Auswahl (behindert die Umstellung auf SSL)](https://www.muenchen-webdesign.de/wp-content/uploads/2017/01/WordPress-Inline-Link-auswahl1.jpg) Nach der Auswahl des Eintrags „Blog & News" trägt WordPress den absoluten Pfad zur Seite als Link ein: ![Screenshot: WordPress - Inline-Link-Auswahl (behindert die Umstellung auf SSL)](https://www.muenchen-webdesign.de/wp-content/uploads/2017/01/WordPress-Inline-Link-auswahl2.jpg) Diesen Pfad müssen Sie nun korrigieren und den Teil vor dem benötigten relativen Link entfernen. Zuletzt dann die Änderung mit dem Pfeilsymbol-Button speichern: ![Screenshot: WordPress - Inline-Link korrigiert (so klappt auch die Umstellung auf SSL)](https://www.muenchen-webdesign.de/wp-content/uploads/2017/01/WordPress-Inline-Link-korrekt.jpg) Die Einbindung von Bildern aus der WordPress-Medien-Bibliothek betrifft dies nicht. Hier handhabt WordPress die Umstellung von HTTP auf HTTPS im Hintergrund „automatisch" korrekt. ### Gravatar-Bild Auch ein eventuell hochgeladenes Gravatar-Bild wird von WordPress mit einem absoluten Link eingebunden. Hier müssen Sie nach der Umstellung auf SSL bei den Benutzern **das Profilbild neu hochladen**. Leider gibt es keine andere Möglichkeit den absoluten Link auf einen relativen Link zu ändern. ## Fazit Insgesamt haben wir für die Umstellung gerade einmal drei Stunden benötigt, dann war die „Operation" geglückt. Nur gut, dass wir in der Vergangenheit schon vorausschauend mit relativen Links gearbeitet hatten. Nun sind wir natürlich auch gespannt und neugierig darauf, ob sich das Ranking unseres Unternehmens-Blogs in Google „spürbar" verbessern wird. Haben Sie bereits Erfahrungen in der Umstellung von WordPress-Seiten auf SSL gemacht? **Kennen Sie Tools, Tipps & Tricks für die Umstellung?** Dann nutzen Sie bitte die **Kommentarfunktion unter diesem Beitrag** und berichten Sie uns davon! --- ## Relaunch im Responsive Design: VäterNetzwerk München e.V. **Source:** [https://www.muenchen-webdesign.de/2016/06/11/relaunch-im-responsive-design-vaeternetzwerk-muenchen-e-v/](https://www.muenchen-webdesign.de/2016/06/11/relaunch-im-responsive-design-vaeternetzwerk-muenchen-e-v/) **Date:** 2016-06-11 **Category:** Referenzen, Relaunches, Responsive Webdesign, Unternehmens-News | **Tags:** 2016, München, Relaunch, Responsive Webdesign, VäterNetzwerk, Verein | **Keyword:** relaunch ## Relaunch „dezent" Heute kann ich mit Freude von einem weiteren Relaunch im Responsive Webdesign berichten: die Website des VäterNetzwerk München e.V. erstrahlt nun im neuen Glanz einer mobil-freundlichen Website, genau so [wie Google es mag](https://www.google.de/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fwww.vaeternetzwerk-muenchen.de). Es ging auch diesmal nicht um eine vollständige Modernisierung sondern „lediglich" darum, die Website für mobile Geräte wie Tablets und Smartphones mit kleineren Bildschirmen verfügbar und optimal bedienbar zu machen. Denn wir hatten schon in den vergangenen Monaten bei der Erstellung neuer Inhalte darauf geachtet, diese „mobile-friendly" zu gestalten. ## Die Änderungen Die am deutlichsten erkennbare Veränderung in der Darstellung/Bedienung zur vorherigen Version ist das Navigationsmenü: dieses bestand zuvor aus zwei Zeilen, die Idee dafür kam uns schon vor über zwei Jahren, und die hatten wir uns damals von gängigen Online-Magazin-Websites wie Spiegel Online & Co. „abgeschaut". Der Nachteil dieser zweizeiligen Menü-Variante war jedoch, dass man immer erst den Hauptmenüpunkt klicken musste, bevor man die Untermenüpunkte angezeigt bekam - ein Umstand, den der Vorstand des VäterNetzwerk München zunehmend als hinderlich empfand - und wir auch. Für die Umstellung auf Responsive Design mussten wir sowieso auf ein moderneres, responsive-geeignetes Menü-Modul im Worldsoft-CMS zurückgreifen, und so nutzten wir die Chance, das zweizeilige Menü durch ein gängiges einzeiliges Menü zu ersetzen, welches schon beim Zeigen mit der Maus (oder dem Tipp mit dem Finger) die Untermenüebene anzeigt. Wir nutzten auch gleich die Gelegenheit, das zweispaltige Design zu „verbreitern" und somit auf heute üblichen Desktop- und Notebook-Monitoren mehr Inhalt darzustellen. Die Maximalbreite des äußersten Containers der Website beträgt nun 1200 Pixel, anstelle der vorher eingestellten 950 Pixel - den Unterschied sehen Sie in den Vorher-Nachher-Bildern weiter unten. [![Die Website des VäterNetzwerk München e. V. vor dem Relaunch im Responsive Webdesign](https://www.muenchen-webdesign.de/wp-content/uploads/2016/06/2016-06-01-vaeternetzwerk-muenchen.de-responsive-design-4-screens-copyright-OLD-300x225.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2016/06/2016-06-01-vaeternetzwerk-muenchen.de-responsive-design-4-screens-copyright-OLD.jpg) Die Website des VäterNetzwerk München e. V. vor dem Relaunch [![Die Website des VäterNetzwerk München e. V. nach dem Relaunch im Responsive Webdesign](https://www.muenchen-webdesign.de/wp-content/uploads/2016/06/2016-06-01-vaeternetzwerk-muenchen.de-responsive-design-4-screens-copyright-RWD-300x225.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2016/06/2016-06-01-vaeternetzwerk-muenchen.de-responsive-design-4-screens-copyright-RWD.jpg) Die Website des VäterNetzwerk München e. V. nach dem Relaunch ## Was kommt als nächstes? Es ist im Vorstand des VäterNetzwerk München bereits beschlossen, dass auch die Navigationsstruktur verändert werden muss, um diese den heutigen Bedürfnissen der Besucher rund um aktuelle Väterthemen wie auch an die Aufstellung des VäterNetzwerk München besser entsprechend zu lassen. Technisch müssen wir die Social Media Teilen- (engl. Sharing) Funktionen auf die neueste Technologie (Shariff) umstellen, um damit der jüngsten Rechtssprechung in Deutschland zum Thema Datenschutz zu entsprechen und rechtlich auf der sicheren Seite zu sein. Auf unserer [Unternehmens-Website](https://www.fx-web.de/) und auch hier auf unserem [Unternehmens-Blog](http://www.muenchen-webdesign.de) haben wir das bereits umgesetzt. [Hier finden Sie mehr Informationen zu Shariff](https://web.archive.org/web/20220413204139/https://www.heise.de/ct/ausgabe/2014-26-Social-Media-Buttons-datenschutzkonform-nutzen-2463330.html). ## Fazit Die [Mitglieder des VäterNetzwerk München](https://web.archive.org/web/20240521035428/https://www.vaeternetzwerk-muenchen.de/90/verein/mitglieder) sind begeistert und freuen sich darauf, dass künftig auch mobile Surfer ihre Website bequem bedienen und die Inhalte auch auf Smartphones und Tablets angenehm lesbar vorfinden werden. --- ## Neue Kundenreferenz: Orthopädische Praxis Dr. Scharl **Source:** [https://www.muenchen-webdesign.de/2016/02/24/neue-kundenreferenz-orthopaedische-praxis-dr-scharl/](https://www.muenchen-webdesign.de/2016/02/24/neue-kundenreferenz-orthopaedische-praxis-dr-scharl/) **Date:** 2016-02-24 **Category:** Referenzen, Unternehmens-News | **Tags:** Canon, Grafikdesign, Kundenreferenzen, München, München-Feldmoching, München-Hasenbergl, Objektfotografie, Orthopädie, Orthopädische, Praxis | **Keyword:** Orthopädische Praxis ## Responsive Design: Orthopädische Praxis Dr. Scharl Wie bereits im Dezember [hier angekündigt](http://www.muenchen-webdesign.de/2015/12/19/relaunch-im-responsive-design-kuennemann-consulting-gmbh/), sind wir parallel an mehreren Projekten „dran". Einige davon haben sich leider etwas verzögert (meistens weil noch vom Kunden zu liefernde Inhalte fehlen), so dass ich nicht wie erhofft noch im Dezember oder Januar hier über neue, fertiggestellte Projekte berichten konnte. Ich bin jedoch zuversichtlich, dass sich das im März ändern wird. Ein Projekt konnten wir jedoch vor wenigen Tagen abschließen und an die hochzufriedene Besitzerin übergeben: die [Website der Orthopädischen Praxis Dr. Scharl](http://www.orthopaedie-muenchen.info/) im **Münchner Norden**. ## Die Kundin Frau Dr. Scharl kam bereits im Spätsommer 2015 auf Empfehlung eines Vorstands der [Unternehmer für Feldmoching](https://www.die-feldmochinger.de/) zu uns. Zu diesem Zeitpunkt plante Sie die Übernahme einer [Orthopädischen Praxis in München-Hasenbergl](https://www.ortho-scharl.de/), da der bisherige orthopädische Arzt dort plante, zum Jahresende 2015 in Rente zu gehen. Wir legten bei der [Website-Erstbesprechung](https://www.fx-web.de/projektablauf) den groben Zeitplan fest, mussten jedoch mit dem Projektbeginn noch auf die Zustimmung eines Ärzteverbands zur Praxisübernahme warten. ## Das Projekt Als es Mitte Oktober 2015 dann endlich soweit war, erhielten wir von Frau Dr. Scharl den „Startschuss" und legten auf Basis des bewährten [Worldsoft-CMS](http://www.fx.worldsoft.info/) los. Die Gestaltung des Logos übernahm eine uns persönlich bekannte **Grafikdesignerin aus München-Feldmoching**, die auch hier wieder eine sehr schöne Arbeit geleistet hat. Mitte Dezember waren wir im Prinzip mit der Website fertig, es fehlten lediglich noch einige Bilder für die Inhaltsseiten und insbesondere für den Slider (Bildlauf) auf der Homepage, die von einem Profi-Fotografen von den völlig neu und modern gestalteten Praxisräumen erstellt werden sollten. Da Frau Dr. Scharl die Praxis offiziell zum 01.01.2016 übernahm, schalteten wir die Website zu diesem Zeitpunkt bereits live, ließen den Slider jedoch mangels entsprechender Bilder noch ausgeblendet. Leider gab es jedoch Verzögerungen mit der Erstellung der Bilder, so dass Frau Dr. Scharl uns Anfang Februar fragte, ob wir nicht einen Fotografen wüssten. Daraufhin schlug ich vor, das selbst zu übernehmen. Die notwendige Ausrüstung - eine **Canon EOS 650 D** samt Canon Blitzgerät und verschiedener **Canon EF-S Objektive** - ist ja vorhanden, und ich habe gegenüber einem „reinen Fotografen" ja auch den Vorteil, dass ich am besten weiß, welche Art von Motiven und Formaten ich für den Slider und die Inhaltsseiten benötige. So haben wir für den 19. Februar einen Fototermin in der Praxis vereinbart. Ich hatte richtig Spaß daran, mein fotografisches Auge Mal wieder im Bereich **Objektfotografie** zum Einsatz zu bringen. Gleich am Tag danach wählte ich die besten Bilder aus, optimierte sie wie gewohnt für den Einsatz im Slider und den Inhaltsseiten, und baute sie in der Website ein. ## Die Kundenreferenz-Website Die Site ist uns - wie wir finden - sehr ansprechend gelungen: [![Orthopädische Praxis Dr. Scharl: die Website im Responsive Webdesign](http://www.muenchen-webdesign.de/wp-content/uploads/2016/02/2016-02-20-orthopaedie-muenchen.info_.jpg)](http://www.orthopaedie-muenchen.info/) Die Website der Orthopädischen Praxis Dr. Scharl im Responsive Webdesign Die Website der Orthopädischen Praxis Dr. Scharl ist sowohl über die URL [www.orthopaedie-muenchen.info](http://www.orthopaedie-muenchen.info/) als auch über die Adresse [www.ortho-scharl.de](https://www.ortho-scharl.de/) erreichbar - natürlich SEO-konform, d.h. über eine 301er-Weiterleitung, und zudem ist [www.orthopaedie-muenchen.info](http://www.orthopaedie-muenchen.info/) als Canonical-URL definiert. ## Fazit Auch wenn sich das gesamte Projekt doch länger als gewohnt über mehrere Monate hinzog, so hat uns die Erstellung der Website und die Foto-Session in der Praxis doch sehr viel Freude bereitet. Und das Ergebnis gefällt sowohl Frau Dr. Scharl als auch uns ausnehmend gut - was auch daran liegt, dass dies die erste Website aus dem Hause F/X Web Consulting ist, die in der - von der Kundin gewählten - Farbe Türkis gestaltet ist. Ich bedanke mich an dieser Stelle auch nochmals herzlichst bei Frau Dr. Scharl für die stets angenehme Zusammenarbeit, und wünsche Ihr ganz viel Erfolg mit der von ihr übernommenen orthopädischen Praxis! --- ## Relaunch im Responsive Design: Künnemann Consulting GmbH **Source:** [https://www.muenchen-webdesign.de/2015/12/19/relaunch-im-responsive-design-kuennemann-consulting-gmbh/](https://www.muenchen-webdesign.de/2015/12/19/relaunch-im-responsive-design-kuennemann-consulting-gmbh/) **Date:** 2015-12-19 **Category:** Referenzen, Responsive Webdesign, Unternehmens-News | **Tags:** Coaching, Consulting, F/X Web Consulting, Google, Mobile, mobile-friendly, München, Responsive Design, Smartphone, Tablets, Unternehmen | **Keyword:** relaunch ## Responsive Relaunch - Künnemann Consulting GmbH Wir haben in den letzten Monaten einige neue Webprojekte erstellt, über die ich in den nächsten Tagen berichten werde. Aber heute geht es um einen weiteren Relaunch (neudeutsch für „erneute Einführung" oder „Neugestaltung") im Responsive Webdesign, nämlich der Unternehmens-Website der [Künnemann Consulting GmbH](http://www.kuennemann-consulting.de). ## Die Besonderheit Das Besondere an diesem Relaunch war, dass wir am Desktop-Design der Website - also dem bei der [Einführung im Frühjahr 2013](http://www.muenchen-webdesign.de/2013/02/10/neue-kundenreferenz-kunnemann-consulting-gmbh/) von einer Marketingagentur vorgegebenen und von uns pixelgenau umgesetzten Design - nichts verändern durften. Es ging also diesmal nicht um eine generelle Modernisierung sondern „lediglich" darum, die Website für mobile Geräte wie Tablets und Smartphones mit kleineren Bildschirmen verfügbar und optimal bedienbar zu machen - und das ist uns gut gelungen: ![Die Website der Künnemann Consulting GmbH nach dem Relaunch im Responsive Design](http://www.muenchen-webdesign.de/wp-content/uploads/2015/12/2015-07-19-kuennemann-consulting.de-responsive-design-4-screens-copyright1.jpg) Die Website der Künnemann Consulting GmbH nach dem Relaunch im Responsive Design ## Die Änderungen Das hat zur Folge, dass - wie oben im Screenshot beim Tablet im Hochformat und beim Smartphone zu sehen - die Website nun ab einer Bildschirmbreite von 992 Pixeln und dann erneut ab einer Breite von 767 Pixeln eine völlig andere Optik aufweist - eben mobil-freundlich, und damit ganz nach dem Geschmack von Google & Co., wie [Google's Test der Website auf Optimierung für Mobilgeräte](https://www.google.de/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fwww.kuennemann-consulting.de) beweist: [![Screenshot Google Mobile-Friendly-Test für kuennemann-consulting.de](http://www.muenchen-webdesign.de/wp-content/uploads/2015/12/2015-12-19-Screenshot-Google-Mobile-Friendly-Test-kuennemann-consulting.de_.jpg)](https://www.google.de/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fwww.kuennemann-consulting.de) Screenshot: Google Mobile-Friendly-Test für kuennemann-consulting.de Auch inhaltlich wurde etwas umstrukturiert: die Dienstleistungen sind jetzt klar nach Angeboten für [Unternehmen](http://www.kuennemann-consulting.de/123/unternehmen/personalauswahl) und [Privatpersonen](http://www.kuennemann-consulting.de/156/privatpersonen/berufliche-neuorientierung) aufgeteilt, und auch bei den Referenzen wird nun nach [Referenzen von Privatkunden](http://www.kuennemann-consulting.de/176/referenzen/privatkunden) und [Referenzen von Unternehmenskunden](http://www.kuennemann-consulting.de/175/referenzen/unternehmen) unterschieden. ## Fazit Die Zusammenarbeit mit Michael Künnemann war wie schon vor gut 2 Jahren erneut sehr angenehm. Da ich selbst als Kunde in der Gründungsphase von [F/X Web Consulting](http://www.fx-web.de) schon in den Genuss seines „Visions- und Strategie-Coaching für Gründer" kam und von seiner professionellen Herangehensweise wie auch von seiner angenehmen Art als Mensch begeistert war und bin, kann ich [seine Dienstleistungen jederzeit empfehlen](http://www.kuennemann-consulting.de/176/referenzen/privatkunden). Ich bedanke mich auch auf diesem Weg bei Herrn Künnemann für das erneute Vertrauen in meine Fähigkeiten und wünsche ihm weiterhin ganz viel Erfolg mit seinem Unternehmen. --- ## Datenschutzerklärung **Source:** [https://www.muenchen-webdesign.de/datenschutzerklaerung/](https://www.muenchen-webdesign.de/datenschutzerklaerung/) **Date:** 2015-08-31 **Keyword:** Datenschutzerklärung ## 1. Datenschutz auf einen Blick ### Allgemeine Hinweise Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit Ihren personenbezogenen Daten passiert, wenn Sie diese Website besuchen. Personenbezogene Daten sind alle Daten, mit denen Sie persönlich identifiziert werden können. Ausführliche Informationen zum Thema Datenschutz entnehmen Sie unserer unter diesem Text aufgeführten Datenschutzerklärung. ### Datenerfassung auf dieser Website #### Wer ist verantwortlich für die Datenerfassung auf dieser Website? Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen Kontaktdaten können Sie dem Abschnitt „Hinweis zur Verantwortlichen Stelle" in dieser Datenschutzerklärung entnehmen. #### Wie erfassen wir Ihre Daten? Ihre Daten werden zum einen dadurch erhoben, dass Sie uns diese mitteilen. Hierbei kann es sich z. B. um Daten handeln, die Sie in ein Kontaktformular eingeben. Andere Daten werden automatisch oder nach Ihrer Einwilligung beim Besuch der Website durch unsere IT-Systeme erfasst. Das sind vor allem technische Daten (z. B. Internetbrowser, Betriebssystem oder Uhrzeit des Seitenaufrufs). Die Erfassung dieser Daten erfolgt automatisch, sobald Sie diese Website betreten. #### Wofür nutzen wir Ihre Daten? Ein Teil der Daten wird erhoben, um eine fehlerfreie Bereitstellung der Website zu gewährleisten. Andere Daten können zur Analyse Ihres Nutzerverhaltens verwendet werden. #### Welche Rechte haben Sie bezüglich Ihrer Daten? Sie haben jederzeit das Recht, unentgeltlich Auskunft über Herkunft, Empfänger und Zweck Ihrer gespeicherten personenbezogenen Daten zu erhalten. Sie haben außerdem ein Recht, die Berichtigung oder Löschung dieser Daten zu verlangen. Wenn Sie eine Einwilligung zur Datenverarbeitung erteilt haben, können Sie diese Einwilligung jederzeit für die Zukunft widerrufen. Außerdem haben Sie das Recht, unter bestimmten Umständen die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen. Des Weiteren steht Ihnen ein Beschwerderecht bei der zuständigen Aufsichtsbehörde zu. Hierzu sowie zu weiteren Fragen zum Thema Datenschutz können Sie sich jederzeit an uns wenden. ### Analyse-Tools und Tools von Dritt­anbietern Beim Besuch dieser Website kann Ihr Surf-Verhalten statistisch ausgewertet werden. Das geschieht vor allem mit sogenannten Analyseprogrammen. Detaillierte Informationen zu diesen Analyseprogrammen finden Sie in der folgenden Datenschutzerklärung. ## 2. Hosting Wir hosten die Inhalte unserer Website bei folgendem Anbieter: ### Externes Hosting Diese Website wird extern gehostet. Die personenbezogenen Daten, die auf dieser Website erfasst werden, werden auf den Servern des Hosters / der Hoster gespeichert. Hierbei kann es sich v. a. um IP-Adressen, Kontaktanfragen, Meta- und Kommunikationsdaten, Vertragsdaten, Kontaktdaten, Namen, Websitezugriffe und sonstige Daten, die über eine Website generiert werden, handeln. Das externe Hosting erfolgt zum Zwecke der Vertragserfüllung gegenüber unseren potenziellen und bestehenden Kunden (Art. 6 Abs. 1 lit. b DSGVO) und im Interesse einer sicheren, schnellen und effizienten Bereitstellung unseres Online-Angebots durch einen professionellen Anbieter (Art. 6 Abs. 1 lit. f DSGVO). Sofern eine entsprechende Einwilligung abgefragt wurde, erfolgt die Verarbeitung ausschließlich auf Grundlage von Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG, soweit die Einwilligung die Speicherung von Cookies oder den Zugriff auf Informationen im Endgerät des Nutzers (z. B. Device-Fingerprinting) im Sinne des TDDDG umfasst. Die Einwilligung ist jederzeit widerrufbar. Unser(e) Hoster wird bzw. werden Ihre Daten nur insoweit verarbeiten, wie dies zur Erfüllung seiner Leistungspflichten erforderlich ist und unsere Weisungen in Bezug auf diese Daten befolgen. Wir setzen folgende(n) Hoster ein: Celeros Online KG Hauptstr. 32C 22885 Barsbüttel Germany #### Auftragsverarbeitung Wir haben einen Vertrag über Auftragsverarbeitung (AVV) zur Nutzung des oben genannten Dienstes geschlossen. Hierbei handelt es sich um einen datenschutzrechtlich vorgeschriebenen Vertrag, der gewährleistet, dass dieser die personenbezogenen Daten unserer Websitebesucher nur nach unseren Weisungen und unter Einhaltung der DSGVO verarbeitet. ## 3. Allgemeine Hinweise und Pflicht­informationen ### Datenschutz Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend den gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung. Wenn Sie diese Website benutzen, werden verschiedene personenbezogene Daten erhoben. Personenbezogene Daten sind Daten, mit denen Sie persönlich identifiziert werden können. Die vorliegende Datenschutzerklärung erläutert, welche Daten wir erheben und wofür wir sie nutzen. Sie erläutert auch, wie und zu welchem Zweck das geschieht. Wir weisen darauf hin, dass die Datenübertragung im Internet (z. B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich. ### Hinweis zur verantwortlichen Stelle Die verantwortliche Stelle für die Datenverarbeitung auf dieser Website ist: F/X Web Consulting Franz X. Kohl Ponkratzstraße 10 80995 München Telefon: +49 (89) 31287458 E-Mail: (Anti-Spam-BOT-kodierte E-Mail-Adresse) Verantwortliche Stelle ist die natürliche oder juristische Person, die allein oder gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten (z. B. Namen, E-Mail-Adressen o. Ä.) entscheidet. ### Speicherdauer Soweit innerhalb dieser Datenschutzerklärung keine speziellere Speicherdauer genannt wurde, verbleiben Ihre personenbezogenen Daten bei uns, bis der Zweck für die Datenverarbeitung entfällt. Wenn Sie ein berechtigtes Löschersuchen geltend machen oder eine Einwilligung zur Datenverarbeitung widerrufen, werden Ihre Daten gelöscht, sofern wir keine anderen rechtlich zulässigen Gründe für die Speicherung Ihrer personenbezogenen Daten haben (z. B. steuer- oder handelsrechtliche Aufbewahrungsfristen); im letztgenannten Fall erfolgt die Löschung nach Fortfall dieser Gründe. ### Allgemeine Hinweise zu den Rechtsgrundlagen der Datenverarbeitung auf dieser Website Sofern Sie in die Datenverarbeitung eingewilligt haben, verarbeiten wir Ihre personenbezogenen Daten auf Grundlage von Art. 6 Abs. 1 lit. a DSGVO bzw. Art. 9 Abs. 2 lit. a DSGVO, sofern besondere Datenkategorien nach Art. 9 Abs. 1 DSGVO verarbeitet werden. Im Falle einer ausdrücklichen Einwilligung in die Übertragung personenbezogener Daten in Drittstaaten erfolgt die Datenverarbeitung außerdem auf Grundlage von Art. 49 Abs. 1 lit. a DSGVO. Sofern Sie in die Speicherung von Cookies oder in den Zugriff auf Informationen in Ihr Endgerät (z. B. via Device-Fingerprinting) eingewilligt haben, erfolgt die Datenverarbeitung zusätzlich auf Grundlage von § 25 Abs. 1 TDDDG. Die Einwilligung ist jederzeit widerrufbar. Sind Ihre Daten zur Vertragserfüllung oder zur Durchführung vorvertraglicher Maßnahmen erforderlich, verarbeiten wir Ihre Daten auf Grundlage des Art. 6 Abs. 1 lit. b DSGVO. Des Weiteren verarbeiten wir Ihre Daten, sofern diese zur Erfüllung einer rechtlichen Verpflichtung erforderlich sind auf Grundlage von Art. 6 Abs. 1 lit. c DSGVO. Die Datenverarbeitung kann ferner auf Grundlage unseres berechtigten Interesses nach Art. 6 Abs. 1 lit. f DSGVO erfolgen. Über die jeweils im Einzelfall einschlägigen Rechtsgrundlagen wird in den folgenden Absätzen dieser Datenschutzerklärung informiert. ### Empfänger von personenbezogenen Daten Im Rahmen unserer Geschäftstätigkeit arbeiten wir mit verschiedenen externen Stellen zusammen. Dabei ist teilweise auch eine Übermittlung von personenbezogenen Daten an diese externen Stellen erforderlich. Wir geben personenbezogene Daten nur dann an externe Stellen weiter, wenn dies im Rahmen einer Vertragserfüllung erforderlich ist, wenn wir gesetzlich hierzu verpflichtet sind (z. B. Weitergabe von Daten an Steuerbehörden), wenn wir ein berechtigtes Interesse nach Art. 6 Abs. 1 lit. f DSGVO an der Weitergabe haben oder wenn eine sonstige Rechtsgrundlage die Datenweitergabe erlaubt. Beim Einsatz von Auftragsverarbeitern geben wir personenbezogene Daten unserer Kunden nur auf Grundlage eines gültigen Vertrags über Auftragsverarbeitung weiter. Im Falle einer gemeinsamen Verarbeitung wird ein Vertrag über gemeinsame Verarbeitung geschlossen. ### Widerruf Ihrer Einwilligung zur Datenverarbeitung Viele Datenverarbeitungsvorgänge sind nur mit Ihrer ausdrücklichen Einwilligung möglich. Sie können eine bereits erteilte Einwilligung jederzeit widerrufen. Die Rechtmäßigkeit der bis zum Widerruf erfolgten Datenverarbeitung bleibt vom Widerruf unberührt. ### Widerspruchsrecht gegen die Datenerhebung in besonderen Fällen sowie gegen Direktwerbung (Art. 21 DSGVO) WENN DIE DATENVERARBEITUNG AUF GRUNDLAGE VON ART. 6 ABS. 1 LIT. E ODER F DSGVO ERFOLGT, HABEN SIE JEDERZEIT DAS RECHT, AUS GRÜNDEN, DIE SICH AUS IHRER BESONDEREN SITUATION ERGEBEN, GEGEN DIE VERARBEITUNG IHRER PERSONENBEZOGENEN DATEN WIDERSPRUCH EINZULEGEN; DIES GILT AUCH FÜR EIN AUF DIESE BESTIMMUNGEN GESTÜTZTES PROFILING. DIE JEWEILIGE RECHTSGRUNDLAGE, AUF DENEN EINE VERARBEITUNG BERUHT, ENTNEHMEN SIE DIESER DATENSCHUTZERKLÄRUNG. WENN SIE WIDERSPRUCH EINLEGEN, WERDEN WIR IHRE BETROFFENEN PERSONENBEZOGENEN DATEN NICHT MEHR VERARBEITEN, ES SEI DENN, WIR KÖNNEN ZWINGENDE SCHUTZWÜRDIGE GRÜNDE FÜR DIE VERARBEITUNG NACHWEISEN, DIE IHRE INTERESSEN, RECHTE UND FREIHEITEN ÜBERWIEGEN ODER DIE VERARBEITUNG DIENT DER GELTENDMACHUNG, AUSÜBUNG ODER VERTEIDIGUNG VON RECHTSANSPRÜCHEN (WIDERSPRUCH NACH ART. 21 ABS. 1 DSGVO). WERDEN IHRE PERSONENBEZOGENEN DATEN VERARBEITET, UM DIREKTWERBUNG ZU BETREIBEN, SO HABEN SIE DAS RECHT, JEDERZEIT WIDERSPRUCH GEGEN DIE VERARBEITUNG SIE BETREFFENDER PERSONENBEZOGENER DATEN ZUM ZWECKE DERARTIGER WERBUNG EINZULEGEN; DIES GILT AUCH FÜR DAS PROFILING, SOWEIT ES MIT SOLCHER DIREKTWERBUNG IN VERBINDUNG STEHT. WENN SIE WIDERSPRECHEN, WERDEN IHRE PERSONENBEZOGENEN DATEN ANSCHLIESSEND NICHT MEHR ZUM ZWECKE DER DIREKTWERBUNG VERWENDET (WIDERSPRUCH NACH ART. 21 ABS. 2 DSGVO). ### Beschwerde­recht bei der zuständigen Aufsichts­behörde Im Falle von Verstößen gegen die DSGVO steht den Betroffenen ein Beschwerderecht bei einer Aufsichtsbehörde, insbesondere in dem Mitgliedstaat ihres gewöhnlichen Aufenthalts, ihres Arbeitsplatzes oder des Orts des mutmaßlichen Verstoßes zu. Das Beschwerderecht besteht unbeschadet anderweitiger verwaltungsrechtlicher oder gerichtlicher Rechtsbehelfe. ### Recht auf Daten­übertrag­barkeit Sie haben das Recht, Daten, die wir auf Grundlage Ihrer Einwilligung oder in Erfüllung eines Vertrags automatisiert verarbeiten, an sich oder an einen Dritten in einem gängigen, maschinenlesbaren Format aushändigen zu lassen. Sofern Sie die direkte Übertragung der Daten an einen anderen Verantwortlichen verlangen, erfolgt dies nur, soweit es technisch machbar ist. ### Auskunft, Berichtigung und Löschung Sie haben im Rahmen der geltenden gesetzlichen Bestimmungen jederzeit das Recht auf unentgeltliche Auskunft über Ihre gespeicherten personenbezogenen Daten, deren Herkunft und Empfänger und den Zweck der Datenverarbeitung und ggf. ein Recht auf Berichtigung oder Löschung dieser Daten. Hierzu sowie zu weiteren Fragen zum Thema personenbezogene Daten können Sie sich jederzeit an uns wenden. ### Recht auf Einschränkung der Verarbeitung Sie haben das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen. Hierzu können Sie sich jederzeit an uns wenden. Das Recht auf Einschränkung der Verarbeitung besteht in folgenden Fällen: - Wenn Sie die Richtigkeit Ihrer bei uns gespeicherten personenbezogenen Daten bestreiten, benötigen wir in der Regel Zeit, um dies zu überprüfen. Für die Dauer der Prüfung haben Sie das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen. - Wenn die Verarbeitung Ihrer personenbezogenen Daten unrechtmäßig geschah/geschieht, können Sie statt der Löschung die Einschränkung der Datenverarbeitung verlangen. - Wenn wir Ihre personenbezogenen Daten nicht mehr benötigen, Sie sie jedoch zur Ausübung, Verteidigung oder Geltendmachung von Rechtsansprüchen benötigen, haben Sie das Recht, statt der Löschung die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen. - Wenn Sie einen Widerspruch nach Art. 21 Abs. 1 DSGVO eingelegt haben, muss eine Abwägung zwischen Ihren und unseren Interessen vorgenommen werden. Solange noch nicht feststeht, wessen Interessen überwiegen, haben Sie das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen. Wenn Sie die Verarbeitung Ihrer personenbezogenen Daten eingeschränkt haben, dürfen diese Daten - von ihrer Speicherung abgesehen - nur mit Ihrer Einwilligung oder zur Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen oder zum Schutz der Rechte einer anderen natürlichen oder juristischen Person oder aus Gründen eines wichtigen öffentlichen Interesses der Europäischen Union oder eines Mitgliedstaats verarbeitet werden. ### SSL- bzw. TLS-Verschlüsselung Diese Seite nutzt aus Sicherheitsgründen und zum Schutz der Übertragung vertraulicher Inhalte, wie zum Beispiel Bestellungen oder Anfragen, die Sie an uns als Seitenbetreiber senden, eine SSL- bzw. TLS-Verschlüsselung. Eine verschlüsselte Verbindung erkennen Sie daran, dass die Adresszeile des Browsers von „http://" auf „https://" wechselt und an dem Schloss-Symbol in Ihrer Browserzeile. Wenn die SSL- bzw. TLS-Verschlüsselung aktiviert ist, können die Daten, die Sie an uns übermitteln, nicht von Dritten mitgelesen werden. ### Widerspruch gegen Werbe-E-Mails Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-E-Mails, vor. ## 4. Datenerfassung auf dieser Website ### Cookies Unsere Internetseiten verwenden so genannte „Cookies". Cookies sind kleine Datenpakete und richten auf Ihrem Endgerät keinen Schaden an. Sie werden entweder vorübergehend für die Dauer einer Sitzung (Session-Cookies) oder dauerhaft (permanente Cookies) auf Ihrem Endgerät gespeichert. Session-Cookies werden nach Ende Ihres Besuchs automatisch gelöscht. Permanente Cookies bleiben auf Ihrem Endgerät gespeichert, bis Sie diese selbst löschen oder eine automatische Löschung durch Ihren Webbrowser erfolgt. Cookies können von uns (First-Party-Cookies) oder von Drittunternehmen stammen (sog. Third-Party-Cookies). Third-Party-Cookies ermöglichen die Einbindung bestimmter Dienstleistungen von Drittunternehmen innerhalb von Webseiten (z. B. Cookies zur Abwicklung von Zahlungsdienstleistungen). Cookies haben verschiedene Funktionen. Zahlreiche Cookies sind technisch notwendig, da bestimmte Webseitenfunktionen ohne diese nicht funktionieren würden (z. B. die Warenkorbfunktion oder die Anzeige von Videos). Andere Cookies können zur Auswertung des Nutzerverhaltens oder zu Werbezwecken verwendet werden. Cookies, die zur Durchführung des elektronischen Kommunikationsvorgangs, zur Bereitstellung bestimmter, von Ihnen erwünschter Funktionen (z. B. für die Warenkorbfunktion) oder zur Optimierung der Website (z. B. Cookies zur Messung des Webpublikums) erforderlich sind (notwendige Cookies), werden auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO gespeichert, sofern keine andere Rechtsgrundlage angegeben wird. Der Websitebetreiber hat ein berechtigtes Interesse an der Speicherung von notwendigen Cookies zur technisch fehlerfreien und optimierten Bereitstellung seiner Dienste. Sofern eine Einwilligung zur Speicherung von Cookies und vergleichbaren Wiedererkennungstechnologien abgefragt wurde, erfolgt die Verarbeitung ausschließlich auf Grundlage dieser Einwilligung (Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG); die Einwilligung ist jederzeit widerrufbar. Sie können Ihren Browser so einstellen, dass Sie über das Setzen von Cookies informiert werden und Cookies nur im Einzelfall erlauben, die Annahme von Cookies für bestimmte Fälle oder generell ausschließen sowie das automatische Löschen der Cookies beim Schließen des Browsers aktivieren. Bei der Deaktivierung von Cookies kann die Funktionalität dieser Website eingeschränkt sein. Welche Cookies und Dienste auf dieser Website eingesetzt werden, können Sie dieser Datenschutzerklärung entnehmen. ### Einwilligung mit Usercentrics Diese Website nutzt die Consent-Technologie von Usercentrics, um Ihre Einwilligung zur Speicherung bestimmter Cookies auf Ihrem Endgerät oder zum Einsatz bestimmter Technologien einzuholen und diese datenschutzkonform zu dokumentieren. Anbieter dieser Technologie ist die Usercentrics GmbH, Sendlinger Straße 7, 80331 München, Website: [https://usercentrics.com/de/](https://usercentrics.com/de/) (im Folgenden „Usercentrics"). Wenn Sie unsere Website betreten, werden folgende personenbezogene Daten an Usercentrics übertragen: - Ihre Einwilligung(en) bzw. der Widerruf Ihrer Einwilligung(en) - Ihre IP-Adresse - Informationen über Ihren Browser - Informationen über Ihr Endgerät - Zeitpunkt Ihres Besuchs auf der Website - Geolocation Des Weiteren speichert Usercentrics ein Cookie in Ihrem Browser, um Ihnen die erteilten Einwilligungen bzw. deren Widerruf zuordnen zu können. Die so erfassten Daten werden gespeichert, bis Sie uns zur Löschung auffordern, das Usercentrics-Cookie selbst löschen oder der Zweck für die Datenspeicherung entfällt. Zwingende gesetzliche Aufbewahrungspflichten bleiben unberührt. Der Einsatz von Usercentrics erfolgt, um die gesetzlich vorgeschriebenen Einwilligungen für den Einsatz bestimmter Technologien einzuholen. Rechtsgrundlage hierfür ist Art. 6 Abs. 1 lit. c DSGVO. #### Auftragsverarbeitung Wir haben einen Vertrag über Auftragsverarbeitung (AVV) zur Nutzung des oben genannten Dienstes geschlossen. Hierbei handelt es sich um einen datenschutzrechtlich vorgeschriebenen Vertrag, der gewährleistet, dass dieser die personenbezogenen Daten unserer Websitebesucher nur nach unseren Weisungen und unter Einhaltung der DSGVO verarbeitet. ### Server-Log-Dateien Der Provider der Seiten erhebt und speichert automatisch Informationen in so genannten Server-Log-Dateien, die Ihr Browser automatisch an uns übermittelt. Dies sind: - Browsertyp und Browserversion - verwendetes Betriebssystem - Referrer URL - Hostname des zugreifenden Rechners - Uhrzeit der Serveranfrage - IP-Adresse Eine Zusammenführung dieser Daten mit anderen Datenquellen wird nicht vorgenommen. Die Erfassung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO. Der Websitebetreiber hat ein berechtigtes Interesse an der technisch fehlerfreien Darstellung und der Optimierung seiner Website - hierzu müssen die Server-Log-Files erfasst werden. ### Anfrage per E-Mail, Telefon oder Telefax Wenn Sie uns per E-Mail, Telefon oder Telefax kontaktieren, wird Ihre Anfrage inklusive aller daraus hervorgehenden personenbezogenen Daten (Name, Anfrage) zum Zwecke der Bearbeitung Ihres Anliegens bei uns gespeichert und verarbeitet. Diese Daten geben wir nicht ohne Ihre Einwilligung weiter. Die Verarbeitung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. b DSGVO, sofern Ihre Anfrage mit der Erfüllung eines Vertrags zusammenhängt oder zur Durchführung vorvertraglicher Maßnahmen erforderlich ist. In allen übrigen Fällen beruht die Verarbeitung auf unserem berechtigten Interesse an der effektiven Bearbeitung der an uns gerichteten Anfragen (Art. 6 Abs. 1 lit. f DSGVO) oder auf Ihrer Einwilligung (Art. 6 Abs. 1 lit. a DSGVO) sofern diese abgefragt wurde; die Einwilligung ist jederzeit widerrufbar. Die von Ihnen an uns per Kontaktanfragen übersandten Daten verbleiben bei uns, bis Sie uns zur Löschung auffordern, Ihre Einwilligung zur Speicherung widerrufen oder der Zweck für die Datenspeicherung entfällt (z. B. nach abgeschlossener Bearbeitung Ihres Anliegens). Zwingende gesetzliche Bestimmungen - insbesondere gesetzliche Aufbewahrungsfristen - bleiben unberührt. ### Kommentar­funktion auf dieser Website Für die Kommentarfunktion auf dieser Seite werden neben Ihrem Kommentar auch Angaben zum Zeitpunkt der Erstellung des Kommentars, Ihre E-Mail-Adresse und, wenn Sie nicht anonym posten, der von Ihnen gewählte Nutzername gespeichert. #### Speicherung der IP-Adresse Unsere Kommentarfunktion speichert die IP-Adressen der Nutzer, die Kommentare verfassen. Da wir Kommentare auf dieser Website nicht vor der Freischaltung prüfen, benötigen wir diese Daten, um im Falle von Rechtsverletzungen wie Beleidigungen oder Propaganda gegen den Verfasser vorgehen zu können. #### Speicherdauer der Kommentare Die Kommentare und die damit verbundenen Daten werden gespeichert und verbleiben auf dieser Website, bis der kommentierte Inhalt vollständig gelöscht wurde oder die Kommentare aus rechtlichen Gründen gelöscht werden müssen (z. B. beleidigende Kommentare). #### Rechtsgrundlage Die Speicherung der Kommentare erfolgt auf Grundlage Ihrer Einwilligung (Art. 6 Abs. 1 lit. a DSGVO). Sie können eine von Ihnen erteilte Einwilligung jederzeit widerrufen. Dazu reicht eine formlose Mitteilung per E-Mail an uns. Die Rechtmäßigkeit der bereits erfolgten Datenverarbeitungsvorgänge bleibt vom Widerruf unberührt. ## 5. Soziale Medien ### Social-Media-Elemente mit Shariff Auf dieser Website werden Elemente von sozialen Medien verwendet (z. B. Facebook, X, Instagram, Pinterest, XING, LinkedIn, Tumblr). Die Social-Media-Elemente können Sie in der Regel anhand der jeweiligen Social-Media-Logos erkennen. Um den Datenschutz auf dieser Website zu gewährleisten, verwenden wir diese Elemente nur zusammen mit der sogenannten „Shariff"-Lösung. Diese Anwendung verhindert, dass die auf dieser Website integrierten Social-Media-Elemente Ihre personenbezogenen Daten schon beim ersten Betreten der Seite an den jeweiligen Anbieter übertragen. Erst wenn Sie das jeweilige Social-Media-Element durch Anklicken der zugehörigen Schaltfläche aktivieren, wird eine direkte Verbindung zum Server des Anbieters hergestellt (Einwilligung). Sobald Sie das Social-Media-Element aktivieren, erhält der jeweilige Anbieter die Information, dass Sie mit Ihrer IP-Adresse diese Website besucht haben. Wenn Sie gleichzeitig in Ihrem jeweiligen Social-Media-Account (z. B. Facebook) eingeloggt sind, kann der jeweilige Anbieter den Besuch dieser Website Ihrem Benutzerkonto zuordnen. Das Aktivieren des Plugins stellt eine Einwilligung im Sinne des Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG dar. Diese Einwilligung können Sie jederzeit mit Wirkung für die Zukunft widerrufen. Der Einsatz des Dienstes erfolgt, um die gesetzlich vorgeschriebenen Einwilligungen für den Einsatz bestimmter Technologien einzuholen. Rechtsgrundlage hierfür ist Art. 6 Abs. 1 lit. c DSGVO. ## 6. Analyse-Tools und Werbung ### Google Analytics Diese Website nutzt Funktionen des Webanalysedienstes Google Analytics. Anbieter ist die Google Ireland Limited („Google"), Gordon House, Barrow Street, Dublin 4, Irland. Google Analytics ermöglicht es dem Websitebetreiber, das Verhalten der Websitebesucher zu analysieren. Hierbei erhält der Websitebetreiber verschiedene Nutzungsdaten, wie z. B. Seitenaufrufe, Verweildauer, verwendete Betriebssysteme und Herkunft des Nutzers. Diese Daten werden dem jeweiligen Endgerät des Users zugeordnet. Eine Zuordnung zu einer User-ID erfolgt nicht. Des Weiteren können wir mit Google Analytics u. a. Ihre Maus- und Scrollbewegungen und Klicks aufzeichnen. Ferner verwendet Google Analytics verschiedene Modellierungsansätze, um die erfassten Datensätze zu ergänzen und setzt Machine-Learning-Technologien bei der Datenanalyse ein. Google Analytics verwendet Technologien, die die Wiedererkennung des Nutzers zum Zwecke der Analyse des Nutzerverhaltens ermöglichen (z. B. Cookies oder Device-Fingerprinting). Die von Google erfassten Informationen über die Benutzung dieser Website werden in der Regel an einen Server von Google in den USA übertragen und dort gespeichert. Die Nutzung dieses Dienstes erfolgt auf Grundlage Ihrer Einwilligung nach Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG. Die Einwilligung ist jederzeit widerrufbar. Die Datenübertragung in die USA wird auf die Standardvertragsklauseln der EU-Kommission gestützt. Details finden Sie hier: [https://privacy.google.com/businesses/controllerterms/mccs/](https://privacy.google.com/businesses/controllerterms/mccs/). Das Unternehmen verfügt über eine Zertifizierung nach dem „EU-US Data Privacy Framework" (DPF). Der DPF ist ein Übereinkommen zwischen der Europäischen Union und den USA, der die Einhaltung europäischer Datenschutzstandards bei Datenverarbeitungen in den USA gewährleisten soll. Jedes nach dem DPF zertifizierte Unternehmen verpflichtet sich, diese Datenschutzstandards einzuhalten. Weitere Informationen hierzu erhalten Sie vom Anbieter unter folgendem Link: [https://www.dataprivacyframework.gov/participant/5780](https://www.dataprivacyframework.gov/participant/5780). #### IP Anonymisierung Die Google Analytics IP-Anonymisierung ist aktiviert. Dadurch wird Ihre IP-Adresse von Google innerhalb von Mitgliedstaaten der Europäischen Union oder in anderen Vertragsstaaten des Abkommens über den Europäischen Wirtschaftsraum vor der Übermittlung in die USA gekürzt. Nur in Ausnahmefällen wird die volle IP-Adresse an einen Server von Google in den USA übertragen und dort gekürzt. Im Auftrag des Betreibers dieser Website wird Google diese Informationen benutzen, um Ihre Nutzung der Website auszuwerten, um Reports über die Websiteaktivitäten zusammenzustellen und um weitere mit der Websitenutzung und der Internetnutzung verbundene Dienstleistungen gegenüber dem Websitebetreiber zu erbringen. Die im Rahmen von Google Analytics von Ihrem Browser übermittelte IP-Adresse wird nicht mit anderen Daten von Google zusammengeführt. #### Browser Plugin Sie können die Erfassung und Verarbeitung Ihrer Daten durch Google verhindern, indem Sie das unter dem folgenden Link verfügbare Browser-Plugin herunterladen und installieren: [https://tools.google.com/dlpage/gaoptout?hl=de](https://tools.google.com/dlpage/gaoptout?hl=de). Mehr Informationen zum Umgang mit Nutzerdaten bei Google Analytics finden Sie in der Datenschutzerklärung von Google: [https://support.google.com/analytics/answer/6004245?hl=de](https://support.google.com/analytics/answer/6004245?hl=de). #### Auftragsverarbeitung Wir haben mit Google einen Vertrag zur Auftragsverarbeitung abgeschlossen und setzen die strengen Vorgaben der deutschen Datenschutzbehörden bei der Nutzung von Google Analytics vollständig um. ### Google AdSense (nicht personalisiert) Diese Website nutzt Google AdSense, einen Dienst zum Einbinden von Werbeanzeigen. Anbieter ist die Google Ireland Limited („Google"), Gordon House, Barrow Street, Dublin 4, Irland. Wir nutzen Google AdSense im „nicht-personalisierten" Modus. Im Gegensatz zum personalisierten Modus beruhen die Werbeanzeigen daher nicht auf Ihrem früheren Nutzerverhalten und es wird kein Nutzerprofil von Ihnen erstellt. Stattdessen werden bei der Auswahl der Werbung sogenannte „Kontextinformationen" herangezogen. Die ausgewählten Werbeanzeigen richten sich dann beispielsweise nach Ihrem Standort, dem Inhalt der Website, auf der Sie sich befinden oder nach Ihren aktuellen Suchbegriffen. Mehr zu den Unterschieden zwischen personalisiertem und nicht-personalisiertem Targeting mit Google AdSense finden Sie unter: [https://support.google.com/adsense/answer/9007336](https://support.google.com/adsense/answer/9007336). Bitte beachten Sie, dass auch beim Einsatz von Google Adsense im nicht-personalisierten Modus Cookies oder vergleichbare Wiedererkennungstechnologien (z. B. Device-Fingerprinting) verwendet werden können. Diese werden laut Google zur Bekämpfung von Betrug und Missbrauch eingesetzt. Die Nutzung dieses Dienstes erfolgt auf Grundlage Ihrer Einwilligung nach Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG. Die Einwilligung ist jederzeit widerrufbar. Die Datenübertragung in die USA wird auf die Standardvertragsklauseln der EU-Kommission gestützt. Details finden Sie hier: [https://privacy.google.com/businesses/controllerterms/mccs/](https://privacy.google.com/businesses/controllerterms/mccs/). Sie können Ihre Werbeeinstellungen selbstständig in Ihrem Nutzer-Account anpassen. Klicken Sie hierzu auf folgenden Link und loggen Sie sich ein: [https://adssettings.google.com/authenticated](https://adssettings.google.com/authenticated). Weitere Informationen zu den Werbetechnologien von Google finden Sie hier: [https://policies.google.com/technologies/ads](https://policies.google.com/technologies/ads) und [https://www.google.de/intl/de/policies/privacy/](https://www.google.de/intl/de/policies/privacy/). Das Unternehmen verfügt über eine Zertifizierung nach dem „EU-US Data Privacy Framework" (DPF). Der DPF ist ein Übereinkommen zwischen der Europäischen Union und den USA, der die Einhaltung europäischer Datenschutzstandards bei Datenverarbeitungen in den USA gewährleisten soll. Jedes nach dem DPF zertifizierte Unternehmen verpflichtet sich, diese Datenschutzstandards einzuhalten. Weitere Informationen hierzu erhalten Sie vom Anbieter unter folgendem Link: [https://www.dataprivacyframework.gov/participant/5780](https://www.dataprivacyframework.gov/participant/5780). ## 7. Plugins und Tools ### YouTube mit erweitertem Datenschutz Diese Website bindet Videos der Website YouTube ein. Betreiber der Website ist die Google Ireland Limited („Google"), Gordon House, Barrow Street, Dublin 4, Irland. Wenn Sie eine dieser Website besuchen, auf denen YouTube eingebunden ist, wird eine Verbindung zu den Servern von YouTube hergestellt. Dabei wird dem YouTube-Server mitgeteilt, welche unserer Seiten Sie besucht haben. Wenn Sie in Ihrem YouTube-Account eingeloggt sind, ermöglichen Sie YouTube, Ihr Surfverhalten direkt Ihrem persönlichen Profil zuzuordnen. Dies können Sie verhindern, indem Sie sich aus Ihrem YouTube-Account ausloggen. Wir nutzen YouTube im erweiterten Datenschutzmodus. Videos, die im erweiterten Datenschutzmodus abgespielt werden, werden nach Aussage von YouTube nicht zur Personalisierung des Surfens auf YouTube eingesetzt. Anzeigen, die im erweiterten Datenschutzmodus ausgespielt werden, sind ebenfalls nicht personalisiert. Im erweiterten Datenschutzmodus werden keine Cookies gesetzt. Stattdessen werden jedoch sogenannte Local Storage Elemente im Browser des Users gespeichert, die ähnlich wie Cookies personenbezogene Daten beinhalten und zur Wiedererkennung eingesetzt werden können. Details zum erweiterten Datenschutzmodus finden Sie hier: [https://support.google.com/youtube/answer/171780](https://support.google.com/youtube/answer/171780). Gegebenenfalls können nach der Aktivierung eines YouTube-Videos weitere Datenverarbeitungsvorgänge ausgelöst werden, auf die wir keinen Einfluss haben. Die Nutzung von YouTube erfolgt im Interesse einer ansprechenden Darstellung unserer Online-Angebote. Dies stellt ein berechtigtes Interesse im Sinne von Art. 6 Abs. 1 lit. f DSGVO dar. Sofern eine entsprechende Einwilligung abgefragt wurde, erfolgt die Verarbeitung ausschließlich auf Grundlage von Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG, soweit die Einwilligung die Speicherung von Cookies oder den Zugriff auf Informationen im Endgerät des Nutzers (z. B. Device-Fingerprinting) im Sinne des TDDDG umfasst. Die Einwilligung ist jederzeit widerrufbar. Weitere Informationen über Datenschutz bei YouTube finden Sie in deren Datenschutzerklärung unter: [https://policies.google.com/privacy?hl=de](https://policies.google.com/privacy?hl=de). Das Unternehmen verfügt über eine Zertifizierung nach dem „EU-US Data Privacy Framework" (DPF). Der DPF ist ein Übereinkommen zwischen der Europäischen Union und den USA, der die Einhaltung europäischer Datenschutzstandards bei Datenverarbeitungen in den USA gewährleisten soll. Jedes nach dem DPF zertifizierte Unternehmen verpflichtet sich, diese Datenschutzstandards einzuhalten. Weitere Informationen hierzu erhalten Sie vom Anbieter unter folgendem Link: [https://www.dataprivacyframework.gov/participant/5780](https://www.dataprivacyframework.gov/participant/5780). ### Google Fonts (lokales Hosting) Diese Seite nutzt zur einheitlichen Darstellung von Schriftarten so genannte Google Fonts, die von Google bereitgestellt werden. Die Google Fonts sind lokal installiert. Eine Verbindung zu Servern von Google findet dabei nicht statt. Weitere Informationen zu Google Fonts finden Sie unter [https://developers.google.com/fonts/faq](https://developers.google.com/fonts/faq) und in der Datenschutzerklärung von Google: [https://policies.google.com/privacy?hl=de](https://policies.google.com/privacy?hl=de). ## 8. Online-Marketing und Partner­programme ### Affiliate-Programme auf dieser Website Wir nehmen an Affiliate-Partnerprogrammen teil. Bei Affiliate-Partner-Programmen werden Werbeanzeigen eines Unternehmens (Advertiser) auf Webseiten von anderen Unternehmen des Affiliate-Partner-Netzwerks (Publisher) platziert. Wenn Sie auf eine dieser Affiliate-Werbeanzeigen klicken, werden Sie zum beworbenen Angebot weitergeleitet. Sollten Sie anschließend eine bestimmte Transaktion (Conversion) tätigen, erhält der Publisher hierfür eine Vergütung. Zur Berechnung dieser Vergütung ist es erforderlich, dass der Affiliate-Netzwerkbetreiber nachvollziehen kann, über welche Werbeanzeige Sie auf das jeweilige Angebot gekommen sind und die vordefinierte Transaktion vorgenommen haben. Hierfür werden Cookies oder vergleichbare Wiedererkennungstechnologien (z. B. Device-Fingerprinting) eingesetzt. Die Speicherung und Analyse der Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO. Der Websitebetreiber hat ein berechtigtes Interesse an der korrekten Berechnung seiner Affiliate-Vergütung. Sofern eine entsprechende Einwilligung abgefragt wurde, erfolgt die Verarbeitung ausschließlich auf Grundlage von Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG, soweit die Einwilligung die Speicherung von Cookies oder den Zugriff auf Informationen im Endgerät des Nutzers (z. B. Device-Fingerprinting) im Sinne des TDDDG umfasst. Die Einwilligung ist jederzeit widerrufbar. Wir nehmen an folgenden Affiliate-Programmen teil: #### Amazon Partner­programm Anbieter ist die Amazon Europe Core S.à.r.l. Details entnehmen Sie der Datenschutzerklärung von Amazon unter: [https://www.amazon.de/gp/help/customer/display.html?nodeId=GX7NJQ4ZB8MHFRNJ](https://www.amazon.de/gp/help/customer/display.html?nodeId=GX7NJQ4ZB8MHFRNJ). Das Unternehmen verfügt über eine Zertifizierung nach dem „EU-US Data Privacy Framework" (DPF). Der DPF ist ein Übereinkommen zwischen der Europäischen Union und den USA, der die Einhaltung europäischer Datenschutzstandards bei Datenverarbeitungen in den USA gewährleisten soll. Jedes nach dem DPF zertifizierte Unternehmen verpflichtet sich, diese Datenschutzstandards einzuhalten. Weitere Informationen hierzu erhalten Sie vom Anbieter unter folgendem Link: [https://www.dataprivacyframework.gov/s/participant-search/participant-detail?contact=true&id=a2zt0000000TOWQAA4&status=Active](https://www.dataprivacyframework.gov/s/participant-search/participant-detail?contact=true&id=a2zt0000000TOWQAA4&status=Active). --- ## Relaunch im Responsive Web Design: Schoenwald GmbH in München-Allach **Source:** [https://www.muenchen-webdesign.de/2015/08/21/relaunch-im-responsive-web-design-schoenwald-gmbh-in-muenchen-allach/](https://www.muenchen-webdesign.de/2015/08/21/relaunch-im-responsive-web-design-schoenwald-gmbh-in-muenchen-allach/) **Date:** 2015-08-21 **Category:** Referenzen, Responsive Webdesign, Suchmaschinenoptimierung (SEO) | **Tags:** Allach, Google, München, Ranking, Relaunch, Responsive Web Design | **Keyword:** Relaunch im Responsive Web Design ## Kurzer Rückblick Mein erster Kontakt zur **Schoenwald GmbH** war eher unerfreulicher Natur... das lag jedoch nicht am Unternehmen, sondern an dem Grund, weswegen ich dort vorstellig wurde: der Holzbalkon meiner Wohnung musste - nach gerade mal 10 Jahren - völlig renoviert, also neu aufgebaut werden. Die Ursache dafür war, dass der Bauträger die Balkone des Gebäudes nicht wie vorgesehen imprägniert und gestrichen hatte, was natürlich erst nach Ablauf der 5-jährigen Gewährleistung aufgefallen war... Im Gegensatz zum Bauträger war ich jedoch nach der Renovierung des Balkons mit der Leistung der Schoenwald GmbH sehr zufrieden, und auch das Preis-Leistungverhältnis war völlig in Ordnung. Da ich mich ein gutes halbes Jahr davor als Webdesigner, Webmaster und Webentwickler selbständig gemacht und F/X Web Consulting gegründet hatte, war es naheliegend, dass ich mit dem Geschäftsführer, Rolf Schoenwald, auch über seine Website sprach. Ich bot ihm an, seine **in den Suchmaschinen schon gut gelistete**, doch optisch sehr in die Jahre gekommene und auf statischen HTML-Seiten basierende, umfangreiche Website **auf ein CMS-basierendes System umzustellen**. Damit man eine Vorstellung davon hat, wie die Website vor der Umstellung aussah, hier ein Screenshot von damals: ![Die Website der Schoenwald GmbH München bis September 2012](http://www.muenchen-webdesign.de/wp-content/uploads/2015/08/2012-10-___schoenwald-gmbh.de___OLD.jpg) Die Website der Schoenwald GmbH München bis September 2012 Herr Schoenwald hatte anfangs Bedenken, durch die Umstellung sein **gutes Ranking bei Google** zu riskieren - sein früherer Webmaster hatte da bereits gute Arbeit geleistet. Ich konnte ihm aber versichern, dass ich die Umstellung so „behutsam" vornehmen würde, dass sein Google-Ranking nicht in Gefahr wäre. Wie sich später übrigens herausstellte, wurde die Website nach der Umstellung sogar innerhalb weniger Wochen noch besser gelistet als zuvor. **F/X Web Consulting erhielt den Auftrag, die Website auf Basis des Worldsoft-CMS neu aufzubauen.** ## Die Entstehung der neuen Website der Schoenwald GmbH Wir machten uns also an die Arbeit, und entwickelten zuerst ein neues, modernes und frisches Design. Wie meistens verwendeten wir als Grundfarben die im Logo der Schoenwald GmbH enthaltenen Farben. Aufgrund der Vielzahl an bereits vorhandenen Navigationsmenüpunkten und Inhaltsseiten stellten wir damals von einer rein vertikalen auf eine **horizontale Navigation** mit entsprechenden Untermenüs um. Der Umzug der über 25 Inhaltsseiten inklusive Kontaktformular war ebenfalls zeitaufwändig, da aufgrund der Umstellung von statischen auf (dynamische) CMS-Seiten sämtliche Meta-Tags zur **Erhaltung der Suchmaschinenoptimierung-Tätigkeiten** des früheren Webmasters manuell übertragen werden mussten. Auch galt es fehlende ALT- und TITLE-Attribute nachzutragen, sowie die vorhandenen **Bilder für das Web zu optimieren**. Insbesondere für die Partner-Seite mussten wir der Optik zuliebe die **Logos der Partner-Unternehmen** „nachrüsten" und auf ein einheitliches Format bringen. Außerdem verlinkten wir in der Sidebar jeweils prominent auf die bereits bestehende [Facebook-Fanseite der Schoenwald GmbH](http://www.facebook.com/Schoenwald.GmbH.Muenchen). Der „Umzug" auf die neue Website der Schoenwald GmbH fand dann im **Oktober 2012** statt, hier das finale Ergebnis: ![Die neue Website der Schoenwald GmbH ab Oktober 2012](http://www.muenchen-webdesign.de/wp-content/uploads/2015/08/2012-10-schoenwald-gmbh.de_.jpg) Die neue Website der Schoenwald GmbH ab Oktober 2012 ## Schrittweise Weiterentwicklung - Verbesserungen und Neues Herr Schoenwald war mit dem Ergebnis und unserer Arbeit sehr zufrieden und entschloß sich, mit F/X Web Consulting einen **Servicevertrag** abzuschließen. Es war ihm wichtig, dass die Website auch weiterhin von einer **kompetenten Webagentur** aktuell gehalten und mit neuen Informationen - beispielsweise neuen Dienstleistungen wie der [Innenraumgestaltung](http://www.schoenwaldgmbh.de/201/Innenraumgestaltung/Dienstleistungen/Exklusive_Wandgestaltung/Kunst.html) - versorgt wird. Zudem gab es bereits damals außer der Unternehmens-Website auch noch einen [Online-Shop für Klimaplatten](http://www.antikondensplatte.de/shop/) zur Schimmelsanierung, den wir in der Zwischenzeit ebenfalls modernisiert haben - [hier der Bericht zur Migration und Relaunch des Online-Shops der Schoenwald GmbH](http://www.muenchen-webdesign.de/2013/08/15/neue-kundenreferenz-online-shop-migration-fuer-die-schoenwald-gmbh/). In den beiden anschließenden Jahren integrierte ich auf der Hauptseite der Website eine **Bilder-Diashow** (Slider) mit „markanten" Merkmalen des Unternehmens, wie etwa dem **Firmengebäude** oder dem **Slogan** der Firma, _„Werterhaltung ist unsere Sache"_ auf einem der Firmenautos. Außerdem wurden neue Menüpunkte eingeführt, beispielsweise die [Zertifizierungen](http://www.schoenwaldgmbh.de/139/unternehmen/zertifizierungen) und [Stellenangebote](http://www.schoenwaldgmbh.de/258/unternehmen/stellenangebote). Zudem wurde in der Sidebar mit einem **von uns erstellten Banner** prominent auf die **Stellenangebote der Schoenwald GmbH** hingewiesen, da die Schoenwald GmbH immer auf der Suche nach Vestärkung für ihr Team von Fachkräften ist. In verschiedenen Dienstleistungsbereichen wurden neue **Kundenreferenzen mit Bildern** hinzugefügt. So sah die Website dann im September 2013 aus: ![Die Website der Schoenwald GmbH im September 2013](http://www.muenchen-webdesign.de/wp-content/uploads/2015/08/2013-09-schoenwald-gmbh.de_.jpg) Die Website der Schoenwald GmbH im September 2013 ## Relaunch im Responsive Web Design Ende 2013 begannen wir neue Webseiten nur noch im **Respnsive Web Design** anzubieten und zu erstellen. Die Worldsoft AG hatte 2013 erste grundlegende Veränderungen im [Worldsoft-CMS](http://www.fx.worldsoft.info/) eingeführt, welche die Erstellung von Websites im Responsive Webdesign erleichterten. Im Herbst 2014 wurde das Worldsoft-CMS dann noch einmal grundlegend modernisiert, so dass die Erstellung responsiver Websites nicht nur weiter erleichtert wurde, sondern nun auch **modernste Standards** wie **HTML5**, ein rein DIV-Container-basierendes HTML-Kontrukt oder auch die **Integration von Google Fonts** direkt im System unterstützte. Anfang 2015 war es deshalb höchste Zeit, auch die Website der Schoenwald GmbH auf Responsive Web Design umzustellen und weiter zu modernisieren. Dabei achteten wir darauf, dass das grundsätzliche Design erhalten blieb. Den wohl größten Aufwand verursachte die für das Responsive Design notwendige Umstellung vieler tabellen-basierender Anordnungselemente durch entsprechende DIV-Konstrukte zu ersetzen. Im Zuge des **Relaunch** integrierten wir aber auch eine neue, modernere **Basis-Schriftart für den Fließtext** (Lato) und stellten die **Überschriften** (Headings) auf die im Logo der Schoenwald GmbH verwendete Schriftart (Rochester TS DemiBold) um - auf diese Weise gelang es uns das **Corporate Design** der Website noch weiter zu verfeinern. Mit dem Ergebnis sind sowohl der Kunde als auch wir hochzufrieden: ![Die brandneue Website der Schoenwald GmbH nach dem Relaunch im Responsive Web Design](http://www.muenchen-webdesign.de/wp-content/uploads/2015/08/2015-07-13-schoenwaldgmbh.de-responsive-design-4-screens-copyright.jpg) Die brandneue Website der Schoenwald GmbH nach dem Relaunch im Responsive Web Design ## Fazit & Dankeschön Dieser Relaunch war das bis dato umfangreichste **Relaunch-Projekt**, das uns wieder sehr viel Freude gemacht hat. Wir werden in den nächsten Monaten auf der Website noch einige Dienstleistungs-Referenzen aktualisieren. Ich **bedanke mich** auch auf diesem Wege wieder ganz herzlich bei Rolf Schoenwald, dem Inhaber der Schoenwald GmbH, für das mir seit nunmehr bereits drei Jahren entgegengebrachte Vertrauen! Ich würde mich wie immer über Feedback zu diesem Artikel und zur Website der Schoenwald GmbH im neuen Responsive Webdesign über die Kommentarfunktion oder auch auf der [Facebook-Fanseite von F/X Web Consulting](http://www.facebook.com/FXWebConsulting) sehr freuen. Herzlichst, Euer Franz X. Kohl --- ## Neue Kundenreferenz: Haus & Sicherheit - Michael Schöttl **Source:** [https://www.muenchen-webdesign.de/2015/08/14/neue-kundenreferenz-haus-sicherheit-michael-schoettl/](https://www.muenchen-webdesign.de/2015/08/14/neue-kundenreferenz-haus-sicherheit-michael-schoettl/) **Date:** 2015-08-14 **Category:** Referenzen, Unternehmens-News | **Tags:** Haus, responsive, Responsive Design, Responsive Webdesign München, Sicherheit, Worldsoft-CMS | **Keyword:** kundenreferenz Ich freue mich sehr, euch heute eine neue Kundenreferenz vorstellen zu können, die gleich mehrere Besonderheiten aufweist - die Website von [Haus & Sicherheit - Michael Schöttl](http://www.haus-sicherheit.info/). ## Der Kunde Michael Schöttl berät seine Kunden **seit über 20 Jahren** zu Dienstleistungen und Produkten rund um Haus und Sicherheit, inklusive Ausbau, Anbau und Modernisierung von Wohnungen und Häusern. Zu seinem Repertoire gehören alle **Heim- und Haus-Produkte**, vom nachträglichen kleinen **Vorbaurollladen** bis hin zu aufwändigen **solarbetriebenen Rollladen** für Wohndachfenster. Von der kleinen **Sonnenschutz-Markise** bis hin zur **Beschattungsanlage** - und bei Bedarf erhält der Kunde das **Terrassendach** gleich mit. Auch Fenster, Haustüraustausch, ein neues Garagentor, oder ein Haustürvordach - zu all diesen Produkten kann Michael Schöttl seine Kunden kompetent beraten. Ein weiterer Fokus zielt auf die private Sicherheit in den heimischen vier Wändenn ab - deshalb bietet er auch einen **Sicherheits-Check** an, so wie ihn auch die Polizei empfehlen würde. ## Die Kundenreferenz-Website [![Kundenreferenz: www.haus-sicherheit.info - Responsive Design Ansichten](https://www.muenchen-webdesign.de/wp-content/uploads/2015/08/2015-03-haus-sicherheit.info-responsive-webdesign-4-screens-copyright-150x150.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2015/08/2015-03-haus-sicherheit.info-responsive-webdesign-4-screens-copyright.jpg) www.haus-sicherheit.info - Responsive Ansicht [![Kundenreferenz: www.haus-sicherheit.info - Desktopansicht](https://www.muenchen-webdesign.de/wp-content/uploads/2015/08/2015-03-haus-sicherheit.info_-150x150.jpg)](https://www.muenchen-webdesign.de/wp-content/uploads/2015/08/2015-03-haus-sicherheit.info_.jpg) www.haus-sicherheit.info - Desktopansicht ## Highlights Zum Einen ist es die erste Website aus unserem Hause auf Basis des neuen [Worldsoft-CMS](http://www.fx.worldsoft.info/). Worldsoft hat ja Ende 2014 sein CMS-System stark überarbeitet und dabei ein neues Container-System auf Basis von **Twitter Bootstrap** eingeführt, welches es den Webmastern leichter als zuvor ermöglicht, echte Responsive Design Websites zu erstellen. Zeitgleich wurde auch das neue, sogenannte **Mega-Menü** eingeführt, dass sich ähnlich flexibel einsetzen lässt wie die Menüfunktionen in WordPress. Zum Anderen haben wir hier erstmalig ein sogenanntes **„sticky" Menü** im oberen Bereich der Website integriert. Dies ermöglicht sowohl auf dem Desktop als auch auf Tablets und Smartphones eine einfachere Navigation durch die verschiedenen Seiten, da das Navigationsmenü stets am oberen Bildschirmrand „kleben bleibt", und man vor allem bei kleineren Smartphone-Bildschirmen und längeren Seiten nicht erst wieder nach oben scrollen muss um zum nächsten Menüpunkt zu gelangen. Des Weiteren haben wir hier im Bereich der Dienstleistungen die gelisteten Hausprodukte-Kategorien als **farblich passende und responsive Navigationsblöcke** gestaltet, die einen direkten Sprung zu den entsprechenden Produktkategorien auf der Website des von Herrn Schöttl empfohlenen Produktlieferanten ermöglicht. ## Fazit Es hat uns wieder viel Freude bereitet, in einer Kundenwebsite neue Möglichkeiten zu implementieren. Das Worldsoft-CMS mit den neuen Responsive Design Möglichkeiten hat uns dabei im Vergleich zu vorher vieles erleichert und bestimmte Funktionen überhaupt erst ermöglicht. Herzlichst, Euer Franz X. Kohl --- ## Das Bundesliga-Tippspiel für die Saison 2015/16 von F/X Web Consulting **Source:** [https://www.muenchen-webdesign.de/2015/08/11/das-bundesliga-tippspiel-fuer-die-saison-201516-von-fx-web-consulting/](https://www.muenchen-webdesign.de/2015/08/11/das-bundesliga-tippspiel-fuer-die-saison-201516-von-fx-web-consulting/) **Date:** 2015-08-11 **Category:** Gewinnspiele, Unternehmens-News | **Tags:** 2015, 2016, Bundesliga, F/X Web Consulting, Gewinnspiel, Responsive Web Design, Tippspiel, Unternehmen, Website | **Keyword:** bundesliga-tippspiel ## Jetzt geht's los - mit dem Bundesliga-Tippspiel! Erinnert Ihr euch noch an unser [WM-Tippspiel vom letzten Jahr](http://www.muenchen-webdesign.de/2014/06/06/mach-mit-das-fussball-wm-2014-tippspiel-von-fx-web-consulting/)? Dem lassen wir nun pünktlich zur neuen Saison ein Bundesliga-Tippspiel folgen! Denn am kommenden Freitag, den 14.08.2015 beginnt **die neue Bundesliga-Saison 2015/2016**. Das wurde auch Zeit, sagen wieder Abermillionen Fußball-Fans in ganz Deutschland - König Fußball bewegt halt die Massen. ## Auftakt Los geht's am ersten Spieltag mit folgenden Begegnungen: [![Fussball Bundesliga 2015/16 erster Spieltag - die Paarungen](http://www.muenchen-webdesign.de/wp-content/uploads/2015/08/Fussball-Bundesliga-2015-2016-erster-Spieltag-Paarungen.jpg)](http://fxwebconsulting.chayns.net/EM-Tippspiel) Mit dem großen **Bundesliga-Tippspiel** von F/X Web Consulting und Tobit.Software könnt ihr nun noch mehr Spaß an der Bundesliga haben und dabei auch noch gewinnen! Denn der **Erstplatzierte** am Ende der Saison 2015/16 erhält von uns einen **Gutschein für Web-Dienstleistungen** (z.B. eine neue Website erstellen, eine bestehende Website für Responsive Webdesign modernisieren, Suchmaschinenoptimierung, etc.) in Höhe von **500 Euro! ** Für die **Plätze 2 - 10** gibt es von uns ein praktisches Helferlein für den Alltag, das heutzutage wirklich jeder gut gebrauchen kann - natürlich mit unserem Firmen-Logo und allen Kontaktdaten und Social Media-URL's drauf, so dass Ihr uns jederzeit kontaktieren könnt. ## Was ihr dafür tun müsst? Holt euch die **Smartphone App von F/X Web Consulting** und tippt wie die Bundesliga-Profis - und mit dem nötigen Quentchen Glück seid ihr dann unter den Gewinnern! Hier die direkten Links zur App für die jeweilige Smartphone-Plattform: - Apple (iTunes) - Android (Google Play) - Windows Phone (Windows Store) ## Gewinnspiel-Teilnahmebedingungen Hier findet ihr die [Teilnahmebedingungen zum Gewinnspiel](http://fxwebconsulting.chayns.net/tapp/index/44). Die Teilnahme ist kostenlos, das Mindestalter für die Teilnahme beträgt 13 Jahre. --- ## Relaunch F/X Web Consulting: dank Google endlich im Responsive Webdesign! **Source:** [https://www.muenchen-webdesign.de/2015/03/17/relaunch-fx-web-consulting-dank-google-endlich-im-responsive-webdesign/](https://www.muenchen-webdesign.de/2015/03/17/relaunch-fx-web-consulting-dank-google-endlich-im-responsive-webdesign/) **Date:** 2015-03-17 **Category:** Responsive Webdesign, Unternehmens-News | **Tags:** Google, mobile-friendly, Responsive Webdesign München, Smartphone-freundlich, Weblica, WordPress, Worldsoft-CMS | **Keyword:** responsive webdesign ## Die Vorgeschichte Spätestens als Google vor kurzem verkündete, dass **Mobile-friendly** - oder wie wir das bevorzugt nennen, **Smartphone-freundliche** - Webseiten künftig nicht nur in mobilen Suchresultaten hervorheben möchte, sondern dort **auch im Ranking bevorzugen wird**, fühlten wir uns in unserer Marketing- und Verkaufsstrategie bestätigt: unser Schwerpunkt liegt ganz klar auf der **Erstellung von Websites im Responsive Web Design**. **t3n** veröffentlichte sogar am 2. März 2015 folgendes Update in einem ihrer Artikel: > Google hat jetzt bekannt gegeben, dass Mobile Friendlyness ab 21. April ein Ranking-Faktor sein wird. Dies betrifft die mobile Suche in allen Sprachen, weltweit. Diese Änderung wird laut Google signifikante Auswirkungen auf die Suchergebnisse haben. Der Nutzer soll dadurch bessere Suchergebnisse erhalten, die für sein Gerät optimiert sind. Schon im November 2014 war [auf der Website der Initiative D21](https://web.archive.org/web/20161117175508/http://www.initiatived21.de/portfolio/mobile-internetnutzung-2014/) zu lesen, dass bereits über die Hälfte der deutschen Internet-Nutzer auf mobilen Geräten nach Informationen suchen, sich unterhalten und online einkaufen. Und das klappt auf Smartphones und Tablets mit kleineren Auflösungen eben nur vernünftig mit einer **mobil-fähigen**, also **Responsive Website**. Und hier geht der Trend bei den Internet-Agenturen ganz klar zum **Responsive Webdesign**. Wir selbst haben **seit November 2013** nur noch Webseiten im Responsive Design erstellt, und unsere Kunden waren im Vorfeld auch leicht von den Vorteilen zu überzeugen und nach der Fertigstellung **begeistert vom Ergebnis**. Unser eigener Blog (also den, den Sie gerade lesen) startete sogar noch früher responsive, nämlich [am 1. September 2012](http://www.muenchen-webdesign.de/2012/09/01/servus-muenchen/) - und war bereits damals mit einem Responsive WordPress-Theme versehen und somit fast schon seiner Zeit voraus. Wir hatten nur noch ein Problem: obwohl wir **tolle Responsive Websites** für unsere Kunden erstellten, war unsere eigene Unternehmenswebsite, [www.fx-web.de](http://www.fx-web.de/), nach wie vor nicht responsive... und das ärgerte mich als Inhaber dann doch schon länger ganz gewaltig. ## Die Basis Während wir über 90 Prozent unserer Kunden-Websites auf Basis des [Worldsoft-CMS](http://www.fx.worldsoft.info/) von der Worldsoft AG erstellen (die anderen mit WordPress oder Shop-Software), und das Worldsoft-CMS bereits seit Anfang 2014 die Erstellung von Responsive Webdesigns unterstützt, ist unsere eigene Website lange davor entstanden, zu einem Zeitpunkt, als wir das Worldsoft-CMS noch gar nicht kannten. Unsere Website entstand etwa ab Frühjahr 2011 und basiert auf dem [Desktop-CMS weblica](http://www.weblica.ch/partner.php?pid=19152), einem Produkt der Schweizer Firma empros gmbh. Weblica ist ein Desktop-CMS, d.h., man installiert ein Programm auf seinem Windows PC, und kann dann mit relativ wenig Wissen über HTML, CSS, JavaScript und sonstigen Webtechnologien in Verbindung mit den mitgelieferten Design-Vorlagen durchaus ansehnliche und auch umfangreiche Webseiten erstellen. Weblica ist damit vergleichbar mit Programmen wie früher **Microsoft Frontpage** (zuletzt **Microsoft Expression Web**) oder **Adobe Dreamweaver**, geht aber einen anderen Weg beim Aufbau der Seiten - keine völlig freie Gestaltung in einem WYSIWYG-Editor, sondern eine konsequent auf sogenannten Absätzen aufgebaute Struktur, wobei diese Absätze unterschiedlichen Typs sein können (auch reine HTML-Absätze sind möglich). Als wir später dann auf Webseiten auf Basis des Worldsoft-CMS (eine SaaS-Lösung, heute auch gerne Cloud-Lösung genannt) und WordPress setzten, steckte das Thema Responsive Design noch in den Kinderschuhen. Als dann aber Responsive Webdesign im Laufe des Jahres 2013 zunehmend an Bedeutung gewann und wir erkannten, dass daran kein Weg mehr vorbeiführt, stellte sich auch die Frage, wie man **Kunden von Responsive Webdesign überzeugen** soll, wenn noch nicht Mal die eigene Unternehmens-Website responsive ist... Wir kontaktierten daher schon recht früh den Hersteller von Weblica um in Erfahrung zu bringen, wie denn deren diesbezügliche Pläne seien. Die damalige Antwort gab zwar Anlass zu Hoffnung, löste aber nicht gerade Begeisterung aus. Im Prinzip hieß es, dass man an diesem Thema schon dran wäre, aber darüber noch sehr viel planen und konkretisieren müsse, bevor man an über das Wie und Wann bei der Umsetzung im Produkt nachdenken könne... ## Das Problem Mittlerweile war unsere Website schon auf über 40 Inhaltsseiten angewachsen. An eine **Migration des Systems zum Worldsoft-CMS** war schon alleine aus Zeitgründen nicht zu denken. Anfang 2014 deutete der Hersteller von Weblica an, dass daran gearbeitet würde, Weblica mit einem neuen, Responsive Webdesign-fähigen Design-System auszustatten. Unserer Schätzung nach würde aber frühestens ab Herbst 2014 etwas „greifbares" vorliegen. Ich entschied trotzdem - erneut vor allem aus Zeitmangel - noch bis Ende 2014 zu warten, in der Hoffnung, dass sich dann mit der Verfügbarkeit eines Responsive-fähigen Weblica-CMS und passender Weblica-Designvorlagen eine Umstellung bewerkstelligen ließe, deren Zeitaufwand sich in Grenzen halten würde. Als dann Ende 2014 die Nachricht die Runde machte, dass Google künftig Smartphone-freundliche Webseiten in den mobilen Suchresultaten entsprechend kennzeichnen würde, und noch immer keine Aussicht auf einen baldigen Release einer Weblica Version mit Responsive Webdesign Vorlagen bestand, war meine persönliche Schmerzgrenze erreicht, und ich war es leid zu warten. Noch dazu zeigte der Google [Test auf Optimierung für Mobilgeräte](http://www.google.com/webmasters/tools/mobile-friendly/) uns die „rote Karte": [![Screenshot Google "Nicht für Mobilgeräte optimiert"](http://www.muenchen-webdesign.de/wp-content/uploads/2015/03/2015-03-10-screenshot-google-mobile-friendly-test-nicht-fuer-mobilgeraete-optimiert-300x204.jpg)](http://www.muenchen-webdesign.de/wp-content/uploads/2015/03/2015-03-10-screenshot-google-mobile-friendly-test-nicht-fuer-mobilgeraete-optimiert.jpg) Screenshot Google „Nicht für Mobilgeräte optimiert" Außerdem hatte ich als Inhaber wie so oft den Ehrgeiz, **das unmöglich scheinende möglich zu machen**... und so fiel im Januar 2015 die Entscheidung, mit Hilfe all meines Wissens um CSS3, JavaScript und jQuery unserer Weblica-basierenden Website bzw. deren Grundgerüst um die dringend nötigen Responsive Web Design-Fähigkeiten zu „erweitern" um unsere potentiellen „mobilen" Kunden nicht länger zu (v)erschrecken... ## Die Lösung Eines der Stärken von Weblica ist, dass man das Design im Programm mit Hilfe von CSS-Anweisungen relativ einfach erweitern bzw. verändern kann, wenn man weiß was man tut. Und mittels HTML-Absätzen sowie den Erweiterungsmöglichkeiten über den HEAD-Bereich der generierten Seiten kann man bedarfsweise mit JavaScript und jQuery „nachhelfen". Dank des hervorragenden **FireFox-Plugins Firebug** (es geht aber auch ganz gut mit den in den modernen Browsern eingebauten F12-Entwicklertools) kann man mit Weblica in der lokalen Entwicklungsumgebung mit HTML und CSS experiementieren und testen bis es „passt", und dann die finalen Änderungen in Weblica einbauen. Und so habe ich unserer Website im Rahmen der begrenzten Möglichkeiten der verwendeten (non-responsive) Weblica Designvorlage nicht nur die grundlegenden Responsive-Fähigkeiten wie automatisch skalierende Bilder und Videos „eingehaucht", sondern war auch in der Lage, das 3-spaltige Basis-Design bei sich verringender Bildschirmbreite stufenweise und dynamisch in ein 2-spaltiges und dann sogar 1-spaltiges Design zu „verwandeln". Eine weitere Herausforderung war die **Implementierung eines sogenannten Toggle-Menüs**, leicht erkennbar am in den meisten Websites verwendeten **„Hamburger"-Button** (so genannt, weil die drei waagerechten Balken eine entfernte Ähnlichkeit mit einem Hamburger haben). Denn das war nicht einfach mal schnell mit etwas CSS machbar - nein, hierfür musste dann Programmcode geschrieben und eingebaut werden, den ich mit Hilfe von jQuery und CSS realisierte. Nun wird ab einer Bildschirmbreite von 767 Pixeln oder weniger automatisch vom klassischen horizontalen Menü auf das Toggle-Menü umgeschaltet, so dass auf Smartphones und Tablets mit kleinerer Auflösung automatisch dieses platzsparende und optimierte Toggle-Menü erscheint. Natürlich wurden auch die Schriftgrößenangaben nun auf „em" umgestellt, was unserer Erfahrung nach die besten Ergebnisse querbeet über alle Displaygrößen liefert, und am besten ausgehend von der Browser-seitig eingestellten Standard-Schriftgröße als Basis skaliert. Eine weitere Hürde war es das **Video auf der Startseite skalierbar zu gestalten**, welches HTML5-konform (mit einem Fallback für ältere Browser) integriert ist. Auch die wenigen Banner in unserer Website, beispielsweise von [XING](https://www.xing.com/pages/f-xwebconsulting), die meistens über iFrames integriert sind, mussten responsive werden. Hier haben die Anbieter von Bannerwerbung meiner Einschätzung nach noch einiges zu tun, damit sie ihren Kunden von vornherein responsive Code-Templates zum Einbau in die Webseiten liefern. Gleiches gilt für die **Smartphone-freundliche Integration von Google Maps** - auch hier muss nachgearbeitet werden, damit eine Google Map sich dynamisch an die vorhandene Bildschirmbreite bzw. die vorgegebene Fläche anpasst. ## Das Ergebnis Ich bin stolz darauf es so gut hinbekommen zu haben - hier ein Screenshot unserer Website wie sie **seit dem 15.03.2015** auf vier verschiedenen Bildschirmgrößen dargestellt wird: [![Darstellung unserer Website www.fx-web.de im Responsive Webdesign](http://www.muenchen-webdesign.de/wp-content/uploads/2015/03/2015-03-15-fx-web.de-responsive-web-design-4-screens.jpg)](http://www.fx-web.de) Darstellung unserer Website www.fx-web.de im Responsive Webdesign auf vier verschiedenen Bildschirmgrößen ## Fazit Insgesamt habe ich wohl etwa drei Manntage an Arbeit reingesteckt bis das Ergebnis so war wie ich es mir vorstelle. Mehr Zeit als ich investieren wollte, aber noch wenig im Vergleich zu dem Aufwand den ich betreiben müsste, wenn ich unsere Inhalte auf ein anderes CMS hätte migrieren müssen. Damit ist unsere Website zu 99 Prozent responsive (und das restliche eine Prozent setze ich noch um falls ich tatsächlich mal Zeit übrig habe bevor Weblica mit der Version 4.0 sein neues Design-System freigibt). Wer mich gut kennt weiß, dass ich ein Perfektionist bin, und somit könnte ich sicher noch einen weiteren Tag aufwenden um winzige Verbesserungen zu erreichen. Aber ich habe in den letzten Jahren auch gelernt nach dem Pareto-Prinzip zu arbeiten, bzw. einen für mich akzeptablen und gesunden Kompromiß zwischen Perfektionismus und Pareto-Prinzip zu finden. Und das wichtigste: **Google mag uns jetzt auch!** [![Screenshot Google: Diese Seite ist für Mobilgeräte optimiert](http://www.muenchen-webdesign.de/wp-content/uploads/2015/03/2015-03-15-screenshot-google-mobile-friendly-test-diese-seite-ist-fuer-mobilgeraete-optimiert.jpg)](http://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fwww.fx-web.de%2F) Screenshot Google: Diese Seite ist für Mobilgeräte optimiert Ich bin davon überzeugt, dass sich der Aufwand gelohnt hat - damit ist unsere Website künftig **optimal auch für mobile „Besucher" aufgestellt** und liefert wie schon auf dem Desktop nun **auch auf Smartphones alles Wissenswerte über F/X Web Consulting** und weitere hilfreiche Informationen für potentielle Kunden. Ich würde mich freuen, wenn viele von Ihnen unsere Website einmal auf Ihrem Smartphone „besuchen" würden! Und für Kommentare gibt es ja unter diesem Artikel ein Kommentarfeld :-) Herzlichst, Ihr Franz X. Kohl --- ## F/X Web Consulting wünscht ein gutes neues Jahr! **Source:** [https://www.muenchen-webdesign.de/2014/12/31/fx-web-consulting-webdesign-muenchen-wuenscht-ein-gutes-neues-jahr/](https://www.muenchen-webdesign.de/2014/12/31/fx-web-consulting-webdesign-muenchen-wuenscht-ein-gutes-neues-jahr/) **Date:** 2014-12-31 **Category:** Allgemein, Unternehmens-News | **Tags:** 2015 | **Keyword:** webdesign münchen Liebe Blog-Leser, Freunde, Kunden und Partner, für F/X Web Consulting | Webdesign München geht ein erfolgreiches Jahr 2014 zu Ende. Ich blicke zurück auf viele erfolgreiche Web-Projekte, von denen den aktuellen Anforderungen entsprechend ausnahmslos alle im Responsive Webdesign erstellt wurden. Ich hoffe, ihr hattet ein ebenso tolles Jahr, und bedanke mich bei euch allen für eure Treue! Ich wünsche euch ein farbenfrohes & tolles, lustiges & ausgeglichenes, gutes & gesundes Jahr 2015! ![F/X Web Consulting wünscht ein gutes neues Jahr!](http://www.muenchen-webdesign.de/wp-content/uploads/2014/12/2014-12-31-Gutes-Neues-Jahr-2015_Fotolia_49680130_L.jpg) F/X Web Consulting wünscht ein farbenfrohes und gutes neues Jahr! Herzlichst, Euer Franz X. Kohl --- ## Relaunch im Responsive Webdesign: Unternehmer für Feldmoching e.V. **Source:** [https://www.muenchen-webdesign.de/2014/11/16/relaunch-im-responsive-webdesign-unternehmer-fuer-feldmoching-e-v-erhalten-neue-website/](https://www.muenchen-webdesign.de/2014/11/16/relaunch-im-responsive-webdesign-unternehmer-fuer-feldmoching-e-v-erhalten-neue-website/) **Date:** 2014-11-16 **Category:** Allgemein, Plugins, Referenzen, Responsive Webdesign, Themes, Unternehmens-News, WordPress | **Tags:** Child-Theme, Custom Post Types, Custom Taxonomy, Feldmoching, München, Relaunch, responsive, Responsive Theme, Responsive Web Design, Unternehmer, Webdesign, WordPress | **Keyword:** relaunch im responsive webdesign ## Neue Website im Responsive Webdesign Rechtzeitig vor der Gewerbeschau Feldmoching, die Mitte Oktober stattfand, konnten wir die neue Website der **Unternehmer für Feldmoching e.V.** unter [www.die-feldmochinger.de](https://www.die-feldmochinger.de) live schalten. Die neue Website verwendet - wie bei uns üblich - die Farben des Logos und wurde dem aktuellen Trend folgend bewusst „luftig"aber ohne viel „Firlefanz" gestaltet. ## Was war vorhanden? Die vorherige Website war eine **Spezialprogammierung**, die zwar den dafür vorgesehenen Mitgliedern das Bearbeiten bestehender und Hinzufügen neuer Inhalte ermöglichte, allerdings in einem sehr starr vorgegebenen Rahmen. Jedes Mitglied konnte eine eigene **Mini-Homepage** mit Inhalten und Bildern erstellen, was viele Mitglieder jedoch nicht nutzten - nicht zuletzt wohl deshalb, weil sie bereits eine eigene Website betreiben. Darüber hinaus war das vorherige Design etwas „in die Jahre gekommen", und insbesondere nicht für die Darstellung und Bedienung auf Mobilgeräten wie Tablets und Smartphones geeignet und optimierbar. ![Die alte Website www.die-feldmochinger.de - weder modern noch im Responsive Webdesign](http://www.muenchen-webdesign.de/wp-content/uploads/2014/11/2012-03-18-die-feldmochinger.de_.jpg) Die alte Website der Unternehmer für Feldmoching e.V. vor dem Relaunch im Responsive Webdesign ## Relaunch mit CMS-System Aus diesem Grund war unsere Empfehlung an den Unternehmerverein eindeutig: ein **Relaunch** (Neubeginn) auf einem **CMS-System**, um die künftige Pflege der Website zu vereinfachen, und gleichzeitig das Design zu modernisieren und für mobile Geräte zu optimieren. Die neuen „Mini-Homepages" enthalten nur noch die wichtigsten Angaben, Kontaktdaten und Logos der Mitglieds-Unternehmen, und verweisen für umfangreichere Informationen auf die jeweilige Homepage des Unternehmens. ## Warum WordPress? Die Wahl für das richtige CMS-System fiel letztlich auf **WordPress**, da auch das Webhosting der bisherigen Site beibehalten werden sollte. Zudem ermöglichte WordPress es uns auf relativ einfache Weise mit Hilfe von **Custom Post Types** die konsistente Eingabe und Darstellung der Mitglieds-Unternehmer zu bewerkstelligen. Für die Kategorisierung und Selektion der Unternehmer nach Branchen kamen **Custom Taxonomies** zum Einsatz. Um die Termine des Vereins tabellarisch und gleichzeitig responsive darstellen zu können, wählten wir das WordPress-Plugin **TablePress**. Hier mussten wir allerdings im CSS noch nacharbeiten um die Darstellung und Lesbarkeit der Termine auch auf kleinsten Bildschirmen wie dem des Samsung Galaxy S3 und S4 ordentlich hinzubekommen. ## Relaunch im Responsive Webdesign Bei der Suche nach einem passenden Responsive Design WordPress-Theme für den Relaunch fanden wir letztlich das kostenlose Theme **Catch Evolution**. Auch hier mussten wir - wie so oft bei WordPress-Themes aus dem englischsprachigen Raum - noch ordentlich nacharbeiten, sowohl in den Design-Bereichen (über ein **Child-Theme**) als auch insbesondere im Bereich der **Übersetzungen** der für den Website-Besucher sichtbaren Elemente. Aber wie wir Webdesigner gerne sagen: „Wo ein CSS, da ein Weg". Und das Ergebnis begeistert uns: [![Screenshot der neuen Website der Unternehmer für Feldmoching e.V. nach dem Relaunch im Responsive Webdesign](http://www.muenchen-webdesign.de/wp-content/uploads/2014/11/2014-10-die-feldmochinger.de-fx-web-responsive-web-design-4-screens.jpg)](https://www.die-feldmochinger.de) Die neue Website der Unternehmer für Feldmoching e.V. nach dem Relaunch im Responsive Webdesign ## Fazit Da wir selbst Mitglied beim Verein **Unternehmer für Feldmoching e.V.** sind, war es uns eine große Freude den Relaunch der neuen und modernen Website im Responsive Design für den Unternehmerverein zu erstellen. Wir erhielten tolles Feedback für die Website und haben uns sehr darüber gefreut. --- ## HTML5-Standard durch W3C verabschiedet **Source:** [https://www.muenchen-webdesign.de/2014/11/02/html5-standard-durch-w3c-verabschiedet/](https://www.muenchen-webdesign.de/2014/11/02/html5-standard-durch-w3c-verabschiedet/) **Date:** 2014-11-02 **Category:** Allgemein, HTML5, Technik | **Tags:** Audio, CMS, cross-browser, HTML5, HTML5 Video, Standard, Video, W3C | **Keyword:** html5 ## Was lange dauert wird endlich gut ![W3C HTML5 Logo](http://www.muenchen-webdesign.de/wp-content/uploads/2014/11/html5-badge-square-e1414916523170.png) W3C HTML5 Logo Am 28. Oktober 2014 hat das **W3C** (World Wide Web Consortium) den HTML5-Standard mit dem Status „recommended" versehen und damit verabschiedet. Damit geht eine lange Reise zu Ende, die bereits 1997 begann, als mit dem Nachfolge-Standard für HTML 4 und XHTML begonnen wurde. Gleichzeitig gibt die offizielle Verabschiedung des Standards den Browser-Herstellern eine verlässlichere Grundlage für die konkrete Implementierung der HTML5-Funktionen in den jeweiligen Browsern. ## Highlights der Neuerungen in HTML5 gegenüber HTML 4 und XHTML - Bessere **semantische Strukturierung** der HTML-Dokumente mit Hilfe entsprechender Tags (z.B. header, footer, nav, section) - Native und plattformunabhängige **Unterstützung für die Wiedergabe von Video und Audio im Browser** ohne Browser-Plug-ins (neue Tags video und audio) - Neue **Type-Attribute für das input-Element**, welche die Eingabe von Daten (z.B. ein Datum mit einem Kalender-Steuerelement) vereinfachen und die Daten auch ohne zusätzlichen Programmieraufwand validieren können ## Implementierungs-Unterschiede in den Browsern Der Browser-Nutzer wird diese Veränderung nicht bemerken, da die populären Internet-Browser wie Internet Explorer, Mozilla Firefox, Google Chrome und Opera bereits schon seit einer ganzen Weile viele der HTML5-Funktionalitäten in ihre Browser integriert haben. Es gibt - wie so oft - allerdings durchaus kleinere Unterschiede darin, wie die jeweiligen Browser diverse HTML5-Features implementiert haben. Darunter fällt leider auch die Tatsache, dass verschiedene Browser jeweils **nur einen Subset der für das video-Tag unterstützten Videoformate** (Video-Codecs) unterstützen. Darüber hatten wir ja schon in unserem Artikel [HTML5 Video einbinden - browser-unabhängig - Schritt-für-Schritt Anleitung](http://www.muenchen-webdesign.de/2013/12/24/html5-video-browser-unabhaengig-in-der-eigenen-website-integrieren/) berichtet. Viele HTML5-Funktionen sind Browser- und Browser-Versions-abhängig mehr oder weniger umfassend integriert. Wer genau wissen möchte, **welche Browser bereits welche HTML5-Option unterstützen**, der kann neben der CSS- und JavaScript-Unterstützung auch die [Unterstützung für ein bestimmtes HTML5-Feature bei CanIUse nachsehen](http://caniuse.com/#search=html5). Wer es bisher noch nicht getan hat sollte sich spätestens jetzt intensiver mit HTML5 auseinandersetzen. Der Suchende findet dazu viele hilfreiche Ressourcen in entsprechenden Büchern und im Internet. ## Unterstützung durch Content Management Systeme (CMS) und HTML-Frameworks Die meisten bekannten bzw. populären CMS-Systeme wie beispielsweise **WordPress** und **Jooomla** haben die Unterstützung für HTML5 längst integriert, insofern werden auch hier die Website-Besucher keine Veränderungen feststellen. Selbiges gilt für Webseiten, die auf einem der bekannten HTML5-Frameworks wie **Twitter Bootstrap**, deren Framework bereits von vielen der CMS-Anbieter in ihre Systeme integriert wurde um die plattformübergreifende Unterstützung von **HTML5** und **Responsive Webdesign** sicherzustellen. ## Links zu HTML5-Ressourcen für den Start - [w3schools.com - Einführung in HTML5](http://www.w3schools.com/html/html5_intro.asp) - [HTML5 Rocks Tutorials](http://www.html5rocks.com/en/tutorials/) & [Ressourcen](http://www.html5rocks.com/en/resources) - [W3C HTML5 Spezifikation](http://www.w3.org/TR/html5/) - [W3C Markup Validation Service](http://validator.w3.org/) ## Fazit [F/X Web Consulting](http://www.fx-web.de/) beschäftigt sich schon seit 2012 mit den Möglichkeiten die HTML5 bietet, und setzt diese erfolgreich bei seinen Kunden ein. Wenn Sie mehr darüber erfahren möchten, [nehmen Sie einfach Kontakt mit uns auf](http://www.fx-web.de/kontakt/kontakt.php), oder nutzen Sie gleich unseren [Website-Check](https://www.fx-web.de/dienstleistungen/website-check/) um Ihre **Website auf HTML5-Konformität zu überprüfen!** Ich wünsche Ihnen viel Spaß beim Er-Lernen von HTML5! Herzlichst, Ihr Franz X. Kohl --- ## Das Fußball-WM 2014 Tippspiel von F/X Web Consulting **Source:** [https://www.muenchen-webdesign.de/2014/06/06/mach-mit-das-fussball-wm-2014-tippspiel-von-fx-web-consulting/](https://www.muenchen-webdesign.de/2014/06/06/mach-mit-das-fussball-wm-2014-tippspiel-von-fx-web-consulting/) **Date:** 2014-06-06 **Category:** Allgemein, Gewinnspiele, Unternehmens-News | **Tags:** Fußball-WM 2014, Gewinnspiel, Tippspiel | **Keyword:** fußball-wm ## Bald geht's los! In wenigen Tagen beginnt die Fußball-WM 2014 und **82 Millionen Bundestrainer** stehen Kopf! Mit dem großen **Fußball-WM 2014 Tippspiel** von F/X Web Consulting und Tobit.Software könnt ihr nun noch mehr Spaß an der WM haben und dabei auch noch Preise im Gesamtwert von **100.000 EURO** gewinnen! [![Fussball-WM 2014 Gewinnspiel von F/X Web Consulting und Tobit.Software](http://www.muenchen-webdesign.de/wp-content/uploads/2014/06/Fussball-WM-2014-Gewinnspiel-FX-Web-Consulting-Tobit-Software-Chayns.jpg)](http://fxwebconsulting.chayns.net) Das Fussball-WM 2014 Gewinnspiel von F/X Web Consulting und Tobit.Software ## Was ihr dafür tun müsst? Holt euch die **Smartphone App von F/X Web Consulting** und tippt wie die Weltmeister - und mit dem nötigen Quentchen Glück seid ihr dann unter den Gewinnern! Hier die direkten Store-Links zur App für die jeweilige Smartphone-Plattform: - Android (Google Play) - Apple (iTunes) - Windows Phone (Windows Store) Oder einfach mit eurem Smartphone den folgenden QR-Code scannen um die App herunterzuladen: [![QR-Code für das Gewinnspiel zur Fußball-WM 2014 von F/X Web Consulting](http://www.muenchen-webdesign.de/wp-content/uploads/2014/06/QR-Code_FX_Web_Consulting_Chayns.jpg)](http://fxwebconsulting.chayns.net) QR-Code scannen, App herunterladen und am Gewinnspiel teilnehmen! Viel Spaß beim Tippen! ## Gewinnspiel-Teilnahmebedingungen Hier findet ihr die Teilnahmebedingungen zum Gewinnspiel. Die Teilnahme ist kostenlos, das Mindestalter für die Teilnahme beträgt 13 Jahre. --- ## Responsive Webdesign - Kundenreferenz: Alice John **Source:** [https://www.muenchen-webdesign.de/2014/06/05/responsive-web-design-kundenreferenz-alice-john/](https://www.muenchen-webdesign.de/2014/06/05/responsive-web-design-kundenreferenz-alice-john/) **Date:** 2014-06-05 **Category:** Allgemein, Referenzen, Responsive Webdesign, Unternehmens-News | **Tags:** Design, F/X Web Consulting, Kundenreferenzen, Responsive Design, Responsive Webdesign, Webdesign, Website | **Keyword:** responsive webdesign Und wieder kann ich stolz eine neue **Responsive Webdesign-**Kundenreferenz vorstellen: die Website von **Alice John | Beratung und Coaching**. ## Die Kundin Eine Mitarbeiterin der VBLP GmbH, die selbst eine [sehr zufriedene Kundin](http://www.fx-web.de/unternehmen/kundenfeedbacks/index.html#a863) bei uns ist, hatte Frau John an [F/X Web Consulting](http://www.fx-web.de/) verwiesen. Nach der bei uns obligatorischen **360-Grad-Internetberatung** erhielten wir von Frau John den Auftrag und begannen auch zügig mit dem Konzept und der Erstellung des Designs. ## Kundenanforderungen Frau John wollte für ihre Tätigkeit als Coach eine eigene Website erstellen lassen, und hatte sich schon einige Zeit Gedanken dazu gemacht. Eine Grafikerin aus Ihrem Umfeld entwickelte ihr Logo, und unsere Aufgabe war es nun eine dazu passende, moderne und freundliche Website zu erstellen. Als Basis für die Website entschieden wir uns erneut für das [Worldsoft-CMS](http://www.fx.worldsoft.info/), auch weil Frau John langfristig selbst kleine Änderungen vornehmen können möchte. Modern bedeutete auch, dass die Webseite auf jeden Fall im **Responsive Webdesign** erstellt werden sollte, um es auch dem **mobilen Internet-Benutzer** zu ermöglichen, sich leicht einen Überblick über Frau John und ihr umfangreiches Dienstleistungs-Portfolio zu verschaffen. ## Projektablauf In Abstimmung mit der Grafikerin entschieden wir uns für die moderne und zeitlose Schriftart **Noto Sans**, die der ursprünglich gewünschten Schriftart Helvetica sehr ähnlich ist. Die Noto Sans konnte jedoch im Gegensatz zur Helvetica ohne zusätzliche Kosten zu verursachen über Google Fonts eingebunden werden, so dass der Font nun auf allen Betriebssystemen (Windows, Mac, usw.) dargestellt werden kann. Frau John hatte neben dem rein inhaltlichen Input auch selbst einige gute Vorschläge zur inhaltlichen Gestaltung geliefert: so war es z.B. ihr eigener Wunsch, **jede Inhaltsseite mit einem Zitat zu beginnen**. Diese Zitate stammen alle aus ihrer eigenen Feder und zeigen dem Besucher, dass er oder sie es hier mit einem Menschen zu tun hat, der nicht nur im Coaching-Bereich kreativ ist. Hinzu kam dann noch die **Integration von künstlerischen Bildern**, die ebenfalls von einer ihr bekannten Malerin zur Verfügung gestellt wurden und die teilweise doch umfangreichen Textinhalte auf der Website optisch untermalen und den Gesamteindruck auflockern. ## Highlights & Responsive Webdesign Das Design der Website besticht durch ein freundliches, klares und schnörkelloses Design, sowohl auf großen Desktop-Monitoren wie auch auf Tablets und Smartphones. Die **Bedienbarkeit und Navigation auf Smartphones** wird durch die Verwendung eines klassischen **Responsive Mobile Menu** gewährleistet. Probiert es einfach mal aus: [http://www.alice-john.de/](http://www.alice-john.de/) Hier die Darstellung der Website im **Responsive Webdesign** auf vier verschiedenen Bildschirmgrößen bzw. Geräten (Desktop, Tablet Querformat, Tablet Hochformat und Smartphone): [![Screenshot www.alice-john.de - Responsive Web Design auf vier verschiedenen Bildschirmgrößen](http://www.muenchen-webdesign.de/wp-content/uploads/2014/06/2014-02-alice-john.de-responsive-web-design-4-screens-copyright.jpg)](http://www.muenchen-webdesign.de/wp-content/uploads/2014/06/2014-02-alice-john.de-responsive-web-design-4-screens-copyright.jpg) www.alice-john.de im Responsive Webdesign für optimale Darstellung auf Desktop, Tablet und Smartphone ## Fazit Die Zusammenarbeit mit Frau John hat sehr viel Spaß gemacht, und ihr [Feedback](http://www.fx-web.de/unternehmen/kundenfeedbacks/index.html#a958) hat mich riesig gefreut. Viele Menschen aus ihrem Umfeld haben ihr zu ihrer Website gratuliert, was uns natürlich ebenfalls freut und Ansporn für die nächsten Projekte ist, ganz besonders, wenn wir diese wieder im Responsive Webdesign umsetzen dürfen. Ich wünsche Frau John auch auf diesem Weg **ganz viel Erfolg mit ihrer neuen Website** und vor allem viele neue Kunden! --- ## Responsive Web Design - Kundenreferenz: Cafe Blücher **Source:** [https://www.muenchen-webdesign.de/2014/02/24/responsive-web-design-kundenreferenz-cafe-bluecher/](https://www.muenchen-webdesign.de/2014/02/24/responsive-web-design-kundenreferenz-cafe-bluecher/) **Date:** 2014-02-24 **Category:** Allgemein, Referenzen, Responsive Webdesign, Technik, Unternehmens-News | **Tags:** bildschirmfüllend, Hintergrundbilder, Kundenreferenz, Kundenreferenzen, Milbertshofen, München, Referenz, Responsive Design, Responsive Web Design, Responsive Webdesign, Responsive Webdesign München | **Keyword:** responsive web design Ich freue mich sehr, heute eine neue Kundenreferenz im **Responsive Web Design** vorstellen zu können: das **Cafe Blücher **in München-Milbertshofen! ## Der Kunde Das** Cafe Blücher | Bar - Restaurant** ist eine Gaststätte im Herzen von **München-Milbertshofen**. Dort bietet es seinen Gästen das ganze Jahr über die Möglichkeit sich in einem wundervollen Ambiente mit gutem Essen und Trinken verwöhnen zu lassen. Der gemütliche **Biergarten** lädt von den ersten warmen Sonnenstrahlen an zum Genießen ein und die Kastanienbäume bieten bei heißen Sommertemperaturen ein kühles Plätzchen. Auch für die kleinen Gäste ist durch den direkt gegenüber liegenden **Spielplatz** für Abwechslung gesorgt. Ich war dort selbst schon oft persönlich, denn ich liebe es einfach dort bei schönem Wetter mit Freunden bei einem Bier oder Wein und guten Essen im Biergarten zu sitzen und die Zeit zu genießen. ## Kundenanforderungen Ich hatte den Inhaber bei einem meiner Besuche als Gast einfach mal darauf angesprochen, ob er nicht eine neue Website benötigt - denn ich hatte mir seine vorherige Site angesehen und jede Menge Probleme darauf entdeckt. Ganz zu schweigen davon, dass die bisherige Website auf meinem Smartphone einfach nicht lesbar dargestellt wurde und auch die Menünavigation nicht funktionierte. Ich kam mit meiner Frage zur rechten Zeit - denn der Inhaber war mit seiner bisherigen Website nicht mehr zufrieden und hatte sehr konkrete Vorstellungen davon, wie seine neue Webseite aussehen und funktionieren soll: - Erstellung im** Responsive Web Design** - für eine **optimale Darstellung und Bedienung auch auf Smartphones und Tablets** - Design angepasst am bereits vorhandenen, kürzlich erst modernisierten Firmenlogo - **Bildschirmfüllende Hintergrundbilder** des Lokals - Einfache, selbsterklärende Navigationsstruktur auf einer Ebene - Die Möglichkeit, selbst Änderungen an den Inhaltsseiten vornehmen zu können - Eine einfache **Upload-Möglichkeit** für wöchentlich wechselnde Speisekarten ## Projektablauf Nachdem wir dem Inhaber die grundsätzlichen Möglichkeiten zu seinen Anforderungen erläutert hatten, fiel die Wahl auf das **Worldsoft-CMS**, welches alle Kriterien und Vorstellungen des Kunden erfüllt. Anschließend sahen wir uns gemeinsam verschiedene Webseiten an um ein Gefühl dafür zu bekommen, in welche Richtung **das Design der neuen Website** des Cafe Blücher gehen soll. Die für das neue Webdesign benötigten **bildschirmfüllenden Hintergrundbilder** wollte der Inhaber selbst liefern, da Fotografie eines seiner Hobbies ist. Zuletzt erstellten wir einen Grobentwurf des neuen Designs, welcher sofort begeistert vom Kunden übernommen wurde. Das Design verwendet auch eine spezielle, vom Kunden ausgewählte Schriftart: **Alegreya**. Dies ist eine dezente **Serifenschrift**, die perfekt zum modernisierten Ambiente der Gaststätte passt, und von uns über den **Google Font**-Mechanismus integriert wurde. Ab diesen Zeitpunkt war es dann ein leichtes die ebenfalls vom Kunden gelieferten Textinhalte und Bilder in der neuen Internetseite einzupflegen, sowie sämtliche Getränke- und Speisekarten hochzuladen und zu verlinken. Hier ein Screenshot der Website wie sie auf einem üblichen Desktop-Monitor angezeigt wird: [![Screenshot von www.bluecher-bar.de](http://www.muenchen-webdesign.de/wp-content/uploads/2014/02/2013-11-bluecher-bar.de_.jpg)](http://www.muenchen-webdesign.de/wp-content/uploads/2014/02/2013-11-bluecher-bar.de_.jpg) Cafe Blücher | Bar - Restaurant in der Desktop-Ansicht ## Highlights Das Besondere an diesem Projekt ist, dass dies unsere erste im **Responsive Webdesign** ausgelieferte Website ist. die noch dazu völlig ohne ein sogenannten **Responsive Mobile Menu** auskommt. Was dieser Website darüber hinaus einen besonderen „Touch" verleiht sind die tollen Hintergrundbilder, die der Inhaber selbst „geschossen" hat - ich musste lediglich noch einen passenden Ausschnitt finden und mit den entsprechenden CSS-Anweisungen in der Website implementieren. Hier die Darstellung der Website im **Responsive Design** auf vier verschiedenen Bildschirmgrößen bzw. Geräten (Desktop, Tablet Querformat, Tablet Hochformat und Smartphone): [![Screenshot www.bluecher-bar.de auf vier verschiedenen Bildschirmgrößen](http://www.muenchen-webdesign.de/wp-content/uploads/2014/02/2013-11-bluecher-bar.de-responsive-web-design-4-screens.jpg)](http://www.muenchen-webdesign.de/wp-content/uploads/2014/02/2013-11-bluecher-bar.de-responsive-web-design-4-screens.jpg) Cafe Blücher | Bar - Restaurant in der Darstellung auf Desktop, Tablet und Smartphone Eine echte Herausforderung war es sicherzustellen, dass die leicht transparenten Hintergrundflächen für die nebeneinanderliegenden Navigations- und Hauptbereiche unabhängig von der Browserfenstergröße und dem Umfang der Inhalte immer die identische Höhe behalten - hier musste ich mangels Umsetzungsmöglichkeit via CSS dann doch auf das **jQuery-Framework** zurückgreifen. ## Fazit Neben dem Spaß, den wir bei der Erstellung dieser Webseite hatten, ist es mir wichtig zu erwähnen, dass **die Zusammenarbeit mit dem Kunden** von Beginn an sehr angenehm war, was vor allem auch an der äußerst sympathischen Art des Inhabers liegt. Natürlich bin ich auch froh, dass F/X Web Consulting nun eine richtig tolle **Kundenreferenz für Responsive Webdesign in München** vorweisen kann - und als Gast werde ich dort künftig immer mit einem „inneren Lächeln" sitzen, wissend, dass das Cafe Blücher nun eine wirklich schöne Website hat, die dem Flair der Location entspricht. Besucht doch mal die Website unter [http://www.bluecher-bar.de](http://www.bluecher-bar.de) und schaut mal dort auf einen Cocktail vorbei- es lohnt sich! Herzlichst, Euer Franz X. Kohl --- ## Neue Kundenreferenz: Facebook-Fanpage & Unternehmens-Blog für Perspektive 2030 **Source:** [https://www.muenchen-webdesign.de/2014/02/14/neue-kundenreferenz-facebook-fanpage-und-unternehmens-blog-fuer-perspektive-2030/](https://www.muenchen-webdesign.de/2014/02/14/neue-kundenreferenz-facebook-fanpage-und-unternehmens-blog-fuer-perspektive-2030/) **Date:** 2014-02-14 **Category:** Allgemein, Referenzen, Responsive Webdesign, Unternehmens-News, WordPress | **Tags:** 360-Grad Internet-Beratung, Beratung, Blog, Facebook, fanpage, Fanseite, Internet-Beratung, Internet-Marketing, Online-Marketing, responsive, Responsive Design, Responsive Webdesign, Webdesign, WordPress | **Keyword:** Facebook-Fanpage In den letzten Wochen haben wir bei F/X Web Consulting viel zu tun gehabt (was ja gut ist) und einige neue Kundenprojekte fertigstellen können. Darunter hat allerdings auch die Pflege unseres Unternehmens-Blogs wie auch die Pflege unserer Facebook-Fanpage gelitten, was ich in den nächsten Tagen auszubügeln versuche. Heute geht es um eine Kundenreferenz, die wir Ende 2013 fertiggestellt haben: **Perspektive 2030**. ## Der Kunde: Perspektive 2030 - Elke Kurschus Unsere Kundin, Elke Kurschus, hatte bereits eine sehr schön gestaltete Website, die Ihr unter [www.perspektive2030.de](http://www.perspektive2030.de) findet. Auf Ihrer Webseite zeigt Frau Kurschus das gesamte **Portfolio Ihrer Dienstleistungen** auf - von **Berufs- und Studienberatung** über **Karriere-Coaching** und **Demografieberatung**. Vergangenes Jahr entschied Sie sich dazu, sich verstärkt den Themen Berufsberatung und Studienberatung, und speziell der **Berufsberatung für Schüler** anzunehmen. Dafür benötigte Sie die entsprechenden Online-Marketing-Instrumente, und wandte sich aufgrund einer persönlichen Empfehlung eines Ihrer Kontakte bei der [VBLP GmbH Unternehmensberatung Outplacement](https://vblp.de/) an uns. Nachdem ich Sie im Rahmen unserer **360-Grad-Internet-Beratung** umfassend zu den für Sie passenden Möglichkeiten beraten hatte, entschied Frau Kurschus sich für die Erstellung einer Facebook-Fanseite sowie eines eigenen Unternehmens-Blogs. ## Projekt: Facebook-Fanpage Die **Zielgruppe für Berufsberatung für Schüler** ist stark in den Social Media Plattformen wie **Facebook**, **Google+** und **Twitter** vertreten. Somit war es eine logische Entscheidung zur gezielten Ansprache Ihrer potentiellen Kunden zumindest eine Plattform zu nutzen, und die Wahl fiel auf Facebook. Unsere Arbeit bestand darin, die für die [Fanseite von Perspektive 2030](http://www.facebook.com/Perspektive2030) benötigten Bilder, also Titelbild, Profilbild und Tab-Bilder zu erstellen, und über die Tab-Reiter auch ein **rechtssicheres Impressum** zu integrieren. Hier das Ergebnis als Screenshot: [![Screenshot der Facebook-Fanpage von Perspektive 2030](http://www.muenchen-webdesign.de/wp-content/uploads/2014/02/2013-10-Perspektive2030-Facebook.jpg)](http://www.muenchen-webdesign.de/wp-content/uploads/2014/02/2013-10-Perspektive2030-Facebook.jpg) Screenshot der Facebook-Fanpage von Perspektive 2030 **Schaut doch mal auf der Fanseite vorbei**, und wenn Ihr die Seite gut findet, dann dürft Ihr auch gerne auf „**Gefällt mir**" klicken - ich bin sicher, Frau Kurschus freut sich über jeden neuen Fan! ## Projekt: Unternehmens-Blog Im Gegensatz zur Facebook-Fanseite dient der [Unternehmens-Blog von Perspektive 2030](http://www.berufsberatung-schueler.de) primär dazu, eigene **Artikel zu Themen rund um die Berufsberatung für Schüler** zu verfassen und zu veröffentlichen. Auf dieser Plattform kann Frau Kurschus nun Ihr **Expertenwissen** und **Know-How aus der Praxis** in Form von entsprechenden Artikeln publizieren und damit auch unterstreichen, dass Sie Ihr „Handwerk" versteht. Selbstverständlich werden neue Artikel dann auch auf der Facebook-Fanseite gepostet. Hier ein Screenshot des Unternehmens-Blogs: [![Screenshot des Unternehmens-Blogs von Perspektive 2030](http://www.muenchen-webdesign.de/wp-content/uploads/2014/02/2013-10-berufsberatung-schueler.de_.jpg)](http://www.muenchen-webdesign.de/wp-content/uploads/2014/02/2013-10-berufsberatung-schueler.de_.jpg) Screenshot des Unternehmens-Blogs von Perspektive 2030 ## Highlights der Blog-Referenz Die größte Herausforderung bei diesem auf **WordPress** basierenden Blog war es, die zahlreichen Fehler im verwendeten **Responsive Design Theme** zu beseitigen. Wie die meisten WordPress Themes, die auf der Basis von Responsive Webdesign entwickelt wurden, war auch dieses nicht von einem deutschen Anbieter. Dementsprechend waren viele, für Besucher des Blogs sichtbare Texte nicht übersetzt. Das an sich ist noch keine Hürde für mich, denn in solchen Fällen verwende ich ja das in einem [früheren Artikel](http://www.muenchen-webdesign.de/2013/02/09/wordpress-fremdsprachige-plugins-und-themes-einfach-selbst-uebersetzen/) hier schon näher beschriebene [CodeStyling Localization Plugin für WordPress](http://www.muenchen-webdesign.de/2013/02/09/wordpress-fremdsprachige-plugins-und-themes-einfach-selbst-uebersetzen/). Leider ist es jedoch bei WordPress Themes von Autoren außerhalb des deutschsprachigen Raums öfter auch so, dass dort **englische Texte** nicht WordPress-konform - also mittels der dafür vorgesehenen Schnittstellen (WordPress API's) - im Theme integriert und damit auch nicht für das CodeStyling Localization Plugin „sichtbar" sind. Das bedeutet dann für mich, diese fix kodierten Texte („hardcoded" strings) in den PHP-Dateien des Themes aufzuspüren, und die Texte WordPress-konform für die **Lokalisierung in andere Sprachen** umzuschreiben. Nur gut, dass es bei WordPress sogenannte **Child-Themes** gibt - mit dieser Methode kann man Veränderungen an einem Theme vornehmen, ohne die dem Theme zugrunde liegenden Dateien zu verändern - denn sonst würden die vorgenommenen Änderungen beim nächsten Update des Themes wieder überschrieben werden. Mit der Methodik der Child-Themes konnte ich auch gleich noch ein paar optische Fehler im **CSS** (Cascading Style Sheet) korrigieren, so dass der Blog nun auch wirklich Responsive ist und dementsprechend auch auf einem **Smartphone** oder **Tablet** richtig dargestellt und optimal bedienbar ist. Hier nun die Darstellung des **Unternehmens-Blog im Responsive Design** auf vier verschiedenen Gerätegrößen: Desktop-Monitor, Notebook, Tablet und Smartphone. [![Screenshot des Unternehmens-Blog von Perspektive 2030 im Responsive Webdesign](http://www.muenchen-webdesign.de/wp-content/uploads/2014/02/2013-10-berufsberatung-schueler.de-responsive-web-design-4-screens.jpg)](http://www.muenchen-webdesign.de/wp-content/uploads/2014/02/2013-10-berufsberatung-schueler.de-responsive-web-design-4-screens.jpg) Screenshot des Unternehmens-Blog von Perspektive 2030 im Responsive Webdesign ## Fazit Mit Hilfe der beiden **Internet-Marketing-Instrumente** Facebook-Fanseite und Unternehmens-Blog kann Frau Kurschus nun wesentlich leichter als bisher Neuigkeiten und Aktuelles rund um das Thema Berufsberatung für Schüler veröffentlichen. Ich selbst wäre sehr froh gewesen, wenn ich in vor meiner eigenen Berufswahl eine solche **Expertin auf dem Gebiet der Schüler-Berufsberatung** hätte fragen können. Ich wünsche Frau Kurschus mit Perspektive 2030 alles Gute für die Zukunft. Ich bedanke mich auch auf diesem Weg nochmals sehr herzlich für das entgegen gebrachte Vertrauen in meine Dienstleistung als **Internet-Experte**, Webdesigner und Social Media Profi (neudeutsch: **Sichtbarkeitsmanager**) und ihr tolles **Feedback**, welches Ihr bei den [Kundenfeedbacks auf der Website von F/X Web Consulting](http://www.fx-web.de/unternehmen/kundenfeedbacks/index.html#a863) finden könnt. Herzlichst, Euer Franz X. Kohl --- ## HTML5 Video einbinden - Browser-unabhängig - Schritt-für-Schritt Anleitung **Source:** [https://www.muenchen-webdesign.de/2013/12/24/html5-video-browser-unabhaengig-in-der-eigenen-website-integrieren/](https://www.muenchen-webdesign.de/2013/12/24/html5-video-browser-unabhaengig-in-der-eigenen-website-integrieren/) **Date:** 2013-12-24 **Category:** Allgemein, HTML5, Technik, Tools | **Tags:** Browser, browserunabhängig, Chrome, compatible, cross-browser, Edge, Firefox, Flash, HTML5, HTML5 Video, Internet Explorer, kompatibel, Opera, Safari, Video, Video einbinden, video-tag, YouTube | **Keyword:** html5 video einbinden ## HTML5 Video einbinden: Warum nicht Flash? In diesem Artikel zeige ich auf, wie einfach man mittlerweile mit Hilfe von **HTML5** und dem damit eingeführten **