<p>&lt;!DOCTYPE html&gt; &lt;html class="no-js responsivelayout supportsbreakout" lang="de" data-zpdebug="false" data-ptr=""&gt; &lt;head&gt; &lt;title&gt;Maritimes und Meer,Bildergalerie von Joern Werner/ Hamburg&lt;/title&gt; &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;meta name="description" content="Die Welt in gemalten Bildern. Diese Seite stellt ausschlie&amp;#223;lich Kunstwerke des Hamburger K&amp;#252;nstler Joern Werner vor. Mit Schwerpunkt Maritimes und Stadtbilder."&gt; &lt;meta name="keywords" content=""&gt; &lt;meta name="generator" content="Zeta Producer 15.4.1.0, ZP15X, 30.07.2020 10:32:32"&gt; &lt;meta name="robots" content="index, follow"&gt;&lt;link rel=apple-touch-icon href=http://www.joernwernerarte.de/mobile-touch-icon.png"&gt; &lt;link rel="shortcut icon" type="image/x-icon" href="assets/standard-favicon.ico?v=2"&gt; &lt;script&gt;<br />// if after 1000ms we haven't got webfonts, show the user something, a FOUT is better than nothing<br />// http://kevindew.me/post/47052453532/a-fallback-for-when-google-web-font-loader-fails<br />setTimeout(function() {<br />// you can have the webfont.js cached but still have no classes fire and you will have a window.WebFontConfig object<br />if ( ! ("WebFont" in window)) {<br />// non wfl loader class name because their events could still fire<br />document.getElementsByTagName("html")[0].className += " wf-fail";<br />}<br />}, 1000);<br /><br />WebFontConfig = {<br />google: { families: [ 'Open+Sans:300,400,600', 'Poiret+One:400,700', 'Abhaya+Libre:400,700' ] }<br />};<br />&lt;/script&gt; &lt;script src="assets/js/webfont/1.6.28/webfont.js"&gt;&lt;/script&gt; &lt;noscript&gt; &lt;link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600|Poiret+One:regular,400|Abhaya+Libre:400,700"&gt; &lt;/noscript&gt; &lt;link rel="stylesheet" type="text/css" href="assets/bundle.css?v=637557251958940204"&gt; &lt;link href="assets/js/shariff/shariff.complete.css" rel="stylesheet"&gt;&lt;style&gt;<br />.zpLinkBox1542 {min-height: 0px;padding: 0px;border-radius: 0px;background-color: transparent;border-color: transparent;box-shadow: 0 0 20px transparent;}.zpLinkBox1542:hover {background-color: transparent;border-color: transparent;box-shadow: 0 0 20px rgba(255, 255, 255, 0.75);}.zpLinkBox1542 .zpLinkBoxText.afterHeading {padding-bottom: 0px;}<br />&lt;/style&gt;&lt;style&gt;<br />.zpLinkBox1543 {min-height: 0px;padding: 0px;border-radius: 0px;background-color: transparent;border-color: transparent;box-shadow: 0 0 20px transparent;}.zpLinkBox1543:hover {background-color: transparent;border-color: transparent;box-shadow: 0 0 20px rgba(255, 255, 255, 0.75);}.zpLinkBox1543 .zpLinkBoxText.afterHeading {padding-bottom: 0px;}<br />&lt;/style&gt;&lt;style&gt;<br />.zpLinkBox1544 {min-height: 0px;padding: 0px;border-radius: 0px;background-color: transparent;border-color: transparent;box-shadow: 0 0 20px transparent;}.zpLinkBox1544:hover {background-color: transparent;border-color: transparent;box-shadow: 0 0 20px rgba(255, 255, 255, 0.75);}.zpLinkBox1544 .zpLinkBoxText.afterHeading {padding-bottom: 0px;}<br />&lt;/style&gt; &lt;script type="text/javascript" src="assets/bundle.js?v=637557251958940204"&gt;&lt;/script&gt; &lt;script&gt;<br />(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){<br />(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),<br />m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)<br />})(window,document,'script','//www.google-analytics.com/analytics.js','ga');</p>
<p>ga('create', 'UA-23469224-2', 'auto');<br />ga('set', 'anonymizeIp', true);<br />ga('send', 'pageview');</p>
<p>&lt;/script&gt; &lt;script src="https://apis.google.com/js/platform.js" async defer&gt;<br />{lang: 'de'}<br />&lt;/script&gt; &lt;/head&gt; &lt;body id="bare-responsive" class="notouch"&gt; &lt;a id="top"&gt;&lt;/a&gt; &lt;header class="clearfix"&gt; &lt;nav&gt; &lt;ul class="zpmarkactive default submenu touchhovermenu clickhovermenu zpnodefaults out" data-trianglemode="true"&gt;&lt;li class="zpnodefaults haschilds"&gt;&lt;a class="active" href="index.html"&gt;Maritimes und Meer&lt;/a&gt;&lt;ul class="zpnodefaults"&gt;&lt;li class="zpnodefaults"&gt;&lt;a href="auf-see-seefahrt-in-gemalten-bildern-von-joern-werner.html"&gt;Auf See&lt;/a&gt;&lt;/li&gt;&lt;li class="zpnodefaults"&gt;&lt;a href="Im-Hamburger-Hafen-und-andere-motive-oelbilder-von-joern-werner.html"&gt;Im Hamburger Hafen&lt;/a&gt;&lt;/li&gt;&lt;li class="zpnodefaults"&gt;&lt;a href="seezeichen-und-leuchtfeuer-kategorie-leuchttuerme-joern-werner.html"&gt;Leuchtt&uuml;rme&lt;/a&gt;&lt;/li&gt;&lt;li class="zpnodefaults"&gt;&lt;a href="Maritime-Kunstwerke-abstrakt-gemalt-oelbilder-von-joern-werner.html"&gt;Seefahrt-abstrakt&lt;/a&gt;&lt;/li&gt;&lt;li class="zpnodefaults"&gt;&lt;a href="city-und-sport-metropole-der-welt-von-joern-werner.html"&gt;City und Sport&lt;/a&gt;&lt;/li&gt;&lt;li class="zpnodefaults"&gt;&lt;a href="natur-und-landschaft.html"&gt;Natur und Landschaft&lt;/a&gt;&lt;/li&gt;&lt;li class="zpnodefaults"&gt;&lt;a href="motive-gemischt-verschiedener-kunstwerke-von-joern-werner.html"&gt;Verschiedene Bilder&lt;/a&gt;&lt;/li&gt;&lt;li class="zpnodefaults"&gt;&lt;a href="Sakrale-Bilder-gemalt-von-Joern-Werner.html"&gt;Sakrale Bilder&lt;/a&gt;&lt;/li&gt;&lt;li class="zpnodefaults"&gt;&lt;a href="Meine-erotischen-Anwandlungen-von-Joern-Werner-hamburg.html"&gt;Etwas Erotik&lt;/a&gt;&lt;/li&gt;&lt;li class="zpnodefaults"&gt;&lt;a href="vita-von-Joern-Werner.html"&gt;Biografie&lt;/a&gt;&lt;/li&gt;&lt;li class="zpnodefaults"&gt;&lt;a href="presseberichte-von-Joern-Werner-hamburg.html"&gt;Presse&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li class="zpnodefaults haschilds"&gt;&lt;a href="kontakt.html"&gt;Kontakt&lt;/a&gt;&lt;ul class="zpnodefaults"&gt;&lt;li class="zpnodefaults"&gt;&lt;a href="datenschutz-agb.html"&gt;Datenschutz / AGB&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li class="zpnodefaults"&gt;&lt;a href="impressum.html"&gt;Impressum&lt;/a&gt;&lt;/li&gt;&lt;li class="overflownonly"&gt;&lt;a href="#" id="mobilenavtoggle" class="tabletonly toggle" aria-label="Men&uuml; ein-/ausblenden"&gt;&amp;#9776; Men&uuml;&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt; &lt;script&gt;<br />$z(document).ready(function(){<br />// we find the active page's a-tag and then walk upwards the dom marking the respective parent li as active/open<br />$z('ul.zpmarkactive.default li a.active').parents('li').each(function(index){<br />var that = this;<br />// do not add open class to immediate parent li<br />if ( index &gt; 0 ){<br />$z(that).addClass('open');<br />}<br />$z(that).addClass('active');<br />//$z(that).find('&gt; a').addClass('active');<br />});<br />$z("ul.zpmarkactive.default").removeClass("zpmarkactive");<br /><br />/*<br />$z("ul.zpmarkactive.default li:has(a.active)").addClass("active");<br />$z("ul.zpmarkactive.default li.haschilds &gt; a").addClass("haschilds");<br />$z("ul.zpmarkactive.default li.haschilds:has(a.active)").addClass("active");<br />$z("ul.zpmarkactive.default li.active &gt; a").addClass("active");<br /><br />$z("ul.zpmarkactive.default").removeClass("zpmarkactive")<br />*/<br />});<br />&lt;/script&gt; &lt;/nav&gt; &lt;/header&gt; &lt;div id="webtext" class="clearfix"&gt; &lt;a id="webname" href="index.html"&gt; JoernWernerArte &lt;/a&gt; &lt;p id="webslogan"&gt;Bildergalerie von Joern Werner&lt;/p&gt; &lt;/div&gt; &lt;div id="slider" class="noprint"&gt; &lt;a id="a1540"&gt;&lt;/a&gt; &lt;div id="headerslider" class="flexslider"&gt; &lt;div class="flex-container"&gt; &lt;ul class="slides"&gt; &lt;li&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;script&gt;<br />$z(document).ready(function() {<br />var useCssAnimation = true;<br />if ( $z.browser.safari ){<br />useCssAnimation = false;<br />}<br />var autoplay = true;<br />if ( $z("body").hasClass("zpreducemotion") &amp;&amp; 'slide' !== 'fade' ){ // don't allow moving animations<br />autoplay = false;<br />}<br /><br />function initSlider(){<br />$z('#headerslider .flex-container').flexslider({<br />useCSS: useCssAnimation,<br />touch: true,<br />keyboard: true,<br />itemMargin: 0,<br />animation: 'slide',<br />controlsContainer: '#headerslider.flexslider',<br />slideshow: autoplay,<br />slideshowSpeed: 7000,<br />directionNav: true,<br />controlNav: false,<br />randomize: false,<br /><br />pauseOnHover: true,<br />smoothHeight: true,<br />prevText: "zur&amp;#252;ck",<br />nextText: "weiter"<br />});<br />}<br /><br />if ( $z('#headerslider .flex-container ul.slides li img').length &gt; 0 ){<br />// init flexslider after 1st image has loaded, so have dimensions as quickly as possible without having to wait too long on window loaded or such and can start right with doc ready<br />$z('#headerslider .flex-container ul.slides li img').first().one("load", initSlider).each(function() {<br />if(this.complete) $z(this).trigger('load');<br />}); // .each() is to work around a browser bugs which don't fire load() for cached images http://stackoverflow.com/a/3877079<br />}<br />else{<br />// also init flexslider if it doesn't contain images and is <a href="https://textfancy.com">text only</a><br />initSlider();<br />}<br /><br />// activate links for individual slideshow<br />$z('#headerslider .flex-container ul.slides li[data-clickurl]').css("cursor","pointer");<br />$z('#headerslider .flex-container ul.slides li[data-clickurl]').click(function (event){<br />// Because this script captures clicks for a container, it will also fire when a regular link inside the container <br />// is clicked. Therefore, we check below, if a regular link i.e. &lt;a href="#"&gt; was the target of the click.<br />// Depending on the browser used, event.target might not be available, but event.srcElement would&hellip;<br />var targ;<br />if (event.target){<br />targ = event.target;<br />}<br />else if (event.srcElement) {<br />targ = event.srcElement;<br />}<br />if (targ.nodeName == "A") {<br />// a regular link i.e. in a Caption was clicked. Return early, so the link's href doesn't get overridden<br />return;<br />}<br /><br />if ( $z(this).data("clicktarget") ){<br />window.open($z(this).data("clickurl"), $z(this).data("clicktarget"));<br />}<br />else{<br />window.location = $z(this).data("clickurl");<br />}<br />event.preventDefault;<br />return false;<br />});<br />});<br />&lt;/script&gt; &lt;/div&gt; &lt;div id="breadcrumb" class="noprint"&gt; Sie befinden sich hier:&amp;nbsp; &lt;ol class="zpBreadcrumbs zpnodefaults" itemscope="" itemtype="http://schema.org/BreadcrumbList"&gt; &lt;li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"&gt; &lt;a itemprop="item" href="index.html" style="pointer-events: none; color: inherit; text-decoration: none; border: 0;"&gt;&lt;span itemprop="name"&gt;Maritimes und Meer&lt;/span&gt;&lt;meta itemprop="position" content="0"&gt;&lt;/a&gt; &lt;/li&gt; &lt;/ol&gt; &lt;/div&gt; &lt;main id="content" class="clearfix"&gt; &lt;div class="zparea zpgrid" data-numcolumns="" data-areaname="Standard" data-pageid="542"&gt; &lt;div id="container_122" class="zpContainer first last " data-zpeleel="container" data-zpleid="122"&gt; &lt;div class="zpRow standard " data-row-id="317"&gt; &lt;div class="zpColumn odd zpColumnWidth1 c12 first last" style=" " data-column-id="409"&gt; &lt;div class="zpColumnItem"&gt; &lt;div id="a1842" data-article-id="1842" data-zpleid="1842" class="articlearea zpwSocial_Media_Buttons_-Shariff-"&gt; &lt;div class="shariff" data-info-url="http://ct.de/-2467514" data-backend-url="" data-url="http://www.joernwernerarte.de" data-theme="standard" data-orientation="horizontal" data-button-style="icon" data-lang="de" data-services="[&amp;quot;twitter&amp;quot;,&amp;quot;facebook&amp;quot;,&amp;quot;mail&amp;quot;,&amp;quot;linkedin&amp;quot;,&amp;quot;info&amp;quot;]" data-mail-body="{url}" data-mail-subject=" " data-mail-url="mailto:"&gt; &lt;/div&gt; &lt;script src="assets/js/shariff/shariff.min.js"&gt;&lt;/script&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="zpRow standard " data-row-id="204"&gt; &lt;div class="zpColumn odd zpColumnWidth1 c6 first last" style=" " data-column-id="221"&gt; &lt;div class="zpColumnItem"&gt; &lt;div id="a1541" data-article-id="1541" data-zpleid="1541" class="articlearea zpwText"&gt; &lt;h1 style="text-align:center;" data-zpfieldname="headline"&gt;Sch&ouml;n dass Du hier bist&lt;/h1&gt; &lt;p&gt; &lt;br&gt; &lt;/p&gt; &lt;h2&gt; &lt;p style="font-size:24px;"&gt;Herzlich willkommen. &lt;br&gt;Hier stelle ich Dir meine Werke vor&lt;/p&gt; &lt;/h2&gt; &lt;p&gt; &lt;br&gt; &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="zpRow standard " data-row-id="205"&gt; &lt;div class="zpColumn odd zpColumnWidth3 c4 first" style=" " data-column-id="222"&gt; &lt;div class="zpColumnItem"&gt; &lt;div id="a1542" data-article-id="1542" data-zpleid="1542" class="articlearea zpwLinkbox"&gt; &lt;div class="zpLinkBox1542 zpLinkBox"&gt; &lt;a class="zpnolayoutlinkstyles" href="auf-see-seefahrt-in-gemalten-bildern-von-joern-werner.html" style="text-indent: -99999px;"&gt;Auf See&lt;/a&gt; &lt;p class="zpLinkBoxImg"&gt;&lt;img src="media/images/im-hamburger-hafen.jpg" alt="Startseiten_Bild -Maritimes"&gt;&lt;/p&gt; &lt;div class="zpLinkBoxText"&gt; &lt;h2 data-zpfieldname="headline"&gt;Auf See&lt;/h2&gt; &lt;p&gt;Der Einstieg in die maritimen Seiten&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="zpColumn even zpColumnWidth3 c4" style=" " data-column-id="223"&gt; &lt;div class="zpColumnItem"&gt; &lt;div id="a1543" data-article-id="1543" data-zpleid="1543" class="articlearea zpwLinkbox"&gt; &lt;div class="zpLinkBox1543 zpLinkBox"&gt; &lt;a class="zpnolayoutlinkstyles" href="city-und-sport-metropole-der-welt-von-joern-werner.html" style="text-indent: -99999px;"&gt;City und Sport&lt;/a&gt; &lt;p class="zpLinkBoxImg"&gt;&lt;img src="media/images/paris-01.jpg" alt="Aus der Reihe Stadtbilder"&gt;&lt;/p&gt; &lt;div class="zpLinkBoxText"&gt; &lt;h3 data-zpfieldname="headline"&gt;City und Sport&lt;/h3&gt; &lt;p&gt;Weiter geht es mit meinen Stadtbildern&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="zpColumn odd zpColumnWidth3 c4 last" style=" " data-column-id="224"&gt; &lt;div class="zpColumnItem"&gt; &lt;div id="a1544" data-article-id="1544" data-zpleid="1544" class="articlearea zpwLinkbox"&gt; &lt;div class="zpLinkBox1544 zpLinkBox"&gt; &lt;a class="zpnolayoutlinkstyles" href="natur-und-landschaft.html" style="text-indent: -99999px;"&gt;Natur&lt;/a&gt; &lt;p class="zpLinkBoxImg"&gt;&lt;img src="media/images/einsamkeit-01.jpg" alt="Natur und Landschaft"&gt;&lt;/p&gt; &lt;div class="zpLinkBoxText"&gt; &lt;h3 data-zpfieldname="headline"&gt;Natur&lt;/h3&gt; &lt;p&gt;Landschaftsbilder und weitere Kategorien&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="zpRow standard " data-row-id="242"&gt; &lt;div class="zpColumn odd zpColumnWidth1 c12 first last" style=" " data-column-id="273"&gt; &lt;div class="zpColumnItem"&gt; &lt;div id="a1613" data-article-id="1613" data-zpleid="1613" class="articlearea zpwText"&gt; &lt;p&gt;&lt;span style="font-size: 30px;"&gt;&lt;span style="color: #fdfbe2;"&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt; &lt;p&gt; &amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp; &lt;a href="http://www.joernwernerarte.de/sitemap.html" target=""&gt;&lt;img src="media/images/user.jpg" style="display: block; vertical-align: top; margin: 4px auto 10px 0px; text-align: left;" class="singleImage fr-draggable" alt="Sitemap f&amp;#252;r Besucher" title="User_Sitemap"&gt;&lt;/a&gt; &lt;br&gt;Als Autodidakt die Malerei betreffend stelle ich Ihnen hier meine gemalten Werke vor. &lt;br style="color: rgb(195, 185, 175); font-family: verdana, arial, sans-serif; font-size: 15.216px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(51, 6, 6); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"&gt;Maritimes und die maritime Malerei,also alles was mit der Seefahrt zu tun hat, war und ist meine Leidenschaft. &lt;br style="color: rgb(195, 185, 175); font-family: verdana, arial, sans-serif; font-size: 15.216px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(51, 6, 6); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"&gt;Vieles &uuml;ber den Hamburger Hafen,Leuchtt&uuml;rme und See Motive. &lt;br style="color: rgb(195, 185, 175); font-family: verdana, arial, sans-serif; font-size: 15.216px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(51, 6, 6); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"&gt;Als Hamburger und als Fan des Hamburger Sport Verein liegt mir besonders unsere wundersch&ouml;ne Stadt am Herzen &lt;br style="color: rgb(195, 185, 175); font-family: verdana, arial, sans-serif; font-size: 15.216px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(51, 6, 6); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"&gt;und deswegen entstand auch mein erstes Stadtbild von Hamburg.mit dem Titel "Liebeserkl&auml;rung an Hamburg" .&lt;br style="color: rgb(195, 185, 175); font-family: verdana, arial, sans-serif; font-size: 15.216px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(51, 6, 6); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"&gt;Auch die Serie Stadtbilder&amp;nbsp; mit Motiven von New York,Las Vegas,Berlin usw. war die Folge dieser ersten Arbeit. &lt;br style="color: rgb(195, 185, 175); font-family: verdana, arial, sans-serif; font-size: 15.216px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(51, 6, 6); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"&gt;Natur und Landschaftsbilder waren anfangs mehr Experiment,eben so wie die abstrakten Arbeiten. &lt;br style="color: rgb(195, 185, 175); font-family: verdana, arial, sans-serif; font-size: 15.216px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(51, 6, 6); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"&gt;Ich arbeite ausschlie&szlig;lich mit &Ouml;lfarben denn dieses Medium hat f&uuml;r mich Seele und lebt. &lt;br style="color: rgb(195, 185, 175); font-family: verdana, arial, sans-serif; font-size: 15.216px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(51, 6, 6); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"&gt;In seltenen F&auml;llen male ich auch mit Pastellfarben mit denen man richtig zaubern kann. &lt;br style="color: rgb(195, 185, 175); font-family: verdana, arial, sans-serif; font-size: 15.216px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(51, 6, 6); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"&gt;Ich w&uuml;nsche Ihnen viel Spa&szlig; beim St&ouml;bern. &lt;br style="color: rgb(0, 0, 0); font-family: Georgia; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"&gt; &lt;br style="color: rgb(0, 0, 0); font-family: Georgia; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"&gt;Anmerkung &lt;br style="color: rgb(0, 0, 0); font-family: Georgia; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"&gt; &lt;br style="color: rgb(0, 0, 0); font-family: Georgia; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"&gt;Diese Seite ist von mir gestaltet und erhebt deswegen auch nicht den Anspruch auf Professionalit&auml;t. Vielmehr und auch wie bei meinen k&uuml;nstlerischen Arbeiten mache ich das so gut ich kann und mit Liebe zur Sache. Viele meiner Arbeiten haben hier ein eigenes Fenster und das mag manchen Besucher langweilig vorkommen, aber jedes Bild hat auch seine eigene Geschichte,ist einzigartig und wie ich meine wert, separat vorgestellt zu werden. Nicht jedem kann alles gefallen,aber ich w&uuml;nsche Ihnen dennoch viel Freude an dem einen oder anderen Bild &lt;br style="color: rgb(0, 0, 0); font-family: Georgia; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"&gt; &lt;br style="color: rgb(0, 0, 0); font-family: Georgia; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"&gt;&lt;br style="color: rgb(0, 0, 0); font-family: Georgia; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"&gt; &lt;br style="color: rgb(0, 0, 0); font-family: Georgia; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"&gt;In eigener Sache. &lt;br style="color: rgb(0, 0, 0); font-family: Georgia; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"&gt;Ich suche f&uuml;r die meine Seite Partner von relevanten guten Seiten um Links zu tauschen. Bei Interesse nehmen Sie bitte das Kontaktformular und schreiben mir Ihren Vorschlag. &lt;br style="color: rgb(0, 0, 0); font-family: Georgia; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"&gt; &lt;br style="color: rgb(0, 0, 0); font-family: Georgia; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"&gt;Wie ich zur Malerei kam. &lt;br style="color: rgb(0, 0, 0); font-family: Georgia; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"&gt;Es war kurz vor Weihnachten,hatte meine Frau gerade kennen gelernt und wir waren im Osdorfer Einkaufzentrum etwas bummeln. &lt;br style="color: rgb(0, 0, 0); font-family: Georgia; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"&gt;In der Bilder Abteilung wollte mich meine Frau mich f&uuml;r ein Bild interessieren. &lt;br style="color: rgb(0, 0, 0); font-family: Georgia; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"&gt;Es war ein maritimes Seest&uuml;ck mit einem Kutter. &lt;br style="color: rgb(0, 0, 0); font-family: Georgia; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"&gt;Sie meinte,sie wolle es mir zu Weihnachten gern schenken. &lt;br style="color: rgb(0, 0, 0); font-family: Georgia; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"&gt;Aber das Kunstwerk gefiel mir &uuml;berhaupt nicht und ich sagte,ohne zu denken"sowas kann ich selbst malen". &lt;br style="color: rgb(0, 0, 0); font-family: Georgia; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"&gt;Am Heiligabend bekam ich nun als Geschenk nicht das Bild,sonder Farbe und Pinsel. &lt;br style="color: rgb(0, 0, 0); font-family: Georgia; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"&gt;Obwohl ich vom Malen nun &uuml;berhaupt keine Ahnung hatte freute ich mich jedenfalls dar&uuml;ber. &lt;br style="color: rgb(0, 0, 0); font-family: Georgia; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"&gt;Am n&auml;chsten Vormittag machte ich mich dar&uuml;ber her und versuchte einen Tigerkopf auf die Pappe zu malen. &lt;br style="color: rgb(0, 0, 0); font-family: Georgia; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"&gt;Komischerweise sah das Ding ganz gut aus und ich begann mich f&uuml;r die Malerei zu interessieren &lt;br style="color: rgb(0, 0, 0); font-family: Georgia; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"&gt;Irgenwie war das der Schl&uuml;ssel,meine Sehnsucht nach der Seefahrt die ich noch heute versp&uuml;re bildlich um zu setzen und aus zu dr&uuml;cken. &lt;br style="color: rgb(0, 0, 0); font-family: Georgia; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"&gt;Ich besorgte mir einen Bildband von dem Marinemaler "Willem van de Velde " Ich konnte und wollte nicht glauben dass man mit H&auml;nden solch tolle Bilder machen konnte. &lt;br style="color: rgb(0, 0, 0); font-family: Georgia; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"&gt;Meine innere Stimme sagte "Wenn das m&ouml;glich ist dann will ich es auch k&ouml;nnen. &lt;br style="color: rgb(0, 0, 0); font-family: Georgia; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;"&gt;Von nun an wurde die Malerei f&uuml;r mich ein guter Ausgleich von meiner Sehnsucht zur See . &lt;br&gt; &lt;/p&gt; &lt;p&gt; &lt;a href="http://www.meineseefahrt.de/" target=""&gt;&lt;img src="media/images/moonraker.jpg" style="display: block; vertical-align: top; margin: 4px auto 10px 0px; text-align: left; width: 122px;" class="singleImage fr-draggable" alt="Segler in Warnem&amp;#252;nde" title="Moonraker"&gt;&lt;/a&gt;&lt;span style="color: #d9452b;"&gt;&amp;nbsp;Eine hochkar&auml;tige Page eines &lt;u&gt;Seefahrer mit Erfahrungsberichten &lt;/u&gt;und vieles mehr.&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&amp;nbsp; &lt;a href="http://www.seemotive.de" target=""&gt;&lt;img src="media/images/kopie-von-wappen-von-hambur.jpg" style="display: block; vertical-align: top; margin: 4px auto 10px 0px; text-align: left;" class="singleImage fr-draggable" alt="Baederschiff vor Helgoland" title="Wappen von Hamburg"&gt;&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;span style="color: #d9452b;"&gt;Eine tolle Seite f&uuml;r Briefmarkensammler und Leute mit Liebe zur See.&lt;/span&gt;&lt;/p&gt; &lt;p&gt; &lt;noscript&gt;&lt;div class="statcounter"&gt; &lt;a href="https://statcounter.com/" target="_blank" title="Web Analytics"&gt;&lt;img class="statcounter" src="https://c.statcounter.com/12048926/0/76d1c5fc/1/" alt="Web Analytics"&gt;&lt;/a&gt;&lt;/div&gt; &lt;/noscript&gt; &lt;a href="https://statcounter.com/p12048926/?guest=1"&gt;* &lt;/a&gt;&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/main&gt; &lt;footer id="footer" class="clearfix"&gt; &lt;div id="search" class="noprint"&gt; &lt;script&gt;<br />function getParameterByNamezpsearchform(name) {<br />name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");<br />var regexS = "[\\?&amp;]" + name + "=([^&amp;#]*)";<br />var regex = new RegExp(regexS);<br />var results = regex.exec(window.location.search);<br />if(results == null) {<br />return "";<br />}<br />else {<br />return decodeURIComponent(results[1].replace(/\+/g, " "));<br />}<br />}<br />function encode_htmlzpsearchform(astring) { //helps prevent XSS e.g. when printing search strings<br />astring = typeof astring !== 'undefined' ? astring : "";</p>
<p>astring = astring.replace(/&lt;/g, "&amp;lt;");<br />astring = astring.replace(/&gt;/g, "&amp;gt;");<br />astring = astring.replace(/"/g, "&amp;quo" + "t;");<br />astring = astring.replace(/'/g, "&amp;#x27;");<br />astring = astring.replace(/\//g, "&amp;#x2F;");<br />astring = astring.replace(/\[\$/g, "");<br />astring = astring.replace(/\$\]/g, "");</p>
<p>return astring;<br />}<br />function searchzpsearchform() {<br />var formId = "zpsearchform";<br />if (document.getElementById(formId).q.value == 'Suchbegriff') {<br />return false;<br />}<br />else if ($z.trim(document.getElementById(formId).q.value).length === 0) {<br />alert("Bitte geben Sie einen Suchbegriff ein.");<br />return false;<br />}<br />else{<br />return;<br />}<br />}<br />&lt;/script&gt; &lt;form id="zpsearchform" name="searchengine1" onsubmit="return searchzpsearchform()" action="suche.html" method="get" class="zpsearchform"&gt; &lt;input id="zpsearchfield" class="zpsearchfield typetext" type="text" name="q" title="Suche" placeholder="Suchbegriff" aria-label="Suchbegriff"&gt; &lt;input id="zpsearchbutton" class="zpsearchbutton" type="image" name="submit" src="assets/stock-images/magnifier.png" alt="Suchen" title="Suchen" aria-label="Suchen"&gt; &lt;/form&gt; &lt;script&gt;<br />$(document).ready(function(){<br />// set form field value to searchstring<br />var tmpSearchstring = getParameterByNamezpsearchform("q");<br />if ( tmpSearchstring ){<br />// fill layout searchfield with searchsting<br />document.getElementById("zpsearchform").q.value = tmpSearchstring;<br />// fill search page searchfield with searchsting<br />document.getElementById("zpsearchengine").q2.value = tmpSearchstring;<br />// focus search page searchfield<br />document.getElementById("zpsearchengine").q2.focus();<br />}<br />});<br />&lt;/script&gt; &lt;/div&gt; &lt;div id="xmenu"&gt; &lt;a class="xmenulink" href="index.html"&gt;Startseite&lt;/a&gt; &lt;a class="xmenulink" href="kontakt.html"&gt;Kontakt&lt;/a&gt; &lt;a class="xmenulink" href="impressum.html"&gt;Impressum&lt;/a&gt; &lt;/div&gt; &lt;div id="copyright"&gt; &copy; 2016 My Painting&lt;h4&gt;&copy; 2015&lt;/h4&gt; &lt;h5&gt;www.joernwernerarte.de&lt;/h5&gt; &lt;h6&gt; Hamburg / Marinemaler&lt;/h6&gt;. &lt;a href="https://www.zeta-producer.com" class="zp"&gt;Website erstellt mit Zeta Producer CMS&lt;/a&gt; &lt;/div&gt; &lt;/footer&gt; &lt;script&gt; <br />function setoverflown(s){<br />var retcode = false;<br />if ( $z("nav").is(":hover") || ! $z("nav &gt; ul &gt; li").length ){<br />// mouse is over nav, which opens submenues and might cause the overflow<br />// OR empty nav - needed because for IE an empty nav == overflown()<br />return false;<br />}<br /><br />$z("nav &gt; ul").removeClass("overflown");<br />if ( $z("nav:not(.on) &gt; ul").overflown() ){<br />// nav is already overflown by 1st-Level Menu entries (too many entries)<br />$z("nav &gt; ul").addClass("overflown");<br />retcode = true;<br />}<br />else{<br />// on non touch devices, check if nav would be overflown horizontally if all submenues are visible (i.e. too many submenues expanding to the right)<br />$z("nav &gt; ul ul:not(.nocalcoverflow)").css("display", "block");<br />if ( $z("nav:not(.on) &gt; ul").overflown("x") ){<br />$z("nav &gt; ul").addClass("overflown");<br />retcode = true;<br />}<br />$z("nav &gt; ul ul:not(.nocalcoverflow)").css("display", "");<br />}<br /><br />// see if we need to scale to the logo to fit besides the mobile menu-button<br />var availspace = $z("nav &gt; ul").width() - $z("nav &gt; ul &gt; li.overflownonly").width();<br />$z("nav &gt; ul &gt; li.logo").css("max-width", availspace + "px");</p>
<p>return retcode;<br />}<br />// globals<br />var navOffset;<br /><br />$z(document).ready(function(){<br />// switches the Mobile Navigation-Menu on/off, when "Menu" link is clicked.<br />$z("a#mobilenavtoggle").on("click", function(e){<br />e.preventDefault();<br />$z("nav").toggleClass("on");<br />setoverflown();<br />}); <br /><br />setoverflown();<br />var resizeTimeout = null;<br />$z(window).resize(zpthrottle(100, function(event) {<br />var event = event || window.event;<br />if ( event &amp;&amp; $z(event.target.nodeType).length == 0 ){// enable window.resize only for the window object (resizing elements might also trigger window.resize) which doesn't have a nodeType<br />setoverflown();<br />}<br />}));<br />});<br /><br />$z(window).on('load', function(){<br />setTimeout(function(){setoverflown();}, 500); <br />});<br />&lt;/script&gt; <br />&lt;!--<br />* Layout: Bare Responsive by StS<br />* $Id: default.html 81066 2019-11-04 12:00:50Z sseiz $<br />--&gt;<br />&lt;/body&gt; &lt;/html&gt;</p>