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:manfred.sommer@bruecke-ev.de" class="font-bold text-md font-narrow text-main">manfred.sommer@bruecke-ev.de</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:christoph.berninger@bruecke-ev.de" class="font-bold text-md font-narrow text-main">christoph.berninger@bruecke-ev.de</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:frank.muhr@bruecke-ev.de" class="font-bold text-md font-narrow text-main">frank.muhr@bruecke-ev.de</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:claus.melder@bruecke-ev.de" class="font-bold text-md font-narrow text-main">claus.melder@bruecke-ev.de</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:franz.nees@bruecke-ev.de" class="font-bold text-md font-narrow text-main">franz.nees@bruecke-ev.de</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:christine.ballmann@bruecke-ev.de" class="font-bold text-md font-narrow text-main">christine.ballmann@bruecke-ev.de</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:rudi.rohleder@bruecke-ev.de" class="font-bold text-md font-narrow text-main">rudi.rohleder@bruecke-ev.de</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 © 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.