| </td>
<td>Überschrift im Browser-Tab und Suchergebnissen</td>
<td>Wichtigster Ranking-Faktor für eine Seite</td>
</tr>
<tr>
<td><meta name="description"></td>
<td>Meta Description der Seite</td>
<td>Erhöht die CTR in Suchergebnissen</td>
</tr>
<tr>
<td>
<h1>,</p>
</div>
</div>
<div id="block9" class="blog-block">
<h2>
,<h3></td><td>Überschriftenhierarchie</td><td>Strukturiert Inhalte für Crawler und Nutzer</td></tr><tr><td><img alt="..."></td><td>Alternative Bildbeschreibung</td><td>Sorgt für Barrierefreiheit, hilft im Bilder-SEO</td></tr></table><h3>Praktische Tipps zur Implementierung</h3><p>Die Syntax dieser Tags ist einfach, ihre korrekte Anwendung erfordert aber etwas Sorgfalt. So sollte jede Seite exakt eine<code><h1></code>besitzen. Meta Descriptions gehören individuell ausgefüllt, jedes Bild benötigt einen beschreibenden Alt-Text. Am besten gibt man Suchmaschinen so viele relevante Informationen wie möglich weiter, ohne dabei den Nutzer aus dem Blick zu verlieren. Wie Ihnen die Optimierung gelingen kann, zeigt zum Beispiel unser Beitrag zu<a href="https://brumm-digital.de/seo-freundlicher-content-erstellen/">SEO freundlichen Content erstellen der gut rankt</a>.</p><h2>Barrierefreies Webdesign durch HTML </h2>
</div>
<div id="block10" class="blog-block">
<h3>
Die Rolle von HTML bei der Schaffung barrierefreier Websites </h3>
<div class="content">
<p>HTML ist ein zentraler Baustein für barrierefreies, inklusives<a href=" https://brumm-digital.de/wordpress-webdesign/ "> webdesign </a>. Gerade Menschen mit Einschränkungen, die sich auf Screenreader oder Tastatur-Navigation verlassen, profitieren von sauberem, semantischem HTML.</p>
<p>Der Title-Tag hat dabei eine besondere Funktion: Er hilft Screenreadern, Seiten korrekt auszugeben, sodass zum Beispiel blinde Nutzerinnen und Nutzer schnell erkennen, welchen Inhalt eine Seite bietet. Aber auch andere strukturierende Elemente wie Überschriften, Listen und Landmark-Elemente (wie<code><main></code>oder<code></p>
<nav></code>) verbessern die Orientierung auf einer Website erheblich.</p>
</div>
</div>
<div id="block11" class="blog-block">
<h3>
Technische Einbindung und Herausforderungen </h3>
<div class="content">
<p>Ein barrierefreies Webdesign benötigt neben sauberem HTML auch regelmäßige Überprüfungen und technische Sorgfalt. Hilfreiche Hinweise liefert unsere<a href="https://brumm-digital.de/barrierefreiheit-test-checkliste-2025/">Barrierefreiheit Test Checkliste für Ihre Website</a>. Zu den wichtigsten Best Practices gehören:</p>
<ol>
<li>Verwendung semantisch korrekter HTML-Tags – keine Überschriften als rein optisches Stilmittel nutzen.</li>
<li>Alle Bilder mit aussagekräftigen Alt-Texten versehen.</li>
<li>Formularfelder mit Labels versehen und Tastaturnavigation sicherstellen.</li>
<li>Einfache Sprache, klare Struktur und ausreichende Kontraste berücksichtigen.</li>
</ol>
<p>Weitere Hintergründe zur technischen Umsetzung und zur Bedeutung der Barrierefreiheit liefert der Beitrag:<a href="https://brumm-digital.de/wcag-wichtigkeit-website/">Was ist WCAG und warum ist die Wichtigkeit für Ihre Website</a>.</p>
</div>
</div>
<div id="block12" class="blog-block">
<h2>
Optimierung von SEO-Elementen: Von Keywords bis Click-Through-Rates </h2>
</div>
<div id="block13" class="blog-block">
<h3>
Die Kunst der Auswahl von Keywords für den Title und andere Tags </h3>
<div class="content">
<p>Die Keyword-Strategie ist entscheidend für den SEO-Erfolg jedes HTML-Tags. Eine gelungene Auswahl von Begriffen sollte sowohl aus den Haupt-Keywords als auch aus relevanten Long-Tail-Begriffen bestehen. Dabei sind insbesondere folgende Strategien hilfreich:</p>
<ul>
<li>Fokus auf Suchintention: Was erwartet der Nutzer wirklich auf der Seite?</li>
<li>Gezielte Integration von geografischen Angaben (z. B. „Webdesign Agentur Berlin“) zur lokalen SEO-Optimierung.</li>
<li>Berücksichtigung der Marke, um das Vertrauen in das Suchergebnis zu stärken.</li>
</ul>
<p>Mehr zum Nutzen längerer, spezifischer Suchbegriffe gibt es im Beitrag<a href="https://brumm-digital.de/long-tail-keywords-nutzen/">Long-Tail Keywords nutzen für mehr Traffic und Sichtbarkeit</a>.</p>
</div>
</div>
<div id="block14" class="blog-block">
<h3>
Fehlerquellen bei der Erstellung von Title-Tags und deren Lösungen </h3>
<div class="content">
<p>Viele Websites verschenken SEO-Potenzial durch vermeidbare Fehler im Title-Tag, darunter:</p>
<ol>
<li>Zu lange oder zu kurze Titles (werden abgeschnitten oder übersehen).</li>
<li>Doppelte Titel-Tags auf verschiedenen Seiten (Duplicate Content).</li>
<li>Title-Tags ohne klare Aussage oder ohne relevantes Keyword.</li>
</ol>
<p>Lösung: Title individuell, prägnant und mit Suchbegriffen ausstatten – aber natürlich lesbar halten. Einige Beispiele gelungener Titles sind:</p>
<ul>
<li>Webdesign Agentur München – Kreative Lösungen für Ihren Online-Auftritt</li>
<li>SEO Tipps für Einsteiger – Ihre Website auf Platz 1 bringen</li>
<li>Barrierefreie Websites erstellen – Schritt-für-Schritt-Anleitung</li>
</ul>
<p>Welcher Stil funktioniert, hängt aber stets von Zielgruppe und Thema ab. Experimentieren Sie, testen Sie verschiedene Varianten – auch mit Hilfe von Tools zur Überprüfung (siehe Anhang).</p>
</div>
</div>
<div id="block15" class="blog-block">
<h2>
Die Beziehung zwischen HTML und Nutzerverhalten </h2>
</div>
<div id="block16" class="blog-block">
<h3>
Nutzerorientierte Gestaltung der Website-Struktur </h3>
<div class="content">
<p>HTML ermöglicht es, Inhalte logisch zu strukturieren und die Navigation durch eine Website intuitiv zu halten. Eine klare Überschriftenstruktur (z. B. H1–H3), sinnvoll eingesetzte Listen, Zwischenüberschriften und Absätze fördern das schnelle Erfassen von Informationen.</p>
<p>Eine saubere HTML-Struktur unterstützt die Erstellung einer internen Linkstruktur, was die Verweildauer erhöht und Google hilft, Seiten besser zu interpretieren. Wie Sie interne Links gezielt einsetzen, um Ihre Inhalte zu verbinden, zeigt dieser Artikel:<a href="https://brumm-digital.de/interne-verlinkung-content-creator/">Interne Verlinkung für Content Creator effektiv nutzen</a>.</p>
</div>
</div>
<div id="block17" class="blog-block">
<h3>
Auswirkungen von HTML auf das Nutzerverhalten und die Conversion-Rate </h3>
<div class="content">
<p>Ein strukturierter HTML-Code mit eindeutigen Call-to-Action-Elementen erhöht die Chance, dass Besucher gewünschte Handlungen ausführen, sei es eine Kontaktaufnahme, ein Kauf oder das Abonnieren eines Newsletters. Sauberes HTML schafft also nicht nur eine bessere User Experience, sondern steigert direkt die Conversion-Rate. Auch aus psychologischer Sicht ist eine klare Struktur wichtig – Nutzer fühlen sich sicher, wenn sie wissen, wo sie sich auf der Seite befinden und wie sie zur gewünschten Information gelangen.</p>
</div>
</div>
<div id="block18" class="blog-block">
<h2>
Fallstudien: Best Practices erfolgreicher Websites </h2>
<div class="content">
<p>Was macht erfolgreiche Webprojekte aus? Die richtige Wahl und der gezielte Einsatz von HTML-Elementen sind ein entscheidender Faktor. Schauen wir uns einige Best Practices an:</p>
</div>
</div>
<div id="block19" class="blog-block">
<h3>
Analyse erfolgreicher Websites und deren HTML-Strukturen </h3>
<div class="content">
<ul>
<li><b>Blog einer Fachagentur:</b>Jede Beitragsseite weist eine klare H1, mehrere H2/H3 und eine individuell angepasste Meta Description auf. Bilder sind mit Alt-Tags versehen und die Navigation ist über spezielle<code><br />
<nav></code>-Elemente gelöst.</li>
<li><b>Online-Shop mit lokalem Fokus:</b>Title-Tag und Meta Description sind für jede Kategorie auf lokale Keywords und Produktgruppen optimiert, strukturierte Daten helfen der Suchmaschine, Produkte zu erkennen.</li>
<li><b>Kunst-Portfolio:</b>Dank sauberem HTML sind alle Werke zugänglich, jede Bildbeschreibung (Alt-Tag) erläutert das Kunstwerk auch für Sehbehinderte.</li>
</ul>
</div>
</div>
<div id="block20" class="blog-block">
<h3>
Lehren aus Beispielen: Was übernehmen, was vermeiden? </h3>
<div class="content">
<p>Gute Strukturen, individuelle und sichtbare Meta-Tags, Fokus auf Barrierefreiheit sowie die konsequente Nutzung von HTML5-Elementen führen zu mehr Sichtbarkeit und Nutzerzufriedenheit. Zu vermeiden sind generische, zu lange oder wenig aussagekräftige Title-Tags sowie fehlende Alt-Attribute oder irrelevante Überschriften.</p>
</div>
</div>
<div id="block21" class="blog-block">
<h3>
Tipps zur Anwendung auf eigene Projekte </h3>
<div class="content">
<ul>
<li>Schaffen Sie für jede Seite ein klares Thema mit einzigartigem Title.</li>
<li>Strukturieren Sie die Inhalte verständlich und fortlaufend durch.</li>
<li>Setzen Sie Best Practices um und verwenden Sie unterstützende Tools, um Fehler zu vermeiden.</li>
</ul>
</div>
</div>
<div id="block22" class="blog-block">
<h2>
Die Zukunft von HTML im Webdesign </h2>
</div>
<div id="block23" class="blog-block">
<h3>
Entwicklungen und Trends im Bereich HTML und Webdesign </h3>
<div class="content">
<p>HTML bleibt dynamisch, getrieben durch neue Standards wie HTML5, Web-Komponenten und die fortschreitende Integration von strukturierter Daten für Suchmaschinen. Tools für<a href=" https://brumm-digital.de/wordpress-webdesign/ "> webdesign </a>vereinfachen die Einbindung von semantischem Markup und ermöglichen individuellere Erlebnisse für Nutzer und Suchmaschinen gleichermaßen.</p>
</div>
</div>
<div id="block24" class="blog-block">
<h3>
Wie können Webdesigner ihre Fähigkeiten anpassen? </h3>
<div class="content">
<p>Ständiges Lernen ist unerlässlich. Wer am Ball bleiben möchte, muss neue HTML-Features testen und sich mit Themen wie Barrierefreiheit, responsivem Design und Performance-Optimierung vertraut machen.</p>
</div>
</div>
<div id="block25" class="blog-block">
<h3>
Bedeutung von fortlaufendem Lernen und Anpassung an neue Technologien </h3>
<div class="content">
<p>Ein erfolgreicher Webdesigner investiert in Weiterbildung und bleibt offen für neue Technologien. Nur so lassen sich nachhaltige und erfolgreiche Websites entwickeln, die auch in Zukunft überzeugen.</p>
</div>
</div>
<div id="block26" class="blog-block">
<h2>
Zusammenfassung: Das volle Potenzial von HTML für erfolgreiche Websites </h2>
<div class="content">
<p>HTML ist weit mehr als ein simpler Zeichensatz – es ist das Fundament jeder modernen Website. Ohne durchdachte Struktur und optimierte Tags bleibt viel Potenzial ungenutzt. Die Verknüpfung von technischem Wissen und kreativem Design entscheidet darüber, wie gut eine Website performt und wahrgenommen wird. Strukturiertes HTML verbessert User Experience, SEO und Barrierefreiheit – und macht somit den Weg frei für den langfristigen Erfolg im Internet.</p>
</div>
</div>
<div id="block27" class="blog-block">
<h2>
Anhang </h2>
</div>
<div id="block28" class="blog-block">
<h3>
Nützliche Tools zur Überprüfung von HTML und SEO </h3>
<div class="content">
<ul>
<li><a href="https://validator.w3.org/" target="_blank">W3C HTML Validator</a>– Prüft HTML-Quellcode auf Fehler und Validität.</li>
<li><a href="https://pagespeed.web.dev/" target="_blank">Google PageSpeed Insights</a>– Analysiert die Performance und gibt konkrete HTML-Verbesserungsvorschläge.</li>
<li>Browser-Entwicklertools (z. B. Chrome DevTools) – Für Live-Analysen und Fehlerbehebungen.</li>
</ul>
</div>
</div>
<div id="block29" class="blog-block">
<h3>
Ressourcen für weiteres Lernen über HTML und Webdesign </h3>
<div class="content">
<ul>
<li><a href="https://developer.mozilla.org/de/docs/Web/HTML" target="_blank">MDN Web Docs: HTML</a>– Umfangreiche Online-Dokumentation</li>
<li>Bücher und Online-Kurse zu barrierefreiem<a href=" https://brumm-digital.de/wordpress-webdesign/ "> webdesign </a></li>
<li>Unsere Blogbeiträge, z.B.<a href="https://brumm-digital.de/alten-content-neu-nutzen-seo/">Alten Content neu nutzen für bessere SEO Ergebnisse</a>oder<a href="https://brumm-digital.de/longform-content-seo/">Die Bedeutung von Longform Content SEO für Ihren Erfolg</a></li>
</ul>
</div>
</div>
<div id="block30" class="blog-block">
<h2>
Verzeichnis der wichtigen Begriffe </h2>
<div class="content">
<table>
<tr>
<th>Begriff</th>
<th>Definition</th>
</tr>
<tr>
<td>HTML Title</td>
<td>Der im<title>-Tag definierte Seitentitel, der im Browser-Tab und in Suchmaschinen-Auszügen angezeigt wird.</td>
</tr>
<tr>
<td>SEO-Ranking</td>
<td>Die Position einer Website in den organischen Suchergebnissen von Suchmaschinen wie Google.</td>
</tr>
<tr>
<td>Meta-Tags</td>
<td>Unsichtbare HTML-Elemente im<head>, die strukturierte Informationen über eine Seite liefern (z. B. meta description, robots).</td>
</tr>
<tr>
<td>Barrierefreiheit</td>
<td>Eigenschaft einer Website, für alle Nutzer – unabhängig von Einschränkungen – zugänglich und nutzbar zu sein.</td>
</tr>
<tr>
<td>Click-Through-Rate (CTR)</td>
<td>Prozentsatz, wie oft auf ein Suchergebnis im Vergleich zu seiner Sichtbarkeit geklickt wird.</td>
</tr>
</table>
</div>
</div>
<div id="block31" class="blog-block">
<h2>
FAQ </h2>
</div>
<div id="block32" class="blog-block">
<h3>
Wie kann ich meinen HTML Title für bessere SEO-Rankings optimieren? </h3>
<div class="content">
<p>Verwenden Sie relevante Keywords am Anfang des Titles, achten Sie auf eine Länge von 50-70 Zeichen und sorgen Sie dafür, dass jeder Title einzigartig und aussagekräftig ist. Weitere Tipps finden Sie in unserem Artikel zur<a href="https://brumm-digital.de/meta-title-beschreibung-schreiben/">Optimierung von Meta Titel und Beschreibungen</a>.</p>
</div>
</div>
<div id="block33" class="blog-block">
<h3>
Welche Fehler sollte ich beim Schreiben eines HTML Titles vermeiden? </h3>
<div class="content">
<p>Doppelte Titel-Tags, zu lange oder zu kurze Titel, fehlende Keywords oder unpräziser Inhalt sind häufige Fehlerquellen. Gestalten Sie Titles immer individuell und zielgerichtet.</p>
</div>
</div>
<div id="block34" class="blog-block">
<h3>
Wie beeinflusst der HTML Title die Benutzererfahrung? </h3>
<div class="content">
<p>Der HTML Title ist für Nutzer der erste Orientierungspunkt im Browser und in den Suchergebnissen. Ein verständlicher, relevanter und klar formulierter Title erleichtert das Finden und Vertrauen in die Website.</p>
</div>
</div>
<div id="block35" class="blog-block">
<h3>
Welche Rolle spielt der HTML Title in der Social Media Präsenz? </h3>
<div class="content">
<p>Beim Teilen einer Seite auf Social Media wird häufig der Title-Tag als Linktext verwendet. Ein ansprechender Title sorgt für mehr Aufmerksamkeit und Klicks, was Ihre Reichweite steigert.</p>
</div>
</div>
<div id="block36" class="blog-block">
<h3>
Gibt es spezifische Tools, um den HTML Title zu überprüfen? </h3>
<div class="content">
<p>Ja, z.B. der W3C Validator für die technische Überprüfung oder das Google-Tool zur Simulation von Suchergebnissen. Vorschläge und praktische Anwendungstipps finden Sie im Anhang dieses Artikels.</p>
</div>
</div>
<div id="block37" class="blog-block">
<div class="content">
<div data-bg="https://brumm-digital.de/wp-content/uploads/2025/07/bg-brumm-end.webp" class="rocket-lazyload" style="position: relative; background-size: cover; background-position: center; padding: 25px 25px; color: #222; z-index: 1; border-radius: 18px; margin-bottom: 25px;">
<div style="position: absolute; inset: 0; background: rgba(255,255,255,0.7); z-index: 2; pointer-events: none; border-radius: 18px;"></div>
<div style="position: relative; z-index: 3;">
<p style="font-size: large; font-weight: 600;">Sie haben Fragen? brumm digital GmbH ist für Sie da!</p>
<p>Nachdem Sie nun die entscheidende Rolle von HTML im Webdesign und dessen Einfluss auf die Benutzererfahrung und Suchmaschinenoptimierung kennengelernt haben, ist es an der Zeit, die nächsten Schritte für Ihren Online-Erfolg zu unternehmen. brumm digital GmbH bietet Ihnen maßgeschneiderte digitale Lösungen, die auf Ihr individuelles Geschäftsmodell abgestimmt sind. Ob es um die Entwicklung einer Benutzerfreundlichen Website durch optimales HTML-Design oder um effektive digitale Marketingstrategien geht, wir kombinieren technisches Know-how mit kreativem Ansatz, um Ihre Online-Präsenz zu maximieren. Lassen Sie uns gemeinsam Ihre digitalen Ziele erreichen! Kontaktieren Sie uns noch heute unter +49 (0) 6704 9373770, um mehr über unsere umfassenden Dienstleistungen im Bereich Webentwicklung, Visualisierung und digitales Marketing zu erfahren. Ihr Erfolg ist unser Antrieb – wir freuen uns darauf, Sie auf Ihrem digitalen Weg zu unterstützen!</p>
<p><a href="/termin" class="button-all" style="opacity: 1; pointer-events: auto;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Projekt anfragen</font></font></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="blog-next">
<div class="inner">
<div class="blog-next__title">
<h2>News & Insights</h2>
<img width="48" height="48" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3E%3C/svg%3E" alt="" data-lazy-src="https://brumm-digital.de/wp-content/themes/brumm/assets/img/arrow.svg"><noscript><img width="48" height="48" src="https://brumm-digital.de/wp-content/themes/brumm/assets/img/arrow.svg" alt=""></noscript>
</div>
<div class="blog__items">
<a class="blog__item" href="https://brumm-digital.de/content-korrektur-lektorat/">
<img width="1170" height="780" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201170%20780'%3E%3C/svg%3E" alt="" data-lazy-src="https://brumm-digital.de/wp-content/uploads/2025/10/content-korrektur-lektorat.jpg"><noscript><img width="1170" height="780" src="https://brumm-digital.de/wp-content/uploads/2025/10/content-korrektur-lektorat.jpg" alt=""></noscript>
<h2>
Online-Marketing </h2>
<h3>Content Korrektur Lektorat für fehlerfreie Texte</h3>
<p></p>
</a>
<a class="blog__item" href="https://brumm-digital.de/3d-konfigurator-analytics/">
<img width="1170" height="780" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201170%20780'%3E%3C/svg%3E" alt="" data-lazy-src="https://brumm-digital.de/wp-content/uploads/2025/10/3d-konfigurator-analytics.jpg"><noscript><img width="1170" height="780" src="https://brumm-digital.de/wp-content/uploads/2025/10/3d-konfigurator-analytics.jpg" alt=""></noscript>
<h2>
Digitalisierung, Webdesign </h2>
<h3>Analyse von 3D Konfigurator Analytics und Nutzerinteraktionen</h3>
<p></p>
</a>
</div>
</div>
</section>
<footer class="footer">
<div class="footer__wrapper">
<div class="footer__top">
<div class="footer__left">
<h2>Machen Sie den ersten <strong>Klick</strong></h2>
<div class="footer__link">
<a href="/termin"
target="_self">Projekt anfragen</a>
<img width="16" height="26" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2026'%3E%3C/svg%3E" alt="" data-lazy-src="https://brumm-digital.de/wp-content/themes/brumm/assets/img/Icon.svg"><noscript><img width="16" height="26" src="https://brumm-digital.de/wp-content/themes/brumm/assets/img/Icon.svg" alt=""></noscript>
</div>
<div class="footer__items">
<img width="339" height="285" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20339%20285'%3E%3C/svg%3E" alt="" data-lazy-src="https://brumm-digital.de/wp-content/uploads/2024/12/SpotPulse-logo-light-1-1.webp"><noscript><img width="339" height="285" src="https://brumm-digital.de/wp-content/uploads/2024/12/SpotPulse-logo-light-1-1.webp" alt=""></noscript>
<img width="266" height="288" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20266%20288'%3E%3C/svg%3E" alt="" data-lazy-src="https://brumm-digital.de/wp-content/uploads/2024/12/Frame-116-1.webp"><noscript><img width="266" height="288" src="https://brumm-digital.de/wp-content/uploads/2024/12/Frame-116-1.webp" alt=""></noscript>
<a href="https://www.provenexpert.com/brumm-digital-gmbh/?utm_source=Widget&utm_medium=Widget&utm_campaign=Widget" target="_blank">
<img width="120" height="120" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20120%20120'%3E%3C/svg%3E" alt="Kundenbewertungen Erfahrungen zu brumm digital GmbH. Mehr Infos anzeigen." data-lazy-src="https://brumm-digital.de/wp-content/uploads/2025/02/widget_square_120_de_0.png"><noscript><img width="120" height="120" src="https://brumm-digital.de/wp-content/uploads/2025/02/widget_square_120_de_0.png" alt="Kundenbewertungen Erfahrungen zu brumm digital GmbH. Mehr Infos anzeigen."></noscript>
</a>
<img width="286" height="273" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20286%20273'%3E%3C/svg%3E" alt="" data-lazy-src="https://brumm-digital.de/wp-content/uploads/2024/12/German-Web-Award-2023-gold-300x286.png-1.webp"><noscript><img width="286" height="273" src="https://brumm-digital.de/wp-content/uploads/2024/12/German-Web-Award-2023-gold-300x286.png-1.webp" alt=""></noscript>
</div>
<div class="footer__newsletter">
<div class="mc_container"><div class="mc_custom_border_hdr">Newsletter abonnieren</div><!-- /mc_custom_border_hdr -->
<div id="mc_signup_71e0675fd5_1">
<form method="post" action="#mc_signup_71e0675fd5_1" id="mc_signup_form_71e0675fd5_1" class="mc_signup_form">
<input type="hidden" class="mc_submit_type" name="mc_submit_type" value="html" />
<input type="hidden" name="mcsf_action" value="mc_submit_signup_form" />
<input type="hidden" id="_mc_submit_signup_form_nonce" name="_mc_submit_signup_form_nonce" value="bc4a23ec3a" />
<div class="mc_form_inside">
<div class="mc_message_wrapper">
</div><!-- /mc_message_wrapper -->
<div class="mc_merge_var">
<label for="mc_mv_EMAIL_2" class="mc_var_label mc_header mc_header_email">Email Address</label>
<input type="text" size="18" placeholder="" name="mc_mv_EMAIL" id="mc_mv_EMAIL_2" class="mc_input"/>
</div><!-- /mc_merge_var --> <div style="display: none; !important">
<label for="mailchimp_sf_alt_email">Alternative Email:</label>
<input type="text" name="mailchimp_sf_alt_email" autocomplete="off"/>
</div>
<input type="hidden" class="mailchimp_sf_no_js" name="mailchimp_sf_no_js" value="1" />
<div class="mc_signup_submit">
<input type="submit" name="mc_signup_submit" class="mc_signup_submit_button" id="mc_signup_submit_71e0675fd5_1" value="anmelden" class="button" />
</div><!-- /mc_signup_submit -->
</div><!-- /mc_form_inside -->
</form><!-- /mc_signup_form -->
</div><!-- /mc_signup_container -->
</div> </div>
</div>
<div class="footer__menu">
<h3>Agentur</h3>
<ul id="menu-footer-menu" class=""><li id="menu-item-57" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-57"><a href="/projekte">Projekte</a></li>
<li id="menu-item-493" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-493"><a href="https://brumm-digital.de/team/">Agentur</a></li>
<li id="menu-item-4255" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4255"><a href="https://brumm-digital.de/digitale-foerderungen/">Digitalbonus</a></li>
<li id="menu-item-494" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-494"><a href="https://brumm-digital.de/kontakt/">Kontakt</a></li>
</ul> </div>
<div class="footer__menu">
<h3>Expertise</h3>
<ul id="menu-footer-second" class=""><li id="menu-item-5283" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5283"><a href="https://brumm-digital.de/corporate-design/">Branding</a></li>
<li id="menu-item-5530" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5530"><a href="https://brumm-digital.de/ux-ui-design/">UX / UI Design</a></li>
<li id="menu-item-888" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-888"><a href="https://brumm-digital.de/wordpress-webdesign/">Webdesign</a></li>
<li id="menu-item-5294" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5294"><a href="https://brumm-digital.de/barrierefreie-website-gesetz/">Barrierefreiheit</a></li>
<li id="menu-item-3727" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3727"><a href="https://brumm-digital.de/seo/">SEO</a></li>
<li id="menu-item-5284" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5284"><a href="https://brumm-digital.de/hosting/">Hosting</a></li>
</ul> </div>
<div class="footer__right">
<h3>Kontakt</h3>
<a href="tel:+49%20(0) 6704%209373770"
target="_self">+49 (0) 6704 9373770</a>
<a href="mailto:info@brumm-digital.de"
target="_self">info@brumm-digital.de</a>
<p>brumm digital GmbH<br />
An den Nahewiesen 20<br />
55450 Langenlonsheim</p>
<div class="footer__social">
<ul class="footer__social-list">
<li><a href="https://www.instagram.com/brumm.digital/" target="_blank"><img width="49" height="48"
src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2049%2048'%3E%3C/svg%3E" alt="Facebook" data-lazy-src="https://brumm-digital.de/wp-content/uploads/2024/12/Link-4.svg"><noscript><img width="49" height="48"
src="https://brumm-digital.de/wp-content/uploads/2024/12/Link-4.svg" alt="Facebook"></noscript></a></li>
<li><a href="https://www.facebook.com/brumm.webdesign" target="_blank"><img width="49" height="48"
src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2049%2048'%3E%3C/svg%3E" alt="Facebook" data-lazy-src="https://brumm-digital.de/wp-content/uploads/2024/12/Link-1-1.svg"><noscript><img width="49" height="48"
src="https://brumm-digital.de/wp-content/uploads/2024/12/Link-1-1.svg" alt="Facebook"></noscript></a></li>
<li><a href="https://www.linkedin.com/company/brumm-digital/" target="_blank"><img width="49" height="48"
src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2049%2048'%3E%3C/svg%3E" alt="Facebook" data-lazy-src="https://brumm-digital.de/wp-content/uploads/2024/12/Link-2-1.svg"><noscript><img width="49" height="48"
src="https://brumm-digital.de/wp-content/uploads/2024/12/Link-2-1.svg" alt="Facebook"></noscript></a></li>
<li><a href="https://www.tiktok.com/@brummdigital" target="_blank"><img width="49" height="48"
src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2049%2048'%3E%3C/svg%3E" alt="Facebook" data-lazy-src="https://brumm-digital.de/wp-content/uploads/2024/12/Link-3.svg"><noscript><img width="49" height="48"
src="https://brumm-digital.de/wp-content/uploads/2024/12/Link-3.svg" alt="Facebook"></noscript></a></li>
<li><a href="https://www.youtube.com/@brummdigital" target="_blank"><img width="48" height="48"
src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3E%3C/svg%3E" alt="Facebook" data-lazy-src="https://brumm-digital.de/wp-content/uploads/2025/04/YouTube-small.svg"><noscript><img width="48" height="48"
src="https://brumm-digital.de/wp-content/uploads/2025/04/YouTube-small.svg" alt="Facebook"></noscript></a></li>
</ul>
</div>
</div>
</div>
<div class="footer__center">
<a href="https://brumm-digital.de">
<p>brumm digital</p>
</a>
</div>
<div class="footer__bottom">
<div class="footer__copyright">
<p>© 2017 – 2025 I brumm digital GmbH</p>
<p>All rights reserved</p>
</div>
<div class="footer__block">
<a href="/Impressum"
target="_self">Impressum</a>
<a href="/Datenschutz"
target="_self">Datenschutz</a>
<a href="/agb/"
target="_self">AGB</a>
</div>
</div>
</div>
</footer>
<div id="scroll-to-top" class="scroll-to-top">
<img width="92" height="92" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2092%2092'%3E%3C/svg%3E" alt="to top" data-lazy-src="https://brumm-digital.de/wp-content/themes/brumm/assets/img/to-top.svg"><noscript><img width="92" height="92" src="https://brumm-digital.de/wp-content/themes/brumm/assets/img/to-top.svg" alt="to top"></noscript>
</div>
</div>
<div class="popup pop-form" id="pop-form" hidden>
<div class="popup__overlay" id="popup-overlay"></div>
<div class="popup__content">
<button class="popup__close" id="popup-close1" aria-label="close">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
<g clip-path="url(#clip0_1669_263)">
<path
d="M24 0C10.7452 0 0 10.7452 0 24C0 37.2555 10.7452 48 24 48C37.2555 48 48 37.2555 48 24C48 10.7452 37.2555 0 24 0ZM24 45.0472C12.4207 45.0472 3 35.5793 3 23.9999C3 12.4207 12.4207 2.99991 24 2.99991C35.5793 2.99991 45 12.4207 45 23.9999C45 35.5791 35.5793 45.0472 24 45.0472ZM32.4847 15.5153C31.899 14.9295 30.9495 14.9295 30.3638 15.5153L24 21.879L17.6362 15.5153C17.0505 14.9295 16.101 14.9295 15.5145 15.5153C14.9288 16.101 14.9288 17.0505 15.5145 17.6362L21.8783 24L15.5145 30.3638C14.9288 30.9487 14.9288 31.8998 15.5145 32.4848C16.1003 33.0705 17.0497 33.0705 17.6362 32.4848L24 26.121L30.3638 32.4848C30.9495 33.0705 31.899 33.0705 32.4847 32.4848C33.0705 31.8998 33.0705 30.9487 32.4847 30.3638L26.121 24L32.4847 17.6362C33.0713 17.0497 33.0713 16.1003 32.4847 15.5153Z"
fill="white" fill-opacity="0.5" />
</g>
<defs>
<clipPath id="clip0_1669_263">
<rect width="48" height="48" fill="white" />
</clipPath>
</defs>
</svg>
</button>
<h2 class="popup__title">Barrierefrei-Check</h2>
<div class="wpcf7 no-js" id="wpcf7-f4051-o1" lang="de-DE" dir="ltr" data-wpcf7-id="4051">
<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
<form action="/html-im-webdesign-wichtig/#wpcf7-f4051-o1" method="post" class="wpcf7-form init" aria-label="Kontaktformular" novalidate="novalidate" data-status="init">
<fieldset class="hidden-fields-container"><input type="hidden" name="_wpcf7" value="4051" /><input type="hidden" name="_wpcf7_version" value="6.1.1" /><input type="hidden" name="_wpcf7_locale" value="de_DE" /><input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f4051-o1" /><input type="hidden" name="_wpcf7_container_post" value="0" /><input type="hidden" name="_wpcf7_posted_data_hash" value="" />
</fieldset>
<div class="form-group">
<div class="form-input">
<label for="1">Unternehmen<span class="required">*</span></label><span class="wpcf7-form-control-wrap" data-name="text-1"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" id="1" aria-required="true" aria-invalid="false" placeholder="" value="" type="text" name="text-1" /></span>
</div>
<div class="form-input">
<label for="2">Name<span class="required">*</span></label><span class="wpcf7-form-control-wrap" data-name="text-701"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" id="2" aria-required="true" aria-invalid="false" placeholder="" value="" type="text" name="text-701" /></span>
</div>
<div class="form-input">
<label for="3">Vorname<span class="required">*</span></label><span class="wpcf7-form-control-wrap" data-name="text-3"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" id="3" aria-required="true" aria-invalid="false" placeholder="" value="" type="text" name="text-3" /></span>
</div>
</div>
<div class="form-group">
<div class="form-input">
<label for="4">E-Mail Adresse<span class="required">*</span></label><span class="wpcf7-form-control-wrap" data-name="email"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email" id="4" aria-required="true" aria-invalid="false" placeholder="" value="" type="email" name="email" /></span>
</div>
<div class="form-input">
<label for="5">Telefonnummer<span class="required">*</span></label><span class="wpcf7-form-control-wrap" data-name="tel"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel" id="5" aria-required="true" aria-invalid="false" placeholder="" value="" type="tel" name="tel" /></span>
</div>
</div>
<div class="form-group">
<div class="text-input">
<label for="6">Website (die geprüft werden soll)<span>*</span></label><span class="wpcf7-form-control-wrap" data-name="textarea-375"><textarea cols="40" rows="10" maxlength="2000" class="wpcf7-form-control wpcf7-textarea" id="6" aria-invalid="false" name="textarea-375"></textarea></span>
</div>
</div>
<div class="form-group form__checkbox-field">
<span class="wpcf7-form-control-wrap" data-name="acceptance-458"><span class="wpcf7-form-control wpcf7-acceptance"><span class="wpcf7-list-item"><label><input type="checkbox" name="acceptance-458" value="1" class="form__checkbox" aria-invalid="false" /><span class="wpcf7-list-item-label">Hiermit bestätige ich, dass ich über die Befugnis
verfüge, die von mir angegebene Website auf Barrierefreiheit prüfen zu lassen und dass ich die
Datenschutzbestimmungen von brumm-digital gelesen habe und damit einverstanden bin, dass meine Daten
zur Kontaktaufnahme gespeichert werden.<span>*</span></span></label></span></span></span>
</div>
<div class="submit-button">
<input class="wpcf7-form-control wpcf7-submit has-spinner" type="submit" value="senden" />
</div><div class="wpcf7-response-output" aria-hidden="true"></div>
</form>
</div>
</div>
</div>
<script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://brumm-digital.de/wp-content/cache/min/1/npm/swiper@11/swiper-bundle.min.js?ver=1760081190" defer></script>
<script data-minify="1" type="text/javascript" src="https://brumm-digital.de/wp-content/cache/min/1/jquery-1.11.0.min.js?ver=1760081191" defer></script>
<script type="rocketlazyloadscript" data-minify="1" data-rocket-type="text/javascript" data-rocket-src="https://brumm-digital.de/wp-content/cache/min/1/jquery-migrate-1.2.1.min.js?ver=1760081191" defer></script>
<script type="rocketlazyloadscript" data-minify="1" data-rocket-type="text/javascript" data-rocket-src="https://brumm-digital.de/wp-content/cache/min/1/ajax/libs/slick-carousel/1.8.1/slick.min.js?ver=1760081191" defer></script>
<script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://brumm-digital.de/wp-content/cache/min/1/ajax/libs/gsap/3.12.2/gsap.min.js?ver=1760081191"></script>
<script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://brumm-digital.de/wp-content/cache/min/1/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js?ver=1760081191"></script>
<script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://brumm-digital.de/wp-content/cache/min/1/ajax/libs/gsap/3.11.1/ScrollToPlugin.min.js?ver=1760081190"></script>
<script data-minify="1" src="https://brumm-digital.de/wp-content/cache/min/1/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js?ver=1760081191" defer></script>
<script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://brumm-digital.de/wp-content/cache/min/1/npm/split-type@0.3.4/umd/index.min.js?ver=1760081190"></script>
<script type="rocketlazyloadscript">
document.addEventListener("DOMContentLoaded", function() {
const emailField = document.querySelector('#mc_mv_EMAIL_2');
if (emailField && emailField.type === "text") {
emailField.type = "email";
emailField.setAttribute("required", "required");
}
});
</script>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/brumm\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script type="rocketlazyloadscript" data-rocket-type="text/javascript">
var CF7AppsLoadhCaptcha = function() {
var hcaptcha = document.querySelectorAll( '.h-captcha' );
for (var i = 0; i < hcaptcha.length; i++) {
hcaptcha[i].setAttribute( 'data-sitekey', '5d540b70-fc8a-418a-ab4a-37b2c9fec980' );
hcaptcha[i].setAttribute( 'data-callback', 'cf7apps_hcaptcha_callback' );
}
};
</script>
<script type="rocketlazyloadscript" data-rocket-src="https://js.hcaptcha.com/1/api.js?onload=CF7AppsLoadhCaptcha"
async
defer></script>
<script type="rocketlazyloadscript" data-rocket-type="module" data-rocket-src="https://brumm-digital.de/wp-content/plugins/borlabs-cookie/assets/javascript/borlabs-cookie.min.js?ver=3.3.17" id="borlabs-cookie-core-js-module" data-cfasync="false" data-no-minify="1" data-no-optimize="1" defer></script>
<!--googleoff: all--><div data-nosnippet data-borlabs-cookie-consent-required='true' id='BorlabsCookieBox'></div><div id='BorlabsCookieWidget' class='brlbs-cmpnt-container'></div><!--googleon: all-->
<script type="rocketlazyloadscript" data-rocket-src="https://brumm-digital.de/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script>
<script type="rocketlazyloadscript" data-rocket-src="https://brumm-digital.de/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
<script type="rocketlazyloadscript" id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
</script>
<script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://brumm-digital.de/wp-content/cache/min/1/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=1760081191" id="swv-js" defer></script>
<script type="rocketlazyloadscript" id="contact-form-7-js-translations">
( function( domain, translations ) {
var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
localeData[""].domain = domain;
wp.i18n.setLocaleData( localeData, domain );
} )( "contact-form-7", {"translation-revision-date":"2025-09-28 13:56:19+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"de"},"This contact form is placed in the wrong place.":["Dieses Kontaktformular wurde an der falschen Stelle platziert."],"Error:":["Fehler:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
</script>
<script type="rocketlazyloadscript" id="contact-form-7-js-before">
var wpcf7 = {
"api": {
"root": "https:\/\/brumm-digital.de\/wp-json\/",
"namespace": "contact-form-7\/v1"
},
"cached": 1
};
</script>
<script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://brumm-digital.de/wp-content/cache/min/1/wp-content/plugins/contact-form-7/includes/js/index.js?ver=1760081191" id="contact-form-7-js" defer></script>
<script type="rocketlazyloadscript" id="rocket-browser-checker-js-after">
"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
</script>
<script id="rocket-preload-links-js-extra">
var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/brumm-digital.de","onHoverDelay":"100","rateThrottle":"3"};
</script>
<script type="rocketlazyloadscript" id="rocket-preload-links-js-after">
(function() {
"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
}());
</script>
<script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://brumm-digital.de/wp-content/cache/min/1/wp-content/themes/brumm/js/navigation.js?ver=1760081191" id="brumm-navigation-js" defer></script>
<script type="rocketlazyloadscript" data-rocket-src="https://brumm-digital.de/wp-content/themes/brumm/assets/js/main.min.js?ver=1.0.0" id="brumm-script-js" defer></script>
<script src="https://brumm-digital.de/wp-includes/js/jquery/jquery.form.min.js?ver=4.3.0" id="jquery-form-js" defer></script>
<script type="rocketlazyloadscript" data-rocket-src="https://brumm-digital.de/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js" defer></script>
<script type="rocketlazyloadscript" data-rocket-src="https://brumm-digital.de/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.13.3" id="jquery-ui-datepicker-js" defer></script>
<script type="rocketlazyloadscript" id="jquery-ui-datepicker-js-after">window.addEventListener('DOMContentLoaded', function() {
jQuery(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"Schlie\u00dfen","currentText":"Heute","monthNames":["Januar","Februar","M\u00e4rz","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],"monthNamesShort":["Jan.","Feb.","M\u00e4rz","Apr.","Mai","Juni","Juli","Aug.","Sep.","Okt.","Nov.","Dez."],"nextText":"Weiter","prevText":"Zur\u00fcck","dayNames":["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"],"dayNamesShort":["So.","Mo.","Di.","Mi.","Do.","Fr.","Sa."],"dayNamesMin":["S","M","D","M","D","F","S"],"dateFormat":"MM d, yy","firstDay":1,"isRTL":false});});
});</script>
<script id="mailchimp_sf_main_js-js-extra">
var mailchimpSF = {"ajax_url":"https:\/\/brumm-digital.de\/","phone_validation_error":"Please enter a valid phone number."};
</script>
<script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://brumm-digital.de/wp-content/cache/min/1/wp-content/plugins/mailchimp/assets/js/mailchimp.js?ver=1760081191" id="mailchimp_sf_main_js-js" defer></script>
<template id="brlbs-cmpnt-cb-template-contact-form-seven-recaptcha">
<div class="brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles" data-borlabs-cookie-content-blocker-id="contact-form-seven-recaptcha" data-borlabs-cookie-content=""><div class="brlbs-cmpnt-cb-preset-b brlbs-cmpnt-cb-cf7-recaptcha"> <div data-bg="https://brumm-digital.de/wp-content/uploads/borlabs-cookie/1/bct-google-recaptcha-main.png" class="brlbs-cmpnt-cb-thumbnail rocket-lazyload" style=""></div> <div class="brlbs-cmpnt-cb-main"> <div class="brlbs-cmpnt-cb-content"> <p class="brlbs-cmpnt-cb-description">Sie müssen den Inhalt von <strong>reCAPTCHA</strong> laden, um das Formular abzuschicken. Bitte beachten Sie, dass dabei Daten mit Drittanbietern ausgetauscht werden.</p> <a class="brlbs-cmpnt-cb-provider-toggle" href="#" data-borlabs-cookie-show-provider-information role="button">Mehr Informationen</a> </div> <div class="brlbs-cmpnt-cb-buttons"> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-unblock role="button">Inhalt entsperren</a> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-accept-service role="button" style="display: inherit">Erforderlichen Service akzeptieren und Inhalte entsperren</a> </div> </div> </div></div>
</template>
<script>
(function() {
if (!document.querySelector('script[data-borlabs-cookie-script-blocker-id="contact-form-seven-recaptcha"]')) {
return;
}
const template = document.querySelector("#brlbs-cmpnt-cb-template-contact-form-seven-recaptcha");
const formsToInsertBlocker = document.querySelectorAll('form.wpcf7-form');
for (const form of formsToInsertBlocker) {
const blocked = template.content.cloneNode(true).querySelector('.brlbs-cmpnt-container');
form.after(blocked);
const btn = form.querySelector('.wpcf7-submit')
if (btn) {
btn.disabled = true
}
}
})();
</script><template id="brlbs-cmpnt-cb-template-contact-form-seven-turnstile">
<div class="brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles" data-borlabs-cookie-content-blocker-id="contact-form-seven-turnstile" data-borlabs-cookie-content=""><div class="brlbs-cmpnt-cb-preset-b"> <div data-bg="https://brumm-digital.de/wp-content/uploads/borlabs-cookie/1/bct-cloudflare-turnstile-main.png" class="brlbs-cmpnt-cb-thumbnail rocket-lazyload" style=""></div> <div class="brlbs-cmpnt-cb-main"> <div class="brlbs-cmpnt-cb-content"> <p class="brlbs-cmpnt-cb-description">Sie sehen gerade einen Platzhalterinhalt von <strong>Turnstile</strong>. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.</p> <a class="brlbs-cmpnt-cb-provider-toggle" href="#" data-borlabs-cookie-show-provider-information role="button">Mehr Informationen</a> </div> <div class="brlbs-cmpnt-cb-buttons"> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-unblock role="button">Inhalt entsperren</a> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-accept-service role="button" style="display: inherit">Erforderlichen Service akzeptieren und Inhalte entsperren</a> </div> </div> </div></div>
</template>
<script type="rocketlazyloadscript">
(function() {
const template = document.querySelector("#brlbs-cmpnt-cb-template-contact-form-seven-turnstile");
const divsToInsertBlocker = document.querySelectorAll('body:has(script[data-borlabs-cookie-script-blocker-id="contact-form-seven-turnstile"]) .wpcf7-turnstile');
for (const div of divsToInsertBlocker) {
const cb = template.content.cloneNode(true).querySelector('.brlbs-cmpnt-container');
div.after(cb);
const form = div.closest('.wpcf7-form');
const btn = form?.querySelector('.wpcf7-submit');
if (btn) {
btn.disabled = true
}
}
})()
</script><template id="brlbs-cmpnt-cb-template-facebook-content-blocker">
<div class="brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles" data-borlabs-cookie-content-blocker-id="facebook-content-blocker" data-borlabs-cookie-content=""><div class="brlbs-cmpnt-cb-preset-b brlbs-cmpnt-cb-facebook"> <div data-bg="https://brumm-digital.de/wp-content/uploads/borlabs-cookie/1/cb-facebook-main.png" class="brlbs-cmpnt-cb-thumbnail rocket-lazyload" style=""></div> <div class="brlbs-cmpnt-cb-main"> <div class="brlbs-cmpnt-cb-content"> <p class="brlbs-cmpnt-cb-description">Sie sehen gerade einen Platzhalterinhalt von <strong>Facebook</strong>. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.</p> <a class="brlbs-cmpnt-cb-provider-toggle" href="#" data-borlabs-cookie-show-provider-information role="button">Mehr Informationen</a> </div> <div class="brlbs-cmpnt-cb-buttons"> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-unblock role="button">Inhalt entsperren</a> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-accept-service role="button" style="display: inherit">Erforderlichen Service akzeptieren und Inhalte entsperren</a> </div> </div> </div></div>
</template>
<script type="rocketlazyloadscript">
(function() {
const template = document.querySelector("#brlbs-cmpnt-cb-template-facebook-content-blocker");
const divsToInsertBlocker = document.querySelectorAll('div.fb-video[data-href*="//www.facebook.com/"], div.fb-post[data-href*="//www.facebook.com/"]');
for (const div of divsToInsertBlocker) {
const blocked = template.content.cloneNode(true).querySelector('.brlbs-cmpnt-container');
blocked.dataset.borlabsCookieContent = btoa(unescape(encodeURIComponent(div.outerHTML)));
div.replaceWith(blocked);
}
})()
</script><template id="brlbs-cmpnt-cb-template-mailchimp">
<div class="brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles" data-borlabs-cookie-content-blocker-id="mailchimp" data-borlabs-cookie-content=""><div class="brlbs-cmpnt-cb-preset-b brlbs-cmpnt-cb-mailchimp"> <div data-bg="https://brumm-digital.de/wp-content/uploads/borlabs-cookie/1/bct-mailchimp-vanilla-main.png" class="brlbs-cmpnt-cb-thumbnail rocket-lazyload" style=""></div> <div class="brlbs-cmpnt-cb-main"> <div class="brlbs-cmpnt-cb-content"> <p class="brlbs-cmpnt-cb-description">Sie sehen gerade einen Platzhalterinhalt von <strong>Mailchimp</strong>. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.</p> <a class="brlbs-cmpnt-cb-provider-toggle" href="#" data-borlabs-cookie-show-provider-information role="button">Mehr Informationen</a> </div> <div class="brlbs-cmpnt-cb-buttons"> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-unblock role="button">Inhalt entsperren</a> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-accept-service role="button" style="display: inherit">Erforderlichen Service akzeptieren und Inhalte entsperren</a> </div> </div> </div></div>
</template>
<script type="rocketlazyloadscript">
(function() {
const template = document.querySelector("#brlbs-cmpnt-cb-template-mailchimp");
const div = document.querySelector('#mc_embed_signup');
if (div) {
const blocked = template.content.cloneNode(true).querySelector('.brlbs-cmpnt-container');
blocked.dataset.borlabsCookieContent = btoa(unescape(encodeURIComponent(div.innerHTML)));
div.innerHTML = '';
div.appendChild(blocked);
}
})()
</script><template id="brlbs-cmpnt-cb-template-tiktok">
<div class="brlbs-cmpnt-container brlbs-cmpnt-content-blocker brlbs-cmpnt-with-individual-styles" data-borlabs-cookie-content-blocker-id="tiktok" data-borlabs-cookie-content=""><div class="brlbs-cmpnt-cb-preset-b"> <div data-bg="https://brumm-digital.de/wp-content/uploads/borlabs-cookie/1/TikTok-22-main.png" class="brlbs-cmpnt-cb-thumbnail rocket-lazyload" style=""></div> <div class="brlbs-cmpnt-cb-main"> <div class="brlbs-cmpnt-cb-content"> <p class="brlbs-cmpnt-cb-description">Sie sehen gerade einen Platzhalterinhalt von <strong>TikTok</strong>. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.</p> <a class="brlbs-cmpnt-cb-provider-toggle" href="#" data-borlabs-cookie-show-provider-information role="button">Mehr Informationen</a> </div> <div class="brlbs-cmpnt-cb-buttons"> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-unblock role="button">Inhalt entsperren</a> <a class="brlbs-cmpnt-cb-btn" href="#" data-borlabs-cookie-accept-service role="button" style="display: inherit">Erforderlichen Service akzeptieren und Inhalte entsperren</a> </div> </div> </div></div>
</template>
<script type="rocketlazyloadscript">
(function() {
const template = document.querySelector("#brlbs-cmpnt-cb-template-tiktok");
const divsToInsertBlocker = document.querySelectorAll('.tiktok-embed[data-video-id]');
for (const div of divsToInsertBlocker) {
const cb = template.content.cloneNode(true).querySelector('.brlbs-cmpnt-container');
div.parentNode.insertBefore(cb, div);
}
})()
</script>
<!--Website enhanced by straightvisions.com-->
<script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue}
if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue}
images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1}
if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://brumm-digital.de/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script>
</body>
</html>
<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1760611924 --> |
