<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ZenKod</title>
	<atom:link href="https://zenkod.de/feed/" rel="self" type="application/rss+xml" />
	<link>https://zenkod.de</link>
	<description>Finding Zen in code.</description>
	<lastBuildDate>Tue, 13 Feb 2024 17:16:11 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.8.10</generator>

<image>
	<url>https://zenkod.de/wp-content/uploads/2020/06/cropped-Icon-32x32.png</url>
	<title>ZenKod</title>
	<link>https://zenkod.de</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Shopware 6.4 to 6.5 (update duuh!)</title>
		<link>https://zenkod.de/blog/shopware-6-4-to-6-5-update-duuh/</link>
		
		<dc:creator><![CDATA[engine]]></dc:creator>
		<pubDate>Tue, 13 Feb 2024 08:46:00 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Deployer]]></category>
		<category><![CDATA[Git Versioning]]></category>
		<category><![CDATA[Pipeline]]></category>
		<category><![CDATA[Shopware]]></category>
		<category><![CDATA[Shopware 6.4 to 6.5]]></category>
		<category><![CDATA[Shopware Update]]></category>
		<category><![CDATA[Symfony]]></category>
		<category><![CDATA[Update Process]]></category>
		<guid isPermaLink="false">https://zenkod.de/?p=7975</guid>

					<description><![CDATA[Shopware 6.4 auf 6.5 update: ein Unterfangen, das sich als ebenso herausfordernd wie eine Expedition zum Mount Everest erweist (fast). Doch wie heißt es so schön? Kein Aufstieg ohne Anstrengung und kein Update ohne ein paar nervenaufreibende Momente. Hier ist unsere Geschichte. Systemaufstellung Verfügbarkeit: Wir nutzen das Blue-Green-Entwicklungskonzept durch Deployer, um Änderungen sicher und nahtlos [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="7975" class="elementor elementor-7975" data-elementor-settings="[]">
						<div class="elementor-inner">
							<div class="elementor-section-wrap">
							<section class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-c45c25f elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="c45c25f" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9680de8" data-id="9680de8" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-3ab2e68 elementor-widget elementor-widget-text-editor" data-id="3ab2e68" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<div class="elementor-text-editor elementor-clearfix">
				<p>Shopware 6.4 auf 6.5 update: ein Unterfangen, das sich als ebenso herausfordernd wie eine Expedition zum Mount Everest erweist (fast). Doch wie heißt es so schön? Kein Aufstieg ohne Anstrengung und kein Update ohne ein paar nervenaufreibende Momente. Hier ist unsere Geschichte.</p>					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-b067b65 elementor-widget elementor-widget-heading" data-id="b067b65" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Systemaufstellung</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-0084106 elementor-widget elementor-widget-text-editor" data-id="0084106" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<div class="elementor-text-editor elementor-clearfix">
				<ul><li><strong>Verfügbarkeit</strong>: Wir nutzen das Blue-Green-Entwicklungskonzept durch Deployer, um Änderungen sicher und nahtlos zu implementieren</li><li><strong>Versionierungssystem</strong>: Git-Versionierungssystem ermöglicht eine transparente und konsistente Verwaltung des Quellcodes</li><li><strong>Deployment</strong>: Eine gut strukturierte Deployment-Pipeline sorgt für eine effiziente Bereitstellung von Updates und neuen Funktionen</li><li><strong>Server</strong>: Wir betreiben separate Staging- und Live-Umgebungen auf unterschiedlichen Hostern</li><li><strong>Versionen</strong>:<ul><li>Aktuelle Shopware-Version: 6.4.18.0</li><li>Ziel-Shopware-Version: 6.5.7.3 (zum Zeitpunkt des Schreibens)</li></ul></li></ul>					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-ab69c53 elementor-widget elementor-widget-text-editor" data-id="ab69c53" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<div class="elementor-text-editor elementor-clearfix">
				<p>Die Migration wird zunächst im Staging durchgeführt, bevor sie auf die Live-Umgebung übertragen werden. Anschließend wird die Migration im Live-Betrieb wiederholt.</p>					</div>
						</div>
				</div>
				<section class="has_eae_slider elementor-section elementor-inner-section elementor-element elementor-element-1648f1c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1648f1c" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-b339387" data-id="b339387" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-7ee665a elementor-widget elementor-widget-text-editor" data-id="7ee665a" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<div class="elementor-text-editor elementor-clearfix">
				<p><strong>Warum ist das gut?</strong></p><ul><li><strong>Früherkennung von Problemen</strong>: Durch die Durchführung der Migration zuerst im Staging können potenzielle Probleme identifiziert und behoben werden, bevor sie Auswirkungen auf die Live-Umgebung haben. Als Bonus erhalten wir eine <span style="font-weight: bolder;">Step für step update Einleitung </span>um die Live Instanz leichter zu aktualisieren.</li></ul>					</div>
						</div>
				</div>
						</div>
					</div>
		</div>
				<div class="has_eae_slider elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-621a552" data-id="621a552" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-e0fed5c elementor-widget elementor-widget-text-editor" data-id="e0fed5c" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<div class="elementor-text-editor elementor-clearfix">
				<strong>Warum ist das schlecht?</strong>
<ul>
 	<li><strong>Zeitaufwand</strong>: Der Prozess der Migration erfordert mehr Zeit und Ressourcen, da wir das Update zweimal durchführen müssen.</li>
</ul>					</div>
						</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-3bb4473 elementor-widget elementor-widget-heading" data-id="3bb4473" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Todos (der plan)</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-0d0a0f3 elementor-widget elementor-widget-text-editor" data-id="0d0a0f3" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<div class="elementor-text-editor elementor-clearfix">
				<p>Unsere //Todo&#8217;s:</p><ul><li>Eigenentwickelte Plugins aktualisieren</li><li>Shopware aktualisieren</li></ul><div> </div><div>Einfach, oder?</div><div> </div>					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-2e92631 elementor-widget elementor-widget-heading" data-id="2e92631" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Unterbrechungsfreies Update </h2>		</div>
				</div>
				<div class="elementor-element elementor-element-522b74b elementor-widget elementor-widget-text-editor" data-id="522b74b" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<div class="elementor-text-editor elementor-clearfix">
				<p>Um Unterbrechungen der Seite zu minimieren, verwenden wir folgenden Ansatz:</p><ol><li>Aufsetzen einer neuen (Deployer)-Release-Struktur (FS).</li><li>Duplizieren der Live-Datenbank</li><li>Erstellen einer temporären Domain für das Update und Verweisen auf das neue FS + DB</li><li>Durchführen des Updates auf der temporären Domain (Code + DB).</li><li>Weiterleitung der Live-Seite auf eine &#8220;maintenance.html&#8221; (vHost auf andere Verzeichnis) &#8211; ab diesem Punkt ist die Seite offline</li><li>Verknüpfen des neuen FS mit der Live-DB (SW 6.4.20).</li><li>Durchführen der DB-Migrationen (live db upgrade)</li><li>Übernahme des neuen Release-FS als neues Live-FS</li><li>Caffè fertigsaufen</li></ol><p>Vorgehensweise visualisiert:</p>					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-c3462fb elementor-widget elementor-widget-image" data-id="c3462fb" data-element_type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
								<div class="elementor-image">
													<a href="https://zenkod.de/wp-content/uploads/2024/02/6.4-to-6.5.webp" data-elementor-open-lightbox="yes" data-elementor-lightbox-title="6.4-to-6.5">
							<img width="1636" height="899" src="https://zenkod.de/wp-content/uploads/2024/02/6.4-to-6.5.webp" class="attachment-full size-full" alt="" loading="lazy" />								</a>
														</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-9fabb75 elementor-widget elementor-widget-spacer" data-id="9fabb75" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-c6c10d4 elementor-widget elementor-widget-heading" data-id="c6c10d4" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Ansatz im detail</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-e70bdb2 elementor-widget elementor-widget-text-editor" data-id="e70bdb2" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<div class="elementor-text-editor elementor-clearfix">
				<h3><span style="color: inherit; font-family: inherit;">#Aufsetzen einer neuen (Deployer)-Release-Struktur (FS).</span></h3><p><b>#step<br /></b>Deployer Release-Struktur duplizieren. <span style="background-color: transparent; font-size: 16px; color: var( --e-global-color-primary ); font-weight: var( --e-global-typography-text-font-weight ); text-decoration-line: underline;"><a href="https://developer.shopware.com/docs/guides/hosting/installation-updates/deployments/deployment-with-deployer.html" target="_blank" rel="noopener">Hier</a></span><span style="background-color: transparent; font-size: 16px; color: var( --e-global-color-primary ); font-weight: var( --e-global-typography-text-font-weight );"> kannst du mehr über Deployer lernen. <br />Um zu checken, ob alle Links ausgetauscht sind, oder ob einfach die verlinkungen richtig sind, nutze einfach diesen Bash-Befehl:</span></p>					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-738b7bc elementor-widget elementor-widget-code-highlight" data-id="738b7bc" data-element_type="widget" data-widget_type="code-highlight.default">
				<div class="elementor-widget-container">
					<div class="prismjs-okaidia copy-to-clipboard ">
			<pre data-line="" class="highlight-height language-javascript line-numbers">
				<code readonly="true" class="language-javascript">
					<xmp># find the links
ls -lR . | grep '^l'</xmp>
				</code>
			</pre>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-3935f1a elementor-widget elementor-widget-spacer" data-id="3935f1a" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-214b165 elementor-widget elementor-widget-text-editor" data-id="214b165" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<div class="elementor-text-editor elementor-clearfix">
				<h3><span style="color: inherit; font-family: inherit;">#D</span>urchführen des Updates auf der temporären Domain (Release-FS + Temp-DB)</h3><p><b>#step</b><span style="color: var( --e-global-color-primary ); font-size: 1rem;"><b><br /></b><span style="font-weight: var( --e-global-typography-text-font-weight );">Für dieses Update willst du alle Plugins deaktivieren. Hier ist der Befehl dafür. Erstmal finde heraus welche plugins überhaupt Aktiv und Installiert sind:</span></span></p>					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-a0ecea1 elementor-widget elementor-widget-code-highlight" data-id="a0ecea1" data-element_type="widget" data-widget_type="code-highlight.default">
				<div class="elementor-widget-container">
					<div class="prismjs-okaidia copy-to-clipboard ">
			<pre data-line="" class="highlight-height language-javascript line-numbers">
				<code readonly="true" class="language-javascript">
					<xmp># Zeige alle Plugins, die aktiviert oder installiert sind.
./bin/console plugin:refresh | grep "Yes"</xmp>
				</code>
			</pre>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-29fe8d3 elementor-widget elementor-widget-text-editor" data-id="29fe8d3" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<div class="elementor-text-editor elementor-clearfix">
				<p>Ergebnis kopieren und mit ein bisschen Magie und VS Code oder ChatGPT eine Liste der Plugin-Namen erzeugen, mit einem Leerzeichen getrennt.<br />Damit kannst du nun nutzen, um alle Plugins zu deaktivieren.</p>					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-0b7445d elementor-widget elementor-widget-code-highlight" data-id="0b7445d" data-element_type="widget" data-widget_type="code-highlight.default">
				<div class="elementor-widget-container">
					<div class="prismjs-okaidia copy-to-clipboard ">
			<pre data-line="" class="highlight-height language-javascript line-numbers">
				<code readonly="true" class="language-javascript">
					<xmp># liste
... SwagPayPal SwagExtensionStore ...

# plugins deaktivieren
./bin/console plugin:uninstall SwagPayPal SwagExtensionStore</xmp>
				</code>
			</pre>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-4372a29 elementor-widget elementor-widget-text-editor" data-id="4372a29" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<div class="elementor-text-editor elementor-clearfix">
				<p><strong><br />#step <br /></strong>Shopware auf 6.4.20.0 übers Backend aktualisieren. Ja ich weiß, wir haben einem Pipeline (deployment) System der die benötigten Dateien (Symfony) auf die 6.4.20 aktualisieren könnte, aber das heißt erstmal der Pipeline mit SW6.4.20 starten und dann nochmal auf 6.5.8.2 ist nicht zielführend. Das Update auf Version 6.4.20.0 ist sicher über das Backend möglich.</p><p> </p><p><b style="color: var( --e-global-color-primary ); font-size: 1rem;">#Potenzielle Fehler:</b><span style="color: var( --e-global-color-primary ); font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;"> Update abbricht.</span></p><p><span style="color: var( --e-global-color-primary ); font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;">Die dateien nuter ./bin/ haben nicht die Execution Flag. Dafür:</span></p>					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-19715c0 elementor-widget elementor-widget-code-highlight" data-id="19715c0" data-element_type="widget" data-widget_type="code-highlight.default">
				<div class="elementor-widget-container">
					<div class="prismjs-okaidia copy-to-clipboard ">
			<pre data-line="" class="highlight-height language-javascript line-numbers">
				<code readonly="true" class="language-javascript">
					<xmp> chmod +x ./bin/*</xmp>
				</code>
			</pre>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-fb190ac elementor-widget elementor-widget-text-editor" data-id="fb190ac" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<div class="elementor-text-editor elementor-clearfix">
				<p>Zusätzlich schlagen folgende Migrationen fehl (im Staging), daher sollte jemand in der Datenbank prüfen und diese als durchgeführt markieren können.</p>					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-1c3e192 elementor-widget elementor-widget-code-highlight" data-id="1c3e192" data-element_type="widget" data-widget_type="code-highlight.default">
				<div class="elementor-widget-container">
					<div class="prismjs-okaidia copy-to-clipboard ">
			<pre data-line="" class="highlight-height language-javascript line-numbers">
				<code readonly="true" class="language-javascript">
					<xmp> INSERT INTO `migration` (`class`, `creation_timestamp`, `update`, `update_destructive`, `message`) VALUES
    ('Shopware\\Core\\Migration\\V6_5\\Migration1673420896RemoveUndefinedSalutation', 1673420896, '2024-01-18 13:28:51.442115', NULL, NULL),
    ('Shopware\\Core\\Migration\\V6_5\\Migration1688717599UpdateCreatedByIdAndUpdatedByIdInOrderAndCustomer', 1688717599, '2024-01-19 13:35:11.000000', NULL, NULL);</xmp>
				</code>
			</pre>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-a2fd9b3 elementor-widget elementor-widget-text-editor" data-id="a2fd9b3" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<div class="elementor-text-editor elementor-clearfix">
				<p><strong><br />#step<br /></strong></p><div><div>Pipeline  mit die Shopware 6.5.8.2 starten (auf die gespiegelte FS).</div><div>Nun hast du Shopware auf die letzte Version. (Falls du kein Pipeline-Setup hast, na&#8230; das ist ne andere Geschichte.  Es sollte einfacher sein, aber das ist es nicht. Teilen Sie uns dies mit, und wir werden den Beitrag erweitern, um auch ein Update ohne Pipeline einzubeziehen<span style="color: var( --e-global-color-primary ); font-size: 1rem; font-weight: var( --e-global-typography-text-font-weight );">).</span></div><div> </div><div><b>#step</b></div><div>Als Nächstes aktualisierst du alle Plugins <strong>per hand 🤮 </strong>auf die letzte version. Das geht leider noch nicht über die Konsole.</div></div><div>… 3 Stunden später</div><div> </div><ul><li>Plugins installieren/aktivieren<strong> </strong></li><li>Theme neu zuweisen</li><li>Plugin Migrationen starten (./bin/console database:migrate &#8212; all &lt;Plugin Name&gt;) </li></ul><div> </div>					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-1270774 elementor-widget elementor-widget-code-highlight" data-id="1270774" data-element_type="widget" data-widget_type="code-highlight.default">
				<div class="elementor-widget-container">
					<div class="prismjs-okaidia copy-to-clipboard ">
			<pre data-line="" class="highlight-height language-javascript line-numbers">
				<code readonly="true" class="language-javascript">
					<xmp>./bin/console plugin:activate SwagPayPal SwagExtensionStore

# migrationen starten 

./bin/console plugin:activate --all SwagPayPal
./bin/console plugin:activate --all SwagExtensionStore
...
</xmp>
				</code>
			</pre>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-6400923 elementor-widget elementor-widget-text-editor" data-id="6400923" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<div class="elementor-text-editor elementor-clearfix">
				<p style="font-family: monospace; color: #1b262c;"><span style="color: inherit; font-family: inherit;">Glückwunsch, deine temporäre Domäne rockt die letzte Shopware 6.5 Version.</span></p><h3><span style="color: inherit; font-family: inherit;"> </span></h3><h3><span style="color: inherit; font-family: inherit;">#Nun das letzte Teil: Live Stellung</span></h3><div>Nun kannst du deinen Zwischenstand testen. Listenansicht, Detailansicht, Login, Bestellungen und E-Mail (durch Passwort zurücksetzen) sind die Hauptthemen, die du nicht vergessen solltest, während du testest. Jetzt kommt der zweite Teil, in dem die Live-Domäne heruntergefahren wird.</div><div> </div><div><strong>Warum down? </strong>Natürlich könntest du diese Instanz live schalten und fertig sein (mit 0 sekunden downtime). Dies führt jedoch oft zu Datenverlust, da deine Seite inzwischen weitere Einträge in der Datenbank generiert hat. Diese möchtest du auch mitnehmen, daher:</div><div> </div><div><strong>#step<br /></strong></div><ul><li>Die Live-Seite in den Wartungsmodus versetzen</li><li>Leite deine Live-Domäne auf ein Verzeichnis um, in dem du eine index.html-Datei mit dem Wartungsmodus hast. Du findest eine unter public/recovery/update/maintenance.html, oder verwende einfach diese <span style="text-decoration: underline;"><a href="https://zenkod.de/wp-content/uploads/2024/02/maitenance-index.html">Datei</a></span>)</li><li>Die Live-Datenbank duplizieren oder ein Backup davon erstellen</li></ul><div> </div>					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-9899d12 elementor-widget elementor-widget-code-highlight" data-id="9899d12" data-element_type="widget" data-widget_type="code-highlight.default">
				<div class="elementor-widget-container">
					<div class="prismjs-okaidia copy-to-clipboard ">
			<pre data-line="" class="highlight-height language-javascript line-numbers">
				<code readonly="true" class="language-javascript">
					<xmp>#maintenance seite direkt auf dem server herunterladen 

curl -o index.html  https://zenkod.de/wp-content/uploads/2024/02/maitenance-index.html

## oder

wget -O index.html  https://zenkod.de/wp-content/uploads/2024/02/maitenance-index.html</xmp>
				</code>
			</pre>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-cdd7dba elementor-widget elementor-widget-text-editor" data-id="cdd7dba" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<div class="elementor-text-editor elementor-clearfix">
				<p>nun bist, ist die Seite in Wartungsmodus.</p><ul><li>neue FS auf die live DB schalten (.env)</li><li>Plugins über die Datenbank deaktivieren (die bin/console ist meistens nicht mehr brauchbar)</li></ul>					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-93296e0 elementor-widget elementor-widget-code-highlight" data-id="93296e0" data-element_type="widget" data-widget_type="code-highlight.default">
				<div class="elementor-widget-container">
					<div class="prismjs-okaidia copy-to-clipboard ">
			<pre data-line="" class="highlight-height language-javascript line-numbers">
				<code readonly="true" class="language-javascript">
					<xmp>UPDATE `plugin` SET active = 0 WHERE active = 1;</xmp>
				</code>
			</pre>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-52cf233 elementor-widget elementor-widget-text-editor" data-id="52cf233" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<div class="elementor-text-editor elementor-clearfix">
				<ul><li>Core Migrationen starten</li></ul>					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-c6396a6 elementor-widget elementor-widget-code-highlight" data-id="c6396a6" data-element_type="widget" data-widget_type="code-highlight.default">
				<div class="elementor-widget-container">
					<div class="prismjs-okaidia copy-to-clipboard ">
			<pre data-line="" class="highlight-height language-javascript line-numbers">
				<code readonly="true" class="language-javascript">
					<xmp>./bin/console database:migrate --all</xmp>
				</code>
			</pre>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-0f7d9a2 elementor-widget elementor-widget-text-editor" data-id="0f7d9a2" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<div class="elementor-text-editor elementor-clearfix">
				<ul><li>Plugins wieder aktivieren (diesmal über konsole)</li></ul><div id="gtx-trans" style="position: absolute; left: 288px; top: 37.8208px;"><div class="gtx-trans-icon"> </div></div>					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-5e22e87 elementor-widget elementor-widget-code-highlight" data-id="5e22e87" data-element_type="widget" data-widget_type="code-highlight.default">
				<div class="elementor-widget-container">
					<div class="prismjs-okaidia copy-to-clipboard ">
			<pre data-line="" class="highlight-height language-javascript line-numbers">
				<code readonly="true" class="language-javascript">
					<xmp>./bin/console plugin:activate SwagPayPal SwagExtensionStore
./bin/console plugin:update SwagPayPal SwagExtensionStore

#cache leeren
./bin/console cache:clear

#Dreieckstausch zwischen Live FS und Deployer FS 
mv live _live 
mv update live
</xmp>
				</code>
			</pre>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-38f4500 elementor-widget elementor-widget-text-editor" data-id="38f4500" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<div class="elementor-text-editor elementor-clearfix">
				<ul><li>Richte die Live-Domäne wieder auf dein Live-Dateisystem aus.</li><li>Nun hast du deine Live-Seite aktualisiert. Diese befindet sich jedoch noch im Wartungsmodus. Teste deine Seite noch einmal, und wenn du bereit bist, nimm den Wartungsmodus heraus.</li></ul>					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-74b23eb elementor-widget elementor-widget-text-editor" data-id="74b23eb" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<div class="elementor-text-editor elementor-clearfix">
									</div>
						</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
						</div>
						</div>
					</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Bear with me</title>
		<link>https://zenkod.de/effekts/bear-me/</link>
		
		<dc:creator><![CDATA[engine]]></dc:creator>
		<pubDate>Sat, 19 Sep 2020 15:00:05 +0000</pubDate>
				<category><![CDATA[Visueller Effekt]]></category>
		<guid isPermaLink="false">https://zenkod.de/?p=5655</guid>

					<description><![CDATA[source https://codepen.io/jh3y/pen/LYNZwGm]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="5655" class="elementor elementor-5655" data-elementor-settings="[]">
						<div class="elementor-inner">
							<div class="elementor-section-wrap">
							<section class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-0d2b4e5 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle" data-id="0d2b4e5" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4eb34d1" data-id="4eb34d1" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-554c70f elementor-widget elementor-widget-html" data-id="554c70f" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<div id="app"></div>

<style>
    .mask {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1B262C;
}
.bear {
  width: 100%;
  background: transparent;
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
}
.bear__swear {
  display: none;
  position: absolute;
  left: 105%;
  top: 0;
  background: #fff;
  font-weight: bolder;
  padding: 10px;
  border-radius: 8px;
}
.bear__swear:before {
  content: '';
  background: #fff;
  position: absolute;
  top: 90%;
  right: 70%;
  height: 30px;
  width: 30px;
  clip-path: polygon(0 100%, 100% 0, 50% 0);
  -webkit-clip-path: polygon(0 100%, 100% 0, 50% 0);
}
.bear__wrap {
  width: 100px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-15%, -50%) rotate(5deg) translate(0, -75%);
          transform: translate(-15%, -50%) rotate(5deg) translate(0, -75%);
  background: transparent;
}
.bear__arm-wrap {
  background: transparent;
  position: fixed;
  height: 30px;
  width: 90px;
  z-index: 4;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(0, -50%) rotate(0deg);
          transform: translate(0, -50%) rotate(0deg);
}
.bear__arm {
  background: transparent;
  -webkit-transform-origin: left;
          transform-origin: left;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-35%, -50%) scaleX(1);
          transform: translate(-35%, -50%) scaleX(1);
}
.bear__paw {
  background: #784421;
  border-radius: 100%;
  position: fixed;
  height: 30px;
  width: 30px;
  z-index: 10;
  top: 50%;
  left: 50%;
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transform: translate(80px, -15px) scaleX(0);
          transform: translate(80px, -15px) scaleX(0);
}
.checkbox {
  border-radius: 50px;
  height: 100px;
  position: fixed;
  width: 200px;
  z-index: 5;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.checkbox [type='checkbox'] {
  cursor: pointer;
  border-radius: 50px;
  position: absolute;
  outline: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 10;
  height: 100%;
  width: 100%;
  margin: 0;
}
.checkbox__bg {
  background: #aaa;
  border-radius: 50px;
  height: 100%;
  width: 100%;
  z-index: 10;
}
.checkbox__indicator {
  background: transparent;
  height: 100%;
  width: 50%;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.checkbox__indicator:after {
  content: '';
  border-radius: 100%;
  height: 85%;
  width: 85%;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

</style>		</div>
				</div>
				<div class="elementor-element elementor-element-0f839f1 elementor-widget elementor-widget-html" data-id="0f839f1" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.13.1/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.13.1/umd/react-dom.production.min.js"></script>


<script>

    var phone =  window.matchMedia("(max-width: 700px)").matches;


    const {
        React: { useState, useRef, useEffect, Fragment },
        ReactDOM: { render },
        gsap: {
            set,
            to,
            timeline,
            utils: { random } } } =

        window;
    const rootNode = document.getElementById("app");
    const armLimit = random(0, 3);
    const headLimit = random(armLimit + 1, armLimit + 3);
    const angerLimit = random(headLimit + 1, headLimit + 3);
    const armDuration = 0.2;
    const bearDuration = 0.25;
    const checkboxDuration = 0.25;
    const pawDuration = 0.1;

    const SOUNDS = {
        ON: new Audio("https://zenkod.de/wp-content/uploads/2020/09/switch-on.mp3"),
        OFF: new Audio("https://zenkod.de/wp-content/uploads/2020/09/switch-off.mp3"),
        GROAN: new Audio("https://zenkod.de/wp-content/uploads/2020/09/bear-groan.mp3")
    };

    SOUNDS.GROAN.playbackRate = 2;

    const App = () => {
        const [checked, setChecked] = useState(false);
        const [count, setCount] = useState(1);
        const bearRef = useRef(null);
        const swearRef = useRef(null);
        const armWrapRef = useRef(null);
        const pawRef = useRef(null);
        const armRef = useRef(null);
        const bgRef = useRef(null);
        const indicatorRef = useRef(null);

        const onHover = () => {
            if (Math.random() > 0.5 && count > armLimit) {
                to(bearRef.current, bearDuration / 2, { y: "40%" });
            }
        };
        const offHover = () => {
            if (!checked) {
                to(bearRef.current, bearDuration / 2, { y: "100%" });
            }
        };
        const onChange = () => {
            if (checked) return;
            setChecked(true);
        };

        useEffect(() => {
            const grabBearTL = () => {
                /**
                                         * Different height translations for the bear elements
                                         *
                                         * Paw will go to scaleX 0.8
                                         * Arm scaleX goes down to 0.7
                                         * Arm wrap translates to 50% or 50px
                                         * Bear goes 100% -> 40% -> 0
                                         */
                let bearTranslation;
                if (count > armLimit && count < headLimit) {
                    bearTranslation = "40%";
                } else if (count >= headLimit) {
                    bearTranslation = "0%";
                }
                const onComplete = () => {
                    setChecked(false);
                    setCount(count + 1);
                };
                let onBearComplete = () => { };
                if (Math.random() > 0.5 && count > angerLimit)
                    onBearComplete = () => {
                        if (!phone)
                            SOUNDS.GROAN.play();
                        set(swearRef.current, { display: "block" });
                    };
                const base = armDuration + armDuration + pawDuration;
                const preDelay = Math.random();
                const delay = count > armLimit ? base + bearDuration + preDelay : base;
                const bearTL = timeline({ delay: Math.random(), onComplete });
                bearTL.
                    add(
                        count > armLimit ?
                            to(bearRef.current, {
                                duration: bearDuration,
                                onComplete: onBearComplete,
                                y: bearTranslation
                            }) :

                            () => { }).

                    to(
                        armWrapRef.current,
                        { x: 50, duration: armDuration },
                        count > armLimit ? preDelay : 0).

                    to(armRef.current, { scaleX: 0.7, duration: armDuration }).
                    to(pawRef.current, {
                        duration: pawDuration,
                        scaleX: 0.8,
                        onComplete: () => set(swearRef.current, { display: "none" })
                    }).

                    to(
                        bgRef.current,
                        {
                            onStart: () => {
                                if (!phone)
                                    SOUNDS.OFF.play();
                            },
                            duration: checkboxDuration,
                            backgroundColor: "#aaa"
                        },

                        delay).

                    to(
                        indicatorRef.current,
                        { duration: checkboxDuration, x: "0%" },
                        delay).

                    to(pawRef.current, { duration: pawDuration, scaleX: 0 }, delay).
                    to(
                        armRef.current,
                        { duration: pawDuration, scaleX: 1 },
                        delay + pawDuration).

                    to(
                        armWrapRef.current,
                        { duration: armDuration, x: 0 },
                        delay + pawDuration).

                    to(
                        bearRef.current,
                        { duration: bearDuration, y: "100%" },
                        delay + pawDuration);

                return bearTL;
            };
            const showTimeline = () => {
                timeline({
                    onStart: () => { if (!phone) SOUNDS.ON.play() }
                }).

                    to(
                        bgRef.current,
                        { duration: checkboxDuration, backgroundColor: "#2eec71" },
                        0).

                    to(indicatorRef.current, { duration: checkboxDuration, x: "100%" }, 0).
                    add(grabBearTL(), checkboxDuration);
            };
            if (checked) showTimeline();
        }, [checked, count]);

        return (
            React.createElement(Fragment, null,
                React.createElement("div", { className: "bear__wrap" },
                    React.createElement("div", { ref: swearRef, className: "bear__swear" }, "#@$%*!"),


                    React.createElement("svg", {
                        ref: bearRef,
                        className: "bear",
                        viewBox: "0 0 284.94574 359.73706",
                        preserveAspectRatio: "xMinYMin"
                    },

                        React.createElement("g", { id: "layer1", transform: "translate(-7.5271369,-761.38595)" },
                            React.createElement("g", {
                                id: "g5691",
                                transform: "matrix(1.2335313,0,0,1.2335313,-35.029693,-212.83637)"
                            },

                                React.createElement("path", {
                                    id: "path4372",
                                    d: "M 263.90933,1081.4151 A 113.96792,96.862576 0 0 0 149.99132,985.71456 113.96792,96.862576 0 0 0 36.090664,1081.4151 l 227.818666,0 z",
                                    style: { fill: "#784421", fillOpacity: 1 }
                                }),

                                React.createElement("path", {
                                    id: "path5634",
                                    d: "m 250.42825,903.36218 c 2e-5,66.27108 -44.75411,114.99442 -102.42825,114.99442 -57.674143,0 -98.428271,-48.72334 -98.428251,-114.99442 4e-6,-66.27106 40.754125,-92.99437 98.428251,-92.99437 57.67413,0 102.42825,26.72331 102.42825,92.99437 z",
                                    style: { fill: "#784421", fillOpacity: 1 }
                                }),

                                React.createElement("path", {
                                    id: "path5639",
                                    d: "m 217,972.86218 c 2e-5,21.53911 -30.44462,42.00002 -68,42.00002 -37.55538,0 -66.000019,-20.46091 -66,-42.00002 0,-21.53911 28.44464,-36 66,-36 37.55536,0 68,14.46089 68,36 z",
                                    style: { fill: "#e9c6af", illOpacity: 1 }
                                }),

                                React.createElement("path", {
                                    id: "path5636",
                                    d: "m 181.5,944.36218 c 0,8.28427 -20.59974,26.5 -32.75,26.5 -12.15026,0 -34.75,-18.21573 -34.75,-26.5 0,-8.28427 22.59974,-13.5 34.75,-13.5 12.15026,0 32.75,5.21573 32.75,13.5 z",
                                    style: { fill: "#000000", fillOpacity: 1 }
                                }),

                                React.createElement("g", { id: "g5681" },
                                    React.createElement("ellipse", {
                                        style: { fill: "#784421", fillOpacity: 1 },
                                        id: "path5657",
                                        cx: "69",
                                        cy: "823.07269",
                                        rx: "34.5",
                                        ry: "33.289474"
                                    }),

                                    React.createElement("path", {
                                        style: { fill: "#e9c6af", fillOpacity: 1 },
                                        d: "M 69,47.310547 A 24.25,23.399124 0 0 0 44.75,70.710938 24.25,23.399124 0 0 0 64.720703,93.720703 c 0.276316,-0.40734 0.503874,-0.867778 0.787109,-1.267578 1.70087,-2.400855 3.527087,-4.666237 5.470704,-6.798828 1.943616,-2.132591 4.004963,-4.133318 6.179687,-6.003906 2.174725,-1.870589 4.461274,-3.611714 6.855469,-5.226563 2.394195,-1.614848 4.896019,-3.10338 7.498047,-4.46875 0.539935,-0.283322 1.133058,-0.500695 1.68164,-0.773437 A 24.25,23.399124 0 0 0 69,47.310547 Z",
                                        id: "ellipse5659",
                                        transform: "translate(0,752.36216)"
                                    })),


                                React.createElement("g", { transform: "matrix(-1,0,0,1,300,0)", id: "g5685" },
                                    React.createElement("ellipse", {
                                        ry: "33.289474",
                                        rx: "34.5",
                                        cy: "823.07269",
                                        cx: "69",
                                        id: "ellipse5687",
                                        style: { fill: "#784421", illOpacity: 1 }
                                    }),

                                    React.createElement("path", {
                                        transform: "translate(0,752.36216)",
                                        id: "path5689",
                                        d: "M 69,47.310547 A 24.25,23.399124 0 0 0 44.75,70.710938 24.25,23.399124 0 0 0 64.720703,93.720703 c 0.276316,-0.40734 0.503874,-0.867778 0.787109,-1.267578 1.70087,-2.400855 3.527087,-4.666237 5.470704,-6.798828 1.943616,-2.132591 4.004963,-4.133318 6.179687,-6.003906 2.174725,-1.870589 4.461274,-3.611714 6.855469,-5.226563 2.394195,-1.614848 4.896019,-3.10338 7.498047,-4.46875 0.539935,-0.283322 1.133058,-0.500695 1.68164,-0.773437 A 24.25,23.399124 0 0 0 69,47.310547 Z",
                                        style: { fill: "#e9c6af", fillOpacity: 1 }
                                    })),


                                React.createElement("ellipse", {
                                    ry: "9.6790915",
                                    rx: "9.2701159",
                                    cy: "900.38916",
                                    cx: "105.83063",
                                    id: "path4368",
                                    style: { fill: "#000000", fillOpacity: 1 }
                                }),

                                React.createElement("ellipse", {
                                    style: { fill: "#000000", fillOpacity: 1 },
                                    id: "ellipse4370",
                                    cx: "186.89894",
                                    cy: "900.38916",
                                    rx: "9.2701159",
                                    ry: "9.6790915"
                                }),

                                count >= angerLimit &&
                                React.createElement(Fragment, null,
                                    React.createElement("path", {
                                        id: "path4396",
                                        d: "m 92.05833,865.4614 39.42665,22.76299",
                                        style: {
                                            stroke: "#000000",
                                            strokeWidth: 4.86408424,
                                            strokeLinecap: "round",
                                            strokeLinejoin: "round",
                                            strokeMiterlimit: 4,
                                            strokeOpacity: 1
                                        }
                                    }),


                                    React.createElement("path", {
                                        style: {
                                            stroke: "#000000",
                                            strokeWidth: 4.86408424,
                                            strokeLinecap: "round",
                                            strokeLinejoin: "round",
                                            strokeMiterlimit: 4,
                                            strokeOpacity: 1
                                        },

                                        d: "m 202.82482,865.4614 -39.42664,22.76299",
                                        id: "path4400"
                                    })))))),







                React.createElement("div", { ref: armWrapRef, className: "bear__arm-wrap" },
                    React.createElement("svg", {
                        ref: armRef,
                        className: "bear__arm",
                        viewBox: "0 0 250.00001 99.999997",
                        preserveAspectRatio: "xMinYMin"
                    },

                        React.createElement("g", { transform: "translate(868.57141,-900.93359)", id: "layer1" },
                            React.createElement("path", {
                                style: { fill: "#784421", fillOpacity: 1 },
                                d: "m -619.43416,945.05124 c 4.18776,73.01076 -78.25474,53.24342 -150.21568,52.94118 -82.38711,-0.34602 -98.92158,-19.44459 -98.92157,-47.05883 0,-27.61424 4.78794,-42.54902 73.82353,-42.54902 69.03559,0 171.43607,-30.93764 175.31372,36.66667 z",
                                id: "path4971"
                            }),

                            React.createElement("ellipse", {
                                style: { fill: "#e9c6af", fillOpacity: 1 },
                                id: "path4974",
                                cx: "-683.02264",
                                cy: "950.98572",
                                rx: "29.910826",
                                ry: "29.414362"
                            })))),




                React.createElement("div", { ref: pawRef, className: "bear__paw" }),
                React.createElement("div", { className: "mask" }),
                React.createElement("div", { className: "checkbox", onMouseOver: onHover, onMouseOut: offHover },
                    React.createElement("input", { type: "checkbox", onChange: onChange, checked: checked }),
                    React.createElement("div", { ref: bgRef, className: "checkbox__bg" }),
                    React.createElement("div", { ref: indicatorRef, className: "checkbox__indicator" }))));



    };

    render(React.createElement(App, null), rootNode);
