1 2<!doctype html> 3<!--[if lt IE 9]><html class="no-js no-svg ie lt-ie9 lt-ie8 lt-ie7" lang="de"> <![endif]--> 4<!--[if IE 9]><html class="no-js no-svg ie ie9 lt-ie9 lt-ie8" lang="de"> <![endif]--> 5<!--[if gt IE 9]><!--><html class="no-js no-svg" lang="de"> <!--<![endif]--> 6<head> 7 <meta charset="UTF-8" /> 8 <link rel="preload" href="/wp-content/themes/diak/assets/fonts/Arial%20Black/arial_black.ttf" as="font" type="font/ttf" crossorigin /> 9 <link rel="preload" href="/wp-content/themes/diak/assets/fonts/font.woff2" as="font" type="font/woff2" crossorigin /> 10 <link rel="stylesheet" href="https://www.junge-diakonie.de/wp-content/themes/diak/style.css" type="text/css" media="screen" /> 11 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 12 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 13 <meta name="viewport" content="width=device-width, initial-scale=1"> 14 <link rel="shortcut icon" href="/wp-content/themes/diak/images/ico/favicon.ico" type="image/x-icon" /> 15 <link rel="apple-touch-icon" href="/wp-content/themes/diak/images/ico/apple-touch-icon.png" /> 16 <link rel="apple-touch-icon" sizes="57x57" href="/wp-content/themes/diak/images/ico//apple-touch-icon-57x57.png" /> 17 <link rel="apple-touch-icon" sizes="72x72" href="/wp-content/themes/diak/images/ico/apple-touch-icon-72x72.png" /> 18 <link rel="apple-touch-icon" sizes="76x76" href="/wp-content/themes/diak/images/ico/apple-touch-icon-76x76.png" /> 19 <link rel="apple-touch-icon" sizes="114x114" href="/wp-content/themes/diak/images/ico/apple-touch-icon-114x114.png" /> 20 <link rel="apple-touch-icon" sizes="120x120" href="/wp-content/themes/diak/images/ico/apple-touch-icon-120x120.png" /> 21 <link rel="apple-touch-icon" sizes="144x144" href="/wp-content/themes/diak/images/ico/apple-touch-icon-144x144.png" /> 22 <link rel="apple-touch-icon" sizes="152x152" href="/wp-content/themes/diak/images/ico/apple-touch-icon-152x152.png" /> 23 <link rel="apple-touch-icon" sizes="180x180" href="/wp-content/themes/diak/images/ico/apple-touch-icon-180x180.png" /> 24 <meta property="og:image" content="https://www.junge-diakonie.de/wp-content/themes/diak/images/ico/diakonie-linkshare-image.png" /> 25
25<script async type="text/javascript" src=https://userlike-cdn-widgets.s3-eu-west-1.amazonaws.com/06a9a6a994494f9baafdc074e3c4b24eab609b1bc1f0400bbb706a4281773e6d.js></script>
25 26 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 27 28 <!-- This site is optimized with the Yoast SEO plugin v28.6 - https://yoast.com/product/yoast-seo-wordpress/ --> 29 <title>Freiwilligendienst | Persönlich & beruflich wachsen</title> 30 <meta name="description" content="Freiwilligendienst - Sozial engagieren â Wertvolle Erfahrungen sammeln â Persönlich & beruflich wachsen ⺠Jetzt informieren!" /> 31 <link rel="canonical" href="https://www.junge-diakonie.de/freiwilligendienste/" /> 32 <meta property="og:locale" content="de_DE" /> 33 <meta property="og:type" content="article" /> 34 <meta property="og:title" content="Freiwilligendienst | Persönlich & beruflich wachsen" /> 35 <meta property="og:description" content="Freiwilligendienst - Sozial engagieren â Wertvolle Erfahrungen sammeln â Persönlich & beruflich wachsen ⺠Jetzt informieren!" /> 36 <meta property="og:url" content="https://www.junge-diakonie.de/freiwilligendienste/" /> 37 <meta property="og:site_name" content="Junge Diakonie" /> 38 <meta property="article:publisher" content="https://www.facebook.com/jungediakoniewue" /> 39 <meta property="article:modified_time" content="2026-06-30T12:31:30+00:00" /> 40 <meta property="og:image" content="https://www.junge-diakonie.de/wp-content/uploads/jd_freiwilligendienste-1.jpg" /> 41 <meta property="og:image:width" content="1000" /> 42 <meta property="og:image:height" content="1200" /> 43 <meta property="og:image:type" content="image/jpeg" /> 44 <meta name="twitter:card" content="summary_large_image" /> 45 <meta name="twitter:label1" content="Geschätzte Lesezeit" /> 46 <meta name="twitter:data1" content="1 Minute" /> 47
47<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.junge-diakonie.de\/freiwilligendienste\/","url":"https:\/\/www.junge-diakonie.de\/freiwilligendienste\/","name":"Freiwilligendienst | Persönlich & beruflich wachsen","isPartOf":{"@id":"https:\/\/www.junge-diakonie.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.junge-diakonie.de\/freiwilligendienste\/#primaryimage"},"image":{"@id":"https:\/\/www.junge-diakonie.de\/freiwilligendienste\/#primaryimage"},"thumbnailUrl":"https:\/\/www.junge-diakonie.de\/wp-content\/uploads\/jd_freiwilligendienste-1.jpg","datePublished":"2025-08-12T16:27:44+00:00","dateModified":"2026-06-30T12:31:30+00:00","description":"Freiwilligendienst - Sozial engagieren â Wertvolle Erfahrungen sammeln â Persönlich & beruflich wachsen ⺠Jetzt informieren!","breadcrumb":{"@id":"https:\/\/www.junge-diakonie.de\/freiwilligendienste\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.junge-diakonie.de\/freiwilligendienste\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.junge-diakonie.de\/freiwilligendienste\/#primaryimage","url":"https:\/\/www.junge-diakonie.de\/wp-content\/uploads\/jd_freiwilligendienste-1.jpg","contentUrl":"https:\/\/www.junge-diakonie.de\/wp-content\/uploads\/jd_freiwilligendienste-1.jpg","width":1000,"height":1200,"caption":"Junge Frau schiebt eine andere junge Frau im Rollstuhl"},{"@type":"BreadcrumbList","@id":"https:\/\/www.junge-diakonie.de\/freiwilligendienste\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.junge-diakonie.de\/"},{"@type":"ListItem","position":2,"name":"Freiwilligendienste"}]},{"@type":"WebSite","@id":"https:\/\/www.junge-diakonie.de\/#website","url":"https:\/\/www.junge-diakonie.de\/","name":"Junge Diakonie","description":"","publisher":{"@id":"https:\/\/www.junge-diakonie.de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.junge-diakonie.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.junge-diakonie.de\/#organization","name":"Diakonie Württemberg","alternateName":"Diakonisches Werk Württemberg","url":"https:\/\/www.junge-diakonie.de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.junge-diakonie.de\/#\/schema\/logo\/image\/","url":"https:\/\/www.junge-diakonie.de\/wp-content\/uploads\/dww.jpg","contentUrl":"https:\/\/www.junge-diakonie.de\/wp-content\/uploads\/dww.jpg","width":500,"height":500,"caption":"Diakonie Württemberg"},"image":{"@id":"https:\/\/www.junge-diakonie.de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/jungediakoniewue","https:\/\/www.instagram.com\/jungediakoniewue\/","http:\/\/youtube.com\/@jungediakoniewue"]}]}</script>
47 48 <!-- / Yoast SEO plugin. --> 49 50 51<link rel='dns-prefetch' href='//www.junge-diakonie.de' /> 52<link rel='dns-prefetch' href='//maps.googleapis.com' /> 53<link rel="alternate" type="application/rss+xml" title="Junge Diakonie » Feed" href="https://www.junge-diakonie.de/feed/" /> 54<link rel="preload" href="https://www.junge-diakonie.de/wp-content/cache/borlabs-cookie/1/borlabs-cookie-config-de.json.js?ver=3.4.5-45" as="script"> 55<link rel="preload" href="https://www.junge-diakonie.de/wp-content/cache/borlabs-cookie/1/borlabs-cookie-1-de.css?ver=3.4.5-36" as="style"> 56<link rel="preload" href="https://www.junge-diakonie.de/wp-content/plugins/borlabs-cookie/assets/javascript/borlabs-cookie-prioritize.min.js?ver=3.4.5" as="script"> 57<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.junge-diakonie.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.junge-diakonie.de%2Ffreiwilligendienste%2F" /> 58<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.junge-diakonie.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.junge-diakonie.de%2Ffreiwilligendienste%2F&format=xml" /> 59<style id="wp-img-auto-sizes-contain-inline-css"> 60img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 61/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 62</style> 63<style id="wp-emoji-styles-inline-css"> 64 65 img.wp-smiley, img.emoji { 66 display: inline !important; 67 border: none !important; 68 box-shadow: none !important; 69 height: 1em !important; 70 width: 1em !important; 71 margin: 0 0.07em !important; 72 vertical-align: -0.1em !important; 73 background: none !important; 74 padding: 0 !important; 75 } 76/*# sourceURL=wp-emoji-styles-inline-css */ 77</style> 78 79 80<link rel='stylesheet' id='cf7apps-honeypot-frontend-css' href='https://www.junge-diakonie.de/wp-content/plugins/contact-form-7-honeypot/legacy-honeypot/includes/css/honeypot-frontend.css?ver=3.8.0' media='all' /> 81<link rel='stylesheet' id='contact-form-7-css' href='https://www.junge-diakonie.de/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.2.1' media='all' /> 82<link rel='stylesheet' id='mfcf7_zl_button_style-css' href='https://www.junge-diakonie.de/wp-content/plugins/multiline-files-for-contact-form-7/css/style.css?12&ver=7.1.3' media='all' /> 83<link rel='stylesheet' id='thementageliste-css-css' href='https://www.junge-diakonie.de/wp-content/plugins/thementage/thementage.css?ver=1.0' media='all' /> 84<link rel='stylesheet' id='theme-tailwind-css' href='https://www.junge-diakonie.de/wp-content/themes/diak/dist/assets/style.css?ver=1785154366' media='all' /> 85<style id="borlabs-cookie-critical-inline-css"> 86body div.brlbs-cmpnt-container a,body div.brlbs-cmpnt-container abbr,body div.brlbs-cmpnt-container acronym,body div.brlbs-cmpnt-container address,body div.brlbs-cmpnt-container applet,body div.brlbs-cmpnt-container article,body div.brlbs-cmpnt-container aside,body div.brlbs-cmpnt-container audio,body div.brlbs-cmpnt-container b,body div.brlbs-cmpnt-container big,body div.brlbs-cmpnt-container blockquote,body div.brlbs-cmpnt-container canvas,body div.brlbs-cmpnt-container caption,body div.brlbs-cmpnt-container center,body div.brlbs-cmpnt-container cite,body div.brlbs-cmpnt-container code,body div.brlbs-cmpnt-container dd,body div.brlbs-cmpnt-container del,body div.brlbs-cmpnt-container details,body div.brlbs-cmpnt-container dfn,body div.brlbs-cmpnt-container div,body div.brlbs-cmpnt-container dl,body div.brlbs-cmpnt-container dt,body div.brlbs-cmpnt-container em,body div.brlbs-cmpnt-container embed,body div.brlbs-cmpnt-container fieldset,body div.brlbs-cmpnt-container figcaption,body div.brlbs-cmpnt-container figure,body div.brlbs-cmpnt-container footer,body div.brlbs-cmpnt-container form,body div.brlbs-cmpnt-container h1,body div.brlbs-cmpnt-container h2,body div.brlbs-cmpnt-container h3,body div.brlbs-cmpnt-container h4,body div.brlbs-cmpnt-container h5,body div.brlbs-cmpnt-container h6,body div.brlbs-cmpnt-container header,body div.brlbs-cmpnt-container hgroup,body div.brlbs-cmpnt-container i,body div.brlbs-cmpnt-container iframe,body div.brlbs-cmpnt-container img,body div.brlbs-cmpnt-container ins,body div.brlbs-cmpnt-container kbd,body div.brlbs-cmpnt-container label,body div.brlbs-cmpnt-container legend,body div.brlbs-cmpnt-container li,body div.brlbs-cmpnt-container mark,body div.brlbs-cmpnt-container menu,body div.brlbs-cmpnt-container nav,body div.brlbs-cmpnt-container object,body div.brlbs-cmpnt-container ol,body div.brlbs-cmpnt-container output,body div.brlbs-cmpnt-container p,body div.brlbs-cmpnt-container pre,body div.brlbs-cmpnt-container q,body div.brlbs-cmpnt-container ruby,body div.brlbs-cmpnt-container s,body div.brlbs-cmpnt-container samp,body div.brlbs-cmpnt-container section,body div.brlbs-cmpnt-container small,body div.brlbs-cmpnt-container span,body div.brlbs-cmpnt-container strike,body div.brlbs-cmpnt-container strong,body div.brlbs-cmpnt-container sub,body div.brlbs-cmpnt-container summary,body div.brlbs-cmpnt-container sup,body div.brlbs-cmpnt-container table,body div.brlbs-cmpnt-container tbody,body div.brlbs-cmpnt-container td,body div.brlbs-cmpnt-container tfoot,body div.brlbs-cmpnt-container th,body div.brlbs-cmpnt-container thead,body div.brlbs-cmpnt-container time,body div.brlbs-cmpnt-container tr,body div.brlbs-cmpnt-container tt,body div.brlbs-cmpnt-container u,body div.brlbs-cmpnt-container ul,body div.brlbs-cmpnt-container var,body div.brlbs-cmpnt-container video{margin:0;padding:0;border:0;font-size:100%;font-family:inherit;vertical-align:baseline}body div.brlbs-cmpnt-container article,body div.brlbs-cmpnt-container aside,body div.brlbs-cmpnt-container details,body div.brlbs-cmpnt-container figcaption,body div.brlbs-cmpnt-container figure,body div.brlbs-cmpnt-container footer,body div.brlbs-cmpnt-container header,body div.brlbs-cmpnt-container hgroup,body div.brlbs-cmpnt-container menu,body div.brlbs-cmpnt-container nav,body div.brlbs-cmpnt-container section{dis
86play:block}body div.brlbs-cmpnt-container blockquote,body div.brlbs-cmpnt-container q{quotes:none}body div.brlbs-cmpnt-container blockquote:after,body div.brlbs-cmpnt-container blockquote:before,body div.brlbs-cmpnt-container q:after,body div.brlbs-cmpnt-container q:before{content:none}body div.brlbs-cmpnt-container table{border-spacing:0}body div.brlbs-cmpnt-container,body div.brlbs-cmpnt-container *{box-sizing:border-box;color:inherit;font-family:inherit;line-height:inherit;position:static;inset:auto;width:auto;height:auto}body div.brlbs-cmpnt-container button,body div.brlbs-cmpnt-container input,body div.brlbs-cmpnt-container optgroup,body div.brlbs-cmpnt-container select,body div.brlbs-cmpnt-container textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}body div.brlbs-cmpnt-container button:after,body div.brlbs-cmpnt-container button:before{content:none}body div.brlbs-cmpnt-container button,body div.brlbs-cmpnt-container select{text-transform:none}body div.brlbs-cmpnt-container [type=button],body div.brlbs-cmpnt-container [type=reset],body div.brlbs-cmpnt-container [type=submit],body div.brlbs-cmpnt-container button{-webkit-appearance:button}body div.brlbs-cmpnt-container ::-moz-focus-inner{border-style:none;padding:0}body div.brlbs-cmpnt-container :-moz-focusring{outline:1px dotted ButtonText}body div.brlbs-cmpnt-container :-moz-ui-invalid{box-shadow:none}body div.brlbs-cmpnt-container legend{padding:0}body div.brlbs-cmpnt-container progress{vertical-align:baseline}body div.brlbs-cmpnt-container ::-webkit-inner-spin-button,body div.brlbs-cmpnt-container ::-webkit-outer-spin-button{height:auto}body div.brlbs-cmpnt-container [type=search]{-webkit-appearance:textfield;outline-offset:-2px}body div.brlbs-cmpnt-container ::-webkit-search-decoration{-webkit-appearance:none}body div.brlbs-cmpnt-container ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}body div.brlbs-cmpnt-container summary{display:list-item}body div.brlbs-cmpnt-container blockquote,body div.brlbs-cmpnt-container dd,body div.brlbs-cmpnt-container dl,body div.brlbs-cmpnt-container figure,body div.brlbs-cmpnt-container h1,body div.brlbs-cmpnt-container h2,body div.brlbs-cmpnt-container h3,body div.brlbs-cmpnt-container h4,body div.brlbs-cmpnt-container h5,body div.brlbs-cmpnt-container h6,body div.brlbs-cmpnt-container hr,body div.brlbs-cmpnt-container p,body div.brlbs-cmpnt-container pre{margin:0}body div.brlbs-cmpnt-container button{background-color:transparent;background-image:none}body div.brlbs-cmpnt-container button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}body div.brlbs-cmpnt-container fieldset{margin:0;padding:0}body div.brlbs-cmpnt-container ol,body div.brlbs-cmpnt-container ul{list-style:none;margin:0;padding:0}body div.brlbs-cmpnt-container *,body div.brlbs-cmpnt-container :after,body div.brlbs-cmpnt-container :before{box-sizing:border-box;border-color:#e5e7eb;border-style:solid;border-width:0}body div.brlbs-cmpnt-container hr{border-top-width:1px}body div.brlbs-cmpnt-container img{border-style:solid}body div.brlbs-cmpnt-container textarea{resize:vertical}body div.brlbs-cmpnt-container input::-moz-placeholder,body div.brlbs-cmpnt-container textarea::-moz-placeholder{color:#9ca3af}body div.brlbs-cmpnt-container input::placeholder,body div.brlbs-cmpnt-container textarea::placeholder{color:#9ca3af}body div.brlbs-cmpnt-container [role=button],body div.brlbs-cmpnt-container button{curs
86or:pointer}body div.brlbs-cmpnt-container table{border-collapse:collapse}body div.brlbs-cmpnt-container h1,body div.brlbs-cmpnt-container h2,body div.brlbs-cmpnt-container h3,body div.brlbs-cmpnt-container h4,body div.brlbs-cmpnt-container h5,body div.brlbs-cmpnt-container h6{font-size:inherit;font-weight:inherit}body div.brlbs-cmpnt-container a{color:inherit;text-decoration:inherit}body div.brlbs-cmpnt-container button,body div.brlbs-cmpnt-container input,body div.brlbs-cmpnt-container optgroup,body div.brlbs-cmpnt-container select,body div.brlbs-cmpnt-container textarea{padding:0;line-height:inherit;color:inherit}body div.brlbs-cmpnt-container code,body div.brlbs-cmpnt-container kbd,body div.brlbs-cmpnt-container pre,body div.brlbs-cmpnt-container samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}body div.brlbs-cmpnt-container audio,body div.brlbs-cmpnt-container canvas,body div.brlbs-cmpnt-container embed,body div.brlbs-cmpnt-container iframe,body div.brlbs-cmpnt-container img,body div.brlbs-cmpnt-container object,body div.brlbs-cmpnt-container svg,body div.brlbs-cmpnt-container video{display:block;vertical-align:middle}body div.brlbs-cmpnt-container img,body div.brlbs-cmpnt-container video{max-width:100%;height:auto}body div.brlbs-cmpnt-container [multiple],body div.brlbs-cmpnt-container [type=date],body div.brlbs-cmpnt-container [type=datetime-local],body div.brlbs-cmpnt-container [type=email],body div.brlbs-cmpnt-container [type=month],body div.brlbs-cmpnt-container [type=number],body div.brlbs-cmpnt-container [type=password],body div.brlbs-cmpnt-container [type=search],body div.brlbs-cmpnt-container [type=tel],body div.brlbs-cmpnt-container [type=text],body div.brlbs-cmpnt-container [type=time],body div.brlbs-cmpnt-container [type=url],body div.brlbs-cmpnt-container [type=week],body div.brlbs-cmpnt-container select,body div.brlbs-cmpnt-container textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}body div.brlbs-cmpnt-container [multiple]:focus,body div.brlbs-cmpnt-container [type=date]:focus,body div.brlbs-cmpnt-container [type=datetime-local]:focus,body div.brlbs-cmpnt-container [type=email]:focus,body div.brlbs-cmpnt-container [type=month]:focus,body div.brlbs-cmpnt-container [type=number]:focus,body div.brlbs-cmpnt-container [type=password]:focus,body div.brlbs-cmpnt-container [type=search]:focus,body div.brlbs-cmpnt-container [type=tel]:focus,body div.brlbs-cmpnt-container [type=text]:focus,body div.brlbs-cmpnt-container [type=time]:focus,body div.brlbs-cmpnt-container [type=url]:focus,body div.brlbs-cmpnt-container [type=week]:focus,body div.brlbs-cmpnt-container select:focus,body div.brlbs-cmpnt-container textarea:focus{outline:2px solid transparent;outline-offset:2px;--brlbs-tw-ring-inset:var(--brlbs-tw-empty, );--brlbs-tw-ring-offset-width:0px;--brlbs-tw-ring-offset-color:#fff;--brlbs-tw-ring-color:#2563eb;--brlbs-tw-ring-offset-shadow:var(--brlbs-tw-ring-inset) 0 0 0 var(--brlbs-tw-ring-offset-width) var(--brlbs-tw-ring-offset-color);--brlbs-tw-ring-shadow:var(--brlbs-tw-ring-inset) 0 0 0 calc(1px + var(--brlbs-tw-ring-offset-width)) var(--brlbs-tw-ring-color);box-shadow:var(--brlbs-tw-ring-offset-shadow),var(--brlbs-tw-ring-shadow),var(--brlbs-tw-shadow,0 0 transparent);border-color:#2563eb}body div.brlbs-cmpnt-container input::-moz-placeholder,body div.brlbs-cmpnt-container textarea::-moz-placeholder{color:#6b7280;opacity:1}body div.brlbs-cmpnt-container input::placeholder,body div.brlbs-cmpnt-container textarea::placeholder{color:#6b7280;opacity:1}body div.brlbs-cmpnt-container ::-webkit-datetime-edit-fields-wrapper{padding:0}body div.brlbs-cmpnt-container ::-webkit-date-and-time-value{min-height:1.5em}body div.brlbs-cmpnt-container select{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20stroke%3D%22%236b7280%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m6%208%204%204%204-4%22%2F%3
86E%3C%2Fsvg%3E);background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}body div.brlbs-cmpnt-container [multiple]{background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}body div.brlbs-cmpnt-container [type=checkbox],body div.brlbs-cmpnt-container [type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px}body div.brlbs-cmpnt-container [type=checkbox]{border-radius:0}body div.brlbs-cmpnt-container [type=radio]{border-radius:100%}body div.brlbs-cmpnt-container [type=checkbox]:focus,body div.brlbs-cmpnt-container [type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--brlbs-tw-ring-inset:var(--brlbs-tw-empty, );--brlbs-tw-ring-offset-width:2px;--brlbs-tw-ring-offset-color:#fff;--brlbs-tw-ring-color:#2563eb;--brlbs-tw-ring-offset-shadow:var(--brlbs-tw-ring-inset) 0 0 0 var(--brlbs-tw-ring-offset-width) var(--brlbs-tw-ring-offset-color);--brlbs-tw-ring-shadow:var(--brlbs-tw-ring-inset) 0 0 0 calc(2px + var(--brlbs-tw-ring-offset-width)) var(--brlbs-tw-ring-color);box-shadow:var(--brlbs-tw-ring-offset-shadow),var(--brlbs-tw-ring-shadow),var(--brlbs-tw-shadow,0 0 transparent)}body div.brlbs-cmpnt-container [type=checkbox]:checked,body div.brlbs-cmpnt-container [type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}body div.brlbs-cmpnt-container [type=checkbox]:checked{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M12.207%204.793a1%201%200%200%201%200%201.414l-5%205a1%201%200%200%201-1.414%200l-2-2a1%201%200%200%201%201.414-1.414L6.5%209.086l4.293-4.293a1%201%200%200%201%201.414%200%22%2F%3E%3C%2Fsvg%3E)}body div.brlbs-cmpnt-container [type=radio]:checked{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2016%2016%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E)}body div.brlbs-cmpnt-container [type=checkbox]:checked:focus,body div.brlbs-cmpnt-container [type=checkbox]:checked:hover,body div.brlbs-cmpnt-container [type=radio]:checked:focus,body div.brlbs-cmpnt-container [type=radio]:checked:hover{border-color:transparent;background-color:currentColor}body div.brlbs-cmpnt-container [type=checkbox]:indeterminate{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M4%208h8%22%2F%3E%3C%2Fsvg%3E);border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}body div.brlbs-cmpnt-container [type=checkbox]:indeterminate:focus,body div.brlbs-cmpnt-container [type=checkbox]:indeterminate:hover{border-color:transparent;background-color:currentColor}body div.brlbs-cmpnt-container [type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}:root{--brlbs-tw-border-spacing-x:0;--brlbs-tw-border-spacing-y:0;--brlbs-tw-translate-x:0;--brlbs-tw-translate-y:0;--brlbs-tw-rotate:0;--brlbs-tw-skew-x:0;--brlbs-tw-skew-y:0;--brlbs-tw-scale-x:1;--brlbs-tw-scale-y:1;--brlbs-tw-pan-x:;--brlbs-tw-pan-y:;--brlbs-tw-pinch-zoom:;--brlbs-tw-scroll-snap-strictness:proximity;--brlbs-tw-gradient-from-position:;
86--brlbs-tw-gradient-via-position:;--brlbs-tw-gradient-to-position:;--brlbs-tw-ordinal:;--brlbs-tw-slashed-zero:;--brlbs-tw-numeric-figure:;--brlbs-tw-numeric-spacing:;--brlbs-tw-numeric-fraction:;--brlbs-tw-ring-inset:;--brlbs-tw-ring-offset-width:0px;--brlbs-tw-ring-offset-color:#fff;--brlbs-tw-ring-color:rgba(59,130,246,.5);--brlbs-tw-ring-offset-shadow:0 0 #0000;--brlbs-tw-ring-shadow:0 0 #0000;--brlbs-tw-shadow:0 0 #0000;--brlbs-tw-shadow-colored:0 0 #0000;--brlbs-tw-blur:;--brlbs-tw-brightness:;--brlbs-tw-contrast:;--brlbs-tw-grayscale:;--brlbs-tw-hue-rotate:;--brlbs-tw-invert:;--brlbs-tw-saturate:;--brlbs-tw-sepia:;--brlbs-tw-drop-shadow:;--brlbs-tw-backdrop-blur:;--brlbs-tw-backdrop-brightness:;--brlbs-tw-backdrop-contrast:;--brlbs-tw-backdrop-grayscale:;--brlbs-tw-backdrop-hue-rotate:;--brlbs-tw-backdrop-invert:;--brlbs-tw-backdrop-opacity:;--brlbs-tw-backdrop-saturate:;--brlbs-tw-backdrop-sepia:;--brlbs-tw-contain-size:;--brlbs-tw-contain-layout:;--brlbs-tw-contain-paint:;--brlbs-tw-contain-style:}::backdrop{--brlbs-tw-border-spacing-x:0;--brlbs-tw-border-spacing-y:0;--brlbs-tw-translate-x:0;--brlbs-tw-translate-y:0;--brlbs-tw-rotate:0;--brlbs-tw-skew-x:0;--brlbs-tw-skew-y:0;--brlbs-tw-scale-x:1;--brlbs-tw-scale-y:1;--brlbs-tw-pan-x:;--brlbs-tw-pan-y:;--brlbs-tw-pinch-zoom:;--brlbs-tw-scroll-snap-strictness:proximity;--brlbs-tw-gradient-from-position:;--brlbs-tw-gradient-via-position:;--brlbs-tw-gradient-to-position:;--brlbs-tw-ordinal:;--brlbs-tw-slashed-zero:;--brlbs-tw-numeric-figure:;--brlbs-tw-numeric-spacing:;--brlbs-tw-numeric-fraction:;--brlbs-tw-ring-inset:;--brlbs-tw-ring-offset-width:0px;--brlbs-tw-ring-offset-color:#fff;--brlbs-tw-ring-color:rgba(59,130,246,.5);--brlbs-tw-ring-offset-shadow:0 0 #0000;--brlbs-tw-ring-shadow:0 0 #0000;--brlbs-tw-shadow:0 0 #0000;--brlbs-tw-shadow-colored:0 0 #0000;--brlbs-tw-blur:;--brlbs-tw-brightness:;--brlbs-tw-contrast:;--brlbs-tw-grayscale:;--brlbs-tw-hue-rotate:;--brlbs-tw-invert:;--brlbs-tw-saturate:;--brlbs-tw-sepia:;--brlbs-tw-drop-shadow:;--brlbs-tw-backdrop-blur:;--brlbs-tw-backdrop-brightness:;--brlbs-tw-backdrop-contrast:;--brlbs-tw-backdrop-grayscale:;--brlbs-tw-backdrop-hue-rotate:;--brlbs-tw-backdrop-invert:;--brlbs-tw-backdrop-opacity:;--brlbs-tw-backdrop-saturate:;--brlbs-tw-backdrop-sepia:;--brlbs-tw-contain-size:;--brlbs-tw-contain-layout:;--brlbs-tw-contain-paint:;--brlbs-tw-contain-style:}.brlbs-cmpnt-container .brlbs-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.brlbs-cmpnt-container .\!brlbs-hidden{display:none!important}.brlbs-cmpnt-container .brlbs-overflow-auto{overflow:auto}.brlbs-cmpnt-container .brlbs-overflow-hidden{overflow:hidden}.brlbs-cmpnt-container .brlbs-pt-4{padding-top:16px}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker{container-name:brlbsCmpntContentBlocker;container-type:inline-size;line-height:1.25em;height:100%;font-size:var(--content-blocker-font-size);font-family:var(--content-blocker-font-family)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a{color:var(--content-blocker-link-color)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a:hover{color:var(--content-blocker-link-color-hover)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-cb-card,body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-cb-provider-card{container-type:normal}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-details{position:relative;padding:16px;text-align:left}@media(min-width:768px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-details{padding:24px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-header{display:flex;align-items:center}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-header.brlbs-cmpnt-with-separator{margin-bottom:16px;border-bottom-width:1px;border-style:solid;padding-bottom:16px}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-button{display:flex;padding-bottom:16px}@media(min-width:768px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-button{padding-bottom:24px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a{align-items:center;justify-content:center;padding:16px;text-align:center;background:var(--content-blocker-background-color);border-top-left-radius:var(--content-blocker-border-radius-top-left);border-top-right-radius:var(--content-blocker-border-radius-top-right);border-bottom-left-radius:var(--content-blocker-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-border-radius-bottom-right);color:var(--content-blocker-text-color)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-description{padding-bottom:8px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-description{padding-bottom:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-description{border-color:var(--content-blocker-separator-color);border-style:solid;border-bottom-width:var(--content-blocker-separator-width)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-description strong{font-weight:700}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b{position:relative;display:flex;height:100%;padding-top:96px;padding-bottom:96px;text-align:center;background:var(--content-blocker-background-color);border-top-left-radius:var(--content-blocker-border-radius-top-left);border-top-right-radius:var(--content-blocker-border-radius-top-right);border-bottom-left-radius:var(--content-blocker-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-border-radius-bottom-right);color:var(--content-blocker-text-color);width:100%}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main{position:relative;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main{flex-direction:row;gap:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main{background:var(--content-blocker-background);color:var(--content-blocker-text-color)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-content{flex-basis:66.666667%}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-description{padding-bottom:8px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-description{padding-bottom:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-description strong{font-weight:700}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-buttons{margin:0;display:flex;flex-basis:33.333333%;flex-direction:column;align-items:stretch;justify-content:center;gap:8px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-buttons{gap:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c{position:relative;display:flex;height:100%;text-align:center;background:var(--content-blocker-background-color);border-top-left-radius:var(--content-blocker-border-radius-top-left);border-top-right-radius:var(--content-blocker-border-radius-top-right);border-bottom-left-radius:var(--content-blocker-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-border-radius-bottom-right);color:var(--content-blocker-text-color);width:100%}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{position:relative;margin:48px;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{margin:96px;
86gap:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{background:var(--content-blocker-background);border-top-left-radius:var(--content-blocker-border-radius-top-left);border-top-right-radius:var(--content-blocker-border-radius-top-right);border-bottom-left-radius:var(--content-blocker-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-border-radius-bottom-right);color:var(--content-blocker-text-color)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-description{padding-bottom:8px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-description{padding-bottom:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-description strong{font-weight:700}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-buttons{margin:0;display:flex;width:100%;flex-direction:column;align-items:stretch;justify-content:center;gap:8px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-buttons{gap:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-play-button{border-radius:50%;background:#fff;box-shadow:0 1px 5px #00000026;width:34px;height:34px;margin:0 auto;display:flex;align-items:center;justify-content:center;position:absolute;top:-17px;left:calc(50% - 17px)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-play-button:before{background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2278%22%20height%3D%2278%22%20viewBox%3D%220%200%2078%2078%22%3E%3Cpath%20d%3D%22M7.5%2071.5v-64l48%2030.328z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2212%22%20d%3D%22M7.5%2071.5v-64l48%2030.328z%22%2F%3E%3C%2Fsvg%3E) no-repeat 50%;background-size:contain;content:" ";margin-left:4px;display:inline-block;height:1.142857143em;width:.857142857em}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-thumbnail{position:absolute;top:0;left:0;height:100%;width:100%;background-size:cover;background-position:50%;border-top-left-radius:var(--content-blocker-border-radius-top-left);border-top-right-radius:var(--content-blocker-border-radius-top-right);border-bottom-left-radius:var(--content-blocker-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-border-radius-bottom-right)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons{margin-top:8px;margin-bottom:8px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:8px}@media(min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons{margin-top:16px;margin-bottom:16px;flex-direction:row;gap:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons .brlbs-cmpnt-cb-btn{display:flex;width:100%;align-items:center;justify-content:center;text-decoration-line:none}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d){position:fixed;height:auto}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[top-left\]),body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[top-right\]){top:var(--content-blocker-icon-margin)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[bottom-left\]),body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[bottom-right\]){bottom:var(--content-blocker-icon-margin)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[bottom-right\]),body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[top-right\]){right:calc(var(--content-blocker-icon-width) + var(--content-blocker-icon-margin))}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[bottom-left\]),body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[top-left\]){left:var(--content-blocker-icon-margin)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-display\[flex\]){position:relative;display:inline-block;display:flex}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[float-left\]){float:left}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[float-right\]){float:right}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-d .brlbs-cmpnt-cb-icon{display:inline-block;height:var(--content-blocker-icon-height);width:var(--content-blocker-icon-width)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-description-list{display:table}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-description-list>div{display:table-row}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-description-list dt{font-weight:700}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-description-list dd,body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-description-list dt{display:table-cell;padding:2px 4px}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn{all:unset;box-sizing:border-box;
86cursor:pointer;align-items:center;justify-content:center;padding:12px 20px;text-align:center;font-size:var(--dialog-font-size);line-height:calc(1.5 * var(--dialog-font-size));font-weight:600;text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.4s;border-top-left-radius:var(--content-blocker-button-border-radius-top-left);border-top-right-radius:var(--content-blocker-button-border-radius-top-right);border-bottom-left-radius:var(--content-blocker-button-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-button-border-radius-bottom-right);background-color:var(--content-blocker-button-color);color:var(--content-blocker-button-text-color)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn:hover{background-color:var(--content-blocker-button-color-hover);color:var(--content-blocker-button-text-color-hover)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn:active,body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn:focus{outline:2px solid transparent;outline-offset:2px;--brlbs-tw-ring-offset-shadow:var(--brlbs-tw-ring-inset) 0 0 0 var(--brlbs-tw-ring-offset-width) var(--brlbs-tw-ring-offset-color);--brlbs-tw-ring-shadow:var(--brlbs-tw-ring-inset) 0 0 0 calc(2px + var(--brlbs-tw-ring-offset-width)) var(--brlbs-tw-ring-color);box-shadow:var(--brlbs-tw-ring-offset-shadow),var(--brlbs-tw-ring-shadow),var(--brlbs-tw-shadow,0 0 #0000)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-provider-toggle{all:unset;box-sizing:border-box;color:var(--content-blocker-link-color);cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration-line:none}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-provider-toggle:hover{all:unset;box-sizing:border-box;color:var(--content-blocker-link-color-hover);cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration-line:none}@container brlbsCmpntContentBlocker (480px <= width < 620px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b{padding-top:12%;padding-bottom:12%}}@container brlbsCmpntContentBlocker (width < 480px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b{padding:0}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main{margin:6%;flex-direction:column;gap:8px;justify-content:normal;overflow:auto}}@container brlbsCmpntContentBlocker (640px <= width < 750px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{margin:10%!important}}@container brlbsCmpntContentBlocker (540px <= width < 640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{margin:6%!important}}@container brlbsCmpntContentBlocker (width < 540px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker{position:static}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{gap:8px;margin:6%!important;justify-content:normal;overflow:auto}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main .brlbs-cmpnt-cb-play-button{display:none}}@container brlbsCmpntContentBlocker (width < 375px){.wp-embed-aspect-16-9 .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main,.wp-embed-aspect-16-9 .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{height:100%;justify-content:normal;overflow:auto}.wp-embed-aspect-16-9 .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main .brlbs-cmpnt-cb-play-button,.wp-embed-aspect-16-9 .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main .brlbs-cmpnt-cb-play-button{display:none}}.wp-embed-aspect-16-9:has(.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker) div.wp-block-embed__wrapper{padding:0}.wp-embed-aspect-16-9:has(.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker) div.wp-block-embed__wrapper:before{padding:0}#BorlabsCookieBox,.brlbs-cmpnt-container{font-family:var(--dialog-font-family);font-weight:400;line-height:calc(1.2 * var(--dialog-font-size))}body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element{container-name:brlbsCmpntShortcodeElement;container-type:inline-size;line-height:1.25em;height:100%}body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element .brlbs-cmpnt-description-list{display:table}body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element .brlbs-cmpnt-description-list>div{display:table-row}body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element .brlbs-cmpnt-description-list dt{font-weight:700}body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element .brlbs-cmpnt-description-list dd,body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element .brlbs-cmpnt-description-list dt{display:table-cell;padding:2px 4px} 87:root{--content-blocker-background-color: #fafafa; 88--content-blocker-button-color: #53ffab; 89--content-blocker-button-color-hover: #14ff8d; 90--content-blocker-button-text-color: #5a2572; 91--content-blocker-button-text-color-hover: #5a2572; 92--content-blocker-font-family: inherit; 93--content-blocker-link-color: #5a2572; 94--content-blocker-link-color-hover: #4e0172; 95--content-blocker-separator-color: #e5e5e5; 96--content-blocker-text-color: #555; 97--content-blocker-border-radius-top-left: 4px; 98--content-blocker-border-radius-top-right: 4px; 99--content-blocker-border-radius-bottom-left: 4px; 100--content-blocker-border-radius-bottom-right: 4px; 101--content-blocker-button-border-radius-top-left: 4px; 102--content-blocker-button-border-radius-top-right: 4px; 103--content-blocker-button-border-radius-bottom-left: 4px; 104--content-blocker-button-border-radius-bottom-right: 4px; 105--content-blocker-font-size: 14px; 106--content-blocker-separator-width: 1px; 107--content-blocker-background-opacity: 0.85; 108--content-blocker-background: rgba(250, 250, 250 ,0.85); 109} 110 111/*# sourceURL=borlabs-cookie-critical-inline-css */ 112</style> 113<link onload="this.media='all';this.onload=null" data-borlabs-cookie-deferred-style="1" rel='stylesheet' id='borlabs-cookie-custom-css' href='https://www.junge-diakonie.de/wp-content/cache/borlabs-cookie/1/borlabs-cookie-1-de.css?ver=3.4.5-36' media="print" /> 114<noscript><link rel='stylesheet' id='borlabs-cookie-custom-css' href='https://www.junge-diakonie.de/wp-content/cache/borlabs-cookie/1/borlabs-cookie-1-de.css?ver=3.4.5-36' media='all' /> 115</noscript>
116<script id="jquery-core-js" src="https://www.junge-diakonie.de/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 116
116
117<script id="jquery-migrate-js" src="https://www.junge-diakonie.de/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 117
117
118<script id="mfcf7_zl_multiline_files_script-js" src="https://www.junge-diakonie.de/wp-content/plugins/multiline-files-for-contact-form-7/js/zl-multine-files.js?ver=7.1.3"></script>
vendor: 1 bytes, line 118
118
119<script data-no-optimize="1" data-no-minify="1" data-cfasync="false" id="borlabs-cookie-config-js" src="https://www.junge-diakonie.de/wp-content/cache/borlabs-cookie/1/borlabs-cookie-config-de.json.js?ver=3.4.5-45"></script>
vendor: 1 bytes, line 119
119
120<script data-no-optimize="1" data-no-minify="1" data-cfasync="false" id="borlabs-cookie-prioritize-js" src="https://www.junge-diakonie.de/wp-content/plugins/borlabs-cookie/assets/javascript/borlabs-cookie-prioritize.min.js?ver=3.4.5"></script>
120 121<link rel="https://api.w.org/" href="https://www.junge-diakonie.de/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.junge-diakonie.de/wp-json/wp/v2/pages/1247" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.junge-diakonie.de/xmlrpc.php?rsd" /> 122<meta name="generator" content="WordPress 7.1.3" /> 123<link rel='shortlink' href='https://www.junge-diakonie.de/?p=1247' /> 124<meta name="cdp-version" content="1.5.7" /><style> 125/* components_11_css */ 126.text-red-500 {visibility:hidden;} 127</style>
127<script> 128/* components_11_js_header */ 129 130</script>
130<script data-no-optimize="1" data-no-minify="1" data-cfasync="false" data-borlabs-cookie-script-blocker-ignore> 131 (function () { 132 if ('0' === '1' && '1' === '1') { 133 window['gtag_enable_tcf_support'] = true; 134 } 135 window.dataLayer = window.dataLayer || []; 136 if (typeof window.gtag !== 'function') { 137 window.gtag = function () { 138 window.dataLayer.push(arguments); 139 }; 140 } 141 gtag('set', 'developer_id.dYjRjMm', true); 142 if ('1' === '1') { 143 let getCookieValue = function (name) { 144 return document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)')?.pop() || ''; 145 }; 146 const gtmRegionsData = '[{"google-tag-manager-cm-region":"","google-tag-manager-cm-default-ad-storage":"denied","google-tag-manager-cm-default-ad-personalization":"denied","google-tag-manager-cm-default-ad-user-data":"denied","google-tag-manager-cm-default-analytics-storage":"denied","google-tag-manager-cm-default-functionality-storage":"denied","google-tag-manager-cm-default-personalization-storage":"denied","google-tag-manager-cm-default-security-storage":"denied"}]'; 147 let gtmRegions = []; 148 if (gtmRegionsData !== '\{\{ google-tag-manager-cm-regional-defaults \}\}') { 149 gtmRegions = JSON.parse(gtmRegionsData); 150 } 151 let defaultRegion = null; 152 for (let gtmRegionIndex in gtmRegions) { 153 let gtmRegion = gtmRegions[gtmRegionIndex]; 154 if (gtmRegion['google-tag-manager-cm-region'] === '') { 155 defaultRegion = gtmRegion; 156 } else { 157 gtag('consent', 'default', { 158 'ad_storage': gtmRegion['google-tag-manager-cm-default-ad-storage'], 159 'ad_user_data': gtmRegion['google-tag-manager-cm-default-ad-user-data'], 160 'ad_personalization': gtmRegion['google-tag-manager-cm-default-ad-personalization'], 161 'analytics_storage': gtmRegion['google-tag-manager-cm-default-analytics-storage'], 162 'functionality_storage': gtmRegion['google-tag-manager-cm-default-functionality-storage'], 163 'personalization_storage': gtmRegion['google-tag-manager-cm-default-personalization-storage'], 164 'security_storage': gtmRegion['google-tag-manager-cm-default-security-storage'], 165 'region': gtmRegion['google-tag-manager-cm-region'].toUpperCase().split(','), 166 'wait_for_update': 500, 167 }); 168 } 169 } 170 let consentsFromCookie = {}; 171 if (document.cookie.split('; ').some(c => c.startsWith('borlabs-cookie='))) { 172 let cookieValue = getCookieValue('borlabs-cookie-gcs'); 173 if (cookieValue !== '') { 174 consentsFromCookie = JSON.parse(decodeURIComponent(cookieValue)); 175 if (consentsFromCookie.cookie_version !== window.borlabsCookieConfig.settings.cookieVersion) { 176 consentsFromCookie = {}; 177 } else { 178 delete consentsFromCookie.cookie_version; 179 } 180 } 181 } 182 let defaultValues = { 183 'ad_storage': defaultRegion === null ? 'denied' : defaultRegion['google-tag-manager-cm-default-ad-storage'], 184 'ad_user_data': defaultRegion === null ? 'denied' : defaultRegion['google-tag-manager-cm-default-ad-user-data'], 185 'ad_personalization': defaultRegion === null ? 'denied' : defaultRegion['google-tag-manager-cm-default-ad-personalization'], 186 'analytics_storage': defaultRegion === null ? 'denied' : defaultRegion['google-tag-manager-cm-default-analytics-storage'], 187 'functionality_storage': defaultRegion === null ? 'denied' : defaultRegion['google-tag-manager-cm-default-functionality-storage'], 188 'personalization_storage': defaultRegion === null ? 'denied' : defaultRegion['google-tag-manager-cm-default-personalization-storage'], 189 'security_storage': defaultRegion === null ? 'denied' : defaultRegion['google-tag-manager-cm-default-security-storage'], 190 'wait_for_update': 500, 191 }; 192 gtag('consent', 'default', {...defaultValues, ...consentsFromCookie}); 193 gtag('set', 'ads_data_redaction', true); 194 } 195 196 if ('1' === '1') { 197 let url = new URL(window.location.href); 198 199 if ((url.searchParams.has('gtm_debug') && url.searchParams.get('gtm_debug') !== '') || document.cookie.indexOf('__TAG_ASSISTANT=') !== -1 || document.documentElement.hasAttribute('data-tag-assistant-present')) { 200 /* GTM block start */
vendor: 429 bytes, lines 200-205
200 201 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 202 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 203 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 204 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 205 })(window,document,'script','dataLayer','
205GTM-5FGQKSL
vendor: 21 bytes, lines 205-206
205'); 206
206/* GTM block end */ 207 } else { 208 /* GTM block start */ 209 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 210 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 211 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 212 'https://www.junge-diakonie.de/wp-content/uploads/borlabs-cookie/' + i + '.js?ver=n6v9qb3p';f.parentNode.insertBefore(j,f); 213 })(window,document,'script','dataLayer','GTM-5FGQKSL'); 214 /* GTM block end */ 215 } 216 } 217 218 219 let borlabsCookieConsentChangeHandler = function () { 220 window.dataLayer = window.dataLayer || []; 221 if (typeof window.gtag !== 'function') { 222 window.gtag = function() { 223 window.dataLayer.push(arguments); 224 }; 225 } 226 227 let consents = BorlabsCookie.Cookie.getPluginCookie().consents; 228 229 if ('1' === '1') { 230 let gtmConsents = {}; 231 let customConsents = {}; 232 233 let services = BorlabsCookie.Services._services; 234 235 for (let service in services) { 236 if (service !== 'borlabs-cookie') { 237 customConsents['borlabs_cookie_' + service.replaceAll('-', '_')] = BorlabsCookie.Consents.hasConsent(service) ? 'granted' : 'denied'; 238 } 239 } 240 241 if ('0' === '1') { 242 gtmConsents = { 243 'analytics_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('statistics') === true ? 'granted' : 'denied', 244 'functionality_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('statistics') === true ? 'granted' : 'denied', 245 'personalization_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('marketing') === true ? 'granted' : 'denied', 246 'security_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('statistics') === true ? 'granted' : 'denied', 247 }; 248 } else { 249 gtmConsents = { 250 'ad_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('marketing') === true ? 'granted' : 'denied', 251 'ad_user_data': BorlabsCookie.Consents.hasConsentForServiceGroup('marketing') === true ? 'granted' : 'denied', 252 'ad_personalization': BorlabsCookie.Consents.hasConsentForServiceGroup('marketing') === true ? 'granted' : 'denied', 253 'analytics_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('statistics') === true ? 'granted' : 'denied', 254 'functionality_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('statistics') === true ? 'granted' : 'denied', 255 'personalization_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('marketing') === true ? 'granted' : 'denied', 256 'security_storage': BorlabsCookie.Consents.hasConsentForServiceGroup('statistics') === true ? 'granted' : 'denied', 257 }; 258 } 259 let cookieGtmConsents = {...gtmConsents}; 260 cookieGtmConsents.cookie_version = window.borlabsCookieConfig.settings.cookieVersion; 261 BorlabsCookie.CookieLibrary.setCookie( 262 'borlabs-cookie-gcs', 263 JSON.stringify(cookieGtmConsents), 264 BorlabsCookie.Settings.automaticCookieDomainAndPath.value ? '' : BorlabsCookie.Settings.cookieDomain.value, 265 BorlabsCookie.Settings.cookiePath.value, 266 BorlabsCookie.Cookie.getPluginCookie().expires, 267 BorlabsCookie.Settings.cookieSecure.value, 268 BorlabsCookie.Settings.cookieSameSite.value 269 ); 270 gtag('consent', 'update', {...gtmConsents, ...customConsents}); 271 } 272 273 274 for (let serviceGroup in consents) { 275 for (let service of consents[serviceGroup]) { 276 if (!window.BorlabsCookieGtmPackageSentEvents.includes(service) && service !== 'borlabs-cookie') { 277 window.dataLayer.push({ 278 event: 'borlabs-cookie-opt-in-' + service, 279 }); 280 window.BorlabsCookieGtmPackageSentEvents.push(service); 281 } 282 } 283 } 284 let afterConsentsEvent = document.createEvent('Event'); 285 afterConsentsEvent.initEvent('borlabs-cookie-google-tag-manager-after-consents', true, true); 286 document.dispatchEvent(afterConsentsEvent); 287 }; 288 window.BorlabsCookieGtmPackageSentEvents = []; 289 document.addEventListener('borlabs-cookie-consent-saved', borlabsCookieConsentChangeHandler); 290 document.addEventListener('borlabs-cookie-handle-unblock', borlabsCookieConsentChangeHandler); 291 })(); 292</script>
vendor: 1 bytes, line 292
292
293<script type="application/ld+json"> 294{ 295 "@context": "https://schema.org", 296 "@type": "NGO", 297 "name": "Junge Diakonie Württemberg", 298 "legalName": "Diakonisches Werk der Evangelischen Kirche in Württemberg e.V.", 299 "url": "https://www.junge-diakonie.de/", 300 "logo": { 301 "@type": "ImageObject", 302 "url": "https://www.junge-diakonie.de/wp-content/themes/diak/assets/ui_elements/logo-diakonie-baden-wuerttemberg.svg" 303 }, 304 "image": "https://www.junge-diakonie.de/wp-content/themes/diak/assets/ui_elements/logo-diakonie-baden-wuerttemberg.svg", 305 "description": "Freiwilligendienste, soziale Berufe und Ehrenamt bei der Diakonie Württemberg. Wir begleiten junge Menschen beim FSJ, BFD, FÃJ, Ausbildung und Studium im sozialen Bereich.", 306 "address": { 307 "@type": "PostalAddress", 308 "streetAddress": "Heilbronner Str. 180", 309 "postalCode": "70191", 310 "addressLocality": "Stuttgart", 311 "addressCountry": "DE" 312 }, 313 "telephone": "+49-711-1656-0", 314 "faxNumber": "+49-711-1656-277", 315 "email": "[email protected]", 316 "contactPoint": { 317 "@type": "ContactPoint", 318 "telephone": "+49-711-1656-0", 319 "contactType": "customer support", 320 "availableLanguage": "German" 321 }, 322 "areaServed": { 323 "@type": "State", 324 "name": "Baden-Württemberg" 325 }, 326 "numberOfEmployees": { 327 "@type": "QuantitativeValue", 328 "value": 50000 329 }, 330 "knowsAbout": [ 331 "Freiwilliges Soziales Jahr", 332 "Bundesfreiwilligendienst", 333 "Freiwilliges Ãkologisches Jahr", 334 "Soziale Berufe", 335 "Heilerziehungspflege", 336 "Kinder- und Jugendhilfe", 337 "Pflege und Gesundheit", 338 "Ehrenamt" 339 ], 340 "parentOrganization": { 341 "@type": "NGO", 342 "name": "Diakonisches Werk Württemberg", 343 "url": "https://www.diakonie-wuerttemberg.de" 344 }, 345 "sameAs": [ 346 "https://www.instagram.com/jungediakoniewue/", 347 "https://www.facebook.com/jungediakoniewue", 348 "https://www.youtube.com/@jungediakoniewue", 349 "https://www.diakonie-wuerttemberg.de" 350 ] 351} 352</script>
352 353 354
354<script async src="https://cdn.eye-able.com/configs/junge-diakonie.de.js"></script>
354 355
355<script async src="https://cdn.eye-able.com/public/js/eyeAble.js"></script>
355 356
356<script async src="https://translate-cdn.eye-able.com/eye-able-translate.js"></script>
356 357
357<script>
vendor: 495 bytes, lines 357-366
357 358 !function(f,b,e,v,n,t,s) 359 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 360 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 361 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 362 n.queue=[];t=b.createElement(e);t.async=!0; 363 t.src=v;s=b.getElementsByTagName(e)[0]; 364 s.parentNode.insertBefore(t,s)}(window, document,'script', 365 'https://connect.facebook.net/en_US/fbevents.js'); 366 fbq('init', '
366565539166061241
vendor: 42 bytes, lines 366-368
366'); 367 fbq('track', 'PageView'); 368
368</script>
368 369 <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=565539166061241&ev=PageView&noscript=1"/></noscript> 370 371 <!-- Google Tag Manager --> 372
372<script data-borlabs-cookie-script-blocker-id='google-tag-manager' type='text/template'>
vendor: 335 bytes, lines 372-376
372(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 373 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 374 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 375 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 376 })(window,document,'script','dataLayer','
376GTM-5FGQKSL
vendor: 3 bytes, line 376
376');
376</script>
376 377 <!-- End Google Tag Manager --> 378 379 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 379-380
379 380 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
380GTM-5FGQKSL
vendor: 87 bytes, lines 380-382
380" 381 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 382
382<!-- End Google Tag Manager (noscript) --> 383 384 </head> 385 386 <body class="wp-singular page-template-default page page-id-1247 page-parent wp-theme-diak" data-template="base.twig"> 387 388 <header class="header w-full h-[75px] md:h-[90px] bg-dkWhite overflow-hidden " > 389 <div class="flex items-center justify-between h-full dk-container"> 390 <div class="w-[150px] h-[51px] overflow-hidden"> 391 <a href="https://www.junge-diakonie.de" class="inline-block w-full"> 392 <img src="/wp-content/themes/diak/assets/ui_elements/logo-diakonie-baden-wuerttemberg.svg" alt="Diakonie Logo" class="object-contain w-full h-full"> 393 </a> 394 </div> 395 <div class="flex gap-[15px] items-center h-full"> 396 <div class="flex justify-center items-center w-[45px] h-[45px] rounded-full overflow-hidden bg-dkPurple hover:scale-110 transform transition-all duration-300"> 397 <button aria-label="Eye able" id="easy-speech-custom-including-tooltip" style="display: block; background-color: #5a2572 !important; border: none; width: 45px; height: 62px;"> 398 <img src="/wp-content/themes/diak/assets/ui_elements/eye-able-lang-icon.svg" alt="Kontrast Icon" class="object-contain w-full h-full"> 399 </button> 400 </div> 401 402 403 <button class="eye-able-toggle flex justify-center items-center w-[45px] h-[45px] rounded-full overflow-hidden bg-dkPurple hover:scale-110 transform transition-all duration-300" aria-label="Eye able" id="eyeAble_customToolOpenerID"> 404 <span class="sr-only">Eye Able</span> 405 <img src="/wp-content/themes/diak/assets/ui_elements/eye-able-custom-icon.svg" alt="Kontrast Icon" class="object-contain w-full h-full"> 406 </button> 407 408 <button class="nav-main-toggle flex justify-center items-center w-[45px] h-[45px] p-[14px] rounded-full overflow-hidden bg-dkPurple hover:scale-110 transform transition-all duration-300" aria-label="Hauptmenü umschalten"> 409 <span class="sr-only">Open main menu</span> 410 <img src="/wp-content/themes/diak/assets/ui_elements/menu-icon.svg" alt="Menu Icon" class="object-contain w-full h-full"> 411 </button> 412 </div> 413 </div> 414 </header> 415 <div class="nav-main-wrapper fixed right-0 top-0 h-svh min-h-svh md:h-screen md:min-h-screen w-full flex justify-end bg-[#242323]/50 transform translate-x-full transition-all duration-500 z-[100] [&.menu-open]:translate-x-0" aria-hidden="true"> 416 <div class="main-menu-panel h-full w-full sm:w-2/3 md:w-1/2 lg:w-[442px] overflow-y-auto p-[15px] md:py-6 md:px-11 bg-dkPurple transform transition-all duration-500 flex flex-col items-center gap-[45px] md:gap-10"> 417 <div class="w-full h-[45px] flex justify-between items-center gap-[15px]"> 418 <form class="w-full h-full pl-4 pr-[13px] flex gap-2 items-center rounded-full bg-dkPurpleDark" action="https://www.junge-diakonie.de/" method="get"> 419 <input type="text" name="s" placeholder="" class="w-full h-full pl-2 rounded-full bg-dkPurpleDark text-dkWhite focus:outline-none" aria-label="Suche" /> 420 <button type="submit" class=""> 421 <img src="/wp-content/themes/diak/assets/ui_elements/icon-search-white.svg" alt="Search Icon" class="w-[17px] h-[17px] object-contain"> 422 </button> 423 </form> 424 425 <button class="nav-main-close flex shrink-0 justify-center items-center w-[45px] h-[45px] px-[14.5px] py-[15.5px] rounded-full overflow-hidden bg-dkPurpleDark hover:scale-110 transform transition-all duration-300" aria-label="Main menu close"> 426 <span class="sr-only">Close main menu</span> 427 <img src="/wp-content/themes/diak/assets/ui_elements/x-white-icon.svg" alt="Close Icon" class="object-contain w-full h-full"> 428 </button> 429 </div> 430 <nav class="w-full" role="navigation" aria-label="Hauptnavigation"> 431 <ul class="w-full flex flex-col gap-[10px]"> 432 <li class="nav-main-item w-full flex flex-col max-h-[1000px] bg-dkGreen rounded-[30px] transition-all ease-in-out duration-500"> 433 <div class="flex items-center justify-between h-[60px] px-[30px] group/hoverAnimation menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-1247 current_page_item menu-item-has-children menu-item-2438"> 434 <a class="flex items-center w-full h-full overflow-hidden font-black nav-main-link cta-main" href="https://www.junge-diakonie.de/freiwilligendienste/" > 435 <span class="relative inline-block"> 436 <span class="block transition-transform duration-500 group-hover/hoverAnimation:-translate-y-[300%]">Freiwilligendienste</span> 437 <span class="absolute left-0 top-[300%] w-full block transition-transform duration-500 group-hover/hoverAnimation:translate-y-[-300%]">Freiwilligendienste</span> 438 </span> 439 </a> 440 <button class="accordion-toggle flex items-center shrink-0 w-[40px] h-[60px] justify-end" type="button" aria-label="Toggle submenu"> 441 <span class="relative inline-block h-full open-main-submenu w-[14px]"> 442 <div class="bar bar-horizontal"></div> 443 <div class="bar bar-vertical"></div> 444 </span> 445 </button> 446 </div> 447 <ul class="submenu flex w-full max-h-0 opacity-0 px-[30px] overflow-hidden flex-col gap-[27px] [&.submenu-active]:max-h-[1000px] [&.submenu-active]:opacity-100 transition-all ease-in-out duration-500"> 448 <li class="last:mb-[30px]"> 449 <a class="block cta-main " href="https://www.junge-diakonie.de/freiwilligendienste/bfd-fsj/" >FSJ / BFD</a> 450 </li> 451 <li class="last:mb-[30px]"> 452 <a class="block cta-main " href="https://www.junge-diakonie.de/freiwilligendienste/foej/" >FÃJ</a> 453 </li> 454 <li class="last:mb-[30px]"> 455 <a class="block cta-main " href="https://www.junge-diakonie.de/freiwilligendienste/bfd-ue27/" >BFD Ã27</a> 456 </li> 457 <li class="last:mb-[30px]"> 458 <a class="block cta-main " href="https://www.junge-diakonie.de/freiwilligendienste/internationale-freiwilligendienste/" >Internationale Bewerber*innen</a> 459 </li> 460 <li class="last:mb-[30px]"> 461 <a class="block cta-main " href="https://www.junge-diakonie.de/freiwilligendienste/einsatzbereiche/" >Einsatzbereiche</a> 462 </li> 463 </ul> 464 </li> 465 <li class="nav-main-item w-full flex flex-col max-h-[1000px] bg-dkGreen rounded-[30px] transition-all ease-in-out duration-500"> 466 <div class="flex items-center justify-between h-[60px] px-[30px] group/hoverAnimation menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2445"> 467 <a class="flex items-center w-full h-full overflow-hidden font-black nav-main-link cta-main" href="https://www.junge-diakonie.de/berufseinstieg/" > 468 <span class="relative inline-block"> 469 <span class="block transition-transform duration-500 group-hover/hoverAnimation:-translate-y-[300%]">Berufseinstieg</span> 470 <span class="absolute left-0 top-[300%] w-full block transition-transform duration-500 group-hover/hoverAnimation:translate-y-[-300%]">Berufseinstieg</span> 471 </span> 472 </a> 473 <button class="accordion-toggle flex items-center shrink-0 w-[40px] h-[60px] justify-end" type="button" aria-label="Toggle submenu"> 474 <span class="relative inline-block h-full open-main-submenu w-[14px]"> 475 <div class="bar bar-horizontal"></div> 476 <div class="bar bar-vertical"></div> 477 </span> 478 </button> 479 </div> 480 <ul class="submenu flex w-full max-h-0 opacity-0 px-[30px] overflow-hidden flex-col gap-[27px] [&.submenu-active]:max-h-[1000px] [&.submenu-active]:opacity-100 transition-all ease-in-out duration-500"> 481 <li class="last:mb-[30px]"> 482 <a class="block cta-main " href="https://www.junge-diakonie.de/berufseinstieg/praktikum/" >Praktikum</a> 483 </li> 484 <li class="last:mb-[30px]"> 485 <a class="block cta-main " href="https://www.junge-diakonie.de/berufseinstieg/soziale-berufe/" >Ausbildung & Studium</a> 486 </li> 487 <li class="last:mb-[30px]"> 488 <a class="block cta-main " href="https://www.junge-diakonie.de/berufseinstieg/berufliche-neuorientierung/" >Berufliche Neuorientierung</a> 489 </li> 490 </ul> 491 </li> 492 <li class="nav-main-item w-full flex flex-col max-h-[1000px] bg-dkGreen rounded-[30px] transition-all ease-in-out duration-500"> 493 <div class="flex items-center justify-between h-[60px] px-[30px] group/hoverAnimation menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2450"> 494 <a class="flex items-center w-full h-full overflow-hidden font-black nav-main-link cta-main" href="https://www.junge-diakonie.de/ehrenamt/" > 495 <span class="relative inline-block"> 496 <span class="block transition-transform duration-500 group-hover/hoverAnimation:-translate-y-[300%]">Ehrenamt</span> 497 <span class="absolute left-0 top-[300%] w-full block transition-transform duration-500 group-hover/hoverAnimation:translate-y-[-300%]">Ehrenamt</span> 498 </span> 499 </a> 500 <button class="accordion-toggle flex items-center shrink-0 w-[40px] h-[60px] justify-end" type="button" aria-label="Toggle submenu"> 501 <span class="relative inline-block h-full open-main-submenu w-[14px]"> 502 <div class="bar bar-horizontal"></div> 503 <div class="bar bar-vertical"></div> 504 </span> 505 </button> 506 </div> 507 <ul class="submenu flex w-full max-h-0 opacity-0 px-[30px] overflow-hidden flex-col gap-[27px] [&.submenu-active]:max-h-[1000px] [&.submenu-active]:opacity-100 transition-all ease-in-out duration-500"> 508 <li class="last:mb-[30px]"> 509 <a class="block cta-main " href="https://www.junge-diakonie.de/ehrenamt/machmitaward/" >MachMit!Award</a> 510 </li> 511 </ul> 512 </li> 513 <li class="nav-main-item w-full flex flex-col max-h-[1000px] bg-dkGreen rounded-[30px] transition-all ease-in-out duration-500"> 514 <div class="flex items-center justify-between h-[60px] px-[30px] group/hoverAnimation menu-item menu-item-type-custom menu-item-object-custom menu-item-347"> 515 <a class="flex items-center w-full h-full overflow-hidden font-black nav-main-link cta-main" href="/blog" > 516 <span class="relative inline-block"> 517 <span class="block transition-transform duration-500 group-hover/hoverAnimation:-translate-y-[300%]">Erfahrungsberichte & Blog</span> 518 <span class="absolute left-0 top-[300%] w-full block transition-transform duration-500 group-hover/hoverAnimation:translate-y-[-300%]">Erfahrungsberichte & Blog</span> 519 </span> 520 </a> 521 </div> 522 </li> 523 <li class="nav-main-item w-full flex flex-col max-h-[1000px] bg-dkGreen rounded-[30px] transition-all ease-in-out duration-500"> 524 <div class="flex items-center justify-between h-[60px] px-[30px] group/hoverAnimation menu-item menu-item-type-post_type menu-item-object-page menu-item-2449"> 525 <a class="flex items-center w-full h-full overflow-hidden font-black nav-main-link cta-main" href="https://www.junge-diakonie.de/jobmessen-und-veranstaltungen/" > 526 <span class="relative inline-block"> 527 <span class="block transition-transform duration-500 group-hover/hoverAnimation:-translate-y-[300%]">Triff uns auf Veranstaltungen</span> 528 <span class="absolute left-0 top-[300%] w-full block transition-transform duration-500 group-hover/hoverAnimation:translate-y-[-300%]">Triff uns auf Veranstaltungen</span> 529 </span> 530 </a> 531 </div> 532 </li> 533 <li class="nav-main-item w-full flex flex-col max-h-[1000px] bg-dkGreen rounded-[30px] transition-all ease-in-out duration-500"> 534 <div class="flex items-center justify-between h-[60px] px-[30px] group/hoverAnimation menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-7312"> 535 <a class="flex items-center w-full h-full overflow-hidden font-black nav-main-link cta-main" href="https://www.junge-diakonie.de/stellen/" > 536 <span class="relative inline-block"> 537 <span class="block transition-transform duration-500 group-hover/hoverAnimation:-translate-y-[300%]">Stelle finden</span> 538 <span class="absolute left-0 top-[300%] w-full block transition-transform duration-500 group-hover/hoverAnimation:translate-y-[-300%]">Stelle finden</span> 539 </span> 540 </a> 541 <button class="accordion-toggle flex items-center shrink-0 w-[40px] h-[60px] justify-end" type="button" aria-label="Toggle submenu"> 542 <span class="relative inline-block h-full open-main-submenu w-[14px]"> 543 <div class="bar bar-horizontal"></div> 544 <div class="bar bar-vertical"></div> 545 </span> 546 </button> 547 </div> 548 <ul class="submenu flex w-full max-h-0 opacity-0 px-[30px] overflow-hidden flex-col gap-[27px] [&.submenu-active]:max-h-[1000px] [&.submenu-active]:opacity-100 transition-all ease-in-out duration-500"> 549 <li class="last:mb-[30px]"> 550 <a class="block cta-main " href="https://www.junge-diakonie.de/merkliste/" >Deine Merkliste</a> 551 </li> 552 </ul> 553 </li> 554 <li class="nav-main-item w-full flex flex-col max-h-[1000px] bg-dkGreen rounded-[30px] transition-all ease-in-out duration-500"> 555 <div class="flex items-center justify-between h-[60px] px-[30px] group/hoverAnimation menu-item menu-item-type-post_type menu-item-object-page menu-item-7197"> 556 <a class="flex items-center w-full h-full overflow-hidden font-black nav-main-link cta-main" href="https://www.junge-diakonie.de/bewerben/" > 557 <span class="relative inline-block"> 558 <span class="block transition-transform duration-500 group-hover/hoverAnimation:-translate-y-[300%]">Bewerbung Freiwilligendienst</span> 559 <span class="absolute left-0 top-[300%] w-full block transition-transform duration-500 group-hover/hoverAnimation:translate-y-[-300%]">Bewerbung Freiwilligendienst</span> 560 </span> 561 </a> 562 </div> 563 </li> 564 <li class="nav-main-item w-full flex flex-col max-h-[1000px] bg-dkGreen rounded-[30px] transition-all ease-in-out duration-500"> 565 <div class="flex items-center justify-between h-[60px] px-[30px] group/hoverAnimation menu-item menu-item-type-post_type menu-item-object-page menu-item-7198"> 566 <a class="flex items-center w-full h-full overflow-hidden font-black nav-main-link cta-main" href="https://www.junge-diakonie.de/ueber-uns/" > 567 <span class="relative inline-block"> 568 <span class="block transition-transform duration-500 group-hover/hoverAnimation:-translate-y-[300%]">Ãber uns</span> 569 <span class="absolute left-0 top-[300%] w-full block transition-transform duration-500 group-hover/hoverAnimation:translate-y-[-300%]">Ãber uns</span> 570 </span> 571 </a> 572 </div> 573 </li> 574 </ul> 575 </nav> 576 577 <div class="w-full flex justify-center items-center gap-[10px]"> 578 <div class="w-[45px] h-[45px] bg-dkWhite rounded-full transform transition-all duration-300 hover:scale-110"> 579 <a href="https://www.instagram.com/jungediakoniewue/" target="_blank" class="flex justify-center items-center w-full h-full p-[13px]"> 580 <img src="/wp-content/themes/diak/assets/ui_elements/instgram-purple-icon.svg" alt="Instagram Icon" class="object-contain w-full h-full"> 581 </a> 582 </div> 583 <div class="w-[45px] h-[45px] bg-dkWhite rounded-full transform t
583ransition-all duration-300 hover:scale-110"> 584 <a href="https://www.facebook.com/jungediakoniewue" target="_blank" class="flex justify-center items-center w-full h-full p-[13.5px]"> 585 <img src="/wp-content/themes/diak/assets/ui_elements/facebook-purple-icon.svg" alt="Facebook Icon" class="object-contain w-full h-full"> 586 </a> 587 </div> 588 <div class="w-[45px] h-[45px] bg-dkWhite rounded-full transform transition-all duration-300 hover:scale-110"> 589 <a href="https://www.youtube.com/@jungediakoniewue" target="_blank" class="flex justify-center items-center w-full h-full px-[12.5px] py-[15px]"> 590 <img src="/wp-content/themes/diak/assets/ui_elements/youtube-purple-icon.svg" alt="Youtube Icon" class="object-contain w-full h-full"> 591 </a> 592 </div> 593 </div> 594 </div> 595 </div> 596 597 <section id="content" role="main" class="content-wrapper"> 598 <div class="wrapper"> 599 <section class="w-full py-[40px] pt-0 lg:pt-[40px] lg:flex lg:flex-col lg:relative bg-dkPurple" > 600 601 <div class="flex w-full lg:dk-container gap-[45px] flex-col-reverse lg:flex-row-reverse lg:items-start lg:relative "> 602 <div class="dk-container flex flex-col gap-[50px] lg:absolute lg:z-10 lg:top-1/2 lg:-translate-y-1/2 lg:left-[0] pr-[15px] [&>h1]:max-w-[900px] [&>h2]:max-w-[580px] "> 603 <div class="flex flex-col gap-[20px] lg:max-w-[80%]"> 604 <p class="dk-decorative-text"><span class="dk-text-white">Einfach mal<br /> 605</span><span class="dk-text-white">machen.</span><br /> 606<span class="dk-text-green">Wird gut!</span></p> 607 608 <h1 class="h2 h1"><span class="dk-text-white">Freiwilligendienst bei der Diakonie Württemberg</span></h1> 609 610 </div> 611 612 </div> 613 614 615 <div class="flex justify-end relative w-full lg:w-[560px] aspect-[5/6] lg:mr-[91px]"> 616 <img src="https://www.junge-diakonie.de/wp-content/uploads/jd_freiwilligendienste-1.jpg" 617 alt="" 618 class="w-full h-full object-cover lg:rounded-[30px]" /> 619 620 </div> 621 </div> 622</section> 623 624 625 626 627 628<section class="w-full py-[50px] bg-dkPurple" > 629 <div class="dk-container min-h-[435px] lg:min-h-[366px]" id="guide-root"></div> 630</section> 631
632<script> 633 document.addEventListener('DOMContentLoaded', function () { 634 const data = JSON.parse(`\u007B\u0022acf_fc_layout\u0022\u003A\u0022guide\u0022,\u0022id\u0022\u003A\u0022\u0022,\u0022alignment\u0022\u003A\u00220\u0022,\u0022decorative_heading\u0022\u003A\u0022\u0022,\u0022h1_headline\u0022\u003A\u0022\u0022,\u0022question\u0022\u003A\u005B\u007B\u0022id\u0022\u003A\u00221\u0022,\u0022question\u0022\u003A\u0022Was\u0020brauchst\u0020du\u0020gerade\u003F\u0022,\u0022answer\u0022\u003A\u005B\u007B\u0022answer\u0022\u003A\u0022Einen\u0020\\u00dcberblick,\u0020worum\u0020es\u0020beim\u0020Freiwilligendienst\u0020geht\u0022,\u0022next_step\u0022\u003A\u00221\u0022,\u0022id\u0022\u003A\u002210\u0022,\u0022link_or_anchor\u0022\u003A\u0022\u0023start\u0022\u007D,\u007B\u0022answer\u0022\u003A\u0022Eine\u0020Stelle,\u0020die\u0020zu\u0020mir\u0020passt\u0022,\u0022next_step\u0022\u003A\u00221\u0022,\u0022id\u0022\u003A\u002220\u0022,\u0022link_or_anchor\u0022\u003A\u0022https\u003A\\\/\\\/www.junge\u002Ddiakonie.de\\\/stellen\\\/\u0022\u007D,\u007B\u0022answer\u0022\u003A\u0022Infos\u0020zu\u0020einem\u0020bestimmten\u0020Dienst\u003A\u0020FSJ,\u0020BFD\u0020oder\u0020F\\u00d6J\u0022,\u0022next_step\u0022\u003A\u00220\u0022,\u0022id\u0022\u003A\u002230\u0022,\u0022link_or_anchor\u0022\u003A\u0022\u0022\u007D\u005D\u007D,\u007B\u0022id\u0022\u003A\u002230\u0022,\u0022question\u0022\u003A\u0022Welcher\u0020Weg\u0020passt\u0020besser\u0020zu\u0020dir\u003F\u0022,\u0022answer\u0022\u003A\u005B\u007B\u0022answer\u0022\u003A\u0022Sozial\u0020engagieren\u0020im\u0020FSJ\u0020oder\u0020BFD\u0022,\u0022next_step\u0022\u003A\u00221\u0022,\u0022id\u0022\u003A\u002231\u0022,\u0022link_or_anchor\u0022\u003A\u0022\\\/freiwilligendienste\\\/bfd\u002Dfsj\\\/\u0022\u007D,\u007B\u0022answer\u0022\u003A\u0022\\u00d6kologische\u0020Verantwortung\u0020\\u00fcbernehmen\u0020im\u0020F\\u00d6J\u0022,\u0022next_step\u0022\u003A\u00221\u0022,\u0022id\u0022\u003A\u002231\u0022,\u0022link_or_anchor\u0022\u003A\u0022\\\/freiwilligendienste\\\/foej\\\/\u0022\u007D,\u007B\u0022answer\u0022\u003A\u0022Angebote\u0020f\\u00fcr\u0020Menschen\u0020\\u00fcber\u002026\u0020Jahre\u0022,\u0022next_step\u0022\u003A\u00221\u0022,\u0022id\u0022\u003A\u002232\u0022,\u0022link_or_anchor\u0022\u003A\u0022\\\/freiwilligendieste\\\/bfd\u002Due27\u0022\u007D,\u007B\u0022answer\u0022\u003A\u0022Angebote\u0020f\\u00fcr\u0020internationale\u0020Bewerber\u002Ainnen\u0022,\u0022next_step\u0022\u003A\u00221\u0022,\u0022id\u0022\u003A\u002234\u0022,\u0022link_or_anchor\u0022\u003A\u0022\\\/freiwilligendienste\\\/internationale\u002Dfreiwilligendienste\\\/\u0022\u007D\u005D\u007D\u005D,\u0022solutions\u0022\u003A\u005B\u007B\u0022solutions\u0022\u003A\u005B\u007B\u0022id\u0022\u003A\u0022\u0022,\u0022headline\u0022\u003A\u0022\u0022,\u0022solution_text\u0022\u003A\u0022\u0022,\u0022button\u0022\u003A\u0022\u0022\u007D\u005D\u007D\u005D\u007D`); 635 636 637 const questions = data.question; 638 const solutions = data.solutions.flatMap(s => s.solutions); 639 640 641 const container = document.getElementById('guide-root'); 642 643 let currentId = questions[0]?.id; 644 const history = []; 645 646 function renderQuestion(id) { 647 const question = questions.find(q => q.id === id); 648 if (!question) return; 649 650 container.innerHTML = ` 651 <div class="lg:max-w-[623px] lg:mx-auto text-center"> 652 <div class="flex justify-center mb-[30px]"> 653 <img 654 src="https://www.junge-diakonie.de/wp-content/themes/diak/assets/ui_elements/icon-questionmark.svg" 655 alt="Fragezeichen Icon" 656 class="questionmark-icon" 657 /> 658 </div> 659 <h2 class="h2 text-dkWhite text-center mb-[30px]">${question.question}</h2> 660 <div class="flex flex-col gap-[20px]"> 661 ${question.answer.map(ans => ` 662 ${ans.link_or_anchor 663 ? ` 664 <a 665 href="${ans.link_or_anchor}" 666 class="dk-optional-button bg-dkGreen text-dkPurple px-4 py-4 text-[18px] rounded-[35px] text-center h3 answer-btn inline-block transform transition-all duration-300 hover:scale-110" 667 data-next="${ans.next_step}" 668 data-id="${ans.id}" 669 > 670 ${ans.answer} 671 </a> 672 ` 673 : `
674 <button 675 class="bg-dkGreen text-dkPurple px-4 py-4 text-[18px] rounded-[35px] text-center h3 answer-btn transform transition-all duration-300 hover:scale-110" 676 data-next="${ans.next_step}" 677 data-id="${ans.id}" 678 > 679 ${ans.answer} 680 </button> 681 ` 682 } 683 `).join('')} 684 </div> 685 686 ${history.length > 0 ? ` 687 <button 688 id="back-btn" 689 class="mt-4 flex items-center gap-2 text-dkWhite font-bold" 690 > 691 <div class="flex items-center justify-center w-[45px] h-[45px] bg-dkGreen rounded-full overflow-hidden transform transition-all hover:scale-110"> 692 <img 693 src="https://www.junge-diakonie.de/wp-content/themes/diak/assets/ui_elements/arrow-left-purple-icon.svg" 694 alt="Zurück Icon" 695 class="w-5 h-5 ml-[5px] object-contain" 696 /> 697 </div> 698 Zurück 699 </button> 700 ` : ''} 701 </div> 702 `; 703 704 document.querySelectorAll('.answer-btn').forEach(btn => { 705 btn.addEventListener('click', function () { 706 const nextStep = this.getAttribute('data-next'); 707 const nextId = this.getAttribute('data-id'); 708 709 history.push(id); 710 711 if (nextStep === '1') { 712 showSolution(nextId); 713 } else { 714 renderQuestion(nextId); 715 } 716 }); 717 }); 718 719 const backBtn = document.getElementById('back-btn'); 720 if (backBtn) { 721 backBtn.addEventListener('click', () => { 722 const prevId = history.pop(); 723 if (prevId) renderQuestion(prevId); 724 }); 725 } 726 } 727 728 function showSolution(solutionId) { 729 const solution = solutions.find(s => s.id === solutionId); 730 if (!solution) { 731 container.innerHTML = ``; 732 return; 733 } 734 735 736 737 container.innerHTML = ` 738 <div class="lg:px-[360px] rounded-[30px] text-center"> 739 <div class="flex justify-center mb-[30px]"> 740 <img 741 src="https://www.junge-diakonie.de/wp-content/themes/diak/assets/ui_elements/icon-exclamation mark.svg" 742 alt="Ausrufezeichen Icon" 743 class="exclamation-icon" 744 /> 745 </div> 746 <div class="bg-dkWhite p-[30px] rounded-[30px]"> 747 <h3 class="h3 text-center text-dkPurple mb-[30px]">${solution.headline}</h3> 748 <p class="text-[18px] text-dkDark text-center"> 749 ${solution.solution_text} 750 </p> 751 752 ${solution.button ? ` 753 <div class="flex justify-center align-center"> 754 755 756 757 758 759 <a 760 href="${solution.button.url}" 761 target="_blank" 762 class="dk-optional-button inline-block px-[45px] py-[17px] mt-[30px] text-dkPurple rounded-full bg-dkGreen font-bold font-arialblack" 763 >${solution.button.title} 764 </a> 765 </div> 766 ` : ''} 767 </div> 768 769 ${history.length > 0 ? ` 770 <div class="text-start mt-[30px]"> 771 <button 772 id="back-btn" 773 class="mt-4 flex items-center gap-2 text-dkWhite font-bold" 774 > 775 <div class="flex items-center justify-center w-[45px] h-[45px] bg-dkGreen rounded-full overflow-hidden transform transition-all hover:scale-110"> 776 <img 777 src="https://www.junge-diakonie.de/wp-content/themes/diak/assets/ui_elements/arrow-left-purple-icon.svg" 778 alt="Zurück Icon" 779 class="w-5 h-5 ml-[5px] object-contain" 780 /> 781 </div> 782 Zurück 783 </button> 784 </div> 785 ` : ''} 786 </div> 787 `; 788 789 const backBtn = document.getElementById('back-btn'); 790 if (backBtn) { 791 backBtn.addEventListener('click', () => { 792 const prevId = history.pop(); 793 if (prevId) renderQuestion(prevId); 794 }); 795 } 796 } 797 798 if (currentId) { 799 renderQuestion(currentId); 800 } else { 801 container.innerHTML = '<p class="text-red-500">Keine Fragen verfügbar.</p>'; 802 } 803 }); 804</script>
804 805 <section class="w-full py-[50px] lg:py-[100px] bg-dkPurpleLight" id="start"> 806 <div class="dk-container max-w-[300px] md:max-w-[560px] lg:max-w-[730px] flex flex-col gap-[30px] *:text-center"> 807 <h2 class="h2"><strong>Was ein Freiwilligendienst für dich sein kann</strong></h2> 808 809 <p style="text-align: left;">Ein Freiwilligendienst ist mehr als ein Plan B. Er ist dein Raum zum Ausprobieren, Wachsen und Mitgestalten. Ob nach der Schule, beim Neustart oder in der Orientierungsphase, im <strong>Freiwilligen Sozialen Jahr (FSJ)</strong>, im <strong>Bundesfreiwilligendienst (BFD)</strong> oder im <strong>Freiwilligen Ãkologischen Jahr (FÃJ),</strong> bei der Diakonie Württemberg findest du deine Richtung. Du sammelst Praxis, engagierst dich für Menschen und wächst mit jeder Erfahrung. Klingt gut? Dann finde heraus, welcher Freiwilligendienst zu dir passt!</p> 810 811 812 <div class="flex flex-wrap justify-center gap-[10px]"> 813 <a 814 href="#infos" 815 class="js-scroll-to dk-optional-button hover:scale-100 cta-secondary flex items-center py-[15.5px] px-5 overflow-hidden rounded-full bg-dkGreen group/hoverAnimation" 816 > 817 <span class="relative inline-block"> 818 <span class="block transition-transform duration-500 group-hover/hoverAnimation:-translate-y-[300%]">Infos</span> 819 <span class="absolute left-0 top-[300%] w-full block transition-transform duration-500 group-hover/hoverAnimation:translate-y-[-300%]">Infos</span> 820 </span> 821 </a> 822 <a 823 href="#dienstarten" 824 class="js-scroll-to dk-optional-button hover:scale-100 cta-secondary flex items-center py-[15.5px] px-5 overflow-hidden rounded-full bg-dkGreen group/hoverAnimation" 825 > 826 <span class="relative inline-block"> 827 <span class="block transition-transform duration-500 group-hover/hoverAnimation:-translate-y-[300%]">Dienstarten</span> 828 <span class="absolute left-0 top-[300%] w-full block transition-transform duration-500 group-hover/hoverAnimation:translate-y-[-300%]">Dienstarten</span> 829 </span> 830 </a> 831 <a 832 href="#stellen" 833 class="js-scroll-to dk-optional-button hover:scale-100 cta-secondary flex items-center py-[15.5px] px-5 overflow-hidden rounded-full bg-dkGreen group/hoverAnimation" 834 > 835 <span class="relative inline-block"> 836 <span class="block transition-transform duration-500 group-hover/hoverAnimation:-translate-y-[300%]">Stelle finden</span> 837 <span class="absolute left-0 top-[300%] w-full block transition-transform duration-500 group-hover/hoverAnimation:translate-y-[-300%]">Stelle finden</span> 838 </span> 839 </a> 840 <a 841 href="#ablauf" 842 class="js-scroll-to dk-optional-button hover:scale-100 cta-secondary flex items-center py-[15.5px] px-5 overflow-hidden rounded-full bg-dkGreen group/hoverAnimation" 843 > 844 <span class="relative inline-block"> 845 <span class="block transition-transform duration-500 group-hover/hoverAnimation:-translate-y-[300%]">Bewerbungsablauf</span> 846 <span class="absolute left-0 top-[300%] w-full block transition-transform duration-500 group-hover/hoverAnimation:translate-y-[-300%]">Bewerbungsablauf</span> 847 </span> 848 </a> 849 </div> 850 </div> 851 852</section> 853 <section class="w-full bg-dkPurple py-[50px] lg:py-[100px]" id="infos"> 854 <div class="quote-slider-section relative flex flex-col gap-[30px] lg:gap-[35px]"> 855 <h2 class="h2 w-[92%] max-w-[70%] mx-auto text-dkWhite text-center">Das steckt in einem FWD bei der Diakonie Württemberg</h2> 856 <div class="swiper quoteSlider !w-full !px-[15px] !pr-[42px] lg:!px-[48px]"> 857 <div class="swiper-wrapper px-[20px] py-[10px] cursor-grab "> 858 <div class="swiper-slide mb-[50px] hover:!-rotate-[3deg] !h-auto p-[30px] !flex flex-col gap-[30px] items-center bg-dkWhite rounded-[30px] transform transition-all ease-in-out duration-500"> 859 <div class="w-[36.3%] lg:w-[34.27%] aspect-square rounded-full overflow-hidden"> 860 <img src="https://www.junge-diakonie.de/wp-content/uploads/zielscheibe.png" alt="" class="object-cover w-full h-full"> 861 </div> 862 <h3 class="text-center h3"> 863 Vielfalt, die zu dir passt 864 865 </h3> 866 <p class="text-center text-body"> 867 Ob Kita, Pflege, Tierschutz, Verwaltung oder sogar im Social Media-Team: Wir haben über 4.000 Stellen in ganz Württemberg und darüber hinaus. 868 </p> 869 870 </div> 871 <div class="swiper-slide mt-[50px] hover:!rotate-[3deg] !h-auto p-[30px] !flex flex-col gap-[30px] items-center bg-dkWhite rounded-[30px] transform transition-all ease-in-out duration-500"> 872 <div class="w-[36.3%] lg:w-[34.27%] aspect-square rounded-full overflow-hidden"> 873 <img src="https://www.junge-diakonie.de/wp-content/uploads/pointing_v2.png" alt="" class="object-cover w-full h-full"> 874 </div> 875 <h3 class="text-center h3"> 876 Du zählst. Nicht dein Zeugnis. 877 </h3> 878 <p class="text-center text-body"> 879 Bei uns zählt nicht, was auf dem Papier steht. Jeder Schulabschluss, jede Herkunft â du bist willkommen, wie du bist. 880 881 </p> 882 883 </div> 884 <div class="swiper-slide mb-[50px] hover:!-rotate-[3deg] !h-auto p-[30px] !flex flex-col gap-[30px] items-center bg-dkWhite rounded-[30px] transform transition-all ease-in-out duration-500"> 885 <div class="w-[36.3%] lg:w-[34.27%] aspect-square rounded-full overflow-hidden"> 886 <img src="https://www.junge-diakonie.de/wp-content/uploads/detectiv.png" alt="" class="object-cover w-full h-full"> 887 </div> 888 <h3 class="text-center h3"> 889 Wir hören zu. Und helfen weiter.
890 891 </h3> 892 <p class="text-center text-body"> 893 Fragen oder unsicher? Wir finden mit dir die passende Stelle und sind während deines Freiwilligendienstes immer für dich da. 894 </p> 895 896 </div> 897 <div class="swiper-slide mt-[50px] hover:!rotate-[3deg] !h-auto p-[30px] !flex flex-col gap-[30px] items-center bg-dkWhite rounded-[30px] transform transition-all ease-in-out duration-500"> 898 <div class="w-[36.3%] lg:w-[34.27%] aspect-square rounded-full overflow-hidden"> 899 <img src="https://www.junge-diakonie.de/wp-content/uploads/handshake.png" alt="" class="object-cover w-full h-full"> 900 </div> 901 <h3 class="text-center h3"> 902 Verlässlich an deiner Seite 903 904 </h3> 905 <p class="text-center text-body"> 906 Du hast eine feste Ansprechperson, die dich begleitet, vor dem Start und während deines Freiwilligendienstes. Verlässlich, ehrlich, auf Augenhöhe. 907 </p> 908 909 </div> 910 <div class="swiper-slide mb-[50px] hover:!-rotate-[3deg] !h-auto p-[30px] !flex flex-col gap-[30px] items-center bg-dkWhite rounded-[30px] transform transition-all ease-in-out duration-500"> 911 <div class="w-[36.3%] lg:w-[34.27%] aspect-square rounded-full overflow-hidden"> 912 <img src="https://www.junge-diakonie.de/wp-content/uploads/sunglasses.png" alt="" class="object-cover w-full h-full"> 913 </div> 914 <h3 class="text-center h3"> 915 Guter Rahmen. Gute Zeit. 916 917 </h3> 918 <p class="text-center text-body"> 919 Rund 500â¯â¬ im Monat, 30 Tage Urlaub auf 12 Monate und flexibler Start in den Dienst. Dazu Bildungstage, die dich weiterbringen. 920 </p> 921 922 </div> 923 <div class="swiper-slide mt-[50px] hover:!rotate-[3deg] !h-auto p-[30px] !flex flex-col gap-[30px] items-center bg-dkWhite rounded-[30px] transform transition-all ease-in-out duration-500"> 924 <div class="w-[36.3%] lg:w-[34.27%] aspect-square rounded-full overflow-hidden"> 925 <img src="https://www.junge-diakonie.de/wp-content/uploads/play_v2.png" alt="" class="object-cover w-full h-full"> 926 </div> 927 <h3 class="text-center h3"> 928 Mach den ersten Schritt 929 930 </h3> 931 <p class="text-center text-body"> 932 Du musst nicht wissen, wieâs weitergeht. Du musst nur anfangen. Wir begleiten dich, mutig, offen und auf Augenhöhe. 933 </p> 934 935 </div> 936 </div> 937 </div> 938 <div class="dk-container flex gap-[10px] justify-center lg:justify-end items-center lg:mt-0 lg:absolute lg:top-0 lg:left-1/2 lg:-translate-x-1/2 "> 939 <button aria-label="Zurück" class="quote-slider-button-prev flex items-center justify-center w-[45px] h-[45px] rounded-full overflow-hidden transform transition-all hover:scale-110 bg-dkPurpleLight"> 940 <img src="https://www.junge-diakonie.de/wp-content/themes/diak/assets/ui_elements/arrow-left-purple-icon.svg" alt="Previous item" class="w-[17px] h-[17px] ml-[5px] object-contain"> 941 </button> 942 <button aria-label="Vor" class="quote-slider-button-next flex items-center justify-center w-[45px] h-[45px] rounded-full overflow-hidden transform transition-all hover:scale-110 bg-dkPurpleLight"> 943 <img src="https://www.junge-diakonie.de/wp-content/themes/diak/assets/ui_elements/arrow-right-purple-icon.svg" alt="Next item" class="w-[17px] h-[17px] mr-[5px] object-contain"> 944 </button> 945 </div> 946 </div> 947</section> 948 <section class="w-full py-[50px] lg:py-[100px] bg-dkWhite" id=""> 949 <div class="dk-container max-w-[300px] md:max-w-[560px] lg:max-w-[730px] flex flex-col gap-[30px] items-center *:text-center"> 950 <h2 class="h2"><strong>Vielfalt gehört bei uns dazu. Punkt.</strong></h2> 951 952 <div class="text-[18px] leading-[25px] text-dkDark flex flex-col gap-[30px]"> 953 <p style="text-align: left;">Du willst einen Freiwilligendienst machen? Bei uns bist du willkommen, unabhängig von Herkunft, Lebensweise, Beeinträchtigung, Identität, sexueller Orientierung oder Glaube. Teilhabe soll keine Frage von Voraussetzungen sein. Deshalb tun wir alles dafür, dass du dich wohlfühlst und gut starten kannst. Auch wennâs anfangs nicht leicht ist: Wir sind an deiner Seite â persönlich, unkompliziert und mit echter Unterstützung.</p> 954 955 </div> 956 </div> 957</section> <section class="w-full py-[50px] lg:py-[100px] bg-dkPurpleLight" id="dienstarten"> 958 <div class="image-text-slider-section relative flex flex-col gap-[30px] lg:gap-[35px]"> 959 <h2 class="h2 w-[92%] max-w-[70%] mx-auto text-dkPurple text-center">Freiwilligendienst kommt in vielen Formen: â¨Was passt zu dir?</h2> 960 <div class="swiper imageTextSlider !w-full !px-[15px] lg:!px-[45px]"> 961 <div class="swiper-wrapper cursor-grab"> 962 <div class="swiper-slide !h-auto !flex flex-col gap-[30px] items-center"> 963 <div class="relative w-full aspect-square overflow-hidden rounded-[30px]"> 964 <img src="https://www.junge-diakonie.de/wp-content/uploads/jd_freiwilligendienste.jpg" alt="Junge Menschen schauen in eine Kamera" class="w-full h-full object-cover"> 965 <a href="https://www.junge-diakonie.de/freiwilligendienste/bfd-fsj-2/" class="absolute bottom-[
96510px] right-[10px] dk-optional-button cta-main w-[45px] h-[45px] overflow-hidden flex items-center justify-center p-[14px]" > 966 <img src="https://www.junge-diakonie.de/wp-content/themes/diak/assets/ui_elements/arrow-link-icon.svg" alt="Link Icon" class="w-full h-full object-cover"> 967 </a> 968 </div> 969 <div class="flex flex-col gap-5 px-5 lg:px-[45px] items-center text-center [&_p]:text-body"> 970 <h3 class="h3 text-dkPurple mb-[10px]">FSJ & BFD â Freiwilliges Soziales Jahr / Bundesfreiwilligendienst</h3> 971 <p>Ob nach der Schule, in der Orientierungsphase oder einfach so: Bei uns bekommst du ein Jahr voller Erfahrungen, die dich weiterbringen. Mit echten Menschen, Sinn und in deiner Geschwindigkeit. FSJ & BFD gibtâs in ganz verschiedenen sozialen Bereichen von Kita über Klinik bis Jugendhilfe.</p> 972 973 </div> 974 </div> 975 <div class="swiper-slide !h-auto !flex flex-col gap-[30px] items-center"> 976 <div class="relative w-full aspect-square overflow-hidden rounded-[30px]"> 977 <img src="https://www.junge-diakonie.de/wp-content/uploads/jd_foej.jpg" alt="" class="w-full h-full object-cover"> 978 <a href="/freiwilligendienste/foej/" class="absolute bottom-[10px] right-[10px] dk-optional-button cta-main w-[45px] h-[45px] overflow-hidden flex items-center justify-center p-[14px]" > 979 <img src="https://www.junge-diakonie.de/wp-content/themes/diak/assets/ui_elements/arrow-link-icon.svg" alt="Link Icon" class="w-full h-full object-cover"> 980 </a> 981 </div> 982 <div class="flex flex-col gap-5 px-5 lg:px-[45px] items-center text-center [&_p]:text-body"> 983 <h3 class="h3 text-dkPurple mb-[10px]">FÃJ â Freiwilliges Ãkologisches Jahr</h3> 984 <p>Du willst was mit Umwelt machen? Dann ist das FÃJ dein Ding. â¨Hier packst du da an, woâs zählt: auf Biohöfen, in Umweltprojekten oder Bildungseinrichtungen. Ideal für alle, die Natur lieben und nicht nur reden, sondern machen wollen.</p> 985 986 </div> 987 </div> 988 <div class="swiper-slide !h-auto !flex flex-col gap-[30px] items-center"> 989 <div class="relative w-full aspect-square overflow-hidden rounded-[30px]"> 990 <img src="https://www.junge-diakonie.de/wp-content/uploads/jd_u27.jpg" alt="" class="w-full h-full object-cover"> 991 <a href="/freiwilligendienste/bfd-ue27/" class="absolute bottom-[10px] right-[10px] dk-optional-button cta-main w-[45px] h-[45px] overflow-hidden flex items-center justify-center p-[14px]" > 992 <img src="https://www.junge-diakonie.de/wp-content/themes/diak/assets/ui_elements/arrow-link-icon.svg" alt="Link Icon" class="w-full h-full object-cover"> 993 </a> 994 </div> 995 <div class="flex flex-col gap-5 px-5 lg:px-[45px] items-center text-center [&_p]:text-body"> 996 <h3 class="h3 text-dkPurple mb-[10px]">BFD Ã27 â Bundesfreiwilligendienst für Menschen über 27</h3> 997 <p>Du bist über 27 und willst nochmal was anderes machen? Unser BFD Ã27 ist flexibel, sinnvoll und passt sich deinem Leben an. Perfekt für alle, die sich neu ausrichten, überbrücken oder einfach etwas zurückgeben wollen.</p> 998 999 </div> 1000 </div> 1001 <div class="swiper-slide !h-auto !flex flex-col gap-[30px] items-center"> 1002 <div class="relative w-full aspect-square overflow-hidden rounded-[30px]"> 1003 <img src="https://www.junge-diakonie.de/wp-content/uploads/jd_international_uebersicht.jpg" alt="" class="w-full h-full object-cover"> 1004 <a href="/freiwilligendienste/internationale-freiwilligendienste/" class="absolute bottom-[10px] right-[10px] dk-optional-button cta-main w-[45px] h-[45px] overflow-hidden flex items-center justify-center p-[14px]" > 1005 <img src="https://www.junge-diakonie.de/wp-content/themes/diak/assets/ui_elements/arrow-link-icon.svg" alt="Link Icon" class="w-full h-full object-cover"> 1006 </a> 1007 </div> 1008 <div class="flex flex-col gap-5 px-5 lg:px-[45px] items-center text-center [&_p]:text-body"> 1009 <h3 class="h3 text-dkPurple mb-[10px]">Internationaler Freiwilligendienst</h3> 1010 <p>
1010Du kommst aus dem Ausland? Egal, ob du noch im Ausland oder schon in Deutschland lebst. Du kannst bei uns einen Freiwilligendienst machen.</p> 1011 1012 </div> 1013 </div> 1014 </div> 1015 </div> 1016 <div class="dk-container flex gap-[20px] lg:gap-[10px] justify-center lg:justify-end items-center lg:mt-0 lg:absolute lg:top-0 lg:left-1/2 lg:-translate-x-1/2 "> 1017 <button aria-label="Vor" class="image-text-slider-button-prev flex items-center justify-center w-[45px] h-[45px] rounded-full overflow-hidden transform transition-all hover:scale-110 bg-dkPurple"> 1018 <img src="https://www.junge-diakonie.de/wp-content/themes/diak/assets/ui_elements/arrow-left-white-icon.svg" alt="Previous item" class="w-[17px] h-[17px] ml-[5px] object-contain"> 1019 </button> 1020 <button aria-label="Zurück" class="image-text-slider-button-next flex items-center justify-center w-[45px] h-[45px] rounded-full overflow-hidden transform transition-all hover:scale-110 bg-dkPurple"> 1021 <img src="https://www.junge-diakonie.de/wp-content/themes/diak/assets/ui_elements/arrow-right-white-icon.svg" alt="Next item" class="w-[17px] h-[17px] mr-[5px] object-contain"> 1022 </button> 1023 </div> 1024 </div> 1025</section> <section class="w-full py-[50px] lg:py-[100px] bg-dkWhite" id="ablauf"> 1026 <div class="dk-container flex flex-col gap-[50px] items-center"> 1027 1028 <div class="w-full max-w-[888px] flex flex-col gap-[30px] items-center *:text-center"> 1029 <h2 class="h2"><span class="dk-text-purple">Du willst loslegen? So geht’s!</span></h2> 1030 1031 </div> 1032 1033 1034 <div class="w-full grid grid-cols-1 justify-items-center md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-[50px]"> 1035 <div class="flex flex-col gap-[30px] items-center h-full"> 1036 <div class="max-h-[180px] h-[180px] overflow-hidden flex items-center justify-center"> 1037 <img src="https://www.junge-diakonie.de/wp-content/uploads/2025/06/1-graphic-icon.svg" alt="1-graphic-icon" class="h-full w-auto object-contain"> 1038 </div> 1039 1040 <div class="w-full flex flex-col gap-[7px] items-center *:text-center"> 1041 <h3 class="h3">Bewerben 1042</h3> 1043 <p>Such dir online eine Einsatzstelle aus oder gib im Bewerbungsformular eine grobe Richtung an, die dich interessiert. Wenn du noch keinen Plan hast, ist das völlig okay. Lass die Felder einfach frei.</p> 1044 1045 </div> 1046 </div> 1047 <div class="flex flex-col gap-[30px] items-center h-full"> 1048 <div class="max-h-[180px] h-[180px] overflow-hidden flex items-center justify-center"> 1049 <img src="https://www.junge-diakonie.de/wp-content/uploads/2025/06/2-graphic-icon.svg" alt="2-graphic-icon" class="h-full w-auto object-contain"> 1050 </div> 1051 1052 <div class="w-full flex flex-col gap-[7px] items-center *:text-center"> 1053 <h3 class="h3">Beratung</h3> 1054 <p>Sobald deine Bewerbung bei uns eingegangen ist, melden wir uns bei dir. Du bekommst alle wichtigen Infos und wir schauen gemeinsam, was gut für dich passt.</p> 1055 1056 </div> 1057 </div> 1058 <div class="flex flex-col gap-[30px] items-center h-full"> 1059 <div class="max-h-[180px] h-[180px] overflow-hidden flex items-center justify-center"> 1060 <img src="https://www.junge-diakonie.de/wp-content/uploads/2025/06/3-graphic-icon.svg" alt="3-graphic-icon" class="h-full w-auto object-contain"> 1061 </div> 1062 1063 <div class="w-full flex flex-col gap-[7px] items-center *:text-center"> 1064 <h3 class="h3">Hospitation</h3> 1065 <p>Du kannst einen Tag in einer Einsatzstelle mitarbeiten, die für dich infrage kommt. So lernst du die Aufgaben, das Team und den Alltag vor Ort kennen.</p> 1066 1067 </div> 1068 </div> 1069 <div class="flex flex-col gap-[30px] items-center h-full"> 1070 <div class="max-h-[180px] h-[180px] overflow-hidden flex items-center justify-center"> 1071 <img src="https://www.junge-diakonie.de/wp-content/uploads/2025/06/4-graphic-icon.svg" alt="4-graphic-icon" class="h-full w-auto object-contain"> 1072 </div> 1073 1074 <div class="w-full flex flex-col gap-[7px] items-center *:text-center"> 1075 <h3 class="h3">Fast geschafft</h3> 1076 <p>Es passt für dich? Nice! Dann regeln wir gemeinsam alles Weitere und dein Freiwilligendienst kann starten.</p> 1077 1078 </div> 1079 </div> 1080 </div> 1081 1082 1083 </div> 1084</section> 1085 <section class="w-full py-[50px] lg:py-[100px] bg-dkWhite" id="stellen"> 1086 <div class="dk-container max-w-[300px] md:max-w-[560px] lg:max-w-[730px] flex flex-col gap-[30px] *:text-center"> 1087 1088 1089 1090 <div class="flex flex-wrap justify-center gap-[10px]"> 1091 <a 1092 href="https://www.junge-diakonie.de/stellen/" 1093 class="js-scroll-to dk-optional-button hover:scale-100 cta-secondary flex items-center py-[15.5px] px-5 overflow-hidden rounded-full bg-dkPurple *:text-dkWhite group/hoverAnimation" 1094 >
1095 <span class="relative inline-block"> 1096 <span class="block transition-transform duration-500 group-hover/hoverAnimation:-translate-y-[300%]">Finde deine Stelle</span> 1097 <span class="absolute left-0 top-[300%] w-full block transition-transform duration-500 group-hover/hoverAnimation:translate-y-[-300%]">Finde deine Stelle</span> 1098 </span> 1099 </a> 1100 <a 1101 href="https://www.junge-diakonie.de/bewerbung-fragen/" 1102 class="js-scroll-to dk-optional-button hover:scale-100 cta-secondary flex items-center py-[15.5px] px-5 overflow-hidden rounded-full bg-dkPurple *:text-dkWhite group/hoverAnimation" 1103 > 1104 <span class="relative inline-block"> 1105 <span class="block transition-transform duration-500 group-hover/hoverAnimation:-translate-y-[300%]">oder bewirb dich direkt!</span> 1106 <span class="absolute left-0 top-[300%] w-full block transition-transform duration-500 group-hover/hoverAnimation:translate-y-[-300%]">oder bewirb dich direkt!</span> 1107 </span> 1108 </a> 1109 </div> 1110 </div> 1111 1112</section> 1113 <section class="w-full py-[50px] lg:py-[100px] bg-dkPurpleLight" id=""> 1114 <div class="image-text-slider-section relative flex flex-col gap-[30px] lg:gap-[35px]"> 1115 <h2 class="h2 w-[92%] max-w-[70%] mx-auto text-dkPurple text-center">Freiwilligendienst hat viele Gesichter. Und jedes erzählt eine Geschichte.</h2> 1116 <div class="swiper imageTextSlider !w-full !px-[15px] lg:!px-[45px]"> 1117 <div class="swiper-wrapper cursor-grab "> 1118 <div class="swiper-slide !h-auto !flex flex-col gap-[30px] items-center"> 1119 <div class="relative w-full aspect-square overflow-hidden rounded-[30px]"> 1120 <img src="https://www.junge-diakonie.de/wp-content/uploads/jd_erfahrungsbericht_charlotte.jpg" alt="Junge Frau steht am Meer, sie hat eine Kamera um den Hals hängen." class="w-full h-full object-cover"> 1121 <a href="https://www.junge-diakonie.de/blog/bfd-charlotte/" class="absolute bottom-[10px] right-[10px] dk-optional-button cta-main w-[45px] h-[45px] overflow-hidden flex items-center justify-center p-[14px]"> 1122 <img src="https://www.junge-diakonie.de/wp-content/themes/diak/assets/ui_elements/arrow-link-icon.svg" alt="Link Icon" class="w-full h-full object-cover"> 1123 </a> 1124 </div> 1125 <div class="flex flex-col gap-5 px-5 lg:px-[45px] items-center text-center [&_p]:text-body"> 1126 <h3 class="h3 text-dkPurple">Charlotte | BFD im Kinderhospiz</h3> 1127 </div> 1128 </div> 1129 <div class="swiper-slide !h-auto !flex flex-col gap-[30px] items-center"> 1130 <div class="relative w-full aspect-square overflow-hidden rounded-[30px]"> 1131 <img src="https://www.junge-diakonie.de/wp-content/uploads/jd_erfahrungsbericht_iacov.jpg" alt="Iacov nutzt seinen Freiwilligendienst zur Berufsorientierung." class="w-full h-full object-cover"> 1132 <a href="https://www.junge-diakonie.de/blog/fsj-iacov/" class="absolute bottom-[10px] right-[10px] dk-optional-button cta-main w-[45px] h-[45px] overflow-hidden flex items-center justify-center p-[14px]"> 1133 <img src="https://www.junge-diakonie.de/wp-content/themes/diak/assets/ui_elements/arrow-link-icon.svg" alt="Link Icon" class="w-full h-full object-cover"> 1134 </a> 1135 </div> 1136 <div class="flex flex-col gap-5 px-5 lg:px-[45px] items-center text-center [&_p]:text-body"> 1137 <h3 class="h3 text-dkPurple">Iacov | FSJ im Bereich Kinder</h3> 1138 </div> 1139 </div> 1140 <div class="swiper-slide !h-auto !flex flex-col gap-[30px] items-center"> 1141 <div class="relative w-full aspect-square overflow-hidden rounded-[30px]"> 1142 <img src="https://www.junge-diakonie.de/wp-content/uploads/jd_erfahrungsbericht_johanna.jpg" alt="" class="w-full h-full object-cover"> 1143 <a href="https://www.junge-diakonie.de/blog/foej-johanna/" class="absolute bottom-[
114310px] right-[10px] dk-optional-button cta-main w-[45px] h-[45px] overflow-hidden flex items-center justify-center p-[14px]"> 1144 <img src="https://www.junge-diakonie.de/wp-content/themes/diak/assets/ui_elements/arrow-link-icon.svg" alt="Link Icon" class="w-full h-full object-cover"> 1145 </a> 1146 </div> 1147 <div class="flex flex-col gap-5 px-5 lg:px-[45px] items-center text-center [&_p]:text-body"> 1148 <h3 class="h3 text-dkPurple">Johanna | FÃJ im Forstbetrieb</h3> 1149 </div> 1150 </div> 1151 <div class="swiper-slide !h-auto !flex flex-col gap-[30px] items-center"> 1152 <div class="relative w-full aspect-square overflow-hidden rounded-[30px]"> 1153 <img src="https://www.junge-diakonie.de/wp-content/uploads/jd_erfahrungsbericht_kimberley_v2.jpg" alt="" class="w-full h-full object-cover"> 1154 <a href="https://www.junge-diakonie.de/blog/fsj-kimberly/" class="absolute bottom-[10px] right-[10px] dk-optional-button cta-main w-[45px] h-[45px] overflow-hidden flex items-center justify-center p-[14px]"> 1155 <img src="https://www.junge-diakonie.de/wp-content/themes/diak/assets/ui_elements/arrow-link-icon.svg" alt="Link Icon" class="w-full h-full object-cover"> 1156 </a> 1157 </div> 1158 <div class="flex flex-col gap-5 px-5 lg:px-[45px] items-center text-center [&_p]:text-body"> 1159 <h3 class="h3 text-dkPurple">Kimberly | FSJ im Kindergarten</h3> 1160 </div> 1161 </div> 1162 <div class="swiper-slide !h-auto !flex flex-col gap-[30px] items-center"> 1163 <div class="relative w-full aspect-square overflow-hidden rounded-[30px]"> 1164 <img src="https://www.junge-diakonie.de/wp-content/uploads/jd_erfahrungsbericht_adama.jpg" alt="Adama hat einen Freiwilligendienst gemacht." class="w-full h-full object-cover"> 1165 <a href="https://www.junge-diakonie.de/blog/incoming-adama/" class="absolute bottom-[10px] right-[10px] dk-optional-button cta-main w-[45px] h-[45px] overflow-hidden flex items-center justify-center p-[14px]"> 1166 <img src="https://www.junge-diakonie.de/wp-content/themes/diak/assets/ui_elements/arrow-link-icon.svg" alt="Link Icon" class="w-full h-full object-cover"> 1167 </a> 1168 </div> 1169 <div class="flex flex-col gap-5 px-5 lg:px-[45px] items-center text-center [&_p]:text-body"> 1170 <h3 class="h3 text-dkPurple">Adama | FSJ im Jugendhaus</h3> 1171 </div> 1172 </div> 1173 </div> 1174 </div> 1175 <div class="dk-container flex gap-[20px] lg:gap-[10px] justify-center lg:justify-end items-center lg:mt-0 lg:absolute lg:top-0 lg:left-1/2 lg:-translate-x-1/2 "> 1176 <button aria-label="Vor" class="image-text-slider-button-prev flex items-center justify-center w-[45px] h-[45px] rounded-full overflow-hidden transform transition-all hover:scale-110 bg-dkPurple"> 1177 <img src="https://www.junge-diakonie.de/wp-content/themes/diak/assets/ui_elements/arrow-left-white-icon.svg" alt="Previous item" class="w-[17px] h-[17px] ml-[5px] object-contain"> 1178 </button> 1179 <button aria-label="Zurück" class="image-text-slider-button-next flex items-center justify-center w-[45px] h-[45px] rounded-full overflow-hidden transform transition-all hover:scale-110 bg-dkPurple"> 1180 <img src="https://www.junge-diakonie.de/wp-content/themes/diak/assets/ui_elements/arrow-right-white-icon.svg" alt="Next item" class="w-[17px] h-[17px] mr-[5px] object-contain"> 1181 </button> 1182 </div> 1183 </div> 1184</section> <section class="w-full py-[50px] bg-dkWhite" id=""> 1185 <div class="dk-container flex flex-col lg:flex-row gap-[15px] lg:gap-[25px]"> 1186 <div class="relative lg:flex-1 min-h-[550px] lg:aspect-square overflow-hidden rounded-[30px]"> 1187 <div class="w-full h-full overflow-hidden"> 1188 <img src="https://www.junge-diakonie.de/wp-content/uploads/jd_veranstaltungen.jpg" alt="Junge Frau erzählt von ihrem Freiwilligendienst." class="w-full h-full object-cover"> 1189 </div> 1190 <div class="absolute bottom-0 left-0 w-full bg-dkPurple"> 1191 <div class="w-[95%] lg:w-[90%] max-w-[500px] mx-auto my-5 lg:my-[30px] flex flex-col justify-end items-center gap-[14px] lg:gap-[30px]"> 1192 <h3 class="h3 text-center text-dkWhite p-2">Hier sind wir auf Messen und Veranstaltungen.</h3> 1193 <a href="https://www.junge-diakonie.de/jobmessen-und-veranstaltungen/" class="dk-optional-button cta-main w-fit" > 1194 Triff uns! 1195 </a> 1196 </div> 1197 </div> 1198 </div> 1199 <div class="relative lg:flex-1 min-h-[550px] lg:aspect-square overflow-hidden rounded-[30px]"> 1200 <div class="w-full h-full overflow-hidden"> 1201 <img src="https://www.junge-diakonie.de/wp-content/uploads/jd_kontakt.jpg" alt="Junge Frau am Telefon." class="w-full h-full object-cover"> 1202 </div> 1203 <div class="absolute bottom-0 left-0 w-full bg-dkPurple"> 1204 <div class="w-[95%] lg:w-[90%] max-w-[500px] mx-auto my-5 lg:my-[30px] flex flex-col justify-end items-center gap-[14px] lg:gap-[30px]"> 1205 <h3 class="h3 text-center text-dkWhite p-2">Du hast Fragen? Wir helfen dir gerne weiter.</h3> 1206 <a href="https://www.junge-diakonie.de/kontakt/" class="dk-optional-button cta-main w-fit" > 1207 Melde dich! 1208 </a> 1209 </div> 1210 </div> 1211 </div> 1212 <div class="relative lg:flex-1 min-h-[550px] lg:aspect-square overflow-hidden rounded-[30px]"> 1213 <div class="w-full h-full overflow-hidden"> 1214 <img src="https://www.junge-diakonie.de/wp-content/uploads/jd_berufseinstieg_neu.jpg" alt="" class="w-full h-full object-cover"> 1215 </div> 1216 <div class="absolute bottom-0 left-0 w-full bg-dkPurple"> 1217 <div class="w-[95%] lg:w-[90%] max-w-[500px] mx-auto my-5 lg:my-[30px] flex flex-col justify-end items-center gap-[14px] lg:gap-[30px]"> 1218 <h3 class="h3 text-center text-dkWhite p-2">Du interessierst Dich für eine Ausbildung oder ein Studium?</h3> 1219 <a href="https://www.junge-diakonie.de/berufseinstieg/" class="dk-optional-button cta-main w-fit" > 1220 Hier geht's lang 1221 </a> 1222 </div> 1223 </div> 1224 </div> 1225 </div> 1226</section> 1227 <section class="logo-slider-section relative flex flex-col gap-[30px] lg:gap-[50px] w-full bg-dkPurple py-[50px]" id=""> 1228 <h2 class="h2 w-[92%] max-w-[70%] mx-auto text-dkWhite text-center"> 1229 Gefördert durch: 1230 </h2> 1231 1232 1233 <div class='md:hidden'> 1234 <div class="swiper logoSlider"> 1235 <div class="swiper-wrapper !ease-linear !flex cursor-grab"> 1236 <div class="swiper-slide !w-[40%] md:!w-[29%] lg:!w-[17%] ml-[15px] md:ml-[18px] lg:ml-[24px] rounded-[30px] overflow-hidden"> 1237 <img src="https://www.junge-diakonie.de/wp-content/uploads/BMBFSFJ_v2.jpg" alt="Logo des Bundesministerium für Bildung, Familie, Senioren, Frauen und Jugend" class="object-cover w-full h-full"> 1238 </div> 1239 <div class="swiper-slide !w-[40%] md:!w-[29%] lg:!w-[17%] ml-[15px] md:ml-[18px] lg:ml-[24px] rounded-[30px] overflow-hidden"> 1240 <img src="https://www.junge-diakonie.de/wp-content/uploads/BaWue-Soziales-2026.jpg" alt="" class="object-cover w-full h-full"> 1241 </div> 1242 <div class="swiper-slide !w-[40%] md:!w-[29%] lg:!w-[17%] ml-[15px] md:ml-[18px] lg:ml-[24px] rounded-[30px] overflow-hidden"> 1243 <img src="https://www.junge-diakonie.de/wp-content/uploads/BaWue-Umwelt.jpg" alt="Logo des Ministerium für Umwelt, Klima und Energiewirtschaft des Landes Baden-Württemberg" class="object-cover w-full h-full"> 1244 </div> 1245 <div class="swiper-slide !w-[40%] md:!w-[29%] lg:!w-[17%] ml-[15px] md:ml-[18px] lg:ml-[24px] rounded-[30px] overflow-hidden"> 1246 <img src="https://www.junge-diakonie.de/wp-content/uploads/BaWue-Kultus.jpg" alt="Logo des Ministerium für Kultus, Jugend und Sport des Landes Baden-Württemberg" class="object-cover w-full h-full"> 1247 </div> 1248 <div class="swiper-slide !w-[40%] md:!w-[29%] lg:!w-[17%] ml-[15px] md:ml-[18px] lg:ml-[24px] rounded-[30px] overflow-hidden"> 1249 <img src="https://www.junge-diakonie.de/wp-content/uploads/EV-FWD.jpg" alt="Logo der evangelischen Freiwilligendienste" class="object-cover w-full h-full"> 1250 </div> 1251 </div> 1252 </div> 1253 <div class="dk-container flex gap-[10px] justify-center lg:justify-end items-center mt-[50px] lg:mt-0 lg:absolute lg:top-[50px] lg:left-1/2 lg:-translate-x-1/2 "> 1254 <button aria-label="Vor" class="logo-slider-button-prev flex items-center justify-center w-[45px] h-[45px] rounded-full overflow-hidden transform transition-all hover:scale-110 bg-dkPurpleLight"> 1255 <img src="https://www.junge-diakonie.de/wp-content/themes/diak/assets/ui_elements/arrow-left-purple-icon.svg" alt="Previous item" class="w-[20px] h-[20px] ml-[5px] object-contain"> 1256 </button> 1257 <button aria-label="Zurück" class="logo-slider-button-next flex items-center justify-center w-[45px] h-[45px] rounded-full overflow-hidden transform transition-all hover:scale-110 bg-dkPurpleLight"> 1258 <img src="https://www.junge-diakonie.de/wp-content/themes/diak/assets/ui_elements/arrow-right-purple-icon.svg" alt="Next item" class="w-[20px] h-[20px] object-contain"> 1259 </button> 1260 </div>
1261 </div> 1262 1263 <div class="flex-wrap justify-center gap-[30px] px-4 max-w-[1466px] mx-auto hidden md:flex "> 1264 1265 <div class="!w-[40%] md:!w-[29%] lg:!w-[17%] aspect-square rounded-[30px] overflow-hidden"> 1266 <img src="https://www.junge-diakonie.de/wp-content/uploads/BMBFSFJ_v2.jpg" alt="Logo des Bundesministerium für Bildung, Familie, Senioren, Frauen und Jugend" class="object-cover w-full h-full"> 1267 </div> 1268 <div class="!w-[40%] md:!w-[29%] lg:!w-[17%] aspect-square rounded-[30px] overflow-hidden"> 1269 <img src="https://www.junge-diakonie.de/wp-content/uploads/BaWue-Soziales-2026.jpg" alt="" class="object-cover w-full h-full"> 1270 </div> 1271 <div class="!w-[40%] md:!w-[29%] lg:!w-[17%] aspect-square rounded-[30px] overflow-hidden"> 1272 <img src="https://www.junge-diakonie.de/wp-content/uploads/BaWue-Umwelt.jpg" alt="Logo des Ministerium für Umwelt, Klima und Energiewirtschaft des Landes Baden-Württemberg" class="object-cover w-full h-full"> 1273 </div> 1274 <div class="!w-[40%] md:!w-[29%] lg:!w-[17%] aspect-square rounded-[30px] overflow-hidden"> 1275 <img src="https://www.junge-diakonie.de/wp-content/uploads/BaWue-Kultus.jpg" alt="Logo des Ministerium für Kultus, Jugend und Sport des Landes Baden-Württemberg" class="object-cover w-full h-full"> 1276 </div> 1277 <div class="!w-[40%] md:!w-[29%] lg:!w-[17%] aspect-square rounded-[30px] overflow-hidden"> 1278 <img src="https://www.junge-diakonie.de/wp-content/uploads/EV-FWD.jpg" alt="Logo der evangelischen Freiwilligendienste" class="object-cover w-full h-full"> 1279 </div> 1280 </div> 1281 1282 1283 1284</section> 1285 1286 </div> 1287 1288 </section> 1289 1290 <footer id="footer" class="w-full bg-dkPurpleLight pt-[70px] pb-[120px] xl:pb-[70px]"> 1291 <div class="dk-container flex flex-col gap-[50px]"> 1292 <div class="w-[170px] h-[58px] overflow-hidden"> 1293 <img src="/wp-content/themes/diak/assets/ui_elements/logo-diakonie-baden-wuerttemberg.svg" alt="Diakonie Logo" class="w-full h-full object-contain"> 1294 </div> 1295 1296 <div class="w-full flex flex-col lg:flex-row gap-[50px] lg:gap-[80px] xl:gap-[130px]"> 1297 <div class="w-[300px] flex flex-col gap-[15px] [&_p]:text-body"> 1298 <span class="h3 font-bold">Diakonisches Werk Württemberg</span> 1299 <p>Freiwilliges Engagement<br /> 13000711 1656-600<br /> 1301<a href="mailto:[email protected]">[email protected]</a></p> 1302<p>Bürozeiten bis 30. September:<br /> 1303Mo-Fr von 9-12 Uhr<br /> 1304Di und Do von 13-15 Uhr</p> 1305 1306 <div class="w-full flex items-center gap-[10px] mt-[5px] md:mt-[26px]"> 1307 <a href="https://www.instagram.com/jungediakoniewue/" target="_blank" class="w-[45px] h-[45px] bg-dkPurple rounded-full flex justify-center items-center p-[13px] transition-transform duration-300 hover:scale-110"> 1308 <img src="/wp-content/themes/diak/assets/ui_elements/instgram-white-icon.svg" alt="Instagram Icon" class="w-full h-full object-contain"> 1309 </a> 1310 <a href="https://www.facebook.com/jungediakoniewue" target="_blank" class="w-[45px] h-[45px] bg-dkPurple rounded-full flex justify-center items-center p-[13.5px] transition-transform duration-300 hover:scale-110"> 1311 <img src="/wp-content/themes/diak/assets/ui_elements/facebook-white-icon.svg" alt="Facebook Icon" class="w-full h-full object-contain"> 1312 </a> 1313 <a href="https://www.youtube.com/@jungediakoniewue" target="_blank" class="w-[45px] h-[45px] bg-dkPurple rounded-full flex justify-center items-center px-[12.5px] py-[15px] transition-transform duration-300 hover:scale-110"> 1314 <img src="/wp-content/themes/diak/assets/ui_elements/youtube-white-icon.svg" alt="Youtube Icon" class="w-full h-full object-contain"> 1315 </a> 1316 </div> 1317 </div> 1318 1319 <nav class="flex flex-col gap-[15px]" role="navigation" aria-label="Footer 1"> 1320 <span class="h3 font-bold">Interner Bereich</span> 1321 <ul class="flex flex-col gap-[10px]"> 1322 <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-2881"> 1323 <a class="text-body" href="https://www.junge-diakonie.de/info-freiwillige/" >Infos für aktuelle Freiwillige</a> 1324 </li> 1325 <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-2883"> 1326 <a class="text-body" href="https://www.junge-diakonie.de/beauftragte/" >
1326Infos für Beauftragte</a> 1327 </li> 1328 <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-2882"> 1329 <a class="text-body" href="https://www.junge-diakonie.de/anleitung/" >Infos für Anleitende</a> 1330 </li> 1331 <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-7315"> 1332 <a class="text-body" href="https://www.junge-diakonie.de/mitgliederservice/" >Mitgliederservice Ãffentlichkeitsarbeit</a> 1333 </li> 1334 </ul> 1335 </nav> 1336 1337 <nav class="flex flex-col gap-[15px]" role="navigation" aria-label="Footer 2"> 1338 <span class="h3 font-bold">Infos für Schulen</span> 1339 <ul class="flex flex-col gap-[10px]"> 1340 <li class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-7316"> 1341 <a class="text-body" href="https://www.junge-diakonie.de/roadshow/" >Roadshow für Schulklassen</a> 1342 </li> 1343 </ul> 1344 </nav> 1345 1346 </div> 1347 1348 <nav class="w-full border-t border-dkPurple/20 pt-[50px]" role="navigation" aria-label="Footer 3"> 1349 <ul class="w-full flex flex-col md:flex-row justify-start md:justify-center gap-[15px] md:gap-10"> 1350 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-362"> 1351 <a class="text-body" href="https://www.junge-diakonie.de/kontakt/" >Kontakt</a> 1352 </li> 1353 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-361"> 1354 <a class="text-body" href="https://www.junge-diakonie.de/impressum/" >Impressum</a> 1355 </li> 1356 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-360"> 1357 <a class="text-body" href="https://www.junge-diakonie.de/datenschutz/" >Datenschutz</a> 1358 </li> 1359 <li class="borlabs-cookie-open-dialog-preferences menu-item menu-item-type-custom menu-item-object-custom menu-item-7552"> 1360 <a class="text-body" href="#" >Cookies</a> 1361 </li> 1362 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-359"> 1363 <a class="text-body" href="https://www.junge-diakonie.de/erklaerung-zur-barrierefreiheit/" >Erklärung zur Barrierefreiheit</a> 1364 </li> 1365 </ul> 1366 </nav> 1367 1368 <nav id="flyMenu" class="fixed bottom-[29px] md:bottom-[39px] left-1/2 transform -translate-x-1/2 z-50 bg-dkWhite rounded-[30px] shadow-[0_0_5px_#0000001A] transition-opacity duration-300" aria-label="Kontakt"> 1369 <ul class="grid grid-flow-col gap-7 pt-2 pb-[10px] px-6 items-end"> 1370 1371 <li class="flex flex-col items-center menu-item menu-item-type-custom menu-item-object-custom menu-item-214"> 1372 <a class="flex flex-col justify-end items-center h-max gap-1 small_ux_text text-dkPurple font-bold" href="#" id="userlike-chat-start"> 1373 <div class="flex justify-center items-center max-h-[22px] w-auto overflow-hidden "> 1374 <img src="/wp-content/themes/diak/assets/ui_elements/whatsapp-icon.svg" alt="WhatsApp Icon" class="inline-block w-auto h-full object-contain" style="max-width: 23px;" /> 1375 </div> 1376 Chat 1377 </a> 1378 </li> 1379 1380 <li class="flex flex-col items-center menu-item menu-item-type-custom menu-item-object-custom menu-item-213"> 1381 <a class="flex flex-col justify-end items-center h-max gap-1 small_ux_text text-dkPurple font-bold" href="https://www.junge-diakonie.de/kontakt/" > 1382 <div class="flex justify-center items-center max-h-[22px] w-auto overflow-hidden pb-[4px]"> 1383 <img src="/wp-content/themes/diak/assets/ui_elements/mail-icon.svg" alt="Mail Icon" class="inline-block w-auto h-full object-contain" style="max-width: 23px;" /> 1384 </div> 1385 Kontakt 1386 </a> 1387 </li> 1388 1389 <li class="flex flex-col items-center menu-item menu-item-type-post_type menu-item-object-page menu-item-378"> 1390 <a class="flex flex-col justify-end items-center h-max gap-1 small_ux_text text-dkPurple font-bold" href="https://www.junge-diakonie.de/stellen/" > 1391 <div class="flex justify-center items-center max-h-[22px] w-auto overflow-hidden "> 1392 <img src="/wp-content/themes/diak/assets/ui_elements/jobs-icon.svg" alt="Jobs Icon" class="inline-block w-auto h-full object-contain" style="max-width: 23px;" /> 1393 </div> 1394 Stellen 1395 </a> 1396 </li> 1397 1398 <li class="flex flex-col items-center menu-item menu-item-type-post_type menu-item-object-page menu-item-8269"> 1399 <a class="flex flex-col justify-end items-center h-max gap-1 small_ux_text text-dkPurple font-bold" href="https://www.junge-diakonie.de/bewerben/" > 1400 <div class="flex justify-center items-center max-h-[22px] w-auto overflow-hidden "> 1401 <img src="/wp-content/themes/diak/assets/ui_elements/paper_airplane.svg" alt="Kontakt Icon" class="inline-block w-auto h-full object-contain" style="max-width: 23px;" /> 1402 </div> 1403 Bewerben 1404 </a> 1405 </li> 1406 </ul> 1407 </nav> 1408 1409
1410<script> 1411 document.addEventListener('DOMContentLoaded', function () { 1412 let lastScrollTop = 0; 1413 const menu = document.getElementById('flyMenu'); 1414 1415 window.addEventListener('scroll', function () { 1416 const currentScroll = window.pageYOffset || document.documentElement.scrollTop; 1417 1418 if (currentScroll > lastScrollTop) { 1419 // Scrolling down 1420 menu.classList.add('opacity-0', 'pointer-events-none'); 1421 menu.classList.remove('opacity-100'); 1422 } else { 1423 // Scrolling up 1424 menu.classList.remove('opacity-0', 'pointer-events-none'); 1425 menu.classList.add('opacity-100'); 1426 } 1427 1428 lastScrollTop = currentScroll <= 0 ? 0 : currentScroll; 1429 }, false); 1430 }); 1431</script>
1431 1432 1433</div> 1434 1435 </footer> 1436 1437 1438
1438<script type="speculationrules"> 1439{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/diak/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 1440</script>
vendor: 1 bytes, line 1440
1440
1441<script> 1442/* components_11_js_footer */ 1443 1444</script>
1444<script data-cfasync="false" data-no-minify="1" data-no-optimize="1" id="borlabs-cookie-core-js-module" src="https://www.junge-diakonie.de/wp-content/plugins/borlabs-cookie/assets/javascript/borlabs-cookie.min.js?ver=3.4.5" type="module"></script>
1444 1445<!--googleoff: all--><div data-nosnippet data-borlabs-cookie-consent-required='true' id='BorlabsCookieBox'></div><div id='BorlabsCookieWidget' class='brlbs-cmpnt-container'></div><!--googleon: all--> <span class="pp-hide-empty-menu-config" data-hide-parent-div="0" hidden></span> 1446
1446<script id="wp-hooks-js" src="https://www.junge-diakonie.de/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 1446
1446
1447<script id="wp-i18n-js" src="https://www.junge-diakonie.de/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 1447
1447
1448<script id="wp-i18n-js-after"> 1449wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); 1450//# sourceURL=wp-i18n-js-after 1451</script>
vendor: 1 bytes, line 1451
1451
1452<script id="swv-js" src="https://www.junge-diakonie.de/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.2.1"></script>
vendor: 1 bytes, line 1452
1452
1453<script id="contact-form-7-js-translations"> 1454( function( domain, translations ) { 1455 var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; 1456 localeData[""].domain = domain; 1457 wp.i18n.setLocaleData( localeData, domain ); 1458} )( "contact-form-7", {"translation-revision-date":"2026-09-12 02:13:12+0000","generator":"GlotPress\/4.1.0","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"de"},"This contact form is placed in the wrong place.":["Dieses Kontaktformular wurde an der falschen Stelle platziert."],"Error:":["Fehler:"]}},"comment":{"reference":"includes\/js\/index.js"}} ); 1459//# sourceURL=contact-form-7-js-translations 1460</script>
vendor: 1 bytes, line 1460
1460
1461<script id="contact-form-7-js-before"> 1462var wpcf7 = { 1463 "api": { 1464 "root": "https:\/\/www.junge-diakonie.de\/wp-json\/", 1465 "namespace": "contact-form-7\/v1" 1466 } 1467}; 1468//# sourceURL=contact-form-7-js-before 1469</script>
vendor: 1 bytes, line 1469
1469
1470<script id="contact-form-7-js" src="https://www.junge-diakonie.de/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.2.1"></script>
vendor: 1 bytes, line 1470
1470
1471<script id="watchlist-js-js-extra"> 1472var watchlistData = {"ajax_url":"https://www.junge-diakonie.de/wp-admin/admin-ajax.php"}; 1473//# sourceURL=watchlist-js-js-extra 1474</script>
vendor: 1 bytes, line 1474
1474
1475<script id="watchlist-js-js" src="https://www.junge-diakonie.de/wp-content/plugins/job-api/watchlist.js"></script>
vendor: 1 bytes, line 1475
1475
1476<script id="google-maps-js" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBDFJ9yPVAejVUq5ch-Q5D7sYoYF9F3xMw&libraries=places&loading=async"></script>
vendor: 1 bytes, line 1476
1476
1477<script id="markerclusterer-js" src="https://www.junge-diakonie.de/wp-content/plugins/job-api/markerclusterer.js"></script>
vendor: 1 bytes, line 1477
1477
1478<script id="oms-js" src="https://www.junge-diakonie.de/wp-content/plugins/job-api/oms.min.js"></script>
vendor: 1 bytes, line 1478
1478
1479<script id="jobs-map-js" src="https://www.junge-diakonie.de/wp-content/plugins/job-api/jobs-map.js"></script>
vendor: 1 bytes, line 1479
1479
1480<script id="thementageliste-merkliste-js-extra"> 1481var ThementagAjax = {"ajaxurl":"https://www.junge-diakonie.de/wp-admin/admin-ajax.php"}; 1482//# sourceURL=thementageliste-merkliste-js-extra 1483</script>
vendor: 1 bytes, line 1483
1483
1484<script id="thementageliste-merkliste-js" src="https://www.junge-diakonie.de/wp-content/plugins/thementage/thementage.js?ver=1.0"></script>
vendor: 1 bytes, line 1484
1484
1485<script id="diakonie-site-js-js" src="https://www.junge-diakonie.de/wp-content/themes/diak/static/dist/bundle.js?ver=1784645212"></script>
vendor: 1 bytes, line 1485
1485
1486<script id="presspermit-front-js" src="https://www.junge-diakonie.de/wp-content/plugins/press-permit-core/common/js/frontend.js?ver=4.9.0"></script>
vendor: 1 bytes, line 1486
1486
1487<script id="wp-emoji-settings" type="application/json"> 1488{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.junge-diakonie.de/wp-includes/js/wp-emoji-release.min.js?ver=7.1.3"}} 1489</script>
vendor: 1 bytes, line 1489
1489
1490<script type="module"> 1491/*! This file is auto-generated */ 1492var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 1493//# sourceURL=https://www.junge-diakonie.de/wp-includes/js/wp-emoji-loader.min.js 1494</script>
1494 1495 1496 </body> 1497</html> 1498
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.