PageSourceSearch

https://www.junge-diakonie.de/freiwilligendienste/

html junge-diakonie.de collected 2026-10-09 23:01:23 UTC 143,669 bytes, 1,498 lines download raw bytes

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 &amp; beruflich wachsen</title>
30	<meta name="description" content="Freiwilligendienst - Sozial engagieren ✓ Wertvolle Erfahrungen sammeln ✓ Persönlich &amp; 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 &amp; beruflich wachsen" />
35	<meta property="og:description" content="Freiwilligendienst - Sozial engagieren ✓ Wertvolle Erfahrungen sammeln ✓ Persönlich &amp; 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 &raquo; 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&#038;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&#038;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 &amp; 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 &amp; 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&#8217;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&#038;libraries=places&#038;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.