</script>		</div>
				</div>
				<div class="elementor-element elementor-element-d598421 elementor-widget elementor-widget-heading" data-id="d598421" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<span class="elementor-heading-title elementor-size-default">source https://codepen.io/jh3y/pen/LYNZwGm</span>		</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
						</div>
						</div>
					</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Die 10 wichtigsten SEO-Tipps im Überblick</title>
		<link>https://zenkod.de/news/die-10-wichtigsten-seo-tipps-im-ueberblick/</link>
		
		<dc:creator><![CDATA[engine]]></dc:creator>
		<pubDate>Wed, 16 Sep 2020 19:32:09 +0000</pubDate>
				<category><![CDATA[News]]></category>
		<guid isPermaLink="false">https://zenkod.de/?p=5584</guid>

					<description><![CDATA[1. Ladezeit der Webseite anpassen. Viele unterschätzen, wie wichtig die Ladezeit ihrer Webseite ist. Deshalb vermeide unnötige Videos oder große Bilder. Falls viele Bilder benötigt werden, muss darauf geachtet werden, dass die Bilder für Web angepasst sind. Hier ein kleiner Tipp: auf der Seite sollte es kein Bild geben, was größer als 500kb ist. 2. [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="5584" class="elementor elementor-5584" data-elementor-settings="[]">
						<div class="elementor-inner">
							<div class="elementor-section-wrap">
							<section class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-562749b3 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="562749b3" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-693250f2" data-id="693250f2" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-58d5a389 elementor-widget elementor-widget-text-editor" data-id="58d5a389" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<div class="elementor-text-editor elementor-clearfix">
				<p><!-- wp:paragraph --></p>
<p><strong>1. Ladezeit der Webseite anpassen.</strong></p>
<p><img loading="lazy" class="size-medium wp-image-5596 aligncenter" src="https://zenkod.de/wp-content/uploads/2020/09/zenkod-zeit-300x199.jpg" alt="" width="300" height="199" srcset="https://zenkod.de/wp-content/uploads/2020/09/zenkod-zeit-300x199.jpg 300w, https://zenkod.de/wp-content/uploads/2020/09/zenkod-zeit.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /><br /><br />Viele unterschätzen, wie wichtig die Ladezeit ihrer Webseite ist. Deshalb vermeide unnötige Videos oder große Bilder. Falls viele Bilder benötigt werden, muss darauf geachtet werden, dass die Bilder für Web angepasst sind. Hier ein kleiner Tipp: auf der Seite sollte es kein Bild geben, was größer als 500kb ist.</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p><strong>2. Verlinken von anderen Seiten.</strong></p>
<p><img loading="lazy" class="size-medium wp-image-5591 aligncenter" src="https://zenkod.de/wp-content/uploads/2020/09/zenkod-link-300x213.jpg" alt="" width="300" height="213" srcset="https://zenkod.de/wp-content/uploads/2020/09/zenkod-link-300x213.jpg 300w, https://zenkod.de/wp-content/uploads/2020/09/zenkod-link.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p><br />Google liebt die Interaktion auf einer Seite, so länger der User auf deiner Seite ist, umso besser wird deine Seite gewertet, deswegen setzte gute Links die dem User auch wirklich was bringen. Achte dabei, dass der User deine Seite nicht verlässt, bedeutet der Link muss sich in einem anderen Fenster öffnen.</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p><strong>3. Passe deinen Inhalt für Menschen an, erst dann für Suchmaschinen </strong></p>
<p><img loading="lazy" class="size-medium wp-image-5592 aligncenter" src="https://zenkod.de/wp-content/uploads/2020/09/zenkod-menschen-300x200.jpg" alt="" width="300" height="200" srcset="https://zenkod.de/wp-content/uploads/2020/09/zenkod-menschen-300x200.jpg 300w, https://zenkod.de/wp-content/uploads/2020/09/zenkod-menschen.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p><br />Viele machen den Fehler und schreiben Texte, mit so viel Schlagwörter wie es nur möglich ist. Die Zeit wie lang ein User auf einer Seite bleibt, ist ein enormer Faktor, wie gut eine Seite gerankt wird. Also als erstes Texte in einem &#8220;normalen Deutsch&#8221; und danach Schlagwörter einfügen die relevant für Suchmaschinen sein könnten.</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p><strong>4. Verfasse individuelle und relevante Meta-Beschreibungen für jede Seite.</strong></p>
<p><img loading="lazy" class="size-medium wp-image-5593 aligncenter" src="https://zenkod.de/wp-content/uploads/2020/09/zenkod-meta-300x200.jpg" alt="" width="300" height="200" srcset="https://zenkod.de/wp-content/uploads/2020/09/zenkod-meta-300x200.jpg 300w, https://zenkod.de/wp-content/uploads/2020/09/zenkod-meta.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p><br />Jede Seite hat Informationen, also sollte auch jede Seite Meta Daten haben. Dich wichtigste Information die hier befüllt werden sollte ist die &#8220;Meta-Beschreibung&#8221;. Je nach dem welches System Sie benutzen für Ihre Webseite gibt es viele verschiedene Plugins, die das ermöglichen.</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p><strong>5. Nutze Analyse Tools</strong></p>
<p><img loading="lazy" class="size-medium wp-image-5587 aligncenter" src="https://zenkod.de/wp-content/uploads/2020/09/zenkod-auswertung-300x198.jpg" alt="" width="300" height="198" srcset="https://zenkod.de/wp-content/uploads/2020/09/zenkod-auswertung-300x198.jpg 300w, https://zenkod.de/wp-content/uploads/2020/09/zenkod-auswertung.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p><br />Das A&amp;O bei SEO sind Auswertungen, ohne Auswertungen sind keine Ergebnisse möglich. Anhand von Auswertungen sieht man, welche Seite schon gut gerankt ist, dort sieht man dann am besten, was wirklich funktioniert und was man in Zukunft übernehmen oder ausbessern kann.</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p><strong>6. Lass dich verlinken</strong></p>
<p><img loading="lazy" class="size-medium wp-image-5594 aligncenter" src="https://zenkod.de/wp-content/uploads/2020/09/zenkod-verlinkung-300x197.jpg" alt="" width="300" height="197" srcset="https://zenkod.de/wp-content/uploads/2020/09/zenkod-verlinkung-300x197.jpg 300w, https://zenkod.de/wp-content/uploads/2020/09/zenkod-verlinkung.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p><br />Die Verlinkung von deiner Seite auf einer anderen Seite ist enorm wichtig. Solche Rückverweise werden immer noch hoch gewertet.<br /><br />Lass dich von deinem Dienstleister, Partner oder Kunden auf der Webseite verlinken, wenn dies möglich ist.</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p><strong>7. ordentliche Links</strong></p>
<p><img loading="lazy" class="size-medium wp-image-5595 aligncenter" src="https://zenkod.de/wp-content/uploads/2020/09/zenkod-wort-300x200.jpg" alt="" width="300" height="200" srcset="https://zenkod.de/wp-content/uploads/2020/09/zenkod-wort-300x200.jpg 300w, https://zenkod.de/wp-content/uploads/2020/09/zenkod-wort.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p><br />Achte immer darauf, dass der Link immer Aussagekraft hat. <br /><br />Falsch: <a href="https://zenkod.de/">https://zenkod.de/</a>web/or/post4589<br />Richtig:<a href="https://zenkod.de/">https://zenkod.de/</a>News/Seo-tipps-und-tricks</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p><strong>8. Nutze deine Social Media Kanäle </strong></p>
<p><img loading="lazy" class="size-medium wp-image-5597 aligncenter" src="https://zenkod.de/wp-content/uploads/2020/09/zenkod-social-media-300x238.jpg" alt="" width="300" height="238" srcset="https://zenkod.de/wp-content/uploads/2020/09/zenkod-social-media-300x238.jpg 300w, https://zenkod.de/wp-content/uploads/2020/09/zenkod-social-media.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p><br />Verlinke dich auf deinen Social Media Kanälen oder bring anderen Seiten Betreiber dich zu verlinken.</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p><strong>9. richtige Bilderpflege </strong></p>
<p><img loading="lazy" class="size-medium wp-image-5588 aligncenter" src="https://zenkod.de/wp-content/uploads/2020/09/zenkod-bilder-300x196.jpg" alt="" width="300" height="196" srcset="https://zenkod.de/wp-content/uploads/2020/09/zenkod-bilder-300x196.jpg 300w, https://zenkod.de/wp-content/uploads/2020/09/zenkod-bilder.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p><br />Wichtig ist hier, immer ein passenden Namen für das Bild zu wählen und auch die Beschreibung, Alt-Text zu pflegen. Diese Informationen werden von Suchmaschinen so aufgenommen wie man sie einträgt. Trägt man hier nichts ein, gibt es nichts zum ranken.</p>
<p><!-- /wp:paragraph --></p>
<p><!-- wp:paragraph --></p>
<p><strong>10. Erstelle regelmäßig Inhalt</strong></p>
<p><img loading="lazy" class="size-medium wp-image-5590 aligncenter" src="https://zenkod.de/wp-content/uploads/2020/09/zenkod-inhalt-300x149.jpg" alt="" width="300" height="149" srcset="https://zenkod.de/wp-content/uploads/2020/09/zenkod-inhalt-300x149.jpg 300w, https://zenkod.de/wp-content/uploads/2020/09/zenkod-inhalt.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p><br />Lass deine Seite stätig wachsen, mit neuen Beiträgen oder Erweiterungen von Texten, achte darauf , dass der Inhalt einzigartig ist, sodass Leute wirklich ein nutzen davon haben.</p>
<p><!-- /wp:paragraph --></p>					</div>
						</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
						</div>
						</div>
					</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Abschnitt wisch</title>
		<link>https://zenkod.de/effekts/abschnitt-wisch/</link>
		
		<dc:creator><![CDATA[engine]]></dc:creator>
		<pubDate>Fri, 26 Jun 2020 13:36:28 +0000</pubDate>
				<category><![CDATA[Visueller Effekt]]></category>
		<guid isPermaLink="false">https://zenkod.de/?p=4057</guid>

					<description><![CDATA[Was würdest du mit diesen Effekt machen? Lass deine Vorstellungskraft freien Lauf Dein Inhalt, überall Sag uns was du damit machen würdest!!]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="4057" class="elementor elementor-4057" data-elementor-settings="[]">
						<div class="elementor-inner">
							<div class="elementor-section-wrap">
							<section class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-8c56206 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle" data-id="8c56206" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:2.3,&quot;sizes&quot;:[]},&quot;background_motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b227c86" data-id="b227c86" data-element_type="column">
			<div class="elementor-column-wrap">
							<div class="elementor-widget-wrap">
								</div>
					</div>
		</div>
								</div>
					</div>
		</section>
				<section class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-f7d9024 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f7d9024" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d619434" data-id="d619434" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-41401cc elementor-widget elementor-widget-spacer" data-id="41401cc" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-8d1d583 elementor-widget elementor-widget-heading" data-id="8d1d583" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Was würdest du mit diesen Effekt machen?</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-b1a036f elementor-widget elementor-widget-spacer" data-id="b1a036f" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
				<section class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-cec8b5f elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle" data-id="cec8b5f" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:2.3,&quot;sizes&quot;:[]},&quot;background_motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5cd630f" data-id="5cd630f" data-element_type="column">
			<div class="elementor-column-wrap">
							<div class="elementor-widget-wrap">
								</div>
					</div>
		</div>
								</div>
					</div>
		</section>
				<section class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-a6dcc12 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="a6dcc12" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1b0d9f1" data-id="1b0d9f1" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-e9d8a2a elementor-widget elementor-widget-spacer" data-id="e9d8a2a" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-c27c0c6 elementor-widget elementor-widget-heading" data-id="c27c0c6" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Lass deine Vorstellungskraft freien Lauf</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-70bedab elementor-widget elementor-widget-spacer" data-id="70bedab" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
				<section class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-7121ef4 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle" data-id="7121ef4" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:2.3,&quot;sizes&quot;:[]},&quot;background_motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9191bfa" data-id="9191bfa" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-897aba3 elementor-widget elementor-widget-spacer" data-id="897aba3" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-020854c ice elementor-widget__width-auto elementor-widget elementor-widget-heading" data-id="020854c" data-element_type="widget" data-settings="{&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_translateX_effect&quot;:&quot;yes&quot;,&quot;motion_fx_translateX_direction&quot;:&quot;negative&quot;,&quot;motion_fx_translateX_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:20,&quot;sizes&quot;:[]},&quot;motion_fx_translateX_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:50}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Dein Inhalt, überall</h2>		</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
				<section class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-c96c87a elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="c96c87a" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cdad9a1" data-id="cdad9a1" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-69084ad elementor-widget elementor-widget-spacer" data-id="69084ad" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-0530db4 elementor-widget elementor-widget-heading" data-id="0530db4" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Sag uns was du damit machen würdest!!</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-d6cd517 elementor-widget elementor-widget-spacer" data-id="d6cd517" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-e8e142b elementor-button-align-end elementor-mobile-button-align-center elementor-widget elementor-widget-global elementor-global-6011 elementor-widget-form" data-id="e8e142b" data-element_type="widget" data-settings="{&quot;step_next_label&quot;:&quot;N\u00e4chster&quot;,&quot;step_previous_label&quot;:&quot;Voriger&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}" data-widget_type="form.default">
				<div class="elementor-widget-container">
					<form class="elementor-form" method="post" name="New Form">
			<input type="hidden" name="post_id" value="4057"/>
			<input type="hidden" name="form_id" value="e8e142b"/>
			<input type="hidden" name="referer_title" value="" />

			
			<div class="elementor-form-fields-wrapper elementor-labels-">
								<div class="elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50">
					<label for="form-field-name" class="elementor-field-label elementor-screen-only">Name</label><input size="1" type="text" name="form_fields[name]" id="form-field-name" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Name">				</div>
								<div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-field-required">
					<label for="form-field-email" class="elementor-field-label elementor-screen-only">Email</label><input size="1" type="email" name="form_fields[email]" id="form-field-email" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Email" required="required" aria-required="true">				</div>
								<div class="elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100">
					<label for="form-field-message" class="elementor-field-label elementor-screen-only">Nachricht</label><textarea class="elementor-field-textual elementor-field  elementor-size-sm" name="form_fields[message]" id="form-field-message" rows="4" placeholder="Nachricht"></textarea>				</div>
								<div class="elementor-field-type-acceptance elementor-field-group elementor-column elementor-field-group-field_8c9bbcf elementor-col-100 elementor-field-required">
					<label for="form-field-field_8c9bbcf" class="elementor-field-label elementor-screen-only">Datenschutz</label><div class="elementor-field-subgroup"><span class="elementor-field-option"><input type="checkbox" name="form_fields[field_8c9bbcf]" id="form-field-field_8c9bbcf" class="elementor-field elementor-size-sm  elementor-acceptance-field" required="required" aria-required="true"> <label for="form-field-field_8c9bbcf">Ich habe die Hinweise gem. Art. 13 DSGVO“ gelesen. Weitere Informationen zur Vorgehensweise finden Sie hier: <a terget="_blank" href="https://zenkod.de/datenschutzerklaerung/">zur Datenschutzerklärung</a></label></span></div>				</div>
								<div class="elementor-field-type-recaptcha_v3 elementor-field-group elementor-column elementor-field-group-field_b4e3333 elementor-col-100 recaptcha_v3-inline">
					<div class="elementor-field" id="form-field-field_b4e3333"><div class="elementor-g-recaptcha" data-sitekey="6LfVDesaAAAAALVJiIeVytv4zd1cVWsU4VNDb1OH" data-type="v3" data-action="Form" data-badge="inline" data-size="invisible"></div></div>				</div>
								<div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons">
					<button type="submit" class="elementor-button elementor-size-sm">
						<span >
															<span class=" elementor-button-icon">
																										</span>
																						<span class="elementor-button-text">senden</span>
													</span>
					</button>
				</div>
			</div>
		</form>
				</div>
				</div>
				<div class="elementor-element elementor-element-f56df8b elementor-widget elementor-widget-spacer" data-id="f56df8b" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
						</div>
						</div>
					</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Parallax Text</title>
		<link>https://zenkod.de/effekts/parallax-text/</link>
		
		<dc:creator><![CDATA[engine]]></dc:creator>
		<pubDate>Tue, 23 Jun 2020 08:26:24 +0000</pubDate>
				<category><![CDATA[Visueller Effekt]]></category>
		<guid isPermaLink="false">https://zenkod.de/?p=3860</guid>

					<description><![CDATA[ZK]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3860" class="elementor elementor-3860" data-elementor-settings="[]">
						<div class="elementor-inner">
							<div class="elementor-section-wrap">
							<section class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-a4b1d08 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="a4b1d08" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5ed55ec" data-id="5ed55ec" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-ca5fe95 elementor-widget elementor-widget-html" data-id="ca5fe95" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<div class="icon-scroll"></div>

<div class="background"><span>ZK</span></div>

<script>
    const background = document.querySelector('.background');

document.addEventListener('scroll', () => {
    const scrollY = window.scrollY;
    
    if(scrollY !== 0) {
        background.style.backgroundPosition = `calc(50% + ${scrollY}px) calc(50% + ${scrollY}px)`;
    } else {
        background.style.backgroundPosition = '';
    }
});
</script>		</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
						</div>
						</div>
					</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Handgeschrieben</title>
		<link>https://zenkod.de/effekts/handgeschrieben/</link>
		
		<dc:creator><![CDATA[engine]]></dc:creator>
		<pubDate>Wed, 17 Jun 2020 09:39:55 +0000</pubDate>
				<category><![CDATA[Visueller Effekt]]></category>
		<guid isPermaLink="false">https://zenkod.de/?p=3073</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3073" class="elementor elementor-3073" data-elementor-settings="[]">
						<div class="elementor-inner">
							<div class="elementor-section-wrap">
							<section class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-1e524d0 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1e524d0" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-377f826" data-id="377f826" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-98a8ebd elementor-widget elementor-widget-html" data-id="98a8ebd" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<svg version="1.1" class="subtitle" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 229.2 69.6" style="enable-background:new 0 0 229.2 69.6;" xml:space="preserve">
											<defs>
												<clipPath id="websiteClip">
													<path d="M79.7,29.1C74.3,36,67.5,43.8,59.3,52.5c-7.1,7-11.8,11.2-13.8,12.6c-4.6,3.5-7.9,5.3-9.8,5.3h-0.4c-2.9,0-4.8-1-5.6-3
													c-0.1-0.5-0.2-0.8-0.2-1v-0.6c0-2.2,1.8-6.5,5.5-12.8l7.8-14.3C31.4,49.5,23.8,57,19.8,60.8c-1.8,0-3.4-0.6-4.8-1.8
													c-0.6-0.7-0.9-1.7-0.9-2.9c0-2.3,1.8-6.5,5.4-12.6c8-14.7,13.4-24.7,16.3-30.1h-0.2c-5.9,0.7-13,4.1-21.1,10c-1.4,0.9-3.4,2.7-6,5.5
													V29c0.5,1.3,1.3,2.2,2.5,2.9c1.5,0.5,3,0.7,4.5,0.7c0.2,0,0.6,0,0.9,0.1c0,0.9-1.6,1.9-4.8,3.1c-1.7,0.5-3.1,0.7-4.2,0.7H6.9
													c-2.5,0-4.2-2.8-4.9-8.4c-0.1-0.3-0.1-0.8-0.1-1.6v-1.1c0-2.5,0.9-4.5,2.8-5.9c1.8-1.7,4.1-3.4,7-5.1c4-2.3,9.3-4.5,15.8-6.6
													c4.8-1.2,8.6-1.8,11.5-1.8c1.5,0.2,2.9,0.8,4,1.8c1.7,1.6,2.6,3.6,2.6,5.9c0,0.3-2.3,4.5-6.9,12.6c-0.8,1.5-4.3,8-10.6,19.4v0.1
													c7.8-7.3,15.2-14.3,22.1-20.9C56,14,59.2,7.7,59.5,6.1c1.4,0.2,2.7,0.7,4,1.7c1.8,1.5,2.7,3.6,2.7,6.2v0.1
													C49.7,44,41.2,59.4,40.8,60.4c1.8-1.6,4.3-4.2,7.7-7.8c9.4-10.6,18.4-22,27.2-34C82,9.8,85.6,3.9,86.4,1c0.1-0.4,0.1-0.8,0.1-1.1
													v-0.1c0.1-0.1,0.1-0.1,0.2-0.1c1.5,0.4,3.1,1.4,4.9,3c1.8,2.3,2.8,4.1,2.8,5.3C91.5,13.2,86.6,20.2,79.7,29.1z M125.8,40
													c-0.7,1.3-1.2,2.3-1.6,3c-0.6,1-1.2,2.3-2,3.8l-2.1,3.7c-1.8,3.2-3.2,5.7-4.1,7.6c-1.5,2.8-4.1,3.4-7.7,2c-1.5-0.6-2.8-1.4-4-2.5
													c-1.2-1.2-2.1-2.3-2.5-3.4l-3.6,6.6c-4.5-0.4-6.3-2.4-5.6-6c-1.1,0.8-2.1,1.5-3,2.1C86,59,83,60.3,80.9,60.6
													c-0.7,0.1-1.3,0.2-1.8,0.2h-0.4c-1.8,0-3.4-0.7-4.7-2c-1.4-1.8-2.1-4.1-2.1-6.6v-0.6c0-3.1,1.1-7,3.2-11.5
													c3.5-7.4,8.1-12.8,13.8-16.2c1-0.6,2-1,3-1.5c0.9-0.4,1.4-0.6,1.6-0.6c0.7,0,1.9,0.2,3.4,0.6c0.7,0.2,1.5,0.4,2.2,0.7
													c2.5,1.2,3.8,3,3.8,5.4v0.4c0,1.6-0.6,3.5-1.9,5.7c-2.3,3.7-5.4,6.8-9.5,9.4l-8.3,0.2c-0.7,0.9-1.2,1.7-1.6,2.4
													c-1.5,2.7-2.3,5-2.6,6.9c0.1,0.3,0.4,0.5,0.9,0.5H80c1.4,0,3.9-0.9,7.6-2.6c2.6-1.2,5.4-2.9,8.3-5.1c0.4-0.3,0.8-0.6,1.2-0.9
													c0.6-1.2,1.1-2,1.4-2.6c0.7-1.4,2.2-4.1,4.5-8.3l0.7-1.4l0.8-1.4l1.6-2.9c1.2-2.3,2.3-4.2,3.2-5.9c5.4-9.8,8-15.1,7.9-15.9
													c2,0.2,3.6,1,4.8,2.6c1.3,1.5,1.8,3.2,1.7,5.2l-11.9,21.5c0.9-0.8,2-1.8,3.3-3l1.7-1.5l1.7-1.6c2.6-2.4,4.6-4.2,6-5.4
													c4.6,0.4,6.4,2.6,5.4,6.6c-0.4,1.5-1.2,3.4-2.4,5.7l-0.8,1.5L125.8,40z M85.4,38.8l4,0.2c0.9-0.3,1.7-0.7,2.4-1.2
													c0.3-0.2,0.8-0.6,1.5-1.3c0.7-0.8,1.2-1.6,1.6-2.4c0.7-1.5,1.1-2.8,1.1-3.9c0-0.7-0.2-1.1-0.6-1.3h-0.2c-0.8,0.1-1.8,0.7-3.1,1.8
													c-1.3,1.2-2.2,2.1-2.9,2.8C87.7,35.4,86.4,37.1,85.4,38.8z M119.9,35.9l-13.6,11.5c-0.3,0.2-0.6,0.4-0.9,0.6l-0.4,0.6
													c0.2,1.7,0.7,3,1.5,4c0.9,1,1.8,1.4,3,1.1L119.9,35.9z M227.8,43.1v0.6c0,1.2-0.4,2.2-1.1,3h-0.1c-0.2-0.7-0.6-1.3-1.2-1.8
													c-0.7-0.3-1.3-0.5-1.8-0.5H223c-3.2,0-9.8,2.8-19.8,8.5c-9,5.2-14.8,7.8-17.3,7.8h-0.3c-3.4,0-5.6-1.9-6.7-5.6
													c-0.2-1.1-0.4-2.2-0.4-3.1v-0.5c0-1.4,0.2-3,0.6-4.6c-4.3,3.9-9,8.2-14.3,13c-0.6,0.6-0.9,0.8-0.9,0.8c-1.7,0-3.1-0.5-4.4-1.5
													c-0.7-0.8-1.1-1.7-1.1-2.6v-0.6c0-1.7,1.3-5,4-9.8c-4.1,3.8-8.2,7.5-12.4,11.2c-2.3,2.2-3.6,3.3-3.7,3.3c-1.3,0-2.6-0.4-4-1.1
													c-1.2-0.8-1.8-1.9-1.8-3.2v-0.4c0-2.2,1.5-5.8,4.4-10.9c0.7-1.2,1.4-2.5,2.2-3.9c-2.6,1.1-4.9,2.2-7,3.3c0.3,1.7,0.5,3.2,0.5,4.7
													v0.3c0,3.4-0.9,6.4-2.7,8.9c-1.5,1.6-3.2,2.4-5.3,2.4h-0.4c-1.9,0-3.7-0.7-5.3-2.2c-0.8-0.9-1.4-1.8-1.7-2.6
													c-0.3-0.9-0.5-1.8-0.5-2.5v-0.4c0-0.9,0.2-1.9,0.6-3c0-0.1,0.1-0.2,0.3-0.4c2.5-2,5-3.8,7.5-5.4c-2-3.7-3-6-3-6.9c0-0.2,0-0.6,0-1.1
													c0-3,1.6-6.3,4.8-9.8c1.6-1.6,2.8-2.7,3.7-3.2c1.7-1.3,3.6-2.5,5.6-3.5c1.1-0.6,2.1-1.1,2.9-1.4c1.7,0.6,3.3,1.9,4.6,4
													c0.4,0.6,0.7,1.3,1,2.1l0.2,0.4c-2.8,0.9-5,1.8-6.8,2.9c-4.9,2.8-7.4,6.2-7.4,10.2c0,0.9,0.1,1.8,0.4,2.8c4.9-2.9,8.8-4.9,11.6-6
													c0.8-1.5,1.7-3,2.7-4.7c1.6-3,2.4-4.9,2.5-5.9h0.1c1.2,0.1,2.5,0.6,3.7,1.5c1,0.9,1.6,1.6,1.8,2c0.7,1.3,1.1,2.5,1.1,3.7l-0.1,0.3
													v0.4c-0.2,0.4-1.6,2.9-4.2,7.5l-5.2,9.1l12.1-11.1c0.7-0.4,1.4-0.6,1.8-0.6h0.4l9-16.4h-0.1c-2.4,0-4.5,0.1-6.4,0.2
													c-0.4-0.2-0.7-0.5-0.9-0.9c-1,1.1-2.2,2.2-3.4,3.5c-2.1-0.3-3.9-0.7-5.4-1.2c-0.5-0.2-1-0.4-1.6-0.6v-0.1c2.3-5.4,3.6-8.5,4-9.3
													c1.5-0.2,2.9-0.3,4.2-0.3h1.2c2.7,0,5.3,0.3,7.8,0.8v0.1c-0.4,0.4-2.1,2.1-4.9,5.1l7.3-0.8c3-5.5,4.5-8.6,4.5-9.3
													c1.2,0,2.5,0.6,4.1,1.8c1.5,1.5,2.3,3.3,2.3,5.4c0,0.4-0.2,1-0.6,1.6c1.2-0.1,2-0.1,2.6-0.1h2.8c0.1,0,0.1,0.1,0.1,0.2
													c-1.2,2.8-1.9,4.3-1.9,4.3h-0.1c-1.7-0.1-3.5-0.2-5.6-0.4l-16,28.7h0.1c7.9-7.4,12-11.1,12.1-11.2c0,0,0,0,0.1,0
													c0.7-1.4,1.6-2.9,2.5-4.4c1.1-1.6,2.6-3.4,4.5-5.4c2.2-2.2,4-3.6,5.4-4.3c1.4-0.9,3-1.8,4.9-2.5c0.2-0.1,0.3-0.1,0.4-0.1
													c1.8,0,3.8,0.5,5.9,1.4c2.5,1.2,3.7,3,3.7,5.5c0,3.2-2,6.9-6,11.2c-2.3,2.2-4.2,3.6-5.5,4.3c-0.4,0.1-0.7,0.1-0.7,0.1
													c-1.2,0-3.8,0-7.8,0.1c-2.1,2.8-3.5,6-4.2,9.4c0,0.3,0.6,0.6,1.7,0.7c0,0.1,0.2,0.1,0.7,0.1h0.5c0.1,0,0.1,0,0.2,0
													c3.1,0,7.8-2.7,13.8-8.1c5.1-4.6,8.7-7.5,10.9-8.8c2-1.1,3.7-1.7,5.1-1.7c4.1,0,7,1.7,8.6,5C227.7,41.5,227.8,42.4,227.8,43.1z
														M192.3,38.5c0.4,0,1.7,0,4.1,0.1c1.1-0.2,2.2-0.9,3.4-2c2.1-2.3,3.1-4.6,3.1-6.9c-0.1-0.8-0.3-1.2-0.7-1.2
													C199.4,29.3,196.1,32.7,192.3,38.5z M134.8,47.9c-0.7,0.5-1.6,1.3-2.7,2.3c-0.6,0.6-1,1.2-1.4,1.8c1.5-0.4,2.6-1,3.4-1.8
													c0.4-0.5,0.6-1,0.6-1.7V47.9z"/>
												</clipPath>
											</defs>
											<path class="path" clip-path="url(#websiteClip)" d="M18.5,33.91S0,36.67,6.67,24.17c8-8.34,22.15-15.46,31.31-13.62,8.34,1-.95,9.34-8.81,24.5C23.34,46.29,15.08,55.23,18.5,57c1.67.86,12-8.3,21.33-20C49.55,24.8,58.23,9.57,61.17,9.5,67.83,9.33,49.88,35.43,40.83,52c-4.14,7.59-10.66,14.17-6.66,15.5C38,68.77,49.17,64,83,15.67c1.59-2.27,7-10.49,8.6-13" fill="none" stroke="#FFFFFF" stroke-width="15"/>
											<path class="path" clip-path="url(#websiteClip)" d="M85.4,41.5s18.1-5.6,13.35-15.75c-2.89-6.18-9,.9-15.5,8.2,0,0-25.5,39.2,14.25,16,0,0,24.37-22.26,28.5-21.05,1.62,1.09-4.14,11-8,19-2.71,5.63-3,10.83-5.55,9.39-24,.28,15.13-45.9,9.21-48.09S94.4,63,94.4,63" fill="none" stroke="#FFFFFF" stroke-width="9"/>
											<path class="path" clip-path="url(#websiteClip)" d="M150.24,20.5S138,26.75,136,31.75s-4.07,5,.43,13.1a9.25,9.25,0,0,1-.18,7.15c-1.75,3.5-2,9.75-7.75,5.75S134.24,42,150.24,37.5c0,0,4.41-4.3,8.51-8.6s-17.5,26-15.88,31.9L173.5,35.19,186.15,9.13s-28,50.42-25.1,51S178.75,38,195.5,41c0,0,20.9-14.33,5-15.75,0,0-26.5,15.25-17,31.25,0,0,8.5,3,18-4.5s22.5-21.2,24.75-4.1" fill="none" stroke="#FFFFFF" stroke-width="10"/>
											<path class="path" clip-path="url(#websiteClip)" d="M171,9.13s-11.33,10.38-8,11.92,43-2.8,43-2.8" fill="none" stroke="#FFFFFF" stroke-width="13"/>
										</svg>
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.2.0/anime.js" ></script>

<script>
    window.addEventListener('load',function(){
        console.log('loaded');
        const svgPath = document.querySelectorAll('.path');

const svgText = anime({
  targets: svgPath,
  loop: true,
  direction: 'alternate',
  strokeDashoffset: [anime.setDashoffset, 0],
  easing: 'easeInOutSine',
  duration: 700,
  delay: (el, i) => { return i * 500 }
});
    })
</script>		</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
						</div>
						</div>
					</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Gleitende Perspektive</title>
		<link>https://zenkod.de/effekts/gleitende-perspektive/</link>
		
		<dc:creator><![CDATA[engine]]></dc:creator>
		<pubDate>Sun, 14 Jun 2020 11:54:17 +0000</pubDate>
				<category><![CDATA[Visueller Effekt]]></category>
		<guid isPermaLink="false">https://zenkod.de/?p=3057</guid>

					<description><![CDATA[Die Realität Die Realität ist nur eine ist nur eine Frage der Frage der Wahrnehmung Wahrnehmung]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3057" class="elementor elementor-3057" data-elementor-settings="[]">
						<div class="elementor-inner">
							<div class="elementor-section-wrap">
							<section class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-aad7b91 elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle" data-id="aad7b91" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-061593f" data-id="061593f" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-7832334 elementor-widget elementor-widget-html" data-id="7832334" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<div class="perspective-text">
      <div class="perspective-line">
        <p></p>
        <p>Die Realität  </p>
      </div>
      <div class="perspective-line">
        <p>Die Realität  </p>
        <p>ist nur eine  </p>
      </div>
      <div class="perspective-line">
        <p>ist nur eine  </p>
        <p>Frage der </p>
      </div>
      <div class="perspective-line">
        <p>Frage der </p>
        <p>Wahrnehmung</p>
      </div>
      <div class="perspective-line">
        <p>Wahrnehmung</p>
        <p></p>
      </div>
    </div>		</div>
				</div>
				<div class="elementor-element elementor-element-bf05e19 elementor-widget__width-auto elementor-absolute elementor-hidden-desktop elementor-align-center elementor-widget elementor-widget-lottie" data-id="bf05e19" data-element_type="widget" data-settings="{&quot;source_json&quot;:{&quot;url&quot;:&quot;https:\/\/zenkod.de\/wp-content\/uploads\/2020\/06\/480-micro-interaction-touch-app-animation.json&quot;,&quot;id&quot;:4226},&quot;loop&quot;:&quot;yes&quot;,&quot;lazyload&quot;:&quot;yes&quot;,&quot;_position&quot;:&quot;absolute&quot;,&quot;source&quot;:&quot;media_file&quot;,&quot;caption_source&quot;:&quot;none&quot;,&quot;link_to&quot;:&quot;none&quot;,&quot;trigger&quot;:&quot;arriving_to_viewport&quot;,&quot;viewport&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;play_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;0&quot;,&quot;sizes&quot;:[]},&quot;end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;100&quot;,&quot;sizes&quot;:[]},&quot;renderer&quot;:&quot;svg&quot;}" data-widget_type="lottie.default">
				<div class="elementor-widget-container">
			<div class="e-lottie__container"><div class="e-lottie__animation"></div></div>		</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
						</div>
						</div>
					</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Focus</title>
		<link>https://zenkod.de/effekts/focus/</link>
		
		<dc:creator><![CDATA[engine]]></dc:creator>
		<pubDate>Mon, 27 Apr 2020 13:32:32 +0000</pubDate>
				<category><![CDATA[Visueller Effekt]]></category>
		<guid isPermaLink="false">http://wordpress.p544004.webspaceconfig.de/?p=2080</guid>

					<description><![CDATA[Fantastisch Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. mer Erfahren Käfer Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. mer Erfahren Umwerfend Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="2080" class="elementor elementor-2080" data-elementor-settings="[]">
						<div class="elementor-inner">
							<div class="elementor-section-wrap">
							<section class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-363df53 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="363df53" data-element_type="section" id="controls">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-88ef5a7" data-id="88ef5a7" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-c0e165a elementor-view-default elementor-widget elementor-widget-icon" data-id="c0e165a" data-element_type="widget" id="sections-close" data-widget_type="icon.default">
				<div class="elementor-widget-container">
					<div class="elementor-icon-wrapper">
			<div class="elementor-icon">
			<i aria-hidden="true" class="icon icon-cross"></i>			</div>
		</div>
				</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
				<section class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-a06b5c4 elementor-section-height-full focus-section elementor-section-items-top elementor-section-boxed elementor-section-height-default" data-id="a06b5c4" data-element_type="section" id="section-f" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-969d9ed" data-id="969d9ed" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-4a2039c elementor-widget elementor-widget-spacer" data-id="4a2039c" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-df5e6e5 header elementor-widget elementor-widget-heading" data-id="df5e6e5" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default"><span class="letter">F</span>antastisch</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-68ddda8 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="68ddda8" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-f8d5c99 elementor-widget elementor-widget-text-editor" data-id="f8d5c99" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<div class="elementor-text-editor elementor-clearfix">
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.</p>					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-c3b5791 elementor-widget elementor-widget-button" data-id="c3b5791" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a href="#" class="elementor-button-link elementor-button elementor-size-sm" role="button">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-text">mer Erfahren</span>
		</span>
					</a>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-e57fc60 elementor-widget elementor-widget-spacer" data-id="e57fc60" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
				<section class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-82c9c87 elementor-section-height-full focus-section elementor-section-items-bottom elementor-section-boxed elementor-section-height-default" data-id="82c9c87" data-element_type="section" id="section-k" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0c24d60" data-id="0c24d60" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-c0d5b29 elementor-widget elementor-widget-spacer" data-id="c0d5b29" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<section class="has_eae_slider elementor-section elementor-inner-section elementor-element elementor-element-c0b4648 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="c0b4648" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-5117823" data-id="5117823" data-element_type="column">
			<div class="elementor-column-wrap">
							<div class="elementor-widget-wrap">
								</div>
					</div>
		</div>
				<div class="has_eae_slider elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-c4a43b1" data-id="c4a43b1" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-2a3093c header elementor-widget elementor-widget-heading" data-id="2a3093c" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default"><span class="letter">K</span>äfer</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-bf3676a elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="bf3676a" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
				</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-81d3a02 elementor-widget elementor-widget-text-editor" data-id="81d3a02" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<div class="elementor-text-editor elementor-clearfix">
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.</p>					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-7709e49 elementor-align-center elementor-widget elementor-widget-button" data-id="7709e49" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a href="#" class="elementor-button-link elementor-button elementor-size-sm" role="button">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-text">mer Erfahren</span>
		</span>
					</a>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-5f63d35 elementor-widget elementor-widget-spacer" data-id="5f63d35" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
				<section class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-07d8b76 elementor-section-height-full focus-section elementor-section-items-bottom elementor-section-boxed elementor-section-height-default" data-id="07d8b76" data-element_type="section" id="section-u" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6386f49" data-id="6386f49" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<section class="has_eae_slider elementor-section elementor-inner-section elementor-element elementor-element-113bd0d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="113bd0d" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-35b63e7" data-id="35b63e7" data-element_type="column">
			<div class="elementor-column-wrap">
							<div class="elementor-widget-wrap">
								</div>
					</div>
		</div>
				<div class="has_eae_slider elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-96eef16" data-id="96eef16" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-dd01c4f header elementor-widget elementor-widget-heading" data-id="dd01c4f" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default"><span class="letter">U</span>mwerfend</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-c8afa90 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="c8afa90" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
				</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-76e8b6c elementor-widget elementor-widget-text-editor" data-id="76e8b6c" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<div class="elementor-text-editor elementor-clearfix">
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.</p>					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-2c39412 elementor-align-right elementor-widget elementor-widget-button" data-id="2c39412" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a href="#" class="elementor-button-link elementor-button elementor-size-sm" role="button">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-text">mer Erfahren</span>
		</span>
					</a>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-3ba702c elementor-widget elementor-widget-spacer" data-id="3ba702c" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
				<section class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-fb4a6e7 elementor-section-height-full elementor-section-items-top focus-section elementor-section-boxed elementor-section-height-default" data-id="fb4a6e7" data-element_type="section" id="section-o" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9e521a6" data-id="9e521a6" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-2b2b3a9 elementor-widget elementor-widget-spacer" data-id="2b2b3a9" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-28fd521 elementor-widget elementor-widget-text-editor" data-id="28fd521" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<div class="elementor-text-editor elementor-clearfix">
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.</p>					</div>
						</div>
				</div>
				<section class="has_eae_slider elementor-section elementor-inner-section elementor-element elementor-element-a2e4982 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="a2e4982" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-95fbb43" data-id="95fbb43" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-2deb5b0 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-spacer" data-id="2deb5b0" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
					</div>
		</div>
				<div class="has_eae_slider elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-0c925e7" data-id="0c925e7" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-d580e89 header elementor-widget elementor-widget-heading" data-id="d580e89" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default"><span class="letter">O</span>HM</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-f4bb345 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="f4bb345" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
				</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-cd158a2 elementor-align-center elementor-widget elementor-widget-button" data-id="cd158a2" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a href="#" class="elementor-button-link elementor-button elementor-size-sm" role="button">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-text">mer Erfahren</span>
		</span>
					</a>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-e2d8fa0 elementor-widget elementor-widget-spacer" data-id="e2d8fa0" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
				<section class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-49dc603 elementor-section-height-full elementor-section-items-bottom focus-section elementor-section-boxed elementor-section-height-default" data-id="49dc603" data-element_type="section" id="section-s" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-25d0410" data-id="25d0410" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-3d44f73 elementor-widget elementor-widget-text-editor" data-id="3d44f73" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<div class="elementor-text-editor elementor-clearfix">
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.</p>					</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-a5cf1c7 elementor-align-center elementor-widget elementor-widget-button" data-id="a5cf1c7" data-element_type="widget" data-widget_type="button.default">
				<div class="elementor-widget-container">
					<div class="elementor-button-wrapper">
			<a href="#" class="elementor-button-link elementor-button elementor-size-sm" role="button">
						<span class="elementor-button-content-wrapper">
						<span class="elementor-button-text">mer Erfahren</span>
		</span>
					</a>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-ac0b5d8 elementor-widget elementor-widget-spacer" data-id="ac0b5d8" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-021174b header elementor-widget elementor-widget-heading" data-id="021174b" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default"><span class="letter">S</span>upercalifragilisticexpialidocious</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-a4cde1b elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="a4cde1b" data-element_type="widget" data-widget_type="divider.default">
				<div class="elementor-widget-container">
					<div class="elementor-divider">
			<span class="elementor-divider-separator">
						</span>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-0f8c7b2 elementor-widget elementor-widget-spacer" data-id="0f8c7b2" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
				<section class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-317362f elementor-section-height-full elementor-section-boxed elementor-section-height-default elementor-section-items-middle" data-id="317362f" data-element_type="section" id="focus-target" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-669806e" data-id="669806e" data-element_type="column">
			<div class="elementor-column-wrap">
							<div class="elementor-widget-wrap">
								</div>
					</div>
		</div>
								</div>
					</div>
		</section>
				<section class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-b2da5b6 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="b2da5b6" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a4c9f0e" data-id="a4c9f0e" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-61e68b3 elementor-widget elementor-widget-shortcode" data-id="61e68b3" data-element_type="widget" data-widget_type="shortcode.default">
				<div class="elementor-widget-container">
					<div class="elementor-shortcode"></div>
				</div>
				</div>
				<div class="elementor-element elementor-element-38b7a19 elementor-widget elementor-widget-html" data-id="38b7a19" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<script>
    window.addEventListener('load',function(){
        window.focus.init();
    })
</script>

<style>
   
    .focus-horable-letter{
        font-family: "Farsan", Sans-serif;
        font-size: 86px;
        position: absolute;
        color:white;
        opacity:0;
        transition:all ease-in-out .3s;
        padding: 0 30px;
        transform: translateX(-30px);
        cursor: pointer;
        line-height: 1.4;
        font-weight: bold;
        letter-spacing: 3.1px;
    }

    
    body:not(.elementor-editor-active) .focus-section{
        position:absolute;
        width: 100%;
        left: 0;
        top: 0;
        opacity:0; 
        -webkit-mask-repeat: no-repeat;
        transition: all linear 0.75s!important;
        /*-webkit-mask-size: 10px;*/
        height: 100vh; /* Fallback for browsers that do not support Custom Properties */
        overflow: hidden;
        height: calc(var(--vh, 1vh) * 100);
    }
    
    #focus-target{
         height: calc(var(--vh, 1vh) * 100);
    }
    
    #mask{
        transform-position: center center;
        transition:all ease-in-out;
    }
  
   
    
    
</style>		</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
				<section class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-688e64b elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="688e64b" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e458a3d" data-id="e458a3d" data-element_type="column" id="preloader">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-6125a98 elementor-widget elementor-widget-image" data-id="6125a98" data-element_type="widget" id="preloader" data-widget_type="image.default">
				<div class="elementor-widget-container">
								<div class="elementor-image">
												<img src="https://zenkod.de/wp-content/plugins/elementor/assets/images/placeholder.png" title="" alt="" />														</div>
						</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
						</div>
						</div>
					</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Water</title>
		<link>https://zenkod.de/effekts/water/</link>
		
		<dc:creator><![CDATA[engine]]></dc:creator>
		<pubDate>Fri, 24 Apr 2020 09:54:13 +0000</pubDate>
				<category><![CDATA[Visueller Effekt]]></category>
		<guid isPermaLink="false">http://wordpress.p544004.webspaceconfig.de/?p=1973</guid>

					<description><![CDATA[Empty your mind, be formless. Shapeless, like water. Bruce Lee]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1973" class="elementor elementor-1973" data-elementor-settings="[]">
						<div class="elementor-inner">
							<div class="elementor-section-wrap">
							<section class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-254c300 elementor-section-full_width elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle" data-id="254c300" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a8c59ca" data-id="a8c59ca" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-7f8a53a elementor-widget elementor-widget-image" data-id="7f8a53a" data-element_type="widget" id="coffee" data-widget_type="image.default">
				<div class="elementor-widget-container">
								<div class="elementor-image">
												<img width="2560" height="1707" src="https://zenkod.de/wp-content/uploads/2020/04/body-of-water-401411-scaled.jpg" class="attachment-full size-full" alt="" loading="lazy" />														</div>
						</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
				<section class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-f70d4dd elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="f70d4dd" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3242bd3" data-id="3242bd3" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-be80579 elementor-widget elementor-widget-spacer" data-id="be80579" data-element_type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
					<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-002c5b7 elementor-invisible elementor-widget elementor-widget-heading" data-id="002c5b7" data-element_type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInDown&quot;,&quot;_animation_delay&quot;:2000}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Empty your mind, be formless. </h2>		</div>
				</div>
				<div class="elementor-element elementor-element-9b37242 elementor-invisible elementor-widget elementor-widget-heading" data-id="9b37242" data-element_type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:4000}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Shapeless, like water.</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-bf55d73 animated-slow elementor-invisible elementor-widget elementor-widget-heading" data-id="bf55d73" data-element_type="widget" data-settings="{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:6000}" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Bruce Lee</h2>		</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
				<section class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-64b662e elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="64b662e" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-251ec3d" data-id="251ec3d" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-defefce elementor-widget elementor-widget-shortcode" data-id="defefce" data-element_type="widget" data-widget_type="shortcode.default">
				<div class="elementor-widget-container">
					<div class="elementor-shortcode">	</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-0e64777 elementor-widget elementor-widget-html" data-id="0e64777" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			<script>

let depth = "https://zenkod.de/wp-content/uploads/2020/04/map-min.jpg";


  let image = document.querySelector('#coffee img');
    let container = document.querySelector('#coffee');
    let options = {
        target:container,
        imageUrl:image.src,
        depthMapUrl:
        depth,
        width:window.innerWidth ,
        height:window.innerHeight
    };
    
    console.log(options);
    window.addEventListener('load',function(){
        console.log('init');
        window.picka.init(options);
     image.style.display="none";
    });
</script>		</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
						</div>
						</div>
					</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Staub Symbol</title>
		<link>https://zenkod.de/effekts/staub-symbol/</link>
		
		<dc:creator><![CDATA[engine]]></dc:creator>
		<pubDate>Tue, 21 Apr 2020 13:46:10 +0000</pubDate>
				<category><![CDATA[Visueller Effekt]]></category>
		<guid isPermaLink="false">http://wordpress.p544004.webspaceconfig.de/?p=1836</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1836" class="elementor elementor-1836" data-elementor-settings="[]">
						<div class="elementor-inner">
							<div class="elementor-section-wrap">
							   
					<section data-angle="-45deg" data-color="#3282B8,#b800c9,#e57600" class="has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-1a9073c elementor-section-full_width elementor-section-height-full eae-animated-gradient-yes elementor-section-height-default elementor-section-items-middle" data-id="1a9073c" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ce1cec5" data-id="ce1cec5" data-element_type="column">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<section class="has_eae_slider elementor-section elementor-inner-section elementor-element elementor-element-6946437 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6946437" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-199a9f7" data-id="199a9f7" data-element_type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-46554ec elementor-widget elementor-widget-image" data-id="46554ec" data-element_type="widget" data-custom-icon="true" data-widget_type="image.default">
				<div class="elementor-widget-container">
								<div class="elementor-image">
													<a href="https://www.facebook.com/thisiszenkod/" target="_blank" rel="noopener">
							<img width="35" height="35" src="https://zenkod.de/wp-content/uploads/2020/04/fcbk.png" class="attachment-large size-large" alt="" loading="lazy" />								</a>
														</div>
						</div>
				</div>
						</div>
					</div>
		</div>
				<div class="has_eae_slider elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-80d0103" data-id="80d0103" data-element_type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-64098f6 elementor-widget elementor-widget-image" data-id="64098f6" data-element_type="widget" data-custom-icon="true" data-widget_type="image.default">
				<div class="elementor-widget-container">
								<div class="elementor-image">
													<a href="https://www.instagram.com/thisiszenkod/" target="_blank" rel="noopener">
							<img width="35" height="35" src="https://zenkod.de/wp-content/uploads/2020/04/insta.png" class="attachment-large size-large" alt="" loading="lazy" />								</a>
														</div>
						</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
				<section class="has_eae_slider elementor-section elementor-inner-section elementor-element elementor-element-5611c50 hide-m elementor-hidden-tablet elementor-hidden-phone elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5611c50" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
							<div class="elementor-row">
					<div class="has_eae_slider elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-39cd80d" data-id="39cd80d" data-element_type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-9b03c5e elementor-widget elementor-widget-image" data-id="9b03c5e" data-element_type="widget" data-custom-icon="true" data-widget_type="image.default">
				<div class="elementor-widget-container">
								<div class="elementor-image">
													<a href="https://www.youtube.com/" target="_blank" rel="noopener">
							<img width="35" height="35" src="https://zenkod.de/wp-content/uploads/2020/04/yout-1.png" class="attachment-large size-large" alt="" loading="lazy" />								</a>
														</div>
						</div>
				</div>
						</div>
					</div>
		</div>
				<div class="has_eae_slider elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-d61b8f3" data-id="d61b8f3" data-element_type="column" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
			<div class="elementor-column-wrap elementor-element-populated">
							<div class="elementor-widget-wrap">
						<div class="elementor-element elementor-element-239ada4 elementor-widget elementor-widget-image" data-id="239ada4" data-element_type="widget" data-custom-icon="true" data-widget_type="image.default">
				<div class="elementor-widget-container">
								<div class="elementor-image">
													<a href="https://www.twitch.tv/" target="_blank" rel="noopener">
							<img width="35" height="35" src="https://zenkod.de/wp-content/uploads/2020/04/twitch.png" class="attachment-large size-large" alt="" loading="lazy" />								</a>
														</div>
						</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
				<div class="elementor-element elementor-element-c7bf518 elementor-widget elementor-widget-html" data-id="c7bf518" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
			
<script>
     function isTouchScreen() {
            let isTouch = false;

            try {
                document.createEvent("TouchEvent");
                isTouch = true;
            } catch (e) {
                isTouch = false;
            }

            return isTouch && window.matchMedia("(max-width: 1024px)").matches;

        };
        if(isTouchScreen()){
            document.querySelector('.hide-m').remove();
        }
</script>
<script id="shader-vs" type="x-shader/x-vertex">
    	attribute vec3 vertexPosition;

  	uniform mat4 modelViewMatrix;
  	uniform mat4 perspectiveMatrix;

   	void main(void) {
  		gl_Position = perspectiveMatrix * modelViewMatrix * vec4(  vertexPosition, 1.0);
  	}

</script>

<script id="shader-fs" type="x-shader/x-fragment">
				#ifdef GL_ES
				  precision highp float;
				  #endif
    		void main(void) {
    		 gl_FragColor = vec4(0.4, 0.4, 0.4, 1.0);
    		}

</script>


<script src="/wp-content/themes/hello-elementor-barba/res/js/special-icon-2.js"></script>


		</div>
				</div>
						</div>
					</div>
		</div>
								</div>
					</div>
		</section>
						</div>
						</div>
					</div>
		]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
