PageSourceSearch

https://bruecke-ev.de/ueber-uns

html bruecke-ev.de collected 2026-10-07 00:51:04 UTC 245,951 bytes, 4,122 lines download raw bytes

1<!-- /layout.antlers.html -->
2<!doctype html>
3<html lang="de" class="antialiased scroll-smooth scroll-pt-4">
4    <head>
5        <meta charset="utf-8">
6        <meta http-equiv="X-UA-Compatible" content="IE=edge">
7        <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
8
9        <link rel="preload" as="style" href="https://bruecke-ev.de/build/assets/site-CUzS2uCj.css" /><link rel="preload" as="style" href="https://bruecke-ev.de/build/assets/tailwind-BDCTTIdc.css" /><link rel="modulepreload" as="script" href="https://bruecke-ev.de/build/assets/site-BXq6aS3J.js" /><link rel="modulepreload" as="script" href="https://bruecke-ev.de/build/assets/@alpinejs-DmShCbka.js" /><link rel="modulepreload" as="script" href="https://bruecke-ev.de/build/assets/laravel-precognition-alpine-d5TClPZO.js" /><link rel="modulepreload" as="script" href="https://bruecke-ev.de/build/assets/masonry-layout-C8CDOAJ_.js" /><link rel="modulepreload" as="script" href="https://bruecke-ev.de/build/assets/vanilla-cookieconsent-CIJRXvZX.js" /><link rel="modulepreload" as="script" href="https://bruecke-ev.de/build/assets/swup-Dy_53zs4.js" /><link rel="modulepreload" as="script" href="https://bruecke-ev.de/build/assets/@swup-DDGkrsH9.js" /><link rel="modulepreload" as="script" href="https://bruecke-ev.de/build/assets/laravel-precognition-lba31Fzn.js" /><link rel="modulepreload" as="script" href="https://bruecke-ev.de/build/assets/axios-BNm3Rcc9.js" /><link rel="modulepreload" as="script" href="https://bruecke-ev.de/build/assets/lodash-es-DNNVAn2D.js" /><link rel="modulepreload" as="script" href="https://bruecke-ev.de/build/assets/desandro-matches-selector-BXgmZeGa.js" /><link rel="modulepreload" as="script" href="https://bruecke-ev.de/build/assets/outlayer-B--3PS0g.js" /><link rel="modulepreload" as="script" href="https://bruecke-ev.de/build/assets/ev-emitter-CfqgOErV.js" /><link rel="modulepreload" as="script" href="https://bruecke-ev.de/build/assets/get-size-BhibFcxs.js" /><link rel="modulepreload" as="script" href="https://bruecke-ev.de/build/assets/fizzy-ui-utils-D-CrUpIj.js" /><link rel="modulepreload" as="script" href="https://bruecke-ev.de/build/assets/delegate-it-CYTemYP7.js" /><link rel="modulepreload" as="script" href="https://bruecke-ev.de/build/assets/focus-options-polyfill-DP9u7FBQ.js" /><link rel="stylesheet" href="https://bruecke-ev.de/build/assets/site-CUzS2uCj.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://bruecke-ev.de/build/assets/tailwind-BDCTTIdc.css" data-navigate-track="reload" />
9<script type="module" src="https://bruecke-ev.de/build/assets/site-BXq6aS3J.js" data-navigate-track="reload"></script>
9
10        <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak="x-cloak"],[x-cloak=""] {display: none !important;}[wire\:cloak="wire:cloak"],[wire\:cloak=""] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
11        
12
13
14
15    
16
17<title>Über Uns - Die Brücke eV</title>
18<link rel="canonical" href="https://bruecke-ev.de/ueber-uns">
19
20
21<meta name="description" content="Gegründet am 30. Mai 1983 hat sich Die Brücke e. V. zu einem vielseitigen Träger der sozialen Arbeit entwickelt.">
22<meta property="og:title" content="Über Uns - Die Brücke eV">
23<meta property="og:description" content="Gegründet am 30. Mai 1983 hat sich Die Brücke e. V. zu einem vielseitigen Träger der sozialen Arbeit entwickelt.">
24<meta property="og:image" content="https://bruecke-ev.de/images/junges-wohnen/bruecke-730914.jpg">
25<meta property="og:url" content="https://bruecke-ev.de/ueber-uns">
26<meta property="og:type" content="website">
27<meta property="og:site_name" content="Die Brücke eV">
28<meta name="twitter:title" content="Über Uns - Die Brücke eV">
29<meta name="twitter:description" content="Gegründet am 30. Mai 1983 hat sich Die Brücke e. V. zu einem vielseitigen Träger der sozialen Arbeit entwickelt.">
30
31<meta name="twitter:image" content="https://bruecke-ev.de/images/junges-wohnen/bruecke-730914.jpg">
32<meta name="twitter:card" content="summary_large_image">
33
34
35
36<script type="application/ld+json">
37    {
38        "@context": "https://schema.org",
39        "@type": "BreadcrumbList",
40        "itemListElement": [
41            {
42                "@type": "ListItem",
43                "position": 1,
44                "name": "Startseite",
45                "item": "https://bruecke-ev.de"
46            },{
47                "@type": "ListItem",
48                "position": 2,
49                "name": "Über Uns",
50                "item": "https://bruecke-ev.de/ueber-uns"
51            }
52        ]
53    }
54</script>
54
55
56
57<script type="application/ld+json">
58    {
59        "@context": "https://schema.org",
60        "@type": "WebSite",
61        "url": "https://bruecke-ev.de",
62        "name": "Die Brücke eV"
63    }
64</script>
64
65        
66
67
68
69
70
71
72
73        <link rel="icon" type="image/png" href="/favicons/favicon-96x96.png" sizes="96x96" />
74<link rel="icon" type="image/svg+xml" href="/favicons/favicon.svg" />
75<link rel="shortcut icon" href="/favicons/favicon.ico" />
76<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png" />
77<meta name="apple-mobile-web-app-title" content="Die Brücke eV" />
78<link rel="manifest" href="/favicons/site.webmanifest" />
79        
79<script type="application/ld+json">
80{
81  "@context": "https://schema.org",
82  "@type": "Organization",
83  "name": "",
84  "legalName": "",
85  "url": "",
86  "logo": "",
87  "foundingDate": "",
88  "email": "",
89  "address": {
90    "@type": "PostalAddress",
91    "streetAddress": "",
92    "postalCode": "",
93    "addressLocality": "",
94    "addressCountry": "DE"
95  },
96  "contactPoint": {
97    "@type": "ContactPoint",
98    "contactType": "customer service",
99    "email": "",
100    "telephone": ""
101  }
102}
103</script>
103
104
105        
106
107
108
109        <style type="text/css">
110
111  @font-face {
112    font-family: 'Basier Square';
113    src: url('/fonts/basiersquare-regular-webfont.eot');
114    src: url('/fonts/basiersquare-regular-webfont.eot?#iefix') format('embedded-opentype'),
115         url('/fonts/basiersquare-regular-webfont.woff2') format('woff2'),
116         url('/fonts/basiersquare-regular-webfont.woff') format('woff'),
117         url('/fonts/basiersquare-regular-webfont.ttf') format('truetype');
118    font-weight: 400;
119    font-style: normal;
120  }
121
122  @font-face {
123    font-family: 'Basier Square';
124    src: url('/fonts/basiersquare-regularitalic-webfont.eot');
125    src: url('/fonts/basiersquare-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
126         url('/fonts/basiersquare-regularitalic-webfont.woff2') format('woff2'),
127         url('/fonts/basiersquare-regularitalic-webfont.woff') format('woff'),
128         url('/fonts/basiersquare-regularitalic-webfont.ttf') format('truetype');
129    font-weight: 400;
130    font-style: italic;
131  }
132
133  @font-face {
134    font-family: 'Basier Square';
135    src: url('/fonts/basiersquare-semibold-webfont.eot');
136    src: url('/fonts/basiersquare-semibold-webfont.eot?#iefix') format('embedded-opentype'),
137         url('/fonts/basiersquare-semibold-webfont.woff2') format('woff2'),
138         url('/fonts/basiersquare-semibold-webfont.woff') format('woff'),
139         url('/fonts/basiersquare-semibold-webfont.ttf') format('truetype');
140    font-weight: 600;
141    font-style: normal;
142  }
143
144  @font-face {
145    font-family: 'Basier Square';
146    src: url('/fonts/basiersquare-bold-webfont.eot');
147    src: url('/fonts/basiersquare-bold-webfont.eot?#iefix') format('embedded-opentype'),
148         url('/fonts/basiersquare-bold-webfont.woff2') format('woff2'),
149         url('/fonts/basiersquare-bold-webfont.woff') format('woff'),
150         url('/fonts/basiersquare-bold-webfont.ttf') format('truetype');
151    font-weight: 700;
152    font-style: normal;
153  }
154
155  @font-face {
156    font-family: 'Basier Square Narrow';
157    src: url('/fonts/basiersquarenarrow-bold-webfont.eot');
158    src: url('/fonts/basiersquarenarrow-bold-webfont.eot?#iefix') format('embedded-opentype'),
159         url('/fonts/basiersquarenarrow-bold-webfont.woff2') format('woff2'),
160         url('/fonts/basiersquarenarrow-bold-webfont.woff') format('woff'),
161         url('/fonts/basiersquarenarrow-bold-webfont.ttf') format('truetype');
162    font-weight: normal;
163    font-style: normal;
164  }
165
166</style>
167        <style>
168
169  :root {
170    --color-main: var(--color-neutral-100);
171    --color-lighter: var(--color-neutral-200);
172    --color-darker: var(--color-black);
173  }
174
175
176
177
178  
179  .color-holzbruecke {
180    --color-main: #3D2D1F;
181    --color-lighter: #6B5446;
182    --color-darker: #1A1310;
183  }
184  
185  .color-brueckehof {
186    --color-main: #981A45;
187    --color-lighter: #B04168;
188    --color-darker: #63112E;
189  }
190  
191  .color-meine-chance {
192    --color-main: #BF5900;
193    --color-lighter: #E3822D;
194    --color-darker: #914400;
195  }
196  
197  .color-junges-wohnen {
198    --color-main: #582B66;
199    --color-lighter: #7B5487;
200    --color-darker: #2E1736;
201  }
202  
203  .color-vermittlungsstelle {
204    --color-main: #0C9297;
205    --color-lighter: #61B4B8;
206    --color-darker: #086366;
207  }
208  
209  .color-ueber-uns {
210    --color-main: #366CCF;
211    --color-lighter: #5E8ADB;
212    --color-darker: #24488A;
213  }
214  
215  .color-gewaltpraevention {
216    --color-main: #BF8C00;
217    --color-lighter: #E0B438;
218    --color-darker: #876300;
219  }
220  
221  .color-zentrale-beratungsstelle-fuer-haftentlassene {
222    --color-main: #3E814A;
223    --color-lighter: #6AA875;
224    --color-darker: #2A5732;
225  }
226  
227  .color-schreinerei {
228    --color-main: #015F6A;
229    --color-lighter: #3C8891;
230    --color-darker: #013E45;
231  }
232  
233  .color-unterstuetzen {
234    --color-main: #B30710;
235    --color-lighter: #CC454C;
236    --color-darker: #82050C;
237  }
238  
239  .color-gebrauchtmoebelladen {
240    --color-main: #3D2D1F;
241    --color-lighter: #6B5446;
242    --color-darker: #1A1310;
243  }
244  
245
246  .js-text-animate, .js-fade-up {
247    opacity: 0;
248  }
249  .js-unsupported {
250    display: none;
251  }
252  .js-unsupported.is-shown {
253    display: block;
254  }
255
256  html.js-error .js-text-animate, 
257  html.js-error  .js-fade-up {
258    opacity: 100 !important;
259    visibility: visible !important;
260  }
261</style>
262        
262<script>
263    if (typeof window.queueMicrotask !== "function") {
264        window.queueMicrotask = function (callback) {
265            Promise.resolve()
266                .then(callback)
267                .catch(e => setTimeout(() => { throw e; }));
268        };
269    }
270
271    if (!Array.prototype.flatMap) {
272        Object.defineProperty(Array.prototype, 'flatMap', {
273            value: function (callback, thisArg) {
274                var self = thisArg || this;
275                if (self === null) {
276                    throw new TypeError('Array.prototype.flatMap ' +
277                        'called on null or undefined');
278                }
279                if (typeof callback !== 'function') {
280                    throw new TypeError(callback +
281                        ' is not a function');
282                }
283
284                var list = [];
285
286                // 1. Let O be ? ToObject(this value).
287                var o = Object(self);
288
289                // 2. Let len be ? ToLength(? Get(O, "length")).
290                var len = o.length >>> 0;
291
292                for (var k = 0; k < len; ++k) {
293                    if (k in o) {
294                        var part_list = callback.call(self, o[k], k, o);
295                        list = list.concat(part_list);
296                    }
297                }
298
299                return list;
300            }
301        });
302    }
303
304    window.appLoaded = false;
305
306    const appHeight = () => {
307        const doc = document.documentElement
308        doc.style.setProperty('--app-height', `${window.innerHeight}px`)
309    }
310    window.addEventListener('resize', appHeight)
311    appHeight()
312
313    setTimeout(function () {
314        if (!window.appLoaded) {
315            document.querySelector('html').classList.add('js-error')
316        }
317    }, 3000)
318
319</script>
319
320        
321    
321<script src="https://cdn-eu.usefathom.com/script.js" data-site="TYQENZET" data-spa="auto"
322        defer></script>
322
323
324
325        
326        
327    </head>
328
329    <body template="default" class="flex flex-col min-h-screen bg-neutral-500 selection:bg-primary selection:text-white"
330    x-data="{
331        showMenuOverlay: false,
332        showSearchOverlay: false,
333        openSearch: function() {
334            this.showSearchOverlay = !this.showSearchOverlay;
335            setTimeout(() => {
336                this.showSearchOverlay ? document.querySelector('.search-input').focus() : null;
337            }, 100);
338        }
339    }"
340    >
341        
342
343        
344
345
346<!-- components/_toolbar.antlers.html -->
347
348<!-- End: components/_toolbar.antlers.html -->
349
350        <div id="swup"  class="transition-main">
351            <style>
352                
353            </style>
354            <!-- /layout/_header.antlers.html -->
355<header x-cloak class="fixed top-0 w-full z-[100] ease-in-out transition-transform duration-300"
356  x-data="{ scrolled: false, subnavHeight: 0, mobileNavOpen: false, showSearchOverlay: false, openSearch() { this.showSearchOverlay = true; this.$nextTick(() => { this.$refs.searchInput && this.$refs.searchInput.focus() }) }, closeSearch() { this.showSearchOverlay = false } }" 
357  @open-search.window="openSearch()"
358  x-init="() => { 
359      const _this = this;
360      setTimeout(() => {
361          _this.subnavHeight = document.getElementById('subnav').offsetHeight 
362      }, 1000)
363      window.addEventListener('resize', () => {
364          _this.subnavHeight = document.getElementById('subnav').offsetHeight
365          _this.scrolled = false
366      })
367  }"
368  :style="scrolled && this.subnavHeight > 0 ? `transform: translateY(-${this.subnavHeight}px);` : ''"
369  @scroll.window="scrolled = window.scrollY > this.subnavHeight"
370
371  >
372      <div class="hidden py-2 fluid-grid bg-blue-dark lg:grid" id="subnav">
373          <div class="flex items-center justify-end gap-4 text-xs font-bold span-content">
374              
375                  
376                  <a href="/news" class="text-white hover:text-yellow" >Aktuelles</a>
377                  
378              
379                  
380                  <a href="https://www.instagram.com/bruecke.ev.aschaffenburg/" class="text-white hover:text-yellow"  target="_blank" rel="noopener" >Instagram</a>
381                  
382              
383                  
384                  <a href="/standorte" class="text-white hover:text-yellow" >Standorte</a>
385                  
386              
387                  
388                  <button class="inline-flex items-center gap-1 px-2 py-1 transition-all bg-white border-2 border-black rounded-md text-neutral-200 hover:bg-neutral-500" @click.prevent="openSearch()" @keydown.enter.prevent="openSearch()" @keydown.space.prevent="openSearch()">
389                      <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/></svg>
390                      <span>Suche</span>
391                  </button>
392                  
393              
394                  
395                  <a href="/unterstuetzen" class="inline-flex gap-1 px-2 py-1 text-white transition-all border-2 border-black rounded-full bg-red hover:bg-red-700">
396                      <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="currentColor" version="1.1" viewBox="0 0 120 120"><path d="M80.4932,17.5454c-8.083,0-15.6816,3.8521-20.4932,10.2251-4.8115-6.373-12.4097-10.2251-20.4927-10.2251-14.3955,0-25.6724,11.3032-25.6724,25.7329,0,17.0742,9.144,26.1973,17.209,34.2432l1.4663,1.4678c8.2471,8.3018,16.6499,15.9004,25.0127,22.6143.6943.5488,1.5703.8506,2.4668.8506.9229,0,1.8247-.3164,2.5386-.8906,8.3145-6.6758,16.7129-14.2705,24.957-22.5703l1.4678-1.4697c8.0684-8.0498,17.2119-17.1729,17.2119-34.2456,0-14.4292-11.2764-25.7324-25.6719-25.7324ZM83.3027,71.8613l-1.4893,1.4902c-7.21,7.2588-14.542,13.9658-21.8135,19.9561-7.269-5.9883-14.6016-12.6963-21.8179-19.96l-1.4849-1.4873c-7.6431-7.625-14.8623-14.8276-14.8623-28.5825,0-9.9434,7.7627-17.7324,17.6724-17.7324,7.5371,0,14.2529,4.7998,16.71,11.9419.5547,1.6152,2.0747,2.7002,3.7827,2.7002s3.2285-1.085,3.7832-2.6987c2.457-7.1436,9.1729-11.9434,16.71-11.9434,9.9092,0,17.6719,7.7891,17.6719,17.7329,0,13.7549-7.2197,20.958-14.8623,28.583Z"/></svg>
397                      <span>Unterstützen</span>
398                  </a>
399                  
400              
401          </div>
402      </div>
403  <div x-cloak class="py-2 fluid-grid bg-neutral-500/80 backdrop-blur-lg lg:py-0">
404      <div class="flex items-center justify-between span-content">
405          <!-- /components/_logo.antlers.html -->
406<a
407    aria-label="Logo Die Brücke eV"
408    href="/"
409    class="transition-all duration-300"
410    :class="scrolled ? 'w-10 md:w-16' : 'w-16 md:w-24'"
411>
412	<svg class="w-full" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 470 569"><g fill="none" fill-rule="evenodd" transform="translate(-495 -118)"><g fill-rule="nonzero"><path fill="#366CCF" d="M547.272 566.014h-49.819a1.42 1.42 0 0 1-1.418-1.39l-.694-32.026c-2.15-103.555 34.77-203.158 103.96-280.462 68.846-76.921 163.002-124.555 265.124-134.128a1.412 1.412 0 0 1 1.352.69l28.58 48.216a1.422 1.422 0 0 1-1.18 2.144c-94.139 2.52-181.89 41.59-247.09 110.011-65.228 68.452-100.072 158.101-98.112 252.435l.715 33.06a1.42 1.42 0 0 1-1.418 1.449Z"/><path fill="#219645" d="M613.698 566.014H563.88a1.42 1.42 0 0 1-1.418-1.39l-.723-33.41c-1.892-91.042 31.83-177.466 94.954-243.35 63.12-65.877 147.975-103.202 238.905-105.099l7.228-.15c.498.016.99.254 1.25.694l29.205 49.27a1.42 1.42 0 0 1-1.19 2.145l-35.398.737c-76.88 1.6-148.62 33.169-202.007 88.89-53.39 55.722-81.913 128.799-80.314 205.768l.744 34.446a1.42 1.42 0 0 1-1.418 1.449Z"/><path fill="#FFB904" d="M680.123 566.014h-49.818a1.42 1.42 0 0 1-1.418-1.39l-.752-34.79C624.99 378.263 745.592 252.39 896.98 249.238l35.526-.74c.527.01.953.236 1.22.648.268.413.302.935.092 1.38l-23.8 50.373c-.23.487-.715.802-1.252.813l-10.691.223c-59.182 1.23-114.403 25.527-155.494 68.413-41.09 42.886-63.042 99.136-61.812 158.39l.773 35.826a1.42 1.42 0 0 1-1.418 1.449Z"/><path fill="#E4221B" d="M746.55 566.014h-49.818a1.42 1.42 0 0 1-1.418-1.39l-.782-36.173c-2.386-114.914 89.05-210.349 203.827-212.74l2.416-.05a1.44 1.44 0 0 1 1.22.647c.267.413.302.935.091 1.38l-24.63 52.131a1.416 1.416 0 0 1-1.042.792c-36.33 6.21-69.434 25.354-93.212 53.903a155.67 155.67 0 0 0-36.036 102.843l.802 37.208a1.42 1.42 0 0 1-1.418 1.449Z"/><g fill="#000"><path d="M703.817 592.88h22.531v15.768h-22.531zM703.817 617.284v38.018c0 7.36-2.014 12.23-11.858 12.23-9.843 0-11.857-4.869-11.857-12.23v-38.018H657.57v38.611c0 19.471 7.59 31.105 34.388 31.105 26.8 0 34.389-11.634 34.389-31.105v-38.611h-22.53ZM657.571 592.88h22.531v15.768h-22.531z"/></g><g fill="#000"><path d="M811.766 566.013h-29.601v-92.462h29.6c29.009 0 39.902 11.854 39.902 43.858v4.743c0 32.005-10.893 43.861-39.901 43.861Zm-1.185-19.44c15.393 0 18.234-8.417 18.234-24.42v-4.744c0-16-2.841-24.418-18.234-24.418h-5.92v53.581h5.92ZM889.191 566.013h-22.497v-92.462h22.497zM964.251 473.551v19.441h-35.522v16.121h29.601v19.441h-29.601v18.019h35.522v19.44h-58.017v-92.462h58.017z"/></g><g fill="#000"><path d="M529.767 592.88c14.09 0 30.193 3.082 30.193 26.315v2.37c0 7.826-3.079 12.803-7.696 16.003 5.92 3.201 10.064 8.772 10.064 18.137v2.37c0 24.064-17.287 27.264-31.969 27.264h-33.152v-92.46h32.56Zm-10.063 19.44v16.122h9.708c3.316 0 7.815-.949 7.815-7.35v-1.422c0-6.4-4.499-7.35-7.815-7.35h-9.708Zm0 35.562V665.9h11.247c3.671 0 8.644-1.304 8.644-8.535v-.946c0-7.232-4.973-8.536-8.644-8.536h-11.247Zm81.093 37.458h-22.496v-92.46h31.85c15.63 0 33.271 3.555 33.271 29.16v2.371c0 15.055-6.038 22.405-14.208 26.078l14.208 34.85H619.15l-12.077-31.767h-6.276v31.768ZM611.1 634.13c4.381 0 9.59-1.66 9.59-10.432v-.949c0-8.772-5.209-10.43-9.59-10.43h-10.302v21.811H611.1Zm164.915 33.429h1.184c7.933 0 10.656-5.929 10.656-14.225h22.497v1.067c0 23.826-11.722 32.598-34.337 32.598-24.865 0-35.758-13.515-35.758-45.519v-4.743c0-32.004 10.893-45.519 35.758-45.519 22.615 0 34.337 8.772 34.337 32.598v4.625h-22.497c0-10.669-1.775-17.782-10.656-17.782h-1.184c-11.249 0-12.906 10.077-12.906 26.078v4.743c0 16.003 1.657 26.079 12.906 26.079ZM847.636 624.647l18.945-31.767h27.232l-25.338 36.392 25.338 56.067h-24.864l-15.037-35.204-6.276 9.126v26.078H825.14V592.88h22.496v31.767zM964.252 592.88v19.44h-35.521v16.122h29.601v19.44h-29.601v18.017h35.521v19.44h-58.016V592.88h58.016z"/></g></g></g></svg>
413</a>
414<!-- End: /components/_logo.antlers.html -->
415          
416<!-- /navigation/_main_desktop.antlers.html -->
417<nav class="hidden lg:block" aria-label="Hauptnavigation">
418    <ul class="flex items-center gap-8">
419        
420            
421                <li
422                    
423                    class="relative leading-none transition-all duration-300"
424                    :class="scrolled ? 'py-10' : 'py-16'"
425                >
426                    <a
427                        class="
428                            flex items-center font-bold text-sm hover:underline underline-offset-4
429                            underline underline-offset-4
430                        "
431                        
432                            href="/ueber-uns"
433                        
434                        aria-current="page"
435                        
436                            data-color="#366CCF"
437                           
438                    >
439                        Über Uns
440                        
441       
442                    </a>
443                    
444                </li>
445            
446        
447            
448                <li
449                    
450                    class="relative leading-none transition-all duration-300"
451                    :class="scrolled ? 'py-10' : 'py-16'"
452                >
453                    <a
454                        class="
455                            flex items-center font-bold text-sm hover:underline underline-offset-4
456                            
457                        "
458                        
459                            href="/gebrauchtmoebelladen"
460                        
461                        
462                        
463                            data-color="#3D2D1F"
464                           
465                    >
466                        Gebrauchtmöbelladen
467                        
468       
469                    </a>
470                    
471                </li>
472            
473        
474            
475                <li
476                    
477                    class="relative leading-none transition-all duration-300"
478                    :class="scrolled ? 'py-10' : 'py-16'"
479                >
480                    <a
481                        class="
482                            flex items-center font-bold text-sm hover:underline underline-offset-4
483                            
484                        "
485                        
486                            href="/holzbruecke"
487                        
488                        
489                        
490                            data-color="#3D2D1F"
491                           
492                    >
493                        Holzbrücke
494                        
495       
496                    </a>
497                    
498                </li>
499            
500        
501            
502                <li
503                    
504                    @mouseenter="showMenuOverlay = true"
505                    @mouseleave="showMenuOverlay = false"
506                    @focusin="showMenuOverlay = true"
507                    @focusout="!$el.contains($event.relatedTarget) && (showMenuOverlay = false)"
508                    
509                    class="relative leading-none transition-all duration-300"
510                    :class="scrolled ? 'py-10' : 'py-16'"
511                >
512                    <a
513                        class="
514                            flex items-center font-bold text-sm hover:underline underline-offset-4
515                            
516                        "
517                        
518                            :aria-label="showMenuOverlay
519                                ? 'Subnavigation schließen'
520                                : 'Subnavigation öffnen'"
521                            :aria-expanded="showMenuOverlay"
522                            aria-haspopup="true"
523                            role="button"
524                            tabindex="0"
525                            @keydown.enter.prevent.stop="showMenuOverlay = !showMenuOverlay"
526                            @keydown.space.prevent.stop="showMenuOverlay = !showMenuOverlay"
527                            @keydown.escape.stop="showMenuOverlay = false"
528                        
529                        
530                           
531                    >
532                        Maßnahmen & Projekte
533                        
534                            <div :class="{ 'scale-y-[-1]': showMenuOverlay }" class="motion-safe:transition-transform">
535                                <svg class="w-2 ml-1 overflow-visible stroke-current text-neutral" aria-hidden="true" stroke-width="24" viewBox="0 0 140 140"><path d="M135.625 42.648l-62.533 62.527a4.37 4.37 0 01-6.184 0L4.375 42.648" fill="none"/></svg>
536                            </div>
537                        
538       
539                    </a>
540                    
541                        <ul
542                            x-show="showMenuOverlay"
543                            x-ref="subnav"
544                            class="absolute right-0 flex flex-col grid-cols-2 gap-1.5 px-3 py-3 mx-auto bg-white border-black 2xl:w-[1280px] xl:w-[1024px] lg:w-[800px] lg:grid rounded-3xl border-3 top-full"
545                            @click.outside="showMenuOverlay = false"
546                            x-transition
547                            x-cloak
548                        >
549                             
550                                <li class="color-vermittlungsstelle" >
551                                    <a
552                                        class="
553                                            whitespace-nowrap p-2 block group rounded-2xl hover:bg-neutral-500
554                                            
555                                        "
556                                        href="/vermittlungsstelle"
557                                        
558                                        
559                                            data-color="#0C9297"
560                                           
561                                    >
562                                        <div class="flex items-center gap-2 lg:gap-4">
563                                            <div>
564                                                
565                                                <div class="w-12 h-12 js-lottie lottie-hover lottie-main" data-src="/animations/vermittlung.json"></div>
566                                            </div>
567                                            <div class="flex flex-col w-full gap-1">
568                                                <span class="block text-sm leading-none uppercase whitespace-normal lg:text-md font-narrow">Vermittlungsstelle für gemeinnützige Arbeit</span>
569                                                <p class="block text-xs xl:text-base lg:text-sm text-wrap group-hover:text-main">Wir vermitteln Jugendliche an entsprechende Organisationen und Einrichtungen.</p>
570                                            </div>
571                                            <div >
572                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 27" class="w-4">
573                                                    <g fill="none" fill-rule="evenodd">
574                                                      <circle cx="13.5" cy="13.5" r="13.5" class="transition-all fill-transparent group-hover:fill-main"/>
575                                                      <path class="transition-all fill-black group-hover:fill-main" fill-rule="nonzero" d="M13.5 0C20.956 0 27 6.044 27 13.5S20.956 27 13.5 27 0 20.956 0 13.5 6.044 0 13.5 0Zm0 2.025C7.163 2.025 2.025 7.163 2.025 13.5S7.163 24.975 13.5 24.975 24.975 19.837 24.975 13.5 19.837 2.025 13.5 2.025Z"/>
576                                                      <path class="transition-all fill-black group-hover:fill-white" fill-rule="nonzero" d="M10.76 19.616a1.012 1.012 0 0 1 0-1.432l4.684-4.684-4.685-4.684a1.013 1.013 0 0 1-.084-1.337l.084-.095a1.012 1.012 0 0 1 1.432 0l5.4 5.4a1.012 1.012 0 0 1 0 1.432l-5.4 5.4a1.012 1.012 0 0 1-1.432 0Z"/>
577                                                    </g>
578                                                  </svg>
579                                            </div>
580                                        </div>
581                                    </a>
582                                </li>
583                             
584                                <li class="color-gewaltpraevention" >
585                                    <a
586                                        class="
587                                            whitespace-nowrap p-2 block group rounded-2xl hover:bg-neutral-500
588                                            
589                                        "
590                                        href="/gewaltpraevention"
591                                        
592                                        
593                                            data-color="#BF8C00"
594                                           
595                                    >
596                                        <div class="flex items-center gap-2 lg:gap-4">
597                                            <div>
598                                                
599                                                <div class="w-12 h-12 js-lottie lottie-hover lottie-main" data-src="/animations/gewaltpraevention.json"></div>
600                                            </div>
601                                            <div class="flex flex-col w-full gap-1">
602                                                <span class="block text-sm leading-none uppercase whitespace-normal lg:text-md font-narrow">Gewaltprävention</span>
603                                                <p class="block text-xs xl:text-base lg:text-sm text-wrap group-hover:text-main">Unser Sozialverein setzt sich aktiv für Gewaltprävention und soziale Verantwortung ein.</p>
604                                            </div>
605                                            <div >
606                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 27" class="w-4">
607                                                    <g fill="none" fill-rule="evenodd">
608                                                      <circle cx="13.5" cy="13.5" r="13.5" class="transition-all fill-transparent group-hover:fill-main"/>
609                                                      <path class="transition-all fill-black group-hover:fill-main" fill-rule="nonzero" d="M13.5 0C20.956 0 27 6.044 27 13.5S20.956 27 13.5 27 0 20.956 0 13.5 6.044 0 13.5 0Zm0 2.025C7.163 2.025 2.025 7.163 2.025 13.5S7.163 24.975 13.5 24.975 24.975 19.837 24.975 13.5 19.837 2.025 13.5 2.025Z"/>
610                                                      <path class="transition-all fill-black group-hover:fill-white" fill-rule="nonzero" d="M10.76 19.616a1.012 1.012 0 0 1 0-1.432l4.684-4.684-4.685-4.684a1.013 1.013 0 0 1-.084-1.337l.084-.095a1.012 1.012 0 0 1 1.432 0l5.4 5.4a1.012 1.012 0 0 1 0 1.432l-5.4 5.4a1.012 1.012 0 0 1-1.432 0Z"/>
611                                                    </g>
612                                                  </svg>
613                                            </div>
614                                        </div>
615                                    </a>
616                                </li>
617                             
618                                <li class="color-junges-wohnen" >
619                                    <a
620                                        class="
621                                            whitespace-nowrap p-2 block group rounded-2xl hover:bg-neutral-500
622                                            
623                                        "
624                                        href="/junges-wohnen"
625                                        
626                                        
627                                            data-color="#582B66"
628                                           
629                                    >
630                                        <div class="flex items-center gap-2 lg:gap-4">
631                                            <div>
632                                                
633                                                <div class="w-12 h-12 js-lottie lottie-hover lottie-main" data-src="/animations/junges_wohnen.json"></div>
634                                            </div>
635                                            <div class="flex flex-col w-full gap-1">
636                                                <span class="block text-sm leading-none uppercase whitespace-normal lg:text-md font-narrow">Junges Wohnen</span>
637                                                <p class="block text-xs xl:text-base lg:text-sm text-wrap group-hover:text-main">Wir wollen jungen Erwachsenendie Chance geben, sich im Wohnheim und der Gesellschaft zu sozialisieren</p>
638                                            </div>
639                                            <div >
640                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 27" class="w-4">
641                                                    <g fill="none" fill-rule="evenodd">
642                                                      <circle cx="13.5" cy="13.5" r="13.5" class="transition-all fill-transparent group-hover:fill-main"/>
643                                                      <path class="transition-all fill-black group-hover:fill-main" fill-rule="nonzero" d="M13.5 0C20.956 0 27 6.044 27 13.5S20.956 27 13.5 27 0 20.956 0 13.5 6.044 0 13.5 0Zm0 2.025C7.163 2.025 2.025 7.163 2.025 13.5S7.163 24.975 13.5 24.975 24.975 19.837 24.975 13.5 19.837 2.025 13.5 2.025Z"/>
644                                                      <path class="transition-all fill-black group-hover:fill-white" fill-rule="nonzero" d="M10.76 19.616a1.012 1.012 0 0 1 0-1.432l4.684-4.684-4.685-4.684a1.013 1.013 0 0 1-.084-1.337l.084-.095a1.012 1.012 0 0 1 1.432 0l5.4 5.4a1.012 1.012 0 0 1 0 1.432l-5.4 5.4a1.012 1.012 0 0 1-1.432 0Z"/>
645                                                    </g>
646                                                  </svg>
647                                            </div>
648                                        </div>
649                                    </a>
650                                </li>
651                             
652                                <li class="color-brueckehof" >
653                                    <a
654                                        class="
655                                            whitespace-nowrap p-2 block group rounded-2xl hover:bg-neutral-500
656                                            
657                                        "
658                                        href="/brueckehof"
659                                        
660                                        
661                                            data-color="#981A45"
662                                           
663                                    >
664                                        <div class="flex items-center gap-2 lg:gap-4">
665                                            <div>
666                                                
667                                                <div class="w-12 h-12 js-lottie lottie-hover lottie-main" data-src="/animations/brueckehof.json"></div>
668                                            </div>
669                                            <div class="flex flex-col w-full gap-1">
670                                                <span class="block text-sm leading-none uppercase whitespace-normal lg:text-md font-narrow">Brückehof</span>
671                                                <p class="block text-xs xl:text-base lg:text-sm text-wrap group-hover:text-main">Eine top-ausgestattete Location, in unmittelbarer Nähe zum Nilkheimer Teil des Schönbuschs</p>
672                                            </div>
673                                            <div >
674                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 27" class="w-4">
675                                                    <g fill="none" fill-rule="evenodd">
676                                                      <circle cx="13.5" cy="13.5" r="13.5" class="transition-all fill-transparent group-hover:fill-main"/>
677                                                      <path class="transition-all fill-black group-hover:fill-main" fill-rule="nonzero" d="M13.5 0C20.956 0 27 6.044 27 13.5S20.956 27 13.5 27 0 20.956 0 13.5 6.044 0 13.5 0Zm0 2.025C7.163 2.025 2.025 7.163 2.025 13.5S7.163 24.975 13.5 24.975 24.975 19.837 24.975 13.5 19.837 2.025 13.5 2.025Z"/>
678                                                      <path class="transition-all fill-black group-hover:fill-white" fill-rule="nonzero" d="M10.76 19.616a1.012 1.012 0 0 1 0-1.432l4.684-4.684-4.685-4.684a1.013 1.013 0 0 1-.084-1.337l.084-.095a1.012 1.012 0 0 1 1.432 0l5.4 5.4a1.012 1.012 0 0 1 0 1.432l-5.4 5.4a1.012 1.012 0 0 1-1.432 0Z"/>
679                                                    </g>
680                                                  </svg>
681                                            </div>
682                                        </div>
683                                    </a>
684                                </li>
685                             
686                                <li class="color-zentrale-beratungsstelle-fuer-haftentlassene" >
687                                    <a
688                                        class="
689                                            whitespace-nowrap p-2 block group rounded-2xl hover:bg-neutral-500
690                                            
691                                        "
692                                        href="/zentrale-beratungsstelle-fuer-haftentlassene"
693                                        
694                                        
695                                            data-color="#3E814A"
696                                           
697                                    >
698                                        <div class="flex items-center gap-2 lg:gap-4">
699                                            <div>
700                                                
701                                                <div class="w-12 h-12 js-lottie lottie-hover lottie-main" data-src="/animations/rechtsberatung.json"></div>
702                                            </div>
703                                            <div class="flex flex-col w-full gap-1">
704                                                <span class="block text-sm leading-none uppercase whitespace-normal lg:text-md font-narrow">Zentrale Beratungsstelle für Haftentlassene</span>
705                                                <p class="block text-xs xl:text-base lg:text-sm text-wrap group-hover:text-main">Unsere zentrale Beratungsstelle richtet sich an männliche Haftentlassene ohne Bewährungshelfer und ohne Führungsaufsicht.</p>
706                                            </div>
707                                            <div >
708                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 27" class="w-4">
709                                                    <g fill="none" fill-rule="evenodd">
710                                                      <circle cx="13.5" cy="13.5" r="13.5" class="transition-all fill-transparent group-hover:fill-main"/>
711                                                      <path class="transition-all fill-black group-hover:fill-main" fill-rule="nonzero" d="M13.5 0C20.956 0 27 6.044 27 13.5S20.956 27 13.5 27 0 20.956 0 13.5 6.044 0 13.5 0Zm0 2.025C7.163 2.025 2.025 7.163 2.025 13.5S7.163 24.975 13.5 24.975 24.975 19.837 24.975 13.5 19.837 2.025 13.5 2.025Z"/>
712                                                      <path class="transition-all fill-black group-hover:fill-white" fill-rule="nonzero" d="M10.76 19.616a1.012 1.012 0 0 1 0-1.432l4.684-4.684-4.685-4.684a1.013 1.013 0 0 1-.084-1.337l.084-.095a1.012 1.012 0 0 1 1.432 0l5.4 5.4a1.012 1.012 0 0 1 0 1.432l-5.4 5.4a1.012 1.012 0 0 1-1.432 0Z"/>
713                                                    </g>
714                                                  </svg>
715                                            </div>
716                                        </div>
717                                    </a>
718                                </li>
719                             
720                                <li class="color-schreinerei" >
721                                    <a
722                                        class="
723                                            whitespace-nowrap p-2 block group rounded-2xl hover:bg-neutral-500
724                                            
725                                        "
726                                        href="/schreinerei"
727                                        
728                                        
729                                            data-color="#015F6A"
730                                           
731                                    >
732                                        <div class="flex items-center gap-2 lg:gap-4">
733                                            <div>
734                                                
735                                                <div class="w-12 h-12 js-lottie lottie-hover lottie-main" data-src="/animations/schreinerei.json"></div>
736                                            </div>
737                                            <div class="flex flex-col w-full gap-1">
738                                                <span class="block text-sm leading-none uppercase whitespace-normal lg:text-md font-narrow">Schreinerei</span>
739                                                <p class="block text-xs xl:text-base lg:text-sm text-wrap group-hover:text-main">Durch unseren Schreinermeister und das handwerkliche Können, sind wir in der Lage auf die Wünsche des Kunden direkt einzugehen.</p>
740                                            </div>
741                                            <div >
742                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 27" class="w-4">
743                                                    <g fill="none" fill-rule="evenodd">
744                                                      <circle cx="13.5" cy="13.5" r="13.5" class="transition-all fill-transparent group-hover:fill-main"/>
745                                                      <path class="transition-all fill-black group-hover:fill-main" fill-rule="nonzero" d="M13.5 0C20.956 0 27 6.044 27 13.5S20.956 27 13.5 27 0 20.956 0 13.5 6.044 0 13.5 0Zm0 2.025C7.163 2.025 2.025 7.163 2.025 13.5S7.163 24.975 13.5 24.975 24.975 19.837 24.975 13.5 19.837 2.025 13.5 2.025Z"/>
746                                                      <path class="transition-all fill-black group-hover:fill-white" fill-rule="nonzero" d="M10.76 19.616a1.012 1.012 0 0 1 0-1.432l4.684-4.684-4.685-4.684a1.013 1.013 0 0 1-.084-1.337l.084-.095a1.012 1.012 0 0 1 1.432 0l5.4 5.4a1.012 1.012 0 0 1 0 1.432l-5.4 5.4a1.012 1.012 0 0 1-1.432 0Z"/>
747                                                    </g>
748                                                  </svg>
749                                            </div>
750                                        </div>
751                                    </a>
752                                </li>
753                             
754                                <li class="color-meine-chance" >
755                                    <a
756                                        class="
757                                            whitespace-nowrap p-2 block group rounded-2xl hover:bg-neutral-500
758                                            
759                                        "
760                                        href="/meine-chance"
761                                        
762                                        
763                                            data-color="#BF5900"
764                                           
765                                    >
766                                        <div class="flex items-center gap-2 lg:gap-4">
767                                            <div>
768                                                
769                                                <div class="w-12 h-12 js-lottie lottie-hover lottie-main" data-src="/animations/meine_chance.json"></div>
770                                            </div>
771                                            <div class="flex flex-col w-full gap-1">
772                                                <span class="block text-sm leading-none uppercase whitespace-normal lg:text-md font-narrow">Meine Chance</span>
773                                                <p class="block text-xs xl:text-base lg:text-sm text-wrap group-hover:text-main">Ein Angebot für junge Menschen unter 25 Jahren, welche keinen Plan mehr haben und /oder aus den Hilfesystemen herausgefallen oder zu fallen drohen.</p>
774                                            </div>
775                                            <div >
776                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 27" class="w-4">
777                                                    <g fill="none" fill-rule="evenodd">
778                                                      <circle cx="13.5" cy="13.5" r="13.5" class="transition-all fill-transparent group-hover:fill-main"/>
779                                                      <path class="transition-all fill-black group-hover:fill-main" fill-rule="nonzero" d="M13.5 0C20.956 0 27 6.044 27 13.5S20.956 27 13.5 27 0 20.956 0 13.5 6.044 0 13.5 0Zm0 2.025C7.163 2.025 2.025 7.163 2.025 13.5S7.163 24.975 13.5 24.975 24.975 19.837 24.975 13.5 19.837 2.025 13.5 2.025Z"/>
780                                                      <path class="transition-all fill-black group-hover:fill-white" fill-rule="nonzero" d="M10.76 19.616a1.012 1.012 0 0 1 0-1.432l4.684-4.684-4.685-4.684a1.013 1.013 0 0 1-.084-1.337l.084-.095a1.012 1.012 0 0 1 1.432 0l5.4 5.4a1.012 1.012 0 0 1 0 1.432l-5.4 5.4a1.012 1.012 0 0 1-1.432 0Z"/>
781                                                    </g>
782                                                  </svg>
783                                            </div>
784                                        </div>
785                                    </a>
786                                </li>
787                            
788                        </ul>
789                    
790                </li>
791            
792        
793            
794                <li
795                    
796                    class="relative leading-none transition-all duration-300"
797                    :class="scrolled ? 'py-10' : 'py-16'"
798                >
799                    <a
800                        class="
801                            flex items-center font-bold text-sm hover:underline underline-offset-4
802                            
803                        "
804                        
805                            href="/kontakt"
806                        
807                        
808                           
809                    >
810                        Kontakt
811                        
812       
813                    </a>
814                    
815                </li>
816            
817        
818    </ul>
819</nav>
820<!-- End: /navigation/_main_desktop.antlers.html -->
821
822
823
824<!-- /navigation/_main_mobile.antlers.html -->
825<div
826    class="lg:hidden"
827    aria-label="Hauptnavigation"
828    x-cloak
829>
830    <button
831        @click.prevent.stop="mobileNavOpen = !mobileNavOpen"
832        @keydown.enter.prevent.stop="mobileNavOpen = !mobileNavOpen"
833        @keydown.space.prevent.stop="mobileNavOpen = !mobileNavOpen"
834        class="bottom-0 right-0 z-30 flex self-center justify-center px-2 py-2 text-xs font-bold rounded sm:text-2xl text-neutral"
835        x-bind:aria-label="mobileNavOpen ? 'Navigation schließen' : 'Navigation öffnen'"
836        x-bind:aria-expanded="mobileNavOpen"
837        aria-controls="mobile-nav-overlay"
838        x-ref="mobileToggle"
839    >
840    <svg class="w-6 h-6 fill-neutral" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"/></svg>
841    <span class="sr-only">Menü</span>
842    </button>
843
844
845</div>
846<!-- End: /navigation/_main_mobile.antlers.html -->
847
848
849      </div>
850  </div>
851  <nav
852class="fixed inset-0 z-[999] lg:hidden flex flex-col justify-between w-full h-full "
853x-show="mobileNavOpen"
854x-transition.origin.center
855id="mobile-nav-overlay"
856x-trap.inert.noscroll.noautofocus="mobileNavOpen"
857@keyup.escape.stop.prevent="mobileNavOpen = false; $nextTick(() => { $refs.mobileToggle && $refs.mobileToggle.focus() })"
858role="dialog"
859aria-modal="true"
860aria-label="Hauptnavigation"
861x-effect="if (mobileNavOpen) { $nextTick(function(){ var el = $el.querySelector('[data-initial-focus]'); if (el) { el.focus() } }) }"
862>
863<div class="flex flex-col p-5 pt-2.5 sm:p-8 bg-blue">
864    <div class="flex items-start justify-between">
865        <div class="flex flex-col gap-1">
866            
867            <ul class="flex flex-col gap-1 pt-4 text-base font-bold text-white">
868                
869                
870                <a href="/news" :tabindex="mobileNavOpen ? 0 : -1" class="text-white hover:text-yellow">Aktuelles</a>
871                
872            
873                
874                <a href="https://www.instagram.com/bruecke.ev.aschaffenburg/" :tabindex="mobileNavOpen ? 0 : -1" class="text-white hover:text-yellow">Instagram</a>
875                
876            
877                
878                <a href="/standorte" :tabindex="mobileNavOpen ? 0 : -1" class="text-white hover:text-yellow">Standorte</a>
879                
880            
881                                
882                <button :tabindex="mobileNavOpen ? 0 : -1" class="flex items-center w-full gap-1 px-2 py-1 transition-all bg-white border-2 border-black rounded-md text-neutral-200 hover:bg-neutral-500" @click.prevent="mobileNavOpen = false; $nextTick(() => { window.dispatchEvent(new CustomEvent('open-search')) })" @keydown.enter.prevent="mobileNavOpen = false; $nextTick(() => { window.dispatchEvent(new CustomEvent('open-search')) })" @keydown.space.prevent="mobileNavOpen = false; $nextTick(() => { window.dispatchEvent(new CustomEvent('open-search')) })" aria-label="strings.search">
883                    <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/></svg>
884                    <span>Suche</span>
885                </button>
886                
887            
888                
889                <a href="/unterstuetzen" :tabindex="mobileNavOpen ? 0 : -1" class="flex w-full gap-1 px-2 py-1 text-white transition-all border-2 border-black rounded-full bg-red hover:bg-red-700">
890                    <svg class="w-5" xmlns="http://www.w3.org/2000/svg" fill="currentColor" version="1.1" viewBox="0 0 120 120"><path d="M80.4932,17.5454c-8.083,0-15.6816,3.8521-20.4932,10.2251-4.8115-6.373-12.4097-10.2251-20.4927-10.2251-14.3955,0-25.6724,11.3032-25.6724,25.7329,0,17.0742,9.144,26.1973,17.209,34.2432l1.4663,1.4678c8.2471,8.3018,16.6499,15.9004,25.0127,22.6143.6943.5488,1.5703.8506,2.4668.8506.9229,0,1.8247-.3164,2.5386-.8906,8.3145-6.6758,16.7129-14.2705,24.957-22.5703l1.4678-1.4697c8.0684-8.0498,17.2119-17.1729,17.2119-34.2456,0-14.4292-11.2764-25.7324-25.6719-25.7324ZM83.3027,71.8613l-1.4893,1.4902c-7.21,7.2588-14.542,13.9658-21.8135,19.9561-7.269-5.9883-14.6016-12.6963-21.8179-19.96l-1.4849-1.4873c-7.6431-7.625-14.8623-14.8276-14.8623-28.5825,0-9.9434,7.7627-17.7324,17.6724-17.7324,7.5371,0,14.2529,4.7998,16.71,11.9419.5547,1.6152,2.0747,2.7002,3.7827,2.7002s3.2285-1.085,3.7832-2.6987c2.457-7.1436,9.1729-11.9434,16.71-11.9434,9.9092,0,17.6719,7.7891,17.6719,17.7329,0,13.7549-7.2197,20.958-14.8623,28.583Z"/></svg>
891                    <span>Unterstützen</span>
892                </a>
893                
894            
895            </ul>
896        </div>
897        <button
898            @click.prevent.stop="mobileNavOpen = !mobileNavOpen"
899            @keydown.enter.prevent.stop="mobileNavOpen = !mobileNavOpen"
900            @keydown.space.prevent.stop="mobileNavOpen = !mobileNavOpen"
901            class="z-30 flex justify-center px-2 py-2 text-xs font-bold text-white rounded bg-neutral-3"
902            aria-label="Navigation schließen"
903            data-initial-focus
904        >
905        <svg class="w-6 h-6 fill-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M183.1 137.4C170.6 124.9 150.3 124.9 137.8 137.4C125.3 149.9 125.3 170.2 137.8 182.7L275.2 320L137.9 457.4C125.4 469.9 125.4 490.2 
905137.9 502.7C150.4 515.2 170.7 515.2 183.2 502.7L320.5 365.3L457.9 502.6C470.4 515.1 490.7 515.1 503.2 502.6C515.7 490.1 515.7 469.8 503.2 457.3L365.8 320L503.1 182.6C515.6 170.1 515.6 149.8 503.1 137.3C490.6 124.8 470.3 124.8 457.8 137.3L320.5 274.7L183.1 137.4z"/></svg>
906        </button>
907    </div>
908</div>
909<div class="relative flex items-end flex-1 p-5 pb-16 overflow-auto bg-white sm:p-8">
910    <ul class="flex flex-col w-full h-full py-2 md:gap-y-4 xs:gap-y-2 gap-y-1">
911        
912            
913                <li
914                    
915                    class="leading-none"
916                >
917                    <a
918                        class="
919                            w-full py-2 flex items-center gap-x-1 sm:text-lg text-base font-bold hover:underline underline-offset-4 justify-between
920                            underline underline-offset-4
921                        "
922                        :tabindex="mobileNavOpen ? 0 : -1"
923                        
924                            href="/ueber-uns"
925                        
926                        aria-current="page"
927                    >
928                        <span>Über Uns</span>
929
930                        
931                    </a>
932
933                    
934                </li>
935            
936        
937            
938                <li
939                    
940                    class="leading-none"
941                >
942                    <a
943                        class="
944                            w-full py-2 flex items-center gap-x-1 sm:text-lg text-base font-bold hover:underline underline-offset-4 justify-between
945                            text-neutral
946                        "
947                        :tabindex="mobileNavOpen ? 0 : -1"
948                        
949                            href="/gebrauchtmoebelladen"
950                        
951                        
952                    >
953                        <span>Gebrauchtmöbelladen</span>
954
955                        
956                    </a>
957
958                    
959                </li>
960            
961        
962            
963                <li
964                    
965                    class="leading-none"
966                >
967                    <a
968                        class="
969                            w-full py-2 flex items-center gap-x-1 sm:text-lg text-base font-bold hover:underline underline-offset-4 justify-between
970                            text-neutral
971                        "
972                        :tabindex="mobileNavOpen ? 0 : -1"
973                        
974                            href="/holzbruecke"
975                        
976                        
977                    >
978                        <span>Holzbrücke</span>
979
980                        
981                    </a>
982
983                    
984                </li>
985            
986        
987            
988                <li
989                    
990                        x-data="{ subnavOpen: $root.querySelector('[aria-current=page]') ? true : false }"
991                        @focusin.window="!$refs.subnav.contains($event.target) && (subnavOpen = false)"
992                    
993                    class="leading-none"
994                >
995                    <a
996                        class="
997                            w-full py-2 flex items-center gap-x-1 sm:text-lg text-base font-bold hover:underline underline-offset-4 justify-between
998                            text-neutral
999                        "
1000                        :tabindex="mobileNavOpen ? 0 : -1"
1001                        
1002                            href="#"
1003                            @click.prevent="subnavOpen = !subnavOpen"
1004                            @click.outside="subnavOpen = false"
1005                            @keydown.enter.prevent="subnavOpen = !subnavOpen"
1006                            @keydown.space.prevent="subnavOpen = !subnavOpen"
1007                            @keydown.arrow-right.prevent="subnavOpen = true"
1008                            @keydown.arrow-left.prevent="subnavOpen = false"
1009                            :aria-label="subnavOpen ? 'Subnavigation schließen' : 'Subnavigation öffnen'"
1010                            :aria-expanded="subnavOpen"
1011                            @keydown.arrow-down.prevent="subnavOpen = true; $nextTick(function(){ var first = $refs.subnav && $refs.subnav.querySelector('a,button'); if(first){ first.focus() } })"
1012                            aria-haspopup="true"
1013                            role="button"
1014                            x-ref="trigger"
1015                        
1016                        
1017                    >
1018                        <span>Maßnahmen & Projekte</span>
1019
1020                        
1021                            <div :class="{ 'scale-y-[-1]': subnavOpen }" class="motion-safe:transition-transform">
1022                                <svg class="w-4 ml-1 overflow-visible stroke-current text-neutral" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z"/></svg>
1023                            </div>
1024                        
1025                    </a>
1026
1027                    
1028                        <div
1029                            x-show="subnavOpen"
1030                            x-ref="subnav"
1031                            x-transition:enter="transition-all duration-300 ease-in-out"
1032                            x-transition:enter-start="opacity-0 translate-x-100"
1033                            x-transition:enter-end="opacity-100 translate-x-0"
1034                            x-transition:leave="transition-all duration-300 ease-in-out"
1035                            x-transition:leave-start="opacity-100 translate-x-0"
1036                            x-transition:leave-end="opacity-0 translate-x-100"
1037                            class="absolute inset-0 z-20 flex flex-col gap-2 p-4 pb-16 overflow-auto bg-white sm:p-8"
1038                            role="region"
1039                            aria-label="Untermenü"
1040                            @keydown.escape.stop.prevent="subnavOpen = false; $nextTick(function(){ var trg = $refs.trigger; if (trg) { trg.focus() } })"
1041                        >
1042                        <button :tabindex="mobileNavOpen ? 0 : -1" class="flex items-center gap-2 p-2 text-xs rounded bg-neutral-400"
1043                                @click.prevent="subnavOpen = false; $nextTick(function(){ var trg = $refs.trigger; if (trg) { trg.focus() } })"
1044                                @keydown.enter.prevent="subnavOpen = false; $nextTick(function(){ var trg = $refs.trigger; if (trg) { trg.focus() } })"
1045                                @keydown.space.prevent="subnavOpen = false; $nextTick(function(){ var trg = $refs.trigger; if (trg) { trg.focus() } })"
1046                                aria-label="Subnavigation schließen"
1047                                x-ref="backButton"
1048                        >
1049                            <svg class="w-5 h-5 fill-black" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M169.4 297.4C156.9 309.9 156.9 330.2 169.4 342.7L361.4 534.7C373.9 547.2 394.2 547.2 406.7 534.7C419.2 522.2 419.2 501.9 406.7 489.4L237.3 320L406.6 150.6C419.1 138.1 419.1 117.8 406.6 105.3C394.1 92.8 373.8 92.8 361.3 105.3L169.3 297.3z"/></svg>
1050                            <span class="font-bold">Zurück</span>
1051                        </button>
1052                        
1053                        <div class="color-vermittlungsstelle" >
1054                            <a
1055                                class="
1056                                    whitespace-nowrap p-2 block group rounded-2xl hover:bg-neutral-500
1057                                    
1058                                "
1059                                :tabindex="mobileNavOpen ? 0 : -1"
1060                                href="/vermittlungsstelle"
1061                                
1062                                
1063                                    data-color="#0C9297"
1064                                   
1065                            >
1066                                <div class="flex items-center gap-2">
1067                                    <div class="w-8 min-w-8">
1068                                        <svg class="w-full fill-main" xmlns="http://www.w3.org/2000/svg" fill="currentColor" version="1.1" viewBox="0 0 120 120"><path d="M112.2614,56.2556c-.6201-.9146-1.8638-1.1523-2.7778-.5327l-13.751,9.3284c-5.0483-4.6479-11.0088-9.5491-17.2388-14.1492l-11.8721-9.1611c-1.0186-.7856-2.3574-1.0215-3.5825-.6343-1.2251.3882-2.1836,1.353-2.564,2.5811l-2.9512,9.5439c-.2607,1.0186-.9067,1.8677-1.8198,2.3901-.9126.5215-1.9731.6484-2.9858.3574-1.9131-.5513-3.1289-2.8394-2.6025-4.8965l2.543-9.936c.0508-.2007.126-.4087.2295-.6357.0649-.144.1128-.2954.1426-.4507.208-1.0903.8701-2.0371,1.8164-2.5977.0757-.0449.1484-.0952.2178-.1499l6.0166-4.7407c3.7305-2.9399,8.7866-3.6689,13.1953-1.9028,5.2012,2.083,11.1172,1.5146,15.8242-1.522l14.8687-9.5874c.9282-.5986,1.1958-1.8364.5972-2.7646s-1.8369-1.1958-2.7646-.5967l-14.8687,9.5874c-3.6206,2.3345-8.1704,2.772-12.1694,1.1704-5.7329-2.2959-12.3076-1.3486-17.1582,2.4741l-3.4517,2.7197c-.0659-.1019-.1387-.2007-.2251-.292-2.6797-2.8354-7.0776-4.3403-10.9482-3.7456l-5.0703.7817c-.5039.0771-1.0112.0156-1.4785-.1792l-11.3799-7.7617c-.9131-.6221-2.1567-.3882-2.7793.5254-.6221.9126-.3867,2.1567.5254,2.7793l11.5259,7.8613c.0854.0586.1758.1099.2695.1548,1.2266.5811,2.584.7798,3.9263.5732l5.0703-.7817c2.5737-.3955,5.6108.6375,7.4033,2.5136-1.4326,1.1154-2.4443,2.7026-2.8438,4.4957-.1543.3667-.2754.7227-.3667,1.0815l-2.5425,9.9341c-1.0576,4.1318,1.4014,8.5884,5.3701,9.7324,2.062.5947,4.2217.335,6.0806-.73,1.8599-1.0645,3.1763-2.7939,3.6812-4.7739l2.8916-9.3447,11.8193,9.1201c7.9414,5.8643,15.4102,12.1885,21.0298,17.8086.728.728,1.1289,1.6958,1.1289,2.7251s-.4009,1.9976-1.1289,2.7256c-.728.7275-1.6958,1.1289-2.7251,1.1289s-1.9971-.4014-2.7202-1.124l-6.7798-6.8271c-.7793-.7852-2.0454-.7891-2.8291-.0098-.7832.7783-.7881,2.0444-.0098,2.8281l5.438,5.4754c.0142.0154.0244.0334.0396.0485.7451.7451,1.1553,1.7358,1.1553,2.7896s-.4102,2.0439-1.1553,2.7891c-1.5381,1.5371-4.04,1.5371-5.5781,0-.0508-.0508-.1089-.0891-.1636-.1333-.2324-.3133-.4814-.6166-.7622-.8975-.0005-.0007-.0015-.0011-.002-.0018-.0015-.0011-.002-.0025-.0029-.0036l-5.2178-5.1797c-.7832-.7783-2.0498-.7734-2.8281.0103-.7783.7842-.7734,2.0503.0098,2.8286l5.2163,5.1785c.7334.7354,1.1372,1.7115,1.1372,2.7498,0,1.0405-.4053,2.0186-1.1411,2.7544-1.4707,1.4712-4.0366,1.4712-5.5083,0,0-.0002-.0005-.0002-.0005-.0004-.0005-.0002-.0005-.0004-.0005-.0005l-5.5039-5.4976c-.7812-.7803-2.0479-.7788-2.8281.0015-.7808.7817-.7803,2.0479.0015,2.8286l4.2866,4.2819c.0288.0328.0508.0692.082.1005,1.519,1.519,1.519,3.9897,0,5.5088-1.4707,1.4707-4.0361,1.4712-5.5088-.0005l-6.1406-5.916c-.0034-2.104-.8237-4.0818-2.312-5.5699h-.0005c-1.3271-1.3281-3.0454-2.1207-4.8945-2.2795.1465-.606.231-1.231.231-1.8704,0-2.1089-.8213-4.0918-2.313-5.583v-.0005c-1.4912-1.4912-3.4741-2.3125-5.583-2.3125-.1348,0-.2676.0129-.4009.0195.0122-.1812.0264-.3621.0264-.5454,0-2.1089-.8213-4.0918-2.313-5.583v-.0005c-1.4912-1.4912-3.4741-2.3125-5.583-2.3125-1.6528,0-3.2241.5107-4.5508,1.4513-.3433-1.3059-1.0181-2.5419-2.04-3.5636h0c-2.1421-2.1423-5.2183-2.7899-7.9297-1.9504l-8.7402-7.2517c-.8511-.7056-2.1113-.5879-2.8164.2622s-.5879,2.1108.2617,2.8159l7.7515,6.4309-.2178.218c-1.4917,1.4912-2.313,3.4736-2.313,5.583s.8213,4.0923,2.313,5.584c1.5073,1.5068,3.4766,2.2706,5.4561,2.3021-.0503.3616-.0845.7269-.0845,1.0983,0,2.1094.8213,4.0918,2.3125,5.583,1.4912,1.4917,3.4746,2.313,5.5835,2.313.1348,0,.2671-.0129.4009-.0195-.0122.1812-.0264.3621-.0264.5454,0,2.1094.8213,4.0918,2.3125,5.583,1.4912,1.4917,3.4746,2.313,5.5835,2.313,1.3418,0,2.6309-.3351,3.7793-.9636.3184,1.402,1.0142,2.7349,2.1035,3.8245,1.4917,1.4917,3.4741,2.313,5.5835,2.313s4.0918-.8213,5.5835-2.313l.5244-.5244c.3936-.3937.7373-.8234,1.0347-1.2788l4.1011,3.938.4888.4888c1.4912,1.4912,3.4741,2.3125,5.583,2.3125s4.0918-.8213,5.583-2.3125c1.3716-1.3718,2.1675-3.1609,2.2876-5.0802.5278.1085,1.064.1666,1.6006.1666,2.0215,0,4.0435-.77,5.5825-2.3091,1.3799-1.3796,2.1772-3.1819,2.2896-5.1142.4712.0853.9478.1318,1.4253.1318,2.0342,0,4.0684-.7744,5.6172-2.3232,1.3535-1.3526,2.1519-3.1089,2.2969-4.9968.564.1268,1.144.1989,1.7363.1989,2.0977,0,4.0703-.8174,5.5537-2.3008,3.0625-3.062,3.0625-8.0449,0-11.1069-.3965-.3965-.8228-.8038-1.2363-1.2066l13.0234-8.8349c.9141-.6201,1.1523-1.8638.5322-2.7778ZM17.3366,71.0222c0-1.0405.4053-2.019,1.1416-2.7554l.5239-.5244c.7598-.7593,1.7573-1.1392,2.7
1068554-1.1392s1.9951.3799,2.7549,1.1392c1.4756,1.4766,1.5049,3.8451.1123,5.3725l-.7236.7336c-1.5249,1.4384-3.9307,1.4216-5.4229-.0709-.7363-.7358-1.1416-1.7144-1.1416-2.7554ZM26.1618,82.7614c-.7354-.7358-1.1406-1.7144-1.1406-2.7549s.4053-2.019,1.1509-2.7646l.4902-.4971c.0508-.048.105-.09.1548-.1396l.5234-.5244c.0918-.0914.1714-.1898.2573-.2845l3.5786-3.6285c.7358-.7358,1.7139-1.1411,2.7549-1.1411s2.0186.4053,2.7549,1.1411v.0005c.7358.7354,1.1411,1.7139,1.1411,2.7544s-.4053,2.019-1.1509,2.7651l-5.0044,5.0737c-1.4712,1.4717-4.0376,1.4717-5.5103,0ZM34.4323,91.1833c-.7354-.7358-1.1406-1.7144-1.1406-2.7549s.4053-2.0195,1.1504-2.7651l5.0049-5.0737c.7358-.7358,1.7139-1.1411,2.7549-1.1411s2.0186.4053,2.7549,1.1411v.0005c.7358.7354,1.1411,1.7139,1.1411,2.7544s-.4053,2.019-1.1509,2.7646l-5.0044,5.0742c-1.4712,1.4717-4.0376,1.4717-5.5103,0ZM51.9333,95.8327l-.5244.5244c-1.4717,1.4717-4.0381,1.4717-5.5098,0-1.519-1.519-1.519-3.9912,0-5.5103l.5244-.5244c.7358-.7358,1.7139-1.1411,2.7549-1.1411s2.019.4053,2.7549,1.1411h0c.7358.7358,1.1411,1.7144,1.1411,2.7549s-.4053,2.0195-1.1411,2.7554Z"/></svg>
1069                                    </div>
1070                                    <div class="flex flex-col w-full gap-1">
1071                                        <span class="block text-sm leading-none uppercase whitespace-normal font-narrow">Vermittlungsstelle für gemeinnützige Arbeit</span>
1072                                        <p class="block text-xs text-wrap group-hover:text-main">Wir vermitteln Jugendliche an entsprechende Organisationen und Einrichtungen.</p>
1073                                    </div>
1074                                    <div >
1075                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 27" class="w-4">
1076                                            <g fill="none" fill-rule="evenodd">
1077                                              <circle cx="13.5" cy="13.5" r="13.5" class="transition-all fill-transparent group-hover:fill-main"/>
1078                                              <path class="transition-all fill-black group-hover:fill-main" fill-rule="nonzero" d="M13.5 0C20.956 0 27 6.044 27 13.5S20.956 27 13.5 27 0 20.956 0 13.5 6.044 0 13.5 0Zm0 2.025C7.163 2.025 2.025 7.163 2.025 13.5S7.163 24.975 13.5 24.975 24.975 19.837 24.975 13.5 19.837 2.025 13.5 2.025Z"/>
1079                                              <path class="transition-all fill-black group-hover:fill-white" fill-rule="nonzero" d="M10.76 19.616a1.012 1.012 0 0 1 0-1.432l4.684-4.684-4.685-4.684a1.013 1.013 0 0 1-.084-1.337l.084-.095a1.012 1.012 0 0 1 1.432 0l5.4 5.4a1.012 1.012 0 0 1 0 1.432l-5.4 5.4a1.012 1.012 0 0 1-1.432 0Z"/>
1080                                            </g>
1081                                          </svg>
1082                                    </div>
1083                                </div>
1084                            </a>
1085                        </div>
1086                        
1087                        <div class="color-gewaltpraevention" >
1088                            <a
1089                                class="
1090                                    whitespace-nowrap p-2 block group rounded-2xl hover:bg-neutral-500
1091                                    
1092                                "
1093                                :tabindex="mobileNavOpen ? 0 : -1"
1094                                href="/gewaltpraevention"
1095                                
1096                                
1097                                    data-color="#BF8C00"
1098                                   
1099                            >
1100                                <div class="flex items-center gap-2">
1101                                    <div class="w-8 min-w-8">
1102                                        <svg class="w-full fill-main" xmlns="http://www.w3.org/2000/svg" fill="currentColor" version="1.1" viewBox="0 0 120 120"><path d="M46.4711,51.5781c1.1045,0,2-.8955,2-2V16.8926c0-2.2681,1.8447-4.1133,4.1133-4.1133s4.1133,1.8452,4.1133,4.1133v32.6855c0,1.1045.8955,2,2,2s2-.8955,2-2v-25.8525c0-2.2686,1.8457-4.1138,4.1138-4.1138s4.1138,1.8452,4.1138,4.1138v29.2012c0,1.1045.8955,2,2,2s2-.8955,2-2v-19.4927c0-2.2686,1.8447-4.1138,4.1133-4.1138s4.1133,1.8452,4.1133,4.1138v22.3989c0,1.1045.8955,2,2,2s2-.8955,2-2v-22.3989c0-4.4741-3.6396-8.1138-8.1133-8.1138-1.5005,0-2.9067.4092-4.1133,1.1221v-2.7168c0-4.4741-3.6396-8.1138-8.1138-8.1138-1.5005,0-2.9077.4097-4.1147,1.123-.085-4.4014-3.6914-7.9556-8.1123-7.9556s-8.0273,3.5542-8.1123,7.9556c-1.207-.7134-2.6143-1.
1102123-4.1147-1.123-4.4741,0-8.1138,3.6396-8.1138,8.1138v30.6279c-1.6841-2.3467-3.6328-4.8677-5.1338-6.2476-2.1221-1.9507-8.5801-7.8892-14.7051-2.8843-1.4062,1.1489-2.5713,3.0142-1.6426,4.7642l16.8984,33.6719c5.5508,10.4658,11.9658,15.6919,20.7998,16.9448.0952.0137.1895.0205.2832.0205.98-.0005,1.8359-.7212,1.9775-1.7197.1553-1.0933-.6055-2.106-1.6992-2.2607-7.5391-1.0698-12.8711-5.5137-17.8066-14.8188L14.579,48.6748c.1001-.1187.229-.252.356-.3555,1.7012-1.3896,4.1562-2.1523,9.4673,2.731,2.3794,2.188,6.6948,8.5947,8.1567,10.8784.001.0015.0029.0024.0039.004.1055.164.2397.3054.3877.4318.0273.0233.0527.0471.0811.0687.1455.1116.3047.2033.478.272.0317.0126.064.0204.0962.0314.1597.0542.3271.0899.5029.1019.0249.0016.0479.0077.0728.0085.0107.0003.021.0035.0317.0037,8.8701.1362,13.3857,4.103,16.9448,8.3691.396.4741.9644.7188,1.5366.7188.4521,0,.9062-.1523,1.2803-.4644.8486-.7075.9624-1.9688.2549-2.8169-3.7134-4.4515-8.7466-9.0135-17.9863-9.7161V23.7256c0-2.2686,1.8457-4.1138,4.1138-4.1138s4.1138,1.8452,4.1138,4.1138v25.8525c0,1.1045.8955,2,2,2Z"/><path d="M108.8778,103.4863l-21.7476-38.4009c-.9336-1.6172-2.6064-2.583-4.4736-2.583h0c-1.8682,0-3.54.9653-4.4824,2.5977l-21.7354,38.3794c-.9297,1.6157-.9287,3.5435.0039,5.1582.9336,1.6172,2.6064,2.583,4.4736,2.583h43.4795c1.8672,0,3.54-.9653,4.4736-2.5825.9336-1.6177.9336-3.5488.0083-5.1519ZM105.4057,106.6377c-.1016.1753-.4023.583-1.0098.583h-43.4795c-.6074,0-.9082-.4077-1.0098-.583-.1011-.1753-.3037-.6396,0-1.166l.0088-.0146,21.731-38.3716c.3042-.5264.8076-.583,1.0103-.583.2021,0,.7056.0566,1.001.5684l21.748,38.4009c.3037.5264.1011.9907,0,1.166Z"/><path d="M82.6562,78.0757c-1.1045,0-2,.8955-2,2v15.4707c0,1.1045.8955,2,2,2s2-.8955,2-2v-15.4707c0-1.1045-.8955-2-2-2Z"/><path d="M83.7621,100.394c-.1006-.0698-.2202-.1299-.3403-.1797-.1196-.0503-.25-.0903-.3696-.1201-.6504-.1299-1.3403.0898-1.8105.5498-.3696.3701-.5801.8901-.5801,1.4199,0,.52.2104,1.04.5801,1.4102.3701.3701.8906.5898,1.4102.5898.1401,0,.27-.02.4004-.0396.1196-.0303.25-.0703.3696-.1201.1201-.0503.2397-.1104.3403-.1802.1099-.0698.2197-.1602.3096-.25.3701-.3701.5801-.8901.5801-1.4102,0-.5298-.21-1.0498-.5801-1.4199-.0898-.0898-.1997-.1699-.3096-.25Z"/></svg>
1103                                    </div>
1104                                    <div class="flex flex-col w-full gap-1">
1105                                        <span class="block text-sm leading-none uppercase whitespace-normal font-narrow">Gewaltprävention</span>
1106                                        <p class="block text-xs text-wrap group-hover:text-main">Unser Sozialverein setzt sich aktiv für Gewaltprävention und soziale Verantwortung ein.</p>
1107                                    </div>
1108                                    <div >
1109                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 27" class="w-4">
1110                                            <g fill="none" fill-rule="evenodd">
1111                                              <circle cx="13.5" cy="13.5" r="13.5" class="transition-all fill-transparent group-hover:fill-main"/>
1112                                              <path class="transition-all fill-black group-hover:fill-main" fill-rule="nonzero" d="M13.5 0C20.956 0 27 6.044 27 13.5S20.956 27 13.5 27 0 20.956 0 13.5 6.044 0 13.5 0Zm0 2.025C7.163 2.025 2.025 7.163 2.025 13.5S7.163 24.975 13.5 24.975 24.975 19.837 24.975 13.5 19.837 2.025 13.5 2.025Z"/>
1113                                              <path class="transition-all fill-black group-hover:fill-white" fill-rule="nonzero" d="M10.76 19.616a1.012 1.012 0 0 1 0-1.432l4.684-4.684-4.685-4.684a1.013 1.013 0 0 1-.084-1.337l.084-.095a1.012 1.012 0 0 1 1.432 0l5.4 5.4a1.012 1.012 0 0 1 0 1.432l-5.4 5.4a1.012 1.012 0 0 1-1.432 0Z"/>
1114                                            </g>
1115                                          </svg>
1116                                    </div>
1117                                </div>
1118                            </a>
1119                        </div>
1120                        
1121                        <div class="color-junges-wohnen" >
1122                            <a
1123                                class="
1124                                    whitespace-nowrap p-2 block group rounded-2xl hover:bg-neutral-500
1125                                    
1126                                "
1127                                :tabindex="mobileNavOpen ? 0 : -1"
1128                                href="/junges-wohnen"
1129                                
1130                                
1131                                    data-color="#582B66"
1132                                   
1133                            >
1134                                <div class="flex items-center gap-2">
1135                                    <div class="w-8 min-w-8">
1136                                        <svg class="w-full fill-main" xmlns="http://www.w3.org/2000/svg" fill="currentColor" version="1.1" viewBox="0 0 120 120"><path d="M73.1899,27.1786l-19.8462-17.9492c-.7617-.6885-1.9214-.6885-2.6831,0l-15.0381,13.6011v-5.8184c0-1.1045-.895-2-2-2h-11.4683c-1.1045,0-2,.8955-2,2v19.5034c0,.0958.0151.1876.0283.2798l-10.0474,9.0873c-.6133.5552-.8223,1.4302-.5249,2.2021s1.0396,1.2812,1.8667,1.2812h11.0776v32.3965c0,1.1045.895,2,2,2h14.6704c1.1045,0,2-.8955,2-2s-.8955-2-2-2h-12.6704v-32.3965c0-1.1045-.8955-2-2-2h-7.8853L52.0024,13.4095l18.5039,16.7358c.8193.7402,2.084.6763,2.8252-.1416.7407-.8193.6772-2.084-.1416-2.8252ZM24.1543,19.0121h7.4683v7.2095c0,.0712.0137.1385.021.2078l-7.4893,6.7737v-14.191Z"/><g><path d="M35.1578,111.287c-.5309,0-1.0404-.2109-1.4158-.5874-.3801-.3809-.5907-.8989-.5841-1.437l.1361-11.1655c.0063-.522.2166-1.0205.5857-1.3896l23.6754-23.6758c-4.754-10.4863-2.5621-22.7749,5.6639-31.001,10.8062-10.8066,28.389-10.8066,39.1952,0,10.8096,10.8096,10.8124,28.3955.0063,39.2017-8.2273,8.2275-20.5168,10.4189-31.0011,5.6641l-4.7052,4.7051c-.2324.2324-.5187.4043-.8333.4995l-4.6425,1.4092-2.1825,5.5166c-.2386.603-.7549,1.0527-1.3849,1.207l-6.1973,1.5146-1.3832,7.7603c-.1688.9468-.9874,1.6392-1.9491,1.6489l-12.9639.1294h-.02ZM37.2838,98.9598l-.1012,8.3066,9.2612-.0923,1.3208-7.4102c.139-.7793.7249-1.4038,1.4941-1.5918l6.4583-1.5786,2.1572-5.4526c.2244-.5669.6953-1.001,1.2788-1.1777l5.087-1.5444,5.3573-5.3569c.6162-.6162,1.5602-.7632,2.3344-.3618,9.2051,4.7705,20.3209,3.0444,27.6605-4.2959,9.2465-9.2466,9.2435-24.2949-.0063-33.5454-9.2467-9.2466-24.2917-9.2466-33.5385,0-7.3379,7.3384-9.0643,18.4541-4.296,27.6611.4006.7739.2544,1.7178-.3618,2.334l-24.1058,24.106Z"/><path d="M89.7211,62.5326c-1.9995,0-3.999-.7607-5.5212-2.2832-1.4747-1.4746-2.287-3.4351-2.287-5.521s.8123-4.0464,2.287-5.521c3.0447-3.0439,7.9982-3.0439,11.0424,0,1.4749,1.4746,2.2871,3.4351,2.2871,5.521s-.8124,4.0464-2.2871,5.521h0c-1.5222,1.5225-3.5216,2.2832-5.5211,2.2832ZM89.7211,50.9222c-.9753,0-1.9504.3711-2.6929,1.1133-.7192.7192-1.1154,1.6758-1.1154,2.6929s.3961,1.9736,1.1154,2.6929c1.4849,1.4844,3.9008,1.4844,5.3856,0h0c.7194-.7192,1.1155-1.6758,1.1155-2.6929s-.3961-1.9736-1.1155-2.6929c-.7423-.7422-1.7177-1.1133-2.6927-1.1133Z"/></g></svg>
1137                                    </div>
1138                                    <div class="flex flex-col w-full gap-1">
1139                                        <span class="block text-sm leading-none uppercase whitespace-normal font-narrow">Junges Wohnen</span>
1140                                        <p class="block text-xs text-wrap group-hover:text-main">Wir wollen jungen Erwachsenendie Chance geben, sich im Wohnheim und der Gesellschaft zu sozialisieren</p>
1141                                    </div>
1142                                    <div >
1143                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 27" class="w-4">
1144                                            <g fill="none" fill-rule="evenodd">
1145                                              <circle cx="13.5" cy="13.5" r="13.5" class="transition-all fill-transparent group-hover:fill-main"/>
1146                                              <path class="transition-all fill-black group-hover:fill-main" fill-rule="nonzero" d="M13.5 0C20.956 0 27 6.044 27 13.5S20.956 27 13.5 27 0 20.956 0 13.5 6.044 0 13.5 0Zm0 2.025C7.163 2.025 2.025 7.163 2.025 13.5S7.163 24.975 13.5 24.975 24.975 19.837 24.975 13.5 19.837 2.025 13.5 2.025Z"/>
1147                                              <path class="transition-all fill-black group-hover:fill-white" fill-rule="nonzero" d="M10.76 19.616a1.012 1.012 0 0 1 0-1.432l4.684-4.684-4.685-4.684a1.013 1.013 0 0 1-.084-1.337l.084-.095a1.012 1.012 0 0 1 1.432 0l5.4 5.4a1.012 1.012 0 0 1 0 1.432l-5.4 5.4a1.012 1.012 0 0 1-1.432 0Z"/>
1148                                            </g>
1149                                          </svg>
1150                                    </div>
1151                                </div>
1152                            </a>
1153                        </div>
1154                        
1155                        <div class="color-brueckehof" >
1156                            <a
1157                                class="
1158                                    whitespace-nowrap p-2 block group rounded-2xl hover:bg-neutral-500
1159                                    
1160                                "
1161                                :tabindex="mobileNavOpen ? 0 : -1"
1162                                href="/brueckehof"
1163                                
1164                                
1165                                    data-color="#981A45"
1166                                   
1167                            >
1168                                <div class="flex items-center gap-2">
1169                                    <div class="w-8 min-w-8">
1170                                        <svg class="w-full fill-main" xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 120 120" fill="currentColor"><path d="M32.2979,80.0699H9.7822v-33.4761L48.3081,13.6515l24.999,21.376c.8398.7178,2.1025.6187,2.8198-.2202.7183-.8394.6191-2.1021-.2202-2.8198l-26.2988-22.4873c-.7485-.6396-1.8511-.6396-2.5996,0L6.4824,44.1525c-.4443.3799-.7002.9355-.7002,1.52v36.3975c0,1.1045.8955,2,2,2h24.5156c1.1045,0,2-.8955,2-2s-.8955-2-2-2Z"/><path d="M113.5,47.9366c-9.1353-7.6323-18.1895-10.2656-29.3574-8.5415-9.0322,1.3956-16.1162,6.2037-19.9937,12.8587-3.8062-4.2056-9.2451-6.9315-15.6538-7.7693-9.7549-1.2759-17.9233,1.2388-25.7031,7.9131-.4678.4019-.7021,1.0127-.6729,1.6289.0293.6157.3638,1.1997.8677,1.5557,3.2886,2.3203,5.9126,5.4365,7.5894,9.0107,1.082,2.3062,2.2686,4.3237,3.5273,5.9971,3.4238,4.5518,8.6045,8.9346,12.0518,10.1943,2.0469.748,4.1826,1.0806,6.291,1.0806,3.4048,0,6.7339-.8713,9.5015-2.2573-2.3818,8.1017-3.5698,21.8414,1.3667,30.373.3711.6411,1.0425.999,1.7334.999.3398,0,.6841-.0869.9995-.2695.9561-.5532,1.2827-1.7764.7295-2.7324-4.6782-8.0848-2.8994-22.196-.439-28.9531,2.9585,2.5289,7.0996,3.8715,11.6602,3.8711,3.1387,0,6.4766-.6357,9.7598-1.9561,3.8682-1.5552,9.5933-6.7334,13.3169-12.0439,1.374-1.9595,2.6567-4.3154,3.813-7.0029,1.8271-4.2485,4.7607-7.978,8.5449-10.8325.4829-.3691.7715-.938.7847-1.5459.0132-.6074-.2505-1.188-.7173-1.5776ZM47.5283,77.0275c-2.373-.8677-6.958-4.4946-10.228-8.8423-1.0938-1.4536-2.1372-3.2339-3.1025-5.291-1.6157-3.4438-3.9761-6.5229-6.8823-9.0093,6.3262-4.7827,12.791-6.4614,20.6611-5.4346,6.1201.8002,11.1406,3.5906,14.2988,7.8589-1.2764,3.6001-1.7227,7.5719-1.1753,11.7343.2852,2.1686.8813,4.2503,1.769,6.2161-3.1538,2.6423-9.6157,4.8621-15.3408,2.7678ZM101.2129,60.3121c-1.0479,2.4365-2.1963,4.5513-3.4131,6.2866-3.6138,5.1543-8.8008,9.5308-11.5342,10.6299-7.3145,2.9413-15.0649,1.8383-18.5264-2.4989,1.8081-5.5207,5.2896-10.4587,10.5889-15.0284,5.9434-5.1191,8.833-6.0088,12.4902-7.1353l.5332-.1646c1.0552-.3271,1.6455-1.4473,1.3184-2.5024-.3271-1.0557-1.4482-1.646-2.5029-1.3179l-.5254.1621c-3.7783,1.1636-7.3467,2.2622-13.9243,7.9282-4.6279,3.9903-8.0142,8.2656-10.2378,12.9431-.1729-.6866-.3203-1.3816-.4136-2.0925-1.5776-12.001,6.7017-22.1675,19.688-24.1738,9.1597-1.415,16.7407.4844,24.2783,6.1475-3.3652,2.9932-6.0449,6.6914-7.8193,10.8164Z"/></svg>
1171                                    </div>
1172                                    <div class="flex flex-col w-full gap-1">
1173                                        <span class="block text-sm leading-none uppercase whitespace-normal font-narrow">Brückehof</span>
1174                                        <p class="block text-xs text-wrap group-hover:text-main">Eine top-ausgestattete Location, in unmittelbarer Nähe zum Nilkheimer Teil des Schönbuschs</p>
1175                                    </div>
1176                                    <div >
1177                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 27" class="w-4">
1178                                            <g fill="none" fill-rule="evenodd">
1179                                              <circle cx="13.5" cy="13.5" r="13.5" class="transition-all fill-transparent group-hover:fill-main"/>
1180                                              <path class="transition-all fill-black group-hover:fill-main" fill-rule="nonzero" d="M13.5 0C20.956 0 27 6.044 27 13.5S20.956 27 13.5 27 0 20.956 0 13.5 6.044 0 13.5 0Zm0 2.025C7.163 2.025 2.025 7.163 2.025 13.5S7.163 24.975 13.5 24.975 24.975 19.837 24.975 13.5 19.837 2.025 13.5 2.025Z"/>
1181                                              <path class="transition-all fill-black group-hover:fill-white" fill-rule="nonzero" d="M10.76 19.616a1.012 1.012 0 0 1 0-1.432l4.684-4.684-4.685-4.684a1.013 1.013 0 0 1-.084-1.337l.084-.095a1.012 1.012 0 0 1 1.432 0l5.4 5.4a1.012 1.012 0 0 1 0 1.432l-5.4 5.4a1.012 1.012 0 0 1-1.432 0Z"/>
1182                                            </g>
1183                                          </svg>
1184                                    </div>
1185                                </div>
1186                            </a>
1187                        </div>
1188                        
1189                        <div class="color-zentrale-beratungsstelle-fuer-haftentlassene" >
1190                            <a
1191                                class="
1192                                    whitespace-nowrap p-2 block group rounded-2xl hover:bg-neutral-500
1193                                    
1194                                "
1195                                :tabindex="mobileNavOpen ? 0 : -1"
1196                                href="/zentrale-beratungsstelle-fuer-haftentlassene"
1197                                
1198                                
1199                                    data-color="#3E814A"
1200                                   
1201                            >
1202                                <div class="flex items-center gap-2">
1203                                    <div class="w-8 min-w-8">
1204                                        <svg class="w-full fill-main" xmlns="http://www.w3.org/2000/svg" fill="currentColor" version="1.1" viewBox="0 0 120 120"><path d="M111.2761,53.9265h-1.3594l-16.6567-39.9297c0-.0008-.001-.0014-.001-.0022-.0684-.163-.1636-.3101-.2705-.4478-.0269-.0346-.0537-.0674-.0825-.1-.1133-.1276-.2368-.2453-.3784-.3406-.0078-.0053-.0171-.0084-.0249-.0135-.1357-.0884-.2847-.1552-.4409-.2088-.042-.0145-.083-.0274-.1255-.0391-.1646-.0446-.334-.0756-.5117-.0765-.0034,0-.0068-.0015-.0103-.0015-.001,0-.002.0005-.0034.0005H28.589c-.0015,0-.0024-.0005-.0034-.0005-.0034,0-.0068.0015-.0103.0015-.1777.0009-.3472.0319-.5117.0765-.0425.0117-.0835.0246-.1255.0391-.1562.0536-.3052.1205-.4414.209-.0078.0051-.0166.0081-.0244.0132-.1416.0953-.2651.2132-.3784.3408-.0288.0326-.0557.0653-.0825.0999-.1069.1377-.2021.2847-.2705.4478,0,.0008-.001.0014-.001.0022L10.0832,53.9265h-1.3594c-1.1045,0-2,.9746-2,2.0791,0,12.0547,9.8071,21.8618,21.8618,21.8618s21.8613-9.8071,21.8613-21.8618v-.0791c0-1.1045-.8955-2-2-2h-1.3589l-15.501-37.1592h26.5374v86.4657h-23.9326c-1.1045,0-2,.8955-2,2s.8955,2,2,2h51.8662c1.1045,0,2-.8955,2-2s-.8955-2-2-2h-23.9336V16.7674h26.2883l-15.501,37.1592h-1.3589c-1.1045,0-2,.9746-2,2.0791,0,12.0547,9.8066,21.8618,21.8613,21.8618s21.8618-9.8071,21.8618-21.8618v-.0791c0-1.1045-.8955-2-2-2h.0002ZM28.5857,73.8675c-9.1782,0-16.7617-6.9585-17.752-15.9409h34.9189c.001,0,.002.0005.0029.0005.002,0,.0034-.0005.0054-.0005h.5835c-.9609,8.9492-8.5586,15.9409-17.7588,15.9409h.0001ZM14.4177,53.9265l14.168-33.9648,14.168,33.9648H14.4177ZM91.4144,19.9617l14.168,33.9648h-28.3359l14.168-33.9648h0ZM91.4144,73.8675c-9.1777,0-16.7617-6.9585-17.752-15.9409h34.9189c.001,0,.002.0005.0029.0005.002,0,.0034-.0005.0054-.0005h.584c-.9609,8.9492-8.5591,15.9409-17.7593,15.9409h0Z"/></svg>
1205                                    </div>
1206                                    <div class="flex flex-col w-full gap-1">
1207                                        <span class="block text-sm leading-none uppercase whitespace-normal font-narrow">Zentrale Beratungsstelle für Haftentlassene</span>
1208                                        <p class="block text-xs text-wrap group-hover:text-main">Unsere zentrale Beratungsstelle richtet sich an männliche Haftentlassene ohne Bewährungshelfer und ohne Führungsaufsicht.</p>
1209                                    </div>
1210                                    <div >
1211                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 27" class="w-4">
1212                                            <g fill="none" fill-rule="evenodd">
1213                                              <circle cx="13.5" cy="13.5" r="13.5" class="transition-all fill-transparent group-hover:fill-main"/>
1214                                              <path class="transition-all fill-black group-hover:fill-main" fill-rule="nonzero" d="M13.5 0C20.956 0 27 6.044 27 13.5S20.956 27 13.5 27 0 20.956 0 13.5 6.044 0 13.5 0Zm0 2.025C7.163 2.025 2.025 7.163 2.025 13.5S7.163 24.975 13.5 24.975 24.975 19.837 24.975 13.5 19.837 2.025 13.5 2.025Z"/>
1215                                              <path class="transition-all fill-black group-hover:fill-white" fill-rule="nonzero" d="M10.76 19.616a1.012 1.012 0 0 1 0-1.432l4.684-4.684-4.685-4.684a1.013 1.013 0 0 1-.084-1.337l.084-.095a1.012 1.012 0 0 1 1.432 0l5.4 5.4a1.012 1.012 0 0 1 0 1.432l-5.4 5.4a1.012 1.012 0 0 1-1.432 0Z"/>
1216                                            </g>
1217                                          </svg>
1218                                    </div>
1219                                </div>
1220                            </a>
1221                        </div>
1222                        
1223                        <div class="color-schreinerei" >
1224                            <a
1225                                class="
1226                                    whitespace-nowrap p-2 block group rounded-2xl hover:bg-neutral-500
1227                                    
1228                                "
1229                                :tabindex="mobileNavOpen ? 0 : -1"
1230                                href="/schreinerei"
1231                                
1232                                
1233                                    data-color="#015F6A"
1234                                   
1235                            >
1236                                <div class="flex items-center gap-2">
1237                                    <div class="w-8 min-w-8">
1238                                        <svg class="w-full fill-main" xmlns="http://www.w3.org/2000/svg" fill="currentColor" version="1.1" viewBox="0 0 120 120"><path d="M108.5027,49.6774l-3.2148-3.2153c-2.0542-2.0532-4.8848-3.1953-7.7935-3.145-2.7935-.1055-3.5679-1.7856-4.3389-6.4263-.0005-.0017-.001-.0032-.0015-.0049-1.2939-7.8295-11.9453-18.6293-21.1182-21.4062-5.5195-1.6519-18.376-2.6616-22.8193.646-1.459,1.0859-1.7646,2.3784-1.7646,3.271,0,2.6675,2.9209,3.8481,6.6182,5.3428,4.7744,1.9297,10.7158,4.3315,11.2246,9.5166.2393,2.4312-.9502,3.9287-2.2832,5.1973l-8.2812,8.021-29.7725-29.5376c-.3779-.3745-.9019-.5791-1.4209-.5801-.5312.0029-1.04.2178-1.4131.5967l-10.9316,11.104c-.7456.7578-.7686,1.9658-.0522,2.751l3.7368,4.0962c.2471.271.5635.4688.915.5718l4.7529,1.3916-1.0884,4.6924c-.2397,1.0332.3687,2.0742,1.3867,2.3716l4.6201,1.3516-1.0894,4.689c-.2397,1.0337.3691,2.0742,1.3867,2.3721l4.6201,1.3516-1.0889,4.689c-.2402,1.0337.3682,2.0742,1.3867,2.3721l4.6196,1.3516-.9507,4.0919-18.2422,16.933c-2.2529,2.1426-3.5146,5.0347-3.5537,8.1431-.0391,3.1089,1.1504,6.0317,3.3486,8.23,2.1631,2.1631,5.0288,3.3496,8.0825,3.3496.0405,0,.0815-.0005.1221-.001,3.0996-.0317,5.9883-1.2812,8.1343-3.5176l14.7754-15.4008,2.2891,2.0844-.8394,9.04c-.0601.6494.1997,1.2876.6968,1.7095l8.2124,6.9727c1.0391.8823,2.3052,1.3164,3.5669,1.3164,1.4883-.0005,2.9688-.605,4.0562-1.79l11.0098-11.9927h1.6011c5.8882,0,10.6787-4.7905,10.6787-10.6792,0-.5332-.2129-1.0444-.5913-1.4199l-18.4941-18.3481,7.3276-7.6323c1.3848-1.3843,3.0381-.9863,3.9009-.626,1.7207.7188,2.9155,2.3145,2.9062,3.8452-.0698,2.9233,1.0767,5.7861,3.1445,7.8535l3.2148,3.2148c.5674.5674,1.3218.8799,2.1245.8799s1.5566-.3125,2.124-.8799l14.5596-14.5591c.5674-.5674.8799-1.3218.8799-2.1245,0-.8022-.3125-1.5566-.8799-2.124ZM29.3523,97.568c-1.395,1.4541-3.2734,2.2666-5.2891,2.2876-2.0332.0044-3.9102-.7524-5.335-2.1772-1.4297-1.4297-2.2026-3.3301-2.1772-5.3516s.8462-3.9019,2.293-5.2783l17.8413-16.5606,3.5303,1.0328-1.1201,4.8213c-.1641.7051.0664,1.4438.6016,1.9316l4.3589,3.9692-14.7036,15.3253ZM43.2566,76.1051l1.2832-5.521c.2397-1.0332-.3691-2.0742-1.3872-2.3721l-4.6196-1.3511,1.0889-4.6885c.2402-1.0332-.3682-2.0742-1.3862-2.3721l-4.6201-1.3516,1.0894-4.6895c.2397-1.0337-.3691-2.0742-1.3867-2.3721l-4.6201-1.3516,1.0889-4.689c.2402-1.0337-.3682-2.0742-1.3867-2.3721l-4.6201-1.3516,1.0884-4.6914c.2397-1.0332-.3687-2.0737-1.3862-2.3716l-6.0283-1.7651-2.0815-2.2822,8.1929-8.3223,44.7207,44.366
12387-16.9609,16.895-8.0684-7.3472ZM84.24,82.3849c-.3911,3.3135-3.2168,5.8921-6.6328,5.8921h-2.48c-.5601,0-1.0942.2349-1.4731.6475l-11.6045,12.6401c-.5503.5991-1.4668.6558-2.0869.1299l-7.4194-6.2993.7686-8.2759,17.814-17.7446,13.1143,13.0103ZM91.8191,64.9527l-2.5107-2.5112c-1.2983-1.2979-2.0176-3.0947-1.9736-4.9653.0195-3.1943-2.1357-6.2471-5.3633-7.5957-2.9961-1.2524-6.0879-.6953-8.2998,1.5176l-7.3115,7.6141-8.7896-8.7201,8.2104-7.9531c1.6992-1.6157,3.9092-4.2524,3.4951-8.4736-.7461-7.5957-8.5459-10.748-13.7065-12.8345-1.3569-.5483-3.1333-1.2666-3.9087-1.7876,1.9902-1.6177,12.6611-1.8965,19.2222.0664,8.3071,2.5151,17.3667,12.4038,18.3262,18.2334,0,.0005.0005.001.0005.0015v.0015c.5938,3.5776,1.5884,9.5654,8.21,9.7705.0361.001.0723.001.1094.0005,1.8359-.0532,3.6318.6753,4.9302,1.9736l2.5112,2.5107-13.1514,13.1514Z"/></svg>
1239                                    </div>
1240                                    <div class="flex flex-col w-full gap-1">
1241                                        <span class="block text-sm leading-none uppercase whitespace-normal font-narrow">Schreinerei</span>
1242                                        <p class="block text-xs text-wrap group-hover:text-main">Durch unseren Schreinermeister und das handwerkliche Können, sind wir in der Lage auf die Wünsche des Kunden direkt einzugehen.</p>
1243                                    </div>
1244                                    <div >
1245                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 27" class="w-4">
1246                                            <g fill="none" fill-rule="evenodd">
1247                                              <circle cx="13.5" cy="13.5" r="13.5" class="transition-all fill-transparent group-hover:fill-main"/>
1248                                              <path class="transition-all fill-black group-hover:fill-main" fill-rule="nonzero" d="M13.5 0C20.956 0 27 6.044 27 13.5S20.956 27 13.5 27 0 20.956 0 13.5 6.044 0 13.5 0Zm0 2.025C7.163 2.025 2.025 7.163 2.025 13.5S7.163 24.975 13.5 24.975 24.975 19.837 24.975 13.5 19.837 2.025 13.5 2.025Z"/>
1249                                              <path class="transition-all fill-black group-hover:fill-white" fill-rule="nonzero" d="M10.76 19.616a1.012 1.012 0 0 1 0-1.432l4.684-4.684-4.685-4.684a1.013 1.013 0 0 1-.084-1.337l.084-.095a1.012 1.012 0 0 1 1.432 0l5.4 5.4a1.012 1.012 0 0 1 0 1.432l-5.4 5.4a1.012 1.012 0 0 1-1.432 0Z"/>
1250                                            </g>
1251                                          </svg>
1252                                    </div>
1253                                </div>
1254                            </a>
1255                        </div>
1256                        
1257                        <div class="color-meine-chance" >
1258                            <a
1259                                class="
1260                                    whitespace-nowrap p-2 block group rounded-2xl hover:bg-neutral-500
1261                                    
1262                                "
1263                                :tabindex="mobileNavOpen ? 0 : -1"
1264                                href="/meine-chance"
1265                                
1266                                
1267                                    data-color="#BF5900"
1268                                   
1269                            >
1270                                <div class="flex items-center gap-2">
1271                                    <div class="w-8 min-w-8">
1272                                        <svg class="w-full fill-main" xmlns="http://www.w3.org/2000/svg" fill="currentColor" version="1.1" viewBox="0 0 120 120"><path d="M59.7156,97.0518H16.1311V12.7944h69.1577v49.3524c0,1.1045.8955,2,2,2s2-.8955,2-2V10.7944c0-1.1045-.8955-2-2-2H14.1311c-1.1045,0-2,.8955-2,2v88.2573c0,1.1045.8955,2,2,2h45.5845c1.1045,0,2-.8955,2-2s-.8955-2-2-2Z"/><path d="M33.2659,68.9277h34.8882c1.1045,0,2-.8955,2-2v-21.8735h4.6226c.8286,0,1.5713-.5107,1.8677-1.2847s.085-1.6499-.5312-2.2036l-24.0669-21.606c-.7603-.6826-1.9121-.6826-2.6724,0l-9.1016,8.1709v-3.3691c0-1.1045-.8955-2-2-2h-7.416c-1.1045,0-2,.8955-2,2v13.6176l-3.5493,3.1866c-.6167.5537-.8276,1.4297-.5317,2.2036.2969.7739,1.0391,1.2847,1.8682,1.2847h4.6226v21.8735c0,1.1045.8955,2,2,2ZM50.7097,24.1357l18.8452,16.9185h-1.4009c-1.1045,0-2,.8955-2,2v21.8735h-30.8882v-21.8735c0-1.1045-.8955-2-2-2h-1.4009l18.8447-16.9185ZM32.8562,26.7617h3.416v4.9561c0,.0013.0005.0024.0005.0037l-3.4165,3.0673v-8.027Z"/><path d="M87.1384,69.7446c-11.4312,0-20.7305,9.2998-20.7305,20.7305s9.2993,20.7305,20.7305,20.7305,20.7305-9.2998,20.7305-20.7305-9.2998-20.7305-20.7305-20.7305ZM87.1384,107.2056c-9.2256,0-16.7305-7.5054-16.7305-16.7305s7.5049-16.7305,16.7305-16.7305,16.7305,7.5054,16.7305,16.7305-7.5054,16.7305-16.7305,16.7305Z"/>
1272<path d="M94.0662,83.4922l-10.7256,11.9121-3.7559-3.833c-.7729-.7881-2.0396-.8022-2.8286-.0283-.7886.7729-.8018,2.0391-.0288,2.8281l5.2466,5.3535c.3765.3843.8916.6001,1.4282.6001.0142,0,.0283,0,.0425-.0005.5522-.0117,1.0747-.251,1.4438-.6611l12.1504-13.4941c.7388-.8208.6729-2.0854-.1484-2.8247-.8203-.7393-2.0854-.6729-2.8242.1479Z"/></svg>
1273                                    </div>
1274                                    <div class="flex flex-col w-full gap-1">
1275                                        <span class="block text-sm leading-none uppercase whitespace-normal font-narrow">Meine Chance</span>
1276                                        <p class="block text-xs text-wrap group-hover:text-main">Ein Angebot für junge Menschen unter 25 Jahren, welche keinen Plan mehr haben und /oder aus den Hilfesystemen herausgefallen oder zu fallen drohen.</p>
1277                                    </div>
1278                                    <div >
1279                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 27" class="w-4">
1280                                            <g fill="none" fill-rule="evenodd">
1281                                              <circle cx="13.5" cy="13.5" r="13.5" class="transition-all fill-transparent group-hover:fill-main"/>
1282                                              <path class="transition-all fill-black group-hover:fill-main" fill-rule="nonzero" d="M13.5 0C20.956 0 27 6.044 27 13.5S20.956 27 13.5 27 0 20.956 0 13.5 6.044 0 13.5 0Zm0 2.025C7.163 2.025 2.025 7.163 2.025 13.5S7.163 24.975 13.5 24.975 24.975 19.837 24.975 13.5 19.837 2.025 13.5 2.025Z"/>
1283                                              <path class="transition-all fill-black group-hover:fill-white" fill-rule="nonzero" d="M10.76 19.616a1.012 1.012 0 0 1 0-1.432l4.684-4.684-4.685-4.684a1.013 1.013 0 0 1-.084-1.337l.084-.095a1.012 1.012 0 0 1 1.432 0l5.4 5.4a1.012 1.012 0 0 1 0 1.432l-5.4 5.4a1.012 1.012 0 0 1-1.432 0Z"/>
1284                                            </g>
1285                                          </svg>
1286                                    </div>
1287                                </div>
1288                            </a>
1289                        </div>
1290                        
1291                        </div>
1292                    
1293                </li>
1294            
1295        
1296            
1297                <li
1298                    
1299                    class="leading-none"
1300                >
1301                    <a
1302                        class="
1303                            w-full py-2 flex items-center gap-x-1 sm:text-lg text-base font-bold hover:underline underline-offset-4 justify-between
1304                            text-neutral
1305                        "
1306                        :tabindex="mobileNavOpen ? 0 : -1"
1307                        
1308                            href="/kontakt"
1309                        
1310                        
1311                    >
1312                        <span>Kontakt</span>
1313
1314                        
1315                    </a>
1316
1317                    
1318                </li>
1319            
1320        
1321    </ul>
1322    </div>
1323</nav>
1324  <div x-cloak class="fixed flex items-start pt-[10vh] justify-center inset-0 z-[110] w-full h-full bg-neutral-100/60 opacity-0 transition-all"
1325  :class="{'opacity-100 delay-0 pointer-events-auto': showSearchOverlay, 'pointer-events-none': !showSearchOverlay}"
1326  @click.self="closeSearch()"
1327  @keyup.escape.window.prevent="closeSearch()"
1328  >
1329    <div class="w-[90%] max-w-[640px]  rounded-2xl bg-neutral-500 overflow-hidden p-2">
1330      <form class="relative flex items-center" action="/suchergebnisse">
1331      <svg class="absolute w-6 -translate-y-1/2 left-2 top-1/2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/></svg>
1332        <input :tabindex="showSearchOverlay ? 0 : -1" type="text" name="q" class="w-full py-4 pl-10 font-bold bg-transparent border-none text-md placeholder:font-normal focus:outline-none search-input" placeholder="Suchbegriff eingeben..." x-ref="searchInput">
1333        <button :tabindex="showSearchOverlay ? 0 : -1" class="px-4 py-2 font-bold text-white border-2 border-black rounded-full bg-blue">Suchen</button>
1334      </form>
1335    </div>
1336  </div>
1337</header>
1338<!-- End: /layout/_header.antlers.html -->
1339
1340<div x-cloak class="fixed inset-0 z-[90] w-full h-full bg-neutral-100/60 transition-all pointer-events-none"
1341:class="{'opacity-100 delay-0': showMenuOverlay, 'opacity-0 delay-0': !showMenuOverlay}"
1342>
1343
1344</div>
1345
1346 
1347
1348
1349            <!-- /sectionbuilder.antlers.html -->
1350<main id="content" class="flex-1 mt-16 md:mt-32 lg:mt-42    color-ueber-uns ">
1351    <div class="items-start pt-12 pb-8 fluid-grid xl:pb-16 lg:pb-12">
1352
1353    <div class="flex flex-col items-start gap-2 my-4 sm:items-center span-content sm:flex-row">
1354      
1355      <span  aria-hidden="true" role="presentation" class="block w-full lg:hidden typo-3xl text-main hyphens-auto">Über Uns</span>
1356    </div>
1357
1358
1359    <div class="order-2 col-span-12 col-start-2 span-content">
1360      
1361        <h1 class="hidden lg:block mt-8 typo-3xl  text-main">Über Uns</h1>
1362        <div class="mt-8 prose lg:prose-lg">
1363          <p>Gegründet am 30. Mai 1983 von engagierten Bürger:innen, die sich für Strafgefangene einsetzten, hat sich Die Brücke e. V. zu einem vielseitigen Träger der sozialen Arbeit entwickelt. Heute arbeiten wir eng mit Sozialverwaltung und Justiz zusammen.</p>
1364<p>Ein interdisziplinäres Team aus Fachkräften und Ehrenamtlichen begleitet Menschen in schwierigen Lebenslagen – von Prävention bis Integration, individuell und alltagsnah.</p>
1365
1366        </div>
1367      
1368    </div>
1369    
1370</div>
1371
1372        
1373 
1374
1375<!-- Section 1 -->
1376<section class="relative bg-neutral-500 text-black prose-black none pb-xs lg:pb-base md:pb-sm z-[50]">
1377
1378    
1379
1380     
1381    
1382    <div class="page-builder stack-xs lg:stack-base md:stack-sm ">
1383
1384    
1385
1386        
1387
1388
1389        
1390        <div class="module-module_fakten fluid-grid relative none none">
1391            
1392            <!-- /page_builder/_module_fakten.antlers.html -->
1393<div class="span-content ">
1394    <div class="flex flex-wrap w-full">
1395    
1396      <div class="flex-grow py-2 md:px-2 basis-full lg:basis-1/4 lg:max-w-1/4 md:basis-1/2 md:max-w-1/2">
1397        <div class="flex flex-col p-4 bg-white rounded-lg 2xl:p-6 text-main">
1398            <span class="block mb-2 text-lg leading-none uppercase 2xl:text-3xl md:text-2xl font-narrow whitespace-nowrap">1983</span>
1399            <span class="block text-sm leading-none uppercase md:text-md font-narrow">Gründung als eingetragener Verein</span>
1400            
1401        </div>
1402      </div>
1403    
1404      <div class="flex-grow py-2 md:px-2 basis-full lg:basis-1/4 lg:max-w-1/4 md:basis-1/2 md:max-w-1/2">
1405        <div class="flex flex-col p-4 bg-white rounded-lg 2xl:p-6 text-main">
1406            <span class="block mb-2 text-lg leading-none uppercase 2xl:text-3xl md:text-2xl font-narrow whitespace-nowrap">1996</span>
1407            <span class="block text-sm leading-none uppercase md:text-md font-narrow">Neubau des Gebrauchtmöbelladens in der Fürther Straße</span>
1408            
1409        </div>
1410      </div>
1411    
1412      <div class="flex-grow py-2 md:px-2 basis-full lg:basis-1/4 lg:max-w-1/4 md:basis-1/2 md:max-w-1/2">
1413        <div class="flex flex-col p-4 bg-white rounded-lg 2xl:p-6 text-main">
1414            <span class="block mb-2 text-lg leading-none uppercase 2xl:text-3xl md:text-2xl font-narrow whitespace-nowrap">> 40</span>
1415            <span class="block text-sm leading-none uppercase md:text-md font-narrow">festangestellte Mitarbeitende und ehrenamtliche Unterstützung</span>
1416            
1417        </div>
1418      </div>
1419    
1420      <div class="flex-grow py-2 md:px-2 basis-full lg:basis-1/4 lg:max-w-1/4 md:basis-1/2 md:max-w-1/2">
1421        <div class="flex flex-col p-4 bg-white rounded-lg 2xl:p-6 text-main">
1422            <span class="block mb-2 text-lg leading-none uppercase 2xl:text-3xl md:text-2xl font-narrow whitespace-nowrap">~ 420 qm</span>
1423            <span class="block text-sm leading-none uppercase md:text-md font-narrow">Verkaufsfläche</span>
1424            
1425        </div>
1426      </div>
1427    
1428      <div class="flex-grow py-2 md:px-2 basis-full lg:basis-1/4 lg:max-w-1/4 md:basis-1/2 md:max-w-1/2">
1429        <div class="flex flex-col p-4 bg-white rounded-lg 2xl:p-6 text-main">
1430            <span class="block mb-2 text-lg leading-none uppercase 2xl:text-3xl md:text-2xl font-narrow whitespace-nowrap">~ 1000 qm</span>
1431            <span class="block text-sm leading-none uppercase md:text-md font-narrow">Lagerfläche</span>
1432            
1433        </div>
1434      </div>
1435    
1436      <div class="flex-grow py-2 md:px-2 basis-full lg:basis-1/4 lg:max-w-1/4 md:basis-1/2 md:max-w-1/2">
1437        <div class="flex flex-col p-4 bg-white rounded-lg 2xl:p-6 text-main">
1438            <span class="block mb-2 text-lg leading-none uppercase 2xl:text-3xl md:text-2xl font-narrow whitespace-nowrap">~ 10.000</span>
1439            <span class="block text-sm leading-none uppercase md:text-md font-narrow">Arbeitsstunden</span>
1440            <div class="text-sm leading-tight"><p>zur Betreuung unseren Maßnahmen im Gebrauchtmöbelladen</p>
1441</div>
1442        </div>
1443      </div>
1444    
1445      <div class="flex-grow py-2 md:px-2 basis-full lg:basis-1/4 lg:max-w-1/4 md:basis-1/2 md:max-w-1/2">
1446        <div class="flex flex-col p-4 bg-white rounded-lg 2xl:p-6 text-main">
1447            <span class="block mb-2 text-lg leading-none uppercase 2xl:text-3xl md:text-2xl font-narrow whitespace-nowrap">~ 45</span>
1448            <span class="block text-sm leading-none uppercase md:text-md font-narrow">Kursabende</span>
1449            <div class="text-sm leading-tight"><p>werden angeboten</p>
1450</div>
1451        </div>
1452      </div>
1453    
1454      <div class="flex-grow py-2 md:px-2 basis-full lg:basis-1/4 lg:max-w-1/4 md:basis-1/2 md:max-w-1/2">
1455        <div class="flex flex-col p-4 bg-white rounded-lg 2xl:p-6 text-main">
1456            <span class="block mb-2 text-lg leading-none uppercase 2xl:text-3xl md:text-2xl font-narrow whitespace-nowrap">7</span>
1457            <span class="block text-sm leading-none uppercase md:text-md font-narrow">Fachabteilungen</span>
1458            <div class="text-sm leading-tight"><p>mit zertifizierten Fachkräften</p>
1459</div>
1460        </div>
1461      </div>
1462    
1463  </div>
1464</div>
1465
1466<!-- End: /page_builder/_module_fakten.antlers.html -->
1467
1468        </div>
1469
1470    
1471
1472        
1473
1474
1475        
1476        <div class="module-layout fluid-grid relative none none">
1477            
1478            <!-- /page_builder/_module_layout.antlers.html -->
1479<div class="module layout_module relative flex overflow-x-hidden flex-col md:flex-row bg-white text-black  span-md justify-center items-start gap-xs lg:gap-base md:gap-sm inner-padding ">
1480    
1481        <div class="group flex   xl:w-2/3 md:w-full w-full">
1482            
1483                
1484                    <!-- /typography/_prose.antlers.html -->
1485<article
1486    class="
1487        prose
1488        prose-a:underline
1489        prose-a:decoration-primary
1490        prose-a:decoration-2
1491        prose-figure:my-0
1492        prose-pre:whitespace-pre-wrap
1493        max-w-none
1494        lg:prose-lg
1495        w-full
1496        prose-black
1497        
1498    "
1499>
1500    <!-- /components/_text.antlers.html -->
1501<div class="
1502	span-content 
1503">
1504    <h3>Trägerzulassung der DQS</h3><p>Seit 2012 ist DIE BRÜCKE e. V. durch eine Trägerzulassung der DQS gegenüber der Agentur für Arbeit zertifiziert (Nr. 506120 nach AZAV §2 RV zum SGB III)</p>
1505</div>
1506<!-- End: /components/_text.antlers.html -->
1507</article>
1508<!-- End: /typography/_prose.antlers.html -->
1509
1510                
1511            
1512        </div>
1513    
1514        <div class="group flex   xl:w-1/3 md:w-full w-full">
1515            
1516                
1517                    <!-- /typography/_prose.antlers.html -->
1518<article
1519    class="
1520        prose
1521        prose-a:underline
1522        prose-a:decoration-primary
1523        prose-a:decoration-2
1524        prose-figure:my-0
1525        prose-pre:whitespace-pre-wrap
1526        max-w-none
1527        lg:prose-lg
1528        w-full
1529        prose-black
1530        
1531    "
1532>
1533    <!-- /components/_image.antlers.html -->
1534<figure
1535    class="
1536        not-prose my-8 only:my-0 
1537        span-md
1538        
1539        
1540    "
1541>
1542    
1543    
1544        
1545        
1546        
1547        
1548        
1549
1550        
1551        
1552
1553        
1554        
1555
1556        
1557        
1558            
1559        
1560
1561        <picture>
1562            
1563                
1564                    <source
1565                        srcset="
1566                            
1567                                /img/asset/YXNzZXRzL2xvZ28tYXphdi1ibGF1LmpwZw/logo-azav-blau.jpg?fm=webp&w=320&fit=crop&q=90&s=845208a96e08681f4efef9bea2322f18 320w,
1568                            
1569                                /img/asset/YXNzZXRzL2xvZ28tYXphdi1ibGF1LmpwZw/logo-azav-blau.jpg?fm=webp&w=480&fit=crop&q=90&s=7b7d21f8a8bdca4a2eba6eb81dce8e63 480w,
1570                            
1571                                /img/asset/YXNzZXRzL2xvZ28tYXphdi1ibGF1LmpwZw/logo-azav-blau.jpg?fm=webp&w=640&fit=crop&q=90&s=c53a17678bd6d23ebc380fc9778bc98f 640w,
1572                            
1573                                /img/asset/YXNzZXRzL2xvZ28tYXphdi1ibGF1LmpwZw/logo-azav-blau.jpg?fm=webp&w=768&fit=crop&q=90&s=076205b87a67ba2796569d1a060c9919 768w,
1574                            
1575                                /img/asset/YXNzZXRzL2xvZ28tYXphdi1ibGF1LmpwZw/logo-azav-blau.jpg?fm=webp&w=1024&fit=crop&q=90&s=ca37d1a3af33aba708dedefc06c5e94c 1024w,
1576                            
1577                                /img/asset/YXNzZXRzL2xvZ28tYXphdi1ibGF1LmpwZw/logo-azav-blau.jpg?fm=webp&w=1280&fit=crop&q=90&s=74d179fde75a6d3511d3c03c52da7ed2 1280w,
1578                            
1579                                /img/asset/YXNzZXRzL2xvZ28tYXphdi1ibGF1LmpwZw/logo-azav-blau.jpg?fm=webp&w=1440&fit=crop&q=90&s=d5162bd33d8d1c697ced6aa854c2a265 1440w,
1580                            
1581                                /img/asset/YXNzZXRzL2xvZ28tYXphdi1ibGF1LmpwZw/logo-azav-blau.jpg?fm=webp&w=1536&fit=crop&q=90&s=cd851794b7f53d
158176fa0a49c595f9c470 1536w,
1582                            
1583                                /img/asset/YXNzZXRzL2xvZ28tYXphdi1ibGF1LmpwZw/logo-azav-blau.jpg?fm=webp&w=1680&fit=crop&q=90&s=0cc39162004b5c8fda5a4850a03eb51f 1680w
1584                            
1585                        "
1586                        sizes="(min-width: 1280px) 1280px, (min-width: 768px) 50vw, 90vw"
1587                        type="image/webp"
1588                    >
1589                
1590                    <source
1591                        srcset="
1592                            
1593                                /img/asset/YXNzZXRzL2xvZ28tYXphdi1ibGF1LmpwZw/logo-azav-blau.jpg?fm=jpg&w=320&fit=crop&q=90&s=cd3925ffb0683031366c25d17f567b53 320w,
1594                            
1595                                /img/asset/YXNzZXRzL2xvZ28tYXphdi1ibGF1LmpwZw/logo-azav-blau.jpg?fm=jpg&w=480&fit=crop&q=90&s=9724cf5d65c7e99e5d07e9fc974c05b0 480w,
1596                            
1597                                /img/asset/YXNzZXRzL2xvZ28tYXphdi1ibGF1LmpwZw/logo-azav-blau.jpg?fm=jpg&w=640&fit=crop&q=90&s=26d66663593e7e4455989e13f7df97ac 640w,
1598                            
1599                                /img/asset/YXNzZXRzL2xvZ28tYXphdi1ibGF1LmpwZw/logo-azav-blau.jpg?fm=jpg&w=768&fit=crop&q=90&s=105860bf498868b5cef2296872ee5795 768w,
1600                            
1601                                /img/asset/YXNzZXRzL2xvZ28tYXphdi1ibGF1LmpwZw/logo-azav-blau.jpg?fm=jpg&w=1024&fit=crop&q=90&s=adcd64dba2f899abf04fc3379948c3b5 1024w,
1602                            
1603                                /img/asset/YXNzZXRzL2xvZ28tYXphdi1ibGF1LmpwZw/logo-azav-blau.jpg?fm=jpg&w=1280&fit=crop&q=90&s=d5db69db8a24a5e43f3ac8374c017f8a 1280w,
1604                            
1605                                /img/asset/YXNzZXRzL2xvZ28tYXphdi1ibGF1LmpwZw/logo-azav-blau.jpg?fm=jpg&w=1440&fit=crop&q=90&s=790a21c298ff4b74c43517a9042fd658 1440w,
1606                            
1607                                /img/asset/YXNzZXRzL2xvZ28tYXphdi1ibGF1LmpwZw/logo-azav-blau.jpg?fm=jpg&w=1536&fit=crop&q=90&s=0de92ba31d889d0d36d6ddf32dee0ca8 1536w,
1608                            
1609                                /img/asset/YXNzZXRzL2xvZ28tYXphdi1ibGF1LmpwZw/logo-azav-blau.jpg?fm=jpg&w=1680&fit=crop&q=90&s=4ac5fc3d9e61fe0f52f387236bcf29ac 1680w
1610                            
1611                        "
1612                        sizes="(min-width: 1280px) 1280px, (min-width: 768px) 50vw, 90vw"
1613                        type="image/jpeg"
1614                    >
1615                
1616                <img
1617                    width="1772"
1618                    height="1454"
1619                    src="/img/asset/YXNzZXRzL2xvZ28tYXphdi1ibGF1LmpwZw/logo-azav-blau.jpg?w=1024&h=840.23476297968&fit=crop&q=93&s=b75545b51670509bd5ff14a91f73aea8"
1620                    alt=""
1621                    
1622                        class="w-full"
1623                    
1624                    
1625                        aria-hidden="true"
1626                    
1627                    
1628                >
1629            
1630        </picture>
1631    
1632
1633    
1634
1635    <!-- /typography/_caption.antlers.html -->
1636
1637<!-- End: /typography/_caption.antlers.html -->
1638
1639</figure>
1640<!-- End: /components/_image.antlers.html -->
1641</article>
1642<!-- End: /typography/_prose.antlers.html -->
1643
1644                
1645            
1646        </div>
1647    
1648</div>
1649<!-- End: /page_builder/_module_layout.antlers.html -->
1650        </div>
1651
1652    
1653
1654        
1655
1656
1657        
1658        <div class="module-module_headline fluid-grid relative pt-xs lg:pt-base md:pt-sm none">
1659            
1660            <!-- /page_builder/_module_headline.antlers.html -->
1661<div class="span-content flex justify-center">
1662    <h2 class="block typo-2xl text-main " >Unsere Abteilungen</h2>
1663</div>
1664
1665<!-- End: /page_builder/_module_headline.antlers.html -->
1666
1667        </div>
1668
1669    
1670
1671        
1672
1673
1674        
1675        <div class="module-module_homegrid fluid-grid relative none pb-xs lg:pb-base md:pb-sm">
1676            
1677            <!-- /page_builder/_module_homegrid.antlers.html -->
1678<div class="lg:col-span-14 col-span-12 col-start-2 lg:col-start-0 ">
1679    <div class="flex flex-col flex-wrap lg:flex-nowrap gap-8 justify-center items-start lg:px-4 lg:flex-row max-w-[1880px] xl:mx-auto">
1680    
1681    <div class="w-full lg:w-3/4">
1682        <div class="js-grid">
1683            <div class="w-full js-grid_sizer xl:w-1/3 sm:w-1/2"></div>
1684            
1685                <div class=" js-grid_item
1686                w-full"
1687                >
1688                    <a href="/holzbruecke" class="block" data-color="#3D2D1F">
1689  <div
1690    class="rounded-2xl group hover:bg-darker transition-all flex flex-col md:flex-row overflow-hidden color-holzbruecke bg-main">
1691    
1692    <div class="relative w-full flex pt-5 justify-center items-center text-white js-lottie h-52 lottie-hover lottie-white md:w-5/12" data-src="/animations/holzbruecke.json">
1693    </div>
1694    
1695    <div
1696      class="w-full md:w-7/12 flex flex-col justify-between lg:p-8 md:p-6 p-4 md:pr-12 pr-24 relative">
1697      <h3 class=" font-narrow uppercase leading-none text-white lg:pb-16 pb-4 text-lg">Holzbrücke</h3>
1698      <div class="prose-sm prose prose-white">
1699        <p>Arbeit gibt Menschen Halt und ihrem Leben Struktur. Menschen ohne berufliche Perspektiven und schwierigem sozialen Umfeld haben in der Holzbrücke durch Mitarbeit in den Werkstätten die Chance gefördert und in den Arbeitsmarkt integriert zu werden.</p>
1700
1701      </div>
1702      <svg class="absolute w-8 fill-white bottom-8 right-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z"/></svg>
1703    </div>
1704  </div>
1705</a>
1706                </div>
1707            
1708                <div class=" js-grid_item
1709                xl:w-1/3 sm:w-1/2 w-full"
1710                >
1711                    <a href="/vermittlungsstelle" class="block" data-color="#0C9297">
1712  <div
1713    class="rounded-2xl group hover:bg-darker transition-all flex flex-col  overflow-hidden color-vermittlungsstelle bg-main">
1714    
1715    <div class="relative w-full flex pt-5 justify-center items-center text-white js-lottie h-52 lottie-hover lottie-white " data-src="/animations/vermittlung.json">
1716    </div>
1717    
1718    <div
1719      class="w-full  flex flex-col justify-between lg:p-6 md:p-6 p-4 lg:pr-12 md:pr-12 pr-12 relative">
1720      <h3 class=" font-narrow uppercase leading-none text-white pb-4 text-md">Vermittlungsstelle für gemeinnützige Arbeit</h3>
1721      <div class="prose-sm prose prose-white">
1722        <p>Wir als “Die Brücke” vermitteln Jugendliche in solchen Fällen in Absprache mit Gericht und Jugendamt an entsprechende Organisationen und Einrichtungen.</p>
1723
1724      </div>
1725      <svg class="absolute w-8 fill-white bottom-8 right-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z"/></svg>
1726    </div>
1727  </div>
1728</a>
1729                </div>
1730            
1731                <div class=" js-grid_item
1732                xl:w-1/3 sm:w-1/2 w-full"
1733                >
1734                    <a href="/gewaltpraevention" class="block" data-color="#BF8C00">
1735  <div
1736    class="rounded-2xl group hover:bg-darker transition-all flex flex-col  overflow-hidden color-gewaltpraevention bg-main">
1737    
1738    <div class="relative w-full flex pt-5 justify-center items-center text-white js-lottie h-52 lottie-hover lottie-white " data-src="/animations/gewaltpraevention.json">
1739    </div>
1740    
1741    <div
1742      class="w-full  flex flex-col justify-between lg:p-6 md:p-6 p-4 lg:pr-12 md:pr-12 pr-12 relative">
1743      <h3 class=" font-narrow uppercase leading-none text-white pb-4 text-md">Gewaltprävention</h3>
1744      <div class="prose-sm prose prose-white">
1745        <p>Unser Sozialverein setzt sich aktiv für Gewaltprävention und soziale Verantwortung ein.</p>
1746
1747      </div>
1748      <svg class="absolute w-8 fill-white bottom-8 right-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z"/></svg>
1749    </div>
1750  </div>
1751</a>
1752                </div>
1753            
1754                <div class=" js-grid_item
1755                xl:w-1/3 sm:w-1/2 w-full"
1756                >
1757                    <a href="/junges-wohnen" class="block" data-color="#582B66">
1758  <div
1759    class="rounded-2xl group hover:bg-darker transition-all flex flex-col  overflow-hidden color-junges-wohnen bg-main">
1760    
1761    <div class="relative w-full flex pt-5 justify-center items-center text-white js-lottie h-52 lottie-hover lottie-white " data-src="/animations/junges_wohnen.json">
1762    </div>
1763    
1764    <div
1765      class="w-full  flex flex-col justify-between lg:p-6 md:p-6 p-4 lg:pr-12 md:pr-12 pr-12 relative">
1766      <h3 class=" font-narrow uppercase leading-none text-white pb-4 text-md">Junges Wohnen</h3>
1767      <div class="prose-sm prose prose-white">
1768        <p>Wir wollen jungen Erwachsenen die Chance geben, sich im Wohnheim und der Gesellschaft zu sozialisieren</p>
1769
1770      </div>
1771      <svg class="absolute w-8 fill-white bottom-8 right-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z"/></svg>
1772    </div>
1773  </div>
1774</a>
1775                </div>
1776            
1777                <div class=" js-grid_item
1778                xl:w-1/3 sm:w-1/2 w-full"
1779                >
1780                    <a href="/brueckehof" class="block" data-color="#981A45">
1781  <div
1782    class="rounded-2xl group hover:bg-darker transition-all flex flex-col  overflow-hidden color-brueckehof bg-main">
1783    
1784    <div class="relative w-full flex pt-5 justify-center items-center text-white js-lottie h-52 lottie-hover lottie-white " data-src="/animations/brueckehof.json">
1785    </div>
1786    
1787    <div
1788      class="w-full  flex flex-col justify-between lg:p-6 md:p-6 p-4 lg:pr-12 md:pr-12 pr-12 relative">
1789      <h3 class=" font-narrow uppercase leading-none text-white pb-4 text-md">Brückehof</h3>
1790      <div class="prose-sm prose prose-white">
1791        <p>Der „Brückehof“ ist eine Location soziale Einrichtungen und pädagogische Projekte, die aber auch der Privatwirtschaft für Veranstaltungen offen steht.</p>
1792
1793      </div>
1794      <svg class="absolute w-8 fill-white bottom-8 right-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z"/></svg>
1795    </div>
1796  </div>
1797</a>
1798                </div>
1799            
1800                <div class=" js-grid_item
1801                xl:w-1/3 sm:w-1/2 w-full"
1802                >
1803                    <a href="/zentrale-beratungsstelle-fuer-haftentlassene" class="block" data-color="#3E814A">
1804  <div
1805    class="rounded-2xl group hover:bg-darker transition-all flex flex-col  overflow-hidden color-zentrale-beratungsstelle-fuer-haftentlassene bg-main">
1806    
1807    <div class="relative w-full flex pt-5 justify-center items-center text-white js-lottie h-52 lottie-hover lottie-white " data-src="/animations/rechtsberatung.json">
1808    </div>
1809    
1810    <div
1811      class="w-full  flex flex-col justify-between lg:p-6 md:p-6 p-4 lg:pr-12 md:pr-12 pr-12 relative">
1812      <h3 class=" font-narrow uppercase leading-none text-white pb-4 text-md">Zentrale Beratungsstelle für Haftentlassene</h3>
1813      <div class="prose-sm prose prose-white">
1814        <p>Unsere zentrale Beratungsstelle richtet sich an männliche Haftentlassene ohne Be
1814währungshelfer und ohne Führungsaufsicht.</p>
1815
1816      </div>
1817      <svg class="absolute w-8 fill-white bottom-8 right-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z"/></svg>
1818    </div>
1819  </div>
1820</a>
1821                </div>
1822            
1823                <div class=" js-grid_item
1824                xl:w-1/3 sm:w-1/2 w-full"
1825                >
1826                    <a href="/gebrauchtmoebelladen" class="block" data-color="#3D2D1F">
1827  <div
1828    class="rounded-2xl group hover:bg-darker transition-all flex flex-col  overflow-hidden color-gebrauchtmoebelladen bg-main">
1829    
1830    <div class="relative w-full flex pt-5 justify-center items-center text-white js-lottie h-52 lottie-hover lottie-white " data-src="/animations/holzbruecke.json">
1831    </div>
1832    
1833    <div
1834      class="w-full  flex flex-col justify-between lg:p-6 md:p-6 p-4 lg:pr-12 md:pr-12 pr-12 relative">
1835      <h3 class=" font-narrow uppercase leading-none text-white pb-4 text-md">Gebrauchtmöbelladen</h3>
1836      <div class="prose-sm prose prose-white">
1837        <p>Hier finden Sie alles, was Sie brauchen, um Ihr Zuhause gemütlich und individuell einzurichten: von stilvollen Möbeln bis hin zu liebevoll ausgewählten Haushaltsartikeln.</p>
1838
1839      </div>
1840      <svg class="absolute w-8 fill-white bottom-8 right-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z"/></svg>
1841    </div>
1842  </div>
1843</a>
1844                </div>
1845            
1846                <div class=" js-grid_item
1847                xl:w-1/3 sm:w-1/2 w-full"
1848                >
1849                    <a href="/meine-chance" class="block" data-color="#BF5900">
1850  <div
1851    class="rounded-2xl group hover:bg-darker transition-all flex flex-col  overflow-hidden color-meine-chance bg-main">
1852    
1853    <div class="relative w-full flex pt-5 justify-center items-center text-white js-lottie h-52 lottie-hover lottie-white " data-src="/animations/meine_chance.json">
1854    </div>
1855    
1856    <div
1857      class="w-full  flex flex-col justify-between lg:p-6 md:p-6 p-4 lg:pr-12 md:pr-12 pr-12 relative">
1858      <h3 class=" font-narrow uppercase leading-none text-white pb-4 text-md">Meine Chance</h3>
1859      <div class="prose-sm prose prose-white">
1860        <p>Ein Angebot für junge Menschen unter 25 Jahren, zwischen Schule und Beruf, welche keinen Plan mehr haben und /oder aus den Hilfesystemen herausgefallen oder zu fallen drohen.</p>
1861
1862      </div>
1863      <svg class="absolute w-8 fill-white bottom-8 right-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z"/></svg>
1864    </div>
1865  </div>
1866</a>
1867                </div>
1868            
1869                <div class=" js-grid_item
1870                xl:w-1/3 sm:w-1/2 w-full"
1871                >
1872                    <a href="/schreinerei" class="block" data-color="#015F6A">
1873  <div
1874    class="rounded-2xl group hover:bg-darker transition-all flex flex-col  overflow-hidden color-schreinerei bg-main">
1875    
1876    <div class="relative w-full flex pt-5 justify-center items-center text-white js-lottie h-52 lottie-hover lottie-white " data-src="/animations/schreinerei.json">
1877    </div>
1878    
1879    <div
1880      class="w-full  flex flex-col justify-between lg:p-6 md:p-6 p-4 lg:pr-12 md:pr-12 pr-12 relative">
1881      <h3 class=" font-narrow uppercase leading-none text-white pb-4 text-md">Schreinerei</h3>
1882      <div class="prose-sm prose prose-white">
1883        <p>Durch unseren Schreinermeister und das handwerkliche Können, sind wir in der Lage auf die Wünsche des Kunden direkt einzugehen.</p>
1884
1885      </div>
1886      <svg class="absolute w-8 fill-white bottom-8 right-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z"/></svg>
1887    </div>
1888  </div>
1889</a>
1890                </div>
1891            
1892        </div>
1893
1894    </div>
1895</div>
1896</div>
1897
1898<!-- End: /page_builder/_module_homegrid.antlers.html -->
1899        </div>
1900
1901    
1902
1903</div>
1904
1905</section>
1906<!-- /Section 1 -->
1907
1908 
1909
1910<!-- Section 2 -->
1911<section class="relative bg-neutral-500 text-black prose-black pt-xs lg:pt-base md:pt-sm pb-xs lg:pb-base md:pb-sm z-[49]">
1912
1913    
1914
1915     
1916    
1917    <div class="page-builder stack-xs lg:stack-base md:stack-sm ">
1918
1919    
1920
1921        
1922
1923
1924        
1925        <div class="module-module_headline fluid-grid relative pt-xs lg:pt-base md:pt-sm none">
1926            
1927            <!-- /page_builder/_module_headline.antlers.html -->
1928<div class="span-content flex justify-start">
1929    <h3 class="block typo-2xl text-main " >Unsere Standorte</h3>
1930</div>
1931
1932<!-- End: /page_builder/_module_headline.antlers.html -->
1933
1934        </div>
1935
1936    
1937
1938        
1939
1940
1941        
1942        <div class="module-module_standorte fluid-grid relative none pb-xs lg:pb-base md:pb-sm">
1943            
1944            <!-- /page_builder/_module_standorte.antlers.html -->
1945<div class="span-content ">
1946    <div class="relative flex flex-col gap-8 overflow-hidden bg-white lg:flex-row border-3 rounded-3xl border-neutral" x-data="map()" role="region" aria-label="Standorte und Karte">
1947
1948    <div class="flex flex-col items-stretch w-full gap-2 p-4 justify-stretch xl:w-1/3 lg:w-1/2 md:p-8" role="group" aria-label="Standorte auswählen"
1949        x-on:keydown.arrow-down.prevent="(()=>{ const btns=[...$el.querySelectorAll('button.js-kbd-focus')]; const a=document.activeElement; let i=btns.indexOf(a); i = i === -1 ? 0 : (i + 1) % btns.length; btns[i] && btns[i].focus(); })()"
1950        x-on:keydown.arrow-up.prevent="(()=>{ const btns=[...$el.querySelectorAll('button.js-kbd-focus')]; const a=document.activeElement; let i=btns.indexOf(a);
1950 i = i === -1 ? btns.length-1 : (i - 1 + btns.length) % btns.length; btns[i] && btns[i].focus(); })()"
1951        x-on:keydown.home.prevent="(()=>{ const b=$el.querySelector('button.js-kbd-focus'); b && b.focus(); })()"
1952        x-on:keydown.end.prevent="(()=>{ const list=[...$el.querySelectorAll('button.js-kbd-focus')]; const b=list[list.length-1]; b && b.focus(); })()">
1953            <button type="button" class="p-2 text-center text-white cursor-pointer rounded-xl bg-green focus-visible:outline-2 focus-visible:outline-neutral-100 focus-visible:outline-offset-2 js-kbd-focus" x-on:click="showAll()" x-bind:class="{ 'outline-2 outline-neutral-100 ': selectedId === null }" x-bind:aria-pressed="selectedId === null ? 'true' : 'false'" aria-label="Alle Standorte anzeigen">
1954                <h3 class="uppercase font-narrow">Alle</h3>
1955            </button>
1956            
1957            
1958            
1959                <button type="button" class="flex flex-col gap-2 cursor-pointer js-map-marker js-kbd-focus color-holzbruecke bg-main text-white p-2 rounded-xl text-center focus-visible:outline-2 focus-visible:outline-main focus-visible:outline-offset-2 hover:bg-lighter transition-all duration-300" x-bind:class="{ 'outline-2 outline-main': selectedId === 'b3a152e5-e1fd-47b1-9e4c-a1a2600f2353' }"
1960                    x-on:click="zoomOnMarker('b3a152e5-e1fd-47b1-9e4c-a1a2600f2353'); $nextTick(() => { if (selectedId === 'b3a152e5-e1fd-47b1-9e4c-a1a2600f2353') { var el = document.getElementById('details-b3a152e5-e1fd-47b1-9e4c-a1a2600f2353'); if (el) { el.focus(); } } })"
1961                    data-id="b3a152e5-e1fd-47b1-9e4c-a1a2600f2353" data-title="Holzbrücke"
1962                    data-lat="49.964993137514405" data-lng="9.17787900927031" data-marker-image="/visuals/marker/pin_holzbruecke.png"
1963                    x-bind:aria-pressed="selectedId === 'b3a152e5-e1fd-47b1-9e4c-a1a2600f2353' ? 'true' : 'false'"
1964                    x-bind:aria-expanded="selectedId === 'b3a152e5-e1fd-47b1-9e4c-a1a2600f2353' ? 'true' : 'false'"
1965                    aria-controls="details-b3a152e5-e1fd-47b1-9e4c-a1a2600f2353">
1966                    <h3 id="title-b3a152e5-e1fd-47b1-9e4c-a1a2600f2353" class="uppercase font-narrow">Holzbrücke</h3>
1967                    <div id="details-b3a152e5-e1fd-47b1-9e4c-a1a2600f2353" role="region" aria-labelledby="title-b3a152e5-e1fd-47b1-9e4c-a1a2600f2353" aria-live="polite" tabindex="-1" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform scale-95" x-transition:enter-end="opacity-100 transform scale-100" x-show="selectedId === 'b3a152e5-e1fd-47b1-9e4c-a1a2600f2353'" class="grid-cols-1 p-4 text-sm text-left text-blackgrid md:grid-cols-2 bg-darker rounded-2xl">
1968                        
1969                        <div class="pb-4">
1970                            <span class="block mb-2 font-bold text-white">Anschrift</span>
1971                            <p class="mb-2 font-bold"><p>Die Brücke e.V.<br />
1972Holzbrücke</p><br />
1973</p>
1974                            <address class="not-italic">
1975                                <p>Fürther Straße 11<br />
197663743 Aschaffenburg</p><br />
1977
1978                            </address>
1979                        </div>
1980                        
1981                        
1982                        <div class=" border-white/50 pt-4 border-t">
1983                            <span class="block mb-2 font-bold text-white">Kontakt</span>
1984                            <div><p>Tel: 06021 / 956 01<br />
1985Fax: 06021 / 956 90<br />
1986<a href="mailto:[email protected]">[email protected]</a></p><br />
1987</div>
1988                        </div>
1989                        
1990                        <!-- /components/_button.antlers.html -->
1991
1992    <a
1993        class="
1994            inline-flex items-center  gap-1 font-bold motion-safe:transition font-narrow
1995            max-w-full md:py-3 md:px-4 py-1.5 px-2 text-sm uppercase tracking-wide leading-none !no-underline
1996            focus:outline-main bg-main text-white border-main border-2 hover:bg-lighter
1997            
1998            rounded-full
1999            color-holzbruecke w-full mt-3 text-center
2000        "
2001        
2002        
2003
2004        href="/holzbruecke"
2005        
2006        
2007        
2008        
2009    >   
2010        
2011            
2012        
2013        
2014        <span class="text-ellipsis overflow-x-clip">
2015            Mehr Informationen
2016        </span>
2017
2018        
2019    </a>
2020
2021<!-- End: /components/_button.antlers.html -->
2022
2023                            
2024                    </div>  
2025                </button>
2026            
2027            
2028            
2029                <button type="button" class="flex flex-col gap-2 cursor-pointer js-map-marker js-kbd-focus color-brueckehof bg-main text-white p-2 rounded-xl text-center focus-visible:outline-2 focus-visible:outline-main focus-visible:outline-offset-2 hover:bg-lighter transition-all duration-300" x-bind:class="{ 'outline-2 outline-main': selectedId === 'b3a152e5-e1fd-47b1-9e4c-a1a2600f2333' }"
2030                    x-on:click="zoomOnMarker('b3a152e5-e1fd-47b1-9e4c-a1a2600f2333'); $nextTick(() => { if (selectedId === 'b3a152e5-e1fd-47b1-9e4c-a1a2600f2333') { var el = document.getElementById('details-b3a152e5-e1fd-47b1-9e4c-a1a2600f2333'); if (el) { el.focus(); } } })"
2031                    data-id="b3a152e5-e1fd-47b1-9e4c-a1a2600f2333" data-title="Brückehof"
2032                    data-lat="49.95521833969486" data-lng="9.112164342805935" data-marker-image="/visuals/marker/pin_brueckehof.png"
2033                    x-bind:aria-pressed="selectedId === 'b3a152e5-e1fd-47b1-9e4c-a1a2600f2333' ? 'true' : 'false'"
2034                    x-bind:aria-expanded="selectedId === 'b3a152e5-e1fd-47b1-9e4c-a1a2600f2333' ? 'true' : 'false'"
2035                    aria-controls="details-b3a152e5-e1fd-47b1-9e4c-a1a2600f2333">
2036                    <h3 id="title-b3a152e5-e1fd-47b1-9e4c-a1a2600f2333" class="uppercase font-narrow">Brückehof</h3>
2037                    <div id="details-b3a152e5-e1fd-47b1-9e4c-a1a2600f2333" role="region" aria-labelledby="title-b3a152e5-e1fd-47b1-9e4c-a1a2600f2333" aria-live="polite" tabindex="-1" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform scale-95" x-transition:enter-end="opacity-100 transform scale-100" x-show="selectedId === 'b3a152e5-e1fd-47b1-9e4c-a1a2600f2333'" class="grid-cols-1 p-4 text-sm text-left text-blackgrid md:grid-cols-2 bg-darker rounded-2xl">
2038                        
2039                        <div class="pb-4">
2040                            <span class="block mb-2 font-bold text-white">Anschrift</span>
2041                            <p class="mb-2 font-bold"><p>Die Brücke e.V.<br />
2042Brückehof</p><br />
2043</p>
2044                            <address class="not-italic">
2045                                <p>Bahnhofstraße<br />
204663741 Aschaffenburg-Nilkheim</p><br />
2047
2048                            </address>
2049                        </div>
2050                        
2051                        
2052                        <div class=" border-white/50 pt-4 border-t">
2053                            <span class="block mb-2 font-bold text-white">Kontakt</span>
2054                            <div><p>Tel: 06021 / 956 01<br />
2055Fax: 06021 / 956 90<br />
2056<a href="mailto:[email protected]">[email protected]</a></p><br />
2057</div>
2058                        </div>
2059                        
2060                        <!-- /components/_button.antlers.html -->
2061
2062    <a
2063        class="
2064            inline-flex items-center  gap-1 font-bold motion-safe:transition font-narrow
2065            max-w-full md:py-3 md:px-4 py-1.5 px-2 text-sm uppercase tracking-wide leading-none !no-underline
2066            focus:outline-main bg-main text-white border-main border-2 hover:bg-lighter
2067            
2068            rounded-full
2069            color-brueckehof w-full mt-3 text-center
2070        "
2071        
2072        
2073
2074        href="/brueckehof"
2075        
2076        
2077        
2078        
2079    >   
2080        
2081            
2082        
2083        
2084        <span class="text-ellipsis overflow-x-clip">
2085            Mehr Informationen
2086        </span>
2087
2088        
2089    </a>
2090
2091<!-- End: /components/_button.antlers.html -->
2092
2093                            
2094                    </div>  
2095                </button>
2096            
2097            
2098            
2099            
2100            
2101                <button type="button" class="flex flex-col gap-2 cursor-pointer js-map-marker js-kbd-focus color-junges-wohnen bg-main text-white p-2 rounded-xl text-center focus-visible:outline-2 focus-visible:outline-main focus-visible:outline-offset-2 hover:bg-lighter transition-all duration-300" x-bind:class="{ 'outline-2 outline-main': selectedId === '1cabbf2a-9b06-4da1-ac5b-a372cb626bf5' }"
2102                    x-on:click="zoomOnMarker('1cabbf2a-9b06-4da1-ac5b-a372cb626bf5'); $nextTick(() => { if (selectedId === '1cabbf2a-9b06-4da1-ac5b-a372cb626bf5') { var el = document.getElementById('details-1cabbf2a-9b06-4da1-ac5b-a372cb626bf5'); if (el) { el.focus(); } } })"
2103                    data-id="1cabbf2a-9b06-4da1-ac5b-a372cb626bf5" data-title="Junges Wohnen"
2104                    data-lat="49.98422185632192" data-lng="9.14863320878247" data-marker-image="/visuals/marker/pin_junges-wohnen.png"
2105                    x-bind:aria-pressed="selectedId === '1cabbf2a-9b06-4da1-ac5b-a372cb626bf5' ? 'true' : 'false'"
2106                    x-bind:aria-expanded="selectedId === '1cabbf2a-9b06-4da1-ac5b-a372cb626bf5' ? 'true' : 'false'"
2107                    aria-controls="details-1cabbf2a-9b06-4da1-ac5b-a372cb626bf5">
2108                    <h3 id="title-1cabbf2a-9b06-4da1-ac5b-a372cb626bf5" class="uppercase font-narrow">Junges Wohnen</h3>
2109                    <div id="details-1cabbf2a-9b06-4da1-ac5b-a372cb626bf5" role="region" aria-labelledby="title-1cabbf2a-9b06-4da1-ac5b-a372cb626bf5" aria-l
2109ive="polite" tabindex="-1" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform scale-95" x-transition:enter-end="opacity-100 transform scale-100" x-show="selectedId === '1cabbf2a-9b06-4da1-ac5b-a372cb626bf5'" class="grid-cols-1 p-4 text-sm text-left text-blackgrid md:grid-cols-2 bg-darker rounded-2xl">
2110                        
2111                        <div class="pb-4">
2112                            <span class="block mb-2 font-bold text-white">Anschrift</span>
2113                            <p class="mb-2 font-bold"><p>Die Brücke e.V.<br />
2114Junges Wohnen</p><br />
2115</p>
2116                            <address class="not-italic">
2117                                <p>Glattbacher Straße 30<br />
211863741 Aschaffenburg</p><br />
2119
2120                            </address>
2121                        </div>
2122                        
2123                        
2124                        <div class=" border-white/50 pt-4 border-t">
2125                            <span class="block mb-2 font-bold text-white">Kontakt</span>
2126                            <div><p>Tel: 06021 / 480 827<br />
2127Mobil: 0170 / 127 74 76<br />
2128<a href="mailto:[email protected]">[email protected]</a></p><br />
2129</div>
2130                        </div>
2131                        
2132                        <!-- /components/_button.antlers.html -->
2133
2134    <a
2135        class="
2136            inline-flex items-center  gap-1 font-bold motion-safe:transition font-narrow
2137            max-w-full md:py-3 md:px-4 py-1.5 px-2 text-sm uppercase tracking-wide leading-none !no-underline
2138            focus:outline-main bg-main text-white border-main border-2 hover:bg-lighter
2139            
2140            rounded-full
2141            color-junges-wohnen w-full mt-3 text-center
2142        "
2143        
2144        
2145
2146        href="/junges-wohnen"
2147        
2148        
2149        
2150        
2151    >   
2152        
2153            
2154        
2155        
2156        <span class="text-ellipsis overflow-x-clip">
2157            Mehr Informationen
2158        </span>
2159
2160        
2161    </a>
2162
2163<!-- End: /components/_button.antlers.html -->
2164
2165                            
2166                    </div>  
2167                </button>
2168            
2169            
2170            
2171                <button type="button" class="flex flex-col gap-2 cursor-pointer js-map-marker js-kbd-focus color-vermittlungsstelle bg-main text-white p-2 rounded-xl text-center focus-visible:outline-2 focus-visible:outline-main focus-visible:outline-offset-2 hover:bg-lighter transition-all duration-300" x-bind:class="{ 'outline-2 outline-main': selectedId === '720cd8e7-7f74-4311-afe6-3660c4942d4a' }"
2172                    x-on:click="zoomOnMarker('720cd8e7-7f74-4311-afe6-3660c4942d4a'); $nextTick(() => { if (selectedId === '720cd8e7-7f74-4311-afe6-3660c4942d4a') { var el = document.getElementById('details-720cd8e7-7f74-4311-afe6-3660c4942d4a'); if (el) { el.focus(); } } })"
2173                    data-id="720cd8e7-7f74-4311-afe6-3660c4942d4a" data-title="Vermittlungsstelle für gemeinnützige Arbeit"
2174                    data-lat="49.964993137514405" data-lng="9.17787900927031" data-marker-image="/visuals/marker/pin_vermittlung.png"
2175                    x-bind:aria-pressed="selectedId === '720cd8e7-7f74-4311-afe6-3660c4942d4a' ? 'true' : 'false'"
2176                    x-bind:aria-expanded="selectedId === '720cd8e7-7f74-4311-afe6-3660c4942d4a' ? 'true' : 'false'"
2177                    aria-controls="details-720cd8e7-7f74-4311-afe6-3660c4942d4a">
2178                    <h3 id="title-720cd8e7-7f74-4311-afe6-3660c4942d4a" class="uppercase font-narrow">Vermittlungsstelle für gemeinnützige Arbeit</h3>
2179                    <div id="details-720cd8e7-7f74-4311-afe6-3660c4942d4a" role="region" aria-labelledby="title-720cd8e7-7f74-4311-afe6-3660c4942d4a" aria-live="polite" tabindex="-1" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform scale-95" x-transition:enter-end="opacity-100 transform scale-100" x-show="selectedId === '720cd8e7-7f74-4311-afe6-3660c4942d4a'" class="grid-cols-1 p-4 text-sm text-left text-blackgrid md:grid-cols-2 bg-darker rounded-2xl">
2180                        
2181                        <div class="pb-4">
2182                            <span class="block mb-2 font-bold text-white">Anschrift</span>
2183                            <p class="mb-2 font-bold"><p>Die Brücke e.V.<br />
2184Vermittlungsstelle für gemeinnützige Arbeit</p><br />
2185</p>
2186                            <address class="not-italic">
2187                                <p>Fürther Str. 11<br />
218863743 Aschaffenburg</p><br />
2189
2190                            </address>
2191                        </div>
2192                        
2193                        
2194                        <div class=" border-white/50 pt-4 border-t">
2195                            <span class="block mb-2 font-bold text-white">Kontakt</span>
2196                            <div><p>Tel: 0159 / 062 508 16<br />
2197Fax: 06021 / 956 90<br />
2198<a href="mailto:[email protected]">[email protected]</a><br /><br />
2199Termine nach Vereinbarung<br />
2200Mo – Fr, 8:00 – 12:00 Uhr</p><br />
2201<p>Offene Sprechstunde<br />
2202Do, 14:00 - 16:00 Uhr</p><br />
2203</div>
2204                        </div>
2205                        
2206                        <!-- /components/_button.antlers.html -->
2207
2208    <a
2209        class="
2210            inline-flex items-center  gap-1 font-bold motion-safe:transition font-narrow
2211            max-w-full md:py-3 md:px-4 py-1.5 px-2 text-sm uppercase tracking-wide leading-none !no-underline
2212            focus:outline-main bg-main text-white border-main border-2 hover:bg-lighter
2213            
2214            rounded-full
2215            color-vermittlungsstelle w-full mt-3 text-center
2216        "
2217        
2218        
2219
2220        href="/vermittlungsstelle"
2221        
2222        
2223        
2224        
2225    >   
2226        
2227            
2228        
2229        
2230        <span class="text-ellipsis overflow-x-clip">
2231            Mehr Informationen
2232        </span>
2233
2234        
2235    </a>
2236
2237<!-- End: /components/_button.antlers.html -->
2238
2239                            
2240                    </div>  
2241                </button>
2242            
2243            
2244            
2245            
2246            
2247                <button type="button" class="flex flex-col gap-2 cursor-pointer js-map-marker js-kbd-focus color-gewaltpraevention bg-main text-white p-2 rounded-xl text-center focus-visible:outline-2 focus-visible:outline-main focus-visible:outline-offset-2 hover:bg-lighter transition-all duration-300" x-bind:class="{ 'outline-2 outline-main': selectedId === '6ea2e348-85b7-4884-a866-ba7af6865359' }"
2248                    x-on:click="zoomOnMarker('6ea2e348-85b7-4884-a866-ba7af6865359'); $nextTick(() => { if (selectedId === '6ea2e348-85b7-4884-a866-ba7af6865359') { var el = document.getElementById('details-6ea2e348-85b7-4884-a866-ba7af6865359'); if (el) { el.focus(); } } })"
2249                    data-id="6ea2e348-85b7-4884-a866-ba7af6865359" data-title="Gewaltprävention"
2250                    data-lat="49.98422185632192" data-lng="9.14863320878247" data-marker-image="/visuals/marker/pin_gewaltpraevention.png"
2251                    x-bind:aria-pressed="selectedId === '6ea2e348-85b7-4884-a866-ba7af6865359' ? 'true' : 'false'"
2252                    x-bind:aria-expanded="selectedId === '6ea2e348-85b7-4884-a866-ba7af6865359' ? 'true' : 'false'"
2253                    aria-controls="details-6ea2e348-85b7-4884-a866-ba7af6865359">
2254                    <h3 id="title-6ea2e348-85b7-4884-a866-ba7af6865359" class="uppercase font-narrow">Gewaltprävention</h3>
2255                    <div id="details-6ea2e348-85b7-4884-a866-ba7af6865359" role="region" aria-labelledby="title-6ea2e348-85b7-4884-a866-ba7af6865359" aria-live="polite" tabindex="-1" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform scale-95" x-transition:enter-end="opacity-100 transform scale-100" x-show="selectedId === '6ea2e348-85b7-4884-a866-ba7af6865359'" class="grid-cols-1 p-4 text-sm text-left text-blackgrid md:grid-cols-2 bg-darker rounded-2xl">
2256                        
2257                        <div class="pb-4">
2258                            <span class="block mb-2 font-bold text-white">Anschrift</span>
2259                            <p class="mb-2 font-bold"><p>Die Brücke e.V.<br />
2260Gewaltprävention</p><br />
2261</p>
2262                            <address class="not-italic">
2263                                <p>Glattbacher Str. 30<br />
226463741 Aschaffenburg</p><br />
2265
2266                            </address>
2267                        </div>
2268                        
2269                        
2270                        <div class=" border-white/50 pt-4 border-t">
2271                            <span class="block mb-2 font-bold text-white">Kontakt</span>
2272                            <div><p>Tel: 0176 / 478 310 12<br />
2273<a href="mailto:[email protected]">[email protected]</a></p><br />
2274</div>
2275                        </div>
2276                        
2277                        <!-- /components/_button.antlers.html -->
2278
2279    <a
2280        class="
2281            inline-flex items-center  gap-1 font-bold motion-safe:transition font-narrow
2282            max-w-full md:py-3 md:px-4 py-1.5 px-2 text-sm uppercase tracking-wide leading-none !no-underline
2283            focus:outline-main bg-main text-white border-main border-2 hover:bg-lighter
2284            
2285            rounded-full
2286            color-gewaltpraevention w-full mt-3 text-center
2287        "
2288        
2289        
2290
2291        href="/gewaltpraevention"
2292        
2293        
2294        
2295        
2296    >   
2297        
2298            
2299        
2300        
2301        <span class="text-ellipsis overflow-x-clip">
2302            Mehr Informationen
2303        </span>
2304
2305        
2306    </a>
2307
2308<!-- End: /components/_button.antlers.html -->
2309
2310                            
2311                    </div>  
2312                </button>
2313            
2314            
2315            
2316            
2317            
2318            
2319            
2320            
2321            
2322                <button type="button" class="flex flex-col gap-2 cursor-pointer js-map-marker js-kbd-focus color-gebrauchtmoebelladen bg-main text-white p-2 rounded-xl text-center focus-visible:outline-2 focus-visible:outline-main focus-visible:outline-offset-2 hover:bg-lighter transition-all duration-300" x-bind:class="{ 'outline-2 outline-main': selectedId === 'ab34f544-1e0c-4725-aeca-439c545d0ae7' }"
2323                    x-on:click="zoomOnMarker('ab34f544-1e0c-4725-aeca-439c545d0ae7'); $nextTick(() => { if (selectedId === 'ab34f544-1e0c-4725-aeca-439c545d0ae7') { var el = document.getElementById('details-ab34f544-1e0c-4725-aeca-439c545d0ae7'); if (el) { el.focus(); } } })"
2324                    data-id="ab34f544-1e0c-4725-aeca-439c545d0ae7" data-title="Gebrauchtmöbelladen"
2325                    data-lat="49.964993137514405" data-lng="9.17787900927031" data-marker-image="/visuals/marker/pin_holzbruecke.png"
2326                    x-bind:aria-pressed="selectedId === 'ab34f544-1e0c-4725-aeca-439c545d0ae7' ? 'true' : 'false'"
2327                    x-bind:aria-expanded="selectedId === 'ab34f544-1e0c-4725-aeca-439c545d0ae7' ? 'true' : 'false'"
2328                    aria-controls="details-ab34f544-1e0c-4725-aeca-439c545d0ae7">
2329                    <h3 id="title-ab34f544-1e0c-4725-aeca-439c545d0ae7" class="uppercase font-narrow">Gebrauchtmöbelladen</h3>
2330                    <div id="details-ab34f544-1e0c-4725-aeca-439c545d0ae7" role="region" aria-labelledby="title-ab34f544-1e0c-4725-aeca-439c545d0ae7" aria-live="polite" tabindex="-1" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform scale-95" x-transition:enter-end="opacity-100 transform scale-100" x-show="selectedId === 'ab34f544-1e0c-4725-aeca-439c545d0ae7'" class="grid-cols-1 p-4 text-sm text-left text-blackgrid md:grid-cols-2 bg-darker rounded-2xl">
2331                        
2332                        <div class="pb-4">
2333                            <span class="block mb-2 font-bold text-white">Anschrift</span>
2334                            <p class="mb-2 font-bold"><p>Die Brücke e.V.<br />
2335Gebrauchtmöbelladen</p><br />
2336</p>
2337                            <address class="not-italic">
2338                                <p>Fürther Straße 11<br />
233963743 Aschaffenburg</p><br />
2340
2341                            </address>
2342                        </div>
2343                        
2344                        
2345                        <div class=" border-white/50 pt-4 border-t">
2346                            <span class="block mb-2 font-bold text-white">Kontakt</span>
2347                            <div><p>Tel: 06021 / 956 01<br />
2348Fax: 06021 / 956 90<br />
2349<a href="mailto:[email protected]">[email protected]</a></p><br />
2350</div>
2351                        </div>
2352                        
2353                        <!-- /components/_button.antlers.html -->
2354
2355    <a
2356        class="
2357            inline-flex items-center  gap-1 font-bold motion-safe:transition font-narrow
2358            max-w-full md:py-3 md:px-4 py-1.5 px-2 text-sm uppercase tracking-wide leading-none !no-underline
2359            focus:outline-main bg-main text-white border-main border-2 hover:bg-lighter
2360            
2361            rounded-full
2362            color-gebrauchtmoebelladen w-full mt-3 text-center
2363        "
2364        
2365        
2366
2367        href="/gebrauchtmoebelladen"
2368        
2369        
2370        
2371        
2372    >   
2373        
2374            
2375        
2376        
2377        <span class="text-ellipsis overflow-x-clip">
2378            Mehr Informationen
2379        </span>
2380
2381        
2382    </a>
2383
2384<!-- End: /components/_button.antlers.html -->
2385
2386                            
2387                    </div>  
2388                </button>
2389            
2390            
2391    </div>
2392    <div class="relative xl:w-2/3 lg:w-1/2 w-full min-h-[420px]">
2393        <div id="map-region" class="absolute inset-0 w-full h-full" x-show="mapVisible" x-bind:aria-hidden="!mapVisible ? 'true' : 'false'" role="region" aria-label="Interaktive Karte" tabindex="-1">
2394            <div x-ref="map" class="w-full h-full"></div>
2395        </div>
2396        <div class="absolute inset-0 z-10 flex flex-col items-center justify-center w-full h-full gap-4 p-6 overflow-hidden md:rounded-3xl rounded-2xl" x-show="!mapVisible" x-bind:aria-hidden="mapVisible ? 'true' : 'false'" role="region" aria-label="Kartenhinweis und Einwilligung">
2397            <img src="/visuals/map_blurred.jpg" alt="" aria-hidden="true" class="absolute inset-0 z-0 object-cover w-full h-full overflow-hidden md:rounded-3xl rounded-2xl">
2398            <div class="relative z-10 max-w-md">
2399                <div class="z-10 flex flex-col w-full gap-4 sm:gap-0 sm:flex-row">
2400                    <button type="button" x-on:click="openMap(); $nextTick(() => { var m = document.getElementById('map-region'); if (m) { m.focus(); } })" x-bind:aria-expanded="mapVisible ? 'true' : 'false'" aria-controls="map-region"
2401                        class="inline-flex items-center w-full mb-4 justify-center rounded-xl gap-0.5 font-bold motion-safe:transition max-w-full py-3 px-6 leading-none no-underline select-none whitespace-nowrap bg-neutral-100 text-white focus:outline-neutral-100 hover:bg-neutral-200">
2402                        <span class="text-ellipsis overflow-x-clip">Karte öffnen</span>
2403                    </button>
2404                </div>
2405                <div class="z-10">
2406                    <p class="text-xs">Um die interaktive Karte anzuzeigen, wird eine Verbindung zu Mapbox hergestellt. Dabei
2407                        können personenbezogene Daten, wie Ihre IP-Adresse, an Mapbox übertragen und dort verarbeitet werden.
2408                        Weitere Informationen finden Sie in unserer <a href="/datenschutz" target="_blank"
2409                            class="underline">Datenschutzerklärung.</a></p>
2410                </div>
2411            </div>
2412        </div>
2413    </div>
2414</div>
2415</div>
2416
2417<!-- End: /page_builder/_module_standorte.antlers.html -->
2418        </div>
2419
2420    
2421
2422</div>
2423
2424</section>
2425<!-- /Section 2 -->
2426
2427 
2428
2429<!-- Section 3 -->
2430<section class="relative bg-neutral-500 text-black prose-black pt-xs lg:pt-base md:pt-sm pb-xs lg:pb-base md:pb-sm z-[48]">
2431
2432    
2433
2434     
2435    
2436    <div class="page-builder stack-xs lg:stack-base md:stack-sm ">
2437
2438    
2439
2440        
2441
2442
2443        
2444        <div class="module-layout fluid-grid relative pt-xs lg:pt-base md:pt-sm none">
2445            
2446            <!-- /page_builder/_module_layout.antlers.html -->
2447<div class="module layout_module relative flex overflow-x-hidden flex-col md:flex-row span-content justify-center items-stretch gap-xs lg:gap-base md:gap-sm  ">
2448    
2449        <div class="group flex   xl:w-2/3 md:w-3/4 w-full">
2450            
2451                
2452                    <!-- /typography/_prose.antlers.html -->
2453<article
2454    class="
2455        prose
2456        prose-a:underline
2457        prose-a:decoration-primary
2458        prose-a:decoration-2
2459        prose-figure:my-0
2460        prose-pre:whitespace-pre-wrap
2461        max-w-none
2462        lg:prose-lg
2463        w-full
2464        prose-black
2465        
2466    "
2467>
2468    <!-- /components/_text.antlers.html -->
2469<div class="
2470	span-content 
2471">
2472    <h2><strong><span class="cms-typo typo-2xl"><span class="text-department-color">Unser Beirat</span></span></strong></h2><p>Seit dem Jahre 2003 besteht zusätzlich ein Beirat, der den Verein begleitet und, insbesondere die Fachabteilung Gewaltprävention fachlich unterstützt.</p><p>Er berät in etwa ein bis zwei Sitzungen pro Jahr den Vorstand sowie im Bedarfsfall die Mitarbeiter. Dem Beirat gehören als berufene Mitglieder Personen aus Politik, Wissenschaft und aus dem öffentlichen Leben an. Von Seiten des Vereins wird der Beirat von einem Vorstandsmitglied vertreten und unter
2472stützt.</p>
2473</div>
2474<!-- End: /components/_text.antlers.html -->
2475</article>
2476<!-- End: /typography/_prose.antlers.html -->
2477
2478                
2479            
2480        </div>
2481    
2482</div>
2483<!-- End: /page_builder/_module_layout.antlers.html -->
2484        </div>
2485
2486    
2487
2488        
2489
2490
2491        
2492        <div class="module-module_ansprechpartner fluid-grid relative none pb-xs lg:pb-base md:pb-sm">
2493            
2494            <!-- /page_builder/_module_ansprechpartner.antlers.html -->
2495<div class="span-content ">
2496    <h2 class="block typo-xl text-main mb-4" >Ansprechpartner</h2>
2497<div class="grid grid-cols-1 gap-4 xl:grid-cols-2">
2498    
2499            <div class="flex flex-col items-start w-full text-sm sm:flex-row lg:max-w-screen-lg sm:items-stretch">
2500  
2501  <div class="relative z-10 h-64 overflow-hidden border-black sm:h-56 sm:min-h-full min-w-52 border-3 rounded-2xl">
2502    
2503    
2504    
2505        
2506        
2507        
2508        
2509        
2510
2511        
2512        
2513
2514        
2515        
2516
2517        
2518        
2519            
2520        
2521
2522        <picture>
2523            
2524                
2525                    <source
2526                        srcset="
2527                            
2528                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfbWFuZnJlZF9zb21tZXJfcnouanBn/brucke_portraits_manfred_sommer_rz.jpg?fm=webp&w=320&fit=crop-55-40-1.5&q=90&s=c4dcd12d7e1ed3463fe073995521ccad 320w,
2529                            
2530                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfbWFuZnJlZF9zb21tZXJfcnouanBn/brucke_portraits_manfred_sommer_rz.jpg?fm=webp&w=480&fit=crop-55-40-1.5&q=90&s=87c4428d915eef1e5ac646758dcd0098 480w,
2531                            
2532                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfbWFuZnJlZF9zb21tZXJfcnouanBn/brucke_portraits_manfred_sommer_rz.jpg?fm=webp&w=640&fit=crop-55-40-1.5&q=90&s=9407749b622be22388ed00d1f3ffc8ff 640w,
2533                            
2534                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfbWFuZnJlZF9zb21tZXJfcnouanBn/brucke_portraits_manfred_sommer_rz.jpg?fm=webp&w=768&fit=crop-55-40-1.5&q=90&s=6fad6cc80f15c1d7957dbf416bde90c9 768w,
2535                            
2536                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfbWFuZnJlZF9zb21tZXJfcnouanBn/brucke_portraits_manfred_sommer_rz.jpg?fm=webp&w=1024&fit=crop-55-40-1.5&q=90&s=563495ea27a2250db8c3c9186549c7f3 1024w,
2537                            
2538                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfbWFuZnJlZF9zb21tZXJfcnouanBn/brucke_portraits_manfred_sommer_rz.jpg?fm=webp&w=1280&fit=crop-55-40-1.5&q=90&s=6d151b09006423eaf5a7c39ff7f5f4a5 1280w,
2539                            
2540                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfbWFuZnJlZF9zb21tZXJfcnouanBn/brucke_portraits_manfred_sommer_rz.jpg?fm=webp&w=1440&fit=crop-55-40-1.5&q=90&s=0b5e7f38d34f39c133e17dfddf67638b 1440w,
2541                            
2542                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfbWFuZnJlZF9zb21tZXJfcnouanBn/brucke_portraits_manfred_sommer_rz.jpg?fm=webp&w=1536&fit=crop-55-40-1.5&q=90&s=40ecbd5ccd282e33bf5924e5dd6b53d0 1536w,
2543                            
2544                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfbWFuZnJlZF9zb21tZXJfcnouanBn/brucke_portraits_manfred_sommer_rz.jpg?fm=webp&w=1680&fit=crop-55-40-1.5&q=90&s=c122e5e1fbab38c7db74f54543cc3e69 1680w
2545                            
2546                        "
2547                        sizes="(min-width: 1280px) 1280px, (min-width: 768px) 50vw, 90vw"
2548                        type="image/webp"
2549                    >
2550                
2551                    <source
2552                        srcset="
2553                            
2554                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfbWFuZnJlZF9zb21tZXJfcnouanBn/brucke_portraits_manfred_sommer_rz.jpg?fm=jpg&w=320&fit=crop-55-40-1.5&q=90&s=cfb87f03d620cb48ad1f3cc9128f3c3b 320w,
2555                            
2556                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfbWFuZnJlZF9zb21tZXJfcnouanBn/brucke_portraits_manfred_sommer_rz.jpg?fm=jpg&w=480&fit=crop-55-40-1.5&q=90&s=2910b930f41ecaa79d632dfadcd809b8 480w,
2557                            
2558                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfbWFuZnJlZF9zb21tZXJfcnouanBn/brucke_portraits_manfred_sommer_rz.jpg?fm=jpg&w=640&fit=crop-55-40-1.5&q=90&s=72fa4d4a1382d1397f20e396c389bffd 640w,
2559                            
2560                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfbWFuZnJlZF9zb21tZXJfcnouanBn/brucke_portraits_manfred_sommer_rz.jpg?fm=jpg&w=768&fit=crop-55-40-1.5&q=90&s=bda8b7eb302aa04e17e7013153d79268 768w,
2561                            
2562                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfbWFuZnJlZF9zb21tZXJfcnouanBn/brucke_portraits_manfred_sommer_rz.jpg?fm=jpg&w=1024&fit=crop-55-40-1.5&q=90&s=2f396f34d95094051ea34882aaeb948b 
25621024w,
2563                            
2564                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfbWFuZnJlZF9zb21tZXJfcnouanBn/brucke_portraits_manfred_sommer_rz.jpg?fm=jpg&w=1280&fit=crop-55-40-1.5&q=90&s=ff63d6256684c18a4c635b5a63597776 1280w,
2565                            
2566                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfbWFuZnJlZF9zb21tZXJfcnouanBn/brucke_portraits_manfred_sommer_rz.jpg?fm=jpg&w=1440&fit=crop-55-40-1.5&q=90&s=e4982663fa399a6b1ccb7f72c39c1305 1440w,
2567                            
2568                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfbWFuZnJlZF9zb21tZXJfcnouanBn/brucke_portraits_manfred_sommer_rz.jpg?fm=jpg&w=1536&fit=crop-55-40-1.5&q=90&s=9d290b16ece2ce49474503cddd977cc2 1536w,
2569                            
2570                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfbWFuZnJlZF9zb21tZXJfcnouanBn/brucke_portraits_manfred_sommer_rz.jpg?fm=jpg&w=1680&fit=crop-55-40-1.5&q=90&s=dac4f171662ff82673bc41ca97f0b153 1680w
2571                            
2572                        "
2573                        sizes="(min-width: 1280px) 1280px, (min-width: 768px) 50vw, 90vw"
2574                        type="image/jpeg"
2575                    >
2576                
2577                <img
2578                    width="1500"
2579                    height="2000"
2580                    src="/img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfbWFuZnJlZF9zb21tZXJfcnouanBn/brucke_portraits_manfred_sommer_rz.jpg?w=1024&h=1365.3333333333&fit=crop-55-40-1.5&q=93&s=42bced7422adf47a0938c0d90972bde6"
2581                    alt=""
2582                    
2583                        class="object-cover w-full h-full "
2584                        style="object-position: 55% 40%"
2585                    
2586                    
2587                        aria-hidden="true"
2588                    
2589                    
2590                >
2591            
2592        </picture>
2593    
2594
2595  </div>
2596  
2597  <div class="relative z-20 flex flex-col gap-2 justify-between w-full px-6 p-4 sm:-ml-8 bg-white border-black rounded-2xl border-3 -mt-[3px] sm:mt-0">
2598    <div class="flex flex-col gap-2">
2599      <span class="block">1. Vorsitzender</span>
2600      <h4 class="text-lg font-bold leading-none text-main font-narrow">Dr. phil Manfred Sommer</h4>
2601    </div>
2602    <p>Diplompädagoge (Uni)<br />
2603Dipl.SozArb. (FH) u. Dipl.Verwaltungswirt (FH), Sozialrat a.D.</p>
2604    <p>Gründungsmitglied, im Vorstand seit 1985, erster ehrenamtlicher Vorsitzender seit 2014</p>
2605    
2606    <a href="mailto:&#x6d;an&#x66;r&#101;&#x64;&#46;&#115;om&#109;&#101;&#114;&#64;&#x62;r&#x75;&#x65;ck&#x65;&#45;e&#118;.&#100;&#x65;" class="font-bold text-md font-narrow text-main">&#109;a&#x6e;f&#114;e&#100;&#x2e;&#x73;o&#109;&#109;&#101;&#114;&#64;&#x62;&#114;&#x75;&#x65;&#x63;&#107;&#101;&#45;&#101;&#x76;&#x2e;&#x64;e</a>
2607    
2608  </div>
2609</div>            
2610        
2611            <div class="flex flex-col items-start w-full text-sm sm:flex-row lg:max-w-screen-lg sm:items-stretch">
2612  
2613  <div class="relative z-10 h-64 overflow-hidden border-black sm:h-56 sm:min-h-full min-w-52 border-3 rounded-2xl">
2614    
2615    
2616    
2617        
2618        
2619        
2620        
2621        
2622
2623        
2624        
2625
2626        
2627        
2628
2629        
2630        
2631            
2632        
2633
2634        <picture>
2635            
2636                
2637                    <source
2638                        srcset="
2639                            
2640                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0b3BoX2Jlcm5pbmdlcl9yei5qcGc/brucke_portraits_christoph_berninger_rz.jpg?fm=webp&w=320&fit=crop-54-39-1.5&q=90&s=8cdabab83c425fe18ebb740487f5cef9 320w,
2641                            
2642                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0b3BoX2Jlcm5pbmdlcl9yei5qcGc/brucke_portraits_christoph_berninger_rz.jpg?fm=webp&w=480&fit=crop-54-39-1.5&q=90&s=0440d5e4a5a4a97c8e70e090938c5e9c 480w,
2643                            
2644                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0b3BoX2Jlcm5pbmdlcl9yei5qcGc/brucke_portraits_christoph_berninger_rz.jpg?fm=webp&w=640&fit=crop-54-39-1.5&q=90&s=84ca168a6942f3cf28d747cb3147554c 640w,
2645                            
2646                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0b3BoX2Jlcm5pbmdlcl9yei5qcGc/brucke_portraits_christoph_berninger_rz.jpg?fm=webp&w=768&fit=crop-54-39-1.5&q=90&s=53085fa9b720731743db58b6a4e28b61 768w,
2647                            
2648                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0b3BoX2Jlcm5pbmdlcl9yei5qcGc/brucke_portraits_christoph_berninger_rz.jpg?fm=webp&w=1024&fit=crop-54-39-1.5&q=90&s=04c42bea05ae052b305529d4f5d72ab2 1024w,
2649                            
2650                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0b3BoX2Jlcm5pbmdlcl9yei5qcGc/brucke_portraits_christoph_berninger_rz.jpg?fm=webp&w=1280&fit=crop-54-39-1.5&q=90&s=892c6bc3a343e3f1443460de0cf7743b 1280w,
2651                            
2652                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0b3BoX2Jlcm5pbmdlcl9yei5qcGc/brucke_portraits_christoph_berninger_rz.jpg?fm=webp&w=1440&fit=crop-54-39-1.5&q=90&s=e60f2264c177c5e7147a81c887158c29 1440w,
2653                            
2654                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0b3BoX2Jlcm5pbmdlcl9yei5qcGc/brucke_portraits_christoph_berninger_rz.jpg?fm=webp&w=1536&fit=crop-54-39-1.5&q=90&s=896212ec1eb7845e283dc22f43334868 1536w,
2655                            
2656                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0b3BoX2Jlcm5pbmdlcl9yei5qcGc/brucke_portraits_christoph_berninger_rz.jpg?fm=webp&w=1680&fit=crop-54-39-1.5&q=90&s=8b5effa8be85d8abc47259b1de0f9860 1680w
2657                            
2658                        "
2659                        sizes="(min-width: 1280px) 1280px, (min-width: 768px) 50vw, 90vw"
2660                        type="image/webp"
2661                    >
2662                
2663                    <source
2664                        srcset="
2665                            
2666                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0b3BoX2Jlcm5pbmdlcl9yei5qcGc/brucke_portraits_christoph_berninger_rz.jpg?fm=jpg&w=320&fit=crop-54-39-1.5&q=90&s=990c5a69d1a2da3e73bde8519c1719e4 320w,
2667                            
2668                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0b3BoX2Jlcm5pbmdlcl9yei5qcGc/brucke_portraits_christoph_berninger_rz.jpg?fm=jpg&w=480&fit=crop-54-39-1.5&q=90&s=f7b0bd379ff5ecef60f9b150ff8fbdaa 480w,
2669                            
2670                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0b3BoX2Jlcm5pbmdlcl9yei5qcGc/brucke_portraits_christoph_berninger_rz.jpg?fm=jpg&w=640&fit=crop-54-39-1.5&q=90&s=d3cda965d6c85bd46de2f9285455707b 640w,
2671                            
2672                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0b3BoX2Jlcm5pbmdlcl9yei5qcGc/brucke_portraits_christoph_berninger_rz.jpg?fm=jpg&w=768&fit=crop-54-39-1.5&q=90&s=8c8fa7a8d88c09d0d3e7856546f5ae36 768w,
2673                            
2674                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0b3BoX2Jlcm5pbmdlcl9yei5qcGc/brucke_portraits_christoph_berninger_rz.jpg?fm=jpg&w=1024&fit=crop-54-39-1.5&q=90&s=e598c6ef602a80a83cdb967b0fb7df3b 1024w,
2675                            
2676                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0b3BoX2Jlcm5pbmdlcl9yei5qcGc/brucke_portraits_christoph_berninger_rz.jpg?fm=jpg&w=1280&fit=crop-54-39-1.5&q=90&s=541e6a5975a6f68b1f4f4a3420d19709 1280w,
2677                            
2678                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0b3BoX2Jlcm5pbmdlcl9yei5qcGc/brucke_portraits_christoph_berninger_rz.jpg?fm=jpg&w=1440&fit=crop-54-39-1.5&q=90&s=76542e80bc693760a21de64469a993b5 1440w,
2679                            
2680                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0b3BoX2Jlcm5pbmdlcl9yei5qcGc/brucke_portraits_christoph_berninger_rz.jpg?fm=jpg&w=1536&fit=crop-54-39-1.5&q=90&s=21bb2d01c5f64b62d241ac050b2102c2 1536w,
2681                            
2682                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0b3BoX2Jlcm5pbmdlcl9yei5qcGc/brucke_portraits_christoph_berninger_rz.jpg?fm=jpg&w=1680&fit=crop-54-39-1.5&q=90&s=2b1de21a5a5e25bd385a9ded7daa163d 1680w
2683                            
2684                        "
2685                        sizes="(min-width: 1280px) 1280px, (min-width: 768px) 50vw, 90vw"
2686                        type="image/jpeg"
2687                    >
2688                
2689                <img
2690                    width="1500"
2691                    height="2000"
2692                    src="/img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0b3BoX2Jlcm5pbmdlcl9yei5qcGc/brucke_portraits_christoph_berninger_rz.jpg?w=1024&h=1365.3333333333&fit=crop-54-39-1.5&q=93&s=c85d056e714a8069e59bbb3db530fc59"
2693                    alt=""
2694                    
2695                        class="object-cover w-full h-full "
2696                        style="object-position: 54% 39%"
2697                    
2698                    
2699                        aria-hidden="true"
2700                    
2701                    
2702                >
2703            
2704        </picture>
2705    
2706
2707  </div>
2708  
2709  <div class="relative z-20 flex flex-col gap-2 justify-between w-full px-6 p-4 sm:-ml-8 bg-white border-black rounded-2xl border-3 -mt-[3px] sm:mt-0">
2710    <div class="flex flex-col gap-2">
2711      <span class="block">1. stellvertretender Vorsitzender</span>
2712      <h4 class="text-lg font-bold leading-none text-main font-narrow">Christoph Berninger</h4>
2713    </div>
2714    <p>Rechtsanwalt, Wirtschaftsmediator</p>
2715    <p>seit 2014 im Vorstand</p>
2716    
2717    <a href="mailto:&#99;&#x68;&#x72;&#x69;&#x73;t&#111;&#x70;&#104;&#x2e;b&#101;&#x72;n&#105;&#110;&#x67;&#x65;r&#64;br&#x75;ec&#x6b;e-ev.&#x64;&#101;" class="font-bold text-md font-narrow text-main">&#99;h&#x72;i&#x73;&#116;&#x6f;&#x70;&#104;.b&#x65;&#114;&#x6e;&#x69;&#110;&#x67;&#101;r&#64;&#98;&#x72;u&#101;c&#x6b;e&#45;&#x65;v&#x2e;&#x64;e</a>
2718    
2719  </div>
2720</div>            
2721        
2722            <div class="flex flex-col items-start w-full text-sm sm:flex-row lg:max-w-screen-lg sm:items-stretch">
2723  
2724  <div class="relative z-10 h-64 overflow-hidden border-black sm:h-56 sm:min-h-full min-w-52 border-3 rounded-2xl">
2725    
2726    
2727    
2728        
2729        
2730        
2731        
2732        
2733
2734        
2735        
2736
2737        
2738        
2739
2740        
2741        
2742            
2743        
2744
2745        <picture>
2746            
2747                
2748                    <source
2749                        srcset="
2750                            
2751                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbmtfbXVocl9yei5qcGc/brucke_portraits_frank_muhr_rz.jpg?fm=webp&w=320&fit=crop-57-39-1.5&q=90&s=431a4cbccb4d0be3f53e7571a01a8fad 320w,
2752                            
2753                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbmtfbXVocl9yei5qcGc/brucke_portraits_frank_muhr_rz.jpg?fm=webp&w=480&fit=crop-57-39-1.5&q=90&s=c8d4fe46df7445167276e8bf54c0bccd 480w,
2754                            
2755                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbmtfbXVocl9yei5qcGc/brucke_portraits_frank_muhr_rz.jpg?fm=webp&w=640&fit=crop-57-39-1.5&q=90&s=e53ad87c1bf8d7cd9f58003b4334b45f 640w,
2756                            
2757                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbmtfbXVocl9yei5qcGc/brucke_portraits_frank_muhr_rz.jpg?fm=webp&w=768&fit=crop-57-39-1.5&q=90&s=c1673e8cefe2d9bdb9561d9b559adbda 768w,
2758                            
2759                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbmtfbXVocl9yei5qcGc/brucke_portraits_frank_muhr_rz.jpg?fm=webp&w=1024&fit=crop-57-39-1.5&q=90&s=44e5b02524a2a101f9b6bb2bf2da707c 1024w,
2760                            
2761                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbmtfbXVocl9yei5qcGc/brucke_portraits_frank_muhr_rz.jpg?fm=webp&w=1280&fit=crop-57-39-1.5&q=90&s=4fd7ed121da25cefd872077b90cf96d4 1280w,
2762                            
2763                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbmtfbXVocl9yei5qcGc/brucke_portraits_frank_muhr_rz.jpg?fm=webp&w=1440&fit=crop-57-39-1.5&q=90&s=7e415ec86943043405b929cdbe58168c 1440w,
2764                            
2765                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbmtfbXVocl9yei5qcGc/brucke_portraits_frank_muhr_rz.jpg?fm=webp&w=1536&fit=crop-57-39-1.5&q=90&s=6de8f0b2750ab91e48854365ae7a7a91 1536w,
2766                            
2767                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbmtfbXVocl9yei5qcGc/brucke_portraits_frank_muhr_rz.jpg?fm=webp&w=1680&fit=crop-57-39-1.5&q=90&s=2fb83dae0b65dfd0449c57f882ebc020 1680w
2768                            
2769                        "
2770                        sizes="(min-width: 1280px) 1280px, (min-width: 768px) 50vw, 90vw"
2771                        type="image/webp"
2772                    >
2773                
2774                    <source
2775                        srcset="
2776                            
2777                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbmtfbXVocl9yei5qcGc/brucke_portraits_frank_muhr_rz.jpg?fm=jpg&w=320&fit=crop-57-39-1.5&q=90&s=27b01a16ad5afa3d1a3ed8651c339f94 320w,
2778                            
2779                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbmtfbXVocl9yei5qcGc/brucke_portraits_frank_muhr_rz.jpg?fm=jpg&w=480&fit=crop-57-39-1.5&q=90&s=451f0eceb2834e5526d90ea12d95fcf7 480w,
2780                            
2781                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbmtfbXVocl9yei5qcGc/brucke_portraits_frank_muhr_rz.jpg?fm=jpg&w=640&fit=crop-57-39-1.5&q=90&s=cfaee85591876a57bbfb6b3003f69664 640w,
2782                            
2783                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbmtfbXVocl9yei5qcGc/brucke_portraits_frank_muhr_rz.jpg?fm=jpg&w=768&fit=crop-57-39-1.5&q=90&s=cba44ded0a1fa8b9cd1c03bf3629b28b 768w,
2784                            
2785                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbmtfbXVocl9yei5qcGc/brucke_portraits_frank_muhr_rz.jpg?fm=jpg&w=1024&fit=crop-57-39-1.5&q=90&s=75b6ac4294eb61851dfd1faadc2457ed 1024w,
2786                            
2787                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbmtfbXVocl9yei5qcGc/brucke_portraits_frank_muhr_rz.jpg?fm=jpg&w=1280&fit=crop-57-39-1.5&q=90&s=4dc9189265f70f4e7d9e43a30aef0d5e 1280w,
2788                            
2789                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbmtfbXVocl9yei5qcGc/brucke_portraits_frank_muhr_rz.jpg?fm=jpg&w=1440&fit=crop-57-39-1.5&q=90&s=0666b6da27fe3cc85d6559e3542b2582 1440w,
2790                            
2791                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbmtfbXVocl9yei5qcGc/brucke_portraits_frank_muhr_rz.jpg?fm=jpg&w=1536&fit=crop-57-39-1.5&q=90&s=94c26841a7f92ff9c40946689c588d99 1536w,
2792                            
2793                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbmtfbXVocl9yei5qcGc/brucke_portraits_frank_muhr_rz.jpg?fm=jpg&w=1680&fit=crop-57-39-1.5&q=90&s=3a2e4a91840746d6ca2cb41f9dc1eca6 1680w
2794                            
2795                        "
2796                        sizes="(min-width: 1280px) 1280px, (min-width: 768px) 50vw, 90vw"
2797                        type="image/jpeg"
2798                    >
2799                
2800                <img
2801                    width="1500"
2802                    height="2000"
2803                    src="/img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbmtfbXVocl9yei5qcGc/brucke_portraits_frank_muhr_rz.jpg?w=1024&h=1365.3333333333&fit=crop-57-39-1.5&q=93&s=53eae104da48e9bfa58ba6982e717a59"
2804                    alt=""
2805                    
2806                        class="object-cover w-full h-full "
2807                        style="object-position: 57% 39%"
2808                    
2809                    
2810                        aria-hidden="true"
2811                    
2812                    
2813                >
2814            
2815        </picture>
2816    
2817
2818  </div>
2819  
2820  <div class="relative z-20 flex flex-col gap-2 justify-between w-full px-6 p-4 sm:-ml-8 bg-white border-black rounded-2xl border-3 -mt-[3px] sm:mt-0">
2821    <div class="flex flex-col gap-2">
2822      <span class="block">2. stellvertretender Vorsitzender</span>
2823      <h4 class="text-lg font-bold leading-none text-main font-narrow">Frank Muhr</h4>
2824    </div>
2825    <p>Rechtsanwalt, LL.M. (USD), Fachanwalt für Strafrecht</p>
2826    <p>seit 2016 im Vorstand</p>
2827    
2828    <a href="mailto:&#102;&#x72;&#97;nk.&#109;&#x75;&#104;&#114;&#64;b&#114;&#x75;e&#x63;&#x6b;&#x65;&#x2d;&#x65;&#x76;.&#x64;e" class="font-bold text-md font-narrow text-main">fran&#107;.&#109;u&#x68;&#x72;&#64;&#x62;r&#117;ec&#x6b;e&#x2d;&#101;&#118;.&#100;e</a>
2829    
2830  </div>
2831</div>            
2832        
2833            <div class="flex flex-col items-start w-full text-sm sm:flex-row lg:max-w-screen-lg sm:items-stretch">
2834  
2835  <div class="relative z-10 h-64 overflow-hidden border-black sm:h-56 sm:min-h-full min-w-52 border-3 rounded-2xl">
2836    
2837    
2838    
2839        
2840        
2841        
2842        
2843        
2844
2845        
2846        
2847
2848        
2849        
2850
2851        
2852        
2853            
2854        
2855
2856        <picture>
2857            
2858                
2859                    <source
2860                        srcset="
2861                            
2862                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2xhdXNfbWVsZGVyX3J6LmpwZw/brucke_portraits_claus_melder_rz.jpg?fm=webp&w=320&fit=crop-54-39-1.5&q=90&s=43b11b8f0e152a6428ff7a0774f5d854 320w,
2863                            
2864                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2xhdXNfbWVsZGVyX3J6LmpwZw/brucke_portraits_claus_melder_rz.jpg?fm=webp&w=480&fit=crop-54-39-1.5&q=90&s=4af0c164b135e03e3dcce6951dae7904 480w,
2865                            
2866                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2xhdXNfbWVsZGVyX3J6LmpwZw/brucke_portraits_claus_melder_rz.jpg?fm=webp&w=640&fit=crop-54-39-1.5&q=90&s=426c477a3d59741a9b9fc1c6527034a5 640w,
2867                            
2868                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2xhdXNfbWVsZGVyX3J6LmpwZw/brucke_portraits_claus_melder_rz.jpg?fm=webp&w=768&fit=crop-54-39-1.5&q=90&s=9d76e527789f0038892e7ff961a8636d 768w,
2869                            
2870                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2xhdXNfbWVsZGVyX3J6LmpwZw/brucke_portraits_claus_melder_rz.jpg?fm=webp&w=1024&fit=crop-54-39-1.5&q=90&s=ea75850231eb45a220fcf28e5b2731f8 1024w,
2871                            
2872                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2xhdXNfbWVsZGVyX3J6LmpwZw/brucke_portraits_claus_melder_rz.jpg?fm=webp&w=1280&fit=crop-54-39-1.5&q=90&s=dcd35e22ca4b1eac72a03e522e0c7fae 1280w,
2873                            
2874                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2xhdXNfbWVsZGVyX3J6LmpwZw/brucke_portraits_claus_melder_rz.jpg?fm=webp&w=1440&fit=crop-54-39-1.5&q=90&s=fc65c8147505574ab7e8ab147e28f0bb 1440w,
2875                            
2876                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2xhdXNfbWVsZGVyX3J6LmpwZw/brucke_portraits_claus_melder_rz.jpg?fm=webp&w=1536&fit=crop-54-39-1.5&q=90&s=722710b5de83ee5ce4139f2dbf01ee2f 1536w,
2877                            
2878                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2xhdXNfbWVsZGVyX3J6LmpwZw/brucke_portraits_claus_melder_rz.jpg?fm=webp&w=1680&fit=crop-54-39-1.5&q=90&s=6acb053ebbd631bf7681a4ae3166f091 1680w
2879                            
2880                        "
2881                        sizes="(min-width: 1280px) 1280px, (min-width: 768px) 50vw, 90vw"
2882                        type="image/webp"
2883                    >
2884                
2885                    <source
2886                        srcset="
2887                            
2888                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2xhdXNfbWVsZGVyX3J6LmpwZw/brucke_portraits_claus_melder_rz.jpg?fm=jpg&w=320&fit=crop-54-39-1.5&q=90&s=417417e7640bb329d029a03c14b049bd 320w,
2889                            
2890                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2xhdXNfbWVsZGVyX3J6LmpwZw/brucke_portraits_claus_melder_rz.jpg?fm=jpg&w=480&fit=crop-54-39-1.5&q=90&s=089f824c299e6aa5ff27c9be7b39331d 480w,
2891                            
2892                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2xhdXNfbWVsZGVyX3J6LmpwZw/brucke_portraits_claus_melder_rz.jpg?fm=jpg&w=640&fit=crop-54-39-1.5&q=90&s=164189da8f4b72a2c4915edece3c0980 640w,
2893                            
2894                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2xhdXNfbWVsZGVyX3J6LmpwZw/brucke_portraits_claus_melder_rz.jpg?fm=jpg&w=768&fit=crop-54-39-1.5&q=90&s=0ea103c81bef0d90ed5770f148901863 768w,
2895                            
2896                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2xhdXNfbWVsZGVyX3J6LmpwZw/brucke_portraits_claus_melder_rz.jpg?fm=jpg&w=1024&fit=crop-54-39-1.5&q=90&s=b7da593f2a1eca8476e5bf115ae3f0fc 1024w,
2897                            
2898                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2xhdXNfbWVsZGVyX3J6LmpwZw/brucke_portraits_claus_melder_rz.jpg?fm=jpg&w=1280&fit=crop-54-39-1.5&q=90&s=3c03183314e75e7e38f4a77ce90bfb7a 1280w,
2899                            
2900                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2xhdXNfbWVsZGVyX3J6LmpwZw/brucke_portraits_claus_melder_rz.jpg?fm=jpg&w=1440&fit=crop-54-39-1.5&q=90&s=12acebac3cc071e77b3e5b83206092f0 1440w,
2901                            
2902                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2xhdXNfbWVsZGVyX3J6LmpwZw/brucke_portraits_claus_melder_rz.jpg?fm=jpg&w=1536&fit=crop-54-39-1.5&q=90&s=503eb66e3a1c84388072e2d066425632 1536w,
2903                            
2904                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2xhdXNfbWVsZGVyX3J6LmpwZw/brucke_portraits_claus_melder_rz.jpg?fm=jpg&w=1680&fit=crop-54-39-1.5&q=90&s=80a7dfdc39b35c936e523be80700d003 1680w
2905                            
2906                        "
2907                        sizes="(min-width: 1280px) 1280px, (min-width: 768px) 50vw, 90vw"
2908                        type="image/jpeg"
2909                    >
2910                
2911                <img
2912                    width="1500"
2913                    height="2000"
2914                    src="/img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2xhdXNfbWVsZGVyX3J6LmpwZw/brucke_portraits_claus_melder_rz.jpg?w=1024&h=1365.3333333333&fit=crop-54-39-1.5&q=93&s=c91c57641a3859e01d95f5b717dbb5be"
2915                    alt=""
2916                    
2917                        class="object-cover w-full h-full "
2918                        style="object-position: 54% 39%"
2919                    
2920                    
2921                        aria-hidden="true"
2922                    
2923                    
2924                >
2925            
2926        </picture>
2927    
2928
2929  </div>
2930  
2931  <div class="relative z-20 flex flex-col gap-2 justify-between w-full px-6 p-4 sm:-ml-8 bg-white border-black rounded-2xl border-3 -mt-[3px] sm:mt-0">
2932    <div class="flex flex-col gap-2">
2933      <span class="block">3. stellvertretender Vorsitzender</span>
2934      <h4 class="text-lg font-bold leading-none text-main font-narrow">Claus Melder</h4>
2935    </div>
2936    <p>Im Ruhestand<br />
2937ehem. Geschäftsführer/Vorstand/Aufsichtsrat aus der Industrie</p>
2938    <p>seit 2025 im Vorstand</p>
2939    
2940    <a href="mailto:&#x63;l&#97;&#117;s&#x2e;&#109;&#101;&#x6c;&#100;&#101;&#x72;&#x40;br&#117;&#x65;c&#x6b;&#101;&#x2d;e&#x76;&#x2e;&#x64;&#x65;" class="font-bold text-md font-narrow text-main">&#x63;&#108;&#97;&#117;&#115;.&#109;&#x65;l&#100;er&#64;b&#114;&#117;&#x65;ck&#x65;&#45;e&#118;&#x2e;d&#x65;</a>
2941    
2942  </div>
2943</div>            
2944        
2945            <div class="flex flex-col items-start w-full text-sm sm:flex-row lg:max-w-screen-lg sm:items-stretch">
2946  
2947  <div class="relative z-10 h-64 overflow-hidden border-black sm:h-56 sm:min-h-full min-w-52 border-3 rounded-2xl">
2948    
2949    
2950    
2951        
2952        
2953        
2954        
2955        
2956
2957        
2958        
2959
2960        
2961        
2962
2963        
2964        
2965            
2966        
2967
2968        <picture>
2969            
2970                
2971                    <source
2972                        srcset="
2973                            
2974                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbnpfbmVlc19yei5qcGc/brucke_portraits_franz_nees_rz.jpg?fm=webp&w=320&fit=crop-53-41-1.5&q=90&s=905a85a79548cb3554e24a5b50d73c9a 320w,
2975                            
2976                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbnpfbmVlc19yei5qcGc/brucke_portraits_franz_nees_rz.jpg?fm=webp&w=480&fit=crop-53-41-1.5&q=90&s=5e8f0cb44708abbe36c896732da31cae 480w,
2977                            
2978                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbnpfbmVlc19yei5qcGc/brucke_portraits_franz_nees_rz.jpg?fm=webp&w=640&fit=crop-53-41-1.5&q=90&s=b7c3a26b47e5c43506fea08abe177cbd 640w,
2979                            
2980                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbnpfbmVlc19yei5qcGc/brucke_portraits_franz_nees_rz.jpg?fm=webp&w=768&fit=crop-53-41-1.5&q=90&s=560df8f7667bfb23655242e8b77f34e9 768w,
2981                            
2982                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbnpfbmVlc19yei5qcGc/brucke_portraits_franz_nees_rz.jpg?fm=webp&w=1024&fit=crop-53-41-1.5&q=90&s=341a7da7f4b3cd93f0820472b32bc1da 1024w,
2983                            
2984                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbnpfbmVlc19yei5qcGc/brucke_portraits_franz_nees_rz.jpg?fm=webp&w=1280&fit=crop-53-41-1.5&q=90&s=ceca9163b4a473f7858d6f59c9b11cc2 1280w,
2985                            
2986                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbnpfbmVlc19yei5qcGc/brucke_portraits_franz_nees_rz.jpg?fm=webp&w=1440&fit=crop-53-41-1.5&q=90&s=795207b7c807729757a09147230d07c6 1440w,
2987                            
2988                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbnpfbmVlc19yei5qcGc/brucke_portraits_franz_nees_rz.jpg?fm=webp&w=1536&fit=crop-53-41-1.5&q=90&s=2cac52e88ced2a0984a1ca95ab509fc5 1536w,
2989                            
2990                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbnpfbmVlc19yei5qcGc/brucke_portraits_franz_nees_rz.jpg?fm=webp&w=1680&fit=crop-53-41-1.5&q=90&s=46f163259bf2e5b8ba9f88c9c58d696b 1680w
2991                            
2992                        "
2993                        sizes="(min-width: 1280px) 1280px, (min-width: 768px) 50vw, 90vw"
2994                        type="image/webp"
2995                    >
2996                
2997                    <source
2998                        srcset="
2999                            
3000                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbnpfbmVlc19yei5qcGc/brucke_portraits_franz_nees_rz.jpg?fm=jpg&w=320&fit=crop-53-41-1.5&q=90&s=1922d1d944fcc9e9abc485d25929967f 320w,
3001                            
3002                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbnpfbmVlc19yei5qcGc/brucke_portraits_franz_nees_rz.jpg?fm=jpg&w=480&fit=crop-53-41-1.5&q=90&s=0a698d22f7362c1bcf091d3288999132 480w,
3003                            
3004                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbnpfbmVlc19yei5qcGc/brucke_portraits_franz_nees_rz.jpg?fm=jpg&w=640&fit=crop-53-41-1.5&q=90&s=f50f54d12db92b33b2fb4582f699c9df 640w,
3005                            
3006                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbnpfbmVlc19yei5qcGc/brucke_portraits_franz_nees_rz.jpg?fm=jpg&w=768&fit=crop-53-41-1.5&q=90&s=923b4a5bb82d0474be0898606a1b8958 768w,
3007                            
3008                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbnpfbmVlc19yei5qcGc/brucke_portraits_franz_nees_rz.jpg?fm=jpg&w=1024&fit=crop-53-41-1.5&q=90&s=9cc9d3f5383fc4046d9c021fc5ff111c 1024w,
3009                            
3010                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbnpfbmVlc19yei5qcGc/brucke_portraits_franz_nees_rz.jpg?fm=jpg&w=1280&fit=crop-53-41-1.5&q=90&s=71f8fdb99e269a09e31a3b65fd187f6b 1280w,
3011                            
3012                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbnpfbmVlc19yei5qcGc/brucke_portraits_franz_nees_rz.jpg?fm=jpg&w=1440&fit=crop-53-41-1.5&q=90&s=21314450978f35800cadc6137e186733 1440w,
3013                            
3014                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbnpfbmVlc19yei5qcGc/brucke_portraits_franz_nees_rz.jpg?fm=jpg&w=1536&fit=crop-53-41-1.5&q=90&s=f93d37da4cdb40ee1c57ac0d73fddf66 1536w,
3015                            
3016                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbnpfbmVlc19yei5qcGc/brucke_portraits_franz_nees_rz.jpg?fm=jpg&w=1680&fit=crop-53-41-1.5&q=90&s=77477d4bd5258cc874f921e87a0e0d88 1680w
3017                            
3018                        "
3019                        sizes="(min-width: 1280px) 1280px, (min-width: 768px) 50vw, 90vw"
3020                        type="image/jpeg"
3021                    >
3022                
3023                <img
3024                    width="1500"
3025                    height="2000"
3026                    src="/img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfZnJhbnpfbmVlc19yei5qcGc/brucke_portraits_franz_nees_rz.jpg?w=1024&h=1365.3333333333&fit=crop-53-41-1.5&q=93&s=f0397f610c51d15efa8e23987bc644f8"
3027                    alt=""
3028                    
3029                        class="object-cover w-full h-full "
3030                        style="object-position: 53% 41%"
3031                    
3032                    
3033                        aria-hidden="true"
3034                    
3035                    
3036                >
3037            
3038        </picture>
3039    
3040
3041  </div>
3042  
3043  <div class="relative z-20 flex flex-col gap-2 justify-between w-full px-6 p-4 sm:-ml-8 bg-white border-black rounded-2xl border-3 -mt-[3px] sm:mt-0">
3044    <div class="flex flex-col gap-2">
3045      <span class="block">4. stellvertretender Vorsitzender</span>
3046      <h4 class="text-lg font-bold leading-none text-main font-narrow">Prof. Franz Nees</h4>
3047    </div>
3048    <p>Dipl.-Volkswirt<br />
3049Dekan der Fakultät für Informatik und Wirtschaftsinformatik<br />
3050Hochschule Karlsruhe – Technik und Wirtschaft</p>
3051    <p>seit 2025 im Vorstand</p>
3052    
3053    <a href="mailto:&#x66;&#x72;&#x61;nz.nees&#x40;b&#114;&#x75;&#x65;c&#x6b;&#101;&#x2d;&#x65;&#118;&#46;d&#x65;" class="font-bold text-md font-narrow text-main">&#102;&#x72;&#97;&#x6e;z&#x2e;n&#x65;&#x65;s&#x40;&#x62;&#x72;&#x75;&#101;c&#x6b;&#x65;-&#101;&#x76;.&#x64;&#101;</a>
3054    
3055  </div>
3056</div>            
3057        
3058            <div class="flex flex-col items-start w-full text-sm sm:flex-row lg:max-w-screen-lg sm:items-stretch">
3059  
3060  <div class="relative z-10 h-64 overflow-hidden border-black sm:h-56 sm:min-h-full min-w-52 border-3 rounded-2xl">
3061    
3062    
3063    
3064        
3065        
3066        
3067        
3068        
3069
3070        
3071        
3072
3073        
3074        
3075
3076        
3077        
3078            
3079        
3080
3081        <picture>
3082            
3083                
3084                    <source
3085                        srcset="
3086                            
3087                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0aW5lX2JhbGxtYW5uX3J6LmpwZw/brucke_portraits_christine_ballmann_rz.jpg?fm=webp&w=320&fit=crop-52-38-1.5&q=90&s=0412bd951ee7e0216c12a7ee1f9cedd5 320w,
3088                            
3089                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0aW5lX2JhbGxtYW5uX3J6LmpwZw/brucke_portraits_christine_ballmann_rz.jpg?fm=webp&w=480&fit=crop-52-38-1.5&q=90&s=21d7c17c0d798a4145653ea209c8a4b9 480w,
3090                            
3091                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0aW5lX2JhbGxtYW5uX3J6LmpwZw/brucke_portraits_christine_ballmann_rz.jpg?fm=webp&w=640&fit=crop-52-38-1.5&q=90&s=d15b49523be2bdad7f1a4fcf36b9a81c 640w,
3092                            
3093                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0aW5lX2JhbGxtYW5uX3J6LmpwZw/brucke_portraits_christine_ballmann_rz.jpg?fm=webp&w=768&fit=crop-52-38-1.5&q=90&s=305a00a2c1f5afc23a468645c14a4ed2 768w,
3094                            
3095                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0aW5lX2JhbGxtYW5uX3J6LmpwZw/brucke_portraits_christine_ballmann_rz.jpg?fm=webp&w=1024&fit=crop-52-38-1.5&q=90&s=c393c1c658bd53d73a359fb3af0a8d54 1024w,
3096                            
3097                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0aW5lX2JhbGxtYW5uX3J6LmpwZw/brucke_portraits_christine_ballmann_rz.jpg?fm=webp&w=1280&fit=crop-52-38-1.5&q=90&s=07dbba09f7bb9a4595d5731718a2b2fb 1280w,
3098                            
3099                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0aW5lX2JhbGxtYW5uX3J6LmpwZw/brucke_portraits_christine_ballmann_rz.jpg?fm=webp&w=1440&fit=crop-52-38-1.5&q=90&s=138b2334be4e47403574e7f42f4a1625 1440w,
3100                            
3101                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0aW5lX2JhbGxtYW5uX3J6LmpwZw/brucke_portraits_christine_ballmann_rz.jpg?fm=webp&w=1536&fit=crop-52-38-1.5&q=90&s=52e5023c7d51144d9962918037e267ac 1536w,
3102                            
3103                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0aW5lX2JhbGxtYW5uX3J6LmpwZw/brucke_portraits_christine_ballmann_rz.jpg?fm=webp&w=1680&fit=crop-52-38-1.5&q=90&s=968b12f2f96b57fc2d69fa68f89ea4a5 1680w
3104                            
3105                        "
3106                        sizes="(min-width: 1280px) 1280px, (min-width: 768px) 50vw, 90vw"
3107                        type="image/webp"
3108                    >
3109                
3110                    <source
3111                        srcset="
3112                            
3113                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0aW5lX2JhbGxtYW5uX3J6LmpwZw/brucke_portraits_christine_ballmann_rz.jpg?fm=jpg&w=320&fit=crop-52-38-1.5&q=90&s=aaeb57eeb0ba2e9049b114d71bfad822 320w,
3114                            
3115                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0aW5lX2JhbGxtYW5uX3J
31156LmpwZw/brucke_portraits_christine_ballmann_rz.jpg?fm=jpg&w=480&fit=crop-52-38-1.5&q=90&s=5b4788c17c6ba711d41f23e72fa58037 480w,
3116                            
3117                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0aW5lX2JhbGxtYW5uX3J6LmpwZw/brucke_portraits_christine_ballmann_rz.jpg?fm=jpg&w=640&fit=crop-52-38-1.5&q=90&s=a04158cda002d3992aef2f999f688066 640w,
3118                            
3119                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0aW5lX2JhbGxtYW5uX3J6LmpwZw/brucke_portraits_christine_ballmann_rz.jpg?fm=jpg&w=768&fit=crop-52-38-1.5&q=90&s=82ea26e97802407e3f41d35f5a35c56b 768w,
3120                            
3121                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0aW5lX2JhbGxtYW5uX3J6LmpwZw/brucke_portraits_christine_ballmann_rz.jpg?fm=jpg&w=1024&fit=crop-52-38-1.5&q=90&s=7de6c17865eecea028777afe3a9d5684 1024w,
3122                            
3123                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0aW5lX2JhbGxtYW5uX3J6LmpwZw/brucke_portraits_christine_ballmann_rz.jpg?fm=jpg&w=1280&fit=crop-52-38-1.5&q=90&s=62f78076fe93545d372eadf53a3d1843 1280w,
3124                            
3125                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0aW5lX2JhbGxtYW5uX3J6LmpwZw/brucke_portraits_christine_ballmann_rz.jpg?fm=jpg&w=1440&fit=crop-52-38-1.5&q=90&s=bf3239cc8cd90e1204a032700129e547 1440w,
3126                            
3127                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0aW5lX2JhbGxtYW5uX3J6LmpwZw/brucke_portraits_christine_ballmann_rz.jpg?fm=jpg&w=1536&fit=crop-52-38-1.5&q=90&s=24373d83d196d969554e517667c04068 1536w,
3128                            
3129                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0aW5lX2JhbGxtYW5uX3J6LmpwZw/brucke_portraits_christine_ballmann_rz.jpg?fm=jpg&w=1680&fit=crop-52-38-1.5&q=90&s=81ed0c74ecf9d81a8fbaaac547855386 1680w
3130                            
3131                        "
3132                        sizes="(min-width: 1280px) 1280px, (min-width: 768px) 50vw, 90vw"
3133                        type="image/jpeg"
3134                    >
3135                
3136                <img
3137                    width="1500"
3138                    height="2000"
3139                    src="/img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfY2hyaXN0aW5lX2JhbGxtYW5uX3J6LmpwZw/brucke_portraits_christine_ballmann_rz.jpg?w=1024&h=1365.3333333333&fit=crop-52-38-1.5&q=93&s=a96f8f0e1418dc935bdf266b47d75965"
3140                    alt=""
3141                    
3142                        class="object-cover w-full h-full "
3143                        style="object-position: 52% 38%"
3144                    
3145                    
3146                        aria-hidden="true"
3147                    
3148                    
3149                >
3150            
3151        </picture>
3152    
3153
3154  </div>
3155  
3156  <div class="relative z-20 flex flex-col gap-2 justify-between w-full px-6 p-4 sm:-ml-8 bg-white border-black rounded-2xl border-3 -mt-[3px] sm:mt-0">
3157    <div class="flex flex-col gap-2">
3158      <span class="block">Schriftführerin</span>
3159      <h4 class="text-lg font-bold leading-none text-main font-narrow">Christine Ballmann</h4>
3160    </div>
3161    <p>Dipl. Sozialpädagogin (FH) <br> Bewährungshelferin beim Landgericht Aschaffenburg</p>
3162    <p>seit 2005 im Vorstand</p>
3163    
3164    <a href="mailto:&#99;hr&#x69;&#x73;ti&#x6e;&#x65;.ba&#x6c;l&#109;&#97;n&#x6e;&#64;&#98;&#x72;u&#101;&#99;&#x6b;&#101;&#45;&#101;v&#46;&#x64;&#x65;" class="font-bold text-md font-narrow text-main">&#99;&#104;r&#105;st&#x69;&#x6e;&#101;&#x2e;&#98;&#x61;l&#x6c;&#x6d;&#97;&#x6e;n&#64;&#98;r&#117;&#101;&#99;&#107;e-&#x65;&#x76;&#x2e;&#100;&#x65;</a>
3165    
3166  </div>
3167</div>            
3168        
3169            <div class="flex flex-col items-start w-full text-sm sm:flex-row lg:max-w-screen-lg sm:items-stretch">
3170  
3171  <div class="relative z-10 h-64 overflow-hidden border-black sm:h-56 sm:min-h-full min-w-52 border-3 rounded-2xl">
3172    
3173    
3174    
3175        
3176        
3177        
3178        
3179        
3180
3181        
3182        
3183
3184        
3185        
3186
3187        
3188        
3189            
3190        
3191
3192        <picture>
3193            
3194                
3195                    <source
3196                        srcset="
3197                            
3198                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfcnVkaV9yb2hsZWRlcl9yei5qcGc/brucke_portraits_rudi_rohleder_rz.jpg?fm=webp&w=320&fit=crop-53-40-1.5&q=90&s=92f88bfab859e5abd3b4fc4d762a464a 320w,
3199                            
3200                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfcnVkaV9yb2hsZWRlcl9yei5qcGc/brucke_portraits_rudi_rohleder_rz.jpg?fm=webp&w=480&fit=crop-53-40-1.5&q=90&s=cfa135abfbec3d7625b96bfa2aaef0a9 480w,
3201                            
3202                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfcnVkaV9yb2hsZWRlcl9yei5qcGc/brucke_portraits_rudi_rohleder_rz.jpg?fm=webp&w=640&fit=crop-53-40-1.5&q=90&s=c584da3d44ee72249b439a173287f102 640w,
3203                            
3204                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfcnVkaV9yb2hsZWRlcl9yei5qcGc/brucke_portraits_rudi_rohleder_rz.jpg?fm=webp&w=768&fit=crop-53-40-1.5&q=90&s=938710e8f6b
3204ce98f986363bed54bf7ed 768w,
3205                            
3206                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfcnVkaV9yb2hsZWRlcl9yei5qcGc/brucke_portraits_rudi_rohleder_rz.jpg?fm=webp&w=1024&fit=crop-53-40-1.5&q=90&s=6d11abca1dafaeff041474161aee517b 1024w,
3207                            
3208                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfcnVkaV9yb2hsZWRlcl9yei5qcGc/brucke_portraits_rudi_rohleder_rz.jpg?fm=webp&w=1280&fit=crop-53-40-1.5&q=90&s=b92d9e4046eb076b1aebdfadee5d532d 1280w,
3209                            
3210                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfcnVkaV9yb2hsZWRlcl9yei5qcGc/brucke_portraits_rudi_rohleder_rz.jpg?fm=webp&w=1440&fit=crop-53-40-1.5&q=90&s=9b74a5efb7ce5854190a83ce9c201d56 1440w,
3211                            
3212                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfcnVkaV9yb2hsZWRlcl9yei5qcGc/brucke_portraits_rudi_rohleder_rz.jpg?fm=webp&w=1536&fit=crop-53-40-1.5&q=90&s=9de35ea8827b761e8c93827f54b3bd69 1536w,
3213                            
3214                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfcnVkaV9yb2hsZWRlcl9yei5qcGc/brucke_portraits_rudi_rohleder_rz.jpg?fm=webp&w=1680&fit=crop-53-40-1.5&q=90&s=f4215eca8382678c323bc8e7285d2664 1680w
3215                            
3216                        "
3217                        sizes="(min-width: 1280px) 1280px, (min-width: 768px) 50vw, 90vw"
3218                        type="image/webp"
3219                    >
3220                
3221                    <source
3222                        srcset="
3223                            
3224                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfcnVkaV9yb2hsZWRlcl9yei5qcGc/brucke_portraits_rudi_rohleder_rz.jpg?fm=jpg&w=320&fit=crop-53-40-1.5&q=90&s=e4dd06c5ca4407da79079b5f34f55429 320w,
3225                            
3226                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfcnVkaV9yb2hsZWRlcl9yei5qcGc/brucke_portraits_rudi_rohleder_rz.jpg?fm=jpg&w=480&fit=crop-53-40-1.5&q=90&s=fd14eac779c0c0c39068b018f0191d51 480w,
3227                            
3228                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfcnVkaV9yb2hsZWRlcl9yei5qcGc/brucke_portraits_rudi_rohleder_rz.jpg?fm=jpg&w=640&fit=crop-53-40-1.5&q=90&s=c8dccb38d9e890a096d0c22d58d96edb 640w,
3229                            
3230                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfcnVkaV9yb2hsZWRlcl9yei5qcGc/brucke_portraits_rudi_rohleder_rz.jpg?fm=jpg&w=768&fit=crop-53-40-1.5&q=90&s=bf0885c041a6e645fdbab0dde2bcbe4a 768w,
3231                            
3232                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfcnVkaV9yb2hsZWRlcl9yei5qcGc/brucke_portraits_rudi_rohleder_rz.jpg?fm=jpg&w=1024&fit=crop-53-40-1.5&q=90&s=9bc0d5abbe16a7275cbf2f9ae2932424 1024w,
3233                            
3234                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfcnVkaV9yb2hsZWRlcl9yei5qcGc/brucke_portraits_rudi_rohleder_rz.jpg?fm=jpg&w=1280&fit=crop-53-40-1.5&q=90&s=33a07ce4cdf7dd5f01b21f3760cbcfa4 1280w,
3235                            
3236                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfcnVkaV9yb2hsZWRlcl9yei5qcGc/brucke_portraits_rudi_rohleder_rz.jpg?fm=jpg&w=1440&fit=crop-53-40-1.5&q=90&s=97a5dd385b0190f85245ddcb3114763e 1440w,
3237                            
3238                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfcnVkaV9yb2hsZWRlcl9yei5qcGc/brucke_portraits_rudi_rohleder_rz.jpg?fm=jpg&w=1536&fit=crop-53-40-1.5&q=90&s=ff525d19d9880e476fade82e9b0c873f 1536w,
3239                            
3240                                /img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfcnVkaV9yb2hsZWRlcl9yei5qcGc/brucke_portraits_rudi_rohleder_rz.jpg?fm=jpg&w=1680&fit=crop-53-40-1.5&q=90&s=af4067d8544fb8075e98115fa96411f4 1680w
3241                            
3242                        "
3243                        sizes="(min-width: 1280px) 1280px, (min-width: 768px) 50vw, 90vw"
3244                        type="image/jpeg"
3245                    >
3246                
3247                <img
3248                    width="1500"
3249                    height="2000"
3250                    src="/img/asset/YXNzZXRzL3ZvcnN0YW5kL2JydWNrZV9wb3J0cmFpdHNfcnVkaV9yb2hsZWRlcl9yei5qcGc/brucke_portraits_rudi_rohleder_rz.jpg?w=1024&h=1365.3333333333&fit=crop-53-40-1.5&q=93&s=794c56a797c5273bd5a323e6448f3714"
3251                    alt=""
3252                    
3253                        class="object-cover w-full h-full "
3254                        style="object-position: 53% 40%"
3255                    
3256                    
3257                        aria-hidden="true"
3258                    
3259                    
3260                >
3261            
3262        </picture>
3263    
3264
3265  </div>
3266  
3267  <div class="relative z-20 flex flex-col gap-2 justify-between w-full px-6 p-4 sm:-ml-8 bg-white border-black rounded-2xl border-3 -mt-[3px] sm:mt-0">
3268    <div class="flex flex-col gap-2">
3269      <span class="block">Kassenwart</span>
3270      <h4 class="text-lg font-bold leading-none text-main font-narrow">Rudi Rohleder</h4>
3271    </div>
3272    <p>Dipl. Sozialpädagoge (FH)<br>Sozialrat a.D.</p>
3273    <p>seit 1985 im Vorstand</p>
3274    
3275    <a href="mailto:&#x72;ud&#x69;.&#x72;o&#104;&#108;&#x65;&#x64;&#101;&#114;&#64;b&#114;u&#101;&#99;&#x6b;&#101;&#45;&#101;&#118;.&#100;&#x65;" class="font-bold text-md font-narrow text-main">&#114;&#117;d&#105;&#46;r&#111;&#104;&#108;&#x65;der&#x40;b&#114;&#x75;&#101;&#99;&#107;&#x65;&#45;&#x65;&#118;&#x2e;&#100;&#101;</a>
3276    
3277  </div>
3278</div>            
3279        
3280    </div>
3281</div>
3282
3283<!-- End: /page_builder/_module_ansprechpartner.antlers.html -->
3284
3285        </div>
3286
3287    
3288
3289</div>
3290
3291</section>
3292<!-- /Section 3 -->
3293</main>
3294
3295<!-- End: /sectionbuilder.antlers.html -->
3296
3297            <!-- /layout/_footer.antlers.html -->
3298<div class="bg-white fluid-grid" id="kontakt">
3299    <div class="flex flex-col gap-4 py-12 span-content">
3300        <h3 class="w-full mb-6 text-green typo-3xl">Kontaktieren Sie uns</h3>
3301        <div class="flex flex-col items-end w-full gap-4 lg:flex-row" x-data="{active: null,
3302                    move(step){
3303                        const tabs = $el.querySelectorAll('[role=tab]');
3304                        const list = Array.from(tabs);
3305                        const current = document.activeElement;
3306                        let index = list.indexOf(current);
3307                        index = index < 0 ? 0 : index;
3308                        const next = (index + step + list.length) % list.length;
3309                        list[next].focus();
3310                        list[next].click();
3311                    },
3312                    home(){
3313                        const tabs = $el.querySelectorAll('[role=tab]');
3314                        if(tabs.length){ tabs[0].focus(); tabs[0].click(); }
3315                    },
3316                    end(){
3317                        const tabs = $el.querySelectorAll('[role=tab]');
3318                        if(tabs.length){ tabs[tabs.length - 1].focus(); tabs[tabs.length - 1].click(); }
3319                    }
3320                }"
3321            x-init="active = 'ueber-uns'">
3322            <div class="flex flex-row flex-wrap items-start w-full gap-2 lg:w-1/2" aria-labelledby="bereich-waehlen">
3323                <span class="block w-full mb-2 text-sm font-bold text-neutral-200" id="bereich-waehlen">
3324                    Wählen Sie einen Bereich
3325                </span>
3326                
3327                
3328                <!-- /components/_button.antlers.html -->
3329
3330    <button
3331        class="
3332            inline-flex items-center  gap-1 font-bold motion-safe:transition font-narrow
3333            max-w-full md:py-3 md:px-4 py-1.5 px-2 text-sm uppercase tracking-wide leading-none !no-underline
3334            bg-white text-main focus:outline-white border-main border-2 hover:text-white hover:bg-main
3335            
3336            rounded-full
3337            color-holzbruecke
3338        "
3339        @click="active = 'holzbruecke'"
3340                :class="{ '!bg-main !text-white': active === 'holzbruecke' }"
3341                :aria-expanded="active === 'holzbruecke' ? 'true' : 'false'"
3342                :id="'tab-holzbruecke'"
3343                :aria-controls="'panel-holzbruecke'"
3344                type="button"
3345        
3346
3347        href="/holzbruecke"
3348        
3349        
3350        
3351        
3352    >   
3353        
3354            
3355        
3356        
3357        <span class="text-ellipsis overflow-x-clip">
3358            Holzbrücke
3359        </span>
3360
3361        
3362    </button>
3363
3364<!-- End: /components/_button.antlers.html -->
3365
3366                
3367                
3368                
3369                <!-- /components/_button.antlers.html -->
3370
3371    <button
3372        class="
3373            inline-flex items-center  gap-1 font-bold motion-safe:transition font-narrow
3374            max-w-full md:py-3 md:px-4 py-1.5 px-2 text-sm uppercase tracking-wide leading-none !no-underline
3375            bg-white text-main focus:outline-white border-main border-2 hover:text-white hover:bg-main
3376            
3377            rounded-lg
3378            color-brueckehof
3379        "
3380        @click="active = 'brueckehof'"
3381                :class="{ '!bg-main !text-white': active === 'brueckehof' }"
3382                :aria-expanded="active === 'brueckehof' ? 'true' : 'false'"
3383                :id="'tab-brueckehof'"
3384                :aria-controls="'panel-brueckehof'"
3385                type="button"
3386        
3387
3388        href="/brueckehof"
3389        
3390        
3391        
3392        
3393    >   
3394        
3395            
3396        
3397        
3398        <span class="text-ellipsis overflow-x-clip">
3399            Brückehof
3400        </span>
3401
3402        
3403    </button>
3404
3405<!-- End: /components/_button.antlers.html -->
3406
3407                
3408                
3409                
3410                <!-- /components/_button.antlers.html -->
3411
3412    <button
3413        class="
3414            inline-flex items-center  gap-1 font-bold motion-safe:transition font-narrow
3415            max-w-full md:py-3 md:px-4 py-1.5 px-2 text-sm uppercase tracking-wide leading-none !no-underline
3416            bg-white text-main focus:outline-white border-main border-2 hover:text-white hover:bg-main
3417            
3418            rounded-full
3419            color-meine-chance
3420        "
3421        @click="active = 'meine-chance'"
3422                :class="{ '!bg-main !text-white': active === 'meine-chance' }"
3423                :aria-expanded="active === 'meine-chance' ? 'true' : 'false'"
3424                :id="'tab-meine-chance'"
3425                :aria-controls="'panel-meine-chance'"
3426                type="button"
3427        
3428
3429        href="/meine-chance"
3430        
3431        
3432        
3433        
3434    >   
3435        
3436            
3437        
3438        
3439        <span class="text-ellipsis overflow-x-clip">
3440            Meine Chance
3441        </span>
3442
3443        
3444    </button>
3445
3446<!-- End: /components/_button.antlers.html -->
3447
3448                
3449                
3450                
3451                <!-- /components/_button.antlers.html -->
3452
3453    <button
3454        class="
3455            inline-flex items-center  gap-1 font-bold motion-safe:transition font-narrow
3456            max-w-full md:py-3 md:px-4 py-1.5 px-2 text-sm uppercase tracking-wide leading-none !no-underline
3457            bg-white text-main focus:outline-white border-main border-2 hover:text-white hover:bg-main
3458            
3459            rounded-lg
3460            color-junges-wohnen
3461        "
3462        @click="active = 'junges-wohnen'"
3463                :class="{ '!bg-main !text-white': active === 'junges-wohnen' }"
3464                :aria-expanded="active === 'junges-wohnen' ? 'true' : 'false'"
3465                :id="'tab-junges-wohnen'"
3466                :aria-controls="'panel-junges-wohnen'"
3467                type="button"
3468        
3469
3470        href="/junges-wohnen"
3471        
3472        
3473        
3474        
3475    >   
3476        
3477            
3478        
3479        
3480        <span class="text-ellipsis overflow-x-clip">
3481            Junges Wohnen
3482        </span>
3483
3484        
3485    </button>
3486
3487<!-- End: /components/_button.antlers.html -->
3488
3489                
3490                
3491                
3492                <!-- /components/_button.antlers.html -->
3493
3494    <button
3495        class="
3496            inline-flex items-center  gap-1 font-bold motion-safe:transition font-narrow
3497            max-w-full md:py-3 md:px-4 py-1.5 px-2 text-sm uppercase tracking-wide leading-none !no-underline
3498            bg-white text-main focus:outline-white border-main border-2 hover:text-white hover:bg-main
3499            
3500            rounded-full
3501            color-vermittlungsstelle
3502        "
3503        @click="active = 'vermittlungsstelle'"
3504                :class="{ '!bg-main !text-white': active === 'vermittlungsstelle' }"
3505                :aria-expanded="active === 'vermittlungsstelle' ? 'true' : 'false'"
3506                :id="'tab-vermittlungsstelle'"
3507                :aria-controls="'panel-vermittlungsstelle'"
3508                type="button"
3509        
3510
3511        href="/vermittlungsstelle"
3512        
3513        
3514        
3515        
3516    >   
3517        
3518            
3519        
3520        
3521        <span class="text-ellipsis overflow-x-clip">
3522            Vermittlungsstelle für gemeinnützige Arbeit
3523        </span>
3524
3525        
3526    </button>
3527
3528<!-- End: /components/_button.antlers.html -->
3529
3530                
3531                
3532                
3533                
3534                
3535                <!-- /components/_button.antlers.html -->
3536
3537    <button
3538        class="
3539            inline-flex items-center  gap-1 font-bold motion-safe:transition font-narrow
3540            max-w-full md:py-3 md:px-4 py-1.5 px-2 text-sm uppercase tracking-wide leading-none !no-underline
3541            bg-white text-main focus:outline-white border-main border-2 hover:text-white hover:bg-main
3542            
3543            rounded-full
3544            color-gewaltpraevention
3545        "
3546        @click="active = 'gewaltpraevention'"
3547                :class="{ '!bg-main !text-white': active === 'gewaltpraevention' }"
3548                :aria-expanded="active === 'gewaltpraevention' ? 'true' : 'false'"
3549                :id="'tab-gewaltpraevention'"
3550                :aria-controls="'panel-gewaltpraevention'"
3551                type="button"
3552        
3553
3554        href="/gewaltpraevention"
3555        
3556        
3557        
3558        
3559    >   
3560        
3561            
3562        
3563        
3564        <span class="text-ellipsis overflow-x-clip">
3565            Gewaltprävention
3566        </span>
3567
3568        
3569    </button>
3570
3571<!-- End: /components/_button.antlers.html -->
3572
3573                
3574                
3575                
3576                <!-- /components/_button.antlers.html -->
3577
3578    <button
3579        class="
3580            inline-flex items-center  gap-1 font-bold motion-safe:transition font-narrow
3581            max-w-full md:py-3 md:px-4 py-1.5 px-2 text-sm uppercase tracking-wide leading-none !no-underline
3582            bg-white text-main focus:outline-white border-main border-2 hover:text-white hover:bg-main
3583            
3584            rounded-lg
3585            color-zentrale-beratungsstelle-fuer-haftentlassene
3586        "
3587        @click="active = 'zentrale-beratungsstelle-fuer-haftentlassene'"
3588                :class="{ '!bg-main !text-white': active === 'zentrale-beratungsstelle-fuer-haftentlassene' }"
3589                :aria-expanded="active === 'zentrale-beratungsstelle-fuer-haftentlassene' ? 'true' : 'false'"
3590                :id="'tab-zentrale-beratungsstelle-fuer-haftentlassene'"
3591                :aria-controls="'panel-zentrale-beratungsstelle-fuer-haftentlassene'"
3592                type="button"
3593        
3594
3595        href="/zentrale-beratungsstelle-fuer-haftentlassene"
3596        
3597        
3598        
3599        
3600    >   
3601        
3602            
3603        
3604        
3605        <span class="text-ellipsis overflow-x-clip">
3606            Zentrale Beratungsstelle für Haftentlassene
3607        </span>
3608
3609        
3610    </button>
3611
3612<!-- End: /components/_button.antlers.html -->
3613
3614                
3615                
3616                
3617                <!-- /components/_button.antlers.html -->
3618
3619    <button
3620        class="
3621            inline-flex items-center  gap-1 font-bold motion-safe:transition font-narrow
3622            max-w-full md:py-3 md:px-4 py-1.5 px-2 text-sm uppercase tracking-wide leading-none !no-underline
3623            bg-white text-main focus:outline-white border-main border-2 hover:text-white hover:bg-main
3624            
3625            rounded-full
3626            color-schreinerei
3627        "
3628        @click="active = 'schreinerei'"
3629                :class="{ '!bg-main !text-white': active === 'schreinerei' }"
3630                :aria-expanded="active === 'schreinerei' ? 'true' : 'false'"
3631                :id="'tab-schreinerei'"
3632                :aria-controls="'panel-schreinerei'"
3633                type="button"
3634        
3635
3636        href="/schreinerei"
3637        
3638        
3639        
3640        
3641    >   
3642        
3643            
3644        
3645        
3646        <span class="text-ellipsis overflow-x-clip">
3647            Schreinerei
3648        </span>
3649
3650        
3651    </button>
3652
3653<!-- End: /components/_button.antlers.html -->
3654
3655                
3656                
3657                
3658                
3659                
3660                <!-- /components/_button.antlers.html -->
3661
3662    <button
3663        class="
3664            inline-flex items-center  gap-1 font-bold motion-safe:transition font-narrow
3665            max-w-full md:py-3 md:px-4 py-1.5 px-2 text-sm uppercase tracking-wide leading-none !no-underline
3666            bg-white text-main focus:outline-white border-main border-2 hover:text-white hover:bg-main
3667            
3668            rounded-full
3669            color-gebrauchtmoebelladen
3670        "
3671        @click="active = 'gebrauchtmoebelladen'"
3672                :class="{ '!bg-main !text-white': active === 'gebrauchtmoebelladen' }"
3673                :aria-expanded="active === 'gebrauchtmoebelladen' ? 'true' : 'false'"
3674                :id="'tab-gebrauchtmoebelladen'"
3675                :aria-controls="'panel-gebrauchtmoebelladen'"
3676                type="button"
3677        
3678
3679        href="/gebrauchtmoebelladen"
3680        
3681        
3682        
3683        
3684    >   
3685        
3686            
3687        
3688        
3689        <span class="text-ellipsis overflow-x-clip">
3690            Gebrauchtmöbelladen
3691        </span>
3692
3693        
3694    </button>
3695
3696<!-- End: /components/_button.antlers.html -->
3697
3698                
3699                
3700            </div>
3701            <div class="w-full lg:w-1/2">
3702                
3703                
3704                <div x-transition:enter="transition ease-out duration-300"
3705                    x-transition:enter-start="opacity-0 transform scale-95"
3706                    x-transition:enter-end="opacity-100 transform scale-100"
3707                    x-show="active ? active === 'holzbruecke' : (0 === 1)"
3708                    class="grid grid-cols-1 p-4 text-sm md:grid-cols-2 bg-neutral-500 rounded-2xl "
3709                    :aria-labelledby="'tab-holzbruecke'" :id="'panel-holzbruecke'"
3710                    :aria-hidden="active ? (active !== 'holzbruecke' ? 'true' : 'false') : (0 === 1 ? 'false' : 'true')">
3711                    
3712                    <div class="pb-4 md:pr-4 md:pb-0">
3713                        <span class="block mb-2 font-bold text-neutral-100">Anschrift</span>
3714                        <p class="mb-2 font-bold"><p>Die Brücke e.V.<br />
3715Holzbrücke</p><br />
3716</p>
3717                        <address class="not-italic">
3718                            <p>Fürther Straße 11<br />
371963743 Aschaffenburg</p><br />
3720
3721                        </address>
3722                    </div>
3723                    
3724                    
3725                    <div
3726                        class="md:pl-4 md:border-l border-neutral-300 prose prose-sm md:pt-0 pt-4 border-t md:border-t-0">
3727                        <span class="block mb-2 font-bold text-neutral-100">Kontakt</span>
3728                        <div><p>Tel: 06021 / 956 01<br />
3729Fax: 06021 / 956 90<br />
3730<a href="mailto:[email protected]">[email protected]</a></p><br />
3731</div>
3732                    </div>
3733                    
3734                </div>
3735                
3736                
3737                
3738                <div x-transition:enter="transition ease-out duration-300"
3739                    x-transition:enter-start="opacity-0 transform scale-95"
3740                    x-transition:enter-end="opacity-100 transform scale-100"
3741                    x-show="active ? active === 'brueckehof' : (1 === 1)"
3742                    class="grid grid-cols-1 p-4 text-sm md:grid-cols-2 bg-neutral-500 rounded-2xl "
3743                    :aria-labelledby="'tab-brueckehof'" :id="'panel-brueckehof'"
3744                    :aria-hidden="active ? (active !== 'brueckehof' ? 'true' : 'false') : (1 === 1 ? 'false' : 'true')">
3745                    
3746                    <div class="pb-4 md:pr-4 md:pb-0">
3747                        <span class="block mb-2 font-bold text-neutral-100">Anschrift</span>
3748                        <p class="mb-2 font-bold"><p>Die Brücke e.V.<br />
3749Brückehof</p><br />
3750</p>
3751                        <address class="not-italic">
3752                            <p>Bahnhofstraße<br />
375363741 Aschaffenburg-Nilkheim</p><br />
3754
3755                        </address>
3756                    </div>
3757                    
3758                    
3759                    <div
3760                        class="md:pl-4 md:border-l border-neutral-300 prose prose-sm md:pt-0 pt-4 border-t md:border-t-0">
3761                        <span class="block mb-2 font-bold text-neutral-100">Kontakt</span>
3762                        <div><p>Tel: 06021 / 956 01<br />
3763Fax: 06021 / 956 90<br />
3764<a href="mailto:[email protected]">[email protected]</a></p><br />
3765</div>
3766                    </div>
3767                    
3768                </div>
3769                
3770                
3771                
3772                <div x-transition:enter="transition ease-out duration-300"
3773                    x-transition:enter-start="opacity-0 transform scale-95"
3774                    x-transition:enter-end="opacity-100 transform scale-100"
3775                    x-show="active ? active === 'meine-chance' : (2 === 1)"
3776                    class="grid grid-cols-1 p-4 text-sm md:grid-cols-2 bg-neutral-500 rounded-2xl "
3777                    :aria-labelledby="'tab-meine-chance'" :id="'panel-meine-chance'"
3778                    :aria-hidden="active ? (active !== 'meine-chance' ? 'true' : 'false') : (2 === 1 ? 'false' : 'true')">
3779                    
3780                    <div class="pb-4 md:pr-4 md:pb-0">
3781                        <span class="block mb-2 font-bold text-neutral-100">Anschrift</span>
3782                        <p class="mb-2 font-bold"><p>Die Brücke e.V.<br />
3783Meine Chance</p><br />
3784</p>
3785                        <address class="not-italic">
3786                            <p>Heinsestraße 2 – 4<br />
378763739 Aschaffenburg</p><br />
3788
3789                        </address>
3790                    </div>
3791                    
3792                    
3793                    <div
3794                        class="md:pl-4 md:border-l border-neutral-300 prose prose-sm md:pt-0 pt-4 border-t md:border-t-0">
3795                        <span class="block mb-2 font-bold text-neutral-100">Kontakt</span>
3796                        <div><p>Tel: 06021 920641-40 (oder -42)<br />
3797<a href="mailto:[email protected]">[email protected]</a><br />
3798<a href="mailto:[email protected]">[email protected]</a></p><br />
3799</div>
3800                    </div>
3801                    
3802                </div>
3803                
3804                
3805                
3806                <div x-transition:enter="transition ease-out duration-300"
3807                    x-transition:enter-start="opacity-0 transform scale-95"
3808                    x-transition:enter-end="opacity-100 transform scale-100"
3809                    x-show="active ? active === 'junges-wohnen' : (3 === 1)"
3810                    class="grid grid-cols-1 p-4 text-sm md:grid-cols-2 bg-neutral-500 rounded-2xl "
3811                    :aria-labelledby="'tab-junges-wohnen'" :id="'panel-junges-wohnen'"
3812                    :aria-hidden="active ? (active !== 'junges-wohnen' ? 'true' : 'false') : (3 === 1 ? 'false' : 'true')">
3813                    
3814                    <div class="pb-4 md:pr-4 md:pb-0">
3815                        <span class="block mb-2 font-bold text-neutral-100">Anschrift</span>
3816                        <p class="mb-2 font-bold"><p>Die Brücke e.V.<br />
3817Junges Wohnen</p><br />
3818</p>
3819                        <address class="not-italic">
3820                            <p>Glattbacher Straße 30<br />
382163741 Aschaffenburg</p><br />
3822
3823                        </address>
3824                    </div>
3825                    
3826                    
3827                    <div
3828                        class="md:pl-4 md:border-l border-neutral-300 prose prose-sm md:pt-0 pt-4 border-t md:border-t-0">
3829                        <span class="block mb-2 font-bold text-neutral-100">Kontakt</span>
3830                        <div><p>Tel: 06021 / 480 827<br />
3831Mobil: 0170 / 127 74 76<br />
3832<a href="mailto:[email protected]">[email protected]</a></p><br />
3833</div>
3834                    </div>
3835                    
3836                </div>
3837                
3838                
3839                
3840                <div x-transition:enter="transition ease-out duration-300"
3841                    x-transition:enter-start="opacity-0 transform scale-95"
3842                    x-transition:enter-end="opacity-100 transform scale-100"
3843                    x-show="active ? active === 'vermittlungsstelle' : (4 === 1)"
3844                    class="grid grid-cols-1 p-4 text-sm md:grid-cols-2 bg-neutral-500 rounded-2xl "
3845                    :aria-labelledby="'tab-vermittlungsstelle'" :id="'panel-vermittlungsstelle'"
3846                    :aria-hidden="active ? (active !== 'vermittlungsstelle' ? 'true' : 'false') : (4 === 1 ? 'false' : 'true')">
3847                    
3848                    <div class="pb-4 md:pr-4 md:pb-0">
3849                        <span class="block mb-2 font-bold text-neutral-100">Anschrift</span>
3850                        <p class="mb-2 font-bold"><p>Die Brücke e.V.<br />
3851Vermittlungsstelle für gemeinnützige Arbeit</p><br />
3852</p>
3853                        <address class="not-italic">
3854                            <p>Fürther Str. 11<br />
385563743 Aschaffenburg</p><br />
3856
3857                        </address>
3858                    </div>
3859                    
3860                    
3861                    <div
3862                        class="md:pl-4 md:border-l border-neutral-300 prose prose-sm md:pt-0 pt-4 border-t md:border-t-0">
3863                        <span class="block mb-2 font-bold text-neutral-100">Kontakt</span>
3864                        <div><p>Tel: 0159 / 062 508 16<br />
3865Fax: 06021 / 956 90<br />
3866<a href="mailto:[email protected]">[email protected]</a><br /><br />
3867Termine nach Vereinbarung<br />
3868Mo – Fr, 8:00 – 12:00 Uhr</p><br />
3869<p>Offene Sprechstunde<br />
3870Do, 14:00 - 16:00 Uhr</p><br />
3871</div>
3872                    </div>
3873                    
3874                </div>
3875                
3876                
3877                
3878                
3879                
3880                <div x-transition:enter="transition ease-out duration-300"
3881                    x-transition:enter-start="opacity-0 transform scale-95"
3882                    x-transition:enter-end="opacity-100 transform scale-100"
3883                    x-show="active ? active === 'gewaltpraevention' : (6 === 1)"
3884                    class="grid grid-cols-1 p-4 text-sm md:grid-cols-2 bg-neutral-500 rounded-2xl "
3885                    :aria-labelledby="'tab-gewaltpraevention'" :id="'panel-gewaltpraevention'"
3886                    :aria-hidden="active ? (active !== 'gewaltpraevention' ? 'true' : 'false') : (6 === 1 ? 'false' : 'true')">
3887                    
3888                    <div class="pb-4 md:pr-4 md:pb-0">
3889                        <span class="block mb-2 font-bold text-neutral-100">Anschrift</span>
3890                        <p class="mb-2 font-bold"><p>Die Brücke e.V.<br />
3891Gewaltprävention</p><br />
3892</p>
3893                        <address class="not-italic">
3894                            <p>Glattbacher Str. 30<br />
389563741 Aschaffenburg</p><br />
3896
3897                        </address>
3898                    </div>
3899                    
3900                    
3901                    <div
3902                        class="md:pl-4 md:border-l border-neutral-300 prose prose-sm md:pt-0 pt-4 border-t md:border-t-0">
3903                        <span class="block mb-2 font-bold text-neutral-100">Kontakt</span>
3904                        <div><p>Tel: 0176 / 478 310 12<br />
3905<a href="mailto:[email protected]">[email protected]</a></p><br />
3906</div>
3907                    </div>
3908                    
3909                </div>
3910                
3911                
3912                
3913                <div x-transition:enter="transition ease-out duration-300"
3914                    x-transition:enter-start="opacity-0 transform scale-95"
3915                    x-transition:enter-end="opacity-100 transform scale-100"
3916                    x-show="active ? active === 'zentrale-beratungsstelle-fuer-haftentlassene' : (7 === 1)"
3917                    class="grid grid-cols-1 p-4 text-sm md:grid-cols-2 bg-neutral-500 rounded-2xl "
3918                    :aria-labelledby="'tab-zentrale-beratungsstelle-fuer-haftentlassene'" :id="'panel-zentrale-beratungsstelle-fuer-haftentlassene'"
3919                    :aria-hidden="active ? (active !== 'zentrale-beratungsstelle-fuer-haftentlassene' ? 'true' : 'false') : (7 === 1 ? 'false' : 'true')">
3920                    
3921                    <div class="pb-4 md:pr-4 md:pb-0">
3922                        <span class="block mb-2 font-bold text-neutral-100">Anschrift</span>
3923                        <p class="mb-2 font-bold"><p>Die Brücke e.V.<br />
3924Zentrale Beratungsstelle für Haftentlassene</p><br />
3925</p>
3926                        <address class="not-italic">
3927                            <p>Kolpingstraße 7<br />
392863739 Aschaffenburg</p><br />
3929
3930                        </address>
3931                    </div>
3932                    
3933                    
3934                    <div
3935                        class="md:pl-4 md:border-l border-neutral-300 prose prose-sm md:pt-0 pt-4 border-t md:border-t-0">
3936                        <span class="block mb-2 font-bold text-neutral-100">Kontakt</span>
3937                        <div><p>Tel: 06021 / 449 94 90<br />
3938<a href="mailto:[email protected]">[email protected]</a><br /><br />
3939Termine nach Vereinbarung<br />
3940Mo - Fr, 9:00 – 15:00 Uhr</p><br />
3941</div>
3942                    </div>
3943                    
3944                </div>
3945                
3946                
3947                
3948                <div x-transition:enter="transition ease-out duration-300"
3949                    x-transition:enter-start="opacity-0 transform scale-95"
3950                    x-transition:enter-end="opacity-100 transform scale-100"
3951                    x-show="active ? active === 'schreinerei' : (8 === 1)"
3952                    class="grid grid-cols-1 p-4 text-sm md:grid-cols-2 bg-neutral-500 rounded-2xl "
3953                    :aria-labelledby="'tab-schreinerei'" :id="'panel-schreinerei'"
3954                    :aria-hidden="active ? (active !== 'schreinerei' ? 'true' : 'false') : (8 === 1 ? 'false' : 'true')">
3955                    
3956                    <div class="pb-4 md:pr-4 md:pb-0">
3957                        <span class="block mb-2 font-bold text-neutral-100">Anschrift</span>
3958                        <p class="mb-2 font-bold"><p>Die Brücke e.V.<br />
3959Schreinerei</p><br />
3960</p>
3961                        <address class="not-italic">
3962                            <p>Fürther Straße 11<br />
396363743 Aschaffenburg</p><br />
3964
3965                        </address>
3966                    </div>
3967                    
3968                    
3969                    <div
3970                        class="md:pl-4 md:border-l border-neutral-300 prose prose-sm md:pt-0 pt-4 border-t md:border-t-0">
3971                        <span class="block mb-2 font-bold text-neutral-100">Kontakt</span>
3972                        <div><p>Tel: 0171 / 530 03 30<br />
3973<a href="mailto:[email protected]">[email protected]</a></p><br />
3974</div>
3975                    </div>
3976                    
3977                </div>
3978                
3979                
3980                
3981                
3982                
3983                <div x-transition:enter="transition ease-out duration-300"
3984                    x-transition:enter-start="opacity-0 transform scale-95"
3985                    x-transition:enter-end="opacity-100 transform scale-100"
3986                    x-show="active ? active === 'gebrauchtmoebelladen' : (10 === 1)"
3987                    class="grid grid-cols-1 p-4 text-sm md:grid-cols-2 bg-neutral-500 rounded-2xl "
3988                    :aria-labelledby="'tab-gebrauchtmoebelladen'" :id="'panel-gebrauchtmoebelladen'"
3989                    :aria-hidden="active ? (active !== 'gebrauchtmoebelladen' ? 'true' : 'false') : (10 === 1 ? 'false' : 'true')">
3990                    
3991                    <div class="pb-4 md:pr-4 md:pb-0">
3992                        <span class="block mb-2 font-bold text-neutral-100">Anschrift</span>
3993                        <p class="mb-2 font-bold"><p>Die Brücke e.V.<br />
3994Gebrauchtmöbelladen</p><br />
3995</p>
3996                        <address class="not-italic">
3997                            <p>Fürther Straße 11<br />
399863743 Aschaffenburg</p><br />
3999
4000                        </address>
4001                    </div>
4002                    
4003                    
4004                    <div
4005                        class="md:pl-4 md:border-l border-neutral-300 prose prose-sm md:pt-0 pt-4 border-t md:border-t-0">
4006                        <span class="block mb-2 font-bold text-neutral-100">Kontakt</span>
4007                        <div><p>Tel: 06021 / 956 01<br />
4008Fax: 06021 / 956 90<br />
4009<a href="mailto:[email protected]">[email protected]</a></p><br />
4010</div>
4011                    </div>
4012                    
4013                </div>
4014                
4015                
4016            </div>
4017        </div>
4018    </div>
4019    <div class="flex items-end w-full ">
4020            
4021
4022        </div>
4023 
4024    <div class="flex flex-col gap-8 py-12 border-t md:gap-4 span-content md:flex-row">
4025        <div class="grid w-full grid-cols-1 gap-8 text-sm sm:gap-4 sm:grid-cols-3 md:w-3/4">
4026            
4027                <div>
4028                    
4029                    <span class="block mb-2 font-bold text-neutral-200">Verein</span>
4030                    
4031                    
4032                        <ul class="flex flex-col gap-1 text-xs sm:gap-3">
4033                            
4034                                <li><a href="/ueber-uns" class="hover:underline"  data-color="#366CCF">Über Uns</a></li>
4035                            
4036                                <li><a href="/standorte" class="hover:underline" >Standorte</a></li>
4037                            
4038                                <li><a href="/unterstuetzen" class="hover:underline"  data-color="#B30710">Unterstützen</a></li>
4039                            
4040                                <li><a href="/kontakt" class="hover:underline" >Kontakt</a></li>
4041                            
4042                        </ul>
4043                    
4044                </div>
4045            
4046                <div>
4047                    
4048                    <span class="block mb-2 font-bold text-neutral-200">Rechtliches</span>
4049                    
4050                    
4051                        <ul class="flex flex-col gap-1 text-xs sm:gap-3">
4052                            
4053                                <li><a href="/impressum" class="hover:underline" >Impressum</a></li>
4054                            
4055                                <li><a href="/datenschutz" class="hover:underline" >Datenschutz</a></li>
4056                            
4057                        </ul>
4058                    
4059                </div>
4060            
4061                <div>
4062                    
4063                    <span class="block mb-2 font-bold text-neutral-200">Abteilungen</span>
4064                    
4065                    
4066                        <ul class="flex flex-col gap-1 text-xs sm:gap-3">
4067                            
4068                                <li><a href="/holzbruecke" class="hover:underline"  data-color="#3D2D1F">Holzbrücke</a></li>
4069                            
4070                                <li><a href="/gebrauchtmoebelladen" class="hover:underline"  data-color="#3D2D1F">Gebrauchtmöbelladen</a></li>
4071                            
4072                                <li><a href="/vermittlungsstelle" class="hover:underline"  data-color="#0C9297">Vermittlungsstelle für gemeinnützige Arbeit</a></li>
4073                            
4074                                <li><a href="/zentrale-beratungsstelle-fuer-haftentlassene" class="hover:underline"  data-color="#3E814A">Zentrale Beratungsstelle für Haftentlassene</a></li>
4075                            
4076                                <li><a href="/brueckehof" class="hover:underline"  data-color="#981A45">Brückehof</a></li>
4077                            
4078                                <li><a href="/junges-wohnen" class="hover:underline"  data-color="#582B66">Junges Wohnen</a></li>
4079                            
4080                                <li><a href="/gewaltpraevention" class="hover:underline"  data-color="#BF8C00">Gewaltprävention</a></li>
4081                            
4082                                <li><a href="/schreinerei" class="hover:underline"  data-color="#015F6A">Schreinerei</a></li>
4083                            
4084                        </ul>
4085                    
4086                </div>
4087            
4088        </div>
4089        <div class="flex justify-center w-full md:justify-end md:w-1/4">
4090            <a href="/" class="w-[60%] max-w-24">
4091                <svg class="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
4091ox="0 0 470 569"><g fill="none" fill-rule="evenodd" transform="translate(-495 -118)"><g fill-rule="nonzero"><path fill="#366CCF" d="M547.272 566.014h-49.819a1.42 1.42 0 0 1-1.418-1.39l-.694-32.026c-2.15-103.555 34.77-203.158 103.96-280.462 68.846-76.921 163.002-124.555 265.124-134.128a1.412 1.412 0 0 1 1.352.69l28.58 48.216a1.422 1.422 0 0 1-1.18 2.144c-94.139 2.52-181.89 41.59-247.09 110.011-65.228 68.452-100.072 158.101-98.112 252.435l.715 33.06a1.42 1.42 0 0 1-1.418 1.449Z"/><path fill="#219645" d="M613.698 566.014H563.88a1.42 1.42 0 0 1-1.418-1.39l-.723-33.41c-1.892-91.042 31.83-177.466 94.954-243.35 63.12-65.877 147.975-103.202 238.905-105.099l7.228-.15c.498.016.99.254 1.25.694l29.205 49.27a1.42 1.42 0 0 1-1.19 2.145l-35.398.737c-76.88 1.6-148.62 33.169-202.007 88.89-53.39 55.722-81.913 128.799-80.314 205.768l.744 34.446a1.42 1.42 0 0 1-1.418 1.449Z"/><path fill="#FFB904" d="M680.123 566.014h-49.818a1.42 1.42 0 0 1-1.418-1.39l-.752-34.79C624.99 378.263 745.592 252.39 896.98 249.238l35.526-.74c.527.01.953.236 1.22.648.268.413.302.935.092 1.38l-23.8 50.373c-.23.487-.715.802-1.252.813l-10.691.223c-59.182 1.23-114.403 25.527-155.494 68.413-41.09 42.886-63.042 99.136-61.812 158.39l.773 35.826a1.42 1.42 0 0 1-1.418 1.449Z"/><path fill="#E4221B" d="M746.55 566.014h-49.818a1.42 1.42 0 0 1-1.418-1.39l-.782-36.173c-2.386-114.914 89.05-210.349 203.827-212.74l2.416-.05a1.44 1.44 0 0 1 1.22.647c.267.413.302.935.091 1.38l-24.63 52.131a1.416 1.416 0 0 1-1.042.792c-36.33 6.21-69.434 25.354-93.212 53.903a155.67 155.67 0 0 0-36.036 102.843l.802 37.208a1.42 1.42 0 0 1-1.418 1.449Z"/><g fill="#000"><path d="M703.817 592.88h22.531v15.768h-22.531zM703.817 617.284v38.018c0 7.36-2.014 12.23-11.858 12.23-9.843 0-11.857-4.869-11.857-12.23v-38.018H657.57v38.611c0 19.471 7.59 31.105 34.388 31.105 26.8 0 34.389-11.634 34.389-31.105v-38.611h-22.53ZM657.571 592.88h22.531v15.768h-22.531z"/></g><g fill="#000"><path d="M811.766 566.013h-29.601v-92.462h29.6c29.009 0 39.902 11.854 39.902 43.858v4.743c0 32.005-10.893 43.861-39.901 43.861Zm-1.185-19.44c15.393 0 18.234-8.417 18.234-24.42v-4.744c0-16-2.841-24.418-18.234-24.418h-5.92v53.581h5.92ZM889.191 566.013h-22.497v-92.462h22.497zM964.251 473.551v19.441h-35.522v16.121h29.601v19.441h-29.601v18.019h35.522v19.44h-58.017v-92.462h58.017z"/></g><g fill="#000"><path d="M529.767 592.88c14.09 0 30.193 3.082 30.193 26.315v2.37c0 7.826-3.079 12.803-7.696 16.003 5.92 3.201 10.064 8.772 10.064 18.137v2.37c0 24.064-17.287 27.264-31.969 27.264h-33.152v-92.46h32.56Zm-10.063 19.44v16.122h9.708c3.316 0 7.815-.949 7.815-7.35v-1.422c0-6.4-4.499-7.35-7.815-7.35h-9.708Zm0 35.562V665.9h11.247c3.671 0 8.644-1.304 8.644-8.535v-.946c0-7.232-4.973-8.536-8.644-8.536h-11.247Zm81.093 37.458h-22.496v-92.46h31.85c15.63 0 33.271 3.555 33.271 29.16v2.371c0 15.055-6.038 22.405-14.208 26.078l14.208 34.85H619.15l-12.077-31.767h-6.276v31.768ZM611.1 634.13c4.381 0 9.59-1.66 9.59-10.432v-.949c0-8.772-5.209-10.43-9.59-10.43h-10.302v21.811H611.1Zm164.915 33.429h1.184c7.933 0 10.656-5.929 10.656-14.225h22.497v1.067c0 23.826-11.722 32.598-34.337 32.598-24.865 0-35.758-13.515-35.758-45.519v-4.743c0-32.004 10.893-45.519 35.758-45.519 22.615 0 34.337 8.772 34.337 32.598v4.625h-22.497c0-10.669-1.775-17.782-10.656-17.782h-1.184c-11.249 0-12.906 10.077-12.906 26.078v4.743c0 16.003 1.657 26.079 12.906 26.079ZM847.636 624.647l18.945-31.767h27.232l-25.338 36.392 25.338 56.067h-24.864l-15.037-35.204-6.276 9.126v26.078H825.14V592.88h22.496v31.767zM964.252 592.88v19.44h-35.521v16.122h29.601v19.44h-29.601v18.017h35.521v19.44h-58.016V592.88h58.016z"/></g></g></g></svg>
4092            </a>
4093        </div>
4094    </div>
4095</div>
4096<footer class="py-4 mt-auto text-white fluid-grid bg-blue-dark">
4097
4098    <div class="flex flex-col gap-4 span-content md:flex-row md:justify-between md:items-center">
4099        <div class="flex flex-col gap-4 text-xs font-bold md:flex-row">
4100            
4101
4102            
4103            
4104        </div>
4105
4106        <div class="flex flex-col gap-2 text-sm font-bold md:flex-row md:gap-4">
4107            <span>
4108                &copy; 2026 Die Brücke eV
4109            </span>
4110        </div>
4111
4112    </div>
4113</footer>
4114<!-- End: /layout/_footer.antlers.html -->
4115
4116        </div>
4117        <div class="overlay transition-overlay "></div>
4118
4119        
4119<script  data-navigate-once="true">window.livewireScriptConfig = {"csrf":"oTuIc8yYYvZzQxnpzYSw7vrlYyqnznM1SPzs0gba","uri":"https:\/\/bruecke-ev.de\/livewire-1a5877bc\/update","moduleUrl":"https:\/\/bruecke-ev.de\/livewire-1a5877bc","progressBar":"","nonce":""};</script>
4119
4120    </body>
4121</html>
4122<!-- End: /layout.antlers.html -->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.