Blog

  • Meta Business Manager einrichten: Der Onboarding-Guide für unsere Kunden

    Onboarding-Leitfaden: Meta-Zugang für Ihre Agentur einrichten

    Damit wir Ihre Social-Media-Kanäle betreuen, das Tracking einrichten und Werbekampagnen schalten können, benötigen wir eine Verknüpfung über das Meta-System.

    Wichtig für Sie: Alle Konten, Seiten und Daten bleiben zu 100 % in Ihrem Besitz. Sie teilen keine Passwörter mit uns, sondern gewähren uns lediglich einen professionellen Partner-Zugriff.


    ???? SCHRITT 1: Welches Szenario trifft auf Sie zu?

    Wählen Sie die auf Sie zutreffende Option und folgen Sie den Schritten. Danach springen Sie zu Schritt 2.

    ???? Szenario A: Sie starten bei Null (Kein Business-Konto, keine Business-Seite)

    1. Business Portfolio erstellen: Gehen Sie auf business.facebook.com/overview und klicken Sie auf „Konto erstellen“. Loggen Sie sich mit Ihrem privaten Facebook-Profil ein (keine Sorge, Ihre privaten Daten bleiben für uns unsichtbar). Geben Sie Ihren Firmennamen und Ihre geschäftliche E-Mail-Adresse ein.
    2. Facebook-Seite erstellen: Gehen Sie in Ihrem neuen Business Manager links auf KontenSeitenHinzufügenNeue Seite erstellen. Folgen Sie den Schritten (Name, Kategorie, Profilbild).
    3. Werbekonto erstellen: Gehen Sie auf KontenWerbekontenHinzufügenNeues Werbekonto erstellen. Wählen Sie die richtige Zeitzone (z.B. Europe/Berlin) und Währung (EUR) aus.

    ???? Szenario B: Sie haben nur ein Instagram-Profil (Kein Facebook, kein Business-Konto)

    Meta benötigt für professionelle Werbung im Hintergrund zwingend eine Facebook-Struktur, selbst wenn die Werbung nur auf Instagram ausgespielt werden soll.

    1. In Professional Account umwandeln: Stellen Sie sicher, dass Ihr Instagram-Profil in der App auf dem Smartphone als „Professional-, Creator- oder Business-Konto“ eingestellt ist (Einstellungen → Konto-Art).
    2. Business Portfolio erstellen: Gehen Sie auf business.facebook.com/overview und erstellen Sie mit Ihrem privaten Facebook-Profil ein Firmenkonto.
    3. Instagram verknüpfen: Gehen Sie im neuen Business Manager links auf KontenInstagram-KontenHinzufügen. Loggen Sie sich mit Ihren Instagram-Daten ein, um das Konto zu verknüpfen.
    4. Zwingende Backup-Seite erstellen: Da Sie kein Facebook nutzen, müssen wir eine leere „Brücken-Seite“ für das System erstellen. Gehen Sie links auf KontenSeitenHinzufügenNeue Seite erstellen. Nennen Sie diese exakt so wie Ihr Instagram-Profil.
    5. Werbekonto erstellen: Gehen Sie auf KontenWerbekontenHinzufügenNeues Werbekonto erstellen (Währung: EUR, Zeitzone: Europe/Berlin).

    ???? Szenario C: Sie haben bereits alles (Facebook-Seite, Instagram, evtl. Werbekonto)

    Wenn Sie bereits Werbeanzeigen geschaltet haben, müssen Sie die Assets nur in Ihrem Business Portfolio sammeln (falls noch nicht geschehen):

    1. Einloggen: Gehen Sie auf business.facebook.com/settings.
    2. Seite hinzufügen: Klicken Sie links auf KontenSeitenHinzufügen„Eine Seite hinzufügen“ (Ihre bestehende Seite eintippen).
    3. Instagram hinzufügen: Klicken Sie links auf KontenInstagram-KontenHinzufügen (Mit Instagram-Daten einloggen).
    4. Werbekonto prüfen/hinzufügen: Klicken Sie links auf KontenWerbekonten. Falls keins existiert: Auf HinzufügenNeues Werbekonto erstellen klicken.


    ???? SCHRITT 2: Zahlungsmethode hinterlegen (Sehr wichtig!)

    Meta verweigert die Zusammenarbeit mit Agenturen, wenn das Kundenkonto keine aktive Zahlungsmethode hat. Die Werbebudgets werden direkt von Meta von Ihrem Konto abgebucht.

    1. Gehen Sie in den Unternehmenseinstellungen links auf den Reiter Abrechnung & Zahlungen.
    2. Wählen Sie oben Ihr Werbekonto aus (wichtig: nicht die „Zahlungsmethode für das Business-Konto“ wählen, sondern die für das spezifische Werbekonto).
    3. Klicken Sie auf Zahlungsmethode hinzufügen und hinterlegen Sie Ihre Kreditkarte oder Ihr geschäftliches PayPal-Konto.


    ???? SCHRITT 3: Assets miteinander verknüpfen (Die „Brücke“ bauen)

    Damit das System versteht, welche Assets zusammengehören, müssen Sie diese intern einmalig miteinander verbinden:

    1. Gehen Sie links auf KontenInstagram-Konten.
    2. Klicken Sie in der Mitte auf Ihr Instagram-Profil.
    3. Klicken Sie rechts auf den Button „Assets hinzufügen“.
    4. Wählen Sie Ihr Werbekonto (und falls vorhanden Ihre Facebook-Seite) aus und klicken Sie auf Hinzufügen.

    (Hinweis: Wiederholen Sie diesen Schritt unter DatenquellenDatasets/Pixel, um auch das Tracking-Pixel mit dem Werbekonto zu verknüpfen).


    ???? SCHRITT 4: Uns (Die Agentur) als Partner hinzufügen

    Jetzt ist Ihr System perfekt vorbereitet und Sie können uns die Steuerung übergeben.

    1. Gehen Sie in den Unternehmenseinstellungen links auf NutzerPartner.
    2. Klicken Sie auf den blauen Button Hinzufügen und wählen Sie „Partner Zugriff auf deine Assets gewähren“.
    3. Geben Sie in das Feld unsere Agentur-Business-ID ein:
      ???? 448218594739616
    4. Ein großes Fenster öffnet sich. Gehen Sie nun links die Liste der Assets durch und aktivieren Sie jeweils rechts den Regler bei „Volle Kontrolle“ (bzw. „Alles verwalten“):
      • Seiten: Ihre Facebook-Seite auswählen → Volle Kontrolle an.
      • Werbekonten: Ihr Werbekonto auswählen → Volle Kontrolle an.
      • Instagram-Konten: Ihr Instagram-Profil auswählen → Zugriff erlauben (Inhalte, Nachrichten etc.).
      • Datasets (Pixel): Ihr Dataset auswählen → Volle Kontrolle an.
    5. Klicken Sie unten rechts auf „Änderungen speichern“.


    ???? Fertig! Wir haben nun sicheren Zugriff auf die Systeme und können mit der Arbeit und der internen Zuweisung an unsere Experten beginnen. Vielen Dank für Ihre Mitarbeit!

  • Was kostet eine Autohaus-Website 2026?

    Was kostet eine Autohaus-Website 2026? Der ehrliche Preisguide für Autohändler

    Die Preisspannen am Markt sind absurd: 599€ hier, 20.000€ dort — für angeblich das gleiche Produkt. Beides kann nicht stimmen. Die Wahrheit: Eine Autohaus-Website, die wirklich Umsatz bringt, ist unter 3.000€ nicht seriös umsetzbar. Alles darunter ist digitale Visitenkarte, keine Umsatzmaschine.

    In diesem Guide zeigen wir dir die ehrliche Preisspanne 2026, die 7 Kriterien einer profitablen Autohaus-Website und was du monatlich an mobile.de verlierst, wenn deine Website nur eine billige Hülle ist. Kein Agentur-Sprech, sondern konkrete Zahlen.

    Die ehrliche Preisspanne 2026: Von 600€ bis 20.000€+

    Auf dem Markt findest du Autohaus-Websites in vier klar unterscheidbaren Preissegmenten. Jedes Segment liefert ein grundsätzlich anderes Ergebnis — und die Unterschiede sind nicht kosmetisch, sondern betriebswirtschaftlich relevant.


    Preissegmente Autohaus-Websites 2026 < 3.000€ Billig-Segment Digitale Visitenkarte Keine Live-Integration 3.000–8.000€ Seriöser Einstieg Qualitätsfundament Erste Lead-Funktionen 8.000–15.000€ Premium-Standard Umsatzmaschine Performance-optimiert 15.000€+ Enterprise Multi-Location Custom-Integrationen

    Segment 1: Unter 3.000€ — Die Billig-Falle

    Wer heute „Autohaus-Website günstig“ googelt, findet Anbieter ab 599€ Festpreis oder ab 39,90€ im Monats-Leasing. Das klingt verlockend — ist aber eine Falle. Für diese Preise bekommst du eine Template-Seite mit 5 bis 8 Unterseiten, ein Standard-Kontaktformular und maximal einen statischen Fahrzeug-Showcase.

    Was du nicht bekommst: Live-Synchronisation mit mobile.de oder deinem DMS, rechtskonforme PKW-EnVKV-Darstellung, barrierefreies Design, echte SEO-Struktur, Lead-optimierte Conversion-Elemente. Kurz: Alles, was eine Website überhaupt erst zur Umsatzmaschine macht.

    Segment 2: 3.000–8.000€ — Der seriöse Einstieg

    Ab 3.000€ beginnt Qualität. Hier bekommst du eine individuell designte Website mit echtem Fahrzeugimport, rechtskonformer Umsetzung (DSGVO, EnVKV, Barrierefreiheit) und einem sauberen SEO-Fundament. Ideal für kleinere Händler mit unter 30 Fahrzeugen im Bestand, die ein Qualitätsprodukt ohne Enterprise-Overhead wollen.

    Segment 3: 8.000–15.000€ — Premium-Standard

    Das ist der Sweet Spot für die meisten Autohäuser. Conversion-optimiertes Design, vollintegrierte Fahrzeugdatenbank mit Filtern, Ankauf-Formular, Finanzierungsrechner, Werkstatt-Buchungssystem. Hier ist die Website keine Kostenstelle mehr, sondern eine messbare Umsatzquelle.

    Segment 4: 15.000€+ — Enterprise

    Autohausgruppen mit mehreren Standorten, Custom-Integrationen zu DMS-Systemen wie Carmen oder Incadea, mehrsprachige Versionen, individuelle Entwicklungen. Ab hier geht es nicht mehr um die Website allein, sondern um ein digitales Ökosystem.

    Warum eine billige Autohaus-Website dich bares Geld kostet

    Viele Händler denken, eine günstige Website sei „besser als nichts“. Die Wahrheit: Sie ist oft schlechter als nichts. Weil sie Vertrauen zerstört, Leads versenkt und die Abhängigkeit von Drittplattformen zementiert.

    Die versteckten Kosten — was auf der Rechnung nicht steht

    Eine Template-Website für 599€ lädt langsam, rankt nicht bei Google, zeigt deine Fahrzeuge unprofessionell und verliert Interessenten binnen Sekunden. Jeder Besucher, der abspringt, ist ein Lead, den du an mobile.de weiterreichst — wo du pro Anfrage zahlst.

    Dazu kommen nachträgliche Anpassungen. Eine Billig-Lösung lässt sich kaum erweitern. Willst du später eine Live-Fahrzeugintegration, einen Ankauf-Flow oder ein Werkstatt-Buchungsmodul, wird das teurer als eine Neuentwicklung von Grund auf.

    Was du monatlich an mobile.de & Co. verlierst

    Autohäuser mittlerer Größe zahlen durchschnittlich 1.500€ bis 3.000€ im Monat an Fahrzeugbörsen. Das sind 18.000€ bis 36.000€ im Jahr — für Leads, die dir nicht gehören und die dein Wettbewerber parallel genauso sieht. Eine eigene, performante Autohaus-Website verschiebt dieses Verhältnis: Du reduzierst die Börsen-Ausgaben schrittweise, weil direkte Anfragen über deine Seite dominieren.

    Mehr dazu haben wir im Detail in unserem Artikel mobile.de vs. AutoScout24 aufgeschlüsselt.

    Rechenbeispiel: 2.400€ sparen, 24.000€ verlieren

    Ein Händler mit 40 Fahrzeugen entscheidet sich für die 599€-Website statt für eine 9.000€-Premium-Lösung. Gesparte Investition: 8.400€. Ergebnis nach 12 Monaten: Null zusätzliche Website-Leads. Weiterhin 2.400€ pro Monat an mobile.de. Macht 28.800€ in einem Jahr — für das gleiche Lead-Volumen, das eine eigene Website innerhalb von 6 Monaten direkt generiert hätte.

    Das Sparen hat ihn 20.400€ gekostet. Netto. Im ersten Jahr.

    Die 7 Kriterien einer profitablen Autohaus-Website

    Was unterscheidet eine Website, die verkauft, von einer, die nur existiert? Genau diese 7 Kriterien. Fehlt auch nur eines, arbeitet die Seite gegen dich statt für dich.


    7 Kriterien profitabler Autohaus-Websites 01 Live-Fahrzeugintegration Automatische Synchronisationmit mobile.de und DMS inEchtzeit — ohne Doppelpflege. 02 Performance Ladezeit unter 2 Sekunden.Alles darüber kostet Rankingsund zerstört Leads. 03 Lead-Conversion CTAs, Formulare, Rechnerauf jeder Seite — fürAnkauf, Werkstatt, Anfrage. 04 DSGVO + EnVKV Abmahnsicher. PKW-EnVKV-konforme Darstellung. OhneKompromisse. 05 SEO-Fundament Saubere URL-Struktur,strukturierte Daten, lokaleSignale — ranking-ready. 06 Mobile-First 70% deiner Besucher kommenvom Smartphone. Responsiveist kein Feature, sondern Pflicht. 07 Rechtskonform: Impressum, Datenschutz, Barrierefreiheitserklärung Seit 28. Juni 2025 ist die Barrierefreiheit durch das BFSG für Autohäuser verpflichtend. Fehlende Erklärung oder nicht-barrierefreie Umsetzung bedeutet Abmahngefahr. Wer hier spart, zahlt doppelt — erst den Anwalt, dann die nachträgliche Umsetzung.

    Diese 7 Kriterien sind nicht verhandelbar. Du kannst Design, Farbwelt oder Animationen individuell gestalten — aber wenn eines dieser Grundkriterien fehlt, ist die Seite keine Autohaus-Website, sondern eine Broschüre im Internet.

    Wie das in der Praxis aussieht, zeigen wir auf unserer Seite Autohaus-Websites anhand konkreter Referenzen.

    So setzt sich der Preis einer hochwertigen Website zusammen

    Wer verstehen will, warum eine professionelle Autohaus-Website mindestens 3.000€ kostet, muss wissen, was im Hintergrund passiert. Es sind nicht „ein paar Stunden Webdesign“, sondern ein strukturierter Prozess mit klaren Kostenblöcken.

    Einmalige Entwicklungskosten

    Die Ersterstellung umfasst Konzeption, UX-Design, Entwicklung, Fahrzeug-Schnittstellen-Anbindung, rechtliche Absicherung, SEO-Grundlage und Testing. Konkret: Zwischen 30 und 120 Entwicklerstunden, je nach Umfang.

    Ein seriöser Webentwickler in Deutschland kostet mindestens 100€ netto pro Stunde. Weniger bedeutet: Entweder Praktikant, Ausland ohne Qualitätskontrolle oder Template-Massenproduktion. Bei 100€ Stundensatz und 30 Stunden sind das 3.000€ — das ist die mathematische Untergrenze für eine Website, die die 7 Kriterien erfüllt. Alles darunter geht zwangsläufig irgendwo zu Lasten der Qualität.

    Laufende Kosten: 50€ bis 500€ pro Monat

    Eine Website ist kein einmaliges Produkt, sondern ein laufender Prozess. Die monatlichen Kosten bestehen aus:

    • Hosting: 20€ bis 80€ für performantes Managed Hosting mit SSL, Backups und CDN.
    • Wartung und Updates: 20€ bis 150€ für regelmäßige Sicherheits-Updates, Plugin-Pflege und Monitoring.
    • Support und kleine Änderungen: 10€ bis 200€ für neue Fahrzeugkategorien, Team-Updates, Aktionsseiten.
    • Fahrzeugdaten-Schnittstelle: 0€ bis 100€ für Live-Import von mobile.de oder DMS.

    Realistisch landest du damit bei 50€ bis 500€ im Monat — abhängig davon, wie aktiv deine Website gepflegt wird und welche Features integriert sind.

    Der 100€-Stundensatz als Qualitäts-Indikator

    Wenn dir ein Anbieter Stundensätze unter 100€ netto nennt, ist das kein Schnäppchen — das ist ein Warnsignal. In Deutschland kostet ein qualifizierter Webentwickler mit 5+ Jahren Erfahrung im Markt zwischen 100€ und 180€ netto pro Stunde. Alles darunter bedeutet: Arbeit ohne Erfahrung, ohne Haftung oder ohne ausreichendes Qualitätsmanagement.

    Du kaufst nicht „eine Stunde Zeit“, sondern Fachwissen, Schnittstellen-Know-how und Haftung für rechtskonforme Umsetzung. Das hat seinen Preis — und der ist in Deutschland nicht verhandelbar.

    ROI-Rechnung: Wann zahlt sich die Investition aus?

    Die ehrlichste Perspektive auf eine Website-Investition ist nicht „Was kostet es?“, sondern „Wann habe ich das Geld wieder drin?“. Rechnen wir konkret:

    Investition: 9.000€ Website + 200€ monatliche Wartung = 11.400€ im ersten Jahr.

    Einsparung bei mobile.de: Durchschnittliche Reduktion um 30% in den ersten 6 Monaten (weil Direkt-Leads zunehmen) = 720€ gespart pro Monat.

    Zusätzliche Direkt-Leads: Bei seriösem Setup im Schnitt 8–15 qualifizierte Anfragen pro Monat über Ankauf-, Werkstatt- und Fahrzeug-Formulare.

    Break-Even: Bei einem durchschnittlichen Fahrzeug-Deckungsbeitrag von 1.500€ reichen 8 zusätzliche Verkäufe über das Jahr, um die gesamte Investition zurückzuholen. Realistisch passiert das schon in den ersten 4–6 Monaten.

    Das deckt sich mit dem, was unsere Kunden berichten. Karl Geiger von Geigercars beschreibt es so: „Umsatzziel wurde gesprengt und meine Kosten haben sich halbiert.“ Reinhard Kreis vom Autohaus Köpf zieht das gleiche Fazit: „Website ist kein Kostenfaktor mehr, sondern eine Umsatzmaschine.“

    Wichtig: Dieser ROI entsteht nicht automatisch. Er entsteht nur, wenn alle 7 Qualitätskriterien erfüllt sind. Eine Billig-Website wird diese Rechnung nicht liefern — egal, wie lange du wartest.

    Rechne deinen eigenen ROI durch.

    15 Minuten kostenlose Beratung. Konkrete Zahlen für dein Autohaus. Keine Verkaufspräsentation.

    Jetzt Beratung buchen

    Wie du einen seriösen Anbieter erkennst

    Nicht jede Agentur, die „Autohaus-Website“ auf der Startseite stehen hat, kann auch eine bauen. Achte auf diese Signale, bevor du unterschreibst:

    Rote Flaggen

    • Festpreise unter 3.000€ ohne individuelle Analyse — unmöglich seriös.
    • Keine Referenzen aus der Automotive-Branche — Autohaus-Websites haben branchenspezifische Anforderungen (EnVKV, Fahrzeugimport, Lead-Flows), die eine „Allgemein-Agentur“ nicht versteht.
    • Unklare Aussagen zur Barrierefreiheit — seit 28. Juni 2025 Pflicht. Wer hier herumdruckst, hat das Thema nicht im Griff.
    • Keine laufende Betreuung im Angebot — eine Website ohne Wartung ist nach 6 Monaten ein Sicherheitsrisiko.
    • Stundensätze unter 100€ netto — Qualität hat einen Mindestpreis.

    Qualitätssignale

    • Mindestens 10 Autohaus-Referenzen live im Netz, überprüfbar.
    • Transparente Preisstruktur mit ehrlicher Einordnung, warum was kostet.
    • Technische Zertifizierungen (Google Partner, Meta Business Partner, eRecht24, Cookiebot).
    • Live-Fahrzeugintegration als Standard, nicht als teure Zusatzoption.
    • Erreichbarkeit — Support per WhatsApp oder Telefon, nicht nur Ticket-System.

    Häufige Fragen (FAQ)

    Was kostet die laufende Wartung einer Autohaus-Website?

    Realistisch zwischen 50€ und 500€ pro Monat. Die Spanne ergibt sich aus Hosting, Sicherheits-Updates, Plugin-Pflege und regelmäßigen Content-Anpassungen. Wer weniger zahlt, bekommt weniger Pflege — das merkst du spätestens nach 12 Monaten, wenn die Seite langsam wird oder Sicherheitslücken auftauchen.

    Kann ich eine Autohaus-Website selbst erstellen?

    Technisch ja, wirtschaftlich nein. Mit Baukästen wie Wix oder Mobirise baust du in einem Tag eine Seite. Du bekommst aber keine Live-Fahrzeugintegration, kein rechtskonformes Setup und keine SEO-Performance. Der Zeitaufwand, um das nachträglich zu lernen, kostet dich mehr als eine Agentur.

    Wie lange dauert die Erstellung einer professionellen Autohaus-Website?

    Bei einem seriösen Anbieter zwischen 3 und 8 Wochen. Kürzer bedeutet Template-Massenproduktion, länger bedeutet ineffiziente Abläufe. Die 3 bis 8 Wochen verteilen sich auf Konzept (1 Woche), Design (1–2 Wochen), Entwicklung (1–3 Wochen) und Testing + Launch (1–2 Wochen).

    WordPress, Custom oder Baukasten — was ist die beste Technik für Autohäuser?

    WordPress in Kombination mit einem spezialisierten Fahrzeug-Plugin ist für 95% aller Autohäuser die beste Wahl. Flexibel, pflegbar, günstiger als Custom-Entwicklung und leistungsfähiger als Baukästen. Custom lohnt sich nur bei Multi-Location-Setups mit individuellen DMS-Anbindungen.

    Lohnt sich eine eigene Website trotz mobile.de und AutoScout24?

    Ja, und zwar zwingend. Fahrzeugbörsen bringen Reichweite, aber die Leads gehören nicht dir. Jede Anfrage wird parallel an Wettbewerber gestreamt. Eine eigene Website schafft Direkt-Leads, stärkt deine Marke und reduziert deine Abhängigkeit. Die beste Strategie ist die Kombination: Beide Kanäle nutzen, aber die eigene Website als dominanten Channel ausbauen.

    Welche Features sind 2026 wirklich Pflicht?

    Live-Fahrzeugimport, DSGVO- und EnVKV-Konformität, Barrierefreiheitserklärung (BFSG seit Juni 2025), Mobile-First-Design, Ladezeit unter 2 Sekunden, strukturierte Daten für Google. Alles darüber ist Kür — aber diese Punkte sind nicht verhandelbar.

    Fazit: Die richtige Investition für dein Autohaus

    Eine profitable Autohaus-Website kostet 2026 mindestens 3.000€ in der Erstellung und 50€ bis 500€ in der laufenden Pflege. Alles darunter ist keine Ersparnis, sondern ein verstecktes Kostenloch. Die 7 Qualitätskriterien sind nicht verhandelbar — Live-Fahrzeugintegration, Performance, Lead-Conversion, DSGVO/EnVKV, SEO-Fundament, Mobile-First und Rechtskonformität inklusive Barrierefreiheitserklärung.

    Wer diese Basis hat, baut keine digitale Visitenkarte mehr, sondern eine Umsatzmaschine. Und die Rechnung ist einfach: Eine Investition von 9.000€ amortisiert sich bei seriösem Setup in 4 bis 6 Monaten. Alles danach ist echter Return — Jahr für Jahr.

    Die Entscheidung, die du treffen musst, ist nicht „Website ja oder nein“. Die Entscheidung ist: Digitale Visitenkarte oder Umsatzmaschine. Krähe oder Adler.

    Bereit für die Umsatzmaschine?

    In 15 Minuten zeigen wir dir, was deine Website heute blockiert — und was sie stattdessen leisten könnte. Kostenlos. Konkret. Ohne Verkaufsdruck.

    Jetzt kostenlose Beratung sichern

  • Lovable, bolt.new & Co.: Wie du KI-Tools meisterst, indem du ihre Sprache verstehst

    In Zeiten von KI-Plattformen wie bolt.new, Lovable, v0.dev oder Cursor, die in Sekunden ganze Anwendungen ausspucken, kann man schnell den Überblick verlieren. Überall fliegen Begriffe wie React, Next.js, TypeScript oder shadcn herum. Man hat fast das Gefühl, man müsste Raketenwissenschaft studiert haben, nur um zu verstehen, was die KI da eigentlich im Hintergrund „zusammenbaut“.

    Doch die gute Nachricht ist: Wir räumen heute auf! Egal wie magisch diese Tools wirken und wie komplex eine moderne Web-App erscheint – am Ende beruht alles auf den gleichen drei Basics, die schon seit den 90ern das unerschütterliche Fundament des Internets bilden.

    Lass uns gemeinsam Ordnung in das Technologie-Chaos bringen. Wir schauen hinter die Kulissen der KI-Generatoren und verstehen endlich, wie die Puzzleteile wirklich zusammenpassen. Denn wer das Rezept kennt, kann die KI erst recht meisterhaft steuern.


    Die Evolution des Webs: Eine Zeitreise

    Hier siehst du, wie sich die Werkzeuge über die Jahrzehnte entwickelt haben. Jede neue Technologie entstand, weil die vorherige an ihre Grenzen stieß.

    JahrTechnologieWo läuft es?Kern-NeuerungBaut auf…
    1990HTMLBrowserDas „Skelett“ jeder Seite.
    1995JavaScriptBrowserDie „Elektrik“ – macht Dinge interaktiv.HTML
    1996CSSBrowserDie „Fassade“ – bringt Farben und Layout.HTML
    2009Node.jsServerJS verlässt den Browser und steuert Server.JS
    2013ReactBrowserBauen mit „Lego-Bausteinen“ (Komponenten).JS
    2014MUIBrowserErste riesige Profi-Library für React-Bausteine.React
    2016Next.jsServer/BrowserDer „Hybrid-Turbo“ für Speed und SEO.React
    2017TailwindBuild-StepDesign-Kürzel direkt im Code statt CSS-Chaos.CSS
    2023shadcn/uiBuild-StepProfi-Baupläne zum Kopieren und Anpassen.Tailwind


    Die 3 Ären der Webentwicklung (und ihre Problemlösungen)

    Die Geschichte des Internets lässt sich also in drei große Phasen unterteilen. Jede Phase brachte eine Lösung für ein massives Problem der Entwickler.

    1. Die Ära der Handarbeit (1990 – 2005)

    • Technologien: HTML, CSS, Vanilla JavaScript.
    • Das Problem: Websites waren statische Dokumente. Wollte man nur eine kleine Info ändern, musste die gesamte Seite neu geladen werden. Jedes Detail musste mühsam „zu Fuß“ programmiert werden.
    • Der Code von damals (Vanilla JS):

    HTML

    <p id="anzeige">Anzahl: 0</p>
    <button id="klick-mich">Klick mich</button>
    
    <script>
      let count = 0;
      const button = document.getElementById('klick-mich');
      const text = document.getElementById('anzeige');
    
      button.addEventListener('click', function() {
        count = count + 1; 
        text.innerText = "Anzahl: " + count; // Man muss das HTML händisch updaten
      });
    </script>
    

    2. Die Ära der dynamischen Apps (2005 – 2015)

    • Technologien: jQuery, Node.js, React.
    • Das Problem: Bei großen Apps verlor man den Überblick, welcher Befehl gerade was ändert („Spaghetti-Code“).
    • Die Lösung: React führte Komponenten und den „State“ ein. Man beschreibt nur noch, wie die Seite bei bestimmten Daten aussehen soll – React erledigt den Rest.
    • Der moderne Code (React):

    JavaScript

    function ZaehlerApp() {
      const [count, setCount] = React.useState(0);
    
      return (
        <div>
          <p>Anzahl: {count}</p> {/* React aktualisiert den Text automatisch! */}
          <button onClick={() => setCount(count + 1)}>Klick mich</button>
        </div>
      );
    }
    

    3. Die Ära der Effizienz & Design-Systeme (2015 – heute)

    • Technologien: Next.js, Tailwind CSS, shadcn/ui.
    • Das Problem: Design-Management war ein Albtraum und reine Browser-Apps waren oft langsam beim ersten Laden.
    • Die Lösung: Tailwind CSS erlaubt Design direkt am Baustein. shadcn/ui liefert fertige Profi-Komponenten.
    • Der Effizienz-Code (Tailwind CSS):

    JavaScript

    // Profi-Design ohne eine einzige Zeile eigene CSS-Datei
    <button className="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-6 rounded-lg shadow-md transition">
      Klick mich
    </button>
    


    Frameworks vs. Component Libraries: Wer ist der Chef?

    Oft werden diese Begriffe in einen Topf geworfen, aber stell dir den Unterschied wie bei einem Hausbau vor:

    Das Framework (Die Architektur & Statik)

    Beispiele: Next.js, React, Vue, Angular.

    Das Framework ist dein Bauleiter und das Regelsystem. Es gibt vor, wie die Räume verbunden sind, wie die Stromleitungen (Daten) fließen und wie man von einem Zimmer ins andere gelangt (Routing).

    • Das Problem: Ein Framework allein ist oft „nackt“. Es weiß, wie man eine Wand baut, aber es sagt dir nicht, welche Farbe die Tapete hat oder wie der Türgriff aussieht.
    • Die Logik: Es verwaltet das „Gehirn“ deiner Seite.

    Die Component Library (Die Innenausstattung)

    Beispiele: shadcn/ui, MUI, Mantine.

    Die Component Library ist dein hochwertiger Möbelkatalog. Hier bestellst du fertige, wunderschöne Bauteile wie Luxus-Türen, Fenster oder Einbauschränke.

    • Das Problem: Ein Möbelstück allein macht noch kein Haus. Ohne Framework hättest du zwar einen tollen Button, aber er wüsste nicht, was er tun soll, wenn man ihn drückt.
    • Das Design: Sie liefert das „Gesicht“ deiner Seite.

    Warum du in KI-Tools immer beides siehst

    Wenn du Lovable oder bolt.new nutzt, kombinieren diese Tools das Beste aus beiden Welten:

    1. Das Framework (z.B. Next.js) sorgt dafür, dass die Seite schnell lädt und technisch stabil ist.
    2. Die Component Library (z.B. shadcn/ui) sorgt dafür, dass die Buttons, Eingabefelder und Menüs sofort wie von einem Profi-Designer gestaltet aussehen.

    Kurz gesagt: Das Framework ist das Skelett und die Intelligenz, die Component Library ist die Haut und das Outfit. Erst zusammen wird daraus eine moderne Web-App.

    Fazit: Zurück zur Klarheit

    Egal ob eine KI den Code für dich schreibt oder du selbst Hand anlegst: Am Ende spuckt jedes moderne Tool wieder HTML, CSS und JavaScript aus. Der Unterschied ist heute nur, dass wir nicht mehr jedes Zahnrad selbst feilen müssen. Wir sind vom Bauarbeiter zum Architekten geworden, der mit hochintelligenten Modulen wie shadcn/ui arbeitet.

    Tools wie bolt.new nutzen genau diese moderne Kette (Next.js + React + Tailwind), um Ergebnisse zu liefern, die früher Monate an Arbeit gekostet hätten.

    Hast du Fragen zu einer bestimmten Technologie, oder möchtest auch die neuste Technologie nutzen? Buche dir ein kostenloses Erstgespräch.

  • Barrierefreiheitsgesetz 2025: Die Checkliste für deine Website

    Warum eine barrierefreie Website 2025 Pflicht wird

    Ab dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz (BFSG) für viele digitale Angebote in Deutschland. Ziel ist es, die digitale Teilhabe für Menschen mit Behinderungen sicherzustellen. Das betrifft insbesondere Websites, Online-Shops und digitale Dienstleistungen. Unternehmen, die jetzt handeln, vermeiden nicht nur Bußgelder, sondern schaffen Vertrauen und verbessern ihre Reichweite. Eine barrierefreie Website ist ab 2025 kein Nice-to-have mehr, sondern gesetzliche Pflicht für viele Anbieter.

    Die vollständige BFSG-Checkliste für Website-Betreiber

    Mit dieser Checkliste kannst du schnell überprüfen, ob deine Website die gesetzlichen Anforderungen erfüllt. Die Grundlage bilden die Richtlinien der WCAG 2.1 und die Anforderungen laut BFSG.

    Alt-Texte

    • Jedes Bild muss einen sinnvollen Alternativtext („alt“) haben.
    • Der Text soll den Bildinhalt beschreiben, nicht bewerten.
    • Beispiel: Statt „schönes Auto“ besser „weißer SUV, Seitenansicht, parkt vor Autohaus“.

    Kontraste

    Tastaturnavigation

    • Die komplette Website muss ohne Maus bedienbar sein.
    • Fokus-Indikatoren (z. B. Rahmen oder Unterstreichungen beim Tabben) müssen sichtbar sein.

    HTML-Struktur

    • Semantische HTML-Elemente wie <main>, <header>, <nav>, <footer>, <h1> bis <h6> verwenden.
    • Keine verschachtelten h-Tags oder ausgelassenen Hierarchien.
    • Screenreader müssen Inhalte logisch interpretieren können.

    Erklärung zur Barrierefreiheit

    • Pflichtangabe laut BFSG.
    • Muss auf einer eigene Seite oder in einem eigenen Abschnitt vorliegen.
    • Enthalten sein sollten:
      • Stand der Barrierefreiheit
      • bekannte Einschränkungen
      • Kontaktmöglichkeiten für Feedback
      • ggf. Schlichtungsverfahren

    Tools zur Selbstprüfung

    Folgende Tools kannst du nutzen, um deine Website auf Barrierefreiheit zu prüfen:

    Diese Tools helfen dir, Schwachstellen zu identifizieren. Eine professionelle Prüfung durch Experten ersetzt das jedoch nicht.

    Fazit – So helfen wir bei der Umsetzung

    Eine barrierefreie Website ist 2025 für viele Unternehmen Pflicht. Doch schon heute lohnt sich die Umsetzung: Bessere Usability, SEO-Vorteile und rechtliche Sicherheit. Wir unterstützen dich bei der technischen Prüfung, dem Design barrierefreier Elemente und der Umsetzung nach WCAG 2.1.

    Nutze unsere Erfahrung, um deine Website zukunftssicher zu machen – und für alle Menschen zugänglich.


    FAQ

    Wie teste ich meine Website auf Barrierefreiheit?

    Du kannst kostenlose Tools wie den WAVE-Tester (https://wave.webaim.org) oder den BITV-Test (https://www.bitvtest.de) nutzen. Für eine professionelle Einschätzung empfehlen wir eine Kombination aus Tool-Analyse und menschlicher Prüfung.

    Was gehört alles in die Erklärung zur Barrierefreiheit?

    Die Erklärung sollte Angaben enthalten zum Stand der Barrierefreiheit, bekannten Einschränkungen, Kontaktmöglichkeiten sowie ggf. dem Schlichtungsverfahren.

    Gibt es eine Frist für die Umsetzung?

    Ja. Das Barrierefreiheitsstärkungsgesetz tritt zum 28. Juni 2025 in Kraft. Spätestens bis dahin müssen betroffene Unternehmen die Anforderungen umsetzen. Je früher, desto besser.

  • Was muss eine Website laut BFSG beinhalten, um barrierefrei zu sein?

    Barrierefreiheit ist mehr als nur ein Bonus: Sie wird zur Pflicht. Spätestens mit dem Barrierefreiheitsstärkungsgesetz (BFSG) rückt das Thema auch für private Unternehmen in den Fokus. Doch was genau bedeutet „barrierefrei“ im Web? Welche Anforderungen müssen Websites erfüllen? Und wie kann man testen, ob die eigene Seite dazugehört? In diesem Artikel erklären wir praxisnah, was eine Website beinhalten muss, um den gesetzlichen Vorgaben gerecht zu werden.


    Barrierefrei – was bedeutet das im Web?

    Barrierefreiheit im Web bedeutet, dass digitale Inhalte für alle Menschen nutzbar sind – unabhängig von körperlichen, geistigen oder technischen Einschränkungen. Das schließt zum Beispiel ein:

    • Menschen mit Seh- oder Hörbehinderungen
    • Nutzer mit motorischen Einschränkungen
    • Ältere Menschen mit nachlassenden Sinnesfähigkeiten
    • Personen, die assistive Technologien wie Screenreader nutzen

    Eine barrierefreie Website ist so aufgebaut, dass Inhalte klar strukturiert, mit Hilfsmitteln zugänglich und für alle verständlich sind.


    WCAG 2.1: Die vier Grundprinzipien

    Die Grundlage für barrierefreies Webdesign bilden die Web Content Accessibility Guidelines (WCAG) 2.1. Diese sind international anerkannt und bilden die Basis für die europäische Norm EN 301 549, auf die sich das BFSG stützt.

    Die WCAG 2.1 definieren vier Prinzipien:

    1. Wahrnehmbar: Inhalte müssen so dargestellt werden, dass Nutzer sie mit verschiedenen Sinnen erfassen können (z. B. Alternativtexte für Bilder).
    2. Bedienbar: Die Seite muss ohne Maus steuerbar sein, z. B. per Tastatur oder Spracheingabe.
    3. Verständlich: Inhalte sollen klar und einfach formuliert sein. Die Navigation muss konsistent funktionieren.
    4. Robust: Inhalte müssen mit gängigen Browsern und assistiven Technologien kompatibel sein.

    Mehr dazu: https://www.w3.org/WAI/WCAG21/quickref/


    Technische & gestalterische Anforderungen (mit Beispielen)

    Eine barrierefreie Website nach BFSG muss u. a. folgende Punkte erfüllen:

    • Texte und Struktur: Klare Überschriftenstruktur (H1 bis H6), keine rein visuellen Hinweise (z. B. „grüner Button“)
    • Bilder: Müssen mit beschreibenden Alternativtexten (Alt-Tags) versehen sein
    • Kontraste: Ausreichend hohe Farbkontraste zwischen Text und Hintergrund
    • Navigation: Muss per Tastatur bedienbar und logisch aufgebaut sein
    • Formulare: Labels, Fehlermeldungen und Hilfetexte müssen vorhanden sein
    • Videos: Sollten Untertitel oder Audiodeskriptionen enthalten
    • Sprache: Leichte Sprache oder zumindest einfache, klare Formulierungen

    Beispiel für gute Umsetzung: https://www.aktion-mensch.de/inklusion/barrierefreiheit/barrierefreie-website


    Tools & Tests zur Barrierefreiheit (WAVE, BITV-Test)

    Wer unsicher ist, ob die eigene Website barrierefrei ist, kann folgende Tools nutzen:

    • WAVE Web Accessibility Evaluation Tool: Zeigt Probleme bei Struktur, Alternativtexten und Kontrast auf. https://wave.webaim.org/
    • BITV-Test: Deutscher Test auf Grundlage der Barrierefreie-Informationstechnik-Verordnung. https://testen.bitv-test.de/
    • Lighthouse von Google: Bietet in Chrome einen einfachen Barrierefreiheits-Check

    Diese Tools sind ein erster Schritt. Eine fundierte Prüfung durch Experten bleibt aber unverzichtbar.


    Fazit – So setzen wir barrierefreie Seiten um

    Barrierefreiheit ist kein Extra mehr – sie wird gesetzlich gefordert. Eine barrierefreie Website ist benutzerfreundlicher, zukunftssicher und rechtlich auf der sicheren Seite. Unsere Agentur unterstützt dich ganzheitlich:

    • Beratung & Analyse: Wir prüfen deine Website auf Barrieren
    • Webdesign nach WCAG 2.1: Nutzerfreundlich, rechtssicher, professionell
    • Umsetzung & Pflege: Technisch sauber, DSGVO-konform, wartbar

    Du willst wissen, wie barrierefrei deine Website ist? Melde dich jetzt für eine kostenfreie Ersteinschätzung.


    Häufig gestellte Fragen (FAQ)

    Was bedeutet WCAG 2.1?
    WCAG 2.1 sind internationale Richtlinien zur Barrierefreiheit von Webseiten. Sie definieren, wie Inhalte wahrnehmbar, bedienbar, verständlich und robust gestaltet sein müssen.

    Welche Anforderungen gelten für barrierefreie Websites?
    Unter anderem müssen Texte klar strukturiert, Bilder mit Alternativtexten versehen, Kontraste ausreichend hoch und die Navigation per Tastatur möglich sein.

    Gibt es Tools, um meine Website zu prüfen?
    Ja. WAVE (https://wave.webaim.org/), BITV-Test (https://testen.bitv-test.de/) und Google Lighthouse helfen dir bei der ersten Analyse.

  • Wer muss das Barrierefreiheitsstärkungsgesetz umsetzen – und was droht bei Verstoß?

    Viele Unternehmen mit digitalen Angeboten fragen sich: Wer muss das Barrierefreiheitsstärkungsgesetz umsetzen und was passiert, wenn wir es nicht tun? Mit dem Inkrafttreten des BFSG am 28. Juni 2025 entstehen klare rechtliche Pflichten – insbesondere für Website-Verantwortliche, Online-Dienstleister und Softwareanbieter. Wer nicht rechtzeitig reagiert, riskiert Bußgelder, Imageschäden und rechtliche Konsequenzen. In diesem Artikel erklären wir, wen das Gesetz betrifft, welche Strafen drohen und wie Sie sich jetzt absichern können.


    Wer ist laut BFSG zur Umsetzung verpflichtet?

    Das Barrierefreiheitsstärkungsgesetz gilt für alle Unternehmen, die digitale Produkte oder Dienstleistungen für Verbraucher:innen anbieten. Dazu zählen:

    • Betreiber von Websites, Online-Shops und Apps
    • Anbieter digitaler Vertragsabschlüsse (z. B. Versicherungen, Banken, Reiseportale)
    • Softwareunternehmen mit B2C-Produkten
    • Agenturen, die digitale Lösungen bereitstellen

    Ausnahme: Kleinstunternehmen mit weniger als 10 Mitarbeitenden und unter 2 Mio. € Jahresumsatz sind formal ausgenommen – aber oft dennoch indirekt betroffen, z. B. bei Ausschreibungen oder Agenturpflichten.

    Prüfen Sie mit dem Tool unseres Partners eRecht24, ob Ihr Unternehmen bis zum 28. Juni 2025 zur Umsetzung der Barrierefreiheitsanforderungen verpflichtet ist:

    Jetzt Prüfen: ???? https://www.e-recht24.de/barrierefreiheit.html


    Welche Konsequenzen drohen bei Nichteinhaltung?

    Unternehmen, die das BFSG ignorieren oder verspätet umsetzen, riskieren:

    • Bußgelder laut BFSG von bis zu 100.000 €
    • Abmahnungen durch Wettbewerber oder Interessenverbände
    • Vertragsverluste, wenn Auftraggeber Barrierefreiheit fordern
    • Imageschäden durch negative Presse oder Nutzerbeschwerden

    Die zuständigen Überwachungsbehörden (z. B. Marktaufsichtsbehörden) können gezielt prüfen und Verstöße sanktionieren.


    Was bedeutet das konkret für Unternehmen?

    Wenn Sie eine Website, App oder digitale Anwendung bereitstellen, müssen Sie sicherstellen, dass diese barrierefrei ist. Dazu gehören unter anderem:

    • Lesbarkeit durch Screenreader
    • Bedienbarkeit ohne Maus (z. B. Tastaturnavigation)
    • Kontraste, Schriftgröße und Zoom-Funktion
    • Alternativtexte für Bilder
    • Untertitel oder Audiodeskriptionen für Videos

    Die Anforderungen orientieren sich an den WCAG-Richtlinien (mindestens Level AA).


    So vermeiden Sie Abmahnungen & Bußgelder

    1. Prüfen Sie Ihre aktuelle Website auf Barrierefreiheit (z. B. per Audit)
    2. Lassen Sie sich beraten, welche Anpassungen notwendig sind
    3. Arbeiten Sie mit Profis, die Erfahrung mit WCAG-konformen Umsetzungen haben
    4. Planen Sie frühzeitig: Die Umsetzung kann je nach Umfang mehrere Wochen dauern
    5. Dokumentieren Sie die Umstellung, um Nachweise im Fall einer Prüfung vorlegen zu können

    Tipp: Eine barrierefreie Website bietet nicht nur rechtliche Sicherheit, sondern ist auch SEO-freundlicher, benutzerfreundlicher und besser für alle zugänglich.


    Fazit – Jetzt sicher handeln

    Das Barrierefreiheitsgesetz ist keine Empfehlung, sondern ab 2025 verpflichtend. Wer die Umsetzung aufschiebt, riskiert Bußgelder, Abmahnungen und Wettbewerbsnachteile.

    Unser Rat: Jetzt prüfen, planen und mit einem erfahrenen Partner umsetzen. So sichern Sie sich nicht nur rechtlich ab, sondern verbessern Ihre Website für alle Nutzergruppen.


    Häufig gestellte Fragen (FAQ)

    Welche Unternehmen müssen das BFSG beachten?
    Alle Unternehmen, die digitale Produkte oder Services für Verbraucher anbieten – z. B. Online-Shops, Banken, Plattformen, Agenturen.

    Welche Strafen drohen?
    Bei Verstoß drohen Bußgelder bis zu 100.000 €, Abmahnungen und Reputationsverluste.

    Was gilt als barrierefrei?
    Eine Website gilt als barrierefrei, wenn sie den Anforderungen der WCAG (Level AA) entspricht – z. B. lesbar, navigierbar und für alle zugänglich ist.

  • Ab wann gilt das Barrierefreiheitsstärkungsgesetz (BFSG) – und für wen?

    Viele Unternehmen stellen sich aktuell die Frage: Ab wann gilt das Barrierefreiheitsstärkungsgesetz und betrifft es auch mein Unternehmen? Spätestens mit dem Stichtag 28. Juni 2025 treten neue Pflichten für digitale Produkte und Dienstleistungen in Kraft. Unternehmen, die rechtzeitig handeln, vermeiden nicht nur rechtliche Risiken, sondern verbessern auch die Nutzbarkeit ihrer digitalen Angebote. In diesem Beitrag erfährst du, ab wann das Barrierefreiheitsstärkungsgesetz gilt, wer betroffen ist und welche Ausnahmen bestehen. Ziel ist es, dich frühzeitig zu sensibilisieren und zu zeigen, wie du dein digitales Angebot barrierefrei machst.


    Ab wann gilt das BFSG?

    Das Barrierefreiheitsstärkungsgesetz (BFSG) tritt am 28. Juni 2025 in Kraft. Ab diesem Stichtag müssen viele digitale Produkte und Dienstleistungen barrierefrei gestaltet sein. Grundlage dafür ist die EU-Richtlinie 2019/882 (European Accessibility Act), die in nationales Recht umgesetzt wurde.

    Die gesetzliche Grundlage gilt ab dem Tag für alle neu bereitgestellten digitalen Dienste, die unter das BFSG fallen. Bestehende Produkte müssen teilweise bis zu einem bestimmten Zeitpunkt angepasst werden – dazu mehr im Abschnitt „Übergangsfristen“.


    Für welche Unternehmen gilt das Gesetz?

    Das Gesetz richtet sich an alle Unternehmen, die digitale Produkte oder Dienstleistungen für Endverbraucher:innen anbieten. Dazu zählen zum Beispiel:

    • Online-Shops und Buchungsplattformen
    • Banken, Versicherungen, Mobilitätsanbieter
    • Softwareanbieter mit B2C-Angeboten
    • Agenturen und Website-Betreiber, die digitale Inhalte bereitstellen

    Wichtig: Es spielt keine Rolle, ob es sich um eine rein digitale Plattform oder ein hybrides Geschäftsmodell handelt. Entscheidend ist, ob Endkund:innen digitale Funktionen nutzen.


    Welche Ausnahmen gibt es (Kleinstunternehmen)?

    Kleinstunternehmen sind laut Definition ausgenommen, wenn sie:

    • weniger als 10 Mitarbeitende haben und
    • weniger als 2 Millionen Euro Jahresumsatz erwirtschaften.

    Diese Unternehmen müssen das BFSG rechtlich nicht umsetzen. Dennoch kann es aus unternehmerischer Sicht sinnvoll sein, sich freiwillig an den Standards zu orientieren – z. B. aus Gründen der Benutzerfreundlichkeit, für ältere Zielgruppen oder zur Suchmaschinenoptimierung (SEO).


    Übergangsfristen – was ist zu beachten?

    • Stichtag: 28. Juni 2025
    • Neuprodukte oder neue Websites müssen ab diesem Tag barrierefrei sein.
    • Bestehende Produkte dürfen noch bis zum Ablauf ihrer Nutzungsdauer betrieben werden, sofern keine wesentlichen Änderungen vorgenommen werden.
    • Wer bestehende Websites oder Apps inhaltlich oder technisch überarbeitet, sollte die Anforderungen direkt berücksichtigen.

    Wichtig: Die Barrierefreiheit ist kein einmaliger Zustand, sondern muss dauerhaft sichergestellt und überprüft werden.


    Fazit – Frühzeitig vorbereiten lohnt sich

    Das Barrierefreiheitsgesetz betrifft viele Unternehmen, die digitale Lösungen anbieten. Wer sich rechtzeitig vorbereitet, kann Aufwand und Kosten gezielt planen – statt kurzfristig unter Druck zu geraten. Zudem bieten barrierefreie Websites eine bessere Usability, stärken die Marke und steigern die Reichweite über Google.

    Empfehlung: Jetzt prüfen, ob dein Unternehmen betroffen ist. Bei neuen Webprojekten unbedingt auf barrierefreie Umsetzung achten – oder uns direkt kontaktieren, wenn du dabei Unterstützung brauchst.


    Häufig gestellte Fragen (FAQ)

    Wann tritt das BFSG in Kraft?
    Am 28. Juni 2025 – ab diesem Datum gelten die gesetzlichen Anforderungen für neue digitale Produkte und Dienstleistungen.

    Gilt das Gesetz auch für kleine Unternehmen?
    Nur bedingt. Kleinstunternehmen mit weniger als 10 Mitarbeitenden und unter 2 Mio. Euro Jahresumsatz sind ausgenommen.

    Was passiert, wenn man es ignoriert?
    Es drohen rechtliche Konsequenzen, Bußgelder und Reputationsverluste. Zudem verlieren Unternehmen Nutzer, die auf barrierefreie Angebote angewiesen sind.

  • Was ist das Barrierefreiheitsstärkungsgesetz (BFSG)? Einfach erklärt

    Barrierefreiheit wird 2025 für viele Unternehmen in Deutschland verpflichtend. Das liegt am neuen Barrierefreiheitsstärkungsgesetz (BFSG), das am 22. Juli 2021 im Bundesgesetzblatt veröffentlicht wurde. Doch was ist das Barrierefreiheitsstärkungsgesetz genau, wen betrifft es und welche Anforderungen kommen konkret auf Website-Betreiber und Online-Dienstleister zu? In diesem Artikel erklären wir das Thema klar, praxisnah und ohne Juristendeutsch. Ob Agentur, KMU oder Shop-Betreiber: Wer sich jetzt informiert, spart später viel Stress und Kosten.

    Deckblatt des Gesetzes zur Umsetzung der EU-Richtlinie 2019/882 über Barrierefreiheitsanforderungen für Produkte und Dienstleistungen (Barrierefreiheitsstärkungsgesetz – BFSG), veröffentlicht vom Bundestag am 16. Juli 2021. Das Dokument enthält eine Gliederung der Abschnitte und Paragraphen, darunter Anforderungen an Barrierefreiheit, Pflichten von Herstellern, CE-Kennzeichnung und Marktüberwachung.

    Was steckt hinter dem Barrierefreiheitsstärkungsgesetz?

    Das Barrierefreiheitsstärkungsgesetz (BFSG) ist ein deutsches Gesetz, das auf Grundlage der EU-Richtlinie 2019/882 eingeführt wurde. Ziel ist es, digitale Produkte und Dienstleistungen für alle Menschen zugänglich zu machen – insbesondere für Menschen mit Behinderungen. Es tritt am 28. Juni 2025 in Kraft und betrifft unter anderem Websites, Apps, Online-Shops und E-Book-Plattformen.


    Warum wurde das BFSG eingeführt?

    Europaweit nutzen immer mehr Menschen digitale Angebote. Gleichzeitig ist ein großer Teil dieser Inhalte für Menschen mit Einschränkungen schwer oder gar nicht nutzbar. Die EU will das ändern: Mit der Richtlinie 2019/882 „European Accessibility Act“ wurde ein Rahmen geschaffen, um digitale Barrieren abzubauen. Das BFSG übersetzt diese Vorgaben ins deutsche Recht und sorgt für einheitliche Standards.


    Was regelt das BFSG konkret?

    Das Gesetz legt fest, dass digitale Produkte und Dienstleistungen barrierefrei gestaltet sein müssen. Dazu gehören u. a.:

    • Websites und Online-Shops
    • Mobile Apps
    • E-Book-Reader & Lesesoftware
    • Selbstbedienungsterminals (z. B. Fahrkartenautomaten)

    Konkret bedeutet das:

    • Inhalte müssen mit Screenreadern lesbar sein
    • Kontraste und Schriftgrößen müssen anpassbar sein
    • Inhalte dürfen nicht allein über Farben vermittelt werden
    • Videos benötigen Untertitel oder Audiodeskriptionen

    Die technischen Anforderungen orientieren sich an den internationalen WCAG-Standards (Web Content Accessibility Guidelines) – mindestens Stufe AA.


    Welche Unternehmen sind betroffen?

    Das BFSG betrifft alle privaten Unternehmen, die digitale Dienstleistungen oder Produkte für Verbraucher:innen anbieten. Dazu zählen unter anderem:

    • Online-Shops und Dienstleister mit Buchungssystemen
    • Banken, Versicherungen, Reiseportale
    • Agenturen und Webentwickler, die digitale Lösungen vertreiben
    • Softwareanbieter mit Endkundenfokus

    Kleinstunternehmen mit weniger als 10 Mitarbeitenden und unter 2 Mio. Euro Jahresumsatz sind ausgenommen – dennoch kann es sinnvoll sein, frühzeitig barrierefrei zu gestalten (Stichwort: Usability & SEO).


    Fazit – Jetzt handeln statt abwarten

    Das Barrierefreiheitsgesetz Deutschland wird für viele zur Pflicht. Wer frühzeitig handelt, hat einen klaren Wettbewerbsvorteil: Barrierefreie Websites sind nicht nur gesetzeskonform, sondern auch benutzerfreundlicher, performanter und besser auffindbar bei Google.

    Empfehlung: Wer eine neue Website plant oder bestehende Inhalte überarbeitet, sollte das Thema gesetz barrierefreie Website direkt mitdenken – idealerweise gemeinsam mit einer Agentur, die WCAG-Erfahrung mitbringt.


    Häufig gestellte Fragen (FAQ)

    Was ist das Barrierefreiheitsstärkungsgesetz?
    Das BFSG ist ein deutsches Gesetz, das digitale Produkte und Dienstleistungen ab Juni 2025 barrierefrei vorschreibt.

    Was bedeutet BFSG?
    BFSG steht für Barrierefreiheitsstärkungsgesetz. Es überträgt die europäische Richtlinie 2019/882 ins deutsche Recht.

    Was fordert die EU-Richtlinie 2019/882?
    Sie fordert, dass digitale Inhalte und Dienste in der EU für alle Menschen zugänglich sein müssen – insbesondere für Menschen mit Behinderung.

    Ist meine Website betroffen?
    Wenn du digitale Produkte oder Services für Verbraucher anbietest und kein Kleinstunternehmen bist, dann ja. Spätestens ab Juni 2025 musst du barrierefrei sein.

  • Was ist besser: mobile.de oder AutoScout24? – Vergleich für Autohändler 2025

    In Zeiten zunehmender Digitalisierung stellt sich für viele Autohaus-Inhaber die Frage: „mobile.de oder AutoScout24 – welche Plattform bringt mir mehr Umsatz?“ Gerade 2025, wo Margen sinken und der Wettbewerb online weiter steigt, ist die Wahl der richtigen Verkaufsplattform für Händler entscheidend.

    In diesem Beitrag vergleichen wir die beiden größten Anbieter, zeigen praxisnahe Unterschiede auf und geben konkrete Empfehlungen – inklusive Alternativen wie einer eigenen Autohaus-Website.

    „Umsatzziel wurde gesprengt und meine Kosten haben sich halbiert“

    – Karl Geiger, Geschäftsführer Geigercars.de

    Relevante Vergleichspunkte

    Reichweite

    Beide Plattformen gehören zu den reichweitenstärksten Fahrzeugbörsen in Deutschland. Laut aktuellen Zahlen liegt mobile.de bei den monatlichen Besuchern leicht vorn, insbesondere im Bereich Gebrauchtwagen. AutoScout24 hingegen ist im europäischen Ausland etwas stärker positioniert, was für Grenznähe relevant sein kann.

    Kosten

    Die Kostenstruktur ist für viele Autohäuser ein entscheidender Faktor. Beide Plattformen setzen auf Paketpreise. In vielen Fällen ist AutoScout24 günstiger als mobile.de, bietet dafür aber etwas weniger Sichtbarkeit. Händler sollten die Klickpreise, Paketoptionen und Zusatzkosten für Premium-Anzeigen genau vergleichen.

    Zielgruppe

    mobile.de spricht verstärkt den klassischen Gebrauchtwagenkunden an, während AutoScout24 im Premium- und Neuwagenbereich an Relevanz gewonnen hat. Wer viele Leasingrüchläufer oder exklusive Fahrzeuge anbietet, sollte beide Plattformen testen.

    Bedienung & Inserieren

    Beide Anbieter bieten intuitive Oberflächen und Schnittstellen für Händler-Tools. Dennoch berichten viele Nutzer, dass das Inserieren auf AutoScout24 schneller geht. Wichtig: Fahrzeuge richtig inserieren ist entscheidend für gute Rankings auf der Plattform selbst.

    Wann sich welche Plattform lohnt

    mobile.de lohnt sich besonders, wenn:

    • hohe Sichtbarkeit im deutschen Raum gewünscht ist
    • viele Standardmodelle oder Volumenfahrzeuge verkauft werden
    • Budget für Premiumanzeigen vorhanden ist

    AutoScout24 ist oft sinnvoller, wenn:

    • gezielt hochwertige oder spezielle Fahrzeuge angeboten werden
    • internationale Kunden angesprochen werden sollen
    • das Budget etwas enger ist und Effizienz zählt

    In der Praxis fahren viele Autohäuser am besten, wenn sie beide Plattformen kombinieren und die Performance überwachen.

    Warum eine eigene Website eine sinnvolle Ergänzung ist

    So stark die Reichweite von mobile.de und AutoScout24 auch ist: Sie bleiben externe Plattformen. Als Autohaus bauen Sie dort keine eigene Marke auf und zahlen für jeden Lead mit. Eine eigene Autohaus Website schafft Unabhängigkeit, Vertrauen und bessere Margen.

    Vorteile von Plugin-Lösungen wie AutoConnect24

    • Fahrzeuge werden automatisch von mobile.de & Co. übernommen
    • Ihre Website bleibt immer aktuell
    • Eigene Detailseiten sorgen für mehr Vertrauen
    • Google-Indexierung steigert die Sichtbarkeit
    • Leads laufen direkt über Ihr Kontaktformular oder WhatsApp

    Besonders in Kombination mit Google Vehicle Ads wird Ihre Website zur leistungsstarken Verkaufsmaschine.

    Fazit mit Handlungsempfehlung

    Beide Plattformen haben 2025 ihre Daseinsberechtigung – entscheidend ist die Strategie dahinter. Nutzen Sie mobile.de oder AutoScout24 je nach Fahrzeugbestand und Zielgruppe gezielt aus. Noch besser: Kombinieren Sie beide mit einer eigenen Website, um Ihre Marke zu stärken und langfristig unabhängiger zu verkaufen.

    Wenn Sie wissen möchten, wie Sie Fahrzeuge auf Ihrer Website perfekt integrieren und gleichzeitig Leads generieren, sprechen Sie uns an – wir unterstützen Sie gerne bei Ihrem Autohaus-Marketing.

    Häufig gestellte Fragen (FAQ)

    Welche Plattform eignet sich am besten für den Autoverkauf?

    Das kommt auf Fahrzeugtyp, Zielgruppe und Budget an. mobile.de bietet mehr Reichweite, AutoScout24 punktet mit günstigerem Preis-Leistungs-Verhältnis.

    Was ist besser, mobile.de oder AutoScout24?

    Es gibt kein „besser“ im Allgemeinen. Wer viel Standard verkauft, ist bei mobile.de gut aufgehoben. Wer selektiv verkauft oder sparen möchte, testet AutoScout24.

    Wo verkaufen Händler am meisten Autos?

    Statistisch über mobile.de. Doch die besten Margen erzielen viele über ihre eigene Website mit Google-Werbung und klarem Auftritt.

    Wie kann ich meine Fahrzeuge richtig inserieren?

    Achten Sie auf professionelle Bilder, vollständige Angaben und eine klare Struktur. Tools wie AutoConnect24 erleichtern das erheblich.

    Warum ist eine eigene Autohaus-Website wichtig?

    Sie stärkt Ihre Marke, generiert direkte Leads und macht Sie unabhängiger von steigenden Plattform-Kosten.


  • So kalkulieren Autohäuser ihre Marge – Einblick in den Fahrzeugverkauf

    Was verdient ein Autohaus eigentlich an einem Fahrzeug? Diese Frage stellen sich nicht nur Kunden, sondern auch viele kleinere Autohäuser, die ihre Prozesse und Gewinne besser verstehen wollen. Die Antwort hängt von vielen Faktoren ab: Einkaufspreis, Standort, Zusatzgeschäfte und digitale Vertriebskanäle. In diesem Beitrag geben wir dir einen klaren Einblick, wie die Marge im Autohaus entsteht, wie du den Gewinn pro Fahrzeug besser kalkulieren kannst und wie du über Online-Marketing und die eigene Website deutlich mehr herausholen kannst.


    Wie funktioniert die Marge im Fahrzeughandel?

    Die Marge im Autohandel ergibt sich aus der Differenz zwischen Einkaufspreis und Verkaufspreis abzüglich aller Kosten. Klingt einfach, ist in der Praxis jedoch komplexer.

    Beispielrechnung:

    • Einkaufspreis eines Gebrauchtwagens: 12.000 €
    • Verkaufspreis: 14.500 €
    • Bruttomarge: 2.500 €

    Davon abzuziehen sind:

    • Aufbereitung: 300 €
    • Inseratskosten (z. B. mobile.de): 100 €
    • Standtage (z. B. 30 Tage à 15 €): 450 €
    • Vertriebskosten & Provision: 300 €

    Reingewinn: ca. 1.350 € pro Fahrzeug


    Faktoren, die die Marge beeinflussen

    Fahrzeugart & Zustand

    • Neuwagen vs. Gebrauchtwagen: Die Marge bei Gebrauchtwagen ist oft höher, aber schwankt stärker.
    • Premiumfahrzeuge haben höhere Margen, aber auch längere Standzeiten.

    Nachfrage & Standort

    • Starke Modelle (z. B. VW Golf, BMW 3er) lassen sich schneller drehen.
    • In Ballungsräumen sind die Verkaufspreise oft höher.

    Zusatzgeschäfte

    • Finanzierung & Leasing: Vermittlungsprovisionen bis 500 €/Fahrzeug
    • Garantieverlängerung: Margen bis 25 %
    • Inzahlungnahme: Ermöglicht zusätzliche Gewinne durch Weiterverkauf

    Was Händler oft übersehen: versteckte Kosten & Chancen

    Inseratskosten

    Plattformen wie mobile.de oder AutoScout24 verursachen teils hohe monatliche Kosten. Ohne Erfolgskontrolle schrumpft die Marge unbemerkt.

    Standtage

    Jedes Fahrzeug auf dem Hof kostet Geld. Lange Standzeiten fressen die Marge – je effizienter der Verkauf, desto höher der Gewinn.

    Unzureichende Vertriebskanäle

    Viele Autohäuser nutzen nur klassische Plattformen. Dabei bieten Google Ads, Vehicle Ads und die eigene Website enorme Potenziale.


    Wie eine gute Website & Online-Marketing die Marge erhöhen können

    Eine moderne Autohaus Website kann Verkaufsprozesse digitalisieren, Leads direkt generieren und den Autoverkauf gewinnbringend unterstützen.

    Beispiel: Autohaus mit eigener Website + Google Vehicle Ads

    • Fahrzeuge automatisch von mobile.de übernommen (AutoConnect24)
    • Direktanfragen über WhatsApp oder Kontaktformular
    • Google Vehicle Ads: Qualifizierte Leads zu niedrigeren Kosten
    • Weniger Abhängigkeit von Plattformen = mehr Kontrolle & Marge

    Ergebnis: Mehr Gewinn pro Fahrzeug trotz gleicher Verkaufspreise.


    Fazit & Empfehlung

    Die Marge im Fahrzeughandel ist mehr als nur der Unterschied zwischen An- und Verkauf. Wer seine Kennzahlen kennt, alle Kosten realistisch kalkuliert und digitale Kanäle clever nutzt, kann seinen Gewinn deutlich steigern. Eine eigene Website mit Fahrzeugintegration und Google Vehicle Ads ist für viele Autohäuser der entscheidende Hebel zur Margensteigerung.

    Tipp: Analysiere deine Standtage, Inseratskosten und generierten Leads – und vergleiche, wie viel du über deine eigene Website verdienen könntest.


    Häufig gestellte Fragen (FAQ)

    Wie viel verdient ein Händler an einem Auto?
    Je nach Modell, Zustand und Verkaufsprozess liegt der Gewinn bei 800 – 2.000 € pro Fahrzeug.

    Was ist die durchschnittliche Gewinnspanne beim Autoverkauf?
    Die durchschnittliche Autohaus Marge liegt bei Gebrauchtwagen zwischen 10 und 20 %, bei Neuwagen oft darunter.

    Wie berechnet man die Marge bei Gebrauchtwagen?
    Verkaufspreis minus Einkaufspreis minus Nebenkosten ergibt den Reingewinn. Beispiel: 14.500 € – 12.000 € – 1.150 € = 1.350 €.

    Was verdient ein selbstständiger Autohändler pro Fahrzeug?
    Je nach Strategie und Fixkosten zwischen 500 € und 2.000 €. Digitale Prozesse erhöhen die Gewinnspanne deutlich.

    Wie kann man den Gewinn im Autohandel steigern?
    Durch optimierte Einkaufspreise, verkaufsstarke Website, Google Ads, günstigere Inserate und schnellere Verkaufsprozesse.

    Schreibe etwas…