Inhaltsverzeichnis
Einführung in HTML und seine bedeutung im Webdesign
HTML ist die grundlegende Markup-Sprache des World wide Web und bildet das Rückgrat nahezu jeder Webseite, die im Internet verfügbar ist. Sie dient dazu, die Struktur einer Webseite zu beschreiben und den Browsern Anweisungen zu geben, wie diese Inhalte darzustellen sind. HTML besteht aus einer Reihe von Tags und Attributen, die zusammenarbeiten, um Texte, Bilder, Links und andere Elemente einer Webseite zu definieren. Die Bedeutung von HTML im Webdesign kann nicht hoch genug eingeschätzt werden, da es die Basis für die Kommunikation zwischen dem Inhalt und dem Darstellungsmedium schafft.
Der Einsatz von HTML ermöglicht es Webdesignern, Inhalte systematisch und strukturiert aufzubereiten. durch die Verwendung von semantischen Tags wird die Zugänglichkeit verbessert, was nicht nur der Benutzererfahrung, sondern auch der Suchmaschinenoptimierung (SEO) zugutekommt. Beispielsweise helfen header-Tags wie
bis
dabei,die Hierarchie von Inhalten zu verdeutlichen und Suchmaschinen wie Google besser zu informieren,worum es auf einer Seite geht. Dies trägt dazu bei, die Sichtbarkeit und Auffindbarkeit von Webseiten in den Suchmaschinenergebnissen zu verbessern.
Ein weiterer zentraler Aspekt von HTML im Webdesign ist seine Fähigkeit zur Integration mit anderen Technologien wie CSS und JavaScript. Während HTML die Struktur bereitstellt, ermöglicht CSS die visuelle Gestaltung und Anpassung des Layouts, während JavaScript für interaktive und dynamische Funktionen sorgt. diese Kombination von Technologien ist entscheidend, um moderne und ansprechende Webseiten zu entwickeln, die den Anforderungen der Nutzer sowie den Standards der Webentwicklung gerecht werden.Durch das Erlernen und Verstehen von HTML legst du das Fundament für eine solide Kompetenz im Bereich Webdesign und Webentwicklung.
Geschichtliche Entwicklung von HTML
Die begann mit seinem Schöpfer Tim Berners-lee, der 1989 das Konzept des World Wide Web entwarf. Ursprünglich aus der Notwendigkeit heraus, wissenschaftliche Informationen einfacher austauschen zu können, entwickelte er HTML, um Dokumente miteinander zu verknüpfen und zugänglich zu machen.Die erste offizielle Version,HTML 1.0,erschien 1993 und legte den Grundstein für die vernetzung von Informationen im Internet.HTML 2.0 folgte 1995 und standardisierte bereits bestehende Praktiken, um die Nutzung von HTML weiter zu vereinfachen und zu verbreiten.
Mit der Veröffentlichung von HTML 3.2 im Jahr 1997 unter der Aufsicht des World Wide Web Consortiums (W3C) wurde die Sprache wesentlich erweitert, um die zunehmenden Anforderungen an die Webdarstellung zu erfüllen. Diese Version integrierte die Unterstützung von Tabellen und Layouts, was zu einer erheblichen Verbesserung der Webseitenstruktur führte.Als nächster Meilenstein folgte HTML 4.01 im Jahr 1999, das sich auf die Definition von Dokumenttypen konzentrierte und Internationalisierung vorantrieb, wodurch das Web globaler und benutzerfreundlicher wurde.
Im Jahr 2014 wurde HTML5 offiziell veröffentlicht, was einen großflächigen technologischen Fortschritt markierte. Diese Version bot die Integration neuer Funktionen wie Audio- und Videoelemente, die vorher externe Plugins erforderten, und hat somit die Entwicklergemeinschaft wesentlich beeinflusst. HTML5 stellte sicher, dass das Web offen und standardisiert bleibt, indem es bestehende Technologien überwarf und neu definierte.Die stetige Weiterentwicklung von HTML unterstreicht seinen zentralen Platz als Grundbaustein des Internets und zeigt, wie wichtig eine kontinuierliche Anpassung an neue technologische Anforderungen ist.
Grundlegende Strukturen und Elemente von HTML
HTML ist die Basis jedes Webdokuments und besteht aus einer Vielzahl grundlegender Strukturen und Elemente, die zur Darstellung von Inhalten im Web verwendet werden. Die wichtigste Struktur ist sicherlich das HTML-Dokument selbst, das typischerweise mit dem
Der </code>-Element,<wbr /> sowie Links zu <em>CSS</em>-Stylesheets oder <em>JavaScript</em>-Dateien, die über <code><link></code>– <wbr />und <code><script></code>-Elemente eingebunden werden können. Diese elemente sind <wbr />entscheidend für das <em>OnPage-SEO</em>, da sie dem Suchmaschinen-Algorithmus essentielle Informationen liefern.</p>
<p>Im Gegensatz dazu beinhaltet der <code><body></code>-Bereich alle Inhalte, die im Browser dargestellt werden. Hier findest du eine Vielzahl an strukturierenden Elementen: Überschriften (z.B. <code></p>
<h1></code> bis <code></p>
<h6></code>), Absätze (<code></p>
<p></code>), Listen (<code></p>
<ul></code> für ungeordnete Listen und <code></p>
<ol></code> für geordnete Listen) und vieles mehr. <strong>Semantische HTML5-Elemente</strong> wie <code></p>
<header></code>,<code></p>
<nav></code>,<code></p>
<article></code> und <code></p>
<footer></code> erhöhen zusätzlich <wbr />die verständlichkeit der Dokumentstruktur für Suchmaschinen-Crawler und Nutzer.Die richtige Verwendung dieser strukturellen und semantischen HTML-Elemente ist entscheidend, um eine klare und zugängliche Webseite zu gestalten, die sowohl den Nutzer als auch Suchmaschinen gleichermaßen anspricht.</p>
<h2 id="semantisches-html-prinzipien-und-best-practices">Semantisches HTML: Prinzipien und best Practices</h2>
<p><strong>Semantisches HTML</strong> ist ein entscheidendes Konzept bei der Gestaltung moderner, barrierefreier Webanwendungen. Es beschreibt den Gebrauch von HTML-Tags, die den <strong>Inhalt</strong> einer Seite auf eine Art und Weise strukturieren, die sowohl für Entwickler als auch für Browser und <strong>Suchmaschinen</strong> <wbr /> verständlich ist. Anstatt generische Container-Elemente wie <code></p>
<div></code> oder <code><span></code> zu verwenden, definiert semantisches HTML spezifische Elemente wie <code></p>
<header></code>, <code></p>
<footer></code> und<wbr /> <code></p>
<article></code>. Diese tags vermitteln klare Informationen über den Inhalt jedes Abschnitts, was eine bessere <strong>Barrierefreiheit</strong> und eine verbesserte <strong>SEO</strong> ermöglicht.</p>
<p>Die Einhaltung der Prinzipien von semantischem HTML ist entscheidend,um eine <strong>effiziente Zusammenarbeit</strong> zwischen Designern,Entwicklern und Suchmaschinencrawlern sicherzustellen. Es verbessert nicht nur die <strong>Lesbarkeit</strong> des Codes, sondern trägt auch zur Optimierung der Seitenstruktur bei. Durch das korrekte Kennzeichnen von Überschriften mit <code></p>
<h1></code> bis <code></p>
<h6></code> wird eine klare Inhalts-Hierarchie<wbr /> gewährleistet,die die <strong>Indexierung</strong> durch Suchmaschinencrawler vereinfacht und eine bessere <strong>Rangordnung</strong> in den <wbr />Suchergebnissen unterstützt.</p>
<p>Zu den best <wbr />Practices für die Verwendung von semantischem HTML gehört das <strong>Vermeiden</strong> übermäßiger <strong>Verschachtelung</strong> von nicht-semantischen Containern und das Streben nach einer klar strukturierten HTML-Dokument-Architektur.<wbr /> es ist wichtig,dass jedes HTML-Element eine wohlüberlegte Verwendung hat. Verwende beispielsweise <code></p>
<nav></code> für <strong>Navigationsmenüs</strong> statt eines generischen <code></p>
<div></code>,<wbr /> um die Bedeutung und den Zweck des Inhalts <wbr />in deinem Dokument zu verdeutlichen. Schlussendlich sorgt semantisches HTML dafür, dass deine Webseite <wbr />barrierefrei ist und auf allen Geräten konsistent dargestellt wird, was eine verbesserte Benutzererfahrung und eine positive Auswirkung auf die <strong>suchmaschinenoptimierung</strong> zur Folge hat.</p>
<h2 id="erweiterte-html5-funktionen-und-deren-anwendung">Erweiterte HTML5-Funktionen und deren Anwendung</h2>
<div>
<p>Moderne Webentwicklung profitiert erheblich von den <strong>erweiterten HTML5-Funktionen</strong>,die über die traditionellen HTML-Elemente hinausgehen. HTML5 bietet eine Vielzahl von <em>apis</em> und neuen Elementen, die Entwicklern helfen, interaktive und dynamische Webanwendungen zu erstellen. <wbr />Dazu zählen beispielsweise die <strong>Canvas-API</strong> zur Erstellung von 2D-Grafiken und die Unterstützung für Multimedia-Elemente wie <strong>Audio</strong> und <strong>Video</strong>, die direkt im Browser abgespielt werden können, ohne dass <em>Plug-ins</em> erforderlich sind. Diese Funktionen ermöglichen es, Websites mit reichhaltigen Medienelementen auszustatten und die Nutzererfahrung erheblich zu verbessern.</p>
<p>Darüber hinaus spielt die <strong>Geolocation-API</strong> eine entscheidende Rolle,indem sie Apps die Möglichkeit gibt,den Standort eines nutzers zu bestimmen und entsprechende Informationen oder Dienste bereitzustellen. Auch die Nutzung der <strong>Local Storage <a href="https://www.elato.media/glossar/api/">API</a></strong> <wbr />ist essenziell, da sie Entwicklern erlaubt, Daten lokal im Browser des Nutzers zu speichern. Dies ist besonders nützlich,um<wbr /> Webseiten schneller zu machen und Offline-Funktionen zu unterstützen. <strong>WebSockets</strong> bieten zudem <wbr />die Möglichkeit, eine beständige Verbindung zwischen <a href="https://www.elato.media/glossar/client/">Client</a> und Server aufrechtzuerhalten, was in Echtzeit-anwendungen wie<wbr /> Online-Spielen oder Chat-Anwendungen entscheidend ist.</p>
<p>HTML5 fördert ebenfalls die semantische Auszeichnung von Webinhalten, wodurch Suchmaschinen inhalte besser indexieren und verstehen können. Neue semantische Tags wie <strong></p>
<article></strong>, <strong></p>
<section></strong>, <strong></p>
<header></strong> und <wbr /> <strong></p>
<footer></strong> sind darauf ausgelegt, die Struktur eines dokuments klarer darzustellen und die Zugänglichkeit und Suchmaschinenoptimierung (SEO) zu unterstützen. Diese Tags bieten nicht nur klare Vorteile für die Webentwicklung, sondern sind auch entscheidend für das Engagement der Nutzer, indem sie die Navigation und Lesbarkeit von Inhalten verbessern.
</div>
<h2 id="html-und-suchmaschinenoptimierung-praktische-tipps">HTML und Suchmaschinenoptimierung: Praktische Tipps</h2>
<p>HTML spielt eine entscheidende Rolle bei<wbr /> der <strong>Suchmaschinenoptimierung</strong> (SEO), da es Suchmaschinen hilft, den Inhalt einer Webseite korrekt zu interpretieren und zu indizieren. Ein gut strukturierter HTML-Code stellt sicher, dass Suchmaschinen die wichtigsten Informationen schnell erfassen können. Hier sind<wbr /> einige praktische Tipps, wie du mithilfe von HTML die<wbr /> SEO deiner Webseite verbessern <wbr />kannst. Zunächst solltest du darauf achten, dass du <em>Meta-Tags</em> wie den <strong><title></strong>-Tag und die <strong><meta description></strong> sorgfältig optimierst. Diese Tags geben Suchmaschinen einen klaren Überblick über die Inhalte der Seite und tragen wesentlich dazu bei, die Klickraten in den Suchergebnissen <wbr />zu erhöhen. Der <strong><title></strong>-Tag sollte das Haupt-Keyword der jeweiligen Seite enthalten, während die <strong><meta description></strong> Nutzern einen kurzen, prägnanten Einblick in den Seiteninhalt geben sollte, der zum Klicken anregt.</p>
<p>Ein weiterer kritischer Aspekt ist die Verwendung von <strong></p>
<header></strong>-Tags wie <strong></p>
<h1></strong>, <strong></p>
<h2></strong> und<wbr /> <strong></p>
<h3></strong>, um den Inhalt logisch zu strukturieren und zu gliedern. Der <strong></p>
<h1></strong>-Tag sollte das Hauptthema der Seite darstellen und in der Regel das Haupt-Keyword enthalten, während nachfolgende Header-Tags zur zusätzlichen Strukturierung und Organisation des Inhalts genutzt werden. Diese Hierarchie hilft sowohl nutzern als auch Suchmaschinen, den Fokus und die Relevanz verschiedener Inhaltelemente besser zu verstehen. Um die Lesbarkeit zu fördern, ist es ratsam, auch Bilder mit informativen <strong>Alt-Attributen</strong> zu versehen, die beschreiben, was auf dem Bild zu sehen ist. Diese helfen nicht nur Suchmaschinen, den Inhalt zu entziffern, sondern verbessern auch die Zugänglichkeit für Nutzer mit Sehbehinderungen.</p>
<p>Schließlich spielt die Ladegeschwindigkeit der Seite eine bedeutende Rolle für das Ranking bei Suchmaschinen. Ein sauberer, effizienter HTML-Code trägt dazu bei, die Ladezeiten zu reduzieren, was zu einer verbesserten Nutzererfahrung führt. Du kannst klassische Techniken wie das Minimieren von HTML, das Entfernen von unnötigem Code und das Optimieren von Bildern anwenden, um die Leistung der Webseite zu steigern.Wenn du außerdem auf konsistente interne Verlinkungen achtest und <em>sprechende URLs</em> verwendest,kannst du die Nutzerführung und die SEO deiner Webseite weiter stärken. Insgesamt tragen gut optimierte HTML-Strukturen dazu bei, dass Suchmaschinen das Potenzial deiner Webseite erkennt und sie in den Suchergebnissen weiter oben platziert.</p>
<h2 id="zukuenftige-entwicklungen-und-standards-in-html">Zukünftige entwicklungen und standards in HTML</h2>
<div>
<p>Die Entwicklung und Etablierung neuer <wbr />Standards für HTML sind ein fortwährender Prozess, der von verschiedenen Organisationen und der Entwicklergemeinschaft vorangetrieben wird. Eine zentrale rolle spielt dabei das World wide Web Consortium (W3C), das sich mit der Standardisierung von Webtechnologien beschäftigt. In diesem Zusammenhang ist HTML5, die aktuellste Version des <a href="https://www.elato.media/glossar/hypertext/">HyperText</a> <wbr />Markup Language, entscheidend für die Erhöhung der Funktionalität und Interaktivität von Webseiten.<wbr /> Zukünftige entwicklungen könnten noch mehr spezialisierte APIs beinhalten, um neue Technologien wie Virtual Reality und Augmented Reality nahtlos im Web zu integrieren.</p>
<p>Ein wesentlicher Schritt in Richtung Usability und Performance ist die Verbesserung von ladezeiten und responsivem Design. Hierbei sorgt die erweiterte Unterstützung von Multimedia-Elementen für ein reibungsloseres Nutzererlebnis, das nicht auf externe Plugins angewiesen ist. Außerdem wird die Barrierefreiheit zunehmend berücksichtigt, um Webseiten für Menschen mit Behinderungen zugänglicher zu machen. <strong>Semantische</strong> HTML-Elemente erhalten hierbei besondere Beachtung, da sie die Struktur von Inhalten verbessern und die Lesbarkeit für Screenreader steigern.</p>
<p>In Hinblick auf Standards spielen Sicherheitsaspekte eine immer wichtigere Rolle. Fortschritte in der Implementierung von sicherheitsrelevanten Merkmalen wie Content Security Policy (CSP) helfen, Webseiten vor Cross-Site-Scripting (XSS) und ähnlichen Bedrohungen zu schützen. Zukünftige Standards werden vermutlich eine<wbr /> noch stärkere Betonung auf den <a href="https://www.elato.media/glossar/datenschutz/">Datenschutz</a> und die Datensicherheit legen, um der gestiegenen nachfrage nach sicheren Internetanwendungen gerecht zu werden. Die<wbr /> kontinuierliche Weiterentwicklung von HTML reflektiert den dynamischen Charakter des Internets und die Notwendigkeit, sich an neue Herausforderungen und Technologien anzupassen.
</p></div>
<h2 id="qa">Häufig gestellte Fragen</h2>
<h3>Was ist HTML und welche Rolle spielt <wbr />es im Webdesign?</h3>
<p>HTML, oder HyperText<wbr /> Markup Language, ist die<wbr /> Standardauszeichnungssprache, die zur Erstellung von Webseiten verwendet wird.Sie bietet die Grundstruktur von Webseiten, indem sie Texte, Bilder und andere Medien formatiert und organisiert. HTML ermöglicht die Einbindung anderer Technologien wie CSS und JavaScript, um das visuelle Erscheinungsbild und die Funktionalität von webseiten zu verbessern.</p>
<h3>Wie funktioniert HTML zusammen mit CSS und JavaScript?</h3>
<p>HTML bildet das Gerüst einer Webseite,während CSS (<a href="https://www.elato.media/glossar/cascading-style-sheets-css/">Cascading Style Sheets</a>)<wbr /> für <wbr />das Styling und die gestaltung verantwortlich ist. CSS kontrolliert Layouts, Farben und Schriftarten, was die visuelle Darstellung verbessert. JavaScript hingegen fügt interaktive Funktionen hinzu und ermöglicht dynamische Inhalte. Gemeinsam ermöglichen diese Technologien die Erstellung ansprechender und benutzerfreundlicher Webseiten.</p>
<h3>Warum ist<wbr /> HTML für SEO wichtig?</h3>
<p>HTML spielt eine entscheidende Rolle im SEO-Prozess,da Suchmaschinen-Crawler es verwenden,um den Inhalt und die Struktur einer Webseite zu verstehen. Richtige HTML-Auszeichnungen, wie<wbr /> Titel-Tags, Header-Tags und Alt-Attribute für Bilder, sind entscheidend, um Suchmaschinen die Relevanz und den Kontext des Inhalts zu vermitteln, was das Ranking einer Webseite in den Suchergebnissen verbessern kann.</p>
<h3>Welche Entwicklungen gibt es in der HTML-Technologie?</h3>
<p>Seit seiner Einführung hat sich HTML kontinuierlich weiterentwickelt. Eine der größten Veränderungen war die Einführung von HTML5,das neue Elemente und Attribute bietet,um Multimedia-inhalte besser zu unterstützen. HTML5 ermöglicht die Integration von Audio und Video ohne zusätzliche Plugins und <wbr />bietet verbesserte Semantik und Funktionalitäten, die das Nutzererlebnis fördern. </p>
<h3>Wie kann man effektives HTML für die Barrierefreiheit einsetzen?</h3>
<p>Effektives HTML trägt zur Barrierefreiheit<wbr /> bei, indem es den Zugang zu digitalen Inhalten für Menschen mit Behinderungen erleichtert. Dies wird durch die Verwendung semantischer <wbr />HTML-Tags erreicht, die es Screenreadern<wbr /> ermöglichen, den Inhalt korrekt zu interpretieren. die Implementierung von Rollenzuweisungen und ARIA-Attributen hilft ebenfalls, eine inklusive Benutzererfahrung zu gewährleisten. </p>
</div>
<div class="elementor-element elementor-element-376a501 e-flex e-con-boxed e-con e-child" data-id="376a501" data-element_type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-c578df0 e-con-full e-flex e-con e-child" data-id="c578df0" data-element_type="container">
<div class="elementor-element elementor-element-9deb2f6 img-mask mask-3 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="9deb2f6" data-element_type="widget" data-widget_type="image.default">
<img width="1600" height="1067" src="https://www.elato.media/wp-content/uploads/2024/04/AJP0887-scaled-1.webp" class="attachment-full size-full wp-image-35648" alt="" srcset="https://www.elato.media/wp-content/uploads/2024/04/AJP0887-scaled-1.webp 1600w, https://www.elato.media/wp-content/uploads/2024/04/AJP0887-scaled-1-300x200.webp 300w, https://www.elato.media/wp-content/uploads/2024/04/AJP0887-scaled-1-1024x683.webp 1024w, https://www.elato.media/wp-content/uploads/2024/04/AJP0887-scaled-1-768x512.webp 768w, https://www.elato.media/wp-content/uploads/2024/04/AJP0887-scaled-1-1536x1024.webp 1536w" sizes="(max-width: 1600px) 100vw, 1600px" /> </div>
</div>
<div class="elementor-element elementor-element-033c677 e-flex e-con-boxed e-con e-child" data-id="033c677" data-element_type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-7f5ae64 elementor-widget elementor-widget-post-info" data-id="7f5ae64" data-element_type="widget" data-widget_type="post-info.default">
<ul class="elementor-inline-items elementor-icon-list-items elementor-post-info">
<li class="elementor-icon-list-item elementor-repeater-item-3b6246f elementor-inline-item">
<span class="elementor-icon-list-icon">
<i aria-hidden="true" class="far fa-tags"></i> </span>
<span class="elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-custom">
"HTML ist nicht nur die Grundlage des gegenwärtigen Internets, sondern auch eine zentrale Technologie für seine zukünftige Gestaltung. In einer digitalisierten Welt, in der sich Technologien ständig weiterentwickeln, bleibt HTML stets relevant. Es ist ein solider Eckpfeiler, den wir heute nutzen und der uns in die Zukunft führt." </span>
</li>
</ul>
</div>
<div class="elementor-element elementor-element-8032771 elementor-widget elementor-widget-text-editor" data-id="8032771" data-element_type="widget" data-widget_type="text-editor.default">
<p>Michael, CEO – elato.</p> </div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-880e58c elementor-position-left elementor-mobile-position-left elementor-vertical-align-middle elementor-view-default elementor-widget elementor-widget-icon-box" data-id="880e58c" data-element_type="widget" data-widget_type="icon-box.default">
<div class="elementor-icon-box-wrapper">
<div class="elementor-icon-box-icon">
<a href="https://www.elato.media/glossar/" class="elementor-icon" tabindex="-1" aria-label="Glossar">
<i aria-hidden="true" class="fas fa-book"></i> </a>
</div>
<div class="elementor-icon-box-content">
<span class="elementor-icon-box-title">
<a href="https://www.elato.media/glossar/" >
Glossar </a>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-38dc58e e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child" data-id="38dc58e" data-element_type="container">
<div class="elementor-element elementor-element-e6ca558 elementor-widget elementor-widget-template" data-id="e6ca558" data-element_type="widget" data-settings="{"sticky":"top","sticky_offset":80,"sticky_parent":"yes","sticky_on":["desktop","tablet_extra","tablet","mobile_extra","mobile"],"sticky_effects_offset":0,"sticky_anchor_link_offset":0}" data-widget_type="template.default">
<div class="elementor-widget-container">
<div class="elementor-template">
<div data-elementor-type="container" data-elementor-id="24416" class="elementor elementor-24416" data-elementor-post-type="elementor_library">
<section class="elementor-section elementor-top-section elementor-element elementor-element-9761041 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="9761041" data-element_type="section">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-62cf4c0" data-id="62cf4c0" data-element_type="column" data-settings="{"background_background":"classic"}">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-7f7857d elementor-widget elementor-widget-heading" data-id="7f7857d" data-element_type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">Wir machen SEO, Google Ads & CRO...
<br>... und Du mehr Umsatz!</p> </div>
<div class="elementor-element elementor-element-f9d2b3c elementor-widget elementor-widget-image" data-id="f9d2b3c" data-element_type="widget" data-widget_type="image.default">
<a href="https://www.elato.media/kontakt">
<img width="683" height="1024" src="https://www.elato.media/wp-content/uploads/2024/06/Glossar-Banner.png" class="attachment-large size-large wp-image-25540" alt="" srcset="https://www.elato.media/wp-content/uploads/2024/06/Glossar-Banner.png 683w, https://www.elato.media/wp-content/uploads/2024/06/Glossar-Banner-200x300.png 200w" sizes="(max-width: 683px) 100vw, 683px" /> </a>
</div>
<div class="elementor-element elementor-element-5891a1b elementor-align-center elementor-tablet-align-center elementor-widget elementor-widget-ot-btn" data-id="5891a1b" data-element_type="widget" data-widget_type="ot-btn.default">
<div class="elementor-widget-container">
<div class="ot-button-wrapper">
<a href="https://www.elato.media/kontakt/" class="octf-btn octf-btn-lg">
Jetzt anfragen! </a>
</div>
</div>
</div>
<div class="elementor-element elementor-element-b1dca62 elementor-shape-circle elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons" data-id="b1dca62" data-element_type="widget" data-widget_type="social-icons.default">
<div class="elementor-social-icons-wrapper elementor-grid">
<span class="elementor-grid-item">
<a class="elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-animation-float elementor-repeater-item-5d0d2f9" href="https://www.linkedin.com/company/elato-media/" target="_blank" rel="nofollow">
<span class="elementor-screen-only">Linkedin</span>
<i class="fab fa-linkedin"></i> </a>
</span>
<span class="elementor-grid-item">
<a class="elementor-icon elementor-social-icon elementor-social-icon-envelope elementor-animation-float elementor-repeater-item-310d744" href="mailto:info@elato.media?subject=Projektanfrage&body=Liebes%20Team%20von%20elato%2C%20" target="_blank">
<span class="elementor-screen-only">Envelope</span>
<i class="fas fa-envelope"></i> </a>
</span>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-0fa43de e-con-full elementor-hidden-desktop e-flex e-con e-parent" data-id="0fa43de" data-element_type="container" data-settings="{"position":"fixed"}">
<div class="elementor-element elementor-element-bf174eb e-con-full e-flex e-con e-child" data-id="bf174eb" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-32df96e elementor-widget elementor-widget-heading" data-id="32df96e" data-element_type="widget" data-widget_type="heading.default">
<h2 class="elementor-heading-title elementor-size-default">Wir machen SEO, SEA & CRO...<br>
... und Du mehr Umsatz!
</h2> </div>
</div>
<div class="elementor-element elementor-element-948d4e2 e-con-full e-flex e-con e-child" data-id="948d4e2" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-2ab371f elementor-align-center elementor-widget elementor-widget-button" data-id="2ab371f" data-element_type="widget" data-widget_type="button.default">
<a class="elementor-button elementor-button-link elementor-size-sm" href="#">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">Kostenloses Erstgespräch</span>
</span>
</a>
</div>
</div>
</div>
</div>
<script nitro-exclude>
document.cookie = 'nitroCachedPage=' + (!window.NITROPACK_STATE ? '0' : '1') + '; path=/; SameSite=Lax';
</script>
<script nitro-exclude>
if (!window.NITROPACK_STATE || window.NITROPACK_STATE != 'FRESH') {
var proxyPurgeOnly = 0;
if (typeof navigator.sendBeacon !== 'undefined') {
var nitroData = new FormData(); nitroData.append('nitroBeaconUrl', 'aHR0cHM6Ly93d3cuZWxhdG8ubWVkaWEvZ2xvc3Nhci9odG1sLWh5cGVydGV4dC1tYXJrdXAtbGFuZ3VhZ2Uv'); nitroData.append('nitroBeaconCookies', 'W10='); nitroData.append('nitroBeaconHash', 'a557f8b7c6877d4abcbb990644b0bfd4773c4a870f53c9a657070c0427349958bd9e7d5c01ad7b86a7f2963ba13b9ce380c3a701289230c60bdf987378c67e4a'); nitroData.append('proxyPurgeOnly', ''); nitroData.append('layout', 'glossar'); navigator.sendBeacon(location.href, nitroData);
} else {
var xhr = new XMLHttpRequest(); xhr.open('POST', location.href, true); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.send('nitroBeaconUrl=aHR0cHM6Ly93d3cuZWxhdG8ubWVkaWEvZ2xvc3Nhci9odG1sLWh5cGVydGV4dC1tYXJrdXAtbGFuZ3VhZ2Uv&nitroBeaconCookies=W10=&nitroBeaconHash=a557f8b7c6877d4abcbb990644b0bfd4773c4a870f53c9a657070c0427349958bd9e7d5c01ad7b86a7f2963ba13b9ce380c3a701289230c60bdf987378c67e4a&proxyPurgeOnly=&layout=glossar');
}
}
</script>
</div><!-- #content -->
<div data-elementor-type="footer" data-elementor-id="23686" class="elementor elementor-23686 elementor-23681 elementor-location-footer" data-elementor-post-type="elementor_library">
<section class="elementor-section elementor-top-section elementor-element elementor-element-b6af0e2 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="b6af0e2" data-element_type="section" data-settings="{"background_background":"classic"}">
<div class="elementor-container elementor-column-gap-no">
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6b2bc07" data-id="6b2bc07" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<section class="elementor-section elementor-inner-section elementor-element elementor-element-73d3555 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="73d3555" data-element_type="section">
<div class="elementor-container elementor-column-gap-extended">
<div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-f10487d" data-id="f10487d" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-af1ede5 elementor-widget elementor-widget-ilogo" data-id="af1ede5" data-element_type="widget" data-widget_type="ilogo.default">
<div class="elementor-widget-container">
<div class="the-logo ">
<a href="https://www.elato.media/">
<img src="https://www.elato.media/wp-content/uploads/2024/06/Elato-Logo-Transparent-zugeschnitten-klein.png" alt="elato.">
</a>
</div>
</div>
</div>
<div class="elementor-element elementor-element-b21215d elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-text-editor" data-id="b21215d" data-element_type="widget" data-widget_type="text-editor.default">
<p>Von „unsichtbar“ zu „unübersehbar“:<br />Lass uns jetzt gemeinsam den ersten Schritt machen!</p> </div>
<div class="elementor-element elementor-element-8253e33 elementor-mobile-align-left elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-align-left elementor-tablet_extra-align-center elementor-widget elementor-widget-ot-btn" data-id="8253e33" data-element_type="widget" data-widget_type="ot-btn.default">
<div class="elementor-widget-container">
<div class="ot-button-wrapper">
<a href="https://www.elato.media/kontakt/" class="octf-btn octf-btn-lg">
Jetzt Kurzanalyse buchen! </a>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-19c2ee5" data-id="19c2ee5" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-c88b418 elementor-position-left elementor-mobile-position-left elementor-vertical-align-middle elementor-widget__width-initial elementor-widget-tablet_extra__width-auto elementor-widget-tablet__width-inherit elementor-view-default elementor-vertical-align-top elementor-widget elementor-widget-icon-box" data-id="c88b418" data-element_type="widget" data-widget_type="icon-box.default">
<div class="elementor-icon-box-wrapper">
<div class="elementor-icon-box-icon">
<a href="mailto:info@elato.media?subject=Kontaktanfrage&body=Liebes%20Team%20von%20elato," class="elementor-icon" tabindex="-1" aria-label="info@elato.media">
<i aria-hidden="true" class="far fa-envelope"></i> </a>
</div>
<div class="elementor-icon-box-content">
<p class="elementor-icon-box-title">
<a href="mailto:info@elato.media?subject=Kontaktanfrage&body=Liebes%20Team%20von%20elato," >
info@elato.media </a>
</p>
</div>
</div>
</div>
<div class="elementor-element elementor-element-64e632a elementor-list-item-link-inline elementor-mobile-align-center elementor-tablet-align-center elementor-icon-list--layout-traditional elementor-widget elementor-widget-icon-list" data-id="64e632a" data-element_type="widget" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<a href="https://www.elato.media/datenschutz/">
<span class="elementor-icon-list-text">Datenschutz</span>
</a>
</li>
<li class="elementor-icon-list-item">
<a href="https://www.elato.media/impressum/">
<span class="elementor-icon-list-text">Impressum</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-abf264e" data-id="abf264e" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-066ac6c elementor-widget elementor-widget-heading" data-id="066ac6c" data-element_type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">Beliebte Seiten</p> </div>
<div class="elementor-element elementor-element-897d1c4 elementor-list-item-link-inline elementor-mobile-align-center elementor-tablet-align-center elementor-icon-list--layout-traditional elementor-widget elementor-widget-icon-list" data-id="897d1c4" data-element_type="widget" data-widget_type="icon-list.default">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<a href="https://www.elato.media/kontakt/">
<span class="elementor-icon-list-text">Kurzanalyse</span>
</a>
</li>
<li class="elementor-icon-list-item">
<a href="https://www.elato.media/ueber-uns/">
<span class="elementor-icon-list-text">Über uns</span>
</a>
</li>
<li class="elementor-icon-list-item">
<a href="https://www.elato.media/newsletter/">
<span class="elementor-icon-list-text">Newsletter</span>
</a>
</li>
<li class="elementor-icon-list-item">
<a href="https://www.elato.media/glossar/">
<span class="elementor-icon-list-text">Glossar</span>
</a>
</li>
<li class="elementor-icon-list-item">
<a href="https://www.elato.media/karriere/">
<span class="elementor-icon-list-text">Karriere</span>
</a>
</li>
<li class="elementor-icon-list-item">
<a href="https://www.elato.media/presse/">
<span class="elementor-icon-list-text">Presse</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-da6f4ea" data-id="da6f4ea" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-13423e8 elementor-widget elementor-widget-heading" data-id="13423e8" data-element_type="widget" data-widget_type="heading.default">
<p class="elementor-heading-title elementor-size-default">Newsletter</p> </div>
<div class="elementor-element elementor-element-52056b3 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-text-editor" data-id="52056b3" data-element_type="widget" data-widget_type="text-editor.default">
<p><span style="color: #ffffff;">Abboniere unseren Newsletter, um die neuesten SEO Trends und exklusive SEO-Insights nicht mehr zu verpassen!</span></p>
</div>
<div class="elementor-element elementor-element-6281a24 elementor-mobile-align-left elementor-widget__width-initial elementor-align-left elementor-tablet_extra-align-center elementor-widget-mobile__width-inherit elementor-widget elementor-widget-ot-btn" data-id="6281a24" data-element_type="widget" data-widget_type="ot-btn.default">
<div class="elementor-widget-container">
<div class="ot-button-wrapper">
<a href="https://www.elato.media/newsletter/" class="octf-btn octf-btn-lg">
Zum Newsletter </a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="elementor-element elementor-element-87cdc76 elementor-widget-mobile__width-auto elementor-vertical-align-top elementor-widget elementor-widget-icon-box" data-id="87cdc76" data-element_type="widget" data-widget_type="icon-box.default">
<div class="elementor-icon-box-wrapper">
<div class="elementor-icon-box-content">
<p class="elementor-icon-box-description">
elato Media Group LLC<br>3833 Powerline Road <br>Suite 201<br>Fort Lauderdale<br>Florida 33309<br>USA </p>
</div>
</div>
</div>
<div class="elementor-element elementor-element-19d2c5f elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="19d2c5f" data-element_type="widget" data-widget_type="divider.default">
<div class="elementor-divider">
<span class="elementor-divider-separator">
</span>
</div>
</div>
<section class="elementor-section elementor-inner-section elementor-element elementor-element-c82236a elementor-section-full_width elementor-section-content-middle elementor-section-height-default elementor-section-height-default" data-id="c82236a" data-element_type="section">
<div class="elementor-container elementor-column-gap-extended">
<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-261ad3e" data-id="261ad3e" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-96a2eef elementor-widget elementor-widget-text-editor" data-id="96a2eef" data-element_type="widget" data-widget_type="text-editor.default">
<p><span style="color: #ffffff;">© 2024 elato. All Rechte vorbehalten.</span></p>
</div>
</div>
</div>
<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-689bd5b" data-id="689bd5b" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-401b637 elementor-shape-circle e-grid-align-right e-grid-align-mobile-center elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="401b637" data-element_type="widget" data-widget_type="social-icons.default">
<div class="elementor-social-icons-wrapper elementor-grid">
<span class="elementor-grid-item">
<a class="elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-animation-float elementor-repeater-item-fe26aec" href="https://www.linkedin.com/company/elato-media/" target="_blank">
<span class="elementor-screen-only">Linkedin</span>
<i class="fab fa-linkedin"></i> </a>
</span>
<span class="elementor-grid-item">
<a class="elementor-icon elementor-social-icon elementor-social-icon-tiktok elementor-animation-float elementor-repeater-item-5634f95" href="https://www.tiktok.com/@elatomedia" target="_blank">
<span class="elementor-screen-only">Tiktok</span>
<i class="fab fa-tiktok"></i> </a>
</span>
<span class="elementor-grid-item">
<a class="elementor-icon elementor-social-icon elementor-social-icon-uil-instagram elementor-animation-float elementor-repeater-item-3600089" href="https://www.instagram.com/elatomedia/" target="_blank">
<span class="elementor-screen-only">Uil-instagram</span>
<i class=" uil-instagram"></i> </a>
</span>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</section>
</div>
</div><!-- #page -->
<div class="progress-wrap">
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
</svg>
</div><!--googleoff: all--><div data-nosnippet><script id="BorlabsCookieBoxWrap" type="text/template"><div
id="BorlabsCookieBox"
class="BorlabsCookie"
role="dialog"
aria-labelledby="CookieBoxTextHeadline"
aria-describedby="CookieBoxTextDescription"
aria-modal="true"
>
<div class="top-center" style="display: none;">
<div class="_brlbs-box-wrap">
<div class="_brlbs-box _brlbs-box-advanced">
<div class="cookie-box">
<div class="container">
<div class="row">
<div class="col-12">
<div class="_brlbs-flex-center">
<img
class="cookie-logo"
src="https://www.elato.media/wp-content/uploads/2024/10/Offizielles-elato-Logo-1.png"
srcset="https://www.elato.media/wp-content/uploads/2024/10/Offizielles-elato-Logo-1.png, https://www.elato.media/wp-content/uploads/2024/10/Offizielles-elato-Logo-1.png 2x"
alt="Datenschutzeinstellungen"
aria-hidden="true"
>
<h3 id="CookieBoxTextHeadline">Datenschutzeinstellungen</h3>
</div>
<p id="CookieBoxTextDescription">Wir nutzen Cookies auf unserer Website. Einige von ihnen sind essenziell, während andere uns helfen, diese Website und Deine Erfahrung zu verbessern.</p>
<ul>
<li>
<label class="_brlbs-checkbox">
Essenziell <input
id="checkbox-essential"
tabindex="0"
type="checkbox"
name="cookieGroup[]"
value="essential"
checked disabled data-borlabs-cookie-checkbox
>
<div class="_brlbs-checkbox-indicator"></div>
</label>
</li>
<li>
<label class="_brlbs-checkbox">
Statistiken <input
id="checkbox-statistics"
tabindex="0"
type="checkbox"
name="cookieGroup[]"
value="statistics"
checked data-borlabs-cookie-checkbox
>
<div class="_brlbs-checkbox-indicator"></div>
</label>
</li>
<li>
<label class="_brlbs-checkbox">
Externe Medien <input
id="checkbox-external-media"
tabindex="0"
type="checkbox"
name="cookieGroup[]"
value="external-media"
checked data-borlabs-cookie-checkbox
>
<div class="_brlbs-checkbox-indicator"></div>
</label>
</li>
</ul>
<p class="_brlbs-accept">
<a
href="#"
tabindex="0"
role="button"
class="_brlbs-btn _brlbs-btn-accept-all _brlbs-cursor"
data-cookie-accept-all
>
Alle akzeptieren </a>
</p>
<p class="_brlbs-accept">
<a
href="#"
tabindex="0"
role="button"
id="CookieBoxSaveButton"
class="_brlbs-btn _brlbs-cursor"
data-cookie-accept
>
Speichern </a>
</p>
<p class="_brlbs-manage">
<a href="#" class="_brlbs-cursor" tabindex="0" role="button" data-cookie-individual>
Individuelle Datenschutzeinstellungen </a>
</p>
<p class="_brlbs-legal">
<a href="#" class="_brlbs-cursor" tabindex="0" role="button" data-cookie-individual>
Cookie-Details </a>
<span class="_brlbs-separator"></span>
<a href="https://www.elato.media/datenschutz/" tabindex="0" role="button">
Datenschutzerklärung </a>
<span class="_brlbs-separator"></span>
<a href="https://www.elato.media/impressum/" tabindex="0" role="button">
Impressum </a>
</p>
</div>
</div>
</div>
</div>
<div
class="cookie-preference"
aria-hidden="true"
role="dialog"
aria-describedby="CookiePrefDescription"
aria-modal="true"
>
<div class="container not-visible">
<div class="row no-gutters">
<div class="col-12">
<div class="row no-gutters align-items-top">
<div class="col-2">
<img
class="cookie-logo"
src="https://www.elato.media/wp-content/uploads/2024/10/Offizielles-elato-Logo-1.png"
srcset="https://www.elato.media/wp-content/uploads/2024/10/Offizielles-elato-Logo-1.png, https://www.elato.media/wp-content/uploads/2024/10/Offizielles-elato-Logo-1.png 2x"
alt="Datenschutzeinstellungen"
>
</div>
<div class="col-10">
<h3>Datenschutzeinstellungen</h3>
<p id="CookiePrefDescription">
Hier finden Sie eine Übersicht über alle verwendeten Cookies. Sie können Ihre Einwilligung zu ganzen Kategorien geben oder sich weitere Informationen anzeigen lassen und so nur bestimmte Cookies auswählen. </p>
<div class="row no-gutters align-items-center">
<div class="col-12 col-sm-7">
<p class="_brlbs-accept">
<a
href="#"
class="_brlbs-btn _brlbs-btn-accept-all _brlbs-cursor"
tabindex="0"
role="button"
data-cookie-accept-all
>
Alle akzeptieren </a>
<a
href="#"
id="CookiePrefSave"
tabindex="0"
role="button"
class="_brlbs-btn _brlbs-cursor"
data-cookie-accept
>
Speichern </a>
</p>
</div>
<div class="col-12 col-sm-5">
<p class="_brlbs-refuse">
<a
href="#"
class="_brlbs-cursor"
tabindex="0"
role="button"
data-cookie-back
>
Zurück </a>
</p>
</div>
</div>
</div>
</div>
<div data-cookie-accordion>
<div class="bcac-item">
<div class="d-flex flex-row">
<label for="borlabs-cookie-group-essential" class="w-75">
<span role="heading" aria-level="4" class="_brlbs-h4">Essenziell (1)</span >
</label>
<div class="w-25 text-right">
</div>
</div>
<div class="d-block">
<p>Essenzielle Cookies ermöglichen grundlegende Funktionen und sind für die einwandfreie Funktion der Website erforderlich.</p>
<p class="text-center">
<a
href="#"
class="_brlbs-cursor d-block"
tabindex="0"
role="button"
data-cookie-accordion-target="essential"
>
<span data-cookie-accordion-status="show">
Cookie-Informationen anzeigen </span>
<span data-cookie-accordion-status="hide" class="borlabs-hide">
Cookie-Informationen ausblenden </span>
</a>
</p>
</div>
<div
class="borlabs-hide"
data-cookie-accordion-parent="essential"
>
<table>
<tr>
<th>Name</th>
<td>
<label for="borlabs-cookie-borlabs-cookie">
Borlabs Cookie </label>
</td>
</tr>
<tr>
<th>Anbieter</th>
<td>Eigentümer dieser Website</td>
</tr>
<tr>
<th>Zweck</th>
<td>Speichert die Einstellungen der Besucher, die in der Cookie Box von Borlabs Cookie ausgewählt wurden.</td>
</tr>
<tr>
<th>Cookie Name</th>
<td>borlabs-cookie</td>
</tr>
<tr>
<th>Cookie Laufzeit</th>
<td>1 Jahr</td>
</tr>
</table>
</div>
</div>
<div class="bcac-item">
<div class="d-flex flex-row">
<label for="borlabs-cookie-group-statistics" class="w-75">
<span role="heading" aria-level="4" class="_brlbs-h4">Statistiken (1)</span >
</label>
<div class="w-25 text-right">
<label class="_brlbs-btn-switch">
<input
tabindex="0"
id="borlabs-cookie-group-statistics"
type="checkbox"
name="cookieGroup[]"
value="statistics"
checked data-borlabs-cookie-switch
/>
<span class="_brlbs-slider"></span>
<span
class="_brlbs-btn-switch-status"
data-active="An"
data-inactive="Aus">
</span>
</label>
</div>
</div>
<div class="d-block">
<p>Statistik Cookies erfassen Informationen anonym. Diese Informationen helfen uns zu verstehen, wie unsere Besucher unsere Website nutzen.</p>
<p class="text-center">
<a
href="#"
class="_brlbs-cursor d-block"
tabindex="0"
role="button"
data-cookie-accordion-target="statistics"
>
<span data-cookie-accordion-status="show">
Cookie-Informationen anzeigen </span>
<span data-cookie-accordion-status="hide" class="borlabs-hide">
Cookie-Informationen ausblenden </span>
</a>
</p>
</div>
<div
class="borlabs-hide"
data-cookie-accordion-parent="statistics"
>
<table>
<tr>
<th>Akzeptieren</th>
<td>
<label class="_brlbs-btn-switch _brlbs-btn-switch--textRight">
<input
id="borlabs-cookie-google-tag-manager"
tabindex="0"
type="checkbox" data-cookie-group="statistics"
name="cookies[statistics][]"
value="google-tag-manager"
checked data-borlabs-cookie-switch
/>
<span class="_brlbs-slider"></span>
<span
class="_brlbs-btn-switch-status"
data-active="An"
data-inactive="Aus"
aria-hidden="true">
</span>
</label>
</td>
</tr>
<tr>
<th>Name</th>
<td>
<label for="borlabs-cookie-google-tag-manager">
Google Tag Manager </label>
</td>
</tr>
<tr>
<th>Anbieter</th>
<td>Google LLC</td>
</tr>
<tr>
<th>Zweck</th>
<td>Cookie von Google zur Steuerung der erweiterten Script- und Ereignisbehandlung.</td>
</tr>
<tr>
<th>Datenschutzerklärung</th>
<td class="_brlbs-pp-url">
<a
href="https://policies.google.com/privacy?hl=de"
target="_blank"
rel="nofollow noopener noreferrer"
>
https://policies.google.com/privacy?hl=de </a>
</td>
</tr>
<tr>
<th>Cookie Name</th>
<td>_ga,_gat,_gid</td>
</tr>
<tr>
<th>Cookie Laufzeit</th>
<td>2 Jahre</td>
</tr>
</table>
</div>
</div>
<div class="bcac-item">
<div class="d-flex flex-row">
<label for="borlabs-cookie-group-external-media" class="w-75">
<span role="heading" aria-level="4" class="_brlbs-h4">Externe Medien (7)</span >
</label>
<div class="w-25 text-right">
<label class="_brlbs-btn-switch">
<input
tabindex="0"
id="borlabs-cookie-group-external-media"
type="checkbox"
name="cookieGroup[]"
value="external-media"
checked data-borlabs-cookie-switch
/>
<span class="_brlbs-slider"></span>
<span
class="_brlbs-btn-switch-status"
data-active="An"
data-inactive="Aus">
</span>
</label>
</div>
</div>
<div class="d-block">
<p>Inhalte von Videoplattformen und Social-Media-Plattformen werden standardmäßig blockiert. Wenn Cookies von externen Medien akzeptiert werden, bedarf der Zugriff auf diese Inhalte keiner manuellen Einwilligung mehr.</p>
<p class="text-center">
<a
href="#"
class="_brlbs-cursor d-block"
tabindex="0"
role="button"
data-cookie-accordion-target="external-media"
>
<span data-cookie-accordion-status="show">
Cookie-Informationen anzeigen </span>
<span data-cookie-accordion-status="hide" class="borlabs-hide">
Cookie-Informationen ausblenden </span>
</a>
</p>
</div>
<div
class="borlabs-hide"
data-cookie-accordion-parent="external-media"
>
<table>
<tr>
<th>Akzeptieren</th>
<td>
<label class="_brlbs-btn-switch _brlbs-btn-switch--textRight">
<input
id="borlabs-cookie-facebook"
tabindex="0"
type="checkbox" data-cookie-group="external-media"
name="cookies[external-media][]"
value="facebook"
checked data-borlabs-cookie-switch
/>
<span class="_brlbs-slider"></span>
<span
class="_brlbs-btn-switch-status"
data-active="An"
data-inactive="Aus"
aria-hidden="true">
</span>
</label>
</td>
</tr>
<tr>
<th>Name</th>
<td>
<label for="borlabs-cookie-facebook">
Facebook </label>
</td>
</tr>
<tr>
<th>Anbieter</th>
<td>Facebook</td>
</tr>
<tr>
<th>Zweck</th>
<td>Wird verwendet, um Facebook-Inhalte zu entsperren.</td>
</tr>
<tr>
<th>Datenschutzerklärung</th>
<td class="_brlbs-pp-url">
<a
href="https://www.facebook.com/privacy/explanation"
target="_blank"
rel="nofollow noopener noreferrer"
>
https://www.facebook.com/privacy/explanation </a>
</td>
</tr>
<tr>
<th>Host(s)</th>
<td>.facebook.com</td>
</tr>
</table>
<table>
<tr>
<th>Akzeptieren</th>
<td>
<label class="_brlbs-btn-switch _brlbs-btn-switch--textRight">
<input
id="borlabs-cookie-googlemaps"
tabindex="0"
type="checkbox" data-cookie-group="external-media"
name="cookies[external-media][]"
value="googlemaps"
checked data-borlabs-cookie-switch
/>
<span class="_brlbs-slider"></span>
<span
class="_brlbs-btn-switch-status"
data-active="An"
data-inactive="Aus"
aria-hidden="true">
</span>
</label>
</td>
</tr>
<tr>
<th>Name</th>
<td>
<label for="borlabs-cookie-googlemaps">
Google Maps </label>
</td>
</tr>
<tr>
<th>Anbieter</th>
<td>Google</td>
</tr>
<tr>
<th>Zweck</th>
<td>Wird zum Entsperren von Google Maps-Inhalten verwendet.</td>
</tr>
<tr>
<th>Datenschutzerklärung</th>
<td class="_brlbs-pp-url">
<a
href="https://policies.google.com/privacy"
target="_blank"
rel="nofollow noopener noreferrer"
>
https://policies.google.com/privacy </a>
</td>
</tr>
<tr>
<th>Host(s)</th>
<td>.google.com</td>
</tr>
<tr>
<th>Cookie Name</th>
<td>NID</td>
</tr>
<tr>
<th>Cookie Laufzeit</th>
<td>6 Monate</td>
</tr>
</table>
<table>
<tr>
<th>Akzeptieren</th>
<td>
<label class="_brlbs-btn-switch _brlbs-btn-switch--textRight">
<input
id="borlabs-cookie-instagram"
tabindex="0"
type="checkbox" data-cookie-group="external-media"
name="cookies[external-media][]"
value="instagram"
checked data-borlabs-cookie-switch
/>
<span class="_brlbs-slider"></span>
<span
class="_brlbs-btn-switch-status"
data-active="An"
data-inactive="Aus"
aria-hidden="true">
</span>
</label>
</td>
</tr>
<tr>
<th>Name</th>
<td>
<label for="borlabs-cookie-instagram">
Instagram </label>
</td>
</tr>
<tr>
<th>Anbieter</th>
<td>Facebook</td>
</tr>
<tr>
<th>Zweck</th>
<td>Wird verwendet, um Instagram-Inhalte zu entsperren.</td>
</tr>
<tr>
<th>Datenschutzerklärung</th>
<td class="_brlbs-pp-url">
<a
href="https://www.instagram.com/legal/privacy/"
target="_blank"
rel="nofollow noopener noreferrer"
>
https://www.instagram.com/legal/privacy/ </a>
</td>
</tr>
<tr>
<th>Host(s)</th>
<td>.instagram.com</td>
</tr>
<tr>
<th>Cookie Name</th>
<td>pigeon_state</td>
</tr>
<tr>
<th>Cookie Laufzeit</th>
<td>Sitzung</td>
</tr>
</table>
<table>
<tr>
<th>Akzeptieren</th>
<td>
<label class="_brlbs-btn-switch _brlbs-btn-switch--textRight">
<input
id="borlabs-cookie-openstreetmap"
tabindex="0"
type="checkbox" data-cookie-group="external-media"
name="cookies[external-media][]"
value="openstreetmap"
checked data-borlabs-cookie-switch
/>
<span class="_brlbs-slider"></span>
<span
class="_brlbs-btn-switch-status"
data-active="An"
data-inactive="Aus"
aria-hidden="true">
</span>
</label>
</td>
</tr>
<tr>
<th>Name</th>
<td>
<label for="borlabs-cookie-openstreetmap">
OpenStreetMap </label>
</td>
</tr>
<tr>
<th>Anbieter</th>
<td>OpenStreetMap Foundation</td>
</tr>
<tr>
<th>Zweck</th>
<td>Wird verwendet, um OpenStreetMap-Inhalte zu entsperren.</td>
</tr>
<tr>
<th>Datenschutzerklärung</th>
<td class="_brlbs-pp-url">
<a
href="https://wiki.osmfoundation.org/wiki/Privacy_Policy"
target="_blank"
rel="nofollow noopener noreferrer"
>
https://wiki.osmfoundation.org/wiki/Privacy_Policy </a>
</td>
</tr>
<tr>
<th>Host(s)</th>
<td>.openstreetmap.org</td>
</tr>
<tr>
<th>Cookie Name</th>
<td>_osm_location, _osm_session, _osm_totp_token, _osm_welcome, _pk_id., _pk_ref., _pk_ses., qos_token</td>
</tr>
<tr>
<th>Cookie Laufzeit</th>
<td>1-10 Jahre</td>
</tr>
</table>
<table>
<tr>
<th>Akzeptieren</th>
<td>
<label class="_brlbs-btn-switch _brlbs-btn-switch--textRight">
<input
id="borlabs-cookie-twitter"
tabindex="0"
type="checkbox" data-cookie-group="external-media"
name="cookies[external-media][]"
value="twitter"
checked data-borlabs-cookie-switch
/>
<span class="_brlbs-slider"></span>
<span
class="_brlbs-btn-switch-status"
data-active="An"
data-inactive="Aus"
aria-hidden="true">
</span>
</label>
</td>
</tr>
<tr>
<th>Name</th>
<td>
<label for="borlabs-cookie-twitter">
Twitter </label>
</td>
</tr>
<tr>
<th>Anbieter</th>
<td>Twitter</td>
</tr>
<tr>
<th>Zweck</th>
<td>Wird verwendet, um Twitter-Inhalte zu entsperren.</td>
</tr>
<tr>
<th>Datenschutzerklärung</th>
<td class="_brlbs-pp-url">
<a
href="https://twitter.com/privacy"
target="_blank"
rel="nofollow noopener noreferrer"
>
https://twitter.com/privacy </a>
</td>
</tr>
<tr>
<th>Host(s)</th>
<td>.twimg.com, .twitter.com</td>
</tr>
<tr>
<th>Cookie Name</th>
<td>__widgetsettings, local_storage_support_test</td>
</tr>
<tr>
<th>Cookie Laufzeit</th>
<td>Unbegrenzt</td>
</tr>
</table>
<table>
<tr>
<th>Akzeptieren</th>
<td>
<label class="_brlbs-btn-switch _brlbs-btn-switch--textRight">
<input
id="borlabs-cookie-vimeo"
tabindex="0"
type="checkbox" data-cookie-group="external-media"
name="cookies[external-media][]"
value="vimeo"
checked data-borlabs-cookie-switch
/>
<span class="_brlbs-slider"></span>
<span
class="_brlbs-btn-switch-status"
data-active="An"
data-inactive="Aus"
aria-hidden="true">
</span>
</label>
</td>
</tr>
<tr>
<th>Name</th>
<td>
<label for="borlabs-cookie-vimeo">
Vimeo </label>
</td>
</tr>
<tr>
<th>Anbieter</th>
<td>Vimeo</td>
</tr>
<tr>
<th>Zweck</th>
<td>Wird verwendet, um Vimeo-Inhalte zu entsperren.</td>
</tr>
<tr>
<th>Datenschutzerklärung</th>
<td class="_brlbs-pp-url">
<a
href="https://vimeo.com/privacy"
target="_blank"
rel="nofollow noopener noreferrer"
>
https://vimeo.com/privacy </a>
</td>
</tr>
<tr>
<th>Host(s)</th>
<td>player.vimeo.com</td>
</tr>
<tr>
<th>Cookie Name</th>
<td>vuid</td>
</tr>
<tr>
<th>Cookie Laufzeit</th>
<td>2 Jahre</td>
</tr>
</table>
<table>
<tr>
<th>Akzeptieren</th>
<td>
<label class="_brlbs-btn-switch _brlbs-btn-switch--textRight">
<input
id="borlabs-cookie-youtube"
tabindex="0"
type="checkbox" data-cookie-group="external-media"
name="cookies[external-media][]"
value="youtube"
checked data-borlabs-cookie-switch
/>
<span class="_brlbs-slider"></span>
<span
class="_brlbs-btn-switch-status"
data-active="An"
data-inactive="Aus"
aria-hidden="true">
</span>
</label>
</td>
</tr>
<tr>
<th>Name</th>
<td>
<label for="borlabs-cookie-youtube">
YouTube </label>
</td>
</tr>
<tr>
<th>Anbieter</th>
<td>YouTube</td>
</tr>
<tr>
<th>Zweck</th>
<td>Wird verwendet, um YouTube-Inhalte zu entsperren.</td>
</tr>
<tr>
<th>Datenschutzerklärung</th>
<td class="_brlbs-pp-url">
<a
href="https://policies.google.com/privacy"
target="_blank"
rel="nofollow noopener noreferrer"
>
https://policies.google.com/privacy </a>
</td>
</tr>
<tr>
<th>Host(s)</th>
<td>google.com</td>
</tr>
<tr>
<th>Cookie Name</th>
<td>NID</td>
</tr>
<tr>
<th>Cookie Laufzeit</th>
<td>6 Monate</td>
</tr>
</table>
</div>
</div>
</div>
<div class="d-flex justify-content-between">
<p class="_brlbs-branding flex-fill">
<a
href="https://de.borlabs.io/borlabs-cookie/"
target="_blank"
rel="nofollow noopener noreferrer"
>
<img src="https://www.elato.media/wp-content/plugins/borlabs-cookie//images/borlabs-cookie-icon-black.svg" alt="Borlabs Cookie">
powered by Borlabs Cookie </a>
</p>
<p class="_brlbs-legal flex-fill">
<a href="https://www.elato.media/datenschutz/">
Datenschutzerklärung </a>
<span class="_brlbs-separator"></span>
<a href="https://www.elato.media/impressum/">
Impressum </a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</script></div><!--googleon: all--> <script>
const lazyloadRunObserver = () => {
const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
entries.forEach( ( entry ) => {
if ( entry.isIntersecting ) {
let lazyloadBackground = entry.target;
if( lazyloadBackground ) {
lazyloadBackground.classList.add( 'e-lazyloaded' );
}
lazyloadBackgroundObserver.unobserve( entry.target );
}
});
}, { rootMargin: '200px 0px 200px 0px' } );
lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
lazyloadBackgroundObserver.observe( lazyloadBackground );
} );
};
const events = [
'DOMContentLoaded',
'elementor/lazyload/observe',
];
events.forEach( ( event ) => {
document.addEventListener( event, lazyloadRunObserver );
} );
</script>
<link rel='stylesheet' id='elementor-post-24416-css' href='https://www.elato.media/wp-content/uploads/elementor/css/post-24416.css?v=1742893511' type='text/css' media='all' />
<script type="text/javascript" src="https://www.elato.media/wp-includes/js/dist/hooks.min.js?v=1742893511" id="wp-hooks-js"></script>
<script type="text/javascript" src="https://www.elato.media/wp-includes/js/dist/i18n.min.js?v=1742893511" id="wp-i18n-js"></script>
<script type="text/javascript" id="wp-i18n-js-after">
/* <![CDATA[ */
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
/* ]]> */
</script>
<script type="text/javascript" src="https://www.elato.media/wp-content/plugins/contact-form-7/includes/swv/js/index.js?v=1742893511" id="swv-js"></script>
<script type="text/javascript" id="contact-form-7-js-translations">
/* <![CDATA[ */
( 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-02-03 17:24:24+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="text/javascript" id="contact-form-7-js-before">
/* <![CDATA[ */
var wpcf7 = {
"api": {
"root": "https:\/\/www.elato.media\/wp-json\/",
"namespace": "contact-form-7\/v1"
},
"cached": 1
};
/* ]]> */
</script>
<script type="text/javascript" src="https://www.elato.media/wp-content/plugins/contact-form-7/includes/js/index.js?v=1742893511" id="contact-form-7-js"></script>
<script type="text/javascript" id="functionality_googleRanking-js-extra">
/* <![CDATA[ */
var functionality_ranking = {"ajax_url":"https:\/\/www.elato.media\/wp-admin\/admin-ajax.php","nonce":"f2264827ec"};
/* ]]> */
</script>
<script type="text/javascript" src="https://www.elato.media/wp-content/plugins/elato_tools/assets/js/functionality_googleRanking.js?v=1742893511" id="functionality_googleRanking-js"></script>
<script type="text/javascript" id="functionality_indexBulk-js-extra">
/* <![CDATA[ */
var ajax_object = {"ajax_url":"https:\/\/www.elato.media\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script type="text/javascript" src="https://www.elato.media/wp-content/plugins/elato_tools/assets/js/functionality_indexBulk.js?v=1742893511" id="functionality_indexBulk-js"></script>
<script type="text/javascript" src="https://www.elato.media/wp-content/plugins/elato_tools/assets/js/functionality_googleAdsViewer.js?v=1742893511" id="functionality_googleAdsViewer-js"></script>
<script type="text/javascript" src="https://www.elato.media/wp-includes/js/imagesloaded.min.js?v=1742893511" id="imagesloaded-js"></script>
<script type="text/javascript" src="https://www.elato.media/wp-content/themes/sandbox/js/jquery.isotope.min.js?v=1742893511" id="isotope-js"></script>
<script type="text/javascript" src="https://www.elato.media/wp-content/themes/sandbox/js/plugin-addon.js?v=1742893511" id="sandbox-plugin-script-js"></script>
<script type="text/javascript" src="https://www.elato.media/wp-content/themes/sandbox/js/elementor.js?v=1742893511" id="sandbox-elementor-js"></script>
<script type="text/javascript" src="https://www.elato.media/wp-content/themes/sandbox/js/elementor-header.js?v=1742893511" id="sandbox-elementor-header-js"></script>
<script type="text/javascript" src="https://www.elato.media/wp-content/themes/sandbox/js/scripts.js?v=1742893511" id="sandbox-scripts-js"></script>
<script type="text/javascript" src="https://www.elato.media/wp-content/plugins/pro-elements/assets/lib/sticky/jquery.sticky.min.js?v=1742893511" id="e-sticky-js"></script>
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LcGjG8qAAAAAF3BUts8wbboHiFswuHShxvqUkBD&ver=3.0&v=1742893511" id="google-recaptcha-js"></script>
<script type="text/javascript" src="https://www.elato.media/wp-includes/js/dist/vendor/wp-polyfill.min.js?v=1742893511" id="wp-polyfill-js"></script>
<script type="text/javascript" id="wpcf7-recaptcha-js-before">
/* <![CDATA[ */
var wpcf7_recaptcha = {
"sitekey": "6LcGjG8qAAAAAF3BUts8wbboHiFswuHShxvqUkBD",
"actions": {
"homepage": "homepage",
"contactform": "contactform"
}
};
/* ]]> */
</script>
<script type="text/javascript" src="https://www.elato.media/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?v=1742893511" id="wpcf7-recaptcha-js"></script>
<script type="text/javascript" id="borlabs-cookie-js-extra">
/* <![CDATA[ */
var borlabsCookieConfig = {"ajaxURL":"https:\/\/www.elato.media\/wp-admin\/admin-ajax.php","language":"de","animation":"1","animationDelay":"","animationIn":"fadeInDown","animationOut":"flipOutX","blockContent":"1","boxLayout":"box","boxLayoutAdvanced":"1","automaticCookieDomainAndPath":"","cookieDomain":"www.elato.media","cookiePath":"\/","cookieLifetime":"365","crossDomainCookie":[],"cookieBeforeConsent":"","cookiesForBots":"1","cookieVersion":"1","hideCookieBoxOnPages":[],"respectDoNotTrack":"","reloadAfterConsent":"","showCookieBox":"1","cookieBoxIntegration":"javascript","ignorePreSelectStatus":"1","cookies":{"essential":["borlabs-cookie"],"statistics":["google-tag-manager"],"marketing":[],"external-media":["facebook","googlemaps","instagram","openstreetmap","twitter","vimeo","youtube"]}};
var borlabsCookieCookies = {"essential":{"borlabs-cookie":{"cookieNameList":{"borlabs-cookie":"borlabs-cookie"},"settings":{"blockCookiesBeforeConsent":"0","prioritize":"0"}}},"statistics":{"google-tag-manager":{"optInJS":"","optOutJS":""}},"external-media":{"facebook":{"optInJS":"PHNjcmlwdD5pZih0eXBlb2Ygd2luZG93LkJvcmxhYnNDb29raWUgPT09ICJvYmplY3QiKSB7IHdpbmRvdy5Cb3JsYWJzQ29va2llLnVuYmxvY2tDb250ZW50SWQoImZhY2Vib29rIik7IH08L3NjcmlwdD4=","optOutJS":""},"googlemaps":{"optInJS":"PHNjcmlwdD5pZih0eXBlb2Ygd2luZG93LkJvcmxhYnNDb29raWUgPT09ICJvYmplY3QiKSB7IHdpbmRvdy5Cb3JsYWJzQ29va2llLnVuYmxvY2tDb250ZW50SWQoImdvb2dsZW1hcHMiKTsgfTwvc2NyaXB0Pg==","optOutJS":""},"instagram":{"optInJS":"PHNjcmlwdD5pZih0eXBlb2Ygd2luZG93LkJvcmxhYnNDb29raWUgPT09ICJvYmplY3QiKSB7IHdpbmRvdy5Cb3JsYWJzQ29va2llLnVuYmxvY2tDb250ZW50SWQoImluc3RhZ3JhbSIpOyB9PC9zY3JpcHQ+","optOutJS":""},"openstreetmap":{"optInJS":"PHNjcmlwdD5pZih0eXBlb2Ygd2luZG93LkJvcmxhYnNDb29raWUgPT09ICJvYmplY3QiKSB7IHdpbmRvdy5Cb3JsYWJzQ29va2llLnVuYmxvY2tDb250ZW50SWQoIm9wZW5zdHJlZXRtYXAiKTsgfTwvc2NyaXB0Pg==","optOutJS":""},"twitter":{"optInJS":"PHNjcmlwdD5pZih0eXBlb2Ygd2luZG93LkJvcmxhYnNDb29raWUgPT09ICJvYmplY3QiKSB7IHdpbmRvdy5Cb3JsYWJzQ29va2llLnVuYmxvY2tDb250ZW50SWQoInR3aXR0ZXIiKTsgfTwvc2NyaXB0Pg==","optOutJS":""},"vimeo":{"optInJS":"PHNjcmlwdD5pZih0eXBlb2Ygd2luZG93LkJvcmxhYnNDb29raWUgPT09ICJvYmplY3QiKSB7IHdpbmRvdy5Cb3JsYWJzQ29va2llLnVuYmxvY2tDb250ZW50SWQoInZpbWVvIik7IH08L3NjcmlwdD4=","optOutJS":""},"youtube":{"optInJS":"PHNjcmlwdD5pZih0eXBlb2Ygd2luZG93LkJvcmxhYnNDb29raWUgPT09ICJvYmplY3QiKSB7IHdpbmRvdy5Cb3JsYWJzQ29va2llLnVuYmxvY2tDb250ZW50SWQoInlvdXR1YmUiKTsgfTwvc2NyaXB0Pg==","optOutJS":""}}};
/* ]]> */
</script>
<script type="text/javascript" src="https://www.elato.media/wp-content/plugins/borlabs-cookie/javascript/borlabs-cookie.min.js?v=1742893511" id="borlabs-cookie-js"></script>
<script type="text/javascript" id="borlabs-cookie-js-after">
/* <![CDATA[ */
document.addEventListener("DOMContentLoaded", function (e) {
var borlabsCookieContentBlocker = {"facebook": {"id": "facebook","global": function (contentBlockerData) { },"init": function (el, contentBlockerData) { if(typeof FB === "object") { FB.XFBML.parse(el.parentElement); } },"settings": {"executeGlobalCodeBeforeUnblocking":false}},"default": {"id": "default","global": function (contentBlockerData) { },"init": function (el, contentBlockerData) { },"settings": {"executeGlobalCodeBeforeUnblocking":false}},"googlemaps": {"id": "googlemaps","global": function (contentBlockerData) { },"init": function (el, contentBlockerData) { },"settings": {"executeGlobalCodeBeforeUnblocking":false}},"instagram": {"id": "instagram","global": function (contentBlockerData) { },"init": function (el, contentBlockerData) { if (typeof instgrm === "object") { instgrm.Embeds.process(); } },"settings": {"executeGlobalCodeBeforeUnblocking":false}},"openstreetmap": {"id": "openstreetmap","global": function (contentBlockerData) { },"init": function (el, contentBlockerData) { },"settings": {"executeGlobalCodeBeforeUnblocking":false}},"twitter": {"id": "twitter","global": function (contentBlockerData) { },"init": function (el, contentBlockerData) { },"settings": {"executeGlobalCodeBeforeUnblocking":false}},"vimeo": {"id": "vimeo","global": function (contentBlockerData) { },"init": function (el, contentBlockerData) { },"settings": {"executeGlobalCodeBeforeUnblocking":false,"saveThumbnails":false,"videoWrapper":false}},"youtube": {"id": "youtube","global": function (contentBlockerData) { },"init": function (el, contentBlockerData) { },"settings": {"executeGlobalCodeBeforeUnblocking":false,"changeURLToNoCookie":true,"saveThumbnails":false,"thumbnailQuality":"maxresdefault","videoWrapper":false}}};
var BorlabsCookieInitCheck = function () {
if (typeof window.BorlabsCookie === "object" && typeof window.jQuery === "function") {
if (typeof borlabsCookiePrioritized !== "object") {
borlabsCookiePrioritized = { optInJS: {} };
}
window.BorlabsCookie.init(borlabsCookieConfig, borlabsCookieCookies, borlabsCookieContentBlocker, borlabsCookiePrioritized.optInJS);
} else {
window.setTimeout(BorlabsCookieInitCheck, 50);
}
};
BorlabsCookieInitCheck();});
/* ]]> */
</script>
<script type="text/javascript" src="https://www.elato.media/wp-content/plugins/pro-elements/assets/js/webpack-pro.runtime.min.js?v=1742893511" id="elementor-pro-webpack-runtime-js"></script>
<script type="text/javascript" src="https://www.elato.media/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?v=1742893511" id="elementor-webpack-runtime-js"></script>
<script type="text/javascript" src="https://www.elato.media/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?v=1742893511" id="elementor-frontend-modules-js"></script>
<script type="text/javascript" id="elementor-pro-frontend-js-before">
/* <![CDATA[ */
var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/www.elato.media\/wp-admin\/admin-ajax.php","nonce":"afb8f58cdc","urls":{"assets":"https:\/\/www.elato.media\/wp-content\/plugins\/pro-elements\/assets\/","rest":"https:\/\/www.elato.media\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":false},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"de_DE","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/www.elato.media\/wp-content\/plugins\/pro-elements\/modules\/lottie\/assets\/animations\/default.json"}};
/* ]]> */
</script>
<script type="text/javascript" src="https://www.elato.media/wp-content/plugins/pro-elements/assets/js/frontend.min.js?v=1742893511" id="elementor-pro-frontend-js"></script>
<script type="text/javascript" src="https://www.elato.media/wp-includes/js/jquery/ui/core.min.js?v=1742893511" id="jquery-ui-core-js"></script>
<script type="text/javascript" id="elementor-frontend-js-before">
/* <![CDATA[ */
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Auf Facebook teilen","shareOnTwitter":"Auf Twitter teilen","pinIt":"Anheften","download":"Download","downloadImage":"Bild downloaden","fullscreen":"Vollbild","zoom":"Zoom","share":"Teilen","playVideo":"Video abspielen","previous":"Zur\u00fcck","next":"Weiter","close":"Schlie\u00dfen","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":true},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":true},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Breitbild","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":true},"version":"3.27.7","is_static":false,"experimentalFeatures":{"additional_custom_breakpoints":true,"container":true,"e_swiper_latest":true,"e_optimized_markup":true,"e_onboarding":true,"theme_builder_v2":true,"home_screen":true,"landing-pages":true,"nested-elements":true,"link-in-bio":true,"floating-buttons":true},"urls":{"assets":"https:\/\/www.elato.media\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/www.elato.media\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/www.elato.media\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"4c473b19a1"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_mobile_extra","viewport_tablet","viewport_tablet_extra"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":41846,"title":"HTML%20%28HyperText%20Markup%20Language%29","excerpt":"","featuredImage":false}};
/* ]]> */
</script>
<script type="text/javascript" src="https://www.elato.media/wp-content/plugins/elementor/assets/js/frontend.min.js?v=1742893511" id="elementor-frontend-js"></script>
<script type="text/javascript" src="https://www.elato.media/wp-content/plugins/pro-elements/assets/js/elements-handlers.min.js?v=1742893511" id="pro-elements-handlers-js"></script>
</body>
</html>
