PageSourceSearch

https://offene-jugendarbeit.net/index.php/service

html offene-jugendarbeit.net collected 2026-09-25 04:51:36 UTC 50,340 bytes, 895 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de-de" dir="ltr">
3    <head>
4        <meta charset="utf-8">
5	<meta name="author" content="Super User">
6	<meta name="viewport" content="width=device-width, initial-scale=1">
7	<meta name="description" content="Die Bundesarbeitsgemeinschaft Offene Kinder-und Jugendarbeit e. V. ist der bundesweite Zusammenschluss von mehr als 10.000 Einrichtungen der Offenen Kinder- un">
8	<meta name="generator" content="Joomla! - Open Source Content Management">
9	<title>Service</title>
10	<link href="/images/bag_fav.png" rel="icon" sizes="any">
11	<link href="/images/bag.svg" rel="icon" type="image/svg+xml">
12	<link href="/images/apple-touch-icon.png" rel="apple-touch-icon">
13	<link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon">
14
15        <link href="/media/vendor/joomla-custom-elements/css/joomla-alert.min.css?0.4.1" rel="stylesheet">
16	<link href="/plugins/system/gdpr/assets/css/cookieconsent.min.css?9a7e11" rel="stylesheet">
17	<link href="/plugins/system/gdpr/assets/css/cookieconsentgooglecmp.min.css?9a7e11" rel="stylesheet">
18	<link href="/plugins/system/gdpr/assets/css/cookieconsent.xtd.min.css?9a7e11" rel="stylesheet">
19	<link href="/plugins/system/gdpr/assets/css/jquery.fancybox.min.css?9a7e11" rel="stylesheet">
20	<link href="/media/system/css/joomla-fontawesome.min.css?5.0.43" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
21	<link href="/templates/yootheme/css/theme.9.css?1789317083" rel="stylesheet">
22	<style>div.cc-window.cc-floating{max-width:32em}@media(max-width: 639px){div.cc-window.cc-floating:not(.cc-center){max-width: none}}div.cc-window, span.cc-cookie-settings-toggler, span.cc-cookie-domains-toggler{font-size:16px}div.cc-revoke{font-size:16px}div.cc-settings-label,span.cc-cookie-settings-toggle{font-size:14px}div.cc-window.cc-banner{padding:1em 1.8em}div.cc-window.cc-floating{padding:2em 1.8em}input.cc-cookie-checkbox+span:before, input.cc-cookie-checkbox+span:after{border-radius:1px}div.cc-center,div.cc-floating,div.cc-checkbox-container,div.gdpr-fancybox-container div.fancybox-content,ul.cc-cookie-category-list li,fieldset.cc-service-list-title legend{border-radius:10px}div.cc-window a.cc-btn,span.cc-cookie-settings-toggle{border-radius:5px}</style>
23	<style>a.cc-btn.cc-dismiss{display:none}</style>
24	<style>body,body.gdpr-prevent-scrolling{overflow:auto}div.cc-center{position:fixed;margin-top:0!important}</style>
25	<style>div.cc-checkboxes-container input.cc-cookie-checkbox+span,fieldset.cc-cookie-list-title .gdpr_cookie_switcher label.gdpr_onoffswitch-label{border-radius:15px}div.cc-checkboxes-container input.cc-cookie-checkbox+span::before{border-radius:10px;height:14px;bottom: 2px;width:14px}fieldset.cc-cookie-list-title .gdpr_cookie_switcher span.gdpr_onoffswitch-switch{border-radius:10px;height:14px;top:2px;right:3px}fieldset.cc-cookie-list-title .gdpr_onoffswitchcookie.gdpr_cookie_switcher.disabled .gdpr_onoffswitch-switch{right:25px}div.cc-checkboxes-container input.cc-cookie-checkbox:checked+span::before{left:8px}div.cc-checkboxes-container input.cc-cookie-checkbox+span::before{left:3px}div.gdpr-component-view span.cc-checkboxes-placeholder,div.gdpr-component-view div.cc-checkboxes-container input.cc-cookie-checkbox+span::before{border-radius:10px}div.gdpr-component-view div.cc-checkboxes-container input.cc-cookie-checkbox+span::before{height: 14px;bottom: 2px;left:3px}div.gdpr-component-view div.cc-checkboxes-container input.cc-cookie-checkbox:checked+span::before{transform:translateX(22px)}</style>
26	<style>div.gdprlock-placeholder, div.gdprcookielock-placeholder{background:url("https://offene-jugendarbeit.net/images/banners/gdpr-achtung.png") no-repeat;background-size:contain !important}</style>
27	<style>div.gdprlock-placeholder, div.gdprcookielock-placeholder{width:400px}</style>
28	<style>div.gdprlock-placeholder, div.gdprcookielock-placeholder{height:110px}</style>
29
30        
30<script type="application/json" class="joomla-script-options new">{"joomla.jtext":{"ERROR":"Fehler","MESSAGE":"Nachricht","NOTICE":"Hinweis","WARNING":"Warnung","SUCCESS":"Erfolg","JCLOSE":"Schließen","JOK":"OK","JOPEN":"Öffnen"},"system.paths":{"root":"","rootFull":"https:\/\/offene-jugendarbeit.net\/","base":"","baseFull":"https:\/\/offene-jugendarbeit.net\/"},"csrf.token":"0c375702f426332077efb018acb3bf0d"}</script>
30
31	
31<script src="/media/system/js/core.min.js?a3d8f8"></script>
31
32	
32<script src="/media/vendor/webcomponentsjs/js/webcomponents-bundle.min.js?2.8.0" nomodule defer></script>
32
33	
33<script src="/media/system/js/joomla-hidden-mail.min.js?80d9c7" type="module"></script>
33
34	
34<script src="/media/system/js/messages.min.js?9a4811" type="module"></script>
34
35	
35<script src="/media/vendor/jquery/js/jquery.min.js?3.7.1"></script>
35
36	
36<script src="/plugins/system/gdpr/assets/js/jquery.fancybox.min.js?9a7e11" defer></script>
36
37	
37<script src="/plugins/system/gdpr/assets/js/cookieconsent.min.js?9a7e11" defer></script>
37
38	
38<script src="/plugins/system/gdpr/assets/js/init.js?9a7e11" defer></script>
38
39	
39<script src="/templates/yootheme/vendor/assets/uikit/dist/js/uikit.min.js?5.0.43"></script>
39
40	
40<script src="/templates/yootheme/vendor/assets/uikit/dist/js/uikit-icons-horizon.min.js?5.0.43"></script>
40
41	
41<script src="/templates/yootheme/assets/site/js/theme.js?5.0.43"></script>
41
42	
42<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://offene-jugendarbeit.net/#/schema/Organization/base","name":"BAG OKJA - Bundesarbeitsgemeinschaft Offene Kinder- und Jugendarbeit e. V. ","url":"https://offene-jugendarbeit.net/"},{"@type":"WebSite","@id":"https://offene-jugendarbeit.net/#/schema/WebSite/base","url":"https://offene-jugendarbeit.net/","name":"BAG OKJA - Bundesarbeitsgemeinschaft Offene Kinder- und Jugendarbeit e. V. ","publisher":{"@id":"https://offene-jugendarbeit.net/#/schema/Organization/base"}},{"@type":"WebPage","@id":"https://offene-jugendarbeit.net/#/schema/WebPage/base","url":"https://offene-jugendarbeit.net/index.php/service","name":"Service","description":"Die Bundesarbeitsgemeinschaft Offene Kinder-\r\nund Jugendarbeit e. V. ist der bundesweite Zusammenschluss von mehr als 10.000 Einrichtungen der Offenen Kinder- un","isPartOf":{"@id":"https://offene-jugendarbeit.net/#/schema/WebSite/base"},"about":{"@id":"https://offene-jugendarbeit.net/#/schema/Organization/base"},"inLanguage":"de-DE"},{"@type":"Article","@id":"https://offene-jugendarbeit.net/#/schema/com_content/article/24","name":"Service","headline":"Service","inLanguage":"de-DE","isPartOf":{"@id":"https://offene-jugendarbeit.net/#/schema/WebPage/base"}}]}</script>
42
43	
43<script>var gdprConfigurationOptions = { complianceType: 'opt-in',
44																			  cookieConsentLifetime: 365,
45																			  cookieConsentSamesitePolicy: 'Strict',
46																			  cookieConsentSecure: 1,
47																			  cookieJoomlaSettings: 0,
48																			  cookieConsentDomain: '',
49																			  cookieConsentPath: '/',
50																			  disableFirstReload: 0,
51																	  		  blockJoomlaSessionCookie: 0,
52																			  blockExternalCookiesDomains: 1,
53																			  externalAdvancedBlockingModeCustomAttribute: 'id',
54																			  allowedCookies: '',
55																			  blockCookieDefine: 0,
56																			  autoAcceptOnNextPage: 0,
57																			  revokable: 1,
58																			  lawByCountry: 0,
59																			  checkboxLawByCountry: 0,
60																			  blockPrivacyPolicy: 0,
61																			  cacheGeolocationCountry: 1,
62																			  countryAcceptReloadTimeout: 1000,
63																			  usaCCPARegions: null,
64																			  countryEnableReload: 0,
65																			  customHasLawCountries: [""],
66																			  dismissOnScroll: 0,
67																			  dismissOnTimeout: 0,
68																			  containerSelector: 'html',
69																			  hideOnMobileDevices: 0,
70																			  autoFloatingOnMobile: 0,
71																			  autoFloatingOnMobileThreshold: 1024,
72																			  autoRedirectOnDecline: 0,
73																			  autoRedirectOnDeclineLink: '',
74																			  showReloadMsg: 1,
75																			  showReloadMsgText: 'Entscheidung wird angewendet / Website wird neu geladen',
76																			  showConsentID: 0,
77																			  defaultClosedToolbar: 0,
78																			  toolbarLayout: 'basic-header',
79																			  toolbarTheme: 'edgeless',
80																			  toolbarButtonsTheme: 'decline_first',
81																			  revocableToolbarTheme: 'advanced',
82																			  toolbarPosition: 'center',
83																			  toolbarCenterTheme: 'extended',
84																			  revokePosition: 'revoke-top',
85																			  toolbarPositionmentType: 0,
86																			  positionCenterSimpleBackdrop: 0,
87																			  positionCenterBlurEffect: 0,
88																			  positionCenterBlurEffectAlwaysFirstVisit: 0,
89																			  preventPageScrolling: 1,
90																			  popupEffect: 'fade',
91																			  popupBackground: '#f34285',
92																			  popupText: '#ffffff',
93																			  popupLink: '#ffffff',
94																			  buttonBackground: '#ffffff',
95																			  buttonBorder: '#ffffff',
96																			  buttonText: '#000000',
97																			  highlightOpacity: '100',
98																			  highlightBackground: '#f34285',
99																			  highlightBorder: '#ffffff',
100																			  highlightText: '#ffffff',
101																			  highlightDismissBackground: '#333333',
102																		  	  highlightDismissBorder: '#ffffff',
103																		 	  highlightDismissText: '#ffffff',
104																			  autocenterRevokableButton: 0,
105																			  hideRevokableButton: 1,
106																			  hideRevokableButtonOnscroll: 1,
107																			  customRevokableButton: 1,
108																			  customRevokableButtonAction: 0,
109																			  headerText: '<p style=\"line-height: 1.5;\">Hierfür braucht es Ihr Einverständnis</p>',
110																			  messageText: '<div> <p style=\"line-height: 1.5;\">Diese Website bietet Funktionen an, welche das Speichern von Cookies bzw. eine (verschlüsselte) Datenübertragung erfordern.  </div>',
111																			  denyMessageEnabled: 1, 
112																			  denyMessage: '<div style=\"line-height: 1.5;\">  Sie haben die Verwendung von Cookies und die Übertragung von Daten abgelehnt. Damit sind elementare Funktionen dieser Website nicht mehr ausführbar.  </div>',
113																			  placeholderBlockedResources: 1, 
114																			  placeholderBlockedResourcesAction: 'open',
115																	  		  placeholderBlockedResourcesText: 'Aufgrund Ihrer Datenschutz-Einstellungen sind Inhalte bzw Dienste nicht verfügbar. Zum Ändern bitte hier klicken.',
116																			  placeholderIndividualBlockedResourcesText: 'Sie müssen Cookies von {domain} erlauben, um diese Inhalte zu sehen',
117																			  placeholderIndividualBlockedResourcesAction: 1,
118																			  placeholderOnpageUnlock: 1,
119																			  scriptsOnpageUnlock: 1,
120																			  autoDetectYoutubePoster: 1,
121																			  autoDetectYoutubePosterApikey: 'AIzaSyAV_WIyYrUkFV1H8OKFYG8wIK8wVH9c82U',
122																			  dismissText: 'Schließen',
123																			  allowText: 'Meine Auswahl sichern',
124																			  denyText: 'Alles verbieten',
125																			  cookiePolicyLinkText: 'Cookies & Datenübertragung',
126																			  cookiePolicyLink: 'javascript:void(0)',
127																			  cookiePolicyRevocableTabText: 'Cookies & Co',
128																			  cookiePolicyRevocableTabIcon: 'googlecmp',
129																			  cookiePolicyRevocableTabIconCustom: '',
130																			  privacyPolicyLinkText: 'Privacy policy',
131																			  privacyPolicyLink: 'javascript:void(0)',
132																			  googleCMPTemplate: 1,
133																			  enableGdprBulkConsent: 0,
134																			  displayBulkConsentDomains: 0,
135																			  bulkConsentDomains: [""],
136																			  enableCustomScriptExecGeneric: 0,
137																			  customScriptExecGeneric: '',
138																			  categoriesCheckboxTemplate: 'cc-checkboxes-light',
139																			  toggleCookieSettings: 1,
140																			  toggleCookieSettingsLinkedView: 0,
141																			  toggleCookieSettingsButtonsArea: 0,
142 																			  toggleCookieSettingsLinkedViewSefLink: '/index.php/component/gdpr/',
143																	  		  toggleCookieSettingsText: '<span class="cc-cookie-settings-toggle" role="button" tabindex="0">Einzelne Einstellungen <span class="cc-cookie-settings-toggler">&#x2191;</span></span>',
144																			  toggleCookieSettingsButtonBackground: '#333333',
145																			  toggleCookieSettingsButtonBorder: '#ffffff',
146																			  toggleCookieSettingsButtonText: '#ffffff',
147																			  showLinks: 0,
148																			  blankLinks: '_blank',
149																			  autoOpenPrivacyPolicy: 0,
150																			  openAlwaysDeclined: 0,
151																			  cookieSettingsLabel: 'Einzelne Einstellungen',
152															  				  cookieSettingsDesc: 'Entscheiden Sie für jeden einzelenn Fall, ob die Dienste erlaubt oder verboten werden sollen.',
153																			  cookieCategory1Enable: 1,
154																			  cookieCategory1Name: 'Erforderliche Cookies',
155																			  cookieCategory1Locked: 1,
156																			  cookieCategory2Enable: 1,
157																			  cookieCategory2Name: 'Wichtige Dienste',
158																			  cookieCategory2Locked: 0,
159																			  cookieCategory3Enable: 1,
160																			  cookieCategory3Name: 'Statistik-Cookies ',
161																			  cookieCategory3Locked: 0,
162																			  cookieCategory4Enable: 0,
163																			  cookieCategory4Name: 'Marketing',
164																			  cookieCategory4Locked: 1,
165																			  cookieCategoriesDescriptions: {categoryReadMore: 'Einzeln entscheiden',cat1:'<p>Sicherheits-Tokens, Sicherung der Cookie-Entscheidungen, etc.<br>Ohne diese Daten ist die Website leider nicht benutzbar.</p>',cat2:'<p>Web-Schriften /-Icons, Karten-Dienste, Youtube, Formular-Validierung, etc.<br>Ohne diese Daten stehen die genannten Funktionen nicht zur Verfügung.</p>',cat3:'<p>Erfassung der Besucherzahl / des Besucherverhaltens (Google Analytics).<br>Diese Daten sind für die vollumfängliche Nutzung der Website nicht erforderlich.</p>',cat4:'<p>
165Marketing-Cookies <strong>werden von uns grundsätzlich nicht verwendet.</strong></p>'},
166																			  alwaysReloadAfterCategoriesChange: 1,
167																			  preserveLockedCategories: 1,
168																			  declineButtonBehavior: 'soft',
169																			  honorGpc: 0,
170																			  blockCheckedCategoriesByDefault: 0,
171																			  reloadOnfirstDeclineall: 1,
172																			  trackExistingCheckboxSelectors: '',
173															  		  		  trackExistingCheckboxConsentLogsFormfields: 'name,email,subject,message',
174																			  allowallShowbutton: 1,
175																			  allowallText: 'Alles erlauben',
176																			  allowallButtonBackground: '#ffffff',
177																			  allowallButtonBorder: '#ffffff',
178																			  allowallButtonText: '#000000',
179																			  allowallButtonTimingAjax: 'fast',
180																			  includeAcceptButton: 0,
181																			  includeDenyButton: 0,
182																			  trackConsentDate: 0,
183																			  execCustomScriptsOnce: 1,
184																			  optoutIndividualResources: 1,
185																			  blockIndividualResourcesServerside: 0,
186																			  disableSwitchersOptoutCategory: 0,
187																			  autoAcceptCategories: 0,
188																			  allowallIndividualResources: 1,
189																			  blockLocalStorage: 0,
190																			  blockSessionStorage: 0,
191																			  externalAdvancedBlockingModeTags: 'iframe,script,img,source,link,div,class',
192																			  enableCustomScriptExecCategory1: 0,
193																			  customScriptExecCategory1: '',
194																			  enableCustomScriptExecCategory2: 0,
195																			  customScriptExecCategory2: '',
196																			  enableCustomScriptExecCategory3: 0,
197																			  customScriptExecCategory3: '',
198																			  enableCustomScriptExecCategory4: 0,
199																			  customScriptExecCategory4: '',
200																			  enableCustomDeclineScriptExecCategory1: 0,
201																			  customScriptDeclineExecCategory1: '',
202																			  enableCustomDeclineScriptExecCategory2: 0,
203																			  customScriptDeclineExecCategory2: '',
204																			  enableCustomDeclineScriptExecCategory3: 0,
205																			  customScriptDeclineExecCategory3: '',
206																			  enableCustomDeclineScriptExecCategory4: 0,
207																			  customScriptDeclineExecCategory4: '',
208																			  enableCMPPreferences: 0,
209																			  enableGTMEventsPreferences: 0,
210																			  enableCMPStatistics: 0,
211																			  enableGTMEventsStatistics: 0,
212																			  enableCMPAds: 0,
213																			  enableUETAds: 0,
214																			  enableGTMEventsAds: 0,
215																			  enableClarityAnalytics: 0,
216                                                                              enableClarityAds: 0,
217																			  fancyboxAlwaysBody: 0,
218																			  debugMode: 0
219																		};var gdpr_ajax_livesite='https://offene-jugendarbeit.net/';var gdpr_enable_log_cookie_consent=1;</script>
219
220	
220<script>var gdprUseCookieCategories=1;var gdpr_ajaxendpoint_cookie_category_desc='https://offene-jugendarbeit.net/index.php?option=com_gdpr&task=user.getCookieCategoryDescription&format=raw';</script>
220
221	
221<script>var gdprCookieCategoryDisabled4=1;</script>
221
222	
222<script>var gdprJSessCook='c582dc109f6a252c61993268b8a36d2a';var gdprJSessVal='49c7af5fc3b8dc4bd31b40a4b65b89d4';var gdprJAdminSessCook='8edd3852293e5c56b79f859f0b201ead';var gdprPropagateCategoriesSession=1;var gdprAlwaysPropagateCategoriesSession=1;var gdprAlwaysCheckCategoriesSession=0;</script>
222
223	
223<script>var gdprFancyboxWidth=400;var gdprFancyboxHeight=800;var gdprCloseText='Close';</script>
223
224	
224<script>document.addEventListener('DOMContentLoaded', function() {
225
226  // Funktion zur Prüfung, ob wir im Desktopmodus sind
227  const isDesktop = () => window.matchMedia('(min-width: 769px)').matches;
228
229  // Falls kein Desktop, Script komplett beenden
230  if (!isDesktop()) return;
231
232  // Starte erst, wenn das Banner im DOM sichtbar ist
233  const checkInterval = setInterval(() => {
234    const toggle = document.querySelector('.cc-cookie-settings-toggle');
235    const checkboxes = document.querySelector('.cc-checkboxes-container');
236
237    if (toggle && checkboxes) {
238      const style = window.getComputedStyle(checkboxes);
239      const isHidden = style.display === 'none' || style.visibility === 'hidden' || style.height === '0px';
240
241      // Nur aufklappen, wenn der Bereich tatsächlich geschlossen ist
242      if (isHidden) {
243        console.log('🟢 GDPR: öffne Einstellungen (Desktop)');
244        toggle.click();
245      } else {
246        console.log('✅ GDPR: Einstellungen bereits geöffnet');
247      }
248
249      clearInterval(checkInterval);
250    }
251  }, 400);
252
253  // Sicherheitsstopp nach 10 Sekunden, damit das Script nie endlos läuft
254  setTimeout(() => clearInterval(checkInterval), 10000);
255});</script>
255
256	
256<script>window.yootheme ||= {}; yootheme.theme = {"i18n":{"close":{"label":"Schlie\u00dfen"},"totop":{"label":"Zur\u00fcck nach oben"},"marker":{"label":"\u00d6ffnen"},"navbarToggleIcon":{"label":"Men\u00fc \u00f6ffnen"},"paginationPrevious":{"label":"Vorherige Seite"},"paginationNext":{"label":"N\u00e4chste Seite"},"searchIcon":{"toggle":"Suche \u00f6ffnen","submit":"Suche ausf\u00fchren"},"slider":{"next":"N\u00e4chste Folie","previous":"Vorherige Folie","slideX":"Folie %s","slideLabel":"%s von %s"},"slideshow":{"next":"N\u00e4chste Folie","previous":"Vorherige Folie","slideX":"Folie %s","slideLabel":"%s von %s"},"lightboxPanel":{"next":"N\u00e4chste Folie","previous":"Vorherige Folie","slideLabel":"%s von %s","close":"Schlie\u00dfen"}}};</script>
256
257	
257<script>$('#bubbletarget').load('/index.php/tdokja-liste-auto-published/tdokja-aktionen-bay #com_visforms_visformsdata_255_8_adminForm');</script>
257
258
259    </head>
260    <body class="">
261
262        <div class="uk-hidden-visually uk-notification uk-notification-top-left uk-width-auto">
263            <div class="uk-notification-message">
264                <a href="#tm-main" class="uk-link-reset">Zum Hauptinhalt springen</a>
265            </div>
266        </div>
267
268        
269        
270        <div class="tm-page">
271
272                        
273
274
275<header class="tm-header-mobile uk-hidden@m">
276
277
278    
279        <div class="uk-navbar-container">
280
281            <div class="uk-container uk-container-expand">
282                <nav class="uk-navbar" uk-navbar="{&quot;align&quot;:&quot;center&quot;,&quot;container&quot;:&quot;.tm-header-mobile&quot;,&quot;boundary&quot;:&quot;.tm-header-mobile .uk-navbar-container&quot;,&quot;target-y&quot;:&quot;.tm-header-mobile .uk-navbar-container&quot;,&quot;dropbar&quot;:true,&quot;dropbar-anchor&quot;:&quot;.tm-header-mobile .uk-navbar-container&quot;,&quot;dropbar-transparent-mode&quot;:&quot;remove&quot;}">
283
284                                        <div class="uk-navbar-left">
285
286                                                    <a href="https://offene-jugendarbeit.net/index.php" aria-label="Zurück zur Startseite" class="uk-logo uk-navbar-item">
287    <picture><source type="image/webp" srcset="/media/yootheme/cache/8f/baglogo-8f953c15.webp 250w" sizes="(min-width: 250px) 250px"><img src="/images/baglogo.png" width="250" height="40" alt="BAG OKJE e.V."></picture></a>
288                        
289                        
290                        
291                    </div>
292                    
293                    
294                                        <div class="uk-navbar-right">
295
296                                                    
297                        
298                                                    <a uk-toggle href="#tm-dialog-mobile" class="uk-navbar-toggle" aria-controls="tm-dialog-mobile">
299
300        
301        <div uk-navbar-toggle-icon></div>
302
303        
304    </a>
305                        
306                    </div>
307                    
308                </nav>
309            </div>
310
311        </div>
312
313    
314
315
316
317        <div id="tm-dialog-mobile" uk-offcanvas="container: true; overlay: true" mode="reveal" flip>
318        <div class="uk-offcanvas-bar uk-flex uk-flex-column">
319
320                        <button class="uk-offcanvas-close uk-close-large" type="button" uk-close uk-toggle="cls: uk-close-large; mode: media; media: @s"></button>
321            
322                        <div class="uk-margin-auto-bottom">
323                
324<div class="uk-panel" id="module-menu-dialog-mobile">
325
326    
327    
328<ul class="uk-nav uk-nav-default uk-nav-accordion" uk-nav="targets: &gt; .js-accordion">
329    
330	<li class="item-101"><a href="/index.php" class="hidden">Start</a></li>
331	<li class="item-107 uk-parent"><a href="/index.php/organisation" class="norm">Organisation <span uk-nav-parent-icon></span></a>
332	<ul class="uk-nav-sub">
333
334		<li class="item-175"><a href="/index.php/organisation/bag-infos">Allgemeine Infos</a></li>
335		<li class="item-116"><a href="/index.php/organisation/geschaeftsstelle-vorstand-satzung">Geschäftsstelle, Vorstand, Satzung</a></li>
336		<li class="item-117"><a href="/index.php/organisation/mitglieder-mitgliedschaft">Mitglieder &amp; Mitgliedschaft</a></li>
337		<li class="item-118"><a href="/index.php/organisation/kontakt">Kontakt</a></li></ul></li>
338	<li class="item-103 uk-active uk-parent"><a href="/index.php/service" class="norm">Service <span uk-nav-parent-icon></span></a>
339	<ul class="uk-nav-sub">
340
341		<li class="item-110 uk-parent"><a href="/index.php/service/gema" class="shift-xl">GEMA</a>
342		<ul>
343
344			<li class="item-113"><a href="/index.php/service/gema/gema-aktuelles" class="shift-xxl">Aktuelles</a></li>
345			<li class="item-114"><a href="/index.php/service/gema/gema-rahmenvertrag" class="shift-xxl">Rahmenvertrag</a></li>
346			<li class="item-115"><a href="/index.php/service/gema/gema-abwicklung" class="shift-xxl">Abwicklung</a></li></ul></li>
347		<li class="item-111"><a href="/index.php/service/mplc" class="shift-xl">MPLC</a></li>
348		<li class="item-109"><a href="/index.php/service/links-donwloads" class="shift-xl">Links</a></li>
349		<li class="item-223"><a href="/index.php/service/newsletter" class="shift-xl">Newsletter</a></li></ul></li>
350	<li class="item-104"><a href="/index.php/fachzeitschrift" class="norm">Fachzeitschrift</a></li>
351	<li class="item-121 uk-parent"><a href="/index.php/projekte" class="norm">Projekte <span uk-nav-parent-icon></span></a>
352	<ul class="uk-nav-sub">
353
354		<li class="item-310"><a href="/index.php/projekte/stellungnahme-kuerzungsplaene" class="shift-xl">Stellungnahme Kürzungspläne</a></li>
355		<li class="item-172"><a href="/index.php/projekte/stay-with-the-trouble" class="shift-xl">Stay With The Trouble</a></li>
356		<li class="item-204"><a href="/index.php/projekte/erasmus-projekt" class="shift-xl">Erasmus+ Projekt zu MOJA</a></li>
357		<li class="item-221"><a href="/index.php/projekte/erfurter-erklaerung" class="shift-xl">Erfurter Erklärung</a></li>
358		<li class="item-291"><a href="/index.php/projekte/erasmus-projekt-creating-spaces" class="shift-xl">Erasmus+ Projekt Creating Spaces</a></li></ul></li>
359	<li class="item-158 js-accordion uk-parent"><a href>Veranstaltungen <span uk-nav-parent-icon></span></a>
360	<ul class="uk-nav-sub">
361
362		<li class="item-301"><a href="/index.php/veranstaltungen/digit-auftaktveranstaltung-lokale-jugendarbeit-staerken-mit-der-european-youth-work-agenda-eywa" class="shift-l">Digit. Auftaktveranstaltung &quot;Lokale Jugendarbeit stärken mit der  European Youth Work Agenda (EYWA)&quot;</a></li>
363		<li class="item-312"><a href="/index.php/veranstaltungen/jahres-fachtagung-kuerzungen-und-kulturkampf" class="shift-l">Jahres.Fachtagung &quot;Kürzungen und Kulturkampf&quot;</a></li></ul></li></ul>
364
365</div>
366
367            </div>
368            
369            
370        </div>
371    </div>
372    
373    
374    
375
376</header>
377
378
379
380
381<header class="tm-header uk-visible@m">
382
383
384
385        <div uk-sticky media="@m" show-on-up animation="uk-animation-slide-top" cls-active="uk-navbar-sticky" sel-target=".uk-navbar-container">
386    
387        <div class="uk-navbar-container">
388
389            <div class="uk-container">
390                <nav class="uk-navbar" uk-navbar="{&quot;align&quot;:&quot;center&quot;,&quot;container&quot;:&quot;.tm-header &gt; [uk-sticky]&quot;,&quot;boundary&quot;:&quot;.tm-header .uk-navbar-container&quot;,&quot;target-y&quot;:&quot;.tm-header .uk-navbar-container&quot;,&quot;dropbar&quot;:true,&quot;delay-hide&quot;:&quot;200&quot;,&quot;dropbar-anchor&quot;:&quot;.tm-header .uk-navbar-container&quot;,&quot;dropbar-transparent-mode&quot;:&quot;remove&quot;}">
391
392                                        <div class="uk-navbar-left">
393
394                                                    <a href="https://offene-jugendarbeit.net/index.php" aria-label="Zurück zur Startseite" class="uk-logo uk-navbar-item">
395    <picture><source type="image/webp" srcset="/media/yootheme/cache/8f/baglogo-8f953c15.webp 250w" sizes="(min-width: 250px) 250px"><img src="/images/baglogo.png" width="250" height="40" alt="BAG OKJE e.V."></picture></a>
396                        
397                        
398                        
399                    </div>
400                    
401                    
402                                        <div class="uk-navbar-right">
403
404                                                    
405<ul class="uk-navbar-nav" id="module-1">
406    
407	<li class="item-101 uk-active"><a href="/index.php" class="hidden">Start</a></li>
408	<li class="item-107 uk-parent"><a href="/index.php/organisation" class="norm">Organisation</a>
409	<div class="uk-drop uk-navbar-dropdown"><div><ul class="uk-nav uk-navbar-dropdown-nav">
410
411		<li class="item-175"><a href="/index.php/organisation/bag-infos">Allgemeine Infos</a></li>
412		<li class="item-116"><a href="/index.php/organisation/geschaeftsstelle-vorstand-satzung">Geschäftsstelle, Vorstand, Satzung</a></li>
413		<li class="item-117"><a href="/index.php/organisation/mitglieder-mitgliedschaft">Mitglieder &amp; Mitgliedschaft</a></li>
414		<li class="item-118"><a href="/index.php/organisation/kontakt">Kontakt</a></li></ul></div></div></li>
415	<li class="item-103 uk-active uk-parent"><a href="/index.php/service" class="norm">Service</a>
416	<div class="uk-drop uk-navbar-dropdown"><div><ul class="uk-nav uk-navbar-dropdown-nav">
417
418		<li class="item-110 uk-parent"><a href="/index.php/service/gema" class="shift-xl">GEMA</a>
419		<ul class="uk-nav-sub">
420
421			<li class="item-113"><a href="/index.php/service/gema/gema-aktuelles" class="shift-xxl">Aktuelles</a></li>
422			<li class="item-114"><a href="/index.php/service/gema/gema-rahmenvertrag" class="shift-xxl">Rahmenvertrag</a></li>
423			<li class="item-115"><a href="/index.php/service/gema/gema-abwicklung" class="shift-xxl">Abwicklung</a></li></ul></li>
424		<li class="item-111"><a href="/index.php/service/mplc" class="shift-xl">MPLC</a></li>
425		<li class="item-109"><a href="/index.php/service/links-donwloads" class="shift-xl">Links</a></li>
426		<li class="item-223"><a href="/index.php/service/newsletter" class="shift-xl">Newsletter</a></li></ul></div></div></li>
427	<li class="item-104"><a href="/index.php/fachzeitschrift" class="norm">Fachzeitschrift</a></li>
428	<li class="item-121 uk-parent"><a href="/index.php/projekte" class="norm">Projekte</a>
429	<div class="uk-drop uk-navbar-dropdown"><div><ul class="uk-nav uk-navbar-dropdown-nav">
430
431		<li class="item-310"><a href="/index.php/projekte/stellungnahme-kuerzungsplaene" class="shift-xl">Stellungnahme Kürzungspläne</a></li>
432		<li class="item-172"><a href="/index.php/projekte/stay-with-the-trouble" class="shift-xl">Stay With The Trouble</a></li>
433		<li class="item-204"><a href="/index.php/projekte/erasmus-projekt" class="shift-xl">Erasmus+ Projekt zu MOJA</a></li>
434		<li class="item-221"><a href="/index.php/projekte/erfurter-erklaerung" class="shift-xl">Erfurter Erklärung</a></li>
435		<li class="item-291"><a href="/index.php/projekte/erasmus-projekt-creating-spaces" class="shift-xl">Erasmus+ Projekt Creating Spaces</a></li></ul></div></div></li>
436	<li class="item-158 uk-parent"><a role="button" class="norm">Veranstaltungen</a>
437	<div class="uk-drop uk-navbar-dropdown" mode="hover" pos="bottom-center"><div><ul class="uk-nav uk-navbar-dropdown-nav">
438
439		<li class="item-301"><a href="/index.php/veranstaltungen/digit-auftaktveranstaltung-lokale-jugendarbeit-staerken-mit-der-european-youth-work-agenda-eywa" class="shift-l">Digit. Auftaktveranstaltung &quot;Lokale Jugendarbeit stärken mit der  European Youth Work Agenda (EYWA)&quot;</a></li>
440		<li class="item-312"><a href="/index.php/veranstaltungen/jahres-fachtagung-kuerzungen-und-kulturkampf" class="shift-l">Jahres.Fachtagung &quot;Kürzungen und Kulturkampf&quot;</a></li></ul></div></div></li></ul>
441
442                        
443                                                    
444                        
445                    </div>
446                    
447                </nav>
448            </div>
449
450        </div>
451
452        </div>
453    
454
455
456
457
458
459
460
461</header>
462
463            
464            
465
466            <main id="tm-main">
467
468                
469                <div id="system-message-container" aria-live="polite"></div>
470
471                <!-- Builder #page -->
472<div class="shiftupmed uk-section-image" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; delay: false;">
473        <div class="uk-background-norepeat uk-background-cover uk-background-center-center uk-section uk-section-small" data-sources="[{&quot;type&quot;:&quot;image\/webp&quot;,&quot;srcset&quot;:&quot;\/index.php\/component\/ajax\/?p=cache\/d9\/konzert4-d9ed7cfb.webp&amp;src=images\/konzert4.jpg&amp;thumbnail=768,416,&amp;type=webp,85&amp;hash=abb3f295 768w, \/index.php\/component\/ajax\/?p=cache\/0a\/konzert4-0a875fc2.webp&amp;src=images\/konzert4.jpg&amp;thumbnail=1024,554,&amp;type=webp,85&amp;hash=4ee2ac29 1024w, \/media\/yootheme\/cache\/41\/konzert4-418fdffb.webp 1366w, \/index.php\/component\/ajax\/?p=cache\/1b\/konzert4-1baa3644.webp&amp;src=images\/konzert4.jpg&amp;thumbnail=1600,866,&amp;type=webp,85&amp;hash=6768deb4 1600w, \/media\/yootheme\/cache\/3b\/konzert4-3becf065.webp 1920w, \/media\/yootheme\/cache\/25\/konzert4-2530f026.webp 2560w&quot;,&quot;sizes&quot;:&quot;(max-aspect-ratio: 2560\/1385) 185vh&quot;}]" data-src="/images/konzert4.jpg" uk-img uk-height-viewport="offset-top: true;">    
474        
475        
476        
477            
478                                <div class="uk-container">                
479                    
480<div class="uk-grid-margin uk-grid tm-grid-expand uk-child-width-1-1">
481    
482        
483<div class="uk-width-1-1@m">
484    
485        
486            
487            
488            
489                
490                    
491<h6 class="uk-h6 uk-text-primary uk-text-center" id="page#0" uk-scrollspy-class>
492    
493        
494                    Rahmenverträge        
495        
496    
497</h6>
498<h1 class="uk-heading-small uk-margin-remove-vertical uk-text-center" uk-scrollspy-class>
499    
500        
501                    Service der BAG OKJA        
502        
503    
504</h1><div class="uk-panel uk-margin-medium uk-width-xlarge uk-margin-auto uk-text-center" uk-scrollspy-class><p>Die Bundesarbeitsgemeinschaft Offene Kinder- und Jugendarbeit hat mit der GEMA und der MPLC (Motion Picture Licensing Corporation) einer Gesellschaft zur Filmlizenzierung, Rahmenvereinbarungen abgeschlossen.</p></div>
505<div class="uk-margin uk-text-center">
506    
507        <div class="uk-grid uk-child-width-1-1 uk-child-width-1-2@m uk-child-width-1-2@l uk-grid-match" uk-grid>                <div>
508<div class="el-item uk-panel uk-margin-remove-first-child" uk-scrollspy-class>
509    
510        
511            
512                
513            
514            
515                                                
516                
517                    
518
519        
520                <h3 class="el-title uk-margin-top uk-margin-remove-bottom">GEMA:</h3>        
521        
522    
523        
524        
525                <div class="el-content uk-panel uk-margin-top">Der GEMA-Rahmenvertrag WR-OKJE deckt mit einer jährlichen Zahlung die übliche Musiknutzung in Einrichtungen der Offenen Kinder- und Jugend- <br />arbeit ab.
526<br />
527<a style="margin: 30px auto 0 auto;text-align: center;" href="/index.php/service/gema" class="uk-button uk-button-default">weiterlesen</a></div>        
528        
529        
530
531                
532                
533            
534        
535    
536</div></div>
537                <div>
538<div class="el-item uk-panel uk-margin-remove-first-child" uk-scrollspy-class>
539    
540        
541            
542                
543            
544            
545                                                
546                
547                    
548
549        
550                <h3 class="el-title uk-margin-top uk-margin-remove-bottom">MPLC:</h3>        
551        
552    
553        
554        
555                <div class="el-content uk-panel uk-margin-top">Mit der MPLC wurde ein Rahmenvertrag abgeschlossen, der eine sogenannte "Schirmlizenz" bietet, mit der beliebig viele Filme vor beliebig vielen Zuschauern gezeigt werden dürfen.
556<br />
557
558<a style="margin: 30px auto 0 auto;text-align: center;" href="/index.php/service/mplc" class="uk-button uk-button-default">weiterlesen</a></div>        
559        
560        
561
562                
563                
564            
565        
566    
567</div></div>
568                </div>
569    
570</div>
571                
572            
573        
574    
575</div>
576    
577</div>
578<div class="uk-grid-margin uk-grid tm-grid-expand uk-child-width-1-1">
579    
580        
581<div class="uk-width-1-1@m">
582    
583        
584            
585            
586            
587                
588                    
589                
590            
591        
592    
593</div>
594    
595</div>
596                                </div>                
597            
598        
599        </div>
600    
601</div>
602
603                
604            </main>
605
606            
607
608                        <footer>
609                <!-- Builder #footer --><style class="uk-margin-remove-adjacent">@media (min-width:960px){#footer\#0{width:30%!important;margin-right:15%;}}@media (max-width:960px){#footer\#0{text-align:center!important;}}@media (max-width:960px){#footer\#1{text-align:center!important;}}@media (min-width:960px){#footer\#2{margin-left:0px!important;}}@media (max-width:960px){#footer\#2{line-height:18px!important;}}@media (max-width:960px){#footer\#3{text-align:center!important;}}@media (min-width:960px){#footer\#4{margin-left:0px!important;}}@media (max-width:960px){#footer\#4{line-height:18px!important;}}@media (max-width:960px){#footer\#5{text-align:center!important;}}@media (min-width:960px){#footer\#6{margin-left:0px!important;}}@media (max-width:960px){#footer\#6{line-height:18px!important;}}@media (max-width:960px){#footer\#7{text-align:center!important;}}@media (min-width:960px){#footer\#8{margin-left:0px!important;}}@media (max-width:960px){#footer\#8{line-height:18px!important;}}@media (max-width:960px){#footer\#9{padding-top:45px!important;}}</style>
610<div id="footer#9" class="uk-section-default uk-section uk-section-large" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; delay: false;">
611    
612        
613        
614        
615            
616                                <div class="uk-container">                
617                    
618<div class="uk-grid-margin-large uk-grid tm-grid-expand uk-grid-large" uk-grid>
619    
620        
621<div class="uk-width-1-1@s uk-width-1-2@m" id="footer#0">
622    
623        
624            
625            
626            
627                
628                    
629<div class="uk-margin-remove-bottom" uk-scrollspy-class>
630        <a class="el-link" href="/index.php"><picture><source type="image/webp" srcset="/media/yootheme/cache/4b/logo23_breit-med-4b1cdc13.webp 495w" sizes="(min-width: 495px) 495px"><img class="el-image" src="/dateien/logo23_breit-med.png" alt="Das Logo der BAG OKJA in blauen und orangenen Buchstaben und mit Puzzle-Grafik" loading="lazy" width="495" height="80"></picture></a>    
631    
632</div><div class="uk-panel uk-margin-remove-top uk-margin-bottom uk-width-xlarge" uk-scrollspy-class><p>Bundesarbeitsgemeinschaft Offene Kinder- und Jugendarbeit e. V.</p></div>
633<div class="uk-margin-top uk-margin-remove-bottom" uk-scrollspy-class>
634        <a class="el-link" href="/index.php"><picture><source type="image/webp" srcset="/media/yootheme/cache/5d/250526_KJP_Foerderlogo_CMYK-5d889147.webp 768w, /media/yootheme/cache/22/250526_KJP_Foerderlogo_CMYK-22ad638d.webp 1024w, /media/yootheme/cache/f0/250526_KJP_Foerderlogo_CMYK-f0813a39.webp 1366w, /media/yootheme/cache/38/250526_KJP_Foerderlogo_CMYK-38a1540d.webp 1600w, /media/yootheme/cache/f4/250526_KJP_Foerderlogo_CMYK-f4c9ea06.webp 1739w" sizes="(min-width: 1739px) 1739px"><img class="el-image" src="/images/250526_KJP_Foerderlogo_CMYK.jpg" alt="Das Logo der BAG OKJA in blauen und orangenen Buchstaben und mit Puzzle-Grafik" loading="lazy" width="1739" height="563"></picture></a>    
635    
636</div><div class="uk-panel uk-margin-remove-top uk-width-xlarge" uk-scrollspy-class><p>Gefördert vom Bundesministerium für Bildung, Familie, Senioren, Frauen und Jugend</p></div>
637                
638            
639        
640    
641</div>
642<div class="uk-width-1-2@s uk-width-1-4@m">
643    
644        
645            
646            
647            
648                
649                    
650<h3 class="uk-h5" id="footer#1" uk-scrollspy-class>
651    
652        
653                    <span style="color:#111!important;">Favoriten</span>        
654        
655    
656</h3>
657<ul class="uk-list" id="footer#2" uk-scrollspy-class>
658    
659    
660                <li class="el-item">            <div class="el-content uk-panel"><a href="/index.php/projekte/tag-der-okja" class="el-link uk-link-muted uk-margin-remove-last-child">Tag der OKJA 2025</a></div>        </li>                <li class="el-item">            <div class="el-content uk-panel"><a href="/index.php/fachzeitschrift" class="el-link uk-link-muted uk-margin-remove-last-child">OJA 03 / 2025</a></div>        </li>                <li class="el-item">            <div class="el-content uk-panel"><a href="/index.php/veranstaltungen/fachtagung-inklusion-november-2025" class="el-link uk-link-muted uk-margin-remove-last-child">Fachtagung "Inklusion"</a></div>        </li>                <li class="el-item">            <div class="el-content uk-panel"><a href="/index.php/projekte/erfurter-erklaerung" class="el-link uk-link-muted uk-margin-remove-last-child">Erfurter Erklärung</a></div>        </li>        
661    
662    
663</ul>
664<h3 class="uk-h5" id="footer#3" uk-scrollspy-class>
665    
666        
667                    <span style="color:#111!important;">Organisation</span>        
668        
669    
670</h3>
671<ul class="uk-list" id="footer#4" uk-scrollspy-class>
672    
673    
674                <li class="el-item">            <div class="el-content uk-panel"><a href="https://www.offene-jugendarbeit.net/index.php/organisation/bag-infos" class="el-link uk-link-muted uk-margin-remove-last-child">Allgemeine Infos</a></div>        </li>                <li class="el-item">            <div class="el-content uk-panel"><a href="/index.php/organisation/geschaeftsstelle-vorstand-satzung" class="el-link uk-link-muted uk-margin-remove-last-child">Geschäftsstelle, Vorstand, Satzung</a></div>        </li>                <li class="el-item">            <div class="el-content uk-panel"><a href="/index.php/organisation/mitglieder-mitgliedschaft" class="el-link uk-link-muted uk-margin-remove-last-child">Mitglieder & Mitgliedschaft</a></div>        </li>        
675    
676    
677</ul>
678                
679            
680        
681    
682</div>
683<div class="uk-width-1-2@s uk-width-1-4@m">
684    
685        
686            
687            
688            
689                
690                    
691<h3 class="uk-h5" id="footer#5" uk-scrollspy-class>
692    
693        
694                    <span style="color:#111!important;">Service</span>        
695        
696    
697</h3>
698<ul class="uk-list" id="footer#6" uk-scrollspy-class>
699    
700    
701                <li class="el-item">            <div class="el-content uk-panel"><a href="/index.php/fachzeitschrift" class="el-link uk-link-muted uk-margin-remove-last-child">Fachzeitschrift OJA</a></div>        </li>                <li class="el-item">            <div class="el-content uk-panel"><a href="/index.php/service/links-donwloads" class="el-link uk-link-muted uk-margin-remove-last-child">Links &amp; Downloads</a></div>        </li>                <li class="el-item">            <div class="el-content uk-panel"><a href="/index.php/service/gema" class="el-link uk-link-muted uk-margin-remove-last-child">GEMA</a></div>        </li>                <li class="el-item">            <div class="el-content uk-panel"><a href="/index.php/service/mplc" class="el-link uk-link-muted uk-margin-remove-last-child">MPLC</a></div>        </li>        
702    
703    
704</ul>
705<h3 class="uk-h5" id="footer#7" uk-scrollspy-class>
706    
707        
708                    <span style="color:#111!important;">Sonstiges</span>        
709        
710    
711</h3>
712<ul class="uk-list" id="footer#8" uk-scrollspy-class>
713    
714    
715                <li class="el-item">            <div class="el-content uk-panel"><a href="https://www.offene-jugendarbeit.net/index.php/service/newsletter" class="el-link uk-link-muted uk-margin-remove-last-child">Zum Newsletter anmelden</a></div>        </li>                <li class="el-item">            <div class="el-content uk-panel"><a href="https://www.offene-jugendarbeit.net/index.php/service/newsletter-abmelden" class="el-link uk-link-muted uk-margin-remove-last-child">Vom Newsletter abmelden</a></div>        </li>                <li class="el-item">            <div class="el-content uk-panel"><a href="/index.php/organisation/kontakt" class="el-link uk-link-muted uk-margin-remove-last-child">Kontakt</a></div>        </li>        
716    
717    
718</ul>
719                
720            
721        
722    
723</div>
724    
725</div>
726                                </div>                
727            
728        
729    
730</div>
731<div class="uk-section-default uk-section uk-padding-remove-vertical">
732    
733        
734        
735        
736            
737                                <div class="uk-container">                
738                    
739<div class="uk-grid-margin uk-grid tm-grid-expand uk-child-width-1-1">
740    
741        
742<div class="uk-width-1-1@m">
743    
744        
745            
746            
747            
748                
749                    <div><div style="width:100%;margin: 0 auto;text-align:center;">
750
751<p>
752    <a target="_blank" href="https://www.facebook.com/bagokje">
753            <img alt="Das Facebook-Logo in blau" src="/images/fb.png" style="width:60px;display:block;margin: 0 auto!important;text-align:center!important;" /></a>
754    </p>
755    
756    </div>
757    
758    <div>
759            <p style="margin: 0 auto!important;text-align:center;display:block!important;">
760        
761        
762
763                
764    <a style="color:#0C6DB8;font-size:16px;"  href="/index.php/impressum">Impressum
765</a>
766         <br />
767 
768<a style="color:#0C6DB8;font-size:15px;"  href="/index.php/datenschutz">Datenschutz
769</a>
770
771</div>
772
773     <br />
774</div><div><div style="width:100%;margin: 0 auto;text-align:center;margin-top:30px;">
775
776<div style="width:90%;margin:0 auto;"><p style="color:#111;font-size:16px;position:relative;top:-20px;"> &copy; 2026 Bundesarbeitsgemeinschaft Offene Kinder- und Jugendarbeit e. V.&nbsp;  &nbsp;
777    <br /><a   style="color:#0C6DB8;font-size:13px;"  href="https://www.offene-jugendarbeit.net">Web</a>&nbsp; | &nbsp;<joomla-hidden-mail style="color:#0C6DB8;font-size:13px;"  is-link="1" is-email="0" first="aW5mbw==" last="YmFnLW9ramUuZGU=" text="TWFpbA==" base="" >Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein.</joomla-hidden-mail></p>
778</div>
779</div></div><div><div style="width:100%;position:relative;bottom:-100px!important;">
780
781<div style="width:50%;margin:0 auto;text-align:center;"><p style="color:#000000!important;font-size:9px;position:relative;top:-30px;"> &copy; 2026   code&amp;candy&nbsp; | &nbsp; <a   style="color:#000000;font-size:11px;"  href="https://www.codeandcandy.net">Web</a>&nbsp; | &nbsp;<joomla-hidden-mail style="color:#000000;font-size:11px;"  is-link="1" is-email="0" first="bWFpbA==" last="Y29kZWFuZGNhbmR5Lm5ldA==" text="TWFpbA==" base="" >Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein.</joomla-hidden-mail></p>
782</div>
783</div></div><div>
783<script>
784window.addEventListener('load', function() {
785  setTimeout(function() {
786
787    /* =============================================================
788       1) Optional: Modal nur öffnen, wenn jQuery/Bootstrap vorhanden
789       ============================================================= */
790    try {
791      if (window.jQuery && typeof jQuery.fn.modal === 'function' && jQuery("#myModal").length) {
792        jQuery("#myModal").modal('show');
793        console.log('✅ Modal #myModal geöffnet');
794      }
795    } catch (e) {
796      console.warn('Modal nicht initialisiert:', e.message);
797    }
798
799    /* =============================================================
800       2) BLUR/BLOCK hinter dem Consent-Banner (hybrid = deine alte, bewährte Variante)
801       ============================================================= */
802    (function() {
803      // Blur-Overlay nur einmal anlegen
804      let blur = document.querySelector('.cc-blur-overlay');
805      if (!blur) {
806        blur = document.createElement('div');
807        blur.className = 'cc-blur-overlay';
808        document.body.appendChild(blur);
809      }
810
811      // Sichtbarkeit prüfen (robust gegen animiertes Ein-/Ausblenden)
812      function isVisible(el) {
813        if (!el) return false;
814        const style = window.getComputedStyle(el);
815        return (
816          style.display !== 'none' &&
817          style.visibility !== 'hidden' &&
818          style.opacity !== '0' &&
819          el.getClientRects().length > 0
820        );
821      }
822
823      function updateBlur() {
824        const win = document.querySelector('.cc-window.cc-floating');
825        if (!win) return;
826        const visible = isVisible(win);
827        blur.classList.toggle('active', visible);
828      }
829
830      // Regelmäßige Prüfung (wie bei dir zuvor – zuverlässig!)
831      const interval = setInterval(updateBlur, 500);
832
833      // Reagiere zusätzlich auf DOM-Änderungen
834      const observer = new MutationObserver(updateBlur);
835      observer.observe(document.body, { attributes: true, childList: true, subtree: true });
836
837      // Sicherheitsabschaltung des Intervalls nach 2 Minuten (Observer bleibt)
838      setTimeout(() => clearInterval(interval), 120000);
839
840      // Erste Prüfung sofort
841      updateBlur();
842    })();
843
844 
845  
846    
847        /* =============================================================
848       5) Eigener Button zum Öffnen des Consent-Banners
849       ============================================================= */
850    document.addEventListener('click', function(e) {
851      const trigger = e.target.closest('[data-open-consent]');
852      if (!trigger) return;
853      e.preventDefault();
854
855      // Warte, bis GDPR geladen ist
856      const openBanner = () => {
857        if (window.GDPR && typeof GDPR.showConsentToolbar === 'function') {
858          GDPR.showConsentToolbar();
859          console.log('✅ Consent-Banner geöffnet (API)');
860        } else {
861          const revoke = document.querySelector('.cc-revoke');
862          if (revoke) {
863            revoke.click();
864            console.log('✅ Consent-Banner geöffnet (Fallback .cc-revoke)');
865          } else {
866            alert('Cookie-Banner momentan nicht verfügbar.');
867          }
868        }
869      };
870
871      // kleine Sicherheitspause, falls GDPR erst gleich initialisiert wird
872      setTimeout(openBanner, 300);
873    });
874</script>
874</div>
875                
876            
877        
878    
879</div>
880    
881</div>
882                                </div>                
883            
884        
885    
886</div>            </footer>
887            
888        </div>
889
890        
891        
892        
893
894    </body>
895</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.