1<!doctype html> 2<html lang="de"> 3<head> 4 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" /> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6
6<script src="/struct/js/jquery2.min.js" type="text/javascript"></script>
6<link rel="stylesheet" href="/struct/css/main.css?v=168" type="text/css" /> 7 <title>Diakoniewerk Essen | Spenden</title> 8 <meta name="keywords" content="diakonie essen diakoniewerk" /> 9 <meta name="description" content="Das Diakoniewerk Essen hilft Menschen, die benachteiligt sind. Wir stellen uns an die Seite der Menschen, die Unterstützung brauchen. Weil sie behindert, wohnungslos, geflüchtet, oder vernachlässigt sind. Neben akuter Hilfe entwickeln wir auch langfristige Perspektiven mit unseren spezialisierten Mitarbeitenden. In Einrichtungen, durch Beratungen und vor Ort bei den Menschen. Ihre Spende ..." /><meta name="robots" content="index,follow" /><meta http-equiv="content-language" content="de" /> 10 <meta name="page-topic" content="" /></head><body id="Normal"> 11<div id="content"> 12<div id="content_inner"> 13 14
15<script> 16 17var vh = window.innerHeight * 0.01; 18//document.documentElement.style.setProperty('--vh', `${vh}px`); 19document.documentElement.style.setProperty('--vh', vh+'px'); 20window.onresize = function(event) 21{ 22 var vh = window.innerHeight * 0.01; 23 //document.documentElement.style.setProperty('--vh', `${vh}px`); 24 document.documentElement.style.setProperty('--vh', vh+'px'); 25} 26 27var menuactive=0; 28 29</script>
29 30 31 <div class="header"> 32 <div class="header_inner"> 33 <div class="menubutton"><a href="javascript:;" style="display:block" id="mainmenulink_secondary"><img src="/struct/img/Menue.svg" alt="Hauptmenü aufklappen"></a></div> 34
34<script> 35 $('.menubutton').on(("ontouchstart" in document.documentElement)?'touchend':'mouseover',function() { if(menuactive==0) { menuactive=1;setTimeout('$(\'.menu\').toggleClass(\'show\');',20);setTimeout('menuactive=2',300); localStorage.setItem('menuopen',1); } }); 36 </script>
36<div id="a11y-master-toggle" class="a11y-master-toggle" but_lang="de"> 37 <button></button></div><div class="logo"><a href="/"><img src="/struct/img/dwe-logo-freigestellt-neu.png" alt="Diakoniewerk Essen Logo"></a></div> 38 <div class="search"> 39 <a href="javascript:;" onClick="$('.searchinput_outer').fadeToggle();$('input[name=search]').focus()"><img src="/struct/img/Icon-Suchen.svg" alt="Suche starten"></a> 40 </div> 41 <div class="tel"><a href="tel:020126640"><span>0201 </span><span>2664-0</span></a></div> 42 <div class="searchinput_outer"> 43 <div class="searchinput"> 44 <form action="/?p=Search" method="post"><label for="subsearchinputfield" style="display:none">Suchen</label><input type="text" id="subsearchinputfield" name="search" value="" placeholder="Suche"><button type="submit">OK</button></form> 45 </div> 46 </div> 47 <div class="social"> 48 <a href="https://www.facebook.com/DiakoniewerkEssen" target="_blank" rel="noopener noreferrer"><img src="/struct/img/f2.svg" alt="Facebook"></a> 49 <a href="https://www.youtube.com/channel/UC6Yn32zLmeTug1hbhWzSDRg" target="_blank" rel="noopener noreferrer"><img src="/struct/img/YT.svg" alt="Youtube"></a> 50 <a href="https://www.instagram.com/Diakoniewerk_Essen" target="_blank" rel="noopener noreferrer"><img src="/struct/img/Insta.svg" alt="Instagram"></a> 51 <a href="https://www.xing.com/pages/diakoniewerkessen" target="_blank" rel="noopener noreferrer"><img src="/struct/img/Xing.svg" alt="Xing"></a> 52 <a href="https://www.diakoniewerk-essen.de/?p=Newsletter" target="_blank" rel="noopener noreferrer"><img src="/struct/img/NL3.svg" alt="Newsletter bestellen"></a> 53 </div> 54 </div> 55 </div> 56 <div class="featurepic"><img src="/content/img/pages/z_featurepic/normal/114/2025-05-05_Diakonie_16131.jpg" alt="Feature-Bild der Seite "Spenden""></div> 57 58 59 60<div class="contentheader"><div class="path"><a href="/" class="start">Start </a> <span>|</span> <a href="/109-Das+Diakoniewerk">Das Diakoniewerk</a> <span>|</span> Spenden</div><div class="div"></div><h1 class="title" id="page_title"><span><span class="zlg">Zusammen<i>
60Leben</i> <span>gestalten</span></span></span></h1></div><br clear="all"> 61<div class="picbar"> 62 <div class="bg"></div> 63 <div class="pictures_outer"> 64 <a href="javascript:;" onClick="slideshow_close()" class="close"><img src="/struct/img/menu-x.svg" alt="Slideshow schlieÃen"></a> 65 <div class="ueberschrift">Zusammen Zukunft gestalten: Gemeinsam mit Ihnen</div> 66 <div class="title">ZusammenLeben gestalten</div> 67 <div class="div"></div> 68 <div class="pictures"> 69 <div class="pictures_inner"><div class="slide slide_0" id="picturebar_7224"> 70 <div class="slide_picture"> 71<div class="image" onClick="slideshow_start(0)"><img src="/content/img/pagepictures/normal/114/Church%20Henri%20Kaus.jpg" alt="Church Henri Kaus" width="374" height="250"></div></div> 72 <div class="bu"></div><div class="copyright">© Diakoniewerk Essen e.V.</div></div><div class="slide slide_1" id="picturebar_6031"> 73 <div class="slide_picture"> 74<div class="image" onClick="slideshow_start(1)"><img src="/content/img/pagepictures/normal/114/2025-05-05_Diakonie_18550.jpg" alt="2025-05-05 Diakonie 18550" width="374" height="250"></div></div> 75 <div class="bu"></div><div class="copyright">© Diakoniewerk Essen e.V.</div></div><div class="slide slide_2" id="picturebar_3387"> 76 <div class="slide_picture"> 77<div class="image" onClick="slideshow_start(2)"><img src="/content/img/pagepictures/normal/114/2025-05-05_Diakonie_17275.jpg" alt="2025-05-05 Diakonie 17275" width="374" height="250"></div></div> 78 <div class="bu"></div><div class="copyright">© Diakoniewerk Essen e.V.</div></div><div class="slide slide_3" id="picturebar_7221"> 79 <div class="slide_picture"> 80<div class="image" onClick="slideshow_start(3)"><img src="/content/img/pagepictures/normal/114/2025-05-05_Diakonie_17732-Anlasspenden.jpg" alt="2025-05-05 Diakonie 17732-Anlasspenden" width="374" height="250"></div></div> 81 <div class="bu"></div><div class="copyright">© Diakoniewerk Essen e.V.</div></div><div class="slide slide_4" id="picturebar_7223"> 82 <div class="slide_picture"> 83<div class="image" onClick="slideshow_start(4)"><img src="/content/img/pagepictures/normal/114/2025-05-05_Diakonie_18329.jpg" alt="2025-05-05 Diakonie 18329" width="374" height="250"></div></div> 84 <div class="bu"></div><div class="copyright">© Diakoniewerk Essen e.V.</div></div><div class="slide slide_5" id="picturebar_5513"> 85 <div class="slide_picture"> 86<div class="image" onClick="slideshow_start(5)"><img src="/content/img/pagepictures/normal/114/2025-09-16_Diakonie_34257.jpg" alt="2025-09-16 Diakonie 34257" width="374" height="250"></div></div> 87 <div class="bu"></div><div class="copyright">© Diakoniewerk Essen e.V.</div></div><div class="slide slide_6" id="picturebar_7222"> 88 <div class="slide_picture"> 89<div class="image" onClick="slideshow_start(6)"><img src="/content/img/pagepictures/normal/114/2025-05-05_Diakonie_18170.jpg" alt="2025-05-05 Diakonie 18170" width="374" height="250"></div></div> 90 <div class="bu"></div><div class="copyright">© Diakoniewerk Essen e.V.</div></div><div class="slide slide_7" id="picturebar_3430"> 91 <div class="slide_picture"> 92<div class="image" onClick="slideshow_start(7)"><img src="/content/img/pagepictures/normal/114/2025-05-05_Diakonie_17512.jpg" alt="2025-05-05 Diakonie 17512" width="347" height="250"></div></div> 93 <div class="bu"></div></div></div> 94 </div> 95 <div onClick="picsprev()" class="prev" style="display:none"><img src="/struct/img/Zurueck.svg" alt="Ein Bild zurück"></div> 96 <div onClick="picsnext()" class="next"><img src="/struct/img/Weiter.svg" alt="Ein Bild weiter"></div> 97 </div> 98</div> 99 100 101
102<script> 103 104 105 106var lastpos=0; 107var left0; 108var isend=false; 109var curslide=0; 110 111 112function picscheckmore() 113{ 114 scrollright=parseInt($('.pictures_inner').width()) + parseInt($('.pictures').scrollLeft()); 115 if(scrollright<parseInt($('.pictures')[0].scrollWidth)) 116 { 117 $('.next').show(); 118 lastpos=left0; 119 } 120 else 121 { 122 $('.next').hide(); 123 isend=true; 124 } 125 126} 127 128 129function picsnext() 130{ 131 if($('.picbar').hasClass('overlay')) 132 { 133 slideshow_next(); 134 return; 135 } 136 left0 = $('.pictures').scrollLeft(); 137 if($('.pictures').innerWidth()-400<360) 138 left0+=360; 139 else 140 left0+=$('.pictures').innerWidth()-400; 141 targetleft0=left0; 142 $(".pictures").animate( { scrollLeft: left0 }, 500); 143 if(left0>0) 144 $('.prev').show(); 145 else 146 $('.prev').hide(); 147 148 setTimeout('picscheckmore()',500); 149 150} 151function picsprev() 152{ 153 if($('.picbar').hasClass('overlay')) 154 { 155 slideshow_prev(); 156 return; 157 } 158 //if(isend) 159 //{ 160 //left0=lastpos; 161 //isend=false; 162 //} 163 //else 164 //{ 165 left0 = $('.pictures').scrollLeft(); 166 if($('.pictures').innerWidth()-400<360) 167 left0-=360; 168 else 169 left0-=$('.pictures').innerWidth()-400; 170 //} 171 targetleft0=left0; 172 $(".pictures").animate( { scrollLeft: left0 }, 500); 173 if(left0>0) 174 $('.prev').show(); 175 else 176 $('.prev').hide(); 177 178 setTimeout('picscheckmore()',500); 179 180} 181 182function slideshow_start(idx) 183{ 184 $('.picbar').addClass('overlay'); 185 $('.slide').hide(); 186 $('.slide_'+idx).show(); 187 if($('.slide').length>1) 188 { 189 $('.prev').show(); 190 $('.next').show(); 191 } 192 else 193 { 194 $('.prev').hide(); 195 $('.next').hide(); 196 } 197 curslide=idx; 198 199 200 $('.slide img').each(function(index) 201 { 202 $(this).attr('src',$(this).attr('src').replace('/normal/','/medium/')); 203 }); 204 205 206 207} 208 209function slideshow_close() 210{ 211 $('.picbar').removeClass('overlay'); 212 $('.slide').show().css('display','inline-block'); 213 setTimeout('picscheckmore()',100); 214 $('.prev').hide(); 215 216} 217 218function slideshow_prev() 219{ 220 slideshowauto=false; 221 if(curslide==0) curslide=$('.slide').length-1; 222 else curslide--; 223 224 for(i=0;i<$('.slide').length;i++) 225 { 226 if(i!=curslide) 227 { 228 //$('.slide_'+i).css('position','absolute'); 229 $('.slide_'+i+'').fadeOut(); 230 } 231 else 232 { 233 //$('.slide_'+i).css('position','relative'); 234 $('.slide_'+i+'').fadeIn(); 235 } 236 } 237 238} 239 240function slideshow_next() 241{ 242 if(curslide==($('.slide').length)-1) curslide=0; 243 else curslide++; 244 245 for(i=0;i<$('.slide').length;i++) 246 { 247 if(i!=curslide) 248 { 249 //$('.slide_'+i).css('position','absolute'); 250 $('.slide_'+i+'').fadeOut(); 251 } 252 else 253 { 254 //$('.slide_'+i).css('position','absolute'); 255 $('.slide_'+i+'').fadeIn(); 256 } 257 } 258 259} 260 261$(function() { 262 //alert(document.documentElement.clientWidth+' '+$('.news_outer').innerWidth()+" "+($('.news')[1].getBoundingClientRect().left-$('.news')[0].getBoundingClientRect().left)); 263 //alert(parseInt($('.pictures_inner').width()) +' '+ parseInt($('.pictures')[0].scrollWidth)); 264 if(parseInt($('.pictures_inner').width()) < parseInt($('.pictures')[0].scrollWidth)) 265 $('.next').show(); 266 else 267 $('.next').hide(); 268 269}); 270 271$(document).on('keyup', function(event) { 272 if (event.keyCode==37) { picsprev(); } 273 if (event.keyCode==39) { picsnext(); } 274}); 275 276 277</script>
277 278
279<script> 280 281var fadedivs_last=0; 282$(window).scroll(function(){ 283 let percent = 0; 284 if($(document).scrollTop()> $(window).height()*0.1); 285 percent=($(document).scrollTop()-$(window).height()*0.1)/($(window).height()/2); 286 if(percent>1) percent=1; 287 //alert(percent); 288 if(fadedivs_last!=percent) 289 { 290 document.documentElement.style.setProperty('--header_opacity', `${percent}`); 291 //if(percent<=0) fadedivs.hide(); else fadedivs.show(); 292 } 293 fadedivs_last=percent; 294}); 295 296</script>
296 297 298<div class="textblock textsimplexml"> 299 <div class="pagetitle rootlevel pagetitle_root tagcontent_root" id="elid_0"><span><span class="zlg">Zusammen<i>Leben</i> <span>gestalten</span></span> </span></div> 300 <div class="ueberschrift rootlevel ueberschrift_root tagcontent_root" id="elid_1"><span>Zusammen Zukunft gestalten: Gemeinsam mit Ihnen </span></div> 301 <div class="einleitung rootlevel einleitung_root tagcontent_root" id="elid_2"><span>Das Diakoniewerk Essen hilft Menschen, die benachteiligt sind. Wir stellen uns an die Seite der Menschen, die Unterstützung brauchen. Weil sie behindert, wohnungslos, geflüchtet, oder vernachlässigt sind. Neben akuter Hilfe entwickeln wir auch langfristige Perspektiven mit unseren spezialisierten Mitarbeitenden. In Einrichtungen, durch Beratungen und vor Ort bei den Menschen. </span></div> 302 <div class="zwischenueberschrift rootlevel zwischenueberschrift_root tagcontent_root" id="elid_3"><span>Ihre Spende sorgt dafür, dass soziales Zusammenleben in Essen gelingt! </span></div> 303 <div class="einleitung rootlevel einleitung_root tagcontent_root" id="elid_4"><span>Unser Spendenkonto: </span></div> 304 <div class="absatz rootlevel absatz_root tagcontent_root" id="elid_5"><span>Diakoniewerk Essen e.V.<br>Sparkasse Essen <br>IBAN DE47 3605 0105 0003 1916 08<br>BIC SPESDE3EXXX<br>Konto-Nummer: 3191608<br>BLZ 360 501 05 </span></div> 305 306</div> 307 308 309 310 311<div class="blockcontainer"> 312<div class="spendenblock"> 313 <div class="spendenformular"> 314
314<script type="text/javascript" src="https://secure.fundraisingbox.com/app/paymentJS?hash=jgg86y5hexhdc3wd"></script>
314<noscript>Bitte Javascript aktivieren</noscript><a target="_blank" href="https://www.fundraisingbox.com/?utm_source=donation_form"><img border="0" style="border: 0 !important" src="https://secure.fundraisingbox.com/images/FundraisingBox-Logo-Widget.png" alt="FundraisingBox Logo" /></a> 315 </div> 316 <div class="spendenthemen"><div class="block wthemen type2" id="block_themen"><div class="title">Spendenprojekte</div> 317 <div class="elements"><div class="element"> 318 <a href="/Das+Diakoniewerk/Spenden/81-Kinder+in+unserer+Stadt"> 319 <div class="caption hyphens">Kinder in unserer Stadt</div> <div class="pic_outer full"> 320 <div class="pic"> 321 <img src="/content/img/pagepictures/normal/81/2025-05-05_Diakonie_16131.jpg" alt="2025-05-05 Diakonie 16131"> 322 </div> 323 </div></a></div><div class="element"> 324 <a href="/Das+Diakoniewerk/Spenden/79-Menschen+mit+Behinderung"> 325 <div class="caption hyphens">Menschen mit Behinderung</div> <div class="pic_outer full"> 326 <div class="pic"> 327 <img src="/content/img/pagepictures/normal/79/2025-05-05_Diakonie_18550.jpg" alt="2025-05-05 Diakonie 18550"> 328 </div> 329 </div></a></div><div class="element"> 330 <a href="/Das+Diakoniewerk/Spenden/304-Gefluechtete+in+unserer+Stadt"> 331 <div class="caption hyphens">Geflüchtete in unserer Stadt</div> <div class="pic_outer full"> 332 <div class="pic"> 333 <img src="/content/img/pagepictures/normal/304/Diakonie16900_Copyright%20Diakonie%20Deutschland_Fotograf%20Marc%20Brinkmeier.jpg" alt="Diakonie16900 Copyright Diakonie Deutschland Fotograf Marc Brinkmeier"> 334 </div> 335 </div></a></div><div class="element"> 336 <a href="/Das+Diakoniewerk/Spenden/5571-Wohnungslose+in+unserer+Stadt"> 337 <div class="caption hyphens">Wohnungslose in unserer Stadt</div> <div class="pic_outer"> 338 <div class="pic"> 339 <img src="/content/img/pagepictures/normal/5571/Wohnungslose.jpg" alt="Florian Schumacher, Diakoniewerk Essen"> 340 </div> 341 </div></a></div><div class="element"> 342 <a href="/Das+Diakoniewerk/Spenden/301-Senior%2Ainnen+in+Essen"> 343 <div class="caption hyphens">Senior*innen in Essen</div> <div class="pic_outer full"> 344 <div class="pic"> 345 <img src="/content/img/pagepictures/normal/301/2025-05-05_Diakonie_18329.jpg" alt="2025-05-05 Diakonie 18329"> 346 </div> 347 </div></a></div><div class="element"> 348 <a href="/Das+Diakoniewerk/Spenden/5797-Anlass-Spenden"> 349 <div class="caption hyphens">Anlass-Spenden</div> <div class="pic_outer full"> 350 <div class="pic"> 351 <img src="/content/img/pagepictures/normal/5797/2025-05-05_Diakonie_17732-Anlasspenden.jpg" alt="2025-05-05 Diakonie 17732-Anlasspenden"> 352 </div> 353 </div></a></div><div class="element"> 354 <a href="/Das+Diakoniewerk/Spenden/4844-Nachlass-Spenden"> 355 <div class="caption hyphens">Nachlass-Spenden</div> <div class="pic_outer full"> 356 <div class="pic"> 357 <img src="/content/img/pagepictures/normal/4844/2025-05-05_Diakonie_16431.jpg" alt="2025-05-05 Diakonie 16431"> 358 </div> 359 </div></a></div></div> 360</div> 361</div> 362 363 </div> 364<div class="block_outer" id="block_block1"> 365<div class="block z_block1_text type10 notitle"> 366</div> 367</div><div class="ap_overlay"> 368<a href="javascript:;" onClick="$('.aps .elements .element').removeClass('popup');$('.ap_overlay').hide()" class="close"><img src="/struct/img/menu-x.svg" alt="Slideshow schlieÃen"></a> 369</div> 370<div class="block aps" id="block_contacts"><div class="title">Ihre Ansprechpartnerin</div><div class="subtitle">Wie können wir Ihnen behilflich sein?</div><div class="elements singleel"> <div class="element" ><div onClick="$(this).parent().addClass('popup');$('.ap_overlay').show();" class="contactpersonpiclink"> 371 <img src="/dbwfv.php?mode=contact&path=10362/Nadine%20Lashuk%202025_klein.jpg" class="contactpersonpic" alt="Bild von Nadine Lashuk"> 372 </div><div class="info"><div class="position">Leitung Fördermittel und Projektentwicklung</div><div class="name">Nadine Lashuk</div><img src="/struct/img/Tel-Ringing.svg" class="dataTypeIcon" alt="" role="presentation"> <a href="tel:02012664595700">0201 2664-595700</a><br><a href="https://www.diakoniewerk-essen.de/?p=Kontakt&cp=3a7854c1358d157d86de3fabd79b598c%21a.ynfuhx%40qvnxbavrjrex-rffra.qr&n=Nadine%20Lashuk&pos=Leitung%20F%C3%B6rdermittel%20und%20Projektentwicklung&pic=10362%2FNadine%20Lashuk%202025_klein.jpg&f=1&tel=0201%202664-595700&bq=14794001" class="button blue">
372Kontaktformular</a><br></div> 373 </div> 374</div> 375</div> 376<div class="tabs_outer" id="block_infobox"><div class="maindiv"></div> 377<div class="tabs"> 378 379 380 381 382 <div class="tab"><input id="tab_address" type="radio" onChange="changetab(this)" name="tabs" checked="checked" /><label for="tab_address"><div class="active"></div><div class="notactive"><img src="/struct/img/Weiter.svg" alt="" role="presentation"></div>Anschrift, Anfahrt & Träger</label> 383 <div class="text"><p class="traeger">Diakoniewerk Essen e. V.</p> 384 <p><b>Fördermittel und Projektentwicklung</b></p> 385<p>Bergerhauser StraÃe 17</p> 386 <p>45136 Essen</p> 387 <p><img src="/struct/img/Tel-Ringing.svg" class="dataTypeIcon" alt="" role="presentation"> 0201 2664-595700</p><br><a class="button darkblue" href="http://maps.google.de/?q=51.4430722,7.0412381" target="_blank" rel="noopener noreferrer">Standort</a> <a class="button darkblue" href="http://maps.google.de/?q=51.4430722,7.0412381&daddr=51.4430722,7.0412381" target="_blank" rel="noopener noreferrer">Routenplaner</a> 388 <br> 389 390 </div> 391 </div> 392 393 394 395 396 397 398</div> 399</div>
400<script> 401//alert($('.tabs').css('height')); 402var leftheight=$('.tabs').height()-29; /*40*/ 403function changetab(el) 404{ 405 if($('.tabs').css('min-height')=='1px') return; 406 curheight=$('~ .text',el)[0].scrollHeight-27; 407 if(curheight>leftheight) 408 { 409 if(curheight>550) curheight=550; 410 $(el).parent().parent().css('height',curheight); 411 //alert(curheight); 412 $('~ .text',el).css('height',curheight); 413 } 414 else 415 { 416 $(el).parent().parent().css('height',leftheight); 417 $('~ .text',el).css('height',leftheight); 418 } 419} 420changetab($('input[name=tabs]:checked')); 421</script>
421 422</div> 423 424 425 426<div class="maindiv"></div> 427 428 429<div class="footer"> 430 431 <div class="dwe"> 432 <a href="/"><img src="/struct/img/dwe-logo-freigestellt-neu.png" alt="Logo des Diakoniewerks Essen"></a> 433 <a href="/109-Diakoniewerk" class="button blue">Das Diakoniewerk</a> 434 <div class="text">Unter dem Leitmotiv â<span class="zlg">Zusammen<i>Leben</i> <span>gestalten</span></span>â bieten wir eine Vielzahl sozialer Dienstleistungen in der Kindertagesbetreuung, der Jugend- und Familienhilfe, der Behindertenhilfe, der Wohnungslosen- und Gefährdetenhilfe, sowie für langzeitarbeitslose Menschen und in der Senioren- und Krankenhilfe. </div> 435 </div> 436 437 <div class="social"> 438 <a href="https://www.facebook.com/DiakoniewerkEssen" class="fb" target="_blank" rel="noopener noreferrer"><img src="/struct/img/f.svg" alt="Facebook"> facebook</a> 439 <a href="https://www.youtube.com/channel/UC6Yn32zLmeTug1hbhWzSDRg" class="yt" target="_blank" rel="noopener noreferrer"><img src="/struct/img/youtubelogo.svg" alt="Youtube"> YouTube</a> 440 <a href="https://www.instagram.com/Diakoniewerk_Essen" class="ig" target="_blank" rel="noopener noreferrer"><img src="/struct/img/ig-icon-2022.svg" alt="Instagram"> Instagram</a> 441 <a href="https://www.xing.com/pages/diakoniewerkessen" class="ig" target="_blank" rel="noopener noreferrer"><img src="/struct/img/Xing_logo.svg" alt="Xing"> Xing</a> 442 </div> 443 444 <div class="ueberuns"> 445 <div class="title">Ãber uns</div> 446 <div class="text">Unter dem Leitmotiv âZusammen<i>Leben</i> gestaltenâ bieten wir eine Vielzahl sozialer Dienstleistungen in der Kindertagesbetreuung, der Jugend- und Familienhilfe, der Behindertenhilfe, der Wohnungslosen- und Gefährdetenhilfe, sowie für langzeitarbeitslose Menschen und in der Senioren- und Krankenhilfe. </div> 447 </div> 448 449 <div class="kontakt"><div class="title">Kontakt</div> 450 <div class="tel">0201 2664-0�</div> 451 <div class="mail"><a href="mailto:[email protected]">[email protected]</a></div> 452 <div class="contact"><a href="/?p=Kontakt">Kontakt</a></div> 453 </div> 454 455 <div class="bereiche"> 456 <div class="title">Bereiche</div> <ul class="nav bereiche"> 457 <li style="margin-left:0px;" class=""><a href="/290-Kinder">Kinder</a></li> 458 <li style="margin-left:0px;" class=""><a href="/281-Jugend+und+Familie">Jugend und Familie</a></li> 459 <li style="margin-left:0px;" class=""><a href="/282-Hoerschaedigung">Hörschädigung</a></li> 460 <li style="margin-left:0px;" class=""><a href="/283-Geistige+Behinderung">Geistige Behinderung</a></li> 461 <li style="margin-left:0px;" class=""><a href="/284-Psychische+Erkrankung">Psychische Erkrankung</a></li> 462 <li style="margin-left:0px;" class=""><a href="/285-Migration+und+Integration">Migration und Integration</a></li> 463 <li style="margin-left:0px;" class=""><a href="/6-Wohnungslose+und+Gefaehrdete">Wohnungslose und Gefährdete</a></li> 464 <li style="margin-left:0px;" class=""><a href="/286-Arbeitsprojekte">Arbeitsprojekte</a></li> 465 <li style="margin-left:0px;" class=""><a href="/287-Senior%2Ainnen">Senior*innen</a></li> 466 <li style="margin-left:0px;" class=""><a href="/109-Das+Diakoniewerk">Das Diakoniewerk</a></li></ul></div> 467 468 <div class="newsletter"> 469 <div class="title">Newsletter</div> 470 471 <form action="/?p=Newsletter" method="post"> 472 473 <label for="email" style="display:none">Spam-Schutz für E-Mail-Adresse, bitte ignorieren</label> 474 <input type="text" id="email" name="email" placeholder="Ihre Mail-Adresse" style="display:none"> 475 476 <label for="eaddr" style="opacity:0;line-height:0;height:0;display:block">Ihre E-Mail-Adresse für die Newsletter-Bestellung</label> 477 <input type="text" id="eaddr" name="eaddr" placeholder="Ihre Mail-Adresse"><br> 478 479 <button type="submit" class="button blue" name="Submit_NewsletterAddress" value="Submit">abonnieren</button> 480 </form></div> 481 482 <div class="meta"><a href="/?p=Login&last=114" style="color:inherit">Login</a> | <a href="/Diakoniewerk/3542-Impressum">Impressum</a> | <a href="/Diakoniewerk/3543-Datenschutzerklaerung">Datenschutz</a> | <a href="/?p=Sitemap">Seitenübersicht</a> 483 484 485 </div> 486 487</div> 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502<!-- ===== 3) Die drei Funktions-Buttons (versteckt bis zum Klick) ===== --> 503<div id="a11y-launchers" hidden dir="ltr"> 504 505 506 <!-- (A) ASSIST: Klasse blendet natives Icon aus + toggelt die Toolbar. Kein JS nötig. --> 507 <button type="button" class="eyeAble_customToolOpenerClass a11y-launcher-but">
508 <img src="/struct/img/eye-able_whitelabel-icon_2.svg"> 509 </button> 510 511 <!-- (B) EINFACHE SPRACHE: ID ersetzt <easy-speech>, Toggle ist eingebaut. 512 Mit System-Tooltip/-Icon stattdessen ID "easy-speech-custom-including-tooltip". --> 513 <button type="button" id="easy-speech-custom-including-tooltip" class="a11y-launcher-but" style="background-color:black;border-radius:1.2em; "> 514<svg id="easy-speech-icon" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150"> 515 <path class="cls-1" d="M74.96,54.29c-10.03,0-18.19-7.94-18.19-17.71s8.16-17.71,18.19-17.71,18.19,7.94,18.19,17.71-8.16,17.71-18.19,17.71ZM74.96,23.87c-7.27,0-13.19,5.7-13.19,12.71s5.92,12.71,13.19,12.71,13.19-5.7,13.19-12.71-5.92-12.71-13.19-12.71Z"></path> 516 <path class="cls-1" d="M123.94,58.12c-.01-2.59-1.29-5.02-3.42-6.5-2.13-1.48-4.86-1.83-7.29-.94l-38.24,14.01-38.24-14.01c-2.43-.89-5.16-.54-7.29.94-2.13,1.48-3.41,3.91-3.42,6.5l-.26,49.64c-.02,3.35,2.08,6.37,5.23,7.52l42.84,15.69c.28.1.57.15.86.15.09,0,.19-.01.28-.02.09.01.19.02.28.02.29,0,.58-.05.86-.15l42.84-15.69c3.14-1.15,5.25-4.18,5.23-7.52l-.26-49.64ZM32.74,110.59c-1.17-.43-1.95-1.55-1.95-2.8l.26-49.64c0-.98.47-1.86,1.27-2.42.51-.35,1.09-.53,1.68-.53.34,0,.69.06,1.03.19l37.42,13.71.04,6.64-.26,49.34-39.5-14.47ZM117.26,110.59l-39.5,14.47-.26-49.34.04-6.64,37.42-13.71c.92-.34,1.91-.21,2.71.35.8.56,1.27,1.44,1.27,2.42l.26,49.64c0,1.25-.78,2.37-1.95,2.8Z"></path> 517 <path class="cls-1" d="M62.12,88.11c-.29,0-.58-.05-.87-.16l-20.94-7.74c-1.29-.48-1.96-1.92-1.48-3.21.48-1.29,1.92-1.96,3.21-1.48l20.94,7.74c1.29.48,1.96,1.92,1.48,3.21-.37,1.01-1.33,1.63-2.34,1.63Z"></path> 518 <path class="cls-1" d="M62.12,105.91c-.29,0-.58-.05-.87-.16l-20.94-7.74c-1.29-.48-1.96-1.92-1.48-3.21.48-1.29,1.92-1.96,3.21-1.48l20.94,7.74c1.29.48,1.96,1.92,1.48,3.21-.37,1.01-1.33,1.63-2.34,1.63Z"></path> 519 </svg> 520 </button> 521 522 <!-- (C) TRANSLATE: eigenes Element, Steuerung per JS (unten). Zielsprache via data-lang. --> 523<div class="a11y-translate no-transl" style="text-align:right;margin-top:5px;"> 524 <button type="button" id="my-translate-btn" class="a11y-launcher" 525 aria-haspopup="true" aria-expanded="false" aria-controls="a11y-lang-menu" style="background-color:#116c97;color:white;font-size:22px;padding:7px;"> 526 <span id="a11y-lang-current">Deutsch</span> â¾ 527 </button> 528 <ul id="a11y-lang-menu" role="menu" hidden > 529 </ul> 530</div> 531</div> 532 533 534 535 536<style> 537 #a11y-master-togglex{ 538 position:fixed; right:1rem; bottom:1rem; z-index:2147483000; 539 padding:.75rem 1rem; border:0; border-radius:999px; 540 background:#1f4b99; color:#fff; cursor:pointer; 541 font:600 1rem/1 system-ui,sans-serif; 542 } 543 #a11y-launchers[hidden]{ display:none; } 544 .a11y-launcher{ 545 padding:.6rem .9rem; border:0; border-radius:8px; 546 background:#fff; color:#1f4b99; cursor:pointer; xwhite-space:nowrap; 547 xbox-shadow:0 2px 8px rgba(0,0,0,.2); xfont:500 .95rem/1 system-ui,sans-serif; text-align:right; 548 } 549 .a11y-launcher-but { border:none; background-color:transparent; padding:0; margin:0; } 550</style> 551
552<script> 553 554function changeMainToggle(lang,active) 555{ 556 var launchers = document.getElementById('a11y-launchers'); 557 if(lang) $('#a11y-master-toggle').attr('but_lang',lang.code);if(active) { $('#a11y-master-toggle').addClass('active'); $('#a11y-master-toggle2').addClass('active'); launchers.toggleAttribute('hidden', !active); } 558 else { $('#a11y-master-toggle').removeClass('active'); $('#a11y-master-toggle2').removeClass('active'); launchers.toggleAttribute('hidden', !active); } 559} 560 561(function () { 562 // Zentraler Toggle: Button-Gruppe ein-/ausblenden 563 var toggle = document.getElementById('a11y-master-toggle'); 564 var toggle2 = document.getElementById('a11y-master-toggle2'); 565 var launchers = document.getElementById('a11y-launchers'); 566 toggle.addEventListener('click', function () { 567 var show = launchers.hasAttribute('hidden'); 568 launchers.toggleAttribute('hidden', !show); 569 toggle.setAttribute('aria-expanded', String(show));localStorage.setItem('a11y-master-toggle', show); 570 changeMainToggle(null,show); 571 }); 572 573 574 // Translate: auf das EA-Objekt warten (async-Skript) 575 function whenEAReady(cb){ 576 if (window.EA && typeof EA.activateTranslation === 'function') return cb(); 577 var t = setInterval(function(){ 578 if (window.EA && typeof EA.activateTranslation === 'function'){ clearInterval(t); cb(); } 579 }, 100); 580 } 581 whenEAReady(function(){ 582 if (typeof EA.init_localLang === 'function') EA.init_localLang(true); // zuvor gewählte Sprache wiederherstellen 583 var tBtn = document.getElementById('my-translate-btn'); 584 tBtn.addEventListener('click', function(){ 585 EA.activateTranslation(tBtn.dataset.lang, true); // z. B. "en-GB" 586 }); 587 }); 588})(); 589 590var LANGS = [{ code: 'de', label: 'Deutsch' }, // Deutsch 591{ code: 'en', label: 'English' }, // Englisch (UK) 592 { code: 'es', label: 'Español' }, // Spanisch 593 { code: 'fr', label: 'Français' }, // Französisch 594 { code: 'it', label: 'Italiano' }, // Italienisch 595 { code: 'pl', label: 'Polski' }, // Polnisch 596 { code: 'pt', label: 'Português' }, // Portugiesisch 597 { code: 'ru', label: 'Ð ÑÑÑкий' }, // Russisch 598 { code: 'tr', label: 'Türkçe' }, // Türkisch 599 { code: 'uk', label: 'УкÑаÑнÑÑка' }, // Ukrainisch 600 { code: 'ar', label: 'Ø§ÙØ¹Ø±Ø¨ÙØ©' }, // Arabisch 601 { code: 'el', label: 'Îλληνικά' }, // Griechisch 602 { code: 'ro', label: 'RomânÄ' }, // Rumänisch 603 { code: 'bg', label: 'ÐÑлгаÑÑки' }, // Bulgarisch 604 { code: 'ku', label: 'Kurdî' }, // Kurdisch 605 { code: 'fa', label: 'ÙØ§Ø±Ø³Û' }, // Persisch 606 { code: 'ps', label: 'Ù¾ÚØªÙ' } // Paschtu 607 608 ]; 609 610var STORE_KEY = 'a11yTranslateLang'; 611console.log(LANGS); 612(function () { 613 var btn = document.getElementById('my-translate-btn'); 614 var menu = document.getElementById('a11y-lang-menu'); 615 var label = document.getElementById('a11y-lang-current'); 616 617 function getSaved(){ try { return localStorage.getItem(STORE_KEY); } catch(e){ return null; } } 618 function setSaved(c){ try { localStorage.setItem(STORE_KEY, c); } catch(e){} } 619 620 function setLabel(lang){ 621 label.textContent = lang.label; 622 // aktive Sprache im Menü markieren 623 menu.querySelectorAll('[data-code]').forEach(function (el) { 624 var on = el.dataset.code === lang.code; 625 el.setAttribute('aria-current', on ? 'true' : 'false'); 626 el.style.fontWeight = on ? '700' : '500'; 627 }); 628 } 629 630 // Menü aufbauen
631 LANGS.forEach(function (l) { 632 var li = document.createElement('li'); 633 var b = document.createElement('button'); 634 b.type = 'button'; 635 b.setAttribute('role', 'menuitem'); 636 b.dataset.code = l.code; 637 b.textContent = l.label; 638 b.style.cssText = 'display:block;width:100%;text-align:left;border:0;' + 639 'padding:2px;cursor:pointer;' + 640 'background-image:url("/struct/img/eyelang/'+l.code+'.svg"); padding-left: 32px; ' + 641 'white-space:nowrap;color:#444;'; 642 b.addEventListener('click', function () { 643 if (window.EA && typeof EA.activateTranslation === 'function') { 644 EA.activateTranslation(l.code, true); 645 } 646 setSaved(l.code); 647 changeMainToggle(l,true); 648 setLabel(l); 649 closeMenu(); 650 }); 651 li.appendChild(b); 652 menu.appendChild(li); 653 }); 654 655 function openMenu() { menu.hidden = false; btn.setAttribute('aria-expanded','true'); } 656 function closeMenu() { menu.hidden = true; btn.setAttribute('aria-expanded','false'); } 657 btn.addEventListener('click', function () { menu.hidden ? openMenu() : closeMenu(); }); 658 document.addEventListener('click', function (e) { 659 if (!e.target.closest('.a11y-translate')) closeMenu(); 660 }); 661 662 var savedLang=getSaved(); 663 var mainButActive=false; 664 var toggle = document.getElementById('a11y-master-toggle'); 665 var currentLang = LANGS.filter(function (l){ return l.code === savedLang; })[0] || LANGS[0]; 666 try { if(localStorage.getItem('a11y-master-toggle')=='true') mainButActive=true; } catch(e){ } 667 changeMainToggle(currentLang,mainButActive); 668 669 670 671 // Beim Laden: gespeicherte Sprache wiederherstellen (Label + Ãbersetzung) 672 (function waitEA(){ 673 if (!(window.EA && typeof EA.init_localLang === 'function')) { setTimeout(waitEA, 100); return; } 674 675 EA.init_localLang(true); // <-- EA stellt die zuvor gewählte Sprache korrekt wieder her 676 677 var saved = getSaved(); 678 var current = LANGS.filter(function (l){ return l.code === saved; })[0] || LANGS[0]; 679 setLabel(current); // Label passend zur wiederhergestellten Sprache 680 })(); 681 })(); 682 683</script>
683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704
705<script> 706//$('#content').click(function(){ if($('.menu').hasClass('show')) $('.menu').removeClass('show'); }); 707var zoomScale=1; 708</script>
708 709 710</div> 711 712<div class="menuhide"></div> 713 714<div class="menu"> 715<a href="javascript:;" onClick="menu_close()" class="menu_close"><img src="/struct/img/menu-x.svg" alt="Hauptmenü schlieÃen"></a> 716<div class="menu_inner"> 717 <div class="upper"> 718 <div class="title"><a href="/"><img src="/struct/img/dwe-logo-freigestellt-neu.png" alt="Logo des Diakoniewerks Essen"></a></div><div class="social"> 719 <a href="https://www.facebook.com/DiakoniewerkEssen" target="_blank" rel="noopener noreferrer"><img src="/struct/img/f2.svg" alt="Facebook"></a> 720 <a href="https://www.youtube.com/channel/UC6Yn32zLmeTug1hbhWzSDRg" target="_blank" rel="noopener noreferrer"><img src="/struct/img/YT.svg" alt="Youtube"></a> 721 <a href="https://www.instagram.com/Diakoniewerk_Essen" target="_blank" rel="noopener noreferrer"><img src="/struct/img/Insta.svg" alt="Instagram"></a> 722 <a href="https://www.xing.com/pages/diakoniewerkessen" target="_blank" rel="noopener noreferrer"><img src="/struct/img/Xing.svg" alt="Xing"></a> 723 <a href="https://www.diakoniewerk-essen.de/?p=Newsletter" target="_blank" rel="noopener noreferrer"><img src="/struct/img/NL3.svg" alt="Newsletter"></a> 724 </div> <ul class="nav bereiche"> 725 <li style="margin-left:0px;" class=""><a href="/290-Kinder">Kinder</a></li> 726 <li style="margin-left:0px;" class=""><a href="/281-Jugend+und+Familie">Jugend und Familie</a></li> 727 <li style="margin-left:0px;" class=""><a href="/282-Hoerschaedigung">Hörschädigung</a></li> 728 <li style="margin-left:0px;" class=""><a href="/283-Geistige+Behinderung">Geistige Behinderung</a></li> 729 <li style="margin-left:0px;" class=""><a href="/284-Psychische+Erkrankung">Psychische Erkrankung</a></li> 730 <li style="margin-left:0px;" class=""><a href="/285-Migration+und+Integration">Migration und Integration</a></li> 731 <li style="margin-left:0px;" class=""><a href="/6-Wohnungslose+und+Gefaehrdete">Wohnungslose und Gefährdete</a></li> 732 <li style="margin-left:0px;" class=""><a href="/286-Arbeitsprojekte">Arbeitsprojekte</a></li> 733 <li style="margin-left:0px;" class=""><a href="/287-Senior%2Ainnen">Senior*innen</a></li> 734 <li style="margin-left:0px;" class=" active"><a href="/109-Das+Diakoniewerk">Das Diakoniewerk</a></li> 735 <li style="margin-left:20px;" class=""><a href="/Das+Diakoniewerk/199-News">News</a></li> 736 <li style="margin-left:20px;" class=""><a href="/Das+Diakoniewerk/200-Termine">Termine</a></li> 737 <li style="margin-left:20px;" class=" active"><a id="navjump" name="navjump" style="position:absolute;margin-top:-80px"></a><a href="/Das+Diakoniewerk/114-Spenden">Spenden</a></li> 738 <li style="margin-left:40px;" class=" sub"><a href="/Das+Diakoniewerk/Spenden/81-Kinder+in+unserer+Stadt">Kinder in unserer Stadt</a></li> 739 <li style="margin-left:40px;" class=" sub"><a href="/Das+Diakoniewerk/Spenden/79-Menschen+mit+Behinderung">Menschen mit Behinderung</a></li> 740 <li style="margin-left:40px;" class=" sub"><a href="/Das+Diakoniewerk/Spenden/304-Gefluechtete+in+unserer+Stadt">Geflüchtete in unserer Stadt</a></li> 741 <li style="margin-left:40px;" class=" sub"><a href="/Das+Diakoniewerk/Spenden/5571-Wohnungslose+in+unserer+Stadt">Wohnungslose in unserer Stadt</a></li> 742 <li style="margin-left:40px;" class=" sub"><a href="/Das+Diakoniewerk/Spenden/301-Senior%2Ainnen+in+Essen">Senior*innen in Essen</a></li> 743 <li style="margin-left:40px;" class=" sub"><a href="/Das+Diakoniewerk/Spenden/5797-Anlass-Spenden">Anlass-Spenden</a></li> 744 <li style="margin-left:40px;" class=" sub"><a href="/Das+Diakoniewerk/Spenden/4844-Nachlass-Spenden">Nachlass-Spenden</a></li> 745 <li style="margin-left:20px;" class=""><a href="/Das+Diakoniewerk/88-Ehrenamt">Ehrenamt</a></li> 746 <li style="margin-left:20px;" class=""><a href="/Das+Diakoniewerk/87-Fortbildungen">Fortbildungen</a></li> 747 <li style="margin-left:20px;" class=""><a href="/Das+Diakoniewerk/4590-Bewerbungs-Date">Bewerbungs-Date</a></li> 748 <li style="margin-left:20px;" class=""><a href="/Das+Diakoniewerk/89-Verein">Verein</a></li> 749 <li style="margin-left:20px;" class=""><a href="/Das+Diakoniewerk/3069-Vorstand">Vorstand</a></li> 750 <li style="margin-left:20px;" class=""><a href="/Das+Diakoniewerk/347-Verwaltungsrat">Verwaltungsrat</a></li> 751 <li style="margin-left:20px;" class=""><a href="/Das+Diakoniewerk/90-Gesellschaften">Gesellschaften</a></li> 752 <li style="margin-left:20px;" class=""><a href="/Das+Diakoniewerk/3547-Organigramme">Organigramme</a></li> 753 <li style="margin-left:20px;" class=""><a href="/Das+Diakoniewerk/186-Leitbild">Leitbild</a></li> 754 <li style="margin-left:20px;" class=""><a href="/Das+Diakoniewerk/406-Standorte">Standorte</a></li> 755 <li style="margin-left:20px;" class=""><a href="/Das+Diakoniewerk/6067-Raumbuchung">Raumbuchung</a></li> 756 <li style="margin-left:20px;" class=""><a href="/Das+Diakoniewerk/91-Chronik">Chronik</a></li> 757 <li style="margin-left:20px;" class=""><a href="/Das+Diakoniewerk/4721-Mitarbeitendenvertretung">
757Mitarbeitendenvertretung</a></li> 758 <li style="margin-left:20px;" class=""><a href="/Das+Diakoniewerk/1308-Konfliktberatung">Konfliktberatung</a></li> 759 <li style="margin-left:20px;" class=""><a href="/Das+Diakoniewerk/6315-Impuls+zur+Charta+gegen+Einsamkeit">Impuls zur Charta gegen Einsamkeit</a></li></ul>
759<script> 760el=document.getElementById('navjump'); 761if(el) el.scrollIntoView(); 762</script>
762</div> 763 <div class="shortcuts shortcuts1"> 764 <a href="https://bewerbung.diakoniewerk-essen.de/" class="button green" target="_blank" rel="noopener noreferrer">Karriereportal</a> 765 <a href="/Diakoniewerk/199-News" class="button blue">News</a> 766 </div> 767 <div class="shortcuts shortcuts2"> 768 <a href="/Diakoniewerk/87-Fortbildungen" class="button blue">Fortbildungen</a> 769 <a href="/Diakoniewerk/114-Spenden" class="button green">Spenden</a> 770 </div> 771 <a href="/109-Diakoniewerk" class="button blue blue2">Das Diakoniewerk</a> 772 <div class="important"><ul class="nav bereiche"></ul> 773 </div> 774 775 <div class="themen2"> 776 <div class="zeile zeile1"><a href="/Wohnungslose+und+Gefaehrdete/3502-Soziale+Servicestelle"><img src="/struct/img/SozServ-trans-neu.png" alt="Zur Sozialen Servicestelle"></a><a href="/Das+Diakoniewerk/Verein/Oeffentlichkeitsarbeit/241-Magazin+DIWER|S"><img src="/struct/img/nav-banner-klein-diwers-ohne-BG.png" alt="DIWERS, das Magazin des Diakoniewerks Essen"></a></div> 777 <div class="zeile zeile2"><a href="/Arbeitsprojekte/112-Restaurant+Church"><img src="/struct/img/Church-trans-neu.png" alt="Zum Restaurant Church"></a><a href="/Arbeitsprojekte/111-Moebelboerse"><img src="/struct/img/nav-banner-klein-mkb-ohne-BG.png" alt="Zur Möbelbörse"></a></div></div> 778</div> 779</div> 780
781<script> 782$('.menu').mouseleave(function(){ if(menuactive==2 && $('.menu').hasClass('show')) { localStorage.setItem('menuopen',0); menuactive=0; $('.menu').removeClass('show'); $('.menu a:first').blur(); } }); 783$('#content_inner').click(function(){ if(menuactive==2 && $('.menu').hasClass('show')) { localStorage.setItem('menuopen',0); menuactive=0; $('.menu').removeClass('show'); $('.menu a:first').blur(); } }); 784function menu_close() { if(menuactive==2 && $('.menu').hasClass('show')) { localStorage.setItem('menuopen',0); menuactive=0; $('.menu').removeClass('show'); $('.menu a:first').blur(); } }if(localStorage.getItem("menuopen")==1) { $('.menu').addClass('show'); menuactive=2; } </script>
784 785 786</div> 787
788<script> 789 790$(".video").each(function () { 791 var video = $(this).find("video"); 792 var plainVideo = video.get(0); 793 var playBtn = $(this).find("div"); 794 var selfel=$(this); 795 796 function myHandler(e) { 797 playBtn.css("visibility", "visible"); 798 } 799 800 video.get(0).addEventListener('ended',myHandler,false); 801 video.get(0).addEventListener('pause',myHandler,false); 802 //video.click(function() { plainVideo.pause(); playBtn.css("visibility", "visible"); }); 803 804 playBtn.click(function () 805 { 806 plainVideo.play(); 807 playBtn.css("visibility", "hidden"); 808 video.attr('controls',true); 809 }); 810}); 811 812function showpicture(el,urlpath,width) 813{ 814 $('#overlay_bg').fadeIn(300); 815 pic=$('#'+el).attr('href'); 816 title=$('#'+el).attr('title'); 817 copyright=$('#'+el).attr('copyright'); 818 area=$('#'+el).attr('area'); 819 $('#overlay').html("<div id='overlay_picture' style='left:"+parseInt(($(window).width()-width)/2)+"px;top:"+(parseInt($(document).scrollTop())+50)+"px;'><div id='overlay_picture_inner'><img src='"+pic+"'><div style='position:absolute;top:16px;right:2%;text-align:left;' id='overlay_picture_close'><a href='javascript:closepicture()' style='color:#ddd'><img src='"+urlpath+"struct/img/bild-schliessen.png' align='absbottom'></a></div><div id='overlay_picture_info' style='position:absolute;bottom:16px;left:2%;right:2%;background-color:#000;background-color:rgba(0,0,0,0.5);text-align:left;color:#ddd;padding:20px;line-height:140%;'><b>"+area+"</b><br>"+title+"<div style='margin-top:10px;font-size:75%;'>"+(copyright=='-'?"":"© "+(copyright?copyright:"Diakoniewerk Essen"))+"</div></div></div></div>"); 820 $('#overlay').fadeIn(300); 821 $('#overlay_bg').click(function() { closepicture() }); 822 $('#overlay_picbg').click(function() { closepicture() }); 823 setTimeout('$("#overlay_picture_info").fadeOut(1000)',1000); 824 $('#overlay_picture_inner').mousemove(function() { $("#overlay_picture_info").show(); }); 825 $('#overlay_picture_inner').mouseout(function() { $("#overlay_picture_info").hide(); }); 826 return false; 827} 828 829function flipbook(tid,file) 830{ 831 var iframe = document.createElement('iframe'); 832 iframe.src = '/?p=ShowFlipBook&tid='+tid+'&file='+encodeURI(file); 833 iframe.id = 'flipbook_iframe'; 834 iframe.setAttribute("style","height:100vh;width:100vw;background-color:white;position:fixed;z-index:9000;top:0vh;left:0vw;padding:0;margin:0;"); 835 document.body.appendChild(iframe); 836 iframe.setAttribute("frameborder","0"); 837 document.body.appendChild(iframe); 838 $('.flipbook_close').show(); 839} 840 841</script>
841 842 843<div class="flipbook_close"> 844<a href="javascript:;" onClick="$('.flipbook_close').hide();$('#flipbook_iframe').remove()"><img src="/struct/img/menu-x.svg" alt="PDF-Ansicht schlieÃen"></a> 845</div>
846<script async src="https://translate-cdn.eye-able.com/eye-able-translate.js"></script>
846 847
848<script async src="https://cdn.eye-able.com/configs/www.diakoniewerk-essen.de.js"></script>
vendor: 1 bytes, line 848
848
849<script async src="https://cdn.eye-able.com/public/js/eyeAble.js"></script>
849 850</body> 851</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.